html {
    position: relative;
    height: 100%;
}

body {
    background-color: #F0F0F0;
}

a {
    text-decoration: none;
}

div#content {
    min-height: 400px;
}

.modal {
    display: none;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('/ImgResources/progressBar.gif') 50% 50% no-repeat;
}

.modalPopup-highlight {
    font-size: 18px;
    font-family: 'Segoe UI';
    color: white;
}

.modalPopup-highlight {
    font-size: 18px;
    font-family: 'Segoe UI';
    color: white;
}

    .modalPopup-highlight p {
        font-size: 18px;
    }

.modalPopup-text {
    font-size: 11px;
    font-family: 'Segoe UI';
    color: white;
}

    .modalPopup-text p {
        font-size: 11px;
    }

@media screen and (max-device-width: 800px) {
    .modalPopup-highlight p {
        font-size: 38px;
    }

    .modalPopup-text p {
        font-size: 20px;
    }
}

body .loading {
    overflow: hidden;
}

    body.loading .modal {
        display: block;
    }

div#top {
    width: inherit;
    height: 38px;
    margin: 0px;
    padding: 0px;
    background: #D5D5D5;
    float: left;
    background-image: url('Images/header_backbround.png');
}

div#Accordion {
}

    div#Accordion > div > img {
        display: block;
        margin: 1px 0;
    }

    div#Accordion > div:first-child > img {
        margin-top: 0;
    }

.CentralElement {
    background: #fff;
    min-height: 400px;
    padding: 1px 0;
}

.CentralElementPage {
    background: #fff;
    min-height: 400px;
}

/*------------------------------------------------------INIT SCREEN ---------------------------------------------------------------------------------------------------------------*/

div#buttons {
    margin: 100px auto 50px auto;
    width: 855px;
    height: 230px;
}

.index-top-panel {
    width: 100%;
    height: 80px;
}

#PodatnikInfoLinkButton {
    width: 285px;
    cursor: pointer;
    border-style: none;
    float: right;
}

button#ActiveFormsButton {
    width: 422px;
    height: 109px;
    float: left;
    background-image: url('Images/demo2_1_af_normal.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

    button#ActiveFormsButton:hover {
        background-image: url('Images/demo2_1_af_over.png');
    }

button#CreatorButton {
    width: 422px;
    height: 109px;
    float: left;
    background-image: url('Images/demo2-1_kreator_normal.png');
    background-repeat: no-repeat;
    margin: 0px 0px 0px 10px;
    cursor: pointer;
}

    button#CreatorButton:hover {
        background-image: url('Images/demo2-1_kreator_over.png');
    }

button#OpenButton {
    width: 422px;
    height: 109px;
    float: left;
    background-image: url('Images/demo2-1_otworz_normal.png');
    background-repeat: no-repeat;
    margin: 10px 0px 0px 0px;
    cursor: pointer;
}

    button#OpenButton:hover {
        background-image: url('Images/demo2-1_otworz_over.png');
    }

button#CheckStatusButton {
    width: 422px;
    height: 109px;
    float: left;
    background-image: url('Images/demo2-1_status_normal.png');
    background-repeat: no-repeat;
    margin: 10px 0px 0px 10px;
    cursor: pointer;
}

    button#CheckStatusButton:hover {
        background-image: url('Images/demo2-1_status_over.png');
    }



/*------------------------------------------------------LEFT MENU---------------------------------------------------------------------------------------------------------------*/
div#ButtonMenu {
    width: 232px;
    height: inherit;
    background-image: url('Images/bg_menuleft.png');
    background-repeat: no-repeat;
    background-color: #CCCCCC;
    float: left;
}


/***********************FIRST BUTTON*/
.firstButtonClicked {
    width: 216px;
    height: 70px;
    float: left;
    background-image: url('Images/ButtonMenuActive_02-AF_clicked.png');
    cursor: pointer;
    border-style: none;
}

    .firstButtonClicked:active {
        background-image: url('Images/ButtonMenuActive_02-AF_clicked.png');
    }

    .firstButtonClicked:disabled {
        background-image: url('Images/ButtonMenuActive_02-AF_inactive.png');
    }


.firstButton {
    width: 216px;
    height: 70px;
    float: left;
    background-image: url('Images/ButtonMenuActive_02-AF_norm.png');
    cursor: pointer;
    border-style: none;
}

    .firstButton:hover {
        background-image: url('Images/ButtonMenuActive_02-AF_over.png');
    }

    .firstButton:active {
        background-image: url('Images/ButtonMenuActive_02-AF_clicked.png');
    }

    .firstButton:disabled {
        background-image: url('Images/ButtonMenuActive_02-AF_inactive.png');
    }


/***********************Second BUTTON*/
.secondButtonClicked {
    width: 216px;
    height: 70px;
    float: left;
    background-image: url('Images/ButtonMenuActive_03-AF_clicked.png');
    cursor: pointer;
    border-style: none;
}

    .secondButtonClicked:active {
        background-image: url('Images/ButtonMenuActive_03-AF_clicked.png');
    }

    .secondButtonClicked:disabled {
        background-image: url('Images/ButtonMenuActive_03-AF_inactive.png');
    }

.secondButton {
    width: 216px;
    height: 70px;
    float: left;
    background-image: url('Images/ButtonMenuActive_03-AF_norm.png');
    cursor: pointer;
    border-style: none;
}

    .secondButton:hover {
        background-image: url('Images/ButtonMenuActive_03-AF_over.png');
    }

    .secondButton:active {
        background-image: url('Images/ButtonMenuActive_03-AF_clicked.png');
    }

    .secondButton:disabled {
        background-image: url('Images/ButtonMenuActive_03-AF_inactive.png');
    }

/***********************THIRD BUTTON*/
.thirdButtonClicked {
    width: 216px;
    height: 70px;
    float: left;
    background-image: url('Images/ButtonMenuActive_04-AF_clicked.png');
    cursor: pointer;
    border-style: none;
}

    .thirdButtonClicked:active {
        background-image: url('Images/ButtonMenuActive_04-AF_clicked.png');
    }

    .thirdButtonClicked:disabled {
        background-image: url('Images/ButtonMenuActive_04-AF_inactive.png');
    }


.thirdButton {
    width: 216px;
    height: 70px;
    float: left;
    background-image: url('Images/ButtonMenuActive_04-AF_norm.png');
    cursor: pointer;
    border-style: none;
}

    .thirdButton:hover {
        background-image: url('Images/ButtonMenuActive_04-AF_over.png');
    }

    .thirdButton:active {
        background-image: url('Images/ButtonMenuActive_04-AF_clicked.png');
    }

    .thirdButton:disabled {
        background-image: url('Images/ButtonMenuActive_04-AF_inactive.png');
    }

/***********************ERROR BUTTON*/
button#ErrorButton {
    width: 175px;
    height: 23px;
    float: left;
    background-image: url('Images/icon_help_normal.png');
    cursor: pointer;
    border-style: none;
}

    button#ErrorButton:hover {
        background-image: url('Images/icon_help_over.png');
    }

/*************************************************CENTRAL ELEMENT********************************************************************************************************/

div#ElementToLoad {
    width: auto;
    background-image: iherit;
}

/*-----------------------------------------------------TOP------------------------------------------------------------------------------------------*/
button#PodatnikButton {
    width: 110px;
    height: 18px;
    float: right;
    background-image: url('Images/podatnikinfo_logo_belka.png');
    background-repeat: no-repeat;
    float: right;
    cursor: pointer;
    border-style: none;
    margin: 10px 10px 0px 0px;
}

p#TopHeader {
    font-family: 'Arial';
    font-size: 18px;
    color: #808080;
    float: left;
    width: 400px;
    margin: 10px 0px 0px 10px;
}

img#FileCloseButton {
    margin: 10px 10px 0px 0px;
    height: 18px;
    width: 18px;
    float: left;
    float: right;
    background-image: url('Images/Header_button.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

/*------------------------------------------------------FOOTER---------------------------------------------------------------------------------------------------------------*/
div#footer, div.footer {
    width: inherit;
    height: 45px;
    background: #808080;
    min-height: 20px;
    margin: 0px 60px 0px 0px;
    position: relative;
    float: left;
}

/***********************EDIT BUTTON*/

input#EditButton, input.EditButton {
    width: 80px;
    height: 24px;
    float: left;
    background: #808080;
    background-image: url('Images/btn_wlaczedycje_normal.png');
    background-repeat: no-repeat;
    margin: 10px 3px 13px 5px;
    cursor: pointer;
    border-style: none;
}

    input#EditButton:hover, input.EditButton:hover {
        background-image: url('Images/btn_wlaczedycje_over.png');
    }

    input#EditButton:disabled, input.EditButton:disabled {
        background: #808080;
        display: none;
    }



/***********************PRINT BUTTON*/
input#PrintButton, input.PrintButton {
    width: 80px;
    height: 24px;
    float: left;
    background: #808080;
    background-image: url('Images/btn_drukuj_normal.png');
    background-repeat: no-repeat;
    margin: 10px 3px 3px 3px;
    cursor: pointer;
    border-style: none;
}

    input#PrintButton:hover, input.PrintButton:hover {
        background-image: url('Images/btn_drukuj_over.png');
    }

    input#PrintButton:disabled, input.PrintButton:disabled {
        background: #808080;
        display: none;
    }


/***********************Cancel BUTTON*/
input#CancelButton, input.CancelButton {
    width: 80px;
    height: 24px;
    float: left;
    background: #808080;
    background-image: url('Images/btn_anuluj_normal.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 10px 3px 3px 200px;
    cursor: pointer;
    border-style: none;
}

    input#CancelButton:hover, input.CancelButton:hover {
        background-image: url('Images/btn_anuluj_over.png');
    }

    input#CancelButton:disabled, input.CancelButton:disabled {
        background: #808080;
        display: none;
    }

/***********************Save BUTTON*/
input#SaveButton, input.SaveButton {
    width: 80px;
    height: 24px;
    float: left;
    background: #808080;
    background-image: url('Images/btn_zapisz_normal.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 10px 3px 3px 10px;
    cursor: pointer;
    border-style: none;
}

    input#SaveButton:hover, input.SaveButton:hover {
        background-image: url('Images/btn_zapisz_over.png');
    }

    input#SaveButton:disabled, input.SaveButton:disabled {
        background: #808080;
        display: none;
    }

/***********************PREV BUTTON*/
input#PrevButton, input.PrevButton {
    width: 80px;
    height: 24px;
    float: left;
    background: #808080;
    background-image: url('Images/btn_wstecz_normal.png');
    background-repeat: no-repeat;
    margin: 10px 3px 3px 70px;
    cursor: pointer;
    border-style: none;
}

    input#PrevButton:hover, input.PrevButton:hover {
        background-image: url('Images/btn_wstecz_over.png');
    }

    input#PrevButton:disabled, input.PrevButton:disabled {
        background: #808080;
        display: none;
    }

/***********************NEXT BUTTON*/
input#NextButton, input.NextButton {
    width: 80px;
    height: 24px;
    float: left;
    background: #808080;
    background-image: url('Images/btn_dalej_normal.png');
    background-repeat: no-repeat;
    margin: 10px 3px 3px 3px;
    cursor: pointer;
    border-style: none;
}

    input#NextButton:hover, input.NextButton:hover {
        background-image: url('Images/btn_dalej_over.png');
    }

    input#NextButton:disabled, input.NextButton:disabled {
        background: #808080;
        display: none;
    }

/***********************ZOOM RESET BUTTON*/
input#ZoomResetButton, input.ZoomResetButton {
    width: 30px;
    height: 24px;
    float: right;
    background: #808080;
    background-image: url('Images/btn_lup100_normal.png');
    background-repeat: no-repeat;
    margin: 10px 3px 3px 3px;
    cursor: pointer;
    border-style: none;
}

    input#ZoomResetButton:hover, input.ZoomResetButton:hover {
        background-image: url('Images/btn_lup100_over.png');
        border-style: inherit;
    }

    input#ZoomResetButton:disabled, input.ZoomResetButton:disabled {
        background: #808080;
        border-style: inherit;
        display: none;
    }

/***********************ZOOM OUT BUTTON*/
input#ZoomOutButton, input.ZoomOutButton {
    width: 30px;
    height: 24px;
    float: right;
    background: #808080;
    background-image: url('Images/btn_lupminus_normal.png');
    background-repeat: no-repeat;
    margin: 10px 3px 3px 3px;
    cursor: pointer;
    border-style: none;
}

    input#ZoomOutButton:hover, input.ZoomOutButton:hover {
        background-image: url('Images/btn_lupminus_over.png');
    }

    input#ZoomOutButton:disabled, input.ZoomOutButton:disabled {
        background: #808080;
        display: none;
    }

/***********************ZOOM IN BUTTON*/
input#ZoomInButton, input.ZoomInButton {
    width: 30px;
    height: 24px;
    float: right;
    background: #808080;
    background-image: url('Images/btn_lupplus_normal.png');
    background-repeat: no-repeat;
    margin: 10px 10px 3px 3px;
    cursor: pointer;
    border-style: none;
}

    input#ZoomInButton:hover, input.ZoomInButton:hover {
        background-image: url('Images/btn_lupplus_over.png');
    }

    input#ZoomInButton:disabled, input.ZoomInButton:disabled {
        background: #808080;
        display: none;
    }



/*------------------------------------------------------TAX METHOD---------------------------------------------------------------------------------------------------------------*/
div#TMContent {
    width: auto;
    height: auto;
    background-image: iherit;
    float: left;
}

div#TaxMethodRadioListHeader {
    font-family: 'Arial';
    font-size: 18px;
    color: #878787;
    float: left;
    margin: 10px 0px 0px 10px;
    width: inherit;
}

div#TaxMethodRadioList {
    font-family: 'Arial';
    font-size: 14px;
    float: left;
    margin: 10px 0px 0px 10px;
    width: 100%;
    height: auto;
}

input#RadioIndywidualnie {
    margin: 5px 0px 0px 5px;
}

input#RadioZMalzonkiem {
    margin: 10px 0px 0px 5px;
}

input#RadioZeZmarlym {
    margin: 10px 0px 0px 5px;
}

input#RadioZDzieckiem {
    margin: 10px 0px 0px 5px;
}

div#TaxOffices {
    height: auto;
    width: 600px;
    margin: 20px 0px 0px 15px;
    float: left;
    position: relative;
}

.pAddnotation {
    margin: 5px 0px 0px 20px;
    color: Gray;
}

p#TaxOfficesHeader {
    font-family: 'Arial';
    font-size: 16px;
    width: 500px;
    float: left;
    position: absolute;
    margin: 0px 0px 0px 0px;
}




label#TaxOfficeInputLabel {
    float: left;
    font-family: Arial;
    margin: 30px 0px 0px 0px;
}

@media screen and (max-device-width: 800px) {
    #TaxOfficeInput {
        height: 35px;
        font-size: 35px;
    }
}

/*
input#TaxOfficeInput
{
    width: 390px; 
    float:left;
    margin: 30px 0px 0px 5px;
    
}
*/
/*
select#TaxOfficesSelect
{
    width: 400px;
    height: 200px;
    float:left;
    margin: 10px 0px 10px 55px;
    position:relative;
    
}*/

/************************************************************FORM SELECTOR ************************************************************************************************************/
table#FormSelectorTable {
    width: auto;
    font-family: Arial;
    font-size: 14px;
    height: inherit;
    position: relative;
    background-image: iherit;
    float: left;
    margin: 0px 0px 20px 10px;
}

.firstCheckBox {
    margin: 15px 0px 10px 5px;
}

.CheckBox {
    margin: 15px 0px 10px 120px;
}

.firstChLabel {
    margin: 15px 0px 10px 5px;
    color: #800000;
    font-weight: bold;
}

.ChLabel {
    margin: 15px 0px 10px 5px;
    color: Black;
}

.trStyle {
    border: thick groove #00FFFF;
}

.tdStyle {
    color: #800000;
    border-bottom-style: groove;
    border-bottom-width: 2px;
    border-bottom-color: #C0C0C0;
    font-family: Arial;
}

.pTdAddnotation {
    font-size: 12px;
    margin: 0px 0px 0px 27px;
    color: Black;
}

.pFormTitle {
    width: 46px;
    margin: 10px 0px 10px 27px;
    color: #800000;
    font-weight: bold;
    float: left;
}


p#FormSelectorHeader {
    font-family: Arial;
    font-size: 16px;
    margin-left: 5px;
}


/************************************************************ SUBFORM SELECTOR ************************************************************************************************************/
p#SubFormSelectorHeader {
    font-family: Arial;
    font-size: 16px;
    margin-left: 5px;
}

.tdSubForm {
    width: 600px;
    float: left;
    border-bottom-style: groove;
    border-bottom-width: 2px;
    border-bottom-color: #C0C0C0;
}

.pMainForm {
    float: left;
    width: 250px;
    margin: 5px 0px 0px 5px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #800000;
}

.pPodatnikLabel {
    font-family: Arial;
    font-size: 14px;
    float: left;
    width: 150px;
    margin: 5px 0px 0px 5px;
}

.pMalzonekLabel {
    font-family: Arial;
    font-size: 14px;
    float: left;
    width: 150px;
    margin: 5px 0px 0px 5px;
}

.pSubForm {
    float: left;
    width: 250px;
    margin: 5px 0px 0px 5px;
    font-family: Arial;
    font-size: 12px;
    color: Black;
}


table#SubFormSelectorTable {
    width: auto;
    height: inherit;
    font-family: Arial;
    font-size: 14px;
    margin: 0px 0px 20px 10px;
    position: relative;
    background-image: iherit;
    float: left;
}

.subFormCheck {
    float: left;
}

.subFormLabel {
    float: left;
    margin: 0px 0px 0px 5px;
    width: 130px;
    color: #800000;
}

.subFormLabel2 {
    float: left;
    margin: 0px 0px 0px 5px;
    width: 90px;
    color: #800000;
}

.subFormSelect {
    float: left;
    margin: 0px 5px 0px 0px;
}

/************************************************************ FORM VIEW ************************************************************************************************************/
div#fcontent {
    width: 800px;
    position: relative;
    background-image: iherit;
    float: left;
}

img#formView {
}

.Select {
    margin: 0px;
    border: none;
    padding: 0px;
    float: right;
    background-color: white;
}

.divActiveCheckbox {
    margin: 0px;
    border: none;
    padding: 0px;
    float: left;
    background-color: transparent;
    background-image: url(Images/iefixer.gif);
    /*zoom: 1;*/
    cursor: pointer;
    position: absolute;
    z-index: 100;
}

.divNActiveCheckbox {
    margin: 0px;
    border: none;
    padding: 0px;
    float: left;
    background-color: transparent;
    background-image: url(Images/iefixer.gif);
    cursor: default;
    position: absolute;
    z-index: 100;
    /*zoom: 1;*/
}

.divActiveText {
    margin: 0px;
    border: none;
    padding: 0px;
    float: left;
    background-color: transparent;
    background-image: url(Images/iefixer.gif);
    cursor: text;
    position: absolute;
    z-index: 100;
}

.divActiveTextClicked {
    margin: 0px;
    padding: 0px;
    float: left;
    cursor: text;
    position: absolute;
    background-color: White;
    background-image: url(Images/iefixer.gif);
    border-style: inset;
    border-width: 2px;
    z-index: 100;
}

.divNActiveText {
    margin: 0px;
    border: none;
    padding: 0px;
    float: left;
    background-image: url(Images/iefixer.gif);
    background-color: transparent;
    cursor: default;
    position: absolute;
    z-index: 100;
}


.divCheckboxFormule {
    float: left;
    margin: 0px;
    border: none;
    cursor: pointer;
    background-color: #32CD32;
    position: absolute;
    z-index: 100;
}

.divTextFormule {
    float: left;
    margin: 0px;
    border: none;
    cursor: text;
    background-color: transparent;
    position: absolute;
    background-image: url('Images/kolor.png');
    border-style: none;
    z-index: 100;
}

.divTextFormuleClicked {
    float: left;
    margin: 0px;
    cursor: text;
    position: absolute;
    background-color: White;
    border-style: inset;
    border-width: 2px;
    z-index: 100;
}

.inputtext {
    float: left;
    border-width: 0px;
    float: right;
    margin: 0px 0px 0px 0px;
    cursor: text;
    background-color: transparent;
    color: #000000;
    position: relative;
}


.inputcheckbox {
    float: left;
    margin: 0px;
    padding: 0px;
    border: none;
    cursor: pointer;
    float: left;
    position: relative;
    z-index: 100;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('Images/checkbox.png');
    background-size: 100% 100%;
}

.infoIcon {
    cursor: pointer;
    float: left;
    border: none;
    margin: 0px;
    padding-left: 1px;
}

.errorIcon {
    cursor: pointer;
    float: left;
    border: none;
    margin: 0 px;
    padding-left: 1px;
}

/*------------------------------------------------------TAX PAYER ROLL---------------------------------------------------------------------------------------------------------------*/
/***********************TAX PAYER ROLL ELEMENT*/

div#Content {
    width: 534px;
    height: 48px;
    background-color: transparent;
    float: left;
    overflow: auto;
}

div#ChButton {
    width: 80px;
    height: 24px;
    float: left;
    margin: 10px 0px 0px 5px;
}

input#ChoseButton {
    width: 80px;
    height: 24px;
    cursor: pointer;
    float: left;
}

div#EdDelButtons {
    height: 27px;
    width: 171px;
    margin: 10px 0px 0px 10px;
    float: left;
}

input#DelButton {
    width: 80px;
    height: 24px;
    cursor: pointer;
    margin: 0px 0px 0px 5px;
    float: left;
    border: none;
    background-image: url('../Images/btn_usun_norm.png');
}

    input#DelButton:hover {
        background-image: url('../Images/btn_usun_over.png');
    }

div#UserName {
    background-color: transparent;
    width: 174px;
    height: 16px;
    font-family: 'Arial';
    font-size: 12px;
    font-weight: bold;
    float: left;
}

div#PeselNip {
    background-color: transparent;
    width: 206px;
    height: 13px;
    font-family: 'Arial';
    font-size: 11px;
    margin: 5px 0px 0px 0px;
    color: #666666;
    float: left;
}

div#TextBox {
    width: 257px;
    height: 38px;
    margin: 5px 0px 0px 10px;
    float: left;
}


/***********************TAX PAYER ROLL*/
div#RollContent {
    width: 540px;
    height: 90px;
    background-color: transparent;
    float: left;
}

div#RollPanel {
    width: 540px;
    height: 60px;
    background-color: transparent;
    float: left;
}

div#ButtonPanel {
    width: 540px;
    height: 35px;
    background-color: transparent;
    float: left;
    margin: 5x 0px 0px 10px;
}

input#NewPersonButton {
    width: 130px;
    height: 24px;
    float: left;
    background-image: url('../Images/btn_dodaj_osobe_normal.png');
    border: none;
}

    input#NewPersonButton:hover {
        background-image: url('../Images/btn_dodaj_osobe_over.png');
    }

.accordionElement {
    background-image: url('Images/AccordionElementActive.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 240px;
    height: 40px;
    float: left;
    cursor: pointer;
}

    .accordionElement:hover {
        background-image: url('Images/AccordionElementHover.png');
        background-repeat: no-repeat;
    }

    .accordionElement:active {
        background-image: url('Images/AccordionElementClicked.png');
        background-repeat: no-repeat;
    }

.acElem {
    margin-left: 10px;
    margin-top: 7px;
    margin-bottom: 13px;
    font-weight: bold;
    font-family: 'Arial';
    font-size: 12px;
    height: auto;
    width: auto;
    float: left;
}

.acSubElem {
    margin-left: 35px;
    margin-bottom: 10px;
    font-family: 'Arial';
    font-size: 12px;
    height: auto;
    width: auto;
    float: left;
}

.acSubElemClicked {
    margin-left: 35px;
    margin-bottom: 10px;
    font-family: 'Arial';
    font-size: 12px;
    height: auto;
    width: auto;
    float: left;
    color: #C0C0C0;
    cursor: default;
}

.accordionElementClicked {
    background-image: url('Images/AccordionElementClicked.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 240px;
    height: 40px;
    float: left;
    cursor: pointer;
}

.accordionElementDisabled {
    background-image: url('Images/AccordionElementActive.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 240px;
    height: 34px;
    float: left;
    cursor: default;
    color: #C0C0C0;
}

.subAccordionElement {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 240px;
    height: 34px;
    float: left;
    cursor: pointer;
    background-image: url('Images/SubElementBackground.png');
}

.subAccordionElementDisabled {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 240px;
    height: 34px;
    float: left;
    background-image: url('Images/SubElementBackground.png');
    color: #C0C0C0;
}

.subAccordionElementClicked {
    background-image: url('Images/SubElementBackgroundActive.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 240px;
    height: 34px;
    float: left;
    cursor: pointer;
}

.subAccordionElement:hover {
    background-image: url('Images/SubElementBackgroundActive.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}



/*------------------------------------------------------SUMMARY STEP---------------------------------------------------------------------------------------------------------------*/

/*OPP*/
div#OppContent {
    float: left;
    width: 600px;
    height: auto;
    position: relative;
}

#OppHeader {
    font-weight: bold;
    font-family: 'Arial';
    font-size: 16px;
    padding-left: 5px;
}

#OppInfo {
    font-family: 'Arial';
    font-size: 14px;
    width: 580px;
    padding-bottom: 15px;
}

img#FoundationLogo {
    max-width: 200px;
    max-height: 100px;
    float: left;
    margin: 5px 0px 0px 10px;
}

.opp-found-nameadd {
    margin-left: 15px;
    float: left;
    padding: 5px 3px;
}

#FoundationName {
    margin-bottom: 0.3em;
}

#FoundationAdress {
    margin-bottom: 1em;
}

a#FoundationUrl {
}

input#ReadMore {
    margin-left: 35px;
}

#FoundationBeneficiary {
    margin: 15px 0px 0px 10px;
    font-family: 'Arial';
    font-size: 14px;
    color: #008000;
}

#OppDetails {
    width: 580px;
    margin: 0px 0px 15px 10px;
    font-family: 'Arial';
    font-size: 14px;
}

.oppAgrCheck {
    margin-top: 10px;
    margin: 10px 5px 0 16px;
}

.oppAgrLabel {
    margin-top: 10px;
}

#NumerKrs {
    float: left;
    margin: 5px 15px 0 50px;
}

#FormsList {
    font-family: 'Arial';
    font-size: 14px;
    width: 580px;
    margin: 0px 0px 0px 10px;
    height: auto;
}

.oppFormDiv {
    width: 500px;
    margin: 15px 0px 0px 0px;
}

.oppFormHeader {
    color: #800000;
    font-weight: bolder;
    margin: 0px 0px 0px 5px;
}

.oppValue {
    margin: 20px 0px 0px 5px;
}

.oppValueBold {
    margin: 20px 0px 0px 5px;
    font-weight: bold;
}

/*SummaryFormSaver*/

div#SFormSaverContent {
    float: left;
    width: 600px;
    height: auto;
    position: relative;
}

div#SFormSaverHeader {
    float: left;
    font-family: 'Arial';
    font-size: 16px;
    margin: 5px 0px 0px 15px;
    position: relative;
}

div#SFormSaverLabel {
    float: left;
    font-family: 'Arial';
    font-size: 14px;
    margin: 40px 0px 0px 15px;
    position: absolute;
    font-weight: bolder;
}

div#SFormSaverFile {
    border-style: dashed;
    border-width: thin;
    width: 500px;
    height: 100px;
    float: left;
    font-family: 'Arial';
    font-size: 14px;
    position: relative;
    margin: 0px 0px 0px 10px;
    background-color: #C0C0C0;
}

p#SFormSaverFileHeader {
    width: 490px;
    height: auto;
    margin: 5px 0px 0px 5px;
    float: left;
}

label#SFormSaverFilePathLabel {
    float: left;
    position: relative;
    margin: 5px 0px 0px 5px;
    font-family: 'Arial';
    font-size: 14px;
}

label#DoZwrotuLabel {
    float: left;
    position: relative;
    margin: 10px 0px 0px 228px;
    font-family: 'Arial';
    font-size: 12px;
}

label#DoZaplatyLabel {
    float: left;
    margin: 10px 0px 0px 10px;
    font-family: 'Arial';
    font-size: 12px;
}

input#SFormSaverFilePath {
    width: 400px;
    margin: 10px 0px 0px 5px;
    position: relative;
}

div#SFormSaverFormPayments {
    position: relative;
    margin: 15px 0px 0px 0px;
    float: left;
}

.FormPayment {
    border-style: groove;
    width: 500px;
    margin: 10px 0px 0px 10px;
    font-family: 'Arial';
    font-size: 14px;
    position: relative;
    float: left;
    height: auto;
}

.pFormPayment {
    width: 200px;
    height: 20px;
    float: left;
    margin: 5px 0px 0px 5px;
    color: #800080;
}

.pFormPaymentDisabled {
    width: 200px;
    height: 20px;
    float: left;
    margin: 5px 0px 0px 5px;
    color: Gray;
}


.pFormPaymentValue {
    border: 1px dashed #800080;
    width: 100px;
    height: 15px;
    float: left;
    margin: 5px 0px 0px 10px;
    background-color: #CCCCCC;
}

.pFormPaymentBox {
    width: 250px;
    height: 18px;
    float: left;
}

.pFormPaymentMessage {
    float: left;
    margin: 5px 0px 0px 5px;
    width: 200px;
    font-size: 12px;
}

.pFormPaymentMessageField {
    float: left;
    margin: 5px 0px 0px 5px;
    width: 100px;
    font-size: 12px;
}

.divFormPaymentMessage {
    width: 500px;
    float: left;
    margin: 5px 0px 0px 0px;
}

.aFormPaymentLink {
    width: 80px;
    float: left;
    font-size: 12px;
}

.validationImgFalse {
    width: 18px;
    height: 18px;
    float: left;
    margin: 5px 0px 0px 5px;
    cursor: pointer;
}

.validationImgTrue {
    width: 18px;
    height: 18px;
    float: left;
    margin: 5px 0px 0px 5px;
}

/*Send and Print*/
div#SendAndPrintContent {
    width: 600px;
    float: left;
    font-family: 'Arial';
    margin: 5px 0px 0px 5px;
    height: auto;
}

div#SendAndPrintHeader {
    float: left;
    font-size: 18px;
    width: 550px;
    margin: 5px 0px 0px 5px;
}

div#SendAndPrintCheckboxes {
    float: left;
    font-size: 14px;
    width: 550px;
    margin: 5px 0px 0px 5px;
}

div#mfPanel {
    float: left;
    font-size: 14px;
    width: 550px;
    margin: 5px 0px 0px 5px;
}


.aSendAndPrint {
    width: 500px;
    float: left;
    margin: 5px 0px 10px 10px;
}

input#createAccount {
    float: left;
    margin: 5px 0px 0px 5px;
}

.imgSendAndPrint {
    width: 25px;
    height: 25px;
}

label#CreateAccHeader {
}

label#CreateAccLabel {
}

label#CreateAccEmailL {
}

img#errorIconEmail {
}

img#infoIconEmail {
}

input#CreateAccEmail {
}

label#CreateAccEmail2L {
}

input#CreateAccEmail2 {
}

img#errorIconEmail2 {
}

img#infoIconEmail2 {
}

label#CreateAccPasswordL {
}

input#CreateAccPassword {
}

img#errorIconPassword {
}

img#infoIconPassword {
}

label#CreateAccPassword2L {
}

input#CreateAccPassword2 {
}

img#errorIconPassword2 {
}

img#infoIconPassword2 {
}

a#CreateAccReg {
}

input#CreateAccAnulujButton {
    float: left;
    margin: 350px 0px 0px 280px;
    position: absolute;
}

input#CreateAccZalozButton {
    float: left;
    margin: 350px 0px 0px 170px;
    position: absolute;
}

input#LoginAccZaloguj {
    float: left;
    position: absolute;
    margin: 220px 0px 0px 160px;
}

input#LoginAccAnuluj {
    float: left;
    position: absolute;
    margin: 220px 0px 0px 250px;
}

input#LoginAccEmail {
    float: left;
    position: absolute;
    margin: 120px 0px 0px 240px;
    font-family: 'Arial';
}

label#LoginAccEmailL {
    float: left;
    margin: 120px 0px 0px 20px;
    font-family: 'Arial';
    position: absolute;
}

input#LoginAccPassword {
    float: left;
    position: absolute;
    margin: 150px 0px 0px 240px;
    font-family: 'Arial';
}

label#LoginAccPasswordL {
    float: left;
    margin: 150px 0px 0px 20px;
    font-family: 'Arial';
    position: absolute;
}






div#PrintFormContent {
    float: left;
    width: 600px;
    height: 610px;
    font-family: 'MS Sans Serif';
}

div#PrintFormHeaderBox {
    width: 590px;
    height: 30px;
    float: left;
}

img#PrintFormHeaderImg {
    float: left;
    margin: 10px 0px 0px 5px;
}

p#PrintFormHeader {
    margin-left: 10px;
    font-size: 18px;
    float: left;
}

div#PrintFormSettingsBox {
    margin: 20px 0px 0px 10px;
    border-style: ridge;
    border-color: White;
    border-width: 1px;
    width: 580px;
    height: 100px;
    float: left;
}

div#PrinterSortSetting {
    float: left;
    margin: 10px 0px 0px 20px;
    border-style: ridge;
    border-color: White;
    border-width: 1px;
    width: 130px;
    height: 40px;
    font-size: 11px;
}

input#PrinterSortSettingOn {
    float: left;
    margin: 3px 0px 0px 4px;
}

label#PrinterSortSettingLabel {
    float: left;
    font-size: 14px;
    width: 120px;
}



input#PrinterBackSettingOn {
    float: left;
    margin: 3px 0px 0px 4px;
}

label#PrinterBackSettingLabel {
    float: left;
    font-size: 14px;
    width: 120px;
}


div#PrinterBackSetting {
    float: left;
    margin: 10px 0px 0px 10px;
    border-style: ridge;
    border-color: White;
    border-width: 1px;
    width: 130px;
    height: 40px;
    font-size: 11px;
}

label#PrinterSelectorLabel {
    float: left;
    font-size: 14px;
    margin: 10px 0px 0px 5px;
}

select#PrinterSelector {
    margin: 10px 0px 0px 30px;
    width: 180px;
    float: left;
}

div#PrintFormSettingsBox {
    font-size: 14px;
    float: left;
}

label#PrinterCopiesLabel {
    margin: 10px 0px 0px 5px;
    float: left;
}

select#PrinterCopiesCount {
    float: left;
    margin: 10px 0px 0px 15px;
}

div#PrinterForms {
    margin: 10px 0px 0px 10px;
    border-style: ridge;
    border-width: 1px;
    border-color: White;
    width: 285px;
    height: 400px;
    float: left;
    font-size: 14px;
}

label#PrinterFormsHeader {
    float: left;
    margin: 5px 0px 0px 5px;
}

label#PrinterFormsLabel {
    float: left;
    margin: 15px 0px 10px 5px;
    font-size: 13px;
    width: 250px;
}

div#PrinterPreview {
    margin: 10px 0px 0px 10px;
    border-style: ridge;
    border-width: 1px;
    border-color: White;
    width: 285px;
    height: 400px;
    font-size: 14px;
    float: left;
}

label#PrinterPreviewHeader {
    float: left;
    margin: 5px 0px 0px 5px;
}

select#PrinterPreviewSelector {
    float: left;
    width: inherit;
}

div#PrinterButtons {
    float: left;
    width: 590px;
    height: 30px;
    margin-bottom: 25px;
}

input#PrinterPrintButton {
    float: left;
    margin: 5px 0px 0px 10px;
}

input#PrinterPDFButton {
    float: left;
    margin: 5px 0px 0px 5px;
}

input#PrinterAnulujButton {
    float: left;
    margin: 5px 0px 0px 330px;
}

.pPrintFormsHeader {
    float: left;
    margin: 8px 0px 5px 5px;
    font-size: 11px;
    width: 220px;
}

.chPrintFormsMainCheck {
    float: left;
    margin: 8px 0px 5px 5px;
}

.pPrintFormsPage {
    float: left;
    margin: 5px 0px 0px 5px;
    font-size: 11px;
    width: 220px;
}

.chPrintFormsPageCheck {
    float: left;
    margin: 5px 0px 0px 20px;
}

.divPrintFormDiv {
    border-style: none none groove none;
    border-bottom-width: 1px;
    height: 120px;
}

div#PrinterFormsList {
    margin: 0px 0px 0px 5px;
    border-style: ridge;
    border-width: 1px;
    border-color: black;
    width: 275px;
    height: 320px;
    float: left;
    font-size: 14px;
    overflow: scroll;
}

/*EndForm*/

img#EndImage {
    margin: 10px 0px 0px 50px;
}

img#EndDownload {
    cursor: pointer;
    margin: 10px 0px 0px 120px;
}

div#EndFormContent {
    float: left;
    position: relative;
    height: 400px;
    width: 600px;
}

.errorIconCreateAcc {
    position: relative;
    cursor: pointer;
    float: left;
    border: none;
    margin: 35px 0px 0px 5px;
    height: 18px;
    width: 18px;
}

.errorIconCreateAcc2 {
    position: relative;
    cursor: pointer;
    float: left;
    border: none;
    margin: 10px 0px 0px 5px;
    height: 18px;
    width: 18px;
}

.infoIconCreateAcc {
    position: relative;
    float: left;
    border: none;
    margin: 35px 0px 0px 5px;
}

.infoIconCreateAcc2 {
    position: relative;
    float: left;
    border: none;
    margin: 10px 0px 0px 5px;
}

/*******SendForm************************************/

p#SendFormContentHeader {
    width: 570px;
    height: 20px;
    float: left;
    margin: 10px 0px 0px 10px;
    font-family: 'Arial';
    font-size: 16px;
}

div#SendFormGate {
    width: 560px;
    height: 50px;
    margin: 30px 0px 0px 20px;
    font-family: 'Arial';
    float: left;
}

img#SendFormGateImg {
    width: 25px;
    height: 25px;
    float: left;
}

p#SendFormGateHeader {
    width: 380px;
    margin: 5px 0px 0px 15px;
    font-size: 14px;
    float: left;
    font-weight: bold;
}

p#SendFormDesc {
    width: 500px;
    float: left;
    margin: 10px 0px 0px 25px;
    font-family: 'Arial';
    font-size: 13px;
}

div#PrintingFormsContainer {
    border: 2px groove #C0C0C0;
    width: 500px;
    float: left;
    margin: 10px 0px 0px 25px;
    font-family: 'Arial';
    font-size: 13px;
    color: #800000;
}

img#SendFormSendButton {
    width: 70px;
    height: 24px;
    float: left;
    margin: 10px 0px 0px 25px;
}

.FormToSendCheckbox {
    float: left;
    margin: 5px 0px 0px 5px;
}

.FormToSendLabel {
    width: 470px;
    height: 20px;
    float: left;
    margin: 5px 0px 0px 10px;
    font-weight: bold;
}

div#SendFormBlockedForms {
    width: 500px;
    height: 150px;
    float: left;
    font-family: 'Arial';
    font-size: 13px;
    color: #800000;
    margin: 0px 0px 0px 15px;
}

div#SendFormBlockedFormsContent {
    width: 220px;
    height: 120px;
    float: left;
}

.BlockedFormLabel {
    width: 200px;
    height: 20px;
    float: left;
    margin: 15px 0px 0px 10px;
    font-weight: bold;
    border-bottom-style: groove;
    border-bottom-width: 2px;
    border-bottom-color: #C0C0C0;
}

div#BlockedFormsDesc {
    width: 270px;
    height: 60px;
    float: right;
    font-size: 12px;
    color: #000000;
    margin: 15px 0px 0px 5px;
    vertical-align: middle;
    background-color: #E8E8E8;
}

p#BlockedFormsDescLabel {
    margin: 3px 3px 3px 3px;
}

.FormSendLink {
    margin: 5px 0px 0px 5px;
}

/******************* Wizards ************************************************/


.WizQuestion h2 {
    min-width: 500px;
    max-width: 600px;
}

.WizAnswer {
    min-width: 500px;
    min-height: 30px; /* max-height:60px;*/
}

.WizAnswerCheck {
    float: left;
}

.WizzAnswerLabel {
    display: inline-block;
    width: 250px;
    min-height: 40px;
    text-align: right;
    margin-top: 0px;
}

.WizzAnswerLabelCheck {
    display: inline-block;
    min-height: 20px;
    max-width: 800px;
    text-align: left;
    margin-top: 0px;
}

.WizzAnswerLabelCheckSubWiz {
    display: inline-block;
    min-height: 20px;
    max-width: 600px;
    text-align: left;
    margin-top: 0px;
}

.WizTextField {
    position: absolute;
    margin-left: 10px;
    margin-bottom: 30px;
    width: 200px;
    height: 20px;
}


.WizAnswerinfoIcon {
    position: absolute;
    cursor: pointer;
    margin-left: 230px;
    margin-top: 5px;
    float: left;
}

.WizAnswerinfoIconDisabled {
    position: absolute;
    cursor: default;
    margin-left: 230px;
    margin-top: 5px;
    float: left;
}

.WizAnswererrorIcon {
    position: absolute;
    cursor: pointer;
    margin-left: 245px;
    margin-top: 5px;
    height: 13px;
    width: 13px;
    float: left;
}

.WizAnswererrorIconDisabled {
    position: absolute;
    cursor: default;
    margin-left: 245px;
    margin-top: 5px;
    float: left;
}

.WizQuestionerrorIcon {
    position: absolute;
    cursor: pointer;
    margin-left: 5px;
    margin-top: 2px;
    height: 13px;
    width: 13px;
    float: left;
}

.WizQuestionerrorIconDis {
    position: absolute;
    cursor: default;
    margin-left: 2px;
    margin-top: 5px;
    height: 13px;
    width: 13px;
    float: left;
}


.WizAnswerinfoIconCheck {
    position: absolute;
    cursor: pointer;
    margin-left: 5px;
    margin-top: 2px;
    float: left;
}

.WizAnswerinfoIconDisabledCheck {
    position: absolute;
    cursor: default;
    margin-left: 5px;
    margin-top: 2px;
    float: left;
}

.WizAnswererrorIconCheck {
    position: absolute;
    cursor: pointer;
    margin-left: 20px;
    margin-top: 2px;
    height: 13px;
    width: 13px;
    float: left;
}

.WizAnswererrorIconDisabledCheck {
    position: absolute;
    cursor: default;
    margin-left: 20px;
    margin-top: 2px;
    height: 13px;
    width: 13px;
    float: left;
}

.hiddenDiv {
    visibility: hidden;
    display: none;
}

.WizAnswerinfoHeader {
    font-weight: bold;
}

.clear {
    clear: both;
    overflow: hidden;
    height: 0;
}

div#dialog {
    padding: 0px 0px 0px 0px;
    resize: both;
    border-image-width: 0px 0px 0px 0px;
}

/**********************************SubWizards***********************************************************************************/
div#TaxPayerContent {
    height: 100px;
    width: 600px;
    float: left;
    background-color: #CCFF99;
}

div#TextBox {
    width: 450px;
    height: 80px;
    float: left;
    margin: 5px 0px 0px 5px;
}

div#ChButton {
    width: 130px;
    height: 80px;
    float: left;
    margin: 5px 0px 0px 5px;
    position: relative;
}

div#EdDelButtons {
    float: left;
    margin: 0px 0px 0px 0px;
    position: relative;
}

input#ChoseButton {
    float: left;
    position: absolute;
}

a#editLink {
    float: left;
    margin: 35px 0px 0px 5px;
}

    a#editLink:hover {
        background-color: white;
    }

.WizSubWizInput {
    background-color: #C0C0C0;
    float: right;
}

.BlockedFieldInSubwiz {
    background-color: #C0C0C0;
    cursor: default;
    color: #000000;
    position: absolute;
    margin-left: 10px;
    margin-bottom: 30px;
    width: 200px;
    height: 20px;
}

div#testowaBelka {
    background-color: #66CCFF;
}



.WizAnswerinfoIconHidden {
    cursor: default;
    margin-left: 0px;
    float: right;
    display: none;
}

.WizAnswererrorIconHidden {
    cursor: default;
    margin-left: 0px;
    height: 13px;
    width: 13px;
    float: right;
    display: none;
}

#CloudOpenDialog {
    display: none;
}

.cloudFormsTable {
    overflow: scroll;
    height: 350px;
    width: 500px;
    border: solid 1px black;
    border-spacing: 0;
}

.cloudFormsTable-formrow {
    height: 35px;
}

.cloudFormsTable-formcell {
    border-bottom: dotted 1px black;
    border-right: dotted 1px black;
    width: 40%;
}

.cloudFormsTable-datecell {
    border-bottom: dotted 1px black;
    border-right: dotted 1px black;
    padding: 0 3px;
}

.cloudFormsTable-downloadcell {
    border-bottom: dotted 1px black;
    text-align: center;
}

.cloudFormsTable-desccell {
    vertical-align: top;
    border-bottom: solid 1px black;
    min-height: 55px;
}

.cloudFormsTable-descrow {
}


/************TaxPayerEditor*************/
input#AddTaxPayerButton {
    background-image: url('Images/btn_dodaj_osobe_normal.png');
    background-repeat: no-repeat;
    position: absolute;
    height: 25px;
    width: 132px;
    border: none;
    float: right;
    margin: 400px 0px 10px 200px;
    cursor: pointer;
}

    input#AddTaxPayerButton:hover {
        background-image: url('Images/btn_dodaj_osobe_over.png');
    }

div#TaxPayerEditor {
    float: left;
    width: 400px;
    height: 500px;
}

label#txbPierwszeImieLabel {
    float: left;
    position: absolute;
    margin: 20px 0px 0px 10px;
}



label#txbNazwiskoLabel {
    float: left;
    position: absolute;
    margin: 55px 0px 0px 10px;
}



label#txbNIPLabel {
    float: left;
    position: absolute;
    margin: 90px 0px 0px 10px;
}



label#txbPESELLabel {
    float: left;
    position: absolute;
    margin: 90px 0px 0px 270px;
}



label#DataLabel {
    float: left;
    position: absolute;
    margin: 125px 0px 0px 10px;
}



label#SelectKrajLabel {
    float: left;
    position: absolute;
    margin: 160px 0px 0px 10px;
}

select#SelectKraj {
    width: 195px;
    height: 23px;
}

@media screen and (max-device-width: 800px) {
    select#SelectKraj {
        height: 40px;
        width: 400px;
    }
}


label#SelectWojLabel {
    float: left;
    position: absolute;
    margin: 195px 0px 0px 10px;
}

select#SelectWoj {
    width: 195px;
    height: 23px;
}

@media screen and (max-device-width: 800px) {
    select#SelectWoj {
        height: 40px;
        width: 400px;
    }
}



label#SelectPowiatLabel {
    float: left;
    position: absolute;
    margin: 230px 0px 0px 10px;
}

select#SelectPowiat {
    width: 195px;
    height: 23px;
}

label#SelectGminaLabel {
    float: left;
    position: absolute;
    margin: 265px 0px 0px 10px;
}

select#SelectGmina {
    width: 195px;
    height: 23px;
}

label#SelectMiejscLabel {
    float: left;
    position: absolute;
    margin: 300px 0px 0px 10px;
}

select#SelectMiejsc {
    width: 195px;
    height: 23px;
}

label#txbUlicaLabel {
    float: left;
    position: absolute;
    margin: 335px 0px 0px 10px;
}

select#SelectUlica {
    width: 195px;
    height: 23px;
}


label#txbNrDomuLabel {
    float: left;
    position: absolute;
    margin: 370px 0px 0px 10px;
}


label#txbNrLokaluLabel {
    float: left;
    position: absolute;
    margin: 370px 0px 0px 270px;
}



label#txbKodPoczLabel {
    float: left;
    position: absolute;
    margin: 405px 0px 0px 10px;
}


label#txbPoczLabel {
    float: left;
    position: absolute;
    margin: 405px 0px 0px 270px;
}


div#LicenseTextDiv p {
    text-align: justify;
}


/* ############ KRS WIZARD ################# */

/*PITOLINKA*/
div#LeftMenuHelpSection {
    background-color: White;
}

.hb-leftside {
    float: left;
    margin-top: 13px;
}

.hb-rightside {
    float: right;
    margin-top: 13px;
}

.hb-slogan {
    color: #048fbd;
    font-size: 20px;
    padding: 8px 0 5px 0;
}

.hb-headline {
    max-width: 130px;
    color: #000000;
    font-size: 15px;
    margin: 0 3px 0 0;
}

.hbpane {
    margin: 0 13px 0 13px;
}

.hb-helplist {
    margin: 10px 0px 0px 5px;
    color: #048fbd;
    font-size: 13px;
}

.linkedContent {
    max-width: 240px;
    color: #048fbd;
    font-size: 13px;
}

/* LOGIN STATUS */
.ls-loginblock {
    float: left;
    min-width: 180px;
    height: 53px;
    padding-top: 12px;
    color: black;
}

    .ls-loginblock em {
        color: #0650C0;
        text-decoration: underline;
        line-height: 200%;
        font-style: normal;
    }

.ls-extendblock {
    float: left;
    width: 50px;
    height: 43px;
    padding-top: 22px;
}

    .ls-extendblock img {
        vertical-align: middle;
        cursor: pointer;
    }

.ls-extendcontent {
    display: none;
    position: absolute;
    top: 60px;
    z-index: 100;
    border: solid 1px black;
    width: 202px;
}

.ls-extendnotactive {
    display: none;
    width: 202px;
    height: 63px;
}

.ls-extendopen {
    display: none;
    width: 202px;
    height: 56px;
    cursor: pointer;
}

.ls-extendsignout {
    width: 202px;
    height: 44px;
    cursor: pointer;
}

.error-button {
    cursor: pointer;
}