.desktop-visible {
	display: inherit;
}

.mobile-visible {
	display: none !important;
}

*:focus {
    outline: none;
}

fieldset {
    border: none;
}

.plus {
    color: #3f5e22;
}

.minus {
    color: #a51d1c;
}

.contactForm {
    background: url(images/iconContactForm.png) 0 3px no-repeat;
    padding: 0 0 0 14px;
}

#tooltip {
    border: 1px solid #BFBFBF;
    float: left;
    font-size: 11px;
    max-width: 250px;
    padding: 5px;
    position: absolute;
    color: #464646;
    z-index: 999999;
}

.rounded {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.DistributionGlossaryLink {
    color: #333;
    line-height: 23px;
}

.footerInfo .mail {
    background: url(images/iconMailGray.png) 0 3px no-repeat;
}

.footerInfo .web {
    background: url(images/iconWebGray.png) 0 3px no-repeat;
}

.footerInfo .phone {
    background: url(images/iconPhoneGray.png) 0 3px no-repeat;
}

    .footerInfo .phone a {
        text-decoration: none;
    }

.footerInfo .fax {
    background: url(images/iconFaxGray.png) 0 3px no-repeat;
}

.footerInfo .contactForm {
    background: url(images/iconContactFormGray.png) 0 3px no-repeat;
}


.SendSuccess {
    text-align: center;
    color: #89181C;
    margin-top: 20px;
}

.toggleTransAccounts, .togglePersons, .toggleSecurity, .toggleBudget, .toggleFinancial, .toggleConnected {
    display: none;
}

#addTransAccount {
/*    color: #666;
    font-size: 12px;
    float: right;
    margin-right: 24px;
    margin-top: 7px;*/
}


::-webkit-input-placeholder {
    color: #999;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

.mainSearch .tbox input:-moz-placeholder, .userDetails .tbox input:-moz-placeholder, #accountEmailConfirm .tbox input:-moz-placeholder, #accountPasswordConfirm .tbox input:-moz-placeholder, .paymentChoice .tbox input:-moz-placeholder, .companyAccount .tbox input, input.hasDatepicker:-moz-placeholder, input#ActivityCompanies:-moz-placeholder, .mainSearch .cbox input.ui-autocomplete-input:-moz-placeholder, input#ActivityPersons:-moz-placeholder, input#ActivityNews:-moz-placeholder {
    color: #999;
}

.contentWide {
    width: 100%;
    position: relative;
    z-index: 5;
    float: left;
}

.languageSwitcher {
    position: absolute;
    top: 10px;
    right: 4px;
    font-size: 11px;
}

    .languageSwitcher ul {
        display: inline-block;
    }

        .languageSwitcher ul li {
            float: left;
            margin: 0 12px 0 0;
            height: 17px;
            line-height: 17px;
        }

            .languageSwitcher ul li.langDel {
                background: url(images/langDel.png) 0 0 no-repeat;
            }

            .languageSwitcher ul li a {
                color: #fff;
                text-decoration: none;
            }

                .languageSwitcher ul li a:hover, .languageSwitcher ul li a.selected {
                    color: #a9b9dc;
                }

.user {
    position: absolute;    
    right: 4px;
    font-size: 11px;
}

#currentCurrency {
    position: relative;
}

.user .vrstaPrikaza {
    right: -27px !important;
    top: 8px !important;
}

.notLogged {
    position: absolute;
    top: 72px;
    right: 4px;
}
    
    .user ul, .notLogged ul {
        display: inline-block;
        height: 33px;
        line-height: 33px;
    }

        .user ul li, .notLogged ul li {
            float: left;
            margin: 0 12px 0 0;
        }

            .user ul li a {
                color: #ffffff;
                text-decoration: none;
                display: block;
            }

            .user ul li.trialFormLink a {
                background: url(images/header-btn-probaj-animacija.gif) 0 0 no-repeat;
                width: 117px;
                height: 33px;
            }

            .user ul li a.dd {
                background: url(images/ddArrow.png) right 13px no-repeat;
                padding: 0 13px 0 0;
            }

            .notLogged ul li a {
                color: #ffffff;
                text-decoration: none;
                font-size: 12px;
                margin: 0 0 0 5px;
                padding: 0 0 0 20px;
                height: 20px;
                line-height: 20px;
                display: block;
            }

                .notLogged ul li a.login {
                    background: url(images/iconLogin.png) 0 0 no-repeat;
                }

                .notLogged ul li a.register {
                    background: url(images/iconRegister.png) 0 2px no-repeat;
                }



.EmptyNoteList {
	color: #999;
	float: left;
	text-align: center;
	margin-top: 20px;
	font-size: 17px;
	padding-left: 45px;
	padding-top: 30px;
	width: 100%;
	box-sizing: border-box;
}

.EmptySubjectList {
    color: #999;
    float: left;
    margin-top: 20px;
    font-size: 17px;
    padding-left: 45px;
    padding-top: 30px;
    width: 100%;
    box-sizing: border-box;
}

.EmptyRadarList {
    color: #999;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 17px;
    padding-left: 45px;
    width: 100%;
    box-sizing: border-box;
}

#analysisHolder .toolbarCriteriaSave:has(#exportAnalysisExcel) {
    margin-top: 10px;
}

.mainSearch .tbox-bank-account {
    float: left;
    height: 33px;
    background: url(images/tboxBgrDisabled.png) 0 0 no-repeat;
    padding: 0 0 0 5px;
    margin: 0 -1px 0 0;
    position: relative;
}

.userDetails .tboxEdit {
    border: solid 2px #89181c;
}  

.mainSearch .tbox-bank-account span {
    float: left;
    height: 23px;
    background: url(images/tboxBgrDisabled.png) right 0 no-repeat;
    padding: 5px 5px 5px 0;
}

.mainSearch .tboxDummy div {
    float: left;
    height: 33px;
    background: url(images/tboxBgr.png) right 0 no-repeat;
    padding: 5px;
    color: #666;
    font-size: 11px;
    line-height: 24px;
}

.mainSearch .tboxDummy .name {
    width: 620px;
}

.mainSearch .tboxDummy .vocation {
    width: 200px;
}

.mainSearch .tboxDummy .connections {
    width: 156px;
}


.mainSearch .tboxDummy span.name {
    margin: 0 8px 0 0px;
    padding: 0;
    background: none;
    font-weight: bold;
    font-size: 14px;
    color: #4a68a6;
}

input.hasDatepicker {
    padding-top: 5px;
    width: 130px;
}

.procurementProcedureTypeWidth input.hasDatepicker {
    width: 92px;
}

.paymentChoice .tbox {
    margin-left: 33px;
}

    .paymentChoice .tbox input {
        width: 269px;
    }

.companyAccount .tbox input {
    width: 450px;
}

.mainSearch .tbox input.threequarterWidth, .userDetails .tbox input.threequarterWidth {
    width: 590px;
}

.mainSearch .tbox input.halfWidth, .userDetails .tbox input.halfWidth, .staticPageHolder .tbox input.halfWidth {
    width: 438px;
}

.mainSearch .tbox input.quarterWidth, .paymentChoice .tbox input.quarterWidth {
    width: 204px;
}

.mainSearch .tbox input.thirdWidth, .paymentChoice .tbox input.thirdWidth {
    width: 279px;
}

.mainSearch .tbox input.sixthWidth, .mainSearch .tbox-bank-account input.sixthWidth {
    width: 130px;
}

.clearboth {
    clear: both;
}

.mainSearch span.label {
    color: #777777;
    font-size: 11px;
    margin: 8px 5px 0 0;
    float: left;
}

.mainSearch .chart {
    /*width: 438px;*/
/*    height: 33px;*/
    /*float: left;*/
    /*padding: 0 0 0 5px;*/
/*    background: url(images/graphBackground.png) 0 0 no-repeat;*/
}

    .mainSearch .chart span {
        width: 433px;
        float: left;
        height: 33px;
        background: url(images/tboxBgr.png) right 0 no-repeat;
        padding: 0 5px 0 0;
    }

.mainSearch .newsSearchBgr {
    float: left;
    width: 100%;
    height: 200px;
}

.mainSearch .peopleListHolder, .mainSearch .newsListHolder {
    float: right;
    width: 455px;
    height: 130px;
    margin: 0 15px 0 0;
}

    .mainSearch .peopleListHolder .title, .mainSearch .newsListHolder .title {
        float: left;
        color: #4c68a6;
        font-weight: bold;
        font-size: 12px;
        margin: 10px 5px 0 10px;
    }

    .mainSearch .newsListHolder .title {
        margin: 42px 5px 0 10px;
    }

.mainSearch .peopleList, .mainSearch .newsList {
    float: left;
    margin: 8px 0 0 0;
    width: 455px;
    height: 104px;
    background: url(images/peopleListBgr.png) 0 0 no-repeat;
}

.mainSearch .newsList {
    height: 72px;
    background: url(images/newsListBgr.png) 0 0 no-repeat;
}

    .mainSearch .peopleList ul.left, .mainSearch .peopleList ul.right, .mainSearch .newsList ul {
        font-size: 11px;
        padding: 5px 10px;
        float: left;
        width: 205px;
    }

    .mainSearch .newsList ul {
        width: 435px;
    }

.mainSearch .peopleList ul li {
    padding: 1px 0 2px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 205px;
}

.mainSearch .newsList ul li {
    padding: 1px 0 2px 0;
    float: left;
    width: 217px;
}

    .mainSearch .newsList ul li .newsTitle {
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        width: 140px;
        height: 13px;
        display: inline-block;
        color: #777777;
    }

    .mainSearch .newsList ul li span.lider, .mainSearch .newsList ul li span.business, .mainSearch .newsList ul li span.poslovni, .mainSearch .newsList ul li span.seebiz {
        width: 11px;
        height: 13px;
        display: inline-block;
        background-position: 0 0;
        background-repeat: no-repeat;
    }

    .mainSearch .newsList ul li span.lider {
        background-image: url(images/newsIconLiderpressSmall.png);
    }

    .mainSearch .newsList ul li span.business {
        background-image: url(images/newsIconBusinessSmall.png);
    }

    .mainSearch .newsList ul li span.poslovni {
        background-image: url(images/newsIconPoslovniSmall.png);
    }

    .mainSearch .newsList ul li span.seebiz {
        background-image: url(images/newsIconSeebizSmall.png);
    }

.mainSearch .peopleList ul li a {
    color: #777777;
    text-decoration: none;
}

.mainSearch .newsList ul li a {
    display: inline-block;
    height: 13px;
    overflow: hidden;
    margin-left: 5px;
}

.mainSearch .line {
    width: 926px;
    float: left;
    clear: both;
    padding: 0 0 5px 0;
    margin: 5px 0 0 0;
    height: 1px;
    border-top: solid 1px #e7e6e6;
}

.mainSearch .help,
#CustomerUpdatedData .help,
.mainSearch .dummyHelp {
/*    float: left;
    margin: 12px 4px 0 1px;*/
    background: url(images/helpIcon.png) 0 0 no-repeat;
/*    width: 6px;
    height: 11px;*/
}

.mainSearch .dummyHelp {
    background: none;
}

.mainSearch .clear {
/*    float: left;
    margin: 12px 2px 0 70px;*/
    background: url(images/deleteIcon.png) 1px 1px no-repeat;
    /*width: 12px;
    height: 12px*/;
}

.mainSearch .add {
    /*float: left;
    margin: 12px 2px 0 2px;
    */
    background: url(images/addIcon.png) 0 0 no-repeat;
    /*width: 12px;
    height: 12px;*/
}

    .mainSearch .clear a, .mainSearch .add a {
        display: block;
        width: 12px;
        height: 12px;
    }

.mainSearch .help a,
#CustomerUpdatedData .help a {
    display: block;
    width: 6px;
    height: 11px;
}

.searchResultFilterPopup {
    display: none;
    position: absolute;
    z-index: 9999;
    padding: 0;
    width: auto;
}

    .searchResultFilterPopup a {
        color: #777777 !important;
        font-size: 11px;
        text-decoration: none;
        font-weight: normal;
        padding: 2px 10px;
        display: block;
        width: 100%;
        line-height: 15px;
        text-align: left;
    }

        .searchResultFilterPopup a:hover {
            color: #4c68a6;
        }

.contentNav .pagination a.previous, .contentNav .pagination a.next, .pagination span.current, .pagination span.disabled {
    color: #4c68a6;
    font-size: 12px;
    font-weight: bold;
}

.pagination span.disabled {
    color: #777777;
}

.pagination span.current {
    padding: 0 5px;
}

.contentHolder > .contentNav > .breadcrumb {
    margin-bottom: -14px;
    position: relative;
    margin-top: 6px;
}

ul.breadcrumb {
    margin-top: 3px;
}

    ul.breadcrumb li {
        display: inline;
        padding: 0 2px;
        color: #777777;
    }

        ul.breadcrumb li.selected {
            color: #4c68a6;
        }

/*.contentHolder {
    width: 957px;
    margin: 0 auto 0 auto;
    clear: both;
    position: relative;
    top: 35px;
}*/

.contentOneColumn {
/*    float: left;
    width: 957px;
    margin-bottom: 15px;
    position: relative;
    z-index: 0;*/
}

    .contentOneColumn #contentOneColumnHolder #roundedEdges {
        width: 958px;
        float: left;
        background: url(images/foldedBottom.png) bottom left no-repeat;
        border-right: solid 1px #c8c6c5;
        margin: -25px 0 0 0;
        padding: 0;
        height: 25px;
    }

.contentLeft {
/*    float: left;
    width: 643px;
    padding-bottom: 10px;
    position: relative;
    z-index: 10;
    margin-top: -13px;*/
}

    .contentLeft .toolbar, .contentOneColumn .toolbar {
  /*      float: left; 
        height: 25px;
        padding: 0 0 0 14px;
        position: relative;
        top: -5px;*/
    }

#free {
    top: 5px;
}

.contentLeft .toolbar a, .contentOneColumn .toolbar a {
/*    display: inline-block;
    width: 29px;
    height: 23px;
    margin: 0 3px 0 0;*/
}

    .contentLeft .toolbar a.icon01, 
    .contentOneColumn .toolbar a.icon01 {
        background: url(images/Falcon/SVGs/promjene_osobe_u_subjektu_gray_icon.svg) 0 0 no-repeat;
    }
    .contentLeft .toolbar a.icon01.selected,
    .contentOneColumn .toolbar a.icon01.selected {
        background: url(images/Falcon/SVGs/promjene_osobe_u_subjektu_icon.svg) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon02, 
    .contentOneColumn .toolbar a.icon02 {
        background: url(images/Falcon/SVGs/promjena_boniteta_gray_icon.svg) 0 0 no-repeat;
    }
    .contentLeft .toolbar a.icon02.selected, 
    .contentOneColumn .toolbar a.icon02.selected {
        background: url(images/Falcon/SVGs/promjena_boniteta_icon.svg) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon03, 
    .contentOneColumn .toolbar a.icon03 {
        background: url(images/Falcon/SVGs/JRR_gray_icon.svg) 0 0 no-repeat;
    }
    .contentLeft .toolbar a.icon03.selected, 
    .contentOneColumn .toolbar a.icon03.selected {
        background: url(images/Falcon/SVGs/JRR_icon.svg) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon04, 
    .contentOneColumn .toolbar a.icon04 {
        background: url(images/Falcon/SVGs/ostale_vijesti_o_subjektima_gray_icon.svg) 0 0 no-repeat;
    }
    .contentLeft .toolbar a.icon04.selected,
    .contentOneColumn .toolbar a.icon04.selected {
        background: url(images/Falcon/SVGs/ostale_vijesti_o_subjektima_icon.svg) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon05, 
    .contentOneColumn .toolbar a.icon05 {
        background: url(images/Falcon/SVGs/vijesti_iz_medija_gray_icon.svg) 0 0 no-repeat;
    }
    .contentLeft .toolbar a.icon05.selected,
    .contentOneColumn .toolbar a.icon05.selected {
        background: url(images/Falcon/SVGs/vijesti_iz_medija_icon.svg) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon06, 
    .contentOneColumn .toolbar a.icon06 {
        background: url(images/Falcon/SVGs/vijesti_fininfo_gray_icon.svg) 0 0 no-repeat;
    }
    .contentLeft .toolbar a.icon06.selected,
    .contentOneColumn .toolbar a.icon06.selected {
        background: url(images/Falcon/SVGs/vijesti_fininfo_icon.svg) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon07, 
    .contentOneColumn .toolbar a.icon07 {
        background: url(images/Falcon/SVGs/predstecajne_nagodbe_gray_icon.svg) 0 0 no-repeat;
    }
    .contentLeft .toolbar a.icon07.selected,
    .contentOneColumn .toolbar a.icon07.selected {
        background: url(images/Falcon/SVGs/predstecajne_nagodbe_icon.svg) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon08, .contentOneColumn .toolbar a.icon08 {
        background: url(images/toolbarIcon08.png) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon09, .contentOneColumn .toolbar a.icon09 {
        background: url(images/toolbarIcon09.png) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon10, .contentOneColumn .toolbar a.icon10 {
        background: url(images/toolbarIcon10.png) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon11, .contentOneColumn .toolbar a.icon11 {
        background: url(images/toolbarIcon11.png) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon12, 
    .contentOneColumn .toolbar a.icon12 {
        background: url(images/Falcon/SVGs/natjecaji_gray_icon.svg) 0 0 no-repeat;
    }
    .contentLeft .toolbar a.icon12.selected,
    .contentOneColumn .toolbar a.icon12.selected {
        background: url(images/Falcon/SVGs/natjecaji_icon.svg) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon17, 
    .contentOneColumn .toolbar a.icon17 {
        background: url(images/Falcon/SVGs/sudski_postupci_gray_icon.svg) 0 0 no-repeat;
    }
    .contentLeft .toolbar a.icon17.selected, 
    .contentOneColumn .toolbar a.icon17.selected {
        background: url(images/Falcon/SVGs/sudski_postupci_icon.svg) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.selectAll, 
    .contentOneColumn .toolbar a.selectAll {
        background: url(images/Falcon/SVGs/selektiraj_sve_icon.svg) 0 0 no-repeat;
    }
/*    .contentLeft .toolbar a.selectAll:hover, 
    .contentOneColumn .toolbar a.selectAll:hover {
        -ms-background-position: 0 0;
        background-position: 0 0;
    }*/

    .contentLeft .toolbar a.deselectAll, 
    .contentOneColumn .toolbar a.deselectAll {
        background: url(images/Falcon/SVGs/deselektiraj_sve_icon.svg) 0 0 no-repeat;
    }
/*    .contentLeft .toolbar a.deselectAll:hover, 
    .contentOneColumn .toolbar a.deselectAll:hover {
        -ms-background-position: 0 0;
        background-position: 0 0;
    }*/

/*    .contentLeft .toolbar a.selected,
    .contentOneColumn .toolbar a.selected, 
    .contentLeft .toolbar a:hover, 
    .contentOneColumn .toolbar a:hover {
        background-position: 0 -23px;
    }*/

.contentLeft .toolbar .toolbarDel, .contentOneColumn .toolbar .toolbarDel {
/*    display: inline-block;
    width: 2px;
    height: 23px;
    margin: 0 6px 0 0;
    background: url(images/toolbarDel.png) 0 0 no-repeat;*/
}

.contentLeft .tabs, .contentOneColumn .tabs {
/*    float: left;
    clear: both;
    display: inline-block;
    position: relative;
    left: 10px;
    top: -5px;
    z-index: 3;*/
}

    .contentLeft .tabs ul li, .contentOneColumn .tabs ul li {
/*        float: left;
        height: 36px;
        line-height: 34px;
        margin: 0 1px 0 0;*/
    }

        .contentLeft .tabs ul li a, .contentOneColumn .tabs ul li a {
/*            color: #777777;
            text-decoration: none;
            text-align: center;
            font-size: 12px;
            height: 36px;
            display: block;
            background: url(images/tabsBgr.png) 1px 0 no-repeat;
            padding: 0 0 0 20px;*/
        }

            .contentOneColumn .tabs ul li a.elearning {
                color: #777777;
                text-decoration: none;
                text-align: center;
                font-size: 12px;
                height: 36px;
                display: block;
                background: url(images/elearningHomeTabsBgr.png) 1px 0 no-repeat;
                padding: 0 0 0 53px;
            }

            .contentOneColumn .tabs ul li a.dictionary {
                color: #777777;
                text-decoration: none;
                text-align: center;
                font-size: 12px;
                height: 36px;
                display: block;
                background: url(images/elearningDictionaryTabsBgr.png) 1px 0 no-repeat;
                padding: 0 0 0 53px;
            }

            .contentOneColumn .tabs ul li a.elesons {
                color: #777777;
                text-decoration: none;
                text-align: center;
                font-size: 12px;
                height: 36px;
                display: block;
                background: url(images/elearningLessonsTabsBgr.png) 0 0 no-repeat;
                padding: 0 0 0 53px;
            }

            .contentOneColumn .tabs ul li a.blog {
                color: #777777;
                text-decoration: none;
                text-align: center;
                font-size: 12px;
                height: 36px;
                display: block;
                background: url(images/elearningBlogTabsBgr.png) 1px 0 no-repeat;
                padding: 0 0 0 53px;
            }

            .contentOneColumn .tabs ul li a.results {
                color: #666;
                text-decoration: none;
                text-align: center;
                font-size: 12px;
                height: 36px;
                display: none;
                background: url(images/elearningResultsTabsBgr.png) 0 0 no-repeat;
                padding: 0 0 0 53px;
            }

            .contentOneColumn .tabs ul li a.elearning.selected, .contentOneColumn .tabs ul li a.elearning:hover {
                color: #ffffff;
                background: url(images/elearningHomeTabsBgr.png) 1px -63px no-repeat;
            }

                .contentOneColumn .tabs ul li a.elearning.selected span, .contentOneColumn .tabs ul li a.elearning:hover span {
                    background: url(images/tabsBgr.png) right -63px no-repeat;
                }

            .contentOneColumn .tabs ul li a.dictionary.selected, .contentOneColumn .tabs ul li a.dictionary:hover {
                color: #ffffff;
                background: url(images/elearningDictionaryTabsBgr.png) 1px -63px no-repeat;
            }

                .contentOneColumn .tabs ul li a.dictionary.selected span, .contentOneColumn .tabs ul li a.dictionary:hover span {
                    background: url(images/tabsBgr.png) right -63px no-repeat;
                }

            .contentOneColumn .tabs ul li a.blog.selected, .contentOneColumn .tabs ul li a.blog:hover {
                color: #ffffff;
                background: url(images/elearningBlogTabsBgr.png) 1px -63px no-repeat;
            }

                .contentOneColumn .tabs ul li a.blog.selected span, .contentOneColumn .tabs ul li a.blog:hover span {
                    background: url(images/tabsBgr.png) right -63px no-repeat;
                }

            .contentOneColumn .tabs ul li a.elesons.selected, .contentOneColumn .tabs ul li a.elesons:hover {
                color: #ffffff;
                background: url(images/elearningLessonsTabsBgr.png) 0 -63px no-repeat;
            }

                .contentOneColumn .tabs ul li a.elesons.selected span, .contentOneColumn .tabs ul li a.elesons:hover span {
                    background: url(images/tabsBgr.png) right -63px no-repeat;
                }

            .contentOneColumn .tabs ul li a.results {
                background: url(images/elearningResultsTabsBgr.png) 0 0px no-repeat;
            }

                .contentOneColumn .tabs ul li a.results.selected {
                    color: white;
                    background: url(images/elearningResultsTabsBgr.png) 0 -63px no-repeat;
                }

                .contentOneColumn .tabs ul li a.results span {
                    background: url(images/tabsBgr.png) right 0px no-repeat;
                }

                .contentOneColumn .tabs ul li a.results.selected span {
                    background: url(images/tabsBgr.png) right -63px no-repeat;
                }

            .contentLeft .tabs ul li a span, .contentOneColumn .tabs ul li a span {
/*                height: 36px;
                display: block;
                background: url(images/tabsBgr.png) right 0 no-repeat;
                padding: 0 13px 0 0;
                cursor: pointer;*/
            }

            .contentLeft .tabs ul li a.selected, .contentOneColumn .tabs ul li a.selected {
/*                color: #ffffff;
                background: url(images/tabsBgr.png) 1px -63px no-repeat;*/
            }

                .contentLeft .tabs ul li a.selected span, .contentOneColumn .tabs ul li a.selected span {
/*                    background: url(images/tabsBgr.png) right -63px no-repeat;*/
                }

.contentLeft #scrollHolder, .contentOneColumn #scrollHolder, .contentOneColumn #oneColumnTabContent {
    /*width: 100%;
    float: left;
    background: url(images/foldedBottom.png) bottom left no-repeat;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    position: relative;
    left: 0;
    top: -25px;
    z-index: 2;
    clear: both;
    padding: 20px 0 0 0;
    min-height: 50px;*/
}

.contentOneColumn #oneColumnTabContent {
/*    background: none;
    border-left: solid 1px #c8c6c5;
    background-color: #ffffff;*/
}

.contentOneColumn .oneColumnTabContentBottom {
    width: 958px;
    height: 30px;
    float: left;
    background: url(images/foldedBottom.png) bottom left no-repeat;
    border-top: solid 0px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    position: relative;
    left: 0;
    top: -25px;
    z-index: 1;
    clear: both;
    padding: 0;
}

.procurementDetailsItem {
    max-width: 620px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    clear: left;
}

.newsDetails .newsContent a.poslovni {
    background: url(images/newsIconPoslovniSmall.png) 0 3px no-repeat;
    padding: 2px 0 2px 13px;
}

.newsDetails .newsContent a.business {
    background: url(images/newsIconBusinessSmall.png) 0 3px no-repeat;
    padding: 2px 0 2px 13px;
}

.newsDetails .newsContent a.lider {
    background: url(images/newsIconLiderpressSmall.png) 0 3px no-repeat;
    padding: 2px 0 2px 13px;
}

.newsDetails .newsContent a.seebiz {
    background: url(images/newsIconSeebizSmall.png) 0 3px no-repeat;
    padding: 2px 0 2px 13px;
}

.newsContent span.date,
.newsContent span.docNum,
.newsContent span.docType {
    display: inline-block;
    float: left;
}

.newsContent span.date {
    width: 100px;
}

.newsContent span.docNum {
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px;
}

.newsContent span.span200px {
    width: 200px;
    float: left;
}

.newsContent span.span195px {
    width: 195px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px;
    float: left;
}

.newsContent span.docType {
    max-width: 490px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px;
}
    
    .newsContent span.docType.pdf a,
    .newsContent span.docType._pdf a {
        background: url(images/pdficon_small.png) 0 4px no-repeat;
        padding: 5px 0 1px 22px;
    }

    .newsContent span.docType.odt a,
    .newsContent span.docType.ods a,
    .newsContent span.docType.rtf a,
    .newsContent span.docType.txt a,
    .newsContent span.docType.doc a,
    .newsContent span.docType.docx a {
        background: url(images/docxicon_small.png) 0 4px no-repeat;
        padding: 5px 0 1px 22px;
    }

    .newsContent span.docType.csv a,
    .newsContent span.docType.xlsb a,
    .newsContent span.docType.xls a,
    .newsContent span.docType.xlsx a {
        background: url(images/xlsxicon_small.png) 0 4px no-repeat;
        padding: 5px 0 1px 22px;
    }

    .newsContent span.docType.zip a,
    .newsContent span.docType.rar a,
    .newsContent span.docType._7z a {
        background: url(images/compressed-black-white.png) 0 4px no-repeat;
        padding: 5px 0 1px 22px;
    }

    .newsContent span.docType.jpeg a,
    .newsContent span.docType.jpg a,
    .newsContent span.docType.png a,
    .newsContent span.docType.bmp a,
    .newsContent span.docType.tif a,
    .newsContent span.docType.jpg a {
        background: url(images/image2-icon-small.png) 0 4px no-repeat;
        padding: 5px 0 1px 22px;
    }

    .newsContent span.docType.bin a,
    .newsContent span.docType.msg a,
    .newsContent span.docType.html a,
    .newsContent span.docType.eml a,
    .newsContent span.docType.dl_ a,
    .newsContent span.docType.km_ a,
    .newsContent span.docType.kp_ a,
    .newsContent span.docType.ex_ a,
    .newsContent span.docType.dwg a {
        background: url(images/blank-icon-small.png) 0 4px no-repeat;
        padding: 5px 0 1px 22px;
    }


.newsDetails .newsConnections,
.procurementDetails .newsConnections {
    float: right;
    width: 250px;
    padding-top: 8px;
    padding-right: 8px;
}

    .newsDetails .newsConnections h2,
    .procurementDetails .newsConnections h2,
    .procurementDetails p.source .subtitle,
    .newsDetails p.source .subtitle {
        color: #4c68a6;
        font-size: 16px;
        font-weight: bold;
    }

    .newsDetails .newsConnections ul,
    .procurementDetails .newsConnections ul {
        padding: 10px 0 30px;
    }

.contentOneColumn #oneColumnTabContentFree {
/*    width: 100%;
    float: left;
    background: #fff;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    border-left: solid 1px #c8c6c5;
    position: relative;
    left: 0;
    top: 15px;
    z-index: 2;
    clear: both;
    padding: 20px 0 0 0;*/
}

.contentLeft .scrollHolderBottom, .contentOneColumn .scrollHolderBottom, .scrollHolderNewsBottom {
/*    width: 100%;
    height: 30px;
    float: left;
    background: url(images/foldedBottom.png) -1px bottom no-repeat;
    border-right: solid 1px #c8c6c5;
    border-left: solid 1px Transparent;
    clear: both;
    position: relative;
    left: 0;
    top: -25px;*/
}

.scrollHolderNewsBottom {
    top: 15px;
}

.contentLeft .scrollHolderBottom#scrollHolderBottomFree {
/*    width: 100%;
    height: 30px;
    float: left;
    background: url(images/foldedBottom.png) -1px bottom no-repeat;
    border-right: solid 1px #c8c6c5;
    border-left: solid 1px Transparent;
    clear: both;
    position: relative;
    left: 0;
    top: 10px;*/
}

.contentOneColumn .oneColumnTabContentFreeBottom {
/*    width: 100%;
    height: 30px;
    float: left;
    background: url(images/foldedBottom.png) -1px bottom no-repeat;
    border-right: solid 1px #c8c6c5;
    border-left: solid 1px Transparent;
    clear: both;
    position: relative;
    left: 0;
    top: 15px;*/
}

.contentOneColumn #contentOneColumnHolder p.note {
/*    color: #777777;
    text-align: center;
    font-size: 13px;
    float: left;
    clear: both;
    width: 100%;
    padding: 10px 0;*/
}

div.validation-summary-valid {
    display: none;
}

.fin_video_elearning {
    margin-top: 22px;
}

.contentOneColumn #contentOneColumnHolder div.validation-summary-errors {
    color: #777777;
    text-align: left;
    font-size: 15px;
    float: left;
    clear: both;
    width: 910px;
    padding: 10px 20px;
    border: solid 2px #89181c;
    margin: 20px 0 10px 0;
}

.contentOneColumn #contentOneColumnHolder .validation-summary-errors {
    padding: 0 0 10px 0;
}

    .contentOneColumn #contentOneColumnHolder .validation-summary-errors span {
        font-weight: bold;
        font-size: 14px;
    }

.contentOneColumn #contentOneColumnHolder span.field-validation-error {
    float: left;
    clear: left;
    font-size: 12px;
    background: url(images/ddArrowBullet.png) 0 4px no-repeat;
    padding: 2px 0 2px 13px;
    margin: 0 0 0 15px;
}

.mainSearch div.validation-summary-errors,
#CustomerUpdatedData div.validation-summary-errors {
    color: #4A68A6;
    text-align: left;
    font-size: 15px;
    float: left;
    clear: both;
    width: 882px;
    padding: 10px 20px;
    border: solid 2px #89181c;
    margin: 20px 0 10px 0;
}

    .mainSearch div.validation-summary-errors ul li,
    #CustomerUpdatedData div.validation-summary-errors ul li {
        color: #777777;
    }

.mainSearch .validation-summary-errors {
    padding: 0 0 10px 0;
}

    .mainSearch .validation-summary-errors span {
        font-weight: bold;
        font-size: 14px;
    }

.contentHolder span.field-validation-error,
.contentHolder #CustomerUpdatedData .fields span.field-validation-error {
    float: left;
    clear: left;
    font-size: 12px;
    background: url(images/ddArrowBullet.png) 0 4px no-repeat;
    padding: 2px 0 2px 13px;
    margin: 0 0 0 15px;
}

.contentOneColumn #contentOneColumnHolder .userDetails, .contentOneColumn #contentOneColumnHolder .contactBanner {
/*    width: 950px;
    float: left;
    background: url(images/foldedBottom.png) bottom left no-repeat;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    margin: 20px 0 0 0;
    padding: 0 0 15px 0;*/
}

.contentOneColumn #contentOneColumnHolder .stepRegister, .contentOneColumn #contentOneColumnHolder .register {
/*    padding: 0 0 80px 0;
    position: relative;*/
}

.contentOneColumn #contentOneColumnHolder .stepPayment, .contentOneColumn #contentOneColumnHolder .stepCheck {
    width: 954px;
    float: left;
    position: relative;
    padding: 0 0 60px 0;
    margin: 20px 0 0 0;
}

.contentOneColumn #contentOneColumnHolder .stepFinished {
    margin: 20px 0 0 0;
    float: left;
}

    .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription, .contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck, .contentOneColumn #contentOneColumnHolder .stepFinished .stepFinishedInfo {
        width: 910px;
        float: left;
        background: #ffffff;
        border: solid 2px #4e6cad;
        padding: 10px 20px;
        position: relative;
    }

.contentOneColumn #contentOneColumnHolder .stepPayment .detailsToCheck {
    float: left;
    width: 100%;
    padding: 0 0 15px;
    margin: 0;
    color: #464646;
}

    .contentOneColumn #contentOneColumnHolder .stepPayment .detailsToCheck ul {
        display: inline;
        margin: 0;
        padding: 0;
        font-size: 15px;
    }

        .contentOneColumn #contentOneColumnHolder .stepPayment .detailsToCheck ul li {
            display: inline;
            margin: 0;
            padding: 0;
        }

            .contentOneColumn #contentOneColumnHolder .stepPayment .detailsToCheck ul li.cpt {
                font-weight: bold;
                color: #4a68a6;
            }

.contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck .left, .contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck .right {
    float: left;
    width: 50%;
}

    .contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck .left h2, .contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck .right h2, .contentOneColumn #contentOneColumnHolder .stepFinished .stepFinishedInfo h2 {
        font-size: 20px;
        font-weight: bold;
        color: #4a68a6;
        padding: 5px 0 5px 15px;
    }

.contentOneColumn #contentOneColumnHolder .stepFinished .stepFinishedInfo p {
    padding: 25px 15px;
    font-size: 15px;
    color: #777777;
}

.contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck .left ul, .contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck .right ul {
    font-size: 16px;
    padding: 5px 0 5px 15px;
}

    .contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck .left ul li, .contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck .right ul li {
        line-height: 26px;
    }

        .contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck .left ul li.cpt, .contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck .right ul li.cpt {
            font-weight: bold;
            color: #4a68a6;
        }

.contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount {
    width: 912px;
    float: left;
    background: #e5e6f2;
    border: solid 1px #bac0dd;
    padding: 10px 20px 20px 20px;
    margin: 10px 0 0 0;
    position: relative;
}

    .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount h2, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription h2 {
        color: #4a68a6;
        font-size: 17px;
        font-weight: bold;
        padding: 0 0 5px 0;
    }

.contentOneColumn #contentOneColumnHolder .stepLogin .loginBox, .contentOneColumn #contentOneColumnHolder .login .loginBox {
    width: 460px;
    height: 270px;
    float: left;
    background: url(images/foldedBottomGray.png) bottom left no-repeat;
    border-top: solid 1px #e6e5e8;
    border-right: solid 1px #e6e5e8;
    margin: 20px 0 0 0;
    padding: 0 0 15px 0;
    position: relative;
}

    .contentOneColumn #contentOneColumnHolder .stepLogin .loginBox .label, .contentOneColumn #contentOneColumnHolder .login .loginBox .label {
        color: #777777;
        font-size: 12px;
        font-weight: bold;
        margin: 5px 0 0 30px;
        float: left;
        clear: both;
    }

    .contentOneColumn #contentOneColumnHolder .stepLogin .loginBox .tboxLogin, .contentOneColumn #contentOneColumnHolder .login .loginBox .tboxLogin {
        float: left;
        height: 49px;
        background: url(images/tboxBgrLogin.png) 0 0 no-repeat;
        padding: 0 0 0 5px;
        margin: 0 -1px 0 25px;
    }

    .contentOneColumn #contentOneColumnHolder .stepLogin .loginBox a.login, .contentOneColumn #contentOneColumnHolder .login .loginBox a.login {
        display: block;
        height: 40px;
        line-height: 40px;
        background: #4e6cad;
        border: solid 1px #6778aa;
        padding: 0 20px;
        font-size: 17px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        position: absolute;
        bottom: 30px;
        left: 30px;
        cursor: pointer;
    }

input.login {
    display: block;
    height: 42px;
    line-height: 40px;
    background: #4e6cad;
    border: solid 1px #6778aa;
    padding: 0 21px;
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    position: absolute;
    bottom: 30px;
    left: 28px;
    cursor: pointer;
    border: none;
}

.contentOneColumn #contentOneColumnHolder .stepLogin .loginBox .check .ez-checked, .contentOneColumn #contentOneColumnHolder .login .loginBox .check .ez-checked {
    background-position: 0 -18px;
}

.contentOneColumn #contentOneColumnHolder .stepLogin .loginBox .check .ez-checkbox, .contentOneColumn #contentOneColumnHolder .login .loginBox .check .ez-checkbox {
    zoom: 1;
    display: inline;
    _height: 30px;
}

.contentOneColumn #contentOneColumnHolder .stepLogin .loginBox .check label, .contentOneColumn #contentOneColumnHolder .login .loginBox .check label {
    color: #777777;
    font-size: 12px;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check, .contentOneColumn #contentOneColumnHolder .register .check {
    position: absolute;
    bottom: 30px;
    left: 215px;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check {
    float: left;
    width: 100%;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .checkChecked {
    padding: 0 0 15px 0;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo img {
    position: absolute;
    top: 6px;
    left: 555px;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwoChecked img {
    position: absolute;
    top: 43px;
    left: 435px;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check input, .contentOneColumn #contentOneColumnHolder .register .check input, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check input, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check input {
    width: 28px;
    height: 28px;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check .ez-hide, .contentOneColumn #contentOneColumnHolder .register .check .ez-hide, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check .ez-hide, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check .ez-hide {
    opacity: 0;
    filter: alpha(opacity=0);
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check .ez-checkbox, .contentOneColumn #contentOneColumnHolder .register .check .ez-checkbox, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check .ez-checkbox, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check .ez-checkbox {
    background: Transparent url(images/checkBig.png) 0 1px no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
    float: left;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check .ez-checked, .contentOneColumn #contentOneColumnHolder .register .check .ez-checked, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check .ez-checked, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check .ez-checked {
    background-position: 0 -31px;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check .ez-radio, .contentOneColumn #contentOneColumnHolder .register .check .ez-radio, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check .ez-radio, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check .ez-radio {
    background: Transparent url(images/radioBig.png) 3px 3px no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
    float: left;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check .ez-checked, .contentOneColumn #contentOneColumnHolder .register .check .ez-checked, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check .ez-checked, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check .ez-checked {
    background-position: 0 -31px;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check .ez-selected, .contentOneColumn #contentOneColumnHolder .register .check .ez-selected, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check .ez-selected, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check .ez-selected {
    background-position: 3px -26px;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check .ez-checkbox, .contentOneColumn #contentOneColumnHolder .register .check .ez-checkbox, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check .ez-checkbox, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check .ez-checkbox {
    zoom: 1;
    display: inline;
    _height: 32px;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check label, .contentOneColumn #contentOneColumnHolder .register .check label {
    color: #777777;
    font-size: 14px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 0 0 5px;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check label, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check label {
    color: #777777;
    font-size: 18px;
    display: inline-block;
    padding: 3px 0 0 5px;
    float: left;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceOne .sublabel {
    font-size: 12px;
    color: #7a7a7a;
    float: left;
    clear: left;
    margin: -5px 0 0 37px;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceOne, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo {
    position: relative;
    float: left;
    width: 448px;
    height: 150px;
    border-right: solid 1px #cccccc;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo {
    margin-left: 9px;
    border-right: none;
}

    .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs {
        position: relative;
        z-index: 1;
        width: 380px;
        margin: 10px 0 0 37px;
        text-align: center;
        height: auto;
        float: left;
        height: 20px;
    }

        .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo #tabs {
            display: inline-block;
            height: auto;
            margin: 0;
            padding: 0;
            border: none;
        }

            .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li {
                padding: 0;
                margin: 0 1px;
                float: left;
                border: none;
                font-weight: normal;
            }

            .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .tabs ul li a {
                background: #fff;
                background-image: none;
                text-align: center;
                height: auto;
            }

                .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li a {
                    margin: 0;
                    padding: 0;
                    font-size: 13px;
                    color: #a7a7a7;
                    text-decoration: none;
                    height: 20px;
                    line-height: 20px;
                    border: solid 1px #e1e1e1;
                    padding-right: 7px;
                    display: block;
                }

                .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.ui-tabs-active a {
                    border: solid 1px #4c68a6;
                    color: #999999;
                    cursor: default;
                }

                .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li a:hover {
                    color: #999999;
                }

                .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.amex a {
                    background: url(images/karticaAmex.png) 3px -31px no-repeat;
                    padding-left: 25px;
                }

                    .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.amex.ui-tabs-active a, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.amex a:hover {
                        background: url(images/karticaAmex.png) 3px 3px no-repeat;
                        padding-left: 25px;
                    }

                .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.master a {
                    background: url(images/karticaMaster.png) 3px -22px no-repeat;
                    padding-left: 30px;
                }

                    .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.master.ui-tabs-active a, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.master a:hover {
                        background: url(images/karticaMaster.png) 3px 3px no-repeat;
                        padding-left: 30px;
                    }

                .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.maestro a {
                    background: url(images/karticaMaestro.png) 3px -32px no-repeat;
                    padding-left: 32px;
                }

                    .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.maestro.ui-tabs-active a, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.maestro a:hover {
                        background: url(images/karticaMaestro.png) 3px 3px no-repeat;
                        padding-left: 32px;
                    }

                .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.visa a {
                    background: url(images/karticaVisa.png) 3px -24px no-repeat;
                    padding-left: 34px;
                }

                    .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.visa.ui-tabs-active a, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.visa a:hover {
                        background: url(images/karticaVisa.png) 3px 5px no-repeat;
                        padding-left: 34px;
                    }

    .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .tabContent {
        border-top: solid 1px #cecece;
        width: 380px;
        float: left;
        margin: 2px 0 0 37px;
        padding: 20px 0 10px;
        position: relative;
        z-index: 2;
    }

        .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .tabContent div {
            margin: 0;
            padding: 0;
        }

            .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .tabContent div .paymentNote {
                float: left;
                clear: left;
                margin: 10px 0 0 10px;
                font-size: 11px;
                font-style: italic;
                color: #777777;
            }

        .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .tabContent .check {
            width: auto;
            margin-left: 9px;
            float: left;
        }

            .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .tabContent .check .ez-radio {
                background: Transparent url(images/radio.png) 0px 0px no-repeat;
                display: inline-block;
                height: 18px;
                width: 18px;
                float: left;
            }

            .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .tabContent .check .ez-selected {
                background-position: 0 -18px;
            }

            .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .tabContent .check label {
                color: #777777;
                font-size: 11px;
                display: inline-block;
                padding: 2px 0 0 3px;
                float: left;
            }

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceOneChecked label, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwoChecked label {
    color: #4a68a6;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwoChecked .note {
    color: #777777;
    font-size: 13px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    float: left;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwoChecked .noteColor, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwoChecked .noteColor a {
    color: #4a68a6;
    text-decoration: none;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwoChecked .noteAligned {
    text-align: right;
    padding-right: 0;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwoChecked .width01 {
    width: 80px;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwoChecked .width02 {
    width: 170px;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check label {
    font-size: 16px;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check label span {
    font-size: 12px;
    color: #777777;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check label a, .contentOneColumn #contentOneColumnHolder .register .check label a {
    color: #4c68a6;
    font-weight: bold;
    text-decoration: none;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .registerRequired, .contentOneColumn #contentOneColumnHolder .register .registerRequired, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .companyAccountRequired {
    position: absolute;
    color: #777777;
    font-size: 12px;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .registerRequired, .contentOneColumn #contentOneColumnHolder .register .registerRequired {
    bottom: 7px;
    left: 30px;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .companyAccountRequired {
    bottom: -25px;
    left: 20px;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription {
    margin: 46px 0 0;
}

    .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription table, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription ul.accordion li ul.acitem li table {
        color: #464646;
        font-size: 12px;
        margin: 0;
    }

        .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription table td, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription ul.accordion li ul.acitem li table td {
            padding: 0;
            vertical-align: text-top;
            padding: 10px 0;
        }

        .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription table td.next {
            padding-left: 3em;
        }

            .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription table td span.fullPrice, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription ul.accordion li ul.acitem li table td span.fullPrice {
                font-weight: bold;
                font-size: 16px;
            }

            .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription table td img, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription ul.accordion li ul.acitem li table td img {
                position: relative;
                top: 6px;
                margin: 0;
                padding: 0;
            }

            .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription table td.alignRight, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription ul.accordion li ul.acitem li table td.alignRight {
                text-align: right;
                padding-right: 8px;
                width: 500px;
            }

    .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription ul.accordion {
        position: relative;
        padding: 0 0 50px;
        margin: 0;
        float: left;
        width: 100%;
    }

        .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription ul.accordion li, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription ul.accordion li ul.acitem, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription ul.accordion li ul.acitem li {
            padding: 0;
            margin: 0;
        }

    .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription a.moreLess, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription a.moreLess.active, .packageDescription a.moreLess.active:hover {
        width: 209px;
        height: 39px;
        display: block;
        background: url(images/packageDescriptionMoreLess.png) 0 0 no-repeat;
        margin: 0 0 0 500px;
        position: absolute;
        bottom: 10px;
        left: 0;
    }

        .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription a.moreLess.active, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription a.moreLess.active:hover {
            background-position: 0 -38px;
        }

.contentOneColumn #contentOneColumnHolder .stepLogin .loginBox .tboxLogin span, .contentOneColumn #contentOneColumnHolder .login .loginBox .tboxLogin span {
    float: left;
    height: 49px;
    background: url(images/tboxBgrLogin.png) right 0 no-repeat;
    padding: 5px 5px 5px 0;
}

.contentOneColumn #contentOneColumnHolder .stepLogin .loginBox .tboxLogin input, .contentOneColumn #contentOneColumnHolder .login .loginBox .tboxLogin input {
    border: none;
    background: Transparent;
    margin: 0;
    padding: 5px;
    height: 29px;
    color: #777777;
    font-size: 14px;
    width: 400px;
}

.contentOneColumn #contentOneColumnHolder .stepLogin .registerBox, .contentOneColumn #contentOneColumnHolder .login .registerBox {
    width: 460px;
    height: 270px;
    float: left;
    background: url(images/foldedBottomWhite.png) bottom left no-repeat;
    border-top: solid 1px #edecec;
    border-right: solid 1px #edecec;
    margin: 20px 0 0 30px;
    padding: 0 0 15px 0;
    position: relative;
}

    .contentOneColumn #contentOneColumnHolder .stepLogin .registerBox p, .contentOneColumn #contentOneColumnHolder .login .registerBox p {
        color: #777777;
        font-size: 14px;
        padding: 30px;
        line-height: 22px;
    }

    .contentOneColumn #contentOneColumnHolder .stepLogin .registerBox a.register, .contentOneColumn #contentOneColumnHolder .login .registerBox a.register {
        display: block;
        height: 40px;
        line-height: 40px;
        background: #f8981d;
        border: solid 1px #fed197;
        padding: 0 30px;
        font-size: 17px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        position: absolute;
        bottom: 30px;
        right: 30px;
    }

.contentOneColumn #contentOneColumnHolder .stepLogin .loginUtilities, .contentOneColumn #contentOneColumnHolder .login .loginUtilities {
    float: left;
}

    .contentOneColumn #contentOneColumnHolder .stepLogin .loginUtilities ul, .contentOneColumn #contentOneColumnHolder .login .loginUtilities ul {
        display: inline-block;
        padding: 20px 0 0 30px;
        font-size: 13px;
        color: #777777;
    }

        .contentOneColumn #contentOneColumnHolder .stepLogin .loginUtilities ul li, .contentOneColumn #contentOneColumnHolder .login .loginUtilities ul li {
            float: left;
            margin: 0 20px 0 0;
        }

            .contentOneColumn #contentOneColumnHolder .stepLogin .loginUtilities ul li a, .contentOneColumn #contentOneColumnHolder .login .loginUtilities ul li a {
                color: #4c68a6;
                text-decoration: none;
            }

.contentOneColumn #contentOneColumnHolder .contactBanner ul {
    display: inline;
    font-size: 25px;
    font-weight: bold;
    color: #777777;
}

    .contentOneColumn #contentOneColumnHolder .contactBanner ul li {
        float: left;
        padding: 10px 0 0 30px;
    }

        .contentOneColumn #contentOneColumnHolder .contactBanner ul li.phone {
            background: url(images/iconPhoneBig.png) 0 15px no-repeat;
            margin: 0 0 0 220px;
        }

        .contentOneColumn #contentOneColumnHolder .contactBanner ul li.phonePoslovni {
            background: url(images/iconPhoneBig.png) 0 15px no-repeat;
            margin: 0 0 0 40px;
        }

        .contentOneColumn #contentOneColumnHolder .contactBanner ul li.mail {
            background: url(images/iconMailBig.png) 0 15px no-repeat;
            margin: 0 0 0 40px;
        }

        .contentOneColumn #contentOneColumnHolder .contactBanner ul li a {
            color: #777777;
            text-decoration: none;
        }

.contentOneColumn #contentOneColumnHolder .stepsIndicator {
    width: 950px;
    height: 40px;
    float: left;
    margin: 20px 0 0 0;
    position: relative;
    text-align: center;
    line-height: 40px;
}

    .contentOneColumn #contentOneColumnHolder .stepsIndicator .step01 {
        position: absolute;
        width: 188px;
        height: 40px;
        left: 1px;
        top: 0;
        background: url(images/stepIndicatorBgrFirst.png) 0 0 no-repeat;
    }

        .contentOneColumn #contentOneColumnHolder .stepsIndicator .step01 a {
            color: #fff;
            text-decoration: none;
        }

    .contentOneColumn #contentOneColumnHolder .stepsIndicator .step02 {
        position: absolute;
        width: 205px;
        height: 40px;
        left: 174px;
        top: 0;
        background: url(images/stepIndicatorBgr.png) 0 0 no-repeat;
    }

        .contentOneColumn #contentOneColumnHolder .stepsIndicator .step02 a {
            color: #fff;
            text-decoration: none;
        }

    .contentOneColumn #contentOneColumnHolder .stepsIndicator .step03 {
        position: absolute;
        width: 205px;
        height: 40px;
        left: 364px;
        top: 0;
        background: url(images/stepIndicatorBgr.png) 0 0 no-repeat;
    }

        .contentOneColumn #contentOneColumnHolder .stepsIndicator .step03 a {
            color: #fff;
            text-decoration: none;
        }

    .contentOneColumn #contentOneColumnHolder .stepsIndicator .step04 {
        position: absolute;
        width: 205px;
        height: 40px;
        left: 554px;
        top: 0;
        background: url(images/stepIndicatorBgr.png) 0 0 no-repeat;
    }

        .contentOneColumn #contentOneColumnHolder .stepsIndicator .step04 a {
            color: #fff;
            text-decoration: none;
        }

    .contentOneColumn #contentOneColumnHolder .stepsIndicator .step05 {
        position: absolute;
        width: 208px;
        height: 40px;
        left: 744px;
        top: 0;
        background: url(images/stepIndicatorBgrLast.png) 0 0 no-repeat;
    }

        .contentOneColumn #contentOneColumnHolder .stepsIndicator .step05 a {
            color: #fff;
            text-decoration: none;
        }

    .contentOneColumn #contentOneColumnHolder .stepsIndicator .selected {
        background-position: 0 -40px;
    }

.contentOneColumn #contentOneColumnHolder .stepsIndicator {
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
}

.contentOneColumn #contentOneColumnHolder .package, .contentOneColumn #contentOneColumnHolder .stepPackage {
/*    width: 952px;
    float: left;
    margin: 20px 0 0 0;
    padding: 0 0 5px 0;
    position: relative;*/
}

.contentOneColumn #contentOneColumnHolder .stepCheck .package {
    margin: 20px 0 0 0;
}

.contentOneColumn #contentOneColumnHolder .comparePackages {
    height: 1050px;
}

.contentOneColumn #contentOneColumnHolder .packageAdvancedHeight {
    height: 950px;
}

.contentOneColumn #contentOneColumnHolder .packageComboHeight {
    height: 1160px;
}

.contentOneColumn #contentOneColumnHolder .packageBasicHeight {
    height: 800px;
}

.contentOneColumn #contentOneColumnHolder .packageSingleHeight {
    height: 610px;
}

.contentOneColumn #contentOneColumnHolder .packageFree {
    background-color: #eda02d;
    /*background: url(images/foldedBottomOrange.png) bottom left no-repeat;
    border-top: solid 1px #eda02d;
    border-right: solid 1px #eda02d;*/
}

.contentOneColumn #contentOneColumnHolder .packageBasic {
    background-color: #657cb3;
    /*background: url(images/foldedBottomBlue.png) bottom left no-repeat;
    border-top: solid 1px #657cb3;
    border-right: solid 1px #657cb3;*/
}

.contentOneColumn #contentOneColumnHolder .packageBasicPlus {
    background-color: #5e5ba3;
    /*background: url(images/foldedBottomPurple.png) bottom left no-repeat;
    border-top: solid 1px #5e5ba3;
    border-right: solid 1px #5e5ba3;*/
}

.contentOneColumn #contentOneColumnHolder .packageAdvanced {
    background-color: #87983c;
    /*background: url(images/foldedBottomGreen.png) bottom left no-repeat;
    border-top: solid 1px #87983c;
    border-right: solid 1px #87983c;*/
}

.contentOneColumn #contentOneColumnHolder .packagePremium {
    background-color: #CC2B11;
    /*background: url(images/foldedBottomRed02.png) bottom left no-repeat;
    border-top: solid 1px #CC2B11;
    border-right: solid 1px #CC2B11;*/
}

.contentOneColumn #contentOneColumnHolder .packageCombo {
    background-color: #d97166;
    /*background: url(images/foldedBottomRed.png) bottom left no-repeat;
    border-top: solid 1px #d97166;
    border-right: solid 1px #d97166;*/
}

.contentOneColumn #contentOneColumnHolder .packageSingle {
    background-color: #c8d1f9;
/*    background: url(images/foldedBottomLightBlue.png) bottom left no-repeat;
    border-top: solid 1px #c8d1f9;
    border-right: solid 1px #c8d1f9;
*/
}

.package .packageIcon, .stepPackage .packageIcon {
/*    float: left;
    width: 100px;
    height: 80px;
    top: 30px;
    left: 20px;
    position: relative;
    z-index: 2;*/
}

.package .iconBasic, .stepPackage .iconBasic {
    background: url(images/iconPackageBasic.png) 0 0 no-repeat;
}

.package .iconBasicPlus, .stepPackage .iconBasicPlus {
    /*background: url(images/iconPackageBasicPlus.png) 0 0 no-repeat;*/
    background: url(images/iconPackageBasic.png) 0 0 no-repeat;
}

.package .iconAdvanced, .stepPackage .iconAdvanced {
    background: url(images/iconPackageAdvanced.png) 0 0 no-repeat;
}

.package .iconPremium, .stepPackage .iconPremium {
    background: url(images/iconPackagePremium.png) 0 0 no-repeat;
}

.package .iconCombo, .stepPackage .iconCombo {
    background: url(images/iconPackageCombo.png) 0 0 no-repeat;
}

.package .iconSingle, .stepPackage .iconSingle {
    background: url(images/iconPackageSingle.png) 0 0 no-repeat;
    width: 43px;
    height: 98px;
    left: 40px;
}

.package .packageInfo, .stepPackage .packageInfo {
/*    float: right;
    width: 800px;
    padding: 30px 20px 20px 20px;*/
}

.contentOneColumn #contentOneColumnHolder .package .packageInfo h1, .contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1 {
    color: #ffffff;
/*    font-size: 24px;
    font-weight: bold;
    padding: 20px 0;
    float: left;
    width: 105%;*/
}

.contentOneColumn #contentOneColumnHolder .packageSingle .packageInfo h1 {
    color: #4e6cad;
}

.contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.oldPrice {
    position: absolute;
    bottom: 220px;
    left: 185px;
    text-align: left;
    font-size: 24px;
    width: 300px;
    height: 58px;
    background: url(images/packageOldPriceBgr.png) top left no-repeat;
}

.contentOneColumn #contentOneColumnHolder .packageCombo .packageInfo h1.oldPrice {
    position: absolute;
    bottom: 250px;
    left: 185px;
    text-align: left;
    font-size: 24px;
    width: 300px;
    height: 58px;
    background: url(images/packageOldPriceBgr.png) top left no-repeat;
}

.contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.discountPercentage {
    position: absolute;
    bottom: 190px;
    left: 230px;
    text-align: center;
    font-size: 26px;
    width: 78px;
    height: 75px;
    line-height: 75px;
    background: url(images/packageDiscountPercentageBgr.png) top center no-repeat;
    font-weight: bold;
    margin: 0;
    padding: 0;
    z-index: 2;
}

.contentOneColumn #contentOneColumnHolder .stepPackage .packageAdvanced h1.discountPercentage {
    color: #778f14;
}

.contentOneColumn #contentOneColumnHolder .stepPackage .packageBasic h1.discountPercentage {
    color: #4a68a6;
}

.contentOneColumn #contentOneColumnHolder .stepPackage .packageCombo h1.discountPercentage {
    color: #cf4d40;
}

.contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.discountPrice {
    position: absolute;
    bottom: 120px;
    left: 85px;
    text-align: right;
    font-size: 24px;
    width: 300px;
}

.contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.regularPrice {
    position: absolute;
    bottom: 120px;
    left: 85px;
    text-align: right;
    font-size: 24px;
    width: 300px;
}

.contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.pdvAmount {
    position: absolute;
    bottom: 90px;
    left: 85px;
    text-align: right;
    font-size: 24px;
    width: 300px;
}

    .contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.discountPrice span, .contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.pdvAmount span, .contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.discountPriceFull span, .contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.regularPrice span, .contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.regularPriceFull span {
        font-size: 12px;
        font-style: italic;
        font-weight: normal;
    }

.contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.discountPriceFull {
    position: absolute;
    bottom: 35px;
    left: 68px;
    text-align: right;
    font-size: 30px;
    width: 300px;
}

.contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.regularPriceFull {
    position: absolute;
    bottom: 35px;
    left: 68px;
    text-align: right;
    font-size: 30px;
    width: 300px;
}

.package .packageInfo p, .stepPackage .packageInfo p {
    color: #ffffff;
/*    font-size: 14px;
    line-height: 20px;
    padding: 0;*/
}

.stepPackage .packageInfo ul {
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 0 15px;
    float: left;
    clear: left;
}

.packageSingle .packageInfo ul, .packageSingle .packageInfo p {
    color: #4e6cad;
}

    .packageSingle .packageInfo ul li.specialSingle {
        list-style: none;
        margin-top: 10px;
        margin-left: 10px;
    }

.packageSingle .packageInfo .specialSingleSpan {
    color: #4e6cad;
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 15px;
}

.specialAsterix {
    font-size: 26px;
}

.stepPackage .packageInfo ul li, .stepPackage .packageInfo ul li {
    list-style-type: disc;
}

.contentOneColumn #contentOneColumnHolder .package a.nextStep, .contentOneColumn #contentOneColumnHolder .stepPackage a.nextStep, .contentOneColumn #contentOneColumnHolder .stepRegister a.nextStep, .contentOneColumn #contentOneColumnHolder .register a.nextStep {
    display: block;
    height: 40px;
    line-height: 40px;
    background: #f8981d;
    border: solid 1px #fed197;
    padding: 0 15px;
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.contentOneColumn #contentOneColumnHolder .stepPayment a.nextStep, .contentOneColumn #contentOneColumnHolder .stepCheck a.nextStep {
    display: block;
    height: 40px;
    line-height: 40px;
    background: #f8981d;
    border: solid 1px #fed197;
    padding: 0 40px;
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.contentOneColumn #contentOneColumnHolder .stepPackage a.packageSwitchToBasic, .contentOneColumn #contentOneColumnHolder .stepPackage a.packageSwitchToAdvanced {
    display: block;
    width: 262px;
    height: 97px;
    line-height: 97px;
    font-size: 23px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    position: absolute;
    right: 20px;
    top: 20px;
}

.contentOneColumn #contentOneColumnHolder .stepPackage a.packageSwitchToBasic {
    background: url(images/packageSwitchToBasic.png) 0 0 no-repeat;
    text-indent: 65px;
}

.contentOneColumn #contentOneColumnHolder .stepPackage a.packageSwitchToAdvanced {
    background: url(images/packageSwitchToAdvanced.png) 0 0 no-repeat;
    text-indent: 65px;
}

.package .watermark, .stepPackage .watermark {
    position: absolute;
    z-index: 1;
}

.package .watermarkBasic {
    /*width: 250px;
    height: 200px;
    background: url(images/watermarkPackageBasic.png) 0 0 no-repeat;*/
    background: url(images/watermarkPackageBasic.png) no-repeat;
    /*top: 35px;
    left: 210px;*/
}

.stepPackage .watermarkBasicBig {
    /*width: 347px;
    height: 259px;
    background: url(images/watermarkPackageBasicBig.png) 0 0 no-repeat;*/
    background: url(images/watermarkPackageBasicBig.png) no-repeat;
    /*bottom: 45px;
    left: 210px;*/
}

.package .watermarkPremium {
    /*    width: 272px;
    height: 200px;
    background: url(images/watermarkPackagePremium.png) 0 0 no-repeat;*/
    background: url(images/watermarkPackagePremium.png) no-repeat;
    /*    top: 45px;
    left: 210px;*/
}

.package .watermarkAdvanced {
/*    width: 272px;
    height: 200px;
    background: url(images/watermarkPackageAdvanced.png) 0 0 no-repeat;
*/
    background: url(images/watermarkPackageAdvanced.png) no-repeat;
    /*top: 45px;
    left: 210px;*/
}

.package .watermarkCombo {
    width: 272px;
    height: 200px;
    background: url(images/watermarkPackageCombo.png) 0 0 no-repeat;
    top: 45px;
    left: 210px;
}

.package .watermarkSingle {
    width: 272px;
    height: 200px;
    background: url(images/watermarkPackageSingle.png) 0 0 no-repeat;
    top: 90px;
    left: 400px;
}

.stepPackage .watermarkSingleBig {
    width: 347px;
    height: 259px;
    background: url(images/watermarkPackageSingleBig.png) 0 0 no-repeat;
    bottom: 10px;
    left: 380px;
}

.contentOneColumn #contentOneColumnHolder .editPackagePremium .package {
    /*height: 600px;*/
/*    position: relative;
    padding-bottom: 30px;*/
}

.contentOneColumn #contentOneColumnHolder .editPackageAdvanced .package {
    /*height: 600px;*/
    /*position: relative;
    padding-bottom: 30px;*/
}

.contentOneColumn #contentOneColumnHolder .editPackageCombo .package {
    /*height: 600px;*/
    /*position: relative;
    padding-bottom: 30px;*/
}

.contentOneColumn #contentOneColumnHolder .editPackageBasic .package {
    /*height: 600px;*/
    /*position: relative;
    padding-bottom: 30px;*/
}

.contentOneColumn #contentOneColumnHolder .editPackageSingle .package {
    /*height: 600px;*/
    position: relative;
    padding-bottom: 30px;
}

.contentOneColumn #contentOneColumnHolder .editPackageAdvanced .package .packageInfo h1.oldPrice, .contentOneColumn #contentOneColumnHolder .editPackageBasic .package .packageInfo h1.oldPrice, .contentOneColumn #contentOneColumnHolder .editPackageCombo .package .packageInfo h1.oldPrice {
    position: absolute;
    bottom: 220px;
    left: 185px;
    text-align: left;
    font-size: 24px;
    height: 58px;
    background: url(images/packageOldPriceBgr.png) top left no-repeat;
}

.contentOneColumn #contentOneColumnHolder .editPackageAdvanced .package .packageInfo h1.discountPercentage, .contentOneColumn #contentOneColumnHolder .editPackageBasic .package .packageInfo h1.discountPercentage, .contentOneColumn #contentOneColumnHolder .editPackageCombo .package .packageInfo h1.discountPercentage {
    position: absolute;
    bottom: 190px;
    left: 230px;
    text-align: center;
    font-size: 26px;
    width: 78px;
    height: 75px;
    line-height: 75px;
    background: url(images/packageDiscountPercentageBgr.png) top center no-repeat;
    font-weight: bold;
    margin: 0;
    padding: 0;
    z-index: 2;
}

.contentOneColumn #contentOneColumnHolder .editPackageAdvanced .package .packageInfo h1.pdvAmount, .contentOneColumn #contentOneColumnHolder .editPackageBasic .package .packageInfo h1.pdvAmount, .contentOneColumn #contentOneColumnHolder .editPackageCombo .package .packageInfo h1.pdvAmount {
    position: absolute;
    bottom: 90px;
    left: 212px;
    text-align: left;
    font-size: 24px;
    width: 300px;
}

.contentOneColumn #contentOneColumnHolder .editPackageSingle .package .packageInfo h1.pdvAmount {
    position: absolute;
    bottom: 90px;
    left: 206px;
    text-align: left;
    font-size: 24px;
    width: 300px;
}

.contentOneColumn #contentOneColumnHolder .editPackageAdvanced .package .packageInfo h1.discountPrice, .contentOneColumn #contentOneColumnHolder .editPackageBasic .package .packageInfo h1.discountPrice, .contentOneColumn #contentOneColumnHolder .editPackageSingle .package .packageInfo h1.regularPrice, .contentOneColumn #contentOneColumnHolder .editPackageCombo .package .packageInfo h1.discountPrice {
    position: absolute;
    bottom: 120px;
    left: 192px;
    text-align: left;
    font-size: 24px;
    width: 300px;
}

    .contentOneColumn #contentOneColumnHolder .editPackageAdvanced .package .packageInfo h1.discountPrice span, .contentOneColumn #contentOneColumnHolder .editPackageAdvanced .package .packageInfo h1.pdvAmount span, .contentOneColumn #contentOneColumnHolder .editPackageAdvanced .package .packageInfo h1.discountPriceFull span, .contentOneColumn #contentOneColumnHolder .editPackageBasic .package .packageInfo h1.discountPrice span, .contentOneColumn #contentOneColumnHolder .editPackageBasic .package .packageInfo h1.pdvAmount span, .contentOneColumn #contentOneColumnHolder .editPackageBasic .package .packageInfo h1.discountPriceFull span, .contentOneColumn #contentOneColumnHolder .editPackageCombo .package .packageInfo h1.discountPrice span, .contentOneColumn #contentOneColumnHolder .editPackageCombo .package .packageInfo h1.pdvAmount span, .contentOneColumn #contentOneColumnHolder .editPackageCombo .package .packageInfo h1.discountPriceFull span, .contentOneColumn #contentOneColumnHolder .editPackageSingle .package .packageInfo h1.pdvAmount span, .contentOneColumn #contentOneColumnHolder .editPackageSingle .package .packageInfo h1.regularPrice span, .contentOneColumn #contentOneColumnHolder .editPackageSingle .package .packageInfo h1.regularPriceFull span {
        font-size: 12px;
        font-style: italic;
        font-weight: normal;
    }

.contentOneColumn #contentOneColumnHolder .editPackageAdvanced .package .packageInfo h1.discountPriceFull, .contentOneColumn #contentOneColumnHolder .editPackageBasic .package .packageInfo h1.discountPriceFull, .contentOneColumn #contentOneColumnHolder .editPackageSingle .package .packageInfo h1.regularPriceFull, .contentOneColumn #contentOneColumnHolder .editPackageCombo .package .packageInfo h1.discountPriceFull {
    position: absolute;
    bottom: 35px;
    left: 162px;
    text-align: left;
    font-size: 30px;
    width: 400px;
}

.stepPackage .watermarkAdvancedBig {
    width: 418px;
    height: 261px;
    background: url(images/watermarkPackageAdvancedBig.png) 0 0 no-repeat;
    bottom: 45px;
    left: 250px;
}

.stepPackage .watermarkPremiumBig {
    width: 418px;
    height: 261px;
    background: url(images/watermarkPackageAdvancedBig.png) 0 0 no-repeat;
    bottom: 45px;
    left: 250px;
}

.stepPackage .watermarkComboBig {
    width: 418px;
    height: 261px;
    background: url(images/watermarkPackageComboBig.png) 0 0 no-repeat;
    bottom: 45px;
    left: 250px;
}

.comparePackages {
    float: left;
    width: 290px;
    height: 1060px;
    margin: 35px 0 0 20px;
    position: relative;
}

.comparePackagesFirst {
    margin-left: 20px;
}

.comparePackages .packageInfo {
    float: left;
    width: 250px;
    padding: 10px 20px 20px 20px;
    z-index: 3;
}

.contentOneColumn #contentOneColumnHolder .comparePackages .packageInfo h1 {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    padding: 15px 0 30px 0;
    float: left;
    width: 100%;
}

    .contentOneColumn #contentOneColumnHolder .comparePackages .packageInfo h1.oldPrice {
        position: absolute;
        bottom: 188px;
        right: 25px;
        text-align: right;
        font-size: 24px;
        height: 58px;
        background: url(images/packageOldPriceBgr.png) top right no-repeat;
        z-index: 2;
    }

    .contentOneColumn #contentOneColumnHolder .comparePackages .packageInfo h1.discountPercentage {
        position: absolute;
        bottom: 165px;
        right: 45px;
        text-align: center;
        font-size: 26px;
        width: 78px;
        height: 75px;
        line-height: 75px;
        background: url(images/packageDiscountPercentageBgr.png) top center no-repeat;
        font-weight: bold;
        margin: 0;
        padding: 0;
        z-index: 2;
    }

.contentOneColumn #contentOneColumnHolder .packageAdvanced .packageInfo h1.discountPercentage {
    color: #778f14;
}

.contentOneColumn #contentOneColumnHolder .packageBasic .packageInfo h1.discountPercentage {
    color: #4a68a6;
}

.contentOneColumn #contentOneColumnHolder .packageCombo .packageInfo h1.discountPercentage {
    color: #cf4d40;
    width: 128px;
    height: 128px;
    line-height: 128px;
    background: url(images/packageDiscountPercentageComboBgr.png) top center no-repeat;
    bottom: 170px;
    left: 185px;
}

.contentOneColumn #contentOneColumnHolder .comparePackages .packageInfo h1.discountPrice {
    position: absolute;
    bottom: 90px;
    right: 25px;
    text-align: right;
    font-size: 30px;
}

.contentOneColumn #contentOneColumnHolder .comparePackages .packageInfo p.priceNote {
    position: absolute;
    bottom: 75px;
    right: 25px;
    text-align: right;
    color: #ffffff;
    font-style: italic;
    font-size: 12px;
    line-height: normal;
    z-index: 2;
    padding-left: 65px;
}

.contentOneColumn #contentOneColumnHolder .comparePackages .packageInfo p.note {
    text-align: left;
    color: #ffffff;
    font-style: italic;
    line-height: normal;
    padding: 20px 0 0 0;
    margin: 0;
}

.comparePackages a {
    display: block;
    border: solid 2px #ffffff;
    padding: 3px 15px;
    color: #ffffff;
    background: url(images/transparentWhite30.png);
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    position: absolute;
    bottom: 25px;
    right: 25px;
    z-index: 3;
}

.comparePackages .packageInfo p {
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
}

.comparePackages .packageInfo ul {
    color: #ffffff;
    font-size: 14px;
    line-height: 15px;
    padding: 0 0 0 15px;
}

    .comparePackages .packageInfo ul li {
        list-style-type: disc;
        float: left;
        width: 100%;
        margin: 5px 0 0 0;
    }

.comparePackages .watermark {
    position: absolute;
    z-index: 1;
    width: 237px;
    height: 217px;
}

.comparePackages .watermarkPackageComparisonFree {
    background: url(images/watermarkPackageComparisonFree.png) 0 0 no-repeat;
    bottom: 20px;
    left: 25px;
}

.comparePackages .watermarkPackageComparisonBasic {
    background: url(images/watermarkPackageComparisonBasic.png) 0 0 no-repeat;
    bottom: 10px;
    left: 18px;
}

.comparePackages .watermarkPackageComparisonAdvanced {
    background: url(images/watermarkPackageComparisonAdvanced.png) 0 0 no-repeat;
    bottom: 10px;
    left: 25px;
}

.contentOneColumn #contentOneColumnHolder h1 {
   /* color: #4a68a6;
    font-size: 24px;
    font-weight: bold;
    padding: 20px 0 10px 30px;
    float: left;
    width: 100%;*/
}

.contentOneColumn #contentOneColumnHolder h2 {
/*    color: #777;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0 10px 30px;
    float: left;
    width: 100%;*/
}

.contentOneColumn #contentOneColumnHolder .userDetails .label,
.contentOneColumn #contentOneColumnHolder .staticPageHolder .label {
/*	float: left;
	width: 245px;
	text-align: right;
	margin: 6px 5px 0 0;
	padding: 7px 0 0 0;
	font-size: 12px;
	color: #777777;*/
}

.contentOneColumn #contentOneColumnHolder .paymentChoice .choiceOne .label {
    float: left;
    text-align: left;
    margin: 15px 5px 0 37px;
    padding: 3px 0 10px 0;
    font-size: 15px;
    color: #777777;
}

.contentOneColumn #contentOneColumnHolder .paymentChoice .choiceTwo .label, .contentOneColumn #contentOneColumnHolder .companyAccount .label {
    float: left;
    width: 110px;
    text-align: right;
    margin: 6px 5px 0 47px;
    padding: 3px 0 0 0;
    font-size: 12px;
    font-weight: bold;
    color: #777777;
}

.contentOneColumn #contentOneColumnHolder .companyAccount .label {
    width: 100px;
}

.contentOneColumn #contentOneColumnHolder .userDetails .edit, .contentOneColumn #contentOneColumnHolder .userDetails .confirm {
/*    float: left;
    margin: 12px 0 0 10px;
    background: url(images/iconUserDataEdit.png) 0 0 no-repeat;
    width: 52px;
    height: 19px;*/
}

.contentOneColumn #contentOneColumnHolder .userDetails .confirm {
/*    background: url(images/iconUserDataConfirm.png) 0 0 no-repeat;*/
}

    .contentOneColumn #contentOneColumnHolder .userDetails .edit a, .contentOneColumn #contentOneColumnHolder .userDetails .confirm a {
/*        display: block;
        width: 52px;
        height: 19px;*/
    }

.contentOneColumn #contentOneColumnHolder {
/*    width: 100%;
    float: left;
    position: relative;
    left: 0;
    top: 0;
    z-index: 1;
    clear: both;*/
}

.contentLeft #scroll, .contentOneColumn #scroll {
/*    width: 100%;
    overflow: auto;
    position: relative;*/
}

.contentLeft .scrollgeneric, .contentOneColumn .scrollgeneric {
    line-height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0;
    left: 0;
}

.contentLeft .vscrollerbase, .contentOneColumn .vscrollerbase {
    visibility: visible !important;
    width: 22px;
    background: url(images/scrollbarBgr.png) 0 0 repeat-y;
}

.contentLeft .vscrollerbasebeg, .contentOneColumn .vscrollerbasebeg {
    width: 22px;
    height: 15px !important;
    background: url(images/scrollbarArrowUp.png) 0 0 no-repeat;
    cursor: pointer;
}

.contentLeft .vscrollerbaseend, .contentOneColumn .vscrollerbaseend {
    background: url(images/scrollbarArrowDown.png) 0 bottom no-repeat;
    height: 15px;
    width: 22px;
    cursor: pointer;
}

.contentLeft .vscrollerbar, .contentOneColumn .vscrollerbar {
    width: 22px;
    height: 21px !important;
    background: url(images/scrollbarDragger.png) 0 0 no-repeat;
    padding: 15px 0 17px 0;
    cursor: pointer;
    z-index: 2;
}

.contentLeft .vscrollerbarbeg, .contentOneColumn .vscrollerbarbeg {
}

.contentLeft .vscrollerbarend, .contentOneColumn .vscrollerbarend {
}
/*********************** tables common ******************************/

table#followPoduzeca, table#follow, table#traziPoduzeca, table#followOsobe, table#followprocurements, table#searchProcurements, .listOfNotes, .list-vm-items {
/*	margin: 0 20px;
	color: #777777;
	font-size: 12px;
	width: 91%;
	float: left;*/
}

    table#followPoduzeca td, table#follow td, table#followOsobe td, table#followprocurements td, table#searchProcurements td, table#searchProcurements td, .listOfNotes td, .list-vm-items td {
/*        vertical-align: top;*/
    }

		table#followPoduzeca td.number, table#follow td.number, table#traziPoduzeca td.number, table#followPoduzeca th.number, table#follow th.number, table#traziPoduzeca th.number, table#followOsobe td.number, table#followOsobe th number, table#followprocurements td.number, table#followprocurements th.number, table#searchProcurements th.number, table#searchProcurements td.number, .listOfNotes td.number {
			text-align: right;
		}

		table#followPoduzeca td a, table#follow td a, table#traziPoduzeca td a, table#followOsobe td a, table#followprocurements td a, .listOfNotes td a {
			color: #777777;
			text-decoration: none;
		}

.fake_box_follow {
    display: block;
    width: 63px;
    height: 33px;
    margin: 5px 0 0 0;
}

table#searchProcurements {
    background: #ffffff;
}
    /*********************** end tables common ******************************/

    /******************* table followPoduzeca ************************/

	table#followPoduzeca th, table#traziPoduzeca th, table#followOsobe th, table#followprocurements th, table#searchProcurements th, .listOfNotes th {
/*		font-size: 10px;
		text-align: left;*/
	}

	table#followPoduzeca td, table#followPoduzeca th, table#traziPoduzeca td, table#traziPoduzeca th, table#followOsobe td, table#followOsobe th, table#followprocurements td, table#followprocurements th, table#searchProcurements td, table#searchProcurements th, .listOfNotes td, .listOfNotes th {
/*		padding: 4px;
		border-bottom: solid 1px #dcdcdc;*/
	}

        table#followPoduzeca td.following div.follow, table#traziPoduzeca td.following {
/*            width: 75px;
            height: 28px;
            background: url(images/iconFollowngTable.png) 0 0 no-repeat;*/
        }

        table#followPoduzeca td.following div.unfollow, table#traziPoduzeca .followingDisabled {
       /*     width: 75px;
            height: 16px;
            background: url(images/iconFollowngTable.png) 0 -16px no-repeat;*/
        }

        table#followOsobe td.following div.follow {
            /*width: 75px;*/
            /*height: 28px;*/
            /*background: url(images/iconFollowngPersonTable.png) 0 0 no-repeat;*/
        }

        table#followOsobe td.following div.unfollow {
            /*width: 75px;*/
            /*height: 16px;*/
            /*background: url(images/iconFollowngPersonTable.png) 0 -16px no-repeat;*/
        }

        table#followprocurements td.following div.follow {
            /*width: 75px;
	height: 16px;
	background: url(images/iconFollowngProcurementTable.png) 0 0 no-repeat;*/
        }

        table#followprocurements td.following div.unfollow {
            /*width: 75px;
	height: 16px;
	background: url(images/iconFollowngProcurementTable.png) 0 -16px no-repeat;*/
        }

        table#searchProcurements td.following div.follow {
            height: auto;
            max-width: 60px;
            line-height: 11px;
            background: #4a68a6 url(images/tickOrange.png) 6px 6px no-repeat;
            padding: 3px 8px 3px 16px;
            font-size: 9px;
            color: #fff;
        }

            table#followprocurements td.following div.follow.radar,
            table#searchProcurements td.following div.follow.radar {
                height: auto;
                max-width: 60px;
                line-height: 11px;
                background-color: #4a68a6;
                background-image: url(images/tickOrange.png), url(images/followUnfollowRadar.png);
                background-position: 6px 6px, 46px 2px;
                padding: 3px 8px 3px 16px;
                font-size: 9px;
                color: #fff;
            }

        table#searchProcurements td.following div.unfollow,
        table#followprocurements td.following div.unfollow {
      /*      height: auto;
            max-width: 60px;
            line-height: 11px;
            background: #787878 url(images/tickGrey.png) 6px 6px no-repeat;
            padding: 3px 8px 3px 16px;
            font-size: 9px;
            color: #fff;*/
        }

        table#followprocurements td.following div.follow.radar.unfollow,
        table#searchProcurements td.following div.follow.radar.unfollow {
            height: auto;
            max-width: 60px;
            line-height: 11px;
            background-color: #787878;
            background-image: url(images/tickGrey.png), url(images/followUnfollowRadar.png);
            background-position: 6px 6px, 46px 2px;
            padding: 3px 8px 3px 16px;
            font-size: 9px;
            color: #fff;
        }

div.follow:hover, div.unfollow:hover {
    cursor: pointer;
}

table#followPoduzeca td span.naziv, table#traziPoduzeca td span.naziv, table#followOsobe td span.naziv, .listOfNotes td span.naziv {
/*    font-weight: bold;*/
}

table#followOsobe td.pname {
    width: 144px;
}

table#followPoduzeca td span.naziv a, table#traziPoduzeca td span.naziv a, table#followOsobe td span.naziv a, .listOfNotes td span.naziv {
/*    color: #4a68a6;
    text-decoration: none;*/
}

table#followPoduzeca td.icon00, table#followPoduzeca td.icon01, table#followPoduzeca td.icon02, table#followPoduzeca td.icon03, table#followPoduzeca td.icon04, table#followPoduzeca td.icon05, table#followPoduzeca td.icon06, table#followPoduzeca td.icon07, table#followPoduzeca td.icon08, table#traziPoduzeca td.icon00, table#traziPoduzeca td.icon01, table#traziPoduzeca td.icon02, table#traziPoduzeca td.icon03, table#traziPoduzeca td.icon04, table#traziPoduzeca td.icon05, table#traziPoduzeca td.icon06, table#traziPoduzeca td.icon07, table#traziPoduzeca td.icon08 {
/*    width: 23px;
    background: 8px 3px no-repeat;*/
}

table#connectedCompanies td.icon01, table#connectedCompanies td.icon02, table#connectedCompanies td.icon03, table#connectedCompanies td.icon04, table#connectedCompanies td.icon05, table#connectedCompanies td.icon06, table#connectedCompanies td.icon07, table#connectedCompanies td.icon08, table#competitors td.icon01, table#competitors td.icon02, table#competitors td.icon03, table#competitors td.icon04, table#competitors td.icon05, table#competitors td.icon06, table#competitors td.icon07, table#competitors td.icon08 {
    width: 24px;
    background: 0 0 no-repeat;
}

table#followPoduzeca td.icon01, table#traziPoduzeca td.icon01, table#connectedCompanies td.icon01, table#competitors td.icon01 {
    background-image: url(images/iconBonitetA2.png);
}

table#followPoduzeca td.icon02, table#traziPoduzeca td.icon02, table#connectedCompanies td.icon02, table#competitors td.icon02 {
    background-image: url(images/iconBonitetB2.png);
}

table#followPoduzeca td.icon03, table#traziPoduzeca td.icon03, table#connectedCompanies td.icon03, table#competitors td.icon03 {
    background-image: url(images/iconBonitetC2.png);
}

table#followPoduzeca td.icon04, table#traziPoduzeca td.icon04, table#connectedCompanies td.icon04, table#competitors td.icon04 {
    background-image: url(images/iconBonitetD2.png);
}

table#followPoduzeca td.icon05, table#traziPoduzeca td.icon05, table#connectedCompanies td.icon05, table#competitors td.icon05 {
    background-image: url(images/iconBonitetE2.png);
}

table#followPoduzeca td.icon06, table#traziPoduzeca td.icon06, table#connectedCompanies td.icon06, table#competitors td.icon06 {
    background-image: url(images/iconBonitetF2.png);
}

table#followPoduzeca td.icon07, table#traziPoduzeca td.icon07, table#connectedCompanies td.icon07, table#competitors td.icon07 {
    background-image: url(images/iconBonitetBlocked1small.png);
}

table#followPoduzeca td.icon08, table#traziPoduzeca td.icon08, table#connectedCompanies td.icon08, table#competitors td.icon08 {
    background-image: url(images/iconBonitetG2.png);
}

table#followPoduzeca .noborder, table#traziPoduzeca .noborder, table#followOsobe .noborder, .listOfNotes .noborder {
    /*border: none;*/
}

/* For Obrt & OPG */

/*table#followPoduzeca td.iconTradeScore01, table#traziPoduzeca td.iconTradeScore01, table#connectedCompanies td.iconTradeScore01, table#competitors td.iconTradeScore01 {
    background: url(images/iconTradeScoreBonitetA2.png) 8px 2px no-repeat;
    width: 23px;
}

table#followPoduzeca td.iconTradeScore02, table#traziPoduzeca td.iconTradeScore02, table#connectedCompanies td.iconTradeScore02, table#competitors td.iconTradeScore02 {
    background: url(images/iconTradeScoreBonitetB2.png) 8px 2px no-repeat;
    width: 23px;
}

table#followPoduzeca td.iconTradeScore03, table#traziPoduzeca td.iconTradeScore03, table#connectedCompanies td.iconTradeScore03, table#competitors td.iconTradeScore03 {
    background: url(images/iconTradeScoreBonitetC2.png) 8px 2px no-repeat;
    width: 23px;
}

table#followPoduzeca td.iconTradeScore04, table#traziPoduzeca td.iconTradeScore04, table#connectedCompanies td.iconTradeScore04, table#competitors td.iconTradeScore04 {
    background: url(images/iconTradeScoreBonitetD2.png) 8px 2px no-repeat;
    width: 23px;
}

table#followPoduzeca td.iconTradeScore05, table#traziPoduzeca td.iconTradeScore05, table#connectedCompanies td.iconTradeScore05, table#competitors td.iconTradeScore05 {
    background: url(images/iconTradeScoreBonitetE2.png) 8px 2px no-repeat;
    width: 23px;
}

table#followPoduzeca td.iconTradeScore06, table#traziPoduzeca td.iconTradeScore06, table#connectedCompanies td.iconTradeScore06, table#competitors td.iconTradeScore06 {
    background: url(images/iconBonitetF2.png) 8px 2px no-repeat;
    width: 23px;
}

table#followPoduzeca td.iconTradeScore07, table#traziPoduzeca td.iconTradeScore07, table#connectedCompanies td.iconTradeScore07, table#competitors td.iconTradeScore07 {
    background: url(images/iconBonitetBlocked1small.png) 8px 2px no-repeat;
    width: 23px;
}

table#followPoduzeca td.iconTradeScore08, table#traziPoduzeca td.iconTradeScore08, table#connectedCompanies td.iconTradeScore08, table#competitors td.iconTradeScore08 {
    background: url(images/iconBonitetG2.png) 8px 2px no-repeat;
    width: 23px;
}*/

/******************* end table followPoduzeca ************************/


/************************ table follow *******************************/

table#follow td {
    /*padding: 0px 4px;*/
}

    table#follow td .cbox.datePickerNews {
        width: 100px;
        text-align: right;
        position: relative;
        float: left;
        height: 33px;
        background: url(images/cboxBgr.png) 0 0 no-repeat;
        padding: 0 0 0 5px;
        position: relative;
        margin: -8px 0 0;
    }

        table#follow td .cbox.datePickerNews span {
            position: absolute;
            z-index: 10;
            left: 5px;
            top: 0;
            cursor: pointer;
        }

        table#follow td .cbox.datePickerNews input {
            font-weight: bold;
            width: 90px;
            cursor: pointer;
        }

    table#follow td .cbox button {
        background: url(images/cboxBtn.png) no-repeat scroll 0 0;
        border: medium none;
        height: 33px;
        margin: 0 -4px 0 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 31px;
    }

    table#follow td.date, table#follow td span.name {
/*        font-weight: bold;
        width: 70px;
        text-align: right;*/
    }

    table#follow td span.lider, table#follow td span.poslovni, table#follow td span.business, table#follow td span.seebiz {
        display: inline-block;
        width: 11px;
        height: 11px;
        margin-left: 1px;
    }

    table#follow td span.lider {
        background: url(images/newsIconLiderpressSmall.png) 0 0 no-repeat;
    }

    table#follow td span.poslovni {
        background: url(images/newsIconPoslovniSmall.png) 0 0 no-repeat;
    }

    table#follow td span.business {
        background: url(images/newsIconBusinessSmall.png) 0 0 no-repeat;
    }

    table#follow td span.seebiz {
        background: url(images/newsIconSeebizSmall.png) 0 1px no-repeat;
    }

    table#follow td span.icon01, 
    table#follow td span.icon02, 
    table#follow td span.icon03, 
    table#follow td span.icon04, 
    table#follow td span.icon05, 
    table#follow td span.icon06, 
    table#follow td span.icon07, 
    table#follow td span.icon08, 
    table#follow td span.icon09, 
    table#follow td span.icon10, 
    table#follow td span.icon11, 
    table#follow td span.icon12, 
    table#follow td span.icon17 {
        background: 0 0px no-repeat;
        padding-left: 1.5em;
/*        display: inline-block;*/
        display: inline;
        width: 100%;
    }

    table#follow td span.icon01 {
        background-image: url(images/Falcon/SVGs/promjene_osobe_u_subjektu_icon.svg);
    }

    table#follow td span.icon02 {
        background-image: url(images/Falcon/SVGs/promjena_boniteta_icon.svg);
    }

    table#follow td span.icon03 {
        background-image: url(images/Falcon/SVGs/JRR_icon.svg);
    }

    table#follow td span.icon04 {
        background-image: url(images/Falcon/SVGs/ostale_vijesti_o_subjektima_icon.svg);
    }

    table#follow td span.icon05 {
        background-image: url(images/Falcon/SVGs/vijesti_iz_medija_icon.svg);
    }

    table#follow td span.icon06 {
        background-image: url(images/Falcon/SVGs/vijesti_fininfo_icon.svg);
    }

    table#follow td span.icon07 {
        background-image: url(images/Falcon/SVGs/predstecajne_nagodbe_icon.svg);
    }

    table#follow td span.icon08 {
        background-image: url(images/tableFollowIcon08.png);
    }

    table#follow td span.icon09 {
        background-image: url(images/Falcon/SVGs/javna_nabava_icon.svg);
    }

    table#follow td span.icon10 {
        background-image: url(images/Falcon/SVGs/koncesije_icon.svg);
    }

    table#follow td span.icon11 {
        background-image: url(images/Falcon/SVGs/bagatelne_nabave_icon.svg);
    }

    table#follow td span.icon12 {
        background-image: url(images/Falcon/SVGs/natjecaji_icon.svg);
    }

    table#follow td span.icon17 {
        background-image: url(images/Falcon/SVGs/sudski_postupci_icon.svg);
    }
/************************ end table follow *******************************/

/******************** table traziPoduzeca*********************/

table#traziPoduzeca, table#searchProcurements {
/*    background: #fff;
    width: 957px;
    margin-left: 0 !important;*/
}

    table#traziPoduzeca th, table#searchProcurements th {
        /*border-top: solid 1px #dcdcdc;*/
    }

    table#traziPoduzeca td.tdOrderNumber {
/*        width: 20px;*/
    }

    table#traziPoduzeca td.tdNaziv {
      /*  width: 220px;*/
    }

        table#traziPoduzeca td.tdNaziv span.naziv {
         /*   width: 220px;
            float: left;
            overflow: hidden;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            white-space: nowrap;
            text-align: left;*/
        }

        table#traziPoduzeca td.tdNaziv span.naziv.sum {
            /*width: initial;        */ 
        }

    table#traziPoduzeca td.tdCity {
      /*  width: 100px;*/
    }

        table#traziPoduzeca td.tdCity span {
      /*      width: 100px;
            float: left;
            overflow: hidden;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            white-space: nowrap;*/
        }

    table#traziPoduzeca td.tdActivity {
/*        width: 300px;*/
    }

        table#traziPoduzeca td.tdActivity span {
/*            width: 300px;
            float: left;
            overflow: hidden;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            white-space: nowrap;*/
        }

    table#traziPoduzeca td.tdEmail {
/*        width: 120px;
        text-transform: lowercase;*/
    }

        table#traziPoduzeca td.tdEmail span {
/*            width: 120px;
            float: left;
            overflow: hidden;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            white-space: nowrap;*/
        }
/******************** end table traziPoduzeca*********************/

/******************* table Pokazatelji ************************/

table#pokazatelji {
    margin: 20px 10px 20px 10px;
    color: #777777;
    font-size: 12px;
    width: 937px;
}

    table#pokazatelji th {
        font-size: 10px;
        text-align: left;
    }

    table#pokazatelji td, table#pokazatelji th {
        padding: 4px;
        border-bottom: solid 1px #dcdcdc;
    }

        table#pokazatelji td.order {
            text-align: right;
            color: #4a68a6;
            font-weight: bold;
        }

        table#pokazatelji td span.naziv {
            font-weight: bold;
        }

            table#pokazatelji td span.naziv a {
                color: #4a68a6;
                text-decoration: none;
            }

        table#pokazatelji td.icon01, table#pokazatelji td.icon02, table#pokazatelji td.icon03, table#pokazatelji td.icon04, table#pokazatelji td.icon05, table#pokazatelji td.icon06, table#pokazatelji td.icon07, table#pokazatelji td.icon08 {
            width: 23px;
            background: 8px 1px no-repeat;
        }

        table#pokazatelji td.icon01 {
            background-image: url(images/iconBonitetA2.png);
        }

        table#pokazatelji td.icon02 {
            background-image: url(images/iconBonitetB2.png);
        }

        table#pokazatelji td.icon03 {
            background-image: url(images/iconBonitetC2.png);
        }

        table#pokazatelji td.icon04 {
            background-image: url(images/iconBonitetD2.png);
        }

        table#pokazatelji td.icon05 {
            background-image: url(images/iconBonitetE2.png);
        }

        table#pokazatelji td.icon06 {
            background-image: url(images/iconBonitetF2.png);
        }

        table#pokazatelji td.icon07 {
            background-image: url(images/iconBonitetBlocked1small.png);
        }

        table#pokazatelji td.icon08 {
            background-image: url(images/iconBonitetG2.png);
        }

    table#pokazatelji .noborder {
        border: none;
    }
/******************* end table Pokazatelji ************************/

/******************* table top 50 dobit ************************/

table#top50Win {
    margin: 20px 10px 20px 10px;
    color: #777777;
    font-size: 12px;
    width: 937px;
}

    table#top50Win th {
        font-size: 10px;
        text-align: left;
    }

    table#top50Win td, table#top50Win th {
        padding: 4px;
        border-bottom: solid 1px #dcdcdc;
    }

        table#top50Win td.order {
            text-align: right;
            color: #4a68a6;
            font-weight: bold;
        }

        table#top50Win td.plus {
            color: #778f14;
            text-align: right;
            width: 100px; /**********/
        }

        table#top50Win td.minus {
            color: #a51d1c;
            text-align: right;
            width: 100px; /**********/
        }

        table#top50Win td span.naziv {
            font-weight: bold;
        }

            table#top50Win td span.naziv a {
                color: #4a68a6;
                text-decoration: none;
            }

        table#top50Win td.icon01, table#top50Win td.icon02, table#top50Win td.icon03, table#top50Win td.icon04, table#top50Win td.icon05, table#top50Win td.icon06, table#top50Win td.icon07, table#top50Win td.icon08 {
            width: 23px;
            background: 8px 1px no-repeat;
        }

        table#top50Win td.icon01 {
            background-image: url(images/iconBonitetA2.png);
        }

        table#top50Win td.icon02 {
            background-image: url(images/iconBonitetB2.png);
        }

        table#top50Win td.icon03 {
            background-image: url(images/iconBonitetC2.png);
        }

        table#top50Win td.icon04 {
            background-image: url(images/iconBonitetD2.png);
        }

        table#top50Win td.icon05 {
            background-image: url(images/iconBonitetE2.png);
        }

        table#top50Win td.icon06 {
            background-image: url(images/iconBonitetF2.png);
        }

        table#top50Win td.icon07 {
            background-image: url(images/iconBonitetBlocked1small.png);
        }

        table#top50Win td.icon08 {
            background-image: url(images/iconBonitetG2.png);
        }

    table#top50Win .noborder {
        border: none;
    }
/******************* end table top 50 dobit ************************/

/******************* table top 50 prihod ************************/

table#top50Income {
    margin: 20px 10px 20px 10px;
    color: #777777;
    font-size: 12px;
    width: 937px;
}

    table#top50Income th {
        font-size: 10px;
        text-align: left;
    }

    table#top50Income td, table#top50Income th {
        padding: 4px;
        border-bottom: solid 1px #dcdcdc;
    }

        table#top50Income td.order {
            text-align: right;
            color: #4a68a6;
            font-weight: bold;
        }

        table#top50Income td span.naziv {
            font-weight: bold;
        }

            table#top50Income td span.naziv a {
                color: #4a68a6;
                text-decoration: none;
            }

        table#top50Income td.icon01, table#top50Income td.icon02, table#top50Income td.icon03, table#top50Income td.icon04, table#top50Income td.icon05, table#top50Income td.icon06, table#top50Income td.icon07, table#top50Income td.icon08 {
            width: 23px;
            background: 8px 1px no-repeat;
        }

        table#top50Income td.icon01 {
            background-image: url(images/iconBonitetA2.png);
        }

        table#top50Income td.icon02 {
            background-image: url(images/iconBonitetB2.png);
        }

        table#top50Income td.icon03 {
            background-image: url(images/iconBonitetC2.png);
        }

        table#top50Income td.icon04 {
            background-image: url(images/iconBonitetD2.png);
        }

        table#top50Income td.icon05 {
            background-image: url(images/iconBonitetE2.png);
        }

        table#top50Income td.icon06 {
            background-image: url(images/iconBonitetF2.png);
        }

        table#top50Income td.icon07 {
            background-image: url(images/iconBonitetBlocked1small.png);
        }

        table#top50Income td.icon08 {
            background-image: url(images/iconBonitetG2.png);
        }

    table#top50Income .noborder {
        border: none;
    }
/******************* end table top 50 prihod ************************/





/************************ End sticker ***************************/

/**************************** Bonitet Popup *****************************/
.bonitetPopupPosition {
/*    display: none;
    width: 500px;
    position: absolute;
    z-index: 9999999999;
    margin-left: auto;
    margin-right: auto;*/
}

.bonitetPopup {
/*    width: 500px;
    background: url(images/foldedBottom.png) bottom left no-repeat;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    margin: 0;
    padding: 0 0 30px 0;
    float: left;*/
}

    .bonitetPopup h2 {
/*        color: #4e6185;
        font-size: 16px;
        padding: 20px 0 0 20px;
        margin: 0;
        float: left;*/
    }

.bonitetPopupClose {
/*    margin: 8px 8px 0 0;
    background: url(images/iconClose.png) 0 0 no-repeat;
    width: 10px;
    height: 10px;
    float: right;
    cursor: pointer;*/
}

bonitetPopupClose a {
/*    display: block;
    width: 10px;
    height: 10px;
    cursor: pointer;*/
}

.bonitetPopup .bonitet {
/*    width: 63px;
    margin: 25px 5px 0 10px;
    padding: 42px 0 0 0;
    float: left;
    clear: left;
    font-size: 10px;
    text-align: center;*/
}

.bonitetPopup .bonitetDescription {
/*    border-left: solid 1px #d4d4d4;
    float: left;
    color: #636363;
    font-size: 13px;
    width: 370px;
    padding: 0 10px;
    margin: 30px 0 0 0;*/
}

.bonitetPopup div#bonitetDescriptionPdf {
  /*  float: right;
    font-size: 12px;
    margin: 35px 15px 0 0;*/
}

    .bonitetPopup div#bonitetDescriptionPdf a {
/*        color: #4E6185;
        text-decoration: underline;
        padding-left: 26px;
        background: url(images/iconPDF.png) 0 0 no-repeat;
        display: block;
        height: 22px;
        line-height: 22px;*/
    }

        .bonitetPopup div#bonitetDescriptionPdf a:hover {
            color: #777777;
            background-position: 0 -22px;
        }

.spiderParams div#spiderDescriptionPdf {
    float: right;
    font-size: 12px;
    margin: 16px 30px 0px -12px;
}

    .spiderParams div#spiderDescriptionPdf a {
        color: #4E6185;
        text-decoration: underline;
        padding-left: 27px;
        background: url(images/iconPDF.png) 0 0 no-repeat;
        display: block;
        height: 22px;
        line-height: 22px;
    }

        .spiderParams div#spiderDescriptionPdf a:hover {
            color: #777777;
            background-position: 0 -22px;
        }

.bonitetPopup .bonitet span.letterMark {
/*    font-size: 20px;
    font-weight: bold;
    display: inline-block;*/
}

.bonitetPopup .a {
    background: url(images/iconBonitetA1.png) 13px 0 no-repeat;
    color: #b9c287;
}

    .bonitetPopup .a span.letterMark {
        color: #778f14;
    }

.bonitetPopup .b {
    background: url(images/iconBonitetB1.png) 13px 0 no-repeat;
    color: #b9c287;
}

    .bonitetPopup .b span.letterMark {
        color: #778f14;
    }

.bonitetPopup .c {
    background: url(images/iconBonitetC1.png) 13px 0 no-repeat;
    color: #f9bc64;
}

    .bonitetPopup .c span.letterMark {
        color: #f6ab39;
    }

.bonitetPopup .d {
    background: url(images/iconBonitetD1.png) 13px 0 no-repeat;
    color: #d08d71;
}

    .bonitetPopup .d span.letterMark {
        color: #a51d1c;
    }

.bonitetPopup .e {
    background: url(images/iconBonitetE1.png) 13px 0 no-repeat;
    color: #d08d71;
}

    .bonitetPopup .e span.letterMark {
        color: #a51d1c;
    }

.bonitetPopup p {
    color: #555;
    font-size: 11px;
}

.bonitetPopup .termsWrap {
/*    width: 470px;
    height: 500px;
    margin-top: 24px;
    margin-left: 13px;
    overflow: auto;*/
}

    .bonitetPopup .termsWrap .terms {
/*        padding: 3px;*/
    }

        .bonitetPopup .termsWrap .terms h2 {
/*            margin-bottom: 10px;
            float: none;*/
        }

        .bonitetPopup .termsWrap .terms p {
/*            margin-bottom: 10px;
            padding-left: 10px;
            float: none;*/
        }

        .bonitetPopup .termsWrap .terms ul li {
/*            padding-left: 10px;
            color: #555;
            font-size: 11px;
            list-style-type: disc;
            list-style-position: inside;
            margin-bottom: 3px;
            margin-left: 5px;*/
        }
/**************************** End Bonitet Popup *****************************/

.contentRight {
/*    float: right;
    width: 300px;
    padding-bottom: 10px;
    margin-top: -13px;*/
}

    .contentRight .sidebarItemHolder {
 /*       width: 100%;*/
        float: left;
/*        border-top: solid 1px #c8c6c5;
        border-left: solid 1px #c8c6c5;
        margin: 15px 0 0 0;
        padding: 0;
        color: #636363;
        background: #ffffff url(images/grayBorder.png) top right repeat-y;*/
    }

    .contentRight .sidebarItemHolderBottom {
        width: 100%;
        height: 30px;
        float: left;
        background: url(images/foldedBottom.png) bottom left no-repeat;
/*        border-right: solid 1px #c8c6c5;
        margin: 0;
        padding: 0;*/
    }

    .contentRight .sidebarItemHolder#sidebarItemHolderFree {
/*        width: 100%;
        float: left;
        border-top: solid 1px #c8c6c5;
        border-left: solid 1px #c8c6c5;
        margin: 35px 0 0 0;
        padding: 0;
        color: #636363;
        background: #ffffff url(images/grayBorder.png) top right repeat-y;*/
    }

    .contentRight .first {
/*        margin: 36px 0 0 0;
        padding: 0px;
        border: none;
        background: none;*/
    }

    .contentRight .smallFlash {
        /*margin: 0;
        padding: 0;
        position: relative;
        width: 301px;
        height: 216px;
        float: left;*/
    }

#elearningHolder .right .middleFlash {
    margin: 0;
    padding: 0;
    position: relative;
    width: 360px;
    height: 230px;
    float: left;
}

    #elearningHolder .right .middleFlash a.flashLink {
        width: 360px;
        height: 230px;
        display: block;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
    }

    #elearningHolder .right .middleFlash #flash {
        width: 360px;
        height: 230px;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
    }

.contentRight .smallFlash a.flashLink {
/*    width: 301px;
    height: 216px;
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;*/
}

    .contentRight .smallFlash a.flashLink img {
/*        width: 301px;
        height: 216px;
        border: none;*/
    }

.contentRight .smallFlash #flash {
  /*  width: 301px;
    height: 216px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;*/
}

.contentRight a.sidebarItemLink {
/*    font-size: 13px;
    color: #777777;
    background: url(images/linkArrow.png) 0 2px no-repeat;
    padding: 0 0 0 10px;
    margin: 5px 0 0 0;
    float: left;
    text-decoration: none;*/
}

.contentRight .sidebarItemHolder p {
    font-size: 13px;
    padding: 0 15px 0 35px;
    line-height: 18px;
}

    .contentRight .sidebarItemHolder p a.more {
        color: #4c68a6;
        text-decoration: none;
        font-size: 11px;
        padding: 0 15px 0 0;
        background: url(images/linkMoreArrow.png) right 4px no-repeat;
    }

.contentRight .sidebarItemHolder h2 {
    color: #4e6185;
    font-size: 16px;
    padding: 10px 5px 8px 30px;
    margin: 5px 0 0 5px;
}

    .contentRight .sidebarItemHolder h2.book {
        background: url(images/h2IconBook.png) 0 7px no-repeat;
    }

    .contentRight .sidebarItemHolder h2.blogsCpt {
        background: url(images/h2IconBlogs.png) 3px 8px no-repeat;
    }

    .contentRight .sidebarItemHolder h2.note {
        background: url(images/h2IconNote.png) 0 7px no-repeat;
    }

.contentRight .sidebarItemHolder table {
    float: left;
    font-size: 13px;
    color: #777777;
}

    .contentRight .sidebarItemHolder table tr td {
        padding: 2px 0 2px 35px;
    }

        .contentRight .sidebarItemHolder table tr td.number {
            padding: 2px 15px 2px 0;
            text-align: right;
        }

.contentHolder .contentRight .vertical-right-ads {
/*    height: 604px;*/
}

/********************************************/
ul.accordion {
    float: left;
    padding: 10px 10px 0 35px;
}

    ul.accordion a {
        color: #4c68a6;
        text-decoration: none;
        font-size: 11px;
        text-decoration: none;
        background: url(images/linkAccordianArrow.png) right 4px no-repeat;
        padding: 0 15px 0 0;
    }

    ul.accordion li {
    }

        ul.accordion li img {
            padding: 10px 0 10px 0;
        }

        ul.accordion li a {
        }

            ul.accordion li a:hover {
            }

    ul.accordion ul {
    }

    ul.accordion a.active, ul.accordion a.active:hover {
        background-position: right -15px;
        color: #ff9900;
    }

.noaccordion {
}

ul.accordion ul li div div {
	background: url(images/homeChartBgr5Gridlines.png) 0 26px no-repeat;
}
/* vanja nastavak*/
.mainSearch .cbox input.ui-autocomplete-input,
#CustomerUpdatedData .cbox input.ui-autocomplete-input {
    border: none;
    background: Transparent;
    margin: 0;
    padding: 5px 0px 0px 4px;
    height: 23px;
    color: #777777;
    font-size: 12px;
    font-family: Arial;
}

.mainSearch .cbox .ui-button {
    margin: 0 -4px 0 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 31px;
    height: 33px;
    background:  url(images/cboxBtn.png) 0 0 no-repeat;
    border: none;
}

.mainSearch .cbox .ui-button .ui-icon {
    background: none;
}

.mainSearch .cbox .ui-button-icon-only .ui-button-text {
    padding: 0;
}

.mainSearch .cbox .ui-autocomplete-input {
    margin: 0;
    padding: 0;
    font-size: 12px !important;
    font-family: Arial !important;
}

.mainSearch .cboxQuarterWidth .ui-autocomplete-input,
#CustomerUpdatedData .cboxQuarterWidth .ui-autocomplete-input {
    width: 178px;
    font-size: 12px !important;
    font-family: Arial !important;
}

.mainSearch .cboxSixthWidth .ui-autocomplete-input {
    width: 108px;
    font-size: 12px !important;
    font-family: Arial !important;
}

.mainSearch .cboxEighthWidth .ui-autocomplete-input {
    width: 57px;
    font-size: 12px !important;
    font-family: Arial !important;
}

.mainSearch .cboxEightWidth {
    /*width: 71px;*/
}

/*.ui-autocomplete {
    position: absolute;
    cursor: default;
    z-index: 99999999 !important;
}*/
/* workarounds */
/** html .ui-autocomplete {
    width: 1px;
}*/
/* without this, the menu expands to 100% in IE6 */
/*.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
    background: #ffffff;
    max-height: 200px;
    overflow: auto;
}
    
    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        zoom: 1;
        float: left;
        clear: left;
        width: 95%;
        font-size: 12px !important;
    }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;*/
            /*padding: .2em .4em;*/
            /*line-height: 1.5;
            zoom: 1;
            font-size: 12px !important;
            border: none !important;
            font-weight: normal;
            cursor: pointer;
            padding: 2px 5px 2px 15px !important;
            color: #888;
            background: url(images/ddArrowBullet.png) 4px 6px no-repeat;
        }

            .ui-menu .ui-menu-item a:hover, .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
                font-weight: normal;
                background-position: 4px -244px;
                color: #4A68A6;
                margin: 0px;
            }*/

/*.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: 0px;
}*/

/************************************/

/* custom Company */

.menu ul li a.company {
    background: url(images/menuItemEmpty.png) 0 30px no-repeat;
    height: 40px;
    display: block;
    padding: 0 0 0 20px;
    color: #777777;
}

    .menu ul li a.company span {
        background: url(images/menuItemEmpty.png) right 0 no-repeat;
        height: 40px;
        display: block;
        padding: 0 20px 0 0;
    }

.menu ul li a.companySel {
    background: url(images/menuItemEmpty.png) 0 -40px no-repeat;
}

    .menu ul li a.companySel span {
        background: url(images/menuItemEmpty.png) right -40px no-repeat;
    }
/* DISTRIBUTION  */
.second {
    width: 433px;
    height: 27px;
    float: left;
    position: relative;
    margin-top: 3px;
}

.selector1 {
    width: 10px;
    height: 26px;
    background-image: url('images/picker.png');
    position: absolute;
}

.selector2 {
    width: 10px;
    height: 26px;
    background-image: url('images/picker.png');
    position: absolute;
}

.single {
    width: 2px;
    background-color: #9AB5BE;
    margin-left: 1px;
    float: left;
}

.selector1#selFirst {
    float: left;
}

.selector2#selSecond {
    left: 423px;
}

.ui-selecting {
    background: #104288;
}

.ui-selected {
    background: #104263;
}

.buttonForAjaxTest {
    width: 300px;
    height: 100px;
}

.distribution .tbox span {
/*    position: absolute;*/
    /*z-index: 999;*/
}

.distribution .chart {
    /*margin-left: 71px;*/
}

#fakeDistribution {
    /*width: 935px;
    height: 42px;
    margin-bottom: 10px;*/ /*height:77px;*/ /*background:url('images/fakeDistribution2.png');*/
    /*background: url('images/fakeDistribution.png');
    float: left;*/
}
/* custom rest MENU _Layout */

.menu ul li a.rest {
    background: url(images/menuItemEmpty.png) 0 30px no-repeat;
    height: 40px;
    display: block;
    padding: 0 0 0 20px; /* padding: 0 0 0 40px; default*/
    color: #777777;
}

    .menu ul li a.rest span {
        background: url(images/menuItemEmpty.png) right 0 no-repeat;
        height: 40px;
        display: block;
        padding: 0 20px 0 0;
    }

.menu ul li a.restSel {
    background: url(images/menuItemEmpty.png) 0 -40px no-repeat;
}

    .menu ul li a.restSel span {
        background: url(images/menuItemEmpty.png) right -40px no-repeat;
    }
/*-------------------*/
/* custom company/person MENU _Layout */

.menu ul li a.companyPerson {
    background: url(images/menuItemMagnifier.png) 0 30px no-repeat;
    height: 40px;
    display: block;
    padding: 0 0 0 40px;
    color: #777777;
}

    .menu ul li a.companyPerson span {
        background: url(images/menuItemMagnifier.png) right 0 no-repeat;
        height: 40px;
        display: block;
        padding: 0 20px 0 0;
    }

.menu ul li a.companyPersonSel {
    background: url(images/menuItemMagnifier.png) 0 -40px no-repeat;
}

    .menu ul li a.companyPersonSel span {
        background: url(images/menuItemMagnifier.png) right -40px no-repeat;
    }
/*-------------------*/
/*-------------------*/
#progress {
    visibility: hidden;
}

.searchNotify {
    color: #4C68A6;
}

#elearningHolder {
    width: 100%;
    float: left;
    padding: 25px 0 30px 0;
}

    #elearningHolder .left h2 {
        font-size: 17px;
        font-weight: bold;
        color: #4a68a6;
        padding: 10px 0 5px 15px;
        float: left;
        width: 100%;
    }

        #elearningHolder .left h2.elearningCpt {
            font-size: 17px;
            font-weight: bold;
            color: #4A68A6;
            padding: 5px 0 9px 30px;
            float: left;
            width: 100%;
            background: url(images/iconElesons_s.png) 0 0 no-repeat;
        }

#dictionaryHolder h2 {
    font-size: 17px;
    font-weight: bold;
    color: #4A68A6;
    padding: 20px 0 3px 40px;
    float: left;
    width: 100%;
}

#elearningHolder .left {
    width: 553px;
    float: left;
    padding: 0;
    margin: 0 0 0 15px;
}

    #elearningHolder .left .featuredContent {
        float: left;
        width: 175px;
        height: 207px;
        border-top: solid 1px #c9c8cb;
        border-right: solid 1px #c9c8cb;
        background: url(images/foldedBottomSmallGray.png) bottom left no-repeat;
        margin: 0 0 0 12px;
        position: relative;
    }

    #elearningHolder .left .featuredContentFirst {
        margin: 0;
    }

    #elearningHolder .left .featuredContent .featuredIcon {
        position: absolute;
        top: 20px;
        left: 12px;
        width: 104px;
        height: 61px;
    }

    #elearningHolder .left .featuredContent .icon01 {
        background: url(images/elearningFeaturedContentIcon01.png) 0 0 no-repeat;
    }

    #elearningHolder .left .featuredContent .icon02 {
        background: url(images/elearningFeaturedContentIcon02.png) 0 0 no-repeat;
    }

    #elearningHolder .left .featuredContent .icon03 {
        background: url(images/elearningFeaturedContentIcon03.png) 0 0 no-repeat;
    }

    #elearningHolder .left .featuredContent p {
        color: #777777;
        font-size: 12px;
        margin: 0 12px 0 12px;
        padding: 3px 0 0 0;
    }

        #elearningHolder .left .featuredContent p.rowDown {
            color: #777777;
            font-size: 12px;
            margin: 0 12px 0 12px;
            padding: 20px 0 0 0;
        }

        #elearningHolder .left .featuredContent p span {
            color: #4a68a6;
            font-weight: bold;
        }

        #elearningHolder .left .featuredContent p.learnMore {
            font-style: italic;
            font-size: 11px;
            margin: 95px 12px 0 12px;
        }

    #elearningHolder .left .blogsLeft {
        width: 530px;
        float: left;
        border-top: solid 1px #c9c8cb;
        border-right: solid 1px #c9c8cb;
        background: url(images/foldedBottomSmall.png) bottom left no-repeat;
        margin: 14px 0 0 0;
        padding: 15px 10px 25px 10px;
    }

#blogHolder .right .blogText img {
    margin: 10px;
}

#blogHolder .left h3 {
    text-transform: capitalize;
}

#elearningHolder .left .blogsLeft h2.blogsCpt {
    font-size: 17px;
    font-weight: bold;
    color: #4a68a6;
    padding: 5px 0 5px 30px;
    margin: 0 0 0 10px;
    float: left;
    width: 100%;
    background: url(images/iconBlogs.png) 0 0 no-repeat;
}

#elearningHolder .left .blogsLeft .blogItem {
    border: solid 1px #c9c8cb;
    float: left;
    padding: 10px;
    margin: 10px 0 0 0;
    width: 508px;
}

    #elearningHolder .left .blogsLeft .blogItem .more {
        text-align: right;
    }

        #elearningHolder .left .blogsLeft .blogItem .more a {
            color: #4c68a6;
            text-decoration: none;
            font-size: 11px;
            padding: 0 15px 0 0;
            background: url(images/linkMoreArrow.png) right 4px no-repeat;
        }

    #elearningHolder .left .blogsLeft .blogItem h3 {
        font-size: 13px;
        font-weight: bold;
        color: #4a68a6;
        padding: 0;
        float: left;
        width: 100%;
    }

    #elearningHolder .left .blogsLeft .blogItem p {
        font-size: 12px;
        color: #777777;
        padding: 5px 0;
    }

    #elearningHolder .left .blogsLeft .blogItem img {
        text-align: center;
    }

#elearningHolder .right {
    width: 360px;
    float: right;
    padding: 0;
    margin: 12px 15px 0 0;
}

    #elearningHolder .right .dictionaryRight {
        width: 330px;
        float: left;
        border-top: solid 1px #c9c8cb;
        border-right: solid 1px #c9c8cb;
        background: url(images/foldedBottomSmall.png) bottom left no-repeat;
        margin: 10px 0 0 0;
        padding: 15px;
    }

        #elearningHolder .right .dictionaryRight h2.dictionaryCpt {
            font-size: 17px;
            font-weight: bold;
            color: #4a68a6;
            padding: 5px 0 5px 60px;
            float: left;
            width: 100%;
            background: url(images/iconDictionary.png) 0 0 no-repeat;
        }

        #elearningHolder .right .dictionaryRight h3 {
            font-size: 13px;
            font-weight: bold;
            color: #4a68a6 !important;
            padding: 10px 0 2px 10px;
            float: left;
            width: 100%;
        }

.blogText {
    width: 557px;
    text-align: justify;
}

.dictionaryText {
    width: 630px;
    text-align: justify;
}

#blogHolder .right .blogText img {
    margin: 30px 10px;
}

#elearningHolder .right .dictionaryRight h3 a {
    color: #4a68a6;
}

#elearningHolder .right .dictionaryRight p {
    font-size: 12px;
    color: #777777;
    padding: 0 10px 10px 10px;
    font-weight: normal;
}

#dictionaryHolder {
    width: 100%;
    float: left;
    padding: 25px 0 30px 0;
    position: relative;
}

    #dictionaryHolder .dictionaryText h2 {
        font-size: 17px;
        font-weight: bold;
        color: #4a68a6;
        padding: 20px 0 3px 40px;
        float: left;
        width: 100%;
    }

    #dictionaryHolder h3 {
        font-size: 13px;
        font-weight: bold;
        color: #4a68a6;
        padding: 10px 0 2px 40px;
        float: left;
        width: 100%;
    }

    #dictionaryHolder p {
        font-size: 12px;
        color: #777777;
        padding: 0 10px 5px 40px;
    }

    #dictionaryHolder h2.dictionaryCpt {
        font-size: 17px;
        font-weight: bold;
        color: #4a68a6;
        padding: 5px 0 5px 60px;
        margin: 5px 0 0 10px;
        float: left;
        width: 100%;
        background: url(images/iconDictionary.png) 0 0 no-repeat;
    }

    #dictionaryHolder .breadcrumb {
        position: absolute;
        font-size: 13px;
        color: #4a68a6;
        top: 36px;
        left: 400px;
    }

        #dictionaryHolder .breadcrumb a {
            color: #4a68a6;
            text-decoration: none;
            font-weight: bold;
        }

    #dictionaryHolder .glossaryNav {
        position: absolute;
        font-size: 13px;
        color: #777777;
        top: 36px;
        right: 15px;
    }

        #dictionaryHolder .glossaryNav a {
            color: #666;
            text-decoration: none;
            padding: 0 2px;
            margin-right: 10px;
        }

            #dictionaryHolder .glossaryNav a.selected {
                color: #4a68a6;
            }

#blogHolder {
    width: 100%;
    float: left;
    padding: 25px 0 30px 0;
    position: relative;
}

    #blogHolder .left {
        width: 260px;
        float: left;
        border-top: solid 1px #c9c8cb;
        border-right: solid 1px #c9c8cb;
        background: url(images/foldedBottomSmallGray.png) bottom left no-repeat;
        margin: 10px 0 0 15px;
        padding: 5px 10px 15px 10px;
    }

        #blogHolder .left h3 {
            font-size: 13px;
            font-weight: bold;
            color: #4a68a6;
            padding: 0 0 5px 0;
            float: left;
            width: 100%;
        }

        #blogHolder .left ul {
            font-size: 12px;
            padding: 0 10px 15px 10px;
        }

            #blogHolder .left ul li {
                padding: 2px 0;
            }

                #blogHolder .left ul li a {
                    color: #777777;
                    text-decoration: none;
                }

                    #blogHolder .left ul li a.selected {
                        color: #4a68a6;
                    }

    #blogHolder .right {
        float: right;
        width: 632px;
        margin: 5px 15px 0 0;
    }

        #blogHolder .right h2 {
            font-size: 17px;
            font-weight: bold;
            color: #4a68a6;
            padding: 0 0 15px 0;
            float: left;
            width: 100%;
        }

        #blogHolder .right p {
            font-size: 12px;
            color: #777777;
            padding: 15px 0 5px 0;
        }

        #blogHolder .right .blogText {
            font-size: 12px;
            color: #666666;
            padding: 15px 0 5px 0;
        }

#resultsHolder {
    width: 100%;
    float: left;
    padding: 25px 0 30px 0;
}

    #resultsHolder h2.dictionaryCpt, #resultsHolder h2.blogsCpt, #resultsHolder h2.elesonsCpt {
        font-size: 17px;
        font-weight: bold;
        color: #4a68a6;
        margin: 5px 0 0 10px;
        float: left;
        width: 100%;
    }

    #resultsHolder h2.dictionaryCpt {
        background: url(images/iconDictionary.png) 0 5px no-repeat;
        padding: 10px 0 10px 60px;
    }

    #resultsHolder h2.blogsCpt {
        background: url(images/iconBlogRecords.png) 13px 5px no-repeat;
        padding: 10px 0 10px 60px;
    }

    #resultsHolder h2.elesonsCpt {
        background: url(images/iconElesons.png) 4px 0 no-repeat;
        padding: 10px 0 10px 60px;
    }

    #resultsHolder h3 {
        font-size: 12px;
        padding: 0 0 0 70px;
        float: left;
        width: 100%;
    }

        #resultsHolder h3 a {
            color: #4a68a6;
        }

    #resultsHolder p {
        font-size: 12px;
        color: #777777;
        padding: 2px 30px 10px 70px;
        float: left;
    }

        #resultsHolder p a {
            color: #4a68a6;
            text-decoration: none;
        }

#elesonsHolder {
    width: 100%;
    float: left;
    padding: 25px 0 40px 0;
    position: relative;
}

    #elesonsHolder .option01, #elesonsHolder .option02 {
        display: none;
    }

    #elesonsHolder .elessonsBanner {
        float: left;
        width: 905px;
        border-top: solid 1px #c9c8cb;
        border-right: solid 1px #c9c8cb;
        background: url(images/foldedBottomSmallGray.png) bottom left no-repeat;
        padding: 5px 10px 15px 10px;
        margin: 15px 0 0 15px;
    }

        #elesonsHolder .elessonsBanner .elessonsIcon {
            float: left;
            width: 115px;
            position: relative;
            top: 15px;
            left: 10px;
            height: 100px;
        }

        #elesonsHolder .elessonsBanner .icon01 {
            background: url(images/elearningFeaturedContentIcon01.png) 0 0 no-repeat;
        }

        #elesonsHolder .elessonsBanner .icon02 {
            background: url(images/elearningFeaturedContentIcon02.png) 0 0 no-repeat;
        }

        #elesonsHolder .elessonsBanner .icon03 {
            background: url(images/elearningFeaturedContentIcon03.png) 0 0 no-repeat;
        }

        #elesonsHolder .elessonsBanner .elessonsExcerpt {
            float: right;
            width: 775px;
        }

            #elesonsHolder .elessonsBanner .elessonsExcerpt h2 {
                font-size: 17px;
                font-weight: bold;
                color: #4a68a6;
                padding: 15px 0 5px 0;
                float: left;
                width: 100%;
            }

            #elesonsHolder .elessonsBanner .elessonsExcerpt p {
                color: #777777;
                font-size: 12px;
                margin: 0;
                padding: 3px 0 0 0;
            }

                #elesonsHolder .elessonsBanner .elessonsExcerpt p span {
                    color: #4a68a6;
                    font-weight: bold;
                }

    #elesonsHolder .leftHolder {
        float: left;
        width: 295px;
    }

    #elesonsHolder .left {
        width: 95%;
        float: left;
        border-top: solid 1px #C9C8CB;
        border-right: solid 1px #C9C8CB;
        background: url(images/foldedBottomSmallGray.png) bottom left no-repeat;
        margin: 10px 0 0 15px;
        padding: 5px 10px 15px 10px;
    }

        #elesonsHolder .left h2 a span {
            font-size: 14px;
            font-weight: bold;
            color: #4F65AE;
            padding: 5px 0 5px 0px;
            float: left;
            width: 100%;
        }

        #elesonsHolder .left h2.glossaryCpt {
            padding: 10px 0 10px 40px;
            background: url(images/iconGlossary.png) 5px 7px no-repeat;
        }

        #elesonsHolder .left ul.glossaryMenu {
            font-size: 12px;
            margin: 0 0 0 10px;
        }

            #elesonsHolder .left ul.glossaryMenu a {
                text-decoration: none;
                color: #666;
                padding: 0 0 0 13px;
                background: url(images/listMenuBullet.png) 0 3px no-repeat;
            }

                #elesonsHolder .left ul.glossaryMenu a:hover, #elesonsHolder .left ul.glossaryMenu a.selected {
                    color: #4a68a6;
                    background-position: 0 -12px;
                }

                #elesonsHolder .left ul.glossaryMenu a.parent {
                    background-position: 0 -27px;
                }

                #elesonsHolder .left ul.glossaryMenu a.parentSelected {
                    background-position: 0 -39px;
                }

            #elesonsHolder .left ul.glossaryMenu li {
                text-transform: uppercase;
                padding: 2px 0 13px 0;
            }

                #elesonsHolder .left ul.glossaryMenu li ul li {
                    text-transform: none;
                    padding: 2px 0;
                    margin: 0 0 0 10px;
                }

                    #elesonsHolder .left ul.glossaryMenu li ul li ul li {
                        margin: 0 0 0 10px;
                    }

        #elesonsHolder .left .featuredContent {
            float: left;
            margin: 0 5px;
            padding: 5px 0;
            position: relative;
        }

        #elesonsHolder .left .featuredContentFirst {
            border: none;
            padding: 0 0 5px 0;
        }

        #elesonsHolder .left .featuredContent .featuredIcon {
            position: relative;
            top: 5px;
            left: 0px;
            width: 115px;
            height: 61px;
            float: left;
        }

        #elesonsHolder .left .featuredContent h2 {
            padding-left: 0;
        }

        #elesonsHolder .left .featuredContent .icon01 {
            background: url(images/elearningFeaturedContentIcon01.png) 0 0 no-repeat;
        }

        #elesonsHolder .left .featuredContent .icon02 {
            background: url(images/elearningFeaturedContentIcon02.png) 0 0 no-repeat;
        }

        #elesonsHolder .left .featuredContent .icon03 {
            background: url(images/elearningFeaturedContentIcon03.png) 0 0 no-repeat;
        }

        #elesonsHolder .left .featuredContent p {
            color: #666;
            font-size: 12px;
            margin: 0 0 5px 0;
            padding: 0;
        }

            #elesonsHolder .left .featuredContent p span {
                color: #4a68a6;
                font-weight: bold;
            }

    #elesonsHolder .right {
        float: right;
        width: 632px;
        margin: 10px 15px 0 0;
    }

        #elesonsHolder .right .fontSize {
            position: absolute;
            top: 0px;
            right: 70px;
            width: 90px;
            height: 30px;
        }

            #elesonsHolder .right .fontSize .percentage {
                float: left;
                width: 39px;
                height: 31px;
                background: url(images/fontSizeBgr.png) 0 0 no-repeat;
            }

                #elesonsHolder .right .fontSize .percentage .indicator {
                    float: left;
                    width: 26px;
                    height: 8px;
                    margin: 5px 0 0 5px;
                    background: #4e6cad url(images/fontSizePercentageIndicatorBgr.png) 13px 0 no-repeat;
                }

                #elesonsHolder .right .fontSize .percentage .number {
                    float: left;
                    width: 26px;
                    font-size: 10px;
                    color: #666;
                    text-align: right;
                    padding: 0 5px;
                }

            #elesonsHolder .right .fontSize .smaller {
                float: left;
                width: 23px;
                height: 23px;
                margin: 6px 0 0 3px;
                background: url(images/fontSizeSmaller.png) 0 0 no-repeat;
            }

            #elesonsHolder .right .fontSize .bigger {
                float: left;
                width: 23px;
                height: 23px;
                margin: 6px 0 0 0;
                background: url(images/fontSizeBigger.png) 0 0 no-repeat;
            }

                #elesonsHolder .right .fontSize .smaller a, #elesonsHolder .right .fontSize .bigger a {
                    width: 23px;
                    height: 23px;
                    display: block;
                }

        #elesonsHolder .right .topNav {
            position: absolute;
            top: 0px;
            right: 14px;
            width: 45px;
            height: 30px;
        }

        #elesonsHolder .right .bottomNav {
            position: absolute;
            bottom: 5px;
            right: 14px;
            width: 45px;
            height: 30px;
        }

            #elesonsHolder .right .topNav .prev, #elesonsHolder .right .bottomNav .prev {
                float: left;
                width: 10px;
                height: 14px;
                margin: 10px 0 0 0;
            }

                #elesonsHolder .right .topNav .prev a, #elesonsHolder .right .bottomNav .prev a {
                    width: 10px;
                    height: 14px;
                    display: block;
                    background: url(images/prevNextNavArrow.png) 0 0 no-repeat;
                }

            #elesonsHolder .right .topNav .next, #elesonsHolder .right .bottomNav .next {
                float: right;
                width: 10px;
                height: 14px;
                margin: 10px 0 0 0;
            }

                #elesonsHolder .right .topNav .next a, #elesonsHolder .right .bottomNav .next a {
                    width: 10px;
                    height: 14px;
                    display: block;
                    background: url(images/prevNextNavArrow.png) right 0 no-repeat;
                }

        #elesonsHolder .right h2 {
            font-size: 17px;
            font-weight: bold;
            color: #4a68a6;
            padding: 5px 0 15px 0;
            float: left;
            width: 100%;
        }

        #elesonsHolder .right p {
            font-size: 12px;
            color: #666;
            padding: 15px 0 5px 0;
            float: left;
            width: 100%;
        }

            #elesonsHolder .right p span {
                color: #4a68a6;
                font-weight: bold;
            }

            #elesonsHolder .right p.lessonLink {
                margin: 50px 0 0 0;
                padding: 0;
            }

                #elesonsHolder .right p.lessonLink a {
                    font-weight: bold;
                    font-size: 15px;
                    text-decoration: none;
                    height: 45px;
                    line-height: 45px;
                    background: url(images/lessonLinkBgr.png) 0 0 no-repeat;
                    padding: 0 0 0 19px;
                    display: block;
                    float: right;
                }

                    #elesonsHolder .right p.lessonLink a span {
                        height: 45px;
                        line-height: 45px;
                        background: url(images/lessonLinkBgr.png) right 0 no-repeat;
                        padding: 0 19px 0 0;
                        display: block;
                        color: #666;
                    }

        #elesonsHolder .right .framedContent {
            border: solid 1px #e0e0e0;
            background: #e9e9e9;
            float: left;
            margin: 5px 0 0 0;
            width: 608px;
            padding: 10px;
            color: #666;
            font-size: 12px;
        }

            #elesonsHolder .right .framedContent h3 {
                font-weight: bold;
                font-size: 12px;
                padding: 0 0 3px 0;
            }

        #elesonsHolder .right ul {
        }

            #elesonsHolder .right ul li {
                padding: 1px 0 1px 10px;
                list-style-type: square;
                list-style-position: inside;
            }

.personDetailsFunction {
    width: 185px;
    float: left;
    margin: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}


/******* linkedPersons ellipsies *******/
#linkedPersons .personDetailsCompany {
    width: 200px;
    margin: 5px;
    float: left;
}

    #linkedPersons .personDetailsCompany span.naziv {
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        width: 120px;
        float: left;
    }

    #linkedPersons .personDetailsCompany span.nazivAdresa {
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        width: 72px;
        margin-left: 8px;
        float: left;
    }
/******* end linkedPersons ellipsies *******/


/******* traziOsobe ellipsies *******/
#traziOsobe .personDetailsCompany {
    width: 358px;
    margin: 5px;
    float: left;
}

    #traziOsobe .personDetailsCompany span.naziv {
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        width: 210px;
        float: left;
    }

    #traziOsobe .personDetailsCompany span.nazivAdresa {
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        width: 140px;
        margin-left: 8px;
        float: left;
    }

.noRating {
    margin-left: 14px;
    color: #666;
}

#ratingHolder .bonitetHolder .a {
    background: url(images/iconBonitetA1.png) 8px 0 no-repeat;
    color: #b9c287;
}

    #ratingHolder .bonitetHolder .a .unavailable {
        font-size: 20px;
        color: #444;
        font-weight: bold;
        margin-left: 5px;
    }

    #ratingHolder .bonitetHolder .a span.letterMark {
        color: #778f14;
    }

#ratingHolder .bonitetHolder .b {
    background: url(images/iconBonitetB1.png) 8px 0 no-repeat;
    color: #b9c287;
}

    #ratingHolder .bonitetHolder .b span.letterMark {
        color: #778f14;
    }

#ratingHolder .bonitetHolder .c {
    background: url(images/iconBonitetC1.png) 8px 0 no-repeat;
    color: #f9bc64;
}

    #ratingHolder .bonitetHolder .c span.letterMark {
        color: #f6ab39;
    }

#ratingHolder .bonitetHolder .d {
    background: url(images/iconBonitetD1.png) 8px 0 no-repeat;
    color: #d08d71;
}

    #ratingHolder .bonitetHolder .d span.letterMark {
        color: #a51d1c;
    }

#ratingHolder .bonitetHolder .e {
    background: url(images/iconBonitetE1.png) 8px 0 no-repeat;
    color: #d08d71;
}

    #ratingHolder .bonitetHolder .e span.letterMark {
        color: #a51d1c;
    }

#ratingHolder .bonitetHolder .info {
 /*   float: left;
    width: 365px;
    margin: 17px 5px 0 5px;
    padding: 0 7px;
    font-size: 12px;
    color: #636363;
    border-left: solid 1px #d4d4d4;
    height: 105px;*/
}

    #ratingHolder .bonitetHolder .info h2 {
/*        font-size: 17px;
        font-weight: bold;
        color: #4d6185;
        margin: 0;
        padding: 0;*/
    }

#ratingHolder .limitHolder h2 {
/*    font-size: 17px;
    font-weight: bold;
    color: #4d6185;
    margin: 4px 0 0 0;
    padding: 10px 5px 0 20px;
    float: left;
    width: initial;*/
}

#ratingHolder .limitHolder p,
#ratingHolder .noPaymentProbabilityHolder p {
/*    font-size: 12px;
    color: #666;
    padding: 0px 10px 0 20px;
    float: left;*/
}

#ratingHolder .noPaymentProbabilityHolder p {
/*    margin: 23px 18px 50px 0px;
    float: initial;*/
}

#ratingHolder .noPaymentProbabilityHolder .dynamic_popup_generic p {
/*    color: #333;
    font-size: 12px;
    color: #464646;
    padding: initial;
    margin: initial;*/
}

.limitHolder .tboxDummy {
/*    float: left;
    height: 33px;
    background: url(images/tboxBgr.png) 0 0 no-repeat;
    padding: 0 0 0 5px;
    margin: 7px -1px 0 0;*/
}

    .limitHolder .tboxDummy div {
/*        float: left;
        height: 33px;
        background: url(images/tboxBgr.png) right 0 no-repeat;
        padding: 5px;
        color: #666;
        font-size: 11px;
        line-height: 24px;*/
    }

    .limitHolder .tboxDummy .limit {
/*        width: 112px;
        font-size: 15px;
        font-weight: bold;
        text-align: right;
        color: #6b8d2d;
        padding-right: 10px;*/
    }

    .limitHolder .tboxDummy .limitNote {
        width: 200px;
        font-size: 15px;
        font-weight: bold;
        text-align: right;
        color: #FF0000;
        padding-right: 10px;
    }

#ratingHolder .bonitetneOcjeneHolder, #ratingHolder .indexLikvidnostiHolder {
/*    width: 455px;
    float: left;
    margin: 20px 0 0 15px;
    padding: 0 0 15px 0;
    position: relative;*/
}

    #ratingHolder .bonitetneOcjeneHolder h2, #ratingHolder .indexLikvidnostiHolder h2 {
/*        font-size: 17px;
        font-weight: bold;
        color: #4d6185;
        margin: 7px 0 0 0;
        padding: 10px 0 0 0;
        float: left;
        width: auto;*/
    }

    #ratingHolder .indexLikvidnostiHolder .rightQuestinoMark,
    #ratingHolder .noPaymentProbabilityHolder .rightQuestinoMark {
        width: 20px;
        height: 25px;
        float: left;
        margin-top: 9px;
        margin-left: 3px;
    }

#ratingHolder .noPaymentProbabilityHolder .rightQuestinoMark {
     margin-bottom: 3px;
}

    #ratingHolder .indexLikvidnostiHolder .indexLikvidnostiDummy {
        float: left;
        background: url(images/index-placanja-dummy.png) 10px bottom no-repeat;
        width: 452px;
        height: 161px;
        padding: 24px 0 0 10px;
    }

        #ratingHolder .indexLikvidnostiHolder .indexLikvidnostiDummy p {
            float: left;
            width: 100%;
            color: #cb3727;
            margin: -15px 0 0;
            padding: 0;
            font-weight: normal;
            font-size: 14px;
            text-align: center;
        }

.rightQuestinoMark .help {
    float: left;
    margin: 12px 4px 0 1px;
    background: url(images/helpIcon.png) 0 0 no-repeat;
    width: 6px;
    height: 11px;
}

    .rightQuestinoMark .help a {
        display: block;
        width: 10px;
        height: 10px;
    }

#ratingHolder .bonitetneOcjeneHolder .chart {
/*    margin: 10px 0 0 8px;
    float: left;*/
}

#ratingHolder .indexLikvidnostiHolder .chart {
/*    margin: 10px 0 0 -5px;
    float: left;*/
}

#ratingHolder .ocjenePokazateljaHolder {
    width: 926px;
    float: left;
    background: url(images/foldedBottomSmall.png) bottom left no-repeat;
    border-top: solid 1px #c9c8cb;
    border-right: solid 1px #c9c8cb;
    margin: 20px 0 0 15px;
    padding: 0 0 15px 0;
    position: relative;
}

#ratingHolder .noPaymentProbabilityHolder {
/*    width: 926px;
    height: 70px;
    float: left;
    background: url(images/foldedBottomSmall.png) bottom left no-repeat;
    border-top: solid 1px #e6e5e8;
    border-right: solid 1px #e6e5e8;
    margin: 10px 0 15px 15px;
    padding: 0 0 15px 0;
    position: relative;*/
}

    #ratingHolder .ocjenePokazateljaHolder h2,
    #ratingHolder .noPaymentProbabilityHolder h2 {
/*        font-size: 17px;
        font-weight: bold;
        color: #4d6185;
        margin: 7px 0 0 0;
        padding: 10px 5px 0 20px;
        float: left;*/
    }

    #ratingHolder .noPaymentProbabilityHolder h2 {
/*        width: auto;
        padding-right: 0px;*/
    }

table#ocjenePokazatelja {
    margin: 0 20px;
    width: 886px;
    font-size: 12px;
    color: #666;
    clear: left;
}

    table#ocjenePokazatelja tr th {
        font-weight: normal;
        text-align: center;
    }

        table#ocjenePokazatelja tr th.first {
            width: 250px;
        }

        table#ocjenePokazatelja tr th.last {
            width: 350px;
        }

        table#ocjenePokazatelja tr th.last, table#ocjenePokazatelja tr td.last, table#ocjenePokazatelja tr td.first {
            text-align: left;
        }

    table#ocjenePokazatelja tr th, table#ocjenePokazatelja tr td {
        border-bottom: solid 1px #d1d0d0;
        padding: 2px 5px;
        text-align: center;
    }

    table#ocjenePokazatelja tr th {
        padding: 0px 5px 5px 5px;
    }

    table#ocjenePokazatelja tr:nth-child(even) {
        background: #e8e9f4;
    }

    table#ocjenePokazatelja tr:nth-child(odd) {
        background: #fff;
    }

    table#ocjenePokazatelja tr td.bonitetA, table#ocjenePokazatelja tr td.bonitetB, table#ocjenePokazatelja tr td.bonitetC, table#ocjenePokazatelja tr td.bonitetD, table#ocjenePokazatelja tr td.bonitetE {
        background-position: center 5px;
        background-repeat: no-repeat;
        font-size: 11px;
        text-transform: uppercase;
        text-align: center; /* text-indent: 15px; */
        padding: 25px 10px 2px 10px;
        font-weight: bold; /*****/
    }

    table#ocjenePokazatelja tr td.bonitetA {
        background-image: url(images/iconBonitetA2.png);
        color: #778f14;
    }

    table#ocjenePokazatelja tr td.bonitetB {
        background-image: url(images/iconBonitetB2.png);
        color: #778f14;
    }

    table#ocjenePokazatelja tr td.bonitetC {
        background-image: url(images/iconBonitetC2.png);
        color: #f6ab39;
    }

    table#ocjenePokazatelja tr td.bonitetD {
        background-image: url(images/iconBonitetD2.png);
        color: #a51d1c;
    }

    table#ocjenePokazatelja tr td.bonitetE {
        background-image: url(images/iconBonitetE2.png);
        color: #a51d1c;
    }

    table#ocjenePokazatelja tr td.trendIndicatorUp {
        background-image: url(images/trendIndicatorArrowUp.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    table#ocjenePokazatelja tr td.trendIndicatorDown {
        background-image: url(images/trendIndicatorArrowDown.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    table#ocjenePokazatelja tr td.trendIndicatorNoChange {
        background-image: url(images/trendIndicatorArrowNoChange.png);
        background-position: center;
        background-repeat: no-repeat;
    }

#ratingHolder .ocjeneKorisnikaHolder {
    width: 926px;
    float: left;
    margin: 20px 0 0 15px;
    padding: 0 0 15px 0;
    position: relative;
}

    #ratingHolder .ocjeneKorisnikaHolder h2 {
        font-size: 17px;
        font-weight: bold;
        color: #4d6185;
        margin: 7px 0 0 0;
        padding: 10px 0 10px 0;
        float: left;
    }

    #ratingHolder .ocjeneKorisnikaHolder .sendResults {
        height: 19px;
        float: left;
        margin: 15px 0 0 0;
    }

        #ratingHolder .ocjeneKorisnikaHolder .sendResults a {
            color: #666;
            font-size: 11px;
            text-decoration: none;
            line-height: 19px;
            height: 19px;
            padding: 0 0 0 5px;
            display: block;
            background: url(images/sendResultsBgr.png) 0 0 no-repeat;
        }

            #ratingHolder .ocjeneKorisnikaHolder .sendResults a span {
                padding: 0 20px 0 0;
                display: block;
                background: url(images/sendResultsBgr.png) top right no-repeat;
            }

table#dodavanjeOcjene, table#ocjenaKorisnika {
    margin: 0;
    width: 926px;
    font-size: 12px;
    color: #666;
    clear: left;
    border-top: solid 1px #d1d0d0;
}

    table#dodavanjeOcjene tr td, table#ocjenaKorisnika tr td {
        border-bottom: solid 1px #d1d0d0;
        padding: 5px;
        text-align: left;
    }

    table#dodavanjeOcjene tr.odd, table#dodavanjeOcjene tr.even, table#ocjenaKorisnika tr.odd, table#ocjenaKorisnika tr.even {
    }

        table#dodavanjeOcjene tr.odd td, table#ocjenaKorisnika tr.odd td {
            background: #e8e9f4;
        }

    table#dodavanjeOcjene tr td div.rating, table#ocjenaKorisnika tr td div.rating {
        background: url(images/ratingBgr.png) 0 0 no-repeat;
        width: 114px;
        height: 20px;
        float: right;
    }

        table#dodavanjeOcjene tr td div.rating span.rating0, table#dodavanjeOcjene tr td div.rating span.rating1, table#dodavanjeOcjene tr td div.rating span.rating2, table#dodavanjeOcjene tr td div.rating span.rating3, table#dodavanjeOcjene tr td div.rating span.rating4, table#dodavanjeOcjene tr td div.rating span.rating5, table#ocjenaKorisnika tr td div.rating span.rating0, table#ocjenaKorisnika tr td div.rating span.rating1, table#ocjenaKorisnika tr td div.rating span.rating2, table#ocjenaKorisnika tr td div.rating span.rating3, table#ocjenaKorisnika tr td div.rating span.rating4, table#ocjenaKorisnika tr td div.rating span.rating5 {
            width: 89px;
            height: 16px;
            margin: 2px 0 0 13px;
            display: inline-block;
            background: url(images/starRating.png) 0 0 no-repeat;
        }

        table#dodavanjeOcjene tr td div.rating span.rating1, table#ocjenaKorisnika tr td div.rating span.rating1 {
            background-position: 0 -20px;
        }

        table#dodavanjeOcjene tr td div.rating span.rating2, table#ocjenaKorisnika tr td div.rating span.rating2 {
            background-position: 0 -40px;
        }

        table#dodavanjeOcjene tr td div.rating span.rating3, table#ocjenaKorisnika tr td div.rating span.rating3 {
            background-position: 0 -60px;
        }

        table#dodavanjeOcjene tr td div.rating span.rating4, table#ocjenaKorisnika tr td div.rating span.rating4 {
            background-position: 0 -80px;
        }

        table#dodavanjeOcjene tr td div.rating span.rating5, table#ocjenaKorisnika tr td div.rating span.rating5 {
            background-position: 0 -100px;
        }

    table#dodavanjeOcjene tr td.first, table#ocjenaKorisnika tr td.first {
        width: 600px;
    }

    table#dodavanjeOcjene tr td .cbox, table#ocjenaKorisnika tr td .cbox {
        float: right;
        height: 21px;
        background: url(images/cboxBgrSmall02.png) 0 0 no-repeat;
        padding: 0 0 0 5px;
        position: relative;
        margin: 0 3px 0 0;
    }

        table#dodavanjeOcjene tr td .cbox input.ui-autocomplete-input, table#ocjenaKorisnika tr td .cbox input.ui-autocomplete-input {
            /** mrtvo? **/
            border: none;
            background: Transparent;
            margin: 0;
            padding: 5px;
            height: 11px;
            line-height: 11px;
            color: #777777;
            width: 190px;
            font-size: 12px !important;
            font-family: Arial !important;
        }

        table#dodavanjeOcjene tr td .cbox .ui-button, table#ocjenaKorisnika tr td .cbox .ui-button {
            margin: 0 -4px 0 0;
            padding: 0;
            position: absolute;
            right: 0;
            top: 0;
            width: 23px;
            height: 21px;
            background: Transparent url(images/cboxBtnSmall.png) 0 0 no-repeat;
            border: none;
        }

        table#dodavanjeOcjene tr td .cbox .ui-button-icon-only .ui-button-text, table#ocjenaKorisnika tr td .cbox .ui-button-icon-only .ui-button-text {
            padding: 0;
        }

#analysisHolder {
/*    width: 100%;
    float: left;
    padding: 0 0 40px 0;
    margin-top: 25px;
    position: relative;
    display: none;*/
}

    #analysisHolder .businessSuccessHolder {
/*        width: 926px;
        float: left;
        margin: 28px 0 0 15px;
        position: relative;
        z-index: 5;*/
    }

            #analysisHolder .businessSuccessHolder table#businessSuccess tr td.dd div.fake_remove_row_box {
                width: 10px;
                height: 16px;
                float: right;
                display: block;
                margin-top: 7px;
            }

            #analysisHolder .businessSuccessHolder table#businessSuccess tr td span.competitionIndicator {
                background: url(images/businessSuccessCompetitionIndicator.png) no-repeat 0 0;
/*                padding: 0 0 0 5px;
                font-size: 10px;
                width: 95px;
                display: inline-block;
                text-align: right;*/
            }

            #analysisHolder .businessSuccessHolder table#businessSuccess tr td span.competitionIndicatorRed {
                background: url(images/businessSuccessCompetitionIndicatorRed.png) no-repeat 0 0;
/*                padding: 0 0 0 5px;
                font-size: 10px;
                width: 95px;
                display: inline-block;
                text-align: right;*/
            }

table#businessSuccess tr th .cbox {
    /*float: left;
    height: 21px;
    background: url(images/cboxBgrSmall.png) 0 0px no-repeat;*/ /**/
    /*padding: 0 0 0 5px;
    position: relative;*/ /*margin: 0 3px 0 0;*/
}

    table#businessSuccess tr th .cbox input.ui-autocomplete-input {
/*        border: none;
        background: Transparent;
        margin: 0;
        padding: 5px;
        height: 11px;
        color: #4a68a6;
        font-size: 11px;
        width: 95px;
        font-family: Arial !important;
*/    }

    table#businessSuccess tr th .cbox .ui-button {
     /*   margin: 0 -4px 0 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 24px;
        height: 21px;
        background: Transparent url(images/cboxBtnSmall.png) 0 0 no-repeat;
        border: none;*/
    }

    table#businessSuccess tr th .cbox .ui-button-icon-only .ui-button-text {
        padding: 0;
    }

#analysisMaxAlert {
/*    font-size: 13px;
    color: #ff0000;
    position: relative;
    top: -17px;
    left: 76px;*/
}

#analysisHolder .businessSuccessHolder .sendResults {
/*    height: 19px;
    float: left;
    margin: 15px 0 0 0;*/
}

    #analysisHolder .businessSuccessHolder .sendResults a {
       /* color: #666;
        font-size: 11px;
        text-decoration: none;
        line-height: 19px;
        height: 19px;
        padding: 0 0 0 5px;
        display: block;
        background: url(images/sendResultsBgr.png) 0 0 no-repeat;*/
    }

        #analysisHolder .businessSuccessHolder .sendResults a span {
           /* padding: 0 20px 0 0;
            display: block;
            background: url(images/sendResultsBgr.png) top right no-repeat;*/
        }

#analysisHolder .analysisChartDisplayHolder {
/*    width: 926px;
    float: left;
    margin: 20px 0 0 15px;
    position: relative;*/
}

    #analysisHolder .analysisChartDisplayHolder .cbox {
     /*   float: left;
        height: 33px;
        background: url(images/cboxBgr.png) 0 0 no-repeat;
        padding: 0 0 0 5px;
        position: relative;
        margin: 0 3px 0 260px;
        width: 400px;*/
    }

        #analysisHolder .analysisChartDisplayHolder .cbox input.ui-autocomplete-input {
/*            width: 365px;
            border: none;
            background: Transparent;
            margin: 0;
            padding: 5px;
            height: 23px;
            color: #777777;
            font-size: 17px;
            font-weight: bold;
            color: #4a68a6;
            font-family: Arial;*/
        }

        #analysisHolder .analysisChartDisplayHolder .cbox .ui-button {
/*            margin: 0 -4px 0 0;
            padding: 0;
            position: absolute;
            right: 0;
            top: 0;
            width: 31px;
            height: 33px;
            background: Transparent url(images/cboxBtn.png) 0 0 no-repeat;
            border: none;*/
        }

        #analysisHolder .analysisChartDisplayHolder .cbox .ui-button-icon-only .ui-button-text {
/*            padding: 0;*/
        }

        #analysisHolder .analysisChartDisplayHolder .cbox .ui-autocomplete-input {
/*            margin: 0;
            padding: 0;*/
        }

    #analysisHolder .analysisChartDisplayHolder .chartHolder {
/*        float: left;
        width: 396px;
        margin: 20px 0 0 0;
        padding: 0 0 15px 0;*/
    }

    #analysisHolder .analysisChartDisplayHolder .chartHolderRight {
/*        margin-left: 100px;*/
    }

#courtRegisterHolder, #subsidiariesHolder {
    width: 100%;
    float: left;
    padding: 25px 0 40px 0;
    position: relative;
}
    /*#courtRegisterHolder h2, #subsidiariesHolder h2
{
    color: #4e6185;
    font-size: 16px;
    padding: 5pxx;
    margin: 5px 0 0 35px;
}*/
    #courtRegisterHolder h3 {
        color: #777777;
        float: left;
        font-size: 20px;
        font-weight: bold;
        padding: 10px 0 10px 30px;
        width: 100%;
    }

    #courtRegisterHolder .help a, #subsidiariesHolder .help a {
        display: block;
        width: 6px;
        height: 11px;
    }

    #courtRegisterHolder p, #courtRegisterHolder ul, #subsidiariesHolder p, #subsidiariesHolder ul {
        color: #666;
        font-size: 12px;
        padding: 5px 50px;
        margin: 0;
        float: left;
        clear: left;
    }

    #subsidiariesHolder h3 {
        font-weight: bold;
        color: #777777;
        padding: 10px 0 2px 40px;
        float: left;
        width: 100%;
    }

#courtRegisterHolderFree {
    width: 100%;
    float: left;
    padding: 0 0 40px 0;
    position: relative;
}

    #courtRegisterHolderFree h2 {
        color: #4e6185;
        font-size: 16px;
        padding: 5px;
        margin: 5px 0 0 6px;
    }

    #courtRegisterHolderFree .help a {
        display: block;
        width: 6px;
        height: 11px;
    }

    #courtRegisterHolderFree p, #courtRegisterHolderFree ul {
        color: #666;
        font-size: 12px;
        padding: 5px 10px;
        margin: 0;
    }

        #courtRegisterHolderFree ul li {
            margin-top: 4px;
        }
/******************* end detaljno poduze�e *********************/


/********************** Novosti ***********************/
#newsFollowHolder .toolbar {
    width: 860px;
    float: left;
    margin: 45px 0 0 40px;
}

    #newsFollowHolder .toolbar ul {
        padding: 0;
        margin: 0;
        float: left;
    }

        #newsFollowHolder .toolbar ul li {
            margin: 0;
            padding: 0;
            float: left;
        }

    #newsFollowHolder .toolbar a {
        padding: 0;
        margin: 0;
        font-size: 12px;
        color: #666;
        text-decoration: none;
        float: left;
        width: auto;
    }

        #newsFollowHolder .toolbar a.selected {
            color: #4a68a6;
            font-weight: bold;
            background: url(images/linkArrowDown.png) right 2px no-repeat;
            padding: 0 12px 0 0;
        }

        #newsFollowHolder .toolbar a.help {
            width: 17px;
            height: 17px;
            background: url(images/helpIcon02.png) 0 0 no-repeat;
            display: inline-block;
            margin: 0 15px 0 5px;
        }
/********************** End novosti ***********************/

#loading {
    position: relative;
    float: left;
    left: 50%;
    z-index: 999;
    margin-top: 50px;
}

#loadingAnalysis {
    position: absolute;
    float: left;
    left: 49%;
    top: 200px;
    z-index: 999;
    margin-top: 165px;
}

#loadingSearchCompetition {
    position: relative;
    float: left;
    z-index: 999;
    margin-left: 300px;
    margin-top: 100px;
}


/* POPUP HELP WINDOW*/
.popup {
    display: none;
    position: absolute;
    z-index: 9999;
    background: url(images/popupBgr.png) no-repeat;
    padding: 3px 0 20px 10px;
}

    .popup p {
        /*color: #333;
        font-size: 11px;
        color: #464646;
        padding: 0 25px 25px 15px;
        margin: 25px 0 0 0;*/ /*margin: 28px 0 0 0;*/
        /*background: url(images/popupPBgr.png) bottom right no-repeat;*/
    }

.closePopup {
    float: right;
    display: block;
    background: url(images/popupClose.png) 4px 4px no-repeat;
    width: 16px;
    height: 15px;
    margin: 10px 15px 0 0;
    cursor: pointer;
}

.dynamic_popup {
    /*display: none;
    position: absolute;
    z-index: 9999;*/
}

    .dynamic_popup p {
        /*color: #333;
        font-size: 12px;
        color: #464646;*/
    }

.dynamic_popup_generic {
    display: none;
    position: absolute;
    z-index: 9999;
}

    .dynamic_popup_generic p {
        color: #333;
        font-size: 12px;
        color: #464646;
        padding: initial;
        margin: initial;
    }

.shadowContentXbutton {

}

    .shadowContentXbutton a {
/*        width: 10px;
        height: 10px;
        background: url(images/iconClose.png) 0px 0px no-repeat;
        display: block;*/
    }

.shadowContentMain {
/*    width: inherit;
    height: inherit;
    padding: 6px;
    line-height: 20px;
    float: left;*/
}

/*#TreeViewWrap {
    display: none;
    width: 450px;
    height: 350px;
    position: absolute;
    z-index: 9998;
}

    #TreeViewWrap .dynatree-container {
        overflow-x: hidden;
    }

#ActivityTree {
    width: inherit;
    border: none;
    height: 26px;
}*/
/*
input#ActivityPersons, input#ActivityNews {
    width: 395px;
    height: 26px;
    border: none;
    background-color: transparent;
    color: #777;
    font-size: 12px;
    font-family: Arial;
    padding: 3px 0 0 6px;
}*/

/*input#ActivityCompanies, input#CPVProcurement {
    width: 160px;
    height: 26px;
    border: none;
    background-color: transparent;
    color: #777;
    font-size: 12px;
    font-family: Arial;
    padding: 3px 0 0 4px;
}*/

/*#ActivityCompanies:hover, #ActivityPersons:hover, #ActivityNews:hover {
    cursor: pointer;
}*/

/*.ActivityButton, .CpvButton {
    width: 31px;
    height: 33px;
    background: url('images/cboxBtn.png') top right;
    background-color: transparent;
    border: none;
    float: right;
    margin: 0 -4px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}*/

#Banks {
    width: 120px;
}
/*  SPREMANJE KRITERIJA */
.savewin {
/*    width: 208px;
    background: url(images/savewinBgr.png) 0 0 no-repeat;*/
/*    position: absolute;
    z-index: 9999;
    display: none;*/
}

.savewinBody {
/*    width: 208px;
    background: url(images/savewinresultBgr.png) bottom center no-repeat;
    float: left;
    margin-top: 10px;*/
}

.savewin input {
/*    float: left;
    border: none;
    background: Transparent url(images/savewinInputBgr.png) 0 0 no-repeat;
    width: 154px;
    height: 17px;
    padding: 2px 6px 6px 2px;
    margin: 5px 0 0 10px;
    font-size: 12px;*/
}

.savewin a.savewinButton {
    /*float: right;
    width: 12px;
    height: 12px;
    margin-top: 11px;
    margin-right: 19px;
    background-image: url('images/addIcon.png');*/
}

.savewin span.savewinError {
/*    float: left;
    color: #ff0000;
    font-size: 11px;
    margin-top: 5px;
    margin-left: 10px;
    padding: 3px 5px;
    border: solid 1px #ececec;
    width: 169px;*/
}

.savewin div.savewinresult {
/*    width: 178px;
    float: left;
    padding: 5px 0px 20px 10px;
    font-size: 11px;*/
}

.savewin p {
    /*float: left;
    border-bottom: solid 1px #ececec;
    padding: 3px 0;
    width: 158px;
    height: 20px;
    line-height: 20px;*/
}

    .savewin p a {
        color: #4a68a6;
    }

.savewin span.deleteSavedSearch {
/*    float: left;
    border-bottom: solid 1px #ececec;
    padding: 3px 0;
    width: 20px;
    height: 20px;
    line-height: 20px;*/
}

    .savewin span.deleteSavedSearch a {
        display: block;
        width: 15px;
        height: 15px;
        background: url(images/deleteSavedSearchIcon.png) 0 0 no-repeat;
        margin: 3px 0 0 8px;
        cursor: pointer;
    }
/************************* Result empty / no data **************************/

.contentOneColumn #contentOneColumnHolder .resultEmpty, .contentOneColumn #contentOneColumnHolder .resultNoData {
/*    width: 950px;
    float: left;
    background: url(images/foldedBottom.png) bottom left no-repeat;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    margin: 0;
    padding: 0 0 15px 0;
    margin-top: 30px;*/
}

    .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessageNoParam {
        background: url(images/resultNoDataBgr.png) 50px 65px no-repeat;
        font-size: 20px;
        color: #4A68A6;
        height: 222px;
        padding: 107px 80px 0 312px;
        margin-top: 30px;
    }

        .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessageNoParam p {
            margin-top: 20px;
        }

            .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessageNoParam p.alan_ford {
                float: left;
                font-size: 16px;
                font-style: italic;
                font-weight: 600;
                margin-right: 67px;
                margin-top: 106px;
                text-align: right;
                width: 515px;
            }

            .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessageNoParam p.alan_ford_copy {
                margin-top: 10px;
                margin-right: 80px;
                font-size: 12px;
                font-style: italic;
                float: right;
            }

    .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessageCompany {
        /*background: url(images/resultEmptyBgr.png) 50px 65px no-repeat;*/
/*        font-size: 20px;
        color: #4a68a6;
        height: 300px;*/
        /*padding: 29px 80px 0 220px;*/
/*        margin-top: 30px;*/
    }

        .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessageCompany p {
            margin-top: 20px;
        }

    .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessageProcurements {
        background: url(images/resultEmptyBgr.png) 50px 65px no-repeat;
        font-size: 20px;
        color: #4a68a6;
        height: 300px;
        padding: 100px 80px 0 220px;
        margin-top: 30px;
    }

        .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessageProcurements p {
            margin-top: 20px;
        }

    .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessagePerson {
        background: url(images/resultEmptyBgr.png) 50px 65px no-repeat;
        font-size: 20px;
        color: #4A68A6;
        height: 230px;
        padding: 100px 80px 0 220px;
        margin-top: 30px;
    }

        .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessagePerson p {
            margin-top: 20px;
        }

.resultEmptyMessageBeta {
    background: url(images/resultEmptyBgr.png) 50px 98px no-repeat;
    font-size: 20px;
    color: #4A68A6;
    height: 300px;
    padding: 100px 80px 0 220px;
    line-height: 47px;
}

    .resultEmptyMessageBeta p {
        margin-top: 5px;
        margin-left: 16px;
    }

    .resultEmptyMessageBeta a {
        text-decoration: none;
        color: #4a68a6;
    }

        .resultEmptyMessageBeta a:hover {
            color: #4a68a6;
            text-decoration: underline;
        }

.contentOneColumn #contentOneColumnHolder .resultNoData .resultNoDataMessage {
    background: url(images/resultNoDataBgr.png) 50px 50px no-repeat;
    font-size: 20px;
    color: #4a68a6;
    height: 170px;
    padding: 130px 80px 0 220px;
    margin-top: 30px;
}

.contentOneColumn #contentOneColumnHolder .resultNoData .resultNoDataMessage.not-found {
    padding-top: 100px;
    margin-top: 10px;
    height: 210px;
}


/*.resultNewsNoDataMessage {
    background: url(images/resultNoDataBgr.png) 50px 50px no-repeat;
    font-size: 20px;
    color: #4a68a6;
    height: 170px;
    padding: 130px 80px 0 220px;
    margin-top: 30px;
}

.contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessage p, .contentOneColumn #contentOneColumnHolder .resultNoData .resultNoDataMessage p {
    padding: 10px 0;
}*/
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*.scrollgeneric {
    line-height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0;
    left: 0;
}
*/
.vscrollerbase {
    width: 22px;
    background: #fff url(images/vertical_base.png) 0px 0px repeat-y;
}

.vscrollerbar {
    width: 20px;
    background: url(images/vscrollerbar.png) 0px 0px repeat-y;
    margin: 0 0 0 2px;
}

.hscrollerbase {
    height: 22px;
    background: #fff url(images/horizontal_base.png) 0px 0px repeat-x;
}

.hscrollerbar {
    height: 20px;
    background: url(images/hscrollerbar.png) 0px 0px repeat-x;
    margin: 2px 0 0 0;
}

.vscrollerbar, .hscrollerbar {
    padding: 10px;
    z-index: 2;
}

.vscrollerbarbeg {
    background: url(images/vscrollerbarbeg.png) bottom center no-repeat;
    width: 20px;
    height: 14px !important;
}

.vscrollerbarend {
    background: url(images/vscrollerbarend.png) 0px 0px no-repeat;
    width: 20px;
    height: 14px;
}

.hscrollerbarbeg {
    background: url(images/hscrollerbarbeg.png) 0px 0px no-repeat;
    height: 20px;
    width: 14px !important;
}

.hscrollerbarend {
    background: url(images/hscrollerbarend.png) 0px 0px no-repeat;
    height: 20px;
    width: 14px;
}

.vscrollerbasebeg {
    background: url(images/vscrollerbasebeg.png) 0px 0px no-repeat;
    width: 22px;
    height: 15px !important;
}

.vscrollerbaseend {
    background: url(images/vscrollerbaseend.png) 0px -1px no-repeat;
    height: 15px;
    width: 22px;
}

.hscrollerbasebeg {
    background: url(images/hscrollerbasebeg.png) 0px 0px no-repeat;
    height: 22px;
    width: 15px !important;
}

.hscrollerbaseend {
    height: 22px;
    width: 15px;
    background: url(images/hscrollerbaseend.png) 0px 0px no-repeat;
}

.scrollerjogbox {
    width: 22px;
    height: 22px;
    top: auto;
    left: auto;
    bottom: 0px;
    right: 0px;
    background: url(images/scrollerjogbox.png) 0px 0px;
}

    .scrollerjogbox:hover {
        background: url(images/scrollerjogbox.png) 0px -21px;
    }
/* Scroll Bar Master Styling Ends Here */


/******** aplikacija *********/

#mycustomscroll {
    /* Typical fixed height and fixed width example */
    width: 200px;
    height: 200px;
    overflow: auto; /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background-color: #fff;
    margin: 0.3em auto;
    padding: 15px;
    border: solid 1px #999999;
}

.noVal {
/*    width: 8px;
    height: 8px;
    background-color: #666;
    float: left;
    display: inline;
    margin: 3px 0 0 0;*/
}

.goodVal {
/*    width: 8px;
    height: 8px;
    background-color: #4E6CAD;
    float: left;
    display: inline;
    margin: 3px 0 0 0;
*/}

.badVal {
    /*width: 8px;
    height: 8px;
    background-color: #A42621;
    float: left;
    display: inline;
    margin: 3px 0 0 0;*/
}

.CompanyDetailsDistributionHolder .CompanyDetailsDistributionSelector {
    width: 1px;
    height: 28px;
    background-color: #F8981D;
    position: absolute;
/*    z-index: 99999;*/
/*    margin-left: 10px;
    margin-top: 2px;*/
}

.CompanyDetailsDistributionHolder img {
    float: left;
    width: 100px;
    height: 30px;
    padding: 0;
}

.CompanyDetailsDistributionHolder {
    width: 100px;
    height: 30px;
    margin: 0 0 0 5px;
    padding: 0;
}

#CompetitorsSearchWin, #PeriodsSearchWin {
    /*width: 179px;*/ /*height:200px;*/
    /*position: absolute;
    z-index: 9998;
    background: Transparent url(images/ddArrowtop.png) top right no-repeat !important;
    display: none;*/
}

    #CompetitorsSearchWin .shadow, #PeriodsSearchWin .shadow {
        /*float: left;
        width: 177px;
        background: Transparent url(images/ddArrowLeftShadow.png) bottom right no-repeat !important;
        padding: 5px 0 20px 0;
        margin: 4px 0 0 0;
        position: relative;
        bottom: -5px;
        left: 1px;*/ /*height:173px;*/
    }

        #CompetitorsSearchWin .shadow p, #PeriodsSearchWin .shadow p {
            /*font-size: 12px;
            padding: 6px 10px 0px 11px;
            color: #555;*/
        }

.CompetitorsSearchInput {
  /*  float: left;
    width: 159px;
    margin: 0 6px;
    padding: 5px 0 10px 0;
    border-bottom: solid 1px #d5d5d5;
    background: Transparent url(images/CompetitorsSearchInputBgr.png) 0 3px no-repeat;*/
}

    .CompetitorsSearchInput input.tbox {
/*        background: Transparent;
        border: none;
        width: 127px;
        color: #666666;
        font-size: 11px;
        padding: 0 4px;*/
    }

    .CompetitorsSearchInput input.submit {
/*        background: Transparent;
        border: none;
        width: 20px;
        height: 20px;
        float: right;
        cursor: pointer;*/
    }

.CompetitorsSearchLinks {
}

    .CompetitorsSearchLinks ul, .PeriodsSearchLinks ul {
       
    }

.PeriodsSearchLinks ul {
}

    .CompetitorsSearchLinks ul li, .PeriodsSearchLinks ul li {
       
    }

        .CompetitorsSearchLinks ul li a, .PeriodsSearchLinks ul li a {
            
        }

            .CompetitorsSearchLinks ul li a:hover {              
            }

            .CompetitorsSearchLinks ul li a.selected {

            }

                .CompetitorsSearchLinks ul li a.selected:hover {
                }

        .CompetitorsSearchLinks ul li ul {
           
        }

            .CompetitorsSearchLinks ul li ul li {
               
            }

                .CompetitorsSearchLinks ul li ul li a {

                }

.CompetitorsSearchResults {
    
}

    .CompetitorsSearchResults table {
       
    }

        .CompetitorsSearchResults table td {
            
        }

            .CompetitorsSearchResults table td div {
                
            }

                .CompetitorsSearchResults table td div span.title a {
                   
                }

            .CompetitorsSearchResults table td.pagination {
               
            }

                .CompetitorsSearchResults table td.pagination a {
                    
                }

                    .CompetitorsSearchResults table td.pagination a.previous, .CompetitorsSearchResults table td.pagination a.next, .CompetitorsSearchResults table td.pagination span.current, .CompetitorsSearchResults table td.pagination span.disabled {
                        
                    }

                .CompetitorsSearchResults table td.pagination span.disabled {

                }

                .CompetitorsSearchResults table td.pagination span.current {

                }

    .CompetitorsSearchResults .close {
       
    }

    .CompetitorsSearchResults #errorClose {
       
    }

    .CompetitorsSearchResults .close a {
       
    }

p.CompetitorsSearchResultsError {
    
}

div.CompetitorsSearchRemove {
   
}

    div.CompetitorsSearchRemove a {

    }

    div.CompetitorsSearchRemove span {
       
    }

#TreeViewWrapAnalysis {
/*    display: none;
    width: 450px;
    height: 350px;
    position: absolute;
    z-index: 9998;*/
}

#CompetitionGraphList {
    /*display: none;
    width: 420px;
    max-height: 200px;
    min-height: 100px;
    position: absolute;*/
    z-index: 9998; /*background-color:#fff;     border:1px solid #eee;     padding-bottom:5px;     overflow:auto;*/
}

#CompetitionGraphListInner {
    /*  tu ide content, zbog overflow:auto, i zbog vanjine sjene*/
}

    #CompetitionGraphListInner ul {
        /*padding: 2px 5px;
        float: left;*/
    }

        #CompetitionGraphListInner ul li {
            /*display: inline-block;
            width: 100%;
            padding: 2px 0px 2px 2px;
            font-size: 12px;*/
        }

            #CompetitionGraphListInner ul li a {
                /*color: #666666;*/
                text-decoration: none;
            }

                #CompetitionGraphListInner ul li a:hover {
                    /*color: #4a68a6;
                    background-position: 0 -12px;*/
                }

                #CompetitionGraphListInner ul li a.selected {
                    /*background-position: 0 -27px;*/
                }

                    #CompetitionGraphListInner ul li a.selected:hover {
                        /*background-position: 0 -40px;*/
                    }
/*    RATING GRAPH   */
.companyLetterMark {
    float: left;
}

#PaymentIndexLegend {
/*    height: 20px;
    float: left;
    margin-left: 45px;*/
}

#RatingChartLegend {
/*    height: 20px;
    float: left;
    margin-top: -7px;
    margin-left: 30px;*/
}

.RatingChartLegendImg {
/*    width: 40px;
    height: 15px;
    float: left;
    margin-left: 5px;*/
}

.RatingChartLegendImgBlue {
    /*background-image: url("images/rating/RatingChartLegendImg_blue.png");*/
}

.RatingChartLegendImgRed {
    /*background-image: url("images/rating/RatingChartLegendImg_red.png");*/
}

.RatingChartLegendImgBlueDot {
    /*background-image: url("images/rating/RatingChartLegendImg_blueDot.png");*/
}

.RatingChartLegendImgRedDot {
    /*background-image: url("images/rating/RatingChartLegendImg_redDot.png");*/
}

.RatingChartLegendImgWhite {
    /*background-image: url("images/rating/RatingChartLegendImg_white.png");*/
}

.RatingChartLegendText {
/*    color: #777;
    font-size: 10px;
    float: left;
    margin-left: 5px;*/
}

div.RatingGraphHolder {
/*    width: 455px;
    height: 155px;
    float: left;
    margin-top: 11px;
    padding-left: 7px;*/
}

div#RatingGraphRatingImg {
/*    width: 15px;
    height: 155px;
    float: left;
    background-image: url("images/rating/RatingChartRatingImg.png");*/
}

div#RatingGraphShadow {
   /* width: 420px;
    height: 155px;
    float: left;
    background-image: url("images/rating/RatingChartShadow.png");
    background-repeat: no-repeat;
    background-position: 0px 2px;*/
}

div#RatingGraph {
    width: 410px;
    height: 150px;
/*    float: left;
    background-image: url("images/rating/RatingChartBg.png");*/
    /*background-repeat: repeat-x;
    background-position: 0px 6px;
    margin-left: 4px;*/
}
/* PaymentIndex GRAPH*/
div.PaymentIndexGraphHolder {
/*    width: 455px;
    height: 155px;
    float: left;*/
}

#PaymentIndexGraph {
    width: 452px;
    height: 140px;
/*    float: left;
    padding: 5px 10px 5px 0;
    background-image: url("images/rating/PaymentIndexChartShadow.png");
    background-repeat: no-repeat;
    background-position: 40px 10px;*/
}
/* TREND INDICATOR */
span.trendIndicatorUp {
    background-image: url(images/trendIndicatorArrowUpSmall.png);
/*    background-position: center;*/
    background-repeat: no-repeat;
    width: 20px;
    /*height: 20px;
    display: inline-block;
    margin-left: 0px;
    margin-top: 3px;
    float: left;*/
}

span.trendIndicatorDown {
    background-image: url(images/trendIndicatorArrowDownSmall.png);
    /*background-position: center;*/
    background-repeat: no-repeat;
    width: 20px;
    /*height: 20px;
    display: inline-block;
    margin-left: 0px;
    margin-top: 3px;
    float: left;*/
}

span.trendIndicatorNoChange {
    background-image: url(images/trendIndicatorArrowNoChangeSmall.png);
    /*background-position: center;*/
    background-repeat: no-repeat;
    width: 20px;
    /*height: 20px;
    display: inline-block;
    margin-left: 0px;
    margin-top: 3px;
    float: left;*/
}

/* HOME FREE */
.homeContentTop {
    margin: 20px 0 0 0;
/*    width: 950px;
    float: left;*/
}

    .homeContentTop .video {
        width: 466px;
        height: 286px;
        float: left;
        position: relative;
    }

        .homeContentTop .video a {
            width: 466px;
            height: 286px;
            display: block;
            position: absolute;
            z-index: 2;
            left: 0;
            top: 0;
        }

            .homeContentTop .video a img {
                width: 466px;
                height: 286px;
                border: none;
            }

    .homeContentTop #flash {
        width: 466px;
        height: 286px;
        padding: 1px 0 0 2px;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
    }

    .homeContentTop .homeAdd {
        width: 466px;
        height: 286px;
        float: right;
        position: relative;
    }

        .homeContentTop .homeAdd a.demoLink {
            position: absolute;
            top: -15px;
            right: -15px;
            width: 113px;
            height: 113px;
            background: url(images/demoLink.png) 0 0 no-repeat;
            display: block;
            z-index: 999;
        }

.contentOneColumn #contentOneColumnHolder .homeContentTop .homeAdd h1 {
    font-style: italic;
    padding: 18px 0 0 0;
}

.contentOneColumn #contentOneColumnHolder .homeContentTop .homeAdd p {
    padding: 20px 0 0 0px;
    margin: 0;
    font-size: 13px;
    color: #666;
    line-height: 21px;
    font-style: italic;
    margin-top: 34px;
}

.contentOneColumn #contentOneColumnHolder .homeContentTop .homeAdd div.homeAddBullet {
    width: 466px;
    height: 173px;
    float: left;    
}

.contentOneColumn #contentOneColumnHolder .homeContentTop .homeAdd div.homeAddBullet h1 {
	font-size: 17px;
	color: #ffffff;
	font-weight: bold;
	font-style: normal;
	padding: 15px 20px 10px 20px;
}

    .contentOneColumn #contentOneColumnHolder .homeContentTop .homeAdd div.homeAddBullet h2 {
        font-size: 15px;
        color: #4E6185;
        font-style: normal;
        padding: 0;
        float: left;
        margin-top: 6px;
    }

    .contentOneColumn #contentOneColumnHolder .homeContentTop .homeAdd div.homeAddBullet h3 {
        font-size: 12px;
        color: #4E6185;
        font-style: normal;
        padding: 0;
        margin-top: 13px;
        float: left;
    }

    .contentOneColumn #contentOneColumnHolder .homeContentTop .homeAdd div.homeAddBullet ul {
        font-size: 12px;
        color: #ffffff;
        float: left;
        padding: 0 10px 0 30px;
        margin: 0;
        font-weight: bold;
        font-style: normal;
    }

        .contentOneColumn #contentOneColumnHolder .homeContentTop .homeAdd div.homeAddBullet ul li {
            padding: 0 0 0 15px;
            background: url(images/fininfo_small_icon.png) 0 0 no-repeat;
            margin: 5px 0 0 0;
        }

.homeContentTop .homeAdd .bannerPrepay, .homeContentTop .homeAdd .bannerPackagesComparison {
    width: 233px;
    height: 118px;
    position: absolute;
    bottom: 0;
}

.homeContentTop .homeAdd .bannerPrepayMore, .homeContentTop .homeAdd .bannerPackagesComparisonMore {
    display: block;
    width: 233px;
    height: 118px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999999;
    background: url(images/spacer.png);
}

.homeContentTop .homeAdd .bannerPrepay {
	/*background: url(images/bannerPrepayBgr.png) 0 0 no-repeat;*/
	left: 0px; /*left: -5px;*/
	top: 175px;
}

.homeContentTop .homeAdd .bannerPackagesComparison {
    /*background: url(images/bannerPackagesComparisonBgr.png) 0 0 no-repeat;*/
    right: 0;
    top: 175px;
}

.contentOneColumn #contentOneColumnHolder .homeContentTop .homeAdd .bannerPrepay .title, .contentOneColumn #contentOneColumnHolder .homeContentTop .homeAdd .bannerPackagesComparison h1 {
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    padding: 0;
    margin: 0;
    font-size: 24px;
    text-align: center;
    position: absolute;
    z-index: 999999;
    width: 233px;
    left: 0;
    top: 46px;
}

.homeContentTop .homeAdd .bannerPrepay a.more, .homeContentTop .homeAdd .bannerPackagesComparison a.more {
    color: #ffffff;
    text-decoration: none;
    font-size: 11px;
    padding: 0 15px 0 0;
    background: url(images/linkMoreArrow.png) right -9px no-repeat;
    margin: 0 0 0 30px;
    position: absolute;
    z-index: 999999;
    bottom: 15px;
    left: 15px;
}

.homeContentTop #Upper {
/*    width: 970px;*/
 /*   height: 250px;*/
    /*margin-left: -7px;*/
}

.homeContentTop #Lower {
    /*width: 970px;
    height: 90px;
    margin-left: -7px;
    margin-top: 5px;*/
}


/* LOG ON PARTIAL*/
/*#LogOnPartialPrijava {
    background-image: url('images/iconLogin.png');
    background-repeat: no-repeat;
    background-position: 0 10px;
    padding-left: 18px;
    padding-top: 2px;
}*/

/*#LogOnPartialRegistracija {
    background-image: url('images/iconRegister.png');
    background-repeat: no-repeat;
    background-position: 0 10px;
    padding-left: 20px;
    padding-top: 2px;
}
*/
div.loader3, div#loader4, div#loader5, div#loader6, div#loader7 {
/*    width: 30px;
    height: 20px;*/
    position: relative;
    display: none;
}

div.loader3 {
/*    left: 410px;
    top: -19px;*/
}

div#loader4 {
    left: 527px;
    top: -28px;
}

div#loader5 {
    left: 583px;
    top: -191px;
}

div#loader6 {
    left: 400px;
    top: -21px;
}

div#loader7 {
    left: 400px;
    top: -26px;
}

div.ajaxNewsLoader {
   /* float: left;
    width: 100%;
    height: 30px;
    border: 1px solid #C8C6C5;
    background-color: #fff;
    margin-top: 23px;
    padding-top: 10px;
    display: none;*/
}

    div.ajaxNewsLoader:hover {
        border: 1px solid #C8C6C5;
        background-color: #eee;
        cursor: pointer;
    }

    div.ajaxNewsLoader h2 {
        text-align: center;
        font-size: 17px !important;
        font-weight: bold;
        color: #4a68a6 !important;
    }

    div.ajaxNewsLoader:hover h2 {
        color: #999;
        cursor: pointer;
    }

/* ******** Follow - Unfollow ************* */
.followAlert {
    position: absolute;
    z-index: 99999;
    color: #777;
    font-size: 12px;
}


#SubDropDownBS {
    /*height: 400px;*/
}

.smallA, .smallB, .smallC {
    width: 10px;
    height: 10px;
    position: relative;
    z-index: 99;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.smallA {
    background-image: url(images/trendIndicatorArrowUpSmall.png);
}

.smallB {
    background-image: url(images/trendIndicatorArrowNoChangeSmall.png);
}

.smallC {
    background-image: url(images/trendIndicatorArrowDownSmall.png);
}

table.shadowTable {
}

#SubDropDownBS table.shadowTable .shadowContentScroll {
    overflow: auto;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
    height: 369px;
}

#CompetitionGraphList table.shadowTable .shadowContentScroll {
    overflow: auto;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
    height: 175px;
}

#CompetitionGraphList table.shadowTable .shadowContentScrollMin {
    overflow: auto;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
}

    #CompetitionGraphList table.shadowTable .shadowContentScrollMin #CompetitionGraphListInner p {
        font-size: 14px;
        color: #555;
    }

#CompetitionGraphList table.shadowTable {
    width: 434px;
}

table.shadowTable td {
}

table.shadowTable .shadowTopArrow {
    width: 22px;
    height: 18px;
    background: url(images/shadowTopArrow.png) 0 0 no-repeat;
    float: right;
    margin: 1px 10px 0 0;
}

.user table.shadowTable .shadowTopArrow {
    width: 22px;
    height: 18px;
    background: url(images/shadowTopArrow.png) 0 7px no-repeat;
    float: right;
    margin: 1px 10px 0 0;
}

table.shadowTable .shadowLeftArrow {
    width: 18px;
    height: 22px;
    background: url(images/shadowLeftArrow.png) 0 0 no-repeat;
    position: absolute;
    top: 0 !important; /**/
    left: 0;
}

.shadowTableArrowLeft .shadowTopArrow, .shadowTableArrowTop .shadowLeftArrow {
    display: none;
}

table.shadowTable td.shadowContent {
    
}

table.shadowTable td.shadowLT {
/*    width: 18px;
    height: 18px;
    background: url(images/shadowLT.png) bottom right no-repeat;*/
}

table.shadowTable td.shadowRT {
/*    width: 13px;
    height: 18px;
    background: url(images/shadowRT.png) bottom left no-repeat;*/
}

table.shadowTable td.shadowT {
/*    height: 18px;
    background: url(images/shadowT.png) bottom left repeat-x;*/
}

table.shadowTable td.shadowL {
  /*  width: 18px;
    background: url(images/shadowL.png) top right repeat-y;
    position: relative;*/
}

table.shadowTable td.shadowR {
/*    width: 13px;
    background: url(images/shadowR.png) top left repeat-y;*/
}

table.shadowTable td.shadowLB {
/*    width: 18px;
    height: 13px;
    background: url(images/shadowLB.png) top right no-repeat;*/
}

table.shadowTable td.shadowRB {
/*    width: 13px;
    height: 13px;
    background: url(images/shadowRB.png) top left no-repeat;*/
}

table.shadowTable td.shadowB {
/*    height: 13px;
    background: url(images/shadowB.png) 0 0 repeat-x;*/
}

.contentOneColumn .staticPage {
    width: 100%;
    float: left;
    background: #fff;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    border-left: solid 1px #c8c6c5;
    position: relative;
    left: 0;
    top: 20px;
    z-index: 2;
    clear: both;
    padding: 0;
}

.contentOneColumn .staticPageBottom {
    width: 958px;
    height: 30px;
    float: left;
    background: url(images/foldedBottom.png) bottom left no-repeat;
    border-top: solid 0px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    position: relative;
    left: 0;
    top: 20px;
    z-index: 2;
    clear: both;
    padding: 0;
}

.contentOneColumn .staticPage .staticPageHolder {
    width: 100%;
    float: left;
    padding: 0px 0 30px 0;
    color: #777777;
}

    .contentOneColumn .staticPage .staticPageHolder h3 {
        font-size: 13px;
        font-weight: bold;
        padding: 15px 30px 5px 30px;
    }

    .contentOneColumn .staticPage .staticPageHolder h4 {
        font-size: 13px;
        font-weight: bold;
        padding: 15px 30px 5px 30px;
        text-transform: uppercase;
    }

    .contentOneColumn .staticPage .staticPageHolder p {
        font-size: 13px;
        padding: 5px 30px;
        line-height: 18px;
    }

    .contentOneColumn .staticPage .staticPageHolder img {
        float: left;
        display: inline;
        margin: 0 20px 10px 0;
        background: #fff url(images/contentImgBgr.png) 0 0 no-repeat;
        padding: 7px;
    }

    .contentOneColumn .staticPage .staticPageHolder p a {
        color: #4c68a6;
        text-decoration: underline;
    }

    .contentOneColumn .staticPage .staticPageHolder .more {
        text-align: right;
    }

        .contentOneColumn .staticPage .staticPageHolder .more a {
            color: #4c68a6;
            text-decoration: none;
            font-size: 11px;
            padding: 0 15px 0 0;
            background: url(images/linkMoreArrow.png) right 4px no-repeat;
        }

    .contentOneColumn .staticPage .staticPageHolder ol, .contentOneColumn .staticPage .staticPageHolder ul {
        float: left;
        padding: 5px 30px 10px 30px;
        font-size: 13px;
        width: 898px;
    }

        .contentOneColumn .staticPage .staticPageHolder ol li {
            list-style-type: decimal;
            margin: 0 0 0 20px;
            line-height: 18px;
        }

        .contentOneColumn .staticPage .staticPageHolder ul li {
            background: url(images/textBullet.png) 0 6px no-repeat;
            padding: 0 0 0 10px;
            margin: 0 0 0 30px;
        }

            .contentOneColumn .staticPage .staticPageHolder ul li ul li {
                background: none;
                padding: 0;
                margin: 0;
            }

                .contentOneColumn .staticPage .staticPageHolder ul li ul li.masterCard, .contentOneColumn .staticPage .staticPageHolder ul li ul li.maestro, .contentOneColumn .staticPage .staticPageHolder ul li ul li.visa, .contentOneColumn .staticPage .staticPageHolder ul li ul li.amex, .contentOneColumn .staticPage .staticPageHolder ul li ul li.wspay, .contentOneColumn .staticPage .staticPageHolder ul li.amexJamstvo, .contentOneColumn .staticPage .staticPageHolder ul li.masterCardSecure, .contentOneColumn .staticPage .staticPageHolder ul li.vbVisa {
                    background: none;
                    padding: 10px 10px 20px;
                    margin: 0;
                    vertical-align: middle;
                }

                    .contentOneColumn .staticPage .staticPageHolder ul li ul li.masterCard a {
                        width: 100px;
                        height: 67px;
                        display: block;
                        background: url(images/placanje-mastercard.png) 0 0 no-repeat;
                    }

                    .contentOneColumn .staticPage .staticPageHolder ul li ul li.maestro a {
                        width: 100px;
                        height: 67px;
                        display: block;
                        background: url(images/placanje-maestro.png) 0 0 no-repeat;
                    }

                    .contentOneColumn .staticPage .staticPageHolder ul li ul li.visa a {
                        width: 79px;
                        height: 50px;
                        display: block;
                        background: url(images/placanje-visa.png) 0 0 no-repeat;
                    }

                    .contentOneColumn .staticPage .staticPageHolder ul li ul li.amex a {
                        width: 83px;
                        height: 56px;
                        display: block;
                        background: url(images/placanje-amex.png) 0 0 no-repeat;
                    }

                    .contentOneColumn .staticPage .staticPageHolder ul li ul li.wspay a {
                        width: 106px;
                        height: 50px;
                        display: block;
                        background: url(images/placanje-wspay.png) 0 0 no-repeat;
                    }

                    .contentOneColumn .staticPage .staticPageHolder ul li.amexJamstvo a {
                        width: 111px;
                        height: 46px;
                        display: block;
                        background: url(images/placanje-amex-jamstvo.png) 0 0 no-repeat;
                    }

                    .contentOneColumn .staticPage .staticPageHolder ul li.masterCardSecure a {
                        width: 104px;
                        height: 56px;
                        display: block;
                        background: url(images/placanje-master-jamstvo.png) 0 0 no-repeat;
                    }

                    .contentOneColumn .staticPage .staticPageHolder ul li.vbVisa a {
                        width: 83px;
                        height: 62px;
                        display: block;
                        background: url(images/placanje-visa-jamstvo.png) 0 0 no-repeat;
                    }

                .contentOneColumn .staticPage .staticPageHolder ul li ul li:before {
                    content: "-";
                    padding-right: 5px;
                }

                .contentOneColumn .staticPage #Instructions.staticPageHolder ul.accordion ul.acitem li:before {
                    content: "";
                    padding-right: 0px;
                }

                .contentOneColumn .staticPage #Instructions.staticPageHolder ul.accordion ul.acitem li ol li:before {
                    content: "";
                    padding-right: 0px;
                }

                .contentOneColumn .staticPage .staticPageHolder ul li ul li.masterCard:before, .contentOneColumn .staticPage .staticPageHolder ul li ul li.maestro:before, .contentOneColumn .staticPage .staticPageHolder ul li ul li.visa:before, .contentOneColumn .staticPage .staticPageHolder ul li ul li.amex:before, .contentOneColumn .staticPage .staticPageHolder ul li ul li.wspay:before {
                    display: none;
                }

                .contentOneColumn .staticPage .staticPageHolder ul li.inline, .contentOneColumn .staticPage .staticPageHolder ul li ul li.inline {
                    display: inline-block;
                }

    .contentOneColumn .staticPage .staticPageHolder .tarea {
        float: left;
        width: 449px;
        height: 144px;
        padding: 5px;
        margin: 5px -1px 0 0;
        position: relative;
        background: url(images/tareaBgr.png) 0 0 no-repeat;
    }

        .contentOneColumn .staticPage .staticPageHolder .tarea textarea {
            width: 439px;
            height: 144px;
            background: Transparent;
            border: none;
            color: #777777;
            font-size: 12px;
            font-family: Arial, Helvetica, Sans-Serif;
            padding: 0 5px;
        }

    .contentOneColumn .staticPage .staticPageHolder .contactSubmitHolder {
        margin: 6px 0 0 0;
        float: left;
        width: 712px;
    }

        .contentOneColumn .staticPage .staticPageHolder .contactSubmitHolder input.contactSubmit {
            background: Transparent url(images/contactSubmitBgr.png) 0 0 no-repeat;
            border: none;
            width: 116px;
            height: 36px;
            line-height: 33px;
            cursor: pointer;
            color: #fff;
            font-size: 13px;
            font-weight: normal;
            text-align: left;
            margin: 0;
            padding: 0 0 0 40px;
            float: right;
        }

            .contentOneColumn .staticPage .staticPageHolder .contactSubmitHolder input.contactSubmit:hover {
                background-position: 0 -37px;
                color: #4a68a6;
            }

    .contentOneColumn .staticPage .staticPageHolder ul.accordion {
        float: left;
        padding: 10px 30px 20px 30px;
        font-size: 13px;
        width: 898px;
    }

        .contentOneColumn .staticPage .staticPageHolder ul.accordion a {
            color: #4c68a6;
            text-decoration: none;
            text-decoration: none;
            background: url(images/linkAccordianArrow.png) right 4px no-repeat;
            padding: 0 15px 0 0;
            font-size: 13px;
        }

        .contentOneColumn .staticPage .staticPageHolder ul.accordion li {
            margin: 10px 0 0 0;
            background: none;
        }

            .contentOneColumn .staticPage .staticPageHolder ul.accordion li h3 {
                font-size: 13px;
                font-weight: normal;
                padding: 15px 0 5px 0;
            }

            .contentOneColumn .staticPage .staticPageHolder ul.accordion li h4 {
                font-size: 13px;
                font-weight: normal;
                padding: 15px 0 5px 0;
            }

            .contentOneColumn .staticPage .staticPageHolder ul.accordion li a {
            }

                .contentOneColumn .staticPage .staticPageHolder ul.accordion li a:hover {
                }

        .contentOneColumn .staticPage .staticPageHolder ul.accordion ul {
            padding: 0 0 8px 0;
        }

            .contentOneColumn .staticPage .staticPageHolder ul.accordion ul li {
                margin: 0;
                line-height: 18px;
            }

                .contentOneColumn .staticPage .staticPageHolder ul.accordion ul li a {
                    color: #4c68a6;
                    text-decoration: underline;
                    background: none;
                    padding: 0;
                }

        .contentOneColumn .staticPage .staticPageHolder ul.accordion a.active, ul.accordion a.active:hover {
            background-position: right -15px;
            color: #ff9900;
        }

        .contentOneColumn .staticPage .staticPageHolder ul.accordion ul li ul {
            padding: 0 0 5px 10px;
        }

        .contentOneColumn .staticPage #Instructions.staticPageHolder ul.accordion ul li ul {
            padding-bottom: 10px;
            padding-bottom: 10px;
        }

            .contentOneColumn .staticPage .staticPageHolder ul.accordion ul li ul li {
                background: url(images/textBullet.png) 0 7px no-repeat;
                padding: 0 0 0 10px;
            }
/**************************************************
                           BETA
***************************************************/
.betaoverride {
    margin-top: 30px;
}
/**************************************************
                  MESSAGE SYSTEM
***************************************************/
.message_popup {
/*    position: fixed;
    z-index: 101;
    display: none;
    z-index: 999999;
*/}

    .message_popup table {
   /*     width: 500px;
        height: 410px;*/
    }

    .message_popup .shadowContentMain {
        /*width: inherit;
        height: inherit;*/
    }

    .message_popup .shadowContentXbutton {
        /*width: 450px;
        height: 20px;*/
    }

    .message_popup .shadowContentMain {
        /*width: 428px;
        height: 381px;
        overflow: auto;
        margin-bottom: 15px;*/
    }

.message_main {
}

.message_popup .shadowContentXbutton a {
/*    width: 10px;
    height: 10px;
    background: url(images/iconClose.png) 0px 0px no-repeat;
    float: right;*/
}

.message_box {
    /*border: 1px solid #999;
    padding: 10px;
    margin-bottom: 15px;*/
}

.message_main_maintitle {
    /*font-size: 20px;
    color: #777;
    margin-bottom: 5px;*/
}

.message_main_hello {
    /*font-size: 14px;
    color: #777;
    margin-bottom: 5px;*/
}

.message_box .message_title {
    /*display: inline-block;
    font-size: 16px;
    color: #333;
    float: left;
    margin-bottom: 5px;*/
}

.message_box .message_text {
    /*font-size: 12px;
    color: #333;
    clear: both;
    margin-bottom: 10px;*/
}

.message_box .message_dateadded {
    /*display: inline-block;
    font-size: 12px;
    color: #333;
    float: right;*/
}

.message_checktext {
    /*font-size: 12px;
    color: #333;
    float: right;
    margin-bottom: 5px;
    background-color: #fff;*/
}

.message_check {
    /*float: right;
    margin-bottom: 5px;*/
}

#modal-overlay {
/*    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    z-index: 99999;
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: .75;
*/
}
/*                CONTACT FORM  */
.contact_valid_summary {
    width: 890px !important;
    margin: 11px 0 10px 11px !important;
}
/* ------------------   VIDEOJS  ----------------------*/
.vjs-default-skin .vjs-big-play-button {
    width: 63px !important;
    height: 52px !important;
    background: Transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: none !important;
    opacity: none !important;
    filter: none !important;
}

.sidebarItemHolder .vjs-default-skin .vjs-big-play-button {
    width: 45px !important;
    height: 37px !important;
}

.vjs-default-skin .vjs-loading-spinner {
    top: 53% !important;
    left: 49% !important;
}

.sidebarItemHolder .vjs-default-skin .vjs-loading-spinner {
}

.vjs-default-skin div.vjs-big-play-button span:hover {
    background: url(images/play-btn.png) 0px -52px no-repeat !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: none !important;
    opacity: none !important;
    filter: none !important;
}

.sidebarItemHolder .vjs-default-skin div.vjs-big-play-button span:hover {
    background: url(images/play-btn_small.png) 0px -38px no-repeat !important;
}

.vjs-default-skin div.vjs-big-play-button span {
    width: 63px !important;
    height: 52px !important;
    background: url(images/play-btn.png) 0px 0px no-repeat !important;
    top: 83% !important;
    left: 33% !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: none !important;
    opacity: none !important;
    filter: none !important;
}

.sidebarItemHolder .vjs-default-skin div.vjs-big-play-button span {
    width: 45px !important;
    height: 37px !important;
    background: url(images/play-btn_small.png) 0px 0px no-repeat !important;
    top: 132% !important;
    left: 68% !important;
}
/* ------------------- MODAL CLIENT SESSION ------------------ */
#modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #333;
    z-index: 999999;
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: .75;
}

#modal-warning-wrap {
    position: fixed;
    top: 100px;
    left: 50%;
    margin-left: -275px;
    z-index: 999999;
    width: 550px;
    height: 225px;
    background-color: #fff;
    border: 1px solid #eee;
}

#modal-warning-title {
    width: 100%;
    height: 30px;
    background-color: #6778AA;
}

    #modal-warning-title span {
        font-size: 15px;
        color: white;
        display: inline-block;
        margin-left: 5px;
        margin-top: 6px;
        font-weight: bold;
    }

#modal-warning-countdown {
    float: left;
    width: 100px;
    height: 100px;
    margin-left: 20px;
    margin-top: 20px;
    background-color: #eee;
}

#modal-warning-countdown-number {
    font-size: 40px;
    color: #6778AA;
    text-align: center;
    margin-top: 29px;
}

#modal-warning-text {
    float: left;
    width: 390px;
    height: 100px;
    margin-left: 20px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 25px;
    color: #333;
}

#modal-warning-btn {
    display: inline-block;
    float: right;
    height: 30px;
    padding: 11px 14px 0px 14px;
    background-color: #6778AA;
    color: white;
    cursor: pointer;
    font-weight: bold;
    margin-top: 20px;
    margin-right: 13px;
    font-size: 15px;
}
/********************* MODAL EXPORT PDF **********************/


.ui-dialog {
    border: none;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 490px !important;
    min-height: 267px !important;
    position: relative;
    background: Transparent;
}

.ui-widget-header {
       border: 1px solid white; 
        background: white;
    }

    .ui-dialog.activityDialogStyle {
        min-width: 355px !important;
        min-height: 200px !important;
    }


.ui-dialog-titlebar {
    height: 31px !important;
    float: right;
}

    .ui-dialog-titlebar .ui-dialog-title {
        display: none;
    }

.ui-dialog-content {
    overflow: visible !important;
}

.ui-dialog-titlebar-close, .ui-dialog-titlebar-close:hover {
    width: 31px !important;
    height: 31px !important;
    margin: 0 !important;
    padding: 0 !important;
    top: 10px !important;
    right: 5px !important;
    border: none !important;
    /*background: url(images/cookiePopupClose.png) 0 0 no-repeat;*/
    background: 0 0 no-repeat;
    background-image: url(images/cookiePopupClose.png) !important;
    background-color: #ffffff!important;
    z-index: 100000;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: none;
}

/*    Adding definition for dialog AFTER the jquery and JQuery-UI upgrade to almost newest version START */
#dialogScreenShot.ui-dialog {
    border: none;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 490px !important;
    min-height: 267px !important;
    position: relative;
    background: Transparent;
}

.ui-dialog.ui-widget{
    border: none;
}


/*    Adding definition for dialog AFTER the jquery and JQuery-UI upgrade to almost newest version END */


/* ToDo: Ivo: removing analysis export dialog from this style 
    #preparing-file-modal,
    #preparing-file-modal-analysis,  */
#error-modal {
  /*  margin: -140px 0 0 0 !important;
    font-size: 14px;
    line-height: 25px;
    color: #4a68a6 !important;
    font-weight: normal;
    text-align: justify;
    padding: 0 40px 0 90px !important;
    background: Transparent url(images/resultNoDataBgrSmall.png) no-repeat left bottom;
    width: 360px !important;
    height: 400px !important;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    position: relative;
    overflow: hidden;*/
}


/* ToDo: Ivo: removing analysis export dialog from this style 
        #preparing-file-modal-analysis .preparingFileLoader,
        #preparing-file-modal .preparingFileLoader,
    */
    {
        background: Transparent url(images/ajax-loader2.gif) center 25px no-repeat;
        height: 70px;
        width: 460px;
        position: absolute;
        z-index: 2;
        left: 30px;
        top: 140px;
    }

    #preparing-file-modal p, #error-modal h2 {
        /*padding: 210px 0 0;*/
    }

    #preparing-file-modal-analysis p {
    /*    padding: 242px 0 0;
        margin-right: 22px;
        text-align: center;*/
    }

    #error-modal h2 {
/*        font-size: 14px;
        line-height: 25px;
        color: #4a68a6 !important;
        font-weight: normal;
        text-align: justify;*/
    }
/*._tooltip.ui-dialog-content.ui-widget-content h2
{
    padding: 20px 0 50px !important;
    margin: 0 !important;
    font-size: 14px;
    line-height: 25px;
    font-weight: normal;
    text-align: justify;
}*/
    .ui-widget-overlay {
        background: #333;
        -webkit-opacity: 0.75;
        -moz-opacity: 0.75;
        opacity: .75;
    }

/********************** ANALYSIS ********************/
.isTrendYcord {
    position: absolute;
    top: 14px;
    left: 64px;
    width: 10px;
    height: 109px;
    background-image: url('images/isTrendYcord_small.png');
}

.isRatingYcord {
    position: absolute;
    top: 0px;
    left: 61px;
    width: 14px;
    height: 135px;
    background-image: url('images/rating/RatingChartRatingImg.png');
}

#MainDropDownBS {
    
}

    #MainDropDownBS .shadow {
        
    }

.SubMainDropDown {
    
}

.SubMainDropDownFakeText {
   
}

.SubMainDropDown p {
    
}

    .SubMainDropDown p:hover {
        
    }

#SubDropDownBS {
    
}

    #SubDropDownBS .shadow {
        
    }

.selSquare {
    
}

.SubDropDownNaziv p {
    
}

    .SubDropDownNaziv p:hover {
        
    }
/*   BLOKADA GRAPH */
#GrafMain {
/*    height: 50px;
    width: 260px;
    float: left;*/
}

#GrafMainHolder {
/*    width: 254px;
    height: 24px;
    margin: 12px 0 0 2px;
    background-image: url('images/GraphBlokadaGridBg.png');
    background-repeat: no-repeat;*/
}

.good {
/*    width: 8px;
    height: 8px;
    background-color: #4E6CAD;
    float: left;
    margin: 2px 1px 0 0;*/
}

.bad {
    /*width: 8px;
    height: 8px;
    background-color: #A42621;
    float: left;
    margin: 14px 1px 0 0;*/
}

.GraphBlokadaSingle {
/*    width: 31px;
    height: 40px;*/
/*    padding-left: 5px;
    float: left;*/
}

.graphBlokadaDate {
/*    color: #aaa;
    font-size: 9px;
    margin-top: 26px;
    margin-left: 3px;*/
}

.empty {
/*    width: 8px;
    height: 8px;
    background-color: #fff;
    float: left;
    margin: 14px 1px 0 0;*/
}
/* OVERRIDE VANJA*/
#descriptionHolder .descriptionLeft .navLeft {
/*    margin-top: 20px;*/
}

#descriptionHolder .descriptionLeft .navRight {
/*    margin-top: 20px;*/
}
/* finessence-ui.css   */
.userDetails .cbox input.ui-autocomplete-input, .paymentChoice .cbox input.ui-autocomplete-input {
    border: none;
    background: Transparent;
    margin: 0;
    padding: 5px 5px 5px 4px;
    height: 23px;
    color: #777;
    font-size: 12px;
    font-family: Arial;
}

.mainSearch .cbox .ui-button,
.userDetails .cbox .ui-button,
#CustomerUpdatedData .cbox .ui-button,
.paymentChoice .cbox .ui-button {
    margin: 0 -4px 0 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 31px;
    height: 33px;
    background:  url(images/cboxBtn.png) 0 0 no-repeat;
    border: none;
}

.mainSearch .cbox .ui-button-icon-only .ui-button-text,
.userDetails .cbox .ui-button-icon-only .ui-button-text,
#CustomerUpdatedData .cbox .ui-button-icon-only .ui-button-text,
.paymentChoice .cbox .ui-button-icon-only .ui-button-text {
    padding: 0;
}

.mainSearch .cbox .ui-autocomplete-input, .userDetails .cbox .ui-autocomplete-input, .paymentChoice .cbox .ui-autocomplete-input {
    margin: 0;
    padding: 0;
}

.mainSearch .cboxQuarterWidth .ui-autocomplete-input, .userDetails .cboxQuarterWidth .ui-autocomplete-input, .paymentChoice .cboxQuarterWidth .ui-autocomplete-input {
    width: 178px;
}

.mainSearch .cboxSixthWidth .ui-autocomplete-input, .userDetails .cboxSixthWidth .ui-autocomplete-input, .paymentChoice .cboxSixthWidth .ui-autocomplete-input {
    width: 108px;
}

/* ******************  VIDEO INSTRUCTIONS ****************** */
.staticPageHolder .video {
    width: 436px;
    float: left;
    position: relative;
    margin: 20px 0 0 28px;
    padding-bottom: 20px;
}

    .staticPageHolder .video h2 {
        margin: 0 !important;
        padding: 10px 0 !important;
        font-size: 16px !important;
        font-weight: normal !important;
        color: #4a68a6 !important;
    }
/* ************************** PASSWORD RECOVERY  ***************************** */
#resetPwdBox {
    width: 336px;
    height: 133px;
    position: absolute;
    background-color: #fff;
    moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    z-index: 400;
    display: none;
    top: 350px;
    left: 27px;
}

#resetPwdEmail {
    width: 205px;
    height: 24px;
    outline: none;
    position: absolute;
    top: 11px;
    left: 10px;
    color: #777777;
    font-size: 13px;
    padding-left: 3px;
    border: 1px solid #dedede;
}

#resetPwdBtn {
    width: 95px;
    height: 28px;
    position: absolute;
    top: 11px;
    left: 231px;
    line-height: 20px;
    background: #4e6cad;
    padding: 0 18px;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff !important;
    text-decoration: none;
    cursor: pointer;
    border: none;
}

#resetPwdBox p {
    width: 313px;
    position: relative;
    font-size: 12px;
    line-height: 20px;
    color: #777777;
    top: 49px;
    left: 10px;
}

    #resetPwdBox p a {
        text-decoration: none;
        color: #6778aa;
    }
/*= Usporedba paketa 
------------------------------------------------------------- */
.packageComparison, .packageComparisonExtended {
    margin: 20px 0 0 0;
}

    .packageComparison .stampMostPopular {
        background: url(images/stampMostPopular.png) 0 0 no-repeat;
        width: 128px;
        height: 37px;
        position: absolute;
        top: 94px;
        left: 412px;
        z-index: 9;
    }

    .packageComparisonExtended .stampMostPopular {
        background: url(images/stampMostPopular.png) 0 0 no-repeat;
        width: 128px;
        height: 37px;
        position: absolute;
        top: 80px;
        left: 310px;
        z-index: 9;
    }

.packageComparisonTableVisible, .packageComparisonTableHidden {
    width: 100%;
    float: left;
    margin: 0;
    color: #777777;
    font-size: 12px;
    border-right: solid 1px #d7d7d7;
}

.packageComparisonTableHidden {
    margin: 0;
    border-top: none;
}

    .packageComparisonTableVisible th, .packageComparisonTableVisible td, .packageComparisonTableHidden td {
        border-left: solid 1px #d7d7d7;
        text-align: center;
        vertical-align: middle;
        width: 141px !important;
    }

.packageComparisonExtended .packageComparisonTableVisible th, .packageComparisonExtended .packageComparisonTableVisible td, .packageComparisonExtended .packageComparisonTableHidden td {
    border-left: solid 1px #d7d7d7;
    text-align: center;
    vertical-align: middle;
    width: 169px !important;
}

.packageComparisonTableVisible th {
    border-top: solid 1px #d7d7d7;
}

.packageComparisonTableVisible tr.odd td, .packageComparisonTableHidden tr.odd td {
    background: #f3f3f3;
}

.packageComparisonTableVisible tr.even td, .packageComparisonTableHidden tr.even td {
    background: #fff;
}

.packageComparisonTableVisible tr.fee td {
    background: #e7efff;
    color: #464646;
    font-size: 14px;
    font-weight: bold;
}

    .packageComparisonTableVisible tr.fee td.descriptionItem {
        background: #e7efff;
        color: #464646;
        font-size: 12px;
        font-weight: normal;
    }

    .packageComparisonTableVisible tr.fee td span {
        font-size: 12px;
        font-weight: normal;
        color: #777777;
        text-decoration: line-through;
    }

.packageComparisonTableVisible th.premiumPackage, 
.packageComparisonTableVisible th.advancedPackage, 
.packageComparisonTableVisible th.basicPackage, 
.packageComparisonTableVisible th.basicPlusPackage, 
.packageComparisonTableVisible th.comboPackage, 
.packageComparisonTableVisible th.freePackage {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    vertical-align: top;
    padding-top: 25px;
}

.packageComparisonTableVisible th.premiumPackage {
    background: #c91c00 url(images/tableWatermarkPackagePremium.png) center bottom no-repeat;
}

.packageComparisonTableVisible th.advancedPackage {
    background: #778f14 url(images/tableWatermarkPackageAdvanced.png) center bottom no-repeat;
}

.packageComparisonTableVisible th.basicPlusPackage {
    background: #5e5ba3 url(images/tableWatermarkPackageBasic.png) center bottom no-repeat;
}

.packageComparisonTableVisible th.basicPackage {
    background: #4a68a6 url(images/tableWatermarkPackageBasic.png) center bottom no-repeat;
}

.packageComparisonTableVisible th.comboPackage {
    background: #cf4d40 url(images/tableWatermarkPackageCombo.png) center bottom no-repeat;
}

.packageComparisonTableVisible th.freePackage {
    background: #ff9900 url(images/tableWatermarkPackageFree.png) center bottom no-repeat;
}

.packageComparisonTableVisible th.description {
    width: 206px !important;
    height: 60px;
    text-align: right;
    padding: 30px 25px 0 10px;
    color: #4a68a6;
    font-size: 16px;
    font-weight: bold;
}

.packageComparisonExtended .packageComparisonTableVisible th.description {
    height: 60px;
    text-align: right;
    padding: 30px 25px 0 10px;
    color: #4a68a6;
    font-size: 16px;
    font-weight: bold;
}

.packageComparisonTableVisible td.descriptionItem, .packageComparisonTableHidden td.descriptionItem {
    text-align: right;
    width: 206px !important;
}

.packageComparisonExtended .packageComparisonTableVisible td.descriptionItem, .packageComparisonExtended .packageComparisonTableHidden td.descriptionItem {
    text-align: right;
}

.packageComparisonTableVisible td.descriptionItem div, .packageComparisonTableHidden td.descriptionItem div {
    position: relative;
    padding: 15px 25px 15px 10px;
    width: 207px;
}

.packageComparisonExtended .packageComparisonTableVisible td.descriptionItem div, .packageComparisonExtended .packageComparisonTableHidden td.descriptionItem div {
    position: relative;
    padding: 15px 25px 15px 10px;
}

.packageComparisonTableVisible td.descriptionItem a.help, .packageComparisonTableHidden td.descriptionItem a.help {
    background: url(images/helpIcon02.png) 0 0 no-repeat;
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    top: 15px;
    right: 5px;
    margin: 0;
    padding: 0;
    display: none;
}

.packageComparison .accordion, .packageComparisonExtended .accordion {
    float: left;
    padding: 0;
    font-size: 13px;
    width: 100%;
}

    .packageComparison .accordion li .packagesOptions, .packageComparisonExtended .accordion li .packagesOptions {
        position: absolute;
        bottom: 44px;
        left: 0;
        width: 957px;
        height: 123px;
    }

.packagesOptions td.tdBuyPremium, 
.packagesOptions td.tdBuyFull, 
.packagesOptions td.tdBuyBasic, 
.packagesOptions td.tdBuyBasicPlus, 
.packagesOptions td.tdBuyCombo, 
.packagesOptions td.tdRegister {
    padding: 10px 0;
}

    .packagesOptions td.tdRegister div {
        position: absolute;
        z-index: 10;
        width: 238px;
        text-align: center;
        padding: 13px 0 0;
        height: 35px;
        top: 30px;
        right: -55px;
        background: Transparent url(images/tooltipBgr.png) 0 0 no-repeat;
        font-size: 11px;
        color: #000;
    }

.packageComparison .accordion li .packagesOptions td.tdBuyPremium a, 
.packageComparison .accordion li .packagesOptions td.tdBuyFull a, 
.packageComparison .accordion li .packagesOptions td.tdBuyBasic a, 
.packageComparison .accordion li .packagesOptions td.tdBuyBasicPlus a, 
.packageComparison .accordion li .packagesOptions td.tdRegister a, 
.packageComparisonExtended .accordion li .packagesOptions td.tdBuyPremium a, 
.packageComparisonExtended .accordion li .packagesOptions td.tdBuyFull a, 
.packageComparisonExtended .accordion li .packagesOptions td.tdBuyBasic a, 
.packageComparisonExtended .accordion li .packagesOptions td.tdBuyBasicPlus a, 
.packageComparisonExtended .accordion li .packagesOptions td.tdBuyCombo a, 
.packageComparisonExtended .accordion li .packagesOptions td.tdRegister a {
    position: relative;
    background: url(images/packageComparisonTableBtnBgr.png) 4px 0 no-repeat;
    width: 141px;
    height: 59px;
    line-height: 59px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    display: inline-block;
    padding: 0;
}

.packageComparison .accordion li .packagesOptions td.tdBuyBasic a, 
.packageComparisonExtended .accordion li .packagesOptions td.tdBuyBasic a {
    background-position: 4px -59px;
}

.packageComparison .accordion li .packagesOptions td.tdBuyBasicPlus a,
.packageComparisonExtended .accordion li .packagesOptions td.tdBuyBasicPlus a {
    background-position: 4px -236px;
}

.packageComparison .accordion li .packagesOptions td.tdRegister a, 
.packageComparisonExtended .accordion li .packagesOptions td.tdRegister a {
    background-position: 4px -118px;
}

.packageComparison .accordion li .packagesOptions td.tdBuyPremium a, 
.packageComparisonExtended .accordion li .packagesOptions td.tdBuyPremium a {
    background-position: 4px -177px;
}

.packageComparison .accordion li a.moreLess, .packageComparison .accordion li a.active, .packageComparisonExtended .accordion li a.moreLess, .packageComparisonExtended .accordion li a.active {
    position: absolute;
    bottom: 0px;
    left: 0;
    background: url(images/packageComparisonTableMoreLess.png) 0 0 no-repeat;
    display: block;
    width: 956px;
    height: 44px;
}

.packageComparison .accordion li a.active, .packageComparisonExtended .accordion li a.active {
    background-position: 0 -44px;
}

.packageComparison .accordion li, .packageComparisonExtended .accordion li {
    position: relative;
    padding: 0 0 167px;
    margin: 0;
    float: left;
    width: 100%;
}

    .packageComparison .accordion li ul.acitem, .packageComparisonExtended .accordion li ul.acitem {
        position: relative;
        top: 0;
        left: 0;
    }

        .packageComparison .accordion li ul.acitem li, .packageComparisonExtended .accordion li ul.acitem li {
            padding: 0;
        }


.blockageDetails {
/*    width: 940px !important;
    height: 630px;
    float: left;
    background: url(images/foldedBottomWhite.png) bottom left no-repeat;
    border-top: solid 1px #edecec;
    border-right: solid 1px #edecec;
    margin: -200px 0 0;
    padding: 170px 40px 0;
    position: relative;
    color: #777;
    font-size: 12px;
    position: relative;
    overflow: hidden;
    color: #777;
    font-size: 12px;*/
}

    .blockageDetails h2 {
/*        color: #4a68a6;
        font-size: 24px;
        font-weight: bold;
        padding: 15px 0;*/
    }

    .blockageDetails h3 {
/*        padding: 0 0 10px 13px;*/
    }

    .blockageDetails .blockageChart {
/*        position: relative;
        width: 631px;
        float: left;
        height: auto;
        overflow: hidden;*/
    }

    .blockageDetails .blockagePeriodDummy {
        float: left;
        width: 100%;
        height: 23px;
        background: url(images/blockagePeriodDummyDelimiters.png) 0 bottom no-repeat;
        margin-bottom: 0;
        position: relative;
        z-index: 6;
    }

.blockagePeriodDummy .indicatorHolder {
    line-height: 19px;
    color: #666666;
    padding-left: 14px;
    float: left;
}

.blockageDetails .blockagePeriodDelimiters {
/*    background: url(images/blockagePeriodDelimiters.png) 25px bottom no-repeat;
    position: absolute;
    bottom: 24px;
    left: 0;
    width: 631px;
    height: 65px;
    z-index: 5;
    margin-top: 4px;*/
}

.blockageDetails .blockagePeriod {
/*    float: left;
    width: 100%;
    height: 19px;
    background: #f3f3f3;
    margin-bottom: 4px;*/
}

    .blockageDetails .blockagePeriod.period90 {
/*        background: #f3f3f3 url(images/blockagePeriodTimeline.png) 0 bottom repeat-x;*/
    }

    .blockageDetails .blockagePeriod .indicatorHolder {
/*        float: left;
        width: 365px;
        height: 19px;*/
        position: relative;
    }

    .blockageDetails .blockagePeriod .indicator {
        position: absolute;
/*        top: 3px;
        height: 13px;*/
        background: #d6565b;
    }

.blockageDetails .label {
  /*  float: left;
    height: 19px;
    line-height: 19px;
    padding-left: 12px;
    width: 147px;*/
}

.blockageDetails .days {
/*    float: right;
    height: 19px;
    line-height: 19px;
    padding-right: 12px;*/
}

    .blockageDetails .days span {
/*        height: 19px;
        line-height: 19px;
        font-size: 18px;
        font-weight: bold;
        width: 30px;
        display: inline-block;
        text-align: right;*/
    }

.blockageDetails .blockagePeriodDummy .days span {
    height: 19px;
    line-height: 19px;
    font-size: 18px;
    font-weight: normal;
    width: 30px;
    display: inline-block;
    text-align: right;
    color: #8c8c8c !important;
}

.blockageDetails .days span.blockage {
    color: #dc5d62;
}

.blockageDetails .days span.period {
    color: #4a68a6;
}

.blockageDetails .days span.slash {
/*    text-align: center;
    padding: 0 12px;
    width: 1px;*/
}

.blockageDetails .blockageDates {
/*    float: left;
    height: 20px;
    width: 100%;*/
}

    .blockageDetails .blockageDates div {
  /*      float: left;
        text-align: center;
        font-size: 10px;
        color: #464646;
        width: 91px;
        height: 20px;
        line-height: 20px;*/
    }

        .blockageDetails .blockageDates div:first-child {
         /*   margin-left: 110px;*/
        }

.blockageDetails .blockageChartDescription {
    float: left;
    height: 70px;
    width: 180px;
    margin: 0 0 0 20px;
    position: relative;
}

    .blockageDetails .blockageChartDescription .descDays, .blockageDetails .blockageChartDescription .descPeriod {
        position: absolute;
        height: 49px;
        text-align: center;
        font-size: 11px;
    }

    .blockageDetails .blockageChartDescription .descDays {
        line-height: 40px;
        color: #c53b41;
        background: url(images/blockageDescUp.png) 0 0 no-repeat;
        left: 10px;
        top: -30px;
        width: 120px;
    }

    .blockageDetails .blockageChartDescription .descPeriod {
        line-height: 60px;
        color: #4a68a6;
        background: url(images/blockageDescDn.png) 0 0 no-repeat;
        right: 0;
        bottom: -30px;
        width: 128px;
    }

    .blockageDetails .blockageChartDescription .days {
        margin: 27px 0 0;
        padding: 0;
        width: 100%;
        text-align: center;
    }

        .blockageDetails .blockageChartDescription .days span {
            text-align: center;
            font-size: 26px;
            padding: 0 10px 0 0;
        }

            .blockageDetails .blockageChartDescription .days span.slash {
                padding: 0 20px;
            }

.blockageDetails .clearboth {
    clear: both;
    width: 100%;
    float: left;
    height: 15px;
}

.blockageDetails table {
/*    width: 830px;
    float: left;
    margin: 20px 0 0;*/
}

    .blockageDetails table tr th {
        background: #4a68a6;
        color: #fff;
        font-weight: bold;
        text-align: left;
        padding: 6px;
    }

    .blockageDetails table tr td {
        text-align: left;
        padding: 6px;
        border-bottom: solid 1px #c9cbcf;
    }

        .blockageDetails table tr th.number, .blockageDetails table tr td.number {
            text-align: right;
        }

    .blockageDetails table.blockages tr th:nth-of-type(1) {
        width: 50px;
    }

    .blockageDetails table.blockages tr th:nth-of-type(2), .blockageDetails table.blockages tr td:nth-of-type(2) {
        width: 140px;
        padding-left: 40px;
    }

    .blockageDetails table.blockages tr th:nth-of-type(3) {
        width: 120px;
    }

    .blockageDetails table.blockages tr th:nth-of-type(4) {
        width: 100px;
    }

    .blockageDetails table.blockages tr th:nth-of-type(5) {
    }

.blockageDetails .blockageDetailsScroller {
/*    float: left;
    width: 870px;
    height: 500px;
    padding: 10px 0;
    overflow-y: scroll;*/
}

.blockageDialogOpen {
/*    color: #666;
    font-size: 12px;
    float: right;
    margin-right: 24px;
    margin-top: 7px;
    cursor: pointer;
    text-decoration: underline;*/
}


.taxDeptDetails, 
.activityDescriptionDetails {
/*	width: 395px !important;
	height: 250px;*/
/*	float: left;
	background: url(images/foldedBottomWhite.png) bottom left no-repeat;
	border-top: solid 1px #edecec;
	border-right: solid 1px #edecec;
	margin: -200px 0 0;
	padding: 170px 40px 0;
	position: relative;
	color: #777;
	font-size: 12px;
	position: relative;
	overflow: hidden;
	color: #777;
	font-size: 12px;*/
}

.taxDeptDetails {
/*    width: 395px !important;
    height: 250px;*/
}

.activityDescriptionDetails {
/*    width: 350px !important;*/
    /*height: 200px;*/
}
    .activityDescriptionDetails ul li {
/*        overflow-wrap: break-word;
        max-width: 85%;*/
    }


    .taxDeptDetails h2,
    .activityDescriptionDetails h2{
/*        color: #4a68a6;
        font-size: 24px;
        font-weight: bold;
        padding: 15px 0;*/
    }
    .taxDeptDetails .clearboth,
    .activityDescriptionDetails .clearboth {
/*        clear: both;
        width: 100%;
        float: left;
        height: 15px;*/
    }

    .taxDeptDetails ul li, 
    #radarTooltip ul li, 
    .activityDescriptionDetails ul li {
/*        clear: both;*/
    }

        .taxDeptDetails ul li span.text,
        #radarTooltip ul li span.text,
        .activityDescriptionDetails ul li span.text {
/*            display: inline-block;
            float: left;
            margin-right: 5px;*/
        }

            .taxDeptDetails ul li span.number,
            #radarTooltip ul li span.number,
            .activityDescriptionDetails ul li span.number {
/*                display: inline-block;
                float: right;
                text-align: right;*/
            }





.exSubsidiaries, .currentSubsidiaries {
    color: #777777;
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 0 5px 0;
    margin: 0 30px;
    width: 888px;
    border-bottom: 1px dashed #999;
}

.exConnected, .currentConnected {
/*    border-bottom: 1px solid #e5e5e5;
    color: #777777;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 10px 15px 0 13px;
    padding: 0 0 2px 2px;
    width: 270px;*/
}

.cardsConnecting {
    width: 950px;
    float: left;
    background: url(images/foldedBottom.png) bottom left no-repeat;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    margin: 0;
    padding: 0 0 15px 0;
    margin-top: 30px;
}

    .cardsConnecting p {
        margin: 20px;
        padding: 0 0 10px 42px;
        font-size: 12px;
        color: #777777;
        background: Transparent url(images/ajax-loader2.gif) 0 0 no-repeat;
    }
/*LAYOUT*/
#SpiderIframeWrap {
    width: 950px;
    height: 900px;
    margin: 0 auto 0 auto;
}

#SpiderIframe {
    width: 950px;
    height: 900px;
    border: none;
    margin: 0 auto 0 auto;
    overflow: hidden;
}

#spider_wrap, #spider_params, #spider {
    /*width: 958px;
    //height: 795px;
    float: left;*/
}

.fullScreenWindow #spider_wrap, .fullScreenWindow #spider_params, .fullScreenWindow #spider {
    width: 100%;
}

#spider {
    display: none;
    overflow: hidden;
}
/* OSOBA DETALJNO */

.personInfo {
    position: relative;
}

    .personInfo .personFollow {
        border-right: solid 1px #d4d4d4;
        width: 63px;
        margin: 5px 10px -15px 0;
        padding: 0 10px 10px 0;
        float: left;
        font-size: 10px;
        text-align: center;
    }

    .personInfo span#personFollowBtn {
        position: relative;
        top: 0;
        left: 3px;
    }

.personInfo div.cpt {
    color: #777777;
    font-size: 12px;
    padding: 7px 0 7px 0;
    float: left;
}

    .personInfo div.cpt div span.name {
        font-size: 15px;
        padding-right: 10px;
        text-transform: uppercase;
        font-weight: bold;
    }

.personInfo .connections.firstRow, .personInfo .connections.secondRow {
    padding: 5px 0 0;
    float: left;
    clear: left;
}

    .personInfo .connections.firstRow li, .personInfo .connections.secondRow li {
        display: inline-block;
        margin-right: 10px;
        width: 130px;
    }

.sshotPopup {
    width: 1040px !important;
    height: 630px; /* rjesiti dinamicki */
    float: left;
    background: url(images/foldedBottomWhite.png) bottom left no-repeat;
    border-top: solid 1px #edecec;
    border-right: solid 1px #edecec;
    margin: -55px 0 0;
    padding: 10px 0 0;
    position: relative;
    color: #777;
    font-size: 12px;
    position: relative;
    overflow: hidden;
    color: #777;
    font-size: 12px;
}

    .sshotPopup h2 {
        color: #4a68a6;
        font-size: 24px;
        font-weight: bold;
        padding: 15px 0;
        margin: 0 0 0 30px;
    }

    .sshotPopup .packagesAvailability {
        float: left;
        margin: 10px 30px 20px;
        width: 970px;
        height: 68px;
        position: relative;
    }

        .sshotPopup .packagesAvailability a.packageComparisonLink {
            float: right;
            color: #4a68a6;
            text-decoration: none;
            text-align: center;
            font-size: 12px;
            height: 36px;
            line-height: 36px;
            display: block;
            background: url(images/tabsBgr.png) 1px 0 no-repeat;
            padding: 0 0 0 20px;
            margin-top: 17px;
        }

            .sshotPopup .packagesAvailability a.packageComparisonLink span {
                height: 36px;
                line-height: 36px;
                display: block;
                background: url(images/tabsBgr.png) right 0 no-repeat;
                padding: 0 20px 0 0;
                cursor: pointer;
            }

        .sshotPopup .packagesAvailability .availability {
            float: left;
            width: 125px;
            height: 32px;
            background: url(images/ss_AvailabilityBgr.png) right 0 no-repeat;
            margin-right: 20px;
            position: relative;
            font-size: 12px;
            font-weight: bold;
            color: #464646;
            text-transform: uppercase;
            padding: 14px 25px 22px 15px;
        }

        .sshotPopup .packagesAvailability .packageTitle {
            /* width: 100%; */
            padding: 5px;
            color: #fff;
            text-align: center;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: bold;
            display: block;
            margin-top: 8px;
        }

        .sshotPopup .packagesAvailability .packagePrice {
            width: 100%;
            color: #fff;
            /*text-align: center;*/
            font-size: 12px;
            font-weight: bold;
            display: block;
            margin-left: 13px;
        }



        .sshotPopup .packagesAvailability .packagePremium,
        .sshotPopup .packagesAvailability .packageAdvanced,
        .sshotPopup .packagesAvailability .packageBasicPlus,
        .sshotPopup .packagesAvailability .packageBasic {
            float: left;
            width: 146px;
            height: 68px;
            margin-right: 14px;
            position: relative;
        }

            .sshotPopup .packagesAvailability .packageAdvanced .packagePrice,
            .sshotPopup .packagesAvailability .packageBasic .packagePrice {
                margin-left: 15px;
            }

        .sshotPopup .packagesAvailability .packagePremium {
            background: #778f14 url(images/ss_PremiumBgr.png) 0 0 no-repeat;
        }

        .sshotPopup .packagesAvailability .packageAdvanced {
            background: #4a68a6 url(images/ss_AdvancedBgr.png) 0 0 no-repeat;
        }

        .sshotPopup .packagesAvailability .packageBasicPlus {
            background: #c91c00 url(images/ss_BasicPlusBgr.png) 0 0 no-repeat;
        }

        .sshotPopup .packagesAvailability .packageBasic {
            background: #c91c00 url(images/ss_BasicBgr.png) 0 0 no-repeat;
        }

        .sshotPopup .packagesAvailability .disabled {
            background-position: 0 -68px;
        }

        .sshotPopup .packagesAvailability div a {
            width: 65px;
            height: 38px;
            line-height: 38px;
            text-align: center;
            color: #fff;
            font-weight: bold;
            font-size: 12px;
            text-decoration: none;
            position: absolute;
            right: -10px;
            bottom: -15px;
            background: Aqua;
        }

        .sshotPopup .packagesAvailability .packagePremium a {
            background: url(images/ss_PremiumBuy.png) 0 0 no-repeat;
        }

        .sshotPopup .packagesAvailability .packageAdvanced a {
            background: url(images/ss_AdvancedBuy.png) 0 0 no-repeat;
        }

        .sshotPopup .packagesAvailability .packageBasicPlus a {
            background: url(images/ss_BasicPlusBuy.png) 0 0 no-repeat;
        }

        .sshotPopup .packagesAvailability .packageBasic a {
            background: url(images/ss_BasicBuy.png) 0 0 no-repeat;
        }

        .sshotPopup .packagesAvailability .disabled a {
            background-position: 0 -38px;
            cursor: default;
        }

    .sshotPopup .sshotPopupScroller {
        float: left;
        width: 988px;
        height: 400px; /* rjesiti dinamicki */
        margin: 10px 0 0 30px;
        overflow-y: scroll;
        overflow-x: auto;
        padding-bottom: 30px;
    }

.dialogFixed {
    position: fixed !important;
}
/* porezni dug tooltip */
#taxDebtTooltip, #radarTooltip, #activityDescriptionTooltip {
    background: #fff;
    border: solid 1px #999999;
    padding: 5px;
    font-size: 11px;
    color: #000;
}

    #taxDebtTooltip ul li, #radarTooltip ul li {
        clear: both;
    }

        #taxDebtTooltip ul li span.text, #radarTooltip ul li span.text {
            display: inline-block;
            float: left;
            margin-right: 5px;
        }

        #taxDebtTooltip ul li span.number, #radarTooltip ul li span.number {
            display: inline-block;
            float: right;
            text-align: right;
        }

/* detaljno o poduzecu - dionice */
.companyDetailsSharesInfo {
	width: 612px;
	color: #777777;
	font-size: 11px;
	margin-top: 10px;
	padding-bottom: 4px;
	float: left;
}

    .companyDetailsSharesInfo tr td {
        padding: 2px 0;
    }

        .companyDetailsSharesInfo tr td span {
            font-size: 12px;
        }

            .companyDetailsSharesInfo tr td span.excluded {
                color: #cb3727;
            }

/* detaljno o poduzecu - plaćanja iz državnog proračuna */
.companyDetailsbudgetBySupliersInfo {
    width: 612px;
    color: #777777;
    font-size: 11px;
    margin-top: -23px;
    padding-bottom: 4px;
    float: left;
}

    .companyDetailsbudgetBySupliersInfo tr td {
        padding: 2px 0;
        float: right;
    }

        .companyDetailsbudgetBySupliersInfo tr td span {
            font-size: 11px;
        }

/* detaljno o poduzecu - pregled predstečajnih i tražbina u postupku inzvaredne uprave */
.companyDetailsClaimsInfo {
/*    width: 612px;
    color: #777777;
    font-size: 11px;
    margin-top: -23px;
    padding-bottom: 4px;
    float: left;*/
}

.companyDetailsClaimsInfo tr td {
/*        padding: 2px 0;
        float: right;*/
    }

.companyDetailsClaimsInfo tr td span {
/*        font-size: 11px;*/
    }


p.sharesSource {
/*    float: left;
    margin: -10px 0 0;
    padding: 0;
    font-size: 11px;
    color: #777777;*/
}

    p.sharesSource span {
/*        font-weight: bold;*/
    }

a.otherLink {
    color: silver;
}

.listSpaced li {
    padding-bottom: 4px;
}




/* Radari u listi natjecaja */
.radarInfo.procurementsList {
    float: left;
    /* width: 100%; */
    padding: 10px 5px 5px 15px;
    box-sizing: border-box;
    position: relative !important;
    top: auto !important;
    left: auto !important;
}

.procurementCollapsedWrapper {
    float: left;
    clear: left;
    padding-right: 10px;
    box-sizing: border-box;
    width: 623px;
    margin: 0 10px;
    border-bottom: solid 1px #dcdcdc;
}

    .procurementCollapsedWrapper:first-child {
        border-top: solid 1px #dcdcdc;
    }

span.name.expandedName, span.name.collapsedName {
    font-size: 17px;
    font-weight: bold;
    color: #F8981D;
    float: left;
    margin: 3px 0 0;
}

span.name.collapsedName {
    color: #4A68A6;
}

span.name.dateCreated, .procurementRadar {
    float: right;
}

span.name.dateCreated {
    font-size: 11px;
    color: #666666;
    text-align: right;
    margin: 7px 10px 0 0;
}

.procurementRadar {
    /*width: 10px;
    height: 10px;
    background: url(images/deleteIcon.png) 0 0 no-repeat;*/
    /*cursor: pointer;*/
    /*margin-top: 9px;*/
}

.procurementsListTable {
    margin: 0 !important;
}

    .procurementsListTable tr:last-child td {
        border-bottom: 0 !important;
    }

    .procurementsListTable th:nth-of-type(1) {
        width: 220px;
    }

    .procurementsListTable th:nth-of-type(2) {
        width: 80px;
    }

    .procurementsListTable th:nth-of-type(3) {
        width: 130px;
    }

    .procurementsListTable th:nth-of-type(4) {
        width: 90px;
    }

.procurementsListTable2 th:nth-of-type(1) {
    width: 60px;
}

.procurementsListTable2 th:nth-of-type(2) {
    width: 170px;
}

.procurementsListTable2 th:nth-of-type(3) {
    width: 90px;
}

.procurementsListTable2 th:nth-of-type(4) {
    width: 130px;
}

.procurementsListTable2 th:nth-of-type(5) {
    width: 110px;
}

.EmptySubjectList.radarList {
    clear: both !important;
    color: #444444 !important;
    float: left !important;
    font-size: 12px !important;
    margin: 0 28px 10px !important;
}
/* ikona radara */
.test {
    background: url(images/followUnfollowRadar.png) 0 0 no-repeat;
}

td.noUnderlineGrey a {
    font-size: 12px;
    color: #777777;
    text-decoration: none;
    text-transform: uppercase;
}

/* europa */
.mainSearch .tabs {
    float: left;
    width: 100%;
    padding: 7px 15px 7px 0;
    box-sizing: border-box;
}

    .mainSearch .tabs ul {
        list-style: none;
        background: url(images/grayBorder.png) center center repeat-x;
        float: left;
        width: 100%;
    }

    .mainSearch .tabs li {
        display: inline-block;
        float: left;
        height: 36px;
        line-height: 34px;
        margin: 0 2px 0 0;
    }

        .mainSearch .tabs li a {
            background: url(images/searchBoxTabsBgr.png) 1px 0 no-repeat;
            color: #777;
            display: block;
            font-size: 12px;
            height: 36px;
            padding: 0 0 0 20px;
            text-align: center;
            text-decoration: none;
        }

            .mainSearch .tabs li a.selected {
                color: #ffffff;
                background: url(images/tabsBgr.png) 1px -63px no-repeat;
            }

            .mainSearch .tabs li a span {
                background: url(images/searchBoxTabsBgr.png) right 0 no-repeat;
                cursor: pointer;
                display: block;
                height: 36px;
                padding: 0 16px 0 0;
            }

	/* Special case. Added ".fix-gray-backrgound" class to precisely fix particular background */
	.mainSearch .tabs.fix-gray-backrgound li a span {
		background-color: #F7F7F7 !important;
	}

.mainSearch .tabs li a.selected span {
	background: url(images/tabsBgr.png) right -63px no-repeat;
}

.mainSearch .europeInfo {
    width: 455px;
    height: 104px;
    background: url(images/peopleListBgr.png) 0 0 no-repeat;
    position: absolute;
    top: 50px;
    right: 11px;
}

    .mainSearch .europeInfo div {
        float: left;
        background: url(images/iconIbi.png) 18px 19px no-repeat;
        padding: 9px 10px 20px 70px;
        width: 240px;
    }

        .mainSearch .europeInfo div h1 {
            font-size: 15px;
            font-weight: bold;
            color: #666;
            width: 230px;
        }

        .mainSearch .europeInfo div p {
            color: #666;
            font-size: 12px;
        }

            .mainSearch .europeInfo div p.subscriber {
                width: 100%;
                padding-top: inherit;
                text-transform: uppercase;
                font-size: 10px;
                font-weight: bold;
            }

                .mainSearch .europeInfo div p.subscriber label {
                    font-size: 24px;
                    color: #4a68a6;
                }

            .mainSearch .europeInfo div p a.more {
                color: #4c68a6;
                text-decoration: none;
                padding: 0 15px 0 0;
                background: url(images/linkMoreArrow.png) right 4px no-repeat;
                cursor: pointer;
            }

/*    .mainSearch .europeInfo .reportLinks {
        display: none;
    }*/

    .mainSearch .europeInfo .fullReportLinks {
        /* presume this is visible by default */
    }

    .mainSearch .europeInfo a.reportExample,
    .foreignReportsPackagesExamples a.reportExample {
        float: right;
        padding: 30px 0 0;
        background: url(images/iconExportPdfSearch.png) 15px 4px no-repeat;
        text-align: center;
        font-size: 10px;
        color: #666;
        text-decoration: none;
        margin: 10px 20px 10px 0px;
        width: 45px;
        display: block;
        line-height: 10px;
    }

.europeSearchResults {
    width: 950px;
    margin: 20px 0 20px 7px;
    float: left;
    background: #ffffff;
    border-top: solid 1px gainsboro;
}

    .europeSearchResults .collapsedWrapper {
        border-bottom: 1px solid gainsboro;
        float: left;
        width: 950px;
    }

        .europeSearchResults .collapsedWrapper div {
            float: left;
            font-size: 12px;
            color: #666;
            padding: 5px;
            line-height: 150%;
        }

            .europeSearchResults .collapsedWrapper div span {
                
                font-weight: bold;
                margin-right: 5px;
                display: inline-block;
            }

        .europeSearchResults .collapsedWrapper .companyName {
            width: 500px;
            margin: 0;
        }

        .europeSearchResults .collapsedWrapper .address {
            width: 280px;
            overflow: hidden;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            white-space: nowrap;
            margin-top: -2px;
        }

        .europeSearchResults .collapsedWrapper .mb, .europeSearchResults .collapsedWrapper .vat {
            width: auto;
            float: right;
            margin-top: -2px;
        }

        .europeSearchResults .collapsedWrapper .singleResultSecondRow {
            background: #f8f8f8;
            border-top: solid 1px gainsboro;
            width: 940px;
            position: relative;
            min-height: 58px;
        }

            .europeSearchResults .collapsedWrapper .singleResultSecondRow.hidden {
                display: none;
            }

            .europeSearchResults .collapsedWrapper .singleResultSecondRow .activity {
                padding-left: 20px;
                width: 480px;
            }

            .europeSearchResults .collapsedWrapper .singleResultSecondRow .vat {
                float: left;
                clear: left;
                padding-left: 20px;
            }

            .europeSearchResults .collapsedWrapper .singleResultSecondRow .downloadLink {
                display: inline-flex;
                position: absolute;
                top: 0;
                right: 0px;
                padding: 2px;
                width: initial;
                border: none;
            }

            .europeSearchResults .collapsedWrapper .singleResultSecondRow .downloadLink:hover {
                background: initial;
            }

                .europeSearchResults .collapsedWrapper .singleResultSecondRow .downloadLink a {
                    display: inline-block;
                    padding: 30px 3px;
                    background: url(images/iconExportPdfSearch.png) 19px 4px no-repeat;
                    text-align: center;
                    font-size: 10px;
                    color: #666;
                    text-decoration: none;
                    width: 60px;
                    display: block;
                    line-height: 10px;
                }


        .europeSearchResults .collapsedWrapper .singleResultFirstRow .companyName a.expanded {
            color: #f8981d;
        }

            .europeSearchResults .collapsedWrapper .singleResultFirstRow .companyName a.expanded:before {
                content: "-";
                float: left;
                display: block;
                margin: -2px 5px 0 -20px;
                font-size: 25px;
            }

        .europeSearchResults .collapsedWrapper .companyName a, .europeSearchResults .collapsedWrapper .singleResultFirstRow .companyName a.collapsed {
            padding: 0 0 0 20px;
            font-size: 17px;
            font-weight: bold;
            color: #4a68a6;
            background: none;
            text-decoration: none;
            width: auto;
            height: auto;
            cursor: pointer;
        }

            .europeSearchResults .collapsedWrapper .companyName a:before, .europeSearchResults .collapsedWrapper .singleResultFirstRow .companyName a.collapsed:before {
                content: "+";
                float: left;
                display: block;
                margin: 0 5px 0 -20px;
                font-size: 25px;
            }


        .europeSearchResults .collapsedWrapper .singleResult, .europeSearchResults .collapsedWrapper .singleResultFirstRow {
            padding: 0;
            width: 100%;
        }

.cofaceDetails {
    width: 640px !important;
    height: 400px;
    float: left;
    background: url(images/foldedBottomWhite.png) bottom left no-repeat;
    border-top: solid 1px #edecec;
    border-right: solid 1px #edecec;
    margin: -200px 0 0;
    padding: 170px 40px 0;
    position: relative;
    color: #777;
    font-size: 12px;
    position: relative;
    overflow: hidden;
    color: #777;
    font-size: 12px;
}

.scroller {
    float: left;
    width: 633px;
    height: 320px !important;
    padding: 10px 0;
    margin-top: 30px;
    overflow-y: auto;
}

.cofaceDetails .cofaceReportInfo {
    position: relative;
    float: right;
    margin: 0;
    width: 192px;
    color: #4a68a6;
}

    .cofaceDetails .cofaceReportInfo .descReportLeft, .cofaceDetails .cofaceReportInfo .descReportTotal {
        position: absolute;
        height: 49px;
        text-align: center;
        font-size: 11px;
    }

    .cofaceDetails .cofaceReportInfo .descReportLeft {
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -55px;
        line-height: 40px;
        background: url(images/cofaceReportsDn.png) 0 0 no-repeat;
        width: 90px;
    }

    .cofaceDetails .cofaceReportInfo .descReportTotal {
        position: absolute;
        top: 70px;
        right: 50%;
        margin-right: -59px;
        line-height: 60px;
        background: url(images/cofaceReportsUp.png) 0 0 no-repeat;
        width: 78px;
    }

    .cofaceDetails .cofaceReportInfo .reports {
        margin: 45px 0 0;
        padding: 0;
        width: 100%;
        text-align: center;
    }

        .cofaceDetails .cofaceReportInfo .reports span {
            text-align: center;
            font-size: 26px;
            font-weight: bold;
            padding: 0;
            display: inline-block;
            width: 82px;
        }

            .cofaceDetails .cofaceReportInfo .reports span.reportLeft {
                text-align: right;
            }

            .cofaceDetails .cofaceReportInfo .reports span.slash {
                width: 20px;
            }

            .cofaceDetails .cofaceReportInfo .reports span.reportTotal {
                text-align: left;
            }

.cofaceDetails .source {
    font-size: 16px;
}

    .cofaceDetails .source label {
        font-weight: bold;
    }

.cofaceDetails .cofaceDetailsItem {
    max-width: 440px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    clear: left;
}

.cofaceDetails .cofaceLogo {
    position: absolute;
    bottom: 20px;
    right: 60px;
    width: 90px;
    height: 30px;
    background: url(images/cofaceLogo.png) 0 0 no-repeat;
}

.regionSiValuta {
    color: #777777;
    text-align: right;
    margin-top: 10px;
    font-size: 12px;
    margin-right: 15px;
    margin-bottom: -5px;
}

.regionSiLogo {
/*    width: 140px;
    height: 13px;
    background: url(images/region_ebonitete_si.png) 33px 0 no-repeat;
    float: right;
    color: #777777;
    font-size: 12px;
    margin-right: 15px;
    margin-bottom: -30px;
    padding-top: 7px;
    margin-top: 10px;*/
}

.regionMeLogo {
    /*width: 6em;
    background: url(images/region_bi_consulting_me3.png) 33px 0 no-repeat;
    -ms-background-size: contain;
    background-size: contain;*/
}

.regionRsLogo {
   /* width : 6em;
    background: url(images/region_cube_rs_104_b_px.png) center center no-repeat;
    -ms-background-size: contain;
    background-size: contain;*/
}


#traziPoduzeca a.docType.pdf {
    display: block;
    background: url(images/pdficon_small.png) 0 4px no-repeat;
    padding: 20px 0px 0px 0px;
    margin: -5px 0px -1px 10px;
}


.cofaceDetails .btns {
    position: absolute;
    left: 40px;
    bottom: 40px;
    list-style: none;
}

    .cofaceDetails .btns li {
        display: inline-block;
        float: left;
        margin-right: 8px;
        height: 50px;
        line-height: 50px;
    }

        .cofaceDetails .btns li a {
            display: block;
            height: 50px;
            line-height: 50px;
            font-size: 12px;
            text-decoration: none;
            color: #666;
            padding: 0 15px 0 30px;
            border: solid 1px #d7d7d7;
            background: #fafafa;
            background: -moz-linear-gradient(top, #fafafa 0%, #f1f1f1 47%, #ffffff 100%);
            background: -webkit-linear-gradient(top, #fafafa 0%,#f1f1f1 47%,#ffffff 100%);
            background: linear-gradient(to bottom, #fafafa 0%,#f1f1f1 47%,#ffffff 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 );
        }

            .cofaceDetails .btns li a span {
                width: 26px;
                height: 29px;
                display: inline-block;
                float: left;
                margin: 10px 5px 0 5px;
            }

            .cofaceDetails .btns li a.download span {
                background: url(images/iconDnlReport.png) 0 0 no-repeat;
            }

            .cofaceDetails .btns li a.cancel span {
                background: url(images/iconCancelDnlReport.png) 0 0 no-repeat;
            }

.cofaceDetails .unsubscriber {
    padding: 0 0 0 100px;
    float: left;
    width: 540px !important;
    min-height: 250px;
    background: url(images/resultNoDataBgr.png) -20px 20px no-repeat;
    position: relative;
}

    .cofaceDetails .unsubscriber h1 {
        color: #4a68a6;
        padding: 30px 0 20px;
    }

    .cofaceDetails .unsubscriber p {
        font-size: 13px;
        max-width: 380px;
    }

        .cofaceDetails .unsubscriber p a.more {
            color: #4a68a6;
            font-weight: bold;
            text-decoration: none;
            display: inline-block;
            padding-right: 15px;
            background: url(images/linkMoreArrow.png) right 7px no-repeat;
            height: 20px;
            line-height: 20px;
        }

    .cofaceDetails .unsubscriber a.reportExample {
        background: rgba(0, 0, 0, 0) url("images/iconExportPdfSearch.png") no-repeat scroll 15px 4px;
        color: #666;
        display: block;
        float: right;
        font-size: 10px;
        line-height: 10px;
        padding: 30px 0 0;
        text-align: center;
        text-decoration: none;
        width: 50px;
        position: absolute;
        right: 50px;
        top: -6px;
    }

        .cofaceDetails .unsubscriber a.reportExample.hrv {
             right: 50px;
        }

        .cofaceDetails .unsubscriber a.reportExample.engl {
            right: 121px;
        }


    .cofaceDetails .unsubscriber ul.contact {
        position: absolute;
        top: 190px;
        left: 100px;
        list-style: none;
        font-size: 25px;
        font-weight: bold;
    }

        .cofaceDetails .unsubscriber ul.contact li {
            display: block;
            float: left;
            clear: both;
            height: 40px;
            background: none !important;
        }

            .cofaceDetails .unsubscriber ul.contact li.phone a, .cofaceDetails .unsubscriber ul.contact li.mail a {
                padding-left: 30px;
                color: #777;
                text-decoration: none;
            }

            .cofaceDetails .unsubscriber ul.contact li.phone a {
                background: url("images/iconPhoneBig.png") 0 3px no-repeat;
            }

            .cofaceDetails .unsubscriber ul.contact li.mail a {
                background: url("images/iconMailBig.png") 0 3px no-repeat;
            }

h1.cofaceError {
    color: #4a68a6;
    margin-top: -15px;
    margin-bottom: 20px;
}

.foreignReportsPackages .check input {
    width: 28px;
    height: 28px;
}

.foreignReportsPackages .check .ez-hide {
    opacity: 0;
    filter: alpha(opacity=0);
}

.foreignReportsPackages .check .ez-checkbox {
    background: Transparent url(images/checkBig.png) 0 1px no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
    float: left;
}

.foreignReportsPackages .check .ez-checked {
    background-position: 0 -31px;
}

.foreignReportsPackages .check .ez-radio {
    background: Transparent url(images/radioBig.png) 3px 3px no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
    float: none;
}

.foreignReportsPackages .check .ez-checked {
    background-position: 0 -31px;
}

.foreignReportsPackages .check .ez-selected {
    background-position: 3px -26px;
}

.foreignReportsPackages .check .ez-checkbox {
    zoom: 1;
    display: inline;
    _height: 32px;
}

.foreignReportsPackages {
    float: left;
    width: 897px;
    margin: 10px 0 30px 30px;
    border: solid 1px #d7d7d7;
    font-size: 14px;
    font-weight: bold;
    color: #666;
    text-align: center;
}

    .foreignReportsPackages td, .foreignReportsPackages th {
        padding: 15px 0;
        border-left: solid 1px #d7d7d7;
        border-top: solid 1px #d7d7d7;
    }

    .foreignReportsPackages td {
        padding: 5px 0;
    }

    .foreignReportsPackages th {
        background: #4a68a6;
        color: #fff;
        border-top: none;
    }

    .foreignReportsPackages tr td:first-child, .foreignReportsPackages tr th:first-child {
        border-left: none;
    }
    .foreignReportsPackages tr:nth-of-type(2n) td {
        background: #f3f3f3;
    }

.foreignReportsPackagesExamples {
    position: absolute;
    right: 8px;
    margin-top: -76px;
}


#pdv-modal .pdvCheckModal, 
#ba-export-report-modal .checkModal, 
#blockage-modal .blockageCheckModal {
    /*width: 640px !important;
    height: 400px;
    float: left;
    background: url(images/foldedBottomWhite.png) bottom left no-repeat;
    border-top: solid 1px #edecec;
    border-right: solid 1px #edecec;
    margin: -200px 0 0;
    padding: 170px 40px 0;
    position: relative;
    color: #777;
    font-size: 12px;
    position: relative;
    overflow: hidden;
    color: #777;
    font-size: 12px;*/
}

#pdv-modal .pdvCheckModal .pdvCheckInfo p,
#ba-export-report-modal .checkModal .checkInfo p {
/*        width: 340px;
        float: right;
        margin: 20px 40px 0 0;
        font-size: 16px;
        line-height: 150%;*/
    }

#ba-export-report-modal .checkModal .checkInfo p {
    /*width: initial;*/
}

    #blockage-modal .blockageCheckInfo {
    /*    margin: 31px 40px 0 0;
        font-size: 16px;
        line-height: 150%;*/
    }

#pdv-modal .pdvCheckModal .pdvCheckReport p,  
#ba-export-report-modal .checkModal .checkReport p,  
#blockage-modal .blockageCheckModal .pdvCheckReport p {
/*    float: left;
    margin: 31px 40px 0 0;
    font-size: 16px;
    line-height: 150%;*/
}
#pdv-modal .pdvCheckModal .pdvCheckReport p span, 
#ba-export-report-modal  .checkModal .checkReport p span, 
#blockage-modal .blockageCheckModal .pdvCheckReport p span {
    /* font-weight: bold; */
    /*font-size: 14px;*/
}
#pdv-modal .pdvCheckModal .pdvCheckInfo p a, 
#ba-export-report-modal .checkModal .checkInfo p a, 
#blockage-modal .blockageCheckModal .pdvCheckReport p a {
    /*color: #4a68a6;*/
}
#pdv-modal .preparingFileLoader, 
#ba-export-report-modal .preparingFileLoader, 
#blockage-modal .preparingFileLoader{
   /* background: Transparent url(images/ajax-loader2.gif) center top no-repeat;
    height: 80px;
    width: 100%;
    position: absolute;
    z-index: 2;
    left: -20px;
    top: 300px;
    text-align: center;
    color: #4a68a6;
    font-size: 14px;
    padding-top: 60px;*/
}


#ba-export-report-modal .preparingFileLoader p {
     /*padding: 25px 50px;*/
}

#pdv-modal .tbox,
#ba-export-report-modal .tbox,
#blockage-modal .tbox {
/*    margin-top: 20px;*/
}
#pdv-modal .hasDatepicker {
  /*  padding-top: 0;
    width: 192px;
    float: left;*/
}
#pdv-modal .buttonHolder, 
#ba-export-report-modal .buttonHolder, 
#blockage-modal .buttonHolder {
  /*  position: absolute;
    top: 445px;
    left: 40px;
    width: 210px;
    text-align: center;*/
}
    #pdv-modal .buttonHolder input,
    #ba-export-report-modal .buttonHolder input,
    #blockage-modal .buttonHolder input,
    .resultNoDataMessage .buttonHolder input {
/*        border: none;
        background: Transparent url(images/checkSubmitBgr.png) 0 0 no-repeat;
        width: 116px;
        height: 36px;
        line-height: 33px;
        margin: 0;
        padding: 0 0 0 40px;
        cursor: pointer;
        color: #fff;
        font-size: 13px;
        font-weight: normal;
        text-align: left;*/
    }

#pdv-modal .buttonHolder input:hover, 
#ba-export-report-modal .buttonHolder input:hover, 
#blockage-modal .buttonHolder input:hover  {
    background-position: 0 -40px;
    color: #4a68a6;
} 
.pdvCheckModal .ui-datepicker {
    margin: 3px 0 0 1px;
    padding: 0 0 5px;
    background-image: none !important;
    border: solid 1px #dedede;
    width: 207px;
}

 .reportInfo,
.pdvReportInfo {
/*    position: absolute;
    right: 50px;
    bottom: 90px;
    width: 194px;
    color: #4a68a6;*/
}

    .reportInfo .descReportLeft,
    .reportInfo .descReportTotal,
    .pdvReportInfo .descReportLeft,
    .pdvReportInfo .descReportTotal {
/*        position: absolute;
        height: 49px;*/
        text-align: center;
        font-size: 11px;
    }

    .reportInfo .descReportLeft,
    .pdvReportInfo .descReportLeft {
        /* position: absolute;
        left: 50%;
        top: 0;
        margin-left: -65px;*/
        /*        line-height: 40px;*/
        background: url(images/pdvReportsDn.png) 0 0 no-repeat;
        width: 116px;
        height: 55px;
    }

    .reportInfo .descReportTotal,
    .pdvReportInfo .descReportTotal {
      /*  position: absolute;
        top: 70px;
        right: 50%;
        margin-right: -59px;*/
        line-height: 60px;
        background: url(images/pdvReportsUp.png) 0 0 no-repeat;
        width: 78px;
    }

    .reportInfo .reports,
    .pdvReportInfo .reports {
/*        margin: 45px 0 0;
        padding: 0;
        width: 100%;*/
        text-align: center;
    }

        .reportInfo .reports span,
        .pdvReportInfo .reports span {
            text-align: center;
            font-size: 26px;
            font-weight: bold;
            padding: 0;
            display: inline-block;
            width: 82px;
        }

            .reportInfo .reports span.reportLeft,
            .pdvReportInfo .reports span.reportLeft {
                text-align: right;
            }

            .reportInfo .reports span.slash,
            .pdvReportInfo .reports span.slash {
                width: 20px;
            }

            .reportInfo .reports span.reportTotal,
            .pdvReportInfo .reports span.reportTotal {
                text-align: left;
            }

/* Style the back-to-top floating button */
.sf-back-to-top {
    background-color: #4a68a6; /* #50A1CB; */ /* button color */
    color: white; /* text/arrow color */ 
    display: none;
    z-index: 999;
    /* float in bottom right corner */
    /* 20 pixels from edge */
    position: fixed;
    right: 20px;
    bottom: 20px;
    /* size of button is 50 pixels*/
    width: 48px;
    height: 48px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    /* round button */
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

a.sf-back-to-top {
    font-size: 40px;
    text-align: center;
    text-decoration: none;
    line-height: 0px;
    padding-top: 30px;
    font-family: initial;
}

a.blockageCheckBtn {
 /*   width: 82px;
    display: block;*/
    /*float: left;*/
  /*  position: relative;
    top: 20px;
    left: 50%;
    margin: 10px 0 0 -41px;
    font-size: 11px;*/
    /*line-height: 11px;*/
/*    color: #4a68a6;*/
    /*text-decoration: none;
    padding: 5px 12px 7px 29px;*/
    /*box-sizing: border-box;*/
    /*background: Transparent url(images/blockageCheckBgr.png) 0 0 no-repeat;*/
}

#oneColumnTabContent a.externalLink {
    color: #4a68a6;
    font-weight: bold;
    background: url(images/linkMoreArrow.png) right 5px no-repeat;
    padding: 0 14px 0 0;
    font-size: 12px;
    text-decoration: none;
    position: absolute;
    right: 35px;
    top: 62px;
    z-index: 1;
}

.right_check
{
    position: absolute;
    margin-left: 742px;
    margin-top: -33px;
    color: #666;
}

.right_check > .ez-checkbox
{
    background: transparent url(images/check.png) 0 0px no-repeat;
    display: inline-block;
    float: left;
    margin-left: 2px;
    width: 23px;
}

.right_check > .ez-checked
{
    background-position: 0 -18px;
}

.right_check span
{
    font-size: 12px;
}


/* --------------------------
	Details  \ "Ostalo" tab 
	-------------------------- */

.fininfoTableHolder #OtherForeignCompanies #ForeignCompanies.contentNav table {
	border-spacing: 0px;
}

.fininfoTableHolder #OtherForeignCompanies #ForeignCompanies.contentNav table th,
.fininfoTableHolder #OtherForeignCompanies #ForeignCompanies.contentNav table tr {
	border-top: solid 1px #dcdcdc;
}

.fininfoTableHolder #OtherForeignCompanies #ForeignCompanies.contentNav table tr td {
	text-align: left;
	border-top: none;
}

	.fininfoTableHolder #OtherForeignCompanies #ForeignCompanies.contentNav table td.ownershare {
		text-align: right;
	}

#ForeignCompanies #traziPoduzeca.connected-companies tbody tr td h2.subTitleBlueMarginTop {
	padding-top: 24px !important;
	padding-bottom: 4px !important;
}
#ForeignCompanies #traziPoduzeca.connected-companies tbody tr td.no-border {
	border: none;
}
#ForeignCompanies #traziPoduzeca.connected-companies tbody tr {
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}

#ForeignCompanies #traziPoduzeca.connected-companies td.tdNaziv {
	width: 33%;
}

/* Announcements Start*/
.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcements-articles p {
	display: inline-block;
}
.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcements-articles .article h2 {
	width: 800px;
}
.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcements-articles .article .content {
	text-align: center;
}
.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcements-articles .images {
	text-align: center;
}
.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcements-articles .images span {
	text-align: center;
	float: none;
	display: inline-grid;
}
	.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcements-articles .images span img {
		margin: auto;
		background: none;
	}

.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement p {
	display: block;
}
.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement .article {
	
}
.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement .article h2.title {
	padding-right: 30px;
	float: left;
	width: auto;	
}
.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement .article .content {
	padding: 30px;
}
	.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement .article div.attachmentLink {
		float: right;
	}
	.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement .article div.attachmentLink a {
		text-decoration: none;
		font-size: 13px;
		color: blue;
		padding-right: inherit;
	}
.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement .images {
	text-align: center;
}
	.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement .images span {
		text-align: center;
		float: none;
		display: inline-grid;
	}
		.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement .images span img {
			margin: auto;
			background: none;
		}
/* Announcements End*/

/* Announcements (CMS) Start
	These are the fixes for announcements for CMS elements (article, etc), ...
*/
.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement-normal .cms img {
	background-image: none;
}
.contentOneColumn #contentOneColumnHolder > div.staticPage > .staticPageHolder > .announcement-normal img { 
    float: unset; 
}

/****************** Post-it notes START *********************/

.sticky-note {
	position: absolute;
	height: 180px;
	width: 220px;
	color: #402b1a;
	background: #f9dd45;
	border-radius: 2px;
	border: 0px;
	font-family: "Kalam", arial, sans-serif;
	font-size: 15px;
	/*D*box-shadow: 2px 2px 2px rgba(0,0,0,0.65);*/
	overflow: hidden;
	/* stolen from */
	padding: 3px;
	/*z-index: 3000;*/
	/* Firefox */
	-moz-box-shadow: 2px 2px 3px rgba(33,33,33,1);
	/* Safari+Chrome */
	-webkit-box-shadow: 2px 2px 3px rgba(33,33,33,.7);
	/* Opera */
	box-shadow: 2px 2px 3px rgba(33,33,33,.7);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	transform: rotate(-3deg);
	opacity: 0.82;
	filter: alpha(opacity=82);
	-moz-transition: -moz-transform .2s linear;
	-o-transition: -o-transform .2s linear;
	-webkit-transition: -webkit-transform .2s linear;
	left: 100px;
	z-index: 3000;
	/*Backdrop filter*/
	-webkit-backdrop-filter: blur(3px); /* Use for Safari 9+, Edge 17+ (not a mistake) and iOS Safari 9.2+ */
	backdrop-filter: blur(3px); /* Supported in Chrome 76 */
	-moz-backdrop-filter: blur(3px);
}

.sticky-note:hover, .sticky-note:focus {
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,.7);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.7);
	box-shadow: 3px 3px 5px rgba(0,0,0,.7);
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
	z-index: 3000;
	cursor: pointer;
	opacity: 0.92;
	filter: alpha(opacity=92);
}

	.sticky-note .contents {
		background: inherit;
		margin: 5px;
		margin-top: 7px;
		outline: none;
		height: 145px;
		width: 96%;
		right: 3px;
		top: 3px;
		left: 3px;
		bottom: 3px;
		overflow-x: hidden;
		overflow-y: hidden;
		overflow-wrap: break-word;
	}

		.sticky-note .contents:focus {
			box-shadow: 0 0 2px gray;
			right: 3px;
			top: 3px;
			left: 3px;
			bottom: 3px;
			overflow-x: hidden;
			overflow-y: inherit;
		}

		.sticky-note .contents[placeholder]:empty::before {
			content: attr(placeholder);			
			opacity:0.5;
		}

	.sticky-note .handle {
		cursor: move;
		padding-right: 5px;
		/*background: #7f6c04;*/
		border-radius: 2px 2px 0px 2px;
		height: 24px;
	}

		.sticky-note .handle .close {
			cursor: pointer;
			float: right;
			padding-right: 11px;
			padding-top: 0px;
			font-size: 20px;
			color: #444;
			background: url('/Content/images/svg/close.svg') no-repeat right;
		}

		.sticky-note .handle .date-picker-wrapper {
			cursor: pointer;
			float: left;
			padding-right: 11px;
			padding-top: 0px;
			font-size: 20px;
			color: #444;
			/*position: relative;*/
			/* temporary moving out the calendar icon: 
			background: url('/Content/images/svg/date-picker.svg') no-repeat right;*/
			width: 25%;
			display: contents;
		}

            .sticky-note .handle .date-picker-wrapper .ui-datepicker-trigger {
                float: left;
                margin-top: 5px;
                padding-left: 5px;
                padding-top: 0px;
                height: 1em;
            }

            .sticky-note .handle .date-picker-wrapper .date-picker {
                font-family: "Kalam", arial, sans-serif;
                border-width: 0px;
                width: 60%;
                padding-left: 0px;
                background-color: inherit;
                display: inline-block;
            }

	


		.sticky-note .handle .delete {
			cursor: pointer;
			float: right;
			padding-right: 11px;
			padding-top: 0px;
			font-size: 20px;
			color: #444;
			background: url('/Content/images/svg/trash-can.svg') no-repeat right;
		}


		.sticky-note div.close {
			color: #3d3402;
			opacity: 1;
			text-shadow: 1px 0px 1px #a08805;
			padding: 2px;
		}

	.sticky-note .handle .date-picker-wrapper .date-picker::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		color: #333333;
		opacity: 0.6; /* Firefox */		
	}

	.sticky-note .handle .date-picker-wrapper .date-picker:-ms-input-placeholder { /* Internet Explorer 10-11 */
		color: #333333;
		opacity: 0.6
	}

	.sticky-note .handle .date-picker-wrapper .date-picker::-ms-input-placeholder { /* Microsoft Edge */
		color: #333333;
		opacity: 0.6
	}
/* Sticky notes End */

/* ---- Sticky Notes - Home screen \ "Moji post-its" tab ---- */
#post-its-main .listOfNotes {
/*	table-layout: fixed;
	width: 600px;
	padding-bottom:20px;*/
}

#post-its-main .collapsed {
	display: none;
}

#post-its-main .postit-notes-title-header,
#post-its-main .postit-notes-title {
/*	font-size: 12px;
	display: table-row;*/
}

	#post-its-main .postit-notes-title.collapsedRow .teaser-text-cell,
	#post-its-main .header-row .content,
	#post-its-main .notes-row .content {
		text-overflow: ellipsis;
		white-space: normal;
		overflow: hidden;
		/*cursor: pointer;*/
	}


#post-its-main .collapseIcon,
#post-its-main .expandIcon {
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;
}
#post-its-main .collapseIcon {
	background-image: url("images/iconCollapse.png");
}
#post-its-main .expandIcon {
	background-image: url("images/iconExpand.png");
}

#post-its-main .postit-notes-title .icon-cell{
/*	text-align: center;
	padding-top: 5px;
	padding-left: 1px;*/
}

/*
#post-its-main .postit-notes-title .icon-cell .plus-sign:before {
	content: "+";
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

#post-its-main .postit-notes-title .icon-cell :not(.plus-sign):before {
	content: "-";	
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

*/

#post-its-main .postit-notes-title-header .icon-cell,
#post-its-main .header-row .icon-cell,
#post-its-main .header-row .empty-cell,
#post-its-main .notes-row .icon-cell,
#post-its-main .notes-row .empty-cell,
#post-its-main .postit-notes-title .icon-cell {
	/*border-bottom: none;*/
}

/*#post-its-main .notes-row.last-row .icon-cell,
#post-its-main .notes-row.last-row .empty-cell,
#post-its-main .notes-row.last-row td {
	border-bottom: 1px solid #faa61a;
}*/
/*#post-its-main .notes-row.last-row {
	border-bottom: 4px solid #faa61a;
}*/
#post-its-main .icon-cell .expandIcon,
#post-its-main .icon-cell .collapseIcon {
	margin-top: 0px;
	margin-left: 3px;
}

#post-its-main .postit-notes-title.collapsedRow {
/*	border-bottom: 1px solid;*/
}
#post-its-main .postit-notes-title:not(.collapsedRow) {
/*	border-top: 1px solid;
	border-bottom: none;	*/
}
	#post-its-main .postit-notes-title:not(.collapsedRow) td {
/*		border: none;
		overflow-wrap: break-word;
		overflow-x: hidden;
		overflow-y: hidden;*/
	}

/*#post-its-main postit-notes-title.collapsedRow .icon-cell {
		border-bottom: 1px solid;
	}
	#post-its-main postit-notes-title.collapsedRow .company-name-cell {
		border-bottom: 1px solid;
	}*/
/*#post-its-main .postit-notes-title:not(.collapsedRow) .teaser-text-cell {
	border-bottom: #faa61a solid 1px;
}

	#post-its-main .postit-notes-title:not(.collapsedRow) .company-name-cell {
		border-bottom: none;
	}*/
#post-its-main .postit-notes-title .company-name-cell span.company.name-link {
	/*font-weight: bold;*/
	font-size: 12px;
}

    #post-its-main .postit-notes-title .company-name-cell span.company.name-link a {
     /*   color: #4a68a6;
        text-decoration: none;
        font-size: 17px;
        font-weight: bold;
        float: left;
        margin: -1px 0 0;
        overflow-wrap: anywhere;*/
    }
	#post-its-main .postit-notes-title:not(.collapsedRow) .company-name-cell span.company.name-link a {
		
	}


	#post-its-main .postit-notes-title .teaser-text-cell > span {
		/*cursor: pointer;*/
	}

/* This is indicator rendered within "~/Views/Note/_PostItIndicator.cshtml" */
#post-its-main .notes-row .stickyNoteShow .note-indicator-inner:hover {
	cursor: pointer;
}

#post-its-main > div.contentNav {
	width: 630px;
	float: none;
}
#post-its-main > div.pagination {
	text-align: right;
}

#post-its-main div.delete {
	width: 10px;
	height: 10px;
	background: url(images/deleteIcon.png) 0 0 no-repeat;
	cursor: pointer;
	margin-top: 2px;
}
#post-its-main .EmptyNoteList p {
	margin-left: -35px;
}
/****************** Post-it notes END *********************/

/*.footer #phone_contact_dialog .ui-dialog {
	border: none;
	background: white;
}*/
#phone_contact_dialog p {
	margin-top: 39px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 24px;
	color: #5475ba;
}
    #phone_contact_dialog p a {
        text-decoration: none;
        font-weight: 500;
        color: #5475ba;
    }
	#phone_contact_dialog p .fininfo-orange {
		color: #faa61a;
		font-style: normal;
	}
	#phone_contact_dialog p img.phone-svg {
        margin-bottom: -1px;
	}

.footerInfo .phone a.phone-svg {
	text-decoration: underline;
	cursor: pointer;
}


/* -------------------------------------------------------
	Defining Default Dialogs for jquery-UI dialog 
-------------------------------------------------------- */

#message-popup {	
	
}

.default-ui-dialog {
	background: url(images/foldedBottomWhite.png) bottom left no-repeat;
	z-index: 999999;
	min-width: 250px !important;
	min-height: 150px !important;
	position: relative;
}

	.default-ui-dialog #message-popup {
		position: absolute;
		width: 300px;
		height: 200px;
		top: 25px;
		margin-top: 15px;
		padding-top: 0;
		z-index: 999999;
		background-color: #fff;
		font-size: 16px;
		line-height: 25px;
		color: #777;
		text-align: center;
	}

	.default-ui-dialog .ui-dialog-buttonpane {
		position: absolute;
		bottom: 2px;
		margin: 0.5em 0em 0.5em 0em;
		padding: 0px;
		border-width: 0;
		background-color: transparent;
		width: 100%;
		color: white;
		font-weight: bold;
		font-size: 15px;				
		display: block;		
		clear: both;
		text-align: center;
	}

	/* Styling UI-Dialog button area to look like EL koncept style */

		.default-ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {			
			margin: 0px;
			float: none;
			display: inline-flex;
		}
			.default-ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
				margin: 0px 5px 0px 5px;
				float: none;
				bottom: 0px;
				display: block;
				height: 32px;
				line-height: 32px;
				color: #666;
				background-color: #fafafa;
				padding: 0 15px 0 15px;
				cursor: pointer;
				font-size: 12px;
				background: -moz-linear-gradient(top, #fafafa 0%, #f1f1f1 47%, #ffffff 100%);
				background: -webkit-linear-gradient(top, #fafafa 0%,#f1f1f1 47%,#ffffff 100%);
				background: linear-gradient(to bottom, #fafafa 0%,#f1f1f1 47%,#ffffff 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 );
			}

				.default-ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.green {
					color: #6B8D2D;
				}

				.default-ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.red {
					color: #CA3826;
				}
/* -------------------------------------------------------------
	END: Defining Default Dialogs for jquery-UI dialog 
---------------------------------------------------------------- */


/* ---------------------------------
	Defining RSS feed elements
------------------------------------ */

body #feed-container .pagination {
/*	margin-top: 11px;
    position: initial;
    left: initial;
    top: initial;*/
}

body #feed-container .load-more {
	display: none;
}

.feed {
/*	width: 100%;
	display: grid;
	display: -ms-grid;
	grid-template-areas: "div div div";
	-ms-grid-rows: 1fr;
	grid-template-rows: 1fr;
	-ms-grid-columns: 33% 33% 33%;
	grid-template-columns: 33% 33% 33%;
	grid-row-gap: 10px;
	grid-column-gap: 10px;
	 height: 100vh; //it was used to stretch element vertically 
	margin: 0;*/
}

#feed-update-container.homePage #items.feed {
/*    grid-template-areas: "div div";
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1.5%;
    margin-bottom: 32px;*/
}

#feed-update-container.homePage #feed-container .above-item-list .contentNav {
/*    width: 100%;
    display: inline-block;
    margin: initial;
    text-align: center;*/
}

#feed-update-container.homePage #feed-container {
/*    margin-right: -2px;*/
}

	#feed-update-container.homePage #feed-container .above-item-list .contentNav h2 {
/*		display: inline-block;
		margin: 11px 0px 16px 9px;
		height: 14px;
		float: left;
        font-size: 17px !important;
        font-weight: bold !important;
        color: #4a68a6 !important;*/
    }

	#feed-update-container.homePage #feed-container .above-item-list .contentNav .pagination {
/*		display: inline-block;
		position: relative;
		left: 37px;
        margin-bottom: 2em;
        margin-top: 2em;
        padding-right: 0;*/
	}
	
	#feed-update-container.homePage #feed-container .above-item-list .contentNav .dropdown {
/*        display: inline-block;
        float: right;
        margin: 4px 4px 0px 0px;
        height: 24px;*/
	}


#feed-update-container #ads-area {
/*	text-align: -webkit-center;
	text-align: -moz-center;
	text-align: center;
	padding: 7px 0 3px 0;*/
}

	#feed-update-container #ads-area .ads {
/*		display: inline-block;
		width: 728px;
		height: 90px;*/
		/*background: url(images/advertising/ads-blank.png) 0 0 no-repeat;*/
/*		text-align: -webkit-center;*/
	}

		#feed-update-container #ads-area .ads h2 {
			font-size: 23px;
		}

/* For RSS feed combobox  */

/*These two area overloads to avoid Jqury-UI bacground mess (Fininfo down arrow and Jquery-UI arrow)*/
.ui-button .ui-icon,
.ui-icon, .ui-widget-content .ui-icon, 
.ui-state-hover .ui-icon, 
.ui-state-focus .ui-icon, 
.ui-button:hover .ui-icon, 
.ui-button:focus .ui-icon, 
.ui-state-default .ui-icon {
    background-image: initial;
}

#feed-update-container .cbox {
    display: inline-block;
    background: url(images/cboxBgr.png) 0 0 no-repeat;
    padding: 0 0 0 5px;
    position: relative;
}

#feed-update-container .cbox .ui-button {
    margin: 0 -4px 0 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 31px;
    height: 33px;
    background: Transparent url(images/cboxBtn.png) 0 0 no-repeat;
    border: none;
}

    #feed-update-container .cbox .ui-button-icon-only .ui-button-text {
        padding: 0;
    }

    #feed-update-container .cbox .ui-button-icon-only .ui-button-text {
        padding: 0;
    }

#feed-update-container .cboxHalfWidth { 
    width: 450px; 
}

#feed-update-container .cbox input.ui-autocomplete-input {
    border: none;
    background: Transparent;
    margin: 0;
    padding: 0px 0px 0px 4px;
    height: 33px;
    color: #777777;
    font-size: 12px !important;
    font-family: Arial !important;
}
/* For RSS feed combobox */

#feed-update-container .contentNav {
  /*  margin: 0 0 6px 0;
    text-align: right;
    display: grid;
    grid-template-columns: 1.05fr 2fr 0.95fr;
    grid-column-gap: 10px;*/

}

/*.feed .item {*/
    /*display: grid;		
		grid-template-areas: 'image-area		image-area' 
											'title-area			title-area'
											'summary-area	summary-area'
											'date-area					link-area';*/
    /*border: solid 1px #eaeaea;
    padding: 10px 10px 40px 10px;
    color: #777;
    background: #ffffff;
    position: relative;
}*/
	/* ----------------------------------------------------------------------------------
		This is the fix for IE, but my be aplied to other modern browsers also 
		-----------------------------------------------------------------------------------	*/
	@media all and (-ms-high-contrast:none) {
		.feed { display:-ms-grid; }
		.feed .item { margin: 5px; }
		.feed .item:nth-of-type(1) { -ms-grid-column: 1; -ms-grid-row: 1;	}
		.feed .item:nth-of-type(2) { -ms-grid-column: 2; -ms-grid-row: 1;	}
		.feed .item:nth-of-type(3) { -ms-grid-column: 3; -ms-grid-row: 1;	}
		.feed .item:nth-of-type(4) { -ms-grid-column: 1; -ms-grid-row: 2;	}
		.feed .item:nth-of-type(5) { -ms-grid-column: 2; -ms-grid-row: 2;	}
		.feed .item:nth-of-type(6) { -ms-grid-column: 3; -ms-grid-row: 2;	}
		.feed .item:nth-of-type(7) { -ms-grid-column: 1; -ms-grid-row: 3;	}
		.feed .item:nth-of-type(8) { -ms-grid-column: 2; -ms-grid-row: 3;	}
		.feed .item:nth-of-type(9) { -ms-grid-column: 3; -ms-grid-row: 3;	}
		.feed .item:nth-of-type(10) { -ms-grid-column: 1; -ms-grid-row: 4;	}
		.feed .item:nth-of-type(11) { -ms-grid-column: 2; -ms-grid-row: 4;	}
		.feed .item:nth-of-type(12) { -ms-grid-column: 3; -ms-grid-row: 4;	}
		.feed .item:nth-of-type(13) { -ms-grid-column: 1; -ms-grid-row: 5;	}
		.feed .item:nth-of-type(14) { -ms-grid-column: 2; -ms-grid-row: 5;	}
		.feed .item:nth-of-type(15) { -ms-grid-column: 3; -ms-grid-row: 5;	}	
	}
.feed .item .images {
    /*grid-area: image-area;*/
    max-height: 165px;
    min-height: 165px;
    height: 165px;
    overflow-y: hidden;
    -ms-background-position: center;
    background-position: center;

    /* background-size: cover; */
    /* overscroll-behavior-x: contain; */
    /* object-fit: cover; */
    
}

    .feed .item .images img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

	.feed .item .content {
		padding: 5px 5px 5px 5px;
		position: relative;
		display: contents;
	}
.feed .item .title {
    /*grid-area: title-area;*/
    min-height: 70px;
}
		.feed .item .title h3 {
			font-size: 16px;
			font-weight: bold;
			padding: 5px 0px 11px 0px;
			color: #4c68a6;
		}
.feed .item .summary {
    max-height: 150px;
    overflow-y: hidden;
    margin-bottom: 1em;
/*    height: 108px;*/
    position: relative;
}
    .feed .item .summary:after {
   /*     content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 1em;*/
        /*background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);*/
        
        
    }





.feed .item .summary p {
    font-size: 12px;
    padding: 0px 10px 10px 0px;
    line-height: 18px;
    text-align: justify;
    /*margin-bottom: 36px;
    height: 8em;*/
}

/*.feed .item .summary p {
			font-size: 12px;
			padding: 0px 10px 10px 0px;
			line-height: 18px;
			text-align: justify;
			margin-bottom: 36px;
            height: 8em;
        }


            .feed .item .summary p:after {
                content: "";
                text-align: right;
                position: absolute;
                bottom: 4.6em;
                right: 0;
                width: 70%;
                height: 1.2em;
                background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
            }*/

.feed .item p.link {
    /*grid-area: link-area;*/
    float: right;
    bottom: 8px;
    right: 16px;
    position: absolute;
}
    .feed .item p.link a {
        color: #4C68A6;
        text-decoration: none;
        font-size: 12px;
        padding: 0 15px 0 0;
        background: url(images/linkMoreArrow.png) right 4px no-repeat;
    }

    /*.feed .item .publish-date {*/
		/*grid-area: date-area;*/
		/*color: #807f83;
		font-size: 12px;
		float: left;
		bottom: 8px;
		position: absolute;
	}
		.feed .item .publish-date .date {
			font-weight: 700;
		}*/
	/*.feed .item .source {
		grid-area: date-area;
		color: #807f83;
		font-size: 12px;
		float: left;
		bottom: 24px;
		position: absolute;
	}*/
		.feed .item .source .n1-icon {
			background: url(images/svg/n1_plain.svg) 0px 3px no-repeat;
			background-size: 13px 8px;
			object-fit: contain;
			padding: 0 0 0 16px;
			margin: 0 0 0 4px;
			font-weight: bold;
		}
		.feed .item .source .poslovni-icon {
			background: url(images/newsIconPoslovniSmall.png) 0px 3px no-repeat;
			background-size: 11px 11px;
			object-fit: contain;
			padding: 1px 0 0 16px;
			margin: 0 0 0 4px;
			font-weight: bold;
		}
		.feed .item .source .vecernji-icon {
			background: url(images/svg/vecernji_plain.svg) 0px 3px no-repeat;
			background-size: 14px 9px;
			object-fit: contain;
			padding: 0 0 0 16px;
			margin: 0 0 0 4px;
			font-weight: bold;
		}
		.feed .item .source .poduzetnik-icon {
			background: url(images/svg/poduzetnik_plain.svg) 0px 3px no-repeat;
			background-size: 14px 9px;
			object-fit: contain;
			padding: 0 0 0 16px;
			margin: 0 0 0 4px;
			font-weight: bold;
		}
        .feed .item .source .lider-icon {
            background: url(images/svg/lider_plain.svg) 0px 1px no-repeat;
            background-size: 10px 14px;
            object-fit: contain;
            padding: 0 0 0 16px;
            margin: 0 0 0 4px;
            font-weight: bold;
        }
        .feed .item .source .tportal-icon {
            background: url(images/svg/tportal_plain.svg) 0px 2px no-repeat;
            background-size: 12px 10px;
            object-fit: contain;
            padding: 0 0 0 16px;
            margin: 0 0 0 4px;
            font-weight: bold;
        }

.contentHolder.index-free .contentLeft #results.contentHolder {
/*    top: 0;
    width: inherit;
    margin: auto 0 auto 0;*/
}


#feed-update-container.homePage #items .item {
    border-color: #c8c6c5;
}

div.full-width-button {
    float: left;
    width: 100%;
    height: 30px;
    border: 1px solid #C8C6C5;
    background-color: #fff;
    margin-top: 23px;
    padding-top: 10px;
    display: block;
    text-align: center;
}

    div.full-width-button:hover {
        border: 1px solid #C8C6C5;
        background-color: #eee;
        cursor: pointer;
    }

    div.full-width-button h2 {
        text-align: center;
        font-size: 17px !important;
        font-weight: bold;
        color: #4a68a6 !important;
    }

    div.full-width-button:hover h2 {
        color: #999;
        cursor: pointer;
    }

div.full-width-button a {
    text-align: center;
    font-size: 17px !important;
    font-weight: bold;
    color: #4a68a6 !important;
    text-decoration: none;
}

div.full-width-button:hover a {
    color: #999;
    cursor: pointer;
}

.contentHolder.index-free .contentLeft > p.link {
/*    float: right;
    right: 16px;
    padding: 6px 0px;
    margin: -24px 21px 20px;*/
}
    .contentHolder.index-free .contentLeft > p.link a {
/*        color: #4C68A6;
        text-decoration: none;
        font-size: 12px;
        padding: 0 15px 0 0;
        background: url(images/linkMoreArrow.png) right 4px no-repeat;*/
    }

#navigateToRssFeed {
    margin-top: -20px;
}


/* ---------------------------
	Pulsing dot indicator
 ----------------------------*/
.contentWide .header section ul .pulsing-dot-holder {
    position: absolute;
    margin-left: -12px;
    margin-top: -33px;
}

.pulsing-dot {
	position: absolute;
	background-color: red;
	border-radius: 50%;
	height: 8px;
	width: 8px;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse-animate 2s infinite;
}


@keyframes pulse-animate {
	0% {
		background-color: red;
		transform: scale(0.25);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		background-color: #ff6500;
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		background-color: #ffa400;
		transform: scale(0.5);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

#feed-container #RssFeedProviderDropDown {
/*	margin: 0px 0px 15px 0px;*/
}

#feed-container #RssFeedProviderDropDown + input + span.clearInput {
    display: none;
}
/* ----------------------------------------
	END: Defining RSS feed elements
------------------------------------------- */
/* 
	Defining popup for notifications dialog - used "Povijest blokada dialog" as a template 
*/
.message-popup-notification-details {
	width: 435px !important;
	height: 330px;
	float: left;
	background: url(images/foldedBottomWhite.png) bottom left no-repeat !important;
	border-top: solid 1px #edecec;
	border-right: solid 1px #edecec;
	margin: -200px 0 0;
	padding: 170px 20px 0;
	position: relative;
	color: #777;
	font-size: 12px;
	position: relative;
	overflow: hidden;
	display: table;
}

	.message-popup-notification-details h3.content {
		padding: 0 0 20px 10px;
		text-align: left;
		vertical-align: middle;
		display: table-cell;
		font-size: 16px;
		font-weight: normal;
	}

/* Cms Articles Start */

.article.edit {
	margin-left: -250px;
	width: 200px;
	display: grid;
	position: absolute;
	font-size: small;
}

.article.edit a {
	cursor: pointer;
}

	.article.edit a.hidden {
		display: none;
	}

	.article.edit .edit.title,
	.article.edit .edit.teaser,
	.article.edit .edit.htmlContent,
	.article.edit .publish {
		color: blue;
	}

	.article.edit .close.title,
	.article.edit .close.teaser,
	.article.edit .close.htmlContent,
	.article.edit .unPublish {
		color: lightseagreen;
	}

	.article.edit .new {
		color: green;
	}

.article.edit .delete {
	color: red;
}

body .tox-tinymce-inline {
	z-index: 1000;
	left: auto;
}

.article a.docType.pdf {
	display: block;
	background: url(images/pdficon_small.png) 0 4px no-repeat;
	padding: 20px 0px 0px 0px;
	margin: -5px 0px -1px 10px;
}

/* Cms Articles End */


/* ----------------------------------
    Start: User Content and Activities 
    ----------------------------------- */

#ContentBannerTop #CustomerUpdatedData {
    background: url(images/mainSearchBgr.png) bottom no-repeat;
    padding-bottom: 14px;
    width: 953px;
    margin-left: 2px;
    border-top: 1px solid lightgray;
}

    #ContentBannerTop #CustomerUpdatedData .details .top .right .approved.info {
        margin-left: -65px;
        left: -5px;
        top: -1px;
    }

    #ContentBannerTop #CustomerUpdatedData .details .top .right .customer-data {
        margin-top: -27px;
        width: 200px;
    }

        #ContentBannerTop #CustomerUpdatedData .details .top .right .customer-data.registered-user {
            margin-top: -40px;
            width: 122px;
        }


#CustomerUpdatedData div.validation-summary-errors {
    float: initial;
    width: initial;
    margin-top: 0px;
}

    #CustomerUpdatedData div.validation-summary-errors.submit-to-verification-message {
        float: initial;
        width: initial;
        width: 93%;
        padding: 15px 15px;
        margin: 20px 16px;
        color: #4A68A6;
        border: solid 2px #89181c;
        text-align: left;
        font-size: 15px;
        clear: both;
    }

#CustomerUpdatedData #ContactData div.validation-summary-errors {
    float: initial;
    width: initial;
    margin: 10px 26px 5px 0px;
}

.activity-primary {
	color: red;
}
#CustomerUpdatedData {
	margin: 2px 0px 0px 0px;
}

#CustomerUpdatedData hr {
	margin: 8px 17px 12px 1px;
}

#CustomerUpdatedData .horizontal-ruller {
    padding-top: 1px;
    clear: both;    
}

    #CustomerUpdatedData #ContactData .horizontal-ruller {
        margin-left: 0px;
    }

    #CustomerUpdatedData .additionalInfo,
    #RadarEditWrapper .edit {
        background: url(images/svg/edit-company.svg) no-repeat;
        padding: 24px 24px 0px 0px;
        margin: 0px 175px 7px 0px;
        float: right;
        right: -18px;
        position: absolute;
        top: -6px;
    }

        #CustomerUpdatedData .additionalInfo.create {
            margin: -9px 11px;
        }

#CustomerUpdatedData .left-side {
	border-right: solid 1px #d4d4d4;
	width: 63px;
	margin: 5px 10px 0 0;
	padding: 42px 10px 0 0;
	float: left;
	font-size: 10px;
	text-align: center;
	height: 80px;
	position: relative;
}

#CustomerUpdatedData label {
	font-size: 12px;
	color: #777777;
}

	#CustomerUpdatedData .top {
		width: 98%;
		display: inline-block;
		padding: 12px 0px 0px 0px;
	}

#CustomerUpdatedData .top .left {
	width: 63%;
	float: left;
}

    #CustomerUpdatedData .top .left h4 {
         color: #777777;
    }

    #CustomerUpdatedData .top .left form#FormMain .tarea + .help,
    #CustomerUpdatedData #ContactData form#UserContentContactForm .tarea + .help {
        margin-left: 3px;
    }

	#CustomerUpdatedData .top .right .customer-data {
        width: 111px;
        -o-text-overflow: ellipsis;
        float: right;
        display: inline-block;
        text-align: right;
        position: relative;
        right: 0px;
        font-size: 12px;
        color: #777777;
        margin-top: -42px;
	}

    #CustomerUpdatedData .details .top .right .customer-data.registered-user h3 {
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 2em;
        padding-bottom: 5px;
        margin-top: 1px;
    }

    #CustomerUpdatedData .details .top .right .customer-data:not(.registered-user) h3{
        text-align: center;
        padding-left: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }
		#CustomerUpdatedData .top .right .customer-data.display-none { display: none; }
		/*#CustomerUpdatedData .top .right .customer-data.registered-user {
			top: 140px;
		}*/


#CustomerUpdatedData .top .left p {
	font-size: 13px;
	color: #777777;
	padding: 2px 5px 2px 14px;
}
#CustomerUpdatedData .top .left p .light {
		font-size: 11px;
		padding: 0 5px 0 15px;
	}
		#CustomerUpdatedData .top .left p .light:first-child { 
			padding: 0 5px 0 0; 
		}

    #CustomerUpdatedData .top .left p span.message {
        width: 640px;
        float: right;
        padding: 7px;
        border-radius: 5px;
        box-shadow: 1px 1px 5px #bebebe, 5px 5px 10px #ffffff;
        margin-top: 4px;
        word-wrap: break-word;
        white-space: pre-line;
    }


        #CustomerUpdatedData .top .left .upper {
            display: inline-block;
            margin-bottom: -3px; /* fix for _Edit and _Create to both look neat and symetrical */
        }

        #CustomerUpdatedData .top .left .upper .cbox{
            width: 157px;
        }
    
        #CustomerUpdatedData .top .left .upper .cbox .clearInput{
            display: none;
        }

        #CustomerUpdatedData .top .right {
            width: 34%;
            float: left;
        }

    #CustomerUpdatedData .edit .top .right {
        display: grid;
        /*grid-template-columns: 60% 40%;*/
        grid-template:
                     'logoArea'
                     'buttonArea';
        position: relative;
    }

    #CustomerUpdatedData .edit .top .right #ApprovedContainer {
        grid-area: logoArea;
        position: relative;
    }

    #CustomerUpdatedData .top .right #LogoImage img { 
        float: right; 
    }

    #CustomerUpdatedData .top .left .tarea span #Message,
    #CustomerUpdatedData .edit #ContactData .tarea span #ContactMessage {
        width: 418px;
        height: 45px;
        border: none;
        overflow: auto;
        outline: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #777777;
        border: none;
        background: Transparent;
        font-size: 12px;
        font-family: Arial;
        resize: none;
        box-shadow: 6px 5px 8px -7px;
    }

    #CustomerUpdatedData .edit #ContactData .fields,
    #CustomerUpdatedData .edit #Activities .fields {
        padding-top: 10px;
        padding-bottom: 5px;
    }

        #CustomerUpdatedData .edit #Activities .fields .cbox,
        #CustomerUpdatedData .edit #Activities .fields .cbox input {
            width: 300px;
        }

        #CustomerUpdatedData .edit #ContactData .fields .label,
        #CustomerUpdatedData .edit #ContactData .fields input {
            display: block;
            clear: both;
            float: left;
        }

        #CustomerUpdatedData .edit #ContactData .fields #ConfirmationText {
            float: left;
            padding-top: 9px;
        }


#CustomerUpdatedData .label {
	float: left;
	width: 83px;
	text-align: right;
	margin: 6px 5px 0 0;
	padding: 7px 0 0 0;
	font-size: 12px;
	color: #777777;
}

    #CustomerUpdatedData input#City[readonly=readonly] {
        background-color: lightgrey;
        color: darkgoldenrod;
    }

#CustomerUpdatedData .input-validation-error {
	color: red;
	background-color: lightpink;
	border: 1px solid red !important;
}

    #CustomerUpdatedData a.link-button {
        border: none;
        background: #4a68a6;
        color: #fff;
        padding: 6px 17px;
        text-decoration: none;
        margin: 4px 2px;
        cursor: pointer;
        font: 400 13.33333px Arial;
    }

#CustomerUpdatedData input[type=button],
#CustomerUpdatedData input[type=submit],
#CustomerUpdatedData input[type=file] {
	background-color: #4a68a6;
	border: none;
	color: #fff;
	padding: 6px 17px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
}

    #CustomerUpdatedData input[type=button].disabled,
    #CustomerUpdatedData input[type=submit].disabled,
    #CustomerUpdatedData input[type=file].disabled {
        background-color: #c2c7d0;
        cursor: default;
    }

    #CustomerUpdatedData .center {
        text-align: center;
        margin-bottom: 20px;
    }

#CustomerUpdatedData input[type=submit] {
	background-color: #f8981d;
}

#CustomerUpdatedData input#Save[type=submit] {
    margin-top: 9px;
}

#CustomerUpdatedData .left .buttons {
    text-align: center;
    margin-left: 90px;
}


#CustomerUpdatedData .file-input {
    grid-area: buttonArea;
}

    #CustomerUpdatedData .file-input input[type='submit'] {
        float: right;
        width: 143px;
    }

    #CustomerUpdatedData .file-input #UploadButton {
        display: none;
    }

#CustomerUpdatedData .file-input .file {
	-ms-opacity: 0;
	opacity: 0;
	width: 0.1px;
	height: 0.1px;
	position: absolute;
}

    #CustomerUpdatedData .file-input label {
        border: none;
        background: #7873f5;
        color: #fff;
        padding: 6px 17px;
        text-decoration: none;
        margin: 4px 2px;
        cursor: pointer;
        font: 400 13.33333px Arial;
        float: right;
    }

#CustomerUpdatedData .file-input input:hover + label,
#CustomerUpdatedData .file-input input:focus + label {
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}

#CustomerUpdatedData .file-input input:focus + label {
	outline: 1px solid #000;
	outline: -webkit-focus-ring-color auto 2px;
}

	#CustomerUpdatedData #LogoImage {
        bottom: 4px;
        /* float: right; */
        right: 2px;
	}

    #CustomerUpdatedData .edit #LogoImage {
        grid-area: logoArea;
        left: 160px;
        bottom: 3px;
    }

    #CustomerUpdatedData .edit #Activities h4 { 
        float: left; 
    }

    #CustomerUpdatedData .edit #Activities .help { 
        float: left;
        margin-top: 3px;
    }

    #CustomerUpdatedData .edit #Activities form select { 
        margin: 8px 0px 4px 0px;
    }

    #CustomerUpdatedData .edit #Activities #form2 h4 { 
        margin-bottom: 8px;
    }

    #CustomerUpdatedData .edit #Activities #UserContentActivitiesPanel {
        width: 100%;
    }
    
    #CustomerUpdatedData .edit #UserContentActivities {
        padding: 7px 0px 0px 0px;
    }

        #CustomerUpdatedData .edit #UserContentActivities form #Save {
             float: left;
        }

        #CustomerUpdatedData .edit #UserContentActivities form .help {
             margin-top: 16px;
        }

        #CustomerUpdatedData .edit #UserContentActivities form #ConfirmationText {
            margin-top: 15px;
            display: inline-block
        }

        #CustomerUpdatedData .edit #UserContentActivities form br {
            clear: both;
        }

        #CustomerUpdatedData .edit #UserContentActivities form#PrimaryActivityForm span.activity a.item {
            padding-left: 17px;
            margin-left: 3px;
            height: 19px;
            background: url(/content/images/iconBonitetG2.png) no-repeat;
        }

    #CustomerUpdatedData .edit .top .right .approved.user-reg {
        width: 24px;
        height: 24px;
        background-image: url(/content/images/svg/approved.svg);
        background-repeat: no-repeat;
        position: absolute;
        left: 133px;
        top: -3px;
    }

    #CustomerUpdatedData .edit .top .right .unapproved.user-reg {
        width: 24px;
        height: 24px;
        background-image: url(/content/images/svg/unapprove.svg);
        background-repeat: no-repeat;
        position: absolute;
        left: 133px;
        top: -3px;
    }

#CustomerUpdatedData #LogoImage #file {
	width: initial;
}

    #CustomerUpdatedData .details {
        margin-top: 2px;
        /*padding-left: 13px;*/
    }

#ContentBannerTop #CustomerUpdatedData .details {
    padding-left: 13px;
}

#ContentBannerTop #CustomerUpdatedData .details.create {
    padding-left: 13px;
    padding-top: 10px;
}

#CustomerUpdatedDataWrapper #CustomerUpdatedData .edit,
#CustomerUpdatedDataWrapper #CustomerUpdatedData .create {
    margin-left: 29px;
}


#indexCompanyFree.mainSearch #CustomerUpdatedData .details {
    margin-top: 52px;
}

#indexCompanyFree.mainSearch #CustomerUpdatedData .details.create {
    margin-top: 0px;
}

    #indexCompanyFree.mainSearch #CustomerUpdatedData .details.registered-user {
        margin-top: 6px;
    }

#CustomerUpdatedData .details .top .left {
    width: 84%;
}

#CustomerUpdatedData .details .top .left > div{
    margin-right: 40px;
}

    #CustomerUpdatedData .details .top .right {
        width: 16%;
        position: relative;
        padding-top: 30px;
    }

        #CustomerUpdatedData .details .top .right .approved {
            width: 24px;
            height: 24px;
            background-image: url(/content/images/svg/approved.svg);
            background-repeat: no-repeat;
            top: -6px;
            position: absolute;
            left: -5px;
        }

        #CustomerUpdatedData .details .top .right .approved.info {
            background-image: url(/content/images/svg/info.svg);
        }

        #CustomerUpdatedData .details .top .right .unapproved {
            width: 24px;
            height: 24px;
            background-image: url(/content/images/svg/unapprove.svg);
            background-repeat: no-repeat;
            position: absolute;
            left: -2px;
            top: -7px;
        }

        #CustomerUpdatedData .details .top .right .unsubmitted {
            width: 24px;
            height: 24px;
            background-image: url(/content/images/svg/unsubmitted.svg);
            background-repeat: no-repeat;
            top: -6px;
            position: absolute;
        }

#CustomerUpdatedData #SubmitNotificationIcon.submitted {
    top: 27px;
    right: -14px;
    position: absolute;
    margin: 0px 175px 7px 0px;
    width: 24px;
    height: 24px;
    background-image: url(/content/images/svg/submitted.svg);
}

        #CustomerUpdatedData .details .top .right .approved.user-reg {
            left: -5px;
        }

        #CustomerUpdatedData .details .top .right .unapproved.user-reg {
             /*left: -35px;*/
        }

#CustomerUpdatedData .tarea {
    float: left;
    padding: 5px;
    margin: 0px 0px 11px 0px;
    position: relative;
    background: url(images/tareaBgr.png) 0 0 no-repeat;
    width: 417px;
    height: 45px;
}

#CustomerUpdatedData .tarea input {
	color: #777777;
	border: none;
	font-size: 12px;
	font-family: Arial;
}

#CustomerUpdatedData p span.link {
    color: #4C68A6;
    text-decoration: none;
    font-size: 12px;
    padding: 0 15px 0 0;
    background: url(images/linkMoreArrow.png) right 4px no-repeat;
    cursor: pointer;
}

#indexCompanyFree.mainSearch #CustomerUpdatedData {
    margin-top: 18px;
}

#indexCompanyFree.mainSearch #CustomerUpdatedData .create {
    margin-left: 15px;
}

#indexCompanyFree.mainSearch #CustomerUpdatedData .top .right,
#CustomerUpdatedData .top .right
{
    float: right;
}

#indexCompanyFree.mainSearch #companySummaryFree.companyInfo .bannerBuy {
    right: 13px;
}

#indexCompanyFree.mainSearch #CustomerUpdatedData .additionalInfo.create {
    margin: 0px 160px 7px 0px;
}

.user-content.toggle {
    position: absolute;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    float: right;
    right: -27px;
    top: -27px;
    cursor: pointer;
    border-radius: 1px;
}

    .user-content.toggle.up {
        background: url(images/svg/arrow-up.svg) no-repeat rgba(255,255,255,0.5);
        box-shadow: 2px 2px 6px #d4973a, -2px -2px 6px #ffbd48;
    }

    .user-content.toggle.down {
        background: url(images/svg/arrow-down.svg) no-repeat rgba(255,255,255,0.5);
        box-shadow: 2px 2px 6px #5166a0, -2px -2px 6px #6580c8;
    }

#ActivityDialog {
    background: url(images/resultNoDataBgr.png) no-repeat 0px 25px;
    background-color: white;
    font-size: 20px;
    color: #4a68a6;
    padding: 30px 25px 40px 25px;
}

#ActivityDialog p {
        margin: 45px 20px 55px 100px;
    }

#ActivityListDialog {
    background-color: white;
    font-size: 12px;
    color: #4a68a6;
    padding: 30px 25px 40px 25px;
}

#ActivityListDialog h2 {
    margin-bottom: 15px;
}

.contentHolder .contentOneColumn #contentOneColumnHolder #ContentBannerTop {
    margin-bottom: 20px;
    margin-top: 22px;
}

/* ---------------------------------
	End: User Content and Activities 
	---------------------------------- */
/* ----------------
    "Other" tab - BEGIN
    ---------------- */
/* Land Register */
.contentOneColumn #oneColumnTabContent .resultNoData .resultNoDataMessage {
    /*float: right;*/
    right: 16px;
    margin: -10px 37px;
    padding-top: 96px;
}

.contentOneColumn #oneColumnTabContent .resultNoData .contentNav {
    margin-top: -25px;
}

.contentOneColumn #oneColumnTabContent .resultNoData .resultNoDataMessage.no {
    padding-top: 125px;
    padding-bottom: 100px;
    height: 90px;
    vertical-align: middle;
}

.contentOneColumn #oneColumnTabContent .resultNoData .resultNoDataMessage.with-pregled-button p {
    margin-top: -40px;
    text-align: justify;
}

.contentOneColumn #oneColumnTabContent .resultNoData .resultNoDataMessage.with-pregled-button .buttonHolder {
    padding-top: 95px;
}
    
/*.contentOneColumn #oneColumnTabContent .resultNoData .resultNoDataMessage {
    padding: 130px 75px 0px 200px;
}*/

.contentOneColumn #oneColumnTabContent .resultNoData .resultNoDataMessage a {
    display: none;
    color: #4C68A6;
    text-decoration: none;
    font-size: 12px;
    padding: 0 15px 0 0;
    background: url(images/linkMoreArrow.png) right 4px no-repeat;
}

.contentOneColumn #oneColumnTabContent .resultNoData .resultNoDataMessage .buttonHolder {
     text-align: center;
}

.contentOneColumn #oneColumnTabContent .landRegister .availability {
    padding-left: 750px;
    margin-top: -2px;
    text-align: right;
}

/* ------------
    Other - END
    ------------- */

/*  Radar */


#RadarLoadAndKeywords h3 {
    margin-left: 20px;
    color: #4a68a6;
    font-size: 17px;
    font-weight: bold;
}

#RadarLoadAndKeywords th,
#RadarLoadAndKeywords td {
    text-align: left;
}

#RadarLoadAndKeywords form#KeywordCreateForm table td input {
    width: 95%;
}

#RadarEditWrapper a {
    background: url(images/svg/edit-company.svg) no-repeat;
    padding: 24px 24px 0px 0px;
    margin: -15px 5px 0px 0px;
    float: right;
}

#RadarEdit {
    display: grid;
    grid-template-areas:
        'above . . . . .'
        'list list list list list list'
        'below-left . . . . below-right';
    margin: 10px 20px 10px 20px;
    background-color: aliceblue;
    padding: 10px;
}

#KeywordEdit {
    display: grid;
    grid-template-areas:
        'above . . . . .'
        'list list list list list list';
    margin: 10px 20px 10px 20px;
    background-color: aliceblue;
    padding: 10px;
}

    #RadarEdit a.link-button,
    #KeywordEdit a.link-button {
        border: none;
        background: #4a68a6;
        color: #fff;
        padding: 6px 17px;
        text-decoration: none;
        text-align: center;
        margin: 4px 2px;
        cursor: pointer;
        font: 400 13.33333px Arial;
    }

    #RadarEdit a.link-button.above-table,
    #KeywordEdit a.link-button.above-table {
        grid-area: above;
    }

    #RadarEdit a.link-button.below-table-left {
        grid-area: below-left;
    }

    #RadarEdit a.link-button.below-table-right {
        grid-area: below-right;
    }

    #RadarEdit table,
    #KeywordEdit table {
        grid-area: list;
    }


/* General fixes */
#ezoic-pub-ad-placeholder-105 {
    display: inline-block;
}


/* Recapcha */

form .recaptcha {
    padding-left: 252px;
    padding-top: 97px;
}

/* The Modal (background) - for cookiecontent Component */
.modal {
    /*display: none;*/ /* Hidden by default */
    /*position: fixed;*/ /* Stay in place */
    /*z-index: 1; original */ /* Sit on top */
    /*z-index: 1000;
    padding-top: 100px;*/ /* Location of the box */
    /*left: 0;
    top: 0;
    width: 100%;*/ /* Full width */
    /*height: 100%;*/ /* Full height */
    /*overflow: auto;*/ /* Enable scroll if needed */
    /*background-color: rgb(0,0,0);*/ /* Fallback color */
    /*background-color: rgba(0,0,0,0.4);*/ /* Black w/ opacity */
}

form#searchFormEurope .cbox select#CofaceReportsVariant + input,
form#searchFormEurope .cbox select#CountriesCoface + input {
    /*width: inherit;*/
    width: 100%;
}

/* QR Code badge related*/

.qr-badge-download {
    margin-right: 12px;
    float: right;
    color: #777777;
}

    .qr-badge-download a {
        text-decoration: none;
    }

    .qr-badge-download span {
        float: initial;
        padding: 3px 6px;
        background-color: white;
        border: blue solid 1px;
        display: inline-block;
    }

        .qr-badge-download span.button {
            background-color: orange;
        }

            .qr-badge-download span.button a { 
                color: white; 
            }

        .qr-badge-download span input {
            border: none;
            height: initial;
        }

#badge-check-landing {
    padding: 5px 31px;
    font-size: 12px;
    color: #777777;
}

#descriptionHolder #badge-check-landing h1 {
     padding: 20px 0 10px 0px;
}

#descriptionHolder #badge-check-landing h2 {
    padding: 10px 0 10px 0px;
}

/* QR Code badge related END*/
.desktop-visible {
	display: inherit;
}

.mobile-visible {
	display: none !important;
}

*:focus {
    outline: none;
}

/* (rest of file unchanged; removed #tooltip rule block) */