body.popup_body_background {
    margin: 0;
    padding: 0;
    border: 0; /*overflow:hidden;*/
    color: #002C70;
    background-color: #FFF; /* hide loading image */
}

.sw_pons_portal .popup {
    background-position: left 10px;
    background-repeat: no-repeat;
    width: 630px; /* TODO: remove */
}

.sw_pons_portal .popup #popup_content {
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 580px;
}

.sw_pons_portal .popup #popup_content_inner {
    margin-right: 90px;
}

.sw_pons_portal .popup_help {
    background-image: url("../img/bgicon/118x128/question/gray.png");
}

.sw_pons_portal .popup_contact {
    background-image: url("../img/bgicon/118x128/envelope/gray.png");
}


/*.sw_pons_portal .popup_privacy,
.sw_pons_portal .popup_terms,
.sw_pons_portal .popup_termsofuse,*/ 
.sw_pons_portal .popup_imprint {
    background-image: url("../img/bgicon/118x128/paragraph/gray.png");
}

.sw_pons_portal .popup_error_clientconditions,
.sw_pons_portal .popup_error_login,
.sw_pons_portal .popup_maintenance_message {
    background-image: url("../img/bgicon/118x128/exclamation/gray.png");
}

.sw_pons_portal .popup_register,
.sw_pons_portal .popup_passwordforgotten,
.sw_pons_portal .popup_changepassword,
.sw_pons_portal .popup_logout_message,
.sw_pons_portal .popup_sendactivationlink {
    background-image: url("../img/bgicon/118x128/user/gray.png");
}

.sw_pons_portal .popup_code_enter,
.sw_pons_portal .popup_code_howto {
    background-image: url("../img/bgicon/118x128/book/gray.png");
    height: 315px;
}

.sw_pons_portal .popup_code_enter #popup_content_inner img,
.sw_pons_portal .popup_code_howto #popup_content_inner img {
    display: none;
}

.sw_pons_portal .popup_register {
    height: 520px;
}

.sw_pons_portal .popup_passwordforgotten {
    height: 315px;
}

.sw_pons_portal .popup_logout_message,
.sw_pons_portal .popup_maintenance_message,
.sw_pons_portal .popup_changepassword,
.sw_pons_portal .popup_sendactivationlink {
    height: 255px;
}

.sw_pons_portal iframe.popup_modal_dialog_content {
    /*initial and minimum size, will be auto adjusted to inner content height if greater*/
    height: 255px;
    width: 630px;
}

.sw_pons_portal .popup_privacy iframe.popup_modal_dialog_content,
.sw_pons_portal .popup_terms iframe.popup_modal_dialog_content,
.sw_pons_portal .popup_termsofuse iframe.popup_modal_dialog_content {
    height: 500px;
}

.sw_pons_portal #static_main_message iframe.popup_modal_dialog_content {
    height: 350px;
}

.sw_pons_portal #popup_dialog_learning_module_iframe {
    /*initial size, will be auto adjusted to inner content height*/
    height: 570px;
    width: 930px;
}

.sw_pons_portal .popup .paragraph {
    color: #002C70;
}

.sw_pons_portal .popup #popup_content p,
.sw_pons_portal .popup #popup_content li {
    color: #002C70;
}

.sw_pons_portal .popup #popup_header_space {
    width: 100%;
    height: 54px;
    border: 0;
    border-top: 10px solid #03AE2F;

    /*background-color:#FFF;*/

    -moz-box-shadow: 0px 5px 6px #E2E2E2;
    -webkit-box-shadow: 0px 5px 6px #E2E2E2;
    box-shadow: 0 5px 6px #E2E2E2;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#E2E2E2,direction=135)"; *//* For IE 5.5 - 7 */
    /*filter: progid:DXImageTransform.Microsoft.Shadow(strength = 3, color = #E2E2E2, direction = 135);*/

}

.sw_pons_portal .popup h1 {
    margin-left: 30px;
    margin-top: 24px;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.015em;
    color: #002C70;
}

.sw_pons_portal .popup.popup_main_message #popup_content_inner h1,
.sw_pons_portal .popup.popup_simple_message #popup_content_inner h1 {
    display: none;
}

.sw_pons_portal .popup .toc_section {
    padding-bottom: 60px;
}

.sw_pons_portal .popup .toc_section .paragraph {
    padding-top: 30px;
    clear: both;
}

.sw_pons_portal .popup .toc_section .paragraph .title {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.015em;
    color: #03AE2F;
    text-decoration: none;
    margin-bottom: 10px;

    background-image: url("../img/icon/12x12/arrow/top_blue.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px
}

.sw_pons_portal .popup .toc_section .toc .title {

    font-size: 14px;
    line-height: 27px;
    letter-spacing: 0.015em;
    text-decoration: none;
}

.sw_pons_portal .popup .toc_section .paragraph .subtitle {

    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.015em;
    color: #03AE2F;
    padding-top: 20px;
    clear: both;
}

.sw_pons_portal .popup .toc a {
    display: block;
    background-image: url("../img/icon/12x12/arrow/right_blue.png");
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 20px;
    color: #002C70;
}

.sw_pons_portal .popup .toc a:hover {
    background-image: url("../img/icon/12x12/arrow/right_lightblue.png");
    color: #5098b4;
}

.sw_pons_portal .popup_contact a,
.sw_pons_portal .popup_imprint a,
.sw_pons_portal .popup_help a,
.sw_pons_portal .popup_register a,
.sw_pons_portal #popup.popup_main_message a {
    text-decoration: underline;
    cursor: pointer;
}

.sw_pons_portal #popup.popup_main_message a {
    text-decoration: none;
}

.sw_pons_portal .popup_contact a,
.sw_pons_portal .popup_imprint a,
.sw_pons_portal .popup_help a,
.sw_pons_portal .popup_register a,
.sw_pons_portal #popup.popup_main_message a:hover {
    color: #002C70;
}

.sw_pons_portal .popup_contact a:hover,
.sw_pons_portal .popup_imprint a:hover,
.sw_pons_portal .popup_help a:hover,
.sw_pons_portal .popup_register a:hover,
.sw_pons_portal #popup.popup_main_message a {
    color: #5098b4;
}

.sw_pons_portal .popup #newsletter_expl {
    margin-top: 12px;
}

.sw_pons_portal .popup #link_help {
    padding-left: 18px;

    padding-bottom: 4px;
    padding-top: 4px;

    background-position: center left;
    background-repeat: no-repeat;

    background-image: url("../img/icon/12x12/question/blue.png");
}

.sw_pons_portal .popup #link_help:hover {
    background-image: url("../img/icon/12x12/question/lightblue.png");
}

.sw_pons_portal .popup_register #text,
.sw_pons_portal .popup_changepassword #text,
.sw_pons_portal .popup_passwordforgotten #text,
.sw_pons_portal .popup_login #text {
    width: 542px;
    min-height: 30px;
    margin-bottom: 12px;
}

.sw_pons_portal .popup_code_howto #text,
.sw_pons_portal .popup_code_enter #text {
    width: 315px;
    min-height: 50px;
    margin-bottom: 12px;
}

.sw_pons_portal .popup_code_howto #popup_content_inner,
.sw_pons_portal .popup_code_enter #popup_content_inner {
    background-repeat: no-repeat;
    background-position: right 2px;
    background-image: url("../img/bookcode/buchcode.png");
    min-height: 250px;
    width: 540px;
}

.sw_pons_portal .popup_code_howto .button {
    display: block;
    width: 70px;
    padding-left: 60px;
    padding-top: 6px;
    padding-bottom: 2px;
    padding-right: 2px;
    height: 26px;

    background-position: top left;
    background-repeat: no-repeat;
    background-image: url("../img/button/130x34/book/blue.png");

    color: #FFF;
}

.sw_pons_portal .popup_code_howto .button:hover {
    background-image: url("../img/button/130x34/book/green.png");
}

.sw_pons_portal .popup form {
    position: relative;
}

.sw_pons_portal .popup .optioninputcontainer label {
    position: relative;
    bottom: 2px;
}

.sw_pons_portal .popup form input[type=text],
.sw_pons_portal .popup form input[type=email],
.sw_pons_portal .popup form input[type=password] {
    margin-bottom: 8px;
    height: 20px;
    width: 155px;
}

.sw_pons_portal .popup_code_enter #bookCode,
.sw_pons_portal .popup_passwordforgotten #user {
    position: relative;
    top: 12px;
}

.sw_pons_portal .popup_code_enter .button,
.sw_pons_portal .popup_passwordforgotten .button,
.sw_pons_portal .popup_register .button,
.sw_pons_portal .popup_changepassword .button,
.sw_pons_portal .popup_sendactivationlink .button,
.sw_pons_portal .popup_login .button {

    cursor: pointer;
    border: none;
    margin: 0;
    margin-left: 20px;
    height: 46px;
    width: 48px;

    text-align: center;

    background-position: top left;
    background-repeat: no-repeat;

    color: #FFF;

    position: absolute;
    left: 155px;
}

.sw_pons_portal .popup_login .button {
    top: 3px;
}

.sw_pons_portal .user_authenticated .popup_login .button {
    left: 0;
    margin: 0;
}

.sw_pons_portal .popup_code_enter .button,
.sw_pons_portal .popup_passwordforgotten .button {
    top: 0;
}

.sw_pons_portal .popup_register .button {
    top: 33px;
}

.sw_pons_portal .popup_changepassword .button {
    top: 20px;
}

.sw_pons_portal .popup input[type=submit] {
    padding: 0;
    padding-top: 21px;
    background-color: transparent;
    background-image: url("../img/button/48x46/arrow/right_blue.png");
}

.sw_pons_portal .popup input[type=submit]:hover {
    background-image: url("../img/button/48x46/arrow/right_green.png");
}

.sw_pons_portal .popup_code_enter input[type=submit] {
    background-image: url("../img/button/48x46/check/blue.png");
}

.sw_pons_portal .popup_code_enter input[type=submit]:hover {
    background-image: url("../img/button/48x46/check/green.png");
}

.sw_pons_portal .popup form a.button {
    padding: 0;
    padding-top: 28px;
    background-image: url("../img/button/48x46/arrow/right_blue.png");
}

.sw_pons_portal .popup form a.button:hover {
    background-image: url("../img/button/48x46/arrow/right_green.png");
}

.sw_pons_portal .popup #message_error {
    display: none;
}

.sw_pons_portal .popup form.error #message_error {
    display: block;
}

.sw_pons_portal .popup_code_enter #message_error,
.sw_pons_portal .popup_code_enter #message_done {
    margin-top: 30px;
    width: 200px;
}

.sw_pons_portal .popup_login #message_error,
.sw_pons_portal .popup_login #message_done,
.sw_pons_portal .popup_register #message_error,
.sw_pons_portal .popup_register #message_done,
.sw_pons_portal .popup_changepassword #message_error,
.sw_pons_portal .popup_changepassword #message_done,
.sw_pons_portal .popup_passwordforgotten #message_error,
.sw_pons_portal .popup_passwordforgotten #message_done {
    margin: 0;
    position: absolute;
    left: 300px;
    top: 0;
    width: 260px;
}

.sw_pons_portal .popup #message_error span,
.sw_pons_portal .popup #message_done span {
    padding-left: 20px;
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
}

.sw_pons_portal .popup #message_error span {
    color: #b60004;
    background-image: url("../img/icon/16x16/x/red.png");
    padding-bottom: 12px;
}

.sw_pons_portal .popup #message_error a,
.sw_pons_portal .popup .errormessage a,
.sw_pons_portal .module_player .message a {
    cursor: pointer;
    background-image: url("../img/icon/12x12/arrow/right_blue.png");
    background-position: left 2px;
    background-repeat: no-repeat;
    padding-left: 20px;
    color: #002C70;
}

.sw_pons_portal .popup #message_error a,
.sw_pons_portal .popup .errormessage a {
    display: block;
    margin-top: 10px;
    padding-bottom: 10px;
}

.sw_pons_portal .popup #message_error a:hover,
.sw_pons_portal .popup .errormessage a:hover,
.sw_pons_portal .module_player .message a:hover {
    background-image: url("../img/icon/12x12/arrow/right_lightblue.png");
    color: #5098b4;
}

.sw_pons_portal .popup #message_done span {
    color: #03AE2F;
    background-image: url("../img/icon/16x16/check/green.png");
}

.sw_pons_portal .popup .img_help {
    float: right;
    margin-top: 15px;
    margin-left: 10px;
    border: 1px solid #E3E4E5;
}

.sw_pons_portal .popup .img_bookcode {
    background-image: url("../img/help/buchcode.png");
    background-repeat: no-repeat;
    height: 144px;
    width: 130px;
}

.sw_pons_portal #popup_big_ajax #popup_content {
    height: 446px;
}

.sw_pons_portal .popup_contact #popup_content {
    height: 200px !important;
}

.sw_pons_portal .module_player #flush_module_cache,
.sw_pons_portal #flush_module_cache:visited,
.sw_pons_portal #flush_module_cache:hover {
    font-size: 12px;
    position: absolute;
    top: 8px;
    right: 75px;
    background-image: url("../img/button/130x34/empty/red.png");
    background-repeat: no-repeat;
    display: block;
    width: 130px;
    height: 27px;
    padding-top: 7px;
    text-align: center;
    color: white;
    text-decoration: none;
    cursor: pointer;
}

.sw_pons_portal .module_player #flush_module_cache:hover {
    background-image: url("../img/button/130x34/empty/yellow.png");
}

.sw_pons_portal .module_player .message {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 2px 8px;
    color: white;
    background-color: rgba(3, 174, 47, 0.80);
    /*background-color: rgba(87, 165, 195, 0.80);*/
}

.sw_pons_portal .popup_simple_message .teaserbox_textlink,
.sw_pons_portal .popup_login .teaserbox_textlink {
    display: block;
    background-image: url("../img/icon/12x12/arrow/right_blue.png");
    color: inherit; 
    background-position: left 2px;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-bottom: 10px;
}

.sw_pons_portal .popup_login .teaserbox_textlink:hover {
    background-image: url("../img/icon/12x12/arrow/right_lightblue.png");
    color: #5098b4;
}

.sw_pons_portal .popup_simple_message .teaserbox_textlink {
    background-image: url("../img/icon/12x12/arrow/right_lightblue.png");
    color: #5098b4;
    font-weight: bold;
}

.sw_pons_portal .popup_simple_message .teaserbox_textlink:hover {
    background-image: url("../img/icon/12x12/arrow/right_blue.png");
    color: inherit; 
}

/* Newsletter-Anmeldung deaktiviert am 2.5.2018, vgl. E-Mail*/
.sw_pons_portal #newsletterAllowed,
.sw_pons_portal #newsletterAllowed_label {
    display:none;
}