html {  overflow-y: scroll;}
tr.trhlnd:hover { background:#DDDDDD!important; }
tr.trhl:hover { background:#DDDDDD!important; }
td.butt:hover { background:#6699CC!important; }
td.butt { background:#336699!important; }
tr.trhl:nth-child(odd) { background:#EEEEEE }
td, th { padding: 3px }
table { border-spacing: 2px }
table { border-collapse: separate; }
.btn {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; background-color: #336699; padding: 5px 10px 5px 10px;margin: 0px;border:1px solid #6699CC}
.btn:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; background-color: #6699CC; padding: 5px 10px 5px 10px;margin: 0px;border:1px solid #6699CC}
.Mbtn {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; background-color: #336699; padding: 3px 4px 3px 4px;margin: 0px;border:1px solid #6699CC}
.Mbtn:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; background-color: #6699CC; padding: 3px 4px 3px 4px;margin: 0px;border:1px solid #6699CC}
.Sbtn {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #336699; padding: 2px 3px 2px 3px;margin: 0px;border:1px solid #6699CC}
.Sbtn:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #6699CC; padding: 2px 3px 2px 3px;margin: 0px;border:1px solid #6699CC}
.Xbtn {  font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #FFFFFF; background-color: #336699; padding: 5px 10px 5px 10px;margin: 0px;border:1px solid #6699CC}
.Xbtn:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #FFFFFF; background-color: #6699CC; padding: 5px 10px 5px 10px;margin: 0px;border:1px solid #6699CC}
.tbox {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000033; background-color: #FFFFFF; padding: 1px 2px 1px 2px;margin: 0px;border:1px solid #6699CC}
.Xtbox {  font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #000033; background-color: #FFFFFF; padding: 1px 2px 1px 2px;margin: 0px;border:1px solid #6699CC}

.SbtnDis {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #CCCCCC; padding: 2px 3px 2px 3px;margin: 0px;border:1px solid #999999}

.TxtSASbtn14 {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000033;  padding: 1px 3px 1px 3px;margin: 0px}

.green12 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #009900; text-decoration: none }
.green14 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #009900; text-decoration: none }
.blue8 {  font-family: Arial, Helvetica, sans-serif; font-size: 8px; color: #000033; text-decoration: none}
.blue9 {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000033; text-decoration: none}
.blue10 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000033; text-decoration: none}
.blue12 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000033; text-decoration: none }
.blue14 {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000033; text-decoration: none}
.blue16 {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000033; text-decoration: none}
.blue18 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000033; text-decoration: none }
.blue22 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #000033; text-decoration: none }
.blue24 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #000033; text-decoration: none }
.white12 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none }
.white14 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none }
.white16 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; text-decoration: none }
.white18 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; text-decoration: none }
.white22 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #FFFFFF; text-decoration: none }
.white24 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #FFFFFF; text-decoration: none }
.red12 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000; text-decoration: none }
.red14 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FF0000; text-decoration: none }
.red18 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FF0000; text-decoration: none }
.red22 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #FF0000; text-decoration: none }
.red24 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #FF0000; text-decoration: none }
.Vwhite14 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none; writing-mode: tb-rl;}
.lblue10 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #0000FF; text-decoration: none}
.lblue12 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0000FF; text-decoration: none }
.lblue14 {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #0000FF; text-decoration: none}
.lblue24 {  font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #0000FF; text-decoration: none}

option.red {color: #FF0000;}

.postitnotes {  font-family: "Comic Sans MS"; font-size: 18px; color: #000000; text-decoration: none}
.postitnotehead {  font-family: "Comic Sans MS"; font-size: 12px; color: #000000; text-decoration: none}

.lateforshift {  background-image: url(/images/flashred.gif); background-repeat: repeat}

#ModNoteDIV{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
    width: 600px;
    height: 280px;
    background-color: black;
	border: #336699;
	border-style: solid; 
	border-top-width: thin; 
	border-right-width: thin; 
	border-bottom-width: thin; 
	border-left-width: thin;
}

#draggable { 
	background-color: white; 
#	width: 950px; 
	position: fixed; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	border: #336699;
	border-style: solid; 
	border-top-width: thin; 
	border-right-width: thin; 
	border-bottom-width: thin; 
	border-left-width: thin;
	float:left;
	overflow-y: scroll;
	height: 500px;
	}

#NotesDIV{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -150px;
    width: 400px;
    height: 300px;
    background-color: black;
	border:1px solid #999999;
}


td.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}

td.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(0px, 51px)
    /* 45 is really 360 - 45 */
    rotate(270deg);
  width: 20px;
  text-align: left;
}

.loading  { 
  background: transparent url('/images/loading.gif') center center no-repeat; 
  position: absolute;
width: 100%;
height: 100%;
}


input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

.ui-dialog-title{
    color: #FFFFFF !important;
}