/*==== GLOBALS ==== */ * { /* Reset all margins, paddings and borders */ margin: 0; padding: 0; border: 0; } html { color: rgb(50,50,50); background: #FFFFFC; background-repeat: repeat-x; background-image: url("../../../images/top_border.png"); } body { font: 13px/17px "Arial", sans-serif; } /* #border { /* #border required because the styling doesn't work on */ /* width: 100%; height: 41px; background-image: url("../../../images/top_border.png") ; background-repeat: repeat-x; }*/ #wrapper { /* Needed to center floats #background and #main*/ width: 1000px; margin: 0 auto; } #background { float: left; width: 1000px; background-repeat: no-repeat; background-position: -100px 0; position: relative; left: -200px; } #main { width: 1100px; margin: 42px auto; background-color: transparent; position: relative; left: 200px; } .sIFR-active .sIFR-alternate { /* Fix for Firefox/Flashblock */ font-family: "Arial", sans-serif; } /*==== LINKS ==== */ a { text-decoration: none; background: transparent; } a:link, button[type=submit] > span { color: #2F66B1; } a:visited { color: #073E89; } a:hover, button[type=submit]:hover > span { color: #FFF; background: #0C60C2; } a:active { color: #FFF; background: #0C60C2; } a.image:hover, a.image:active { /* Class to disable hover/active stuff on image links */ margin: 0; padding: 0; background: transparent; } /* ==== HEADERS ==== */ h2, h3, h4 { color: #282828; } h2 { font-size: 28px; margin-bottom: 40px; } .sIFR-active h2 { visibility: hidden; font-family: Verdana, sans-serif; font-size: 28px; } h3 { font-size: 18px; margin-bottom: 3px; } .sIFR-active h3 { visibility: hidden; font-family: Verdana, sans-serif; font-size: 18px; } h4 { font-size: 14px; margin-bottom: 12px; } .sIFR-active h4 { visibility: hidden; font-family: Verdana, sans-serif; font-size: 14px; } h5 { font-size: 100%; } /*==== FOOTER ==== */ #footer { width: 100%; float: left; clear: both; background: url("../../../images/line_gray.gif") repeat-x 0 0; padding: 20px 0 10px; margin-top: 50px; } #ie #footer { /* Footer needs to be de-floated or margin-top won't work in IE6/IE7 */ float: none; } #footer p { font-size: 80%; } /*==== FORMS ==== */ input, textarea { border: 1px solid #000; } label { font-weight: bold; padding-right: 10px; } button[type=submit] { /* Submit button */ background: url("../../../images/storpil_normal.gif") no-repeat 0 50%; margin-top: 5px; cursor: pointer; } button[type=submit]:hover { background: url("../../../images/storpil_mover.gif") no-repeat 0 50%; } button[type=submit] > span { margin-left: 15px; } #ie6 button[type=submit] span{ margin-left: 5px; } #ie7 button[type=submit] { overflow: visible; /* Fixes problem with IE applying extra horizontal padding on input elements */ } /*==== OTHER ==== */ .clearfix:after { /* Clear wrapper to make it expand over all floats contained */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #ie .clearfix { /* Since :after doesn't work in IE6/IE7, rely on bug to make it clear wrapper */ height: 1%; } .error { color: #F00; }