/* Global styles */
html, body {
  height: 100%;
}

body {
  background: #2c2c2c;
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  color: #7e7e7e;
  padding: 0px;
  margin: 0px;
}

a, a:link, a:visited {
  font-family: arial, helvetica, sans-serif;
  color: #faffbd;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

td {
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
}

img {
  border: none;
}

input {
  font-size: 8pt;
}

legend {
  color: #006;
  font-size: 10pt;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: -12px;
  text-align: left;
}

fieldset {
  margin: 0px;
  padding: 0px 20px 0px 20px;
  border-color: #006;
}

input, select, textarea {
  vertical-align: middle;
  background-color: #ffffe4;
  font-size: 12pt;
  width: 300px;
}

select {
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  width: auto;
  max-width: 300px;
}

textarea {
  font-family: monospace;
  min-height: 80px;
  font-size: 10pt;
}

input[type=submit] {
  cursor: pointer;
  cursor: hand;
  background-color: #070;
  font-size: 10pt;
  font-family: arial, helvetica, sans-serif;
  color: #fff;
  font-weight: bold;
  width: auto;
}

input[type=image] {
  width: auto;
  height: auto;
}

input[type=text] {
  cursor: text;
}

button {
  font-family: arial, helvetica, sans-serif;
  vertical-align: middle;
  border: 1px solid #009;
  font-size: 9pt;
  cursor: pointer;
  cursor: hand;
  background-color: #595a86;
  color: #fff;
  font-weight: bold;
}

input[type=checkbox], input[type=radio] {
  cursor: pointer;
  cursor: hand;
  border: none;
  width: auto;
  background-color: transparent;
}

label {
  cursor: pointer;
  cursor: hand;
}

.cancel {
  cursor: pointer;
  cursor: hand;
  background-color: #8d8da0;
  font-family: arial, helvetica, sans-serif;
  color: #fff;
  font-weight: bold;
}

h1 {
  color: #17e5f7;
  margin: 0px;
  font-family: Impact, Charcoal, sans-serif;
  font-weight: normal;
  font-size: 24pt;
}

h2 {
  color: #17e5f7;
  margin: 0px;
  font-family: arial, helvetica, sans-serif;
  font-size: 14pt;
}

h3 {
  color: #17e5f7;
  margin: 0px;
  font-family: arial, helvetica, sans-serif;
  font-size: 12pt;
}

p {
  margin-top: 0.8em;
}

hr {
  color: #999;
  border: solid;
  border-width: 1px 0 0 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

/* EOF Global styles */

/* Template styles */
#wrapper {
  background: #2c2c2c url('../images/tile_boxwidth.gif') repeat-y top center;
}

#header {
  text-align: left;
  width: 900px;
  height: 76px;
  margin: 0px auto;
}

#topnav {
  float: left;
  margin-left: 0px;
}

#topnav img {
  display: block;
  float: left;
  border: none;
}

#main {
  background: url('../images/background_main.jpg') no-repeat;
  text-align: left;
  width: 900px;
  height: 554px;
  margin: 0px auto;
}

#main-wrapper {
  background: transparent url('../images/tile_main_text_area.png');
  text-align: left;
  width: 608px;
  height: 554px;
  float: right;
  margin: 0px 28px 0px 0px;
  overflow: auto;
  scrollbar-base-color: #5d5e85;
}

#main-body {
  font-family: lucida sans unicode, lucida grande, sans-serif;
  padding: 20px;
  font-size: 12pt;
  color: #fff;
}

#main-left {
  float: left;
  width: 220px;
  margin-left: 22px;
  text-align: center;
  font-weight: bold;
  color: #faffbd;
  font-size: 9pt;
}

#main-left img {
  margin: 0px auto;
  padding-bottom: 12px;
}

#mypages {
  margin-top: 8px;
}

#footer {
  background: #2c2c2c url('../images/footer_bg.gif') no-repeat top center;
  text-align: center;
  font-size: 8pt;
  color: #7e7e7e;
  padding-top: 40px;
  width: 100%;
  height: 73px;
  margin: 0px auto;
}

#footer-player {
  margin: 0px auto;
  padding-bottom: 15px;
}

#footer-player object {
  vertical-align: middle;
  margin-right: 8px;
}

#footer-player a {
  color: #888;
  text-decoration: none;
}

/* EOF Template styles */

/* Pages */
#guestbook-sign-link {
  font-weight: bold;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  text-align: right;
}

.guestbook-entry {
  font-family: arial, helvetica, sans-serif;
}

.guestbook-stamp {
  font-size: 9pt;
  color: #999;
}

.guestbook-stamp-time {
  padding-right: 10px;
}

.guestbook-stamp-name {
  font-weight: bold;
  font-size: 10pt;
  color: #ccc;
}

.guestbook-stamp-name-admin {
  color: #ffa07a;
}

.guestbook-comment {
  margin-top: 0px;
}

.guestbook-reply {
  padding-left: 25px;
}

.guestbook-comment-reply {
  margin-top: 0px;
  color: #ffe4e1;
}

.guestbook-reply-link {
  text-align: right;
  font-weight: bold;
  font-size: 9pt;
  font-style: italic;
  padding-right: 15px;
}

#guestbook-sign-replies {
  width: 225px;
  float: right;
  font-size: smaller;
}

/* EOF Pages */

/* Table and form table styles */
tr.table-row-header td {
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: #fff;
  background-color: #009;
}

tr.table-row-data-odd td {
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
  background-color: #eee;
}

tr.table-row-data-even td {
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
  background-color: #ddd;
}

tr.table-row-data-over td {
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
  background-color: #ffe;
}

tr.table-row-data-selected td {
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
  background-color: #fee8c6;
}

.table-cell-form-title {
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  text-align: right;
}

.table-cell-form-input {
  font-family: arial, helvetica, sans-serif;
}

.table-cell-form-input select {
  width: 300px;
}

.table-cell-form-input-text input {
  width: 300px;
}

.form-title {
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
}

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

.textarea-big textarea {
  height: 200px;
}

.captcha input {
  width: 80px;
}

.captcha img {
  vertical-align: middle;
  border: none;
}

.required {
  color: #ff0;
  font-size: 11pt;
}

#mc-signup {
  text-align: left;
  font-size: 7pt;
}

#mc-signup input[type=text] {
  margin-bottom: 6px;
  border: 1px solid #2c2c2c;
  font-size: 10pt;
  background: #ccc;
}

#mc-signup input[type=submit] {
  font-size: 8pt;
}

#mc-signup .required {
  font-size: 7pt;
}

/* EOF Table and form table styles */

/* Pagination styles */
.pagination {
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  color: #aaa;
  padding: 0px 10px 5px 10px;
  cursor: default;
  vertical-align: middle;
  padding: 8px 0px 8px 0px;
  text-align: right;
}

.pagination a, .pagination a:link, .pagination a:visited, .pagination a:hover, .pagination a:active {
  text-decoration: none;
}
/* EOF Pagination styles */

/* Message class styles */
.message-container {
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
  margin-top: 0px;
}

.message-container a, .message-container a:link, .message-container a:visited, .message-container a:hover, .message-container a:active {
  color: #fff;
}

.normal {
  padding: 3px;
  background-color: #333;
  color: #fff;
}

.success {
  padding: 3px;
  background-color: #0b0;
  color: #fff;
}

.warning {
  padding: 3px;
  background-color: #d00;
  color: #fff;
}
/* EOF Message class styles */

/* Misc */
.noborder {
  border: none !important;
}

.active, .active td {
  cursor: pointer;
  cursor: hand;
}

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

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.justify {
  text-align: justify;
}

.left {
  float: left;
}

.right {
  float: right;
}

.double {
  line-height: 200%;
}

.small {
  font-size: smaller;
}

.monotype {
  font-family: monospace;
  font-size: larger;
}

.nofloat, .clear, .clearfloat {
  clear: both;
}

.header hr {
  color: #ccc;
  border: solid;
  border-width: 1px;
  text-align: center;
}

.footer hr {
  color: #ccc;
  border: solid;
  border-width: 1px;
  text-align: center;
  margin-top: 25px;
}

/* Lightbox */
#lightbox-overlay {
  background-color: black;
  -moz-opacity: 0.7;
  opacity: 0.7;
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height:100%;
  z-index: 99;
}

.lightbox-source {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.lightbox_container {
  margin: 40% auto 0 auto;
  /* 500px of usable width */
  width: 514px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #000;
  padding: 3px;
}

.lightbox {
  border: 3px solid #ccc;
  padding: 5px;
}
/* EOF Lightbox */