/*  forms.css  */

/* reset.css */
#article fieldset,
#article form,
#article label,
#article legend,
#article input[type="checkbox"],
#article input[type="radio"]
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
	
#article input[type="text"],
#article input[type="submit"],
#article input[type="reset"],
#article input[type="checkbox"],
#article input[type="radio"] { font-size: inherit; font-family:inherit }

/* fieldset legend */
#article fieldset 
	{ 
	border: 1px solid #ccc; 
	margin: 0 0 1em; 
	padding: .833em;  
	}
#article legend 
	{
	color: #000; 
	font-weight: bold; 
	padding: 0 .4em;   
	}

/* label */
#article label,
#article form.horizontal label,
#article form.horizontal-b label
	{
	color:#333; 
	clear:left;
	cursor:hand; 
	display:block;
	margin-right:.833em;
	text-align:left;
	}

#article form.horizontal label { float: left; width:12.5em;}
#article form.horizontal-b label { float: left; text-align: right; width:12.5em; }

/* Textarea input select */
#article textarea,
#article input,
#article select { padding: .2em; margin: 0 0 .833em;  }
#article select { background-color: #fff; color: #000; }
#article textarea { border: 1px solid #666; }
#article textarea:focus, 
#article input[type="text"]:focus { border: 2px solid #0066FF; background-color: #E9FBF5 }
#article input[type="text"] { border: 1px solid #666; }
#article input[type="submit"],
#article input[type="reset"]	{ margin: 0 0 .833em 0; padding: .4em; background-color: #ccc;color: #333; }
#article input[type="checkbox"] { color: #000; }
#article input[type="radio"] {  background-color: #fff; color: #000; }

/* option optgroup */
#article option { background-color:#fff; color:#000; }
#article optgroup { background-color:#ccc; color:#000; }

/* button */
#article button { margin: 0 0 .833em 0; padding: .4em; background-color: #ccc; color: #333; }