* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	background-color: #ffffff;	
	color:#000000;
}
a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

img {
	border: none;
}
input {
	vertical-align: middle;
}

h1 {color: #7290a2; margin: 0 0 10px 0; font-size: 26px;}

h2
{
font-size: 12px;
color:#5e6766;
margin: 10px 0 10px 0;
clear:both;
}

h3
{
font-size: 16px;
color: #385684;
margin: 12px 0 10px 0;
}

.inp-fld
{
	width: 205px;
	padding: 2px;
	font-size: 13px;
	margin-top:2px;
}

.inp-chkbx
{
margin-right: 3px;
}

.inp-area
{
width: 205px;
font: 12px Arial;
height: 100px;
padding: 3px;
margin: 0;
white-space: pre-wrap;
word-wrap: break-word;
}

#wrapper {
	width: 100%;
	min-width: 980px;
	min-height: 100%;
	height: auto !important;
	height: 100%;

}

.clearfix::after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

/* Header
-----------------------------------------------------------------------------*/
#header {
	border-top: 11px solid #9CB5C4;
}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
	padding: 0 0 100px;
}

.HeaderInner {
height: 90px;
margin: 0 auto;
width: 990px;
}

.Logo
{
background: url(/img/logo.png) left top no-repeat;
height: 58px;
width: 306px;
float:left;
margin:15px 0 0 0;
}

.MemberArea
{
float:right;
margin: -48px 0 0px 0;

}

.MemberArea ul
{
list-style-type: none;
}

.MemberArea li {
float: left;
display: inline;
margin: 0px 10px 2px 0px;

}

a.malink, a.malink:visited {
	color: #5e6766;
	text-decoration:none;
border-bottom:#5e6766 1px dotted;
padding:2px;
cursor: pointer;
}

a.malink:hover {
	color: #385684;
	text-decoration:none;
border-bottom:#385684 1px dotted;
cursor: pointer;
}


.maico
{
float:left;
background: url(/img/memberarea.png) no-repeat 0 -13px;
width:15px;
height:13px;
margin: 3px 5px 0 0;
}

.exit
{
background: url(/img/memberarea.png) no-repeat 0 0px;
}

.MainNav
{
float:left;
width:670px;
margin:36px 0 0 10px;

}

.MainNav ul
{
list-style-type: none;
margin: 0;
padding: 0;
height: 100%;
}

.MainNav li {
float: left;
display: inline;
text-align: center;
margin: 0px 10px 0px 10px;
}

a.navlink, a.navlink:visited {
	color: #5e6766;
	text-decoration:none;

}

a.navlink:hover {
	color: #385684;
	text-decoration:none;
}

a.navlink.active {
	color: #5b93b5;
}

.MemberNav
{
height:18px;
padding: 5px;
background: #eeeeee;
clear:both;
-moz-border-radius: 2px; /* Mozilla Firefox */
-webkit-border-radius: 2px; /* Chrome и Safari */
border-radius: 2px; /* All br */
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.30);
border:1px #ffffff solid;
color:#385684;
margin: 0 0 10px 0;
}

.mnavl
{
float:left;
}
a.mtlink, a.mtlink:visited {
	color: #000000;
	text-decoration:underline;

	padding:5px;
}

a.mtlink:hover {
	color: #385684;
	text-decoration:none;
}



.topshade
{
background: url(/img/top-shade.png) no-repeat;
margin: 0 auto;
height: 20px;
width: 980px;
}

#MainContent {
min-height: 1000;
margin: 0 auto;
width: 990px;
}

.ContentTxt
{
width: 990px;
padding:5px;
margin: 0 0 15px 0;
line-height:1.8em;

}

.ContentTxt p
{
margin: 8px 0 0 0;
}

.ContentList ul
{
list-style-type: none;
margin: 0;
padding: 0;
height: 100%;
}

.ContentList li {
padding-left: 20px;
background: url(/img/list.png) no-repeat 3px 50%;
}

.Columns
{
width: 990px;
text-align:center;
margin: 0 0 25px 0;
/*border:1px #ddd solid;*/
}

.mpImg
{
float:left;

}

.mpImgTxt
{
float:left;
text-align:left;
}

.mpImgTxt p
{
margin: 5px 0 0 0;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	margin: -90px auto 0;
	min-width: 980px;
	height: 90px;
	background: #616161;
	position: relative;
}

.logo-btm
{
background: url(/img/logo-btm.png) no-repeat;
width:55px;
height:35px;
margin: 30px 0 0 0;
float:left;
position: relative;
}


.contact
{
width: 900px;
margin: 0 auto;
position: relative;
background-color: #616161;
height:90px;
}

.BottomTXT
{
float:left;
margin: 22px 0 0 20px;
color:#C9C9C9;
}

a.btmlink, a.btmlink:visited {
	color: #C9C9C9;
	text-decoration:underline;
	padding:5px;
}

a.btmlink:hover {
	color: #ffffff;
	text-decoration:none;
}

.payico
{
background: url(/img/pay-system.png) no-repeat;
width: 126px;
height:25px;
float:right;
margin:15px 0 0 0;
cursor: pointer;
position:absolute;
}

.fld_loginf, .fld_regf {
position: absolute;
width: 250px;
min-height: 150px;
margin: 25px 0 0 -100px;
background: url(/img/loginf-bg.png) repeat;
padding: 6px;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
z-index: 10000;
display:none;
}

.loginf-c span, .regf-c span
{
font-weight:bold;
}

.loginf-c, .regf-c
{
margin: 0 0 0 10px;

}

.loginf-c p, .regf-c p
{
margin: 7px 0 2px 0;
}

._x {
float: right;
background: url(/img/x_21px.png) no-repeat;
width: 21px;
height: 21px;
cursor: pointer;
margin-top:-5px;
}

.pages
{
clear:both;
position: relative;
padding: 5px;
width: 500px;
margin: 9px 0 25px 0px;
text-align: center;
font-size: 13px;
}


.p_listed_l, .p_listed_r
{
margin:0 15px 0 10px;

}

.p_listed_r
{
margin:0 10px 0 10px;
}

.p_m_n
{
font-size: 13px;
padding: 0 3px 0 2px;
}

.button_yellow, .button_gray {
  text-align: center;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  *display: inline;
  position:absolute;
  zoom: 1;
  height:24px;
  float:left;
}
.button_yellow,  .button_gray  {
  margin: 2px 5px;
}
.button_yellow button, .button_gray button {
border:1px solid;
background: none;
font-size: 12px;
margin: 0px;
cursor: pointer;
white-space: nowrap;
outline: none;
padding: 4px 14px 4px;
*padding: 4px 15px 3px;
font-family: arial, sans-serif;
overflow: visible;
height:24px;
}
.button_wide {
  display: block;
}
.button_wide button {
  width: 100%;
}

.button_yellow button::-moz-focus-inner,
.button_gray button::-moz-focus-inner
{
  border:0;
}

.button_yellow {
  border: 1px solid #ff8f02;
  background: #ffc939;
  }
.button_yellow button {
border-top-color: #ffca66;
border-bottom-color: #ffc939;
border-left-color: #ffc939;
border-right-color: #ffc939;
color: #FFF;
text-shadow:0 1px 0 #e8780b;
*border: 0;
background: url(/img/grey.png) #ffcd68 repeat-x top;
background-position: 0px -16px;
*background-position: 0px -16px;
}
.button_yellow button:hover {
background-position: 0px -8px;
}
.button_yellow button:active {
  background: #ffa100;
  border: 1px solid #ffb700;
  position:relative;
}



.button_gray {
  border: 1px solid #b3b3b3;
  background: #e0e0e0;
}
.button_gray button {
border-top-color: #ffffff;
border-bottom-color: #e5e5e5;
border-left-color: #e7e7e7;
border-right-color: #e7e7e7;
color: #444;
text-shadow:0 1px 0 #ffffff;
*border: 0;
background: url(/img/grey_btn.png) #dddddd repeat-x top;
background-position: 0px -54px;
}
.button_gray button:hover {
background-position: 0px -46px;
}
.button_gray button:active {
  background: #dcdcdc;
  border: 1px solid #dcdcdc;
  position:relative;
}

.title_shdw
{
background: #eaeaea; /*url(/images/shadow.png) repeat-x left bottom;*/
width: 300px;
position:absolute;
float:left;
z-index:999;
padding:8px;
min-height:15px;
margin: -12px 0 -150px 15px;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
}

.fld_err
{
float:left;margin-left:5px;
color:red;
}

#demo-frame
{
padding:10px;
border:1px #ddd solid;
width:500px;
min-height:300px;
margin:7px 0 0 0;
background:  #f5f5f5 url(/img/demo-bg.png);

}

#demo-logo
{
background: url(/img/demo-logo.png);
width:257px;
height:37px;

}

#demo-content h1
{
color: #000; margin: 0px 0 15px 5px; font-size: 22px;
}

#demo-content hr
{
color: #ddd; margin: 0px 0 10px 0px;
}

#demo-content
{
padding:12px;
}

#demo-bottom
{
background: #005596;
width:522px;
height:50px;
margin:0 0 0px 0px;
}

.demo-btm-logo
{
background: url(/img/demo-btm-logo.png);
width:196px;
height:27px;
margin:12px 0 0 10px;
position:absolute;
}

.demo-submit
{
padding:7px;
}