/* 

STYLESHEET FOR IFANZY.COM / NL
created by Stoneroos Interactive Television

TOC:
		1:	General
		2:	Home
		3:  Details header
		4:  Details content
		5:  Details footer
*/

/* 1: General */

div.info div#programdetails{
	padding-top:			15px;
	cursor:					auto;
}

div#prog-det-header {
	background:				#fff url(/images/bg-det-header.gif) repeat-y;
	width: 					100%;
}

div#prog-det-content {
	margin:		            15px 4%;
}

div#prog-det-footer {
	margin:					0 4% 5px;
}

div.prog-det-left { 
	float: 					left;
	width: 					42%;	
	margin-right:			4%;
}

* html div.prog-det-left { /* IE6 */
	width: 					50%;
}

div.prog-det-right {
	float: 					left;
	width: 					53%;
}

* html div.prog-det-right { /* IE6 */
	width: 					45%;
}

div#prog-det-close { 
	padding-top:            3px;
	position: 				relative;
	float: 					right;
	right:					4%;
	text-align:				center;
}

#programlisting div#prog-det-close,
#programlistingloggedout div#prog-det-close,
#plannerlisting div#prog-det-close,
#plannerlistingall div#prog-det-close {
	right:					3%;
}



div#programdetails h1 {
	font-size: 				20px;
	line-height:			22px;
	margin-bottom:			3px;
	margin-top:				3px;
}
 
/* 2: Home */

body#home div.prog-det-left { 
	width: 					56%;
}

body#home div#prog-det-header div#prog-det-header-content div.prog-det-left { 
	width: 					30%;
}

body#home div#prog-det-header div#prog-det-header-content div#wide { 
	width: 					85%;
}

body#home .recommendation {
	display:				none;
}

body#home div.prog-det-right { 
	width:					39%;
}

/* 3: Details header */

div#prog-det-header div#prog-det-header-content {
	background:				url(/images/bg-det-header.gif) top right repeat-y;
}

div#prog-det-top { 
	margin-right: 			15px;
	min-height: 			7px;
	_height:				7px;
	font-size: 				1px;
	background: 			url('/images/slider-tr.gif') no-repeat top right; 
}

div#prog-det-top div { 
	min-height: 			7px;
	_height:				7px;
	font-size: 				1px;
	background: 			url('/images/slider-tl.gif') no-repeat 15px 0; 
}

div#prog-det-header div#prog-det-header-content div.prog-det-left { 
	color:					#034865;
	margin-left:			4%;
	_margin-left:			14px;
	margin-right: 			0;
}

* html div#prog-det-header div#prog-det-header-content div.prog-det-left { /* IE6 */
	width: 					42%;
}

div#prog-det-bottom {
	min-height: 			7px; 
	font-size: 				1px;
	background: 			url('/images/slider-br.gif') no-repeat bottom right;
	margin-right: 			15px;
	clear: 					both;
}

div#prog-det-bottom div { 
	min-height: 			7px;
	_height:				7px;
	font-size: 				1px;
	background: 			url('/images/slider-bl.gif') no-repeat 15px 0px; 
}

/* 4: Details content */

div.prog-det-wide { 
	float: 					left;	
}

div.prog-det-dots {
	margin: 				0 15px 0 15px;
	height:					10px;
	background:				transparent url(/images/dots-light-blue.gif) repeat-x scroll 0 0;
}

* html div.prog-det-dots { /* IE6 */
	margin-bottom:			-8px;
}

div.prog-det-dots-small {
	margin: 				15px 0 15px 0;
	background:				transparent url(/images/dots-light-blue.gif) repeat-x scroll 0 0;
}

* html div.prog-det-dots-small { /* IE6 */
	margin: 				15px 0 0 0;	
}

*:first-child+html div.prog-det-dots-small { /* IE7 */
	margin: 				15px 0 0 0;	
}

img#ratinghat {
	vertical-align:			middle;
	display:				inline;
	margin-right:			5px; 
}

div#ratingbg{
	background:				transparent url('/images/ratingstars-empty.jpg') no-repeat top left;
	position:				relative;
	overflow:				hidden;
	height:					16px;
	width:					197px;
	margin:					10px 10px 0px 0px;
	float:					left;
	vertical-align:			middle;
}

div#ratingstars{
	float:					left;
	background:				transparent url('/images/ratingstars-filled.jpg') no-repeat top left;	
	min-height:				16px;
	_height:				16px;
}

div#ratingtext {	
	margin-top:				9px;
	min-height:				16px;
	_height:				16px;
	float:					left;
	font-weight:			bold;
	font-size:				13px;
}

/* 5: Details footer */

div#prog-det-footer div.prog-det-left { 
	width: 					5%;	
}