/*** TG CAP STYLES 
* Updated 08/011/2014
***/


/*** Fonts ***/

@font-face {
    font-family: 'libre_baskervilleregular';
    src: url('../fonts/librebaskerville-regular-webfont.eot');
    src: url('../fonts/librebaskerville-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/librebaskerville-regular-webfont.woff') format('woff'), url('../fonts/librebaskerville-regular-webfont.ttf') format('truetype'), url('../fonts/librebaskerville-regular-webfont.svg#libre_baskervilleregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'libre_baskervilleitalic';
    src: url('../fonts/librebaskerville-italic-webfont.eot');
    src: url('../fonts/librebaskerville-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/librebaskerville-italic-webfont.woff') format('woff'), url('../fonts/librebaskerville-italic-webfont.ttf') format('truetype'), url('../fonts/librebaskerville-italic-webfont.svg#libre_baskervilleitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'libre_baskervillebold';
    src: url('../fonts/librebaskerville-bold-webfont.eot');
    src: url('../fonts/librebaskerville-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/librebaskerville-bold-webfont.woff') format('woff'), url('../fonts/librebaskerville-bold-webfont.ttf') format('truetype'), url('../fonts/librebaskerville-bold-webfont.svg#libre_baskervillebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenLTStd45Book';
    src: url('../fonts/AvenLTStd-45Book.eot');
    src: url('../fonts/AvenLTStd-45Book.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenLTStd-45Book.otf') format('opentype'), url('../fonts/AvenLTStd-45Book.woff') format('woff'), url('../fonts/AvenLTStd-45Book.ttf') format('truetype'), url('../fonts/AvenLTStd-45Book.svg#AvenLTStd-45Book') format('svg');
}

@font-face {
    font-family: 'AvenLTStd-65Medium';
    src: url('../fonts/AvenLTStd-65Medium.eot?') format('eot'), url('../fonts/AvenLTStd-65Medium.woff') format('woff'), url('../fonts/AvenLTStd-65Medium.ttf') format('truetype'), url('../fonts/AvenLTStd-65Medium.svg#AvenLTStd-65Medium') format('svg');
}

@font-face {
    font-family: 'AvenLTStd-85Heavy';
    src: url('../fonts/AvenLTStd-85Heavy.eot?') format('eot'), url('../fonts/AvenLTStd-85Heavy.woff') format('woff'), url('../fonts/AvenLTStd-85Heavy.ttf') format('truetype'), url('../fonts/AvenLTStd-85Heavy.svg#AvenLTStd-85Heavy') format('svg');
}

body {
    font-family: 'AvenLTStd-65Medium', sans-serif !important;
}

a {
    color: inherit;
}

    a:hover {
        color: #666;
    }

.HeaderAppName {
    font-size: 16px;    
    color: #07637B;
    font-family: 'AvenLTStd-85Heavy', sans-serif;
}

/*** Nav ****/
.navbar-default {
    background-color: #8AB55B;
    color: #fff;
    min-height: 30px;
    border-top: none;
}

    .navbar-default .navbar-nav > li:before {
        content: "";
        border-left: 1px solid #386330;
        position: absolute;
        height: 100%;
        left: -3px;
    }

    .navbar-default .navbar-nav > li {
        border-left: 2px solid #e6ebaf;
    }

        .navbar-default .navbar-nav > li:last-child {
            border-right: 2px solid #e6ebaf;
        }

            .navbar-default .navbar-nav > li:last-child:after {
                content: "";
                border-right: 1px solid #386330;
                position: absolute;
                height: 100%;
                right: 0;
                top: 0;
            }

        .navbar-default .navbar-nav > li > a {
            color: #fff;
            padding-top: 5px;
            padding-bottom: 5px;
        }

    .navbar-default .navbar-right > li:before {
        border: none;
    }

    .navbar-default .navbar-right > li {
        border-left: none;
        line-height: 30px;
    }

        .navbar-default .navbar-right > li:last-child {
            border: none;
        }

            .navbar-default .navbar-right > li:last-child:after {
                border: none;
            }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        background-color: #89bc5d;
        color: #666;
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        background-color: #89bc5d;
        color: #666;
    }

/**** Header ****/
.header-row {
    position: relative;
    background-color: #89bc5d;
}

.header-logo {
    text-align: center;
    background-color: #fff;
}

.logo {
    padding-top: 16px;
    padding-bottom: 16px;
}

.region-header {
    background-color: #89bc5d;
    padding: 4% 0;
}

    .region-header h1 {
        color: #fff;
        font-size: 18px;
        text-align: right;
    }

/*** banner ***/
.banner-container, .banner-bottom-container {
    background-color: #093166; /*#608b3d;*/
    margin-bottom: 1em;
    margin-top: 3em;
}

    .banner-container h2, .banner-container h3 {
        color: #fff;
        text-align: center;
        font-weight: normal;
        font-family: 'AvenLTStd45Book', sans-serif;
    }

        .banner-container h2 strong, .banner-container h2 strong {
            font-family: 'AvenLTStd-85Heavy', sans-serif;
        }


.banner-bottom-container {
    padding: 4% 0;
    margin-top: 8%;
    color: #093166; /*#608b3d;*/
}

    .banner-bottom-container .shadowed-box {
        background-color: #fff;
        height: 84px;
    }

        .banner-bottom-container .shadowed-box .box-img {
            line-height: 84px;
        }

            .banner-bottom-container .shadowed-box .box-img img {
                padding-left: 8%;
                width: auto;
            }

.banner-bottom-middle {
    color: #fff;
    font-size: 13px;
}

.footer-affidavit {
    background-color: #093166; /*#335d2d;*/
    font-size: 16px;
    text-align: center;
}

/*** ***/
.role-block {
    border: 3px solid #000;
    border-radius: 4px;
    margin-top: 8%;
}

    .role-block .col-content {
        margin: 0 15px;
    }

    .role-block h3 {
        margin: 0;
    }

    .role-block h4 {
        margin-bottom: 8%;
    }

    .role-block section {
        margin-bottom: 12%;
        margin-top: 6%;
    }

    .role-block form, .role-block #pnlLogIn {
        font-family: 'libre_baskervilleregular', sans-serif !important;
        font-style: italic;
        color: #6d6e71;
    }

    .role-block .form-group.radio-group {
        margin-bottom: 8%;
    }

    .role-block form strong, .role-block #pnlLogIn strong {
        font-family: 'libre_baskervillebold', sans-serif;
    }

    .role-block form .form-group label, .role-block form button, .role-block #pnlLogIn .form-group label, .role-block #pnlLogIn #btnLogOn {
        font-style: normal;
        font-family: 'AvenLTStd-65Medium', sans-serif;
        font-size: 12px;
    }

    .role-block form .radio-group label, .role-block #pnlLogIn .radio-group label {
        font-family: 'libre_baskervilleitalic', sans-serif !important;
    }

    .role-block form input.form-control, .role-block #pnlLogIn input.form-control {
        border: 2px solid #6d6f71;
        border-radius: 1px;
    }

    .role-block #pnlLogIn #lnkUserNameHelp, .role-block #pnlLogIn #lnkPasswordHelp {
        color: #6d6e71;
        font-family: 'AvenLTStd-65Medium', sans-serif;
        font-size: 12px;
        font-style: normal;
    }

    .role-block #pnlLogIn #lblLogInError {
        color: red;
        font-family: 'AvenLTStd-65Medium', sans-serif;
        font-size: 12px;
        font-style: normal;
        padding-bottom: 14px;
    }

    .role-block.light-green {
        /*original color was a7d275*/
        border-color: #8AB55B;
        color: #8AB55B;
    }

    .role-block.dark-green {
        border-color: #093166; /*#315c2c*/
        color: #093166; /*#315c2c*/
    }

    .role-block.regular-green {
        border-color: #07637B; /*#679344*/
        color: #07637B; /*#679344*/
    }

.role-applications button {
    margin-right: 4%;
}

.role-block .role-header {
    color: #fff;
    background-color: #000;
    padding: 10%;
    border-radius: 0 0 8px 8px;
    font-weight: bold;
    letter-spacing: 2px;
}

.role-block.light-green .role-header {
    background-color: #8AB55B;
}

.role-block.dark-green .role-header {
    background-color: #093166; /*#315c2c*/
}

.role-block.regular-green .role-header {
    background-color: #07637B; /*#679344*/
}

/*** logged in block styles ***/
.col-content.loggedIn .form-group strong {
    color: #6d6e71;
    font-family: 'libre_baskervillebold', sans-serif;
    font-style: italic;
}

.col-content.loggedIn .form-group .shadowed-box-content {
    margin-left: 20px;
    padding-top: 20px;
    width: 100%;
}

.col-content.loggedIn .form-group #lvLoginView_btnLogOut {
    margin-top: 12px;
}

.shadowed-box {
    -webkit-box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.1);
    box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.1);
    margin-bottom: 6%;
}

    .shadowed-box img {
        width: 100%;
    }

.shadowed-box-content {
    padding-top: 24px;
    padding-left: 0;
    font-family: 'AvenLTStd-85Heavy', sans-serif;
}

.btn-lt-grn {
    background-color: #8AB55B;
    color: #fff;
    border-radius: 1px;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.1);
    box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.1);
    white-space: normal;
    font-size: 16px;
}

.btn-grn {
    background-color: #07637B; /*#608b3d;*/
    color: #fff;
    border-radius: 1px;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.1);
    box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.1);
    white-space: normal;
    font-size: 16px;
}

.btn-grey {
    background-color: #707174;
    color: #fff;
    border-radius: 1px;
}

p {
    font-family: 'libre_baskervilleregular', sans-serif !important;
    font-style: italic;
    color: #6d6e71;
}

.continue-cap {
    font-family: 'libre_baskervilleregular', sans-serif !important;
    font-style: italic;
    color: #6d6e71;
    margin: 8% auto;
    position: relative;
}

    .continue-cap .glyphicon {
        position: absolute;
    }

    .continue-cap p {
        position: relative;
        left: 18px;
        margin-bottom: 4%;
        margin-right: 15px;
    }

.services {
    margin-bottom: 8%;
}

    .services > ul {
        padding-left:;
    }

        .services, .services > ul > li {
            font-family: 'libre_baskervilleregular', sans-serif !important;
            font-style: italic;
            color: #6d6e71;
            /* the rules below commented out 2014-11-3 per Brian Sauer @ SatMfg 
        to stop stranging word wrapping behavior on home page 
	word-wrap: break-word;
	-ms-word-break: break-all;
	-- Be VERY careful with this, breaks normal words wh_erever 
     word-break: break-all;
     -- Non standard for webkit 
     word-break: break-word;
	-webkit-hyphens: auto;
   	-moz-hyphens: auto;
    hyphens: auto;
    */
        }

/*Added by IFA (Michael Johnson) 8/5/2014*/
.logon {
    color: #6d6e71;
}

.footer-text {
    text-align: right;
    font-family: 'libre_baskervilleitalic', sans-serif;
    color: #6d6e71;
    font-size: 12px;
    margin-bottom: 1em;
}

/** Responsive Styles **/
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .header-logo {
        text-align: right;
    }

    /*.logo {
		padding-bottom: 0;
	}*/

    .region-header {
        padding: 0;
    }

        .region-header h1 {
            color: #fff;
            font-size: 18px;
            text-align: left;
            padding: 0;
            margin: 48px 0 0;
        }

    .shadowed-box img {
        width: auto;
    }

    .slant-wrap {
        background-color: #89bc5d;
        padding-left: 0;
    }

    .header-slant {
        width: 0;
        height: 0;
        border-bottom: 110px solid #fff;
        border-right: 150px solid transparent;
    }

    .role-block .role-header {
        font-size: 20px;
    }

    .role-block .col-content h4 {
        font-size: 14px;
    }

    .role-block .col-content .btn-grn, .role-block .col-content .btn-lt-grn {
        font-size: 12px;
    }

    .shadowed-box-content {
        padding-top: 8px;
    }

    .shadowed-box img {
        width: 100%;
        padding-top: 50%;
    }

    .services > ul {
        padding-left: 20px;
    }

    .banner-bottom-container .shadowed-box .box-img img {
        width: 100%;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .role-block .role-header {
        margin-left: -11%;
        margin-right: -11.3333%;
    }

    .role-block .col-content {
        margin: auto;
    }

    .shadowed-box img {
        width: 100%;
    }

    .banner-bottom-container {
        padding: 1% 0;
        margin-top: 4%;
        color: #093166; /*#608b3d;*/
    }

    .shadowed-box img {
        width: 100%;
        padding-top: 0;
    }

    .services > ul {
        padding-left: 40px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}