/* CSS Document */
body {font:14px Arial, Helvetica, sans-serif;}
a:link, a:visited {color:#363636; text-decoration:underline;}
a:hover, a:active {color:#363636; text-decoration:none;}

p {padding:9px 0;}

p.center {text-align:center;}

ul li {
	padding:9px 0 9px 14px;
	background: url(../images/li_arrow.gif) 0 14px no-repeat;
}
ul.dot li {
	padding:9px 0 9px 14px;
	background: url(../images/dot.gif) 0 12px no-repeat;
}
h1 {
	color:#ed182a;
	font-size:18px;
	padding:4px 0;
}
h2 {
	padding:14px 0 19px;
	color:#ed182a;
	font: bold 18px Arial, Helvetica;
}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	color:#ed182a;
	font: bold 18px Arial, Helvetica;
	text-decoration:none;
}


.small {font-size:11px;}
.bl, a.bl {color:#000;}
.gr, a.gr {color:#7d7d7d;}
.rd, a.rd {color:#ed182a;}
.colored, a.colored{color:#ed182a;}
.u, a.ul {text-decoration:underline}
.cl {clear:both; font-size:1px;}
.em, strong {font-weight:bold;}

.wrap {width:950px; margin:auto;}

a.but {
	background:url(../images/login_bg.gif) repeat-x;
	height:29px;
	padding:7px 16px 7px 16px;
	position:relative;
	color:#fff;
	font:12px Arial, Helvetica, sans-serif;
	cursor:pointer;
	text-decoration:none;
}
.but .l {
	background:url(../images/login_l.jpg) no-repeat;
	height:29px;
	width:6px;
	position:absolute;
	left:0;
	top:0;
}
.but .r {
	background:url(../images/login_r.jpg) right no-repeat;
	height:29px;
	width:10px;
	position:absolute;
	right:0;
	top:0;	
}

.logo {
	background:url(../images/logo.jpg) center top no-repeat;
	margin-top:18px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:340px;
	float:left;
	text-align:center;
}

.logo a {
	display:block;
	width:340px;
	height:45px;
	padding-top:38px;
	color: #7d7d7d;
	text-decoration:none;
}

.lang {
	background:url(../images/lang/bg_en.jpg) right top no-repeat;
	margin-top:19px;
	padding:0px 140px 9px 0px;
	color: #ed182a;
	font: 12px Arial, Helvetica, sans-serif;
	float:right;
	height:30px;
	position:relative;
}
.select_lang {
	position:absolute;
	top:29px;
	right:9px;
	width:123px;
	background-color:#fff;
	border:1px solid #ccc;
	z-index:2;
}
.select_lang a {
	display:block;
	line-height:26px;
	text-decoration:none;
	padding-left:5px;
}

.select_lang a:hover {
	background-color:#efefef;
}

.misc_links {
	margin-top:4px;
	padding:9px 0px 9px 0px;
	font: 12px Arial, Helvetica, sans-serif;
	float:right;
	clear:right;
}

.login_pannel {
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	padding-left:24px;
	padding-top:26px;
	overflow:hidden;
	}

.login_pannel p {
	margin-bottom:8px;
	padding:0;
	white-space:nowrap;
}
	
.login_pannel input {
	width:98px;
	border:1px solid #e1e1e1;
}
a.login_but {
	background:url(../images/login_bg.gif) repeat-x;
	height:29px;
	padding:7px 14px 7px 16px;
	position:relative;
	color:#fff;
	font:12px Arial, Helvetica, sans-serif;
	cursor:pointer;
	text-decoration:none;
}
.login_but .l {
	background:url(../images/login_l.jpg) no-repeat;
	height:29px;
	width:6px;
	position:absolute;
	left:0;
	top:0;
}
.login_but .r {
	background:url(../images/login_r.jpg) right no-repeat;
	height:29px;
	width:6px;
	position:absolute;
	right:0;
	top:0;	
}

.login_but input {position:absolute; top:0; left:0; width:5px; background-color:none; border:none;}

.register p {padding-left:20px; text-indent:-20px;}

.reg_login tr td {padding:4px;}
.reg_login tr td input {width:220px;}

/* by pusher */
.reg_login .fileshare_option {display:block;}

.reg_box, .reg_lock {float:left; width:49%;}
.reg_box h2 {background:url(../images/reg_person.gif) left 8px no-repeat; text-indent:35px;}
.reg_lock h2 {background:url(../images/reg_lock.gif) left 8px no-repeat; text-indent:40px;}

.top_nav {
	background:url(../images/top_bg.gif) repeat-x;
	height:50px;
	position:relative;
	overflow:hidden;
	clear:both;
	font:bold 13px Tahoma, Arial, Helvetica, sans-serif;
	color:#7d7d7d;
	padding-top:14px;
}
.top_nav .l {
	position:absolute;
	top:0;
	left:-7px;
	width:12px;
	height:64px;
	background:url(../images/top_corns.gif);
}
.top_nav .r {
	position:absolute;
	top:0;
	right:-5px;
	width:12px;
	height:64px;
	background:url(../images/top_corns.gif);
}
.top_nav table {
	width:96%;
	margin: auto;
}
.top_nav table tr td{
	text-align:center;
	line-height:34px;
	border-right:1px solid #ccc;
}
.top_nav table tr td.last {
	border-right:none;
	padding-left:10px;
}
.top_nav a:link, .top_nav a:visited {
	color:#363636;
	text-decoration:none;
}
.top_nav a:hover, .top_nav a:active {
	color:#363636;
	text-decoration: underline;
}

.right_side {
	float:right;
	width:275px;
}

.right_nav {
	float:right;
	width:210px;
}

.top_box,
.menu_box {
	width:100%;
	margin-top:26px;
	position:relative;
	overflow:hidden;
}
.menu_box {margin-top:0;}
.top_box h3,
.menu_box h3,
.menu_box h3.black {
	background:url(../images/right_top.gif) left top repeat-x;
	height:35px;
	font:bold 13px Tahoma, Arial;
	line-height:35px;
	color:#fff;
	text-align:center;
	position:relative;
	overflow:hidden;
}
.menu_box h3,
.menu_box h3.black{
	text-align:left;
	padding-left:25px;
	position:relative;
	font:bold 14px/35px Arial;
}
.menu_box h3 span.arrow_up,
.menu_box h3.black span.arrow_up,
.menu_box h3 span.arrow_down,
.menu_box h3.black span.arrow_down {
	display:block;
	position:absolute;
	top:15px;
	right:15px;
	width:7px;
	height:5px;
}
.menu_box h3 span.arrow_up,
.menu_box h3.black span.arrow_up {
	background:url(../images/arrow_up.gif) no-repeat;
}
.menu_box h3 span.arrow_down,
.menu_box h3.black span.arrow_down {
	background:url(../images/arrow_down.gif) no-repeat;
}
.top_box h3 .tl,
.menu_box h3 .tl,
.menu_box h3.black .tl{
	display:block;
	background:url(../images/right_top_corns.gif);
	height:35px;
	width:12px;
	position:absolute;
	left:-6px;
	top:-6px;
}
.top_box h3 .tr,
.menu_box h3 .tr,
.menu_box h3.black .tr
{
	display:block;
	background:url(../images/right_top_corns.gif);
	height:35px;
	width:12px;
	position:absolute;
	right:-6px;
	top:-6px;
}
.menu_box h3.black {background:url(../images/right_bot.gif) repeat-x; margin-bottom:0;}
.menu_box h3.black .tl {background:url(../images/right_bot_corns.gif) no-repeat;}
.menu_box h3.black .tr {background:url(../images/right_bot_corns.gif) no-repeat;}

.top_box .bl,
.menu_box .bl{
	background:url(../images/right_top_corns.gif);
	height:41px;
	width:12px;
	position:absolute;
	left:-6px;
	bottom:-35px;
}
.top_box .br,
.menu_box .br{
	background:url(../images/right_top_corns.gif);
	height:41px;
	width:12px;
	position:absolute;
	right:-6px;
	bottom:-35px;
}
.top_box ul,
.menu_box ul {
	background-color:#f0f0f0;
}
.top_box ul li,
.menu_box ul li{
	padding:0;
	background:none;
}
.top_box ul li span,
.top_box ul li a:link,
.top_box ul li a:visited,
.menu_box ul li span,
.menu_box ul li a:link,
.menu_box ul li a:visited {
	color:#000;
	text-decoration:none;
	display:block;
	border-top:1px solid #e8e8e8;
	border-bottom:1px solid #fff;
	line-height:45px;
	padding:0 0 0 25px;
	background:url(../images/arrow.gif) 10px 20px no-repeat;
}

.top_box ul li span,
.top_box ul li a:visited,
.menu_box ul li span,
.menu_box ul li a:visited {
	color:#7d7d7d;
}

.top_box ul li a:hover,
.top_box ul li a:active,
.menu_box ul li a:hover,
.menu_box ul li a:active {
	color:#ed182a;
	text-decoration: underline;
}

.top_box ul li span,
.menu_box ul li span {
	background-color:#fefefe;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}

.top_box ul li span.bot,
.top_box ul li a.bot,
.menu_box ul li span.bot,
.menu_box ul li a.bot {
	border-bottom:none;
	border-bottom:1px solid #eee;
}

.scheme {
	background: url(../images/scheme.jpg) 0 20px no-repeat;
	width:100%;
	height:243px;
	position:relative;
	font-size:90%;
}
.scheme .ioi,
.scheme .fhi,
.scheme .cci,
.scheme .wpi,
.scheme .usi {
	position:absolute;
	top:0px;
}
.scheme .ioi {left:0;}
.scheme .fhi {left:185px;}
.scheme .cci {left:340px;}
.scheme .wpi {left:590px;}
.scheme .usi {left:800px;}
.scheme .soi {position:absolute; top:36px; left:630px;}
.scheme .soi ul{ list-style: square inside;}
.scheme .soi ul li{font:normal 12px Arial; padding:7px; background:none;}
.scheme .iii1,
.scheme .iii2,
.scheme .iii3,
.scheme .iii4 {position:absolute; top:190px;}
.scheme .iii1 {left:35px;}
.scheme .iii2 {left:200px;}
.scheme .iii3 {left:365px;}
.scheme .iii4 {left:585px;}

.bot_box {
	width:100%;
	margin-top:26px;
	position:relative;
	overflow:hidden;
	font: 12px Arial;
	background-color:#f0f0f0;
	color:#555555;
}
.bot_box h3, h3.black {
	background:url(../images/right_bot.gif) repeat-x;
	height:35px;
	font:bold 13px Tahoma, Arial;
	line-height:35px;
	color:#fff;
	text-align:center;
	position:relative;
	overflow:hidden;
	margin-bottom:8px;
}

h3.black {
margin:14px 0;
}
.bot_box h3 .tr,
h3.black .r{
	display:block;
	background:url(../images/right_bot_corns.gif) no-repeat;
	height:35px;
	width:12px;
	position:absolute;
	right:-6px;
	top:-5px;
}
.bot_box h3 .tl,
h3.black .l{
	display:block;
	background:url(../images/right_bot_corns.gif) no-repeat;
	height:35px;
	width:12px;
	position:absolute;
	left:-6px;
	top:-5px;
}
.bot_box .bl{
	background:url(../images/right_bot_corns.gif) no-repeat;
	height:10px;
	width:12px;
	position:absolute;
	left:-6px;
	bottom:-5px;
}
.bot_box .br{
	background:url(../images/right_bot_corns.gif) no-repeat;
	height:10px;
	width:12px;
	position:absolute;
	right:-6px;
	bottom:-5px;
}
.bot_box p {
	padding:8px 12px;
}
.bot_box ul li {
	background:url(../images/dot.gif) 12px 10px no-repeat;
	padding:8px 12px 8px 28px;
}

.note {
	margin:20px 0 24px;
	position:relative;
	overflow:hidden;
}

.note_inner {
	background-color:#f0f0f0;
	border:1px solid #ddd;
	color:#363636;
	padding:11px 18px;
}


.footer {
	clear:both;
	margin-top:26px;
	margin-bottom:65px;
	position:relative;
	overflow:hidden;
}

.footer_inner {
	background-color:#f0f0f0;
	border:1px solid #ddd;
	line-height:62px;
	color:#636363;
	text-align:center;
	font-size:13px;
}
.footer_inner a:link, .footer_inner a:visited {
	color:#636363;
	text-decoration:underline;
}
.footer_inner a:hover, .footer_inner a:active {
	color:#636363;
	text-decoration:none;
}

.footer .tl, .footer .tr, .footer .bl, .footer .br,
.note .tl, .note .tr, .note .bl, .note .br {
	position:absolute;
	width:12px;
	height:12px;
	background:url(../images/footer_corns.gif) no-repeat;
}
.footer .tl,
.note .tl {
	top:-6px;
	left:-6px;
}
.footer .tr,
.note .tr {
	top:-6px;
	right:-6px;
}
.footer .bl,
.note .bl {
	bottom:-6px;
	left:-6px;
}
.footer .br,
.note .br {
	bottom:-6px;
	right:-6px;
}	

.left_side {
	width: 650px;
	padding-top:13px;
}

.about, .tools, .progs, .rules, .start, .promote  {
	padding-left:100px;
	text-align:justify;
}

span.right,
a.right:link, a.right:visited {
	display:block;
	float:right;
	padding-top:20px;
	color:#898989;
	font-size:12px;
	text-decoration:underline;
}
a.right:hover, a.right:active {
	text-decoration:none;
}
span.right {
	text-decoration:none;
}
.dotted {
	background: url(../images/br_dot.gif) 0 8px repeat-x; 
	padding-top:8px;
	padding-bottom:14px;
	font-size:1px;
}

p.about {
	background:url(../images/ic_about.gif) left top no-repeat;
	height: 74px;
}
p.tools {
	background:url(../images/ic_tools.gif) left top no-repeat;
	height: 75px;
}
p.progs {
	background:url(../images/ic_progs.gif) left top no-repeat;
	height: 100px;
}
p.rules {
	background:url(../images/ic_rules.gif) left top no-repeat;
	height: 125px;
}
p.start {
	background:url(../images/ic_start.gif) left top no-repeat;
	height: 100px;
}
p.promote {
	background:url(../images/ic_promote.gif) left 9px no-repeat;
	height: 100px;
}

a.back:link, a.back:visited {
	display:block;
	float:right;
	color:#898989;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
}
a.back:hover, a.back:active {
	text-decoration:none;
}

.submenu {
	background:url(../images/submenu.gif) repeat-x;
	height:129px;
	position:relative;
	overflow:hidden;
}
.submenu .l, .submenu .r {
	position:absolute;
	width:12px;
	height:129px;
	top:0;
}
.submenu .l {
	background:url(../images/submenu_corns.gif) no-repeat;
	left:-6px;
}
.submenu .r {
	background:url(../images/submenu_corns.gif) no-repeat;
	right:-6px;
}
.submenu table {
	margin: 0;
	width:100%;
	border-collapse:separate;
	border-spacing:10px;
	table-layout:fixed;
}
.submenu table tr td {
	border:1px solid #dedede;
	height:109px;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:center;
	width:18%;
	padding:0;
}
.submenu table tr td.about {
	background:url(../images/icr_about.gif) center 12px no-repeat;
}
.submenu table tr td.tools {
	background:url(../images/icr_tools.gif) center 12px no-repeat;
}
.submenu table tr td.progs {
	background:url(../images/icr_progs.gif) center 12px no-repeat;
}
.submenu table tr td.rules {
	background:url(../images/icr_rules.gif) center 12px no-repeat;
}
.submenu table tr td.start {
	background:url(../images/icr_start.gif) center 12px no-repeat;
}
.submenu table tr td.promote {
	background:url(../images/icr_promote.gif) center 12px no-repeat;
}
.submenu a:link, .submenu a:visited {
	display:block;
	height:40px;
	width:116px;
	color:#ed182a;
	text-decoration:none;
	padding-top:66px;
}
.submenu a:hover, .submenu a:active {
	text-decoration: underline;
}

/*  Page content container  */
.page_content {
	width:732px;
}



/*  Rounded container  */
.rounded_bg {
	width:730px; 
	margin:0px auto 10px; 
	background-color:#cecece; 
	overflow:hidden; 
	position:relative;
}
.rounded_bg .rounded {
	width:728px; 
	margin:1px auto; 
	background-color:#fff; 
	padding:10px 0;
}
.rounded_bg .rounded .tl,
.rounded_bg .rounded .tr,
.rounded_bg .rounded .bl,
.rounded_bg .rounded .br {
	background:url(../images/wh_star.gif); 
	width:14px; 
	height:14px;
}

.rounded_bg .rounded .tl {
	position:absolute; 
	top:-7px; 
	left:-7px; 
}
.rounded_bg .rounded .tr {
	position:absolute; 
	top:-7px; 
	right:-7px; 
}
.rounded_bg .rounded .bl {
	position:absolute; 
	bottom:-7px; 
	left:-7px; 
}
.rounded_bg .rounded .br {
	position:absolute; 
	bottom:-7px; 
	right:-7px; 
}
.rounded_bg .rounded div {
	width:700px;
	margin: auto;
}

/*  User box  */
.usr {
	padding-left:25px;
	background:url(../images/user.jpg) no-repeat;
	border-bottom:1px solid #e8e8e8;
	font-size:14px;
}
.usr span.right,
.usr a.right:link, 
.usr a.right:visited {
	padding-top:0;
}
p.left_arrow {
	line-height:35px;
	padding:0 0 0 25px;
	background:url(../images/arrow.gif) 10px 15px no-repeat;
}




