/*
CSS Reset
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {
	font-family: "Lucida Grande", Arial, Sans-Serif;
	font-size: 10px;
	color: #555555;
}
a {
	color: #ff5f00;
}
	a:hover {
		color: #CC2222 !important;
		text-decoration: underline !important;
	}
	a:active {
		color: #BB4444 !important;
	}
	a.arrow {
		background: url("../img/sprite-table-icons.gif") right -99px no-repeat;
		padding-right: 13px;
	}
.clear {
	clear: both;
}

#site {
	width: 84.9em;
	margin: 0px auto;
	padding-left: 3em;
	padding-right: 3em;
}
	#header {
		margin-top: 2em;
		position: relative;
		height: 6.1em;
	}
		#header #logo
		, #header #logo img {
			width: 12.5em;
			height: 1.7em;
		}
		#header ul.account {
			position: absolute;
			right: 0em;
			top: .2em;
		}
			#header ul.account li {
				float: right;
				margin-left: 1.5em;
				font-size: 1.1em;
			}
		#header ul.nav {
			position: absolute;
			top: 3.1em;
			left: 0em;
			height: 2.8em;
			display: block;
			border: 1px solid #616161;
			width: 84.7em;
			background: url("../img/sprite-nav.gif") left top repeat-x #696969;
		}
			#header ul.nav li {
				float: left;
				border-left: 1px solid #909090;
				border-right: 1px solid #666666;
			}
				#header ul.nav li.on {
					border-left: 0px;
					border-right: 0px;
				}
				#header ul.nav li.first {
					border-left: 0px;
				}
				#header ul.nav li.last {
					border-right: 0px;
					padding-top: .6em;
					height: 2.2em;
				}
				#header ul.nav li a {
					color: #FFFFFF !important;
					padding-left: 1.9em;
					padding-right: 1.9em;
					text-decoration: none;
					padding-top: .6em;
					height: 2.2em;
					display: block;
					font-weight: normal;
					text-shadow: 1px 1px 2px #000000;
				}
					#header ul.nav li a:hover {
						background: #303030;
						text-decoration: none !important;
					}
					#header ul.nav li a span {
						font-size: 1.3em;
					}
				#header ul.nav li.on a {
					background: url("../img/sprite-nav.gif") left -100px repeat-x #404040;
					padding-right: 2em;
					padding-left: 2em;
				}
			#header ul.nav .corner-bl
			, #header ul.nav .corner-br
			, #header ul.nav .corner-tl
			, #header ul.nav .corner-tr {
				background: url("../img/sprite-nav.gif") left -200px no-repeat;
				width: 2px;
				height: 2px;
				position: absolute;
			}
			#header ul.nav .corner-bl {
				left: -1px;
				bottom: -1px;
			}
			#header ul.nav .corner-br {
				background-position: left -250px;
				right: -1px;
				bottom: -1px;
			}
			#header ul.nav .corner-tl {
				background-position: left -300px;
				left: -1px;
				top: -1px;
			}
			#header ul.nav .corner-tr {
				background-position: left -350px;
				right: -1px;
				top: -1px;
			}


#content {
	
}
	#content h1 {
		font-size: 2.5em;
		font-weight: bold;
		margin-left: .75em;
		margin-top: .8em;
		margin-bottom: .8em;
	}
	#content div.gutter {
		width: 27.9em;
		float: right;
		padding-top: 2em;
	}
		#content div.gutter h2 {
			font-size: 1.4em;
			color: #4a4a4a;
		}
		#content div.gutter p {
			margin-top: 1em;
			font-size: 1.1em;
			color: #888888;
			line-height: 1.7em;
		}
		#content .gutter input {
			font-size: 1.1em;
		}
	#content form.delete {
		width: 53.8em;
		clear: left;
		position: relative;
		z-index: 10;
	}
		#content form.delete input {
			position: absolute;
			right: 5.9em;
			bottom: -.8em;
			font-size: 1.6em;
		}
	#content form.edit {
		width: 53.8em;
		clear: left;
		position: relative;
	}
		#content form.edit input.editButton
		, #content form.edit input.cancelEditButton {
			font-size: 1.6em;
			position: absolute;
			right: 1em;
			top: -.6em;
			padding-left: .5em;
			padding-right: .5em;
		}
		#content form.edit input.cancelEditButton {
		}
		#content form.edit fieldset {
			padding-left: 2em;
			padding-right: 3em;
			padding-top: 1em;
			padding-bottom: 1em;
			border: 1px solid #d9d9d9;
			background: #f3f3f3;
			color: #777777;
		}
			#content form.edit fieldset.alt {
				border-top: 1px solid #f3f3f3;
				border-bottom: 1px solid #f3f3f3;
				background: #e9e9e9;
			}
			#content form.edit fieldset .row {
				clear: left;
			}
			#content form.edit .label {
				width: 38%;
				padding-right: 2%;
				float: left;
				clear: both;
				margin-top: .95em;
				margin-bottom: .95em;
				font-size: 1.2em;
				text-shadow: 0px 1px 1px #FFFFFF;
			}
			#content form.edit .fields {
				width: 60%;
				float: left;
				margin-top: .7em;
				margin-bottom: .7em;
			}
				#content form.edit fieldset.submit .fields {
					width: auto;
					margin: 0em;
				}
				#content form.edit .fields.values
				, #content form.edit .fields.readOnly {
					margin-top: .8em;
					font-size: 1.3em;
					color: #555555;
					text-shadow: 0px 1px 1px #FFFFFF;
				}
				#content form.edit .fields label {
					font-size: 1.2em;
					margin-right: 2em;
					display: block;
					float: left;
					padding-top: .4em;
				}
					#content form.edit .fields label input.radio {
						margin-right: .5em;
					}
				#content form.edit .fields input.text {
					font-size: 1.2em;
					width: 45%;
					padding: .2em;
				}
				#content form.edit .fields select {
					font-size: 1.2em;
					margin-right: .5em;
					margin-top: .3em;
					max-width: 100%;
				}
				#content form.edit .fields textarea {
					font-family: "Lucida Grande", Arial, Sans-Serif;
					font-size: 1.2em;
					width: 100%;
					height: 6em;
					display: block;
					padding: .3em;
				}
				#content form.edit .fields textarea.super {
					height: 30em;
				}
				#content form.edit .fields input.short {
					width: 30%;
					margin-right: .5em;
				}
				#content form.edit .fields input.medium {
					width: 45%;
					margin-right: .5em;
				}
				#content form.edit .fields input.long {
					width: 100%;
				}
				#content form.edit .fields input.error
				, #content form.edit .fields label.error
				, #content form.edit .fields textarea.error {
					border: 2px solid #aa0606;
					background: #f5e4e4;
				}
				#content form.edit .fields span.hint {
					margin-left: .5em;
					color: #A0A0A0;
				}
				#content form.edit fieldset.submit {
					border: 1px solid #595959;
					background: url("../img/sprite-form.gif") left top repeat-x #666666;
					padding-left: 40%;
				}
					#content form.edit fieldset.submit input {
						font-size: 1.2em;
						margin-right: .8em;
						padding-left: .5em;
						padding-right: .5em;
					}
					#content form.edit fieldset.submit a.cancel {
						margin-left: .4em;
						color: #CCCCCC;
					}
						#content form.edit fieldset.submit a:hover {
							color: #EEEEEE !important;
						}
					#content form.edit fieldset .corner-bl
					, #content form.edit fieldset .corner-br
					, #content form.edit fieldset .corner-tl
					, #content form.edit fieldset .corner-tr {
						background: url("../img/sprite-form.gif") left -150px repeat-x;
						width: 2px;
						height: 2px;
						position: absolute;
					}
					#content form.edit fieldset .corner-bl {
						left: 0px;
						bottom: 0px;
					}
					#content form.edit fieldset .corner-br {
						background-position: left -200px;
						right: 0px;
						bottom: 0px;
					}
					#content form.edit fieldset .corner-tl {
						background-position: left -250px;
						left: 0px;
						top: 0px;
					}
					#content form.edit fieldset .corner-tr {
						background-position: left -300px;
						right: 0px;
						top: 0px;
					}
	#content .list-header {
		min-height: 7.5em;
		position: relative;
	}
		#content .list-header .displaying {
			float: right;
			color: #8c8c8d;
			margin-top: 3.2em;
		}
		#content .list-header h1 {
			float: left;
		}
		#content .list-header form.search {
			float: left;
			margin-top: 2.8em;
			margin-left: 1.5em;
		}
			#content .list-header form.search input.search {
				font-size: 1.1em;
				width: 15em;
			}
			#content .list-header form.search input.submit {
				font-size: 1.1em;
				margin-left: .4em;
				margin-right: .8em;
			}
		#content .list-header a.create
		, #content .list-header a.back {
			display: block;
			clear: left;
			position: absolute;
			top: 4.4em;
			left: 1.8em;
			color: #ec6c2c;
			text-decoration: none;
			background: url("../img/plus-orange-9x9.gif") left 2px no-repeat;
			padding-left: 13px;
			font-size: 1.1em;
		}
		#content .list-header a.back {
			background-image: url("../img/back-orange-9x9.gif");
		}
	#content table.textured {
		width: 100%;
		border-collapse: separate;
	}
		#content table.textured tr {
			background: #FFFFFF;
		}
		#content table.textured tr.alt {
			background: #f8f8f8;
		}
			#content table.textured tr th,
			#content table.textured tr td {
				padding: .8em;
				vertical-align: top;
			}
			#content table.textured tr td.first {
				padding-left: 1.8em;
			}
			#content .gutter table.textured tr td.first {
				padding-left: .9em;
			}
			#content table.textured tr th.first {
				padding-left: 1.9em;
			}
			#content .gutter table.textured tr th.first {
				padding-left: 1em;
			}
			#content table.textured tr th.last,
			#content table.textured tr td.last {
				padding-right: 1.7em;
			}
			#content table.textured tr th.small-padding,
			#content table.textured tr td.small-padding {
				padding-right: 1em;
			}
			#content table.textured tr th {
				padding-top: 1em;
				background: url("../img/sprite-table-headers.gif") -10px top no-repeat #e3e3e3;
				border-bottom: 1px solid #d1d1d1;
			}
				#content table.textured tr th.first {
					background-position: left top;
				}
				#content table.textured tr th.last {
					background-position: right top;
				}
				#content table.textured tr th a {
					color: #666565;
					text-decoration: none;
					text-shadow: 0px 1px 1px #FFFFFF;
				}
				#content table.textured tr th a.on {
					font-weight: bold;
				}
					#content table.textured tr th a.on.desc {
						background: url("../img/sprite-table-icons.gif") right 3px no-repeat;
						padding-right: 13px;
					}
					#content table.textured tr th a.on.asc {
						background: url("../img/sprite-table-icons.gif") right -47px no-repeat;
						padding-right: 13px;
					}
			#content table.textured tr td {
				border-top: 1px solid #e9e9e9;
				border-bottom: 1px solid #e9e9e9;
				white-space: nowrap;
				margin: 4px;
			}
				#content table.textured tr.alt td {
					border-top: 1px solid #FFFFFF;
					border-bottom: 1px solid #FFFFFF;
				}
				#content table.textured tr td .line1 {
					
				}
				#content table.textured tr td .line2 {
					margin-top: .3em;
					color: #9F9F9F;
				}
				#content table.textured tr td .onCallStatus2 {
					background: url("../img/sprite-icons.gif") left -97px no-repeat;
					padding-left: 15px;
				}
				#content table.textured tr td .onCallStatus1 {
					background: url("../img/sprite-icons.gif") left -147px no-repeat;
					padding-left: 15px;
				}
				#content table.textured tr td .onCallStatus0 {
					background: url("../img/sprite-icons.gif") left -197px no-repeat;
					padding-left: 15px;
				}
				#content table.textured tr td .onCallStatusAlt2 {
					background: url("../img/sprite-icons.gif") left -100px no-repeat;
					padding-left: 15px;
				}
				#content table.textured tr td .onCallStatusAlt1 {
					background: url("../img/sprite-icons.gif") left -150px no-repeat;
					padding-left: 15px;
				}
				#content table.textured tr td .onCallStatusAlt0 {
					background: url("../img/sprite-icons.gif") left -200px no-repeat;
					padding-left: 15px;
				}
				#content table.textured tr td .incidentStatus0
				, #content table.textured tr td .incidentStatus1
				, #content table.textured tr td .incidentStatus2 { /* 0=red, 1=green, 2=yellow */
					background: url("../img/sprite-icons.gif") left -250px no-repeat;
					padding-left: 17px;
					width: 1px;
					height: 13px;
					overflow: hidden;
					margin: .7em auto;
					color: #FFFFFF;
				}
				#content table.textured tr td .incidentStatus1 {
					background-position: left -300px;
				}
				#content table.textured tr td .incidentStatus2 {
					background-position: left -350px;
				}
				#content table.textured tr td .extra-line
				, #content table.textured tr td .line3
				, #content table.textured tr td .line4
				, #content table.textured tr td .line5
				, #content table.textured tr td .line6 {
					margin-top: .5em;
					color: #9F9F9F;
					font-size: 1.1em;
				}
				#content table.textured tr td .big-radio {
					font-size: 2em;
					margin: .5em;
				}
				#content table.textured tr td a.primary {
					color: #1137a3;
					font-weight: bold;
					text-decoration: underline;
				}
				#content table.textured tr td .big-title {
					font-weight: bold;
					font-size: 1.4em;
					display: inline;
				}
				#content table.textured tr td a.email {
					color: #2d9b2b;
				}
				#content table.textured tr td a {
					color: #595959;
					text-decoration: none;
				}
				#content table.textured tr td a.start-incident-button {
					width: 93px;
					height: 38px;
					display: block;
					background: url("../img/sprite-start-incident-button.gif") left top no-repeat;
					text-decoration: none;
					line-height: 150px;
					overflow: hidden;
					margin-top: 12px;
					float: right;
				}
				#content table.textured tr td a.start-incident-button:hover {
					background-position: left bottom;
				}
				#content table.textured tr td .zone {
					font-size: 2em;
					color: #b3b3b3;
				}
				#content table.textured tr td.first {
					border-left: 1px solid #dddddd;
				}
				#content table.textured tr td.last {
					border-right: 1px solid #dddddd;
				}
		#content table.textured tr.footer {
			background: url("../img/sprite-table-headers.gif") left bottom no-repeat #e3e3e3;
		}
			#content table.textured tr.footer td {
				padding: 0px;
				margin: 0px;
				border: 0px;
				border-top: 1px solid #dddddd;
			}
				#content table.textured tr.footer td .corner-br {
					background: url("../img/sprite-table-headers.gif") right bottom no-repeat;
					width: 10em;
					height: 1.2em;
					margin-left: auto;
				}
		.per-page
		, .download {
			float: right;
			margin-top: 2em;
			color: #999999;
			margin-left: 3em;
		}
			.per-page a
			, .download a {
				margin-left: .2em;
				color: #6174aa;
				text-decoration: none;
			}
			.per-page a.on
			, .download a.on {
				text-decoration: underline;
			}
		.results-bottom-nav {
			height: 2.5em;
			text-align: left;
			padding-top: 1.5em;
			overflow: visible;
			font-size: 1.2em;
			margin-left: -.2em;
		}
			.results-bottom-nav a {
				margin-right: .2em;
				margin-left: .2em;
				border: 1px solid #919dc2;
				padding: 3px;
				padding-left: 7px;
				padding-right: 7px;
				color: #6174aa;
				font-size: .9em;
				background: #f3f6fb;
				text-decoration: none;
			}
			.results-bottom-nav a.on {
				color: #FFFFFF;
				background: #6174aa;
				border: 1px solid #6174aa;
				font-weight: bold;
			}
			.results-bottom-nav a:hover {
				background: #e9d4d4 !important;
				text-decoration: none !important;
				border: 1px solid #CC2222;
			}
			.results-bottom-nav a:active {
				border: 1px solid #DD8888 !important;
				color: #DD4444 !important;
				background: #fbe6e3 !important;
			}
			.results-bottom-nav span.disabled {
				margin-right: .2em;
				margin-left: .2em;
				border: 1px solid #CCCCCC;
				padding: 3px;
				padding-left: 7px;
				padding-right: 7px;
				color: #BBBBBB;
				font-size: .9em;
				background: #F9F9F9;
			}

#content .dispatcher-dashboard-left-header {
	width: 30%;
}
#content .dispatcher-dashboard-right-header {
	width: 70%;
	padding-left: 5em;
}
#content .dispatcher-dashboard-left {
	width: 30%;
}
#content .dispatcher-dashboard-right {
	width: 70%;
	padding-left: 2em;
}


.oncall-editor {
	width: 849px;
	height: 91px;
	background: url("../img/sprite-oncall-background.gif") left bottom no-repeat;
}
	.oncall-editor.status0 {
		background-position: left bottom;
	}
	.oncall-editor.status1 {
		background-position: left -300px;
	}
	.oncall-editor.status2 {
		background-position: left top;
	}
	.oncall-editor .left {
		width: 505px;
		height: 91px;
		float: left;
		font-weight: bold;
		font-size: 11px;
		color: #444444;
	}
		.oncall-editor.status2 .left {
			text-shadow: 1px 1px 2px #000000;
			color: #FFFFFF;
		}
		.oncall-editor .left .line1 {
			padding: 6px;
			padding-left: 12px;
		}
		.oncall-editor .left .line2 {
			padding: 6px;
			font-size: 22px;
			padding-left: 12px;
		}
		.oncall-editor .left .line3 {
			padding: 6px;
			padding-left: 12px;
		}
	.oncall-editor .radios {
		width: 341px;
		height: 91px;
		float: left;
		padding-top: 2px;
	}
		.oncall-editor .radios li {
			padding: 7px;
			padding-bottom: 8px;
			font-size: 12px;
			font-weight: bold;
		}
			.oncall-editor .radios li a {
				text-decoration: none !important;
				color: #444444 !important;
				display: block;
			}
			.oncall-editor .radios li.primary a {
				color: #FFFFFF !important;
				text-shadow: 1px 1px 2px #000000;
			}
			.oncall-editor .radios li label {
				display: block;
				cursor: pointer;
			}
			.oncall-editor .radios li input {
				margin-right: 3px;
			}


#confirmations-container {
	overflow: hidden;
}
#errors
, #confirmations
, #messages {
	background: url("../img/sprite-errors.gif") left -200px repeat-x #aa0606;
	border: 1px solid #910303;
	margin-top: 2em;
	position: relative;
	padding-bottom: .6em;
	padding-top: .5em;
	width: 84.7em;
}
#confirmations {
	background-image: url("../img/sprite-confirmations.gif");
	background-color: #46871d;
	border: 1px solid #336a10;
}
#messages {
	background-image: url("../img/sprite-messages.gif");
	background-color: #dac81d;
	border: 1px solid #bcac11;
}
	#errors li
	, #confirmations li
	, #messages li {
		color: #FFFFFF;
		padding: .8em;
		padding-left: 1.2em;
		padding-top: .4em;
		padding-bottom: .5em;
		text-shadow: 1px 1px 2px #000000;
		font-size: 1.1em;
		font-weight: bold;
	}
	#errors li {
		padding-left: 4em;
		background: url("../img/sprite-icons.gif") 1.8em -45px no-repeat; 
	}
		#errors li.heading {
			background: none; 
			padding-left: 1.2em;
		}
	#confirmations li {
		color: #FFFFFF;
		padding-left: 4em;
		background: url("../img/sprite-icons.gif") 1.8em 4px no-repeat; 
	}
	#messages li {
		color: #5c5404;
		text-shadow: 0px 1px 1px #FFFFFF;
	}
	#errors .corner-tl
	, #errors .corner-tr
	, #errors .corner-bl
	, #errors .corner-br
	, #confirmations .corner-tl
	, #confirmations .corner-tr
	, #confirmations .corner-bl
	, #confirmations .corner-br
	, #messages .corner-tl
	, #messages .corner-tr
	, #messages .corner-bl
	, #messages .corner-br {
		background: url("../img/sprite-errors.gif") -1000px -1000px no-repeat;
		width: 2px;
		height: 2px;
		position: absolute;
	}
	#messages .corner-tl
	, #messages .corner-tr
	, #messages .corner-bl
	, #messages .corner-br {
		background-image: url("../img/sprite-messages.gif");
	}
	#confirmations .corner-tl
	, #confirmations .corner-tr
	, #confirmations .corner-bl
	, #confirmations .corner-br {
		background-image: url("../img/sprite-confirmations.gif");
	}
	#errors .corner-tl
	, #confirmations .corner-tl
	, #messages .corner-tl {
		background-position: left 0px;
		left: -1px;
		top: -1px;
	}
	#errors .corner-tr
	, #confirmations .corner-tr
	, #messages .corner-tr {
		background-position: left -50px;
		right: -1px;
		top: -1px;
	}
	#errors .corner-bl
	, #confirmations .corner-bl
	, #messages .corner-bl {
		background-position: left -100px;
		left: -1px;
		bottom: -1px;
	}
	#errors .corner-br
	, #confirmations .corner-br
	, #messages .corner-br {
		background-position: left -150px;
		right: -1px;
		bottom: -1px;
	}

#footer {
	padding-top: 3em;
	padding-bottom: 3em;
	clear: both;
}
	#footer ul li {
		float: left;
		margin-right: 1.5em;
		color: #AAAAAA;
		font-size: 1.1em;
	}