/*
	common.css
	this file defines common classes and their CSS properties (where appropriate)
*/
BODY {background: url(../img/bg.page.jpg) top center no-repeat #000; background-color:Black;}

H1, H2, H3, H4, H5, H6 { margin: 0; }
A { color: #60609B; text-decoration: none; }
A:hover { text-decoration: underline !important; }

/* layout */
/*#CenterWrapper {width: 950px; margin:0 auto; padding:0 24px 50px 24px; border-left: 1px solid #3d3f43; border-right: 1px solid #3d3f43; text-align:left; background:url(../img/bg.wrapper.gif) repeat-x #000; background-color:Black} */
#CenterWrapper {width: 950px; margin:0 auto; padding:0 24px 50px 24px; border-left: 1px solid #3d3f43; border-right: 1px solid #3d3f43; text-align:left; background-color:#121212}

/* header area */
#HeaderWrapper {height:127px; width:100%; background: url(../img/bg.line.gif) 0 94px repeat-x;  position:relative;}
#HeaderWrapper #HeaderLogo {float:left;}
/* #HeaderWrapper #HeaderText {position:absolute; right: 0; bottom: 36px; text-align:right; color:#747474; font-weight:bold;} */
#HeaderWrapper #HeaderText {position:absolute; right: 0; bottom: 36px; text-align:right; color:#747474;}
#HeaderWrapper #HeaderText span {padding-left:35px;}
/* #HeaderWrapper #HeaderText span a, #HeaderWrapper #HeaderText span a:hover {color:#fff; font-weight:bold;} */
#HeaderWrapper #HeaderText span a, #HeaderWrapper #HeaderText span a:hover {color:#fff;}

/* layout area */
#Navigation {clear:both; width:189px; padding:0 23px 0 0; margin:0; float:left; color:#fff;}
#Navigation .EvenColumn {width:50%; padding:0; margin:0; float:left;}
#ContentWrapper {width:738px; float:left; background: url(../img/bg.sponsor.gif) 552px 0 repeat-y #fff; padding:13px 0 0 0; margin:0;}
#ContentOnlyWrapper{width:938px; float:left; padding:13px 0 0 0; margin:0;}

.FeaturedArtist {position:relative; width:523px; padding:0 0 12px;  color:#fff;}
.FeaturedArtist .ArtistInfo {position:absolute; top:30px; left:30px; width:250px;}
.FeaturedArtist .ArtistInfo h3 {color:#fff; font-weight:normal;}
.FeaturedArtist .ArtistInfo p {padding-top:0;}

#ColumnFix {clear:both; width:714px; padding:4px 12px 10px 12px; margin:0;}
#MainContent {width:528px; padding: 0 12px 13px 0; float:left;}
#MainContentOnly {width:628px; padding: 0 12px 13px 0; float:left;}
#SponsorContent{width:162px; padding: 0; float:right; }
#SponsorContent img {padding-bottom:12px;}
#SponsorContent .googleAd {clear:both; padding-left:20px;}

#PromoFooter {clear:both; width:100%; background-color:#312e31 !important; margin:0; padding: 14px 0 0 0;}
#PromoFooter ul {margin:0; padding:0 ; list-style:none;}
#PromoFooter ul li {display:block; float:left; width:238px; padding:0 12px 0 0; text-align:center; background-color:#000;}
#PromoFooter ul li IMG {border:1px solid #545154;}
#PromoFooter ul li.last {padding-right:0;}

/* event listing */
UL.EventDetails {clear:both; margin:0; padding:0; list-style:none; height:50px; background: url(../img/bg.gradient.gif) repeat; border-bottom:1px solid #CFD4D6; line-height:15px;}
UL.EventDetails li {padding:10px 10px 0 0; display:block; float:left;}
UL.EventDetails li.EventDate {width:96px; padding-left:12px; }
UL.EventDetails li.Genre {width: 90px; }
UL.EventDetails li.BandName {width:206px;  }
UL.EventDetails li.Venue {width:138px; }
UL.EventDetails li.DetailIcon {width:23px; text-align:right; padding-top:20px; padding-right:0;}
UL.EventDetails li.TicketIcon {padding-top:4px; padding-right:0;}
UL.EventDetails li.PriceInfo {width:70px;}
UL.EventDetails li.MoreAction {width:140px; padding-top:15px; text-align:right;}
UL.EventDetails li.MoreAction img {padding-right:8px;}
/* more details info */
.MoreEventDetails {clear:both; margin:0; padding:20px 12px; background-color:#ECE9E4; width:504px; border-bottom:1px solid #CFD4D6;}
.MoreEventDetails img.Photo {float:right; display:block; width:160px; padding:0;}
.MoreEventDetails  .EventContent {width:314px; float:left;}
.MoreEventDetails  .EventContent h6 {color:#E40488;}
.MoreEventDetails  .EventContent p {margin-top:5px; 0;}
.MoreEventDetails  .EventContent img {padding-right:8px;}

.EventCategory {background-color: #c4dae2; padding:5px 0 5px 13px; color:#000; margin-top:2px; font-size:10px}

.DividerLine {margin:0 0 15px 0; padding:0; height:1px; border-bottom:1px solid #cdcccc; line-height:1px; }

/*selected events */
UL.EventDetailsSelected {background-image:none; background-color:#ECE9E4; border-bottom:none;}

/* event header */
.EventTitle {width:400px; float:left; height:28px; padding-left:12px; padding-top:18px; margin-bottom:0; font-size:11px; font-weight:bold;}
.Navigation {width:98px; float:right; padding-right:12px;}

.EventListingHeader {width:528px; background:url(../img/bg.event.header.gif) top left no-repeat #EAF1F3; padding: 0 0 1px 0; color:#fff; border-bottom:1px solid #CFD4D6;}
.EventListingHeader UL.PagingNav {margin:0; padding:0; list-style:none; padding-top:14px;}
.EventListingHeader UL.PagingNav li {width:19px; float:left; height:19px; line-height:19px; padding:0; margin:0;}
.EventListingHeader UL.PagingNav li.PagePrevious {background:url(../img/icon.previous.white.png) no-repeat;}
.EventListingHeader UL.PagingNav li.PageNext {background:url(../img/icon.next.white.png) no-repeat;}
.EventListingHeader UL.PagingNav li.PageDesc {width:60px; text-align: center; font-weight:bold;}

.EventListingHeader UL.EventDetails {height:17px; background:transparent; border:none;}
.EventListingHeader UL.EventDetails li {font-weight:bold; color:#fff; padding-top:0 !important;}

.EventListingFooter {width:528px; height:30px; background:url(../img/bg.event.footer.gif) top left no-repeat; padding: 0; color:#EB008B;}
.EventListingFooter .EventTitle {padding-top:10px;}
.EventListingFooter UL.PagingNav {margin:0; padding:0; list-style:none; padding-top:6px;}
.EventListingFooter UL.PagingNav li {width:19px; float:left; height:19px; line-height:19px; padding:0; margin:0;}
.EventListingFooter UL.PagingNav li.PagePrevious {background:url(../img/icon.previous.red.png) no-repeat;}
.EventListingFooter UL.PagingNav li.PageNext {background:url(../img/icon.next.red.png) no-repeat;}
.EventListingFooter UL.PagingNav li.PageDesc {width:60px; text-align: center; color:#666; font-weight:bold;}

/* Navigation headings */
.SectionTitle {background: url(../img/bg.line.gif) bottom repeat-x; color:#C4DAE2; padding-bottom:0.5em;}
.NavigationSpacer {width:100%; height:34px; line-height:34px; color:#C4DAE2; text-align:center;}

/* CONTENT ONLY PAGE */
.PrimaryContent {clear:both; margin:10px 0 0 0; padding:5px 12px 110px 12px; width:900px; color:#666;}

/* ARTIST PROFILE PAGE */
.BandProfile {clear:both; margin:10px 0 0 0; padding:5px 12px 110px 12px; background: url(../img/bg.profile.gif) bottom right no-repeat #ECE9E4; width:504px; color:#666;}
.BandProfile img.ProfilePhoto {float:right; padding-left:15px;}
.BandProfile h5 {color:#E40488; padding-top:10px;}
.BandProfile p {margin-top:10px; 0;}
.BandProfile  .EventInfo {font-weight:bold;}
.BandProfile img.Button {padding-right:8px;}
/* event schedule style */
.EventScheduleHeader {width:504px; height:36px; background:url(../img/bg.schedule.header.gif) top left no-repeat; padding: 10px 0 0 0; color:#336659;}
.EventScheduleHeader UL.EventDetails {background:none; height:26px; border-bottom:none;}
.EventScheduleHeader UL.EventDetails li {font-weight:bold;}

.BandProfile UL.EventDetails {background:none; border-bottom: 1px solid #cbcbcb;}
.EventListingHeaderProfile {height:39px; margin:0 !important; padding:0; }
.EventListingHeaderProfile .EventTitle {margin-left:12px; padding:0; height:39px; line-height:39px;}
.EventListingHeaderProfile .EventTitle img {float:left; width:19px; height:19px; background:url(../img/icon.previous.white.png) no-repeat; margin:10px 10px 0 0;}

/* Calendar */
#Calendar {width:100%; margin:0; padding:0;}
#Calendar UL {width:100%; height:18px; margin:0; padding:0; list-style:none; background: url(../img/bg.line.gif) bottom repeat-x;}
#Calendar UL LI {width:27px; float:left; line-height:16px; font-size:9px; font-weight:bold; text-align:center;}
#Calendar UL LI.Selected {background-color: #EB008B;}
#Calendar UL.CalHeader {height:29px; }
#Calendar UL.CalHeader li {width:19px; padding-top:5px;}
#Calendar UL.CalHeader li.HeaderTitle {width:151px; float:left; padding-top:0; line-height:29px; font-size:12px;}
#Calendar .CalContent {margin:0; padding:0; width:100%;}
#Calendar .CalContent A, #Calendar .CalContent A:hover {display:block; width:27px; line-height:16px; text-align:center; color:#fff; text-decoration:none;}
#Calendar .CalContent A:hover {background-color:#EB008B; text-decoration:none !important;}

.scrollDiv {height:200px; width:100%; overflow:auto;}

.HorizontalSlider{margin-top:15px; text-align:left;}
.HorizontalSlider .sliderWidth {width:138px;}
.HorizontalSlider .MinPrice {width:16px; float:left; padding:0; margin:0; height:11px; line-height:11px;}
.HorizontalSlider .NavSlider {width:138px; float:left; padding:0; margin:0; height:11px; background:url(../img/bg.line.gif) 0 5px repeat-x; text-align:left;}
.HorizontalSlider .NavSlider .SliderControl {width:19px;height:11px; background:url(../img/icon.slider.gif) no-repeat;}
.HorizontalSlider .MaxPrice {width:35px; float:left; padding:0; margin:0; text-align:right; height:11px; line-height:11px;  }

UL.NoBullet {margin:0; padding:0; list-style:none;}

/* things we don't want to see */
.Invisible { display: none; }
LABEL.Invisible { position: absolute; top: -9999px; left: -9999px; }

/* kludges */
.ClearFix { height: 1px; clear: both; font-size: 1px; }

/* form properties */
.radio_group, .check_group {margin-top:10px;}
input.radio, input.check { position: absolute; left: -9999px; }
.textFieldWrapper {float:left; margin-top:10px; height:18px; padding:2px; width:160px; background-color:#201f1e; border-bottom:1px solid #696968; border-right:1px solid #696968;}
img.searchBtn {float:right; width:19px; padding:0; margin-top:10px;}
input.textField {border:none; height:14px; width:150px; background-color:#201f1e; color:#fff; }
.r_off, .r_on { padding: 1px 0 2px 20px; height:22px; line-height:22px;}
.r_off { background: url(../img/radio.input.gif) left center no-repeat; }
.r_on  { background: url(../img/radio.selected.gif) left center no-repeat; }

.chk_off, .chk_on { padding: 1px 0 2px 20px; height:22px; line-height:22px;}
.chk_off { background: url(../img/check.input.gif) left center no-repeat; }
.chk_on  { background: url(../img/check.selected.gif) left center no-repeat; }

.venueList { background:none; border:0; font-size: 10px; font-family: Verdana, arial, helvetica, sans-serif; color:#fff; line-height:20px;}
.genreList_off {background:none; border:0; font-size:11px;}
.genreList_on {background-image: url(../img/radio.selected.gif); }

.testListBox {background-color:#121212; border:none; color:White; FONT-SIZE: 11px;scrollbar-arrow-color: #7C8484;
scrollbar-3dlight-color: #666666;
scrollbar-darkshadow-color: #666666;
scrollbar-face-color: #666666;
scrollbar-highlight-color: #666666;
scrollbar-shadow-color: #666666;
scrollbar-track-color: #666666; }

/* modal style */
.modalDialog {position:absolute; z-index:100; top:0; left:0; width:100%; height:100%; padding:0; margin:0; opacity:.5; filter:alpha(opacity=40); background-color:transparent !important; background-color:#333; background-image:url("../img/bg.modal.png") !important; background-repeat:repeat;}
/* .modalDialog {width:100%; height:100%; padding:0; margin:0;} */
.modalWrapper {width:713px; padding:13px; background-color:#fff; z-index:1000;}

.modalContent {width:649px; padding:48px 32px 0; height:579px; position:relative; z-index:10000; text-align:left; color:#fff;}
.modalContent .closeDiv {position:absolute; top:13px; right:13px; width:100px; text-align:right;}
.modalContent .closeDiv a, .modalWrapper .closeDiv a:hover {display:block; height:15px; padding:2px 25px 2px 0; background:url("../img/icon.close.png") top right no-repeat; color:#fff !important; text-decoration:none !important; font-weight:bold; }
.modalContent .leftCol {clear:both; float:left; width:272px; padding-right:52px;}
.modalContent .riteCol {float:left; width:325px; padding-top:12px;}
.modalContent .sectionTitle {font-weight:bold; font-size:12px; padding-bottom:2px;}
.modalContent .sectionTitle span {color:#ed371c;}

.modalContent h3 {font-size:24px; font-weight:normal !important;}
.modalContent p {padding:10px 0; margin:0 !important;}
.modalContent .hr {text-align:left; height:1px;  border-bottom: 1px solid #1c3c56; color:#1c3c56; margin:10px 0; width:100%;}

#modalAboutUs .modalContent {background:url(../img/bg.about.us.jpg) top left no-repeat #000;}
#modalSubmitEvent .modalContent {background:url(../img/bg.about.us.jpg) top left no-repeat #000;}
#modalContactUs .modalContent {background:url(../img/bg.contact.us.jpg) top left no-repeat #000;}
#modalContactUs .modalContent .hr {border-bottom:1px solid #4d4d4e; color:#4d4d4e;}