/* Data in the Classroom */ /* Web tools stylesheet */ /* Todd Viola */ /* December 2007 */ /* HTML */ body {background: #eee; font-size:84.5%; line-height: 1.4em; font-family: Geneva, Arial, Helvetica, sans-serif; color:#333;} input, select {margin: 0px; padding: 0px;} .uniformwidthinputs { width: 200px; } a:link, a:visited {color:#01628C;text-decoration:underline;} a:hover {text-decoration:none;} h1 {font-size: 1.6em; margin: 8px 0px 4px;} h2 {font-size: 1.4em; margin: 8px 0px 4px;} h3 {font-size: 1.2em; margin: 8px 0px 4px;} th {text-align: left; background: #eee; padding: 0px 6px;} /* PAGE LAYOUT */ #page {background: #fff; width: 760px; margin: 20px auto; padding: 3px 3px 10px 3px; border: 2px solid #ccc;} #page-splash {min-height: 560px; background: #fff url(images/wq-photo.jpg) no-repeat bottom right; width: 760px; margin: 20px auto; padding: 3px 3px 10px 3px; border: 2px solid #ccc;} #header {height: 58px; background: #333; position: relative;} #main {clear: both;} #bottom {clear: both;} #footer {clear: both; width: 760px; margin: 0px auto; padding: 3px; font-size: 0.8em; text-align: center;} #nav {background: #e6e6dc; padding: 10px 0px; width: 110px; margin-right: 10px; float: left;} #content {width: 620px; float: right; margin-right: 10px; padding: 15px 0px 0px;} #content-nopad {width: 640px; padding: 0px; float: right;} #content-left {float: left; width: 380px; background: #fff;} #content-right{float: right; width: 210px; padding: 8px 4px 10px 8px; font-size: 0.9em;} #visibleform {float: left;} #form-left {float: left; width: 250px; font-size: 0.9em;} #form-right {float: right; width: 350px; font-size: 0.9em;} #form-right2 {float: right; width: 300px; font-size: 0.9em;} .transcript {margin: 0px 10px;} /* LEFT COLUMN NAVIGATION */ #nav ul {list-style: none; margin: 0px 0px 40px 0px; padding: 0px;} #nav li a {display: block; margin: 0px; padding: 4px 8px; border-bottom: 1px solid #fff;} #nav li a:link, #nav li a:visited {color: #333; text-decoration: none;} #nav li a:hover {background: #83a595; color: #eee;} #nav li a.active {background: #83a595; color: #eee;} #nav p.help {margin: 0px 8px; padding-bottom: 40px;} /* RIGHT COLUMN SIDEBAR */ #content-right h3 {margin: 0px 0px 4px;} #content-right ul {margin: 10px 16px; padding: 0px;} #content-right li {margin-bottom: 6px;} /* GET DATA FORM */ #stationDisplayMap {margin-bottom: 10px; background: #eee; border: 1px solid #ccc;} .label {font-size: 1.2em; font-weight: bold;} .selection {padding-left: 6px; padding-bottom: 12px; border-bottom: 1px solid #999;} .subSelection td {font-size:84.5%; line-height: 1.4em;} .submit {padding-left: 6px; padding-top: 12px;} .submitButton {background: #e6e6dc; font-size: larger; padding: 3px;} .thumb {padding-right: 6px;} .helpLink {text-align: right; padding: 20px 0px 0px;} .helpLinkModel {text-align: right; font-size: 0.9em; padding: 20px 0px 0px;} a#dataMoreInfoURL {margin: 0px 6px;} /* MISC CONTENT STYLES */ .illustration {margin: 20px 0px;} .pathway {margin-bottom: 12px; font-size: 0.8em;} .feature {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; line-height: normal; font-style: italic;} .large {font-size: 1.1em;} /* QUIZ QUESTIONS */ .quiz {margin: 0px;} .question {font-weight: bold;} .answers {padding: 0px 20px;} .answers table td {text-align: right; padding: 1px 6px;} .submit {padding: 10px 0px;} .feedback {width: 80px; height: 30px; color: #00c; vertical-align: top;} /* HEADER LOGOS */ .pageLogo { background: transparent top left no-repeat; background-image: url(images/data-in-the-classroom-title.jpg); display: block; margin: 0; padding: 0; text-indent: -999em; text-decoration: none; height: 44px; width: 86px; position: absolute; top: 6px; left: 10px; z-index: 5;} .pageTitle { background: transparent top left no-repeat; background-image: url(images/monitoring-water-quality-title.jpg); display: block; margin: 0; padding: 0; text-indent: -999em; text-decoration: none; height: 30px; width: 440px; position: absolute; top: 21px; right: 10px; z-index: 5;} /* LINK ICONS */ a[target ^="_blank"] { background: url(images/external.png) center right no-repeat; padding-right: 13px;} a[href ^="mailto:"] {background: url(images/mail_icon.gif) center right no-repeat;padding-right: 18px;} /***************** STYLES FOR RESULTS PAGE **************************/ #nodata { color: red; padding: 0px; margin: 0; display: block; } #divResult { width: 675px; BORDER-RIGHT:#cccccc 1px solid; BORDER-TOP:#cccccc 1px solid; FONT-SIZE:0.8em; OVERFLOW:scroll; BORDER-LEFT:#cccccc 1px solid; BORDER-BOTTOM:#cccccc 1px solid; BACKGROUND-COLOR:#eeeeee; } /** styles for the graphic. create an "artificial" axis to compensate for chart software's limitations */ .tickmark { height: 15px; width: 50px; padding: 0px 0px 0px 0px; margin: 20.5px 0px 0px 0px; text-align:right; font-size: 11px; color:#666666; line-height: 7px; } .tickmarktop { height: 15px; width: 50px; padding: 0px; margin: 9px 0px 0px 0px; text-align:right; font-size: 11px; color:#666666; } .tickmark img { vertical-align: text-bottom; } .tickmarktop img { vertical-align: text-bottom; } #rightaxis { position: absolute; left: 415px; top: 58px; border-right: 1px solid #666666; height: 212px; width: 50px; } #rightaxislabel { position: absolute; left: 468px; top: 2px; } #leftaxis { position: absolute; left: 0px; top: 58px; border-right: 1px solid #666666; height: 212px; width: 50px; } #leftaxispadded { position: absolute; left: 10px; top: 58px; border-right: 1px solid #666666; height: 212px; width: 50px; } #leftaxislabel { position: absolute; left: 4px; top: 2px; } /** style the calendar picker fields to match rest of fields */ #startdate_Day_ID { font-size: 12px; } #startdate_Month_ID { font-size: 12px; } #startdate_Year_ID { font-size: 12px; } #startdate_ID_Link img { padding-top: 3px; } .attention { font-size: 12px; color: red; } #RequiredFieldValidator7 { padding: 0px; margin:0px; } #RequiredValidator6 { padding: 0px; margin:0px; } #ddlStations, #ddlParameters, #ddlSecondParameter { width: 230px; } #rblOutput { font-size: 1.0em; } #infolink a { font-size: 12px; font-weight: normal; } #infolink a:link, a:visited { color: #01628c; text-decoration: underline; } #infolink a:hover { text-decoration: none; } /** borrowed from todd's styles */ a[target ^="_blank"] { background: url(images/external.png) center right no-repeat; padding-right: 13px;}