html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, div {margin:0; padding:0;}
ul,li {list-style-type:none;}
img {border:0;}

.centered, p.centered {text-align:center;}	
.alignRight {text-align:right;}
.floatLeft	{float:left;}	
.floatRight {float:right;}
hr {clear:both; visibility:hidden; height:0px;}
.clear {clear:both;}
	
a {color: #e10001; text-decoration:none;}
a:hover { text-decoration:underline; }
:focus {-moz-outline-style: none;} 

.largerer {font-size: 15px; font-weight:bold;}
.smaller {font-size: 11px;}
.smallest {font-size: 10px;}
.bold { font-weight:bold }


body {
	background:url("../../Images/FrontEnd/bg_body.gif") repeat-x;	
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:12px; 
	color:#2e2e2e; 
	text-align:center;}

#container {
	position:relative;
	width:832px;
	margin:0px auto;
	text-align:left;
	padding:20px 0 0 0;
	height:100%;
	}

#header {width:832px;}
	#headerTop {height:18px; background:url("../../Images/FrontEnd/bg_header-top.png") no-repeat;}
	#headerMid {background:url("../../Images/FrontEnd/bg_header-mid.png") repeat-y;}
		
		#headerMidUpper {width:815px; padding:0 5px 0 3px; }
		
		#logo {float:right; width:119px; height:78px; padding:0 19px 0 0; margin:10px 0 0 0; display:block;}
		
	
			#breadcrumbs {float:left; margin:78px 0 0 0px; padding:8px 14px 6px 11px; font-size:11px; font-weight:bold; background:url("../../Images/FrontEnd/bg_breadcrumbs.png") top right; overflow:hidden;}
				 #breadcrumbs a {color:#e10001; text-decoration:none;}
				 #breadcrumbs a:hover {text-decoration:underline;}
		
		#headerMidLower {width:830px; border-top:1px solid #ec7878;}	

	#headerBot {height:18px; padding:0 0 20px 0; background:url("../../Images/FrontEnd/bg_header-bot.gif") no-repeat; background-color: #F7F7F7;}
	
	
	ul#mainNav {z-index:1000; position:absolute; top:35px; left:11px; width:695px;}
	ul#mainNav li {height:29px; float:left; padding:0 2px 0 0; margin:0; list-style-type:none;}
	ul#mainNav li a { text-indent:-9999px; display:block; height:29px; } 
			
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navHome a 			{ background:url("../../Images/FrontEnd/nav/home.gif") no-repeat; width:57px;}
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navHome a:hover		{ background-position:0 -29px;} 
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navHomeSelected a 			{ background:url("../../Images/FrontEnd/nav/home.gif") 0 -29px; width:57px;}
					
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navBuyers a 			{ background:url("../../Images/FrontEnd/nav/buyers.gif") no-repeat; width:64px;}
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navBuyers a:hover	    { background-position:0 -29px;} 
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navBuyersSelected a 			{ background:url("../../Images/FrontEnd/nav/buyers.gif") 0 -29px; width:64px;}
				
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navProgs a 			{ background:url("../../Images/FrontEnd/nav/programmes.gif") no-repeat; width:107px;}
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navProgs a:hover		{ background-position:0 -29px;} 
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navProgsSelected a 	{ background:url("../../Images/FrontEnd/nav/programmes.gif") 0 -29px; width:107px;}
	
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navNewProgs a 			{ background:url("../../Images/FrontEnd/nav/new_programmes.gif") no-repeat; width:145px;}
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navNewProgs a:hover		{ background-position:0 -29px;} 
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navNewProgsSelected a 	{ background:url("../../Images/FrontEnd/nav/new_programmes.gif") 0 -29px; width:145px;}
	
			
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navWho a 				{ background:url("../../Images/FrontEnd/nav/who.gif") no-repeat; width:99px;}
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navWho a:hover   		{ background-position:0 -29px;} 
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navWhoSelected a 	    	{ background:url("../../Images/FrontEnd/nav/who.gif") 0 -29px; width:99px;}
				
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navNews a  			{ background:url("../../Images/FrontEnd/nav/news.gif") no-repeat; width:55px;}
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navNews a:hover		{ background-position:0 -29px;} 
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navNewsSelected a  			{ background:url("../../Images/FrontEnd/nav/news.gif") 0 -29px; width:55px;}
	
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navContact a 			{ background:url("../../Images/FrontEnd/nav/contact.gif") no-repeat; width:92px;}
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navContact a:hover	{ background-position:0 -29px;} 
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navContactSelected a 		{ background:url("../../Images/FrontEnd/nav/contact.gif") 0 -29px; width:92px;}	
	
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navPlayLists a 			{ background:url("../../Images/FrontEnd/nav/playlists.gif") no-repeat; width:81px;}
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navPlayLists a:hover	{ background-position:0 -29px;} 
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navPlayListsSelected a 		{ background:url("../../Images/FrontEnd/nav/playlists.gif") 0 -29px; width:81px;}	
	
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navSignIn a 			{ background:url("../../Images/FrontEnd/nav/signin.gif") no-repeat; width:69px;}
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navSignIn a:hover	{ background-position:0 -29px;} 
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navSignInSelected a 		{ background:url("../../Images/FrontEnd/nav/signin.gif") 0 -29px; width:69px;}	
	
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navSignOut a 			{ background:url("../../Images/FrontEnd/nav/signout.gif") no-repeat; width:81px;}
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navSignOut a:hover	{ background-position:0 -29px;} 
	ul#mainNav li#Ucheadercontrol_Ucheadertopcontrol_navSignOutSelected a 		{ background:url("../../Images/FrontEnd/nav/signout.gif") 0 -29px; width:81px;}	
	
#searchCat {float:left; width:231px; }
	#searchCat h2 {display:block; text-indent:-9999px; width:232px; height:30px; margin:0 0 0 0;  background:url("../../Images/FrontEnd/label_search-cat.png") no-repeat;}
	#searchCat .programmetype {  margin:15px 0 0 30px; font-size: 90%;}
	#searchCat .programmetype label{  margin:0px 0 0 3px;}
	

#browseCat {float:left; width:345px; margin-top: 10px; border: 0px solid #000000; }
	#browseCat h2 {display:block; text-indent:-9999px; width:235px; height:30px; margin:0 0 0 0;  background:url("../../Images/FrontEnd/label_browse-cat.png") no-repeat;}
	
	#browseType {border-left:0px solid #e80000;  width: 200px; background:url("../../Images/FrontEnd/browsetype_border.gif") no-repeat bottom left; float: left;}
	#browseType h2 {display:block; text-indent:-9999px; width:235px; height:30px; margin:0 0 0 0;  background:url("../../Images/FrontEnd/label_browse-cat.png") no-repeat; }
	
	#browseType .quickSearch { margin: 5px 0px 0px 10px;}
	
	#browseType SELECT {font-size: 90%; margin: 5px;}
	
	#catalogueOptions {display:block; padding:14px 0 0 12px;}
	#catalogueOptions2 {display:block; padding:14px 0 0 12px;}
	.genre
	{display:inline; height:30px; padding:0px 0px 0 0px; margin:4px 20px 0px 0px; font-size:90%;}
	

	.genre CHECKBOX
	{
	padding: 0;
	margin: 0;
	}
	.genredrama 
	{display:inline;  padding:0px 0px 0 0px; margin:0px 8px 20px 0px; background-color:#069CC1;}
	.genreentertain
	{display:inline;  padding:0px 0px 0 0px; margin:0px 8px 20px 0px; background-color:#DB7F00;}
	.genrefactual 
	{display:inline;  padding:0px 0px 0 0px; margin:0px 8px 20px 0px; background-color:#FAD403;}
	.genredoc
	{display:inline;  padding:0px 0px 0 0px; margin:0px 8px 0px 0px; background-color:#06C13B;}
	.genrereality 
	{display:inline;  padding:0px 0px 0 0px; margin:0px 8px 0px 0px; background-color:#3366CC;}
			
	.checkbox {margin:0 0 0 0;} 

#submit { padding:0px 0 0 18px; width: 100px; display: inline; margin-top: -20px; margin-right:15px; float: right; margin-bottom: 0px;}

a.moredetails
{
padding-right: 20px;
background:url("../../Images/FrontEnd/arr.gif") 75px 2px no-repeat;
}


#mainContent {}

#map
{
float: right;
border: 1px solid #e10001;

}

#contacts
{
margin-right: 510px;
}

#contacts a
{
color: #e10001;
}

#footer {width:830px; margin:25px 0 45px 0;}
	#footerTop { height:14px; background:url("../../Images/FrontEnd/bg_footer-top.png") no-repeat;}
	#footerMid { padding:9px 20px 10px 20px;  background:url("../../Images/FrontEnd/bg_footer-mid.png") repeat-y;}
		#footerRed {color:#d90202;}
		#footerSpacing {padding:0 0 14px 0;}
		#footerLinks {padding:12px 0 0 0; background:url("../../Images/FrontEnd/dotted.png") top left repeat-x; }
			#footerLinks li { float:left; list-style-type:none;}
			#footerLinks a {padding:0 20px 0 0; color:#2e2e2e; background:url("../../Images/FrontEnd/bg_footer-link.png") top right no-repeat;}
	
	#footerBot { height:14px; background:url("../../Images/FrontEnd/bg_footer-bot.png") bottom left no-repeat;}

#dotted { background:url("../../Images/FrontEnd/dotted.png") repeat-x;} 

.newsTab {float:left; width:150px; padding:0 0 0 17px;background:url("../../Images/FrontEnd/img-tab_blue.png") no-repeat;}
.newsTab img {border:1px solid #069cc1; }


div.SignIn
{
    width: 400px;
    margin: 10px auto 0px auto;
}

div.SignIn div
{
    height: 20px;
}

div.SignIn div .DataElement
{
    float: left;
}

div.SignIn .Clear
{
    clear: both;
    padding-top: 5px;
}

div.SignIn .Clear a
{
    float: none;
}

div.SignIn label
{
    width: 100px;
}

div.SignIn input[type=text], div.SignIn input[type=password]
{
    border: solid 1px #666666;
    height: 14px;
    width: 150px;
    margin-right: 10px;
}

div.SignIn
{
    color: #666666;
}

div.Register
{
    width: 510px;
    margin: 10px auto 0px auto;
}

div.Register div
{
    height: 25px;
}

div.Register div.BigHeight
{
    height: 30px;
}

div.Register div .DataElement
{
    float: left;
}

div.Register .Clear
{
    clear: both;
    padding-top: 5px;
}

div.Register .Clear a
{
    float: none;
}

div.Register label
{
    width: 200px;
}

div.Register input[type=text], div.Register input[type=password]
{
    border: solid 1px #666666;
    height: 14px;
    width: 250px;
    margin-right: 10px;
}

div.Register
{
    color: #666666;
}

input.RegisterButton
{
    color: #FFFFFF;
    width: 210px;
    height: 25px;
    background-image: url('../../Images/FrontEnd/nav/register.gif');
    text-align: center;
    border: none;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    float: right;
    background-color: Transparent;
}

input.SaveButton
{
    color: #FFFFFF;
    width: 70px;
    height: 25px;
    background-image: url('../../Images/FrontEnd/nav/save.gif');
    text-align: center;
    border: none;
    margin: 20px 10px 0px 0px;
    padding: -2px 0px 0px 0px;
    float: right;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    background-color: Transparent;
}

input.ResetButton
{
    color: #FFFFFF;
    width: 70px;
    height: 25px;
    background-image: url('../../Images/FrontEnd/nav/save.gif');
    text-align: center;
    border: none;
    margin: 20px 10px 0px 0px;
    padding: -2px 0px 0px 0px;
    float: right;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    background-color: Transparent;
}

div.FeedbackForm div
{
    clear: both;
    padding-top: 10px;
}

div.FeedbackForm label, div.FeedbackForm input[type=text]
{
    float: left;
}

div.FeedbackForm label
{
    width: 150px;
}

div.FeedbackForm input[type=text], div.FeedbackForm textarea
{
    width: 310px;
    border: solid 1px #666666;
}

div.FeedbackForm textarea
{
    height: 100px;
}

div.FeedbackForm input[type="image"]
{
    float: right;
    margin-right: 17px;
    margin-top: 3px;
}

div.PlayListFilter
{
    float: left;
    margin-left: 20px;
    margin-top: 10px;
}

div.PlayListFilter h2
{
    padding-bottom: 10px;
}

div.PlayListFilter label, div.PlayListFilter select
{
    display: block;
    float: left;
}

div.PlayListFilter label
{
    width: 100px;
}

div.PlayListFilter select
{
    border: solid 1px #666666;
    min-width: 150px;
}

div.PlayListActions
{
    float: right;
    margin-right: 20px;
    margin-top: 10px;
}

div.PlayListActions2
{
    float: right;
    margin-right: 20px;
    margin-top: 0px;
}

div.PlayListOrder
{
    float: right;
    margin-right: 20px;
    width: 70px;
    margin-top: -8px;
}

div.PlayListOrder p
{
    display: block;
}

.ModalBackground
{
	background-color: #777777;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

div.ModalBox
{
    width: 350px;
    min-height: 110px;
    padding: 10px 15px;
    border: solid 1px #000000;
    background-color: #FFFFFF;
}

div.ModalBox h3
{
    padding-bottom: 10px;
}

div.ModalBox input[type=button], div.ModalBox input[type=submit]
{
    float: none;
    display: inline;
}

div.ModalBox div.FormActions
{
    text-align: center;
}

div.PlayListForm div
{
    clear: both;
    padding-top: 10px;
}

div.PlayListForm div:first-child
{
    padding-top: 0px;
}


div.PlayListForm label, div.PlayListForm input[type=text], div.PlayListForm select
{
    float: left;
}

div.PlayListForm label
{
    width: 300px;
}

div.PlayListForm input[type=text], div.PlayListForm select
{
    border: solid 1px #666666;
}

div.PlayListForm input[type=text]
{
    width: 200px;
}

div.PlayListForm select
{
    min-width: 202px;
}

div.PlayListForm
{
    padding-left: 20px;
}

div.AddProgramme
{
    border-top: 1px solid #ec7878;
    border-bottom: 1px solid #ec7878;
    padding-top: 10px;
    padding-bottom: 10px;
}

div.AddProgramme div.InputBoxes
{
    float: left;
    width: 290px;
}

div.AddProgramme select, div.AddProgramme label
{
    float: left;
}

div.AddProgramme select, div.AddProgramme input[type=text]
{
    border: solid 1px #666666;
    width: 270px;
    margin-bottom: 10px;    
}

div.AddProgramme input[type=text]
{
    left: auto !important;
}

div.AddProgramme label
{
    width: 300px;
}

.box {width:830px; margin:0px 0 0px 0;}
	.boxTop { height:14px; background:url("../../Images/FrontEnd/bg_footer-top.png") no-repeat;}
	.boxMid { padding:4px 20px 4px 10px;  background:url("../../Images/FrontEnd/bg_footer-mid.png") repeat-y;}
	.boxBot { height:14px; background:url("../../Images/FrontEnd/bg_footer-bot.png") bottom left no-repeat;}

div.ClonePlayList
{
    clear: both;
    height: 30px;
}

div.ClonePlayList label
{
    float: left;
    width: 275px;
}

div.ClonePlayList input, div.ClonePlayList select
{
    float: left;
    border: solid 1px #666666;
}

div.ClonePlayList input
{
    width: 118px;
}

div.ClonePlayList select
{
    width: 120px;
}

div.CMSUnapproved
{
    background-image: url("../../Images/FrontEnd/Staging/ProgrammeBackground.jpg") !important;
    background-repeat: no-repeat !important;
    background-position: center 0% !important;
    border-top: double 4px #007700 !important;
    border-bottom: double 4px #007700 !important;
}

div.ApproveActions
{
    clear: both;
    background-image: url("../../Images/FrontEnd/Staging/ProgrammeBackground2.jpg") !important;
    background-repeat: no-repeat !important;
    background-position: center 0% !important;
    border: double 4px #007700 !important;
    height: 60px;
    padding: 20px;
}

div.ApproveActions p
{
    font-weight: bold;
    padding-bottom: 10px;
}

div.CMSHeader
{
    border: double 4px #007700 !important;
    padding: 20px 20px 10px 20px;
    text-align: left;
    width: 792px;
    margin: 5px auto 0pc auto;
}

div.CMSHeader p
{
    font-weight: bold;
    padding-bottom: 10px;
}

input.PlayListEmpty
{
    position: relative;
    top: -33px;
    width: 275px;
    visibility: hidden;
}

.ActivePlayList
{
    font-weight: bold;
    color: #000000;
}

.PlayListOptions
{
    float: right;
    margin-top: -20px;
}

.PlayListActions
{
    text-align: right;
    font-weight: bold;
}

.AllPlayListsPlayLists
{
    margin: 10px;
    height: 60px;
}

.AllPlayListsPlayLists > div
{
    height: 30px;
}


.AllPlayListsPlayLists label
{
    font-weight: bold;
    float: left;
    padding-right: 20px;
    width: 150px;
}

.AllPlayListsPlayLists select, .AllPlayListsPlayLists input
{
    float: left;
    width: 150px;
}

.AllPlayListsBuyers
{
    width: 360px;
    float: left;
    height: 250px;
    overflow: auto;
    border: solid 1px #666666;
    padding: 10px;
}

.AllPlayListsProgrammes
{
    padding: 10px;
    width: 360px;
    float: right;
    height: 250px;
    overflow: auto;
    border: solid 1px #666666;
}

.AllPlayListsBuyers label, .AllPlayListsProgrammes label
{
    width: 320px;
    float: left;
}

.AllPlayListsProgrammes .Screener label
{
    width: 310px;
    margin-left: 10px;
}

.AllPlayListsProgrammes div:hover, .AllPlayListsBuyers div:hover
{
    background-color: #CCDEFE;
}

.AllPlayListsActions
{
    clear: both;
    margin-top: 10px;
    height: 30px;
}

.AllPlayListsDone
{
    padding: 10px;
    font-weight: bold;
    color: #E10001;
}

.PlayListProgrammeBuyerList
{
    float: right;
    height: 150px;
    overflow: auto;
    width: 340px;
    border: solid 1px #666666;
    padding: 10px;
    margin: -15px 150px 0px 0px;
    background-color: #FFFFFF;
}

.PlayListProgrammeBuyerList label
{
    float: left;
    width: 270px;
}

div.PlayListActions input[type=image]
{
    display: block;
    float: right;
    clear: both;
    margin-bottom: 10px;
}

div.PlayListActions input[type=image]:last-child
{
    margin-bottom: 0px;
}

a.PlayListScreenerOptions
{
    text-align: right !important;
    background-image: none !important;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
    color: #C10002 !important;
    font-weight: bold !important;
}

.ProgrammePlaylistAction
{
    float: right !important;
    background-image: none !important;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
    color: #C10002 !important;
    font-weight: bold !important;
}

p.PlayerHelp
{
    padding: 10px 22px 0px 22px;
}