body {
  background:#fff;
  color:#000;
  margin:0; padding:0;
  font:x-small/130% Verdana,Sans-serif;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
  } html>body {font-size:small;}
#body {
  padding:0 25px;
  }
#column-main, #column-sub {
  padding:0 0 15px 25px;
  width:775px;
  voice-family: "\"}\""; voice-family:inherit;
  width:750px;
  } html>body #column-main {width:750px;}
body.twocol #column-main {
  float:left;
  width:500px;
  voice-family: "\"}\""; voice-family:inherit;
  width:475px;
  } html>body.twocol #column-main {width:475px;}
body.twocol #column-sub {
  float:left;
  width:275px;
  voice-family: "\"}\""; voice-family:inherit;
  width:250px;
  } html>body.twocol #column-sub {width:250px;}
#fullspan {
  width:750px;
  margin:0 0 0 25px;
  }


/* Links
------------------------------------------------- */
a {color:#36c;}
a:hover {color:#696;}
a img {border-width:0;}
a img.sq {border:4px solid #fff;}


/* Header
------------------------------------------------- */
#header {
  background:#fff url("../img/bg_hdr.gif") repeat-x;
  height:60px;
  margin:0;
  font-size:85%;
  }
#header .logo {
  position:absolute;
  top:0;
  left:25px;
  }
#header p {
  background:#fff;
  color:#369;
  text-align:right;
  padding:22px 16px 0 0;
  margin:0;
  margin-left:625px;
  font-size:90%;
  width:151px; height:60px;
  voice-family: "\"}\""; voice-family:inherit;
  width:135px;
  height:38px;
  } html>body #header p {width:135px; height:38px;}
#header p span, #header p a {
  display:block;
  background:url("../img/logo_pbet_pos.gif") no-repeat right;
  height:23px;
  margin-bottom:2px;
  }
#header p a span {margin-bottom:0;}
#header p span img {display:none;}

#agency #header {background:#369 url("../img/bg_hdr_blue.gif") repeat-x;}
#agency #header .logo, #agency #header .logo a {background-image:url("../img/logo_wbox_neg.gif");}
#agency #header #install-logo {background-image:url("../img/logo_wbox_neg_install.gif");}
#agency #header p {background:transparent url("../img/bg_screen_blue.gif"); color:#69c;}
#agency #header p span, #agency #header p a {background-image:url("../img/logo_pbet_neg.gif");}

.popup #header {
  background:#036 url("../img/logo_wbox_popup.gif") no-repeat 15px 6px;
  height:30px;
  }
.popup #header img {
  display:none;
  }
.popup #header a {
  display:block;
  margin:6px 15px;
  width:162px;
  height:15px;
  text-decoration:none;
  }
  
  
/* Navigation
------------------------------------------------- */
#nav {
  background:#668CB3 url("../img/bg_fade_nav.gif") repeat-y;
  padding:5px 0 0 25px;
  color:#69c;
  margin:0 0 0;
  border-bottom:1px solid #369;
  }
#nav em {display:none;}
#nav a, #nav strong, #nav span {
  float:left;
  font-size:85%;
  line-height:1.2em;
  padding:2px 10px 4px;
  border:1px solid #369;
  border-bottom-width:0;
  margin:0 5px 0 0;
  color:#fff;
  font-weight:bold;
  background:#369;
  text-decoration:none;
  }
#nav strong {
  background:#fff;
  color:#036;
  border-color:#369 #369 #fff;
  }
#nav span {
  display:block;
  float:none;
  background-color:transparent;
  border-width:0;
  }
#nav a:hover {background:#036; color:#fff;}


#user {
  width:750px;
  text-align:right;
  margin:0 0 0 25px;
  padding-top:5px;
  font-size:85%;
  line-height:1em;
  color:#666;
  }
#pathanduser {
  width:750px;
  margin-left:25px;
  font-size:100%;
  }
#pathanduser td {padding:0; vertical-align:top;}
#pathanduser #user {
  width:auto;
  }
#breadcrumbs {
  padding-top:5px;
  font-size:85%;
  }
.popup #breadcrumbs {
  margin:5px 15px 0;
  }
  
  
/* Page Header & Titles
------------------------------------------------- */
#pgtitle {
  clear:both;
  width:750px;
  margin:0 0 15px 25px; 
  }
#subnav {
  margin:8px 0 0;
  color:#999;
  }
#subnav strong {color:#000;}
#subnav a:visited {color:#36c;}
#subnav a:hover {color:#696;}
.description {color:#363;}
p.description, .outerbox p.description {
  margin:0 0 .5em;
  color:#363;
  }
#pgtitle p.description {
  margin:8px 0 0;
  font-size:85%;
  color:#696;
  }

#titleandstatus {
  clear:both;
  position:relative;
  margin:8px 0 0;
  padding-bottom:5px;
  border-bottom:2px solid #9c9;
  }
#titleandstatus h1 {
  display:inline;
  clear:none;
  margin:0;
  padding-bottom:0;
  border-bottom-width:0;
  border-bottom-style:none;
  }
#status {
  display:inline;
  font-size:85%;
  font-weight:bold;
  padding-left:10px;
  color:#c00;
  }
#status strong {color:#000;}
#status a {font-weight:normal;}
#titleandstatus form {
  position:absolute;
  right:0;
  top:0;
  font-size:85%;
  line-height:1em;
  color:#666;
  }

h1 {
  font:bold 135%/1.1em Arial,Sans-serif;
  color:#036;
  margin:8px 0 0;
  padding-bottom:5px;
  border-bottom:2px solid #9c9;
  }
h2 {
  font:bold 100% Verdana,Sans-serif; color:#696;
  margin:0 0 5px;
  border-bottom:1px dotted #ccc;
  padding-bottom:3px;
  }
.innerbox h2, .innerbox-light h2 {
  margin:0 -10px 5px;
  border-bottom:1px solid #ccc;
  padding:3px 10px;
  background:#B2D4B2 url("../img/bg_fade_green.gif") repeat-y;
  color:#fff;
  font:bold 118% Verdana,Sans-serif;
  }
h2 a, h2 a:hover {
  font-size:85%;
  color:#fff;
  }
#column-sub h2 {
  background:#eee;
  color:#333;
  }
.innerbox-light h2 {
  background:#eee url("../img/bg_fade_gray.gif") repeat-y;
  color:#fff;
  }
.outerbox-confirm .innerbox h2 {
  background:#A1C5EA url("../img/bg_fade_blue.gif") repeat-y;
  color:#fff;
  }
.outerbox-alert .innerbox h2 {
  background:#f00 url("../img/bg_fade_red.gif") repeat-y;
  color:#fff;
  }
h2.red {color:#c00;}
h3 {
  font-size:118%;
  margin:0 0 5px;
  color:#696;
  }
h3 strong {color:#000;}
h3 span {
  font-weight:normal;
  font-size:85%;
  color:#999;
  }
.data td h3, .config td h3 {margin:0;}
#column-sub .reports h3 {font-size:100%;}
.categories h3 {
  font-size:118%;
  margin-bottom:0;
  }
h4 {
  font-size:100%;
  margin-bottom:0;
  }


/* Tables
------------------------------------------------- */
table {font-size:100%;}
table th.center, table td.center {text-align:center;}
table th.right, table td.right {text-align:right;}
table.data, .vis table, table.config {
  border:1px solid #999; border-width:1px 0 0 1px;
  margin-bottom:.75em;
  width:90%;
  voice-family: "\"}\""; voice-family:inherit;
  width:100%;
  } html>body table.data, html>body .vis table, html>body table.config {width:100%;}
table.data {}
.data th, .data td {
  background:#fff;
  padding:4px;
  line-height:135%;
  border:1px solid #999; border-width:0 1px 1px 0;
  }
.data th {
  background:#ccc;
  color:#333;
  padding:5px 4px;
  }
.data th strong {color:#000;}
.data th a {font-weight:normal;}
.data th, .config th {text-align:left;}
.data table td, .data table th, .config table td, .config table th {
  border-width:0;
  padding:2px 5px 0 0;
  }
.innerbox-light table, .innerbox-light th, .innerbox-light td, #column-sub table, #column-sub th, #column-sub td {
  border-color:#ccc;
  }
table.data td.page-control {background:transparent;}
.innerbox-light th, #column-sub .data th {background:#eee;}
.data .heading, .config .heading {
  background-color:#eee;
  color:#666;
  padding-top:5px; padding-bottom:5px;
  }
.data .heading strong, .config .heading strong {
  color:#696;
  font-size:118%;
  }
.data .heading a strong {color:#36c;}
.data .next7, .data .next7 th {padding:2px 4px; text-align:center;}
.data .next7 th {font-weight:normal;}
.data .today, .data .otherday {text-align:center; width:3%;}
.data th.today {background:#afafaf; font-weight:bold;}
.data td.today {background:#eee;}


.scale {
  background:#fff;
  padding:10px;
  border:1px solid #ccc;
  margin-bottom:.75em;
  }
.scale table td {
  padding:1px 0 0;
  }
.scale .label {
  text-align:center;
  padding:10px;
  vertical-align:middle;
  }
.scale .markerrow td {padding-top:10px;}
.scale .labelrow td {padding-bottom:10px; vertical-align:top;}

table.config {background:transparent; border-color:#ccc;}
.config th, .config td {
  padding:4px;
  border:1px solid #ccc; border-width:0 1px 1px 0;
  }
.config td {background:#fff;}
.config th {color:#333;}
.innerbox-light .config th, .innerbox-light .config td {border-color:#ccc;}
.selected {
  background-color:#ccc;
  font-weight:bold;
  }
.config td.blank {
  background:transparent;
  }
.config td.checked {background:#ccc;}

.cal {
  border:1px solid #999;
  border-width:1px 0 0 1px;
  font-size:100%;
  width:90%;
  voice-family: "\"}\""; voice-family:inherit;
  width:100%;
  } html>body .cal {width:100%;}
.cal th, .cal td {
  border:1px solid #999;
  border-width:0 1px 1px 0;
  }
.cal th {
  background:#ccc;
  color:#333;
  }
.cal td {
  width:14%;
  vertical-align:top;
  background:#fff;
  }
.cal td strong {
  float:left;
  display:block;
  margin-bottom:2px;
  color:#999;
  }
.cal td.on-past {background:#ccc;}
.cal td.off-past {background:#ccc;}
.cal td.on-past strong {color:#369;}
.cal td.off-past strong {color:#666;}
.cal td.on {background:#fff;}
.cal td.off {background:#eee;}
.cal td.on-today {background:#fff;}
.cal td.off-today {background:#eee;}
.cal td.off-today strong, .cal td.on-today strong {
  color:#000;
  background:#eee;
  float:left;
  padding:0 2px;
  border:1px solid #666;
  }
.cal td.on strong {color:#69c;}
.cal td img {float:right;}

#plants img {
  float: left;}


/* Lists
------------------------------------------------- */
ul {
  margin:0 0 10px 20px;
  padding:0;
  }
ol {margin-top:.5em; margin-bottom:.5em; margin-right:1em;}
ul li {
  margin:0;
  padding:0;
  }
.reports li {
  margin-bottom:1em;
  list-style-image:url("../img/icon_graph.gif");
  }
#column-sub .reports li {margin-bottom:.25em;}
.reports li ul {margin-top:.5em;}
td ul {margin-top:0; margin-bottom:0;}


/* Forms
------------------------------------------------- */
form {margin:0;}
label {color:#333;}
label strong {color:#000;}
th label {color:#333;}
select, .innerbox input, .innerbox-light input, #subcolumn input {
  font-size:100%;
  font-family:Verdana,Sans-serif;
  }
input {font:85% Verdana,Sans-serif;}
input.button, input.button2, a.button {
  border:2px outset #696;
  padding:1px 0;
  background:#363;
  font-weight:bold;
  color:#fff;
  }
input.button2 {
  border-color:#9c9;
  background:#696;
  }
a.button {
  padding:2px 2px;
  text-decoration:none;
  display:block;
  }
textarea {
  voice-family: "\"}\""; voice-family:inherit;
  width:98%;
  } html>body textarea {width:98%;}
select.stretch {width:98%;}


/* Popups
------------------------------------------------- */
.popup table.columns {
  font-size:100%;
  }
.popup table.columns th, .popup table.columns td {
  padding:2px 15px 2px 0;
  }
.popup ul {
  margin-bottom:1em;
  }


/* Miscellaneous
------------------------------------------------- */
.download {
  background:#eee;
  border:1px dotted #ccc;
  padding:5px;
  }
p.continue {
  text-align:right;
  margin:0;
  }
p.larger {
  font-size:118%;
  }
hr {display:none;}
hr.rule {
  clear:all;
  display:block;
  height:1px;
  border-width:1px 0 0 0;
  border-style:dotted;
  border-color:#999;
  margin-bottom:5px;
  }
p {margin:0 0 1em;}
.outerbox p.pagecontrols {
  margin-top:0;
  color:#666;
  }
.outerbox p.pagecontrols strong {color:#000;}
.outerbox p {margin:1em 0 .5em;}
p.confirm {
  font-size:118%;
  font-weight:bold;
  }
body h1 span {font:60% Verdana,Sans-serif;}
.arrow {
  font-weight:bold;
  color:#696 !important;
  text-decoration:none;
  }
.sub {
  font-size:85%;
  color:#666;
  }
td.sub {font-size:100%;}
div.sub {
  margin-top:5px;
  color:#666;
  }
.innerbox div.sub {font-size:100%;}
img.left {
  position:relative;
  float:left;
  padding:0 5px 2px 0;
  }
.outerbox, .outerbox-confirm, .outerbox-alert {
  background:#eee;
  position:relative;
  top:3px; left:3px;
  margin:0 3px 20px 0;
  }
.popup .outerbox {margin:10px 15px 15px;}
.innerbox, .innerbox-light {
  position:relative;
  background:#eee;
  top:-3px; left:-3px;
  border:1px solid #696;
  padding:0 10px 10px;
  font-size:85%;
  }
.innerbox-light, #column-sub .innerbox {
  border-color:#ccc;
  background:#fff;
  }
.outerbox-confirm .innerbox {
  border-color:#369;
  background:#eee;
  }
.outerbox-alert .innerbox {
  border-color:#900;
  background:#eee;
  }
.helpicon {
  }
.help strong {
  padding:0 0px;
  color:#36c;
  }
.help:hover span strong {
  text-decoration:underline;
  color:#696;
  }
.group {margin-bottom:1.2em;}
.formgroup {
  margin-top:0;
  margin-bottom:2px;
  }
.fixed-width {
  font:115% "Courier New",Courier,Monospace;
  }
.pos {color:#363;}
.neg {color:#900;}
.alert, p.alert, .alert-strong, p.alert-strong {
  margin:.5em 0;
  color:#c00;
  }
.alert-strong, p.alert-strong {font-weight:bold; font-size:118%;}
.alert span, .alert-strong span {
  font-weight:normal;
  color:#666;
  font-size:85%;
  }
.date {color:#993;}
.date strong {color:#000;}
.none {display:none;}
#dateandtime {
  text-align:right;
  margin:0 0 0 0px;
  padding-top:2px;
  font-size:85%;
  line-height:1em;
  color:#666;
  }


/* Footer
------------------------------------------------- */
#footer {
  width:750px;
  clear:both;
  margin:0 0 0 25px;
  line-height:1.2em;
  border-top:2px solid #9c9;
  padding:10px 0;
  font-size:85%;
  color:#666;
  }
  
  
/* Temporary
------------------------------------------------- */
.note {color:#c00;}

/* New 11/04
------------------------------------------------- */

#site {
  font:bold 100%/1.1em Arial,Sans-serif;
  color:#036;
  margin:0 0 0;
  padding-bottom:5px;
  }
  
#site a {
 font:x-small/100% Verdana,Sans-serif;
 voice-family: "\"}\""; voice-family:inherit;
 font-size:small;
 }

#sitetitle {
  font:bold 135%/1.1em Arial,Sans-serif;
  color:#036;
  margin:8px 0 0;
  padding-bottom:5px;
  }
  
#sitetitle a {
 font:x-small/130% Verdana,Sans-serif;
 voice-family: "\"}\""; voice-family:inherit;
 font-size:small;
 }

#controller {
  font:bold 95%/1.1em Arial,Sans-serif;
  color:#036;
  margin:0 0 0 10px;
  
  }
  
#controller a {
 font:x-small/85% Verdana,Sans-serif;
 voice-family: "\"}\""; voice-family:inherit;
 font-size:small;
 }
 
 #navbar {
   padding:5px 5px 5px 5px;
   margin: 0 0 10px;
   font-size:85%;
   
   color:#000;
   background-color:#bcd0e7;
   float: left;
   }
 #navbar .navrt {
   float:right;
   }
 #navbar .navlt {
   float:left;
   }
 #navbar a {
   text-decoration: underline;
   color:#000;
   }
 #navbar a:visited {color:#000;}
#navbar a:hover {text-decoration:none;}

h1 a {
 font:x-small/130% Verdana,Sans-serif;
 voice-family: "\"}\""; voice-family:inherit;
 font-size:small;
 }