/* @override http://kc:10088/css/KC.css */

body {
	background: #0369B3 url(/images/body_bg.png) repeat-x;
	font-family: arial, verdana, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	width:100%;
}

img{border:0;}
div{text-align:left;}

#nav_butts{
	background: url('/images/hdr_bg.png') no-repeat;
	height:82px;
	margin-bottom:10px;
}

#nav_butts img{
	margin-top:38px;
	margin-left:6px;
}

#fileGen img{
	cursor:pointer;
	border:0px;
	padding:0px;
        float:left;
}
.addThis { float:left; width:36px; height: 25px; margin:0px 0px 0px 0px; padding:0; text-indent:-9000px; border:none; }
#addthis {margin-top:5px;}

.translucent{
	filter:alpha(Opacity=65);
	opacity:0.65; -moz-opacity:0.65;
	-khtml-opacity:0.65;
}

.x{
	font-family:arial;
	font-size:10pt;
	text-align:left;
}

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 

div#scrollable-box { 
    /* required settings */ 
	display:none;
    position:relative; 
    overflow:hidden; 
    margin:6px 0px 0px 0px;
	padding:0;
	width:608px;
	height: 86px;
	background: url(/images/scrollable-box.png) no-repeat;
	text-align: left;
}

div.scrollable { 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    margin:6px 0px 0px 0px;
	padding:0;
	width:530px; 
	height: 74px;
	float:left;
} 

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:37px;
	height:72px;
	background:url(/images/left.png) no-repeat;
	float:left;
	cursor:pointer;
	font-size:1px;
	margin:7px 1px 0px 1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -73px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(/images/right.png);
	clear:right;	
}


/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
	overflow:hidden;
    position:absolute; 
} 

/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
	margin-left:10px;
	cursor:pointer;
	padding:2px 0px 2px 0px;
	height: 72px;
} 
/* you may want to setup some decorations to active item */ 
div.items div.active { 
	float:left;
	filter:alpha(Opacity=75);
	opacity:0.75; -moz-opacity:0.75;
	-khtml-opacity:0.75;
	padding:2px 0px 2px 0px;
	background:#FFF;
}
	/* you may want to setup some decorations to active item */ 
div.items div.hover { 
	float:left;
	filter:alpha(Opacity=75);
	opacity:0.75; -moz-opacity:0.75;
	-khtml-opacity:0.75;
	padding:2px 2px 2px 2px;
	background:#0369B3;
}


.bigFFImg{
	width:608px;
	min-height:342px;
	/*cursor:pointer;*/
}
.bigFFImg_Synd{
	min-height:194px;
}
#loading {
	display:none;
	position: relative;
	left:299px;
	top:-350px;
	width: 32px;
	height:32px;
	background: url(/images/loading.gif) no-repeat;
}

#overlay {
	display:none;
	position: absolute;
	overflow:hidden;
	top:82px;
	width:630px;
	background: url(/images/overlay.png) no-repeat;
	color:#ffffff;
	filter:alpha(Opacity=90);
	opacity:0.9; -moz-opacity:0.9;
	-khtml-opacity:0.9;
	text-align:center;
	font:bold 12pt 'Arial';
	z-index:99;
}

#overlay div{
	padding-top:0px;
}

#overlay div p {
	float:left;
	margin: 135px 0px 0px 115px;
	padding:0;
	width: 400px;
	text-align: center;
	z-index: 999;
	line-height: 1.45em;
}

#overlay textarea{
	float:left;
	margin: 9px 0px 0px 115px;
	width:400px;
	height:75px;
	font:normal 10pt 'Arial';
}


/* Tooltip */

#tooltip { float:left; display: none; position: absolute; text-align:left;z-index:100;}
#tooltip div.tooltip-tail { display: block; position: relative; top: 1px; left: 10px; width: 14px; height: 8px; background: url(/images/tooltip_tail.png) top left no-repeat; overflow: hidden; }

#tooltip div.tooltip-content { float: left; overflow: hidden; margin:0; padding:0; height:41px; font-size: 12px; background:url(/images/tooltip.png) no-repeat; color: #FFF; }
#tooltip div.tooltip-end { float:left; overflow: hidden; margin:0; padding:0; width: 14px; height: 41px; background:url(/images/tooltip_end.png) no-repeat; }

#tooltip.thumb div.tooltip-content { float:left; overflow: hidden; padding: 2px; }

#tooltip strong, #tooltip span, #tooltip em { display: block; clear: left; line-height: 1em; }
#tooltip strong { padding: 12px 0px 0px 9px; font-weight: 600; color:#FFF; }
#tooltip span { margin-top: 3px; }
#tooltip em { margin-top: 10px; }
#tooltip.square { width: 250px; min-height: 30px; }

/* Constants Tooltip */
#tooltip-constant { float:left; display: none; position: absolute; text-align:left;z-index:100;}
/*#tooltip-constant div.tooltip-constant-tail { display: block; position: relative; top: 1px; left: 10px; width: 14px; height: 8px; background: url(/images/tooltip_tail.png) top left no-repeat; overflow: hidden; }*/
#tooltip-constant div.tooltip-constant-content { float: left;margin:0;padding:0;overflow:hidden;display:block;width:193px;height:146px; font-size: 12px; background:url(/images/constants_balloon.gif) no-repeat; color: #FFF; }
/*#tooltip-constant div.tooltip-constant-end { float:left; overflow: hidden; margin:0; padding:0; width: 14px; height: 41px; background:url(/images/tooltip_end.png) no-repeat; }*/
#tooltip-constant.thumb div.tooltip-constant-content { float:left; overflow: hidden; padding: 2px; }
#tooltip-constant strong, #tooltip-constant span, #tooltip-constant em { display: block; clear: left; line-height: 1em; }
#tooltip-constant strong { padding: 12px 0px 0px 9px; font-weight: 600; color:#FFF; }
#tooltip-constant span { margin-top: 3px; }
#tooltip-constant em { margin-top: 10px; }
#tooltip-constant.square { width: 250px; min-height: 30px; }

a, a:visited { color: #0369B3; text-decoration: underline; outline: none; }
a:hover { color: #0369B3; text-decoration: none; outline: none; }

p { clear: both; float: left; display: inline; text-align: left; width: 620px; margin: 15px 0px 0px 0px; padding: 0; }
p a { color: #0369B3; text-decoration: underline; }
p a:hover { color: #0369B3; text-decoration: none; }
p a:visited { color: #0369B3; text-decoration: underline; }

div.tooltip-constant-content div.constant_content{float:left;margin:8px 13px 0 13px;width:165px;}
div.tooltip-constant-content div.constant_content h2 {color:#0059a5; font-family:arial;font-size:12px;margin:8px 0 0 0;padding:0;width:165px;}
div.tooltip-constant-content div.constant_content p {color:#6e6e6e; font-family:arial;font-size:10px;margin:4px 0 0 0;padding:0;width:165px;}
div.tooltip-constant-content div.constant_content select {margin:6px 0 0 0;}
div.tooltip-constant-content div.constant_content input {margin:6px 0 0 0;}
div.tooltip-constant-content div.constant_close_button {width:5px;height:6px;float:right;margin:16px 8px 0 0;}
#pdf_button,#powerpoint_button{margin-top:6px;}

/* Layout */

div#container { margin:auto; padding:0; width:999px; height:100%; background:#0369B3; }


/* masthead */

.masthead { height:77px; background: url(/images/masthead.jpg) no-repeat;}

#logo { float:left; margin:16px 0px 0px 41px; width:522px; height:40px; }

#constants { float:right; margin:23px 0px 0px 130px; padding:0; width:249px; height:25px; display:none; }

/* content */

.content { float:left; margin: 0; padding:5px 0px 15px 0px; background:#FFF url(/images/content_bg.jpg) repeat-x;}


.left-column { font-family: arial, verdana, sans-serif; font-size:12px;}
.right-column { margin:0px 0px 0px 9px; padding:0; font-family: arial, verdana, sans-serif; font-size:12px;}

/* footer */

.footer { float:left; margin: 0px 0px 0px 0px; padding:23px 0px 12px 0px; background:#0369B3 url(/images/footer_bg.jpg) no-repeat; color:#FFF; font-size:11px; }

.pwc { margin: 0px 0px 0px 0px; padding:9px 0px 0px 0px; color:#FFF; font-size:11px; }
.pwc-logo { margin: 0px 0px 0px 0px; padding:9px 0px 0px 0px; color:#FFF; font-size:11px; text-align:right; }


#pdf-box { clear:both; float:left; margin:12px 0px 0px 7px; padding:0px 0px 0px 0px; width:301px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align:left; list-style:none;}
#pdf-box img{margin:10px 0px 0px 0px;}
#pdf-box a:hover img{
	filter:alpha(Opacity=65);
	opacity:0.65; -moz-opacity:0.65;
	-khtml-opacity:0.65;
}
#pdf-box li { clear:both; float:left; margin:0px 0px 0px 0px; padding:9px 0px 9px 0px; width:301px; background:url(/images/icon_pdf.gif) 0px 4px no-repeat; font-size:11px; border: none; border-bottom: 1px dotted #CCC; text-decoration:none;  }
#pdf-box li a { padding: 0px 0px 0px 22px; color: #555; text-decoration:none; }
#pdf-box li a:hover { text-decoration:underline; }
#pdf-box li.omega { border-bottom:none; }

#weflink { clear:both; float:left; margin:12px 0px 0px 7px; padding:12px 0px 0px 0px; width:301px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align:left; list-style:none;}
#weflink a:hover img{
	filter:alpha(Opacity=65);
	opacity:0.65; -moz-opacity:0.65;
	-khtml-opacity:0.65;
}

#search { clear:both; float:left; margin: 12px 0px 0px 0px; padding:0px 0px 0px 0px; width:321px; }

.searchBox { float:left; margin:0px 0px 0px 0px; padding:3px 0px 0px 3px; width:202px; height: 21px; background: url(/images/searchBox.png) no-repeat; border: none; }
.searchbtn { float:left; margin:0px 0px 0px 3px; padding:0; width:105px; height: 21px; background: url(/images/search_btn.png) no-repeat; border: none; text-indent: -9000px; }

#visual_view {display:none;}
#btn_lang { float:left; margin:0px 0px 3px 1px; padding:3px 0px 0px 3px; width:335px; height: 42px; background: url(/images/btn_english.png) no-repeat; border: none; }
#btn_visual { float:left; margin:0px 0px 3px 1px; padding:3px 0px 0px 3px; width:335px; height: 42px; background: url(/images/btn_visual.png) no-repeat; border: none; }
#btn_visual_back { float:left; margin:0px 0px 0px 0px; padding:3px 0px 0px 3px; width:73px; height: 23px; background: url(/images/btn_visual_back.png) no-repeat; border: none; }

.produced { float:left; width:960px; margin:0px 0px 0px 15px; color:#FFFFFF;}
.produced a:link,a:hover,a:visited { color:#FFFFFF;}
.pwc-logo { float:left; margin:0px 0px 0px 329px;}

#FFIndex a{margin:7px;}

#related-FFs {margin-top:10px;}
#related-FFs a, a:visited { color: #0369B3; text-decoration: underline; outline: none; }
#related-FFs a:hover { color: #0369B3; text-decoration: none; outline: none; }
.relatedFFsButton{background:url(/images/btn_related_fastFacts_bg.png) repeat-x; border: 1px solid #ccc; height:30px; margin:5px 3px 0px 0px; }

#eventHomePageLinks img {margin:0px 0px 10px 20px;}
#eventHomePageLinks img.firstrow {margin:120px 0px 10px 20px;}
#eventHomePageLinks img.secondcolumn {margin:0px 0px 10px 10px;}

#homePageWrapper {display:none;position:relative;}


