/**
* @author: Shuku Torabi <shtorabi@yahoo.com> 
* @date: 20 Jan 2010
* @desc: Contains the styling of form elements 
*/

form.standard_form {
	float:left ;
	width:98% ; 		
}

div.suggestions {
	background-color:#ECCC96 ;
	position:absolute ;
}

span.suggestedOption {
	display:block; 
	clear:both;
	background-color:#ECCC96; 
	font-size:medium; 
}

div.suggestions span.selected {
	display:block ; 
	clear:both ;
	background-color:  blue ;
}


form.standard_form fieldset {
	width:100% ;
	margin:0.5em 1em 0.5em 1em ; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em ;
	border:0.1em solid #6D96CD ;
	
}

form.standard_form legend {
	font-size:large ;
	margin-left:2em ;
	margin-right:2em ; 
	letter-spacing: 0.1em ; 
}

form.standard_form label {
	position:left; 
	float: left;
	margin-left:4em;
	text-align: left;
	font-size:medium;
	width: 10em ;
	clear:left ;  
}

form.standard_form input, form.standard_form select
, form.standard_form textarea{	 
	float:right ;
	margin-left:2em ;
	font-size:medium ;
	width:15em ;
	clear:right ;
	margin-right:4em ;
	}

form.standard_form textarea{
	width:20em ;
	margin-right:5em ; 
	border-style: solid; 	
	background-color:#D0A15D ; 	
	height:7em ;
}

form.standard_form input, select{
	border-style: solid; 	
	background-color:#D0A15D ;
}

form.standard_form p.button input{
	background-color:silver ; 	
}


form.standard_form p {
	display:inline; 
	margin:0.5em 1em 0.5em 1em;
	float:left ; 
	width:70em ;  	
}

form.standard_form p.calendar_select {
	text-align:left; 	
}

form.standard_form p.calendar_select select {
	width:5em ;
	clear:none;
	margin:0;
	float:none; 	
}


div#login {
	background-color:#c2c5cd ; 
	width:30% ;
	border:0.1em dashed #6D96CD ;   
	margin:4em auto 4em auto ; 
}


/* ######################### FORMS ############################# */

form#login_form {
	width: 25em;	
	font-size:small ; 
}

form#login_form fieldset {
	width:100% ;
	margin:0.5em 1em 0.5em 1em ; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em ;
	border:0.1em solid #6D96CD ;
	
}

form#login_form legend {
	font-size:large ;
	margin-left:2em ;
	margin-right:2em ; 
	letter-spacing: 0.1em ; 
}

form#login_form label {
	position:left; 
	display: inline;
	float: left;
	width: 100%; 
	margin-left:2em;
	text-align: left;
	font-size:medium; 
}

form#login_form input {	 
	position:left ;
	margin-left:2em ;
	font-size:medium ;
}

form#login_form p{
	width: 20em;
	clear: left;
	margin: 0;
	padding: 1em 0 1em 0;
	height: 3em ;
}

form#login_form input#submit {
	float:right; 	
}

p.login_message {
	background-color: #CCCCCC ; 
	border:0.1em solid #6D96CD ;
	margin:1em ; 
	padding-left:0.1em ;
	text-align:left ;  
	font-size:medium ; 		
}