/* DON'T EDIT THIS GENERATED FILE! Changes will be lost. */

html, body {
    height: 100%;
    width: 100%;
}
html {
    background: #ecf3f6;
    color: #333333;
    font-family: Arial, Verdana, sans-serif;
    font-size:    16px;
    direction: ltr;
    background-image: url(../../img/1und1/body_bg.png);
    background-repeat: repeat-x;
    background-position: 0 44px;
}
body {
    font-family: Arial, Verdana, sans-serif;
    font-size: 1em;
    line-height: inherit;
}
html, body, ul, ol, li, dl, dd, dt, form, h1, h2, h3, h4, h5, h6, fieldset {
    margin: 0px;
    padding: 0px;
}
h1,
h2,
h3,
h4,
h5 {
    font-weight: normal;
    line-height: 1.4em;
    margin-bottom: 0.2em;
    color: #333333;
}
h1 {
    font-size: 1.4em;
    margin: 0;
}
h2,
h3 {
    font-size: 1.0em;
}
p,
.inline-text {
    font-size: 0.75em;
    line-height: 1.5em;
    margin: 0px 0px 1em 0px;
}
a         { color: #035ba4; text-decoration: none; cursor: pointer; }
a:visited { color: #035ba4; }
a:hover   { text-decoration: underline; }
a:active  { text-decoration: none; }
ul,
dl,
ol  {
    font-size: 0.75em;
    line-height: 1.5em;
}
ul,
dl {
    list-style-position: outside;
}
dl ul,
ul ul {
    font-size: 1.0em;
}
ul li {
    display: block;
    list-style: none;
}
img {
    border: none;
}
a img {
    border: 0px none;
}
form {}
fieldset {
    border: 0px solid;
}
legend { display:none; }
label {
    color: #333333;
    display: none;
    font-size: 0.75em;
    line-height: 1.25em;
    overflow: hidden;
    text-align: left;
}
select, option {}
textarea {
    font-size: 0.76em;
    line-height: 1.76em;
    width: 100%;
}
table {
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;
}
td, th {
    text-align: left;
    vertical-align: top;
}
iframe {
    display: block;
    border: 0px;
    margin: 0px;
    padding: 0px;
}
object {
    outline: none;
}
em { font-style: normal; }
.note {color: #888888;}
p.note {
    font-size:0.7em;
    line-height:1.25em;
}
.bigtext {
    font-weight: 700;
    font-size: 1.1em;
}
.hr,
.page-separator {
    clear: both;
}
.hr hr {
    display: none;
}
.hr-visible {
    height: 1px;
    background: #C9DCE7;
    margin-bottom:20px;
}
.hr-visible.inside-form {
    margin-left:-70px;
}
.statistics {
    position: absolute;
    width: 0px;
    height: 0px;
    overflow: hidden;
    left: -1000em;
}
.offscreen,
legend {
    position: absolute !important;
    left: -10000px;
    top: auto;
    clip: rect(1px 1px 1px 1px);
    width:1px;
    height:1px;
    overflow:hidden;
}
.is-hidden {
    display:none;
}
h3 .help,
h4 .help {
    top:1px;
    margin-left:24px;
}
.index,
.index-small {
    font-size:1.4em;
    padding-bottom:5px;
    border-bottom:1px solid #C9DCE7;
    margin-bottom:10px;
}
.index-small {
    font-size: 0.75em;
    font-weight: bold;
}
.index.no-border {
    border: none;
}
.index .edit,
.index .edit-inactive {
    display: block;
    float: right;
    font-size: 0.6em;
}
.index .edit .icon,
.index .edit-inactive .icon {
    float: left;
    background: url(../../img/1und1/settings_sprite.png) no-repeat scroll -35px -78px;
    width: 23px;
    height: 23px;
    margin: 3px 5px 0px 0px;
}
.index .edit-inactive { color: #AEAEAE; }
.index .edit .icon:hover {background-position: -69px -78px;}
.index .edit .icon:active {background-position: -103px -78px;}
.index .edit-inactive .icon { background-position: -1px -78px; }
.clearfix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}
wicket\:message,
wicket\:container,
wicket\:panel {
    clear: none !important;
    display: inline !important;
    font: inherit;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
}

.placeholder { padding:10px 0; background:#ef0;}
div.page {
    padding: 0px;
    min-width:1001px;
    position: relative;
    height: 100%;
}
div.page-head {
    height:50px;
    min-width:1001px;
}
div.page-body {
    clear:both;
    margin: 0px 10px;
    position: absolute;
    top: 50px;
    bottom: 25px;
    width: 100%;
    padding: 0px 0px;
    margin: 10px 0 0 0;
}
html.small-height .page-body { bottom: auto; height: auto !important;}
div.page-foot {
    display: none;
}
.sidebar {
    position: absolute;
    width: 206px;
    left: 10px;
    top: 0px;
    z-index: 3;
    height: 100%;
}
#main {
    padding: 10px 2px 10px 216px;
    height: 100%;
    position: relative;
    margin-top: -10px;
    overflow: hidden;
}
#main.stage-fix { overflow: visible; }
.stage {
    background: #FFFFFF;
        -webkit-border: 1px solid #a4acbd;
        -moz-border: 1px solid #a4acbd;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
    position: relative;
    height: 100%;
    margin: 0px 10px;
    min-width: 764px;
    border: 1px solid #a4acbd;
}
html:root .stage { border-width: 1px 1px; }
.stage-fix .stage { height: auto; }
.stage .stage-body {
    position: absolute;
    top: 5px;
    bottom: 5px;
    width: 100%;
    z-index: 2;
}
.stage .stage-content { height: 100%; }
html.small-height .stage .stage-body,
html.small-height .stage .stage-header,
html.small-height .stage .stage-footer,
.stage-fix .stage-body,
.stage-fix .stage-header,
.stage-fix .stage-footer {
    position: relative;
    top: auto;
    bottom: auto;
}
.stage-fix .stage-header,
html.small-height .stage .stage-header {
    top:-1px;
}
html.small-height .stage .stage-header {
    height:5px;
}
html.small-height .stage .stage-footer,
.stage-fix .stage-footer { bottom: -1px }
html.small-height .stage .stage-body,
html.small-height .stage .stage-content,
.js .stage-fix .stage-body,
.js .stage-fix .stage-content { height: auto !important; }
.stage-header,
.stage-footer {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height:4px;
    padding-left: 1px;
    padding-right: 1px;
    background: url(../../img/1und1/stage-corners.png) no-repeat 0px 0px;
    font-size: 1px;
}
.stage-footer {
    top: auto;
    bottom: -1px;
    background-position: 0px -20px;
}
.stage-header div,
.stage-footer div {
    position: absolute;
    right: 0px;
    width: 4px;
    height: 4px;
    background: url(../../img/1und1/stage-corners.png) no-repeat 0px -10px;
    font-size: 1px;
}
.stage-footer div { background-position: 0px -30px; }
html:root .stage-header,
html:root .stage-footer,
html:root .stage-header div,
html:root .stage-footer div { background: none; }
.widget,
.widget-part,
.panel { position: relative; }
.focusenabled { outline: 0; }
div.page-registration .page-head,
div.page-login .page-head,
div.page-support .page-head,
div.page-error .page-head {
    width:auto;
    min-width:auto;
    margin:0 auto;
    position:relative;
    padding-top:0px
}
div.page-registration .page-body,
div.page-login .page-body,
div.page-support .page-body,
div.page-error .page-body {
    width:960px;
    min-width:960px;
    margin:0 auto;
    position:relative;
}
div.page-registration,
div.page-login,
div.page-support,
div.page-error  {
    margin: 0px;
    height: 100%;
    min-height: 650px;
    min-width:960px;
    position: relative;
    margin-bottom:-105px;
}
.panel-registration-process,
.panel-activation-process   {
    float: left;
    margin: 0 30px 0 50px;
    width: 849px;
}
.footer-actions {
    background: #f7fafc;
    height: 79px;
    border-top: 1px solid #d1ddea;
        -moz-border-radius: 0px 0px 3px 3px;
        -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    position: relative;
    margin-bottom: -5px;
}
html:root .footer-actions { margin-bottom: -5px; }
html.small-height:root .footer-actions { margin-bottom: -4px; }
.footer-actions .footer,
.footer-actions .footer div {
    height: 4px;
    position: absolute;
}
.footer-actions .footer {
    background: url(../../img/1und1/stage-corners.png) no-repeat 0px -60px;
    clear:left;
    width:100%;
    bottom:-1px;
    left: -1px;
}
.footer-actions .footer div {
    background: url(../../img/1und1/stage-corners.png) no-repeat right -70px;
    width:4px !important;
    right:-2px;
}
:root .footer-actions .footer,
:root .footer-actions .footer div { background-position:-10000px -10000px; }
.footer-actions .left,
.footer-actions .right {
    position: relative;
    z-index: 1;
}
.footer-actions .right {
    float: right;
    margin: 18px 20px 0px 0px;
}
.footer-actions .left {
    float: left;
    margin: 22px 0px 0px 13px;
}
.footer-actions .right .btn-tool {
    margin-right: 10px;
    top:4px;
    position: relative;
}
#footer {
    width:100%;
    min-width:960px;
    bottom: -60px;
    clear: both;
    height: 35px;
    left: 0;
    position: relative;
    right: 0;
}
#footer .panel-content-info .content-info li {padding:10px 8px 0px 8px;}
#footer .panel-content-info  {
    background: url("../../img/1und1/footer_bg.png") repeat-x scroll 0 0 transparent;
    border-top: 1px solid #a4acbd;
    height:34px;
}
#footer  .panel-content-info .panel-body {border:0px}

.content-box {
    position: relative;
    background-color: #FFFFFF;
    border: 1px solid #a4acbd;
    border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
}
.content-box .choose-action {
    background: #f7fafc;
    padding: 20px;
    border-top: 1px solid #d1ddea;
    height:26px;
    clear: both;
    border-radius: 0px 0px 4px 4px;
        border-radius: 0px 0px 4px 4px;
        -moz-border-radius: 0px 0px 4px 4px;
        -webkit-border-radius: 0px 0px 4px 4px;
}
.content-box .choose-action .right { float: right; }
.content-box .choose-action .right .btn-tool { margin-left: 10px; }
.content-box .choose-action .btn-tool { float: left; }
.content-box .choose-action .left .btn-tool { margin-right: 10px; }
.content-box .corners-top,
.content-box .corners-top div,
.content-box .corners-bot,
.content-box .corners-bot div {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 100%;
    height: 4px;
}
.content-box .corners-top div,
.content-box .corners-bot div {
    right: -2px;
    top: 0px;
    left: auto;
    width: 4px;
    background-position: right -4px;
}
.content-box .corners-bot {
    top: auto;
    bottom: -1px;
    width: 100%;
    background-position: 0px -8px;
}
.content-box .corners-bot div {
    width: 4px;
    background-position: right -12px;
}
html:root .content-box .corners-top,
html:root .content-box .corners-top div,
html:root .content-box .corners-bot,
html:root .content-box .corners-bot div {  background:none; display: none; }
.content-box .rounded-corners {
    border-radius: 0px 0px 4px 4px;
        -moz-border-radius: 0px 0px 4px 4px;
        -webkit-border-radius: 0px 0px 4px 4px;
}

.gui-display-none {
    display: none;
}
.scroll {
    overflow: auto;
    position: relative;
}
.panel-directory-custom .panel-body .scroll {
    max-height: 180px;
}
html.small-height .panel-directory-custom .panel-body .scroll { max-height: auto; }
html.medium-height .panel-directory-custom .panel-body .scroll { max-height: 73px; }
html.big-height .panel-directory-custom .panel-body .scroll { max-height: 292px; }

option:hover {
    background: #e1e1e1!important;
    color: #333333!important;
}
div.form-item {
    margin-bottom: 10px;
    position: relative;
}
.form-textarea {
    display: block;
}
.form-item label  {
    display:block;
    padding: 3px 10px 3px 0;
    white-space: nowrap;
    float: left;
    line-height: 1.5em;
    text-align: right;
}
.form-item .form-label label {
    text-align: left;
    width: 62px;
    line-height: 1em;
    padding: 10px;
}
.form-input input,
.form-search input {
    display: block;
    font-size: 0.76em;
    line-height: normal;
    border:0px;
    height: 14px;
    padding: 4px;
    outline: 0;
}
.form-input .form-label input { padding: 9px 4px; }
.form-search input { padding: 4px; }
input,
label,
option,
select,
textarea {
    font-family: Arial, Verdana, sans-serif;
}
.form-input {
    background: #FFFFFF;
    border: 1px solid #ced6e8;
       -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
}
div.form-input {
       -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.disabled .form-input {
    background: #FFFFFF;
    border: 1px solid #d9d9d9;
}
.form-item .input-radio {display: inline-block;}
.form-input-active {
    background-image: url();
    background: #FFFFFF;
    border-color: #3ea3dc;
        -moz-box-shadow: 0 0px 4px #3ea3dc;
        -webkit-box-shadow: 0 0px 4px #3ea3dc;
        -ms-box-shadow: 0 0px 4px #3ea3dc;
        -o-box-shadow: 0 0px 4px #3ea3dc;
    box-shadow: 0 0px 4px #3ea3dc;
}
.form-input .form-label {
    background: #e1e1e1;
       -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    display: block;
    border-right:1px solid #ced6e8;
}
.form-input-active .form-label { border-right:1px solid #3ea3db;}
.form-input-active label {color:#333333;}
.form-input .form-label label {
    display:block;
    padding: 10px;
    white-space: nowrap;
    color: #598197;
    float: left;
    line-height: 1em;
    background: transparent url();
    text-shadow: none;
}
input[type="text"]  { background-color: transparent; }
input[type="submit"]  { background-color: transparent; }
input[type="password"]  { background-color: transparent; }
input[type="reset"]  { background-color: transparent; }
input[type="file"]  { background-color: transparent; }
.form-select {
    background: #f7fafc;
    border: 1px solid #a4acbd;
       -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    overflow: hidden;
    padding: 1px 4px 0;
}
.form-select select {
    font-size: 0.76em;
    height: 21px;
    line-height: 0.76em;
    padding: 2px 1px;
    background-color: #f7fafc;
    border: 0;
}
.form-select select option,
.form-select select   { background-color: #f7fafc; border: 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .form-select {
        padding:0;
        margin:0;
        height:21px;
        border: 1px solid #a4acbd;
    }
    .form-select select {height:19px; line-height:19px; padding:2px;}
}
.form-item.error .form-input,
.form-item.error .form-select {
    border: 1px solid #C00030;
       -moz-box-shadow: 0 0px 4px rgba(138, 40, 40, 0.5);
    -webkit-box-shadow: 0 0px 4px rgba(138, 40, 40, 0.5);
        -ms-box-shadow: 0 0px 4px rgba(138, 40, 40, 0.5);
         -o-box-shadow: 0 0px 4px rgba(138, 40, 40, 0.5);
    box-shadow: 0 0px 4px rgba(138, 40, 40, 0.5);
}
.form-item.error label,
.error-msg,
.form-item.error input,
.form-item.error .form-input .form-label label {
    color: #C00030 !important;
}
.form-item.error .std-select label {
     color: #333333!important;
}
.form-item.error .form-input .form-label { border-right:1px solid #C00030; }
.inactive .form-input,
.inactive .form-select {
    background: #FFFFFF;
    border-color: #d9d9d9;
}
.inactive input,
.inactive select {
    color: #AEAEAE;
}
.inactive select,
.inactive select option {
    background: #FFFFFF;
}
.inactive .form-input-active {
       -moz-box-shadow: none;
    -webkit-box-shadow: none;
        -ms-box-shadow: none;
         -o-box-shadow: none;
    box-shadow: none;
}
.form-submit {}
.form-submit input {
    background: transparent;
    cursor: pointer;
    display: block;
    border:0px;
}
.form-textarea textarea {
    border: 0;
    padding: 0;
    margin: 0;
    resize: none;
    outline: 0;
}
.form-radio-choice  {
    clear: both;
    position: relative;
    height: 25px;
}
.form-radio-choice .form-item-wrapper {
    float: left;
    padding-top: 3px;
    margin-right: 20px;
}
.form-radio-choice .form-item-wrapper label {
    width: auto !important;
    padding: 0px 10px 0 0;
}
.form-radio-choice .form-item-wrapper input {
    margin-right: 5px;
    float: left;
 }
.actions {
    border-top: 1px solid #C9DCE7;
    padding-top: 20px;
    clear: both;
    height: 26px;
    width: 100%;
}
.actions .left { float: left; }
.actions .left .btn-tool { margin-right: 10px; }
.actions .right { float: right; }
.actions .right .btn-tool { margin-left: 10px; }
.form-noinput {
    font-size: 0.75em;
    font-weight: bold;
    line-height: 24px;
}
.form-file-upload .input-file {
    opacity: 0;
    filter:alpha(opacity: 0);
    position: relative;
    text-align: right;
    z-index: 2;
    width: 263px;
    height: 26px;
    cursor: pointer;
}
.form-file-upload .form-input {
    position: absolute;
    height: 24px;
    top: 0;
    left: 186px;
    width: 116px;
    z-index: 1;
    padding: 0 5px;
}
 .form-file-upload .form-input .filename {
    display: block;
    font-size: 0.75em;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
}
.form-file-upload .btn-fileupload {
    position: absolute;
    left: 324px;
    top: 0;
    z-index: 1;
    cursor:pointer;
}
.form-file-upload .input-file-wrapper {
    overflow:hidden;
    float:left;
    width:240px;
    position: relative;
    z-index: 100;
}
.form-file-upload .input-file-wrapper .input-file {
    font-size:100px;
    text-align:right;
}
.smaller-form .form-item { width: 504px; clear: both; }
.smaller-form .form-item label { width: 148px; text-align: right; }
.smaller-form .form-input input,
.smaller-form .form-select select {
    width: 300px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.smaller-form .form-select select  { width: 308px; }
}
.smaller-form .form-select select {
    *width:310px;
}
.smaller-form .form-item .helper,
.smaller-form .form-item .error-helper {
    float: right;
    left: 0;
    top: 0;
}
.smaller-form .form-item .form-radio {
    float: left;
    margin-bottom: 10px;
}
.smaller-form .form-item .form-radio input {
    float: left;
    top: 2px;
    position: relative;
}
.smaller-form .form-item .form-radio label {
    width: auto;
    padding-left: 2px;
}
.smaller-form .form-salutation .error-helper {
    float: left;
    left: 10px;
}
.smaller-form .form-phone,
.smaller-form .form-messenger,
.smaller-form .form-mailbox,
.smaller-form .form-zip-city,
.smaller-form .form-street-no,
.smaller-form .form-mailbox-access {
    height: 27px;
    margin-bottom: 10px;
}
.small-width .smaller-form .form-phone {
    width:520px;
    clear:both;
}
.smaller-form .addable-field .form-phone,
.smaller-form .addable-field .form-messenger {
    *position: relative;
    *width:504px;
}
.smaller-form .user-zip,
.smaller-form .user-city,
.smaller-form .user-street,
.smaller-form .user-street-no,
.smaller-form .zip,
.smaller-form .city,
.smaller-form .street,
.smaller-form .street-no,
.smaller-form .form-phone .phone-country,
.smaller-form .form-phone .phone-prefix,
.smaller-form .form-phone .phone-type,
.smaller-form .form-phone .phone-number,
.smaller-form .form-messenger .messenger-id,
.smaller-form .form-messenger .messenger-type,
.smaller-form .form-mailbox .mailbox-alias,
.smaller-form .form-mailbox .mailbox-spacer,
.smaller-form .form-mailbox .mailbox-domain,
.smaller-form .form-mailbox-access .mailbox-access-item,
.smaller-form .form-mailbox-access .mailbox-access-rights {
    float: left;
    width: auto;
    margin: 0;
    clear: none;
}
.smaller-form .user-zip,
.smaller-form .user-street,
.smaller-form .zip,
.smaller-form .street,
.smaller-form .form-phone .phone-country,
.smaller-form .form-phone .phone-prefix,
.smaller-form .form-mailbox .mailbox-alias,
.smaller-form .form-mailbox .mailbox-spacer,
.smaller-form .form-mailbox-access .mailbox-access-item { margin-right: 10px; }
.smaller-form .user-street.error,
.smaller-form .street.error,
.smaller-form .form-phone .phone-country.prefix,
.smaller-form .form-phone .phone-country.error,
.smaller-form .form-phone .phone-number.error,
.smaller-form .form-mailbox .mailbox-alias.error,
.smaller-form .form-mailbox .mailbox-domain.error,
.smaller-form .form-mailbox-access .mailbox-access-item.error,
.smaller-form .form-mailbox-access .mailbox-access-rights.error { margin-right: 9px; }
.smaller-form .addable-field .form-phone .phone-number.error {margin-right:0;}
.smaller-form .user-city.error,
.smaller-form .user-street-no.error {margin-right: 0;}
.smaller-form .form-zip-city .error .form-input,
.smaller-form .form-street-no .error .form-input,
.smaller-form .form-phone .error .form-input,
.smaller-form .form-phone .error .form-select,
.smaller-form .form-mailbox .error .form-input,
.smaller-form .form-mailbox .error .form-select,
.smaller-form .form-mailbox-access .error .form-input,
.smaller-form .form-mailbox-access .error .form-select { float: left; }
.smaller-form .form-zip-city .error .error-helper,
.smaller-form .form-street-no .error .error-helper,
.smaller-form .form-phone .error .error-helper,
.smaller-form .form-mailbox .error .error-helper,
.smaller-form .form-mailbox-access .error .error-helper {
    display: inline-block;
    float: left;
    margin-right: 17px;
    left: 14px;
    top: 1px;
}
.smaller-form .form-zip-city .user-city.error .error-helper,
.smaller-form .form-street-no .user-city.error .error-helper,
.smaller-form .form-street-no .user-street-no.error .error-helper,
.smaller-form .form-phone .phone-number.error .error-helper,
.smaller-form .form-mailbox .mailbox-domain.error .error-helper,
.smaller-form .form-mailbox-access .mailbox-access-rights.error .error-helper { left: 19px; }
.smaller-form .addable-field .form-item.phone-number.error .error-helper,
.smaller-form .addable-field .form-item.messenger-id.error .error-helper,
.smaller-form .addable-field .form-item.error.addable-input .error-helper {
    display: inline-block;
    float: left;
    margin: 0 5px;
    left:0;
    top:0;
}
.smaller-form .zip input,
.smaller-form .user-zip input { width: 80px; }
.smaller-form .zip.error input,
.smaller-form .user-zip.error input { width: 45px; }
.smaller-form .city input,
.smaller-form .user-city input { width: 200px; }
.smaller-form .street input,
.smaller-form .user-street input { width: 200px; }
.smaller-form .street.error input,
.smaller-form .user-street.error input { width: 166px; }
.smaller-form .street-no input,
.smaller-form .user-street-no input { width: 80px; }
.smaller-form .addable-field .form-item.error .form-input input[type="text"] {width:215px;}
.smaller-form .user-title select { width: 189px; }
.smaller-form .user-birthdate-day select { width: 40px; *width:60px; }
.smaller-form .user-birthdate-month select { width: 154px; }
.smaller-form .user-birthdate-year select { width: 60px; *width:75px; }
.smaller-form .user-birthdate-month,
.smaller-form .user-birthdate-year { margin-left: 9px; }
.smaller-form .user-birthdate-month input,
.smaller-form .user-birthdate-day input {
    width:50px;
}
.smaller-form .user-birthdate-year input {
    width:154px;
}
.smaller-form .user-birthdate-month input[type="number"]::-webkit-outer-spin-button,
.smaller-form .user-birthdate-month input[type="number"]::-webkit-inner-spin-button,
.smaller-form .user-birthdate-day input[type="number"]::-webkit-outer-spin-button,
.smaller-form .user-birthdate-day input[type="number"]::-webkit-inner-spin-button,
.smaller-form .user-birthdate-year input[type="number"]::-webkit-outer-spin-button,
.smaller-form .user-birthdate-year input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.smaller-form .form-phone .phone-country select { width: 60px; *width:70px; }
.smaller-form .form-phone .phone-number input { width: 220px; }
.smaller-form .form-phone .phone-prefix input { width: 50px; }
.smaller-form .form-phone .phone-prefix + .phone-number input { width: 150px; }
.smaller-form .form-mailbox .mailbox-alias input { width: 183px; }
.smaller-form .form-mailbox .mailbox-alias.error input { width: 149px; }
.smaller-form .form-mailbox .mailbox-spacer { font-size: 0.75em; padding-top: 4px; }
.smaller-form .form-mailbox .mailbox-domain select { width: 196px; }
.smaller-form .form-mailbox-access .mailbox-access-item select { width: 186px; }
.smaller-form .form-mailbox-access .mailbox-access-item.error select { width: 152px; }
.smaller-form .form-mailbox-access .mailbox-access-rights label { width: auto; margin-left: 10px; }
.smaller-form .form-mailbox-access .mailbox-access-rights select { width: 196px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .settings-personal-data .zip,
    .settings-personal-data .user-zip {min-width:248px;}
    .smaller-form .form-phone .phone-country select { width: 68px; }
    .smaller-form .user-birthdate-day select { width: 56px;}
    .smaller-form .user-birthdate-month select { width: 162px; }
}
body #main .form-elevated { background: #3595D1; border-color: #3595D1; }
body #main .form-elevated label,
body #main .form-elevated a { color: #FFFFFF; }
body #main .form-elevated .btn-tool-reset:hover a,
body #main .form-elevated .tools a { color: #035BA4; }
body #main .form-elevated .form-select-active,
body #main .form-elevated .form-input-active { border: 1px solid #016AA4; }
.panel-compose-mail .compose-mail-addresses .form-input,
.handytan .form-item .form-input,
.panel-datarecovery .datarecovery-userid .form-item .form-input,
.panel-datarecovery .datarecovery .form-item .form-input,
.login .form-item .form-input .form-label {
    border-radius: 4px;
        -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.panel-compose-mail .compose-mail-addresses .form-input .form-label,
.handytan .form-item .form-input .form-label,
.panel-datarecovery .datarecovery-userid .form-item .form-input .form-label,
.panel-datarecovery .datarecovery .form-item .form-input .form-label,
.login .form-item .form-input .form-label {
    border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
}
.panel-compose-mail .compose-mail-addresses .form-input input,
.handytan .form-item .form-input input,
.panel-datarecovery .datarecovery-userid .form-item .form-input input,
.panel-datarecovery .datarecovery .form-item .form-input input,
.login .form-item .form-input .form-label input {
    border-radius: 0px 4px 4px 0px;
        -moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    padding-right:10px;
}

.bullets-simple li,
.list-basic li {
    padding-left: 17px;
    background: url(../../img/1und1/bullets-simple-point.png) no-repeat 2px 6px;
}
.list-check li {
    background: url(../../img/1und1/settings_sprite.png) no-repeat scroll -4px -857px transparent;
    margin-bottom: 18px;
    padding-left: 25px;
}
.num,
.num-medium,
.num-large {
    background: url(../../img/1und1/num_bg.png) no-repeat -220px 0px;
    display: inline-block;
    height: 15px;
    padding-left: 4px;
    line-height: 14px;
}
.nav-icon .active .num {
    background-position: -220px -20px ;
}
.num a,
.num-medium a,
.num-large a,
.num span,
.num-medium span,
.num-large span {
    background: url(../../img/1und1/num_bg.png) no-repeat right -40px;
    display: inline-block;
    height: 15px;
    font-size: 12px;
    line-height: 15px;
    color: #FFFFFF !important;
    text-decoration: none;
    font-weight: 700;
    padding: 0px 5px 0px 1px;
}
.nav-icon .active .num a,
.nav-icon .active .num span {
    background-position: right -60px;
    color:#3495d1!important;
}
.num-medium {
    height: 25px;
    line-height: 24px;
    background-position: -220px -80px;
}
.num-medium a,
.num-medium span {
    height: 25px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 400;
    background-position: right -120px;
    padding: 0px 9px 0px 5px;
}
.num-large {
    height: 35px;
    line-height: 34px;
    background-position: -220px -160px;
}
.num-large a,
.num-large span {
    height: 35px;
    line-height: 34px;
    font-size: 32px;
    font-weight: 400;
    background-position: right -200px;
    padding: 0px 9px 0px 5px;
}
.set a {
    background: url(../../img/1und1/sprite.png) no-repeat -3px -640px;
    line-height: 1.4em;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 18px;
    height: 26px;
    display: block;
    margin-top: 0px;
}
.set a {
    width: 25px;
    background-position: 1px -640px ;
}
.set a:hover,
.flyout-active .set a { background-position: -43px -640px; }
.set a:hover,
.active .set a:hover {
    background-position: -39px -640px;
}
.active.flyout-active a:hover {
    background-position: -79px -640px;
}
.active .set a,
.flyout-active .set a {
    background-position: -79px -640px;
}
.btn-action {
    float: left;
    display: block;
    padding: 0px;
    margin-bottom: 10px;
    background-position: 0px 0px;
}
.nav-icon li span {
    display: block;
    overflow: hidden;
}
.nav-icon li span.txt a {
    line-height: 2em;
    display:block;
}
.stamp { background: transparent url(../../img/1und1/stamps_sprite.png) -10000px -10000px no-repeat; }
.datatype {
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
    border-radius: 3px 3px 3px 3px;
    background-color: #B9B9B9;
    color: #FFFFFF !important;
    padding: 0px 3px 1px 3px;
    text-align: center;
    font:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    min-width:25px;
    max-width:65px;
}
.datatype.type-img     { background-color: #4ba5cb; }
.datatype.type-txt     { background-color: #427bba; }
.datatype.type-file     { background-color: #ad1e24; }
.datatype.type-pdf     { background-color: #ad1e24; }
.datatype.type-video     { background-color: #bc4fa9; }
.datatype.type-music     { background-color: #563b8c; }
.datatype.type-others-a { background-color: #e7ab30; }
.datatype.type-others-b { background-color: #d6732c; }
.datatype.type-others-c { background-color: #6ea64e; }
.datatype.type-others-d { background-color: #4b4a4a; }
.datatype.type-unknown { background-color: #B9B9B9; }
.datatype.type-to { background-color: #333333; }
.datatype.type-cc { background-color: #9b9b9b; }
.datatype.type-bcc { background-color: #c5c6c7; }
.datatype-big.pdf {
    display: block;
    float: left;
    background: url(../../img/1und1/settings_sprite.png) no-repeat 0px -894px;
    width: 49px;
    height: 59px;
    text-indent: -8000px;
    overflow: hidden;
}
.avatar {
    text-indent:-10000px;
    background: url(../../img/1und1/pdir_sprite.png) no-repeat -10000px -10000px;
    display:block;
}
.helper,
.error-helper,
.help {    background: transparent url(../../img/1und1/icons_messages.png) -10000px -10000px no-repeat; }
form .helper,
.form-item .helper,
.form-item .error-helper,
.tabpanel .tablist li .error-helper {
    background-position: 0px -276px;
    height: 18px;
    width: 18px;
    display: inline-block;
    text-indent: -80000px;
    overflow: hidden;
    position: relative;
    top: 0px;
    cursor: pointer;
    padding-bottom: 4px;
}
.form-item .error-helper {
    padding-bottom: 0;
}

.tabpanel .tablist li .error-helper,
.form-item .error-helper {
    display: none;
}
.tabpanel .tablist li .error-helper {
    position: absolute;
    top:4px;
    left:10px;
}
.form-item .helper,
.tabpanel .tablist li.error .error-helper,
.form-item.error .error-helper { display: inline-block; vertical-align: top; }
.tabpanel .tablist li.error .error-helper { *display: block; }
form .helper:hover,
.form-item .helper:hover,
.form-item.error-helper:hover {  background-position: -63px -276px; }
.form-item.error .helper:hover { background-position: 0px -242px; }
.tabpanel .tablist li.error .error-helper,
.form-item.error .error-helper,
.form-item.error .helper,
.form-item.error .error-helper:hover,
.form-item.error .helper:hover   { background-position: 0px -242px; }
.help {
    position:relative;
    height:20px;
    width:20px;
    overflow:hidden;
    z-index:10;
    display: inline-block;
    background-position: 0px -277px;
}
.help:hover {
    background-position:  -63px -277px;
}
.icon-datepicker {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../../img/1und1/settings_sprite.png) no-repeat -1px 0px;
    text-indent: -10000px;
    float: left;
    overflow:hidden;
}
.icon-datepicker:hover { background-position: -35px 0px; }
.icon-datepicker:active { background-position: -69px 0px; }
.add-cd,
.remove-cd {
    background: url(../../img/1und1/settings_sprite.png) no-repeat -10000px -10000px;
    display: inline-block;
    width: 26px;
    height: 26px;
    text-indent: -10000px;
    float: left;
    overflow:hidden;
}
.add-cd { background-position: -1px -711px; margin-right: 3px;}
.add-cd:hover { background-position: -46px -711px; }
.add-cd:active { background-position: -91px -711px; }
.add-cd.inactive { background-position: -136px -711px; }
.remove-cd {    background-position: -1px -755px;}
.remove-cd:hover { background-position: -46px -755px; }
.remove-cd:active { background-position: -91px -755px; }
.remove-cd.inactive { background-position: -136px -755px; }
.add-cd.inactive,
.remove-cd.inactive  { cursor: default; }
.add-to,
.mailto,
.lock,
.nomail  {
    background: url(../../img/1und1/pdir_sprite.png) no-repeat -10000px -10000px;
    width: 23px;
    height: 26px;
    overflow:hidden;
}
.add-to span,
.mailto span,
.lock span,
.nomail span {
    position:absolute;
    left:-10000px;
    height:1px;
    width:1px;
}
.mailto { background-position: -8px -375px; }
.mailto:hover { background-position: -41px -375px; }
.mailto:active { background-position: -74px -375px; }
.selected .mailto { background-position: -140px -375px; }
.selected .mailto:hover { background-position: -173px -375px; }
.selected .mailto:active { background-position: -206px -375px; }
.add-to { background-position: -8px -418px; }
.add-to:hover { background-position: -41px -418px; }
.add-to:active { background-position: -74px -418px; }
.selected .add-to { background-position: -140px -418px; }
.selected .add-to:hover { background-position: -173px -418px; }
.selected .add-to:active { background-position: -206px -418px; }
.lock {background-position: -8px -302px;}
.selected .lock {background-position: -40px -302px;}
.nomail {background-position: -4px -506px;}
.settings-content .tools a,
.settings-content .tools span.inactive  {
    float:left;
    width:23px;
    height:23px;
    margin-left:3px;
}
.settings-content .tools a,
.settings-content .tools span.inactive { background: url(../../img/1und1/sprite.png)  no-repeat -10000px -10000px; }
.settings-content .tools .edit { background-position: -5px -1844px; }
.settings-content .tools .edit:hover,
.settings-content .tools .edit:focus { background-position: -45px -1844px; }
.settings-content .tools .edit:active { background-position: -125px -1844px; }
.settings-content .tools .delete { background-position: -1px -521px; }
.settings-content .tools .delete:hover,
.settings-content .tools .delete:focus { background-position: -41px -521px; }
.settings-content .tools .delete:active { background-position: -121px -521px; }
.settings-content .tools .push-up { background-position: -5px -1877px; }
.settings-content .tools .push-up:hover,
.settings-content .tools .push-up:focus { background-position: -45px -1877px; }
.settings-content .tools .push-up:active { background-position: -125px -1877px; }
.settings-content .tools .push-down { background-position: -5px -1910px; }
.settings-content .tools .push-down:hover,
.settings-content .tools .push-down:focus { background-position: -45px -1910px; }
.settings-content .tools .push-down:active { background-position: -125px -1910px; }
.settings-content .tools .edit.inactive,
.settings-content .tools .edit.inactive:hover { background-position: -85px -1844px; }
.settings-content .tools .delete.inactive,
.settings-content .tools .delete.inactive:hover { background-position: -81px -521px; }
.settings-content .tools .push-up.inactive,
.settings-content .tools .push-up.inactive:hover { background-position: -85px -1877px; }
.settings-content .tools .push-down.inactive,
.settings-content .tools .push-down.inactive:hover {    background-position: -85px -1910px; }
.settings-content .tools .push-up.inactive,
.settings-content .tools .push-up.inactive:hover,
.settings-content .tools .push-down.inactive,
.settings-content .tools .push-down.inactive:hover,
.settings-content .tools .delete.inactive,
.settings-content .tools .delete.inactive:hover,
.settings-content .tools .edit.inactive,
.settings-content .tools .edit.inactive:hover {
    cursor:default;
    outline:none;
}
.settings-content .tools .activated { background-position: -85px -2156px; }
.settings-content .tools .activated:hover { background-position: -125px -2156px; }
.settings-content .tools .deactivated { background-position: -5px -2156px; }
.settings-content .tools .deactivated:hover { background-position: -45px -2156px; }
.settings-content .tools a span,
.settings-content .tools span.inactive span {
    position:absolute;
    text-indent:-10000px;
}
.statusbar td span.num,
.panel-datarecovery span.num  {
    background: url(../../img/1und1/icons_statusbar.png) no-repeat -45px 0px;
    width:40px;
    height:40px;
    overflow:hidden !important;
}

.layer-root {
    display: none;
    margin: -8px 0 0 7px;
    position: absolute;
    z-index: 32010;
    top: -10000px;
    left: 0;
}
.form-validation-layer { z-index: 32011; }
.layer-root iframe.layer-background-fixer {
    height: 0px;
    left: 5px;
    position: absolute;
    top: 5px;
    z-index: -1;
}
.layer-root table.layer-border {
    border: 0;
}
.tooltip,
.tooltip-error,
.tooltip-inactive {
    margin-top:-15px;
}
.tooltip {
    color: #333333;
    font-size: 1em;
}
.tooltip-error {
    color: #FFFFFF;
}
.tooltip-content {
    display: none;
    font-size: 1em;
}
.tooltip          .tooltip-content,
.tooltip-error    .tooltip-content,
.tooltip-inactive .tooltip-content {
    display: block;
}
.tooltip-content p {
    margin-bottom: 5px;
}
.tooltip          td { background: url(../../img/1und1/tooltip/tooltip-box.png) no-repeat 0 0; }
.tooltip-error    td { background: url(../../img/1und1/tooltip/error-box.png) no-repeat 0 0; }
.tooltip-inactive td { background: url(../../img/1und1/tooltip/inactive-box.png) no-repeat 0 0; }
.layer-root tr { background: transparent !important; }
.tooltip .top .left,
.tooltip-error .top .left,
.tooltip-inactive .top .left {
    background-position: top left;
    height: 5px;
    width: 5px;
}
.tooltip .top .center,
.tooltip-error .top .center,
.tooltip-inactive .top .center {
    background-position: top center;
    position: relative;
}
.tooltip .top .right,
.tooltip-error .top .right,
.tooltip-inactive .top .right {
    background-position: top right;
    width: 12px;
}
.tooltip .center .left,
.tooltip-error .center .left,
.tooltip-inactive .center .left {
    background-position: center left;
    width: 5px;
}
.tooltip          .center .center { background: #ffffff; }
.tooltip-error    .center .center { background: #a85152; }
.tooltip-inactive .center .center { background: #cad2d7; }
.tooltip .center .right,
.tooltip-error .center .right,
.tooltip-inactive .center .right {
    background-position: center right;
    width: 12px;
}
.tooltip .bottom .left,
.tooltip-error .bottom .left,
.tooltip-inactive .bottom .left {
    background-position: bottom left;
    height: 12px;
    width: 5px;
}
.tooltip .bottom .center,
.tooltip-error .bottom .center,
.tooltip-inactive .bottom .center  {
    background-position: bottom center;
    position: relative;
}
.tooltip .bottom .right,
.tooltip-error .bottom .right,
.tooltip-inactive .bottom .right {
    background-position: bottom right;
}
.layer-hook {
    display: none;
    height: 7px;
    position: absolute;
    width: 13px;
    z-index: 999999;
}
.hook-bottom .bottom .center .layer-hook {
    bottom: 1px;
    display: block;
}
.hook-bottom.tooltip-inactive .bottom .center .layer-hook,
.hook-bottom.tooltip-error .bottom .center .layer-hook {
    bottom: 0;
    display: block;
}
.tooltip .bottom .center .layer-hook {
    background: url(../../img/1und1/tooltip/tooltip-pfeil.png) no-repeat;
}
.tooltip-error .bottom .center .layer-hook {
    background: url(../../img/1und1/tooltip/error-pfeil.png) no-repeat;
}
.tooltip-inactive .bottom .center .layer-hook {
    background: url(../../img/1und1/tooltip/inactive-pfeil.png) no-repeat;
}
.hook-top .top .center .layer-hook {
    display: block;
    top: -5px;
}
.tooltip .top .center .layer-hook {
    background: url(../../img/1und1/tooltip/tooltip-pfeil-top.png) no-repeat;
}
.tooltip-error .top .center .layer-hook {
    background: url(../../img/1und1/tooltip/error-pfeil-top.png) no-repeat;
}
.tooltip-inactive .top .center .layer-hook {
    background: url(../../img/1und1/tooltip/inactive-pfeil-top.png) no-repeat;
}
.no-hook .layer-container .bottom .center .layer-hook { display: none; }
.form-item .form-validation-tooltip { display: none; }
.tooltip .form-validation-tooltip {
    display: block;
    max-width: 450px;
}
.tooltip .form-validation-tooltip p {
    margin-bottom: 0;
    padding-right: 25px;
}
.tooltip .form-validation-tooltip .icon-close {
    background-image: url(../../img/1und1/sprite.png);
    background-repeat: no-repeat;
    text-indent: -8000px;
    display: inline-block;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 15px;
    top: 7px;
    overflow: hidden;
    cursor: pointer;
}
.tooltip          .form-validation-tooltip .icon-close       { background-position: -48px -1822px; }
.tooltip          .form-validation-tooltip .icon-close:hover { background-position: -48px -1806px; }
.tooltip-error    .form-validation-tooltip .icon-close       { background-position:   0   -1822px; }
.tooltip-error    .form-validation-tooltip .icon-close:hover { background-position:   0   -1806px; }
.tooltip-inactive .form-validation-tooltip .icon-close       { background-position:  -2px -1822px; }
.tooltip-inactive .form-validation-tooltip .icon-close:hover { background-position:  -2px -1806px; }

.flyout {
    position: absolute;
    display: none;
    width: 331px;
    margin-top: -94px;
    margin-left: 8px;
    z-index: 1000;
}
.flyout .flyout-content {
    background: url(../../img/1und1/settings_flyout.png) no-repeat -7px 0px;
    min-height: 70px;
    padding: 17px 17px 8px 21px;
    position: relative;
}
.flyout .flyout-bottom {
    background: url(../../img/1und1/settings_flyout.png) no-repeat -7px bottom;
    height: 10px;
}
.flyout .form-input input { width: 141px; }
.flyout label { background: transparent; width: 125px; }
.hint,
.hint-dialog {
    display: block;
    margin-bottom: 10px;
}
.symbol.success,
.hint .symbol,
.hint .func .close-btn-small {
    background:url(../../img/1und1/icons_messages.png) no-repeat -10000px -10000px !important;
    text-indent:-10000px;
}
.hint h2 {
    font-size: 1.05em;
    font-weight:700;
}
.hint h3 {
    font-size:0.75em;
    font-weight:700;
    margin-bottom:5px;
}
.hint.big h2 { margin-top:0px }
.hint.in-content {
    margin-top: 20px;
    clear: both;
}
.hint .success,
.hint .info,
.hint .warning,
.hint .error {
    border-bottom: 3px solid #FFFFFF;
    padding:8px 12px 10px 12px;
}
.hint.big .success,
.hint.big .info,
.hint.big .warning,
.hint.big .error {
    border-bottom: 6px solid #FFFFFF;
    padding:10px;
}
.hint.big .success,
.hint .success {
    background: #F1F6ED;
    border-color: #bed5aa;
}
.hint.big .info,
.hint .info {
    background:#eaf4fa;
    border-color: #8fc4e5;
}
.hint.big .warning,
.hint .warning {
    background:    #FDF9EA;
    border-color: #F3DA79;
}
.hint.big .error,
.hint .error {
    background: #F8EEEE;
    border-color:#D59394;
}
.hint .success .symbol,
.hint .warning .symbol,
.hint .info .symbol,
.hint .error .symbol {
    display:block;
    float:left;
    overflow:hidden;
    width:35px;
    height:35px;
}
.hint.big .success .symbol,
.hint.big .warning .symbol,
.hint.big .info .symbol,
.hint.big .error .symbol {
    width:60px;
    height:60px;
    margin: 0px 10px 0px 10px;
}
.symbol.success {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-position: -201px -12px !important;
}
.hint .success .symbol { background-position: -127px -19px !important; }
.hint .info .symbol { background-position:  -127px -87px !important; }
.hint .warning .symbol { background-position:  -127px -160px !important; }
.hint .error .symbol { background-position:  -127px -232px !important; }
.hint.big .success .symbol { background-position: -368px 0px !important; }
.hint.big .info .symbol { background-position: -368px -70px !important; }
.hint.big .warning .symbol { background-position: -368px -136px !important; }
.hint.big .error .symbol { background-position: -368px -211px !important; }
.hint .success .content,
.hint .warning .content,
.hint .info .content,
.hint .error .content  {
    margin-left:45px;
    min-height:34px;
    padding-left: 0px;
    padding-top: 0px;
}
.hint.big .success .content,
.hint.big .warning .content,
.hint.big .info .content,
.hint.big .error .content  {
    margin-left:85px;
    min-height:55px;
}
.hint .content p { margin-bottom:5px;}
.hint .content ul,
.hint .content p.action {margin-top:5px}
.hint .content ul li {margin-bottom:5px}
.hint .content ul li.last {margin-bottom:0px}
.hint .func {float:right; font-size:0.75em;}
.hint .func a {display:block; float:left}
.hint .func .close-btn-small {
    right: 10px;
    top: 10px;
    width:15px;
    height:15px;
    overflow:hidden;
    margin-left:10px;
    padding-right:0px;
}
.hint .success .func .close-btn-small { background-position: -1px -399px !important;}
.hint .info .func .close-btn-small { background-position: -1px -375px !important;}
.hint .warning .func .close-btn-small { background-position: -1px -352px !important;}
.hint .error .func .close-btn-small { background-position: -1px -423px !important;}
.hint .success .func .close-btn-small:hover { background-position: -25px -399px !important;}
.hint .info .func .close-btn-small:hover { background-position: -25px -375px !important;}
.hint .warning .func .close-btn-small:hover { background-position: -25px -352px !important;}
.hint .error .func .close-btn-small:hover { background-position: -25px -423px !important;}
.hint-closeable {
    width:100%;
    z-index:10;
}
.hint-closeable .content { padding: 0px; }
.hint .success .form-item.error,
.hint .info .form-item.error,
.hint .warning .form-item.error,
.hint .error .form-item.error {
    border-bottom: 0px;
    padding:0px;
    background: transparent;
}
.hint .hint-with-support {
    float:right;
    background: url(../../img/1und1/hint_box_bg.png) no-repeat top left;
    width: 249px;
    overflow:hidden !important;
    margin-bottom:20px;
    margin-left:10px;
}
.hint .hint-with-support .hint-with-support-content {margin:15px 20px;}
.hint .hint-with-support h3 {margin-bottom:10px;}
.hint .warning .hint-with-support {
    background-position: top left;
    background-color:#f7f1dd;
}
.hint .error .hint-with-support {
    background-position: -269px 0px;
    background-color:#f2e3e3;
}
.msg-account-shutdown .hint-with-support-content {text-align:center;}
.msg-account-shutdown .countdown {
    height:130px;
    margin-top: 20px;
}
.msg-account-shutdown .hint-with-support-content h3 {color:#ac2829;}
.msg-account-shutdown .countdown span {
    color:#ac2829;
    display:block;
    text-align:center;
    width:100%;
}
.msg-account-shutdown .countdown .counter {
    background: url(../../img/1und1/hint_box_bg.png) no-repeat -480px 0;
    color:#f2e3e3;
    font-size:3em;
    font-weight: 700;
    height:84px;
    padding-top:20px;
    margin-bottom:10px;
    letter-spacing: 1px;
    padding-left: 2px;
}
.msg-account-shutdown .countdown .days {
    font-weight:700;
    font-size:0.75em;
}
.feedback-flyout {
    position: absolute;
    width: 600px;
    left: 50%;
    margin-left: -300px;
    top: 0px;
    z-index: 5;
}
.feedback-flyout .hint { display: none; }
.feedback-flyout .success,
.feedback-flyout .warning,
.feedback-flyout .error { background: #FFFFFF !important; }
.layer-shipment-mode .shipment-method .content  { padding:20px 20px 0px 20px; }
.layer-shipment-mode .shipment-method h2 {
    font-size: 1.4em;
    line-height: 0.75em;
}
.layer-auth-methods .auth-method,
.layer-handy-tan .handy-tan-body {
    border: 1px solid #a4acbd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
}
.layer-shipment-mode .shipment-method,
.panel-datarecovery .auth-method  {
    border: 1px solid #a4acbd;
    background: #ebf0f4;
}
.layer-shipment-mode .shipment-method {
        -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
        -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
}
.layer-shipment-mode .shipment-method:hover {
    background-color: #FFFFFF;
        -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
        -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
}
.layer-shipment-mode .shipment-method {
    background: none;
    -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
    box-shadow: none;
}
.layer-shipment-mode .shipment-method:hover {
   -moz-box-shadow: none;
-webkit-box-shadow: none;
     -o-box-shadow: none;
        box-shadow: none;
}
.panel-datarecovery .auth-method:hover {
        border-color: #3ea3db;
        box-shadow: 0 0px 4px #3ea3dc;
        -moz-box-shadow: 0 0px 4px #3ea3dc;
        -webkit-box-shadow: 0 0px 4px #3ea3dc;
        -o-box-shadow: 0 0px 4px #3ea3dc;
}
.layer-shipment-mode .send-confidential.send-confidential-selected,
.layer-shipment-mode .shipment-standard-selected .shipment-standard,
.layer-shipment-mode .shipment-certified-selected .shipment-certified,
.panel-datarecovery .auth-method-selected,
.panel-datarecovery .auth-method-selected:hover   {
    border: 1px solid #3ea3db;
    box-shadow: 0 0px 4px #3ea3dc;
        -moz-box-shadow: 0 0px 4px #3ea3dc;
        -webkit-box-shadow: 0 0px 4px #3ea3dc;
        -o-box-shadow: 0 0px 4px #3ea3dc;
    background-color: #FFFFFF;
}
.layer-shipment-mode .shipment-standard-selected .shipment-standard,
.layer-shipment-mode .shipment-certified-selected .shipment-certified,
.panel-datarecovery .auth-method-selected,
.panel-datarecovery .auth-method-selected:hover {
    border-width: 1px;
}
.select-method-light .content .actions {
    border-top:0px !important;
    clear: none !important;
    padding-top: 0px !important;
}
.select-method-light .symbol {
    background: url(../../img/1und1/settings_sprite.png) no-repeat -10000px -10000px;
    display: block;
    text-indent:-10000px;
    float:left;
    width: 100px;
    height: 100px;
    margin-right: 10px;
}
.select-method-light .content {
    position: relative;
    padding-left:110px;
    min-height: 80px;
    max-width: 470px;
}

.tipp h3,
.tipp .content,
.tipp .content p {margin:0; color: #FFFFFF; }
.tipp h3 {
    background:url(../../img/1und1/tipp.png) no-repeat top left;
    font-weight: 700;
    height: 39px;
    padding: 36px 0 0 60px;
    overflow:hidden;
}
.tipp h3 span.offscreen {
    left: auto;
    clip: auto;
    cliptop: auto;
    clipright: auto;
    clipbottom: auto;
    clipleft: auto;
    width: auto;
    height: auto;
    line-height: 1.6em;
    zoom: 1;
}
.tipp .content {
    background:#3495D1;
    border-left: 1px solid #3495D1;
    border-right: 1px solid #3495D1;
    padding:0px 15px;
}
.tipp .footer {
    background:url(../../img/1und1/tipp.png) no-repeat bottom left;
    height:32px;
}

.table-decorated {
    margin-bottom: 20px;
}
.table-decorated table {
    width: 100%;
    border-collapse: separate;
}
.table-decorated table thead th {
    background: #ebf0f4;
    padding: 10px 5px 11px;
    border: 1px solid #d1ddea;
    border-width: 0 0 1px;
    font-weight: 400;
}
.table-decorated table tbody td {
    padding: 10px 5px 11px;
    border: 1px solid #d1ddea;
    border-width: 0 0 1px;
}
.table-decorated table tfoot td {
    background: #ebf0f4;
    height: 36px;
    padding: 0 10px;
}
.table-decorated table th span,
.table-decorated table th a,
.table-decorated table td span,
.table-decorated table td a { font-size: 0.75em; line-height: 1em; }
.table-decorated table td a,
.table-decorated table td span {
    line-height: 1.3;
}
.table-decorated table th.sort-column a,
.table-decorated table th span { font-weight: 700; }
.table-decorated table th.sort-column .sort-asc,
.table-decorated table th.sort-column .sort-desc {
    background: url(../../img/1und1/sprite.png) no-repeat -6px -1781px;
    width: 10px;
    display: inline-block;
    text-indent: -8000px;
    overflow: hidden;
    width: 10px;
    margin-left: 3px;
}
.table-decorated table th.sort-column .sort-asc { background-position: -79px -1781px; }
.table-decorated table tbody .outstanding td {
    background-color:#f7fafc;
}
.table-decorated table .warning.outstanding td,
.table-decorated table .warning.outstanding th,
.table-decorated table .warning td,
.table-decorated table .warning th {
    background-color: #FDF9EA;
}
.table-decorated table .outstanding td,
.table-decorated table .outstanding th {
    font-weight: 700;
}
.table-decorated table tfoot td.counting span {
    display: block;
    padding-top: 11px;
}
.table-decorated table tfoot td .paging {
    float: right;
    padding-top: 6px;
}
.table-decorated table tfoot td .paging .label a,
.table-decorated table tfoot td .paging li a {
    display: block;
    float: left;
    width: 23px;
    height: 23px;
    margin-left: 5px;
    overflow: hidden;
    text-align: center;
    line-height: 23px;
    color: #333333;
    font-size: 1em;
}
.table-decorated table tfoot td .paging .label a {
    background: url(../../img/1und1/paging_sprite.png) no-repeat -10000px -10000px;
    overflow: hidden;
    text-indent: -8000px;
}
.table-decorated table tfoot td .paging .rwd.first a        { background-position:   0      0;   }
.table-decorated table tfoot td .paging .rwd.first a:hover  { background-position: -34px    0;   }
.table-decorated table tfoot td .paging .rwd.first a:active { background-position: -68px    0;   }
.table-decorated table tfoot td .paging .rwd a              { background-position:   0    -34px; }
.table-decorated table tfoot td .paging .rwd a:hover        { background-position: -34px  -34px; }
.table-decorated table tfoot td .paging .rwd a:active       { background-position: -68px  -34px; }
.table-decorated table tfoot td .paging .fwd a              { background-position:   0    -68px; }
.table-decorated table tfoot td .paging .fwd a:hover        { background-position: -34px  -68px; }
.table-decorated table tfoot td .paging .fwd a:active       { background-position: -68px  -68px; }
.table-decorated table tfoot td .paging .fwd.last a         { background-position:   0   -102px; }
.table-decorated table tfoot td .paging .fwd.last a:hover   { background-position: -34px -102px; }
.table-decorated table tfoot td .paging .fwd.last a:active  { background-position: -68px -102px; }
.table-decorated table tfoot td .paging ul,
.table-decorated table tfoot td .paging ul li {
    float: left;
    display: inline;
}
.table-decorated table tfoot td .paging ul li a {
       -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
         -o-border-radius: 2px;
    border-radius: 2px;
}
.table-decorated table tfoot td .paging ul li a:hover  { background-color: #d5e0e6; }
.table-decorated table tfoot td .paging ul li a.active { background-color: #3495d1; color: #ffffff; }

.gui-toggle {}
ul.gui-toggle-control {
    margin: 0px 0px -2px 0px;
    padding:0;
    display: none;
}
.js ul.gui-toggle-control {
    display: block;
}
.gui-toggle ul.gui-toggle-control li,
.gui-toggle ul.gui-toggle-control li:hover {
    background: url(../../img/1und1/sprite.png) 0 0 no-repeat;
    cursor: pointer;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
    width: 16px;
}
.gui-toggle ul.gui-toggle-control li {
    background-position: 0 -1080px;
}
.gui-toggle ul.gui-toggle-control li:hover {
    background-position: -40px -1080px;
}
.gui-toggle.minimized ul.gui-toggle-control li {
    background-position: 0 -1040px;
}
.gui-toggle.minimized ul.gui-toggle-control li:hover {
    background-position: -40px -1040px;
}
.gui-toggle.minimized .gui-toggle-display {
    display: none;
}

.support h4 {
    font-size: 0.75em;
    margin-bottom: 0px;
    font-weight: 700;
}
.support .phone  {
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    margin:10px 0px 0px;
}
.support .email  {
    font-size: 12px;
}
.support-flag a {
    display:block;
    height:100%;
    width:100%;
    padding-left:27px;
}
.support-flag a span {
    position:relative;
    left: -100000px;
    clip:1px;
    top: -100000px;
}
.support-flag {
    background: url(../../img/1und1/support.png) top left no-repeat;
    width: 27px;
    height:78px;
    display:block;
    overflow:hidden;
    z-index:1000;
    margin-left:10px;
    margin-bottom:10px
}

.horizontal-view .scaler {
    width: 100%;
    height: 10px;
    background: #E2EEF5 url(../../img/1und1/scaler_horizontal_view.png) no-repeat center center;
}
.vertical-view .scaler {
    float: left;
    width: 10px;
    height: 745px;
    background: #E2EEF5 url(../../img/1und1/scaler_vertical_view.png) no-repeat center center;
    z-index: 20;
}
.statusbar {
    top:-5px;
    overflow: hidden;
}
.statusbar .hr {
    border-top:1px solid #d1ddea;
    display:block;
    height:15px;
    margin-top:-1px;
}
.statusbar table {width:100%; margin-top:-1px;}
.statusbar table td,
.statusbar table td .item {
    background-image: url(../../img/1und1/statusbar.png);
    background-repeat: no-repeat;
    background-position: -1000px -1000px;
    background-color: #ebf0f5;
    font-size: 0.9em;
}
.statusbar table td .item {
    text-align:center;
    overflow:visible;
}
.statusbar table td .item a,
.statusbar table td .item em {
    display:block;
    text-align:center;
    height:63px;
    line-height:63px;
    overflow:hidden;
    position:relative;
}
.statusbar a:hover,
.statusbar-small a:hover { text-decoration:none }  { text-decoration:none }
.statusbar table td .item a:hover span { text-decoration:underline }
.statusbar .status-2steps td { width:50%; }
.statusbar .status-3steps td { width:33%; }
.statusbar .status-4steps td { width:25%;}
.statusbar .status-2steps .step2 .item a,
.statusbar .status-2steps .step2 .item em  { padding-left:16%;}
.statusbar .status-3steps .step2 .item a,
.statusbar .status-3steps .step3 .item a,
.statusbar .status-3steps .step2 .item em,
.statusbar .status-3steps .step3 .item em  { padding-left:16%;}
.statusbar .status-4steps .step2 .item a,
.statusbar .status-4steps .step3 .item a,
.statusbar .status-4steps .step4 .item a,
.statusbar .status-4steps .step2 .item em,
.statusbar .status-4steps .step3 .item em,
.statusbar .status-4steps .step4 .item em { padding-left:25%;}
.statusbar .step1 {
    background-position: top left;
    -moz-border-radius-topleft: 4px;
        border-top-left-radius: 4px;
}
.statusbar .step1 .item {
    background: none;
    -moz-border-radius-topleft: 4px;
        border-top-left-radius: 4px;
}
.statusbar .active .item a,
.statusbar .undone .item a {cursor:default;}
.statusbar .active .item a:hover span,
.statusbar .undone .item a:hover span {text-decoration:none;}
.statusbar .status-2steps .step2 .item {
    background-position:left -222px;
    margin-left:-16%;
}
.statusbar .status-3steps .step2 .item,
.statusbar .status-3steps .step3 .item  {
    background-position:left -222px;
    margin-left:-16%;
}
.statusbar .status-4steps .step2 .item,
.statusbar .status-4steps .step3 .item,
.statusbar .status-4steps .step4 .item  {
    background-position:left -222px;
    margin-left:-25%;
}
.statusbar .status-2steps .step2,
.statusbar .status-4steps .step4,
.statusbar .status-3steps .step3 {
    background-position: right -296px;
}
.statusbar .step2.active,
.statusbar .step3.active,
.statusbar .step4.active { background-color:#ebf0f5;}
.statusbar .status-2steps .step2.active,
.statusbar .status-3steps .step3.active,
.statusbar .status-4steps .step4.active { background-position:right -370px;}
.statusbar .step2.active .item,
.statusbar .step3.active .item,
.statusbar .step4.active .item  {
    background-position:left -74px;
    background-color:#3495d1;
}
.statusbar .active .item .txt {
    color: #ffffff;
}
.statusbar .step2.next .item,
.statusbar .step3.next .item,
.statusbar .step4.next .item { background-position:left -148px; }
.statusbar td span {
    position:relative;
    white-space:nowrap;
    color:#035ba4;
}
.statusbar td span.num {
    text-align:right;
    margin-left: 12px;
    top:12px;
}
.statusbar td span.txt {top:-5px;}
.statusbar .step2 span.num { background-position:-45px -44px }
.statusbar .step3 span.num { background-position:-45px -88px }
.statusbar .step4 span.num { background-position:-45px -132px }
.statusbar .step2.active span.num { background-position:-180px -44px }
.statusbar .step3.active span.num { background-position:-180px -88px }
.statusbar .step4.active span.num { background-position:-180px -132px }
.statusbar .step2.undone span.num { background-position:-180px -44px }
.statusbar .step3.undone span.num { background-position:-180px -88px }
.statusbar .step4.undone span.num { background-position:-180px -132px }
.statusbar-small { margin-bottom: 1px; }
.statusbar-small .container {
    width: 100%;
    height: 38px;
}
.statusbar-small .step {
    background: #d5e0e6;
}
.statusbar-small .active {
    background: #3495d1
}
.statusbar-small .step .item {
    background: url(../../img/1und1/statusbar-small.png) no-repeat left -50px;
    height: 38px;
}
.statusbar-small .next .item { background-position: left -100px; }
.statusbar-small .active .item { background-position: left 0px; }
.statusbar-small .first .item { background-position: -10000px -10000px; }
.statusbar-small .step a,
.statusbar-small .step em {
    display: block;
    font-size: 0.75em;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    padding-left: 13px;
    text-align: center;
}
.statusbar-small .step a span,
.statusbar-small .step em span { color: #333333; }
.statusbar-small .active a span,
.statusbar-small .active em span {
    color: #FFFFFF;
    font-weight: bold;
}
.statusbar-small .first a,
.statusbar-small .first em  {padding-left: 5px;}
.statusbar-small .last a span,
.statusbar-small .last em span { padding-right: 5px; }
.statusbar-small-content {
    padding: 10px;
    background: #f7fafc;
    border-bottom: 1px solid #C9DCE7;
    margin-bottom: 20px;
}
.tools { }
.tools a:hover,
.attachments a:hover
.btn-object a:hover {text-decoration: none;}
.tools li,
.btn-tool,
.btn-call2action-reset {
    float: left;
    height: 24px;
    display: inline-block;
    padding: 1px 0px;
}
.btn-tool,
.btn-call2action-reset {
    background: url(../../img/1und1/btn_level_2_primaer.png) no-repeat -24px -40px;
}
.tools li {background: url(../../img/1und1/btn_level_2_sekundaer.png) no-repeat -24px -40px;}
.tools li span,
.btn-tool span,
.btn-call2action-reset span  {
    display: inline-block;
    height: 24px;
}
.btn-tool,
.tools-single li,
.btn-call2action-reset {
    padding: 0px 0px 0px 3px;
    height: 26px;
}
.tools-single li span,
.btn-tool span,
.btn-call2action-reset span {
    padding: 1px 3px 1px 0px !important;
}
.btn-tool span,
.btn-call2action-reset span {background: url(../../img/1und1/btn_level_2_primaer.png) no-repeat right -40px;}
.tools-single li span {
    background: url(../../img/1und1/btn_level_2_sekundaer.png) no-repeat right -40px;
}
.btn-tool span a,
.btn-tool span input,
.tools li span a,
.tools li span input,
.btn-call2action-reset span a,
.btn-call2action-reset span input {
    display: block;
    float: left;
    line-height: 26px;
    height: 26px;
    text-shadow: none;
    text-align: center;
    padding: 0px 10px;
    text-decoration: none;
    cursor: pointer;
    margin: -1px -1px;
    vertical-align: top;
}
.tools li span a,
.tools li span input,
.btn-call2action-reset span a,
.btn-call2action-reset span input {color: #035ba4;}
.btn-tool span a,
.btn-tool span input  {color: #FFFFFF;}
.tools li span input,
.btn-tool span input,
.btn-call2action-reset span input {
    padding: 0px 7px;
}
.tools li span input, x:-moz-any-link,
.btn-tool span input, x:-moz-any-link,
.btn-call2action-reset span input, x:-moz-any-link {
    padding: 0px 6px;
}
.tools li span.form-checkbox input {
    line-height: 16px;
    height: 13px;
    width: 13px;
    margin-top:5px;
}
.btn-tool span input,
.btn-tool span a,
.btn-call2action-reset span input,
.btn-call2action-reset span a {
    font-size: 0.76em;
}
.btn-tool span a,
.btn-tool span input,
.tools-single li span a,
.tools-single li span input,
.btn-call2action-reset span a,
.btn-call2action-reset span input {
    margin: -1px -4px;
}
.btn-tool .form-checkbox,
.tools li .form-checkbox {
    padding: 0px 7px 0px 8px;
}
.btn-tool .form-checkbox input,
.tools-single li .form-checkbox input {
    margin: -1px 6px;
}
.btn-tool .form-checkbox,
.tools li .form-checkbox {
    padding: 0px 4px \ ;
}
.btn-tool .form-checkbox input,
.tools li .form-checkbox input {
    margin: -1px -4px \ ;
}
.tools li span input,
.btn-tool span input,
.btn-call2action-reset span input  {
    border: 0px;
    background-color: transparent;
    padding-bottom: 3px;
    font-size: 1em;
}
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
    .tools li span input,
    .btn-tool span input,
    .btn-call2action-reset span input    {
        margin-top: 1px;
    }
    .btn-tool .form-checkbox input,
    .tools li .form-checkbox input {
        background-color: inherit;
    }
    .btn-tool .form-checkbox input,
    .tools li .form-checkbox input {
        margin: -1px 0px;
    }
}
.btn-tool span input,
.btn-call2action-reset span input {
    font-size: 0.75em;
}
.tools li.inactive span a,
.tools li.inactive span input,
.inactive .btn-tool span a,
.inactive .btn-tool span input,
.inactive.btn-tool span a,
.inactive.btn-tool span input {
    cursor: default;
    text-shadow:none;
}
.tools li.inactive span a,
.tools li.inactive span input {
    color: #aeaeae;
}
.btn-tool.inactive span a,
.btn-tool.inactive span input { color: #e7f0f6;}
.tools li.first,
.btn-tool { background-position: 0px 0px; }
.btn-tool,
.tools-single li  { background-position: -420px 0px; }
.tools li.last { background-position: right -40px; }
.btn-tool-reset,
.btn-tool-reset span,
.btn-call2action-reset,
.btn-call2action-reset span  { background-position: 0px -800px; }
.tools li:hover,
.tools li.hover,
.btn-tool:hover,
.btn-tool.hover { background-position: -24px -120px; }
.tools li.last:hover,
.tools li.last.hover,
.btn-tool:hover span,
.btn-tool.hover span,
.tools-single li.hover span,
.tools-single li:hover span { background-position: right -120px; }
.tools li.first:hover,
.tools li.first.hover { background-position: left -80px; }
.btn-tool:hover,
.btn-tool.hover,
.tools-single li:hover,
.tools-single li.hover { background-position: -420px -80px; }
.tools li:active,
.tools li.active { background-position: -24px -200px !important; }
.tools li.last:active,
.tools li.last-active,
.btn-tool:active span,
.btn-tool-active span,
.btn-tool.active span,
.tools-single li:active span,
.tools-single li.active span  { background-position: right -200px !important; }
.tools li.first:active,
.tools li.first-active { background-position: left -160px !important; }
.btn-tool:active,
.btn-tool-active,
.btn-tool.active,
.tools-single li:active,
.tools-single li.active { background-position: -420px -160px !important; }
.tools li.inactive,
.tools li.inactive:hover,
.tools li.inactive:active { background-position: -24px -280px !important; }
.tools li.first-inactive,
.tools li.first-inactive:hover,
.tools li.first-inactive:active,
.tools li.first.inactive,
.tools li.first.inactive:hover,
.tools li.first.inactive:active { background-position: left -240px !important; }
.btn-tool.inactive,
.btn-tool.inactive:hover,
.btn-tool.inactive.hover,
.btn-tool.inactive:active,
.tools-single li.inactive,
.tools-single li.inactive:hover,
.tools-single li.inactive.hover,
.tools-single li.inactive:active,
.inactive .btn-tool,
.inactive .btn-tool:hover,
.inactive .btn-tool.hover,
.inactive .btn-tool:active { background-position: -420px -240px !important; }
.tools li.last-inactive,
.tools li.last-inactive:hover,
.tools li.last-inactive:active,
.tools li.last.inactive,
.tools li.last.inactive:hover,
.tools li.last.inactive:active,
.btn-tool.inactive span,
.btn-tool.inactive:hover span,
.btn-tool.inactive.hover span,
.btn-tool.inactive:active span,
.inactive .btn-tool span,
.inactive .btn-tool:hover span,
.inactive .btn-tool.hover span,
.inactive .btn-tool:active span,
.tools-single li.inactive span,
.tools-single li.inactive:hover span,
.tools-single li.inactive.hover span,
.tools-single li.inactive:active span { background-position: right -280px !important;}
.tools li.arrow-right span,
.btn-tool.arrow-right span {
    background-position: right -360px;
    padding-right: 11px !important;
}
.tools li.arrow-right:hover span,
.btn-tool.arrow-right:hover span { background-position: right -440px; }
.tools li.arrow-right:active span,
.tools li.arrow-right.active span,
.btn-tool.arrow-right:active span,
.btn-tool.arrow-right.active span { background-position: right -520px !important; }
.tools li.arrow-right span a,
.tools li.arrow-right span input,
.btn-tool.arrow-right span a,
.btn-tool.arrow-right span input { margin-right: -11px; padding-right: 18px; }
.tools li span {
    border-right: 1px solid #bfc7d9;
    border-left: 1px solid #ffffff;
}
.tools li:hover span,
.tools li.hover span {
    border-right-color: #bfc7d9;
    border-left-color: #ffffff;
}
.tools li:active span,
.tools li.active span {
    border-right-color: #035ba4;
    border-left-color: #ffffff;
}
.tools li.inactive span,
.tools li.inactive:hover span,
.tools li.inactive.hover span,
.tools li.inactive:active span {
    border-left-color: #ffffff;
    border-right-color: #dadee7;
}
.tools li.last span,
.tools li.open span,
.btn-tool span,
.tools-single li span,
.tools .action-left span {
    border-right-width: 0px;
}
.tools li.first span,
.tools li.open span.icon-open,
.tools-single li span,
.tools .action-right span {
    border-left-width: 0px;
}
.tools li.open span.icon-open {
    border-right-width: 1px;
}
.tools li.last span.icon-open {
    border-right-width: 0px;
}
.tools li.open span a,
.tools .action-left span a {
    padding-right: 4px;
    margin-right: 0px;
}
.tools li.open span input,
.tools .action-left span input {
    padding-left: 6px !important;
    margin-right: 0px;
    padding-right: 7px;
}
.tools .action-left .form-checkbox  {line-height:1.5em;}
.tools li.open .form-checkbox input {
    margin-right: 6px;
}
.tools li.open .form-checkbox input {
    margin-right  -1px\9;
}
.tools li.open span input, x:-moz-any-link,
.tools .action-left span input, x:-moz-any-link {
    padding-right: 1px;
}
.tools li.open span.icon-open a,
.btn-tool span a.icon-open,
.tools-single li span a.icon-open {
    padding-left: 0px;
    padding-right: 4px;
    width: 17px;
    background: url(../../img/1und1/sprite.png) no-repeat 6px -1109px;
    text-indent: -8000px;
    overflow: hidden;
}
.tools li.active span.icon-open a,
.btn-tool.active span a.icon-open,
.tools-single li.active span a.icon-open {
    background-position: 6px -1149px;
}
.btn-tool-reset span a.icon-open { background-position: 0px -1773px; }
.btn-tool-reset:hover span a.icon-open,
.btn-tool-reset.hover span a.icon-open,
.btn-tool-grey span a.icon-open,
.btn-tool-grey:hover span a.icon-open,
.btn-tool-grey.hover span a.icon-open { background-position: -32px -1773px; }
.btn-tool-reset.active span a.icon-open,
.btn-tool-grey.active span a.icon-open { background-position: -73px -1773px; }
ul li.btn-tool {
    font-size: 1.25em;
}
.btn-tool span a.icon-open,
.tools-single li span a.icon-open  {
    padding-right: 4px;
    margin-right: -3px;
    margin-left: -3px;
}
.btn-tool-reset,
.btn-tool-reset span {
    background-image: url(../../img/1und1/btn_level_2_sekundaer.png);
}
.btn-call2action-reset,
.btn-call2action-reset span {
    background-image: url(../../img/1und1/btn_level_1_sekundaer.png);
}
.btn-tool-reset span a,
.btn-tool-reset span input,
.btn-call2action-reset span a,
.btn-call2action-reset span input   {
    text-shadow: none;
    color: #035ba4;
}
.btn-tool-reset:hover span a,
.btn-tool-reset.hover span a,
.btn-tool-reset:hover span input,
.btn-tool-reset.hover span input,
.btn-tool-reset.hover span a,
.btn-tool-reset.hover span input,
.btn-tool-reset:active span a,
.btn-tool-reset:active span input,
.btn-tool-reset.active span a,
.btn-tool-reset.active span input,
.btn-call2action-reset:hover span a,
.btn-call2action-reset.hover span a,
.btn-call2action-reset:hover span input,
.btn-call2action-reset.hover span input,
.btn-call2action-reset:active span a,
.btn-call2action-reset:active span input,
.btn-call2action-reset.active span a,
.btn-call2action-reset.active span input  {
    color: #333333;
    text-shadow: none;
}
.btn-call2action {
    display: block;
    background: url(../../img/1und1/btn_call2action.png) no-repeat 0px 0px;
    float: right;
}
.btn-call2action a {
    display: block;
    height: 100%;
    width:100%;
}
.btn-call2action a span {
    text-indent: -80000px;
    display: block;
    overflow: hidden;
}
.btn-call2action > span {overflow:hidden;}
.btn-call2action input {
    background:transparent;
    border:0px;
    cursor:pointer;
    padding:0px;
    text-indent:-10000px;
}
.btn-call2action.inactive input { cursor: default; }
.btn-call2action-reset { height: 34px; }
.btn-call2action-reset span { height: 34px; }
.btn-call2action-reset span a { line-height: 34px; height: 36px; }
.btn-call2action-reset:hover,
.btn-call2action-reset.hover { background-position: -420px -80px; }
.btn-call2action-reset:hover span,
.btn-call2action-reset.hover span { background-position: right -120px; }
.btn-call2action-reset:active { background-position: -420px -160px; }
.btn-call2action-reset:active span { background-position: right -200px; }
.btn-tool-grey,
.btn-tool-grey span {
    background-image: url(../../img/1und1/btn_level_2_tertiaer.png);
}
.btn-tool-grey span a {
    color: #035ba4;
    text-shadow: none;
}
.btn-tool-attention,
.btn-tool-attention span {
    background-image: url(../../img/1und1/btn_level_2_attention.png);
}
.btn-tool-attention span a {
    color: #FFFFFF;
    text-shadow: none;
}
.btn-objects li,
.btn-objects li.error,
.btn-object,
.btn-object-error {
    display:block;
    margin-right:10px;
    margin-bottom:10px;
    background: #ECECEC url(../../img/1und1/btn_level_4_bg.png) repeat-x 0px 0px;
    border: 1px solid transparent;
    border-color: #C3C5C6;
    border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    white-space: nowrap !important;
    height:19px;
    line-height:19px;
}
.btn-objects li.error,
.btn-object-error {
    background: #ECECEC url(../../img/1und1/btn_level_4_error_bg.png) repeat-x 0px 0px;
    border-color: #C3C5C6;
    color: #FFFFFF;
}
.btn-objects li:hover,
.btn-object:hover {
    background-color: #e4e4e4;
    background-position: 0px -40px;
    border-color: #b7b8b8;
}
.btn-objects li.error:hover,
.btn-object-error:hover {
    background-color: #ECECEC;
    background-position: 0px -40px;
    border-color: #b7b8b8;
}
.btn-objects li:active,
.btn-objects li.active,
.btn-object:active,
.btn-object.active,
.btn-object-active {
    background-color: #cfcfcf;
    background-position: 0px -80px;
    border-color: #b7b8b8;
}
.btn-objects li.error:active,
.btn-objects li.error.active,
.btn-object-error:active,
.btn-object-error.active,
.btn-object-error-active {
    background-position: 0px -80px;
    border-color: #b7b8b8;
}
.btn-objects li a,
.btn-object a {
    line-height: 1em;
    white-space: nowrap !important;
    color: #333333;
}
.btn-objects li span,
.btn-object span {
    white-space: nowrap !important;
}
.btn-objects.group li {
    margin-right: 0px;
    border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
}
.btn-objects li.first {
    border-right: 0px;
    border-radius: 3px 0px 0px 3px;
        -moz-border-radius: 3px 0px 0px 3px;
        -webkit-border-radius: 3px 0px 0px 3px;
        -o-border-radius: 3px 0px 0px 3px;
}
.btn-objects li.last {
    border-left: 0px;
    border-radius: 0px 3px 3px 0px;
        -moz-border-radius: 0px 3px 3px 0px;
        -webkit-border-radius: 0px 3px 3px 0px;
        -o-border-radius: 0px 3px 3px 0px;
}
.btn-object.inactive,
.btn-object-inactive,
.btn-object-inactive:hover  {background:#ffffff;}
.btn-object.inactive a,
.btn-object-inactive a,
.btn-object-inactive:hover a {color: #AEAEAE; cursor:default;}
.attachments,
.attachments li { float:left; }
 @media \0screen {
  .attachments li {max-width:315px !important;}
}
 @media \0screen {
  .attachments li .btn-objects {max-width:305px !important;}
}
.attachments li span {
    display: block;
    float: left;
}
.attachments li a {
    display: block;
    padding:3px 0px 3px 3px;
}
.attachments .name {
    text-overflow:ellipsis;
    overflow:hidden;
    max-width:208px;
    height:1.25em;
    padding-left:5px;
}
@media \0screen {
  .attachments .btn-object .name {width:205px !important;}
}
.attachments li .size {
    color: #5f666e;
    font-size:0.9em;
    width:41px !important;
    padding:0px 3px 0px 3px;
    text-align:right;
    overflow:hidden;
}
.ui-datepicker {
    border: 1px solid #87b2ca;
    background: #FFFFFF;
    padding: 9px 8px;
    font-size: 0.75em;
    display:none;
    max-width:182px;
    margin-left:-1px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    width: 24px;
    height: 24px;
    text-indent: -8000px;
    display: block;
    float: left;
    background: url(../../img/1und1/paging_sprite.png) no-repeat -1000px -1000px;
    margin-bottom:3px;
}
.ui-datepicker .ui-datepicker-prev {
    background-position: 0px -34px;
}
.ui-datepicker .ui-datepicker-prev:hover {background-position: -34px -34px;}
.ui-datepicker .ui-datepicker-prev:active {background-position: -68px -34px;}
.ui-datepicker .ui-datepicker-next {
    background-position: 0px -68px;
    float: right;
}
.ui-datepicker .ui-datepicker-next:hover {background-position: -34px -68px;}
.ui-datepicker .ui-datepicker-next:active {background-position: -68px -68px;}
.ui-datepicker .ui-datepicker-title {
    text-align: center;
    line-height: 24px;
    height:30px;
    padding:0px 24px;
}
.ui-datepicker .ui-datepicker-calendar th { text-align: center;}
.ui-datepicker .ui-datepicker-calendar td {
    border: 1px solid #C9DCE7;
    text-align: center;
    background: #FFFFFF;
    padding: 3px 2px 0;
    height:21px;
    width:18px;
    cursor: pointer;
    line-height: 19px;
}
.ui-datepicker .ui-datepicker-calendar th span {margin: 5px 2px 2px;}
.ui-datepicker .ui-datepicker-calendar td:hover { background: #d2e1ea; }
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable,
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover { background: #FFFFFF; cursor: default; }
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day { border: 1px solid #C9DCE7; background: #f7fafc;}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today,
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today:hover { background: #3495d1 }
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a { color: #FFFFFF; }

.btn-activation-complete,
.btn-startnow,
.btn-activation-sendmail,
.btn-continue,
.btn-buy,
.btn-activation-cancel {
    background: url(../../img/1und1/layer_activation_sprite.png) no-repeat  -10000px -10000px;;
}
.btn-save-and-send,
.panel-compose-mail .draft-send ,
.btn-compose-sendmail,
.btn-compose-confirm,
.panel-payment .footer-actions .draft-send  {
    background:url(../../img/1und1/mailcompose_sprite.png) no-repeat  -10000px -10000px;
}
.btn-datarecovery-confirm,
.btn-datarecovery-save,
.btn-pwd-accept {
    background: url(../../img/1und1/datarecovery_sprite.png) no-repeat  -10000px -10000px;
}
.btn-datarecovery-pin,
.btn-datarecovery-spwd,
.btn-datarecovery-mobile,
.btn-datarecovery-start,
.btn-recovery-start,
.btn-continue-datarecovery  {
    background: url(../../img/1und1/btn_dwh.png) no-repeat  -10000px -10000px;
}
.btn-goto-mailaccount,
.content-box .btn-login,
.content-box .btn-confirm,
.btn-unlock-account,
.layer-login .btn-call2action,
.datarecovery-process .btn-inbox,
.content-box .btn-login,
.btn-confirm-pin,
.btn-continue-login,
.btn-datarecovery-next  {
    background: url(../../img/1und1/login_sprite.png) no-repeat -10000px -10000px;
}
.panel-start .account-status .btn-call2action { width: 153px; height: 34px; }
.panel-start .account-status .btn-call2action:hover { background-position: -385px 0px; }
.panel-start .account-status .btn-call2action:active { background-position: -770px 0px; }
.btn-continue,
.btn-continue  input,
.btn-continue  span  {
    width: 90px;
    height: 34px;
}
.btn-continue     {background-position:  0px 0px;}
.btn-continue:hover     {background-position: -110px 0px;}
.btn-continue:active     {background-position: -220px 0px;}
.btn-continue.inactive         {background-position: -330px 0px;}
.btn-buy,
.btn-buy  input,
.btn-buy  span  {
    width: 90px;
    height: 34px;
}
.btn-buy     {background-position:  0px -270px;}
.btn-buy:hover     {background-position: -110px -270px;}
.btn-buy:active     {background-position: -220px -270px;}
.btn-buy.inactive         {background-position: -330px -270px;}
.btn-startnow,
.btn-startnow a,
.btn-startnow input { width: 130px; height: 34px;}
.btn-startnow { background-position: 0px -54px;}
.btn-startnow:hover { background-position: -150px -54px;}
.btn-startnow:active { background-position: -300px -54px;}
.btn-startnow.inactive { background-position: -450px -54px;}
.panel-compose-mail .footer-actions .draft-send {
    background-position: -6px -44px;
    width: 195px;
    height: 34px;
}
.panel-compose-mail .footer-actions .draft-send:hover { background-position: -211px -44px; }
.panel-compose-mail .footer-actions .draft-send:active { background-position: -415px -44px; }
.panel-compose-mail .footer-actions .draft-send.inactive {background-position: -620px -44px;}
.btn-compose-sendmail {
    width: 195px;
    height: 34px;
    background-position: -6px -44px;
}
.btn-compose-sendmail:hover { background-position: -211px -44px; }
.btn-compose-sendmail:active { background-position: -415px -44px; }
.btn-compose-confirm {
    background:url(../../img/1und1/btn_call2action.png);
    width: 153px;
    height: 34px;
    background-position: 0px 0px;
}
.btn-compose-confirm:hover { background-position: -385px -0px; }
.btn-compose-confirm:active { background-position: -770px -0px; }
.panel-payment .footer-actions .draft-send {
    width: 186px;
    height: 34px;
    background-position: -7px -326px;
}
.panel-payment .footer-actions .draft-send:hover { background-position: -203px -326px; }
.panel-payment .footer-actions .draft-send:active { background-position: -399px -326px; }
.panel-payment .footer-actions .draft-send.inactive,
.panel-payment .footer-actions .draft-send.inactive:hover,
.panel-payment .footer-actions .draft-send.inactive:active { background-position: -595px -326px; }
.panel-payment .footer-actions .draft-send.inactive a { cursor: default; }
.btn-activation-cancel,
.btn-activation-cancel input,
.btn-activation-cancel span {
    width: 229px;
    height: 34px;
}
.btn-activation-cancel { background-position: 0px -108px;}
.btn-activation-cancel:hover { background-position: -242px -108px; }
.btn-activation-cancel:active { background-position: -484px -108px; }
.btn-activation-cancel.inactive { background-position: -726px -108px; }
.btn-activation-sendmail,
.btn-activation-sendmail input,
.btn-activation-sendmail span {
    width: 204px;
    height: 34px;
}
.btn-activation-sendmail { background-position: 0px -216px;}
.btn-activation-sendmail:hover { background-position: -224px -216px; }
.btn-activation-sendmail:active { background-position: -448px -216px; }
.btn-activation-sendmail.inactive { background-position: -672px -216px; }
.btn-activation-complete,
.btn-activation-complete input,
.btn-activation-complete span {
    width: 234px;
    height: 34px;
}
.btn-activation-complete { background-position: 0px -162px;}
.btn-activation-complete:hover { background-position: -254px -162px; }
.btn-activation-complete:active { background-position: -508px -162px; }
.btn-activation-complete.inactive { background-position: -762px -162px; }
.layer-auth-methods .auth-method .btn-call2action {
    background-position: 0px -270px;
    width: 233px;
    height: 34px;
}
.layer-auth-methods .auth-method .btn-call2action:hover { background-position: -385px -270px; }
.layer-auth-methods .auth-method .btn-call2action:active { background-position: -770px -270px; }
.layer-auth-methods .id-card .btn-call2action {
    width: 365px;
    background-position: 0px -216px;
}
.layer-auth-methods .id-card .btn-call2action:hover { background-position: -385px -216px; }
.layer-auth-methods .id-card .btn-call2action:active { background-position: -770px -216px; }
.layer-handy-tan .handy-tan-body .btn-call2action  {
    background-position: 0px -324px;
    width: 134px;
    height: 34px;
}
.layer-handy-tan .handy-tan-body .btn-call2action:hover { background-position: -385px -324px; }
.layer-handy-tan .handy-tan-body .btn-call2action:active { background-position: -770px -324px; }
.layer-shipment-mode .shipment-method .btn-call2action {
    background-position: -7px -188px;
    width: 162px;
    height: 34px;
}
.layer-shipment-mode .shipment-standard .btn-call2action:hover { background-position: -213px -188px; }
.layer-shipment-mode .shipment-standard-selected .shipment-standard .btn-call2action,
.layer-shipment-mode .shipment-standard-selected .shipment-standard .btn-call2action:hover { background-position: -438px -188px; }
.layer-shipment-mode .shipment-certified .btn-call2action {
    background-position: -7px -232px;
    width: 188px;
    height: 34px;
}
.layer-shipment-mode .shipment-certified .btn-call2action:hover { background-position: -213px -232px; }
.layer-shipment-mode .shipment-certified-selected .shipment-certified .btn-call2action,
.layer-shipment-mode .shipment-certified-selected .shipment-certified .btn-call2action:hover { background-position: -438px -232px; }
.layer-shipment-mode .nav-buttons .btn-write-mail {
    background-position: -7px -282px;
    width: 196px;
    height: 34px;
}
.layer-shipment-mode .nav-buttons .btn-write-mail:hover { background-position: -213px -282px; }
.layer-shipment-mode .nav-buttons .btn-write-mail:active { background-position: -419px -282px; }
.layer-shipment-mode .nav-buttons .btn-apply-change {
    background-position: -7px -1063px;
    width: 189px;
    height: 34px;
}
.layer-shipment-mode .nav-buttons .btn-apply-change:hover { background-position: -206px -1063px; }
.layer-shipment-mode .nav-buttons .btn-apply-change:active { background-position: -405px -1063px; }
.content-box .btn-login,
.content-box .btn-login input,
.content-box .btn-login span,
.layer-login .btn-login,
.layer-login .btn-login input,
.layer-login .btn-login span {
    width: 80px;
    height: 34px;
}
.content-box .btn-login,
.layer-login .btn-login { background-position: 0px 0px; }
.content-box .btn-login:hover,
.layer-login .btn-login:hover { background-position: -100px 0px; }
.content-box .btn-login:active,
.layer-login.btn-login:active { background-position: -200px 0px; }
.content-box .btn-login.inactive,
.layer-login.btn-login.inactive { background-position: -300px 0px; }
.btn-unlock-account,
.btn-unlock-account input,
.btn-unlock-account span {
    width: 235px;
    height: 34px;
}
.btn-unlock-account { background-position: 0px -324px; }
.btn-unlock-account:hover { background-position: -255px -324px; }
.btn-unlock-account:active { background-position: -510px -324px; }
.btn-unlock-account.inactive { background-position: -765px -324px; }
.content-box .btn-confirm,
.content-box .btn-confirm input,
.content-box .btn-confirm span { width: 119px; height: 34px;}
.content-box .btn-confirm { background-position: 0px -162px; }
.content-box .btn-confirm:hover { background-position: -139px -162px;  }
.content-box .btn-confirm:active { background-position: -278px -162px; }
.content-box .btn-confirm.inactive { background-position: -417px -162px; }
.btn-goto-mailaccount,
.btn-goto-mailaccount a,
.btn-goto-mailaccount input {width: 140px; height: 34px;}
.btn-goto-mailaccount {         background-position: 0px -108px;}
.btn-goto-mailaccount:hover {     background-position: -160px -108px;}
.btn-goto-mailaccount:active { background-position: -320px -108px;}
.btn-goto-mailaccount.inactive { background-position: -480px -108px;}
.no-iac .btn-goto-mailaccount,
.no-iac .btn-goto-mailaccount a,
.no-iac .btn-goto-mailaccount input {width: 166px; height: 34px;}
.no-iac .btn-goto-mailaccount {         background-position: 0px -432px;}
.no-iac .btn-goto-mailaccount:hover {     background-position: -186px -432px;}
.no-iac .btn-goto-mailaccount:active { background-position: -372px -432px;}
.no-iac .btn-goto-mailaccount.inactive { background-position: -558px -432px;}
.btn-datarecovery-save,
.btn-datarecovery-save a,
.btn-datarecovery-save input { width: 293px; height: 34px;}
.btn-datarecovery-save { background-position: 0px -108px;}
.btn-datarecovery-save:hover { background-position: -313px -108px;}
.btn-datarecovery-save:active { background-position: -626px -108px;}
.btn-datarecovery-save.inactive { background-position: -939px -108px;}
.btn-datarecovery-next,
.btn-datarecovery-next a,
.btn-datarecovery-next input { width: 127px; height: 34px;}
.btn-datarecovery-next { background-position: 0px -146px;}
.btn-datarecovery-next:hover { background-position: -146px -146px;}
.btn-datarecovery-next:active {     background-position: -368px -146px;}
.btn-datarecovery-confirm,
.btn-datarecovery-confirm a,
.btn-datarecovery-confirm input { width: 84px; height: 34px;}
.btn-datarecovery-confirm { background-position: 0px -162px;}
.btn-datarecovery-confirm:hover { background-position: -104px -162px; }
.btn-datarecovery-confirm:active { background-position: -208px -162px; }
.btn-datarecovery-confirm.inactive { background-position: -312px -162px; }
.btn-datarecovery-start,
.btn-datarecovery-start a,
.btn-datarecovery-start input { width: 274px; height: 34px;}
.btn-datarecovery-start { background-position: 0px -54px;}
.btn-datarecovery-start:hover { background-position: -294px -54px;}
.btn-datarecovery-start:active { background-position: -588px -54px;}
.btn-datarecovery-start.inactive { background-position: -882px -54px;}
.btn-recovery-start,
.btn-recovery-start a,
.btn-recovery-start input { width: 231px; height: 34px;}
.btn-recovery-start { background-position: 0px -324px;}
.btn-recovery-start:hover { background-position: -251px -324px;}
.btn-recovery-start:active { background-position: -502px -324px;}
.btn-recovery-start.inactive { background-position: -753px -324px;}
.btn-datarecovery-mobile,
.btn-datarecovery-mobile a,
.btn-datarecovery-mobile input { width: 285px; height: 34px;}
.btn-datarecovery-mobile { background-position: 0px -162px;}
.btn-datarecovery-mobile:hover { background-position: -304px -162px; }
.btn-datarecovery-mobile:active { background-position: -608px -162px; }
.btn-datarecovery-mobile.inactive { background-position: -915px -162px; }
.btn-datarecovery-spwd,
.btn-datarecovery-spwd a,
.btn-datarecovery-spwd input { width: 359px; height: 34px;}
.btn-datarecovery-spwd { background-position: 0px -216px;}
.btn-datarecovery-spwd:hover { background-position: -379px -216px; }
.btn-datarecovery-spwd:active { background-position: -758px -216px; }
.btn-datarecovery-spwd.inactive { background-position: -1137px -216px; }
.btn-datarecovery-pin,
.btn-datarecovery-pin a,
.btn-datarecovery-pin input { width: 263px; height: 34px;}
.btn-datarecovery-pin { background-position: 0px -108px;}
.btn-datarecovery-pin:hover { background-position: -283px -108px;}
.btn-datarecovery-pin:active { background-position: -566px -108px;}
.btn-datarecovery-pin.inactive { background-position: -849px -108px;}
.btn-continue-datarecovery,
.btn-continue-datarecovery a,
.btn-continue-datarecovery input { width: 351px; height: 34px;}
.btn-continue-datarecovery { background-position: 0 -270px;}
.btn-continue-datarecovery:hover {background-position: -371px -270px;}
.btn-continue-datarecovery:active { background-position: -742px -270px;}
.btn-continue-datarecovery.disabled,
.btn-continue-datarecovery.inactive { background-position: -1113px -270px;}
.btn-pwd-accept,
.btn-pwd-accept a,
.btn-pwd-accept input { width: 281px; height: 34px;}
.btn-pwd-accept { background-position: 0px -54px;}
.btn-pwd-accept:hover { background-position: -301px -54px;}
.btn-pwd-accept:active { background-position: -602px -54px;}
.btn-pwd-accept.inactive { background-position: -903px -54px;}
.btn-confirm-pin,
.btn-confirm-pin a,
.btn-confirm-pin  input { width: 184px; height: 34px;}
.btn-confirm-pin { background-position: 0px -378px;}
.btn-confirm-pin:hover { background-position: -204px -378px;}
.btn-confirm-pin:active { background-position: -408px -378px;}
.btn-confirm-pin.disabled,
.btn-confirm-pin.inactive { background-position: -612px -378px;}
.btn-continue-login,
.btn-continue-login a,
.btn-continue-login input { width: 166px; height: 34px;}
.btn-continue-login { background-position: 0 -432px;}
.btn-continue-login:hover {background-position: -186px -432px;}
.btn-continue-login:active { background-position: -372px -432px;}
.btn-continue-login.disabled,
.btn-continue-login.inactive { background-position: -558px -432px;}
.message-malware .btn-call2action {
    background-position: 0px -162px;
    width: 263px;
    height: 34px;
}
.message-malware .btn-call2action:hover { background-position: -385px -162px; }
.message-malware .btn-call2action:active { background-position: -770px -162px; }
.message-cert .btn-call2action {
    background-position: 0px -108px;
    width: 201px;
    height: 34px;
}
.message-cert .btn-call2action:hover { background-position: -385px -108px; }
.message-cert .btn-call2action:active { background-position: -770px -108px; }
.message-confidential .btn-call2action {
    background-position: 0px -54px;
    width: 200px;
    height: 34px;
}
.message-confidential .btn-call2action:hover { background-position: -385px -54px; }
.message-confidential .btn-call2action:active { background-position: -770px -54px; }
.btn-save-and-send {
    background-position:0 -326px;
    width:193px;
    height: 34px;
}
.btn-save-and-send:hover,
.btn-save-and-send:focus {
    background-position: -196px -326px;
}
.btn-save-and-send:active {
    background-position: -392px -326px;
}