
/* $Id: bt_kundservice.css 4882 2008-05-19 09:42:20Z daniel $ */

/* BONNIERS KUNDSERVICE */


div#bt_kundservice { font-family: Arial,Verdana,sans-serif; }

/* BASIC STYLES */
div#bt_kundservice h1, div#bt_kundservice h2, div#bt_kundservice h3 {margin:10px 0;}
div#bt_kundservice h2 {font-size:147.5%}
div#bt_kundservice h3 {font-size:138.5%;}
div#bt_kundservice h4 {font-size:100%;margin:0 0 0 0;}
div#bt_kundservice h1, div#bt_kundservice h2, div#bt_kundservice h3, div#bt_kundservice h4, div#bt_kundservice h5, div#bt_kundservice h6 {color:#000;}
div#bt_kundservice .adress h3, div#bt_kundservice .status h3, div#bt_kundservice .saldo h3 {margin:2px 0}
div#bt_kundservice p {margin:10px 0;}
div#bt_kundservice hr {height:0px;border-top:1px solid #DEE7E7;margin:0;padding:0;}
div#bt_kundservice span.normal {font-weight:normal;font-size:12px;}
div#bt_kundservice div#tab1 {min-width:360px;}
div#bt_kundservice h2.prenr {background:#D0D8C7;font-size:100%;padding:2px 8px 6px;margin:0 0 0 0;border-left:1px solid #999;border-right:1px solid #999;font-family: Arial,Verdana,sans-serif;}
div#bt_kundservice form {display: block;}
div#bt_kundservice table td, div#bt_kundservice table th{
	font-size:12px;
	vertical-align:top;
}
div#bt_kundservice ol li {list-style-type:decimal;margin:6px 0 3px 24px;padding:0 0 0 4px;}
.customer .adressarea{
	background:#EEEEEE none repeat scroll 0%;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	color:#000000;
	margin:0pt;
	padding:3px 10px 6px;
}
.customer.pren .adressarea{
	border-top:solid 1px #999999;
}
* html .adressarea {
	width:418px;
	overflow:hidden;
}
* html #subscription-agreement-form textarea {
	width:410px;
}
h2.notab{
	border-top:solid 1px #999999;
}



/* LINKS */
div#bt_kundservice a {text-decoration: underline;}
div#bt_kundservice a:hover {text-decoration: none;}
div#bt_kundservice a:link, div#bt_kundservice a:visited {color:#0066CC;}
div#bt_kundservice a img {border: none;}

/* EVEN ROWS / ODD ROWS */
div#bt_kundservice .odd {background:#fff;}


/*div#bt_kundservice .customer fieldset{position:relative;background:#eee;color:#000;margin:0;padding:3px 10px 6px;border-right:1px solid #999999;border-bottom:1px solid #999999;border-left:1px solid #999999;}*/
.customer fieldset legend{margin:0;padding:0;font-size:14px;font-weight:bold;}
.customer fieldset legend span{position:absolute;top:0;left:6px;}
.customer .customer-name{margin:20px 0 10px;}
.customer .customer-name strong{margin-right:12px;}
.customer label{clear:both;margin:0 0 5px 0;width:175px;font-weight:bold;float:left;}
.pren label{width:230px;}
.customer label span{display:block;float:left;}
.customer label input{float:right;margin:0;}
.customer label.error input{border:solid 1px #cc0000;color:#cc0000;}
.customer .buttons{clear:both;margin-bottom:10px;}
.button{padding:0;margin:0;background:none;border:none;} 
.customer .buttons input{width:auto;}


/*PREN*/
/*.pren fieldset{
	background:#EEEEEE;
	border:1px solid #999999;
	margin:0;
	padding:3px 10px 6px;
}*/


/* LOGIN / LOGOUT */
div#bt_kundservice .customer.login {background:#D0D8C7;color:#000;margin:10px 0;padding:12px;}
div#bt_kundservice .customer.login label{width:272px;}
div#bt_kundservice .customer.login fieldset{background:none;padding:0;border:none;}

div#bt_kundservice div.logout {width:100%;text-align:right;}

/* TABNAVIGATION */
div#bt_kundservice ul#ks_navigation {
	padding:0 0 0 0;
	margin:1px 0 0 0;
	list-style-type: none;
	clear:left;
	height:25px;
	border-bottom:1px solid #999;
	}
div#bt_kundservice ul#ks_navigation li {
	margin:0;
	padding:0;
	display:inline;
	}
div#bt_kundservice ul#ks_navigation a {
	margin:0 -1px 0 0;
	padding:0 0 0 5px; 
	background:#fff url("../../img/shared/kundservice/menutab_left.gif") no-repeat left top;
	color:#666;
	float: left; 
	text-decoration: none;
	}
div#bt_kundservice ul#ks_navigation a span {
	margin:0;
	padding:6px 11px 4px 6px;
	display: block; 
	font-weight: normal; 
	background:#fff url("../../img/shared/kundservice/menutab_right.gif") no-repeat right top;
	float: left; 
	color:#666;
	}
div#bt_kundservice ul#ks_navigation a span {
	float: none;
	}

.headlinks{
        font-size: 12px;
	font-family: Arial,Verdana,sans-serif;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
        }


div#bt_kundservice ul#ks_navigation a:hover span {
	color: #000;
	background:#727272 url("../../img/shared/kundservice/menutab_right.gif") no-repeat right top;
	}
div#bt_kundservice ul#ks_navigation #current a {
	background-position: 0px -92px;
	border-bottom:1px solid #d0d8c7;
	}
div#bt_kundservice ul#ks_navigation #current a span {
	background-position: 100% -92px; 
	color: #000;
	font-weight:bold;
	}
div#bt_kundservice ul#ks_navigation a:hover {
	background-position: 0% -46px;
	}
div#bt_kundservice ul#ks_navigation a:hover span {
	background-position: 100% -46px;
	}

/* TAB NAME */
div#bt_kundservice div.tabname {background:#66CCFF;color:#fff;font-weight:bold;margin:12px 0 0 0;padding:6px;display:block;}

/* INFO */
div#bt_kundservice div.info {background:#E3EAEA;margin:10px 0;padding:3px 12px 3px;}
div#bt_kundservice div.info ul {list-style-type:none;margin:10px 0;}
div#bt_kundservice div.info ul li {list-style-type:none;margin:0;}
div#bt_kundservice div.info ul.infolist li{list-style-type:disc; margin:0 0 0 20px;}

/* OVERVIEW */
div#bt_kundservice table.adress {float:left;width:200px;}
div#bt_kundservice table.adress tr td, div#bt_kundservice table.adress tr th {padding:2px;}
div#bt_kundservice table.adress tr td.titlestart {font-weight:bold;font-size:14px;}
div#bt_kundservice table.adress tr th {width:48px;text-align:left;font-weight:bold;}
div#bt_kundservice table.adress tr td {width:182px;}
form.customer input{width:120px;}
div#bt_kundservice table.adress tr td input.btn {width:70px;}

div#bt_kundservice table.epostadress {float:left;width:400px;}

div#bt_kundservice div.statusarea, div#bt_kundservice div.status {background:#fff;border:1px solid #999999;color:#000;margin:10px 0;padding:3px 10px 3px;}
div#bt_kundservice table.status {width:100%;}
div#bt_kundservice table.status tr {vertical-align:top;}
div#bt_kundservice table.status tr td {padding:3px;}
div#bt_kundservice table.status tr td.titlestart {font-weight:bold;}
div#bt_kundservice table.status tr th {padding:3px; text-align:left;font-weight:normal;width:270px;}
div#bt_kundservice table.status tr.titlegreen {background:#BBFA92;}

div#bt_kundservice div.saldoarea {background:#fff;border:1px solid #999999;color:#000;margin:10px 0;padding:3px 10px 3px;}
div#bt_kundservice table.saldo {width:100%;}
div#bt_kundservice table.saldo tr {vertical-align:top;}
div#bt_kundservice table.saldo tr td {padding:3px;}
div#bt_kundservice table.saldo tr td.titlestart {font-weight:bold;}
div#bt_kundservice table.saldo tr td.title {font-weight:normal;width:280px;}
div#bt_kundservice table.saldo tr td.titlered {color:#CC0000;font-weight:bold;}
div#bt_kundservice table.saldo tr td .titlered {color:#CC0000;font-weight:bold;}
div#bt_kundservice table.saldo tr.highlight {background:#000;}
div#bt_kundservice table.saldo tr.titlegreen {background:#BBFA92;}

div#bt_kundservice table.saldo2 {background:#BBFA92;width:100%;padding:4px;}
div#bt_kundservice table.saldo2 span.titlebold {font-weight:bold;}
div#bt_kundservice table.saldo2 tr td .titlered {color:#CC0000;font-weight:bold;}

div#bt_kundservice table.transaktioner {background:#eee;width:100%;}
div#bt_kundservice table.transaktioner tr td {padding:2px;}
div#bt_kundservice table.transaktioner tr th {padding:2px;font-weight:bold;text-align:left;}
div#bt_kundservice table.transaktioner tr th.alignright {text-align:right;}
div#bt_kundservice table.transaktioner tr td.header {background-color:#E1E6DB;}
div#bt_kundservice table.transaktioner tr td.header a {background-color:#E1E6DB;color:#333;text-decoration:none;font-weight:bold;}
div#bt_kundservice table.transaktioner tr td.header a:hover {text-decoration:underline;}
div#bt_kundservice .td_date, div#bt_kundservice .td_price, div#bt_kundservice .td_saldo {whitespace:nowrap;background:red;}

div#bt_kundservice table.moredetails {border-top:1px solid #999;border-bottom:1px solid #999;}
div#bt_kundservice table.moredetails tr td {padding:4px;}
div#bt_kundservice table.moredetails input.telephone {width:90px;}
div#bt_kundservice table.moredetails input.email {width:205px;}

/* SVAR */
div#bt_kundservice div.svar {background:#BBFA92;margin:12px 0 0 0;padding:6px;text-align:center;display:block;font-size:14px;}

/* AVI */
div#bt_kundservice .avi {background:#eee;padding:10px 14px 12px 14px;}
div#bt_kundservice .avi div.date, div#bt_kundservice .avi div.meddelande {margin:8px 0;width:370px;padding:3px;}
div#bt_kundservice .avi div.paging {margin-bottom:4px;padding:3px;font-weight:bold;text-align:right;}
div#bt_kundservice .avi input.val {margin:4px 2px 0 0;float:left;}
div#bt_kundservice .avi fieldset {float:left;}
div#bt_kundservice .avi ol {background:#fff;list-style-type:none;padding:4px 10px 4px 4px;margin:4px 0 0 10px;border:1px solid #000;width:320px;float:left;}
div#bt_kundservice .avi ol li {list-style-type:none;padding:0 0 0 0;}
div#bt_kundservice .avi fieldset {border:none;};
div#bt_kundservice .avi ol label {width:244px;}
div#bt_kundservice .avi ol li .information {font-style:italic;}
div#bt_kundservice .avi input.btn {float:right;clear:left;}
div#bt_kundservice .avi .titlered {color:#CC0000;font-weight:bold;}
div#bt_kundservice ol.avi li ul {margin:0 0 14px 0;}
div#bt_kundservice ol.avi ul li{list-style-type:none;margin:0 0 4px 8px}
div#bt_kundservice ol.avi li img {margin:0 0 -2px 8px;}
div#bt_kundservice ul.avi {list-style-type:none;padding:12px;}

/* PREMIE */
div#bt_kundservice table.premie {font-size:120%;border:none;}
div#bt_kundservice table.premie tr td {padding:4px 4px 4px 26px;vertical-align:top; }
div#bt_kundservice table.premie p {font-size:normal;}
div#bt_kundservice .text {width:370px;}
div#bt_kundservice .past {color:#999;}
div#bt_kundservice .now {color:#000;background:#BBFA92;}
div#bt_kundservice .arrow {text-align:center;}
div#bt_kundservice table.premie tr td.focus {background:#BBFA92 url(../../img/shared/kundservice/status_arrow.gif) no-repeat 0 2px;padding-left:26px;}
div#bt_kundservice div.premie ul, div#bt_kundservice div.premie ul li, div#bt_kundservice div.questionaire ul, div#bt_kundservice div.questionaire ul li {list-style-type:none;margin:2px 0 5px 0;}

div#bt_kundservice fieldset.premie ol li {list-style-type:none;margin:8px 0 2px 0;}

div#bt_kundservice ul.avsluta {list-style-type:disc;margin:0 0 0 30px;}
div#bt_kundservice ul.avsluta li {margin:0 0 6px 0;}

div#bt_kundservice ul.choose {list-style-type:none;margin:0 0 0 6px;}
div#bt_kundservice ul.choose li {margin:0 0 10px 0;padding:0;}

div#bt_kundservice div.adress {margin:10px 0 0 0;}
div#bt_kundservice ul.adressfraga, div#bt_kundservice ul.adressfraga li {list-style-type:none;margin:0 0 10px 0;padding:0;float:left;}
div#bt_kundservice ul.poll, div#bt_kundservice ul.poll li {list-style-type:none;margin:0 0 10px 0;display:block;}

/* PAYMENT */
div#bt_kundservice .payment fieldset {border:1px solid #ccc;padding:10px;}
div#bt_kundservice .payment legend {font-weight:bold;}
div#bt_kundservice .payment label {width:160px;float:left;}

div#bt_kundservice .payment ol li {list-style-type:none;margin:0;padding:3px 0;clear:both;}

div#bt_kundservice .nav {margin:8px 0 0;} 

div#bt_kundservice .andra {text-align:right;}

.customer ul.selectlist {width:100%;float:none;margin:10px 0 0 0;list-style-type:none;}
.customer ul.selectlist li {margin:6px 0 0 0;list-style-type:none;clear:both;}
.customer ul.selectlist input {margin:0 3px 0 0;padding:0;float:left;}
.customer ul.selectlist label{width:auto;float:left;font-weight:normal;clear:both;margin-bottom:5px;}
* html .customer ul.selectlist input {margin:-4px 3px -3px -4px;}
/* ERBJUDANDE */
div#bt_kundservice table.specifikation {width:100%;}
div#bt_kundservice table.specifikation2 {width:100%;background:#eee;margin-top:8px;padding:6px;} 
div#bt_kundservice .erbjudande {width:280px;border:3px solid #CBCB96;}
div#bt_kundservice .erbjudande p {font:Arial, Helvetica, sans-serif; font-size:200%;letter-spacing:-1px;line-height:24px;text-align:center;font-weight:bold;background:#fff;color:#FF0099;padding:0 16px 12px;margin:0 0 0 0;}
div#bt_kundservice .erbjudande .ordpris {font-size:80%;}
div#bt_kundservice .magazine {margin:10px 10px 0 0;float:left;}
div#bt_kundservice .autobox {margin:6px 0 0 0;}
div#bt_kundservice .auto, .customer .required {color:#CC0000;font-weight:bold;}
 
/* MISC CLASSES */
/*div#bt_kundservice .btn_row {width:100%;text-align:center;margin:12px 0 4px 0;font-size:9px;}*/
div#bt_kundservice .buttons{text-align:center;margin:5px 0 4px 0;font-size:9px;float:none;}
div#bt_kundservice td .buttons{margin:0;}
div#bt_kundservice .btn {margin:6px 0 0 0;font-size:9px;}
div#bt_kundservice .customerservicelogout input{width:auto !important;float:none;}
div#bt_kundservice .bold {font-weight:bold;}
div#bt_kundservice .slut {color:#FF0000;font-weight:bold;font-size:11px;}
div#bt_kundservice .statement {color:#666;font-style:italic;display:block;}
div#bt_kundservice .back {margin:10px 0 0 0;}
div#bt_kundservice .tips {background:#bbfa92 url(../../img/shared/kundservice/icon_tips.png) no-repeat 4px center;padding:3px 3px 3px 24px;}
div#bt_kundservice .alert {clear:both;color:#CC0000;padding:0 0 12px 0;}
div#bt_kundservice .moreinfo {padding:12px 0 0 0;}
.customer .details {margin:8px 0 0 0;clear:both;}
.customer .checkbox{width:auto !important;}
div#bt_kundservice .label{clear:both;margin:0 0 5px 0;width:175px;font-weight:normal;float:left;}
div#bt_kundservice .label span{font-weight:bold;margin-right:4px;}
/* FAQ */
div#bt_kundservice .onDiv, div#bt_kundservice .offDiv{padding:0 5px 12px;clear:both;}
div#bt_kundservice a.showLink, div#bt_kundservice a.hideLink{float:left; margin:2px 2px 0 0;padding:0;font-size:10px;text-decoration:none;text-align:center;}
div#bt_kundservice a.showLink{background-color:#fff;color:#333;}
div#bt_kundservice a.hideLink{color:#666;}
div#bt_kundservice a.showAll, div#bt_kundservice a.hideAll{display:inline;float:left;background-color:#fff;color:#666;padding:8px;margin:10px 5px 10px 0;text-align:center;}
div#bt_kundservice a.showLink:hover, div#bt_kundservice a.hideLink:hover{}
div#bt_kundservice a.hideLink:hover{color:#e39622;}
div#bt_kundservice a.showLink:hover{color:#999;}
div#bt_kundservice .faqTitle{margin:0 12px 0px 14px;cursor:pointer;color:#0066cc;background:#fff;}
div#bt_kundservice .offDiv .hideLink{display:none;}
div#bt_kundservice .show-hide{padding:6px 0 0 24px;}
/*------- These links are shown with JS, hidden if JS is off ------ */
div#bt_kundservice a.showLink, div#bt_kundservice a.hideLink, div#bt_kundservice a.hideAll, div#bt_kundservice a.showAll{display:none;}
div#bt_kundservice .buttonBslidedown, div#bt_kundservice .buttonBslideup {margin:6px 0 0 0;font-size:9px;}

div#bt_kundservice div#agreementDiv textarea {font:12px/1.3 Arial, Helvetica, sans-serif;color: #000; background: #fff; padding: 0 0 4px 4px;margin:30px;}
div#bt_kundservice div#permissionDiv textarea {font:10px/1.3 Arial, Helvetica, sans-serif;}

