/*-------------------------------------------------------------------------*/
/* General settings                                                        */
/*-------------------------------------------------------------------------*/

body
{
	background-color: black;
	font: 10pt verdana,helvetica;
	margin: 0px;
}

/* For debugging purposes set the width to 1px, else, set to 0px */
td
{
	border: 0px solid blue;
	vertical-align: top;
}

/* For debugging purposes set the width to 1px, else, set to 0px */
div
{
	border: 0px solid red;
}

/* For debugging purposes set the width to 1px, else, set to 0px */
iframe
{
	border: 0px solid steelblue;
}

option
{
	color: none;
	background-color: none;
}

/*-------------------------------------------------------------------------*/
/* Corporate Colors                                                        */
/*-------------------------------------------------------------------------*/

#LogoHighlight
{
	display: inline;
}

/* Help Window */
*.help
{
	border: 1px solid white;
	color: yellow;
	background-color: black;
	width: 180px;
}

.helpheading
{
/*	color: #993300; */
	font-weight: bold;
}

/*-------------------------------------------------------------------------*/
/* Main Area                                                               */
/*-------------------------------------------------------------------------*/

#Main
{
	text-align: center;
	background: url("../images/background.jpg");
	background-color: black;
	background-repeat: no-repeat;
	background-position: center;
	background-position: top;
}

#Client {
	width: 870px;
	height: 750px;
	text-align: left;
}
#XClient {
	width: 760px;
	text-align: left;
}

/*-------------------------------------------------------------------------*/
/* Top Area                                                                */
/*-------------------------------------------------------------------------*/

#CorpoImage
{
}

#LogoText
{
	font-size: 32px;
	font-style: italic;
	font-weight: bold;
	float: left;
	margin-right: 10px;
	position: relative;
	top: 10px;
}

#Contact
{
	float: left;
	position: relative;
	top: 10px;
	left: 20px;
}

#ContactEmail
{
	visibility: hidden;
}

#MenuBar
{
	text-align: left;
}

#MenuItem
{
	padding-left: 20px;
	padding-right: 20px;
}

/*-------------------------------------------------------------------------*/
/* Scroll Area                                                             */
/*-------------------------------------------------------------------------*/

#ScrollBar
{
	height: 270px;
	margin-top: 0px;
}

#ScrollContainer
{
	width: 100%;
}

#ScrollContent
{
	color: black;
	white-space: nowrap;
	font-size:   10px;
}

#ScrollDebug
{
	visibility: hidden;
	height: 0px;
}

/*-------------------------------------------------------------------------*/
/* Screen Area                                                             */
/*-------------------------------------------------------------------------*/

#Channels
{
	width: 240px;
	margin-top: 20px;
	margin-left: 166px;
}

td.ChannelLink
{
	margin-bottom: 20px;
	padding: 0px;
}

a.ChannelNumberLink
{
	font-size: 1px;
	color: #997799;
	text-decoration: none;
	visibility: hidden;
}

a.ChannelTextLink
{
	color: black;
	text-decoration: none;
	font-family: 'Tahoma';
	display: block;
	border-bottom: 0px solid #3A3058;
	padding-top: 2px;
	margin-bottom: 1px;
	height: 16px;
	width:  90px;
}

a.ChannelTextLink:hover
{
	color: #ee0000;
	background-color: none;
}

#Channel
{
	width: 485px;
	height:340px;
}

#XChannel
{
	width: 450px;
	height:330px;
}

#ChannelInfo
{
	width: 100%;
	height: 0px;
}

*.ChannelInfoTitle
{
	width: 100%;
}

*.ChannelInfoNumber
{
	float: right;
	text-align: right;
	padding-right: 15px;
	visibility: hidden;
}

/* 2 widths, one for 16:9 and the old for 4:3 */

/* 325 is 270 + the height of the controlbar */

#Screen
{
	width: 480px;
	height: 289px;
	background-color: green;
}

#XScreen
{
	width: 320px;
	height: 240px;
}

/* 2 widths, one for 16:9 and the old for 4:3 */

#NowPlaying
{
	width: 480px;
	height: 20px;
	border: 1px solid red;
	color: white;
	visibility: hidden;
}

#XNowPlaying
{
	width: 320px;
	height: 100px;
	border: 1px solid red;
	visibility: hidden;
}

/*
#EventLogger
{
	background-color: orange;
	visibility: hidden;
}
*/

/* 2 widths, one for 16:9 and the old for 4:3 */

#VideoList
{
	width: 480px;
	height: 25px;
	text-align: center;
	background-color: #101010;
	border: 0px solid green;
}

#XVideoList
{
	width: 320px;
	height: 30px;
	text-align: center;
	background-color: #009900;
}

#ChannelAdverts
{
	visibility: hidden;
}

*.ChannelAdvert
{
	padding-top: 10px;
}

/*-------------------------------------------------------------------------*/
/* Big title                                                               */
/*-------------------------------------------------------------------------*/

.BigTitle
{
	color: white;
	font-size: 14px;
	height: 0px;
	padding-left: 5px;
	padding-top: 10px;
}

/*-------------------------------------------------------------------------*/
/* Other Areas                                                             */
/*-------------------------------------------------------------------------*/

#SpecialLinks
{
	text-align: right;
	margin-top: 7px;
	margin-left: 2px;
}

td.SpecialLinksTitle
{
	width: 90px;
}

a.SpecialLink
{
	text-decoration: none;
	font-family: 'Tahoma';
	color: black;
	background-color: none;
	border-bottom: 0px solid #3A3058;
	width: 90px;
}

a.SpecialLink:hover
{
	color: #ee0000;
	background-color: none;
	border-bottom: 0px solid #8A80A8;
}

#GlobalAdverts
{
	text-align: center;
	margin-top: 30px;
	border-top: 0px solid #3A3058;
}

td.Advert
{
	vertical-align: middle;
}

/*-------------------------------------------------------------------------*/
/* Footer                                                                  */
/*-------------------------------------------------------------------------*/

#Footer
{
	height: 30px;
}