html{ height:100%; margin:0; padding:0; }
<link rel="shortcut icon" href="../images/ITC.ico" />
body {
  height:60%;
  font-family:'Trebuchet MS',  'Arial', 'Helvetica', 'sans-serif';
  font-size:10pt;
  background-color: LightGray;
  line-height:1.6em;
}

mainbox {
    background-color: #fff;
    border-top: solid 10px #000;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

h1{ font-size:1.6em; }
h2{ font-size:1.4em; }



a:link {
    /*margin-top: 10px;*/
    text-decoration: none;
    display: block;
     background-color: inherit;
     color: #6699ff;
}

a:visited {
    text-decoration: none;
    display: block;
    background-color: inherit;
    color: #cc6699;
}

a:hover {
    text-decoration: none;
    display: block;
    /*background-color: #33b5e5;*/
    background-color: #6699ff;
    color: inherit;
}

a:active {
    text-decoration: none;
    display: block;
    background-color: #ffff99;
    color: inherit;
}













.cell_pad{
  
  padding: 15px;
}


#b_table{


/*border:1px solid black;
 */
}

/*#matrix{
  
  
  border-collapse: collapse;
  border: 1px solid black;
  border-radius: 4px;

  
  /*border:1px solid black;
 
}*/

#container{
   min-height:100%;
   position:relative;
   left:10%;
}

#header{
  /* padding:8px;
  width:80%;
  background-color:White;
  color:#4b6c9e;
 */
  font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
  background-color: #7ac0da;
        /*background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%); ... */
        
        color: #3e5667;
        /*padding: 20px 40px 30px 40px; */
  
  
}

#main{
  font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
  width:auto;
  padding: 8px;
  padding-bottom:4em;
  background-color:White;
}


#main_hilite{
  font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
  width:auto;
  padding: 8px;
  padding-bottom:4em;
  background-color:#FFFF99;
}


#mobile_main{
  font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
  width:auto;
  padding: 8px;
  padding-bottom:4em;
  background-color:White;
  font-size:1.5em;
}


#mobile_header{
  /* padding:8px;
  width:80%;
  background-color:White;
  color:#4b6c9e;
 */
  font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
  background-color: #7ac0da;
        /*background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%); ... */
        
        color: #3e5667;
        /*padding: 20px 40px 30px 40px; */
        font-size:3em;
  
  
}


#footer{
  position:absolute;
  bottom:0;
  width:80%;
  height:2em;
  padding:8px;
  margin-top:-2em;
  background-color:LightGray;
}

#CustCode option{
  width:100px;   
}


select.list1 option.option2
{
    background-color: #72A4D2;
}


.head { background-color: #E8E8E8; font-weight: bold; color: #FFF; }
.grid th, .grid td { border: 1px solid #C0C0C0; padding: 5px; }
.alt { background-color: #E8E8E8; color: #000; }
.warning { background-color: #FFCC00; color: #000; }
.flag{ background-color: #FF3333; color: #000; }
.selected {background-color:Yellow;}
.evening{ background-color: #FF4D4D; color: #000; }
.day{ background-color: #66CCFF; color: #000; }
.site{ background-color: #CC66FF; color: #000; }
.oncall{ background-color: #FF9900; color: #000; }
.leave{ background-color: #FFFF66; color: #000; }
.Kevin{ background-color: #FF00FF; color: #000; }
.training{ background-color: #9966FF; color: #000; }
.plain { background-color: #FFFFFF; color: #000; }


span.caption {width:100px;}
span.dataDisplay {font-weight:bold;}


.mobile_select {
    font-size: 0.75em;
    
}



.field-validation-error {
  font-weight:bold;
  color:red;
  background-color:yellow;
 }
.validation-summary-errors{
  border:2px dashed red;
  color:red;
  background-color:yellow;
  font-weight:bold;
  margin:12px;
}


/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    background-color: #fff;
}

    .featured .content-wrapper {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

        .featured hgroup.title h1, .featured hgroup.title h2 {
            color: #fff;
        }

        .featured p {
            font-size: 1.1em;
        }



.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  font-size: 23px;
  font-weight: 200;
  line-height: 2.1428571435;
  color: inherit;
  background-color: #ecf0f1;
}

.jumbotron h1 {
  line-height: 1;
  color: inherit;
}

.jumbotron p {
  line-height: 1.4;
}

.container .jumbotron {
  border-radius: 6px;
}

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
  }
  .container .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1 {
    font-size: 67.5px;
  }
  
  .plainscreen {
    padding-top: 48px;
    padding-bottom: 48px;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
  }
  .container .plainscreen {
    padding-right: 60px;
    padding-left: 60px;
  }
  .plainscreen h1 {
    font-size: 67.5px;
  }
  
  
}


.plainscreen {
  padding: 20px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 200;
  line-height: 1.5428571435;
  color: inherit;
  background-color: #ffffff;
}

.plainscreen h1 {
  line-height: 1;
  color: inherit;
}

.plainscreen p {
  line-height: 1.4;
}

.container .plainscreen {
  border-radius: 6px;
}









.panel {
  margin-bottom: 21px;
  font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
  background-color: #f9f9f9;
  border: 1px solid transparent;
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          
}

.panel-body {
  padding: 15px;
}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item {
  border-width: 1px 0;
}

.panel > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel > .list-group .list-group-item:last-child {
  border-bottom: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive {
  margin-bottom: 0;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #ecf0f1;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.panel > .table-bordered > thead > tr:last-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > th,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-bordered > thead > tr:last-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  /* border-top-right-radius: 0px;
  border-top-left-radius: 0px;  */
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
}

.panel-title > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #ecf0f1;
  border-top: 1px solid #ecf0f1;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-group .panel {
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 4px;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #ecf0f1;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ecf0f1;
}

.panel-default {
  border-color: #ecf0f1;
}

.panel-default > .panel-heading {
  color: #f9f9f9;
  background-color: #ecf0f1;
  border-color: #ecf0f1;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ecf0f1;
}

.panel-default > .panel-heading > .dropdown .caret {
  border-color: #2c3e50 transparent;
}

.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ecf0f1;
}

.panel-primary {
  border-color: #f9f9f9;
}

.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #f9f9f9;
  border-color: #f9f9f9;
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #f9f9f9;
}

.panel-primary > .panel-heading > .dropdown .caret {
  border-color: #ffffff transparent;
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #2c3e50;
}

.panel-success {
  border-color: #18bc9c;
}

.panel-success > .panel-heading {
  color: #ffffff;
  background-color: #18bc9c;
  border-color: #18bc9c;
}

.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #18bc9c;
}

.panel-success > .panel-heading > .dropdown .caret {
  border-color: #ffffff transparent;
}

.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #18bc9c;
}

.panel-warning {
  border-color: #f39c12;
}

.panel-warning > .panel-heading {
  color: #ffffff;
  background-color: #f39c12;
  border-color: #f39c12;
}

.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #f39c12;
}

.panel-warning > .panel-heading > .dropdown .caret {
  border-color: #ffffff transparent;
}

.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #f39c12;
}

.panel-danger {
  border-color: #e74c3c;
}

.panel-danger > .panel-heading {
  color: #ffffff;
  background-color: #e74c3c;
  border-color: #e74c3c;
}

.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #e74c3c;
}

.panel-danger > .panel-heading > .dropdown .caret {
  border-color: #ffffff transparent;
}

.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #e74c3c;
}

.panel-info {
  border-color: #3498db;
}

.panel-info > .panel-heading {
  color: #ffffff;
  background-color: #3498db;
  border-color: #3498db;
}

.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #3498db;
}

.panel-info > .panel-heading > .dropdown .caret {
  border-color: #ffffff transparent;
}

.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #3498db;
}


element {

    transform: rotate(60deg) translateZ(0px);

}





.cityClock{background:url("//c.tadst.com/gfx/n/spr-clk-3-d.png") no-repeat;width:120px;height:120px;position:relative;margin:0 auto}
.cityClock div{position:absolute;top:0;left:0;width:120px;height:120px}
.cityClock .hour{background:url("//c.tadst.com/gfx/n/spr-clk-3-d.png") no-repeat -120px 0}
.cityClock .min{background:url("//c.tadst.com/gfx/n/spr-clk-3-d.png") no-repeat -240px 0}
.cityClock .sec{background:url("//c.tadst.com/gfx/n/spr-clk-3-d.png") no-repeat -360px 0}
.cityClock .dot{background:url("//c.tadst.com/gfx/n/spr-clk-3-d.png") no-repeat -480px 0;width:6px;height:6px;position:absolute;left:57px;top:57px}




.first_column {
    -webkit-column-width: 200px; /* Chrome, Safari, Opera */
    -moz-column-width: 200px; /* Firefox */  
    column-width: 200px;
}

.second_column {
    -webkit-column-width: 200px; /* Chrome, Safari, Opera */
    -moz-column-width: 200px; /* Firefox */  
    column-width: 200px;
}

.third_column {
    -webkit-column-width: 50px; /* Chrome, Safari, Opera */
    -moz-column-width: 50px; /* Firefox */  
    column-width: 50px;
}

.fourth_column {
    -webkit-column-width: 70px; /* Chrome, Safari, Opera */
    -moz-column-width: 70px; /* Firefox */  
    column-width: 70px;
}

.fifth_column {
    -webkit-column-width: 100px; /* Chrome, Safari, Opera */
    -moz-column-width: 100px; /* Firefox */  
    column-width: 100px;
}

.sixth_column {
    -webkit-column-width: 70px; /* Chrome, Safari, Opera */
    -moz-column-width: 70px; /* Firefox */  
    column-width: 70px;
}


.seventh_column {
    -webkit-column-width: 100px; /* Chrome, Safari, Opera */
    -moz-column-width: 100px; /* Firefox */  
    column-width: 100px;
}