/* reset --------- */
@import url(reset.css);

/* globals --------- */
body {font-family: Tahoma,Verdana,sans-serif; color: #757575; font-size: 0.75em; line-height: 140%; background:  url(../img/bg.png); font-size: 0.7em; behavior: url(csshover2.htc);}
a {color: #44a7ec;}
a:hover {text-decoration: none; color: #bd0000}
strong {font-weight: bold}
em {font-style: italic}
address {font-style: normal}
hr {display: none}
input, select, textarea {font-family: Tahoma, "Lucida Sans Unicode", "Lucida Grande" ,LucidaGrande, "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;  color: #535045;   font-size: 1em; vertical-align: middle; }
textarea {font-family: "Lucida Console", monospace}
.inputBtn {font-size: 1em; font-weight: bold; padding: 3px 10px}

.alignCenter {text-align: center}
.alignRight {text-align: right}
.alignLeft {text-align: left}
.floatRight {float: right}
.floatLeft {float: left}
.clear {clear: both;}
div.clear {zoom:1; height: 0; font-size: 0; line-height: 0; overflow: hidden}

/* blocks --------- */
#page {}

#header {height: 74px; background: #fff; border-bottom: 3px solid #d7f0b6; }
#headerwrap {width: 960px; margin: 0 auto; position: relative; padding: 1px 0 0 0;}
h1 {width: 270px; height: 60px; background: url(../img/logo.png) center no-repeat; position: absolute; top: 7px; left: 8px}
h1 a {width: 100%; height: 100%; text-indent: -1000px; display: block}
#userinfo {text-align: right; margin-top: 31px; float: right; padding-right: 24px}
#userinfo p small {color: #9b9b9b; font-size: 0.9em; display: block}
#userinfo i {padding: 0 0.5em; color: #ea4539}
#off {position: absolute; background: url(../img/btn_logout.png) right top no-repeat; height: 17px; right: 0; top: 0;  overflow: hidden; color: #555; padding: 0 24px 0 0; text-decoration: none; text-transform: lowercase; color: #adadad}
#off:hover {color: #63bcfa}

#header fieldset {position: absolute; right: 12px; top: 25px;  width: 357px}
#header fieldset .login {border: 1px solid #bbb; background: url(../img/home/icon_login.gif) 3px 5px no-repeat; float: left; padding: 3px 3px 1px 17px; height: 17px; width: 142px}
#header fieldset .login:focus, #header fieldset .pwd:focus {background-color: #fffbd3}
#header fieldset .pwd {border: 1px solid #bbb; background: url(../img/home/icon_pwd.gif) 6px center no-repeat; float: left; border-right: 0; border-left: 0; padding: 3px 3px 1px 17px;  height: 17px; width: 142px; line-height: 1em}
#header fieldset .btn {float: left;}
#header fieldset a {color: #a3a3a3; font-size: 0.9em; }
#header fieldset p.inputs label {display: none}
#header fieldset p {clear: both; text-align: right}

#wrapper {width: 960px; margin: 12px auto 0 auto;}

#nav {border-bottom: 4px solid #63bcfa; overflow: hidden; zoom:1; }
#nav li {float: left; margin: 0 0.5em 0 0; zoom:1}
#nav a {color: #63bcfa; color: #2da5f8; display: block; float: left; padding: 4px 12px; border: 1px solid #c7d6de; border-bottom: none; background: #fff; text-decoration: none}
#nav a:hover {color: #757575;/*  background: #f3f9fc */}
#nav li.current a {background: #63bcfa; font-weight: bold; color: #fff; border-color: #63bcfa }
#nav li.current a:hover {background: #63bcfa; color: #fff}
#nav li.register a {border-color: #a3d867}
#nav li.register strong { color: #54be48}

#footer {width: 960px; margin: 0 auto; text-align: right; color: #989898; clear: both;  }
#footerwrap {background: #fff; padding: 12px; margin-bottom: 12px; } 
#footer a {text-decoration: none; color: #555}

#main {background: url(../img/home/primarycol_bg.gif) left repeat-y; margin-bottom: 12px; zoom: 1 /* /width:100% */}

#primary {float: left; width: 600px; }
#secondary {float: right; width: 348px; margin-bottom: -12px;}

#secondary h2, #partners h2 {color: #686868; font-size: 11px; background: #eee; border-bottom: 4px solid #d3d3de; padding: 4px 12px; font-weight: bold}

#guide {height: 131px; background: #fff url(../img/home/guide.png) no-repeat;  padding-bottom: 1em}
#guide a {display: block; text-indent: -1000em; height: 100%}

#highlights {background: #fff; padding: 0 32px 18px 32px; font-family: Arial,Helvetica; font-size: 12px; margin-bottom: 12px;}
#highlights h2 {font-size: 20px; color: #2da5f8;  margin-bottom: 1em}
#highlights ul {padding: 0 24px 1px 24px}
#highlights li {padding: 0 0 0 40px;   background: url(../img/home/icon_highlight.png) left top no-repeat; }
#highlights li p {min-height: 35px; height: auto !important; height: 35px; line-height: 1.4em; border-bottom: 1px solid #ebebeb; padding-bottom: 13px; margin-bottom: 14px; }
#highlights p.signup {text-align: center;}
#highlights p.signup a {font-size: 20px; color: #c10000; width: 194px; line-height: 54px; background: url(../img/home/btn_signup.png) no-repeat; display: block; margin: 0 auto; text-decoration: none;}

#profits {background: #fff; margin-top: 12px; margin-bottom: 12px; zoom:1}
#profits ul {}
#profits ul li {padding: 12px; zoom:1; overflow: hidden}
#profits ul li.odd {background: #f6faff}
#profits ul li .thumb {background: url(../img/home/stripesbg.gif); padding: 4px; float: left; }
#profits ul li img {max-width: 80px; background: #fff; border: 1px solid #aad6f5; 
width:expression(document.body.clientWidth > 81 ? "80px" : "auto");}
#profits ul li p {padding: 0; margin-left: 96px;}
#profits ul li p strong {color: #2da5f8; margin-bottom: 0.5em; display: block}
#secondary p.more {padding: 12px; text-align: right; font-weight: bold}

#news {background: #fff; margin-bottom: 12px}
#news a.rssLink {display: none}
#news ul {}
#news ul li {margin: 12px; color: #989898; border-bottom: 1px solid #ebebeb}
#news h3 {font-size: 14px; color: #2da5f8; font-weight: bold}
#news small {color: #c10000}
#news ul li p {margin-bottom: 1em} 
#news p.more {padding: 0 12px 12px 12px; text-align: right; font-weight: bold}

#partners {margin-bottom: 12px}
#partners h2 {border: none}
#partners ul {background: #fff; padding: 20px 8px 8px 20px; overflow: hidden; zoom:1; text-align: center}
/* #partners li {float: left; margin: 0 12px 12px 0;}*/
#partners li {display: inline; margin: 0 10px 12px 0;} 
#partners li img {vertical-align: middle; margin-bottom: 12px;} 

#content {background: #fff; padding: 18px 24px; margin-bottom: 12px;}

p.more a {text-decoration: none}

.textHolder h2 {font-size: 18px; margin-bottom: 1em; color: #2DA5F8; font-family: Arial; font-weight: normal}
.textHolder h3 {font-size: 14px; margin-bottom: 0.8em; font-weight: bold; line-height: 1em; color: #454545}
.textHolder p {margin-bottom: 1.4em}
.textHolder a {font-weight: bold} 
.textHolder ul, .textHolder ol {margin-bottom: 1.4em}
.textHolder ul li {padding-left: 22px; background: url(../img/listbullet_green.gif) 3px 5px no-repeat; margin-bottom:0.5em}
.textHolder ul ol li {padding-left: 0; background: none}
.textHolder ol {list-style: decimal; padding-left: 22px}
.textHolder ol li { margin-bottom:0.5em} 

.newsList {}
.news h3 {margin-bottom: 0.2em;}
.news h3 a {color: #555; text-decoration: none; font-weight: normal}
.news h3 a:hover {color: #BD0000; text-decoration: underline; }
.newsList li.news, div.news {padding: 0; margin: 0; background: none; border-bottom: 1px solid #c1e2a5; margin-bottom: 1em}
.newsList li:last-child {border: none; }
.newsList .newsHead p {margin: 0 0 0.7em 0; color: #b3b3b3}
.newsList .more {font-weight: bold}
.news_single .newsBody {font-size: 1.15em; line-height: 1.5em}
.news_unread h3 a {font-weight: bold}

dl.faq dt {margin-bottom: 0.3em; font-weight: bold;}
dl.faq dd {margin-bottom: 1em;}
address.master {margin: 0 0 1em 1em;} 

/* tables --------- */
table.common {margin-bottom: 1.1em; width: 100%; border-collapse: collapse}
table.common td, table.common th {padding: 4px; text-align: center}
table.common thead th {background: #669fba; /* background: #b16d4e; */ color: #fff; border: 1px solid #669fba; font-weight: bold; padding: 3px 4px 5px 4px; border-bottom: 1px solid #fff; white-space: pre;}
table.common thead th a {color: #fff; text-decoration: none}
table.common thead th a:hover {color: #fff; text-decoration: underline}
table.common tbody td {border: 1px solid #c8dbe4}
table.common tbody td a {font-weight: bold}
table.common tbody td.large {background: #f3fafd}
table.common tbody td.large textarea {width: 425px} 
table.common tbody td.large textarea {/* width: 520px */ zoom:1} 

a.sort {padding-right: 8px; background: url(../img/table_sort.gif) right 70% no-repeat}
a.collapse {padding-right: 14px; background: url(../img/table_collapse.gif) right center no-repeat}
table td.domain, table th.domain {text-align: left;}
td.domain {font-weight: bold}
td.domain small {display: block; font-size: 0.9em; line-height: 1.2em; color: #669fba; font-weight: normal}  

table.commissions tbody th {border: 1px solid #c8dbe4; background: #f3fafd; font-weight: bold; vertical-align: middle}
table.commissions thead small {font-size: 1em;  }
table.commissions td.rules {text-align: left; width: 44%}
table.commissions th small {font-weight: normal}
/*  --------- */

.formHolder {margin-bottom: 1.4em}
.formHolder .row {overflow: hidden; margin: 0.7em 0}
.formHolder .row_required label {font-weight: bold}
.formHolder .row_error {/* padding: 0.5em 0  */; /* background: #fff8f8 */}
.formHolder .row_error label {color: #c70621; font-weight: bold}
.row_error input.inputText, .row_error select, .row_error textarea {border: 1px solid #f4969e; }
.formHolder .row_success {/*  padding: 0.5em 0;  */}
.formHolder .row_success label {color: #2a8323}
.row_success input.inputText, .row_success select, .row_success textarea {border: 1px solid #b8df8e;}
.formHolder legend {font-size: 1.5em; padding-bottom: 0.7em}
.formHolder legend i {color: #d5d5d5}
.formHolder label {float: left; width: 20%; text-align: right; padding-top: 2px}
.formHolder .fields label {float: none; text-align: left; padding: 0; font-weight: normal}
.formHolder .row_error .fields label {font-weight: bold}
.formHolder .row_required .fields label {font-weight: bold}
.formHolder .fields {margin-left: 20%; padding-left: 0.5em; text-align: left; }
.formHolder .fields small {display: block; font-size: 0.9em}
.formHolder .inputText, .formHolder select, .formHolder textarea {width: 50%}
/* .formHolder textarea {width: 95%; font-size: 11px} */
.inputText, textarea, select {border: 1px solid #cacaca; padding: 2px; }
select {padding: 1px; }
input.inputText:focus, textarea:focus, select:focus {background: /* #fffde2 */ #fffbc2;   border-color: #949494}
input.inputText:hover, textarea:hover, select:hover {border-color: #949494}
.inputBtn {background: #6eb9d1; border: none; color: #fff; font-size: 11px; cursor: pointer}
.inputBtn:hover {background: #296e9f; }


.reportbar {margin-bottom: 1.4em; padding: 1em 1em 0 1em; border: 1px solid}
	.reportbar dl {margin-bottom: 1em}
	.reportbar dt { margin-bottom: 0.5em; font-weight: bold; font-size: 1.4em;  margin-left: 25px; font-family: Arial, Helvetica, sans-serif}
	.reportbar ul {margin: 0;}
	.reportbar ul li {list-style-type: square; margin: 0 0 0 1.2em; background: none; padding: 0}
	.reportbar em {font-weight: bold; font-style: normal; text-decoration: underline}
.rb_error {background: #fde0de url(../img/report-error.png) 8px 8px no-repeat; border-color: #f4969e;  color: #c70621;}
.rb_info {background: #dcf4cc url(../img/report-ok.png) 8px 8px no-repeat; border-color: #b8df8e; color: #2a8323}

.pagination {text-align: center; /* padding: 12px 12px 12px 12px; background: #fff */}
.pagination a {border: 1px solid #C7D6DE; color: #63BCFA; text-decoration: none; font-weight: bold}
.pagination a:hover {color: #757575}
.pagination span, .pagination strong, .pagination a {padding: 3px 5px;}
.pagination strong {background: #757575; color: #fff; border: 1px solid #757575;}