/*=======================================================================================
CSS OVER
======================================================================================*/

body
{
    background-color: #222222;
    overflow: -moz-scrollbars-vertical; 
    background-repeat: no-repeat;
    background-position: center top;
}

body.trainingcenter_city
{
    background-image: url(/graphics/video/training/backgrounds/city.jpg);   
}

body.trainingcenter_city2
{
    background-image: url(/graphics/video/training/backgrounds/city2.jpg);   
}

body.trainingcenter_beach
{
    background-image: url("/graphics/video/training/backgrounds/beach.jpg");   
}

body.trainingcenter_copacabana
{
    background-image: url(/graphics/video/training/backgrounds/copacabana.jpg);   
}


a, a:link, a:visited
{
    text-decoration: none;
    color: #009390;
}

a:hover
{
    color: #00D4D0;
}


#headout
{
    background-image: url(/graphics/video/training/headback.png?Rev=2);
    _background-image: url(/graphics/video/training/headback.gif?rev=2);
}


#headtoplinks a
{
    color: #000000;
    border-bottom: 2px solid #00D4D2;
}

#headmainlinks   a
{
    background-image: url(/graphics/video/main/headminback.gif);
    
}




#headsublinks a
{

}

#bodyout
{
    background-image: none;
    background-color: #555555;
}


#bodycont
{
    height: 1055px;
    background-image: url(/graphics/video/training/mainback02.gif);   
    position: relative; 
}





#headshop a.sc_points
{
    background-image: url(/graphics/fw/shoppingpoints.png);
    _background-image: url(/graphics/fw/shoppingpoints.gif);
}

#headshop a.sc_checkout
{
    background-image: url(/graphics/fw/shoppingcheckout.gif);
}


#headshop a
{
    background-image: url(/graphics/fw/shoppingbag.gif);
}


#headpromo .sc_title
{
    color: #FFFFFF;
    font-weight: 700;
}

#headpromo .sc_info
{
    color: #FFFFFF;
}



/*=======================================================================================
Video Comments
======================================================================================*/

#vtcComments
{
    position: absolute;
    width: 640px;
    height: 436px;
    overflow: hidden;
    top: 619px;
}

.vtcComments_show
{
    width: 640px;
    height: 436px;
    overflow: hidden;
    background-color: #363636;
    background-image: url(/graphics/video/training/cmt_back.gif);   
}


.vtcComments_hide
{
    width: 640px;
    height: 40px;
    overflow: hidden;
}

.vtcComments_Controlbox_show
{
    overflow: hidden;
    height: 55px;
}

.vtcComments_Controlbox_hide
{
    overflow: hidden;
}


.vtcComments_control_show, .vtcComments_control_show:link, .vtcComments_control_show:visited
{
    display: block; 
    float: left;
    height: 20px;
    width: 200px;
    overflow: hidden;
    padding-left: 30px;  
    background-image: url(/graphics/video/training/cmt_down.gif);   
    margin-left: 15px;
    margin-top: 16px;
    color: #FFFFFF;
    background-repeat: no-repeat;
    padding-top: 3px;
}

.vtcCommentScreenBox
{
    padding: 15px;
    padding-top: 0px;
}

.vtcCommentScreenBox h2
{
    color: #FFFFFF;
}

.vtcComments_control_hide, .vtcComments_control_hide:link, .vtcComments_control_hide:visited
{
    display: block; 
    float: left;
    height: 20px;
    width: 200px;
    overflow: hidden;
    padding-left: 30px;  
    background-image: url(/graphics/video/training/cmt_up.gif);   
    margin-left: 15px;
    margin-top: 16px;
    color: #FFFFFF;
    background-repeat: no-repeat;
    padding-top: 3px;
}

.vtcComments_Box
{
    width: 592px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}


.vtcComments_BoxOut
{
    text-align: center;
    height: 365px;
    overflow: auto;
    margin-right:5px;
    margin-top: 5px;
}

div.vtcComments_Box *
{
    overflow: hidden;
}

.vtcComments_control_post, .vtcComments_control_post:link, .vtcComments_control_post:visited
{
    float: right;
    padding-right: 15px;
    padding-top: 18px;
    color: #FFFFFF;
    display: block;
}

.vtcComment_Top, .vtcComment_Bottom
{
    height: 8px;
    background-repeat: no-repeat;
}

.vtcComment_Split
{
    height: 17px;
    background-repeat: no-repeat;
}

.vtcComment_SplitWB
{
    background-image: url(/graphics/video/training/cmt_split_wb.gif);  
}

.vtcComment_Item
{
    padding: 4px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: left;
}

.vtcComment_Item .sc_commenttitle
{
    font-size: 11px;
    font-weight: 700;
    color: #333333;
}


.vtcComment_Item .sc_commentdate
{
    font-size: 10px;
    float: right;
}


.vtcComment_Item .sc_commentdetails
{
    font-size: 10px;
    font-weight: 700;
    color: #555555;
}



.vtcComment_Item *, .vtcComment_Item
{
    font-size: 11px;
}

.vtcComment_ItemB
{
    background-color: #ECECEC;
}

.vtcComment_ItemW
{
    background-color: #FFFFFF;
}

.vtcComment_SplitBW
{
    background-image: url(/graphics/video/training/cmt_split_bw.gif);  
}

.vtcComment_TopW
{
    background-image: url(/graphics/video/training/cmt_w_top.gif);  
}

.vtcComment_TopB
{
    background-image: url(/graphics/video/training/cmt_b_top.gif);  
}

.vtcComment_BottomW
{
    background-image: url(/graphics/video/training/cmt_w_bottom.gif);  
}

.vtcComment_BottomB
{
    background-image: url(/graphics/video/training/cmt_b_bottom.gif);  
}

.vtcCommentScreenBox .ff_title
{
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 700;
}


.vtcCommentScreenBox .ff_field textarea
{
    width: 500px;
    padding: 4px;
}


/*=======================================================================================
Video Playback
======================================================================================*/

#tcvPlayCont
{
    position: absolute;
    width: 640px;
    height: 646px;
    overflow: hidden;
}

#tcvPlayHead
{
    height: 63px;
    overflow: hidden;
    padding-left: 12px;
}

#tcvPlayHead .sc_title
{
    font-family: Verdana;
    font-size: 15px;
    font-weight: 700;
    color: #000000;
    padding-top: 10px;
    float: left;
    padding-right: 10px;    
}


#tcvPlayHead .sc_difbox
{
    float: left;
    clear: right;   
    background-repeat: no-repeat;
    overflow: hidden;
    width: 28px;
    height: 16px;
    margin-top: 12px;
}

#tcvPlayHead .sc_categories
{
    font-family: Arial;
    font-size: 12px;
    color: #FFFFFF;
    padding-top: 1px;
    overflow: hidden;
    clear: both;
}

#tcvPlay
{
    height: 391px;
    overflow: hidden;
}

#tcvPlayInfo
{
    padding: 15px;    
    overflow: hidden;
}

#tcvPlayInfo .sc_description
{
    font-size: 11px;
    color: #FFFFFF;
    overflow: hidden;
    margin-bottom: 10px;
}


#tcvPlayTags
{
    overflow: hidden;
    padding-top: 10px;
    border-top: 1px dotted #BBBBBB;
    margin-bottom: 10px;
}

#tcvPlayLinks
{
    overflow: hidden;
    padding-top: 10px;
    border-top: 1px dotted #BBBBBB;
    margin-bottom: 10px;
}


#tcvPlayLinks a.sc_fav
{
    background-image: url(/graphics/video/main/playcontrol_icon_fav.gif);   
    background-repeat: no-repeat;
    background-position: 0px -6px;
    padding-left: 17px;
}



#tcvPlayTags *, #tcvPlayLinks *, #tcvPlayLinks a
{
    font-size: 11px;
    color: #FEC411;
}

#tcvPlayTags b
{
    font-size: 11px;
    color: #FFFFFF;
}

.tcvPlayPadded 
{
    padding: 15px;
}


/*=======================================================================================
Backgrounds
======================================================================================*/

#vtcBackground
{
    position: absolute;
    left: 665px;
    top: 955px;
    height: 60px;
    width: 230px;
    overflow: hidden;   
    text-indent: -100px;  
}

#vtcBackground a, #vtcBackground a:link, #vtcBackground a:visited
{
    display: block;
    float: left;
    overflow: hidden;
    background-repeat: no-repeat;
    height: 60px;
    margin-right: 6px;
}


#vtcBackground a.sc_buttonleft
{
    width: 22px;
    background-image: url(/graphics/video/main/arrow_left.gif);   
    background-position: 0px 17px;
}

#vtcBackground a.sc_buttonright
{
    width: 22px;
    background-image: url(/graphics/video/main/arrow_right.gif);  
    background-position: 0px 17px; 
}

#vtcBackground a.sc_buttonright:hover, #vtcBackground a.sc_buttonleft:hover
{
    background-position: -22px 17px; 
}

#vtcBackground a.sc_back
{
    width: 80px;
}


/*=======================================================================================
Video List Control
======================================================================================*/

#vtcListControl
{
    position: absolute;
    left: 660px;
    top: 8px;
    height: 30px;
    width: 230px;
    overflow: auto;   
}  

.vtcListControlSet
{
    float: left;
    margin-right: 2px;
    overflow: hidden;
    _height: 30px;
}

.vtcListControlSet .sc_Title
{
    font-size: 9px;
    font-weight: 700;
    color: #555555;
    text-transform: uppercase;
}

.vtcListControlSet .sc_Field select
{
    font-size: 11px;
    border: 1px solid #BBBBBB;
    width: 85px;
}

#ctcDifSelect
{
    width: 30px;
    height: 16px;
    background-position: 1px 0px;
    background-repeat: no-repeat;   
    margin-top: 1px;
    margin-right: 2px;
    float: left;
    _width: 31px;
    _overflow: hidden;
}

#ctcDifSelect a
{
    display: block; 
    float: left;
    text-indent: -100px;
    overflow: hidden;
    height: 16px;
    width: 8px;
    margin-left: 1px;
    margin-right: 1px;    
}

#ctcReset
{
    float: left;
    font-size: 9px;
    text-transform: uppercase;
    display: block; 
    width: 20px; 
    _width: 19px;
    overflow: hidden;
    margin-top: 3px;
}
  
/*=======================================================================================
Related Videos
======================================================================================*/


#vtcRelated
{
    position: absolute;
    left: 660px;
    top: 665px;
    height: 258px;
    width: 230px;
    overflow: auto;     
}
  
/*=======================================================================================
Video List
======================================================================================*/

#vtcListVideos
{
    position: absolute;
    left: 660px;
    top: 105px;
    height: 493px;
    width: 230px;
    overflow: auto; 
}

.vtcListVideosItem
{
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.vtcListVideosItemGray
{
    
	opacity: 0.55;
	filter:alpha(opacity=55);
	-moz-opacity:0.55; 
    cursor: default;
    _height: 50px;
    _width: 100%;
    cursor: default;
}

.vtcListVideosItem:hover
{
    background-color: #EEEEEE;
}

.vtcListVideosItemGray:hover
{
    background-color: #FFFFFF;
}

.vtcListVideosItem .sc_Image
{
    overflow: hidden;
    float: left;
    background-color: #666666;
    width: 80px;
    height: 50px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: center center;
}

.vtcListVideosItem:hover .sc_Image
{
    background-color: #444444;
}

.vtcListVideosItem .sc_Title
{
    overflow: hidden;
    color: #00ACA9;
    font-size: 11px;
    font-weight: 700;
}


.vtcListVideosItemGray .sc_Title
{
    color: #555555;
}

.vtcListVideosItem:hover .sc_Title
{
    color: #007977;
}

.vtcListVideosItemGray:hover .sc_Title
{
    color: #555555;
}



.vtcListVideosItem .sc_Category
{
    overflow: hidden;
    font-size: 11px;
}

.vtcListVideosItem .sc_Difficulty
{
    overflow: hidden;
    height: 16px;
    background-repeat: no-repeat;
    margin-top: 3px;
}

.sc_Dif_0
{
    background-image: url(/graphics/video/training/dif_0.png);
    _background-image: url(/graphics/video/training/dif_0.gif);
}

.sc_Dif_1
{
    background-image: url(/graphics/video/training/dif_1.png);
    _background-image: url(/graphics/video/training/dif_1.gif);
}

.sc_Dif_2
{
    background-image: url(/graphics/video/training/dif_2.png);
    _background-image: url(/graphics/video/training/dif_2.gif);
}

.sc_Dif_3
{
    background-image: url(/graphics/video/training/dif_3.png);
    _background-image: url(/graphics/video/training/dif_3.gif);
}

.vtcListVideosItem .sc_
{
    overflow: hidden;
}


.tcvPlayHead
{
    overflow: hidden;
    padding-left: 12px;

}

.tcvPlayHead .sc_title
{
    font-family: Verdana;
    font-size: 15px;
    font-weight: 700;
    color: #000000;
    padding-top: 10px;
    padding-right: 10px;
    text-align: center;
}


#vtcPlayQuality
{
    background-image: url(/graphics/video/training/vq2.gif);
    display: block;
    width: 113px;
    height: 30px;
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}

.vtcPlayQuality_lo
{
    background-position: 0px 0px;
}

.vtcPlayQuality_md
{
    background-position: 0px -30px;
}

.vtcPlayQuality_hi
{
    background-position: 0px -60px;
}

#vtcPlayQuality a
{
    display: block;
    float: left;
    text-indent: -500px;
    overflow: hidden;
    width: 37px;
    height: 90px;
}