/* CSS Document */

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 82%;
  position: relative;
  color: #000000;
  background-color: #313131;
  margin: 0px;
  padding: 0px;
}

.login_div {
  position: absolute;
  z-index: 999;
  top: 0px;
  left: 0px;
  overflow: hidden;
  width: 100%;
  color: #999999;
  text-align: right;
  padding: 3px 0px 3px 0px;
  margin: 0px auto 0px auto;
}

div.login_div a:link, div.login_div a:visited, div.login_div a:active {
  color: #999999;
  font-weight: normal;
  text-decoration: none;
}

div.login_div a:hover {
  color: #E8E8E8;
  font-weight: normal;
  text-decoration: none;
}

.main_block_div {
  position: relative;
  overflow: hidden;
  width: 980px;
  text-align: left;
  margin: 0px auto 0px auto;
}

.header_div {
  position: relative;
  overflow: hidden;
  color: #E8E8E8;
  font-size: 2em;
  padding: 15px 0px 15px 0px;
  margin: 0px;
}

div.header_div a:link, div.header_div a:visited, div.header_div a:active {
  color: #E8E8E8;
  font-weight: normal;
  text-decoration: none;
}

div.header_div a:hover {
  color: #FFFFFF;
  font-weight: normal;
  text-decoration: none;
}

.nav_div {
  position: relative;
  height: 40px;
  padding: 0px;
  margin: 0px;
}

.main_content_div {
  position: relative;
  overflow: hidden;
  color: #000000;
  background-color: #E8E8E8;
  border: solid 1px #000000;
  padding: 20px 30px 10px 30px;
  margin: 20px 0px 0px 0px;
}

.error_div {
  position: relative;
  background-color: #FBD6D6;
  border: solid 2px #DC0506;
  padding: 10px 20px 10px 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.error_head {
  font-size: 1.5em;
  font-weight: bold;
  color: #DC0506;
}

.error {
  font-size: 1.1em;
  font-weight: bold;
  color: #DC0506;
}

.error_head_ol {
  margin-top: 10px;
}

.text_div {
  position: relative;
  background-color: #F3F3F3;
  border: solid 2px #000000;
  padding: 10px 20px 10px 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.ul2 {
  list-style-type: disc;
  margin-top: 10px;
}

.status_div {
  position: relative;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  background-color: #F3F3F3;
  border: solid 1px #000000;
  padding: 7px 20px 7px 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0px 0px 30px 0px;
}

.inactive_account_div {
  position: relative;
  font-size: 1.1em;
  text-align: center;
  background-color: #F3F3F3;
  border: solid 1px #DC0506;
  padding: 7px 20px 7px 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 10px 0px 10px 0px;
}

.notice {
  color: #333333;
  text-align: center;
  font-size: 0.9em;
  font-style: italic;
  border-top: solid 1px #999999;
  padding-top: 10px;
  margin-top: 15px;
}

/* Stand-in for .notice on pages that suppress the photo notice
   ($nophotonotice), so they still get some breathing room above the bottom
   of the page instead of ending flush against it. Padding, not margin, so
   the space reliably shows up on an empty div. */

.notice_sp {
  padding-top: 10px;
}

.footer_div {
  position: relative;
  color: #999999;
  font-size: 0.9em;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 6px 10px 5px 10px;
}

div.footer_div a:link, div.footer_div a:visited, div.footer_div a:active {
  color: #999999;
  font-weight: normal;
  text-decoration: none;
}


div.footer_div a:hover {
  color: #E8E8E8;
  font-weight: normal;
  text-decoration: none;
}

.host_div {
  position: relative;
  color: #686868;
  font-size: 0.9em;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  padding-bottom: 5px;
}

h1 {
  font-size: 2.0em;
  margin: 0px 0px 10px 0px;
}

h2 {
  font-size: 1.4em;
  background-color: #C5C5C5;
  border: solid 1px #000000;
  padding: 3px 10px 5px 10px;
  margin: 20px 0px 10px 0px;
}

h3 {
  font-size: 1.2em;
  font-style: italic;
  background-color: #D9D9D9;
  border: solid 1px #000000;
  padding: 3px 0px 5px 10px;
  margin: 10px 0px 10px 0px;
}

h4 {
  font-size: 1.1em;
  font-style: italic;
  margin: 10px 0px 10px 0px;
}

h5 {
  font-size: 1.1em;
  font-style: italic;
  padding-left: 15px;
  margin: 10px 0px 10px 0px;
}

form {
  margin: 0px;
}

ul {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

li {
  margin: 0px 0px 10px 0px;
}

a:link, a:visited, a:active {
  color: #974B4B;
  text-decoration: none;
}

a:hover {
  color: #974B4B;
  text-decoration: underline;
}

a.no_a:link, a.no_a:visited, a.no_a:active, a.no_a:hover {
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}

.dig_list {
  list-style-type: decimal;
  padding-left: 25px;
}

.dig_list2 {
  list-style-type: disc;
  margin-top: 10px;
  padding-left: 25px;
}

.dig_list3 {
  list-style-type: circle;
  margin-top: 10px;
  padding-left: 25px;
}

.img_cont {
  position: relative;
  padding: 0px;
  margin-top: 15px;
  margin-bottom: 20px;
}

.img_frame {
  position: absolute;
  z-index: 51;
  background-color: #F3F3F3;
  padding: 0px;
  border: solid 1px #000000;
}

.img_framer {
  position: relative;
  overflow: hidden;
  z-index: 51;
  padding: 0px;
}

.img_frame_aux {
  position: absolute;
  z-index: 91;
  overflow-y: auto;
  background-color: #F3F3F3;
  padding: 0px;
  border: solid 1px #000000;
}

.img_aux_info_div {
  position: absolute;
  top: -1px;
  left: 275px;
  width: 18px;
  height: 18px;
  background-color: #E8E8E8;
  padding: 0px;
}

.img_aux_div {
  position: relative;
  color: #000000;
  padding: 10px 15px 0px 15px;
}

.img_aux_close_div {
  position: absolute;
  z-index: 99;
  top: 0px;
  left: 0px;
  font-size: 1.0em;
  font-family: Arial, Helvetica, sans-serif;
  text-align: right;
  font-weight: bold;
  color: #686868;
  padding: 10px 0px 0px 0px;
}

div.img_aux_close_div a:link,
div.img_aux_close_div a:visited,
div.img_aux_close_div a:active,
div.img_aux_close_div a:hover {
  color: #686868;
  text-decoration: none;
}

div.img_aux_div p {
  margin-top: 0px;
  margin-bottom: 10px;
}

div.img_cont a:hover {
  text-decoration: none;
}

.img_img {
  position: absolute;
  overflow: hidden;
  z-index: 71;
}

.img_text_div {
  position: absolute;
  overflow: hidden;
  z-index: 71;
  color: #333333;
  text-align: center;
}

div.img_text_photog a:link, div.img_text_photog a:visited, div.img_text_photog a:active {
  color: #333333;
  text-decoration: underline;
}

div.img_text_photog a:hover {
  color: #000000;
  text-decoration: none;
}

.img_text_date {
  position: relative;
  padding-bottom: 2px;
}

.img_text_place {
  position: relative;
  font-size: 1.1em;
  font-weight: bold;
  padding-bottom: 2px;
}

.places_div {
  position: relative;
  float: right;
  border-left: solid 1px #000000;
  padding: 3px 15px 5px 15px;
}

div.places_div p {
  font-size: 1.1em;
  font-weight: bold;
  background-color: #F3F3F3;
  padding: 5px 10px 5px 10px;
  border: solid 1px #000000;
  margin-top: 5px;
  margin-bottom: 0px;
}

.place_na {
  color: #265CFF;
}

.no_place {
  color: #00B200;
}

.placed {
  color: #FF0000;
}

.img_text_category {
  position: relative;
  font-size: 1.1em;
  font-weight: bold;
}

.img_text_title {
  position: relative;
  height: 1.3em;
  overflow: hidden;
  font-size: 1.1em;
  font-weight: bold;
  font-style: italic;
}

.img_text_photog {
  position: relative;
}

.img_text_fname {
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  padding-top: 4px;
}

div.img_aux_div span {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  font-weight: bold;
  color: #686868;
}

.img_text_aux {
}

.form_req {
  color: #DC0506;
  font-weight: bold;
}

.form_semireq {
  color: #0033FF;
  font-weight: bold;
}

/* Shared table label styling for form pages (desc = label cell).
   .form_desc/.form_desc.err is the pattern - the class is combined with an
   "err" modifier for the invalid-field state, e.g.
   class="form_desc<?php if($e_x) echo ' err' ?>". .form_desc.top is a
   modifier for a label that needs to align with multi-line content next to
   it instead of a single-line input.

   The transitional .form_desce rule (for pages still emitting the old
   concatenated class name, e.g. class="form_desc<?php if($e_x) echo 'e' ?>")
   has been removed - every page has been converted to the form_desc/.err
   pattern. See global_2026.css for the prior transitional version. */

.form_desc {
  text-align: right;
  font-weight: bold;
  padding: 5px 10px;
  white-space: nowrap;
}

.form_desc.err {
  color: #DC0506;
}

.form_desc.top {
  vertical-align: top;
}

/* The desc cell's own padding makes its row taller than the adjacent cell
   needs to be, which leaves that cell's content stuck at the row's default
   vertical-align (top) unless told otherwise. Center it by default, matching
   how a row with no extra padding used to look; .top rows (tall/multi-line
   content next to the label) keep their content aligned to the top instead -
   with the same top/bottom padding as .form_desc's own (from its padding
   shorthand) so both sides start at the same offset from the row's top edge
   and leave the same gap before the next row, regardless of which side ends
   up taller. */

.form_desc ~ td {
  vertical-align: middle;
}

.form_desc.top ~ td {
  vertical-align: top;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* Like .top, but with more top padding - for a label that needs to separate
   itself from a whole preceding group (e.g. one of several stacked
   radio-button groups), not just align with multi-line content next to it. */

.form_desc.hi, .form_desc.hi ~ td {
  vertical-align: top;
  padding-top: 15px;
}

/* Extra top padding for a cell holding a submit button, so it stands apart
   from the data rows above it instead of reading as just another row.
   Applied directly to the button's own td - the label cell next to it is
   always blank (&nbsp;) on a button row, so there's no label content that
   needs matching alignment/padding the way .top's label text does. */

/* td.form_btn (not just .form_btn) so this reliably wins over a
   single-class column-padding rule from a page's own CSS, regardless of
   which file happens to load second - e.g. man_photog_2013.css's own
   .man_photog_c1/.man_photog_c2 padding, which would otherwise tie on
   specificity and win on load order. */

td.form_btn {
  padding-top: 15px;
  padding-bottom: 10px;
}

/* For the first of several stacked button rows (more buttons follow below,
   rather than this being the form's one closing action row) - keeps the
   separation from the content above, but drops back to the standard
   padding-bottom so the gap to the next button row matches the gap between
   any other two ordinary rows, instead of stacking extra space on top of it. */

td.form_btn.first_of_more {
  padding-bottom: 5px;
}

/* Pink background on an invalid text input, e.g. class="err" on the td
   wrapping it - was .form_inpe/.login_inpe input[type=text] under the old
   per-page class names (the only two of the old *_inp classes that weren't
   empty placeholders). Usable on any page, not tied to a specific family. */

td.err input[type=text] {
  background-color: #FBD6D6;
}

/* Honeypot field: hidden from real visitors, left for bots to fill in.
   Shared by every page using this anti-spam pattern (was duplicated
   per-page before). */

#country {
  visibility: hidden;
  display: none;
}

.form_textarea {
  font-size: 1.0em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.form_r1c {
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
}

.form_rnc {
  padding-left: 10px;
  padding-right: 10px;
}

.form_rncn {
  text-align: right;
  padding-left: 10px;
  padding-right: 10px;
}

.dumvardef_c1 {
  padding-bottom: 5px;
  padding-left: 30px;
  padding-right: 10px;
}

.dumvardef_c2 {
  padding-bottom: 5px;
}

/* The "dummy variable definitions" heading that precedes a dumvardef_c1/c2
   table - h4's own margin-top is 10px; this adds another 10px on top of
   that, same amount on every page that has this section. */

.dumvardef_head {
  margin-top: 20px;
}

input[type=checkbox], input[type=radio] {
  position: relative;
  top: -1px;
  width: 14px;
  height: 14px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
}

a.comp_actF:link, a.comp_actF:visited, a.comp_actF:active {
  color: #686868;
  font-weight: bold;
}

a.comp_actF:hover {
  color: #000000;
  font-weight: bold;
}

a.comp_actT:link, a.comp_actT:visited, a.comp_actT:active{
  color: #00CC00;
  font-weight: bold;
}

a.comp_actT:hover {
  color: #000000;
  font-weight: bold;
}

span.float_right {
  float: right;
  font-size: 0.9em;
  font-weight: normal;
  padding-top: 2px;
  padding-right: 10px;
}