@charset "UTF-8";
/* CSS Document */

form.semantic 						{display:inline-block; width:95%;}
form.semantic fieldset				{clear: both; margin: 10px 0 30px; padding: 5px 15px 25px; overflow: auto; background-color: #EEE;}
form.semantic legend				{font-weight: 600; font-size:1.4em; color:#333; color:#004881; margin:2px 25px 0;}
form.semantic div					{clear: both; margin: 0; padding: 0.75em 0 0 0; overflow: visible; width:95%;}
form.semantic div.indent			{margin-left:5%; width:90%;}

form.semantic label 				{display:block; float: left; width: 36%; text-align: right; margin:.5em 0.75em 0 .5em; line-height: 1.1em;}  
form.semantic label span 			{font-size:.9em; font-style:italic; color:#999;}    			
form.semantic label.after 			{width: auto; text-align: left; display: inline; float: none; vertical-align: bottom; font-size:.9em; font-style:italic; color:#999;}
form.semantic label.long 			{clear: both; width: auto; text-align: left; float: none;}
form.semantic i						{color:#666;}
								

form.semantic input, 
form.semantic select, 
form.semantic textarea				{float: left; padding: 5px;  border: solid 1px #E5E5E5; outline: 0; background: #FFF; color:#1b77c4;
									box-shadow: rgba(0,0,0, 0.1) 0px 0px 6px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 6px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 6px;}  
form.semantic textarea				{height:50px;}  


form.semantic input:hover, 
form.semantic input:focus, 
form.semantic textarea:hover, 
form.semantic textarea:focus		{border-color: #CCC;}    

form.semantic input[type=radio], 
form.semantic input[type=checkbox]	{margin:.25em;}


form.semantic ul 					{list-style-type: none; float: left; padding: 0; margin: 0;}
form.semantic li 					{list-style:none; padding: 0.25em 1em 0 0; margin:0; }
form.semantic li label 				{width: auto; text-align: left; padding: 0; margin:.4em; display: inline; float: none;  } 
form.semantic li.field-row 			{float:left;}
form.semantic li.field-row *		{float: none; display: inline;}


form.semantic div.field-row 		{clear: none; float: left; margin: 0; padding: 0; overflow: visible;}
form.semantic div.field-row *		{float: none; display: inline;}

form.semantic .button-row			{text-align: right;}
form.semantic .button-row input		{float: none;}

form.semantic div.long label 		{width: auto; text-align: left; float: none;}
form.semantic div.long textarea 	{width: 100%;}


/* Submit Button */
form.semantic .submit 		{	
	display: inline-block;
	padding: 6px 20px;
	margin: 10px 0;
	font-size: 1.1em;
	line-height: 1.2em;
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background: whiteSmoke;
	background-image: -ms-linear-gradient(top, white, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, white, #e6e6e6);
	background-image: -o-linear-gradient(top, white, #e6e6e6);
	background-image: linear-gradient(top, white, #e6e6e6);
	background-image: -moz-linear-gradient(top, white, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #CCC;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;} 
	


/* Errors -- for use with JQuery Validate, etc. */

form.semantic input.error
, form.semantic select.error
, form.semantic textarea.error		{background-color: #77002a; color: white;}

form.semantic label.error			{width: auto; color: #77002a; text-align: left;}