/*------------------------------------------------------------
Global Element Styles #
------------------------------------------------------------*/
/* Colors
Page Background: #787878 (62% grey)
Main Area Background: #ffffff (white)
Bars: #555555
Text: #000000 (black)
Links: #006600 (green)
Validation Text: red
Footer Text: #acacac (grey)
Footer Links: #d7d7d7
Menu Tabs: #787878
Ads on right: #999999
Perk Blue: #07076C
*/

body { padding: 0; margin: 0; background-color: #787878; font-family: Tahoma, Arial, Helv; color: #000000; font-size:12px;}
table { border: 0; }
td { padding: 0; border: 0; }
form { margin: 0; padding: 0; display:inline; }
a { color: #006600; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }
img { border-style: none; border-color: inherit; border-width: 0; padding: 0; margin: 0; display: block; }
h1 { font-size: 30px; margin-top:0px; margin-bottom:5px; font-weight:normal;}
h2 { font-size: 20px; margin-top:5px; margin-bottom:5px; font-weight:normal; }

img.inline { display: inline; }
input.btn{ color:#006600; font-weight:bold; padding: 5px 0px 5px 0px; float:right;}
input.btnCtr{ color:#006600; font-weight:bold; padding: 5px 0px 5px 0px; }

.searchMenu { color:Yellow; }
.searchAll { font-size:150%; }


/*-------------------------------------------------------------------------
 New Stuff
-------------------------------------------------------------------------*/
.newFormSectionHeading { font-size: 20px; margin-top:5px; margin-bottom:5px; text-align:left; }
.newFormSection{ text-align:left; padding-bottom:20px; }
.newFormRow { padding-bottom:5px; }
.newFormCellMult { padding-right:30px; }


.newFormFieldLong { width: 100%; }
.newFormFieldShort { width: 200px; }
.newFormFieldTiny { width: 100px; }



/*-------------------------------------------------------------------------
 Calendar Styles
-------------------------------------------------------------------------*/
.weekendStyle {font-size:14px; background:#dddddd; color:Black}
.monthHeaderStyle { font-size:14px; background:#07076C; color:White; font-weight:bold;}
.monthYearSelectedItemStyle { font-size:14px; background:#787878; color:White;}
.todayDayStyle { font-size:14px; background:#787878; color:White; }
.dayHeaderStyle { font-size:14px; background:#787878; color:White; } 
.selectedDateStyle { font-size:14px; background:#07076C; color:White; font-weight:bold;} 
.disabledDayStyle {font-size:14px; background:#dddddd; color:Black}
.specialDayStyle {font-size:14px; background:#dddddd; color:Black}
.monthYearItemStyle { font-size:14px; background:White; color:Black; } 
.weekdayStyle {font-size:14px; background:White; color:Black}
.offMonthStyle {font-size:14px; background:#eeeeee; color:Black}
.goToTodayStyle {font-size:14px; background:#787878; color:Black}
.clearDateStyle {font-size:14px; background:#787878; color:Black}

.nameArt { color:Black; font-weight:bold; }
.namePerk { color:#07076C; font-weight:bold; }
.beCareful { color:Red; }
.fullWidth { width:100%; }


/*-------------------------------------------------------------------------
 Global Styles
-------------------------------------------------------------------------*/
#fullpageDiv { margin: 0 auto; width: 978px; }
#insidePageDiv { float:left; width: 978px; height:auto; font-family: helvetica, arial; font-size: 12px; background-color:#ffffff;
  background-image: url(/images/bg/page-back.gif); background-repeat: repeat-y; background-position: center; }
#upperPageDiv { float:left; margin: 0 9px 0 9px; background-color: #ffffff; width:960px; display: inline; }

.warning { color: #800000; font-weight:bold; font-size:14px; }

.centered { text-align:center; }
.centeredTable { margin-left: auto; margin-right: auto; }
.centeredImage { margin: 0pt auto; }
.clearBoth {clear:both; }
.styledHeader { text-transform: uppercase; font-size: 11px; letter-spacing: 1px; }
.validationMessage { font-size:10px; color:Red; margin:0 auto; display:block;}
.validationSummary { font-size:12px; color:Red; padding-top:10px;}
.formInstructions { text-align:left; padding-bottom:10px;}
.formInstructionsHeading { text-align:left; font-weight:bold;}
.calendarNormal {font-size:20px; }
.tinyLink {font-size:10px; }
.lineBreak {margin:0 auto; display:block;}
.rightHeading {text-align:right;}
.tinyText { font-size:10px; margin:0 auto; display:block;}

.centered { text-align:center; }
.centered table { margin-left:auto; margin-right:auto; }

.listHeader { background-color:#787878; color:White; font-weight:bold; }
.listRow { background-color:White; color:Black; }
.listAlternateRow { background-color:#EEEEEE; color:Black; }

.helpLink { float:right; }
.indent { padding-left:25px; }

.sectionHeading { font-weight:bold; letter-spacing: 1px; font-size:14px; }
.labelCell { text-align:right; vertical-align:top;  padding-top: 5px; padding-right:10px;}
.textCell { vertical-align:top;  padding-top: 5px; padding-right:10px;}
.indent { padding-left:30px;}

.listingTypeRBDescription { padding-left:20px; }
.listingTypeRB { font-weight:bold; }



/*-------------------------------------------------------------------------
 Header Area
-------------------------------------------------------------------------*/
#headerDiv {}
#headerDiv #adHeader{ background-color: #000000; /*background-image: url(images/site/bg/headerAdBaseShadow.gif);*/ background-position: bottom; padding: 4px 0 9px 116px; background-repeat: no-repeat; }
#headerDiv #titleHeader { height:78px; }
#headerDiv #logoHeader { padding: 19px 0 0 19px; height:59px; position:absolute; width:941px; }
#headerDiv #logoHeader a { position:absolute; z-index:999; }
#headerDiv #tagLine {	position: absolute;	margin: 62px 0 0 608px;	text-align: right;	width: 333px;	height: 59px;	vertical-align: bottom;}

#LoginControlDiv {}

/*-------------------------------------------------------------------------
 Dividers
-------------------------------------------------------------------------*/
.thinDivider { background: url(/images/bg/accent-grey-dots-horizontal.gif); background-repeat: repeat-x; background-position: bottom; }
.rightDivider { background: url(/images/bg/accent-grey-dots-vertical.gif); background-repeat: repeat-y; background-position: right; }
.thickDivider { border-bottom:5px solid #555555; }

/*-------------------------------------------------------------------------
 Main Menu
-------------------------------------------------------------------------*/
#mainMenuContainer { width:900px; margin:0 0 0 12px; position:absolute; z-index:999999; }
.thickDivider.menuDivider { margin: 25px 0 0 0; }

/*-------------------------------------------------------------------------
 Main Sections
-------------------------------------------------------------------------*/
#mainDiv { float:left; clear:both; padding:10px; }
#leftColDiv { float:left; width:600px; }
#rightColDiv { height: auto; width: 300px; float: right; margin: 0 0 0 20px; }
#pageContentDiv {}

/*-------------------------------------------------------------------------
 Main Content Area
-------------------------------------------------------------------------*/
#pageTitleDiv {}

/*-------------------------------------------------------------------------
 Listings
-------------------------------------------------------------------------*/
.listing { margin:0px 0px 25px 0px; padding-bottom:24px; display:block; overflow:hidden; float:left; width:100%; }
.listing .imageContainer{ float:left; width:183px; }
.listing .textContainer{}
.listing img { float:left;padding:3px 15px 2px 0px; }

/*.listing .dateStamp {font-size:10px;color:#7D7D7D;}*/
/*.listing .dateField{padding-right:10px; margin-right:10px; }*/
.listing .bodyText { line-height: 18px; }

/*-------------------------------------------------------------------------
 Right Column for Ads & other content
-------------------------------------------------------------------------*/
.rightAd { margin-bottom:15px; }

#localAd { padding: 0 0 0 0; margin-bottom:15px;}
#localAd .bodyText { margin-bottom:15px; }
#localAd .title { padding: 17px 0 16px 0; text-align: center; }

/*-------------------------------------------------------------------------
 Footer styles
-------------------------------------------------------------------------*/
#pageFooter { float:left; text-align:center; background-image: url(/images/bg/bottom-back.gif); background-repeat: no-repeat; 
	background-color: #837E78; width:978px; height:100px; color: #acacac; font-size: 10px; }


#pageFooter .footerLinks { text-transform: uppercase; padding: 17px 0 0 7px; text-align: center; }
#pageFooter .footerLegal { margin: 10px 0 0 0; }
#pageFooter a { color: #d7d7d7;   }

/*-------------------------------------------------------------------------
 Different page styles
-------------------------------------------------------------------------*/

.formSection { margin:0 auto; text-align:center; padding: 0 0 20px 0;}
.formTable { margin:0 auto; width:100%; }
.formFieldLabelCell { width: 150px; text-align: right; vertical-align: top; padding-right:5px; padding-bottom:5px; }
.formFieldInputCell { text-align: left; vertical-align: top; padding-bottom:5px; }
.formField { width: 400px; }
.formFieldSmall { width: 165px; }
.formFieldInstructions { font-size:10px; }

.listingPrice { font-weight:bold; }


/*-------------------------------------------------------------------------
 MyListings Page
-------------------------------------------------------------------------*/
#myListingsDiv { text-align:center; }
#myListingsDiv .listTable { margin:0 auto; border: none 0 white; }
#myListingsDiv .listTableCell0 { text-align:left; padding: 3px 20px 0 0; width:10%;}
#myListingsDiv .listTableCell1 { text-align:left; padding: 3px 10px 0 0; width:10%}
#myListingsDiv .listTableCell2 { text-align:left; width:50%; padding: 3px 10px 0 0; width:60%;}
#myListingsDiv .listTableHeader0 { border-style:none; text-align: left; font-weight: bold; white-space: nowrap; padding: 3px 5px 0 0; }
#myListingsDiv .listTableHeader1 { border-style:none; text-align:left; font-weight:bold; white-space: nowrap; padding: 3px 20px 0 0; }
#myListingsDiv .listTableHeader2 { border-style:none; text-align:left; width:50%; font-weight:bold; white-space: nowrap; padding: 3px 10px 0 0; }

/*-------------------------------------------------------------------------
 EditListing Page
-------------------------------------------------------------------------*/
#editListingDiv {}
#editListingDiv #listingType { text-align:center; padding-bottom: 10px; margin-bottom:10px;}
#editListingDiv #mainForm { margin:0 auto; text-align:center; }
#editListingDiv .premiumListingMsg { font-size:10px; font-style:italic;}
#editListingDiv .floatLeft { float:left;}



/*-------------------------------------------------------------------------
 PickListingType Page
-------------------------------------------------------------------------*/
#pickListingType {}
#pickListingType #listingTypes { font-size: 16px; }
#pickListingType #listingTypeTable { }
#pickListingType .listingTypes { }
#pickListingType .description { padding-left:20px; }
#pickListingType .listingType {padding-bottom: 10px; }
#pickListingType .listingRB { font-weight:bold; }



#listingSearchResults {}
#listingSearchResults .resultTable { margin: 0 auto; border: none 0 white; width: 100%; }
#listingSearchResults .col1 { margin:0 auto; text-align:center; vertical-align: top; width: 170px;  }
#listingSearchResults .col2 { text-align:left; vertical-align: top; }
#listingSearchResults .divCol1 { text-align:left; vertical-align: top; }
#listingSearchResults .divCol2 { text-align:left; vertical-align: top; padding-top: 10px; padding-bottom:10px; }
#listingSearchResults .showTitle { font-size: 14px; font-weight:bold;}
#listingSearchResults .showDescription {}
#listingSearchResults .entryDeadline { font-weight: bold; color: #800000; }
#listingSearchResults .eventDate { font-weight: bold; color: #0066CC; }
#listingSearchResults .orgName { font-size:10px; color: #0066CC; font-weight: bold; }
#listingSearchResults .orgAddress { font-size:10px; color: #0066CC; }
#listingSearchResults .listingType { font-size:10px; text-align:right; font-style:italic;}
#listingSearchResults .pager { margin:0 auto; text-align:right;}
#listingSearchResults .noListingsMsg { margin:0 auto; text-align:center; font-size:14px; padding-bottom:10px;}

#listingDetail {}
#listingDetail .resultTable { margin: 0 auto; border: none 0 white; width: 100%; }
#listingDetail .col1 { margin:0 auto; text-align:center; vertical-align: top; width: 170px;  }
#listingDetail .col2 { text-align:left; vertical-align: top; }
#listingDetail .deadline { font-weight: bold; color: #800000; }
#listingDetail .boldLabel { font-weight:bold;}
#listingDetail .sectionHeading { font-weight:bold; letter-spacing: 1px; font-size:14px; }
#listingDetail .section { padding-top:20px; }
#listingDetail .skipLine { padding-top:10px; }
#listingDetail .skipLineAfter { padding-bottom:10px; }
#listingDetail .listingType { font-size:10px; text-align:right; font-style:italic;}
#listingDetail .importantLabel { font-weight: bold; color: #0066CC; font-size:14px;}
#listingDetail .mapItDiv { float:right; margin:0 auto; }
#listingDetail .mapItButton { background-color: #787878; }
#listingDetail .confirm { text-align:center; border:solid 2px #0066CC; margin: 20px 20px 20px 30px; padding: 20px;}
#listingDetail .emailItDiv { text-align:center; padding-top:10px;}
#listingDetail .emailItDiv img { vertical-align:bottom; padding-right:5px;}
#listingDetail .orgName { font-weight: bold; color: #0066CC; font-size:16px; }


#chargePremiumListing {}
#chargePremiumListing .labelCell { text-align:right; padding: 2px 2px 2px 2px;}
#chargePremiumListing .valueCell { text-align:left; padding: 2px 2px 2px 2px;}
#chargePremiumListing .importantValueCell { text-align:left; font-weight: bold; color: #0066CC; font-size:14px; padding: 10px 2px 2px 2px; }
#chargePremiumListing .importantLabelCell { text-align:right; font-weight: bold; color: #0066CC; font-size:14px; padding: 10px 2px 2px 2px; }
#chargePremiumListing .agreement { text-align:center; font-weight: bold; font-size:14px;}
#chargePremiumListing .agreementValidation { margin: 0px auto; text-align:center; font-weight: bold; font-size:14px; color:Red;}
#chargePremiumListing .paymentButton{ text-align:center; padding-top:20px;}

#home {}
#home .resultTable { margin: 0 auto; border: none 0 white; width: 100%; }
#home .col1 { margin:0 auto; text-align:center; vertical-align: top; width: 170px;  }
#home .col2 { text-align:left; vertical-align: top; }
#home .divCol1 { text-align:left; vertical-align: top; }
#home .divCol2 { text-align:left; vertical-align: top; padding-top: 10px; padding-bottom:10px; }
#home .showTitle { font-size: 14px; font-weight:bold;}
#home .showDescription {}
#home .entryDeadline { font-weight: bold; color: #800000; }
#home .eventDate { font-weight: bold; color: #0066CC; }
#home .orgName { font-size:10px; color: #0066CC; font-weight: bold; }
#home .orgAddress { font-size:10px; color: #0066CC; }
#home .listingType { font-size:10px; text-align:right; font-style:italic;}
#home .pager { margin:0 auto; text-align:right;}
#home .noListingsMsg { margin:0 auto; text-align:center; font-size:14px; padding-bottom:10px;}
#home .intro { text-align:center; padding-bottom:25px; font-size:14px;}
#home .sponsoredLine { }
#home .sponsored { text-align:left; text-transform: uppercase; letter-spacing: 5px; font-size:8px; }

#mySearches{}
#mySearches .listTable { margin:0 auto; border: none 0 white; }
#mySearches .listItemLinks { text-align:left; padding: 3px 20px 0 0; white-space:nowrap; }
#mySearches .listItemName { text-align:left; padding: 3px 10px 0 0; }
#mySearches .listItemFreq { text-align:left; width:50%; padding: 3px 10px 0 0; }
#mySearches .listHeaderLinks { border-style:none; text-align: left; font-weight: bold; white-space: nowrap; padding: 3px 5px 0 0; }
#mySearches .listHeaderName { border-style:none; text-align:left; font-weight:bold; white-space: nowrap; padding: 3px 20px 0 0; }
#mySearches .listHeaderFreq { border-style:none; text-align:left; width:50%; font-weight:bold; white-space: nowrap; padding: 3px 10px 0 0; }

#rightColDivNoAd { height: auto; width: 300px; float: right; margin: 0 0 0 20px; }
#rightColDivNoAd .artistQuoteBox { background:#999999; color:white; margin-bottom:15px; width:300px; height:250px; border: solid 1px #787878;  
                               overflow:hidden; #position:relative; display: table;}
#rightColDivNoAd .artistQuoteBoxMiddle { #position: absolute; #top: 50%;display: table-cell; vertical-align: middle; }
#rightColDivNoAd .artistQuoteBoxInner { #position: relative; #top: -50%;}

									
#rightColDivNoAd .artistQuote { font-size:22px; font-style:italic; text-align:center; padding: 0px 20px 0px 20px;}
#rightColDivNoAd .artistName { font-size: 20px; font-style:italic; text-align:right; padding: 20px 20px 0px 20px;}

#login {}
#login .credBox { margin:0 auto; float:right; width:48%; padding-left:10px;}
#login .createBox { margin:0 auto; float:left; width:48%; padding-right:10px;}
#login .forgotPasswordDiv { margin:0 auto; width:400px; }
#login .googleCards { margin: 0 auto; clear:both; width:182px; padding-top:20px; text-align:center; }
#login .createAccount { font-size: 20px; font-weight: bold; padding-top:10px;}
#login .free { text-transform: uppercase; letter-spacing: 5px; font-style:italic;  }
#login .loginContainer { margin:0 auto; width:100%; height:170px;}
#login .remember { text-align:right; }

#createAccount {}
#createAccount .agreement { font-weight: bold; font-size:14px;}
#createAccount .agreementValidation { font-weight: bold; font-size:14px; color:Red;}

#adminUserSearch {}
#adminUserSearch .searchParams { padding: 5px 20px 5px 20px; }
#adminUserSearch .listTable { margin:0 auto; border: none 0 white; width:100%;}
#adminUserSearch .listCellLink{ text-align:left; padding: 3px 20px 0 0; width:10%; white-space:nowrap;}
#adminUserSearch .listCellName { text-align:left; padding: 3px 10px 0 0; width:80%; white-space:nowrap;}
#adminUserSearch .listHeaderLink { border-style:none; text-align: left; font-weight: bold; white-space: nowrap; padding: 3px 5px 0 0; }
#adminUserSearch .listHeaderName{ border-style:none; text-align:left; font-weight:bold; white-space: nowrap; padding: 3px 20px 0 0; }
#adminUserSearch .userName { width:300px; }


#adminListingSearch {}
#adminListingSearch .listTable { margin:0 auto; border: none 0 white; width:100%;}
#adminListingSearch .listCellShort{ text-align:left; padding: 3px 20px 0 0; width:10%; white-space:nowrap;}
#adminListingSearch .listCellLong { text-align:left; padding: 3px 10px 0 0; width:40%; }
#adminListingSearch .listHeaderShort { border-style:none; text-align: left; font-weight: bold; white-space: nowrap; padding: 3px 5px 0 0; }
#adminListingSearch .listHeaderLong{ border-style:none; text-align:left; font-weight:bold; white-space: nowrap; padding: 3px 20px 0 0; }

#adminListingEdit {}

#adminNewsletterList {}
#adminNewsletterList .listTable { margin:0 auto; border: none 0 white; width:100%;}
#adminNewsletterList .listCellShort{ text-align:left; padding: 3px 20px 0 0; width:10%; white-space:nowrap;}
#adminNewsletterList .listCellLong { text-align:left; padding: 3px 10px 0 0; width:40%; }
#adminNewsletterList .listHeaderShort { border-style:none; text-align: left; font-weight: bold; white-space: nowrap; padding: 3px 5px 0 0; }
#adminNewsletterList .listHeaderLong{ border-style:none; text-align:left; font-weight:bold; white-space: nowrap; padding: 3px 20px 0 0; }

#siteMap {}
#siteMap .columnLeft { vertical-align:top; width:50%; padding-right:20px; }
#siteMap .columnRight { vertical-align:top; width:50%; padding-left:20px }

#bookmarkDiv { text-align:center; }
#bookmarkDiv .bookmarks { padding-bottom:6px; }
.bookmarkSpacer { padding-bottom:10px; }

#bookmarkCtl { }
#bookmarkCtl img { display: inline; padding:1px; width:16px; height:16px;}
#bookmarkCtl a { border:dotted 1px black; font-size: 18px; }
#bookmarkCtl a:hover { border:solid 1px black; }
#bookmarkCtl .sectionHeading { text-transform: uppercase; letter-spacing: 5px; font-size:8px; padding-bottom:3px; }

#adminWebEvents .listTable { margin:0 auto; border: none 0 white; width:100%; }
#adminWebEvents .listCellLink{ text-align:left; padding: 3px 20px 0 0; width:10%; white-space:nowrap;}
#adminWebEvents .listCellName { text-align:left; padding: 3px 10px 0 0; width:80%; white-space:nowrap;}
#adminWebEvents .listHeaderLink { border-style:none; text-align: left; font-weight: bold; white-space: nowrap; padding: 3px 5px 0 0; }
#adminWebEvents .listHeaderName{ border-style:none; text-align:left; font-weight:bold; white-space: nowrap; padding: 3px 20px 0 0; }
#adminWebEvents .listPager { background-color:#787878; color:White; font-weight:bold; text-align:center;}
#adminWebEvents .colButton { white-space: nowrap; text-align:left; padding-right:5px;}
#adminWebEvents .colTime { white-space: nowrap; text-align:left; padding-right:5px; }
#adminWebEvents .colCode { white-space: nowrap; text-align:left; padding-right:5px; }
#adminWebEvents .listHeader { background-color:#787878; color:White; font-weight:bold; text-align:left;}
#adminWebEvents .detailListHeader { background-color:#787878; color:White; font-weight:bold; text-align:right; padding-right:5px; vertical-align:top;  }
#adminWebEvents .listRow { background-color:White; color:Black; white-space:pre;}
#adminWebEvents .listAlternateRow { background-color:#EEEEEE; color:Black; padding-left:10px; white-space:pre;}

#listingDetailEmail {}
#listingDetailEmail .privacyMessage { float:right; padding-right:20px; text-align:right;}
#listingDetailEmail .thanks { color: #0066CC; padding-top:20px; font-size:20px; font-weight:bold;}
#listingDetailEmail .captchaCell { padding-left:5px; padding-right:5px; text-align:center;}

#adminEmailLog {}
#adminEmailLog .colTime { white-space: nowrap; text-align:left; padding-right:5px; }
#adminEmailLog .col { text-align:left; padding-right:5px; }
#adminEmailLog .listHeader { background-color:#787878; color:White; font-weight:bold; text-align:left;}
#adminEmailLog .detailListHeader { background-color:#787878; color:White; font-weight:bold; text-align:right; padding-right:5px; vertical-align:top;  }
#adminEmailLog .listRow { background-color:White; color:Black; white-space:pre;}
#adminEmailLog .listAlternateRow { background-color:#EEEEEE; color:Black; padding-left:10px; white-space:pre;}
#adminEmailLog .listPager { background-color:#787878; color:White; font-weight:bold; text-align:center;}

#adminDashboard{}
#adminDashboard .rowHeaderCell {width:150px; text-align:right; padding-right:10px; font-weight:bold;}
#adminDashboard .colHeaderCell{ padding-left:10px; padding-right:10px; font-weight:bold;}
#adminDashboard .rowValueCell { padding-left:10px; padding-right:10px;
	margin-left: 40px;
}
#adminDashboard .sectionHeading { font-weight:bold; letter-spacing: 1px; font-size:14px; padding-top:10px; }

#newsletterList {}
#newsletterList .newsletterLink { text-align:center; font-size:14px; padding-bottom:10px; }

#newsletterDetail {}
#newsletterDetail .date { font-size: 14px; font-weight:bold; text-align:right;}
#newsletterDetail .logo { }
#newsletterDetail .thickDivider { border-bottom:5px solid #555555; }
#newsletterDetail .title { font-size: 30px; padding-top: 20px; padding-bottom: 5px; font-weight: bold; letter-spacing: 4px; }
#newsletterDetail .articleTitle { font-size: 20px; padding-top: 20px; font-weight: bold; letter-spacing: 4px; }
#newsletterDetail .articleBody { }
#newsletterDetail .nextTime { font-weight:bold; }
#newsletterDetail .footer { }
#newsletterDetail .contact { padding-top:10px;}
#newsletterDetail .unsubscribe { font-size:10px; padding-top:20px; }