/*
STYLE SHEET FOR CONTENT TOTALMONEY.PL
Created by AMP MEDIA
http://www.ampmedia.com.pl
ToC
1. steps
2. additions
3. category
4. compare product
5. product description

Notes
*/

/* --------- 1. steps --------- */

.tvPage {
	background: url(../images/bg_menu_tv.gif) top left no-repeat;
	height: 8px;
}
#cat_tv, #cat_tv_product {
	background: #8086d4 url(../images/cat_tv.gif) top left no-repeat;
}
#cat_tv {
	font-size: 0.72em;
	padding: 12px 0 14px 90px;
	font-weight: normal;
}
	#cat_tv span {
		font-weight: bold;
		font-size: 1.09em;
	}
	#cat_tv span.headerCat {
		font-weight: bold;
		font-size: 1.39em;
		display: block;
		padding: 20px 0 0;
	}
		#cat_tv span strong {
			font-size: 1.49em;
		}
		
	.informationSubscriptionTv {
		padding: 10px 30px 8px !important;
		color: #185E91;
		font-size: 0.99em;
	}
	fieldset.dataFormTv {
		font-size: 0.69em;
		padding: 4px 30px 0;
	}
		fieldset.dataFormTv legend {
			color: #185E91;
			font-size: 0.99em;
			padding: 0 0 8px 0;
			margin: 0;
			_margin: 0 0 0 -7px;
		}	
		fieldset.dataFormTv p {
			position: static;
			padding: 0 0 12px;
			z-index: 0;
		}
		fieldset.dataFormTv label.error {
			display: block !important;
			color: #DC0C02;
		}		
			fieldset.dataFormTv p label.balloonForm {
				padding: 10px 0 0 11px;
				width: 166px;
				text-align: left;
				background: url(../images/bg_balloon_top.gif) top left no-repeat;
				position: absolute;
				display: none;
				left: 150px;
				top: -4px;
				z-index: 100;
			}
				fieldset.dataFormTv p label.balloonForm span {
					display: block;
					padding: 0 16px 6px 8px;
					color: #454545;
					font-size: 0.99em;
					font-weight: normal;
					background: url(../images/bg_balloon.gif) top left repeat-y;
				}
		
			fieldset.dataFormTv label,
			fieldset.dataFormTv input.selectChannel,
			#showpromo {
				display: -moz-inline-stack;
				display: inline-block;
			}
			fieldset.dataFormTv select,
			fieldset.dataFormTv span {
				display: block;
			}
			fieldset.dataFormTv select#abonament {
				width: 186px;
			}
			fieldset.dataFormTv p.channels {
				margin: 0;
				padding: 0 0 4px;
				height: 100%;
				overflow: hidden;
			}
				fieldset.dataFormTv p.channels input {
					float: left;
					padding: 0;
					margin: 0 7px 0 0;
				}
				fieldset.dataFormTv p.channels label {
					float: left;
					_padding: 4px 0 0;
				}
			.listChannels {
				border: #cbedfc 1px solid;
				background: #f2fbff;
				padding: 12px 12px 0px;
				margin: 0 0 11px;
			}
				table.boxChannels {
					width: 100%
				}
					table.boxChannels td, .boxChannels th {
						vertical-align: top;
						padding-bottom: 10px;
					}
					.boxChannels td.checkChannel {
						width: 16px;
					}
					.boxChannels th {
						text-align: left;
						font-weight: normal;
						width: 51px;
					}
					.boxChannels th label {
						display: block;
					}

					.boxChannels td .tvBalloon {
						position: relative;
						width: 9px;						
					}
						.boxChannels td .tvBalloon img {
							cursor: pointer;
							z-index: 1;
						}
						.boxChannels td .tvBalloon .balloon {
							left: 13px;
						}
							.boxChannels td .tvBalloon .balloon p {
								font-size: 0.89em;
								width: 150px;
								padding: 0 4px 4px;
							}		
		fieldset.buttonForm .floatRight {
			text-align: right;
		}
			fieldset.buttonForm .floatRight p {
				color: #185e91;
				font-size: 0.69em;
			}
	.tvButtons {
		padding: 0 10px 10px;
		height: 100%;
		overflow: hidden;
	}
	.tvButtons img {
		display: block;
	}
.frameTv {
	position: relative;
	border: #cbedfc solid;
	border-width: 0 1px;
	background: #f2fbff;
	width: 400px;
	margin: 0 auto;
	z-index:0;
}
	.topFrameTv, .bottomFrameTv {
		display: block;
	    clear: both;
	    font-size: 0; /* for IE6 */
	    height: 6px;  /* set height to the size of the frame */
	    position: relative;
		background: url(../images/frame_energy.gif) no-repeat;
		width: 402px;
		margin: 0 auto
	}
	.topFrameTv {
		background-position: 100% 0;
	}
	.bottomFrameTv { /* bottom frame */
		background-position: 100% -6px;
	}
	.frameTv p {
		padding: 6px 0;
		color: #185e91;
		font-size: 0.72em;
		text-align: center;
		font-weight: bold;
	}
	.frameTv p strong {
		color: #16b0f0;
		font-size: 1.39em;
	}
	
.yourDataTv {
	padding: 7px 0 0 ;

}	
	.yourDataTv table th {
		text-align: right;
		font-weight: normal;
		padding: 0 4px 0;
	}	
	
	#sponsoredTelevisionOffer table thead td {
		color: #000;
	}
	#sponsoredTelevisionOffer table tbody td strong,
	table.offerListTv tbody td strong,
	#similarOffer table tbody td strong {
		font-size: 1.09em;
	}
	#sponsoredTelevisionOffer table tbody td p,
	table.offerListTv tbody td p,
	#similarOffer table tbody td p{
		text-align: center;
	}
		#sponsoredTelevisionOffer table tbody td p img,
		table.offerListTv tbody td p img,
		#similarOffer table tbody td p img {
			margin: 0 auto;
		}
		
	.resultsHeaderTv {
		background: url(../images/bg_results_tv_f.gif) top left repeat-y;
	}
		.resultsHeaderFrameTv {
			background: url(../images/bg_results_tv.gif) top left no-repeat;
			position: relative;
		}

	#similarOffer h4 {
		color: #454545;
		border: none;
		padding: 16px 0 10px;
		font-size: 1.19em;
		font-weight: normal;
	}
		#similarOffer h4 span {
			display: block;
			font-size: 0.69em;
		}
	
	#similarOffer table {
		border: #cbefff 1px solid;
	}
		#similarOffer table td {
			border: none;
		}
		
/* ====== Table td width ==== */

.lp_tv { width: 12px; }
.platform_tv { width: 100px; }
.packages_tv { width: 117px; }
.abonament_tv { width: 77px; }
.time_tv { width: 55px; }
.rate_tv { width: 37px; }
.details_tv { width: 111px; }
.choice_tv { width: 50px; }
	
/* --------- 2. additions --------- */

.stripedDark { 
	background: #cbefff !important;
}
.stripedLight {
	background: #f2fbff;
}
label.error {
	display: block;
	color: #DC0C02;
}
#compareProducts .resultsInfo {
	height: 100%;
	overflow: hidden;
}
#compareProducts .resultsInfo p {
	width: 300px;
	float: right;
}
.buttonsCompare {
	height: 100%;
	overflow: hidden;
	padding: 10px 0;
}

/* --------- 3. category --------- */

.tvHeader h3 {
	background: #8086d4 url(../images/bg_product_details_tv.gif) top left no-repeat !important;
}
.tvHeader h5 {
	color: #185e91;
	text-align: center;
	background: #cbedfc;
	padding: 5px 0 6px;
	margin: 0 0 6px;
}
.tvHeader table td h4 {
	width: 100%;
	margin: 0 !important;
	font-size: 0.99em;
}
	.tvHeader table td h4 strong {
		font-weight: normal;
	}
.tvHeader table th a, .tvHeader table td a {
	text-decoration: underline;
	font-weight: normal;
	color: #15B1F2;
}

/* --------- 4. compare product --------- */

.compareHeaderInfoTv {
	background: url(../images/bg_compare_tv.gif) top left no-repeat;	
}
	.compareHeaderInfoTv h3#cat_tv {
		background-position: 10px 8px;
		font-weight: bold;
		padding: 30px 0 0 95px !important;
		font-size: 1.09em !important;
	}
	a.detailedDescriptionTv {
		font-weight: normal;
	}
	a.detailedDescriptionTv:hover {
		font-weight: normal;
	}
	
	a.detailedDescriptionTv span {
    text-decoration: underline;
	}	
	
	a.seeListChannels {
		text-decoration: underline;
		font-weight: normal !important;
		color: #15B1F2 !important;
	}
	
/* --------- 5. product description --------- */

.productDetails table dl {
	height: 100%;
	overflow: hidden;
}
	.productDetails table dl dt {
		font-weight: bold;
	}
	.productDetails table dl dd {
		display: block;	
	}
	td.channelRow {
		padding: 12px 0 12px 5px !important;
	}
	#compareProducts td.channelRow {
		padding: 2px 0 12px 5px !important;
	}
		td.channelRow a.channel_open,
		td.channelRow a.channel_close {
			display: block;
			padding: 2px 0 2px 16px; 
			color: #666666 !important;
			font-weight: bold;
			text-decoration: none !important;
		}
		.channelTv {
			display: block;
			font-weight: bold;
			color: #185E91;
			padding: 6px 0 2px;
		}
		td.channelRow a.channel_open {
			background: url(../images/ico_channel_open.gif) 0 3px no-repeat;
			cursor: pointer;
		}
		td.channelRow a.channel_close {
			background: url(../images/ico_channel_close.gif) 0 3px no-repeat;
			cursor: pointer;
		}
		.channelBox {
			text-align: center;
			padding: 0 0 6px;
		}
			.channelContainer {
				height: 100%;
				overflow: hidden;
				padding: 8px 0 0;
				margin: 0 auto;
			}
			.channelContainer dl {
				width: 125px;
				float: left;
				margin-right: 2px;
			}
			#compareProducts .channelContainer dl {
				width: 105px;
			}
				.channelContainer dt {
					padding: 2px 0;
					border: #ccedfc 1px solid;
					float: none !important;
					text-align: center !important;
					width: 123px;
					background: #fff;
				}
				#compareProducts dt {
					width: 103px;
				}
					.channelContainer dt img {	
						margin: 0 auto !important;
						display: block;
					}
				.channelContainer dd {
					float: none !important;
					text-align: center;
				}