body { margin: 0; padding: 0; font: 0.85em/1.5em Verdana, sans-serif; border: solid #616161; border-width: 5px 0 0 0; } h1, h2, h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #eb4e00; line-height: 1em; margin: 0; padding: 0; } h1 { font-size: 2em; font-weight: bold; } h2 { font-size: 1.7em; font-weight: bold; color: #9f9e00; } h3 { font-size: 1.4em; color: #9f9e00; } p { line-height: 1em; margin: 0.5em 0 1em; } div.row { font: 0.85em/1.5em Verdana, sans-serif; clear: right; padding-top: 5px; } div.rowheader { font: 1em Verdana, sans-serif; color: #ffffff; background: #5b7933; font-weight: bold; line-height: 2; } div.rowfooter { line-height: 0.5em; } div.row span.label { float: left; width: 125px; text-align: right; padding-right: 5px; } div.row span.field { float: right; width: 270px; text-align: left; } div.row span.fieldbutton { float: right; width: 270px; text-align: right; } div.row span.spinner { position: absolute; left: 420px; } /* General styles for the masthead and footer. They are the same on both pages. */ #masthead { text-align: center; padding: 0.5em 0; background-color: #336633; margin-bottom: 5em; } #masthead h1 { color: #fff; } #logo { position: absolute; left: 10px; top: 5px; } #footer { clear: both; width: 100%; font-size: 0.8em; text-align: center; color: #999; margin-top: 1em; } #leftcol, #rightcol { /* background-color: #dbdb79; */ } #leftcol { top: 10%; width: 10%; float: left; padding-left: 2em; font-weight: bold; } #content { padding: 0 2%; margin-left: 20%; margin-top: -3%; } #content h2, #content h3 { padding: 0.25em 0 .75em; } #IE6updateprogress { position:absolute; z-index:10; left: 420px; overflow:hidden; } body.threecolumns #rightcol { width: 10%; /* was 20% */ float: right; padding: 0 2%; } body.threecolumns #content { margin-right: 25%; } /* On a page with only two columns we'll hide the right column */ body.twocolumns #rightcol { display: none; } /* On a page with two columns the right column is hidden and therefore we adjust content to stretch all the way */ body.twocolumns #content { margin-right: 10%; /* was 2% */ } /* This rule simply demonstrates how you can use a id instead of its class to manupulate visibility of elements */ body#contact #footer { display: none; } /* Position of booking search control */ #bookingSearchControl { position: relative; } /* Position of warrant search control */ #warrantSearchControl { position: relative; } /* Position of roster list control */ #rosterListControl { margin-top: 1em; position: relative; } .searchBox { border-top:3px solid #002f00; border-bottom: 3px solid #002f00; border-left:3px solid #002f00; border-right:3px solid #002f00; } .Disclaimer { font: 0.8em Verdana, sans-serif; font-style: italic; } .Data { font: 0.85em Verdana, sans-serif; } .Label { font: 0.85em Verdana, sans-serif; font-weight: bold; } .Message { padding-right: 5px; font-size: small; font-family: Verdana; font-weight: bold; } .ValidationMessage { padding-right: 5px; font-size: small; font-family: Verdana; font-weight: bold; color: #ff0000; } .Hyperlink { padding: 5px; font-size:small; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color:blue; } .HyperlinkLog { padding: 5px; font-size:medium; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color:blue; } .RadioButtonList { font-size: xx-small; font-family: Verdana; font-weight: bold; } /* FAQ */ .FAQQuestion { padding: 2em 0em 1em 0em; color: blue; font-weight: bold; } /* Grid */ .Grid { border-right: gray thin solid; border-top: gray thin solid; background: gray; border-left: gray thin solid; border-bottom: gray thin solid; border-width:2px; width:100%; } .GridPager { border-right: gray thin solid; border-top: gray thin solid; background: #dbdb79; border-left: gray thin solid; border-bottom: gray thin solid; font-size:small; } .GridFooter { font-size: x-small; text-align: center; border-right: gray thin solid; border-top: gray thin solid; background: #dbdb79; border-left: gray thin solid; border-bottom: gray thin solid; } .GridItem { font-size: small; background: #dbdb79; color: black; font-family: Verdana, Arial, Helvetica, sans-serif; height: 25px; text-align: left; } .GridAltItem { background: #fffacd; color: Black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; height: 25px; text-align: left; } .GridHeader { font-weight: bold; font-size: small; background: #5b7933; color: black; font-family: Verdana, Arial, Helvetica, sans-serif; height: 20px; text-align: center; } /*Button */ .Button { color:#050; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:84%; font-weight:bold; background-color:#fed; border:1px solid; border-top-color:#696; border-left-color:#696; border-right-color:#363; border-bottom-color:#363; } #header_region { position: relative; color: #663300; padding: 3px; float: left; } #faq_header_region { position: relative; margin-top: 125px; } #faq_answer_region { position: relative; } #information_detail_person_table { width : 800px; } #case_status_search_region { position: relative; } #civil_info_region { position: relative; }