@import 'reset.css';

BODY {
	background:/*#C5D8DE*/ #CBDFE6 url(/i/bgs/body.jpg) repeat-x 50% 0;
	font:14px/1.4 Georgia,serif;
	color:#333;
	}
A {color:#314E84;}
A:hover {text-decoration:none;}

#page {
   position: relative;
	width:1000px;
	padding:315px 0 60px;
	margin:auto;
	background:url(/i/bgs/main.jpg) 50% 0 no-repeat;
	}

/* Logo
---------------------------------------- */
.logo {
	position:absolute;
	top:30px;
	left:395px;
	width:225px;
	height:90px;
	}
	.logo A {
		display:block;
		height:100%;
		text-indent:-9999px;
		}

/* Intro
---------------------------------------- */
.intro {
	width:685px;
	margin:0 0 10px 151px;
	background:#252D3C url(/i/bgs/intro.png) repeat-y;
	font:italic 18px Georgia,serif;
	color:#FFF;
	}
	.intro .t {background:url(/i/cors/intro-t.jpg) no-repeat;}
	.intro .b {
		padding:30px 27px 18px;
		background:url(/i/cors/intro-b.png) 0 100% no-repeat;
		}
	.intro A {color:#FFF;}
	.intro .bg {
		padding-left:140px;
		background:url(/i/bgs/intro-pic.png) 0 50% no-repeat;
		}
		
/* Myth
---------------------------------------- */
.myth {
	width:757px;
	margin:0 0 20px 151px;
	font-size:16px;
	}
.myth:after {
	content:' ';
	clear:both;
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	font-size:0;
	}
	.myth.single {padding-top:37px;}
	.myth.single .myth-main .t {background:url(/i/cors/content-t.png) no-repeat;}

	/* Main */
	.myth .myth-main {
		width:685px;
		float:left;
		background:#C6D8DE url(/i/bgs/myth.png) repeat-y;
		}
		.myth .myth-main .t {background:url(/i/cors/myth-t.png) no-repeat;}
		.myth .myth-main .b {
			padding:43px 26px;
			background:url(/i/cors/myth-b.png) 0 100% no-repeat;
			}
		.myth .myth-main H2 {
			margin-bottom:15px;
			color:#314E84;
			font:italic 26px/1 'Segoe UI','Trebuchet MS',sans-serif;
			text-align:center;
			}
			.myth .myth-main H2 EM {
				font-size:20px;
				color:#717F98;
				}
		.myth .myth-main P {
			padding:0 17px;
			margin-bottom:10px;
			}
		.myth .myth-main .btns {
			overflow:hidden;
			margin:20px 0 0 170px;
			zoom:1;
			}
			.myth .myth-main .btns LI {
				position:relative;
				float:left;
				width:124px;
				height:48px;
				overflow:hidden;
				margin-right:20px;
				text-align:center;
				}
			.myth .myth-main .btns A {
				display:block;
				height:100%;
				}
			.myth .myth-main .btns LI A SPAN {
				position:absolute;
				top:0;
				left:0;
				display:block;
				width:100%;
				height:100%;
				font-size:0;
				cursor:pointer;
				}
			.myth .myth-main .btns LI.yes A SPAN {background:url(/i/btns/yes.png) no-repeat;}
			.myth .myth-main .btns LI.yes A:hover SPAN {background:url(/i/btns/yes.png) 0 -48px no-repeat;}
			.myth .myth-main .btns LI.no A SPAN {background:url(/i/btns/no.png) no-repeat;}
			.myth .myth-main .btns LI.no A:hover SPAN {background:url(/i/btns/no.png) 0 -48px no-repeat;}
			.myth .myth-main .btns LI.next {
				width:171px;
				height:38px;
				margin-left:55px;
				}
			.myth .myth-main .btns LI.next A SPAN {background:url(/i/btns/next.png) no-repeat;}
			.myth .myth-main .btns LI.next A:hover SPAN {background:url(/i/btns/next.png) 0 -38px no-repeat;}
			.myth .myth-main .btns LI.results {
				width:171px;
				height:38px;
				margin-left:55px;
				}
			.myth .myth-main .btns LI.results A SPAN {background:url(/i/btns/results.png) no-repeat;}
			.myth .myth-main .btns LI.results A:hover SPAN {background:url(/i/btns/results.png) 0 -38px no-repeat;}
			.myth .myth-main .answer {width:637px;}
			.myth .myth-main .answer .b {padding:15px 20px 25px;}
			.myth .myth-main .answer H3 {
				margin-bottom:10px;
				font:italic 24px 'Segoe UI','Trebuchet MS',sans-serif;
				text-align:center;
				}
			.myth .myth-main .answer .source {
				margin-bottom:0;
				font:12px 'Segoe UI','Trebuchet MS',sans-serif;
				}
			.myth .myth-main .answer.yes {background:#CCEFCE url(/i/bgs/answer-yes.png) repeat-y;}
			.myth .myth-main .answer.yes .t {background:url(/i/cors/answer-yes-t.png) no-repeat;}
			.myth .myth-main .answer.yes .b {background:url(/i/cors/answer-yes-b.png) 0 100% no-repeat;}
			.myth .myth-main .answer.yes H3 {color:#0E5D2D;}
			.myth .myth-main .answer.no {background:#EFCCCC url(/i/bgs/answer-no.png) repeat-y;}
			.myth .myth-main .answer.no .t {background:url(/i/cors/answer-no-t.png) no-repeat;}
			.myth .myth-main .answer.no .b {background:url(/i/cors/answer-no-b.png) 0 100% no-repeat;}
			.myth .myth-main .answer.no H3 {color:#C22F2F;}

	/* Extra */
	.myth .myth-extra {
		float:left;
		width:72px;
		margin-top:43px;
		background:#323F55 url(/i/bgs/extra.png) repeat-y;
		font:10px 'Segoe UI','Trebuchet MS',sans-serif;
		text-align:center;
		}
		.myth .myth-extra .t {background:url(/i/cors/extra-t.png) no-repeat;}
		.myth .myth-extra .b {
			padding:20px 10px 20px 9px;
			background:url(/i/cors/extra-b.png) 0 100% no-repeat;
			}
		.myth .myth-extra LI {position:relative;}
		.myth .myth-extra A {
			display:block;
			color:#FFF;
			text-decoration:none;
			}
			.myth .myth-extra A SPAN {border-bottom:1px dashed #FFF;}
			.myth .myth-extra A:hover SPAN {border:none;}
		.myth .myth-extra IMG {vertical-align:middle;}
		.myth .myth-extra .send {
			padding:0 0 15px;
			border-bottom:1px solid #2D3B50;
			}
			.myth .myth-extra .send A {
				padding-top:35px;
				background:url(/i/ico/send.png) 50% 0 no-repeat;
				}
		.myth .myth-extra .fav {
			padding:8px 0 0;
			border-top:1px solid #3F506D;
			}
			.myth .myth-extra .fav A {
				padding-top:42px;
				background:url(/i/ico/fav.png) 50% 0 no-repeat;
				}

/* Contest
---------------------------------------- */
.contest {
	width:685px;
	margin:0 0 20px 151px;
	font:14px/1.4 Georgia,serif;
	}
	.contest P {
		padding:25px 0 30px 230px;
		background:url(/i/bgs/contest.jpg) 48px 0 no-repeat;
		}
		
/* Footer
---------------------------------------- */
#footer {
	width:685px;
	overflow:hidden;
	margin:40px 0 0 151px;
	font:12px 'Segoe UI','Trebuchet MS',sans-serif;
	}
	#footer .links {float:left;}
		#footer .links LI {
			display:inline;
			margin-right:20px;
			}
	#footer .copyright {
		float:right;
		color:#999;
		}
		#footer .copyright A {color:#999;}
		
/* Popups
---------------------------------------- */
.popup {
	display:none;
	position:fixed;
	width:338px;
	top:50%;
	left:50%;
	margin:-150px 0 0 -169px;
	z-index:100;
	text-align:left;
	font:12px Georgia,serif;
	}
	.popup-t {
		position:relative;
		height:57px;
		font-size:0;
		background:url(/i/cors/popup-t.png) no-repeat;
		}
		.popup-t .close {
			position:absolute;
			top:16px;
			right:20px;
			width:30px;
			height:30px;
			cursor:pointer;
			z-index:120;
			font-size:0;
			}
	.popup-bg {
		padding:0 64px 0 44px;
		background:url(/i/bgs/popup.png) repeat-y;
		}
	.popup-b {
		height:31px;
		font-size:0;
		background:url(/i/cors/popup-b.png) no-repeat;
		}
.popup-shadow {
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#000;
	opacity:.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	z-index:1;
	}
	.popup.fav-it H4 {
		padding:3px 0 9px;
		background:url(/i/ico/fav-2.png) 100% 50% no-repeat;
		font:italic 18px Georgia,serif;
		color:#314E84;
		}
	.popup.fav-it .services {
		width:100%;
		padding-top:14px;
		overflow:hidden;
		}
		.popup.fav-it .services A {
			float:left;
			display:block;
			margin:0 15px 20px 0;
			}
	.popup.send-it H4 {
		padding:2px 0 3px;
		background:url(/i/ico/send-2.png) 80% 50% no-repeat;
		font:italic 18px Georgia,serif;
		color:#314E84;
		}
	.popup.send-it p.send-res{
		padding:2px 0 0;
		}
		.popup.send-it p.send-res span{
			padding:2px 1px;
			}
		.popup.send-it p.send-res span.error{
			background:#ECD9DC;
			}
		.popup.send-it p.send-res span.success{
			background:#ECE4D9;
			}
	.popup.send-it .send {
		padding-top:14px;
		font:14px 'Segoe UI','Trebuchet MS',sans-serif;
		color:#78869D;
		}
	.popup.send-it .send FIELDSET {
		padding-bottom:12px;
		}
	.popup.send-it .send LABEL {
		display:block;
		margin-bottom:3px;
		}
	.popup.send-it .send .txt {
		width:206px;
		padding:2px;
		background-color:#AABAC7;
		}
	.popup.send-it .send .txt INPUT {
		width:200px;
		}
	.popup.send-it .send .btn {

	position:relative;
		display:block;
		width:114px;
		height:38px;

	overflow:hidden;
		}
		.popup.send-it .send .btn SPAN {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background:url(/i/btns/send.png) no-repeat;
			cursor:pointer;
			}
		.popup.send-it .send .btn:hover SPAN {background:url(/i/btns/send.png) 0 -38px no-repeat;}
		
/* Content
---------------------------------------- */
.content {
	width:685px;
	padding:37px 0 20px;
	margin:0 0 0 151px;
	}
	.content p{padding-bottom:12px;}
	.content .bg {background:#C6D8DE url(/i/bgs/content.png) repeat-y;}
	.content .t {background:url(/i/cors/content-t.png) no-repeat;}
	.content .b {
		padding:43px 50px;
		background:url(/i/cors/myth-b.png) 0 100% no-repeat;
		}
	.content H2 {
		padding-bottom:12px;
		font:italic 26px 'Segoe UI','Trebuchet MS',sans-serif;
		color:#314E84;
		}
	.content H2 a{color:#314E84;text-decoration:none;}
	.content H2 a:hover{color:#314E84;text-decoration:underline;}
	.content ol{
		margin:0 0 1em 3em;
		line-height:1.4;
		}
	.content ol li{
		margin:0 0 0.1em;
		}
	.content ul{
		list-style-type:circle;
		margin:0 0 1em 3em;
		line-height:1.4;
		}
	.content ul li{
		margin:0 0 0.1em;
		}
	/* Navigation */
	.content .nav {
		width:100%;
		overflow:hidden;
		padding-bottom:20px;
		font:14px/1 'Segoe UI','Trebuchet MS',sans-serif;
		text-align:center;
		margin:0;
		}
		.content .nav LI {
			float:left;
			margin-right:15px;
			padding-bottom:7px;
			}
		.content .nav.paging LI {
			padding-bottom:0;
			margin-right:3px;
			}
		.content .nav.paging .b-r {padding:6px 8px;}
		.content .nav SPAN,
		.content .nav A {display:block;}
		.content .nav .b-r {padding:6px 10px;}
		.content .nav .cur {background:url(/i/bgs/nav-tail.png) 50% 100% no-repeat;}
		.content .nav.paging .cur {background:none;}
		.content .nav .cur A,
		.content .nav A:hover {
			color:#FFF;
			text-decoration:none;
			cursor:text;
			}
		.content .nav .cur A:hover {cursor: text;}
		.content .nav A:hover {cursor:pointer;}
		.content .nav .cur .t-l,
		.content .nav A:hover {background:#314E84 url(/i/cors/nav-t-l.png) no-repeat;}
		.content .nav .cur .t-r,
		.content .nav A:hover .t-r {background:url(/i/cors/nav-t-r.png) 100% 0 no-repeat;}
		.content .nav .cur .b-l,
		.content .nav A:hover .b-l {background:url(/i/cors/nav-b-l.png) 0 100% no-repeat;}
		.content .nav .cur .b-r,
		.content .nav A:hover .b-r {background:url(/i/cors/nav-b-r.png) 100% 100% no-repeat;}
	/* Users */
	.content .users {margin:0  0 10px;list-style-type:none;}
		.content .users LI {padding-bottom:20px;}
		.content .users H4 {
			margin-bottom:5px;
			font:italic 18px Georgia,serif;
			color:#4B6998;
			}
		.content .users P {margin-bottom:3px;}
	/* Finish */
	.content .grade {
		margin-bottom:10px;
		font:italic 24px Georgia,serif;
		}
	.content .contest {
		width:auto;
		margin-left:0;
		}
		.content .contest P {
			padding-left:175px;
			background-position:0 0;
			}
	.content .comment {margin-bottom:20px;}
	/* Widgets Block */
	.content .widgets {
		position:relative;
		width:591px;
		background:#DAE9EC url(/i/bgs/widgets.png) repeat-y;
		}
		.content .widgets .t {background:url(/i/cors/widgets-t.png) no-repeat;}
		.content .widgets .b {
			padding:15px 20px;
			background:url(/i/cors/widgets-b.png) 0 100% no-repeat;
			zoom:1;
			}
		.content .widgets LABEL {
			display:block;
			margin-bottom:10px;
			font:italic 18px Georgia,serif;
			color:#526D99;
			}
		/* Upload Photo */
		.content .widgets .photo {
			width:100%;
			overflow:hidden;
			padding-bottom:30px;
			}
		.content .widgets .photo LABEL {
			float:left;
			margin:10px 10px 0 0;
			}
		.content .widgets .photo INPUT {
			float:left;
			margin:10px 10px 0 0;
			font:12px 'Segoe UI','Trebuchet MS',sans-serif;
			}
		.content .widgets .photo .btn {
			float:left;
			display:block;
			position:relative;
			overflow:hidden;
			width:111px;
			height:38px;
			text-align:center;
			}
			.content .widgets .photo .btn SPAN {
				display:block;
				position:absolute;
				top:0;
				left:0;
				font-size:0;
				width:100%;
				height:100%;
				background:url(/i/btns/upload.png) no-repeat;
				cursor:pointer;
				}
			.content .widgets .photo .btn:hover SPAN {background-position:0 -38px;}
		.content .widgets .photo .note {
			clear:both;
			padding-top:8px;
			font:12px 'Segoe UI','Trebuchet MS',sans-serif;
			color:#526D99;
			}
		/* Set Email */
		.content .widgets .email {
			width:100%;
			overflow:hidden;
			padding-bottom:30px;
			}
		.content .widgets .email LABEL {
			float:left;
			margin:10px 10px 0 0;
			}
		.content .widgets .email INPUT {
			float:left;
			margin:10px 10px 0 0;
			font:12px 'Segoe UI','Trebuchet MS',sans-serif;
			}
		.content .widgets .email .note {
			clear:both;
			padding-top:8px;
			font:12px 'Segoe UI','Trebuchet MS',sans-serif;
			color:#526D99;
			}
		.content .widgets .email .btn {
			float:left;
			display:block;
			position:relative;
			overflow:hidden;
			width:111px;
			height:38px;
			text-align:center;
			}
			.content .widgets .email .btn SPAN {
				display:block;
				position:absolute;
				top:0;
				left:0;
				font-size:0;
				width:100%;
				height:100%;
				background:url(/i/btns/okey.png) no-repeat;
				cursor:pointer;
				}
			.content .widgets .email .btn:hover SPAN {background-position:0 -38px;}

		/* Widgets Variants */
		.content .widgets .variants {margin-bottom:10px;}
			.content .widgets .variants UL {
				width:100%;
				overflow:hidden;
				margin-left:-5px;
				}
			.content .widgets .variants LI {
				float:left;
				margin-right:10px;
				}
			.content .widgets .variants .last {margin-right:0;}
			.content .widgets .variants A,
			.content .widgets .variants SPAN {
				display:block;
				float:left;
				}
			.content .widgets .variants .border {
				float:left;
				width:161px;
				height:39px;
				}
			.content .widgets .variants .b-r {padding:5px;}
			.content .widgets .variants .selected .t-l,
			.content .widgets .variants .t-l:hover {background:#314E84 url(/i/cors/sel-t-l.png) no-repeat;}
			.content .widgets .variants .selected .t-r,
			.content .widgets .variants .t-l:hover .t-r {background:url(/i/cors/sel-t-r.png) 100% 0 no-repeat;}
			.content .widgets .variants .selected .b-l,
			.content .widgets .variants .t-l:hover .b-l {background:url(/i/cors/sel-b-l.png) 0 100% no-repeat;}
			.content .widgets .variants .selected .b-r,
			.content .widgets .variants .t-l:hover .b-r {background:url(/i/cors/sel-b-r.png) 100% 100% no-repeat;}
		.content .widgets .code {
			padding-bottom: 30px;
			}
		.content .widgets .variants .other {
			margin-left:10px;
			text-decoration:none;
			font:12px 'Segoe UI','Trebuchet MS',sans-serif;
			border-bottom:1px dashed #858E90;
			float:none;
			display:inline;
			}
		.content .widgets .variants .other:hover {border-bottom:1px dashed #DAE9ED;}

		.store_avatar {
			text-decoration:none;
			font:12px 'Segoe UI','Trebuchet MS',sans-serif;
			border-bottom:1px dashed #858E90;
			margin:0px 0px 0px;
			float:none !important;
			display:inline !important;
		}
		.store_avatar:hover {border-bottom:1px dashed #DAE9ED;}
		.content .widgets .code .tarea {
			padding:2px 3px;
			background-color:#AABAC7;
			margin-bottom:8px;
			}
			.content .widgets .code .tarea TEXTAREA {
				display:block;
				width:543px;
				border:1px solid #868788;
				font:12px 'Segoe UI','Trebuchet MS',sans-serif;
				}
		.content .widgets .code .copy {
			text-decoration:none;
			font:12px 'Segoe UI','Trebuchet MS',sans-serif;
			border-bottom:1px dashed #858E90;
			}
		.content .widgets .code .copy:hover {border:none;}
		.content .widgets .services {
			display:none;
			position:absolute;
			top:25px;
			right:200px;
			width:203px;
			}
			.content .widgets .services .bg {
				padding:38px 29px 0;
				background:url(/i/cors/services-t.png) no-repeat;
				margin:0;
				list-style-type:none;
				line-height:1;
				width: 170px;				
				}
			.content .widgets .services .b {
				height:33px;
				padding:0;
				background:url(/i/cors/services-b.png) no-repeat;
				font-size:0;
				}
			.content .widgets .services UL {
				overflow:hidden;
				}
			.content .widgets .services LI {
				float:left;
				margin:0 2px 2px 0;
				}
			.content .widgets .services .last {margin-right:0;}
			.content .widgets .services A,
			.content .widgets .services SPAN {
				display:block;
				float:left;
				margin:0 20px 20px 0;
				}
			.content .widgets .services .border {
				float:left;
				width:24px;
				height:24px;
				margin:0;
				}
			.content .widgets .services .b-r {padding:5px;}
			.content .widgets .services .t-l,
			.content .widgets .services .t-r,
			.content .widgets .services .b-l,
			.content .widgets .services .b-r{margin:0;}
			.content .widgets .services .selected .t-l,
			.content .widgets .services .t-l:hover {background:#314E84 url(/i/cors/serv-t-l.png) no-repeat;}
			.content .widgets .services .selected .t-r,
			.content .widgets .services .t-l:hover .t-r {background:url(/i/cors/serv-t-r.png) 100% 0 no-repeat;}
			.content .widgets .services .selected .b-l,
			.content .widgets .services .t-l:hover .b-l {background:url(/i/cors/serv-b-l.png) 0 100% no-repeat;}
			.content .widgets .services .selected .b-r,
			.content .widgets .services .t-l:hover .b-r {background:url(/i/cors/serv-b-r.png) 100% 100% no-repeat;}
		.content .btns {
			overflow:hidden;
			margin:0;
			zoom:1;
			list-style-type:none;
			line-height:1;
			}
			.content .btns LI {
				position:relative;
				overflow:hidden;
				margin:0 auto;
				text-align:center;
				}
			.content .btns LI.join {
				width:164px;
				height:38px;
				}
			.content .btns LI.results {
				width:164px;
				height:38px;
				}
			.content .btns A {
				display:block;
				height:100%;
				}
			.content .btns LI A SPAN {
				position:absolute;
				top:0;
				left:0;
				display:block;
				width:100%;
				height:100%;
				font-size:0;
				cursor:pointer;
				}
			.content .btns LI.join A SPAN {background:url(/i/btns/join.png) no-repeat;}
			.content .btns LI.join A:hover SPAN {background:url(/i/btns/join.png) 0 -38px no-repeat;}
			.content .btns LI.results A SPAN {background:url(/i/btns/results.png) no-repeat;}
			.content .btns LI.results A:hover SPAN {background:url(/i/btns/results.png) 0 -38px no-repeat;}
/*=========== Actions =================*/
.actions label 
{
	display:block;
	margin-top: 10px;
	font:italic 15px Georgia,serif;
	color:#526D99;
}
.actions input, .actions select
{
	margin: 2px 0px 8px 0;
	font:12px 'Segoe UI','Trebuchet MS',sans-serif;
	width: 200px;
}
.actions textarea
{
	margin: 2px 0px 8px 0;
	font:12px 'Segoe UI','Trebuchet MS',sans-serif;
	width: 500px;
}

.actions .btn 
{
	display:block;
	position:relative;
	overflow:hidden;
	width:111px;
	height:38px;
	text-align:center;
}
.actions .btn span 
{
	display:block;
	position:absolute;
	top:0;
	left:0;
	font-size:0;
	width:100%;
	height:100%;
	background:url(/i/btns/okey-2.png) no-repeat;
	cursor:pointer;
}
.actions .btn:hover span 
{
	background-position:0 -38px;
}
#success_text {
	clear:both;
	padding-top:8px;
	font:12px 'Segoe UI','Trebuchet MS',sans-serif;
	color:#526D99;
}

/*================== Banners ======================*/
img.ban1
{
	margin-left: 158px;
}
/*=================== Result Table ==================== */
table.results
{
	width: 100%;
	font-family: Verdana;
	font-size: 10pt;
	border-collapse: collapse;
}
table.results th
{
	background-color: LightSkyBlue;
	padding: 3px;
	font-weight: bold;
	text-align: center;
}
table.results td
{
	border-bottom: 1px solid LightSkyBlue;
	padding: 3px;
}
table.results td.right
{
	text-align: right
}