/* Collaborative Trial */
/*** General layout ***/
html { padding:0; margin:0; background: #aaa; /* Set the global font here */ font-family: "DejaVu Sans", Verdana, sans-serif; font-size:12pt; color: #222; } body { padding: 0; margin: 0.75em;
} hr { clear: left; color: #000; height: 1px; border: none; background: #000; } br { clear: both; }
/** The links **/ a { color: #5F7FC1; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #aaa; } a:visited { color: #7D7692; } a:hover { color: #345678; border-bottom: 1px dotted #000; }
/** The headings **/ h1 { font-size: 20pt; font-weight: bold; color: #888; }
h2 { font-size: 16pt; font-weight: bold; color: #888; clear: left; }
/*** The splash screen ***/ .splashtopic { clear: left; max-width: 55em; margin-top: 1em; padding-top: 2em; }
/*** The site info ***/ .thumbnail { clear: both; background: #f5f5f5; border: 1px solid #ccc; max-width: 250px ; border-bottom: 1px solid #aaa; margin: 0.25em; padding: 0.5em; text-align: center; float: right; } .gallery .thumbnail { clear: none; float: left; } .thumbnail img { border: 1px solid #aaa; } .thumbnail p { max-width: 90%; margin: 0.25em auto; margin-bottom: 0; font-size: 70%; color: #888; } dl { color: #666; background: #f5f5f5; border: 1px solid #aaa; padding: 0.5em; margin: 0.5em auto; float: left; } dt { font-weight: bold; }
/*** The search results ***/ .gallery { float: left; background: #f5f5f5; border: 1px solid #ccc; border-bottom: 1px solid #aaa; margin: 0.25em; height: 100px; padding: 0.5em; padding-bottom: 7em; text-align: center; } .gallery a, .gallery a:hover { border: none; }
.gallery img { border: 1px solid #aaa; max-height: 100px; }
.gallery p { max-width: 100%; margin: 0.25em auto; font-size: small; line-height: 1.1em; color: #444; }
.gallery a + p { font-weight: bold; }
/*** The footer ***/ .logobar + p { text-align: right; } .logobar img, .poweredby img { max-height: 60px; border: 1px solid #888; }
/*** The categories page ***/ ul.categories { padding: 0; margin: 2em auto; width: 100%; position: relative; } ul.categories li { text-transform: capitalize; margin: 0; padding: 0; display: block; float: left; width: 48%; list-style: none; }
/*** The spotting form ***/
form { max-width: 40em; margin: 0 auto; }
label { display: block; position: relative; text-align: left; margin-right: 27em; clear: both; } fieldset fieldset label:hover { background: #ddd; }
fieldset { background-color: #f7f7f7; margin: 0.5em 0; border: 1px dashed #222; }
legend { font-weight: bold; background: #fff; }
input, select, textarea { vertical-align: middle; width: 30em; font-size: 10pt; font-family: "DejaVu Sans", Verdana, sans-serif; border: 1px solid #444; padding: 0.25em; margin: 0.25em; margin-right: -31em; float: right; margin-top: 1.2em; } input, textarea { background: #eee; color: #444; } input:focus, textarea:focus { background: #fff; color: #000; } textarea { vertical-align: top; }
fieldset.county, fieldset.graphicsavailable, #insttype { padding: 0; text-align: left; border: none; display: block; margin-left: 12em; position: relative; margin-top: -2em; margin-right: 0; }
fieldset.graphicsavailable, fieldset.county { margin-top: 1em; margin-bottom: 2em; }
fieldset.county legend, fieldset.graphicsavailable legend, fieldset#insttype legend { font-weight: normal; background: transparent; }
fieldset.county input, fieldset.graphicsavailable input, fieldset#insttype input { width: auto; margin: 0; border: none; background: none; float: none; clear: none; }
fieldset.county label, fieldset.graphicsavailable label, fieldset#insttype label { display: block; margin: 0.125em 0; text-align: left; float: left; width: 44%; margin-right: 5%; clear: none; min-width: 14em; font-size: 9pt; }
div.submitbutton input, input#submit { width: 10em; font-weight: bold; background-color: #ddd; color: #000; display: block; border: 2px solid #444; margin: 1.5em auto; float: none; cursor: pointer; } div.submitbutton input:hover, input#submit:hover { background: #f7f7f7; }
fieldset.private { background: #ffd; }
label span { font-style: italic; color: #444; font-size: 10pt; display: block; } label em { font-weight: bold; color: #e00; }
fieldset#insttype label#other { padding: 0.25em 0; margin: 0; display: block; float: left; clear: both; } fieldset#insttype label#other:hover { background: transparent; } fieldset#insttype label#other input { display: block; border: 1px solid #444; background: #eee; color: #444; width: 30em; margin: 0.25em; margin-left: -0.125em; }
blink { font-size: 48pt; font-weight: bold; color: lime; background: red; }
.annualenergy, .energyfrom, .housechar { background: #f0f0f0; width: 95%; margin: 1em 0; border: 1px dotted #ccc; }
.annualenergy legend, .energyfrom legend, .housechar legend { background: transparent; font-weight: normal; }
.annualenergy, .energyfrom { background: #f7f7f7; position: relative; }
.annualenergy label, .energyfrom label { display: block; float: left; margin: 0.25em 0; margin-right: 1em; clear: none; text-align: left; } .annualenergy input, .energyfrom input { float: none; margin: 0; display: inline; width: 3em; }