/*portal top*/
body.userrole-authenticated #portal-top {
    margin-top: 61px;
}
#portal-top {
    background: #0065b7;
}

/*personal tools*/
#portal-personaltools-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 4;
}
body.userrole-authenticated #portal-personaltools {
    padding: 0;
    float: none;
    display: table;
    background: transparent;
    text-align: center;
    margin: 0 auto;
}
body.userrole-authenticated #portal-personaltools #anon-personalbar a {
    padding: 0.2em 0.6em;
    margin: 0;
}
dl.actionMenu dt a,
dl.actionMenu dd a,
dl.actionMenu dd div,
dl.actionMenu.deactivated dd div,
dl.actionMenu.activated dd div {
    margin: 0 0.25em;
}
dl.actionMenu.activated dt,
dl.actionMenu.deactivated dt,
dl.actionMenu.activated dd,
dl.actionMenu.deactivated dd {
    margin: 0;
}

body.userrole-authenticated #portal-personaltools-wrapper {
    position: absolute;
    top: -61px;
    width: 100%;
    background-color: #e4e4e4;
    border-top: 1px solid #ccc;
    padding-bottom: 1px;
    z-index: 2;
}
body.userrole-authenticated #portal-personaltools-wrapper:before {
    max-width: 500px;
    content: '';
    position: absolute;
    bottom: 0;
    height: 0px;
    right: 0;
    left: 0;
    margin: auto;
    border-top: 1px solid #ccc;
}

#portal-personaltools dd {
    display: table;
    background: none;
    float: left;
    padding: 6px 0;
    position: relative !important;
    min-width: auto;
}
#portal-personaltools dt {
    padding: 6px 0;
    float: left;
}
body.userrole-anonymous #portal-personaltools {
    background: rgba(0,0,0,0.8);
}
#portal-personaltools #anon-personalbar a {
    color: white !important;
}
#portal-personaltools dt.actionMenuHeader a {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px;
}
#portal-personaltools dt.actionMenuHeader a:after {
    content: '';
    display: none;
}

#portal-personaltools dd li {
    float: left;
    padding: 0 0 0 36px;
    display: block;
}
#portal-personaltools dt a:hover,
#portal-personaltools dd li a:hover {
    background: transparent;
    border-color: inherit;
}
#portal-personaltools dd li#personaltools-logout a,
#portal-personaltools dt a {
    font-weight: bold;
}
#portal-personaltools dt a,
#portal-personaltools dd li a {
    padding: 0;
    margin: 0;
    line-height: normal;
    border-bottom: 1px solid transparent;
}
/*personal tools END*/

/*support*/

#portal-support-wrapper {
    background-color: #e4e4e4;
    width: 100%;
    border-bottom: 1px solid #ccc;
    z-index: 2;
    position: absolute;
    top: -30px;
}
#portal-support {
    margin: 0 auto;
    display: table;
    padding: 6px 0;
}
#portal-support h5 {
    font-size: 80%;
    float: left;
    padding: 0;
    font-weight: bold;
}
#portal-support ul {
    float: left;
}
#portal-support li {
    float: left;
    display: block;
    padding-left: 4px;
}
#portal-support li a:hover {
    border-color: inherit;
}
#portal-support li a {
    font-size: 80%;
    display: block;
    border-bottom: 1px solid transparent;
}
/*support END*/

/*block viewlet portal top*/

/*general*/
.primeappblock.editable.state_visible {
    background-color: transparent;
    border: none;
}
.primeappblock.editable {
    background-color: transparent;
    border: none;
    padding: 0;
}
.primeappblock .title {
    display: none;
}
.primeappblock {
    position: relative;
}
.primeappblock a.edit {
    color: white !important;
}
.primeappblock a.edit {
    color: white;
    text-shadow: 0 0 4px black;
    margin-right: 0.5em;
}
.primeappblock a.edit:last-of-type {
    margin-right: 0;
}
.primeappblock .manage {
    position: absolute;
    width: 210px;
    font-size: 0;
}
/*general END*/

body.geography-enable #block-blockviewlet_portaltop {
    position: absolute;
    height: 50px;
    right: 50%;
    margin-right: -370px;
    width: auto;
}
#block-blockviewlet_portaltop {
    height: 59px;
    width: 100%;
    z-index: 3;
}
body.geography-enable #block-blockviewlet_portaltop .primeappblock {
    left: 0;
    margin: 0;
}
#block-blockviewlet_portaltop .primeappblock {
    height: 100%;
    display: table;
    width: auto;
    margin: 0 0 0 -488px;
    left: 50%;
}
body.geography-enable #block-blockviewlet_portaltop .manage {
    right: 0;
}
#block-blockviewlet_portaltop .manage {
    margin: 0;
    top: 0;
}
#block-blockviewlet_portaltop .content {
    display: table-cell;
    vertical-align: middle;
    color: white;
}
#block-blockviewlet_portaltop .content a,
#block-blockviewlet_portaltop .content a:hover {
    color: #fff !important;
}
/**/

/*portal header*/
#portal-header:before {
    background: transparent url("++resource++theme.municipal.template.images/logo-shadow.png") no-repeat scroll 0 0;
    content: "";
    height: 251px;
    left: 50%;
    margin-left: -606px;
    position: absolute;
    top: 0;
    width: 649px;
    display: none;
    z-index: 2;
}
#portal-header {
    background-color: white;
    background-position: center top;
    background-repeat: no-repeat;
    clear: both;
}
#portal-logo {
    border: medium none;
    display: block;
    float: left;
    left: 50%;
    margin: 12px 0 0 -487px;
    position: relative;
    vertical-align: top;
    z-index: 3;
}

/*block viewlet portalheader*/
#block-blockviewlet_portalheader {
    display: block;
    float: left;
    left: 50%;
    margin: 0 0 0 -286px;
    position: relative;
    text-align: left;
    top: 0;
    vertical-align: top;
    width: 500px;
    z-index: 2;
}
#block-blockviewlet_portalheader .content {
    color: #2e2e2e;
    margin: 2.8% 0 0;
}
#block-blockviewlet_portalheader .primeappblock .manage {
    margin-bottom: 0;
    position: absolute;
    right: 1%;
}
#block-blockviewlet_portalheader .editable .title {
    display: none;
}
#block-blockviewlet_portalheader .editable .content {
    margin: 0;
}
#block-blockviewlet_portalheader p {
    font-size: 105%;
    letter-spacing: 0;
    margin-bottom: 0.3%;
}
#block-blockviewlet_portalheader h2 {
    font-size: 155%;
    letter-spacing: 0.5px;
    line-height: 1.25em;
    margin-bottom: 0.1%;
}
#block-blockviewlet_portalheader .content a {
    border: medium none !important;
    color: #2e2e2e;
    text-decoration: none;
}
#block-blockviewlet_portalheader .content a:hover {
    color: #2e2e2e !important;
}
/*table to big municipals*/
#block-blockviewlet_portalheader table.invisible {
    height: 100%;
    width: 100%;
}
#block-blockviewlet_portalheader table.invisible td {
    padding: 0;
    width: 50%;
}
#block-blockviewlet_portalheader table.invisible td.logo_text {
    padding: 2.3% 0 0 11.4%;
    text-align: left;
    vertical-align: top;
}
#block-blockviewlet_portalheader table.invisible td.logo_text h2 {
    color: #444;
    font-size: 155%;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 1.08em;
    margin-bottom: 0.3em;
    padding: 0;
}
#block-blockviewlet_portalheader table.invisible td.logo_text p {
    font-size: 105%;
    letter-spacing: 0;
    margin-bottom: 0.2em;
}
#block-blockviewlet_portalheader table.invisible td.dop_text {
    line-height: 1.2em;
    padding-bottom: 2.2%;
    padding-right: 1%;
    text-align: right;
    vertical-align: bottom;
}
#block-blockviewlet_portalheader table.invisible td.dop_text p {
    color: white;
    display: inline;
    font-family: Times New Roman;
    font-size: 125%;
    font-style: italic;
    font-weight: bold;
    letter-spacing: -0.1px;
    margin: 0;
    padding: 0;
    text-shadow: 0 0 4.4px rgba(0, 0, 0, 1), 0 0 4.4px rgba(0, 0, 0, 1), 0 0 4.4px rgba(0, 0, 0, 1);
    width: 98%;
}
#block-blockviewlet_portalheader table.invisible td.dop_text p small {
    font-size: 80%;
    letter-spacing: -0.3px;
}
#block-blockviewlet_portalheader .content table.invisible .small {
    font-size: 68%;
    font-weight: normal;
    letter-spacing: 0;
    line-height: normal;
    margin-bottom: 0.3em;
}
#block-blockviewlet_portalheader .content table.invisible a {
    display: block;
    line-height: 1.07em;
    margin-bottom: 0.3em;
    color: #333;
}
/*table to big municipals*/
/**/

/*seacrh viewlet and portlet seacrh*/
#portal-searchbox {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cdcdcd;
    -o-border-radius:       5px;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    border-radius:          5px;
    color: #fff;
    display: block;
    float: left;
    height: 26px;
    right: 50%;
    margin: 1.9% -488px 0 1.9%;
    padding: 0;
    position: absolute;
    vertical-align: top;
    width: 235px;
}
#portal-searchbox .searchSection{
    display:none;
}
#portal-searchbox #searchGadget, #portal-searchbox .searchField {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #999;
    font-family: Tahoma;
    font-size: 105%;
    float: left;
    height: auto;
    margin: 1% 1% 0;
    padding: 1% 1% 0;
    width: 85%;
}
.LSBox .searchField::-webkit-input-placeholder   {
    color: #666;
}
.LSBox .searchField:-moz-placeholder             {
    color: #666;
}
.LSBox .searchField::-moz-placeholder            {
    color: #666;
}
.LSBox .searchField:-ms-input-placeholder        {
    color: #666;
}
.portletSearch input.searchButton {
    background: transparent url("++resource++theme.municipal.template.images/search/search-btn.png") no-repeat scroll center center;
}
#portal-searchbox input.searchButton {
    background: transparent url("++resource++theme.municipal.template.images/search/search-btn.png") no-repeat scroll center center;
    border: medium none;
    color: #000;
    cursor: pointer;
    display: block;
    float: right;
    height: 16px;
    margin-bottom: 0 !important;
    margin-top: 5px;
    position: relative;
    right: 0;
    text-indent: -9999px;
    width: 10%;
}
#portal-searchbox .LSBox input.searchButton {
    border-left: 1px solid #cdcdcd;
}



#LSResult {
    margin: 2.1em 0 0 0;
    /*display: block !important;*/
    background: none;
}
#livesearchLegend {
    display: none;
}
#LSResult fieldset {
    background: white;
    position: relative;
    z-index: 1;
    margin: 0; 
    border-radius: 5px;
    padding: 0;
}
.LSIEFix {
    width: 235px;
}
.LSResult fieldset #LSNothingFound {
    color: #777;
}

.LSResult fieldset a {
    color: #666;
    border-bottom: none;
}


/**/

/*menu*/
#portal-globalnav {
    background: #0065b7 none repeat scroll 0 0;
    border-top: 2px solid #cdcdcd;
    display: table;
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}
#portal-globalnav ul.level-root {
    display: table;
    height: inherit;
    margin: 0 auto;
    width: 1000px;
}
#portal-globalnav ul li.level-root:hover, #portal-globalnav ul li.level-root.selected {
    background-color: #00477c;
    background-image: none;
}
#portal-globalnav li.prev-no-bg, #portal-globalnav li.hide-border {
    background-image: none !important;
}
#portal-globalnav li {
    background-color: transparent;
    background-image: url("++resource++theme.municipal.template.images/mhr.gif");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    display: table-cell;
    float: none;
    height: inherit;
    padding: 0;
    position: relative;
}
#portal-globalnav li.node-last { background: transparent none repeat scroll 0 0; }
#portal-globalnav li div.level-root {
    display: block;
    height: inherit;
    position: relative;
    width: inherit;
}
#portal-globalnav ul li.selected a,
#portal-globalnav ul li.selected a:hover,
#portal-globalnav ul li a:hover {
    background: transparent none repeat scroll 0 0;
    color: #fff !important;
}
#portal-globalnav li a {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    display: block;
    font-size: 125%;
    line-height: 2.4em;
    min-width: inherit;
    padding: 0 1em;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    vertical-align: middle;
    width: auto;
}

/*level2*/
#portal-globalnav li.level-root.node-last ul, #portal-globalnav li:nth-last-child(2) ul {
    left: inherit;
    right: 0;
}
html.no-rgba #portal-globalnav li ul {
    background-image: url("++resource++theme.municipal.template.images/ie8/gray90.png");
    background-repeat: repeat;
}
#portal-globalnav li ul {
    background: rgba(0, 71, 124, 0.9) none repeat scroll 0 0;
    display: none;
    left: 0;
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0.4em 0 1.5em 0;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 412px;
}
#portal-globalnav ul.level-sub li {
    background: transparent url("++resource++theme.municipal.template.images/arr-white.png") no-repeat scroll -10px 17px;
    display: block;
    float: none;
    height: auto;
    margin: 0;
    padding: 0 8.5% 0 9.6%;
    text-align: left;
    width: auto;
}
#portal-globalnav ul.level-sub li.selected,
#portal-globalnav ul.level-sub li:hover {
    background-position: 19px 17px;
}
html.no-rgba #portal-globalnav li ul.level-sub li div.level-sub {
    background-image: url("++resource++theme.municipal.template.images/ie8/white53.png");
    background-repeat: repeat-x;
    background-position: left bottom;
}
html.no-rgba #portal-globalnav li ul.level-sub li.node-last div.level-sub {
    background-image: none;
}
#portal-globalnav li ul.level-sub li div.level-sub {
    border-bottom: 1px solid rgba(255, 255, 255, 0.53);
}
#portal-globalnav li ul.level-sub li.node-last div.level-sub {
    border-bottom: medium none;
}
#portal-globalnav li ul.level-sub li a {
    background: transparent none repeat scroll 0 0;
    border-bottom: none;
    color: #fff;
    display: block;
    font-size: 115%;
    height: auto;
    line-height: 1.5em;
    margin: 0;
    padding: 0.7em 1em 0.7em 0;
    text-align: left;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    width: auto;
}
#portal-globalnav ul.level-sub li.node-first.node-last div.level-sub {
    border: none;
}
#portal-globalnav li ul.level-sub li:hover a, #portal-globalnav li ul.level-sub li.selected a {
    padding: 0.7em 0 0.7em 1em;
}
#portal-globalnav li ul.level-sub li.node-last a {
    border-bottom: medium none;
}
#portal-globalnav ul.globalSectionsLevel1 li.selected a,
#portal-globalnav ul.globalSectionsLevel1 li.plain:hover a,
#portal-globalnav li ul.globalSectionsLevel1 li:hover ul.globalSectionsLevel2 li:hover a,
#portal-globalnav li.selected ul.globalSectionsLevel1 li.selected a,
#portal-globalnav li.selected ul.globalSectionsLevel1 li.selected:hover a,
#portal-globalnav li.selected ul.globalSectionsLevel1 li.selected ul.globalSectionsLevel2 li.selected a,
#portal-globalnav li.selected ul.globalSectionsLevel1 li.selected ul.globalSectionsLevel2 li:hover a {
    color: #0b376d !important;
    background: transparent url(++resource++theme.municipal.template.images/arr-white.png) no-repeat 19px 17px;
}
.header-feedback-wrap {
    position: absolute;
    top: 85px;
    right: 50%;
    margin-right: -488px;
}
.header-feedback-wrap a {
    color: #1988dc !important;
    font-size: 90%;
}

#portal-colortools-wrapper {
    position: fixed;
    top: 0;
    left: 1%;
    float: left;
    background: #e3e3e3;
    z-index: 3;
    padding: 0.25em 0.5em;
    font-size: 80%;
    border-bottom-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    -moz-border-radius-bottomleft: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
    cursor: pointer;
}
dl.colorMenu {
    float: right;
    white-space: nowrap;
    position: relative;
    margin-left: 0.5em;
}
#portal-colortools dt {font-weight: bold; color: #0065b7; margin-bottom: 0.2em;}
dl.colorMenu dt {margin: 0 0.25em;}
#portal-colortools dd {background: #e3e3e3; padding-bottom: 0.5em;}
dl.colorMenu dd {display: none;}
#portal-colortools dd li {line-height: 2em; padding: 0.2em 0.75em; display: list-item;}
#portal-colortools dd li:hover {background-color: #0065b7; color: #fff;}
dl.colorMenu.activated dd {display: block;}

/*slider*/
#top-slider, #top-image {
    position: absolute;
    top: 0px;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 251px;
    overflow: hidden;
}
#top-slider .preload, #top-image .preload {
    background-color: #f6f6f6;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4001;
}
#top-slider .preload img, #top-image .preload img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
@media all and (min-width: 1920px) {
    #top-slider .slider-item, #top-image .random-image {
        -o-background-size:     100% 251px !important;
        -moz-background-size:   100% 251px !important;
        -webkitbackground-size: 100% 251px !important;
        background-size:        100% 251px !important;
    }
}
#top-slider .slider-item, #top-image .random-image {
    height: 251px;
    background-repeat: no-repeat;
    background-position: top center;
}
/*slider END*/
/**/
/**/
/**/