/*===============================================
	CORE.CSS
	2009-02-03
	Mark Gerrard @ outsideline.com
===============================================*/
* {margin: 0; padding: 0;}

a {color: #000; text-decoration: none;}

a img {border: none;}

p {line-height: 1.3em;}

h1 {font-size: 1.286em; margin-bottom: 15px;}

.lay3 h1 {margin-left: 170px; margin-bottom:5px}

body {
	font-size: 62.5%;
	font-family: "Trebuchet MS", sans-serif;
/*	background: #FFF url("../img/layout/snow6_web.jpg") no-repeat 50% 0;*/
/*  background: #FFF url("../img/layout/bg-page.jpg") no-repeat 50% 0; */
/*  background: #FFF url("../img/layout/RetiredAt35.jpg") no-repeat 50% 0; */
    background: #FFF url("../img/layout/DRG_DocMartin_WallpaperGraphic_v03.jpg") no-repeat 50% 0;
	color: #636b70;
}

.show_this{display:block; }

/*CORNER CLASSES*/
.ctl, .ctr, .cbl, .cbr {
	position: absolute;
	background: url("../img/layout/rounded_corners.png") no-repeat 0 0;
	width: 15px;
	height: 15px;
	z-index: 100;
	overflow: hidden;
}

.ctl {left: 0; top: 0;}
.ctr {right: 0; top: 0; background-position: -15px 0;}
.cbl {left: 0; bottom: 0; background-position: 0 -15px;}
.cbr {right: 0; bottom: 0; background-position: -15px -15px;}

.row, .rowSplit {clear: both; margin-bottom: 35px; overflow: hidden; width: 100%;}
.rowInner { clear: both; margin:0;; overflow: hidden; width: 100%; }
.rowSplit {margin-bottom: 0;}


/*TEXT INDENT CLASS - Used for text replacement*/
.ti {text-indent: -1000em; background-repeat: no-repeat; background-position: 0 0;}

.gltr {position: relative;}
.gltr span {position: absolute; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat;}

.to {position: relative;}
.to img {position: absolute; z-index: 1; left: 0; top: 0;}
.to .copy {position: absolute; z-index: 2; color: #FFF;}
.to .copy .format,
.to .copy span {float: left; clear: left; background: #000; padding: 4px 8px 6px 18px;}

.genre {list-style: none; position: absolute; right: 10px; top: 10px; z-index: 10;}
.genre li {float: left !important; width: 14px; height: 14px; margin-left: 8px !important; clear: none !important; line-height: 0;}
.genre a {float: left !important; display: block; width: 14px; text-indent: -1000em; height: 14px; background-image: url("../img/layout/genre-large.png"); background-repeat: no-repeat;}


.genre.sml li,
.col1 .genre li,
.col2 .genre li,
.col3 .genre li {width: 10px !important; height: 10px !important;}

.genre.sml a,
.col1 .genre a,
.col2 .genre a,
.col3 .genre a {width: 10px; height: 10px; background-image: url("../img/layout/genre-small.png");}

/*================ LOGOS ================*/
.logo {
	display: block;
	text-indent: -1000em;
	width: 240px;
	height: 110px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.logo:hover {background-position: 0 -110px;}

/*4 International*/
.logo1 {background-image: url("../img/logos/DRG_4International.png");}

/*Click TV*/
.logo2 {background-image: url("../img/logos/DRG_ClickTV.png");}

/*Little Portman*/
.logo3 {background-image: url("../img/logos/DRG_LittlePortman.png");}

/*Ovation TV*/
.logo4 {background-image: url("../img/logos/DRG_OvationTV.png");}

/*Portman Film TV*/
.logo5 {background-image: url("../img/logos/DRG_PortmanFilmTV.png");}

/*Zeal Entertainment*/
.logo6 {background-image: url("../img/logos/DRG_ZealEntertainment.png");}

/*i-Rights*/
.logo7 {background-image: url("../img/logos/DRG_i-Rights.png");}

/*i-D Distribution*/
.logo8 {background-image: url("../img/logos/DRG_iDDIstribution.png");}


#wrap {
	width: 968px;
	margin: 20px auto;
}

#header {
	position: relative;
	width: 968px;
	font-size: 1.4em;
}

#header a {color: #a393c9;}

#header .user {float: right; clear: right; color: #313131; line-height: 1em; display: inline; font-size: 0.857em; margin-bottom: 5px;}
#header .user a {padding-right: 6px; font-weight: bold; color: #313131;}
#header .user a.last {padding-left: 6px;}
#header .user.in a.last {border-left: 1px solid #313131;}
#header .reqHelp {float: right; clear: right; font-size: 0.714em;}
#header .reqHelp .req {border-right: 1px solid #707070; padding-right: 3px;}
#header .reqHelp a {color: #707070;}

#header .form-search {
	float: right;
	margin: 20px 0 10px;
}

#header .form-search input{
	text-align: left;
	vertical-align: bottom;
}

#header .contact {
	float: left;
	margin: 40px 0 0 20px;
	font-size: 0.857em;
	color: #707070;
}
#header .contact a {color: #707070;}

#header ul {width: 100%;background: url("../img/layout/bg-nav.gif") no-repeat 0 0; display: block; float: left;}
#header ul.loggedin {}

#header ul li {
	list-style: none;
	float: left;
}

#header ul li a {
	float: left;
	height: 40px;
}

#header ul li a {background: url("../img/layout/bg-nav.gif") no-repeat 0 -70px; text-indent: -1000em; outline-style: none; outline-width: 0;}

#header li#navHome a {width: 104px; background-position: 0 0;}
#header li#navNews a {width: 97px; background-position: -104px 0;}
#header li#navProgs a {width: 152px; background-position: -201px 0;}
#header li#navMeet a {width: 122px; background-position: -353px 0;}
#header li#navDownload a {width: 148px; background-position: -631px -227px;}
#header li#navSales a {width: 148px; background-position: -484px -227px;}
#header li#navRecent a {width: 108px; background-position: -779px -227px;}
#header li#navOrderStatus a {width: 114px; background-position: -887px -227px;}
#header li#navPlaylists a {width: 123px; background-position: -1001px -227px;}

#header li#navHome a:hover,
#header li#navHome strong a {background-position: 0 -99px;}
#header li#navNews a:hover,
#header li#navNews strong a {background-position: -104px -99px;}
#header li#navProgs a:hover,
#header li#navProgs strong a {background-position: -201px -99px;}
#header li#navMeet a:hover,
#header li#navMeet strong a {background-position: -353px -99px;}
#header li#navDownload strong a,
#header li#navDownload a:hover {background-position: -631px -325px;}
#header li#navSales strong a,
#header li#navSales a:hover {background-position: -484px -325px;}
#header li#navRecent strong a,
#header li#navRecent a:hover {background-position: -779px -325px;}
#header li#navOrderStatus strong a,
#header li#navOrderStatus a:hover {background-position: -887px -325px;}
#header li#navPlaylists strong a,
#header li#navPlaylists a:hover {background-position: -1001px -325px;}

#header li#navPlaylists span, 
#header li#navSales span {position: absolute; top: 0; right: 25px; color: #f39b39; font-size: 0.643em;}

#header li#navRecent {
	position: relative;
}

#header li#navRecent span {
	position: absolute;
	top: 10px;
	right: 7px;
	width: 20px;
	height: 20px;
	text-indent: 0;
	background: url("../img/layout/bg-nav-recent.png") no-repeat 0 0;
	color: #FFF;
	text-align: center;
	line-height: 1.8em;
	font-size: 0.786em;
}

#header li#navPlaylists,
#header li#navSales {
	position: relative;
}

#header li#navPlaylists .navPlaylists,
#header li#navSales .navPlaylists {
	display: none;
	position: absolute;
	top: 34px;
	right: 4px;
	width: 224px;
	z-index: 101;
	padding-bottom: 20px;
	background: url("../img/layout/bg-playlist-bottom.png") no-repeat left bottom !important;
	font-size: 1em;
	color: #636b70;
}

#header li#navPlaylists .navPlaylists a,
#header li#navSales .navPlaylists a {color: #636b70;}

#header li#navPlaylists.open div,#header li#navSales.open div {display: block;}


#header li#navPlaylists div .inner,
#header li#navSales div .inner {
	padding: 20px 20px 0 20px;
	background: #FFF url("../img/layout/bg-playlist-top.png") no-repeat 0 0;	
}

#header li#navPlaylists div ul, #header li#navSales div ul {float: none; background: none !important; list-style: none; margin-bottom: 20px;}
#header li#navPlaylists div ul li, #header li#navSales div ul li {float: none;}
#header li#navPlaylists div ul li a, #header li#navSales div ul li a {float: none; color: #ddd; display: block; text-indent: 0; width: auto; height: auto; padding-left: 10px; background: url("../img/layout/playlist-bullet.gif") no-repeat 0 50%  !important;}

#header li#navPlaylists h3, #header li#navSales h3  {margin-bottom: 10px; border-bottom: 1px solid #000; padding-bottom: 7px;}


#header li#navPlaylists .ti.favourites {height: 12px; background-image: url("../img/layout/drop-favourites.gif");}

#header li#navPlaylists .ti.recommends {height: 15px; background-image: url("../img/layout/drop-recommends.gif");}

#header li#navPlaylists .ti.myplaylists {height: 15px; background-image: url("../img/layout/drop-playlists.gif");}

#header li#navSales .ti.sales {height: 15px; background-image: url("../img/layout/drop-sales.gif");}
#header li#navSales .ti.screener {height: 15px; background-image: url("../img/layout/drop-screener.gif");}





/*SUB NAV*/
#subNav {overflow: hidden; width: 100%; margin-bottom: 40px;}
#subNav li {float: left; list-style: none; margin-right: 12px;}
#subNav li.last {margin-right: 0;}
#subNav li a {float: left; height: 35px; background: url("../img/layout/bg-subnav.png") no-repeat 0 0; text-indent: -1000em;}

#subNav li#subNewest a {width: 95px; background-position: 0 0;}
#subNav li#subNewest strong a,
#subNav li#subNewest a:hover {background-position: 0 -58px;}

#subNav li#subComedy a {width: 95px; background-position: -111px 0;}
#subNav li#subComedy strong a,
#subNav li#subComedy a:hover {background-position: -111px -58px;}

#subNav li#subDrama a {width: 95px; background-position: -222px 0;}
#subNav li#subDrama strong a,
#subNav li#subDrama a:hover {background-position: -222px -58px;}

#subNav li#subEntertainment a {width: 146px; background-position: -327px 0;}
#subNav li#subEntertainment strong a,
#subNav li#subEntertainment a:hover {background-position: -327px -58px;}

#subNav li#subFactual a {width: 96px; background-position: -485px 0;}
#subNav li#subFactual strong a,
#subNav li#subFactual a:hover {background-position: -485px -58px;}

#subNav li#subFormats a {width: 105px; background-position: -593px 0;}
#subNav li#subFormats strong a,
#subNav li#subFormats a:hover {background-position: -593px -58px;}

#subNav li#subKids a {width: 79px; background-position: -709px 0;}
#subNav li#subKids strong a,
#subNav li#subKids a:hover {background-position: -709px -58px;}

#subNav li#subBiewAll a {width: 102px; background-position: -799px 0;}
#subNav li#subBiewAll strong a,
#subNav li#subBiewAll a:hover {background-position: -799px -58px;}


#logo {
	float: left;
	margin-bottom: 10px;
	margin-top: 20px;
	width: 171px;
	height: 115px;
	text-indent: -1000em;
	background: url("../img/layout/logo.gif") no-repeat;
}

#content {
	float: left;
	width: 938px;
	padding: 30px;
	padding-bottom: 0;
	background: url("../img/layout/bg-content.png") repeat-y 0 0;
	font-size: 1.4em;
}

#footer {
	clear: both;
	margin-top: -15px;
	margin-bottom: 20px;
	width: 968px;
	height: 148px;
	font-size: 1.2em;
	color: #707070;
	background: url("../img/layout/bg-footer.png") no-repeat 0 100%;
}

#footer a {color: #707070;}

#footer .inner {overflow: hidden; padding: 20px 30px 27px 30px;}

#footer p {
	float: left;
	margin-top: 20px;
	line-height: 1.8em;
}

#footLogo {
	float: right;
	width: 139px;
	height: 107px;
	margin-top: 10px;
	text-indent: -1000em;
	background: url("../img/layout/foot-logo.gif");
}

#copy {
	text-align: center;
	color: #2b2b2b;
}

/*GRID*/
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8 {float: left; margin-right: 30px;}
.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last {margin-right: 0 !important;}

.col1 {width: 140px;}
.col2 {width: 180px;}
.col3 {width: 200px;}
.col4 {width: 240px;}
.col5 {width: 300px;}
.col6 {width: 435px;}
.col7 {width: 500px;}
.col8 {width: 630px;}

/*LISTS*/
ul.list {list-style: none; line-height: 1em;}
ul.list li {margin-bottom: 15px; padding-left: 15px; background: url("../img/layout/bullet.gif") no-repeat left center;}
ul.list li.last {margin-bottom: 0;}

.listing {list-style: none; text-align: right; line-height: 1em;}
.listing li {margin-bottom: 20px;}
.listing li a.current,
.listing li.current a {color: #000; font-size: 1.143em;}
.listing a {color: #636b70; display: block;}
.listing a:hover {color: #000;}

.listing .close ul {display: none;}

.listing ul {list-style: none;}

.listing li ul {margin-top: 15px; font-size: 0.929em;}

.listing li ul .opener {font-weight: bold;}

.listing li ul ul {font-size: 1em;}



#relatedProgrammes .row {margin-bottom: 30px;}
#relatedProgrammes .row.last {margin-bottom: 0;}

#relatedProgrammes .row .media {width: 240px; height: 135px;}

#relatedProgrammes .row .format {font-size: 0.714em; color: #21348f;}
#relatedProgrammes .row h4 {font-size: 1.143em; font-style: italic; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #e5e5e5;}

/*TAG LIST*/
.tagList {list-style: none;}
.tagList li {float: left; margin: 0 4px 4px 0;}
.tagList li a {float: left; background: url("../img/layout/tags-right.gif") no-repeat 100% 0; color: #FFF;}
.tagList li a span {float: left; padding: 0.14em 0.5em; background: url("../img/layout/tags-left.gif") no-repeat top left;}


/*TWITTER BOX*/
#twitterBox {color: #FFF;}
#twitterBox .gltr {height: 35px; margin-bottom: 0 !important; line-height: 1.3em; padding-bottom: 0; border-bottom: none;}
#twitterBox .gltr span {background-image: url("../img/layout/twitter-top.gif");}
#twitterBox ol {background: #788289 url("../img/layout/twitter-mid.gif") no-repeat 0 100%; list-style: none;}
#twitterBox ol li {
	margin: 0 15px;
	padding: 20px 0;
	border-bottom: 1px dashed #bdc2c5;
}

#twitterBox ol li.last {padding-bottom: 15px; border-bottom: none;}

#twitterBox ol li p span {
	display: block;
	color: #FFF;
	font-size: 0.714em;
}

#twitterBox .cta a {
	height: 45px;
	display: block;
	text-indent: -1000em;
	background: url("../img/layout/twitter-bottom.gif");
}

/*DISTRIBUTORS BOX*/
#supCol1 #distBox h3,
#supCol2 #distBox h3 {margin-bottom: 20px;}

#distBox ul {
	padding-top: 10px;
}
#distBox ul a {display: block; padding: 7px 0 5px 0; padding-left: 30px; background: url("../img/layout/bullet.gif") no-repeat 17px 1em; color: #57506f;}

#distBox ul li {margin-bottom: 5px;}

#distBox ul strong {display: block; background: #767e84 url("../img/layout/dist-box-active-top.gif") no-repeat 0 0;}
#distBox ul strong a {background: url("../img/layout/dist-box-active-bot.gif") no-repeat left bottom; color: #FFF;}


/*FILTER AND SORT BOX*/
.filterSort {
	padding-bottom: 10px;
	background: url("../img/layout/filter-box-bottom.gif") no-repeat left bottom;
}

.filterSort a.genre1,
.filterSort a.genre2,
.filterSort a.genre3,
.filterSort a.genre4,
.filterSort a.genre5,
.filterSort a.genre6 {padding-left: 20px; background-position: 0 0.25em; background-repeat: no-repeat;}

.filterSort a.genre1 {background-image: url("../img/layout/filter-box-genre1.gif");}
.filterSort a.genre2 {background-image: url("../img/layout/filter-box-genre2.gif");}
.filterSort a.genre3 {background-image: url("../img/layout/filter-box-genre3.gif");}
.filterSort a.genre4 {background-image: url("../img/layout/filter-box-genre4.gif");}
.filterSort a.genre5 {background-image: url("../img/layout/filter-box-genre5.gif");}
.filterSort a.genre6 {background-image: url("../img/layout/filter-box-genre6.gif");}

.filterSort h3 {
	margin-bottom: 10px !important;
	padding-top: 10px;
	padding-left: 20px;
	background: url("../img/layout/filter-box-top.gif") no-repeat 0 0;
	color: #000 !important;
	border-bottom: none !important;
	/*font-style: italic;*/
}

.filterSort li {
	list-style: none;
	padding: 0 20px 0 20px;
	background: url("../img/layout/hr-filter.gif") no-repeat 50% 0;
	overflow: hidden;
}

.filterSort a,
.filterSort .text {color: #636b70;}

.filterSort div {
	padding: 4px 0;
	display: block;
	color: #57506f;
	overflow: hidden;
}
.filterSort div.hover {background-color: #EEE;}
.filterSort div.hd.hover {background-color: #FFF !important;}
.filterSort div.hover a,
.filterSort div.hover .text {color: #000;}

.filterSort a,
.filterSort .text {float: left; font-size: 1em !important;}
.filterSort span {float: right; color: #cecece; font-size: 0.857em; padding-top: 2px;}

.filterSort span.opener {float: left; margin-right: 10px; width: 10px; height: 1.4em; background: url("../img/layout/arrow-right.gif") no-repeat center center; cursor: pointer;}
.filterSort span.opener.open {background-image: url("../img/layout/arrow-down.gif");}

#sortBox.filterSort span.opener {background-image: url("../img/layout/filter-box-up-down.gif");}

.filterSort li li,
.filterSort li li li {padding: 0;}
.filterSort li.close ul {display: none;}

.filterSort li a {
	font-weight: bold;
}

.filterSort li ul li a {
	padding-left: 40px;
	font-weight: normal;
}

/*FORM STYLES*/
form {font-size: 1em;}
form label {
	display: block;
	margin-bottom: 15px;
	color: #636b70;
}
input {
	height: 30px;
	line-height: 2em;
	padding: 0 1em;
	border: none;
	background: url("../img/layout/input-bg.png") no-repeat 0 0;
	background-color: transparent !important;
	font-size: 14px;
	color: #000;
}

.form-sep {float: left; display: block; width: 100%; margin-bottom: 15px;}

.form-input-wrap {
	float: left;
	height: 30px;
	padding-right: 13px;
	background: url("../img/form/fields/input-right.png") no-repeat 100% 0;
}
.form-input-wrap input{ margin:0; } 

input.btn,
input.checkbox {padding: 0; width: auto !important; background: none !important;}


.form-search input,
.form-email input {
	float: left;
	width: 130px;
	font-size: 0.857em;
}

.form-select {
	float: left;
	font-size: 0.875em;
	color: #000;
}

.form-select-drop {
	list-style: none;
	width:204px!important;
}

.form-select-drop {
	background: #d7d7e5 url("../img/form/fields/select-drop-t.png") repeat-x left top;
}

.form-select-drop div {
	display:block;
	background: url("../img/form/fields/select-drop-tl.png") no-repeat left top;
	
}

.form-select-drop div div {
	background: url("../img/form/fields/select-drop-tr.png") no-repeat right top;
}

.form-select-drop div div div {
	background: url("../img/form/fields/select-drop-bl.png") no-repeat left bottom;
}

.form-select-drop div div div div {
	padding: 4px 0;
	background: url("../img/form/fields/select-drop-br.png") no-repeat right bottom;
}

.form-select-drop ul {list-style: none;}

.form-select-drop li a {
	color: #636b70;
	display: block;
	padding: 4px 20px 4px 15px;
}

.form-select-drop li.selected a {text-decoration: underline; font-weight: bold; color: black;}

.form-select-drop li a:hover {
	color: #000;
}

.form-select span {padding: 0 20px 0 15px; min-width: 128px; height: 31px; font-size: 14px; line-height: 2.2em; float: left; background: url("../img/form/fields/select.png");}

.form-select .opener {
	width: 45px;
	height: 31px;
	float: left;
	background: url("../img/form/fields/select-opener.png") no-repeat left top;
}

.form-select .opener.open {
	background-position: left bottom;
}

.form-textarea {
	padding-bottom: 3px;
	background: url("../img/form/fields/text-area-bottom.png") no-repeat left bottom;
}

.form-textarea textarea {
	width: 369px;
	height: 180px;
	padding: 10px;
	border: none;
	background: url("../img/form/fields/text-area-top.png") no-repeat 0 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1em;
	color: #000;
}

.form-sep.optin label {
	width: auto !important;
	text-align: right;
	width: 95% !important;
}

.form-sep.optin input {
	float: right !important;
	width: auto !important;
}

.form-sep.submit {margin-bottom: 0;}
.form-sep.submit input {float: right;}
#lb-cont.login .optin input#rembmer{ background:none !important;}

/*BUTTON STYLES*/
.btn {display: block;}

.changeAddress {width: 160px;	height: 36px; background: url("../img/form/buttons/change-address.png") no-repeat 0 0;}

.lay2 .form-search input {width: 160px;}

.extra {
	background: url("../img/layout/bg-extra-top.png") no-repeat 0 0;
}

.extra ul.inner {
	margin-top: 16px;
	padding: 0 20px 20px 20px;
	min-height: 315px;
	background-color: #636b70; 
}
.extra .otvOuter
{
	min-height: 22px;
	background: url("../img/layout/ProgCardBottom.jpg") no-repeat left bottom;
}
.extra ul li {list-style: none;}

.extra ul ul {margin-left: 25px;}

.extra a {
	display: block;
	padding: 4px 0 4px 25px;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.extra .play a {background-image: url("../img/layout/icon-play.gif");}
.extra .print a {background-image: url("../img/layout/icon-print.gif");}
.extra .email a {background-image: url("../img/layout/icon-email.gif");}
.extra .email a {margin-bottom: 7px; height: 11px; background-position: 0 8px;z-index: 0;}
.extra .downloads a {background-image: url("../img/layout/icon-downloads.gif");}
.extra .doc a {background-image: url("../img/layout/icon-doc.gif");}
.extra .spread a {background-image: url("../img/layout/icon-spread.gif");}
.extra .script a {background-image: url("../img/layout/icon-scripts.gif");}
.extra .stills a {background-image: url("../img/layout/icon-stills.gif");}
.extra .screener a {background-image: url("../img/layout/icon-screener.gif");}
.extra .favourites a {background-image: url("../img/layout/icon-favourites.gif");}
.extra .add a {background-image: url("../img/layout/icon-add.gif");}
.extra .all a {background: none; padding-left: 0; text-decoration: underline;}

.extra .add .drop ul {margin-left: 0;}
.extra .add .drop a {background: none;}

.extra .add .drop .form-input-wrap {margin-right: 10px;}
.extra .add .drop input {width: 70px;}



/*PAGINATION*/
.paginate {
	clear: both;
	width: 100%;
	font-size: 1.1em !important;
	color: #636b70;
	font-family: "trebuchet MS", arial, sans-serif;
}

.paginate a {
	color: #636b70;
}

.paginate .prev {
	float: left;
	width: 10%;
}

.paginate ol {
	float: left;
	width: 80%;
	list-style: none;
	text-align: center;
}

.paginate ol li {display: inline; margin: 0 5px; color: #000;}

.paginate .next {
	float: right;
	width: 10%;
	text-align: right;
}


.searchDrop {
	position: absolute;
	list-style: none;
	border: 1px solid #abb6ce;
	border-bottom: none;
}

.searchDrop li a {
	padding: 0 1em;
	display: block;
	border-bottom: 1px solid #abb6ce;
	color: #57506f;
	background-color: #e6e3eb;
	background-repeat: no-repeat;
	background-position: 99% 0.45em;
	line-height: 2.5em;
}

.searchDrop li a:hover {
	background-color: #c1becc;
	color: #180853;
}

.searchDrop li.selected a {
	background-image: url("../img/layout/bg-searchDrop-selected.png");
}


/* LIGHTBOX for video overlay */
#lb-overlay {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 5000px;
	opacity: 0.9;
	-moz-opacity:.90; 
	filter:alpha(opacity=90); 
	background: #FFF;
	z-index: 1000;
}

#lb-cont {
	float: left;
	width: 768px;
	position: absolute;
	z-index: 1001;
	top: 165px;
	left: 50%;
	margin-left: -380px;
	font-size: 1.4em;
	text-align: left;
}


#lb-cont.login {
	width: 267px;
	font-size: 1.6em;
	margin-left: -120px;
}

#lb-cont .top {
	padding: 20px;
	overflow: hidden;
	background: url("../img/overlay/bg-top.png") no-repeat 0 0;
	font-style: italic;
}
#lb-cont .top h2 {float: left; width: 650px; color: #FFF; font-size: 2.286em;}
#lb-cont.login .top h2 {width: 120px; font-size: 1.125em; font-style: normal;}

#lb-cont.login .top {
	padding: 10px 20px;
	background-image: url("../img/overlay/bg-top-login.png");
}

#lb-cont.login .optin label {
	float: right;
	margin-right: 10px;
	margin-top: 5px;
	width: 150px !important;
}

#lb-cont.login .optin input {margin-right: 35px;}

#lb-cont .top a {
	float: right;
	padding-top: 4px;
	padding-right: 40px;
	height: 24px;
	background: url("../img/overlay/btn-close.gif") no-repeat 100% 0;
	color: #FFF;
}
#lb-cont .top a:hover {background-position: 100% -27px;}
#lb-cont .middle {float: left; background: url("../img/overlay/bg-mid.png") repeat-y 0 0; padding: 0 20px; color: #636b70;}
#lb-cont.login .middle {background: #646b70;}
#lb-cont .bottom {width: 768px; height: 20px; background: url("../img/overlay/bg-bottom.png") no-repeat left bottom; float: left;}
#lb-cont.login .bottom {background-image: url("../img/overlay/bg-bottom-login.png");}
#lb-cont .lb-media {width: 720px; margin-bottom: 10px;}

#lb-cont.login label {color: #FFF; margin-bottom: 0;}

#lb-cont.login input {width: 150px; background-image: url("../img/form/fields/input-bg-dark.gif");}
#lb-cont.login .form-input-wrap {background-image: url("../img/form/fields/input-right-dark.gif");}

#lb-cont.login .submit {margin-top: 10px;}

#lb-cont.login .submit a {font-size: 0.8125em; color: #FFF; text-decoration: underline;}
#lb-cont.login .submit input {float: right;}

#lb-cont .controls {float: left; width: 100%; margin-bottom: 20px;}

#lb-cont .controls .select {float: left; position: relative; width: 204px; }

#lb-cont .controls .select .options {position: absolute; top: 34px; left: 5px; width: 204px; padding: 5px 0;}

#lb-cont .controls .select .options ul {background: url("../img/layout/form-select-bottom.gif") no-repeat left bottom; list-style: none;}

#lb-cont .controls .select .options ul li a {display: block; padding: 5px 10px; color: #c1becc;}
#lb-cont .controls .select .options ul li a:hover {background: #586cd4; color: #FFF;}

#lb-cont .controls .form-select {width: 225px;}

#lb-cont .controls .form-select span {
	width: 100px;
	background-image: url("../img/form/fields/select-dark.gif");
	height: 37px;
	color: #FFF;
	line-height: 2.6em;
}

#lb-cont .controls .form-select .opener {
	height: 37px;
	background-image: url("../img/form/fields/select-opener-dark.gif");
}

#lb-cont .controls .form-select-drop {

}

#lb-cont .controls .form-select-drop div {

}

#lb-cont .controls .form-select-drop a {color: #000;}

#lb-cont .controls .form-select-drop .selected a {color: #000;}

#lb-cont .controls .btns ul {float: right; position: relative;}
#lb-cont .controls .btns ul ul {float: none;}

#lb-cont .controls .btns ul li {
	list-style: none;
	float: left;
}

#lb-cont .controls .btns ul li a.opener {
	float: left;
	position: relative;
	z-index: 101;
	width: 20px;
	height: 37px;
	text-indent: -1000em;
	background: url("../img/overlay/controls_noprint.jpg") no-repeat 0 0;
}

#lb-cont .controls .btns ul li.open a,
#lb-cont .controls .btns ul li a:hover {z-index: 104;}

#lb-cont .controls .btns ul li.open div.drop {display: block;}

#lb-cont .controls .btns ul li div.drop {
	display: none;
	position: absolute;
	z-index: 102;
	left: 4px;
	top: 37px;
	width: 244px;
	padding-top: 6px;
	background: url("../img/overlay/bg-drop-top.png") no-repeat 0 0;
}

#lb-cont .controls .btns ul li div.drop .inner {
	overflow: hidden;
	height: 100%;
	padding: 4px 10px 10px 10px;
	background: url("../img/overlay/bg-drop-bottom.png") no-repeat left bottom;
}

#lb-cont .controls .btns ul li div.drop input {width: 180px;}

#lb-cont .controls .btns ul li div.drop .form-textarea {padding-bottom: 8px; background-image: url("../img/form/fields/text-area-bottom-221.png");}
#lb-cont .controls .btns ul li div.drop .form-textarea textarea {height: 100px; background-image: url("../img/form/fields/text-area-top-221.png"); width: 201px;}

#lb-cont .controls .btns ul li.print a.opener {background-position: 0 0; width: 44px;}
#lb-cont .controls .btns ul li.print.open a.opener,
#lb-cont .controls .btns ul li.print a.opener:hover {background-position: 0 -37px;}

/* #lb-cont .controls .btns ul li.email a.opener {background-position: -44px 0; width: 40px;} */
#lb-cont .controls .btns ul li.email a.opener {background-position: -0px 0; width: 40px;}
#lb-cont .controls .btns ul li.email.open a.opener,
#lb-cont .controls .btns ul li.email a.opener:hover {background-position: 0px -37px;}
/* #lb-cont .controls .btns ul li.email a.opener:hover {background-position: -44px -37px;} */


/* added to put the email dropdown in to the right hqand column of the programme details page */
#supCol2 ul li.email input,
#supCol2 ul li.email textarea {width:140px;}
#supCol2 ul li.open a,
#supCol2 ul li a:hover {z-index: 104;}

#supCol2 ul li.open div.drop {display: block;}
#supCol2 ul li div.drop {
	display: none;
	position: relative;
	z-index: 102;
	left: 0px;
	top: 0px;
	width: 204px;
	padding-top: 6px;
	background: url("../img/overlay/bg-drop-top.png") no-repeat 0 0;
}

#supCol2 ul li div.drop .inner {
	overflow: hidden;
	height: 100%;
	padding: 4px 10px 10px 10px;
	background: url("../img/overlay/bg-drop-bottom.png") no-repeat left bottom;
}

/* #supCol2 ul li.email a.opener {background-position: -44px 0; width: 40px;} */
#supCol2 ul li.email.open a.opener,
#supCol2 ul li.email a.opener:hover {background-position: 0 -14px;}

/* end added */

/* #lb-cont .controls .btns ul li.download a.opener {background-position: -84px 0; width: 40px;} */
#lb-cont .controls .btns ul li.download a.opener {background-position: -44px 0; width: 40px;}
#lb-cont .controls .btns ul li.download.open a.opener,
/* #lb-cont .controls .btns ul li.download a.opener:hover {background-position: -84px -37px;}*/
#lb-cont .controls .btns ul li.download a.opener:hover {background-position: -44px -37px;}

/* #lb-cont .controls .btns ul li.screen a.opener {background-position: -124px 0; width: 40px;} */
#lb-cont .controls .btns ul li.screen a.opener {background-position: -88px 0; width: 40px;}
#lb-cont .controls .btns ul li.screen.open a.opener,
/*#lb-cont .controls .btns ul li.screen a.opener:hover {background-position: -124px -37px;} */
#lb-cont .controls .btns ul li.screen a.opener:hover {background-position: -88px -37px;}

/* #lb-cont .controls .btns ul li.fav a.opener {background-position: -164px 0; width: 40px;} */
#lb-cont .controls .btns ul li.fav a.opener {background-position: -124px 0; width: 40px;}
#lb-cont .controls .btns ul li.fav.open a.opener,
/* #lb-cont .controls .btns ul li.fav a.opener:hover {background-position: -164px -37px;} */
#lb-cont .controls .btns ul li.fav a.opener:hover {background-position: -124px -37px;}

/* #lb-cont .controls .btns ul li.add a.opener {background-position: -204px 0; width: 43px;} */
#lb-cont .controls .btns ul li.add a.opener {background-position: -164px 0; width: 43px;}
#lb-cont .controls .btns ul li.add.open a.opener,
/* #lb-cont .controls .btns ul li.add a.opener:hover {background-position: -204px -37px;} */
#lb-cont .controls .btns ul li.add a.opener:hover {background-position: -164px -37px;}

#lb-cont .controls .btns ul li.add h3 {margin-bottom: 10px;}

#lb-cont .controls .btns ul li.add div.drop form{ display:block; margin:10px;}
#lb-cont .controls .btns ul li.add div.drop .form-input-wrap {margin-right: 5px;}
#lb-cont .controls .btns ul li.add div.drop input {width: 95px;}

#lb-cont .controls .btns ul li.add div a { display:block; margin-bottom:2px;}

/*#lb-cont .controls .btns ul li.add ul {float: none; margin-bottom: 10px;}

#lb-cont .controls .btns ul li.add li {float: none;}

#lb-cont .controls .btns ul li.add li a {margin-bottom: 5px;}*/

#lb-cont .bread {clear: both; margin-bottom: 10px; color: #9d98b0; font-size: 1.286em;}
#lb-cont .genres {margin-bottom: 10px;}

#lb-cont .genres li,
#lb-cont .bread li {display: inline; list-style: none; border-right: 1px solid #000; margin-right: 3px; padding-right: 6px; color: #000;}
#lb-cont .genres li.last,
#lb-cont .bread li.last {border: none;}

#lb-cont .cta {display: block;}
#lb-cont .cta span {padding-right: 15px;background: url("../img/layout/bg-cta1.gif") no-repeat right center;}

#lb-cont .tags {margin: 20px 0; overflow: hidden; width: 100%;}

#lb-cont .tagList li a span {background: url("../img/layout/tags-left.gif") no-repeat 0 0;}

#lb-cont .tags strong {
	float: left;
	margin-right: 10px;
	line-height: 1.4em;
	font-weight: normal;
}

#lb-cont .recommended {clear: both;}
#lb-cont .recommended h3 {margin-bottom: 20px; font-size: 1.286em; font-weight: normal;}

#lb-cont .recommended .to .copy {background: #646b70;}

#lb-cont .recommended ul li {
	list-style: none;
	float: left;
	width: 160px;
	margin-right: 10px;
}

#lb-cont .recommended ul li .media {width: 160px; height: 90px;}

#lb-cont .recommended .jcarousel-container {height: 90px; position: relative;}

#lb-cont .recommended .jcarousel-prev,
#lb-cont .recommended .jcarousel-next {width: 25px; height: 37px; background: url("../img/layout/btn-thumbs.gif") no-repeat 0 -37px;}
#lb-cont .recommended .jcarousel-next {background-position: -25px -37px;}
#lb-cont .recommended .jcarousel-prev:hover {background-position: 0 0;}
#lb-cont .recommended .jcarousel-next:hover {background-position: -25px 0;}
#lb-cont .recommended .jcarousel-prev-disabled {background-position: 0 -74px !important;}
#lb-cont .recommended .jcarousel-next-disabled {background-position: -25px -74px !important;}


#lb-cont .recommended .jcarousel-prev {position: absolute; top: 22px; left: 0;}
#lb-cont .recommended .jcarousel-next {position: absolute; top: 22px; right: 0;}

#lb-cont .recommended .jcarousel-clip {width: 670px; height: 90px; overflow: hidden; margin-left: 25px; position: relative;}

#lb-cont .recommended .ctl, #lb-cont .recommended .ctr, #lb-cont .recommended .cbl, #lb-cont .recommended .cbr {background-image: url("../img/layout/rounded_corners_small111.png");}

.jcarousel-list {position: relative;}



table {
	margin-bottom: 20px;
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #636b70;
	border-left: 1px solid #636b70;
	font-size: 1em;
}

table thead th {
	padding: 0 20px;
	background: #EEE;
	border-right: 1px solid #636b70;
	border-bottom: 1px solid #636b70;
	font-size: 1.286em;
	text-align: left;
	color: #636b70;
	line-height: 1.5em;
	width:200px;
}

table tbody td {
	padding: 10px 10px 10px 12px;
	border-right: 1px solid #636b70;
	border-bottom: 1px solid #636b70;
}

table tbody tr:hover {background: #EEE; color: #000;}
table tbody tr.expanded:hover {background: none;}

.col-qty {text-align: center;}


.tooltip {
	position: absolute;
	z-index: 1000;
	width: 240px;
	color: #000;
	background: url("../img/layout/tooltip-top.gif") no-repeat 0 0;
	font-size: 1em !important;
}

.tooltip a.close,
.filter a.btn.close {
	width: 27px;
	height: 27px;
	text-indent: -1000em;
	position: absolute;
	right: 20px;
	top: 35px;
	background: url("../img/layout/btn-close-tooltip.gif") no-repeat 0 0;
}

.filter a.btn.close {background-image: url("../img/layout/btn-close.png");}

.tooltip a.close:hover,
.filter a.btn.close:hover {background-position: 0 -54px;}

.filter a.btn.close {top: 10px;right: 10px;}

.tooltip div {
	margin-top: 36px;
	padding: 5px 15px;
	background: url("../img/layout/tooltip-bottom.gif") no-repeat left bottom;
}

.tooltip div h2 {
	margin-bottom: 10px;
	font-size: 1.8em;
}

.tooltip div p {
	font-size: 1.4em;
	color: #000;
}

.tooltip div .btns {width: 100%; overflow: hidden; margin: 15px 0;}

.tooltip div .btns a {
	float: right;
	text-indent: -1000em;
	width: 70px;
	height: 36px;
	background-repeat: no-repeat;
	margin-left: 20px;
}

.tooltip div .btns a.no {background-image: url("../img/form/buttons/no.png");}
.tooltip div .btns a.yes {background-image: url("../img/form/buttons/yes.png");}

.tooltip.over {width: 140px; background-image: url(../img/layout/sort.gif);}
.tooltip.over div {background: none;}
.tooltip.over h2 {
	margin: 0;
	font-size: 1.6em !important;
	color: #636B70;
	text-indent:-9999px;
}

.h1_cufon { color:#636b70 !important;font-size:2.2em !important;padding:0;margin:0;width:300px;}




/* CLEAR BOTTOM*/
#orders.report .mainCol .tools:after,
.form-select:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* Lightbox for change meeting time */
#lb-overlayEditDateTime {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 5000px;
	opacity: 0.9;
	-moz-opacity:.90; 
	filter:alpha(opacity=90); 
	background: #FFF;
	z-index: 1000;
}

#lb-contEditDateTime {
	float: left;
	width: 768px;
	position: absolute;
	z-index: 1001;
	top: 165px;
	left: 50%;
	margin-left: -380px;
	font-size: 1.4em;
	text-align: left;
}

/*Style for the HD,3D,HE links in the side menu in programmes*/
.menulinkhighlight
{
    background-color: #EEEEEE !important;
}