body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Avenir, Helvetica;
	font-size: 12px;
	color: #7f7f7f;
	background: #ffffff;
	margin: 0 auto;
	width: 100%;
}

a:link, a:visited { color: #000000; text-decoration: underline; font-weight: normal;} 
a:active, a:hover { color: #000000; text-decoration: none;}

p {
	margin: 0px;
	padding: 0px;
}

h2 {
	color: #1ba4e1;
	font-size: 25px;
	margin: -20px 0 0 25px;
	padding :25px; 
	font-weight:400;
	}

#accordion .text{
	font-size: 12px;
	color: #7f7f7f;
	height:20px;
	padding: 20px 0 15px 28px;
	}
img {
	margin: 0px;
	padding: 0px;
	border: none;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;	}
.margin_bottom_15 { clear: both; width: 100%; height: 15px; font-size: 1px;	}
.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;	}
.margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;	}
.margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;	}
.margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;	}
.margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;	}

.margin_right_40 { margin-right: 40px; }
.margin_right_70 { margin-right: 70px; }

.fl { float: left; }
.fr { float: right }

#header_wrapper {
	width: 100%;
	height: 45px;
	margin: 0 auto;
	background: #f0f0f0;
}

#header {
	margin: 0 auto;
	background: #161F68 none repeat scroll 0% 0% #F0F0F0;;
}

#header #site_logo {
	float: left;
	width: 217px;
	height: 33px;
	margin-left: 20px;
	margin-top: 7px;
	font-size: 40px;
	color: #ffffff;
	background: url(images/CDOT_logo.png) no-repeat;
}

#header #site_logoout {
	float: right;
	height: 15px;
	font-size: 15px;
	padding:15px 20px 15px 20px;
	color: #ffffff;
	background: #1ba4e1;
}


/* menu */
#menu_wrapper {
	height: 50px;
	margin: 0 auto;
	background: #f5f5f5;
}

#menu {	
	width: 960px;
	margin: 0 auto;
	position: relative;
	height: 45px;
	background: #f5f5f5;
	margin-left:380px;
}

#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}


#menu ul li{
	padding: 0px;
	margin: 0px;
	display: inline;
}

#menu ul li a{
	float: left;
	display: block;
	width: 110px;
	padding: 12px 0;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	color: #919191;	
	font-weight: normal;
	outline: none;
}

#menu li a:hover, #menu li .current {
	color: #597b4a;
	height:23px;
	border-bottom: 3px solid #597b4a;
}

#menu li .last {
	background: none;
}

/* end of menu*/

/* end of header */
#map {
	clear: both;
	width: 100%;
	height: 597px;
	margin: 0 auto;
	background: #454545 url(images/bg.jpg) no-repeat;
}

#expand {
	height: 51px;
	margin: 0 auto;
}

#expand #filter {
	float: left;
	width: 235px;	
}

#filter {
	position: relative;
	z-index:auto;
	height: 35px;
	color: #fff;
}

#filter_text {
	position: relative;
	height: 22px;
	padding: 15px 0 15px 100px;
	background:#1ba4e1;
	color: #fff;
}

#accordion {
	position: relative;
	width: 235px;
	height: 50px;
	background: #1ba4e1;
	color: #fff;
	word-spacing: normal;
	}

#date_box {
	background:#fff;
	color: #000;	
	}

#start_box {
	width: 180px;
	height: 25px;
	margin: 0px 0px 15px 25px;
	float: right;
	box-shadow: 0px 0px 3px #D5D5D5 inset;	
	}
	
/* content */
#maincontainer {
    background-color: #FFF;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.fit {
    width: 100%;
    margin: 0px auto;
}

#content_wrapper {
	clear: both;
	margin: 0 auto;
	background: #ffffff;
}

#content {
	width:177px;
	height:67px;
	background:url(images/CDOT_logo_02.png) bottom no-repeat;
	float:left;
}

#search {
	width:50px;
	height:15px;
	margin: 15px 0px 0 80px;
	padding: 10px 15px 10px 27px;
	background:#1ba4e1;
	float:right;
	font-size:12px;
	color: #ffffff;
}

#search_box {
	width:300px;
	height:37px;
	margin:-28px 85px 0 0;
	background:#;
	float:right;
   -moz-box-shadow:    inset 0 0 3px #d5d5d5;
   -webkit-box-shadow: inset 0 0 3px #d5d5d5;
   box-shadow:         inset 0 0 3px #d5d5d5;
}

#print {
	width:50px;
	height:15px;
	margin: 15px 10px 0 10px;
	padding: 10px 15px 10px 27px;
	float:right;
	background: #d73d32;
}

#button input {
	width:120px;
	height:35px;
	padding: 10px 15px 10px 15px;
	background: #fff;
	border: solid;
	border-color: #CCC;
	border-width: thin;
	}

#upload_btn input {
	width:120px;
	height:35px;
	margin: 50px 25px 0 65px;
	padding: 10px 15px 10px 15px;
	background: #1ba4e1;
	border: solid;
	border-color: #CCC;
	border-width: thin;
	float:left; 
	color: #fff;
	}

#cancle_btn input {
	width:120px;
	height:35px;
	margin: 50px 0 0 -15px;
	padding: 10px 15px 10px 15px;
	background: #d73d33;
	border: solid;
	border-color: #CCC;
	border-width: thin;
	float:left; 
	color: #fff;
	}
		
#content_wrapper_02 {
	clear: both;
	margin: 0 auto;
	background: #ffffff;
}

td.headercell {
	background: #f5f5f5;
	padding: 5px 5px 5px 23.5px;
	}

td.datacell, td.datacell2{
	padding: 2px 10px 2px 23.5px;
	font-size: 10px;
	}	
	
td.datacell_first, td.datacell2_first {
		padding: 2px 10px 2px 23.5px;
		border-left: 3px solid #597b4a;
		}
		
td.datacell3_first {
		padding: 2px 10px 2px 23.5px;
		border-left: 3px solid #d63a2e;
		}

td.datacell4_first {
		padding: 2px 10px 2px 23.5px;
		border-left: 3px solid #8fc675;
		}

td.datacell5_first {
		padding: 2px 10px 2px 23.5px;
		border-left: 3px solid #39a7dc;
		}
/* end of content*/

/* report*/
#report_wrapper {
  height: 30px;
  color: #fff;
  font-size:16px;
  padding: 13px 0 3px 25px;
  background: #17a4e2;
}

#headline {
  width: 15px;
  height: 15px;
  color: #fff;
  font-size:16px;
  float: right;
  padding: 15px 15px 15px 20px;
  background: #1495cd;
  margin-top: -13px;
  }
  
p.title {
  font-size:16px;
  padding: 25px 0 10px 50px;
  margin:0 auto; 
  clear: both;
  width: 340px;
  color: #000;
  }

#report {	
  width: 960px;
  margin: 0 auto;
  position: relative;
  height: 45px;
  margin-left:280px;
}

#report ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

#report ul li{
  margin: 0px;
  display: inline;
}

#report ul li a{
  float: left;
  display: block;
  width: 140px;
  text-align: left;
  font-size: 12px;
  text-decoration: none;
  color: #919191;	
  font-weight: normal;
  outline: none;
}

span.start_01  {
  padding: 0 9px 0 9px;
  margin-right: 5px;
  background: #1ba4e1;
}

span.end_01  {
  padding: 0 9px 0 9px;
  margin-right: 5px;
  background: #ef9a2f;
}

span.start_02  {
  padding: 0 9px 0 9px;
  margin-right: 5px;
  background: #dad62e;
}
span.end_02  {
  padding: 0 9px 0 9px;
  margin-right: 5px;
  background: #22cdda;
}

span.start_03  {
  padding: 0 9px 0 9px;
  margin-right: 5px;
  background: #8c9e3a;
}

span.end_03  {
  padding: 0 9px 0 9px;
  margin-right: 5px;
  background: #d50915;
}

#column1-wrap{
    float: left;
    width: 60%;
}
#column1{
  width: 680px;
  height: 30px;
  color: #fff;
  font-size:16px;
  padding: 13px 0px 3px 25px;
  background: #17a4e2;
  margin-top: 50px;
  margin-right: 200px;
}

#headline_agency {
  width: 15px;
  height: 15px;
  color: #fff;
  font-size:16px;
  float: right;
  padding: 15px 15px 15px 20px;
  background: #1495cd;
  margin-top: -13px;
  }

#agency_menu {	
  width: 560px;
  margin: 0 auto;
  position: relative;
  height: 45px;
  margin-left:50px;
}

#agency_menu ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

#agency_menu ul li{
  margin: 0px;
  display: inline;
}

#agency_menu ul li a{
  float: left;
  display: block;
  width: 140px;
  text-align: left;
  font-size: 12px;
  text-decoration: none;
  color: #919191;	
  font-weight: normal;
  outline: none;
}

span.water  {
  padding: 10px 9px 0 9px;
  margin-right: 5px;
  width:20px;
  height:20px;
  background:url(images/large/water.png) bottom no-repeat;
  float:left;
}

span.sewer  {
  padding: 10px 9px 0 9px;
  margin-right: 5px;
  width:20px;
  height:20px;
  background:url(images/large/sewer.png) bottom no-repeat;
  float:left;
}

span.electric  {
  padding: 10px 9px 0 9px;
  margin-right: 5px;
  width:20px;
  height:20px;
  background:url(images/large/electric.png) bottom no-repeat;
  float:left;
}
span.permits  {
  padding: 10px 9px 0 9px;
  margin-right: 5px;
  width:20px;
  height:20px;
  background:url(images/large/permits.png) bottom no-repeat;
  float:left;
}

span.gas  {
  padding: 10px 9px 0 9px;
  margin-right: 5px;
  width:20px;
  height:20px;
  background:url(images/large/gas.png) bottom no-repeat;
  float:left;
}

span.cdot  {
  padding: 10px 9px 0 9px;
  margin-right: 5px;
  width:20px;
  height:20px;
  background:url(images/large/cdot.png) bottom no-repeat;
  float:left;
}

span.tele  {
  padding: 10px 9px 0 9px;
  margin-right: 5px;
  width:20px;
  height:20px;
  background:url(images/large/telecommunication.png) bottom no-repeat;
  float:left;
}

span.private  {
  padding: 10px 9px 0 9px;
  margin-right: 5px;
  width:20px;
  height:20px;
  background:url(images/large/private.png) bottom no-repeat;
  float:left;
}

span.moratorium  {
  padding: 10px 9px 0 9px;
  margin-right: 5px;
  width:20px;
  height:20px;
  background:url(images/large/moratorium.png) bottom no-repeat;
  float:left;
}

span.special  {
  padding: 10px 9px 0 9px;
  margin-right: 5px;
  width:20px;
  height:20px;
  background:url(images/large/special-events.png) bottom no-repeat;
  float:left;
  margin-bottom: 30px;
}

span.warning  {
  padding: 10px 9px 0 9px;
  margin-right: 5px;
  width:20px;
  height:20px;
  background:url(images/large/!.png) bottom no-repeat;
  float:left;
}
 
#column2{
  width: 680px;
  height: 30px;
  color: #fff;
  font-size:16px;
  padding: 13px 0 3px 25px;
  background: #17a4e2;
  margin-top: 50px;
  float: right;
  margin-left: -200px;
}

#clear{
    clear: both;
}
/* report of content*/

/* start of upload*/
#upload {
	width: 750px;
	height: 510px;
	margin: 0 auto;
	background: #fff;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
	}

#drag {
	width: 100%;
	height: 250px;
	margin: 0 auto;
	background: #f5f5f5;
	}

p.upload_text {
	font-size: 14px;
	margin: 0 0 20px 50px;
	}

p.upload_file_info {
	font-size: 14px;
	margin: 0 0 20px 50px;
	}

.drag_text {
	padding: 20px 0 0 35px;
	font-size: 30px;
	}
	
#drag_file{
	background:#f5f5f5;
	height: 280px;
	text-align:center;
	}
	
#loading {
  background:url(images/upload_03.jpg) bottom no-repeat;
  margin: -50px 20px 0 0;
  width: 104px;
  height:105px;
  float:right;
	}	
/* end of upload*/

/* footer */
#footer_wrapper {
	width: 100%;
	margin: 0 auto;
}

#footer {
	padding: 30px;
	margin: 0 auto;
	color: #515251;
}

#footer a{
	text-decoration: none;
	color: #7a7a7a;
}

.pagination li.first {
    float: left;
}

.pagination ul li, .pagination li {
    display: inline;
    float: none;
    margin: auto;
    padding: 0px;
    background: none repeat scroll 0% 0% transparent;
	padding: 0 5px 0 5px;
}

.pagination li.select {
    width: 350px;
    height: 150px;
    border-radius: 89%;
    background: #d73d32;
	color: #ffffff;
	}
/* end of footer */