body      { background-color: #cccccc; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #000000; text-align: center; }

a:link,a:active,a:visited,a:hover { color: #1364A9; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; }
a:hover   { text-decoration: underline; color: #000; }

h1,h2,h3  { margin: 0px 0px 5px 0px; padding: 0px; display: block; }
h1        { font-size: 1.3em }
h2,fieldset.inputform legend  { font-size: 1.2em; color: #1364A9; }
h3        { font-size: 1.1em }

form { margin: 0px; padding: 0px }

fieldset  { padding: 5px; margin: 0px 0px 5px 0px }
p         { padding: 0px; margin: 0px 0px 5px 0px }
table tr td { vertical-align: top; padding: 1px 2px; }
table tr th { vertical-align: top; text-align: center; padding: 2px 3px; }

div#overall { width: 760px; margin-right: auto; margin-left: auto; margin-top: 0px; padding: 0px; text-align: center; }
div#holder  { float: left; width: 760px; border: 1px solid #000000; padding: 0px; text-align: left; background-color: #F8F8F8; }

div#header                                  { float: left; width: 760px; border-bottom: 1px solid #000000; height: 75px; background-image: url(/_images/_stat/taagy/header.png); background-position: 8px 3px; background-repeat: no-repeat; background-color: #006699}
div#header div#client_address               { position: relative; font-size: 1.2em; } div#header div#client_address div#mainText { position: absolute; top: 5px; right: 11px; z-index: 2; color: #fff; }

div#body    { float: left; width: 750px !important; width: 748px; display: inline; padding: 10px 4px; background-color: #FFFFFF; }

div#footer      { float: left; width: 750px; border-top: 1px solid #000000; padding: 10px 5px; }
div#copyright   { float: right; color: #888; font-size: 0.9em; font-weight: bold; width: 295px; text-align: right; margin-top: 4px; }
div#welcomenote { float: left; width: 450px; padding-bottom: 5px; }

div#nav       { float: left; width: 760px; border-bottom: 1px solid #000000; background-image: url(/_images/_stat/taagy/nav_bg.png); background-position: top left; background-repeat: repeat-y; }
div#nav ul    { float: left; list-style: none; padding: 0px; margin: 0px; width: 760px; }
div#nav ul li { float: left; margin: 0px; line-height: 26px; border-right: 1px solid #000; }
div#nav ul li a:link,
div#nav ul li a:visited,
div#nav ul li a:hover,
div#nav ul li a:active            { height: 26px; line-height: 26px; float: left; width: auto; display: block; text-decoration: none; padding: 0px 10px; font-size: 1.1em; font-weight: bold; color: #fff; background-color: #666666; }
div#nav ul li a:hover,
div#nav ul li a.navactive:hover   { color: #000; width: auto; height: 26px; background-color: #1364A9; }
div#nav ul li a.navactive:link,
div#nav ul li a.navactive:visited,
div#nav ul li a.navactive:active,
div#nav ul li a.navactive:hover   { color: #fff; background-color: #1364A9; }
div#nav ul li a:active            { color: #000; }

div#subnav        { float: left; width: 760px; border-bottom: 1px solid #000000; background-color: #999999; }
div#subnav ul     { float: left; list-style: none; padding: 0px; margin: 0px; width: 760px; }
div#subnav ul li  { float: left; margin: 0px; line-height: 20px; border-right: 1px solid #000; }
div#subnav ul li a:link,
div#subnav ul li a:visited,
div#subnav ul li a:active,
div#subnav ul li a:hover  { height: 20px; line-height: 20px; float: left; width: auto; display: block; text-decoration: none; padding: 0px 10px; font-size: 1em; color: #fff; background-color: #999999; }
div#subnav ul li a:hover,
div#subnav ul li a.subnavactive:hover { color: #000; width: auto; height: 20px; background-color: #1364A9; }
div#subnav ul li a.subnavactive:link,
div#subnav ul li a.subnavactive:visited,
div#subnav ul li a.subnavactive:active,
div#subnav ul li a.subnavactive:hover { color: #fff; background-color: #1364A9; }
div#subnav ul li a:active             { color: #000; }

div#left  { float: left   }
div#right { float: right;  }
div.major { float: left; width: 485px; padding: 0px 5px 5px 5px }
div.half  { float: left; width: 360px; padding: 0px 5px 5px 5px }
div.minor { float: left; width: 235px; padding-top: 5px; }
div.full  { float: left; width: 740px; padding: 0px 5px 5px 5px; }

div.padtop  { margin-top: 10px; }
div.padbottom { margin-bottom: 10px; }

div.formRow     { float: left; margin-bottom: 3px;}
div.formHeader  { float: left; font-weight: bold; margin-right: 5px; width: 150px; }
div.formBody    { float: left; }

div.major .inputform { width: 475px; }
div.minor fieldset.inputform { width: 225px; }
div.major form.inputform div.formRow        { width: 475px }
div.full .inputform div.formRow { width: 725px; }
div.major fieldset.inputform div.formRow    { width: 465px }
div.major form.inputform div.formHeader     { width: 160px }
div.major fieldset.inputform div.formHeader { width: 150px }
div.major fieldset.inputform div.formBody   { width: 305px }
div.minor fieldset.inputform div.formRow    { width: 215px }
div.minor fieldset.inputform div.formHeader { width: 100px }

.inputform  { float: left; border: 1px solid #444444; margin-bottom: 10px; padding: 5px; background-color: #FAFAFB }
.inputform input, .inputform select.full, .inputform textarea { width: 300px }
.inputform .short { width: 150px }
.inputform .shorter { width: 100px }

input,select,textarea { border: 1px solid #666666; background-color: white; }
input.submitbutton,input.submit  { color: #1364A9; border-top-color: #9F9FAA; border-left-color: #9F9FAA; font-weight: bold; border-width: 1px }
input.submitbutton { font-size: 1.2em; border-width: 1px 2px 2px 1px; }
.hidden { display: none }

ul#suglinks a:link,ul#suglinks a:visited,ul#suglinks a:hover,ul#suglinks a:active { font-weight: normal; text-decoration: none; display: block }
ul#suglinks a.selected:link,ul#suglinks a.selected:visited,ul#suglinks a.selected:hover,ul#suglinks a.selected:active { font-weight: normal; text-decoration: none; display: block; background-color: #1364A9; color: white; }

ul#suglinks li { border-bottom: 1px solid #888888; display: block; }
ul#suglinks li.primary { font-size: 1.1em; margin-bottom: 5px; padding-bottom: 5px; }
ul#suglinks li.secondary { font-size: 1em; margin-bottom: 2px; padding-bottom: 3px; }
ul#suglinks li.tertiary { font-size: 0.9em; margin-bottom: 2px; padding-bottom: 2px; }

div.notice {  float: left; width: 98%; padding: 5px; border: 1px solid #888888; margin-bottom: 5px; text-align: justify }
div.notice h1 { font-size: 1.2em; margin-bottom: 2px; }
div.notice h2 { font-size: 1.1em; margin-bottom: 5px; }

div.pagination  { float: right; margin: 5px; font-size: 0.9em; text-align: right }

table     { font-size: 1em }
table th  { font-size: 1.1em; padding: 1px 2px; }
table.displayresults    { width: 99%; border: 1px solid #888888; }
table.displayresults th { background-color: #F0F0F0; }
table.displayresults td { border-top: 1px solid #888888; background-color: #F9F9F9 }
table.displayresults tr.over td,
table.displayresults tr.edit_over td { background-color: #336699; color: white; cursor: pointer; }
table.displayresults td img { border: 1px solid white; }

.imp1 { background-color: #FFE0E0; color: #000000; border-color: #FF0000 }
.imp1 h1 { color: #FF0000 }
.imp1 h2 { color: #000000 }
tr.imp1 td { color: #880000; background-color: white; border-color: #FF0000; border-bottom: 1px solid #FF0000; }


.imp2 { background-color: #FFE0E0; color: #000000; border-color: #880000 }
.imp2 h2 { color: #333333 }

.imp5 { background-color: #EEEEEE; color: #666666 }

/* Sort these bits */

/* Errors */
div.errorbox,
.messagebox {
  display: inline;
  float:            left;
  background-color: #FFDDDD;
  padding:          5px;
  width:            713px;
  margin: 0px 10px 10px 10px;
}
.messagebox h1 { font-size: 1.2em }
div.minor .messagebox { width: 218px; margin: 0px 0px 10px 0px }
div.major .messagebox { width: 470px; margin: 0px 0px 10px 0px }
.messagebox {
  background-color: #F0F0F0;
  border: 1px solid #F8F8F8;
}
div.errorbox fieldset,
.messagebox fieldset {
  border: 1px solid #D11241;
  background-color: white;
}
.messagebox fieldset {
  border-color: #980c2e;
}
div.errorbox fieldset legend {
  font-size: 11pt;
  font-weight: bold;
  opacity: 0.75;
  background-color: white;
}
div.errorbox fieldset ul,
.messagebox fieldset ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.messagebox fieldset ul li { margin-bottom: 2px; display: inline; }
.messagebox fieldset ul li a:link,
.messagebox fieldset ul li a:visited,
.messagebox fieldset ul li a:hover,
.messagebox fieldset ul li a:active {
  display: block;
  text-decoration: none;
}
ul li.inline { float: left; margin-right: 5px; display: inline; }
.messagebox fieldset ul li a:link.inline,
.messagebox fieldset ul li a:visited.inline,
.messagebox fieldset ul li a:hover.inline,
.messagebox fieldset ul li a:active.inline { display: inline }
.messagebox fieldset ul li a:hover {
  background-color: #336699;
  color: white;
}
.messagebox fieldset ul li img { border: 0px }
.messagebox fieldset ul.twocol li { float: left; width: 49%; margin-right: 2px }

/* Google Maps Form Field */
div#GMapObs {
  position:         absolute;
  top:              0px;
  left:             0px;
  z-index:          20;
  display:          none;
  background-color: black;
  filter:           alpha(opacity=33);
  -moz-opacity:     .33;
  opacity:.         33;
}
div#GMapHolder {
  position:         absolute;
  top:              0px;
  left:             0px;
  width:            650px;
  height:           450px;
  border:           1px solid black;
  background-color: #DDDDDD;
  display:          none;
  visibility:       hidden;
  z-index:          21;
  padding:          5px;
}

div#GMap {
  float:    left;
  width:    500px;
  height:   445px;
  border:   1px solid #888888;
}
div#GMapControls {
  float:    right;
  width:    150px;
  height:   460px;
  border:   1px solid #888888;
  background-color: #F0F0F0;
}


/* End Google Maps */


/* Image field previews */
div#left.major div.image_preview_holder {
  position:         relative;
}
div#left.major div.image_preview_holder div.image,
div#left.major div.image_preview_holder div.thumb {
  position:         absolute;
  left:             0px;
  top:              0px;
  border:           1px solid #980c2e;
  padding:          2px;
  background-color: #F0F0FF;
  display:          none;
}
div#left.major div.image_preview_holder div.image img,
div#left.major div.image_preview_holder div.thumb img {
  border:           1px solid #888888;
}

div#left.major div.upload_info {
  width:            310px;
}
div#left.major div.upload_info a:link,
div#left.major div.upload_info a:active,
div#left.major div.upload_info a:visited,
div#left.major div.upload_info a:hover {
  display:          block;
  cursor:           pointer;
  font-weight:      bold;
  float:            left;
  color:            #980c2e;
  text-decoration:  none;
  margin-right:     15px;
  padding:          1px;
}
div#left.major div.upload_info a:hover {
  background-color: #d11241;
  color:            #FFFFFF;
}
div#left.major div.upload_info div.no_image_preview {
  width:            215px;
  border:           1px solid #888888;
  text-align:       center;
  padding:          3px;
}

div.image_preview {
  width:            100%;
  background-color: #FFFFFF;
  padding-bottom:   10px;
}
div.image_preview img {
  border:           1px solid #980c2e;
  margin:           5px;
}
div.image_preview div {
  text-align:       left;
  line-height:      20px;
  margin-bottom:    15px;
}


iframe.visible {
  border: 0px;
  position: absolute;
  z-index: 10;
  width:  310px;
  margin-top: 2px;
}
.visible {
  display: inline;
}

.pred_s_holder {
  position: relative;
}
.pred_s_results {
  position: absolute;
  top:  0px;
  left: 0px;
  width:  308px;
  height: auto;
  border: 1px solid #444444;
  background-color: #EEEEEE;
  padding:  2px;
  margin-top: 2px;
  z-index: 20;

}
.pred_s_results a:link,
.pred_s_results a:visited,
.pred_s_results a:hover,
.pred_s_results a:active {
  display:  block;
  border-bottom:  1px dashed #888888;
  margin-bottom:  1px;
  width:          302px;
  padding:        1px 3px;
}
.pred_s_results a:hover {
  background-color: #1364A9;
  color:            #FFFFFF;
}

div.suggestion_box {
  float: left;
  width: 190px;
  border: 1px solid black;
  margin-bottom: 5px;
  padding: 2px;
  cursor: pointer;
}
div.suggestion_box div {
  float: left;
/*   width:  110px; */
}
div.suggestion_box div.id_box {
  float:  left;
  border-right:  1px solid #444444;
  border-bottom:  1px solid #444444;
  margin-right:   5px;
  font-weight: bold;
  padding:  0px 1px 1px 1px;
  margin-bottom:  2px;
  width:  auto;
}

/* For manage lookups */
div.recordRow,div.recordRow_dc,div.recordRow_pe {
  float:            left;
  width:            100%;
  margin-bottom:    2px;
  font-size:        0.9em;
  display: block;
  height: auto;
}
div.formBody,div.recordBody {
  float:            left;
}

div.recordRow,div.recordRow_dc,div.recordRow_pe {
  border-bottom:    1px solid #164e7d;
  padding-bottom:   3px;
}
div.recordRow_dc {
  background-color: #FF8888;
}
div.recordRow_pe {
  background-color: #88FF88;
}
div.recordTitle {
  float:            left;
}
div.recordSubmit {
  float:            right;
}
div.recordID,div.recordIDSpacer {
  float:            left;
  font-weight:      bold;
  font-size:        90%;
  border-right:     1px solid #164e7d;
  border-bottom:    1px solid #164e7d;
  width:            25px;
  padding:          1px 2px 4px 1px;
  margin:           0px 5px 5px 0px;
  text-align:       right;
}
div.recordIDSpacer {
  border:           0px;
  padding:          1px 3px 5px 1px;
}

/* End for manage lookups */

/* End messy sorty bit */

div#left div.filediv input, input.checkbox { width: auto; }
input.checkbox {  border: 0px; }
div.filediv input { background-color: #FAFAFA; font-size: 1.4em;  }
.hlight { background-color: #FFFF00; padding: 0px 1px; color: #222222 }
input.mm,div.mm,select.mm,textarea.mm     { background-color: #FFFF00; border-color: #FF0000; }
td.nowrap { white-space: nowrap }
input.submit,input.submitbutton { width: auto }
div#GMap { background-image: url(/_images/_stat/loading.gif); background-position: center; background-repeat: no-repeat }

div#right img#tag_image { border: 1px solid #888888; margin-bottom: 10px; }
div#GMap div.gmnoprint span { display: none; }

/* ONLY IN MAP VIEW - REMOVE [FIXME] */
  div.tagInfoWindow { width:    230px; }
  div.tagimg { float:  left; width:  60px; display: inline }
  div.tagInfoWindow img { border: 1px solid black; margin: 0px 5px 2px 0px; }
  div.tagdet { float:  right; width: 150px; display: inline; font-size: 0.9em }
  div.tagInfoWindow a:link,
  div.tagInfoWindow a:visited,
  div.tagInfoWindow a:active,
  div.tagInfoWindow a:hover {
    float: left;
    display:  block;
    width:    230px;
    text-align: center;
    line-height:  20px;
    background-color: #1364A9;
    color:            white;
    margin-top: 10px;
    border: 1px solid #1364A9;
    text-decoration: none;
  } div.tagInfoWindow a:hover { color:            #1364A9; background-color: white; }

.short_mm {
  background-color: #FFFF00;
}