/**
	Color List
	- White: #FFFFFF
	- Blue: #0067A6
	- Green: #978F00
	- Gray: #999999
	- Dark Blue: #003B5B
*/
body {
	background: url(/images/background.gif) bottom repeat #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
}

#header {
	width: 898px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	background-color: #FFF;
	height: 260px;
	border-bottom: solid 5px #989000;
}

#header ul {
	list-style: none;
	margin: 0px;
	margin-left: 28px;
	padding: 0px;
}

#header li {
	float: left;
}

#header a,#header a {
	text-decoration: none;
}

#header #rolelist {
	position: absolute;
	width: 400px;
	margin: 0px;
	padding: 0px;
	z-index: 3;
}

#header #professional,#header #employer {
	margin: 0px;
	margin-right: 15px;
	width: 133px;
	height: 25px;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	padding: 0px;
}

#header #professional a:hover,#header #employer a:hover {
	background: url(/images/button_green.gif) transparent;
}

#header .currentRole, #header .supportingRole {
	background: url(/images/button_green.gif) transparent;
	display:block;
	height: 25px;
	padding-top: 6px;
}

#header .supportingRole {
	background: url(/images/button_blue.gif) transparent;
}

#header #professional a, #header #employer a {
	color: white;
}

#header #logo {
	position: absolute;
	width: 100px;
	height: 100px;
	margin-top: 8px;
	margin-left: 770px; *
	margin-left: 770px ! important; *
	margin-left: 770px;
	padding: 0px;
	z-index: 3;
}

#header #flash {
	position: absolute;
	top: 12px;
}

#topnav,#footer {
	clear: both;
	width: 898px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	padding-top: 4px;
	background: #003B5B;
	height: 30px;
	color: #FFFFFF;
}

#footer {
	background: #000000;
	height: 30px;
}

#topnav .general,#footer .general {
	width: 300px;
	float: right;
	text-align: right;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}

#footer .general {
	width: 400px;
}

#topnav .advanced {
	font-weight: bold;
	font-size: 12px;
}

#footer .advanced {
	font-size: 11px;
}

#topnav .advanced,#topnav .sub_menu,#footer .advanced {
	width: 560px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-left: 28px;
}

#topnav {
	height: 30px; *
	height: 100% ! important; *
	height: 100%;
}

#topnav .sub_menu {
	width: 500px;
	background: #FFF;
	width: 870px;
	padding-bottom: 2px;
}

#topnav .sub_menu ul li {
	color: #0D4563;
}

#topnav .sub_menu ul a:link, #topnav .sub_menu ul a:visited {
	color: #0D4563;
	font-size: 12px;
	font-weight: bold;
}

#topnav ul,#footer ul {
	float: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-right: 28px;
	margin: 5px 0px;
}

#topnav .advanced ul,#topnav .sub_menu ul,#footer .advanced ul {
	float: left;
}

#topnav li,#footer li {
	float: left;
}

#topnav a:link,#footer a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#topnav a:visited,#footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#topnav a:hover,#footer a:hover {
	text-decoration: underline;
}

#contain {
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF;
	width: 898px;
	text-align: left;
}

#contain p {
	text-align: left;
	margin: 3px;
	padding: 3px;
}

#contain .bold {
	text-align: left;
	margin: 3px;
	padding: 3px;
	font-weight: bold;
}

#contain fieldset {
	board: 0px;
	margin: 0px;
}

#contain fieldset ul,#contain fieldset ol {
	list-style: none;
}

#mainbg {
	width: 898px;
	padding: 5px 0px;
	background: #FFFFFF;
	float: left;
}

#right {
	float: right;
	margin: 0px;
	margin-top: 3px;
	margin-right: 28px; *
	margin-right: 28px ! important; *
	margin-right: 15px;
	padding: 0px;
	width: 625px;
	text-align: left;
}

.mask {
	margin: 0px;
	padding: 0px;
	position: absolute;
	float: right;
	top: 362px;
	width: 653px;
	height: 150px;
	/*
	opacity: 0.7;
	filter: alpha(opacity = 80);
	*/
	background: url(/images/loading.gif) center 48px no-repeat transparent;
	z-index: 3;
}

#left {
	float: left;
	padding: 0px;
	margin: 2px;
	margin-left: 25px; *
	margin-left: 25px !important; *
	margin-left: 11px;
	width: 200px;
	text-align: left;
}

#errorMessage {
	margin: 28px;
}

form {
	margin: 0;
	padding: 0;
}

.show {
	display: block;
}

.hide {
	display: none;
}

.disabled {
	color: #999999;
}

.hack {
	clear: both;
}

.margin {
	height: 10px;
}

#contain #right .error{
	height: 20px;
	font-size: 10px;
	font-weight: normal;
	border: 1px dashed #FF0000;
	color: #FF0000;
	background-color: #EEEEEE;
	vertical-align: middle;
	padding-top:8px;
	padding-left:5px;
	margin-left: 0px; *
	margin-left: 0px ! important; *
	margin-left: 9px;
	text-align: left;
}

#contain #right .success {
	height: 20px;
	color: green;
	background: #CCFFCC;
	font-size: 10px;
	font-weight: normal;
	padding: 0px;
	border: dashed 1px #00D000;
	color: #009900;
	padding-top:8px;
	padding-left:5px
}

.error_submit_form{
	font-size:9px;
	color:red;
}
.reg_act_message{
	font-size: 12px;
	padding-left: 0px;
	padding-right:1px;
	left: 0px;
	width: 500px;
	margin-left: 10px;
	margin-top: 20px;
	border-bottom-width: 1px;
	margin-bottom: 40px;
	border-top-width: 1px;
	border-left-width: 1px;
	font-family: arial;
}
