﻿.galleryListing{float: none;width:100%;margin-bottom: 10px;}
.galleryHeader{background:url(media/photo-h2.gif) repeat-x;padding:10px 0 0px 10px;color:#ffffff;}
.galleryHeader h1{ line-height:1.0em;padding:0px; font-size:1.4em;}
.galleryHeader p{padding:3px 0 4px 0; font-weight:bold;line-height:1em;}

.galleryPaging{ background-color:#000; color:#ffffff; padding:8px 10px; margin-top:0px; text-align:right;}
.galleryListHolder{background:#1C1C1C url(media/boxBack.png) repeat-x scroll top;margin:0pt;padding:0px 0 12px 12px;}
.galleryListing table td{padding:0;width:161px; float:left; background:none;  border:0 none;  padding:12px 12px 0 0;vertical-align:top;}
.galleryListItem { padding:13px 11px;background:#282828 url(media/boxBack.png) repeat-x scroll top; text-align:center;width:139px; min-height:208px;}

.galleryContainer{width:668px; background:#1C1C1C url(media/boxBack.png) repeat-x scroll top;padding:13px 20px 12px 20px; clear: both;}
.galleryDetail{width:100%;}
.galleryThumbHolder{background:#282828 url(media/boxBack.png) repeat-x scroll top;margin:0pt;padding:0px 0 12px 12px;}

.plainBottom {background:transparent url(media/root/panel-full-bot.png) no-repeat scroll left bottom;}

/*we7*/
.leftWe7Panel { float: none; width: 310px; padding:0 0 0px 47px; }
.we7wrapper { float: none; text-align:center; border: 0px solid #333; height: 325px; background-color: #000; width: 300px; }
.we7framecontent {width: 330px; border: 0px; height: 360px; overflow: hidden; position: inherit; left: -8px; top: 0px; }
.we7framecontent body {position: absolute; top: 0px; left: 0px; }

/* Playlist Accordion */
.playlistEntryContainer { clear: both; width: 300px; }
.trackplaying { color: #009933; }
.playlistBox { float: none; width: 300px; padding:0; clear: both; }
.playlistHead { padding: 0px 0px 0px 10px; margin: 5px 0px 0px 0px; background-color: #000; color: #fff; line-height: 30px; display: block; }
.playlistSingle  { color: #AA63EC; font-weight: bold; text-align:left; padding: 0px 0px 0px 10px; background-color: #282828;border:0; line-height: 30px; width: 250px; }
.playlistSingleRight  { padding: 0px 0px 0px 10px; background-color: #282828;border:0; line-height: 30px; display: block; float: right; }
.playlistSingle a, .playlistSingle a:link, .playlistSingle a:hover, .playlistSingle a:visited { }
a.playlistImageButton { background:#282828 url('media/playlist-play.gif') no-repeat center; height: 30px; width: 33px; display:block; float: right; padding: 0px 7px 0px 0px; }
#playlistEntryBlock { overflow: auto; height: 270px; width: 290px; margin-bottom: 10px; }
ul.playlistEntryBlock { padding: 0px 0px 0px 10px; border-style: solid; border-width: 0px 0px 5px 0px; border-color: #eee; line-height: 20px; width: 260px; overflow: hidden; }
ul.playlistEntryBlock li { padding: 0px; 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: #eee; font-weight: bold; }
a.playlistEntryLink {width: 270px; display: block; overflow: hidden; }
.accordionActive { text-decoration: underline; }
.accordionHover { color: #ccc; }
a.playlistEntryLink a.trackplaying { color: #cc3300; }

/* Wall Posts */
.wallPosts { width: 100%; } /* this controls the width of the box, use another top level class to place control elsewhere */
.wallPostsEvents { width: 100%; margin-top:25px; }
.wallBox { float: none; padding-top:20px; width: 100%; }
.wallPost { background-color: #222222; margin-bottom: 10px; min-height: 100px; clear: both; }
.wallHead { padding: 5px 10px; background-color: #000; color: #fff; text-align:left; 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:static; top: 0px; padding: 20px 10px 10px 10px; color: #666; height: 40px; width: 350px; }
/* Wall Messages */
.wallSingle { padding-bottom: 5px; text-align:left; }
.wallDate { padding: 0px 0px 0px 10px; background-color: #222222; border-style: solid; border-width: 6px 0px 0px 0px; border-color: #000; line-height: 30px; display: block; }
.wallDateNew { padding: 0px 0px 0px 10px; background-color: #eee; border-style: solid; border-width: 6px 0px 0px 0px; border-color: #AA63EC; line-height: 30px; display: block; }
.wallSingle .note { color: #7428ac; }
.wallReport { padding: 0px 10px 5px 10px; float: none; }
.wallReport a, .wallReport a:link, .wallReport a:hover, .wallReport a:visited { color: #8830ba; }
.reportButton { border: 0px; color:#8830ba; cursor:pointer; background-color: transparent; }
.wallSubmit { padding: 0px 10px 10px 10px; text-align:right; margin-bottom: 10px; display:block; cursor: pointer; }
.wallMessage { margin: 10px; }

/* Right Music Panel */

.smallpanelContent { margin: 0px; }
.eventMusic, .homeeventMusic { margin-bottom: 0px; }
.eventMusic{background:#1C1C1C url(media/boxBack.png) repeat-x scroll top; padding:10px;}

.littleEventDetails, .homeEventDetails { border-style: solid; border-width: 0px 0px 1px 0px; border-color: #fff; margin: 3px; background-color: #cbcbcb; height: 78px; overflow: hidden; }
.djEventDetails {margin:0 0 10px 0px; height:auto; background-color: transparent; padding:0 0 13px 0; border-bottom:solid 1px #494949; width:230px; }
.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; font-size:12px; }
.djTextLink { padding:5px 0; clear: both; float: left; font-weight: bold; }
.littleMusicDetails .eventDate { padding: 5px; clear: both; float: left; color: #333; }
.djeventDate { padding: 0px; clear: both; float: left; color: #fff; font-size:12px; }
.djeventDate span{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:10px 0 0 0px; clear: both;  }
.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: 0px; 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: 0px; clear: left; float: left; color: #333; font-size: 90%; font-weight: 100; width: 150px; }
.homeeventLinkImage { padding: 0px; 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 0px 5px 0; clear: both; float: left; background: url(media/view-event-profile.gif) no-repeat center right; width:100px; font-size: 11px; }
.djLinkImage { padding: 0px 4px 0 0; clear: both; float: left; background: url(media/view-event-profile.gif) no-repeat center right; width:100px; font-size: 11px; }

/*Music*/
.music{float:left;width:439px; margin-bottom:10px;}
.musicInner { width: 439px; margin-bottom:0px; }
.djListing, .latestEventsListing{ float:left;width:249px; margin-left:20px;}
.djListing h2, .latestEventsListing h2{ padding:8px; font-size:12px;  background-color:#000;}
.djListing h2 a, .latestEventsListing h2 a{ font-weight:bold; font-size:inherit; color:#fff;}
.musicProfilePanel{background:#1C1C1C url(media/boxBack.png) repeat-x scroll top; padding:1px;}
.musicBanner{ border:0;}
.littleMusicDetails {background-color:#282828;height:auto;margin:0 0 6px 0px;}
.profileLinkImage {background:transparent url(media/view-dj-profile.gif) no-repeat scroll left center;height:25px;width:105px; display:block; cursor:pointer; margin-top:5px;}
.dj2SmallText{ margin:0;}
.littlemusic {padding:5px;margin-bottom:0px;}

.music .musicDetails, .profile .musicDetails { background: #1C1C1C; padding: 10px; height: 65px; width: 420px; margin: 0px 0 10px 0; border-top: 0; }
.musicDetails .roomText a, .musicDetails .roomText a:hover, .musicDetails .roomText a:visited, .musicDetails .roomText a:link { color: #7428ac; font-weight: bold; font-size: 90%; padding:5px 0 0 0px; }
.playlistLinkImage { background: url(media/listen-to-playlist.gif) no-repeat left bottom; width:114px; display:block;  margin:0px; }
.profile3LinkImage { background: url(media/view-dj-profile1.gif) no-repeat center left; width:105px; display:block;  margin:0px; }
.musicDetails .roomText { border-right: 1px solid #494949; width: 130px; height: 65px; float: left; font-size: 1.2em; font-weight: bold; margin: 0px 0 0 5px; }
.musicDetails .dj3Text { width: 127px; float: right; height: 65px; font-size: 1.2em; font-weight: bold; margin-top: 5px; }
.galleryMusicText{ border-bottom:solid 5px #1C1C1C; text-align:right; padding-top:0;}
.galleryMusicText a, .galleryMusicText a:hover, .galleryMusicText a:visited, .galleryMusicText a:link { color: #7428ac; font-size: 1.0em; font-weight: bold; margin-top: 5px; padding-right: 10px; float: none; background: url(media/gallery-right-arrow.gif) no-repeat center right; }
.musicEventsHolder, .profileDetails{background:#1C1C1C url(media/boxBack.png) repeat-x scroll top; padding:20px;}
.djProfilePlayer{ background-color:#1c1c1c; padding:20px;}
/* DJ Profiles */
.profile { float: none; width: 100%; margin-bottom: 0px;} 
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:0 0 20px 20px;float: right; }
.profileText, .profileBio, .normal, .profileDetails, .profileBio p { font-weight: normal; }
.profileText{ border-bottom:solid 5px #000; }

.homeContent h2 { text-transform: uppercase; }
.importantText1 { padding-left: 0px; }
.boothPanoramic { background-color: #000; }

.ajax__calendar * { padding: 0px; margin: 0px; }

.roomItem a, .roomItem a:visited, .roomItem a:hover, .roomItemRight a, .roomItemRight a:visited, .roomItemRight a:hover { color: #fff; font-size: 110%; font-weight: bold; text-decoration: none; }
.clubPackUpsell { margin: 0 0 20px 0; float: left; }
.festival{background:url(media/festival/concert.png) no-repeat right top;}
.festival h1{margin:10px 0;padding-right:10px;}
.festival h3{margin:20px 0 10px 0;padding-right:10px;color:#ed1c24;}
.festival p{margin-bottom:10px;}
.festival-left{width:305px;float:left;background:#111 url(media/boxBack.png) repeat-x scroll top;padding:20px;margin: 15px 15px 0 0;height:310px;}
.festival-right{width:305px;float:left;background:#111 url(media/boxBack.png) repeat-x scroll top;padding:20px;margin:15px 0 0 0;height:310px;}
.festival-left h2, .festival-right h2{margin-bottom:15px;clear:both;}
.festival-left img, .festival-right img{margin-bottom:10px;background-color:#fff;}
.festival .video{padding:1px;border:1px solid #666;width:348px;height:200px;display:inline;float:left;}
.festival .videoright{padding:1px;border:1px solid #666;width:348px;height:200px;display:inline;float:right;}
.festival .clear{clear:both;margin-bottom:25px;}

.ukccLogo {display:none;}
.ukccLogoEvents {width:140px;display:inline;clear:both;float:none;}
.ukccLarge {height:28px;width:200px;padding:0 10px 10px 0;display:block;float:left;}
.listingBuyButton {clear:both;}
.ukccBox { background:url(media/boxBack.png) repeat-x top #222;padding:10px;}
.parentInfo {float:right;margin-top:-15px;}

.socialLinks a:hover { filter: alpha(opacity=80); opacity: 0.80; -moz-opacity: 0.80; -khtml-opacity: 0.80; }
