.regFormWrapper
{
float:left;
width:450px;
}
.regformContainer
{
width: 450px;
}
.formContainer
{
	position: relative;
	padding: 20px;
	margin-bottom:20px;
	-moz-border-radius: 10px;
	border:8px solid #ccc;
}
.formContainer TD
{
    padding:2px;
}
/* The hint to Hide and Show */
.hint
{
display: none;
position: absolute;
right: 10px;
top: 0px;
width: 200px;
border: 1px solid #c93;
padding: 10px 12px; /* to fix IE6, I can't just declare a background-color,
I must do a bg image, too!  So I'm duplicating the pointer.gif
image, and positioning it so that it doesn't show up
within the box */
background: #ffc;/* url(pointer.gif) no-repeat -10px 5px;*/
color: Black;
}
/* The pointer image is hadded by using another span */
.hint .hint-pointer
{
position: absolute;
left: -10px;
top: 5px;
width: 10px;
height: 19px;
/*background: url(pointer.gif) left top no-repeat;*/
}
/* POST STYLES */
.success
{
color: black;
background-color: #ddffdd;
font-size: 14px;
padding: 7px 10px 7px 10px;
}
#submitButton
{
padding: 4px;
background-color: #ddd;
color: Black;
width: 70px;
border: solid 3px #aaa;
cursor: pointer;
float: left;
text-align: center;
}
#regFormContainer input.button
{
margin-top: 10px;
}
.redFlash
{
color: red;
position: absolute;
left: -4px;
top: 0px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span
{
text-indent: -100000px;
}
.failed, .successful
{
-moz-border-radius:10px;
padding:10px;
width:480px;
margin:0 auto;
border:solid 1px;
position:relative;
margin-bottom:20px;
font-size:14px;
}
.failed
{
color:Red;
}
.successful
{
color:Green;
}

#regFormContainer dd
{
position:relative;
}





.regformContainer dd
{
	padding-bottom:10px;
}
.regformContainer input
{
	padding:3px;
}
.regformContainer h2
{
	padding-bottom:20px;
}
#unameAvail
{
}
.available
{
	/*background:#CCFFCC;*/
	color:green;
	border-color:#336633;
}
.taken
{
	/*background:#FFCCFF;*/
	color:red;
	border-color:#990033;
}
.regformContainer input.invalid
{
	border-color:red;
}
.leftColumn
{
	float:left;
	width:45%;
}
.rightColumn
{
	float:right;
	width:45%;
}

.formContainer input[type=text]
{
	padding:3px;
}
.formContainer input.button
{
	margin-top:5px;
}
#myProfileForm
{
    width:810px;
}
#roleCustomForm
{
    border-left:solid 1px #ccc;
    margin-left:20px;
    padding-left:20px;
    width:250px;
}