﻿/*----- Start "Main definitions" -----*/
* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 130%;
    font-family: Arial, "Trebuchet MS", sans-serif;
    color: #333;
    background: #555;
    text-align: left;
}

/*----- Start "Clear" -----*/
.cl { font-size: 0; line-height: 0; height: 0; clear: both; }
/*------ End "Clear" ------*/

/*----- Start "Link styles" -----*/
a img { border: 0; }
a { color: #357dc1; text-decoration: underline; }
a:hover { text-decoration: none; }
/*------ End "Link styles" ------*/

/*----- Start "Box positions" -----*/
.center { margin: 0 auto; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
/*------ End "Box positions" ------*/

/*----- Start "Text positions" -----*/
.a-center { text-align: center; }
.a-left { text-align: left; }
.a-right { text-align: right; }
/*------ End "Text positions" ------*/

/*----- Start "Fields" -----*/
.field { font-size: 12px; line-height: 130%; font-family: Arial, "Trebuchet MS", sans-serif; color: #999; padding: 2px 5px; border: solid 1px #cdcdcd; }
select.field { padding: 1px; color: #333; }
select.field option { padding-right: 15px; }
.checkplace input { float: left; display: inline; height: 13px; width: 13px; margin-right: 8px; margin-top: 4px; margin-bottom: 5px; }
.checkplace label { float: left; display: inline; line-height: 17px; margin-bottom: 3px; margin-top: 2px; }
/*------ End "Fields" ------*/

/*----- Start "Images" -----*/
p img { padding: 0; max-width: 100%; }
/*	
Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) 
*/

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 5px 0 2px 15px; display: inline; }
img.alignleft { margin: 5px 15px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }

.invisible { visibility: hidden; }
/*------ End "Images" ------*/

h2 { font-family: Arial, "Trebuchet MS", sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; }
h3 { font-family: Arial, "Trebuchet MS", sans-serif; font-size: 14px; font-weight: bold; line-height: 16px; }

.yellow-bg { background: #ffffcc; }
.grey-bg { background: #f5f5f5; }

a.info {
	float: right;
	display: inline;
	height: 16px;
	width: 16px;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	background: url(images/info-ico.gif) no-repeat 0 0;
	margin-left: 5px;
}

a.alertinfo {
	float: right;
	display: inline;
	height: 16px;
	width: 16px;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	background: url(images/alert.gif) no-repeat 0 0;
	margin-left: 5px;
}

/*------ End "Main definitions" ------*/

.shell { width: 980px; margin: 0 auto; }
#header { background: #404040 url(images/header-line.gif) repeat-x 0 bottom; }
#main { background: #fff; padding-bottom: 30px; position: relative; }
#main-content { padding: 20px 11px 0 10px; }
#full-page { padding: 16px 10px 0 10px; }
.blue-bg { background: #fff url(images/full-page-bg.gif) repeat-x 0 0; }
#full-page h2 { font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 32px; color: #2870B4; font-weight: normal; margin-bottom: 5px; }
#full-page #sidebar { width: 250px; }
#full-page #content { width: 700px; }
#sidebar { float: left; display: inline; width: 230px; }
#content { float: right; display: inline; width: 720px; }
#content .big-side { width: 475px; float: left; display: inline; }
#content .small-side { width: 233px; float: right; display: inline; }
#footer { background: #f7f7f7; border-top: solid 1px #ccc; margin-bottom: 100px; }
#logo { height: 44px; width: 96px; padding: 16px 0 15px 19px; float: left; display: inline; position: relative; }
#logo a { display: block; height: 44px; width: 96px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/logo.png) no-repeat 0 0; }
.sample-heading { font-size: 16px; line-height: 23px; color: #666; margin-bottom: 20px; border-bottom: solid 1px #ccc; padding-bottom: 17px; }

p.main-links {
	padding: 8px 0 10px;
	text-align: right;
	position: relative;
}
p.main-links a {
	text-decoration: none;
}
p.main-links a:hover {
	text-decoration: underline;
}
p.main-links span {
	color: #a9a9a9;
	padding: 0 10px 0 7px;
}
.help-button {
	display: block;
	height: 26px;
	width: 113px;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	background: url(images/help-button.gif) no-repeat 0 0;
	float: right;
	display: inline;
	margin-bottom: 15px;
}
.contact-button {
	height: 26px;
	width: 113px;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	background: url(images/contactus.jpg) no-repeat 0 0;
	float: right;
	display: inline;
	margin-bottom: 15px;
}
.phoneno
{
	height: 26px;
	width: 113px;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	margin-top: 5px;
	background: url(images/phone.jpg) no-repeat 0 0;
	float: right;
	display: inline;
	margin-bottom: 15px;	
}
#main-nav {
	height: 36px;
	overflow-y: hidden;
	background: url(images/main-nav-bg.gif) repeat-x 0 0;
	border-top: solid 1px #e7f3da;
}
#main-nav ul li {
	float: left;
	display: inline;
	line-height: 36px;
	background: url(images/main-nav-separator.gif) no-repeat right 0;
	padding-right: 1px;
}
#main-nav ul li a {
	float: left;
	display: inline;
	padding: 9px 16px 10px 15px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	height: 17px;
}
#main-nav ul li a.active {
	background: url(images/main-nav-active.gif) repeat-x 0 0;
}
#main-nav ul li a span {
	float: left;
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	height: 16px;
	margin-top: 1px;
	background-image: url(images/main-nav.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
#main-nav ul li.b-dashboard a span { background-position: 0 0; width: 80px; }
#main-nav ul li.b-todo a span { background-position: -80px 0; width: 43px; }
#main-nav ul li.b-reports a span { background-position: -123px 0; width: 57px; height: 16px; }
#main-nav ul li.b-community a span { background-position: -244px 0; width: 86px; height: 16px; }
#main-nav ul li.b-contests a span { background-position: -180px 0; width: 64px; }
#main-nav ul li.b-pricing a span { background-position: -525px 0; width: 56px; }
#main-nav ul li.b-how a span { background-position: -330px 0; width: 94px; }
#main-nav ul li.b-about a span { background-position: -424px 0; width: 67px; }
#main-nav ul li.b-blog a span { background-position: -491px 0; width: 33px; }
#main-nav ul li.b-submission a span { background: url(images/sub2.jpg) no-repeat; background-position: -16px -12px; width: 90px; height: 16px; }

#main-nav ul li.b-dashboard a.active span { background-position: 0 bottom; }
#main-nav ul li.b-todo a.active span { background-position: -80px bottom; }
#main-nav ul li.b-reports a.active span { background-position: -123px bottom; }
#main-nav ul li.b-community a.active span { background-position: -244px bottom; }
#main-nav ul li.b-contests a.active span { background-position: -180px bottom; }
#main-nav ul li.b-pricing a.active span { background-position: -525px bottom; }
#main-nav ul li.b-how a.active span { background-position: -330px bottom; }
#main-nav ul li.b-about a.active span { background-position: -424px bottom; }
#main-nav ul li.b-blog a.active span { background-position: -491px bottom; }
#main-nav ul li.b-submission a.active span { background: url(images/sub1.jpg) no-repeat; background-position: -16px -12px; width: 90px; height: 16px; }

#main-nav ul li a strong.arrow {
	float: left;
	display: inline;
	margin-left: 8px;
	font-size: 0;
	line-height: 0;
	width: 14px;
	height: 16px;
	background: url(images/arrow-1.gif) no-repeat 0 0;
	cursor: pointer;
}
#main-nav ul li a.active strong.arrow {
	background: url(images/arrow-1-active.gif) no-repeat 0 0;
}
#main-nav ul li a strong.bubble {
	float: left;
	display: inline;
	margin-top: -4px;
	width: 24px;
	padding-left: 7px;
	height: 24px;
	background: url(images/todo-bubble.gif) no-repeat 0 0;
	line-height: 24px;
	text-align: center;
	margin-left: 5px;
}
#main-nav .search {
	float: right;
	display: inline;
	margin-right: 10px;
	padding-top: 5px;
}
#main-nav .search .fieldplace {
	float: left;
	display: inline;
	height: 26px;
	width: 260px;
	background: url(images/search-fieldplace.gif) no-repeat 0 0;
	padding-right: 11px;
}
#main-nav .search .fieldplace a {
	float: right;
	display: inline;
	color: #333;
	text-decoration: none;
	line-height: 16px;
	margin-top: 5px;
	background: url(images/arrow-2.gif) no-repeat right 6px;
	padding-left: 9px;
	padding-right: 12px;
	border-left: solid 1px #949494;
}
#main-nav .search .button {
	float: left;
	display: inline;
	width: 34px;
	height: 26px;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	border: 0;
	cursor: pointer;
	margin-left: 9px;
	background: url(images/search-button.gif) no-repeat 0 0;
}
#main-nav .search .field {
	border: 0;
	margin-top: 3px;
	margin-left: 5px;
	background: none;
	color: #a9a9a9;
	width: 140px;
}

/*----- Start "Sub Navigation " -----*/
#subnav { height: 31px; background: #ccc; border-bottom: solid 1px #999; padding-top: 3px; padding-left: 10px; }
#subnav ul li { float: left; display: inline; line-height: 27px; margin-right: 2px; }
#subnav ul li a { color: #4b4b4b; font-weight: bold; text-decoration: none; font-size: 14px; line-height: 26px; height: 27px; float: left; display: inline; }
#subnav ul li a span { float: left; display: inline; padding: 0 10px; height: 27px; cursor: pointer; }
#subnav ul li a.active { background: url(images/subnav-active.gif) no-repeat 0 0; color: #fff; }
#subnav ul li a.active span { background: url(images/subnav-active-span.gif) no-repeat right 0; }
/*------ End "Sub Navigation " ------*/


.sign-links { font-size: 14px; font-weight: bold; padding-right: 18px; padding-top: 18px; }
.sign-links a { margin-left: 15px; }
.sign-links a.up { color: #efb634; }

#welcome {
	border-bottom: solid 1px #ffcc00;
	padding: 20px;
	font-size: 14px;
	line-height: 140%;
	position: relative;
}
#welcome .close {
	display: block;
	height: 11px;
	width: 11px;
	background: url(images/welcome-close.gif) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	position: absolute;
	top: 11px;
	right: 11px;
}
#welcome h2 {
	color: #666666;
	padding-bottom: 10px;
}
#welcome h2.dark {
	color: #333;
}
#welcome .box {
	float: left;
	display: inline;
	width: 300px;
	height: 50px;
	background: url(images/welcome-box.gif) no-repeat 0 0;
	margin-right: 20px;
	margin-top: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	line-height: 120%;
	padding-top: 6px;
	position: relative;
	cursor: pointer;
}
#welcome .lastbox {
	margin-right: 0;
}
#welcome .box .cnt {
	padding-top: 6px;
	height: 44px;
	padding-right: 5px;
	padding-right: 30px;
}
#invite-box .cnt {
	padding-left: 61px;
	background: url(images/invite-box.gif) no-repeat 11px 0;
}
#write-box .cnt {
	padding-left: 57px;
	background: url(images/write-box.gif) no-repeat 10px 0;
}
#learn-box .cnt {
	padding-left: 54px;
	background: url(images/learn-box.gif) no-repeat 7px 0;
}
#welcome .color-box {
	position: absolute;
	top: 0;
	left: 0;
	border: solid 1px #3f8acc;
	background: #2368af url(images/color-box-bg.gif) repeat-x 0 0;
	padding-top: 5px;
	width: 298px;
}
#welcome .box .color-box .cnt {
	height: auto;
	font-weight: normal;
	padding-bottom: 10px;
}
#welcome .box .color-box .cnt .main-title {
	color: #d9f4fd;
	padding-bottom: 10px;
	font-weight: bold;
}
#invite-box .color-box .cnt {
	padding-left: 60px;
	background: url(images/invite-box-color.gif) no-repeat 10px 0;
}
#write-box .color-box .cnt {	
	padding-left: 56px;
	background: url(images/write-box-color.gif) no-repeat 9px 0;
}
#learn-box .color-box .cnt {
	padding-left: 53px;
	background: url(images/learn-box-color.gif) no-repeat 6px 0;
}
/*----- Start "Main Content Boxes" -----*/
#main-content .box { margin-bottom: 10px; }
#main-content .box .content { border: solid 1px #c8c8c8; border-top: 0; }
#main-content .box .content .padder { padding: 10px; }
#main-content .box .head { line-height: 16px; background: url(images/bluebox.gif) no-repeat 0 0; }
#main-content .box .head-end { height: 16px; padding: 7px 11px 8px; background: url(images/bluebox-end.gif) no-repeat right 0; }
#main-content .box .head a { color: #fff; }
#main-content .box .head h3 { color: #fff; }
#main-content .box .update-rate { font-style: italic; float: right; display: inline; padding-right: 29px; margin-left: 10px; background: url(images/refresh-rate.gif) no-repeat right center; color: #fff; }
#main-content .box select { float: right; display: inline; width: auto; margin-top: -2px; margin-left: 5px; }
/*----- Start "Grey Box" -----*/
#main-content .greybox .head { background: url(images/greybox.gif) no-repeat 0 0; }
#main-content .greybox .head-end { background: url(images/greybox-end.gif) no-repeat right 0; }
#main-content .greybox .head h3 { color: #4e4e4e; }
#main-content .greybox .head a { color: #357dc1; }
/*------ End "Grey Box" ------*/
/*----- Start "Dark Grey Box" -----*/
#main-content .darkgreybox .head { background: url(images/darkgreybox.gif) no-repeat 0 0; }
#main-content .darkgreybox .head-end { background: url(images/darkgreybox-end.gif) no-repeat right 0; }
#main-content .darkgreybox .head h3 { color: #fff; }
/*------ End "Dark Grey Box" ------*/
/*------ End "Main Content Boxes" ------*/

.health-info {
	display: block;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 36px;
	position: relative;
	z-index: 1000;
}
.green-health {
	background: #e4f2d4;
	border: solid 1px #a5d76f;
	color: #5b8b27;
}
.green-health a {
	color: #5b8b27;
	text-decoration: none;
}
.health-info a {
	display: block;
}
p.alert {
	font-weight: bold;
	color: #990000;
	padding-left: 25px;
	background: url(images/alert.gif) no-repeat 0 center;
	line-height: 12px;
	padding-top: 5px;
	margin-bottom: 5px;
}
.profile-status .profile-complete {
	color: #666;
}
.profile-status .profile-complete p {
	padding-top: 5px;
}
.profile-status ul li {
	list-style-type: none;
	padding: 6px 10px 7px 34px;
	border-top: solid 1px #c8c8c8;
	background-repeat: no-repeat;
	background-position: 10px 7px;
}
.profile-status ul li.plus {
	background-image: url(images/plus.gif);
}
.profile-status ul li.invite {
	background-image: url(images/invite-ico.gif);
	background-position: 10px 9px;
}
.todo-box {
	/*height: 381px;*/
	padding-bottom:33px;
	position: relative;
}
.todo-box .view-all-bottom {
	width: 100%;
	position: absolute;
	bottom: 0;
	background: #dddddd;
	text-align: right;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
}
.todo-box .view-all-bottom .padder {
	padding: 7px 10px !important;
}
.count-stats .padder {
	padding: 0 10px !important;
}
.count-stats ul li {
	border-bottom: solid 1px #ccc;
	list-style-type: none;
	padding: 8px 0 8px 12px;
}
.count-stats ul li span {
	float: right;
	display: inline;
	width: 57px;
}
.count-stats ul li.last {
	border-bottom: 0;
}
.contests-summary {
	height: 364px;
	padding: 1px;
}
.contests-summary .top5-gainers {
	float: left;
	display: inline;
	height: 364px;
	padding-right: 1px;
	margin-top:5px;
	border: solid 1px #cccccc;
	width: 717px;
}
.contests-summary .padder {
	padding: 7px 8px !important;
}
.contests-summary h3 {
	background: #cce7ff;
	line-height: 27px;
	color: #4e4e4e;
	padding-left: 8px;
	font-size: 14px;
}
.contests-summary .in-progress {
	float: right;
	display: inline;
	width: 230px;
}
.questions .sub-title { font-weight: bold; color: #666; padding-top: 10px; }
.questions ul li {
	list-style-type: none;
	padding: 7px 0 7px 10px;
	border-bottom: solid 1px #c8c8c8;
}
.questions ul li.last {
	border-bottom: 0;
}
.questions ul li a {
	padding: 1px 0;
	padding-left: 25px;
}
.questions ul li.phone { 
	background: url(images/phone-ico.gif) no-repeat 10px center;
	padding-left: 35px;
}
.questions ul li.wiki a {
	background: url(images/wiki-ico.gif) no-repeat 0 0;
}
.questions ul li.support a {
	background: url(images/support-ico.gif) no-repeat 0 1px;
}
.questions ul li.bug a {
	background: url(images/bug-ico.gif) no-repeat 0 0;
}
#footer .padder {
	padding: 15px 20px;
}
#footer .box {
	float: left;
	display: inline;
	width: 160px;
	padding-bottom: 20px;
}
#footer .box p {
	font-size: 13px;
	padding: 3px 0;
}
#footer .box ul li {
	list-style-type: none;
	padding: 2px 0;
}
.refer-friend {
	float: right;
	display: inline;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	height: 25px;
	width: 103px;
	background: url(images/refer-button.gif) no-repeat 0 0;
}
#footer p.copy span {
	padding: 0 6px;
	font-size: 13px;
}
#agency-box {
	position: absolute;
	top: 0;
	width: 100%;
	border-top: solid 3px #dba013;
}
#agency-box .bar {
	width: 430px;
	margin: 0 auto;
	height: 28px;
	background: url(images/agency-bar.gif) no-repeat 0 0;
	padding-top: 2px;
	line-height: 22px;
	padding-left: 13px;
	color: #fff;
}
#agency-box .bar a {
	color: #ffffcc;
}
#agency-box .bar .separator {
	padding: 0 7px;
}
#agency-box .menu {
	float: left;
	display: inline;
	position: relative;
	line-height: 22px;
	height: 22px;
	background: url(images/agency-menu.gif) no-repeat 0 0;
	margin-left: 5px;
}
#agency-box .menu .menu-end {
	background: url(images/agency-menu-end.gif) no-repeat right 0;
	padding: 0 10px;
	position: relative;
	z-index: 11;
	height: 22px;
	float: left;
	display: inline;
}
#agency-box .menu .expander {
	float: left;
	display: inline;
	height: 22px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	padding-right: 12px;
	background: url(images/arrow-3.gif) no-repeat right 9px;
}
#agency-box .menu .expanding-content {
	position: absolute;
	top: 19px;
	left: 0;
	z-index: 1000;
	border: solid 1px #966a12;
	background: #fff;
	border-top: 0;
	padding: 5px 10px;
	display: none;
}
#agency-box .menu .expanding-content ul li {
	list-style-type: none;
}
#agency-box .menu .expanding-content ul li a {
	color: #2c73b9;
	text-decoration: none;
	white-space:nowrap;
}
/*----- Start "Tooltip" -----*/
#tooltip{ position:absolute; border:1px solid #eeba64; background:#f9e6c6;	 width: 154px; font-size: 11px; display:none; z-index: 10000; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding:6px; }
#tooltip .arrow { background: url(images/tooltip-arrow.gif); position: absolute; display: block; width: 15px; height: 21px; top: 20px; right: -15px; }
#tooltip .close { position: absolute; display: block; height: 12px; width: 12px; right: 7px; top: 6px; font-size: 0; line-height: 0; text-indent: -4000px;
}

#tooltip2{ position:absolute; border:1px solid #999999; background:#ffffcc;	 width: 160px; font-size: 12px; line-height: 16px; display:none; z-index: 10000; padding:4px 12px; font-weight: bold; }
#tooltip2 .arrow { background: url(images/tooltip-2-arrow.gif); position: absolute; display: block; width: 9px; height: 23px; top: 10px; left: -9px; }
/*------ End "Tooltip" ------*/

.billings { color: #7d7d7d; }
.billings .main { padding: 8px 10px; border-bottom: solid 1px #ccc; }
.billings .last-5 { padding-left: 5px; }
.billings ul li { border-bottom: solid 1px #ccc; padding: 4px 5px; list-style-type: none; }
.billings ul li.last { border-bottom: 0; }
.billings ul li span { float: right; display: inline; font-weight: bold; }

table.gainers { padding-bottom: 15px; }
table.gainers tr td,
table.gainers tr th { padding: 0 5px; }
table.gainers tr td { border-bottom: solid 1px #ccc; padding: 3px 5px; }
table.gainers tr.last td { border-bottom: 0; }

.lmp { margin-bottom: 10px; }
.lmp .row { border-bottom: solid 1px #ccc; padding: 2px 0; }
.lmp p { padding: 2px 5px; }

.button-go { display: block; height: 27px; width: 41px; background: url(images/button-go.gif); font-size: 0; line-height: 0; text-indent: -4000px; margin: 0 auto; }

.todo-box table tr td { vertical-align: middle; padding: 14px 10px 14px; background: #fff; color: #4d4d4d; }
.todo-box table tr.odd-row td { background: #f0f0f0; }
.todo-box table tr td.blue { background: #d9ebff; width: 30px; text-align: center; font-size: 24px; font-weight: bold; color: #333; }
.todo-box table tr.odd-row td.blue { background: #d0e2f6; }
.todo-box table tr td .title { font-size: 15px; font-weight: bold; }
.todo-box table tr.tr-hover td { background: #ecb02e !important; color: #fff !important; }
/*----- Start "Filters" -----*/
#filters { position: relative; height: 100%; margin-bottom: -1px; }
#filters .toggler { width: 70px; line-height: 20px; padding: 0 12px 0 22px; border: solid 1px #b9d9f2; border-bottom: 0; border-left-color: #e1e1e1; position: relative; z-index: 11; margin-bottom: -1px; cursor: pointer; background: #fff url(images/arrow-3.gif) no-repeat 9px center; background-color: #fff; }
#filters .toggler-opened { background: #fff url(images/arrow-3-opened.gif) no-repeat 9px center; }
#filters .content { border: solid 1px #e1e1e1; border-top-color: #b9d9f2; border-bottom-color: #b9d9f2; background: #fff; padding: 10px; }
#filters label.main-label { float: left; display: inline; width: 90px; padding-right: 15px; text-align: right; font-weight: bold; line-height: 22px; margin-bottom: 8px; }
#filters label.main-label2 { float: left; display: inline; width: 150px; padding-right: 15px; text-align: right; font-weight: bold; line-height: 22px; margin-bottom: 8px; }
#filters .field { width: 260px; }
#filters .block { float: left; display: inline; width: inherit; margin-right: 35px; margin-bottom: 5px; }
#filters .block p { font-weight: bold; color: #666666; line-height: 22px; }
#filters .block ul li { list-style-type: none; padding: 2px 0; clear: left; }
#filters .block ul li a { text-decoration: none; }
#filters .block ul li a:hover { text-decoration: underline; }
#filters .block ul li .checkbox { float: left; display: inline; margin-top: 1px; margin-right: 5px; }
#filters .button-apply-filters { float: left; display: inline; width: 94px; height: 26px; background: url(images/button-apply-filters.gif) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; margin-right: 10px; }
/*------ End "Filters" ------*/

/*----- Start "Paging" -----*/
.paging { line-height:20px; padding:8px; border-left:solid 1px #e0e0e0; border-right:solid 1px #e0e0e0; border-top:solid 1px #cbe3f5; background:#fff; }
.bot-paging { background: #fff url(images/bot-paging-bg.gif) repeat-x 0 0; border-top: none; }
.paging ul { float: right; display: inline; }
.paging ul li { display: inline; list-style-type: none; }
.paging span.showing,
.paging select.field { margin-right: 6px; float: left; display: inline; }
.paging a { float: left; display: inline; line-height: 20px; text-align: center; text-decoration: none; font-size: 11px; margin: 0 2px; }
.paging a span { float: left; display: inline; padding: 0 7px; cursor: pointer; }
.paging a:hover { text-decoration: underline; }
.paging a.active { background: #2a70b5 url(images/paging-active-left.gif) no-repeat 0 0; color: #fff; text-decoration: none; }
.paging a.active span { background: url(images/paging-active-right.gif) no-repeat right 0; }
.paging a.unactive { color: #9f9f9f; text-decoration: none; cursor: text; }
/*------ End "Paging" ------*/

/*----- Start "Contests Table" -----*/
.main-table .sort { background: #e0e0e0; padding: 4px 0; vertical-align: bottom; text-decoration:none; color:GrayText; }
.main-table .sort:hover { background: #e0e0e0; padding: 4px 0; vertical-align: bottom; text-decoration:none; color:Gray; }
.main-table { border: solid 1px #e1e1e1; line-height: 16px; }
.main-table th { background: #e0e0e0; color: #666; padding: 7px 0 7px 10px; vertical-align: bottom; }
.main-table tr td { border-bottom: solid 1px #b9d9f2; padding: 7px 0 7px 10px; background: #fff; vertical-align: top; }
.main-table tr td.a-right,
.main-table th.a-right { padding-right: 20px; padding-left: 0; }
.main-table tr td.a-center,
.main-table th.a-center { padding-left: 10px; padding-right: 10px; }
.main-table th.last,
.main-table tr td.last { padding-left: 10px; }
.main-table tr td.i,
.main-table th.i { width: 35px; text-align: center; }
.main-table tr td.public,
.main-table th.public { width: 90px; text-align: center; }
.main-table th.ad { width: 230px; }
.main-table tr.last td { border-bottom: none; }
.main-table tr td strong { color: #999999; }
.main-table tr td strong.or { color: #e36f17; }
.main-table tr td strong.gr { color: #4e751e; }
.main-table tr.tr-hover td { background: #2a70b5; color: #fff; }
.main-table tr.tr-hover td a { color: #fff; }
.main-table tr.tr-hover td strong { color: #ccc; }
.main-table tr.tr-hover td strong.gr { color: #d5ecb6; }
.main-table tr.tr-hover td strong.or { color: #e7ba97; }
.main-table a.info { display: block; float: none; height: 16px; width: 16px; margin:0 auto; }
.main-table a.alertinfo { display: block; float: none; height: 16px; width: 16px; margin:0 auto; }
.main-table th .info-holder { position: relative; height: 100%; padding-right: 10px; }
.main-table th .info-holder a.info { position: absolute; top: 7px; right: 5px; }
.main-table tr.tr-hover td a.info, 
.main-table tr:hover td a.info { display: block; }
.main-table tr.tr-hover td a.alertinfo, 
.main-table tr:hover td a.alertinfo { display: block; }
.main-table tr.toggler td { background: url(images/tr-toggler.gif) repeat-x 0 0; padding: 0; line-height: 30px; cursor: pointer; }
.main-table tr.toggler td p { padding-left: 34px; background: url(images/white-plus.gif) no-repeat 8px center; color: #fff; font-size: 16px; font-weight: bold; }
.main-table tr.toggler-opened td p { background: url(images/white-minus.gif) no-repeat 8px center; }
.main-table tbody.toggled { display: none; }
.main-table tr td .mbutton { float: right; display: inline; }
.main-table .positioning .field { display: block; width: 42px; padding: 2px 3px; border-color: #809eba; color: #343434; font-weight: bold; }
.main-table .positioning .move { display: block; width: 42px; padding: 1px; color: #666666; padding-left: 7px; text-decoration: none; font-weight: bold; margin-top: 1px; line-height: 23px; background: url(images/positioning-arrow.gif) no-repeat right center; }
.main-table .positioning .move:hover { padding: 0 0 0 6px; border: solid 1px #e49919; background: #fbe9c5 url(images/positioning-arrow-hover.gif) no-repeat right center; color: #343233; }

.ads-table tr.tr-hover td { background: #ebf5ff; color: #000; }
.ads-table tr.tr-hover td a { color: #357dc1; }
.ads-table .sort { background: #e0e0e0; padding: 4px 0; vertical-align: bottom; text-decoration:none; color:GrayText; }

.middle-align tr td { vertical-align: middle; }
/*------ mainEnd "Contests Table" ------*/

a.all-toggler { float: right; display: inline; margin-top: 20px; }
a.all-collapser { display: none; }
div.content-toggler { background: url(images/tr-toggler.gif) repeat-x 0 0; padding: 0; line-height: 30px; cursor: pointer; border: solid 1px #70a4d2; border-bottom: 0; }
div.content-toggler p { padding-left: 34px; background: url(images/white-plus.gif) no-repeat 8px center; color: #fff; font-size: 16px; font-weight: bold; }
div.content-toggler-opened p { background: url(images/white-minus.gif) no-repeat 8px center; }
div.content-toggled { display: none; }

/*----- Start "Contests Views" -----*/
#contests-views { float: right; display: inline; width: 182px; height: 26px; }
#contests-views a { background: url(images/contests-views.gif); float: left; display: inline; height: 26px; font-size: 0; line-height: 0; text-indent: -4000px; }
#contests-views a.flat { width: 73px; }
#contests-views a.flat-active { background-position: 0 bottom; }
#contests-views a.campaign { width: 109px; background-position: right 0; }
#contests-views a.campaign-active { background-position: right bottom; }
/*------ End "Contests View" ------*/

/*----- Start "Ad Block" -----*/
.adblock { width: 220px; height: 68px; padding: 0 4px; border: solid 1px #c6d7cf; background: #fff; color: #000; font-size: 12px; line-height: 16px; }
.adblock a { color: #0000cc !important; text-decoration: underline; }
.adblock a.main { font-size: 16px; line-height: 18px; }
.adblock a:hover { text-decoration: none; }
.adblock a.site { color: #008000 !important; text-decoration: none; }
/*------ End "Ad Block" ------*/

/*----- Start "Main Table Button" -----*/
.mbutton { display: block; width: 100px; line-height: 23px; text-align: center; text-decoration: none; font-weight: bold; font-size: 13px; margin-bottom: 5px; }
.mbutton { color: #666666 !important; border: solid 1px #cccccc; background: url(images/mbutton-bg.gif) repeat-x 0 0; }
.mbutton:hover { color: #333333 !important; }
.mbutton-red:hover { background-image: url(images/mbutton-red-hover.gif); border-color: #ff9595; }
.mbutton-green:hover { background: #ecf6dd; border-color: #afdb79; }
.mbutton-right { float: right; display: inline; margin-right: 10px; line-height: 25px; }
.mbutton-left { float: left; display: inline; margin-left: 10px; line-height: 25px; }
/*------ End "Main Table Button" ------*/

/*----- Start "Orange Button" -----*/
.orange-button { font-weight: bold; font-size: 13px; color: #fff !important; line-height: 28px; border: solid 1px #f3bf69; float: left; display: inline; background: url(images/orange-button-bg.gif) repeat-x 0 0; text-decoration: none; padding: 0 10px; }
/*------ End "Orange Button" ------*/

/*----- Start "Warning" -----*/
.warning { border: solid 1px #e0e0e0; border-bottom-color: #ffcc00; border-top: 0; padding: 7px 10px 7px 10px; background-color: #ffffcc; position: relative; }
.first-warning { border-top: solid 1px #ffcc00; }
.warning a.red { float: right; display: inline; font-weight: bold; text-transform: uppercase; color: #cd0405; }
.warning .warn { font-weight: bold; color: #e69d1b; text-transform: uppercase; background: url(images/warning-ico.gif) no-repeat 0 center; padding-left: 24px; }
.warning .close { display: block; height: 11px; width: 11px; background: url(images/welcome-close.gif) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; position: absolute; top: 11px; right: 5px; }
.simple-warning .warn { text-transform: none; color: #000; }
.simple-warning { border-left: none; border-right: none; border-top: solid 1px #ffcc00; }
/*------ End "Warning" ------*/

/*----- Start "Questions" -----*/
.questions { border: solid 1px #e0e0e0; border-top: 0; }
.question { padding: 10px; border-bottom: solid 1px #b9d8f1; position: relative; height: 100%; }
.last-question { border-bottom: 0; }
.question .mbutton { float: left; display: inline; }
.question p { padding-bottom: 5px; }
.question p.left { padding-right: 20px; }
/*------ End "Questions" ------*/

/*----- Start "Modal" -----*/
.in-modal { padding: 10px 20px 0 20px; color: #666666; position: relative; }
.in-modal .title { font-size: 14px; font-weight: bold; color: #cc0000; padding-bottom: 10px; }
.in-modal .note { font-size: 11px; }
.in-modal .checkplace { padding: 5px 0 10px 15px; }
.in-modal textarea.field { width: 428px; height: 75px; margin-top: 10px; color: #333; border: solid 1px #809eba; }
.in-modal .buttons { margin-top: 20px; }
.in-modal .buttons .button { float: left; display: inline; height: 31px; font-size: 0; line-height: 0; text-indent: -4000px; margin-right: 10px; border: 0; cursor: pointer; }
.in-modal .buttons .button-delete-ad { width: 90px; background: url(images/button-delete-ad.gif) no-repeat 0 0; }
.in-modal .buttons .button-answer { width: 75px; background: url(images/button-answer.gif) no-repeat 0 0; }
.in-modal .buttons .button-cancel { width: 70px; background: url(images/button-cancel.gif) no-repeat 0 0; }
.in-modal .buttons .button-delete { width: 70px; background: url(images/button-delete.gif) no-repeat 0 0; }
.in-modal .buttons .button-activate { width: 100px; background: url(images/button-activate.gif) no-repeat 0 0; }
.in-modal .buttons .button-submit { width: 80px; background: url(images/button-submit.gif) no-repeat 0 0; }
.in-modal .buttons .button-pause-now { width: 97px; background: url(images/button-pause-now.gif) no-repeat 0 0; }
.in-modal .buttons .button-pause-after { width: 218px; background: url(images/button-pause-after.gif) no-repeat 0 0; }

.in-modal .sprow  { margin: 5px 0 10px; }
.in-modal .sprow .main-label { float: left; display: inline; width: 115px; text-align: right; line-height: 21px; margin-right: 8px; }
.in-modal .sprow .field { width: 65px; }
.in-modal .sprow .fieldplace { float: left; display: inline; width: 260px; }
/*------ End "Modal" ------*/

/*----- Start "Whitebox" -----*/
.whitebox { width: 250px; margin-bottom: 6px; }
.whitebox .whitebox-top,
.whitebox .whitebox-bot { height: 6px; font-size: 0; line-height: 0; text-indent: -4000px; }
.whitebox .whitebox-top { background: url(images/whitebox-top.gif) no-repeat 0 0; }
.whitebox .whitebox-bot { height: 8px; background: url(images/whitebox-bot.gif) no-repeat 0 0; }
.whitebox .whitebox-cnt { background: #fff url(images/whitebox-cnt.gif) no-repeat 0 0; border-left: solid 1px #b2b2b2; border-right: solid 1px #b2b2b2; padding: 5px 10px; }
.whitebox .row { background: url(images/hor-line.gif) repeat-x 0 bottom; padding-bottom: 10px; margin-bottom: 10px; }
.whitebox .title { font-weight: bold; font-size: 13px; padding-bottom: 5px; }
.whitebox .button-signup { display: block; width: 215px; height: 34px; background: url(images/button-signup-2.gif); margin: 0 auto; }
.whitebox .button-signup { font-size: 0; line-height: 0; text-indent: -4000px; }

.whitebox .post { color: #666; padding: 8px 0; }
.whitebox .post p { padding-bottom: 3px; }
.whitebox .post p strong { color: #444; }

.whitebox .questions, 
.whitebox .question { border: 0; padding: 0; }
.whitebox .questions .info { background: #ffffcb; padding: 5px 8px; margin-bottom: 10px; }
.whitebox .question {  padding: 0 30px 0 0; position: relative; height: 100%; }
.whitebox .last-question { background: none; }
.whitebox .question p { padding-bottom: 0; }
.whitebox .question p.q { font-weight: bold; padding-bottom: 5px; }
.whitebox .question img { position: absolute; top: 10px; right: 0; cursor: pointer; }
/*------ End "Whitebox" ------*/

p.status { width: 113px; text-align: center; font-weight: bold; line-height: 20px; font-size: 13px; }
.aff-message { line-height: 16px; padding: 1px 0 1px 22px; background: url(images/aff.gif) no-repeat 0 0; }
.main-table .aff-message { font-weight: bold; color: #296fb4; }
a.invite { padding-left: 23px; background: url(images/invite-ico.gif) no-repeat 0 center; }
a.button-write-and-ad { display: block; width: 203px; height: 31px; background: url(images/button-write-an-ad.gif) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; margin-top: 15px; }

/*----- Start "Mainbox" -----*/
.mainbox { width: 700px; }
.mainbox .head { height: 31px; line-height: 31px; background: url(images/full-page-content-box.gif) no-repeat 0 0; padding: 0 10px; }
.mainbox .head h3 { line-height: 31px; color: #fff; }
.mainbox .content { border: solid 1px #ccc; border-top: 0; background: #fff; margin-bottom: 12px; }
.mainbox .content .paging,
.mainbox .content .main-table,
.mainbox .content .warning { border-left: 0; border-right: 0; }
.mainbox .content .paging { border-top: 0; }

.mainbox .tabs ul { height: 31px; }
.mainbox .tabs ul li { float: left; display: inline; list-style-type: none; background: url(images/mainbox-tabs-li.gif) no-repeat right 6px; font-weight: bold; }
.mainbox .tabs ul li.last { background: none; }
.mainbox .tabs ul li a { float: left; display: inline; line-height: 31px; padding-left: 10px; color: #fff; text-decoration: none; font-size: 13px; }
.mainbox .tabs ul li a span { float: left; display: inline; padding-right: 10px; cursor: pointer; }
.mainbox .tabs ul li a.active { background: url(images/mainbox-tabs.gif) no-repeat 0 0; color: #000; margin-left: -1px; }
.mainbox .tabs ul li a.active span { background: url(images/mainbox-tabs.gif) no-repeat right 0; }

.mainbox a.info { margin-top:5px; }
/*------ End "Mainbox" ------*/

p.contest-info { margin-bottom: 15px; margin-top: -5px; }
.contest-playpause { float: right; display: inline; line-height: 31px; color: #333; font-weight: bold; font-size: 14px; width: 40%; }
.contest-playpause .button-pause { float: right; display: inline; background: url(images/button-pause.gif); margin-left: 10px; }
.contest-playpause .button-pause { width: 80px; height: 31px; font-size: 0; line-height: 0; text-indent: -4000px; }
.contest-playpause span { float: right; display: inline; }

/*----- Start "Challenge Box" -----*/
.challenge-box { background: #a9d975 url(images/challenger-side.gif) repeat-x 0 0;  position: relative; height: 140px; }
.challenge-box .side { width: 328px; float: left; display: inline; height: 120px; position: relative; padding: 10px; }
.challenge-box .side .info-block { color: #666; padding: 0 0 7px 0; height: 30px; }
.challenge-box .side .info-block .title { color: #333; font-size: 13px; font-weight: bold; }
.challenge-box .side .ico { float: left; display: inline; width: 43px; height: 43px; margin-right: 7px; font-size: 0; line-height: 0; text-indent: -4000px; position: relative; }
.challenge-box .side .ico .bubble { width: 140px; position: absolute; bottom: 45px; left: -90px; font-size: 12px; line-height: 15px; text-indent: 0px; display: none;  }
.challenge-box .side .ico .bubble { border: solid 3px #ffe135; background: #feffb3; color: #000; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.challenge-box .side .ico .bubble .arrow { width: 22px; height: 14px; display: block; font-size: 0; line-height: 0; text-indent: -4000px; }
.challenge-box .side .ico .bubble .arrow { background: url(images/bubble-arrow.gif); position: absolute; bottom: -14px; left: 100px; }
.challenge-box .side .ico .bubble .close { width: 13px; height: 12px; display: block; font-size: 0; line-height: 0; text-indent: -4000px; }
.challenge-box .side .ico .bubble .close { background: url(images/bubble-close.gif); position: absolute; right: 6px; top: 6px; cursor: pointer; }
.challenge-box .side .ico .bubble .cnt { padding: 5px; }
.challenge-box .side .ico .bubble .cnt strong { width: 80px; float: left; }
.challenge-box .defending-side .ico { background: url(images/defender-ico.gif) no-repeat 0 0; }
.challenge-box .challenger-side .ico { background: url(images/challenger-ico.gif) no-repeat 0 0; }
.challenge-box .side .ctr { position: absolute; top: 8px; left: 212px; font-weight: bold; color: #666; font-size: 14px; }
.challenge-box .challenger-side .ctr { left: 250px; }
.challenge-box .side .ctr .percent { font-size: 24px; line-height: 24px; color: #333; }
.challenge-box .side .ctr .percent span { font-size: 14px; line-height: 14px; }
.challenge-box .side .adblock { position: absolute; bottom: 10px; left: 10px; }
.challenge-box .side .close { display: block; width: 11px; height: 11px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/close-red.gif); }
.challenge-box .side .close { position: absolute; top: 10px; right: 5px; }
.challenge-box .defending-side { border-right: solid 1px #cccccc; }
.challenge-box .challenger-side { border-left: solid 1px #fff; padding-left: 58px; width: 280px; }
.challenge-box .green-side { background: #a9d975 url(images/challenger-side.gif) repeat-x 0 0; }
.challenge-box .grey-side { background: #cecece url(images/defending-side.gif) repeat-x 0 0; }
.challenge-box .challenger-side .adblock { left: 58px; }
.challenge-box .challenger-side .close { right: 5px;}
.challenge-box .percent-box { width: 100px; height: 90px; position: absolute; top: 28px; left: 300px; }
.challenge-box .percent-box { background: url(images/percent-box.png) no-repeat 0 0; z-index: 50; text-align: center; color: #ddd; font-weight: bold; padding-top: 10px; }
.challenge-box .percent-box .percent { font-size: 20px; line-height: 22px; color: #fff; }
.challenge-box .percent-box .percent span { font-size: 14px; line-height: 14px; }
/*------ End "Challenge Box" ------*/

.challenge-box .percent-box .ico { width: 100px; height: 90px; font-size: 0; text-indent: -4000px; position: absolute; top: 0px; left: 0px; }
.challenge-box .percent-box .ico .bubble { width: 350px; position: absolute; bottom: 92px; left: -90px; font-size: 12px; line-height: 15px; text-indent: 0px; display: none;  }
.challenge-box .percent-box .ico .bubble { border: solid 3px #ffe135; background: #feffb3; color: #000; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.challenge-box .percent-box .ico .bubble .arrow { width: 22px; height: 14px; display: block; font-size: 0; line-height: 0; text-indent: -4000px; }
.challenge-box .percent-box .ico .bubble .arrow { background: url(images/bubble-arrow.gif); position: absolute; bottom: -14px; left: 100px; }
.challenge-box .percent-box .ico .bubble .close { width: 13px; height: 12px; display: block; font-size: 0; line-height: 0; text-indent: -4000px; }
.challenge-box .percent-box .ico .bubble .close { background: url(images/bubble-close.gif); position: absolute; right: 6px; top: 6px; cursor: pointer; }
.challenge-box .percent-box .ico .bubble .cnt { padding: 5px; }
.challenge-box .percent-box .ico .bubble .cnt strong { width: 80px; float: left; }

/*----- Start "Contest History" -----*/
.contest-history { padding-top: 10px; }
.contest-history .round { position:relative; }
.contest-history .round h4 { font-weight: normal; font-size: 14px; line-height: 22px; background: #e0e0e0; padding: 5px 0 5px 15px; border-top: solid 2px #868686; }
.contest-history .box { float: left; display: inline; height: 145px; width: 333px; background: #f7f7f7; border-right: solid 1px #cccccc; padding: 15px 0 0 15px; }
.contest-history .box .adblock { margin-bottom: 8px; }
.contest-history .box .info { padding-left: 40px; line-height: 21px; }
.contest-history .box .impressionbox { padding-left: 10px; float:left; }
.contest-history .defending-box .info { background: url(images/defender-tr-ico.gif) no-repeat 0 5px; }
.contest-history .challenging-box .info { background: url(images/challenger-tr-ico.gif) no-repeat 0 5px; margin-left:40px; }
.contest-history .challenging-box { border-right: 0; border-left: solid 1px #fff; }
.contest-history .challenging-box .adblock { margin-left:40px; }
.contest-history .win { background: #def0ca; }
.contest-history .deleted { background: #feeeee; }
.contest-history .round .percent-box { width: 100px; height: 90px; position: absolute; top: 48px; left: 300px; }
.contest-history .round .percent-box { background: url(images/percent-box.png) no-repeat 0 0; z-index: 50; text-align: center; color: #ddd; font-weight: bold; padding-top: 10px; }
.contest-history .round .percent-box .percent { font-size: 20px; line-height: 22px; color: #fff; }
.contest-history .round .percent-box .percent span { font-size: 14px; line-height: 14px; }
/*------ End "Contest History" ------*/

/*----- Start "Health Info Bubble" -----*/
.health-info .bubble { -moz-border-radius: 6px; -webkit-border-radius: 6px; font-size: 12px; line-height: 15px; color: #000; text-align: left; font-weight: normal; }
.health-info .bubble { border: solid 3px #ffe135; background: #feffb3; width: 250px; position: absolute; bottom: 35px; left: -25px; display: none; text-indent: 0px;  }
.health-info .bubble p { padding-bottom: 2px; padding-left: 25px; }
.health-info .bubble h3 { font-size: 13px; line-height: 15px; padding-bottom: 6px; }
.health-info .bubble p.added { background: url(images/plus.gif) no-repeat 0 2px; }
.health-info .bubble p.removed { background: url(images/minus.gif) no-repeat 0 2px; }
.health-info .bubble p.warn { background: url(images/ico-warn.gif) no-repeat 0 2px; }
.health-info .bubble .arrow { width: 22px; height: 14px; display: block; font-size: 0; line-height: 0; text-indent: -4000px; }
.health-info .bubble .arrow { background: url(images/bubble-arrow.gif); position: absolute; bottom: -14px; left: 120px; }
.health-info .bubble .close { width: 13px; height: 12px; display: block; font-size: 0; line-height: 0; text-indent: -4000px; }
.health-info .bubble .close { background: url(images/bubble-close.gif); position: absolute; right: 6px; top: 6px; cursor: pointer; }
.health-info .bubble .cnt { padding: 5px; }
/*------ End "Health Info Bubble" ------*/


/*----- Start "Home Page" -----*/
body#home { background: #555555 url(images/home-body-bg.gif) repeat-x 0 0; }
body#home #header { background: none; padding: 20px 18px 0 20px; width: 942px; height: 456px; position: relative; }
body#home h1#logo { width: 214px; height: 97px; padding: 0; }
body#home h1#logo a { width: 195px; height: 102px; background: url(images/logo-home.png); }
body#home #site-shot { position: absolute; bottom: 0; left: 20px; z-index: 10; }
body#home #blue-quote { width: 556px; height: 158px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/blue-quote.png); }
body#home #blue-quote { position: absolute; top: 80px; right: 18px; z-index: 11; }
body#home #green-quote { width: 444px; height: 117px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/green-quote.png); background-repeat:no-repeat; }
body#home #green-quote { position: absolute; top: 253px; right: 46px; }
body#home #button-signup { display: block; width: 310px; height: 50px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/button-signup.gif); }
body#home #button-signup { position: absolute; bottom: 31px; right: 210px; }
body#home #link-signin { display: inline; color: #fff; font-size: 14px; font-weight: bold; }



body#home #content { float: none;display:block;width: 980px; height: 425px; padding-bottom: 5px; margin-bottom: 15px; background: url(images/home-content-bg.gif) repeat-x; }

body#home #content .cols { height: 105px; padding-top: 15px; }
body#home #content .cols .col { float: left; display: inline; width: 292px; margin-right: 12px; padding-left: 18px; color: #666666; }
body#home #content .cols .col h2 { color: #343434; }
body#home #content .cols .col .left { width: 77px; height: 75px; margin-right: 10px; margin-bottom: 25px; }

body#home #content #button-place { height: 46px; padding-left: 20px; }
body#home #content #button-place .button-work { float: left; display: inline; width: 367px; height: 46px; font-size: 0; line-height: 0; text-indent: -4000px; }
body#home #content #button-place .button-work { background: url(images/button-work.gif); }
body#home #content #button-place .button-work:hover { background-position: 0 bottom; }

body#home #content #in-content { padding: 15px 20px 0 20px; }
body#home #content #in-content h2 { padding-bottom: 14px; }
body#home #content #in-content .block-1 { float: left; display: inline; width: 624px; }
body#home #content #in-content .block-1 .box { margin-top: -10px; }
body#home #content #in-content .block-1 .box h2 { padding-bottom: 0; font-size: 16px; }
body#home #content #in-content .block-1 .box .icon { float: left; display: inline; margin-right: 25px; }
body#home #content #in-content .block-1 .box .top,
body#home #content #in-content .block-1 .box .bot { font-size: 0; line-height: 0; text-indent: -4000px; }
body#home #content #in-content .block-1 .box .top { height: 12px; background: url(images/block-1-box-top.gif); }
body#home #content #in-content .block-1 .box .cnt { padding: 15px 35px 15px 25px; background: url(images/block-1-box-cnt.gif) repeat-y; min-height:85px; }
body#home #content #in-content .block-1 .box .bot { height: 5px; background: url(images/block-1-box-bot.gif); }
body#home #content #in-content .block-2 { float: right; display: inline; width: 300px; }

body#home .recent-boosts .boost { background: #fff; height: 33px; line-height: 16px; padding: 2px 10px; }
body#home .recent-boosts .boost span.percent { float: left; display: inline; font-size: 24px; font-weight: bold; line-height: 32px; margin-right: 15px; }

body#home #footer { height: 25px; width: 950px; padding: 10px 10px 15px  20px; background: url(images/home-footer-bg.gif) repeat-x; border-top: 0; margin-bottom: 0; line-height: 25px; }

body#home #footer #main-nav { height: auto; background: none; border: 0; }
body#home #footer #main-nav .search { padding: 0; float: left; }
body#home #footer #main-nav .search .fieldplace { background: url(images/home-search-fieldplace.gif); }

body#home #footer ul { float: right; display: inline; list-style-type: none; }
body#home #footer ul li { display: inline; padding: 0 12px; border-right: solid 1px #a6a6a6; font-size: 14px; font-weight: bold; }
body#home #footer ul li.last { border-right: none; }
/*------ End "Home Page" ------*/

/*----- Start "Green Box" -----*/
.greenbox { width: 250px; margin-bottom: 6px; }
.greenbox .greenbox-top,
.greenbox .greenbox-bot { height: 5px; font-size: 0; line-height: 0; text-indent: -4000px; }
.greenbox .greenbox-top { background: url(images/greenbox-top.gif) no-repeat 0 0; }
.greenbox .greenbox-bot { height: 8px; background: url(images/greenbox-bot.gif) no-repeat 0 0; }
.greenbox .greenbox-cnt { background: #ebf5e0; border-left: solid 1px #b1da84; border-right: solid 1px #b1da84; padding: 5px 10px; }
.greenbox .row { background: url(images/hor-line.gif) repeat-x 0 bottom; padding-bottom: 10px; margin-bottom: 10px; }
.greenbox .title { font-weight: bold; font-size: 13px; padding-bottom: 5px; }
/*------ End "Green Box" ------*/

/*----- Start "Contact Info Box" -----*/
.c-info strong { width: 78px; color: #666; }
.c-info span { width: 140px; color: #333; }
.c-info strong,
.c-info span { float: left; display: inline; padding: 10px 0 0; }
.c-info a { color: #333; text-decoration: none; }
/*------ End "Contact Info Box" ------*/

.contact-form { padding: 10px 0 10px 10px; }
.contact-form h3 { font-size: 17px; font-weight: bold; padding-bottom: 15px; }
.contact-form .row { padding-bottom: 15px; }
.contact-form label { display: block; line-height: 20px; font-weight: bold; font-size: 13px; color: #666; } 
.contact-form .field { width: 248px; border-color: #999; padding: 4px 5px; color: #3f3f3f; }
.contact-form select.field { padding: 1px; width: auto; }
.contact-form select.field option { padding-right: 40px; }
.contact-form textarea.field { width: 678px; }
.contact-form .checkplace label { font-weight: normal; font-size: 12px; margin-right: 30px; }
.contact-form .button-send { height: 32px; width: 56px; border: 0; background: url(images/button-send.gif); font-size: 0; line-height: 0; cursor: pointer; }

/*----- Start "Post Type Content" -----*/
.post-content { padding: 20px 0 0 20px; }
.post-content .post { padding-bottom: 30px; }
.post-content .post .image { float: left; display: inline; width: 102px; text-align: center; }
.post-content .post .content { float: left; display: inline; width: 820px; }
.post-content .post .content h3 { font-size: 16px; line-height: 20px; }
.post-content .post .content p { color: #666; font-size: 14px; line-height: 22px; }
/*------ End "Post Type Content" ------*/

/*----- Start "How It Works Pages" -----*/
#how-pages { width: 960px; }
#how-pages h2 { color: #333; font-weight: bold; font-size: 26px; padding-bottom: 20px; margin-bottom: 0; }
#how-pages #sidebar { float: right; position: relative; top: 0; }
#how-pages #content { float: left; }

#how-pages .step { margin-bottom: 40px; }
#how-pages .step .image { float: left; display: inline; width: 292px; border: solid 4px #cccccc; margin-right: 21px; }
#how-pages .step .image img { border: solid 1px #333; }
#how-pages .step .content { float: left; display: inline; width: 350px; padding-top: 20px; font-size: 14px; line-height: 18px; }
#how-pages .step .content h3 { color: #286db4; font-size: 22px; line-height: 26px; font-weight: bold; text-indent: 27px; padding-bottom: 5px; }
#how-pages .step .content h3 { background-position: 0 3px; background-repeat: no-repeat; }
#how-pages .step .content h3.step-1 { background-image: url(images/ico-step-1.gif); }
#how-pages .step .content h3.step-2 { background-image: url(images/ico-step-2.gif); }
#how-pages .step .content h3.step-3 { background-image: url(images/ico-step-3.gif); }
#how-pages .step .content h3.step-4 { background-image: url(images/ico-step-4.gif); }
#how-pages .step .content h3.step-5 { background-image: url(images/ico-step-5.gif); }

#how-pages .green-steps .step .content h3 { color: #578426; }
#how-pages .green-steps .step .content h3.step-1 { background-image: url(images/ico-green-step-1.gif); }
#how-pages .green-steps .step .content h3.step-2 { background-image: url(images/ico-green-step-2.gif); }
#how-pages .green-steps .step .content h3.step-3 { background-image: url(images/ico-green-step-3.gif); }
#how-pages .green-steps .step .content h3.step-4 { background-image: url(images/ico-green-step-4.gif); }
#how-pages .green-steps .step .content h3.step-5 { background-image: url(images/ico-green-step-5.gif); }

#how-pages #sidebar .greenbox .c-info { padding-right: 5px; color: #666; }
#how-pages #sidebar .greenbox .c-info .big-number { font-size: 20px; font-weight: bold; line-height: 28px; margin-top: 3px; }

#how-pages .block-content .block { float: left; display: inline; width: 292px; margin-right: 28px; color: #7e7e7e; line-height: 19px; }
#how-pages .block-content .block h3 { color: #333; font-size: 17px; font-weight: bold; line-height: 22px; }
#how-pages .block-content .block img { float: left; display: inline; margin-right: 8px; }

#how-pages .block-content .block .button { display: block; height: 32px; font-size: 0; line-height: 0; text-indent: -4000px; margin-top: 15px; }
#how-pages .block-content .block #advertisers-more { width: 192px; background: url(images/button-advertisers-learn-more.gif); }
#how-pages .block-content .block #writers-more { width: 162px; background: url(images/button-writers-learn-more.gif); }
#how-pages .block-content .block #agencies-more { width: 177px; background: url(images/button-agencies-learn-more.gif); }
/*------ End "How It Works Pages" ------*/

div.subnav {
	height: 31px;
	background: #ccc;
	border-bottom: solid 1px #999;
	padding-top: 3px;
	padding-left: 10px;
	display: none;
}

div.subnav ul li {
	float: left;
	display: inline;
	line-height: 27px;
	margin-right: 5px;
}
div.subnav ul li a {
	color: #4b4b4b;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	line-height: 26px;
	height: 27px;
	float: left;
	display: inline;
}
div.subnav ul li a span {
	float: left;
	display: inline;
	padding: 0 10px;
	height: 27px;
	cursor: pointer;
}
div.subnav ul li a.active {
	background: url(images/subnav-active.gif) no-repeat 0 0;
	color: #fff;
}
div.subnav ul li a.active span {
	background: url(images/subnav-active-span.gif) no-repeat right 0;
}
/** Profile Status **/
.profile-status-widget {
	width:208px;
	height:20px;
	font-size:0;
	line-height:0;
	background:url(images/status-bg.gif) no-repeat 0 0;
	position:relative;
	overflow:hidden;
}
.profile-status-widget div {
	border-right:solid 1px #bdd7a1;
	width:100%;
	height:20px;
	background:url(images/status-bg.gif) no-repeat 0 bottom;
	position:absolute;
	top:0;
	left:0;
	text-indent: -4000px;
}
/** End Profile Status **/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	z-index: 102;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
.modal-content {
	display: none;
}
.TB_modal {
	border: solid 2px #b5b5b5;
	background: #fff;
	margin: 0 auto;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}



/*----- Start "New Style (Added 13.05.2009)" -----*/
.datepicker { width: auto; margin-right: 3px; background: #ebebe4; color: #aca899; font-size: 11px; }
.datepicker-calendar-ico { margin-bottom: -3px; cursor: pointer; }

.single-filters .toggler { border: solid 1px #e0e0e0 !important; }
.single-filters .toggler-opened { border-bottom: 0 !important; padding-bottom: 1px !important; }
.single-filters .content { border: solid 1px #e0e0e0 !important; }
.single-filters .buttons { padding-left: 360px; }
.single-filters .buttons .button-filter { margin-right: 10px; }
.single-filters .buttons .button-filter-save { margin-right: 10px; }
.single-filters .buttons a { float: left; display: inline; line-height: 31px; } 


#filters .date-range { float: left; display: inline; width: 150px; }
#filters .date-range .radio { float: left; display: inline; margin: 3px 5px 0 0; }
#filters .date-range .radio-cnt { float: left; display: inline; margin: 0 0 10px 0; }
#filters .date-range select.field { width: 107px; }
#filters .date-range .datepicker { width: 78px; }

.main-table-head { line-height: 25px; padding: 15px 0 5px 0; }
.main-table-head .table-title { float: left; display: inline; margin-right: 20px; font-size: 14px; font-weight: bold; }
.main-table-head .table-date { color: #666; float: left; display: inline; }
.main-table-head .table-styles-links { float: right; display: inline; }
.main-table-head .table-styles-links a { float: left; display: inline; padding-left: 20px; margin-left: 20px; }
.main-table-head .table-styles-links a.print { background: url(images/ico-print.gif) no-repeat 0 center; }
.main-table-head .table-styles-links a.excel { background: url(images/ico-excel.gif) no-repeat 0 center; }
.main-table-head .table-styles-links a.pdf { background: url(images/ico-pdf.gif) no-repeat 0 center; }

.main-table-stats { background: #dbeec8; border-bottom: solid 1px #e0e0e0; margin-bottom: 1px; }
.main-table-stats .stats-title { width: 87px; height: 40px; background: url(images/main-table-stats-title.gif) no-repeat 0 0; float: left; display: inline; }
.main-table-stats .stats-title { color: #fff; font-size: 11px; font-weight: bold; padding: 10px 30px 0 10px; }
.main-table-stats .stat { float: left; display: inline; margin-top: 5px; line-height: 16px; padding: 0 20px; border-right: dotted 1px #6ba22a; }
.main-table-stats .stat strong { display: block; font-size: 18px; color: #000; line-height: 26px; }
.main-table-stats .last-stat { border: none; }

.main-table tr th.sortable { background: #e0e0e0 url(images/main-table-sortable.gif) repeat-x 0 0; color: #333; }

.main-table tfoot tr td { background: #dbeec8; font-weight: bold; color: #333333; font-size: 14px; border-bottom: solid 1px #d0d0d0; }
.main-table tfoot tr td.title { font-size: 12px; text-transform: uppercase; }

.main-table a.aff { display: block; width: 16px; height: 16px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/aff.gif); margin: 0 auto; }
.main-table .accepted { color: #6CA42B; font-weight: bold; }
.main-table .pending { color: #E7A11F; font-weight: bold; }

.ads-table tr.tr-hover td { background: #ebf5ff; color: #000; }
.ads-table tr.tr-hover td a { color: #357dc1; }

.middle-align tr td { vertical-align: middle; }

.button-filter { float: left; display: inline; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/button-filter.gif); width: 61px; height: 31px;}
.button-filter-save { float: left; display: inline; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/button-filter-save.gif); width: 110px; height: 31px;}
/*------ End "New Style (Added 13.05.2009)" ------*/


/*----- Start "New Style (Added 15.05.2009)" -----*/
.notice-simple { background: #f0f0f0; border: solid 1px #cccccc; color: #333; font-weight: bold; padding: 5px 10px; }
.simple-challenge-box .challenger-side { padding-left: 10px; width: 328px; }
.simple-challenge-box .challenger-side .adblock { left: 10px; }

.darkbox { width: 250px; margin-bottom: 6px; }
.darkbox .darkbox-top,
.darkbox .darkbox-bot { height: 6px; font-size: 0; line-height: 0; text-indent: -4000px; }
.darkbox .darkbox-top { background: url(images/greybox-top.gif) no-repeat 0 0; }
.darkbox .darkbox-bot { height: 8px; background: url(images/greybox-bot.gif) no-repeat 0 0; }
.darkbox .darkbox-cnt { background: #f0f0f0 url(images/greybox-cnt.gif) no-repeat 0 0; border-left: solid 1px #b2b2b2; border-right: solid 1px #b2b2b2; padding: 5px 10px; }
.darkbox .title { font-weight: bold; font-size: 13px; padding-bottom: 5px; }

.button-write { display: block; width: 215px; height: 34px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/button-write-ad.gif) no-repeat 0 0; margin: 10px auto; }
.button-write-ad { display: block; width: 215px; height: 34px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/button-write-ad.gif) no-repeat 0 0; margin: 10px auto; }
.button-write-ad-active { background-position: 0 bottom; }
.button-ask-question { display: block; width: 215px; height: 34px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/button-ask-question.gif) no-repeat 0 0; margin: 10px auto; }

.yellow-box { padding: 10px; background: #ffffcc; border: solid 1px #ffcc01; }
/*------ End "New Style (Added 15.05.2009)" ------*/

/*----- Start "New Style (Added 21.05.2009)" -----*/
.big-whitebox { width: 701px; margin: 0 auto 15px; }
.big-whitebox .big-whitebox-top,
.big-whitebox .big-whitebox-bot { height: 9px; font-size: 0; line-height: 0; text-indent: -4000px; }
.big-whitebox .big-whitebox-top { background: url(images/big-whitebox-top.gif) no-repeat 0 0; height: 16px; }
.big-whitebox .big-whitebox-bot { background: url(images/big-whitebox-bot.png) no-repeat 0 0; }
.big-whitebox .big-whitebox-cnt { background: #fff; border-left: solid 1px #b2b2b2; border-right: solid 1px #b2b2b2; padding: 0 10px 5px; margin-top: -2px; }

#write-ad-block { position: relative; }
#write-ad-block .close { position: absolute; top: 14px; right:11px; display: block; font-size: 0; line-height: 0; text-indent: -4000px; width: 11px; height: 11px; }
#write-ad-block .close { background: url(images/close-red.gif); cursor: pointer; }
#write-ad-block .title { font-size: 14px; font-weight: bold; padding-bottom: 10px; }
#write-ad-block p.help { padding-bottom: 10px; }
#write-ad-block form { width: 334px; float: left; display: inline; }
#write-ad-block form label { float: left; display: inline; text-align: right; font-weight: bold; color: #666666; width: 95px; margin-right: 9px; line-height: 21px; }
#write-ad-block form small { float: left; display: inline; width: 21px; text-align: center; color: #666666; line-height: 21px; }
#write-ad-block form .field { float: left; display: inline; border: solid 1px #999999; padding: 3px 5px; margin-bottom: 10px; width: 197px; color: #666; }
#write-ad-block form .error-field { border-color: #cc0101; }

#write-ad-block .error-box { border: solid 1px #e06767; background :#ffe0e0; padding: 20px; }
#write-ad-block .error-box .head { font-weight: bold; padding-bottom: 12px; font-size: 13px; }
#write-ad-block .error-box ul { padding-left: 15px; }

#write-ad-block .preview { background: #ebebeb; padding: 10px 0; float: left; display: inline; width: 334px; height: 72px; }
#write-ad-block .preview .adblock { float: left; display: inline; width: 210px; border-color: #b1b1b1; }
#write-ad-block .preview label { float: left; display: inline; text-align: right; font-weight: bold; color: #666666; width: 95px; margin-right: 9px; line-height: 21px; }

#write-ad-block .landing { float: right; display: inline; width: 308px; border: solid 1px #c9e7ab; background: #dff1cd; padding: 5px; height: 120px; }
#write-ad-block .landing p { line-height: 17px; font-size: 14px; text-align:left; }
#write-ad-block .landing a { font-weight: bold; font-size: 13px; }
#write-ad-block .thumb { display: inline; width: 120px; height: 80px; }

#write-ad-block .right-side { float: right; display: inline; width: 320px; margin-bottom:10px; }

#write-ad-block .buttons { margin-top: 20px; line-height: 31px; }
#write-ad-block .buttons .submit { float: left; display: inline; width: 71px; height: 31px; font-size: 0; line-height: 0; text-indent: -4000px; }
#write-ad-block .buttons .submit { background: url(images/button-submit.gif) no-repeat 0 0; margin-left: 282px; margin-right: 10px; }

#errorsummary .error-box { border: solid 1px #e06767; background :#ffe0e0; padding: 5px; }
#errorsummary .error-box .head { font-weight: bold; padding-bottom: 12px; font-size: 13px; }
#errorsummary .error-box ul { padding-left: 15px; }

.yellow-box .tip { padding: 5px; background: #ffffcc; border: solid 1px #ffcc01; height:160px; margin-bottom:5px; }
.tip { padding: 10px; font-family: "Myriad Pro", Arial, Helvetica, Sans-Serif; font-size: 12px; height:160px; }
.tip h3 { font-size: 14px; color: #383837; line-height: 20px; padding-left: 20px; font-weight: normal; font-family: "Myriad Pro", Arial, Helvetica, Sans-Serif; }
.tip h3 { background: url(images/tip-title.gif) no-repeat 0 center; margin-bottom: 5px; }
.tip .nav { margin-top: 15px; width: 27px; float: right; display: inline; position: absolute; top: 210px; right: 25px; }
.tip .nav a { float: left; display: inline; width: 8px; height: 14px; font-size: 0; line-height: 0; text-indent: -4000px; }
.tip .nav .prev { background: url(images/tip-prev.gif) no-repeat 0 0; }
.tip .nav .next { background: url(images/tip-next.gif) no-repeat 0 0; float: right; }

.competiting-ads-block .adblock { float: left; display: inline; margin: 10px 0 30px 10px; width: 210px; }
.competiting-ads-block .info { padding: 10px 0 0 10px; }

.success-box { border: solid 1px #79b539; line-height: 24px; padding: 15px 20px 15px 68px; margin-bottom: 10px; font-size: 15px; font-weight: bold; }
.success-box { background: #ddf0ca url(images/success-box-ico.gif) no-repeat 22px center; }
/*------ End "New Style (Added 21.05.2009)" ------*/

/*----- Start "New Style (Added 29.05.2009)" -----*/
#accountbox .whitebox-cnt { padding: 0 0 5px 0; }
#accountbox .row { margin-bottom: 6px; padding-bottom: 1px; }
#accountbox .title { padding-left: 10px; line-height: 18px; padding-bottom: 6px; }
#accountbox ul.nav li { list-style-type: none; display: inline; }
#accountbox ul.nav li a { display: block; padding: 7px 0 7px 19px; color: #666; font-weight: bold; text-decoration: none; }
#accountbox ul.nav li a:hover { text-decoration: underline; }
#accountbox ul.nav li a.active { color: #fff; background: #337bbf; text-decoration: none; }

.simple-form h3 { font-size: 17px; font-weight: bold; line-height: 36px; padding-bottom: 6px; }
.simple-form h3 a.refs { margin-left: 10px; font-size: 12px; font-weight: normal; padding-left: 25px; background: url(images/h3-ref.gif) no-repeat 0 center; }
.simple-form .row { margin-bottom: 10px; }
.simple-form .notice { display: block; line-height: 25px; padding-left: 20px; }
.simple-form .pos-notice { background: url(images/aff.gif) no-repeat 0 center; }
.simple-form .block-side { float: left; display: inline; width: 228px; }
.simple-form .block-side label { width: auto !important; }
.simple-form .info { float: left; display: inline; margin-left: 0; margin-top: 4px; }
.simple-form label { font-weight: bold; color: #666; display: block; line-height: 25px; }
.simple-form label.check { font-weight: normal; }
.simple-form label.check .checkbox { width: 13px; height: 13px; float: left; margin-top: 6px; margin-right: 10px; }
.simple-form label.inline-check { float: none !important; display: inline; line-height: 14px; }
.simple-form label.inline-check .checkbox { margin: 2px 10px 10px 0; }
.simple-form .field { border: solid 1px #999; color: #666; padding: 4px 5px; width: 218px; }
.simple-form .sm-field { width: 100px; }
.simple-form .mid-field { width: 183px; }
.simple-form select.field { width: 228px; height: 25px; }
.simple-form select.sm-field { width: 110px; }
.simple-form select.mid-field { width: 193px; }
.simple-form .inlines label { float: left; display: inline; text-align: right; width: 162px; margin-right: 10px; }
.simple-form .inlines .field { float: left; display: inline; margin-right: 10px; }
.simple-form .inlines .notice { float: left; display: inline; margin-right: 10px; }
.simple-form .button-place { margin-top: 20px; padding: 10px 0; border-top: solid 1px #dedede; background: #fff url(images/bot-paging-bg.gif) repeat-x 0 0; }
.simple-form .button { display: block; margin: 0 auto; cursor: pointer; }
.simple-form .button-save { width: 59px; height: 31px; font-size: 0; line-height: 0; text-indent: -400px; border: 0; background: url(images/button-save.gif); }
.simple-form .button-cancel-dark { width: 74px; background: url(images/button-cancel-dark.gif) no-repeat 0 0; }
.simple-form .button-delete { width: 68px; height: 31px; font-size: 0; line-height: 0; text-indent: -4000px; border: 0; background: url(images/button-delete.gif); }
.simple-form .success-block { padding: 0 10px; background: #ffffcc; }
.simple-form .success-block h4 { border-bottom: solid 1px #f0ba38; font-size: 13px; font-weight: bold; line-height: 30px; margin-bottom: 5px; }
.simple-form .grey-block { border: solid 1px #ccc; padding-top: 10px; margin-bottom: 15px; }

#content .simple-form .big-side { width: 440px; }
#content .simple-form .small-side { width: 230px; }
#content .simple-form .small-side .pad { padding-left: 10px; }

.email-notifications { color: #666; }
.email-notifications label.check { float: left; margin-right: 10px; }
/*------ End "New Style (Added 29.05.2009)" ------*/

#tableChallenger TR.tDnD_whileDrag TD {
	BACKGROUND: #ffffcb
}

/*---- Contest setting -- */
.sort-buttons {
	DISPLAY: inline; FLOAT: left
}
.sort-buttons UL {
	DISPLAY: inline; FLOAT: left
}
.sort-buttons UL LI.dropdown {
	Z-INDEX: 100; POSITION: relative; DISPLAY: inline; FLOAT: left; HEIGHT: 31px; MARGIN-RIGHT: 10px
}
.sort-buttons UL LI.dropdown A {
	BORDER-BOTTOM: #9a9a9a 1px solid; BORDER-LEFT: #9a9a9a 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 29px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 8px; DISPLAY: inline; BACKGROUND: url(images/sort-buttons-bg.gif) repeat-x 0px 0px; FLOAT: left; COLOR: #666; FONT-SIZE: 13px; BORDER-TOP: #9a9a9a 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: #9a9a9a 1px solid; PADDING-TOP: 0px
}
.sort-buttons UL LI.dropdown A:hover {
	BACKGROUND-IMAGE: url(images/sort-buttons-bg-hover.gif); TEXT-DECORATION: none
}
.sort-buttons UL LI.dropdown A.hover {
	BACKGROUND-IMAGE: url(images/sort-buttons-bg-hover.gif); TEXT-DECORATION: none
}
.sort-buttons UL LI.dropdown A SPAN {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 13px; BACKGROUND: url(images/sort-buttons-arrow.gif) no-repeat right center; PADDING-TOP: 0px
}
.sort-buttons UL LI.dropdown .dd-content {
	POSITION: absolute; MIN-WIDTH: 100%; WIDTH: auto; DISPLAY: none; TOP: 30px; LEFT: 0px
}
.sort-buttons UL LI.dropdown .dd-content .in {
	BORDER-BOTTOM: #9a9a9a 1px solid; BORDER-LEFT: #9a9a9a 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; WHITE-SPACE: nowrap; BACKGROUND: #fff; BORDER-TOP: #9a9a9a 1px solid; BORDER-RIGHT: #9a9a9a 1px solid; PADDING-TOP: 5px
}
.action-active {
	padding-left: 17px; background: url(images/action-active.gif) no-repeat 0 center; color: #333; text-decoration: none; font-size: 12px; font-weight: normal; line-height: 16px; display: block; }
.action-paused {
	padding-left: 17px; background: url(images/action-paused.gif) no-repeat 0 center; color: #333; text-decoration: none; font-size: 12px; font-weight: normal; line-height: 16px; display: block; }
.button-edit-global-settings {
	display: block; width: 155px; height: 31px; font-size: 0; line-height: 0; text-indent: -4000px;	background: url(images/button-edit-global-settings.gif) no-repeat 0 0; }
	

.status-dropdown {
	Z-INDEX: 100; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 1px; WIDTH: 110px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; 
}
.status-dropdown LI {
	LIST-STYLE-TYPE: none; DISPLAY: block
}
.status-dropdown LI.hover {
	BACKGROUND-COLOR: #e8f5dc
}
.status-dropdown LI UL {
	POSITION: absolute; WIDTH: 100%; DISPLAY: none; TOP: 20px; LEFT: -1px
}
.status-dropdown-hover {
	BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; PADDING-TOP: 0px
}
.status-dropdown-hover LI {
	BACKGROUND: url(images/status-dropdown-arrow.gif) no-repeat 100px center
}
.status-dropdown-hover LI UL LI {
	BACKGROUND: #fff
}
.status-dropdown-hover LI UL {
	BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; DISPLAY: block; BORDER-TOP: 0px; BORDER-RIGHT: #999 1px solid
}
.status-dropdown A {
	LINE-HEIGHT: 20px; DISPLAY: block; COLOR: #333 !important; MARGIN-LEFT: 5px
}

.contest-status { padding-top:5px; WIDTH: 90px; cursor:pointer; }

.action-public {
	padding-left: 23px; background: url(images/aff.gif) no-repeat 0 center; color: #333; text-decoration: none; font-size: 12px; font-weight: normal; line-height: 16px; display: block; text-align:left; }
.action-private {
	padding-left: 23px; background: url(images/private.jpg) no-repeat 0 center; color: #333; text-decoration: none; font-size: 12px; font-weight: normal; line-height: 16px; display: block; text-align:left;  }
.action-disabled {
	padding-left: 23px; background: url(images/disabled.jpg) no-repeat 0 center; color: #333; text-decoration: none; font-size: 12px; font-weight: normal; line-height: 16px; display: block; text-align:left; }


.signup-form h3 { font-size: 14px; font-weight: bold; line-height: 25px; padding-bottom: 3px; }
.signup-form .row { margin-bottom: 3px; }
.signup-form .notice { display: block; line-height: 20px; padding-left: 20px; }
.signup-form label { font-weight: bold; color: #666; display: block; line-height: 25px; }
.signup-form .field { border: solid 1px #999; color: #666; padding: 2px 3px; width: 218px; }
.signup-form .sm-field { width: 100px; }
.signup-form .mid-field { width: 183px; }
.signup-form select.field { width: 218px; height: 20px; }
.signup-form select.sm-field { width: 110px; }
.signup-form select.mid-field { width: 193px; }
.signup-form .inlines label { float: left; display: inline; text-align: left; width: 120px; margin-right: 10px; }
.signup-form .inlines .field { float: left; display: inline; margin-right: 10px; }
.signup-form .close:hover { font-weight:bold;width:20px;height:20px;background-color:#E69E1C;float:right;text-align:center;color:#ffffff; }
.signup-form .close { font-weight:bold;width:20px;height:20px;background-color:#FFFFFF;float:right;text-align:center;color:#E69E1C;text-decoration:none; }
.signup-form .errorfield { border:solid 1px RED; background-color:#FFCD00; }
.signup-form .error { color:Red; }
.signup-form .signupbutton { border:0;background-color:#E69E1C;color:White;text-align:center;font-weight:bold;height:25px; }
.nodisplay { display:none; }
.flowheading { font-size: 15pt; color:#E69E1C; font-weight: bold; line-height:140%; }


.content-toggler { padding: 0; line-height: 30px; cursor: pointer; border: solid 1px #70a4d2; border-bottom: 0; }
.headrowplus { padding-left: 34px; color: #fff; font-size: 16px; font-weight: bold; }
.headrowminus { color: #fff; }
.headrowplus .subrow { padding-left: 34px; background: url(images/white-plus.gif) no-repeat 8px center; color: #fff; font-size: 16px; font-weight: bold; }
.headrowminus .subrow { background: url(images/white-minus.gif) no-repeat 8px center; color: #fff; }

.content-toggled { display: none; }
.ui-widget-content { border:1px solid #aaaaaa;background:#ffffff 0 0 repeat-x;color:#222222; }
.ui-state-default { border:1px solid #d3d3d3;background:#e6e6e6 0 50% repeat-x;color:#555555;outline:none; }
.ui-state-focus { border:1px solid #999999;background:#dadada 0 50% repeat-x;color:#212121;outline:none; }
.ui-state-active { border:1px solid #aaaaaa;background:#ffffff 0 50% repeat-x;color:#212121;outline:none; }
.ui-slider { position:relative;text-align:left; }
.ui-slider-handle { position:absolute;z-index:1;width:1.2em;height:1.2em;cursor:default;top:-.3em;margin-left:-.6em; }
.ui-slider-range { position:absolute;z-index:2;font-size:1%;display:block;border:0; }
.ui-slider-horizontal { height:.8em; }
.treeTable tr td .expander { background-position:left center;background-repeat:no-repeat;cursor:pointer;padding:0;zoom:1; }
.treeTable tr.collapsed td .expander { background-image:url('images/toggle-expand-dark.png'); }
.treeTable tr.expanded td .expander { background-image:url('images/toggle-collapse-dark.png'); }
.contestgreenbutton { background:url(images/contestgreenbutton.png) no-repeat; color:White; height:55px; width:230px; border:none; text-decoration:none; display:block; line-height: 23px; text-align: center; text-decoration: none; font-weight: bold; font-size: 13pt; padding-top:10px; }
.contestgraybutton { background:url(images/contestgraybutton.png) no-repeat; color:White; height:55px; width:230px; border:none; text-decoration:none; display:block; line-height: 23px; text-align: center; text-decoration: none; font-weight: bold; font-size: 13pt; padding-top:10px; }
.contestgreenbutton:hover { color:#eeeeee; }
.contestorangebutton { background:url(images/contestorangebutton.png) no-repeat; color:White; height:55px; width:230px; border:none; text-decoration:none; display:block; line-height: 23px; text-align: center; text-decoration: none; font-weight: bold; font-size: 10pt; }
.contestorangebutton:hover { color:#eeeeee; }

.whitelink { color:#ffffff; font-weight:bold; text-decoration: none; }
.whitelink:hover { text-decoration:underline; }
.greenlink { color:#86D042; font-weight:bold; text-decoration: none; }
.greenlink:hover { text-decoration:underline; }
.topcustommessage { width:100%;padding:10px 20px 0 20px;font-size:12pt;line-height:120%;color:Red; }