/* CSS Document */

/* Bootstrap Default Overwrites */
body {padding: 0px !important; overflow-y: auto !important;}
.navbar-inner {background-color: transparent !important; background-image: none !important; background-repeat: repeat !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; border: none !important;}
.mapkey-brand {background-color: transparent !important; background-image: none !important; background-repeat: repeat !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; border: none !important;}
.nav a {text-shadow: none !important;}
.navbar .brand {margin-left: 0px !important;}
ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;}
.dropdown-menu {border: none !important; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; background-color: #009c4e !important; margin: 0px !important; padding: 0px !important;}
.dropdown-menu li a, .dropdown-menu li a:hover {background-image: none !important; background-color: transparent !important;}
.dropdown-menu li, .dropdown-menu li a {color: #ffffff !important; border: none !important; margin: 0px !important; padding: 0px !important; height: 30px !important; line-height: 30px !important;}
form {margin: 0px !important;}
.navbar .nav>li>a {padding: 1px 15px 0px !important;}
.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-submenu:hover a, .dropdown-submenu:focus a, .dropdown-menu .active a, .dropdown-menu .active a:hover, .dropdown-menu .active a:focus {background-image: none !important; background-color: transparent; background-color: #33b071 !important;}
.navbar .nav>li>.dropdown-menu:after{border-bottom-color: #009c4e !important;}
.ui-header, .ui-title, .ui-footer .ui-title {margin: 0px !important;}
.construction-projects-section dt {width: 170px;}
.construction-programs-section .btn {margin: 5px auto;}
a:hover, a:focus {outline: none !important; box-shadow: none !important;}
#district-name {text-align: center; position: absolute; width: 250px; margin-top: -22px; margin-left: 55px; padding: 5px 0px; font-weight: bold !important; font-size: 18px !important; color: #024170; border: solid 1px #024170; border-radius: 10px; background-color: none !important; height: 35px !important;}
/* end Bootstrap Default Overwrites */

/* Typography */
* {font-family: 'Open Sans', sans-serif; font-weight: normal; font-weight: 400;}
.nav a .main-nav {font-size: 14px; font-weight: 300; font-style: italic;}
.nav a b {color: #ffffff /* #a7abad */; font-size: 22px;}
.nav a:hover b {color: #a7abad/* #ffffff */;}
.nav a:hover .main-nav {color: #a7abad !important;}
.dropdown-menu li a {font-weight: 300 !important; font-style: italic !important; font-size: 14px !important; line-height: 30px !important; padding: 0px 10px !important; border-bottom: dashed 1px #42b67c !important;}
.dropdown-menu li.last a {border-bottom: 0px !important;}
#content p {margin-bottom: 15px; line-height: 1.5em;}
#content h1 {font-size: 36px; font-weight: 400;}
#content h2 {font-size: 28px; font-weight: 400; margin-top: 30px;}
#content h3 {font-size: 20px; font-weight: 400; margin-top: 30px;}
#location-details h3 {margin-top: 10px; margin-bottom: -3px;}
#content h6 {font-size: 72px; font-weight: 700;}
#content .span3 h2 {font-size: 24px; font-style: italic; font-weight: 700;}
ul#nav-sub li a {font-size: 15px;}
/* end Typography */

/* Global Styles */
#content hr {clear: both;}
.clear {clear:both; padding: 0; margin: 0;}
iframe, object, embed {max-width: 100%;}
/* end Global Styles */

/* Header */
.navbar {
	-moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .3);
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .3);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#cccccc');
	height: 52px;
	filter: none !important;
}
.navbar-inner {position: relative; border-top: 5px solid #009c4f !important; background-color: #024170/* #0060a7 */ !important; border-bottom: 1px solid #024170/* #1a1f22 */ !important; background-image: none !important; max-height: 49px; overflow: visible; z-index: 5000; filter: none !important;}
.mapkey-brand {
    padding-bottom: 5px;
    margin: -10px -5px 5px;
    border-top: 5px solid #009c4f !important;
    position: relative;
    background-color: #024170 !important;
    border-bottom: 2px solid #024170 !important;
    background-image: none !important;
    max-height: 49px;
    overflow: visible;
    z-index: 5000;
    filter: none !important;
}
a.dropdown-toggle {padding: 0px !important;}
a.brand {display: inline-block; text-indent: -9999px; background-image: url(../static/idrive-logo2.png); background-repeat: no-repeat; width: 313px; height: 27px; margin-top: 11px !important;}
span.brand {margin-left: 5px; padding-right: 5px; display: inline-block; text-indent: -9999px; background-image: url(../static/idrive-logo2-small.png); background-repeat: no-repeat; width: 165px; height: 15px; margin-top: 11px !important;}

.nav a {display: inline-block; height: 49px; padding-left: 15px !important; margin-left: 15px !important; border-left: 1px solid #035da0;}
.nav a b {display: inline-block; margin: 11px 10px 0px 0px;}
.nav a .main-nav {display: inline-block; position: relative; top: 15px; color: #ffffff !important;}
#home .nav a .main-nav {top: -2px;}
.nav a:hover, .construction-programs-section .nav #mn2 a, .contact-section .nav #mn4 a, .home .nav #mn3 a {background: url(../static/nav-hover.png) repeat-y top left;}
/* Mobile Header */
.header {border-top: 2px solid #006230 !important; border-bottom: 1px solid #1a1f22 !important; background-color: #024170/* #0060a7 */; background-image: none !important; -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .3); -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .3); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .3); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#cccccc')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#cccccc'); filter: none !important;}
.header h1 {text-indent: -9999px; background-image: url(../static/idrive-logo.png); background-repeat: no-repeat; width: 258px; height: 29px; margin: 5px auto !important;}
#open-left {position: absolute; top: 8px; left: 8px;}


/* end Mobile Header */
/* end Header */

/* Footer */
#footer {position: fixed; z-index: 100; margin: 0px auto; width: 100%; bottom: 0px; height: 35px; background-color: #024170/* #0060a7 */; background-image: none !important;
	-moz-box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, .3);
	box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, .3);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=-90, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=-90, Color='#cccccc');
	filter: none !important;
}
#footer, #footer a {font-size: 11px; color: #ffffff; text-decoration: none; line-height: 35px;}
#footer ul {text-indent: 0px;}
#footer ul li {display: inline; list-style-type: none;}
#footer ul li a {display: inline-block;}
#footer ul li a:hover {text-decoration: underline;}
#policies {text-align: center;}
#social {text-align: right;}
#social a {display: inline-block; font-size: 18px; padding: 2px 12px; margin-top: -11px;}
#footer #social a:hover {text-decoration: none;}
#social li {border-right: 1px solid #035da0;}
#social li.last {border-right: none;}
#footer #social a.flickr:hover {color: #ff0080;}
#footer #social a.twitter:hover {color: #1bb6ec;}
#footer #social a.vimeo:hover {color: #41b2dc;}
/* end Footer */

/* Content */
#content {margin-top: 70px; padding-bottom: 40px; color: #333333;}
#content h1 {color: #009c4e; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; margin-bottom: 25px;}
#content h2, #content h3 {color: #999999; clear: both;}
#content h6 {color: #006191; margin: 30px 0px;}
#content img {padding: 10px;}
#content img.caption {padding: 0px;}
#content .img-caption {background-color: #f1f1f1; border: solid 1px #cccccc; padding: 5px; margin-bottom: 20px;}
#content .img-caption p {font-size: 13px; line-height: 18px; margin-top: 10px;}
/* end Content */

/* Contact */
#location-details img {padding: 0px !important;}
#location-details address {margin:10px 5px 15px 0;}
#location-details address strong {font-size: 14px;}
#district-map {margin-top:-29px!important;}
#district-map img {padding: 0px !important; }
/* end Contact */

/* Sidebar */
#sidebar {border-right: solid 1px #f2f2f2; min-height: 600px;}
/* 	#sidebar .span3 h2 {margin-top: 50px; color: #153545;} */
#sidebar #bpsearch {background-color: #f1f1f1; margin-top: 50px; padding: 10px;}
ul#nav-sub {margin-top: 10px; list-style-type: none; text-indent: 0px; margin-left: 0px;}
ul#nav-sub li a {display: block; margin-top: 1px; background: url(../static/subnav-arrow.png) no-repeat 10px center #e5f5ed; line-height: 16px; padding: 10px 0px 10px 35px; margin: auto 0px; color: #006191;}
ul#nav-sub li a:hover, ul#nav-sub li.active a {text-decoration: none; background: url(../static/subnav-arrow.png) no-repeat 15px center #ccebdc;}
#hwy-dept {margin-top: 150px;}
#hwy-dept img {padding: 0px !important;}
.sidebar-icons {width: 80%; text-align: center;}
.sidebar-icons img {margin: 20px 0px;}
img.roadsign {width: 20%;}
.sidebar-icons img.project-logo {width: 60%;}
/* end Sidebar */

/* Construction Program Pages */
#cplogos {border-bottom: dashed 1px #ccebdc; padding-bottom: 20px; margin-bottom: 20px;}
#cplogo {margin-top: 10px;}
#voter-approved {text-align: right;}
/* end Construction Program Pages */

/* App Style Overwrites */
.layer_summary {text-align: left !important; cursor: hand; cursor: pointer;}
.layer_summary span {line-height: 49px; font-size: 14px; font-style: italic; font-weight: 300; letter-spacing: 1px; margin-left: 10px;}
.layer_page ul li input {position: absolute; left: -9999px;}
.layer_page ul li {height: auto !important;}
.layer_page ul li label {font-size: 12px !important; line-height: 16px; padding: 5px 0px 0px 20px;}
.layer_page ul li {background: url(../static/checkbox-unchecked.png); background-repeat: no-repeat; background-position: 5px center;}
.layer_page ul li:hover {background: url(../static/checkbox-hover.png); background-repeat: no-repeat; background-position: 5px center;}
.layer_page ul li.checked_layer, .layer_page ul li.checked_layer:hover {background: url(../static/checkbox-checked.png); background-repeat: no-repeat; background-position: 5px center;}
.layer_page ul li.disabled, .layer_page ul li.disabled:hover {background: url(../static/checkbox-disabled.png) !important; background-repeat: no-repeat !important; background-position: 5px center !important; color: #8dc7a3 !important;}
.layer_page ul li.disabled input, .layer_page ul li.disabled label {cursor: not-allowed !important;}
#change_location {font-weight: 600;}
.location_default_big {width: 380px !important;}
.location_default_big #change_location input, .location_default_big #change_location input:focus {box-shadow: none !important; border: none !important; background-color: transparent !important; background-image: none !important;}
.location_default_big #change_location span {-webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; border: solid 1px #3a4247 !important; padding: 3px; font-weight: 300; color: #979c9e; background: none; background-color: #0060a7;}
#change_location span span#change_location_change {font-size: 10px; color: #979c9e; font-weight: 400;}
.ui-content {overflow-x: visible !important;}
.location_default_big input#search_button {text-indent: -9999px; height: 16px; width: 20px; background: url(../static/mag-glass.png) no-repeat !important; margin-top: -2px;}
/* end App Style Overwrites */

/* Snap Drawer Styles */
.snap-drawers {background-color: #024170 !important;}
.snap-drawer {background-image: none !important; font-weight: 400; background-color: #024170/* #0060a7 */;}
.snap-drawer li a {font-weight: 400; color: #ffffff !important;}
.snap-drawer li a i {margin-right: 30px; margin-left: -30px;}
.sub-nav-links ul {background-image: none !important; background-color: #0060a7;}
.sub-nav-links ul li {list-style-position: inside; margin-left: 15px;}
.sub-nav-links ul li a {font-weight: 300; font-size: 13px;}
#mobile-base {text-align: center; margin: 120px 10px 0px 10px;}
#mobile-base, #mobile-base a {font-size: 11px; color: #ffffff/* #979c9e */; text-decoration: none;}
#mobile-social, #mobile-secondary-nav {margin-bottom: 30px;}
#mobile-social a {display: inline-block; font-size: 24px; border-right: 1px solid #444c50; padding: 2px 12px;}
#mobile-social a:hover {text-decoration: none; color: #fff;}
#mobile-social a.last {border-right: none;}
/* end Snap Drawer Styles */

/* Responsify */
@media (max-width: 1200px){
	.nav a .main-nav {font-size: 12px;}
}
@media (min-width: 979px) {
	#main {height: auto !important;}
}
@media (max-width: 979px){
	#content {margin-top: 20px;}
	.btn-success {color: #ffffff !important; font-weight: normal !important;}
}
@media (max-width: 767px) {
	.container {margin: 0px 20px;}
	#content .span8 {width: 65%;}
	#content .span4 {width: 35%;}
	#content .span8, #content .span4 {float: left;}
	#content h6 {font-size: 32px;}
}
@media (max-width: 480px) {
	.header h1 {background-size: contain; width: 188px; height: auto; margin: 9px auto !important;}
	#content h6 {text-align: left;}
	iframe {width: 280px !important;}
	#mobile-locations .span4, #mobile-locations .span3 {width: 100%;}
}
/* end Responsify */

/* Twitter Pop Up */
#tweets{
	width: 250px;
	background-color: #024170/* #0060a7 */;
	position: absolute;
	bottom: 35px;
	right: 70px;
	overflow: scroll;
	padding: 10px;
	display: none;
	background-image: none !important;
	-webkit-box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.42);
	-moz-box-shadow:    0px -4px 5px rgba(0, 0, 0, 0.42);
	box-shadow:         0px -4px 5px rgba(0, 0, 0, 0.42);
	text-align: left;
	font-size: 1.4em !important;
	overflow: hidden;
	z-index: 100;
}

.tweet-text {
	font-family: 'Arial', san-serif;
	font-size: 12px;
}

.tweet-text a{
	font-size: 12px !important;
	clear: both;
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
	line-height: 15px !important;
}

.tweet-text .tweet-date {
	text-align: right;
	display: block;
	color: #cccccc;
}

.tweet-header{
	margin-bottom: 15px;
	border-bottom: 1px solid #444c50;
}

.tweet-header i{
	color: #1bb2e9;
}

.tweet-header .title{
	text-align: center;
	font-weight: bold;
	font-size: 11px;
}
.tweet-header a {border-right: none !important;}
.tweet-header a.btn {
	font-size: 11px !important;
	color: #ffffff !important;
	height: 16px;
	line-height: 16px !important;
	margin-top: 10px;
}
#tweets ul.tweets li {display: block; border-bottom: 1px solid #444c50 !important; overflow: hidden; margin-top: 10px;}
#tweets ul.tweets li:last-child {border-bottom: none !important;}
/* end Twitter Pop Up */

/* Google Map Fix */

#map-canvas img, #map-canvas-mobile img {max-width:none;}

/* End Google Map Fix */

/* Fix Scroll */

.hidden-desktop {-webkit-overflow-scrolling: touch;}

/* IE 8 sub nav Fix */
@media all\0 {
	.dropdown-menu li a:hover {
		background-image: none !important;
		background-color: #33b071 !important;
	}
}
@media (max-width: 1199px) {
	#location-details address.span6 {width: 100%;}
}
@media (max-width: 480px){
	.construction-programs-section .btn {display: block; font-size: 16px; margin: 15px 0px; padding: 10px;}
}

.winterreport .ng-table th.sortable div {
	padding-right: 26px;
	display: inline;
}