/*GLOBAL*/
* {outline: none;}
body{font-family: Lucida Grande, Trebuchet, Arial, Helvetica, sans-serif;}

#main a{text-decoration:none; color:#666;}
#main a:visited{color:#666;}
#main a:hover{color:#999;}
#main p{font-size: 1em; font-weight: normal;}
#main h6{margin:0 0 1em 0; color:#666; font-size: 1.2em; font-weight:bolder;}
#main ol, ul{margin:0 0.5em;}

/*FOXPASS*/
#Register #main, #ModifyProfile #main{width:822px;}

#Login #main,
#RecoveryPassword #main,
#AccountActivation #main,
#SendCreate #main,
#RegisterOK #main,
#ForgottenPassword  #main,
#GenericError #main{width: 40em;}

/*TITLES*/
#LoginLegend,
#RegisterLegend,
#RegisterFormLegend,
#PasswordResetFormLegend,
#ProfileLegend,
#ErrorTitleLegend,
#SuccessLegend,
#ActivatePageLegend,
#ForgotLegend{
 font-size:1.2em;
 font-weight:bold;
 display:block;
 line-height:1.6em;
 margin-bottom:1.1em;
}

/*CONTAINER*/
#main{
 margin:1.25em auto !important;
 background:#fff;
 border:15px solid #000;
 font-family: Lucida Grande, Trebuchet, Arial, Helvetica, sans-serif;
 padding: 2em !important;
}


/*FORM*/
input.Data {
 border:1px solid #414141;
 font-size:1em;
 line-height:1em;
 margin:5px 0;
 padding:0.4em 0.5em;
 width:250px;
 color: #666;
}

#main .buttonForm,
#main a.buttonForm,
#main input#Submit{
 background:#666;
 border:1px solid #414141;
 padding:0.4em 0.5em;
 font-size:1em;
 line-height:1em;
 color: #fff;
 margin:5px 0;
 text-decoration:none;
 clear:both;
}

#main .buttonForm:hover,
#main a.buttonForm:hover,
#main input#Submit:hover{background:#585858;}

.fieldcontainer{
 background:#e9e9e9;
 margin:0; 
 padding:0;
}

fieldset{
 background:#e9e9e9;
 border:0;
 padding:30px 0;
 margin:0 0 3em 0;
 position: relative;
 overflow: hidden;
}

label{
 color: #666;
 font-size: 1em;
 font-weight: normal;
}

legend {
 background:#E9E9E9 none repeat scroll 0 0;
 color:#333;
 font-size:1.4em;
 font-weight:bold;
 text-indent:15px;
 margin:10px auto;
 display: table-row;
}

#Register #MsgPass,
#Register .errorMsgBlur,
#ModifyProfile #MsgHelp,
#ModifyProfile .errorMsgBlur{float:none;}

#MsgPass,
.errorMsgBlur{
 background:#f00;
 display:none;	
 font-size:0.85em;
 color:#fff;
 margin:5px 0;
 padding:6px;
 float:left;
 position:relative;
}

.MsgHelp{
 clear:both;
 font-size:0.8em; 
 display:none;
 margin-bottom:15px;
 position: relative;
}

.success {
 background:#33CC66;
 border:4px solid #33CC66;
 color:#fff;
 display:block;
 font-size:1.4em;
 padding:1.5em;
 text-indent:2em;
 width:93%;
}

.error {
 background:#f00;
 border:4px solid #f00;
 color:#fff;
 display:block;
 font-size:1.5em;
 padding:1.5em;
 text-indent:2em;
 width:93%;
}

/*LOGIN*/
#Login #main p{clear:both;}
#Login label,#Login input{display:block;}
#Register #main p.already  , #Login #main p.already { border: 1px solid #eeeecb; background-color: #ffffcc; color:#d06740; padding: 20px; margin-top: 25px;font-size: 1.1em;}
#Register #main p.already  a, #Login #main p.already a { font-size: 14px}

/*REGISTER*/
#Register #main p{margin:10px 15px 50px 15px;}
#Register .ReceiveInfoBox,
#Register .message{margin:10px 15px; font-size:0.8em; line-height:1.5em;}
#Register .invite{margin:0 15px 1em;}
#Register .buttonFormBox{text-align:center;}
#Register .checkOK{display:none;}
#Register .MsgHelp{margin-left:275px !important;}
#Register #VerificarPass{margin-left:265px !important;}

/*MODIFY PROFILE*/
#ModifyProfile #UserInfo{margin-bottom:10px;}
#ModifyProfile #UserInfo .buttonForm{margin-left:10px;}
#ModifyProfile #UserInfo #ProfileLegend{float:left;}
#ModifyProfile .userData{float:right;}
#ModifyProfile .fieldcontainer,
#ModifyProfile #form_left p{clear:both;}
#ModifyProfile .end{text-align:center;}
#ModifyProfile .MsgHelp{margin-left:260px !important;}
#ModifyProfile #VerificarPass{margin-left:270px !important;}

/*REGISTER/MODIFY SHARED*/
#Register .errorMsgBlur,
#ModifyProfile .errorMsgBlur{*top:-11px;}

#Register label,
#ModifyProfile label{ 
 color: #666; 
 float: left;
 font-size:13px;
 margin-top:1.2em;
 padding-right: 10px;
 text-align:right;
 width: 250px;
}

#BirthDay, #BirthMonth, #BirthYear,
#Day, #Month, #Year {width: 61px;}

span#Gender{
 float:left;
 margin:10px auto;
 width:300px;
 padding-top: 8px;
}

span#Gender label,
span#Gender input{
 width:auto;
 float:none;
 margin:0;
 padding:0 auto;
}

/*DROP DOWN*/
.ac_results{
 padding:0.4em 0.5em;
 width:250px;
 background:#fff;
 border:1px solid #414141;
 margin-top:-1px;
 font-size:1em;
 line-height:1em;
 overflow:hidden;
 z-index:99999;
}

.ac_results ul{
 margin:0!important;
 padding:0!important;
 overflow-x:hidden;
 width:100%;
}

.ac_results li{
 cursor:default;
 display:block;
 margin:0!important; 
 padding:0!important;
 overflow:hidden;
 line-height:1.3em;
 text-indent:0.5em;
}

.ac_results .ac_over{background:#414141; color:#fff;}

/*SEND CREATE*/
#SendCreate label,
#ForgottenPassword label,
#RecoveryPassword label{display:block;}
#SendCreate input#Submit,
#ForgottenPassword input#Submit,
#RecoveryPassword input#Submit{display:block;}

/*PASSWORD RECOVERY*/
#RecoveryPassword label{clear:both;}

.pass-recovery{
 font-size: small;
 color: Gray;
 line-height:2em;
}

#strengthBarContainer {
 border:1px solid #000;
 height:7px;
 margin-top:5px;
 width:215px;
}

#strengthBar {
 width: 0;
 height: 7px;
 _overflow: hidden;
 background: #8ba1b1;
}

/*.weak #strengthBar{background:#f00;}
.good #strengthBar{background:#f0f;}
.secure #strengthBar{background:#0f0;}
.verysecure #strengthBar{background:#00f;}*/


/*CAPTCHA*/
#recaptcha_image, #recaptcha_table {border: none !important;}
.recaptchatable .recaptcha_image_cell, #recaptcha_table {background: none !important;}
#response_field {background:#fff;}
.TitleCaptcha{color:#666; font-size:1.2em; font-weight:bold; display:block;}
#recaptcha_response_field, #recaptcha_tagline,
#recaptcha_logo, #recaptcha_whatsthis,
#recaptcha_switch_audio, #recaptcha_reload {display: none;}
#recaptcha_area{margin-left:250px;}
#recaptcha_area td{display:none;}
#recaptcha_area td.recaptcha_image_cell{display:block;}