/*
		elpristavlen.dk
		Styles: General
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */






/* * * * * * * * * * * * * * * * * * * * * * * /
 * FRONTEND PART
 * * * * * * * * * * * * * * * * * * * * * * * /

 /*
    common styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix
{
	display: inline-block;
}
.clearfix
{
	display: block;
}

/* general elements */
body
{
	text-align: center;
	font: normal 87.5%/1em Arial, Helvetica, sans-serif;
	background: #fff;
}
h1, h2
{
	font-weight: bold;
	line-height: 1;
}
h1
{
	font-size: 3.21em;
	padding-bottom: 21px;
}
h2
{
	font-size: 1.43em;
}
a
{
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
h3.frontpage, p.frontpage 
{
	margin-left:20px;
}
a:hover
{
	text-decoration: underline;
}
input,
textarea
{
	border: 1px solid #999;
	border-bottom-color: #ccc;
	border-right-color: #ccc;
	font-family: Arial,Helvetica,sans-serif;
}
	input.btnRadio,
	input.chkBox,
	span.btnRadio input,
	span.chkBox input
	{
		border: none;
		height: 15px;	
		width: 13px;
		padding: 0;
		margin: 0;
		vertical-align: middle;
	}
	input.error
	{
		background: #feeeb8;
	}

legend
{
	display: none;
}
.accessibility
{
	left: -999em;
	position: absolute;
	top: -999em;		
}

.clearB
{
	clear: both;
}
span.clearB
{
	display: block;
}
span.error
{
	color: #f00;
	line-height: 1.3em;
}
div.errorMsg
{
	color: #f00;
}
span.requiredField
{
	color: #f00;
	position: static !important;
}
/* vertical aligment */
.outerVA
{
    display:table;
}
.containerVA
{
  display:table-cell;
  vertical-align:middle;
}

/* button */
.button
{
	height: 35px;
	float: left;
	position: relative;
}
	.button span
	{
		background: url('/gfx/danskenergi/btn-righter.png') 100% 0 no-repeat;
		height: 35px;		
		width: 6px;
		position: absolute;
		right: -6px;
		top: 0;
		float: none !important;
		padding: 0 !important;		
	}
	    .button.small span
	    {
		    background: url('/gfx/danskenergi/btn-righter-small.gif') 100% 0 no-repeat;
		    height: 20px;		
		    width: 6px;
		    right: -5px !important;
	    }
	.button input
	{
	    margin: 0;
		background: url('/gfx/danskenergi/btn-lefter.png') 0 0 no-repeat;		
		width: auto;
		height: 35px;		
		border: none;
		padding: 0 8px 0 14px;
		color: #fff;
		cursor: pointer;
		font: bold 0.79em/1em verdana !important;
	}
	    .button.small input
	    {
		    background: url('/gfx/danskenergi/btn-lefter-small.gif') 0 0 no-repeat;
            height: 20px;
            padding: 0 4px 0 10px;     
        }

	.button.width150 input
	{
	    width: 180px !important;
	}
	.button.width200 input 
	{
	    width: 220px !important;
	}

/* color boxes */
	.box .leftTop,
	.box .rightTop,
	.box .leftBottom,
	.box .rightBottom
	{
		position: relative;
		width: 7px;
		height: 7px;
		background: url('/gfx/danskenergi/blocks-corners.gif') 0 0 no-repeat;
		font-size: 1px;
		line-height: 1px;
	}
	.box .leftTop
	{
		float: left;
		top: -4px;
		left: -4px;
	}
	.box .rightTop
	{
		float: right;
		top: -4px;
		right: -4px;
	}
	.box .leftBottom
	{
		float: left;
		left: -4px;
		bottom: -4px;
	}
	.box .rightBottom
	{
		float: right;
		right: -4px;
		bottom: -4px;
	}	
	.box .content
	{
		clear: both;
	}
	
	/* green box */
	.greenBox
	{
		border: 4px solid #0a8d00;
		background: #0dbf00;
	}
		.box.greenBox .leftTop
		{
			background-position: 0 -21px;
		}
		.box.greenBox .rightTop
		{
			background-position: 0 0;
		}
		.box.greenBox .leftBottom
		{
			background-position: 0 -14px;
		}
		.box.greenBox .rightBottom
		{
			background-position: 0 -7px;
		}
	/* blue box */
	.blueBox
	{
		border: 4px solid #3e90c5;
		background: #69add9;
	}
		.box.blueBox .leftTop
		{
			background-position: -7px -21px;
		}
		.box.blueBox .rightTop
		{
			background-position: -7px 0;
		}
		.box.blueBox .leftBottom
		{
			background-position: -7px -14px;
		}
		.box.blueBox .rightBottom
		{
			background-position: -7px -7px;
		}	
	/* grey box */
	.greyBox
	{
		border: 4px solid #b9b6a8;
		background: #eae7da;
	}
		.box.greyBox .leftTop
		{
			background-position: -14px -21px;
		}
		.box.greyBox .rightTop
		{
			background-position: -14px 0;
		}
		.box.greyBox .leftBottom
		{
			background-position: -14px -14px;
		}
		.box.greyBox .rightBottom
		{
			background-position: -14px -7px;
		}
	/* grey box */
	.lightgreenBox
	{
		border: 4px solid #047d8b;
		background: #00b5ca;
	}
		.box.lightgreenBox .leftTop
		{
			background-position: -21px -21px;
		}
		.box.lightgreenBox .rightTop
		{
			background-position: -21px 0;
		}
		.box.lightgreenBox .leftBottom
		{
			background-position: -21px -14px;
		}
		.box.lightgreenBox .rightBottom
		{
			background-position: -21px -7px;
		}					
		
/* yellow box (send a friend) */
	.yellowBox .top,
	.yellowBox .bottom
	{
		position: relative;
		width: 380px;
		height: 10px;
		background: url('/gfx/danskenergi/yellow-box-top.png') 0 0 no-repeat;
		font-size: 1px;
		line-height: 1px;
	}
	.yellowBox .bottom
	{
		background: url('/gfx/danskenergi/yellow-box-bottom.png') 0 0 no-repeat;
	}
	.yellowBox .content
	{
		clear: both;
		border: 5px solid #eeb900;
		border-width: 0 5px;
		background: #ffd851;		
		text-align: left;
		width: 350px;
		position: relative;
	}	
	    .yellowBox .content .inner
	    {
		    margin: 0 20px;		
		    padding: 18px 0;

	    }
		.yellowBox .content fieldset
		{
			padding-top: 10px;
		}
		.yellowBox .content .separator
		{
			height: 20px;
			clear: both;
		}
		.yellowBox .content .field
		{
			padding: 5px 0;
			float: left;
			width: 100%;
		}
			.yellowBox .content .field label
			{
				width: 116px;
				float: left;
				padding: 7px 0 5px 0;  
			}
			    .yellowBox .content .field.textarea label
			    {
				    width: 200px;
			    }
			.yellowBox .content .field input
			{
				font-size: 1em;
				float: left;
				width: 174px;
				padding: 7px 0 7px 7px;
			}
			.yellowBox .content .field textarea
			{
				width: 295px; 
				height: 110px;
				font-size: 1em;
			}
			.yellowBox .content .field .button input
			{
				width: 8.14em;
			}
			.yellowBox .content .field .cancel
			{
				float: right;
				padding: 10px 20px 0 0;
			}
				.yellowBox .content .field .cancel a
				{
					color: #c52e00;
					text-decoration: underline;
					font-size: 0.79em;
				}
			.yellowBox .content a.btnCloseIcon
			{
				width: 19px;
				height: 18px;
				position: absolute;
				right: 4px;
				top: 0px;
				text-indent: -999em;
				background: url(/gfx/danskenergi/btn-close.png) 0 0 no-repeat;				
			}

/* wrapper */
#wrapper
{
    margin: 0 auto;
	width: 65em;
	padding: 0;
	text-align: left;
}
body:first-of-type #wrapper { min-width: 910px; } /* safari hack */

/*
    header styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#header
{
	background: #eae7da;
	position: relative;
}
    #header.adminPart
    {
        height: 7em;
    }
	#header .logo
	{
		position: absolute;
		/*top: 27px;*/
		top: 1.9286em;
		/*left: 20px;*/
		left: 1.4286em;
	}
	    #header .logo img 
	    {
	        width: 9.7143em;
	        height: 2.6429em;
	    }
	#header .topNav
	{
		float: right;
	}
	    #header .topNav ul li
	    {
		    position: relative;		
		    float: left;
		    width: 8.57em;
		    line-height: 5.67em;
		    text-align: center;
		    border-left: 1px solid #fff;
	    }
		    #header .topNav ul li.current
		    {
			    border: none;
			    position: relative;	
			    background: #d63200;
			    border-bottom: 2px solid #b92b00;
			    margin-bottom: -6px;
		    }
			    #header .topNav ul li.current span.leftBorder,
			    #header .topNav ul li.current span.rightBorder
			    {
				    width: 6px;
				    height: 99px;
				    position: absolute;
				    background: #000 url('/gfx/danskenergi/topNav-borders.gif') -6px 0 no-repeat;
				    right: 0;
				    bottom: -2px;
			    }
			    #header .topNav ul li.current span.leftBorder
			    {
				    background-position: 0 0;
				    left: 0;
			    }
		    #header .topNav ul li a
		    {
			    /*padding-top: 15px;*/
			    padding-top: 1.0714em;
			    display: block;
			    color: #666;
			    text-decoration: none;		
		    }
		    #header .topNav ul li a:hover
		    {
			    text-decoration: underline;		
			    background: #d3d0c4;			
		    }		
		    #header .topNav ul li.current a
		    {
    		    color: #fff;
		    }
            #header .topNav ul li.current a:hover 
            {
                background: none;
            }		    

/* print page block */
.printPage 
{
    position: absolute;
    right: 15px;
    bottom: -40px;
    z-index: 999;
}
    .printPage a 
    {
        color: #666;
        font-size: 0.8em;
        background: url(/gfx/danskenergi/icon-printer.gif) 0 0 no-repeat;
        padding-left: 20px;
    }
    .printPage a:hover 
    {
        text-decoration: none;
    }


.addInfoTools    
{
    padding-right: 1.67em;
}
.addInfoTools .printPage 
{
    position: static;
    padding-left: 10px;
}
    .addInfoTools .printPage a 
    {
        line-height: 1.5em;
        font-size: 1em;
        padding: 0 0 2px 20px;
    }

/*
    content part styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#content
{
	padding: 23px 0 0 20px;
    }
    
    .whoAreYou
    {
        padding-left: 10px;
        }
        .whoAreYou .choice
        {
            padding-bottom: 10px;
        }
    .yourElectricity
    {
        display: none;
    }
	#content .powerConsumption,
	#content .home
	{
		float: left;
		width: 33.79em;
		margin-top: 1.1em;	
		min-height: 29em;
	}
	#content .home
	{
		width: 27.5em;
		position: relative;
        margin: 1.5em 0 0 0.93em;
        z-index: 999;
	    }
	    #content .powerConsumption h2,
	    #content .home h2
	    {
		    color: #c52e00;
		    padding-bottom: 15px;
	        }
            #content .powerConsumption h2 img,
            #content .home h2 img
            {
                vertical-align:baseline;
                position: relative;
                top: 0.4246em;
                width: 1.6983em;
                height: 1.6983em;
            }
    	
	#content .powerConsumption span.error
	{
		width: 16.79em;
		left: 30px;
		top: 6.2em;
	}
		#content .powerConsumption fieldset
		{
			margin-top: 0.4em;	
		}
		#content .powerConsumption .leftPart,
		#content .powerConsumption .rightPart
		{
			width: 14.14em;
			float: left;
		}
		#content .powerConsumption .rightPart
		{
		    width: 19.14em;
			background: url('/gfx/danskenergi/vertical-dotted.gif') 0 0 repeat-y;
    		}
		    #content .powerConsumption .rightPart h2
		    {
		        margin-left: 10px;
		    }
		#content .powerConsumption .field
		{
			background: url('/gfx/danskenergi/horizontal-dotted.gif') 0 100% repeat-x;
			position: relative;
			clear: both;
			height: 5.57em;
			padding-left: 10px;
			z-index: 10;
		}
		#content .powerConsumption .rightPart .field 
		{
		    /*padding-left: 21px;*/
		    padding-left: 1.5em;
		}
		#content .powerConsumption .field label
		{
			float: left;
			width: 100%;
		}
		#content .powerConsumption .field span.price,
		#content .powerConsumption .field input
		{
			float: left;
			/*margin-top: 20px;*/
            margin-top: 1.4286em;
			/*padding-left: 5px;*/
			padding-left: 0.3571em;
		}
		#content .powerConsumption .field span.btnRadio input
		{
            margin-top: 20px;		    
		}
		
		#content .powerConsumption .field span.price
		{
			/*width: 135px;*/
			width: 9.6429em;
			line-height: 1.1em;
		}
		    #content .powerConsumption .rightPart .field span.price 
		    {
		        /*width: 134px;*/
		        width: 9.5714em;
		    }
		#content .powerConsumption .field span.price span
		{
		    padding-bottom: 3px;
		}
		#content .powerConsumption .field label.selected span.price span
		{
		    font-weight: bold;		    
		}
			#content .powerConsumption .field.otherpower
			{
				background: none;
			}
			#content .powerConsumption .field.otherpower span.price
			{
				width: 12.86em;
				white-space: nowrap;
			}
			#content .powerConsumption .field.otherpower label.selected span.price 
			{
			    font-weight: bold;
			}			
			#content .powerConsumption .field.otherpower label
			{
				display: block;
				clear: both;
			}
			#content .powerConsumption .field.otherpower label.otherPower
			{
				line-height: 1.9em;			
				padding: 0.36em 0 0 1.4286em;
				width: 12.56em;
			}
			#content .powerConsumption .field.otherpower label.otherPower input
			{
				font-size: 1.6em;
				/*width: 100px;*/
				width: 4.4643em;
				margin: 0 0.1339em 0 0;
			}

		#content .powerConsumption .field img
		{
			position: absolute;
			/*right: 25px;*/
			right: 1.7857em;
			top: 0;
			opacity: 0.8;
		}
			#content .powerConsumption .field img.power2000
			{
				/*top: 4px;*/
				top: 0.2857em;
		        width: 2.5714em;
		        height: 4.1429em;
				
			}
			#content .powerConsumption .field img.power4000
			{
				/*top: 13px;	*/
				top: 0.9286em;
				width: 2.8571em;
				height: 3.2857em;			
			}
			#content .powerConsumption .field img.power10000
			{
				/*top: 12px;*/
				top: 0.8571em;
				width: 3.7857em;
				height: 3.2857em;
			}
			#content .powerConsumption .field img.power20000
			{
				/*top: 18px;*/
				top: 1.2857em;
				width: 3.7857em;
				height: 3.8571em;
			}
			#content .powerConsumption .field label.selected img
			{
			    opacity: 1;
			}
			#content .powerConsumption .field em
			{
				font-style: normal;
				font-size: 0.86em;
				color: #858585;
			}

	#content .home fieldset
	{
		padding-top: 1.35em;
		margin-left: 0.93em;
	}
	#content .home input
	{
		font-size: 1.6em;
		/*width: 88px;*/
		width: 3.9286em;
		float: left;
		margin-top: 0.35em;
	}
		#content .home input.btnFind
		{
		    position: absolute;
			/*width: 161px;*/
			width: 7.1875em;
			/*height: 56px;*/
			height: 2.5em;
			border: none;
			clear: both;
			top: 9.3em;
			right: -5px;
		}
		
	            
/*
    Articles fields at the bottom of frontpage
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	            
#articlesFields
{
	clear: both;
	border-top: 1px solid #d3d6cc;
	padding: 5px 0;
	margin: 4.25em 0 0;
	position: relative;
	z-index: 1;
}
	#articlesFields .separator
	{
		background: #d3d6cc;
		width: 1px;
		height: 14.29em;
		float: left;
		margin: -5px 0 0 0.25em;
		display: inline;
	}
	#articlesFields p
	{
		line-height: 1.5em;
	}
	#articlesFields .articlePromotion
	{
		width: 32.21em;
		float: left;
		background: #eae7da;
		height: 13.93em;
		position: relative;
		cursor: pointer;
	}
	#articlesFields .articlePromotion h2
	{
		font-size: 1.29em;
		padding: 1.3289em 0 1em 0;
		font-weight: normal;
	}
	#articlesFields .articlePromotion h2,
	#articlesFields .articlePromotion p
	{
		/*margin: 0 20px;*/
		margin: 0 1.1074em;
	}

#articlesFields .articlePromotion .image
{
	position: absolute;
	/*left: -24px;*/
	left: -1.7143em;
	bottom: 0px;
}
	#articlesFields .articlePromotion .image img
	{
		float: left;
		width: 16.1429em;
		height: 6.1429em;
	}

#articlesFields	.myths
{
	width: 32.29em;
	float: right;
	background: #eae7da;
	height: 13.93em;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	z-index: 1;
}
	#articlesFields	.myths .outerVA
	{
		height: 13.93em;
		float: left;
	}
	#articlesFields	.myths h2
	{
		font: normal 3.57em/1.3em Georgia; 
		width: 2.8em;
		text-align: center;
	}
	#articlesFields	.myths p
	{
		width: 17.54em;
		font-size: 1.14em;
	}

/*
    drop down company list on the frontpage
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#companyList
{
	position: absolute;	
	margin-top: 2.9em;
	left: 0.95em;
}
	#companyList ul li
	{
		float: left;
		clear: both;
		width: 15.4em;
		background: #fff;
	    }
	    #companyList ul li.selected
	    {
	        background: #feeeb8;
	    }
	#companyList a
	{
		float: left;
		color: #000;
		text-decoration: none;
		padding: 3px 0 3px 3px;
		vertical-align: middle;				
		/*width: 100%; */
		overflow: hidden;
		font-size: 0.72em;
		position: relative;
	    }
		#companyList a:hover
		{
			background: #feeeb8;
		}
		#companyList a img
		{
			vertical-align: middle;	
			float: left;
			padding-right: 5px;
		}	
		#companyList span.logoImage 
		{
		    /*width: 85px;*/
		    /*height: 35px;*/
		    /*overflow: hidden;*/
    	    float: left;
		    /*margin-right: 5px;*/
		    margin-right: 0.2em;
		}
		#companyList span.logoImage img
		{
		    width: 8.4325em;
            height: 3.4722em;		    
		}
		#companyList a em 
		{
		    float: left;
            /*width: 90px;*/
            width: 7.3em;
            overflow: hidden;
		}
		    #companyList a em span
		    {
                display: table-cell;
                vertical-align: middle;
                height: 3.47em;
                width: 7.3em;
                overflow: hidden;
		        /*height: 35px;*/
		        font-style: normal;
		    }
	#companyList span.msg
	{
		position: absolute;
		/*left: 95px;*/
		left: 8.5895em;
		top: -3em;
		width: 17em;
		font-size: 0.79em;
	}
	
	#content #companyList input
	{
	    width: auto;
	    margin-top: 12px;
	}
	

/*
    About page styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#content.page
{
	padding-top: 45px;
}
#content.page h1
{
	font-size: 2.5em;
	padding-bottom: 21px;
}
	#content.page .aboutArticle,
	#content.page .article
	{
		width: 44.29em;
		float: left;
		overflow: hidden;		
	}
	#content.page .aboutArticle h2,
	#content.page .article h2
	{
		font-size: 1.14em;
		padding-bottom: 13px;
	}
	#content.page .aboutArticle p,
	#content.page .article p
	{
		line-height: 1.35em;
		padding-bottom: 25px;
	}
	#content.page .aboutArticle p.intro,
	#content.page .article p.intro
	{
		font-size: 1.29em;
		font-weight: normal;
	}
	
    #content.page .article img
    {
        padding-bottom: 25px;
    }
	
/*
    contact persons block styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
#contactPersons
{
	padding: 32px 0 10px 0;
	width: 45.77em;
}
	#contactPersons .person
	{
		float: left;
		width: 19.28em;
		background: #eae7da;
		margin-right: 20px;
		padding: 20px;
	}
	#contactPersons .person.last
	{
		margin-right: 0;
	}
	#contactPersons img
	{
		float: left;
	}
	#contactPersons h3,
	#contactPersons address
	{
		margin-left: 9.43em;
		font-weight: normal;		
		font-style: normal;
		line-height: 1.3em;		
		width: 9.9em;	
	}
	#contactPersons h3
	{
		padding-top: 20px;
	}
	#contactPersons h3 strong
	{
		font-size: 1.14em;				
	}
	#contactPersons p 
	{
        margin-left: 9.43em;	    
        line-height: 1.3em;
	}
	#contactPersons address 
	{
	    padding-top: 20px;
	}


#content.page .aboutArticle ul
{
	list-style-type: disc;
	line-height: 1.35em;
	padding: 0 0 10px 15px;	
}
	#content.page .aboutArticle ul li
	{
		padding-bottom: 13px;
	}

.contactBlock,
.rightColumn
{
	float: right;
	margin-top: 5px;
	width: 18em;
}
.contactBlock .contactInfo,
.rightColumn .seeAlso
{
	float: right;
	width: 17.14em;
	color: #fff;
}
    .contactBlock .contactInfo a 
    {
        color: #fff;
    }
    .contactBlock .contactInfo a:hover 
    {
        text-decoration: none;
    }
	.contactBlock .contactInfo h2,
	.rightColumn .seeAlso h2
	{
		font-size: 1.43em;
		color: #fff;
		padding: 0 0 13px 0;
	}
	.contactBlock .contactInfo p,
	.rightColumn .seeAlso p
	{
		padding-bottom: 15px;
		font-size: 1.14em;
	}
	.contactBlock .contactInfo .content,
	.rightColumn .seeAlso .content
	{
		margin: 15px 15px 0;
		line-height: 1.6em;
		overflow: hidden;
		float: none;
	}

/* list of friends at the right */
.contactBlock .friends
{
	float: right;
	position: relative;
	right: 0;
	padding: 5px 2.29em 0 0;
}	
	.contactBlock .friends ul
	{
		width: 12.86em;
		overflow: hidden;
	}
		.contactBlock .friends ul li
		{
			border-bottom: 1px solid #ccc;
			float: left;
			width: 100%;	
			padding: 10px 0;
		}
			.contactBlock .friends ul li a
			{
				text-align: center;
				width: 100%;
				float: left;
			}

/* contact form */		
#content.page .contactForm 
{
    clear: left;
}
#content.page .contactForm h2
{
    font-size:1.14em;
    padding-bottom:13px;
}
#content.page .contactForm .field
{
	clear: both;
	padding-bottom: 13px;
}
	#content.page .contactForm .field label
	{
		float: left;
		width: 100%;
		padding-bottom: 5px;
  		font-size: 1.14em;
  		font-weight: normal !important;
	}
	#content.page .contactForm .field input
	{
		width: 270px;
		font-size: 1.14em;
		padding: 4px 0;
	}
	#content.page .contactForm .field textarea
	{
		font-size: 1.14em;	
		width: 600px;
		height: 118px;
	}
#content.page .contactForm .button input
{
	width: 120px;
}

/*
    search results page styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#content.page.searchResultsPage
{
	padding: 29px 0 0 0;
}
.searchResults
{
	width: 63.64em;
	font-size: 0.79em;	
	float: left;
	position: relative;
    }
    .questionIcon
    {
        position: absolute;
        width: 30px;
        height: 30px;
        background: url(/gfx/danskenergi/info.png) 0 0 no-repeat;
        right: -10px;
        top: -10px;
        z-index: 999;
        display: none;
        }
        .questionIcon a
        {
            display: block;
            width: 30px;
            height: 30px;
        }

	.searchResults .currentProduct,
	.searchResults .allProducts
	{
		border: 1px solid #e9eae5;		
		padding-top: 0.1808em;
		margin-top: 1.085em;		
	}
	.searchResults .allProducts
	{
		border: none;
		border-top: 1px solid #d3d6cc;
	}
		.searchResults .button
		{
			font-size: 1.273em;
			/*margin: 20px 0 0;*/
			margin: 1.8083em 0 0;
			display: inline;
		}
		.searchResults .currentProduct .button
		{
			margin-bottom: 0;
		}
		.searchResults .button input
		{
			width: 25em !important;
		}
		.searchResults .button,
		.searchResults h2,
		{
			margin-left: 20px;
		}
		.searchResults h2
		{
			font-size: 1.82em;
		}
		    .searchResults h2.info
		    {
			    /*margin-top: 20px;*/
			    margin-top: 0.9936em
		    }
		
	.searchResults table
	{
		width: 100%;
	}
	.searchResults table#SearchResultsTable td
	{
	    background-color: #fff;
	}
	.searchResults table thead
	{
		background: #fff;
		padding: 1px;
	}
	.searchResults table tr.last td
	{
        background: none;
    }
    .searchResults .infoAndProducts
    {
        width: 100%;
        background: #B6DAF0;
        margin-top: 5px;
    }    
        .searchResults .infoAndProducts .info
        {
            float: left;
            display: inline;
            width: 70%;
            margin: 10px;
        }
        .searchResults .infoAndProducts .contact
        {
            float: right;
            display: inline;
            width: 20%;
            margin: 10px;
        }
        .searchResults .infoAndProducts h2
        {
            margin: 0;
        }
        .searchResults .infoAndProducts p
        {
            margin: 7px 0;
        }	
	
	.searchResults table th
	{
		color: #666;
		background: #f6f6f1;
		/*padding: 10px 15px 10px 0;*/
		padding: 0.9042em 1.35624em 0.9042em 0;
		text-align: left;
		vertical-align: top;
	}
		.searchResults table th.sorted
		{
			color: #000;
		}
		.searchResults table th a.sort 
		{
			background: url('/gfx/danskenergi/sort-none.gif') 0 4px no-repeat;
			/*padding-left: 10px;*/
			padding-left: 0.9042em;
			/*margin-left: -10px;*/
			margin-left: -0.9042em;
			color: #666;
			position: relative;
			float: left;
		}
		.searchResults table th a.sort:hover 
		{
		    color: #000;
		    text-decoration: none;
		}
		.searchResults table th.sorted a.sort
		{
			background: url('/gfx/danskenergi/sort-up.gif') 0 4px no-repeat;
			color: #000;
		}
		.searchResults table th.sorted.asc a.sort
		{
			background: url('/gfx/danskenergi/sort-down.gif') 0 4px no-repeat;
			color: #000;
		}		
	.searchResults table td
	{
		/*padding: 10px 0;*/
		padding: 0.9042em 0;
		margin: 0;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		line-height: 1.4em;
		vertical-align: middle;
		background: #fcfcfb url('/gfx/danskenergi/horizontal-dotted.gif') 0 100% repeat-x;
	}
		.searchResults table td.noDefaultProducts 
		{
		    background: none;
			background-color: #fcfcfb;
		}
		.searchResults table td .noHits,
		.searchResults table td .noDefaultProducts
		{
			/*padding: 0 20px;*/
			padding: 0 1.8083em;
		}
			.searchResults table td .noHits p
			{
				/*padding: 5px 0;*/
				padding: 0.45208em 0;
			}		
		.searchResults table td.separator
		{
			height: 3px;
			background: #fff;
			border-bottom: 1px solid #d3d6cc;
			padding: 0;
		}
		.searchResults table td.compareCheckbox,
		.searchResults table th.compareCheckbox
		{
			vertical-align: middle;
			text-align: right;
			/*padding-right: 5px;*/
			padding-right: 0.4521em;
		}
		.searchResults table td.supplierLogo
		{
			vertical-align: middle;
			text-align: center;
		}
		.searchResults table td.supplierLogo,
		.searchResults table td.productName,
		.searchResults table td.icons,
		.searchResults table td.period,
		.searchResults table td.price,
		.searchResults table td.subscription		 
		{
		    cursor: pointer;
		}
		.searchResults table td.productName p 
		{
		    /*padding: 0 8px;*/
		    padding: 0 0.7233em;
		}
		.searchResults table td.supplierLogo img 
		{
		    /*width: 70px;*/
		    width: 6.3291em;
		}
		.searchResults table td.icons
		{
			vertical-align: middle;
		}
		    .searchResults table td.icons img 
		    {
                visibility: hidden;		        
                /*padding-right: 5px;*/
                padding-right: 0.4521em;
		    }
		.searchResults table td.price,
		.searchResults table td.subscription
		{
			text-align: right;
			/*padding-right: 20px;*/
			padding-right: 1.8083em;
			vertical-align: top;
			/*padding-top: 12px;*/
			padding-top: 1.085em;
		}
		.searchResults table td.period
		{
			text-align: left;
			/*padding-right: 20px;*/
			padding-right: 1.8083em;
			vertical-align: top;
			/*padding-top: 12px;*/
			padding-top: 1.085em;
		}
		.searchResults table td.subscription 
		{
		    /*padding-right: 28px;*/
		    padding-right: 2.53165em;
		}
		.searchResults table td.price 
		{
		    /*padding-right: 23px; */
		    padding-right: 2.0796em; 
		}
		.searchResults table td.bill 
		{
		    vertical-align: top;
		    line-height: 1.2em;
		}
		.searchResults table td.current
		{
			font-weight: bold;
			font-size: 1.27em
		}
		.searchResults table td a
		{
			color: #c52e00;
			text-decoration: none;
		}
		.searchResults table td a:hover 
		{
		    text-decoration: underline;
		}
			.searchResults table td.current a
			{
				font-size: 0.79em;
				font-weight: normal;
			}
		.searchResults table td.info
		{
			/*padding: 10px 20px;*/
			padding: 0.9042em 1.8083em;
			background: none;
		}
			.searchResults table td.info a
			{
				color: #666;
			}
			
.searchResults .seeProducts 
{
    float: right;
    font-size: 1.5em;
    padding-top: 33px;
}    
    .searchResults .seeProducts a 
    {
        color: #C52E00;
        text-decoration: underline;
        position: relative;        
    }
    .searchResults .seeProducts a:hover 
    {
        text-decoration: none;
    }
    
/* additional info of search result */			
	.searchResults table td.expand
	{
		padding: 0;
		background: none;
	}
	.searchResults table td.separatorH10
	{
		padding: 0;
		height: 10px;
	}
	.searchResults table td.separatorH20
	{
		padding: 0;
		height: 20px;
	}

	.searchResults table tr.colorBlue td
	{
		color: #004473;
		font-size: 1.27em;
		font-weight: bold;
	}
	.searchResults table tr.message td
	{
		/*padding: 0 20px;*/
		padding: 0 1.8083em;
		font-size: 1em;
		font-weight: normal;
	}
	    .searchResults table tr.message.noPadding td 
	    {
	        padding: 0;
	    }
	
		.searchResults table td.expand .moreInfo,
		.searchResults table td.expand .moreInfo2Level
		{
			display: none;
		}
		.searchResults table td.expand .moreInfo
		{
			border: 1px solid #e9eae5;
			border-top: none;
			padding-top: 15px;
		}
		.searchResults table#SearchResultsTable td.expand .moreInfo table td 
		{
		    background-color: #fcfcfb; 
		}
		    .electricityType img		    
		    {
		        float: left;
		        /*padding: 3px 5px 0 0;*/
		        padding: 3px 0.4521em 0 0;
		    }
		    .productType img 
		    {
		        float: left;
		        margin-top: 2px;
		        /*padding-right: 5px;*/
		        padding-right: 0.4521em;
		    }
		    .contractExtraBenefitsIcon img 
		    {
		        float: left;
		        /*padding-right: 5px;*/
		        padding-right: 0.4521em;
		    }
		    .electricityType span,
		    .productType span,
		    .contractExtraBenefitsIcon span
		    {
		        display: block;
		        float: left;
		        /*width: 300px;*/
		        width: 27.1248em;
		    }
		.searchResults table#SearchResultsTable td.expand .moreInfo table tr.lastFlag td
		{
		    background-image: none;
		}
		.searchResults table td.expand .moreInfo h3
		{
			font: bold 1.27em/1 arial;
		}
		.searchResults table td.expand .moreInfo h3 img
		{
		    vertical-align: middle;
		}
		.searchResults table td.expand .moreInfo h4
		{
			font-size: 1.09em;
		}		
			.searchResults table td.expand table td.expand .moreInfo2Level table.price td
			{
				padding-top: 0;
				padding-bottom: 0;
			}
			.searchResults table td.expand table td.expand .moreInfo2Level table.price td.title 
			{
			    width: 45%;
			}
			.searchResults table td.expand table td.expand .moreInfo2Level table.price td.value 
			{
			    width: 30%;
			}
			
			.searchResults table td.expand table td.expand .moreInfo2Level table.price
			{
				margin-bottom: 20px;
			    }
			    .searchResults table td.expand table td.expand .moreInfo2Level table.price td.detailsLevel2
			    {
			        text-align: right;
			    }
		.searchResults table td.expand table tr.subHeader td
		{
			background: #fcfcfb url('/gfx/danskenergi/horizontal-dotted.gif') 0 100% repeat-x;			
		}
			.searchResults table td.expand table tr.subHeader.last td
			{
				background: none;
			}		
		.searchResults table td.expand table td
		{
			vertical-align: top;	
			background: none;		
			/*padding-right: 20px;*/
		}
		.searchResults table td.expand table td.title
		{
			/*padding: 10px 0 0 20px;*/
			padding: 10px 0 0 1.8083em;
		}
			.searchResults table td.expand table td .warning
			{
				background: #b6daf0;
				/*padding: 20px;*/
				padding: 1.8083em;
				/*margin-left: 20px;*/
				margin-left: 1.1286em;
				position: relative;
			}
            .searchResults table td.expand table td .warning .leftTopCorner,
            .searchResults table td.expand table td .warning .rightTopCorner,
            .searchResults table td.expand table td .warning .rightBottomCorner,
            .searchResults table td.expand table td .warning .leftBottomCorner  
            {
                width: 3px;
                height: 3px;
                background: url(/gfx/danskenergi/warningCorners.gif) 0  -9px no-repeat;
                line-height: 1px;
                font-size: 1px;
                position: absolute;
            }
            .searchResults table td.expand table td .warning .leftTopCorner 
            {
                left: 0;
                top: 0;
            }
            .searchResults table td.expand table td .warning .rightTopCorner 
            {
                background-position: 0 0;
                right: 0;
                top: 0;
            }
            .searchResults table td.expand table td .warning .rightBottomCorner 
            {
                background-position: 0 -3px;
                right: 0;
                bottom: 0;
            }
            .searchResults table td.expand table td .warning .leftBottomCorner
            {
                background-position: 0 -6px;
                left: 0;
                bottom: 0;
            }
				.searchResults table td.expand table td .warning h2
				{
					font-size: 1.807em;
					float: left;
					line-height: 1.2em;
					width: 400px;
					margin: 0;
					padding: 0;
				}
				.searchResults table td.expand table td .warning a.expandLink,
				.searchResults table td.expand table td .warning a.contractLink
				{
					float: right;
					padding-top: 7px;
				}
				.searchResults table td.expand table td .warning a.detail
				{
					float: left;
					padding-top: 7px;
				}
				.searchResults table td.expand table td .warning .expand
				{
					display: none;
					clear: both;
					padding-top: 10px;
				}
				.searchResults table td.expand table td .warning .question 
				{
				    padding-top: 7px;
				    float: left;
				}
				.searchResults table td.expand table td .warning .lefter,
				.searchResults table td.expand table td .warning .righter
				{
					float: left; 
					width: 49%;
				}
				.searchResults table td.expand table td .warning ul
				{
					list-style-type: square;
					/*padding: 0 10px 10px 15px;*/
					padding: 0 0.9042em 10px 1.3562em;
				}
					.searchResults table td.expand table td .warning ul li
					{
						padding: 5px 0;
						line-height: 1.2em;
					}
			.searchResults table td.expand table td.title
			{
				width: 50%;
			}
			.searchResults table td.expand table td table td.value.noPadding
			{
			    padding: 0;
			}
			.searchResults table td.expand table td.value p.secondColumn 
			{
			    float: left;
			    /*width: 125px;*/
			    width: 49%;
				overflow: hidden;			    
			}
			.searchResults table td.expand table td.value p.thirdColumn 
			{
				/*width: 125px;*/
				width: 49%;
				text-align: right;
				overflow: hidden;
				float: right;
			}
			.searchResults table td.expand table td.detailsLink
			{
				text-align: right;
			}
			.searchResults table td.expand table td.detailsLevel2 
			{
			    text-align: right;
			    padding-right: 0;
			}
			.searchResults table td.expand table td.detailsLink a,
			.searchResults table td.expand table td.detailsLevel2 a
			{
                padding-right: 1.67em;
			} 
			
			.searchResults table td.expand table .netTaxes,
			.searchResults table td.expand table .paymentToSupplier,
			.searchResults table td.expand table .taxes,
			.searchResults table td.expand table tr.totalPayment td.detailsLevel2
			{
			    display: none;
			}

            .searchResults .compareButtonBlock 
            {
                position: relative;
                float: left;
            }
            
            .searchResultsBody
            {
                position: relative;
            }


/* senf to friend form */	
.sendToFriend
{
	/*background: url('/gfx/danskenergi/frog.gif') 0 3px no-repeat;*/
	width: 100%;
	/*border-top: 1px solid #999;*/
	margin-top: 2px;
	/*height: 155px;*/
	margin-top: 20px;
}
	.sendToFriend h2
	{
		display:none;
		margin: 17px 0 0 150px;
		line-height: 1.4em;
		font-size: 1.45em;
	}
	.sendToFriend a
	{
		color: #c52e00;
	}

/* right column on the search results */	
.extra
{
	float: right;
	width: 13.57em;
	position: relative; 
}
	.extra .readData
	{
		right: 0;
		position: absolute;
        /*top: 33px;*/
        top: 2.3571em;
		width: 13em;
		
		display: none;
	}
	.extra .readData .content
	{
		/*padding: 10px 15px;*/
		padding: 0.5537em 0.8306em;
		font-size: 1.29em;
		line-height: 1.1em;
		color: #fff;
	}
		.extra .readData .content a
		{
			color: #fff;
		}
		.extra .readData .content a:hover 
		{
		    text-decoration: none;
		}
		.extra .readData .content img
		{
			margin-left: 10px;
			vertical-align: middle;
		}
		
.extra .filter
{
	float: right;	
	padding-bottom: 20px;
	margin-top: 2.2em;
    }		
    .extra .filter.noResults 
    {
	    margin-top: 198px;    
    }
	.extra .filter h2
	{
		font-size: 1.14em;
		line-height: 1.2em;
		padding-bottom: 8px;	
		/*width: 185px;*/
		width: 11.5915em;
		float: left;	
	}		
    
	.extra .filter .filterBox,
	.extra .filter .changeRate,
	.extra .filter .changeConsumption
	{
		float: right;
		width: 13em;
		color: #fff;
	}
	.extra .filter .changeConsumption
	{
	    margin-bottom: 2em;
	}
	.extra .filter .filterBox .content,
	.extra .filter .changeRate .content,
	.extra .filter .changeConsumption .content
	{
		padding: 0 5px 0 15px;
	}
		.extra .filter .filterBox .content h3,
		.extra .filter .changeRate .content h3
		{
			padding: 7px 0;
			line-height: 1.4em;
		}
		.extra .filter .changeConsumption h3
		{
			padding: 4px 0;
			line-height: 1.3em;
		}
		.extra .filter .filterBox .field,
		.extra .filter .changeRate .field
		{
			position: relative;
			padding-bottom: 9px;
		}
		.extra .filter .changeConsumption .field
		{
		    position: relative;
		    padding-bottom: 5px;
		}
		.extra .filter .filterBox .field input,
		.extra .filter .changeRate .field input
		{
			float: left;
		}
		.extra .filter .filterBox .field span,
		.extra .filter .changeRate .field span
		{
			float: left;
			padding-right: 5px;
		}
			.extra .filter .filterBox .field img,
			.extra .filter .changeRate .field img
			{
				position: absolute;
				right: 0;
				margin-top: -2px;
			}
			.extra .filter .filterBox .field a,
			.extra .filter .changeRate .field a
			{
				font-size: 0.79em;
				color: #fff;
				text-decoration: none;
			}
			.extra .filter .filterBox .field a:hover, 
			.extra .filter .changeRate .field a:hover 
			{
			    text-decoration: underline;
			}
	.extra .filter .changeConsumption input
	{
		width: 3.8961em;
		font-size: 1.65em;
		float: left;
	    }
	    .extra .filter .changeConsumption span.btnRadio input,
	    .extra .filter .changeConsumption input.btnRadio
	    {
	        width: 13px;
	    }
	.extra .filter .changeConsumption span
	{
		padding: 2px 0 0 5px;
		float: left;
	}
	.extra .filter .button
	{
		padding-bottom: 5px;
	}
		.extra .filter .button input
		{
			width: 13.02em;
		}
		
	.extra .filter .extraServices,
	.extra .filter .deliveryLength
	{
		display: none;
	}
	
		.extra .filter ul.extraServices,
		.extra .filter ul.deliveryLength
		{
			padding: 10px 0 0 16px;
			float: left;
		}
			.extra .filter ul.extraServices input.chkBox,
			.extra .filter ul.deliveryLength input.chkBox
			{
				margin-right: 5px;				
			}
		.extra .filter ul.extraServices li,
		.extra .filter ul.deliveryLength li
		{
			padding: 2px 0 7px 0;
		    }
		    .extra .filter ul.extraServices li.groupTitle,
		    .extra .filter ul.deliveryLength li.groupTitle
		    {
		        font-weight: bold;
		        }
		        .extra .filter ul.extraServices li.groupTitle a,
		        .extra .filter ul.deliveryLength li.groupTitle a
		        {
		            font-size: 1em;
		        }
		
		

    
/*
    dictionary box styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */    
.boxDictionary
{
	position: absolute;
	width: 341px;	
	left: 40%;
	top: 20%;
	color: #000;
	text-align: left;
	z-index: 1000;
	display: none;
}	
    .boxDictionary .top
    {
        background: url(/gfx/danskenergi/dictionary-top.png) 0 0 no-repeat;
        width: 342px;
        height: 6px;
        position: relative;
        top: 0;
        font-size: 1px;
        line-height: 1px;
    }	
    .boxDictionary .bottom
    {
        background: url(/gfx/danskenergi/dictionary-bottom.png) 0 0 no-repeat;
        width: 342px;
        height: 7px;
        position: absolute;
        bottom: -7px;
        z-index: 0;
    }	    
	.boxDictionary .content
	{
		padding: 0 10px 0px 110px !important;
		border: 4px solid #b9b6a8;
		border-width: 0 4px; 
		width: 214px;
	    background: #eae7da url(/gfx/danskenergi/icon-fast-big.gif) 10px 50% no-repeat;
	}
	.boxDictionary.fast .content
	{
	    background-image: url(/gfx/danskenergi/icon-fast-big.gif);
	}
	.boxDictionary.variable .content
	{
	    background-image: url(/gfx/danskenergi/icon-variable-big.gif);
	}
	.boxDictionary.green .content
	{
	    background-image: url(/gfx/danskenergi/icon-green-big.gif);
	}
	.boxDictionary.warning .content
	{
	    background-image: url(/gfx/danskenergi/icon-warning-big.gif);
	}
	.boxDictionary.plus .content
	{
	    background-image: url(/gfx/danskenergi/icon-plus-big.gif);
	}
	
	.boxDictionary.info .content
	{
	    background-image: none;
	    padding-left: 10px !important;
	    width: 314px;
	}
	.boxDictionary.info .h2
	{
		padding-left: 30px;
		color: #C52E00;
		background: url(/gfx/danskenergi/info.png) no-repeat left center;
	}
	.boxDictionary.info a
		{
			color: #C52E00;
			text-decoration: underline;
			padding-right: 30px;
		}
	.boxDictionary.plain .content
	{
	    background-image: none;
	    padding-left: 10px !important;
	    width: 314px;
	}
		.boxDictionary .content a
		{
			color: #C52E00;
			text-decoration: underline;
		}
		.boxDictionary .content a:hover
		{
			text-decoration: none;
		}
		.boxDictionary .content p
		{
			font: normal 0.79em/1.4em verdana;
			padding: 5px 0;
		}
			.boxDictionary .content p.close
			{
				text-align: right;				
				padding-top: 10px;
			}
		.boxDictionary .content h2
		{
			padding: 15px 0 5px;
			float: none;
			font-size: 1.14em;
		}
	.boxDictionary .triangle
	{
		background: url(/gfx/danskenergi/dictionary-triangle.png) 0 0 no-repeat;
		width: 35px;
		height: 30px;
		left: 250px;
		bottom: -33px;
		position: absolute;
		z-index: 1;
	}
	    .boxDictionary .triangle.rightTop
	    {
		    background: url(/gfx/danskenergi/dictionary-triangle-rightT.png) 0 0 no-repeat;
		    left: 250px;
		    top: -26px;
	    }
	    .boxDictionary .triangle.leftTop
	    {
		    background: url(/gfx/danskenergi/dictionary-triangle-leftT.png) 0 0 no-repeat;
		    left: 50px;
		    top: -26px;
	    }
	    .boxDictionary .triangle.leftBottom
	    {
		    background: url(/gfx/danskenergi/dictionary-triangle-leftB.png) 0 0 no-repeat;
		    left: 50px;
		    bottom: -33px;
	    }

.dictionaryLayer
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	z-index: 999;
	display: none;
}
.dictionaryBg
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	display: none;	
}

/*
    Footer styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#footer 
{
	border-top: 1px solid #d3d6cc;    
	padding: 0.5em 0 2.1429em 0;
	color: #666;
}
	#footer a
	{
		color: #666;
	}
	#footer a.logo
	{
		float: left;
		margin-right: 17px;
	}	
	    #footer a.logo img 
	    {
	        width: 6.3571em;
	        height: 1.5em;
	    }
	#footer ul
	{
		float: left;
		font-size: 0.79em;
		overflow: hidden;
		/*margin-top: 9px;*/
		margin-top: 0.8137em;
	}
		#footer ul.links
		{
			float: right;
			/*margin-right: -9px;*/
			margin-right: 0.8137em;
			display: inline;
		}
	#footer ul li
	{
		float: left;
		margin-left: -2px;
		padding: 0 9px;
		background: url(/gfx/danskenergi/footer-separator.gif) 0 2px no-repeat;
	}

/*
    compare page styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.comparePrint 
{
    display: none;
}
#flashcontent 
{
    padding: 10px 0;
    line-height: 1.3em;
}
.comparePageTop
{
    padding: 0 0 20px 20px;
}
    .comparePageTop h2
    {
        padding-bottom: 10px;
    }
    .comparePageTop a
    {
        font: normal 0.79em/1 verdana;    
		color: #c52e00;
		text-decoration: underline;
	}
    .comparePageTop a:hover
    {
		text-decoration: none;
	}	
    	
.compare
{
	font: normal 0.79em/1.3em verdana;
	position: relative;
	clear: both;
}
    .compare .loadingIcon 
    {
        padding: 100px 0 100px 100px;
    }
    .compare .loadingIcon h2
    {
        line-height: 2em;
    }
        .compare .loadingIcon h2 img 
        {
            vertical-align: middle;
            padding-right: 10px;
        }
        
	.compare a
	{
        color:#C52E00;
		color: #c52e00;
		text-decoration: none;
	}
	.compare a:hover
	{
		text-decoration: none;
	}	
	.compare table tr td
	{
	    /*width: 195px;*/
	    width: 17.65em;
		background: url(/gfx/danskenergi/vertical-dotted.gif) 100% 0 repeat-y;
	}
	.compare table tr.grey td
	{
	   background: #faf9f6 url(/gfx/danskenergi/vertical-dotted.gif) 100% 0 repeat-y;
	}
        .compare table tr.withImage td img
        {
    		float: left;
    	}
    	.compare table tr.withImage td p
    	{
    		margin-left: 25px;
    	}
		.compare table tr td span.note
		{
			color: #c00;
		} 
		.compare table tr.separator td
		{
			background: url(/gfx/danskenergi/horizontal-dotted.gif) 0 50% repeat-x;	
			height: 1px;
			padding: 0;
			overflow: hidden;
			font-size: 1px;
			line-height: 1px;
		}		
		.compare table tr.collapsed,
		.floatTitlesBlock li.collapsed
		{
		    display: none;
		}
    	.compare table tr td a.details 
    	{
    		float: right;
    		display: inline;
    		font-size: 0.91em;
    		text-decoration: none;
    		margin: 0 -10px 0 4px;
    		width: 7.7em;
    	}

.compare .compareContainer
{
    /*width: 777px;*/
    overflow: hidden;
    margin-left: 131px;
    border: 1px solid #d3d6cc;
    border-width: 1px 0; 
    position: absolute;
    left: -10000px;
}	
.compare .compareContainer table
{
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    position: relative;
    zoom: 1;
}    
    .compare .compareContainer table td
    {
        box-sizing: border-box;
    }
    .compare .compareContainer table tr.companyNameLogo td 
    {
        position: relative;
    }
    .compare .compareContainer table tr.companyNameLogo td div 
    {
        height: 115px;
    }
    .compare .compareContainer table tr.companyNameLogo td .button.small
    {
        float: right;
        right: 7px;
        top: 5px;
        padding: 0;
        width: 50px;
        height: auto;
    }
    .compare .compareContainer table tr.companyNameLogo td .button.small input 
    {
        width: 100%;
        padding-left: 6px;
    }
    .compare .compareContainer table tr.companyNameLogo td .button.small span
    {
        right: 0 !important;
    }
        .compare .compareContainer table tr td 
        {
            vertical-align: top;
        }
        .compare .compareContainer table tr td div 
        {
        	overflow: hidden;
        	padding: 1em 15px 1em 10px;
        	position: relative;
        	line-height: 1.4;
        }

.floatTitlesBlock
{
    width: 130px;
    left: 0;
    position: absolute;
    font: bold 1em/1.4 arial;
    color: #666;
    border: 1px solid #d3d6cc;
    border-left: none; 	
    left: -10000px;
}	
    .floatTitlesBlock ul li
    {
        overflow: hidden;
        float: left;
        width: 100%;
    }
    .floatTitlesBlock ul li.contractConditionsTitle2Header,
    .floatTitlesBlock ul li.paymentConditionsTitleHeader,
    .floatTitlesBlock ul li.paymentFixedSubscriptionsTitleHeader,
    .floatTitlesBlock ul li.paymentsTriggeredFeesTitleHeader,
    .floatTitlesBlock ul li.paymentsSelfUnloadingTitleHeader,
    .floatTitlesBlock ul li.paymentsSupplierBindingPeriodTitleHeader,
    .floatTitlesBlock ul li.paymentsProductBindingPeriodHeader,
    .floatTitlesBlock ul li.totalCostInclVATHeader
    {
        line-height: 11px;
    }
   
    .floatTitlesBlock ul li p
    {
        padding: 1em 0 0 5px;
    }
    .floatTitlesBlock ul li.separatorHeader
    {
        background: url(/gfx/danskenergi/horizontal-dotted.gif) 0 100% repeat-x;
        height: 1px;
        font-size: 1px;
        line-height: 1px;
        overflow: hidden;
        padding: 0;
    }
    .floatTitlesBlock ul li.grey
    {
        background-color: #faf9f6;
    }
    .floatTitlesBlock ul li.light
    {
        font-weight: normal;
    }
    .floatTitlesBlock ul li.contractConditionsTitleHeader
    {
        font-weight: bold;
    }
    
.navButtonsComparePage
{
    float: right;
    padding: 8px 0;
}
    .navButtonsComparePage ul li
    {
        float: left;
        line-height: 2em;
        font-size: 0.79em;
    }
        .navButtonsComparePage ul li.separator
        {
            width: 1px;
            border-right: 1px solid #d3d6cc;
            margin: 0 10px;
        }
        .navButtonsComparePage ul li a
        {
            color: #666;
            opacity: 1;
            float: left;/* for opacity in IE */
        }
        .navButtonsComparePage ul li a:hover
        {
            text-decoration: none;
        }
            .navButtonsComparePage ul li a.next
            {
                background: url(/gfx/danskenergi/arrowRight.gif) 100% 50% no-repeat;
                padding-right: 13px;
            }
            .navButtonsComparePage ul li a.prev
            {
                background: url(/gfx/danskenergi/arrowLeft.gif) 0 50% no-repeat;
                padding-left: 13px; 
            }            
            .navButtonsComparePage ul li a.noMore
            {
                opacity: 0.4;
            }	
	
/*
    articles list styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
.articlePreview
{
	float: left;
	position: relative;
	width: 32.14em;
	height: 12.86em;
	padding-bottom: 20px;
}	
	.articlePreview .image
	{
		background: #d3d6cc url(/gfx/danskenergi/articlePreview.gif) 0 0 no-repeat;		
		position: relative;
		/*width: 180px;*/
		width: 12.8571em;
		overflow: hidden;
		float: left;
		margin-right: 15px;
	}
		.articlePreview .image img
		{
			padding: 5px 5px 3px 5px;			
			position: relative;
			z-index: 99;
			/*width: 170px;*/
			width: 12.1429em;
			/*height: 160px;*/
			height: 11.4286em;
			
		}
		.articlePreview .image span.bottom
		{
			background: #d3d6cc url(/gfx/danskenergi/articlePreviewBottom.gif) 0 0 no-repeat;
			position: absolute;
			width: 180px;
			height: 7px;
			left: 0;
			bottom: 0;
			float: left;
			z-index: 1;
		 	padding: 0;
			line-height: 1px;
			font-size: 1px;
		}
.articlePreview h2
{
	font-size: 1.29em;
	font-style: normal;
	padding: 5px 10px 10px 0;
}	
.articlePreview p
{
	line-height: 1.3em;
	padding: 5px 10px 5px 0;
}
#content .articlesList
{
	margin-left: -20px;
}
	#content .articlesList h1
	{
		padding: 0 0 20px 20px;
	}
	
.seeAlso ul
{
	font-size: 1.14em;
}
	.seeAlso ul a
	{
		color: #fff;
	}
	.seeAlso ul li
	{
		line-height: 1.5em;
	}
	    .seeAlso ul li.seeAll
	    {
		    font-size: 0.875em;
		    font-weight: bold;
		    padding: 10px 0;
		    line-height: 1em;
	    }
	    .seeAlso ul li.seeAll img
	    {
		    vertical-align: top;
		    margin-right: 5px;
		    float: left;
	    }

/*
    Heavy Server Load Page styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.heavyServerLoad
{
	text-align: center;
	position: relative;
	width: 32.14em;
	padding: 10px 0 150px 90px;
}
	.heavyServerLoad .frog
	{
		position: absolute;
		height: 146px;
		background: url(/gfx/danskenergi/frog.png) 0 0 no-repeat;
		top: -116px;
		left: 15.71em;
		width: 100%;
		z-index: 0;
	}
	.heavyServerLoad p,
	.heavyServerLoad h1
	{
		position: relative;
		z-index: 9;
	}
	.heavyServerLoad p
	{
		font-size: 1.43em;
		line-height: 1.2em;
		padding: 5px 0 15px 0;
	}
	
/*
    Error 404 Page styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.error404
{
	position: relative;
	padding: 30px 0 200px 110px;
	width: 35.71em;
}
	.error404 a
	{
		color: #c52e00;
		text-decoration: underline;
	}
	.error404 a:hover
	{
		text-decoration: none;
	}
	.error404 .frog
	{
		position: absolute;
		left: -20px;
		top: -8px;
		width: 124px;
		height: 127px;
		background: url(/gfx/danskenergi/frog404.png) 0 0 no-repeat;
	}
	.error404 p.info
	{
		font-size: 1.14em;
		width: 18.125em;		
		line-height: 1.4em;
	}
	.error404 p.speech
	{
		font-size: 1.79em;
		line-height: 1.1em;
		padding-bottom: 15px;
	}

/* * * * * * * * * * * * * * * * * * * * * * * /
 * ADMIN PART
 * * * * * * * * * * * * * * * * * * * * * * * /

/*
    Login Page styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.loginForm .field
{
	padding: 5px 0;
	float: left;
	width: 100%;
}
	.loginForm .field label
	{
		width: 10.714em;
		float: left;
		padding-left: 5px;
		line-height: 1.4em;
		font-weight: bold;
	}
	.loginForm .field .item
	{
		float: left;
		width: 700px;
		line-height: 1.3em;
	}
	    .loginForm .field .item a 
	    {
	        text-decoration: underline;
	    }
	    .loginForm .field .item a:hover
	    {
	        text-decoration: none;
	    }
		.loginForm .field .item label
		{
			float: none;
		}
	.loginForm .button input
	{
	    width: 130px;
	}
	.loginForm .button.login input
	{
	    width: 100px;
	}
	

.adminMenu
{
	margin-bottom: 20px;
	border: 1px solid #000;
	float: left;
}
	.adminMenu ul li
	{
		float: left;
		text-align: center;
	}
		.adminMenu ul li a
		{
			float: left;
			padding: 10px 30px;	
			color: #c52e00;	
		}
		.adminMenu ul li.current a
		{
			background: #f6f6f1;	
		}

.userBox
{
	float: right;
	width: 200px;
	border: 1px solid #000;
	padding: 10px;
	line-height: 1.4em;
	margin-bottom: 15px;
}
	.userBox a
	{
		color: #c52e00;	
	}		
	    .userBox a.logoutLink 
	    {
	        white-space: nowrap;
	    }

.createNewUser
{
	float: left;
	margin-left: 50px;
	display: inline;
	width: 470px;
	line-height: 1.2em;
}
	.createNewUser .field
	{
		float: left;
		padding: 5px 0;
		clear: both;
		width: 450px;
	}
	.createNewUser .field label
	{
		float: left;
		width: 120px;
	}
	.createNewUser .field .item
	{
		float: left;
		width: 300px;
	}
	.createNewUser .warning
	{
	    background: #b6daf0;
	    padding: 20px;
	    margin-top: 20px;
	}
	    .createNewUser .warning h2
	    {
		    font-size:1em;
		    float: left;
		    line-height: 1.2em;
		    width:360px;
		    margin: 0;
		    font-weight:normal;
		    padding: 0;
	    }
	    .createNewUser .warning a.closeLink
	    {
		    float: right;
	    }
	    .createNewUser .warning ul
	    {
		    list-style-type: none;
	    }
		    .createNewUser .warning ul li
		    {
			    padding: 0px 0;
			    line-height: 1.5em;
			    font-size: 1.25em;
		    }
		        .createNewUser .warning ul li ul li 
		        {
		            font-size: 0.9em;
		        }
		        .createNewUser .warning ul li.company
		        {
			        padding: 15px 0;
		        }

.supplier span.chkBox input
{
    margin-right: 3px;    
}
.supplier a
{
	color: #c52e00;		
}
.supplier h2 
{
    clear: both;
}
.supplier .companiesList
{
	padding: 10px 0;
	width: 300px;
	float: left;
}
.supplier .links
{
	float:left;
	line-height: 1.4em;
	width: 350px;
	padding-top: 10px;
}
.supplier .notices
{
	float: right;
	width: 200px;
	line-height: 1.4em;	
}
	.supplier .notices ul
	{
		padding-left: 20px;
	}
	    .supplier .notices ul li
	    {
		    list-style-type: disc;
	    }
	.companiesList fieldset select
	{
		margin: 6px 0;
		width: 260px;
	}
.supplier .saveTaxes
{
	margin-bottom: 10px;
}	
	.supplier .saveTaxes h2
	{
		float: left;
		padding: 10px 0;
	}
	.supplier .saveTaxes .button
	{
		float: right;
	}
	
.button.createNewTaxesBtn
{
	margin: 10px 0;
}
.supplier .content
{
	padding-bottom: 30px;
    }
	.supplier .content .tabs
	{
		margin-bottom: 20px;
		border: 1px solid #000;
		float: left;
		clear: left;
    	}
		.supplier .content .tabs ul li
		{
			float: left;
			text-align: center;
	    	}
			.supplier .content .tabs ul li a
			{
				float: left;
				padding: 10px 30px;	
				color: #c52e00;	
			}
			.supplier .content .tabs ul li.current a
			{
				background: #f6f6f1;	
			}
			.supplier .content .tabs ul li.loading 
			{
			    padding: 0;
			    width: 1px;
			}
			    .supplier .content .tabs ul li.loading .icon 
			    {
			        position: relative;
			        text-align: center;
			        height: 100%;
			        right: -30px;
			        top: 8px;
			    }

.supplier .content table
{
	width: 100%;
	border: 1px solid #d3d6cc;
}
	.supplier .content table thead
	{
		background: #fff;
		padding: 1px;
	}

.supplier .content table.priceList .button
{
	margin-left: 40%;
	display: inline;
}
	.supplier .content table.priceList .button input
	{
		width: 200px;
		font-size: 1em !important;
	}	

.supplier .content table.priceList.netCompany
{
	margin-bottom: 0;
}	
	.supplier .content table.priceList.netCompany input
	{
		width: 50px;
	}
	.supplier .content table.priceList.netCompany input.datepicker 
	{
	    width: 70px;
	}

		.supplier .content table.priceList.netCompany input.small
		{
			width: 55px;
		}

.supplier .content table.priceList.editStateTaxes td
{
	vertical-align: top;
}		
.supplier .content table.priceList.editStateTaxes input
{
	width: 60px;
}		
.supplier .content table.priceList.editStateTaxes .button
{
	margin-left: 0;	
}
.supplier .content table.priceList.editStateTaxes .button input
{
	width: 100px;
}		

.supplier .content table.priceList.editStateTaxes .datepicker
{
	width: 65px;
}		

.supplier .content table.priceList.editStateTaxes .small
{
	width: 37px;
}		

.supplier .content table th
{
	color: #666;
	background: #f6f6f1;
	padding: 5px 0;
	text-align: left;
	font-size: 0.79em;
	vertical-align: top;
}
.supplier .content table th p
{
    padding: 0 5px;
}
	.supplier .content table td
	{
		padding: 5px;
		margin: 0;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		line-height: 1.4em;
		vertical-align: top;
		background: #fcfcfb url('/gfx/danskenergi/horizontal-dotted.gif') 0 100% repeat-x;
		font-size: 0.79em;
	}
	    .supplier .content table td.productName 
	    {
	        width: 110px;
	    }
		.supplier .content table td.separator
		{
			height: 3px;
			background: #fff;
			border-bottom: 1px solid #d3d6cc;
			padding: 0;
		}
		.supplier .content table td.parentTable
		{
			padding: 0;
			border-right: 1px solid #d3d6cc;
		}
		.supplier .content table th.parentTable 
		{
			padding: 0;
			font-size: 1em;
			width: 650px;
		}
		.supplier .content table.productList td.greenPower
		{
			width: 200px;
		}		
		
	.supplier .content table table
	{
		border: 0;
		padding: 0;
		margin: 0;
		table-layout: fixed;
		border-collapse: collapse;
		width: 99%;
	}
		.supplier .content table table td
		{
			padding: 5px 0;
			border: 0;
			background: none;
			font-size: 1em;
		}		
		/*
		.supplier .content table table td p 
		{
		    padding: 0 5px;
		}*/

.supplier .content table input
{
	width: 68px;
	font-size: 1.2em;
    }
    .supplier .content table td.area p 
    {
        width: 85px;
        overflow: hidden;
        padding: 0;
        margin: 0 5px;
    }

.supplier .content table th.publishDate,
.supplier .content table td.publishDate
{
	width: 15%;
}
    .supplier .content table td.publishDate input 
	{
   		float: left;
		clear: left;
    }
.supplier .content table th.usagePeriod,
.supplier .content table td.usagePeriod
{
	width: 18%;
    }
	.supplier .content table td.usagePeriod input
	{
		float: left;
		clear: left;
	}


.supplier .content table th.pricePerQuarter
{
	width: 12%;
}
.supplier .content table td.pricePerQuarter
{
	width: 12%;
}
.supplier .content table th.email
{
	width: 16%;
}

.supplier .content table td.email 
{
    width: 16%;
}
    .supplier .content table td.email p
    {
        width: 90px;
        /*overflow: hidden;*/
    }

.supplier .content table th.linksOpt,
.supplier .content table td.linksOpt
{
	width: 9%;
}
 
.supplier .content table td.deliveryPeriod 
{
    width: 65px;
}
.supplier .content table td.extraCost,
.supplier .content table th.extraCost
{
    width: 65px;
}
.supplier .content table td.subscribe
{
	width: 13%;
}
.supplier .content table th.subscribe 
{
   	width: 13%;
}
.supplier .content table td.subscribe input 
{
    width: 60px;
}
.supplier .content table td.pricePerQuarter input 
{
    width: 55px;
} 

.additionTable
{
	margin-top: 30px;
	display: none;
}

/*
    Create Supplier page styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 .supplier .createSupplier hr.separatorLine
 {
	float: left;
	width: 100%;
	clear: left;
}
.supplier .createSupplier .field
{
	float: left;
	width: 100%;
	padding: 5px 0;
}
.supplier .createSupplier .field.left40 label
{
	width: 40% !important;
}
.supplier .createSupplier .field.left40 .item
{
	width: 59% !important;
}
.supplier .createSupplier .field span.distance
{
	padding-left: 10px; 
	white-space:nowrap;
}
.supplier .createSupplier h3
{
	font-size: 1.3em;
	line-height: 2em;
}
	.supplier .createSupplier .field .item input,
	.supplier .createSupplier .field .item textarea
	{
		font-size: 1em;
		}
		.supplier .createSupplier .field .item input.long
		{
			width: 500px;
		}
	.supplier .createSupplier .field .item span.explanation
	{
		padding: 0 10px;
		color: #ccc;
	}
	.supplier .createSupplier .field .item span.explanation.active
	{
		color: #000;
	}
	.supplier .createSupplier .field .item .clearB
	{
		padding: 2px 0;
	}
	.supplier .createSupplier .field .item label.title
	{
		width: 300px;
		float: left;
	}
	.supplier .createSupplier .field label
	{
		float: left;
		width: 25%;
		font-weight: bold;
		line-height: 1.2em;
	}
		.supplier .createSupplier .field label.large
		{
			width: 40%;
		}
	.supplier .createSupplier .field .item
	{
		float: left;
		width: 74%;
		line-height: 1.2em;
	}
		.supplier .createSupplier .field .item label
		{
			font-weight: normal;
			float: none;
		}
		.supplier .createSupplier .field .item span.prompt
		{
			position: relative;
		}
			.supplier .createSupplier .field .item span.prompt span
			{
				position: absolute;
				top: 22px;
				left: 0;
				width: 700px;
				line-height: 1.2em;
			}
			    .supplier .createSupplier .field .item span.prompt span.error 
			    {
			        position: static;
			    }
			.supplier .createSupplier .field .item span.prompt.distance span
			{
				left: 10px;
			}
	.supplier .createSupplier .field .spaceForPrompt
	{
		height: 20px;
		clear: both;
		float: left;
		width: 100%;
	}
	
	
.supplier .createSupplier fieldset.contractTerms
{
	position: relative;
}
.supplier .createSupplier .calculated
{
	position: absolute;
	border: 1px solid #000;
	padding: 10px 0 10px 10px;
	width: 220px;
	right: 0;
	top: 1em;
	font-size: 0.95em;
	line-height: 1.2em;
}
	.supplier .createSupplier .calculated dt
	{
		float: left;
		width: 46%;	
		clear: both;
		padding: 10px 0;
	}
	.supplier .createSupplier .calculated dd
	{
		float: right;
		width: 52%;
		padding-left: 1%;
		padding: 10px 0;
	}
.supplier .createSupplier fieldset.contractTerms label
{
	font-weight: normal;	
}
.supplier .createSupplier fieldset.saveProduct .field
{
	float: left;
}
	.supplier .createSupplier fieldset.saveProduct .field .info
	{
		float: left;
		width: 700px;
	}
		.supplier .createSupplier fieldset.saveProduct .field .info	p
		{
			padding-bottom: 10px;
			line-height: 1.2em;
		}
		.supplier .createSupplier fieldset.saveProduct .field .info .button
		{
			margin-top: 10px;
		}


/*
    Edit Supplier Page styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.supplier .createSupplier fieldset.editSupplier label
{
	font-weight: normal;
}
.errorBox
{
	padding: 10px 10px 10px 50px;
	margin: 10px 0;
	border: 1px solid #b92b00;
	background: #fff url(/gfx/danskenergi/icon-errorBox.gif) 10px 50% no-repeat;
	line-height: 1.3em;
	float: left;
	clear: both;
	width: 570px;
}
.supplier .content table.editEditors
{
	margin-top: 15px;
}
.supplier .content table.editEditors th,
.supplier .content table.editEditors td
{
	padding-left: 15px;
}
		.supplier .content table.editEditors th.sorted
		{
			color: #000;
		}
		    .supplier .content table.editEditors th a.sort 
		    {
			    background: url('/gfx/danskenergi/sort-none.gif') 0 4px no-repeat;
			    padding-left: 10px;			
			    margin-left: -10px;
			    color: #666;
			    position: relative;
			    float: left;
		    }
		    .supplier .content table.editEditors th a.sort:hover 
		    {
		        color: #000;
		        text-decoration: none;
		    }
		    .supplier .content table.editEditors th.sorted a.sort
		    {	
			    background: url('/gfx/danskenergi/sort-up.gif') 0 4px no-repeat;
			    color: #000;
		    }
		        .supplier .content table.editEditors th.sorted.asc a.sort
		        {
			        background: url('/gfx/danskenergi/sort-down.gif') 0 4px no-repeat;
			        color: #000;
		        }			

.supplier .content table.adminCompanies
{
	margin-top: 15px;
}
div.editEditors
{
	margin: 20px 0 0 0;
}

/*
    Popup's styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 .popupFrame
 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	display: none;
}
.popupClosed
{
	position: absolute;
	width: 0;
	height: 0;
}
.popupShadow
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	display: none;	
}
.formSentToFriend
{
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	margin: -40px 0 0 -40px;
	width: 360px;
	display: none;	
}
.popupCanvas
{
	overflow: visible;
	opacity: 1;
}
	.popupCanvas span.btnClose
	{
		position: absolute;
		top: -12px;
		left: -15px;
		width: 28px;
		height: 28px;
		background: url(close.png) no-repeat;
		cursor: pointer;
    }

/*
    Statistics Page styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.statistics 
{
    padding-bottom: 100px;
}    
.statistics .field
{
    clear: both;
    padding: 5px 0;
}    
.statistics .field label
{
    float: left;
    width: 120px;
    padding: 2px 5px 0 0;
    text-align: right;
    font-weight: bold;
}    
    .statistics .field .item
    {
        float: left;
        width: 300px;
    }
        .statistics .field .item select
        {
            width: auto;
            font-size: 1em;    
        }
        .statistics .field .item input
        {
            width: 80px;
            font-size: 1em;
        }
    .statistics .field .button
    {
        margin-top: 20px;
    }    
        .statistics .field .button input 
        {
            width: 150px;
        }

/*
    Error boxes styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* error box general styles */
div.error,
#content .powerConsumption .field.otherpower span.error,
#content .home span.error,
.extra .filter .changeConsumption span.error,
.searchResults span.error.searchResults,
.searchResults .topErrorsBlock span.error
{
    position: absolute;
    z-index: 99;
	color: #fff;    
    background: #f3ac00;	
    font-size: 1em;
    border: 2px solid #d49601;
}
div.error
{
	top: 78px;
	left: 0;
}
#content .home span.error
{
	width: 12.86em;
    top: 8.7em;
    left: 1em;
	}
	#content .home .underFindButton span.error
	{
		top: 20.7em;
		right: 0;
		left: auto;
		width: 12em;
		z-index: 999;
	}
	#content .home .noZip span.error
	{
		top: 10em;
		width: 12em;
		z-index: 999;
	}	
	
.extra .filter .changeConsumption span.error
{
    position: relative;
    width: 150px;
    padding: 0;
    float: left;    
    margin-top: 16px;
}
.searchResults .topErrorsBlock span.error
{
    position: relative;
    font-size: 1.27em;
    width: 49.8em;
    padding: 0;
    float: left;    
    margin-bottom: 15px;    
}
.searchResults span.error.searchResults
{
    top: 20px;
    margin-left: 30px;
    width: 27.5em;
}
/* message */
div.error .message,
#content .powerConsumption .field.otherpower span.error .message,
#content .home span.error .message,
.searchResults .topErrorsBlock span.error .message,
.extra .filter .changeConsumption span.error .message,
.searchResults span.error.searchResults .message
{
    padding: 5px 10px;
    font: normal 0.79em/1.5em Verdana;
}
#content .powerConsumption .field.otherpower span.error .message
{
    display: block;
}
#content .home span.error .message
{
    display: block;
}	
.searchResults .topErrorsBlock span.error .message
{
    display: block;
    float: none;
}	
.extra .filter .changeConsumption span.error .message
{
    display: block;
    float: none;
}
#content .powerConsumption .field.otherpower div.error.searchResults .message
{
    line-height: 1.8em;
}
.searchResults span.error.searchResults .message
{
    font: normal 1em/1.81em Verdana;		
    display: block;
}
/* general styles for corners */    
div.error .leftTop,	div.error .rightTop, div.error .leftBottom,	div.error .rightBottom,
#content .powerConsumption .field.otherpower span.error .leftTop, #content .powerConsumption .field.otherpower span.error .rightTop, #content .powerConsumption .field.otherpower span.error .leftBottom, #content .powerConsumption .field.otherpower span.error .rightBottom,
#content .home span.error .leftTop, #content .home span.error .rightTop, #content .home span.error .leftBottom, #content .home span.error .rightBottom,
.searchResults .topErrorsBlock span.error .leftTop, .searchResults .topErrorsBlock span.error .rightTop, .searchResults .topErrorsBlock span.error .leftBottom, .searchResults .topErrorsBlock span.error .rightBottom,
.searchResults span.error.searchResults .leftTop, .searchResults span.error.searchResults .rightTop, .searchResults span.error.searchResults .leftBottom, .searchResults span.error.searchResults .rightBottom,
.extra .filter .changeConsumption span.error .leftTop, .extra .filter .changeConsumption span.error .rightTop, .extra .filter .changeConsumption span.error .leftBottom, .extra .filter .changeConsumption span.error .rightBottom
{
    position: relative;    
    width: 2px;
    height: 2px;
    background: url('/gfx/danskenergi/error-corners.gif') 0 0 no-repeat;
    font-size: 1px;
    line-height: 1px;    
}
.searchResults .topErrorsBlock span.error .leftTop, .searchResults .topErrorsBlock span.error .rightTop, .searchResults .topErrorsBlock span.error .leftBottom, .searchResults .topErrorsBlock span.error .rightBottom
{
    padding: 0;
}
.extra .filter .changeConsumption span.error .leftTop, .extra .filter .changeConsumption span.error .rightTop, .extra .filter .changeConsumption span.error .leftBottom, .extra .filter .changeConsumption span.error .rightBottom
{
    background: url('/gfx/danskenergi/error-corners-blue.gif') 0 0 no-repeat;
    padding: 0;
}

/*  left top corner */
div.error .leftTop,
#content .powerConsumption .field.otherpower span.error .leftTop,
#content .home span.error .leftTop,
.searchResults .topErrorsBlock span.error .leftTop,
.searchResults span.error.searchResults .leftTop,
.extra .filter .changeConsumption span.error .leftTop
{
    float: left;
	top: -2px;
	left: -2px;
	background-position: 0 -6px;
}    
.extra .filter .changeConsumption span.error .leftTop
{
    background-position: 0 0;
}
/* right top corner */
div.error .rightTop,
#content .powerConsumption .field.otherpower span.error .rightTop,
#content .home span.error .rightTop,
.searchResults .topErrorsBlock span.error .rightTop,
.extra .filter .changeConsumption span.error .rightTop,
.searchResults span.error.searchResults .rightTop
{
    float: right;
	top: -2px;
	right: -2px;
	background-position: 0 0;
}
.extra .filter .changeConsumption span.error .rightTop
{
    background-position: 0 -2px;
}

/* left bottom corner */
div.error .leftBottom,
#content .powerConsumption .field.otherpower span.error .leftBottom,
#content .home span.error .leftBottom,
.searchResults .topErrorsBlock span.error .leftBottom,
.searchResults span.error.searchResults .leftBottom,
.extra .filter .changeConsumption span.error .leftBottom
{
    float: left;
	left: -2px;
	bottom: -2px;
	background-position: 0 -4px;
}
.extra .filter .changeConsumption span.error .leftBottom
{
    background-position: 0 -6px;
}	
/* right bottom corner */
div.error .rightBottom,
#content .powerConsumption .field.otherpower span.error .rightBottom,
#content .home span.error .rightBottom,
.searchResults .topErrorsBlock span.error .rightBottom,
.searchResults span.error.searchResults .rightBottom,
.extra .filter .changeConsumption span.error .rightBottom 
{
    float: right;
	right: -2px;
	bottom: -2px;
	background-position: 0 -2px;
}
.extra .filter .changeConsumption span.error .rightBottom
{
    background-position: 0 -4px;
}	


/* triangle */
div.error .triangle,
#content .powerConsumption .field.otherpower span.error .triangle,
#content .home span.error .triangle,
.searchResults span.error.searchResults .triangle,
.extra .filter .changeConsumption span.error .triangle
{
    position: absolute;
	width: 28px;
	height: 16px;
    background: url('/gfx/danskenergi/error-triangle.gif') no-repeat;
	left: 20px;
	top: -16px;
    
}
.searchResults span.error.searchResults .triangle
{
    background: url('/gfx/danskenergi/error-triangle-2.gif') no-repeat;		
    width: 18px;
    height: 36px;
    left: -18px;
    top: -2px;
}    
.extra .filter .changeConsumption span.error .triangle
{
    background: url('/gfx/danskenergi/error-triangle-blue.gif') no-repeat;
    padding: 0;
    float: none;
}		              


.noScriptMessage 
{
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -137px;
    top: 30%;
}
    .noScriptMessage .content 
    {
        background: #eae7da;
        padding: 30px !important;
        width: 274px;
        color: #bb0f0f;
    }
    
span.fullText
{
    display: none;
    position: absolute;
    background: #fff;
    padding: 2px;
    border: 1px solid #666;
    float: left;
    top: -20px;
    left: 0;
    z-index: 9999;
    white-space: nowrap;
}    
span.shortText
{
    cursor: pointer;
}


.explanationField .expContainer
{
    float: right;
    width: 370px;
    }
    .explanationField .expContainer span
    {
        padding-left: 0 !important;
    }
    .explanationField .expContainer .error
    {
        float: left;
        clear: left;
    }
.explanationField label
{
    float: left !important;
    white-space: nowrap;
    width: auto !important;
    padding-top: 3px;
}


/* Newbox by cphsnjn */

div#content>h1,
div#content>h2,
div#content>p
{
	width:				600px;
}
div#content>h2
{
	font-weight:		normal;
	font-size:			1.25em;
	line-height:		1.25em;
	margin-top:			10px;
	margin-bottom:		20px;
}
div#content>p
{
	font-size:			1em;
	line-height:		1.5em;
}
div.rightColumn div.newbox
{
	border-top:			1px solid #D3D6CC;
	border-bottom:		1px solid #D3D6CC;
	margin-top:			30px;
	margin-bottom:		20px;
	padding:			3px 0px;
}
div.rightColumn div.newbox div.content
{
	background-color:	#F8F7F2;
	color:				#000000;
	font-size:			1em;
	line-height:		1.4em;
	padding:			20px;
}
div.rightColumn div.newbox div.content h1
{
	font-size:			1.4em;
	color:				#D63200;
}
div.rightColumn div.newbox div.content h1.warn
{
	background:			url('/gfx/danskenergi/warn.png') no-repeat;
	padding-left:		45px;
}
div.rightColumn div.newbox div.content h2
{
	font-size:			1.2em;
	margin:				16px 0px 8px 0px;
}
div#fastvariabel
{
	border-top:			1px solid #D3D6CC;
	border-bottom:		1px solid #D3D6CC;
	margin-top:			30px;
	margin-bottom:		20px;
	padding:			3px 0px;
	margin-left:		-20px;
	width:				640px;
}
div#fastvariabelinner
{
	background:			#F8F7F2 url('/gfx/danskenergi/fastvarbg.png') repeat-y;
}
div#fastvariabel div.fastepriser
{
	float:				left;
	padding:			20px;
	width:				195px;
}
div#fastvariabel div.variablepriser
{
	float:				left;
	padding:			20px;
	width:				365px;
}
div#fastvariabel h3
{
	color:				#D63200;
	margin-bottom:		10px;
}
div#fastvariabel p
{
	line-height:		1.3em;
	margin-bottom:		10px;
}
div.fastvarfixedheight
{
	height:				200px;
}
div.fastvarconfirm
{
	font-style:			italic;
	line-height:		1.4em;
	width:				600px;
}
div.fastvarconfirm p
{
	margin-bottom:		10px;
}
div.fastvarconfirm p.confirm
{
	color:				#D63200;
}
div.fastvarconfirm a
{
	text-decoration:	underline;
}

	#content .underfastvarconfirm span.error
	{
		top: 10.7em;
		right: 0;
		left: auto;
		width: 12em;
		z-index: 999;
	}
	
p.intro
{
	font-size: 1.29em;
	font-weight: normal;
	line-height: 1.3em;
}	
.errorBoxfast
{
	padding: 10px 10px 10px 50px;
	margin: 10px 0;
	border: 1px solid #b92b00;
	background: #fff url(/gfx/danskenergi/icon-errorBox.gif) 10px 50% no-repeat;
	line-height: 1.3em;
	clear: both;
	width: 540px;
}
.filterBox
{
    margin-top:10px;
}