/*****************************
** Search Box               **
*****************************/
#search-box{
	width:400px;
	text-align:right;
	margin-top:30px;
	margin-bottom:10px;
	float:right;
}
#search-box form{margin:0;padding:0;}
#container #header #search-box input{
	font-size:90%;
	color:#3f5761;
	vertical-align:middle;
	margin:0;
}
#search-box input#search{
	border:1px #666666 solid;
	background-image:none;
	width:150px;
	height:16px;
	padding:2px;	
}
#search-box #submit{
	background-color:#ffffff;
	border:none;
	margin:0;
}
#search-box #submit:hover{cursor:pointer;}
/*****************************
** Top right menu           **
*****************************/

#topMenu {margin-top:10px;float:right;width:550px;}
#topMenu ul{margin:0;padding:0;list-style-type:none;}
#topMenu li{float:right;}
#topMenu li a{font-size:80%;}
#topMenu .firstItem a{background-image:none;}
#topMenu li a{
	color:#333333;
	padding:2px 10px 2px 10px;
	background-image:url(../_images/upperNav_divider.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
}
#topMenu li a:hover{text-decoration:none;color:#618393;}
/*****************************
** Regional website menu    **
*****************************/
#globalMenu li:hover, #globalMenu li.hover {position: static;} 
#globalMenu_container{float:right;text-align:right;}
#globalMenu {text-align:left;}
#globalMenu_container,#globalMenu, #globalMenu ul,#globalMenu li,#globalMenu li ul{width: 130px;}
#globalMenu, #globalMenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	text-align:left;
}
#globalMenu_container #globalMenu a {text-decoration:none;width:112px;}
#globalMenu li:hover a.region,#globalMenu li.sfhover a.region{color:#618393;}
#globalMenu ul li a:hover,#globalMenu ul li a.sfhover:hover{background-color:#FFCC00;color:#000000;}
#globalMenu li { /* all list items */
	float: left;
	/* width needed or else Opera goes nuts */
}
#globalMenu li ul { /* second-level lists */
	position: absolute;
	background-color:#ffffff;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#globalMenu li:hover ul, #globalMenu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/*****************************
** Navigation               **
*****************************/
#menuBlock {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	width: 859px;
	background-image:url(../_images/navigation/navigationcorners.gif);
	background-position:-9px 0;
	background-repeat:no-repeat;
	float: left;
	padding:9px 0 0 9px;	
}

#menuBlock img{
	display:block;
}

#menu, #menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu{
	background-image:url(../_images/navigation/navigationcorners.gif);
	background-position:top left;
	background-repeat:no-repeat;	
}

#menuwrapper{
	background-image:url(../_images/navigation/navigationcorners.gif);
	background-position:868px 0;
	background-repeat:no-repeat;
	float:left;
	width:877px;
	background-color:#505050;
}

#menu {
	margin-left:15px;
}
#menu a {
	display: block;
	margin-right:5px;
	color: #ffffff;
	text-decoration:none;
	padding:0 0 0 5px;
	background-repeat:no-repeat;
	background-position:0 10px;
}

#menu li ul li.topItem a { /* have to use this class to get around IE not understanding :first-child selector */
	border-top:1px solid #FFFFFF;
}
#menu li ul a {
	font-size:80%;
	padding-top:3px;
	border-bottom:1px solid #e7e7e7;
	border-top:1px solid #e7e7e7;
	background-image:none;
	color:#000000;
	width:auto;
	display:block;
}

#menu li { /* all list items */
	float: left;
	padding-left:5px;
	background-image:url(../_images/navigation/nav_divider.gif);
	background-position:0 10px;
	background-repeat:no-repeat;
	/* width: 10em;  width needed or else Opera goes nuts */
}

#menu a.selected,#menu li.firstItem{
	background-image:none;
}

#menu li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	width:190px;
	border-right:1px #666666 solid;
	border-bottom:1px #cccccc solid;
	z-index:5;
}

#menu li ul li { /* second-level lists */
	width:100%;
	background-image:none;
	margin:0;
	padding:0;
}

#menuBlock #menu li ul li a{
	background-image:none;
	margin-left:0;
	padding:5px 10px 5px 10px;
	width:170px;
	margin-right:0;
	
}

#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background-color: #e7e7e7;
}

#menu li:hover a span,#menu li:hover a,#menu li.sfhover span, #menu li.sfhover a,#menu li.currentPage a,#menu li.currentPage a span{
	background-image:url(../_images/navigation/navigationtabs.gif);
	background-repeat:no-repeat;
}


#menu li:hover a, #menu li.sfhover a,#menu li.currentPage a{
	background-position:top left;
}

#menu li:hover a span,#menu li.sfhover span,ul#menu li.currentPage a span{
	background-position:100% -50px;
}

#menu li.sfhover a,#menu li.currentPage a{
	background-color:#000000;
	color:#ffe01b;
}

#menu li.sfhover ul li a{
	color:#000000;
}

#menu li.sfhover ul li a{
	background-color:#e7e7e7;
}

#menu li.sfhover ul li a:hover,#menu li ul li a:hover{
		background-color:#ffe01b;

}

#menu li:hover ul li:hover,
#menu li.sfhover ul li.sfhover{
	background-image:none;
}

#menu li:hover a.selected, #menu li.sfhover a.selected{
	color:#ffffff;
}

#menu li ul li a:hover{
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

#menu span{
	display:block;
	padding-top:5px;
	padding-left:5px;
	position:relative;
	left:1px;
	padding-right:10px;
	padding-bottom:5px;
}

#menu li:hover a.parent, #menu li.sfhover a.parent {
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}

li.currentPage a span {
	padding-left:0;
}



#menu li:hover a span{
		background-color:#000000;
}
/*****************************
** Content                  **
*****************************/
a{text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:none;}
a{color:#618393;}
#leftColumn a,#rightColumn a{font-weight:900;}
#leftColumn{
	width:638px;
	float:left;

	font-size:90%;
	position:relative;
}
#crumbs{margin:10px 0 5px 0;color:#7dadc1;font-size:90%;}
#crumbs a{color:#3f5761;font-weight:100;}
#crumbs a.selected{color:#7dadc1;}
#leftColumn ul{
	list-style-type:none;
	margin:10px 0 10px 0;
	padding:0 60px 0 30px;
	float:left;
	clear:right;
}

#leftColumn ul li{
	background-image:url(../_images/home/li_blue.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-bottom:5px;
}

#leftColumn h1,#fullColumn h1{
	font-size:150%;
	font-weight:100;
	color:#000000;
	padding:0;
}
#leftColumn h1{margin:20px 30px 0 30px;}
#fullColumn h1{margin:20px 30px 0 0;}
#leftColumn h1 span{font-size:80%;}
#leftColumn h2{color:#000000;margin-right:60px;}
#leftColumn .emphasis{font-style:italic;width:555px;}
#leftColumn h2.h3_highlights{
	background-image:url(../_images/dashes_blue.gif);
	background-repeat:no-repeat;
	background-position:50% 5px;
}
#leftColumn h2.h3_highlights span{background-color:#ffffff;padding-right:10px;}
#leftColumn h2{font-size:120%;padding:0;margin:10px 0 3px 30px;}
#leftColumn h3{font-size:100%;padding:0;margin:10px 0 3px 30px;}
#leftColumn p{margin:5px 50px 5px 30px;padding:3px 0 3px 0;clear:both; }
p.note { font-style:italic; font-size:90%; }

#leftColumn div.hr {
  height: 15px;
  background: #fff url(../_images/dashes_blue.gif) no-repeat scroll center;
	width:550px;
	margin-left:30px;
	 clear:both;
}
#leftColumn div.hr hr {display: none;}
div.inline_h3{margin-top:20px;}
div.inline_h3 h2,div.inline_p p{display:inline;}
#leftColumn div.inline_p p{margin-left:1px;}
#leftColumn ul.listHorizontal{
	list-style-type:none;
	float:left;
	padding-top:0;
	padding-left:30px;
	margin-top:5px;
}
#leftColumn ul.listHorizontal li{
	background-position:0 2px;
	float:left;
	padding-right:25px;
	padding-left:10px;
	background-image:url(../_images/rightcolumn/bullet.gif);
	background-repeat:no-repeat;
	padding-bottom:0;
}
#rightColumn{
	width:239px;
	float:left;
	background-image:url(../_images/rightcolumn/bg-rightcolumn-top.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding-bottom:1px;
}
#rightColumn a{font-weight:900;}
#rightColumn ul.columnItems{
	list-style-type:none;
	margin:0;
	padding:15px 0 0 10px;
	width:215px;
	background-color:#666666;
	float:left;
}
#rightColumn ul.columnItems li{
	width:204px;
	background-color:#ffffff;
	margin-bottom:10px;
	background-image:url(../_images/rightcolumn/columnItem_bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:2px;
	float:left;
}
#rightColumn ul.columnItems h2{
	color:#ffffff;
	font-size:95%;
	margin:0;
	width:189px;
	padding:5px 5px 3px 10px;
	background-image:url(../_images/rightcolumn/h2_background.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#rightColumn ul.columnItems h3{
	margin:15px 10px -5px 10px;
	padding:0;
	font-size:90%;
	color:#618393;
}
#rightColumn ul.columnItems li p{margin:10px 10px 5px 10px;font-size:90%;}
#rightColumn div.hr {
	height: 5px;
  	background-image:url(../_images/dashes_blue.gif);
  	background-position:5px top;
	background-repeat:no-repeat;
	width:194px;
}
#rightColumn div.hr hr {display: none;margin:0;padding:0;}
#rightColumnWrapper ul.columnItems,#rightColumnWrapper{
	background-image:url(../_images/rightcolumn/rightcolumntopbottom.gif);
	background-repeat:no-repeat;
}

#rightColumnWrapper ul.columnItems{background-position:-225px 0;}
#rightColumnWrapper{
	margin-top:17px;
	float:left;
	background-color:#666666;
	width:225px;
	background-position:bottom left;
	padding-bottom:20px;
}
#rightColumnWrapper img{display:block;}
#rightColumn #leadershipList,#rightColumn #leadershipList li{width:184px;}
#rightColumn #leadershipList{
	list-style-type:none;
	margin:5px 0 10px 0;
	padding:0;
	clear:both;
	float:left;
	font-size:90%;
}

#leftColumn a.readMore,#rightColumn p.readMore a{
	background-image:url(../_images/rightcolumn/bullet.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding-left:10px;
	color:#618393;
}
#leftColumn a.readMore{margin-left:10px;}
.columnItem img{display:block;margin:10px 0 0 5px;}
.btn_createAccount{
	margin:20px 0 15px 0;
	float:left;
	display:block;
	padding-left:25px;
}
.hr_content{padding-top:20px;display:block;clear:both;}
#articleIndex{margin-top:20px;}
p.actionButton{text-align:center;margin-right:10px;}
p.actionButton img{margin:0 auto;clear:both;}
#rss_feeds p a.link{float:left;}
#rss_feeds a.bookmark{float:right;margin-right:20px;}
/* Login */
#login p img{float:right;margin-left:30px;}
.thirty{text-align:center;}
#leftColumn .callout{
	border:1px #666666 dashed;
	padding:15px;
	margin:20px 60px 20px 40px;
	color:#666666;
	font-size:110%;
	background-color:#e9e9e9;
	
}

/* Knowledge Center*/ 
#fx101List ul{
	float:left;
	width:auto;
	clear:right;
margin-top:0;
}

#cross-rates table{
	margin:10px 0 10px 0;
	border:1px #000000 dashed;
	width:auto;
	padding:5px;
}
#cross-rates div{margin-left:30px;}
#cross-rates .currencies{width:100px;	}
#cross-rates .bid{width:50px;}
#cross-rates .ask{width:50px;}
	#cross-rates div div{margin-left:0;padding:0;	}
div#cross-rates div p{margin-left:0;}
div#cross-rates div p.result{
	margin-left:20px;
	padding-left:10px;
	background-image:url(../_images/rightcolumn/bullet.gif);
	background-position: 0 5px;
	background-repeat:no-repeat;
	padding-top:2px;
}
div.kc div div.lhs,div.kc div div.rhs{float:left;margin-top:10px;}
div.kc div div.lhs{width:150px;}
div.kc div div.rhs{width:400px;}
.options table{margin:0 60px 0 30px;border:1px #cccccc solid;border-collapse:collapse;}
.options td{border:1px #cccccc dashed;}
.options th{padding:5px;border:1px #cccccc solid;}
td.lhs{width:280px;}
#options-table{margin-left:30px;border-collapse:collapse;width:500px;}
#options-table tr.header{background-color:#e7e7e7;}
#options-table td{border-bottom:1px #e7e7e7 solid;}
#options-table p{margin:5px;}
#chCrossRateTableDiv,#chRateTableDiv{margin-left:30px;}
.gold{color:#cc6600;}
.blue{color:#178c90;}
.red{color:#cc3300;}
.red, .blue,.gold{font-weight:900;
}
/* Login page notice */
.alert a{color:#fd874a;}

/* ***************************
** Layout                   **
*****************************/
body{
	font-family:Arial,Verdana;
	font-size:86%;
	background-color:#A9A9A9;
	margin:0;
	padding:0;
	background-image:url(../_images/bodyBg.gif);
	background-repeat:repeat-y;
	background-position:center;
}
#banner{background-color:#000000;padding:15px 0 15px 15px;}
form{margin:0;padding:0;}
#container{width:917px;margin: 0 auto;text-align:left;}
#header,#footer,#body{background-color:#ffffff;}
#header{width:877px;float:left;	padding:0 20px 0 20px;}
/* need to prefix id tags with ccHeader because the content is in the custom control now */
img#ccHeader_dropdownIndicator {margin-top:10px;}
img#ccHeader_chLogo2 {margin:12px 0 0 20px;}
#logo{width:410px;float:left;padding:20px 0 0 0;}
#logo img{display:block;}
#border{border:1px #cccccc solid;}
#body{width:897px;padding-left:20px;float:left;}
#footer{float:left;width:917px;padding:25px 0 10px 0;}
#footer div{float:left;}
#fiftyBest{/* 98px */width:73px;padding:5px 0 0 25px;}
#lowerMenu img{margin-bottom:5px;}
ul.links{margin:5px 0 0 0;padding:0;font-size:90%;}
	ul.links li{border-left:1px #999999 solid;padding:0 2px 0 5px;}
ul.separator {
	background-image:url(../_images/hr_footer.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	padding-bottom:16px;
	margin-bottom:7px;
}
ul#regionalLinks{margin:0;padding:0;}
ul#regionalLinks li{padding-left:5px;padding-right:2px;border-left:1px #999999 solid;}
#regionalLinks li.firstItem,.links li.firstItem{border:none;}
ul#regionalLinks a,p.label,p.legal{font-size:80%;}
ul.links li,ul#regionalLinks li{list-style-type:none;display:inline;}
ul#regionalLinks,#lowerMenu p.label{display:inline;}
#lowerMenu{width:720px;text-align:center;}
#lowerMenu a{color:#333333;}
#lowerMenu p{color:#666666;}
#lowerMenu p.legal{margin:5px 0 0 0;padding:0;}
#pgaTour{padding-top:5px;width:78px;}

/* Embedded Webinar Videos */
#video{
text-align:center;
margin-top:20px;
}

#fullColumn h1.video{
	text-align:center;
	margin-right:0;

}

/* Gray callout box */

.content-highlight{
	background-color:#e7e7e7;
	border:1px #999999 solid;
	margin:20px 0 20px 30px;
	padding-bottom:4px;
	width:550px;

}

#leftColumn .content-highlight p{
	margin-right:20px;
}

#leftColumn .content-highlight h2{
	background-color:#FFFFFF;
	padding:6px;
	margin:0;
	width:auto;
	
}

#leftColumn .content-highlight ul{
	margin-top:0;
}




 
#leftColumn .content-highlight .cta{
	margin-top:4px;
	padding:0;
	width:auto;
	float:none;
	background-color:none;
	border:none;
}

/* Gray callout box ends*/
 

#leftColumn .content-highlight .cta img{
	float:none;
}