/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:#97B5CF;}.marginincrease {
	margin-top: .5em;
}
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,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;}.larger-type {
	font-size: 1.5em;
	line-height: 1.5em;
}
.larger-type2 {
	font-size: 1.5em;
	line-height: 1em;
	font-weight: bold;
	color: #C00;
}

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;}input,textarea,select{*font-size:100%;}legend{color:#000;}

body{
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	background-image:url("http://www.themdc.com/images/page_bg.gif");
	background-repeat:repeat-x;
}

#fhi{
	position:relative;
	width:1000px;
	min-height:600px;
	margin:0 auto;
	background-color:#FFFFFF;
	/*top:122px;*/ /*change or delete as needed*/
}

#mapControls{
	width:240px;
}

#controlForm{
	padding:10px;
}

a.moreInfo {
	color:#28578A;
	font-weight:bold;
}

#controlForm a:hover {
	color:#000000;
	text-decoration:none;
}

#mapArea{
	position:absolute;
	top:0;
	left:240px;
}

#mapBackground{
	padding-top:10px;
	padding-left:10px;
}

#mapCanvas{
	position:relative;
	width:740px;
	height:520px;
}

/* general */

.prompt{
	margin-top:15px;
}

.required{
	font-weight:bold;
}

.help{
	font-weight:bold;
	color:#CC0000;
}

input[type=text]{
	width:180px;
	margin-right:2px;
}

select{
	width:184px;
	margin-right:2px;
}

.search_example{
	font-style:italic;
	color:#999999;
	font-size:11px;
}

/* info windows */

.ui-dialog{
        background-color:#FFFFFF;
}

.ui-dialog .ui-dialog-titlebar{
        background: url("images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") repeat-x scroll 50% 50% #5C9CCC;
}

.ui-dialog .ui-dialog-buttonpane{
        padding:0px;
}

.ui-dialog .ui-dialog-buttonpane button{
        margin:0.5em 0.1em 0.2em 0;
}

#refineResults tr td{
        white-space:nowrap;
}

#mapTemplates{
        display:none;
}

#mapKey{

}

#mapKey li{
	padding:8px 20px 10px 35px;
	background-repeat: no-repeat;
}

#mapKey li.road_closed{ background-image:url('../images/rwr.png'); }
#mapKey li.lane_closed{ background-image:url('../images/rwy.png'); }
#mapKey li.work_in_roadway{ background-image:url('../images/rwg.png'); }
#mapKey li.work_by_others{ background-image:url('../images/rwb.png'); }
#mapKey li.paving{ background-image:url('../images/rwp.png'); }
#mapKey li.night_work{ background-image:url('../images/rwk.png'); }

.trafficButton{
	background-color:#f6f6f6;
	border:1px solid #a9bbdf;
	cursor:pointer;
	text-align:center;
	width:56px;
}

.trafficButtonText{
	font-family:Arial,sans-serif;
	color:#000000;
	font-size:12px;
	padding:2px 0;
	font-weight:normal;
}

.trafficButtonOn{
	background-color:#7592d3;
	border:1px solid #678ac7;
	cursor:pointer;
	text-align:center;
	width:56px;
}

.trafficButtonTextOn{
	font-family:Arial,sans-serif;
	color:#FFFFFF;
	font-size:12px;
	padding:2px 0;
	font-weight:bold;
}

.ui-datepicker-calendar .ui-state-disabled{
	opacity: 0.25;
}

.infobox{
	border:1px solid #a9bbdf;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position:absolute;
	background-color:#FFFFFF;
	padding:4px 8px 8px;
	min-width:200px;
}
.infobox .titleBar{
	white-space:nowrap;
}
.infobox .titleBar img{
}
.infobox .titleBar .street{
	position:relative;
	top:-8px;
	margin-left:4px;
	font-size:16px;
	font-weight:bold;
}
.infobox .closeBtn{
	position:absolute;
	top:0px;
	right:0px;
	z-index:99;
	width:32px;
	height:32px;
	cursor:pointer;
	background-image:url('http://www.mdc-roadclosures.com/images/closebtn.jpg');
}
.infobox .contentArea{
	font-size:13px;
	line-height:18px;
}
.worksite_details .no_wrap{
	white-space:nowrap;
}
.worksite_details a{
	color:#28578A;
}
.worksite_details .map_img{
	text-align:center;
}

.banner {
	float: left;
	width: 1000px;
	text-align: left;
	height: 70px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.righttextbox {
	float: right;
	width: 350px;
	margin-right: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.lefttextboxtwittertest {
	float: left;
	width: 700px;
	margin-right: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
}


#bannerwrapper {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 70px;
	width: 1000px;
}
#bannerwrappertwittertest {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 150px;
	width: 1000px;
}

.content1 {
	width: 1000px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/*float: left;*/
	background-color: #FFF;
}
.content1-padding {
	padding: 5px;
}
.pad15 {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.floatleft {
	float: left;
	height: 70px;
	width: 600px;
}
.whitetext {
	color: #FFF;
}

.twittergadget {
	float: left;
	height: 70px;
	width: 350px;
}
.floatleft250pix {
	float: left;
	height: 40px;
	width: 250px;
	margin-top: 12px;
}
img 
{
    max-width: none;
}