h2 {font-size: 1.1em; margin: 0 0 10px 0; padding: 0 0 0 22px;}
h3 {font-size: 1.1em; margin: 0 0 5px 0; padding: 0;}
p {margin: 10px 0;}

div.block {background: #eeeeee; margin: 0 0 10px 0; padding: 10px; text-align: left;}
div.step {background: #dddddd; margin: 0 0 5px 0; padding: 5px 10px; text-align: left;}
div.area {background: #bdbef7; margin: 0 0 5px 0; padding: 5px 10px;}
div.red {background: #ee0000; color: #ffffff;}
div.yellow {background: #eeee00; color: #000000;}
div.one {width: 280px; background: #dcd9f8; margin: 0 0 5px 10px; padding: 5px 10px;}
div.get {width: 200px; margin: 10px 0 0 5px; padding: 10px; background: #bdbef7; float: right; text-align: center;}

/** MENU **/
#navigation {width: 258px; margin: 0 0 0 5px; float: right;}
#search-box {width: 238px; margin: 0 0 10px 0; padding: 10px; background: #e3e3e3 url('/g/profile-menu-top-xl.gif') no-repeat; border-bottom: 2px solid #d2d2d2;}
#search-box h2 {background: url('/g/i-search.gif') no-repeat left;}
#user {width: 160px;}
#search {width: 60px; float: right;}

/** ŚRODEK **/
#main {width: 652px; float: left;}

/** Mapa **/
#map-head {background: url('/g/map-head-t-xl.gif') bottom; height: 6px; font-size: 1px; margin: 0; padding: 0;}
#map-top {border: 1px solid #ABA694; border-top: none; background: url('/g/map-head-m.gif') repeat; margin: 0; padding: 0; height: 90px;}
#map-top p {width: 220px; float: right; margin: 5px 10px;}
#map-top img.logo {margin: 10px 0 10px 10px; width: 295px; float: left;}
#map-top div.info {width: 250px; float: left; margin: 5px 15px;}
#map-top h1 {margin: 0;}
#map-top center {width: 158px; height: 65px; overflow: hidden; float: right; margin: 10px;}
#map-top div.plate {margin: 5px 0;}
#map-menu {border: 1px solid #ABA694; border-top: none; background: #DAD6C7; margin: 0; padding: 0px 5px; font-size: 0.9em;}
#map-menu table th {margin: 0; padding: 0; width: 20px;}
#map-menu table td {margin: 0; padding: 0 10px 0 0;}
#map {border: 1px solid #ABA694; border-top: none; padding: 0; margin: 0; width: 650px; height: 600px; overflow: hidden; background: #FCF6DC;}
#map-foot {border: 1px solid #ABA694; border-top: none; background: #D4D2C4; margin: 0; padding: 5px 10px; font-size: 0.9em; height: 16px;}

#info-top {background: url('/g/user-loc-top-xl.gif') no-repeat 0 0; height: 8px; font-size: 1px;}
#info {background: #FCF6DC; height: 90px; width: 650px; border: 1px solid #ABA694; border-top: none;  overflow: hidden;}

div.car-info {width: 190px; height: 60px; float: right; background: #ECE6CC; margin: 5px 10px; padding: 7px 10px;}
div.model {margin: 2px 0; background: #DCD6BC;}
div.image {float: left; width: 85px; height: 25px; margin: 2px 5px 0 0; padding: 5px; background: #DCD6BC;}
div.plate {float: right; width: 80px; height: 17px; margin: 2px 0 0 0; padding: 9px 5px; background: #DCD6BC;}
div.user-info {width: 300px; margin: 5px 0; float: left; padding: 0;}
div.user-info h1 {margin: 0 0 5px 0; font-size: 20px;}
div.avatar {float: left; width: 70px; background: #ECE6CC; margin: 0 10px; padding: 2px 5px;}
div.avatar img {width: 60px; height: 60px; margin: 5px; padding: 0;}
div.info-bottom {margin: 0; padding: 2px 10px 5px 10px; font-size: 0.8em; border-top: 1px solid #ABA694;}

#locs {border: 1px solid #ABA694; border-top: none; border-right: none; padding: 0; margin: 0; width: 492px; height: 400px; overflow: hidden; background: #FCF6DC; float: left;}
#last {z-index: 900;}

#history {border: 1px solid #ABA694; border-top: none; background: #FCF6DC; margin: 0; padding: 0; font-size: 0.9em; width: 157px; height: 552px; float: right; overflow: scroll; overflow-x: hidden; overflow-y: show;}
div.history {width: 139px; height: 48px; background: #FCF6DC; border: 1px solid #999; border-top: none; border-left: none; padding: 2px 5px; overflow: hidden; cursor: pointer;}

#stats {border: 1px solid #ABA694; border-top: none; border-right: none; background: #FCF6DC url('/g/statistics-bg.gif') repeat bottom left; margin: 0; padding: 0; width: 492px; height: 151px; float: left; position: relative;}
#buttons {height: 16px; border-bottom: 1px solid #ABA694; font-size: 0.9em; padding: 0; overflow: hidden;}
#buttons div {background: #FCF6DC; width: 246px; float: left; text-align: center; cursor: pointer; height: 16px;}
#buttons div.selected {background: #ECE6CC;}
#scroll {width: 492px; height: 134px; margin: 0; padding: 0; overflow: scroll; overflow-x: scroll; overflow-y: hidden; float: left;}
#scroll table {padding: 0; margin: 0;}
#scroll table td {vertical-align: bottom; padding: 0; margin: 0;}
#altitudes {margin: 0; padding: 0 1px; height: 120px;}
#speeds {margin: 0; padding: 0 1px; height: 120px; display: none;}
div.stat {border: 1px solid #999; background: #ff3; padding: 0; margin: 0; cursor: pointer; width: 6px;}

#pop {width: 220px; height: 83px; background: #ECE6CC; border: 3px solid #ABA694; position: absolute; z-index: 999; display: none; padding: 5px 10px; overflow: hidden; cursor: pointer;}
#addr {background: url('/g/s.gif') no-repeat 50%; width: 220px; height: 35px; margin: 5px 0; border: 1px dashed #ABA694; border-left: none; border-right: none;}

#trace {font-size: 10px; background: #FFFF00; width: 80px; text-align: center; font-weight: bold; border: 1px solid #ABA694; padding: 3px 5px; position: absolute; z-index: 999; display: none; overflow: hidden; cursor: pointer;}
#alert {font-size: 10px; background: #0000FF; color: #FFFFFF; padding: 3px 5px; position: absolute; z-index: 999; display: none; overflow: hidden; cursor: pointer;}

div.max {background: #f00;}
div.over {background: #ECE6CC;}
#stats div.over {background: #0000FF;}

span.date {padding: 0 0 0 22px; background: url('/g/miploloc-date.gif') no-repeat 0 0; font-weight: bold;}
span.speed {padding: 0 0 0 22px; background: url('/g/miploloc-speed.gif') no-repeat 0 0; margin: 0 10px 0 0;}
span.high {padding: 0 0 0 22px; background: url('/g/miploloc-high.gif') no-repeat 0 0;}

/** Lista **/
#list {width: 238px; margin: 0 0 10px 0; padding: 12px 10px; background: #e3e3e3 url('/g/profile-menu-top-xl.gif') no-repeat; border-bottom: 2px solid #d2d2d2;}
#list h2 {background: url('/g/i-near.gif') no-repeat left;}
#list div {margin: 2px 0; border-bottom: 1px dashed #bbb;}
img.car {cursor: pointer;}