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

 * Filename:        home.css
 * Description:     Styles for homepage
 * Version:         1.0.0 (2009-09-01)
 * Website:         http://www.roycefunds.com
 * Author:          Christian, Kristen and Charlene

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


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

#contentwrapper { 
    float: left; 
    width: 100%; 
}
#contentcolumn { 
    margin: 0 225px 0 210px; 
    /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ 
}
#leftcol { 
    float:left; width:45%;padding:0 10px 0 10px;
}
#rightcol { 
    float:right; width:45%;padding:0 10px 0 10px;
}

/* eWord */
div.ewordform { 
    padding-bottom: 5px; 
}

/* Variations on Global Styles */
h2.section { 
    padding-bottom: 5px; 
}

/* Homepage Highlight */
div.highlight { 
    background-color:#e1ecf3;
    padding-left:15px;
    padding-top:15px;
    padding-right:5px;
    padding-bottom:15px;
}

.highlight ul { 
    padding-right: 15px; 
    padding-left: 15px; 
    list-style-image: url('../images/icons/go.gif'); 
    padding-bottom: 0px; 
    margin: 0px; 
    padding-top: 0px
}

.highlight h3 {
    padding-right: 15px;
}

img.highlight {
    padding-bottom: 10px;
}

.body-leftnavstyle-homepage {
    margin-bottom:5px;
}

/*  Cool Menu Styles */

#navigation-section {
    width:920px; 
    height:215px; 
    background: #DBE9F1;
}

#navigation-menu {
    width:207px;
    float:left;
}

table.menu a {
    width:200px;
    display: block;
}

.menu td {
    height:35px;
    border-bottom:1px solid #ffffff;
    
}

div.menu a {
    color:#2d699b;
    background: #B7D3E3;
    text-decoration:none;
    font-size:11px;
    line-height:16px;
    font-family: Tahoma, verdana, sans-serif;
    height:27px;
    padding-top:8px;
    padding-left:8px;
}

div.menu a:link {
    color:#2d699b;
    background: #B7D3E3; 
}

div.menu a:active { 
    color: #000000;
    background: #B7D3E3; 
}

div.menu a:visited {
    color:#2d699b;
    background: #B7D3E3; 
}

div.menu a:hover {
    color:#2d699b;
    background: #DBE9F1; 
}


#tabledescription { 
    height:215px; 
    float:right; 
    background-color:#DBE9F1; 
    width:77%;
    /* width: 76% ; IE 6*/
    filter:alpha(opacity=0); 
    -moz-opacity:0;
}

.toggle_container {
    border-top: 1px solid #d6d6d6;
    background: #f0f0f0;
    overflow: hidden;
    width: 500px;
    clear: both;
    z-index:250;
}

/* FP Resource Center Styles */

#resource-header {
    width:920px; 
    height:49px; 
    background-color:#96B43C;
}   


#resource-header-title {
    float:left; 
    color:#ffffff; 
    font-size:22px; 
    font-family:Georgia, 'Times New Roman', Times, serif;
    padding:12px 0 0 10px;
}

#resource-header-options {
    float:right; 
    padding-right:10px; 
    padding-top:13px; 
    font-size:11px;
}

#text-white {
    color:#ffffff;
}

div.fpcontent {
    margin:5px 5px 5px 0; 
    height:203px; 
    overflow:auto;
}

div.fpcontent-item {
    height:89px; 
    float:top;
    padding-left:10px;
}

div.fpvid-item {
    height:100px; 
    float:top;
    padding-left:10px;
}

div.fpcontent-item-video {
    float:left; 
    width:23%;
}

#fpcontent-item-img {
    margin-top:10px;
    width:108px;
    height:61px;
    border:#d1d1d1 1px solid;
}

.fp-td-image {
    padding-left:10px;padding-right:5px;padding-bottom:5px;
    vertical-align:top;
    width:23%;
}

.fp-td-info {
    padding-left:5px;padding-right:5px;
    vertical-align:top;
    width:73%;
}

div.fpcontent-item-info {
    float:right; 
    width:73%;
    padding-left:5px;
    padding-right:5px;
}
#fpcontent-item-no {
    font-size:24px;
    float:left;
    margin:8px 6px 50px 0;
}
#fpcontent-item-info-tag {
    margin-top:6px;
    line-height:16px;
}
a.fpcontent-link {
    font-weight:bold;
}

.royce-contact-section {
    border-left:1px solid gray;
    padding:8px;
}

.royce-info-header {
    margin: 0; 
    padding: 0 0 5px 0; 
    font-weight: 400; 
    color: #1f3363; 
    font-family: 'georgia', 'times', 'serif'; 
    font-size: 16px; 
}

.royce-contact {
    float:left;
    margin:0 10px 0 5px;
    width:60px;
    height:75px;
}

.royce-contact-small {
    float:left;
    margin:0 8px 0 5px;
    width:60px;
    height:55px;
    
}

.royce-contact-info {
    font-size:11px;
    line-height:14px;
    height:57px;
}

#news-and-updated {
    display:none;
}

#research-and-insights {
    display:none;
}

#videos-and-events {
    display:none;
}

#tools-content {
    display:none;
}

#literature-content {
    display:none;
}

#tracked-funds {
    display:none;
}

#news-update-block {
    margin-top:5px;
    width:200px;
}
#news-update-block p {
    line-height:16px;
}

#account-login-section {
    display:none;
}

#fp-login-section {
    display:none;
}

#compare-funds-section {
    display:none;
}

#fund-guide-section {
    display:none;
}

.home-fp-content {
    padding:10px; 
    width:686px;
    overflow:auto;
    height:190px;
}

#tab-box {
    height:35px;
    background-color:#ffffff;
}

#news-and-updates {
    display:none;
}
#news-and-updates2 {
    display:none;
}
/* FP Home Data */

.datamainhead {
    text-align:center;
}

.dataheader {
    text-align:center;
    font-weight:bold;
    font-size:10px;
}

.dataname {
    padding:5px;
    font-size:11px;
    width:150px;
}

.data {
    text-align:center;
    font-size:11px;
}

.alt {
    background-color:#ffffff;
}

.style1 {
    border-right:1px solid #203580;
}

.style2 {
    border-right:1px solid #203580;
    border-bottom:1px solid #203580;
}

.style3 {
    border-right:1px solid lightgray;
}

.style4 {
    border-bottom:1px solid #203580;
}

.left {
    text-align:left;
}





.picture-slides-thumbnails {
    list-style: none;
    overflow: hidden;
}

.picture-slides-thumbnails li {
    float:left;
    width:30px;
    height:24px;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    background: url('../images/corners/tab_f2.gif') right top no-repeat;
    margin-right:2px;
    font-family:Verdana, Arial, Helvetica, sans-serif;

}

.picture-slides-thumbnails font {

}

.picture-slides-thumbnails a {
    text-decoration:none;
        color:#96b43c;
}

.picture-slides-selected-thumbnail { 
    color:#ffffff; 
    background: url('../images/corners/tab.gif') no-repeat right top; 
    width:30px; 
    height:24px;
}
.picture-slides-image {
    border-bottom:5px solid #96b43c;
        height:208px;
}

.picture-slides-controls {
    position:relative;
    left:350px;
    padding:0;
    margin:0; 
    top:-29px;
    width:200px;

}

.picture-slides-image-text {
    position:relative;
    top:-25px;
    padding:0;
    width:490px;
    margin-bottom:-20px;
}


.content-title {
    padding: 8px 10px 3px 10px;
    font-size: 20px; 
    font-weight: 800; 
    font-family: 'verdana', 'arial', 'sans-serif';
    color: #1f3363; 
    width:470px;
    line-height:18pt;
}

.content-column {
    width:470px;
    padding:0px 10px 0 10px;
    

}

.slide-control {
    position:relative;
    top:2px;
}

#compare-guide-title {
    line-height:12pt;
}

div#tracked-funds-disclosure {
    padding:10px 0 0 0;
    height:195px;
    overflow:auto;
    font-size:10px;
    line-height:10px;
    color:#8b816b;
}

div#tracked-funds-disclosure b {
    color:#000000;
}

div#tracked-funds-disclosure p {
    padding-top:5px;
}

.disclosure {
    line-height:1.1;
    width:98%;
    font-size:11px;
}

#idprogresshome {
    position: fixed; 
    border: 0px; 
    z-index: 100; 
    left:510px; 
    top:250px; 
    visibility:hidden;
    display:none;
}


.lit-item-left {
    float:left;
    width:210px;
    padding:10px;
}
.lit-item-right {
    float:right;
    width:210px;
    padding:10px;
}

.lit-item-image {
    float:left;
    margin-right:5px;
}

.lit-item-section {
    height:167px;
}

#lit-item-title {
    line-height:10pt;
}

#lit-item-img {
    margin:5px 5px 0 0;
    height:100px;
    width:75px;
    border:#d1d1d1 1px solid;
}

.lit-item-info {
    line-height:12pt;
    margin-top:5px;
}

.fund-guide-img {
    float:left; 
    margin:0 8px 0px 4px;
}

#build-tracked-funds-info {
    position:relative;
    text-align:center;
    height:200px;
}

#tracked-funds-title {
    font-size:14px;
    font-weight:bold;
}

div.section h3 {
    padding:5px 0 2px 0;
    line-height:11pt;
}

div.subnav-liststyle-innerwrapper-spotlight h3 {
    line-height:14px;  
}

div.home-liststyle-outerwrapper .section {
    line-height:16px;
}

.random2header {
    line-height:12px;
    margin-top:5px;

}

.random2info {
    padding:5px 5px 10px 0px;
    line-height:12pt;
    margin-bottom:5px;
}

.random2img {
    float:left;
    margin-bottom:20px;

} 

/* leading articles CSS */
.center-lead-block {
                width:490px;height:252px; border-bottom:4px solid #96b43c;margin-bottom:10px;
            }
            .top-main {
                width:490px; height:52px; border:0px solid blue; background-color:#f2f2f2;
            }
            .top-main-title {
                top-main-title" style="font-family:Verdana, Geneva, sans-serif; font-size:18px;color:#1f3363; padding-top:6px; padding-left:6px;
            }
            .top-main-title a {
                color:#1f3363;
                font-weight:bold;
            }   
            .center-main-section {
                width:490px; height:200px; border0px solid green;
            }
            div.center-main {
                background-color:#1f3363;width:141px; height:200px; border:0px solid blue;position:absolute;top:165px;/*ie6***top:153px;*/;left:574px;opacity:0.8;
  filter:alpha(opacity=80); /* For IE8 and earlier */
            }
            
            div.center-lead-info {
                padding-top:5px;
                position:relative;top:-10px;margin-bottom:10px;background-color:#f2f2f2; border:0px solid red; width:490px;
            }
            
            .center-main-content {
                padding:10px; color:#ffffff; font-size:13px; line-height: 12pt;   
            }
            
            .center-main-content a {
                color:#ffffff;
                text-decoration:none;
            }
            
            .second-header-section {
                margin-left:10px;border:0px solid red; width:476px;height:25px;padding:2px;
            }
            .second-header-left {
                float:left; width:238px;border:0px solid blue;  
            }
            .second-header-right {
                float:right; width:238px; border:0px solid green;
            }
            .left-right-leading-section {
                margin-left:10px;border:0px solid red; width:480px;height:240px;   
            }
            .left-leading-section {
                float:left; width:238px;border:0px solid blue;
            }
            .right-leading-section {
                float:right; width:234px; border:0px solid green;margin-left:5px;   
            }
            .leading-article-title {
                line-height:16px;padding-top:4px;padding-bottom:3px;padding-left:3px;padding-right:3px;
            }
            .leading-article-content {
                line-height:16px;padding-left:3px;padding-right:3px;
            }
/* end leading articles CSS*/


/*this code below is for chrome*/

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .picture-slides-controls {

    }
    
    
}