@media print {
  .no-print {
    display: none;
  }
  body {
    background-image: none !important;
    background-color: white !important;
  }
}

#example_processing {
  background-color: yellow !important;
  background-image: none !important;
  border: 1px solid black !important;
}

div.backend {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11pt !important;
}

div.backend h2 {
   background-color: #24618E;
   color: white;
   text-align: center;
   margin-left: 0px;
   margin-right: 0px;
   padding: 5px;
}

span.highlight {
  background-color: yellow !important;
}


div.picklist  p {
   margin: 10px !important;
}

div.picklist h1 {
   margin: 10px !important;
   font-size: 16px;
   color: #5D9731;
}



div.odd {
  background-color:#ccc;
}

div.even {
  background-color:#eee;
}

div.select-poster:hover,div.select-poster:hover div, div.range-table:hover,div.range-table:hover div  {
background-color: #FFFFE0;
}

div.display:hover,div.display:hover div, div.range-table:hover,div.range-table:hover div {
background-color: #FFFFE0 !important;
}

div.fbox:hover  {
 background-color: #FFFFE0 !important;
}

table.select-poster td.author {
  width: 35%:
}

table.select-poster td.title {
  width: 60%;
}

div.range-table-header {
  font-size: 80%;
  font-weight: normal;
  background-color: #5D9731 !important;
  color: white;
  padding: 5px;
}


table.range-table td.label label{
  font-weight: normal !important;
  margin: 5px;
}
table.range-table td.item {
  width: 60px;
}

table.select-poster td.select , table.range-table td.item {
  text-align: center;
  vertical-align: middle;
}

div.coi table {
   width: 90%;
   margin: auto;
   border: 1px solid grey;
   border-collapse:collapse;
   margin-top: 10px;
   margin-bottom: 10px;
}
div.coi table.nogrid, div.coi table.nogrid td {
  border: 0px !important
}
div.coi table td {
  border: 1px solid grey;
  padding: 5px;
}
div.coi table th {
  text-align: center;
  padding: 5px;
  border: 1px solid grey;
}

li {
  margin-bottom: 5px;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap; 
    text-overflow: ellipsis;
}

.td-nowrap {
  white-space: nowrap;
}

div#tabsJ p {
   font-size: 12pt;
   color: #5D9731;
   text-align: center;
   margin: 2px;
}
.fbox {
  padding: 0.4em;
}
.fbox-l {

   float: left;
}
.fbox-m {

   float: left;
   text-align: right;
}

.fbox-r form {
  display: inline;
  float: right;

}

.fbox-r-red {

   float: right;
  color: red;
  font-weight: bold;
  text-align: right;
}

.fbox-r-green {
   text-align: right;

   float: right;
   color: green;
   font-weight: bold;
}




.backend select, .backend input, .backend textarea {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
        background-color: #eee;
}

.backend .dataTables_length, .backend .dataTables_info {
  font-style: italic;
}

textarea {
  height: 200px;
}

textarea.twoline {
  height: 100px;
}



div.tadiv {
        margin-bottom: 10px;
}
h0 {
	font-family: Georgia, Times, serif; 
	color: #ffffff; 
	text-align: center; 
	font-size: 16px; 
	font-weight: bold; 
}

.banner {
   
}

#main {
   background-color: white;
}


.b-banner{
  text-align: center;
  padding-top: 10px;
  margin-bottom: 10px;
  background-color: #5D9731;
  height: 40px;
  color: white;
}

td {
        text-align: left;
        margin: 5px 0;
        vertical-align: top;
}

td.header {
        text-align: center;
        font-weight: bold;
}

p {
  margin-left: 10px;
}

.t2 {
  margin: 10px;
}

td p {
  margin: 0px;
}

legend {
  font-weight: bold;
}

.form-item {
  margin-bottom: 10px;
}

label {

  display: inline;
}

form.widelabel label {
  width: 500px !important;
  float: left;
  display: block;
}
table.range-table td.label {
  width: 650px;
}
table.range-table th.bolster {
  background-color: white !important;
}

form.evaluation label {
  width: 100% !important;
  float: left;
  display: block;
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 15px;
}

form.evaluation label.reg-label {
   display: inline;
   font-size: 100%;
   font-weight: normal;
   margin: 0px;
   margin-top: 2px;
   float: none;
   width: auto !important;
}

form.evaluation div.column {
  width: 33%;
  float: left;
  margin-top: 5px;
  height: 20px;
}

form.evaluation div.fat-column {
  width: 100%;
  float: left;
  margin-top: 5px;
  height: 20px;
}

form.evaluation div.double-column {
  width: 50%;
  float: left;
  margin-top: 5px;
  height: 20px;
}




p.instruct {
  padding: 5px;
  background-color: lightyellow;
  border: 2px solid #5D9731;
}

p.error_box {
  padding: 5px;
  background-color: red;
  color: white;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  border: 2px solid black;
}

label.option {
}

.debug {
  font-size: 80% !important;
  line-height: 80% !important;
  color: black !important;
  font-weight: normal !important;
}

.mceEditorArea {
  background-color: white;
}
    div#tabsJ  {
		  margin-bottom: 10px;
     }
    #tabsJ {
      float:left;
      width:100%;
      background: #d1d1d1;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #24618E;
      }
    #tabsJ ul {
        margin:0;
        padding:5px 10px 0 20px;
        list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("/img/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      font-size: 9pt;
      }

    #tabsJ a span {
      float:left;
      display:block;
      background:url("/img/tabrightJ.gif") repeat-x right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

table.display {
  padding-top: 10px;
  padding-bottom: 10px;
}

table.display td {
  vertical-align: middle;
  padding: 5px;
 /* background-color: #eee; */
}

input.aanp_hide {
  width: 20em;
}

select.aanp_hide {
  margin-left: 0px !important;
  width: 20em !important;
}