/* General Styles */
body, html { font-family: Verdana, Geneva, sans-serif; font-size: 12px; background: #eee; }
.clear { clear: both; }

a { color: #d90306; }

p { line-height: 18px; color: #333; margin: 0 0 20px 0; }
h4 { color: #1d1d1d; font-size: 24px; font-weight: normal; border-bottom: 1px solid #e0dedf; padding: 0 0 2px 0; margin: 0 0 10px 0; text-transform: uppercase; }
h5 { color: #1d1d1d; font-size: 18px; font-weight: normal; padding: 10px 0 0 0; margin: 0; clear: left; }

.errorBox { margin: 5px 0; padding: 5px 10px; background: #fbfbde; border: 2px solid #943142; }
.successBox { margin: 5px 0; padding: 5px 10px; background: #e0edff; border: 2px solid #3c71b4; }

.paging { padding:10px 0; }
.paging li { display: block; float: left; }
.paging li a { text-transform: uppercase; display: block; float: left; padding: 3px; font-size: 11px; color: #666; text-decoration: none; margin: 0 1px 0 0; border: 1px solid #999; background: #f9f9f9; }
.paging li a:hover { background: #333; color: #fff; }
.paging li a.selected { background: #fff; color: #000; border: 1px solid #626061; }


/* Layout Styles */
#container { text-align: center; background: #eee url(../images/harbor/bg-1.jpg) no-repeat top; }
#content { margin: 0px auto; width: 960px; text-align: left; }
#header { height: 144px; width: 960px; position: relative; background: url(../images/harbor/bg-header.png) repeat-x top; }
#content1 { display: none; }
#content2 { float: left; width: 650px; margin: 0 5px 0 0; padding-top: 10px; }
#content3 { width: 300px; margin: 0 0 5px 5px; float: left; padding-top: 10px; }
#footer { height: 150px; width: 960px; position: relative; border-top: 5px solid #000; clear: both; }


/* Header Styles */
#header h1 { position: absolute; top: 0; left: 0; }
#header h2 { display: none; }
#address-header {display: none; }

#search { position: absolute; top: 45px; left: 700px; }
#search label { display: none; }
#searchTerms { width: 150px; margin: 0; font-family: Verdana, Geneva, sans-serif; font-size: 11px; background: url(../images/harbor/bg-search.png); border-top: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 2px; }
#searchBtn {  width: 70px; margin: 0; font-weight: bold; font-family: Verdana, Geneva, sans-serif; font-size: 11px; background: url(../images/harbor/bg-menu.png); border: none; color: #e7e7e7; text-transform: uppercase; padding: 2px 0 2px 2px; }
#search a { display: none; }



#advancedSearchForm { margin: 0 0 20px 0; }
#advancedSearchForm label { display: none; }
#searchPageTerms { width: 150px; margin: 0; font-family: Verdana, Geneva, sans-serif; font-size: 11px; background: #f0f0f0; border-top: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 2px; }
#searchPageBtn {  width: 70px; margin: 0; font-weight: bold; font-family: Verdana, Geneva, sans-serif; font-size: 11px; background: #999; border: none; color: #e7e7e7; text-transform: uppercase; padding: 2px 0 2px 2px; }



#mainMenu { position: absolute; top: 120px; left: 0px; height: 25px; width: 960px; background: #2b2e31; }
#mainMenu li { float: left; display: block; height: 25px; border-right: 1px solid #999; line-height: 23px; }
#mainMenu a { float: left; display: block; height: 25px; padding: 0 10px; color: #eee; text-decoration: none; outline: none; text-transform: uppercase; font-size: 11px; font-weight: bold; }
#mainMenu a:hover { color: #eee; text-decoration: underline; }

#mainMenu li ul { display: none; }



/* Module Styles */
#content2 .module, #content3 .module, .pageContent { background: url(../images/harbor/bg-white-trans.png); padding: 10px 10px 20px 10px; margin: 0 0 10px 0; position: relative; }
#content3 .module h4, #content2 .module h4 { color: #1d1d1d; font-size: 24px; font-weight: normal; padding: 0 0 5px 0; margin: 0 0 5px 0; text-align: left; border-bottom:#bbbebe solid 1px; }

/* Footer Styles */
#footerMenu { position: absolute; top: 30px; right: 0; }
#footerMenu li { float: left; display: block; padding: 0 5px; font-size: 11px; }
#footerMenu li a { color: #000; text-decoration: none; }
#footerMenu li a:hover { text-decoration: underline; }
#footermenu li ul { display: none; }

#address { text-indent: -9999px; display: block; position: absolute; top: 20px; left: 0; background: url(../images/harbor/footer-logo.png) no-repeat left; width: 162px; height: 62px; padding: 0 20px 0 0; border-right: 2px solid #999; }
#address br { display: none; }
#copyright { color: #000000; font-size: 11px; left: 0; position: absolute; top: 100px; }
#copyright a { color: #999; }
#copyright a:hover { text-decoration: none; }

#poweredby { width: 230px; height: 40px; position: absolute; top: 65px; right: 0; }
#poweredby a { text-indent: -9999px; display: block; width: 230px; height: 40px; background: url(../images/harbor/poweredby.png); }


/* ---------- EMAIL SIGNUP MODULE ---------- */
#content3 #moduleEmailLong { background:#c31919; }
#content3 #moduleEmailLong h4 { color:#FFFFFF; border-bottom:#9c1414 solid 1px; font-size:20px; }
#emailSignupForm, #emailSignupThankyou {margin: 0; padding: 0 4px 15px 4px; color:#FFFFFF; }
#emailSignupForm p { display: none; }
#signupForm label { font-size: 12px; color: #fff; display: block; line-height: 20px; clear:both; }
#signupEmail, #signupName { width: 150px; background: #fff; font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #666; padding: 2px; margin: 0 5px 10px 0; border-top: 1px solid #404040; border-left: 1px solid #404040; border-bottom: 1px solid #d4d0c8; border-right: 1px solid #d4d0c8;  float: left; }
#signupBtn { width: 50px; background: #2b2e31; font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #fff; padding: 2px; margin: 0; border: 1px solid #2b2e31;  float: left; margin-left:30px; }
#signupForm br { display: none; }


/* ---------- SITE COMEDIAN LISTING ---------- */
.recentComedianList { display: block; clear:left; }
.recentComedianList li { display: block; padding: 10px 0; border-bottom: 1px solid #ccc; }
.recentComedianList span.imgContainer { width: 150px; height: 150px; text-align: center; overflow: hidden; display: block; float: left; }
.recentComedianList span.imgContainer img { width: 150px; }
.recentComedianList p { margin: 0 0 0 160px; }
.recentComedianList strong { display: block; }
.recentComedianList p a { font-size: 11px; }
.recentComedianList br { clear: left; }
.recentComedianList p.bio { font-size: 11px; }

/* ---------- COMEDIAN PAGE ---------- */
#comedianProfile span.imgContainer { width: 148px; height: 150px; text-align: center; overflow: hidden; display: block; float: left; border: 1px solid #666; }
#comedianProfile span.imgContainer img { width: 148px; }
#comedianProfile span.otherPhotos { display: none; }
#comedianProfile span.viewPhotos { position: absolute; top: 210px; left: 10px; width: 140px;padding: 3px 5px; display: block; background: #666; color: #fff; text-decoration: none; }
#comedianProfile p.bio { margin: 0 0 0 170px; }


/* ---------- ONE PLUS SIX FEATURED SHOWS ---------- */
#moduleOnePlusSixFeaturedShows h4 { display: none; }
#moduleOnePlusSixFeaturedShows h4.block { display: block; font-size:20px; margin-left:320px; }
#moduleOnePlusSixFeaturedShows .featuredBox { width: 310px; height: 370px; text-align: center; display: block; background: #eee; position: relative; float: left; }
#moduleOnePlusSixFeaturedShows .featuredImgContainer { width: 310px; height: 370px; overflow: hidden; text-align: center; display: block; background: #eee; position:relative;}
#moduleOnePlusSixFeaturedShows .featuredImgContainer img { width: 310px; position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#moduleOnePlusSixFeaturedShows .featuredImgContainer IMG.active { z-index:10; opacity:1.0;}
#moduleOnePlusSixFeaturedShows. featuredImgContainer IMG.last-active { z-index:9; }
#moduleOnePlusSixFeaturedShows .featuredShow { font-size: 14px; position: absolute; background: url(../images/harbor/bg-menu.png); width: 210px; height: 70px; padding: 10px; top: 250px; right: 0; text-align: left; z-index:11;}
#moduleOnePlusSixFeaturedShows .featuredShow h5 { padding: 0; font-size: 18px; line-height: auto; font-weight: normal; display: block; color: #eee; text-decoration: none; text-transform: uppercase; margin: 0; }
#moduleOnePlusSixFeaturedShows .featuredShow p { line-height: auto; margin: 0; }
#moduleOnePlusSixFeaturedShows .featuredShow p.description { position:absolute; top:140px; margin-right:90px; left:-80px; font-size:12px; }
#moduleOnePlusSixFeaturedShows .featuredShow p.date { color: #ccc; }
#moduleOnePlusSixFeaturedShows .featuredShow .buyTickets { position: absolute; top:140px; right:0; }
#moduleOnePlusSixFeaturedShows .featuredShow .buyTickets a {  background: url(../images/harbor/btn-more-info.png) no-repeat; display: block; width: 85px; height: 22px; text-indent: -9999px; margin: 0 0 0 90px; }

#moduleOnePlusSixFeaturedShows .upcomingShows { width: 320px; margin: 0 0 0 310px; height: 330px; }
#moduleOnePlusSixFeaturedShows .upcomingShows li, 
#moduleOnePlusSixFeaturedShows .upcomingShows li.show1 { display: block; width: 150px; height: 230px; float: left; margin: 0 0 10px 10px; position: relative; }
#moduleOnePlusSixFeaturedShows .upcomingShows li .imgContainer, 
#moduleOnePlusSixFeaturedShows .upcomingShows li.show1 .imgContainer { width: 150px; height: 140px; overflow: hidden; display: block; background: #eee; text-align: center; }
#moduleOnePlusSixFeaturedShows .upcomingShows li .imgContainer img,
#moduleOnePlusSixFeaturedShows .upcomingShows li.show1 .imgContainer img { width: 150px; }

#moduleOnePlusSixFeaturedShows .upcomingShows .showTitle,
#moduleOnePlusSixFeaturedShows .upcomingShows li.show1 .showTitle { display: block; color: #d90306; font-weight: bold; font-size: 11px; text-decoration: none; text-transform: uppercase; }
#moduleOnePlusSixFeaturedShows .upcomingShows .showInfo,
#moduleOnePlusSixFeaturedShows .upcomingShows li.show1 .showInfo { font-size: 10px; color: #666; position: relative; background: inherit; width: auto; height: auto; padding: 0; top:auto; right: auto; }

#moduleOnePlusSixFeaturedShows .moreShows { display: none; }
#moduleOnePlusSixFeaturedShows .additionalShows {display: none; }


#moduleOnePlusSixFeaturedShows .firstShow { display: block; margin: 5px 0; }
#moduleOnePlusSixFeaturedShows .firstShow .date { display: block; width: 85px; float: left; color: #000; }
#moduleOnePlusSixFeaturedShows .showDescription { display: block; margin: 0; font-size: 11px; line-height: 16px; }

#moduleOnePlusSixFeaturedShows .upcomingShows label {display:block; color:#000; padding:5px 0 3px 0; }
#moduleOnePlusSixFeaturedShows .upcomingShows .oneShowTime { display:block; color:#000; padding:5px 0 3px 0; }
#moduleOnePlusSixFeaturedShows .upcomingShows select { font-size:10px; border-width:1px; width:130px; }
#moduleOnePlusSixFeaturedShows .upcomingShows .buyTickets { background: url(../images/harbor/btn-more-info.png) no-repeat; width: 85px; height: 22px; text-indent: -9999px; margin:5px 0 5px 65px; display:block;  }


/* Upcoming Shows */
#page-shows .showListing .details strong { font-weight:bold; display:block; padding-bottom:5px; color:#c31919 }

/* --------------- Next Week Featured Show Module ------------ */
#moduleNextWeekFeaturedShow { background:none !important; background-color:#faea87 !important; }
#moduleNextWeekFeaturedShow h4 { border-bottom:0 !important; }
#moduleNextWeekFeaturedShow h4 strong { display:block; font-weight:normal; }
#moduleNextWeekFeaturedShow h4 em { color:#d90306; font-style:normal; }
#moduleNextWeekFeaturedShow .featuredImgContainer { width: 210px; height: 200px; overflow: hidden; text-align: center; float:left; background: #eee; position:relative;}
#moduleNextWeekFeaturedShow .featuredImgContainer img { width: 210px; position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#moduleNextWeekFeaturedShow .featuredImgContainer IMG.active { z-index:10; opacity:1.0;}
#moduleNextWeekFeaturedShow. featuredImgContainer IMG.last-active { z-index:9; }
#moduleNextWeekFeaturedShow .featuredShow { font-size: 14px; float:left; margin:0 0 0 10px; width:390px; }
#moduleNextWeekFeaturedShow .featuredShow h5 { padding: 0; font-size: 18px; line-height: auto; font-weight: normal; display: block; color: #d90306; text-decoration: none; margin: 0 0 5px 0; }
#moduleNextWeekFeaturedShow .featuredShow p { line-height: auto; margin: 0; }
#moduleNextWeekFeaturedShow .featuredShow p.description { color:#616060; font-size:12px; }
#moduleNextWeekFeaturedShow .featuredShow .buyTickets a { background: url(../images/harbor/btn-more-info.png) no-repeat; display: block; width: 85px; height: 22px; text-align:left; text-indent: -9999px; margin:10px 0 0 307px; }
#moduleNextWeekFeaturedShow .upcomingShows label {display:block; color:#000; padding:5px 0 3px 0; }
#moduleNextWeekFeaturedShow .upcomingShows .oneShowTime { display:block; color:#000; padding:5px 0 3px 0; }
#moduleNextWeekFeaturedShow .upcomingShows select { font-size:10px; border-width:1px; width:130px; }
#moduleNextWeekFeaturedShow .upcomingShows .buyTickets a{ background: url(../images/harbor/btn-more-info.png) no-repeat; width: 85px; height: 22px; text-indent: -9999px; margin:5px 0 5px 55px; display:block;  }
#moduleNextWeekFeaturedShow .upcomingShows { width: 630px; margin: 0; }
#moduleNextWeekFeaturedShow .upcomingShows li, 
#moduleNextWeekFeaturedShow .upcomingShows li.show1 { display: block; width: 145px; float: left; margin: 0 0 10px 10px; position: relative; }
#moduleNextWeekFeaturedShow .upcomingShows li .imgContainer, 
#moduleNextWeekFeaturedShow .upcomingShows li.show1 .imgContainer { width: 145px; overflow: hidden; display: block; background: #eee; text-align: center; }
#moduleNextWeekFeaturedShow .upcomingShows li .imgContainer img,
#moduleNextWeekFeaturedShow .upcomingShows li.show1 .imgContainer img { width: 145px; }

#moduleNextWeekFeaturedShow .upcomingShows .showTitle,
#moduleNextWeekFeaturedShow .upcomingShows li.show1 .showTitle { display: block; color: #d90306; font-weight: bold; font-size: 11px; text-decoration: none; text-transform: uppercase; margin-top:10px;}
#moduleNextWeekFeaturedShow .upcomingShows .showInfo,
#moduleNextWeekFeaturedShow .upcomingShows li.show1 .showInfo { font-size: 10px; color: #666; position: relative; background: inherit; width: auto; height: auto; padding: 0; top:auto; right: auto; }

#moduleNextWeekFeaturedShow .moreShows { display: none; }
#moduleNextWeekFeaturedShow .additionalShows {display: none; }


#moduleNextWeekFeaturedShow .firstShow { display: block; margin: 5px 0; }
#moduleNextWeekFeaturedShow .firstShow .date { display: block; width: 85px; float: left; color: #000; }
#moduleNextWeekFeaturedShow .showDescription { display: block; margin: 0; font-size: 11px; line-height: 16px; }



/* ---------- Show Page ---------- */
.showDescription ul { float: left; width: 315px; overflow: hidden; }
.showDescription h5 { color: #333; font-weight: normal; font-size: 16px; margin: 0 0 5px 0; }
.showDescription h5 span { color: #999; font-weight: normal; font-size: 11px; display: block; }

.showDescription ul li { display: block; width: 150px; margin: 0 5px 5px 0; padding: 0; float: left; }
.showDescription ul li.oneArtist { width: 310px; margin: 0 10px 10px 0; padding: 0; }
.showDescription ul li img { width: 150px; }
.showDescription ul li.oneArtist img, .showDescription ul li.poster img { width: 310px; }
.showDescription ul li span { display: block; width: 150px; height: 150px; overflow: hidden; }
.showDescription ul li.oneArtist span { width: 310px; height: 300px; }
.showDescription ul li.poster span { width: 310px; height: auto; }
.showDescription p.description { margin: 0 0 20px 315px; }

.showDetails { margin: 0 0 10px 315px; }
.showDetails li { line-height: 18px; }

.showShare { left: 470px; position: absolute; top: 45px; }
.showShare h6 { display: none; }








.itemListing { font-size: 11px; color: #666; line-height: 14px; margin: 0 0 5px 0; }
.itemListing strong { color: #d90306; font-weight: bold; }
.itemListing a { color: #d90306; text-decoration: none; }
.itemListing a:hover { text-decoration: underline; }


/* SOCIAL MEDIA */
#content3 #moduleSocial { background: none; border: none; margin: 5px 0 10px 0; padding: 0; }
#moduleSocial h4 { display: none; }

.social { text-align: center; height: 86px; width: 300px; margin: 0; }
.social li { float: left; display: block; width: 100px; height: 86px; }
.social li a { display: block; width: 100px; height: 86px; text-indent: -9999px; }
.facebook { background: url(../images/timesSquare/facebook.gif) }
.twitter { background: url(../images/timesSquare/twitter.gif) }
.youtube { background: url(../images/timesSquare/youtube.gif) }



.showShare .social { text-align: center; height: 40px; margin: 0; }
.showShare .social li { float: left; display: block; width: 40px; height: 40px; }
.showShare .social li a { display: block; width: 40px; height: 40px; text-indent: -9999px; }
.showShare .facebook { background: url(../images/timesSquare/facebook.png) }
.showShare .twitter { background: url(../images/timesSquare/twitter.png) }
.showShare .myspace { background: url(../images/timesSquare/myspace.png) }
.showShare .email { background: url(../images/timesSquare/email.png) }




/* UPCOMING SHOWS */
.showListing li { display: block; border: 1px solid #999; padding: 10px; margin: 10px 0; clear: left; }
.showListing li div.date { float: left; width: 100px; padding-right: 10px; }
.showListing li div.details { font-size: 11px; }
.showListing li div strong { display: block; font-size: 12px; }
.showListing li div.date span { font-style: italic; }
.showListing li div a.buy {  background: url(../images/timesSquare/buy.gif); display: block; width: 52px; height: 22px; text-indent: -9999px; margin: 2px 0 0 0; }



/* SHOPPING CART */
.showCart { display: block; background: #f0f0f0; border: 1px solid #666; padding: 10px; margin: 10px 0 0 0; clear: left; }
#shoppingcart { position: relative; }
#shoppingcart h1 { color: #d90306; border-bottom: 1px solid #ccc; font-size: 14px; font-weight: normal; margin: 0 0 5px 0; padding: 0; }
#shoppingcart .cartItems { display: block; width: 300px; float: left; }
#shoppingcart .cartCheckout { margin-left: 310px; }
#shoppingcart td { font-size: 11px; line-height: 18px; }
#shoppingcart br { clear: left; }
#shoppingcart .checkout-green { background: url(../images/timesSquare/btn-checkout-green.gif); height: 36px; width: 158px; display: block; text-indent: -9999px; margin: 5px 0 0 0; }
#shoppingcart .signup-red { background: url(../images/timesSquare/btn-signup-green.gif); height: 36px; width: 158px; display: block; text-indent: -9999px; margin: 5px 0 0 0; }
#shoppingcart .show-info-holder { position:relative; margin:0; padding:0; }
#shoppingcart .marksoldout { background:url(../images/sold-out-stamp.png) no-repeat; width:200px; height:105px; position:absolute; top:0; left:0; text-indent:-9999px;}


/* CHECKOUT */
.orderSummary ul { display: block; width: 300px; float: left; }
.orderSummary table.seperators { margin: 0 0 0 310px; width: auto; }
.orderSummary table.seperators td { line-height: 18px; }
.checkout { clear: left; }
.orderSummary h5 { border-bottom: 1px solid #eee; margin: 0 0 5px 0; }
.orderSummary li { margin: 0 0 10px 0; line-height: 16px; }
.orderSummary p { margin: 0; font-size: 11px; line-height: 16px; }
.orderSummary p.note { color: #999; }
#paymentinfo td { padding: 0 0 3px 0; }



/* ---------- CUSTOM MODULE STYLES ---------- */
#custom31 .moduleContent { background:url(../images/harbor/info-star.png) no-repeat 25px 30px; text-align:right; }

#custom32 td { padding:5px; }
#custom32 td.col1 { width:30%; }
#custom32 td.col2 { width:30%; }
#custom32 td.col3 { width:40%; border-left:#333 solid 1px; vertical-align:middle; }

#custom36 { padding: 0 !important; background: #2b2e31 !important; }
#custom36 h4 { background: #fff; font-size: 12px !important; font-weight: bold !important; text-transform: none; padding: 4px !important; width:130px; margin: 0 !important; border-bottom: none !important; text-align: left; }
#custom36 .moduleContent { background:#fff; padding:5px; }
#custom36 p { margin:0;}
#custom36 a { color:#333; text-transform:uppercase; font-weight:bold; font-size:10px;}

#custom37 { padding: 0 !important; }
#custom37 h4 { display:none; }

#custom39 { padding: 0 !important; background:none !important; }
#custom39 h4 { display:none; }
#custom39 .moduleContent { background:none !important;padding:0 !important; }


/* FULL CALENDAR */
#moduleFullCalendar { background:#deefff !important; }
#moduleFullCalendar h4 { border-bottom:0 !important; }