/* Usable width of a container */
@media(min-width:768px) {
    .container {
        width: 90%;
    }
}

/************************************ Customize Here *****************************************/
/*            Override the styles in this section to customize your application.             */
/*********************************************************************************************/

/* Background color for the pages. Choose one of the Kentico theme colors (from style guide)*/
.pageBackground, .canvas, body, #mobileApplicationTitle {
    /* Content Specific Sections */
    /*background: #3486C3;*/
    /* Law Enforcement */
    /*background: #102443;*/
    /* Government Entities */
    /*background: #9F123C;*/
    /* Legal Community */
    /*background: #D48033;*/
    /* Business and Non-Profits */
    /*background: #209B99;*/
    /* Individuals and Families */
    /*background: #931062;*/
}

/* Main image displayed near the top of the page */
#mainImage {
    background: url(/CommonSettings/KenticoDefaultImage.jpg) no-repeat left;
}

/* The watermark overlays the main image */
.watermark {
    background: url(/CommonSettings/KenticoDefaultWatermark.png) no-repeat left;
}

/********************************* End of Customize Here ******************************************/

body {
    padding-top: 50px;
    padding-bottom: 0px;
    font-family: 'Lato', sans-serif;
}

.navbar {
    height: 63px;
}

/* Text color of menu items */
.navbar-static-top .navbar-brand,
.navbar-static-top .navbar-brand:hover,
.navbar-static-top .navbar-nav > li > a,
.navbar-static-top .navbar-nav > li > a:hover {
    color: white;
}

/* Highlight color of menu items */
.navbar-fixed-top .navbar-brand:hover,
.navbar-fixed-top .navbar-nav > li > a:hover {
    background-color: gray;
}


/* Lock the navigation menu bar to the top of the viewing area */
.navbar.affix {
    width: 100%;
    top: 0px;
}

.navbar-inverse, .navbar-container {
    background: rgba(50, 50, 50, .85);
    border-bottom: 0px;
}

    .navbar-inverse .navbar-nav > li > a {
        background-color: transparent;
        font-weight: 300;
        vertical-align: middle;
        line-height: 63px;
        padding-bottom: 0px;
        padding-top: 0px;
    }

        .navbar-inverse .navbar-nav > li > a:hover {
            background: #000;
            text-decoration: underline;
        }



/* The watermark characteristics */
.watermark {
    position: absolute;
    top: 60px;
    width: 100%;
    height: 300px;
    z-index: 1;
    margin-left: 25px;
    max-width: 500px;
}

/* The main image characteristics */
#mainImage {
    height: 300px;
    width: 100%;
    z-index: 1;
    border-style: none;
    border-width: 0;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: -2px;
    background-position: left;
    border-bottom-left-radius: 1000px 30px;
    border-bottom-right-radius: 1000px 30px;
}

/* Characteristics for the title of the application */
#applicationTitle, #mobileApplicationTitle {
    z-index: 2;
}

#applicationTitle {
    color: white;
    text-align: right;
    text-shadow: 2px 2px #222222;
    font-size: 32px;
    font-weight: 900;
    margin-top: 15px;
}

#mobileApplicationTitle {
    color: white;
    text-shadow: 2px 2px #222222;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
}

#mobileApplicationTitleImage {
    height: 70px;
}

#mobileApplicationTitleDesc {
    margin-top: 0;
}

/* Characteristics of the menu bar */
.topBarColor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 63px;
    z-index: 1;
}

/* Wrapper around the entire body of the page */
#wrapper {
    z-index: -20;
    cursor: default;
}

/* Use this class to force no Ibar cursor unless it's a text control. */
.NoIbar {
    cursor: default;
}

/* Characteristics of a container on the page */
.container {
    background: white;
    max-width: 1170px;
}


.navbar-inverse .navbar-nav > li > a {
    color: white;
    background-color: rgb(34, 34, 34);
}

    .navbar-inverse .navbar-nav > li > a > img {
        height: 20px;
    }

.navbar-inverse .navbar-toggle {
    border-color: white;
}

/* Special characteristics for the container holding the menu bar */
.navbar-container {
    background: none;
    background-color: rgb(34, 34, 34);
    /*opacity: 0.6;*/
}

.nav {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 100;
}

.navbar-nav > li > a {
    padding-top: 12px;
}

.navbar-fixed-top {
    border-width: 0 0 1px;
    border-color: rgb(34, 34, 34);
}

.application-container {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    background: url(/CommonSettings/KenticoPlainBG.png) repeat left;
}

.footer-container {
    border-top-color: lightgray;
    border-top-style: solid;
    border-top-width: 1px;
    /*margin-top: 1px;*/
}

.pad {
    padding: 15px;
}

.shadow {
    box-shadow: 20px 0px 20px -7px rgba(50,50,50,0.5), -20px 0px 20px -7px rgba(50,50,50,0.5);
}

/******************* Kentico Footer (below) ***************************/

/*#Fonts#*/

@font-face {
    font-family: 'Droid Serif';
    src: url('//www.ohioattorneygeneral.gov//fonts/droidserif-webfont.eot');
    src: url('//www.ohioattorneygeneral.gov//fonts/droidserif-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/droidserif-webfont.woff') format('woff'), url('/fonts/droidserif-webfont.ttf') format('truetype'), url('/fonts/droidserif-webfont.svg#droid_serifregular') format('svg');
    font-weight: 400;
    font-style: normal;
    src: local('Droid Serif'), local('DroidSerif'), url(//themes.googleusercontent.com/static/fonts/droidserif/v3/0AKsP294HTD-nvJgucYTaIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
    font-family: 'Droid Serif';
    src: url('//www.ohioattorneygeneral.gov//fonts/droidserif-bolditalic-webfont.eot');
    src: url('//www.ohioattorneygeneral.gov//fonts/droidserif-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/droidserif-bolditalic-webfont.woff') format('woff'), url('/fonts/droidserif-bolditalic-webfont.ttf') format('truetype'), url('/fonts/droidserif-bolditalic-webfont.svg#droid_serifbold_italic') format('svg');
    src: local('Droid Serif Bold Italic'), local('DroidSerif-BoldItalic'), url(//themes.googleusercontent.com/static/fonts/droidserif/v3/c92rD_x0V1LslSFt3-QEpgRV2F9RPTaqyJ4QibDfkzM.woff) format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Droid Serif';
    src: url('//www.ohioattorneygeneral.gov//fonts/droidserif-italic-webfont.eot');
    src: url('//www.ohioattorneygeneral.gov//fonts/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/droidserif-italic-webfont.woff') format('woff'), url('/fonts/droidserif-italic-webfont.ttf') format('truetype'), url('/fonts/droidserif-italic-webfont.svg#droid_serifitalic') format('svg');
    src: local('Droid Serif Italic'), local('DroidSerif-Italic'), url(//themes.googleusercontent.com/static/fonts/droidserif/v3/cj2hUnSRBhwmSPr9kS5899kZXW4sYc4BjuAIFc1SXII.woff) format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('//www.ohioattorneygeneral.gov//fonts/lato-light-webfont.eot');
    src: url('//www.ohioattorneygeneral.gov//fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/lato-light-webfont.woff') format('woff'), url('/fonts/lato-light-webfont.ttf') format('truetype'), url('/fonts/lato-light-webfont.svg#lato') format('svg');
    src: local('Lato Light'), local('Lato-Light'), url(//themes.googleusercontent.com/static/fonts/lato/v6/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('//www.ohioattorneygeneral.gov//fonts/lato-regular-webfont.eot');
    src: url('//www.ohioattorneygeneral.gov//fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/lato-regular-webfont.woff') format('woff'), url('/fonts/lato-regular-webfont.ttf') format('truetype'), url('/fonts/lato-regular-webfont.svg#lato') format('svg');
    src: local('Lato Regular'), local('Lato-Regular'), url(//themes.googleusercontent.com/static/fonts/lato/v6/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('//www.ohioattorneygeneral.gov//fonts/oswald-light-webfont.eot');
    src: url('//www.ohioattorneygeneral.gov//fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/oswald-light-webfont.woff') format('woff'), url('/fonts/oswald-light-webfont.ttf') format('truetype'), url('/fonts/oswald-light-webfont.svg#oswald') format('svg');
    src: local('Oswald Light'), local('Oswald-Light'), url(//themes.googleusercontent.com/static/fonts/oswald/v5/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('//www.ohioattorneygeneral.gov//fonts/oswald-webfont.eot');
    src: url('//www.ohioattorneygeneral.gov//fonts/oswald-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/oswald-webfont.woff') format('woff'), url('/fonts/oswald-webfont.ttf') format('truetype'), url('/fonts/oswald-webfont.svg#oswald') format('svg');
    src: local('Oswald '), local('Oswald'), url(//themes.googleusercontent.com/static/fonts/oswald/v5/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}


#footer {
    padding: 0;
    margin: 0;
    list-style: none;
    font: italic 14px 'Droid Serif', serif;
    background-color: white;
}

    #footer ul {
        padding: 0px;
    }

        #footer ul li {
            font: 300 14px 'Lato', sans-serif;
            padding: 5px 0;
            list-style: none;
        }

    #footer a {
        color: #555;
        text-decoration: none;
    }

        #footer a:hover {
            color: #838383;
            text-decoration: underline;
        }

    #footer h3 {
        font-size: 18px;
    }

#session-timeout.container, #session-timeout .container {
    background-color: transparent;
}

#session-timeout {
    color: #fff;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    z-index: 2;
    max-width: 10000px;
}

.bottomBar {
    background-color: #98012e;
    height: 69px;
    line-height: 69px;
    vertical-align: middle;
    z-index: 1;
}


/******************* end of Kentico Footer ***************************/