/*
 * Style Sheet for Crescent Concerts Season Schedule
 */

body {
  margin:0; padding:0 8px;
  border:3px solid black;
  background: url('../images/o_scroll.gif') #f7f7f7 97% 90% fixed no-repeat;
  color:#500;
}
#topBorder {position:fixed; top:0; left:0; width:100%; height:3px; background:black; margin:0; padding:0;}

:link { color: #E00; text-decoration:none; }
:visited { color: #C77; text-decoration:none; }
:link:hover, :visited:hover { text-decoration:underline; }
div.Title a:link, div.Title a:visited {color:#800;}

.concertSet, .infoBlock {
  margin:0 4em 0 0;
  padding:.25em;
  font-family: 'Times Roman', serif;
  font-size:16pt;
}
#current {margin-top:120px;}
#info {margin-bottom:1em;}

.concertSet.next, #next {color:#030;}

#hdr {
  position:fixed;
  top:0; left:0;
  margin:0;
  width:99%;    /* avoid overflow */
  padding-top:.25em;
  font-family:'Monotype Corsiva', 'Calisto MT Italic', 'Book Antiqua Italic', 'Zapf Chancery', 'Apple Chancery', 'Chancery Cursive', cursive;
  font-size:24px;
  font-weight:bold;
  text-align:center;
  background:#f7f7f7;
  height:116px;
  border:3px solid black;
  border-bottom:0;
  border-right:0;
}
* html #hdr {position:absolute;}

#hdr .Title {
  font-size:48px;
  font-weight:bold;
}

#hdr .subTitle {
  margin:-.75em 0 .75em 0;
}
#hdr .sub {font-size:48px; top:9px; left:-3px; background:transparent; }

.Concert {
  margin:0.5em; padding:.25em;
  font-family:Centaur, 'Palatino Linotype', Palatino, 'Lucida Bright', 'Lucida Grande', 'Bell MT', 'Book Antiqua', serif;
  font-size:14pt;
}
.Concert.past {color:#baa;}
#other {display:none;}    /* switched on by scheduleWidget() or fixOther() iff there are coming events */
#other .Concert.past {display:none;}

.When, .Type {
  font-style:italic;
}

.pseudo {color:#b00; cursor:pointer;}
.pseudo:hover {text-decoration:underline;}

Day, Date, Year, Time {
  display:inline;
  padding:4px 4px 4px 0;
}

.Concert .Title {
  font-size:15pt;
  font-weight:bold;
}
.Concert .Type {padding-top:4px;}
.Concert input {cursor:pointer; margin-left:2em; background:#f7f7f7; color:#500; bottom:4px;}
.Concert input:hover {background:#efefef;}


.Synopsis {
  display:block;
}

/* style for the infoBlock */

#info .content {
  width:50%;
  margin:0 auto;
  padding:.5em;
  border:1px solid #500;
  font-family:"Arial, sans-serif";
  line-height: 1.2; font-size: 12pt;
  text-align:center;
}

.footnote {margin:16pt 0; font-size:12pt; font-style:italic;}

/*
 *  Style rules for the signup form
 */

#signUp {
  margin:0 auto;
  margin-top:-10em;
  text-align:center;
  width:34em;
  padding:0;
  background:#dfdfdf;
  color:#500;
  display:none;
  font-family:Courier, monospace; font-size:12pt; margin-bottom:1em;
  border:3px ridge gray;
  z-index:20;
  }

.titleBar {
  padding:2px 3px;
  border-bottom:1px solid black;
  background:#dfdfdf url('../images/titlebar.gif') repeat-y;
  color:white;
  cursor:default;
}
.titleBar img {cursor:default;}

form {
  margin:0;
  padding:0 1ex;
  text-align:left;
  border:1px solid white;
}
#signUp td {padding:0;}
#signUp td.left {width:5em; text-align:right; padding:.5ex .5ex .5ex 0;}

div.center {margin:0.5em auto; text-align:center;}
div.center input {background-color:#cfcfcf; margin:0 .5em;}
div.center input:hover {background-color:#dfdfdf;}

hr {width:50%; height:3px;}

.footer {
    float:right;
    background:#f7f7f7;
    margin-top:4px;
    font-size: 1em;
    font-style: italic;
    font-weight: bold;
}

#njsca {
  position:static;
  width:80%;
  margin-left:2em;
  font-size:9pt;
}