/**
 * Css Auto Generated by LeoTemplating (c) 2012 Toro Studio
 * media: handheld
 */
body {
margin:0;
padding:0;
background-color:#333; /*#F4FFE8;*/
}
#wrapper {
position:relative;
margin:0 auto 0 auto;
width:100%;
min-width:240px;
border-right:1px solid #e2007b;
padding:0;
font-family:georgia,verdana;
font-size:12px;
line-height:1.5;
background-color:#fff;
box-shadow: 5px 5px 8px black;
}
#blockHeader {
position:relative;
text-align: center;
margin:auto;
}
#blockHeader .header_slogan {
display:none;
}
#blockHeader img {
width:100%;
height:auto;
}
#dialog {
display:none;
}
#dialog .errors {
font-size:14px;
font-family:georgia;
color:#FF0033;
}
#dialog .msg {
font-size:14px;
font-family:georgia;
color:#333;
margin-top:10px;
}
#dialog .block {
margin-bottom:10px;
}
#wrapperBlockChangeDevice {
position:absolute;
top:10px;
right:10px;
background-color: transparent;
width:180px;
height:auto;
text-align:right;
font-family:verdana;
}
#wrapperBlockChangeDevice a {
margin-left:8px;
}
#wrapperBlockLangs {
margin:0 5px 20px 5px;
padding: 10px;
border: 1px solid #00365D;
border-radius: 4px;
background-color: white;
box-shadow: 4px 4px 4px #888;
}
#wrapperBlockLangs a {
margin-left:8px;
}
#wrapperBlockLangs a img {
width: 32px;
height:auto;
border:0;
}
#wrapperBlockLostPassword {
text-align:left;
margin:auto;
}
#wrapperBlockLostPassword img {
border:0;
}
#wrapperBlockLostPassword p {
text-align:justify;
padding:4px;
font-size:16px;
}
#wrapperBlockLostPassword .menu {
text-align:center;
margin-bottom: 10px;
}
#wrapperBlockLostPassword .menu h2 {
text-transform:capitalize;
padding:4px;
margin:auto;
text-align:center;
}
#wrapperBlockLostPassword .menu h3 {
text-transform:capitalize;
padding:4px;
margin:auto;
text-align:center;
float:left;
}
#wrapperBlockLostPassword .icon {
width:32px;
height:auto;
}
#wrapperBlockLostPassword .group {
margin:0 5px 20px 5px;
padding:10px;
border:1px solid #00365d;
border-radius:4px;
background-color:#FFF;
box-shadow:4px 4px 4px #888;
}
#wrapperBlockLostPassword .group ul li a {
font-size:16px;
}
#wrapperBlockLostPassword .group .block {
margin-bottom:10px;
}
#wrapperBlockLostPassword .group .block .header {
text-transform:capitalize;
font-family:arial;
font-size:15px;
}
#wrapperBlockLostPassword .group .block .body .input,
#wrapperBlockLostPassword .group .block .body .submit,
#wrapperBlockLostPassword .group .block .body .input_valid,
#wrapperBlockLostPassword .group .block .body .input_error,
#wrapperBlockLostPassword .group .block .body .input_advise,
#wrapperBlockLostPassword .group .block .body .input_tobeChecked,
#wrapperBlockLostPassword .group .block .body .inputDisabled {
width:180px;
height:40px;
border-radius:4px;
padding-left:4px;
color:#000;
font-size:14px;
}
#wrapperBlockLostPassword .group .block .body .input {
background-color:#FFCCCC;
border:2px solid #FF99CC;
}
#wrapperBlockLostPassword .group .block .body .submit {
background-color:#99CCFF;
border:2px solid #9999FF;
}
#wrapperBlockLostPassword .group .block .body .inputDisabled {
background-color:#ccc;
border:2px solid #999;
}
#wrapperBlockLostPassword .group .block .body .input_tobeChecked {
background-color:#FFCCCC;
border:2px solid #FF99CC;
}
#wrapperBlockLostPassword .group .block .body .input_valid {
background-color:#CCFF99;
border:2px solid #CCCC99;
}
#wrapperBlockLostPassword .group .block .body .input_error {
background-color:#FF9999;
border:2px solid #FF6699;
}
#wrapperBlockLostPassword .group .block .body .input_advise {
background-color:#FFCC66;
border:2px solid #FF9966;
}
#wrapperBlockLostPassword .group .block .body .helper{
float:right;
display:block;
margin-left:6px;
cursor:help;
}
#wrapperBlockLostPassword .group .block .body .helperInactive {
float:right;
display:block;
margin-left:6px;
}
#wrapperBlockLostPassword .group .block .body .descriptionHelp {
display:none;
}
#wrapperBlockLostPassword .group .block .body .advise,
#wrapperBlockLostPassword .group .block .body .error,
#wrapperBlockLostPassword .group .block .body .valid
{
float:right;
display:block;
background-color:transparent;
background-repeat:no-repeat;
background-position:center center;
width:32px;
height:32px;
margin-left:6px;
text-decoration:none;
}
#wrapperBlockLostPassword .group .block .body .tobeChecked
{
text-decoration:none;
}
#wrapperBlockLostPassword .group .block .body .advise {
background-image:url('/newreg/resource/images/Crystal_Clear_app_logout_orange_32x.png');
}
#wrapperBlockLostPassword .group .block .body .error {
background-image:url('/newreg/resource/images/Crystal_Clear_action_editdelete_32x.png');
}
#wrapperBlockLostPassword .group .block .body .valid {
background-image:url('/newreg/resource/images/Crystal_Clear_app_clean_32x.png');
}
#wrapperBlockLostPassword .group .block .body .tooltip {
display:none;
}
#wrapperBlockLostPassword .group .block .resultMsg{
text-align:center;
}
#wrapperBlockLostPassword .group .block .resultMsg p {
text-align:left;
}
#wrapperBlockLostPassword .group .block .resultMsg p.justify {
text-align:justify;
}
#wrapperBlockLostPassword .group .block .resultMsg p img {
width:64px;
height:auto;
float:left;
margin:0 5px 5px 0;
}
#wrapperBlockLostPassword #recaptcha_image,
#wrapperBlockLostPassword #recaptcha_image img 
{
width:100% !important;
height:auto !important;
}
#wrapperBlockLostPassword #recaptcha_image {
margin-bottom:4px;
}
#dialog .validInput {
width:16px;
height:auto;
}
#dialog .block .advise {
margin-left:8px;
}
#dialog .block label {
font-weight:bold;
}
#dialog .block img.notify {
width:64px;
height:auto;
float:left;
margin:0 5px 5px 0;
}
#dialog .fancybox-wrap .block img.validInput {
width:16px;
height:auto;
float:left;
margin:0;
}
.fancybox-wrap .descriptionHelp {
font-size:16px;
font-family:verdana;
font-style:oblique;
}
#blockFooter {
margin-top:40px;
border-top:4px solid #222;
background-color:#003256;
color:#fff;
padding:10px;
}

#blockFooter ul {
list-style-type:none;
margin:0px;
padding:0 0 0 10px;
}

#blockFooter ul li {
margin:0 0 6px 0;
}

#blockFooter ul li a {
font-family:verdana;
font-size:16px;
}
#blockFooter ul li a:link, #blockFooter ul li a:visited {
color:#fff;
}
#blockFooter ul li a:hover {
color:#e2007b;
}
#blockFooter ul li a:active {
color:#fff;
}

#poweredBy {
text-align:right;
background-color:#222;
padding:3px;
}

#poweredBy a {
font-family:verdana;
text-decoration:none;
margin-right:3px;
}
#poweredBy a:link, #poweredBy a:visited {
color:#99ccff;
}
#poweredBy a:hover {
color:#e2007b;
}
#poweredBy a:active {
color:#99ccff;
}