﻿/*
 *  Live Nation UK
 *  http://www.livenation.co.uk/
 *	Jasal Vadgama
 */

/* firefox float clearing fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
* { margin: 0px; padding: 0px; }
    * .first { padding-left: 0 !important; }

body { background: #000 url(/_Resources/img/bg/bg.jpg) no-repeat fixed center center; }

/** TEXT STYLES **/
h2 {}
    .boxOne h2, .boxFour h2 { padding-bottom: 20px; }
h3 {}
    .boxFour h3 { padding-bottom: 10px; }

p {}
    .boxOne p, .boxFour p { padding-bottom: 10px; }
dl { padding-bottom: 20px; }
    dt {}
    dd { padding-left: 20px; }

/** MAIN PAGE SECTIONS **/
#pageWrapper { margin: 0 auto; padding: 5px 5px 0; width: 1190px; position: relative; }

#header { padding-bottom: 25px; width: 1190px; }
    #header h1 { float: left; }
        #header h1 a { display: block; width: 435px; height: 150px; background: url(/_Resources/img/main-square-logo.png) left top no-repeat; text-indent: -999em; }
    #header .nav { clear: right; float: right; margin-top: 90px; padding: 10px 0 35px; width: 728px; border-top: 3px solid #fff; background: url(/_Resources/img/bg/nav-bottom.png) right bottom no-repeat; }
    #header #langNav { clear: right; float: right; margin: -20px 86px 0 0; width: 57px; }
        #header li { display: inline; padding-left: 20px; }
        #langNav li { padding-left: 10px; }

#mainContent { width: 675px; }
#secContent { width: 487px; }
    .contentLeft { clear: left; float: left; }
    .contentRight { clear: right; float: right; }

#footer { clear: both; float: left; *float: none; margin: 35px 0 20px; padding: 10px 0 35px; width: 1190px; border-top: 3px solid #fff; background: url(/_Resources/img/bg/nav-bottom.png) right bottom no-repeat; }
    #footer ul { float: right; padding-right: 5px; }
    #footer li { display: inline; padding-left: 20px; text-transform: uppercase; }
    #footer p { float: right; padding-right: 30px; }

/** HERO **/
#hero { position: relative; margin-bottom: 20px; padding: 45px 0 0 20px; width: 637px; height: 457px; background: url(/_Resources/img/bg/hero-bg.png) left top no-repeat; }
	#hero img { width: 610px; height: 390px; }
	#hero li { list-style: none; float: left; }
	#hero .heroContent { width: 610px; height: 390px; overflow: hidden; }
	#hero .heroMenu { position: absolute; bottom: 19px; left: 30px; }
		.heroMenu li { display: inline; margin-right: 20px; background: #fff; text-align: center; }
		.heroMenu a { display: block; width: 30px; height: 33px; background: #000; color: #fff; text-decoration: none; }
			.heroMenu a:hover, .heroMenu a.active { background: #c50019; text-decoration: none; }
		.heroMenu a span { display: block; margin-left: -4px; padding-top: 8px; width: 40px; height: 27px; background: url(/_Resources/img/bg/hero-nav-bg.png) left top no-repeat; color: #fff; text-align: center; }

/** CONTENT BOXES **/
.contentBox { margin: 0 auto 30px; width: 471px; }
    .contentBox div { padding: 0 20px; background: #fff; overflow: hidden; }
    .contentBox .boxTop { display: block; width: 431px; padding-top: 45px; }
    .contentBox .boxBottom { display: block; width: 471px; }    

.boxOne { width: 487px; }
    .boxOne .boxTop { padding-top: 55px; width: 447px; min-height: 40px; background: url(/_Resources/img/bg/box-1-top.png) left top no-repeat; }
    .boxOne .boxBottom { width: 487px; height: 54px; background: url(/_Resources/img/bg/box-1-bottom.png) left bottom no-repeat; }
.boxTwo {}
    .boxTwo .boxTop { min-height: 30px; background: url(/_Resources/img/bg/box-2-top.png) left top no-repeat; }
    .boxTwo .boxBottom { height: 40px; background: url(/_Resources/img/bg/box-2-bottom.png) left bottom no-repeat; }
.boxThree {}
    .boxThree .boxTop { min-height: 30px; background: url(/_Resources/img/bg/box-3-top.png) left top no-repeat; }
    .boxThree .boxBottom { height: 35px; background: url(/_Resources/img/bg/box-3-bottom.png) left bottom no-repeat; }
.boxFour { width: 680px; }
    .boxFour .boxTop { width: 640px; min-height: 40px; background: url(/_Resources/img/bg/box-4-top.png) left top no-repeat; }
    .boxFour .boxBottom { width: 680px; height: 70px; background: url(/_Resources/img/bg/box-4-bottom.png) left bottom no-repeat; }

/** NEWS SECTIONS **/
.newsList { height: 1%; }
    .newsList li { clear: both; *float: left; padding-top: 20px; *width: 447px; }
    .newsList li:first-child { padding-top: 0; }
    .newsList em { display: block; padding: 2px 0 5px; }
    .newsList img, .contentImage { float: left; margin: 0 10px 20px 0; }
.newsArticle {}
    .newsArticle img { float: left; margin: 0 10px 8px 0; }
.postNav { clear: both; margin-top: 20px; width: 300px; }
    .postNav li { display: inline; padding-right: 10px; }
.moreNews { clear: both; float: left; margin: 5px 0 0 150px; padding: 10px 0; width: 186px; background: url(/_Resources/img/bg/news-link-bg.png) left bottom no-repeat; }
p.moreLink { padding: 10px 0 0; }
    .moreLink a { font-weight: bold; }

/** LINEUP **/
.one { width: auto;  }
.lineupBox { float: left; margin: 0 0 30px 20px; width: 383px; }
.lineupBox2 { clear: both; float: left; margin: 0 0 30px 20px; width: 383px; }
    .lineupBox h2, .lineupBox2 h2 { margin: 10px auto 0; width: 50px; height: 105px; text-indent: -999em; }
    .lineupBox div, .lineupBox2 div { padding: 20px 10px 0; }
    .lineupBox .boxTop, .lineupBox2 .boxTop { padding-top: 20px }
    .lineupBox .boxBottom, .lineupBox2 .boxBottom { display: block; width: 383px; height: 70px; }
    .lineupBox p, .lineupBox2 p { padding-bottom: 20px; }
        .lineupBox span, .lineupBox2 span { display: block; }

.boxDay2 { clear: left; margin-left: 0; }
    .boxDay2 h2 { background: url(/_Resources/img/icons/2-julliet.png) left top no-repeat; }
    .boxDay2 div { background-color: #004366; }
    .boxDay2 .boxTop { background: url(/_Resources/img/bg/lineup-1-bg-top.png) left top no-repeat; }
    .boxDay2 .boxBottom { background: url(/_Resources/img/bg/lineup-1-bg-bottom.png) left bottom no-repeat; }
.boxDay3 {}
    .boxDay3 h2 { background: url(/_Resources/img/icons/3-julliet.png) left top no-repeat; }
    .boxDay3 div { background-color: #768c09; }
    .boxDay3 .boxTop { background: url(/_Resources/img/bg/lineup-2-bg-top.png) left top no-repeat; }
    .boxDay3 .boxBottom { background: url(/_Resources/img/bg/lineup-2-bg-bottom.png) left bottom no-repeat; }
.boxDay4 {}
    .boxDay4 h2 { background: url(/_Resources/img/icons/4-julliet.png) left top no-repeat; }
    .boxDay4 div { background-color: #6b354e; }
    .boxDay4 .boxTop { background: url(/_Resources/img/bg/lineup-3-bg-top.png) left top no-repeat; }
    .boxDay4 .boxBottom { background: url(/_Resources/img/bg/lineup-3-bg-bottom.png) left bottom no-repeat; }

/** ARTIST SECTIONS **/
div.artistSection { clear: both; padding: 0 0 20px 0; width: 100%; }
    .artistImage { float: left; margin: 0 10px 10px 0; width: 260px; }
    .topAlbums {}
        .topAlbums a { display: inline-block; margin-right: 20px; width: 90px; vertical-align: top; }
        .topAlbums img { display: block; margin-bottom: 5px; width: 90px; }
    .artistPhotos {}
        .artistPhotos img { margin: 0 5px 5px 0; width: 90px; }
    .topTracks {}
        .topTracks a { display: block; margin-bottom: 5px; height: 1em; }
        .topTracks .trackName { float: left; padding-right: 10px; width: 275px; }
        .topTracks .playCount { display: inline-block; padding: 0 10px 2px; width: 320px; height: 1em; background: #c40019; text-indent: -999em; }
.artistVideos { height: 1%; }
    .artistVideos object { float: left; margin-bottom: 20px; }

/** TICKETS **/
.tickets {}
    .tickets p { padding-bottom: 10px; text-align: center; }
.ticketPartner { position: relative; }
    .ticketPartner p { padding-right: 160px; padding-bottom: 45px; }
    .ticketPartner img { position: absolute; top: 35px; right: 30px; }

/** REGISTRATION **/
form {}
    .contentBox form div { padding: 0; }
        .contentBox form div#ctl00_ctl00_mainArea_childMainArea_pnlError { padding-bottom: 10px; }
    form legend { text-indent: -999em; }
    form li { display: block; float: left; width: 260px; min-height: 80px; }
    form label { display: block; padding-bottom: 10px; }
        form .radio label { display: inline; margin-left: 5px; }
    form .text, form .select { padding: 3px; width: 230px; }
    form .radio { width: 200px; }
    
    .checkboxHolder li { padding-bottom: 5px; width: 520px; min-height: 0; }
    .btnSubmit { float: right; padding-right: 140px; }

/** SOCIAL LINKS **/
.socialLinks { margin: 0 auto; width: 425px }
    .socialLinks li { float: left; padding: 5px 22px 0; }
    .socialLinks a { display: block; padding-top: 30px; }
        .socialLinks .myspace { background: url(/_Resources/img/icons/myspace.png) top no-repeat; }
        .socialLinks .facebook { background: url(/_Resources/img/icons/facebook.png) top no-repeat; }
        .socialLinks .deezer { background: url(/_Resources/img/icons/deezer.png) top no-repeat; }
        .socialLinks .dailyMotion { background: url(/_Resources/img/icons/daily-motion.png) top no-repeat; }

/** MOBILE APP LINKS **/
.sfrLogo {}
    .sfrLogo img { position: relative; top: 8px; }
.appLinks { margin: 10px auto 0; width: 181px; }
    .appLinks li { float: left; padding: 5px 22px 0; }
    .appLinks a { display: block; padding-top: 60px; }
        .appLinks .iphone { background: url(/_Resources/img/icons/iphone-app.png) top no-repeat; }
        .appLinks .android { background: url(/_Resources/img/icons/android-app.png) top no-repeat; }

.mailingList p { padding-bottom: 10px; }
.mailingList a { font-weight: bold; }

/** INFO RHN **/
.submenu { height: 1%; }
    .submenu li { padding: 1px 0 1px 17px; background: url(/_Resources/img/icons/bullet.png) left no-repeat; font-size: 16px; font-weight: bold; }

/** GOOGLE MAPS **/
#gmm { width: 390px; height: 220px; }
    #gmm * { background: none; padding: 0; }

/** COMMERCIAL **/
#commercial {position: absolute; top: 0; right: 5px; z-index: 99;}

.StatusMessage { display:none; color:White; }

br.clear { margin-top: 30px; clear: both; }