html, body,
h1, h2, h3, h4, h5, h6, p, pre,
ol, ul, li, dl, dt, dd,
table, tr, th, td,
form, fieldset, legend,
img, sup, sub {
  margin: 0; border: 0; padding: 0;
	font-size: inherit; font-weight: normal;
}
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea, select, button { margin: 0; font: inherit; }
img { display: block; }

html, body { background: #FFF; color: #000; }
body { font: 62.5%/1 Arial, sans-serif; }

a:link, a:visited { border-bottom: 1px solid #EEE; text-decoration: none; }
a:link { color: #048; }
a:visited { color: #444; }
a:hover { color: #048; border-color: #048; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 5px; color: #222; text-shadow: 1px 1px 0 #EEE; }
h1 { font-size: 2.4em; }
h2 { font-size: 1.8em; }
p, ul, ol { margin-bottom: 20px; }
p, li { font-size: 1.2em; line-height: 1.25; }
li { margin-bottom: 5px; }


.filling_station { color: #090; }
.car_wash { color: #28C; }
.service_station { color: #D00; }
.tire_fitting { color: #444; }
.auto_shop { color: #80A; }


#container {}

#toolbar { display: none; border-bottom: 1px solid #AAA; padding: 5px 50px 4px; background: #FFE; }
#toolbar li { margin: 0 50px 0 0; font-size: 1.1em; }
#toolbar li a { color: #048; }

#header {
  position: relative; margin-bottom: 20px; border-bottom: 1px solid #AAA;
  padding: 10px 50px; background: #DDD url(/images/header-bg.png) repeat-x center bottom;
}
body.p_map #header { margin: 0; }
#logo { margin: 0 0 0 -1px; font-size: 3.2em; letter-spacing: -1px; text-shadow: 1px 1px 0 #EEE; overflow: hidden; }
#logo a { float: left; border: 0; color: #222; text-decoration: none; }
#logo span { color: #048; font-size: 0.5em; letter-spacing: 0; }
#logo strong { display: block; margin-left: 2px; font-size: 0.34375em; font-weight: normal; letter-spacing: 0; }

#menu { position: absolute; left: 50%; bottom: -1px; margin: 0 0 0 -273px; }
#menu li {
  float: left; width: 180px; margin: 0; border: 1px solid #AAA; border-right-width: 0;
  background: #EEE; font-size: 1.5em; line-height: 1; text-align: center; text-shadow: 1px 1px 0 #EEE;
}
#menu li.first { border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; }
#menu li.last { border-right-width: 1px; border-top-right-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; }
#menu li.current { border-bottom-color: #FFF; padding: 8px 0; background: #FFF; color: #222; }
#menu li.current a { margin: -8px 0; }
#menu li a {
  display: block; border: 0; padding: 8px 0;
  background-repeat: no-repeat; background-position: 5px center;
  color: #048; text-decoration: underline;
}
#menu li a:hover { color: #D00; }

#message {
  margin: 20px 50px; padding: 10px 40px; background: #FFA url(/images/close.png) no-repeat 8px 8px;
  font-size: 1.8em; text-align: center; cursor: pointer;
  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}

#content { padding: 0 50% 0 50px; overflow: hidden; }
body.p_dashboard #content, body.p_map #content, body.p_notfound #content { padding: 0; }
#content .column { float: left; }
#content .column.l { width: 290px; }
#content .column.m { width: 50%; }
#content .column.r { width: 50%; }
#content .column .block { position: relative; margin: 0 0 40px 50px; }
#content .column .block .icon {
  position: absolute; top: 0; left: -29px; width: 24px; height: 24px;
  background-image: url(/images/block-icons.png); background-repeat: no-repeat;
}
#flexible_cols { margin-right: 50px; overflow: hidden; }
#flexible_cols .column .block { margin-left: 65px; }

#feedback { background: #FFE; border-top: 1px solid #DDD; padding: 20px 50px; }
#feedback p { margin-bottom: 10px; }
#feedback p.thanks { margin: 0; font-size: 1.8em; text-align: center; }
#feedback form { width: 600px; margin: 0 auto; padding: 0; background: transparent; }
#feedback form .actions { margin-top: 10px; }
#feedback textarea { width: 598px; font-size: 1.2em; }
#feedback .error_list { margin: 0; }

#footer { border-top: 1px solid #DDD; padding: 10px 50px 10px 10px; color: #888; }
body.p_dashboard #footer, body.p_map #footer { margin: 0; }
#footer ul { margin: 0; text-align: right; }
#footer li { display: inline; margin: 0 0 0 20px; font-size: 1.1em; }
#footer li.custom_info { float: left; margin: 0 20px 0 0; }
#footer li a { color: #048; }
#footer li a:hover { border-color: #048; }

#twitter { position: absolute; top: 23px; right: 50px; border: 0; }

.links { margin: 0; }
.links li { margin-bottom: 10px; }
.links li .source { margin-top: 1px; color: #888; font-size: 0.917em; }
.links li.pinned { padding-left: 15px; background: url(/images/pin.png) no-repeat left top; }

form { margin: 0 0 20px; padding: 20px; background: #FEA; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.YMaps-balloon form { padding: 11px 9px 11px 12px; background: white; }
form .error_list { margin-bottom: 20px; color: #F00; overflow: hidden; }
form .error_list li { float: left; margin: 0; font-size: 1.1em; }
form p { margin-bottom: 10px; }
form ol li { margin-bottom: 10px; line-height: 1; }
form label { display: block; margin-bottom: 2px; }
form input, form textarea { width: 90%; }
form ol li .error_list { margin: 2px 0 0; }
form ol li .error_list li { font-size: 0.9167em; }
form .actions { margin-top: 10px; font-size: 1.8em; }

#traffic_jams .icon { background-position: 0 0; }
#traffic_jams p { margin: 0 0 5px; }
#bridges { width: 240px; margin-top: 10px; border-bottom: 1px solid #EEE; font-size: 1.1em; }
#bridges .l { text-align: left; }
#bridges .bridge { text-align: center; }
#bridges .r { text-align: right; }
#bridges .free { color: #0A0; }
#bridges .slow { color: #F80; }
#bridges .jam { color: #F00; }
#bridges th { border-bottom: 1px solid #EEE; padding-bottom: 1px; color: #888; }
#bridges td { padding: 5px 2px; }
#bridges td.bridge { font-weight: bold; }

#fuel_prices .icon { background-position: 0 -24px; }
#fuel_prices dl { margin-bottom: -10px; font-size: 1.8em; overflow: hidden; }
#fuel_prices dt, #fuel_prices dd { margin-bottom: 10px; padding: 5px; }
#fuel_prices dt {
  float: left; clear: left; width: 3em; margin-right: 5px; background: #FFC; text-align: center;
  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
#fuel_prices dd { padding: 5px 16px 5px 0; }
#fuel_prices dd .change { font-size: 0.6666em; vertical-align: top; }
#fuel_prices dd .up { color: #F00; }
#fuel_prices dd .down { color: #0A0; }

#weather .icon { background-position: 0 -48px; }
#weather h2 { margin: 0; }
#weather ul { width: 80%; margin: 0 0 5px 0; }
#weather li { position: relative; margin: 0; border-bottom: 1px solid #EEE; padding: 10px 0 10px 42px; font-size: 1em; line-height: 1; }
#weather li.last { border: 0; padding-bottom: 0; }
#content .column .block#weather li .icon {
  position: absolute; top: 50%; left: 5px; width: 32px; height: 32px; margin-top: -16px;
  background-image: url(/images/weather-icons.png); background-repeat: no-repeat;
}
#weather li.fair .icon { background-position: 0 0; }
#weather li.fair_night .icon { background-position: 0 -288px; }
#weather li.partly_cloudy .icon { background-position: 0 -32px; }
#weather li.partly_cloudy_night .icon { background-position: 0 -320px; }
#weather li.cloudy .icon { background-position: 0 -64px; }
#weather li.cloudy_night .icon { background-position: 0 -352px; }
#weather li.mostly_cloudy .icon { background-position: 0 -96px; }
#weather li.mostly_cloudy_night .icon { background-position: 0 -384px; }
#weather li.rain .icon { background-position: 0 -128px; }
#weather li.snow .icon { background-position: 0 -288px; }
#weather li.storm .icon { background-position: 0 -224px; }
#weather li h3 { margin: 0; font-size: 1.1em; text-shadow: none; }
#weather li .temp { margin: 4px 0; font-size: 1.8em; }
#weather li .temp.pos { color: #D00; }
#weather li .temp.neg { color: #468; }
#weather li .phenomena { font-size: 1.1em; font-style: italic; }

#news .icon { background-position: 0 -72px; }
#accidents .icon { background-position: 0 -96px; }

#casco a { color: #0A0; }
#casco a:hover { border-color: #0A0; }

#roadcontrol .icon { background-position: 0 -144px; }
#prostodrive .icon { background-position: 0 -120px; }

#discussions .icon { background-position: 0 -120px; }
#discussions .links li { margin-bottom: 5px; }

#law .icon { background-position: 0 -168px; }

#map_objects_control { margin: 0; padding: 10px; overflow: hidden; }
#map_objects_control li { float: left; margin: 0 20px 0 0; }
#map img { display: inline; }
#map_objects { display: none; }
.map_object { padding: 11px 9px 11px 12px; }
.map_object div { margin-top: 5px; font-size: 1.2em; line-height: 1.25; }
.map_object .descr { margin-top: 10px; border-top: 1px solid #DDD; padding-top: 10px; }
.map_object ul.actions { margin: 10px 0 0; }
.map_object ul.actions li { display: inline; margin: 0 20px 0 0; }
.map_object ul.actions li a { color: #048; }
#map_object_form { display: none; width: 400px; }
.YMaps-balloon #map_object_form { display: block; }
#map_object_type { width: 40%; }

#cars_numlist { overflow: hidden; }
#cars_numlist li { float: left; margin: 0 20px 10px 0; }
#cars_reglist .code, #cars_numlist li { font: 1.5em 'Courier New', monospace; }

body.p_car #content { padding: 0 50px; }
body.p_car #content .column.l, body.p_car #content .column.r { width: 50%; }
body.p_car #content .column.l .block { margin: 0 25px 0 0; }
body.p_car #content .column.r .block { margin: 0 0 0 25px; }
body.p_car #content h2 { color: #0A0; }

#bookmarklet {
  float: left; margin: 10px 0 0 20px; border: 2px solid #AAA; padding: 8px 16px;
  background: #DDD; color: #000; font-size: 1.8em; text-shadow: 1px 1px 0 #EEE;
  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}

.btn, a.btn { border-bottom: 1px dashed #048; color: #048; cursor: pointer; }
.btn.new, a.new { color: #0A0; }
.btn.new, a.new:hover { border-color: #0A0; }
.btn.delete, a.delete { color: #F00; }
.btn.delete, a.delete:hover { border-color: #F00; }

.YMaps-balloon .YMaps-b-balloon-m { font-size: 10px; }

.hidden { display: none; }

.spinner { position: absolute; z-index: 999; background: #FFF; opacity: 0.9; filter: alpha(opacity=90); }
.spinner-msg { text-align: center; font-weight: bold; }
.spinner-img { width: 16px; height: 16px; margin: 0 auto; background: url(/images/spinner.gif) no-repeat; }

body.p_notfound #content { text-align: center; }
body.p_notfound #content a { display: block; border: 0; }
body.p_notfound #content img { margin: 0 auto; }