/* screen.css */

/* top element styles *//*{{{*/
body {
  padding: 0;
  margin: 0;
  background: #000;
  font: 11px arial,sans-serif;
  color: #FFF;
  scrollbar-face-color: #333;
  scrollbar-shadow-color: #333;
  scrollbar-highlight-color: #333;
  scrollbar-3dlight-color: #333;
  scrollbar-darkshadow-color: #222;
  scrollbar-track-color: #222;
  scrollbar-arrow-color: #111;  
}

a { color: #FFF; }

li { margin-bottom: 12px; }
 
table.tablestyle { width: 500px; font-size: 12px; }

h2.heading { text-decoration: underline; }
/* END top elements *//*}}}*/

/* misc classes  {{{ */
.txtLarge { width: 550px; }
.txtMedium { 
  width: 200px; 
  border: 1px solid #FFF; 
  padding-left: 2px; 
  font-weight: bold; 
}
.txtSmall {
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.YearTextBox { width: 33px; }
.left { float: left; }
.ErrorMessage { display: block; clear: both; }
/* END misc classes }}} */

#container {
  width: 995px;
  height: 590px;
  margin: 0 auto;
  padding-bottom: 10px;
  position: relative;
  background: url(../images/main-bg.png) repeat-x -4px 37px;
}
#container.age { background: transparent; }

/* age screener styles {{{ */
#age-logo {
  width: 206px;
  height: 232px;
  background: url(../images/age-logo.png) no-repeat;
  position: relative;
  top: 50px;
  margin: 0 auto 0;
  text-indent: -9999px;
  z-index: 10;
}

#age-form {
  width: 510px;
  height: 260px;
  position: relative;
  background: url(../images/age-form-bg.png) no-repeat;
  margin: 0 auto;
}
#age-form p {
  width: 480px;
  position: relative;
  top: 99px;
  margin: 0 auto;
  font-size: 9px;
  text-align: center;
}
#age-form span {
  font-size: 15px;
  font-weight: bold;
  display: block;
}
#age-form p input, #age-form p select {
  background: #826200;
  border: 1px solid #FFF;
  color: #FFF;
}
#age-form p label {
  font-size: 11px;
  padding-left: 8px;
}
#age-form input.submit {
  width: 130px;
  height: 25px;
  position: absolute;
  top: 231px;
  left: 189px;
}

#age-footer {
  width: 510px;
  margin: 45px auto 0;
  font-size: 9px;
  text-align: center;
}
#age-footer a {
  font-family: "arial black",arial,sans-serif;
  line-height: 19px;
}

#underage-form {
  width: 510px;
  height: 260px;
  position: relative;
  margin: 0 auto;
}
#underage-form p {
  width: 480px;
  position: relative;
  top: 99px;
  margin: 0 auto;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
/* END age screener }}} */

/* nav & logo styles {{{ */
#logo {
  width: 121px;
  height: 135px;
  position: absolute;
  left: 113px;
  top: 43px;
  background: url(../images/logo.png) no-repeat;
  text-indent: -9999px;
}

ul#nav {
  width: 293px;
  height: 265px;
  position: absolute;
  top: 220px;
  left: 25px;
  margin: 0;
  padding: 45px 0 0;
  text-align: center;
  background: url(../images/nav-bg.png) no-repeat;
}
ul#nav li {
  list-style: none;
  height: 16px;
  margin-bottom: 14px;
}
ul#nav li.register, ul#nav li.events,
ul#nav li.register-select, ul#nav li.events-select {
  height: 20px;
  margin-bottom: 10px;
}
ul#nav li a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}
#nav li.home     a { background: url(../images/nav-text.png) no-repeat 14px -2px; }
#nav li.rules    a { background: url(../images/nav-text.png) no-repeat 72px -62px; }
#nav li.jury     a { background: url(../images/nav-text.png) no-repeat 129px -122px; }
#nav li.register a { background: url(../images/nav-text.png) no-repeat 57px -182px; }
#nav li.events   a { background: url(../images/nav-text.png) no-repeat 60px -240px; }
#nav li.forjack  a { background: url(../images/nav-text.png) no-repeat 91px -302px; }
#nav li.contact  a { background: url(../images/nav-text.png) no-repeat 115px -362px; }
#nav li.home-select  a, #nav li.home  a:hover { background: url(../images/nav-text.png) no-repeat 14px -32px; }
#nav li.rules-select a, #nav li.rules a:hover { background: url(../images/nav-text.png) no-repeat 72px -92px; }
#nav li.jury-select  a, #nav li.jury  a:hover { background: url(../images/nav-text.png) no-repeat 129px -152px; }
#nav li.register-select a, #nav li.register a:hover { background: url(../images/nav-text.png) no-repeat 57px -212px; }
#nav li.events-select  a, #nav li.events  a:hover { background: url(../images/nav-text.png) no-repeat 60px -270px; }
#nav li.forjack-select a, #nav li.forjack a:hover { background: url(../images/nav-text.png) no-repeat 91px -332px; }
#nav li.contact-select a, #nav li.contact a:hover { background: url(../images/nav-text.png) no-repeat 115px -392px; }
/* END nav & logo }}} */

/* home styles {{{ */
#txtbox {
  width: 566px;
  height: 507px;
  position: absolute;
  left: 369px;
  top: 34px;
  font-weight: bold;
}

#bigtxt {
  width: 502px;
  height: 129px;
  padding: 190px 30px 0;
  position: relative;
  background: url(../images/home-bigtxt-border.png) no-repeat;
}
#bigtxt img#guitar {
  position: absolute;
  top: -9px;
  left: 135px;
  behavior: url(styles/iepngfix.htc)
}
#bigtxt img#title {
  position: absolute;
  top: 179px;
  left: 120px;
  behavior: url(styles/iepngfix.htc)
}
#bigtxt div.flexcroll {
  position: relative;
  height: 82px;
  width: 500px;
  overflow: auto;
  padding: 0 3px;
  text-align: center;
  z-index: 10;
}
#bigtxt div.flexcroll div.vscrollerbase {
  height: 80px !important;
}
#bigtxt div.flexcroll div.vscrollerbar {
  background: #685008;
}

p#words {
  margin: 13px auto 10px;
  font: bold 13px arial,sans-serif;
  color: #FFB502;
  text-align: center;
}

#txtbox div.jrtxt {
  width: 229px;
  height: 120px;
  padding: 17px 18px;
  position: relative;
}
#txtbox div.jrtxt div.flexcroll {
  height: 113px;
  overflow: auto;
}
#txtbox div.jrtxt div.flexcroll div.vscrollerbase {
  height: 111px !important;
}
#txtbox div.jrtxt div.flexcroll div.vscrollerbar {
  background: #888;
}
#txtbox div.jrtxt p {
  margin: 0;
  padding: 0 3px;
}
#jrtxt_left { 
  float: left;
  background: url(../images/home-jrtxt-drums.png) no-repeat;
}
#jrtxt_right {
  float: right;
  background: url(../images/home-jrtxt-guitar.png) no-repeat;
}
/* END home }}} */

/* rules styles {{{ */
#ctl00_mid_rules {
  width: 530px;
  height: 388px;
  position: absolute;
  left: 395px;
  top: 74px;
  padding: 70px 0 0 3px;
  background: url(../images/rules-border.png) no-repeat;
  font-weight: bold;
}
#ctl00_mid_rules ul {
  width: 400px;
}
#ctl00_mid_rules li {
  margin-bottom: 3px;
}
/* END rules }}} */

/* jury styles {{{ */
#ctl00_mid_jury {
  width: 608px;
  height: 490px;
  position: absolute;
  left: 338px;
  top: 31px;
}
#ctl00_mid_jury div.title {
  height: 39px;
  font-size: 20px;
  font-family: tahoma,arial,sans-serif;
  color: #ffb502;
  text-align: center;
}
div.juror {
  width: 281px;
  height: 127px;
  float: left;
  margin: 14px 9px;
  background: url(../images/jury-border.png) no-repeat;
}
div.juror h4 {
  margin: 0;
  text-align: center;
}
div.juror div.flexcroll {
  width: 242px;
  height: 85px;
  margin: 8px 0 0 19px;
  padding: 0 7px 0 0;
  overflow: auto;
}
div.juror div.flexcroll p {
  margin: 0;
}
div.juror div.flexcroll div.vscrollerbase {
  height: 83px !important;
}
div.juror div.flexcroll div.vscrollerbar {
  background: #888;
}
/* END jury }}} */

/* register styles {{{ */
#right_box {
  width: 630px;
  height: 560px;
  position: absolute;
  left: 320px;
  top: 0;
}

#ctl00_mid_reg_copy {
  width: 480px;
  position: absolute;
  left: 90px;
  top: 32px;
  font: bold 12px arial,sans-serif;
  text-align: center;
}
#ctl00_mid_reg_copy a {
  color: #FFB502;
  font: bold 13px/22px arial,sans-serif;
}

#reg_form {
  width: 562px;
  height: 268px;
  position: absolute;
  left: 48px;
  top: 225px;
  background: url(../images/register-border.png) no-repeat;
}
#reg_form.thx {
  background: url(../images/thanks-border.png) no-repeat -3px -1px;
}

table.tblRegistration {
  width: 320px;
  height: 310px;
  position: absolute;
  top: 25px;
  left: 170px;
  font: bold 12px arial,sans-serif;
}
table.tblRegistration table {
  width: 230px;
}

table.tblRegThx {
  width: 360px;
  position: absolute;
  top: 55px;
  left: 170px;
  font: bold 13px arial,sans-serif;
  text-align: center;
}
table.tblRegThx a {
  color: #ffb502;
  text-decoration: none;
}
/* END register }}} */

/* forjack styles {{{ */
#ctl00_mid_forjack {
  position: absolute;
  left: 10px;
  top: 80px;
  width: 100%;
}
#ctl00_mid_forjack h2 {
  font: 18px/17px "Times New Roman",serif;
  color: #ffb502;
  text-align: center;
  margin: 0 0 15px;
}
div.blurb {
  width: 297px;
  height: 155px;
  float: left;
  background: url(../images/forjack-border.png) no-repeat;
  margin: 0 7px 25px;
  font: bold 14px/14px "Times New Roman",serif;
}
#ctl00_mid_forjack div.top {
  margin-bottom: 66px;
}
div.blurb p {
  margin: 0;
  padding: 13px 17px 10px 17px;
}
#tojack {
  font: bold 14px "Times New Roman",serif;
  text-align: center;
}
#tojack a { color: #ffb502; text-decoration: none; }
/* END forjack }}} */

/* contact styles {{{ */
#ctl00_mid_contact {
  width: 530px;
  height: 458px;
  position: absolute;
  left: 76px;
  top: 74px;
  background: url(../images/contact-border.png) no-repeat;
}
#ctl00_mid_contact p {
  font: bold 14px tahoma,arial,sans-serif;
  position: absolute;
  margin: 0;
}
#ctl00_mid_contact p.top {
  top: 37px;
  left: 37px;
}
#ctl00_mid_contact p.left {
  width: 211px;
  top: 254px;
  left: 42px;
}
#ctl00_mid_contact p a {
  display: block;
  font-size: 20px;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  color: #ffb502;
  padding-top: 10px;
}
/* END contact }}} */

/* events calendar styles {{{ */
#ctl00_mid_bands {
  width: 483px;
  height: 232px;
  position: absolute;
  top: 34px;
  left: 84px;
  background: url(../images/events-border.png) no-repeat;
}
#ctl00_mid_bands h4 {
  width: 269px;
  position: absolute;
  left: 185px;
  top: 46px;
  margin: 0;
  font: bold 12px tahoma,arial,sans-serif;
  text-align: center;
}
#ctl00_mid_bands ol {
  position: absolute;
  left: 185px;
  top: 67px;
  margin: 0;
  padding: 0;
  font-weight: bold;
}
#ctl00_mid_bands ol li {
  margin: 0 0 0 22px;
}

#ctl00_mid_sets {
  width: 420px;
  position: absolute;
  top: 304px;
  left: 118px;
  color: #ffb502;
  font: bold 12px tahoma,arial,sans-serif;
  text-align: center;
}

#calpen {/*{{{*/
  width: 380px;
  height: 164px;
  position: absolute;
  top: 320px;
  left: 118px;
  padding: 18px 20px;
  z-index: 100;
}
#calpenBG {
  width: 420px;
  height: 200px;
  position: absolute;
  top: 320px;
  left: 118px;
  background: url(../images/events-cal-bg-alpha.png) no-repeat;
  behavior: url(styles/iepngfix.htc)
  z-index: 1;
}
tr.mv_lpMonthCellRow { height: 30px; }
#calpen .mup_weekdayDOWHeader, #calpen .mup_weekendDOWHeader,
#calpen .mup_MonthHeaderBkg, #calpen .mup_weekendCell,
#calpen .mup_monthHeaderBorder, #calpen .mup_monthHeaderPrev,
#calpen .mup_monthHeader, #calpen .mup_monthHeaderNext,
#calpen .mup_nonMonthCell, #calpen .mup_weekdayCell,
#calpen .mup_weekdayEventCell, #calpen .mup_yearFooter,
#calpen .mup_eventDispBkg, #calpen .mup_weekdayLoggedInCell,
#calpen .mup_weekenddayLoggedInCell {
  background: transparent;
  border: none;
}
#calpen .mup_weekdayEventCell { font-weight: bold; background: #1F1F1F; }
#calpen .eventplaceholder, #calpen .mup_eventDisplay {
  width: 180px;
  margin: 0 0 0 20px;
}
#calpen a { text-decoration: none; }/*}}}*/
/* END events calendar }}} */

/* footer and responsibility msg styles {{{ */
#resp_msg, #ctl00_mid_resp_msg {
  width: 315px;
  position: absolute;
  top: 505px;
  left: 18px;
  font: 9px tahoma,arial,sans-serif;
  text-align: center;
}
#resp_msg em, #ctl00_mid_resp_msg em {
  display: block;
  font-size: 8px;
  color: #ffb502;
}

#footer, #ctl00_footer {
  width: 930px;
  position: absolute;
  top: 565px;
  left: 35px;
  font: 10px tahoma,arial,sans-serif;
  margin: 10px 0;
}
/* END footer }}} */