/* My Page Common */


div.myPage p.header
{
		font-family: "lucida grande", verdana, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #000066;
		margin-top: 2px;
}


div.myPage .Heading1
{
	margin-bottom: 5px;
}


div.myPage span.name,
div.myPage table td span.name
{
	color: Navy; font-weight: bold; 
}

div.myPage .left 
{
	float: left;
    width: 300px;	
}
 
div.myPage .right 
{
	float: right;
}

div.myPage div.clear
{
	clear: both;
}

/* Login form */
div.myPage div.form span
{
	display: inline;	
}

div.myPage div.form label
{
	display: block;
	margin: 5px 0 0 0;
	font-size: 10px;
}

div.myPage div.form label.shortlabel
{
	float: left;
	width: 83px;
}
div.myPage div.form label.mediumlabel
{
	float: left;
	width: 150px;
}

div.myPage div.form input
{
	font-size: 10px;
	display: inline;
}

div.myPage div.form input.shortfield
{
	margin-right: 5px;
	width: 70px;
}

div.myPage div.form input.mediumfield
{
 	width: 149px;
}

div.myPage div.form input.mediumloginfield
{
 	width: 182px;
}

div.myPage div.form input.widefield
{
	width: 230px;
}

div.myPage div.form table.selects td
{
	padding-right: 15px;
}

div.myPage div.form div.buttons
{
	margin-top: 10px;
	padding-right: 25px;
	text-align: right;
}

div.myPage div.form div.buttons input
{
	font-size: 11px;
	font-weight: bold;
}

/* List forms */

div.myPage table.myForm
{
	width: 100%;
	border-spacing: 0;
}

div.myPage table.myForm td.label,
div.myPage table.myForm td.value,
div.myPage table.myForm td.toogle
{
	vertical-align: top;
	padding: 3px 3px 3px 3px;
}

div.myPage table.myForm tr.edit td.label,
div.myPage table.myForm tr.edit td.value,
div.myPage table.myForm tr.edit td.toogle
{
	vertical-align: top;
	padding: 6px 6px 6px 6px;
}

div.myPage table.myForm td.label
{
	width: 140px;
	font-weight: bold;
}

div.myPage table.myForm td.value
{
	width: auto;
}

div.myPage table.myForm td.toggle
{
	width: 160px;
}

div.myPage table.myForm input.fieldValue
{
	width: 150px;
}

div.myPage table.myForm span.fieldError
{
}

div.myPage table.myForm input.button
{
	font-weight: bold;
}


div.myPage table.myForm tr.edit
{
	background-color: #eceff5; /*#eeeeee;*/
}

div.myPage table.myForm tr.header,
div.myPage table.myForm td.header
{
	font-weight: bold;
}

div.myPage table.myForm tr.odd td
{
	background-color: #F0FDEA;
}

div.myPage table.myForm tr.even td
{
	background-color: #EDF3FD;
}


/* MyProfile */

div.myPage div.myProfile
{
	display: block; min-height: 10em; line-height: 2em;
}



/* myservices */

.myPage .myServices .services .statusRegular,
.myPage .myServices .services .statusActive,
.myPage .myServices .services .statusPassive
{
	font-weight: bold;
}

.myPage .myServices .services .statusActive
{
	color: Green;
}

.myPage .myServices .services .statusPassive
{
	color: Red;
}


.myPage .myServices .services,
.myPage .myServices .offers
{
	margin-bottom: 10px;
}


.myPage .myServiceEnrollment .acceptButton
{
	background-color: #A6D864;
	width: 100%;
}

.myPage .myServiceEnrollment .acceptButton,
.myPage .myServiceEnrollment .declineButton,
.myPage .myServiceEnrollment .laterButton
{
	width: 100%;
	display: block;
	margin-bottom: 5px;
	color: #fff;
	font-weight: bold;
}

.myPage .myServiceEnrollment .acceptButton
{
	background-color: #78BD48;
	font-size:14px;
}


.myPage .myServiceEnrollment .laterButton
{
	background-color: #F79238;
	font-size: 13px;
}


.myPage .myServiceEnrollment .declineButton
{
	background-color: #ED6B77;
	font-size: 13px;
}

.myPage .shippingaddresslist 
{
 list-style-type: none;	
}

.myPage .shippingaddressbuttons 
{
  margin-bottom: 10px;	
}

.myPage .pickerWrapper_Default
{
	margin-left: -7px;
	padding-left: 0px;
}


.myPage .child
{
	/*border: solid thin #669999;*/
	margin-bottom: 15px;		
}

.myPage .childTop {
	border-style: none none solid none;
	border-width: thin;
	border-color: #669999;
	margin-bottom: 10px;
}

.myPage .childTop table td {
	/*font-family: "lucida grande", verdana, sans-serif;
	font-size: 12px;*/
}



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



/* kode for bytt bilde-funksjonen -------------------*/


.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	z-index: 1;
	position: absolute;
}
img.profilePicture
{
border: 3px solid rgb(204, 204, 204); margin-bottom: 6px;
}
a.changeProfilePicture  {
	background-position: 0px 0px; 
	background-image:url(/Images/MyPage/pil_blue.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding-right: 20px;
	
	color:#bbbbbb;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
	padding-top:1px;
	float:left;
	cursor:pointer;
	text-decoration:none;
	height: 15px;

}

a.changeProfilePicture:hover   
{
	background-position: right -15px;
	text-decoration:underline;
}

















/* kode for tekster min side - gbn -------------------*/


.stikk_bar { 
	color: #ffffff; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 11px; 
	line-height: 16px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}


.mainBlue { 
	color: #4a7ebc; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 24px; 
	line-height: 26px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: 10px; 
}

/* kode for rammer og containere -------------------*/

.bardiv {
	position:relative; 
	margin-left:0px; 
	margin-bottom:12px;
	margin-top:10px;
}
.barframe {
	position:relative; 
	width:468px; 
	background-image:url(/Images/MyPage/bar_rep.png); 
	background-repeat:repeat-y; 
	background-position:left top;
}
.bartop {
	position:relative; 
	width:468px; 
	height:44px; 
	margin-top:0px; 
	background-image:url(/Images/MyPage/bar_top_green.png); 
	background-repeat: no-repeat; 
	background-position:left top;
}
.bar_title {
	position:relative; 
	float:left; 
	margin-top:9px; 
	padding-left:13px;
}
.barbottom {
	position:relative; 
	width:468px;	 
	margin-top:0px; 
	background-image:url(/Images/MyPage/bar_bottom.png); 
	background-repeat: no-repeat; 
	background-position:bottom;
}
.bar_content {
	position:relative; 
	margin-left:15px; 
	margin-top:0px; 
	width:443px; 
	padding-bottom:10px;
}


/* kode for alternative bokpakker - abp -------------------*/
 
.green_button_container {
position:relative;
width:114px;
height:37px;
margin-top:10px;
margin-bottom:2px;
}.green_button a {
	position:relative;
	color: #ffffff;
		display:block;
		width:114px;
		height:37px;
		margin: 0px;
		padding:0px;
		background:url(/Images/MyPage/green_button.png) 0 0 no-repeat;
		text-decoration: none;
}.green_button a:hover {	
		background-position: 0 -37px;
		color: #ffffff;
		text-decoration: none;
}
.green_button_txt{
	position:absolute;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	width:104px;
	top:5px;
	left:10px;
	cursor:pointer;
}
 
 
.big_bardiv {
	position:relative; 
	margin-left:0px; 
	margin-bottom:12px;
	margin-top:10px;
}
.big_barframe {
	position:relative; 
	width:665px; 
	background-image:url(/Images/MyPage/big_bar_rep.png); 
	background-repeat:repeat-y; 
	background-position:left top;
}
.big_bartop {
	position:relative; 
	width:665px; 
	height:44px; 
	margin-top:0px; 
	background-image:url(/Images/MyPage/big_bar_top.png); 
	background-repeat: no-repeat; 
	background-position:left top;
}
.big_bar_title {
	position:relative; 
	float:left; 
	margin-top:9px; 
	padding-left:13px;
}
.big_bar_sorted {
	position:relative; 
	float:right; 
	margin-top:9px; 
	padding-right:15px;
}
.big_barbottom {
	position:relative; 
	width:665px;
	margin-top:0px; 
	background-image:url(/Images/MyPage/big_bar_bottom.png); 
	background-repeat: no-repeat; 
	background-position:bottom;
}
.big_bar_content {
	position:relative; 
	margin-left:11px; 
	margin-top:0px; 
	width:641px; 
	padding-bottom:10px;
}
.big_bar_content_spacer {
	position:relative; 
	margin-left:11px; 
	margin-top:0px;
	height:1px;
	background-image:url(/Images/MyPage/hor_prikkelinje.png);
	background-repeat:repeat-x;
	background-position:bottom left;
	width:641px; 
	margin-bottom:10px;
}
 
.txt_bar_grey { 
	color: #444444; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 18px; 
	line-height: 16px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
	padding:0px;
	margin-bottom: 0px;
}
 
.sorted_bar_grey { 
	color: #444444; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 12px; 
	line-height: 16px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
	padding:0px;
	margin-bottom: 0px;
}
/* ---------------------------------- */ 


/* =================== OFFER ====================*/

.OfferItemList 
{
    display:block;
    overflow:auto;
}


.OfferItem 
{
    float:left;
    padding-bottom:20px;
    width:450px;
}

p.OfferButtonGreen, p.OfferButtonRed
{
    background-position:left top;
    background-repeat:no-repeat;    
    font-size:13px;
    font-weight:bold;    
    padding:0;
    text-align:center;
    text-decoration:none; 
    height:45px;    
    width:110px; 
    margin: 15px 0px 0px 0px;
}


p.OfferButtonGreen
{
    background-image:url("/Images/MyPage/green_button2.png");  
}

p.OfferButtonRed
{
    background-image:url("/Images/MyPage/red_button.png");  
}

p.OfferButtonGreen a, p.OfferButtonGreen a:hover, p.OfferButtonRed a, p.OfferButtonRed a:hover {
    color:white;
    display:block;
    font-size:13px;
    font-weight:bold;
    height:32px;
    padding-top:13px;
    text-decoration:none;
}

p.OfferButtonGreen a:active, p.OfferButtonGreen a:focus, p.OfferButtonRed a:active, p.OfferButtonRed a:focus {
    color:white;
    display:block;
    font-size:13px;
    font-weight:bold;
    outline:medium none;
    padding-top:13px;
    text-decoration:none;
}



.OfferModalBackground {

}

.OfferModalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;	
	
	z-index: 1;
	position: absolute;
	width:380px;
    padding: 20px 0px 20px 20px;
    
}

.OfferModalPopup .Heading 
{
    background-color:#ededed;    
    padding: 5px;
    font-weight:bold;
    width:350px;
    border-bottom:1px solid gray;  
}


.OfferModalPopup .Details 
{    
    padding: 5px;    
    width: 350px;    
}

.OfferAcceptedMessage
{
	border: dashed 1px black;
	padding: 5px 7px 5px 7px;
	background-color: #fff3c8;
	font-weight: bold;
	font-size:  11pt;
}

.OfferErrorMessage
{
	border: dashed 1px black;
	padding: 5px 7px 5px 7px;
	background-color: #fcded9;
	font-weight: bold;
	font-size:  11pt;
}