/****************************************************************************************************

	assumes that this file is in a directory called "site_branding" directory in ArticleMedia 
		* for example: https://www.myaudienceviewsite.com/ArticleMedia/Files/site_branding/branded-styles.css
		* relative path for reaching the Images directory in ArticleMedia :
			** url(../../Images/)
		* relative path to branding folder :
			** url(../../../Online/branding/)
		
****************************************************************************************************/

/* =Basic HTML Styles
-------------------------------------------------------------- */

body {		
	background-color: transparent;
	background-image: url(../../../Online/branding/wallpaper.jpg);
	background-position: inherit;
	background-repeat: repeat;
	color: #3f3f3f;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}
a:link, 
a:visited, 
a:hover, 
a:active {
	color: #3f3f3f;
}
h1 {
	color: #F58036;
	font-size: 16px;
	font-weight: bold;
}
h2 {
	color: #2c76b7;
	font-size: 13px;
	font-weight: bold;
}
h3 {
	color: #3f3f3f;
	font-size: 12px;
	font-weight: bold;  
}
h4 {
	color: #79B3E3;	
	font-style: italic;
	font-weight: bold;  
}
hr {
	background-color: #C8C8C8;
	border-width: 0;
	height: 1px;
}
.required {
	color: #2C76B7;	
}
.optional {
	font-weight: normal;
	font-style: italic;	
}

/* =Page Regions
-------------------------------------------------------------- */

#content {
	background-color: #fff;
}
#header {	
	background-color: #2e3e5f;
}
.bodyDetails {
	background-color: #fff;
}

/* =Order Box
-------------------------------------------------------------- */

#orderInfo {
	background-color: #002447;
	border: 1px solid #174d83;
}
#orderInfoImage {
	background-color: transparent;
	background-image: url(../../../Online/branding/ShoppingCart.gif);
	background-position: inherit;
	background-repeat: no-repeat;
	display: none;
}
#orderInfoSummary {
	color: #fff;
}
#orderInfoSummary h2 {
	color: #fff;
	font-size: 15px;
	font-weight: normal;
}
#orderInfoCartLink {
	color: #fff;
}
#orderTimeout {
	background-color: #f58036;
}


/* =Menu
-------------------------------------------------------------- */
#menu {
	background-color: #f4f9fc;
	border-bottom: 1px solid #cee5fb;	
}
.menuTopItem a:link,
.menuTopItem a:visited,
.menuTopItem a:hover,
.menuTopItem a:active {
	color: #2c77b8;
	font-size: 12px;
	font-weight: normal;
}
.menuTopItem a:hover {
	background-color: #fff;
	border: 1px solid #cfe5fa;
	color: #2C76B7;	
}
.menuTopItem ul {
	background-color: #f4f9fc;
}
.menuTopItem li.menuSubItem a:active,
.menuTopItem li.menuSubItem a:visited,
.menuTopItem li.menuSubItem a:link { 
	border: solid #cfe5fa;
	border-width: 0 1px 1px;
	color: #2c77b8;
	font-size: 12px;
	font-weight: normal;
}
.menuTopItem li.menuSubItem a:hover  {
	background-color: #fff;
}
#menuTop a.menuHighlight {
	background-color: #fff;
	border: 1px solid #cfe5fa;
	color: #2C76B7;	
}

/* =Search Box
-------------------------------------------------------------- */
#searchBox {
	background-color: #f4f9fc;	
	border: 1px solid #cee5fb;	
}
.searchBoxLabel {
	color: #2c76b7;
	font-weight: bold;
}

/* =Search Filters
-------------------------------------------------------------- */

#searchFilters h3 {
	color: #2C76B7;	
}
#searchFilters ul li a span {
	color: #2C76B7;	
}

/* =Search results widgets
-------------------------------------------------------------- */

#performance-results-heading {
	font-size: 16px;	
}
.dataTable thead th,
.dataTable h3 { 
	background-color: #fff;
	font-size: 11px;
}
.dataTable tbody { 	
	border-bottom: 1px solid #D7D7D7;
}
tr.odd td{
	background-color: #ededed;
	border-top: 1px solid #d7d7d7;
}
tr.even td {
	border-top: 1px solid #d7d7d7;
}
#search_results .search_result_div {
    border: 1px solid #d7d7d7;
}
#search_results .search_result_div.even {

}
#search_results .search_result_div.odd {
	background-color: #ededed;
}
.performance-info-list .performance-description {
	font-weight: bold;
}
#availability-legend {
	background-color: #ededed;
	border: solid #d7d7d7;
	border-width: 0 1px 1px 1px;
}
#availability-legend h3 {	
	background-color: #d7d7d7;
	border: solid #d7d7d7;
	border-width: 1px 0;
}	

/* =Seat Select
-------------------------------------------------------------- */

#seatResults .venueImage h2,
#seatSelect .venueImage h2 {
	background-color: gray;
	color: #fff;
	font-size: 12px;
}
#seatTabs {	
	border-bottom: 1px solid #d7d7d7;
}
.seattab_off {
	background-color: #ededed;	
	border: solid #d7d7d7;
	border-width: 1px 1px 0px 1px;
}
.seattab_on {
	background-color: #f4f9fc;	
	border: solid #76b2e6;	
	border-width: 1px 1px 0px 1px;
	color: #2c76b7;
}
.seatsOnOrderBox {
	background-color: #fff;
	border: 1px solid #cee5fb;
}

/* =Performance Information
-------------------------------------------------------------- */

.seriesDescription {
	font-size: 12px;
	font-weight: bold;
}
.performanceDescription {

}
.performanceDate {

}
.moreInformationLink {

}

/* =Bundle Pages
-------------------------------------------------------------- */

.bundlesHeader {
	border-bottom: 1px solid #D7D7D7;
}
.bundleDescriptions {
	
}
.miscItem.bundle {
	border-bottom: 1px solid #D7D7D7;
}
.bundle-donation {
	border-bottom: 1px solid #D7D7D7;
}
.misc-item-quantity.bundles td.options {
	border-top: 1px solid #ccc;
}
.misc-item-quantity .quantity,
.bundle-donation .quantity {
	font-weight: bold;
}
.bundleFlowItem {
    background-color: #f4f9fc;
	border: 1px solid #ffffff;
	color: #2c77b7;	
	font-weight: bold;	
}
.bundleFlowSelectedItem {
	background-color: #cee5fb;
	border: 1px solid #cfe5fa;
	color: #2c76b7;	
	font-weight: bold;	
}


/* =Miscellaneous Items
-------------------------------------------------------------- */

#popupLink,
#mainImage {
	border: 1px solid #c8c8c8;
}
.miscThumbnail img {
	border: 1px solid #c8c8c8;	
	width: 80px;
}
.largeImage  {	
	background-color: #fff;
	border: 1px solid #174D83;
}
.closeText {	
	background-color: #2D3C5D;
	border: 1px solid #174D83;
	font-weight: bold;
}

/* =Promo Codes
-------------------------------------------------------------- */

#promoCodeBox {	
	background-color: #f4f9fc;
	border: 1px solid #cee5fb;
	color: #2c76b7;
}
#lastPromoCodeBox {	
	background-color: #f7fcff;
	border: 1px solid #cee5fb;
	color: #2c76b7;
}
div#promoCodeList-box {
	background-color: #cee5fb;
	border: 1px solid #2C77B8;
	color: #2C76B7;
}

/* =Donations
-------------------------------------------------------------- */

.donation-group td ul li span {
	font-size: 13px;	
}

/* =Gift Cards/Certificates
-------------------------------------------------------------- */

.giftCardGroup label {
	font-weight: bold;
}
/* =Shopping Cart
-------------------------------------------------------------- */

#recommendations {
	border-top: 1px solid #c8c8c8;
}

/* =Order Contact
-------------------------------------------------------------- */

.paymentBox {
	background-color: #ededed;
	border: 1px solid #d7d7d7;
}
.paymentBox p {
	font-weight: bold;
}

/* =Order Summary
-------------------------------------------------------------- */

.download {  	
	background-color: #ffe8c6;
	border: 1px solid #f47320;
	color: #000;  
}
div#newOrder {
	background-color: #ededed;
	border: 1px solid #d7d7d7;
}

/* =Login
-------------------------------------------------------------- */

.login-widget,
.accountBox {
	background-color: #f4f9fc;
	border: 1px solid #cee5fb;
	color: #2c76b7;	
}

/* =My Account
-------------------------------------------------------------- */

#accountNav {
	background-color: #f4f9fc;
	border: 1px solid #d0e6fb;
} 
li.accountListItem {
	background-color: transparent;
	background-image: url(../../../Online/branding/chevron.jpg);
	background-position: 97% center;
	background-repeat: no-repeat;
	border-top: 1px solid #d0e6fb;
}
#accountNav ul#accountList li a {
	color: #2C76B7;
}
#accountNav ul#accountList li.accountListItem_selected {
	background-color: #fff;
	border: solid #d0e6fb;
	border-width: 1px 0 1px 1px;
}
#accountNav ul#accountList li.accountListItem_selected a {
	font-weight: bold;	
}
#accountNav ul#accountList li#listItem_offers span#offerCount {
	background-color: #2e75b5;
	color: #fff;
	font-weight: bold;
}
#accountContent h2 {
	color: #F58036;
}
#accountContent h3 {
	color: #2C76B7;
}
#accountContent a.sectionAllLink {
	color: #2C76B7;
}
#accountHeader {
	background-color: #f4f9fc;
	border: 1px solid #d0e6fb;
}
#customerName.accountHeaderItem {
	color: #2C76B7;
	font-size: 15px;
}
#customerNumber .label, 
#customerCreateDate .label {
	color: #2C76B7;
	font-weight: normal;
}
#customerNumber,
#customerCreateDate {
	font-size: 11px;
}
#customerValue {    
    font-size: 11px;
}
.accountHeaderCustomerValueItem {    
    font-weight: normal;
    font-size: 11px;
}
#customerPoints .label, 
#customerRank .label, 
#customerTotal .label {
	color: #2C76B7;
	font-weight: normal;
}
#sectionList li {
	background-color: #f4f9fc;
	border: 1px solid #d0e6fb;
}
#sectionList li a {
	color: #2C76B7;
}
.sectionBox {
	border: 1px solid #ccc;
}
.sectionBox .dataTable tbody {
	border-bottom: 1px dotted #9f9f9f;

}
.sectionBox .dataTable tr.odd td, 
.sectionBox .dataTable tr.even td {
	background-color: #fff;
	border-top: 1px dotted #9f9f9f;
}
.sectionBox .dataTable td a {
	color: #2C76B7;	
}
.sectionBox .dataTable #keywordsBox {
	border: 1px solid #9f9f9f;
}
#accountContent .accountSectionBox {
	border: 1px solid #ccc;
}
#accountContent #offerSearchBox, 
#accountContent #addFriendBox {
    background-color: #EBF3F6;
    border: 1px solid #CEE5FB;
}
.actionList li a {	
	background-color: #f4f9fc;
	border: 1px solid #d0e6fb;
	color: #2C76B7;	
}
#archiveMessage .disabled {
	background-color: #E7E7E7;
	border: 1px solid #DCDCDC;	
	color: #999999;	
}
#messageCenterBox table.dataTable td.read {
	
}
#messageCenterBox table.dataTable td.unread {
	color: #000;
	font-weight: bold;
}
ul#messageSearchButtons.actionList {
	border-bottom: 1px solid #d0e6fb;
}
ul#messageSearchButtons.actionList li a {
	border: 1px solid #d0e6fb;
}
ul#messageSearchButtons.actionList li.selectedMessageFilter a {
	background-color: #fff;
}
.actionList li.selectedMessageFilter a {
    font-weight: bold;
}

/* =Popup Styles
-------------------------------------------------------------- */

body#popup {
	background-color: #fff;
}
.popupDetails {
	background-color: #fff;
}
#popupBody {
	background-color: #fff;
}
#loadArticle {
	background-color: #fff;
}
#popupDiv {
	background-color: #fff; 
	border: 1px solid #174D83;
}
.popupDiv_giftCard {	
	background-color: #fff;
}
#popupDiv #popupDiv_title {
	background-color: #2d3c5d;
	color: #fff; 
	font-weight: bold;
}
#popupDiv_alertContainer span {
	color: #2c76b7;
	font-weight: bold;	
}
#popupDiv_errorDiv #alertMessage {		
	color: #2c76b7;
	font-weight: bold;		
}
#popupDiv_errorDiv {
	background-color: transparent;
	background-image: url(../../../Online/branding/error.gif);
	background-position: 10px 0;
	background-repeat: no-repeat;
}
#popupDiv_successDiv {
	background-color: transparent;
	background: url(../../../Online/branding/success.gif);
	background-position: 10px 0;
	background-repeat: no-repeat;
}
#popupDiv_timeoutDiv {
	background-color: transparent;
	background: url(../../../Online/branding/timeout.gif);
	background-position: 10px 0;
	background-repeat: no-repeat;
}
#popupDiv_confirmDiv {
	background-color: transparent;
	background: url(../../../Online/branding/confirm.gif);
	background-position: 10px 0;
	background-repeat: no-repeat;
}

/* =Ticket Forwarding
-------------------------------------------------------------- */

.popupDiv_ticketForward {	
	background-color: #fff;	
}
#ticketForwardDetails #errorIcon {
	background-color: transparent;
	background: url(../../../Online/branding/error.gif);
	background-position: 10px 0;
	background-repeat: no-repeat;
}
#ticketForwardDetails #successIcon {
	background-color: transparent;
	background-image: url(../../../Online/branding/success.gif);
	background-position: 10px 0;
	background-repeat: no-repeat;
}

/* =Calendar Widget
-------------------------------------------------------------- */

#calendar-widget-frame {
	background-color: #ECECEB;
}
#calendarWidget-body {
	background-color: #ECECEB;
}
#calendarWidget-navigation {
	background-color: #2C76B7;
	color: #fff;
}
#calendarWidget-navigation td a {
	font-size: 17px;
	color: #fff;
}
#calendarWidgetHeader {
	border-color: #ececec;
}
#calendarWidgetHeader td {
	background-color: #f2f2f2;
	border-color: #ececec;
	color: #666666;
}
#calendarWidgetTable {
	border-color: #ececec;
}
#calendarWidgetTable td {
	background-color: #fff;
	border-color: #ececec;
}
#calendarWidgetTable .WidgetToday { 	
	background-color: #ececec;
}
#calendarWidgetTable .WidgetEvent:hover,
#calendarWidgetTable .WidgetEvent {
	background-color: #2C76B7;
	color: #fff;
	font-weight: bold;
}
#calendarWidgetTable .WidgetPast {
	color: #ccc;
}

/* =Feature Scrolling
-------------------------------------------------------------- */

#leftFeaturesArrow,
#rightFeaturesArrow {
	width: 25px;
	height: 25px;
}
#leftFeaturesArrow {
	background-color: transparent;
	background-image: url(../../../Online/branding/back.png);
	background-position: inherit;
	background-repeat: no-repeat;
}
#rightFeaturesArrow {
	background-color: transparent;
	background-image: url(../../../Online/branding/forward.png); 
	background-position: inherit;
	background-repeat: no-repeat;
}

/* =Multilingual Start Page
-------------------------------------------------------------- */

.languageTable {
	color: #f58036;	
	font-weight: bold;	
}

/* =Attention and Warning Messages
-------------------------------------------------------------- */

.attention  { 
	background-color: #ffe8c6;
	border: 1px solid #f47320;
	color: #000;
	font-weight: bold;
}
.attention h2 {
	color: #000;	
}
.warning_message {
	font-weight: bold;
}

/* =Notifications
-------------------------------------------------------------- */

#notifications {
	background-color: #FFE8C6;
    border: 1px solid #F47320;
}
#notifications h2 {
	color: #f58036;
}