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

 * Filename:        tabcontent.css
 * Description:     Styles for specific for pages with tabs. CSS for Shade Tabs.  I.E. video pages
 * Version:         1.0.0 (2009-09-01)
 * Website:         http://www.roycefunds.com
 * Author:          Christian, Kristen and Charlene

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



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


/*.shadetabs{
    padding: 0 0 0 0;
    margin: 0;
    font: bold 12px Verdana;
    list-style-type: none;
    text-align: left; 
}*/

.shadetabs li{
    display: inline;
    margin: 0;
}

.shadetabs li a{
    text-decoration: none;
    position: relative;
    z-index: 1;
    padding: 0;
    margin-right: 0px;
    color: #2d2b2b;
}

.shadetabs li a:visited{
    color: #2d2b2b;
}

.shadetabs li a:hover{
    text-decoration: underline;
    color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
    position: relative;
}

.shadetabs li a.selected{ /*selected main tab style */
    /*background-image: url(shadeactive.gif);*/
    /*border-bottom-color: white;*/
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

/*.divcontent {
    width:180px;   
    padding: 10px; 
    background-color:#d7e7f0;
    margin-top:-2px;
}*/

.divcontent {
  
    padding: 10px; 
    background-color:#d7e7f0;
    height:195px;
    border-bottom:4px solid #ffffff;
}

.divcontent-video {
    /*width:206px;   
    padding: 10px; 
    background-color:#e1ecf3;
    margin-top:-2px;*/
    padding: 0 5px 0 5px;
    background-color:#e1ecf3;
    margin-top:-2px;
    border:0px solid blue;
    width:190px;
    height:292px;
    margin-bottom:20px;
}

.divcontent-compare { 
    padding:10px;
    background-color:#E6E6E6;
    height:160px;
    border-bottom:4px solid #ffffff;

}

.tabcontent{
    height:285px; 
    display:none;
    overflow-y:scroll;
    overflow-x:hidden;
    padding:2px;
    border:0px solid red;
}

.text-video {
    height:60;
    width:90px;
    background-color:#ffffff;
    vertical-align:top;
}

.text-section {
    vertical-align:top;
    height:50px;
    height:auto;
    width:77px;
    font-size:9px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height:normal;
    padding:5px;
    border:0px solid red;

}

.hideme {
    visibility:hidden;
    display:none;
}

.showme {
    visibility:visible;
    display:block;
}

#video-summary {
    width:475px;

}

#videoembed {
    height:267px;
    width:400px;
    background-color:#ffffff;

}

#video-list {
    width:226px; 
    display:inline;
}

#video-time {
    color: #676767;
}

.video_class {
    z-index:99; 
    background-color:#ffffff; 
    width: 150px; 
    display:none; 
    position: absolute; 
    left: 780px; 
    zoom: 1; 
    border:1px solid black; 
    font-size:10px; 
    line-height:12px;
}

.video-disclosure {
    position: relative; 
    top: 20px; 
    padding-bottom: 50px; 
    width: 668px;
}