/****************************/
/* User Registration Styles */
/****************************/

/*
 * Basic Style
 */

#userreg {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background: white;
}

/*
 * Common HTML Elements
 */

#userreg H1 {
	font-size: 24px;	
	margin-top: 8px	
	margin-bottom: 16px;
	font-family: arial, verdana, sans-serif;
	color: #B20034;
}
#userreg H2 {
	font-size: 20px;	
	margin-top: 7px	
	margin-bottom: 14px;
	font-family: arial, verdana, sans-serif;
	color: #B20034;
}

#userreg DIV.left {
	text-align: left;
}
#userreg DIV.center {
	text-align: center;
}
#userreg DIV.right {
	text-align: right;
}

#userreg P.left {
	text-align: left;
}
#userreg P.center {
	text-align: center;
}
#userreg P.right {
	text-align: right;
}

#userreg A:link { color: #000000; }
#userreg A:visited { color: #000000; }
#userreg A:active { color: #000000; }

#userreg TD {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background: white;
	text-align: left;
	vertical-align: top;
	/*
	 * for debugging table layouts
	 */
	/*border: 1px solid red;*/
}

#userreg INPUT, #userreg SELECT, #userreg TEXTAREA {
	background: #EEEEEE;
}
#userreg TEXTAREA {
	/* "default" font-family does not get inherited by TEXTAREA */
	font-family: Trebuchet MS, arial, verdana, sans-serif;
}

/*
 * General Text Styles
 */

#userreg .text {
	/* as #userreg */
}
#userreg .text-bold {
	font-weight: bold;
}
#userreg .text-italic {
	font-style: italic;
}
#userreg .text-error {
	font-weight: bold;
	color: #EA1005;
}
#userreg .smalltext {
	font-size: 11px;
}
#userreg .smalltext-bold {
	font-size: 11px;
	font-weight: bold;
}
#userreg .smalltext-italic {
	font-size: 11px;
	font-style: italic;
}
#userreg .smalltext-error {
	font-size: 11px;
	font-weight: bold;
	color: #EA1005;
}
#userreg .bigtext {
	font-size: 15px;
}
#userreg .bigtext-bold {
	font-size: 15px;
	font-weight: bold;
}
#userreg .bigtext-italic {
	font-size: 15px;
	font-style: italic;
}
#userreg .bigtext-error {
	font-size: 15px;
	font-weight: bold;
	color: #EA1005;
}

/*
 * General Form Styles
 */

#userreg INPUT.text-character {
	width: 20px;
}
#userreg INPUT.text-small {
	width: 40px;
}
#userreg INPUT.text-medium {
	width: 100px;
}
#userreg INPUT.text-large {
	width: 150px;
}
#userreg INPUT.text-verylarge {
	width: 250px;
}
#userreg INPUT.text-huge {
	width: 400px;
}
#userreg TEXTAREA.standard {
	width: 400px;
}
#userreg SELECT.character {
	width 35px;
}
#userreg SELECT.small {
	width 55px;
}
#userreg SELECT.medium {
	width 115px;
}
#userreg SELECT.large {
	width: 165px;
}
#userreg SELECT.verylarge {
	width: 265px;
}
#userreg SELECT.huge {
	width: 415px;
}
#userreg INPUT.radio {
	background;
}
#userreg SPAN.radio-label {
	font-weight: bold;
}
#userreg INPUT.checkbox {
	background;
}
#userreg SPAN.checkbox-label {
	font-weight: bold;
}
#userreg INPUT.submit {
	border: 1px solid #000000;
	padding: 2px;
}

/*
 * User Registration Form Styles
 */

#userreg TABLE.section-group {
	width: 90%;
}
#userreg TD.section-box {
	border: 1px solid #000000;
	padding: 15px;
	background: white;
}
#userreg TD.field-spacer {
	height: 7px;
}
#userreg TD.field-label {
	font-weight: bold;
	width: 25%;
}
#userreg SPAN.field-label-password {
	color: #990000;
}
#userreg TD.field-mandatory {
	font-size: 16px;
	font-weight: bold;
	color: #FF3333;
	width: 2%;
	text-align: center;
}
#userreg SPAN.field-mandatory {
	font-size: 16px;
	font-weight: bold;
	color: #FF3333;
	vertical-align: bottom;
}
#userreg TD.field-narrative-before {
	height: 1px;
}
#userreg TD.field-narrative {
}
#userreg TD.field-narrative-after {
	height: 2px;
}
#userreg TD.field-notes {
	/*width: 40%;*/
}
#userreg SPAN.field-notes-password {
	font-weight: bold;
}

/*
 * Terms and Conditions STyles
 */

#userreg SPAN.terms-and-conditions {
	font-size: 10px;
}

/*
 * Login Form Styles
 */

#userreg DIV.login-header {
	font-size: 15px;
	font-weight: bold;
}
#userreg TD.login-label {
	font-weight: bold;
}

/*
 * User Management Styles
 */

#userreg DIV.useradmin-search {
	width: 100%;
	border: 1px solid #000000;
	padding: 10px;
	background: white;
}
#userreg TD.useradmin-search {
	width: 20%;
	text-align: center;
	font-weight: bold;
}
#userreg DIV.useradmin {
	width: 100%;
}
#userreg TABLE.useradmin {
	background: #000000;
}
#userreg TD.useradmin-header {
	font-weight: bold;
	padding: 5px;
	background: #EEEEEE;
}
#userreg TD.useradmin-header-nowrap {
	font-weight: bold;
	padding: 5px;
	white-space: nowrap;
	background: #EEEEEE;
}
#userreg TD.useradmin {
	padding: 5px;
}
#userreg TD.useradmin-nowrap {
	padding: 5px;
	white-space: nowrap;
}
#userreg DIV.list-details {
	width: 100%;
	padding: 20px;
	background: white;
}

/*
 * User Search Form Styles
 */

#userreg TD.search-heading {
	font-weight: bold;
	height: 25px;
}
#userreg TD.search-label {
	/* as #userreg TD */
}
#userreg INPUT.search-text {
	width: 200px;
	background: white;
}
#userreg INPUT.search-checkbox {
	background: white;
}
#userreg INPUT.search-submit {
	border: 1px solid #000000;
	padding: 2px;
}

/*
 * Message Styles
 */

#userreg DIV.message {
	width: 60%;
	border: 2px solid #000000;
	padding: 10px;
	background: white;
}
#userreg TD.message-image {
	width: 150px;
	text-align: center;
	vertical-align: middle;
}
#userreg TD.message-header {
	font-size: 14px;
	font-weight: bold;
}
#userreg TD.message-text {
	font-size: 13px;
	font-weight: normal;
}
/* the following allows message-text to be span'ed in a message-header column */
#userreg SPAN.message-text {
	font-size: 13px;
	font-weight: normal;
}
#userreg TD.message-link {
	font-weight: bold;
	list-style-type: square;
}