/* FORMS!!! */



/* ---------------------- fonts ---------------------- */
input, textarea {
	font-family: arial, helvetica;
	font-size: 12px;
}

former div {
	padding: 0px;
	margin: 0px;
	font-size: inherit;
}

form {
	margin-bottom: 0px;
}

.former div.error_list {
	border: 1px dotted #900;
	padding: 10px;
}

.former div.form_title {
	color: #090;
	background: #EEE;
	font-size: 25px;
	line-height: 25px;
	font-weight: bold;
}

.former div.header {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #555;
	padding: 4px;
	line-height:auto;
	font-family: arial, helveitca, sans-serif;
	border-bottom: 1px dotted #999;
}

.former div.header .subtext{
	margin-top: 5px;
	font-size: 9pt;
}	

.former div.group {
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.former 	div.group_header {
		font-size: 110%;
		font-weight: bold;
		padding-bottom: 5px;
		color: #D44;
		margin-bottom: 10px;
		border-bottom: 2px solid #CCC;
	}

.former div.field {
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding: 5px;
	border-bottom: 1px solid #DDD;
}

.former div.parent_question {
	padding: 5px;
	border-bottom: none;
	/*background: #EEE;*/
}

.former div.sub_question {
	padding-left: 40px;
	display: none;
	margin-bottom: 10px;
	background: #EEE;
}

.former div.sub_question .name {
	font-weight: normal;
}

.former div.lefty {
	float: left;
	width: 130px;
	text-align: right;
	margin-right: 10px;
}

.former div.lefty {
	float: left;
	margin-right: 10px;
}

.former div.blocky {
	text-align: left;
	margin-bottom: 5px;
}

.former div.tall_input {
	/*border: 1px solid red;*/
	padding-left: 100px;
	padding-top: 0px;
}

.former 	.name {
		display: block;
		line-height: 16px;
		font-weight: bold;
		color: #777;
	}

.former 	.required {
		color: #000;
	}

.former 	.subtext {
		display: block;
		font-size: 80%;
		color: #555;
		line-height: auto;
	}
	
.former div.input_lefty {
	float: left;
	/*clear: right;*/
}

.former div.input_blocky {
	text-align: left;
}

.former div.clearer {
	clear: both;
}

.former div.mult {
	float: left;
}

.former div.mult .mult_option {
	float: left;
	width: 70px;
	text-align: right;
	margin-right: 5px;
}

.former div.mult .mult_field {
	float: left;
}



.former div.radio {
	float: left;
	text-align: left;
}

.former div.radio input {
	/*position: relative;
	top: 4px;
	border: 1px solid blue;*/
}

.former .other_option {
	float: left;
	width: 60px;
	padding: 4px 5px 0 0;
}

.former .other {
	clear: both; 
	width: 100%;
}

.former .other_input {
	float: left;
}

.other_input .radio_button {
	position: relative;
	top: 2px;
	margin-right: 5px;
}


.former div.spacer {
	background: #EEE;
	color:#EEE;
}

.former input.error, textarea.error {
	background-color: #ffc2aa;
}

.former span.error {
	background-color: #ffc2aa;
}

/* IMAGES ------------------------------------ */
.former div.thumbs img{
	margin: 3px;
}
.former div.thumbs  {
	margin-bottom: 5px;
	clear: both;
}

.former div.submit_div {
	padding: 10px 0 20px 145px;
}

/* select stuff */

option.dimmed {
	color: #777;
}

/*------------------ Start end date ------------------*/

div.date_edit {
	margin-bottom: 7px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #BBB;
	width: 350px;
	padding-left: 20px;
	background: url(../images/dot.gif) 6px 6px no-repeat;
}

div.error {
}

div.msg {
	background: #FFDDDD;
	margin: 3px;
	margin-bottom: 5px;
	padding:1px;
}	

div.time {
	margin-left: 5px;
	float: left;
}

div.date_picker_holder {
	float: left;
}

div.startend {
	float: left; 
	width: 25px; 
	padding: 5px; 
	text-align:right;
}

div.date_view {
	clear: both;
	margin-bottom: 8px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #BBB;
	width: 350px;
	padding-left: 20px;
	background: url(../images/dot.gif) 6px 6px no-repeat;
}

.dimmed {
	font-size: 11px ! important;
	color: #999 ! important;
}

div.list_date_view {
	clear: both;
	padding-bottom: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	border-bottom: 1px dotted #BBB;
}

div.edit_button {
	float: right;
	color: #999;
}

div.date_name {
	display: inline;
	font-size: 110%;
	font-weight: bold;
	color: #555;
}

div.date_time {
	display: inline;
	color: #777;
	padding-left: 3px;
}

.dimmed .date_time  {
	color: #999;
	font-size: 11px;
	display: inline;
}

input.time_field {
	width: 19px;
}

div.hidden {
	display:none;
}

div.remove {
	float: right;
}

.checker {
	height: 10px; 
	width: 10px; 
	position: relative; 
	top: 2px;
}

.link {
	margin-bottom: 5px;
	padding: 3px;
	background: #DDD;
	width: 100%;
	margin-left: 0px;
}

.extra_text {
	clear: both;
	width: 300px;
	line-height: 1.5em;
}