html, body {
    background: linear-gradient(#3781b8, #204873);
    font-family: Arial, Helvetica, sans-serif;
    color: #111;
    font-size: 12px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: absolute;
    padding: 0;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.main, .main2, .mainWide {
    width: 900px;
    height: 100% auto;
    margin: 0 auto !important;
}

.main2 {
    width: 1200px;
    -moz-box-shadow: 0px 0px 8px #fff;
    -webkit-box-shadow: 0px 0px 8px #fff;
    box-shadow: 0px 0px 8px #fff;
}

.mainWide {
    width: 1350px;
    -moz-box-shadow: 0px 0px 8px #fff;
    -webkit-box-shadow: 0px 0px 8px #fff;
    box-shadow: 0px 0px 8px #fff;
}

.cntW {
    background: rgba(255, 255, 255, 0.5);
}

.cntMain {
    background: rgba(255, 255, 255, 0.5);
    width: 1200px;
    margin: 0 auto !important;
}

.cntMainWide {
    background: rgba(255, 255, 255, 0.5);
    width: 1350px;
    margin: 0 auto !important;
}

.cntMainStud {
    background: rgba(255, 255, 255, 0.5);
    width: 900px;
    -moz-box-shadow: 0px 0px 8px #fff;
    -webkit-box-shadow: 0px 0px 8px #fff;
    box-shadow: 0px 0px 8px #fff;
    margin: 0 auto !important;
}

.glowW {
    -moz-box-shadow: 0px 0px 8px #fff;
    -webkit-box-shadow: 0px 0px 8px #fff;
    box-shadow: 0px 0px 8px #fff;
}

.BGSemiW {
    background: rgba(255, 255, 255, 0.5);
}

.cntMainAdm {
    background: rgba(255, 255, 255, 0.5);
    width: 900px;
    margin: 0 auto !important;
}

.mainPopup {
    height: 100% auto;
    margin: 0 auto !important;
}

.bottom {
    height: 0px;
}

.middle, .middle_teacher, .middle_side, .middle_side2 {
    background-color: #eee;
    border: #efefef solid 1px;
    margin: 5px 0px 0px 0px;
    padding: 10px 15px 10px 15px;
    text-align: left;
    line-height: 24px;
    font-size: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.middle_teacher {
    text-align: center;
    line-height: 16px;
}

.middle_side {
    margin: 5px 5px 0px 0px;
    padding: 10px 15px;
}

.middle_side2 {
    height: 92px;
    margin: 5px 0px 0px 0px;
}

.logoLine {
    background: rgba(33, 33, 33, 0.5) bottom center repeat-y;
    padding: 3px 0px 3px 0px;
    min-height: 40px;
}

.line {
    background: rgba(33, 33, 33, 0.5) bottom center repeat;
    padding: 7px 0px 3px 0px;
}

.stats {
    background: url(../img/side.jpg) repeat-x bottom;
    background-color: #313131;
    border: #969696 solid 1px;
    height: 647px;
    margin: 10px 0px 10px 0px;
    width: 250px;
}

.stats_main {
    background: url(../img/side.jpg) repeat-x bottom;
    background-color: #313131;
    border: #969696 solid 1px;
    height: 448px;
    margin: 10px 0px 10px 0px;
    padding: 100px 0px;
    width: 380px;
}

.login {
    background: url(../img/side.jpg) repeat-x bottom;
    background-color: #313131;
    border: #969696 solid 1px;
    height: 448px;
    margin: 10px 0px 10px 0px;
    padding: 50px 0px 150px 0px;
    width: 380px;
}

.stats_table {
    background-color: #eee;
    border: #969696 solid 1px;
    width: 900px;
    margin: 10px 0px 10px 0px;
}

.stats_table_in {
    border: #969696 solid 1px;
    margin: 10px;
    padding: 10px;
}

.top {
    background-color: transparent;
    height: 50px;
    text-align: center;
}

.top_line {
    background-color: #dcdcdc;
    border: 1px dotted #888;
    border-radius: 3px;
    text-align: center;
    color: #222;
    font-size: 16px;
    height: 25px;
    line-height: 34px;
    font-family: titilliumregular;
    padding: 0 0 10px 0;
}

.title {
    color: #fff;
    font: 28px titilliumregular, Arial, Helvetica, sans-serif;
    text-align: center;
}

.sub_title {
    color: #222;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    text-align: center;
}

.stats_btn {
    background: url(../img/stats_btn.png) no-repeat center;
    height: 35px;
    padding-top: 13px;
    width: 384px;
}

.stats_thin {
    background: #313131;
    border: #969696 solid 1px;
    height: 20px;
    margin: 10px 0px 7px 0px;
    width: 380px;
}

.bag_analysis {
    color: #000000;
    font-size: 12px;
    text-align: center;
}

.bag_name {
    background-color: #f5f1b4;
    color: #000000;
    padding: 3px 10px;
    border-top: #ddd solid 2px;
    border-bottom: #eee solid 2px;
}

.bag_name_sel {
    background-color: #f99;
    color: #000000;
    padding: 3px 10px;
    border-top: #fcc solid 2px;
    border-bottom: #eee solid 2px;
}

.category_name {
    background-color: #f5f1b4;
    color: #00007f;
    padding: 3px 10px;
}

.gray {
    background-color: #e8e8e8;
}

a.stati {
    color: #000000;
    text-decoration: none;
}

a.stati:hover {
    color: #ffffff;
}

.admin {
    padding: 2px;
}

.wait {
    color: #E9E4B3;
    font-size: 18px;
}

.select {
    color: #111;
    font-size: 14px;
    font-weight: bold;
}

.select_small {
    color: #111;
    font-size: 12px;
    font-weight: bold;
}

.warning {
    color: #777;
    font-size: 14px;
    font-weight: bold;
}

.bag_image {
    background-image: url(../img/backbag.jpg);
    border: #b1b1b1 solid 1px;
    color: #000000;
    height: 307px;
    padding: 10px;
    text-align: left;
    width: 345px;
}

.marker {
    background-color: #f7f3b5;
}

.bag_image_mid {
    background: url(../img/mid.jpg) center;
    border-bottom: #333333 solid 1px;
    border-top: #d8d8d8 solid 1px;
    color: #000000;
    padding: 2px 5px;
    text-align: center;
}

.no-threat {
    background-image: url(../img/backbag_small.jpg);
    border: #9fc073 solid 3px;
    text-align: center;
}

.threat {
    background-image: url(../img/backbag_small.jpg);
    border: #e24438 solid 3px;
    text-align: center;
}

.search_area {
    background-image: url(../img/backbag_small.jpg);
    border: #738cc0 solid 3px;
    text-align: center;
}

.placeholder_image {
    height: 108px;
    width: 130px;
    background-color: lightgrey;
}

.placeholder_image_normal {
    width: 256px;
    height: 256px;
    background-color: lightgrey;
}

.empty {
    background-image: url(../img/backbag_small.jpg);
    border: #b1b1b1 solid 3px;
    text-align: center;
}

.export {
    background-color: #313131;
    border: #969696 solid 1px;
    font-size: 12px;
    height: 445px;
    line-height: 24px;
    margin: 10px 0px 0px 0px;
    padding: 10px 15px 10px 15px;
    text-align: left;
}

.basic {
    background-color: #313131;
    border: #969696 solid 1px;
    color: #FFFFFF;
    font-size: 12px;
    margin: 10px 0px 0px 10px;
    padding: 10px;
    text-align: center;
    width: auto;
}

.basic-side {
    background-color: #1d1d1d;
    border: #4a4a4a solid 1px;
    font-size: 12px;
    height: auto;
    line-height: 23px;
    margin: 0px 5px 0px 0px;
    padding: 10px;
    width: auto;
}

.item {
    border: #fffbbb solid 2px;
    margin: 5px 5px 0px 0px;
}

.select_tbl {
    background-color: #1d1d1d;
    border: #4a4a4a solid 1px;
    margin: 0px 5px 0px 0px;
    padding: 10px;
    text-align: center;
}

.address {
    display: none;
    background: url(../img/new_back2.png);
    color: #FDF9BA;
    font-size: 12px;
    line-height: 20px;
    padding: 10px;
}

.address-small {
    display: none;
    background: url(../img/new_back2.png);
    font-size: 9px;
    color: #FDF9BA;
    line-height: 20px;
    padding: 10px;
}

a {
    color: #3275a9;
}

a:hover {
    color: #3275a9;
    text-decoration: none;
}

a.but {
    border: #151515 solid 2px;
}

a.but:hover {
    border: #fff9a1 solid 2px;
}

.no-threat_text {
    background: #9fc073;
    color: #000000;
    text-align: center;
}

.threat_text {
    background: #e24438;
    color: #000000;
    text-align: center;
}

.searchArea_text {
    background: #738cc0;
    color: #000000;
    text-align: center;
}

span.btn-long, span.btn-long-gray, span.btn-long-blue, span.btn-long-red {
    cursor: pointer;
    display: inline-block;
    padding: 1px 8px 0px 8px;
    background: linear-gradient(#0378b1, #0369a1);
    color: #fff;
    text-align: left;
    margin: 0 1px 1px 1px;
    height: 22px;
    line-height: 24px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    border: 1px solid #005891;
    box-shadow: 0 0 3px rgba(17, 17, 17, 0.5);
    font-weight: normal;
}

span.btn-long > img, span.btn-long-gray > img, span.btn-long-blue > img, span.btn-long-red > img, span.btn-long-disabled > img {
    margin-left: 3px;
    margin-right: 3px;
}

#sessions.bag_analysis3 .btWrap + .btWrap {
    margin-left: 3px;
}

span.btn-long-gray {
    background: linear-gradient(#999, #777);
    border: solid 1px #444;
    box-shadow: 0 0 3px rgba(17, 17, 17, 0.3);
}

span.btn-long-blue {
    background: linear-gradient(#0378b1, #0369a1);
    border: solid 1px #005891;
    box-shadow: 0 0 3px rgba(17, 17, 17, 0.5);
}

span.btn-long-red {
    background: linear-gradient(#cb3333, #ab3333);
    border: solid 1px #9b2323;
}

span.btn-long-disabled {
    cursor: not-allowed;
    background: #ccc;
    display: inline-block;
    padding: 0px 8px 0px 8px;
    background: #cfcfcf;
    color: #444;
    text-align: left;
    margin: 0 1px 1px 1px;
    height: 23px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    border: #9f9f9f solid 1px;
}

span.btn-long-disabled:hover {
    background: #cfcfcf !important;
}

span.btn-long:hover {
    background: linear-gradient(#0985c1, #0978b4);
}

span.btn-long-gray:hover {
    background: linear-gradient(#aaa, #888);
}

span.btn-long-blue:hover {
    background: linear-gradient(#0985c1, #0978b4);
}

span.btn-long-red:hover {
    background: linear-gradient(#e03e3e, #b93f3f);
}

.btn-export {
    background: linear-gradient(#0378b1, #0369a1);
    border: 1px solid #005891;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 28px;
    margin: 0 3px 0 2px;
    padding: 1px 8px 3px;
    text-align: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(17, 17, 17, 0.5);
}

.btn-export[disabled], .btn-export[disabled]:hover, .btn-export[disabled]:active {
    cursor: progress;
    background: #cfcfcf;
    color: #444;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    border: #9f9f9f solid 1px;
}

.btn-export:hover {
    background: linear-gradient(#0985c1, #0978b4);
}

span.btn-big {
    cursor: pointer;
    display: inline-block;
    padding: 6px 10px 6px 10px;
    color: #fff;
    background-color: #ab3333;
    border: 1px solid #ad3a3a;
    text-align: left;
    margin: 0px 3px 0px 2px;
    height: 22px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
}

span.btn-big:hover {
    background-color: #d16363;
}

span.btn-big-green {
    background-color: #42ad32;
    border: #569369 solid 1px;
}

span.btn-big-green:hover {
    background-color: #69c05b;
}

span.btn-big-disabled, span.btn-big-disabled:hover {
    cursor: pointer;
    display: inline-block;
    padding: 6px 10px 6px 10px;
    background: #cfcfcf;
    color: #444;
    text-align: left;
    margin: 0px 3px 0px 2px;
    height: 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    border: #9f9f9f solid 1px;
}

.btWrap {
    padding-top: 2px;
    padding-bottom: 2px;
    display: inline-block;
}

.pic {
    background: url(../img/empty.gif) no-repeat;
    border: #969696 solid 1px;
    width: 250px;
    height: 647px;
    margin: 10px 0px 10px 0px;
}

.pic_mid {
    background: url(../img/empty-mid.gif) no-repeat;
    border: #969696 solid 1px;
    width: 380px;
    height: 448px;
    margin: 10px 0px 10px 0px;
    padding: 50px 0px 150px 0px;
}

.session_options {
    margin-bottom: 10px;
}

.sess_bag {
    /*background: url(../../img/backbag.jpg);*/
    background-color: #999;
    /*    border: #b1b1b1 solid 1px;*/
    /*    border-bottom: #ccc solid 2px;*/
    padding: 5px;
    cursor: pointer;
    min-width: 256px;
    min-height: 256px;
    /*    max-width: 472px;*/;
    position: relative;
}

.sess_container {
    background-color: #999;
    /*    border: #b1b1b1 solid 1px;*/
    /*    border-bottom: #ccc solid 2px;*/
    padding: 5px;
    cursor: pointer;
    /*    min-width: 512px;
        height: 192px;*/
    min-width: 434px;
    height: 163px;
    position: relative;
}

.sess_bag_sel {
    background-color: #f99;
    /*    border: #ffb1b1 solid 1px;*/
    /*    border-bottom: #fcc solid 2px;*/
    padding: 5px;
    cursor: pointer;
    min-width: 256px;
    min-height: 256px;
    /*    max-width: 472px;*/;
    position: relative;
}

.sess_container_sel {
    background-color: #f99;
    /*    border: #ffb1b1 solid 1px;*/
    /*    border-bottom: #fcc solid 2px;*/
    padding: 5px;
    cursor: pointer;
    /*    min-width: 512px;
        height: 192px;*/
    min-width: 434px;
    height: 163px;
    /*    max-width: 472px;*/;
    position: relative;
}

.entity_bag {
    /*background: url(../../img/backbag.jpg);*/
    background-color: #999;
    /*    border: #b1b1b1 solid 1px;*/
    /*    border-bottom: #ffffff solid 2px;*/
    padding: 6px;
    cursor: pointer;
    min-width: 256px;
    min-height: 256px;
}

.sess_bag_table {
    border: 0;
    border-spacing: 0px;
    min-width: 200px;
    width: 220px;
    overflow-y: hidden;
    height: 242px;
}

.sess_bag_table_wide {
    border: 0;
    border-spacing: 0px;
    min-width: 200px;
    width: 220px;
    overflow-y: hidden;
    height: 176px;
}

.line20 {
    line-height: 20px;
}

td + td .sess_bag, td + td .sess_bag_sel {
    margin-left: 10px;
}

td + td .sess_container, td + td .sess_container_sel {
    margin-left: 10px;
}

td + td .bag_name, td + td .bag_name_sel {
    margin-left: 10px;
}

td + td .bagControls {
    margin-left: 10px;
}

.session_bag_image {
    padding-right: 5px;
}

.session_bag_info {
    vertical-align: top;
}

.sess_bag_label {
    color: #777;
    padding-right: 5px;
}

.sess_bag_detail {
    color: #222;
}

.sess_bag_name {
    color: #333;
}

.horizScroll {
    overflow-x: scroll;
    padding-bottom: 5px;
}

.middle_ok {
    background-color: #eee;
    border-radius: 3px;
    height: auto;
    margin: 5px 0px 0px 0px;
    padding: 10px 15px 10px 15px;
    text-align: left;
    line-height: 24px;
    font-size: 12px;
    font-weight: bold;
    color: #28ad11;
}

.middle_error {
    background-color: #eee;
    border-radius: 3px;
    height: auto;
    margin: 5px 0px 0px 0px;
    padding: 10px 15px 10px 15px;
    text-align: left;
    line-height: 24px;
    font-size: 12px;
    font-weight: bold;
    color: #bb0e04;
}

.middle_warning {
    background-color: #eee;
    border-radius: 3px;
    height: auto;
    margin: 5px 0px 0px 0px;
    padding: 10px 15px 10px 15px;
    text-align: left;
    line-height: 24px;
    font-size: 12px;
    font-weight: bold;
    color: #ffa603;
}

.middle_info {
    background-color: #eee;
    border-radius: 3px;
    height: auto;
    margin: 5px 0px 0px 0px;
    padding: 10px 15px 10px 15px;
    text-align: left;
    line-height: 24px;
    font-size: 12px;
    font-weight: bold;
    color: #d4c300;
}

.middle_update {
    background-color: #eee;
    border-radius: 3px;
    height: auto;
    margin: 5px 0px 0px 0px;
    padding: 10px 15px 10px 15px;
    text-align: left;
    line-height: 24px;
    font-size: 12px;
    font-weight: bold;
    color: #4671D5;
}

.okColor {
    color: #28ad11;
}

.errorColor {
    color: #bb0e04;
}

.warningColor {
    color: #ffa603;
}

.infoColor {
    color: #d4c300;
}

.countdownMessageColor {
    color: #4671D5;
}

.ltInfoBox {
    font-weight: bold;
    margin: 10px 0 5px 0px;
    display: block;
    background: #eee;
    padding: 26px;
    border-radius: 3px;
    box-shadow: 0px 0px 2px #000;
    font-weight: bold;
    display: none;
}

.predefinedImage {
    width: 16px;
    height: 16px;
}

.stopIcon {
    width: 22px;
    height: 22px;
}

.yellowish_div {
    background-color: #f5f1b4;
    padding: 10px;
}

.yellowish_div_VCondensed {
    padding: 7px !important;
}

.teachersContent {
    width: 1160px;
    background-image: none;
    padding-right: 0;
}

.teachersContentAdm {
    width: 860px;
}

.do_overflow {
    overflow-y: auto;
    height: 350px;
}

.bagType0 {
    /*    border-top: #f5f1b4 solid 10px;*/
    border-top: #f5f1b4 solid 15px;
}

.bagSessionType0 {
    /*    border-top: #313131 solid 15px;*/
    border-top: #70cf50 solid 15px;
}

.bagType1, .bagSessionType1 {
    /*    border-top: #50a0ff solid 15px;*/
    border-top: #3090ff solid 15px;
}

.bagType2, .bagSessionType2 {
    border-top: #ff5050 solid 15px;
}

.bagControls {
    padding: 0 5px 0 5px;
    text-align: right;
}

.bagControlsType0 {
    /*    background-color: #f5f1b4;*/
    background-color: #70cf50;
}

.bagControlsType1 {
    /*    background-color: #50a0ff;*/
    background-color: #3090ff;
}

.bagControlsType2 {
    background-color: #ff5050;
}

.bagControls table {
    height: 28px;
}

.border-none {
    border: none;
    padding: 5px;
    vertical-align: top;
    /*    position: relative;*/;
}

.bottom-div {
    margin: 10px 0 10px 0;
}

.selectBox {
    width: 200px;
}

.selectBoxNC {
    width: 300px;
}

.centerDivNC {
    width: 200px;
    text-align: center;
    padding: 15px;
}

.centerButtonNC {
    margin-top: 8px;
}

.editTeacherButton {
    width: 25px;
    font-size: 18pt;
}

.wide {
    display: inline-block;
}

.messageBox, .confirmBox, .loadingBox {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.loadingBox {
    z-index: 200;
}

.messageBox, .confirmBox {
    display: none;
}

.messageBoxBack, .confirmBoxBack, .loadingBoxBack {
    width: 100%;
    height: 100%;
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* For IE8 and earlier */
    -moz-opacity: 0.7;
    background-color: black;
    z-index: 14;
}

.messageBoxHolder, .confirmBoxHolder {
    position: absolute;
    min-width: 650px;
    max-width: 800px;
    left: 50%;
    top: 50%;
    margin-top: -150px;
    margin-left: -325px;
    background-color: white;
    border: 0;
    text-align: center;
    opacity: 1;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
    -moz-opacity: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 3px 3px #fff;
    -webkit-box-shadow: 0px 0px 3px 3px #fff;
    box-shadow: 0px 0px 3px 3px #fff;
    z-index: 15;
}

.loadingBoxHolder, .loadingBoxHolderInner {
    background: rgba(114, 114, 114, 0.7);
    border: 0;
}

.loadingBoxHolder {
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* For IE8 and earlier */
    -moz-opacity: 0.5;
    position: absolute;
    width: 150px;
    height: 150px;
    left: 50%;
    top: 50%;
    margin-top: -75px;
    margin-left: -75px;
}

.loadingBoxHolderFrame {
    background-color: #fff;
    border: 0;
    position: absolute;
    width: 100px;
    height: 100px;
    left: 50%;
    top: 50%;
    margin-top: -50px;
    margin-left: -50px;
    opacity: 1;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
    -moz-opacity: 1;
}

.loadingBoxHolderInner {
    position: absolute;
    width: 66px;
    height: 66px;
    left: 50%;
    top: 50%;
    margin-top: -33px;
    margin-left: -33px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    /* For IE8 and earlier */
    -moz-opacity: 0.9;
}

.confirmBagsBoxHolder {
    margin-top: -200px;
}

.confirmJobsBoxHolder {
    margin-top: -200px;
}

.messageContent, .confirmContent {
    margin: 50px 20px 20px 20px;
    color: black;
    font-size: 14px;
    max-height: 200px;
    overflow-y: auto;
}

.contentWithIcon {
    margin: 30px 20px 20px 20px;
    color: black;
    font-size: 14px;
    max-height: 200px;
    overflow-y: auto;
}

.messageIcon, .confirmIcon {
    margin: 30px 0 0 0;
}

.confirmButtonsHolder, .messageButtonsHolder {
    width: 100%;
}

.confirmButtonsSpacerLeft, .confirmButtonsSpacerCenter, .confirmButtonsSpacerRight {
    width: 10%;
}

.messageButtonsSpacerLeft, .messageButtonsSpacerRight {
    width: 30%;
}

.messageBoxButton {
    /*    position: relative;*/
    /*    width: 120px;*/
    height: 25px;
    /*    left: 190px;*/
    background-color: grey;
    cursor: pointer;
    border: #cfcfcf solid 1px;
    -webkit-transition: -webkit-box-shadow 0.5s ease-out;
    -moz-transition: -moz-box-shadow 0.5s ease-out;
    -o-transition: box-shadow 0.5s ease-out;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin: 20px 0 30px 0;
}

.messageBoxButton:hover {
    -moz-box-shadow: 0px 0px 10px #6f6f6f;
    -webkit-box-shadow: 0px 0px 10px #6f6f6f;
    box-shadow: 0px 0px 10px #6f6f6f;
    background: #6f6f6f;
}

.confirmBoxYesButton {
    /*    position: relative;*/
    /*    width: 120px;*/
    height: 25px;
    background-color: #e24438;
    /*    display: inline-block;*/
    cursor: pointer;
    border: #cfcfcf solid 1px;
    -webkit-transition: -webkit-box-shadow 0.5s ease-out;
    ;
    -moz-transition: -moz-box-shadow 0.5s ease-out;
    -o-transition: box-shadow 0.5s ease-out;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin: 20px 0 20px 0;
}

.confirmBoxYesButton:hover {
    -moz-box-shadow: 0px 0px 10px #ff4437;
    -webkit-box-shadow: 0px 0px 10px #ff4437;
    box-shadow: 0px 0px 10px #ff4437;
    background: #ff4437;
}

.confirmBoxNoButton {
    /*    position: relative;*/
    /*    width: 120px;*/
    height: 25px;
    background-color: grey;
    /*    display: inline-block;*/
    cursor: pointer;
    border: #cfcfcf solid 1px;
    -webkit-transition: -webkit-box-shadow 0.5s ease-out;
    ;
    -moz-transition: -moz-box-shadow 0.5s ease-out;
    -o-transition: box-shadow 0.5s ease-out;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin: 20px 0 20px 0;
}

.confirmOptions {
    text-align: left;
}

.confirmOptionContent {
    margin: 20px 20px 0 20px;
}

.confirmOptionLabel {
    color: black;
    font-size: 14px;
}

.confirmBoxNoButton:hover {
    -moz-box-shadow: 0px 0px 10px #6f6f6f;
    -webkit-box-shadow: 0px 0px 10px #6f6f6f;
    box-shadow: 0px 0px 10px #6f6f6f;
    background: #6f6f6f;
}

.messageBoxButtonCaption, .confirmBoxButtonCaption {
    font-size: 12px;
    margin-top: 5px;
    color: #fff;
}

.button20 {
    height: 20px;
}

.yellowButton {
    background: lightgoldenrodyellow;
    border: darkgoldenrod solid 1px;
    text-align: center;
    line-height: 14px;
    margin-bottom: 6px;
    width: 300px;
    height: 13px;
    padding: 5px;
    color: black;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow 0.5s ease-out;
    ;
    -moz-transition: -moz-box-shadow 0.5s ease-out;
    -o-transition: box-shadow 0.5s ease-out;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.yellowButton:hover {
    -moz-box-shadow: 0px 0px 10px #ffd000;
    -webkit-box-shadow: 0px 0px 10px #ffd000;
    box-shadow: 0px 0px 10px #ffd000;
    background: #ff4437;
    color: white;
}

.fixesOutputArea {
    width: 940px;
    height: 725px;
    border: grey dotted 1px;
    padding: 10px;
    overflow-y: scroll;
    overflow-x: auto;
}

.meterWide {
    width: 950px !important;
}

.meter {
    height: 15px;
    position: relative;
    width: 490px;
    margin: 0 0 10px 0;
    background: #777;
    line-height: 16px;
    /*    -moz-border-radius: 5px;*/
    /*    -webkit-border-radius: 5px;*/
    /*    border-radius: 5px;*/
    padding: 5px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}

.meter > span {
    display: block;
    height: 100%;
    width: 0px;
    text-align: center;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: rgb(43,194,83);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(43,194,83)),
        color-stop(1, rgb(84,240,84))
        );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(43,194,83) 37%,
        rgb(84,240,84) 69%
        );
    -webkit-box-shadow: inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);
    box-shadow: inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);
    position: relative;
    overflow: hidden;
}

.meter > span > div {
    margin-top: 0px;
    color: black;
}

.wideMeter {
    width: 600px;
    background: rgb(230,230,230);
    height: 25px;
    line-height: 26px;
    margin-left: 110px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.wideMeter > span {
    background-color: rgb(0,102,204);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(0,102,204)),
        color-stop(1, rgb(51,153,255))
        );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(0,102,204) 37%,
        rgb(51,153,255) 69%
        );
}

.wideMeter > span > div {
    color: white;
}

.noMargin {
    margin: 0;
}

table.dottedTable {
    border-collapse: collapse;
}

table.dottedTable th {
    border-width: 1px;
    padding: 3px;
    border-style: dotted;
    border-color: gray;
}

table.dottedTable td {
    border-width: 1px;
    padding: 3px;
    border-style: dotted;
    border-color: gray;
}

.dateSelectBox2 {
    width: 200px;
}

.selectedOption {
    color: firebrick;
}

.notSelectedOption {
    color: darkblue;
}

.middle_error_licence {
    background-color: #eee;
    border-radius: 3px;
    height: auto;
    margin: 5px 0px 0px 0px;
    padding: 10px 15px 10px 15px;
    text-align: center;
    line-height: 24px;
    font-size: 15px;
    font-weight: bold;
    color: #bb0e04;
}

.sortingCounterArea {
    float: right;
    color: #222;
    font-size: 14px;
    font-weight: bold;
}

.middleBagsOut {
    background-color: #eee;
    border: solid 1px #efefef;
    height: auto;
    margin: 5px 0px 0px 0px;
    text-align: left;
    line-height: 24px;
    font-size: 12px;
    border-radius: 3px;
    /*    max-height: 405px;*/;
}

.middleBagsInTitle {
    padding: 10px 15px 0px 15px;
}

.middleBagsIn {
    padding: 5px 15px 10px 15px;
}

.generalBody {
    font-size: 12px;
}

.modalHtml {
    margin: 0;
}

.modalBody {
    margin: 2px 0;
}

.propertyField {
    min-width: 280px;
    max-width: 300px;
    overflow-x: hidden;
}

.propertyFieldNarrow {
    width: 150px;
    overflow-x: hidden;
}

.blockTitle {
    margin-bottom: 5px;
    font-weight: bold;
}

.horizontalBagPanel {
    margin-right: 10px;
}

.sess_bag_name_ident {
    margin-top: 4px;
}

.no_select {
    cursor: default;
}

.selectBoxT {
    width: 250px;
}

.studentSearchField {
    width: 200px;
}

.bagItemName {
    max-height: 36px;
    height: 36px;
    line-height: 18px;
    overflow: hidden;
    margin: 6px 0 6px 0;
}

.bagItemGroup {
    max-height: 24px;
    overflow: hidden;
}

.bagContentView {
    /*    float: right;*/
    height: 18px;
    border: solid 1px grey;
}

.checkbox {
    cursor: pointer;
}

.menuMainTable {
    margin: 5px 0 5px 0;
}

.topMiddleTable {
    border: 0;
    margin: 0 -5px -5px;
    border-spacing: 5px;
}

.topMiddleTable tr {
    vertical-align: top;
    background: url('../css/images/bg_lg_w_02.png');
}

.topMiddleTable td {
    background: linear-gradient(rgba(238,238,238,0.9), rgba(238,238,238,0.4));
}

.topMiddleTableDiv {
    /*padding: 10px 15px 10px 15px;*/
    padding: 7px 10px 8px 10px;
    text-align: left;
    line-height: 24px;
    font-size: 12px;
}

.topMiddleTableDiv .controls {
    margin-top: 10px;
}

.middleNoTopMargin {
    margin-top: 0;
}

.importOutput {
    width: 500px;
    max-width: 500px;
    height: 496px;
    padding: 10px;
    text-align: left;
}

.importSettings {
    width: 346px;
    max-width: 346px;
    height: 496px;
    padding: 10px;
    text-align: left;
}

.importMainTable {
    /*    border-spacing: 0;*/
    width: 100%;
}

.importTableTd {
    vertical-align: top;
}

.importSettingsSelectors {
    max-width: 350px;
    margin: 0 0 10px;
    height: 386px;
    max-height: 414px;
    overflow-x: auto;
    overflow-y: scroll;
    border: grey dotted 1px;
    padding: 8px 5px;
    color: #111;
    background: rgba(0,0,0,0.08);
}

#importOptionsDiv {
    height: 28px;
}

.importSettingsSelectorsHeader, .infoHeader {
    background-color: #313131;
    border: grey dotted 1px;
    border-bottom: none;
    overflow: hidden;
    color: #fff;
    font-weight: bold;
}

.importSettingsSelectorsHeader > table, .infoHeader > table {
    width: 100%;
    border-spacing: 0;
    text-align: left;
    line-height: 24px;
}

.importSettingsSelectorsHeader > table tr, .infoHeader > table tr {
    height: 28px;
    cursor: default;
}

.importSettingsSelectorsHeader > table td, .infoHeader > table td {
    padding: 0 0 0 5px;
    border: 0;
    vertical-align: middle;
}

.importSettingsSelectorsHeader > table th, .infoHeader > table th {
    padding: 0 0 0 5px;
    border: 0;
    vertical-align: middle;
    background-color: #2e5984;
    border: grey dotted 1px;
    border-bottom: none;
    overflow: hidden;
    color: #fff;
    font-weight: bold;
}

.importSettingsSelectorsHeader > span, .infoHeader > span {
    margin-left: 5px;
}

.importSettingsSelector {
    margin: 0 0 5px 0;
}

.importSettingsUploadPoint {
    width: 310px;
}

.importOutputLog {
    padding: 8px;
    /*    border: grey dotted 1px;*/
    width: 484px;
    height: 414px;
    overflow-y: scroll;
    overflow-x: auto;
    font-size: 12px;
    background-color: #eee;
    color: #000;
    border: 1px solid #bbb;
}

.addUploadFilesButton {
    float: right;
}

.autoIconAlone {
    margin: 4px 0 0 0;
}

.autoIconAlone2
{
    margin: 2px 0 0 0;
}

.autoIconButton {
    margin: 0px 5px 0 0;
}

.autoIconRow {
    margin: 0 5px 0 5px;
    vertical-align: middle;
}

.autoIconRowHigh {
    margin: 0 0 0 5px;
    vertical-align: middle;
}

.autoIcon + .autoIcon {
    margin-left: 0;
}

.autoIconRowHigh + .autoIconRowHigh {
    margin-left: 5px !important;
}

.standardInputButton {
    line-height: 22px;
    background-color: #E9E4B3;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.standardButton:active {
    background-color: white;
    border: 1px solid red;
}

.standardButtonAlone {
    margin: 4px 0 0 0;
}

.seamlessHolderTable {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

tr.spaceUnder > td {
    padding-bottom: 10px;
    border-bottom: 1px dotted #969696;
}

tr.spaceAbove > td {
    padding-top: 10px;
}

.rightAlign {
    text-align: right;
    padding-bottom: 2px;
}

.managementThumbnail {
    width: 256px;
    height: 256px;
}

.managementThumbnailWide {
    /*    width: 512px;
        height: 192px;*/
    min-width: 433px;
    height: 163px;
}

.entitiesMainContent {
    /*    padding-right: 15px;*/;
}

.markPass16 {
    width: 16px;
    height: 16px;
    background-color: #70cf50;
}

.markSearch16 {
    width: 16px;
    height: 16px;
    background-color: #3090ff;
}

.markHold16 {
    width: 16px;
    height: 16px;
    background-color: #ff5050;
}

.passAmount {
    font-weight: bold;
    padding: 0 8px;
    border: grey solid 1px;
    background-color: #9e7;
}

.searchAmount {
    font-weight: bold;
    padding: 0 8px;
    border: grey solid 1px;
    background-color: #6cf;
}

.holdAmount {
    font-weight: bold;
    padding: 0 8px;
    border: grey solid 1px;
    background-color: #f88;
}

.normalFont {
    font-weight: normal;
    font-size: 12px;
}

.bagsCounter {
    color: #000;
}

.importSettingsUploadPointAdd label {
    cursor: pointer;
    font-style: italic;
}

.importSettingsUploadPointAdd:hover {
    text-decoration: underline;
}

.importSettingsUploadPointSet {
    width: 315px;
}

.importSettingsUploadPointSet span + span {
    margin-left: 5px;
    color: #42ad32;
}

.importSettingsUploadPointSet span + span + span {
    margin-left: 5px;
    width: 10px;
    height: 10px;
    display: inline-block;
    cursor: pointer;
    background-image: url(../img/10/deleteRed10.png);
}

.customisedReportStudentHighlightOver:nth-child(odd) {
    background-color: rgba(144,228,140,0.7) !important;
}

.customisedReportStudentHighlightOver:nth-child(even) {
    background-color: rgba(144,228,140,0.48) !important;
}

.customisedReportStudentHighlightUnder:nth-child(odd) {
    background-color: rgba(255,177,177,0.7) !important;
}

.customisedReportStudentHighlightUnder:nth-child(even) {
    background-color: rgba(255,177,177,0.48) !important;
}

.hGreen span {
    border-left: 5px solid rgba(81, 197, 81, 1);
    /*    background: rgba(124, 236, 124, 1);*/
}

.hRed span {
    border-left: 5px solid rgba(202, 93, 93, 1);
    /*    background: rgba(255, 151, 151, 1);*/
}

.customisedReportExportOptions {
    padding: 2px 5px 2px 5px;
    color: #222;
    border: 1px dotted #969696;
    background-color: #ddd;
    margin-bottom: 10px;
}

.customisedReportExportOptions label + input {
    margin-left: 10px;
}

.bagReviewInfoBox tbody tr td {
    border-bottom: 1px solid grey;
}

#itemIdentInfo {
    padding-top: 10px;
    border-top: 1px solid grey;
    font-weight: bold;
}

@keyframes backlight {
    0% {
        background: #9f9;
    }

    50% {
        background: #9f9;
    }

    100% {
        background: none;
    }
}

.updatingResult {
    color: #bbb;
}

.backlightAnimated {
    animation: backlight 1s;
}

.scrollGraphSpanButton {
    cursor: pointer;
    font-weight: bold;
    border: 1px solid #bbbbbb;
    padding: 4px;
}

.scrollGraphSpanButton:hover {
    color: #222;
    background-color: #ddd;
    border-color: #4d4d4d;
}

/*
.pageNum, .pageNumActual, .pageNumArrow {
    background-color: #313131;
    border: 1px solid #969696;
    font-size: 12px;
    line-height: 22px;
    margin: 3px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    min-width: 32px;
}
*/

.shortMsg {
    display: none;
    border: 2px solid #111;
    background: #f9f3a2;
    color: #111;
    padding: 12px;
    width: 100%;
    position: fixed;
    top: 0;
    margin: 0;
    text-align: center;
    font-weight: bold;
    font-size: 13pt;
    z-index: 3;
}

#progressOuter {
    width: 85%;
    border: 1px solid #999;
    text-align: left;
    display: none;
    position: relative;
}

.animatedProgressOuterBG {
    background: url('images/gr_bg_anim_01.gif') #888;
}

.stillProgressOuterBG {
    background: url('images/still_gr_bg_03.png') #888;
}

#progressInner {
    width: 1%;
    height: 18px;
    background: url('images/gr_anim_03.gif') #00e800;
    font-size: 9pt;
    color: #fff;
    font-weight: normal;
    line-height: normal;
    font-family: Arial;
    padding-top: 4px;
}

#progressTime {
    display: block;
    font-size: 8pt;
    color: #222;
    font-weight: normal;
    line-height: normal;
    font-family: Arial;
}

#progressInnerText {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    padding-left: 3px;
    -moz-text-shadow: 1px 1px 1px #000;
    -webkit-text-shadow: 1px 1px 1px #000;
    text-shadow: 1px 1px 1px #000;
    filter: glow(color=#000000, strength=2);
    display: block;
    color: #fff;
}

#exportInfoHolderDiv {
    display: none;
    background: #dedede;
    border: 1px solid #bebebe;
    border-radius: 3px;
    padding: 7px 15px 10px 15px;
    width: 320px;
    margin-top: 24px;
    margin-bottom: 20px;
}

#headerRow {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pOuter, .pOuter2 {
    width: 100px;
    border: 1px solid #676767;
    text-align: left;
    display: block;
    position: relative;
    background: #ccc;
    color: #000;
    font-size: 9pt;
}

.pOuter2 {
    left: 50%;
    margin-left: -50px;
}

.pOuter3, .pOuter4 {
    width: 80px;
    border: 1px solid #676767;
    text-align: left;
    display: block;
    position: relative;
    background: #ccc;
    color: #000;
    font-size: 9pt;
}

.pOuter4 {
    left: 50%;
    margin-left: -40px;
}

.pInner {
    height: 18px;
    /*
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    border-style: solid;
    border-width: 1px;
    */
    font-size: 9pt;
    color: #fff;
    font-weight: normal;
    line-height: normal;
    font-family: Arial;
    background-image: url('../img/grad_bck_09.png');
}

.pInnerT {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    padding-left: 3px;
    line-height: 18px;
    -moz-text-shadow: 0px 0px 3px #fff;
    -webkit-text-shadow: 0px 0px 3px #fff;
    text-shadow: 0px 0px 3px #fff;
    /*filter: glow(color=#000000, strength=2);*/
    display: block;
}

/* SCRTN: Students Customized Report Table Name */
.SCRTN {
    /* Name field: if a student name exceeds 255px width with firefox or 200px with IE, then it distorst the entire table */
    display: block;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 260px;
    cursor: pointer;
}

.SCRTN a:hover {
    color: #000;
}

/* OVTHD: Overview Table THeader Div */
.OVTHD {
    display: block;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 2px;
    cursor: pointer;
}

/*#targetTable thead tr th {
    height: 0;
    line-height: 0;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: transparent;
    border: none;
    white-space: nowrap;
}

#targetTable thead tr th div {
    position: absolute;
    line-height: 32px;
    z-index: 2;
    text-align: left;
    top: 0;
    color: #fff;
    cursor: pointer;
}*/

#targetTable td {
    padding: 0;
}

#targetTable span {
    padding: 2px;
    display: block;
}

.grad1 {
    background: #404040;
    background: -webkit-linear-gradient(#363636, #555);
    background: -o-linear-gradient(#363636, #555);
    background: -moz-linear-gradient(#363636, #555);
    background: linear-gradient(#363636, #555);
}

.grad2 {
    background: #313131;
    background: -webkit-linear-gradient(#404040, #313131);
    background: -o-linear-gradient(#404040, #313131);
    background: -moz-linear-gradient(#404040, #313131);
    background: linear-gradient(#404040, #313131);
}

.dottedDiv1 {
    background-color: #313131;
    border: 1px dotted #969696;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    color: #e9e4b3;
    width: 100%;
    height: 100%;
}

.dottedTable1 {
    border: none;
    border-spacing: 10px;
    padding: 0 5px 0 5px;
    background: transparent;
}

.dottedTable1 td {
    vertical-align: top;
}

.dottedTable1 TD.dottedTd1 {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 15px 5px 10px;
    color: #222;
    border: 1px dotted #969696;
    background-color: #ddd;
}

.middleHolder1 {
    background-color: #313131;
    border: 1px solid #fff;
    font-size: 12px;
    line-height: 24px;
    margin: 5px 0 0;
    text-align: left;
    border-radius: 3px;
}

/* for student customizes report in case of ie78 flag (IE8 static graphs): */
#chartsAreaIE78 {
    text-align: center;
}

#scrollControlIE78 {
    text-align: left;
}

.hand {
    cursor: pointer;
}

a.anchor1, a.anchor1:link, a.anchor1:hover,  a.anchor1:visited, a.anchor1:active {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

a.anchor2, a.anchor2:link,  a.anchor2:hover,  a.anchor2:visited, a.anchor2:active {
    color: #222;
    font-weight: bold;
    text-decoration: none;
}

#dateRangeFromPredef,
#dateRangeToPredef,
.dateRangeFromInput,
.dateRangeToInput
{
    width: 210px;
}

.bg3 {
    background: #333;
}

.simpleNotificationDiv {
    color: #f99;
    padding: 5px 0 5px 0;
    font-weight: bold;
    display: none;
}

#certificationTemplate {
    width: 300px;
}

.entity_info {
    background-color: #fff;
    padding: 8px 0 8px 8px;
    min-width: 254px;
    border: grey dotted 1px;
}

.entity_info_loaded {
    color: #00B000;
}

.entity_info_not_loaded {
    color: #E24438;
}

.scroll24 {
    overflow-y: auto;
    max-height: 25px;
    box-sizing: border-box;
}

.searchCatagetoriesListElement {
    color: blue;
}

.holdCategoriesListElement {
    color: red;
}

.pointer1 {
    cursor: pointer;
}

.ngreen {
    color: #afffaf;
}

.nred {
    color: #ffafaf;
}

.ngreenb {
    color: #22b708;
    font-weight: bold;
}

.nredb {
    color: #bb0e04;
    font-weight: bold;
}

TABLE.adminfo td {
    padding: 4px;
}

.switchActionButton {
    background: #E9E4B3;
    border: #B8860B solid 1px;
    text-align: center;
    width: 224px;
    height: 32px;
    color: black;
    cursor: pointer;
    font-size: 11pt;
    -webkit-transition: -webkit-box-shadow 0.5s ease-out;
    ;
    -moz-transition: -moz-box-shadow 0.5s ease-out;
    -o-transition: box-shadow 0.5s ease-out;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

.switchActionButton:hover {
    -moz-box-shadow: 0px 0px 5px #ffd000;
    -webkit-box-shadow: 0px 0px 5px #ffd000;
    box-shadow: 0px 0px 5px #ffd000;
    background: #F5E55B;
}

#backButton.switchActionButton {
    margin: 25px 0 25px 0;
}

.notesDiv, .notesDivTA {
    display: block;
    height: 205px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    background: #eee;
}

.notesDiv {
    margin-bottom: 15px;
}

.notesDivTA {
    max-height: 150px;
}

.notesTable, .notesTableTA {
    border-collapse: collapse;
    width: 100%;
    max-width: 300px;
}

.notesTableTA {
    max-width: 420px;
}

.notesTable, .notesTableTA td {
    padding: 3px;
    vertical-align: top;
}

.notesTH {
    border-top: 1px solid #aaa;
    background: #ddd;
}

.titleBG {
    background-image: linear-gradient(rgba(79, 79, 79, 0.5), rgba(51, 51, 51, 0.5));
}

.topMiddleTable2 {
    width: 100%;
    border-collapse: collapse;
    margin: 5px -5px 5px -5px;
}

.topMiddleTable2 tr {
    vertical-align: top;
    background: url('../css/images/bgPattern_03.png');
}

.topMiddleTable2 td {
    border: #969696 solid 1px;
    background: linear-gradient(rgba(50,50,50,0.9), rgba(50,50,50,0.3));
}

.eventsHead {
    border: 1px solid #28465f;
}

.eventsHead th {
    background: #2e5984;
    /*#355874*/
    border-left: 1px solid #28465f;
    border-collapse: collapse;
}

.headerGl {
    box-shadow: 0 0 8px #fff;
    width: 1200px;
    margin: 0 auto !important;
    position: relative;
}

.headerGlStu {
    box-shadow: 0 0 8px #fff;
    width: 900px;
    margin: 0 auto !important;
    position: relative;
}

.modifiedField {
    border: 2px solid black;
}

/*default*/
.stButton, .smButton {
    background: linear-gradient(#0378b1, #0369a1);
    border: 1px solid #005891;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0 1px 0 1px;
    text-align: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(17, 17, 17, 0.5);
    -webkit-transition: -webkit-box-shadow 0.5s ease-out;
    -moz-transition: -moz-box-shadow 0.5s ease-out;
    -o-transition: box-shadow 0.5s ease-out;
}

.stButton {
    font-family: "Helvetica Neueu", Helvetica, Arial, sans-serif;
    font-size: 11pt;
    min-width: 216px;
    text-align: center;
    height: 32px;
}

.smButton {
    padding: 0 8px 0 8px;
    height: 26px;
    font-size: 12px;
    line-height: 26px;
}

.bt-blue {
    background: linear-gradient(#0378b1, #0369a1);
    border: solid 1px #005891;
    box-shadow: 0 0 3px rgba(17, 17, 17, 0.5);
}

.bt-gray {
    background: linear-gradient(#999, #777);
    border: solid 1px #444;
    box-shadow: 0 0 3px rgba(17, 17, 17, 0.3);
}

.bt-red {
    background: linear-gradient(#cb3333, #ab3333);
    border: solid 1px #9b2323;
}

/*default*/
.stButton:hover, .smButton:hover, .bt-blue:hover, .bt-gray:hover, .bt-red:hover {
    background: linear-gradient(#0985c1, #0978b4);
}

.bt-blue:hover {
    background: linear-gradient(#0985c1, #0978b4);
}

.bt-gray:hover {
    background: linear-gradient(#aaa, #888);
}

.bt-red:hover {
    background: linear-gradient(#e03e3e, #b93f3f);
}

.mainTS {
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    padding: 5px 0;
    margin: 0;
    border-spacing: 0;
}

.mainTS td {
    padding: 0;
}

.mainTopS {
    border-radius: 3px;
    background: #eee;
    margin: 0 0 5px 0;
    padding: 15px 39px 15px 39px;
}

.mainTopST {
    width: 100%;
}

.mainTopST td {
    vertical-align: middle;
}

.expError {
    margin-top: 12px;
    width: 628px;
    border: 1px solid #737373;
    background-color: #fff;
    -moz-box-shadow: 0px 0px 5px #000;
    -webkit-box-shadow: 0px 0px 5px #000;
    box-shadow: 0px 0px 5px #000;
    border-radius: 3px;
}

.expError div {
    padding: 10px;
    font-size: 11pt;
    color: #e64040;
    font-weight: bold;
}

/* for buttons where 2px margin is required */
.bt-marg-2 {
    margin: 2px !important;
}

.headerB {
    padding: 5px;
    background: #2e5984;
    /*#355874*/;
}

table.bTab {
    width: auto;
    margin: auto;
}


/* gap override for buttons */
.gap12 {
    margin-top: 12px;
}

.gapHolder12 + .gapHolder12 {
    margin-top: 12px;
}

.gap20 {
    margin-top: 20px;
}

.gapHolder12 + gapHolder36 {
    margin-top: 36px;
}

.gap36 {
    margin-top: 36px;
}

.gap50 {
    margin-top: 50px;
}


/*  review button */
.reviewBt {
    padding: 4px;
    background: #aaa;
    border-radius: 4px;
    cursor: pointer;
}

.reviewBt:hover {
    background: #0c73dc;
    box-shadow: 0 0 4px 2px #0c73dc;
}

/* web-form button caharacteristics override (replacement for file upload input and submit button) */
.fBt {
    cursor: pointer;
}

.fBt:hover {
    background: #0c73dc;
    box-shadow: 0 0 4px 2px #0c73dc;
}

/* font characteristics override for 18px */
.fl18 {
    font-size: 18px;
    line-height: 24px;
    min-height: 24px;
}

#loadingHolder {
    display: none;
}

.scrollContent {
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
}

.scroll1 {
    height: 260px;
}

.lineH:hover {
    cursor: pointer;
}

.lineH:hover td {
    background: rgba(0, 0, 0, 0.1);
}

#applications1, #studentGroups1, #machines1 {
    background-image: none;
}

.analysisHeader td {
    border-right: 1px solid #aaa;
}

.analysisTable {
    border-bottom: 1px solid #aaa;
}

.resultsRowAccreditorName {
    cursor: pointer;
}

input[type='button'][disabled], button[disabled], input[type='button'][disabled]:hover, button[disabled]:hover {
    cursor: not-allowed;
    background: #cfcfcf;
    color: #777;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    border: #9f9f9f solid 1px;
}

.sessionsListTable {
    text-align: left !important;
}

.sessionsListTable th, .sessionsListTable td {
    padding-left: 8px !important;
}

.sessionsListTable .actionsCol {
    width: 171px !important;
}

.canManageStudentBlock, .sessionsManagementBlock {
    border: 1px solid #aaa;
    border-radius: 6px;
    padding: 3px;
    margin: 5px 0 5px 0;
    background: #e8e8e8;
}

.indentedLabels input {
    margin-right: 8px;
}

.indentedLabels select {
    margin-left: 8px;
}

.canManageStudentBlock div, .sessionsManagementBlock div {
    margin-left: 25px;
}

.jobHolderDiv {
    height: 150px;
    width: 270px;
    overflow-y: scroll;
    padding: 4px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #555;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 11px;
    margin-bottom: 4px;
}

.r {
    text-align: right !important;
}

.lp20 {
    padding-left: 20px;
}


.infoRow td {
    font-weight: bold;
    background-color: #777;
    color: #fff;
}

.ctr {
    margin: auto;
}

.blueTick {
    font-weight: bold;
    color: #0053ff;
    text-align: center;
}

.exp {
    text-align: center;
}

.exp1 {
    background: #ffa603 !important;
}

.exp2 {
    background: #ff5050 !important;
}

TABLE.fileList th {
    padding: 8px
}

.btn-button {
    background: linear-gradient(#0378b1, #0369a1);
    border: 1px solid #005891;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    margin: 0 3px 0 2px;
    padding: 1px 8px 3px;
    text-align: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(17, 17, 17, 0.5);
}

.btn-button[disabled], .btn-button[disabled]:hover, .btn-button[disabled]:active {
    cursor: not-allowed;
    background: #cfcfcf;
    color: #444;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    border: #9f9f9f solid 1px;
}

.btn-button:hover {
    background: linear-gradient(#0985c1, #0978b4);
}

.btn-button-red {
    background: linear-gradient(#cb3333, #ab3333);
    border: solid 1px #9b2323;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    margin: 0 3px 0 2px;
    padding: 1px 8px 3px;
    text-align: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(17, 17, 17, 0.5);
}

.btn-button-red[disabled], .btn-button-red[disabled]:hover, .btn-button-red[disabled]:active {
    cursor: not-allowed;
    background: #cfcfcf;
    color: #444;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    border: #9f9f9f solid 1px;
}

.btn-button-red:hover {
    background: linear-gradient(#e03e3e, #b93f3f);
}

table.scrollableTable {
    width: 100%;
}

table.scrollableTable thead th {
    position: sticky;
    top: 0;
}

.tDiv {
    min-width: 1100px;
    height: 300px;
    overflow: auto;
}

.nsrthtdth {
    font-weight: bold;
    background: #455575 !important;
    color: #fff;
    padding: 8px 4px;
}

.importInfo1 {
    padding: 3px 7px;
    background: #ddd;
    border: 1px solid #aaa;
    border-radius: 4px;
    border-spacing: 0 5px;
}

.importInfo1 td {
    padding: 5px;
}

.importInfo1 tr {
    background: #f4f4f4 none repeat scroll 0 0;
}

.wh {
    background: #fff;
}

.gr1 {
    background: #ddd;
}

.mt15 {
    margin-top: 15px !important;
}

.mw100 {
    min-width: 100px;
}

.mw85 {
    min-width: 85px;
}

.mw75 {
    min-width: 75px;
}

.cen {
    text-align: center;
}

table.studentsReportQueryMainTable3 {
    width: 100%;
    background-color: #ddd;
    border: 1px solid #bbb;
    border-spacing: 0;
    border-collapse: collapse;
}

.studentsReportQueryMainTable3 tr:nth-child(even) {
    background-color: #eee;
}

.studentsReportQueryMainTable3 td,
.studentsReportQueryMainTable3 th {
    padding: 3px 5px 3px 5px;
    border: 1px solid #999;
    min-width: 120px;
    text-align: center;
}

.studentsReportQueryMainTable3 td.general,
.studentsReportQueryMainTable3 td.total {
    font-weight: bold;
}

.studentsReportQueryMainTable3 th,
.studentsReportQueryMainTable3 td.header {
    font-weight: bold;
    color: #fff;
}

.dataRowsTitle3 {
    background-color: #777;
}

.studentName {
    min-width: 200px !important;
    font-weight: bold;
    text-align: left !important;
}

.actionsMain3 {
    background-color: #fff;
}

tr.analysisHeader th {
    padding: 3px 5px 3px 5px;
    border: 1px solid #999;
    text-align: left;
}

tr.analysisHeader th + th {
    text-align: center;
}

.monoSelect option {
    height: 9px;
}

.elementList li {
    max-width: 1112px;
}

.infoTable, .infoTable td, .infoTable th {
    padding: 3px;
    border: 1px solid #7d7d7d;
    border-collapse: collapse;
    background: #eee;
}

.infoTableStatus, .infoTableStatus td, .infoTableStatus th {
    line-height: 15px;
    padding: 3px;
    border: 1px solid #7d7d7d;
    border-collapse: collapse;
    background: #eee;
}

.infoTableStatus th {
    line-height: 15px;
    font-weight: bold;
    background: #455575;
    color: #fff;
}

.actionsBody {
    background-color: #ddd;
    border: grey dotted 1px;
    overflow: hidden;
    color: #222;
    padding: 5px;
    font-weight: bold;
}

.bnsInf {
    border: 1px solid #aaa;
    display: inline-block;
    border-radius: 3px;
    padding: 0 3px 0 3px;
    background: #ddd;
    margin-right: 1px;
}

.chartTitle {
    font-weight: bold;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#sessionsManagementCoursesAccess {
    margin-bottom: 2px;
}

.mandatoryField {
    color: red;
    font-weight: bold;
}

.noselect
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.containerDetailsTable td
{
    vertical-align: bottom;
}

.freezedHeadScroll          
{ 
    overflow: auto; 
    height: 400px; 
}

.freezedHeadScroll table thead 
{ 
    position: sticky; 
    top: 0; 
    z-index: 1; 
    
    background: #2e5984;
    color: #fff;
}

.freezedHeadScroll table  
{ 
    border-collapse: collapse; 
    width: 100%;
    background-color: #ddd; 
}

.freezedHeadScroll table td 
{ 
    padding: 2px;
}

.freezedHeadScroll table tr:nth-child(even) 
{
    background-color: #eee;
}