@charset "utf-8";
/* CSS Document */

/* float LEFT */
#editEmail dt,#editEmail dd, #newEmail dt,#newEmail dd{ float: left;}
/* float RIGHT */
.sucessMessage{ float: right;}

#container .emailAccount .lineBottom{ margin: 0;}

/* -------------------- email -------------------- */
#container .emailAccount .marginTitle{ margin-bottom: 20px;}
#container .emailAccount .orderList{ background: url(../images/container_boxLarge_orderList.png) no-repeat 0 8px; height: 4px; padding-left: 8px;}
#container .emailAccount .validateBtn{ margin: 15px 0 6px;}
#container .emailAccount .lineBottom{ background: url("../images/container_boxLarge_tableBorderB.png") repeat-x left bottom; min-height: 1px; 
                                      height: auto !important; padding-bottom: 0;}

#boxSmall,#boxSmall .bordTop,#boxSmall .bordBottom{ width: 402px;}
#boxSmall{ min-height: 143px; height: auto !important;}
#boxSmall .bordTop{ background: url("../images/container_boxSmall_bgTop.png") transparent no-repeat 0 0; height: 10px;}
/*#boxSmall .bordBottom{ background: url("../images/container_boxSmall_bgBottom.png") no-repeat 0 0; height: 13px;}*/

#boxSmall .bordBottom{ background: url("../images/container_boxSmall_bgBottom.png") transparent no-repeat 0 0; width: 402px; height: 13px;}

#boxSmall .bordStretch{ background: url("../images/container_boxSmall_bgStretch2.png") transparent repeat-y 0 0; width: 378px; min-height: 119px; height: auto !important; padding: 0 12px;}
#boxSmall .contentBox{ min-height: 37px; height: auto !important;}
#boxSmall .buttonsBox{ width: 100%; padding-top: 12px !important;}

#boxSmall .subTitle2, .noMenu .subTitle2{ width: 100%; border-bottom: 1px solid #E5E5E5; margin-bottom: 12px;}
#boxSmall .bordStretch h3,#boxLarge .email h3{ height: 20px;}
#boxSmall .funcAct h3{ background-position: 0 -82px;}
#boxLarge .email h3{ background-position: 0 -102px;}

.sucessMessage{ padding-top: 3px;}
.floatButton{ position: relative; right: 100px;}

/* ----- forms ----- */
.textFormEditmail{ position: relative; margin-top: 15px; height: 151px;}
.emailConta{ margin-bottom: 10px;}

#editEmail{ width: 350px; height: 90px; position: absolute;}
#id-label,#id-element,#domain-label{ display: none;}
#editEmail dt, #newEmail dt{ clear: both;}
#editEmail label, #newEmail label{ margin-right: 5px;}
#editEmail input, #newEmail input{ background: none repeat scroll 0 0 #FFF; border: 1px solid #E5E5E5; height: 15px; padding: 2px 2px; margin: 0 0 15px 0;}
#editEmail dd,#editEmail input,
#newEmail dd,#newEmail input{ width: 146px;}
#editEmail #quota, #newEmail #quota{ width: 46px;}

#editEmail #Confirmar-element, #editEmail #Confirmar-element #Confirmar,
#newEmail #Confirmar-element, #newEmail #Confirmar-element #Confirmar{ min-width: 66px; width: auto !important; height: 20px;
                                                                       background: url("../images/container_btnB.png") no-repeat;}
#editEmail #Confirmar-element{ background-position: top left; position: absolute; right: -325px; bottom: -123px;}
#editEmail #Confirmar-element #Confirmar,
#newEmail #Confirmar-element #Confirmar{ background-position: top right; cursor: pointer; border: none; position: relative; right: -11px; padding: 0px 14px 2px 5px; margin: 0;
                                         color: #FFF;}

.textFormEditmail .textForm,.textFormEditmail .textMb{ position: relative; padding-top: 3px;}
.textFormEditmail .textForm{ left: 235px;}
.textFormEditmail .textItalic{ font-size: 9px; margin-left: 3px;}
.textFormEditmail .textMb{ left: 225px; top: 42px;}
.textFormEditmail .fieldWarning{ margin: 0;}
.textFormEditmail .warningPass{ top: -1px; left: -14px;}
.textFormEditmail .warningTam{ top: -2px; left: -14px;}
.textFormEditmail .warningRepass{ top: 60px; left: 315px;}

#newEmail{ width: 440px; height: 124px; position: absolute;}
#newEmail #email-element input{ width: 260px;}
#newEmail #Confirmar-element{ background-position: top left; position: absolute; right: -235px; bottom: -117px;}
#newEmail #domain-element{ position: absolute; top: 1px; left: 323px;}
.textFormEditmail .warningEmail{ left: 480px;}
.textFormEditmail .warningPass2,.textFormEditmail .warningPass3{ top: 23px; left: 270px; width: 128px; padding-left: 10px; line-height: 21px; font-size: 9px; font-style: italic;}
.textFormEditmail .warningTam2{ top: 96px; left: 223px;}
/* ----- buttons ----- */


/* ----- text ----- */
.textCenter,#editEmail #Confirmar-element #Confirmar,#newEmail #Confirmar-element #Confirmar{text-align: center;}
.textBB{ color: #2CB7DC;}
.textBB span{ font-weight: normal; margin-left: 5px;}

#editEmail label,.emailConta,#newEmail label{ font: bold 11px "Lucida Sans Unicode", Verdana, Arial, Helvetica, Tahoma, sans-serif;}
#editEmail #Confirmar-element #Confirmar,#newEmail #Confirmar-element #Confirmar{ font: 11px "Lucida Sans Unicode", Verdana, Arial, Helvetica, Tahoma, sans-serif;}

#editEmail label,#newEmail label{ color: #2CB7DC;}
#editEmail button,#newEmail button{ color: #666;}
.textBB span{ color: #858585;}
#container .emailAccount .orderList{ font-weight: bold;}
#container .paddingLeft span{ padding-left: 8px;}

#boxSmall .bordStretch .textCenter{ margin-top: 30px;}


/* -------------------- OVERLAY -------------------- */
#container .emailAccount .orderList:hover{ background-position: 0 -8px; color: #2CB7DC; outline: 0;}