/* style the main header, footer and document */

#rightTopNavCountryFlag
{
	position: relative;
	top: 7px;
}

#ymDoc { 
	/* ymDoc required styles lest horizontal scroll is clipped */
	width: auto; 	
	min-width: 1170px;	
}

#ymDoc #hd { 
	height:60px; 
	overflow:hidden; 
	background: #3883BD; 
	box-shadow: 0 -1px 0 0 #005BA4 inset;
}

#ymLogoContainer { position:absolute; top:10px; left:24px; }

#accountInfoButton { color:#efefef; top:8px; right:15px; position:absolute; padding-left:10px; padding-right:10px; cursor:pointer; }

/* links for unauthenticated users in upper right */
#unauthLinks { font-size:12px; color:#efefef; top:8px; right:15px; position:absolute; padding-left:10px; padding-right:10px;  }
#unauthLinks a, #unauthLinks a:visited { color:#ffffff; text-decoration:none; }
#unauthLinks a:hover { text-decoration:underline; }

/* links for authenticated users in upper right */
#authLinks { font-size:12px; color:#efefef; top:8px; right:15px; position:absolute; padding-left:10px; padding-right:10px;  }
#authLinks a, #unauthLinks a:visited { color:#ffffff; text-decoration:none; }
#authLinks a:hover { text-decoration:underline; }

#ymDoc #bd { padding-left:0px; background-color:#ffffff;}

/* alt light grey bg */
.docBodyGreyBg #ymDoc #bd, .docBodyGreyBg .mobBod { background-color:#e7e7e7; } 


/* ymui2 - zoombox div style */

.ymZoomBox #ymDoc #bd { background-color:#fff;}
.ymZoomBox .zoomDlg { margin-left:auto; margin-right:auto; border: solid 10px #3883bd; width:500px; background-color: #F1F4F7;}
.ymZoomBox .zoomDlg .zoomDlgCtnr { font-size:16px; padding:20px; }
.ymZoomBox .zoomDlg .hdr { font-size:30px; letter-spacing: -0.03em; padding-bottom:10px; font-weight: 800; color: #166DAA;}
.ymZoomBox .zoomDlg .bod { padding-top:20px; border-top:solid 1px #3883bd; }
.ymZoomBox a { color: #565656;}
/*
.ymZoomBox .zoomCap a, .ymZoomBox .zoomCap a:visited { color:#ffffff; font-weight:bold; }
.ymZoomBox .zoomCap a:hover, .ymZoomBox .zoomCap a:active { color:#f6b055; font-weight:bold; }   
 */
        
/* ymui2 - column styles (for the nav, ctr and misc columns) */
.ymZoomBox .ymErrorBox, .ymZoomBox .ymTodoBox {
	background-color: #FFF7D3;
    border: 1px solid rgba(225, 212, 45, 0.38);
    box-shadow: 0 0 13px -5px #E1D42D inset;
    color: #a30000;
}

.ymZoomBox .ymTbBasic td:first-child {
	color: #565656;
}

/* main pane used on pages */
#ymMainPane { text-align:left; padding-top:10px; margin-left:20px; margin-right:20px; min-height:320px; padding-bottom:10px; }

@media (min-width: 768px) {
	#ypane { position:relative; text-align:left; overflow: visible; }
	#ynav { float: left; width:200px; margin-right: 20px; }
	#ymisc { width: 300px; margin-left: 20px; box-sizing: border-box; float: right;}
	#yctr { overflow: hidden; min-width: 500px; width: auto; min-height: 500px; }
	.ypane-max { width: 1280px; margin-left: auto; margin-right: auto; }
	.ypane-max-no-nav { width: 1080px; margin-left: auto; margin-right: auto; }
	.yctr-max { max-width: 740px; }
}

#yctrPad10 { padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:20px; min-height:400px; overflow-x: hidden; }

/* ymui2 - footer styles */

#ymft { text-align: center; padding-top:10px; font-size:9pt; width:100%; color:#565656; height:auto; background-color:#e7e7e7; border-top: 1px solid #ccc;}

#ftUnits { display: inline-block; margin-left:auto; margin-right:auto; }
#ftUnits .unit { margin-left:60px; margin-right:60px; height:80px; float:left; padding-top:10px; }
#ftUnits .unit .linkList { padding-left:6px; }
#ftUnits .unit .linkList a { line-height:180%; }
#featuresArea{text-align: center;}
#ftSlogan { margin-left:auto; margin-right:auto; margin-top: 15px; font-weight: bold; width:260px; text-align:center; }
#ymft .copyArea { clear:both; width:100%; text-align:center; font-size:7pt; }
#socialArea { margin-left:auto; margin-right:auto; text-align:center; }
#ymft .socialBtn { margin-bottom: 10px; }
#ymft a.social { display:block; height:18px; margin: 1px 0 0; text-indent:-1000em; width:17px; background:url('/ymui2/img/common/social_sprite.png') no-repeat scroll 0 0 transparent; }
#ymft a.tw { background-position: 0 0; }
#ymft a.fb { background-position: -17px 0; }
#ymft a.bl { background-position: -34px 0; }
    
/* ymui2 - headlines */    
.ymhBasic {
background-color:#94BEE8;
background: -moz-linear-gradient(to bottom, #cfe0f1 50%, #94BEE8 100%) repeat scroll 0 0 #94BEE8;
border-left: solid 1px #94BEE8; border-top: solid 1px #a6c8ea; border-bottom: solid 1px #688cb1; border-right: solid 1px #94BEE8;
 }
.ymhBasicTitle { float:left; padding: 7px 10px 7px 10px;}
.ymhBasicTitle h2 { font-size: 12px; letter-spacing: 1px; }
.ymhBasicRt { float:right;  padding: 7px 10px 7px 10px; }

 
.ymhMellow { 
text-shadow: 0 1px 0 #e3e7ec;
background-color:#ccd7e8;
background: -moz-linear-gradient(center top, #DFE6F1 0%, #ccd7e8 100%) repeat scroll 0 0 #DFE6F1; border:none; }
.ymhMellowTitle { float:left; padding: 4px 10px 4px 10px; color: #434343; }
.ymhMellowTitle h2 { font-size: 12px; letter-spacing: 1px; }
.ymhMellowRt { float:right;  padding: 4px 10px 4px 10px; }
.ymhMellowRt a {color: #000;}


/* ymui2 - box styles */
.ymTipBox, .ymTipBoxPd {
    background-color:#F2F2F2;
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #F2F2F2 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D0D0D0;
}
.ymTipBoxPd { padding:20px 20px 10px 20px; }
.ymTipBox ul, .ymTipBox li, .ymTipBoxPd ul, .ymTipBoxPd li { list-style: disc inside none; }

/* ymui2 - outer tabs */
#ymDoc #hd #outerTabsContainer { margin-left:230px; text-align:center; color:#ffffff; }
#ymDoc #hd #outerTabsContainer #outerTabs a, #ymDoc #hd #outerTabsContainer #outerTabs a:visited { color:#ffffff; text-decoration:none; }

#ymDoc #hd #outerTabs .aBtn { overflow-y:hidden; float:left; height:41px; margin:21px 1px 0; min-width:150px; }
#ymDoc #hd #outerTabs .aBtn a, #ymDoc #hd #outerTabs .aBtn a:visited { 
	letter-spacing: 1px; 
	border-top: 1px solid transparent; 
	overflow:hidden; 
	display:block; 
	padding-bottom:11px; 
	padding-left:26px; 
	padding-right:26px; 
	padding-top:10px; 
	text-decoration:none; 
	font-size:15px;
	font-weight:normal;
}

#ymDoc #hd #outerTabs .aBtn a:hover { 
	text-decoration:none; 
	color:#ffffff; 
	border-top-right-radius: 5px; 
	border-top-left-radius: 5px;
	background-color: #b4b4b4;
}

#ymDoc #hd #outerTabsContainer #outerTabs .aSel a, #ymDoc #hd #outerTabs .aSel a:visited, #ymDoc #hd #outerTabs .aSel a:hover { 
	padding-bottom:11px; 
	padding-left:26px;
	padding-right:26px;
	padding-top:10px;
	background: #e7e7e7;

	border-top:solid 1px #005BA4; 
	border-left:solid 1px #005BA4; 
	border-right:solid 1px #005BA4; 

	border-radius: 5px 5px 0 0;
	box-shadow: none;
	color: #000;
}

.ymRadios label { font-weight:normal; }

/* ymui2 - inner tabs */
#innerTabsContainer { overflow-y:hidden; height: 30px; background: #FFFFFF; border-bottom: 1px solid #ccc; width:100%; } 

#innerTabsPad { padding-left:10px; }
#innerTabsBlank { 
	height:12px; 
	width:100%;
	background: #FFFFFF; 
	border-bottom: 1px solid #ccc;
}

#innerTabs { 
	overflow-y:visible; 
	height:30px; vertical-align:bottom; padding-top:0px; padding-bottom:0px;
}
#innerTabs .mBtn { 
	margin-top:1px; 
	margin-left:25px; 
	height:20px; 
	float:left; 
	text-align:center; 
	width: auto;
	position: relative;
}
#innerTabs .mBtn a, #innerTabs .mBtn a:visited { display:block; text-decoration:none; position: relative;}
#innerTabs .mBtn a { color: #000; background-color: none; padding-top: 6px; padding-bottom:6px; padding-left:20px; padding-right:20px; font-size: 13px; }
#innerTabs .mBtn a:hover { padding-top: 6px; padding-bottom:6px; padding-left:20px; padding-right:20px; text-shadow: 0 0 1px #fff;}
#innerTabs .mAct { overflow:visible;}
#innerTabs .mAct a, #innerTabs .mAct a:visited { 
	text-decoration:none; 

}
#innerTabs .mAct a{
	font-weight: bold;
}

#innerTabs .mAct a:hover { text-shadow: none;}

.ymTbBasic td { padding-top:6px; padding-bottom:6px; }


/* standard browse leftnav */
.browseNav { line-height:1.6em; width:160px; }
.browseNav h2 { font-size:16px; font-weight:bold; }
.browseNav h3 { font-size:16px; font-weight:bold; padding-bottom:4px; }
.browseNav a, .browseNav a:visited { line-height:1.6em; padding-left:8px; display: inline-block; margin-bottom: 5px;}
.browseNav .selectedArea a, .browseNav .selectedArea a:visited, .filter_selected_cl { 
	background-color: #EDF5FF;
    border: 1px solid #98B3DC;
    padding: 2px 8px;
    color: #565656;
}


  

/* Please wait messaging ... */

.progressMessage { float:left; color:#606060; padding-top:5px; padding-bottom:5px; padding-left:30px; background:url('/ymui/img/loading.gif') no-repeat 0px 5px; }
 
/* end:new button styles sept09 */


/* crumbs */
.ymCrumbs { font-size:18px; padding-bottom:10px; }

/* possibly deprecated style elements */

#mainBody { width:auto; margin-left:10px; margin-right:10px; }
#overDiv { position:absolute; visibility:hidden; z-index:1000; }



/* input field placeholder */
::-webkit-input-placeholder  { color: #dddddd; }
input:-moz-placeholder { color: #dddddd; }

.ym_standard_color
{
  color: #fa961e;
}

.linkContainer:hover
{
	background-color: #EDF4FF;
	cursor: pointer;	
}

.smartGreetingTextExample
{
	color: #707070;
	font-style: italic;	
}

.bulletList li{
	list-style: disc inside none;
	margin-bottom: 10px;
	margin-left: 20px;
}


ul.tabs { display: table; height: 100%; list-style: none outside none; margin: 0; padding: 0; position: relative; }
ul.tabs li { float: left; height: 100%; list-style: none outside none; margin: 2px 6px 0 10px; padding: 0; position: relative;  }  
ul.tabs a, ul.tabs a:visited { display: inline-block; height: 20px; padding: 5px 5px 5px 18px; position: relative; text-decoration:none; }

ul.tabs a:hover, ul.tabs a:visited, ul.tabs a:active, ul.tabs a:link{
	text-decoration: none;
	color: #000;
}


/* country select drop down */
#countrySelect a, #countrySelect a:hover, #countrySelect a:visited {
	color: #565656;
	text-decoration: none;
} 

/* double box styles */

.centerBox {
  -moz-box-shadow:    0px 0px 5px 2px #b0b0b0;
  -webkit-box-shadow: 0px 0px 5px 2px #b0b0b0;
  box-shadow:         0px 0px 5px 2px #b0b0b0;
  text-align:left;
  padding: 25px 30px 25px 30px;
}

.centerBox .ymTodoBox { border: solid 1px #deaf81; }
.doubleBox { background-color:#ffffff; margin-left:auto; margin-right:auto; width:800px; }
.singleBox { background-color:#ffffff; margin-left:auto; margin-right:auto; width:660px; }
.loginFeatureTable td { text-align:left; vertical-align:top; padding:0px 0px 25px 0px; font-size:11pt; }
.loginFeatureTable td:first-child { width:40px; }
.signinPrompt { font-size:10pt; color:#707070; clear:both; padding-bottom:4px; padding-left:2px; }
.signinForm { font-size:14pt; }
.signinForm input { padding: 7px 7px 7px 7px; color:#606060; }
.staySignedInBox { padding-top:8px; padding-left:5px; color:#707070; font-size:10pt; }
.forgotPinLink { padding-left:0px; padding-top:10px; }
.forgotPinLink a { font-size:10pt; text-decoration:none; color:#005BA4; }
.createAccountLink { font-size:10pt; padding-left:0px; padding-top:0px; }
.createAccountLink a { font-size:10pt; text-decoration:none; color:#005BA4; }
.centerBox .ymTodoBox { border: solid 1px #deaf81; }