/* Default Styles */

body {
  background: #fff;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
}

select {
  font-size: 0.8em;
}

form {
  margin: 0px;
  padding: 0px;
}

td, th {
  vertical-align: top;
}

/* Footer */

table.footer {
  width: 200px;
  vertical-align: top;
}

.footer td a {
  color: #666;
  text-decoration: none;
}

.footer td a:hover {
  color: #666;
  text-decoration: underline;
}

/* Header */

table.header {
  width: 100%;
  vertical-align: top;
}

td#logo img {
  border: 0px;
  width: 375px;
  height: 119px;
}

td#loginarea {
  padding-top: 6px;
  text-align: right;
}

table.loginbox {
  border: 1px dashed #666;
  background-color: #f8f8f8;
  font-size: 1em;
}

table.loginbox tr th {
  vertical-align: middle;
}

table.loginbox input {
  font-size: 9px;
}

table.loginbox td#loginbutton {
  vertical-align: bottom;
}

table.loginbox img#loginimg {

}

td#topmenu {
  text-align: right;
  vertical-align: top;
}

td#topmenu div {
  color: #666;
}

td#topmenu div a {
  color: #666;
  text-decoration: none;
}

td#topmenu div a:hover {
  color: #666;
  text-decoration: underline;
}

/* Top Tab */

table.toptab {
  width: 100%;
  border-bottom: 3px solid #382F83;
  margin-top: 4px;
  margin-bottom: 6px;
}

table.toptab td.tab, table.toptab td.tabselect {
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  width: 16%;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bold;
  font-size: 1em;
}

table.toptab td.spacer {
  width: 2.5%;
}

table.toptab td.prespacer, table.toptab td.postspacer {
  width: 3%;
}

/* LH Nav */

td#lhnav {
  width: 180px;
  vertical-align: top;
}

div#lhsearch h1 {
  font-size: 1.2em;
  color: #382F83;
  margin-top: 0px; 
  margin-bottom: 2px;
  padding: 0px;
  width: 180px;
}

div#lhsearch table {
  border: 1px solid #666;
  background: #f8f8f8;
  width: 180px;
}

div#lhsearch tr th {
  text-align: left;
  padding-top: 2px;
  padding-left: 6px;
  padding-right: 6px;
}

div#lhsearch tr th.sub {
  font-size: 0.8em;
  color: #666;
}

div#lhsearch tr td {
  text-align: left;
  padding-left: 6px;
  padding-right: 6px;
} 

div#lhsearch tr td#searchbutton {
  text-align: right;
  padding-top: 6px;
  padding-bottom: 4px;
}


div#lhfixid {
  margin-top: 8px;
}

div#lhfixid h1 {
  font-size: 1.2em;
  color: #382F83;
  margin-top: 0px; 
  margin-bottom: 2px;
  padding: 0px;  
  width: 180px;
}

div#lhfixid table {
  border: 1px solid #666;
  background: #f8f8f8;
  width: 180px;
}

div#lhfixid tr th {
  text-align: left;
  padding-top: 2px;
  padding-left: 6px;
  padding-right: 6px;
}

div#lhfixid tr th.sub {
  font-size: 0.8em;
  color: #666;
}

div#lhfixid tr td {
  text-align: left;
  padding-left: 6px;
  padding-right: 6px;
} 

div#lhfixid tr td#searchbutton {
  text-align: right;
  padding-top: 6px;
  padding-bottom: 4px;
}


div#lhalbum {
  margin-top: 8px;
}

div#lhalbum h1 {
  font-size: 1.2em;
  color: #382F83;
  margin-top: 0px; 
  margin-bottom: 2px;
  padding: 0px;  
  width: 180px;
}

div#lhalbum table {
  border: 1px solid #666;
  background: #ccf;
  width: 180px;
  border-collapse: collapse;
}

div#lhalbum tr th {
  text-align: left;
  padding-top: 2px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 2px;
  font-weight: normal;
}

div#lhalbum tr th.sub {
  font-size: 0.8em;
  color: #666;
}

div#lhalbum tr td {
  text-align: center;
  padding: 4px;
} 

div#lhalbum tr td#searchbutton {
  text-align: right;
  padding-top: 6px;
  padding-bottom: 4px;
}

div#lhalbum td.lightimage {
  background: #f8f8f8;
  border: 1px dashed #666;
}

/* Footer */


/* Content Areas */

table.tablecells td {

  vertical-align: middle;
}



td#content {
  padding-left: 8px;
  width: 100%;
}

td#content h1 {
  font-size: 1.8em;
  color: #382F83;
  margin-top: 0px; 
  margin-bottom: 2px;
  padding: 0px;  
}

td#content h2 {
  font-size: 1.5em;
  color: #666;
  margin-top: 0px; 
  margin-bottom: 2px;
  padding: 0px;  
}

td#content h2 a {
  font-size: 1.0em;
  color: #666;
  margin-top: 0px; 
  margin-bottom: 2px;
  padding: 0px;  
}


div.pager {
  text-align: center;
  background-color: #ccf;
  padding: 4px;
  margin-bottom: 4px;
  border: 1px solid #666;
}

table.pagertop {
  width: 100%;
}

table.pagertop tr td#pager {
  text-align: center;
  vertical-align: middle;
}

table.pagertop tr td#order {
  text-align: right;
  vertical-align: middle;
}

table.pagertop tr td#view {
  text-align: left;
  vertical-align: middle;
}


table.searchsummary {
  width: 100%;
}

table.searchsummary td.time {
  text-align: right;
}

div.pager a {
  color: #000;
  text-decoration: none;
}

div.pager a:hover {
  text-decoration: underline;
}

table.list tr td.photo {
  width: 220px;
  text-align: left;
  background: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 2px;
}

table.list tr td.photoalb {
  width: 220px;
  text-align: left;
  background: #c00;
  text-align: center;
  vertical-align: middle;
  padding: 2px;
}

table.list {
  border-collapse: collapse;
}

table.list tr td {
  border: 1px solid #666;
}

table.list tr td.details {
  padding: 4px;
}

table.list tr td.details table tr th {
  text-align: left;
  padding: 0px;
  border: 0px;
  width: 80px;
}

table.list tr td.spacer {
  border: 0px;
  height: 4px;
}

table.list tr td.details table tr td {
  text-align: left;
  padding: 0px;
  border: 0px;
}


table.gallery tr td.photo {
  text-align: left;
  background: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 2px;
}


table.gallery tr td.photo div.galleryimg {
  width: 100%;
  background: #fff;
  border-bottom: 1px dashed #666;
  height: 220px;
}

table.gallery tr td.photo div.galleryimgalb {
  width: 100%;
  background: #c00;
  border-bottom: 1px dashed #666;
  height: 220px;
}


table.gallery tr td.photo div.description {
  padding: 4px;
}

table.gallery {
  border-collapse: collapse;
}

table.gallery div.buttonbar {
  text-align: center;
  padding-top: 4px;
}

table.gallery tr td {
  border: 1px solid #666;
}

table.gallery tr td.hspacer {
  border: 0px;
  height: 4px;
}

table.gallery tr td.vspacer {
  border: 0px;
  width: 1%;
}




table.megagallery tr td.photo {
  background: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 2px;
}

table.megagallery tr td.photo div.megagalleryimg {
  width: 100%;
  background: #fff;
}

table.megagallery tr td.photo div.megagalleryimgalb {
  width: 100%;
  background: #c00;
}

table.megagallery tr td.photo div.description {
  padding: 4px;
}

table.megagallery {

}

table.megagallery tr td {
  border: 1px solid #666;
  border-collapse: collapse;
}

table.megagallery tr td.hspacer {
  border: 0px;
  height: 4px;
}

table.megagallery tr td.vspacer {
  border: 0px;
  width: 4px;
}



table.accountoptions {
  background-color: #f8f8f8;
  border: 1px dashed #666;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 4px;
  width: 100%
}


// Information

DIV.hintbox {
  border: 1px solid #666;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-block;
  width: 380px;
  height: 28px;
  vertical-align: center;
  float: right;
  margin-bottom: 2px;
  font-weight: normal; 
  font-size: 10px; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: #eee;
  cursor: pointer;
}

.hintbox B {
  font-family: Verdana;
}

DIV#hintpop {
 display: block;
 visibility: hidden;
 position: absolute;
 margin-top: 8px;
 margin-left: -9px;
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 8px;
 padding-right: 8px;
 float: right;
 z-index: 0;
 width: 380px;
 vertical-align: center;
 float: right;
 margin-bottom: 2px;
 font-weight: normal; 
 font-size: 10px; 
 font-family: Arial, Helvetica, sans-serif;
 background: #F8F3DA;
 border: 1px solid #666;
 filter: alpha(opacity=90);
 -moz-opacity: 90%;
}