@charset "utf-8";
/* CSS Document */

/* Website background */


body{
font-family:Verdana,Arial,Helvetica;
font-size:12px;
text-align: left;
color: black;
background-color:white;
min-width: 1600px; /*distortion on page minimise fix */
width: 1650px; /*distortion on page minimise fix*/
}


.client_logo{
	height:90px; /*sps height 70px cuscal height 105px*/
	width: 200px;   /* sps width 100% cuscal width 200px */
	float:left;
	background:url(../Images/cuscal-logo-new.jpg) no-repeat; /* changed sps logo SPS_logo_70px.png to cuscal */
}

.orange-heading{
font-family:Verdana,Arial,Helvetica;
font-size:20px;
font-weight:bold;
text-align: left;
color: #FE5402;
background-color:white;
margin-top:12px;
padding-top:0px;}

a{
font-family:Verdana,Arial,Helvetica;
font-size:12px;
text-align: left;
color: #FE5402;
background-color:white;
margin-top:12px;
padding-top:0px;}

form {
width:400px;
background-color: #DEDEDE;
display: block;
float: left;
margin-left: 12px;
margin-top: 18px;}

table {width: 50%;
padding: 10px;
}

form.pwdform {width:410px;

background-color: #DEDEDE;
display: block;
float: left;
margin-left: 12px;
margin-top: 12px;}

div.ContentArea {width:660px;
background-color: #DEDEDE;
display: block;
float: left;
margin-left: 12px;
margin-top: 12px;}

div.pwdPolicyArea {width:300px;
background-color: #DEDEDE;
display: block;
float: left;
margin-left: 12px;
margin-top: 12px;
font-size: 12px;
font-weight: normal;
color: white}

div.errorText {
color: red;
font-family:Verdana,Arial,Helvetica;
font-size: 12px;
font-weight: bold;
font-variant: normal;
margin-left: 12px;
text-indent: 0px;
}

span.errorText {
color: #D8000C;
font-family:Verdana,Arial,Helvetica;
font-size: 12px;
font-weight: bold;
font-variant: normal;
display:block;
margin-left: 50px;
}


div.notifText {
color: black;
font-family:Verdana,Arial,Helvetica;
font-size: 14px;
font-weight: bold;
font-variant: normal;
text-indent: 12px;
}

fieldset label {
float:left;
display:inline;
width:130px;
margin: 3px 10px;
text-align:right;
font-size: 14px;
font-family:Verdana,Arial,Helvetica;
font-weight:bold;
color: black;
background: #DEDEDE ;
}

fieldset a {
float:left;
display:inline;
width:130px;
margin-left: 140px;
text-align:right;
font-size: 14px;
font-family:Verdana,Arial,Helvetica;
font-weight:normal;
color: black;
background: #DEDEDE ;
}

fieldset label.chlresp {
float:left;
display:inline;
width:340px;
margin: 3px 10px;
text-align:left;
font-size: 14px;
font-family:Verdana,Arial,Helvetica;
font-weight:bold;
color: black;
background: #DEDEDE ;
}

fieldset label.pwdlabel {
float:left;
display:inline;
width:180px;
margin: 3px 10px;
text-align:right;
font-size: 14px;
font-family:Verdana,Arial,Helvetica;
font-weight:bold;
color: black;
background: #DEDEDE ;}

fieldset{
border: none;
}

input,textarea {margin:3px 0 8px;
border-style:none;
border-color:#666666 #888888 #888888 #666666;
border-width:1px 1px 1px 1px;}

input {height: 18px;
width: 160px;}

input.chlresp {height: 18px;
width: 340px;}

br {clear:left}

input.goclass{
margin: 10px 0 0 150px;
border-style:none;
background-color: #838485;
font-family:Verdana,Arial,Helvetica;
font-weight:bold;
font-size: 14px;
color:white;
width:80px;
height: 22px;


}


/* cuscal error messages */
  
