#form-container {width:550px;color:#fff;font-family:verdana;font-size:11px;}

/* default grayscale colours and background concept

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.primary, .primary-textarea {background:#eee; }.primary-textarea

.alt, .alt-textarea { background:#dedede;}

.block-accent {height:100%;border-width:1px 1px 6px 1px;border-style:solid;border-color:#000;background:#fff;}

						
/* global styles 

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



fieldset {margin:1em 0;padding:0;border:0 solid transparent;}

fieldset div .primary, fieldset div .alt {height:25px;padding:1px 0;}

label {	font-size:11px;	float:left; width:9.5em;text-align:right;padding-top:8px;padding-right:8px;white-space:nowrap;}
.checks-left label {	font-size:11px;	float:left; width:9.5em;text-align:left;padding-top:8px;padding-right:8px;white-space:nowrap;}
legend {font-weight:bold;font-size:.75em;margin:0;}

legend, label {font-family:sans-serif;}				

#form-container input, #form-container select {border-width:1px;border-style:solid;padding:0;height:75%;margin:2px 0;width:150px;}
#form-container textarea {border-width:1px;border-style:solid;padding:0;height:75%;margin:2px 0;width:325px;}


#form-container .radio-btn {width:auto;padding:0;margin:0 2px;border:none;}

#form-container select {height:13px;margin-top:3px;font-size:11px;}

#form-container p {padding:4px;margin:0 4px;}



div .textarea div{height:auto;padding:1px 0;}

.textarea  {height:auto;padding:1px 0;}

.textarea textarea {margin:3px 4px;float:right;}



.right {float:right;right:5%;position:relative;}

/* floating 4 up rules here

 (must have span-group classed in fieldset and each div must have alt or primary classed as well!! */

.span-group .primary div, .span-group .alt div {float:left;height:100%;}/*this is for floating 4 up!!! */

.style-block  {background:#000;font-size:12px;text-transform:uppercase;

							color:#fff;padding:3px 5px  0px 5px;

							position:relative; left:-7px;/*this is for ie*/}



.power-sub {position:relative;left:5em;float:none;height:75%;top:0px;

					 border-style:solid;border-width:1px;border-color:#fff;width:auto;}

.submitthis {color:#fff;}

.submitthis .power-sub { border-style:solid;border-color:#fff;}

.submitthis div {text-indent:5px;font-family:verdana;font-size:11px;}



/* global styles for your info 

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



#yourinfo label {width:8em;}/* set width of text area to adjust for container width */

 #yourinfo label {color:#fff;}	/* set text colors */	

#yourinfo input {width:130px;}



/* RELOCATION PACKGAGE REQUEST SETTINGS */

/* global styles for relocation package request id="YOURINFO"

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#relo-info input {width:140px;}

#optional-relo .checkbox label {width:32em;}

#optional-relo .radio {float:right;margin:0 3px;}



/* this is the crzy code for the floating radio buttons */

#optional-relo #children label,

#optional-relo  #homesell label,

#optional-relo #topagent label{width:1em;float:none;}

* #children, * #homesell, *#topagent{text-align:right;padding-right:0px;}



#relo-com textarea {width:320px;height:100px;margin-right:15px;}/*  */



/* HOME EVAL SETTINGS */

#homeeval-info textarea, #find-home textarea {margin:2px 0 4px 0;}

#homeeval-info label, #find-home label {width:13em;}

#homeeval-info input, #homeeval-info textarea, #homeeval-info select, 

#find-home input, #find-home textrea, #find-home select {width:160px;}


/* used in oakshores... */

#form-container * .checkbox {float:left;}

#form-container  .checkbox {padding-left:5px;width:auto;height:auto;border:none;}

#form-container .checks-left div input {margin-left:10px;}

.alt, .primary {position:relative;}
#form-container .checks-left label   {margin-left:2%;position:relative;top:-3px;}

 .checks-left input {margin:0;}