@CHARSET "UTF-8";
/* reset */
* { margin: 0; padding: 0; z-index: inherit; }
body{ z-index: 0; }
strong, em, cite { font-weight: inherit; font-style: inherit; }
img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; line-height: normal; font-weight: bold; text-align: left; color: #000; }
ul, ol, li{ list-style-type: none; text-align: left; }
a, a:link, a:active, a:visited { text-decoration: none; }
form { margin: 0; padding: 0;}
fieldset { border-width: 0; }
input, textarea { line-height: normal; border: none; }
option { background-color: #fff; }
body { margin: 0; text-align: center;}

/* main styles */
body { color: #909090; background: #282828; font-family: Arial,sans-serif; font-size: 12px; }
a { outline-style: none; color: #909090; }
a:hover { text-decoration: underline; }
a:focus { outline: 1px dotted #000; }
a:active{ outline: 1px dotted #000;}
label { color: #fff; }
input, textarea, select{ font-family: Arial,sans-serif; font-size: 11px; }
input.button { cursor: pointer; }

.page{ width: 1000px; padding-bottom: 30px; margin: 10px auto 0 auto; background: #212121 url('bg-page.png') 0 0 repeat-x; }
.header, .pageMain, .footer { margin: 0 auto 0 auto; text-align: left; }
.pageMain { clear: both; width: 970px; }
.header, .footer { width: 940px; }
.pageContent { position: relative; width: 970px; height: 312px; background: url('summer-bg-main.png') 0 0 no-repeat; padding-top: 180px; }
.pageContent .headline { position: absolute; top: 13px; left: 280px; }
.pageContent .headline p { color: #000; font-size: 19px; font-weight: bolder; padding: 0; margin: 0; }
.pageContent .logo-ibrokr { position: absolute; top: 20px; right: 303px; }
.pageContent .logo { position: absolute; top: 12px; right: 30px; }
.pageContent .logo img { width: 205px; height: 48px; }

/* header */
.header { padding: 10px 0; font-size: 11px; }
.header .navigation { float: left; }
.header .navigation li { display: block; float: left; padding-right: 20px; }
.header .navigation li a { color: #fff; }
.header .loginForm { float: right; padding-bottom: 10px; }
.header .loginForm a { text-decoration: underline; padding-right: 5px; }
.header .loginForm input { background: url('sprite-inputs.png') 0 0 no-repeat; width: 94px; padding: 0 3px; height: 17px; color: #909090; }
.header .loginForm input.plain { display: none; }
.header .loginForm input.button { background: url('sprite-buttons.png') 0 -100px no-repeat; width: 50px; font-weight: bold; color: #000; font-size: 11px; padding-bottom: 2px; margin-left: 5px; }

/* wide content */
.mainSpecial { position: absolute; top: 90px; left: 250px; }
.mainSpecial h2 { font-size: 28px; color: #fff; text-transform: uppercase; }
.mainSpecial h3 { font-size: 24px; color: #fff; text-transform: uppercase; padding-left: 23px; }

/* left column */
.mainContent { clear: left; float: left; width: 692px; padding-left: 10px; background: url('bg-mainContent.png') 10px 0 no-repeat; }
.mainContent .boxBody { padding-top: 20px; }
.mainContent .boxBody a { text-decoration: underline; color: #fff; font-weight: bold; }
.mainContent .boxBody p { padding: 10px 0 10px 35px; color: #fff; font-size: 13px; }
.mainContent .boxBody p span { font-weight: bold; }
.mainContent .boxBody p span.special { text-transform: uppercase; }
.mainContent .boxBody div.info { margin: 30px 0 30px 34px; background: url('summer-bg-info.png') 0 0 no-repeat; }
.mainContent .boxBody div.info p { padding: 14px; }
.mainContent .boxBody p.additional { padding-bottom: 105px; }
.mainContent .boxBody p.additional,
.mainContent .boxBody p.additional a { color: #EACF02; }

/* right column */
.mainSidebar { clear: right; float: right; width: 264px; background: url('bg-form.png') 0 0 no-repeat; }
.mainSidebar .form { margin-top: -10px; padding: 0 22px 0 15px; }
.mainSidebar .headline { background: url('logo-form.png') 0 -20px no-repeat; position: static; }
.mainSidebar .headline p { padding: 95px 0 7px 0; border-bottom: 1px dashed #898989; font-size: 13px; color: #fff; font-weight: bold; }
.mainSidebar form { clear: both; padding: 7px 0 30px 0; }
.mainSidebar form label { display: block; float: left; padding: 0 15px 7px 5px; }
.mainSidebar form label.legend { float: right; padding: 0 8px 15px 0; font-size: 12px; }
.mainSidebar form input { clear: both; display: block; float: left; padding: 0 4px 1px 4px; margin-bottom: 7px; width: 212px; height: 17px; background: url('sprite-inputs.png') 0 -50px no-repeat; }
.mainSidebar form input.short { clear: none; width: 97px; background-position: 0 -100px; padding-right: 5px; }
.mainSidebar form input.first { margin-right: 9px; padding-right: 4px; }
.mainSidebar form input.radio { clear: none; float: left; width: auto; height: auto; background: none; }
.mainSidebar form input.button { display: block; float: none; background: url('sprite-buttons.png') 0 -150px; width: 176px; height: 35px; color: #fff; text-transform: uppercase; font-size: 17px; letter-spacing: 1px; text-align: center; font-weight: bold; margin: 0 auto; }
.mainSidebar form span { display: block; float: left; color: #fff; padding: 3px 0 0 2px; }
.mainSidebar form input.plain,.mainSidebar form input.retypePlain { display: none; }
.mainSidebar .boxEnd { float: right; position: absolute; right: 0; z-index: 111; background: url('bg-form-bottom.png') 0 0 no-repeat; width: 260px; height: 7px; }

/* footer */
.footer { clear: both; font-size: 11px; }
.footer p { padding-top: 3px; }
.footer p.header { font-weight: bold; }
.footer .list { padding: 15px 0 0 250px; }
.footer .list li { float: left; display: block; padding: 0 20px; background: url('sprite-common.png') 0 -46px no-repeat; }
.footer .list li.first { background: none; }
.footer .list li a { font-size: 12px; }

#errors { display: none; color: #F2D300; font-weight: bold; padding: 0 10px 10px 10px; text-align: center; clear: both; }