/***
	O2 blueroom v4
	EVENT LiIST
	www.aislondon.com (2009)

	-[Inherits]------------------------
	Base.css > Generic.css
	-----------------------------------

	-[Contents]------------------------
	
	-----------------------------------
 
***/
#event-specific{
    padding-bottom: 10px;
}
.containerDivCalendarContainer {
	width:72px;
	float:left;	
	}
	
.divTitleAndVenueContainer {
	width:405px;
	float:left;	
	margin:8px 0 0 25px;
	}

.divBuyOptionIcons{
    float: right;
    margin: 5px 0 0 0;
    height: 28px;
    width: 54px;
    text-align: right;
}

.divBuyOptionsMessage{
    float: right;
    width: 250px;
    clear: right;
    font-size: .84em;
}
#ticket-info .divContentDetailText{
    margin-top: 8px;
}

div#divBuyOptions h3{
    margin-left: 0px;
    margin-bottom: 0px;
}

div#divBuyOptions p{
    margin-left: 0px;
}

#ticket-info .eventTerms{
    text-align: right;
    padding: 0 6px 0 0;
    font-size: 1.1em;
}
.divBuyPhone{
    padding: 0 0 15px 50px;
    background: url(../../../Specific/EventDetail/Images/ico-phone-mid.jpg) 0 0 no-repeat;
}

.divBuyOnline{
    padding: 0 0 0 50px;
    background: url(../../../Specific/EventDetail/Images/ico-pin-req.jpg) 1px 3px no-repeat;
}

.divBuyOnline .legal{
    font-size: 10px;
    color: #9a9a9a;
}

.divGeneralSaleAvailable, 
.divPreSaleAvailable,
.divPreSalUpcomingMessage,
.divCancelled,
.divSoldOut{
	float:right;	
	width: 250px;
	text-align: left;
	margin:8px 0 0 5px;
}

.divPreSalUpcomingMessage{
    margin: 5px 0 5px 5px;
}

.div241Message{
    padding-left: 52px;
    background: #fff url(../../../Specific/EventDetail/Images/241-offer-white.jpg) 12px 9px no-repeat;
}
.outer-content ul li .divGeneralSaleAvailable a, .outer-content ul li .divPreSaleAvailable a {
	font-size:1.16em;
	font-weight:bold;
	}

.divDateTop {
	background: transparent url(../../../Specific/EventDetail/Images/calendar-binder.png) no-repeat top left;
	width:72px;
	height:6px;
	}
	
.divDateStart {
	background: transparent url(../../../Specific/EventDetail/Images/calendar-date.png) no-repeat top left;
	width:72px;
	min-height:2.3em;
	}
	
.outer-content .divDateStart p {
	width:72px;
	text-align:center;
	font-size:0.83em;
	font-weight:bold;
	padding:2px 0 0 0;
	}
	
.divTimeStart {
	background: transparent url(../../../Specific/EventDetail/Images/calendar-time.png) no-repeat top left;
	width:72px;
	min-height:1em;
	}
	
.outer-content .divTimeStart p {
	width:72px;
	text-align:center;
	color:#ffffff;
	font-size:0.83em;
	font-weight:bold;
	line-height:0.83em;
	padding:4px 0 0 0;
	}
	
.divDateBottom {
	background: transparent url(../../../Specific/EventDetail/Images/calendar-bottom.png) no-repeat top left;
	width:72px;
	height:12px;
	}
	
#eventListing {
	float:left;
	width:936px;
	background:#f9f9f9;
	}
	
.divEventRowOdd {
	background:#f9f9f9 url(../../../Specific/EventDetail/Images/dotted-line.gif) repeat-x bottom left;
	}
	
.divEventRowEven {
	background:#ffffff url(../../../Specific/EventDetail/Images/dotted-line.gif) repeat-x bottom left;
	}

#eventListing ul{
	margin:0;
	}
	
#eventListing ul li{
	list-style-type:none;
	list-style-position: outside;
	}
	
.divEventRowOdd, .divEventRowEven {
	overflow:hidden;
	padding:10px 10px 6px 10px;
}
	
.divCalendarContainer {
	position:relative;
	width:72px;
	z-index: 1;
	}
	
.containerDiv241Offer {
	position:absolute;
	top:10px;	
	left:55px;
	z-index: 10;
	}

.div241Offer{
    width: 34px;
    height: 30px;
    background: url(../../../Specific/EventDetail/Images/2-4-1-offer.png) 0 0 no-repeat;
}
.div241Offer p{
    text-align: left;
    text-indent: -999px;
}

/*** Event list styles - Gigs & Events page and Academy pages ***/

#gigsNarrowListing{
    float: left;
    width: 603px;
}

#gigsNarrowListing #eventListing h4.h4Title{font-size: 1em;}

#gigsNarrowListing #eventListing ul li .divGeneralSaleAvailable a, 
#gigsNarrowListing #eventListing ul li .divPreSaleAvailable a {font-size:1em;}

#gigsNarrowListing #eventListing{
    width: 595px;
	margin:0 0 8px 0;    
}

#gigsNarrowListing #eventListing .divTitleAndVenueContainer{
    width: 270px;
    margin: 6px 0 0 15px;
}

#gigsNarrowListing #eventListing .divEventRowOdd, 
#gigsNarrowListing #eventListing .divEventRowEven {
    padding:10px 8px;
}

#gigsNarrowListing #eventListing .divGeneralSaleAvailable, 
#gigsNarrowListing #eventListing .divPreSaleAvailable,
#gigsNarrowListing #eventListing .divCancelled,
#gigsNarrowListing #eventListing .divPreSalUpcomingMessage,
#gigsNarrowListing #eventListing .divSoldOut{
	float:right;
	margin:8px 0 0 5px;
	width: 210px;
	text-align: left;
}



#priorityHubEventListing #eventListing .divEventRowOdd {
	background:none;
	}
	
#priorityHubEventListing #eventListing .divEventRowEven {
	background:none;
	}
	
	#priorityHubEventListing #eventListing .divEventRowOdd, #priorityHubEventListing #eventListing .divEventRowEven {
	overflow:hidden;
	padding:10px 10px 6px 10px;
}

#priorityHubEventListing #eventListing {
	float:none;
	width:auto;
	background:#f9f9f9;
	}
	
#priorityHubEventListing #eventListing	.divTitleAndVenueContainer {
	width:200px;
	float:left;	
	margin:0 0 0 10px;
	}

/*** Event list styles - Events Search page ***/

#all-listings.full-width{
    width: 936px;
}
#ctl00_ctl00_ContentPlaceHolderBody_ContentPlaceHolderInner_up1 {float: none;}/* override academy styles */

#all-listings.full-width .search-result-container{
    /* CSS 3*/ border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
	/* Webkit */ -webkit-border-top-left-radius: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
	-webkit-border-bottom-left-radius: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
	/* Moz */ -moz-border-radius-topleft: 0.5em;
	-moz-border-radius-topright: 0.5em;
	-moz-border-radius-bottomleft: 0.5em;
	-moz-border-radius-bottomright: 0.5em;
	padding: 6px;
    margin: 0 0 0.6em;
}
#all-listings.full-width #priority-tickets{
    background: #0b4e90 url(../../../../Assets/Specific/Academy/Images/bg-search-priority.jpg) top left repeat-x;
}

#all-listings.full-width #coming-soon-tickets{
    background: #012a79 url(../../../../Assets/Specific/Academy/Images/bg-search-soon.jpg) top left repeat-x;
}

#all-listings.full-width #general-tickets{
    background: #cecece url(../../../../Assets/Specific/Academy/Images/bg-search-general.jpg) top left repeat-x;
}

#all-listings.full-width h2.search-result-head {
    margin: 0;
	padding: 0.8em 0 1em 12px;
	font-size: 2em;
	font-weight: bold;
	color:#666;
}
    #all-listings #priority-tickets h2.search-result-head{
	    background: url(../../../../Assets/Specific/Academy/Images/priority-ticket-blue.jpg) right top no-repeat;
	    color: #fff;
    }
	#all-listings  #coming-soon-tickets h2.search-result-head{
		color: #fff;
	}
    
#all-listings.full-width .search-result-container #eventListing{
    width: 924px;
    float: none;
}   

#all-listings.full-width .browsing-controls{
    width: auto;
    background: #fff;
    padding-top: 8px;
    clear: left;
}
.browsing-controls .progress{padding: 6px;}

#all-listings.full-width #priority-tickets ol li {
	background: #fff;
	font-size: 1em;
	padding: 0 2px 0.3em 2px;
}

#all-listings.full-width #listing-footer{
    clear: left;
}

#all-listings.full-width .chkBoxRow{
    margin: 0 0 6px 90px;
}
#all-listings.full-width .chkLinkSearch{
    float: left;
    margin: 0 0.6em;
}

#all-listings.full-width #event-search.button{
     margin-top: 2px;
}
#all-listings.full-width #event-search.button input{
    padding-left:15px; 
    padding-right: 15px;
} 



#all-listings.full-width #result-row{
    clear: both;
    overflow: hidden;
}
.pagination-details .pagination-legend{
    margin-right: 4px;
}

.divTitleAndVenueContainer a.no-wrap{
    white-space: nowrap;
}

#all-listings #caveats{
    padding: 10px;
}

#caveats {
	padding: 10px 10px 0;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	float: left;
}
	
.outer-content h4.h4Title {
	font-size:1.2em;
    margin: 0 0 4px;
	}
	
.outer-content ul li .divTitleAndVenueContainer p {
	font-size:0.916em;
	}
	
#links-out {
	float: right;
	list-style-type: none;
	overflow: hidden;
	position: absolute; top: 1.3em; right: 12px;
}