body
{
	margin: 0;
	padding: 0;
	border: 10;
	font-size: 0.8em;
	font-family: Verdana, Sans-Serif;
	background-color: white;
}

h1
{
    font-size: 1.0em;
    font-weight: bold;
}

h2
{
    font-size: 0.9em;    
    font-weight: bold;
}

h3
{
    font-size: 0.85em;    
    font-weight: bold;
}
 
 /*** Header image + contact details ***/
 
.divHeader
{
	width: 100%;
}

.headerFont
{			
	text-decoration:none;
	color: #660033;
	background-color:Transparent;
	font-family: Verdana, Sans-Serif;
	font-size:1.0em;
	width: 100%;
	border:none;
}

.tblHeader
{	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	border: 0 none;
	border-collapse: collapse;
}

	.tblHeader .imgHeader
	{
		text-align: left;
	}
	
	.tblHeader .contact
	{
		text-align: right;
		padding: 0 20px 0 0;
	}

.headerBottom
{
	position: absolute;
	top: 104px;
	height: 3px;
	width: 100%;
}

/*** Login ***/

.loginPanel
{
	width: 850px;
	height: 50%;
	text-align: left;
	position: absolute;
    top: 150px;
    left: 77px;
}

/*** Login label + textbox + keep me login checkbox ***/

.siteLabel
{
	position: absolute;
	top: 114px;
	left: 487px;
	z-index: 200;
	font-weight: bold;
}

.siteTextbox
{
	position: absolute;
	top: 110px;
	left: 585px;
	z-index: 200;
	width: 175px;
}

.siteFieldValidator
{
	position: absolute;
	top: 110px;
	left: 789px;
	z-index: 200;
	width: 20px;
}

.usernameLabel
{
	position: absolute;
    top: 144px;
    left: 487px;
    z-index: 200;
    font-weight: bold;
}

.usernameTextbox
{
	position: absolute;
	top: 144px;
	left: 585px;
	z-index: 200;
	width: 175px;
}

.usernameFieldValidator
{
	position: absolute;
	top: 144px;
	left: 789px;
	z-index: 200;
	width: 20px;
}

.passwordLabel
{
	position: absolute;
    top: 176px;
    left: 487px;
    z-index: 200;
    font-weight: bold;
}

.passwordTextbox
{
	position: absolute;
	top: 176px;
	left: 585px;
	z-index: 200;
	width: 175px;
}

.passwordFieldValidator
{
	position: absolute;
	top: 176px;
	left: 789px;
	z-index: 200;
	width: 20px;
}

.keepLogin
{
	position: absolute;
	top: 208px;
	left: 585px;
	white-space: nowrap;	
    z-index: 200;
}

.validationSummary
{
	position: absolute;
	top: 225px;
	left: 450px;
	white-space: nowrap;	
	z-index: 100;
    width: 322px;
    height: 51px;
    font-weight: bold;
}

/*** ul is used for displaying the validation summary. Color cannot be set directly in validationsummary css ***/
.validationSummary ul
{
	color: red;
}

.versionLabel
{
	position: absolute;
	top: 280px;
    left: 360px;
    z-index: 100;
    font-size: smaller;
}

.loginBtn
{
	position: absolute;
	top: 254px;
	left: 723px;
	z-index: 100;
}

.termsOfUseWrapper 
{
	position: absolute;
	top: 321px;
	left: 520px;
    z-index: 100;
    text-align: center;
}

.ExpressionOfInterestWrapper {
    padding-bottom: 10px;
}

.supportUrlWrapper {
    padding-bottom: 10px;
}

/**** Expression of interest *****/

.expressionOfInterest
{
    background: #fff;
    color: #000;
}

.expressionOfInterest .mainPanel 
{
    text-align: auto;
}

.expressionOfInterest .contentPanel
{
	background-color: #fff;
	border: 0px;
	width: 670px;
}

.expressionOfInterest .contentPanelHeader
{
	width: 100%;
	height: 30px;
	background-image: none;
	background-repeat: repeat-x;
	color: #000;
	font-weight: bold;
	vertical-align: middle;
}

.expressionOfInterest .contentPanelHeader 
{
    font-size: 1.3em;
    padding-bottom: 20px;
    text-align: center;
}

.expressionOfInterest .message
{
    text-align: left;
    color: Red;
}

.expressionOfInterest .valSummary
{
    text-align: left;
    width: 400px;
}

.expressionOfInterest td.label
{
    text-align: right;
    padding: 0 15px 0 0;
}

.expressionOfInterest td.edit
{
    text-align: left;
    padding: 0 15px 0 0;
    white-space: nowrap;
}

.expressionOfInterest td.separator
{    
    padding: 15px 0 0 0;
    text-align: center;
}

.expressionOfInterest .submit 
{    
    margin: 10px 0px 0px 0px;
}

.expressionOfInterest .buttons
{
    text-align: center;
}