/******************************************************************************************************
Title:			screen.css
Browser(s):		All browsers.

Author: 		Peter Antonius for Fröjd (www.frojd.se)
Created: 		05.11.2007
Last modified:	26.11.2007
******************************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

html, body {
	background-color: #ffffff;
}

#bodybackground {
	background-color: #ffffff;
	width: 100%;
	height: 100%;
}

:focus {
	outline: 0;
	}

ol, ul {
	list-style: none;
	}

input,textarea,select {
	font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-weight:400;
	}

strong {font-weight:700;}

body #containerdiv{
	font:.63em/1.6em Arial, Helvetica, Verdana, Tahoma, sans-serif;
	width:816px;
	margin:0 auto;
	background:#ffffff;
	color:#323235;
	position:relative;/* IE FIX */
	}

/*	Clearfix
---------------------------------------------*/
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}

.clearfix {
	display:inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {clear:both;}

img {
	border:0;
	}

.hide {
	display:none !important;
	}

hr {
	height:1px;
	overflow:hidden; 
	background:#f2bfd9;
	color:#f2bfd9;
	border:0;
	clear:both;
	}

.topmargin {padding-top:16px;}

/* Content =back 
---------------------------------------------*/
.back {
	margin:24px 0 0;
	}

.back a {
	display:block;
	width:96px;
	height:20px;
	background:url(../img/button_back.gif) no-repeat;
	}

.back span {
	display:none;
	}


.back_small {
	margin:10px 0 0;
	}

.back_small a {
	display:block;
	width:78px;
	height:22px;
	background:url(../img/scr_button_back.gif) no-repeat;
	}

.back_small span {
	display:none;
	}

.error {
	border:2px solid #f2bfd9;
	padding:6px 10px 0;
	}
.error strong {
	font-weight:700;
	}


#header {
	background:#860052;
	color:#fff;
	border-bottom:4px solid #f2bfd9;
	}

#header h1 {
	float:left;
	}

#header h1 a img {
	vertical-align:top;
	}

#header form {
	float:right;
	padding-right:16px;	
	width:316px;
	margin-top:9px;
	position:relative;
	}

#header form fieldset {
	border:0;
	margin-bottom:7px;
	}

#header form legend {
	display:none;
	}

#header form h2 {
	text-transform:uppercase;
	float:left;
	font-size:1.2em;
	font-weight:700;
	width:71px;/*NYTT*/
	}

#header form label {
	display:block;
	float:left;
	margin-right:8px;
	width:110px;
	overflow:hidden;
	font-weight:700;
	}

#header form label input {
	width:104px;
	color:#9e005d;
	font-size:1.1em;
	padding-left:2px;
	padding-right:2px;
	}

#header form #submit {
	float:left;
	width:76px;
	height:20px;
	margin-top:16px;
	}

#header form #forgot_password {
	position:absolute;
	top:0;
	right:16px;
	}

#header form #forgot_password a {
	color:#fff;
	text-decoration:none;
	font-weight:700;
	}

#header form #forgot_password a:hover {
	text-decoration:underline;
	}

#navigation {
	background:#f8922a;
	height:32px;
	}

#navigation ul {
	float:left;
	list-style:none;
	width:494px;
	}

#navigation ul li {
	border-right:1px solid #fcc995;
	float:left;
	}

#navigation ul li a span {
	display:none;
	}

#navigation ul li.hushallshjalpen a {
	width:146px;
	height:32px;
	display:block;
	background:url(../img/nav_hushallshjalpen.gif) no-repeat;
	}

#navigation ul li.bli_kund a {
	width:90px;
	height:32px;
	display:block;
	background:url(../img/nav_bli_kund.gif) no-repeat;
	}

#navigation ul li.jag_har_kortet a {
	width:133px;
	height:32px;
	display:block;
	background:url(../img/nav_jag_har_kortet.gif) no-repeat;
	}

#navigation ul li.om_foretaget a {
	width:121px;
	height:32px;
	display:block;
	background:url(../img/nav_om_foretaget.gif) no-repeat;
	}

#navigation ul li a:hover {
	background-position:0 -32px;
	}

#navigation ul li.selected a {
	background-position:0 -32px;
	}

#navigation div {
	width:322px;
	float:right;
	}

#navigation p {
	float:left;
	color:#fff;
	padding:8px 0;
	font-size:1.2em;
	}

#navigation p.next {
	padding-left:16px;
	}

#navigation p.date {
	float:right;
	padding-right:16px;
	}


/*	Content =wide
---------------------------------------------*/
#content_wide {
	width:608px;
	float:left;
	margin:16px 0;
	}

.wide_column {
	width:50%;
	float:left;
	}

.wide_column img {
	vertical-align:top;
	}

.narrow_column {
	width:192px;
	float:left;
	margin:0 16px 0 0;
	}

.last {
	margin:0;
	}

.narrow_column h2,
.narrow_wide h2,
.start_columns h2 {
	background:#b5d3cd;
	font-size:1.2em !important;
	font-weight:700;
	padding:4px 7px;
	margin:16px 0 8px;
	}

.narrow_column .promo {
	border:1px solid #b5d3cd;
	margin-bottom:16px;
	margin-left:-2px;
	margin-top:16px;
}
/*	Content =narrow
---------------------------------------------*/
#content_narrow {
	width:400px;
	float:left;
	padding:16px 0;
	}

#content_wide h2,
#content_narrow h2,
.start_columns h2 {
	font-size:2em;
	line-height:1.2em;
	font-weight:700;
	margin-bottom:10px;
	}

#content_wide h4,
#content_narrow h4,
.start_columns h4 {
	font-size:1.4em;
	line-height:1.21em;
	font-weight:700;
	margin-bottom:5px;
	}

#content_wide p.intro,
#content_narrow p.intro,
.start_columns p.intro {
	font-size:1.6em;
	line-height:1.25em;
	font-weight:400;
	margin-bottom:11px;
	}
#content_wide ul li a,
#content_narrow ul li a,
.start_columns ul li a {
	font-size:1.2em;
	line-height:1.83em;
	}

/*	Content =regular links
---------------------------------------------*/
#content_narrow a,
#content_wide a,
.start_columns a {
	color:#f77d00;
	text-decoration:none;
	}

#content_narrow a:hover,
#content_wide a:hover,
.start_columns a:hover {
	color:#f77d00;
	text-decoration:underline;
	}

#content_narrow p,
#content_wide p,
.start_columns p {
	font-size:1.2em;
	line-height:1.42em;
	font-weight:400;
	margin-bottom:11px;
	}

#content_narrow h3,
#content_wide h3,
.start_columns h3 {
	font-size:1.6em;
	line-height:1.21em;
	font-weight:700;
	margin-bottom:5px;
	}

#content_narrow h3.smaller,
#content_wide h3.smaller,
.start_columns h3.smaller {
	font-size:1.4em;
	line-height:1.21em;
	font-weight:700;
	margin-bottom:5px;
	}

/*	Content =image align
---------------------------------------------*/
.alignRight {
	float:right;
	margin:2px 0 0 10px;
	}

.alignLeft {
	float:left;
	margin:2px 10px 0 0;
	}
	
.alignCenter {
text-align:center;
margin:2px 0 0;
}
	

.topImg {
	margin-bottom:7px;
	}

/*	Content =pdf
---------------------------------------------*/
a.pdf {
	padding-left:27px;
	background:url(../img/icon_pdf.gif) no-repeat;
	}

a.pdf_small {
	padding-left:27px;
	background:url(../img/icon_pdf_small.gif) no-repeat;
	display:block;
	}

/*	Content =print
---------------------------------------------*/
.print {
	margin:32px 0 16px;
	}

.print a {
	font-size:1.2em;
	padding-left:27px;
	background:url(../img/icon_print.gif) no-repeat;
	}

/*	Content =offer
---------------------------------------------*/
#content_narrow .offer,
#content_wide .offer {
	padding-bottom:13px;
    float:left;
    width:607px;
	}
.offer_toggle {
    float:right;
    color:#F77D00;
    cursor:pointer;
	line-height: 30px;
}
.f_right {
    float:right;
}

.f_left {
    float:left;
}

.offer_toggle_container {
    float:left;
    width:607px;
	background: url('../img/offers_gradient.png') repeat-x bottom left;
	height: 30px;
	margin-bottom: 20px;
}

.offer_logo {
    clear:left;
    padding-left:10px;
    padding-bottom:10px;
}

.offer_arrow_down {
    margin-left:3px;
    margin-bottom:1px;
}

.offer_arrow_up {
    margin-left:3px;
    margin-bottom:1px;
}

/*	Content =extended information
---------------------------------------------*/
#content_narrow .extendedinformation {
	background:#dec9a1;
	padding-bottom:1px;
	margin:19px 0 26px;
	}

#content_narrow .extendedinformation h3 {
	background:#c7b591;
	padding:9px 15px 4px;
	margin-bottom:5px;
	}

#content_narrow .extendedinformation p {
	padding:0 16px 5px;
	}


/*	Sidenav
---------------------------------------------*/
#sidenav {
	width:182px;
	float:left;
	margin:16px 16px 32px 0;
	background:#fff;
	}

#sidenav h2 {
	height:17px;
	margin:4px 0 0;
	padding-bottom:11px;
	border-bottom:1px solid #e5e5e5;
	}


	
	
	
	
/* BUTIK */
#sidenav h2.noborder {
	border-bottom:1px solid #fff;
	}

#sidenav h2.hushallshjalpen {background:url(../img/sidenav_headline_hushallshjalpen.gif) no-repeat 16px 0;}
#sidenav h2.bli_kund {background:url(../img/sidenav_headline_bli_kund.gif) no-repeat 16px 2px;}
#sidenav h2.jag_har_kortet {background:url(../img/sidenav_headline_jag_har_kortet.gif) no-repeat 16px 2px;}
#sidenav h2.om_foretaget {background:url(../img/sidenav_headline_om_foretaget.gif) no-repeat 16px 2px;}

#sidenav h2 span {
	display:none;
	}

#sidenav ul li {
	border-bottom:1px solid #e5e5e5;
	}

#sidenav ul li a {
	color:#333;
	text-decoration:none;
	padding:5px 0  5px 31px;
	display:block;
	font-size:1.2em;
	}

#sidenav ul li a:hover {
	color:#F77D00;
	text-decoration:none;
	}

#sidenav ul li ul {
	margin-bottom:-1px;
	}

#sidenav ul li ul li a {
	padding:4px 0  4px 42px;
	}

#sidenav ul li.parent a {
	background:url(../img/sidenav_parent_bg.gif) no-repeat 16px 9px;
	}

#sidenav ul li.parent_active a {
	background:url(../img/sidenav_parent_active_bg.gif) no-repeat 15px 10px;
	border-bottom:1px solid #e5e5e5;
	}

#sidenav ul li.parent_active ul li a {
	background:url(../img/sidenav_child_bg.gif) no-repeat 17px 10px;
	border-bottom:0;
	}

#sidenav ul li.selected, #sidenav ul li a.selected {
	font-weight:700;
}
	
	

/*	Sidebar
---------------------------------------------*/
#sidebar {
	width:192px;
	float:left;
	margin:16px 0 0px 16px; /* margin:16px 0 32px 16px; */
	}

/* Sidebarpuff */

a.banner {
	margin-bottom:16px;
	display:block;
	}

a.banner img {
	vertical-align:top;
	}

#content_narrow .teasers .teaser {
	padding:10px 11px 12px 12px;
	margin:0 16px 16px 0;
	float:left;
	min-height:106px;
	height: auto !important;
	height:106px;
	}

#content_narrow .teasers .teaser h2{
	font-size:1.6em;
	font-weight:700;
	padding-bottom:6px;
	margin-bottom:0;
	}

#content_narrow .teasers .teaser p{
	font-size:1.2em;
	line-height:1.42em;
	margin-bottom:0;
	}

#content_narrow .teasers .teaser img{
	margin:7px 0 2px; 
	overflow:hidden;
	vertical-align:top;
	}

#content_narrow .teasers .last {
	margin:0 0 16px;
	}

.teaser {
	width:179px;
	min-height:106px;
	height:auto !important;
	height:106px;
	padding:10px 11px 12px 12px;
	margin-bottom:16px;
	}

.teaser h2{
	font-size:1.6em;
	font-weight:700;
	padding-bottom:6px;
	}

.teaser p{
	font-size:1.2em;
	line-height:1.42em;
	}

.teaser a.read_more{
	float:right;
	display:block;
	width:78px;
	height:20px;
	margin-top:10px;
	background:url(../img/button_read_more.png) no-repeat;
	}

.teaser a.read_more span{
	display:none;
	}

.function {
	background:#f2bfd9 url(../img/teaser_function_bg.gif) no-repeat top right;
	}

.article {
	background:#b5d3cd url(../img/teaser_article_bg.gif) no-repeat top right;
	}

.textinformation {
	background:#dec9a1  url(../img/teaser_textinformation_bg.gif) no-repeat top right;
	}

.external_links {
	background:#d9e7e2 url(../img/teaser_external_links_bg.gif) no-repeat top right;
	}
#sidebar .teaser img {
	margin:7px 0pt 2px;
	overflow:hidden;
	vertical-align:top;
	}

.log_in {
	background:#f2bfd9;
	overflow:hidden;
	}

.log_in fieldset {
	border:0;
	}

.log_in fieldset legend {
	display:none;
	}

.log_in fieldset label {
	font-weight:700;
	font-size:1.2em;
	padding-top:4px;
	}

.log_in fieldset label input {
	width:160px;
	font-weight:400;
	font-size:1em;
	padding-left:4px;
	padding-top:2px;
	}

.log_in fieldset #scr_submit {
	float:right;
	margin-top:8px;
	}

/*	Footer
---------------------------------------------*/
#footer {
	border-top:1px solid #830051;
	color:#666;
	padding:3px 0 20px;
	}

#footer p.info {
	float:left;
	width:416px;
	}

#footer p.email {
	float:left;
	}

#footer p.copy {
	float:right;
	}

#footer a {
	color:#f77d00;
	text-decoration:none;
	}

#footer a:hover {
	text-decoration:underline;
	}

/* Tables */

.sorting {
	border-collapse:collapse;
	width:100%;
	margin-bottom:12px;
	}
.sorting caption {
	font-size:1.4em;
	margin-bottom:9px;
	font-weight:700;
	text-align:left;
	}

.sorting thead th {
	background:#dec9a1;
	font-size:1.1em;
	font-weight:700;
	text-align:left;
	padding:4px 0 3px 10px;
	cursor:pointer;
	}

.sorting thead th span {
	padding-right:12px;
	}

.sorting tbody td {
	font-size:1.1em;
	text-align:left;
	padding:3px 1px 2px 11px;
	border-bottom:1px solid #dec9a1;
	}

.sorting .even {background:#fff;}
.sorting .odd {background:#f5efe3;}
.sorting thead th.headerSortDown span {padding-right:12px;background: url(../img/desc.gif) no-repeat center right;}
.sorting thead th.headerSortUp span {padding-right:12px;background: url(../img/asc.gif) no-repeat center right;}
.sorting a {font-weight:700;}

/*	Store (uses the id "scr" on the body)
---------------------------------------------*/
#scr #sidenav h2.min_butiks_valutasida {background:url(../img/sidenav_headline_min_butiks_valutasida.gif) no-repeat 16px 1px;}

#scr form#login2,
#scr form#loginform {
	padding-top:6px;
	}

#scr form#login2 legend,
#scr form#intrest legend,
#scr form#loginform legend {
	display:none;
	}

#scr form#login2 label,
#scr form#loginform label {
	display:block;
	font-weight:700;
	font-size:1.2em;
	}

#scr form#login2 label input,
#scr form#loginform label input {
	margin-bottom:5px;
	width:174px;
	padding-left:4px;
	font-weight:400;
	}

#scr form#login2 label input#email,
#scr form#loginform label input#email {
	width:200px;
	}

#scr form#login2 input#submit,
#scr form#loginform input#submit {
	margin-left:105px;
	}

#scr form#login2 input#email_submit,
#scr form#loginform input#email_submit {
	margin-left:141px;
	}

#scr form#login2 .forgot_password {
	width:132px;
	height:22px;
	display:block;
	background:url(../img/scr_forgot_password.gif) no-repeat;
	margin-left:51px;
	}

#scr form#login2 .forgot_password span {
	display:none;
	}

/*	Store = search customer
---------------------------------------------*/

#scr form#search_customer {
	padding-top:6px;
	}

#scr form#search_customer legend {
	display:none;
	}

#scr form#search_customer label {
	display:block;
	font-weight:700;
	font-size:1.2em;
	}

#scr form#search_customer label input {
	margin-bottom:5px;
	width:174px;
	padding-left:4px;
	font-weight:400;
	}
#scr form#search_customer #search {
	margin-left:101px;
	}


.export_excel {
	width:134px;
	height:22px;
	display:block;
	background:url(../img/button_export_excel.gif) no-repeat;
	}
.export_excel span {
	display:none;
	}

#scr dl {
	font-size:1.2em;
	line-height:2em;
	padding-top:4px;
	}

#scr dl dt {
	float:left;
	font-weight:700;
	width:114px;
	}

#scr dl dd {
	float:left;
	font-weight:400;
	width:286px;
	}

#scr #inloggad {
	text-align:right;
	width:642px;
	float:right;
	padding:9px 16px 0 0;
	}

#scr #inloggad p {
	color:#fff;
	font-size:1.2em;
	font-weight:700;
	}

#scr #inloggad a.log_out{
	background: url(../img/button_loggaut.gif) no-repeat;
	display:block;
	width:76px;
	height:20px;
	margin-left:566px;
	margin-top:14px;
	}

#scr #inloggad a.log_out span {
	display:none;
	}

#customer_information dl dd input {
	padding-left:4px;
	font-size:1em;
	width:174px;
	margin-top:1px;
	}

#scr input#riktnr {
	width:37px !important;
	margin-right:4px !important;
	}

#scr input#tel {
	width:123px !important;
	}
#scr #save-wide {
	margin-top:4px;
	margin-left:237px;
	}

#scr #save-narrow {
	margin-top:4px;
	margin-left:123px;
	}

#scr form#intrest {
	padding-top:8px;
	}

#scr form#intrest label {
	width:150px;
	display:block;
	float:left;
	font-size:1.2em;
	padding-bottom:4px;
	}
#scr form#intrest label.wide {
	width:400px;
	}

#scr form#intrest label input {
	vertical-align:middle;
	}

#scr form#intrest fieldset#insurance,
#scr form#intrest fieldset#information {
	width:150px;
	float:left;
	}

#scr form#intrest fieldset#insurance legend,
#scr form#intrest fieldset#information legend{
	display:inline;
	font-weight:700;
	font-size:1.2em;
	padding-bottom:10px;
	padding-top:4px;
	}

#scr form#intrest input{
	margin-left:0;
	}


#scr form#bills h3 {
	font-size:1.4em;
	padding-top:10px;
	padding-bottom:4px;
	}
#scr form#bills fieldset legend {
	display:inline;
	font-weight:700;
	font-size:1.2em;
	padding-bottom:6px;
	padding-top:4px;
	}


#scr form#bills fieldset label {
	display:inline;
	font-size:1.2em;
	padding-bottom:4px;
	}


#scr form fieldset#offers {
	padding-top:5px;
	padding-bottom:11px;
	}

.float-select {
	float:left;
	display:block;
	font-size:1.2em;
	padding-bottom:16px;
	padding-right:8px;
	}

/*	Store = customer navigation
---------------------------------------------*/

#scr ul.customer_navigation {
	margin-left:-13px;
	margin-bottom:16px;
	}

#scr ul.customer_navigation li {
	float:left;
	border-right:1px solid #d9d9d9;
	padding: 0 13px;
	}

#scr ul.customer_navigation li.last {
	border-right:0;
	padding-right:0;
	}

#scr ul.customer_navigation li a {
	color:#333;
	text-decoration:none;
	line-height:1.2em;
	}

#scr ul.customer_navigation li a:hover {
	color:#F77D00;
	}

#scr ul.customer_navigation li.selected {
	font-weight:700;
	}


/*	Private 
---------------------------------------------*/
#scr #sidenav h2.mitt_valutakonto {background:url(../img/sidenav_headline_mitt_valutakonto.gif) no-repeat 16px 1px;}
.diagram_wide {border:2px solid #f2bfd9;}
.diagram_narrow {border:2px solid #f2bfd9; width:396px;}
.narrow {width:400px;}
.floatLeft {float:left;width:296px;margin-right:16px;}

.contact_kundservice {
	float:left;
 	width:280px;
	}

.contact_kundservice form {
	padding:12px 12px 8px;
	width:256px;
	background:#f2bfd9;
	}

.contact_kundservice label {
	font-weight:700;
	font-size:1.2em;
	}

.contact_kundservice label textarea {
	width:245px;
	height:108px;
	padding-top:2px;
	padding-left:6px;
	font: 1.1em arial, verdana, tahoma, sans-serif;
	margin-bottom:8px;
	}

.contact_kundservice div input {
	float:right;
	}

.contact_kundservice div input.skicka {
	margin-left:4px;
	}

#scr #profile dl {
	font-size:1.2em;
	line-height:2em;
	padding-top:4px;
	}

#scr #profile dl dt {
	float:left;
	font-weight:700;
	width:114px;
	}

#scr #profile dl dd {
	float:left;
	font-weight:400;
	width:182px;
	}

#scr #profile dl dd input {
	padding-left:4px;
	font-size:1em;
	width:172px;
	margin-top:1px;
	}

#scr #header .inloggad {
	width:316px;
	margin-right:16px;
	float:right;
	font-size:1.2em;
	padding-top:9px;
	}

#scr #header .inloggad p {
	font-weight:700;
	}

#scr #header .inloggad dl {
	font-size:.9em;
	float:left;
	width:210px;
	line-height:1.4em;
	}
#scr #header .inloggad dl dt {
	float:left;
	}
#scr #header .inloggad dl dd {
	text-align:right;
	float:left;
	width:73px;
	}

#scr #header .inloggad .log_out {
	width:76px;
	height:20px;
	display:block;
	background:url(../img/button_loggaut.gif) no-repeat;
	float:right;
	margin-top:14px;
	margin-bottom:8px;
	}

#scr #header .inloggad .log_out span {
	display:none;
	}


/* Beloppsgräns */

#maxlimit {
	border-top:1px solid #f2bfd9;
	border-bottom:1px solid #f2bfd9;
	padding:11px 0 10px;
	}

#maxlimit label {
	font-size:1.2em;
	}

#maxlimit label input {
	width:54px;
	padding-left:4px;
	font-size:1em;
	margin-left:6px;
	margin-right:2px;
	}

#maxlimit input {
	vertical-align:middle;
	}



/* ÖPPNA FUNKTIONER */

#driftinfo {
	width:316px;
	margin-right:16px;
	float:right;
	}

#driftinfo h2 {
	font-size:1.2em;
	padding-top:8px;
	padding-bottom:2px;
	font-weight:700;
	}

#driftinfo p {
	line-height:1.1em;
	padding-bottom:4px;
	}

/* FORM KUNDUNDERLAG & TRYCK TILL */

#kundunderlag,
#tycktill {
	background:#f2bfd9;
	padding:12px;
	margin-top:10px;
	font-size:1.2em;
	}

.checkbox,
.radio {
	margin-left:0;
	padding-left:0;
	}

.secondradio,
.secondcheck {
	margin-left:6px;
	}

#kundunderlag legend,
#tycktill legend {
	display:none;
	}

#tycktill textarea {
	height:107px;
	width:364px;
	margin-bottom:8px;
	font: 1em arial, verdana, tahoma, sans-serif;
	padding-top:2px;
	padding-left:6px;
	}

#kundunderlag strong {
	display:block;
	font-weight:700;
	margin-top:12px;
	}

#kundunderlag em,
#tycktill em {
	font-style:italic;
	float:left;
	margin-top:8px;
	}

#kundunderlag .label,
#tycktill .label {
	display:block;
	font-weight:700;
	margin-top:5px;
	}

input.text {
	width:174px;
	padding-left:6px;
	padding-top:2px;
	}

#kundunderlag .first {
	margin-top:15px;
	}

#kundunderlag .rensa,
#tycktill .rensa {
	float:right;
	margin-right:5px;
	}

#kundunderlag .skicka,
#tycktill .skicka {
	float:right;
	}

/* LIST */

#list div div {
	padding:2px 0 1px;
	}

#list div.a {
	cursor:pointer;
	color:#f77d00;
	background:url(../img/list_arrowleft.gif) no-repeat left center;
	padding-left:11px;
	font-size:1.2em;
	}

#list div.a:hover {
	text-decoration:underline;
	}

#list div.selected {
	font-weight:700;
	background:url(../img/list_arrowdown.gif) no-repeat left center;
	padding-left:11px;
	}

#list div.q {
	padding:10px 0 5px;
	}

#list div div p {
	padding-left:12px;
	}


/* Öppen funktion */


.openfunction {
	background:#F2BFD9 url(../img/teaser_function_bg.gif) no-repeat top right;
	padding:8px 12px;
	font-size:1.2em;
	margin-bottom:16px;
	}

.openfunction .start {
	padding-bottom:16px;
	}

.openfunction .second {
	padding-bottom:14px;
	}


.openfunction h3 {
	font-size:1.4em !important;
	}

.openfunction a {
	color:#000 !important;
	}

.openfunction a.selected {
	font-weight:700 !important;
	}
	

.openfunction .input_2 {
	width:47px;
	height:14px;
	padding:0 0 0 4px;
	font:1em arial, verdana, tahoma, sans-serif;
	}

.openfunction .input_3 {
	width:33px;
	height:14px;
	padding:0 0 0 4px;
	font:1em arial, verdana, tahoma, sans-serif;
	}

.openfunction .input_4 {
	width:20px;
	height:14px;
	padding:0 0 0 4px;
	font:1em arial, verdana, tahoma, sans-serif;
	}

.openfunction .count {
	vertical-align:bottom;
	}

.openfunction table {
	margin-top:10px;
	border-collapse:collapse;
	width:376px
	}

.openfunction table thead th {
	text-align:center;
	vertical-align:top;
	font-size:.9em;
	font-weight:700;
	line-height:1em;
    padding-bottom: 15px;
	}
.openfunction table thead th.first {
    text-align:left;
    padding-left: 10px;
    }    

.openfunction table tbody td {
	border-bottom:1px solid #e6aac9;
	font-size:1em;
	text-align:center;
	padding:2px;
	}

.openfunction table tbody td.left {
	text-align:left;
    padding-left: 10px;
	}

.openfunction table tbody tr.last td {
	border-bottom:none !important;
	}

.openfunction table tfoot td {
	font-size:1em;
	font-weight:700;
	padding-top:8px;
	padding-bottom:4px;
	}

#datepicker {
	background:#dec9a1;
	padding:5px 12px 11px;
	margin-bottom:2px;
	}

#datepicker p {
	float:left;
	padding-top:19px;
	padding-right:5px;
	margin-bottom:0;
	}

#datepicker label {
	font-size:1em;
	font-weight:700;
	float:left;
	margin-right:8px;
	}

#datepicker label select {
	font-size:1.2em;
	}

#datepicker input {
	float:left;
	padding-top:15px;
	}

.altHead caption {
	display:none;
	}


.aktuell_bonus {
	font-size:1.2em;
	border-collapse: collapse;
	width:400px;
	border-top:1px solid #dec9a1;
	margin-bottom:8px;
	}

.aktuell_bonus caption{
	display:none;
	}

.aktuell_bonus td{
	border-bottom:1px solid #dec9a1;
	padding:2px 0;
	}

.aktuell_bonus td.right{
	text-align:right;
	}
.forklaring {
	display:block;
	width:96px;
	height:22px;
	background:url(../img/button_forklaring.gif) no-repeat;
	float:right;
	}

.forklaring span {
	display:none;
	}
.narrow strong { font-weight:700;}

.hidden h4{ font-weight:700;font-size:1.2em !important;}

.simpletable {
	width:200px;
	border-collapse:collapse;
	font-size:1.2em;
	}
.simpletable {
	width:200px;
	border-collapse:collapse;
	font-size:1.2em;
	}
.simpletable .first {
	width:150px;
	}
.active {
	display:block;
	width:400px;
	height:22px;
	background:url(../img/button_forklaring_active.gif) no-repeat top right;
	padding-bottom:10px;
	float:right;
	margin-bottom:26px;
	border-bottom:1px solid #dec9a1;
	}

.other  {
	margin-top:30px;
	}

#sortfunction {
	margin:0;
	padding:0
	}

#sortfunction fieldset.period {
	margin:0;
	padding:6px 12px 4px;
	}

#sortfunction fieldset.period legend {
	display:none;
	}

#sortfunction fieldset.period h3 {
	font-size:1.2em;
	float:left;
	}

#sortfunction fieldset.period label {
	float:left;
	font-weight:700;
	margin-right:9px;
	}

#sortfunction fieldset.period label.from {
	margin-left:33px;
	}

#sortfunction fieldset.period select {
	font-size:1.2em;
	font-weight:400;
	font-family:arial,tahoma, sans-serif;
	}

#sortfunction fieldset.period .get {
	margin-top:16px;
	}

#sortfunction fieldset.addbill {
	background:#f2bfd9;
	margin:6px 0 0;
	padding:5px 12px 9px;
	}

#sortfunction fieldset.addbill legend {
	display:none;
	}

#sortfunction fieldset.addbill h3 {
	font-size:1.2em;
	display:block;
	padding-bottom:4px;
	}

#sortfunction fieldset.addbill label {
	font-weight:700;
	float:left;
	margin-right:4px;
	}

#sortfunction fieldset.addbill input.cost {
	width:78px;
	padding-left:4px;
	font-size:1.2em;
	margin-right:8px;
	}

#sortfunction fieldset.addbill select {
	font-size:1.2em;
	}

#sortfunction fieldset.addbill a.question {
	color:#000;
	position:relative;
	border-bottom:1px solid #000;
	cursor:hand;
	}

#sortfunction fieldset.addbill a.question:hover {
	border-bottom:1px solid #000;
	text-decoration:none;
	}

#sortfunction fieldset.addbill a.question em {
	position:absolute;
	width:240px;
	top:40px;
	background:transparent url(../img/gray_transparent_bg.png);
	z-index:100;
	display:block;
	color:#000;
	font-style:normal !important;
	}
	
#sortfunction fieldset.addbill a.question:hover em {
	color:#000;
	font-style:normal !important;
	}

#sortfunction fieldset.addbill a.question em span  {
	position:relative;
	top:-4px;
	left:-4px;
	border:4px solid #f2bfd9;
	display:block;
	padding:6px 20px 6px 6px;
	background:#fff url(../img/popup_close.gif) no-repeat 220px 5px;
	font-weight:400;
	font-style:normal !important;
	z-index:100;
	color:#000;
	}

#sortfunction fieldset.addbill a.question:hover em span {
	color:#000;
	font-style:normal !important;
	}

#sortfunction fieldset.addbill .visibleQuestion {
	display:none;
	}

#sortfunction fieldset.addbill .add {
	margin-top:16px;
	}

#sortfunction fieldset.addbill .radiolabel {
	margin-top:16px;
	padding-right:6px;
	font-size:1.1em;
	}

.visualisera {
	display:block;
	width:155px;
	height:22px;
	background:url(../img/button_visualisera_inkop.gif) no-repeat;
	margin-bottom:10px;
	}

.visualisera span {
	display:none;
	}

#buyings {
	margin-top:4px;
	}

#buyings caption {
	display:none;
	}

#buyings thead th {
	background:#fff;
	}

#buyings .center {
	text-align:center;
	}

#buyings .odd {
	background:#fbecf4;
	}

#buyings tbody td {
	border-bottom:1px solid #f2bfd9 !important;
	}

#buyings tbody td select {
	width:100%;
	overflow:hidden;
	}

#hushallsbudget {
	width:376px;
	padding:9px 12px 10px;
	margin-bottom:16px;
	}

#hushallsbudget legend {
	display:none;
	}

#hushallsbudget h3 {
	font-size:1.6em;
	padding-bottom:4px;
	}

#hushallsbudget label {
	font-size:1.2em;
	float:left;
	font-weight:700;
	margin-right:35px;
	}

#hushallsbudget #create {
	margin-top:11px;
	}

#hushallsbudget #follow {
	margin-top:11px;
	margin-left:8px;
	}


#create_hushallsbudget {
	width:376px;
	padding:9px 12px 10px;
	margin-bottom:16px;
	}

#create_hushallsbudget legend {
	display:none;
	}

#create_hushallsbudget h3 {
	font-size:1.6em;
	}

#create_hushallsbudget h4 {
	padding-bottom:6px;
	padding-top:14px;
	font-size:1.3em;
	}

#create_hushallsbudget label {
	font-weight:700;
	font-size:1.2em;
	}


#create_hushallsbudget h3 span {
	font-weight:400;
	}

#create_hushallsbudget a.question {
	color:#000;
	position:relative;
	border-bottom:1px solid #000;
	cursor:hand;
	}

#create_hushallsbudget a.question:hover {
	border-bottom:1px solid #000;
	text-decoration:none;
	}

#create_hushallsbudget a.question em {
	position:absolute;
	width:240px;
	top:40px;
	background:transparent url(../img/gray_transparent_bg.png);
	z-index:100 !important;
	display:block;
	top:18px;
	left:-220px;
	font-style:normal !important;
	}

#create_hushallsbudget a.question:hover em {
	color:#000;
	}


#create_hushallsbudget a.question em span  {
	position:relative;
	top:-4px;
	left:-4px;
	border:4px solid #f2bfd9;
	display:block;
	padding:6px 20px 6px 6px;
	background:#fff url(../img/popup_close.gif) no-repeat 220px 5px;
	font-weight:400;
	font-style:normal !important;
	font-size:0.95em;
	}

#create_hushallsbudget a.question:hover em span {
	color:#000;
	}

#create_hushallsbudget .visibleQuestion {
	display:none;
	}

.backgroundborder {
	border-bottom:1px solid #d185b0;
	padding-bottom:6px;
	}

#fasta_kostnader {
	float:left;
	width:50%;
	border-top:3px solid #f6d2e4;
	}

.formholder {
	border-bottom:1px solid #d185b0;
	padding-bottom:8px;
	}

#rorliga_kostnader {
	float:left;
	width:50%;
	border-top:3px solid #f6d2e4;
	}

.savevisual {
	border-top:3px solid #f6d1e4;
	padding-top:8px;
	}

#fasta_kostnader label {
	float:left;
	width:100px;
	padding-bottom:10px;
	}

#fasta_kostnader .rightinput {
	float:right;
	padding-right:10px;
	font-size:1.2em;
	font-weight:700;
	z-index:2;
	}

#fasta_kostnader input {
	width:45px;
	padding-right:5px;
	font-size:1em;
	text-align:right;
	}

#rorliga_kostnader label {
	float:left;
	width:100px;
	padding-bottom:10px;
	}

#rorliga_kostnader .rightinput {
	float:right;
	font-size:1.1em;
	font-weight:700;
	z-index:2;
	}
	
#rorliga_kostnader input {
	width:40px;
	padding-right:5px;
	font-size:1.1em;
	text-align:right;
	}

#spara{
	width:45px;
	padding-left:5px;
	text-align:right;
	}

#visualisera_budget{
	margin-top:12px;
	}

#inkomster {
	width:58px;
	padding-left:5px;
	text-align:right;
	}

/* Tim */
.apointer_active {
	font-weight: bold;
}

.function a {
	cursor: pointer;
}
/*************/
	
/* Menu tmp
----------------------------------*/
.plus>ul {
	display: none;
}

.minus {
	display: block;
}

#content_narrow ul.list {
	font-size:1.2em;
	line-height:1.42em;
	margin-bottom:11px;
	list-style:disc inside;
	}
#content_narrow ol.list {
	font-size:1.2em;
	line-height:1.42em;
	margin-bottom:11px;
	list-style:decimal inside;
	}

.out a {
	background: url(../img/button_loggaut2.gif) no-repeat;
	display:block;
	width:76px;
	height:20px;
	float:right;
	margin-top:64px;
	}
.out a span {
	display:none;
	}
	
a.rakning {
	cursor:pointer;
	color:#FFFFFF;
	text-decoration:none;
	}

a.rakning:hover {
	text-decoration:underline;
	}
	
#topAd {
	height:120px;
	padding-bottom:16px;
}
.longBar {
	background:#edf4f3;
	display:block;
	float:left;
	height:14px;
	/*margin:0 0 16px 0;*/
	overflow:hidden;
	padding:7px 17px 11px 0;
	position:relative;
	width:798px;
}
.longBar h3 {
	background:#edf4f3;
	display:block;
	float:left;
	font-size:1.2em;
	font-weight:700;
	padding:0 16px 0 16px;
	position: relative;
	text-transform:uppercase;
	z-index:10;
}
.longBar .mask {
	display:block;
	float:left;
	height:15px;
	overflow:hidden;	
	width:610px;
	padding:0 16px 0 16px;
	position:relative;/* IE FIX */
	/*border:1px solid red;*/
}
.longBar ul {
	position:relative;
	z-index:1;
}
.longBar ul li {
	display:inline;
	font-size:1.2em;
	padding:0 5px 0 0;
}
.longBar ul li span.time {
	font-weight:700;
}
.longBar ul li a {
	color:#333;
	text-decoration:none;
}
#logInPrivate {
	background:url('../img/privatLogin_notactive.png') no-repeat;
	display:block;
	float:left;
	height:17px;
	margin-right:10px;
	width:52px;
}
#logInPrivate span, #logInStore span {
	display:none;
}
#logInPrivate.active {
	background:url('../img/privatLogin.png') no-repeat;
	border:none;
	margin-bottom:0;
	padding-bottom:0;
}
#logInPrivate:hover {
	background:url('../img/privatLogin.png') no-repeat;
}
#logInStore {
	background:url('../img/butikLogin.png') no-repeat;
	display:block;
	float:left;
	height:17px;
	margin-right:15px;
	width:52px;
}
#logInStore.active {
	background:url('../img/butikLogin_notactive.png') no-repeat;
	border:none;
	margin-bottom:0;
	padding-bottom:0;
}
#logInStore:hover {
	background:url('../img/butikLogin_notactive.png') no-repeat;
}


/* begin css tabs */

#content_wide ul.tabs, #content_narrow ul.tabs {
    text-align: left;
    margin: 10px 0 0 0;
    width: 370px;
    list-style-type: none;
    padding: 0 0 0 10px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #e7e7e7;

}

#content_wide ul.tabs li, #content_narrow ul.tabs li {
    float: left;
    height: 29px;
    line-height: 29px;
    margin: 0 4px 0 0;
    padding: 0;
    background: #f3f3f3 url('../img/grey_tab.png') repeat-x top left;
    border: 1px solid #e7e7e7;
}

#content_wide ul.tabs li.active_tab, #content_narrow ul.tabs li.active_tab {
    background: #fff;
}

#content_wide ul.tabs li.active_tab a, #content_narrow ul.tabs li.active_tab a {
    position: relative;
    top: 1px;
    background: #fff;
    font-weight: bold;
	color: #F77D00;
}

#content_wide ul.tabs li a, #content_narrow ul.tabs li a {
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    display: block;
    font-weight: bold;
    text-decoration: none;
    border-bottom: none;
    color: #333;
    font-weight: normal;
}

/* end css tabs */