@charset "utf-8";
/* CSS Document */

html{height:100%;}
body,div,dl,dt,dd,ul,li,form,fieldset,input,textarea,th,td,h3,h4{margin:0;padding:0;}
body {
    background:#FFF;
	color: #4c4c4c; 
	font-family:"Calibri";
    font-size: 16px;
	line-height:1.5;
	height: 100%;
    width: 100%;
}

a { color:#333333; text-decoration:none;}
a:focus {outline:none}
a:active {outline: none;star:expression_r(this.onFocus=this.blur());}
img { border:0 none;}
.clear { clear:both;}
table{border-collapse:collapse;border-spacing:0}
#wrapper { width:1140px; height:100%; margin:0 auto;height: auto; min-height: 100%;}
#topwrap { height:70px; background:url(../images/banner.jpg) no-repeat;}
#topwrap2 {
    height: 70px;
    background: url(../images/banner_empty.jpg) no-repeat;
}
#topmenu { min-width:120px; color:#9cfaff; margin:5px 6px 0 0; float:right;}
#topmenu a {color:#05c3ff;}
#topmenu a:hover {color:#FFF;}
#login_rec { min-width:300px; float:right; font-size: 13px; text-align:right; color:#EDEDED; margin:-20px 90px 0 0;}
#logout { min-width:50px; margin:-21px 10px 0 0; float:right;}
@-moz-document url-prefix() {#logout{ margin-top:-23px;}}
#logout a{ color:#FFF;}

/*modify by catch20171213 begin*/
/*#menu { background:url(../images/bg_menu.png) repeat-x; height:34px;}
#menu li{ float:left;line-height:27px; font-size:18px; margin:0 31px; height:34px; list-style:none;}*/

#menu { background:url(../images/bg_menu.png) repeat-x; height:34px;}
#menu li{ float:left;line-height:27px; font-size:18px; margin:0 8px; height:34px; list-style:none;}

/*#menu {
    background: url(../images/bg_menu.png) repeat-x;
    height: 34px;
    width: 100%;
    display: table;
}
    #menu ul {
        display: table-row-group;
    }
    #menu li {
        line-height: 27px;
        font-size: 18px;
        height: 34px;
        list-style: none;
        display: table-cell;
    }*/

/*modify by catch20171213 end*/

#menu a{ color:#EEE; display:block; padding:0 10px;} 
a#m1,a#m2,a#m3,a#m4,a#m5 {overflow: hidden; height:34px;}
#menu a:hover{ color:#FFF;background:#036;}
#menu a.cur_menu{color:#FFF; background:url(../images/arrow_nav.png) no-repeat center bottom;}
#menu dl {position: absolute;visibility: hidden;width:auto; margin-top:-7px;z-index:100;}
#menu dd {position: relative;display: block;font-size:13px;line-height:22px;white-space: nowrap;text-align: left; border-bottom:1px solid #06C;}
#menu dl#ms_1 a{ min-width:162px;}
#menu dl#ms_2 a{ min-width:130px;}
#menu dl#ms_4 a{ min-width:218px;}
#menu dl#ms_5 a{ min-width:105px;}
@-moz-document url-prefix() {#menu dl#ms_1 a{ min-width:160px;}} 
@-moz-document url-prefix() {#menu dl#ms_4 a{ min-width:215px;}}  
@-moz-document url-prefix() {#menu dl#ms_5 a{ min-width:104px;}} 
#menu dd a { background-image:none; background: #036; display:block; color:#FFF;padding: 2px 10px 4px 10px;}
#menu dd a:hover {background:#027297; text-decoration:none;}

input[type=checkbox]{ vertical-align:middle; }
input[type=checkbox] + label { vertical-align:middle; margin-left: 5px; margin-right: 10px;}
input[type=radio]{ vertical-align:middle; }
input[type=radio] + label { vertical-align:middle; margin-left: 3px; margin-right: 10px;}

a.button {
    background: url("../images/bg_button_a.png") no-repeat right;
    display: block;
    float: left;
    height: 21px;
    margin:0 0 0 6px;
    padding-right: 10px;
    text-decoration: none;
}
a.button span {
    background: url("../images/bg_button_span.png") no-repeat;
    display: block;
    line-height: 14px;
    padding: 4px 0 5px 10px;
}
a.list_button { color:#014479;}
a.btn_right { float:right;}
a:hover.button {
    color: #222;
    background: url("../images/bg_button_a_h.png") no-repeat right;
}
a:hover.button span { background: url("../images/bg_button_span_h.png") no-repeat;}
#mainwrap { margin:10px 0 0 0; padding-bottom: 30px;}
.titsty,.titsty_2 { border-bottom:1px solid #b7e0fe; height:auto; overflow:hidden; }
.titsty_2 { border-bottom:0}
.pagetit,.pagetit a{ font-size:18px; color:#0a65ac; text-decoration:none; line-height:40px;}
.tabsty li { font-size:16px;float:left; height:25px; line-height:25px; list-style: none;}
.tabsty li a { background:url(../images/bg_tabtit_a.png) no-repeat right; padding-right: 25px; display:block;text-decoration:none; height:25px; margin-left:-12px;}
.tabsty li a:hover { color:#039;}
.tabsty li a span { background:url(../images/bg_tabtit.png) no-repeat; height:25px; display:block;float: left; padding-left:10px;}
.tabsty li a.current{background:url(../images/bg_tabtit_cur_a.png) no-repeat right; padding-right:25px;}
.tabsty li a.tab_first { margin-left:0;}
.tabsty li a.current span{background:url(../images/bg_tabtit_cur.png) no-repeat; height:25px; display:block;float: left; padding-left:10px;}

.stepsty li{  font-size:16px;float:left; list-style: none;text-align:center; line-height:1.0; height:43px;}
.stepsty li a{ height:43px; background:url(../images/bg_tabtit_a_43.png) no-repeat right; padding-right:32px; display:block;text-decoration:none; margin-left:-12px;}
.stepsty li a:hover { color:#039;}
.stepsty li a span { background:url(../images/bg_tabtit_43.png) no-repeat; height:33px; display:block;float: left; padding:5px 0 5px 10px;}
.stepsty li a.current{background:url(../images/bg_tabtit_cur_a_43.png) no-repeat right; padding-right:29px;}
.stepsty li a.step_first { margin-left:0;}
.stepsty li a.current span{background:url(../images/bg_tabtit_cur_43.png) no-repeat; height:43px; display:block;float: left; padding-left:10px;}

.form_table td,.list_table td,.list_tab td,.list_tab_2 td,.com_tab td{ border-bottom:1px solid #e6e6e6; padding:5px 5px 3px 5px;}
.com_tab td,.com_tab th{ border:1px solid #e6e6e6}
.com_tab th.th_cen{ text-align:center;}
.com_tab th.th_gb{ background:#c1e7cf;}
.com_tab th.th_yb{ background:#e0dbb1;}
.com_tab th.th_mb{ background:#d8e4a6;}
.form_table input, .form_table select, .form_table textarea{ border:1px solid #ccc;} 
.form_table textarea { width:400px; }
.lable_tit { background:#EFEFEF; display:block; padding:1px 5px;} 
.inputsty,.inputsty_100,.inputsty_300,.selectsty,.selectsty_2,.textareasty{ height:16px; width:400px; line-height:18px; border:1px solid #BBBBBB;}
.inputsty_100 { width:100px; }
.inputsty_300 { width:300px; }
.selectsty { height:18px;width:auto;}
.selectsty_2 { height:18px; width:248px;}
.textareasty { height:auto; width:100%;}

.com_tab input,.com_tab select,.com_tab textarea,.list_table input,.list_table select,.list_table textarea { border:1px solid #BBBBBB;}
.lablesty {margin:0px 20px 0px 5px}
.liststy { border:1px solid #6CC; border-left:0 none; border-right:0 none; margin:20px 0; height:100%; display:block;}
.over-x{ overflow-x:scroll; width:1140px; height:100%;}
.list_table th,.list_tab_2 th,.com_tab th{ background:#B7E0FE; height:16px; text-align:left; padding:5px 5px 3px 5px; }
.list_table tr:hover { background:#ddeffc; color:#000;}

.com_table td{ border-bottom:1px solid #e6e6e6; padding:5px 5px 3px 5px;}
.com_table td,.com_table th{ border:1px solid #e6e6e6}
.com_table th.th_cen{ text-align:left;}
.com_table th.th_gb{ background:#c1e7cf;}
.com_table th.th_yb{ background:#e0dbb1;}
.com_table th.th_mb{ background:#d8e4a6;}
.com_table input,.com_table select,.com_table textarea { border:1px solid #BBBBBB;}
.com_table tr:hover { background:#ddeffc; color:#000;}
.com_table th{ background:#B7E0FE; height:16px; padding:5px 5px 3px 5px; }

.list_tab { border-spacing:inherit;}
.list_tab td{ border:0;border-bottom:1px solid #e6e6e6;}
.lable_tit_bgcolor_blue {
    background: #b7e0fe none repeat scroll 0 0;
    display: block;
    padding: 1px 5px;
}
.button-list {clear: both;height: 24px;margin: 10px 0;}
calendar{ *margin-top:10px;}
.select_bar{ background:#B7E0FE; height:25px; width:540px; text-align:center;}
.arrow_l{ float:left; margin:10px 10px 0 150px; z-index:2;}
.arrow_r{ float:left; margin:10px 0 0 20px; z-index:2;}

calendar .week td{ font-size:14px; height:36px;}
.calendar .red { color: #F03}
.calendar td{ font-size:18px; border:1px solid #e6e6e6; padding:4px 0 0 8px; height:52px; width:52px; color:#000; vertical-align:top; }
.calendar td span,.calendar td .red span{ margin-left:6px;}
.calendar td:hover { background:#9ce7ca;}
.calendar td em{ margin-top:20px; font-size:13px; color:#0a65ac; z-index:100; display:block;}
.cur_daily{ font-weight:bold; background:#c5fcbb;}
.event_tab { margin:5px 0 30px 0;}
.event_tab td,.event_tab th{ border:1px solid #e6e6e6; padding:4px 4px 4px 8px; text-align:left;}
.event_det { position:absolute;top:202px;margin-left:630px; z-index:100; width:480px; padding:10px 10px 50px 10px; height:auto; border:1px solid #e6e6e6;border-radius: 10px 10px 10px 10px; background:#f0f8fd;}
.event_det table { margin-bottom:20px;}
.event_det table:hover { color:#0a65ac;}
.event_det td,.event_det th { padding:5px; text-align:left;}
.img_time{ cursor:pointer; margin-right:5px; vertical-align:middle;}
.top-link { float: right; margin:5px; color:#FFF;}
.border_2,.border_3 { border: 1px solid #5ea6cd;margin: 30px 3px 20px;}
.border_3{ border-color:#393; }

.td_blue{ background:#e9f6ff;}
.td_grey {background: #efefef;}
.red_font{color:red;}
.td_lg{ background:#d3f0de;}
.td_yg{ background:#eeebd5;}
.td_lmg{ background:#e5f6d6;}
.td_lg_2{ background:#e7f9ee;}
.td_yg_2{ background:#f6f4e3;}
.td_lmg_2{ background:#f0f9e8;}
.notesty{ color:#555; font-size:13px;}
.notesty ol{ padding-left:13px; margin-top:5px;}
#footer { clear: both;position: relative;z-index: 10;height: 30px; background:#014479;width:1140px; margin: -30px auto 0 auto; }

#search_div{margin-bottom:10px;}
html, body, #wrapper { height: 100%; }
#wrapper {height: auto; min-height: 100%;}
form{height: auto; min-height: 100%;}

/* Disclaimer Message */
.disclaimer { font-size: 15px; font-weight: bold; color: Blue; margin-left: 5px;}

/* Textbox Control Length*/
.txt_full { width: 95%;}
.txt_date { width: 80px;}
.txt_short { width: 150px;}
.txt_middle { width: 250px;}
.txt_long { width: 500px;}

/* Clinical Skill Summary */
.summary_odd { background: #FFFFFF; }
.summary_even { background: #f0f9e8;}
.summary_total_odd{ background: #f2f2f2; }
.summary_total_even{ background: #d9d9d9; }
.summary_cur_odd{ background: #e6f2ff; }
.summary_cur_even{ background: #cce6ff; }



.calendar {
    float: left;
}

.select_bar {
    background: url(../images/bg_blue.png) repeat-x;
    height: 28px;
    width: 541px;
}

    .select_bar img {
        border: none;
    }

.calendar .week td {
    font-size: 14px;
    height: 36px;
    text-align: center;
}

.calendar .red {
    color: #801525;
}

.red p {
    font-size: 15px;
    letter-spacing: -1px;
    line-height: 120%;
    top: -5px;
    position: relative;
    -webkit-text-size-adjust: none;
    font-family: Arial;
}

.red u {
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 150%;
}

.single_num p {
    padding-left: 6px;
}

.singlenums a {
    padding-top: 6px;
    padding-left: 7px;
}

.singlenum a {
    padding-left: 6px;
}

.calendar td {
    font-size: 20px;
    border: 1px solid #e6e6e6;
    padding: 5px 0 0 8px;
    height: 62px;
    width: 74px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
}

    .calendar2 td span, .calendar2 td .red span {
        margin-left: 6px;
    }

.red a {
    color: #801525;
}

.arrow_l {
    float: left;
    margin: 10px 10px 0 150px;
    z-index: 2;
}

.arrow_r {
    float: left;
    margin: 10px 0 0 20px;
    z-index: 2;
}

.select_y, .select_m {
    float: left;
    width: 84px;
    height: 23px;
    font-size: 14px;
    margin: 2px 0 0 10px;
}
#cal_y, #cal_m {
    height: 23px;
    width: 52px;
    padding-left: 10px;
    line-height: 23PX;
    float: left;
    color: #801525;
    background: url(../images/select_bg.png) no-repeat;
    text-align: left;
}

#cal_y_but, #cal_m_but {
    float: left;
    width: 22px;
    cursor: pointer;
}

#cal_y_items, #cal_m_items {
    clear: left;
    width: 80px;
    border-right: 1px solid #AFAFAF;
    border-bottom: 1px solid #AFAFAF;
    border-left: 1px solid #AFAFAF;
    position: absolute;
    *top: 202px;
    z-index: 80;
    background-color: #FFFFFF;
}

.tTable td {
    /*border:1px solid black;*/
    padding: 5px 5px 3px 5px;
    font-weight: bold;
}

.ListTable td {
    padding: 5px 5px 5px 5px;
    border: 1px solid #e6e6e6;
}

.ListTable .ListTableCheckbox {
    text-align: center;
}

.ListTable .ListTableHeader {
    background-color: #B7E0FE;
    font-weight: bold;
    color: black;
}


.elearningHeader {
    padding-left: 10px;
    border: 1px solid #e6e6e6;
    background: #B7E0FE;
}
.elearningContent {
    border: 1px solid #e6e6e6;
}