body { margin: 0; padding: 0; font: 80%/1.5 Arial,Helvetica,sans-serif; color: #111; background-color: #FFF; }
p{ margin:0; line-height:1.7em;}

.raisebutton{ text-align:center; display:block; margin:auto; width:12em; padding:.5em; background:#FFFFCC; border: solid 1px #FFCC66;}

.hint { clear:both; padding:.5em; background:#C9E8FC; border:solid 1px #C2DEEF; font-size:.9em; margin:1em;}

#makepayment{ background:#C9C9C9; margin:1em 0 1em 0; height:1%; overflow:hidden; padding:.5em 0 .5em 0;}

/* member info block */
#memberdata{ margin: 0 0 2em 0; padding: .2em; background-color: #FFF; width:27em;}
#memberdata p{margin:0; font-size:1.1em;}
#memberdata h2{margin:0; text-transform:capitalize; line-height:1.1em; margin:0 0 .3em 0;}
#memberdata span.company{ color:#666;}
#memberdata div.leftcol{float:left; margin-right: .6em; padding-right: .6em; width:11em;}
#memberdata div.rightcol{float:left; width:14em;}
#memberdata span.tel { margin-right: .1em; padding-right: .1em; width: 1.5em; text-align:right; display:block; float:left; color:#666666;}

/* account info block */
#accountinfo{ margin: 1em; padding: .2em; background-color: #FFF; width:30em;}
#accountinfo span.label, #accountinfo label { margin-right: .6em; padding-right: .6em; width: 13em; text-align:right; display:block; float:left; clear:left;}
#accountinfo span.data {width: 13em; display:block; float:left;}


/* navigation actions */
.nav{
	text-align:right;	
}


/* message/alert box */
div.message { margin: 0 0 10px 0; padding: 10px 10px 0px 10px; border: #FC6 1px solid; background-color: #FFC; overflow:hidden; }

/* user admin menu alerts fields */
div.message span.date{ width:8em; display:block; float:left;}
div.message span.company{ width:20em; display:block; float:left;}
div.message span.payment{ width:14em; display:block; float:left;}
div.message p{clear:both; float:none; display:block; margin:0 0 .9em 0; overflow: hidden; height: 1%;}

/* user admin menu table fields */
div#memberlist span.name{ width:32%; display:block; float:left;}
div#memberlist span.company{ width:40%; display:block; float:left;}
div#memberlist span.type{ width:20%; display:block; float:left;}
div#memberlist p{clear:both; float:none; display:block; line-height:1.3em; height:1.6em;}
div#memberlist p a{ text-decoration:none; cursor:pointer;}

div#inactivelist span.name{ width:32%; display:block; float:left;}
div#inactivelist span.company{ width:40%; display:block; float:left;}
div#inactivelist span.type{ width:20%; display:block; float:left;}
div#inactivelist p{clear:both; float:none; display:block; line-height:1.3em; height:1.6em;}
div#inactivelist p a{ text-decoration:none; cursor:pointer;}




/* history log */
div#historylog{background:#EFEFEF; padding:.5em; max-width:31em;}
div#historylog span.timestamp{color:#666666;}



/* left/right cols for splitting up the page */
div#wrapper{float:left;width:100%} /* for #rightpage */
div#rightpage{float:left; width:48%;}
div#leftpage{float:left;  width:48%;}



/*general */

.clear{
	clear:both;
	height:1px;
}