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

	:: Last update: MB/JM 16/1/2009

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

	-[Contents]------------------------
    1. HAT	
    2. VENUE DETAILS	
	3. PAGE LAYOUT
    4. ALL LISTINGS (LEFT SECTION)
        4.1 Search
        4.2 Pagination
        4.3 Listings
    5. FEATURED LISTINGS (RIGHT SECTION)
        5.1 Tickets
        5.2 Ahead of the crowd
        5.3 Explore events at The O2
    6. FOOTER
    7. FUNKY IE6 Fix
	-----------------------------------

***/


/**
    1. HAT
*/
#hat {
	overflow:visible;
}
#hat .global-sub-nav {
	float: left;
	position:relative;
	z-index:2;
}
#hat .global-sub-nav li {
	padding: 0 14px;
	margin:0;
}
#hat .global-sub-nav li.first {
	background:none;
}
#hat .global-sub-nav li a {
	padding: 0;
	background: none;
	padding:0 0 1px 0;
	display:block;
	line-height:25px;
}
#hat .global-sub-nav li a.current {
	font-weight: bold;
}
/*Drop downs*/
#hat .global-sub-nav li .sub-nav {
	background:#ffffff url(../../../../Assets/Specific/Academy/Images/subnav-bottom.gif) no-repeat left bottom;
	left:0;
	top:26px;
	overflow:hidden;
	position:absolute;
	float:left;
	width:948px;
	display:none;
	z-index:5;
	padding:4px 0 12px 0;
}
#hat .global-sub-nav li:hover > .sub-nav, #hat .global-sub-nav li.over > .sub-nav {
	display:block;
}
#hat .global-sub-nav li .sub-nav ul {
	display:none;
}
#hat .global-sub-nav li:hover > .sub-nav ul, #hat .global-sub-nav li.over > .sub-nav ul {
	display:block;
	left:auto;
	top:auto;
}
#hat .global-sub-nav li .sub-nav ul {
	float:left;
	width:188px;
	border-right:1px solid #c1d0e0;
	min-height:115px;
	padding:7px 0 0 0;
}
#hat .global-sub-nav li .sub-nav ul.last {
	border:none;
}
#hat .global-sub-nav li .sub-nav ul li {
	font-size:0.8em;
	width:160px;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat 0 0;
	display:block;
	margin:0;
	height:18px;
}
#hat .global-sub-nav li .sub-nav ul li a {
	color:#228ace;
	font-size:1.2em;
	display:block;
	white-space:nowrap;
}
#hat .global-sub-nav li .sub-nav ul li h3 {
	color:#535353;
	font-size:1.4em;
	font-weight:bold;
}

.show-sub-nav  {
	display:block;
	position: static;
}

.show-sub-nav-ul {
	display:block;
	left:auto;
	top:auto;
}

/**
	Outer Content
**/
.outer-content {
	clear:both;
	}
/**
    2. VENUE DETAILS
    TB: apologies for the long names... 
*/

#venue-details {
	margin: 0 0 0.6em 0;
}
#venue-details #venue-header {
	position: relative;
	overflow: hidden;
}
/* Venue text */
#venue-details #venue-header #venue-text {
	float: left;
	width: 500px;
}
#venue-details #venue-header #venue-text p.tagline {
	width: 591px;
	margin: 4px 0.6em 1.3em 0.6em;
	font-size: 1.2em;
}
#venue-details #venue-header #venue-text #venue-about {
	position: absolute;
	bottom: 0px;
}
#venue-details #venue-header #venue-text #venue-about ul#venue-external-links {
	overflow: hidden;
	_zoom: 1;
	list-style-type: none;
}
#venue-details #venue-header #venue-text #venue-about p, #venue-details #venue-header #venue-text #venue-about ul#venue-external-links {
	margin: 0 0.6em 0.2em 0.6em;
}
#venue-details #venue-header #venue-text #venue-about ul#venue-external-links li {
	background: url(../../../../Assets/Generic/Images/TopNavigation/li-divider.gif) no-repeat center left;
	float: left;
	padding: 0 7px;
}
#venue-details #venue-header #venue-text #venue-about ul#venue-external-links li#google-maps {
	background: none;
	padding: 0 7px 0 0;
}
#venue-details #venue-header #venue-text h2 {
	font-weight: bold;
	margin: 0 0 2px .6em;
}
/* Venue photo */
#venue-details #venue-header #venue-photo {
	float: right;
	width: 291px;
	margin: 0;
	padding: 6px 6px 3px;
}
#venue-details h1 {
	margin: 0 0 0 0.3em;
}
/* 
	TB: not sure bout these

#nation-details {
    margin: 0 0 0.6em 0;
}

*/





/**
    3. PAGE LAYOUT
*/

#all-listings {
	float: left;
	width: 615px;
}
#featured-listings {
	float: right;
	width: 303px;
}
/**
    4. ALL LISTINGS (LEFT SECTION)
*/


/**
    4.1 Search
*/

#search {
	padding: 9px 6px 4px 6px;
}
#search h3 {
	font-size: 1.4em;
	color: #023471;
	margin: 0 0 0 6px;
}
#search .search-row {
	overflow: hidden;
	height: 31px;
	margin: 0 0 4px 6px;
}
#search .search-row-double {
	overflow: hidden;
	/*height: 31px; MT */
	margin: 0 0 4px 56px;
}
#search .form-element {
	float: left;
	margin: 0 10px 0.6em 0;
}
#search .form-element.txt {
	margin: 0 10px 0.6em 0;
}
#search .search-row-double .form-element.txt {
	margin: 0 25px 0.6em 0;
}
#search .search-row-double .form-element.padLeft{
	padding-left: 8px; /* align this field with event/artist at the top*/
}

#search .search-row-double .form-element.txt.indent {
	margin: 0 188px 0.6em 18px;
}
#search .form-element.selectRow {
 *padding: 5px 0 0;
	_padding: 3px 0 0;
}
#search .form-element.selectRow select {
	width: 162px;
}
#search .form-element.txt .inputContainer input {
	width: 178px;
}
#search .form-element#searchButton {
	margin: 0.2em 0 0 0;
}
#search #result-row {
	padding: 6px 0 0 6px;
	border-top: solid 1px #E5E5E5;
}
#search #result-row p {
	margin: 0 0 6px;
}
/**
    4.2 Pagination
*/

.browsing-controls {
	width: 589px;
	border: solid 1px #e5e5e5;
	border-width: 0 0 1px 0;
	overflow: hidden;
	padding: 0 0 0.6em 6px;
}
.browsing-controls.bottom {
	border-width: 0;
}
.browsing-controls .pagination-details {
	float: right;
	margin: 0;
}
.browsing-controls .pagination-details ol {
	float: left;
	list-style-type: none;
	margin: 0;
}
.browsing-controls .pagination-details ol li {
	float: left;
	margin: 0 4px 0 0;
	font-size: 1em;
}
.browsing-controls .progress {
	float: left;
	width: 16px;
	height: 18px;
	padding: 6px 6px 6px 0px;
}
.browsing-controls.disabled .progress {
	display: none;
}
#browsing-controls a {
	color: #535353;
}
#browsing-controls a.current, #browsing-controls a:hover {
	font-weight: bold;
	text-decoration: underline;
}
.pagination-details .pagination-legend {
	float: left;
	margin: 8px 11px 0 0;
}
p.terms {
	float: left;
	margin: 8px 0 0;
}
/**
    4.3 Listings
*/

#event-listing {
	/* width: 603px; */
	margin: 0 0 0.6em;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	_zoom: 1;
}
#event-listing h3 {
	/* color: #023471; */
    font-weight: bold;
	margin: 0 0 0.4em 0;
}
#event-listing li {
	background: #fff url(../../../../Assets/Specific/Academy/Images/bg-event.gif) repeat-x bottom;
	padding: 0.6em 99px 0.4em 7px;
	position: relative;
}
#event-listing li .is-priority {
	position: absolute;
	background: url(../../../../Assets/Specific/Academy/Images/priority-ticket.png) no-repeat top left;
	width: 70px;
	height: 58px;
	top: 9px;
	right: 15px;
}
#event-listing p {
	color: #535353;
	margin: 0 0 0.4em 0;
}
#event-listing p span {
	font-weight: bold;
}
/**
    5. FEATURED LISTINGS (RIGHT SECTION)
**/

/**
    5.1 Tickets
*/

#priority-tickets {
	background: #0b4e90 url(../../../../Assets/Specific/Academy/Images/bg-tickets.jpg) no-repeat top left;
	/* CSS 3*/ border-top-left-radius: 0.0em;
	border-top-right-radius: 0.0em;
	border-bottom-left-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
	/* Webkit */ -webkit-border-top-left-radius: 0.0em;
	-webkit-border-top-right-radius: 0.0em;
	-webkit-border-bottom-left-radius: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
	/* Moz */ -moz-border-radius-topleft: 0.0em;
	-moz-border-radius-topright: 0.0em;
	-moz-border-radius-bottomleft: 0.5em;
	-moz-border-radius-bottomright: 0.5em;
	margin: 0 0 0.6em 0;
	padding: 6px;
}
#priority-tickets h2 {
	margin: 0;
	padding: 0.8em 0 1em 6px;
	font-size: 2.2em;
	color:#ffffff;
	background-image: url(../../../../Assets/Specific/Academy/Images/priority-ticket-glow.png);
	background-repeat: no-repeat;
	background-position: 220px 0px;
}
#priority-tickets ol {
	list-style-type: none;
	margin: 0;
	display: block;
	overflow: auto;/*height: 290px;*/
}
#priority-tickets ol li {
	overflow: hidden;
	background: #fff url(../../../../Assets/Specific/Academy/Images/bg-event.gif) repeat-x bottom;
	font-size: 1em;
	padding: 0 6px 0.3em 6px;
}
#priority-tickets ol li h3 {
	margin: 0.6em 0 0.4em 0;
	color: #0b4e90;
}
#priority-tickets ol li p {
	font-size: 1.2em;
	margin: 0 0 0.4em;
}
#priority-tickets ol li.none p {
	margin: 0.4em 0 0;
}

/**
    promo
*/
#promo {
    background: #000617 url(../../../../Assets/Specific/Academy/Images/bg-promo-top.jpg) no-repeat top left;
    overflow:hidden;
    margin: 0;
    padding: 0; 
}

#promo-container {
	overflow: hidden;
    background: #fff url(../../../../Assets/Specific/Academy/Images/bg-event.gif) repeat-x bottom;
    font-size: 1em;
    padding: 0 6px 0.3em 6px;
    margin:66px 6px 4px 6px;
}                      
#promo-container h3 {
    margin: 0.6em 0 0.4em 0;
    color: #0086C3;
} 
#promo-container h3 a {
    text-decoration:none;
}
#promo-container h3 a:hover {
    text-decoration:underline;
}
#promo-container p {
    font-size: 1.2em;
    margin: 0 0 0.4em;
} 
#promo-container .none p {
	margin: 0.4em 0 0;
}
#promo-tail {
	background: url(../../../../Assets/Specific/Academy/Images/bg-promo-btm.jpg) no-repeat top left;
	width:303px;
	height:2px;
	margin: 0 0 0.6em 0;
}

/**
    5.2 Ahead of the crowd
*/

#ahead-of-the-crowd {
	/* width: 279px; */
    padding: 1.2em 12px;
}
#ahead-of-the-crowd h2 {
	margin: 0 0 0.3em 0;
	padding: 0;
	font-size: 2.2em;
	color:#0b4e90;
}
#ahead-of-the-crowd ul {
	list-style-type: none;
	margin: 0;
}
/**
    5.2 Explore events at The O2
*/

#explore-events {
	padding: 1.2em 12px 0.4em 12px;
	background-image: url(../../../../Assets/Specific/Academy/Images/dome-silhouette.gif);
	background-repeat: no-repeat;
	background-position: 221px 4px;
}
#explore-events p {
	font-size: 1.2em;
}
/*
	6 Footer
*/

.panel#listing-footer {
	padding: 12px 12px 0px;
}
/*
	7 Funky IE6 Fix
*/

/* 
	ASP had to do it... 
	apparently you cant add a class... 
	and everyone else was fine apart from IE6... 
	I heart M$
*/

#ctl00_ctl00_ContentPlaceHolderBody_ContentPlaceHolderInner_up1 {
	float: left;
}

/* GENERIC */

#search .form-element.right{float: right;}
#search .form-element.left{float: left;}