/* Workcast signup form - May 2009  */

#formWrapper {width:892px; float:left; background:url(../../images/public/signupBGTop.gif) left 4px no-repeat transparent;}

#confirmWrapper {width:864px; float:left; background:url(../../images/public/WMFreeTrialConfirmBG.gif) left 4px no-repeat transparent; height:278px; padding-left:28px}

p {margin-bottom:10px; color:#666566; font-size:.8em; width:600px}

form {background:url(../../images/public/signupBGBottom.gif) left bottom no-repeat transparent; padding:0px 35px 0 28px; width:864px; float:left}

h2#freePage1 {background: url(../../images/public/freeTrialHeading1.gif) left top no-repeat transparent; width: 199px; height: 47px; margin-top:5px; margin-bottom:20px;}
h2#freePage2 {background: url(../../images/public/freeTrialHeading2.gif) left top no-repeat transparent; width: 203px; height: 47px; margin-top:5px; margin-bottom:20px;}
h2#freePage3 {background: url(../../images/public/freeTrialHeading3.gif) left top no-repeat transparent; width: 324px; height: 47px; margin-top:5px; margin-bottom:20px;}

h2#page1 {background: url(../../images/public/heading1.gif) left top no-repeat transparent; width: 199px; height: 47px; margin-top:5px; margin-bottom:20px;}
h2#page2 {background: url(../../images/public/heading2.gif) left top no-repeat transparent; width: 203px; height: 47px; margin-top:5px; margin-bottom:20px;}
h2#page3 {background: url(../../images/public/heading3.gif) left top no-repeat transparent; width: 324px; height: 47px; margin-top:5px; margin-bottom:20px;}

.reqAst {color:#00adee}

/********* Form styles *********/

form div {clear:left; color:#666566;}

form div#bottom {padding-top:5px;}
form div#method {padding-bottom:7px; padding-top:4px}


fieldset {border:0 solid black; font-size:.8em;}
legend {display:none}
label {display:block; float:left; width:140px; color:#666566; padding-top:4px; margin-right:31px;}

select {border: 1px solid #dbdadb; color:#666566; margin-bottom:5px; height:22px; vertical-align:bottom}
option {height:22px}
input {display:block; border: 1px solid #dbdadb; color:#666566; vertical-align:baseline; padding:3px 0 0 3px; width:291px; height:19px; margin-bottom:5px; float:left;}

label#security {padding-top:2px}
label.noPadding {width:auto; padding-top:0;}

input#passwordNormal {margin-bottom:5px;}
input.radio {border:none; margin-right:4px; width:auto; height:auto; vertical-align:baseline;}
input.postcode {width:75px;}

.textLighter {font-size:.89em; color:#b9b9b9; padding-bottom:12px; display:block; clear:left}

#password {float:left; clear:none;}

#passwordStrength {height:11px!important; width:298px; display:block; font-size:.89em; clear:left; color:#666566; padding-left:2px;}

.strength0 {background:url(../../images/public/passwordStr0.gif) 48px -55px no-repeat transparent;}
.strength1 {background:url(../../images/public/passwordStr0.gif) 48px -44px no-repeat transparent;}
.strength2 {background:url(../../images/public/passwordStr0.gif) 48px -33px no-repeat transparent;}
.strength3 {background:url(../../images/public/passwordStr0.gif) 48px -22px no-repeat transparent;}
.strength4 {background:url(../../images/public/passwordStr0.gif) 48px -11px no-repeat transparent;}
.strength5 {background:url(../../images/public/passwordStr0.gif) 48px 0 no-repeat transparent;}

div#next {float:right; margin-bottom:16px; margin-right:35px; display:inline}

#nextPage {border:none; display:block; float:right; width:114px; height:32px; background: url(../../images/public/nextPage.gif) left -32px no-repeat transparent;}
#nextPage:hover {cursor:pointer; background: url(../../images/public/nextPage.gif) left top no-repeat transparent;}

.submitDisabled {border:none; display:block; float:right; width:114px; height:32px; background: url(../../images/public/submit.gif) left -32px no-repeat transparent; filter: alpha(opacity=50); opacity:.5}

.submit {border:none; display:block; float:right; width:114px; height:32px; background: url(../../images/public/submit.gif) left -32px no-repeat transparent; filter: alpha(opacity=100); opacity:1}
.submit:hover {cursor:pointer; background: url(../../images/public/submit.gif) left top no-repeat transparent;}

div.error {color:#ec2226; font-size:.89em; padding:0; margin:0; margin-bottom:10px; margin-left:171px; width:291px; float:left;}
p.error {color:#ec2226; background: none #f9eaea; border:1px solid #ff0000; padding:4px; width: 480px;}