/* FORMS!!! */



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

span.input_spoof {
	float: left;
	background: #EEE;
	padding: 2px;
	
}

textarea {
	width: 400px;
	height: 200px;
}

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;
}

div.group_header {
		font-size: 110%;
		margin-bottom: 10px;
		background: #EEE;
		color: #777;
		padding: 10px;
	}

.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: 140px;
	text-align: right;
	margin-right: 10px;
}

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

.thingy div.blocky {
	text-align: right;
	width: 140px;
	display: block;
	margin-bottom: 5px;
}


.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;*/
	width: 450px;
}

.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: 100px;
	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 div.checkbox .input_lefty {
	width: 
}

.thingy div.checkbox .mult {
	width: 100%;
}

.thingy div.checkbox ul.mult li {
	float: left;
	width: 200px;
}





.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;
	
}

.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;
}

.thingy div.submit_div a:hover img {
	opacity: .5;
}

.cancel_button {
	margin-left: 15px;
}

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

/* ==================== ADDRESS ==================== */


.address .text {
	float: left;
	margin: 0;
	padding: 2px 0 0 0;
	width: 60px;
	text-align: right;
}

.address .input {
	float: left;
	margin: 0 0 0 10px;
}
.address .street1, .address .street2, .address .city, .address .state, .address .country  {
	clear: left;
}

.address .addressee div,
.address .street1 div, 
.address .street2 div, 
.address .city div, 
.address .state div, 
.address .country div {
	margin-bottom: 8px;
}

.address .street1 input, .address .street2 input {
	width: 200px;
}

.address .city input {
	width: 120px;
}

.address .zip input {
	width: 80px;
}

.address .zip .text {
	width: 30px;
}

/* ==================== SORTABLE SELECT ==================== */


.sortable_select_wrapper h4  {
	float: left;
}
.sortable_select_wrapper div.sm {
	float: left;
	padding: 6px 0 0 4px;
}

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

ul.sortable_select li {
}

.sortable_select_wrapper ul li {
	border-bottom: 1px solid #FFF;
	padding: 2px 5px;
	cursor:pointer;
}

.sortable_select_wrapper ul li.selected {
	padding: 5px;
	background: #bfe0bf;
	font-weight: normal;
}

.dragging {
	opacity: .6;
	cursor: move;
}

.sPlaceholder {
  border-bottom:1px solid #FFF;
	padding: 2px 5px;
	height: 20px;
  background: #eee;
}

li.inviz {
  display:none;
}

ul.sortable_select {
	min-height: 15px;
	background: #DDD;
}

ul.unselected {
	cursor:pointer;
	max-height: 100px;
	overflow: auto;
	border-top: 1px solid #999;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	border-left: 1px solid #999;
	padding: 5px;
}

ul.unselected li {
	background: #DEDEDE;
	color: #444;
	border-bottom: 1px solid #CCC;
}

ul.unselected li:hover {
	background: #EEE;
}

ul.sortable_select li {
  cursor:move;
}

.remove {
	float: right;
	cursor: pointer;
}


/* ================ CUSTOM ================ */

#version_blurb textarea {
	width: 400px;
	height: 40px;
}