/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: screen.css
* Version: 1.0.1 (2008-03-17)
* Website: Закрытый сайт знакомств
* Author: m1ron
* Description: Main CSS file.
* Page width: 980px>100%

*/



/* _default styles reset
========================================== */
html {width:100%;height:100%;font:14px Georgia, "Times New Roman", serif;}
body {width:100%;height:100%;padding:0;margin:0;color:#d3cbad;background:#000;}

p {margin:0 0 14px 0;}
dfn,var,address {font-style:normal;}
h1,h2,h3,h4,h5,h6 {margin:0;font:12px Georgia, "Times New Roman", serif;color:#d3cbad;}

a {color:#d3cbad;text-decoration:none;}
a:hover {color:#ffe660;}
img {border:none;}

ul {padding:0;margin:0 0 14px 0;list-style:none;}
ul li {padding:0 0 6px 30px;background:url('../img/ico/li.gif') no-repeat 12px 8px;}
td,th {padding:0;}

form,input,select,label,textarea,button {margin:0;}

/* _my universal styles  */
.both {width:100%;clear:both;overflow:hidden;}
.clear {width:100%;height:1px;clear:both;overflow:hidden;display:block;}


/* _wrap
========================================== */
#wrap {
width:100%;
min-width:980px;
height:100%;
min-height:540px;
max-height:760px;
overflow:hidden;
position:relative;
z-index:1;
}
#container {
width:100%;
height:100%;
border-collapse:collapse;
}
#container td {
width:100%;
height:100%;
vertical-align:middle;
}


#loader {
width:100px;
margin:-30px 0 0 -50px;
position:absolute;
top:50%;left:50%;
z-index:1;
}
#loader img {
width:32px;
height:32px;
margin:0 auto 5px auto;
display:block;
}
#loader span {
padding:0 0 0 10px;
display:block;
text-align:center;
cursor:default;
}


#login {
width:888px;
height:132px;
margin:0 0 0 -444px;
position:absolute;
bottom:5px;left:50%;
z-index:3;
display:none;
}
#login .bg {
width:888px;
height:132px;
position:absolute;
top:0;left:0;
z-index:1;
background:url('../img/login.png') no-repeat 0 0;
}
#login .form {
width:320px;
position:absolute;
top:58px;left:287px;
z-index:2;
}
#login form {display:block;}
#login p {
width:100%;
margin:0 0 3px 0;
display:block;
overflow:hidden;
}
#login p.recover {
margin:-3px 0 0 0;
text-align:center;
}
#login label {
width:74px;
height:18px;
padding:1px 0;
display:block;
float:left;
font:14px/17px Georgia, "Times New Roman", serif;
}
#login input.text {
width:225px;
height:17px;
padding:2px 10px 1px 10px;
border:none;
display:block;
position:relative;
float:left;
font:12px/17px Georgia, "Times New Roman", serif;
color:#f8f4f0;
cursor:text;
background:url('../img/input.png') no-repeat 0 0;
}
#login button {
width:160px;
height:54px;
border:none;
position:absolute;
cursor:pointer;
font:14px Georgia, "Times New Roman", serif;
color:#d3cbad;
background:url('../img/button.png') no-repeat 0 0;
vertical-align: middle;
padding-top: 15px;
padding-bottom: 20px;
}
#login button:hover {color:#ffe660;}
#login button.enter {
top:14px;left:372px;
}
#login button.recieve {
top:14px;left:-218px;
}




#scroll {
width:50%;
height:760px;
position:absolute;
top:0;left:50%;
z-index:2;
display:none;
}
#pic {
width:5964px;
height:760px;
overflow:hidden;
position:absolute;
top:0;left:-2982px;
z-index:1;
display:none;
background:url('../img/pic.jpg') repeat-x 50% 0;
}
#scroll .left {
width:20%;
height:760px;
position:absolute;
top:0;left:-100%;
z-index:2;
display:none;
background:url('../img/blank.gif') repeat 0 0;
}
#scroll .right {
width:20%;
height:760px;
position:absolute;
top:0;right:0;
z-index:2;
background:url('../img/blank.gif') repeat 0 0;
}







.popup {
width:175px;
overflow:hidden;
position:absolute;
top:140px;left:2953px;
z-index:2;
}
.popup .cnt {
padding:1px 12px 0 12px;
font:12px Georgia, "Times New Roman", serif;
color:#000;
background:#dcdcdc;
}

.popup .top {
height:11px;
position:relative;
overflow:hidden;
}
.popup i {
width:106px;
height:81px;
display:block;
position:absolute;
top:0;left:0;
background:url('../img/popup.png') repeat-x 0 0;
}
.popup .top .c {
height:11px;
margin:0 30px;
position:relative;
}
.popup .top .c i {width:100%;}
.popup .top .r {
width:30px;
height:11px;
overflow:hidden;
position:absolute;
top:0;right:0;
}
.popup .top .r i {top:-11px;left:-76px;}
.popup .top .l {
width:30px;
height:11px;
overflow:hidden;
position:absolute;
top:0;left:0;
}
.popup .top .l i {top:-11px;left:0;}

.popup .btm {
height:24px;
position:relative;
overflow:hidden;
}
.popup .btm .c {
height:12px;
margin:0 40px;
overflow:hidden;
position:relative;
background:#dcdcdc;
}
.popup .btm .r {
width:40px;
height:24px;
overflow:hidden;
position:absolute;
top:0;right:0;
}
.popup .btm .r i {top:-22px;left:-66px;}
.popup .btm .l {
width:40px;
height:24px;
overflow:hidden;
position:absolute;
top:0;left:0;
}
.popup .btm .l i {top:-22px;left:0;}
.popup2 .btm .l i {top:-57px;left:0;}
.popup2 .btm .r i {top:-57px;left:-66px;}


#imgmap {
width:5964px;
height:760px;
display:block;
position:absolute;
top:0;left:0;
z-index:1;
}
area {cursor:default;}

.window {
width:600px;
margin:0 0 0 -300px;
overflow:hidden;
display:none;
position:absolute;
top:140px;left:50%;
z-index:5;
}
.window .top {
width:600px;
height:19px;
position:relative;
overflow:hidden;
}
.window .bottom {
width:600px;
height:44px;
margin:0 0 -21px 0;
position:relative;
top:-21px;
z-index:1;
overflow:hidden;
}
.window .top i,
.window .bottom i {
width:600px;
height:164px;
display:block;
position:absolute;
top:0;left:0;
background:url('../img/window.png') no-repeat 0 0;
}
.window .bottom i {top:-20px;}

.window .cnt {
padding:0 11px;
background:url('../img/window-cnt.png') repeat-y 0 0;
}
.window .in {
min-height:100px;
padding:6px 16px;
overflow:hidden;
position:relative;
z-index:2;
color:#302122;
background:#d2d1cf url('../img/window.png') no-repeat 0 -64px;
}
.window .in a {color:#e31a19;text-decoration:underline;}
.window .in a:hover {text-decoration:none;}

h3 {
margin:0 0 18px 0;
display:block;
color:#543c3d;
font-size:20px;
text-align:center;
}
h3 strong {
font-size:22px;
color:#e31a19;
}

#shadow {
width:100%;
height:100%;
position:absolute;
top:0;left:0;
z-index:4;
display:none;
cursor:default;
background:url('../img/shadow.png') repeat 0 0;
}

.operator, .days, .remark {margin-bottom: 1em;}

.error {
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 140px;
	z-index: 10;
	font-weight: bold;
	color: yellow;
}

.sub { position: absolute; top: 1em; width: 100%; text-align: center; z-index: 10; }
.sub a { margin: 0 1em; font-size: 0.8em; }