/****************************************************************************************************** Container is the root DIV that all DIV's should inherit from or be contained in. This should be the first element immediately after the or

tag. ******************************************************************************************************/ /* custom theme entries */ #container { position: relative; width:802px; left: 50%; margin-left: -400px; top: 0px; padding: 0px; } #container hr { visibility:hidden; display:none; } #headerArea { width:802px; padding:0px; margin:0px; } #headerArea .logo { padding:5px 0px 0px 0px; margin:0px; float:left; } #headerArea .menuRight { background-image:url(../images/header_corner.gif); background-position:bottom right; background-repeat: no-repeat; height:6px; margin:0px; padding:0px; } .doLang input, .doLang select, .doLang submit, .doLang option{ height:20px; line-height:20px; font-size:10px; padding-top:1px; padding-bottom:1px; margin:0; } #footerArea { float:left; padding:2px 0px 2px 00px; margin:0px 0px 0px 0px; background-color:#E3E3E3; width:800px; text-align:center; font-size:9px; color:#717171; border-left:1px solid #717171; border-right:1px solid #717171; border-bottom:1px solid #717171; border-top:1px solid #717171; font-weight:bold; } #footerArea a:link, a:visited, a:active { font-weight:bold; color:#717171; } #footerArea a:hover { color:#666666; text-decoration: underline; } /****************************************************************************************************** Styles for the Left Content Area of the site ******************************************************************************************************/ #contentArea { width:800px; float:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background-image:url(../images/long_bg2.gif) #FFFFFF; background-repeat: repeat-y; } #contentArea .whiteBG { } /****************************************************************************************************** ******************************************************************************************************/ #contentAreaLeft { float:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #contentAreaLeft .promo { padding:0px 0px 0px 0px; margin:0px 3px 3px 3px !important; margin:0px 0px 0px 3px; } #contentAreaLeft .promo2 { padding:0px 0px 0px 21px; margin:0px 0px 0px 0px; } #contentAreaLeft .titleBg { float:left; background-image:url(../images/title_bg.gif); background-repeat:no-repeat; width:197px; font-weight:bold; font-size:12px; color:#FFFFFF; padding:0px 0px 0px 0px; margin:1px 0px 0px 2px; } #contentAreaLeft .titleBg .title { padding:5px 0px 5px 20px; margin:0px 0px 0px 0px; } #contentAreaLeft .titleBg .title a {text-decoration:none; color:#ffffff;} #contentAreaLeft .titleBg .title a:hover {text-decoration:none; color:#E3E3E3;} #contentAreaLeft .titleBg .text { background-image:url(../images/grey_tick.gif); background-repeat:no-repeat; background-position:left top; float:left; padding:0px 0px 0px 15px; margin:15px 0px 0px 0px; font-size:9px; color:#717171; text-align:left; } #contentAreaLeft .titleBg .button { float:right; clear:right; padding:2px 6px 2px 6px; margin:5px 8px 0px 5px; font-size:9px; color:#ffffff; text-align:center; background-color:#FF0000; } #contentAreaLeft .titleBg .button a {text-decoration:none; color:#ffffff;} #contentAreaLeft .titleBg .button a:hover{text-decoration:none; color:#E3E3E3;} #contentAreaLeft .titleBg .button2 { float:right; padding:2px 6px 2px 6px; margin:10px 8px 5px 5px; font-size:9px; color:#717171; text-align:center; background-color:#E3E3E3; } #contentAreaLeft .titleBg .button2 a {text-decoration:none; color:#717171;} #contentAreaLeft .titleBg .button2 a:hover{text-decoration:none; color:#717171;} div.vdots { float:left; height:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } div.hdots { float:left; width:98%; border-top:1px dotted #999; margin:0px 0px 0px 2px; padding:0px 0px 0px 0px; } /****************************************************************************************************** Styles for the Right Content Area of the site ******************************************************************************************************/ #contentAreaRight{ float:left; clear:right; padding:0px 0px 0px 0px; margin:0px 0px 0px 2px !important ; margin:0px 0px 0px 1px; } #contentAreaRight .titleBg { background-image:url(../images/title_bg.gif); background-repeat:no-repeat; width:197px; font-weight:bold; font-size:12px; color:#FFFFFF; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #contentAreaRight .titleBg .title { padding:5px 0px 0px 20px; margin:0px 0px 0px 0px; } #contentAreaRight .titleBg .title a {text-decoration:none; color:#ffffff;} #contentAreaRight .titleBg .title a:hover {text-decoration:none; color:#E3E3E3;} #contentAreaRight .titleBg .greyContent { padding:5px 0 0 0; margin:5px 0px 0px 0px; background-color:#E3E3E3; width:196px; text-align:left; font-size:9px; color:#717171; border-left:1px dotted #999; } #contentAreaRight .titleBg .greyContent .checkBox { position:relative; top:0px; left:2px; margin-right:3px; } #contentAreaRight .titleBg .greyContent .remember { float:left; } #contentAreaRight .titleBg .greyContent .element { padding:0px 0px 0px 0px; margin:2px 0px 0px 5px; background-color:#E3E3E3; text-align:left; font-size:9px; color:#717171; } #contentAreaRight .titleBg .greyContent .elementResult { padding:0px 0px 0px 0px; margin:2px 0px 0px 5px; background-color:#E3E3E3; text-align:left; font-size:10px; color:#717171; font-family:arial; } .button3 {padding:0px 0px 0px 0px; margin:4px 0px 10px 3px; background-color:#717171; border-style:none; font-size:9px; color:#ffffff; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer; } .button4{text-decoration:none; color:#FFFFFF; padding:0px 0px 0px 0px; margin:2px 0px 5px 163px; background-color:#717171; border-style:none; font-size:9px; color:#ffffff; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; cursor: pointer;} #contentAreaRight .titleBg .greyContent .element2 {background-image:url(../images/red_tick.jpg); background-repeat:no-repeat; background-position:left top; padding:0px 0px 0px 15px; margin:5px 0px 0px 5px; background-color:#E3E3E3; text-align:left; font-size:9px; font-weight:bold; color:#FF0000; } #contentAreaRight .titleBg .greyContent .element3 { padding:0px 0px 0px 15px; margin:5px 0px 0px 5px; background-color:#E3E3E3; text-align:left; font-size:9px; font-weight:bold; color:#717171; } #contentAreaRight .titleBg .greyContent .element4 { padding:0px 0px 0px 0px; margin:5px 0px 14px 0px; background-color:#E3E3E3; font-size:9px; font-weight:bold; color:#717171; } #contentAreaRight .titleBg .greyContent .element4 a { text-decoration:underline; color:#717171;} #contentAreaRight .titleBg .greyContent .element4 a:hover {color:#000; text-decoration:underline;}