b{ font-weight: bold; }
  H1{ font-weight: bold; font-size: 40px; font-family: 'Roboto', sans-serif; }
  form{
  border: 0px;
  }

  input{
background-color:#FFFFFF;
border:solid 1px black;
color:#2a2e2c;
}
input:hover{
background-color:#F0F0F0;
border: solid 1px #85b1de;
}
input:focus{
background-color:#F8F6F6;
border: solid 1px blue;
}
input.blue{ background-color: #CC3333; font-weight: bold; font-size: 12px; color: white;}
input.blue:hover{ background-color: #FFFFFF; font-weight: bold; font-size: 12px; color: black;}
select{
background-color:#FFFFFF;
border:solid 1px black;
color:#2a2e2c;
}
select:hover{
background-color:#F0F0F0;
border: solid 1px #85b1de;
}
select:focus{
background-color:#F8F6F6;
border: solid 1px blue;
}
textarea{
background-color:#FFFFFF;
border:solid 1px black;
color:#2a2e2c;

}
textarea:hover{
background-color:#F0F0F0;
border: solid 1px #85b1de;
}
textarea:focus{
background-color:#F8F6F6;
border: solid 1px blue;
}
/* BUTTONS */.buttons a, .buttons button{
    display:block;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;    
	font-family: 'Roboto', sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}
/* POSITIVE */button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}
/* NEGATIVE */.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

p{
 margin:0;
}
 div#nav{
  background:white;
  margin-top: -8px;
  position:relative;
  top:0;
  left:0;
  height:50px;
  width:100%;
  border-bottom: 1px solid;
  border-bottom-color: #000000;
 }
 div#header{
  background:url(../images/mangler.jpg) no-repeat 50%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  position:relative;
  top:0;
  left:0;
  height:500px;
  width:100%;
  border-bottom: 1px solid;
  border-bottom-color: #000000;
 }

div#ToV{
  background:url(../images/ToV.png) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }

div#TBL{
  background:url(../images/TBL.png) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
 
div#RoS{
  background:url(../images/RoS.png) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
 
 div#EoK{
  background:url(../images/EoK.png) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
 
 div#TBM{
  background:url(../images/TBM.png) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
 
   div#TDS{
  background:url(../images/TDS.png) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
 
  div#CotF{
  background:url(../images/CotF.png) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
 
 div#RoF{
  background:url(../images/RoF.png) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
 
  div#VoA{
  background:url(../images/VoA.png) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
 
 div#HoT{
  background:url(../images/HoT.png) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
 
 div#UF{
  background:url(../images/UF.png) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
 
  div#SoD{
  background:url(../images/SoD.png) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
 
 div#SoF{
  background:url(../images/SoF.png) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
 
div#TBS{
  background:url(../images/TBS.png) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
 
div#TSS{
  background:url(../images/TSS.png) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
 
div#PoR{
  background:url(../images/PoR.png) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
 
  div#DoDH{
  background:url(../images/DoDH.jpg) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
 
  div#DoN{
  background:url(../images/DoN.jpg) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
  div#OoW{
  background:url(../images/OoW.jpg) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
 
 div#GoD{
  background:url(../images/GoD.jpg) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }

 div#PoP{
  background:url(../images/PoP.jpg) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }

  div#SoL{
  background:url(../images/SoL.jpg) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
 div#SoV{
  background:url(../images/SoV.jpg) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }

 div#RoK{
  background:url(../images/RoK.jpg) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }

hr {
    display: block;
    height: 2px;
    border: 0;
    border-top: 1px solid #FFF;
    margin: 1em 0;
    padding: 0;
}
	
 div#Classic{
  background:url(../images/Classic.jpg) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }

 div#e1{
  background:url(../images/epic1.png) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
 
 div#e2{
  background:url(../images/epic2.png) no-repeat 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:125px;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
 
  div#Submit{
	  border: 1px solid black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  top:0;
  left:0;
  height:100%;
  width:100%;
  color:white;
  font-family: 'Roboto';
  font-size: 25px;
    display:inline-block; 
    vertical-align:middle ;
	border:1px solid black;
 }
 
 .center {
    display: flex;
    width: 50%;
    height: 50%;
    margin: auto;
    text-align: center;
    justify-content: center;
    align-items: center;
}
 #over{
   background-color: rgba(0,0,0,0.6);
 }
 div#content{
  background:white;
  overflow:auto;
  position:relative;
  padding-bottom:50px;
  width: 100%;
 }
 div#footer{
  background:white;
  margin-top: -3px;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  height:25px;
  border-top: 1px solid;
  border-top-color: #000000;
  font-family: 'Roboto';
 }

 .datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: normal 12px/150% Roboto, sans-serif; background: #fff; overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }.datagrid table td, .datagrid table th { padding: 6px 6px; }.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #737373) );background:-moz-linear-gradient( center top, #000000 5%, #737373 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#737373');background-color:#000000; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #000000; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #000000; border-left: 1px solid #81898C;font-size: 12px;font-weight: normal; }.datagrid table tbody .alt td { background: #E0E0E0; color: #000000; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }

 .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }
.ui-datepicker {font-size:11px!important;}

.CellWithComment{
  position:relative;
}

.CellComment{
  visibility: hidden;
  position:absolute; 
  z-index:100;
  border:1px;
  background-color:white;
  border-style:solid;
  border-width:1px;
  border-color:red;
  padding:3px;
  color:red; 
  top:20px; 
  left:20px;
  
}

.CellWithComment:hover span.CellComment{
  visibility: visible;opacity: 1;
}