/* DEFAULTS
----------------------------------------------------------*/

body   
{
   /* background: #E8EEF1; */
   background: #A0A0A0;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

.logo_style
{
    margin: 0px;
    height: 100px;
    vertical-align: middle;
}
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 1150px;
    position: relative;
    /* background-color: #fff; */
    margin: 10px auto 0px auto;
}

.page_1024
{
    width: 1024px;
}

.page_wide 
{
    width: 1280px;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background-color: white;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.header_1024 
{
}

.header_wide 
{
}

.navigation
{
   height: 31px;
   background: url(Vms_navigation.png) repeat-x 0 0 white;
   display: block;
}

.main
{
    margin: 0px;
    padding: 1px;
    min-height: 420px;
    background-color: #ffffff;
}


.footer
{
    background: url(footer_shadow.png) no-repeat center top transparent;
    clear:  both;
    color: #4e5766;
    padding: 30px 0px 20px;    
}

.section_title 
{
    font-weight: bold;
    font-size: 2em;
    color: #FF8F19;
    padding-bottom: 5px;
}

.ddl_title, .blue_link 
{
    color: #2d92d3;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.required 
{
    color: Red;
}

/* Everything Else */

.login 
{
    border: 0 none;
    /*padding-top: 55px;
    padding-left: 30px; */
    line-height: 2em;
    position: relative;
    top: 55px;
    left: 30px;   
}

.labelEntry 
{
    width: 80px;
    color: #333333;
}

.textEntry
{
    border: 1px solid silver;
    width: 145px;
}

.textEntry:focus, .textEntry:hover 
{
    border: 2px solid orange;
}

.accountInfo 
{
    background: url(Vms_Login.png) no-repeat 0 0 transparent;
    height: 235px;
    width: 330px;
    margin: 0 auto;
}

.lineShadow 
{
    background: url(footer_shadow.png) no-repeat center top transparent;
    margin-top: 50px;
}

/* Sponsors */

.link_to_sites 
{
    background-color: White;
}

.link_to_sites td 
{
    width: 25%;
    /*border: 1px solid silver;*/
}

.site_table 
{
    border: 1px solid red;
}

.site_logo 
{
    width: 210px;
    border: 1px solid gray;
    height: 150px;
    float: left;
    margin: 5px;
}

.site_logo img 
{
    border: 0 none;
}


/* Logged In Professor */
.loggedin_user 
{
    float: right;
    margin-right: 0px;
    margin-top: 0px;
    margin-left:3px;
    color: #696969;
    width:225px;
}

.loggedin_user a 
{
    text-decoration: none;
}

.lin_username
{
    font-weight: bold;
    color: #696969;
}

.lin_italic 
{
    font-style: italic;
    font-size: 0.85em;
}
.videoNote_image
{
    float: left;
    width:41px;
    height:41px;
    margin-left: 0px;
}

/* Menu */
/* Menu STARTS HERE */
.menu_header 
{
    font:12px "Trebuchet MS",Arial,Helvetica,sans-serif;
    background-color: #003399;
    text-transform: uppercase;
    display: block;
}   

.menu_dyna_menu 
{
    /* this is for IE8 fix - it was showing blank box in non-compatibility mode */
    /* this was only happening for 192.168.5.6 */
    z-index: 999;  
}
.menu_dyna_item 
{
    background-color: #333333;
    color: #ffffff;
    font:12px "Trebuchet MS",Arial,Helvetica,sans-serif;    
    line-height: 2em;
    padding: 0px 10px;
}
.menu_dyna_hover 
{
/*    background-color: #76b900; */
    background-color: #FF8F19; 
    color: #ffffff;
}
.menu_dyna_selected 
{
    background-color: Yellow;
    color: Orange;
}
.menu_static_menu 
{
    color: White;
    background-color: transparent; /* Black */
    font-weight: bold;
}
.menu_static_item 
{
    color: White;
    background-color: transparent; /* Black */
    padding: 5px 10px;
}
.menu_static_hover 
{
    background-color: #333333;
    color: #FF8F19;    /* green #76b900 */
}
/* MENU Ends here */


/* Grid STARTS HERE */

/* .grid_header
{
    color: white;
    font-size: 12px;
    background: url('grid_header.png') repeat-x 0 0;
    height: 28px;
    text-align: left;
    vertical-align: middle;
    background-color: #000000;
} */

.grid_header a 
{
    text-decoration: none;   
    color: white;
}

.grid_header a:visited 
{
    text-decoration: none;
}

/* .grid_row, .grid_edit_row, .grid_selected_row, .grid_alternate_row 
{
    font: 14px Arial, Helvetica;
} */

.grid_alternate_row 
{
    background-color: #E1E2E2;
}

.grid_selected_row
{
    background-color: #FCE8B1;
}

.grid_edit_row
{
    background-color: #C2E1EB;
}

.grid_footer_row
{
}

.grid_empty_row
{
    font: 0.85em Arial, Helvetica;
}

.grid_empty_content
{
    background-color: #FFD967;
    padding: 10px;
}

.grid_pager_row
{
    border-top: 2px solid #595A5A;
    color: #ff5206;
    font: medium Arial, Verdana;
}

.grid_pager_row span 
{
    font-size: 1.5em;
}
.grid_pager_row a 
{
    text-decoration: none;
}

.grid_clickable_hover
{
    font: 0.85em Arial, Helvetica;
}


.grid1_header
{
    color: #ffffff;
    font-size: 12px;
    background: none repeat-x 0 0;
    height: 30px;
    text-align: left;
    background-color: #989284;
}

.grid1_header a 
{
    text-decoration: none;   
    color: white;
}

.grid1_header a:visited 
{
    text-decoration: none;
}

.grid1_row
{
    background: url(Grid1_Row.png) repeat-x 0 -15px;   
    font: 0.85em Arial, Helvetica;
}

.grid1_message 
{
    text-align: justify;
}

.grid1_message_by 
{
    color: black; 
    margin: 5px 0; 
    font-size: x-small;
}

.grid2_row
{
    background: url(Message_Background.png) repeat-x left bottom;   
    font: 0.85em Arial, Helvetica;
}


/* Grid ENDS HERE */


/* Error Message */
.custom_msg_layer 
{
    text-align: center;
    padding: 5px;
}

.msg_layer_pos 
{
    text-align: center;
    margin-top: 5px;
}

.info, .success, .warning, .error, .validation {
    width: 80%;
    clear: both;
    margin: 0 auto;
    font-size: 11px;
    font-family: Helvetica;
    font-weight: bold;
    border: 1px solid;
}


.info {
    color: #00529B;
    background-color: #BDE5F8;
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.error {
    color: #D8000C;
    background-color: #FFBABA; 
}

.validation 
{
    color: #D63301;
    background-color: #FFCCBA; 
}

/* Modal Popup */

.modalBackground
{
    background-color: #666666;
    opacity: 0.5;
    filter:alpha(opacity=50);
}

.modalPopup 
{
    margin: 0 auto;
    padding: 0px 5px 0px 5px;
    background-color: white;
}

.modalLabel 
{
    color: #A25016;
    font-size: 0.85em;
    font-weight: bold;
    padding-right: 10px;
}

.modalHeader 
{
    margin: 0px 0px 10px 0px;
    padding: 5px;
    background-color: #A25016;
    color: White;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;
}

/* Modal Popup ENDS */

/* Group Assignment */

.group_assignment 
{
    height: 450px;
    font-size: small;
}
.group_left_col 
{
    float: left;
    overflow: auto;
    width: 500px;
    border-bottom: 2px solid #A25016;
}

.group_right_col 
{
    overflow: auto;
    margin-left: 510px;
    border-bottom: 2px solid #A25016;
}

.group_label_border 
{
    border-bottom: 2px solid #A25016;
}

.group_assignment_label 
{
    color: #ffffff;
    font-weight: bold;
    padding-left: 7px;
    padding-right: 10px;
    background-color: #A25016;
}
.group_assignment_table 
{
}

/* Manage Footer Image */
/*
.manage_footer_left
{
    float: left;
    overflow: auto;
    width: 500px;
}

.manage_footer_right
{
    position: relative;
    margin-left: 510px;
    width: 410px;
}
*/

.manage_footer_left
{
    width: 100%;
}

.manage_footer_right
{
}

/* Section Video */
.section_video_cols 
{
    background: url(Section_Video_Back_Right.png) repeat-y 495px 0 transparent;
    padding-bottom: 10px;
}

.section_video_left_col 
{
    float: left;
    overflow: auto;
    width: 500px;
}

.section_video_right_col
{
    position: relative;
    margin-left: 510px;
    width: 420px;
}

/* User Profile */

.user_profile 
{
    margin-top: 10px;
}

.user_profile input[type=text]
{
    width: 200px;
}

.user_profile  input[type=password]
{
    width: 200px;
}

.user_profile_validation
{
    font-size: 0.75em;
}

.user_profile_instruction 
{
    font-size: 0.75em;
}

.user_profile_vtop 
{
    vertical-align: top;
}

/* Manage Files */

.file_col_left 
{
    float: left;
}

.file_col_right
{
    width: 440px;
    float: left;
    margin-left: 10px;
}

.file_col_bottom 
{
    width: 250px;
    margin-top: 30px;
    border: 1px solid silver;
}

.file_date 
{
    font-size: x-small;
}

.file_name 
{
    color: #A25016;
}

.file_delete 
{
    float: right;
}

.file_message 
{
    overflow: hidden;
    width: 80%;
    text-align: justify;
    text-decoration: none;
    color: #696969;
    margin-top: 5px;
    padding-left: 10px;
}

.file_link_button_time 
{
    font-size: small;
    color: #A25016;
    float: right;
    margin-right: 3px;
}

.eval_layer 
{
    width: 100%;
}

.eval_note_height 
{
    height: 455px;
}
.eval_note
{
    /*float: left;*/
    margin-right: 10px;
    width: 530px;
}

.eval_note_text
{
    border: 3px solid silver;
    width: 100%;
    height: 250px;
}

.eval_note_btn 
{
    width: 65px; 
    /*float: left;*/ 
}
.note_border
{
    border: 1px solid silver;
}
.eval_curr_pos 
{
    color: #A25016;
    font-size: small;
    padding-top: 3px;
    clear: both;
}

/* Buttons */
.btn_new, .btn_edit, .btn_delete, .btn_save,
.btn_cancel, .btn_login, .btn_logout, .btn_new_topic,
.btn_reply, .btn_assign, .btn_unassign,
.btn_upload, .btn_close, .btn_grant, .btn_deny, .btn_update2, .btn_downloadb, .btn_update {
    border: 0 none;
    width: 60px;
    height: 25px;
    color: #0b253f;
    font-size: 0pt;
    cursor: pointer;
    vertical-align: top;
}
.btn_new_note, .btn_updatenote
{
    border: 0 none;
    width: 120px;
    height: 38px;
    color: #0b253f;
    font-size: 0pt;
    cursor: pointer;
    vertical-align: top;
}
.btn_resetalert
{
    border: 0 none;
    width: 100px;
    height: 25px;
    color: #0b253f;
    font-size: 0pt;
    cursor: pointer;
    vertical-align: top;
    background: transparent url(Vms_Btn_Reset_Alert.png) no-repeat 0 0;
}

.btn_editsm, .btn_deletesm, .btn_playsm
{
    border: 0 none;
    width: 24px;
    height: 24px;
    color: #0b253f;
    font-size: 0pt;
    cursor: pointer;
    vertical-align: top;
}

.btn_new_topic, .btn_reset, .btn_unassign
{
    width: 80px;
}

.btn_downloada
{
    background: transparent url(download30.png) no-repeat 0 0;
    border: 0 none;
    width: 31px;
    height: 30px;
    color: #0b253f;
    font-size: 0pt;
    cursor: pointer;
    vertical-align: top;
}

.btn_downloadchat
{
    border: 0 none;
    width: 95px;
    height: 93px;
    color: #0b253f;
    font-size: 0pt;
    cursor: pointer;
    vertical-align: top;
    background: transparent url(download.png) no-repeat 0 0;
}

.btn_new
{
    background: transparent url(Vms_Btn_New.png) no-repeat 0 0;
}

.btn_edit 
{
    background: transparent url(edit_black.png) no-repeat 0 0;
}

.btn_editsm 
{
    background: transparent url(edit_black.png) no-repeat 0 0;
}

.btn_delete
{
    background: transparent url(delete_black.png) no-repeat 0 0;
}

.btn_deletesm
{
    background: transparent url(delete_black.png) no-repeat 0 0;
}

.btn_playsm
{
    background: transparent url(Delete_P_Gray.png) no-repeat 0 0;
}

.btn_save
{
    background: transparent url(Vms_Btn_Save.png) no-repeat 0 0;
}

.btn_cancel
{
    background: transparent url(Vms_Btn_Cancel.png) no-repeat 0 0;
}

.btn_login
{
    background: transparent url(Vms_Btn_Login.png) no-repeat 0 0;
}

.btn_logout
{
    background: transparent url(Vms_Btn_Logout.png) no-repeat 0 0;
}

.btn_reply
{
    background: transparent url(Vms_Btn_Reply.png) no-repeat 0 0;
}

.btn_updatenote
{
    background: transparent url(Vms_Btn_UpdateNote.png) no-repeat 0 0;
}
.btn_update
{
    background: transparent url(Vms_Btn_Update.png) no-repeat 0 0;
}

.btn_update2
{
    background: transparent url(Vms_Btn_Update.png) no-repeat 0 0;
    float: right;
}

.btn_new_topic
{
    background: transparent url(Vms_Btn_New_Topic.png) no-repeat 0 0;
}

.btn_new_note
{
    background: transparent url(Vms_Btn_New_Note.png) no-repeat 0 0;
}

.btn_reset
{
    background: transparent url(reload_black.png) no-repeat 0 0;
    border: 0 none;
    width: 30px;
    height: 30px;
    color: #0b253f;
    font-size: 0pt;
    cursor: pointer;
    vertical-align: top;
}

.btn_assign
{
    background: transparent url(Vms_Btn_Assign.png) no-repeat 0 0;
}

.btn_unassign
{
    background: transparent url(Vms_Btn_Unassign.png) no-repeat 0 0;
}

.btn_upload
{
    background: transparent url(Vms_Btn_Upload.png) no-repeat 0 0;
}

.btn_close
{
    background: transparent url(Vms_Btn_Close.png) no-repeat 0 0;
}
.btn_grant
{
    background: transparent url(Vms_Btn_Grant.png) no-repeat 0 0;
}

.btn_deny
{
    background: transparent url(Vms_Btn_Deny.png) no-repeat 0 0;
}

.btn_rlive
{
    background: transparent url(blue_play.png) no-repeat 0 0;
    width: 32px;
    height: 32px;
    border: 0 none;
    color: #0b253f;
    font-size: 0pt;
    cursor: pointer;
    vertical-align: top;
}

.btn_rstoplive
{
    background: transparent url(blue_stop.png) no-repeat 0 0;
    width: 32px;
    height: 32px;
    border: 0 none;
    color: #0b253f;
    font-size: 0pt;
    cursor: pointer;
    vertical-align: top;
}

.btn_rrecord
{
    background: transparent url(red_record.png) no-repeat 0 0;
    width: 32px;
    height: 32px;
    border: 0 none;
    color: #0b253f;
    font-size: 0pt;
    cursor: pointer;
    vertical-align: top;
}

.btn_rstoprecord
{
    background: transparent url(red_stop.png) no-repeat 0 0;
    width: 32px;
    height: 32px;
    border: 0 none;
    color: #0b253f;
    font-size: 0pt;
    cursor: pointer;
    vertical-align: top;
}

/* List of Videos Link */
.v_list
{
    position: absolute;
    top: 120px;
    margin-left: 500px;
    background: transparent;
    width: 300px;
}
        
.slider_layer_attrs 
{
    z-index: 9999; 
    position: relative;
    height: 100px;
}
        
.grid_back 
{
    background-color: #F7F7F7;
    border: 1px solid gray;
}
.fadeSome
{
    opacity:0.30;
    filter:alpha(opacity=30);
    -moz-opacity: 30%;        
}
.fadeLots
{
    opacity:0.50;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;        
}  
.fadeCompletely
{
    opacity:0.0;
    filter:alpha(opacity=0);
    -moz-opacity: 0.0;
}
#silverlightControlHost
{
    margin: 0 auto;
    /*width: auto;
    height: auto;*/
}
.silverlightControlHostSm
{
    margin: 0 auto;
    vertical-align: top;
    width: 340px;
    height: 200px;
}
.silverlightControlHostLg
{
    margin: 0 auto;
    vertical-align: top;
    width: 800px;
    height: 450px;
}

.VideosHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeader a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionHeaderSelected
{
    margin: 4px 0px 4px 0px;
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 0px 4px 0px;
    cursor: pointer;
    width: 530px;
}

.accordionHeaderSelected a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeaderSelected a:hover
{
    background: none;
    text-decoration: underline;
}

.VideosContent
{
    background-color: #000066;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    font-size: .8em;
    color: #FFCC00;
    text-align: left;
    border-style: none solid solid solid;
    border-width: 1px 2px 2px 2px;
    border-color: #2F4F4F #FFCC00 #FFCC00 #FFCC00;
    overflow: hidden;
    height: 0px;
}
.hide
{
    margin: -1px;
    padding: -1px;
    width: 32px;
    height: 24px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    clip: rect(0px, 0px, 0px, 0px);
    background-repeat: no-repeat;
    visibility: visible;
}
.show
{
    /*background-image: url('../Img/show.png');*/
    margin: -1px;
    padding: -1px;
    width: 32px;
    height: 24px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    clip: rect(0px, 0px, 0px, 0px);
    background-repeat: no-repeat;
    visibility: visible;
}
.play
{
    /*background-image: url('../Img/play.png');*/
    margin: -1px;
    padding: -1px;
    width: 32px;
    height: 24px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    clip: rect(0px, 0px, 0px, 0px);
}
.stop
{
    /*background-image: url('../Img/stop.png');*/
    margin: -1px;
    padding: -1px;
    width: 32px;
    height: 24px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    clip: rect(0px, 0px, 0px, 0px);
}
.mute
{
    /*background-image: url('../Img/mute.png');*/
    margin: -1px;
    padding: -1px;
    width: 32px;
    height: 24px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    clip: rect(0px, 0px, 0px, 0px);
}
.nomute
{
    /*background-image: url('../Img/nomute.png');*/
    margin: -1px;
    padding: -1px;
    width: 32px;
    height: 24px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    clip: rect(0px, 0px, 0px, 0px);
}

.tbNote
{
    padding: 0px;
    margin-top: 5px;
}
.showimg
{
    visibility: visible;
    width: 800px;
    height: 450px;
}

.hideimg
{
    visibility: hidden;
    width: 800px;
    height: 450px;
    position: absolute;
}

.recordercontainerdiv
{
    width: 100%;
    text-align: left;
    float: none;
    color: #FFFFFF;
    background-color: #000000;
    height: 550px;
    clear: both;
}

.recorderdiv
{
    width: 800px;
    text-align: left;
    background-color: #000000;
    vertical-align: middle;
    height: 450px;
    margin-left: 12%;
}

.recorderrtndiv
{
    width: 100%;
    height: 100px;
    float: none;
    clear: both;
}

.viewflash
{
    margin: 0px auto 0px auto;
    width: 800px;
    height: 450px;
}

.viewflash2
{
    margin: 0px auto 0px auto;
    width: 1280px;
    height: 720px;
}

.viewflash3
{
    margin: 0px auto 0px auto;
    width: 1920px;
    height: 1080px;
}

.viewflash4
{
    margin: 0px auto 0px auto;
    width: 2048px;
    height: 1152px;
}

.viewflash5
{
    margin: 0px auto 0px auto;
    width: 3200px;
    height: 1800px;
}

.viewflashsm
{
    margin: 0px auto 0px auto;
    width: 530px;
    height: 300px;
}

.viewflashaudio
{
    margin: 0px auto 0px auto;
    width: 530px;
    height: 25px;
}

.viewflashcenter
{
    margin: 0px auto 0px auto;
    width: 806px;
    vertical-align: middle;
    text-align: center;
}

.viewflashcenter25
{
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
    text-align: center;
}

.viewflashcenter4
{
    margin: 0px auto 0px auto;
    width: 1024px;
    vertical-align: middle;
    text-align: center;
}

.editTitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.65em;
    color: #808080;
    vertical-align: top;
    text-align: right;
    width: 24px;
    height: 32px;
    visibility: visible;
    display: inline-block;
    table-layout: auto;
    border-collapse: separate;
    empty-cells: show;
    overflow: visible;
    text-decoration: none;
}

.fimage
{
    padding: 10px;
}

.recorderSelectViewer
{
    border-style: none solid none none;
    border-width: 2px;
    border-color: #C0C0C0;
    text-align: left;
    width: 25%;
    float: left;
    height: 55px;
    vertical-align: middle;
}

.recorderLiveControls
{
    border-style: none solid none solid;
    border-width: 2px;
    border-color: #C0C0C0;
    text-align: left;
    width: 20%;
    float: left;
    height: 55px;
}

.recorderRecordControls
{
    border-style: none solid none solid;
    border-width: 2px;
    border-color: #C0C0C0;
    text-align: left;
    width: 20%;
    float: left;
    height: 55px;
}

.recorderStatus
{
    border-style: none none none solid;
    border-width: 2px;
    border-color: #C0C0C0;
    width: 35%;
    text-align: left;
    float: left;
    height: 55px;
}

.recorderLabel
{
    text-align: left;
    font-size: 0.8em;
    color: #C0C0C0;
}

.score_title 
{
    font-weight: bold;
    font-size: 1.3em;
    color: black;
}

.score_sectiontitle 
{
    font-style:italic;
    font-weight: bold;
    font-size: 1.0em;
    color: #696969;
}

.score_description 
{
    font-size: 0.85em;
    color: gray;
}

.score_text 
{
    font-size: 0.85em;
    color: #696969;
}

.score_table
{
    text-align: left;
    empty-cells: show;
    /*border-collapse: separate;*/
    border: 3px solid black;
    width:100%;
}

.score_value
{
    text-align: right;
    /*border-collapse: separate;*/
    /*border: 1px solid black;*/
}

.score_btn
{
    /*padding-right:5px;*/
    margin-right:5px;
}