body {font-family:"Trebuchet MS",Arial;font-size:12px;margin:0; }
body.login {font-size:12px;/* background-color:#eaeaea; */background-image:url(../img/body.png);  background-repeat:repeat-x;background-position:0px 180px }
.preload, .hidden{display:none}
.lfloat {float:left;}
.rfloat {float:right;}
.clear {clear:both;}
.small {font-size:12px;}
.tiny {font-size:9px}
.first {margin-top:0px}
.grey,.disabled {color:#b5b096}
.red {color:red}
.disabled {cursor:default}
.login h1, .login h2, .login h3 {color:#666666}
.bmargin {margin-bottom:5px;}
.tmargin {margin-top:5px;}

.has-float {overflow:hidden}
h1 a {font-size:12px}
.login .inner-width {width:300px}
.textfield, select, textarea {border:1px solid #b5b5b5;padding:2px;}
.textfield.error {border-color:red; }
.textfield:hover {background-color:#eaf3ff; border-color:#bfcdd5}
.textfield:focus {background-color:#f1fce1; border-color:#bfcdd5}
.textfield.readonly:hover,.textfield.readonly:focus {background-color:white;border:1px solid #b5b5b5;}
.right-align {text-align:right}
button {cursor:pointer}
.flashcontent {position:relative;left:-1px} /* -> stats_graph.tpl */
.width {width:998px;text-align:left;}
.has-float {overflow:hidden;}
a:hover {text-decoration:none}
.hr {border-bottom:1px solid #dedede;margin:20px 0 20px 0}

.hiddenSubmit {width:1px;height:1px;line-height:0px;border:none;background-color:white;color:white}

#main {background-color:white;border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0}
#main a,#footer a {color:#171d68;font-weight:bold;}
#main a:hover {color:black;}

.top-row {background-color:#2a2a2a;height:90px;color:white}
.top-row .formholder {background-image:url(../img/toplogin-bg.png);background-position:top right;width:221px;height:71px;margin-top:10px;}
.top-row form {padding:8px 0px 12px 6px; }
.top-row .forgot {float:left;padding-top:6px}
.top-row label {float:left;width:80px; margin:0}
.top-row .textfield {float:left;width:125px;height:15px;border:none; margin:0}
.top-row a {color:white;font-size:9px}

.special-header {border-bottom:1px solid #cccccc;height:327px;overflow:hidden;background-position:center center}
.special-header.index {background-color:#c9d6de;border-color:#c6d3db}
.special-header.concept {background-color:white;background-image:url(../img/header-concept-bg.jpg);border-color:#dddddd}
.special-header.revenue {background-color:#181715;border-color:#222222}
.special-header.tools {background-color:#e59224;background-image:url(../img/header-tools-bg.jpg);border-color:#5e5449;}

.normal-header {height:60px;background:#c9d5dc url(../img/blank_header_bg.jpg) no-repeat bottom center;}


.post-header-row {background-color:#2a2a2a;height:38px;  color:white;}
.post-header-row .width {padding-top:10px;}
.post-header-row a {color:white;text-decoration:none;font-size:16px;margin-right:30px}
.post-header-row a.reg {color:yellow}
.post-header-row a:hover, #navi a.selected, #navi a.reg:hover  {color:#ffa800}
.login .post-header-row {height:30px}
.login .post-header-row .width {padding-top:0px;}

ul#navi {padding-left:20px;margin:0}
ul#navi li {list-style:none;display:block;float:left;}
ul#navi li ul {margin: 0; padding: 0;position: absolute;display: none;}
ul#navi li:hover ul {display: block;}
ul#navi li ul li {float: none;display: block;text-align:left;}
ul#navi li ul a {display: block;background-color:#313238;padding:15px 15px 0 10px;position:relative;left:-10px;height:25px;}

.post-header-row .langsel a,  .langsel a {margin-right:5px}
.login .langsel a img {border:1px solid #bbbbbb}
.langsel a img {border:1px solid #666666}
.langsel a:hover img, .langsel a img.selected {border:1px solid #ffa800}

#content {float:left;width:758px;padding:20px;  }
#content.no-sidebar.logged-in {width:728px;padding:10px 20px 0 20px;}
#content.logged-in {width:528px;padding:10px 20px 0 20px;}
#content.no-sidebar{width:978px;padding:10px 0 0 20px;}

#sidebar {float:left;width:200px}
#sidebar h3 {background-color:#ece9d8;color:#616161;padding:10px;margin:0}
#sidebar h4 {color:#b31414;margin-top:0}
#sidebar ul {margin:0;padding-left:10px}
#sidebar li {list-style-type: none;}

.newsblock {padding:5px 5px 15px 5px;margin:0 0 10px 0;background:white url(../img/newsblock-bottom.png) bottom center no-repeat;}
.newsblock.large {padding-left:0;margin-bottom:20px}
.newsblock.large h3 {background-color:#ededed;padding:5px;}

/* footer, footerbox, footertitle */
#footer {
  background-color:#ece9d8;
 /* height:170px;*/

}

#footer.absolute {
  position:absolute;
  bottom:0;
  width:100%;
}

#footer .width {overflow:hidden;padding:20px;}

.fb {float:left;width:160px;font-style:italic;}
.fb br {clear:both;}
.ft {font-size:14px;font-weight:bold;padding-left:8px ;color:white;float:left}
.ft, .ft span {display:block;background-image:url(../img/footer-title.png);background-repeat:no-repeat;}
.ft span {background-position:top right;padding: 6px 15px 10px 8px}
.fb a {color:#313238;text-decoration:none;padding-left:10px;}
.fb a:hover {text-decoration:underline;}


.twocol label {display:block; float:left; width:120px}
.twocol .textfield {display:block; float:left; width:300px; margin-left:10px;;}
.twocolform br, .twocol br {clear:both}
form.twocol label, form.twocol .textfield {margin-bottom:5px}
form.twocol .textfield { width:150px;}
.codearea {width:100%;background-color:#efefef;border:1px solid #cccccc;color:#454545;font-family:"Courier New";font-size:11px;min-height:100px;}
.code {font-family:"Courier New";font-size:11px;}
.bg-white {background-color:white}

.buttons {overflow: hidden;width: 100%;}
.buttons a {cursor:pointer;background:transparent url(../img/button.png) no-repeat top left; display:block; float:left; line-height:22px; height:30px; padding-left:4px;text-align:center; text-decoration:none; outline:none;}
.buttons a span {overflow:hidden;background: transparent url(../img/button.png) no-repeat right top;display: block;padding: 4px 12px 4px 8px;  text-align:center;color:black }
.buttons a:link, .buttons a:visited, .buttons a:hover, .buttons a:active{text-decoration: none}
.buttons a:hover{background-position: left -30px;}
.buttons a:hover span{background-position: right -30px;}
.buttons a:active {background-position: left -60px;}
.buttons a:active span {background-position: right -60px;}
.buttons a.single {float:none;width:60%}

.buttons a.disabled {cursor:default;background-position: left bottom;}
.buttons a.disabled span {background-position: right bottom;color:#999999;overflow:hidden}
.buttons a.disabled:hover,
.buttons a.disabled:active {background-position: left bottom;}
.buttons a.disabled:hover span,
.buttons a.disabled:active span {background-position: right bottom;}

.buttons a span img {display:block;float:left;margin-right:5px;margin-top:3px;}
.buttons a span span {background-image:none;display:block;float:left;margin-top:1px;padding:0}

.buttons.large {overflow: hidden;width: 100%;}
.buttons.large a {cursor:pointer;background:transparent url(../img/button-large.png) no-repeat top left; display:block; float:left; line-height:38px; height:46px; padding-left:4px;text-align:center; text-decoration:none; outline:none;}
.buttons.large a span {background: transparent url(../img/button-large.png) no-repeat right top;display: block;padding: 4px 15px 4px 11px; font-weight:bold;text-align:center; font-size:15px;}
.buttons.large a:link, .buttons.large a:visited, .buttons.large a:hover, .buttons.large a:active{text-decoration: none}
.buttons.large a:hover{background-position: left -46px;}
.buttons.large a:hover span{background-position: right -46px;}
.buttons.large a:active {background-position: left -92px;}
.buttons.large a:active span {background-position: right -92px;}
.buttons.large a.single {float:none;width:60%}

.buttons.small a, .buttons.small a span  {background-image:url(../img/button-small.png);}
.buttons.small a {cursor:pointer;line-height:12px;height:20px;}
.buttons.small a span {font-size:10px;font-weight:normal;padding: 4px 5px 4px 1px;}
.buttons.small a:hover{background-position: left -20px;}
.buttons.small a:hover span{background-position: right -20px;}
.buttons.small a:active {background-position: left -40px;}
.buttons.small a:active span {background-position: right -40px;}


.pagetitle{color:white;margin:0;padding:5px;background-image:url(../img/tblue.gif);font-size:13px;font-weight:normal;}


.startbox {float:left;width:242px;height:250px; margin:30px 10px 20px 0;}
.startbox .title {background-color:#313237;padding:10px;font-size:15px;font-weight:bold;color:white}
.startbox .content {padding:10px}
.startbox .large-blue {font-size:20px;color:#42abfd}
.startbox .small-blue {font-size:14px;color:#42abfd}
.startbox.last {margin-right:0px}

.conceptbox {text-align:justify;background-color:#ece9d8;padding:15px;float:left;width:200px;height:190px;margin:0 20px 20px 0;}
.conceptbox.last {margin-right:0px}
.conceptbox .tiny {position:relative;top:-4px;color:#666666}
.conceptbox img {position:relative;left:-5px}


.frmProfile {}
.frmProfile .row {overflow:hidden;margin-bottom:4px;padding:3px;}
.frmProfile .row.separator {border-bottom:1px dotted #dedede;margin:20px 0 20px 0;}
.frmProfile .label {display:block;float:left;width:180px;}
.frmProfile .label.error, .frmProfile .label .error {color:red}
.frmProfile .input {display:block;float:left;}
.frmProfile .textfield {width:180px}
.frmProfile select {width:185px}
.frmProfile .textfield.p-long {width:130px}
.frmProfile .textfield.p-short {width:40px}
.frmProfile button {width:185px;padding:5px;cursor:pointer;}

#v-navi-holder {float:left;width:230px;  background-image:url(../img/body.jpg);background-repeat:repeat-x; }
#v-navi {border-collapse:collapse;border-spacing:0;width:100%;border:none;border-bottom:1px solid #cccccc;}
#v-navi td {padding:0}
#v-navi a {padding:5px;padding-top:8px;height:17px;display:block;text-decoration:none;color:#454545;background:transparent url(../img/navi_top.png) no-repeat 0px 0px;padding-left:37px;border-right:1px solid #cccccc;overflow:hidden;outline:none;}
#v-navi a:hover {color:#232585;background-position:0px -30px }
#v-navi a.selected {color:#232585;background-position:0px -30px ;font-weight:bold}

#v-navi a.toggle {background-position:0px -60px;}
#v-navi a.toggle:hover {color:#232585;background-position:0px -90px;}
#v-navi a.toggle.opened {background-position:0px -150px;}
#v-navi a.toggle.opened:hover {color:#232585;background-position:0px -150px;}
#v-navi ul {display:none;padding:0;margin:0}
#v-navi ul a {color:#454545;background-image:url(../img/navi_sub.png); background-position:0px 0px;padding-left:54px;height:13px;padding-top:5px;padding-bottom:6px;border-bottom:1px solid #cfcfcf}
#v-navi li {list-style-type: none;}
#v-navi ul a:hover { color:#232585;background-position:0px -25px;}
#v-navi ul a.selected:hover {color:#232585;}
#v-navi ul .selected a, #v-navi ul .loading a { color:#232585;background-position:0px -50px;font-weight:bold;}

#v-navi ul .first a {background-position:0px -75px;}
#v-navi ul .first a:hover {background-position:0px -100px;color:#232585;}
#v-navi ul .first.selected a,
#v-navi ul .first.selected a:hover,
#v-navi ul .first.loading a {background-position:0px -125px;}
#v-navi a.toggle.disabled {background-position:0px -180px;;color:#cccccc;cursor:default;}
#v-navi a.toggle.disabled:hover {background-position:0px -180px;color:#cccccc}
#v-navi li.disabled a {cursor:default;color:#cccccc;}
#v-navi ul li.disabled a:hover { color:#cccccc;background-position:0px 0px;}
#v-navi ul li.disabled a.selected:hover {color:#cccccc;}
#v-navi ul .last.selected  a{border-bottom:none}
/* for non-js users */
#v-navi ul {display:block;}
#v-navi a.toggle {cursor:default}


/* in campains.tpl */
.box {margin-bottom:10px;}
.box .ttl {overflow:hidden; border:1px solid #cccccc; background:#efeffe url(./img/th.png) repeat-x top left; ;padding:4px; }
.box .ttl a {color:white}
.box .ttl .l {float:left;font-size:13px;;padding-top:6px}
.box .ttl .l label {position:relative;top:-2px}
.box .ttl .r {float:right;overflow:hidden}
.box .ttl .r form {float:left}
.box .ttl .r form:first-child {margin-right:5px;}
.box .ttl .r label {cursor:pointer;padding-top:3px;display:block}
.box .cnt {padding:10px;border:1px solid #cccccc}

/* revenue.tpl */
.earnbox {background-color:#ece9d8;padding:25px 0 25px 25px;overflow:hidden;margin-bottom:25px;}
.earnbox .img {float:left;}
.earnbox .descr {float:left;width:400px;margin-left:50px;font-size:14px;}
.earnbottombox {float:left;width:48%;padding:1%;}
.earnbottombox h3 {color:#8b8b8b;margin-bottom:5px;}


.rewardbox {overflow:hidden;}
.rewardbox .image {position:relative;left:-15px;display:block;float:left;width:230px;overflow:hidden;}
.rewardbox.confirm {margin-bottom:0;padding-bottom:0}
.rewardbox .main {padding-top:20px; }
.rewardbox .title {margin:0;font-size:20px}
.rewardbox .descr {height:150px;text-align:justify}
.rewardbox .points {color:#666666;float:left;font-size:20px;padding-top:10px;font-weight:bold;}
.rewardbox .points a, .rewardbox .points i {font-size:12px}
.rewardbox .percentage {float:right;padding-top:20px;}
.reward-disclaimer {
  border:1px solid #dedede;
  padding:20px;
}
.perc-bg {background:transparent url(../img/percentbar_bg.png) no-repeat top left;width:177px;height:32px;padding:2px;}
.perc-bar {background:transparent url(../img/percentbar_bar.png) repeat-x top left;width:32px;height:32px;}
.perc-bar.full {background-image:url(../img/percentbar_green_bar.png)}
.perc-text {color:#666666;font-size:18px;padding:4px 6px 4px 4px;text-align:right}
.perc-bar.full .perc-text {color:white}

.account .textfield {width:200px}
.account select {width:205px}
.validation {color:red}
span.cnt_sel {position:relative;top:2px}

.zeusads_toggle {padding-left:10px;cursor:pointer;display:block;background:transparent url(../img/toggle_arrow.gif) no-repeat; }

.zeusads_toggle.closed {background-position: -12px -7px}
.zeusads_toggle.opened {background-position: -12px -36px}
.zeusads label input[type=radio] {position:relative;top:2px;}
.zeusads h4 {margin:0}
.zeusads fieldset {margin-top:20px}
.zeusads textarea {margin-bottom:10px;}
#tooltip {
  border: #000000 1px solid;
  padding: 5px;
  margin: 0px;
  background-color: white;
  font: 12px Trebuchet MS, Arial;
  text-align: justify;
  visibility: hidden;
  position: absolute;
}