body {
  margin:0px;
  background-color:#ffffff;}


div {
  position:absolute;}

table {
  border-collapse:collapse;
  margin:0px;
  border:0px;
  padding:0px;}

*, input, select, textarea {
  font-family:verdana, arial, sans-serif;
  font-size:11px;
  background-repeat:no-repeat;}

a {
  color:#000;
  text-decoration:underline;}

a:hover {
  text-decoration:underline;}

span.spacer {
  display:block;
  font-size:0px;}

/* HEADER */
div.header {
  background-color:#cddcec;
  width:98.6%;
  height:64px;
  display:block;
  background-image:url('/img/headerBG.png');
  background-position:left bottom;
  margin:6px;
  margin-bottom:0px;}

div.header #username {
  top:15px;
  left:55px;
  color:#193f6e;}

div.header #logout {
  top:50px;
  left:153px;}

div.header a {
  color:#193f6e;
  font-size:10px;
  text-decoration:none;}

div.header a:hover {
  color:#0a3881;
  text-decoration:none;}

/* END HEADER */

/* TAB NAVIGATION */

div.tabs {
  top:48px;
  right:15px;
  height:22px;
  overflow:hidden;}

div.tabs td {
  padding:0px;
  vertical-align:top;}

div.tabs td.tabLeft {
  background-image:url('/img/tabLeft.png');
  height:22px;
  width:5px;
  display:block;}

div.tabs td.tabRight {
  background-image:url('/img/tabRight.png');
  height:22px;
  width:5px;
  display:block;}

div.tabs td.tabBoth {
  background-image:url('/img/tabBoth.png');
  height:22px;
  width:9px;
  display:block;}

div.tabs td.tabCalendarLeft {
  background-image:url('/img/tabCalendarLeft.png');
  height:22px;
  width:9px;
  display:block;}

div.tabs td.tabReportsLeft {
  background-image:url('/img/tabReportsLeft.png');
  height:22px;
  width:9px;
  display:block;}

div.tabs td.tabAdminLeft {
  background-image:url('/img/tabAdminLeft.png');
  height:22px;
  width:9px;
  display:block;}

div.tabs td.tabAdminRight {
  background-image:url('/img/tabAdminRight.png');
  height:22px;
  width:5px;
  display:block;}

div.tabs a {
  display:block;
  height:22px;
  background-color:#ffc211;
  color:#0a3881;
  border-top:1px solid #0a3881;
  padding-top:3px;
  padding-right:4px;
  padding-left:4px;
  text-decoration:none;}

div.tabs a:hover {
  color:#6091b8;
  text-decoration:none;}

div.tabs a.calendar {
  color:#FFEBB8;
  background-color:#f78a0f;
  text-decoration:none;}

div.tabs a.calendar:hover {
  color:#fff;
  background-color:#ef7f11;
  text-decoration:none;}

div.tabs a.reports {
  color:#FFEBB8;
  background-color:#193f6e;
  text-decoration:none;}

div.tabs a.reports:hover {
  color:#fff;
  background-color:#306191;
  text-decoration:none;}

div.tabs a.admin {
  color:#FFEBB8;
  background-color:#b13728;
  text-decoration:none;}

div.tabs a.admin:hover {
  color:#fff;
  background-color:#a3291f;
  text-decoration:none;}


/* TAB NAVIGATION */


/* LEFT */

div.left {
  margin-left:6px;
  top:70px;
  width:145px;
  height:100%;
  background-image:url('/img/leftBG.png');
  border-right:1px solid #cddcec;}

div.left a {
  display:block;
  width:145px;
  padding-top:2px;
  padding-bottom:2px;
  border-bottom:1px solid #193f6e;
  color:#0a3881;
  text-indent:8px;
  text-decoration:none;}

div.left a:hover {
  text-decoration:none;
  background-color:#3c83bb;
  color:#ffffff;
  background-image:url('/img/navOverBG.png');
  background-position:99%;
  text-decoration:none;}

/* END LEFT */


/* CONTENT */

div.content {
  margin-left:164px;
  margin-top:82px;
  width:600px;
  border:1px solid #cddcec;}

div.content table {
  margin:5px;}

div.content thead td {
  font-weight:bold;}

div.content table td, div.content table.summary td {
  color:#193f6e;
  padding:3px;
  padding-bottom:8px;
  font-size:12px;
  vertical-align:top;
  width:190px;}

div.tight table td, table.tight td {
  padding:0px;
  width:auto;
  padding-left:4px;
  padding-right:4px;
  font-size:11px;}

table.tight {
  width:50%;}

div.content table.summary td {
  color:#000;}

div.content table.summary td p {
  margin:0px;}

div.content table.summary b {
  color:#193f6e;}

div.content table.summary b.large { font-size:14px; }
div.content table.summary b.black { color: #000; }

div.content h1 {
  background-color:#feD44e;
  font-size:15px;
  padding-top:10px;
  text-indent:7px;
  margin:0px;
  width:100%;
  color:#0a3881;}

div.content h1 a {
  font-size:15px;
  font-weight:bold;
  color:#0a3881;}

div.content h2 {
  background-color:#cddcec;
  font-size:15px;
  padding-top:10px;
  text-indent:7px;
  margin:0px;
  width:100%;
  color:#0a3881;}

div.content #instructions, div.content #messages {
  display:block;
  margin:5px;
  padding:5px;
  border:1px dashed #cddcec;
  font-weight:bold;
  color:#0a3881;}

div.content #messages {
  color:#b13728;
  visibility:hidden;}

div.content #messages img {
  vertical-align:middle;
  margin-right:8px;}

.msgInner {
  padding:5px;
  display:block;}



/* END CONTENT */


/* FORM STYLES */
input, select, textarea {
  color:#193f6e;
  border:1px solid #9cbcda;
  width:190px;}

input.auto {
  width:auto;
  border:1px;}

input.button {
  border:1px solid #193f6e;
  background-color:#fecd39;
  padding-left:4px;
  padding-right:4px;
  width:auto;}

textarea {
  height:77px;}

textarea.double {
  width:385px;
  height:107px;}

textarea.triple {
  width:582px;
  height:120px;}

input.small {
  width:45px;}

input.date {
  width:100px;}

select.colorPicker {
  width:160px;}

input.disabled {
  border:1px solid #193f6e;
  padding-left:4px;
  padding-right:4px;
  width:auto;
  color:#a1a1a1;
  background-color:#cdcdcd;}


/* END FORM STYLES */


/* LIST STYLES - ROWS OF INFORMATION */

div.content .list * {
  height:20px;
  border-bottom:1px solid #cddcec;
  font-size:11px;
  text-decoration:none;}

div.content .list:hover * , div.content .listHover *{
  background-color:#9cbcda;
  cursor:pointer;
  font-size:11px;
  color:#fff;
  text-decoration:none;}

.noDisplay {
  display:none;}


table.estimateHeader td {
  width:auto;}

table.estimateItems {
  border:1px solid #9cbcda;
  border-right:0px;
  width:99%;
  height:300px !important; /* standard-compliant */
  /* height:300px;  IE */}

table.estimateItems thead td {
  padding-top:3px;
  padding-bottom:3px;
  border-bottom:1px solid #9cbcda;
  height:auto !important;
  background-color:#e5f4fb}

table.estimateItems td {
  border-right:1px solid #9cbcda;
  height:20px;
  font-size:12px;}

table.estimateItems td.space {
  height:100% !important;}

table.estimateItems td.headSpace {
  height:6px;}


table.estimateTotal {
  margin:0px;
  width:100%;
  height:55px !important; /* standard-compliant */
  /* height:300px;  IE */}

  table.estimateTotal td {
    height:20px;
    font-size:12px;
    font-weight:bold;}

div.content tr.workorderHeader td {
 border-bottom:1px solid #9cbcda;
 color: #9cbcda;
 font-size:11px;
 font-weight:bold;
 padding:15px 2px 5px 2px;
 margin-bottom:4px;}


b.red {color: #f00;}


/* CAL POPUP */
#calPopup {
  background:#ffffcc;
  border:1px solid #000;
  visibility:hidden;
  width:0px;}
  
  #calPopup p {
    margin:5px;
    width:90%;}