﻿body { background: #000 url(../images/template/mainBackground.jpg) repeat; background-attachment: fixed; font-family: Arial; font-size: 13px; color: #282828; padding: 0; margin:0; }

#propertyBarWrapper { background-color: Black; height: 32px; }
#propertyBar                { overflow:hidden; width: 950px; margin: 0 auto 5px auto; background-color: Black; }
#propertyBar #companyLogo	{ float:left; width:145px; }
#propertyBar .HorizList		{ float:left; }
#propertyBar ul				{ list-style:none; display:inline; margin:8px auto 0 auto; width:750px; }
#propertyBar li				{ vertical-align:middle; text-align: center; font-size: 10px; float: left; padding: 0 10px; border-right:1px solid; }
#propertyBar li a			{ padding:0; font-size:11px; text-decoration:none; color: #753885; }
#propertyBar li.HorizListItemLast { border-width:0; }


#mainContentWrapper { width: 950px; margin: 0 auto; padding-top: 0px}

#topAdWrapper { margin: 10px 0;}
#topAdWrapper iframe { border: solid 4px #999999; }
#halloween_costume_ad { float: right; margin-top: -105px; }

/*------NAVIGATION------*/

#topNavigationWrapper { position: relative; padding: 0px; margin: 0 0 30px 0; width: 960px; height: 160px; background-position: bottom right; }
#navLogoPart { width: 330px; float: left; height: 98px; background-repeat: no-repeat; position: relative; background-image: url(../images/template/HalloweenLogo.png);  }
#navLogoDummyLinkBox { cursor: pointer; height: 65px; }
#navTopCountdownText { float: left; width: 200px; height: 20px; font-size: 14px; font-weight: bold; padding-top: 1px; padding-left: 217px; margin-left:50px; overflow: hidden; background: url(../images/template/CountdownText.png) no-repeat 0 5px; color: #F99503; }
#navCountdownWrapper { float: right; width: 592px; height: 84px; position: relative; }
#navCountdownWrapper .CityTime { float: left; width: 117px; height: 56px; text-align: center; padding-top: 4px; }
#navCountdownWrapper .CityTime h5 { margin: 0; padding: 0; color: #f99503;} 
#navCountdownWrapper .CityTime h6 { font-size: 14px; font-weight: normal; color: White; margin: 0; padding: 0; }
#navLinksWrapper { background: url(../images/template/navBackground.jpg) no-repeat 15px 0; width: 560px; height: 40px; position: relative; float: right; display: inline; vertical-align: bottom; padding: 0px 0px 0px 30px; }
#navLinksWrapper a { text-decoration: none; color: #fff; font-weight: bold; font-size: 12px; font-family: Arial;}
#navLinksWrapper a:hover { color: #f99503; }
#navLinksWrapper ul { margin: 6px 0px 0px 0px; padding: 0px; float: right; vertical-align: bottom; height: 24px; width: 100%; }
#navLinksWrapper li { display: inline; padding: 0px 7px 0px 10px; margin: 0px 0px 0px 0px; font: normal 14px/24px "Arial" , sans-serif; text-align: right; }

#navHeader { cursor: pointer; }
/*------END: NAVIGATION------*/


#mainContent { width: 760px; float: left; background-color: White; padding: 10px; min-height: 1130px; }

#sideAdWrapper { width: 160px; float: right; text-align: center; }
#sideAdWrapper iframe { margin-bottom: 10px; }


#footerSection { clear: both; background-color: Black; border-top: solid 3px #333; margin-top: 10px; } 
#footerContent { margin: 10px auto 0 auto; padding-bottom: 20px; width: 950px; } 
#footerContent a { display: block; color: #777; font-size: 12px; padding-bottom: 2px; } 
#footerContent h6 { font-size: 13px; text-decoration: underline; color: #ccc; margin: 0 0 5px 0; padding: 0; } 
#footerFeaturedZones, #footerFeaturedEvents, #footerCategories { width: 300px; margin-right: 10px; float: left; }
#footerNav { text-align: center; margin: 10px; clear: both; white-space: nowrap;}
#footerContent #footerNav a { display: inline !important; font-size: 14px; color: #fff; padding: 0 5px 0 5px; }

#searchHeaderSection { }
#searchHeaderSection .SubTitle { font-size: 14px; }
#searchHeaderSection .InfoBox { -moz-border-radius: 15px; }
#searchHeaderSection #featuredZonesLinks { width: 350px; border-right: dotted 1px #282828; float: left; margin-right: 10px; }
#searchHeaderSection #featuredZonesLinks a { font-size: 11px; display: block; float: left; width: 110px; overflow: hidden; padding: 3px; }
#searchHeaderSection #featuredZonesLinks a#moreCitiesLink { width: auto; padding: 5px 15px 0 0; text-align: right; clear: both; float: none; }
#searchHeaderSection #partyTypesLinks { width: 370px; float: left; }
#searchHeaderSection #partyTypesLinks a { font-size: 11px; display: block; float: left; width: 115px; white-space: nowrap; overflow: hidden; margin-right: 5px; padding-bottom: 3px; }
#searchHeaderSection #dateSelectorContent { margin-top: 10px; -moz-border-radius: 10px; }
#searchHeaderSection #dateSelectorContent a { padding-left: 13px; font-size: 11px; }
#eventSearchBoxWrapper { width: 300px; margin-top: 10px; }
#eventSearchBoxWrapper .TextField { width: 200px; }


/*------START OF GENERIC ITEMS------*/


a { color: #3b1157; }
a:hover { text-decoration: none; }

.CurrentLocation { margin: 5px 0 10px 0;} 

.MessageLabel { border: solid 1px #000; background-color: #753885; color: #fff; }
.ErrorLabel, .ValidationSummary { border: solid 1px #000; background-color: #ff0000; color: #000; }

.SubContent { color: #666; }

.Title { color: #f99503; }
.SubTitle { color: #666666; }

.BreadCrumbHeader a { color: #333; }

.InfoBox { background-color: #eee; border: solid 1px #282828; }
.InfoBox a { color: steelblue; }

.FieldWrapper .FieldValue { color: #666} 


.SubMenu { background-color: Black; border: solid 1px #4a4f52; color: White; }
.SubMenu li, .CompletionListItem { border-top: solid 1px #4a4f52; border-bottom: solid 1px #4a4f52; color: White; }


/* Forms */
.Form caption { background-color: #d9d8de;}
.Form .SubHeader { background-color: #d9d8de; color: #753885; }
.Form .FieldTitleHeader { color: #333; }

.FormFieldset legend {color: #333; }


.DataGrid caption { background-color: #d9d8de; }
.DataGrid th { border-bottom: dotted 1px #ccc; background-color: #f7f7f7; color: #753885; }
.DataGrid td { border-bottom: dotted 1px #ccc; }
.DataGrid .Alternating td {  background-color: #e5e5e5;}
.DataGrid .Buttons {  }

input, select, textarea { background-color: #efebef; color: #333; border: #ada9b8 1px solid; }

.Validator { color: Red;}

.Button {background-color: #706b89; border: outset 1px #706b89; color: White; filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ff706b8b', startColorstr='#ffa39fba'); }
a.Button { background-color: #7f7f7f; color: White; filter:none; }

.SoldOutButton { background-color: Red; color: White; padding: 4px 8px 4px 8px; }
/* END: Forms */


.PopupContainer { background-color: Black; color: White; border: solid 1px #4a4f52; }
.PopupContainer a { color: White; }


.TabWrapper .InactiveTab { background-color: #e7e9e9; border: solid 1px #babbba; color: #909090; }
.TabWrapper .ActiveTab { background-color: #f8faf9; border: solid 1px #babbba; color: #333333; border-bottom: none; }

.TabSection { background-color: #f8faf9; border: solid 1px #babbba; }


/* Popup box Styles */

.PopupTitle {background-color: #363151; color: White; filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ff211e33', startColorstr='#ff504877'); }
.PopupTitle .CloseButton {color: White; }
.ModalPopupBody { background-color: White;}

/* END Popup box Styles */



/* Record Results */
.DataRecordAlt { background-color: #eee; }
.DataRecord:hover, .DataRecordAlt:hover { background-color: #ccc;}
.EventRecord { border-color: #999;}


/* Generated via www.cssmenubuilder.com */

.menu{margin:0; padding:0; height:30px; width:950px; display:block; background:url('/Directories/Custom/10/Assets/images/template/topMenuImages.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('/Directories/Custom/10/Assets/images/template/topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('/Directories/Custom/10/Assets/images/template/topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('/Directories/Custom/10/Assets/images/template/topMenuImages.png') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('/Directories/Custom/10/Assets/images/template/topMenuImages.png') 100% -90px no-repeat;}
