* { margin: 0; padding: 0; outline: 0; border: 0; }

a { text-decoration: none; color: #b62f2f; }

ul, li { list-style-type: none; }

input, textarea { color: #606060; border: 2px solid #eeeeee; vertical-align: middle; }
input:hover, textarea:hover { border: 2px solid #b62f2f; }

body { color: #516064; background: white; font-family: arial,helvetica,sans-serif; }

div.main { width: 990px; margin: 0 auto 0 auto; clear: both; }

span.highlight { background: #e86161; color: #ffffff; }
span.highlight.term_2 { background: #eda0d8; }
span.highlight.term_3 { background: #aaaaff; }

#heading { width: 100%; }
#heading ul li { float: left; width: 25%; display: block; height: 96px; }
#heading ul li a { display: block; width: 92%; height: 68px; font-size: 35px !important; letter-spacing: -1px; padding-left: 8%; padding-top: 28px; color: #959ea1; text-shadow: 0 0 0 white; }
#heading ul li a.active { color: #405156; }

#content h1 { font-size: 102px; letter-spacing: -7px; text-indent: -6px; margin-bottom: 0px; margin-top: -10px; color: #d1d9dc; text-shadow: 0 0 0 white; }
#content h2 { margin-top: 30px; margin-bottom: 30px; }
#content h2.title { margin-bottom: 0px; }
#content .main { padding-left: 20px; width: 950px; padding-right: 20px; }
#content .text { width: 740px; float: left; }
#content .text p { font-size: 20px; line-height: 30px; margin-bottom: 28px; width: 85%; }
#content .text div.station { padding: 4px; width: 680px; border: 2px solid white; margin-bottom: 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#content .text div.station div.item_content img { float: left; padding-right: 15px; }
#content .text div.station div.item_content p { width: 100%; margin-bottom: 10px; }
#content .text div.station h3 { font-size: 22px; margin-top: 0px; margin-bottom: 10px; }
#content .text div.station p { margin-bottom: 0; }
#content .text div.station:hover { cursor: pointer; color: #516064; background: #edf0f1; border: 2px solid #d9dcdd; }
#content .text div.station div.thumb_status { float: right; }
#content .text div.station div.thumb_status span { font-size: 18px; float: left; text-align: right; width: 22px; padding-left: 2px; padding-right: 2px; }
#content .text div.station div.thumb_status span.distance { text-align: right; width: 100%; }
#content .text div.station div.thumb_status img { margin-top: 4px; float: left; }
#content .text div.paginator { font-size: 20px; text-align: center; }
#content .text div.paginator a { color: #000000; }
#content .sidetext { width: 200px; float: right; }
#content .sidetext ul { margin-bottom: 10px; }
#content .sidetext h2 { font-size: 35px; letter-spacing: -1px; margin-top: 0px; margin-bottom: 20px; font-weight: 300; margin-bottom: 3px; color: #d1d9dc; text-shadow: 0 0 0 white; }
#content .sidetext h3 { font-size: 18px; font-weight: 300; margin-bottom: 0; text-shadow: 0 0 0 white; display: block; margin-left: -10px; padding-left: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#content .sidetext h3:hover { background: #edf0f1; }
#content .sidetext p { font-size: 16px; line-height: 24px; margin-left: 4px; }
#content .sidetext label { float: left; width: 40px; }
#content .sidetext .tools { display: block; padding: 10px 10px 4px; margin-left: 0px; margin-bottom: 10px; margin-top: 20px; background: #edf0f1; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#content div.full_status span { font-size: 30px; }
#content .station { background-color: #eeeeff; }
#content .parking { color: #46469b; }
#content .bike { color: #9b3600; }
#content .disconnected { color: #ff5555; }
#content .bonus { background-color: #eda0d8; }
#content .close { background-color: #e0e0e0; }
#content .no-service { background-color: #ff8b6c; }
#content .parking-only { background-color: #aaaaff; }
#content .bike-only { background-color: #ff9a0a; }
#content .almost-empty { background-color: #ccccff; }
#content .almost-full { background-color: #fcffa3; }

#footer .main { width: 950px; padding-left: 20px; padding-right: 20px; padding-top: 10px; }
#footer .links { size: 15px; text-align: right; padding: 5px; background-color: #898c8d; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#footer .links a { color: #ffffff; }
#footer .links a.mobile { float: left; font-weight: bold; text-align: left; color: #b62f2f; }
#footer .region { float: left; padding: 8px; margin-right: 9px; width: 22%; background-color: #bbbebf; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#footer .region a { font-weight: 400; color: #f7fafb; font-size: 20px; }
#footer .region a:hover { color: #b62f2f; }
#footer .region ul { display: block; float: left; }
#footer .region ul li { padding-left: 10px; }
#footer .region ul li a { font-size: 17px; color: white; }

#veliberator_search input { font-size: 18px; width: 450px; height: 30px; height: 20px !important; padding: 5px; }
#veliberator_search input.pattern { font-style: italic; }
#veliberator_search #search_submit { width: 150px; padding: 0px; height: 30px !important; }

#map { margin-top: -20px; margin-bottom: 20px; background: #bbbebf; -moz-border-radius: 6px; -webkit-border-radius: 6px; width: 680px; height: 300px; padding: 5px; }
#map.direction { height: 500px; }
#map #gmap { width: 100%; height: 100%; }

#directions { font-size: 12px; }
