@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
html {
	height:100%;
	
}
*:focus {
    outline: 0;
}
body {
	background:url(../images/background.jpg) top center no-repeat #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}
h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	margin: 0 0 20px;	
}
p {
	margin: 0 0 10px;	
}
p a {
	color:#690;
}
#wrapper {
	position:relative;
	margin: 185px auto 30px;
	width:800px;	
}
#header {
	position:relative;
	background:url(../images/logo.png) top center no-repeat;
	width:800px;
	height:120px;
	margin: 0 0 15px; 	
}
#content {
	background: #FFF;
	padding:20px;
	width: 520px;
	float:left;	
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
}
#leaderboard {
	position:relative;
	float:right;
	width:220px;
	background:#FFF;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);	
}
#leaderboard h2 {
	padding:10px;
	font-size: 18px;
	font-family:Verdana, Geneva, sans-serif;	
	text-align:center;
	color:#FFF;
	text-shadow:0px 1px 2px #000000;
	font-weight:normal;
	
	background: #66cc00; /* Old browsers */
	background: -moz-linear-gradient(top,  #66cc00 0%, #4e9b00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66cc00), color-stop(100%,#4e9b00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #66cc00 0%,#4e9b00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #66cc00 0%,#4e9b00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #66cc00 0%,#4e9b00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #66cc00 0%,#4e9b00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66cc00', endColorstr='#4e9b00',GradientType=0 ); /* IE6-9 */
}
#leaderboard ul li {
	border-bottom:1px solid #DDDDDD;
	float:left;
	width:220px;
	position:relative;
		
}
#leaderboard ul li .place{
	border-right:1px solid #DDDDDD;
	padding:10px;
	 float: left;
    height: 32px;
	width:32px;
}
#leaderboard ul li .text{
	padding:10px;
	float:left;
	height:32px;
	line-height:32px;

}
#leaderboard ul li .small{
	font-size:9px;	
	color:#BBB;
}
#leaderboard ul li .you{
	
	position:absolute;
	top: 0; left: 200px; bottom: 0; right: 0;
	font-size:14px;
	text-decoration:none;
	border-radius: 4px;
	border: 1px solid #AAAAAA;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 5px;
	color:#FFF;
	margin: auto 0;
	height:20px;
	width:50px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0.5), inset 0px -1px 0px 0px rgba(0,0,0,0.3);	
	border:1px solid #428400;
	
	background: rgb(100,201,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(100,201,0,1) 0%, rgba(81,160,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,201,0,1)), color-stop(100%,rgba(81,160,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(100,201,0,1) 0%,rgba(81,160,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(100,201,0,1) 0%,rgba(81,160,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(100,201,0,1) 0%,rgba(81,160,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(100,201,0,1) 0%,rgba(81,160,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64c900', endColorstr='#51a000',GradientType=0 ); /* IE6-9 */
}
#leaderboard ul li .prize{
	position:absolute;
	right:10px;
	top:0px;
}
#leaderboard ul li:nth-child(1) .text{
	font-size:25px;
}
#leaderboard ul li:nth-child(2) .text{
	font-size:22px;
}
#leaderboard ul li:nth-child(3) .text{
	font-size:18px;
}
#leaderboard ul li:nth-child(4) .text,#leaderboard ul li:nth-child(5) .text,#leaderboard ul li:nth-child(6) .text,#leaderboard ul li:nth-child(7) .text,#leaderboard ul li:nth-child(8) .text  {
	height:20px;
	line-height:20px;
	font-size:16px;
}
#leaderboard ul li:nth-child(4) .place,#leaderboard ul li:nth-child(5) .place ,#leaderboard ul li:nth-child(6) .place ,#leaderboard ul li:nth-child(7) .place ,#leaderboard ul li:nth-child(8) .place   {
	height: 20px;
	font-size:12px;
}
#leaderboard .bottom{
	bottom: -33px;
    color: #FFFFFF;
    left: 0;
    position: absolute;
    text-align: center;
    width: 220px;
	font-size:11px;
	text-shadow:0px 1px 1px #000;	
}
#footer {
	background:url(../images/bottom_logo.png) center 20px no-repeat;
	float:left;
	padding:150px 0 0 0;
	height:40px;
	width:800px;
	text-align:center;
	margin: 0 0 50px 0;	
}
.prize {
	margin-top: 20px;
	position:relative;
	float:left;
	width:220px;
	background:#FFF;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);	
}
.prize.big {
	width:800px;	
}
.prize.half {
	width:390px;	
}
.prize h2 {
	padding:10px;
	font-size: 18px;
	font-family:Verdana, Geneva, sans-serif;	
	text-align:center;
	color:#FFF;
	text-shadow:0px 1px 2px #000000;
	font-weight:normal;
	
	background: #66cc00; /* Old browsers */
	background: -moz-linear-gradient(top,  #66cc00 0%, #4e9b00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66cc00), color-stop(100%,#4e9b00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #66cc00 0%,#4e9b00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #66cc00 0%,#4e9b00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #66cc00 0%,#4e9b00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #66cc00 0%,#4e9b00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66cc00', endColorstr='#4e9b00',GradientType=0 ); /* IE6-9 */
}
span.font10 {
	font-size:10px;	
}
span.font17 {
	font-size:17px;	
}
span.green {
	padding:3px 5px;
	border-radius:3px;
	background: rgba(100,201,0,0.20);
	border-bottom: 2px solid rgba(100,201,0,0.40); 
	display:table-cell;	
}
.btn {
	
	font-size:14px;
	text-decoration:none;
	border-radius: 4px;
	border: 1px solid #AAAAAA;
	text-align:center;
	color: #444444;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 5px;
	box-shadow:inset 0px 1px 0px 0px #ffffff, inset 0px -1px 0px 0px rgba(0,0,0,0.1);
	text-shadow: 0px 1px 0px rgba(255,255,255,0.8);
	padding:5px 8px;
	
	
	background: rgb(235,235,235); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(235,235,235,1) 0%, rgba(203,203,203,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(203,203,203,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(235,235,235,1) 0%,rgba(203,203,203,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(235,235,235,1) 0%,rgba(203,203,203,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(235,235,235,1) 0%,rgba(203,203,203,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(235,235,235,1) 0%,rgba(203,203,203,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#cbcbcb',GradientType=0 ); /* IE6-9 */	
}
.btn:hover {
	
	color: #444444;
	text-decoration:none;
	background: #f1f1f1; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1f1f1 0%, #dcdcdc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1f1f1 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1f1f1 0%,#dcdcdc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1f1f1 0%,#dcdcdc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f1f1f1 0%,#dcdcdc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */

}
.btn:active {
	
	
	box-shadow:inset 0px -1px 0px 0px rgba(255,255,255,0.5);
	
	background: #cbcbcb; /* Old browsers */
	background: -moz-linear-gradient(top,  #cbcbcb 0%, #ebebeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbcbcb), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cbcbcb 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cbcbcb 0%,#ebebeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cbcbcb 0%,#ebebeb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cbcbcb 0%,#ebebeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
	
}
.btn.green {
	

	
	color:#FFF;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0.5), inset 0px -1px 0px 0px rgba(0,0,0,0.3);	
	border:1px solid #428400;
	
	background: rgb(100,201,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(100,201,0,1) 0%, rgba(81,160,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,201,0,1)), color-stop(100%,rgba(81,160,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(100,201,0,1) 0%,rgba(81,160,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(100,201,0,1) 0%,rgba(81,160,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(100,201,0,1) 0%,rgba(81,160,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(100,201,0,1) 0%,rgba(81,160,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64c900', endColorstr='#51a000',GradientType=0 ); /* IE6-9 */
	
}
.btn.green:hover {
	
	background: #71e400; /* Old browsers */
	background: -moz-linear-gradient(top,  #71e400 0%, #60bf00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71e400), color-stop(100%,#60bf00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #71e400 0%,#60bf00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #71e400 0%,#60bf00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #71e400 0%,#60bf00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #71e400 0%,#60bf00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71e400', endColorstr='#60bf00',GradientType=0 ); /* IE6-9 */
	
}
.btn.green:active {
	
	box-shadow:inset 0px -1px 0px 0px rgba(255,255,255,0.5);
	background: #51a000; /* Old browsers */
	background: -moz-linear-gradient(top,  #51a000 0%, #64c900 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#51a000), color-stop(100%,#64c900)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #51a000 0%,#64c900 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #51a000 0%,#64c900 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #51a000 0%,#64c900 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #51a000 0%,#64c900 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51a000', endColorstr='#64c900',GradientType=0 ); /* IE6-9 */

}
.btn.noborder {
	border:none;	
}
.btn.big {
	font-size:20px;
	padding: 7px 20px;
	box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0.5), inset 0px -1px 0px 0px rgba(0,0,0,0.1), 0 0 5px 0 rgba(0,0,0,0.5);	
}
.btn.small {
	font-size:11px;
	height:18px;
	padding:2px 6px;	
}
.iconfix3 {
	margin-bottom:-3px;	
}
#user-box {
	position:absolute;
	top:-185px;
	right: 0;
	padding:10px;
	background:rgba(255,255,255,0.5);
	font-size:12px;	
	z-index:10;
}
#user-box h3{
	font-size:12px;
	margin: 0 0 10px;	
}
strong {
	font-weight:bold;	
}
.list {
	list-style:outside disc;
	padding:0 0 0 15px;
	margin: 0 0 10px 0;	
}
.textbox {
	padding:5px 5px 5px 50px;
	border-radius: 4px;	
	font-size:13px;
	color: rgba(0,0,0,0.8);
	margin: 0 0 10px 0;
	min-height:32px;
	position:relative;
	
	
}
.textbox.success {
	/* ie9 */	
	background: rgba(100,201,0,0.20); 
	background-image:url(../images/icons/32/tick_button.png); 
	background-position: 5px 5px;
	background-repeat:no-repeat;
	/* ie9 */
	
	border:1px solid rgba(100,201,0,0.50);
	background:url(../images/icons/32/tick_button.png) 5px 5px no-repeat, linear-gradient(to right, rgba(100,201,0,0.40) 43px, rgba(100,201,0,0.20) 43px);
}
.textbox.info {
	/* ie9 */	
	background: rgba(0,163,217,0.20); 
	background-image:url(../images/icons/32/information.png); 
	background-position: 5px 5px;
	background-repeat:no-repeat;
	/* ie9 */
	
	border:1px solid rgba(0,163,217,0.50);
	background:url(../images/icons/32/information.png) 5px 5px no-repeat, linear-gradient(to right, rgba(0,163,217,0.40) 43px, rgba(0,163,217,0.20) 43px);	
}
.textbox.warning {
	/* ie9 */	
	background: rgba(255,255,0,0.20) ; 
	background-image:url(../images/icons/32/error.png); 
	background-position: 5px 5px;
	background-repeat:no-repeat;
	/* ie9 */
	
	border:1px solid rgba(217,163,0,0.50);
	background:url(../images/icons/32/error.png) 5px 5px no-repeat, linear-gradient(to right, rgba(255,255,0,0.40) 43px, rgba(255,255,0,0.20) 43px);	
}
.textbox.error {
	/* ie9 */	
	background:rgba(197,49,0,0.20); 
	background-image:url(../images/icons/32/exclamation.png); 
	background-position: 5px 5px;
	background-repeat:no-repeat;
	/* ie9 */
	
	border:1px solid rgba(190,48,0,0.52);
	background:url(../images/icons/32/exclamation.png) 5px 5px no-repeat, linear-gradient(to right, rgba(197,49,0,0.40) 43px, rgba(197,49,0,0.20) 43px);	
}
