/* style settings for PRINTing and small SCREEN fix definition - import */
@import url("wcmedia.css");

/* default definition for whole site */
* {font-family:arial,helvetica,sans-serif,tahoma,verdana; margin:0; padding:0}
html {height:100% !important}

/* basic default tag element definition */
a {font-size:11px; color:#000;text-decoration:none}
a img	{border:0; text-decoration:none}
a:hover {color:#C93 !important; text-decoration:none}

/* defauld GOLD color for elements */
.clrGold {color:#C93 !important}
/* defauld BLUE color for elements */
.clrBlue {color:#2F496A !important}

/* error messages color in forms */
.formerrormessage {color:#FE0000}
.error-message {text-align:center}
.error-message div {font-weight:700; color:#fff; text-align:center; margin:0 auto; background-color:red; padding:3px; margin-bottom:1px}

/* style for hidden element - just little helpfull */
.defaulthidden {display:none !important}
.dontdisplay {visibility:hidden !important}

/* nice DEBUF border class .. just use it if needed */
.debugborder {border:1px #CCC solid}

/*warnings*/
.warning {color:#FE0000}

/* italic common style */
.italic {font-style:italic}

/* bold common style */
.bold, strong, .txt-bold {font-weight:700}

/* text centering */
.text-center, .align-center {text-align:center}
.text-padding {margin-top:45px}

.align-right {text-align:right !important}
.float-right {float:right}

/* little neat spacers */
.space-top {padding-top:10px}

/* content elements - divider line for each box */
.divider {border-bottom:1px solid #CCC; font-size:0; display:block}

/* default definition for all text link elements in boxed sections of content */
.textlink a {float:right; color:#2F496A; font-weight:700; text-decoration:underline; padding-right:3px; padding-left:20px}
.link-content {color:#2F496A; font-weight:700; text-decoration:underline}

.txt-disclaimer {padding-top:30px}

.txt-bigger {font-size:14px}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*

common style definitions for WYSIWYG editor + for STATIC pages
STATIC pages included here:

- OVERVIEW
- ONLINE
- DATA FILE
- FILTER
- PASSPORT-CHECK
- KENN ON TOUR

*/
#wysiwyg {width:100% !important}
#wysiwyg .body {padding-left:4px}
#wysiwyg .title {text-align:left; padding:0 0 2px 2px; height:33px}
#wysiwyg .header {padding-bottom:22px}

/* redefine of standard html tags */
/* A TAG redefine for all static pages */
#wysiwyg a {color:#C93; text-decoration:underline}
#wysiwyg a:link {color:#C93; text-decoration:underline}
#wysiwyg a:visited {color:#C93; text-decoration:underline}
#wysiwyg a:hover {color:#C93; text-decoration:underline}
#wysiwyg a:active {color:#C93; text-decoration:underline}

/* rest of HTML TAGs redefine */
#wysiwyg p {margin-bottom:20px}
#wysiwyg ul {margin:0 0 10px 40px; list-style-type:inherit}
#wysiwyg ol {margin:0 0 10px 40px; list-style-type:decimal}
#wysiwyg li {}
#wysiwyg blockquote {padding:0 0 13px 40px}

/* custom style elements for WYSIWYG editor */
#wysiwyg .wysiwyg_style1 {font-size: 12px; font-weight:700; color:#304971}
#wysiwyg .wysiwyg_style2 {font-size: 12px; font-weight:700; color:#000}
#wysiwyg .wysiwyg_style3 {font-size: 12px; font-weight:700; color:#C93}
#wysiwyg .wysiwyg_style4 {font-size: 11px; color:#304971; font-weight:700}
#wysiwyg .wysiwyg_style5 {font-size: 11px; color:#000}
#wysiwyg .wysiwyg_style6 {font-size: 11px; color:#C93}

/* H1 H2 H3 style definitions */
#wysiwyg h2, #wysiwyg h3 {font-size:12px; font-weight:700; color:#304971}
#wysiwyg h1 {float:left; font-weight:400; font-size:22px; padding-top:9px}

/* combo list definitions */
#wysiwyg ul.combo_list {list-style-type:none; margin:0}
#wysiwyg ul.combo_list li {padding:1px !important; width:auto !important}
#wysiwyg .combo {float:right; font-size:10px; padding:10px 6px 0 0; text-align:left}

/* style for current language text */
#wysiwyg .current-language {float:right; padding:14px 8px 0 0; font-weight:700; font-size:11px}

/* style definitions for adv banners on site .... right small and bottom big */
.advbannerright, .advbannerbottom {text-align:center; margin-bottom:15px}
.advbannerright {margin-top:35px}
.advbannerbottom {margin-top:10px}

/* common buttons on every page in footer container */
#commonbuttons {} /* just foo definition for future purposes */
/* button container */
#commonbuttons .buttons {float:left; width:200px; margin-bottom:5px}
/* icon placement */
#commonbuttons .buttonicons {padding:6px 6px 0 3px; vertical-align: -5px}

/* our nice text page LABELS definitions for all subpages */
/* it is GLOBAL definition so please do changes only here */
.container-title {height:33px; text-align:left; padding:0 0 4px 3px}
/* SINGLE LINE title definition */
.title-singleline {float:left; font-size:22px; padding-top:9px}
/* TWO LINES title definition */
.title-firstline {font-size:10px; font-weight:400; line-height:10px}
.title-secondline {font-size:22px; font-weight:400; line-height:22px}
/* SINGLE line mixed definition with two different font sizes */
.title-mixedline {font-size:14px; font-weight:400}
/* 18px big part of page title */
.title-mixedlinebigger {font-size:18px; font-weight:400}
/* small width fix for CONTACT section - not needed now */
.title-fix-tbrief {color:#FE0000}
/* ARCHIVE BOX section title definition */
/* styles for sections ARTICLE ARCHIVE (article_) */
.title-archive {height:23px} /* dont collapse! */
.title-archive div {float:left} /* need to stack it close to each other */

/* main section of page - construct */
#main	{min-height:500px; width:980px !important; margin:0 auto; text-align:left; padding:0; background-color:#FFF}

/* CONSTRUCT top part of page containing LOGO and LOGIN button */
#top {height:83px; background:url("../img/construct/top/bg_toptile.jpg") #030408 repeat-x}
/* logo floating left */
#logo {float:left}

/* thin line dividing top part from menu bar */
#stripeline {font-size:0; height:2px; background-color:#070A13; text-align:center}

/* CONSTRUCT login button on top right of the page */
#loginBox {padding-right:38px; margin-top:33px; float:right}

/* SUBSCRIBE & UNSUBSCRIBE page */
#subscribe {width:100% !important}
#subscribe .header {padding-bottom:22px}
#subscribe .body {padding-left:200px; padding-top:45px}
#subscribe form {padding-top:15px; padding-bottom:20px}
#subscribe form input {float:left; border:1px solid #CCC; margin-left:7px; padding:2px 5px 0 3px; background:#FFF; width:200px; font-size:12px; color:#666; height:17px}
#subscribe .btnsubmit {float:left; font-size:11px; color:#000; cursor:pointer; height:17px; background:transparent; padding-left:7px; padding-top:4px}
#subscribe .indent {padding-left:8px}
.btncursor { cursor: pointer; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONSTRUCT main menu */

#mnu {height:25px; line-height:25px; background:url("../img/bg_mainmenu.gif") #030408 repeat-x}
#menu {float:left; white-space:nowrap; background-color:#030408}
#menu li {display:block; float:left; list-style-type:none}
#menu a {display:block; color:#dde0ef; font-size:11px; padding:0 8px 0 10px; font-weight:700; text-decoration:none}
#menu a:hover {display:block; color:#C93; text-decoration:none}
#mnu .menulevel2 {display:block; visibility:hidden; position:absolute; width:105px; background:#030408; z-index:1000; padding:0; margin:0}

/* all lists */
#mnu, #menu ul {padding:0; margin:0; list-style:none}
/* second-level lists */
#menu li ul {z-index:5;	position:absolute; background:#030408;	left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#menu li ul li {float:none}
/* lists nested under hovered list items */
#menu li:hover ul {left:auto; background-position:0 0}
#menu li.hover_ie ul {left:auto} /* for ie 5.5 and ie 6 */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* active menu highlighting logic :-) gabor-o-solution */
/* we use our default GOLD color */
#page_home #menu_home, /* home page */
#page_article_list #menu_articles, /* articles */
#page_article_detail	#menu_articles,
#page_breakingnews_list	#menu_breakingnews,
#page_ibrief_list	#menu_ibriefs,
#page_ibrief_detail #menu_ibriefs,
#page_whitepaper_list #menu_whitepapers,
#page_pressrelease_list	#menu_pressreleases,
#page_pressarticle_list	#menu_pressarticles,
#page_event_list #menu_events,
#page_socialresponsibility #menu_socialresponsibility,
#page_contact  #menu_contact,
#page_contact  #menu_contact_bottom,
#page_contact_confirm  #menu_contact,
#page_contact_confirm  #menu_contact_bottom,
#page_stats #menu_stats,
#page_feeds	#menu_feeds,
#page_sitemap #menu_sitemap {color:#C93 !important}

/* CONSTRUCT breadcrumb */
#breadcrmb {height:35px; background-color:#E4E4E4}
#breadcrumb {float:left; width:655px}

/* search box definition ... on right side of breadcrumb */
#searchBox {float:left; width:310px; margin-left:11px}
#searchBox form input {border:1px solid #CCC; margin-top:7px; padding:2px 5px 0 3px; background:#FFF; width:245px; font-size:12px; color:#666; height:17px}
#searchBox .btnsubmit {float:left; font-size:11px; color:#000; cursor:pointer; height:17px; background:transparent; padding-left:5px; padding-top:11px}

/* content container definition - main definition */
#con {height:100% !important; padding-top:4px}

/* content main columns for every subpage (main + right column) */
/* definition for left column is in print.css */
#sclmnRight {float:left; width:306px; padding-left:9px}

/* ACCORDEON box definition - definitions of links */
#boxdaacc a.link, #e-topics a.link { color: #C93 }
#boxdaacc a.link:hover, #e-topics a.link:hover { color: #2F496A; text-decoration: none }
/* boxed function buttons on bottom of each ACCORDEON box */
.boxed {height:30px; background:url("../img/construct/boxes/bg_boxfooter.gif") no-repeat}
.boxed .left {float:left; padding-left:3px}
.boxed .right {float:right; padding-right:10px}
.boxed .buttonicons {margin:0 6px 0 3px; position:relative; top:5px; left:3px}

/* footer section of page */
#footercontainer {margin:0 auto; text-align:left; width:980px; position:relative; margin-top:-5.5em; background-color:#FFF }
/* footer nav bar */
#footer {clear:both; margin-left:6px; margin-right:6px; border:1px solid #E4E4E4; background-color:#F1F1F1; height:22px; font-size:12px; text-align:center; line-height:22px}
#footer a {color: #000}
#footer a:hover {color:#C93}
#footer .textsplitter {padding:0 3px}
/* footer function bar */
#pagebottom {color: #000; height:28px; font-size:11px; margin:0 10px; padding-top:2px}
#pagebottom .left, #pagebottom .center, #pagebottom .right {width:33%}
#pagebottom .left {float:left; text-align:left}
#pagebottom .center {float:left; text-align:center; position:relative; top:5px}
#pagebottom .right {float:right; text-align:right }
#pagebottom .itemPicture {padding: 0 6px; position:relative; top:5px}
#pagebottom .itemTextLeft {padding-right:9px; color:#000; position:relative; top:-4px}
#pagebottom .itemTextRight {padding-left:9px; color:#000; position:relative; top:-4px}

/* little space pls below each content */
.footerspace {padding-bottom:10px; clear:both; font-size:0}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* content elements on title page */

/* title container main definition */
#titlecontainer {margin-top:4px; margin-bottom:6px; background:url("../img/construct/bg_homepage.gif") repeat-y}

/* content title page - appear only on title page */
.boxcontainer {width:305px; padding-left:12px; padding-right:8px}
#row-one {height:400px} /* first container row on title page */
#row-two {height:175px} /* second container row on title page */

/* ACCORDEON definitions on title page */
#container-firstaccordeon, #container-secondcolumn {width:325px; float:left}
/* second columns styles */
#container-secondcolumn {height:395px}
#container-secondcolumn .title {font-size:19px; padding-top:17px; margin-bottom:15px}
#container-secondcolumn p {margin-bottom:15px}
/* unordered list on title page */
#container-secondcolumn ul {list-style-type:none; padding:0 0 12px 15px}
#container-secondcolumn ul li {padding-left:7px; background:url("../img/content/list_marker.gif") no-repeat top left}

/* 3 lines title definition for box headers on title page */
.article-title01, .article-title02, .article-title03 {position:absolute; font-weight:400}
.article-title01 {font-size:10px}
.article-title02 {font-size:19px; margin-top:8px}
.article-title03 {font-size:10px; margin-top:26px; padding-left:70px}

/*
VERTICAL TABBED ELEMENT ON TITLE PAGE

menu item: W 183px x H 27px
menu item right spacing: 15px
menu item container vertical spacing: 2px
*/

/* BANNER part - ...confessions... (BIG banner & SMALL banner) */
.advbanner-big {float:left; width:325px; height:106px; margin-top:5px; color:#2F496A; font-size:11px; font-weight:700; background: url("../img/banners/bnr_confessions.gif") no-repeat 14px 53px}
.advbanner-big .text-container {float:left; width:200px; padding-left:15px; padding-top:5px}
.advbanner-big .article-date {float:right; font-size:11px; font-weight:400; margin-right:10px; margin-top:35px}
.advbanner-big .article-link {float:left; padding-left:70px; margin-top:10px; width:240px; background-color:transparent}
.advbanner-big .article-link a {color:#2F496A; font-size:11px; font-weight:700}
.container-advbanner-small {float:left; width:325px; text-align:center; padding-top:23px}
.container-advbanner-small .advbanner-small {/*  just foo class for future purposes */}

/* MAIN CONSTRUCT container for vertical TABBED browsing on title page */
/* MAIN CONTAINER for vertical tabs */
#vertical-tabs-container {float:left; width:630px; height:175px; background-color:#FFF; padding:0 8px 0 12px}
/* navigation TAB container */
#vertical-tabs-nav {float:left; width:183px; height:167px; padding-top:2px; clear:both}
#vertical-tabs-nav .tab {width:168px; height:27px; clear:both; padding-bottom:2px; text-align:right; line-height:27px; padding-right:15px; cursor:pointer; font-weight:700}
#vertical-tabs-nav .on, #vertical-tabs-nav .off {background-repeat:no-repeat}
#vertical-tabs-nav .on {color:#C93; background-image:url("../img/content/vtabs/bg_onstate.gif")}
#vertical-tabs-nav .off {color:#2F496A; background-image:url("../img/content/vtabs/bg_offstate.gif")}
/* small fix for FireFox - position absolute make content part look messy so we will FIX IT! */
#vertical-tabs-container .content-container {padding-left:180px !important} /* FIX for FireFox */
/* changeable content part main container */
.vertical-tabs-content {position:absolute; width:435px; padding-left:10px; padding-top:10px}
/* size definition for content itself - we have content itself + link bar */
.vertical-tabs-content .content-part {width:435px; height:145px}
.vertical-tabs-content .content-part-link {width:435px}
/* vertical tabbed content box styles definition for IBRIEF + WHITEPAPERS + PRESSRELEASES + PRESSARTICLES + EVENTS */
.content-part .content {/* just foo container - to make it correct */}
.content-part .content a {font-size:11px; font-weight:700; color:#2F496A}
.content-part .content a:hover {text-decoration:underline}
.content-part .content ul {list-style-type:none; padding-left:5px}
.content-part .content ul li {clear:left; font-weight:700; color:#2F496A; background:url("../img/content/list_marker.gif") no-repeat top left; padding:0 0 7px 7px}
.content-part .content ul li img {vertical-align:-7px; margin-left:7px}
.content-part .content ul li .links {float:left; width:390px; color:#2F496A; font-weight:700; cursor:pointer}
.content-part .content ul li .links a {font-size:11px; font-weight:700; color:#2F496A}
.content-part .content ul li .links a:hover {text-decoration:underline; cursor:pointer}

/* title box DIFFERENTANGLE + BREAKINGNEWS (accordeons) */
.boxaccordeon {float:left; height:287px; padding-top:0}
.boxaccordeon .container-title {height:40px; text-align:left; padding:0}
.boxaccordeon .container-title .title {float:left; width:180px}
.boxaccordeon .container-title .differentangle {padding-top:0}
.boxaccordeon .container-title .breakingnews {font-size:19px; padding-top:17px}
.boxaccordeon .content {text-align:left;  height:209px}
.boxaccordeon .combo {float:right; padding:17px 0 0 0; margin:0; font-size:10px}
.boxaccordeon .combo select {width:110px}
.combo_list {solid; overflow-x:hidden; overflow:auto}
#page_subscribe .combo_list, #page_submit_testimonial .combo_list {width:254px; height:300px; overflow-y:scroll}
.combo_list li {display:auto; margin:0; padding:1px !important; width:auto !important}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* box PRODUCT INFORMATION - title page and subpages */
#boxProductInformation {padding-bottom:14px}
#boxProductInformation .title, #boxProductInformation .menuitem {text-align:left}
#boxProductInformation .title {font-size:19px; padding-left:5px; padding-bottom:2px; line-height:22px}
#boxProductInformation .menuitem {padding:2px 0 2px 12px}
#boxProductInformation .menuitem a {font-size:12px; font-weight:700; color:#2F496A; line-height:15px}
/* box COMPLIANCE OVERVIEW - title page and subpages */
#boxComplianceOverview {padding-bottom:18px}
#boxComplianceOverview .title, #boxComplianceOverview .menuitem {text-align:left}
#boxComplianceOverview .title {font-size:19px; padding-left:5px; padding-bottom:2px; line-height:22px}
#boxComplianceOverview .menuitem {padding:2px 0 2px 12px}
#boxComplianceOverview .menuitem a {font-size:12px; font-weight:700; color:#2F496A; line-height:15px}
/* fix for PRODUCT INFORMATION and COMPLIANCE OVERVIEW sections on title page */
.titlepagefix {float:left; width:305px; padding-top:18px}
.titlepagefix-compliance {float:left; width:305px; padding-top:3px}
/* this is used on all subpages like a small top padding fix */
.subpagefix {padding-top:13px}
.subpagefix-compliance {padding-top:3px}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* all common title + text boxes on title page on right side */
/* NEWSWIRE + TESTIMONIALS */
.boxTitleCommon {float:left; width:305px; text-align:left; font-size:11px; padding-left:12px}
.boxTitleCommon .titlenewswire, .boxTitleCommon .titleevents, .boxTitleCommon .titletestimonials {font-size:19px; padding:0 0 2px 5px}
.boxTitleCommon .header {color:#2F496A; font-weight:700; text-align:left; padding:0.2em 0 0.3em 8px; background-color:#FFF}
.boxTitleCommon .body {padding:2px 3px 0 6px}
.boxTitleCommon .body a, .boxTitleCommon .body a:hover {color:#2F496A}
.boxTitleCommon .body a:hover {text-decoration:underline}
.boxTitleCommon .button {text-align:left; padding-top:12px; padding-left:5px}
.boxTitleCommon ul {list-style-type:none; padding-left:5px}
.boxTitleCommon ul li {font-weight:700; color: #2F496A; background:url("../img/content/list_marker.gif") no-repeat top left; padding:0 0 7px 7px}
.boxTitleCommon ul li img {vertical-align:text-top}
.boxTitleCommon a.link {color:#C93}
.boxTitleCommon a.link:hover {text-decoration:none}
/* special definition for TESTIMONIALS box */
.boxTitleCommon .infotext {color:#2F496A; font-size:10px; margin-top:10px}

/* definition for element SWITCHING in dynamic blocks NEWSWIRE + EVENTS + TESTIMONIALS */
#newswire-block {height:82px} /* newswire block on title page and content pages */
#event-block, #testimonial-block {height:112px} /* event block and testimonial block on title page */
.newswire-item, .event-item, .testimonial-item {position:absolute; width:305px; display:none}

/* small fix for TESTIMONIALS block on title page */
.fix-title-testimonials {padding-top:17px}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* content elements: ARCHIVE box on every subpage */
#boxarchive {padding-top:15px}
#boxarchive a {font-size:11px; font-weight:700; color:#2F496A}
#boxarchive .top {float:left; width:50%; text-align:left}
#boxarchive .title {font-size:19px; padding:0 0 0 5px}
#boxarchive .content {text-align:left; padding:6px 0}
#boxarchive .content ul {list-style-type:none; padding-left:5px}
#boxarchive .content ul li {font-weight:700; color:#2F496A; background:url("../img/content/list_marker.gif") no-repeat top left; padding-left:7px; padding-bottom:6px}
#boxarchive .content ul li img {vertical-align:-7px; margin-left:7px}
#boxarchive .content .active {color:#C93; font-weight:700}
#boxarchive .combo {float:right; font-size:10px; padding:2px 0 0 0; height:15px}
#boxarchive .combo select {width:115px}
#boxarchive .download {font-size:10px; text-align:right; padding:5px 10px 5px 0}

/* common NEWSWIRE and TESTIMONIALS box on content pages */
.boxContentCommon {text-align:left; font-size:11px}
.boxContentCommon .title {font-size:19px; padding:0 0 2px 5px}
.boxContentCommon .header {color:#2F496A; font-weight:700; text-align:left; padding:2px 0 1px 8px; background-color:#FFF}
.boxContentCommon .body {height:55px; padding:2px 3px 0 6px}
.boxContentCommon .body a {color:#2F496A} /* default BLUE color */
.boxContentCommon .body a:hover {color:#2F496A; text-decoration:underline}
.boxContentCommon .button {text-align:left; padding-top:12px; padding-left:5px}
.boxContentCommon ul {list-style-type:none; padding-left:5px}
.boxContentCommon ul li {font-weight:700; color:#2F496A; background:url("../img/content/list_marker.gif") no-repeat top left; padding:0 0 7px 7px}
.boxContentCommon ul li img {vertical-align:text-top}
/* special definition for TESTIMONIALS box */
.boxContentCommon .infotext {color:#2F496A; font-size:10px; margin-top:10px}
.boxContentCommon a.link {color:#C93}
.boxContentCommon a.link:hover {text-decoration:none}

/* content elements article list */
#carticle {width:100%}
#printimg {display:none} /* for printing purpose only */
#carticle p {margin-bottom:16px}
#carticle .infobox {float:right; font-size:11px; color:#C93; padding:18px 10px 0 0; text-align:right; font-weight:700}
#carticle .headerarticle, #carticle .headeribrief, #carticle .headernewswire, #carticle .headerevents {text-align:left; font-size:12px; font-weight:700; color:#2F496A}
#carticle .headerarticle {padding:14px 0 14px 8px; height:17px}
#carticle .headernewswire {padding:14px 0 0 8px; height:17px}
#carticle .headerevents {padding:14px 0 14px 8px; float:left}
#carticle .headeribrief {padding-left:8px; height:10px}
#carticle .text {float:left; width:500px !important}
#carticle .date {float:right; text-align:right; padding-right:10px; font-size:11px; color:#C93}
#carticle .body {padding:0 0 5px 4px; clear:left}
#carticle .body a {color:#C93; text-decoration:none}
/* EVENTS page tweak */
#carticle .etext {float:left; width:330px}
#carticle .edate {float:right; width:200px; text-align:right; padding-right:10px; font-size:11px; color:#C93}
#carticle .pressimg {padding-right:12px}
/* CONFESSIONS page tweak */
.confessions-list {float:left; padding-left:4px; padding-bottom:20px; font-size:12px; font-weight:700; color:#2F496A}
.confessions-list .article-container {float:left; width:100%; padding-top:10px}
.confessions-list .article-name, .confessions-list .article-name a {float:left; font-weight:400; font-size:12px; color:#2F496A; width:530px}
.confessions-list .article-date {float:right; font-weight:400; color:#000; font-size:10px}

/* sub divider text block .... ARTICLE LIST & DETAIL */
#subcontainer {padding-top:2px; padding-right:5px; padding-left:7px; color:#C93}
#subcontainer a, #searchcontent .subcontainer a:visited {color: #C93}
#subcontainer a:hover {color:#000}
#subcontainer .subleft {float:left}
#subcontainer .subright {float:right}
/* fix for subpages HEADER SPACING ... main page ARTICLE different as DETAIL page */
.main {padding-bottom:30px}
.sub {padding-bottom:15px}

/* content elements SEARCH */
/* we try to stay global for all listing content pages */
#searchcontent {width:100% !important}
#searchcontent .header {float:left; font-size:12px; color:#CCC; padding:3px 0 30px 4px; color:#2F496A; width:400px; font-weight:700}
/* FIX for no header search pages - padding bottom need to be redefined to match exact desired size */
#searchcontent .headertestimonials, #searchcontent .headerbreakingnews {padding-bottom:20px}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#searchcontent .result {clear:both; padding-left:17px}
#searchcontent .result a {font-size:12px; color:#2F496A}
#searchcontent .result a:hover {text-decoration:underline}
#searchcontent .result a.link {color:#C93; font-size:11px}
#searchcontent .result .nolink {font-size:12px}
#searchcontent .result .id, #searchcontent .result .articleheader {float:left; font-weight:700; color:#2F496A}
#searchcontent .result .id {width:21px; font-size:12px}
#searchcontent .result .articleheader {width:460px}
#searchcontent .result .articledate {float:right; text-align:right; padding:2px 6px 0 0; font-size:10px; width:120px}
#searchcontent .result .text {width:590px; float:left; clear:left; font-weight:400; font-size:11px}
#searchcontent .result .text a {color:#C93; font-size:11px}
#searchcontent .result .text a:hover {text-decoration:none}
#searchcontent .result .text div {float:left}
#searchcontent .result .text img {float:right}
#searchcontent .result .pressimg {padding:0 12px 7px 1px}
#searchcontent .result .pressheader {float:left; width:410px}
#searchcontent .result .pressheader a {font-size:11px; font-weight:700}
#searchcontent .result .date {width:200px; font-weight:400; font-size:11px; color:#000; float:right; text-align:right}
#searchcontent .result .eventsbody {clear:both; font-weight:400; font-size:11px; color:#000; padding-bottom:10px}
/* combo element on conten search result pages */
#searchcontent .combo {float:right; font-size:10px; padding:10px 5px 0 0}
#searchcontent .combo select {width:120px !important}
/* testimonials search result section is little different - this is small FIX */
#searchcontent .testimonials {float:left; padding-left:0; padding-bottom:10px}
#searchcontent .testimonials .testimonialsfix {width:620px; font-size:10px; padding-left:10px}
#searchcontent .testimonials .infotext {color:#2F496A; font-size:10px; margin-top:10px}
/* spacing RESULT element for PRESSARTICLES + PRESSRELEASES + EVENTS */
.eventspacer {padding-bottom:10px} /* this need less spacing cause it have BODY spacing included */
.pressspacer {padding-bottom:40px} /* this need more spacing while there is no BODY spacing */
/* special styles for checkboxes */
#support .checkboxes {margin-bottom:5px; display:block}
/* some fixes - need to be simplified */
/* styling for textarea */
.pdficofix {width:560px !important}
.commontextfix {padding:5px 0 10px 21px}
.presstextfix {padding-bottom:23px}
.breakingnewsheaderfix {width:435px !important}
.breakingnewsdatefix {width:155px !important}

/* CONTACT form for SUPPORT and SUBSCRIBE */
#support {width:100%}
#support .supportform {padding: 15px 0 0 17px}
#support text {margin-top:5px}
/* styling for textarea */
#support textarea, #support .inputbox, #support .inputbox-parent input {border:2px #E4E4E4 solid}
#support textarea {width:420px; height:150px; overflow:auto; font-size:11px}
#support .inputbox, #support .inputbox-parent input {width:200px; height:16px; font-size:11px; padding-top:2px}
/* CONTACT page header right section */
#support .infobox {float:right; font-size:11px; color:#2F496A; padding:18px 5px 0 0}
#support .infobox a {color:#C93} /* GOLD color for link in header */
#support .infobox a:hover {text-decoration:underline}
/* label definition for form section names 1. 2. 3. etc.... */
#support .label {padding:10px 0 7px}
/* this one is for defining some padding from left for all subelements in form sections */
#support .element {padding-left:12px}
#support .btnsubmit, #support .btnsubmit a {float:right; padding:9px 15px 5px 12px; background:url('../img/forms/buttons/bullet.gif') 0 11px no-repeat}
/* new ChangeEmail button - so neat and small :) */
#support .btnchangeemail {margin-left:7px; vertical-align:-2px}
#support input.required {color:#000} /* fix for DJANGO required fields behaviour */
#support textarea.required {color:#000} /* fix for DJANGO required fields behaviour */
#support .required {color:#C93} /* gold colored text - default gold used */
#support .infotext {color:#C93} /* gold colored text - default gold used */
/* combo box styling */
#support .combo {font-size:11px}
#support .combo select {width:200px}
/* style definition for form body container */
#support .confirmationbody {padding-left:100px; padding-top:45px}
#support .contacttable, #support table.contacttable {margin-left:80px !important}
/* special styles for checkboxes */
#support .container-checkbox ul li {list-style-type:none; padding-bottom:5px; display:block}
#support .container-checkbox ul li input {margin-right:5px}
/* result styling for non input elements */
#support .results {padding-bottom:15px}
/* spacer for dividing first part of form from the rest */
#support .spacer {height:15px}

/* advanced search form on search page */
#advancedsearch {padding-left:44px}
#advancedsearch .hdr {padding:0 0 10px 7px}
#advancedsearch .content {float:left; padding-right:10px}
#advancedsearch .content input, #advancedsearch .content select {border: 1px #CCC solid; height:16px}
#advancedsearch .content input {width:250px}
#advancedsearch .content select {width:155px}
#advancedsearch .button {padding-top:3px}
#advancedsearch .button a, #advancedsearch .button a:hover {color:#000; text-decoration:none}

/* paging content element definition */
.conpaging {float:right; text-align:right; color:#CCC; padding-top:8px; padding-bottom:10px; font-weight:700; font-size:11px}
.conpaging a {color:#C93 !important; text-decoration:none}
.conpaging .paging {font-size:10px; color:#000; text-align:right; padding:3px 0}

/* DHTML popups on content pages and on title page */
.popup {z-index:10; border:1px #CCC solid; position:absolute; display:none; background:#F1F1F1; color:#2F496A; font-weight:700; padding:3px}
.popup img {cursor:pointer}
.popup td {padding:0.3em}
.popup .right {float:right}
.popup br {clear:both}
.popup label {float:left; margin-left:3em; margin-right:2em; padding-top:3px}
.popup a {color:#2F496A}

.popup .title {font-size:12px; font-weight:700}
.popup input {float:right; width:150px; border:2px #E4E4E4 solid}
.popup .button {display:block; font-weight:700; width:100px; text-align:center; color:#fff; padding:5px; background-color:#c93}
.popup .button:hover {color:#000 !important; background-color:#ccc}
.popup .error-data {font-size:11px !important; color:#ff0000; border-color:#ff0000 !important}

/* CONSTRUCT send a newsletter to friend page */
#page_send-to-friend-newsletter {height:100%; text-align:center; font-size:12px; background:url("../img/login/bg_background.gif") #000 repeat-x}
#page_send-to-friend-newsletter #container {padding-top:50px; margin:0 auto; width:460px}
#page_send-to-friend-newsletter .label {padding-bottom:5px; text-align:center; width:460px; color:#FFF}
#page_send-to-friend-newsletter table {margin:0 auto; width:370px}
#page_send-to-friend-newsletter table td {padding:3px; padding-top:13px; color:#FFF; text-align:left; font-size:12px}
#page_send-to-friend-newsletter table td.tdlabel {width:170px; text-align:right}
#page_send-to-friend-newsletter table td.tderror {padding-top:0}
#page_send-to-friend-newsletter form input {float:left; width:190px; height:16px; border:1px solid #E4E4E4; font-size:11px}
#page_send-to-friend-newsletter form textarea {float:left; width:190px; height:120px; border:1px solid #E4E4E4; font-size:11px}
#page_send-to-friend-newsletter .btnsubmit {float:right; background:transparent; border:none; cursor:pointer; width:66px; height:21px; margin-left:5px; color:#C93; font-weight:700}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* CAPTCHA styles definitions - this apply for all captcha pages */

/* contact page */
/* standard captcha container background color */
#captcha {background-color:#f3f3f3}
/* nice img border - gray */
#captcha img {border:1px #e4e4e4 solid}
/* input box default styled */
#captcha #id_captcha, #captcha #captcha, #captcha #captcha-subscription {width:90px; font-size:14px; font-weight:700; text-align:center; margin-left:35px; margin-right:35px; border:2px solid #E4E4E4}
/* error has always same style */
#captcha .error-captcha {font-size:11px !important; color:#ff0000; text-transform:uppercase; border-color:#ff0000 !important}
/* spacer above and bottom */
.captcha-spacing {margin-top:10px; margin-bottom:10px}

/* vertical version of captcha - should work on every page */
.captcha-vertical {width:190px !important; height:95px !important}
.captcha-vertical td {padding:0 !important}
.captcha-vertical .captcha-image {text-align:center !important; padding-bottom:15px}
.captcha-vertical .captcha-input {float:none !important; text-align:center !important}
.captcha-vertical .captcha-input input {float:none !important; height:auto !important}

/* stretched version of captcha */
.captcha-stretched {width:463px; background-color:#fff !important}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */