/***
	O2 blueroom v4 templates
	CREDIT PUNCH
	www.aislondon.com (2008)

	:: Based on Templates/TwoColumn
	:: Last update: MB 10/11/2008

	-[Inherits]------------------------
	Base.css > Generic.css
	-----------------------------------
	
	-[Contents]------------------------
	1. GRAPHIC
	2. COPY
	3. DOWNLOADS
	-----------------------------------

***/

/**
	1. Graphic
*/

div#columna{
    float: left;
    margin: 0 0 6px 0;
    width: 460px;
    padding-bottom: 3px;
}
div#graphic {
	/*float: left;
	margin: 0 0 6px 0;
	padding-bottom: 3px;*/
	width: 448px;
	_zoom: 1; /*Think this fixes the template in IE6, better check this */
}

.inner-content .panel {
	padding: 6px;
}

.inner-content #ticket-info #purchase {
	padding: 10px;
	width: 429px;
}

/**
	2. Copy
*/

div#copy {
	float: right;
	overflow: hidden; _zoom: 1;
	padding: 16px;
	width: 428px;
}

div#copy h2 {
	color: #155AA0;
}

div#copy div.button {
	float: right;
	margin: 2.4em 0 1em;
}

/**
	3. Downloads
*/

div#downloads {
	margin: 0;
	padding: 20px;
}

div#downloads ul {
	list-style-type: none;
	margin: 0;
}

div#downloads ul li#podcasts {
	background: url(../Images/ico-podcast.jpg) no-repeat;
	margin: 0 0 1em 0;
}

div#downloads ul li#vodcasts {
	background: url(../Images/ico-vodcast.jpg) no-repeat;	
}

div#downloads ul li p {
	min-height: 40px; _height: 40px;
}

div#downloads ul li p a {
	display: block;
	padding: 1em 0 1em 76px;
}


div#buy-tickets {
	background-image: url(../../../Assets/Generic/Images/Icons/grey-mouse.jpg);
	background-position: 26px 24px;
	background-repeat: no-repeat;
	margin-bottom: 2.2em;
	padding: 24px 24px 24px 85px;
}

div#buy-tickets h3 {
	font-size: 1.4em;
	font-weight: bold;
}


div#buy-tickets p {
	margin: 0;
}

p#small-print {
	font-size: 1.1em;
	text-align: left;
}

#terms-link
{
    text-align: right;
}

ol.eventSchedule 
{
	list-style-type: none;
	list-style-position: inside;
	margin: 10px 0 0 0;
}

ol.eventSchedule li {
	margin: 0;
	padding: 10px 5px 10px 5px;
	border-top: solid #ebebeb 2px;
	overflow: hidden;
	float: left;
	width: 419px;
}

ol.eventSchedule li span.eventDate {
	float: left;
	color: #535353;
}

ol.eventSchedule li span.eventLink {
	float: right;
}

ol.eventSchedule li span.pipe {
	color: #cccccc;
}

.clear{
    clear: both;
    height: 0px;
    overflow: hidden;
}
div#columna h4{
    font-size:1.2em;
    margin-bottom:0;
    padding-bottom:0;
}
ul.fixturelists{
    margin:0;
    padding:0 0 10px 0;
    list-style:none;
}
.tholder{
    padding:0 0 0 5px;
}

div#priorityt {
    background-image:url(../Images/ico-priority.gif);
    background-position:15px 10px;
    background-repeat:no-repeat;
    padding:25px 0px 25px 80px;
    
}
div#priorityt h4{
    font-size:1.2em  
  }
.cinema {
    float:right;
    height:24px;
    list-style:none;
    margin:0;
    padding:0;
    overflow:hidden;
}
.cinema li{
   float:left;
   margin:0 0 0 6px;    
    }
 .select-reg {
     padding: 5px 0 10px 0;
     overflow:hidden;
 }
     .select-reg label {
        width:100px;
        float:left;
        font-size:1.2em;
        padding: 4px 0;
     }
     .select-reg select  {
         border:1px solid #9498a1;
         width: 190px;
     }
 #reg-events {
     padding:0;
     height: 170px;
 }
#reg-events strong{
 font-size:1.2em;
 font-weight:bold;   
}
#reg-events ul{
    margin:0;
    padding:3px 0 10px 0;
    list-style:none;
    list-style-position:outside;
}
#event-bookmark {
padding:5px 5px 0 0;
}

div#ticket-info h3 {
margin:0 6px 0.8em;
}

/*** UTILITY ***/

.left{float: left;}
.right{float: right;}
#rugby3D p.legal{font-size: 10px;}

/* override default blueroom event page styles */
#rugby3D.outer-content{
    width: 972px;
    height: 932px;
    padding: 0;
    margin: 0;
    background: #fff url(../Images/3d-rugby-bg-tall.jpg) 0 0 no-repeat;
    position: relative;
}

#content{width: 972px; padding: 0;}

#inner-footer{display: none;}

#bookmark-content{display: none;}
/****   ****/

#rugby3D a{color: #fff;}
#rugby3D p,
#rugby3D ul li{font-size: 1.2em;}


#rugby3D #rugby-inner{
    padding: 29px 53px 0px 51px;
    overflow: hidden;
    color: #fff;
}

#rugby3D #column-left{
    width: 587px;
    float: left;
    margin: 47px 0 0 0;
    position: relative;
    z-index: 5;
}   

#rugby3D #column-right{
    float: right;
    width: 284px;
    margin-left: -4px;
}

#column-left #rugby-video-container{
    background: url(../Images/3d-rugby-video-bg.jpg) 0 0 no-repeat;
    width:587px;
    height:320px;
}

#column-left #rugby-video{
	position:absolute;
    top:-77px;
    left:-52px;
}

#column-left #rugby-video-off{
	position:absolute;
    top:18px;
    left:18px;
}

#column-left #rugby-main-tabs{
    width: 567px;
    height: 434px;
    padding: 20px 0 0 0;
    margin: 23px 0 0 0px;
    background: url(../Images/3drugby-main-bg-wide.jpg) 0 0 no-repeat;
}

#rugby-main-tabs h2.tab{
    display: block;
    margin: 0 -9px;
    padding: 0 0 0 10px;
    width: 585px;
    height: 28px;
    position:relative;
    background: url(../Images/tabs-bg-single.png) 0 0 no-repeat;
    font-size:1.2em;
    line-height:2.5em;
    font-weight:bold;
}
  

#rugby-main-tabs ul#rugby-tabs{
    display: block;
    margin: 0 -9px;
    width: 585px;
    height: 28px;
    position:relative;
    list-style-position: inside;
    background: url(../Images/tabs-bg-wide.png) 0 0 no-repeat;
}
    #rugby-main-tabs ul#rugby-tabs li{
        display: block;
        float: left;
        width: 287px;
        text-align: center;
        margin: 0 0 0 11px;
        font-size: 1.2em;
        position:relative;
    }
    #rugby-main-tabs ul#rugby-tabs li.first{
        margin: 0;
    }
    #rugby-main-tabs ul#rugby-tabs li a{
        color: #fff;
        font-weight: bold;
        display: block;
        padding: 8px 0 0 0;
        outline: none;
        position:relative;
    }
    
    #rugby-main-tabs #rugby-tab-panels{
        padding: 10px 0 0 20px;
    }
        #rugby-main-tabs #rugby-tab-panels p{
            margin: 1em 0 0;
        }
    #rugby-main-tabs #rugby-tab-panels div.tab-panel{
        display: none;
    }
    #rugby-main-tabs #rugby-tab-panels div.first{
        display: block;
    }
        #rugby-tab-panels .tab-panel .rugby-column{
            width: 278px;
            
        }
            #rugby-tab-panels .tab-panel .rugby-column.left{
                width: 268px;
                
            }
            #rugby-tab-panels .tab-panel .rugby-column.left p{
                padding-right: 24px;
            }
        #rugby-tab-panels div h2{
            font-size: 1.6em; 
            font-weight: bold;
            margin: 4px 0 0 0;
        }
        #rugby-tab-panels div h3{
            font-size: 1.4em;
            margin: 10px 0 0 0;
        }
        #rugby-tab-panels div h4{font-size: 1.2em;}
        
        #rugby-tab-panels .tab-panel.no-columns p,
        #rugby-tab-panels .tab-panel.no-columns h3{
            padding: 0 50px 0 0;
        }
        
        #rugby-tab-panels a{text-decoration: underline;}
        
        #register-priority{
            width: 303px;
            height: 62px;
            margin: 10px -13px 0px -17px;
            position: relative;
        }
            #register-priority-inner{
                background: url(../Images/reg-btn-blue.png) 0 0 no-repeat;
                width: 303px;
                height: 62px;
            }
            
            #register-priority-inner.no-priority{
                background: url(../Images/reg-btn-blue-no-priority.png) 0 0 no-repeat;
                width: 303px;
                height: 62px;
                margin:30px 0 0 270px;
            }
            #register-priority a{
                position:relative;
                z-index: 10;
                line-height: 62px;
                padding: 0 0 0 18px;
                font-size: 1.3em;
                font-weight: bold;
                text-decoration: none;
            }
            #register-priority a:hover{text-decoration: underline;}
        
        #cinema-logos{
            margin: 25px 0 0 0;
        }
            .cineworld-logo{
                width: 163px;
                height: 56px;
                display: block;
                float:left;
                margin: 0 20px 0 0;
                text-indent: -999px;
                background: url(../Images/cineworld-logo.png) 0 0 no-repeat;
            }
            .odeon-logo{
                width: 118px;
                height: 56px;
                display: block;
                float: left;
                text-indent: -999px;
                background: url(../Images/odeon-logo.png) 0 0 no-repeat;
            }    

#rugby3D #column-right .pic-panel{
    width: 280px;
}
    #rugby3D #column-right #buy-blackberry{
        height: 132px;
        background: url(../Images/blackberry-panel.png) 0 0 no-repeat;
    }
    #rugby3D #column-right #chargy-bargy{
        height: 132px;
        background: url(../Images/chargy-panel.png) 0 0 no-repeat;
    }
    #rugby3D #column-right #vip-tickets{
        height: 124px;
        background: url(../Images/vip-tickets-panel.png) 0 0 no-repeat;
    }
    #rugby3D #column-right #priority-twickenham{
        height: 122px;
        background: url(../Images/priority-twikenham-panel.png) 0 0 no-repeat;
    }
    #rugby3D #column-right #wales-game {
        height: 122px;
        background: url(../Images/3d-wales-game-panel.png) 0 0 no-repeat;
    }    
        #rugby3D #column-right #priority-twickenham p{
            padding-top: 88px;
        }
                #rugby3D #column-right #wales-game p{
            padding-top: 88px;
        }
    #rugby3D #column-right #priority{
        height: 122px;
        background: url(../Images/priority-panel.png) 0 0 no-repeat;
    }
        #rugby3D #column-right #priority p{
            padding-top: 88px;
        }
        
    #rugby3D #column-right .pic-panel p{
        padding: 80px 14px 0 26px;
        margin: 0;
    }
        #rugby3D #column-right .pic-panel p a{
            position: relative;
        }
        
    #rugby-twitter{
        padding: 0 0 14px 0;
        margin: 3px 0 0 0;
        width: 279px;
        height: 316px;
        background: url(../Images/tweet-feed-panel.png) left bottom no-repeat;
    }
        #tweets{        
            height: 232px;
            padding: 58px 20px 0 37px;
        }
    #rugby-twitter p{
        margin: 0 0 10px 0;
    }
    
    #rugby-twitter #twitter-scroll{
        height: 14px;
        padding-left: 38px;
    }
        #rugby-twitter #twitter-scroll div{
            width: 16px;
            height: 14px;
            float: left;
            margin: 0 10px 0 0;
            text-indent: -999px;
            cursor: pointer;
            position: relative;
        }
        #rugby-twitter #twitter-scroll div.arrow-left{
            background: url(../Images/twitter-arrow-left.png) 0 0 no-repeat;
        }
        #rugby-twitter #twitter-scroll div.arrow-right{
            background: url(../Images/twitter-arrow-right.png) 0 0 no-repeat;
        }
    #rugby-twitter .single-tweet{display: none;}
    #rugby-twitter .single-tweet.first{display: block;}
    #rugby-twitter .single-tweet{ padding: 0;} /* can be a problem though for longer tweets*/
    
#rugby-footer{
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 60px;
    width: 972px;
    overflow: hidden;
}
    #rugby-footer #rugby-rose{
        width: 42px;
        height: 58px;
        margin-left: 12px;
        background: url(../Images/rugby-rose.png) 0 0 no-repeat;
    }
    #rugby-footer .we-better{
        margin: 13px 0 0 0;
        position: absolute;
        right: 0px;
        bottom: 0px;
        height: 42px;
        width: 254px;
        background: url(../Images/we-better-connected.png) 0 0 no-repeat;
    }