@charset "utf-8";
/*
----------------------------------------
Site:			http://www.rte.ie/tv/latelate/
Description:	Stylesheet for The Late Late show
Author:			Eoin Bara
Updated:		27/09/2009
----------------------------------------
*/
html {
	height: 101%;
}
html, body {
	background: #060406 url(../../footer_latelate/images/bg.jpg) no-repeat 0 0;
	background-color: #060406;
	background-position: top;
	margin-top: 0px;
}
#lls-menu-quinn {
	float: left;
	display: block;
	width: 120px;
	height: 37px;
	font-size: 16px;
	line-height: normal;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 58px;
}
#lls-menu-left {
	float: left;
	height: 37px;
	font-size: 16px;
	line-height: normal;
	overflow: hidden;
	margin-top: 20px;
}
#lls-menu {
	float: left;
	height: 37px;
	font-size: 16px;
	line-height: normal;
	overflow: hidden;
	margin-top: 20px;
}
#lls-menu ul {
	margin: 0;
	list-style: none;
}
#lls-menu-left ul {
	margin: 0;
	list-style: none;
}
.search-archives-box {
	border: 1px solid #d4d1fa;
	border-color: #d4d1fa;
	margin-left: 15px;
	font-size: 12px;
	height: 18px;
	width: 233px;
	background-image: url(../../footer_latelate/images/lls-search-box-bg.png) no-repeat;
	padding: 3px;
}
.search-dropdown-box {
	border: 1px solid #d4d1fa;
	border-color: #d4d1fa;
	margin-left: 15px;
	font-size: 12px;
	height: 24px;
	width: 233px;
	padding: 3px;
}
.lls-search-submit {
	background-image: url(../../footer_latelate/images/lls-go-search.png);
	background-repeat: no-repeat;
	width: 28px;
	height: 25px;
	margin: -25px 0px 15px 260px;
}
#lls-menu li {
	display: inline;
	margin: 0;
	padding: 0;
}
#lls-menu-left li {
	display: inline;
	margin: 0;
	padding: 0;
}
#lls-menu a {
	float: left;
	background: url("../../footer_latelate/images/left.png") no-repeat left top;
	margin: 0;
	padding: 0 0 0 6px;
	text-decoration: none;
}
#lls-menu-left a {
	float: left;
	background: url("../../footer_latelate/images/first.png") no-repeat left top;
	margin: 0;
	padding: 0 0 0 6px;
	text-decoration: none;
}
#lls-menu a span {
	float: left;
	display: block;
	background: url("../../footer_latelate/images/right.png") no-repeat right top;
	padding: 10px 10px 9px 5px;
	margin-right: 1px;
	color: #000;
}
#lls-menu-left a span {
	float: left;
	display: block;
	background: url("../../footer_latelate/images/right.png") no-repeat right top;
	padding: 10px 10px 9px 5px;
	margin-right: 1px;
	color: #000;
}
#lls-menu a:hover {
	text-decoration: underline;
}
p.host, .competition p, .extra p, .-us p, .tickets p, .history p,  {
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	overflow: hidden;
	display: block;
}
.lls-address {
	margin: 0px 0px 0px 5px;
	width: 142px;
	display: inline;
	float: left;
	padding: 0;
}
.lls-address p {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
}
.rte_gr_1 p {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
}
.wrap {
	background: #060406 url("../../footer_latelate/images/thelatelateshow-bg-quinn-direct.jpg") no-repeat 0 0;
	background-color: #282828;
	background-position: top;
	margin-top: 0px;
	min-height: 476px;
	margin: 0px 7px 0px 7px;
	display: inline;
	float: left;
	padding: 0px 0px 7px 0px;
	width: 970px;
}
.contentwrap {
	background: #272727 url(../../footer_latelate/images/lls-content-bg.jpg) no-repeat 0 0;
	background-position: center;
	display: inline;
	margin: 0px;
	float: left;
	width: 970px;
}
.tickets {
	background-image: url(../../footer_latelate/images/tickets.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 300px;
	height: 162px;
	display: inline;
	position: relative;
	float: left;
	padding: 0;
}
.tickets p {
	margin: 0px 7px 0px 185px;
	font-size: 10pt;
	line-height: 1.2em;
	display: block;
}
.competition {
	background-image: url(../../footer_latelate/images/competition.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 314px;
	height: 162px;
	display: inline;
	float: left;
	padding: 0;
	margin-top: 0px;
}
.competition p {
	margin: 0px 7px 0px 130px;
	font-size: 10pt;
	line-height: 1.2em;
}
.contact-us {
	background-image: url(../../footer_latelate/images/contact.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 314px;
	height: 162px;
	display: inline;
	position: relative;
	float: left;
	padding: 0;
	margin-top: -3px;
}
.contact-us p {
	margin: 0px 0px 0px 15px;
}
.extra {
	background-image: url(../../footer_latelate/images/extras.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 307px;
	height: 162px;
	display: inline;
	float: left;
	padding: 0;
	margin-top: -10px;
	margin-left: 3px;
}
.extra p {
	margin: 0px 85px 0px 15px;
	font-size: 10pt;
	line-height: 1.2em;
	display: inline-block;
}
.host {
	background-image: url(../../footer_latelate/images/host.png) no-repeat;
	background-repeat: no-repeat;
	background-position: center;
	width: 314px;
	height: 162px;
	margin-bottom: 10px;
	margin-top: 1px;
	display: inline-block;
	float: left;
	padding: 0;
}
.host p {
	margin: 0px 105px 0px 15px;
	font-size: 10pt;
	line-height: 1.2em;
}
.history {
	background-image: url(../../footer_latelate/images/history.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 300px;
	height: 162px;
	display: inline-block;
	margin-right: 15px;
	float: left;
	padding: 0;
	margin-top: -10px;
}
.history p {
	margin: 0px 80px 0px 15px;
	font-size: 10pt;
	line-height: 1.2em;
}
.host {
	background-image: url(../../footer_latelate/images/host.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 314px;
	height: 162px;
	display: inline;
	float: left;
	padding: 0;
}
.lls-menu-box {
	width: 630px;
	height: 57px !important;
	margin: 120px 0px 1px 15px;
	float: left;
	overflow: hidden;
	display: inline;
	position: relative;
}
.playerbox {
	width: 628px;
	background-color:#ffffff;
	height: 462px;
	float: left;
	display: inline;
	position: relative;
}
.lls-content {
	width: 628px;
	margin: 0px 0px 7px 15px;
	float: left;
	display: inline;
	position: relative;
}
.playerbox p {
	display: inline-block;
}
.player-embed {
	width: 384px;
	height: 260px;
	overflow: hidden;
	background-color: #ffffff;
	float: left;
	margin: 0px 0px 0px 14px;
	display: inline;
	position: relative;
}
.player-embed object{
background-color:#000000;
}
.player-caption-link {
	background: url(/tv/latelate/images/playbut.gif) no-repeat;
	background-color: #ffffff;
	font-size: 11px;
	background-position: 0% 0%;
	height: 15px;
	width: 150px;
	padding: 2px 10px 10px 32px;
	margin-top: 10px;
	display:inline-block;
}
.storyBody {
	width: 201px;
	height: 245px;
	float: right;
	margin: 0px 14px 0px 14px;
	display: inline-block;
	overflow: hidden;
	display: inline;
	position: relative;
}
.article .storyBody {
height:auto;
width:628px;
margin:0px;
}

.bodyTopImage{
float:right;
margin:10px 20px 10px 20px;
padding:2px;
border:1px solid #6F0F82;
}

.player-caption {
	position: relative;
	top: 0px;
	width: 201px;
	height: 245px;
	margin: 0px;
	display: block;
	overflow: auto;
}
.player-caption h4 {
	font-size: 140%;
	font-weight:bold;
	line-height: 1.3em;
	font-family: Garamond,georgia;
	color: #720585;
}
.player-caption p {
	margin: 0px;
	font-size: 90%;
}

.player-caption p.player-caption-worldwide {
	font-size:85%;
	padding:3px 5px;
	margin:5px 0px 0px 0px;
	line-height:1.2em;
	display:block;
	background-color:#E8E6EB;
	border:1px solid #cccccc;
	font-weight:bold;
	color:#444444;
}

.lls-sidebar {
	float: right;
	width: 314px;
	display: inline;
	position: relative;
	margin-top: 60px;
}
.lls-search-archive {
	float: left;
	width: 300px;
	height: 155px;
	display: inline;
	position: relative;
	background: url(../../footer_latelate/images/lls-search-archive.jpg) no-repeat;
	margin: 15px 14px 0px 0px;
}
.lls-search-archive p {
	margin: 0px 7px 0px 15px;
	font-size: 10px;
}
p.lls-search-title {
	font-family: Garamond, georgia;
	font-weight: normal;
	font-size: 30px;
	color: #720585;
	margin-top: 7px;
}
.host, .competition, .extra, .contact-us, .tickets, .history,  {
	float: left;
	padding: 0;
}
p.lls-titles {
	font-family: Garamond, georgia;
	font-weight: normal;
	font-size: 30px;
	color: #720585;
	margin-top: 15px;
}
p.lls-main-title, h1 {
	font-family: Garamond, georgia;
	font-weight: 300;
	font-size: 32px;
	color: #720585;
	margin: 0px 0 0px 15px;
	letter-spacing: 0px;
	line-height: 1.3em;
}
h2, h3, h4, h5 {
	font-family: Garamond, georgia;
	font-weight: 300;
	color: #720585;
	letter-spacing: 0px;
	line-height: 1.3em;
}
#stage {
	width: 614px;
	overflow: hidden;
	display: inline;
	position: relative;
	float: left;
	padding: 0;
	height: 125px;
	margin: 4px 14px 0px 1px;
}
#stage.stageArchive {
	height: 150px;
	margin-top: -15px;
}
.stageArchive h3 {
	font-family: Garamond, georgia;
	font-weight: 300;
	font-size: 160%;
	color: #720585;
	margin: 0px 0 2px 15px;
	letter-spacing: 0px;
	line-height: 1.4em;
}
#slider-buttons {
	width: 550px;
	text-align: center;
	height: 21px;
	margin: 9px auto 0px auto;
	padding: 0;
	clear: both;
}
#slider-buttons a {
	outline: none;
	cursor: pointer;
}
#slider-buttons a.hidden {
	visibility: hidden;
}
#slider-buttons a.slider-button-page {
	background-color: #ffffff;
	background-image: url(/tv/latelate/images/slider-inactive.jpg);
	background-repeat: no-repeat;
	display: inline-block;
	width: 13px;
	height: 13px;
	line-height: 0px;
	font-size: 1px;
	margin: 0px 2px 1px 2px;
	padding: 0px;
	clear: none;
}
#slider-buttons a:hover.slider-button-page, #slider-buttons a.on {
	background-image: url(/tv/latelate/images/slider-active.jpg);
}
#slider-buttons a#previous {
	display: inline-block;
	height: 21px;
	width: 24px;
	clear: none;
	margin: 0px 4px 0px 0px;
	background-repeat: no-repeat;
	background-image: url(/tv/latelate/images/lls-scroll-left.jpg);
}
#slider-buttons a#next {
	display: inline-block;
	height: 21px;
	width: 24px;
	margin: 0px 0px 0px 4px;
	background-repeat: no-repeat;
	background-image: url(/tv/latelate/images/lls-scroll-right.jpg);
}
#lls-list {
	width: 5000px;
	border: 0;
	margin: 0 7px 0 7px;
	padding: 0;
	left: 400px;
}
#lls-list li {
	margin: 0;
	padding: 0;
	border: 0;
	margin: 0px 7px 0px 7px;
	float: left;
	width: 140px;
	height: 125px;
	display: inline-block;
	text-align:left;
	background: url(../../footer_latelate/images/slider-bg.jpg) no-repeat;
}
#lls-list a {
	display: block;
	text-align: left;
	text-decoration: none;
	color: #000000;
	outline: none;
}
#lls-list a:hover {
	background-color: #D8D5DC;
	color: #8F2BA7;
	text-decoration: underline;
}
#lls-list li.hl, #lls-list li.hl a:hover {
	background: #DBB5DF;
	color: #000000;
}
#lls-list table tr td {
	height: 46px;
	width: 140px;
	line-height: 1.1em;
	text-align: center;
	margin: 0px;
	padding: 0px 2px;
	cursor: pointer;
	overflow: hidden;
}
#lls-list img {
	width:140px;
	height:79px;
	display: block;
	margin: 0px;
	padding: 0px;
}

#lls-list a div.lls-list-button {
	background-color:transparent;
	background-image:url(/tv/latelate/images/thumbnail_play_45.png);
	background-repeat:no-repeat;
	background-position:-45px 0;
	height:45px;
	width:45px;
	position:relative;
	top:-34px;
	left:0px;
	margin-top:-45px;
	cursor:pointer;
}

#lls-list a:hover div.lls-list-button, #lls-list li.hl a div.lls-list-button {
	background-position:-1px 0;
}


/* article conntainer for static pages  */
.article {
	background: none;
	background-color: #fff;
	height: auto;
}
.article p, .article h1, .article h2, .article h3, .article h4, .article h5 {
	margin-left: 15px;
	margin-right: 15px;
}
/* hack for the rounded corners on the static pages */
.lls-roundbox-top {
	height: 8px;
	min-height: 0px;
	background-image: url(http://www.rte.ie/tv/latelate/images/player-bg.png);
	background-repeat: no-repeat;
	clear: both;
}
.lls-roundbox-bottom {
	height: 8px;
	min-height: 8px;
	background-color: black;
	background-image: url(http://www.rte.ie/tv/latelate/images/player-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	clear: both;
}
/* search results pagination */
#SearchInfo {
	clear: both;
	padding: 14px 14px 14px 14px;
}
.SearchPager {
	clear: both;
	padding: 14px 14px 14px 14px;
	text-align: center;
}
.SearchPager a {
	outline: none;
	margin: 0px 2px;
	background-image: url(/tv/programmes/img/graphics/content_btn04.gif);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #eeeeee;
	padding: 3px 10px 3px 10px;
	color: #720585;
	font-weight: bold;
	border: solid 1px #dadada;
}
.SearchPager a.on {
	background-image: url(/tv/programmes/img/graphics/content_btn04.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-color: #eeeeee;
	padding: 3px 10px 3px 10px;
	color: #ffffff;
	font-weight: bold;
	border: solid 1px #a6a6a6;
}
.SearchPager a:hover {
	background-position: center center;
	border: solid 1px #dadada;
	color: #000000;
	text-decoration: underline;
}
.SearchPager a:hover.on {
	background-position: bottom center;
	border: solid 1px #a6a6a6;
	color: #ffffff;
	text-decoration: none;
	cursor: auto;
}
.SearchPager a.next, .SearchPager a.prev {
	background: none;
	border: 1px solid #ffffff;
}
.SearchPager a.next:hover, .SearchPager a.prev:hover {
	background: none;
	border: 1px solid #ffffff;
}
.SearchPager a.off {
	visibility: hidden;
}
#SearchLoading {
	text-align: center;
	display: block;
	border: 0px;
	margin: 100px 300px 100px 300px;
	padding: 0px;
}
#SearchLoading img {
	display: block;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
/* search results*/
#SearchResults {
	margin: 0px;
	padding: 0px 14px 0px 14px;
}
#SearchResults a {
	margin: 0px;
	padding: 7px;
	outline: none;
	display: block;
	border: 1px #ffffff solid;
	text-decoration: none;
}
#SearchResults a:hover {
	margin: 0px;
	padding: 7px;
	display: block;
	border: 1px #cccccc solid;
	text-decoration: none;
	background-color: #f3f3f3;
}
#SearchResults h2 {
	background: none;
	margin: 0px;
	padding: 0px;
	font-size: 140%;
	color: #720585;
}
#SearchResults img {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	border: 1px #cccccc solid;
}
#SearchResults p {
	margin: 0px;
	padding: 0px;
	color: #282828;
}
#SearchResults p span {
	font-weight: bold;
}
/* No search results */
#SearchNoResults {
	display: none;
}
#SearchNoResults strong {
	line-height: 1.4em;
	margin: 2px 0px 2px 20px;
}
#SearchNoResults ul {
	line-height: 1.4em;
	margin: 2px 0px 2px 40px;
	list-style-type: disc;
}


/*
----------------------------------------
Site:			http://www.rte.ie/tv/latelate/
Description:	Stylesheet for Sub pages of The Late Late show
Author:			Rob Tierney
Updated:		03/09/2009
----------------------------------------
*/



.midContentBox {
	width: 628px;
	background-color:#FFFFFF;	
	height: auto;
	min-height: 450px;
	float:left;
	display: inline-block;
}

.midContentBox2 {
	width: 628px;
	background: url(../../footer_latelate/images/mid_content_top.png) no-repeat;
	background-color:#FFFFFF;	
	height: 780px;
	float:left;
	display: inline-block;
}



.midStyle {
	padding:0px 14px 0px 14px;
}

.midContentBot {
	width: 628px;
	height: 20px;
	background: url(../../footer_latelate/images/mid_content_bot.png);
	display: inline-block;
} 

.pic {
float:right;
padding:0px 14px 14px 14px;
}

.competition,  a {
color:#720585;
}

.lls-titles, p {
	color:#000000;
}




.lls-optional-box {margin:13px 0px 0px 0px;}
.lls-optional-box .optionalBox {height:auto;min-height:130px;}
.lls-optional-box p {margin:10px 14px;}

.featureTop {
	height:14px;
	padding:0px;
	margin:0;
}

.featureBottom {
	height:14px;
	padding:0px;
	margin-bottom:14px;
}

.feaureHome {
	width:628px;
	height:auto;
	display:block;
	background-color:#FFFFFF;
	padding:0 20 0 20px;
	margin:0;
	
}

.featureContent {
	padding:0 20px 0 20px;
}





