/*
STYLE SHEET FOR CONTENT TOTALMONEY.PL
Created by AMP MEDIA
http://www.ampmedia.com.pl
ToC
1. steps
2. category
3. comare product
4. sellers
5. fix default
6. balloon

Notes
*/


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

.energyPage {
	background: #f38500 url(../images/bg_menu_energy.gif) top left no-repeat;
	height: 8px;
}
.energyPageSubMenu {
	color: #fff;
	font-size: 0.72em;
	font-weight: bold;
	padding: 6px 10px 0;
	background: #f38500 url(../images/menu_bgt_energy.gif) top left no-repeat;
}
.energyPageSubMenu a, .energyPageSubMenu a, .energyPageSubMenu a {
		white-space: nowrap;
		color: #fff;
		font-weight: bold;
	}
	.energyPageSubMenu a:hover, .energyPageSubMenu a:hover, .energyPageSubMenu a:hover {
		text-decoration: underline;
	}
	.energyPageSubMenua.active, .energyPageSubMenu a.active, .energyPageSubMenu a.active {
		color: #185E91;
	}
	
#cat_energy {
	background: #ff9000 url(../images/cat_energy.gif) top left no-repeat;
	font-size: 0.72em;
	padding: 12px 0 14px 90px;
	font-weight: normal;
}
	#cat_energy span {
		font-weight: bold;
		font-size: 1.09em;
	}
	#cat_energy span.headerCat {
		font-weight: bold;
		font-size: 1.39em;
		display: block;
		padding: 20px 0 0;
	}
		#cat_energy span strong {
			font-size: 1.49em;
		}
		
.energyButtons {
	padding: 0 10px 10px;
	height: 100%;
	overflow: hidden;
}
	.energyButtons img {
		display: block;
	}
.simpleProcess {
	width: 400px;
	display: block;
	margin: 0 auto;
	color: #6B6B6B;
	font-size: 0.69em;	
}
.simpleProcess p {
	padding: 0 0 10px;
}
.simpleProcess ul {
	margin: 0 0 12px 20px;
}
.simpleProcess ul li {
	list-style: disc outside;
}	
	
.frameEnergy {
	position: relative;
	border: #cbedfc solid;
	border-width: 0 1px;
	background: #f2fbff;
	width: 400px;
	margin: 0 auto;
	z-index:0;
}
	.topFrameEnergy, .bottomFrameEnergy {
		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
	}
	.topFrameEnergy {
		background-position: 100% 0;
	}
	.bottomFrameEnergy { /* bottom frame */
		background-position: 100% -6px;
	}
	.frameEnergy p {
		padding: 6px 0;
		color: #185e91;
		font-size: 0.72em;
		text-align: center;
		font-weight: bold;
	}
	.frameEnergy p strong {
		color: #16b0f0;
		font-size: 1.39em;
	}
	.frameEnergy p.abouttheSeller {
		color: #000;
		font-size: 0.69em;
	}
		.frameEnergy p.abouttheSeller a {
			text-decoration: underline;
			color: #15B1F2;
			font-weight: normal;
		}
	.yourDataEnergy table th {
		text-align: right;
		font-weight: normal;
		padding: 0 4px 0;
	}
	.resultsHeaderEnergy {
		background: url(../images/bg_results_energy_f.gif) top left repeat-y;
	}
		.resultsHeaderFrameEnergy {
			background: url(../images/bg_results_energy.gif) top left no-repeat;
			position: relative;
		}

	table.offerSponsoredEnergy td,
	table.offerListEnergy td {
		text-align: left;
	}
	table.offerSponsoredEnergy td.lastCellEnergy,
	table.offerListEnergy td.lastCellEnergy {
		text-align: center;
	}	
	tr.defaultTariff {
		background: #b4e0f3;
	}
		tr.defaultTariff td.ordinal {
			background: url(../images/bg_ordinal.gif) center right no-repeat;
			color: #fff;
		}
		table.offerSponsoredEnergy thead td, 
		table.offerListEnergy thead td,
		td.ordinal {
			text-align: center;
		}
		td span.priceGuarantee {
			white-space: nowrap;
			display: block;
		}
		td span.datePriceGuarantee, td span.tariff {
			display: block;
			font-weight: bold;
			font-size: 1.09em;
		}
		td span.tariff {
			color: #000;
		}
			td span.datePriceGuarantee img,
			td span.monthlyPrice img {
				display: inline-block;
				cursor: pointer;
			}
		td span.monthlyPrice {
			display: block;
			white-space: nowrap;
		}
		td span.youSave {
			color: #6ea114;
			display: block;
		}
			td span.youSave strong {
				font-weight: bold;
				display: block;
				font-size: 1.09em;
			}
		.energyBalloon, .energyBalloonEnergy {
			position: relative;
		}
			.energyBalloonEnergy img.help {
				position: absolute;
				right: 0;
				top: 0;
			}
			.energyBalloon {
				z-index: 10;	
			}
			.energyBalloonEnergy {
				z-index: 5;
			}
				.energyBalloonEnergy span {
					text-align: center;	
				}
		.energyBalloonEnergy .balloon {
			left: 105px;
			_left: 90px;
		}
		.energyHeader table td h5 {
			text-align: left !important;
		}
		#power_paragraph img.formMultiOpHint {
			top: 7px;
			left: 404px;
		}
		
/* --------- 2. category --------- */

#cat_energia_elektryczna {
	background: #ff9000 url(../images/ico_energia_elektryczna.gif) no-repeat;
}

.energyHeader h3 {
	background: #F9CD00 url(../images/bg_product_details_energy.gif) top left no-repeat !important;
}
.yourChoice table td {
		vertical-align: top;
}
.yourChoice table td a {
	text-decoration: underline;
	color: #15B1F2;
}
#energiaDom {
	background: url(../images/energia_dom.jpg) top left no-repeat;
}
	#energiaDom span.titleProduct,
	#energiaFirma span.titleProduct {
		top: 10px;
	}
	#energiaDom span strong,
	#energiaFirma span strong {
		display: block;
		font-size: 0.69em;
	}
#energiaFirma {
	background: url(../images/energia_firma.jpg) top left no-repeat;
}

/* --------- 3. comare product --------- */

.compareHeaderInfoEnergy {
	background: url(../images/bg_compare_energy.gif) top left no-repeat;	
}
#catEnergy_dom {
	background: #ff9000 url(../images/ico_energia_dom.gif) no-repeat;
	padding: 30px 0 0 95px !important;
	font-size: 0.99em !important;
}
tr.importantInfoEnergy th {
	font-size: 1.09em;
	background: #e0f6ff !important;
}
	tr.importantInfoEnergy td {
		border-left: #fff !important; 
		background: #fff !important;
	}
	
#compareKind {
	clear: both;
	height: 26px;
	overflow: hidden;
}
	#compareKind label.labelKind {
		position: relative;
		width: auto;
		padding: 0 8px 0 0;
	}
		#compareKind label.labelKind label.error {
			position: absolute;
			bottom: -12px;
			left: 6px;
			display: block;
			margin: 0;
			width: 200px;
			float: none;
			
		}
	#compareKind label.error {
		display: block;
		float: left;
	}
#number_fields, #height_fields {
	clear: both;
}
#dataFormOptions {
	display: block;
	clear: both;
}
	#dataFormOptions .options:after,
	p#distributor_paragraph:after,
	p#compareKind:after,
	p#yearly_use:after { /* clearing without presentational markup, IE gets extra treatment */
		display: block;
		clear: both;
		content: " ";
		font-size: 0.89em;
		position: static;
	}
		#dataFormOptions .options p {
			position: static;
		}
		.imgPriceGuarantee {
			top: 22px !important;
		}
		.labelPriceGuarantee {
			top: 2px !important;
		}
		.imgForMeters {
			top: 44px !important;
		}
		.labelForMeters {
			top: 24px !important;
		}		
		
/* --------- 4. sellers --------- */

#seller {
	margin: 0 auto;
	width: 561px;
}
	#seller .compareHeaderInfoEnergy {
			background: #ff9000 url(../images/bg_header_seller.gif) top left no-repeat;
	}
#seller td h5 {
	text-align: left !important;
}
#seller .productDetails td p {
	padding: 0 0 4px;
}
	#seller .productDetails td a {
		color: #16b0f0;
		text-decoration: underline;
	}
	#seller .productDetails td p em {
		font-weight: bold;
		font-style: normal;
		color: #16b0f0;
		font-size: 1.09em;
	}
		#seller .productDetails td p span {
			display: block;
			text-indent: 12px;
			line-height: 16px;
		}
	
/* --------- 5. fix default --------- */

.defaultTariffFix {
	background: #b4e0f3 !important;
}

/* --------- 6. balloon --------- */

.cloudletInformation {
	position: relative;
	float: left;
	z-index: 30;
}
	.cloudletInformation .balloonTip {
		background: transparent url(../images/bg_balloon_top.gif) no-repeat scroll left top;
		display: none;
		padding: 10px 0 0 11px;
		position: absolute;
		text-align:left;
		top: -20px;
		right: -180px;
		width: 166px;
		z-index: 100;
	}
		.cloudletInformation .balloonTip p {
			padding: 0 20px 6px 8px !important;
			text-align: left !important;
			color: #454545;
			font-size: 0.89em;
			font-weight: normal;
			background: url(../images/bg_balloon.gif) top left repeat-y;
		}
		.cloudletInformation img.toolTip {
			display: inline;
		}
		.cloudletInformation img {
			margin: 0 !important;
		}