/* CSS Document */



/* Generelt */

html {
    height: 100%;
    margin-bottom: 1px;
}

body {
    /*background:  url("../../img/bgPanel.png") no-repeat #ebebeb !important;*/
	font-family: "Open Sans", sans-serif;
    height: 100%;
    margin: 0;
}

#logindd {
    margin: 0 -41px 0 -15px;
}


/*Header*/

#header 
{
    background: url("../../img/bgd_header.png") repeat scroll center transparent;
    display: block;
    height: 115px;
    width: 100%;
    display: block;
    margin: 0 0 30px 0;
}
#header img{
    margin-top: 8px;
}

/*Footer*/

#footer {
  font-size: 13px;
}

#footer dl dt{
    color: #464646;
    font-size: 13px;
}

#footer dl {
    margin: 1px 30px 30px 0;
}

#footer .head h2 {
  width: 220px;
}


/* Titler */

h1 {
    font-weight: bold;
}


.box .head .box, .box .body .box {
    background-color: #f4f4f4;
}


/* Linker rundt omkring */

a {
    color: #4c6991;
    font-weight: bold;
}

a:hover {
    color: #BEBEC0;
    text-decoration: none;
	transition: color 0.4s ease 0s;
}

#footer dl dd a:hover {
    text-decoration: none;
}

#footer dl dd a {
    font-size: 12px;
}

#login ul li a:hover, #path a:hover, .foot .navigation .cancel a:hover, .foot .navigation .goback a:hover, .foot .navigation .left a:hover, .foot .navigation .buttonprint a:hover span, .foot .left a:hover span, .customerservice_list ul li a:hover, #index a:hover, #invoiceExplanationID .navigation a:hover span, #invoiceExplanationID .navigation .left a:hover, #powerorderID .terms a:hover, .tool a:hover, #invoiceoverviewID p.intro a:hover span {
    text-decoration: none;
}

a:active {
    color: #464646;
    text-decoration: none; /* this doesn't work */
}

.functions-index a {
    background: url(../../img/pil_forside.png) no-repeat 0px 1px;
    
}

body, p, td {
	font-size: 13px;
	color: #464646;
}

#invoiceExplanationID .info3 {
    background-color: #f4f4f4;
}

input {
	font-family: "Open Sans", sans-serif;
}

/*.input-validation-error {
	background: #f4f4f4;
}

.warning {
	background-color: #f4f4f4;
	border: 1px solid #fcd1bb;
}

.field-validation-error {
	color: #464646;
}*/

#filter {
    background-color: #f4f4f4;
}

.error {
	background-color: #f4f4f4;
	border: 1px solid #fcd1bb;
}

table abbr[title] a, p.note strong {
    color: #464646;
}

.chooseproduct ul li.selected, .chooseproduct ul li:hover {
    background-color: #f4f4f4;
}

div.paymentmethod ul li:hover, div.paymentmethod ul li.selected {
    background-color: #f4f4f4;
}

.product {
    background-color: #f4f4f4;
}

.dropdown dd ul li a.selected, .dropdown dd ul li a:hover, .dropdownUser dd ul li a.selected, .dropdownUser dd ul li a:hover, .dropdown2 dd ul li a.selected, .dropdown2 dd ul li a:hover, .dropdown3 dd ul li a.selected, .dropdown3 dd ul li a:hover {
    background-color: #f4f4f4;
}

#faqID #topp5 a:hover {
    background-color: #f4f4f4;
}

#faqID .spm-svarliste a:hover {
    background-color: #f4f4f4;
}

.info4 {
    background-color: #f4f4f4;
}

.info5 {
    background-color: #f4f4f4;
}

tbody.selected tr td {
	background-color: #f4f4f4;
}
	
tbody#set-0:hover,
tbody#set-1:hover,
tbody#set-2:hover,
tbody#set-0-all:hover,
tbody#set-1-all:hover,
tbody#set-2-all:hover,
tbody#set-0-feb:hover,
tbody#set-0-jan:hover {
	background-color: #f4f4f4;
}

h1 { font-size: 30px; color:#464646; font-style: normal; font-weight: bold; line-height: 35px; margin: 0 0 20px 0; }

	H2 {color:#464646; font-size:18px; font-weight:bold; margin-bottom:3px; line-height:26px;}

	H3 {font-size: 14px; color:#464646; display: inline; line-height:14px; font-weight:bold; line-height:22px;}

	H4 {font-size: 11px; color:#464646; margin-bottom:5px; font-weight:normal;}
	H5 {color:#464646; }
	H6 {color:#464646; }

.selectInvoice ul li.selected,
.selectInvoice ul li:hover,
.selectAddress ul li.selected, 
.selectAddress ul li:hover,
.selectAccount ul li.selected, 
.selectAccount ul li:hover{
	background-color: #f4f4f4; 
}


/* Dropdowns */

.dropdown a, .dropdown2 a, .dropdown3 a {
    font-weight: normal;
}

.dropdown a:hover, .dropdown2 a:hover, .dropdown3 a:hover {
    text-decoration: none;
}

#logindd .user-select a {
    color: #464646;
    font-weight: normal;
}


/*Prosess-steg*/

#process ul li.current span.h1, #process ul li.current span.h5,
#process ul li.current h1, #process ul li.current h5 {
    /*background-color: #4C6991;*/
}

#process ul li.step.current span.h1, #process ul li.step.current span.h5,
#process ul li.step.current span.h1, #process ul li.step.current span.h5 {
    color: #FFF;
}

#process ul li.step.current span.h5,
#process ul li.step.current h5 {
    padding: 11px 15px 10px 0 !important;
}

/*Knapper */

.button input[type="submit"], .button a, button {
	background: #4C6991;

	/* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4C6991), to(#4C6991));
 
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #4C6991, #4C6991);
 
    /* Firefox 3.6+ */ 
    background: -moz-linear-gradient(top, #4C6991, #4C6991);
	
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #4C6991, #4C6991);
	
	background: -moz-linear-gradient(center top,#4C6991 0%,#4C6991) repeat scroll 0 0 transparent;
    border: none;
    box-shadow: none;

   /* Fargen på teksten i knappen */
    color: #FFFFFF;
}

.button a:hover, .button a:focus,
.button input[type="submit"]:hover, .button input[type="submit"]:focus, button:hover, button:focus {
   /*Fallbackfarge for IE*/
    background: #464646;
    
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#464646), to(#464646));
    
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #464646, #464646);
 
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #464646, #464646);
    
   /* Opera 11.10+ */
   background: -o-linear-gradient(top, #464646, #464646);
   background: -moz-linear-gradient(center top, #464646 0%, #464646) repeat scroll 0 0 transparent;

   /* Fargen på teksten i knappen */
   color: #FFFFFF;
}


/*Markerer linkene i footeren når de er valgt*/
#changeproductID dd#changeproductID_footer,
#consumID dd#consumID_footer,
#consumDayID dd#consumID_footer,
#effectID dd#effectID_footer,
#financialreportID dd#financialreportID_footer,
#financialreportWeeksID dd#financialreportID_footer,
#productoverviewID dd#productoverviewID_footer,
#personalinfoID dd#personalinfoID_footer,
#paymentdelayID dd#paymentdelayID_footer,
#readingID dd#readingID_footer,
#reminderID dd#reminderID_footer,
#reportmoveID dd#reportmoveID_footer,
#producthistoryID dd#producthistoryID_footer,
#efaktura-avtalegiroID dd#efaktura-avtalegiroID_footer,
#invoiceoverviewID dd#invoiceoverviewID_footer,
#sampleinvoiceID dd#sampleinvoiceID_footer,
#powerorderID dd#powerorderID_footer,
#contactusID dd#contactusID_footer,
#changeinvoiceadressID dd#changeinvoiceadressID_footer,
#invoiceExplanationID dd#invoiceExplanationID_footer,
#faqID dd#faqID_footer,
#powerFailureID dd#powerFailureID_footer,
#changepasswordID dd#changepasswordID_footer {
    background-color:#4C6991;
    color: #4C6991;
}


/*Hvit skrift i menyelement som er valgt*/
#changeproductID dd#changeproductID_footer a,
#consumID dd#consumID_footer a,
#consumDayID dd#consumID_footer a,
#effectID dd#effectID_footer a,
#financialreportID dd#financialreportID_footer a,
#financialreportWeeksID dd#financialreportID_footer a,
#productoverviewID dd#productoverviewID_footer a,
#personalinfoID dd#personalinfoID_footer a,
#paymentdelayID dd#paymentdelayID_footer a,
#readingID dd#readingID_footer a,
#reminderID dd#reminderID_footer a,
#reportmoveID dd#reportmoveID_footer a,
#producthistoryID dd#producthistoryID_footer a,
#efaktura-avtalegiroID dd#efaktura-avtalegiroID_footer a,
#invoiceoverviewID dd#invoiceoverviewID_footer a,
#sampleinvoiceID dd#sampleinvoiceID_footer a,
#powerorderID dd#powerorderID_footer a,
#contactusID dd#contactusID_footer a,
#changeinvoiceadressID dd#changeinvoiceadressID_footer a,
#invoiceExplanationID dd#invoiceExplanationID_footer a,
#faqID dd#faqID_footer a,
#powerFailureID dd#powerFailureID_footer a,
#changepasswordID dd#changepasswordID_footer a {
    color: #FFF;
    font-weight: bold;
}


/* Home Page */

#index h1 {
    margin-top: 27px;
}


#invoiceExplanationID div#hotspot6{
	height: 122px;
    left: 51px;
    top: 1513px;
    width: 455px;
}

#invoiceExplanationID div#hotspot6 span.target{
	height: 123px;
    width: 457px;
}

#invoiceExplanationID div#hotspot6 div.bubbleBig{
	left: -17px;
    top: 127px;
}