*{
    padding: 0;
    margin: 0;
}

a{
    text-shadow: none!important;   
}

body{
    font-family: Arial;
    font-size: 12px;   
    padding-top: 70px;
}

h2{
    font-weight: bold;
    color: #F05038;
    font-size: 24px;
    text-shadow: 0 0 1px #000, 1px 1px 0 #DDD, -1px -1px 0.3px #333;
}

#nav_header{
    height: 35px;
    line-height: 35px;
    color: white;
    font-size: 26px;
    padding-left: 16px;
    font-weight: bold;
    text-shadow: -1px -1px 0.3px #333;
    white-space: nowrap;
    position: fixed;
    z-index: 10;  
    width: 100%;
    padding-right: 24px;
    top: 0px;
    background: #8791b4; /* Old browsers */
    background: -moz-linear-gradient(top,  #8791b4 0%, #4a516e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8791b4), color-stop(100%,#4a516e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8791b4 0%,#4a516e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8791b4 0%,#4a516e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8791b4 0%,#4a516e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #8791b4 0%,#4a516e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8791b4', endColorstr='#4a516e',GradientType=0 ); /* IE6-9 */

    border-bottom: 1px solid #2D3858;
}
#nav_header_shadow{
    background: url('../media/ui/shadow.png');
    height: 12px;
    margin-bottom: 24px;
    position: fixed;
    z-index: 5;
    width: 100%;
    top: 35px;
}
#main_table, #tbl_view_portal{
    margin: auto; 
    max-width: 900px;   
}
#tbl_view_portal_materials{
    width: 600px;   
}
#tbl_view_portal_actor{
    width: 300px;   
}
#main_table td{
    vertical-align: top;   
}

.course_outline_list_header{
    font-weight: bold;
    color: #2263AF;
}
.course_outline_list .row0{
    background: #BFDCF1;
    cursor: pointer;
}
.course_outline_list .row1{
    background: #E6F1F9;
    cursor: pointer;
}
.course_outline_list_time{
    text-align: right;
    padding-right: 4px;
    display: block;
    clear:both;
}

.collapseable_course_outline_list{
    overflow: hidden;
    padding: 6px;   
    padding-top: 0px;
}

.shadow_box{
    border: 1px solid #CCC;
    background: #FAFAFA;
    border-radius: 8px;   
    -moz-border-radius: 8px;   
    -webkit-border-radius: 8px;   
    box-shadow: 0 0 4px #AAA;
    padding: 8px;
    margin: 8px;
}
.shadow_box_clickable:hover{
    cursor: pointer;
    box-shadow: 0 0 4px #FF0000;
    border-color: #FF0000;
}

.indent_block{
    padding-left: 16px;   
}

.lesson_sub_header{
    font-size: 24px; font-weight: bold; text-decoration: underline;   
}

.course_outline_list .row0, .course_outline_list .row1{
    line-height: 20px;
    font-size: 12px;   
    padding-left: 8px;
    margin-left: 8px;
    border-radius: 0 8px 0 8px;
    margin-top: 8px;
}
.course_outline_list .row0:hover, .course_outline_list .row1:hover{
    border-bottom: 1px solid #33A;
    margin-bottom: -1px;
}
.course_outline_list a{
    text-decoration: none!important;
}

.course_outline_cost { font-style: italic; color: #888; }
.course_outline_cost_free { color: red; }

.course_outline_live_charge_lbl{
    text-align: left;
    font-style: italic; 
    color: #444; 
}

.btnHeader{
    border: 1px solid #2D3858;
    border-radius: 8px;   
    -moz-border-radius: 8px;   
    -webkit-border-radius: 8px;
    background: url('../media/ui/btnHeaderBkg.png');
    height: 30px;
    box-shadow: inset 1px 1px 1px 1px #2D3858;
    margin-top: 1px;
    padding-left: 8px;
    padding-right: 8px;
    float: right;
    margin-left: 4px;
    margin-right: 4px;
    padding-top: 1px;
    cursor: pointer;
}
.btnHeader:hover{
    box-shadow: inset -1px -1px 1px 1px #2D3858;
    padding-top: 0px;
}
.btnHeader>table{
    margin-top: -1px;   
}

.btnHeaderMeargeLeft{
    border-radius: 8px 0 0 8px;
    margin-right: 0px;
}
.btnHeaderMeargeRight{
    border-radius: 0 8px 8px 0;
    margin-left: -3px;
}

.sys_notice, .sys_message, .sys_msg, .sys_error, .sys_warning{
    height: 32px;
    line-height: 32px;
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center;
    font-size: 14px;
    position: relative;
    z-index: 2;
}
.sys_notice, .sys_message, .sys_msg{
    background: #418CC6;
    background: rgba(65, 140, 198, 0.6);
    border-top: 1px solid #2077B8;
    border-bottom: 1px solid #2077B8;
    color: white;
}
.sys_error, .sys_warning{
    background: #F59626;
    background: rgba(245, 150, 38, 0.6);
    border-top: 1px solid #ED6A0A;
    border-bottom: 1px solid #ED6A0A;
}
#floating_login_container{
    position: fixed;
    top: -130px;
    right: 30px;
    z-index: 4;
    background: #3985BF;
    border: 1px solid #1A78B9;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    padding: 40px 8px 8px 8px;
    
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-shadow: -1px -1px 0.3px #333;
    
    box-shadow: 2px 2px 3px 3px #888;
    
    background: -moz-linear-gradient(top,  rgba(32,124,190,1) 0%, rgba(26,120,185,1) 50%, rgba(32,124,190,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,124,190,1)), color-stop(50%,rgba(26,120,185,1)), color-stop(100%,rgba(32,124,190,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(32,124,190,1) 0%,rgba(26,120,185,1) 50%,rgba(32,124,190,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(32,124,190,1) 0%,rgba(26,120,185,1) 50%,rgba(32,124,190,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(32,124,190,1) 0%,rgba(26,120,185,1) 50%,rgba(32,124,190,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(32,124,190,1) 0%,rgba(26,120,185,1) 50%,rgba(32,124,190,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cbe', endColorstr='#207cbe',GradientType=0 ); /* IE6-9 */

}

.course_item_div{
    position: relative;
    box-shadow: 2px 2px 2px 2px #888;
}
.enrolled{
    border: 2px solid #47789B;   
}

.enrolled:hover{
    border: 2px solid #47789B !important;
    margin-bottom: 0px !important;  
}
.checked_course{
    position: absolute;
    right: 5px;
    top: -10px;
}

.cursor_glow{
    position: relative;
    overflow: hidden;
}
.cursor_glow_img{
    position: absolute;
    top: -128px;
    left: 0px;   
}

.noselect, .noselect *, .btnHeader, .btnHeader *, #cue_card_bubble_nav_table, #cue_card_bubble_nav_table *, #cue_card_reader, #cue_card_reader *{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;   
}

a img {
    border: none;   
}

.clickable{
    cursor: pointer;   
}

.click_signup_lbl{
    position: absolute;
    bottom: 3px;
    font-size: 9px;
    color: #888;
    text-shadow: 1px 1px 0px white, 1px 1px 0px white, 1px 1px 0px white, 1px 1px 0px white;
}

#cource_outline_container h2{
    font-size: 21px;
}

.focused{
    box-shadow: 0 0 4px #F00,0 0 4px #F00,0 0 4px #F00;
    border: 1px solid red;
    margin: -1px;
}

.sub_course_outline_outline{
    overflow: hidden;
}

.course_item_div ul{
    margin-left: 24px;   
}

.sub_course_outline_outline_arrow{
    position: absolute;
    right: 10px;
    top: 0px;
    color: #555;
    text-shadow: -1px 1px 0px #CCC, 1px 1px 0px white;
}

#footer{
    color: #BBB;
    z-index: 10;
    position: relative;
    /*text-shadow: -1px -1px 0 #333;*/
    bottom: 0px;
    width: 100%;
    /*
    background: #8791b4; 
    background: -moz-linear-gradient(top,  #8791b4 0%, #4a516e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8791b4), color-stop(100%,#4a516e));
    background: -webkit-linear-gradient(top,  #8791b4 0%,#4a516e 100%); 
    background: -o-linear-gradient(top,  #8791b4 0%,#4a516e 100%);
    background: -ms-linear-gradient(top,  #8791b4 0%,#4a516e 100%); 
    background: linear-gradient(to bottom,  #8791b4 0%,#4a516e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8791b4', endColorstr='#4a516e',GradientType=0 ); 

    border-top: 1px solid #2D3858;*/
}

#footer .copyright{
    text-align: right; 
}

#footer .tblFooter{
    width: 100%;   
}

#footer .socail_links{
    margin: auto;   
}

#footer .socail_links td{
    padding: 4px;  
}

#footer .socail_links .round{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.margin_auto_sub_tables table{
    margin: auto;   
}

.admin_tab_container{
    text-align: center;   
}
.admin_tab{
    display: inline-block;
    margin-left: 10px;
    border: 1px solid #CCC;
    border-bottom: none;
    padding: 4px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 8px 8px 0 0; 
    -moz-border-radius: 8px 8px 0 0; 
    -webkit-border-radius: 8px 8px 0 0; 
    cursor: pointer;
    background: rgb(206,219,233); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(206,219,233,1) 0%, rgba(170,197,222,1) 17%, rgba(97,153,199,1) 50%, rgba(58,132,195,1) 51%, rgba(65,154,214,1) 59%, rgba(75,184,240,1) 71%, rgba(58,139,194,1) 84%, rgba(38,85,139,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,219,233,1)), color-stop(17%,rgba(170,197,222,1)), color-stop(50%,rgba(97,153,199,1)), color-stop(51%,rgba(58,132,195,1)), color-stop(59%,rgba(65,154,214,1)), color-stop(71%,rgba(75,184,240,1)), color-stop(84%,rgba(58,139,194,1)), color-stop(100%,rgba(38,85,139,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#26558b',GradientType=0 ); /* IE6-9 */
    color: white;
    text-shadow: 0 0 1px #000,  0 0 1px #000;
    margin-bottom: -3px;
}    
.active_admin_tab{
    text-decoration: underline;
    cursor: default!important; 
    color: black;
    text-shadow: 0 0 1px #FFF,  0 0 1px #FFF!important;
    background: rgb(228,245,252); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(206,219,233,1) 0%, rgba(191,232,249,1) 50%, rgba(159,216,239,1) 51%, rgba(42,176,237,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,219,233,1)), color-stop(50%,rgba(191,232,249,1)), color-stop(51%,rgba(159,216,239,1)), color-stop(100%,rgba(42,176,237,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(206,219,233,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=0 ); /* IE6-9 */
    text-shadow: 0 0 1px #000,  0 0 1px #000;
}

.showBlockHeader{
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;   
    padding: 4px;
}

input[type="submit"], input[type="button"]{
    padding: 4px;
}

#body{
    margin-bottom: 24px;   
}

.ui-dialog{
	z-index: 11;	
}


input[type="text"], input[type="email"], input[type="password"], select{
	padding: 4px;
	background: #FFF;
	color: #333;
	border: 1px solid rgba(0,0,0,0.5);
	border-radius: 3px;	
}

#userList > li{
	cursor: pointer;	
}
#userList > li:hover{
	text-decoration: underline;
}