@charset 'UTF-8';

@import url('icons.css');
@import url('input.css');
@import url('menu.css');


* {
	margin: 0; padding: 0;
}

body
{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 68.8%;
	line-height: 1.273em;
	color: #393734;
	overflow-X: hidden;
	overflow-Y: scroll;
	background-color: #fff;
}

header, nav, footer, aside, section, article { 
	display: block;  
}

#main {
	width: 957px;
	margin: 25px auto 0;
	border: 1px solid transparent;
}

#logo {
	width: 245px;
	height: 171px;
	background-image:url('../../img/logo.png');
	background-size: 245px 171px;
	border: 1px solid transparent;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	#logo { 
		background-image:url('../../img/logo@2x.png');
		background-size: 245px 171px;
	}
}

article {
	margin: 82px 0 0 10px;
}

article > #left {
	width: 180px;
	height: expression(this.scrollHeight < 38 ? '37px' : 'auto');
	min-height: 37px;
	margin-right: 10px;
	padding: 0 5px 5px;
	float: left;
	border: 1px solid #d7d7d7;
}

article > #center {
	width: 733px;
	height: expression(this.scrollHeight < 38 ? '37px' : 'auto');
	min-height: 37px;
	padding: 0 5px 5px;
	float: left;
	border: 1px solid #d7d7d7;
}

article > #center.v2 {
	width: 531px;
}

article > #center.no-border {
	width: 740px;
	padding: 0 0 5px;
	border: none;
}

article > #right {
	width: 180px;
	height: expression(this.scrollHeight < 38 ? '37px' : 'auto');
	min-height: 37px;
	margin-left: 10px;
	padding: 0 5px 5px;
	float: left;
	border: 1px solid #d7d7d7;
}

.panel, .window {
	height: expression(this.scrollHeight < 31 ? '30px' : 'auto');
	min-height: 30px;
	margin: 5px 0 0;
	padding: 0 5px;
	border: 1px solid #a2cbdd;
}

#center.no-border > .panel {
	margin: 0;
	padding: 0;
}

#center.no-border > .window {
	margin-top: 0;
	padding: 0;
	border: 0;
}

.panel.success {
	background-color: #ffff89;
	border: 1px solid #6b8f43;
}

.panel.error {
	background-color: #ffff89;
	border: 1px solid #ff7f37;
}

.head {
}

.head span {
	height: 16px;
	margin: 7px 3px 7px 5px;
	float: left;
}

.head span.btn {
	width: 16px;
	display: block;
	cursor: pointer;
}

.head span.txt {
	height: 15px;
	padding: .1em 0 0;
}

.panel .content, .window .content {
	width: 168px;
	height: expression(this.scrollHeight < 11 ? '10px' : 'auto');
	min-height: 10px;
	margin: 0 0 5px;
	padding: 5px 0 0;
}

#center.no-border > .panel .content, #center.no-border > .window .content {
	padding: 0;
}

#center div.window > .content { width: 721px; }
#center.v2 .window > .content { width: 519px; }

#top {
	width: 950px;
	padding: .67em 0 .1em .1em;
	display: block;
	font: .909em/1.182em Verdana,Tahoma,sans-serif;
	line-height: 1.182em;
	text-align: right;
}

footer {
	width: 944px;
	margin: 6px auto 20px;
	font: .909em/1.182em Verdana,Tahoma,sans-serif;
	color: #888985;
	text-align: right;
}

.clear {
	clear: both;
}

h1 {
	padding: .395em .35em .41em 0;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 1.273em;
	line-height: 1.273em;
	text-align: right;
	font-weight: normal;
	border-bottom: 1px solid transparent;
	clear: right;
}

.panel.success h1, .panel.error h1
{
	margin: 4px 0 0;
	padding: 3px 0 1px 25px;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 11px;
	color: #393734;
	line-height: 1.364em;
	text-align: center;
	font-weight: normal;
}

.overlay {
	top: 0; left: 0; right: 0; bottom: 0;
	position: fixed;
	z-index: 250;
	display: none;
	background: url('../../img/overlay.png') repeat top left transparent;
}

ul {
	list-style-type: none;
}

a {
	color: #6aacc8;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.lnk {
	padding: 0 0 0 11px;
	background: url('../../img/lnk.png') no-repeat 1px 5px transparent;
}

p {
	margin: 0 0 2px;
	padding: .14em 0 .22em 0;
	line-height: 1.273em;
}

.hidden {
	display: none;
}

.invisible {
	visibility: hidden;
}

.clear {
	clear: both;
}
