BODY {font: 10pt Arial, Helvetica, sans-serif;}

#Small {font: 8pt Arial;}
#Medium {font: 10pt Arial;}

H1 {font: 12pt "Arial";
   font-weight: bold;
   color: Maroon;
   line-height: 3mm;}

H2 {font: 12pt "Arial";
   font-weight: bold;      color: blue; font-style: Italic;}  

H3 {font: 10pt "Arial";
   font-weight: bold;      color: Black;
   border:black thin solid; background-color:#669999;
   width:100%;
   padding:5px;}

A:link    { color: #669999; text-decoration:none; }
A:active  { color: #669999; text-decoration:none; }
A:visited { color: #669999; text-decoration:none; }
A:hover   { color: #66cc00; text-decoration:none; }
A.small   { font: 8pt Arial;}
A.inactive:link    { color: #CCCCCC; text-decoration:none; }

.menu {font-size: 8pt; color: #006633;}

PRE     { font: 10pt Arial; }
TABLE   { font: 10pt Arial; }
TABLE.small   { font: 8pt Arial; }

INPUT.small {font: 8 pt Arial;}
SELECT.small {font: 8 pt Arial;}
FORM.small { position:absolute; bottom:5px}
.shaded { background: #cccccc; }
.box, .border { border: 1px #000000 solid }
.box, .padded { padding: 2px }
.small { font-size: 8pt }
.bglight { background: #eeeeee }
.box, .bgdark { background: #FFFFFF }

.narrow { width:3in }
.wide { width:3.75in }

.highlight {  width:2in; background:#669999;border:1px #000000 solid; 
              border-bottom:1px #000000 solid }

.boxheader {
   background:#669999;display:block;padding:2px;border:1px #000000 solid;border-bottom:none;font-size:10pt
}

TD.r { border-right: 1px #888888 solid; }
TD.b { border-bottom: 1px #888888 solid }

/* for drag and drop schedule */
#calendar { width: 98%; border: 1px solid black; font-size:9pt; }
#calendar td { border:1px solid #aaaaaa; padding:3px; height:100px; background:#ffffff;}
#calendar th { background: black; color: white; }
.ui-state-active { font:18pt Arial; background:#eeeeee; }    
.event { font:9pt arial; }

.OnHold{ background: red;}
.COD { background: yellow;}

#dragnew { margin-right:10px; float:right; border:2px solid black; padding:5px; 
          background: yellow; margin-bottom:5px; }

.job_select{
  border:1px solid black;
  padding:10px;
  width:600px;
  text-align: center;
  margin-bottom:20px;
}
.job_select:hover{
  background:#eee;
}
.job_select h1{
  font:12pt arial;
  font-weight:bold;
}
.button{
  padding:10px;
  border: 1px solid black;
  font:12pt arial;
  font-weight: bold;
  background: #cccccc;
  margin-bottom:5px;
}
input.button{
    width:500px;
    height:40px;
    color: blue;
    margin-top:10px;
}

.time_report{
    width:850px;
}
.time_report td{
  border:1px solid black;
}
.time_report span{
  display: inline-block;
}
.w50{ width:50px;}
.w75{ width:75px;}
.w100{ width:100px;}
.w200{ width:200px;}
.w300{ width:300px;}
.w400{ width:w400px;}

.time_report h1{
    font:12pt arial;
    font-weight: bold;
    color: #ffffff;
    background: #000000;
    width:800px;
    padding:5px;
}

.time_report h2{
  width:300px;
  text-align: right;
  font: 10pt arial;
  font-weight: bold;
  color: black;
}
.hide{ display: none; }
#newWorkorder{
  border:1px solid black;
  padding:10px;
}
.negative { color: #FF1131; font-weight: bold;  }
.hourswarning{ background: #1C67FF; color:white; padding:5px; border:2px solid #033AA8; }
.efficiency {
  padding:10px;
  border:1px solid black;
  margin-bottom:20px;
}
.efficiency h1 { font:12pt arial; font-weight: bold; color: black; }
.efficiency h2 { font:10pt arial; font-weight: bold; color: black; }