@import url("css/variations/stylesheetwidget.css");
@import url("../../Containers/GoodDNN-LightBlue/LightBlue06.css");
@import url("css/bootstrap-grid-only.css");

/************************** NEW STYLES FOR DIV LAYOUT *****************************************/

.wrapper {
    width: 100%!important;
}
#HeaderWrapper {
    /*
	margin: auto!important; */
    display: block;
    /* added back in to fix centering banner in IE8 */
    width: 100%!important;
    background-color: #1C4E69;
    max-width: 100%!important;
}
#CountyMenuDiv {
    width: 680px!important;
    height: 37px;
    padding: 0px;
    margin: 0px;
    /*background:url(images/LightBlue_r5_c7.jpg);*/
    float: left;
}
#footer1 {
    width: 34px;
    float: left;
}
#footer2 {
    float: left;
    background: url(images/LightBlue_r14_c6_dark.gif);
    white-space: nowrap;
    width: 252px;
    float: left;
    height: 47px;
    padding-top: 30px;
    line-height: 20px;
}
#footer2 .Footer {
    position: relative;
    top: -10px;
    left: -10px;
}
#footer3 {
    width: 67px;
    float: left;
    height: 77px;
}
#footer4 {
    float: left;
    height: 77px;
    width: 625px;
    background: url(images/LightBlue_r14_c15_dark.gif);
    vertical-align: bottom;
}
#footer4_1 {
    height: 22px;
    float: none;
    text-align: left;
    padding-top: 10px;
}
#footer4_2 {
    height: 22px;
    width: 375px;
    float: left;
    padding-top: 15px;
}
#footer4_3 {
    float: right;
    height: 22px;
    width: 250px;
    padding-top: 15px;
}
#footer5 {
    float: right;
    width: 34px;
    height: 77px;
}
#footerbuttons {
    position: absolute;
    right: 5px;
    bottom: -35px;
}
#footerbuttons img {
    height: 40px;
}
.slideshow img {
    width: 100%!important;
    margin: 0px!important;
}
h1 {
    color: #0D397C !important;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 24px !important;
    font-weight: normal !important;
    line-height: 28px;
    padding-bottom: 10px;
    padding-top: 25px;
    text-align: center;
}

/************************** NEW STYLES FOR DIV LAYOUT *****************************************/


/*.HeaderBg
{
	background: url(Images/bannerdar970.jpg) no-repeat;
}

.Headerdarkbg
{
	background-color: #1C4E69;
} */

.menuContainer
/**/

{
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 2px;
    padding-bottom: 3px;
}
.headerPane {}
.topleftPane {
    padding-top: 5px;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 3px;
    float: left;
}
.toprightPane {
    padding-top: 5px;
    padding-left: 1px;
    /*only for admin pager */
    padding-right: 7px;
    padding-bottom: 3px;
    float: right;
}
.leftPane {
    padding-top: 3px;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 3px;
    vertical-align: top;
}
.contentPane {
    padding-top: 3px;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 3px;
    vertical-align: top;
}
.rightpPane {
    padding-top: 3px;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 3px;
    vertical-align: top;
}
.bottomPane {
    padding-top: 3px;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 3px;
}

/************************* new custom search (this is from the skin.css file on the test server) *********************/



/************************* END new custom search ( could be global in skin or defaultskin.css ) *********************/


/*-------- gray bread crumb --------*/

.gray_top_left {
    padding: 0px;
    margin: 0px;
    background: url(images/lt.png) no-repeat top left;
    height: 18px;
}
.gray_top_right {
    padding: 0px;
    margin: 0px;
    background: url(images/rt.png) no-repeat top right;
    height: 18px;
}
.gray_bg {
    background-color: silver;
}
.gray_content {
    padding: 0px 11px 0px 11px;
}
.gray_bottom_left {
    padding: 0px;
    margin: 0px;
    background: url(images/lb.png) no-repeat top left;
    height: 18px;
}
.gray_bottom_right {
    padding: 0px;
    margin: 0px;
    background: url(images/rb.png) no-repeat top right;
    height: 18px;
}
A.headerlink:link {
    color: White;
    text-decoration: underline;
}
A.headerlink:visited {
    color: White;
    text-decoration: underline;
}
A.headerlink:active {
    color: White;
    text-decoration: underline;
}
.BreadcrumbLabel {
    font-weight: bold;
    color: #000066;
    text-decoration: none;
}
.BreadcrumbBar {
    padding-left: 7px;
    padding-top: 12px;
    padding-bottom: 8px;
}
.Breadcrumb2,
A.Breadcrumb2:link,
A.Breadcrumb2:visited,
A.Breadcrumb2:active {
    color: #003366;
    font-weight: normal;
    text-decoration: underline;
}
SPAN.Breadcrumb2 {
    color: #595959;
    font-weight: normal;
    text-decoration: none;
}
A.Breadcrumb2:hover {
    color: #333366;
    font-weight: normal;
    text-decoration: none;
}

<!-- Home page ----------------------------> #votebtns {
    padding: 0px!important;
}
#votebtns li {
    list-style-type: none;
    padding: 0px;
    padding-bottom: 10px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}
#votebtns li img {
    border: 1px solid #1c4e69;
    width: 90px;
}
#votebtns li img:hover {
    border: 1px solid #990000;
}
#homenews {
    padding-bottom: 30px;
}
#homenews li {
    color: #444444;
}
#currcond {
    list-style-image: url("../../../../images/bluedisc_sm.gif");
    margin: 10px 5px 0px 10px;
    padding: 0px 5px 10px 10px;
}
#currcond li {
    color: #1c4e69;
    line-height: 15px;
    margin: 0 0 0 15px;
    padding: 0 0 8px;
    text-indent: -25px !important;
}

/* this is to fix the sccinternet menu so the entire bar works as a link not just the text this is OK its on default menu as well  */

.SCCInternet_SubMenu a {
    display: inline-block!important;
    width: 100%!important;
    height: 22px!important;
}

/******************** homepage Quick Find ******************************************/

.DnnModule-3969 {
    padding-top: 50px;
}

/************** district map image homepage  & BOS **************************/

.distmap {
    width: 200px;
}

/*CEMEX*/

.row {
    margin: 0 !important;
}
.schedule ul {
    padding: 0;
    margin: 0;
}
.schedule li {
    border-bottom: 1px solid rgba(37, 37, 37, 0.1);
    list-style-type: none;
    margin: 0 !important;
}
.schedule li:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.1);
}
.schedule div {
    padding: 0 !important;
}

/*PDF DOCS*/

.cemexDocs {
    position: relative;
    width: 220px;
    margin-top: 10px;
    float: right;
    //margin-left: 20px;
    //margin-right: 15px;
}
@media(max-width:769px) {
    .cemexDocs {
        margin: 0 0 15px 0;
    }
    #dnn_ctr8280_ModuleContent img {
        display: none;
    }
}
.cemexDocs p {
    margin: 0;
    padding: 0;
    background-color: white;
    padding: 10px;
    text-align: center;
    font-family: sans-serif;
    //box-shadow: 0px 5px 10px -1px rgba(37, 37, 37, 0.1);
    position: relative;
    z-index: 2;
    width: 200px;
    margin: 0 auto;
    border: 1px solid rgba(28, 78, 105, 0.11);
}
.fa-file-pdf-o {
    color: #be4444;
    font-size: 20px !important;
}
.cemexDocs ul {
    margin: 0;
    padding: 0;
    background-color: white;
    z-index: 1;
    margin: 0 auto;
    width: 220px;
    /*margin-bottom: -296px;*/
    box-shadow: 0px 5px 10px -1px rgba(37, 37, 37, 0.1);
}
.cemexDocs li {
    margin: 0;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid rgba(37, 37, 37, 0.04);
    list-style-type: none !important;
}
.cemexDocs li:hover {
    background-color: #e2e2e2;
}
.cemexDocs p:hover + ul {
    display: block;
}
.cemexDocs ul:hover {
    display: block;
}
@media (max-width:769px) {
    .cemexDocs,
    .cemexDocs p,
    .cemexDocs ul {
        width: 95%;
    }
    .cemexDocs p {
        padding: 10px 0;
    }
}

/*Submit button*/

.submit {
    background-color: #1C4E69;
    width: 200px;
    text-align: center;
    border-radius: 5px;
    transition: all .5s;
    margin: 20px auto;
}
.submit:hover {
    background-color: #2b7ba5;
    box-shadow: 0px 0px 10px -1px rgba(37, 37, 37, 0.2);
}
.submit:active {
    background-color: #54b8ed;
    box-shadow: 0px 0px 10px -1px rgba(37, 37, 37, 0.4);
}
.submit a {
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    display: block;
    letter-spacing: 1px;
    font-family: sans-serif;
    font-size: 16px !important;
}
.submit a:visited {
    color: white !important;
}
@media(max-width:769px) {
    /*Order of Panes When Mobile*/
    .flex {
        display: flex!important;
        flex-direction: column!important;
    }
    .flex-1 {
        order: 3!important;
    }
    .flex-2 {
        order: 2!important;
    }
    .flex-3 {
        order: 1!important;
    }
    h3 img {
        margin-right: 60px !important;
    }
}