html { height: 100%; }

body {
	font: 70% "Trebuchet MS", arial, sans-serif;
	height: 100%;
}

#loading-mask{
	position:absolute;
	left:0;
	top:0;
    width:100%;
    height:100%;
    z-index:20000;
    background-color:#EFEFEF;
}

#loading{
	position:absolute;
	left:45%;
	top:40%;
	padding:2px;
	z-index:20001;
    height:auto;
}
#loading img {
    margin-bottom:5px;
}
#loading .loading-indicator{
	background:#EFEFEF;
	color:#555;
	font:bold 13px Arial, sans-serif;
	padding:10px;
	margin:0;
    text-align:center;
    height:auto;
}

#contentLoading {
	position:absolute;
	z-index: 19000;
	background-color: white;
	white-space: nowrap;
	border: 1px solid #666;
	padding: 10px;
	font-weight: bold;
	opacity: 0.85;
	filter: alpha(opacity = 85);
	color: #2F2F2F;
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 14px;
}

#banner {
	position:absolute;
	z-index: 19000;
	width: 100%;
	background-color: #FFFF99;
	white-space: nowrap;
	border-top: 1px solid #FFD100;
	padding: 6px;
	font-weight: bold;
	opacity: 0.80;
	filter: alpha(opacity = 80);
	color: #1F1F1F;
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 14px;
	bottom: 25px;
	display:none;
}

#topBanner {
	background-color: #191b1d;
	background-repeat:repeat-x;
	color: #fff;
	font-family: sans-serif;
	height: 20px;
}

#topBannerLeft, #topBannerRight {
	position: absolute; 
	top: 5px; 
	left: 0; 
	width: 400px;
	height: 25px;
	overflow: hidden;
	color: white;
}

#topBannerMiddle {
	position: fixed; 
	height: 25px;
	left: 300px;
	right: 300px;
	top: 0;
	bottom: 0;
	overflow: auto;
	text-align: center; 
}

#topBannerRight {
	left: auto;
	right: 0; 
	width: 500px;
	overflow: hidden;
	color: white;
	text-align: right; 
}

#topBannerMiddleText {
	padding-top: 5px;
	text-transform: uppercase;
	font-size: 10px;
}

#userMenu {
	font-size: 11px;
}

#userID {
	float: right;
	font-size: 11px;
	font-weight: bold;
}

#agencyID {
	float: left;
	font-size: 11px;
	font-weight: bold;
}

#topMenuLinks {
	float: right;
}






div.logo {
	padding: 5px;
}

.right {
	float:right;	
}

.left {
	float:left;	
}

#headerTable {
	border-collapse:collapse;
}

#requestagencyButton {
	margin-right: 5px;	
}

img.socialNetworkButton {
	border: 0px;	
}

a.socialNetworkLink {
	margin-left: 2px;
	margin-right: 2px;
}

a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a.tip-link {
	color: #000;
}

.menubox-subheader {
	font-weight:bold;
	font-variant: small-caps;
	margin: 0 0 4px 0;
	color: #373737;
	font-size: 12px;
}
	
.menubox {
	background-color: #efefef;
	padding: 8px;
	margin-bottom: 4px;
}

.collapsedMenubox {
	margin-bottom: 4px;
}

/* Search Box */

#addressBar {
	width:100%;
	border-collapse:collapse;
	padding: 2px;
}

#searchAddressForm {
	margin-bottom: 35px;
}

#search-address-input {
	width: 100%;
	margin: 4px 0 4px 0;
}

#agencyJumpDiv {
	margin-bottom: 10px;	
}

#search-submit-button {
	margin: 4px 0 8px 0;	
}

#sampleAddress {
	font-size: 10px;
}

/* Radius */

label.radius-label {
	font-weight: bold;
	font-size: 12px;
}

label.radius-label-toggle-off {
	margin-right: 10px;
	color: #CC0000;
}

label.radius-label-toggle-on {
	margin-right: 10px;
	color: #009900;
}

label.radius-display-label-off {
	color: #C0C0C0;
}

/* Crime Types Box */

#crime-type-table {
	width: 100%;
	margin-top: 8px;
	border-collapse:collapse;
}

td.checkbox-crime-type-cell {
	padding-left: 10px;
}

td.crime-type-cell {
	padding: 3px;
}

label.crime-type-label {
	font-size: 12px;
}

label.minor-crime-type-label {
	color: #3F3F3F;
}

label.major-crime-type-label {
	font-weight: bold;
}

tr.crime-type-row-white {
	background-color: #fff;
}

tr.crime-type-row-gray {
	background-color: #F6F6F6;
}

tr.crime-type-row-divide {
	border-top: 1px solid #EFEFEF;
}


input.select-button {
	margin: 4px;
	font-size: 10px;	
}

img.key {
	width: 16px;
	height: 16px;	
}

/* Date Range Box */

#display-time-slider {
	margin: 4px 0 0 10px;
}

#timeSlider {
	margin: 10px 10px 0 10px;	
}

#date-range-label {
	margin: 10px;
	background-color: #d4d6d6;	
}


/* Analytic Layers Box */

#analytic-layer-table {
	border-spacing: 6px;
	width: 100%;
}

.calculateLink {
	color: #000;
	font-size: 10px;	
}

.resolution-label {
	font-weight: bold;
	font-size: 11px;
}

/* Blog Feed Box */

#blogFeedList {
	margin-left: 0;
	padding: 4px;
}

li.blogFeedItem {
	padding: 4px;	
}

a.blogHeadlines {
	color: #1E314B;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}

a.blogHeadlines:hover {
	text-decoration: none;
}

/* Map */

#map_canvas { 
	width:100%;
	height:100%;
}

/* Grid */

#grid_canvas { 
	width:100%;
	height:100%;
}

/* Meta Table */

#meta-table { width:750px; float: left; margin: 0px; }
.meta-row-even { width:750px; float: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ededed; border-top-width: 1px; border-top-style: solid; border-top-color: #ffffff; background-color: #f9f9f9; border-right-width: 1px; border-right-style: solid; border-right-color: #ededed; }
.meta-row-odd { width:750px; float: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ededed; border-top-width: 1px; border-top-style: solid; border-top-color: #ffffff; background-color: #FFFFFF; border-right-width: 1px; border-right-style: solid; border-right-color: #ededed; }
.meta-row-header { width:730px; height:90px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }

.meta-agency-badge { width:90px; height:90px; margin-right: 10px; background-color: #EEEEEE; float: left; }
.meta-agency-name { font-size: 16px; font-family: sans-serif; font-weight: bold; width: 630px; float: left; }
.meta-upload-date { width: 630px; float: left; margin-top: 10px; font-family: sans-serif; font-size: 12px; }
.meta-contact-phone { width: 630px; float: left; margin-top: 10px; font-family: sans-serif; font-size: 12px; }

.meta-row-content{ width:750px; height:160px; float: left; font-family: sans-serif; font-size: 12px; }
.meta-row-content-left { width: 235px; float: left; padding-left: 10px; padding-right: 5px; }
.meta-row-content-middle { width: 240px; float: left; padding-left: 5px; padding-right: 5px; }
.meta-row-content-right { width: 235px; float: left; padding-left: 5px; padding-right: 10px; }
.meta-row-content-title { font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EEEEEE; }
.meta-row-content-label { font-weight: bold; float: left; padding-right: 5px; }
.meta-row-content-cell { }

a.agencyMetaURL { color: #3B5999; text-decoration: underlined; }
a.agencyMetaURL:hover { text-decoration: none; }

/* Misc */

a.messageBox {
	color: #1E314B;
}

.blog-month { font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 18px; color: #888888; padding-right: 10px; line-height: 1em; padding-top: 10px; }
.blog-day { font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 32px; font-weight: bold; color: #444B4D; padding-right: 10px; line-height: 1em; }
.blog-year { font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 14px; color: #888888; line-height: 1em; padding-right: 10px; }
.blog-headline { font-family: Arial, Helvetica, sans-serif; text-align: left; text-decoration: underline; color: #0099FF; font-size: 14px; font-style: normal; font-weight: bold; padding-top: 10px; }
.blog-headline a { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #0099FF; font-style: normal; font-weight: bold; font-size: 12px; }
.blog-description { font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 11px; color: #777777; }

.x-grid3-cell-inner,.x-grid3-hd-inner {	
	white-space: normal !important;
}