@charset "utf-8";
@import url("reset.css");
@import url("superfish.css");
@import url("jquery-ui-dialog.css");

/*************** GENERAL SETTINGS - FRONT *********************/

body {
	margin:0 auto;
	font: 10pt Arial, Helvetica, sans-serif;
	height:100%;
	background:#f4f4f4 url(imgs/back_main.png) repeat-x;
}
hr { display:none; }
ul, ol { list-style:none; }
img { border:none; }
img.lg_img {max-width: 640px; margin-bottom: 5px;}

/*full body container%*/
#container {
	width:100%;
	min-height:500px;
	height:auto !important;
	height:500px;
	margin:0 auto;
	padding: 5px 0 0 0;
}

/*inner body container*/
#inner_container {
	width:960px;
	margin:0 auto;
}

#content {margin: 30px auto 0 auto; width: 960px;}
div.contest {margin: 0 auto; }
div.wrapper30, #dc_notice {padding: 30px; background-color: #fff; border: 1px solid #ccc; width:900px;}
#layout {
	width: 969px;
	margin: 0 auto;
	padding: 51px 0 80px;
}
div.section {
clear:both;
display:block;
margin-bottom:0px;
position:relative;
width:100%;

}
div.custom-page section {
	padding:4px;
}

.general_form, div.custom-page {
	margin: 0;
	border: 0;
}
.wide {width:600px;}
.medium {width:400px;}
.short {width:250px;}
td.centered {text-align:center;}

.left {
	float:left;
}
.right {
	float:right;
	margin-right:-5px;
}
.aleft {
	text-align: left;
}
.aright {
	text-align: right;
}

/*************** TYPOGRAPHY *********************/
h1,h2,h3,h4,h5,ul,p,form,fieldset {padding:0;margin:0; border:none;}
a { color:#666; outline: none; text-decoration:none; }
a:hover {text-decoration:underline;}
a.title {font-size: 120%;}

p.nonews{
padding:13px 0 15px 40px;
background:url(imgs/info.png);
background-repeat: no-repeat; 
}

#site_name {
	float: left;
	padding: 0 0 0 30px;
	line-height: 75px;
}

#site_name h1 {
	margin: 0;
	padding: 0;
	font-size: 29px;
	color: #fff;
	float: left;
	white-space: nowrap;
	margin: 0 11px 0 0;
}
#site_name h1 a:link, #site_name h1 a:visited, #site_name h1 a:hover, #site_name h1 a:active {
	color: #fff;
	text-decoration: none;
}
#site_name h2 {
	float: left;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	display: block;
	width: 200px;
	height: 20px;
	text-indent: -3000px;
	overflow: hidden;
	margin: 32px 0 0;
}

.contest p {
	padding: 5px 20px 20px 0;
}
p.center {
text-align:center;
}
div.custom-page p {padding: 5px 0; }
div.small {font-size: 0.9em; line-height: 1.1;}
p {padding: 5px 0;}
span.attention {font-size: 120%; font-weight:bold; color: #FFF; text-transform: uppercase; padding: 10px; background: #e7bc69; border: 1px solid #ccc;}

h1.module_name, h1 {
    font-size: 150%;
    margin-bottom: 10px;
    padding-top: 20px;
	color: #565656;
	width: 100%;
	}
	
h1.contest_title {
	color: #09F;
	width: 100%;
	font-size: 200%;
	font-weight: bold;
	margin: 5px 0 0;
	}
#contestentry_left h2 {
	width: 100%; 
	color:#565656; 
	font-size: 150%; 
	font-weight:bold; 
	margin: 10px 0 0 0;
	}

h2.contest_title_info {
    color: #A9ACB1;
    font-size: 90%;
	font-size: 120%;
    font-weight: bold;
	margin: 5px 0;
	float:left;
		}
div.wrapper30 h2 {
	color: #464D5C;
    font-size: 170%;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;	
	}	

div.wrapper30 h3 {
    color: #69D2E7;
    font-size: 120%;
    font-weight: bold;
    padding-bottom: 5px;
    text-align: left;
		}	
div.wrapper30 p {
    font-weight: normal;
    padding-bottom: 15px;
    text-align: left;
	line-height: 1.3;
		}
div.wrapper30 p.center {
    text-align: center;
		}	
div.wrapper30 ol, div.wrapper30 ul {
    font-weight: normal;
    padding-bottom: 15px;
	padding-left: 10px;
	margin-left: 40px;
    text-align: left;
	line-height: 1.3;
		}	
div.wrapper30 ol {list-style: lower-roman;}
div.wrapper30 ul {list-style: square;}


div.see_examples h3 {    color: #464D5C;
    font-size: 160%;
    margin-left: 10px;
    text-shadow: 0 2px 3px #EEEEEE; font-weight: bold;
	}
	
#contestentry_left h3 {
	width: 100%; 
    color: #A9ACB1;
	font-size: 110%; 
	font-weight:bold; 
	margin: 30px 0 5px;
	text-transform: uppercase;
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 5px;
	}
	
	
div.contestentry_info h4, h4 {
border-bottom:1px solid #E5E5E5;
color:#565656;
font-size:125%;
margin:0 0 10px;
padding:8px 0;
text-transform:capitalize;
}
	
div.dc_module h2.module_name, div.dc_module h2 { width: 100%; color:#565656; font-size: 150%; font-weight:bold; margin: 10px 0 14px; }

h6 {font-size: 200%; color: #00CC00;}

/************ HEADER ******************/
#header {
	width:960px;
	height:86px;
	position:relative;
	}
		
#header a {
	outline:none;
}

#logo {
	float:left;
	height:86px;
	margin-top:10px;
	margin-left:5px;
	padding: 0;
	color:#FFF;
	background:transparent url('../../../images/logo.gif') no-repeat 0px 5px;
}

#logo img {
	height:106px;
	width:400px;
}

/*hello message and login/logout link*/
#userBox {
	float:right;
	margin-left:790px;
	margin-top:25px;
	position:absolute;
	width:170px;
	font-size:0.9em;
	color:#333333;
	text-align:right;
	background: none;
	top: -9px;
	left: -8px;
}
#userBox a {
	color:#69D2E7;
	text-decoration:none;
}
#userBox a:hover {
	text-decoration:underline;
}

#userBox span.hello  {
	font-size:1em;
	line-height: 120%;
	margin:0;
	float:right;
	display:block;
	color:#33301f;
	width: 300px;
}

/************ MESSAGES ******************/
/*div.message {
width:800px;
margin-left: -400px;
left: 50%;
padding : 20px 20px 20px 50px; 
background-repeat : no-repeat; 
background-position : 20px 20px; 
position: absolute;
top: 10px;
text-align: left;

}
div.message.message {
background-color: #a3e6bd;
border-color: #68d59b;
background-image: url(imgs/notification-tick.gif);
}

div.message.notice, div.message.warning{
background-color : #f9e497; 
border-color : #ffcb4f; 
background-image : url(imgs/notification-exclamation.gif);
color: #565656;
}
div.message.error{
background-color : #ffc6ca; 
border-color : #efb9c3; 
background-image : url(imgs/notification-slash.gif); 
}
.loadinganim {
background:url(imgs/loading.gif);
height:32px;
width:32px;
margin:auto;
}*/

div.message {
border-radius:4px;
-moz-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
clear:both;
min-height: 40px;
line-height: 30px;
margin:8px 0;
padding:20px 25px 10px 70px;
background-repeat:no-repeat;
background-position:25px center;
border-width: 2px;
border-style: solid; 
position: absolute;
top: 15px;
width:860px;
}

div.message p {
color: #333333;
font-size: 12px;
margin: 0;
padding: 0;
background: url(imgs/close.png) no-repeat right top;

}

div.message.message {
    background-color: #EFFFB9;
    background-image: url(imgs/message.png);
    border-color: #99C600;
    color: #3C5A01;
}

div.message.warning {
background-color:#FFEAA8;
background-image:url(imgs/warning.png);
border-color:#FFC237;
color:#826200;
}

div.message span.notice {
background-color:#D0E4F4;
background-image:url(imgs/notice.png);
border-color:#418ACC;
color:#235685;
}

div.message span.error {
background-color:#FCCAC2;
background-image:url(imgs/error.png);
border-color:#EB5339;
color:#AC260F;
}


/*************** FOOTER *********************/

#footer-top {
background-image:url("imgs/footer-top.png");
background-position:left top;
background-repeat:repeat-x;
width:100%;
display:block;
margin-top:40px;
overflow:hidden;
}

div.footer-top-wrap {
margin:0 auto;
width:960px;
}

div.footer-column-wrap {
overflow:hidden;
width:960px;
margin:0 auto;
padding-bottom: 30px;

}

#footer-top .c1, #footer-top .c2, #footer-top .c3 {
margin-top:30px;
float:left;
position:relative;
}

#footer-top .c1, #footer-top .c2 {
width: 26%;}

#footer-top .c3 {
width: 46%;
float:right;
}


#footer-top a {color: #565656;}

#footer-top h2 {
color:#69D2E7;
font-weight:normal;
margin-bottom:20px;
font-size: 150%;
}

h2.column1, h2.column2, h2.column3{
height:27px;
line-height:36px;
padding-left:40px;
}
h2.column1{
background:url("imgs/footer1.png") no-repeat scroll left bottom transparent;
}
h2.column2{
background:url("imgs/footer2.png") no-repeat scroll left bottom transparent;
}
h2.column3{
background:url("imgs/footer3.png") no-repeat scroll left bottom transparent;
}

#footer-bottom {
background-image:url("imgs/footer-bottom.png");
background-position:left top;
background-repeat:repeat-x;
display:block;
height:100px;
width: 100%;
overflow:hidden;
bottom:0;
min-width:960px;
}

div.c1 ul li, div.c2 ul li, div.c3 ul li {
line-height:1.5em;
padding-left:40px;
}

div.footer-bottom-wrap {
margin:0 auto;
width:960px;
}

.footer-bottom-content {
margin:23px auto;
width:960px;
}
div.copyright {
margin-top: 20px;
float:left;
text-align:left;
color:#f6f6f6;
}
div.copyright a {
color:#5dc9e1;
}

div.footer-text1 {
	float:left;
	padding-right:5px;
}
div.footer-text2 {
	float:center;
	padding-right:5px;
	display:none;
}
div.footer-text2 a {display: none;}

.sponsor
{
float: right;
width: 80px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
height: 100px;
background: #505050;
font-size: 80%;
color: #f5f5f5;
}

div.sponsor img {padding-bottom: 4px;}

/*************** MODULES *********************/
div.dc_module {width: 100% ;   margin-left: auto ;   margin-right: auto ;  }

/*************** BUTTONS *********************/
.button, span.not_button, span.not_white_button {
	display: block;
	font-size: 100%;
	overflow:visible;
	position: relative;
	top: 0px;
	left: 0px;
	float:left;
	margin-right:8px;

}
.button span, .altbutton span, span.not_button span, span.not_white_button span {
	display: block;
	white-space: nowrap;
	float:left;
	border:1px solid #FFFFFF;

}
.button span span, .altbutton span span, span.not_button span span, span.not_white_button span span {
	display:inline;
	float:left;
	padding:8px 10px;
	}

.button input, .altbutton input {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	float:left;
	cursor: pointer;
}

/*
.button:hover,
.button:focus,
.button:active {border-color: #272727; background: #2a2a2a url("imgs/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0; color: #fff;}
.altbutton {border: 1px solid #272727; background: #2a2a2a url("imgs/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0;}
	.altbutton:hover,
	.altbutton:focus,
	.altbutton:active {border-color: #00487a; background: #0567ad url("imgs/button.gif") repeat-x; text-shadow: #00487a 1px 1px 0; color: #fff;}
	*/
	
.blue_button, .green_button, .red_button, .orange_button, .gray_button, .rate_button, span.not_button {border: 1px solid #ccc;}	
.not_white_button {padding: 2px; border: 1px solid #CCC;}
	
.blue_button {	background-color: #95b4ba;color: #fff; }
.green_button {	background-color: #69e76f; color: #fff;}
.red_button {	background-color: #e76969; color: #fff;}
.orange_button {background-color: #FFFFCC; color: #fff;}
.gray_button {background-color: #b8b8b8; color: #fff;}
.rate_button {background-color: #b8b8b8; margin-top: 10px; color: #fff; }
.delete_button, .delete_button:hover, .delete_button:focus, .delete_button:active, .delete4ever_button, .delete4ever:hover, .delete4ever:focus, .delete4ever:active {background:url(imgs/act_delete.gif) 50% 50%; background-repeat: no-repeat; background-color: #fff;}
.undelete_button, .undelete_button:hover, .undelete_button:focus, .undelete_button:active {background:url(imgs/act_undelete.gif) 50% 50%; background-repeat: no-repeat; background-color: #fff;}
.not_button, .not_white_button {background-color: #f4f4f4; color: #565656;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gradientbuttons ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 13px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
font-size: 160%;
line-height: 1.5;
}

.gradientbuttons li{
display: inline;
margin: 0;
}

.gradientbuttons li a{
text-decoration: none;
padding: 5px 7px;
margin-right: 5px;
border: 1px solid #778;
color: white;
border:1px solid gray;
background: #3282c2;
border-radius: 8px; /*w3c border radius*/
box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */
-moz-border-radius: 8px; /* mozilla border radius */
-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* mozilla box shadow */
background: -moz-linear-gradient(center top, #a4ccec, #72a6d4 25%, #3282c2 45%, #357cbd 85%, #72a6d4); /* mozilla gradient background */
-webkit-border-radius: 8px; /* webkit border radius */
-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* webkit box shadow */
background: -webkit-gradient(linear, center top, center bottom, from(#a4ccec), color-stop(25%, #72a6d4), color-stop(45%, #3282c2), color-stop(85%, #357cbd), to(#72a6d4)); /* webkit gradient background */
}

.gradientbuttons li a:hover{
color: lightyellow;
}

.redtheme li a{
font-size:18px;
background: darkred;
background: -moz-linear-gradient(center top, #f5795d, #e55e3f 25%, #d02700 45%, #e55e3f 85%, #f5795d);
background: -webkit-gradient(linear, center top, center bottom, from(#f5795d), color-stop(25%, #e55e3f), color-stop(45%, #d02700), color-stop(85%, #e55e3f), to(#f5795d)); 
}

.greentheme li a{
font-size:12px;
background: green;
background: -moz-linear-gradient(center top, #7ad690, #3ec05c 25%, #298a40 45%, #3ec05c 85%, #7ad690);
background: -webkit-gradient(linear, center top, center bottom, from(#7ad690), color-stop(25%, #3ec05c), color-stop(45%, #298a40), color-stop(85%, #3ec05c), to(#7ad690)); 
}

.blacktheme li a{
font-size:16px;
background: black;
background: -moz-linear-gradient(center top, #9f9f9f, #686868 25%, #2a2a2a 45%, #686868 85%, #9f9f9f);
background: -webkit-gradient(linear, center top, center bottom, from(#9f9f9f), color-stop(25%, #686868), color-stop(45%, #2a2a2a), color-stop(85%, #686868), to(#9f9f9f)); 
}

.orangetheme li a{
font-size:14px;
background: #e55e3f;
background: -moz-linear-gradient(center top, #ecad9a, #e5937c 25%, #cf4c2a 45%, #e5937c 85%, #ecad9a);
background: -webkit-gradient(linear, center top, center bottom, from(#ecad9a), color-stop(25%, #e5937c), color-stop(45%, #cf4c2a), color-stop(85%, #e5937c), to(#ecad9a)); 
}



/*************** FORMS *********************/
form {padding: 0px;}
form.plain {padding: 0;} /* plain forms - used in tabular and grid data structures, TAKE CARE of it, please */
form.plain fieldset {border: 0 !important; padding: 0 !important;}
form.basic dl {width: 100%; overflow: hidden;} /* basic layout for forms */
form.basic dl dt,
form.basic dl dd {float: left;}
form.basic dl dt {padding: 3px 5px 3px 0; width: 20%;}
form.basic dl dd {padding: 3px 0 3px 5px; width: 76%;}

label.check,
label.radio {margin-right: 5px;}
form small {color: #999;}
/*input.txt,
textarea {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid #999; background: #FFF url("imgs/txt.gif") repeat-x; padding: 5px 2px;
}*/
form.basic input.txt,
form.basic textarea {width: 100%; border:}
input.error,
textarea.error {border-color: #d35757; background-image: url("imgs/txt-error.gif");}
span.loading {background: url("imgs/upload.gif") 0 50% no-repeat; padding: 3px 0 3px 20px;}
form.fields {} /* plain and clean layout for forms */
form.fields fieldset {
}
form.fields fieldset.last {margin-bottom: 0; border-right: 1px solid #ccc !important;}
form.fields fieldset legend {padding: 0 10px; font-size: 110%;}
form.fields label, form.fields div.sep {display: block; margin-top: 3px; }
form.fields label.check,
form.fields label.radio {display: inline; margin-top: 0;}
form.fields span.loading {margin-left: 10px;}

/*  **********  Login, Logout, Register  **********  */
#page-login                             { background: url('imgs/back_main.gif') repeat-x scroll center top #ebebeb; width: 960px;}
.login-container,   .message-container  { width:583px; margin:10% auto;  }
.login-form                             { padding:27px 57px 35px 63px; height: 250px; background:url('imgs/login_box_bg.png') no-repeat; text-align:left; margin-bottom: 10px; color: #c7c7c7;  }
.message-form {padding: 30px 50px; background-color: b0c9df; border: 1px solid #0080ff; }

.login-form .input-left                 { float:left; padding-right:7px; }
.login-form .input-right                { float:right; }
.login-form .input-box input.input-text { width:214px; }
.login-form h2                          { font-size:1.7em; font-weight:normal; margin-bottom: 20px; color:#69D2E7; }
.login-form label                       { font-weight:bold; }
.login-form .form-buttons               { clear:both; text-align:left; padding: 10px 0; }
/*.login-box .bottom                      { width:581px; height:10px; 
											background:url(../../../admin/css/imgs/login_box_bottom.jpg) no-repeat; overflow:hidden; }*/
.login-form .validation-advice          { margin:3px 0 0 0; }
.login-form .forgot-link                { margin:0 17px 0 0; text-align:right; }


b.req {
	color:#f00;
	vertical-align:top;
	font-size:14px;
	}

b.status {
	color:#f00;
	font-size:14px;
	}


#dc_notice .msgs {
	width: 95%;
	padding:20px;
	margin: 0 auto;

}

#dc_notice p {
}



.general_form fieldset {
	/*width: 100%;
	overflow: hidden;*/
	margin:0;
	padding:  0 0 15px;
	position: relative;
	top: 0;
	left: 0;
	border: none;
}

/*************** SUBMENU *********************/
.submenu {
width:920px;
padding:6px 6px 6px 2px; 
margin-bottom:20px; 
overflow:auto; 
clear:both;
}
.submenu a{
text-decoration:none; 
color:#33301f;
line-height:23px; 
margin:0 5px; 
padding-right:10px; 
display:block; 
float:left; 
background:url(imgs/subnavright.png) right top no-repeat;
}
.submenu a span{background:url(imgs/subnavleft.png) left top no-repeat; height:23px; display:block; padding-left:10px;}
.submenu a:hover { text-decoration:none; color:#69D2E7;}

/** ********************  TABLES, ROWS, CELLS  ********************* */
table.launch {margin: 0 30px; width: 520px; border: 1px solid #ccc;}
table.launch2 {margin: 0 30px 30px 0; width: 100%; border: 1px solid #FF0000;}
table.contestentry {background: none; border:none; width: 965px; }
table.my_account p, table.my_funds p {line-height: 1.2; padding: 5px 0;}
table.table1 {width:100%; 	border-collapse:collapse;}
table.table1 td {padding: 5px 0;}
table.table3 td {padding: 10px;}
table.contestgrid, table.contestgallery {
	width:960px;     
    border-bottom: 2px solid #666E81;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 90%;
    margin-bottom: 4px;
    border-left: 1px solid #D1D1D3;
    text-align: left;
}

table.contestgrid td, table.contestgrid th {	
	padding: 10px 20px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #D1D1D3;
    border-right: 1px solid #D1D1D3;
    vertical-align: middle;
}

table.contestgrid, table.contestgrid td {
    border-top: medium none;
	
}

table.contestgrid th, table.contestgallery th {
    border-bottom: medium none;
    font-weight: bold;
	vertical-align: middle;
	border-top: 3px solid #666E81;
	background-color: #e5e5e5;
	height: 40px;
		}

table.contestgallery th { padding: 10px 0;}
table.contestgallery {border-right: 1px solid #D1D1D3; background: #fff;}
table.contestgallery td.gallery {padding-bottom: 20px;}


div.sorting {float:right; width: 200px;}
.contest th.desc {
	padding-right:16px;
	background: url(imgs/desc.gif) no-repeat right center;
}
.contest th.asc {
	padding-right:16px;
	background: url(imgs/asc.gif) no-repeat right center;
}
.contest th.desc, .section th.desc {
	background: url(imgs/desc.gif) no-repeat right center;
	
}
.section th.asc {
	background: url(imgs/asc.gif) no-repeat right center;
}

.contest td.left {
	text-align:left;
	padding-right:10px;
	font-size:1.0em;
	font-weight:bold;
	color:#69D2E7;
}
.contest td.center2 {
	background: #FBFBFB;
	padding-left:5px;
}
.contest td.center3 {
	background: #FBFBFB;
	padding-left:5px;
}

td.contest_details_right  {padding: 30px 30px 30px 0; width: 26%; }
td.contest_details_left  {padding: 30px  }

/*even row contest rendering table*/
tr.row_even_highlight, tr.row_even, tr.row_2 {	background:#ffffff; }

/*odd row contest rendering table*/
tr.row_odd_highlight, tr.row_odd, tr.row_1 { 	background:#f0f0f0; }

/*highlighted contest option*/
tr.row_even_highlight a.title, tr.row_odd_highlight a.title {background-color: #FFFF00;}

/*odd row contest rendering table, even row hover contest rendering table*/
tr.row_odd_highlight:hover td, tr.row_even_highlight:hover td { background:#c3dff7; }
tr.row_over, tr.row_odd:hover td, tr.row_even:hover td {background:#c3dff7; }

tr.total {background: #e4e4e4; font-weight: bold; font-size: 110%;}

.section th a, .section th a:hover, .section th a:link, .section th a:visited {padding: 5px 5px 5px 10px; height:36px; text-align:left; color:#000;}

div.section td, contest td {padding: 15px;}
.section select {

}
tr.conversation {background-color: #f3f3f3; }
td.align_right {text-align:right;}
thead {
	width:100%;
	border-top: 3px solid #ccc;
	height: 40px;
}
table.pmail {width:100%; 	border-collapse:collapse;}
table.pmail td {padding: 5px 0;}
table.pmail th {padding: 10px; background: #e9e9e9;}
tr.conversation p {padding: 5px 70px;}

/*************** PRIZES, AWARDS  *********************/
.contest td.prize1, .contest td.prize2, .contest td.prize3, .contest td.prize4 {background: #F2FCFD; font-size:140%; color:#69D2E7; padding-top: 20px;}

span.awards {margin-bottom: 5px;}
span.awards p {color: #FFF; font-size:140%; background-color:#69D2E7; text-align:center; padding: 10px 0; }
span.prize_breakdown {font-size: 80%; color: #565656; padding-top: 5px; margin-left: 10px;}
table.prize_breakdown {border: 1px solid #ccc; background: #fff; color: #565656; font-size: 70%; text-align:center;}
td.prize1, td.prize2, td.prize3, td.prize4 {width: 25%; padding: 5px;}
td.prize4 {background-color:#99DDFF;}
td.prize3 {background-color:#8AC7E6;}
td.prize2 {background-color:#7AB1CC;}
td.prize1 {background-color:#6B9BB3;}

span.prize_1 { display:block; width: 130px; height:36px; background:transparent url('imgs/prize_1.gif') no-repeat;}
span.prize_2 { width: 130px; height:36px; background:transparent url('imgs/prize_2.gif') no-repeat;}
span.prize_3 { width: 130px; height:36px; background:transparent url('imgs/prize_3.gif') no-repeat;}
span.prize_4 { width: 130px; height:36px; background:transparent url('imgs/prize_4.gif') no-repeat;}

div.prize {
	font-weight:bold;
	color:#FFFFFF;
	padding: 10px;
	background-color:#69D2E7;
	text-align:center;
}

.prizetable {
	font-weight:bold;
	color:#69D2E7;
}

/*************** MAIL  *********************/
.section .mail {
	width: 100%;
}
.mail tr.header {
	background:#c6f2ff;
}

.pmheader {
	width:97%;
	height:28px;
	background: #F4F4F4;
	padding: 10px 15px 0 15px;
	float:left;
}
.pmsubject {
	padding-left:15px;
	padding-top:4px;
	float:left;
}

.inbox_select {
	text-decoration:none;
	
}
.mail td.attachment, tr.row_odd:hover td.attachment, tr.row_even:hover td.attachment, tr.row_over td.attachment {
  background-image:url(imgs/paperclip.gif);
  background-position:right center;
  background-repeat:no-repeat;
}
#attach {    background-image: url("imgs/paperclip.gif");
    background-position: left top;
    background-repeat: no-repeat;
    float: right;
    margin-right: 50px;
    padding-left: 10px;
    padding-top: 8px;}

#CH_box a, #CH_box a:link, #CH_box a:visited {
	text-decoration:none;
	color:#000;
}
#CH_box a:hover{ text-decoration:underline;}
#CH_box {
	width:248px;
	height:100px;
	padding:10px;
	border: 2px solid #D8F5D8;
	background: #FDFFFD;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
#CH_box table {
	width:98%;
	border-collapse:collapse
}

/*************** ACTION MENU  *********************/
.actions_menu a:link, .actions_menu a:visited, .actions_menu a:hover, .actions_menu a:active {
	display: block;
	padding: 0 0 0 18px;
	font-weight: bold;
	font-size: 11px;
	color: #366fa7;
	background-repeat: no-repeat;
	background-position: left center;
}

.actions_menu {
	overflow: hidden;
}

.actions_menu ul {
	margin: 0;
	padding: 0;
}

.actions_menu li {
	margin: 0;
	padding: 0 10px 0 0;
	list-style: none;
	float: left;
}

.actions_menu .add {
	background-image:url(imgs/act_add.gif);
}

.actions_menu .approve {
	background-image:url(imgs/act_approve.gif);
}

.actions_menu .post {
	background-image:url(imgs/act_post.gif);
}

.actions_menu .edit {
	background-image:url('imgs/act_edit.gif');
}

.actions_menu .delete {
	background-image:url('imgs/act_delete.gif');
}

.actions_menu .award {
	background-image:url('imgs/act-award.gif');
}

.actions_menu .attachment {
  background-image:url(imgs/paperclip.gif);
}

/*************** PROFILE PAGE *********************/
div.prefs {
	text-align: left;
}

div.pref_item {
float: left;
width: 60px;
border: 1px solid #CCC;
margin: 0 15px 15px 0;
padding: 20px 15px 15px 15px;
background: #f5f5f5 url(imgs/notification-tick.gif) no-repeat 8px 8px;

}

table.category_pref {border: 1px solid #ccc; text-align: left;}
table.category_pref td {padding: 4px 10px;}



/*************** SEARCH *********************/
#search_advanced {
	background: #fff;
	border: 1px solid #CCC;
	padding: 10px;
	width: 920px;
	
	}

#searchBox {
	width:220px;
	height:32px;
	display:block;
	position:absolute;
	margin-top:40px;
	margin-left:735px;
	border: 1px solid #DDD;
}
#searchBox form {
	margin:0;
	padding:0;
}
#searchBox input.search {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #A3A192;
    float: left;
    font-size: 12px;
    margin: 5px 0 0 10px;
    padding: 2px;
    width: 178px;
}
#searchBox input.go {
    cursor: pointer;
    float: left;
    height: 22px;
	margin-top: 3px;
}

/*************** FEATURES, CONTEST INFO  *********************/
div.urgent		{ padding-left:28px; height:24px; background:transparent url('imgs/urgent.png') no-repeat;}
div.private		{ padding-left:28px; height:24px; background:transparent url('imgs/private.png') no-repeat;}
div.featured	{ padding-left:28px; height:24px; background:transparent url('imgs/featured.png') no-repeat;}
div.prepaid		{ padding-left:28px; height:24px; background:transparent url('imgs/dollar.png') no-repeat;}
span.bold		{ font-family: 'Arial Black';}
span.highlight	{ background:#efff90;}

#contest_details {border: 1px solid #cccccc; background-color: #f3f3f3; padding: 10px; margin-bottom: 10px;}
#contest_details p, #contest_details ul  {font-size: 80%; padding:0; text-align: justify;}

ul#icons
{
padding: .01em 0;
list-style-type: none;
color: #FFF;
width: 100%;
text-align: center;
margin-top: -10px;
}

ul#icons li { display: inline; }

#update {float: right; } #update span.text {background-color: #e4e4e4; padding: 5px;} #update span.time {color: #565656:}

/** ********************  PAGINATION  ********************* */

span.pagination_selected,
span.pagination,
a.pagination, 
a.pagination:hover {
	border-collapse: collapse;
	padding: 5px 10px;
	text-decoration: none;
}
span.pagination_selected {
	border:1px #53585c solid;
	color: #ffffff;
	background-color: #69D2E7;
	padding: 5px 10px;
}
span.pagination {
	border:1px #a6b0b8 solid;
	COLOR: #a6b0b8;
	padding: 5px 10px;
}
a.pagination {
	border:1px #53585c solid;
	COLOR: #595858;
	padding: 5px 10px;
}
a.pagination:hover {
	border:1px #53585c solid;
	COLOR: #ffffff;
	background-color: #69D2E7;
}

/** ********************  CONTEST DESIGN ENTRIES  ********************* */
.entry {
	background-color:#F0F0F0;
	border:1px solid #DADADA;
	float:left;
	height:240px;
	margin:4px 4px 4px 10px;
	padding:8px;
	position:relative;
	width:202px;
}	
.contest ul {list-style: none; padding: 8px; margin: 0 auto;}

.entry div.thumb {
	background-color:#FFFFFF;
	border:1px solid #DADADA;
	height:200px;
	padding:1px;
	text-align:center;
	width:200px;	
	position: relative;
	float:left;
	color:#565656;
	}
	
.entry div.bounced {height: 200px; width: 200px; position:absolute; top:0;
					background:url(imgs/bounced.png) no-repeat 0 0; }

table.info_wrapper {width: 100%; border: none; background:none; position:absolute; top: 210px;}

span.actions_drop {
margin-left:-197px;
margin-top:178px;
position:absolute;
}
	
div.actions select {
	font-size:100%;
	height:20px;
	width:190px;
}

div.prize_1 { background-position:0 -124px;} 
div.prize_2 { background-position:0 -186px;}
div.prize_3 {background-position:0 -248px;}
div.prize_4 { background-position:0 -310px;}

div.numeral {
	background-color:#f0f0f0;
	border: 1px solid #CCC;
	float:right;
	font-size:75%;
	height:22px;
	padding:5px 7px 0;
	position:absolute;
	right:15px;
	top:15px;
}
div.winners {
	height:62px;
	left:0;
	position:absolute;
	text-indent:-9999px;
	top:0;
	width:62px;
	z-index:1;
}

div.winners div {
	background-image:url(imgs/prize_icons.gif);
	background-repeat:no-repeat;
	display:block;
	height:62px;
	width:62px;
}

div.comments {
	background:url(imgs/bubble.png) no-repeat 0 5px; 
	width: 24px; height: 32px;
	font-size: 80%;
	margin: 0;
	padding: 10px 0 5px 10px;
	color: #ffffff;
	}


div.users  {
	background:url("imgs/user.png") no-repeat scroll 0 10px transparent;
	float:left;
	font-size:80%;
	margin:0;
	padding:15px 20px 0 24px;
}

/** ********************  CONTEST PAGE  ********************* */
#contestentry_left {background: #ffffff; border: 1px solid #ccc; padding: 30px 30px 60px 30px; margin-right: 10px;}
#contestentry_right {background: #ffffff; margin-right: 1px;}
#contestentry_left p {font-size: 100%; line-height: 1.2; padding-bottom: 20px;}
#contestentry_left ul {margin-left: 30px; padding-bottom: 20px;}
#contestentry_left ul li {padding-right: 20px; list-style-type: none; line-height: 1.4;
background: url(imgs/act_approve.gif) no-repeat 0 5px; padding-left: 20px;
}

div.contestentry_info {
border: 1px solid #CCC;
background: #fff;
padding:0;
float:left;
margin-bottom:15px;
width:100%;
}

div.contestentry_info div {
margin:0;
padding:0;
}
div.contestentry_info div div {
margin:0;
padding:0;
}
div.contestentry_info div div div {
padding:10px 15px 25px;
}

div.contestentry_info h4 {
border-bottom:1px solid #E5E5E5;
color:#666666;
font-size:125%;
margin:0 0 10px;
padding:8px 0;
text-transform:capitalize;
}

div.ratings ul li {height: 16px; width: 100%;}

div.update {background-color: #e8e8e8; padding: 5px; text-align:right;  color: #565656; font-size: 80%; margin-bottom:10px;}

/** ********************  RATING  ********************* */
.rating,
.rating_user {
	height:12px;
	overflow:hidden;
	padding:0 60px 0 0;

}

.rating {
	float:left;
	background: url(imgs/stars_orange.png) no-repeat right 0;
}
.rating_user {
	float:left;
	background: url(imgs/stars_blue.png) no-repeat right 0;
}

.star0 {background-position:right 0}
.star1 {background-position:right -12px}
.star2 {background-position:right -24px}
.star3 {background-position:right -36px}
.star4 {background-position:right -48px}
.star5 {background-position:right -60px}


/** ************* DECOMMISSIONED ************************
ul.rating li,
ul.rating_user li {
	cursor: pointer;
	float:left;
	height:12px;
}

ul.rating li.rate1 a {margin-left:2px;}
ul.rating li.rate2 a {margin-left:14px;}
ul.rating li.rate3 a {margin-left:26px;}
ul.rating li.rate4 a {margin-left:38px;}
ul.rating li.rate5 a {margin-left:50px;}

ul.rating_user li.rate1 a {margin-left:2px}
ul.rating_user li.rate2 a {margin-left:14px;}
ul.rating_user li.rate3 a {margin-left:26px;}
ul.rating_user li.rate4 a {margin-left:38px;}
ul.rating_user li.rate5 a {margin-left:50px;}


ul.rating li a,
ul.rating_user li a {
	display:block;
	width:12px;
	height:12px;
	text-decoration:none;
	outline:none;
	position:absolute;
}
ul.rating li a:hover,
ul.rating_user li a:hover {
  z-index:2;
  height:12px;
  overflow:hidden;
}

ul.rating li a:hover {
  background: transparent url(imgs/stars_orange.png) no-repeat 0px 0px;
}
ul.rating_user li a:hover {
  background: transparent url(imgs/stars_blue.png) no-repeat 0px 0px;
}
ul.rating li.rate1 a:hover {width:12px;background-position:0px -12px;}
ul.rating li.rate2 a:hover {width:24px;background-position:-12px -24px;}
ul.rating li.rate3 a:hover {width:36px;background-position:-24px -36px;}
ul.rating li.rate4 a:hover {width:48px;background-position:-36px -48px;}
ul.rating li.rate5 a:hover {width:60px;background-position:-48px -60px;}

ul.rating_user li.rate1 a:hover {background-position:0px -12px;}
ul.rating_user li.rate2 a:hover {background-position:0px -24px;}
ul.rating_user li.rate3 a:hover {background-position:0px -36px;}
ul.rating_user li.rate4 a:hover {background-position:0px -48px;}
ul.rating_user li.rate5 a:hover {background-position:0px -60px;}

#vote {
	-moz-border-radius:8px 8px 8px 8px;
	background:none;
	border:1px solid #000000;
	z-index:30;
	width: 60px;
	height: 14px;
	margin-right: 8px;
	padding: 11px 14px;
	float: left;
}
******************************************************** */          

/** ******************* NEW VOTING SYS ***************** */
div.new_rating {border: 1px solid #CCC; display: block; float:left; margin-right: 8px; color: ##565656;
height: 38px; 
}

#vote {
	background:#F4F4F4;
	width: 100px;
	float: left;
	height: 36px;
	z-index: 30;
	position: relative;
	border: 1px solid #FFF;
	padding: 0px 6px;

}
#vote form.stars-rate {
	width:100px;
	height:20px;
	display: block;
	padding-top:0px;
	margin-top: 5px;
	border: none;
	overflow:hidden;
	position:relative;
	text-align:left; /* for IE7 :(*/
	background:url(imgs/stars_medium_orange.png) repeat-x;
}
#vote fieldset{ position:static; }
#vote input{
	padding:0px;
	margin:0px;
	border:none;
	background:none;
	position:absolute; left:0px;
	height:100%;
	text-indent:-300px;
	cursor:pointer;
	text-transform:uppercase;/* for IE7 again :(IE7*/
}
#vote input:active, #vote input:focus  { outline:none; }
#vote form.stars-rate .rate-1 { width:20%; z-index:50; }
#vote form.stars-rate .rate-2 { width:40%; z-index:40; }
#vote form.stars-rate .rate-3 { width:60%; z-index:30; }
#vote form.stars-rate .rate-4 { width:80%; z-index:20; }
#vote form.stars-rate .rate-5 { width:100%; z-index:10 }

#vote form div.my-rating { height:20px }
#vote form.stars-rate_buyer input:hover,
#vote form.stars-rate_buyer .my-rating   { background:url(imgs/stars_medium_blue.png) bottom left repeat-x }
#vote form.stars-rate_designer input:hover,
#vote form.stars-rate_designer .my-rating{ background:url(imgs/stars_medium_orange.png) bottom left repeat-x }


/** ********************  TOOLTIPS  ********************* */

#_tooltip {
	background:#FFF7C4; position:absolute; width:200px; height:auto; overflow:visible; padding:6px;
	border-bottom:1px #EDDBC9 solid;border-right:1px #EDDBC9 solid;
}
#_tooltip.show {display:block }
#_tooltip.hide {display:none }
label.ttip {padding-right:18px; background:url(imgs/tooltip.png) no-repeat right center; }

/** ********************  INVOICE  ********************* */
#statement_logo {display: none;}
th.statement_header {text-align: right;}
div.statement_title {float:right; margin-right: 40px;}
div.statement {margin-top: 40px;}
table.statement_bottom {margin-top: 10px;}
table.statement_bottom td {border: 1px solid #dadada; }
td.total {background-color: #CCCCCC; color: #FFF; font-weight: bold;}
div.statement_title h1 {margin-right: 20px;}

@media print{
	div, .noprint {visibility:hidden; margin: 30px 0; }
	div.wrapper30, #dc_notice {border: none;}
	.visiprint, #dc_notice, div.msgs, div.statement {visibility:visible; }
	#statement_logo { display:block; position: absolute; top: 50px; left: 50px; }
	div.statement_title h1 { visibility:visible; position:absolute; top: 150px; left: 50px; }
	table.statement_top {position: absolute; top: 200px; left: 50px; width: 900px;}
	table.statement_bottom {position: absolute; top: 450px; left: 50px; width: 900px;}
	table.statement_bottom td {border: 1px solid #dadada; text-align:left;}
	td.total {background-color: #CCCCCC; color: #FFF; font-weight: bold;}
}

/** ********************  OTHER  ********************* */
.clearBoth:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearBoth {display: inline-block;}  /* for IE/Mac */

br.clearFix {display:block; width:100%; height:0px; font-size:0px; clear:both; visibility:hidden;}

/** ********************  404 PAGE  ********************* */
#screen-404 
{ 
	background: url(imgs/glass.jpg) #FFF no-repeat; 
	width: 960px; 
	height: 600px; 
	margin: 0 auto; 
	padding: 0; 
	color: #343434; 
	border: 1px solid #ccc;
	margin-left: -1px;
	
} 

#screen-404 .right
{
	float: right;
	width: 600px;
}
#screen-404 .left
{
	float:left;
	width: 340px;
	}


#screen-404 .right .text
{
padding: 20px 0 0 50px;
text-align:center;
width:500px;
}

#screen-404 span.big
{
	font-size: 64px;
	color: #294053;
	font-weight: normal;
}

#screen-404 span.small
{
	font-size: 22px;
	color: #294053;
	font-weight: normal;
}

#screen-404 p.title 
{ 
font-size:98px;
margin-top: 180px;
margin-left: 90px;
padding:0;}


#screen-404 p 
{ 
	font-size: 14px; 
	margin: 0;  
	padding: 20px 0 0 0;
}

#screen-404 a {text-decoration: underline;}


/************ CATEGORY PAGE ******************/

#categorypage {width: 960px; 
margin: 0 auto;
background-color: #fff;
border: 1px solid #CCC;
line-height: 130%;
}

div.cleft {width: 65%; float:left;}
div.cright {width: 34%; float:right; background: #FFF;   }

div.cleft p {    
	color: #616B7F;
    font-size: 155%;
	padding: 0 30px 10px 60px;
	line-height: 1.5;
	text-align:justify;
		}
	
ul.category_page_benefits {margin-left: 30px; padding-bottom: 60px;}
	
ul.category_page_benefits li {
	background: url(imgs/notification-tick.gif) no-repeat scroll 7px 12px transparent;
    font-size: 123.1%;
    line-height: 25px;
    list-style-type: none;
    padding: 5px 10px 5px 30px;	
	margin-left: 40px;}
	
div.steps {
    float: left;
    position: relative;
    width: 100%;
	overflow: hidden;

}
div.steps ul.steps-list {
    float: left;
    left: 50%;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
div.steps li.step1, div.steps li.step2, div.steps li.step3
{
    padding: 60px 40px;
	width: 225px;
				}
				
div.steps li.step1
 {
	background: url(imgs/step1.png) top left;
	background-repeat: no-repeat;
}

div.steps li.step2 {
	background: url(imgs/step2.png) top left;
	background-repeat: no-repeat;
}
div.steps li.step3 {
	background: url(imgs/step3.png) top left;
	background-repeat: no-repeat;
}

div.steps li {
    color: #464D5C;
    float: left;
    margin: 0;
    position: relative;
    right: 50%;
    text-align: center;
}

div#categorypage h1 {
    color: #464D5C;
    font-size: 270%;
    padding-top: 30px;
    text-align: center;
	padding-bottom: 10px;
	}
div#categorypage h2 {
	color: #09F;
	font-size: 160%;
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;
}

/************ EDIT CONTEST - LAUNCH CONTEST ******************/
div.category {
	height:50px;
	width:250px;
	margin: 8px 20px 0 0;
	padding-top:10px;
	float:left;
	cursor:pointer;
	border: 1px solid #69D2E7;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

div.category img {padding: 0 10px;}
