/*
 * forms.css
 *
 * css for all elements that will appear in a form goes here
 * this includes regular elements like <div> with a class that will appear in a form
 * 
 */

div.form, div.noform{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:500px;
	padding:12px;
	height:auto;
	border:solid 2px #ccc;
	background:#fff;
	text-align: center;
}

div.form label, div.noform label{
	display:block;
	font-weight:bold;
	font-size:12px;
	text-align:right;
	width:140px;
	float:left;}

div.form .small, div.noform .small{
	display:block;
	font-weight:normal;
	color:#666;
	font-size:10px;
	text-align:right;
	width:140px;
	}

input, textarea, select, .noinput{
	float:left;
	font-size:12px;
	border:solid 1px #ccc;
	width:320px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	}


div.form button{
	clear:both;
	margin-left:150px;
	width:125px;
	height:31px;
	background:#666;
	text-align:center;
	line-height:31px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	}
fieldset{
	border:none; 
    border-top:1px solid #eee;
	}
	
.noinput{background-color:#eee;}
#formContent {
	margin-right: 15px;
	margin-left: 15px;
	float: left;
}