/* ============= PAGE LAYOUT modifications: disable left column ============= */
.phoenix #GridMiddle {
	padding: 0; 	
	overflow: visible;
}
.phoenix #GridLeft{
	width: 0; /* width of [Left column] */
	margin-left: 0; /* width of [Left column] */
}
.phoenix #GridRight{
	width: 0; /* width of [Right column] */
	margin-right: 0; /* width of [Right column] */
}
.phoenix #GridCenterSp {
	padding: 0; /* gutter on left in case there's a Left column */
}
.phoenix form button.btn-setpricealert{
	cursor: pointer;
}
phoenix .arrow-7-e{
	display: inline;
}
phoenix .arrow-7-s{
	display: inline;
}
.phoenix button{
        float:none;
}
/* ============= page-specific styles ============= */
#eventSummary div.subtext{
	margin-top: 8px;
	clear: none;
}
#eventSummary div.eventTitle{
	float: left;
	clear: left;
}
#eventSummary div.leftmargin{
	margin-left: -1px;
}
#eventSummary a{
	color: #2075C2;
}	
#eventSummary div.subtext a{
	color: #2075C2;
}	
#eventSummary div.divider{ 
	padding: 0 20px 0 20px;	
}
#eventSummaryPanel span.border {
background:url("/resources/mojito/img/pattern/phoenix/v_separator.png") no-repeat scroll 0 0 transparent;
height:20px;
width:2px;
margin:10px;
}
#eventSummary .p1 {
	padding-right: 10px;
	width: 265px;
	color: #222222;
	font-weight: bold;
}
#eventSummary .p2 {
	width: 165px;
}	
#eventSummary .p3 {
	width: 115px;
	padding: 0 20px 0 10px;
}
#eventSummary .p4 {
	width: 110px;
	padding: 0 5px 0px 10px;	
	float: right;
}
#eventSummary .p5 {
	vertical-align: middle;
	text-align: center;
	padding-top: 10px;	
	width: 150px;
}
#eventSummary .alerttrue {
	padding-left: 15px;	
}
#eventSummary .alertfalse {
	padding-left:20px;
}
#eventSummary .pricealert {
	color: #222222;
	font-size: 11px;
	width: 85px;
	white-space: nowrap;
}
#eventSummary .pricealert a{
	font-weight: normal;
}
#eventSummary .floatleft{
	float: left;
	white-space: nowrap;
}
#fanProtect { 
	width: 390px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #222; 
	padding: 10px;
}
#fanProtect p{ 
	margin: 0; 
	padding: 10px 0 10px 0;
}
#fanProtect ul{ 
	margin: 0; 
	padding-left: 14px;
}

#fanProtect ul li{
	list-style-type:none;
	color:#222222;
	list-style-image:url(/resources/mojito/img/pattern/phoenix/bullet_gray_4.gif);
	padding-bottom:10px;
}

/****** Begin exclusive event style******/
#p-bg-grblu-panel .p-title{
	background-color:#E5F0FB;
	position:relative;
	left:-10px;
	padding:0 10px 0;
	width:100%;
}

.p-exclusive .p-title-bottom, .p-exclusive-toggle .p-title-bottom{
	clear:both; 
	background:url(/resources/mojito/img/pattern/phoenix/panel_blu_gradient_bottom.gif);
	border-bottom:1px solid #ccc;
	position:relative;
	left:-10px;
	padding:0px 10px 0;
	width:100%;
	height:14px;
}
.p-exclusive-content .exclusiveSubtitle{
	display:none;
}
.p-exclusive-toggle .p-subtitle{
	background-color:#E2EFFB;
	border-bottom:1px solid #ccc;
	position:relative;
	left:-10px;
	padding:10px;
	width:100%; 
	clear:both;
}	

.p-exclusive .p-subtitle{
	background-color:#E2EFFB;
	position:relative;
	left:-10px;
	padding:10px 10px 0;
	width:100%; 
	clear:both;
}

.p-exclusive .p-exclusive-content, .p-exclusive-content, #exclusiveThumbnailList, #exclusivePhotoList{
	display:none;
}

.p-exclusive-toggle .p-exclusive-content{
	display:block;	
	height:221px;
}

.p-exclusive .p-bg-grblu-bottom{
	background:#E2EFFB;	
}

.p-exclusive-toggle .p-bg-grblu-bottom{
	background:transparent url("/resources/mojito/img/pattern/phoenix/spotlight.png") no-repeat 0 bottom;	
}

#p-exclusive-gallery{
	width:210px;
	height:185px;
	float:left;
	margin:25px 0 10px 10px;
}
#exclusiveContent{
	float: right;
	width: 690px;
	max-height:190px;
	overflow-y:auto;	
	padding: 20px 10px;
	margin: 0px -10px -10px -10px;
}

#p-exclusive-gallery .p-slice-tr{
	background-position: right -10px;
}

#p-exclusive-gallery .p-slice-tl{
	background-position: left -5px;
	width:1px;
}
#p-exclusive-gallery .p-slice{
	background-image:url("/resources/mojito/img/pattern/phoenix/shaded_panel.png");
	background-repeat:no-repeat;
}

#p-exclusive-gallery .p-slice-br {
	background-position: right bottom;
}
#p-exclusive-gallery .p-slice-bl {
	background-position: left bottom;
}

#p-exclusive-enlarge{
	width:462px;
	padding:10px;
}

#p-exclusive-enlarge .p-slice-tr{
	background-position: right -10px;
}

#p-exclusive-enlarge .p-slice-tl{
	background-position: left -5px;
	width:1px;
}

.exclusiveThumbnail{
	width:203px;
	height:155px;
	overflow:hidden;
	margin:-15px 0 0 -11px;
	border:1px solid #888888;
}
.exclusiveGalleryNav{
	padding-top:5px;
	height:20px;
	margin-left:-10px;
	padding-left:10px;
	background-color:#ffffff;
}

.rightButtonContainer{
	float:right;
	border-left:1px solid #cccccc;
	padding-left:15px;
	margin-right:-9px;	
	margin-top:-5px;
	padding-top:5px;
	height:25px;
}


#largeContainer .rightButtonContainer{
	height:26px;
	margin-top:-9px;
	padding-top:10px;
	float:right;
	width:50px;
}
#largeContainer .exclusiveGalleryNav{
	margin: 3px 0 -3px -10px;
	
	padding-left:0;
}
.pagiContainer{
	float:left;
	margin-left:-5px;
	width:190px;
}
#largeContainer {
	margin-left:5px;
}
#largeContainer .pagiContainer{
	float:left;
	margin-left:0px;
	width:100%;
}

#largeContainer .exclusiveThumbnail{
	width:460px;
	height:400px;
	overflow:hidden;
	margin:-10px 0 0 -15px;
	border:0;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
.pagiContainer .icon-20{
	margin-right:2px;
	font-size:12px;
}
.exclusivesContent{
	display:none;
}
.phoenix .icon-magnify{
	background-position:-45px -75px;
}
.phoenix .icon-14 {
	padding-left:20px;
}
#exclusive .p-content{
	zoom:1;
}
/****** end exclusive event style******/


/* ============= Event Information styles ============= */

#eventInfoLayer{
	padding: 10px;
	color: #222222;	
}
#eventInfoLayer .message{
	margin:0;
	padding-top: 5px;	
}
#eventInfoLayer .comments{
	padding-left: 0px;
}
#eventInfoLayer .btn{
	padding-left: 0px;
}	
	
/* ============= View History styles ============= */
#upcomingEvents, #viewHistory{	
	float: left;	
	width: 470px;
	clear: left;	
}
#viewHistory {
	margin-top: 10px;
}	
#viewHistory .content{
	overflow: auto;
}
#viewHistory .content .msg {
	color: #999999;	
}
#viewHistory a:hover {
	text-decoration: underline;
	color:#2075C2;
}
#viewHistory .empty{
	padding: 10px 0 20px 10px;
	color: #999999;
}	
#viewHistory .eventlist {
	height: auto;	
}
#viewHistory .eventlist li{
	float:left;
	list-style-type: none;
    width: 105px;
    margin: 5px 5px 0 0;
    overflow: hidden;
}
#viewHistory .eventlist li a,
#viewHistory .eventlist li a:hover{
	color: #2075C4;
}
#viewHistory .eventlist .hover {
	border: 1px solid #FF8800;	
	overflow: hidden;
	background: url(/resources/mojito/img/pattern/phoenix/fade_blue_white.gif);
	width: 105px;
	padding: 0;
	margin-top: 5px;
}	
#viewHistory .eventlist .eventtitle{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	width: 105px;
}
#viewHistory .eventlist .eventdate{
	margin-bottom: 10px;
}
#viewHistory .eventlist .eventprice{
	color: #FF8800;
	font-weight: bold;
	display: inline;
}
#viewHistory .eventlist .pricenone{
	color: #666666;
	font-size: 11px;
}
#viewHistory .eventlist .eventprice span{
	color: #999999;
	font-weight: normal;
}
#viewHistory .title{
	font: normal 14px Arial;
	color: #2075C2;
}
#upcomingEvents h2 .title{
	font: normal 14px Arial;
	color: #2075C2;
}		
/* ============= Seat Map styles ============= */
#tktListingsMap, #tktFilterMap{	
	overflow: hidden;
	width: 470px;	
	margin: 1px 0 10px 0;	
}
#tktFilterMap{
	margin-bottom:0px;
}
#tktListingsMap .ticketListings{	
	float: right;
	clear: right;
	height: 2000px;
}
#tktFilterMap .ticketFilter{	
	clear: left;
	float: left;
	height: 1000px;
}
/* ============= Compare Ticket styles ============= */
#compareTicketDiv{	
  	padding: 10px;	
}
#compareTicketDiv .compareTable{
	border: 1px solid #CCCCCC;
	overflow: auto;
}	
#compareTicketDiv .compareTable td{
	width: 112px;
	vertical-align: top;
}
#compareTicketDiv .features, .features1, .features2, .features3{
    font: normal 14px Arial; 
	color: #222222;	
	padding: 10px;		
}
#compareTicketDiv .features{
	background-color: #f5f5f5;
}
#compareTicketDiv .features1{	
	font-size: 12px;
    background-color: #EAEAEA;
	width: 112px;
}
#compareTicketDiv .features2{  
    font-size: 12px; 
	background-color: #FFFFFF;
}
#compareTicketDiv .features3{
	background-color: #EAEAEA;
	vertical-align: top;
}
#compareTicketDiv  a{
	text-decoration: none;
	display: inline;
    font: normal 12px Arial; 
	color: #2075C2;
}
#compareTicketDiv  a:hover{
	text-decoration: underline;
}
#compareTicketDiv  .padd{
	padding:0px;
}
#compareTicketDiv h1{
	font: bold 16px Arial;
	color: #222222;
	margin-bottom: 14px;
}
#compareTicketDiv span{
	font: normal 12px Arial; 
	color: #999999;
}
#compareTicketDiv label{
	font: bold 12px Arial; 
	color: #009900;
}
#compareTicketDiv button.btn-buy{
	margin: 15px 0 -10px 5px;
	padding-bottom: 10px;
	cursor: pointer;
}
#compareTicketDiv .buybtn{
	padding-bottom: 10px;
}
#compareTickets .remove{
	background-color: #ffffff;
	font: normal 12px Arial;
	color: #666666;
	width: 152px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #CCCCCC;
	padding: 10px;
}
#compareTicketDiv .empty{
	background-color: #f5f5f5;	
	padding: 20px;
}
#compareTicketDiv .buttonrow{
	border-top: none;
}
#compareTicketDiv .leftborder{
	border-left: 1px solid #CCCCCC;
}
#compareTicketDiv .textmiddle{
	vertical-align: middle;
}
#compareTicketDiv .remLink{
	float: left;
	margin: -15px 0 0 72px;
}
#compareTicketDiv .pipe{
	margin: -12px 10px 0 62px;
	color: #222222;
}
#compareTicketDiv ul{
	margin-left: -23px;
}
* html #compareTicketDiv ul{
	margin-left: 20px;
}
/* ============= Mock CT5 overlay ============= */

#continuediv{
	padding: 10px;	
}
#continuediv .header{
	font: bold 16px Arial;
	color: #222222;	
	text-decoration: none;
}
#continuediv p{
	font: normal 12px Arial;
	color: #222222;
	margin-top: 14px;
	text-decoration: none;		
}
#continuediv .cntbtn{
	margin-top: 6px;
}
#continuediv button.btn-cnt{
	margin-top: 5px;
	vertical-align: middle;
	width: 84px;
	height: 28px;
	border: none;
	background: url("/resources/mojito/img/pattern/phoenix/button_continue.gif");
	cursor:pointer;
}
#continuediv .links{
    display: inline;
}
#continuediv label{
	color: #222222;
	text-decoration: none;
	display:inline;
}
#continuediv .Cancel,
#continuediv .Cancel a,
#continuediv .Cancel:hover{
	vertical-align: middle;
	padding-top: -10px;
	color: #2075C2;
	text-decoration: underline;
	display: inline;
}
#continuediv .Cancel,
#continuediv .Cancel a{
	text-decoration: none;
}
#continuePopup{
	width: 80px;	
}	

/* ============= Seating Notes styles ============= */
#seatingNotesdiv{
	width: 510px;
	padding: 10px;
	font: normal 12px Arial;
}
#seatingNotesContainter{
	width: 400px;
}	
#seatingNotesdiv .header{
	font-weight: 16px;
	color: #666666;
}
#seatingNotesdiv ul{
	margin: 10px;
	padding-left: 5px;
}	

#seatingNotesdiv li span{
	color: #222222;
}
.compare{
	position: absolute; 
	margin-top: 60px;
	visibility: hidden;
}

/* ============= Override phoneix css for arrow - issue raised by QA ============= */
.phoenix .p-widget .arrow-13-s {
	margin-top:0px;
}

/* === About these tickets pop up css === */
#defaultTopicDiv{
   padding: 0px;
}
#defaultTopicDiv h3{
  margin: 0px;
  color: #222222;
  font: bold 16px Arial;
}
#defaultTopic dd{
	margin-bottom: 15px;
	-moz-margin-start: 0px;
	margin-left:0px;
}
#defaultTopic .omnbrowse{
  color: #222222;
  font: bold 12px Arial;	
}
#defaultTopic p{
  line-height: 15px;
  margin: 5px 0px 0px 0px;
  color: #222222;
  font: normal 12px Arial;
}
#defaultTopic a{
  color: #2075C2;
  font: normal 12px Arial;
  text-decoration: none;
}
#defaultTopic li{
  list-style-type: none;
  font: normal 12px Arial;  
  margin: 0px;  
}
#defaultTopic ul{
  font: normal 12px Arial;
  margin: 0px;  
  padding: 0px;
}
#FlashJsContainer{
	padding-bottom:5px;
}
#continuediv button.btn-continue{
 vertical-align: middle;
}