﻿/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
DEFAULT BODY STYLES
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/
body, td, div, p
{
	color: #333333;
}

a:visited 
{
	color: #008BAB;
}


/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
HEADER
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/
#header
{
	background:url(../_images/navMain/top_nav_bg.gif) no-repeat top;
	margin: 6px 0 0 0;
	padding-top: 0px;
	height: 130px;
}

#header img#logo_header
{
	margin: 0px 0px 0px 24px;
	padding: 0px;
	float: left;
}

#header ul.headnav
{
	list-style-type: none;
	width: 390px;
	margin: 10px 24px 0 0;
	padding: 0;
	float: right;
	text-align: right;
	color:#ffffff;
}

#header ul.headnav a:link
{
	color:#F4C813;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}

#header ul.headnav a:visited
{
	color:#F4C813;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}

#header ul.headnav a:hover
{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}
	
#header ul.topnav
{
	width:100%;
	margin: 16px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	height: 18px;
	border-width: 1px 0;
	float: left;
}

#header ul.topnav li
{
	text-align:center;
	text-transform:capitalize;
	font-size:11px;
	font-weight:bold;
	padding-top:0px;
	float: left;
	border-right: 1px solid #fff;
	height: 16px;
	width:126px;
}


/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
LEFT HAND NAVIGATION
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/

#leftNav #middle_grey
{
	background: url(../_images/leftNav/rounded_middle_grey.jpg) repeat;
	margin: 0px;
	padding: 2px;
	padding-right: 10px;
}

.DropDown_Topics
{
	width: 165px !important;
}

.BrowseLinks 
{
	margin: 0px;
	padding: 0px;
}

.BrowseLinks ul
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
	list-style-type: none;
}

.BrowseLinks ul li 
{
	display:block;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #eeeeee;
	cursor: pointer;
}

.BrowseLinks ul li:hover 
{
	background-color: #dddddd;
}

.BrowseLinks ul li div
{
	padding: 4px;
	padding-left: 8px;
	font-weight: bold;
	color: #555555;
}

.BrowseLinks ul li div:hover
{
	color: #008bab;
	background-color: #ffffff;
}

.BrowseLinks ul li ul 
{
	margin: 0px;
	margin-bottom: 3px;
	padding: 0px;
	list-style-type: none;
}

.BrowseLinks ul li ul li 
{
	display:block;
	margin: 0px;
	padding: 2px;
	padding-left: 15px;
	font-weight: normal;
	font-size: 9pt;
	color: #008bab;
}

.BrowseLinks ul li ul li:hover
{
	background-color: #ffffff;
	color: #008bab;
}


/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
FEATURED ITEMS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/

.FeaturedItem
{
	margin-bottom: 4px;
	padding-bottom: 10px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	cursor: pointer;
	display:inline-block;
}

.FeaturedItem .Thumbnail 
{
	padding-top: 4px;
}

.FeaturedItem .Thumbnail img
{
	border: 3px solid #cccccc;
}

.FeaturedItem a
{
	text-decoration: none;
	color: #008bab;
}

.FeaturedItem .TitleBlock
{
	padding-bottom: 8px;
	padding-top: 8px;
}

.FeaturedItem .TitleBlock .TitleLink
{
	font-size: 12pt;
	line-height:20px;
}

.FeaturedItem .TextContainer
{
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 4px;
	line-height: 1.3em;
}

.FeaturedItem .TextContainer .Date
{
	margin-top: 5px;
	font-style: oblique;
}

.FeaturedItem .TextContainer .Copy
{
	padding-top: 6px;
	padding-bottom: 6px;
}

.FeaturedItem .TextContainer .Bullet
{
	margin-right: 5px;
}


/* Featured Item Hover Style Classes */
.FeaturedItem:Hover 
{
	background: #f9f9f9;
}

.FeaturedItem:Hover .TitleBlock
{
	background-color: #f4f4f4;
}

.FeaturedItem:Hover .TitleLink 
{
	color: #096b82;
}

.FeaturedItem:Hover .Thumbnail img
{
	border: 3px solid #78bfd1;
}


/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
TABS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/

.Tab_Container2
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-bottom: 1px solid #01708a;
	height: 2.0em;
	margin-bottom: 15px;
	overflow: hidden;
}

.Tab_Container2 li 
{
	float: left;
	background: url(../_images/tabs/tab1_left.gif) top left no-repeat;
	margin: 0px !important;
	padding: 0px 0px 0px 10px;
	cursor: pointer;
}

.Tab_Container2 li a 
{
	display: block;
	float: left;
	background: url(../_images/tabs/tab1_right.gif) top right no-repeat;
	padding: 3px 29px 6px 15px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	outline: none !important;
	/*
	float: none;
	*/
}

.Tab_Container2 li:hover
{
	background: url(../_images/tabs/tab1_hover_left.gif) top left no-repeat;
}

.Tab_Container2 li:hover a
{
	background: url(../_images/tabs/tab1_hover_right.gif) top right no-repeat;
}

.Tab_Container2 li.Active 
{
	float: left;
	background: url(../_images/tabs/tab1_active_left.gif) top left no-repeat;
	margin: 0px !important;
	padding: 0px 0px 0px 10px;
}

.Tab_Container2 li.Active a 
{
	display: block;
	float: left;
	background: url(../_images/tabs/tab1_active_right.gif) top right no-repeat;
	padding: 3px 29px 6px 15px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	/*
	float: none;
	*/
}

.Tab_Container2 li.Spacer 
{
	float: left;
	background: #ffffff;
	margin: 0px !important;
	padding: 0px 0px 0px 10px;
}

.Tab_Container2 li.Spacer a 
{
	display: block;
	float: left;
	background: #ffffff;
	padding: 3px 29px 6px 15px;
	color: #008bab;
	text-decoration: underline;
	font-weight: bold;
	/*
	float: none;
	*/
}

.Tab_Container2 li.Spacer a:hover
{
	color: #F4C813;
}


/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
TWITTER BOX
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/
#Panel_TwitterUpdates 
{
	margin-bottom: 40px;
	color: inherit;
}

.twitted 
{

}

.twitted div.headerBanner
{
	margin: 0;
	padding: 0.3em 0.8em;
	font-size: 1em;
	border-bottom: none !important;
	display: none;
	height: 1px;
}

.twitted div.preLoader
{
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("../_jquery/jquery.twitter/loader.gif") 1em center no-repeat;
}

.twitted ul#twitter_update_list 
{
	margin: 0;
	padding: 0 0.8em;
	list-style-image: url(../_images/email/bullet.gif);
}

.twitted ul#twitter_update_list li 
{
	margin: 0;
	margin-left: 15px;
	padding: 0.8em 0 1em 0;
	color: inherit;
	border-bottom: 1px dotted #dddddd;
}

.twitted ul#twitter_update_list li span 
{
	/* tweet content */
	display: block;
}

.twitted ul#twitter_update_list li span a 
{
	/* links in tweet content */
	
}

.twitted ul#twitter_update_list li a 
{
	/* timestamp link */

}

.twitted ul#twitter_update_list li.firstTweet 
{
}

.twitted ul#twitter_update_list li.lastTweet 
{
	border-bottom: none;
}

.twitted p.profileLink
{
	display: block;
	margin: 0;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #ddd;
	display: none;
}


/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
BANNER BOX
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/
#Panel_TopBanner 
{
	margin-bottom: 40px;
}


/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Add2Any Container
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/
#Add2Any 
{
	text-align: center;
	margin-top: 20px;
}


/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Performance Details
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/
.PerformanceDetails 
{

}

.PerformanceDetails .Title, .Title 
{
	color: #008bab;
	font-size: 1.8em;
	line-height: normal;
	padding: 0px;
	margin-bottom: 5px;
}

.PerformanceDetails .SubTitle, .SubTitle
{
	color: #444444;
	font-size: 1.3em;
	line-height: 1em;
	padding: 0px;
	margin-bottom: 15px;
}

.PerformanceDetails .subhead
{
	border-top:1px solid #CCC;
	margin-top:30px;
	padding-top:30px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	letter-spacing:1px;

}

.PerformanceDetails .EventDate 
{
	padding: 0 0 10px 0;
	font-size: 1.1em;
}

.PerformanceDetails .Date
{

}

.PerformanceDetails .Date div
{
	line-height: 1.3em;
}

.PerformanceDetails .Details 
{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1em;
}

.PerformanceDetails .Details p
{
	font-size: 1em;
	line-height: 1.3em;
}

.PerformanceDetails .Details img
{
	margin-left: 20px;
	margin-bottom: 10px;
}

.PerformanceDetails .QuickTixCode 
{
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	padding:10px;
	margin-top: 10px;
	width: 30%;
}

.PerformanceDetails .QuickTixCode .Text
{
	color: #008bab;
}

.PerformanceDetails .Tickets 
{
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-top: 1px solid #ffffff;
}

.PerformanceDetails .Tickets .ClickToLogin 
{
	text-align: center;
	padding: 0 0 3px 0;
	cursor:pointer;
	color: #888888;
	background-color: #f3f3f3;
	border: 1px solid #cccccc;
}

.PerformanceDetails .Tickets .ClickToLogin:hover
{
	color: #008bab;
}

.PerformanceDetails .Tickets .MembersShouldLogin,
.PerformanceDetails .Tickets .CustomerShouldSignup
{
	margin: 0px;
	padding-top: 10px;
	text-align: center;
	line-height: 20px;
}

.PerformanceDetails .Tickets .Free 
{
	color: #990000;
	font-style: italic;
}

.PerformanceDetails .Tickets .PriceType_Member_Label,
.PerformanceDetails .Tickets .PriceType_NonMember_Label
{
	text-align: left;
	padding-right: 5px;
	padding-left: 10px;
	font-weight: bold;
}

.PerformanceDetails .Tickets .PriceType_Member_Tickets,
.PerformanceDetails .Tickets .PriceType_NonMember_Tickets
{
	text-align: center;	
}

.PerformanceDetails .Tickets .PriceType_Member_Tickets select,
.PerformanceDetails .Tickets .PriceType_NonMember_Tickets select
{
	width: 40px;
	text-align: center;
	color: #008bab;
}

.PerformanceDetails .Tickets .PriceType_Member_Tickets_Login input
{
	width: 3em;
	text-align: center;
	color: #888888;
	background-color: #f3f3f3;
	border: 1px solid #cccccc;
}

/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Index Page Results
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/
.results .title
{
	font-size:15px;
	font-weight:bold;
}

.results .title a {
display:block;
text-decoration:none;
padding: 10px 0 10px 0;
}

.results .title a:hover {
display:block;
background-color:#f0f0f0;;
color:#008bab;
padding: 10px 0 10px 0;
}

.results .thumbnail
{
	vertical-align:top; 
	padding:0 10px 10px 0; 
	border-bottom:1px dashed #999;
}

.results .event-info
{
	vertical-align:top; 
	border-bottom:1px dashed #999; 
	padding-bottom:10px;
}


/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
"May We Also Suggest" Items
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/
.EventSuggestions 
{
	text-align: center;
	margin-top: 5px;
	width: 96%;
}

.EventSuggestions .SuggestionItem 
{
	cursor: pointer;
	padding: 5px;
	font-size: 9pt;
	border: 1px solid #ffffff;
}

.EventSuggestions .SuggestionItem img
{
	border: 3px solid #cccccc;
	display: block !important;
	margin: 0 auto;
	margin-bottom: 4px;
	padding: 0px !important;
}

.EventSuggestions .SuggestionItem a 
{
	text-decoration: none !important;
	color: #222222 !important;
}

.EventSuggestions .SuggestionItem:Hover 
{
	color: #008bab;
	background-color: #f5f5f5;
	border: 1px solid #dddddd;
}

.EventSuggestions .SuggestionItem:Hover img 
{
	border: 3px solid #78bfd1;
}

.EventSuggestions .SuggestionItem a 
{
	color: #008bab !important;
}


/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Membership Benefits Content
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/


#Panel_MembershipBenefits table 
{
	padding: 0px;
	margin: 0px;
}

#Panel_MembershipBenefits table th 
{
	background-color: #ffffff;
	font-weight: bold;
	text-align: center;
	padding: 8px;
	background: #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #ffffff;
	width: 60px;
}

#Panel_MembershipBenefits .BulletEvenRow,
#Panel_MembershipBenefits .BulletOddRow 
{
	padding-right: 0px !important;
	border-right: 0px !important;
}

#Panel_MembershipBenefits .BenefitEvenRow,
#Panel_MembershipBenefits .BenefitOddRow
{
	text-align: left;
	padding: 9px;
	line-height: 1.3em;
	border-right: 1px solid #ffffff;
}

#Panel_MembershipBenefits .StatusEvenRow,
#Panel_MembershipBenefits .StatusOddRow
{
	font-weight: bold;
	color: #bf5a00;
	text-align: center;
	padding: 4px;
}

#Panel_MembershipBenefits .BenefitOddRow
{
	background-color: #f6f6f6;
}

#Panel_MembershipBenefits .StatusOddRow
{
	background-color: #f1f1f1;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #ffffff;
}

#Panel_MembershipBenefits .BenefitEventRow
{
	background-color: #ffffff;
}

#Panel_MembershipBenefits .StatusEvenRow
{
	background-color: #f9f9f9;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #ffffff;
}

#Panels_Memberships 
{
	margin-top: 35px;
	margin-bottom: 45px;
	width:558px;
}

#Panels_Memberships a
{
	display: block;
	font-weight: bold;
	color: #008BAB;
	cursor: pointer;
	width: 100%;
	height: 27px !important;
	background: url(../_images/buttons/grey_button_bg.gif) top left no-repeat;
	padding: 6px 0px 0px 25px;
	margin: 5px 0px 0px 0px;
}

#Panels_Memberships a:hover 
{
	color: #008BAB;
	background: url(../_images/buttons/blue_button_bg.gif) top left no-repeat;
}

#Panels_Memberships div
{
	display: none;
	background: url(../_images/panel_bg.gif) bottom left repeat-y;
	line-height: 1.3em;
	padding: 6px 10px 0px 20px;
	position: relative;
	top: -6px;
}

#Panels_Memberships div div 
{
	margin: 4px 0px 0px 0px;
	padding: 10px 0px 7px 0px;
	background: none;
	line-height: 1.3em;
	display: block;
}

#Panels_Memberships div input 
{
	vertical-align: middle;
}

#Panels_Memberships div label 
{
	cursor: pointer;
}

.Panels_Memberships_Div_Open 
{
	background: url(../_images/buttons/blue_button_active_bg.gif) top left no-repeat !important;
	color: #ffffff !important;
}

.Panel_Bottom 
{
	background: url(../_images/panel_bottom.gif) bottom left no-repeat !important;
	height: 27px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.MembershipListPanel,
.MembershipListPanel input
{
	padding: 0px;
	margin: 0px;
}

.MembershipListPanel label 
{
	padding: 0px 0px 0px 5px;
	margin: 0px;
}


/*
DETAILS TOOLBAR
*/
#Reserve_Toolbar img 
{
	border: 0px;
}

.a2a_dd 
{
	cursor: pointer;
}

/*
VALIDATION ERROR MESSAGES
*/
.ValidationError_Box2
{
	padding: 10px;
	text-align: left;
	color: #ff0000;
}

.ValidationError_Box2 table
{
	text-align: center;
}

.ValidationError_Box 
{
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background: #f8f8f8;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 15px;
}

.ValidationError_Group 
{
	color: #f00;
	font-weight: bold;
	margin-top: 15px;
}

.ValidationError {
	/* any error or warning text */
	color: #f00;
	font-weight: normal;
	padding-top: 10px;
}

.ValidationError2 
{
	color: #f00;
	font-weight: normal;
	padding-left: 10px;
}

.ValidationError ul 
{

}

.ValidationError ul li
{
	margin-left: 25px !important;
	margin-top: 0 !important;
	margin-bottom: 3px !important;
	margin-right: 0 !important;
}

#Content_ValidationErrors 
{
	text-align: center;
}
/*
END VALIDATION ERROR MESSAGES
*/

input {
	color: #008BAB;
}

.smalltext 
{
	font-size: .9em;
	font-style: italic;
}


#Content_EventDate_AddToCalendar ul 
{
	position: absolute;
	display: block;
	list-style: none;
	border-color: #999999;
	border: 4px solid #999999;
	background: #111111;
	padding: 5px;
	margin: 0px;
	width: 134px;
	-moz-border-radius: 11px; 
	-webkit-border-radius: 11px;
	display: none;
}

#Content_EventDate_AddToCalendar ul li
{
	display: inline-block;
	border: 1px solid #111111;
	padding: 2px;
	margin: 0px;
	width: 129px;
	height: 22px;
	font-size: 12px;
	cursor: pointer;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
}

#Content_EventDate_AddToCalendar ul li:hover
{
	background: #555555;
	border: 1px solid #777777;
}

#Content_EventDate_AddToCalendar ul li a
{
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	width: 104px;
	height: 22px;
	padding-top: 4px;
	padding-left: 2px;
}

.Icon_Space
{
	width: 22px;
	height: 22px;
	float: left;
}

.Icon_Outlook
{
	background: url(../_images/icons/outlook_20x20.png) no-repeat left center;
}

.Icon_iCal
{
	background: url(../_images/icons/ical_20x20.png) no-repeat left center;
}

.Icon_GoogleCalendar 
{
	background: url(../_images/icons/googlecalendar_20x20.png) no-repeat left center;
}

.Icon_YahooCalendar 
{
	background: url(../_images/icons/yahoocalendar_20x20.png) no-repeat left center;
}


/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Debug Output
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/
#DebugOutput 
{
	padding: 10px;
	background-color: #000000;
	color: #ffcc00;
	text-align: left;
	font-family: Courier New;
	display: block;
	border: 2px inset;
	height: 50px;
}

#DebugBox 
{
	position: fixed;
	_position: absolute;
	top: 0;
	_top: expression(eval(document.body.scrollTop));
	left: 0;
	margin: 0;
	padding: 15px;
	border: 2px inset;
	background: #000000;
	text-align: left;
	color: #ffcc00;
	font-family: Courier New;
	display: none;
}

#DebugBox span, #DebugBox div, #DebugBox td, #DebugBox p 
{
	color: #ffcc00;
	font-family: Courier New;
}