@import url("http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css");

html {
	overflow: hidden
}

body {
	height: 100%;
	max-height: 100%;
	margin: 0;
	border: 0;
	padding: 0;
	overflow: hidden;
	color: black;
	background: white none
}

td, div {
	font-family: Arial,sans-serif;
	font-size: 10pt
}

form {
	display: inline
}

p {
	margin-top: 0.8em;
	margin-bottom: 0
}

h1 {
	margin-top: 0;
	font-size: x-large
}

#cboRegion {
	width:223px
}

#btnSet {
	width:3em
}

#header {
	position: fixed;
	left: 4px;
	top: 0;
	right: 0;
	height: 72px;
	padding-top: 4px
}

#tagline {
	position: relative;
	font-family: Arial,sans-serif;
	font-size: 11pt;
	left: 1.5em;
	top: -0.6em
}

#imgStations, #imgCameras {
	vertical-align: sub
}

#optionsContainer {
	position: absolute;
	right: 6px;
	top: 10px;
	width: 288px
}

div.spacer {
  clear:both;
  margin:0;
  padding:0;
  width:auto
}

.optionLabel {
	float: left;
	width: 60px;
	text-align: right;
	padding-top: 3px;
	font-family: Arial,sans-serif;
	font-size: 10pt
}

.optionValue {
	float: right;
	width: 222px;
	text-align: left
}

#sidebarContainer {
	position: fixed;
	right: 0;
	width: 176px;
	top: 72px;
	bottom: 0;
	overflow: hidden
}

#showHideControl {
	position: absolute;
	top: 50%;
	cursor: pointer;
	display: inline;
	width: 6px;
	height: 12px;
	right: 169px;
	padding: 0;
	vertical-align: middle
}

#mapContainer {
	position: fixed;
	top: 72px;
	left: 0;
	right: 176px;
	bottom: 0
}

#map {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

#statsContainer {
	position: absolute;
	top: 82px;
	left: 8px;
	height: 85px;
	width: 160px
}

#stats {
	border: 1px solid gray;
	width: 160px;
	background: #f5f5f5;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	text-align: center
}

#statsHeader {
	padding-bottom: 0.3em
}

#stats0, #stats1, #stats2, #stats3, #stats4, #stats5, #stats6 {
	padding-left: 4px
}

#lastUpdate {
	padding-top: 0.3em;
	font-size: 0.8em
}

#locationContainer {
	position: absolute;
	top: 0;
	left: 8px;
	height: 89px;
	width: 160px
}

#location {
	border: 1px solid gray;
	background: #f5f5f5;
	width: 160px;
	padding-top: 3px;
	padding-bottom: 5px;
	text-align: center
}

#txtLocations {
	width: 6.5em;
	color: gray;
	background: white;
	text-align: center
}

#incidentsContainer {
	position: absolute;
	top: 166px;
	bottom: 32px;
	left: 8px;
	width: 160px;
	overflow: hidden;
	border: 1px solid gray;
	background: #f5f5f5
}

#incidents {
	position: absolute;
	padding-left: 4px;
	width: 156px;
	height: 100%;
	overflow: auto;
	text-align: center
}

#statsLink {
	text-decoration: underline;
	color: blue
}

#creditContainer {
	position: absolute;
	bottom: 5px;
	left: 8px;
	height: 18px;
	width: 160px;
	border: 1px solid gray;
	background: #f5f5f5
}

#credit {
	height: 1.7em;
	font-family: "MS Sans Serif", sans-serif;
	font-size: 8pt;
	text-align: center;
	padding-top: 1px
}
	
.cleared {
	color: green;
	font-weight: bold
}

.subtext {
	font-size: 0.8em
}

.severityImage {
	width: 14px;
	height: 10px;
	border: none
}

.statLink {
	text-decoration: none;
	color: black
}

.statLink:hover {
	text-decoration: underline;
	color: blue
}

.sidebarLink, .sidebarLinkSelected {
 	cursor: pointer;
 	margin-top: 3px;
 	margin-bottom: 5px;
 	font-size: 0.7em;
 	text-align: left;
 	line-height: 100%;
 	border: 1px solid #f5f5f5
}

.sidebarLinkSelected {
	color: black;
	background: #f8f8ff;
	border: 1px solid silver
}

.wrapper {
	width: 100%;
	height: 100%
}

.wrapperContainer {
	position: absolute;
	width: 100%;
	height: 100%
}

.messageVisible {
	position: absolute;
	left: 30%;
	top: 45%;
	cursor: default;	
	background-image: url(images/alphaBackground.png);
	width: 40%;
	text-align: center;
	padding: 2em;
	border: 8px ridge gray;
	z-index: 200;
	font-weight: bold
}

.messageHidden {
	display: none
}


.infoWindow {
	text-align: center
}

.fuelStation {
	text-align: left;
	white-space: nowrap;
	padding-left: 22px
}

.speedCamera {
	text-align: center
}

.speedLimit {
	border: solid 2px red;
	width: 5em;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
}

.carPark {
	text-align: left;
	padding-top: 4px;
	padding-left: 22px
}

.contextMenu {
	position: absolute;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc #676767 #676767 #cccccc;
	cursor: pointer;
	z-index: 1000
}

.menuItem {
	background-color: white;
	border-color: #0000cc;
	padding: 2px 0 2px 8px;
	width: 120px;
	font-family: Arial,sans-serif;
	font-size: 10pt;
	color: #4100dd
}

.menuItem:hover {
	background-color: #d3e3fe

}

.divider {
	border-color: #cccccc black black;
	border-style: solid none none;
	border-width: 1px medium medium
}

#google_ads_frame, #google_ads_frame1, iframe[name=google_ads_frame] {
	position: absolute;
	right: 290px;
	top: 6px;
	width: 234px;
	height: 60px
}

.toggle {
	padding-right: 4px;
	cursor: pointer;
	color:gray
}

.textGap {
	padding-left: 0.2em
}

.extreme {
	font-weight: bold;
	color: #dc143c
}

.severe {
	font-weight: bold;
	color: #ff4500
}

.major {
	font-weight: bold
}

.minor, .slight {
	font-style: italic
}

.unknown {
	font-weight: normal
}