/*****************************************************************************/
/* wxc.css
/*
/* master stylesheet for WxCoder 4 site; includes style elements common to all 
/*   PHP pages
/*
/* roughly derived from the Django framework version of WxCoder created by 
/*  Grant Kelly in circa 2014, with enhancements for readability & cleaner
/*  presentation
/*
/* Written 6/12/2021, L.Pritchett, Cliffson Solutions, LLC, for WRCC
/* Revised 8/15/2025, L.Pritchett
/*****************************************************************************/


/*===========================================================================*/
/* shared stylesheet
/*===========================================================================*/

@import url('header.css');


/*===========================================================================*/
/* external fonts
/*===========================================================================*/

@import url('Fonts/genericons/genericons.css');
@import url('Fonts/Glyphicons/glyphicons.css');


@font-face
{
  font-family: 'Courgette';
  font-style: normal;
  font-weight: 400;
  src: url(/Styles/Fonts/Courgette/courgette-v4-latin-regular.woff) format('woff');
}


@font-face
{
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: url(/Styles/Fonts/OpenSans/open-sans-v13-latin-regular.woff) format('woff');
}


/*===========================================================================*/
/* global settings
/*===========================================================================*/

html
{
  /* Always show Safari scrollbar */

  margin-bottom: 1px;
  height: auto;
}


body
{
  margin: 0px;
  padding: 0px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.7em;
  text-align: left;
  color: #333333;
  background-color: #d3e1f1;
}


a
{
  color: #337ab7;
color: #337ab7;
font-size: 16px;
font-weight: normal;
  text-decoration: none;
}


a:hover
{
  color: #23527c;
color: #23527c;
  text-decoration: underline;
cursor: pointer;
}


a:active
{
  color: #23527c;
}


a:focus
{
  /* Remove link outlines */

  outline: none;
}


a img
{
  /* IE needs to be told specifically not to put borders on linked images */

  border: none;
}


h1,h2,h3,h4,h5,h6
{
  color: #333333;
  text-align: center;
  font-family: Arial,sans-serif;
}


h1.left,h2.left,h3.left,h4.left
{
  text-align: left;
}


h3 span.emphasis
{
  color: #990000;
}

h3 span.instructions
{
  line-height: 15px;
  font-size: 14px;
}


hr.dbl
{
  height: 3px;
  border: none;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}


textarea
{
  /* chrome ignores global font setting & uses monospace font by default */
  /*   so we need to set this explicitly                                 */

  font-family: Arial, sans-serif;
}


/*===========================================================================*/
/* overall page contents
/*===========================================================================*/

.box_page,
.box_page_content
{
  /* the portion of the page with content (as opposed to the entire browser  */
  /*   page): box_page_content contains header, content, and footer elements;*/
  /*   box_page contains both box_page_content as well as pseudo-pop-up      */
  /*   windows; even though the two boxes overlap exactly, they are distinct */
  /*   so lightbox effects with the pop-up windows work properly             */

  margin: 0px auto;
  padding: 0px;
  position: relative;
  width: 100%;
  min-width: 1030px;
  text-align: left;
}


.box_page_content span.link
{
  color: #337ab7;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
}


.box_page_content span.link:hover
{
  color: #23527c;
  cursor: pointer;
  text-decoration: underline;
}


/*===========================================================================*/
/* actual page contents, between header & footer, including side nav
/*===========================================================================*/

.box_content_wrapper
{
  padding: 0px;
  width: 100%;
  min-width: 800px;

  /* placeholder value; this will be dynamically changed by JS on */
  /*   page load to at least fill the browser window area         */

  min-height: 500px;

  position: relative;
  overflow: hidden;

  color: #333333;
  background-color: #ffffff;
  border-bottom: 1px solid #777777;
}


.box_content_wrapper .box_maint_mode
{
  margin: 0px;
  padding: 5px;
  color: #cc0000;
  background-color: #ffff99;
  text-align: center;
  font-size: 14px;
}

.box_no_side_nav
{
  /* empty placeholder box when side nav not appropriate */

  margin: 20px 10px 15px 10px;
  padding: 0px;
  width: 125px;
  display: inline-block;
}


.box_side_nav
{
  margin: 20px 10px 15px 10px;
  padding: 0px;
  width: 150px;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  color: #333333;
  font-family: OpenSans;
  border: 2px solid #dddd;
  border-radius: 7px;
}


.box_side_nav hr
{
  margin-left: 10px;
  margin-right: 10px;
  color: #cccccc;
  border-top: 1px solid;
}


.box_side_nav span.link
{
  font-size: 14px;
  text-indent: 8px;
}


.box_side_nav .box_title
{
  padding: 10px 15px 10px 15px;
  background-color: #ecfaff;
  font-size: 16px;
  border-bottom: 2px solid #dddddd;
}


.box_side_nav .box_instructions
{
  padding: 10px 15px 10px 15px;
  font-size: 12px;
  font-family: Arial;
}


.box_side_nav .box_login
{
  padding: 0px 15px 10px 15px;
  font-size: 12px;
  font-family: Arial;
}


.box_side_nav .box_login h3
{
  margin: 15px 0px 5px 0px;
  text-align: left;
  font-size: 14px;
}


.box_side_nav .box_login input
{
  padding: 6px 12px 6px 5px;
  color: #555555;
  background-color: #ffffff;
  font-size: 14px;
  border: 1px solid #cccccc;
  border-radius: 4px;
}


.box_side_nav .box_login input:focus
{
  outline: 1px solid #66afe9;
  box-shadow: 0px 0px 3px 2px #88ccfb;
}


.box_side_nav .box_login button
{
  padding: 8px 12px 8px 12px;
  width: 110px;
  color: #ffffff;
  background-color: #559cd9;
  font-size: 14px;
  text-align: center;
  border: 1px solid #000000;
  border-radius: 4px;
}


.box_side_nav .box_login button:hover
{
  cursor: pointer;
  background-color: #2e6da4;
}


.box_side_nav .box_login button:hover span.prompt
{
  text-decoration: underline;
}

.box_side_nav .box_login button:disabled
{
  background-color: #999999;
  cursor: text;
}


.box_side_nav .box_login button:disabled span.prompt
{
  text-decoration: none;
}

.box_side_nav .box_login_help
{
  margin: 35px 0px 25px 15px;
  padding: 4px 6px 4px 6px;
  width: 108px;
  background-color: #eeeeee;
  font-size: 13px;
  font-family: Arial;
  text-align: center;
  border: 1px solid #999999;
  border-radius: 4px;
}


.box_side_nav .box_login_help:hover
{
  cursor: pointer;
  background-color: #cccccc;
}

.box_side_nav .box_login_help:hover span.btn_text
{
  color: #111111;
  text-decoration: underline;
}

.box_side_nav .box_faqs
{
  padding: 5px 5px 5px 10px;
  text-indent: -5px;
}

.box_side_nav .box_links
{
  padding: 0px;
  overflow: hidden;
background-color: #efefef;
  text-align:left;
  font-size: 14px;
}


.box_side_nav .box_links p.admin_link,
.box_side_nav .box_links p.field_office_link,
.box_side_nav .box_links p.user_link,
.box_side_nav .box_links p.selected,
.box_side_nav .box_links p.admin_selected,
.box_side_nav .box_links p.field_office_selected
{
  margin: 0px;
  padding: 15px 5px 15px 20px;
padding: 15px 5px 15px 25px;
text-indent: -5px;
  text-decoration: none;
}


.box_side_nav .box_links p.admin_link
{
  color: #660066;
}

.box_side_nav .box_links p.field_office_link
{
  color: #006600;
}

.box_side_nav .box_links p.user_link
{
  color: #337ab7;
}

.box_side_nav .box_links p.selected
{
  color: #ffffff;
  background-color: #559cd9;
}


.box_side_nav .box_links p.admin_selected
{
  color: #ffffff;
  background-color: #884488;
}


.box_side_nav .box_links p.field_office_selected
{
  color: #ffffff;
  background-color: #448844;
}


.box_side_nav .box_links p.admin_link:hover,
.box_side_nav .box_links p.field_office_link:hover,
.box_side_nav .box_links p.user_link:hover
{
  background-color: #dddddd;
  cursor: pointer;
}

.box_side_nav .box_links p.admin_link:hover span.link_text
{
  color: #440044;
  text-decoration: underline;
}

.box_side_nav .box_links p.user_link:hover span.link_text
{
  color: #23527c;
  text-decoration: underline;
}

.box_side_nav_login
{
  width: 200px;
}

.box_content
{
  margin: 20px 0px 15px 10px;
  padding: 0px;
  width: 830px;
/***
  min-width: 700px;
  max-width: 830px;
***/
  display: inline-block;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  color: #333333;
  font-size: 16px;
  font-family: OpenSans;
  border: 2px solid #dddd;
  border-radius: 7px;
}


.box_content ul.no_bullets
{
  list-style-type: none;
}


.box_content li
{
  padding-bottom: 20px;
  line-height: 22px;
}


.box_content p
{
  line-height: 24px;
}


.box_content p.instructions
{
  font-style: italic;
  text-align: center;
}


.box_content p.vals_changed
{
  padding:5px 9px 5px 9px;
background-color: #d1f8f4;
  font-weight: bold;
  border: 1px solid black;
  border-radius:5px;
}


.box_content p.err_msg
{
  color: #cc0000;
  font-size: 16px;
  text-align: center;
}


.box_content .genericon
{
  color: #31708f;
  font-size: 20px;
  vertical-align: middle;
}

.box_content .genericon:hover
{
  color: #23527c;
  background-color: #dddddd;
  cursor: pointer;
}

.box_content .genericon-edit,
{
  font-size: 26px;
}

.box_content .box_title
{
  padding: 10px 15px 10px 15px;
  color: #333333;
  background-color: #ecfaff;
  font-size: 16px;
  font-weight: bold;
  font-variant: small-caps;
  border-bottom: 2px solid #dddddd;
}


.box_content .box_title .box_id
{
/*
  width: 400px;
*/
  position: absolute;
  right: 25px;
  display: inline-block;
  text-align: right;
  font-size: 15px;
  font-variant: none;
  font-weight: normal;
}


.box_content .box_title .box_id span.assumed
{
  color: #007700;
  font-weight: bold;
}

.box_content .box_offline
{
  padding: 25px;
  color: #cc0000;
  background-color: #ffff99;
  text-align: center;
  font-size: 18px;
}

.box_content .box_switch_role
{
  margin: 0px;
  padding: 0px;
  display: inline-block;
}

.box_content .box_switch_role .box_switch_role_opts
{
  margin-right: -20px;
  padding: 10px 5px 8px 10px;
padding: 10px;

  width: 230px;
width: 350px;

  position: absolute;
  right: 0px;
  display: none;
  background-color: #f9f9f9;
background-color: #ffffff;
  font-size: 14px;
  text-align: left;
  line-height: 1.2em;

  border: 1px solid black;
  border-radius: 5px;

  box-shadow: 3px 3px 5px #385c58;
  z-index: 100;
}


.box_content .box_switch_role .box_switch_role_opts .box_workg
{
  margin-left: 35px;
  display: none;
}

.box_content .box_switch_role .box_switch_role_opts .box_corner_close
{
  padding: 3px 2px 2px 2px;
  float: right;
  width: 10px;
  text-align: center;
  line-height: 1.0em;
  color: #ffffff;
  background-color: #559cd9;
  font-weight: bold;
  border: 1px solid black;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}


.box_content .box_switch_role .box_switch_role_opts .box_corner_close:hover
{
  cursor: pointer;
  background-color: #2e6da4;
}


.box_content .box_switch_role .box_switch_role_opts select
{
  padding: 4px;
  color: #000000;
font-size: 16px;
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid black;
}

.box_content .box_offline span.link
{
  font-size: 18px;
}

.box_content .box_highlight
{
  margin: 20px;
  padding: 10px 12px 10px 15px;
  color: #31708f;
  background-color: #ecfaff;
  border: 1px solid #99e0ff;
  border-radius: 7px;
}

.box_content .box_highlight a,
.box_content .box_highlight span.link
{
  color: #245269;
  font-weight: bold;
}

.box_content .box_highlight input
{
  padding: 6px 12px 6px 12px;
  color: #555555;
  background-color: #ffffff;
  font-size: 14px;
  border: 1px solid #cccccc;
  border-radius: 4px;
}

.box_content .box_highlight input:focus
{
  outline: 1px solid #66afe9;
  box-shadow: 0px 0px 3px 2px #88ccfb;
}

.box_content button
{
  padding: 8px 12px 8px 12px;
  width: 110px;
  color: #ffffff;
  background-color: #337ab7;
  font-size: 14px;
  text-align: center;
  border: 1px solid #000000;
  border-radius: 4px;
}

.box_content button:hover
{
  cursor: pointer;
  background-color: #2e6da4;
}

.box_content button:hover span.prompt
{
  text-decoration: underline;
}

.box_content button:disabled
{
  background-color: #999999;
  cursor: text;
}

.box_content button:disabled span.prompt
{
  text-decoration: none;
}


.box_content .box_gen
{
  padding: 10px 12px 20px 15px;
}

.box_content .box_gen h3
{
  text-align: left;
}

.box_content .glyphicon-ok,
.box_content .glyphicon-ok-sign
{
  color: #009900;
}


.box_content .glyphicon-lock
{
  color: #990000;
}


.box_content .glyphicon-remove
{
  color: #777777;
color: #eaa400;
color: #db9900;
}


.box_content .glyphicon-remove-closed
{
  color: #990000;
}


.box_content .glyphicon-warning-sign
{
  color: #ff9900;
}


.box_content .glyphicon-exclamation-sign,
.box_content .glyphicon-alert
{
  color: #990000;
}


.box_content .glyphicon-question-sign
{
  color: #ff66ff;
}

.box_content .glyphicon-info-sign
{
  color: #31708f;
  vertical-align: middle;
  font-size: 16px;
}

.box_content .glyphicon-pencil
{
  color: #31708f;
  font-size: 18px;
  vertical-align: middle;
}

.box_content .glyphicon-info-sign:hover,
.box_content .glyphicon-pencil:hover
{
  color: #23527c;
  background-color: #dddddd;
  cursor: pointer;
}

.box_content .glyphicon-check,
.box_content .glyphicon-lock
{
  color: #009900;
}

.box_content .glyphicon-unchecked
{
  color: #990000;
  background-color: #eebbbb;
}

.box_content .glyphicon-unchecked:hover
{
  background-color: #ee9999;
  cursor: pointer;
}

.box_content span.unchecked_na
{
  color: #333333;
  background-color: #dddddd;
}

.box_content span.unchecked_na:hover
{
  color: #333333;
  background-color: #dddddd;
  cursor: default;
}

.box_content .box_title span.glyphicon-random
{
  font-size: 12px;
}

.box_content_login
{
  width: 780px;
}

.box_content .box_gen p.instructions,
.box_content .box_gen p.instructions span.link
{
  font-size: 14px;
font-size: 16px;
  line-height: 18px;
line-height: 22px;
}


.box_content .box_gen p.news
{
  padding-left: 65px;
  text-indent: -15px;
}


.box_content .box_gen p.alert
{
  padding: 15px;
  color: #990000;
background-color: #ffffe3;
  font-weight: bold;
border-radius: 5px;
  border: 1px solid black;
}


.box_content .box_gen .box_info_msg
{
  margin: 20px;
  padding: 10px 12px 10px 15px;
  display: none;
  color: #007700;
  background-color: #eeffee;
  border: 1px solid #009900;
  border-radius: 7px;
}

.box_content .box_gen .box_err_msg
{
  margin: 20px;
  padding: 10px 12px 10px 15px;
  display: none;
  color: #990000;
  background-color: #ffffcc;
  border: 1px solid #990000;
  border-radius: 7px;
}

.box_content .box_gen .box_err_msg h4
{
  color: #990000;
}

.box_content .box_gen .box_issues
{
  margin: 20px;
  padding: 10px 12px 10px 15px;
  color: #990000;
  background-color: #ffffcc;
  border: 1px solid #990000;
  border-radius: 7px;
}

.box_content .box_gen .box_issues h4
{
  color: #990000;
  text-align: left;
}

.box_content .box_gen .box_issues span.glyphicon-plus-sign,
.box_content .box_gen .box_issues span.glyphicon-minus-sign,
.box_content .box_gen .box_issues span.glyphicon-repeat,
.box_content .box_gen .box_issues span.glyphicon-trash
{
  color: #337ab7;
}

.box_content .box_gen .box_issues span.glyphicon-plus-sign:hover,
.box_content .box_gen .box_issues span.glyphicon-minus-sign:hover,
.box_content .box_gen .box_issues span.glyphicon-repeat:hover,
.box_content .box_gen .box_issues span.glyphicon-trash-sign:hover
{
  color: #23527c;
  cursor: pointer;
}

.box_content .box_gen .box_issues .box_issue_details
{
  padding-left: 35px;
  display: none;
}

.box_content .box_gen .box_issues .box_issue_details .glyphicon-exclamation-sign
{
  color: #990000;
}

.box_content .box_gen .box_issues .box_issue_details .glyphicon-info-sign
{
  color: #ff9900;
}

.box_content .box_gen .tbl_wrapper
{
  margin: 20px auto 20px auto;
  width: 700px;
  overflow: hidden;
  border: 1px solid #999999;
  border-radius: 7px;
}

.box_content .box_gen .box_tbl_title
{
  margin: 25px 0px 15px 0px;
  display: none;
}


.box_content .box_gen .box_tbl_title h3
{
  text-align: center;
}


.box_content .box_gen .box_tbl_title p.stats
{
  margin-top: -15px;
  text-align: center;
  font-size: 14px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* general table layout */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.box_content .box_gen table
{
  margin: 20px auto 0px auto;
  width: 700px;
  border-collapse: collapse;
  background-color: #f9f9f9;
background-color: #ffffff;
}


.box_content .box_gen table.tbl_acct
{
  margin-top: 0px;
}


.box_content .box_gen table.tbl_acct tr
{
  background-color: #efefef;
}


.box_content .box_gen .box_toc_wrapper
{
  margin: 0px 0px 65px 0px;
  padding: 1px;
  width: 790px;
  overflow: hidden;

  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border: 1px solid #000000;
}

.box_content .box_gen .box_toc_wrapper table.msgs_toc
{
  margin: 0px;
  width: 790px;
}


.box_content .box_gen tr
{
background-color: #aaeffe;
background-color: #bbffff;
background-color: #eff9fc;
background-color: #66adea;
background-color: #e2effb;
}


.box_content .box_gen tr.dark
{
  background-color: #f2f9f8;
background-color: #ccffff;
background-color: #dee8f8;
background-color: #559cd9;
background-color: #77befb;
background-color: #99dffd;
background-color: #d8f0f8;
background-color: #88cffc;
background-color: #c5ddf2;
}


.box_content .box_gen tr.highlight
{
  background-color: #eafee2;
background-color: #fff7b7;
}


.box_content .box_gen th
{
  padding: 7px 9px 7px 9px;
  background-color: #eeeeee;
background-color: #dddddd;
  vertical-align: bottom;
  font-weight: normal;
}


.box_content .box_gen td
{
  padding: 7px 9px 7px 9px;
color: #000000;
}


.box_content .box_gen td.top
{
  vertical-align: top;
}


.box_content .box_gen td span.legend_readonly
{
  background-color: #dddddd;
  border: 1px solid black;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}


.box_content .box_gen td span.legend_val_err
{
  background-color: #ffeaea;
  border: 1px solid black;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

.box_content .box_gen td span.legend_val_changed
{
background-color: #d1f8f4;
  border: 1px solid black;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

.box_content .box_gen td.label,
.box_content .box_gen td.label_top
{
  padding-left: 20px;
  max-width: 200px;
  text-align: right;
  line-height: 1.1em;
}


.box_content .box_gen td.label_top
{
  padding-top: 12px;
  vertical-align: top;
}


.box_content .box_gen td.sxn_title
{
  padding: 16px 5px 2px 20px;
  font-size: 16px;
  text-align: left;
  font-weight: bold;
}


.box_content .box_gen td.row_spacer
{
  padding: 4px 0px 4px 0px;
}


.box_content .box_gen th.center,
.box_content .box_gen td.center
{
  text-align: center;
}


.box_content .box_gen th.right,
.box_content .box_gen td.right
{
  text-align: right;
}


.box_content .box_gen td.no_results
{
  padding: 25px 15px 15px 15px;
  text-align: center;
  font-weight: bold;
  color: #990000;
}


.box_content .box_gen td p.instructions,
.box_content .box_gen td span.instructions
{
  margin-top: 5px;
  font-size: 13px;
  line-height: 15px;
  text-align: justify;
text-align: left;
  font-style: italic;
}


.box_content .box_gen td p.instructions span.glyphicon-info-sign:hover
{
  cursor: pointer;
}


.box_content .box_gen td.value
{
  font-size: 16px;
}

.box_content .box_gen input,
.box_content .box_gen td.value input,
.box_content .box_gen td.value select,
.box_content .box_gen td.value .box_readonly,
.box_content .box_gen td.value textarea
{
  padding: 4px;
  color: #000000;
  background-color: #ffffff;
  font-size: 16px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border: 1px solid #000000;
}

.box_content .box_gen input:disabled,
.box_content .box_gen td.value input:disabled
{
  color: #333333;
  background-color: #dddddd;
}

.box_content .box_gen input.val_err,
.box_content .box_gen td.value input.val_err,
.box_content .box_gen select.val_err,
.box_content .box_gen td.value select.val_err,
.box_content .box_gen textarea.val_err,
.box_content .box_gen td.value textarea.val_err
{
  background-color: #ffeaea;
}

.box_content .box_gen div.box_select_val_changed
{
  width: 250px;
  background-color: #d1f8f4;
  border: 1px solid white;
}

.box_content .box_gen input.val_changed,
.box_content .box_gen td.value input.val_changed,
.box_content .box_gen textarea.val_changed,
.box_content .box_gen td.value textarea.val_changed,
.box_content .box_gen select.val_changed,
.box_content .box_gen td.value select.val_changed
{
  background-color: #d1f8f4;
}


.box_content .box_gen span.icon_val_changed
{
  color: #337ab7;
  background-color: #d1f8f4;
  font-size: 18px;
}


.box_content .box_gen span.icon_val_changed:hover
{
  color: #23527c;
  cursor: pointer;
  text-decoration: underline;
}

.box_content .box_gen td.value .box_readonly
{
  width: 250px;
  color: #000000;
  background-color: #dddddd;
}


.box_content .box_gen td span.status_ok
{
  color: #009900;
  font-weight: bold;
}


.box_content .box_gen td span.status_warning
{
  color: #dd7733;
  font-weight: bold;
}


.box_content .box_gen td span.status_alert
{
  color: #990000;
  font-weight: bold;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* specialized table layout 
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.box_content .box_gen td table.obs_status
{
  margin: 0px;
  padding: 0px;
  width: 150px;
width: 135px;
  background-color: transparent;
}


.box_content .box_gen td table.obs_status td
{
  padding: 3px 0px 3px 0px;
}


.box_content .box_gen td table.obs_status span.unclosed_curr
{
  color: #333333;
color: #009900;
  background-color: #dddddd;
background-color: #bbeebb;
}

.box_content .box_gen td table.obs_status span.unclosed_curr:hover
{
  color: #333333;
  background-color: #99ee99;
  cursor: pointer;
}

.box_content .box_gen td table.obs_status span.unclosed_overdue
{
  color: #990000;
  background-color: #eebbbb;
}

.box_content .box_gen td table.obs_status span.unclosed_overdue:hover
{
  background-color: #ee9999;
  cursor: pointer;
}

.box_content .box_gen td table.obs_status span.closed
{
  color: #990000;
color: #555555;
}

.box_content .box_gen td table.obs_status span.closed:hover
{
  cursor: default;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* other general content styling
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.box_content .box_gen .box_buttons
{
  margin: 25px;
  padding-left: 15px;
margin: 0px;
padding: 25px 25px 25px 40px;
  text-align: left;
}

.box_content .box_gen button,
.box_content .box_gen td.value button
{
  padding: 8px 12px 8px 12px;
  width: 130px;
  color: #ffffff;
  background-color: #337ab7;
  font-size: 14px;
  text-align: center;
  border: none;
  border-radius: 4px;
}


.box_content .box_gen button.btn_view,
.box_content .box_gen td.value button.btn_view
{
  width: 50px;
}


.box_content .box_gen button:focus
{
  outline: 1px solid #66afe9;
  box-shadow: 0px 0px 3px 2px #88ccfb;
}

.box_content .box_gen button:hover,
.box_content .box_gen td.value button:hover
{
  cursor: pointer;
  background-color: #2e6da4;
text-decoration: underline;
}


.box_content .box_gen button:disabled,
.box_content .box_gen td.value button:disabled
{
  background-color: #999999;
  cursor: text;
}


.box_content .box_gen button:disabled:hover,
.box_content .box_gen td.value button:disabled:hover
{
  text-decoration: none;
}

.box_content .box_gen .box_buttons .box_details_err_msg
{
  margin-top: 6px;
  padding-left: 25px;
  display: inline-block;
  width: 300px;
  font-size: 14px;
  color: #cc0000;
}

.box_content .box_gen .box_buttons .box_details_err_msg img
{
  padding: 0px 0px 3px 0px;
  vertical-align: middle;
}


.box_content .box_policy
{
  padding: 30px 12px 30px 15px;
  width: 750px;
}

.box_content .box_policy h3
{
  text-align: left;
  font-size: 18px;
}


.box_content .box_policy p
{
  margin-left: 10px;
}


.box_content .box_site_map
{
  padding: 10px 12px 20px 15px;
}


.box_content .box_site_map ul
{
  padding-top: 5px;
}

.box_content .box_site_map li
{
  padding-bottom: 12px;
  line-height: 16px;
}


.box_content .box_help
{
  padding: 10px 12px 20px 15px;
}


.box_content .box_help h3
{
  text-align: left;
}

.box_content .box_qa
{
  margin: 0px auto 0px auto;
  padding:0px;
  width: 575px;
  position: relative;
  overflow: hidden;
  border: 1px solid #dddddd;
  border-radius: 7px;
}


.box_content .box_qa table
{
  margin: 0px;
  width: 575px;
  border-collapse: collapse;
}

.box_content .box_qa th
{
  padding: 7px;
  background-color: #eeeeee;
}

.box_content .box_qa th.border_right
{
  border-right: 1px solid #999999;
}

.box_content .box_qa td
{
  padding: 7px 9px 7px 9px;
  border: 1px solid #dddddd;
}

.box_content .box_qa td.val
{
  text-align: right;
}

.box_content .box_spinner
{
  padding-top: 75px;
  text-align: center;
}


.box_content .box_nav
{
  margin: -35px auto 40px auto;
  padding: 0px;
  width: 450px;
  position: relative;
  overflow: auto;
  font-size: 14px;
  font-weight: normal;
  color: #337ab7;
  text-decoration: none;
  text-align: center;
}


.box_content .box_menu .box_nav_opt_left
{
  width: 100px;
  float: left;
}


.box_content .box_menu .box_nav_opt_right
{
  width: 100px;
  float: right;
}


.box_content .box_menu .box_nav_opt_left:hover,
.box_content .box_menu .box_nav_opt_right:hover
{
  color: #23527c;
  cursor: pointer;
  text-decoration: underline;
}


.box_content .box_nav_back,
.box_content .box_refresh
{
  margin-left: 45px;
  font-size: 14px;
  font-weight: normal;
  color: #337ab7;
  text-decoration: none;
}


.box_content .box_nav_back:hover,
.box_content .box_refresh:hover
{
  color: #23527c;
  cursor: pointer;
  text-decoration: underline;
}


.box_content .box_refresh
{
  margin-left: 0px;
  text-align: center;
}


.box_content .box_tbl_wrapper
{
  margin: 15px auto 25px auto;
  overflow: hidden;
  width: 300px;
  display: none;
  border: 1px solid #333333;
  border-radius: 5px;
}


.box_content .tbl_obs
{
  width: 300px;
  border-collapse: collapse;
}


.box_content .tbl_obs th
{
  padding: 5px 12px 5px 12px;
  color: #555555;
  background-color: #dddddd;
  text-align: center;
}


.box_content .tbl_obs tr.dark td
{
  background-color: #f5f5f5;
}


.box_content .tbl_obs td
{
  padding: 5px 12px 5px 12px;
  text-align: center;
}


.box_content .tbl_obs td.err_msg
{
  padding: 12px;
  color: #cc0000;
  font-size: 14px;
  text-align: center;
}


.box_content .tbl_obs td input.sel_date
{
  /* placeholder for date picker, but we don't want to show the text box */
  display: none;
}


/*===========================================================================*/
/* page footer
/*===========================================================================*/

.box_footer
{
  margin: 0px auto 0px auto;
  padding: 0px 15px 15px 15px;
  background-color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 14px;
text-align: center;
}


.box_footer br
{
  clear: both; 
}


.box_footer .box_wrcc
{
  width: 355px;
  position: absolute;
  left: 10px;
}


.box_footer img.logo_wxc
{
  width: 50px;
  height: 50px;
  vertical-align: top;
}


.box_footer .box_links
{
  padding-top: 15px;
  display: inline-block;
  width: 300px;
  line-height: 18px;
  vertical-align: top;
}

.box_footer .box_links span.link
{
  font-size: 15px;
}

.box_footer .box_partners
{
  margin-left: 200px;
  padding-top: 15px;
  display: inline-block;
  width: 485px;
  line-height: 18px;
  text-align: center;
}


.box_footer .box_acis
{
  margin-top:-72px;
  padding-top: 8px;
  width: 150px;
  position:absolute;
  right:10px;
}


.box_footer span.policy
{
  font-size: 12px !important;
 }


.box_footer span.version
{
  font-style: italic;
  font-size: 10px;
}


/*===========================================================================*/
/* special purpose fonts
/*===========================================================================*/

.font_reqd
{
  /* font for asterisk indicating a required form element; intended */
  /*   to be used in a "span" tag                                   */

  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #cc0000;
}


.font_alert
{
  font-weight: bold;
  color: #990000;
}


/*===========================================================================*/
/* pop-up information/help sub-window
/*===========================================================================*/

.box_subwin_info
{
  padding: 15px 10px 0px 15px;
  width: 350px;
width: 550px;
  display: none;
  position: absolute;
  background-color: #ffffff;
  border-radius: 8px;
  -moz-border: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;

  box-shadow: 3px 3px 5px #385c58;
  border: 1px solid black;
  z-index: 100;
}


.box_subwin_info .box_corner_close
{
  padding: 3px 2px 2px 2px;
  float: right;
  width: 10px;
  text-align: center;
  line-height: 1.0em;
  color: #ffffff;
  background-color: #559cd9;
  font-weight: bold;
  border: 1px solid black;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}


.box_subwin_info .box_corner_close:hover
{
  cursor: pointer;
  background-color: #2e6da4;
}


.box_subwin_info .info_content
{
  padding-top: 20px;
  font-size: 13px;
font-size: 14px;
}


.box_subwin_info .info_content span.link
{
  color: #337ab7;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
}


.box_subwin_info .info_content span.link:hover
{
  color: #23527c;
  cursor: pointer;
  text-decoration: underline;
}


.box_subwin_info .info_content table.tbl_illegal_chars
{
  margin: 25px 0px 55px 55px;
  border-collapse: collapse;
}


.box_subwin_info .info_content table.tbl_illegal_chars th
{
  padding: 9px;
  text-align: center;
}

.box_subwin_info .info_content table.tbl_illegal_chars td
{
  padding: 9px;
  text-align: center;
  border: 1px solid black;
}

.box_subwin_info ul.no_bullets
{
  list-style-type: none;
}


.box_subwin_info p.vals_changed
{
  padding:5px 9px 5px 9px;
background-color: #d1f8f4;
  font-weight: bold;
  border: 1px solid black;
  border-radius:5px;
}


.box_subwin_info .box_buttons
{
  margin: 25px;
  padding-left: 55px;
  text-align: left;
}

.box_subwin_info button
{
  padding: 8px 12px 8px 12px;
  width: 130px;
  color: #ffffff;
  background-color: #337ab7;
  font-size: 14px;
  text-align: center;
  border: none;
  border-radius: 4px;
}


.box_subwin_info button:hover
{
  cursor: pointer;
  background-color: #2e6da4;
  text-decoration: underline;
}


/*===========================================================================*/
/*  datepicker element exists outside all container divs
/*===========================================================================*/

.ui-datepicker
{
  margin-top: -25px;
  padding: 5px;
  display: none;
  background-color: #ffffff;

font-size: 14px;
  border: 1px solid black;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;

  box-shadow: 5px 5px 5px #888888;
}


.ui-datepicker a
{
  text-decoration: none;
}


.ui-datepicker a:hover
{
  text-decoration: underline;
}


img.ui-datepicker-trigger:hover
{
  cursor: pointer;
}


.ui-datepicker-calendar
{
  margin-top: 20px;
}


.ui-datepicker-calendar td
{
  padding: 0px 5px 0px 5px;
  text-align: center;
}


.ui-datepicker-current-day
{
  border: 1px solid #81d8d0;
}


.ui-datepicker-header
{
  margin: 0px -5px 0px -5px;
  padding: 5px 0px 10px 0px;
  background-color: #eeeeee;
  background-color: #ffffff;
  border-bottom: 1px solid #999999;
}


.ui-datepicker-title
{
  text-align: center;
}

.ui-datepicker-month,
.ui-datepicker-year
{
  background-color: #ffffff;
  font-size: 16px;
}


.ui-datepicker-year
{
  margin: 0px;
}

.ui-datepicker-prev
{
  width: 16px;
  height: 16px;
  position: absolute;
  left: 15px;
  top: 15px;
  background-image: url("/Graphics/Icons/arrow_left_16x16.png");

  /* hide text in favor of icon */
  overflow: hidden;
  text-indent: -99999px;
}

.ui-datepicker-next
{
  width: 16px;
  height: 16px;
  position: absolute;
  right: 15px;
  top: 15px;
  background-image: url("/Graphics/Icons/arrow_right_16x16.png");
  overflow: hidden;
  text-indent: -99999px;
}


.ui-datepicker-buttonpane
{
  padding-top: 10px;
  text-align: center;
}


.ui-datepicker-buttonpane button
{
  margin: 5px 0px 2px 7px;
  padding: 6px 12px 6px 12px;
  color: #333333;
color: #ffffff;
  background-color: #ffffff;
background-color: #337ab7;
  font-size: 12px;
font-size: 14px;
  border: 1px solid #cccccc;
border: 1px solid #000000;

  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
}


.ui-datepicker-buttonpane button:hover
{
  color: #333333;
color: #ffffff;
  background-color: #e6e6e6;
background-color: #2e6da4;
  cursor: pointer;
  text-decoration: underline;
  border: 1px solid #cccccc;
}


.ui-state-disabled
{
  color: #bbbbbb;
}