/* 

STYLESHEET FOR IFANZY WEBSITES
created by Stoneroos Interactive Television

TOC:
		1:	general
		2:	structure
		3:  content
			- Login
			- Filters
			- Filter search box
			- Filter genre selection
			- Home
			- Home search
			- Boxes
		4:  images -> Move to corresponding stylesheet
		5:  form elements -> Create seperate stylesheet
		6:	Errors & messageboxes
		7:	Nog in te delen
		
*/

/* --------- 1:  general ---------- */ 

* {
	margin: 				0;
	padding:				0;
}

body { 
  	margin: 				0;
  	padding: 			    0;
	background:				#beebff url(/images/bg.gif) top repeat-x;
	color: 					#000;
  	min-width: 				380px; 
  	max-width: 				1600px;
	height:					100%;
	min-height:				100%;
	font: 					12px/1.5 "Trebuchet MS", Verdana, Arial, sans-serif;
}

body#body-popup {
	font-family: 			Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 				12px;
	line-height: 			12pt;
	color: 					#fff;
}

img { 
	display: 				block;
	border: 				0;
}

/* ---------- 2:  structure ---------- */

div#banner-right {
	float: 					right; 
	width: 					140px;
	height: 				600px;
	margin-top:				115px;
	color:					#fff;
	background: 			none;
}

div#banner-right * {
	margin-left:			5px;
}

div#banner-right div.flash-replace *,
div#banner-right div#banner-right-flash * {
	margin-left:			0;
}

div#container {
	background:				none; 
	margin:					0 140px 0 5%;
}

div#loader {
	background:				url(/images/loader-bg.png) repeat;
	position: 				absolute;
	z-index:				99;
	background-color:		none;
	behavior: 				url(/iepngfix.htc);
}

div.loader-tip {
	background:				url(/images/loader-bg.png) repeat;
	position: 				absolute;
	z-index:				99;
	background-color:		none;
	behavior: 				url(/iepngfix.htc);
}

div.loaderimage {
	position: 				absolute;
	top: 					180px;
	left:					50%;
	margin-left: 			-40px;
}

div#login {
	float:					right;
	color:					#fff;
	width:					80%;
	min-height: 			75px;
	_height: 				75px;
	margin-right: 			3px;
	margin-top: 			10px;
}

div#menu {
	clear:					left;
	line-height:			normal;
	padding-left: 			12%;
}

div#content-container {
	clear:					left;
	background: 			#fff url(/images/content_top_right.gif) top right no-repeat;
	padding-left: 			0px;
}

div#onecolumn-container{
	clear: 					left;
	height:					100%;
	background: 			url(/images/content_bottom_right.gif) bottom right no-repeat;
	zoom:					1;
	margin-right: 			0px;	
	padding-top: 			8px;
	padding-right:			0px;
	min-height:             594px;
	_height:				594px;
}

div#content {
 	width:					100%;
	min-width: 				300px;
	position: 				relative;
	float:					left;
	padding-bottom: 		15px;
	background-image: 		url(/images/content_bottom_left.gif) bottom left no-repeat;
}

div#content2 {
 	width:					100%;
	min-width: 				300px;
	position: 				relative;
	float:					left;
}

div#padding-container {
	padding:                0px 14px 0 10px;
	margin:					0;

}
	
div#filter {
	position: 				relative;   
	width:					100%;
}

div#tips {
	clear:					left;
	zoom:					1;
	padding-top: 			8px;
}

div#footer {
  	clear: 					left;
	text-align: 			center;
	color: 					#034561;
}

/* ---------- 3:  content ---------- */

/* login */

div#login-container {
	float: 					right;
	text-align:				right;
}

div#login-container * {
	font: 					11px/1.5 "Trebuchet MS", Verdana, Arial, sans-serif;
}

div#login-content {
	float: 					right;
}

div.input {
	padding-right: 			5px;
}

div#usernamelogin,
div#passwordlogin {
  	position:				relative;
  	float:					left;
	text-align: 			left;
}

input#username_login,
input#password_login {
  	width:					10em;
}

div#submitlogin, div#rememberlogin{
	float:					left;
}

div#login span#status, div#login span#loading {
	float: 					right;
}

div#login span#status {
	text-align: 			right;
	margin-top:             16px;
}

div#login span#loading {
	padding-top: 			22px;
	width: 					150px;
	text-align: 			left;
}

/* filters */
div#filter {
	background:				url('/images/filter-bg.jpg') top repeat-x #e4e4e4;
	min-height:				92px;
	max-height:				298px;
}

div#filtercontent {
	float:					left;
	width:					100%;
	min-height:				92px;
	max-height:				298px;	
}

div#leftborder {
	position:				absolute;
	left:					0;
	top:					0px;
	width:					1px;
	height:					100%;
	overflow:				hidden;
	background:				url('/images/filter-bg_border.jpg') top no-repeat;
}

div#rightborder {
	position:				absolute;
	right:					0;
	top:					0px;
	width:					1px;
	height:					100%;	
	background:				url('/images/filter-bg_border.jpg') top no-repeat;	
}

div#bottomborder {
	clear:					both;
	height:					1px;
	width:					100%;
	background:				url('/images/filter-bg_bottom-left.jpg') top left no-repeat #c9c9c9;		
	margin-bottom: 			8px;
}

div#bottomborder div {
	float:					right;
	height:					1px;
	width:					2px;
	background:				url('/images/filter-bg_bottom-right.jpg') top right no-repeat;	
}


div.filter-box {
	float: 					left;
	position: 				relative;
	min-height: 			91px;/* CHANGE BACK INTO 91PX WHEN GENRE SELECTION FUNCTIONALITY IS ADDED  */
	max-height:				296px;
	_height: 				91px;/* CHANGE BACK INTO 91PX WHEN GENRE SELECTION FUNCTIONALITY IS ADDED  */
	margin:					1px 0px 0px 0px;
}

div.filter-box-content {
	width: 					80%;
	padding: 			    7px 0 10px 11px; 
	margin: 				0 19px 0 0;  
}

div#filter-view{
	padding-left:			8px;
	width:					15%;
	border-left:			none;	
	border-right:			1px solid #FFFFFF;	
}

div#filter-genres{
	width:					52%;
	border-left:			1px solid #c9c9c9;	
	border-right:			1px solid #FFFFFF;		
}

div#filter-search{
	border-left:			1px solid #c9c9c9;	
	width:					31%;
}

div#filter-searchhome{
	border-left:			1px solid #c9c9c9;	
	border-right:			1px solid #FFFFFF;	
	width:					27%;
	_height:				225px;
	min-height:				225px;
}

div#filter-searchgenre{
	border-left:			1px solid #c9c9c9;	
	border-right:			1px solid #FFFFFF;	
	width:					19%;
	_height:				225px;
	min-height:				225px;
}

div#filter-searchday{
	border-left:			1px solid #c9c9c9;	
	width:					52%;
	_height:				225px;
	min-height:				225px;
}

div#filter-print{
	width:					67%;
	border-right:			1px solid #FFFFFF;		
}

/* filter search box */

div#searchbox{
	background-color: 		#cecece;
	margin:					6px 0;
	width: 					100%;
	float: 					left;
}
 
div#searchtop { 
	min-height: 			7px;
	_height:				7px;
	font-size: 				1px;
	background: 			url('/images/search-tr.gif') no-repeat top right; 
}

div#searchtop div { 
	min-height: 			7px;
	_height:				7px;
	font-size: 				1px;
	background: 			url('/images/search-tl.gif') no-repeat top left; 
	clear: 					both;
}

div#searchcontent { 
	font-size:				12px; 
	margin: 				0px 7px; 
	_height:				10px;
	min-height:				10px;
}

div#searchcontent .btn {
	float: 					right;
}

div#searchcontenttext{
	font-size: 				12px;
	margin-left: 			3px;
}

div#searchbot {
	min-height: 			7px;
	_height:				7px;
	font-size: 				1px;
	background: 			url('/images/search-br.gif') no-repeat bottom right;
}

div#searchbot div { 
	min-height: 			7px;
	_height:				7px;
	font-size: 				1px;
	background: 			url('/images/search-bl.gif') no-repeat bottom left; 
}

div#tips div#theme-tip {
	margin-right: 			0%;
}

/* filter genre selection */

div#selectGenresBox{
	clear: 					both;
	background: 			url('/images/genre-bg.jpg') repeat-x top;
	background-color:		#c6c5c5; 
	border-top:				0px none;
	width:					100%;
}

div#genre-header {
	background: 			url('/images/genre-header-bg.jpg') no-repeat center top;
	padding-top:			22px;
	margin-left:			18px;
}

div.inner-box {
	float: 					left;
	margin-left:			18px;
	margin-top: 			0px;
	line-height: 			22px;
}

div#genre-recommendations{
	float: 					right;
	width: 					30%;
}

div#selectGenresBox .inner-box {
	line-height: 			6px;
}

input.genre-checkbox {
	vertical-align: 		middle;
	margin-bottom: 			1px;
	margin-right: 			3px;
}

/* home */

div#home-top-box {
	width: 					100%; 
	background:				#054e68 url(/images/bg-home-box2.gif) right no-repeat; 
	height: 				270px;
	margin-bottom: 			25px;
}

div#buttons {
	float: 					left;
	width: 					210px;
}

div#buttons ul {
	list-style:				none;
}

div#buttons ul li {
	float: 					left;
}

li#btn1 {
	height: 				90px;
}

div#buttons ul li span {
	font-size: 				18px;
	line-height: 			20px;
	left: 					80px;
	position: 				absolute;
}

li#btn1 span {
	top: 					25px; 
}

li#btn2 {
	height: 				91px;
}

li#btn2 span {
	top: 					115px; 
}

li#btn3 {
	height: 				89px;
}

li#btn3 span {
	 top: 					205px;
}

div#var-content1,
div#var-content2,
div#var-content3 {
	color: 					#fff;
}

div#var-content1 {
	padding:				0px 20px;
}

div#var-content2, div#var-content3 {
	color: 					#fff; 
	padding: 				8px 20px; 
	margin-left: 			210px; 
	font-size: 				11px; 
}

div#var-content1 p#messagecontentbtn, 
div#var-content2 p#messagecontentbtn,
div#var-content3 p#messagecontentbtn
div.mysettings-botcontent p#messagecontentbtn{
	float: 					right;
	padding-top:            10px;
	padding-right: 			0px;
}

div#var-content1 p {
	padding-right: 			15px;
}

div#home-epg-box-container {
	float: 					left;
	width: 					71%;
	margin-bottom: 			25px;
}

div#home-epg-box {
	margin-right: 			20px; 
	background: 			#fff;
	border-right: 			1px solid #d1d1d1;
	border-left: 			1px solid #d1d1d1;
}

div#box-content-nav-left {
	float: 					left; 
}

div#box-content-nav-right {
	float: 					right; 
	_margin-bottom: 		10px;
}

div#home-search-box {
	float: 					left;
	width: 					29%;
	margin-bottom: 			25px;
}

div#home-program-tip-box {
	float: 					left; 
	width: 					29%;
}

div#home-banner-box {
	float: 					left; 
	background: 			#fff; 
	width: 					42%;
}

div#home-movie-tip-box {
	float: 					left;
	width: 					29%;
}

div.box-content-nav {
	padding: 				10px;
	background: 			#fff;
	border-right: 			1px solid #d1d1d1;
	border-left: 			1px solid #d1d1d1;
}

div.box-content-nav span {
	width: 					135px;
}

div#home-search-box div.box-content {
	background: 			#fff;
	border-right: 			1px solid #d1d1d1;
	border-left: 			1px solid #d1d1d1;
	padding: 				10px; 
}

div#home-epg-box div.box-content  {
	padding: 				10px;  
}

div.home-box-border {
	background: 			url(/images/last-tip-br.png) right; 
	height: 				2px; 
	margin-right: 			20px; 
	behavior:				url(/iepngfix.htc);
}

div.home-box-border img {
	float: 					left;
	width: 					2px;
	height: 				2px;
}

div#home-program-tip-box div.home-box-border,
div#home-movie-tip-box div.home-box-border {
 	margin-top: 			-3px;
	width: 					100%;
	margin-right: 			0;
}

div#home-search-box div.home-box-border {
	margin-right: 			0; 
}

div.box-content-borders {
	border-left: 			1px solid #d1d1d1;
	border-right: 			1px solid #d1d1d1;
}

div.box-content-bg {
	background:				#fff url(/images/bg-single-tip.png) top repeat-x;
	behavior: 				url(/iepngfix.htc); 
	height: 				100%; 
	padding: 				5px 0;
	margin-bottom: 			1px; 
	border-bottom: 			1px solid #a9a9a9;
}

div#faq-content-wrapper div.box-content-bg {
	padding: 				10px 0;
}

div.tip-details {
	padding: 				0 7px 0 12px;
}

/* Home search */

body#search div#filter {
	margin-top:				4px;
}

div#searchbox .box {
	float: 					left;
}

div#searchbox .box-empty {
	float: 					left;
	width: 					4%;
}

/* boxes */

.box-header { /* tl */ 
 	color: 					#fff;
}

.box-header .gradient {
	background: 			#03445f url(/images/verloopje.gif) repeat-x;
}

.box-header .gradient .corner-tl {
	background: 			url(/images/box-corner-tl.gif) top left no-repeat;
}

.box-header .gradient .corner-tl .corner-tr {
	background:		 		url(/images/box-corner-tr.gif) top right no-repeat;
	height: 				26px;
}

div#home-epg-box-container p.view {
	float: 					right; 
	margin: 				4px	5px 0px 0px; 
	width: 					57px;
}

div#home-epg-box-container p.view-txt {
	float: 					right; 
	margin: 				5px 5px 0px 0px; 
}

/* ---------- 4:  images ---------- */

#logo {
    position: 				relative;
	float:					left;
    display: 				block; 
    width: 					109px; 
    height: 				73px; 
	background: 			transparent url('/images/logo.gif') no-repeat scroll top right;
    text-decoration: 		none;
	margin: 				10px 0 10px 0;
}

#logo img {
    display: 				block;
    padding-top: 			73px;
    height: 				0;
    overflow:				hidden;
}

img.user {
	float: 					right; 
	display: 				inline;
	margin-left: 			10px;
	margin-top: 			10px;
	border: 				3px solid #fff;
	width:					54px;
	height: 				54px;
}

div.filter-box-header img,
div.blue-box-header img,
div.dark-blue-box-header img,
div.orange-box-header img {
	float: 					right;  
	padding-right: 			7px; 
	padding-top: 			7px;
}

div.delete img {
	margin: 				0px 2px 0px 5px;
}

div#programfooter img {
	margin-left: 			8px;
	width:  				23px;
	height: 				20px;
}

img.icon-del-from-myguide,
img.icon-add-to-myguide,
img.icon-del-from-myguide-blue,
img.icon-add-to-myguide-blue,
img.icon-add-reminder,
img.icon-add-recording,
img.icon-add-to-fav,
img.icon-send {
	display: 				inline;
}

img.icon-del-from-myguide {
	background: 			url(/images/bg-white/icon-del-from-myguide.gif);
}

img.icon-del-from-myguide:hover {
	background: 			url(/images/bg-white/icon-del-from-myguide-over.gif);
}

img.icon-add-to-myguide {
	background: 			url(/images/bg-white/icon-add-to-myguide.gif);
}

img.icon-add-to-myguide:hover {
	background: 			url(/images/bg-white/icon-add-to-myguide-over.gif);
}

img.icon-del-from-myguide-blue {
	background: 			url(/images/bg-blue/icon-del-from-myguide.gif);
}

img.icon-del-from-myguide-blue:hover {
	background: 			url(/images/bg-blue/icon-del-from-myguide-over.gif);
}

img.icon-add-to-myguide-blue {
	background: 			url(/images/bg-blue/icon-add-to-myguide.gif);
}

img.icon-add-to-myguide-blue:hover {
	background: 			url(/images/bg-blue/icon-add-to-myguide-over.gif);
}

img.icon-close {
	background: 			url(/images/bg-blue/icon-close.gif);
	float:					right;
	_margin-right:          5px;
}

div.tooltips-box-content img.icon-close {
	margin-top: 			2px;
	margin-right:           5px;
	_margin-right:          3px;
}

img.icon-close:hover {
	background: 			url(/images/bg-blue/icon-close-over.gif);
}

img.icon-add-reminder {
	background: 			url(/images/bg-blue/icon-add-reminder.gif);
	margin-left: 			5px;
}

img.icon-add-reminder:hover {
	background: 			url(/images/bg-blue/icon-add-reminder-over.gif);
}

img.icon-add-recording {
	background: 			url(/images/bg-blue/icon-add-recording.gif);
	margin-left: 			5px;
}

img.icon-add-recording:hover {
	background: 			url(/images/bg-blue/icon-add-recording-over.gif);
}

img.icon-add-to-fav {
	background: 			url(/images/bg-blue/icon-add-to-fav.gif);
	margin-left: 			5px;
}

img.icon-add-to-fav:hover {
	background: 			url(/images/bg-blue/icon-add-to-fav-over.gif);
}

img.icon-send {
	background: 			url(/images/bg-blue/icon-send.gif);
	margin-left: 			5px;
}

img.icon-send:hover {
	background: 			url(/images/bg-blue/icon-send-over.gif);
}

img#tour {
	background:				url(/images/tour.gif) right no-repeat;
}

img#tour:hover {
	background:				url(/images/tour-over.gif) right no-repeat;
}

img.del {
	background:				url(/images/icon-del-ch.gif) center no-repeat;
	display: 				inline;
}

img.del:hover {
	background:				url(/images/icon-del-ch-over.gif) center no-repeat;
	display: 				inline;
}

img.next-day {
	background:				url(/images/arrow-right.gif) no-repeat;
}

img.next-day:hover {
	background:				url(/images/arrow-right-over.gif) no-repeat;
}

img.previous-day {
	background:				url(/images/arrow-left.gif) no-repeat;
}

img.previous-day:hover {
	background:				url(/images/arrow-left-over.gif) no-repeat;
}

img#banner-trigger {
	background:				url(/images/banners/banner-trigger.gif);
}

img#banner-trigger:hover {
	background:				url(/images/banners/banner-trigger-over.gif);
}

img#home-top-box-movie-tip {
	border: 				3px solid #043342; 
	width: 					260px; 
	height: 				210px;
}

img#progr-det-left-img {
	border: 				3px solid #043342;
	width: 					260px; 
	height: 				210px;
	margin:					0 auto;
}

img#symbaloo {
	display: 				inline;	
	margin: 				0px 0px -5px 5px;
}

img#icon-feedback {
	display: 				inline;
	margin-left: 			5px;
}

img.dots-vertical {
	width: 					1px; 
	height: 				40px; 
	display: 				inline; 
	margin-left: 			5px; 
}

img#example-slider-full {
	width: 					200px; 
	height: 				35px; 
	margin-top: 			5px; 
	margin-left: 			-5px;
	behavior: 				url(/iepngfix.htc);
	float: 					left;
}

img#example-mark-box {
	width: 					45px;
	height: 				47px; 
	behavior: 				url(/iepngfix.htc);
	float: 					left;
}

img.imdb {
	margin-bottom: 			-5px;
}

/* ---------- 5:  form elements ---------- */

input.textbox{
	font: 					12px/1.5 "Trebuchet MS", Verdana, Arial, sans-serif;
	width:					178px;
	padding:				2px 3px 1px 3px;
	display: 				block;
	float: 					left;
	margin-right:			4px;
}

input.textbox2{
	font: 					12px/1.5 "Trebuchet MS", Verdana, Arial, sans-serif;
	padding:				0px 3px;
	display: 				inline;
	float: 					left;
	height:					18px;
	margin-right:			0px;
}

div#invitefriend_result2 input.textbox2{
	margin-bottom: 			5px;
}

input.checkbox{
	font: 					11px/1.5 "Trebuchet MS", Verdana, Arial, sans-serif;
	padding:				0px;
	margin: 				2px 3px 0px 0px;
	width:					13px;
	height:					13px;
	display: 				block;
	float: 					left;
}

select.textbox{
	font: 					11px/1.5 "Trebuchet MS", Verdana, Arial, sans-serif;
	padding:				1px 3px 2px 3px;
	height:					21px;
}

select#education {
	width:					auto;
}

input#gender_F, input#otherdeviceOff,
input#otherdeviceOn {
	margin-left: 			10px;
}

input#gender_F,
input#gender_M,
input#otherdeviceOff,
input#otherdeviceOn {
	vertical-align: 		middle;
	margin-bottom: 			3px;
}

select#birthdate_day {
	width: 					50px;
}

select#birthdate_month {
	width: 					90px;
}

select#birthdate {
	width: 					60px;
}

#genderselection{
	display: 				block;
	float: 					left;
	color:					#000;
}

select#optdayfrom, select#optdaytill, 
select#opthourfrom, select#opthourtill, select#showchannel {
	font: 					12px/1.5 "Trebuchet MS", Verdana, Arial, sans-serif;
}

select#optdayfrom, select#optdaytill {
	width:					165px;
}

select#opthourfrom, select#opthourtill {
	width:					65px;
}

form#search, select#date {
	font: 					12px/1.5 "Trebuchet MS", Verdana, Arial, sans-serif;
	width:					135px;
	display: inline;
}

textarea#message {
	width: 					323px;
	height:					150px;
}

textarea#message2 {
	width: 					323px;
	height:					170px;
}

div#feedback #email{
	margin-right: 			5px;
	height: 				17px;
	margin-top: 			2px;
	font: 					12px/1.5 "Trebuchet MS", Verdana, Arial, sans-serif;
}

input#avatar {
	font: 					11px/1.5 "Trebuchet MS", Verdana, Arial, sans-serif;
	margin:					30px 0px 0px 5px;

}

input#ownChannels {
	margin-top: 			4px 2px 0px 0px;
}

input#survey, input#status,
input#status_1, input#status_2,
input#wholeday, input#allGenres,
input#allNetworks {
	vertical-align: 		middle;
	margin-bottom: 			1px;
}

input#allGenres, input#allNetworks {
	margin-left: 			6px;
}

input#allNetworks {
	display:				inline;
	float:					none;
}

/* ---------- 6:  Errors & messageboxes ---------- */

div#errorlogin{
	float: 					right;
	width: 					30%;
	margin-right: 			10px;
	text-align: 			right;
	margin-top: 			5px;
}

div#errorlogin p {
	color: 					#fff;
	font-style: 			italic;
}

/* message box */

div.messagebox{
	background-color: 		#fff79a;
	margin-bottom:			8px;
	margin-top:				8px;
	_width: 				96%;
	width: 					100%;
}

div.messagetop div, div.messagetop, div.messagebot div, div.messagebot{
	min-height: 			7px;
	_height:				7px;
	font-size: 				1px;
}

div.messagetop div { 
	background: 			url('/images/message-tl.gif') no-repeat top left; 
}

div.messagetop { 
	background: 			url('/images/message-tr.gif') no-repeat top right; 
}

div.messagebot div { 
	background: 			url('/images/message-bl.gif') no-repeat bottom left; 
}

div.messagebot {
	background: 			url('/images/message-br.gif') no-repeat bottom right;
	clear: 					both;
}
 
div.messagecontent { 
	font-size:				12px; 
	margin: 				0px 7px; 
	width:					98%;
	_width:					93%;
	_height:				10px;
	min-height:				10px;
	color: 					#000;
	padding-left: 			4px;
}

ul#messagecontenttext {
	width:					70%;
	float: 					left;
}

ul#messagecontenttext li{
	font-size: 				12px;
	margin-right: 			15px;
	list-style: 			none; 
}

p#messagecontentbtn {
	float: 					left;
	padding-top:            27px;
}

div#login p.messagecontenttext{
	margin-top: 			13px;
}

p#messagecontenttext2 {
	float: 					left;
}

body#search .messagebox {
	margin-top: 			9px;
}

.error3{
	color:					#f00;
	font-weight:			bold;
	font-size:				10px;
	display:				inline;
	line-height:			2.5;
}

div.error3 {
	padding-left:			4px;	
}

.error4{
	color:					#f00;
	font-weight:			bold;
	font-size:				10px;
	text-align:				left;
	display:				inline;
}

.error2{
	color: 					#FF0000;
	float: 					left;
}

#emailfeedback {
	margin-right: 			5px;
}


p#yourmail {
	padding-top: 			8px;
}

#message, #emailfeedback, #message2 {
	font: 					12px/1.5 "Trebuchet MS", Verdana, Arial, sans-serif;
}

#error {
	color: 					#f00;
}

invitefriend_result2 td#error {
	color: 					#f00;
}

div#feedback span#error {
	margin-left: 			5px;	
}

/* ---------- 7:  Nog in te delen ---------- */

/* lists */

ul#home-tips {
	float: 					left;
	list-style: 			none;
	margin-top: 			36px;
	width: 					34%;
	height: 				210px;
}

ul#home-tips li {
	height: 				62px;
	margin-bottom: 			13px;
	background:				url('/images/home-box-bg.jpg') no-repeat top right;
	position:				relative;
}

ul#home-tips li.trailerSelected,
ul#home-tips li.trailerSelected:hover {
	background:				url('/images/home-box-bg-selected.jpg') no-repeat top right;
}

ul#home-tips li:hover {
	background:				url('/images/home-box-bg-over.jpg') no-repeat top right;
}

ul.btn1-sel li#btn1 img.home-top-box-arrow,
ul.btn2-sel li#btn2 img.home-top-box-arrow,
ul.btn3-sel li#btn3 img.home-top-box-arrow {
	display: 				inline;
	padding-left: 			5px;
}

li#btn1 img.home-top-box-arrow,
li#btn2 img.home-top-box-arrow,
li#btn3 img.home-top-box-arrow {
	display: 				none;
}

*:first-child+html ul#home-box-info-txt { /* IE7 */
	margin-bottom: 			1%;	
}

* html ul#home-box-info-txt { /* IE6 */
	margin-bottom: 			1%;		
}

ul#home-tips div#slider-wrapper {
	position:				absolute;
	top:					4px;
	right:					10px;
}

ul.nav .tip-middle-left {
	float: 					left;
	padding: 				0; 
}

ul.nav .tip-middle-right {
	margin-top: 			-5px;
	padding: 				0; 
	width: 					auto; 
	margin-right: 			1px; 
}

.nav {
	float: 					left; 
	width: 					78%;
	min-height: 			32px;
	_height: 				32px;
}

.nav li {
	display:				inline;
	list-style: 			none;
}

.nav li .mini-list-link {
	float: 					left;
	width: 					48%;
	height: 				25px;
	padding: 				7px 0px 0px 4px;	
	cursor:					pointer;
	text-decoration: 		none;
}

.nav li .mini-list-link:hover {
	background-color: 		#064B68;
	color: 					#fff;
}

.current-now li .mini-list-link,
.current-next li .mini-list-link {
	cursor: 				default;
}

.nav .next .mini-list-link {
	left: 					41%;
	margin-left: 			3px;
	_margin-left: 			6px;
}

.mini-list-link-over {
	background:				#034865;
	color: 					#fff;
}

li.now a.icon,
li.now a.icon:link,
li.now a.icon:visited,
li.next a.icon,
li.next a.icon:link,
li.next a.icon:visited {
	width: 					23px;
	margin-right: 			4px;
}

li.now a.icon {
	float: left;
}

li.next a.icon {
	float: left;
}

li.next p#now-next-none {
	left: 					41%;
	padding-left: 			8px;
	_padding-left: 			10px;
}

li p#now-next-none {
	float: 					left;
	width: 					48%;
	height: 				25px;
	padding: 				7px 0px 0px 4px;
	text-decoration: 		none;
}

span#footer-link-sel {
	font-weight:			bold;
	color: 					#034561; 
}

div#tv-tip-sign-up {
	float: 					left;
	background: 			url(/images/tv-tip-sign-up.jpg) no-repeat;
	width: 					100%; 
	height: 				85px;
}

div#trailer-container {
	width: 					280px;
	float: 					left; 
	height: 				270px;
	padding-left: 			20px;
}

div#notrailer-container {
	margin-left: 			210px;
}

div#trailer {
	width: 					320px;
	margin: 				3px 0px 5px 0px;
}

body#home div#trailer {
	width: 					260px;
	margin: 				0;
	padding: 				5px 0 5px 10px;
}

div#trailer-container2 {
	text-align:				center;
}

.flash-replace {
	border: 				1px solid #ccc; 
	padding: 				5px;
	margin-right: 			5px;	
	background: 			#fff;
	color: 					#000;
	text-align:				left;
}

.flash-replace-popup {
	padding-left: 			30%;
	padding-top: 			3%;
	text-align: 			left;
}

p.flash-replace-popup-l {
	float: 					left;
}

p.flash-replace-popup-r {
	float: 					left;
	margin-left: 			10px;	
}

img#radiobtn-disabled {
	float: 					left; 
	padding-right: 			4px;
}

p#filter-disabled {
	color: 					#666;
}

.filter-txt {
	float: 					left; 
	background: 			blue;
}

div#demo {
	height: 				848px;
	width:					700px;
	}

div#channelguide, div#programguide, div#verticalguide {
	position: 				relative;
}

.test {
	display: 				none;
}

span#legend {
	vertical-align:			top;
}

.middle .icon {
	float: 					right;
	text-align:				right;
}

.imdb, .icon {
	display: 				inline;
}

.tip-middle-left {
	float: 					left;
	width: 					58%;
	padding: 				5px 0 5px 12px; 
}

.tip-middle-left span {
	color: 					#00aeef;
	font-weight: 			bold;
}

.tip-middle-middle {
	float: 					right;
	width: 					10%;
	padding-top: 			14px;	
}

.tip-middle-right {
	float: 					right;
	width: 					20%;
	padding: 				9px 7px 0 5px;
}

div#ratingdetails * {
	font-size: 				12px;
	padding-top: 			5px;	
}

#banner-home-bottom-container {
	width: 					300px;
	height: 				250px;
	margin: 				0 auto;
}

span.trailer-title {
	 font-size: 			18px;
	 position:				absolute;
	 left:					25px;
	 top:					9px;
}

span.trailer-time-ch {
	 position:				absolute;
	 left:					25px;
	 top:					29px;
	 font-size: 			16px;
}

div.home-rec-box-header {
	background: 			url(/images/home-box-tip-bg.png) no-repeat; 
}

div.home-rec-box-content {
	background: 			url(/images/home-box-tip-bg.png) no-repeat;  
}	

td.home-top-box-img {
	width: 300px;
}

td#home-top-box-txt-top {
	vertical-align: 		text-top;
	padding-bottom: 		5px;
}

td.home-top-box-txt {
	vertical-align: text-top; padding-top: 5px;padding-bottom: 5px;
}

span.dots-container-left {
	background: url('/images/dots-light-blue.gif') repeat-x; width: 100px; height: 1px; float: right;
}

span.dots-container-right {
	background: url('/images/dots-light-blue.gif') repeat-x; width: 125px; height: 1px; float: left; margin-left: 2px;
}

img.dots-overlay {
	width: 125px; height: 1px; display: inline;
}

img.example {
	padding-bottom: 		5px; 
	margin-top: 			5px;
	behavior: 				url(/iepngfix.htc);
	float: 					left;
	_margin-top: 			0px;
	_padding-bottom: 		0px;
}

img#example1a {
	width: 					236px;
	height: 				41px;
	margin: 				15px 0px 0px 8px;
	_margin-left: 			4px;
}

img#example1b {
	width: 					55px;
	height: 				58px; 
	margin-top: 			5px;
	_margin-top: 			0px;
}

img#example3 {
	width: 286px; height: 67px; float: right;	 margin-top: 10px;
}

img#example2 {
	width: 130px; height: 93px; float: right; margin-right: 75px; _margin-right: 40px;
}

ul#home-box-info-txt {
	list-style: none; margin-bottom: 2%;
}

img#example-slider0 {
	width: 200px; height: 35px; margin-top: 5px; margin-left: -5px; behavior: url(/iepngfix.htc); float: left;
}

img#example-mark-box0 {
	width: 45px; height: 47px; behavior: url(/iepngfix.htc); float: left;
}

span#dots-container1 {
	background: url('/images/dots-light-blue-ver.gif') repeat-y; margin-top: 20px; height: 40px; float: left;
}

span#dots-container2 {
	background: url('/images/dots-light-blue-ver.gif') repeat-y; margin-top: -33px; height: 20px; float: left; 
}

td#home-top-box-info {
	width: 4%;
}

td.home-top-box-info-txt {
	width: 					48%; 
	vertical-align:			text-top; 
	word-spacing: 			3px;
	padding-right: 			5px;
}

span.program-type-label {
	padding: 				0 1px; 
	background: 			#000; 
	color: 					#fff; 
	font-size: 				9px;
	margin-right: 			3px;
	text-decoration: 		none;
}

span.plus, span.min {
	color:					#00aeef;
	font-weight:			bold;
}

span.min {
	margin: 				0px 1px 0px 2px;
}

div#refreshButton {
	margin-top: 			3px;
}

div#refreshButton p#messagecontenttext {
	font-weight:			bold;
}

span.mychannel, span.genre-text, span.check-all-txt, span.check-mychannels-txt {
	cursor:					pointer;
}

#tag-cloud {
	margin-bottom:			10px;
}