﻿/* Rooms pages */
.roomsListing{padding-top:10px;}
.roomsListing .roomItem{width:181px;min-height:126px;float:left;padding:20px;margin:0 20px 20px 0;background:#1c1c1c url(media/box-bg.gif) repeat-x;}
.roomsListing .roomItemRight{width:181px;min-height:126px;float:left;padding:20px;margin:0 0 20px 0;background:#1c1c1c url(media/box-bg.gif) repeat-x;}
.roomContentLeft {float:left;width:440px;margin:20px 20px 0 0;}
.roomContentRight {float:left;width:240px;margin:20px 0 0;padding:0;}
.roomContentLeft .roomInfo{background:#1c1c1c url(media/box-bg.gif) repeat-x;padding:20px;margin-bottom:20px;}
.roomContentLeft .roomInfo2, .roomContentRight .roomInfo2{background:#1c1c1c;margin-bottom:20px;}
.roomContentLeft .roomInfo2 h2, .roomContentRight .roomInfo2 h2{background:#1c1c1c;padding:10px;font-size:100%;}
.roomInfo2 a{font-weight:bold;}
.roomInfo2 .date{font-weight:bold;}
.roomInfoInner{background:#1c1c1c url(media/box-bg.gif) repeat-x;padding:10px;}
.roomBoothRpt
{
border-bottom:solid 1px #4b4b4b;margin-bottom:10px;padding-bottom:10px;
}
.roomBoothRpt .brptImg{float:left;margin-right:10px;}
.roomDjImg{float:left;margin-right:10px;}
 
/* Jobs */
.jobListing {float:left;width:520px;margin-right:20px;min-height:300px;}
.jobItem {padding:20px;background:#1c1c1c url(media/box-bg.gif) repeat-x;margin-bottom:20px;}
.jobItem h2{color:#b269ec;font-size:100%;}
.jPost{float:left;width:200px;color:#b9b9b9;}
.jClose{float:left;color:#b9b9b9;}
.jDesc{clear:both;color:#b9b9b9;}
.jobItemDesc{clear:both;background:#1c1c1c url(media/box-bg.gif) repeat-x;padding:20px;margin-top:10px;}
.jobBox{float:left;width:120px;padding:20px;margin-bottom:20px;background:#3dc1c6 url(media/jobBox-bg.gif) repeat-x;color:#FFFFFF;}
.jobBox a{color:#FFFFFF;}

/* root pages */
.rootContent{ background:url(media/root/panel-full-bg.png) repeat-y top left; }
.fullRoot{background:url(media/root/panel-full-bot.png) no-repeat bottom left;}
.rootInner{background:url(media/root/root-bg.jpg) no-repeat;min-height:517px;padding:20px 20px 0 20px;width:960px;}
.rootInner input{vertical-align:middle;}
.rootLeft{width:345px;float:left;margin-right:20px;background:#1c1c1c;color:#d2d2d2;}
.rootRight{width:345px;float:left;background:#1c1c1c;color:#d2d2d2;}
.rootLeft h2, .rootRight h2{padding:10px;color:#FFFFFF;background:url(media/root/head-bg.gif) repeat-x #62269a;}
.rootColInner{padding:10px;min-height:430px;}
.rootMap{background:url(media/root/root-map.jpg) no-repeat bottom right;min-height:430px;}
.rootColBox{background:#282828;padding:10px 20px 20px;margin-bottom:10px;}
.rootColBox label{font-size:110%;}
.rootInput{width:200px;}

/* contact page */
.contactPanelLeft{float:left;width:440px;}
.contactPanelRight{float:right;width:250px;}
.contactPanel {margin-bottom:10px;background:#cacaca;padding-bottom:4px;}
.contactPanel h2{padding:4px 10px;color:#FFFFFF;background:#595a5c}
.contactPanelInner{background:#e5e5e5;padding:10px;margin:10px;}
.contactBox{background:#1c1c1c url(media/box-bg.gif) repeat-x;padding:20px;margin-bottom:20px;}
.contactMap{width:210px;height:210px;}
.conForm label{float:left;clear:left;width:160px;}
.conForm .formInput{width:230px;}
.conForm .formInputArea{width:230px;height:100px;}
.conCheck label{float:none;}

/* promotions */
.offersListing{background:#1c1c1c;}
.offersListing h2{padding:10px 20px;}
.offersListingInner{padding:20px;background:#1c1c1c url(media/box-bg.gif) repeat-x;}
.offerItem, .altOfferItem{padding:10px;background:#282828 url(media/box-bg2.gif) repeat-x;width:303px;float:left;margin-bottom:20px;}
.offerItem{margin-right:20px;}
.offerItem .offerImg, .altOfferItem .offerImg{float:left;margin-right:10px;}
.offerDiv{background:#1c1c1c;}
.offerDiv h2{padding:10px 20px;}
.offerDiv h2 a{float:right;}
.offerDiv h2 img{vertical-align:middle;}
.offerDiv p {background:#1c1c1c url(media/box-bg.gif) repeat-x;padding:20px; clear: both; border: 0px solid #fff; }
.offerDiv .offerImg img{width:670px;}

.fullPanel{background:url(media/root/panel-full-bg.png) repeat-y;width:1006px;}
.fullContent{padding:20px;background:#000000 url(media/rightCol-bg.gif) repeat-x;width:958px;}

/* Edit Basket */
.basketHeader{background:#1c1c1c;color:#FFFFFF;margin-bottom:5px;}
.basketHeader th{text-align:center; padding:10px;width:95px;} 
th.basketDesc{text-align:left;width:480px;}
th.basketPrice{}
th.basketQty{}
th.basketTotal{}
th.basketRemove{}
.basketItems th{padding:10px;}
.basketItems td, .basketCommands td{background:#cacaca;text-align:center;padding:10px;font-weight:bold;border:none;width:95px;background:#000000 url(media/rightCol-bg.gif) top right no-repeat;}
td.basketDesc{text-align:left;width:480px;color:#ccc;}
td.basketDesc span.packageName{font-weight:normal;}
td.basketPrice{color:#ccc;}
td.basketQty{color:#ccc;}
td.basketQty input { width:25px; border: 1px solid #333; padding: 3px 3px 3px 15px; }
td.basketQty input:focus { border: 1px solid #ccc; }
td.basketTotal{color:#fff;}
td.basketRemove{color:#000000;}
th.spanner{text-align:left;background:#595a5c;font-weight:bold;color:#FFFFFF;border:none;}
td.basketPackage{padding-left:30px;width:460px}
.basketSummary{text-align:right;}
.basketSummary p{clear:both;}
.updateBasketP{float:right;}
.emptyBasketP{float:right;margin-left:80px;}
p.basketTotal{ float: right; background: #1ca49d; color: #fff; font-weight: bold; font-size:1.4em; margin: 0 0 10px; padding: 0px; }
p.basketTotal span{float:left;width:95px;padding:10px;text-align:center;font-weight: bold; }

/* check out */
.checkoutWide{float:left;width:700px;margin-right:20px;padding-bottom:20px;}
.checkoutWide h2{background:#1c1c1c;color:#FFFFFF;padding:8px;border-top:solid 1px #000000;}
.checkoutWide h2.noncomp{background:#1c1c1c;color:#434343;}
.checkoutWide h2.top{border-top:none;}
.checkoutSmall { float:left;width:230px; }
.checkoutSmall p { background:#595a5c;color:#FFFFFF;font-weight:bold;padding:5px 10px;margin-top:1px}
.checkoutSmall .progress { background:#1c1c1c;color:#FFFFFF;font-weight:bold; }
.checkoutSmall .noncomp { background:#1c1c1c;color:#434343;font-weight:bold; }
.checkoutSummary { color:#fff; background:#000000 url(media/rightCol-bg.gif) top right no-repeat;}
.checkoutSummary p { background:none;color:#ccc; }
.checkoutContent {background:#1c1c1c url(media/box-bg.gif) repeat-x; padding:10px;}
.checkoutContent .basketHeader th{background:#595a5c;} 
.checkoutContent .promoCode{background:#e5e5e5;float:left;width:400px;padding:10px; margin-top:20px;color:#ccc;background:#000000 url(media/rightCol-bg.gif) top right no-repeat;}
.checkoutContent .promoCode h3{font-size:130%;}
.checkoutContent .promoCode p{font-weight:bold;}
.checkoutContent .promoCode .billingPromo{width:200px;margin-right:20px;}
.applyPromo{vertical-align:middle;}
.checkoutContent p input { border: 1px solid #333; padding: 3px; }
.checkoutContent input:focus { border: 1px solid #ccc; }
.checkoutContent p.basketTotal { background: #1ca49d; color: #fff; padding: 0px; text-align: right; }
.checkoutContent p.basketTotal span{float:left;width:90px;padding:5px;text-align:center;font-size:120%;}
.checkoutContent .back{float:left;}
.checkoutContent .continue{float:right;}
.checkoutContent .billingLarge{width:400px;}
.checkoutContent .billingMedium{width:200px;}
.checkoutContent .billingSmall{width:50px;}

.checkoutContent .required{font-weight:bold;color:red;}
.checkoutSmall .summaryEdit{text-align:right;}
.checkoutSmall .summaryEdit a{padding-right:10px}

.header{width: 1002px;margin: 0 auto;background:url(media/root/rootHeader-bg.jpg) no-repeat;}
.rootHeaderClear{clear:both;background:url(media/root/head-bot.gif) no-repeat bottom left;height:5px;}

/* accounts */

.importantText1 { background: url(media/iDarkBgd.gif) no-repeat left center; padding:10px 0 10px 40px;  font-size:130%; font-weight:bold;}
.accountsWide{float:left;width:710px;margin-right:20px;padding-bottom:20px;}
.accountsWide h2{background:#1c1c1c;color:#FFFFFF;padding:8px;margin-top:1px;}
.accountsWide h2.noncomp{background:#1c1c1c;color:#797979;}
.accountsWideContent {padding:10px;background:#1c1c1c url(media/box-bg.gif) repeat-x;margin-bottom:20px;}
.accountsSmall { float:left;width:220px; background:#000000;}
.accountsSmall p { background:#000000 url(media/rightCol-bg.gif) top right no-repeat; color:#ccc;font-weight:bold;padding:5px 10px;}
.accountsSmall p.nostrong{font-weight:normal;}
.accountsSmall h3 { background:#1c1c1c;color:#FFFFFF;font-weight:bold;padding:5px 10px;margin-top:1px;}
.accountsSmall ul { background:#000000 url(media/rightCol-bg.gif) top right no-repeat; color:#fff;font-weight:bold;padding:5px 10px;}
.accountsSmall li { padding:2px 0;}
/*.accountsSmall .noncomp { background:#cccccc;color:#9d9d9d;font-weight:bold; }*/
.accountsSummary { background:#f0f0f0;color:#333333; }
.accountsSummary p { background:none;color:#333333; }
.accountsContent {background:#1c1c1c url(media/box-bg.gif) repeat-x; padding:10px;font-weight:normal;}
.accountsContent p{font-weight:normal;}
.accountsContent .basketHeader th{background:#595a5c;} 
.accountsContent .promoCode{background:#e5e5e5;float:left;width:400px;padding:10px; margin-top:20px;}
.accountsContent .promoCode h3{font-size:130%;}
.accountsContent .promoCode p{font-weight:bold;}
.accountsContent .promoCode .billingPromo{width:200px;margin-right:20px;}
.applyPromo{vertical-align:middle;}
.accountsContent p.basketTotal{float:right;background:#0fd1c8;color:#FFFFFF;font-weight:bold;margin:20px 0 10px;}
.accountsContent p.basketTotal span{float:left;width:90px;padding:5px;text-align:center;font-size:120%;}
.accountsContent .back{float:left;}
.accountsContent .continue{float:right;}
.accountsContent .billingLarge{width:400px;}
.accountsContent .billingMedium{width:200px;}
.accountsContent .required{font-weight:bold;color:red;}
.accountsSmall .summaryEdit{text-align:right;}
.accountsSmall .summaryEdit a{background:url(media/more-arrow.gif) no-repeat center right;padding-right:10px}
.rightBtn{float:right;padding:0px 20px 0 0; }
.leftBtn{float:left;padding:10px 0 0 20px;}

.accountsWide p.viewMore, .accountsSmall p.viewMore{text-align: right; background:none; width:100%; padding-right:12px;float:none;}
.accountsWide p.viewMore a, .accountsWide p.viewMore a:link, .accountsWide p.viewMore a:visited, .accountsWide p.viewMore a:active, .accountsWide a span.viewMore{background: url(media/more-arrow.gif) no-repeat center right;padding-right: 10px;margin-right: 5px; font-weight: bold; }
.accountsSmall p.viewMore a, .accountsSmall p.viewMore a:link, .accountsSmall p.viewMore a:visited, .accountsSmall p.viewMore a:active, .accountsSmall a span.viewMore{background: url(media/more-arrow.gif) no-repeat center right;padding-right: 10px;margin-right: 5px; font-weight: bold; }
.accountsSmall span.viewMore{display:block;text-align:right;}

/* print ticket */
.printTicket{ width:596px;background:#FFFFFF;padding:0 0 20px 20px;margin:10px auto 0;line-height:1em;color:#000000;}
.printTicket p{font-weight:normal;clear:left;}
.printTicket .eventname{color:#851ac2;font-size:140%;font-weight:bold;padding-top:20px;padding:bottom:0;line-height:1em;}
.printTicket .eventdate{color:#696969;font-size:140%;font-weight:bold;padding-top:0;padding:bottom:0;line-height:1em;}
.printTicket .unitname{font-size:140%;font-weight:bold;}
.printTicket .ticketBarcode{float:right;padding:10px;}
.printTicket .customer{clear:both;font-size:140%;font-weight:bold;border-top:solid 2px #cdcdcd;}
.printTicket .qty{font-size:140%;font-weight:bold;}
.printTicket .tcs{border:solid 1px #000000;padding:10px;font-size:80%;margin:20px 20px 0 0;}
.printTicket .tDet{clear:left;}
.printTicket .tDet label{font-weight:bold;float:left;width:200px;}
.printTicket .tDet span{float:left;width:370px;}
.printTicket .clubpackName{clear:both;font-size:120%;font-weight:bold;}
.printTicket .inner{ padding-right:20px;}

/* club packs */
 
h2.cPListHeader {background:#1c1c1c;color:#FFFFFF;padding:10px;margin-top:20px;}
.clubPacksList {background:#1c1c1c url(media/box-bg.gif) repeat-x;padding:20px;}
.clubPacksList .clubPack, .clubPacksList .altClubPack{background:#282828 url(media/box-bg2.gif) repeat-x;padding:10px;margin:0 20px 20px 0;width:303px;float:left;}
.clubPacksList .clubPack .packImage, .clubPacksList .altClubPack .packImage { float:left;padding:0 10px 0 0;}
.clubPacksList .clubPack .packSummary, .clubPacksList .altClubPack .packSummary{float:left;width:160px;}
.clubPacksList .altClubPack{margin-right:0;}

.packContent .packHeader h1{color:#FFFFFF; padding:10px;font-size:120%;}
.packContent{float:left;width:690px;background:#1c1c1c;}
.packContent .packDetailsHeader p{font-size:100%;font-weight:normal;color:#FFFFFF;}
.packContent .packDetailsHeader2 p{font-size:100%;font-weight:normal;color:#FFFFFF;float:left;}
.packDetailsInner{background:#1c1c1c url(media/box-bg.gif) repeat-x;padding:20px;}
.packContent .packDetails, .packContent .cpEventList, .packContent .cpQty{background:#282828 url(media/box-bg2.gif) repeat-x;padding:10px;}

.packContent .step{background:#000000;color:#FFFFFF;padding:6px;margin-top:1px;}
.packContent .step p{font-size:100%;font-weight:normal;color:#FFFFFF;}
.packContent .step2{background:#000000;padding:6px;margin-top:1px;}
.packContent .step2 p{font-size:100%;font-weight:normal;color:#FFFFFF;float:left;}
.packContent .step2 span{color:#FFFFFF;float:right;padding:6px;}


/* panels */
.panelStyle0 .panelTop h2{background: url(media/panel-detail-events.gif) bottom right repeat-x;}
.panelStyle1 .panelTop h2{background: url(media/panel-detail-theclub.gif) bottom right repeat-x;}
.panelStyle2 .panelTop h2{background: url(media/panel-detail-plan.gif) bottom right repeat-x;}
.panelStyle3 .panelTop h2{background: url(media/panel-detail-relive.gif) bottom right repeat-x;}
.panelStyle4 .panelTop h2{background: url(media/panel-detail-ukcn.gif) bottom right repeat-x;}
.panelStyle5 .panelTop h2{background: url(media/panel-detail-shop.gif) bottom right repeat-x;}
.panelStyle6 .panelTop h2{background: url(media/panel-detail-promotions.gif) bottom right repeat-x;}
.panelStyle7 .panelTop h2{background: url(media/panel-detail-generic.gif) bottom right repeat-x;}
.panelStyle8 .panelTop h2{background: url(media/panel-detail-music.gif) bottom right repeat-x;}


/* membership */
.memberTop { padding: 0px 0px 20px 0px; }
.memberTop h3, .memberBottom h3 { padding: 11px; background: #595a5b; color: #fff; }
.memberCenter { background: #cbcbcb; padding: 10px; clear: both; color:#000000; }
.memberCenter .leftSide { background: #e5e5e5; width: 600px; padding: 10px; line-height: 2.8em; }
.memberCenter .rightSide { float:right; background:url(media/ukcn.png) no-repeat left top; width: 300px; height: 150px; }
.memberBottom { clear: both; height: 560px; }
.memberBottom .triColumnspacer { width: 305px; margin-right: 20px; float: left; }
.memberBottom .triColumn { width: 305px; margin-left: 2px; float: left; }
.memberSilver { background: #cbcbcb url(media/membership-silver.gif) no-repeat left top; height: 420px; padding-top: 100px; color:#000000; }
.memberGold { background: #cbcbcb url(media/membership-gold.gif) no-repeat left top; height: 420px; padding-top: 100px; color:#000000; }
.memberPlatinum { background: #cbcbcb url(media/membership-platinum.gif) no-repeat left top; height: 420px; padding-top: 100px; color:#000000; }
.memberSilver p, .memberGold p, .memberPlatinum p { padding: 11px; color:#000000;}
.memberSilver .content, .memberGold .content, .memberPlatinum .content { background: #e5e5e5; margin: 10px; padding:5px;font-weight: bold; color:#000000;}
.silverButton { text-align: center; }

.fullContent{ min-height:120px; }

/* registrationForm */
.registrationFormInner{background:#e5e5e5;padding:18px; margin-bottom:20px;}
.registrationFormInner span,.registrationFormInner input { vertical-align:middle;}
.registrationFormItems p.indentBtn{padding-left:123px;}
.registrationFormInner .forgottenInputText {margin:0 5px; width:300px;}
.registrationFormInner .requiredField{ color:Red;}
.registrationFormItems { margin-left:65px;}
.registrationFormItems label{ float:left;width:123px; font-weight:normal;}
.registrationFormItems input{}
.registrationFormItems .DOBItem{ margin-right:10px;}
.isStudent label, .setMusic label, #setMusicDiv label{float:none;width:400px;}
.dptCheckboxes{margin-left:0px;}
.dptCheckboxes label{ float:none;}
.registerCopy{border-top: solid 5px #CACACA; margin-top:10px; padding-top:10px;}

.boxArticle{background:#1C1C1C url(media/boxBack.png) repeat-x scroll top; padding:20px;min-height:230px;margin-top:20px;}

/*Order Complete page*/
.thankYouPanelHolder{margin:0  auto; width:620px;}
.thankYouPanel h1 {color:#FFFFFF;padding:6px 10px; margin-bottom:10px;background:#1c1c1c;}
.thankYouPanel .thankYouPanelInner {color:#FFFFFF;padding:10px;background:#1c1c1c url(media/box-bg.gif) repeat-x;}
.thankYouPanel .orderDetails { color:#FFFFFF;text-align:center; padding:0;background:#1c1c1c url(media/box-bg.gif) repeat-x;}
.importantTextDarkBgd { background: url(media/iDarkBgd.gif) no-repeat left; text-align:center; padding:10px 0 10px 40px; margin:0 auto; width:450px; font-size:130%; font-weight:bold;}
.thankYouPanel h2{color:#FFFFFF;padding:6px 10px;background:#1c1c1c;}

.homeContent {background:url(media/panel-medium-top.png) no-repeat top left;  width:446px; position:relative; color:#fff; float:left; padding:20px 20px 18px 20px;}
.homeContentBot {clear:left;background:url(media/panel-medium-bg.png) bottom left; height:15px;}
.panelMedium .homeContent h2{background:none; width:auto; color:#fff; padding:0;float:none;  }

/* drop down menus */
#jsddm{}
#jsddm li{}
#jsddm li a{}
#jsddm li a:hover{}
#jsddm li ul{margin: 3px 0 0 0;padding: 0;position: absolute;visibility: hidden;border-left:solid 1px #404040;border-right:solid 1px #404040;}
#jsddm li ul li{float: none;display: inline;margin:0;padding:0px;}
#jsddm li ul li a{width: auto;min-width:150px;border-bottom:solid 1px #404040;background: #0f0f0f ;padding:10px;}
#jsddm li ul li a:hover{background: #0f0f0f url(media/menu-active.gif) repeat-x top;}

/* forms builder */
.fbInput, .fbInputArea, .fbInputDD{width:300px;}
.fbInputArea{height:100px;}