body
{
	text-align: -moz-center;
	background-image: url('../Graphics/all3_web_background.jpg');
	background-position: center top;
	vertical-align: top;
}

body, table, td, div, a, select
{
	font-family: Arial;
	font-size: 9pt;
}

h1
{
	font-size: 16pt;
	font-weight: bold;
	color: #d2232a;
}

h2
{
	font-size: 14pt;
	font-weight: bold;
	color: #d2232a;
}

#PageWrapper
{
	text-align: left;
	vertical-align: top;
	width: 920px;
	margin-top: -5px;
}

#Banner
{
	float: left;
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#Banner_LeftSide
{
	float: left;
	width: 600px;
}

#Banner_Middle
{
	float: right;
	/* width: 150px; */
	/* border: 1px solid white; */
	text-align: right;
	padding: 28px 20px 0 0;
}

#Banner_RightSide
{
	float: right;
}

#ctl00_Login1_LoginTbl
{
	margin-top: 5px;
}

#ctl00_Login1_LoginTbl td
{
	padding-right: 7px;
	vertical-align: top;
}

#ctl00_Login1_emailTB, #ctl00_ForgottenPassword1_email2TB
{
	border: 0px;
	background-color: #ffffff;
	background-image: url('../Graphics/email_address_bg.jpg');
	width: 120px;
	height: 15px;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	color: #808284;
}

#ctl00_Login1_passwordTB
{
	border: 0px;
	background-color: #ffffff;
	background-image: url('../Graphics/password_bg.jpg');
	width: 120px;
	height: 15px;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	color: #808284;
}

#ctl00_Login1_GoBtn, #ctl00_ForgotPassword1_Go2Btn
{
	margin-top: -2px;
}

#MainArea
{
	float: left;
	width: 100%;
	/* height: 500px; */
	padding-bottom: 5px;
	background-color: #ffffff;
	margin-bottom: 10px;
}

#MainMenu
{
	width: 160px;
	float: left;
	margin: 10px;
}

#VisitAll3Media
{
	text-align: -moz-center;
	padding-top: 20px;
}

#HomePageFrame
{
	float: left;
	width: 100%;
	height: 460px;
	overflow-y: scroll;
}

#MainContent
{
	float: right;
	width: 710px;
	margin: 10px;
}

#MainMenu img
{
	margin-bottom: 2px;
}

.validation
{
	font-family: Arial;
	font-size: 7pt;
	color: #f68b8f;
}

.img_thumb
{
	width:100px;	
	height:60px;
	border:0px;		
}
.thumb
{
	width:110px;
	height:65px;
	float:left;
}
#BrandNewThisMonth
{
	width: 640px;
	margin-top: 15px;
}

#Footer
{
	float: left;
	width: 100%;
	padding-top: 10px;
	border-top: 1px solid #ffffff;
	margin-top: 10px;
}

#FooterDetails
{
	margin: 0 0 0 20px;
	float: left;
	color: #FFFFFF;
	font-size: 7pt;
	/*font-weight: bold;
	letter-spacing: 0.5px;*/
	text-align: left;
	text-decoration: none;
	width: 250px;
}

#FooterDetails a
{
	text-decoration: none;
	color: #ffffff;
	font-size: 7pt;
}

#FooterDetails a:hover
{
	text-decoration: underline;
}

#TickerTape
{
	float: left;
	font-weight: bold;
	color: #ffffff;
	width: 510px;
}
ul.marquee
{
	display:block;
	padding:0;
	margin:0;
	list-style:none;
	line-height:1;
	position:relative;
	overflow:hidden;	
	height:30px;	
}
ul.marquee li
{
	position:absolute;
	top:-999em;
	left:0;
	display:block;
	white-space:nowrap;	
	padding:3px 5px;	
}

#FooterButtons
{
	float: right;
	width: 120px;
}

#FooterButtons img
{
	margin-bottom: 6px;
}

#ProgDetails
{
	float: left;
	margin: 0 0 10px 0;
	width: 620px;
}

#ProgDetails_ImageAndText
{
	/* width: 158px; */
	width: 122px;
	float: left;
	margin-right: 10px;
}

#ProgDetails_ImageAndText img
{
	/* width: 158px;
	height: 86px; */
	width: 122px;
	height: 67px;
}

#ProgDetails_ImageTitle
{
	width: 116px;
	float: left;
	padding: 3px;
	font-size: 7pt;
	color: #ffffff;
	background-color: #666666;
}

#ProgDetails_TitleAndSynopsis
{
	width: 480px;
	font-size: 9pt;
	float: left;
}

#ProgrammeCard_TitleAndSynopsis
{
	width: 420px;
	text-align: justify;
	font-size: 9pt;
	float: left;
}

#ProgrammeCard_ImageAndOptions
{
	width: 270px;
	float: right;
	text-align: left;
}

#ProgrammeCard_Image, #ProgrammeCard_ImageThumbs
{
	width: 100%;
	margin-top: 4px;
	float: left;
}

#ProgrammeCard_Image img
{
	width: 270px;
}

#ProgrammeCard_SmallOptions
{
	width: 100%;
	float: left;
	margin-top: 5px;
}

#ProgrammeCard_SmallOptions img, #ProgrammeCard_BigOptions img
{
	margin-bottom: 2px;
	border: 0px;
}

#ProgrammeCard_ImageThumbs img, img.ProgCardThumb
{
	width: 132px;
	height: 75px;
}

#ProgrammeCard_FooterInfo
{
	width: 420px;
	margin-top: 20px;
	float: left;
}

#BreadCrumbs
{
	float: left;
	font-size: 9pt;
	color: #d2232a;
	font-weight: bold;
	width: 100%;
}

#BreadCrumbs a
{
	font-size: 9pt;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

#BreadCrumbs a:hover
{
	text-decoration: underline;
}

#ProgrammeTitle
{
	font-family: Arial Black, Arial;
	letter-spacing: -1px;
	width: 100%;
	font-size: 16pt;
	font-weight: bold;
	color: #d2232a;
	margin: 20px 0 10px 0;
}

.ProgrammeCard_Directors, .ProgrammeCard_Producers, .ProgrammeCard_Cast, .ProgrammeCard_Writers, .ProgrammeCard_Rating, .ProgrammeCard_Broadcasters
{
	float: left;
	width: 206px;
	/*height: 73px;*/
	/*background-image: url('../Graphics/proginfo_bground.gif');*/
	margin: 0 8px 8px 0;
}

#RunTime
{
	width: 410px;
	padding: 3px 0 3px 10px;
	background-color: #d2232a;
	color: #ffffff;
	font-size: 7pt;
}

.ProgFooterInfo_TableHead
{
	background-color: #000000;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
	padding: 2px 7px 2px 7px;
	height: 18px;
}

.ProgFooterInfo_TableBody
{
	font-size: 8pt;
	color: #000000;
	padding: 5px 7px 0 7px;
	vertical-align: top;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
}

#BackToPrevious
{
	font-weight: bold;
	font-size: 10pt;
	color: #d2232a;
	width: 100%;
	float: left;
	margin-top: 5px;
}

#BackToPrevious a
{
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

#BackToPrevious a:hover
{
	color: #d2232a;
}

#MiniCard_Frame
{
	width: 205px;
	height: 238px;
	background-image: url('../Graphics/minicard_frame.gif');
	float: left;
	margin: 0 15px 15px 0;
}

#MiniCard_Genre
{
	float: left;
	width: 195px;
	padding: 3px 5px 3px 5px;
	background-color: #d53037;
	color: #ffffff;
	font-size: 6pt;
}

#MiniCard_Image
{
	float: left;
	width: 201px;
	height: 90px;
	margin: 0 0 0 2px;
	background-color: #dddddd;
	overflow: hidden;
}

#MiniCard_Image img
{
	width: 201px;
	margin-top: -20px;
}

#MiniCard_ProgTitle
{
	float: left;
	width: 187px;
	height: 34px;
	font-size: 10pt;
	font-weight: bold;
	margin: 0 0 0 2px;
	background-color: #000000;
	color: #ffffff;
	padding: 3px 7px 3px 7px;
}

#MiniCard_ProgTitle a
{
	text-decoration: none;
	color: #ffffff;
	font-size: 10pt;
	font-weight: bold;
}

#MiniCard_ProgTitle a:hover
{
	text-decoration: underline;
}

#MiniCard_Synopsis
{
	float: left;
	width: 185px;
	height: 70px;
	margin: 7px 0 0 9px;
	font-size: 8pt;
	overflow: hidden;
}

#Themes_List, #Themes_List a, #Languages_List, #Languages_List a
{
	font-size: 11pt;
	font-weight: bold;
	color: #58595b;
	text-decoration: none;
}

#Themes_List a:hover, #Languages_List a:hover
{
	text-decoration: underline;
	color: #d2232a;
}

#AdminTable td
{
	width: 360px;
	vertical-align: top;
	color: #d2232a;
	font-size: 12pt;
	padding-bottom: 10px;
}

#AdminTable h1
{
	font-size: 14pt;
}

#AdminTable ul
{
	margin: -10px 0 0 -25px;
	color: #d2232a;
}

#AdminTable a
{
	color: #000000;
	text-decoration: none;
}

#AdminTable a:hover
{
	text-decoration: underline;
	color: #d2232a;
}

#MapAndDirections
{
	float: right;
}

#MapAndDirections a
{
	font-size: 8pt;
	text-decoration: underline;
	color: #000000;
}

#MapAndDirections a:hover
{
	color: #d2232a;
	text-decoration: none;
}

#MapAndDirections b
{
	color: #d2232a;
}

#Contacts
{
	width: 320px;
	float: left;
}

#StaffContactDetails
{
	float: left;
	width: 315px;
	border: 2px solid #f2f2f2;
	background-color: #f2f2f2;
	margin: 0 0 5px 0;
}

#StaffContactDetails_Text
{
	font-size: 8pt;
}

#StaffContactDetails a
{
	font-size: 8pt;
	color: #d2232a;
}

#StaffContactDetails a:hover
{
	color: #000000;
}

#ContactImageFrame
{
	float: left;
	width: 60px;
}

#ContactImageFrame img
{
	width: 50px;
	height: 50px;
}

.adminbutton
{
	color: #ffffff;
	background-color: #d2232a;
	border: 2px solid #d2232a;
	font-weight: bold;
	font-size: 8pt;
}

#progAdminTable
{
	width: 100%;
}

#progAdminLeftCol
{
	float: left;
	width: 50%;
	font-size: 8pt;
	font-weight: bold;
}

#progAdminRightCol
{
	float: right;
	width: 50%;
	font-size: 8pt;
	font-weight: bold;
}

.progAdminMultiCol
{
	float: left;
	width: 100%;
	font-size: 8pt;
	font-weight: bold;
	margin: 0 0 8px 0;
}

.progAdminSmallCol
{
	width: 49%;
	float: left;
	font-size: 8pt;
	font-weight: bold;
}

.progAdminThirdOfCol
{
	width: 32%;
	float: left;
	font-size: 8pt;
	font-weight: bold;
}

#progAdminLeftCol input, #progAdminLeftCol select, #progAdminRightCol input, #progAdminRightCol select
{
	width: 95%;
	font-family: Arial;
	font-size: 8pt;
}

#AdminButtonsDiv
{
	float: left;
	width: 98%;
	text-align: center;
	margin: 20px 0 20px 0;
}

#AdminCheckBoxes input
{
	width: 16px;
}

#AdminCheckBoxes
{
	float: left;
	margin: 0 0 8px 0;
	font-size: 8pt;
}

#PlaylistWrapper
{
	width: 710px;
	border: 1px solid #d2232a;
	margin: 10px 10px 0 0;
	float: right;
}

#PlaylistAdd, #PlaylistMenu
{
	margin: 5px 10px 5px 10px;
}

#PlaylistAdd h1
{
	font-size: 14pt;
	margin: 0px;
}

#PlaylistAdd td
{
	font-size: 8pt;
}

#PlaylistTopBar
{
	width: 100%;
	height: 22px;
	background-color: #d2232a;
	color: #ffffff;
	margin: 0 0 5px 0;
}

#PlaylistTopBar a
{
	color: #ffffff;
	text-decoration: none;
}

#ScreeningVideoList
{
	width: 100%;
	float: left;
	margin: 10px 0 10px 0;
	color: #d2232a;
	font-weight: bold;
	font-size: 11pt;
}

#ScreeningVideoList a
{
	color: #d2232a;
	text-decoration: none;
	font-size: 11pt;
}

#ScreeningVideoList a:hover
{
	text-decoration: underline;
}

.nowPlaying
{
	font-family: Arial Black, Arial;
	color: #d2232a;
	font-size: 12pt;
	font-weight: bold;
}

#VideoWindow
{
	width: 420px;
	float: left;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #000000;
	font-size: 7pt;
	font-weight: bold;
}

.playlistButtons a, .playlistButtons
{
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #d2232a;
}

.playlistButtons a:hover
{
	color: #444444;
}

.backNextPLButtons
{
	background-color: #aaaaaa;
	color: #ffffff;
	font-weight: bold;
	font-size: 8pt;
	border: 2px solid #aaaaaa;
}

.playlistPageNumbers
{
	color: #777777;
	text-decoration: none;
}

a:hover.playlistPageNumbers
{
	text-decoration: underline;
}

#MaterialsOptions
{
	float: left;
	width: 205px;
	padding: 10px;
	border: 2px solid #d2232a;
}

#MaterialsOptions a, .deleteFile, .redLink, a:hover.greyLink
{
	color: #d2232a;
}

#MaterialsOptions a:hover, #ctl00_ContentPlaceHolder1_materialsPnl a:hover, a:hover.redLink, .greyLink
{
	color: #58595b;
}

a.adminlink
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a:hover.adminlink
{
	color: #d2232a;
}

.listBox_Grey, .textArea_Grey
{
	border: 1px solid #58595b;
	font-size: 8pt;
	font-family: Arial;
}

#WeeklyReports
{
	border: 1px solid #000000;
	width: 600px;
}

#WeeklyReports td, .weeklyReportRedHeading
{
	font-size: 9pt;
	font-weight: bold;
	padding: 5px;
	border-bottom: 1px solid #000000;
}

.weeklyReportRedHeading
{
	color: #ffffff;
	background-color: #d2232a;
	font-size: 11pt;
}

#SubGenreMenu
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#SubGenreMenu li
{
	float: left;
	background-image: url("../Graphics/breadcrumb_red_arrow.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 12px;
	margin-right: 8px;
}

#SubGenreMenu li a
{
	color: #000000;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}

#SubGenreMenu li a:hover
{
	color: #d2232a;
	text-decoration: underline;
}

#SubGenreMenu .selected
{
	color: #d2232a;
}

/* START ADMIN MENU */

/* Basic code - don't modify */
 
#adminmenu { display: block; margin: 5px 0 0 0; padding: 0; position: relative; }
#adminmenu li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#adminmenu a { display: block; }
#adminmenu ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
#adminmenu ul { line-height: 0; } /* IE6 "fix" */
#adminmenu ul a { zoom: 1; } /* IE6/7 fix */
#adminmenu ul li { float: none; }
#adminmenu ul ul { top: 0; }
    
/* Essentials - configure this */

#adminmenu ul { width: 170px; }
#adminmenu ul ul { left: 170px; }

/* Everything else is theming */
 
/*#adminmenu { background-color: #30A8C3; height: 24px; }*/
#adminmenu *:hover { background-color: none; }
#adminmenu a { color: white; font-size: 8pt; padding: 6px; line-height: 1; text-decoration: none; }
#adminmenu li a { background-image: url("../Graphics/breadcrumb_grey_arrow.png"); background-repeat: no-repeat; background-position: center left; padding-left: 17px; }

#adminmenu li.hover a { background-color: #000000; }
#adminmenu ul { top: 25px; }
#adminmenu ul li a { background-color: #000000; background-image: url("../Graphics/breadcrumb_red_arrow_plus5px.png"); font-weight: normal; }
#adminmenu ul a.hover { background-color: #5E5A5A; }
#adminmenu ul a { border-bottom: 0; border-right: 0; opacity: 1.0; filter: alpha(opacity=100); }
/* #adminmenu ul a { border-bottom: none; } - I also needed this for IE6/7 */

/* END ADMIN MENU */

/* Message Box */

.msg_info
{
	border:solid 1px;
	background:#BDE5F8 url('../Graphics/infobutton_NoShadow.png') no-repeat 10px center;
	color: #00529B;	
	padding: 5px 10px 5px 50px;
	margin-bottom:15px;
	width:590px;
	display:none;	
	text-align:center;	
}
.msg_info table
{
	width:500px;
	margin-left: auto;
	margin-right: auto;
}