/* ------------------------------

co2fri styles
Additional stylesheet under themes/frontpage for swapping bg image on front page.

Hacks:
* before property = IE7 only
_ before property = IE6 only

Used to adjust clear/float/fieldset bugs.

COLORS:
Dark blue (Fortum): #00457E
Light blue (co2fri logo): #00BEE1

---------------------------------- */


body
{
    text-align: center;
    background-color: Black;
    background-image: url(images/bakgrunn.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    font-family: Arial, Helvetica;
    font-size: 12px;
    line-height: 1.4em;
    color: #444;
    margin: 0;
    padding: 0;
    margin-top: 16px;
}

/* LINK STYLES */

a
{
    color: #04315B;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

.homelink
{
    background-color: #1268D8;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 425px;
    border: 1px solid #fff;
    border-top: 0px;
    padding: 4px;
    line-height: normal;
    font-size: 11px;
}
.homelink:hover
{
    background: #00457E;
}

.greenButton
{
    background-image: url(images/bbtn1.jpg);
    background-repeat: repeat-x;
    color: #fff;
    padding: 12px;
    background-color: #0A3355;
    border: 1px solid #0A3355;
    font-weight: bold;
    font-size: 14px;
    position: absolute;
    right: 40px;
    bottom: 20px;
}
.greenButton:hover
{
    background-image: url(images/bbtn2.jpg);
    background-repeat: repeat-x;
    color: #00447C;
    border: 1px solid #008DB9;
    background-color: #008DB9;
}

.textBelowGreenButton
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: center;
    width: 100%;
    font-size: 11px;
}

.blueButton
{
    background-image: url(images/bbtn1.jpg);
    background-repeat: repeat-x;
    color: #fff;
    padding: 6px;
    background-color: #0A3355;
    border: 1px solid #0A3355;
    font-weight: bold;
    font-size: 13px;
}
.blueButton:hover
{
    background-image: url(images/bbtn2.jpg);
    background-repeat: repeat-x;
    color: #00447C;
    border: 1px solid #008DB9;
    background-color: #008DB9;
}




div
{
    font-size: 10pt;
}
td, th
{
    font-size: 10pt;
}
h1
{
    font-size: 18pt;
    font-weight: normal;
    line-height: 1.5em;
}

h2
{
    font-size: 16pt;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0px;
}

th
{
    text-align: left;
}

#header
{
    width: 944;
    height: 60px;
    margin-bottom: 16px;
    _margin-bottom: 10px;
    text-align: left;
}

#bedriftPrivat
{
    border: 0px solid #fff;
    width: 300px;
    height: 34px;
    padding-top: 6px;
    padding-bottom: 2px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
.bpOff
{
    background-image: url(images/btnBlue.gif);
    background-repeat: repeat-x;
    color: #fff;
    line-height: 26px;
    padding: 4px;
    margin: 2px;
    border: 1px solid #4F7398;
    background-color: #01366A;
}
.bpOff:hover
{
    background: #45D0EA;
    color: #01366A;
}

.bpOn
{
    background-image: url(images/btnGreen.gif);
    background-repeat: repeat-x;
    color: #90AD2B;
    line-height: 26px;
    padding: 4px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 2px;
    border: 1px solid #90AD2B;
    background-color: #BBDB4A;
}


#container
{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    width: 944px;
    height: 540px;
    _overflow: hidden;
    background-color: #fff;
    border: solid 1px #fff;
    background-image: url(images/co2fribgIKKEBOKSER.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}
#fpContainer /* additional container for 3 boxes on front page */
{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 318px;
    width: 100%;
    height: 145px;
    overflow: hidden;
}
.standardContent
{
    text-align: left;
    padding: 16px;
    padding-top: 0px;
    height: 408px;
}



.whiteHeading
{
    color: #fff;
    font-size: 22px;
    line-height: normal;
    padding: 0px;
    margin: 0px;
    padding-bottom: 8px; *padding-bottom:20px;
margin-bottom:10px;
}

/* wrap around articles */
.standardContent #ctl00_content_TemplatedItemControl1
{
    height: 390px;
    padding: 16px;
    overflow-y: auto;
    border: 1px solid #fff;
    background-color: #BBEEF7;
    padding-bottom: 0px;
    margin-top: 8px;
}

#ctl00_content_TemplatedItemControl1 img
{
    margin: 16px;
}

.contentBox /* front page boxes */
{
    position: absolute;
    top: 0px;
}

.contentBox p
{
    font-size: 15px;
    line-height: 1.30em;
    padding: 0;
    margin: 0;
}
.contentBox p a
{
}

.logoImage /* NLA - part of bg */
{
    position: absolute;
    left: 10px;
    top: 10px;
}
.co2friImage /* NLA - part of bg */
{
    position: relative;
    left: 760px;
    top: 10px;
}
.productList
{
}

/* MAIN PAGE ADJUSTING */

#content1 p a /* resized to make user entered links in body text of 3 bokses smaller */
{
    font-size: 11px;
    line-height: normal;
}

#content1
{
    left: 30px;
    width: 244px;
    height: 100px;
    text-align: left;
}
#content2
{
    left: 340px;
    width: 244px;
    height: 100px;
    text-align: left;
}
#content3
{
    right: 30px;
    width: 260px;
    height: 116px;
    _height: 110px;
    color: #00457E;
}
#player
{
    width: 912px;
    height: 283px; /* 			margin-left:16px; 			_margin-left:2px; 			_margin-top:16px; 			overflow:hidden; 			display:block; 			margin-top: -35px; 			margin-left: 0px; */
    position: absolute;
    left: 16px;
    top: 35px; /*border:1px solid #fff;*/
}

#playerCompany
{
    width: 912px;
    height: 283px; /* 			margin-left:16px; 			_margin-left:2px; 			_margin-top:16px; 			overflow:hidden; 			display:block; 			margin-top: -35px; 			margin-left: 0px; */
    position: absolute;
    left: 16px;
    top: 65px; /*border:1px solid #fff;*/
}

/* FORMS & FIELDSETS */

#ctl00_content_wizardPanel
{
}

.standardContent fieldset
{
    border: 1px solid #fff;
    background-color: #BBEEF7; *padding-top:30px;
position:relative;
width:auto;
top:0px;
left:0px;
padding-left:16px;
padding-right:16px;
padding-bottom:16px;
*padding-bottom:0px;
height:320px;
}

.field
{
    border: 1px solid #fff;
    background-color: #BBEEF7;
    position:relative;
    padding:16px;
    height:320px;
}

.fieldLegend
{
    font-size: 13px;
    font-weight: bold;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    color: #fff;
    border: 1px solid #fff;
    background-color: #00457E;
    position: absolute;
    top: -13px;
    left: 13px;
}

.fieldValidation
{
    background-color:#cc3333; 
    padding:4px;   
}

.standardContent fieldset table
{
   /* margin-top: 16px;*/
}

.scrollbox
{
    margin-top: 8px;
    width: 860px;
    height: 290px;
    padding: 8px;
    overflow-y: auto;
    overflow-x: hidden; 
}
.standardContent legend
{
    font-size: 13px;
    font-weight: bold;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    color: #fff;
    border: 1px solid #fff;
    background-color: #00457E;
    position: absolute;
    top: -13px;
    left: 13px;
}
.standardContent label
{
    font-size: 15px;
    padding: 2px;
    color: #00457E;
}
.standardContent input
{
    border: 1px solid #00BEE1;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 2px;
    color: #444;
}
.standardContent .productList input
{
    border: 0px solid #00BEE1;
    margin-top: 4px;
    padding: 2px;
    color: #444;
}

.radioButtonList input
{
    border-style:none;   
    padding-top:0px;
    margin-top:0px; 
}

#ctl00_content_RouteCustomer1_rblRouting input,
#ctl00_content_SelectProduct1_cbSameInvoice,
.checkbox input
{
    border:none;    
}


.standardContent th, td
{
    color: #00457E;
    font-weight: normal;
}

.scrollMe
{
    height: 290px;
    overflow-y: auto;
}

.infoBox
{
    float:right; 
    border:1px solid #fff;
    line-height:1.7em;
}

.infoHeading
{
    background-color:#00457E;
    border-bottom:1px solid #FFFFFF;
    color:#FFFFFF;
    font-size:13px;
    font-weight:bold;
    left:13px;
    padding:4px 8px;    
}

.infoContent
{
    padding:10px;  
}

/*
.validationSummary
{
    background-color:#ddd;
    border:1px solid #fff;
    
    overflow-y:auto;
    padding-bottom:8px;
    
    position:absolute;  
    right:16px;
    bottom:-40px;
    width:774px;
    height:50px;
    
    *right:0px;
    *bottom:-50px;
    *width:758px;
    *height:22px;
    *padding-top:8px;
}

.validationSummary ul
{
    margin-bottom:8px;    
}

.validationSummary li
{
        float:left;
        width:350px;
        list-style-type:circle;
}

*/
/* TESTER KNAPPER 

#ctl00_content_btnPrevious
{
    
    background-color:#00BEE1;
    color:#fff;
    } 
#ctl00_content_btnPrevious:hover
{
    border:1px solid red;
    background-color:pink;
    }        
*/

/* REMOVING BORDER ON CHECKBOX IE */
#ctl00_content_SelectProduct1_cbSameInvoice, #ctl00_content_SubscriptionInfo1_rblIsGift_0, #ctl00_content_SubscriptionInfo1_rblIsGift_1, #ctl00_content_SubscriptionInfo1_cbWantGiftWrap, input[type=checkbox], input[type=radio]
{ *border:0pxsolid;
}

/* BUTTONS UNDER FORMS */

#ctl00_content_wizardControlPanel /* button container */
{
    padding: 8px;
    background: #BBEEF7;
    border: 1px solid #fff;
    display: inline;
    margin-left: 2px; *margin-left:0px;
}
#ctl00_content_wizardControlPanel input
{
    background-color: #ddd;
    color: #444;
    border: 1px solid #fff;
    padding: 0px;
    margin: 0px;
}
#ctl00_content_wizardControlPanel #ctl00_content_btnNext
{
    background: #00457E;
    border: 1px solid #819B1E;
    color: #fff;
}
#ctl00_content_wizardControlPanel #ctl00_content_btnNext:hover
{
    background-image: url(images/greenbuttonbg.jpg);
    background-position: right top;
    border: 1px solid #A9CB38;
    color: #819B1E;
    cursor: hand;
    cursor: pointer;
}

/* SUMMARY */

.SummaryTable th
{
    line-height: 1.5em;
    font-weight: bold;
    color: #444;
}
.AddressTable .CustomerDataHeader
{
    font-weight: bold;
}
.CustomerDataTable .CustomerDataHeader
{
    font-weight: bold;
}

.TipAFriend
{
    background-color: White;
    width: 926px;
    margin: auto;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 20px;
}

#ctl00_tipAFriend_btnSend
{
    background: #fff url(images/bbtn1.jpg) repeat-x center center;
    color: #fff;
    height: 24px;
    border: 1px solid #0A3355;
    padding: 0px;
}

#tipStatus
{
    clear: both;
}


.modalPopup
{
    background-color: White;
    text-align: left;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    _position:absolute;
    _top:0px;
    _left:0px;
}

#itemMenu
{
    width: 910px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    height: 30px;
}

#itemMenu ul
{
    width: 908px;
    height: 28px;
    background: #fff url(images/bbtn1.jpg) repeat-x center center;
    margin: 0px;
    padding: 0px;
    border: 1px solid #0A3355;
}

#itemMenu li
{
    float: left;
    list-style-type: none;
    list-style-position: outside;
    line-height: 28px;
}

#itemMenu li.selected, #itemMenu li:hover
{
    background-color: #00BEE1;
}

#itemMenu li:hover
{
}

#itemMenu li a
{
    color: #fff;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 28px;
}

#itemMenu li a:hover
{
    text-decoration: none;
    background-color: #00BEE1;
    line-height: 28px;
}


/*Bestillingsprosess*/
.ekstraInfo
{
    padding: 16px;
}


.validationSubscriptionInfo
{
    position: absolute;
    top: 50px;
    right: 50px;
}


/*IframeItem*/

#iframeContainer
{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    width: 580px;
    height: 540px;
    _overflow: hidden;
    background-color: #fff;
    border: solid 1px #fff;
    background-image: url(images/co2fribgIKKEBOKSER.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}

#iframeContainer #ctl00_hlDefault
{
    display:none;    
}

#iframeContainer #itemMenu ul
{
    visibility:visible; 
    width:546px;   
}



/*IE6 HACKS*/

/*bestilling, link til stadnard løsning (basic)*/
#ctl00_content_SelectProduct1_lbBasicInfo
{
    position: relative; 
    top: -80px;
	left: 27px;   
    _top:-56px;
}

/*forside bedrift, 3. boks*/
#ctl00_content_TemplatedItemControl3
{
}