/*HGB Fonts*/
@font-face {
  font-family: 'FS Me Web Regular';
  src: url('../fonts/fsmeweb-regular-fd.eot');
  src: url('../fonts/fsmeweb-regular-fd.eot?ie') format('embedded-opentype'), url('../fonts/fsmeweb-regular-fd.woff') format('woff'), url('../fonts/fsmeweb-regular-fd.ttf') format('truetype'), url('../fonts/fsmeweb-regular-fd.svg#FSMeWebRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FS Me Web Bold';
  src: url('../fonts/fsmeweb-bold-fd.eot');
  src: url('../fonts/fsmeweb-bold-fd.eot?ie') format('embedded-opentype'), url('../fonts/fsmeweb-bold-fd.woff') format('woff'), url('../fonts/fsmeweb-bold-fd.ttf') format('truetype'), url('../fonts/fsmeweb-bold-fd.svg#FSMeWebBold') format('svg');
  font-style: normal;
}
@font-face {
  font-family: 'FS Me Web Italic';
  src: url('../fonts/fsmeweb-italic-fd.eot');
  src: url('../fonts/fsmeweb-italic-fd.eot?ie') format('embedded-opentype'), url('../fonts/fsmeweb-italic-fd.woff') format('woff'), url('../fonts/fsmeweb-italic-fd.ttf') format('truetype'), url('../fonts/fsmeweb-italic-fd.svg#FSMeWebItalic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'FS Me Web Light';
  src: url('../fonts/fsmeweb-light-fd.eot');
  src: url('../fonts/fsmeweb-light-fd.eot?ie') format('embedded-opentype'), url('../fonts/fsmeweb-light-fd.woff') format('woff'), url('../fonts/fsmeweb-light-fd.ttf') format('truetype'), url('../fonts/fsmeweb-light-fd.svg#FSMeWebLight') format('svg');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'CluffHMKRegular';
  src: url('../fonts/cluffhmk-regular-webfont.eot');
  src: url('../fonts/cluffhmk-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cluffhmk-regular-webfont.woff') format('woff'), url('../fonts/cluffhmk-regular-webfont.ttf') format('truetype'), url('../fonts/cluffhmk-regular-webfont.svg#CluffHMKRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mayfield';
  src: url('../fonts/mayfield.eot');
  src: url('../fonts/mayfield.eot?#iefix') format('embedded-opentype'), url('../fonts/mayfield.woff') format('woff'), url('../fonts/mayfield.ttf') format('truetype'), url('../fonts/mayfield.svg#Mayfield') format('svg');
  font-weight: normal;
  font-style: normal;
}

h1, h2, h3, h4, h5, table tr td, a, p, select, button, ul li { font-family: "FS Me Web Regular", Arial, Helvetica, Verdana, sans-serif !important; }
p, a, strong, span { font-size: .9rem; }
label, span { /* line-height: 1.5; */}
button { margin-bottom: 0; margin-top:0; }
button.green { background-color:#4e8416; color:#ffffff; }
button.rounded { border-radius: 4px !important; }
button.small { padding: .6rem 1.1rem !important; font-size:.9rem !important; }
button.tiny { padding: .5rem 1rem !important; }
button.ui-datepicker-trigger { background-color: transparent; padding: 0; margin: 0; }
table.print tr th, table.print tr td { padding: 0 !important; }
table tr.valignt td { vertical-align:top; }
button {
    font-family: "FS Me Web Regular", Arial, Helvetica, Verdana, sans-serif;
}

    button.plum {
        color: #fefefe;
        display: inline-block;
        text-align: center;
        line-height: 1;
        cursor: pointer;
        transition: background-color .25s ease-out, color .25s ease-out;
        vertical-align: middle;
        border: 1px solid transparent;
        border-radius: 5px;
        padding: .85em 1em;
        margin: 0 0 1rem 0;
        font-size: .9rem;
        background-color: #aa005f;
        border: 1px solid #aa005f;
    }

        button.plum:hover, button.plum:active, button.plum:focus {
            color: #aa005f;
            background-color: #ffffff;
        }
#cover { position:fixed; width:100%; height:100%; top:0; left:0; z-index:99999; overflow:hidden; background-color:#ffffff; opacity:.9; }
#loader { position:fixed; width:100%; height:100%; top:0; left:0; z-index:999999; background-image: url(../images/animated-loader.gif);background-position: center center;background-repeat: no-repeat;display: none;}

.alt { color: #484641; }
.acenter { text-align: center; }
.aright { text-align: right; }
.box-container {background-color:#ffffff;box-shadow:0 3px 4px 2px #d5d5d5;color:#676767;border-top:2px solid #4e8416; border-top: 0; border-radius:0 0 4px 4px;margin-top: .5rem;margin-bottom: 1rem;}
.box-container div:nth-child(2n) { background-color: #f7f7f7; }
.box-header { padding: .5rem 1rem; background-color: #5c9a1b; }
.box-header h4 { color: #ffffff; margin-top: 0; margin-bottom: 0; font-size: 18px; }
.box-label.alt { color: #1d5b2d; }
.box-line-item { padding: .5rem 0 .5rem 2rem; border-bottom: solid 1px #ededed; }
.box-line-item.link {  background-image: url(../images/arrow-right-icon-1.png); background-repeat:no-repeat;  background-position: left 1rem center; }
.box-line-item.first { border-top: solid 1px #ededed; }
.box-line-item.link:hover { background-color:#f7f7f7; cursor: pointer; }
.box-line-item a { color: #484641; font-weight:bold; font-size:.9rem;  }
.box-line-item:hover a, .box-line-item a:hover { color: #aa005f; }
.box-line-item.large a { font-size:1.5rem;  }
.cancel { color: #484641; font-size:.8rem; }
.cancel:hover { color: #aa005f; }
.clear { clear: both; }
.dark { color: #333; }
.inline { display:inline; }
.link-primary { color: #ffffff; font-family: "FS Me Web Regular",Tahoma,Helvetica,Arial,sans-serif; font-style: normal; font-weight: normal; font-size: 1rem; text-decoration: none; background-color: #1d5b2d; display: inline-block; padding: 10px 20px; border: 1px solid #ffffff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box; margin:0; margin-top: .5rem;}
.link-primary-small { color: #ffffff; font-family: "FS Me Web Regular",Tahoma,Helvetica,Arial,sans-serif; font-style: normal; font-weight: normal; font-size: .8rem; text-decoration: none; background-color: #1d5b2d; display: inline-block; padding: 4px 16px 6px 16px; border: 1px solid #ffffff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box; margin-top: .5rem;}
.loading { background-image: url(../images/495.GIF); background-repeat:no-repeat; background-position:center center; min-height:60px;}
.marginless { margin:0; }
.new-window-icon { margin: 0 0 .25rem .25rem;}
.noLeftPad { padding-left: 0; }
.noLeftPad > .columns:first-child { padding-left: 0; }
.noMargin { margin: 0; }
.noPaddingLeft { padding-left: 0; }
.noPaddingRight { padding-right: 0; }
.noRightPad { padding-right: 0; }
.noTopMargin { margin-top: 0 !important; }
.plum { color: #aa005f; }
.plum.link-primary { background-color: #aa005f; color: #ffffff;}
.plum.link-primary:hover, .plum.link-primary:active, .plum.link-primary:focus { background-color: #88004c; color: #ffffff; }
.required {
    color: red;
    margin-top: 0 !important;
    font-size: 0.8rem;
}
.reveal { top: 1rem; min-height: 0 !important; }
.reveal-fixed { position:fixed; }
.reveal-full-screen { top: 0; bottom: 0; position:fixed; overflow-y:scroll; overflow-x:hidden; }
.reveal .close-reveal-modal { position: absolute; top: 15px; right: 15px; padding-right: 25px; background: transparent url(../images/close.png) no-repeat right center; color: #aa005f; text-decoration: none; font-size: 0.9rem; line-height: 1.5; font-weight:bold; }
.reveal-overlay { background: rgba(0, 0, 0, 0.9); }
.rounded-container { border: solid 2px #ededed; border-radius: 8px; }
.rounded-container-white {  border: solid 0px #ddd; border-radius: 4px; background-color:#ffffff; }
.row .row {
    margin-left: 0;
    margin-right: 0;
  
}
.shadowless { box-shadow:none; }
.sm-note { font-size: .8rem; }
.sm-note-light { font-size: .8rem;color: #999; }
.standout { border: solid 1px #ddd; border-radius: 8px; padding: .5rem 1rem; background-color: #E8F4DC; margin: .25rem 0 1rem 0; font-size: .8rem !important; }

.tabber { list-style-type:none; margin:0; padding:0; background-color:#fff; }
.tabber-content { clear:both; background-color:#fff; margin:0; padding: 1.5rem 0 1rem 0; display:none; min-height:300px; }
.tabber-content.active { display:block; border: solid 2px #eee; border-top:none; border-bottom-left-radius:6px; border-bottom-right-radius:6px; }
.tabber li { float:left; margin:0; padding:.5rem 1rem; border: none; background-color:#f7f7f7; font-size: 1.25rem; cursor:pointer; color:#999; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom: solid 2px #eee; font-family: "FS Me Web Regular",Tahoma,Helvetica,Arial,sans-serif;}
.tabber li:hover { color:#aa005f; }
.tabber li.active { color:#aa005f; background-color:#fff; cursor:default; border:solid 2px #eee; border-bottom:none; }
.tabber li.active:hover { background-color:#fff; }
.tab-2 li { width: 50%; }
.tab-3 li { width: 33.3333%; }
.tab-4 li { width: 25%; }
.tab-8 li { width: 12.5%; }

.tbl { border: none; margin-top: 0;margin-bottom: 0; width: 100%;background-color:transparent; }
.tbl.input-alt-bg tr td input[type=text] { background-color:#f7f7f7; }
.tbl tr { border: none; background-color: transparent; vertical-align: top; }
.tbl tr.alt { background-color: transparent; }
.tbl tr:nth-child(2n+1) td { background-color:transparent;}
.tbl tr td { padding: 0 .5rem; background-color:transparent;}
.tbl tr td button { margin: .25rem 0 .1rem 0; }
.tbl tr:nth-of-type(2n) {  background-color:transparent; }
.tbl tr td.error-list { padding-top: 1rem; }
.tbl tr td.error-list strong { color:red; }
.tbl tr td input[type=text], .tbl tr td input[type=password] { margin: .25rem 0 .1rem 0; border: solid 1px #ddd; box-shadow: none !important; background-color: #ffffff; border-radius: 8px; height: 2rem; padding: .25rem .5rem; }
.tbl tr td input[type=radio], .tbl tr td input[type=checkbox] { margin-bottom: 0 !important; }

.tbl tr td input.title, .tbl tr td input.password, .tbl tr td input.rank, .tbl tr td input.supervisor, .tbl tr td input.email, .tbl tr td input.answer { width: 60%; min-width: 200px; max-width: 320px; }
.tbl tr td label { font-weight: bold; font-size: .9rem; margin-top: .5rem; cursor: default; color: #000;}
.tbl tr td label.inline { display: inline !important; }
.tbl tr td label.rd { margin-top: 0;font-weight: normal;cursor: pointer;}
.tbl tr td label.rd strong { margin-right: 0 !important;}
.tbl tr td label.required { color:red; }
.tbl tr td label strong { margin-right: .2rem;font-size: .9rem; }
.tbl tr td p { margin-bottom: .25rem; }
.tbl tr td ul li { font-size: .9rem; }
.tbl tr td select { border-radius: 8px; margin: .25rem 0 .1rem 0; height: 2rem; padding: .25rem .5rem; }
.tbl tr td select.state { min-width: 100px; max-width: 100px; border-radius: 8px; margin: .25rem 0; }
.tbl tr td textarea.reason { width: 80%; min-width: 200px; max-width: 320px;border: solid 1px #ddd; box-shadow: none !important; background-color: #f0f0f0 !important; border-radius: 8px;margin: .25rem 0;}
.tbl tr td textarea.submit-question { width: 80%; min-width: 320px; border: solid 1px #ddd; box-shadow: none !important; background-color: #f0f0f0 !important; border-radius: 8px;margin: .25rem 0;}
.tbl.valignm tr td { vertical-align:middle; }
.tbl-container { border-radius: 8px; border:solid 1px #ededed; background-color:#f7f7f7; padding: 1rem; }
.tbl-container table tr td { padding-left: 0; padding-right: 0; }

.tbl-grid { border:none; background-color:#ededed; }
.tbl-grid tr th { background-color: #5c9a1b; color: #ffffff;padding: .5rem .75rem;border-right: solid 1px rgba(104, 173, 31, 1) !important;}
.tbl-grid tr th.first { border-top-left-radius: 8px;}
.tbl-grid tr th.last { border-top-right-radius: 8px;}
.tbl-grid tr th span.sort { cursor: pointer; }
.tbl-grid tr th span.asc, .tbl-grid tr th span.desc { display:none; }
.tbl-grid tr:nth-child(2n) td { background-color:#ffffff; }
.tbl-grid tr td a { font-size: .8rem;text-decoration: underline; }
.tbl-grid tr td.first { border-left: solid 1px #ededed; }
.tbl-grid tr td.last { border-right: solid 1px #ededed; }
.tbl-grid tr td { padding: .5rem .75rem;border-bottom: solid 1px #ddd; }
.tbl-grid tbody tr.selected { background-color: #d9edf7 !important; }
.tbl-grid tbody tr.selected td { background-color: #d9edf7 !important; }
.tbl-grid tfoot tr { background-color:transparent; }
.tbl-grid tfoot tr td { padding: .5rem; }
.tbl-grid tfoot tr td button { border-radius: 4px; padding: .25rem .75rem; font-size: .8rem; }
.tbl-grid tfoot .paging-left { width: 70%; float:left; }
.tbl-grid tfoot .paging-right { width: 30%; float:right; text-align:right;}

.tbl-inner { border: none;margin-bottom:0; background-color:transparent;}
.tbl-inner tr { background-color:transparent; }
.tbl-inner tr td { padding: 0 !important;background-color:transparent;}
.view-document-container { width: 100%; height: 96%; min-height: 680px; border:none; }

.vspacer05 { margin-top:.5rem; }
.vspacer075 { margin-top:.75rem; }
.vspacer1 { margin-top:1rem; }
.vspacer15 { margin-top:1.5rem; }
.vspacer175 { margin-top:1.75rem; }
.vspacer2 { margin-top:2rem; }
.vspacer275 { margin-top:2.75rem; }
.vspacer3 { margin-top:3rem; }

input[type=text]:-ms-input-placeholder { color: #cacaca; }  /* IE 10+ */
input[type=text]::-webkit-input-placeholder { color:#444 !important; }
input[type=text]::-webkit-input-placeholder { color:#999; opacity: 0.5; }  /* Chrome/Opera/Safari */
input[type=text]::-moz-placeholder { color: #777; }  /* Firefox 19+ */
input[type=text]:-moz-placeholder { color: #777; }  /* Firefox 18- */

/**************   GRID STYLING   ********************/

/******* these divs serve as columns/headers */
.grid-ui-headers { display: table; width:100%; }
.grid-ui-headers div { float:left; padding: .25rem .5rem; }
.grid-ui-header { display: table-row; font-weight: bold; font-size: .8rem; background-color:#5c9a1b; color:#fff; width:100%; }
.grid-ui-header div { display: table-cell; }
.grid-ui-headers div div.canSort { cursor:pointer; color:#fff; }
.grid-ui-headers div div.canSort label { color:#fff; display:none; margin:0; line-height:1; }

/******* this div serves as a container for each of the divs in the grid rows (items) */
.grid-ui-rows { background-color:#fff; display: table; width:100%; }
.grid-ui-rows p { padding: 1rem; }

/******* paging - 5, 10, 25, 50 per page styles *******/
.five-per-page { height: 141px; }
.ten-per-page { height: 282px; }
.twenty-five-per-page { height: 705px; }
.fifty-per-page { height: 1410px; }

/******* these divs serve as the rows themselves - for each item, there is a row */
.grid-ui-row { display: table-row; width:100%; }
.grid-ui-row:nth-child(odd) div { background-color:#ededed !important; }
.grid-ui-row a { font-size: .8rem; }
.grid-ui-row div { display:table-cell; padding:.2rem .4rem; font-weight: normal; font-size: .8rem; border-bottom: solid 1px #ddd; background-color:#fff; font-family: "FS Me Web Regular", Arial, Helvetica, Verdana, sans-serif !important; }

/******* these divs are used for the paging features */
.grid-ui-paging { padding: .5rem; border-top: solid 1px #ddd; border-bottom: solid 2px #ccc; background-color:#fff; }
.grid-ui-paging strong { font-size: .8rem; }
.grid-ui-paging a { font-size: .8rem; color:#aa005f; margin:0 .4rem; text-decoration:underline; }
.grid-ui-paging p { background-color:#ddd; padding: .1rem .4rem; color:#777; border-radius:4px; font-size:.8rem; display:inline; margin:0; border: solid 1px #ccc; }
.grid-ui-paging span { font-size:.8rem; color:#999; margin: 0 .25rem; }
.grid-ui-paging div { float:left; }
.grid-ui-paging div.pageLinks { width: 60%; }
.grid-ui-paging div.itemsPerPage { width: 25%; }
.grid-ui-paging div.totalItems { width: 15%; }
.grid-ui-paging select { width: 50px; padding: 0 .25rem; height:auto; margin:0; font-size:.8rem; }
.grid-ui-paging br { clear: both; }

/******** END GRID STYLING *********/