body {
	background-image: url(../img/bg_seal.gif);
}

/* Form elements */

a {
	color: #19447B;
	font-weight: bold;
	text-decoration: none;
	font: normal 16px/normal Arial, Helvetica, sans-serif;
}

a:hover {
	text-decoration: underline;
}

fieldset div {
	clear: both;
	margin: 5px 0;
}

fieldset#SearchTypes {
	display:none;
}

label {
	color: #174560;
	font-weight: bold;
	line-height: 2em;
	font: normal 16px/normal Arial, Helvetica, sans-serif;
}
input[type="text"], input[type="password"], select, textarea {
	background: #fff;
	border: 1px solid #adadad;
	padding: 5px;
	resize: vertical;
	color: #595959;
}

select.error
 {
		color:#595959 !important; /*color set to override validation error text*/
 }
 
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
	border-color: #3c7a9f;
}
input[type="submit"] {
	background: -moz-linear-gradient(top, #19447B, #0E2B51);
	background: -webkit-linear-gradient(top, #19447B, #0E2B51);
	background: linear-gradient(top, #19447B, #0E2B51);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19447B', endColorstr='#0E2B51');
	background-image: linear-gradient(to bottom, #19447B 0%, #0E2B51 100%);
	border: 0;
	-moz-border-radius: 7px;
	border-radius: 7px;
	cursor: pointer;
	padding: 8px 45px;
	
	color: #fff;
	font: normal 16px/normal Arial, Helvetica, sans-serif;
	text-shadow: #494949 -1px -1px 2px;
	
	-webkit-appearance: none;
}
input[type="submit"]:hover {
	background: #19447B;
	filter: none;
}

input[type="button"] {
	background: -moz-linear-gradient(top, #19447B, #0E2B51);
	background: -webkit-linear-gradient(top, #19447B, #0E2B51);
	background: linear-gradient(top, #19447B, #0E2B51);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19447B', endColorstr='#0E2B51');
	background-image: linear-gradient(to bottom, #19447B 0%, #0E2B51 100%);
	border: 0;
	-moz-border-radius: 7px;
	border-radius: 7px;
	cursor: pointer;
	padding: 8px 45px;
	
	color: #fff;
	font: normal 16px/normal Arial, Helvetica, sans-serif;
	text-shadow: #494949 -1px -1px 2px;
	
	-webkit-appearance: none;
}
input[type="button"]:hover {
	background: #19447B;
	filter: none;
}

select {
	font: normal 12px/1em Arial, Helvetica, sans-serif;
}

/* List elements */

/* 
 * removing the list-style-image - because alignment of that image
 * is NOT cross-browser compatible.
 * Instead, allowing the marker to be the same color as the text content
 * and setting the marker to square
 */
ul {
    list-style: square outside; 
    margin-left: 17px;
}

ol {
	list-style: decimal outside none;
	margin-left: 17px;
}




/* Custom classes [CUCLS]
   ============================================================================================== */

.dotted-border {
	border-top: 1px dotted #ccc;
}
.dotted-border:first-child {
	border: 0;
}
.form-step {
	background-color: #1a6691;
	border: 3px solid #9db9c9;
	-moz-border-radius: 15px;
	border-radius: 15px;
	display: block;
	float: left;
	width: 23px;
	
	color: #fff;
	font: normal 14px/1.65em Arial, Helvetica, sans-serif;
	text-align: center;
}
	.form-step + h4 {
		float: left;
		margin: 4px 0 10px 8px;
	}
		.form-step + h4 + * {
			clear: both;
		}
.loading-bar {
	background: url(../img/ani-loading-bar.gif) no-repeat center;
	height: 13px;
}
.more-arrow-blue {
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 8px solid #143d55;
	float: right;
	height: 0;
	margin: 3px 0 0 3px;
	width: 0;
}







/* Section 15 - Legislator Search [SEC15]
   ============================================================================================== */

#LegislatorSearch fieldset {
	float: left;
	margin: 0 50px 0 0;
	position: relative;
}
#LegislatorSearch #SearchAddress {
	width: 100%;
	border:0;
}
	#LegislatorSearch fieldset h4 {
		margin: 0 0 10px;
		font-family: Arial, Helvetica, sans-serif;
	}
	#LegislatorSearch fieldset div {
		min-height: 33px;
		position: relative;
	}
	#LegislatorSearch #SearchAddress #SearchAdditionalFields {
		display: block;
		margin: 0;
	}
		#LegislatorSearch fieldset div label {
			width: 10%;
		}
		#LegislatorSearch fieldset div label.error {
			clear: both;
			float: none !important;																	/* override float styles in jqtransform.css */
			margin-left: 23px;
			width: auto;
		}
		#LegislatorSearch #SearchAddress div label.error {
			margin-left: 10%;
		}
		#LegislatorSearch fieldset div input[type="text"] {
			width: 200px;
		}
		#LegislatorSearch #SearchAddress div .jqTransformCheckboxWrapper {
			margin-left: 75px;
		}
		#LegislatorSearch fieldset div .placeholder {
			left: 120px !important;
		}
		#LegislatorSearch fieldset div .jqTransformCheckboxWrapper + label {
			margin-left: 4px;
			width: auto;
		}
#LegislatorSearch #Results {
	margin: 35px 0 0;
}
	#LegislatorSearch #Results h4 {
		font-size: 18px;
	}
	#LegislatorSearch #Results ul {
		list-style: none;
		margin: 10px 0;
	}
		#LegislatorSearch #Results ul li {
			float: left;
			height: 260px;
			padding: 15px 15px 0;
			width: 173px;
			
			line-height: normal;
		}
		#LegislatorSearch #Results ul li:hover {
			background: -moz-linear-gradient(top, #e9e9e9, #d4d8de);
			background: -webkit-linear-gradient(top, #e9e9e9, #d4d8de);
			background: linear-gradient(top, #e9e9e9, #d4d8de);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#d4d8de');
			background-image: linear-gradient(to bottom, #e9e9e9 0%, #d4d8de 100%);
		}
			#LegislatorSearch #Results ul li img {
				border: 6px solid #d4d8de;
				max-width: 162px;
			}
            #LegislatorSearch .search_introduction {
                max-width: 600px;
            }

            #LegislatorSearch .search_introduction p  {
                font-size: 1rem;
            }

            @media (max-width: 500px) {

                #LegislatorSearch .search_introduction  {
                    max-width: 100%;
                }

            }


/* Section 16 - Legislator Detail [SEC16]
   ============================================================================================== */

#LegislatorDetail #ContactInfo {
	padding: 10px 0 30px;
}
	#LegislatorDetail #ContactInfo img {
		border: 6px solid #d4d8de;
		float: left;
	}
	#LegislatorDetail #ContactInfo h4 {
		margin: 0 0 7px;
	}
	#LegislatorDetail #ContactInfo strong {
		display: block;
		float: left;
		width: 50px;
	}
	#LegislatorDetail #ContactInfo #CapAddress, #LegislatorDetail #ContactInfo #DistAddress {
		float: left;
		margin-left: 40px;
		
		line-height: 1.5em;
	}
		#LegislatorDetail #ContactInfo #CapAddress div, #LegislatorDetail #ContactInfo #DistAddress div {
			margin: 7px 0 0;
		}
#LegislatorDetail #PersonalInformation label {
	color: #595959;
}
	#LegislatorDetail #Education table {
		clear: both;
		width: 100%;
	}
		#LegislatorDetail #Education table tr {
			background: #f5f5f5;
			border-bottom: 1px solid #fff;
		}
		#LegislatorDetail #Education table tr:first-child {
			background: #fff;
		}
			#LegislatorDetail #Education table tr th, #LegislatorDetail #Education table tr td {
				padding: 5px;
			}
			#LegislatorDetail #Education table tr th {
				color: #174560;
				font-weight: bold;
				text-align: left;
			}
	#LegislatorDetail #Biography {
		margin: 13px 0 0;
	}
		#LegislatorDetail #Biography div {
			border: 1px solid #d9d9d9;
			clear: both;
			height: 400px;
			overflow: auto;
			padding: 10px;
		}




/* Section 18 - Committee Detail [SEC18]
   ============================================================================================== */

#CommitteeDetail h3 + ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
#CommitteeDetail #CommitteeRoster {
	list-style: none;
	margin: 0;
}
	#CommitteeDetail #CommitteeRoster li {
		float: left;
		height: 200px;
		padding: 15px 15px 0;
		width: 158px;
		
		line-height: normal;
	}
	#CommitteeDetail #CommitteeRoster li:hover {
		background: -moz-linear-gradient(top, #e9e9e9, #d4d8de);
		background: -webkit-linear-gradient(top, #e9e9e9, #d4d8de);
		background: linear-gradient(top, #e9e9e9, #d4d8de);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#d4d8de');
		background-image: linear-gradient(to bottom, #e9e9e9 0%, #d4d8de 100%);
	}
		#CommitteeDetail #CommitteeRoster li img {
			border: 6px solid #d4d8de;
		}



/* Tabs
   ============================================================================================== */

.tabs-container .tabs {
	list-style: none;
	margin: 0;
	padding:0;
}
	.tabs-container .tabs li {
		border-right: 1px solid #e9e9e9;
		float: left;
		
		text-align: center;
	}
		.tabs-container .tabs li a {
			background: -moz-linear-gradient(top, #19447B, #0E2B51);
			background: -webkit-linear-gradient(top, #19447B, #0E2B51);
			background: linear-gradient(top, #19447B, #0E2B51);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19447B', endColorstr='#0E2B51');
			background-image: linear-gradient(to bottom, #19447B 0%, #0E2B51 100%);
			display: block;
			padding: 0 25px;
			
			color: #fff;
			font: normal 16px/2.5em Arial, Helvetica, sans-serif;
			text-decoration: none;
		}
		.tabs-container .tabs li a:hover {
			background: -moz-linear-gradient(top, #0E2B51, #19447B);
			background: -webkit-linear-gradient(top, #0E2B51, #19447B);
			background: linear-gradient(top, #0E2B51, #19447B);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0E2B51', endColorstr='#19447B');
			background-image: linear-gradient(to bottom, #0E2B51 0%, #19447B 100%);
		}
		.tabs-container .tabs li a.active {
			background: none;
			filter: none;
			background: #fff;
			
			color: #174560;
		}
.tabs-container .tabs-content {
	background: #ffffff;
	padding: 20px;
}

/* Clearfix - http://css-tricks.com/snippets/css/clear-fix/
   ============================================================================================== */

.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1;																						/* for IE 6/7 (trigger hasLayout) */
}



/* Placeholder plugin
   ============================================================================================== */

.placeholder, :-moz-placeholder {
	cursor: text;
	
	color: #999 !important;
	font-style: italic !important;
	font-weight: normal !important;
}



/* Validation plugin
   ============================================================================================== */

.error {
	display: block;
}
label.error, p.error {
	color: #f00;
}
label.error {
	font-weight: normal;																			/* override bold weight when used on labels */
}