/* remember to define focus styles! */
:focus {
    outline: 0
    }
body {
    line-height: 1.4;
    color: #fff;
    background-color: #000;
    background-image: url(media/bg.jpg);
    background-repeat: repeat-x;
    background-position: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    margin-bottom: 0
    }
ol, ul {
    list-style: none
    }
input, textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%
    }
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0
    }
caption, th, td {
    text-align: left;
    font-weight: normal
    }
blockquote:before, blockquote:after, q:before, q:after {
    content: ""
    }
blockquote, q {
    quotes: "" ""
    }
th {
    font-weight: bold
    }
th, td {
    padding: 2px
    }
/* END CSS RESET */
/* THANKS */
/*general site styles */
h1, h2, h3, h4 {
    font-weight: bold;
    font-family: Arial Black, Arial, Helvetica, sans-serif
    }
h1 {
    font-size: 2.2em
    }
h2 {
    font-size: 1.2em
    }
h3 {
    font-size: 1.2em
    }
h3 a {
    font-weight: bold
    }
p {
    line-height: 1.4em;
    padding: 0.3em 0
    }
a, a:active, a:link {
    text-decoration: none;
    color: #aa63ec
    }
a:hover {
    text-decoration: underline
    }
strong {
    font-weight: bold
    }
/* GENERAL STYLES */
.clear {
    clear: both
    }
.center {
    text-align: center
    }
.squareLI li {
    list-style-type: none;
    background: url(media/squareBullet.gif) no-repeat left 0.6em;
    padding-left: 20px;
    margin-bottom: 5px
    }
/* header */
.header {
    width: 999px;
    margin: 0 auto;
    background: url(media/header-bg.jpg) no-repeat
    }
.headerLogos {
    height: 140px;
    background: url(media/right-top-border.gif) no-repeat top right #000
    }
.header .brandLogo {
    float: left
    }
.header .tickitLogo {
    float: right
    }
.righttopborder {
    width: 1px
    }
.storeLogo {
    float: left;
    width: 250px;
    height: 140px;
    border-left: solid 1px #444
    }
.headerAd {
    float: right;
    margin: 0 10px 10px 10px;
    width: 728px;
    height: 90px;
    display: block
    }
.headerMenu {
    clear: both;
    background: url(media/headerMenu-bg.gif) repeat-x left top;
    font-size: 0.9em
    }
.headerMenu li {
    float: left;
    padding: 1px 2px 4px 0;
    background: url(media/menu-divider.gif) right top no-repeat
    }
.headerMenu a, .headerMenu a:link, .headerMenu a:active {
    font-weight: bold;
    color: #f1f1f3;
    display: block;
    padding: 6px 11px
    }
.headerMenu a:last-child {
    border: 0
    }
.headerMenu a:hover {
    background: url(media/menu-active.gif) repeat-x top;
    text-decoration: none
    }
/* search bar in master */
.searchBar {
    clear: both;
    background: url(media/searchBar-bg.jpg) no-repeat bottom left;
    padding: 0 0 4px 0
    }
.searchBarRight {
    float: right;
    color: #e9e9e9;
    font-weight: bold;
    padding: 6px 6px 0
    }
.searchBarRight a {
    color: #e9e9e9;
    font-weight: bold;
    vertical-align: middle
    }
.searchBarRight a.basket {
    background: url(media/basket-icon.gif) no-repeat center right;
    padding: 6px 28px 0 6px
    }
.searchBarRight a.account {
    padding: 6px 6px 0;
    vertical-align: middle
    }
.searchBarRight span {
    padding: 0 6px;
    vertical-align: middle
    }
/* Search */
.siteSearch {
    float: left;
    padding-top: 5px
    }
.searchDropDown {
    width: 120px;
    margin-left: 7px
    }
.keywordInput {
    margin-left: 7px;
    width: 163px;
    background: url(media/seachbox-icon.gif) #FFF no-repeat 2px center;
    padding-left: 17px
    }
.searchField {
    margin: 7px 10px 0 20px;
    float: right;
    width: 158px
    }
.searchBox {
    background: url(media/search-bg.png) no-repeat;
    height: 20px;
    padding: 0 0 0 20px;
    border: 0;
    vertical-align: middle;
    width: 115px;
    float: left
    }
.go {
    vertical-align: middle;
    width: 23px;
    float: left
    }
/* social facebook*/
.socialContainer {
    width: 960px;
    margin: 20px auto 20px auto;
    color: #fff;
    clear: both;
    height: 10px;
    display: block;
    position: relative;
    top: -90px
    }
#RES_ID_fb_login_image {
    width: 90px;
    padding: 5px 0 0 0
    }
.loginMenuSocial {
    float: right;
    width: 95px;
    height: 39px;
    margin: 0 10px 0 0
    }
.socialLinks {
    float: right;
    width: 315px;
    margin: 0;
    padding: 0
    }
.socialLinks a {
    padding: 0 0 0 10px;
    float: right
    }
/* footer in master*/
.footer {
    width: 1000px;
    margin: 0 auto;
    clear: both;
    color: #e9e9e9;
    background: #0e0e0e
    }
.footerLeft {
    width: 739px;
    float: left;
    background: url(media/footer-left.gif) no-repeat top left;
    padding: 0 0 30px 0
    }
.footer h2 {
    color: #e9e9e9;
    border-bottom: solid 1px #353535;
    padding: 20px 0 7px;
    margin: 0 20px 14px 20px;
    font-size: 1.2em
    }
.footerCol {
    float: left;
    width: 150px;
    color: #e9e9e9;
    line-height: 2em;
    font-size: 0.9em;
    padding-left: 20px
    }
.footerRight {
    width: 259px;
    float: right;
    padding: 0 0 0 0;
    border-left: 1px dotted #353535;
    min-height: 240px;
    background: url(media/footerright.png) repeat-x 0 67px
    }
.footerRight .footerCol {
    padding: 47px 20px 20px 20px;
    width: 220px;
    background: url(media/footer-right.gif) no-repeat top right
    }
.footerRight .footerCol select {
    width: 220px
    }
.footerCol h2 {
    padding: 0;
    margin: 0;
    border: none
    }
.footerRight .footerCol h2 {
    border-top: 1px solid #353535;
    padding: 10px 0 0 0
    }
.footer a {
    color: #e9e9e9
    }
.footerCol.findClub {
    border-left: 1px dotted #353535
    }
.footerFooter {
    clear: both;
    padding: 7px 0;
    border-top: solid 1px #353535;
    font-size: 0.9em
    }
.footerFooter a {
    padding: 0 5px
    }
.luminar {
    float: left;
    padding-left: 20px
    }
.luminar img {
    padding-right: 7px
    }
.mvg {
    float: right;
    padding-right: 20px
    }
.mvg a {
    color: #aa63ec
    }
/* main content */
.mainContent {
    width: 1006px;
    margin: 0 auto 30px auto;
    padding: 10px 0 25px 0;
    color: #fff;
    border-bottom: 1px solid #353535
    }
/* venue homepage */
.mainContentLeft {
    width: 256px;
    float: left;
    margin-right: 4px
    }
.mainContentMiddle {
    width: 486px;
    float: left
    }
.mainContentRight {
    width: 256px;
    float: left;
    margin-left: 3px
    }
/* default homepage */
.largeCol {
    float: left;
    width: 740px;
    margin-right: 10px
    }
.smallCol {
    float: left;
    width: 250px
    }
.fullCol {
    float: left;
    width: 1006px;
    padding: 0 0
    }
.panelInfo {
    margin: 0;
    background: url(media/eventsHome/eventListContainer-bg.png) repeat-y top;
    color: #FFF;
    width: 256px
    }
.panelSmall {
    background: #FFF url(media/panel-small-bot.gif) no-repeat bottom left;
    margin-bottom: 10px;
    padding-bottom: 34px
    }
.panelSmall .panelTop {
    background: #030303 url(media/panel-small-top.jpg) no-repeat;
    padding: 0 3px 3px 3px
    }
.panelSmallHome {
    background: url(media/panel-small-bot.png) no-repeat bottom left;
    margin-bottom: 6px;
    padding-bottom: 15px;
    float: left;
    width: 256px
    }
.panelSmallHome .panelTop {
    background: url(media/panel-small-top.png) no-repeat;
    width: 253px;
    padding: 0 3px 2px 0
    }
.panelMedium h2 {
    background: url(media/panel-medium-top.png) no-repeat top left;
    width: 446px;
    position: relative;
    color: #fff;
    float: left;
    padding: 20px 20px 18px 20px;
    z-index: -1000
    }
.panelMedium .panelMiddle {
    background: url(media/panel-medium-bg.png) bottom no-repeat;
    position: relative;
    float: left;
    width: 486px
    }
.panelMedium .panelMiddleNewsflash {
    background: url(media/panel-medium-bg.png) bottom no-repeat;
    position: relative;
    float: left;
    width: 486px;
    height: 100px
    }
.panelMedium .panelMiddleNewsflash ul {
    padding: 0 20px 10px 20px !important;
    height: 100px;
    overflow: hidden;
    margin: 0;
    position: relative;
    background: url(media/speakers.png) 4px -4px no-repeat
    }
.panelMedium .panelMiddleNewsflash ul li {
    height: 82px;
    overflow: hidden;
    margin: 0 70px;
    max-width: 300px
    }
.panelMedium .panelMiddleNewsflash ul li a {
    font-size: 120%
    }
.panelMedium .panelMiddleNewsflash ul li span {
    clear: left;
    font-size: 100%
    }
.panelMiddleInner {
    float: left;
    padding: 0 24px 0 24px
    }
.panelMiddleInner img {
    margin-bottom: 10px;
    display: block
    }
.newsFlash .panelMiddleInner {
    position: relative;
    background: url(media/speakers.png) bottom no-repeat;
    padding: 0 90px 0 90px;
    margin: 0 0 4px 0;
    min-height: 80px
    }
.panelMiddleInner p {
    margin-bottom: 10px
    }
.panelMedium h2 a {
    color: #FFF;
    font-weight: bold
    }
.panelMedium {
    margin-bottom: 6px;
    float: left;
    width: 486px;
    z-index: -1000
    }
.panelMedium .panelTop {
    background: #030303 url(media/panel-medium-top.jpg) no-repeat;
    padding: 0 3px 3px 3px
    }
.panelLarge {
    background: #FFF url(media/panel-large-bot.gif) no-repeat bottom left;
    margin-bottom: 10px;
    padding-bottom: 4px
    }
.panelLarge .panelTop {
    background: #030303 url(media/panel-large-top.jpg) no-repeat;
    padding: 0 3px 3px 3px
    }
.panelFull {
    background: url(media/panel-full-bot.png) no-repeat bottom left;
    padding-bottom: 15px
    }
.panelFull .panelTop {
    background: url(media/panel-full-top.png) top left no-repeat;
    padding: 0 3px 3px 3px
    }
.panelTop h2 {
    color: #e9e9e9;
    padding: 12px 12px 16px 9px;
    margin: 0;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold
    }
.panelTop h2.dark {
    color: #171717;
    padding: 12px 12px 16px 9px;
    margin: 0;
    font-weight: bold;
    text-transform: uppercase
    }
.panelTop h2.withLink {
    padding: 0;
    height: 46px
    }
.panelTop h2.withLink a, .panelTop h2.withLink a:visited, .panelTop h2.withLink a:link, .panelTop h2.withLink a:active {
    color: #e9e9e9;
    display: block;
    padding: 12px 12px 14px 9px;
    font-weight: bold;
    text-transform: uppercase
    }
.panelTop h2 a:hover {
    text-decoration: none;
    font-weight: bold
    }
.panelTickets .panelTop h2 {
    background: url(media/panel-detail-tickets.gif) bottom right repeat-x;
    margin: 0 3px 0 6px
    }
.panelFull.panelTickets .panelTop h2 {
    background: url(media/panel-detail-tickets.gif) bottom right repeat-x;
    margin: 0 3px 0 3px;
    padding: 12px 12px 16px 9px
    }
.panelFull.panelAccount .panelTop h2 {
    background: url(media/panel-detail-account.gif) bottom right repeat-x;
    margin: 0 3px 0 3px
    }
.panelBooths .panelTop h2 {
    background: url(media/panel-detail-booths.gif) bottom right repeat-x
    }
.panelShop .panelTop h2 {
    background: url(media/panel-detail-shop.gif) bottom right repeat-x
    }
.panelMusic .panelTop h2 {
    background: url(media/panel-detail-music.gif) bottom right repeat-x
    }
.panelPhotos .panelTop h2 {
    background: url(media/panel-detail-photos.gif) bottom right repeat-x
    }
.panelClubPacks .panelTop h2 {
    background: url(media/panel-detail-clubpacks.gif) bottom right repeat-x
    }
.panelBasket .panelTop h2 {
    background: url(media/panel-detail-basket.gif) bottom right repeat-x;
    margin: 0 3px 0 3px
    }
.panelSearch .panelTop h2 {
    background: url(media/panel-detail-search.gif) bottom right repeat-x
    }
.panelMembership .panelTop h2 {
    background: url(media/panel-detail-membership.gif) bottom right repeat-x
    }
.panelWhosUpForIt .panelTop h2 {
    background: url(media/panel-detail-whosupforit.gif) bottom right repeat-x
    }
.panelLinks .panelTop h2 {
    background: url(media/panel-detail-links.gif) bottom right repeat-x;
    margin: 0 3px 0 6px
    }
.mainContentMiddle .banner {
    margin: 0 0 10px 3px;
    padding: 0 0 10px 0;
    width: 480px;
    border-bottom: 1px solid #353535
    }
p.viewMore {
    text-align: right;
    background: url(media/eventsHome/eventListContainer-bg.png) repeat-y;
    width: 244px;
    padding: 0 12px 0 0;
    float: left
    }
p.viewMore a, p.viewMore a:link, p.viewMore a:visited, p.viewMore a:active, a span.viewMore {
    background: url(media/more-arrow.gif) no-repeat center right;
    padding-right: 10px;
    margin-right: 5px;
    font-weight: bold
    }
p.viewMore a:hover {
    text-decoration: none
    }
a span.viewMore {
    background: url(media/more-arrow-grey.gif) no-repeat center right;
    padding-right: 10px;
    margin-right: 5px;
    color: #7d1cbb;
    font-weight: bold
    }
a span.viewMore:hover {
    text-decoration: none
    }
.panelContent {
    padding: 20px;
    background: url(media/panel-full-bg.png) repeat-y top left;
    display: inline-block
    }
/* News Flash */
/* Ads */
.venueHomePageads {
    padding: 10px 0 0 0;
    text-align: center;
    background: url(media/panel-small-top-white.gif) top right no-repeat
    }
.venueHomePageads .adHolderInner {
    padding: 0 0 10px 0;
    text-align: center;
    z-index: 99
    }
/* scroll test */
#eventListContainer {
    background: url(media/eventsHome/eventListContainer-bg.png) repeat-y;
    float: left;
    width: 256px;
    padding: 0 0 10px 0
    }
.eventsNavContainer {
    padding: 0;
    margin: 0 0 0 4px
    }
.eventsNav li {
    float: left;
    border-right: 1px solid #716e6f;
    background: #000
    }
.eventsNav a {
    height: 21px;
    color: #494949;
    font-weight: bold;
    font-size: 0.6em;
    padding: 0;
    display: block
    }
.eventsNav a span {
    position: absolute;
    top: -1000px;
    left: -3000px
    }
#monLink {
    width: 34px;
    background: url(media/eventsHome/mon.jpg)
    }
#tueLink {
    width: 34px;
    background: url(media/eventsHome/tue.jpg)
    }
#wedLink {
    width: 35px;
    background: url(media/eventsHome/wed.jpg)
    }
#thuLink {
    width: 36px;
    background: url(media/eventsHome/thu.jpg)
    }
#friLink {
    width: 34px;
    background: url(media/eventsHome/fri.jpg)
    }
#satLink {
    width: 34px;
    background: url(media/eventsHome/sat.jpg)
    }
#sunLink {
    width: 34px;
    background: url(media/eventsHome/sun.jpg)
    }
.eventsContainer {
    clear: both;
    padding: 0 10px 10px 14px;
    background: url(media/eventsHome/eventContainer-bg.jpg) no-repeat top;
    min-height: 174px
    }
.eventPanel {
    width: 230px;
    padding: 10px 0 0 0
    }
.eventPanel .eventImage {
    width: 226px;
    height: 90px
    }
.eventPanel .eventButton {
    padding-bottom: 8px
    }
.eventPanel p.eventDate {
    font-weight: bold;
    color: #FFF
    }
.eventPanel h3 {
    font-weight: bold;
    color: #aa63ec;
    padding: 9px 0 7px
    }
/*Global Search*/
.panelSearch .panelContent .topH2 {
    background: #b4ca05 url(media/search-h2.gif) repeat-x;
    color: #FFF;
    font-weight: bold;
    padding: 12px;
    line-height: 1em;
    margin-bottom: 10px
    }
/* Shop */
.shopSearch, .shopNav {
    background: #1c1c1c;
    margin: 28px 0 20px;
    width: 232px;
    float: right
    }
.shopNav {
    margin: 0 0 20px;
    background: #000
    }
.shopSearch p {
    padding: 11px 11px 0 11px
    }
.shopSearch h2, .shopNav h2 {
    background: #0c0c0c;
    color: #FFF;
    font-weight: bold;
    padding: 12px;
    line-height: 1em
    }
.shopSearch .shopSearchDD {
    width: 208px;
    padding: 2px;
    border: solid 1px #869abf
    }
.shopSearch .shopSearchKeyword {
    width: 184px;
    padding: 2px 2px 2px 17px;
    background: url(media/seachbox-icon.gif) #FFF no-repeat 2px center
    }
.shopSearch .searchButtonP {
    padding-bottom: 11px;
    text-align: right
    }
.shopNav li {
    border: none !important;
    margin-bottom: 1px
    }
.shopNav ul li a, .shopNav ul li a:link, .shopNav ul li a:visited, .shopNav ul li a:active {
    margin-top: 1px !important;
    padding: 6px 12px !important;
    display: block;
    color: #FFF !important;
    background: #1c1c1c !important
    }
.shopNav ul li a:hover {
    background: #c2d811 !important;
    text-decoration: none !important;
    color: #FFF !important
    }
.shopNav ul li a.selected {
    background: #c2d811 !important;
    color: #FFF !important
    }
.shopNav li li a, .shopNav li li a:link, .shopNav li li a:visited, .shopNav li li a:active {
    padding-left: 20px !important
    }
.shopLeft {
    background: url(media/rightCol-bg.gif) no-repeat #000
    }
.shopRight h2 {
    background: #acbf16;
    color: #FFF;
    padding: 8px
    }
/*.leftNavCol
{
	float: left;
	width: 180px;
	margin-right: 20px;
}

.contentCol
{
	float: left;
	width: 500px;
}
*/
.sponsor .img {
    margin-bottom: 10px
    }
.shopBanner {
    margin-bottom: 10px
    }
/* Shop navigation */
.productListBox {
    background: #282828;
    width: 140px;
    padding: 10px;
    float: left;
    margin: 0 10px 10px 0;
    font-weight: bold
    }
.noMargin {
    margin: 0
    }
.productListBox h2 {
    background: none;
    font-size: 12px !important;
    padding: 0;
    font-family: Arial, Helvetica
    }
.productListBox a.productListBox a, .productListBox a:link, .productListBox a:active, .productListBox a:visited {
    color: #9f6fdc;
    font-weight: bold
    }
.productListBox .prodImage {
    min-height: 140px
    }
.productListBox .prodImage img {
    width: 140px
    }
.productListBox .prodImage a {
    font-weight: bold !important
    }
.price {
    font-weight: bold
    }
.productListNav {
    clear: both
    }
.productListNav .paging {
    float: left;
    margin: 10px 0 0 0
    }
.productListNav .productSort {
    float: right
    }
.productSort select {
    font-size: 0.95em;
    border: solid 1px #869abf
    }
.productListNav .pagingInfo {
    padding-right: 6px
    }
.productListNav .showAll {
    padding-left: 6px
    }
.contentCol h2 {
    background: #b4ca05 url(media/shop-h2.gif) repeat-x;
    color: #FFF;
    font-weight: bold;
    padding: 12px;
    line-height: 1em
    }
.contentCol h2.alt {
    background: #595a5c
    }
.contentCol h2.alt2 {
    background: #000
    }
.contentCol h2.alt3 {
    background: #595a5c;
    font-size: 1em
    }
.productDetail {
    padding: 20px;
    margin: 0 0 20px;
    background: #282828
    }
.productDetail .productImage {
    float: left;
    width: 240px
    }
.productDetail .productImage img {
    width: 220px
    }
.productDetail .productInfo {
    float: left;
    width: 250px
    }
.productDetail h3 {
    font-size: 1.3em
    }
.productDetail .price {
    color: #b0c700;
    font-size: 1.6em
    }
.productDetail .delivery {
    color: #525252;
    font-size: 0.6em
    }
/* events calendar */
.calendarOuter {
    width: 239px;
    padding: 0 0 0 0;
    text-align: center;
    margin: 15px 0 0 14px
    }
.calendarInner {
    padding: 0 0 0 0;
    background: url(media/calendar/cal-bg.gif) top left no-repeat;
    clear: both
    }
.calendarInner table {
    width: 233px;
    margin: 0 3px 0 3px
    }
.calendarInner table td, .calendarInner table th {
    width: 23px;
    padding: 2px;
    text-align: center;
    border-right: solid 1px #535353;
    height: 18px;
    font-weight: bold;
    font-size: 1.2em
    }
.calendarInner table th {
    color: #FFF;
    font-weight: bold
    }
.calendarInner table th.noBorder {
    border: none
    }
.calendarInner .dateInvalid {
    color: #535353;
    padding-top: 4px
    }
.calendarInner a {
    display: block;
    color: #FFF;
    height: 23px;
    width: 24px;
    padding-top: 2px;
    font-weight: bold
    }
.calendarInner a.selected, .calendarInner a:hover {
    background: url(media/calendar/cal-selected.jpg) no-repeat;
    text-decoration: none
    }
.calendarInner .isOpen {
    color: #FFF;
    padding-top: 4px
    }
.calendarInner .hasEvent {
    padding-top: 4px
    }
.calendarInner .noEvent {
    color: #535353
    }
.calendarInner .hasEvent a {
    color: #FFF
    }
.calendarInner .unitClosed {
    color: #535353;
    padding-top: 4px;
    font-weight: bold
    }
.prevMonth {
    float: left
    }
.nextMonth {
    float: right
    }
.calendarMonth {
    background: url(media/calendar/cal-top.png) no-repeat;
    color: #FFF;
    font-weight: bold;
    font-size: 1.2em;
    padding: 0;
    height: 34px;
    width: 100%
    }
/*.calendarMonth a{padding: 0 26px;}*/
.calendarMonth th {
    text-align: center;
    vertical-align: middle;
    width: 60%
    }
.calendarMonth .monthNav {
    width: 20%;
    padding-top: 4px
    }
.calendarCol {
    width: 250px;
    float: left;
    margin-right: 20px
    }
.calendarHeader {
    background: #595a5b;
    padding: 6px 10px 4px 10px;
    color: #FFF
    }
.calendarHeader h2, .calendarHeader p {
    background: none;
    padding: 0
    }
/* events listing */
.eventListing {
    float: left;
    width: 690px;
    margin-bottom: 10px
    }
.eventListing a {
    font-weight: bold
    }
.eventListing .calDate {
    font-weight: bold
    }
.eventListing .eventListDay {
    background: #cbcbcb;
    margin-bottom: 20px
    }
.eventListing .eventListDayHeader {
    background: url(media/events/eventHeader-bg.jpg) repeat-x #7828c4;
    color: #FFF;
    padding: 9px 10px;
    font-weight: bold
    }
.eventList {
    margin: 10px;
    padding: 10px
    }
.nonEventItem {
    padding: 10px
    }
.eventList .eventImage {
    float: left;
    margin-right: 20px;
    width: 228px
    }
.eventList .eventDetails {
    float: left;
    width: 260px;
    margin-right: 20px
    }
.eventList .eventPrice {
    float: left;
    background: #595a5c;
    width: 122px;
    color: #b1c700;
    font-weight: bold;
    text-align: center;
    height: 80px;
    padding-top: 10px
    }
.eventList .doorPrice {
    color: #FFF;
    font-weight: normal;
    font-size: 90%
    }
.eventList .onlinePrice {
    color: #b1c700;
    font-weight: bold;
    font-size: 120%
    }
.eventList .thePrice {
    font-size: 120%
    }
/* event detail */
.event {
    float: left;
    width: 670px;
    background: #cacaca;
    padding: 10px
    }
.eventHeader {
    float: left;
    width: 670px;
    background: url(media/events/eventHeader-bg.jpg) repeat-x #7828c4;
    color: #FFF;
    padding: 5px 10px 3px 10px;
    font-weight: bold
    }
.eventHeader p {
    margin: 0;
    padding: 0
    }
.event .eventDetails .whosUpForIt {
    background: #000;
    padding: 0;
    width: 330px;
    margin-bottom: 10px
    }
.event .eventDetails .whosButton {
    float: right;
    padding: 18px 8px 10px 18px
    }
.event .eventDetails .boothBanner {
    margin: 0;
    width: 330px;
    background: #000;
    margin-bottom: 10px
    }
.event .eventLeft {
    width: 330px;
    margin: 10px 10px 0 0;
    float: left
    }
.event .eventSummary {
    padding: 10px;
    background: #e5e5e5
    }
.event .eventSummary .eventImage {
    margin-bottom: 10px
    }
.event .eventRight {
    width: 330px;
    float: left;
    margin: 10px 0 0 0
    }
.event .eventOptions .eventPrice {
    height: 110px;
    background: #595a5b;
    width: 330px
    }
.event .eventOptions .doorPriceP {
    float: left;
    width: 160px;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    color: #FFF;
    padding-top: 30px
    }
.event .eventOptions .doorPrice {
    font-size: 160%
    }
.event .eventOptions .onlinePriceP {
    float: left;
    background: #2c2e2d;
    width: 160px;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    color: #b1c700;
    margin: 10px 0 10px 0;
    height: 70px;
    padding: 20px 0 0 0
    }
.event .eventOptions .onlinePrice {
    font-size: 160%
    }
.eventTickets table {
    width: 330px;
    border: solid 1px #595a5c;
    border-collapse: collapse;
    margin: 10px 0;
    clear: both
    }
.eventTickets table th {
    background: #595a5c;
    color: #FFF;
    font-weight: bold;
    padding: 6px
    }
td.buyTd {
    vertical-align: middle
    }
.ticketType {
    border-right: solid 1px #FFF;
    width: 118px
    }
.eventTickets table td {
    padding: 6px;
    border: solid 1px #595a5c;
    border-collapse: collapse;
    background: #e5e5e5
    }
.withCalendar .event h2 {
    margin: 0;
    padding: 0 0 10px 0
    }
.boothUpgrade h2 {
    background: #000;
    color: #FFF;
    font-weight: bold;
    padding: 10px;
    font-size: 100%
    }
.boothUpgrade .booth {
    background: #e5e5e5;
    margin-bottom: 10px;
    padding: 5px
    }
.boothUpgrade .booth .boothImage {
    float: left;
    margin-right: 10px;
    padding: 0
    }
.boothUpgrade .booth .boothDetails .boothName {
    font-weight: bold
    }
.searchButton {
    vertical-align: middle
    }
.searchBarRight img {
    vertical-align: middle
    }
.printingAgreement {
    background: url(media/boxBack.png) repeat-x top #282828;
    border: solid 1px #000;
    padding: 10px;
    margin-bottom: 10px
    }
.eventPackageTable {
    width: 100%;
    border: solid 1px #000;
    border-collapse: collapse;
    margin-bottom: 10px;
    clear: both
    }
.eventPackageTable th {
    background: #000;
    color: #FFF;
    font-weight: bold;
    padding: 6px
    }
th.packageName {
    border-right: solid 1px #000;
    width: 218px
    }
th.price {
    border-right: solid 1px #000
    }
.eventPackageTable td {
    padding: 6px;
    border: solid 1px #000;
    border-collapse: collapse;
    background: url(media/boxBack.png) repeat-x top #282828
    }
.featuredProducts {
    background: #cacaca;
    margin: 7px;
    padding: 15px
    }
.featuredProducts .featuredProduct {
    width: 110px;
    margin: 0 10px;
    font-weight: bold
    }
.featuredProducts .featuredProducts .featuredProduct p {
    line-height: 1em
    }
.featuredProducts .featuredProduct a {
    color: #711eaa
    }
.shopFeaturedProducts {
    background: #1b1b1b;
    padding: 20px
    }
.shopFeaturedProducts .featuredProduct {
    background: #282828;
    padding: 10px;
    width: 138px;
    font-weight: bold;
    float: left
    }
.shopFeaturedProducts .featuredProduct p.featuredImage img {
    width: 138px
    }
.normProd {
    margin: 5px 10px 10px 0
    }
.endProd {
    margin: 5px 0 10px 0
    }
.shopFeaturedProducts .featuredProduct p {
    line-height: 1em
    }
.shopFeaturedProducts .featuredProduct a {
    color: #711eaa
    }
p.productName a {
    font-weight: bold;
    color: #9f6fdc !important
    }
.productAltList {
    background: #1c1c1c;
    padding: 20px
    }
.productAltList .altProduct {
    background: #282828;
    padding: 10px;
    width: 138px;
    font-weight: bold;
    float: left
    }
.productAltList .altProduct .altProductImage img {
    width: 138px
    }
.productAltList .altProduct p {
    line-height: 1em
    }
.productAltList .altProduct a {
    color: #711eaa;
    font-weight: bold;
    color: #9f6fdc
    }
.normProd {
    margin: 5px 10px 10px 0
    }
.endProd {
    margin: 5px 0 10px 0
    }
.panelContent {
    padding: 0 4px 20px 4px
    }
.panelContent .leftCol {
    width: 250px;
    float: left
    }
.panelContent .leftCol.calendar {
    padding: 0 0 0 0;
    background: url(media/rightCol-bg.gif) top left no-repeat;
    width: 253px
    }
.panelContent .rightCol {
    width: 708px;
    float: left;
    padding: 20px;
    background: url(media/rightCol-bg.gif) top right no-repeat
    }
.panelContent .rightCol.withCalendar, .panelContent .rightCol.shopRight {
    width: 708px;
    float: left;
    padding: 20px 20px 20px 17px;
    background: url(media/rightCol-bg.gif) top right no-repeat
    }
.panelContent .leftCol ul {
    background: url(media/panel-content-leftColBG.gif) top repeat-y
    }
.panelContent .leftCol ul li {
    border-bottom: 1px solid #3C3C3C;
    color: #B3C60E
    }
.panelContent .leftCol ul li a {
    color: #B3C60E;
    font-weight: bold;
    display: block;
    padding: 14px 0 14px 13px
    }
.panelContent .leftCol ul li a:hover {
    color: #fff;
    text-decoration: none
    }
.panelContent .leftCol ul li a.selected {
    background: url(media/leftCol-menu-active.gif) no-repeat;
    color: #fff
    }
.panelContent .leftCol ul li ul {
    background: #191919;
    /*width:249px;*/
    }
.panelContent .leftCol ul li ul li {
    padding: 0 0 0 0;
    margin-left: 0;
    border-top: 1px solid #3C3C3C;
    border-bottom: none
    }
.leftColCircles {
    width: 246px;
    background: url(media/leftCol-circles.png);
    min-height: 279px
    }
.panelContent .leftCol .withCalendar {
    margin: 20px 3px 0 0
    }
.panelContent .leftCol .withCalendar ul {
    background: url(media/leftCol-menu-top.gif) top left no-repeat
    }
.panelContent .leftCol .withCalendar ul li ul {
    background-image: none;
    background-color: #191919
    }
.panelContent.noNav {
    background: url(media/root/panel-full-bg.png) repeat-y top left;
    display: inline-block;
    width: 1006px
    }
/*Gallery listing*/
.galleryListing {
    float: left;
    width: 690px;
    margin-bottom: 10px
    }
.galleryHeader {
    background: url(media/photo-h2.gif) repeat-x;
    padding: 5px 0 2px 10px;
    color: #fff
    }
.galleryHeader h1 {
    line-height: 1.2em
    }
.galleryHeader p {
    padding: 2px 0 4px 0;
    font-weight: bold;
    line-height: 1em
    }
.galleryListing table td {
    padding: 0;
    background-color: #E5E5E5;
    border-top: solid 12px #fff;
    border-right: solid 12px #fff;
    vertical-align: top
    }
.galleryListItem {
    padding: 14px 12px;
    text-align: center;
    width: 139px
    }
.galleryImage {
    padding: 0 0 13px 0
    }
.galleryDetail {
    float: none;
    width: 690px
    }
.embox {
    clear: both;
    border: 1px solid #fff
    }
.galleryPaging {
    background-color: #595A5B;
    color: #fff;
    padding: 8px 10px;
    margin-top: 12px;
    text-align: right
    }
.galleryPaging a, .galleryPaging b {
    text-decoration: underline;
    padding: 0 5px;
    color: #fff
    }
.galleryPaging a.nextLink {
    padding-left: 20px
    }
.galleryPaging a.prevLink {
    padding-right: 20px
    }
.galleryContainer {
    width: 668px;
    background: #cacaca;
    padding: 12px 8px 12px 14px;
    margin-bottom: 5px
    }
/*popup form styles*/
.popUpContainer {
    padding: 20px 0 0 10px
    }
.popupFormLabel {
    float: left;
    width: 120px
    }
.popupFormTextBox {
    width: 260px;
    border: solid 1px #808080
    }
.popUpBox h2 {
    background: transparent url(media/photo-h2.gif) repeat-x scroll 0;
    padding: 5px 10px;
    color: #fff
    }
/* Music & Events Home */
.viewalldjgraphic {
    background: url(media/view-dj-all.gif) no-repeat center left;
    width: 87px;
    height: 30px;
    float: right
    }
.we7graphic {
    background: url(media/we7graphic.gif) no-repeat center left;
    width: 66px;
    height: 30px;
    float: left
    }
.music {
    float: right;
    width: 440px;
    margin-bottom: 10px
    }
.musicListing {
    float: right
    }
.musicInner {
    width: 440px;
    margin-bottom: 10px
    }
.music .musicHeader, .panelContent .musicHeader, .profile .musicHeader {
    background: url(media/musicHeader-bg.gif) repeat-x #6ac8ea;
    color: #fff;
    padding: 10px
    }
.music .twoLines {
    padding: 2px 10px 4px 10px;
    height: 40px
    }
.music .musicHeader h1, .panelContent .musicHeader h1, .profile .musicHeader h1 {
    font-size: 1.3em;
    margin-top: 0
    }
.music .musicHeader h1, .panelContent .musicHeader h1, .music .musicHeader p, .profile .musicHeader h1, .profile .musicHeader p {
    padding: 0;
    font-weight: bold
    }
.music .musicHeader h1 a, .panelContent .musicHeader h1, .profile .musicHeader h1 a {
    color: #fff;
    font-weight: bold
    }
.music .musicDetails, .profile .musicDetails {
    background: #cbcbcb;
    padding: 10px;
    height: 65px;
    width: 420px;
    margin-top: 5px;
    border-top: 3px solid #fff
    }
.music .musicNoDetails {
    background: #cbcbcb;
    padding: 10px;
    height: 35px;
    width: 420px;
    margin-top: 0;
    border-top: 3px solid #fff;
    float: left
    }
.music .musicNoDetails .innerText {
    background: #fff;
    padding: 10px;
    line-height: 15px;
    width: 400px;
    display: block;
    font-weight: bold;
    color: #333
    }
.musicListing .music .musicDetails {
    margin-top: 0;
    float: left
    }
.musicDetails .roomImage {
    width: 73px;
    float: left
    }
.musicDetails .roomText {
    border-right: 1px solid #fff;
    width: 130px;
    height: 65px;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 5px
    }
.musicDetails .roomText a, .musicDetails .roomText a:hover, .musicDetails .roomText a:visited, .musicDetails .roomText a:link {
    color: #7428ac;
    font-weight: bold;
    font-size: 90%;
    padding-left: 5px
    }
.musicDetails .djImage, .musicDetails .dj3Image {
    margin-left: 10px;
    width: 73px;
    float: left
    }
.musicDetails .djText {
    width: 130px;
    float: right;
    height: 65px;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 5px
    }
.musicDetails .djText a, .musicDetails .djText a:hover, .musicDetails .djText a:visited, .musicDetails .djText a:link {
    color: #7428ac
    }
.musicDetails .dj3Text {
    width: 130px;
    float: right;
    height: 65px;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 5px
    }
.musicDetails .dj3Text a, .musicDetails .dj3Text a:hover, .musicDetails .dj3Text a:visited, .musicDetails .dj3Text a:link {
    color: #7428ac;
    font-weight: bold;
    font-size: 90%;
    padding-left: 5px
    }
.galleryMusicText a, .galleryMusicText a:hover, .galleryMusicText a:visited, .galleryMusicText a:link {
    color: #7428ac;
    font-size: 1em;
    font-weight: bold;
    margin-top: 5px;
    padding-right: 10px;
    float: right;
    background: url(media/gallery-right-arrow.gif) no-repeat center right
    }
/* Banner */
.musicBanner {
    margin: 0 0 20px 0;
    border-bottom: 3px solid #bdced5
    }
/* Buttons */
.padded {
    margin-top: 7px
    }
.spaced {
    padding: 10px
    }
.playlistLinkImage {
    background: url(media/listen-to-playlist.gif) no-repeat center left;
    width: 114px;
    height: 32px
    }
.profile3LinkImage {
    background: url(media/view-dj-profile.gif) no-repeat center left;
    width: 105px;
    height: 32px
    }
/* Right Music Panel */
.littlemusic {
    margin-bottom: 10px
    }
.littleMusicDetails {
    margin: 5px;
    background-color: #cbcbcb;
    height: 70px
    }
.djSmallImage, .dj2SmallImage {
    width: 73px;
    float: left
    }
.djSmallText {
    width: 180px;
    font-size: 1em;
    font-weight: bold;
    margin-top: 5px;
    float: right
    }
.dj2SmallText {
    width: 160px;
    font-size: 1em;
    font-weight: bold;
    margin-top: 5px;
    float: right
    }
.littleMusicDetails .djSmallText a, .littleMusicDetails .djSmallText a:hover, .littleMusicDetails .djSmallText a:visited, .littleMusicDetails .djSmallText a:link {
    color: #7428ac
    }
.littleMusicDetails .dj2SmallText a, .littleMusicDetails .dj2SmallText a:hover, .littleMusicDetails .dj2SmallText a:visited, .littleMusicDetails .dj2SmallText a:link {
    clear: both;
    color: #7428ac
    }
.smallpanelContent {
    margin: 2px
    }
.eventMusic, .homeeventMusic {
    margin-bottom: 0
    }
.littleEventDetails, .homeEventDetails {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #fff;
    margin: 3px;
    background-color: #cbcbcb;
    height: 78px;
    overflow: hidden
    }
.djEventDetails {
    height: 160px;
    margin: 3px;
    background-color: #cbcbcb
    }
.eventSmallImage {
    width: 230px;
    height: 90px;
    overflow: hidden;
    float: left;
    padding-left: 5px
    }
.eventMusic h1 {
    padding: 4px;
    font-size: 13px;
    color: #fff;
    background-color: #666
    }
.homeeventMusic h2 {
    padding: 4px;
    font-size: 12px;
    color: #fff;
    background-color: #42B9E4
    }
.littleMusicDetails .eventTextLink {
    padding: 5px;
    clear: both;
    float: left;
    font-size: 110%
    }
.eventTextLink {
    padding: 5px;
    clear: both;
    float: left;
    font-size: 90%
    }
.eventSmallText {
    clear: both
    }
.djTextLink {
    padding: 5px;
    clear: both;
    float: left;
    font-weight: bold
    }
.littleMusicDetails .eventDate {
    padding: 5px;
    clear: both;
    float: left;
    color: #333
    }
.djeventDate {
    padding: 5px;
    clear: both;
    float: left;
    color: #333;
    font-weight: bold
    }
.djMusicDetails .eventDate {
    padding: 5px;
    clear: both;
    float: left;
    color: #333;
    font-weight: bold
    }
.littleMusicDetails .eventImage {
    padding: 5px;
    clear: both;
    float: left;
    width: 150px
    }
.djImage {
    padding: 0 0 0 5px;
    clear: both;
    float: left
    }
.smallpanelcontent .eventImage {
    padding: 5px;
    clear: both;
    float: left;
    width: 150px
    }
.homeeventImage {
    padding: 5px 5px 0 5px;
    clear: none;
    float: left;
    font-size: 90%;
    font-weight: 100;
    width: 70px
    }
.homeeventHeadImage {
    padding-right: 5px;
    clear: both;
    float: left;
    font-size: 100%;
    font-weight: bold
    }
.homeeventTextLink {
    padding: 0;
    clear: right;
    float: left;
    font-size: 90%;
    background: url(media/more-arrow.gif) no-repeat center right;
    padding-right: 10px;
    margin-right: 5px
    }
.homeeventSmallText {
    clear: none;
    float: left;
    height: 67px;
    width: 160px
    }
.homeeventDate {
    padding: 0;
    clear: left;
    float: left;
    color: #333;
    font-size: 90%;
    font-weight: 100;
    width: 150px
    }
.homeeventLinkImage {
    padding: 0;
    clear: none;
    float: left;
    font-size: 90%;
    font-weight: 100;
    background: url(media/view-event-profile.gif) no-repeat center right;
    width: 100px
    }
.littleMusicDetails .eventDate {
    font-weight: bold;
    font-size: 115%
    }
.eventLinkImage {
    padding: 5px;
    clear: both;
    float: left;
    background: url(media/view-event-profile.gif) no-repeat center right;
    width: 100px;
    font-size: 90%
    }
.djLinkImage {
    padding-left: 5px;
    clear: both;
    float: left;
    background: url(media/view-event-profile.gif) no-repeat center right;
    width: 100px;
    font-size: 90%
    }
/* DJ Profiles */
.profile {
    float: left;
    width: 700px;
    margin-bottom: 20px
    }
h3.profileBio {
    font-size: 1.2em;
    margin-top: 10px;
    margin-bottom: 20px;
    font-weight: bold
    }
h4.profileBio {
    font-size: 1.1em;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold
    }
.profileImage {
    padding-right: 20px;
    padding-top: 20px;
    float: left
    }
.profileText, .profileBio, .normal, .profileDetails, .profileBio p {
    font-weight: normal
    }
/* Wall Posts */
.wallPosts {
    width: 375px
    }
/* this controls the width of the box, use another top level class to place control elsewhere */
.wallPostsEvents {
    width: 375px
    }
.wallBox {
    float: right;
    width: 100%
    }
.wallPost {
    background-color: #eee;
    margin-bottom: 10px;
    min-height: 100px
    }
.wallHead {
    padding: 0 0 0 10px;
    background-color: #595a5c;
    color: #fff;
    line-height: 30px;
    display: block
    }
.wallTextBox {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px;
    width: 335px;
    height: 75px
    }
.wallSubmit {
    margin: 5px 10px 5px 10px
    }
.wallPosts cite {
    padding: 5px;
    position: relative;
    top: 15px;
    margin: 20px 10px 10px 10px;
    color: #666;
    height: 40px;
    width: 350px
    }
/* Wall Messages */
.wallSingle {
    padding-bottom: 5px
    }
.wallDate {
    padding: 0 0 0 10px;
    background-color: #eee;
    border-style: solid;
    border-width: 6px 0 0 0;
    border-color: #ccc;
    line-height: 30px;
    display: block
    }
.wallDateNew {
    padding: 0 0 0 10px;
    background-color: #eee;
    border-style: solid;
    border-width: 6px 0 0 0;
    border-color: #8830ba;
    line-height: 30px;
    display: block
    }
.wallSingle .note {
    color: #7428ac
    }
.wallReport {
    padding: 0 10px 5px 10px;
    float: right
    }
.wallReport a, .wallReport a:link, .wallReport a:hover, .wallReport a:visited {
    color: #8830ba
    }
.reportButton {
    border: 0;
    background-color: #fff
    }
.wallSubmit {
    padding: 0 10px 0 10px;
    margin-bottom: 10px;
    cursor: pointer
    }
.wallMessage {
    margin: 10px
    }
/* Pagination */
#profileCounter, #eventCounter {
    margin: 5px;
    height: 20px
    }
#wallCounter .qp_next, #profileCounter .qp_next, #playlistCounter .qp_next, #eventCounter .qp_next {
    float: left
    }
#wallCounter .qp_prev, #profileCounter .qp_prev, #playlistCounter .qp_prev, #eventCounter .qp_prev {
    float: right
    }
#wallCounter .qp_disabled, #profileCounter .qp_disabled, #playlistCounter .qp_disabled, #eventCounter .qp_disabled {
    color: #ccc
    }
#wallCounter .qp_counter {
    color: #999;
    margin-left: 135px;
    float: left
    }
#profileCounter .qp_counter {
    color: #999;
    margin-left: 80px;
    float: left
    }
#playlistCounter .qp_counter {
    color: #999;
    margin-left: 85px;
    float: left
    }
#eventCounter .qp_counter {
    color: #999;
    margin-left: 76px;
    float: left
    }
/* We7 */
.leftWe7Panel {
    float: left;
    width: 310px
    }
.we7wrapper {
    float: left;
    border: 0 solid #333;
    height: 325px;
    background-color: #000;
    width: 300px
    }
.we7framecontent {
    width: 330px;
    border: 0;
    height: 360px;
    overflow: hidden;
    position: relative;
    left: -8px;
    top: -8px
    }
.we7framecontent body {
    position: absolute;
    top: 0;
    left: 0
    }
/* Playlist Accordion */
.playlistEntryContainer {
    clear: both;
    width: 300px
    }
.playlistDetails {
    background: #000
    }
.trackplaying {
    color: #093
    }
.playlistBox {
    float: left;
    width: 300px;
    padding: 10px 0 10px 0;
    clear: both
    }
.playlistHead {
    padding: 0 0 0 10px;
    margin: 0 0 10px 0;
    background-color: #595a5c;
    color: #fff;
    line-height: 30px;
    display: block
    }
.playlistSingle {
    color: #8830ba;
    font-weight: bold;
    padding: 0 0 0 10px;
    background-color: #eee;
    border-style: solid;
    border-width: 0 1px 5px 0;
    border-color: #fff;
    line-height: 30px;
    width: 250px
    }
.playlistSingleRight {
    padding: 0 0 0 10px;
    background-color: #eee;
    border-style: solid;
    border-width: 0 0 5px 0;
    border-color: #fff;
    line-height: 30px;
    display: block;
    float: right
    }
a.playlistImageButton {
    background-image: url(media/playlist-play.gif);
    height: 30px;
    width: 30px;
    display: block;
    float: right;
    padding: 0 7px 0 0
    }
#playlistEntryBlock {
    overflow: auto;
    height: 270px;
    width: 290px;
    margin-bottom: 10px
    }
ul.playlistEntryBlock {
    padding: 0 0 0 10px;
    border-style: solid;
    border-width: 0 0 5px 0;
    border-color: #eee;
    line-height: 20px;
    width: 260px;
    overflow: hidden
    }
ul.playlistEntryBlock li {
    padding: 0;
    font-size: 80%;
    color: #aaa;
    font-weight: bold
    }
ul.playlistEntryBlock li a, ul.playlistEntryBlock li a:link, ul.playlistEntryBlock li a:hover, ul.playlistEntryBlock li a:visited {
    color: #595a5c;
    font-weight: bold
    }
a.playlistEntryLink {
    width: 270px;
    display: block;
    overflow: hidden
    }
.accordionActive {
    text-decoration: underline
    }
.accordionHover {
    color: #444
    }
a.playlistEntryLink a.trackplaying {
    color: #c30
    }
/* END FS */
.addBasket {
    padding: 5px;
    background: #1c1c1c url(media/boxBack.png) repeat-x;
    width: 240px
    }
h3.basketSummaryNewItem, h3.basketSummaryItems {
    background: #1c1c1c;
    color: #FFF;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 5px;
    font-size: 1em
    }
.basketSummaryItem {
    background: url(media/boxBack.png) repeat-x #282828;
    padding: 10px 6px 10px 10px;
    margin-bottom: 5px
    }
.basketSummaryItem p.itemName {
    padding-right: 20px
    }
.basketSummaryItem a {
    font-weight: bold
    }
.basketSummaryCost {
    font-weight: bold
    }
.basketDelete {
    float: right
    }
.basketSummaryTotal {
    background: #1ca49d;
    color: #fff;
    padding: 10px;
    text-align: right;
    font-weight: bold;
    font-size: 1.4em
    }
.checkoutLink {
    text-align: right;
    border-top: solid 4px #cacaca;
    padding-top: 15px;
    padding-bottom: 15px
    }
p.highlightedP {
    background: #282828;
    margin: 0 0 5px 0
    }
.panelFull.panelBasket, .panelFull.panelAccount {
    background: url(media/root/panel-full-bot.png) no-repeat bottom left
    }
.panelContent.noNav .leftColLarge {
    width: 688px;
    float: left;
    min-height: 1px;
    margin: 0 20px 0 0
    }
.panelContent.noNav .panelFullInner {
    background: #000 url(media/rightCol-bg.gif) top left repeat-x;
    width: 958px;
    padding: 20px;
    float: left
    }
.smallCol h2 {
    background-image: url(media/basket-header-bg.gif);
    font-weight: bold;
    background-repeat: repeat-x;
    background-color: #1ca49d;
    padding: 10px;
    font-size: 1em
    }
.addBasket .viewMore {
    background: #1c1c1c;
    padding: 10px 0;
    width: 240px;
    margin: 0 0 15px 0;
    border-bottom: 5px solid #000
    }
/* homepage Booths */
.homeBooths {
    margin-top: 5px
    }
.boothContainer {
    background: #cacaca;
    padding: 7px;
    margin: 0 5px 5px 5px
    }
.boothContainer a {
    font-weight: bold
    }
/* booths */
.boothPanel {
    border: solid 5px #8f6a1c;
    padding: 20px;
    margin: 20px;
    background: #000;
    color: #FFF
    }
.boothPanel .calendarOuter {
    width: 230px;
    background: url(media/booths/cal-bg.gif) bottom left no-repeat #000;
    text-align: center
    }
.boothPanel .calendarMonth {
    background: url(media/booths/cal-top.jpg) #000
    }
.boothPanel .moetSponsor {
    text-align: center;
    padding-top: 10px
    }
.boothPanel .boothsLeft {
    width: 230px;
    margin-right: 20px;
    float: left
    }
.boothPanel .boothsRight {
    float: left;
    width: 660px
    }
.silverLeaf {
    background: url(media/booths/content-bg.jpg) right top no-repeat #000
    }
.boothPanel .boothContent {
    background: url(media/booths/boothPanel-bg.gif) repeat-y
    }
.boothPanel .boothContentNarrow {
    background: url(media/booths/boothPanelNarrow-bg.gif) repeat-y;
    width: 534px
    }
.boothPanel .boothContentNarrowBottom {
    background: url(media/booths/boothPanelNarrow-bg-bot.gif);
    height: 8px;
    width: 534px
    }
.boothPanel .goldLeaf h1 {
    background: url(media/booths/booths-Intro.png) no-repeat;
    height: 173px
    }
.boothPanel h1 span {
    position: absolute;
    top: -1000px;
    left: -2000px
    }
.boothPanel .goldLeaf {
    margin-top: 20px;
    background: url(media/booths/boothPanel-bg-bottom-goldleaf.jpg) no-repeat right bottom;
    color: #FFF;
    padding: 0 0 35px 0
    }
.boothPanel .goldLeaf p {
    padding: 0 250px 0 35px
    }
.boothPanel .chooseEvent {
    background: url(media/booths/choose-event.jpg) no-repeat;
    height: 85px
    }
.boothsEventList {
    padding: 10px;
    border: solid 1px #333;
    margin: 0 20px 10px
    }
.boothsEventList h2 a {
    color: #FFF
    }
.boothsEventList .eventImage {
    float: left;
    margin-right: 10px;
    width: 228px;
    min-height: 90px
    }
.boothsEventList .eventDetails {
    float: left;
    width: 224px;
    color: #FFF
    }
.boothPanel .selectBooth {
    background: url(media/booths/select-booth.jpg) no-repeat;
    height: 74px
    }
.boothPanel .filter {
    margin: 0 20px 10px;
    padding: 10px 0;
    border-top: solid 1px #333;
    border-bottom: solid 1px #333;
    font-size: 120%
    }
.boothPanel .filter label {
    padding-right: 20px
    }
.boothPanel .filter select {
    padding: 2px;
    font-size: 70%
    }
.boothPanel .boothEvent h2 {
    background: url(media/booths/event-details.jpg) no-repeat;
    height: 64px
    }
.boothPanel .boothEvent h2 span {
    position: absolute;
    top: -1000px;
    left: -2000px
    }
.boothPanel .boothEvent p {
    padding-left: 10px
    }
.boothPanel .boothList {
    padding: 0 20px
    }
.boothPanel .boothList h2 {
    padding: 0 0 10px 0
    }
.boothListBooth {
    border: solid 1px #333;
    margin: 0 0 10px;
    padding: 10px
    }
.boothListBooth .boothImage {
    float: left;
    width: 146px;
    height: 109px;
    position: relative
    }
.boothListBooth .boothImage span {
    position: absolute;
    top: 0;
    left: 0;
    background: url(media/booths/booth-overlay.png);
    display: block;
    width: 146px;
    height: 109px
    }
.boothListBooth .boothDetails {
    float: left;
    width: 193px;
    padding: 0 10px
    }
.boothListBooth .boothDetails .closed {
    color: #767676
    }
.boothListBooth .boothCost {
    padding: 10px 0 0 0;
    float: left;
    width: 109px;
    height: 99px;
    border: solid 1px #333;
    font-weight: bold;
    font-size: 110%;
    text-align: center
    }
.boothListBooth .boothCost p {
    padding: 0
    }
.boothListBooth .boothCost .cost {
    color: #886d20;
    font-size: 240%;
    padding: 0;
    margin: 0
    }
.boothListBooth .boothCost .closed {
    color: #767676;
    font-size: 100%
    }
.boothPanel .yourBooth {
    background: url(media/booths/your-booth.jpg) no-repeat;
    height: 74px
    }
.boothPanel .boothTitle {
    float: left;
    padding-left: 20px
    }
.boothPanel .chooseAnother {
    float: right;
    padding-right: 20px
    }
.boothPanel .boothInfo {
    clear: both;
    padding: 0 20px
    }
.boothInfo .detail {
    border: solid 1px #333;
    margin: 0 0 5px 0;
    padding: 6px
    }
.boothInfo .price {
    padding: 10px 6px
    }
.boothInfo .detail dt {
    float: left;
    width: 160px
    }
.boothInfo .detail dd {
    float: left
    }
.boothInfo .price dd {
    font-size: 200%
    }
.boothInfo .detail .smallPrint {
    font-size: 70%;
    color: #767676
    }
.boothInfo #bookingForm2 h1 {
    background: url(media/booths/book-it-header.jpg) no-repeat;
    width: 138px;
    height: 58px;
    margin-bottom: 10px
    }
.boothInfo #bookingForm2 .printingAgreement {
    background: #000
    }
.boothInfo #bookingForm2 .highlightedP {
    background: #000
    }
.boothInfo #bookingForm2 {
    display: none
    }
/* registration form */
label {
    font-weight: bold
    }
.panelContent input.inputText {
    width: 300px;
    border: solid 1px #595959;
    padding: 2px
    }
.panelContent input.inputTextShort {
    width: 200px;
    border: solid 1px #595959;
    padding: 2px
    }
.panelContent input.inputTextSmall {
    width: 30px;
    border: solid 1px #595959;
    padding: 2px
    }
.panelContent select {
    padding: 2px;
    border: solid 1px #595959
    }
.clubPackTicket {
    position: relative;
    top: -2px
    }
.clubPackTicket .eventname {
    color: #FE9B08
    }
.unitNameLeft {
    vertical-align: bottom;
    border-bottom: 2px solid #CDCDCD;
    padding: 0
    }
.printLogo {
    vertical-align: bottom;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #CDCDCD
    }
.printLogo img {
    margin: 0;
    padding: 0;
    position: relative;
    top: 2px;
    float: right
    }
.boothsTicket .boothName {
    font-size: 140%;
    font-weight: bold;
    padding-top: 0
    }
.boothsTicket .eventname {
    color: #8E6B24
    }
.accountsTable {
    border-collapse: collapse;
    border: solid 1px #595a5c;
    margin-bottom: 20px
    }
.accountsTable th {
    color: #FFF;
    background: #595a5c;
    font-weight: bold;
    padding: 6px
    }
.accountsTable td {
    background: #000 url(media/rightCol-bg.gif) top right no-repeat;
    color: #ccc;
    font-weight: bold;
    padding: 6px;
    vertical-align: top
    }
.accountsTable a {
    color: #851ac2
    }
.viewmoreptag {
    background: #000 url(media/rightCol-bg.gif) top right no-repeat
    }
.accountsTable th.action, .accountsTable td.action {
    width: 70px;
    text-align: center
    }
.accountsTable th.qty, .accountsTable td.qty {
    width: 70px;
    text-align: center
    }
.accountsTable th.tDate, .accountsTable td.tDate {
    width: 120px;
    text-align: center
    }
.accountsTable th.tType, .accountsTable td.tType {
    width: 120px;
    text-align: center
    }
.accountsTable th.bDate, .accountsTable td.bDate {
    width: 252px
    }
.accountsTable th.oDate, .accountsTable td.oDate {
    width: 161px;
    text-align: center
    }
.accountsTable th.oValue, .accountsTable td.oValue {
    width: 161px;
    text-align: center
    }
.accountsTable td.inset {
    padding-left: 30px
    }
/*modal popup styles*/
.popUpBox .b {
    background: url(media/b.png)
    }
.popUpBox .tl {
    background: url(media/tl.png)
    }
.popUpBox .tr {
    background: url(media/tr.png)
    }
.popUpBox .bl {
    background: url(media/bl.png)
    }
.popUpBox .br {
    background: url(media/br.png)
    }
.popUpBox .popup {
    position: relative
    }
.popUpBox table {
    border-collapse: collapse
    }
.popUpBox .toppad {
    padding-top: 5px
    }
.popUpBox td {
    border-bottom: 0;
    padding: 0
    }
.popUpBox .body {
    padding: 10px;
    background: #fff;
    width: 440px;
    color: #000
    }
.popUpBox .content {
    float: none;
    padding: 0;
    width: 440px
    }
.popUpBox .loading {
    text-align: center
    }
.popUpBox .image {
    text-align: center
    }
.popUpBox img {
    border: 0;
    margin: 0
    }
.popUpBox .popUpBoxfooter {
    border-top: 1px solid #808080;
    padding-top: 5px;
    margin-top: 10px;
    text-align: right;
    background: none
    }
.popUpBox .tl, .popUpBox .tr, .popUpBox .bl, .popUpBox .br {
    height: 10px;
    width: 10px;
    overflow: hidden;
    padding: 0
    }
/* club packs */
h2.cPListHeader {
    background: #696969;
    color: #FFF;
    padding: 10px;
    margin-top: 20px
    }
.clubPacksList {
    background: #cacaca;
    padding: 10px 0 0 10px
    }
.clubPacksList .clubPack {
    background: #e5e5e5;
    padding: 10px;
    margin: 0 10px 10px 0;
    width: 286px;
    float: left
    }
.clubPacksList .clubPack .packImage {
    float: left;
    padding: 0 10px 0 0
    }
.clubPacksList .clubPack .packSummary {
    float: left;
    width: 160px
    }
.clubPackRepeaters .clubPackRepeater {
    width: 304px;
    background: url(media/boxBack.png) repeat-x top #282828;
    float: left;
    margin-bottom: 20px;
    padding: 10px;
    min-height: 110px
    }
.clubPackRepeaters .rightRpt {
    margin-left: 20px
    }
.clubPackRepeaters .skip {
    background: url(media/boxBack.png) repeat-x top #282828;
    margin-bottom: 20px;
    padding: 10px;
    text-align: right
    }
.clubPackRepeaters .skip p {
    font-weight: bold
    }
.clubPackRepeaters img {
    vertical-align: middle;
    margin-left: 0
    }
.clubPackRepeaters .packImage {
    float: left;
    width: 120px;
    margin-right: 10px
    }
.clubPackRepeaters .packSummary {
    float: left;
    width: 170px
    }
.packContent {
    float: left;
    width: 690px;
    background: #1c1c1c
    }
.packContent .packHeader {
    background: #feac14
    }
.packContent .packHeader h1 {
    color: #FFF;
    padding: 10px
    }
.packContent .packDetailsSelect {
    font-weight: bold;
    border-top: solid 1px #cacaca;
    margin-top: 6px;
    padding-top: 6px
    }
.packContent .packDetailsInner {
    padding: 10px
    }
.packContent .step {
    background: #000;
    color: #FFF;
    padding: 10px;
    margin-top: 10px
    }
.packContent .packDetailsInner2 .step {
    margin-top: 0
    }
.packContent .packDetailsInner2 .packImage {
    width: 210px;
    height: 210px;
    margin: 10px 10px 10px 0;
    float: left
    }
.packContent .packDetailsInner2 .includes {
    float: left;
    width: 430px;
    margin: 10px 0 10px 0
    }
.packContent .packDetailsInner2 .includes .include {
    background: #c0c0c0;
    margin-bottom: 1px;
    color: #ccc;
    background: #000 url(/style/media/rightCol-bg.gif) no-repeat top left
    }
.packContent .packDetailsInner2 .includes .include .packLeft {
    float: left;
    font-weight: bold;
    padding: 13px 0 13px 10px
    }
.packContent .packDetailsInner2 .includes .include .packRight {
    float: right;
    font-weight: bold;
    padding: 13px 47px 13px 0;
    background: url(media/tick.png) no-repeat right center
    }
.packContent .packDetailsInner2 .includes .include .noTick {
    padding-right: 10px;
    background: none
    }
.packContent .packDetailsHeader {
    background: #000;
    padding: 6px;
    margin-top: 10px
    }
.packContent .packDetailsHeader p {
    font-size: 120%;
    font-weight: bold;
    color: #FFF
    }
.packContent .packDetailsHeader2 {
    background: #595959;
    padding: 6px;
    margin-top: 10px
    }
.packContent .packDetailsHeader2 p {
    font-size: 120%;
    font-weight: bold;
    color: #FFF;
    float: left
    }
.packContent .packDetailsHeader2 span {
    color: #FFF;
    float: right;
    padding: 6px
    }
.packContent .step {
    background: #000;
    color: #FFF;
    padding: 6px;
    margin-top: 10px
    }
.packContent .step p {
    font-size: 120%;
    font-weight: bold;
    color: #FFF
    }
.packContent .step2 {
    background: #595959;
    padding: 6px;
    margin-top: 10px
    }
.packContent .step2 p {
    font-size: 120%;
    font-weight: bold;
    color: #FFF;
    float: left
    }
.packContent .step2 span {
    color: #FFF;
    float: right;
    padding: 6px
    }
.packContent .cpQty {
    background: #e5e5e5;
    padding: 10px
    }
.packContent .basketButton {
    text-align: right;
    padding-top: 6px
    }
.packContent .packDetails {
    background: #e5e5e5;
    padding: 10px
    }
.packContent .cpEventList {
    background: #e5e5e5;
    padding: 10px
    }
.packContent .cpQty p {
    clear: left
    }
.packContent label.layoutLabel {
    float: left;
    width: 100px
    }
.packContent .sub {
    background: #595959;
    color: #FFF;
    font-weight: bold;
    padding: 6px;
    margin-top: 10px
    }
.packContent .saving {
    color: #F00
    }
.packContent .printingAgreement {
    margin-top: 10px
    }
.cpBoothList .trb {
    background: #e5e5e5
    }
.cpBoothList .trb td {
    padding: 10px
    }
.cpBoothList .trb .td1 {
    vertical-align: middle;
    background: #000 url(/style/media/rightCol-bg.gif) no-repeat top left
    }
.cpBoothList .trb .td2 {
    vertical-align: middle;
    background: #000 url(/style/media/rightCol-bg.gif) no-repeat top left
    }
.cpBoothList .trb .td3 {
    vertical-align: middle;
    background: #000 url(/style/media/rightCol-bg.gif) no-repeat top left
    }
.inputTextArea {
    width: 300px;
    height: 100px;
    border: solid 1px #595959;
    padding: 2px
    }
/* faq */
.bedded {
    padding: 10px 30px 20px 30px
    }
.underline {
    font-size: 110%;
    text-decoration: underline;
    padding: 10px
    }
.faqbedded {
    font-size: 105%;
    padding: 5px 15px 5px 15px
    }
.question {
    font-weight: bold;
    line-height: 1em
    }
.answer {
    padding-bottom: 5px
    }
ul.answer {
    padding-left: 10px
    }
.strong {
    font-weight: bolder
    }
.bedded .rightalign {
    float: right;
    font-size: 80%
    }
.memberDropDown {
    font-size: 90%;
    position: relative;
    top: -7px;
    margin-right: 5px
    }
.height40 {
    height: 15px
    }
/* club packs homepage */
.homeClubPacks {
    padding: 10px 0 10px 10px;
    margin-bottom: 10px
    }
.homeClubPacks .clubPack {
    float: left;
    width: 138px;
    margin-right: 10px;
    background: #cacaca;
    text-align: center;
    padding: 4px
    }
ul.regThanks {
    margin: 10px 0 0 30px
    }
ul.regThanks li {
    list-style-type: disc
    }
/* log in */
.logInPanel, .thankYouPanel {
    padding: 0 0 20px 0
    }
.logInPanel h1 {
    color: #FFF;
    padding: 6px 10px
    }
.logInPanel .logInPanelInner {
    width: 708px;
    margin: 0 auto 0
    }
.logInPanel .logInPanelInner .logInTop {
    padding: 20px;
    background: url(media/boxBack.png) repeat-x #1c1c1c;
    margin: 0 0 20px 0
    }
.importantText {
    background: url(media/iBgd.gif) no-repeat left;
    padding: 10px 0 10px 40px;
    font-size: 150%;
    font-weight: bold
    }
.logInPanel .logInPanelInner .logInLeft {
    min-height: 110px;
    float: left;
    width: 304px;
    padding: 20px;
    background: url(media/boxBack.png) #1c1c1c repeat-x
    }
.logInPanel .logInPanelInner .logInLeft p {
    margin-bottom: 8px
    }
.logInPanel .logInPanelInner .logInRight {
    min-height: 110px;
    float: right;
    width: 304px;
    padding: 20px;
    background: url(media/boxBack.png) #1c1c1c repeat-x
    }
.logInPanel .logInPanelInner .logInRight h2 {
    color: #fff;
    background: none
    }
.logInPanel .logInPanelInner p.button {
    text-align: right;
    margin-bottom: 0
    }
.logInPanel p {
    clear: left
    }
.logInPanel label {
    float: left;
    width: 74px
    }
.panelContent input.loginInputText {
    width: 224px;
    border: solid 1px #595959;
    padding: 2px
    }
.panelContent input.loginInputText2 {
    width: 300px;
    border: solid 1px #595959;
    padding: 2px
    }
/* t&c's */
.panelTerms p {
    padding: 10px 30px 10px 30px
    }
.panelTerms h4 {
    padding: 20px 10px 10px 10px
    }
.panelTerms li {
    padding: 0 0 3px 0;
    margin: 0 60px 0 60px;
    list-style-type: lower-alpha
    }
.panelTerms li.numerals {
    padding: 0 0 3px 0;
    margin: 0 45px 0 55px;
    list-style-type: decimal
    }
.panelTerms .rightalign {
    float: right;
    font-size: 80%;
    font-weight: bold;
    margin-right: 30px
    }
/*popup*/
#facebox .b {
    background: url(/scripts/facebox/b.png)
    }
#facebox .tl {
    background: url(/scripts/facebox/tl.png)
    }
#facebox .tr {
    background: url(/scripts/facebox/tr.png)
    }
#facebox .bl {
    background: url(/scripts/facebox/bl.png)
    }
#facebox .br {
    background: url(/scripts/facebox/br.png)
    }
#facebox .next {
    background: url(/scripts/facebox/next.png)
    }
#facebox .prev {
    background: url(/scripts/facebox/prev.png)
    }
#facebox .close {
    background: url(/scripts/facebox/closelabel.gif) no-repeat;
    float: left;
    display: block;
    width: 66px;
    height: 22px
    }
#facebox .prev, #facebox .next {
    display: block;
    float: left;
    width: 20px;
    height: 22px
    }
#facebox .navigation .counter {
    float: left;
    padding: 3px 5px
    }
#facebox .loading {
    margin: 0 auto;
    width: 32px;
    height: 32px;
    background: url(/scripts/facebox/loading.gif) no-repeat;
    text-align: center
    }
#facebox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    text-align: left
    }
#facebox .popup {
    position: relative;
    width: 650px;
    height: 420px
    }
#facebox table {
    border-collapse: collapse
    }
#facebox .toppad {
    padding-top: 5px
    }
#facebox td {
    border-bottom: 0;
    padding: 0
    }
#facebox .body {
    padding: 10px;
    background: #fff
    }
#facebox .loading {
    text-align: center
    }
#facebox .image {
    text-align: center
    }
#facebox img {
    border: 0;
    margin: 0
    }
#facebox .faceboxfooter {
    border-top: 1px solid #666;
    padding-top: 5px;
    margin-top: 10px;
    text-align: right
    }
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
    height: 10px;
    width: 10px;
    overflow: hidden;
    padding: 0
    }
#facebox_overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
    }
.facebox_hide {
    z-index: -100
    }
.facebox_overlayBG {
    background-color: #000;
    z-index: 99
    }
#info {
    padding: 5px
    }
.innerScroll {
    width: 600px;
    height: 400px;
    overflow: auto
    }
.innerScroll h3 {
    padding: 5px 10px 10px 10px;
    font-size: 120%;
    font-weight: bold
    }
.innerScroll h4 {
    padding: 5px 10px 10px 10px
    }
.innerScroll p {
    padding: 10px 30px 10px 30px
    }
.innerScroll li {
    padding: 0 0 3px 0;
    margin: 0 60px 0 60px;
    list-style-type: lower-alpha
    }
/*whosUpPreview tables*/
.whosUpPreview td, th {
    padding: 0;
    margin: 0
    }
.whosUpPreview {
    background: #cbcbcb;
    padding: 20px 20px 5px 20px
    }
.whosUpPreviewInner {
    background: #000;
    margin-bottom: 10px
    }
.right {
    float: right;
    clear: both
    }
ul.thanks {
    padding-left: 10px;
    padding-bottom: 15px
    }
/* soco microsite start */
.panelMicrosite .panelTop h2 {
    background: url(media/microsite/panel-detail-microsite.gif) bottom right no-repeat
    }
.panelSmallHomeMicrosite {
    margin-bottom: 10px;
    padding-bottom: 4px
    }
.venueHomePageAdsMicrosite {
    padding: 10px 0 0 0;
    text-align: center
    }
.micrositeBack {
    background: url(media/microsite/southerncomfort.jpg) top left no-repeat;
    background-color: #f06a23;
    width: 690px;
    min-height: 975px;
    margin-bottom: 20px
    }
.panelMicroContent {
    padding: 20px
    }
.microContent {
    background: url(media/microsite/comfortheader.png) top center no-repeat;
    width: 380px;
    border: 5px solid #ca2328;
    position: relative;
    top: 45px;
    left: 225px;
    display: inline-block;
    padding: 20px;
    background-color: #edf1e5
    }
.microText {
    margin: 130px 0 0 0
    }
.microText p {
    font-size: 18px;
    font-weight: bolder
    }
.microText hr {
    border-style: solid;
    border-width: 5px 0 0 0;
    border-color: #000;
    margin: 15px 0 10px 0
    }
.microText ul, .microText li {
    margin: 0 0 0 20px;
    font-size: 17px;
    font-weight: bolder;
    list-style-type: decimal
    }
.selectedCenter {
    text-align: center
    }
.microText select {
    border: 1px groove #ccc;
    margin: 10px 0 0 0;
    text-align: center;
    background-color: #edf1e5
    }
.microText select.datePicker {
    border: 1px groove #ccc;
    margin: 0 0 0 0;
    background-color: #edf1e5
    }
.microText .highlight {
    background-color: #ec6624;
    display: inline-block;
    padding: 1px 5px 1px 5px;
    font-weight: bolder;
    font-size: 17px;
    color: #edf1e5
    }
.microSubmitOne {
    margin: 20px 0 0 145px
    }
.panelSmallMicrosite {
    float: right
    }
.panelSmallMicrosite .placeholder {
    text-align: center;
    width: 254px;
    height: 160px
    }
.microClubPack {
    float: left;
    width: 355px;
    padding: 8px 4px;
    border: 1px solid #000;
    margin: 7px 0 7px 0
    }
.microClubPack .packRadio {
    float: left;
    margin-left: 10px;
    font-weight: bold;
    font-size: 14px;
    color: #ec6624
    }
.microClubPack .packImage {
    margin: 10px;
    float: left;
    width: 115px;
    clear: none
    }
.microClubPack .packText {
    float: left;
    font-size: 13px;
    clear: both;
    padding-top: 10px;
    font-weight: bold
    }
.microClubPack .packSummary {
    float: left;
    width: 205px;
    font-size: 13px;
    clear: none;
    padding-top: 10px;
    font-weight: bold
    }
.microClubPacks {
    text-align: center;
    color: #000;
    font-weight: bold
    }
.microClubPacks .packHeader {
    text-align: center
    }
.microClubPacks .packLineHeader {
    text-align: center
    }
.microClubPacks .packSummary {
    text-align: center;
    color: #ec6624;
    font-size: 14px
    }
.microClubPacks .packSelected {
    text-align: center;
    color: #fff;
    font-size: 13px;
    background-color: #000;
    display: inline;
    padding: 2px 6px 2px 6px
    }
.microClubPacks select.datePicker {
    border: 1px groove #ccc;
    background-color: #edf1e5
    }
.microClubPacks select {
    border: 1px groove #ccc;
    margin: 10px 0 0 0;
    background-color: #edf1e5
    }
.microSubmitTwo {
    margin: 10px 0 0 0
    }
/* soco microsite end */
/* easter microsite start */
.panelEaster {
    float: right;
    margin: 20px 20px 0 0;
    width: 250px;
    padding-top: 3px;
    background: url(media/panel-easter-top.gif) top left no-repeat
    }
.panelAprilTop {
    float: right;
    margin: 20px 20px 0 0;
    width: 250px;
    padding-top: 3px;
    background: url(media/panel-april-top.gif) top left no-repeat
    }
.panelEasterInner {
    background-color: #000;
    color: #fff
    }
.panelEasterInner ul {
    padding-bottom: 1px;
    background: url(media/panel-easter-bottom.gif) bottom left no-repeat
    }
.panelEasterInner li {
    font-weight: bold;
    padding: 11px 20px 11px 20px;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #333
    }
.panelEasterInner a, .panelEasterInner a:visited {
    font-weight: bold;
    color: #df3837
    }
.panelEasterInner a:hover {
    font-weight: bold;
    text-decoration: underline
    }
.panelEasterInner a.whiteLink, .panelEasterInner a.whiteLink:visited {
    font-weight: bold;
    color: #fff
    }
.panelEasterInner a.whiteLink:hover {
    font-weight: bold;
    text-decoration: underline
    }
.panelEasterInner li.last {
    border: 0
    }
.panelEasterInner li.springbreak {
    background: url(media/springbreak.jpg) top right no-repeat;
    padding-top: 110px
    }
.panelEasterInner li.springbreaktop {
    background: url(media/springbreaktop.jpg) top right no-repeat;
    padding-top: 106px
    }
.panelEasterContent {
    margin: 20px;
    background: url(media/filmstrip.png) top left repeat-y;
    background-color: #000;
    width: 688px;
    min-height: 500px
    }
.panelEasterContent .innerContent {
    padding: 10px 40px 0 80px;
    color: #fff
    }
.panelEasterContent .innerContent .allcontainer {
    background: url(media/april-fools-2.png) -20px 0 no-repeat;
    height: 400px
    }
.panelEasterContent .albright {
    padding: 160px 0 20px 5px;
    line-height: 1.1em;
    height: 120px;
    width: 300px;
    font-size: 26px;
    font-weight: bold
    }
.panelEasterContent .padded {
    padding: 0 50px 0 5px
    }
.panelEasterContent hr {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #333;
    width: 525px;
    float: left
    }
.panelEasterContent .innerContent h2 {
    margin-top: 20px;
    font-size: 26px;
    font-weight: bold
    }
.panelEasterContent .innerContent p, .panelEasterContent .innerContent ul {
    font-size: 18px
    }
.panelEasterContent .innerContent li {
    list-style-type: decimal;
    list-style-position: inside
    }
.panelEasterContent .innerContent .errorText {
    position: relative;
    left: 140px;
    top: 5px;
    font-size: 12px;
    font-weight: bold
    }
.panelEasterContent .innerContent .errorText2 {
    position: relative;
    left: 80px;
    top: 5px;
    font-size: 12px;
    font-weight: bold
    }
.panelEasterContent .innerContent .topper {
    float: right
    }
.panelEasterContent .innerContent label {
    color: #000;
    width: 130px;
    font-weight: normal;
    font-size: 12px;
    font-weight: bold;
    clear: left;
    display: block;
    float: left;
    text-align: right;
    padding-right: 10px;
    line-height: 1.1em
    }
.panelEasterContent .innerContent input.inputText, .panelEasterContent .innerContent textarea.inputText {
    border: 1px solid #333;
    font-size: 12px;
    width: 250px
    }
.panelEasterContent .innerContent .invert {
    margin: 20px 0 20px 0;
    clear: both
    }
.panelEasterContent .innerContent .invert label {
    color: #000;
    width: 420px;
    font-weight: normal;
    font-size: 12px;
    font-weight: bold;
    clear: both;
    display: block;
    float: right;
    text-align: left;
    padding-right: 10px
    }
.panelEasterContent .innerContent select {
    border: 1px solid #333;
    font-size: 12px
    }
.panelEasterContent .messagerHilite {
    color: #fff;
    padding: 0 50px 0 0
    }
.panelApril .panelTop h2 {
    background: url(media/panel-detail-april.gif) bottom right no-repeat
    }
.panelAprilContent {
    margin: 20px;
    background-color: #000;
    width: 688px;
    min-height: 500px
    }
.panelAprilContent .innerContent {
    padding: 0 20px 20px 20px;
    color: #fff
    }
.panelAprilContent .innerContent h2 {
    text-decoration: underline;
    font-size: 17px;
    padding-bottom: 5px
    }
.panelAprilContent .allcontainer {
    background: url(media/april-fools-1.png) 0 0 no-repeat;
    height: 221px
    }
.panelAprilContent .innerContent .blue {
    display: block;
    background-color: #05a2be;
    padding: 20px;
    margin: 0 0 20px 0;
    border: 2px solid #05a2be
    }
.panelAprilContent .innerContent .blue:hover {
    border-color: #fff
    }
.panelAprilContent .innerContent .blue a {
    color: #fff;
    text-decoration: underline
    }
.panelAprilContent .innerContent .blackbox {
    color: #fff;
    background-color: #000;
    background: url(media/filmstrip-bottom.png) bottom left repeat-x;
    border: 2px solid #fff;
    min-height: 200px;
    margin-bottom: 20px
    }
.panelAprilContent .innerContent .blackbox h1 {
    color: #fff;
    background: url(media/filmstrip-top.png) top left repeat-x;
    padding: 30px 0 0 20px
    }
.panelAprilContent .innerContent .blackbox .padding {
    padding: 0 20px 20px 20px;
    margin: 0 0 20px 0
    }
.panelAprilContent .innerContent .blackbox a, .panelAprilContent .innerContent .greyboxtop a, .panelAprilContent .innerContent .greyboxbottom a, .panelAprilContent .innerContent .greybox a {
    color: #fff;
    font-weight: bold
    }
.panelAprilContent .innerContent img.righter {
    padding: 0 0 10px 10px;
    float: right;
    display: block
    }
.panelAprilContent .innerContent .greybox {
    color: #fff;
    background-color: #63707a;
    border: 2px solid #fff;
    padding: 20px;
    width: 604px;
    margin: 0
    }
.panelAprilContent .innerContent .greyboxtop {
    border-style: solid;
    border-width: 2px 2px 0 2px;
    border-color: #fff;
    color: #fff;
    background-color: #63707a;
    padding: 20px;
    width: 604px;
    margin: 0
    }
.panelAprilContent .innerContent .greyboxbottom {
    border-style: solid;
    border-width: 0 2px 2px 2px;
    border-color: #fff;
    color: #fff;
    background-color: #63707a;
    padding: 20px;
    width: 604px;
    margin: 0 0 20px 0
    }
.panelAprilContent .innerContent .blackbox hr {
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #999;
    margin: 15px 0 15px 0
    }
.UploadButton {
    width: 82px;
    height: 29px
    }
.checkers label {
    float: left;
    width: 503px
    }
.videoForm {
    margin: 20px 0 20px 0;
    background-color: #fff;
    width: 515px
    }
.videoForm .messagerHilite {
    color: #fff;
    text-transform: capitalize;
    background-color: #800000;
    display: inline-block
    }
.videoMedia {
    margin-left: 5px
    }
.videoBest {
    clear: both;
    margin: 0 50px 0 5px
    }
.videoMini {
    width: 160px;
    margin: 5px;
    float: left
    }
a.videoLink, a.videoLink:visited, .videoDetail {
    font-size: 14px;
    color: #df3837;
    font-weight: bold;
    margin-top: 10px;
    width: 160px
    }
a.videoLink:hover {
    text-decoration: underline
    }
.toprt {
    margin-bottom: 10px
    }
.blovkedg {
    clear: both;
    margin: 0 auto;
    padding-top: 20px
    }
.panelEasterContent .innerContent .messagerHilite {
    margin: 0 45px 15px 0;
    color: #fff;
    padding: 10px;
    background-color: #F60;
    display: block
    }
/* easter microsite end */
/* Form Builder */
.formResultBar {
    float: left;
    background: red;
    height: 20px;
    margin-right: 5px
    }
/* homepage links */
.panelLinks ul {
    padding: 0 4px 0 0;
    margin: 0 0 0 4px;
    background: url(media/panel-info-bg.jpg) top left no-repeat
    }
.panelLinks ul li {
    padding: 14px 0 14px 5px;
    color: #b3c60e;
    border-bottom: solid 1px #3c3c3c
    }
.panelLinks ul li a {
    padding: 14px 8px;
    color: #b3c60e;
    font-weight: bold
    }
.panelLinks ul li.noBorder {
    border: none;
    padding-bottom: 0
    }
/*
ie
*/
.profileLinkImage {
    background: url(media/view-dj-profile.gif) no-repeat center left;
    width: 105px;
    height: 32px;
    margin-top: 20px;
    /* *margin-top: 0px; */
    }
.postContinueButton {
    float: right;
    background: url(media/iagree-button-white.jpg);
    margin-top: 16px;
    width: 68px;
    height: 20px;
    /* *position: relative; *top: 38px; */
    }
.panelEasterContent .innerContent .invert input {
    border: 0 solid #333;
    font-size: 12px;
    width: 10px;
    margin-left: 60px;
    position: relative;
    /* *top: 24px; */
    }
/*
login panel
*/
.loginMenuRight {
    float: right;
    width: 167px;
    height: 39px;
    background: url(media/login.gif) no-repeat top right;
    margin: 0 10px 0 0
    }
a.register2 {
    position: relative
    }
.loginMenuRight li a {
    display: inline-block
    }
.loginMenuRight li a.register {
    background: url(media/register-divider.gif) no-repeat right;
    margin: 0 0 0 15px;
    float: left;
    width: 72px;
    height: 20px;
    padding: 8px 0 0 0
    }
.loginMenuRight li a.signout {
    background: url(media/register-divider.gif) no-repeat right;
    margin: 0 0 0 8px;
    float: left;
    width: 78px;
    height: 20px;
    padding: 8px 0 0 0
    }
.loginMenuRight li a.register2 {
    height: 20px;
    margin: 8px 11px 0 0;
    float: right;
    width: 53px;
    height: 20px
    }
.loginMenuRight li a.signin, .loginMenuRight li a.register, .loginMenuRight li a.signout, .loginMenuRight li a.register2, .loginMenuRight li a.register2:visited, .loginMenuRight li a.signin:visited, .loginMenuRight li a.register:visited, .loginMenuRight li a.signout:visited {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.8em
    }
.loginMenuRight li a.signin {
    background: url(media/toggle_down.png) no-repeat right 0;
    margin: 8px 11px 0 0;
    float: right;
    width: 53px;
    height: 20px;
    position: relative
    }
.loginMenuRight li a.signin.menu-open {
    background: url(media/toggle_up.png) no-repeat right 0;
    color: #fff;
    margin: 8px 11px 0 0
    }
.loginMenuSubRight {
    float: right;
    margin: 1px 2px 0 0;
    height: 39px;
    max-width: 340px
    }
.loginMenuSubRight li {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    margin: 5px 0 0 0
    }
.loginMenuSubRight li a, .loginMenuSubRight li a:visited {
    width: 50px;
    height: 20px;
    color: #aa63ec;
    padding: 0 3px;
    margin: 0 4px
    }
.loginMenuSubRight li a img {
    float: right
    }
.loginMenuSubRight li span {
    margin: 0 4px
    }
.loginMenuSubRight li a.basket, .loginMenuSubRight li a.basket:visited {
    float: left;
    width: 90px;
    height: 20px;
    color: #aa63ec;
    background: url(media/minibasket.png) no-repeat right 1px
    }
.loginMenuSubRight li span.white {
    color: #fff;
    text-decoration: none !important
    }
.floatyLoginPanel {
    position: relative;
    left: -46px
    }
.floatyLoginPanel a {
    color: #FFF
    }
.forgotPassword {
    clear: none;
    float: right
    }
#signin_menu .message {
    width: 400px;
    position: relative;
    left: 8px;
    color: #ca910b
    }
#signin_menu {
    display: none;
    background-color: #333;
    position: absolute;
    left: 554px;
    width: 470px;
    z-index: 100;
    border: 4px transparent;
    text-align: left;
    padding: 6px 6px 6px 15px;
    top: 24px;
    margin: 5px 0 0 0;
    color: #789;
    font-size: 11px
    }
#signin_menu input[type=text], #signin_menu input[type=password] {
    display: block;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border: 0 solid #ccc;
    font-size: 11px;
    margin: 0 0 5px;
    padding: 3px;
    width: 140px;
    height: 15px
    }
#signin_menu span {
    float: left;
    margin: 0 14px 0 0
    }
#signin_menu .smallPadd {
    width: 0
    }
#signin_menu span label {
    font-weight: normal;
    color: #fff;
    position: relative;
    top: -2px;
    left: 8px
    }
#signin_menu input[type=image] {
    padding: 14px 0 0 0
    }
#signin_menu span a {
    color: #fff;
    position: relative;
    top: 5px
    }
/* --- Accordion --- */
.panelSmallHome.panelAccordion {
    background: none;
    float: left;
    width: 256px;
    padding: 0
    }
#side {
    float: right;
    display: inline;
    width: 256px;
    padding: 0 0 0 0;
    position: relative;
    overflow: hidden
    }
#side {
    background: url(media/eventsHome/eventListContainer-bg.png) repeat-y;
    color: #fff
    }
#side a:hover, #side a:focus {
    color: #fff
    }
#side a:active {
    color: #fff
    }
.panelAccordion ul {
    padding: 0
    }
.panelAccordion ul li.levelOne .trigger {
    padding: 18px 15px 5px 15px;
    color: #fff;
    clear: both;
    background: url(media/accordian-level1-bg.gif) no-repeat top left;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0
    }
.panelAccordion ul li.levelOne .trigger.open {
    background: url(media/accordian-level1-bg-active.gif) no-repeat top left;
    margin: 0;
    padding: 18px 15px 5px 15px;
    display: block
    }
.panelAccordion ul li.levelTwo {
    padding: 0
    }
.panelAccordion ul li ul {
    background: url(media/accordian-level2-bg.gif) no-repeat top;
    margin: 0 4px 0 0;
    display: block;
    padding: 0 15px 10px 15px
    }
.panelAccordion ul li ul li span {
    width: 215px;
    margin-bottom: 10px;
    display: block
    }
.panelAccordion ul li ul li span a {
    text-decoration: none
    }
.panelAccordion ul li {
    color: #fff
    }
.panelAccordion ul li.levelOne .trigger:hover {
    text-decoration: none
    }
.panelAccordion ul li ul li a {
    clear: both;
    color: #fff;
    display: block
    }
.panelAccordion .panelTop h2 {
    background: url(media/panel-detail-entrance.gif) bottom right repeat-x;
    margin: 0 3px 0 6px
    }
.switch {
    display: none
    }
.accordion {
    margin-left: 4px
    }
.panelAccordion ul li.levelOne.accordionLast .trigger {
    padding: 18px 15px 13px 15px;
    background: url(media/accordionLast-bg2.gif) no-repeat top left
    }
.panelAccordion ul li.accordionLast ul {
    background: none
    }
.accordionBottom {
    background: url(media/accordionLast-bg.gif) bottom left no-repeat;
    padding: 0 0 9px 0
    }
/* --- Search --- */
.productSearchItem {
    padding: 10px;
    background: url(media/boxBack.png) repeat-x 0 0;
    background-color: #1c1c1c
    }
.productSearchItemSmall {
    width: 349px;
    float: left;
    padding: 10px 0;
    margin: 10px 10px 0 0;
    background: url(media/boxBack.png) repeat-x 0 0;
    background-color: #1c1c1c
    }
.productSearchItemSmallAlt {
    width: 349px;
    float: left;
    padding: 10px 0;
    margin: 10px 0 0 0;
    background: url(media/boxBack.png) repeat-x 0 0;
    background-color: #1c1c1c
    }
.productSearchItemSmall .productDetails, .productSearchItemSmallAlt .productDetails {
    float: left;
    width: 190px
    }
.productSearchItem .productDetails {
    float: left;
    width: 500px
    }
.productSearchItem .eventDetails {
    float: left;
    width: 440px
    }
.productSearchItem .productDetails h2 {
    color: #aa63ec;
    background: none;
    padding: 0;
    font-weight: bold !important
    }
.productSearchItem .productDetails .price {
    font-weight: bold !important
    }
.productSearchItem .eventImage {
    padding: 0 10px 10px 0;
    clear: none;
    width: 230px;
    float: left
    }
.productSearchItem .productDetails h2 a, .productSearchItemSmall .productDetails h2 a, .productSearchItem .eventDetails h2 a {
    font-weight: bold;
    color: #aa63ec
    }
.reflector {
    float: left;
    padding: 0 10px 10px 0
    }
.productSearchItem .productImage, .productSearchItemSmall .productImage, .productSearchItemSmallAlt .productImage {
    float: left;
    margin: 0 0 0 10px
    }
.productSearchItem .productImage img {
    width: 140px
    }
.withCalendar h2 {
    padding: 10px 0 10px 10px
    }
.rightCol h2.alt3 {
    background-color: #222;
    display: block;
    padding: 10px;
    margin: 20px 0 0 0
    }
.rightCol h2.alt3 a, .rightCol h2.alt3 a:hover, .rightCol h2.alt3 a:visited {
    color: #b3c60e;
    text-decoration: none
    }
.productSearchItem a {
    color: #b3c60e
    }
.rightCol .productSearchItem {
    padding: 20px 20px 20px 0;
    margin: 10px 0 0 0
    }
.rightCol .sidePadding {
    margin: 0 0 0 20px
    }
.paging {
    margin: 0 20px
    }
.paging a, .paging a:visited {
    padding: 2px 6px;
    background-color: #333;
    color: #b3c60e;
    text-decoration: none;
    margin: 3px;
    display: inline-block;
    border-left: 1px solid #666;
    border-bottom: 1px solid #666
    }
.paging a:hover {
    background-color: #666;
    color: #ccc;
    border-left: 1px solid #b3c60e;
    border-bottom: 1px solid #b3c60e
    }
.paging .current {
    padding: 3px 6px;
    background-color: #b3c60e;
    color: #000;
    text-decoration: none;
    margin: 3px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc
    }
.bodyMainContent {
    background: url(media/headerBack.png) repeat-x 0 0;
    background-color: #010101
    }
/* --- Login --- */
h1.upper {
    text-transform: uppercase;
    color: #ddd
    }
.floatyContainer {
    width: 725px;
    padding: 20px 0 0 0
    }
.floatyBox {
    width: 300px;
    min-height: 300px;
    margin: 0 20px 20px 0;
    float: left;
    padding: 15px 20px;
    background: url(media/boxBack.png) repeat-x 0 0 #1c1c1c
    }
.floatyBox img {
    padding: 0 0 10px 0
    }
.floatyBox h2 {
    text-transform: uppercase;
    padding: 0 0 10px 0;
    font-size: 14px;
    color: #ddd
    }
/* --- Booths --- */
.panelFull .panelBooths .panelContent {
    position: relative
    }
.boothBannerTop {
    height: 196px;
    width: 708px;
    background: url(/style/media/booths/banner-booths.png) no-repeat 0 0;
    margin: 0 0 20px 0
    }
.boothContentBanner {
    background: url(media/booths/funky-header.jpg) no-repeat 0 0 #1c1c1c;
    width: 708px;
    height: 369px;
    position: relative
    }
.boothContentBanner span {
    position: absolute;
    width: 380px;
    height: 100px;
    top: 200px;
    left: 30px;
    color: #ddd
    }
.boothContentNarrowBooth {
    background: url(/style/media/booths/narrowBooths.png) no-repeat 0 0;
    width: 534px;
    height: 79px;
    padding: 0
    }
.boothContentNarrowEvent {
    background: url(/style/media/booths/narrowBoothEvents.png) no-repeat 0 0;
    width: 534px;
    height: 79px;
    padding: 0
    }
.boothContentNarrowBoothy {
    background: url(/style/media/booths/narrowBoothBooths.png) no-repeat 0 0;
    width: 534px;
    height: 79px;
    padding: 0
    }
.boothContentNarrowBody {
    background: url(/style/media/booths/narrowBody.png) repeat-y 0 0;
    clear: right;
    padding: 15px 0 0 0;
    margin: 0;
    width: 534px
    }
.boothContentNarrowFooter {
    background: url(/style/media/booths/narrowFooter.png) no-repeat bottom left;
    width: 534px;
    height: 24px;
    position: relative;
    top: -10px
    }
.boothRelativeRight {
    position: relative;
    float: right
    }
.boothContentRight {
    background: url(/style/media/booths/swirlies.png) no-repeat top right;
    height: 390px;
    width: 168px;
    position: absolute;
    top: 0;
    left: -168px
    }
.boothsEventList h2 a {
    color: #fff;
    font-weight: bold
    }
.boothContentNarrowBody .nonEventItem {
    padding: 0 0 20px 22px;
    font-weight: bold;
    font-size: 120%
    }
.boothLeftPos {
    width: 534px;
    border: 1px solid #fff
    }
.boothEvent, .boothInfo {
    margin: 20px 20px 0 20px;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #333;
    font-weight: bold
    }
.boothEvent h3 {
    padding: 0 0 10px 0
    }
.boothEvent select {
    padding: 2px 2px 2px 10px;
    font-size: 12px;
    background-color: #eee;
    color: #333
    }
.notop {
    margin: 0 20px 0 20px
    }
.boothListBooth .boothCost {
    border: 1px solid #222
    }
.chooseAnother {
    float: right
    }
/*added by -mm  ---Booths Bottles --- */
.boothContentNarrowBody .printingAgreement {
    background-color: #000;
    background-image: none
    }
.boothContentNarrowBody .printingAgreement p {
    background-color: #000
    }
.boothContentNarrowBody .printingAgreement p input {
    float: none
    }
.boothBottleContentNarrowBoothy {
    background: url(/style/media/booths/narrowBoothAddDrinks.png) no-repeat 0 0;
    width: 534px;
    height: 79px;
    padding: 0
    }
.boothBottleContentNarrowBoothy .img {
    float: right;
    margin: 40px 10px 0 0
    }
.boothBottleContentNarrow {
    width: 534px;
    padding: 10px
    }
.boothBottleContentNarrow .h3 {
    margin-left: 20px
    }
.bottleQtyBox {
    width: 14px;
    height: 16px;
    margin: 0 5px;
    text-align: center;
    color: #000
    }
.topborder {
    border-top: 1px solid #333;
    padding-top: 20px
    }
.bottlesContainer {
    padding: 0 20px 6px 20px
    }
.accordh3 {
    padding: 10px 0 10px 0;
    border-top: 1px solid #333;
    background: url(/style/media/accordian-viewlist.jpg) no-repeat 100% 50%
    }
.accordh3Next {
    padding: 10px 0 12px 0;
    border-top: 1px solid #333;
    background: url(/style/media/accordian-closelist.jpg) no-repeat 100% 45%
    }
.bottlesContainer h3 {
    color: #FFF
    }
.bottlesContainer h3 ul li {
    cursor: pointer
    }
.bottlesContainer h3 .togg {
    background: url(/style/media/accordian-closelist.jpg) no-repeat 100% 18%
    }
.bottlesContainer h3 .accord .trigger {
    background: url(/style/media/basket_delete_small.png) no-repeat top right
    }
.bottlesContainer h3 .accord .trigger .open {
    padding: 8px 0;
    border-top: 1px solid #333;
    background: url(/style/media/accordian-closelist.jpg) no-repeat top right
    }
/*.bottlesContainer div {padding: 5px 10px;}*/
.boothBottles {
    clear: both;
    margin-bottom: 0;
    padding: 0;
    margin-left: 0
    }
.boothBottles h2 {
    padding: 10px 10px
    }
.boothBottles h3 {
    margin-bottom: 10px
    }
.boothBottles .left {
    float: left
    }
.boothBottles .right {
    float: right
    }
.trow {
    padding: 5px;
    border: 1px solid #333
    }
.boothBottles .bottleDetails {
    float: right;
    width: 124px;
    padding-top: 10px
    }
.boothBottles .bottleDetails .cost {
    color: #886D20;
    font-size: 200%;
    font-weight: 300;
    margin: 0;
    padding: 0;
    float: right
    }
.bottleItems {
    border: 1px solid #333;
    width: 215px;
    height: 110px;
    padding: 5px 10px 10px;
    margin: 0 0 20px;
    float: left
    }
.bottleItemsAlt {
    border: 1px solid #333;
    width: 215px;
    height: 110px;
    padding: 5px 10px 10px;
    margin: 0 0 20px;
    float: right
    }
.bottlename {
    font-size: 110%;
    padding: 0;
    font-weight: bold
    }
.bottlePrice {
    float: left;
    border-top: 1px solid #333;
    margin-top: 0;
    padding: 0;
    width: inherit
    }
.bottlePrice .thislabel {
    margin: 5px 0 0;
    float: left
    }
.bottleQty {
    float: left;
    border-top: 1px solid #333;
    padding: 7px 0 0 0;
    width: inherit
    }
.bottleQty a {
    float: right
    }
.bottleQty input {
    float: right
    }
.bottleQty img {
    padding-top: 4px
    }
/*.bottleItemsAlt .bottlename {font-size:110%; padding:0px; font-weight:bold;}*/
/*.bottleItemsAlt .bottleDetails .bottlePrice {float:left; border-top:1px solid #333333;margin-top:0px;padding:0px; width:inherit;}*/
/*.bottleItemsAlt .bottleDetails .bottlePrice .thislabel {margin:5px 0 0;float:left;}*/
/*.bottleItemsAlt .bottleDetails .bottleQty {float:left; border-top:1px solid #333333; padding:7px 0 0 0; width:inherit;}*/
/*.bottleItemsAlt .bottleDetails .bottleQty img {padding-top: 4px;}*/
/*.bottleItemsAlt .bottleDetails .bottleQty a {float:right;}*/
/*.bottleItemsAlt .bottleDetails .bottleQty input {float:right;}*/
.bottleImage {
    float: left;
    padding: 10px 10px 0 0;
    width: 79px;
    clear: both
    }
#bottleImageLarge p {
    color: #333
    }
#zoom_content {
    color: #333
    }
.lrgBottle {
    clear: both;
    width: 230px;
    padding: 12px 0 0 2px;
    border: 1px solid #333
    }
.lrgBottleImg {
    color: #000;
    float: left
    }
.lrgBottleDesc {
    float: left
    }
.lrgBottleDesc p {
    color: #333;
    float: left;
    padding-left: 4px;
    width: 144px;
    text-align: justify
    }
.bottleItemstable th {
    padding: 0;
    line-height: 0
    }
.bottleItemstable tr {
    border: 1px solid #333
    }
.bottleItemstable td {
    background: none;
    text-align: center;
    padding: 5px 0;
    border: none;
    width: 95px;
    height: 0
    }
.bottleItemstable td.basketQty {
    text-align: right;
    width: 80px
    }
.bottleItemstable td.basketDesc span.packageName {
    font-weight: normal
    }
.bottleItemstable td.basketPackage {
    padding-left: 5px;
    width: 180px
    }
.bottleItemstable td.basketTotal {
    color: #fff;
    text-align: left
    }
.bottleItemstable td.basketRemove {
    padding-right: 0;
    width: 150px
    }
.boothBottlesAddl {
    clear: both;
    margin: 20px;
    padding: 0
    }
.additionaldrink {
    float: left;
    background: #000 url(/style/media/bottlelist-background.jpg) no-repeat;
    clear: both;
    border: 1px solid #333;
    margin-bottom: 5px
    }
.additionaldrink p {
    padding: 5px 5px
    }
.additionaldrinkNone {
    background: #000 url(/style/media/bottlelist-background.jpg) no-repeat;
    clear: both;
    border: 1px solid #333;
    margin-bottom: 5px
    }
.additionaldrinkNone p {
    padding: 5px 5px
    }
.paddtobasket {
    margin-bottom: 10px
    }
/*Go Go Karaoke -mm 19/11/2010*/
.goKaroake {
    background: #000 url(/style/media/bottleList-background.jpg) no-repeat;
    clear: both;
    border: 1px solid #333;
    margin: 20px;
    padding: 18px 15px 20px
    }
.goKaroakeTxt {
    float: left
    }
.goKaroakeTxt p {
    line-height: 1.4em;
    padding: 0
    }
.goKaroakeTxt p a {
    padding: 0 22px
    }
.goKaroakeImg {
    float: right;
    padding: 5px 0
    }
/* --- Femi Whosup --- */
.wrapperW {
    width: 1001px;
    overflow: hidden;
    background-color: #FFF
    }
.boldtext {
    font-weight: bold
    }
.boldwhite {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFF;
    font-weight: bolder;
    vertical-align: middle;
    padding: 15px
    }
.returnlistcontent {
    color: #7D1CBB;
    font-weight: bold;
    font-size: 11pt;
    padding: 5px;
    background-color: #282828;
    border: 5px solid #1C1C1C;
    border-bottom: 0 none
    }
.returnlistcontent a {
    font-weight: bold
    }
.right {
    float: right
    }
.left {
    float: left
    }
.getButtons {
    float: left;
    padding-right: 15px
    }
.recipientlistcontent {
    color: #fff;
    vertical-align: middle;
    height: 30px
    }
.recipientlistcontent td {
    padding: 1px;
    background: #3E3E3E url(media/whosup/content/tdBoxBgd.gif) repeat-x scroll center top
    }
.recipientlistcontent span {
    font-weight: bold
    }
.divReminder {
    text-align: right;
    padding: 6px 5px 4px 5px;
    background-color: #000;
    color: #FFF
    }
.divReminder input {
    vertical-align: middle
    }
.partylisttcontent {
    color: #000;
    font-size: 10pt;
    background-color: #e5e5e5;
    padding: 10px 0 10px 10px
    }
.mainheader {
    clear: both;
    background: url(/style/media/whosup/content/wheader.jpg);
    width: 1009px;
    height: 52px;
    margin-left: -4px
    }
.mainbody {
    background-image: url(/style/media/whosup/content/wbody.jpg) repeat-y;
    width: 971px;
    padding: 15px
    }
.mainfooter {
    clear: both;
    background: url(/style/media/whosup/content/wfooter.jpg);
    height: 16px;
    width: 1009px;
    margin-left: -3px
    }
.horizontaldiv {
    background: #000;
    width: 1px;
    padding: 0;
    margin: 0
    }
.horizontalBlackdiv {
    padding: 0;
    margin: 0;
    border-left: solid 1px #454545
    }
.recipientTables {
    padding: 0
    }
.clear {
    clear: both
    }
.pinkheader {
    background-color: #f81092;
    background: url(/style/media/whosup/content/pinkBg.gif) repeat-x;
    padding: 15px 0 13px 10px;
    font-family: Arial;
    color: #FFF;
    font-weight: bold;
    font-size: 11pt;
    vertical-align: middle;
    margin-bottom: 0
    }
.blkgradientheader {
    background-color: #000;
    padding: 3px 0 0 14px;
    color: #FFF;
    font-weight: bold;
    width: 228px;
    height: 34px;
    vertical-align: middle
    }
.blkgradientheader span {
    font-weight: bold
    }
.InOutbg {
    color: #FFF;
    font-weight: bold;
    font-size: 12pt;
    vertical-align: middle;
    padding: 0 0 0 20px !important;
    margin-bottom: 20px
    }
.Iminbg {
    background: url(/style/media/whosup/content/Iminbg.gif) repeat-x;
    height: 32px;
    color: #000;
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
    padding: 15px 20px 0 20px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    float: left
    }
.graybackheader {
    background-color: #595a5b;
    color: #FFF;
    font-size: 11pt;
    font-weight: bold;
    padding: 9px 0 0 10px;
    height: 30px
    }
.wbody {
    width: 700px;
    color: #000;
    background-color: #ccc
    }
.valSummary {
    border: solid 1px #F00;
    padding: 5px, 5px, 5px, 5px;
    color: #F00;
    font-size: 9px
    }
.req {
    font-size: 8pt;
    color: #000;
    padding-left: 515px
    }
.messagebox {
    background-color: White;
    width: 518px;
    height: 140px;
    border: 0.5px solid #ccc;
    overflow: hidden
    }
.mlabel {
    width: 190px;
    padding-right: 149px;
    font-weight: bold;
    margin-bottom: 10px
    }
.mtext {
    width: 192px;
    height: 16px;
    padding: 2px 4px;
    font-size: 8pt;
    color: #666;
    background-color: #FFF;
    border: 0 none;
    margin-bottom: 15px;
    margin-right: 9px
    }
.buttonleft {
    float: left;
    padding-left: 20px
    }
.buttonRight {
    float: right;
    padding-right: 20px
    }
.buttonMiddle {
    float: left;
    padding-left: 143px
    }
.vline {
    border: 2px solid #000;
    line-height: 0;
    margin: 20px 0 20px 0
    }
.buttonBox {
    margin: 0 24px 0 0
    }
.label {
    float: left;
    width: 100px;
    white-space: nowrap;
    vertical-align: middle;
    color: #fff;
    text-align: left;
    font-weight: bold;
    padding-right: 5px
    }
.text {
    font-size: 10pt;
    font-weight: normal
    }
.textbox {
    font-size: 10pt;
    font-weight: normal;
    width: 200px
    }
.large {
    width: 516px
    }
.textarea {
    width: 200px;
    height: 100px;
    color: #666;
    background-color: #FFF;
    border: 0.5px solid #ccc
    }
.formarea {
    padding-bottom: 15px
    }
.whitedivider {
    width: 668px;
    height: 9px;
    background-color: #fff
    }
.contentbg {
    background-color: #ccc;
    padding: 15px
    }
.cancelbg {
    width: 667px;
    background-color: #FFF;
    padding-bottom: 15px;
    border: 1px solid #ccc
    }
.contentdivideWhite {
    width: 665px;
    height: 15px
    }
.imgPreviewbox h2 {
    float: left;
    padding: 8px 0 0 12px;
    color: #fff
    }
.mailheader {
    border: 0;
    color: #000;
    font-size: 9pt;
    font-weight: normal;
    height: 50px
    }
.friendlist, .friendlistEmail {
    padding: 0;
    margin: 0
    }
.friendlist span {
    background: url(/style/media/whosup/content/mailback.gif) repeat-x;
    padding: 0 0 0 5px;
    height: 20px;
    color: #000;
    font-weight: normal;
    font-size: 10pt;
    vertical-align: middle;
    width: 155px;
    border: solid 1px #A6A6A6;
    margin: 0 4px 2px 0;
    display: block
    }
.friendlistEmail span {
    background: url(/style/media/whosup/content/mailback.gif) repeat-x;
    padding: 0 0 0 5px;
    height: 20px;
    color: #000;
    font-weight: normal;
    font-size: 10pt;
    vertical-align: middle;
    width: 254px;
    border: solid 1px #A6A6A6;
    margin: 0 4px 2px 0;
    display: block
    }
.existDiv .friendlist span {
    width: 146px
    }
.existDiv .friendlistEmail span {
    width: 262px
    }
.friendlycheckbox {
    padding-right: 6px
    }
.friendheader {
    background-color: #000;
    color: #FFF;
    font-size: 11pt;
    font-weight: bold;
    padding: 5px 0 5px 10px;
    margin-top: 20px
    }
.info {
    font-size: 12px;
    color: #FF4C00
    }
.divider {
    border-top: 1px solid #666;
    width: 80%;
    background-color: #999
    }
.middleDivide {
    float: left;
    width: 15px;
    background-color: #FFF;
    height: 500px
    }
/*  eflyer css*/
.bdayheader {
    height: 199px;
    background: url(/style/media/whosup/eflyer/birthday_header.gif)
    }
.officeheader {
    height: 198px;
    background: url(/style/media/whosup/eflyer/office_header.gif)
    }
.whosupheader {
    height: 197px;
    background: url(/style/media/whosup/eflyer/whosup_header.jpg)
    }
.eflyerheader {
    margin-top: 20px;
    width: 660px;
    background-repeat: no-repeat;
    background-position: center;
    clear: both
    }
.eflyerbody {
    background: url(/style/media/whosup/eflyer/eflyer_bg.jpg) repeart-y
    }
.eflyerfooter {
    height: 19px;
    background: url(/style/media/whosup/eflyer/eflyer_footer.jpg)
    }
.eflyer_vline {
    width: 546px;
    height: 22px;
    background: url(/style/media/whosup/eflyer/eflyer_vline.jpg);
    text-align: center;
    background-color: #FFF
    }
.previewContainer img {
    margin: 0;
    padding: 0;
    border: 0 none
    }
.pinktext {
    font-weight: bold;
    font-size: 18pt;
    color: #F7239C
    }
.boldflyer {
    font-size: 14pt;
    font-weight: bold
    }
.pinkbgtext {
    background-color: #F7239c;
    font-size: 16pt;
    font-weight: bold;
    color: #FFF
    }
.navline {
    border-top: 2px solid #595a5b;
    padding: 5px 5px 0 10px;
    text-align: center
    }
.whosupLeftNav .navEventName {
    color: #7d1cbb;
    padding: 0 0 2px 0;
    font-size: 10pt;
    font-weight: bold
    }
.whosupLeftNav .navlabel {
    font-weight: normal;
    font-size: inherit;
    padding: 0
    }
.whosupLeftNav .navboldlabel {
    font-weight: bold;
    padding: 0
    }
.whosupLeftNav .navImage {
    width: 227px;
    padding: 0 0 10px 0
    }
.whosupLeftNav .navcontent {
    background-color: #e5e5e5;
    color: #000;
    padding: 10px;
    width: 232px
    }
.navRcontent {
    color: #000;
    background-color: #cacaca
    }
.whosupLeftNav .navheader {
    background-color: #595a5b;
    color: #FFF;
    padding: 10px 0 0 10px;
    height: 30px;
    width: 242px;
    font-size: inherit
    }
.navheadersmall {
    width: 265px;
    background-color: #595a5b;
    color: #FFF;
    font-family: Arial;
    font-size: 12pt;
    padding: 10px 0 0 10px;
    height: 30px
    }
.commentbox {
    background-color: White;
    width: 400px;
    height: 100px;
    border: 0.5px solid #C0C0C0
    }
.popupHeader {
    background-color: #F7239c;
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    color: #FFF;
    padding: 5px 0 5px 10px
    }
.star {
    color: Red
    }
span#seeAw {
    font-size: 10pt;
    font-weight: bold;
    color: #FFF;
    padding-right: 5px;
    clear: right
    }
span#seeAw a {
    color: #FFF
    }
span#seeAw a:active {
    color: #FFF
    }
span#seeAw a:hover {
    text-decoration: underline;
    color: #FFF
    }
span#seeAw a:visited {
    color: #FFF
    }
span#seeO {
    font-size: 10pt;
    font-weight: bold;
    color: #FFF;
    padding-right: 5px
    }
span#seeO a {
    color: #FFF
    }
span#seeO a:active {
    color: #FFF
    }
span#seeO a:hover {
    text-decoration: underline;
    color: #FFF
    }
span#seeO a:visited {
    color: #FFF
    }
span#seeI {
    font-size: 10pt;
    font-weight: bold;
    color: #FFF;
    padding-right: 5px
    }
span#seeI a {
    color: #FFF
    }
span#seeI a:active {
    color: #FFF
    }
span#seeI a:hover {
    text-decoration: underline;
    color: #FFF
    }
span#seeI a:visited {
    color: #FFF
    }
.whosupLeftNav {
    float: left;
    width: 252px;
    padding-right: 20px
    }
.whosupRightCol {
    float: left;
    width: 688px
    }
.eventDetails {
    padding-bottom: 20px
    }
.whosupRightCol .noRightPadding {
    padding-right: 0
    }
.partyListHolder .pinkheader {
    margin-bottom: 0
    }
.loogedOnUser {
    width: 467px;
    float: left;
    padding: 17px 0 0 0
    }
.loogedOnUser span {
    font-weight: bold
    }
.popinDiv {
    width: 48px;
    float: left;
    border-right: solid 1px #6B6C6E;
    padding: 17px 20px;
    border-left: solid 1px #6B6C6E
    }
.popoutDiv {
    width: 59px;
    float: left;
    padding: 18px 15px;
    border-right: solid 1px #6B6C6E;
    border-left: solid 1px #6B6C6E
    }
/* --- Whosup --- */
.rightCol .imgContainer {
    width: 707px;
    height: 64px;
    float: none
    }
.rightCol .imgWhosup {
    width: 707px;
    height: 140px;
    background: url(/style/media/whosup/v2/banner1.jpg) no-repeat top right;
    margin: 0 0 20px 0;
    clear: both
    }
.imgContainer .step1on {
    width: 179px;
    height: 64px;
    background: url(/style/media/whosup/v2/step1on.png) no-repeat top right;
    float: left
    }
.imgContainer .step1off {
    width: 179px;
    height: 64px;
    background: url(/style/media/whosup/v2/step1off.png) no-repeat top right;
    float: left
    }
.imgContainer .step1off:hover {
    width: 179px;
    height: 64px;
    background: url(/style/media/whosup/v2/step1on.png) no-repeat top right;
    float: left
    }
.imgContainer .step2on {
    width: 177px;
    height: 64px;
    background: url(/style/media/whosup/v2/step2on.png) no-repeat top right;
    float: left
    }
.imgContainer .step2off {
    width: 177px;
    height: 64px;
    background: url(/style/media/whosup/v2/step2off.png) no-repeat top right;
    float: left
    }
.imgContainer .step2off:hover {
    width: 177px;
    height: 64px;
    background: url(/style/media/whosup/v2/step2on.png) no-repeat top right;
    float: left
    }
.imgContainer .step3on {
    width: 177px;
    height: 64px;
    background: url(/style/media/whosup/v2/step3on.png) no-repeat top right;
    float: left
    }
.imgContainer .step3off {
    width: 177px;
    height: 64px;
    background: url(/style/media/whosup/v2/step3off.png) no-repeat top right;
    float: left
    }
.imgContainer .step3off:hover {
    width: 177px;
    height: 64px;
    background: url(/style/media/whosup/v2/step3on.png) no-repeat top right;
    float: left
    }
.imgContainer .step4on {
    width: 174px;
    height: 64px;
    background: url(/style/media/whosup/v2/step4on.png) no-repeat top right;
    float: left
    }
.imgContainer .step4off {
    width: 174px;
    height: 64px;
    background: url(/style/media/whosup/v2/step4off.png) no-repeat top right;
    float: left
    }
.imgContainer .step4off:hover {
    width: 174px;
    height: 64px;
    background: url(/style/media/whosup/v2/step4on.png) no-repeat top right;
    float: left
    }
.whosupcontent {
    background: #1C1C1C url(media/boxBack.png) repeat-x scroll center top;
    width: 667px;
    min-height: 140px;
    padding: 20px
    }
.whosupcontent .boxLeft {
    float: left;
    width: 300px
    }
.whosupcontent .boxLeftFull {
    float: left;
    width: 660px
    }
.whosupcontent .boxRight {
    width: 335px;
    float: right
    }
.whosupcontent .boxRight .login {
    width: 335px;
    padding-bottom: 20px;
    margin: 0
    }
.whosupcontent .boxRight .login h2 {
    display: block;
    padding: 10px;
    background-color: #282828
    }
.whosupcontent .boxRight .login .miniBoxText {
    background: #282828 url(media/boxBack.png) repeat-x scroll center top;
    width: 295px;
    padding: 20px
    }
.whosupcontent .boxRight .login .inputField {
    height: 25px;
    width: 290px
    }
.whosupcontent .boxRight .login .inputField span {
    vertical-align: middle
    }
.whosupcontent .boxRight .login input {
    border: 0;
    margin-left: 30px;
    vertical-align: middle
    }
.whosupcontent .boxRight .login .siginButton {
    float: left;
    margin: 0 0 0 115px
    }
.whosupcontent .boxRight .login .registerButton {
    margin: 10px 0 0 115px
    }
.whosupListing {
    padding: 20px
    }
.whosupListing {
    float: left;
    width: 666px;
    margin-bottom: 10px;
    background: #1C1C1C url(media/boxBack.png) repeat-x scroll center top
    }
.whosupListing a {
    font-weight: bold
    }
.whosupListing .calDate {
    font-weight: bold
    }
.whosupListing .eventListDay {
    background: #333;
    margin-bottom: 20px
    }
.whosupListing .eventListDayHeader {
    background: url(media/whosup/v2/pinkBack.png) repeat-x;
    color: #fff;
    height: 21px;
    padding: 5px 0 5px 15px;
    font-weight: bold
    }
.whosupListing .eventPrice {
    display: none
    }
.navheader {
    background-color: #000;
    padding: 10px
    }
.navheader p {
    float: left;
    padding: 0
    }
.navheader p span {
    font-weight: bold
    }
.navheader .right {
    clear: right;
    font-size: 80%
    }
.navboldlabel {
    font-weight: bold
    }
.navImage {
    float: left;
    padding: 5px 15px 15px 0
    }
.navcontent, .personalizeArea, .inviteesDiv, .graybackcontent, .friendsListHolder, .partyListHolderInner, .partyListHolderInnerDiv, .InOutbg {
    background: #282828 url(media/boxBack.png) repeat-x scroll center top;
    padding: 20px
    }
.personalizeArea, .graybackcontent, .inviteesDiv {
    margin: 20px 0
    }
.partyListHolderInner {
    background-color: #1c1c1c
    }
.whosupcontent .photo {
    width: 700px;
    margin-top: 20px
    }
.photo .previewBoxHolder {
    width: 320px;
    height: 200px;
    float: left;
    margin: 0 20px 0 0
    }
.photo .imgPreviewbox {
    background-color: #282828;
    height: 37px
    }
.photo .selectButton {
    margin: 7px 8px 0 0;
    float: right
    }
.photo .imageThumb {
    padding: 9px;
    background: #282828 url(media/boxBack.png) repeat-x scroll center top
    }
.photo .imageThumb p {
    text-align: right;
    padding-bottom: 0
    }
.photo .magnifierFooter {
    margin: 7px 0 0 0;
    height: 15px
    }
.photo .magnifierFooter:hover {
    text-decoration: none
    }
.photo .magnifierFooter strong {
    position: relative;
    top: -5px
    }
.whosUpPreview {
    background: #282828 url(media/boxBack.png) repeat-x scroll center top;
    margin-bottom: 20px
    }
.mailProviders {
    float: left;
    background-color: #FFF;
    height: 52px;
    vertical-align: middle;
    width: 441px
    }
.importMailheader p {
    float: left;
    color: #fff;
    padding: 0 20px 0 0
    }
.importMailheader span {
    color: #AA63EC;
    font-weight: bold;
    background: url(media/whosup/arrow.png) no-repeat right;
    padding-right: 15px
    }
.style1 {
    width: 138px
    }
#partylist table tr {
    background: #282828 url(media/boxBack.png) repeat-x scroll center top
    }
.recipientlistcontent .left {
    padding: 6px
    }
.recipientlistcontent .right {
    clear: right;
    padding: 0 0 0 0
    }
.betterTip img {
    padding: 4px 6px 0 0
    }
.marginTop {
    margin-top: 20px
    }
#divpost .wallTextBox {
    border: 1px solid #ccc;
    float: left;
    padding: 10px;
    margin: 10px 10px 10px 17px;
    width: 514px;
    height: 75px
    }
#divpost .wallSubmit {
    padding: 0 10px 10px 10px;
    float: right;
    clear: right;
    text-align: right;
    margin: 85px 10px 0 10px;
    display: block;
    cursor: pointer
    }
.partyListHolderInner .pinkheader {
    padding: 10px;
    color: #FFF;
    font-weight: bold;
    font-size: 100%;
    vertical-align: middle;
    margin-bottom: 0
    }
.friendsListHolder {
    overflow: auto;
    padding: 20px 0 0 15px;
    height: 400px
    }
.pxdown {
    padding-right: 20px
    }
.ieclear {
    clear: both;
    float: none
    }
/* editor styles */
.imageRight {
    float: right;
    margin: 0 0 10px 10px
    }
.imageLeft {
    float: left;
    margin: 0 10px 10px 0
    }
/* standard valuation styles */
.valForm p {
    clear: both
    }
span.valError {
    display: block;
    font-weight: bold;
    margin-left: 120px;
    clear: both
    }
span.requiredField {
    display: inline;
    font-weight: normal;
    margin: 0
    }
span.boothVal {
    margin-left: 160px
    }
span.chkVal {
    margin-left: 0
    }
p.basicError {
    font-weight: bold;
    color: Red;
    clear: both;
    display: block
    }
/* new H */
.kH {
    color: #0be4d9
    }
.contactPanelLeft, .contactPanelRight, .jobListing, .offersListing {
    margin-top: 10px
    }