body {
  background-color: #fff9d7
}


/* The main layout table */
table.layout {
  vertical-align: top
}

tr.layout {
  vertical-align: top;
  padding-bottom: 10px
}

td.contentfw {
  padding-left: 7px;
  padding-right: 7px;
  width: 425px
}

td.content {
  padding-left: 7px;
  padding-right: 7px
}


/* Report table styling */
table.report {
  border: thin solid black;
  background-color: white;
  text-align: center
}

caption.report {
  border: thin solid black;
  background-color: #fffceb;
  font-size: larger;
  font-weight: bold;
  text-align: left;
  padding: 5px
}

td.primcol {
  background-color: #eeeeee;
  border: 1px solid black
}

td.casname {
  text-align: left;
  border: 1px solid black
}

td.report {
  text-align: center;
  border: 1px solid black;
  padding: 3px
}

th.report {
  text-align: center;
  border: 1px solid black;
  padding: 3px
}

img.report {
  float: none
}

hr.report {
  width: 50%
}


/* The navigation bar */
table.nav {
  border: thin solid navy;
  background-color: white;
  width: 150px;
  font-size: small;
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px
}

table.horiznav {
  border: thin solid navy;
  background-color: white;
  font-size: small;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
  margin-left: auto;  /* These center the table horizontally */
  margin-right: auto
}

td.nav {
  background-color: navy;
  border: thin solid white;
  padding: 3px
}

td.nav a {
  color: white;
  background-color: transparent;
  text-decoration: none
}

td.nav a:hover {
  color: yellow;
  background-color: transparent;
  text-decoration: underline
}

td.other {
  background-color: white;
  padding: 3px
}

td.other a {
  color: navy;
  background-color: transparent;
  text-decoration: none
}

td.other a:hover {
  color: black;
  background-color: transparent;
  text-decoration: underline
}  


/* The informational tables */
table.info {
  border: thin solid navy;
  background-color: white;
  width: 225px;
  font-size: small;
  text-align: left;
  margin-bottom: 10px
}

th.infotitle {
  text-align: left;
  background-color: navy;
  color: white;
  font-size: medium;
  padding: 3px
}

td.nowrap {
  white-space: nowrap
}


/* The "click here to download" table */
table.download {
  border: thin solid black;
  background-color: white;
  text-align: center
}

th.download {
  text-align: center;
  background-color: #fffceb;
  padding: 6px;
  font-size: large
}

td.download {
  text-align: center;
  padding: 6px;
  font-size: medium
}


/* Styling specially for the RB enter data form */
table.rbed {
  border: thin solid black;
  background-color: #fffceb;
  text-align: left;
  margin-bottom: 15px
}

caption.rbed {
  border: thin solid black;
  background-color: #cccc99;
  font-size: larger;
  font-weight: bold;
  text-align: left;
  padding: 5px
}

th.rbed {
  text-align: center;
  border: thin solid black;
  padding: 3px
}


/* Styling for the WMS enter counts form */
label.hintinfo {
  color: red
}

td.slotenter {
  font-weight: bold;
  text-align: right 
}

select.collapse {
  width: 300px
}

select.expand {
  width: 700px
}


/* Styling for the add/edit user form */
table.edit_form {
  border: none
}

td.edit_form {
  border: thin solid black;
  background-color: #c4b24b
}

caption.edit_form {
  border: none;
  font-size: larger;
  font-weight: bold;
  text-align: left;
  padding: 5px
}

caption.add_form {
  border: none;
  font-size: larger;
  font-weight: bold;
  text-align: left;
  padding: 5px
}


/* Formatting specially for the get user list form */
table.get_user_info {
  border: 1px solid black
}

td.get_user_info {
  border: 1px solid black;
  font-size: small;
  text-align: center
}

th.get_user_info {
  border: 1px solid black;
  font-size: small;
  text-align: center
}

ul.get_user_info {
  list-style: none  
}


/* Formatting specially for the CPCS Weekly report form */
table.weekly_form {
  border: thin solid black
}

td.weekly_form {
  white-space: nowrap;
  padding: 5px;
  padding-right: 9px
}


/* Formatting specially for the CPCS Period Comparison report form*/
table.tpc_form {
  border: none
}

td.tpc_form {
  padding-top: 15px
}


/* Formatting specially for the Calcounts Audit/Approve Counts form */
table.audit {
  border: thin solid black;
  background-color: white;
  text-align: center
}

caption.audit {
  border: thin solid black;
  background-color: #fffceb;
  font-size: larger;
  font-weight: bold;
  text-align: left;
  padding: 5px
}

th.audit {
  text-align: center;
  border: 1px solid black;
  padding: 3px
}

td.not_approve {
  text-align: center;
  border: 1px solid black;
  background-color: #cccccc;
  padding: 3px
}

td.outlier {
  text-align: center;
  border: 1px solid black;
  background-color: #ff0033;
  padding: 3px
}


/* Formatting specially for the Detailed CPCS Approve Counts form */
table.approve {
  border: thin solid black;
  background-color: white;
}

th.approve {
  text-align: center;
  border: 1px solid black;
  background-color: #fffceb;
  font-size: larger;  
  padding: 3px
}

td.approve {
  text-align: center;
  border: 1px solid black;
  padding: 3px
}


/* Formatting specially for the Detailed Slots Approve Entry form */
div.table_container {
  background-color: white;
  border: thin solid black;
  width: 800px;
}

div.scroll_content {
  height: 200px;
  overflow: auto;
}

th.approve_entry {
  background-color: #fffceb;
  border-bottom: thin solid lightgray;
  font-size: small;
  text-align: center;
}

td.approve_entry {
  border-bottom: thin solid lightgray;
  font-size: small;
  text-align: center;
}


/* Formatting specially for the Count Comparison View Counts form */
table.view {
  border: thin solid black;
  background-color: white;
  margin-top: 20px;
  margin-bottom: 20px;
}

caption.view {
  font-size: larger;
  font-weight: bold;
  text-align: left;
  padding: 5px
}

th.view {
  text-align: center;
  border: 1px solid black;
  background-color: #fffceb;
  font-size: larger;  
  padding: 5px
}

td.view {
  text-align: center;
  border: 1px solid black;
  padding: 5px
}


/*  */
h1 {
  font-family: "Times New Roman", "Times", serif;
  font-size: 28pt;
  color: navy;
  margin: 1px 1px 5px 1px;
  text-align: center
}

h2.sycco {
  font-family: "Times New Roman", "Times", serif;
  font-size: 12pt;
  font-style: italic;
  color: black;
  margin: 5px;
  margin-bottom: 20px;
  text-align: center
}



/* The main content column */
p.subpar {
  font-size: large;
  font-weight: bold;
  margin-top: 0;
  margin-left: 10px;
  margin-right: 10px
}

p.footer {
  font-size: small
}

p.bold {
  font-weight: bold
}

p.restoremsg {
  font-size: smaller;
  font-style: italic
}

h2 {
  margin-top: 0
}

h3 {
  margin-top: 20px
}

img {
  float: right
}

a.help {
  font-size: smaller
}

ul.indentonly {
  list-style-type: none;
  margin-top: 0px;
  margin-bottom: 0px;
}

ul.plain {
  list-style-type: none
}

ul.square {
  list-style-type: square
}