/* Reset */

body {
    font-family: 'Open Sans', sans-serif;
}

/* Header */

.Mainheader {
    border-top: 10px solid #013c72;
    color: #ffffff;
}

.blueHeader {
    margin-bottom: 30px;
    padding: 15px 0px;
    background-color: #04A1CD;
    text-transform: uppercase;
    font-size: 16px;
}

.contactLogin a {
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    font-size: 12px;
}

    .contactLogin a:hover {
        color: #013c72;
    }

.circleBox {
    font-size: 8px;
    padding: 0 10px;
}

.annArborLogoContainer {
    position: relative;
    /*overflow: hidden;*/
}

.annArborLogo {
    display: block;
    width: 132px;
    height: 60px;
    background-image: url("../images/ann-arbor1.png");
    text-indent: -99999;
    background-repeat: no-repeat;
}

a[target="_blank"]:not(.noicon):after, a[rel="external"]:not(.noicon):after {
    content: " ";
}

/*/* Menu */ /*

.mainMenu {
    margin-top: 7px;
    background: #eeeeee;
    border: none;
}

    .mainMenu ul li {
        padding: 10px 16px 8px 16px !important;
        text-transform: uppercase;
        background: none;
        color: #666666;
        border-bottom: 6px solid transparent;
    }

        .mainMenu ul li a, .mainMenu ul li a:hover, .mainMenu ul li a span, .mainMenu ul li a:hover span {
            background-color: transparent !important;
        }

        .mainMenu ul li:hover {
            border-bottom: 6px solid red;
            background: #e5e5e5;
            color: #013c72;
        }*/


.mainMenu {
    margin-top: 7px;
    background: #eeeeee;
    border: none;
}

    .mainMenu ul {
        float: left;
        /*overflow-x: scroll;*/
    }

        .mainMenu ul li {
            padding: 13px 16px 10px 16px !important;
            text-transform: uppercase;
            background: none;
            color: #666666;
            border-bottom: 6px solid transparent;
        }

            .mainMenu ul li a, .mainMenu ul li a:hover, .mainMenu ul li a span, .mainMenu ul li a:hover span {
                background-color: transparent !important;
            }

            .mainMenu ul li:hover, .mainMenu ul li.selected {
                border-bottom: 6px solid red;
                background: #e5e5e5;
                color: #013c72;
            }

.searchBox {
    padding: 10px 16px;
}

    .searchBox input:focus {
        outline: none;
    }

    .searchBox .searchText {
        width: 235px;
    }

    .searchBox .searchBtn {
        border-color: #dddddd;
        background: #ffffff url(../images/search.jpg) center center no-repeat;
        cursor: pointer;
    }

#megamenu ul.root li a {
    border-top: none;
}

#megamenu {
    float: left;
}

.searchBox input.NormalTextBox {
    width: 155px;
    height: 34px;
    border-radius: 0px;
}

.searchBox a.SkinObject {
    width: 34px;
    height: 32px;
    background: #ffffff url(../images/search.jpg) center center no-repeat;
    border: 1px solid #dddddd;
    border-left: none;
    cursor: pointer;
}


/* Middle */

.middle .uspCol ul {
    list-style: none;
    margin: 0;
    padding: 20px;
}

.middle .bigIcon {
    width: auto;
    height: 150px;
    font-weight: bold;
    text-transform: uppercase;
    color: #013C72;
}

.middle .singleLineText {
    padding: 68px 0 0 155px;
}

.middle .uspCol ul.uspNav {
    background-color: #f6f6f6;
}

    .middle .uspCol ul.uspNav li a {
        display: block;
        padding: 5px 0px 8px 0px;
        color: #013C72;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 12px;
        background: url(../images/line-back.jpg) left bottom repeat-x;
    }

        .middle .uspCol ul.uspNav li a span {
            display: inline-block;
            width: 6px;
            height: 9px;
            margin-right: 10px;
            background: url(../images/arrow-icon.png) left top no-repeat;
        }

        .middle .uspCol ul.uspNav li a:hover {
            color: #e22319;
        }

            .middle .uspCol ul.uspNav li a:hover span {
                background: url(../images/arrow-icon.png) left -9px no-repeat;
            }

    .middle .uspCol ul.uspNav li:first-child a {
        padding-top: 0px;
    }

    .middle .uspCol ul.uspNav li:last-child a {
        padding-bottom: 0px;
        background-image: none;
    }

.middle .doubleLineText {
    padding: 55px 0 0 155px;
}

.middle .genInfo {
    background: #eeeeee url(../images/general-info.png) 25px 27px no-repeat;
}

.middle .monPrkg {
    background: #eeeeee url(../images/monthly-parking.png) 25px 29px no-repeat;
}

.middle .meter {
    background: #eeeeee url(../images/meter.png) 25px 29px no-repeat;
}

.middle .alerts {
    background: #eeeeee url(../images/alerts.png) 25px 29px no-repeat;
}

/* Footer */

.footer {
    font-size: 12px;
    color: #ffffff;
}

.footerText {
    margin-top: 46px;
}
    /*Modified for Contact us link*/
    .footerText, .footerText a {
        font-size: 13px;
        color: #ffffff;
    }

        .footerText a:hover {
            color: #013c72;
        }
/**/
.blueFooter {
    background-color: #04A1CD;
}

.darkBlueFooter {
    background-color: #013c72;
}

.contactNoText {
    font-size: 14px;
    color: #ffffff;
}

.socialMediaBtn ul {
    list-style: none;
}

    .socialMediaBtn ul li {
        float: left;
        margin-right: 6px;
    }

.socialMediaIcon {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(../images/social-media.png);
}

a:not(.noicon)[href*="facebook.com"]:before,
a:not(.noicon)[href*="twitter.com"]:before {
    content: " ";
}

.faceBook {
    background-position: 0px 0px;
}

.twitter {
    background-position: -30px 0px;
}

.linkedIn {
    background-position: -60px 0px;
}

.youTube {
    background-position: -90px 0px;
}

    .faceBook:hover, .twitter:hover, .linkedIn:hover, .youTube:hover {
        background-color: #013c72;
    }

.favoriteLinks ul {
    list-style: none;
    margin: 0;
}

.favoriteLinks li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    font-size: 11px; /*Modified*/
    text-transform: uppercase; /*Modified*/
}

    .favoriteLinks li a:hover {
        color: #013c72;
    }

.footerLink span a {
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
}

    .footerLink span a:hover {
        color: #999999;
    }

a.innerLink {
    color: #ffffff;
}

    a.innerLink:hover {
        text-decoration: none;
        color: #013c72;
    }

p {
    font-size: 13px !important;
    text-align: justify !important;
}

/* Responsive */

@media (min-width:768px) and (max-width:1024px) {
}

@media (min-width:768px) and (max-width:1024px) and (min-width:768px) and (min-width:481px) {
}

@media (max-width:1024px) {
    .mainMenu::before {
        padding: 8px 0 8px 12px !important;
    }

    .hamburger {
        padding-top: 10px !important;
    }

    .mainMenu ul {
        width: 100%;
        overflow-x: scroll;
    }

        .mainMenu ul li {
            padding: 0px !important;
            border: none !important;
        }

            .mainMenu ul li a {
                padding: 8px 0 6px 12px;
                font-size: 12px;
                white-space: nowrap;
            }

    .annArborLogo {
        float: right;
    }
}

@media (max-width:767px) and (min-width:481px) {
    .socialMediaBtn ul {
        width: 144px;
        margin: 0 auto;
        float: none;
    }

    .footerText {
        margin-top: 15px;
    }
}

@media (max-width:480px) {
    .socialMediaBtn ul {
        width: 144px;
        margin: 0 auto;
        float: none;
    }

    .footerText {
        margin-top: 15px;
    }

    .appVersion {
        text-align: center !important;
    }
}

.logoDiv {
    position: relative;
    overflow: hidden;
}

.Menufont {
    font-size: 14px;
}

.align-center-text {
    text-align: center !important;
}