/* Taken from: http://developer.yahoo.com/yui/reset/ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
.hidden {
	display: none;
}

/* CSS Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #434a4e;
}

a,
a:hover {
	color: #D20000;
	text-decoration: underline;
}

p {
	margin-bottom: 10px;
}

#container {
	width: 440px;
	height: 350px;
	background-color: #ffffff;
	margin: 50px auto;
}

#logo {
	position: absolute;
	background: transparent url('../images/efm_logo.png') no-repeat left top;
	width: 120px;
	height: 106px;
	margin: -40px 0px 0px -40px;
	z-index: 999;
}
div.etv #logo {
   background: transparent url('../images/etv_logo.png') no-repeat left top;
   width:   80px;
   height:  71px;
   margin: -30px 0px 0px -30px;
}

/* START Tab pages */
#tabs,
#tabsNo {
	width: 440px;
	height: 350px;
}
	#tabs ul,
    #tabsNo ul {
		width: 340px;
		height: 20px; 
		padding: 0px 0px 0px 100px;
		list-style-type: none;
		background: #5e6568;
	}
	
	#tabs ul li,
    #tabsNo ul li {
		float: left;
		width: 100px;
		height: 20px;
		line-height: 20px;
		text-align: center;
	}
	#tabs ul li a,
    #tabsNo ul li a {
		display: block;
		background: #5e6568;
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
	}
	#tabs ul li a:hover,
	#tabs ul li a.selected,
    #tabsNo ul li a:hover,
	#tabsNo ul li a.selected,
	.active {
		color: red !important;
	}
div#tabs.webcam {
	height: 412px !important;	
}
#tickerBox {
	position: absolute;
	height: 20px !important;
	width: 440px;
	margin: 330px 0px 0px 0px;
	background: #fff;
	line-height: 20px;
}

	#tickerBox #title {
		width: 100px;
		float: left;
		padding-left: 10px;
		font-weight: bold;
	}
	#tickerBox .newsticker {
		list-style-type: none;
		background: #fff;
		margin: 0;
	}
div.tickerwebcam {
	margin-top: 381px !important;	
}
div.etv div.tickerwebcam {
	margin-top: 371px !important;	
}
#nowplaying {
	width: 440px;
	height: 330px;	
	color: #ffffff;
	z-index: 20;
}

	#nowplaying #nowplayingBox {
		position: absolute;
		width: 250px;
		margin: 20px 0px 0px 170px;
		padding: 5px 10px;
		color: #000;
		text-align: right;
		background: url('../images/bg_transparent.png') top right repeat-y;
		display: none;
		z-index: 25;
	}
	
		#nowplayingHead {
			font-size: 15px;
			font-weight: bold;
		}
	#nowplaying #nowplayingProgram {
		position: absolute;
		width: 420px;
		margin: 275px 0px 0px 0px;
		padding: 5px 10px;
		color: #000;
		background: url('../images/bg_transparent_small.png');
		font-size: 14px;
		z-index: 11;
	}
#webcamPlayer {
	position: absolute;
	z-index: 10;	
}
#webcam {
	width: 440px;
	height: 310px;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
#reageer {
	width: 350px;
	margin: 0px auto 0px auto;
}
	#reageer p {
		margin: 10px 0px 10px 40px;	
	}
	#reageer label {
		display: block;
		margin-bottom: 5px;
	}
	#reageer label.error {
		font-size: 10px;
		color: #ff0000;	
	}
	#reageer span {
		display: block;
		width: 100px;
		float: left;
	}
	#reageer input.text {
		float: left;
	}
	#reageer textarea {
		width: 350px;
		height: 150px;
	}

#reageerSucces {
	margin:	100px 0px 0px 0px;	
}
#reageerSucces h1 {
	font-size: 16px;
	font-weight: bold;
}
#reageerSucces p {
	margin: 0px;
}

/* END Tab pages */

#playerSelect {
	margin-top: -1px;
}

	#playerSelect ul li {
		float: left;
		width: 99px;
		height: 20px;	
	}

#footer {
	clear: both;
	font-size: 9px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 5px;
}