@charset "utf-8";
/* stucture */
html{height:100%; background:#7e8ba5; height:100%}
body{ margin:2%; margin-top:0px; background:#FFF; border:3px solid #6d788e; border-top:none; }
*{font-size:12px; font-family:Arial, Helvetica, sans-serif}
#main #top		{ min-width:780px; margin-left:8%; height:115px;}
#main #top .logo			{ background:url(../images/logo.jpg); height:85px; width:165px; float:left}
#main #top .logo_christmas			{ background:url(../images/logo_christmas.jpg); height:85px; width:165px; float:left}

#main #top .slogan			{ background:url(../images/logo_slogan.gif); width:347px; height:25px; float:left; margin-top:70px; margin-left:10px}
#main #middle	{ position:relative; width:100%;}
#main #middle #links		{ width:18%; position:absolute; border:1px dashed #ccc;margin-left:1%; left:0px; top:0px; padding:3px}
#main #middle #main_content	{ width:75%; margin-left:22%; background:#f8fcfe; padding-top:20px; padding-bottom:20px}
/* detal links */
#main #middle #links h1{ font-size:14px; margin:5px; margin-top:15px}
#main #middle #links hr{ border:none; height:1px; background:#ddd; width:80%}
#main #middle #links div { margin-left:10%; width:90%}
#main #middle #links .stat pre{ display:inline}
#main #middle #links .stat strong{ position:absolute; left:60%}
#main #middle #links .enter input{ width:85%; display:block; font-size:10px}
#main #middle #links .enter input.enter{ font-size:12px; margin-top:5px; width:89%}
#main #middle #links .menu a{ display:block; text-decoration:none; width:100%}
#main #middle #links .menu a:hover{ display:block; font-weight:bold}
#main #middle #links #coin{ width:80%; background-repeat:no-repeat; background-position:center; cursor:default}
#main #middle #links .coin_on{ background:url(../images/coin_on.jpg); height:72px; margin-top:40px; margin-bottom:50px; cursor:pointer !important}
#main #middle #links .coin_off{ background:url(../images/coin_off.jpg);height:51px; margin-bottom:50px;margin-top:40px;}
#main #middle a{ color:#0066FF}
#main #middle a:hover{ text-decoration:none}
/* detal content */
#main #middle #main_content .bl{ width:95%; margin:3%; margin-top:0px; cursor:default;}
.bl .icon{margin-left:5px}
.bl .text{height:100%; padding-left:3%;}
.bl .text p{ display:block; width:100%}
.bl h1{ display:block; font-size:14px; margin:0px; margin-bottom:10px}
.bl .info{font-size:10px;width:100%;}

.bl#err{ background:#f8f3f0; border:2px solid #b47950}
.bl#err *{color:#b47950 !important}
.bl#err .icon{ background:url(../images/bl_e.gif); width:88px; height:47px;}

.bl#reg{ background:#eef8fa; border:2px solid #4c9bb8}
.bl#reg *{color:#4c9bb8 !important}
.bl#reg form{ margin:0px;}
.bl#reg hr{ background:#4c9bb8 !important ; height:2px !important }
.bl#reg input{ margin:1px; font-size:10px; color:#666 !important; margin-right:5%; border:1px dashed #4c9bb8; padding:2px}
.bl#reg input.ch{ margin:1px; border:none}
.bl#reg input.sub{ margin-left:5%; margin-top:10px; margin-bottom:7px; width:190px; font-size:12px; background:#FFF; cursor:pointer}
.bl#reg .icon{ background:url(../images/bl_reg.gif); width:146px; height:42px}

.bl#anv{ background:#f5f8f3; border:2px solid #83ae6d;}
.bl#anv *{color:#83ae6d !important}
.bl#anv .icon{ background:url(../images/bl_s.gif); width:92px; height:43px;}

.bl#mess{ background:#f9f9f2; border:2px solid #b6b366}
.bl#mess *{color:#b6b366 !important}
.bl#mess .icon{ background:url(../images/bl_m.gif); width:131px; height:35px;}
/*	main_content */
#main #middle hr{ width:80%; border:none; height:1px; background:#ccc}

#des{ margin-left:6%; margin-right:5%; padding:1%; text-align:justify; color:#444}
#des .more_des{ color:#0066FF; display:block; width:100%; text-align:right}
#news{ margin-left:3%}
#news h1{ font-size:16px}
#news div{ margin-left:5%; width:90%}
#news  h2{ display:inline; color:#555; font-size:13px}
#news  i{ margin-left:10px; color:#666}
#news div a{ display:inline !important}
#news .all_news{ display:block; width:95%; text-align:right;}
/* footer */
#bottom { background:#3f5980; height:60px; margin-top:40px; color:white; padding-left:10px; padding-top:10px; position:relative}
#bottom a{color:white !important; text-decoration:none; font-size:12px; font-weight:bold}
#bottom a:hover{ text-decoration:underline !important}
#bottom .author{ position:absolute; bottom:5px; left:20px; cursor:default}

h1{ font-size:15px;}

/*style for buttons */
input.blue{margin:1px; background:#eef8fa; font-size:12px !important; color:#666 !important; margin-top:10px; margin-bottom:10px;
 border:1px solid #4c9bb8; padding:3px; cursor:pointer; font-weight:bold}
input.rollOverBlue{margin:1px; background:#ddf1f5; font-size:12px !important; color:#444 !important; margin-top:10px; margin-bottom:10px;
 border:1px solid #4c9bb8; padding:3px; cursor:pointer; font-weight:bold}

input.darkBlue{margin:1px; background:#3f5980 ; font-size:12px !important; color:#FFF !important; margin-top:10px; margin-bottom:10px;
 border:1px solid #ccc; padding:3px; cursor:pointer; font-weight:bold;}
input.rollOverDark{margin:1px; background:#0d2d64 ; font-size:12px !important; color:#FFF !important; margin-top:10px; margin-bottom:10px;
 border:1px solid #ccc; padding:3px; cursor:pointer; font-weight:bold;}

/* Content Style */
#tableBlock td{ padding:5px}
#tableBlock table{ border:1px solid #ddd; background:#fff;border-collapse:collapse}
#tableBlock table td{ border-left:1px dotted #ccc; text-align:left}
#tableBlock table tr.titles td { font-size:14px; font-weight:bold; padding-left:10px; border-bottom:1px dotted #ccc; }
#tableBlock table tr.titles td a{ color:#fff !important}
#tableBlock table tr.titles td a:hover{ text-decoration:underline !important ; color:#dde8ea !important}
#tableBlock table .grey{background:#f2f2f2 ; color:#555}
#tableBlock table .blue{background:#3f5980 ; color:#FFF}
#tableBlock a{ font-size:12px; text-decoration: none;}

#pageList{padding-left:10%}
#pageList a,#pageList label,#pageList span{ display:block; float:left;
 margin-left:3px; padding:4px 10px 4px 10px; cursor:default; color:#333;}
#pageList a,#pageList label{position:relative;top:-5px}
#pageList a{ background:#f1f1f1 ; border:1px solid #ddd; cursor:pointer; text-decoration:none; color:#555 !important}
#pageList a:hover{ background:#ddd ; border:1px solid #bbb; text-decoration:none}
#pageList label{ background:#ccc; border:1px solid #aaa; color:#222}

/* Всплывающие подсказки */
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}