/* FORMS!!! */







/* ---------------------- fonts ---------------------- */

input, textarea {

	font-family: arial, helvetica;

	font-size: 12px;

}



former div {

	padding: 0px;

	margin: 0px;

	font-size: inherit;

}



div.thingy {

}



.thingy div.error_list {

	border: 1px dotted #900;

	padding: 10px;

}



.thingy .message {

	padding: 5px ! important;

	font-size: 10px ! important;

}



.thingy div.form_title {

	color: #090;

	background: #EEE;

	font-size: 25px;

	line-height: 25px;

	font-weight: bold;

}



.thingy div.header {

	margin-top: 20px;

	margin-bottom: 5px;

	font-size: 14px;

	color: #555;

	padding: 4px;

	line-height:auto;

	font-family: arial, helveitca, sans-serif;

	border-bottom: 1px dotted #999;

}



.thingy div.header .subtext{

	margin-top: 5px;

	font-size: 9pt;

}	



.thingy div.group {

	padding-bottom: 10px;

	margin-bottom: 10px;

	margin-top: 10px;

}



.thingy 	div.group_header {

		font-size: 110%;

		font-weight: bold;

		padding-bottom: 5px;

		color: #D44;

		margin-bottom: 10px;

		border-bottom: 2px solid #CCC;

	}



.thingy div.field {

	margin-bottom: 5px;

	padding-bottom: 5px;

	padding: 5px;

	border-bottom: 1px solid #DDD;

}



.thingy div.parent_question {

	padding: 5px;

	border-bottom: none;

	/*background: #EEE;*/

}



.thingy div.sub_question {

	padding-left: 40px;

	display: none;

	margin-bottom: 10px;

	background: #EEE;

}



.thingy div.sub_question .name {

	font-weight: normal;

}



.thingy div.lefty {

	float: left;

	width: 130px;

	text-align: right;

	margin-right: 10px;

}



.thingy div.lefty {

	float: left;

	margin-right: 10px;

}



.thingy div.blocky {

	text-align: left;

}



.thingy div.tall_input {

	/*border: 1px solid red;*/

	padding-left: 100px;

	padding-top: 0px;

}



.thingy .name {

		display: block;

		line-height: 1.2em;

		font-weight: bold;

		color: #777;

		padding: 3px 0 0 0;

	}



.thingy .required {

		color: #000;

	}



.thingy .subtext {

		display: block;

		font-size: 80%;

		color: #555;

}

	

.thingy div.input_lefty {

	float: left;

	/*clear: right;*/

}



.thingy div.input_blocky {

	text-align: left;

}



.thingy div.clearer {

	clear: both;

}



.thingy div.mult {

	float: left;

}



input.readonly, input.disabled {

	-moz-opacity: .5;

	opacity: 50;		

}



.thingy div.mult .mult_option {

	float: left;

	width: 70px;

	text-align: right;

	margin-right: 5px;

}



.thingy div.mult .mult_field {

	float: left;

}







.thingy div.radio {

	text-align: left;

}



.thingy .radio ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

}



.thingy .radio ul li{

	display: block;

}



.thingy div.radio input {

	/*position: relative;

	top: 4px;

	border: 1px solid blue;*/

}



.thingy .radio .option {

	float: left;

}



.thingy .radio .input {

	float: left;

}



.thingy .other_option {

	float: left;

	width: 60px;

	padding: 4px 5px 0 0;

}



.thingy .other {

	clear: both; 

	width: 100%;

}



.thingy .other_input {

	float: left;

}



.other_input .radio_button {

	position: relative;

	top: 2px;

	margin-right: 5px;

}



.thingy div.spacer {

	background: #EEE;

	color:#EEE;

}



.thingy input.error, textarea.error {

	background-color: #ffc2aa;

}



.thingy div.error {

	padding-left: 15px;

	background: url('../images/error_icon.gif') center left no-repeat;

}



/* ======================= IMAGES ============================================================================= */



.thingy div.thumbs  {

	margin-bottom: 5px;

	clear: both;

	border: 1px solid #BBB;

	width: 420px;

}



ul.thumbs, ul.thumbs li {

	list-style: none;

	margin: 0;

	padding: 0;

}



.thingy  li.thumb, .thingy  li.file {

	margin: 5px;

	background: #EEE;

	width: 97%;

	text-align: left;

}



.thingy li.thumb .handle {

	background: black url(../../images/handle.png);

	width: 7px;

	height: 200px;

	cursor: move;

	float: right;

}



.thingy li.file .handle {

	background: black url(../../images/handle.png);

	width: 7px;

	height: 60px;

	cursor: move;

	float: right;

}



.thingy li.thumb .delete_thumb_div {

	font-size: 9px;

	float: left;

	background: #999;

	

}



.thingy li.thumb img {

	float: left;

	margin: 5px 10px 10px 5px;

}



.photo_text_input, .caption_input {

	display: none;

}



.thingy .thumb span.existing_text {

	color: #777;

	font-style: italic;

}



input.caption {

	width: 200px;

	margin-left: 3px;

}



li.thumb .input_wrapper {

	margin: 5px;

	padding: 5px;

	border-bottom: 1px solid #DDD;

}



.thingy  div.thumbs div.thumbs_footer {

	clear: both;

	padding: 5px;

	text-align: left;

	border-top: 1px solid #BBB;

	line-height: 16px;

}



.thingy  div.thumbs h4.uploaded_images_note, .thingy  div.thumbs h4.uploaded_files_note{

	display: inline;

	line-height: 16px;

}





.thingy div.submit_div {

	padding: 10px;

}



/* -------------------------------------------------------- CART -------------------------------------------------------- */

.thingy .cart {

	width: 400px;

	background: #DDD;

}



	table.cart  {

		clear: both;

		border-collapse: collapse;

		width: 500px;

	}



	table.cart td {

		font-family: Arial, Helvetica, Verdana, sans-serif;

		font-size: 11px;

		padding-top: 7px;

		padding-bottom: 7px;

		padding-left: 2px;

		padding-right: 2px;

	}



	table.cart .selection_row td {

		border-bottom: 1px solid #999;

	}



	table.cart tr.maxxed td {

		background: #333;

		color: #777;

		height: 45px;

		vertical-align: top;

	}

	

	table.cart tr.maxxed a {

		color: #777;

	}



	div.max_alert {

		position: absolute;

		top: 15px;

		left: 10px;

		width: 325px;

		padding: 3px;

		background: $dk_grey;

		font-size: 11px;

	}

	

	div.max_alert a {

		color: $lt_grey ! important;

		text-decoration: none;

	}

	

	table.cart .header td {

		font-family: "century gothic", Arial;

		font-size: 14px;

		font-weight: bold;

		color: #777;

		border-bottom: 1px solid #999;

	}



	table.cart .options_td {

		font-size: 10px;

		width: 200px;

	}



	table.cart .selection_td {

		width: 150px;

	}



	table.cart .opt_name {

		color: #555;

		font-weight: bold;

	}



	table.cart .item_price {

		font-family: "century gothic", Arial;

		font-size: 12px;

		font-weight: bold;

		color: #777;

	}



	table.cart tr.total td {

		border: none;

		padding-top: 3px;

		border-bottom: none;

	}



	table.cart .options {

		width: 150px;

	}



	table.cart .options td {

		border: none;

		padding: 1px;

		font-size: 10px;

	}



	table.cart .options td.opt_name {

		text-align: right;

		font-weight: bold;

		color: #999;

	}



	table.cart .add {

		color: $lt_green;

	}



	.price_table {

		border-collapse: collapse;

	}



	.price_table td {

		padding: 0px ! important;

	}



	span.total {

		font-family: "century gothic", Arial;

		font-size: 14px;

		font-weight: bold;

		color: $lt_green;

	}



	table.cart .item_delete {

		display: none;

		position: absolute;

		width: 150px;

		background: #000;

		border: 2px dotted #555;

		padding: 5px;

		z-index: 300;

	}



	table.cart .item_delete a {

		font-size: 9pt;

		text-decoration: none;

	}

	

	table.cart td.no_items {

		text-align:center;

		padding: 10px;

	}



/* 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;

}





.uploader {

	width: 400px;

	border: 1px solid #BBB;

	margin: 0 0 10px 0;

	padding: 10px 10px 5px 10px;

}



.files_list {

	margin: 0 0 10px 0;

	/*padding: 10px 10px 5px 10px;	*/

}



.files_list div {

	margin: 2px 0;

	padding: 2px;

	background: #EEE;

}



.files_list a {

	float: right;

	margin-left: 10px;

	margin-right: 3px;

}



.files_note {

	margin: 1px 5px 5px 0;

	background: #FFF ! important;

	font-weight: bold;

	color: #777;

	float: left;

}



.upload_new {

	clear: both;

}



.upload_new input {

	float: left ! important;

	margin: 0 9px 0 0 ! important;

}



.upload_new .button_light {

	margin: 1px 0 0 0 ! important;

	float: left ! important;

}



.red_x {

	border: none;

	background: transparent;

	font-weight: bold;

	color: c07100;

}