/* Form stuff */
fieldset{border:none; margin:0 auto; }
legend{font-size:14px; font-weight:bold; display:none; }

.field{float:left; margin:0 0 2px; width:480px;}
.primary .field{width:500px;}
.field .note {float:right; font-size:10px; line-height: 0.6em; margin: 0 100px 20px;}

label{display:block; float:left; color:#000; padding:6px 10px 0 0; text-align:left; width:180px; font-weight:bold; font-size:18px;}
.secondary span.label{width:180px !important; }

.fieldRequired {color:#EE3324; margin-left:2px;}

.textBox, textarea{background:url(/App_Themes/PureFutures/gfx/form/input-background.jpg) #fff repeat-x; border:1px solid #d4e1e0; color:#333; font-family:Arial; margin:0 0 10px; padding:5px;}
.textBox{float:right; padding:2px; width:250px; text-align:left; margin-right:30px;}
.secondary .textBox{width:200px; margin-right:76px; }
.secondary .textBox.phone{width:140px;}
.profile .textBox{margin-right:50px;}
.primary .textBox.phone{width:190px;}

.profileBtnChangePassword{background:none; border:none; text-decoration:underline; margin:10px 0 10px 17px; cursor:pointer; color:#058842; font-size:16px; }
.profileBtnChangePassword:hover{text-decoration:none;  }

.profileModalPopup{background:#fff; border:10px solid #999; width:500px; padding:50px; }

.passwordModalSave{float:right; margin:0 30px 0 0; }
.passwordModalCancel{float:right; margin:0 10px 0 0; }

.field.check {padding-top: 5px;}
.field.check input{float:left; margin-top: 4px; }
.field.check input {float:left; margin:5px 10px 0 0; }
.field.check label{float:left; margin:0 0 0 10px; text-align:left; width:380px; }
.field.check label{width:380px; font-size:14px; color:#999999; font-weight:normal;}
div.field.check a{	color:#08863F;}

/*
.checkbox span.label{float:left; margin:0 0 10px !important; padding:0 !important; width:20px !important; }
.checkbox .small{ }
.checkbox .permissionCheck{margin:0 10px 0 0; }
select{width:178px; }
*/

select.ddlDate{width:45px; margin-left:5px; }
select.ddlMonth{margin:0 0 0 3px; width:73px; }
select.ddlYear{margin:0 0 0 3px; width:53px; }
select.phone{float:left; width:50px; margin-left:5px; }


.button{padding:3px 8px; }
.button.register, .button.login, .button.submit{float:right; margin:0 0 0 0; }
.button.submit{margin-top:20px; }

.loginUtils{float:left; list-style:none; margin:10px 0; width:100%; }
.loginUtils li{color:#B4985A; float:left; width:140px;  }


.fieldGroup{position:relative; height:150px; }
.fieldGroup .overtext{color:#aaa; display:none; position:absolute; top:30px; left:5px; }
.fieldGroup textarea{position:absolute; top:20px; left:0; display:block; }
.hidden{display:none; }

input.register{margin:40px 0 20px 160px; padding:3px 8px; width:80px;}

.radioList{}
.radioList label{float:left; width:80px; }
.radioList input{float:left; margin:8px 5px 0 0; }

/* Login {{{ */
.login-logout{background:url(/App_Themes/PureFutures/gfx/login-logout-background.jpg) no-repeat; float:right; height:21px; margin:20px 0 0; padding:4px 0 0 2px; width:120px;}

.login-logout a{color:#8b8b8b; font-size:12px; margin:11px 0 0 10px; text-decoration:none; }
.login-logout a:hover {text-decoration:underline; }
.login-logout a:visited {color:#8b8b8b; }

.LoginLogout, .RegisterProfile {margin-left:20px;}

/* Login / Register {{{ */
/* I have no real control over the Login/Register form markup plus there is a 
 * whole bunch off standard CSS I don't really want to touch. Hence the load of !importants. */
 

.login.main, .forgotPassword.main{border-top:solid 10px red; }


.loginForm{margin:20px 0 0; width:540px; }

.loginForm .button{display:block; margin:0 160px; padding:3px 8px; width:80px; float:right; }
.loginForm label{width:100px; }
.loginForm .textBox{margin-right:120px;}

.loginForm ul{float:left; }
.loginForm ul li{float:left; margin:0 !important; }
.loginForm li a{color:#08863f; font-size:14px;}
.loginForm .loginUtils{float:left; padding:5px 0; width:540px; }
.loginForm .fail{color:#EE3324; }

.loginIntro{display:none; }

.forgotPassword .loginForm .button{width:140px;}


input.login{margin-right:100px;}

.login p.message{clear:both; margin-top:20px;}

/* }}} */

.error{width:400px; float:left; font-size:12px; margin:0 0 20px 200px; text-align:left; }

.splashEnter{width:390px; margin:0 auto; }
.splashEnter .field label{width:250px; }
.splashEnter .field .textBox{float:left; margin:0 0 10px 10px; width:90px; }


/* Profile {{{ */

.profile{border-top:solid 10px red; }
.profile h4{font-family:"Arial Black"; }
.profileAccordion{}
.profile .field{margin-left:20px;}
.profileAccordion h4{background-color:#CE121D; color:#fff; padding:3px 3px 3px 10px;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    border-bottom:1px dotted #c02925;
    color:#c02925;
    cursor:pointer;
    font-weight:bold;
    margin:15px 0 6px 10px;}  
.profileAccordion .accordionHeader h4{background:url(/App_Themes/PureFutures/gfx/accordion-closed.jpg) right no-repeat; color:#777;}
.profileAccordion .accordionHeaderSelected h4 {background:url(/App_Themes/PureFutures/gfx/accordion-open.jpg) right no-repeat;}

.profileAccordion .error{float:left; text-align:left; margin:0 0 20px 195px; width:auto; }

.profile .field a{font-size:15px; font-weight:normal; margin:5px 0 0; }

.profile .needs{background:url(/App_Themes/PureFutures/gfx/make-it-happen.jpg) no-repeat; margin:20px 0; width:390px; height:217px; }
.profile .needs textarea{margin:0px 10px 0; width:360px; height:85px; top:70px; }
.needs .button{float:right; margin:10px 10px 0 0 !important; }
.profile .overview{background:url(/App_Themes/PureFutures/gfx/care-to-elaborate.png) no-repeat; margin:20px 0; width:390px; height:217px; }
.profile .overview textarea{margin:60px 10px 0; width:360px; height:60px; }
.overview .button{float:right; margin:10px 10px 0 0 !important; }

.needs .fieldGroup{height:165px; }
.needs .overtext{top:70px; left:15px; width:auto; }

.needs h2{font-size:25px; line-height:1em; margin-top:30px;}


.profile h3{color:#C02925; font-size:30px; }
.profileAccordion h3{display:none;}

.profile .future{color:#777; font-family:"Arial Black"; font-size:34px; letter-spacing:-2px; line-height:0.8em; text-transform:uppercase; }

.profile .social{float:none; }

.profile .linkbutton{color:#02b556; font-size:14px; text-decoration:underline;}
.profile .linkbutton:hover {text-decoration:underline;}
.profile .view {margin-bottom:15px; width:100%;}
.profile .view span{margin-bottom:10px;}
.profile .view br{margin-bottom:10px;}

.interest {display:none;}

.postcodeFinder {display:block;}

h3.deleted{font-size:24px; font-family:"Arial Black"; margin:30px 0; }

.profile .mailinglist{float:none; margin:0 0 10px 0; }
.profile .mailinglist label{margin:0 0 0 8px !important; }

.UpdateProfile{float:right; padding: 3px 8px; }