/* Toxbase StyleSheet */ /* Created by G Launchbury for IS Solutions PLC */ /******************* ACCESSIBILITY FONT SIZES ********************** The font-size MUST be 100%, and the browser text-size set to 'normal' or 'medium' for these to be valid. The 'ranges' are shown because the text snaps to a pixel-size in the browser. Where these figures are not contiguous, there is a discrepancy in where IE and Mozilla switch to displaying a different text-size. (PX) ( % ) (range) 8px 50% 48-53% 9px 56% 54-59% 10px 62% 60-65% 11px 68% 66-71% 12px 76% 73-78% 13px 82% 79-84% 14px 88% 85-90% 15px 94% 91-96% 16px 100% 98-103% 18px 112% 110-115% 20px 126% 123-128% 22px 138% 135-140% 24px 150% 148-153% 26px 162% 160-165% 28px 176% 173-178% 30px 188% 185-190% NB - one of the problems with this 'relative' method of sizing text is that nested item's sizes are changed with the parent's size. So be aware of changes to nested items when altering CSS at a future date. Also, if you need to nest text, find the right size by eye, and adjust up and down a little so the figure is in the middle of it's 'range'. ****************************************************************************/ /* GENERIC */ /* commented out in order to correct table formatting problems in the editor td{padding:0px; text-align:left; vertical-align:top; font-size:76%;} */ .hid { display:none; } table {border:0px; border-collapse:collapse} td{padding:0px; vertical-align:top;} img {border:0px} form {margin:0px; padding:0px} fieldset{border:0px} legend{font-family: Verdana,Helvetica,sans-serif,Arial; font-size:100%; color: #000000} label{font-family: Verdana,Helvetica,sans-serif,Arial; font-size:100%; color: #000000} td{font-family: Verdana,Helvetica,sans-serif,Arial; font-size:76%; color: #000000} /*input{color:black; border-color:#CCCCCC; border-width: thin} select{color:black; border-color:#CCCCCC; border-width: thin} */ /* GENERAL */ body,td {font-family: Verdana,Helvetica,sans-serif,Arial; font-size:100%; color: #000000} body {background-color:#FFFFFF; margin:0px} div.contentAreaWithPadding {width:700px; margin:15px 15px 20px 15px} div.contentAreaNoPadding {margin:0px} h1 {color:#003399; font-size:150%; margin:0px 0px 0px 0px} h2 {color:#003399; font-size:100%; margin:0px 0px 10px 0px} h3 {color:#000000; font-size:76%; font-weight:bold; margin:0px 0px 0px 0px} h4 {color:#000000; font-size:76%; border-bottom:1px dashed #003399; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px} p {color:#000000; font-size:76%; margin:0px 0px 10px 0px; line-height:130%} sub {line-height:0} sup {line-height:0; vertical-align: text-top} ul {list-style-type:disc; font-size:76%; margin-bottom: 0; margin-top: 0; padding-top: 0; padding-bottom: 1em;padding-left: 8px; margin-left:16px} ol {list-style-type:decimal; font-size:76%; margin-bottom: 0; margin-top: 0; padding-top: 0; padding-bottom: 1em;padding-left: 8px; margin-left:16px} li {padding-left: 0px; margin-left:0px; padding-bottom: 10px} li p {font-size:100%; margin:0px} a {color:#EE3326; text-decoration:underline} a:hover {color:#3399FF} /*a:visited {color:#F29993}*/ td.reminder {height:100px; background-color:#E2F5FF; padding:10px} .redText {color:#EE3326} .greenText {color:Green} .pinkText {color:#FF00FF} .purpleText {color:Purple} .blueText {color:#0000FF} .blackText {color:Black} .redtext {color:#EE3326} .greentext {color:Green} .pinktext {color:#FF00FF} .purpletext {color:Purple} .bluetext {color:#0000FF} .blacktext {color:Black} .copyright {color:#000000; font-size:70%; margin:10px 10px 10px 10px; line-height:130%} hr {height: 1px; border:0; color:#00309C; background-color:#00309C} hr.light {height: 1px; border:0; color:#9CCFFF; background-color:#9CCFFF} /* TOP AREA */ .topAreaTable {width:735px; height:110px; margin:0px 0px 15px 15px} .topAreaLeft {width:210px; vertical-align:bottom; font-size:76%} /*.topAreaSearch {width:300px; background-color:#E5E5E5; font-size:88%; font-weight:bold; color:#003399}*/ .topAreaSearch {width:300px; background-color:#FFFFFF; font-size:88%; font-weight:bold; color:#003399; vertical-align:middle; text-align:center;} .searchAdjustXY {margin:20px 35px 20px 35px} .topAreaRight {width:225px; text-align:center; vertical-align:bottom; font-size:62%} .topPrintAreaTable {width:570px; height:110px; margin:0px 0px 15px 15px} .topPrintAreaLeft {width:210px; vertical-align:bottom; font-size:76%} .topPrintAreaRight {width:370px; vertical-align:bottom; font-size:90%} /* TOP NAV */ .topNavBarContainer {background-color:#99CCFF; width:750px} .topNavBar {height:25px} .topNavBar td {text-align:left; vertical-align:middle; font-size:76%; font-weight:bold} .subNavItems td {font-size:100%} .topNavBar a {margin-right:10px; margin-left:10px} .topNavBar .menuOFF {background-color:#99CCFF} .topNavBar .menuOFF td {text-align:left; height:20px; vertical-align:middle;} .topNavBar .menuOFF a {text-decoration:none; color:#003399} .topNavBar .menuOFF a:hover {color:#003399} .topNavBar .menuON {background-color:#003399} .topNavBar .menuON td {text-align:left; height:20px; vertical-align:middle;} .topNavBar .menuON a {text-decoration:none; color:#FFFFFF} .topNavBar .menuON a:hover {color:#FFFFFF} /* CONTENT AREA */ .mainContentTable {width:700px} .alertBox {border:1px dashed #EE3326; font-size:76%; font-weight:bold; padding:4px; margin:0px 0px 10px 0px} td#newsFlashContainer {height:310px; border-top:1px dashed #000000} #newsFlashContainer .newsFlashScroller {height:100%; overflow:auto} #newsFlashContainer h1 {background-color:#3399FF; color:#FFFFFF; font-weight:bold; font-size:112%; padding:5px; margin:0px 0px 10px 0px} #newsFlashContainer h2 {color:#000000; font-size:76%; font-weight:bold; margin-bottom:0px} .NewsListingHeader{font-size:100%; height:32px; font-weight:bold} .NewsLink {color:#EE3326; text-decoration:underline; font-size:100%;} .NewsListingItem {font-size:76%; padding:0px 0px 10px 0px;} table#homeRightColumn {height:465px} #homeRightColumn #contributors {height:100px; vertical-align:top; padding:0px 0px 10px 0px} #homeRightColumn #contributors h1 {background-color:#99CCFF; color:#003399; text-align:center; font-size:76%; font-weight:bold; padding:5px; margin-bottom:10px} #homeRightColumn #contributors p {text-align:center; color:#003399; margin-bottom:0px} #homeRightColumn #links {vertical-align:middle; padding:0px 0px 10px 0px} #homeRightColumn #links p {text-align:center; margin-bottom:3px} #homeRightColumn #reminder {height:100px; background-color:#E2F5FF; padding:10px} #homeRightColumn #reminder p {margin-bottom:0px} .stripeyTable {width:750px; margin:0px; height:42px; background-color:#3399FF; background-image:url(/templates/Public/images/bg_stripes.gif); background-position:bottom; background-repeat:repeat-x} .stripeyTableLeft {vertical-align:middle; font-size:76%; color:#FFFFFF; font-weight:bold; padding-left:10px} .stripeyTableCenter {text-align:right; vertical-align:middle; font-size:76%; color:#FFFFFF; font-weight:bold} .stripeyTableRight {width:144px; text-align:center; vertical-align:middle} .lightTable {width:100%; margin:0px; height:32px; background-color:#99CCFF;} .lightTableLeft {vertical-align:middle; font-size:76%; color:#FFFFFF; font-weight:bold; padding-left:10px} .lightTableCenter {text-align:right; vertical-align:middle; font-size:76%; color:#FFFFFF; font-weight:bold} .lightTableRight {width:144px; text-align:center; vertical-align:middle} div#actionBox {border:2px solid #000000; padding:10px 10px 0px 10px} #actionBox h1.green {color:#FFFFFF; font-size:100%; font-weight:bold; background-color:#006600; padding:5px; margin-bottom:10px} #actionBox p {color:#000000; font-size:76%} .formTable table { margin-top:10px } .formTable td { font-size:76% } .pagelist td { font-size:76% } .sea { font-size:76%; padding-bottom:19px} #SiteMap {font-size:76%;} #SiteMap ul {list-style-type:disc; font-size:100%; margin-bottom: 0; margin-top: 0; padding-top: 0; padding-bottom: 1em;padding-left: 8px; margin-left:16px} #SiteMap li {font-size:100%;} .pagelist table {font-size:76%; margin-bottom:19; padding-bottom:19px; } .pagelist td{padding-left: 12px; } /*************************/ /* FORMS */ /*************************/ .xForm {} .xForm h2 { padding: 1em 0; margin: 0; } .xForm legend { color: Black; } .xForm input { float: left; } .xForm .heading { font-weight: bold; font-size: 1em; padding: 0; margin: 0.4em 0em; } .xForm #id_matrix { font-size: 100%; width: 100%; margin: 0; padding: 0; } .xForm #id_matrix td { border:0; margin: 0; padding: 0.2em 0; } span.xformvalidator { color: Red; } .xForm .options { float: left; } .xForm label { margin-right: 0.5em; float: left; } #id_matrix br { clear: both; } .thankyoumessage { padding: 1em 0; margin: 0; font-weight: bold; } /* FOOTER */ .footerTable {width:750px; height:25px; margin:0px 0px 0px 0px; background-color:#99CCFF} .footerTable td {color:#003399; vertical-align:middle} .footerTableLeft {width:33%; font-size:76%; font-weight:bold} .footerTableCenter {width:34%; font-size:76%} .footerTableRight {width:33%; text-align:right; padding-right:10px} .footerTableLeft a {color:#003399; text-decoration:none; margin:0px 10px 0px 10px} .footerTableLeft a:hover {color:#EE3326} table.classic { border-collapse: collapse; border: solid 0.1em #777777; } table.classic th { border: solid 0.1em #777777; background-color: #DADADA; padding: 0.4em; } table.classic td { border: solid 0.1em #777777; padding: 0.2em 0.4em; font-size:76%; font-family: Verdana,Helvetica,sans-serif,Arial; } table.noborder { border-collapse: collapse; border: 0; } table.noborder th { border: 0; background-color: #DADADA; padding: 0.4em; } table.noborder td { border: 0; padding: 0.2em 0.4em; font-size:76%; font-family: Verdana,Helvetica,sans-serif,Arial; } table.reminder { border-collapse: collapse; border: 0; margin-left:8em; width:30em } table.reminder tr { border: 0; background-color: #E2F5FF; padding: 1.5em 1.5em 1.5em 1.5em; } table.reminder td { border: 0; font-family: Verdana,Helvetica,sans-serif,Arial; padding: .3em; font-family: Verdana,Helvetica,sans-serif,Arial; color:#000000; font-size:110%; line-height:110%; margin:1px; } table.reminder p { font-family: Verdana,Helvetica,sans-serif,Arial; color:#000000; font-size:110%; line-height:110%; margin:1px; } table.classic p,table.noborder p { font-size:100% } /* PRINT VERSION */ div#printContainer h1 {font-size:112%; margin-bottom:10px} div#printContainer h2 {font-size:76%; color:#EE3326; margin-bottom:20px} div#printContainer .topAreaTable {width:480px; height:54px; margin:0px 0px 20px 0px} div#printContainer .topAreaLeft {width:180px; vertical-align:top; text-align:left; padding:0px} div#printContainer .topAreaRight {width:300px; vertical-align:top; text-align:right; padding:0px; font-size:76%} div#printContainer .documentPrinted {font-weight:bold; margin-bottom:20px} /*********************** DEVELOPMENT STYLES **************************/ table.bordersON{border:1px 1px 0px 0px solid #FF0000} table.bordersON td{border:0px 0px 1px 1px solid #FF0000} #printContainer div.contentAreaWithPadding {width:100%} div.container {overflow:hidden; clear:both; width:100%} div.floatClear {overflow:hidden; clear:both !important; height:0; font-size:0}