body
{
	padding: 0;
	background-color:#ffffff;
	border: none;
	margin: 10px 100px 150px 100px;
}
form
{
	padding:none;
	margin:none;
}
img
{
	border: 0;
}
.wcImage
{
 margin-left: auto;
 margin-right: auto;
 width: 629px;
 height: 763px;
 background-image: url('../images/picture_main.gif');
 background-repeat: no-repeat;
}
.wcVersion
{
	text-align: right;
	padding: 2px 5px 2px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	color: #094891;
}
.cbLogo
{
	margin: 0 0 0 50px;
}
.cbLogin
{
	margin: 150px 0 0 363px;
	width: 250px;
	Font-Size:small;
	font-family: Arial, Helvetica, sans-serif;
	Background-color: #DFF2FF;
	Font-weight:bold;
	padding: 5px;
	text-align: right;
	color: #000000;
}
.cbLogin label button
{
	color: #0099ff;
}
.txtLoginField
{
	width: 165px;
}

body {
	margin: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

/* ################################
#  outer creates an invisible wrapper div so that contained, visible divs can have a width set to auto.
#  This causes the various elements to render out to the same width and creates a work around for IE 5
#  incorrect application of the CSS block model.
###################################*/
#outer {
	width: 960px;
	margin: 0 auto;
	/*border: 1px solid #0099ff;*/
}

/* ################################
#  header defines the page header meta element. This is not the same as an html head.
#  A header area can include things like a branding graphic, banners, and/or utility links like a help button.
###################################*/
#header {
	width: auto;
	height: 90px;
	background-color: #FFF;
}

#logo {
	position: absolute;
	top: 20px;
}

#footer {
	clear: both;
	margin: 20px 0 0 0;
	border-top: 14px solid #0099ff;
	padding-bottom: 15px;
	text-align: right;
}

	#footer a {
		color: #0000FF;
	}

/* ################################
#  content defines the page content meta element.
#  Any content elements are defined within this area.
#  Content elements can include graphics, text, form elements, etc.
###################################*/
#content {
	clear: left;
	border-top: 11px solid #c5e5fa;
	border-right: .1px solid #FFFFFF;
	border-bottom: .1px solid #FFFFFF;
	border-left: .1px solid #FFFFFF;
	padding-top: 20px;
	width: auto;
	background-color: #FFFFFF;
}

	#content .form_section_panel {
		margin: 0px 10px 15px 10px;
		border-top: none;
		padding-bottom: 10px;
		width: auto;
		display: inline-block;
	}

#content_left {
	float: left;
	margin: 0px 0px 50px 0px;
	width: 450px;
}

#content_right {
	position: relative;
	float: right;
	margin: 0px 0px 40px 0px;
	width: 350px;
	border: 1px solid #0099ff;
	padding: 3px;
}

	#content_right form {
		border-right: 1px solid #668EB9;
		border-left: 1px solid #668EB9;
	}

	#content_right fieldset {
		border: 1px solid #668EB9;
		background-color: #c5e5fa;
	}

	#content_right p label {
		width: 80px;
		display: block;
		text-align: left;
		font-weight: bold;
	}
	#content_right p span {
		color: #C00000;
		display: block;
	}

h1 {
	margin: 0px 0px 8px 0px;
	border-bottom: 1px solid #0099ff;
	padding-bottom: 2px;
	font-size: 14px;
	color: #0099ff;
}

	h1 span {
		font-weight: normal;
	}

h2 {
	clear: both;
	font-size: 12px;
	margin: 10px 0px 5px 0px;
	color: #0099ff;
}

p {
	margin: 0px 0px 10px 0px;
}

.button {
	background-color: #0099ff;
	color: #ffffff;
	border: solid 1px #000000;
	text-align: center;
	margin-bottom: 5px;
}
.labelError {
	color: #C00000;
}