/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Filename: screen.css
* Version: 1.0.0 (2009-19-04)
* Website: Helicopter
* Author: m1ron
* Description: Main CSS file.
* Page width: 980px<100%
*/



/* _основные стили
========================================== */
html {width:100%;height:100%;font:12px Georgia, "Times New Roman", serif;}
body {width:100%;height:100%;padding:0;margin:0;color:#333;background:#fff;}

p {margin:0 0 14px 0;}
dfn,var,address {font-style:normal;}
small {font-size:90%;}

a {color:#004276;text-decoration:underline;}
a:hover {text-decoration:none;}
img {border:none;}

ul {padding:0;margin:0 0 14px 24px;}
ol {margin:0 0 14px 38px;}
ul,ol,li {padding:0;}



/* _универсальные классы  */
.both {width:100%;clear:both;overflow:hidden;}
.clear {width:100%;height:1px;clear:both;overflow:hidden;display:block;}


/* _контейнер
========================================== */
#wrap {
width:950px;
min-height:100%;
margin:0 auto;
position:relative;
z-index:1;
}
#spacer {
width:100%;
height:60px;
overflow:hidden;
clear:both;
}


/* _подвал
========================================== */
#footer {
width:950px;
height:56px;
position:absolute;
bottom:0;left:0;
z-index:2;
}
p#copyright {
margin:0;
display:block;
position:absolute;
top:24px;left:0;
font:12px Arial, Helvetica, sans-serif;
}
p#copyright a {color:#333;}
p#powered {
position:absolute;
top:6px;right:0;
font:12px Arial, Helvetica, sans-serif !important;
}
p#powered * {font:12px Arial, Helvetica, sans-serif !important;color:#333 !important;}


/* _уголки
========================================== */
.tl,.tr,.bl,.br {
width:8px;
height:8px;
overflow:hidden;
position:absolute;
}
.tl {top:0;left:0;}
.tr {top:0;right:0;}
.bl {bottom:0;left:0;}
.br {bottom:0;right:0;}
.tl i,.tr i,.bl i,.br i {
width:16px;
height:16px;
display:block;
font-size:1px;
position:absolute;
background:url('../images/heli/borders.png') no-repeat 0 0;
}
.tl i {top:0;left:0;}
.tr i {top:0;left:-8px;}
.bl i {top:-8px;left:0;}
.br i {top:-8px;left:-8px;}


/* _шапка
========================================== */
#header {
width:950px;
height:188px;
position:relative;
z-index:2;
}
#logo {
position:absolute;
top:13px;left:5px;
}
#logo img {
width:183px;
height:121px;
display:block;
}
#menu {
width:100%;
position:absolute;
left:0;top:145px;
background:#78b5df url('../images/heli/menu.png') repeat-x 0 0;
}
#menu ul {
height:35px;
padding:0 0 0 8px;
margin:0;
list-style:none;
position:relative;
z-index:2;
font:12px/19px Arial, Helvetica, sans-serif !important;
}
#menu li {
padding:0;
float:left;
position:relative;
}
#menu p {
margin:0;
display:block;
position:relative;
z-index:2;
cursor:pointer;
text-transform:uppercase;
}
#menu p a {
padding:8px;
display:block;
color:#fff;
text-decoration:none;
}
#menu p a img {
display:block;
position:relative;
top:1px;
}



#menu form {
margin:0;
padding:8px;
display:block;
}
#menu input.text {
width:165px;
padding:2px 3px;
font:12px Arial, Helvetica, sans-serif;
color:#333;
border:none;
display:block;
float:left;
background:#fff url('../images/heli/search.png') no-repeat 0 0;
}

#menu li ul {
width:210px;
height:auto;
padding:0;
display:none;
position:absolute;
top:35px;left:0;
z-index:1;
}
#menu li ul li {
padding:0;
float:none;
position:static;
background:url('../images/heli/menu-p.png') repeat 0 0;
}
#menu li ul li a {
padding:3px 8px;
display:block;
position:relative;
color:#fff;
text-decoration:none;
background:url('../images/heli/ico/blank.gif') repeat 0 0;
}
#menu li ul li a:hover {text-decoration:underline;}
#menu li:hover p,#menu li.hover p {background:url('../images/heli/menu-p.png') repeat 0 0;}
#menu li.rss p,#menu li.rss:hover p,#menu li.search p,#menu li.search:hover p {background:none !important;}
#menu li:hover ul,#menu li.hover ul {display:block;}

#profile {
padding:5px 10px;
position:absolute;
top:0;right:0;
font:12px/16px Arial, Helvetica, sans-serif;
color:#333;
background:#e4e4e4 url('../images/heli/log.png') repeat-x 0 0;
}
#profile strong {font:bold 14px Georgia, "Times New Roman", serif;}
#profile a {color:#333;}
#banner1 {
position:absolute;
top:56px;left:220px;
}
#banner2 {
position:absolute;
top:56px;left:596px;
}
#banner1,#banner2 {
width:355px;
height:75px;
display:block;
}
#text {
width:540px;
margin:0;
display:block;
font-size:12px;
line-height:18px;
position:absolute;
top:3px;left:220px;
}
#text a {color:#333;}




#shadow {
width:100%;
height:100%;
position:absolute;
top:0;left:0;
z-index:2;
cursor:default;
display:none;
background:url('../images/heli/shadow.png') repeat 0 0;
}
.popup {
width:300px;
margin:-200px 0 0 -200px;
position:absolute;
top:50%;left:50%;
z-index:3;
display:none;
}
.popup .space {
padding:10px;
background:url('../images/heli/shadow.png') repeat 0 0;
}
.popup .in {
padding:12px 15px;
overflow:hidden;
position:relative;
background:#fff;
}
.popup .close {
position:absolute;
top:12px;right:12px;
}
.popup .close img {
display:block;
}

.popup p {
margin:0 0 14px 0;
display:block;
overflow:hidden;
font:12px Arial, Helvetica, sans-serif;
}
.popup h3 {
margin:0 0 14px 0;
}
.popup label {
font:12px Arial, Helvetica, sans-serif;
}
.popup label.bold {
width:50px;
padding:3px 10px 3px 0;
float:left;
display:block;
}
.popup input.text {
width:182px;
display:block;
float:left;
}
.popup input.checkbox {
display:block;
float:left;
}
.popup p.remember {
margin:-5px 0 14px 0;
}
.popup p.remember label {
padding:0 0 0 5px;
display:block;
float:left;
font-size:12px;
}
.popup input.submit {
padding-top:2px;
padding-bottom:2px;
margin:0 auto;
display:block;
font-size:14px;
line-height:16px;
}
.popup p.forgot {
margin:0;
text-align:center;
}
.popup p small {
color:#666;
}
.popup p.error input.text {
border-color:red;
color:#666;
}
.popup span.error {
width:160px;
padding:3px 0 0 60px;
display:block;
clear:both;
float:left;
font:11px Arial, Helvetica, sans-serif;
color:red;
}


#register label.bold,
#recover label.bold {
width:auto;
padding:3px 0;
float:none;
}
#register p,#recover p {margin:0 0 8px 0;}
#register input.text,
#recover input.text {
width:242px;
float:none;
}
#register input.submit,
#recover input.submit {
margin-top:8px !important;
}
#register span.error,
#recover span.error {
width:100%;
padding:0;
}