/* -------------------------------------------------------------------------------------------

 * Filename: 		layouts.css
 * Description: 	Styles site layout settings
 * Version: 		1.0.0 (2009-09-01)
 * Website: 		http://www.roycefunds.com
 * Author:			Christian, Kristen and Charlene

== STRUCTURE ==================================================================================


---------------------------------------------------------------------------------------------*/

/* Print Layout Settings
@media print { 
	body {
		zoom:80%;
		background: none;
	} 
} 
 */
* 	{
		margin:0;
		padding:0;
	}


/***************************/
/*  FOR ALL SIX LAYOUTS    */
/***************************/
#wp {		
	text-align:left;	
}
#wp,#bd {	
	margin:0; 
	padding:0;	
}
#wp {		
	margin:0 auto; 
	list-style:none;		
}

/* we treat the LI that contains the UL with the three colums as a table */
.bd {	
	display:table;
	table-layout:fixed;
}
#bd {	
	display:table;
	table-layout:fixed;
}
#bd2 {	
	width:920px; 
	background:#073269;
	display:table;
	table-layout:fixed;
}
#doc {	
	display:table-row; 
	list-style:none;
}
#s1,#s2,#s3,#s4,#iwant,#title,#open,#recent,#lc, #s5, #s6, #s7 {
	display:table-cell;
}

/* for IE, we use "inline" + "hasLayout" + "width" and "vertical-align" */
#s1,#s2,#s3,#s4,#iwant,#title,#open,#recent,#lc,#s5,#s6,#s7,{ 
	display:inline; 
	zoom:1; 
	vertical-align:top; 
}
#lc{ 
	width:200px;
	/* background-color:#eaf0d8;*/
}
#s1 { 
	width:267px; 
	padding: 0 15px 0 20px;
	border-right:solid #999999 1px; 
}
#s2 { 
	width:260px; 
	border-right:solid #999999 1px; 
	padding: 0 15px 0 20px;
}
#s3 { 
	width:260px; 
	padding: 0 15px 0 20px;
}
#s4 { 
	width:720px; 
	margin-left:0px;
	vertical-align:top;
   	background-color:#ffffff;
}
#s5 { 
	width:335px; 
	margin-top:10px; 
}
#s6 { 
	width:335px; 
	background:#ffffff; 
	border-left:solid #999999 1px; 
	margin-top:10px;
}
#sub_s4{ 
	padding-left:20px;
	margin:0 20px 0 0;
}
#s7 { 
	width:610px; 
	margin-left:0px;
	vertical-align:top;
   	background-color:#ffffff;
}


#first-tab {
	background: url('../images/corners/bluelt_r.gif') right top no-repeat;
	width:69px;
	float:left;
	font-size:10px;
	padding:6px;
	border-right:1px solid #ffffff;
	background-color:#D7E7F0;
	height:23px;
	
	/*border:1px solid red;*/
	
}
#second-tab {
	background: url('../images/corners/bluemed_r.gif') right top no-repeat;
	width:106px;
	float:right;
	font-size:10px;
	padding:6px;
	background-color:#B7D3E3;
	height:23px;

}

#first-tab2 {
	background: url('../images/corners/graylt_r.gif') right top no-repeat;
	width:74px;
	float:left;
	font-size:10px;
	padding:6px;
	border-right:1px solid #ffffff;
	background-color:#E6E6E6;
	height:23px;
	
}
#second-tab2 {
	background: url('../images/corners/graymed_r.gif') right top no-repeat;
	/*width:108px;*/
	width:106px;
	float:right;
	font-size:10px;
	padding:6px;
	background-color:#D6D6D6;
	height:23px;
}

#first-tab3 {
	/*background: #E6E6E6 url('/images/corners/graylt_top.gif') left bottom no-repeat;*/
	background: #d1d1d1;
	float:left;
	font-size:11px;
	padding:8px 6px 4px 20px;
	height:15px;
	text-align:left;
	top:-96px; 
	visibility:visible; 
	width:279px; 

}
#second-tab3 {

	/*background: #D6D6D6 url('/images/corners/graydk_top.gif') left bottom no-repeat;*/
	background: #D6D6D6;
	width:155px;
	float:right;
	font-size:11px;
	padding:8px 6px 4px 6px;
	height:15px;
	text-align:center;
	/*border:1px solid blue;*/
}

/*#second-tab3 {
	width:155px;
	float:right;
	font-size:11px;
	padding:8px 6px 4px 6px;
	background-color:#D6D6D6;
	height:15px;
	text-align:center;
	border:1px solid blue;
}*/

#tab1 {
	color:#1f3363;
	text-decoration:none;
	line-height:11px;

	
}
#tab2 {
	color:#5c7396;
	text-decoration:none;
	line-height:11px;
}

#tabcompare1 {
	color:#000000;
	text-decoration:none;
	line-height:11px;

	
}
#tabcompare2 {
	color:#868686;
	text-decoration:none;
	line-height:11px;
}

#tabhead {
	background-color:#96B43C;
	width:200px;
	float:left;	
}
#tabheadtitle {
	background: url('../images/corners/t_r_s.gif') right top no-repeat;
	padding:5px 5px 5px 10px;
	font-size:18px;
	color:#FFFFFF;
	height:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#tabheadtitle-small {
	background: url('../images/corners/t_r_s.gif') right top no-repeat;
	padding:5px 5px 5px 10px;
	font-size:13px;
	color:#FFFFFF;
	height:30px;
	line-height:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#tabhead-spotlight {
	background-color:#8b818b;
	width:200px;
	float:left;	
}
#tabheadtitle-spotlight {
	background: url('../images/corners/spotlight.gif') right top no-repeat;
	padding:5px 5px 5px 10px;
	font-size:18px;
	color:#FFFFFF;
	height:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#commentary_text{ 
	width:550px;
}
.dropdowns option{ 
	padding-left:3px;
}
div.subnav-liststyle-outerwrapper {
	width: 200px; 
	margin-right: 5px
}
div.subnav-liststyle-section {
	background-color: #dfe8c4; 
	width: 200px; 
	border-bottom: #ffffff 2px solid;
	/*border:1px solid red;*/
}
div.subnav-liststyle-spotlight {
	background-color: #e8e8e8; 
	width: 205px; 
	border-bottom: #ffffff 2px solid;
}
div.subnav-liststyle-section-highlighted {
	background-color: #dfe8c4;  
	width: 200px; 
	border-bottom: #ffffff 2px solid;

}
div.subnav-liststyle-section-highlighted-account {
	background-color: #dfe8c4; 
	width: 200px; 
	border-bottom: #ffffff 2px solid; 
}
div.subnav-liststyle-innerwrapper {
	padding: 0px 0px 0px 0px;
}
div.home-liststyle-outerwrapper {
	margin-top:5px;
}
div.home-liststyle-innerwrapper {
	padding: 5px 0px 10px 10px;
}
div.subnav-liststyle-innerwrapper-account {
	padding: 20px 10px 20px 15px;
	border:1px solid red;
}

div.body-leftnavstyle {
	background: url('../images/designelements/background.gif') left top;
}
#ft{
	list-style:none;
}

  
<!-- Sub Tabs -->
#st {
	display:table-row; 
	display: inline; 
	font-weight: 800; 
	font-size: 12px; 
	width: 920px; 
	line-height: 14px; 
	border-bottom: #676767 4px double;
}
#selected{ 
	text-align: center; 
	line-height:27px; 
	font-weight:bold; 
	display:table-cell;
	display:inline;
	zoom:1;
	vertical-align:top; 
	padding-right:3px;
}
#notselected{
	text-align: center; 
	line-height:27px; 
	font-weight:bold; 
	display:table-cell;
	display:inline;
	zoom:1;
	vertical-align:top;
	padding-right:3px;
}

<!-- I Want -->
#iwant{
	display:table-cell;
	display:inline;
	zoom:1;
	vertical-align:top;
}
#iwantsection{
	background: #dfe8c4; 
	border-bottom: #ffffff 5px solid;
	width:195px; 
	padding: 20px 0 20px 30px;
}

#bluebannersection-long{
	background: #e1ecf3; 
	border-bottom: #676767 4px double; 
	height:20px;
	width:900px; 
	margin-bottom:10px;
	padding: 15px 0 20px 20px;
}

#bluebannersection-short{
	background: #e1ecf3; 
	border-bottom: #676767 4px double; 
	width:695px; 
	margin-bottom:10px;
	padding: 20px 0 20px 20px;
	margin-left:5px;

}



/* table tabs RORY 11/14*/
table.tabsub {
	padding-bottom:0px;
	border-bottom: #676767 4px double; 
	font-weight:bold;
	width:920px;
}

table.tabsubadvisors {
	padding-bottom:0px;
	border-bottom: #676767 4px double; 
	font-weight:bold;
}

td.tabsubtabs {
	padding: 0 1px 0 0;
}
a.tabsubtabs {
	font-size: 12px;
}
div.tabsubtabs { 	
	font-size: 12px;
}

<!-- Title -->
#title{
	display:table-cell;
	display:inline;
	zoom:1;
	vertical-align:top;
}
#titlesection{
	background: #e1ecf3; 
	width: 585px; 
	border-bottom: #676767 4px double; 
	padding: 12px 0 20px 0;
	margin: 0 0 5px 0;
}
.date{ 
	font-size:13px; 
	font-family: 'verdana', 'arial', 'sans-serif'
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  	#titleadjust{
		/*margin-top:-8px;*/
	}
}
#open{
	display:table-cell;
	display:inline;
	zoom:1;
	vertical-align:top;
}
#opensection{
	width: 285px;
}
#recentsection{
	width: 185px;
}
#subtabs{
	font-weight:bold; 
	font-size: 12px;  
	border-bottom: #676767 4px double; 
	width:920px;
}
.indivtabon{
	background: url('../images/designelements/tab-selected.gif') no-repeat; 
	width: 150px; 
	height: 27px; 
	line-height:27px; 
	margin-right:3px;  
	text-align:center;
}
.indivtab{
	background: url('../images/designelements/tab.gif') no-repeat; 
	width: 150px; 
	height: 27px; 
	line-height:27px; 
	margin-right:3px;  
	text-align:center;
}
.indivtab-pref{
	background: url('../images/designelements/tab-pref.gif') no-repeat; 
	width: 200px; 
	height: 27px; 
	line-height:27px; 
	margin-right:3px;  
	text-align:center;
}
.indivtabon-pref{
	background: url('../images/designelements/tab-selected-pref.gif') no-repeat; 
	width: 300px; 
	height: 27px; 
	line-height:27px; 
	margin-right:3px;  
	text-align:center;
}
.indivtab-disabled{
	background: url('../images/designelements/tab-disabled.gif') no-repeat; 
	width: 150px; 
	height: 27px; 
	line-height:27px; 
	margin-right:3px;  
	text-align:center; 
	color: #666666;
}

#indivtabon{
	background: url('../images/designelements/tab-selected.gif') no-repeat; 
	width: 150px; 
	height: 27px; 
	line-height:27px; 
	margin-right:3px;  
	text-align:center;
}
#indivtab{
	background: url('../images/designelements/tab.gif') no-repeat; 
	width: 150px; 
	height: 27px; 
	line-height:27px; 
	margin-right:3px;  
	text-align:center;
}
#indivtab-disabled{
	background: url('../images/designelements/tab-disabled.gif') no-repeat; 
	width: 150px; 
	height: 27px; 
	line-height:27px; 
	margin-right:3px;  
	text-align:center; 
	color: #666666;
}
#talltabon{
	background: url('../images/designelements/tabdouble-selected.gif') no-repeat; 
	width: 170px; 
	height: 35px; 
	line-height:14px; 
	margin-right:3px; 
	padding-top:5px;  
	text-align:center;
}
#talltab{
	background: url('../images/designelements/tabdouble.gif') no-repeat; 
	width: 170px; 
	height: 35px; 
	line-height:14px; 
	margin-right:3px; 
	padding-top:5px; 
	text-align:center; 
}
#shareclassdd{
	width:250px; 
	padding-top:3px; 
	text-align:center;
}
#footernav{
	font-size:11px; 
	width:920px;
	text-align:right;
}
#disclaimer{
	font-size:11px; 
	width:920px; 
	margin-top:10px; 
	line-height:16px; 
	color:#666666;
}

<!-- Header -->
#logo{
	display:table-cell;
	display:inline;
	zoom:1;
	vertical-align:top;  
}
#logosection{
	margin: 25px 0 13px 30px;
	width:660px;
}
#right_login{
	display:table-cell;
	display:inline;
	zoom:1;
	vertical-align:top; 
}
#rightloginsection{
	width: 230px;
	height:79px;
}
.search{
	padding: 0;
	display: block; 
	font-size: 10px;
	margin: 0px; 
	text-align: right
}
#headerfund{
	padding: 0 0 0 20px;
}
#navigation{
	font-size: 11px; 
	background: #073269; 
	margin-bottom: 1px; 
	width: 920px; 
	padding:0; 
}
#colorbar {
	background: #96b43c; 
	margin-bottom: 0px; 
	width: 920px; 
	height: 5px;
}

<!-- Breadcrumb -->
#breadcrumb {
	display:table-cell;
	display:inline;
	zoom:1;
	vertical-align:top;
}
#breadcrumbsection { 
	border-bottom: #676767 4px double; 
	width:740px; 
	padding-left:20px; 
	font-size: 9px; 
	color: #676767; 
	line-height: 24px; 
	background:#d1d1d1; 
	height:24px; 
}
#tools { 
	display: inline; 
	vertical-align: 
	top; zoom: 1; 
}
.toolsbg { 
	vertical-align: top; 
	width: 160px; 
	height: 4px; 
	background: #ffffff; 
	text-align:right; 

}
#toolsection { 
	margin-top: 0px; 
	background: #d1d1d1; 
	color: #676767; 
	line-height: 20px; 
	border-bottom: #676767 4px double; 
	height: 20px;
	padding-top:4px; 
}
#comments-icon {
	visibility:hidden;
}
#headerdiv{
	height:79px;
}
#navdiv{
	height:26px;
}
#iwantdiv{
	width:920px;
}

div.contents-1column-outerwrapper {
	margin: 10px 0px; 
	width: 690px;
}
div.contents-1column-innerwrapper {
	padding:10px 20px 20px 20px;
}

div.contents-2column-outerwrapper {
	background: url('../images/designelements/divider-cols-345px.gif');  
	margin: 10px 0px; 
	width: 690px
}
div.contents-2column-innerwrapper {
	
}
div.widecolumn-outerwrapper {
	width: 345px
}
div.widecolumn-innerwrapper {
	padding: 0 20px 20px 20px;
}
div.widecolumn-innerwrapper-guide {
	padding: 0 20px 20px 20px;
	width:275px;

}
table.leftnavstyle td {
	border-right: #d1d1d1 1px solid; 
	border-left: #d1d1d1 1px solid;
	padding: 0 5px 0 5px;
}

#nav iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

#overdiv iframe {
   	position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

/* My Account */
div.myaccount-outerwrapper { 
	display: block; 
	float: left; 
	width: 200px;  
	background: #e1ecf3; 
	border-bottom:2px solid #ffffff;
	
}
div.home-account-outerwrapper { 
	display: block; 
	float: top; 
	width: 200px;  
	background: #d7e7f0; 
	
}

div.home-compare-outerwrapper { 
	display: block; 
	float: top; 
	width: 205px;  
	background: #d7e7f0; 
	/*border-bottom:4px solid #ffffff; */
}

img#home-icons {
	padding:2px 4px 2px 2px;
	position:relative;
	top:2px;
}

div.myaccount-innerwrapper { 
	display: block; 
	padding:10px 0 10px 10px;
	
}
div.myaccount-outerwrapper-account { 
	display: block; 
	float: left; 
	width: 200px; 
	margin-right: 0px; 
	background: #e1ecf3; 
	height: 155px; 
	border-top:4px solid #ffffff; 
	border-bottom:4px solid #ffffff; 
}
div.myaccount-innerwrapper-account { 
	display: block; 
	float: left; 
	padding: 15px 5px 10px 15px; 
}
div.myaccount-outerwrapper table td {
	border:0px;
}
h2.myaccount1 { 
	padding: 0 0 5px 0px; 
}
h2.myaccount2 { 
	padding: 0 0 0 0px; 
}
legend.myaccount1 { 
	padding: 0 0 5px 25px; 
}

/*My Account */
label {  
	float: left;  
	width: 5em;   
	margin-right: 1em;
	margin-top: 0;
	text-align: right;
	font-size: 11px;
}

.chart-summary {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:600;
	color:#639FC3;
	line-height:12px;
}

.tbl-account td {
	border:0px;
}

.loginhelp {
	font-size: 10px; 
}
div.closed-endfundlogin { 
	display: block; 
	padding: 0 30px 8px 0px; 
	border-bottom: 1px solid #cccccc; 
	margin-bottom: 10px; 
}
div.opennewaccount2 { 
	padding: 0 20px 0px 0px; 
}

div.block-header {
	/* background: url('/images/corners/medgreen_r_white.gif') right top no-repeat; */
	background: url('../images/corners/90green_r.gif') right top no-repeat;
	padding:3px 0 3px 5px;
	font-size:17px;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	/*background-color:#96B43C; 100% green
	background-color:#ABC363;  80% green */
	background-color:#A0BB4F; 
	border-top: 3px solid #FFFFFF;
	width:195px;
}

div.subnav-liststyle-innerwrapper-spotlight img {
	padding:10px 0 0 10px;
}

div.block-header-spotlight {
	background: url('../images/corners/spotlight.gif') right top no-repeat;
	padding:3px 3px 3px 5px;
	font-size:17px;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-color:#8b816b;
}

div.subnav-liststyle-innerwrapper-spotlight h3 {
	padding:5px 0 0 10px;
}

div.subnav-liststyle-innerwrapper img {
	padding:5px 8px 5px 8px;
}

div.subnav-liststyle-innerwrapper h3 {
	padding:0 8px 0 8px;
}

.divcontent-compare ul {
			list-style-type:none;
			margin:0;
			padding:0 5px 10px 15px;
			list-style-image:url('../images/icons/go.gif');
}

.header-title {
	margin-bottom:-10px;
	padding: 0 0 10px 0; 
	font-weight: 400; 
	color: #1f3363; 
	font-family: 'georgia', 'times', 'serif'; 
	font-size:17px;
}

/*#tabhead {
	background-color:#96B43C;
	width:200px;
	float:left;	
}
#tabheadtitle {
	background: url('/images/corners/t_r_s.gif') right top no-repeat;
	padding:5px 5px 5px 10px;
	font-size:18px;
	color:#FFFFFF;
	height:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
}*/

/* distributions page */

.dist-title {
	position:relative;left:-15px;top:5px;
}

#top1px {
	margin-top:1px;
}

#top-1px {
	margin-top:-1px;
}

div.header-title a {
	color: #1f3363;
	text-decoration:none;
}

#headerlink {
	color: #1f3363;
	text-decoration:none;
}

<!--[if lt IE 7]>
<script type="text/javascript" defer="defer">
// min-width only for 3 column layout Fluid (FL_3C)
function ieMinMax(){
if(document.getElementsByTagName('body')[0].className!="FL_3C") return;
	if(document.compatMode && document.compatMode=='CSS1Compat'){
		document.getElementById("wp").style.setExpression("width","documentElement.clientWidth < 800 ? '800px' : documentElement.clientWidth > 1200? '1200px' : '100%'");
	}else{
		document.getElementById("wp").style.setExpression("width","document.body.clientWidth < 800 ? '800px' : document.body.clientWidth > 1200? '1200px' : '100%'");
	}
   document.recalc(false);
}
window.onload=ieMinMax;
</script>
<![endif]-->

<!--[if lt IE 6]>
<style type="text/css">
/* to avoid columns 2 and 3 to drop in IE 5 */
/* FI_2C FIXED 2 COLUMNS   */
	#FI_2C #s1 {width:219px;}
/* EL_2C ELASTIC 2 COLUMNS */
	#EL_2C #s1 {width:19.9em;}
/* FI_3C FIXED 3 COLUMNS */
	#FI_3C #s1 {width:209px;}
/* EL_3C ELASTIC 3 COLUMNS */
	#EL_3C #s1 {width:11.9em;}
/* FL_3C FLUID 3 COLUMNS */
	#FL_3C #s1 {width:99%;}
/* FL_3C FLUID CENTER 3 COLUMNS */
    #FL_CENTER #s1 {width:19.9%;} 
#s2 h2,#s3 h2 {margin-left:1px;}
</style>
<![endif]-->