/** shared */ * { margin: 0; padding: 0; } body { font: 11px Tahoma,Arial,Helvetica,Sans-Serif; color: #201200; background: #fff url(/images/bg-body.png) repeat-x 0 0; } body img,body form,body fieldset { border: 0px; } a { color: #6699cc; text-decoration: none; } a:hover { text-decoration: underline; } input { font: 11px Tahoma,Arial,Helvetica,Sans-Serif; } input.text,select { font: 11px Tahoma,Arial,Helvetica,Sans-Serif; border: 1px solid #a4a4a4; color: #262626; padding: 2px; margin: 1px 0px; background: #f9f9f9; height: 13px; } select { height: 21px; cursor: pointer; } option { padding: 2px; } textarea { font: 11px Tahoma,Arial,Helvetica,Sans-Serif; background: #f9f9f9; border: 1px solid #a4a4a4; color: #262626; padding: 2px; margin: 1px 0px; width: 350px; height: 70px; } input.checkbox { margin: 0px 3px 1px 0px; vertical-align: middle; } ul { list-style-type: none; } img.middle { vertical-align: middle; } input.text { padding: 4px 2px; vertical-align: middle; } input.btn,a.button { border: 1px solid #045590; background: url(../images/bg-button.png) repeat-x 0 0; height: 23px; padding: 0 15px; overflow: visible; cursor: pointer; vertical-align: middle; color: #fff; text-transform: uppercase; font-weight: bold; } a.button { line-height: 30px; padding: 4px 15px; } input.btn.disabled { color: #949390; background: url(../images/bg-button-disabled.png) repeat-x 0 0; border-color: #666666; } input.text.incorrect,select.incorrect { border-color: #ff7611; background: #fbfaef; } input.text.disabled { color: #cccccc; } .clear { display: block; clear: both; height: 0em; margin: 0em; padding: 0em; overflow: hidden; } /** headers */ #page h1 { font: 24px Helvetica,Sans-Serif; color: #ff6c00; text-transform: uppercase; font-weight: normal; letter-spacing: -2px; padding: 0 0 15px 0; background: #fff; } #page h2 { font: 16px Helvetica,Sans-Serif; color: #1b7fc8; text-transform: uppercase; font-weight: normal; letter-spacing: -1px; margin: 0 0 10px 0; } #page h2 a { color: #1b7fc8; } #page h3 { font-size: 11px; font-weight: bold; color: #0776c5; } #page h4 { font-size: 11px; font-weight: bold; color: #868787; } #page h1 a { color: #ff6c00; } /** containers */ #page { width: 990px; margin: 0 auto; overflow: hidden; } #top { height: 80px; background: url(../images/bg-top.png) no-repeat 0 0; position: relative; color: #fff; overflow: visible; } #top a { color: #fff; } #top div.lang { position: absolute; top: 14px; left: 232px; } #menu { position: absolute; top: 0; right: 0; } #menu li { display: inline; float: left; margin: 0 8px; font: 14px Impact,Helvetica,Sans-Serif; text-transform: uppercase; padding: 15px; height: 20px; letter-spacing: 1px; } #menu li.active { background: url(../images/bg-menu.png) repeat-x 0 0; } #submenu { position: absolute; top: 49px; right: 15px; z-index: 100; text-align: right; } #submenu form { height: 31px; overflow: hidden; } #submenu input.submit { height: 31px; background: url(../images/bg-submenu-submit.png) repeat-x 0 0; font-weight: bold; color: #fff; border: 0; text-transform: uppercase; padding-left: 30px; padding-right: 30px; cursor: pointer; margin-right: 10px; } #submenu input.text { border: 0; padding: 5px 3px; height: 13px; width: 122px; background: url(../images/bg-submenu-input.png) no-repeat 0 0; color: #fff; margin: 0 10px 0 2px; } #submenu li { display: inline; float: left; height: 38px; padding-left: 6px; background: url(../images/bg-submenu-list.png) no-repeat top left; font-weight: bold; } #submenu li a { display: inline; float: left; height: 27px; padding: 11px 9px 0 0; background: url(../images/bg-submenu-list.png) no-repeat top right; } #main { height: 217px; background: url(../images/bg-main.png) no-repeat 0 0; width: 990px; overflow: hidden; margin-bottom: -20px; position: relative; } #main a { position: absolute; top: 164px; right: 0px; } #content { width: 985px; overflow: hidden; margin-top: 20px; padding: 0 3px 0 2px; background: url(../images/bg-content.png) repeat-y 0 0; } #content div.top { width: 990px; height: 19px; background: url(../images/bg-content-top.png) no-repeat 0 0; margin: 0 -3px 0 -2px; } #page div.bottom { width: 990px; height: 28px; background: url(../images/bg-content-bottom.png) no-repeat 0 0; margin-bottom: 20px; } #content div.description { background: url(../images/bg-content-description.png) repeat-y top center; } #content div.description h1 { margin: 10px 0 0 35px; } #content div.description div.column { width: 255px; float: left; display: inline; padding: 0 38px 0 35px; } #content div.description div.column p { color: #838383; line-height: 24px; text-align: justify; } #page div.lastnews { margin: 5px 0 0 35px; float: left; display: inline; width: 445px; } #page div.lastnews div.list { overflow: hidden; } #page div.lastnews div.list div.item { border-top: 1px solid #efefef; margin: -9px 0 10px 0; padding: 10px 0 7px 0; background: url(../images/bg-news.png) no-repeat 0 11px; } #page div.lastnews div.list div.item p { color: #547073; line-height: 17px; padding: 5px 0; text-align: justify; } #page div.lastnews div.list div.item h3,#page div.lastnews div.list div.item h4 { margin-left: 27px; } #page div.lastnews div.list div.item p a { color: #ff6c00; font-weight: bold; } #page div.lastposts { margin: 5px 0 0 35px; float: left; display: inline; width: 445px; } #page div.lastposts div.item { border-bottom: 1px solid #efefef; padding: 2px 0 10px 30px; width: 415px; background: url(../images/bg-post.png) no-repeat 0 3px; margin-bottom: 7px; } #page div.lastposts div.item a { color: #1e1e1e; } #page div.lastposts div.item span { color: #868787; } #page div.box { padding: 0 23px; margin-bottom: 10px; } #page div.box h1 { font-size: 16px; border-bottom: 1px solid #e4e4e4; background: transparent; padding: 0 0 3px 0; letter-spacing: -1px; margin-bottom: 12px; } #page div.bluebox { padding: 28px 23px 15px 23px; margin-bottom: 20px; background: #eff6fb url(../images/bg-bluebox.png) no-repeat top center; border-bottom: 1px solid #cde0f1; } #page table { width: 100%; border-collapse: collapse; } #page table td { border-top: 1px solid #f3f8fc; border-bottom: 1px solid #bcd2e7; background: #e0ebf4; padding: 5px 4px; color: #000; vertical-align: middle; } #page table th { font-weight: bold; background: url(../images/bg-table-header.png) repeat-x 0 0; padding: 0 4px; color: #fff; text-align: left; height: 29px; vertical-align: middle; } #page table th a { color: #fff; } #page table.clean td { border: 0; background: transparent; } #page table tr.hover td { background: #f4f3e0; } #page table td.n { text-align: right; border-left: 3px solid #fff; width: 150px; } #page div.bluebox table { border: 1px solid #bed3e2; } #page div.bluebox h1 { font-size: 16px; border-bottom: 1px solid #bed3e2; color: #127cc9; background: transparent; padding: 0 0 3px 0; letter-spacing: -1px; margin-bottom: 12px; } #page table td a { color: #1d3c59; text-decoration: underline; } #page table td a:hover { text-decoration: none; } #page table th.active { background: url(../images/bg-table-header-active.png) repeat-x 0 0; } #page table th.active.desc { background: url(../images/bg-table-header-active.png) repeat-x 0 0; } #page table th.active a { display: block; background: url(../images/ico-asc.gif) no-repeat right 5px; } #page table th.active.desc a { display: block; background: url(../images/ico-desc.gif) no-repeat right 6px; } #page table td a.active { color: #000; font-weight: bold; } #page .w140 { width: 140px; } #page .w120 { width: 120px; } #page .w100 { width: 100px; } #page .w80 { width: 80px; } #page .w60 { width: 60px; } #page td.f,#page th.f { text-align: center; } #page td.fn { text-align: center; border-left: 1px solid #bcd2e7; } #page table.stats th { text-align: center; background: #2b5987; border: 1px solid #3e78b0; } #page td.p { vertical-align: top; } #page div.center { text-align: center; padding: 15px 0; } #page div.right { text-align: right; } #page table img { vertical-align: middle; } #page table span.active { color: #95c200; } #page table span.notactive { color: #df0000; } #page code { display: block; margin: 5px; padding: 5px; color: #660000; font-size: 12px; background: #fff; border: 1px solid #bed3e2; } #page code span.red { color: #ff0000; } #page code span.blue { color: #0000ff; } #page code span.black { color: #000000; } #page code span.green { color: #008200; } #page code span.gray { color: #808080; } #page b.orange { color: #ff7611; } #errors { text-align: center; color: red; } #page div.forum-post { width: 750px; overflow: hidden; } #page div.forum-post img { vertical-align: middle; } #page div.forum-post pre { font-size: 12px; background: #fff; margin: 2px 0; padding: 4px 6px; border: 1px solid #bed3e2; } #page form.form-buttons a { margin: 0 1px; } #page form.form-buttons a img { border: 1px solid #aaaaaa; background: #fff; vertical-align: middle; padding: 4px; } #page form.form-buttons a:hover img { background: #e3fdbc; border-color: #85b440; } #page div.alert { margin: 5px 85px; border: 2px solid #f1cdcd; padding: 10px 15px; text-align: left; background: #fbefef; } #page div.news { font-size: 12px; } #page div.news img { vertical-align: middle; } #page div.link-view { text-align: center; padding: 8px; background: #BED3E2; } #page div.link-view,#page div.link-view a { color: #212121; } #mail-menu ul { height: 30px; } #mail-menu ul li { display: inline; } #mail-menu ul li a { display: inline; float: left; border: 1px solid #cccccc; padding: 7px 15px; margin-right: 10px; color: #333333; } #mail-menu ul li a:hover { text-decoration: none; background: #efefef; } #mail-menu ul li a img { vertical-align: middle; margin-right: 5px; } #mail-box { min-height: 350px; height: auto !important; height: 350px; } #mail-content { margin: 5px 0; padding: 5px 10px; background: #fff; border: 1px solid #bed3e2; } #mail-content img { vertical-align: middle; } #page div.progress { width: 50px; position: relative; border: 1px solid #BCD2E7; height: 13px; background: #fff; } #page div.percent { position: absolute; top: 0; left: 0; height: 13px; background: #bce7c8; } #page div.number { width: 50px; position: absolute; top: 0; left: 0; color: #000; text-align: center; } #footer { background: #317cac; border-top: 4px solid #175e8b; padding: 10px 0 20px 0; color: #fff; margin-top: 30px; } #footer div.center { width: 920px; margin: 0 auto; position: relative; text-align: right; } #footer a { color: #fff; } #footer div.stats { position: absolute; top: 0; left: 0; } /** forms */ #content form dt { float: left; display: inline; width: 350px; clear: both; margin-left: 5px; padding: 8px 0; text-align: right; font-weight: bold; border-top: 1px solid #bed3e2; } #content form dd { float: left; display: inline; width: 550px; padding: 3px 0 3px 15px; border-top: 1px solid #bed3e2; } #content form dd input.text { width: 350px; font-size: 12px; } #content form dd input.checkbox { margin: 5px 3px 4px 0; } #content form dd select { font-size: 12px; width: 100px; height: 22px; } #content form dd p.description { display: block; vertical-align: middle; } #content form label.required { padding-left: 10px; background: url(../images/ico-required.gif) no-repeat 0 3px; } #content form ul.errors { color: red; font-size: 11px; } #content form.legend fieldset { border: 1px solid #CDE0F1; padding:5px 7px; margin:0 5px; background: #EFF6FB; } #content form.legend fieldset legend { color: #FF7611; padding: 2px 4px; font-weight: bold; } /** messages */ #messages { margin: 20px auto; width: 800px; } #messages h4 { padding: 0 0 4px 10px; background: #ff6c00; color: #fff; font-size: 13px; font-weight: bold; } #messages b { border-color: #ff6c00; border-style: solid; background: #fff; border-width: 0 1px; display: block; height: 1px; overflow: hidden; } #messages b.r1 { background: #ff6c00; margin:0 5px; } #messages b.r2 { border-width: 0 2px; margin:0 3px; } #messages b.r3 { margin: 0 2px; } #messages b.r4 { height: 2px; margin:0 1px; } #messages b.full { background: #ff6c00; } #messages p { background: #fff; text-align: center; font-size: 12px; font-weight: bold; color: #FF4C4C; padding: 10px 15px 5px 15px; border-left: 1px solid #ff6c00; border-right: 1px solid #ff6c00; } /** pager */ #page div.pager { font: 13px Arial,Sans-Serif; text-align: center; padding: 15px 0px; } #page div.pager a { text-decoration: none; color: #212121; border: 1px solid #2E6AB1; padding: 2px 6px; font-weight: bold; background: #fff; } #page div.pager a.active { background: #2E6AB1; color: #fff; border-color: #2E6AB1; } #page div.pager a:hover { text-decoration: underline; background-color: #99ccff; color: #212121; } i.ico-ssl { display: inline-block; vertical-align: middle; width: 12px; height: 14px; margin: 0 3px 0 -1px; background-position: center center; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAAAAf/8ff/8Zf/8Uev4Wf/cUfPgTfPgVffsTf/sWffoVffoUfvoUffoVffsUffsVfvsVffsTfvsUfPoVfPoUfvkUfvsTfvsTfPoVfvoTfvkTfPkVfvkVfPkVfvuYii6aAAAAHnRSTlMAAggKGSIlJ0dOaGp7fICKjY6foKi6yNzf4ur1/P2SrDdFAAAAXElEQVR42nXMWQ6AIAwEUFxRVNxxQeb+x1TSBAzKfEza16Qskly0VfLaaw1gzfxdK542ZnAgwJ9eTgcS1FEYDSgHJ7A7pSOw4zbZlh7mIgDIEBTB/9P+AmUv2Tc313ALgWJRq+8AAAAASUVORK5CYII=); } i.ico-ssl + a { vertical-align: middle; }