body {
  
}

a {
  color: #47d ;
}
  a:hover {
    color: #038 ;
  }
  
em {
  font-style: italic ;
}
  
ul.error_list {
  display: none ;
}

p {
  margin-bottom: 1em ;
}

.note,
.error,
.success {
  border: 2px solid #000 ;
  padding: .5em ;
  margin-bottom: 1em ;
}
  .note {
    border-color: #336 ;
    color: #336 ;
    background-color: #ccf ;
  }
  .error {
    border-color: #633 ;
    color: #633 ;
    background-color: #faa ;
  }
  .success {
    border-color: #363 ;
    color: #363 ;
    background-color: #afa ;
  }
ul.error {
  list-style: disc ;
}
  ul.error li {
    margin-left: 1em ;
  }
  

h2 {
  color: #333 ;
  font-size: 2.2em ;
  margin-bottom: .3em ;
  font-family: Didot, serif ;
  font-weight: normal ;
  text-transform: lowercase ;
}
  h2 a.actionLink {
    font-size: .5em ;
    font-family: serif ;
  }

h3 {
  color: #333 ;
  font-size: 1.5em ;
  margin: .7em 0 .3em 0 ;
  font-family: Didot, serif ;
  font-weight: normal ;
  text-transform: lowercase ;
}
  h3 a.actionLink {
    font-family: serif ;
    font-size: .7em ;
  }
  h3 span.headingNote {
    font-family: serif ;
    font-size: .7em ;
    font-weight: normal ;
    text-transform: none ;
  }
  
div.progressBar {
  background: url(../images/progress_bar.gif) no-repeat ;
  height: 20px ;
  margin: 1em 0 ;
}

div#header {
  height: 120px ;
  background: #47d url(../images/header_logo.gif) no-repeat top left  ;
  position: relative ;
  color: #fff ;
}
  div#header img {
  }
  div#header div#regionJumplist {
    position: absolute ;
    bottom: 0px ;
    left: 154px ;
  }
    div#header div#regionJumplist ul {

    }
      div#header div#regionJumplist ul li {
        float: left ;
        padding: .25em .3em ;
        border-left: 1px solid #fff ;
      }
      div#header div#regionJumplist ul li:first-child {
        border-left: none ;
      }
        div#header div#regionJumplist ul li a {
          color: #fff ;
        }
          div#header div#regionJumplist ul li a:hover,
          div#header div#regionJumplist ul li.selected a {
            color: #ff6 ;
          }
  div#header div#registrationForm,
  div#header div#loginForm {
    position: absolute;
    top: 0 ;
    right: 0 ;
    height: 6em ;
    padding: 1em ;
    background-color: #36c ;
  }
    div#header div#registrationForm table,
    div#header div#loginForm table {
      font-size:.9em;
    }
  div#header div#userJumplist {
    position: absolute ;
    bottom: 0px ;
    right: 0 ;
  }
    div#header div#userJumplist ul {

    }
      div#header div#userJumplist ul li {
        float: left ;
        padding: .25em .3em ;
        border-left: 1px solid #fff ;
      }
      div#header div#userJumplist ul li:first-child {
        border-left: none ;
      }
        div#header div#userJumplist ul li a {
          color: #fff ;
        }
          div#header div#userJumplist ul li a:hover {
            color: #ff6 ;
          }
      div#header div#userJumplist li.selected a {
        color: #ff6 ;
      }
      
  div#header h1 {
    padding-left: 10px ;
    font-size: 8em ;
    color: #fff ;
    text-transform: lowercase ;
  }
    div#header h1 span.beta {
      font-size: .15em ;
      position: absolute ;
      top: .5em ;
      color: #69e ;
    }
      div#header h1 span.beta:hover {
        color: #fff ;
      }

div#navigation {
}
  div#navigation ul {
    height: 1.5em ;
  }
    div#navigation ul li {
      float: left ;
      border-left: 1px solid #47d ;
      padding: .25em .3em ;
    }
    div#navigation ul li:first-child {
      border-left: none ;
    }
    div#navigation ul li.selected {
/*      background-color: #ffc ; */
    }
      div#navigation ul li.selected a {
        color: #000 ;
      }

div#content {
  padding: 1em 1em 2em 1em ;
}

div.sidebar {
  float: right ;
  border: 8px solid #ddd ;
  background-color: #fff ;
  padding: .5em  ;
  min-width: 14em ;
  min-height: 20em ;
  margin: 0 0 2em 2em ;
  z-index: 2 ;
}
  div.sidebar div.innerContent {
    padding: 1em 1em 1em 1em ;
  }
  div.sidebar h3:first-child {
    margin-top: 0 ;
  }
  div.sidebar div.contentSeparator {
    height: 1px ;
    border-top: 1px solid #ddd ;
  }

div#subscriptionSidebar {
  min-width: 13em ;
  width: 13em ;
  min-height: 10em ;
}
div#userCalendar {
  margin-right: 17em ;
}
  
div#bandProfileSidebar {
  width: 200px ;
  min-width: 200px ;
}
  div#bandProfileSidebar div#noimage {
    background-color: #ddd ;
    text-align: center ;
    padding: 70px 0 ;
    margin-bottom: 1em ;
  }
  div#bandProfileSidebar div#image {
    background-color: #ddd ;
    text-align: center ;
    margin-bottom: .5em ;
  }

ul#bandMemberList,
ul#bandGenreList,
ul#bandAudioList {
  list-style: disc ;
}
  ul#bandMemberList li,
  ul#bandGenreList li,
  ul#bandAudioList li {
    margin-left: 1em ;
  }

div#bandMemberList,
div#bandGenreList {
  font-size: .9em ;
}

ul#bandProfileAudio {
  font-size: .9em ;
}
  ul#bandProfileAudio li {
    vertical-align: top ;
    clear: left ;
    margin-bottom: .2em ;
  }
  ul#bandProfileAudio li embed {
    float: left ;
    margin-right: 6px ;
  }
  ul#bandProfileAudio div.title {
    padding-top: 5px ;
    margin-left: 26px ;
  }
  div#bandProfileAudioIE div.title {
    margin-top: -1em ;
  }

div.bandUrl {
  margin: 1em 0 0 0 ;
}
  div.bandUrl a {
    font-size: .9em ;
  }
  
div#popularSidebar {
  max-width: 17em ;
  width: 17em ;
  float: right ;
  margin-left: 0 ;
}
  div#popularSidebar ul {
    list-style: disc ;
    margin-left: 1em ;
  }
  div#popularSidebar ul li {
    margin-bottom: .3em ;
  }
  div#popularSidebar ul#popularEvents div.eventDetail {
    font-size: .9em ;
  }
div#regionCalendar {
  margin-right: 21em ;
}

div.adFloatContainer {
  float: right ;
  margin: 0 0 2em 2em ;
}
  div.adFloatContainer iframe {
    width: 17em ;
    border: 8px solid #bbb ;
    background-color: #eee ;
    padding: .5em .5em 0 .5em  ;
  }
    div.regionalCalendarSmallAd iframe {
      padding: .5em 0 0 .5em  ;
    }
  div.adFloatContainer div#popularSidebar {
    margin: 2.5em 0 1em 0 ;
    float: none ;
  }
  div#bandProfileFloat iframe {
    width: 15em ;
  }
    div#bandProfileFloat div#bandProfileSidebar {
      width: 15em ;
      margin-left: 0 ;
      margin-top: 2.5em ;
    }
  


/* LIST TABLE... */

table.list {
  
}
  table.list tr th,
  table.list tr td {
    padding: .3em .7em .3em .4em  ;
  }
  table.list tr th {
    font-weight: bold ;
    border-bottom: 2px solid #999 ;
  }
  table.list tr td {
    border-bottom: 1px solid #ddd ;
  }
    table.list tr.alternate td {
      background-color: #f6f6f6 ;
    }
  table.list tr.inactive td {
    color: #aaa ;
  }
    table.list tr.inactive td a {
      color: #dba ;
    }
  table.list tr.sortable td {
    cursor: move ;
  }
  
.sortable {
  cursor: move ;
}
  
/* FORM ELEMENTS... */

table.form {
  
}
  table.form tr th,
  table.form tr td {
    vertical-align: top ;
    padding: .25em .3em .25em 0 ;
    border: none ;
  }
  table.form tr th {
    padding-top: .5em ;
    text-align: right ;
  }
  table.form tr td {
    
  }
    table.form tr td.readonly {
      padding-top: .4em ;
    }
    table.form tr td.fieldHelp {
      padding: 0 ;
      font-style: italic ;
      font-size: .8em ;
    }
    
div#regionalBandList,
div#regionalVenueList {
  margin-right: 21em ;
}
  div#regionalBandList table,
  div#regionalVenueList table {
    float:left ;
  }
    
span.fieldNote {
  font-style: italic ;
  font-size: .84em ;
  display: block ;
  margin-top: .25em ;
}

input.submitButton,
input.cancelButton,
input.warnButton {
  background-color: #666 ;
  border: 2px solid #000 ;
  margin: .5em .4em 0 0 ;
  color: #fff ;
  font-weight: bold ;
  padding: .25em .5em ;
  text-transform: uppercase ;
  cursor: pointer ;
}
  input.submitButton {
    background-color: #6d6 ;
  }
  input.warnButton {
    background-color: #933 ;
  }

div#header div#loginForm {
  font-size: .9em ;
  height: 120px ;
  padding: 0 ;
}
  div#header div#loginForm input {
    font-size: .8em ;
  }
  div#header div#loginForm input.submitButton {
    margin: .1em .4em 0 0 ;
  }
  div#header div#loginForm table.form {
    margin: 10px 0 0 10px ;
  }
  div#header div#loginForm table.form tr th,
  div#header div#loginForm table.form tr td {
    padding-top: 1px ;
    padding-bottom: 1px ;
  }
  div#header div#loginForm table.form tr th {
    padding-top: 6px ;
  }
  
/* AUTOCOMPLETE... */

ul.autocomplete {
  border: 2px solid #999 ;
  padding: 2px ;
  background: #fff ;
}
  ul.autocomplete li {
    border-top: 1px solid #999 ;
    padding: .3em ;
  }
  ul.autocomplete li:first-child {
    border-top: none ;
  }
    ul.autocomplete li:hover {
      background: #ffa ;
    }
    
/* RSS, ICS LINKS... */

a.rssLink, a.icsLink {
  margin-right: 4px ;
}
  a.rssLink_small, a.icsLink_small {
    margin-right: 1px ;
  }
  
/* BAND NAVIGATION... */
  
ul.sectionSubnavigation {
  height: 1.5em ;
  margin: -.5em 0 1em 0 ;
  border-top: 1px solid #999 ;
}
  ul.sectionSubnavigation li {
    float: left ;
    padding: .25em .3em ;
    border-left: 1px solid #999 ;
  }
  ul.sectionSubnavigation li:first-child {
    border-left: none ;
  }
  ul.sectionSubnavigation li.selected a {
    color: #000 ;
  }
  
/* VENUE FINDER... */
div#venueSearchResults {
  height: 17em ;
  overflow: auto ;
}
table#venueSearchResultList {
  font-size: .9em ;
}

/* RATING... */
div.rating {
  line-height: 14px ;
  font-size: 13px ;
  font-family: serif ;
  margin: 2em .5em 0 0 ;
  display: inline ;
  width: 87px ;
  background: url(../images/rating.gif) no-repeat 0 0 ;
  vertical-align: middle ;
}

/* REVIEW... */
div.review {
  border-top: 1px dotted #999 ;
  margin: 0 0 1em 0 ;
  padding: 1em 0 0 1em ;
}
  div.review:first-child {
    margin-top: -1em ;
    border-top: none ;
  }
  div.reviewRating {
    float: left ;
    width: 100px ;
  }
  div.reviewInfo,
  div.reviewContent,
  div.reviewComments {
    margin-left: 110px ;
  }
  div.reviewInfo,
  div.commentInfo {
    padding-top: 3px ;
    margin-bottom: .5em ;
    font-style: italic ;
  }
  div.reviewCommentsLinks {
    margin: .5em 0 1em 0 ;
    font-size: .9em ;
  }
  div.reviewAddComment {
    margin-bottom: 1em ;
  }

div.comment {
  background: #fff url(../images/comment.gif) no-repeat 10px 10px ;
  margin-bottom: .5em ;
  border-top: 1px dotted #ddd ;
  padding: .5em 0 0 56px ;
}
  

/* GUESTBOOK ENTRY... */
div.guestbookEntry {
  border-top: 1px dotted #ccc ;
  margin: 0 0 1em 0 ;
  padding: 1em 0 0 56px ;
  background: #fff url(../images/comment.gif) no-repeat 10px 16px ;
}
  div.guestbookEntry:first-child {
    margin-top: -1em ;
    border-top: none ;
  }
  div.entryTitle {
    font-weight: bold ;
  }
  div.entryInfo {
    margin-bottom: .5em ;
    font-style: italic ;
  }

/* FAVORITE ICON... */
span.favoriteIcon span {
  background: url(../images/favorite_large_unselected.gif) no-repeat top left ;
}
  span.favoriteIcon span:hover {
    background: url(../images/favorite_large_hover.gif) no-repeat top left ;
  }
  span.favoriteIcon span.selected {
    background: url(../images/favorite_large_selected.gif) no-repeat top left ;
  }

/* Friend ICON... */
span.friendIcon span {
  background: url(../images/friend_large_unselected.gif) no-repeat top left ;
}
  span.friendIcon span:hover {
    background: url(../images/friend_large_hover.gif) no-repeat top left ;
  }
  span.friendIcon span.selected {
    background: url(../images/friend_large_selected.gif) no-repeat top left ;
  }

div#mybeatInfo {
  min-width: 10em ;
  width: 10em ;
  padding: 2em ;
  min-height: 0 ;
}


/* EVENTS CALENDAR... */
div.fullCalendar {
  padding-top: .5em ;
}
  div.fullCalendar div.moreEvents {
    border-top: 1px dotted #ccc ;
    padding-top: 1em ;
    clear: left ;
  }
  div.fullCalendar div.dateHeader {
    text-align: center ;
    width: 6em ;
    float: left ;
    clear: left ;
    margin-bottom: .8em ;
    color: #999 ;
  }
  div.fullCalendar div.dateHeader div.month {
    font-size: .9em ;
    text-transform: lowercase ;
  }
  div.fullCalendar div.dateHeader div.day {
    font-size: 2em ;
  }
  div.fullCalendar div.event {
    padding-bottom: .5em ;
    padding-left: 7em ;
    background: url('../images/event_bullet.gif') no-repeat 6em 3px ;
  }
  div.fullCalendar div.featuredEvent {
  }
  div.relatedEvents div.event {
    margin-bottom: .7em ;
  }
  div#eventDetail {
    padding-left: 0 ;
  }
  div.eventDetailContent {
    margin-left: 300px ;
  }
  div.eventBreaker {
    clear: left ;
    margin: .75em 0 ;
    border-top: 1px dotted #ccc ;
  }
  div.eventTitle {
    font-size: 1.2em ;
  }
  div#regionCalendar div.plainEvent div.eventTitle {
    font-size: .95em ;
    display: inline ;
  }
  div#eventDetail h2.eventTitle {
    margin-bottom: .2em ;
    font-size: 1.6em ;
  }
  div.eventDate {
    color: #999 ;
  }
  div#eventDetail div#eventDetailHeading div.eventDate {
    font-size: 1.1em ;
    margin-bottom: .7em ;
  }
  div#regionCalendar div.plainEvent div.eventDate {
    font-size: .85em ;
    display: inline ;
  }
  div#regionCalendar div.plainEvent span.eventAdmission,
  div#regionCalendar div.plainEvent span.eventTickets,
  div#regionCalendar div.plainEvent div.eventDescription,
  div#regionCalendar div.plainEvent div.eventUrl {
    display: none ;
  }
  span.eventTickets {
    background-color: #aaa ;
    font-style: normal ;
    text-transform: lowercase ;
    font-size: .8em ;
    line-height: 1.1em ;
    padding: 1px 2px 0 2px ;
    border-left: 2px dotted #fff ;
    border-right: 2px dotted #fff ;
    text-decoration: none ;
  }
    span.eventTickets:hover {
      background-color: #47d ;
    }
    span.eventTickets a {
      text-decoration: none ;
      color: #fff ;
    }
  div.eventDescription {
    font-size: .9em ;
    margin: .2em 0 ;
  }
  div#eventDetail div.eventDescription {
    font-size: 1em ;
  }
  div.eventUrl {
    margin: 0 ;
    font-size: .8em ;
  }
    div.eventUrl a {
      color: #aaa ;
    }
    div.eventUrl a:hover {
      color: #47d ;
    }
  div#eventDetail div.eventUrl {
    font-size: 1em ;
  }
    div#eventDetail div.eventUrl a {
      color: #47d ;
    }
  div.eventInterest {
    float: right ;
    margin-left: .5em ;
    position: relative ;
    text-align: right ;
    font-size: .8em ;
    display: inline ;
  }
  div#eventDetailSidebar {
    float: left ;
  }
    div#eventDetail div#interestedUsersSidebar {
      border: 8px solid #ddd ;
      background-color: #fff ;
      padding: .6em  ;
      font-size: .9em ;
      clear: left ;
      float: none ;
      margin: 0 ;
      width: 250px ;
      min-height:6em ;
    }
      div#interestedUserLinks {
        margin-top: 1em ;
      }
      img.interestIcon {
        margin-right: 4px ;
      }
      span.oneInterestedUser {
        white-space: nowrap ;
      }
    div#eventDetail div.eventInterest {
      font-size: 1em ;
      float:left ;
    }
    div.eventInterest div.eventUserInterestCount {
      display: inline ;
    }
    div.eventUserInterestCount a {
      color: #fff ;
    }
    div.eventInterest div.eventUserInterestCount,
    div.eventInterest a.actionLink,
    div#interestedUserLinks a.actionLink {
      background-color: #666 ;
      color: #fff ;
      line-height: 1em ;
      padding: .1em .2em 0 .2em ;
      text-transform: lowercase ;
    }
    div.eventInterest a.actionLink {
      background-color: #aaa ;
    }
    div.eventInterest a.selected,
    div.eventInterest a.actionLink:hover,
    div#interestedUserLinks a.selected,
    div#interestedUserLinks a.actionLink:hover {
      background-color: #47d ;
    }
  div.eventInterestedUsers {
    color: #fff ;
    font-size: .8em ;
    background-color: #666 ;
    padding: .3em ;
    max-width: 23em ;
    display: block ;
  }
    div.eventInterestedUsers img {
      margin-right: 4px ;
    }
    div.eventInterestedUsers a {
      color: #fff ;
    }
  span#shareEvent {
    margin-left: 4px ;
    position: absolute ;
  }
    span#shareEvent img {
      margin-right: 4px ;
    }
    span.emailDetailsLink img {
      height: 16px ;
    }
    
span.emailDetailsLink {
  margin-left: 4px ;
  background: url(../images/email_icon.gif) no-repeat 0 1px ;
}
  span.emailDetailsLink:hover {
    background-image: url(../images/email_icon_hover.gif) ;
  }
  
div#emailEventBeatModalBox {
  min-height: 23em ;
}

/* GOOGLE MAP... */

div#mapWrapper {
  border: 8px solid #ddd ;
  background-color: #fff ;
  padding: .6em  ;
  font-size: .9em ;
}
  div#mapWrapper div#fullMapLink {
    margin-top: .5em ;
  }
div#eventDetail div#mapWrapper {
  margin: .2em 1em 1em 0 ;
}
div#venueProfile div#mapWrapper {
  float: right ;
  margin: .2em 0 1em 1em ;
}
  div#map h4 {
    font-weight: bold ;
  }
  
span.simpleUrl {
  font-size: .9em ;
  font-style: italic ;
  color: #999 ;
}