﻿/* CSS Document */
/* Normalisera margin och padding */
* {
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	zoom:1;
}
/* Normalisera fontsize för headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
/* Normalisera list-style */ 
ol, ul {
	list-style: none;
}
/* Normalisera font-style och font-weight till normal */
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
/* Ta bort border från img och fieldset */
fieldset, img {
	border: none;
}
/* Vänsterställ text i th och caption */
th, caption {
	text-align: left;
}
/* Ta bort citationstecken */
q:before, q:after {
	content: '';
}
/*Ta bort underlinen på a element */
a {
	text-decoration: none;
}
body {
	background:url(../Images/backgrounds/body-bg.gif) 0 0 repeat-x #fff;
	text-align:center;
	font-size:.7em;
	font-size: 68%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
/* Basförutsättningar för länkar */

a {
	color:#727272;
	outline: none;
}
/* Allmänna formulär definitioner */

select, input, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}
.wrap {
	height:auto;
	min-height:600px;
	margin: 0px auto;
	width: 943px;
	text-align: left;
	
}
.top {
	float:left;
	width:943px;
	height:94px;
	position:relative;
}
.top img.toplogo {
	/*float:right;*/
	position:absolute;
	right:0;
	top:0;
	width:200px;
	height:94px;
	
}

.top a span {
	cursor:pointer;
	
}
.main {
	float:left;
	clear:both;
	width:100%;
	height:auto;
	min-height:638px;
	background:url(../Images/backgrounds/main-bg.gif) bottom left no-repeat;
	width:711px;
}
.menuContainer {
	float:left;
	width:100%;
	background:#E31818;
	height:52px;
	max-height:52px;

}
/* wizmenu */
ul.wizmenu {
	float:left;
	margin:0 0 0 27px;
	background:#eaeae6;
	list-style:none;
	color:#000;
	border:solid 4px #fff;
	border-bottom:none;
	height:48px;
	width:656px;
}
.wizmenu li {
	float:left;
	height:100%;
	background:red;
	background:url(../Images/backgrounds/wiz-arrow.gif) top right no-repeat;
	max-width:140px;
	min-width:80px;
	position:relative;
	padding-right:15px;
}

.wizmenu li.manyWords p {
	top:10px;
}
.wizmenu li.lastItem {
	background:none;
}
.wizmenu li p {
	height:auto;
	color:#666;
	padding:0px 25px 0px 18px;
	display:block;
	text-transform:uppercase;
	font-size:1.25em;
	line-height:1.1em;
	top:15px;
	position:relative;
	float: left;
}
.wizmenu li.lastItem p {
	padding-right:0;
}
.wizmenu li .selected {
	color:#000;
}
.content {
	height:auto;
	min-height:530px;
	float:left;
	width:100%;
	padding:0 10px 100px 0;
	background:url(../Images/backgrounds/submenu-bg.gif) 27px 25px no-repeat;
}
.content h1 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:2.3em;
	margin:20px 20px 10px 10px;
}
.content h2 {
	font-size:1.3em;
	margin:10px 20px 5px 10px;
}
.content .wizardItems h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#000;
	margin:20px 20px 0 20px;
}

/*Större typsnitt och mer marginal på startsidan */
.content .wizardItems .start h3 {
	margin:20px 20px 10px 20px;
	font-size:1.5em;
}

/*Ingen vänster mariginal i  div-boxen .section */
.content .wizardItems .section h3 {
	margin:0 0 0 0;
}
.content .ingress {
	font-weight:bold;
	margin:5px 25px 5px 0;
	color:#3e3e3e;
}
.content p {
	margin:0px 20px 5px 20px;
}
.content .wizardItems label {
	margin:5px 0 2px 20px;
	display:block;
	color:#b5181f;
	font-style:italic;
	clear:both;
	font-size:1.1em;
}

.content .wizardItems label.receiver {
	margin:10px 0 2px 20px;

}
.content .wizardItems label.radioLabel  {
	font-style:normal;
	font-size:1em;
	color:#000;
	margin:3px 0 0 0;
	
}

.content .wizardItems span.radioLabel label  {
	font-style:normal;
	font-size:1em;
	color:#000;
	margin:3px 0 3px 0;
	/*float:left;*/
	clear:right;
}

.content .wizardItems span.radioLabel input {
	float:left;
	clear:left;
	margin:1px 3px 0px 0;

}

.content .wizardItems span.radioLabel {
	margin:3px 0 10px 0;
	float:left;
	width:100%;
	clear:both;
	
}


/*Spec anpassningar på skapa konto sidan */
.content .wizardItems label.account {
	display:inline;
	margin-right:7%;

}

.wizardItems h4 {
	color:#b5181f;
	font-style:italic;
	margin:0 0 0 20px;
	font-size:1.1em;
}
.wizardItems {
	float:right;
	width:474px;
	margin:0 20px 0 0;
}
.wizardItems a {
	text-decoration:underline;
}
.wizardItems input.userInfo {
	width:245px;
	margin:0 0 0px 20px;
}

.wizardItems input.invoice {
	margin-bottom:12px;
}

.wizardItems input.poBox {
	width:90px;
}
.wizardItems input.wizFile {
	width:245px;
	margin:0 0 15px 20px;
}
.wizardItems select.wizSelect {
	margin:0 0 10px 20px;
	width:250px;
}
/*Mottagare av beställningen */
.wizardItems select.receivers {
	float:left;
	margin:0 0 0 20px;
	width:250px;
}
/* Lite padding på LI */
select.receivers option {
	padding:0 0 0 5px;
}
.receivers option.wizChoice {
	border-bottom:solid 1px #7f9db9;
	margin-bottom:5px;
}
/* Papperskorg brevid beställarna */
span.receiverBasket {
	float:left;
	margin:0 0 0 10px;
}
.wizardItems .wizForm {
	margin:15px 0 0px 0;
}
.wizardItems .wizMessage {
	margin:0 0 0 20px;
	width:380px;
	height:110px;
}
.wizardItems p.wizRadio {
	margin:5px 20px 20px 20px;
}

div.section {
	overflow:hidden;
	margin:30px 0 0px 20px;
	/*background:url(../Images/backgrounds/receivers-bg.gif) 0 0 repeat-x;*/
	border-top:dotted 1px gray;
	width:420px;
	padding:15px 0 0 0px;
	clear:both;
}

div.semi-section {
	overflow:hidden;
	width:420px;
	padding:10px 0 0 0px;
	clear:both;
}


div.noBorder {
	background:none;
	border-top:none;
}
.section h4 {
	margin:0 0 0 0px;
}
.content .section p {
	margin:5px 20px 5px 0;
}
.content .wizardItems .section label {
	margin-left:0;
}
/*Inom section får textarea en annan margin och strl*/
.wizardItems .section .wizMessage {
	margin:0 0 15px 0;
	width:415px;
	height:110px;
}

/*Detsamma för input */
.wizardItems .section input {
	margin-left:0;
}
.wizardItems .section p.wizDistributors {
	margin:10px 0 20px 0;
}
.wizardItems .section .wizAddress {
	margin:0 0 20px 0;
}
ul.receiverList, .section p.noReceivers {
	width:100%;
	margin:5px 0 20px 0;
}
ul.receiverList li {
	/*	background:url(../Images/gray-arrow.png) 2px 0 no-repeat;
	padding-left:22px;*/
	margin:0 0 5px 0;
	height:18px;
	clear:both;
}
ul.receiverList li span.receiver {
	width:50%;
	float:left;
}
ul.receiverList li span.basket {
	float:right;
	margin-right:5px;
}
ul.fileList {
	width:100%;
	margin:5px 0 0 0;
}
ul.fileList li {
	background:url(../Images/gray-arrow.png) 2px 0 no-repeat;
	padding:1px 0 2px 22px;
	margin:0 0 10px 0;
	min-height:18px;
	clear:both;
}
ul.fileList li span.fileName {
	width:50%;
	float:left;
}
ul.fileList li span.notes {
	float:right;
	margin-right:5px;
	width:45%;
}
.notes input {
	width:100%;
}

.wizButton {
	display:block;
	font-style:italic;
	margin:10px 0 0 20px;
	padding:0 2px;
	font-size:1.2em;
}
.wizButton-nobreak {
	display:inline;
	font-style:italic;
	margin:10px 0 0 20px;
	padding:0 2px;
	font-size:1.2em;
}
.wizButton-margin {
	display:block;
	margin:10px 0;
	font-style:italic;
	font-size:1.2em;
}

.wizButton-break {
	display:inline;
	font-style:italic;
	font-size:1.2em;
}

.normal {
	font-style:normal;
}

/*Inom section får button en annan margin.*/
.section .wizButton {
	margin:0;
}

/*Annan knapplayout i vissa specifika fall */

.section .changeButton {
	display:block;
	font-style:italic;
	margin:20px 0 0 20px;
	padding:0 2px;
}


/*Vanlig lista */
.wizardItems .section ul.wizList {
	margin:0px 0 20px 0;
}
.wizardItems ul.wizList {
	margin:0px 0 30px 20px;
}
.wizardItems ul.wizList li {
	margin:2px 0 5px 0;
}
/* På beställsidan */
.detailedReceiverlist li.lastItem {
	border:none;
	background:none;
}

ul.detailedReceiverlist {
	margin-bottom:15px;
}
.detailedReceiverlist li {
	/*border-bottom:dotted 1px gray;*/
	background:url(../Images/backgrounds/receivers-bg.gif) bottom left repeat-x;
	padding:15px 0;
}
.detailedReceiverlist li h4 {
	padding:10px 0 0 0;
}
.content .section .detailedReceiverlist li p {
	padding:0;
	margin:0;
}

.section .client {
	margin:15px 0 20px 0;

}
.section .client p{
	margin:0 0 2px 0;
	padding:0;

}

.section .client .details {
	margin:15px 0 0 0 ;
}

h4.delivery {
	margin-top:15px;

}

.wizardItems .finalize {
	
	font-style:italic;
	margin:10px 5px 0 20px;
	padding:0 2px;
}
.request {
	float:left;
	width:474px;
	margin:10px 0 0 0;
	background:url(../Images/Backgrounds/listitem-bg.gif) 0 0 repeat;
	padding-bottom:10px;
	height:auto;
	min-height:90px;
}
.request div.dlrequests {
	background:url(../Images/Backgrounds/gray-pattern-repeat-y-bg.gif) 0px 0px repeat-y;
	height:auto;
	min-height:80px;
	border:none;
	width:454px;
	float:left;
	padding:8px 0 30px 0px;
	margin:10px 10px 0 10px;
}
.request .dlrequests .blackheader {
	font-style:normal;
	color:#000;
	font-size:1.2em;
}
#stafflist .dlselectlist, #stafflist .dlrequests {
	background:url(../Images/Backgrounds/doublepattern-bg.gif) 0px 0px repeat-x;
	height:62px;
	border:none;
	float:left;
	padding:8px 0 10px 0px;
	margin:0 10px 0 10px;
	display:inline;
}
#stafflist .dlselectlist dd, .request .dlrequests dd {
	padding:2px 0px 0 20px;
	float:left;
	width:427px;
}
#stafflist .dlselectlist dt, .request .dlrequests dt {
	font-size:1.2em;
	font-style:italic;
	padding:10px 0 0 20px;
	width:290px;
	float:left;
	color:#B5181F;
	display:inline;
}
/* Här kommer massa .net fix */
.wizardItems .checkbox-wrapper {
	margin:5px 0 0 20px;
	
}

.wizardItems .checkbox-wrapper label{
	display:inline;
	margin:0 0 0 10px;
}

div.account-info {
	position:absolute;
	top:75px;
	right:255px;

}

.account-info div {
	display:inline;
	border-left:solid 1px #fff;
	padding-left:10px;
	margin-left:10px;
}

.account-info a {
	color:#fff;
}

p.account-info {
	margin:15px 30px 10px 20px;
}


.alarm {
	color:#B5181F;
	font-weight:bold;
}

.content p.literal {
	margin:0 0 20px 0;
}

.progressContainer {
	margin:10px 0 0 20px;
	
}

#upnlCreateAccount {
	margin:0 0 20px 0;
}

.invoice-receivers {
	margin:20px 0 0 0;
}

