/* Copyright 2004-2006, Page Step Web and Print Design - www.pagestep.com */

/* custom global css */
/*
   UL/LI stuff is interpreted differently by different browsers. See
   CONFIG_DIR/{browserid}.css for corrections.
*/
UL {
  margin: 0px 0px 0px 12px ;
}
UL.home {
  padding-top: 10px ;
}
LI {
  margin: 0px 0px 0px 0px ;
  list-style: url(../images.site/li.gif) ;
  text-align: justify ;
}

PRE {
  margin: 5px 0px 10px 0px ;
}
H1, H2, H3, H4 {
  margin: 0px 10px 0px -10px ;
  padding: 2px 10px 2px 10px ;
  font-family: "Times New Roman", "Times Roman", "Times", serif ;
  font-weight: bolder ;
  font-style: italic ;
}
H1 {
  margin: 0px 10px 10px -10px ;
}
H2 {
  margin: 2px 10px 8px -10px ;
}
H3 {
  margin: 2px 10px 6px -10px ;
}
H4 {
  margin: 2px 10px 4px -10px ;
}
SPAN.company {
  font-family: "Georgia", "Times New Roman", "Times Roman", "serif" ;
  font-weight: bolder ;
  font-style: italic ;
  color: #000000 ;
}
/* #EB7535 orange
   #EBB135 orange hover
   #AA7705 gold
   #AAb705 gold (green?) hover
*/
A:link    { color: #D39C27 ; text-decoration: none ; }
A:active  { color: #D39C27 ; text-decoration: none ; }
A:visited { color: #D39C27 ; text-decoration: none ; }
A:hover   { color: #D7B83B ; text-decoration: underline ; }

A.menulink:link    { font-weight: bold ; color: #D39C27 ; text-decoration: none ; }
A.menulink:active  { font-weight: bold ; color: #D39C27 ; text-decoration: none ; }
A.menulink:visited { font-weight: bold ; color: #D39C27 ; text-decoration: none ; }
A.menulink:hover   { font-weight: bold ; color: #D7B83B ; text-decoration: underline ; }

A.musiclink:link    { font-weight: bold ; color: #D39C27 ; text-decoration: none ; }
A.musiclink:active  { font-weight: bold ; color: #D39C27 ; text-decoration: none ; }
A.musiclink:visited { font-weight: bold ; color: #D39C27 ; text-decoration: none ; }
A.musiclink:hover   { font-weight: bold ; color: #D7B83B ; text-decoration: underline ; }

INPUT {
  padding: 2px 4px 2px 4px ;
  font-family: "Georgia", "Times New Roman", "Times Roman", "serif" ;
  font-weight: normal ;
  font-style: normal ;
  color: #ffffff ;
  background: transparent url(../images.site/semi_bg.gif) top left repeat ;
  border-width: 1px ;
  border-style: solid ;
  border-color: #000000 #443311 #443311 #000000 ;
}
INPUT.w6 {
  width: 6% ;
}
INPUT.w10 {
  width: 10% ;
}
INPUT.w40 {
  width: 40% ;
}
INPUT.w45 {
  width: 45% ;
}
INPUT.w65 {
  width: 65% ;
}
INPUT.w85 {
  width: 85% ;
}
INPUT.w100 {
  width: 97% ;
}
SELECT {
  font-family: "Georgia", "Times New Roman", "Times Roman", "serif" ;
  font-weight: normal ;
  font-style: normal ;
  color: #ffffff ;
/*  background: transparent url(../images.site/semi_bg.gif) top left repeat ; */
  background: #333333 ;
}
OPTION {
  margin: 0 5px 0 5px ;
}
TEXTAREA {
  width: 97% ;
  height: 140px ;
  padding: 2px 4px 2px 4px ;
  font-family: "Georgia", "Times New Roman", "Times Roman", "serif" ;
  font-weight: normal ;
  font-style: normal ;
  color: #ffffff ;
  background: transparent url(../images.site/semi_bg.gif) top left repeat ;
  border-width: 1px ;
  border-style: solid ;
  border-color: #000000 #443311 #443311 #000000 ;
}
INPUT.submitbutton {
  padding: 0 ;
  font-family: "Verdana", "Arial", "Helvetica", "Helv", "sans-serif" ;
  font-weight: bold ;
  font-size: 90% ;
  color: #ffffff ;
  background: transparent ;
  border-width: 0px 2px 2px 0px ;
  border-style: solid ;
  border-color: #ffffff #000000 #000000 #ffffff ;
}
INPUT.resetbutton {
  padding: 0 ;
  font-family: "Verdana", "Arial", "Helvetica", "Helv", "sans-serif" ;
  font-weight: normal ;
  font-size: 90% ;
  color: #ffffff ;
  background: transparent ;
  border-width: 0px 2px 2px 0px ;
  border-style: solid ;
  border-color: #ffffff #000000 #000000 #ffffff ;
}

IMG.fl {
  float: left ;
  margin: -5px 25px 10px 25px ;
}
IMG.fr {
  float: right ;
  margin: -4px 25px 10px 25px ;
}
TD SPAN.small {
  font-size: 75% ;
}
TABLE.note {
  font-size: 80% ;
  color: #ccb36b ;
}
TABLE.note TD {
  padding: 2px 2px 2px 0px ;
  text-align: justify ;
}
TABLE.note TD.heading {
  width: 1px ;
  padding-right: 10px ;
  font-weight: bold ;
  vertical-align: top ;
  white-space: nowrap ;
}
TABLE.note TD.debug-note {
  padding: 2px 6px 2px 6px ;
  background: #ff9900 ;
  color: #ffffff ;
}
TABLE.warning {
  width: 97% ;
  margin: 10px 0px 0px 5px ;
  padding: 5px ;
  border-style: solid ;
  border-width: 1px ;
  border-color: #ffeeee #dd4400 #dd4400 #ffeeee ;
  background-color: #ff0000 ;
}
TABLE.warning TD {
  padding: 3px 0px 3px 0px ;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif" ;
  font-size: 90% ;
  color: #ffffff ;
  text-align: justify ;
  vertical-align: top ;
}
TABLE.warning TD.warninghead {
  width: 1% ;
  padding-right: 6px ;
  font-weight: bold ;
  white-space: nowrap ;
}
TABLE.warning TD.warningno {
  width: 1% ;
  padding-right: 6px ;
  vertical-align: top ;
}
TD.prompt {
  font-weight: bold ;
  text-align: right ;
  vertical-align: top ;
  white-space: nowrap ;
}
TD.buttons {
  text-align: left ;
}

/* general messages */
TABLE.message {
  width: 100% ;
  margin: 0px 0px 8px 0px ;
  padding: 10px ;
  background: #eeffee ;
  border-style: solid ;
  border-width: 1px ;
  border-color: #ddffdd #339933 #339933 #ddffdd ;
}
TABLE.message TD {
  text-align: justify ;
  vertical-align: top ;
}
TABLE.message TD.head {
  width: 1% ;
  padding-right: 5px ;
  font-weight: bold ;
  white-space: nowrap ;
}
TABLE.errormessage {
  width: 100% ;
  margin: 0px 0px 8px 0px ;
  padding: 10px ;
  background: #ffeeee ;
  border-style: solid ;
  border-width: 1px ;
  border-color: #ffdddd #993333 #993333 #ffdddd ;
}
TABLE.errormessage TD {
  text-align: justify ;
  vertical-align: top ;
}
TABLE.errormessage TD.mtitle {
  padding-right: 5px ;
  padding-bottom: 3px ;
  font-weight: bold ;
}
TABLE.errormessage TD.head {
  width: 1% ;
  padding-right: 5px ;
  font-weight: bold ;
  white-space: nowrap ;
}
TABLE.notemessage {
  width: 100% ;
  margin: 0px 0px 8px 0px ;
  padding: 10px ;
  background: #eeffee ;
  border-style: solid ;
  border-width: 1px ;
  border-color: #ddffdd #339933 #339933 #ddffdd ;
}
TABLE.notemessage TD {
  text-align: justify ;
  vertical-align: top ;
}
TABLE.notemessage TD.mtitle {
  padding-right: 5px ;
  padding-bottom: 3px ;
  font-weight: bold ;
}
TABLE.notemessage TD.head {
  width: 1% ;
  padding-right: 5px ;
  font-weight: bold ;
  white-space: nowrap ;
}
TABLE.warningmessage {
  width: 100% ;
  margin: 0px 0px 8px 0px ;
  padding: 10px ;
  background: #ffffee ;
  border-style: solid ;
  border-width: 1px ;
  border-color: #ffffdd #999933 #999933 #ffffdd ;
}
TABLE.warningmessage TD {
  text-align: justify ;
  vertical-align: top ;
}
TABLE.warningmessage TD.mtitle {
  padding-right: 5px ;
  padding-bottom: 3px ;
  font-weight: bold ;
}
TABLE.warningmessage TD.head {
  width: 1% ;
  padding-right: 5px ;
  font-weight: bold ;
  white-space: nowrap ;
}
TABLE.edit {
  width: 100% ;
}
TABLE.edit TD {
  padding: 2px 0px 2px 0px ;
  text-align: justify ;
  vertical-align: top ;
  border-style: solid ;
  border-width: 0px ;
  border-color: #ff0000 ;
}
TABLE.edit TD.prompt {
  width: 1% ;
  padding: 5px 5px 2px 0px ;
  font-weight: bold ;
  text-align: right ;
  white-space: nowrap ;
}
TABLE.edit TD.prompthelp {
  padding: 2px 5px 0px 0px ;
  color: #008800 ;
  font-size: 80% ;
  font-weight: normal ;
  text-align: right ;
  white-space: nowrap ;
}
TABLE.edit TD SPAN.small {
  color: #008800 ;
  font-size: 80% ;
  font-weight: normal ;
}
TABLE.edit TD TEXTAREA.news {
  height: 220px ;
}
TABLE.edit-error {
  width: 98% ;
  margin: 5px 0px 15px 0px ;
  padding: 10px ;
  border-style: double ;
  border-width: 3px ;
  border-color: #ffffff ;
  background-color: #bb0000 ;
  color: #ffffff ;
}
TABLE.edit-error TD {
  padding: 0px 10px 0px 0px ;
  vertical-align: top ;
  font-family: "Arial", "Helv", "Helvetica", "sans-serif" ;
}
TABLE.edit-error TD.dash {
  padding: 0px 10px 0px 0px ;
  width: 1% ;
}
TABLE.edit-error TD.prompt {
  padding: 0px 10px 0px 0px ;
  width: 1% ;
  white-space: nowrap ;
  font-weight: bold ;
  text-align: right ;
}
INPUT.regbutton {
  margin-top: 8px ;
  margin-bottom: 8px ;
  font-family: "Verdana", "Arial", "Helvetica", "Helv", "sans-serif" ;
  font-weight: bold ;
  font-size: 90% ;
  color: #ffffff ;
  background-color: #006BAD ;
  border-width: 0px 2px 2px 0px ;
  border-style: solid ;
  border-color: #ffffff #000000 #000000 #ffffff ;
}
SPAN.editinfo {
  font-size: 80% ;
  color: #aaaaaa ;
}

/* START fly-outs */
.flyout {
  position: relative ;
  z-index: 24 ;
}
.flyout SPAN IMG {
  margin: 5px ;
}
.flyout SPAN {
  display: none ;
}
.flyout:hover SPAN {
  display: block ;
  position: absolute ;
  padding: 5px 5px 5px 5px ;
  background: #715100 ;
}
.flyout:hover SPAN.albumr {
  top: -160px ;
  left: -335px ;
}
.flyout:hover SPAN.albuml {
  top: -160px ;
  left: 115px ;
}
.flyout:hover SPAN.chime {
  top: -130px ;
  left: 175px ;
}
.flyout:hover SPAN.top {
  display: block ;
  padding: 0px 0px 0px 0px ;
}
.flyout:hover SPAN.middle {
  display: block ;
  padding: 0px 0px 0px 0px ;
}
.flyout:hover SPAN.bottom {
  display: block ;
  padding: 0px 0px 0px 0px ;
}
/* END fly-outs */

SPAN.atitle {
  /* album titles */
  font-weight: bold ;
  font-style: italic ;
}
DIV.jsreq {
  padding: 2px 8px 2px 8px ;
  color: #ffffff ;
  font-size: 125% ;
  font-weight: bold ;
  text-align: center ;
  background: #ff0000 ;
  border-style: solid ;
  border-width: 1px ;
  border-color: #ffffff ;
}