@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,500italic,400italic,700,700italic,900,900italic);

@font-face {
    font-family: "BaskervilleOldFace";
    src: url("../fonts/baskerville-old-face.eot");
    src: url("../fonts/baskerville-old-face.eot#iefix") format("embedded-opentype"),
        url("../fonts/baskerville-old-face.woff") format("woff"),
        url("../fonts/baskerville-old-face.ttf") format("truetype"),
        url("../fonts/baskerville-old-face.svg#BaskervilleOldFace") format("svg");
    font-weight: normal;
    font-style: normal;
}

*::-moz-selection {
    background: none repeat scroll 0 0 #e1e1e1;
    color: #000;
    text-shadow: none;}

*::-webkit-selection {
    background: none repeat scroll 0 0 #e1e1e1;
    color: #000;
    text-shadow: none;}

*::-o-selection {
    background: none repeat scroll 0 0 #e1e1e1;
    color: #000;
    text-shadow: none;}

*::selection {
    background: none repeat scroll 0 0 #e1e1e1;
    color: #000;
    text-shadow: none;}

html, body {
    background-color: #fcf3cf;
    color: #020747;
    font-family: PT Sans,sans-serif;
    font-size: 18px;
    line-height: 30px;
    margin: 0;
    overflow-x: hidden;}

html.profile,
html.profile body{ background-color: #fffff0; color: #111; font-size: 15px; line-height: 18px; }

.left{
    float:left;}

.right{
    float:right;}

img.left{
    border: 10px solid #000f20;
    margin-right: 15px;
    margin-bottom: 10px;
    max-width: 100%;
    width: 50%;}

img.right{
    border: 10px solid #000f20;
    margin-bottom: 10px;
    margin-left: 15px;
    max-width: 100%;
    width: 50%;}

img.image{
    border: 10px solid #000f20;
    margin-bottom: 10px;}

.col-2{
    width:48%;}

h1, h2, h3, h4, h5{
    font-weight:normal;}

.clr, .clear{
    clear:both;}

a{
    border-bottom: 1px solid;
    color: #020747;
    outline: none;
    text-decoration: none;}

a:hover, a:focus{
    border-bottom: none;
    color: #a0a0a0;
    text-decoration: none;}

img{
    height: auto;
    max-width: 100%;}

.color-blue{
    color: #264875;}

hr{
    border-color: #ccc;}

ul.list{
    list-style: none outside none;
    padding: 0;}

ul.list li{
    background: url("../images/li.png") no-repeat scroll left 6px transparent;
    line-height: 22px;
    margin-bottom: 15px;
    padding-left: 30px;}

.btn{ background: none repeat scroll 0 0 #33587a; border: medium none; color: #fff; text-transform: uppercase; }
.btn:hover, .btn:focus{ background: none repeat scroll 0 0 #000f20; color: #fff; }

.relative{ position: relative; }

.wrapper{ margin: 0 auto; max-width: 1580px; }


/*----- Login page -----*/

.login-logo{ padding-top: 15px; }
.login-logo a{ border-bottom: none; }

.login-area{ margin: 0 auto; overflow: hidden; padding-top: 35px; padding-bottom: 35px; width: 718px; }
.login-area .login-map{ float: left; }
.login-area .login-map .map{ background-image: url("../images/texas-map.png"); background-repeat: no-repeat; float: left; height: 277px; width: 317px; }
.login-area .login-form{ background-color: #151f5d; border-radius: 0 15px 15px 0; float: right; height: 277px; padding: 15px 15px 35px; position: relative; width: 400px; }
.login-area .login-form h1{ color: #fff; font-family: BaskervilleOldFace,sans-serif; font-size: 24px; margin: 0 0 25px; }
.login-area .login-form h2{ color: #fff; font-family: BaskervilleOldFace,sans-serif; font-size: 18px; margin: 0 0 25px; }
.login-area .login-form input[type=text],
.login-area .login-form input[type=password]{ border: 1px solid #cebd61; border-radius: 6px; box-shadow: 0 0 4px 0 #ddd inset; color: #232320; font-family: Roboto,sans-serif; font-size: 17px; height: 38px; padding: 6px 12px; width: 100%; }
.login-area .login-form input[type=text]:focus,
.login-area .login-form input[type=password]:focus{ border: 1px solid #732b07; box-shadow: 0 0 4px 0 #ddd; }
.login-area .login-form input[type=submit]{ background-color: #cec693; box-shadow: 2px 3px 4px -2px #000; color: #020743; font-family: Roboto,sans-serif; font-size: 20px; font-weight: bold; height: 38px; padding: 2px 40px; }
.login-area .login-form input[type=submit]:hover{ background-color: #fff; }
.login-area .login-form .link{ bottom: 0px; left: 15px; position: absolute; }
.login-area .login-form .link a{ color: #b0e0e6; font-family: Roboto,sans-serif; font-size: 14px; text-decoration: none; }

.login-text{ margin-bottom: 35px; }

.time-area{ color: #020747; font-size: 16px; line-height: 25px; padding: 10px 0; }

/*----- Main page -----*/

.left-bg{ background-color: #fcf3cf; border-right: 5px solid #b4b287; box-shadow: 0 0 10px 0 #aaaaaa; overflow: hidden; z-index: 99; }

.logo{ padding: 30px; }
.logo a{ border-bottom: none; }

.header-right{  }

.header-right .top{ background-color: #020747; height: 54px; padding-right: 15px; text-align: right; }
.header-right .top .search-panel,
.header-right .top .help-panel,
.header-right .top .logout-panel{ display: inline-block; }
.header-right .top .search-panel{ width: 560px; }
.header-right .top .help-panel{ width: 340px; }
.header-right .top .logout-panel{ width: auto; }
.header-right .top .search-bar{ overflow: hidden; padding: 7px 0; }
.header-right .top .search-bar .select{ background-color: #d7d7d7; border-radius: 6px 0 0 6px; border-right: 1px solid #bebebe; color: #4a4944; height: 40px; overflow: hidden; padding-right: 30px; position: relative; width: 20%; }
.header-right .top .search-bar .select span.glyphicon{ background-color: #d7d7d7; color: #9a9a9a; font-size: 14px; height: 100%; padding: 14px 7px; position: absolute; right: -1px; top: 0; z-index: 9999999; }
.header-right .top .search-bar select{ background-color: #d7d7d7; border: medium none; color: #4a4944; cursor: pointer; float: left; font-family: Roboto,sans-serif; font-size: 14px; padding: 10px 7px; text-overflow: ellipsis; white-space: nowrap; width: 200%; }
.header-right .top .search-bar .input{ width: 80%; }
.header-right .top .search-bar .input input[type=text]{ border: medium none; color: #111; float: left; font-size: 15px; height: 40px; padding: 5px 12px; width: 90%; }
.header-right .top .search-bar .input button{ 
    background-color: #8d855d;
    background-image: -moz-linear-gradient(top, #c8c49a, #8d855d);
    background-image: -ms-linear-gradient(top, #c8c49a, #8d855d);
    background-image: -webkit-linear-gradient(top, #c8c49a, #8d855d);
    background-image: -o-linear-gradient(top, #c8c49a, #8d855d);
    background-image: linear-gradient(top, #c8c49a, #8d855d); }
.header-right .top .search-bar .input button{ border: medium none; border-radius: 0 6px 6px 0; color: #fff; float: right; height: 40px; width: 10%; }
.header-right .top .search-bar .input button span{ text-shadow: 2px 2px 1px #000; }
.header-right .top .search-bar .input button:hover{ background-color: #ededc0; }
.header-right .top p{ color: #fff; font-size: 15px; line-height: 54px; margin: 0; overflow: hidden; }
.header-right .top a{ color: #fff; }
.header-right .logout-button{ overflow: hidden; padding: 7px 0; }
.header-right .logout-button a{ border: medium none; border-radius: 6px; box-shadow: 2px 2px 3px 0 #000; color: #fff; display: inline-block; font-size: 14px; line-height: 37px; padding: 0 20px; text-align: center; }
.header-right .logout-button a{ background-color: #8d855d; }
.header-right .logout-button a:hover{ background-color: #ededc0; color: #111; }

.header-right .bottom{ height: 232px; overflow: hidden; }
.header-right .bottom .header-image{ background-position: left top; background-size: cover; height: 232px; position: relative; }

.bottom.mobile{ height: 232px; overflow: hidden; }
.bottom.mobile .header-image{ background-position: left top; background-size: cover; height: 232px; position: relative; }

#menu,
#profile,
#announcement{ display: none; }

#menu.mm-opened,
#menu.mm-current,
#profile.mm-opened,
#profile.mm-current,
#announcement.mm-opened,
#announcement.mm-current{ display: block; }

.main-menu{ background-color: #fcf3cf; background-image: url("../images/menu-bg.png"); background-repeat: repeat-x; box-shadow: 0 0 10px 0 #aaaaaa; height: 47px; position: relative; z-index: 9; }
.main-menu ul{ list-style: outside none none; margin-bottom: 0; margin-top: 0; padding: 0; }
.main-menu ul li{ background-image: url("../images/menu-seperator.png"); background-position: right center; background-repeat: no-repeat; float: left; line-height: 47px; padding-right: 13px; position: relative; }
.main-menu ul li a{ border: medium none; color: #010101; display: block; font-family: PT Sans,sans-serif; font-size: 16px; font-weight: bold; padding: 0 10px; text-decoration: none; text-transform: uppercase; }
.main-menu ul li a:hover, .main-menu ul li:hover a{ color: #020747; text-decoration: none; }

.main-menu ul li ul{
    background: none repeat scroll 0 0 #ecb104;
    display: none;
    position: absolute;
    text-align: left;
    top: 10px;
    width: 210px;
    z-index: 9999;}

.main-menu ul li:hover ul{
    display: block;}

.main-menu ul li ul li{
    border-bottom: 1px solid rgb(0, 0, 64);
    display: block;
    padding: 0;}

.main-menu ul li ul li a{
    color: rgb(0, 0, 64) !important;
    display: block;
    padding: 4px 10px;}

.main-menu ul li ul li a:hover, .main-menu ul li ul li.active a{
    text-decoration: underline;}

.main-menu.mobile{  }
.main-menu.mobile .mobile-menu-header{ margin-bottom: 0; overflow: hidden; }
.main-menu.mobile .mobile-menu-header a{ color: rgb(0, 0, 64); border: medium none; display: block; font-size: 20px; font-weight: bold; line-height: 25px;  padding: 12px 15px; text-transform: uppercase; }
.main-menu.mobile .mobile-menu-header a:hover,
.main-menu.mobile .mobile-menu-header a:focus{ color: #000; }
.main-menu.mobile .mobile-menu-header .icon{ background-image: url("../images/menu-icon.png"); background-repeat: no-repeat; height: 25px; width: 25px; }

/*---- Body ----- */
#BodyWrapper{  }

.left-panel{ padding-bottom: 20px; padding-top: 40px; }

/*--- Mobile Profile area ---*/
.profile-area{ padding-bottom: 15px; }
.profile-area .img{  }
.profile-area .img img{ border: 3px solid #b4b287; border-radius: 6px; box-shadow: 2px 3px 4px -2px #aaaaaa; width: 100%; }
.profile-area .data{ margin-left: -15px; }
.profile-area .data p{ font-family: Roboto,sans-serif; font-weight: bold; }
.profile-area .data a.button{ background-color: #020747; border-color: #8c934a #01042b #01042b #8c934a; border-radius: 5px; border-style: solid; border-width: 2px; box-shadow: 2px 3px 4px -2px #aaaaaa; color: #fff; display: inline-block; font-family: Roboto,sans-serif; font-size: 15px; font-weight: bold; height: 34px; padding: 6px 10px; }
.profile-area .data a.button:hover{ background-color: #8c934a; }

.profile-data{ margin: 0 -9px 15px; overflow: hidden; }
.profile-data .profile-label{ color: #020747; float: left; padding: 0 8px; width: 40%; }
.profile-data .profile-view{ float: left; padding: 0 8px; width: 60%; }
.profile-data .profile-box{ border: 1px solid #989898; border-radius: 6px; font-family: Roboto,sans-serif; font-size: 13px; margin-bottom: 10px; padding: 2px 9px; word-break: break-all; }
.profile-data .profile-box span{ display: table-cell; height: 40px; vertical-align: middle; width: 600px; }
.profile-data .profile-box.big span{ height: 110px; padding-bottom: 10px; padding-top: 10px; vertical-align: top; }

.profile-buttons{ margin-bottom: 20px; }
.profile-buttons a{ background-color: #020747; border: 1px solid #989898; border-radius: 6px; color: #fff; display: inline-block; font-family: Roboto,sans-serif; font-size: 14px; font-weight: bold; padding: 6px 10px; }
.profile-buttons a:hover{ background-color: #989898; }

/* ---  ---*/

.left-panel .mobile-profile-header{ margin-bottom: 0; margin-top: -20px; overflow: hidden; }
.left-panel .mobile-profile-header a{ border: medium none; display: block; font-size: 20px; font-weight: bold; line-height: 25px; text-transform: uppercase; }
.left-panel .mobile-profile-header a:hover,
.left-panel .mobile-profile-header a:focus{ color: #a0a0a0; }
.left-panel .mobile-profile-header .icon{ background-image: url("../images/menu-icon.png"); background-repeat: no-repeat; height: 25px; width: 25px; }

p{ line-height: 30px; }
html.profile p{ line-height: 18px; }

.content-panel{ min-height: 300px; padding: 25px 0; }

.announcement-panel{ background-color: #ededc0; background-image: url("../images/announcement-left.png"); background-position: left center; background-repeat: repeat-y; border-left: 3px solid #e0d8a1; margin-right: -15px; padding-left: 9px; }
.announcement-panel h3{ background-color: #020747; color: #fff; display: table-cell; font-size: 16px; font-weight: bold; height: 50px; padding: 0 12px; text-align: center; text-transform: uppercase; vertical-align: middle; width: 800px; }
.announcement-panel .content{ min-height: 300px; padding: 15px; }

.mobile-announcement-header{ background-color: #020747; box-shadow: 0 0 10px 0 #000; color: #fff; font-size: 16px; font-weight: bold; overflow: hidden; padding: 20px 12px; text-transform: uppercase; }
.mobile-announcement-header a{ color: #fff; border: medium none; display: block; font-size: 16px; font-weight: bold; line-height: 25px; text-transform: uppercase; }
.mobile-announcement-header a:hover,
.mobile-announcement-header a:focus{ color: #a0a0a0; }
.mobile-announcement-header .icon{ background-image: url("../images/menu-icon.png"); background-repeat: no-repeat; height: 25px; width: 25px; }

/*----- Footer ----- */

footer{ background-color: #020747; border-top: 1px solid #fff; color: #fff; font-family: Roboto,sans-serif; font-size: 14px; line-height: 30px; padding: 6px; position: relative; z-index: 99; }
footer a{ border: none; }

.kbizz-icon{ background-image: url("../images/kbizz-icon.png"); display: inline-block; height: 19px; margin-left: 5px; position: relative; top: 5px; width: 23px; }

#FooterWrapper{ border-top: 1px solid #ced8d8; padding-bottom: 20px; padding-top: 20px; }

.fmenu{ margin-left: 30px; }

.fmenu ul{
    list-style: outside none none;
    margin: 0;
    padding: 0;}

.fmenu ul li{
    display: inline-block;
    padding: 0 10px;}

.fmenu ul li a{
    color: #313131;
    display: block;
    font-size: 13px;
    line-height: 15px;}

.fmenu ul li a:hover, .fmenu ul li.active a{
    color: #a0a0a0;}

.copyright{
    clear: both;
    color: #a0a0a0;
    font-size: 13px;
    line-height: 24px;}

.copyright a{
    border: none;}

.copyright .kbizz-icon{
    background: url("../images/kbizz-icon.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 14px;
    left: 4px;
    position: relative;
    text-decoration: none;
    top: 3px;
    width: 16px;}

.slicknav_menu{
    display: none;}

.box_center {
    padding: 10px 10px 15px;
    margin-bottom: 16px;
    background-color: #fff;
    border-top: thick #8a2900 solid;
    overflow: auto;
    margin-top: 15px;
    width: 100%;
}