body{
  width: 60%;
  text-align:justify;
}

body.hideSelects select{
  visibility: hidden;
}

h3{
  clear: both;
  font-size: 125%;
  color: #2E8B57;
  color: #006634;
  margin-top: 3px;
  margin-bottom: 7px;
}

h4{
  font-size: 110%;
}

h5{
  font-size: 100%;
}

.bookref {
  font-style: italic;
}

#form{
  clear: both;
  margin-top: 0;
}

#continue{
  clear: both;
  margin-top: 10px;
  margin-bottom: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
}

#continueReminder{
  padding-left: 50px;
  font-size: 85%;
  color: #2E8B57;
}

/*
/ SEGMENT BOX
*/
#segmentArea{
  clear: both;
  color: #003366;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-right: -3px;
}

#segmentId{
  font-weight: bold;
  float: left;
  padding: 0;
}

#segmentId.light{
  font-weight: normal;
}

#pointId{
  margin-top: 8px;
  font-size: 125%;
  color: #660066;
}

#segmentTools{
  float: right;
  border: 1px #ccc solid;
  list-style: none;
  padding: 3px;
  margin: 0;
  font-size: 90%;
  color: #666;
}

#segmentTools li{
  padding: 3px;
}

#segmentTools a,
#segmentTools a:visited{
  color: #003366;
}

#segmentTools a:hover{
  text-decoration: none;
}

#pointNav div{
  float: left;
  display: inline;
  padding-left: 3px;
}
#pointNav img{
  display: inline;
  float: left;
}
#pointNav ol{
  float: left;
  list-style: none;
  padding: 0;
  margin-left: 5px;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  border-collapse: collapse;
}

#pointNav ol li{
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 0;
  display: block;
  float: left;
  text-align: center;
  font-weight: normal;
  padding: 0;
}
#pointNav li a{
  float: left;
}
#pointNav li img{
  float: left;
}

/*
/ BREADCRUMBS
*/

#breadcrumbsContainer{
  background-color: #EEEEEE;
  clear: both;
  /* fix for IE float glitch that keeps the breadcrumbbreak divs from */
  /* from displaying correctly */
  height: 1%;
  /* margin-top: 3px;
  margin-bottom: 3px; */
  border-top: 1px solid #ccc;
}

.breadcrumbbreak{
  clear: both;
  border-top: 1px dashed #6699FF;
  margin-top: 2px;
  margin-bottom: 2px;
}

.breadcrumbs{
  clear: both;
  padding: 0;
  margin-left: 0;
  color: #666;
  font-size: 88%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.breadcrumbs li{
  display: block;
  float: left;
  list-style-type: none;
  margin: 2px;
  margin-right: 10px;
  padding: 3px;
}

.breadcrumbs a,
.breadcrumbs a:visited{
  color: #003366;
  padding: 2px;
}

.breadcrumbs a:hover{
  text-decoration: none;
}

.breadcrumbs a.currentPage{
  font-weight: bold;
  text-decoration: none;
}

.breadcrumbs a.reviewPage {
  font-style: italic;
  color: #4682B4;
}

/*
/ TERM DEFINITIONS
*/

.termdef{
  margin-left: 30px;
}

.term{
  font-weight: bold;
}

/*
/ WARNINGS
*/

#warningBox h4{
  margin-top: 1px;
  margin-bottom: 1px;
}

.warning{
  background-color: #E0FFFF;
  color: #0000FF;
  padding: 3px;
  border: 1px solid #0000FF; 
}
#breadcrumbs a.warning{
  background-color: #E0FFFF;
  color: #003366;
}

/*
/  INFORMATION
*/

.information{
  padding: 3px;
  margin: 2px;
  background-color: #FFFF99;
  border: 1px solid #999900;
}


/*
/  DATA TABLES
*/

table{
  border-style: ridge;
  border-width: 1px;
  margin-top: 3px;
  margin-bottom: 15px;
  border-radius: 5px;
  
}
th, td{
  border: 1px solid #000;
  padding: 10px;
}
th{
  background-color:#006633;
  color: #ececec;
  vertical-align:bottom;
}
td{
  vertical-align: top;
}
tr.shade{
  background-color: #E3FFEA;
}
td.radioCell{
  text-align: center;
}
td.noBorder{
  border: none;
}


td.rslvalue{
  background-color: #DEEFFF;     /* Light blue */
}


tr.shade td.rslvalue{
    background-color: #CCDEFF;   /* Darker blue */
}

td.norslvalue {
    background-color: #FFFFCC;   /* Lighter yellow */
}

tr.shade td.norslvalue {
    background-color: #FFFF99;   /* Darker yellow */
}

#yieldTable{
  border: 1px solid #000;
}

#yieldTable.condensed tr{
  background-color: #FFFFFF;
}

#yieldTable.condensed tr.vegshade{
  background-color: #E3FFEA;
}

#yieldTable.condensed tr.noveg{
  display: none;
}

/*
/  COMMON STYLES
*/

.instruct{
  font-size: 90%;
  margin-left: 20px;
}

.hidden{
  display: none;
}

a.help{
  font-size: 85%;
  color: #ffffcc;
  text-decoration: none;
}

a.defLink,
a.defLink:visited{
  color: #996633;
}

/* Questions */
.question{
  padding: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.questionText{
  font-weight: bold;
}

.question .radioSet{
  padding-left: 15px;
}

/* Errors */
.error{
  color: #ff0000;
  font-weight: bold;
  background-color: #ffffcc;
  padding: 3px;
  border: 2px solid #ff0000;
}

.questionError .questionText{
  color: #ff0000;
}

.questionError input,
.questionError select{
  background-color: #ffffcc;
}
.questionError .dis,
.questionError .dis{
  color: #999;
  background-color: #e3e3e3;
}
.mgmterrors .needsSystem,
td.radioSetError {
  border: 2px solid #ff0000;
  background-color: #ffffcc;
  color: #ff0000;
}

.mgmterrors #yieldTable .questionError select{
  background-color: #ffffcc;
}

#yieldTable .questionError select{
  background-color: #ffffff;
}

table#crpSignUp td.radioSetError,
table#crpMcc td.radioSetError{
  border-left: 2px solid #ff0000;
  border-right: 2px solid #ff0000;
  color: #ff0000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.chooserError{
  color: #ff0000;
  font-weight: bold;
}

.chooserRetrieving{
  color: #A9CBA9;
  vertical-align: top;
}

/* Disabled form elements */
.dis,
.dis input,
.dis select{
  color: #999;
  background-color: #e3e3e3;
}
.dis th,
.dis td{
  color: #999;
  background-color: #e3e3e3;
  border: 1px solid #999;
}
.dis h3{
  color: #999;
}
option.locked {
  color: #ccc;
}


/*
/ CHOOSE SEGMENT PAGE
*/

#chooseSegment{
  float: left;
}

#surveyIntro{
  float: right;
  width: 350px;
  border: 1px solid #996633;
  padding: 3px;
  background-color: #efe8ad;
  font-size: 90%;
}

#surveyIntro h4{
  margin-top: -3px;
  margin-left: -3px;
  margin-right: -3px;
  padding: 3px;
  width: 100%;
  background-color: #996633;
  color: #fff;
  font-size: 100%;
}


  
/*
/ LAND COVER/USE LOOKUP TABLE
*/
#lculookup {
  width: 620px;
  height: 300px;
  overflow: auto;
  border: 1px solid black;
  margin-top: 10px;
}
#lculookup table {
  width: 600px;
  margin: 0px;
}
#lculookup th {
  background-color: #996633;
  color: #fff;
}
#lculookup tr.shade{
  background-color: #efe8ad;
}

/*
/ IRRIGATION: PRACTICES
*/
.irrYearCol {
  width: 110px;
}

/*
/ RUSLE
*/

#cmz h4{
  font-size: 100%;
  margin-top: 0;
  margin-bottom: 3px;
}

#cmz ul{
  margin-top: 0;
  margin-bottom: 0;
}

#mgmtselection {
  margin-bottom: 50px;
}

a.mgmtsysDisplay{
  cursor: pointer;
}

th.usleDisplay{
  background-color: #4682B4;
}

tr.shade td.usleDisplay{
  background-color: #DFEFFF;
}

#mgmtmatches {
  width: 50%;
  float: left;
}

#mgmtmatches select {
  width: 90%;
}

#mgmtdetails {
  width: 50%;
  float: left;
  font-size: 85%;
}

#mgmtdetails .retrieving{
  border: 1px #999 solid;
  color: #999;
  font-size: 200%;
  font-weight: bold;
}

#mgmtdetails th,
#mgmtdetails td{
  border: 1px #999 solid;
}
#mgmtdetails th {
  background-color: #996633;
  color: #fff;
}
#mgmtdetails h4 {
  color: #996633;
  font-size: 100%;
  margin-bottom: 3px;
}
#mgmtSeqTools{
  font-size: 85%;
  text-align: left;
  margin-bottom: 25px;
}

#mgmtSeqTools a,
#mgmtSeqTools a:visited,
#yields a,
#yields a:visited{
  color: #003366;
}
 
a#fixzone {
  position: relative;
  top: -34px;
  float: right;
}

.mgmtPath{
  border: none;
  font-size: 80%;
  padding: 1px;
}

.mgmtName{
  border: none;
}

.mgmtnomatches {
  border: 1px solid #0000FF;
  background-color: #E0FFFF;
  color: #0000FF;
  padding: 3px;
  margin-bottom: 15px;
}

/*
/ REPORT ON END PAGE
*/

div#report{
  overflow: auto;
  height: 200px;
  padding: 3px;
  padding-bottom: 4px;
  border: 1px #ccc solid;
}

div#report h4{
  margin-top: 2px;
  margin-bottom: 3px;
  color: #666;
}

table.report{
  width: 700px;
  margin-top: 0;
  margin-bottom: -1px;
  border-collapse: collapse;
  border: 0;
}
table.report th,
table.report td{
  font-size: 90%;
  padding: 2px;
  vertical-align: top;
  border: 1px #666 solid;
}
table.report th{
  width: 550px;
  background-color: #fff;
  color: #000;
  text-align: left;
  font-weight: normal;
}
table.report td{
  background-color: #fff;
  text-align: center;
}

#collect{
  width: 100%;
  margin: 0;
  padding: 0;
}

#collect div#report{
  overflow: visible;
  border: none;
  margin: 0;
  padding: 5px;
}

#collect table.report{
  width: 100%;
}

table.report th{
  width: 50%;
}

/*
* EXCEPTION PAGE
*/
#exception p{
  font-weight: bold;
  color: #ff0000;
}
#stackTrace{
  font-size: 90%;
  overflow: auto;
  height: 150px;
  border: 1px solid #666;
}

.printwarning{
  display: none;
}

.copyBlock {
  padding: 3px;
  margin: 0;
  margin-bottom: 5px;
  text-align: right;
}

.copyBlock h4{
  font-size: 100%;
  color: #2E8B57;
  display: inline;
  padding: 3px;
}

.copyPoint {

}

.copyLabel{
  padding: 3px;
  text-decoration: underline;
  color: #003366;
  margin-left: 2px;
  cursor: pointer;
}

.copyPreview{
  text-align: left;
  padding: 10px;
  display: none;
  position: absolute;
  z-index: 5;
  border: 2px #666 solid;
  background-color: #ffffcc;
  font-weight: normal;
}

.copyPreview h5 {
  font-size: 110%;
  margin-top: 0;
}

.copyPreview table{
  background-color: #fff;
}

.showPreview{
  display: block;
}

#copyMessage {
  color: #2E8B57;
  font-weight: normal;
  margin-top: 3px;
}

/*
 * Review data
 */
#reviewData{
  border: 1px #ccc solid;
  list-style: none;
  padding: 3px;
  font-size: 90%;
  color: #666;
}

.reviewDisplay {
  color: #777777;
  font-size: 80%;
}
th.reviewDisplay {
  background-color: #F0F0F0;
}
tr.shade .reviewDisplay{
  background-color: #cccccc;
}
.reviewDisplay a {
  font-size: 75%;
  text-decoration: underline;
  font-style: italic;
  color: #003366;
  vertical-align: super;
}
th.usleDisplay span.reviewDisplay a {
  color: #DFEFFF;
}
.reviewDisabled {
  color: #777777;
  background-color: #F0F0F0;
  font-size: 80%;
}

/* 
* Notes
*/
#noteHolder{
  text-align: right;
}

#noteHolder h5,
#noteHolder h6{
  color: #2E8B57;
}

#noteHolder h6{
  margin-bottom: 2px;
  font-size: 100%;
}

#notesButton{
  width: 110px;
  float: right;
  color: #003366;
  text-decoration: underline;
  cursor: pointer;
}

#notesClose{
  text-align: right;
  padding: 3px;
}

#notesClose a{
  font-weight: bold;
  text-decoration: underline;
  color: #666;
  cursor: pointer;
}

#expandedNotes{
  display: none;
  border: 2px solid #666;
  background-color: #ffffcc;
  padding: 5px;
  text-align: left;
}

.showingNotes #expandedNotes{
  display: block;
  z-index: 5;
  position: absolute;
  width: 500px;
}

#noteList{
  max-height: 125px;
  overflow: scroll;
  padding: 0px;
  border: 1px #666 solid;
}

#noteList table{
  border-collapse: collapse;
  border: 1px #999 solid;
  margin: 0px;
  width: 100%;
}

#noteList td{
  border: 1px #999 dashed;
  font-size: 100%;
}

#noteForm input{
  margin: 7px;
  margin-left: 0px;
}

.def div  h5{
  height:1px;
}
.def div {
  height:50px;
}