/* 
    Document   : weighin
    Created on : Jun 6, 2010, 11:19:16 AM
    Author     : jlh
    Description:
        Purpose of the stylesheet follows.
*/

/*
 ***********************************
 * Page Rules
 ***********************************
 */

 h2 {
   font-size: 1.2em;
   font-style: oblique;
   color: #767676;
   margin: .36em 0 .24em 0;
   border-bottom: 1px solid #767676;
}

h3 {
   font-size: 1.1em;
   font-style: oblique;
   color: #767676;
   margin: .36em 0 .24em 0;
   border-bottom: 1px solid #767676;
}

h4 {
   font-size: 1.3em;
   font-style: oblique;
   color: #000000;
   margin: 0em 0 .24em 0;
   border-bottom: 1px solid #767676;
}

h5{
  font-size: 1em;
  font-style: oblique;
  color: #767676;
  margin: .36em 0 .06em 0;
}

#overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 100;
  background: transparent url('/img/trans.png') repeat;
}

/*
#content * {
  border: 1px solid;
}
*/

#content {
  min-width: 82em; /* this will need to change when i have the area needed for the content figured out */
} /* 22em more than children */

/*
 ***********************************
 * Left Section - Contestant Info
 ***********************************
 */

#weighin_left {
  position: relative;
  background-color: inherit;
  float: left;
  width: 16.69em;
  height: 100%;
  border-right: 1px solid #767676;
  padding-right: .31em;
} /* actual min-width 18em */

#ticket_entry {
  position: relative;
  background-color: inherit;
  text-align: right;
  margin-bottom: 1.88em; /* 30px */
  padding: .62em;
  /* properties applied when overlay is turned on */
  /*
  -moz-box-shadow: 0 0 5em #ffc470;
  -webkit-box-shadow: 0 0 5em #ffc470;
  box-shadow: 0 0 5em #ffc470;
  z-index: 101;
  */
}

#ticket-input {
  text-align: right;
  font-size: 1.2em;
  width: 90%;
  margin-bottom: .5em;
}

#contestant_info {
  position: relative;
  font-size: .85em;
  background-color: #ffffff;
  border: 1px solid #000000;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: .31em;
  z-index: 101; /* this object should always be above the overlay if it exists */
}

.info_item {
  margin-top: .5em;
}

.label {
  display: inline-block;
  vertical-align: top;
  font-weight: 600;
  text-align: right;
  width: 6.2em;
  margin-right: .31em;
}

.value {
  display: inline-block;
  width: 11em;
}

#EventTotal{
  text-align: right;
  font-size: 1.3em;
  font-weight: bold;
  padding: 5px 20px 0 20px;
}

#daily_totals{
  margin: .5em 0 2em 0;
}

#daily_totals .group {
  font-size: 1em;
  font-weight: 600;
  margin: .9em .62em 0 .73em;
  border-bottom: 1px solid #000000;
}

#daily_totals .species {
  font-size: .9em;
  font-weight: 600;
  margin: .5em .62em 0 .84em;
}

#daily_totals .name {
  display: inline-block;
  text-align: right;
  width: 10em;
  margin-right: .9em;
}

#daily_totals .limit, .LimitReached {
  color: #e23c3c;
}
/*
 ***********************************
 * Center Section - Data Entry
 ***********************************
 */

#weighin_center {
  position: relative;
  background-color: inherit;
  float: left;
  min-width: 49em;
  width: 60%;
  height: 100%;
  padding: 0 .63em 0 .63em;
} /* actual min-width 20em */

#data_entry {
  height: 63%;
  /* width: 40.74em; */
  margin: 0 auto 0 auto;
  min-height: 23em;
  min-width: 49em;
  /*
  min-height: 26em;
  */
  background-color: inherit;
}

.input_disabled {
  border: 1px solid #a6a6a6 !important;
  color: #a6a6a6 !important;
}

.input_disabled * {
  color: #a6a6a6 !important;
}

.entry_glow {
  -moz-box-shadow: 0 0 5em #ffc470;
  -webkit-box-shadow: 0 0 5em #ffc470;
  box-shadow: 0 0 5em #ffc470;
  z-index: 101;
}

.EntryStack {
  width: 11.75em;
  height: 22.9em;
  float: left;
  border: none;
  margin-left: .5em;
}

#species_entry {
  position: relative;
  float: left;
  background-color: inherit;
  width: 9.5em;
  /*
  width: 10.74em;
  height: 22.1em;
  */
  border: 1px solid #000000;
  margin: 0 .63em 1.88em .63em;
  padding: .63em;
  /* properties applied when overlay is turned on */
  /*
  
  */
}

#species_box {
  background-color: #ffffff;
  border: 1px solid #000000;
  min-height: 17em;
  margin-bottom: .63em;
}

#species_box input {
  position: absolute;
  z-index: -1;
}

#species_box label {
  font-size: 1.1em;
  display: block;
  padding: .06em .31em;
}

#species_box label:hover {
  background-color: #e4f4ff;
}

#species_box label.disabled {
  color: #efefef;
  font-style: italic;
}

#species_box label.disabled:hover {
  background-color: transparent;
}

#species_box input:focus + label {
  background-color: #e4f4ff;
}

#species_box input:active + label {
  background-color: #6aa1ff;
}

#species_buttons {
  display: none;
  text-align: center;
}

#length_entry {
  position: relative;
  float: left;
  background-color: inherit;
  width: 9.5em;
  height: 5.25em;
  /*
  width: 10.74em;
  height: 6em;
  */
  border: 1px solid #000000;
  margin-bottom: .63em;
  padding: .63em;
  /* properties applied when overlay is turned on */
  /*
  -moz-box-shadow: 0 0 5em #ffc470;
  -webkit-box-shadow: 0 0 5em #ffc470;
  box-shadow: 0 0 5em #ffc470;
  z-index: 101;
  */
}

#length_box {
  text-align: right;
  font-size: 1.2em;
  width: 3.3em;
  padding: .12em .63em;
  margin-bottom: .4em;
}

#length_buttons{
  display: none;
  text-align: center;
}

#finclip_entry {
  position: relative;
  float: left;
  background-color: inherit;
  width: 9.5em;
  height: 5.25em;
  /*
  width: 10.74em;
  height: 6em;
  */
  border: 1px solid #000000;
  margin-bottom: .63em;
  padding: .63em;
  /* properties applied when overlay is turned on */
  /*
  -moz-box-shadow: 0 0 5em #ffc470;
  -webkit-box-shadow: 0 0 5em #ffc470;
  box-shadow: 0 0 5em #ffc470;
  z-index: 101;
  */
}

#finclip_box {
  font-size: 1.2em;
  width:5.3em;
  padding: .12em .63em;
  margin-bottom: .4em;
}


#caughtin_entry {
  position: relative;
  float: left;
  background-color: inherit;
  width: 9.5em;
  height: 5.25em;
  /*
  width: 10.74em;
  height: 6em;
  */
  border: 1px solid #000000;
  margin-bottom: .63em;
  padding: .63em;
  /* properties applied when overlay is turned on */
  /*
  -moz-box-shadow: 0 0 5em #ffc470;
  -webkit-box-shadow: 0 0 5em #ffc470;
  box-shadow: 0 0 5em #ffc470;
  z-index: 101;
  */
}


#CaughtIn {
  font-size: 1em;
  width:8em;
  padding: .28em .63em;
  margin-bottom: .4em;
}


#caughtin_box {
  font-size: 1.2em;
  width:5.3em;
  padding: .12em .63em;
  margin-bottom: .4em;
}

#finclip_buttons {
  display: none;
  text-align: center;
}

#weight_entry {
  position: relative;
  float: left;
  background-color: inherit;
  width: 9.5em;
  height: 5.25em;
  /*
  width: 10.74em;
  height: 6em;
  */
  border: 1px solid #000000;
  margin-bottom: .63em;
  padding: .63em;
  /* properties applied when overlay is turned on */
  /*
  -moz-box-shadow: 0 0 5em #ffc470;
  -webkit-box-shadow: 0 0 5em #ffc470;
  box-shadow: 0 0 5em #ffc470;
  z-index: 101;
  */
}

#weight_box {
  text-align: right;
  font-size: 1.2em;
  width:3.3em;
  padding: .12em .63em;
  margin-bottom: .4em;
}

#weight_buttons {
  display: none;
  text-align: center;
}

#sample_entry {
  position: relative;
  float: left;
  background-color: inherit;
  width: 9.5em;
  height: 5.25em;
  /*
  width: 10.74em;
  height: 6em;
  */
  border: 1px solid #000000;
  margin-bottom: .63em;
  padding: .63em;
  /* properties applied when overlay is turned on */
  /*
  -moz-box-shadow: 0 0 5em #ffc470;
  -webkit-box-shadow: 0 0 5em #ffc470;
  box-shadow: 0 0 5em #ffc470;
  z-index: 101;
  */
}

#sample_box {
  font-size: 1.2em;
  width:5.3em;
  padding: .12em .63em;
  margin-bottom: .4em;
}

#sample_buttons {
  display: none;
  text-align: center;
}

#qty_entry {
  position: relative;
  float: left;
  background-color: inherit;
  width: 9.5em;
  height: 5.25em;
  /*
  width: 10.74em;
  height: 6em;
  */
  border: 1px solid #000000;
  margin-bottom: .63em;
  padding: .63em;
  /* properties applied when overlay is turned on */
  /*
  -moz-box-shadow: 0 0 5em #ffc470;
  -webkit-box-shadow: 0 0 5em #ffc470;
  box-shadow: 0 0 5em #ffc470;
  z-index: 101;
  */
}

#qty_box {
  text-align: right;
  font-size: 1.2em;
  width:3.3em;
  padding: .12em .63em;
  margin-bottom: .4em;
}

#qty_buttons {
  display: none;
  text-align: center;
}

#button_box {
  position: relative;
  float: left;
  background-color: inherit;
  width: 9.5em;
  /*
  width: 10.74em;
  height: 5.6em;
  */
  text-align: center;
  margin-bottom: .63em;
  padding: .8em .63em;
  /* properties applied when overlay is turned on */
  /*
  -moz-box-shadow: 0 0 5em #ffc470;
  -webkit-box-shadow: 0 0 5em #ffc470;
  box-shadow: 0 0 5em #ffc470;
  z-index: 101;
  */
}

#added_records {
  height: 28%;
  background-color: inherit;
  border-top: 1px solid #767676;
  min-height: 12em;
  /*padding-top: 1.5em;*/
}

#record_table {
  position: relative;
  
  margin: .31em auto .63em auto;
	/* min-height: 8em; */
  /* height: 8em; */
  min-width: 40.74em;
  overflow: auto;
  z-index: 101;
}

#PreviousRecords{
  width: 100%;
  border-collapse: collapse;
	background-color: #ffffff;
  border: 1px inset #000000;
}

#PreviousRecords img {
  height: 1em;
}

#PreviousRecords tr:hover {
  background-color: #e4f4ff;
}

#PreviousRecords thead th {
	border-bottom: 1px solid #000000;
}
#PreviousRecords tfoot th {
	border-top: 1px solid #000000;
}

#PreviousRecords th {
  font-weight: normal;
  background-color: #6B92B5;
  border-bottom: 1px solid #000000;
  text-align: center;
  vertical-align: middle;
}

#PreviousRecords td {
  border-bottom: 1px solid #767676;
  border-right: 1px solid #767676;
  text-align: center;
  vertical-align: middle;
  cursor: default;
}

#record_totals {
  position: relative;
  height: 1.2em;
  width: 40.74em;
  z-index: 101;
  background-color: #6B92B5;
  margin: -.7em auto .63em auto;
  border: 1px inset #000000;
}

#AddToContainer {
  min-width: 40.74em;
  text-align: right;
  margin: auto auto auto auto;
}

.previous_record {
  border-bottom: 1px solid #000000;
  font-size: .95em;
  padding: .06em .31em;
  cursor: default;
}

.previous_record:hover {
  background-color: #e4f4ff;
}

.previous_record .remove_record {
  height: 1em;
  vertical-align: middle;
  cursor: pointer;
}

.previous_record span, #record_totals span {
  display: inline-block;
  margin-left: .5em;
}

.previous_record span.record_species {
  min-width: 15em;
}

.previous_record span.record_weight {
  min-width: 9em;
}

.previous_record span.record_length {
  min-width: 9em;
}

.previous_record span.record_qty {
  min-width: 3em;
}

#record_totals .total_label {
  min-width: 14em;
}

#record_totals .total_weight {
  min-width:  9em;
}

#record_totals .total_length {
  min-width: 9em;
}

#record_totals .total_qty {
  min-width: 3em;
}



/*
 ***********************************
 * Right Section - Current Standings
 ***********************************
 */

#weighin_right {
  float: left;
  width: 12.69em;
  height: 100%;
  border-left: 1px solid #767676;
  padding-left: .31em;
  cursor: default;
} /* actual min-width 8em */

#fish_totals {
  height: 4em;
}

.fish_total{
  font-weight: 600;
  text-align: right;
  margin-right: .61em;
}

.standing_set {
  width: 90%;
  margin: 2em auto 0 auto;
  background-color: #ffffff;
  border: 1px inset #000000;
  font-size: .8em;
}

.standing_set .standing_header {
  font-weight: 600;
  background-color: #abc2d7;
  padding: .06em .31em;
}

.standing_set .standing_entry {
  padding: .06em .31em;
  border-bottom: 1px solid #000000;
}

.standing_set .this {
  font-style: italic;
  font-weight: 600;
  background-color: #e4f4ff;
}

.standing_set .standing_entry .standing_position {
  display: inline-block;
  width: 10%;
}

.standing_set .standing_entry .standing_species {
  display: inline-block;
  width: 64%;
}

.standing_set .standing_entry .standing_measure {
  display: inline-block;
  width: 22%;
}
/*
<div class="standing_set">
  <div class="standing_header">Tracker Name</div>
  <div class="standing_entry">
    <span class="standing_position">1</span>
    <span class="standing_species">Chinook</span>
    <span class="standing_measure">23.45</span>
  </div>
  <div class="standing_entry">
    <span class="standing_position">23</span>
    <span class="standing_species">Chinook</span>
    <span class="standing_measure">20.45</span>
  </div>
  <div class="standing_entry this">
    <span class="standing_position">24</span>
    <span class="standing_species">Chinook</span>
    <span class="standing_measure">19.45</span>
  </div>
  <div class="standing_entry">
    <span class="standing_position">25</span>
    <span class="standing_species">Chinook</span>
    <span class="standing_measure">18.45</span>
  </div>
</div>
*/

.StandingsTable {
  border: thin solid #5c5c5c;
  border-collapse: collapse;
  margin: 10px auto 0 auto;
}

.StandingsTable tr {
  border-bottom: solid 1px #000000;
}

.StandingsTable thead {
  /* StandingsName */
  font-weight: 600;
  background-color: #abc2d7;
}

.StandingsRecordPosition {
  text-align: center;
  border-right: thin solid #5c5c5c;
  padding-right: 5px;

}
.StandingsRecordValue {
  text-align: right;
  padding-right: 3px;
  min-width: 41px;
}

.StandingsTable .ContestantRecord {
  font-style: italic;
  font-size: 0.95em;
  font-weight: 600;
  background-color: #e4f4ff;
}