/* VERSION 1.0
	Author: Dennis Kardys 
	Contact: dkardys@wsol.com
	
	CONTENTS ----------
	
	RESET
	
	WEBFONT EMBEDS
	
	PATTERNS + EXTENSIONS
		hlist
		vlist
		modules
		alerts
		featured story
		icons
	
	TEMPLATE ELEMENTS
		utility
		masthead
		search
	
	CUSTOM FORM ELEMENTS	
		
	HOME PAGE ELEMENTS
		page feature
		modes of transportation
		affiliates
		
	CUSTOM PAGE ELEMENTS
		
	TYPOGRAPHIC ELEMENTS
		
	LAYOUT - DEFAULT  ( any width )
	LAYOUT - FULL	  ( min-width: 801 )
	LAYOUT - SMALL	  ( max-width: 800 )
	LAYOUT - HANDHELD ( max-width: 480 )
		
 */	  
	  



/* 1. =RESET CSS
--------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------  */

@import url(reset.css); /* RESET CSS */
img {
	max-width: 100%;
}
td img {
	max-width: none;
}
/* 2. =WEBFONTS 
--------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------  */

@font-face {
	font-family: 'icons';
	src: url("/core/fonts/icons/icons.eot");
	src: url("/core/fonts/icons/icons.eot?#iefix") format('embedded-opentype'), url("/core/fonts/icons/icons.woff") format('woff'), url("/core/fonts/icons/icons.ttf") format('truetype'), url("/core/fonts/icons/icons.svg#icons") format('svg');
	font-weight: normal;
	font-style: normal;
}
/* 3. =BASIC PATTERNS
--------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------  */

/*-hlist :: horizontal list  */

	.hlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.hlist li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
.hlist a {
	float: left;
	display: block;
	text-decoration: none;
}
/*-vlist :: vertical list  */

	.vlist, .vlist ul, .vlist ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.vlist li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.vlist li a {
	display: inline-block;
	text-decoration: none;
	padding: 3px 0;
}
/* =extend hlists and vlist */

	.bullet li {
	background: url(../../core/images/ui/icon-bullet.gif) no-repeat 2px 4px;
	padding-left: 18px;
}
.rule li {
	border-bottom: 1px solid #bbb;
}
ul.icon-lg img {
	float: left;
	display: inline-block;
}
ul.icon-lg span {
	display: inline-block;
	float: left;
	line-height: 60px;
}
ul.icon-lg li a {
	height: 60px;
}
/* Alpha Lists */

OL.withalpha {
	list-style-type: lower-alpha;
}
/* List no bullets */

.listnb {
	list-style-type: none;
}

/* Image and caption styles for work area */
.block-right-1-2, .block-right-1-3, .block-right-1-4, .block-left-1-2, .block-left-1-3, .block-left-1-4, .story-image-caption {
	display: block;
	font-style: italic;
	font-size: 11px;
	color: #565656;
	line-height: 1.4em;
}
.block-right-1-2 img, .block-right-1-3 img, .block-right-1-4 img, .block-left-1-2 img, .block-left-1-3 img, .block-left-1-4 img, .story-image-caption img {
	display: block;
	padding: 0;
	margin: 0 0 1em 0;
}
.ie6 .block-right-1-2 img, .ie6 .block-right-1-3 img, .ie6 .block-right-1-4 img, .ie6 .block-left-1-2 img, .ie6 .block-left-1-3 img, .ie6 .block-left-1-4 img, .ie7 .block-right-1-2 img, .ie7 .block-right-1-3 img, .ie7 .block-right-1-4 img, .ie7 .block-left-1-2 img, .ie7 .block-left-1-3 img, .ie7 .block-left-1-4 img {
	width: 100%;
}
.ie7 .block-left-1-2 {
	width: 47.49%; /* silly, silly Trident */
}
.ie7 .block-left-1-4 {
	width: 22.49%; /* silly, silly Trident */
}
.block-right-1-2 span, .block-right-1-3 span, .block-right-1-4 span, .block-left-1-2 span, .block-left-1-3 span, .block-left-1-4 span, .story-image-caption span {
	display: block;
	margin: .5em 0;
}
/* =modules ------------------------------------------------ */

	.module {
	margin: 0 0 1em;
	border:1px solid #f2ede2;
}
.dark .bd {
	background:url(../images/ui/bg-mod-dark.gif) repeat-x bottom #fff;
}
.module .border li {
	border-bottom:1px solid #e6dfd1;
}
.module .side a:link, a.more, .module .side a:visited {
	color:#263d47;
	font-weight:bold;
	font-size:11px;
}
.module .side a:hover {
	color:#c8961d;
}
.description li {
	line-height:14px;
	padding:6px 0;
	font-size:11px;
}
a.more {
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	line-height:18px;
	letter-spacing:0;
	display:block;
	float:right;
	color:#25405f;
}
a.more:visited {
	color:#25405f;
}


/*More Link for PressReleases Blue Background ddeacy 10/26/2015*/
.popular a.more {
	color: #FFF;	
}

/*.mod-outer { border: 1px solid #ccc;}*/
	.bd {
	background: url(../images/ui/bg-mod-light.gif) repeat-x bottom #fff;
	padding: 8px 13px;
}
.bdsolid {
	padding: 8px 13px;
	background-color: #FEFEFE;
}
.module .fill {
	background:url(../images/ui/bg-hd-fill.gif) repeat-x bottom;
	padding-bottom:1px;
}
.module h2.bkd {
	border:1px solid #e6e0d8;
	background:url(../images/ui/bg-heading.gif) repeat-x bottom;
	margin:2px;
	padding:6px 10px;
	letter-spacing:.04em;
}

/*Popular/Press Release title background dark blue background ddeacy 10/29/2015*/

.module h2.bkd2 {
	border:1px solid #25476c;
	background:url(../images/ui/bg-main-nav.jpg) repeat-x bottom;
	margin:2px;
	padding:6px 10px;
	letter-spacing:.04em;
	color: #fff;
}
.moduleMiddle h2.bkd2 {
	border:1px solid #25476c;
	background:url(../images/ui/bg-main-nav.jpg) repeat-x bottom;
	margin:2px;
	padding:6px 10px;
	letter-spacing:.04em;
	color: #fff;
}
.homeNews h2 {
	font-size: 16px;
}

.popular {
	
	border: 1px solid #25476c;
}








.module p.bkd {
	font: 16px/20px Georgia, "Times New Roman", Times, serif;
	color: #29547E;
	border:1px solid #e6e0d8;
	background:url(../images/ui/bg-heading.gif) repeat-x bottom;
	margin:2px;
	padding:6px 10px;
	letter-spacing:.04em;
}
/*	.module h2 span,
	.callToAction h2 span{float:left;}*/
	
	.module h3 {
	margin-top:0;
	border:none;
}
.bkd a {
	font-size: 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

.ft {
	margin:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
}
.content .bd {
	padding:5px;
}
.content h2 {
	border-bottom:1px solid #29547E;
}
/* ////////// CALL TO ACTION POD //////////// */

	.callToAction {
	background:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	padding:2px;
	border:1px solid #ddd;
	line-height:14px;
	margin-bottom:1em;
}
.callToAction h2 {
	margin:2px;
	color:#263d47;
}
.callToAction .module {
	margin:0;
}
.callToAction .mod-inner {
	background:#e5dbc9;
	padding:10px;
}
.callToAction .bd {
	background:#fff;
}
/* =extend classes (general) -------------------------------- */ 
	
	.shadow {
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	box-shadow: 0 0 3px #000;
}
/* =icons ------------------------------------------------ */

[class^="icons-"]:before, [class*=" icons-"]:before {
	font-family: 'icons';
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 0.2em;
	text-align: center;
	opacity: 0.8;
	line-height: 1em; /* fix buttons height, for twitter bootstrap */
	/* Animation center compensation - magrins should be symmetric */
        /* remove if not needed */
        margin-left: 0.2em;/* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icons-down {
	font-size: 0;
}
.icons-down:before {
	content: '\e862';
	font-size: 16px;
	line-height: 26px;
}
/* 4. =TEMPLATE ELEMENTS / PAGE COMPONENTS 
--------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------  */
	
	body {
	background: #1c3048;
}
#container {
	background:url(../images/ui/bg-page.gif) repeat-x bottom #fff;
	min-width:990px;
}
.mobile-nav-button,
.js-sub-toggle {
	display: none;
}
/* =nav-utility  */
	
	.utility {
	padding-top: 16px;
	padding-bottom: 7px;
	float:right;
	/* width:530px; use when have 6 top nav items */
		/*width:470px;  use when have 5 top nav items */
		 /*width:415px; use when have 4 top nav items */
		/* width:520px; */
		max-width: 550px;
	min-width: 415px;
}

.utility2 {
        padding-top: 16px;
        padding-bottom: 7px;
        float:right;
        /* width:530px; use when have 6 top nav items */
                /*width:470px;  use when have 5 top nav items */
                 /*width:415px; use when have 4 top nav items */
                /* width:520px; */
                /*max-width: 520px;
        min-width: 415px;*/
        width: 340px;
}
.SearchArea {
        
        
        float:right;
}




.utility .left {
	width:324px;
}
.masthead .nav-utility {
	float: left;
}
ul.nav-utility li,  ul.nav-utility a:link,  ul.nav-utility a:visited {
	font-weight:bold;
	font-size:11px;
	color:#29547E;
	line-height:13px;
	padding:0 3px;
}
ul.nav-utility a:hover,  ul.nav-utility a:active, ul.nav-utility a:focus {
	font-weight:bold;
	font-size:11px;
	color:#ac002b;
	line-height:13px;
	padding:0 3px;
}
ul.nav-utility li {
	border-right:1px solid #29547E;
}
/* =masthead and branding */
	
	.masthead {
	background:url(../images/ui/bg-masthead.gif) repeat-x bottom;/*	height:93px;*/
		}
.masthead .inner {
	position: relative;
	z-index:102;
}
.nav-utility {
	float: right;
	margin-right:5px;
	margin-top:5px;
}
.mobile-app, .access {
	display: none;
}
/*changed padding from 40px to 39px when adding subscribe email banner 9/3/2015*/
.masthead .title {
	padding:39px 0 14px 125px;
	width:260px;
}
/* old - see near bottom of file for new styles
	.title h1{font-size:1.35em;}
	.title h2{font-size:1.15em;}
	.masthead .title h1,
	.masthead .title h2{
		text-transform:uppercase;
		margin:0;
		text-align:center;
		letter-spacing:.04em;
	}
	*/
	.title h1 {
	font-size:1.5em;
}
.title h2 {
	font-size:1.15em;
}
.masthead .title h1 {
	font-variant: small-caps;
	margin:0;
	text-align:center;
	letter-spacing:.04em;
}
.masthead .title h2 {
	text-transform:uppercase;
	margin:0;
	text-align:center;
	letter-spacing:.04em;
}
h2.bullets {
	background:url(../images/ui/logo-bullets.gif) no-repeat 50%;
}
a.logo {
	display: block;
	position:absolute;
	top:11px;
	left:10px;
}
a.logo img {
	display: block;
}
/*=search ----------------------------------------------------- */
/* NOTE: Padding needed when move google translate to footer and have search on its own line */
        
.site-search {
        float:right;
		width: 250px;
        /*padding-top: 10px; */
}

.site-search2 {
        
        padding-top: 20px;
}

input.btn {
	border: none;
	background:url(../images/ui/btn-search.gif) repeat-x #274363;
	height: 23px;
	font-size: 11px;
	padding: 0 8px;
	border: 1px solid #fff;
	color:#fff;
	margin-left:4px;
}
input.btn2 {
        border: none;
        background:url(../images/ui/btn-search.gif) repeat-x #274363;
        height: 28px;
        font-size: 14px;
        padding: 0 8px;
        border: 1px solid #fff;
        color:#fff;
        margin-left:4px;
        
}
.btn:hover {
	background:#274363;
}
input.search-field {
	/*height: 18px;*/
		width: 142px;
}
input.search-field2 {
        height: 20px;
                width: 225px;
}

.ie6 input.search-field {
	width:130px;
}
/* = secton-banner ------------------------------------ */	
	.section-banner {
	margin-bottom: 10px;
}
.section-banner img {
	display: block;
	width: 920px;
}
/* =nav-main ------------------------------------------------ */
	
	.nav-main {
	position: relative;
	z-index: 100;
	background:url(../images/ui/bg-main-nav.jpg) repeat-x;
	border-bottom:4px solid #d2c7b3;
}
.nav-main .inner {
	padding-right: 0;
}
.nav-main ul {
}
/* = HOME PAGE DESIGN ---------------------------------------- */

		
	
/* =Footer -- */
	
	.footer {
	padding-bottom: 3em;
	background:url(../images/ui/bg-footer.gif) repeat-x;
	min-width:990px
}
.footer .inner {
	padding-top: 15px;
	position:relative;
}
.footer .vcard, .footer .center-col {
	width: 400px;
}
.footer .vcard div {
	font-size: 11px;
}
.footer .address {
	margin: 0;
}
.footer .vcard .email {
	margin:.6em 0 0;
	display:inline-block;
}
.position-top {
	position:relative;
	top:-30px;
}
.footer span.tel {
	display: inline;
}
.copyright {
	margin-top: 1em;
}
/* =GRID AND LAYOUT (DEFAULT)
--------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------  */

	/* general non-semantic layout conventions */
	
	.inner {
	width: 970px;
	margin: 0 auto;
	padding: 0 10px;
	clear: both;
}
.last {
	margin-right: 0 !important;
	border-right-style: none !important;
}
.column {
	float: left;
	margin-right: 10px;
}
.content-wrapper {
	margin: 0px auto 0px auto;
	padding-top: 10px;
	padding-bottom: 12px;
	width: 990px;
}
#content-1.column, .footer .column {
	width: 204px;
}
#content-2.column {
	width: 204px;
	margin-right:0;
}
.size1of4 {
	width: 23.760%;
	margin-right: 1.596%;
	float: left;
}
.size2of4 {
	width: 47%;
	margin-right: 1.596%;
	float: left;
}
.size3of4 {
	width: 73%;
	margin-right: 1.596%;
	float: left;
}
.size4of4 {
	width: 99%;
	margin-right: 0;
	float: left;
}
.side-column-left #mainContent.column {
	width: 756px;/*760px;*/
	margin-right: 0;
}
.side-column-right #mainContent.column {
	width: 756px;/*760px;*//*padding: 0 10px;*/
		}
.three-column #mainContent.column {
	width: 546px;
}
.full-width #mainContent.column {
	width:100%;
}
.main {
	webkit-box-shadow: 0px 3px 2px #ddd;
	-moz-box-shadow: 0px 3px 2px #ddd;
	box-shadow: 0px 3px 2px #ddd;
	background:#fff;
	padding:0 8px 5px;
	margin-bottom:15px;
}
/* =PAGE COMPONENTS
-------------------------------------------------------------------- */
	.breadcrumbs {
	width: 100%;
	padding: 2px 0 8px;
	margin: 0 0 .75em;
	border-bottom:2px solid #e0c177;
}
.breadcrumbs {
	color: #545149;
	font-size: 11px;
}
.breadcrumbs .links {
	float:left;
	display:block;
}
.breadcrumbs a:link, .breadcrumbs a:visited {
	text-decoration: underline;
	background: none;
	margin-right: 4px;
	padding: 0;
	color:#29547E;
}
.breadcrumbs a:hover, .breadcrumbs a:active {
	color: #555;
	text-decoration: underline;
}
/* search styles */
	
	
	.ektronSearch div.searchWrapper {
	background:#fff;
	border:1px solid #25405f;
}
.ektronSearch ul.searchNavigation li {
	border-color:#25405f;
}
.ektronSearch ul.searchNavigation li a {
	background-color:#fbebd0;
	color: #29547E;
}
.siteMap ul.section {
	margin-bottom:15px;
}
.siteMap a, .siteMap a:visited {
	color:#29547E;
}
.siteMap ul li {
	font-size:14px;
	float:left;
	list-style-type:none;
	width:19%;
	margin-right:1%;
}
.siteMap ul li a, .siteMap ul li a:visited {
	text-decoration:none;
	color:#9D3704;
}
.siteMap ul ul {
	margin:0;
}
.siteMap ul ul li {
	font-size:12px;
	float:none;
	width:90%;
	line-height: 14px;
	padding: 4px 0;
}
.siteMap ul ul li a {
	color:#29547E;
	font-weight:bold;
}
.siteMap ul ul li a:visited {
	color:#29547E;
}
.siteMap ul ul ul {
	margin-left:1em;
}
.siteMap ul ul ul li {
	float:none;
}
.siteMap ul ul ul li a {
	font-weight:normal;
}
.siteMap ul ul ul ul {
	margin-left:1.2em;
}
.siteMap ul ul ul ul li {
	list-style-type:disc;
	color:#999;
}
.siteMap ul ul ul ul ul {
	margin-left:0;
}
.siteMap ul ul ul ul ul li {
	list-style-type:none;
}
/* =FOOTER 
--------------------------------------------------------------------- */

	.footer {
	background-color: #1c3048;
	color:#fff;
}
.footer h3, .footer strong, .footer a:link, .footer a:visited, .footer a:active, .footer .value, .footer li {
	color: #fff;
	font-weight: normal;
}
.footer #nav-footer a {
	border-right:1px solid #fff;
	line-height:14px
}
.footer a {
	padding:0 5px;
}
.footer a:hover {
	color:#E0C177
}
img.position {
	position:absolute;
	top:-12px;
}
/* =GENERAL TYPOGRAPHY
---------------------------------------------------------------------*/

	body, select, input, textarea {
	font: 12px/20px Arial, Helvetica, Verdana, sans-serif;
	color: #353535;/* set your base font here, to apply evenly */
	}
a:link {
	color: #25405f;
}

a:visited {
	color: #9d3704;
}

a:hover {
	color: #0e779b;
}
a:active {
	color: #0e779b;
}


/*a[href$=pdf] { padding-left: 24px; background: url(/core/images/ui/icon_pdf-mini.gif) no-repeat left top; }
	a[href$=doc] { padding-left: 24px; background: url(/core/images/ui/icon_doc.png) no-repeat left top; }
	.main a.external { padding-right: 14px; margin-right:4px; background: url(/core/images/ui/icon_external.png) no-repeat right top; }
*/
		
	h1 {
	font: 20px/28px Georgia, "Times New Roman", Times, serif;
}
h2, h3 {
	font: 16px/20px Georgia, "Times New Roman", Times, serif;
}
p {
	margin: .75em 0;
}

.fieldLabel {
	font-weight: bold;
	color: #254467;
	margin-right: 5px;
}

.label {
	color: #000e77;
}
.not-found {
	text-align:center;
	margin:0 auto 4em;
	float:none;
	width:600px;
}
.not-found p {
	font-size:14px;
}
span[frown] {
	transform: rotate(90deg);
	display:inline-block;
	color: #29547E;
	font-size:18px;
}

/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

@media all and (orientation:portrait) {
/* Style adjustments for portrait mode goes here */
  
}
 @media all and (orientation:landscape) {
/* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-width: 600px) {
.vlist li a {
	padding: 6px 0;
}
}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
* {
	background: #fff !important;
	color: #353535 !important;
	text-shadow: none !important;
}
.ir a:after {
	content: "";
}  /* Don't show links for images */
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
} /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img {
	page-break-inside: avoid;
}
 @page {
margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
.utility, #nav-main, .breadcrumbs, .footer {
	display:none;
}
a.logo {
	top:0;
}
.nav-main {
	height:.5in;
}
.masthead {
	display:none;
}
.tabsRow {
	display:none;
}
}
.contentUsability {
	display: none;
}
contentUsability-nohover {
	display: none;
}
/*-------------------Custom Dupage Styles---------------------*/


.progressBackgroundFilter {
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	overflow:hidden;
	padding:0;
	margin:0;
	background-color:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
	z-index:1000;
}
.processMessage {
	position:absolute;
	top:30%;
	left:43%;
	padding:10px;
	width:14%;
	z-index:1001;
	text-align:center;
	background-color:#fff;
}
.form_line {
	height:2.2em;
	margin-top:.2em;
}
.form_h_divider {
	border-top:1px solid #29547E;
}
.form_width_180 {
	width:180px;
}
.TableBorderBlue {
	width:100%;
	border:1px solid #01679a;
}
.SearchTable {
	width:100%;
}
.SearchTable th {
	background-color:#2b5987;
	color:white;
	padding:0px 4px 0px 4px;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
}
.SearchTable td {
	padding: 5px;
}
.SearchResultsTable {
	width:100%;
	border:1px solid #01679a;
	padding:5px;
}
.SearchResultsTable td {
	border:1px solid #01679a;
	padding:5px;
}
.deptimg {
	padding-right: 10px;
	padding-bottom: 10px;
}
/* GridView Styles */
.ViewStyle {
	width: 100%;
	padding: 5px;
	border: none;
}
.ViewStyle th {
	padding:5px;
}
.ViewStyleA {
	width: 47%;
	padding: 5px;
	border: none;
}
.ViewStyleA th {
	padding:5px;
}
.HdrStyle {
	background-color: #2b5987;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}
.HdrStyle a {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.HdrStyle a:link {
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
}
.HdrStyle a:active {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.HdrStyle a:visited {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.HdrStyle a:hover {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.HdrStyle th {
	padding: 5px;
}
.FtrStyle {
	background-color: #244263;
	color: #FFF;
	text-align: right;
	vertical-align: top;
	padding: 5px;
	font-weight: bold;
}
.FtrStyle td {
	padding:5px;
}
.RowStyle {
	background-color: #FFFFFF;
	padding: 5px;
	text-align: center;
}
.ItmStyle {
	padding: 5px;
	vertical-align: middle;
}
.ItmStyleLeft {
	padding: 5px;
	vertical-align: middle;
	text-align: left;
	width: 250px;
}
.ItmStyleLeft300 {
	padding: 5px;
	vertical-align: middle;
	text-align: left;
	width: 300px;
}
.ItmStyleLeft500 {
	padding: 5px;
	vertical-align: middle;
	text-align: left;
	width: 500px;
}
.ItmStyleCenter {
	padding: 5px;
	vertical-align: middle;
	text-align: center;
}
.ItmStyleRight {
	padding: 5px;
	vertical-align: middle;
	text-align: right;
}
.AltStyle {
	background-color: #e6dfd1; 
	padding: 5px;
	text-align: center;
}
.agendas {
	display: inline;
	font: normal 16px Georgia;
	color: #29547E;
	margin: 20px 0px 10px 0px;
	padding: 0 0 0 0;
	background: transparent;
}
.subheadblock {
	padding-top: 10px;
	padding-bottom: 10px;
}
/* table styles */
table.datatable {
	border-spacing: 0;
	margin-bottom:15px;
	width: 100%;
}
table.datatable th {
	background-repeat: repeat-x;
	background-color: #29547E;
	border:1px #e2d8c5 solid;
	text-align:left;
	vertical-align: top;
	padding:6px 8px;
	font:normal 16px Georgia;
	color:#ffffff;
}
table.datatable td {
	vertical-align:top;
	padding:5px 5px;
	border: 1px #dbd0bb solid;
}
table.datatable .tdhalf {
	column-width: 50%;
	vertical-align:top;
	padding:5px 10px;
	border: 1px #dbd0bb solid;
}
/* apply this style to a column */
.tdnowrap {
	white-space: nowrap;
}

/* this is a style to right align columns;  usually those with money in the cells */
.moneycell {
	vertical-align: top;
	text-align: right;
}
/*table.datatable th a, table.datatable th a:link, table.datatable th a:visited {color:#908a77;}*/
table.datatable tr:hover {
	background-color: #8AB1D9;
}
table.datatable tr.odd td {
	background-color: #e2d8c5;
}

/* Datatable without Rollovers */
table.datatable2 {
	border-spacing: 0;
	margin-bottom:15px;
}
table.datatable2 th {
	background-repeat: repeat-x;
	background-color: #29547E;
	border:1px #e2d8c5 solid;
	text-align:left;
	vertical-align: top;
	padding:6px 15px;
	font:normal 16px Georgia;
	color:#ffffff;
}
table.datatable2 td {
	vertical-align:top;
	padding:5px 10px;
	border: 1px #dbd0bb solid;
}
/* Elected Officials Table */
table.elected {
	border-spacing: 5px;
	width: 540px;
}
table.elected td {
	vertical-align: top;
	padding: 5px 0px;
	text-align: center;
	width: 180px;
}
/* Contact Information */
table.contactinfo {
	border-spacing: 5px;
}
table.contactinfo td {
	vertical-align: top;
	padding: 10px 10px;
	border: 0;
}
img.smimagecontact {
	margin-right: 10px;
}
/* Court Forms Search Table */
table.courtForms td {
	padding: 8px;
}
/* Jobs Styles */
.joblist ul {
}
.joblist li {
	list-style-type: none;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 100%;
	color: #263d47;
	line-height: 14px;
	width: 180px;
}
.newslist {
	padding: 0;
	margin: 0;
}
.newslist li {
	padding-bottom: 15px;
	list-style-type: none;
}
/* Ajax Accordion */
.accordionHeader {
	color: #29547E;
	background-color: White;
	/*font-family: Arial, Sans-Serif;*/
	/*font-size: 12px;*/
	/*font-weight: bold;*/
	text-decoration: underline;
	padding: 5px;
	cursor: pointer;
}
.accordionHeaderSelected {
	border: 1px solid #2F4F4F;
	color: white;
	background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	cursor: pointer;
}
.accordionContent {
	background-color: #D3DEEF;
	border: 1px dashed #2F4F4F;
	border-top: none;
	padding: 5px;
}
/* Ajax Watermark */
.TextWatermarkCss {
	color:Gray;
	font-style:italic;
	font-family:Calibri;
}
/* Property Info page styles */
.spacer {
	display:block;
	clear:both;
	line-height:0;
	height:0;
	margin:0;
	padding:0;
	overflow:hidden;
	font-size:.01em;
}
.tabdiv1 {
	float:left;
	display:block;
	width:261px;
}
.tabdiv2 {
	width:260px;
	height:179px;
	float:left;
	display:block;
	background: url(/core/images/ui/taxbg.gif) no-repeat;
}
.tabdiv3 {
	text-align:center;
	margin-top:75px;
	width:239px;
}
.tabdiv4 {
	float:left;
	display:block;
	width:267px;
}
.tabdiv5 {
	float:left;
	display:block;
	margin-left:5px;
	margin-top:5px;
	margin-right:10px;
	width:250px;
}
.tabdiv6 {
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-top:20px;
}
.tabdivtaxin {
	background: transparent;
	width:130px;
	height:15px;
	color:#9b988b;
	font-size:11px;
	margin-left:5px;
}
.tabdiv7 {
	width:100px;
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
	margin-right:10px;
}
.tabdiv8 {
	width:100px;
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
}
/*.tabdiv9 {width:120px; float:left; display:block; font-size:12px; font-weight:bold; margin-top:20px; margin-right:10px;}*/
.tabdiv9 {
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-top:20px;
	margin-right:10px;
}
.tabdiv10 {
	font-family:Georgia;
	font-size:13px;
	color:#29547E;
}
.tabdiv11 {
	margin-top:5px;
}
.tabdiv12 {
	width:530px;
	float:left;
	display:block;
	margin-top:16px;
}
.tabdiv13 {
	width:96px;
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
	margin-right:10px;
}
.tabdiv14 {
	width:131px;
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
	margin-right:10px;
}
.tabdiv15 {
	width:75px;
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
	margin-right:10px;
}
.tabdiv16 {
	width:63px;
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
	margin-right:10px;
}
.tabdiv17 {
	width:530px;
	float:left;
	display:block;
	margin-top:16px;
}
.tabdiv18 {
	font-family:Georgia;
	font-weight:bold;
	font-size:13px;
	color:#29547E;
}
.tabdiv19 {
	width:66px;
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-top:15px;
	margin-right:10px;
}
.tabdiv20 {
	width:60px;
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-top:15px;
	margin-right:10px;
}
.tabdiv21 {
	width:111px;
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-top:15px;
	margin-right:10px;
}
.tabdiv22 {
	width:131px;
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-top:15px;
	margin-right:10px;
}
.tabdiv23 {
	width:94px;
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-top:15px;
	margin-right:10px;
}
.tabdiv24 {
	width:76px;
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-top:15px;
	margin-right:10px;
}
.tabdiv25 {
	width:84px;
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-top:15px;
	margin-right:10px;
}
.tabdiv26 {
	width:89px;
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-top:15px;
	margin-right:10px;
}
/*.tabdiv27 {width:115px; float:left; display:block; font-size:12px; font-weight:bold; margin-top:20px; margin-right:10px;}*/
.tabdiv27 {
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-top:20px;
	margin-right:10px;
}
.tabModule {
	margin:0;
	padding-top:0px;
}
.tabModule .tabdiv {
	padding: 15px 15px 15px 10px;
	border:2px solid #e7e6e4;
	border-top-width:1px;
	min-height:500px;
}
.tabModule .tabsRow {
}
.tabnav {
	margin:0;
	padding:0;
}
.tabnav li {
	float:left;
	display:inline;
	margin-right:1px;
	list-style-type:none;
}
.tabnav li a, .tabnav li a:link, .tabnav li a:visited {
	width:180px;
	float:left;
	display:inline;
	padding: 12px 6px 18px 6px;
	text-align:center;
	text-decoration:none;
	font-family:Georgia;
	font-weight:bold;
	font-size:12px;
	color:#29547E;
	background:url(/core/images/ui/tab_off.gif);
	border:2px solid #e7e6e4;
	border-bottom:none;
}
.tabnav li a:hover {
	background:url(/core/images/ui/tab_on.gif);
	border-color:#e7e6e4;
}
.tabnav li.ui-tabs-selected a, .tabnav li.ui-tabs-selected a:link, .tabnav li.ui-tabs-selected a:visited {
	font-family:Georgia;
	font-size:12px;
	color:#29547E;
	margin-top:0;
	background: url(/core/images/ui/table_header.gif) repeat-x;
	border-bottom-width:0;
	border-color:#e7e6e4;
}
.ui-tabs-hide {
	display: none;
}
.smallest {
	font-size:.8em;
}
.smaller {
	font-size:.9em;
}
.larger {
	font-size:1.1em;
}
.largest {
	font-size:1.2em;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.strike {
	text-decoration:line-through;
}
.skip {
	position:absolute;
	left:-10000px;
	width:1px;
	height:1px;
	overflow:hidden;
}
.floatleft {
	float:left;
}
.displayblock {
	display:block;
}
#AdminSearchContainer .search_content {
	padding: 0 5px;
}
#AdminClose a {
	font-size:11px;
}
#AdminSearchFields {
	padding:5px;
}
.SearchField {
	border:1px solid #999999;
	height:16px;
	padding-left:3px;
	line-height:12px;
	vertical-align:middle;
}
.AdminSearchFieldContainer {
	border:1px solid #e7e7e7;
	background:#fff url(/core/images/admin/table_header.gif) repeat-x;
}
#AdminClose {
	text-align:right;
	color: #fff;
	padding:5px 15px 5px 5px;
}
.btn {
	font:normal 12px Arial;
	font-weight:bold;
	color:#fbfbf2;
	background-color:#254467;
	border:1px solid #a8a598;
	text-decoration:none;
	cursor:pointer;
	padding:6px 10px 6px 10px;
}
/* Calendar List Home Page */
	
	.calllist, .calllist ul, .calllist ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 16px;
}
.vevent {
	margin-bottom: 1em;
}
li.vevent a {
	text-decoration: none;
}
.summary {
	font-size: 110%;
	font-weight: bold;
}
.details {
	font-size: 97%;
}
.eventhome {
/*background:url(/images/eventhomebgFall.png) top right no-repeat;*/
		}
/* Home Page Alert Stuff  */

		div.Emergency {
	padding:6px 10px 6px 65px;
	border:1px solid #ac002b;
	background:url(/uploadedImages/Alert.gif) top left no-repeat;
	background-color: #FFE8FF;
}
div.NonEmergency {
	padding:6px 10px 6px 65px;
	border:1px solid #29547E;
	background:url(/uploadedImages/News.gif) top left no-repeat;
}
/* error style */
.error {
	color:#ac002b;
}
.warning {
	color:#ac002b;
	font-weight: bold;
}
.errorBox {
    border-style: solid;
    border-color: #ac002b;
    border-width: 2px;
    margin: 5px;
    padding: 10px;
    border-spacing: 5px;
    color: #ac002b;
}
/* large font so that users are warned in a big way.  Property Portal Transaction ID */
.bigwarning {
	color:#ac002b;
	font-weight: bold;
	font-size: 16px;
}
/* Solid Headings, used for Protectdupage.com */

.solidheading {
	background-color: #29547E;
	border:1px #e2d8c5 solid;
	text-align:left;
	padding:6px 15px;
	font:normal 16px Georgia;
	color:#ffffff;
}

/* Solid Headings, used for Protectdupage.com Emergency */

.solidheadingAlert{
	background-color: #ac002b;
	/*border:1px #e2d8c5 solid;*/
	text-align:left;
	padding:6px 15px;
	font:normal 16px Georgia;
	color:#ffffff;
}


#google_translate_element {
	position: absolute;
	/*width: 300px;*/
	top: 55px;
	right: 10px;
	overflow: hidden;
}
/*Protect DuPage Weather Widget	*/
ul#forecast {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}
#forecast li {
	display: inline;
	list-style-type: none;
	float: left;
	padding-left: 20px;
}
#XSLTWetter {
	padding-bottom: 90px;
}
.temp {
	font-size: 180%;
	font-weight: bold;
}
.DOW {
	padding-left: 7px;
}
.icon {
	padding-top: 10px;
}
.currentcond {
	border-right: solid #CCC;
}
/*end Protect DuPage Weather */
	
.PayOnlineButton {
	width: 100%;
	color: white;
	background-color: #545149;
	font-size: 14px;
	font-weight: bold;
	border-width: thick;
}
/* Responsive Elements */

#slideshow {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
}
ul.site-slider {
	margin-left: 0;
}
ul.site-slider li {
	float:left;
	list-style: none;
}
.slideContent {
	padding: 4px;
	background-color: transparent;
	background-image: url('/images/slidetextbg.png');
	overflow: hidden;
}
.site-slider h2 {
	font-weight: bold;
	font-size: 12px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 10px;
	margin-top: .5em;
	margin-bottom: .5em;
	margin-left: .5em;
	border-bottom: none;
}
.site-slider li p {
	line-height: 15px;
	padding: 0;
	margin: .5em;
}
.slideContent p {
	font-size: 12px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
}
.moreLink {
	display: block;
}
.slideContent a, .slideContent a:link, .slideContent a:visited {
	color: white;
	font-weight: bold;
}
.bx_pager {
	position: absolute;
	top: 15px;
	right: 5px;
}
.bx_pager a {
	float: left;
	background: url('/images/ico-bannerNav.png') no-repeat 0 0;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	outline: 0;
	color: black;
	font-size: 11px;
	margin-right: 8px;
	padding: 0;
	border: 1px solid white;
	-moz-box-shadow: 0px 0px 3px #777;
	-webkit-box-shadow: 0px 0px 3px #777;
	box-shadow: 0px 0px 3px #777;
}
.bx_pager a:hover {
	background-position: -13px 0;
}
.bx_pager a.active, .bx_pager .selected a {
	background-position: -26px 0;
	text-decoration: none;
}
/*========================================
  Voter Form Styles :: Added by drose/wsol
  ======================================*/
  
.voter-form ul {
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}
.voter-form label {
	display: block;
	font-weight: bold;
	margin-top: 15px;
}
.oneLine {
    display: inline !important;
	font-weight: bold;
	margin-top: 15px;
    padding-right: 5px;
    padding-left: 5px;

}
.voter-form input[type="text"], .voter-form input[type="textarea"] {
	border: 4px double #d1d1d1;
}
.voter-form input[type="submit"] {
	margin: 15px 0;
}
.voter-form table {
	width: 100%;
}
.voter-form thead, .voter-form thead:hover {
	background: #F0EBE2;
	color: #353535;
}
.voter-form tr:nth-of-type(even) {
	background: #f5f5f5;
}
.voter-form tr:hover {
	background: #688AAB;
	color: #fff;
}
.voter-form tr:hover a {
	color: #fff;
}
.voter-form td {
	padding: 2px 5px;
}
.voter-form .address_entry span {
	float: left;
	padding-right: 10px;
}
.clear {
	clear: both;
}
.modal {
	background: #F9F9F9 !important;
}
.modal ul {
	margin-left: 0;
	padding-left: 0;
}
.modal ul li {
	list-style-type: none;
}
.modal .name {
	font-family: "Georgia", Times New Roman, serif;
	font-size: 2em;
	font-weight: bold;
	color: #1c3048;
}
.modal .office {
	font-family: "Georgia", Times New Roman, serif;
	font-style: italic;
	font-color: #777;
	font-size: 1.3em;
}
.voter-form ul.district_members {
	margin-bottom: 20px;
}
.voter-form ul.district_members li {
	border-bottom: 1px solid #f1f1f1;
}
.office_title {
	width: 200px;
	display: block;
	float: left;
}
table thead tr th {
	text-align:left;
}
input.ecbutton {
	background-color: #29547E;
	color: #ffffff;
}
/*Election Commission FAQ's */

li.ecfaq {
	list-style-type: none;
	margin-left: -15px;
	padding-left: 0;
}
div.accordion {
	margin-left: 20px;
}
#tabs select:focus {
	width: auto;
}
.BMDD select {
	width: 200px;
}
.BDDD select {
	width: 200px;
}
.BYDD select {
	width: 200px;
	padding: 5px;
}
/* Div style for Country Board listing and Elected Official table*/
  .divTable {
	display:table;
	border-spacing: 5px;
	width: 100%;
}
.divTr {
	display:table-row;
}
.divTd {
	display:table-cell;
	vertical-align: top;
	padding: 5px 0px;
	text-align: left;
	width: 140px;
	float: left;
}
.divLongTd {
	display:table-cell;
	vertical-align: top;
	padding: 5px 0px;
	width: 100%;
	float: left;
}
/* to simulate a table of information but that is responsive */
/* used for Elected Official table */
.simulated_table {
	display:table;
	border-spacing: 5px;
	width: 100%;
}
.simulated_tr {
	display:table-row;
}
.simulated_td {
	display:table-cell;
	vertical-align: top;
	padding: 5px 0px;
	text-align: center;
	width: 160px;
	float: left;
}
.simulated_td2 {
	display:table-cell;
	vertical-align: top;
	padding: 5px 0px;
	text-align: left;
	float: left;
}
#mainContent {
	overflow:hidden;
}
/*.module2 {
	float: left;
	margin-right: 5px;		

}
.module3 {
	overflow: hidden;
	width:260px;
}
*/
.module2 {
	width: 280px;
	float: left;
	margin-right: 10px;
}
.module3 {
	overflow:hidden;
}
/* Styles for new header text - used to use h1 and h2 */
#title1 {
	font: 20px/28px Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	color: #3369a0;
	font-variant: small-caps;
	margin:0;
	text-align:center;
	vertical-align: middle;
	letter-spacing:.04em;
	line-height:1.2em;
	padding: 2px 10px 0 10px;
}
#title2 {
	font: 16px/20px Georgia, "Times New Roman", Times, serif;
	font-size:1.15em;
	color: #3369a0;
	text-transform:uppercase;
	margin:0;
	text-align:center;
	vertical-align: bottom;
	letter-spacing:.04em;
	line-height: 1em;
	padding: 1px 35px 3px 35px;
	background:url(../images/ui/logo-bullets.gif) no-repeat 50%;
}
.h2title bullets {
	background:url(../images/ui/logo-bullets.gif) no-repeat 50%;
}

/*Gridview styles for accessibility */
.coroner-details {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:1.15em;
}

.HistoryStyle {
	padding: 5px;
	border: none;
	width: 200px;
}
.HistoryStyle td {
	padding: 5px 10px;
	text-align: center;
}
.MotorVehicleStyle {
	padding: 5px;
	border: none;
	width: 400px;
}
.MotorVehicleStyle td {
	padding: 5px 10px;
}
.GViewAltStyle {
	background-color: #e6dfd1;
	padding: 5px;
}
.GVFtrStyle {
	background-color: #244263;
	color: #FFF;
	vertical-align: middle;
	padding: 5px 10px;
	font-weight: bold;
}
.GVFtrStyle td {
	padding:5px;
}
.GVFtrStyleLeft {
	background-color: #244263;
	color: #FFF;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	font-weight: bold;
}
.GVFtrStyleCenter {
	background-color: #244263;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	font-weight: bold;
}
.GViewRowStyle {
	background-color: #FFFFFF;
	vertical-align: middle;
}
.divright {
        float:right;
}
.saoblock {
        float:right;
	text-align: center;
        margin-right: 200px;
}
.alignr{
    text-align: right;
}
.alignc {
    text-align: center;
}
/* end gridview accessibility styles */

#searchlabel {
	visibility: hidden;
	font-size: 0px;
}
/* Images in content */

/* For Property Lookup page */
.PropLookupul {
        list-style-type: none;
}
.PropLookuplbl {
        float: left;
        width: 8em;
}
.PropLookupul li {
    	margin-bottom: 1em;
}
.TabStyle .ajax__tab_header
{
    font-family: "Helvetica Neue" , Arial, Sans-Serif;
    font-size: 14px;
    font-weight:bold;
    display: block;
}
.TabStyle .ajax__tab_header .ajax__tab_outer
{
    border-color: #222;
    color: #222;
    padding-left: 10px;
    margin-right: 3px;
    margin-top: 10px;
    border:solid 1px #000;
}
.TabStyle .ajax__tab_header .ajax__tab_inner
{
    border-color: #565656;
    color: #565656;
    padding: 3px 10px 2px 0px;
}
.TabStyle .ajax__tab_hover .ajax__tab_outer
{
    background-color:#8ab1d9;
}
.TabStyle .ajax__tab_hover .ajax__tab_inner
{
    color: #fff;
}
.TabStyle .ajax__tab_active .ajax__tab_outer
{
    border-bottom-color: #ffffff;
    background-color: #d7d7d7;
}
.TabStyle .ajax__tab_active .ajax__tab_inner
{
    color: #000;
    border-color: #333;
}
.TabStyle .ajax__tab_body
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
    background-color: #fff;
    border-top-width: 0;
    border: solid 1px #000;
    border-top-color: #000;
    padding: 5px;
}
/* For DOT Search ADT */
.searchADTul {
        list-style-type: none;
}
.searchADTlbl {
        float: left;
        width: 8em;
}
.searchADTul li {
    	margin-bottom: 1em;
}

.searchADTdiv {
	text-align:center;
	padding-top:15px;
}

/* For EDP Regulatory Services Impact Fee Schedule/Estimator */
.ImpactFeeul {
        list-style-type: none;
    }
.ImpactFeeul li  {
    	margin-bottom: 1em;
    }
.tooltip-wrap .tooltip-content {
        display: none;
        position: absolute;
        top: 40%;
        left: 50%;
        background-color: #fff;
        padding: .5em;
    }
.tooltip-wrap:hover .tooltip-content {
        display: block;
        border: solid 1px #01679a;
    }
.tooltip-wrap {
    	float:left;
    }
.divFloatLeft {
	float: left;
	margin-left: 10px;
}
.divFloatLeft200 {
	float:left;
	width:200px;
}
.divFloatLeft105 {
	float: left;
	width: 105px;
}
.divFloatLeftRem {
	float: left;
	width: calc(100% - 105px);
}
.divFloat50Percent {
	float: left;
	width: 50%;
}

.IQM2LinkRedirect {
	margin-bottom: 20px;
}
/*Form Styling DD */
legend {
	
	font-size: 17px;
	/*line-height: 1em;*/
	color: #29547E;
	font-weight: normal;
	/*margin: 0.9em 0px 0.25em;*/
	padding-bottom: 5px;
	padding-left: 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	
}
/* for form questions other than legends */
.question {
	
	font-size: 17px;
	/*line-height: 1em;*/
	color: #29547E;
	font-weight: normal;
	/*margin: 0.9em 0px 0.25em;*/
	padding-bottom: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	
}
fieldset {
	border: 1px solid #29547E;
	padding:  10px 0 10px 10px;
	margin-bottom: 20px;
	display: block;
	width: 90%;
	
	
}

/*label {
	font-size: 13px;
	display: block;
	padding: 0px 10px;
	font-weight: bold;
	
	
}
*/
fieldset .design_textfield {
	
	/*margin: 0px 10px;*/
	margin-bottom: 5px;
	margin-left: .5em;
	
	
}
.design_view_button {
	
	display: none;
}
fieldset p {
	
	margin-top: 0;
	margin-left: 10px;
	font-size: 13px;
}
/*ol.design_list_horizontal {
	
	
	margin-left: 10px;
}
ol .design_list_horizontal {
	
	display: inline;
}*/

ul.recyclesurvey {
	
	list-style-type: none;
    margin-left: 10px;
	padding: 0px;
}

.recyclesurvey li {
	
	margin-bottom: 1em;
	font-weight: bold;	
}

span.dropdown {
	
	margin-bottom: 15px;
	margin-left: 1em;
	
	
}
span.dropdown select {
	
	margin-bottom: 5px;
	
}
/* START RJB 2014-11-18 */
/* used in Election Commission */
/*  SECTIONS  */
.gridsection {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.gridcol {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.gridcol:first-child { margin-left: 0; }


/*  GROUPING  */
.gridgroup:before,
.gridgroup:after {
	content:"";
	display:table;
}
.gridgroup:after {
	clear:both;
}
.gridgroup {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF TWO   ============================================================================= */
.gridspan_2_of_2 {
	width: 100%;
}
.gridspan_1_of_2 {
	width: 48.2%;
}
/*  GRID OF THREE   ============================================================================= */
.gridspan_3_of_3 {
	width: 100%;
}
.gridspan_2_of_3 {
	width: 65%;
}
.gridspan_1_of_3 {
	width: 31%;
}
/*  GRID OF FOUR   ============================================================================= */
.gridspan_4_of_4 {
	width: 100%; 
}
.gridspan_3_of_4 {
	width: 74.6%; 
}
.gridspan_2_of_4 {
	width: 49.2%; 
}
.gridspan_1_of_4 {
	width: 23.8%; 
}
/*  GRID OF FIVE   ============================================================================= */
.gridspan_5_of_5 {
    width: 100%;
}
.gridspan_4_of_5 {
	width: 79.68%; 
}
.gridspan_3_of_5 {
	width: 59.36%; 
}
.gridspan_2_of_5 {
	width: 39.04%; 
}
.gridspan_1_of_5 {
	width: 18%; 
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
	.gridspan_2_of_2 {
		width: 100%; 
	}
	.gridspan_1_of_2 {
		width: 100%; 
	}
    .gridspan_3_of_3 {
	    width: 100%;
    }
    .gridspan_2_of_3 {
	    width: 100%;
    }
    .gridspan_1_of_3 {
	    width: 100%;
    }
    .gridspan_4_of_4 {
	    width: 100%; 
    }
    .gridspan_3_of_4 {
	    width: 100%; 
    }
    .gridspan_2_of_4 {
	    width: 100%; 
    }
    .gridspan_1_of_4 {
	    width: 100%; 
    }
    .gridspan_5_of_5 {
        width: 100%;
    }
    .gridspan_4_of_5 {
	    width: 100%; 
    }
    .gridspan_3_of_5 {
	    width: 100%; 
    }
    .gridspan_2_of_5 {
	    width: 100%; 
    }
    .gridspan_1_of_5 {
	    width: 100%; 
    }
}
/*  END  RJB 2014-11-18 */

/* START RJB 2015-02-23 */
/* Job Descriptions Search Table */
table.jobDescrSearch td {
		padding: 8px;
}
/*  END  RJB 2015-02-23 */

/* New calendar content styles */
.isrecurring {
	display:none	
	
}
.WebEventDetail .title {
	font: 20px/28px Georgia,"Times New Roman",Times,serif;
	color: #29547e;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0.3em 0 0.45em;	
}
.recurrenceinfo {
	display:none	
}
.WebEventDetail .description {
	display:none	
}
/* Read more buttons for Cool DuPage */

img.cooldupage {
	margin-bottom: 10px;
	display: block;
	width: 150px;
	
	
}
.read-more-button a:link {
	text-decoration: none;
	margin-bottom: 10px;
	background: #29547E;
	
}
.read-more-button a:visited {
	
	background: #29547E;	
	color: #FFFFFF;
	text-decoration: none;
	margin-bottom: 10px;		
	
}

.read-more-button a:hover {
    background: none repeat scroll 0% 0% #FFFFFF;
    color: #29547E !important;
	text-decoration: underline;
}



.read-more-button a {
    border: 1px solid #29547E;
    padding: 5px 10px; 	 
    margin-left: auto;
	margin-right: auto;	
	color: #FFFFFF;		
	
}

.effort-button a:link {
	text-decoration: none;	
	background: #29547E;
}

.effort-button a:visited {
	text-decoration: none;	
	background: #29547E;
}

.effort-button a:hover {
    background: none repeat scroll 0% 0% #FFFFFF;
    color: #29547E !important;
	text-decoration: underline;
	
}


.effort-button a {
    border: 1px solid #29547E;
	padding: 10px 15px; 	 
	font-size: 16px; 
	font-weight: bold;   
	color: #FFFFFF;		
	
}

.button-section{	
	text-align: center;
	margin-bottom: 15px;
}

/*for spacing between images */
.cdgroup{
	margin-bottom: 35px;
}

/* Responsive grid - Grid section doesn't work in IE with Related Content Right. dad */

#content1 {
	width: 150px;
	float: left;
	padding: 5px 10px;
}

#content2 {
	width: 150px; /* Account for margins + border values */
	float: left;
	padding: 5px 10px;
	margin: 0px 5px 5px 5px;
}

#content3 {
	width: 150px;
	padding: 5px 10px;
	float: left;
}
#content4 {
	width: 150px;
	padding: 5px 10px;
	float: left;
}


/*Email signup banner 9/3/2015*/
.EmailSignup {
	background-color:#29547e;
	border-bottom: 4px solid #d2c7b3;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #e6dfd1;
	text-align: center;
	padding: 6px;
}

.EmailSignup a {
	color: #fff;
}	
.EmailSignup a:hover, .EmailSignup a:focus {
    background-color: #e6dfd1;
	color: #000000;
	text-decoration: none;
}
/*State's Attorney Press Release Image Resize and placement ddeacy 10/26/2015*/
.PRImage {
	width: 60px;
	height: 75px;	
	float: right;	
	margin: 0px 0px 5px 5px;
}


.module .side h3 a.PressReleaseTitle {

	color: #29547e /*!important*/;
	text-decoration: none;
	font-size: 1.1em /*!important*/;	
	line-height:1.3;		
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	
	
	
}
.module .side h3 a:hover {
	
	color: #c8961D;
	text-decoration: underline;
}
.PRViewLink {
	/*margin-left: 5px;*/
	margin-top: 4px;
	display:block;
	
	
}
.module .side a.PRViewLink {
	
	color: #29547e;
	text-decoration: none;
	font-size: 100%;
}
.module .side a.PRViewLink:hover {
	
	color: #c8961D;
}
p.PRTeaser{
	margin-top: -5px;
	
}
.imgRight {
	float: Right;
	margin: 5px 5px 5px 5px;
}
.imgRight10 {
	float: Right;
	margin: 10px 10px 10px 10px;
}
.imgRight20 {
	float: Right;
	margin: 20px 20px 20px 20px;
}
.imgLeft {
	float: left;
	margin: 5px 5px 5px 5px;
}
.imgLeft10 {
	float: left;
	margin: 10px 10px 10px 10px;
}
.imgLeft20 {
	float: left;
	margin: 20px 20px 20px 20px;
}
img.center {
	display: block;
    margin-left: auto;
    margin-right: auto
	
}
.animalAdopted {
	color: #ac002b;
	font-weight: bold;
}
.animalTransferred {
	color: #29547E;
	font-weight: bold;
}

.animalName {
	color: #29547E;
	font-weight: bold;
	font-size: 16px;
}
/*Added label to dropdowns for accesibility ddeacy 02/25/2016*/
.NewsDropDownLabel {
	font: normal 16px Georgia;	
	line-heigh: 1em;
	color: #29547E;
	margin: 20px 0px 10px 0px;
	
}

input[type="checkbox"]
{
	margin: 2px;
}

table.formTable {
	border-collapse:separate;
	border-spacing:5px;
	width: 100%;
}
table.formTable th {
	vertical-align:top;
	background-color:#2b5987; 
	color:white;
}

.form_width_200 {
	width:200px;
}
input[type="text"].form_disabled {
    border: 0px;
    background-color: white;
}

/* for form fields to stack on mobile; see Tax Redemptions under County Clerk for example */
.divOptions
{
    padding: 10px;
    float: left;
}
/* For Recycling Page */
.columns {
	width: 150px;
	float: left;
	padding: 5px 10px;
	
}
.recycleImage{
	margin-bottom: 12px;	
	
}
.electedImages {
	height: 153px;
	width: 102px;
	border: none;
}
.electionNightLinks {
	font-size: 16px;
}

input[type='radio'] {
        margin-right: 5px;
        margin-left: 10px;
        }
        
textarea {
        margin-bottom: 10px;
}

.animalViewer {
	position: relative;
	display:block;
	float: left;
	text-align: center;
	width: 165px;
	height: 275px;
	margin: 15px 0 0 15px;
	border: #e0e0e0;
	border-width: 1px;
	border-style: solid;
}
.animalPhoto {
	position: relative;
	display:block;
	width: 150px;
	height: 150px;
	margin: 5px auto 0 auto;
	overflow: hidden;
}
.animalInfo {
	position: absolute;
	display:block;
	width: 160px;
	left: 0px;
	bottom: 0px;
}

.redButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e00c36), color-stop(1, #bf0a30));
	background:-moz-linear-gradient(top, #e00c36 5%, #bf0a30 100%);
	background:-webkit-linear-gradient(top, #e00c36 5%, #bf0a30 100%);
	background:-o-linear-gradient(top, #e00c36 5%, #bf0a30 100%);
	background:-ms-linear-gradient(top, #e00c36 5%, #bf0a30 100%);
	background:linear-gradient(to bottom, #e00c36 5%, #bf0a30 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e00c36', endColorstr='#bf0a30',GradientType=0);
	background-color:#e00c36;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:10px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
	text-align: center;
	vertical-align: middle;
	line-height: 70px;
	margin: 5px;
	width: 145px;
	height: 70px;
}
a.redButton {
	color: #ffffff;
}
.redButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bf0a30), color-stop(1, #e00c36));
	background:-moz-linear-gradient(top, #bf0a30 5%, #e00c36 100%);
	background:-webkit-linear-gradient(top, #bf0a30 5%, #e00c36 100%);
	background:-o-linear-gradient(top, #bf0a30 5%, #e00c36 100%);
	background:-ms-linear-gradient(top, #bf0a30 5%, #e00c36 100%);
	background:linear-gradient(to bottom, #bf0a30 5%, #e00c36 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf0a30', endColorstr='#e00c36',GradientType=0);
	background-color:#bf0a30;
	text-decoration: underline;
}
.redButton:active {
	position:relative;
	top:1px;
}
.redButton2lines {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e00c36), color-stop(1, #bf0a30));
	background:-moz-linear-gradient(top, #e00c36 5%, #bf0a30 100%);
	background:-webkit-linear-gradient(top, #e00c36 5%, #bf0a30 100%);
	background:-o-linear-gradient(top, #e00c36 5%, #bf0a30 100%);
	background:-ms-linear-gradient(top, #e00c36 5%, #bf0a30 100%);
	background:linear-gradient(to bottom, #e00c36 5%, #bf0a30 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e00c36', endColorstr='#bf0a30',GradientType=0);
	background-color:#e00c36;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:10px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
	text-align: center;
	vertical-align: middle;
	line-height: 33px;
	margin: 5px;
	width: 145px;
	height: 70px;
}
a.redButton2lines {
	color: #ffffff;
}
.redButton2lines:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bf0a30), color-stop(1, #e00c36));
	background:-moz-linear-gradient(top, #bf0a30 5%, #e00c36 100%);
	background:-webkit-linear-gradient(top, #bf0a30 5%, #e00c36 100%);
	background:-o-linear-gradient(top, #bf0a30 5%, #e00c36 100%);
	background:-ms-linear-gradient(top, #bf0a30 5%, #e00c36 100%);
	background:linear-gradient(to bottom, #bf0a30 5%, #e00c36 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf0a30', endColorstr='#e00c36',GradientType=0);
	background-color:#bf0a30;
	text-decoration: underline;
}
.redButton2lines:active {
	position:relative;
	top:1px;
}
.blueButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #004dcc), color-stop(1, #002868));
	background:-moz-linear-gradient(top, #004dcc 5%, #002868 100%);
	background:-webkit-linear-gradient(top, #004dcc 5%, #002868 100%);
	background:-o-linear-gradient(top, #004dcc 5%, #002868 100%);
	background:-ms-linear-gradient(top, #004dcc 5%, #002868 100%);
	background:linear-gradient(to bottom, #004dcc 5%, #002868 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#004dcc', endColorstr='#002868',GradientType=0);
	background-color:#004dcc;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:10px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
	text-align: center;
	vertical-align: middle;
	line-height: 70px;
	margin: 5px;
	width: 145px;
	height: 70px;
}
a.blueButton {
	color: #ffffff;
}
.blueButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #002868), color-stop(1, #004dcc));
	background:-moz-linear-gradient(top, #002868 5%, #004dcc 100%);
	background:-webkit-linear-gradient(top, #002868 5%, #004dcc 100%);
	background:-o-linear-gradient(top, #002868 5%, #004dcc 100%);
	background:-ms-linear-gradient(top, #002868 5%, #004dcc 100%);
	background:linear-gradient(to bottom, #002868 5%, #004dcc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#002868', endColorstr='#004dcc',GradientType=0);
	background-color:#002868;
	text-decoration: underline;
}
.blueButton:active {
	position:relative;
	top:1px;
}
.blueButton2lines {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #004dcc), color-stop(1, #002868));
	background:-moz-linear-gradient(top, #004dcc 5%, #002868 100%);
	background:-webkit-linear-gradient(top, #004dcc 5%, #002868 100%);
	background:-o-linear-gradient(top, #004dcc 5%, #002868 100%);
	background:-ms-linear-gradient(top, #004dcc 5%, #002868 100%);
	background:linear-gradient(to bottom, #004dcc 5%, #002868 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#004dcc', endColorstr='#002868',GradientType=0);
	background-color:#004dcc;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:10px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
	text-align: center;
	vertical-align: middle;
	line-height: 33px;
	margin: 5px;
	width: 145px;
	height: 70px;
}
a.blueButton2lines {
	color: #ffffff;
}
.blueButton2lines:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #002868), color-stop(1, #004dcc));
	background:-moz-linear-gradient(top, #002868 5%, #004dcc 100%);
	background:-webkit-linear-gradient(top, #002868 5%, #004dcc 100%);
	background:-o-linear-gradient(top, #002868 5%, #004dcc 100%);
	background:-ms-linear-gradient(top, #002868 5%, #004dcc 100%);
	background:linear-gradient(to bottom, #002868 5%, #004dcc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#002868', endColorstr='#004dcc',GradientType=0);
	background-color:#002868;
	text-decoration: underline;
}
.blueButton2lines:active {
	position:relative;
	top:1px;
}

.cssPager td {
    padding-left: 4px;
    padding-right: 4px;
}