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

 * 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;
    z-index: 0;
    
}
#tabcompare2 {
    color:#868686;
    text-decoration:none;
    line-height:11px;
    z-index: 0;
}

#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.block-header a {
    font-size:17px;
    color:#FFFFFF;
    text-decoration:none;
}

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.block-header-spotlight a {
    font-size:17px;
    color:#FFFFFF;
    text-decoration:none;
}

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;
}

/* 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;
}

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

<!--[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]-->