/* STYLE FOR INSERT / UPDATE FORMS
-------------------------------------------------------- */
	form {
		margin:				0;
		padding:			0;
		width:				100%;
		float:				left;
		text-align:			left;
	}
	
	form fieldset {
		margin:				20px 0 0;
		padding:			2%;
		width:				96%;
		border:				solid 1px #A00;
	}
	
	form legend {
		padding:			10px 5px;
		color:				#F00;
		font-weight:		bold;
		font-size:			14px;
	}
		
	form .field {
		margin:				0 0 5px;
		width:				100%;
		float:				left;
		border-bottom:		solid 1px #333;
	}

	form .array_field {
		margin:				0 0 5px;
		width:				100%;
		float:				left;
		border-bottom:		solid 1px #333;
	}
	
	form .array {
		width:				70%;
		float:				left;
	}
	
	form label {
		margin:				0 10px 0 0;
		padding:			4px 0 5px;
		width:				110px;
		float:				left;
		clear:				right;
	}
	
	form .long {
		margin:				0;
		padding:			4px 0 5px;
		width:				100%;
		float:				left;
	}
	
	form input,
	form select,
	form textarea {
		font-family:		Arial;
		font-size:			11px;
		color:				#333;
		background:			#FFF;
	}
	/* ----------------------------------- */
	
	
	
	
	
	
	/* TEXT FIELDS
	----------------------------------- */
	form input {
		padding:			5px 5px 0;
		height:				20px;
		width:				150px;
		border:				none;
		background:			url(../images/backgrounds/forms.gif) no-repeat 0 0;
	}
	
	form .error {
		background:			url(../images/backgrounds/forms.gif) repeat-x 0 -25px;
	}
	
	/* medium length fields */
	form .medium {
		width:				60px;
		background:			url(../images/backgrounds/forms.gif) no-repeat -160px 0;
	}
	
	form .medium_error {
		width:				60px;
		background:			url(../images/backgrounds/forms.gif) no-repeat -160px -25px;
	}
	
	/* small fields */
	form .small {
		width:				50px;
		background:			url(../images/backgrounds/forms.gif) no-repeat -260px 0;
	}
	
	form .small_error {
		width:				50px;
		background:			url(../images/backgrounds/forms.gif) no-repeat -260px -25px;
	}
	
	/* long fields */
	form .large {
		width:				250px;
		background:			url(../images/backgrounds/forms.gif) no-repeat 0 -50px;
	}
	
	form .large_error {
		width:				250px;
		background:			url(../images/backgrounds/forms.gif) no-repeat 0 -75px;
	}
	
	/* checkbox elements */
	form .cbx {
		margin:				5px 0 0;
		padding:			0;
		width:				25px;
		background:			none;
		vertical-align:		bottom;
		border:				solid 1px #E3E3E3;
	}
	
	/* checkbox columns */
	form .cbx_col {
		width:				50%;
		float:				left;
	}
	
	/* file field replacement */
	/* wrap the file and a div... */
	form .fileWrapper {
		width:				320px;
		height:				25px;
		border:				none;
		float:				left;
		position:			relative;
	}
	
	/* ...set the div to an image... */
	form .fileStyle { 
		padding:			5px;
		width:				310px;
		height:				15px;
		background:			url(../images/backgrounds/browse_field.gif) no-repeat;
	}
	
	/* ...position and hide the original element over the div. */
	form .file {
		width:				320px;
		-moz-opacity:		0;
		filter:				alpha(opacity: 0);
		opacity:			0;
		z-index:			2;
		position:			absolute;
	}
	/* ----------------------------------- */
	
	
	
	
	
	
	/* SELECTS/DROPDOWNS
	----------------------------------- *
	** see mavselect.css for styles on select fields **
	** mavselectbox is only made to work on non-IE **
	** style below is for IE only **
	/* ----------------------------------- */
	form select {
		margin:				0 2px 0 0;
	}
	/* ----------------------------------- */
	
	
	
	
	
	
	/* TEXTAREAS
	----------------------------------- */
	form textarea {
		padding:			5px;
		border:				none;	
	}
	
	form .smalltextarea {
		height:				40px;
		width:				290px;
		background:			url(../images/backgrounds/forms.gif) repeat-x 0 -150px;
	}
	
	form .smalltextarea_error {
		height:				40px;
		width:				290px;
		background:			url(../images/backgrounds/forms.gif) repeat-x 0 -200px;
	}
	
	form .largetextarea {
		height:				140px;
		width:				290px;
		background:			url(../images/backgrounds/forms.gif) repeat-x 0 -250px;
	}
	
	form .largetextarea_error {
		height:				140px;
		width:				290px;
		background:			url(../images/backgrounds/forms.gif) repeat-x 0 -400px;
	}
	
	form .usemce {
		width:				350px;
		height:				250px;
	}
	/* ----------------------------------- */
	
	
	
	
	
	
	/* FORM EVENT BUTTONS
	----------------------------------- */
	form #btn_box {
		width:				100%;
		margin:				5px 0 0;
		padding:			5px 0 0;
		border-top:			solid 1px #AAA;
		float:				right;
		text-align:			right;
	}
	
	form #btn_box input {
		padding:			0;
		height:				25px;
		border:				none;
	}
	
	/* used for the 'change order' button */
	form #btn_box #action_bar {
		float:				left;
		width:				250px;
		text-align:			left;
	}
	
	form #btn_box #action_bar input {
		float:				left;
	}
	/* ----------------------------------- */