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;
}

@font-face {
    font-family: 'fira_codemedium';
    src: url('font/firacode-medium-webfont.eot');
    src: url('font/firacode-medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('font/firacode-medium-webfont.woff2') format('woff2'),
        url('font/firacode-medium-webfont.woff') format('woff'),
        url('font/firacode-medium-webfont.ttf') format('truetype'),
        url('font/firacode-medium-webfont.svg#fira_codemedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fira_codelight';
    src: url('font/firacode-light-webfont.eot');
    src: url('font/firacode-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('font/firacode-light-webfont.woff2') format('woff2'),
        url('font/firacode-light-webfont.woff') format('woff'),
        url('font/firacode-light-webfont.ttf') format('truetype'),
        url('font/firacode-light-webfont.svg#fira_codelight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'liberation_monoregular';
    src: url('font/liberationmono-regular-webfont.eot');
    src: url('font/liberationmono-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('font/liberationmono-regular-webfont.woff2') format('woff2'),
        url('font/liberationmono-regular-webfont.woff') format('woff'),
        url('font/liberationmono-regular-webfont.ttf') format('truetype'),
        url('font/liberationmono-regular-webfont.svg#liberation_monoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titilliumregular';
    src: url('font/titillium-regular-webfont.eot');
    src: url('font/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('font/titillium-regular-webfont.woff2') format('woff2'),
        url('font/titillium-regular-webfont.woff') format('woff'),
        url('font/titillium-regular-webfont.ttf') format('truetype'),
        url('font/titillium-regular-webfont.svg#titilliumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

a {
    color: black;
}

a:active {
    color: black;
}

a:hover {
    color: blue;
}

#lnk {
    color: #Ffffff;
}

#lnk:hover {
    text-decoration: none;
    color: #FDF9BA;
}

#upperApplicationTable{
    height: 40px;
}

.bottom {
    display: none;
    background-color: #313131;
    border: #969696 solid 1px;
    height: 40px;
}

.middle {
    background-color:#eee;
    border: solid 1px #efefef;
    height: auto;
    overflow: auto;
    margin: 5px 0 0 0;
    padding:10px 15px 10px 15px;
    line-height:24px;
    font-size:12px;
    color: #111;
}

.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-y;
    padding: 7px 0px 3px 0px ;
}

.stats {
    background-color: #313131;
    border: #969696 solid 1px;
    width: 250px;
    height: 750px;
    margin: 10px 0px;
}

.stats_main {
    background-color: #313131;
    border: #969696 solid 1px;
    width: 380px;
    height: 690px;
    margin: 0px 10px 0px 10px;
    padding: 0px 0px;
}

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

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

.stats_table_in {
    padding: 10px;
}

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

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

.bag_analysis {
    background-color: #ffffff;
    color: #000000;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    word-wrap: break-word;
    break-word: break-all;
    white-space: -moz-pre-wrap;
}

.bag_name {
    background-color: #CCCCCC;
    color: #000000;
    padding: 3px 10px;
}

.bag {
    background-image: url(../img/line.gif);
}

.gray {
    background-color: #e8e8e8;
}

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

.stati:hover {
    color: #ffffff;
}

.stats_td {
    background-color: #313131;
    border: #969696 solid 1px;
    margin: 10px 0px;
    width: 250px
}

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

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

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

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

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

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

.marker {
    background-color: #f7f3b5;
}

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

.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;
}

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

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

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

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

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

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

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

.rowClass1 {
    background-color: #ffffff;
}

.rowClass2 {
    background-color: #eeeeff;
}

.headerSize {
    font-size: 14px;
    font-weight: bold;
    /*color: #eee;*/
}

.sortableTableHeader {
    cursor: pointer;
}

.basic-side {
    background-color: #313131;
}

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

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

span.btn-large {
    cursor: pointer;
    background: url(../img/btnlarge.jpg) no-repeat;
    display: inline-block;
    padding: 0px 8px 0px 8px;
    color: #000000;
    text-align: center;
    margin: 0px 3px 0px 2px;
    width: 130px;
    height: 20px;
}

.tableDiv {
    overflow-y: auto;
    overflow-x: hidden;
    height: 185px;
}

a:active {
    color: black;
}

a:hover {
    color: blue;
}

#lnk {
    color: #Ffffff
}

#lnk:hover {
    text-decoration: none;
    color: #FDF9BA;
}

#upperApplicationTable {
    height: 40px;
}

.stats {
    background-color: #313131;
    border: #969696 solid 1px;
    width: 250px;
    height: 750px;
    margin: 10px 0px;
}

.stats_main {
    background-color: #313131;
    border: #969696 solid 1px;
    width: 380px;
    height: 690px;
    margin: 0px 10px 0px 10px;
    padding: 0px 0px;
}

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

.stats_table, .stats_table2 {
    background-color: #eee;
    border: #969696 solid 1px;
    width: 900px;
    margin: 5px 0 0 0;
    border-bottom: none;
}

.stats_table2
{
    width: 1200px;
    border-radius: 3px;
    border: 1px solid #efefef;
}

.stats_table3
{
    width: 1350px;
    border-radius: 3px;
    border: 1px solid #efefef;
}

.stats_tableWide {
    width: 1350px;
}

.stats_table_in {
    padding: 10px;
}

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

.top_line2
{
    margin: 10px;
}

.center {
    text-align: center;
}

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

.bag_analysis, .bag_analysis2, .bag_analysis3
{
    background-color: #ffffff;
    color: #000000;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    word-wrap: break-word;
    break-word: break-all;
    white-space: -moz-pre-wrap;
    border-collapse: collapse;
    border: 1px solid #999;
}

/* TODO is bag_analysis2 still in use? If not, remove it */
.bag_analysis3
{
    background-color: #bbb;
    color: #222;
    border: 1px solid #bababa;
    width: 100%;
}

.bag_analysis thead a, .bag_analysis2 thead a {
    color: #eee;
    text-decoration: none;
}

.bag_analysis thead th, .bag_analysis2 thead th {
    border: 1px solid #28465f;
    padding: 5px 0 5px 0;
    background: #2e5984;
    color: #fff;
    font-weight: normal;
}

.rowAnalysisHead th {
    border: 1px solid #28465f;
    padding: 5px 0 5px 0;
    background: #2e5984; /*#355874*/
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    min-width: 80px;
    padding: 0 5px 0 5px;
}

.bag_analysis tbody td, .bag_analysis2 tbody td {
    border: 1px solid #aaa;
    padding: 5px 0 5px 0;
    font-size: 10pt;
    font-weight: bold;
}

.bag_analysis3 tbody td {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 2px 2px;
    font-size: 10pt;
    font-weight: normal;
}

.bag_analysis3 tbody tr.dr {
    background-color: #eee;
    border-top: 1px solid #eee;
}

.bag_analysis3 tbody tr.lr {
    background-color: #fafafa;
    border-top: 1px solid #fafafa;
}

.bag_analysis3 tbody tr.rowAnalysisTotal {
    background-color: #bebebe;
}

.bag_analysis3 tbody tr.rowAnalysisTotal td {
    font-weight: bold;
}

.bag_analysis4
{
    background-color: #ffffff;
    color: #000000;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    word-wrap: break-word;
    break-word: break-all;
    white-space: -moz-pre-wrap;
    border-collapse: collapse;
    border: 1px solid #999;
    background-color: #bbb;
    color: #222;
    border: 1px solid #bababa;
    width: calc(100% - 20px);
    margin: 10px;
}

.bag_analysis4 tbody td
{
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 2px 2px;
    font-size: 10pt;
    font-weight: normal;
}

.bag_analysis4 tbody tr.dr
{
    background-color: #eee;
    border-top: 1px solid #eee;
}

.bag_analysis4 tbody tr.lr
{
    background-color: #fafafa;
    border-top: 1px solid #fafafa;
}

.bag_analysis4 tbody tr.rowAnalysisTotal
{
    background-color: #bebebe;
}

.bag_analysis4 tbody tr.rowAnalysisTotal td
{
    font-weight: bold;
}

.bag_analysis2 {
    width: 1172px;
}

.bag_analysisWide {
    width: 1322px;
}

.bag_name {
    background-color: #CCCCCC;
    color: #000000;
    padding: 3px 10px;
}

.bag {
    background-image: url(../img/line.gif);
}

.gray {
    background-color: #e8e8e8;
}

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

.stati:hover {
    color: #ffffff;
}

.stats_td {
    background-color: #313131;
    border: #969696 solid 1px;
    margin: 10px 0px;
    width: 250px
}

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

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

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

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

.marker {
    background-color: #f7f3b5;
}

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

.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;
}

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

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

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

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

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

.rowClass1 {
    background-color: #ffffff;
}

.rowClass2 {
    background-color: #eeeeff
}

.headerSize {
    font-size: 14px;
    font-weight: bold;
}

.basic-side {
    background-color: #313131;
}

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

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

span.btn-large {
    cursor: pointer;
    background: url(../img/btnlarge.jpg) no-repeat;
    display: inline-block;
    padding: 0px 8px 0px 8px;
    color: #000000;
    text-align: center;
    margin: 0px 3px 0px 2px;
    width: 130px;
    height: 20px;
}

#importDiv {
    padding-bottom: 10px;
    padding-top: 10px;
    background: #ddd none repeat scroll 0 0;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.tableDiv {
    overflow-y: auto;
    overflow-x: hidden;
    height: 185px;
}

.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;
}

.top_warning {
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 16px;
}

.specialNotePassed {
    text-align: center;
    color: #3cbf27;
    font-weight: bold;
    font-size: 18px;
}

.specialNoteFailed {
    text-align: center;
    color: #ff0000;
    font-weight: bold;
    font-size: 18px;
}

.certificationDownloadLinkContainer {
    margin-top: 10px;
    text-align: center;
}

.certificationDownloadLink {
    font-weight: bold;
    font-size: 14px;
    text-decoration: underline;
    color: #222;
}

.userAccountSuspended {
    margin-top: 30px;
    text-align: center;
    color: #d95151;
    font-weight: bold;
    font-size: 14px;
}

.whiteBackground {
    background-color: #ffffff;
}

.redBackground {
    background-color: #ff7f7f;
}

.greenBackground {
    background-color: #7fbfff;
}

.blueBackground {
    background-color: #bfff7f;
}

.reviewCorrectAnswerBgColour {
    background-color: #C0FFB0;
}

.reviewWrongAnswerBgColour {
    background-color: #FFF9BA;
}

.reviewBlockedBgColour
{
    background-color: #d4d4d4;
}

.reviewFatalAnswerBgColour {
    background-color: #FFC2C2;
}

.switchActionButton {
    background: #ab3333;
    border: #ad3a3a solid 1px;
    text-align: center;
    width: 224px;
    height: 32px;
    color: #fff;
    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 #ab3333;
    -webkit-box-shadow: 0px 0px 5px #ab3333;
    box-shadow: 0px 0px 5px #ab3333;
    background: #d16363;
}

.submitActionButton {
    background: #FFC387;
    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;
}

.submitActionButton:hover {
    -moz-box-shadow: 0px 0px 5px #FF9E00;
    -webkit-box-shadow: 0px 0px 5px #FF9E00;
    box-shadow: 0px 0px 5px #FF9E00;
    background: #FFAE5F;
}

.headerTable {
    margin: 10px 0 20px 0;
}

.bottomControls {
    text-align: center;
    margin: 22px 0 10px 0;
}

.messageBox {
    display: none;
}

.messageBoxBack {
    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 {
    position: absolute;
    width: 500px;
    left: 50%;
    top: 50%;
    margin-top: -120px;
    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;
}

.messageButtonsHolder {
    width: 100%;
}

.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 20px 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;
}

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

.messageContent {
    margin: 60px 20px 30px 20px;
    color: black;
    font-size: 14px;
}

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

/* TODO use better naming for classes! */
.glku, .glkuw, .glkum {
    list-style-type: none;
    display: block;
    height: 180px;
    width: 1165px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

/* TODO use better naming for classes */
.glku a, .glkuw a, .glkum a {
    font-family: 'liberation_monoregular', liberation_monoregular, courier new;
    line-height: 15px;
    padding: 0px 3px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 1340px;
}

/* TODO use better naming for classes */
.glku {
    color: #fff;
    background-color: #444;
    border: 1px solid #555;
}

/* TODO use better naming for classes */
.glku a {
    color: #fff;
}

/* TODO use better naming for classes */
.glku a:hover {
    background-color: #646464;
}

/* TODO use better naming for classes */
.glku a.highlight {
    background-color: #39f;
}

/* TODO use better naming for classes */
.glkuw {
    color: #222;
    background: url("../css/images/bg_lg_w_03.png");
    border: 1px solid #ccc;
}

/* TODO use better naming for classes */
.glkuw a {
    color: #222;
}

/* TODO use better naming for classes */
.glkuw a:hover {
    background-color: rgba(221,221,221,0.5);
}

/* TODO use better naming for classes */
.glkuw a.highlight {
    background-color: #39f;
    color: #fff;
}

/* TODO use better naming for classes */
.glkum {
    color: #fff;
    background: url("../css/images/bgPattern_04.png");
    border: 1px solid #737373;
    border-radius: 3px;
}

/* TODO use better naming for classes */
.glkum a {
    color: #fff;
}

/* TODO use better naming for classes */
.glkum a:hover {
    background-color: rgba(110,110,110,0.5);
}

/* TODO use better naming for classes */
.glkum a.highlight {
    background-color: #39f;
}

/* TODO use better naming for classes */
.hidE {
    opacity: 0.3;
    font-style: italic;
}

#tableNameHolder {
    text-align: center;
}

.bold {
    font-weight: bold;
}

.currentMarked {
    background-color: #ddd;
}

#invisibleBg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent;
    display: none;
}

#groupCoverName {
    width: 150px;
    height: 25px;
    background: #fff;
    display: none;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    padding: 2px 0 1px 3px;
    line-height: 15px;
    font-family: 'fira_codelight', fira_codelight, courier new;
    background-image: url('images/down_arrow_svg_01.svg');
    background-position: center right;
    background-repeat: no-repeat;
    margin-top: 3px;
    cursor: default; /*initial*/
}

/* TODO why is this 3? Do we use studentGroups1 and 2? */
#studentGroups3 {
    width: 394px;
    position: absolute;
    font-family: 'fira_codelight', fira_codelight, courier new;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    margin-top: 3px;
    margin-left: 1px;
}

select#studentGroups3::-ms-expand {
    display: none;
}

/* unified arrow appearance for select-options combobox */

.unified_arrow, .unified_arrow_date {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('images/down_arrow_svg_01.svg');
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 20px;
    border: 0;
}

select.unified_arrow::-ms-expand {
    display: none;
}

select.unified_arrow_date::-ms-expand {
    display: none;
}

.unified_arrow_date {
    padding-right: 0;
}

#invisibeHolder {
    font-family: 'fira_codelight', fira_codelight, courier new;
    display:none;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

select, input, textarea {
    padding: 4px;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #555;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    outline: medium none;
    box-sizing: border-box;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url('images/down_arrow_svg_01.svg');
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 20px;
}

select::-ms-expand {
    display: none;
}

.gradBGHolder {
    width:100%;
    height:100%;
    /*background: url('../css/images/bgPattern_03.png');*/
    background: url('../css/images/bg_lg_w_02.png');
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.gradBG {
    background: linear-gradient(rgba(238,238,238,0.9), rgba(238,238,238,0.4));
    text-align: left;
}

.markedRow {
    background-color: #39f;
}

.markedSessionRow {
    background-color: #39f !important;
    border-top: 1px solid #39f !important;
}

.markedSessionRow + .markedSessionRow {
    border-top: 1px dotted #666 !important;
}

#noResults, #loading, #noResults2
{
    background: #ddd;
    padding:5px;
    border: 1px dotted #888;
    text-align:center;
    border-radius: 3px;
}

#noResults2
{
    margin: 10px;
}

#loading {
    display: none;
}

.caching {
    background: #ddd;
    padding:5px;
    border: 1px dotted #888;
    text-align:center;
    border-radius: 3px;
}


#notify {
    display: none;
    background-color: #dcdcdc;
    border: 1px dotted #888;
    border-radius: 3px;
    color: #222;
    font-family: titilliumregular;
    font-size: 12pt;
    height: 25px;
    line-height: 34px;
    padding: 0 0 10px;
    text-align: center;
}

.ttipBg img {
    background: #355874;
    border: 2px solid #ccc;
    border-radius: 3px;
}

.subGroupH1 {
    font-size: 12pt;
    font-weight: bold;
}

.nullifiedHistoryRow {
    background: #fff;
    color: #f00;
    font-weight: bold;
}

.denullifiedHistoryRow {
    background: #fff;
    color: #000;
    font-weight: bold;
}

.nullifiedHistoryRow td, .denullifiedHistoryRow td {
    padding: 5px 5px 5px 5px !important;
}

.topPad8 {
    padding-top: 8px;
}

#jobIds1, #courseIds, #studentIds {
    background-image: none;
}

.markColourInfo {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    border: #555 1px solid;
    margin: 3px 6px 3px 3px;
}

a.a1, a.a1:active, a.a1:hover {
    color: #3275a9;
}

.sline1 {
    float: left;
}

.generatorOptionHolder {
    display: none;
}

table.f1a5 td {
    /*border: 1px solid dimgrey;*/
}

#groupSearchHeader3, #studentsSearchHeader3 {
    width: 373px;
}

.header1left1 {
    width: 373px;
}

.input1left1 {
    width: 385px;
}

.standardHeader {
    background-color: #2e5984;
    border: solid 1px #2e5984;
    overflow: hidden;
    color: #eee;
    font-weight: bold;

    padding: 0 5px 0 5px;
    height: 28px;
    vertical-align: middle;
}

.standardHeader > table {
    border-collapse: collapse !important;
    width: 100%;
}

.standardHeader > table tr {
    height: 28px;
}

.standardHeader > table td {
    vertical-align: middle;
}

.standardHeader > table td + td {
    text-align: right;
}

#scheduledReportTemplates {
    border-collapse: collapse;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    padding: 6px;
}

#scheduledReportTemplates th {
    border-collapse: collapse;
    padding: 4px;
    background: #eee;
}

#scheduledReportTemplates td {
    border-collapse: collapse;
    padding: 4px;
}

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

.high1 {
    background: #39f;
}

.pointer {
    cursor: pointer;
}

.holder3 {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.messageBoxCompat {
    position: fixed;
    z-index: 14;
}