body {
  margin:0;
  padding:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #000000;
  background-color: #FFFFFF;
}
body > table:first-child { padding: 0 6px; margin-bottom:20px; }

a { color: #FF6600; text-decoration: none; font-weight: bold; } 
a:hover { color: #007700; }
p>a { display:inline-block; margin-left:12px; }
a>button {
  display:inline-block;
  margin: 0;
  padding:3px 6px 3px 6px;
  font-size: 9pt;
  font-weight:bold;
  color: #FFFFFF;
  background-color: #333333;
  border: 2px #EE5500 solid;
  border-radius: 6px;
}
a>button:hover {
  cursor: pointer;
  background-color: #FF6600;
}
a>button.small {
  padding:2px 3px 2px 3px;
  font-size: 8pt;
  font-weight:bold;
  border-radius: 4px;
  border-width: 1px;
}
a>button.danger {
  border-color:#FF0000;
  background-color:#990000;
}	
a>button.danger:hover {
  color: #FF0000;
  background-color:#FFFFFF;
  border-radius: 4px;
  border-width: 1px;
}	
a>button.confirm {
  color: #FFFFFF;
  background-color: #007700;
  border-color:#555555;
}
a>button.confirm:hover {
  background-color: #00AA00;
}

h3 { color: #FF6600; font-weight: bold; }
h4 { color: #000000; font-size:1.2em; font-weight:bold; margin: 1em 0 0.2em 0; }
ul {font-size:1.1em;margin: 6px 0 22px 0;}
ul > li {margin-bottom: 6px;}

table { font-size:9.5pt; }
input[type="text"], textarea {
  font-size: 9pt;
  font-weight: bold; 
  margin: 0;
  padding: 2px;
  color: #000000;
  /*	border: thin #FF9900 ridge; */
  background-color: #FFFFFF; 
}
textarea { font-weight: normal; }

#header_div {
  position:relative;
  width:100%;
  height:120px;
  color:#F7F7F7;
  padding:0;
  font-weight:bold;
  background: linear-gradient(#FF6600, black);
  border-radius: 26px 26px 0 0;
  overflow:hidden;
}

#header_div > div:first-child > img {
  float:right;
  margin-right:-8px;
}

#header_div > div:nth-child(2) > div:first-child {
  display:inline-block;
  padding: 5px 12px 0 12px;
  font-size:48pt;
}
#header_div > div:nth-child(2) > div:last-child {
  display:inline-block;
  font-size:10pt;
  font-weight:normal;
}

#header_div > div:last-child {
  position:relative;
  margin: 14px 0 10px 22px;
  font-size:14pt;
  color:#FF8000;
  z-index:99;
}

div#body {
  position:relative;
  overflow:auto;
  margin:0;
  padding:20px;
  min-height: 500px;
  background: #000000 url(/images/grass.png) bottom no-repeat;
  border-radius: 0 0 26px 26px;
  z-index:0;
}

#sidebar ul { list-style:none; padding:0;}
#sidebar button {
  width: 100px;
}

table.detail_table {
  position:relative;
  padding: 0;
  width:100%;
}
table.detail_table div#save_div {
  width:170px;
  text-align: center;
  vertical-align: middle;
}

/* buttons atop some pages */
#horiz_menu {
  position:relative;
  display:block;
  height: 2.0em;
  margin-bottom:12px;
}
#horiz_menu > div:first-child {
  float:left;
}
#horiz_menu > div:last-child {
  float:right;
}

#loading { /* Job Entry */
  top:5px; left:5px;
  font-weight:bold;
  position:absolute; 
  z-index:1; 
}
#jobsTable { /* Completed Job Entry Job table */
  position:absolute; 
  top: 20px;
  left:20px;
  margin:auto;
  z-index:1;
  box-shadow: 5px 10px 5px 5px #00000077;
  visibility:hidden;
}
#jobsTable tr:nth-child(2n+2) { background-color: #222; }
.bg_hover {
  cursor: pointer;
  background-color: #750;
}

#home_summary {
  position:relative;
  float:right;
  text-align:center; 
}
#home_graph {
  position:relative;
  padding:4px;
  margin: 6px 6px 0 0;
  border-radius:4px;
  background-color:#555555;
  box-shadow: 3px 3px 18px -2px rgba(0,0,0,0.40);
}
#home_graph img { position:relative; vertical-align: middle; margin:0; padding:0; width:410px; height:278px; }
#home_emt table {
  position:relative;
  margin:8px auto;
}

.section {
  position:relative;
  display: inline-block;
  float: left;
  overflow: overlay;
  padding:6px;
  margin: 6px;
  min-width: 236px;
  min-height: 192px;
  background-color: #F3F3F3;
  border-radius:6px;
  border: 4px rgb(220, 220, 220) ridge;
}

.uppercase { text-transform:uppercase; }
.right { float:right; }


input[type="submit"],
input[type="button"] {
  display:inline-block;
  margin: 10px;
  padding:3px 6px 3px 6px;
  font-size: 9pt;
  font-weight:bold;
  color: #FFFFFF;
  background-color: #FF6600;
  border: 2px #EE5500 outset;
  border-radius: 6px;
}
input[type="submit"].large {
  font-size:12pt;
  min-width:80px;
  min-height:40px;
  padding: 6px 10px 6px 10px;
}
input[type="submit"]:hover {
  cursor: pointer;
  background-color: #333333;
  border: 2px #AAAAAA inset;
}

.list_table { border:none; width:100% }
.list_table tr:first-child th { color:#FFFFFF; font-weight:bold; background-color: #333333; }
.list_table td.actions { width:60px; background-color: #F3F3F3 !important; }
.list_table tr:nth-child(2n+3) { background-color: #E7E7E7; }
.list_table td, .list_table th { padding:6px; }

div.colorkey > div { display: inline-block; margin-top: 6px; padding:2px 8px; }
div.colorkey div:first-child { color: black; font-weight: bold; }
div.colorkey > div:not(:first-child) { font-size: 0.9em; border: 2px solid #ddd; }  
.suspended { color: #ddd !important; background-color:#676767DD !important; }
.inactive { color: #ddd !important; background-color:#660000EE !important; }
.notbilled { color: #ddd !important; background-color:#660000EE !important; }

.tight { background-color:red; }
.norm { background-color:black; }
.slack { background-color:green; }
#frequency_table { width: 225px; font-size: 8pt; }
#frequency_table td { width: 33.3%; padding: 6px; text-align:center; }
#frequency_table tr td.tight { color: #FFFFFF; background-color:red; border-radius: 6px 0 0 6px; }
#frequency_table tr td.norm { color: #FFFFFF; background-color:black; }
#frequency_table tr td.slack { color: #FFFFFF; background-color:green; border-radius: 0 6px 6px 0; }
#frequency_table input { text-align:center; font-weight: bold; }
.inline_freq { float:left; color:white; width:30px; text-align:center; }

.frequencies { width: 130px; font-size:0; color:white; }
.frequencies > div { display: inline-block; font-size:12px; width:2.8em; text-align:center; padding:1px; }
.frequencies > div:nth-child(1) { background-color: red; }
.frequencies > div:nth-child(2) { background-color: black; }
.frequencies > div:nth-child(3) { background-color: green; }

.notice {
  font-weight: bold;
  color: #AA0000;
}
.highlight { color:#DD6600; }
.secondary { color: rgba(240, 108, 0, 0.7); }
.smallfont { font-size: 0.8em; }

.disabled {
  color: #333;
  background-color: #999;
}

.entry1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #000066;
  background-color: #FFFF99;
  padding: 1px;
  height: 22px;
  margin: 0px;
  border: 1px solid #FFCC00;
  cursor:default;
}
.entrytable {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #FFFFFF;
}
.entrycell {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #FFFFFF;
  background-color: #666666;
}
.lookuptable {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #FFFFFF;
}
.lookupcell {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #FFFFFF;
  background-color: #333333;
}
.lookupcellHL {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #FFFFFF;
  background-color: #666666;
}

#quips_div {
  position:relative;
  padding:12px;
  margin: 16px 0 6px 0;
  color: #AFAFAF;
  font-size:1.05em;
  font-style:italic;
  background-color: rgba(50, 50, 50, 0.8);
  border-radius: 12px;
  box-shadow: 0px 0px 10px 0 rgba(253, 147, 76, 0.7);
}

div#quips_div { 
    display:inline-block; 
    margin: 16px 6px 10px 6px;
    max-width:100%;
}