/*
Description: MAP.Krivbass.info individual elements formatting
Author: Melnichuck Oleg
Author URI: http://my.opera.com/melnichuck
*/

/* global */
body {
	background:url(../images/bg-body-header.gif) repeat-x;
	color:#333;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:12px;
	position:relative;
}

#container {width:850px; margin:0 auto; padding-bottom:3em; position:relative; z-index:0}

a {color:#425f7f; outline:none; text-decoration:none}
a:hover {color:#f60; text-decoration:underline}

.hidden {display:none}
.loading {background-image:url(../images/loading.gif); background-position:center; background-repeat:no-repeat}

/* header */
#header {height:44px; background:url(../images/bg-header-city.png) no-repeat}
#header img {float:left}
#header a.button {height:19px; float:right; color:#333; font-size:11px; line-height:18px; margin:15px 0 0 7px}
#header a.button:hover {background-position:bottom; line-height:19px; text-decoration:none}
#header h1 {width:250px; color:#fff; float:right; font-size:24px; font-weight:normal; margin-top:7px; text-align:right}
a#login,
a#logoff {width:80px; background:#ffcc11 url(../images/bt-login.gif) top no-repeat}
a#sign-in {width:103px; background:#c4c6c8 url(../images/bt-register.gif) top no-repeat}

#user-menu {width:290px; height:24px; float:right; color:#fff; list-style:none; padding-top:15px;}
#user-menu li {display:inline; line-height:18px; padding-left:20px}
#user-menu a {color:#fff; text-decoration:underline}
#user-menu a:hover {color:#ffcb05}

#main-nav  {height:20px; list-style:none; margin:3px 0 10px 0; padding-left:35px}
#main-nav li {color:#ffcb05; float:left; border-right:#ffcb05 solid 1px; padding:0 20px}
#main-nav a {color:#fff; cursor:pointer}
#main-nav li span {font-size:11px}
#main-nav .active {color:#ffcb05; cursor:default}
#main-nav .active:hover {text-decoration:none}
#main-nav .nav-banner {border-right:none; float:right; margin:2px 0 0 5px; padding:0}

/* content */
#controls {width:50px; clear:both; float:left; list-style:none; margin:0; padding:0; text-align:center}
#controls li {margin:0 auto}
#controls li img {padding:5px 10px; border:#fff 1px solid; cursor:pointer}
#controls li a:hover img {border:#ffcb05 1px solid; position:relative; top:-1px}
#controls .active {background:#f0fff3; border:#999 1px solid; -moz-border-radius:5px; -webkit-border-radius:5px}
#controls a:hover .active {border:#999 1px solid; cursor:default; position:relative; top:0}

#map {width:600px; height:500px; float:left; background:#eee; position:relative; top:5px; left:10px}
#map-mask {width:600px; height:500px; background:#f0fff3; border:#999 1px solid; overflow:hidden; position:absolute; top:-5px; left:-5px}
#map-main {display:block; position:absolute; top:0; left:0}
#noJS {width:300px; height:40px; background:#fff; border:#ed1c24 2px solid; color:#b30c12; font-size:20px; padding:20px 10px; position:absolute; top:180px; left:140px;}
#status {width:550px; background-repeat:no-repeat; color:#666; position:absolute; bottom:-1.7em; left:0; padding-left:20px; text-align:left}

/* sidebar */
.sidebar {width:156px; clear:right; float:right; margin-bottom:1em; padding:0 10px; text-align:left}
.sidebar h2 {border-bottom:#69cbe9 solid 1px; color:#c3272f; font-size:1.3em; font-weight:normal}
.sidebar ol {font-size:0.9em; list-style:none; margin:1em 0; padding:0}
.sidebar li {background:url(../images/bullet-sidebar.gif) no-repeat; line-height:1.7em; padding-left:1em}
.sidebar img {display:block}

.minimap {padding:0 20px 0 0 !important; padding:0 /* MSIE6 hack */; position:relative}

#viewport {border:#999 solid 1px; min-width:5px; min-height:4px; position:absolute; top:0; left:0}
#beacon {position:absolute; top:0; left:0}

.system-link {color:#099247; font-size:0.9em; text-decoration:underline}

.search {height:64px; background:#64cae9 url(../images/bg-search.gif) no-repeat}
.search h2 {border:none; color:#fff; margin:6px 0}
.search div {position:relative}

#search-results {width:166px; padding:0}
#search-results div {height:200px; overflow:auto}
#results a {width:150px; display:block; border-bottom:#d9f2f9 1px dotted; line-height:20px; overflow:hidden}
#results a.active {color:#c3272f; font-weight:bold; text-decoration:underline;}
#results a:hover {background:#fffcea; color:#c3272f}

#query {width:148px; border:#86bbc6 solid 1px; color:#666; font-size:11px; padding:3px}
#query:hover {border:#5096a4 solid 1px; color:#333}
#submit-query {position:absolute; left:137px; top:5px}

.tip {background:url(../images/bg-tips.gif) no-repeat; color:#666; font-size:0.9em; padding-bottom:1em}
.tip h2 {border:none; color:#0d8644; margin:5px 0;}
.tip p {margin:0; padding:0}

/* ads */
#ads {width:832px; height:104px; background:url(../images/bg-down-banners.jpg) no-repeat; clear:both; float:left; list-style:none; margin:25px 0 0 13px; padding-top:26px; text-align:left}
#ads li {width:234px; height:60px; display:inline; margin-left:40px; padding:0}

/* footer */
#copyright {clear:both; color:#128450; font-size:0.9em; padding:10px 0 5px 0}
#copyright a {color:#128450; text-decoration:underline}
#copyright a:hover {color:#075531}

/* map error form */
#map-error-form {width:400px; height:300px; background:url(../images/bg-map-error-form.gif) no-repeat; color:#666; position:absolute; top:100px; left:200px}
#f-map-error {width:330px; height:200px; margin:85px 20px 0 50px}
#f-map-error div {width:100%; clear:both; padding-top:10px; text-align:left}
#f-map-error label {width:auto; float:left}

#error_type,
#error_comment  {background:#fff; float:right}
#error_type {width:230px}
#error_comment {width:317px; height:90px}

/* overlay layer */
#mist {width:100%; height:800px; background:#fff; position:absolute; top:0; left:0; z-index:auto}

/* login form */
#user-auth {width:250px; background-color:#fff; border:#ccc 2px solid; overflow:hidden; padding:25px; position:absolute; top:25%; left:35%; z-index:auto}
#user-auth h4 {color:#eee; font-size:34px; font-weight:bold; position:relative; top:-10px}
#user-auth p {display:inline; /* MSIE hack */}
#user-auth input.ftext {width:170px; height:17px; border:#999 1px solid; clear:right; float:right; margin-top:2px}
#user-auth input.ftext:hover {border-color:#666}
#user-auth input.ftext:focus {background:#ffffe1; border-color:#666}
#loginForm label,
#registerForm label {width:60px; height:23px; color:#666; clear:left; float:left; text-align:right; margin-top:2px}

#messageBox {color:#ed1c24; list-style:none; margin-bottom:10px; text-align:left}
#messageBox li {margin-left:0.5em; padding-left:0.5em}
#messageBox label {font-weight:normal}

a.close-form,
a.submit-form,
#submit-comment {width:100px; font-weight:bold; margin-top:15px}

a.close-form {color:#d91a20; clear:left; float:left}
a.submit-form,
#submit-comment {color:#197b30; clear:right; float:right}

#f-map-error a {width:auto; margin-top:0}