/*-------------------------------------------------------------------#
# Halloween.css
# copyright 2003 by Brian Johnson - bigguy@talldude.com
# http://www.talldude.com
#-------------------------------------------------------------------*/

a:link, a:active, a:visited {
  color: #000000;
}

a {
  text-decoration: none;
  color: #000000;
}

/* this is a span class to set font to white */
.jmFont1 {
  color: #FFFFFF;
}

/* this class is used in BOLD font situations */
.jmFont2 {
  color: #FFFF00;
  font-weight: bold;
}

/* this font class is used for "yellow" highlighting */
.jmFont3 {
  color: #FFFF00;
}

/* this font class is used to turn italics on */
.jmItalic {
  font-style: italic;
}

 /* jmBody - this is the main Jamroom CSS class for the <BODY> tag */
.jmBody {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  text-align: center;
  background-color: #212121;
  background-position: center;
  margin: 10;
  margin-left: 10;
  color: #FFFFFF;
}

/* jmTable - this is the main Jamroom CSS class for the BIG table that
 * holds everything on a page */
.jmTable {
  background-color: #000000;
  border-style: none;
  border: 0px;
  width: 100%;
}

.jmAdminTable {
  background-color: #000000;
  border-style: none;
  border: 0px;
  width: 154px;
}

/* the jmAltTabel class is used on the LOGIN, SIGNUP and SEARCH pages
 * Note: the main difference between jmTabel and jmAltTable is merely width */
.jmAltTable {
  background-color: #000000;
  border-style: none;
  border: 0px;
  width: 80%;
}

.jmHeader {
  background-color: #000000;
  background-image: url(Halloween/admin_header.gif);
  background-position: center;
  text-align: center;
  vertical-align: middle;
  height: 23px;
}

/* jmError_font - this is the class for the "ERROR!" font that
 * is shown when Jamroom encounters an error */
.jmError {
  background-color: #CC9933;
  text-align: center;
  padding-right: 5px;
  height: 60px;
  font-family: Arial;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 18px;
  color: #660000;
}

/* jmSuccess_font - this is the CSS class for the "SUCCESS!" tag
 * in Jamroon for a successful update */
.jmSuccess {
  background-color: #CC9933;
  text-align: center;
  padding-right: 5px;
  height: 60px;
  font-family: Arial;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
}

/* jmInputLeft - this is the default class for all of the boxes
 * that appear no the left side (the descriptor) */
.jmInputLeft {
  background-color: #CC9933;
  text-align: right;
  padding-right: 5px;
  height: 30px;
  font-family: Arial;
  font-variant: small-caps;
  font-size: 12px;
  color: #000000;
}

/* jmInputRight - this is the default class for the "input"
 * cells on the right hand side of the admin interface */
.jmInputRight {
  background-color: #FFFFCC;
  padding: 5px;
  font-family: Arial;
  font-size: 10px;
  color: #000000;
  vertical-align: middle;
}

/* jmButton - the following classes control the style for the
 * Admin Menu buttons (function jmButton) */
.jmButton {
  background-color: #CC9933;
  height: 18px;
  text-align: center;
  font-family: Arial;
  font-variant: small-caps;
  font-size: 13px;
  color: #000000;
}

/* jmRefresh - the following class controls the style for the
 * "Click Here for Refresh" box that appears at the bottom of pages */
.jmRefresh {
  background-color: #CC9933;
  height: 40px;
  text-align: center;
  font-family: Arial;
  font-variant: small-caps;
  font-size: 13px;
  color: #000000;
}

/* jmBandBanner - this is the cell in the Admin menu that
 * contains the name of the current active Band */
.jmBandBanner {
  background-color: #000000;
  text-align: center;
  vertical-align: middle;
  height: 40px;
  font-family: Arial, sans-serif;
  font-variant: small-caps;
  font-size: 14px;
  font-weight: bold;
  color: #FFFF00;
}

/* jmWarning - this cell is the "Warning" cell that comes up when
 * the admin is going to delete a user, band, etc. */
.jmWarning {
  background-color: #663300;
  text-align: center;
  height: 35px;
  font-family: Arial;
  font-variant: small-caps;
  font-size: 14px;
  color: #FFFFFF;
}

/* jmTextBanner - these cells are the "dividing" cells on the Admin
 * menu that have the word "bands", "songs", etc on them */
.jmTextBanner_back {
  background-color: #000000;
  background-image: url(Halloween/menu_button.gif);
  background-position: center;
  text-align: center;
  vertical-align: middle;
  height: 23px;
}

.jmTextBanner_font {
  font-family: Arial;
  font-variant: small-caps;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px; 
  color: #FFFFFF;
}

.jmTextBanner_cell {
  background-color: #000000;
  text-align: center;
  font-family: Arial;
  font-variant: small-caps;
  font-size: 9px;
  color: #FFFFFF;
}

/* jmDivider - this is used as a "divider" line between sections on the
 * Jamroom input forms. */
.jmDivider {
  background-color: #000000;
}

/* jmRep - this set of CSS classes is used in the Jamroom "reports" - that
 * is, when a status is given (i.e. after generating HTML) */
.jmRepHead {
  background-color: #996633;
  text-align: center;
  height: 40px;
  padding: 5px;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  color: #FFFF00;
}

.jmRepTitle_left {
  background-color: #CC9933;
  text-align: right;
  height: 20px;
  padding-right: 5px;
}

.jmRepTitle_right {
  background-color: #CC9933;
  text-align: left;
  height: 20px;
  padding-left: 5px;
}

.jmRepTitle_font {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  color: #FFFFFF;
}

.jmRepRow {
  background-color: #CC9933;
  height: 20px;
  font-family: Arial;
  font-size: 10px;
  color: #CCCCCC;
}

/* jmInput - the following CSS classes deal with the specific
 * input types in the Jamroom forms. */
.jmSubmit_back {
  background-color: #996633;
  border-style: none;
  border: 0px;
  height: 40px;
  text-align: center;
}

.jmInput_font {
  font-family: Arial;
  font-size: 10px;
  color: #000000;
}

.jmInputSubmit {
  font-family: Arial;
  font-size: 11px;
  width: 150px;
  height: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}

.jmInputText {
  font-family: Arial;
  font-size: 11px;
  color: #000000;
  background-color: #C0C0C0;
  width: 400px;F
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}

.jmInputPassword {
  font-family: Arial;
  font-size: 11px;
  color: #000000;
  background-color: #C0C0C0;
  width: 175px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}

.jmInputUser {
  font-family: Arial;
  font-size: 11px;
  color: #000000;
  background-color: #C0C0C0;
  width: 175px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}

.jmInputFile {  
  font-family: Arial;
  font-size: 11px;
  color: #000000;
  background-color: #C0C0C0;
  width: 400px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}

.jmInputCheck {
  font-family: Arial;
  font-size: 11px;
  color: #000000;
  background-color: #FFFFCC;
  vertical-align: middle;
}

.jmInputArea {
  font-family: Arial;
  font-size: 11px;
  color: #000000;
  background-color: #C0C0C0;
  width: 400px;
  height: 100px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}

.jmInputSelect {
  font-family: Arial;
  font-size: 11px;
  color: #000000;
  background-color: #C0C0C0;
  width: 400px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}

.jmInputChoose {
  font-family: Arial;
  color: #000000;
  background-color: #C0C0C0;
  font-size: 11px;
  width: 400px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}

/* jmSubmit - these CSS classes deal with the "submit" row at the
 * bottom of the Jamroom forms */
.jmSubmit_back {
  background-color: #996633;
  border-style: none;
  border: 0px;
  height: 40px;
  text-align: center;
}

.jmSubmit_font {
  font-family: Arial;
  font-size: 11px;
}

/* jmPlayCell - this class controls the appearance of the "play cell" in the
 * modify song section (for listening to the song) */
.jmPlayCell {
  background-color: #EEEEEE;
  padding-left: 4px;
  font-family: Arial;
  font-size: 10px;
  color : #000000;
}

.jmPlayCell_image {
  background-color: #996633;
  text-align: center;
  vertical-align: middle;
  padding: 8px;
}

/* jmSpanCell - this is the main "spanning" cell used in Jamroom to
 * seperate areas on the input forms */
.jmSpanCell_left {
  background-color: #993300;
  padding-left: 5px;
  font-family: Arial;
  font-variant: small-caps;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}

.jmSpanCell_right {
  background-color: #993300;
  padding-right: 5px;
  text-align: right;
  font-family: Arial;
  font-size: 10px;
  color: #FFFFFF;
}

/* jmShowLine - this class controls the "showline" dividers that can 
 * present the user with extra info */
.jmShowLine {
  background-color: #333333;
  text-align: center; 
  height: 25px;
  padding: 3px;
  font-family: Arial;
  font-variant: small-caps;
  font-size: 11px;
  color: #C0C0C0;
}

.jmNoteText {
  font-family: Verdana;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 11px;
  color: #FFFF00;
}

/* jmLog - these classes control the display of the Jamroom Log */
.jmLog_table {
  background-color: #333333;
  border-style: solid;
  border-color: #333333;
  border-width: 0px;
  padding: 0px;
  margin: 0px;
}

.jmLog_header {
  height: 25px;
  text-align: center;
  padding: 2px;
  background-color: #212121;
  font-family: Arial;
  font-variant: small-caps;
  font-size: 11px;
  color: #FFFFFF;
}
  
.jmLog_line {
  height: 20px;
  padding: 2px;
  background-color: #000000;
  font-family: Arial;
  font-size: 10px;
  color: #FFFFFF;
}

/* jmDisk - these classes are used in the "Disk Space Status" output */
.jmDisk_table {
  background-color: #333333;
  border-style: solid;
  border-color: #333333;
  border-width: 0px;
}
  
.jmDisk_header {  
  height: 20px;
  text-align: center;
  padding: 2px;
  background-color: #212121;
  font-family: Arial;
  font-variant: small-caps;
  font-size: 11px;
  color: #FFFFFF;
}

.jmDisk_number {  
  height: 20px;
  text-align: center;
  padding: 2px;
  background-color: #000000;
  font-family: Arial;
  font-variant: small-caps;
  font-size: 11px;
  color: #FFFFFF;
}

.jmDisk_line {  
  height: 20px;
  text-align: left;
  padding: 2px;
  background-color: #000000;
  padding-bottom: 1px;
  padding-top: 4px;
  font-family: Arial;
  font-variant: small-caps;
  font-style: italic;
  font-size: 10px;
  color: #C0C0C0;
}

/* jmSongStat - these CSS classes control the Song Statistics */
.jmSongStat_table {
  background-color: #333333;
  border-style: none;
  border-color: #333333;
  border-width: 0px;
  border-collapse: collapse;
}

.jmSongStat_title {
  height: 20px;
  text-align: center;
  padding: 2px;
  background-color: #212121;
  font-family: Arial;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 14px;
  color: #FFFF00;
}

.jmSongStat_header {
  height: 20px;
  text-align: center;
  padding: 2px;
  background-color: #212121;
  font-family: Arial;
  font-variant: small-caps;
  font-size: 12px;
  color: #FFFFFF;
}

.jmSongStat_row {
  padding: 2px;
  background-color: #000000;
  font-family: Arial;
  font-variant: small-caps;
  font-size: 11px;
  color: #FFFFFF;
}

/* jmPageStat - CSS classes for the page stats section */
.jmPageStat_table {
  background-color: #333333;
  border-style: none;
  border-color: #333333;
  border-width: 0px;
}

.jmPageStat_header {
  height: 20px;
  text-align: center;
  padding: 2px;
  background-color: #212121;
  font-family: Arial;
  font-variant: small-caps;
  font-size: 12px;
  color: #FFFF00;
}

.jmPageStat_row {
  padding: 2px;
  background-color: #000000;
  font-family: Arial;
  font-variant: small-caps;
  font-size: 11px;
  color: #FFFFFF;
  height: 15px;
}

/* jmTheme - this set of class controls how the Theme Previews look */
.jmTheme_table {
  background-color: #FFFFCC;
  border-style: none;
  border-color: #333333;
  border-width: 0px;
  border-collapse: collapse;
}

.jmTheme_header {
  height: 20px;
  text-align: center;
  padding: 2px;
  background-color: #663300;
  font-family: Arial;
  font-variant: small-caps;
  font-size: 16px;
  color: #FFFFFF;
}

.jmTheme_desc {
  background-color: #996600;
  text-align: justify;
  vertical-align: top;
  padding: 6px;
  font-family: Arial;
  font-size: 11px;
  color: #FFFFFF;
}
