@charset "utf-8";
/* ==================================================
	Author: Matt Garrison 
	Description: DASNY Admin Stylesheet For Forms
	================================================== */

@media screen {
	form ul { list-style: none; margin: 0; }
	form ul li { margin: 10px 0; }
	
	input, select, textarea { display: block; clear: both; }
	input, select, textarea { background: #EFEEFD; }
	label span { font-size: 0.8em; line-height: 1.2em; }
	
	/*Inline Input and Label*/ 
	form ul li.inline label { float: left; margin: 0 10px 10px 0;  }
	
	option { padding: 0 10px; }
	label { font-size: 1.2em; line-height: 1.6em; color: #336; font-weight: bold; }
	input[type="text"], input[type="password"] { width: 400px; }
	input[type="checkbox"] { display: inline; }
	textarea {
		font-family: Arial, Helvetica, Sans-serif;
		font-size: 1.2em;
	}
	
	fieldset legend { font-size: 1.4em; line-height: 1.6em; color: #336; font-weight: bold; }
	
	ul.ajax_loading { background: url(/imgs/admin/ajax-loading.gif) no-repeat top center; height: 20px; }
	.validation-failed { border: 1px solid #f00; }
	
	.form_error { display: none; }
	.form_error a:link, .form_error a:visited, .form_error a:active, .form_error a:hover { text-decoration: none; color:#f00; margin: 0 3px; }
	.form_error a:hover { text-decoration: underline; }
	
	form ul { list-style: none; margin: 0; padding: 0; }
	form ul li { margin: 10px 0; clear: both; }
	form ul input, form ul label { display: block; }
	form ul label { color: #036; font-size: 1.0em;  }
	
	input:focus { border: 2px solid #036; background: #FFC; }
	textarea:focus { border: 2px solid #036; background: #FFC; }
	select:focus { border: 2px solid #036; background: #FFC; }
	
	/* SPECIFIC INPUT TYPES */
	/* Different Lengths */
	input.short { width: 50px; }
	input.middle { width: 200px; }
	
	/* contact info */
	input.address, input.address2 { width: 400px;  }
	input.city { width: 210px;  }
	input.state { width: 50px;  }
	input.zip { width: 110px; }
	input.phone { display: inline; width: 20px; }
	
	/* Names */
	input.first_name { width: 160px; }
	input.middle_name  {width: 50px; }
	input.last_name {width: 160px; }
	/* dates */
	input.month { display: inline; width: 50px; margin: 0 5px; }
	input.year { display: inline; width: 50px; margin: 0 5px; }
	input.day { display: inline; width: 50px; margin: 0 5px; }
	
	/* SPECIAL INPUT TYPES */
	textarea.amortization { 
		background: #bbb; 
		height: 350px;
		width: 550px;
		margin: 10px 0;
	}
	
	/* Date input Specific stuff for the calendarDateInput.js file */
	table *.calendarDateInput { margin: 0; padding: 0;  }
	label.calendarDateInput { margin: 0; padding: 0; clear: both; }
	input.calendarDateInput, select.calendarDateInput { width: 60px; padding: 2px; }
}