body {
  background: #FFF;
  margin:0;
}

.box {
  border:1px solid #CCC;
  background-color: #D9D9D9;
}

textarea {width:250px;height:150px;}

.highlight {
  background:#FFFFCC;
}

.due {
  color:#990000;
}

.section-heading, .report-heading, .criteria-heading {
  background: #1E242A;
  color: #FFF;
  padding: 10px;
  clear: both;
  margin-bottom: 1em;
}

.section-heading {
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
  border-radius:5px 5px 0 0;
}

.section-heading h3, .report-heading h3, .report-heading h4 {
  color:#FFF;
  padding:0 5px 0 0;
  margin:0;
  float:left;
}

.report-heading {
  border:1px solid #CCC;
  background-color: #D9D9D9;
  color: #000;
}
.report-heading.report-warning {
  background-color: #f8d7da;
  margin-bottom: 0;
}

.criteria-heading {
  border-left: 1px solid #1E242A;
  border-right: 1px solid #1E242A;
  border-bottom: 1px solid #1E242A;
  color: #444;
  background-color: #FFF;
  padding: 6px;
  font-size: 11px;
}

.criteria-heading select, .criteria-info select {
  font-size: 10px;
}

.criteria-info {
  border: 0;
  margin: 0;
  width:100%;
}
.criteria-info td {
  border: 0;
  vertical-align: top;
}

div.criteria, ul.criteria {
  margin-left: 0;
  list-style-type: none;
  padding-bottom: 5px;
}

ul.criteria li {
  background-color: #FFF;
  padding: 3px 5px;
  border: 1px solid #D9D9D9;
  margin: 0 3px 3px 0;
  float:left;
}

ul.criteria li.title {
  border: 0;
}

.initial-criteria button {
  margin-bottom: 20px;
  margin-top: 10px;
}

.report-heading h3, .report-heading h4 {
  color: #000;
}

.report-heading table, .report-heading td {
  border: 0;
  background-color: #D9D9D9;
  margin: 0;
}

.report-heading select {
  font-size: 11px;
}

.stacked-headings .section-heading {
  margin-bottom: 0;
}

.section {
  margin-bottom: 15px;
  border-bottom: 3px solid #E9E9E9;
  padding-bottom: 15px;
}

.border-container {
  background: #FFF;
  width:100%;
  margin: 0 auto;
  padding: 20px 0 0 0;
  /*border: 1px solid #333;*/
}

a {
  color: black;
}

.explanation {
  border: 1px solid #CCC;
  background-color: #FEFEFE;
  padding: 12px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}

.footnotes {
  font-size: 10px;
  padding-top: 10px;
  padding-right: 20px;
}

#header {
  padding-bottom: 15px;
}

#nav-container {
  /*z-index: 300;*/
}

#login_details {
  text-align:right;
}

#content {
  /*border-top: 1px solid #333;*/
  padding: 15px 0 30px 0;
  background-image: url(../images/content_bg.jpg);
  background-repeat: no-repeat;
  /*z-index: 1;*/
}

#footer {
  z-index: 100;
  background: #1E242A;
  color: #FFF;
  text-align:center;
  width:100%;
  padding:3px;
  font-size: 85%;
  border-top:1px solid #FFF;
}

#footer {
  position: fixed;
  bottom: 0px;
  left:0px;
}

#footer a {
  color:#FFF;
}

#session-warning {
  display:none;
}







/* TABLES */

table {
  border-collapse: collapse;
  background: #FFF;
  /*font-size: 11px;*/
  font-size: .9em;
  /*width: 100%;*/
}

table.login, table.login td {
  border: 0;
  background:transparent;
  font-size: 12px;
}

table.progress th {
  font-weight: bold;
  background-color: #E9E9E9;
  line-height: 1.1em;
  border-color: #CCC;
  color: #666;
  font-size: 10px;
}

th {
  background-color: #1E242A;
  color: #FFF;
  text-align: left;
  border: 1px solid #FFF;
}

th a, th a:active, th a:visited {
  background-color: #1E242A;
  color: #FFF;
}

th a:hover {
  color: #D9D9D9;
}

th.impact {
  font-weight: bolder !important;
}

th.align-center {
  text-align: center !important;
}

th.align-right {
  text-align: right !important;
}

td {
  border: 1px solid #C9C9C9;
}

.striped {
  background-color: #D9D9D9;
}

table.column-borders {
  border-bottom:1px solid #C9C9C9;
}

table.column-borders td {
  border-bottom:0 !important; 
  border-top:0 !important;
}

tr.positive td, tr.positive th, td.positive, th.positive {
    background-color: #C9C9C9 !important;
    color: #000 !important;
    border-bottom-color: #C9C9C9 !important;
    border-top-color: #C9C9C9 !important;
    border-right: 1px solid #C9C9C9 !important;
    border-left: 1px solid #C9C9C9 !important;
}

tr.positive td.divider, .tablesorter tr.positive td.divider {
    background-image: url(../images/divider.png);
    background-position: right center;
    background-repeat: repeat-y;
}


tr.subtotal td, tr.subtotal th, td.subtotal, th.subtotal {
    background-color: #D9D9D9 !important;
    color: #000 !important;
    border-bottom-color: #C9C9C9 !important;
    border-top-color: #C9C9C9 !important;
    border-right: 1px solid #C9C9C9 !important;
    border-left: 1px solid #C9C9C9 !important;
}

tr.subtotal td.divider, .tablesorter tr.subtotal td.divider {
  background-image: url(../images/divider.png);
  background-position: right center;
  background-repeat: repeat-y;
}

tr.grandtotal td, tr.grandtotal th, td.grandtotal, th.grandtotal {
    background-color: #808080 !important;
    color: #000 !important;
    font-weight: bold !important;
    border-bottom-color: #C9C9C9 !important;
    border-top-color: #C9C9C9 !important;
    border-right: 1px solid #C9C9C9 !important;
    border-left: 1px solid #C9C9C9 !important;
}

tr.grandtotal td.divider, .tablesorter tr.grandtotal td.divider {
    background-image: url(../images/divider.png);
    background-position: right center;
    background-repeat: repeat-y;
}

tr.high-contrast td, tr.high-contrast th, td.high-contrast, th.high-contrast {
  background-color: #FFF;
  color: #000;
  border: 0;
  font-weight: bold;
}

tr.error td, tr.error th, td.error, th.error {
    background-color: #3e4a57 !important;
    color: white !important;
    border: 1px solid #1e242e;
}

tr.totals td, tr.totals th, td.totals, th.totals {
  background-color: #666 !important;
  color: #FFF !important;
  font-weight: bold !important;
}

tr.totals td.divider, .tablesorter tr.totals td.divider {
  background-image: url(../images/divider.png);
  background-position: right center;
  background-repeat: repeat-y;
}

/*td.divider, th.divider, .tablesorter td.divider, .tablesorter th.divider {
  border-right: 3px solid #D9D9D9;
}*/

th.divider, .tablesorter th.divider {
  background-image: url(../images/divider.png);
  background-position: right center;
  background-repeat: repeat-y;
}

td.divider, .tablesorter td.divider {
  background-image: url(../images/divider.png);
  background-position: right center;
  background-repeat: repeat-y;
}

tr.dark td, tr.dark th, td.dark, th.dark {
  background-color:#1E242A !important;
  color: #FFF !important;
}

tfoot tr.dark td, tfoot tr.dark th, tfoot td.dark, tfoot th.dark {
  background-color:#1E242A !important;
  color: #FFF !important;
}

tr.mock-footer td {
    background-color: #1E242A;
    border: 1px solid #FFF;
}

td.spacer {
  border-top: 1px solid #1E242A;
  border-right: none;
  border-left: none;
}

table.row-borders {
  border: 1px solid #CCC;
}

table.row-borders td {
  border-left: 0;
  border-right: 0;
}

table.no-borders {
  border: 1px solid #CCC;
}

table.no-borders td, table.no-borders tr.positive td, table.no-borders tr.positive th, table.no-borders td.positive, table.no-borders th.positive {
  border-width: 0px !important;
}

td.good {
  color: blue !important;
}

td.bad {
  color: red !important;
}


span.extractor, input.extractor, textarea.extractor, select.extractor {
  background-color: #D8E1ED !important;
}

span.previous-quarter, input.previous-quarter, textarea.previous-quarter, select.previous-quarter {
  background-color: #F2E1CB !important;
}

span.extractor, span.previous-quarter {
  padding: 3px 8px;
  margin: 3px 2px;
}

.data-source {
  float: right;
  font-size: 10px;
  padding: 3px;
}


/* FORMS */

input.short {
  width: 100px;
}

select.small {
  font-size: 11px;
}

input.standard {
  width: 160px;
}

select.standard {
  width: 160px;
}

input.long {
  width: 450px;
}

/* make state text field smaller for state abbreviation (ex. IA, IL) */

input.city {
  width:100px;
}

input.state {
  width:20px;
}

input.zip {
  width:50px;
}

.label-check-radio input {
    margin-right: 5px !important;
}


/* ---------------IMAGES------------------------------- */
.polaroid {
  border:1px solid #CCC;
  padding:6px;
}





/* ---------- BUTTONS -------------------------------------- */


.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}


a.button, button {
  display:block;
  float:left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#f5f5f5;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow: #999 0px 1px 2px;
  -moz-box-shadow: #999 0px 1px 2px;
  box-shadow: #999 0px 1px 2px;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}



/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}



/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}

button.disabled, a.button.disabled {
  color:#CCC;
  background-image:none;
}

button.disabled:hover, a.button.disabled:hover {
  background-color:#f5f5f5;
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  color:#CCC;
  background-image:none;
}

.iconbuttondisabled {
    opacity: 0.65;
    cursor: not-allowed;
    pointer-events: none;
}

/* Tooltips */
a.tooltip {
 text-decoration: none;
 border-bottom: 1px dotted; 
}

a.unstyled, a:active.unstyled, a:visited.unstyled, a:link.unstyled, a:hover.unstyled {
  text-decoration: none;
  color: #222;
}

.giant-directory {
  margin-left: 0;
}

/* Large Buttons */
.giant-directory li {
  margin: 0 20px 12px 0;
  list-style-type:none;
  float: left;
}

.giant-directory li a, a.giant-directory {
  width: 700px;
  padding:25px 30px 20px 60px;
  margin:-2px 0;
  background-repeat:no-repeat;
  background-position:15px 25px;
  /*border: 1px solid #666;*/
  /*background-color: #FFF;*/
  text-decoration: none;
  color: #333;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  background-color:#f5f5f5;
  -webkit-box-shadow: #999 0px 1px 2px;
  -moz-box-shadow: #999 0px 1px 2px;
  box-shadow: #999 0px 1px 2px;
}

.giant-directory li a {
  display:block;
  margin:0;
}

.giant-directory a:hover, a:hover.giant-directory {
  /*background-color: #D9D9D9;*/
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
}

.giant-directory a:active {
  background-color:#6299c5;
  border:1px solid #6299c5;
}

.giant-directory h3, .giant-directory p {
  margin-bottom: 5px;
}

/* Modals */

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#FFF; padding:12px; width: 820px; height: 650px; text-align: left;}
#simplemodal-container .modal-close {float: right;}

.open-reporting-packages-modal, .close-reporting-packages-modal { cursor:pointer; }
.container-reporting-packages-modal { display:none; z-index:1000; position:absolute; top:0; left:0; height:100%; width:100%; }
.container-reporting-packages-modal.active { display:block; }
.container-reporting-packages-modal .reporting-packages-modal { position: relative; background: #fff; min-width: 300px; max-width: 800px; margin: 10% auto; border: 2px solid #fff; border-radius: 2px; box-shadow: 0 15px 60px rgba(0,0,0,0.3); max-height: 800px; overflow-x: hidden; overflow-y: scroll; }
.reporting-packages-modal .reporting-packages-modal-title { display:flex; flex-direction:row; width:100%; overflow:hidden; background:#f3f3f3; border-radius:2px 2px 0 0; }
.reporting-packages-modal .reporting-packages-modal-title .text { display:flex; align-items:center; flex:auto; padding:9px; }
.reporting-packages-modal .reporting-packages-modal-title .text > * { margin:0; }
.reporting-packages-modal .reporting-packages-modal-title .close-reporting-packages-modal { display:flex; display:-ms-flex; justify-content:center; align-items:center; flex:0 0 auto; -ms-flex:0 0 auto; cursor:pointer; color:#1E242A; text-align:center; padding:0 9px; transition:all 0.15s ease; }
.reporting-packages-modal .reporting-packages-modal-title .close-reporting-packages-modal:hover { background:#b22727; color:#fff; }
.reporting-packages-modal .reporting-packages-modal-content { padding:9px; }
.reporting-packages-modal .reporting-packages-modal-footer { padding:9px; border-top:2px solid #eaeaea; border-radius:0 0 2px 2px; }
.reporting-packages-modal .reporting-packages-modal-footer > * { float:none; }

/* Autocomplete */
.ui-autocomplete {
    max-height: 200px;
    overflow-y: scroll !important;
    text-align: left;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 200px;
}

/* Multiselect */

.multiselect {
	width: 790px;
	height: 350px;
}

.module {
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  padding: 10px;
  border: 1px solid #D9D9D9;
  float: left;
  background-color: #F9F9F9;
  margin: 6px 0 6px 10px;
}

.summaries .section {
  float: left;
  clear: both;
  border: none;
}


ul.summary {
  margin-left: 0;
}

ul.summary li {
  margin-left: 0;
  list-style-type: none;
  border-bottom: 1px dotted #CCC;
  padding-bottom: 5px;
  margin-bottom: 5px;
  clear: both;
  float: left;
}

ul.summary span.meta {
  clear: both;
  display: block;
}

ul.summary li .title {
  margin-right: 8px;
}

ul.summary li .details .note {
  color: #999;
  font-style: italic;
}

ul.summary .manageables {
  padding: 10px;
}

ul.summary .manageables li {
  clear: both;
}

ul.summary .uploader {
  clear: both;
  float: left;
}

ul.summary .uploader input[type=file] {
  float: left;
  margin-right: 5px;
}

ul.summary .uploader button {
  padding: 3px 6px;
  font-size: 11px;
  font-weight: normal;
  float: left;
}

ul.summary .existing-files {
  clear: both;
}

.system_error {padding:7px;background:#FFEBE8;border:#FF7F7F solid 1px;width:100%;left:0px;position:fixed;top:0px;margin-bottom:8px;font-size:13px;color:#333333;}
.system_confirm {padding:7px;background:#E2F9E3;border:#9CEFA8 solid 1px;width:100%;left:0px;position:fixed;top:0px;margin-bottom:8px;font-size:13px;color:#333333;}
.system_message {padding:7px;background:#FFFFE5;border:#FFD27F solid 1px;width:100%;left:0px;position:fixed;top:0px;margin-bottom:8px;font-size:13px;color:#333333;}

.system_error_block {padding:10px;background:#FFEBE8;border:#FF7F7F solid 1px;display:block;margin-bottom:10px;font-size:13px;color:#333333;}
.system_confirm_block {padding:10px;background:#E2F9E3;border:#9CEFA8 solid 1px;display:block;margin-bottom:10px;font-size:13px;color:#333333;}
.system_message_block {padding:10px;background:#FFFFE5;border:#FFD27F solid 1px;display:block;margin-bottom:10px;font-size:13px;color:#333333;}

.message_error_login {padding: 7px 8px;border:#AB5555 solid 1px;background:#FFEBE8;font-size:12px;width:180px;}
.message_error_login img{float:left;margin:0;}

.default_panel{background-color: #1E242A; color:#ffffff; padding-left:10px;}

/* This is required to eliminate the extra scrollbar that appears on datatable fixed columns when the browser zoom is used */
.DTFC_LeftBodyLiner {overflow-x: hidden;}

.loadingOverlay {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 999;
    height: 100%;
    width: 100%;
    background: rgba(189,189,189,0.4) url(../images/bx_loader.gif) center no-repeat;
}

/* Validation message style */
label.validation-error {
    color: #8a1f11;
    padding-left: 8px;
}