/* ---------------------------Import common CMS styles--------------------------- */
@import url(/web/20240718192558cs_/http://pkstadtaarau.ch/App_Themes/admin/Common.css);
@import url(/web/20240718192558cs_/http://pkstadtaarau.ch/App_Themes/skeleton.css);
@import url(/web/20240718192558cs_/http://pkstadtaarau.ch/App_Themes/superfish.css);
@import url(/web/20240718192558cs_/http://pkstadtaarau.ch/App_Themes/forms.css);
/* ---------------------------Site layout styles begin--------------------------- */
/* Site specific css definitions */

html, body {
    height: 100%;
}
/*Modified By : Abhishek ; Modified On : 23/10/2017 ; Version : 1.0.0.0 ; Purpose: To set the font style.*/
body {
    background: url(http://pkstadtaarau.ch/img/body-tail.gif) top center repeat-x #f3f3f3;
    font: 16px/24px Arial, Helvetica, sans-serif;
    color: #7d7d7d;
    position: relative;
    min-width: 320px;
    margin: 0;
    padding: 0;
}

::selection {
    background-color: #0594da;
}

::-moz-selection {
    background-color: #890208;
}

::-webkit-selection {
    background-color: #890208;
}


img {
    border: 0;
}

a {
    color: #0594da;
}

    a:visited, a:hover {
        color: #3c3c3c;
    }

#global {
    background-color: #fff;
    margin: 0;
    font-size: 1.0em;
}

#site-header {
    margin: 0;
    background-color: #eee;
}

#meta-navigation {
    text-align: right;
    padding: 6px 6px 0 10px;
    height: 24px;
    background: #000 url(http://pkstadtaarau.ch/img/meta-navigation-bg.png) repeat-x;
    margin-bottom: 20px;
}

    #meta-navigation a {
        color: #b8ce83;
    }

#breadcrumb {
    float: left;
}

#logo {
    padding: 0 27px 0 33px;
    text-align: left;
    float: left;
    position: relative;
    top: -8px;
}

/* #region Search text box css and auto complete result css */
.search-box-container input {
    vertical-align: middle;
}

    .search-box-container input[type=text] {
        width: 147px;
    }

.search-box-text {
    background-color: #fff;
    border: 1px solid #ccc;
    height: 14px;
}

.autocomplete_completionListElement {
    background-color: inherit;
    border: 1px solid buttonshadow;
    height: auto;
    list-style-type: none;
    margin: 0 !important;
    overflow: auto;
    text-align: left;
    font-size: 12px !important;
    width: 147px !important;
    padding-left: 0px !important;
}

.autocomplete_highlightedListItem {
    background-color: window;
    color: black;
    padding: 1px !important;
    padding-left: 0px !important;
    width: 146px !important;
    margin: 0 !important;
    cursor: hand;
    cursor: pointer;
}

.autocomplete_listItem {
    background-color: window;
    color: Black;
    padding: 1px !important;
    padding-left: 0px !important;
    width: 146px !important;
    margin: 0 !important;
}

/* #endregion Search text box css and auto complete result css START*/

/* #region Navigation styles*/

#navigation-bar {
    height: 33px;
    background-color: transparent;
}

    #navigation-bar ul {
        list-style-type: none;
        margin: 0;
        padding: 5px 5px 0 2px;
        float: left;
    }

        #navigation-bar ul li {
            float: left;
            display: inline; /*For ignore double margin in IE6*/
            margin: 0 8px 0 8px;
            height: 28px;
        }

            #navigation-bar ul li a {
                text-decoration: none;
                float: left;
                color: #999;
                cursor: pointer;
                display: block;
                color: #888;
                background: url(http://pkstadtaarau.ch/img/navigation_bg_red.gif) no-repeat top right;
                height: 28px;
                font-weight: bold;
            }

                #navigation-bar ul li a span {
                    line-height: 30px;
                    height: 28px;
                    margin: 0 10px 0 -10px;
                    padding-right: 8px;
                    padding-left: 18px;
                    position: relative; /*To fix IE6 problem (not displaying)*/
                    float: left;
                    background: url(http://pkstadtaarau.ch/img/navigation_bg_red.gif) no-repeat top left;
                }

                /*Selected node style*/

                #navigation-bar ul li a.selected {
                    color: #000;
                    background: url(http://pkstadtaarau.ch/img/navigation_bg_silver.gif) no-repeat top right;
                }

                    #navigation-bar ul li a.selected span {
                        background: url(http://pkstadtaarau.ch/img/navigation_bg_silver.gif) no-repeat top left;
                    }

.top-image-navigation {
    background-image: url(http://pkstadtaarau.ch/img/teaser-top.png);
    color: White;
    width: 208px;
    background-repeat: no-repeat;
    height: 25px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.navigation-header {
    padding: 5px 0 0 14px;
    overflow: hidden;
    font-weight: bold;
}

.navigation-body {
    width: 208px;
    padding: 0 0 14px 0;
    margin: 0 0 20px 0;
    overflow: hidden;
    background: transparent url(http://pkstadtaarau.ch/img/teaser-bottom.png) no-repeat;
    background-position: bottom;
}

.navigation-inner-div {
    width: 182px;
    padding: 5px 12px 0 12px;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    overflow: hidden;
}

#navigation {
    float: left;
    width: 189px;
    padding: 0 0 0 15px;
    margin-bottom: 10px;
}

    #navigation a {
        text-decoration: none;
    }

        #navigation a:hover {
            text-decoration: underline;
        }

    /*Navigation control css start */
    #navigation ul {
        list-style-type: none;
        margin: 0;
        padding: 1px 25px 0 10px;
    }

    #navigation > ul {
        margin: 20px 0 0 0;
    }
    /* Level 1 */
    #navigation li {
        padding-bottom: 10px;
    }

    #navigation ul a {
        background: url(http://pkstadtaarau.ch/img/navigation-arrow-collapsed.png) no-repeat left 8px;
        font-size: 16px;
        color: #141414;
        font-weight: bold;
        padding-left: 13px;
        top: 3px;
        position: relative;
        display: inline-block;
    }
    /* Remove the border bottom of last li*/
    #navigation li:first-child {
        border-top: none !important;
    }

    #navigation ul li a.selected {
        color: #274D7E;
        background: url(http://pkstadtaarau.ch/img/navigation-arrow-expanded.png) no-repeat left 7px !important;
    }

    #navigation ul li a.selectedNoChild {
        color: #274D7E;
    }
    /*Level 2 */
    #navigation ul li li {
        padding-bottom: 6px;
        font-weight: normal;
        background: none;
        border-top: none;
        padding-left: 0;
        left: -1px;
        position: relative;
    }

        #navigation ul li li:first-child {
            padding-top: 6px;
        }

        #navigation ul li li:last-child {
            padding-bottom: 4px;
        }

        #navigation ul li li a {
            background: none;
            padding-left: 0px;
            left: 5px;
            position: relative;
            font-weight: normal;
        }

            #navigation ul li li a.selected {
                font-weight: normal;
                background: none !important;
            }

.user-data {
    margin-top: 61px;
    padding-left: 11px;
}

/* #endregion navigation */

#site {
    min-height: 400px;
    margin-top: 20px;
    z-index: 1001;
}

#teaser {
    float: right;
    width: 208px;
    height: 100%;
    padding: 0 0 0 12px;
    margin: 0 34px 0 0;
    _margin: 0 17px 0 0; /* Set the right margin for IE 6*/
    background-color: transparent;
    overflow: hidden;
}

.site-footer {
    margin: 0;
    height: 30px;
    background: #000 url(http://pkstadtaarau.ch/img/site-footer-bg.png) repeat-x;
}

/* #region content styles */

.container-div {
    padding: 0;
    margin: 0;
}

.container-div-inner {
    overflow: hidden;
    width: 100%;
}

.containerGrayBox {
    padding: 0 80px 10px 20px;
    background-color: #f5f5f5;
    margin: 0;
}

    .container-div h1, .containerGrayBox h1 {
        font-size: 1.75em;
        margin: 1px 0 10px 0;
        color: #000;
    }

    .container-div h2, .containerGrayBox h2 {
        font-size: 1.3em;
        margin: 1px 0 10px 0;
        color: #000;
    }

/* ----------------- Teaser style ---------------------------- */
.top-image-teaser {
    background-image: url(http://pkstadtaarau.ch/img/teaser-top.png);
    color: White;
    width: 208px;
    background-repeat: no-repeat;
    height: 25px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.teaser-header {
    padding: 5px 0 0 14px;
    overflow: hidden;
    font-weight: bold;
}

.teaser-body {
    width: 208px;
    padding: 0 0 8px 0;
    margin: 0 0 20px 0;
    overflow: hidden;
    background: transparent url(http://pkstadtaarau.ch/img/teaser-bottom.png) no-repeat;
    background-position: bottom;
}

.teaser-inner-div {
    width: 182px;
    padding: 5px 12px 0 12px;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    overflow: hidden;
}

p.teaser-inner-div {
    padding: 0 10px 0 0;
}

#sitemap ul {
    list-style-image: url(http://pkstadtaarau.ch/img/list.gif);
    padding-left: 20px;
}

#sitemap li {
}

/*Modified By : Abhishek ; Modified On : 23/10/2017 ; Version : 1.0.0.0 ; Purpose: To set CSS for the teaser.*/
#teaserbodyDiv ul li {
    font: 16px/24px Arial, Helvetica, sans-serif;
    background: url(http://pkstadtaarau.ch/img/marker-1.gif) 0 8px no-repeat;
    padding-left: 18px;
    margin-bottom: 5px;
}

    #teaserbodyDiv ul li span {
        background-color: Transparent !important;
    }

#teaserbodyDiv ul a {
    text-decoration: none;
    color: #0594da;
}

    #teaserbodyDiv ul a:hover {
        text-decoration: none;
        color: #3c3c3c;
    }

.teaserbodyData p, .teaserbodyData div {
    margin-bottom: 20px;
}

#teaserbodyDiv a {
    text-decoration: none;
    color: #2e77b8 !important;
}

    #teaserbodyDiv a:hover {
        text-decoration: none;
        color: #414141 !important;
    }

.block1-absolute {
    position: absolute;
    top: 10px;
    left: 15px;
}

.block1-relative {
    position: relative;
    padding-top: 0px !important;
}

/* ----------------- End Teaser style ---------------------------- */

/*Modified By : Abhishek ; Modified On : 23/10/2017 ; Version : 1.0.0.0 ; Purpose: To set the font style.*/
.TextNormalBlue {
    font: normal 16px/24px Arial, Helvetica, sans-serif;
    color: #2e77b8;
}

    .TextNormalBlue a {
        color: #2e77b8;
        text-decoration: none;
    }

        .TextNormalBlue a:hover {
            text-decoration: none;
            color: #414141;
        }

/* #endregion content styles */
#contact-form .p7 .contactHeading {
    font: 30px/26px Arial, Helvetica, sans-serif;
}

#contact-form .button {
    font: 12px/15px Arial, Helvetica, sans-serif;
}

.TextBlueBold {
    font-weight: bold;
    color: #036;
    text-decoration: none;
}

.TextBlueUnderline {
    color: #036;
    text-decoration: underline;
}

a.TextBlueBold:hover {
    text-decoration: underline;
}
/* #region button styles */

a.button125 {
    border: none;
    display: block;
    width: 125px;
    height: 30px;
    background-color: transparent;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-125.png);
    background-repeat: no-repeat;
    color: White;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    margin: 0px 19px 22px 0px;
    cursor: pointer;
    cursor: hand;
}

input.button125 {
    border: none;
    display: block;
    width: 125px;
    height: 30px;
    background-color: transparent;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-125.png);
    background-repeat: no-repeat;
    color: White;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    margin: 0px 19px 22px 0px;
    cursor: pointer;
    cursor: hand;
}

.button442:hover {
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-silver-125.png);
    color: #3a3a3a;
}
/*Added by Sagar: Responsible to set the gap between two buttons having width:19px and height:22px */
.itemStyleButton125 {
    width: 125px;
}

a.button442 {
    border: none;
    display: block;
    width: 442px;
    height: 32px;
    background-color: transparent;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-442.png);
    background-repeat: no-repeat;
    color: White;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
    font-size: 13px;
    margin: 0px 19px 22px 0px;
    cursor: pointer;
    cursor: hand;
    padding-left: 14px;
}

input.button442 {
    border: none;
    display: block;
    width: 442px;
    height: 38px;
    background-color: transparent;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-442.png);
    background-repeat: no-repeat;
    color: White;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
    font-size: 13px;
    margin: 0px 19px 22px 0px;
    cursor: pointer;
    cursor: hand;
    padding-left: 14px;
}

.button442:hover {
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-silver-442.png);
    color: #3a3a3a;
}
/*Added by Sagar: Responsible to set the gap between two buttons having width:19px and height:22px */
.itemStyleButton442 {
    width: 442px;
}

a.button40, a.button120, a.button200, input.button40, input.button120, input.button200, a.button200r, a.button200rTopMargin, input.button200r, input.button200rTopMargin {
    border: none;
    display: block;
    width: 40px;
    height: 32px;
    background-color: transparent;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-40.png);
    background-repeat: no-repeat;
    color: White;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    margin-bottom: 22px;
    padding-top: 6px;
    cursor: pointer;
    cursor: hand;
}

input.button40 {
    height: 38px;
    padding-top: 0;
}

.button40:hover {
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-silver-40.png);
    color: #3a3a3a;
}

a.button120 {
    width: 120px;
    background-image: url(http://pkstadtaarau.ch/img/button_120.png);
}

input.button120 {
    width: 120px;
    height: 38px;
    background-image: url(http://pkstadtaarau.ch/img/button_120.png);
    padding-top: 0;
}

a.button200 {
    width: 200px;
    background-image: url(http://pkstadtaarau.ch/img/button_200.png);
}

input.button200 {
    width: 200px;
    height: 38px;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-200.png);
    padding-top: 0;
}

a.button200r, a.button200rTopMargin {
    width: 200px;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-200.png);
}

a.button200rTopMargin {
    position: relative;
    margin-top: -53px;
}

input.button200r, input.button200rTopMargin {
    width: 150px;
    height: 20px;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-200.png);
    padding-top: 0;
}

input.button200rTopMargin {
    position: relative;
    margin-top: -53px;
}

    .button200:hover, input.button200r:hover, input.button200rTopMargin:hover {
        background-image: url(http://pkstadtaarau.ch/img/Integrity-button-silver-200.png);
        color: #3a3a3a;
    }


/* #endregion button styles */

/* #region textbox and form styles */


/* --- START: GRAY textbox border css --- */
input.grayBox, input.grayBox300, input.grayBox214, input.grayBox80, input.grayBox50, select.grayBox362, select.grayBox306, select.grayBox214 {
    width: 360px;
    width: 358px \0/; /* For IE 8 and IE 9*/
    width: 358px \9; /* For IE 7 and IE 8*/
    height: 24px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    padding-top: 5px;
}

input.grayBox300 {
    width: 300px;
}

input.grayBox214 {
    width: 214px;
    margin: 0;
}

input.grayBox80 {
    width: 80px;
    margin: 0 2px 0 2px;
}

input.grayBox50 {
    width: 50px;
    margin: 0 2px 0 2px;
}

select.grayBox362 {
    width: 362px !important;
    border: 1px solid #e5e5e5;
    height: 30px;
    font-size: 14px;
}

select.grayBox306 {
    width: 306px;
    height: 29px;
}

select.grayBox214 {
    width: 214px;
    border: 1px solid #e5e5e5;
    height: 30px;
    font-size: 14px;
}

/* --- START: BLUE textbox border css --- */
input.blueBox, input.blueBox300, input.blueBox214, input.blueBox80, input.blueBox50, select.blueBox359, select.blueBox306, select.blueBox214 {
    width: 360px;
    width: 358px \0/; /* For IE 8 and IE 9*/
    width: 358px \9; /* For IE 7 and IE 8*/
    height: 24px;
    border: 1px solid #064481;
    font-size: 14px;
    padding-top: 5px;
}

input.blueBox300 {
    width: 300px;
    margin: 0 2px 0 2px;
}

input.blueBox214 {
    width: 214px;
}

input.blueBox80 {
    width: 80px;
    margin: 0 2px 0 2px;
}

input.blueBox50 {
    width: 50px;
    margin: 0 2px 0 2px;
}

select.blueBox359 {
    width: 359px !important;
    border: 1px solid #e5e5e5;
    height: 30px;
    font-size: 14px;
}

select.blueBox306 {
    width: 306px;
    height: 29px;
}

select.blueBox214 {
    width: 214px;
    border: 1px solid #e5e5e5;
    height: 30px;
    font-size: 14px;
}
/* --- END: BLUE textbox border css --- */
/* --- START: RED textbox border css --- */
input.redBox {
    width: 360px;
    border: 1px solid #f3340e;
    height: 24px;
    font-size: 14px;
    padding-top: 5px;
    margin: 0;
}

/* #endregion textbox and form styles */

.areaDefault, .grayArea, .blueArea, .redArea {
    width: 470px;
    width: 468px \0/; /* For IE 8 and IE 9*/
    width: 468px \9; /* For IE 7 and IE 8*/
    height: 110px !important;
    font-family: Calibri;
    font-size: 14px;
    padding: 0 !important; /* for Width increase in each browser */
    margin: 0 !important; /* for Width increase in each browser */
}
/*Text Area*/
.grayArea {
    border: 1px solid #e5e5e5;
}

.blueArea {
    border: 1px solid #064481;
}

.redArea {
    border: 2px solid #f3340e;
}

/* ---- START: jQuery soting for Incident List form related css  ---- */
.incidentList {
    font-size: 0.85em;
}

.incidentListHeader {
    font-weight: normal;
    color: #00f;
    text-decoration: underline;
    cursor: pointer;
    cursor: hand;
}

.incidentList th a {
    font-weight: normal;
    color: #00f;
}

.incidentList td {
    border-top: 1px solid #ccc;
}
/* ---- END: jQuery soting for Incident List form related css  ---- */

/* ---- START: jQuery soting for Client User List form related css  ---- */
.gridList {
    font-size: 14px;
}

.gridListHeader {
    color: #00f;
    text-decoration: underline;
    cursor: pointer;
    cursor: hand;
}

.gridList th a {
    color: #00f;
}

.gridList td {
    border-top: 0px solid #ccc;
}

.gridListEmptyDataRow {
    background-color: Transparent;
    color: Red;
    font-weight: bold;
}
/* ---- END: jQuery soting for Client User List form related css  ---- */
td.statusOk {
    background-color: #0bf48f;
}

td.statusOpen {
    background-color: #feb31a;
}

td.statusDelayed {
    background-color: #F40B32;
}

.FormText {
    font-size: 14px;
}

a.FormText {
    color: #3A3A3A !important;
}

.FormTextBold {
    font-size: 22px;
    font-weight: bold;
    text-align: left;
}

.FormTextSmall {
    font-size: 10px;
}

.FormValidation {
    font-size: 14px;
    color: #f3340e;
}

a.FormLink {
    font-size: 14px;
    color: #00f;
    text-decoration: underline;
}
/* ---------------------------Site layout styles end--------------------------- */

.client-button {
    text-align: center;
    color: #fff;
    padding: 2px 10px 2px 10px;
    zoom: 1;
    font-size: 12px;
    background: rgb(154,0,0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(154,0,0,1) 0%, rgba(134,0,0,1) 50%, rgba(118,0,0,1) 51%, rgba(142,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,0,0,1)), color-stop(50%,rgba(134,0,0,1)), color-stop(51%,rgba(118,0,0,1)), color-stop(100%,rgba(142,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(148,0,0,1) 0%,rgba(134,0,0,1) 50%,rgba(118,0,0,1) 51%,rgba(142,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(148,0,0,1) 0%,rgba(134,0,0,1) 50%,rgba(118,0,0,1) 51%,rgba(142,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(148,0,0,1) 0%,rgba(134,0,0,1) 50%,rgba(118,0,0,1) 51%,rgba(142,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(148,0,0,1) 0%,rgba(134,0,0,1) 50%,rgba(118,0,0,1) 51%,rgba(142,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#940000', endColorstr='#8E0000',GradientType=0 ); /* IE6-9 */
    border: 1px solid #440000;
}

/* ---------------------------Site text styles begin--------------------------- */
/* Text styles for use with smart text editor and user controls */
.TextNormal {
    font: normal 16px/24px Arial, Helvetica, sans-serif;
}

.TextNormalBold {
    font: bold 16px/24px Arial, Helvetica, sans-serif;
}

.cms-dialog-popup > .TextNormal {
    font: normal 12px/18px Arial, Helvetica, sans-serif;
}

.cms-dialog-popup .TextNormalBold {
    font: bold 12px/18px Arial, Helvetica, sans-serif;
}

.TextNormalRed {
    font: normal 16px/24px Arial, Helvetica, sans-serif;
    color: #f00;
}

.TextNormalSmall {
    font-style: normal;
    font-weight: normal;
    font-size: 0.8em;
    /*font: normal normal 0.8em Calibri, Arial, Sans-Serif;*/
}

.TextNormalSmallRed {
    font-style: normal;
    font-weight: normal;
    font-size: 0.8em;
    /*font: normal normal 0.8em Calibri, Arial, Sans-Serif;*/
    color: #f00;
}

.external-link {
    background-image: url(http://pkstadtaarau.ch/img/ext_link.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 14px;
}

.contact-label {
    float: left;
}

.contact-value {
    margin-left: 50px;
}

.vcard {
}

    .vcard .n {
        display: none;
    }

    .vcard .fn {
        font-weight: bold;
        display: block;
    }

    .vcard .type {
        display: none;
    }

a.vcard-link {
    display: block;
    padding: 2px 0 4px 28px;
    background-image: url(http://pkstadtaarau.ch/img/ls/vcard.png);
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

/* ---------------------------Site text stlyes end--------------------------- */

/* ---------------------------Image position start -------------------------- */
.align-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

.align-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
/* ---------------------------Image position end -------------------------- */

/* #region grid views */

.gridHeader {
    background-color: #ccc;
}

    .gridHeader th {
        font-size: 14px;
        color: #000;
        font-weight: bold;
        text-align: left;
    }

.gridRow {
    background-color: #F7F6F3;
    color: #333333;
}

.gridAlternatingRow {
    background-color: #fff;
    color: #284775;
}

.gridEditRow {
    background-color: #999999;
}

.gridSelectedRow {
    background-color: #e2ded6;
    color: #333333;
    font-weight: bold;
}

.gridEmptyDataRow {
    background-color: #9ac1e6;
    color: #f00;
    font-weight: bold;
}

.gridFooter {
    background-color: #5d7b9d;
    color: #fff;
    font-weight: bold;
}

.gridPager td {
    color: #fff;
    background-color: #ccc;
    font-weight: bold;
    text-align: right;
}

.gridPager a {
    color: #19598f;
    font-weight: bold;
    text-decoration: underline;
    text-align: right;
    float: right;
    width: 100%;
}

/* #endregion grid views */

/* #region action log details */

.TextNormalBold14Blue {
    font: bold 16px/24px Arial, Helvetica, sans-serif;
    color: rgb(34, 0, 132);
}

/*Modified By : Abhishek ; Modified On : 23/10/2017 ; Version : 1.0.0.0 ; Purpose: To set the font style.*/
.TextNormalBold14Black {
    font: normal 16px/24px Arial, Helvetica, sans-serif;
    color: #3a3a3a;
}

/* #endregion action log details */

/* #region START:Modal Popup CSS for showing the description of incident type */
.modalBackgroundDescription {
    background-color: Gray;
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.modalPopupDescription {
    width: 500px;
    padding: 8px 10px 10px 9px;
    border: solid 1px Black;
    background-color: White;
    color: #000000;
}

.modalPopupButton {
    color: White;
    background: none;
    font-weight: bold;
    font-size: small;
    border: solid 1px #FFFFFF;
    cursor: pointer;
    cursor: pointer;
}

.modalPopupTitleDescription {
    color: #FFFFFF;
    font-weight: bold; /*border:solid 2px Yellow;*/
    font-size: 16px;
}
/* #endregion START:Modal Popup CSS for showing the description of incident type */

.date {
    padding: 0;
}
/*-------Start: File link css-----*/
.hypFileLink, .hypFileLink:hover {
    color: #286ea0;
    text-decoration: none;
}

    .hypFileLink:hover {
        text-decoration: underline;
    }
/*-------End: File link css-----*/

a.button220 {
    border: none;
    display: block;
    width: 220px;
    height: 31px;
    background-color: transparent;
    background-image: url(http://pkstadtaarau.ch/img/button_220.png);
    background-repeat: no-repeat;
    color: White;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    font-size: 13px;
    padding-top: 6px;
    cursor: pointer;
}

input.button220 {
    border: none;
    display: block;
    width: 220px;
    height: 37px;
    background-color: transparent;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-220.png);
    background-repeat: no-repeat;
    color: White;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    font-size: 13px;
    padding-top: 0;
    cursor: pointer;
}

.button220:hover {
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-silver-220.png);
    color: #3a3a3a;
}

a.button250 {
    border: none;
    display: block;
    width: 250px;
    height: 31px;
    background-color: transparent;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-250.png);
    background-repeat: no-repeat;
    font-weight: bold;
    color: White;
    text-decoration: none;
    text-align: center;
    font-size: 13px;
    padding-top: 6px;
    cursor: pointer;
}

input.button250 {
    border: none;
    display: block;
    width: 250px;
    height: 37px;
    background-color: transparent;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-250.png);
    background-repeat: no-repeat;
    font-weight: bold;
    text-decoration: none;
    color: White;
    text-align: center;
    font-size: 13px;
    padding-top: 0;
    cursor: pointer;
}

.button250:hover {
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-silver-250.png);
    color: #3a3a3a;
}

.FormText {
    min-height: 25px;
    width: 360px;
}

/*Modified by : Rutuja , Date : 02-08-2018, Purpose : Changed the width of .col1 from 80px to 155px to display label in one line */
.col1 {
    width: 155px;
}

.col2 {
    width: 360px;
}

.col3 {
    width: 360px;
}

.buttonNavigationTemplate {
    display: block;
    float: left;
    padding-top: 1px;
}

x5 {
    margin-top: 5px;
}
/* Rutuja; 2018/08/10; Removed  the padding  and border*/
.login {
    width: 100%;
}

.logout {
    width: 140px;
    display: block;
    background: url(http://pkstadtaarau.ch/img/navigation-arrow-collapsed.png) no-repeat left 10px;
    margin: 0 0 0 10px;
    padding: 3px 0 0 13px;
    font-weight: bold;
    font-size: 16px;
    color: #141414 !important;
    top: 3px;
    position: relative;
    border-top: dotted 1px #BBBBBB;
}

    .logout:hover {
        color: #141414;
    }

.form-label {
    float: left;
}
/* Rutuja; 2018/08/06; changes the value of margin left to display textbox properly in case of reset password */
.form-field {
    margin-left: 160px;
    margin-bottom: 10px;
}

h1.ls-header {
    color: Black;
    font-style: italic;
    margin-bottom: 16px;
}

h2.ls-header {
    color: Navy;
    text-decoration: underline;
    margin-bottom: 16px;
}

.ls-section {
    margin-bottom: 16px;
}
/* ====================== New Css Starts ====================================*/

/*********************************header*************************************/
header {
    width: 100%;
    padding: 27px 0 8px;
}

    header .indent-bottom {
        padding-bottom: 19px;
    }

h1 {
    float: left;
    padding-top: 1px;
    padding-left: 4px;
}

.headerImage h1 a {
    display: block;
    width: 350px;
    height: 71px;
    overflow: hidden;
    text-indent: -999em;
    white-space: nowrap;
    background: url(http://pkstadtaarau.ch/img/logo.png) 0 0 no-repeat;
    text-decoration: none;
}

    .headerImage h1 a:hover {
        text-decoration: none;
    }

.secondary-menu {
    float: right;
    overflow: hidden;
}

    .secondary-menu li {
        float: left;
        font: 12px/20px Arial, Helvetica, sans-serif;
        color: #303030;
        text-shadow: 1px 1px 0px #f5f5f5;
        padding: 2px 15px 0;
        background: url(http://pkstadtaarau.ch/img/secondary-menu-separator.gif) right center no-repeat;
        overflow: hidden;
    }

        .secondary-menu li:first-child {
            padding-left: 0;
        }

        .secondary-menu li.last-item {
            padding-right: 0;
            background: none;
        }

    .secondary-menu a {
        color: #9f9f9f;
        text-decoration: none;
    }

        .secondary-menu a:hover {
            text-decoration: none;
            color: #303030;
        }

    .secondary-menu span {
        display: inline-block;
        margin-right: 13px;
        float: left;
    }
/********************************* Content **********************************/
#content {
    width: 100%;
    /*border-bottom: 8px solid #e8e8e8;*/
    /*padding-bottom: 47px;*/
}

    /* Pankaj; 2018/04/12; v1.1.0.0; Overwrite the editor proxy css for bold and italics and ordered list */
    #content b, strong, #content b i {
        font-weight: bold;
    }

    #content i, #content i b {
        font-style: italic;
    }

    #content ol {
        padding-left: 18px;
    }

/*----- Global Structure -----*/
.img-indent {
    float: left;
    margin-right: 20px;
}

.img-indent3-1 {
    float: left;
    margin-right: 18px;
}
/*Added By Sagar -Start- Teaser Image layout*/
.img-indent3-1-Noalign {
    float: none;
    padding-bottom: 18px;
    display: inline-block;
}

.img-indent3-1-right {
    float: right;
    margin-left: 18px;
}
/*End: Teaser Image layout*/
.img-indent4-1 {
    float: left;
    margin-right: 22px;
}

.last-item {
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}

/*By Amit Start*/

.img-indent-right {
    float: right;
    margin-left: 20px;
}


.img-indent4-1-right {
    float: right;
    margin-left: 22px;
}

.img-indent4-1-Noalign {
    width: 250px;
    padding-bottom: 20px;
}

.img-indent-Noalign {
    width: 224px;
    padding-bottom: 20px;
}

.container-text {
    margin-bottom: 20px;
    margin-top: 5px;
}

.extra-wrap {
    margin-bottom: 20px;
}

/*End*/


/* ---------- Tags ---------*/
h3 {
    font: 300 30px/36px Arial, Helvetica, sans-serif;
    color: #7d7d7d;
}

    h3.title1 {
        line-height: 26px;
    }

h4 {
    font: 400 16px/19px 'Lato', sans-serif;
    color: #191919;
}

h5 {
    font: bold 12px/19px Arial, Helvetica, sans-serif;
    color: #4e4e4e;
}

h6 {
    font: normal 12px/20px Arial, Helvetica, sans-serif;
    color: #2e77b8;
}

    h6 a {
        color: #2e77b8;
        text-decoration: none;
    }

        h6 a:hover {
            text-decoration: none;
            color: #414141;
        }

/* Modified by: Pankaj; 2018/04/13; v1.1.0.0; Removed the background image from blockquote */
blockquote {
    width: 100%;
    padding-bottom: 19px;
    font: 12px/20px Arial, Helvetica, sans-serif;
    color: #7d7d7d;
}

.quote-content {
    border: 1px solid #dfdfdf;
    border-bottom-color: #dbdbdb;
    background: url(http://pkstadtaarau.ch/img/quote-tail.gif) center top repeat-x #dbdbdb;
    min-height: 130px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.quote-bg {
    background: url(http://pkstadtaarau.ch/img/quote.png) 17px 11px no-repeat;
    padding: 21px 20px 25px 25px;
}

.quote-caption {
    text-align: right;
    margin-top: -6px;
}

    .quote-caption a {
        text-decoration: none;
    }

        .quote-caption a:hover {
            color: #414141;
        }
/*---------- Columns --------*/
.col-2-1 {
    float: left;
    width: 161px;
    margin-right: 48px;
}

.col-2-1x {
    float: left;
    width: 184px;
    margin-right: 24px;
}

.col-2-1xx {
    float: left;
    width: 191px;
    margin-right: 15px;
}

.col-4 {
    float: left;
    width: 291px;
    margin-right: 13px;
}
/*----------- Boxes ----------*/
.box {
    background: url(http://pkstadtaarau.ch/img/box-tail.gif) center top repeat-x #e2e2e2;
}

#page2 .box {
    background: #dcdcdc;
}

.box .indents {
    padding: 25px 18px 35px;
}

.box h3 {
    font-size: 38px;
    line-height: 46px;
}

.box2 {
    border: 1px solid #e3e3e3;
    background: #fff;
    padding: 14px 14px 12px;
}

.img-box {
    display: block;
    border: 1px solid #e4e4e4;
    background: #fff;
    padding: 7px;
}

.arrow1 {
    background: url(http://pkstadtaarau.ch/img/arrow1.png) 159px 0 no-repeat;
    padding-top: 10px;
}

.arrow2 {
    background: url(http://pkstadtaarau.ch/img/arrow2.png) 367px bottom no-repeat;
    padding-bottom: 14px;
}

.circle {
    float: left;
    margin-right: 14px;
    width: 53px;
    height: 53px;
    overflow: hidden;
    font: bold 36px/53px Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    background: #2e77b8;
    border-radius: 26px;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
}

.block1 {
    float: left;
    margin-right: 20px;
    padding-top: 4px;
    width: 51px;
    height: 63px;
    overflow: hidden;
    font: bold 36px/44px Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    background: url(http://pkstadtaarau.ch/img/block1.png) center top no-repeat;
}

/*Start: For Special Teaser-1 Added By Sagar:Release:1.1.0.0 */
.block1-right {
    float: right;
    margin-right: 0px;
    margin-left: 20px;
}

.block1-Noalign {
    float: none;
}
/*End: For Special Teaser-1*/
/*Start: For Callouts Teaser Added By Sagar:Release:1.1.0.0 */
.teaser-margin-left {
    margin-left: -20px;
}
/*End: For Callouts Teaser*/
/*---------- Links ----------*/
a {
    color: #2e77b8;
    outline: none;
    cursor: pointer;
    text-decoration: underline;
}

    a:hover {
        text-decoration: none;
    }

    a[href^="tel:"] {
        color: #7d7d7d;
        text-decoration: none;
    }

.button, .formbutton120, .btnOkCss {
    border: none;
    display: inline-block;
    cursor: pointer;
    font: 12px/15px Arial, Helvetica, sans-serif;
    color: #414141;
    text-decoration: none;
    text-shadow: 1px 1px 0px #fff;
    background: url(http://pkstadtaarau.ch/img/button-tail.gif) center top repeat-x #f2f2f2;
    padding: 7px 12px;
    margin-bottom: 2px;
    border-top: 1px solid #fff;
    border-left: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 1px 1px #c5c5c5;
    -moz-box-shadow: 0px 1px 1px #c5c5c5;
    -webkit-box-shadow: 0px 1px 1px #c5c5c5;
}

.formbutton120 {
    background: none\9;
    border: none\9;
    margin: 0\9;
    background-color: transparent\9;
}

#loginButtonDiv {
    border: none\9;
    display: inline-block\9;
    cursor: pointer\9;
    font: 12px/15px Arial, Helvetica, sans-serif\9;
    color: #414141\9;
    text-decoration: none\9;
    text-shadow: 1px 1px 0px #fff\9;
    background: url(http://pkstadtaarau.ch/img/button-tail.gif) center top repeat-x #f2f2f2\9;
    margin-bottom: 2px\9;
    border-top: 1px solid #fff\9;
    border-left: 1px solid #f8f8f8\9;
    border-right: 1px solid #f8f8f8\9;
    border-radius: 5px\9;
    -moz-border-radius: 5px\9;
    -webkit-border-radius: 5px\9;
    box-shadow: 0px 1px 1px #c5c5c5\9;
    -moz-box-shadow: 0px 1px 1px #c5c5c5\9;
    -webkit-box-shadow: 0px 1px 1px #c5c5c5\9;
    display: inline-block\9;
}

.button:hover, .formbutton120:hover, .btnOkCss:hover {
    text-decoration: none;
    background-position: center -57px;
    background-color: #f9f9f9;
}

#loginButtonDiv:hover {
    text-decoration: none\9;
    background-position: center -57px\9;
    background-color: #DFDFDF\9;
}
/*---------- Lists -----------*/
.list-1 li {
    font: 12px/20px Arial, Helvetica, sans-serif;
    color: #2e77b8;
    background: url(http://pkstadtaarau.ch/img/marker-1.gif) 0 8px no-repeat;
    padding-left: 18px;
    margin-bottom: 5px;
}

.list-1 a {
    text-decoration: none;
    color: #2e77b8;
}

    .list-1 a:hover {
        text-decoration: none;
        color: #3c3c3c;
    }

.list-2 li {
    font: 300 25px/30px 'Lato', sans-serif;
    margin-bottom: 5px;
}

.list-2 a {
    display: block;
    color: #191919;
    text-decoration: none;
    padding: 12px 17px 13px;
    background: #dbdbdb;
}

    .list-2 a:hover {
        text-decoration: none;
        color: #fff;
        background-color: #2e77b8;
    }
/*---------- Borders ---------*/
.border-bottom {
    border-bottom: 1px solid #d9d9d9;
}
/*---------- Indents ---------*/
p, .p3-1 {
    margin-bottom: 18px;
}

.p0 {
    margin-bottom: 0;
}

.p0-1 {
    margin-bottom: 3px;
}

.p1 {
    margin-bottom: 5px;
}

.p1-1 {
    margin-bottom: 8px;
}

.p2 {
    margin-bottom: 10px;
}

.p2-1 {
    margin-bottom: 12px;
}

.p3 {
    margin-bottom: 15px;
}

.p4 {
    margin-bottom: 20px;
}

.p4-1 {
    margin-bottom: 22px;
}

.p5 {
    margin-bottom: 25px;
}

.p5-1 {
    margin-bottom: 28px;
}

.p6 {
    margin-bottom: 30px;
}

.p6-1 {
    margin-bottom: 32px;
}

.p7 {
    margin-bottom: 35px;
}

.p7-1 {
    margin-bottom: 37px;
}

.p8 {
    margin-bottom: 40px;
}

.p8-1 {
    margin-bottom: 42px;
}

.indent-top1 {
    padding-top: 5px;
}

.indent-right2 {
    padding-right: 10px;
}

.indent-right4 {
    padding-right: 20px;
}

.indent-right5 {
    padding-right: 25px;
}

.indent-right6 {
    padding-right: 30px;
}

.indent-left4 {
    padding-left: 20px;
}

.indent-bottom2 {
    padding-bottom: 10px;
}

.indent-bottom3 {
    padding-bottom: 15px;
}

.indent-bottom4-1 {
    padding-bottom: 22px;
}

.indent-bottom6 {
    padding-bottom: 30px;
}

.indent-bottom7 {
    padding-bottom: 35px;
}

.indent-bottom8-1 {
    padding-bottom: 42px;
}

.indent-bottom9 {
    padding-bottom: 22px;
}

.indent-bottom10 {
    padding-bottom: 50px;
}

.indent-bottom11 {
    padding-bottom: 17px;
}
/*----------- Map ------------*/
#map iframe {
    width: 100%;
    height: 265px;
}

#map dl {
    width: 100%;
    position: relative;
    overflow: hidden;
}

#map dt {
    color: #2e77b8;
    margin-bottom: 20px;
}

#map dl span {
    float: left;
    width: 73px;
}
/********************************* aside **********************************/
aside {
    width: 100%;
    border-bottom: 8px solid #e8e8e8;
    padding: 34px 0 38px;
    font: 13px/20px Arial, Helvetica, sans-serif;
}

    aside .list-1 li {
        font-size: 13px;
    }

.social-icons {
    float: left;
    width: 50%;
    overflow: hidden;
}

    .social-icons li {
        margin-bottom: 10px;
    }

    .social-icons a {
        color: #2e77b8;
        text-decoration: none;
        display: inline-block;
        padding-left: 27px;
        background-position: 0 1px;
        background-repeat: no-repeat;
    }

    .social-icons .icon-1 {
        background-image: url(http://pkstadtaarau.ch/img/icon-1.gif);
    }

    .social-icons .icon-2 {
        background-image: url(http://pkstadtaarau.ch/img/icon-2.gif);
    }

    .social-icons .icon-3 {
        background-image: url(http://pkstadtaarau.ch/img/icon-3.gif);
    }

    .social-icons .icon-4 {
        background-image: url(http://pkstadtaarau.ch/img/icon-4.gif);
    }

    .social-icons a:hover {
        color: #414141;
    }
/************************************** Footer *************************************/
footer {
    width: 100%;
    padding: 26px 0 35px;
    overflow: hidden;
    font: 13px/20px Arial, Helvetica, sans-serif;
    margin-top: 20px;
    border-top: solid 8px #e8e8e8;
}

.footer-text {
    float: left;
}
    /* Binjan; 14.08.2018; v1.3.0.0; Add space in footer text and link */
    .footer-text span {
        margin-right: 13px;
    }

    .footer-text a {
        color: #2e77b8;
        text-decoration: none;
        margin-right: 15px;
    }

        .footer-text a:hover {
            color: #7d7d7d;
        }

.footer-link {
    float: right;
}
/* ====================== New Css Ends ====================================*/

/* ================================= Search Css Starts ====================*/
#search-data {
    position: relative;
    vertical-align: top;
    width: 186px;
    float: left;
    padding-right: 1px;
    margin-top: -2px;
}

    #search-data span {
        display: inline-block;
        margin-right: 0;
        float: left;
    }

.searchControl {
    width: 176px;
    border: none;
    padding: 0;
    overflow: hidden;
    background: #f9f9f9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 1px 1px 1px #dadada;
    -moz-box-shadow: 1px 1px 1px #dadada;
    -webkit-box-shadow: 1px 1px 1px #dadada;
    padding: 0 5px;
    margin-bottom: 2px;
}

.searchData label {
    display: block;
    float: left;
}

.searchControl input[type='text'] {
    padding: 5px 5px 6px;
    background: none;
    border: none;
    font: 12px Arial, Helvetica, sans-serif;
    color: #7d7d7d;
    margin: 0;
    outline: none;
    width: 140px;
}

.searchButtonCss {
    z-index: 999;
    padding: 0 !important;
    margin: 0 !important;
    float: right !important;
    display: block !important;
    width: 21px !important;
    height: 26px !important;
    background: url(http://pkstadtaarau.ch/img/search-button.gif) center 9px no-repeat !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

    .searchButtonCss:hover {
        z-index: 999;
        background-position: center -40px !important;
        text-decoration: none !important;
    }
/* ================================= Search Css Ends ====================*/
.visibleOverFlow {
    overflow: visible;
}

.contentDiv {
    display: inline-block;
}
/* =================== 33% Container with Background: #DFDFDF Starts ==================*/
.thirty-3MainDiv {
    padding-right: 13px;
}

#thirty-3WrapperDiv {
    width: 33.33333%;
    display: inline-block;
}
/* =================== 33% Container with Background: #DFDFDF End ==================*/
/* =================== 33% Container (Image size:261x269) Starts ==================*/
.thirty-3-ImgCont-Img {
    width: 261px;
    height: auto; /*height:269px;*/
}

.hyp-33-ImgCont {
    font: normal 12px/20px Arial, Helvetica, sans-serif;
    color: #2e77b8;
    text-decoration: none;
}

.thirty-3-ImgDiv {
    width: 291px;
    padding: 0px 11px;
    margin-bottom: 35px;
    display: inline-block;
}

/* =================== 33% Container (Image size:261x269) Ends ==================*/

/* =================== 33% Special Container (A,B,C) Starts ==================*/
.thirty-3-SpecialContainer {
    width: 161px;
    margin: 0 16px 20px 16px;
    display: inline-block;
}
/* =================== 33% Special Container (A,B,C) Ends ==================*/

/* START: Partner containers related class */
.contenPartner {
    width: 29.4%;
    display: inline-block;
    *display: inline;
    margin-bottom: 30px;
    margin-right: 24px;
}

.contentPartnerDisplay {
    display: inline-block;
}

.linkCss {
    color: #2e77b8;
}

    .linkCss:hover {
        text-decoration: none;
        color: #2e77b8;
    }

.partnerImage {
    width: 168px;
}
/*End*/

/* Professional container */
.contentProfessional {
    width: 30.9%;
    margin-bottom: 15px;
    margin-right: 15px;
    display: inline-block;
    *display: inline;
}

/* END*/

.container-box-content {
    margin-bottom: 42px;
}

.container-box {
    word-break: break-word;
}

.minHeight {
    min-height: 1px;
    height: 100%;
}

/* ----------------------------- List for Container area and Teaser area ---------------------------------- */
/* Modified by: Pankaj; 2018/04/13; v1.1.0.0; Modified font size to 16px for list */
#content li {
    font: 16px/20px Arial, Helvetica, sans-serif;
    padding-left: 18px;
    margin-bottom: 5px;
}
/*Modified By : Abhishek ; Modified On : 23/10/2017 ; Version : 1.0.0.0 ; Purpose: To set the font style of the container.*/
#content a {
    font: bold 16px/24px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #2e77b8;
}

    #content a:hover {
        text-decoration: none;
        color: #3c3c3c;
    }

.gridStandardContainer {
    float: left;
    min-width: 620px;
}


/*News CSS Start*/
.news-teaser-list {
}

    .news-teaser-list a {
        color: #2e77b8;
    }

.news-teaser-item a:hover {
    color: #e66a11;
    text-decoration: none;
}

.news-teaser-list .news-teaser-image {
    float: left;
}

.news-teaser-item {
    margin-bottom: 10px;
}

    .news-teaser-item h2 a {
        color: #2e77b8;
        text-decoration: none;
    }

        .news-teaser-item h2 a:hover {
            color: #e66a11;
            text-decoration: underline;
        }

.newsBoxTitle {
    display: block;
    float: none;
    font-size: 1.75em;
    margin: 1px 0 10px 0;
    color: #000;
    padding-left: 0px;
}

.rssFeed img {
    margin-top: 5px;
}

/*News CSS End*/
/*===========================Start CUG Container===================================*/
/*Added By : Binjan; Date : 2018/08/01; Purpose : To set the css folder cug container*/
.selected-treeview-node {
    background-color: #B5B5B5;
}

.controls {
    margin-bottom: 10px;
    display: inline-block;
}

.cug-btn {
    outline: none;
    border: solid 1px #B5B5B5;
    border-radius: 5px;
    background-color: lightgray;
    background-repeat: no-repeat;
    background-position: 5px center;
    padding: 8px 5px 5px 20px;
    font-size: 12px !important;
}

.folder-add {
    background-image: url('http://pkstadtaarau.ch/img/cug/folder-add.png');
}

.folder-rename {
    background-image: url('http://pkstadtaarau.ch/img/cug/rename.png');
}

.folder-delete {
    background-image: url('http://pkstadtaarau.ch/img/cug/folder-delete.png');
}

.file-add {
    background-image: url('http://pkstadtaarau.ch/img/cug/file-add.png');
}

.file-rename {
    background-image: url('http://pkstadtaarau.ch/img/cug/rename.png');
}

.file-delete {
    background-image: url('http://pkstadtaarau.ch/img/cug/file-delete.png');
}

.file-download {
    background-image: url('http://pkstadtaarau.ch/img/cug/file-download.png');
}

.d-none {
    display: none;
}

.h-20 {
    height: 20px;
}

.overflow-hidden {
    overflow: hidden;
}

.w-50, .w-25, .w-18 {
    display: inline-block;
}

.w-50 {
    width: 50% !important;
}

.w-25 {
    width: 25% !important;
}

.w-18 {
    width: 18% !important;
}

.pr-2 {
    padding-right: 2% !important;
}

.text-align-right {
    text-align: right;
}


.folderFile {
    width: 920px;
    border: solid 1px #B5B5B5;
    border-radius: 5px;
    padding: 10px;
}

.folder {
    width: 298px;
    padding-right: 6px;
    /* CSS for equal height of the sibbing DIVs */
    display: table-cell;
    vertical-align: top;
}

.file {
    width: 600px;
    padding-left: 10px;
    border-left: solid 1px #B5B5B5;
    /* CSS for equal height of the sibbing DIVs */
    display: table-cell;
    vertical-align: top;
}

    .folder a, .file a {
        font-size: 12px !important;
    }

        .folder a[href*="SkipLink"] {
            display: none;
        }
/*Modified by : Rutuja , Date : 08-08-2018 , Purpose : To display on vertical scroll*/
.folder-tree {
    overflow-y: hidden;
    overflow-x: auto;
    width: 298px;
}

    /* Setting folder image */
    .folder-tree td > img {
        width: 14px;
        height: 14px;
    }

    .folder-tree a > img {
        padding: 3px 5px 0 0;
    }

    .folder-tree img[src*="dir"] {
        padding-top: 7px;
    }

    .folder-tree img[src*="folder"] {
        width: 20px;
        height: 20px;
    }
/*===========================End CUG Container===================================*/

@media only screen and (max-width: 995px) {
    p, .p3, .p3-1 {
        margin-bottom: 15px;
    }

    .p4-1, .p5, .p5-1, .p6, .p6-1, .p7, .p7-1, .p8, .p8-1 {
        margin-bottom: 20px;
    }

    h3 {
        margin-bottom: 15px !important;
    }

    .indent-right2, .indent-right4, .indent-right5, .indent-right6 {
        padding-right: 0;
    }

    .indent-left4 {
        padding-left: 0;
    }

    .indent-bottom4-1, .indent-bottom8-1, .indent-bottom10 {
        padding-bottom: 20px;
    }

    .indent-bottom3, .indent-bottom7 {
        padding-bottom: 30px;
    }

    .col-2-1 {
        width: 140px;
        margin-right: 30px;
    }

    .col-2-1x {
        width: 150px;
        margin-right: 20px;
    }

    .col-2-1xx {
        width: 154px;
    }

    .col-4 {
        width: 236px;
        margin-right: 20px;
    }
    /*-----------------------------------------*/
    .arrow1 {
        background-position: 130px 0;
    }

    .arrow2 {
        background-position: 300px bottom;
    }

    .arrow1 .arrow2 .indent-top1 {
        padding-top: 0;
    }

    .arrow1 .arrow2 .wrapper {
        margin-bottom: 10px !important;
    }

    .list-2 li {
        font-size: 20px;
        line-height: 24px;
    }

    /*By Amit Start*/
    .img-indent4-1-Noalign {
        width: 100%;
    }

    .img-indent-Noalign {
        width: 100%;
    }
    /*By Amit End*/
    /*Start: For Callouts Teaser Added By Sagar:Release:1.1.0.0 */
    .teaser-margin-left {
        margin-left: 0px;
    }
    /*End: For Callouts Teaser*/

    /* =================== 33% Container with Background: #DFDFDF Starts ==================*/

    /* =================== 33% Container with Background: #DFDFDF End ==================*/
    .thirty-3-SpecialContainer {
        width: 140px;
        margin: 0 10px 20px 10px;
        display: inline-block;
    }
    /*========== 33 % Image Container Starts ===================== */
    .thirty-3-ImgDiv {
        width: 236px;
        padding: 0px 7px 0px 6px;
        margin-bottom: 35px;
        display: inline-block;
    }

    .thirty-3-ImgCont-Img {
        width: 100%;
        height: auto;
    }
    /*========== 33% Image Container Ends ===================== */
    /*Partner container related*/
    .contenPartner {
        /*width:150px;*/
        margin-bottom: 30px;
        margin-right: 20px;
    }

    .partnerImage {
        width: auto;
    }

    /*END Partner css*/

    /* 33% Professional Containers */
    .contentProfessional {
        margin-bottom: 15px;
        margin-right: 15px;
        display: inline-block;
    }
    /*END Professional*/


    /*Start News Related css */
    .rssFeed img {
        width: 23px;
        height: 23px;
    }

    .additionalImage img {
        width: 40px;
        height: 40px;
    }

    .symbolFile img {
        width: 25px;
        height: 22px;
    }

    .gridStandardContainer {
        float: left;
        min-width: 100%;
    }

    /*End News Related css */

    /*Added By : Rutuja; Date : 2018/08/02; Purpose : To set the css for  cug container*/
    .folderFile {
        width: 725px;
    }

    .folder {
        width: 315px;
    }
    /*End CUG container Related css */
}

@media only screen and (max-width: 767px) {
    .indent-top1 {
        padding-top: 0;
    }

    .col-2-1 {
        width: 123px;
        margin-right: 20px;
    }

    .col-2-1x {
        width: 126px;
    }

    .col-2-1xx {
        width: 130px;
    }

    .col-4 {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    /*-----------------------------------------*/
    h1 {
        float: none;
        margin-bottom: 15px;
        padding-left: 0;
    }

    .secondary-menu {
        float: none;
    }

    .box {
        padding: 25px 0 30px;
    }

        .box .indents {
            padding: 0 18px;
        }

    .circle {
        float: none;
        margin: 0 auto 20px;
    }

    .arrow1 {
        background-position: 110px 0;
    }

    .arrow2 {
        background-position: 250px bottom;
    }

    .social-icons li {
        float: left;
        width: 50%;
    }

    .footer-text, .footer-link {
        float: none;
    }
    /*By Amit Start*/
    .img-indent4-1-Noalign {
        width: 100%;
    }

    .img-indent-Noalign {
        width: 100%;
    }
    /*By Amit End*/
    /*Start: For Callouts Teaser Added By Sagar:Release:1.1.0.0 */
    .teaser-margin-left {
        margin-left: 0px;
    }

    blockquote {
        padding-bottom: 18px;
    }
    /*End: For Callouts Teaser*/
    /* =================== 33% Container with Background: #DFDFDF Starts ==================*/
    #thirty-3WrapperDiv {
        display: inline-block;
        width: 100%;
    }
    /* =================== 33% Container with Background: #DFDFDF End ==================*/
    .thirty-3-SpecialContainer {
        width: 100%;
        margin: 0;
        margin-bottom: 40px;
        display: block;
    }
    /*========== 33 % Image Container Starts ===================== */
    .thirty-3-ImgDiv {
        width: 100%;
        padding-left: 0px;
        padding-right: 22px;
        margin-bottom: 35px;
    }

    .thirty-3-ImgCont-Img {
        width: 100%;
        height: auto;
    }
    /*========== 33% Image Container Ends ===================== */
    /*Partner css related*/
    .contenPartner {
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0px;
    }

    .contentPartnerDisplay {
        display: block;
    }

    .partnerImage {
        width: auto;
    }

    /*By Amit End*/

    /* 33% Professional Containers */
    .contentProfessional {
        width: 100%;
        margin-bottom: 15px;
        margin-right: 15px;
        display: inline-block;
    }
    /*END Professional*/


    /*Start News Related css */
    .rssFeed img {
        width: 23px;
        height: 23px;
    }

    .additionalImage img {
        width: 40px;
        height: 40px;
    }

    .symbolFile img {
        width: 25px;
        height: 22px;
    }

    /*End News Related css */

    /*Remove the equal height for mobile layouts*/
    /*.equal_height,.equal_height194,.equal_height196 {height:auto !important;}
    .equal_height197 {height:100% !important;}*/

    .gridStandardContainer {
        float: left;
        min-width: 100%;
    }

    /*Added By : Rutuja; Date : 2018/08/02; Purpose : To hide the css for cug container*/
    .folderFile {
        display: none;
    }
    /*End CUG container Related css */

    /*Modified by : Rutuja , Date : 10-08-2018, Purpose : For proper alignment of textbox*/
    input.grayBox300 {
        width: 259px;
    }
}

@media only screen and (max-width: 479px) {
    .col-2-1, .col-2-1x, .col-2-1xx {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }
    /*-----------------------------------------*/
    .secondary-menu li {
        background: none;
    }

        .secondary-menu li:first-child {
            background: url(http://pkstadtaarau.ch/img/secondary-menu-separator.gif) right center no-repeat;
        }

        .secondary-menu li.last-item {
            float: none;
            width: 245px;
            padding-left: 0;
            padding-top: 15px;
        }

    .arrow1 {
        padding-top: 0;
        background: url(http://pkstadtaarau.ch/img/arrow1-mp.png) 0 155px no-repeat;
    }

    .arrow2 {
        padding-bottom: 0;
        background: url(http://pkstadtaarau.ch/img/arrow2-mp.png) right 340px no-repeat;
    }

    .social-icons li {
        float: none;
        width: 100%;
    }

    /*By Amit Start*/
    .img-indent4-1-Noalign {
        width: 100%;
    }

    .img-indent-Noalign {
        width: 100%;
    }
    /*By Amit End*/
    /*Start: For Callouts Teaser Added By Sagar:Release:1.1.0.0 */
    .teaser-margin-left {
        margin-left: 0px;
    }
    /*End: For Callouts Teaser*/
    /* =================== 33% Container with Background: #DFDFDF Starts ==================*/
    #thirty-3WrapperDiv {
        display: inline-block;
        width: 100%;
    }
    /* =================== 33% Container with Background: #DFDFDF End ==================*/

    /*========== 33 % Image Container Starts ===================== */
    .thirty-3-ImgDiv {
        width: 100%;
        padding-right: 22px;
        margin-bottom: 35px;
    }

    .thirty-3-ImgCont-Img {
        width: 100%;
        height: auto;
    }
    /*========== 33% Image Container Ends ===================== */

    /* 33% Partner container related css related*/
    .contenPartner {
        width: 100%;
        margin-bottom: 40px;
        margin-right: 0;
        float: none;
    }

    .partnerImage {
        width: auto;
    }
    /*By Amit End*/

    /*By Amit End*/

    /* 33% Professional Containers */
    .contentProfessional {
        width: 100%;
        margin-bottom: 40px;
        margin-right: 0;
        display: inline-block;
    }
    /*END Professional*/

    /*Start News Related css */
    .rssFeed img {
        width: 23px;
        height: 23px;
    }

    .additionalImage img {
        width: 40px;
        height: 40px;
    }

    .symbolFile img {
        width: 25px;
        height: 22px;
    }

    .gridStandardContainer {
        float: left;
        min-width: 100%;
    }
    /*End News Related css */

    /*Modified by : Rutuja , Date : 06-08-2018, Purpose : added width : 100%  for responsiveness*/
    .form-label {
        float: left;
        width: 100%;
    }
    /*Modified by : Rutuja , Date : 06-08-2018, Purpose : added margin-left: 0px for responsiveness*/
    .form-field {
        margin-left: 0px;
        margin-bottom: 10px;
    }
    /*Modified by : Rutuja , Date : 10-08-2018, Purpose : For proper alignment of textbox*/
    input.grayBox300 {
        width: 298px;
    }
}

/*
     FILE ARCHIVED ON 19:25:58 Jul 18, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:34:37 Nov 03, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 5.535
  load_resource: 342.766
  PetaboxLoader3.resolve: 157.539
  PetaboxLoader3.datanode: 120.998 (2)
  loaddict: 104.461
*/


/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('http://pkstadtaarau.ch/js/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('http://pkstadtaarau.ch/js/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('http://pkstadtaarau.ch/js/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('http://pkstadtaarau.ch/js/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('http://pkstadtaarau.ch/js/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('http://pkstadtaarau.ch/js/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('http://pkstadtaarau.ch/js/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('http://pkstadtaarau.ch/js/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('http://pkstadtaarau.ch/js/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('http://pkstadtaarau.ch/js/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('http://pkstadtaarau.ch/js/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('http://pkstadtaarau.ch/js/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('http://pkstadtaarau.ch/js/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('http://pkstadtaarau.ch/js/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('http://pkstadtaarau.ch/js/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('http://pkstadtaarau.ch/js/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('http://pkstadtaarau.ch/js/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
/*
     FILE ARCHIVED ON 08:27:14 May 24, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:34:37 Nov 03, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 1.152
  load_resource: 185.806
  PetaboxLoader3.resolve: 42.169
  PetaboxLoader3.datanode: 80.461
*/


/* ---------------------------Import common CMS styles--------------------------- */
@import url(/web/20240718192558cs_/http://pkstadtaarau.ch/App_Themes/admin/Common.css);
@import url(/web/20240718192558cs_/http://pkstadtaarau.ch/App_Themes/skeleton.css);
@import url(/web/20240718192558cs_/http://pkstadtaarau.ch/App_Themes/superfish.css);
@import url(/web/20240718192558cs_/http://pkstadtaarau.ch/App_Themes/forms.css);
/* ---------------------------Site layout styles begin--------------------------- */
/* Site specific css definitions */

html, body {
    height: 100%;
}
/*Modified By : Abhishek ; Modified On : 23/10/2017 ; Version : 1.0.0.0 ; Purpose: To set the font style.*/
body {
    background: url(http://pkstadtaarau.ch/img/body-tail.gif) top center repeat-x #f3f3f3;
    font: 16px/24px Arial, Helvetica, sans-serif;
    color: #7d7d7d;
    position: relative;
    min-width: 320px;
    margin: 0;
    padding: 0;
}

::selection {
    background-color: #0594da;
}

::-moz-selection {
    background-color: #890208;
}

::-webkit-selection {
    background-color: #890208;
}


img {
    border: 0;
}

a {
    color: #0594da;
}

    a:visited, a:hover {
        color: #3c3c3c;
    }

#global {
    background-color: #fff;
    margin: 0;
    font-size: 1.0em;
}

#site-header {
    margin: 0;
    background-color: #eee;
}

#meta-navigation {
    text-align: right;
    padding: 6px 6px 0 10px;
    height: 24px;
    background: #000 url(http://pkstadtaarau.ch/img/meta-navigation-bg.png) repeat-x;
    margin-bottom: 20px;
}

    #meta-navigation a {
        color: #b8ce83;
    }

#breadcrumb {
    float: left;
}

#logo {
    padding: 0 27px 0 33px;
    text-align: left;
    float: left;
    position: relative;
    top: -8px;
}

/* #region Search text box css and auto complete result css */
.search-box-container input {
    vertical-align: middle;
}

    .search-box-container input[type=text] {
        width: 147px;
    }

.search-box-text {
    background-color: #fff;
    border: 1px solid #ccc;
    height: 14px;
}

.autocomplete_completionListElement {
    background-color: inherit;
    border: 1px solid buttonshadow;
    height: auto;
    list-style-type: none;
    margin: 0 !important;
    overflow: auto;
    text-align: left;
    font-size: 12px !important;
    width: 147px !important;
    padding-left: 0px !important;
}

.autocomplete_highlightedListItem {
    background-color: window;
    color: black;
    padding: 1px !important;
    padding-left: 0px !important;
    width: 146px !important;
    margin: 0 !important;
    cursor: hand;
    cursor: pointer;
}

.autocomplete_listItem {
    background-color: window;
    color: Black;
    padding: 1px !important;
    padding-left: 0px !important;
    width: 146px !important;
    margin: 0 !important;
}

/* #endregion Search text box css and auto complete result css START*/

/* #region Navigation styles*/

#navigation-bar {
    height: 33px;
    background-color: transparent;
}

    #navigation-bar ul {
        list-style-type: none;
        margin: 0;
        padding: 5px 5px 0 2px;
        float: left;
    }

        #navigation-bar ul li {
            float: left;
            display: inline; /*For ignore double margin in IE6*/
            margin: 0 8px 0 8px;
            height: 28px;
        }

            #navigation-bar ul li a {
                text-decoration: none;
                float: left;
                color: #999;
                cursor: pointer;
                display: block;
                color: #888;
                background: url(http://pkstadtaarau.ch/img/navigation_bg_red.gif) no-repeat top right;
                height: 28px;
                font-weight: bold;
            }

                #navigation-bar ul li a span {
                    line-height: 30px;
                    height: 28px;
                    margin: 0 10px 0 -10px;
                    padding-right: 8px;
                    padding-left: 18px;
                    position: relative; /*To fix IE6 problem (not displaying)*/
                    float: left;
                    background: url(http://pkstadtaarau.ch/img/navigation_bg_red.gif) no-repeat top left;
                }

                /*Selected node style*/

                #navigation-bar ul li a.selected {
                    color: #000;
                    background: url(http://pkstadtaarau.ch/img/navigation_bg_silver.gif) no-repeat top right;
                }

                    #navigation-bar ul li a.selected span {
                        background: url(http://pkstadtaarau.ch/img/navigation_bg_silver.gif) no-repeat top left;
                    }

.top-image-navigation {
    background-image: url(http://pkstadtaarau.ch/img/teaser-top.png);
    color: White;
    width: 208px;
    background-repeat: no-repeat;
    height: 25px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.navigation-header {
    padding: 5px 0 0 14px;
    overflow: hidden;
    font-weight: bold;
}

.navigation-body {
    width: 208px;
    padding: 0 0 14px 0;
    margin: 0 0 20px 0;
    overflow: hidden;
    background: transparent url(http://pkstadtaarau.ch/img/teaser-bottom.png) no-repeat;
    background-position: bottom;
}

.navigation-inner-div {
    width: 182px;
    padding: 5px 12px 0 12px;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    overflow: hidden;
}

#navigation {
    float: left;
    width: 189px;
    padding: 0 0 0 15px;
    margin-bottom: 10px;
}

    #navigation a {
        text-decoration: none;
    }

        #navigation a:hover {
            text-decoration: underline;
        }

    /*Navigation control css start */
    #navigation ul {
        list-style-type: none;
        margin: 0;
        padding: 1px 25px 0 10px;
    }

    #navigation > ul {
        margin: 20px 0 0 0;
    }
    /* Level 1 */
    #navigation li {
        padding-bottom: 10px;
    }

    #navigation ul a {
        background: url(http://pkstadtaarau.ch/img/navigation-arrow-collapsed.png) no-repeat left 8px;
        font-size: 16px;
        color: #141414;
        font-weight: bold;
        padding-left: 13px;
        top: 3px;
        position: relative;
        display: inline-block;
    }
    /* Remove the border bottom of last li*/
    #navigation li:first-child {
        border-top: none !important;
    }

    #navigation ul li a.selected {
        color: #274D7E;
        background: url(http://pkstadtaarau.ch/img/navigation-arrow-expanded.png) no-repeat left 7px !important;
    }

    #navigation ul li a.selectedNoChild {
        color: #274D7E;
    }
    /*Level 2 */
    #navigation ul li li {
        padding-bottom: 6px;
        font-weight: normal;
        background: none;
        border-top: none;
        padding-left: 0;
        left: -1px;
        position: relative;
    }

        #navigation ul li li:first-child {
            padding-top: 6px;
        }

        #navigation ul li li:last-child {
            padding-bottom: 4px;
        }

        #navigation ul li li a {
            background: none;
            padding-left: 0px;
            left: 5px;
            position: relative;
            font-weight: normal;
        }

            #navigation ul li li a.selected {
                font-weight: normal;
                background: none !important;
            }

.user-data {
    margin-top: 61px;
    padding-left: 11px;
}

/* #endregion navigation */

#site {
    min-height: 400px;
    margin-top: 20px;
    z-index: 1001;
}

#teaser {
    float: right;
    width: 208px;
    height: 100%;
    padding: 0 0 0 12px;
    margin: 0 34px 0 0;
    _margin: 0 17px 0 0; /* Set the right margin for IE 6*/
    background-color: transparent;
    overflow: hidden;
}

.site-footer {
    margin: 0;
    height: 30px;
    background: #000 url(http://pkstadtaarau.ch/img/site-footer-bg.png) repeat-x;
}

/* #region content styles */

.container-div {
    padding: 0;
    margin: 0;
}

.container-div-inner {
    overflow: hidden;
    width: 100%;
}

.containerGrayBox {
    padding: 0 80px 10px 20px;
    background-color: #f5f5f5;
    margin: 0;
}

    .container-div h1, .containerGrayBox h1 {
        font-size: 1.75em;
        margin: 1px 0 10px 0;
        color: #000;
    }

    .container-div h2, .containerGrayBox h2 {
        font-size: 1.3em;
        margin: 1px 0 10px 0;
        color: #000;
    }

/* ----------------- Teaser style ---------------------------- */
.top-image-teaser {
    background-image: url(http://pkstadtaarau.ch/img/teaser-top.png);
    color: White;
    width: 208px;
    background-repeat: no-repeat;
    height: 25px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.teaser-header {
    padding: 5px 0 0 14px;
    overflow: hidden;
    font-weight: bold;
}

.teaser-body {
    width: 208px;
    padding: 0 0 8px 0;
    margin: 0 0 20px 0;
    overflow: hidden;
    background: transparent url(http://pkstadtaarau.ch/img/teaser-bottom.png) no-repeat;
    background-position: bottom;
}

.teaser-inner-div {
    width: 182px;
    padding: 5px 12px 0 12px;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    overflow: hidden;
}

p.teaser-inner-div {
    padding: 0 10px 0 0;
}

#sitemap ul {
    list-style-image: url(http://pkstadtaarau.ch/img/list.gif);
    padding-left: 20px;
}

#sitemap li {
}

/*Modified By : Abhishek ; Modified On : 23/10/2017 ; Version : 1.0.0.0 ; Purpose: To set CSS for the teaser.*/
#teaserbodyDiv ul li {
    font: 16px/24px Arial, Helvetica, sans-serif;
    background: url(http://pkstadtaarau.ch/img/marker-1.gif) 0 8px no-repeat;
    padding-left: 18px;
    margin-bottom: 5px;
}

    #teaserbodyDiv ul li span {
        background-color: Transparent !important;
    }

#teaserbodyDiv ul a {
    text-decoration: none;
    color: #0594da;
}

    #teaserbodyDiv ul a:hover {
        text-decoration: none;
        color: #3c3c3c;
    }

.teaserbodyData p, .teaserbodyData div {
    margin-bottom: 20px;
}

#teaserbodyDiv a {
    text-decoration: none;
    color: #2e77b8 !important;
}

    #teaserbodyDiv a:hover {
        text-decoration: none;
        color: #414141 !important;
    }

.block1-absolute {
    position: absolute;
    top: 10px;
    left: 15px;
}

.block1-relative {
    position: relative;
    padding-top: 0px !important;
}

/* ----------------- End Teaser style ---------------------------- */

/*Modified By : Abhishek ; Modified On : 23/10/2017 ; Version : 1.0.0.0 ; Purpose: To set the font style.*/
.TextNormalBlue {
    font: normal 16px/24px Arial, Helvetica, sans-serif;
    color: #2e77b8;
}

    .TextNormalBlue a {
        color: #2e77b8;
        text-decoration: none;
    }

        .TextNormalBlue a:hover {
            text-decoration: none;
            color: #414141;
        }

/* #endregion content styles */
#contact-form .p7 .contactHeading {
    font: 30px/26px Arial, Helvetica, sans-serif;
}

#contact-form .button {
    font: 12px/15px Arial, Helvetica, sans-serif;
}

.TextBlueBold {
    font-weight: bold;
    color: #036;
    text-decoration: none;
}

.TextBlueUnderline {
    color: #036;
    text-decoration: underline;
}

a.TextBlueBold:hover {
    text-decoration: underline;
}
/* #region button styles */

a.button125 {
    border: none;
    display: block;
    width: 125px;
    height: 30px;
    background-color: transparent;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-125.png);
    background-repeat: no-repeat;
    color: White;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    margin: 0px 19px 22px 0px;
    cursor: pointer;
    cursor: hand;
}

input.button125 {
    border: none;
    display: block;
    width: 125px;
    height: 30px;
    background-color: transparent;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-125.png);
    background-repeat: no-repeat;
    color: White;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    margin: 0px 19px 22px 0px;
    cursor: pointer;
    cursor: hand;
}

.button442:hover {
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-silver-125.png);
    color: #3a3a3a;
}
/*Added by Sagar: Responsible to set the gap between two buttons having width:19px and height:22px */
.itemStyleButton125 {
    width: 125px;
}

a.button442 {
    border: none;
    display: block;
    width: 442px;
    height: 32px;
    background-color: transparent;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-442.png);
    background-repeat: no-repeat;
    color: White;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
    font-size: 13px;
    margin: 0px 19px 22px 0px;
    cursor: pointer;
    cursor: hand;
    padding-left: 14px;
}

input.button442 {
    border: none;
    display: block;
    width: 442px;
    height: 38px;
    background-color: transparent;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-442.png);
    background-repeat: no-repeat;
    color: White;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
    font-size: 13px;
    margin: 0px 19px 22px 0px;
    cursor: pointer;
    cursor: hand;
    padding-left: 14px;
}

.button442:hover {
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-silver-442.png);
    color: #3a3a3a;
}
/*Added by Sagar: Responsible to set the gap between two buttons having width:19px and height:22px */
.itemStyleButton442 {
    width: 442px;
}

a.button40, a.button120, a.button200, input.button40, input.button120, input.button200, a.button200r, a.button200rTopMargin, input.button200r, input.button200rTopMargin {
    border: none;
    display: block;
    width: 40px;
    height: 32px;
    background-color: transparent;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-40.png);
    background-repeat: no-repeat;
    color: White;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    margin-bottom: 22px;
    padding-top: 6px;
    cursor: pointer;
    cursor: hand;
}

input.button40 {
    height: 38px;
    padding-top: 0;
}

.button40:hover {
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-silver-40.png);
    color: #3a3a3a;
}

a.button120 {
    width: 120px;
    background-image: url(http://pkstadtaarau.ch/img/button_120.png);
}

input.button120 {
    width: 120px;
    height: 38px;
    background-image: url(http://pkstadtaarau.ch/img/button_120.png);
    padding-top: 0;
}

a.button200 {
    width: 200px;
    background-image: url(http://pkstadtaarau.ch/img/button_200.png);
}

input.button200 {
    width: 200px;
    height: 38px;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-200.png);
    padding-top: 0;
}

a.button200r, a.button200rTopMargin {
    width: 200px;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-200.png);
}

a.button200rTopMargin {
    position: relative;
    margin-top: -53px;
}

input.button200r, input.button200rTopMargin {
    width: 150px;
    height: 20px;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-200.png);
    padding-top: 0;
}

input.button200rTopMargin {
    position: relative;
    margin-top: -53px;
}

    .button200:hover, input.button200r:hover, input.button200rTopMargin:hover {
        background-image: url(http://pkstadtaarau.ch/img/Integrity-button-silver-200.png);
        color: #3a3a3a;
    }


/* #endregion button styles */

/* #region textbox and form styles */


/* --- START: GRAY textbox border css --- */
input.grayBox, input.grayBox300, input.grayBox214, input.grayBox80, input.grayBox50, select.grayBox362, select.grayBox306, select.grayBox214 {
    width: 360px;
    width: 358px \0/; /* For IE 8 and IE 9*/
    width: 358px \9; /* For IE 7 and IE 8*/
    height: 24px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    padding-top: 5px;
}

input.grayBox300 {
    width: 300px;
}

input.grayBox214 {
    width: 214px;
    margin: 0;
}

input.grayBox80 {
    width: 80px;
    margin: 0 2px 0 2px;
}

input.grayBox50 {
    width: 50px;
    margin: 0 2px 0 2px;
}

select.grayBox362 {
    width: 362px !important;
    border: 1px solid #e5e5e5;
    height: 30px;
    font-size: 14px;
}

select.grayBox306 {
    width: 306px;
    height: 29px;
}

select.grayBox214 {
    width: 214px;
    border: 1px solid #e5e5e5;
    height: 30px;
    font-size: 14px;
}

/* --- START: BLUE textbox border css --- */
input.blueBox, input.blueBox300, input.blueBox214, input.blueBox80, input.blueBox50, select.blueBox359, select.blueBox306, select.blueBox214 {
    width: 360px;
    width: 358px \0/; /* For IE 8 and IE 9*/
    width: 358px \9; /* For IE 7 and IE 8*/
    height: 24px;
    border: 1px solid #064481;
    font-size: 14px;
    padding-top: 5px;
}

input.blueBox300 {
    width: 300px;
    margin: 0 2px 0 2px;
}

input.blueBox214 {
    width: 214px;
}

input.blueBox80 {
    width: 80px;
    margin: 0 2px 0 2px;
}

input.blueBox50 {
    width: 50px;
    margin: 0 2px 0 2px;
}

select.blueBox359 {
    width: 359px !important;
    border: 1px solid #e5e5e5;
    height: 30px;
    font-size: 14px;
}

select.blueBox306 {
    width: 306px;
    height: 29px;
}

select.blueBox214 {
    width: 214px;
    border: 1px solid #e5e5e5;
    height: 30px;
    font-size: 14px;
}
/* --- END: BLUE textbox border css --- */
/* --- START: RED textbox border css --- */
input.redBox {
    width: 360px;
    border: 1px solid #f3340e;
    height: 24px;
    font-size: 14px;
    padding-top: 5px;
    margin: 0;
}

/* #endregion textbox and form styles */

.areaDefault, .grayArea, .blueArea, .redArea {
    width: 470px;
    width: 468px \0/; /* For IE 8 and IE 9*/
    width: 468px \9; /* For IE 7 and IE 8*/
    height: 110px !important;
    font-family: Calibri;
    font-size: 14px;
    padding: 0 !important; /* for Width increase in each browser */
    margin: 0 !important; /* for Width increase in each browser */
}
/*Text Area*/
.grayArea {
    border: 1px solid #e5e5e5;
}

.blueArea {
    border: 1px solid #064481;
}

.redArea {
    border: 2px solid #f3340e;
}

/* ---- START: jQuery soting for Incident List form related css  ---- */
.incidentList {
    font-size: 0.85em;
}

.incidentListHeader {
    font-weight: normal;
    color: #00f;
    text-decoration: underline;
    cursor: pointer;
    cursor: hand;
}

.incidentList th a {
    font-weight: normal;
    color: #00f;
}

.incidentList td {
    border-top: 1px solid #ccc;
}
/* ---- END: jQuery soting for Incident List form related css  ---- */

/* ---- START: jQuery soting for Client User List form related css  ---- */
.gridList {
    font-size: 14px;
}

.gridListHeader {
    color: #00f;
    text-decoration: underline;
    cursor: pointer;
    cursor: hand;
}

.gridList th a {
    color: #00f;
}

.gridList td {
    border-top: 0px solid #ccc;
}

.gridListEmptyDataRow {
    background-color: Transparent;
    color: Red;
    font-weight: bold;
}
/* ---- END: jQuery soting for Client User List form related css  ---- */
td.statusOk {
    background-color: #0bf48f;
}

td.statusOpen {
    background-color: #feb31a;
}

td.statusDelayed {
    background-color: #F40B32;
}

.FormText {
    font-size: 14px;
}

a.FormText {
    color: #3A3A3A !important;
}

.FormTextBold {
    font-size: 22px;
    font-weight: bold;
    text-align: left;
}

.FormTextSmall {
    font-size: 10px;
}

.FormValidation {
    font-size: 14px;
    color: #f3340e;
}

a.FormLink {
    font-size: 14px;
    color: #00f;
    text-decoration: underline;
}
/* ---------------------------Site layout styles end--------------------------- */

.client-button {
    text-align: center;
    color: #fff;
    padding: 2px 10px 2px 10px;
    zoom: 1;
    font-size: 12px;
    background: rgb(154,0,0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(154,0,0,1) 0%, rgba(134,0,0,1) 50%, rgba(118,0,0,1) 51%, rgba(142,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,0,0,1)), color-stop(50%,rgba(134,0,0,1)), color-stop(51%,rgba(118,0,0,1)), color-stop(100%,rgba(142,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(148,0,0,1) 0%,rgba(134,0,0,1) 50%,rgba(118,0,0,1) 51%,rgba(142,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(148,0,0,1) 0%,rgba(134,0,0,1) 50%,rgba(118,0,0,1) 51%,rgba(142,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(148,0,0,1) 0%,rgba(134,0,0,1) 50%,rgba(118,0,0,1) 51%,rgba(142,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(148,0,0,1) 0%,rgba(134,0,0,1) 50%,rgba(118,0,0,1) 51%,rgba(142,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#940000', endColorstr='#8E0000',GradientType=0 ); /* IE6-9 */
    border: 1px solid #440000;
}

/* ---------------------------Site text styles begin--------------------------- */
/* Text styles for use with smart text editor and user controls */
.TextNormal {
    font: normal 16px/24px Arial, Helvetica, sans-serif;
}

.TextNormalBold {
    font: bold 16px/24px Arial, Helvetica, sans-serif;
}

.cms-dialog-popup > .TextNormal {
    font: normal 12px/18px Arial, Helvetica, sans-serif;
}

.cms-dialog-popup .TextNormalBold {
    font: bold 12px/18px Arial, Helvetica, sans-serif;
}

.TextNormalRed {
    font: normal 16px/24px Arial, Helvetica, sans-serif;
    color: #f00;
}

.TextNormalSmall {
    font-style: normal;
    font-weight: normal;
    font-size: 0.8em;
    /*font: normal normal 0.8em Calibri, Arial, Sans-Serif;*/
}

.TextNormalSmallRed {
    font-style: normal;
    font-weight: normal;
    font-size: 0.8em;
    /*font: normal normal 0.8em Calibri, Arial, Sans-Serif;*/
    color: #f00;
}

.external-link {
    background-image: url(http://pkstadtaarau.ch/img/ext_link.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 14px;
}

.contact-label {
    float: left;
}

.contact-value {
    margin-left: 50px;
}

.vcard {
}

    .vcard .n {
        display: none;
    }

    .vcard .fn {
        font-weight: bold;
        display: block;
    }

    .vcard .type {
        display: none;
    }

a.vcard-link {
    display: block;
    padding: 2px 0 4px 28px;
    background-image: url(http://pkstadtaarau.ch/img/ls/vcard.png);
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

/* ---------------------------Site text stlyes end--------------------------- */

/* ---------------------------Image position start -------------------------- */
.align-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

.align-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
/* ---------------------------Image position end -------------------------- */

/* #region grid views */

.gridHeader {
    background-color: #ccc;
}

    .gridHeader th {
        font-size: 14px;
        color: #000;
        font-weight: bold;
        text-align: left;
    }

.gridRow {
    background-color: #F7F6F3;
    color: #333333;
}

.gridAlternatingRow {
    background-color: #fff;
    color: #284775;
}

.gridEditRow {
    background-color: #999999;
}

.gridSelectedRow {
    background-color: #e2ded6;
    color: #333333;
    font-weight: bold;
}

.gridEmptyDataRow {
    background-color: #9ac1e6;
    color: #f00;
    font-weight: bold;
}

.gridFooter {
    background-color: #5d7b9d;
    color: #fff;
    font-weight: bold;
}

.gridPager td {
    color: #fff;
    background-color: #ccc;
    font-weight: bold;
    text-align: right;
}

.gridPager a {
    color: #19598f;
    font-weight: bold;
    text-decoration: underline;
    text-align: right;
    float: right;
    width: 100%;
}

/* #endregion grid views */

/* #region action log details */

.TextNormalBold14Blue {
    font: bold 16px/24px Arial, Helvetica, sans-serif;
    color: rgb(34, 0, 132);
}

/*Modified By : Abhishek ; Modified On : 23/10/2017 ; Version : 1.0.0.0 ; Purpose: To set the font style.*/
.TextNormalBold14Black {
    font: normal 16px/24px Arial, Helvetica, sans-serif;
    color: #3a3a3a;
}

/* #endregion action log details */

/* #region START:Modal Popup CSS for showing the description of incident type */
.modalBackgroundDescription {
    background-color: Gray;
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.modalPopupDescription {
    width: 500px;
    padding: 8px 10px 10px 9px;
    border: solid 1px Black;
    background-color: White;
    color: #000000;
}

.modalPopupButton {
    color: White;
    background: none;
    font-weight: bold;
    font-size: small;
    border: solid 1px #FFFFFF;
    cursor: pointer;
    cursor: pointer;
}

.modalPopupTitleDescription {
    color: #FFFFFF;
    font-weight: bold; /*border:solid 2px Yellow;*/
    font-size: 16px;
}
/* #endregion START:Modal Popup CSS for showing the description of incident type */

.date {
    padding: 0;
}
/*-------Start: File link css-----*/
.hypFileLink, .hypFileLink:hover {
    color: #286ea0;
    text-decoration: none;
}

    .hypFileLink:hover {
        text-decoration: underline;
    }
/*-------End: File link css-----*/

a.button220 {
    border: none;
    display: block;
    width: 220px;
    height: 31px;
    background-color: transparent;
    background-image: url(http://pkstadtaarau.ch/img/button_220.png);
    background-repeat: no-repeat;
    color: White;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    font-size: 13px;
    padding-top: 6px;
    cursor: pointer;
}

input.button220 {
    border: none;
    display: block;
    width: 220px;
    height: 37px;
    background-color: transparent;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-220.png);
    background-repeat: no-repeat;
    color: White;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    font-size: 13px;
    padding-top: 0;
    cursor: pointer;
}

.button220:hover {
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-silver-220.png);
    color: #3a3a3a;
}

a.button250 {
    border: none;
    display: block;
    width: 250px;
    height: 31px;
    background-color: transparent;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-250.png);
    background-repeat: no-repeat;
    font-weight: bold;
    color: White;
    text-decoration: none;
    text-align: center;
    font-size: 13px;
    padding-top: 6px;
    cursor: pointer;
}

input.button250 {
    border: none;
    display: block;
    width: 250px;
    height: 37px;
    background-color: transparent;
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-blue-250.png);
    background-repeat: no-repeat;
    font-weight: bold;
    text-decoration: none;
    color: White;
    text-align: center;
    font-size: 13px;
    padding-top: 0;
    cursor: pointer;
}

.button250:hover {
    background-image: url(http://pkstadtaarau.ch/img/Integrity-button-silver-250.png);
    color: #3a3a3a;
}

.FormText {
    min-height: 25px;
    width: 360px;
}

/*Modified by : Rutuja , Date : 02-08-2018, Purpose : Changed the width of .col1 from 80px to 155px to display label in one line */
.col1 {
    width: 155px;
}

.col2 {
    width: 360px;
}

.col3 {
    width: 360px;
}

.buttonNavigationTemplate {
    display: block;
    float: left;
    padding-top: 1px;
}

x5 {
    margin-top: 5px;
}
/* Rutuja; 2018/08/10; Removed  the padding  and border*/
.login {
    width: 100%;
}

.logout {
    width: 140px;
    display: block;
    background: url(http://pkstadtaarau.ch/img/navigation-arrow-collapsed.png) no-repeat left 10px;
    margin: 0 0 0 10px;
    padding: 3px 0 0 13px;
    font-weight: bold;
    font-size: 16px;
    color: #141414 !important;
    top: 3px;
    position: relative;
    border-top: dotted 1px #BBBBBB;
}

    .logout:hover {
        color: #141414;
    }

.form-label {
    float: left;
}
/* Rutuja; 2018/08/06; changes the value of margin left to display textbox properly in case of reset password */
.form-field {
    margin-left: 160px;
    margin-bottom: 10px;
}

h1.ls-header {
    color: Black;
    font-style: italic;
    margin-bottom: 16px;
}

h2.ls-header {
    color: Navy;
    text-decoration: underline;
    margin-bottom: 16px;
}

.ls-section {
    margin-bottom: 16px;
}
/* ====================== New Css Starts ====================================*/

/*********************************header*************************************/
header {
    width: 100%;
    padding: 27px 0 8px;
}

    header .indent-bottom {
        padding-bottom: 19px;
    }

h1 {
    float: left;
    padding-top: 1px;
    padding-left: 4px;
}

.headerImage h1 a {
    display: block;
    width: 350px;
    height: 71px;
    overflow: hidden;
    text-indent: -999em;
    white-space: nowrap;
    background: url(http://pkstadtaarau.ch/img/logo.png) 0 0 no-repeat;
    text-decoration: none;
}

    .headerImage h1 a:hover {
        text-decoration: none;
    }

.secondary-menu {
    float: right;
    overflow: hidden;
}

    .secondary-menu li {
        float: left;
        font: 12px/20px Arial, Helvetica, sans-serif;
        color: #303030;
        text-shadow: 1px 1px 0px #f5f5f5;
        padding: 2px 15px 0;
        background: url(http://pkstadtaarau.ch/img/secondary-menu-separator.gif) right center no-repeat;
        overflow: hidden;
    }

        .secondary-menu li:first-child {
            padding-left: 0;
        }

        .secondary-menu li.last-item {
            padding-right: 0;
            background: none;
        }

    .secondary-menu a {
        color: #9f9f9f;
        text-decoration: none;
    }

        .secondary-menu a:hover {
            text-decoration: none;
            color: #303030;
        }

    .secondary-menu span {
        display: inline-block;
        margin-right: 13px;
        float: left;
    }
/********************************* Content **********************************/
#content {
    width: 100%;
    /*border-bottom: 8px solid #e8e8e8;*/
    /*padding-bottom: 47px;*/
}

    /* Pankaj; 2018/04/12; v1.1.0.0; Overwrite the editor proxy css for bold and italics and ordered list */
    #content b, strong, #content b i {
        font-weight: bold;
    }

    #content i, #content i b {
        font-style: italic;
    }

    #content ol {
        padding-left: 18px;
    }

/*----- Global Structure -----*/
.img-indent {
    float: left;
    margin-right: 20px;
}

.img-indent3-1 {
    float: left;
    margin-right: 18px;
}
/*Added By Sagar -Start- Teaser Image layout*/
.img-indent3-1-Noalign {
    float: none;
    padding-bottom: 18px;
    display: inline-block;
}

.img-indent3-1-right {
    float: right;
    margin-left: 18px;
}
/*End: Teaser Image layout*/
.img-indent4-1 {
    float: left;
    margin-right: 22px;
}

.last-item {
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}

/*By Amit Start*/

.img-indent-right {
    float: right;
    margin-left: 20px;
}


.img-indent4-1-right {
    float: right;
    margin-left: 22px;
}

.img-indent4-1-Noalign {
    width: 250px;
    padding-bottom: 20px;
}

.img-indent-Noalign {
    width: 224px;
    padding-bottom: 20px;
}

.container-text {
    margin-bottom: 20px;
    margin-top: 5px;
}

.extra-wrap {
    margin-bottom: 20px;
}

/*End*/


/* ---------- Tags ---------*/
h3 {
    font: 300 30px/36px Arial, Helvetica, sans-serif;
    color: #7d7d7d;
}

    h3.title1 {
        line-height: 26px;
    }

h4 {
    font: 400 16px/19px 'Lato', sans-serif;
    color: #191919;
}

h5 {
    font: bold 12px/19px Arial, Helvetica, sans-serif;
    color: #4e4e4e;
}

h6 {
    font: normal 12px/20px Arial, Helvetica, sans-serif;
    color: #2e77b8;
}

    h6 a {
        color: #2e77b8;
        text-decoration: none;
    }

        h6 a:hover {
            text-decoration: none;
            color: #414141;
        }

/* Modified by: Pankaj; 2018/04/13; v1.1.0.0; Removed the background image from blockquote */
blockquote {
    width: 100%;
    padding-bottom: 19px;
    font: 12px/20px Arial, Helvetica, sans-serif;
    color: #7d7d7d;
}

.quote-content {
    border: 1px solid #dfdfdf;
    border-bottom-color: #dbdbdb;
    background: url(http://pkstadtaarau.ch/img/quote-tail.gif) center top repeat-x #dbdbdb;
    min-height: 130px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.quote-bg {
    background: url(http://pkstadtaarau.ch/img/quote.png) 17px 11px no-repeat;
    padding: 21px 20px 25px 25px;
}

.quote-caption {
    text-align: right;
    margin-top: -6px;
}

    .quote-caption a {
        text-decoration: none;
    }

        .quote-caption a:hover {
            color: #414141;
        }
/*---------- Columns --------*/
.col-2-1 {
    float: left;
    width: 161px;
    margin-right: 48px;
}

.col-2-1x {
    float: left;
    width: 184px;
    margin-right: 24px;
}

.col-2-1xx {
    float: left;
    width: 191px;
    margin-right: 15px;
}

.col-4 {
    float: left;
    width: 291px;
    margin-right: 13px;
}
/*----------- Boxes ----------*/
.box {
    background: url(http://pkstadtaarau.ch/img/box-tail.gif) center top repeat-x #e2e2e2;
}

#page2 .box {
    background: #dcdcdc;
}

.box .indents {
    padding: 25px 18px 35px;
}

.box h3 {
    font-size: 38px;
    line-height: 46px;
}

.box2 {
    border: 1px solid #e3e3e3;
    background: #fff;
    padding: 14px 14px 12px;
}

.img-box {
    display: block;
    border: 1px solid #e4e4e4;
    background: #fff;
    padding: 7px;
}

.arrow1 {
    background: url(http://pkstadtaarau.ch/img/arrow1.png) 159px 0 no-repeat;
    padding-top: 10px;
}

.arrow2 {
    background: url(http://pkstadtaarau.ch/img/arrow2.png) 367px bottom no-repeat;
    padding-bottom: 14px;
}

.circle {
    float: left;
    margin-right: 14px;
    width: 53px;
    height: 53px;
    overflow: hidden;
    font: bold 36px/53px Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    background: #2e77b8;
    border-radius: 26px;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
}

.block1 {
    float: left;
    margin-right: 20px;
    padding-top: 4px;
    width: 51px;
    height: 63px;
    overflow: hidden;
    font: bold 36px/44px Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    background: url(http://pkstadtaarau.ch/img/block1.png) center top no-repeat;
}

/*Start: For Special Teaser-1 Added By Sagar:Release:1.1.0.0 */
.block1-right {
    float: right;
    margin-right: 0px;
    margin-left: 20px;
}

.block1-Noalign {
    float: none;
}
/*End: For Special Teaser-1*/
/*Start: For Callouts Teaser Added By Sagar:Release:1.1.0.0 */
.teaser-margin-left {
    margin-left: -20px;
}
/*End: For Callouts Teaser*/
/*---------- Links ----------*/
a {
    color: #2e77b8;
    outline: none;
    cursor: pointer;
    text-decoration: underline;
}

    a:hover {
        text-decoration: none;
    }

    a[href^="tel:"] {
        color: #7d7d7d;
        text-decoration: none;
    }

.button, .formbutton120, .btnOkCss {
    border: none;
    display: inline-block;
    cursor: pointer;
    font: 12px/15px Arial, Helvetica, sans-serif;
    color: #414141;
    text-decoration: none;
    text-shadow: 1px 1px 0px #fff;
    background: url(http://pkstadtaarau.ch/img/button-tail.gif) center top repeat-x #f2f2f2;
    padding: 7px 12px;
    margin-bottom: 2px;
    border-top: 1px solid #fff;
    border-left: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 1px 1px #c5c5c5;
    -moz-box-shadow: 0px 1px 1px #c5c5c5;
    -webkit-box-shadow: 0px 1px 1px #c5c5c5;
}

.formbutton120 {
    background: none\9;
    border: none\9;
    margin: 0\9;
    background-color: transparent\9;
}

#loginButtonDiv {
    border: none\9;
    display: inline-block\9;
    cursor: pointer\9;
    font: 12px/15px Arial, Helvetica, sans-serif\9;
    color: #414141\9;
    text-decoration: none\9;
    text-shadow: 1px 1px 0px #fff\9;
    background: url(http://pkstadtaarau.ch/img/button-tail.gif) center top repeat-x #f2f2f2\9;
    margin-bottom: 2px\9;
    border-top: 1px solid #fff\9;
    border-left: 1px solid #f8f8f8\9;
    border-right: 1px solid #f8f8f8\9;
    border-radius: 5px\9;
    -moz-border-radius: 5px\9;
    -webkit-border-radius: 5px\9;
    box-shadow: 0px 1px 1px #c5c5c5\9;
    -moz-box-shadow: 0px 1px 1px #c5c5c5\9;
    -webkit-box-shadow: 0px 1px 1px #c5c5c5\9;
    display: inline-block\9;
}

.button:hover, .formbutton120:hover, .btnOkCss:hover {
    text-decoration: none;
    background-position: center -57px;
    background-color: #f9f9f9;
}

#loginButtonDiv:hover {
    text-decoration: none\9;
    background-position: center -57px\9;
    background-color: #DFDFDF\9;
}
/*---------- Lists -----------*/
.list-1 li {
    font: 12px/20px Arial, Helvetica, sans-serif;
    color: #2e77b8;
    background: url(http://pkstadtaarau.ch/img/marker-1.gif) 0 8px no-repeat;
    padding-left: 18px;
    margin-bottom: 5px;
}

.list-1 a {
    text-decoration: none;
    color: #2e77b8;
}

    .list-1 a:hover {
        text-decoration: none;
        color: #3c3c3c;
    }

.list-2 li {
    font: 300 25px/30px 'Lato', sans-serif;
    margin-bottom: 5px;
}

.list-2 a {
    display: block;
    color: #191919;
    text-decoration: none;
    padding: 12px 17px 13px;
    background: #dbdbdb;
}

    .list-2 a:hover {
        text-decoration: none;
        color: #fff;
        background-color: #2e77b8;
    }
/*---------- Borders ---------*/
.border-bottom {
    border-bottom: 1px solid #d9d9d9;
}
/*---------- Indents ---------*/
p, .p3-1 {
    margin-bottom: 18px;
}

.p0 {
    margin-bottom: 0;
}

.p0-1 {
    margin-bottom: 3px;
}

.p1 {
    margin-bottom: 5px;
}

.p1-1 {
    margin-bottom: 8px;
}

.p2 {
    margin-bottom: 10px;
}

.p2-1 {
    margin-bottom: 12px;
}

.p3 {
    margin-bottom: 15px;
}

.p4 {
    margin-bottom: 20px;
}

.p4-1 {
    margin-bottom: 22px;
}

.p5 {
    margin-bottom: 25px;
}

.p5-1 {
    margin-bottom: 28px;
}

.p6 {
    margin-bottom: 30px;
}

.p6-1 {
    margin-bottom: 32px;
}

.p7 {
    margin-bottom: 35px;
}

.p7-1 {
    margin-bottom: 37px;
}

.p8 {
    margin-bottom: 40px;
}

.p8-1 {
    margin-bottom: 42px;
}

.indent-top1 {
    padding-top: 5px;
}

.indent-right2 {
    padding-right: 10px;
}

.indent-right4 {
    padding-right: 20px;
}

.indent-right5 {
    padding-right: 25px;
}

.indent-right6 {
    padding-right: 30px;
}

.indent-left4 {
    padding-left: 20px;
}

.indent-bottom2 {
    padding-bottom: 10px;
}

.indent-bottom3 {
    padding-bottom: 15px;
}

.indent-bottom4-1 {
    padding-bottom: 22px;
}

.indent-bottom6 {
    padding-bottom: 30px;
}

.indent-bottom7 {
    padding-bottom: 35px;
}

.indent-bottom8-1 {
    padding-bottom: 42px;
}

.indent-bottom9 {
    padding-bottom: 22px;
}

.indent-bottom10 {
    padding-bottom: 50px;
}

.indent-bottom11 {
    padding-bottom: 17px;
}
/*----------- Map ------------*/
#map iframe {
    width: 100%;
    height: 265px;
}

#map dl {
    width: 100%;
    position: relative;
    overflow: hidden;
}

#map dt {
    color: #2e77b8;
    margin-bottom: 20px;
}

#map dl span {
    float: left;
    width: 73px;
}
/********************************* aside **********************************/
aside {
    width: 100%;
    border-bottom: 8px solid #e8e8e8;
    padding: 34px 0 38px;
    font: 13px/20px Arial, Helvetica, sans-serif;
}

    aside .list-1 li {
        font-size: 13px;
    }

.social-icons {
    float: left;
    width: 50%;
    overflow: hidden;
}

    .social-icons li {
        margin-bottom: 10px;
    }

    .social-icons a {
        color: #2e77b8;
        text-decoration: none;
        display: inline-block;
        padding-left: 27px;
        background-position: 0 1px;
        background-repeat: no-repeat;
    }

    .social-icons .icon-1 {
        background-image: url(http://pkstadtaarau.ch/img/icon-1.gif);
    }

    .social-icons .icon-2 {
        background-image: url(http://pkstadtaarau.ch/img/icon-2.gif);
    }

    .social-icons .icon-3 {
        background-image: url(http://pkstadtaarau.ch/img/icon-3.gif);
    }

    .social-icons .icon-4 {
        background-image: url(http://pkstadtaarau.ch/img/icon-4.gif);
    }

    .social-icons a:hover {
        color: #414141;
    }
/************************************** Footer *************************************/
footer {
    width: 100%;
    padding: 26px 0 35px;
    overflow: hidden;
    font: 13px/20px Arial, Helvetica, sans-serif;
    margin-top: 20px;
    border-top: solid 8px #e8e8e8;
}

.footer-text {
    float: left;
}
    /* Binjan; 14.08.2018; v1.3.0.0; Add space in footer text and link */
    .footer-text span {
        margin-right: 13px;
    }

    .footer-text a {
        color: #2e77b8;
        text-decoration: none;
        margin-right: 15px;
    }

        .footer-text a:hover {
            color: #7d7d7d;
        }

.footer-link {
    float: right;
}
/* ====================== New Css Ends ====================================*/

/* ================================= Search Css Starts ====================*/
#search-data {
    position: relative;
    vertical-align: top;
    width: 186px;
    float: left;
    padding-right: 1px;
    margin-top: -2px;
}

    #search-data span {
        display: inline-block;
        margin-right: 0;
        float: left;
    }

.searchControl {
    width: 176px;
    border: none;
    padding: 0;
    overflow: hidden;
    background: #f9f9f9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 1px 1px 1px #dadada;
    -moz-box-shadow: 1px 1px 1px #dadada;
    -webkit-box-shadow: 1px 1px 1px #dadada;
    padding: 0 5px;
    margin-bottom: 2px;
}

.searchData label {
    display: block;
    float: left;
}

.searchControl input[type='text'] {
    padding: 5px 5px 6px;
    background: none;
    border: none;
    font: 12px Arial, Helvetica, sans-serif;
    color: #7d7d7d;
    margin: 0;
    outline: none;
    width: 140px;
}

.searchButtonCss {
    z-index: 999;
    padding: 0 !important;
    margin: 0 !important;
    float: right !important;
    display: block !important;
    width: 21px !important;
    height: 26px !important;
    background: url(http://pkstadtaarau.ch/img/search-button.gif) center 9px no-repeat !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

    .searchButtonCss:hover {
        z-index: 999;
        background-position: center -40px !important;
        text-decoration: none !important;
    }
/* ================================= Search Css Ends ====================*/
.visibleOverFlow {
    overflow: visible;
}

.contentDiv {
    display: inline-block;
}
/* =================== 33% Container with Background: #DFDFDF Starts ==================*/
.thirty-3MainDiv {
    padding-right: 13px;
}

#thirty-3WrapperDiv {
    width: 33.33333%;
    display: inline-block;
}
/* =================== 33% Container with Background: #DFDFDF End ==================*/
/* =================== 33% Container (Image size:261x269) Starts ==================*/
.thirty-3-ImgCont-Img {
    width: 261px;
    height: auto; /*height:269px;*/
}

.hyp-33-ImgCont {
    font: normal 12px/20px Arial, Helvetica, sans-serif;
    color: #2e77b8;
    text-decoration: none;
}

.thirty-3-ImgDiv {
    width: 291px;
    padding: 0px 11px;
    margin-bottom: 35px;
    display: inline-block;
}

/* =================== 33% Container (Image size:261x269) Ends ==================*/

/* =================== 33% Special Container (A,B,C) Starts ==================*/
.thirty-3-SpecialContainer {
    width: 161px;
    margin: 0 16px 20px 16px;
    display: inline-block;
}
/* =================== 33% Special Container (A,B,C) Ends ==================*/

/* START: Partner containers related class */
.contenPartner {
    width: 29.4%;
    display: inline-block;
    *display: inline;
    margin-bottom: 30px;
    margin-right: 24px;
}

.contentPartnerDisplay {
    display: inline-block;
}

.linkCss {
    color: #2e77b8;
}

    .linkCss:hover {
        text-decoration: none;
        color: #2e77b8;
    }

.partnerImage {
    width: 168px;
}
/*End*/

/* Professional container */
.contentProfessional {
    width: 30.9%;
    margin-bottom: 15px;
    margin-right: 15px;
    display: inline-block;
    *display: inline;
}

/* END*/

.container-box-content {
    margin-bottom: 42px;
}

.container-box {
    word-break: break-word;
}

.minHeight {
    min-height: 1px;
    height: 100%;
}

/* ----------------------------- List for Container area and Teaser area ---------------------------------- */
/* Modified by: Pankaj; 2018/04/13; v1.1.0.0; Modified font size to 16px for list */
#content li {
    font: 16px/20px Arial, Helvetica, sans-serif;
    padding-left: 18px;
    margin-bottom: 5px;
}
/*Modified By : Abhishek ; Modified On : 23/10/2017 ; Version : 1.0.0.0 ; Purpose: To set the font style of the container.*/
#content a {
    font: bold 16px/24px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #2e77b8;
}

    #content a:hover {
        text-decoration: none;
        color: #3c3c3c;
    }

.gridStandardContainer {
    float: left;
    min-width: 620px;
}


/*News CSS Start*/
.news-teaser-list {
}

    .news-teaser-list a {
        color: #2e77b8;
    }

.news-teaser-item a:hover {
    color: #e66a11;
    text-decoration: none;
}

.news-teaser-list .news-teaser-image {
    float: left;
}

.news-teaser-item {
    margin-bottom: 10px;
}

    .news-teaser-item h2 a {
        color: #2e77b8;
        text-decoration: none;
    }

        .news-teaser-item h2 a:hover {
            color: #e66a11;
            text-decoration: underline;
        }

.newsBoxTitle {
    display: block;
    float: none;
    font-size: 1.75em;
    margin: 1px 0 10px 0;
    color: #000;
    padding-left: 0px;
}

.rssFeed img {
    margin-top: 5px;
}

/*News CSS End*/
/*===========================Start CUG Container===================================*/
/*Added By : Binjan; Date : 2018/08/01; Purpose : To set the css folder cug container*/
.selected-treeview-node {
    background-color: #B5B5B5;
}

.controls {
    margin-bottom: 10px;
    display: inline-block;
}

.cug-btn {
    outline: none;
    border: solid 1px #B5B5B5;
    border-radius: 5px;
    background-color: lightgray;
    background-repeat: no-repeat;
    background-position: 5px center;
    padding: 8px 5px 5px 20px;
    font-size: 12px !important;
}

.folder-add {
    background-image: url('http://pkstadtaarau.ch/img/cug/folder-add.png');
}

.folder-rename {
    background-image: url('http://pkstadtaarau.ch/img/cug/rename.png');
}

.folder-delete {
    background-image: url('http://pkstadtaarau.ch/img/cug/folder-delete.png');
}

.file-add {
    background-image: url('http://pkstadtaarau.ch/img/cug/file-add.png');
}

.file-rename {
    background-image: url('http://pkstadtaarau.ch/img/cug/rename.png');
}

.file-delete {
    background-image: url('http://pkstadtaarau.ch/img/cug/file-delete.png');
}

.file-download {
    background-image: url('http://pkstadtaarau.ch/img/cug/file-download.png');
}

.d-none {
    display: none;
}

.h-20 {
    height: 20px;
}

.overflow-hidden {
    overflow: hidden;
}

.w-50, .w-25, .w-18 {
    display: inline-block;
}

.w-50 {
    width: 50% !important;
}

.w-25 {
    width: 25% !important;
}

.w-18 {
    width: 18% !important;
}

.pr-2 {
    padding-right: 2% !important;
}

.text-align-right {
    text-align: right;
}


.folderFile {
    width: 920px;
    border: solid 1px #B5B5B5;
    border-radius: 5px;
    padding: 10px;
}

.folder {
    width: 298px;
    padding-right: 6px;
    /* CSS for equal height of the sibbing DIVs */
    display: table-cell;
    vertical-align: top;
}

.file {
    width: 600px;
    padding-left: 10px;
    border-left: solid 1px #B5B5B5;
    /* CSS for equal height of the sibbing DIVs */
    display: table-cell;
    vertical-align: top;
}

    .folder a, .file a {
        font-size: 12px !important;
    }

        .folder a[href*="SkipLink"] {
            display: none;
        }
/*Modified by : Rutuja , Date : 08-08-2018 , Purpose : To display on vertical scroll*/
.folder-tree {
    overflow-y: hidden;
    overflow-x: auto;
    width: 298px;
}

    /* Setting folder image */
    .folder-tree td > img {
        width: 14px;
        height: 14px;
    }

    .folder-tree a > img {
        padding: 3px 5px 0 0;
    }

    .folder-tree img[src*="dir"] {
        padding-top: 7px;
    }

    .folder-tree img[src*="folder"] {
        width: 20px;
        height: 20px;
    }
/*===========================End CUG Container===================================*/

@media only screen and (max-width: 995px) {
    p, .p3, .p3-1 {
        margin-bottom: 15px;
    }

    .p4-1, .p5, .p5-1, .p6, .p6-1, .p7, .p7-1, .p8, .p8-1 {
        margin-bottom: 20px;
    }

    h3 {
        margin-bottom: 15px !important;
    }

    .indent-right2, .indent-right4, .indent-right5, .indent-right6 {
        padding-right: 0;
    }

    .indent-left4 {
        padding-left: 0;
    }

    .indent-bottom4-1, .indent-bottom8-1, .indent-bottom10 {
        padding-bottom: 20px;
    }

    .indent-bottom3, .indent-bottom7 {
        padding-bottom: 30px;
    }

    .col-2-1 {
        width: 140px;
        margin-right: 30px;
    }

    .col-2-1x {
        width: 150px;
        margin-right: 20px;
    }

    .col-2-1xx {
        width: 154px;
    }

    .col-4 {
        width: 236px;
        margin-right: 20px;
    }
    /*-----------------------------------------*/
    .arrow1 {
        background-position: 130px 0;
    }

    .arrow2 {
        background-position: 300px bottom;
    }

    .arrow1 .arrow2 .indent-top1 {
        padding-top: 0;
    }

    .arrow1 .arrow2 .wrapper {
        margin-bottom: 10px !important;
    }

    .list-2 li {
        font-size: 20px;
        line-height: 24px;
    }

    /*By Amit Start*/
    .img-indent4-1-Noalign {
        width: 100%;
    }

    .img-indent-Noalign {
        width: 100%;
    }
    /*By Amit End*/
    /*Start: For Callouts Teaser Added By Sagar:Release:1.1.0.0 */
    .teaser-margin-left {
        margin-left: 0px;
    }
    /*End: For Callouts Teaser*/

    /* =================== 33% Container with Background: #DFDFDF Starts ==================*/

    /* =================== 33% Container with Background: #DFDFDF End ==================*/
    .thirty-3-SpecialContainer {
        width: 140px;
        margin: 0 10px 20px 10px;
        display: inline-block;
    }
    /*========== 33 % Image Container Starts ===================== */
    .thirty-3-ImgDiv {
        width: 236px;
        padding: 0px 7px 0px 6px;
        margin-bottom: 35px;
        display: inline-block;
    }

    .thirty-3-ImgCont-Img {
        width: 100%;
        height: auto;
    }
    /*========== 33% Image Container Ends ===================== */
    /*Partner container related*/
    .contenPartner {
        /*width:150px;*/
        margin-bottom: 30px;
        margin-right: 20px;
    }

    .partnerImage {
        width: auto;
    }

    /*END Partner css*/

    /* 33% Professional Containers */
    .contentProfessional {
        margin-bottom: 15px;
        margin-right: 15px;
        display: inline-block;
    }
    /*END Professional*/


    /*Start News Related css */
    .rssFeed img {
        width: 23px;
        height: 23px;
    }

    .additionalImage img {
        width: 40px;
        height: 40px;
    }

    .symbolFile img {
        width: 25px;
        height: 22px;
    }

    .gridStandardContainer {
        float: left;
        min-width: 100%;
    }

    /*End News Related css */

    /*Added By : Rutuja; Date : 2018/08/02; Purpose : To set the css for  cug container*/
    .folderFile {
        width: 725px;
    }

    .folder {
        width: 315px;
    }
    /*End CUG container Related css */
}

@media only screen and (max-width: 767px) {
    .indent-top1 {
        padding-top: 0;
    }

    .col-2-1 {
        width: 123px;
        margin-right: 20px;
    }

    .col-2-1x {
        width: 126px;
    }

    .col-2-1xx {
        width: 130px;
    }

    .col-4 {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    /*-----------------------------------------*/
    h1 {
        float: none;
        margin-bottom: 15px;
        padding-left: 0;
    }

    .secondary-menu {
        float: none;
    }

    .box {
        padding: 25px 0 30px;
    }

        .box .indents {
            padding: 0 18px;
        }

    .circle {
        float: none;
        margin: 0 auto 20px;
    }

    .arrow1 {
        background-position: 110px 0;
    }

    .arrow2 {
        background-position: 250px bottom;
    }

    .social-icons li {
        float: left;
        width: 50%;
    }

    .footer-text, .footer-link {
        float: none;
    }
    /*By Amit Start*/
    .img-indent4-1-Noalign {
        width: 100%;
    }

    .img-indent-Noalign {
        width: 100%;
    }
    /*By Amit End*/
    /*Start: For Callouts Teaser Added By Sagar:Release:1.1.0.0 */
    .teaser-margin-left {
        margin-left: 0px;
    }

    blockquote {
        padding-bottom: 18px;
    }
    /*End: For Callouts Teaser*/
    /* =================== 33% Container with Background: #DFDFDF Starts ==================*/
    #thirty-3WrapperDiv {
        display: inline-block;
        width: 100%;
    }
    /* =================== 33% Container with Background: #DFDFDF End ==================*/
    .thirty-3-SpecialContainer {
        width: 100%;
        margin: 0;
        margin-bottom: 40px;
        display: block;
    }
    /*========== 33 % Image Container Starts ===================== */
    .thirty-3-ImgDiv {
        width: 100%;
        padding-left: 0px;
        padding-right: 22px;
        margin-bottom: 35px;
    }

    .thirty-3-ImgCont-Img {
        width: 100%;
        height: auto;
    }
    /*========== 33% Image Container Ends ===================== */
    /*Partner css related*/
    .contenPartner {
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0px;
    }

    .contentPartnerDisplay {
        display: block;
    }

    .partnerImage {
        width: auto;
    }

    /*By Amit End*/

    /* 33% Professional Containers */
    .contentProfessional {
        width: 100%;
        margin-bottom: 15px;
        margin-right: 15px;
        display: inline-block;
    }
    /*END Professional*/


    /*Start News Related css */
    .rssFeed img {
        width: 23px;
        height: 23px;
    }

    .additionalImage img {
        width: 40px;
        height: 40px;
    }

    .symbolFile img {
        width: 25px;
        height: 22px;
    }

    /*End News Related css */

    /*Remove the equal height for mobile layouts*/
    /*.equal_height,.equal_height194,.equal_height196 {height:auto !important;}
    .equal_height197 {height:100% !important;}*/

    .gridStandardContainer {
        float: left;
        min-width: 100%;
    }

    /*Added By : Rutuja; Date : 2018/08/02; Purpose : To hide the css for cug container*/
    .folderFile {
        display: none;
    }
    /*End CUG container Related css */

    /*Modified by : Rutuja , Date : 10-08-2018, Purpose : For proper alignment of textbox*/
    input.grayBox300 {
        width: 259px;
    }
}

@media only screen and (max-width: 479px) {
    .col-2-1, .col-2-1x, .col-2-1xx {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }
    /*-----------------------------------------*/
    .secondary-menu li {
        background: none;
    }

        .secondary-menu li:first-child {
            background: url(http://pkstadtaarau.ch/img/secondary-menu-separator.gif) right center no-repeat;
        }

        .secondary-menu li.last-item {
            float: none;
            width: 245px;
            padding-left: 0;
            padding-top: 15px;
        }

    .arrow1 {
        padding-top: 0;
        background: url(http://pkstadtaarau.ch/img/arrow1-mp.png) 0 155px no-repeat;
    }

    .arrow2 {
        padding-bottom: 0;
        background: url(http://pkstadtaarau.ch/img/arrow2-mp.png) right 340px no-repeat;
    }

    .social-icons li {
        float: none;
        width: 100%;
    }

    /*By Amit Start*/
    .img-indent4-1-Noalign {
        width: 100%;
    }

    .img-indent-Noalign {
        width: 100%;
    }
    /*By Amit End*/
    /*Start: For Callouts Teaser Added By Sagar:Release:1.1.0.0 */
    .teaser-margin-left {
        margin-left: 0px;
    }
    /*End: For Callouts Teaser*/
    /* =================== 33% Container with Background: #DFDFDF Starts ==================*/
    #thirty-3WrapperDiv {
        display: inline-block;
        width: 100%;
    }
    /* =================== 33% Container with Background: #DFDFDF End ==================*/

    /*========== 33 % Image Container Starts ===================== */
    .thirty-3-ImgDiv {
        width: 100%;
        padding-right: 22px;
        margin-bottom: 35px;
    }

    .thirty-3-ImgCont-Img {
        width: 100%;
        height: auto;
    }
    /*========== 33% Image Container Ends ===================== */

    /* 33% Partner container related css related*/
    .contenPartner {
        width: 100%;
        margin-bottom: 40px;
        margin-right: 0;
        float: none;
    }

    .partnerImage {
        width: auto;
    }
    /*By Amit End*/

    /*By Amit End*/

    /* 33% Professional Containers */
    .contentProfessional {
        width: 100%;
        margin-bottom: 40px;
        margin-right: 0;
        display: inline-block;
    }
    /*END Professional*/

    /*Start News Related css */
    .rssFeed img {
        width: 23px;
        height: 23px;
    }

    .additionalImage img {
        width: 40px;
        height: 40px;
    }

    .symbolFile img {
        width: 25px;
        height: 22px;
    }

    .gridStandardContainer {
        float: left;
        min-width: 100%;
    }
    /*End News Related css */

    /*Modified by : Rutuja , Date : 06-08-2018, Purpose : added width : 100%  for responsiveness*/
    .form-label {
        float: left;
        width: 100%;
    }
    /*Modified by : Rutuja , Date : 06-08-2018, Purpose : added margin-left: 0px for responsiveness*/
    .form-field {
        margin-left: 0px;
        margin-bottom: 10px;
    }
    /*Modified by : Rutuja , Date : 10-08-2018, Purpose : For proper alignment of textbox*/
    input.grayBox300 {
        width: 298px;
    }
}

/*
     FILE ARCHIVED ON 19:25:58 Jul 18, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:34:37 Nov 03, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 5.535
  load_resource: 342.766
  PetaboxLoader3.resolve: 157.539
  PetaboxLoader3.datanode: 120.998 (2)
  loaddict: 104.461
*/


/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/lato/v22/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/lato/v22/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*
     FILE ARCHIVED ON 00:44:35 Apr 01, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:34:38 Nov 03, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.667
  load_resource: 462.419
  PetaboxLoader3.resolve: 421.561
  PetaboxLoader3.datanode: 26.308 (2)
  loaddict: 19.899
*/


#slides{
	width: 100%;
	position:relative;
	overflow:hidden;
}
.slides_container{
	width:940px;
	height:460px;
	overflow:hidden;
}
.slide{width:940px; height:auto;}

/* Control Nav */
.pagination{position:absolute; bottom:30px; left:51px; overflow:hidden; z-index:999;}
	.pagination li{
		float:left;
		font-size:0px;
		line-height:0;
		margin-right:5px;
		text-indent:-5000px;
	}
		.pagination li a{
			display:block;
			height:19px;
			width:19px;
			background: url(http://pkstadtaarau.ch/img/pagination.png) -24px 0 no-repeat;
		}
			.pagination li.current a,.pagination li a:hover{background-position:0 0;}
			.pagination li.current a{cursor:default;}

/* Caption */
.caption{
	z-index:999;
	position:absolute;
	top:0px;
	left:0px;
	width:540px;
	padding: 340px 0 0 44px;
	overflow:hidden;
	font: 300 30px/36px 'Lato', sans-serif;
	color:#fff;
}
	.caption strong{font-weight:700; color:#2e77b8;}
	.caption span{display:block; margin-top:-20px; font: 300 30px/36px 'Lato', sans-serif;}

@media only screen and (max-width: 995px){
	.slides_container{width:748px; height:366px;}
	.slide{width:748px;}
	.caption{padding:130px 0 0 35px; font-size:55px; line-height:66px;}
}
@media only screen and (max-width: 767px){
	.slides_container{width:420px; height:206px;}
	.slide{width:420px;}
	.caption{display:none !important;}
	.pagination{bottom:auto; top:20px; left:20px;}
}
@media only screen and (max-width: 479px){
	.slides_container{width:300px; height:147px;}
	.slide{width:300px;}
	.pagination{top:15px; left:15px;}
}
/*
     FILE ARCHIVED ON 08:28:32 May 24, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:34:42 Nov 03, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.601
  load_resource: 519.45
  PetaboxLoader3.resolve: 168.396
  PetaboxLoader3.datanode: 240.416
*/