/* MY PAGES */
/* The sorrounding chart box css*/

.chartbox {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color:#333;
        text-align: center;
        margin:auto;
        border:1px solid #eee;
        padding:5px;
        padding-top:0px;
        overflow:hidden;
        background-color:#fff;
}

.chartbox h2{
        font-size: 14px;
        font-weight:bold;
        padding:0px;
        margin:5px 0px;
}

/* Vertical chart elements */

.barv{
        margin: 2px;
        float:left;
}

.barvvalue {
        padding:0px;
        margin:0px;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: center;
}

/* Horizontal chart elements */

.barh{
        margin: 4px;
        text-align:left;
        clear:both;
}

.barhvalue {
        padding:0px;
        margin:0px 5px;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: left;
        overflow:hidden;
        float:left;
}

.barhcaption {
        padding:0px;
        margin:0px 5px;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: right;
        overflow:hidden;
        float:left;
}


.barhimage {
    float:left;
}



#mypages a {
	outline:none;
	}

#mypages_leftmenu {
	position: relative;
	float: left;
	overflow: hidden;	
	margin: 0 15px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 291px;
	color:#333333;
	}
			
	#loginBox{
		position: relative;
		display:inline;
		float: left;
		z-index: auto;
		width: 240px;
		margin: 0 0 16px 32px;
		}
	
		#loginBox .top{
			position: relative;
			float: left;
			width: 240px;
			height: 8px;
			background:url(../img/mypages/top.png) no-repeat top;
			}
			
		#loginBox h3 {
			margin: 0 0 0 0;
			font-size: 1.3em;
			font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica 			Neue", Helvetica, Arial, sans-serif;
			}
			
		#loginBox .content{
			position: relative;
			float: left;
			padding: 0px;
			margin-left: 1px;
			/* height: 26px; */
			width: 238px;
			background-color: #F20000;
			}	
				
			#loginBox .welcome {
				position: relative;
				float:left;
				color:#FFF;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:1.2em;
				text-indent:8px;
				width:160px;
				margin-top: 2px;
				padding: 0;
				border: 0;
				}
			
		#loginBox .logout {
			position: relative;
			float:left;
			margin: 3px 9px 0 0;
			float:right;
			display: block;
			width: 56px;
			height:20px;
			padding: 0;
			border: 0;
			background: url(../img/mypages/loggout_btn_inactive.png) no-repeat top right;
			cursor: pointer;
			cursor: hand;
			outline: none;
			}
		
		#loginBox .logout>* {
			display: none;
			}

			#loginBox .logout span {
			display: none;
			}

		#loginBox .logout:hover{
			background: url(../img/mypages/loggout_btn_active.png) no-repeat top right;
			}

			#loginBox a.mypage_link {
				position: relative;
				display:block;
				clear: both;
				margin: 0 0 0 9px;
				color: #FFFFFF;
				font-size: 0.9em;
				font-weight: bold;
				text-decoration: none;
				text-align: left;
				}

				#loginBox a.mypage_link:hover {
					text-decoration: underline;
					}
			
		#loginBox .divider {
			position: relative;
			float:left;
			margin-left:1px;
			background:url(../img/mypages/line.png) no-repeat center top;
			height:2px;
			width:238px;
			}

		#loginBox .inbox {
			position: relative;
			float:left;
			padding:0px;
			margin-left:1px;
			height:20px;
			width:238px;
			background-color:#F20000;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:1em;
			color:#FFF;
			}
		
		#loginBox .icon {
			position: relative;
			float:left;
			margin-left: 8px;
			background:url(../img/mypages/messageicon.png) no-repeat center left;
			height: 27px;
			width: 15px;
			}
		
		#loginBox #messages {
			position: relative;
			float:left;
			margin: 6px 0px 0px 8px; /*TOP RIGHT BOTTOM LEFT*/
			}

			#loginBox #messages a{
				outline:none;
				color:#FFF;
				text-decoration:none;
				}
	
			#loginBox #messages a:hover{
				color:#FFF;
				text-decoration:underline;
				}
			

		#loginBox .bottom {
			position: relative;
			float: left;
			background:url(../img/mypages/bottom.png) no-repeat bottom;
			height:8px;
			width: 240px;
			}

	/* ADDON BOX */
	#addOnBox {
		position: relative;
		display:inline;
		float: left;
		margin: 5px 0px 15px 32px;
		width:240px;
		}
		
		#addOnBox p {
			padding: 0;
			margin: 0;
			border: 0;
			height: 15px;
			text-decoration: none;
			font-size: 0.9em;
			font-weight: bold;
			color: #333333;
			}
			
			#addOnBox a {
				color: #333333;
				}
				
			#addOnBox a:hover {
				color: #C80000;
				}
			
			
		#addOnBox .yourAddOnsBtn { 
			position: relative;
			float: right;
			margin: 3px 3px 0 0;
			width: 75px;
			height: 25px;
			background: transparent url(../img/mypages/deActivateBtn.png) no-repeat scroll 0 0;
			}			
			
		#addOnBox .yourAddOnsBtn>* {
			display: none;
			}

		#addOnBox .yourAddOnsBtn span {
			display: none;
			}

		#addOnBox #webshop, #addOnBox h3 {
			font-size:19px;
			margin: 3px 0 0 10px;
			font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica 			Neue", Helvetica, Arial, sans-serif;
			}
	
		#addOnBox .top{
			position: relative;
			float: left;
			background:url(../img/mypages/addOnBox/addOnBox_top.png) no-repeat top;
			width:240px;
			height:5px;
			}
			
		#addOnBox .title {
			position: relative;
			float: left;
			background:url(../img/mypages/addOnBox/addOnBox_repeater_white.png) repeat-y left;
			width:240px;
			height:30px;
			float:left;
			}
			
		#addOnBox .separator{
			position: relative;
			float: left;
			background:url(../img/mypages/addOnBox/addOnBox_seperator.png) no-repeat left;
			height: 1px;
			margin: 0 0 5px 0;
			width: 240px;
			}
				
		#addOnBox .subscriptions {
			position: relative;
			float: left;
			background: url(../img/mypages/addOnBox/addOnBox_repeater_grey.png) repeat-y top;
			width: 240px;
			}
			
			#addOnBox .leftcol {
				position: relative;
				float:left;
				margin: 8px 0 0 8px;
				}
				
			#addOnBox .rightcol {
				position: relative;
				float:right;
				margin: 8px 8px 0 0;
				}
				
			#addOnBox .status {
				margin: 6px 6px 0 0;
				float:right;
				display:block;
				font-size:0px;
				background:url(../img/mypages/subscription_active_btn.png) top left no-repeat;
				height:20px;
				width:67px;
				}
			
			#addOnBox .status:hover {
				background:url(../img/mypages/subscription_blocked_btn.png) top left no-repeat;
				height:20px;
				width:67px;
				}
					
					
			#addOnBox .profileSubscription {
				text-decoration: none;
				font-weight: bold;
				color: #333333;
				}
				
				#addOnBox .subscriptions .top {
					margin: 12px 0 0 0;
					}

				#addOnBox .addOnProduct {
					position: relative;
					float: left;
					margin: 6px 0px 0 8px;
					height: 15px;
					text-decoration:none;
					font-size:0.9em;
					font-weight:bold;
					color:#333333;
					float:left;
					}
				
				#addOnBox .addOnProduct:hover {
					color: #F20000;
					}
	
		#addOnBox .addOnProduct:hover {
					color: #F20000;
					}
	
			#addOnBox .bottom {
				margin-bottom: 8px;
				position:relative;
				float:left;
				background:url(../img/mypages/addOnBox/addOnBox_bottom.png) no-repeat left;
				height:5px;
				width:240px;
				}	
			
	/* ADDONS */
	#addOns {
		position: relative;
		display:inline;
		float:left;
		margin: 0px 0px 0px 22px;
		}

		#addOns .onecall_title {
			width:72px;
			height:30px;
			float:left;
			}
		
		#addOns .title {
			width:100px;
			height:30px;
			float:left;
			}
				
		#addOns h3 {
			font-size: 19px;
			margin: 3px 0 0 10px;
			font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
			}
			
			#addOns .title h3, 
			#addOns .onecall_title h3 {
				margin: 3px 0 0 5px;
				}

		#addOns .separator {
			background:url(../img/mypages/addOns/seperator.png) no-repeat left;
			height: 5px;
			width:240px;
			float:left;
			}

		#addOns .header {
			height:15px;
			margin: 8px 8px 0 11px;
			text-decoration:none;
			font-size:0.9em;
			font-weight:bold;
			color:#CCCCCC;
			float:left;
			}
			
		#addOns .yourAddOnsBtn { 
			margin-top: 3px;
			margin-right: 5px;
			}
		

		#addOns .productName, #addOns .price{
			margin: 6px 8px 5px 11px;
			text-decoration:none;
			font-size:0.9em;
			font-weight:bold;
			color:#333333;
			float:left;
			line-height: normal;
			}
			
			#addOns .price_container{
				float:right;

			}
	
				#addOns .price {
					vertical-align:top;
					margin-right:0;
					float:right;
				}

				#addOns .mypages_radiobutton{
					vertical-align:top;
					float:left;
				}
				

		#addOns .productName:hover {
			color:#F20000;
		}

                .upgrades a.more {
                    color: #333333;
                    float: right;
                    font-size: 0.9em;
                    margin: 0 10px 10px 0;
                    position: relative;
                    text-decoration: none;
                }




.order_phone_btn{
        margin: 0;
        padding:0;
        border:0;
        float: right;
        display:block;
        font-size:0px;
        background:url(/img/webshop/bestill_knapp.png) 0 0px no-repeat;
        height:18px;
        width:65px;
}




.service_table_add_btn{
        margin: 0;
        padding:0;
        border:0;
        float: right;
        display:block;
        font-size:0px;
        background:url(/img/mypages/deActivateBtn.png) 0 -40px no-repeat;
        height:20px;
        width:75px;
}



.service_table_add_btn:hover {
        margin: 0;
        padding:0;
        border:0;
        float: right;
        display:block;
        font-size:0px;
        background:url(/img/mypages/deActivateBtn.png) 0 -114px no-repeat;
        height:20px;
        width:75px;
}




.service_table_deactivate_btn{
        margin: 0;
        padding:0;
        border:0;
        float: right;
        display:block;
        font-size:0px;
        background:url(/img/mypages/deActivateBtn.png) 0 0 no-repeat;
        height:20px;
        width:75px;
}


.service_table_deactivate_btn:hover {
        margin: 0;
        padding:0;
        border:0;
        float: right;
        display:block;
        font-size:0px;
        background:url(/img/mypages/deActivateBtn.png) 0 -74px no-repeat;
        height:20px;
        width:75px;
}

.service_table_upgrade_btn{
        margin: 0;
        padding:0;
        border:0;
        float: right;
        display:block;
        font-size:0px;
        background:url(/img/mypages/upgrade_btn.png) 0 -40px no-repeat;
        height:20px;
        width:75px;
}


.service_table_upgrade_btn:hover {
        margin: 0;
        padding:0;
        border:0;
        float: right;
        display:block;
        font-size:0px;
        background:url(/img/mypages/upgrade_btn.png) 0 -114px no-repeat;
        height:20px;
        width:75px;
}

.service_table_upgrade_btn{
        margin: 0;
        padding:0;
        border:0;
        float: right;
        display:block;
        font-size:0px;
        background:url(/img/mypages/upgrade_btn.png) 0 -40px no-repeat;
        height:20px;
        width:75px;
}



.service_table_upgrade_btn:hover {
        margin: 0;
        padding:0;
        border:0;
        float: right;
        display:block;
        font-size:0px;
        background:url(/img/mypages/upgrade_btn.png) 0 -114px no-repeat;
        height:20px;
        width:75px;
}

.service_table_modify_btn{
        margin: 0;
        padding:0;
        border:0;
        float: right;
        display:block;
        font-size:0px;
        background:url(/img/mypages/tilpass.png) 0 -40px no-repeat;
        height:20px;
        width:75px;
}



.service_table_modify_btn:hover {
        margin: 0;
        padding:0;
        border:0;
        float: right;
        display:block;
        font-size:0px;
        background:url(/img/mypages/tilpass.png) 0 -114px no-repeat;
        height:20px;
        width:75px;
}






.submitloginbutton{
        margin: 0;
        padding:0;
        border:0;
        float: right;
        display:block;
        font-size:0px;
        background:url(/img/top_menu/submit_btn.png) 15px 0 no-repeat;
        height:20px;
        width:75px;
}
.submitloginbutton:hover {
        margin: 0;
        padding:0;
        border:0;
        float: right;
        display:block;
        font-size:0px;
        background:url(/img/top_menu/submit_btn.png) 15px -40px no-repeat;
        height:20px;
        width:75px;
}




.submitloginbuttonleft{
        margin: 0;
        padding:0;
        border:0;
        float: left;
        display:block;
        font-size:0px;
        background:url(/img/top_menu/submit_btn.png) 15px 0 no-repeat;
        height:20px;
        width:75px;
}
.submitloginbuttonleft:hover {
        margin: 0;
        padding:0;
        border:0;
        float: left;
        display:block;
        font-size:0px;
        background:url(/img/top_menu/submit_btn.png) 15px -40px no-repeat;
        height:20px;
        width:75px;
}


.change_address_error{
        color: #ff0000;
}

#content_wrapper .contentcontainer {
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-radius: 0 0 5px 5px;
    border-right: 1px solid #DDDDDD;
    margin-top: 0;
    padding: 9px 0 9px 0px;
}

#content_wrapper .contentcontainer > h2, #content_wrapper .contentcontainer > p, #content_wrapper .contentcontainer .tabcontent, #content_wrapper .contentcontainer > table{
	padding-left: 20px;
}
#content_wrapper .contentcontainer .tabcontent {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #eee;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#content_wrapper .contentcontainer table{
    float: left;
    border: medium none;
    border-spacing: 0;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    margin: auto;
    width: auto;
}
#content_wrapper  div.contentheader {
    font-size: 22px;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 0 0;
    margin: 0;
    padding: 9px 0 4px 20px;
}

#content_wrapper .contentcontainer .functionbox{
	border-radius: 5px;
	padding: 10px;
	margin: 20px 20px 40px 20px;
	background-color: #eee;
	border: 1px solid #ddd;
}





#content_wrapper .contentcontainer .button:active, #content_wrapper .contentcontainer .button_nosubmit:active, #popupContact .button:active, #popupContact .button_nosubmit:active {
    box-shadow: none;
}
#content_wrapper .contentcontainer .button.green, #content_wrapper .contentcontainer .button_nosubmit.green, #popupContact .button.green, #popupContact .button_nosubmit.green {
    background-color: #7CAC25;
}

#content_wrapper .contentcontainer .button.gray, #content_wrapper .contentcontainer .button_nosubmit.gray, #popupContact .button.gray, #popupContact .button_nosubmit.gray {
    background-color: #908895;
}

#content_wrapper .contentcontainer .button, #content_wrapper .contentcontainer .button_nosubmit, #popupContact .button, #popupContact .button_nosubmit {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
    display: inline-block;
    font: 14px/18px 'Arial','Helvetica',sans-serif;
    margin: 0;
    overflow: hidden;
    padding: 1px;
    text-decoration: none;
    vertical-align: middle;
}
#content_wrapper .contentcontainer .button .inner, #content_wrapper .contentcontainer .button_nosubmit .inner, #popupContact .button .inner, #popupContact .button_nosubmit .inner {
    border-radius: 5px 5px 5px 5px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    display: block;
    font: bold 12px 'Helvetica','Arial',sans-serif;
    margin: 0;
    padding: 6px 12px;
    position: relative;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
#content_wrapper .contentcontainer .button, #content_wrapper .contentcontainer .button_nosubmit, #popupContact .button, #popupContact .button_nosubmit {
    font: 14px/18px 'Arial','Helvetica',sans-serif;
    text-decoration: none;
}

#content_wrapper .contentcontainer .button:hover, #content_wrapper .contentcontainer .button_nosubmit:hover, #popupContact .button:hover, #popupContact .button_nosubmit:hover{
    background-image: -moz-linear-gradient(center top , transparent, rgba(0, 0, 0, 0.1));
    cursor: pointer;
    text-decoration: none;
}


.gavekortinfotable td{
	padding: 8px;
}

#popupContact a#popupContactClose{
cursor: pointer;
text-decoration:none;
}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#151B54;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:150px;
width:320px;
background:#FFFFFF;
/* background-color:#000000; */
border:2px solid #cecece;
z-index:2;
padding:12px;
/* background-image:url('http://') */
font-size:13px;
    border-radius: 7px;
    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);

}
#popupContact h1{
text-align:left;
color:#000;
font-size:18px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContact #popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}

#content_wrapper .functionbox .popcancelsimchange{
	color: #c80000;
	text-decoration: underline;
	cursor: pointer;
}

#content_wrapper .response_wrapper{
	border-radius: 6px;
	border: 1px solid #DDDDDD;
	padding: 10px 20px;
	margin-left: 20px;
	margin-right: 20px;
}

#content_wrapper .response_wrapper .question_wrapper{
	float: left;
	width: 50%;
}

#content_wrapper .response_wrapper .freetext_wrapper{
	width: 50%;
	float: right;
}
#content_wrapper .response_wrapper .question{
	font-weight: bold;
	float: left;
}

#content_wrapper .response_wrapper .left{
	float: left;
}

#content_wrapper .response_wrapper .answer input{
	width: 210px;
}

#content_wrapper .response_wrapper .answer{
	padding-top: 5px;
}

#content_wrapper .response_wrapper .answer .alternative{
	border-radius: 6px;
	padding: 5px 10px;
	width: 40px;
	border: 1px solid #ddd;
	float: left;
	cursor: pointer;
	margin-right: 4px;
}
#content_wrapper .response_wrapper .answer .alternative.negative{
	width: 75px;
}

#content_wrapper .response_wrapper .answer .alternative.selected, #content_wrapper .response_wrapper .answer .alternative.over{
	background-color: #ddd;
}

#content_wrapper .response_wrapper .answer .alternative img{
	vertical-align:middle;
}

#content_wrapper .response_wrapper .freetext_wrapper .button_wrapper{
	float: right;
	padding: 5px;
}

#content_wrapper .response_wrapper .freetext_wrapper .button_wrapper .inner{
	cursor: pointer;
}