#accounts-table {
	font-size:	10pt;
	width:		100%;
	margin-bottom:	20px;
}
#accounts-table th{
	text-align:	left;
	padding:	4px;
}
#accounts-table td{
	text-align:	left;
	padding:	0px;
}

.account-create-input{
	width:		100px;
	margin-right:	15px;
	margin-left:	5px;
}

#create-account-fieldset{
	margin-top:	17px;
	margin-bottom:	27px;
	text-align:	right;
}

// form layout taken from http://yelotofu.com/2007/10/form-layout-using-definition-lists/
#persona {
	width:		95%px;	
	margin-top:	10px;
}

#persona dl{
	clear: both;
}
#persona dt{
	float: left;
	clear: left;
	width: 10em;
}
#persona dd{
	overflow: hidden;
	clear: right;
	height: 1%;
}

#persona #submit{
	position: relative;
	top: 0.4em;
	left: 12em;
	display: block;
}

.box-top{
	width:		670px;
	height:		14px;
	background-image:	url('../images/box-top.gif');
}

.box-middle{
	width:		670px;
	background-image:	url('../images/box-midstrip.gif');
	background-repeat:	repeat-y;
	margin-top:		0px;
	margin-bottom:		0px;
	padding-bottom:		20px;
	padding-left:		10px;
}

.box-bottom{
	width:		670px;
	height:		14px;
	background-image:	url('../images/box-bottom.gif');
	margin-top:	0px;
}

#profile-content{
	width:			50%;
	margin-top:		0px;
	margin-bottom:		0px;
}

#profile-toptip{
	width:			95%;
	margin-top:		0px;
	margin-bottom:		0px;
}

#gravatar{
	float:		right;
	margin-right:	40px;
	margin-top:	0px;
}

#gravatar-info{
	width:			540px;
	float:			left;
	margin-bottom:		20px;
}

h2{
	margin-top:	0px;
}


#content p{
	margin-bottom:	20px;
	margin-top:	0px;
}

.h2-left{
	margin-right:	40px;
	float:		left;
}

#mantra{
	width:		98%;
}

.account-profile{
	margin-left:	1em;
}