/* Defaults and global style */
* {margin:0; padding:0; font-family:Verdana,sans-serif; text-decoration:none; text-align:justify}
body {color:black; background:#f8f8f8; font-size:0.8em; border:none}
img {border:none}

/* General */
p,ul {margin-top:0.5em; margin-bottom:0.5em}
a {color:blue; font-weight:bold; font-size:0.9em}

/* Primary structural components */
table#header {font-weight:bold; width:100%; border-bottom:thin solid #aaa}
table#header tr {vertical-align:top}
table#header td {padding:0}
table#header td#top-bar {height:2em; padding:0.5em; text-align:right}
ul.menu {color:#aaa; margin:0.25em 0}
div#content {border:3px groove #aaa; padding:0.4em; margin:0.8em; background:white url('/images/gradient_top.gif') repeat-x; clear:both}
div#footer {margin-top:1em; padding:0 0.3em; border-top:thin solid #aaa; clear:both}
div.center {text-align:center}


/* Titles */
h1, h2 {margin:0.5em 0; font-family:Arial,sans-serif; font-size:1.5em; font-weight:bold}
h1 {border-bottom:thin solid #aaa}
h1.frontpage {border-bottom:none; text-align:center}

/* Forms  */
label, .label {font-weight:bold; font-size:90%}
label *, .label * {font-weight:normal; font-size:110%; vertical-align:top}
label input[type="checkbox"] {vertical-align:middle}
fieldset {display:inline; padding:1em; margin-left:0.5em; background:white url('/images/gradient_top.gif') repeat-x; vertical-align:top;
   /* IE fieldset background positioning fix */
   position:relative; margin-top:1em; _padding-top:1.5em   /* Underscore means only IE < 7 will see it */
}
fieldset legend {font-weight:bold; font-size:1.1em;
   /* IE fieldset background positioning fix */
   position:absolute; top:-0.5em; left:0.5em
}
fieldset div + div {margin-top:0.5em}
legend img {vertical-align:bottom}
button, input.button, input.primary {text-align:center}
button.primary, input.primary {font-weight:bold}
option {padding-right:1em}

/* Lists and reports */
ul.list-choice li {padding:0.2em}
.list-choice a {font-weight:normal}
.list-choice a.list-current {color:green; font-weight:bold}
ul.center {text-align:center}

/* Tables */
table.decorate {border:3px ridge #aaa} /* for tables which are presentational elements, not purely layout */
table.center {margin-left:auto; margin-right:auto}
th {background:#ebedff; white-space:nowrap; text-align:center}
th, td {padding:0.1em 0.5em}
tr.separate-next td {border-bottom:thin solid #aaa}
tr.separate-previous td {border-top:thin solid #aaa}
table fieldset {display:block} /* put fieldsets in a table for expanding & bounding them to its edges */

/* Specific components */
ul#map {float:left; list-style-type:none; padding:0.5em}
.tooltip {font-size:1.5em; font-weight:bold; color:lightblue; cursor:default}

/* Misc */
ul.horizontal li {display:inline; padding:0 0.5em}
hr, .hr {width:100%; margin:0.3em 0; background:#aaa; color:#aaa} /* browsers vary as to whether they use bg or color */
.message {font-style:italic; font-weight:bold}
.error {color:red; font-weight:bold; font-style:italic}
pre.error {font-family:courier new,monospace; border:thin solid #aaa; background:white}
.transparent {filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3}

/* Probe data */
#mtieGraph {width:500px; height:510px; float:right}
#eventListContainer {max-height:40em; overflow:auto;
   _height:40em /* IE <= 6 ignores max-height property */
}
.event-date {font-weight:bold}
.heartbeat {background:white}
.startup-heartbeat {background:#33cc33}
.exception {background:#ff3333}
.large-offset {background:yellow}
.loss-of-signal {background:#ff9900}
.missed-heartbeat {background:#a9a9a9}
.requested-phase, .requested-phase24, .requested-phase-file {background:#add8e6}
.gps-alarm {background:#ff9900}
td.event_note_cell {background:white}
tr#event_note_row {background:url(/images/gradient_top.gif) repeat-x; vertical-align:top}
textarea#event_note_rw {width:100%}
pre#event_note_ro {width:100%}

/* Tabs */
.tab-page {border:1px solid #aaa; background:white url('/images/gradient_top.gif') repeat-x}