A
{
    outline: none
}
#online
{
    WIDTH: 940px
}
#upper
{
    MARGIN: 10px auto;
    WIDTH: 940px
}
#lower
{
    MARGIN: 10px auto;
    WIDTH: 940px
}
#player_wrapper
{
    BORDER-RIGHT: #e3e7e9 1px solid;
    PADDING-RIGHT: 0px;
   /* BORDER-TOP: #e3e7e9 1px solid;*/
    PADDING-LEFT: 0px;
    BACKGROUND: #f5f7f8;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 12px;
    OVERFLOW: hidden;
    BORDER-LEFT: #e3e7e9 1px solid;
    WIDTH: 938px;
    PADDING-TOP: 12px;
    BORDER-BOTTOM: 0px
}
#player
{
    MARGIN: 0px auto;
    OVERFLOW: hidden;
    WIDTH: 854px;
    HEIGHT: 500px
}
#controller_wrapper
{
    PADDING-RIGHT: 7px;
    PADDING-LEFT: 36px;
    BACKGROUND: url(../images/player/control_bg1.gif) #fff no-repeat left top;
    MARGIN-BOTTOM: 12px;
    PADDING-BOTTOM: 12px;
    PADDING-TOP: 7px;
    HEIGHT: 36px
}
#info_wrapper
{
    CLEAR: both;
    BORDER-RIGHT: #e3e7e9 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: #e3e7e9 1px solid;
    PADDING-LEFT: 10px;
    BACKGROUND: #f5f7f8;
    FLOAT: left;
    MARGIN-BOTTOM: 12px;
    PADDING-BOTTOM: 6px;
    BORDER-LEFT: #e3e7e9 1px solid;
    WIDTH: 918px;
    PADDING-TOP: 6px;
    BORDER-BOTTOM: #e3e7e9 1px solid
}
#lesson_specs
{
    CLEAR: left;
    FLOAT: left;
    WIDTH: 140px;
    COLOR: #555
}
#lesson_instructor
{
    FONT-SIZE: 11px;
    FLOAT: left;
    WIDTH: 320px;
    COLOR: #555
}
.buttons
{
    FLOAT: left;
    WIDTH: 110px
}
.buttons_skip
{
    FLOAT: left;
    WIDTH: 110px;
    TEXT-ALIGN: right
}
.slide_wrapper
{
    FLOAT: left;
    WIDTH: 335px;
    PADDING-TOP: 10px
}
.slide_wrapper
{
    MARGIN-TOP: 2px
}
.buttons_skip
{
    MARGIN-TOP: 2px
}
.buttons
{
    MARGIN-TOP: 2px
}
#progress
{
    BACKGROUND: #fcbc5e;
    LEFT: 3px;
    WIDTH: 0px;
    POSITION: absolute;
    TOP: 3px;
    HEIGHT: 11px
}
#time
{
    MARGIN-TOP: 1px;
    FLOAT: right;
    FONT: 12px Arial, Helvetica, sans-serif;
    COLOR: #a1a1a1
}
.fullscreen_wrapper
{
    FLOAT: right
}
.volume_wrapper
{
    FLOAT: right
}
.status_wrapper
{
    FLOAT: right
}
.volume_wrapper
{
    MARGIN: 0px 20px 0px 40px;
    PADDING-TOP: 7px
}
#volume
{
    BORDER-RIGHT: #e8e9e9 3px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #e8e9e9 3px solid;
    PADDING-LEFT: 2px;
    BACKGROUND: #fff;
    PADDING-BOTTOM: 2px;
    FONT: 12px Arial, Helvetica, sans-serif;
    BORDER-LEFT: #e8e9e9 3px solid;
    WIDTH: 4em;
    COLOR: #a1a1a1;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #e8e9e9 3px solid;
    POSITION: relative;
    TOP: -9px;
    TEXT-ALIGN: center
}
.status_wrapper
{
    FONT: 16px/43px Arial, Helvetica, sans-serif;
    WIDTH: 122px;
    COLOR: #c8c9c9;
    HEIGHT: 36px;
    TEXT-ALIGN: center
}
#controller
{
    BACKGROUND: url(../images/player/scrub_bg.gif) no-repeat left center;
    FLOAT: none;
    WIDTH: 295px;
    LINE-HEIGHT: 17px;
    PADDING-TOP: 1px;
    POSITION: relative;
    HEIGHT: 16px
}
#slider
{
    WIDTH: 6px;
    CURSOR: pointer;
    LINE-HEIGHT: 15px;
    POSITION: absolute;
    HEIGHT: 15px
}
#lesson_details
{
    CLEAR: right;
    FLOAT: right;
    WIDTH: 320px;
    TEXT-ALIGN: right
}
#lesson_details H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    MARGIN: 0px 0px 0.5em;
    COLOR: #525252
}
#lesson_details SMALL
{
    FONT-WEIGHT: normal;
    COLOR: #8e9192
}
A.favorite
{
    CLEAR: left;
    MARGIN-TOP: 5px;
    FLOAT: left
}
#ratings
{
    CLEAR: left;
    BACKGROUND: url(/images/online/5stars_bg.gif) no-repeat left top;
    FLOAT: left;
    WIDTH: 140px
}
#ratings A
{
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    OVERFLOW: hidden;
    WIDTH: 115px;
    PADDING-TOP: 0px;
    POSITION: relative;
    HEIGHT: 22px
}
#ratings A IMG
{
    DISPLAY: block;
    Z-INDEX: 10;
    LEFT: 0px;
    WIDTH: 114px;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 22px
}
#ratings A SPAN
{
    DISPLAY: block;
    Z-INDEX: 10;
    LEFT: 0px;
    WIDTH: 114px;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 22px
}
#ratings .back
{
    Z-INDEX: 2;
    BACKGROUND: #fd9416;
    LEFT: 0px;
    WIDTH: 0px;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 22px
}
#tabs
{
    CLEAR: both;
    MARGIN: 0px auto;
    WIDTH: 940px;
    POSITION: relative;
    HEIGHT: 27px
}
#tabs A
{
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 5px;
    FONT-SIZE: 11px;
    BACKGROUND: url(/images/online/tab_off_l.gif) no-repeat left bottom;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    COLOR: #666;
    LINE-HEIGHT: 27px;
    MARGIN-RIGHT: 1px;
    PADDING-TOP: 0px;
    HEIGHT: 27px;
    TEXT-DECORATION: none
}
#tabs A SPAN
{
    PADDING-RIGHT: 20px;
    DISPLAY: block;
    PADDING-LEFT: 15px;
    BACKGROUND: url(/images/online/tab_off_r.gif) no-repeat right bottom;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: center
}
#tabs A:hover
{
    COLOR: #333
}
#tabs A.active
{
    BACKGROUND: url(/images/online/tab_on_l.gif) no-repeat left bottom;
    COLOR: #fff4d1
}
#tabs A.active SPAN
{
    BACKGROUND: url(/images/online/tab_on_r.gif) no-repeat right bottom
}
#tabs A.active:hover
{
    COLOR: #fff4d1
}
#tabs A#renew_button
{
    BACKGROUND: none transparent scroll repeat 0% 0%;
    MARGIN-LEFT: 61px
}
#window
{
    MARGIN: 0px auto;
    OVERFLOW: hidden;
    WIDTH: 764px;
    POSITION: relative;
    HEIGHT: 275px
}
.wrapper
{
    LEFT: 0px;
	POSITION: absolute;
    TOP: 0px;
    HEIGHT: 270px
}
#wrapper_browse
{
    WIDTH: 800px
}
#wrapper_search
{
    WIDTH: 1430px;
    TOP: 280px
}
#wrapper_favorites
{
    WIDTH: 940px;
    TOP: 280px
}
.panel
{
    BACKGROUND: #fff;
    FLOAT: left;
    WIDTH: 370px;
    MARGIN-RIGHT: 12px;
    HEIGHT: 286px
}
.wide
{
    WIDTH: 938px;
    MARGIN-RIGHT: 0px
}
.last
{
    MARGIN-RIGHT: 0px
}
H3.title
{
   /* PADDING-RIGHT: 5px;*/
    DISPLAY: block;
    PADDING-LEFT: 5px;
    BACKGROUND: url(../images/h3title_bg.gif) no-repeat left bottom;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    FONT: bold 14px/30px Arial, Helvetica, sans-serif;
    WIDTH: 367px;
    COLOR: #fff;
    TEXT-INDENT: 6px;
    PADDING-TOP: 0px;
    POSITION: relative;
    HEIGHT: 30px
}
H3.long
{
    BACKGROUND: url(/images/online/h3titlelong_bg.gif) no-repeat left bottom;
    WIDTH: 930px
}
.panel A.back
{
    DISPLAY: none;
   /* RIGHT: 5px;*/
    /*POSITION: absolute;*/
    TOP: 4px
}
.options
{
    CLEAR: both;
    BORDER-RIGHT: #e3e7e9 1px solid;
    BORDER-TOP: #e3e7e9 1px solid;
    BACKGROUND: #f7f0e0;
    BORDER-LEFT: #e3e7e9 1px solid;
    BORDER-BOTTOM: 0px;
    HEIGHT: 20px
}
.options A
{
    PADDING-RIGHT: 20px;
    DISPLAY: block;
    PADDING-LEFT: 20px;
    FONT-SIZE: 11px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    COLOR: #808943;
    LINE-HEIGHT: 20px;
    PADDING-TOP: 0px;
    HEIGHT: 20px;
    TEXT-DECORATION: none
}
.options A.active
{
    BACKGROUND: #fff
}
.options A SMALL
{
    FLOAT: right
}
.select
{
    BORDER-RIGHT: #e3e7e9 1px solid;
    BORDER-TOP: #e3e7e9 1px solid;
    BORDER-LEFT: #e3e7e9 1px solid;
    BORDER-BOTTOM: #e3e7e9 1px solid;
    OVERFLOW: auto;
    
    WIDTH: 370px;
    
    HEIGHT: 236px
}
.short
{
    HEIGHT: 236px
}
.wide
{
    WIDTH: 938px
}
.select .rt
{
    MARGIN-TOP: -1.5em
}
.select .rt
{
    MARGIN-TOP: 0em
}
.select OPTION.odd
{
    BACKGROUND: #fafaf5
}
.select A.odd
{
    BACKGROUND: #fafaf5;
    COLOR: #525252;
}
.select OPTION
{
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 4px;
    FONT: 11px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #525252;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #fafaf5 1px solid;
    TEXT-DECORATION: none;
    WORD-WRAP: break-word;
    outline: none
}
.select A
{
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 4px;
    FONT: 11px Verdana, Arial, Helvetica, sans-serif;
    /*COLOR: #525252;*/
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #fafaf5 1px solid;
    TEXT-DECORATION: none;
    WORD-WRAP: break-word;
    outline: none
}
.select SPAN
{
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 4px;
    FONT: 11px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #525252;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #fafaf5 1px solid;
    TEXT-DECORATION: none;
    WORD-WRAP: break-word;
    outline: none
}
.select A:hover
{
    COLOR: #f89930
}
.select A.active
{
    BACKGROUND: #f7f0e0;
    COLOR: #f89930
}
.select A.active:hover
{
    BACKGROUND: #f7f0e0;
    COLOR: #f89930
}
.select OPTION.loading
{
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center
}
.select A.loading
{
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center
}
.select SPAN
{
    COLOR: #999
}
.select A SMALL
{
    COLOR: #777
}
#form_search
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 20px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #808943;
    LINE-HEIGHT: 20px;
    PADDING-TOP: 0px;
    HEIGHT: 20px
}
#form_search INPUT
{
    BORDER-RIGHT: #ccc 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #dedede 1px solid;
    PADDING-LEFT: 5px;
    BACKGROUND: #fff;
    PADDING-BOTTOM: 1px;
    FONT: 10px Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #dedede 1px solid;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #ccc 1px solid
}
#form_search BUTTON
{
    BORDER-RIGHT: #ccc 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #dedede 1px solid;
    PADDING-LEFT: 5px;
    BACKGROUND: #fff;
    PADDING-BOTTOM: 1px;
    FONT: 10px Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #dedede 1px solid;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #ccc 1px solid
}
#form_search BUTTON
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: #f6f6f6;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
#content_wrapper
{
    PADDING-BOTTOM: 0px! important;
    PADDING-TOP: 4px
}
#header_wrapper
{
    BACKGROUND-POSITION: center bottom;
    HEIGHT: 82px
}
.online_layout #nav_wrap
{
    LEFT: 250px! important;
    TOP: 29px! important
}
.online_wrapper
{
    BACKGROUND: url(../images/onlinebody_bg.gif) #fafaf5 repeat-y 50% 0px
}
.online_wrapper #content_wrapper
{
    PADDING-RIGHT: 0px! important;
    PADDING-LEFT: 0px! important;
    PADDING-BOTTOM: 0px! important;
    WIDTH: 968px;
    PADDING-TOP: 0px! important;
    BACKGROUND-COLOR: transparent
}
.online_wrapper #content
{
    WIDTH: 942px! important
}
#online
{
    MARGIN-LEFT: 27px
}
.online_wrapper #content H3.msg
{
    MARGIN-LEFT: 28px;
    WIDTH: 924px
}
.online_nav
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: #f5f7f8;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px auto 8px;
    WIDTH: 993px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #c0da9f 1px solid;
    POSITION: relative
}
.online_nav STRONG
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 90%;
    COLOR: #888;
    LINE-HEIGHT: 35px
}
.online_nav .navbt
{
    MARGIN-LEFT: 24px
}
.online_nav FORM
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 90%;
    RIGHT: 0px;
    BACKGROUND: url(../images/online_navloginbg.gif) no-repeat left top;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    OVERFLOW: hidden;
    WIDTH: 444px;
    LINE-HEIGHT: 35px;
    PADDING-TOP: 2px;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 35px;
    TEXT-ALIGN: right
}
.online_nav .textinput
{
    BORDER-RIGHT: #abd17b 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #c0da9f 1px solid;
    PADDING-LEFT: 4px;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: #c0da9f 1px solid;
    WIDTH: 90px;
    COLOR: #777;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #abd17b 1px solid
}
.online_nav FIELDSET
{
    BORDER-RIGHT: medium none;
    PADDING-RIGHT: 22px;
    BORDER-TOP: medium none;
    PADDING-LEFT: 22px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: medium none;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: medium none
}
.online_nav LABEL
{
    COLOR: #8d954a
}
.online_nav BUTTON
{
    BORDER-RIGHT: medium none;
    PADDING-RIGHT: 0px;
    BORDER-TOP: medium none;
    PADDING-LEFT: 0px;
    Z-INDEX: 9999;
    RIGHT: 3px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 0px 2px;
    BORDER-LEFT: medium none;
    WIDTH: 70px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: medium none;
    POSITION: relative;
    TOP: 3px
}
HTML > BODY #wrapper #content_wrapper .online_nav BUTTON
{
    TOP: 2px! important
}
.online_nav UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 0px 22px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
.online_nav LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    LINE-HEIGHT: normal;
    PADDING-TOP: 0px
}
.linksrow
{
    PADDING-RIGHT: 26px;
    DISPLAY: block;
    FONT-SIZE: 0.9em;
    COLOR: #c0da9f;
    LINE-HEIGHT: 35px;
    HEIGHT: 35px;
    TEXT-ALIGN: right
}
.linksrow A:link
{
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.linksrow A:visited
{
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
DIV.txtrt UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FLOAT: right;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
DIV.txtrt LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 11px;
    FLOAT: right;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 0px 4px;
    COLOR: #a0ac3b;
    PADDING-TOP: 0px
}
A.btlink
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    FONT-SIZE: 11px;
    BACKGROUND: url(../images/button_fixed_bg.gif) no-repeat;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    WIDTH: 138px;
    CURSOR: pointer;
    COLOR: #f3f3eb! important;
    LINE-HEIGHT: 30px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    HEIGHT: 30px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
A.btlink:visited
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    FONT-SIZE: 11px;
    BACKGROUND: url(../images/button_fixed_bg.gif) no-repeat;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    WIDTH: 138px;
    CURSOR: pointer;
    COLOR: #f3f3eb! important;
    LINE-HEIGHT: 30px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    HEIGHT: 30px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
A.btlink:hover
{
    BACKGROUND: url(../images/button_fixed_bg.gif) no-repeat 0px -30px;
    COLOR: #f1e5c8! important
}
A.btlink:active
{
    BACKGROUND: url(../images/button_fixed_bg.gif) no-repeat 0px -30px;
    COLOR: #f1e5c8! important
}
A.btlink B
{
    WIDTH: 100%;
    LINE-HEIGHT: 30px;
    TEXT-ALIGN: center
}
#continuous_label
{
    CLEAR: right;
    FLOAT: right;
    VERTICAL-ALIGN: middle;
    LINE-HEIGHT: 2em
}
#continuous
{
    VERTICAL-ALIGN: middle
}

.publicvideo
{
    BACKGROUND: #fafaf5; 
    color: #525252   
}
.privatevideo
{
    BACKGROUND: #ffffff; 
    color: Silver    
}
.select A.even
{   
    COLOR: #525252;
}