.panel-course {
    padding: 0px; 
    border: 1px solid #DDDDDD; 
    border-radius: 5px; 
    margin: 0px 0px 5px 0px; 
    width: 601px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    
    overflow: hidden;
    position: relative;
}

.panel-course-header {
     padding: 10px; 
     background-color: #F5F5F5; 
     border-radius: 5px 5px 0px 0px;
     cursor: pointer;
}

.panel-course-body {
     padding: 10px;
     background-color: #FFFFFF; 
     border-radius: 0px 0px 5px 5px; 
     display: none;
     border-top: 1px solid #DDDDDD; 
}

.panel-course-toggle {
    float: right;
    height: 32px;
    width: 32px;
    position: relative;
    margin-top: 4px;
 
}

.closed {
    background-image: url('../resources/images/expand.png');
}
.open {
    background-image: url('../resources/images/reduce.png');
}

.modal-msgbox {

    color: rgb(70, 136, 71); 
    background-color: rgb(223, 240, 216); 
    margin-bottom: 20px; 
    text-shadow: 0px 1px 0px rgb(214, 233, 198); 
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border: 1px #999999 solid; 
    border-radius: 4px 4px 4px 4px; 
    position: fixed;
    top: 80px;
    right: 10px;
    display: none;
    font-family: 'Century Gothic';
    font-size: 10pt;
    width: 300px;
    min-height: 100px;
    color: black;
    z-index: 999999;
        
}

.modal-msgbox-header {

    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #999999;
    font-size: 12pt;
}

.modal-msgbox-body {
    padding: 10px 10px 10px 10px;
}

.fail
{
    background-color: rgb(242, 222, 222);
}

.confirm
{
    background-color: rgb(252, 248, 227);

}
.button-metro
{
    width: 200px;
    padding: 10px;
    color: White !important;
    text-decoration: none !important;
    font-family: 'Segoe UI';
    font-size: 18px;
    transition: background-color .3s, width .1s, padding .1s, margin .1s;
    -webkit-transition: background-color .3s, width .1s, padding .1s, margin .1s;
    -moz-transition: background-color .3s, width .1s, padding .1s, margin .1s;
    background-color: #108BDD;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    margin-bottom: 3px;
    margin-left: auto;
    margin-right: auto;

}

.button-metro:hover
{
    background-color: #0E649E;
    color: White;
}

.button-metro:active
{
    width: 198px;
    padding: 9px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.overflowHidden{
    overflow: hidden;
}

 .popoutContainer
{
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    background: rgba(0,0,0,0.3);
    position: fixed;
    left: 0;
    top: 0;
    display: block;
    z-index: 998;
}

.popoutMain, .popoutSmall
{
    background-color: #FFFFFF;
    border-radius: 3px;
    border: 1px solid #555;
    position: fixed;
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-top: -350px;
    z-index: 999;
    padding: 40px;
    text-align: left;
    box-shadow: 0px 5px 5px #444;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    overflow: hidden;
    box-sizing: border-box;
}

.popoutMain{
    width: 780px;
    margin-left: -390px;
}

.popoutSmall{
    width: 380px;
    margin-left: -190px;
}

.neboshManagement{
    font-family: Arial, sans-serif;
    font-size: 14px;
    overflow: hidden;
}
.neboshTextBox{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    padding: 10px 12px 10px 12px;
    background-color: #FFF;
    border: solid 1px #BBB;
    border-radius: 3px 3px 3px 3px;
}
.neboshTextBoxEditable{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    background-color: #FFF;
    border-radius: 3px 3px 3px 3px;
    border: solid 1px #FFF;
    padding: 10px;
    background-color:  #F9F9F9;
}
.neboshTextBoxEditable:hover{
    border: solid 1px #BBB;
     
}
.label, .label:hover {
    border: solid 1px #FFF;
}

.neboshTable{
    border-collapse: collapse;
}

.neboshTable td{

    padding: 4px;
    border-top: solid 1px #DDD;
    border-left: none;
    border-right: none;
    vertical-align: middle;
  
}  

.noBorder{
    border: none;
}

.noBorder td{
    border: none;
    padding: 2px 5px 2px 5px;
}

.tableUserControl td{
    border: none;
    padding: 0px;
}

.medium{
    width: 280px;
       
}

.neboshForm{
    border-collapse: collapse;
}

.neboshForm td{
    padding: 5px;
            
}
.right-align
{
    text-align: right;
}

.mgt-10{

    margin-top: 10px;
}

.neboshTable tr:first-child td{
    border-top: none;
}

.p100{
    width: 100%;
}

.filterSwitch{

    padding: 7px 15px 7px 15px;
    border: solid 1px #BBB;
    border-radius: 3px 3px 3px 3px;

    float: left;
 
}
  
   
.filter{
  
    border: solid 1px #BBB;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 10px;
 
}

.filterHeader
{
    padding: 10px;
    background-color: #EEEEEE; /*358ad9*/
    font-weight: bold;
    cursor: pointer;
}

.filterBody
{
   padding: 20px;
}

.ib{
    display: inline-block;
}
.neboshButton, .neboshButtonDisabled{

    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    padding: 8px 15px 8px 15px;
    border: solid 1px #BBB;
    border-radius: 3px 3px 3px 3px;
    color: #000;
    text-decoration: none;
    margin-left: 5px;
    text-align: center;
    /*line-height: 1;*/

    box-sizing: border-box;


}

.dropdown{
    padding: 11px 15px 11px 15px;
    margin-left: 0px;
}
.grey{
    background-color: #F9F9F9;
}

.blue{
    background-color: #286090;
    border-color: #286090;
    color: white;
}

.neboshButton:first-child, .neboshButtonDisabled:first-child, .neboshButton:first-of-type{
    margin-left: 0px;
}



.neboshButton:hover{
    background-color: #EEE;
}

.neboshButton:hover:disabled, .neboshButton:disabled, .neboshButtonDisabled{
    opacity: 0.4;
    cursor: not-allowed;

}

.right{
    float: right;
}

.left{
    float: left;
}

.statusReport, statusReportSub{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    color: #333;
    border-radius: 3px 3px 3px 3px;
    border: solid 1px #DDD;
    border-spacing: 0px;
    width: 100%;
}
.statusReport td, .statusReport th, .statusReportSub td, .statusReportSub th{
    padding: 5px;
    border-top: solid 1px #DDD;
    border-bottom: none;
    border-left: none;
    border-right: none;
    cursor: default;
}

@media print{
    .statusReport, .statusReportSub {
        font-size: 11px;
    }

    .statusReport td, .statusReport th {
        padding: 4px 2px 4px 2px;
    }

    .statusReportSub td, .statusReportSub th{
        padding: 0px;
    }
}

.statusReport tr:first-child td{
    border-top: none;
}

.statusReportSub td, .statusReportSub th{
    padding: 0px;
    border: none;
}

.gv{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #333;
    border-radius: 3px 3px 3px 3px;
    border: solid 1px #DDD;
}

.gv td, .gv th{
    padding: 10px;
    border-top: solid 1px #DDD;
    border-bottom: none;
    border-left: none;
    border-right: none;
    cursor: pointer;
}

.gv th{
    padding: 12px 10px 12px 10px;
    cursor: default;
    text-align: left;   
}

.prv, .prv td, .prv th {
    background-color: #feeed1;
    border-color: orange;
    cursor: default;
}

.cmd, .cmd td, .cmd th{
    background-color: #d0ddd0;
    border-color: green;
    cursor: default;
}

.cnx, .cnx td, .cnx th {
    background-color: #f9e4e4;
    border-color: red;
    cursor: default;
}

.es th
{
    border-bottom: solid 1px #DDD;
}

.es td{
    padding: 1px;
    border-top: none;
   
}

.es td:first-child{
    padding-left: 2px;
}

.es td:last-child
{
    padding-right: 2px;
}


.gv tr:hover{
    background-color: #EEE;

}

.gv tr:hover th{
    background-color: #FFF;

}
.gv .alt{
    background-color: #F9F9F9;
}
.gv-s .alt {
    background-color: #F9F9F9;
}

.gv .pgr tr:hover{
    background-color: #FFF;
    cursor: default;
    
}
.gv .pgr td{
    padding: 10px 5px 10px 5px;
    
}

.gv .pgr td:hover{
    background-color: #FFF;
    cursor: default;
    
}

.pgr td{
    background-color: #FFF;
    cursor: default;
}

.gv .pgr table td{
    border: none;
}

.gv .pgr a
{
    padding: 5px 10px 5px 10px;
    border: solid 1px #BBB;
    border-left: none;
    color: #000;
    text-decoration: none;

}

.gv .pgr a:first-child{

    border-radius: 3px 0px 0px 3px;
    border-left: solid 1px #BBB;
    border-right: solid 1px #BBB;
}

.gv .pgr a:last-child{

    border-radius: 0px 3px 3px 0px;
    border-right: solid 1px #BBB;
}

.gv .pgr a:hover
{
    background-color: #EEE;
   
}

.verticalText
{
    transform: rotate(-70deg);
    width:0px;
    text-align:left;
    height:0px;
    margin-top: 20px;
    white-space: nowrap;
    
}

.vt th{
    transform: rotate(-70deg);
    width: 0px;
    text-align: left;
    height: 0px;
    margin-top: 20px;
    white-space: nowrap;
}

.gv-header
{
    height: 0px;
}

.gv-header th{
    padding-top: 220px;
    padding-left: 0px;
    padding-bottom: 5px;
}

.examSitting
{
    padding: 2px 1px 2px 1px;
}