/*
1.GLOBAL
2.MAIN FORM
3.OVERLABEL TECHNIQUE
4.CUSTOM FORMS
	4.1. Search Form
	4.2. Incumbent Form
	4.3. Login Form
	4.4. Contribution Form - Governor Rick Perry
	4.5. Events
5.MESSAGE ALERTS
*/

/* -- 1.GLOBAL -- */
input, textarea, select, button {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.submit-button {
	padding: .5em 1em;
}
.form-highlight {
	color: #cc0000;
}
/* -- 2.MAIN FORM -- */
div.form-container { clear: both; margin: 10px 0; }

p.legend, div.form-container form p.legend { 
	margin-bottom: 1em;
}
p.legend em { 
	color: #C00; font-style: normal;
}

div.form-container form p { margin: 0; }
div.form-container form p.note {
	margin-left: 170px;
	font-size: 90%;
	color: #333;
	margin-top: 4px;
}
div.form-container form fieldset, fomr#freeform form fieldset {
	margin: 25px 0; 
	padding: 10px;
	border: #DDD 1px solid; 
}
div.form-container form fieldset.active, div.form-container form#freeform fieldset.active {
	background: #ffffef;
}
div.form-container form legend, div.form-container form legend {
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
	white-space: normal;
}
html legend{ position: absolute; top: -.75em; left: .75em; }
html fieldset{ position: relative; margin-top: 2em; padding-top:2em;}

div.form-container form fieldset div {
	padding: 0.25em 0;
	width: 100%;
}
div.form-container label, div.form-container span.label { 
	margin-right: 10px;
	padding: .25em 10px .25em 0;
	width: 150px; 
	display: block; 
	float: left;
	text-align: right;
	position: relative;
}
div.form-container label.error, div.form-container span.error { color: #C00; }
div.form-container label em, div.form-container span.label em { 
	position: absolute; 
	right: 0;
	font-size: 120%;
	font-style: normal;
	color: #C00;
}
div.form-container fieldset input, div.form-container fieldset textarea, div.form-container fieldset select {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: .25em;
}
div.form-container fieldset input.checkbox {
	border: none;
}
div.form-container fieldset option {
	padding-right: 1em;
}
div.form-container input.error {
	border-color: #C00;
	background-color: #FEF;
}
div.form-container input:focus, div.form-container input.error:focus, div.form-container textarea:focus, div.form-container input.iefocus, div.form-container textarea.iefocus {
	background-color: #FFC;	
	border-top: 1px solid #FC6;
	border-left: 1px solid #FC6;
	border-bottom: 1px solid #FFEB8F;
	border-right: 1px solid #FFEB8F;
}
div.form-container div.controlset label, div.form-container div.controlset input {
	display: inline;
	float: none;
	border: none;
}
div.form-container div.controlset br {
	clear: left;
}
div.left-options, div.right-options {
	float: left;
	width: 48%;
	margin: 0;
	padding: 0;
}
div.form-container div.controlset div { 
	margin-left: 170px;
}
div.form-container div.buttonrow { 
	margin-left: 180px;
}

/* -- 3. OVERLABEL TECHNIQUE - ADOPTED FROM http://scott.sauyet.com/Javascript/Demo/Overlabel/ */

.usercontrol div {
	float: left;
	position: relative;
	display: block;
	min-height: 1%;
}
.usercontrol label.overlabel-apply {
	color: #444;
	font-size: 1.1em;
	left: 5px;
	position: absolute;
	top: 2px;
	z-index: 1;
}

.usercontrol label {
	margin-bottom: 5px;
	padding: 0;
}

/* old code breaks on aspnet form blocks (aka every aspnet page) */
/*form div {
	float: left;
	position: relative;
}
form label.overlabel-apply {
	color: #444;
	font-size: 1.1em;
	left: 5px;
	position: absolute;
	top: 2px;
	z-index: 1;
}

form label {
	margin-bottom: 5px;
	padding: 0;
}*/

/* -- 4.CUSTOM FORMS -- */
/* 4.1. Search Form */

/* New */

div#search-form {
	float: left;
	margin-right: 30px;
	margin-top: 5px;
}		
div#search-form label {
	display: block;
	height: 0;
	width: 0;
	text-indent: -9999em;
}		
div#search-form input {
	float: left;
}		
div#search-form input.search-terms {
	background: transparent url(/images/forms/search-input.png) center top no-repeat;
	border: none;
	font-size: .9em;
	height: 20px;
	margin: 1px 5px 0 0;
	padding: 3px 2px 0 2px;
	width: 215px;
}	
div#search-form input.search-submit {
	background: transparent url(/images/forms/search-button.png) center top no-repeat;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: .9em;
	font-weight: bold;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin-top: -3px;
	width: 74px;
	height: 28px;
	padding: 2px 0 4px 0;
	text-align: center;
}

/* Old */
div#search-form {
	float: left;
	margin-right: 30px;
	margin-top: 5px;
}		
div#search-form label {
	display: block;
	height: 0;
	width: 0;
	text-indent: -9999em;
}		
div#search-form input {
	float: left;
}		
div#search-form input#search-terms {
	background: transparent url(/images/forms/search-input.png) center top no-repeat;
	border: none;
	font-size: .9em;
	height: 20px;
	margin: 1px 5px 0 0;
	padding: 3px 2px 0 2px;
	width: 215px;
}	
div#search-form input#search-submit {
	background: transparent url(/images/forms/search-button.png) center top no-repeat;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: .9em;
	font-weight: bold;
	margin-top: -3px;
	width: 74px;
	height: 28px;
	padding: 2px 0 4px 0;
	text-align: center;
}

/* 4.2. Incumbent Form */
/* New */
div#find-incumbent-form {
	bottom: 10px;
	position: absolute;
}
div#find-incumbent-form label {
	color: #747474;
	padding: 3px 0 0 13px;
}	
div#find-incumbent-form input {
	float: left;
}
div#find-incumbent-form input.search-terms {
	border: none;
	background: transparent url(/images/forms/incumbent-text-input.png) center no-repeat;
	height: 30px;
	font-size: 1.2em;
	margin: 0 4px 0 0;
	padding: 5px 7px 0 5px;
	width: 200px;
}	
div#find-incumbent-form input.search-submit {
	border: none;
	color: #fff;
	cursor: pointer;
	background: transparent url(/images/forms/find-button.png) left top no-repeat;
	font-size: 1em;
	font-weight: bold;
	height: 29px;
	margin: 1px 0 0 0;
	padding: 3px 0 4px 0;
	text-align: center;
	width: 56px;
	display: inline;
}

/* Old */

form#find-incumbent-form {
	bottom: 10px;
	position: absolute;
}
form#find-incumbent-form label {
	color: #747474;
	padding: 3px 0 0 13px;
}	
form#find-incumbent-form input {
	float: left;
}
form#find-incumbent-form input#search-terms {
	border: none;
	background: transparent url(/images/forms/incumbent-text-input.png) center no-repeat;
	height: 30px;
	font-size: 1.2em;
	margin: 0 4px 0 0;
	padding: 5px 7px 0 5px;
	width: 200px;
}	
form#find-incumbent-form input#search-submit {
	border: none;
	color: #fff;
	cursor: pointer;
	background: transparent url(/images/forms/find-button.png) left top no-repeat;
	font-size: 1em;
	font-weight: bold;
	height: 29px;
	margin: 0;
	padding: 3px 0 4px 0;
	text-align: center;
	width: 56px;
}

/* 4.3. Login Form */
/* New */
div#login-form {
	margin: 0 0 0 10px;
}
div#login-form input {
	background: transparent url(/images/forms/search-input.png) center top no-repeat;
	border: none;
	font-size: .8em;
	height: 16px;
	margin: 1px 5px 9px 0;
	padding: 3px 2px 3px 2px;
	width: 215px;
}	
div#login-form label {
	font-size: .9em;
	padding-left: 5px;
}	
div#login-form input.member-login-submit {
	background: transparent url(/images/forms/login-button.png) center center no-repeat;
	color: #fff;
	cursor: pointer;
	float: right;
	font-size: .9em;
	font-weight: bold;
	height: 29px;
	margin-top: -15px;
	padding: 0 0 2px 0;
	width: 64px;
}
div#login-form label#remember-me {
	color: #fff;
	display: block;
	float: left;
	margin: 0 0 2px 0;
	padding: 0;
	width: 100%;
}
div#login-form label#remember-me input {
	background: none;
	border: none;
	float: left;
	height: 16px;
	margin: 0 5px 0 0;
	padding: 0;
	vertical-align: middle;
	width: 15px;
}

/* Old */
form#login-form {
	margin: 0 0 0 10px;
}
form#login-form input {
	background: transparent url(/images/forms/search-input.png) center top no-repeat;
	border: none;
	font-size: .8em;
	height: 16px;
	margin: 1px 5px 9px 0;
	padding: 3px 2px 3px 2px;
	width: 215px;
}	
form#login-form label {
	font-size: .9em;
	padding-left: 5px;
}	
form#login-form input#member-login-submit {
	background: transparent url(/images/forms/login-button.png) center center no-repeat;
	color: #fff;
	cursor: pointer;
	float: right;
	font-size: .9em;
	font-weight: bold;
	height: 29px;
	margin-top: -15px;
	padding: 0 0 2px 0;
	width: 64px;
}
form#login-form label#remember-me {
	color: #fff;
	display: block;
	float: left;
	margin: 0 0 2px 0;
	padding: 0;
	width: 100%;
}
form#login-form label#remember-me input {
	background: none;
	border: none;
	float: left;
	height: 16px;
	margin: 0 5px 0 0;
	padding: 0;
	vertical-align: middle;
	width: 15px;
}


p#forgot-password {
	line-height: 1.5;
	margin: 0 0 0 10px;
	/*margin: -25px 0 0 10px;*/
	
}
p#forgot-password a {
	color: #fff;
	font-size: .9em;
	
}

/* 4.4. Contribution Form - Governor Rick Perry */
div#form-instructions {
	border-top: dashed 1px #1A3F6B;
	margin-bottom: 2em;
	padding-top: 1em;
}
div#form-instructions address {
	font-weight: bold;
	margin: -1em 0 1.5em 0;
}
fieldset#legend-ticket-info div label {
	font-weight: bold;
	margin-left: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
	width: auto;
}
fieldset#legend-ticket-info div label input {
	margin-right: 5px;
}
fieldset#legend-ticket-info div p.description {
	font-style: italic;
	font-size: .9em;
	font-weight: normal;
	float: left;
	margin: 0 0 0 35px;
	width: 100%;
}

/* 4.5. Events */
#calender-filter-functions form {
	display: inline;
}
#calender-filter-functions form select {
	min-width: 250px;
}
#calendar-filter-search {
	float: left;
}
#calender-filter-functions p {
	display: inline;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 .5em;
	text-transform: uppercase;
}
p#week-switcher {
	float: right;
	font-size: 1em;
	text-transform: none;
}
p#week-switcher span {
	color: #740101;
	margin: 0 .25em;
}


/* -- 5.MESSAGE ALERTS -- */
div.confirm, div.errors {
	padding: .5em;
	color: #000;
	font-size: 1em;
	margin-bottom: 1em;
}
div.confirm {
	background-color: #B3FFB3;
	border: 1px solid #090;
}
div.errors { 
	border: #f00 1px dotted; 
	background-color: #FFDFDF;
}
div.errors p { margin: 0; }
div.errors p em {
	color: #C00;
	font-style: normal;
	font-weight: bold;
}
a#error {
	text-decoration: none;
}