h1.rubrik20 {
	font-size: 11px;
	line-height: 20px;
	height: 20px;
	background: none;
	background-color: #eee;
	color: #000;
	border-bottom: 1px solid #ccc;
	color: #666;
}

a.h1Button {
	text-transform: uppercase;
	font-size: 10px;
	color: #666;
}

h1.expandable {
	font-size: 11px;
	line-height: 20px;
	background: #eee url('/bilder/navigering/arrow.gif') no-repeat 5px center;
	padding-left: 20px; 
	padding-right: 10px;
	cursor: pointer;
	border: 1px solid #eee;
}

h1.expandable:hover {
	border: 1px solid #ccc;
}

h1.expanded {
	font-size: 11px;
	line-height: 20px;
	background: #eee url('/bilder/navigering/arrow_down.gif') no-repeat 5px center;
	padding-left: 20px;
}

h2 {
	font-size: 15px;
	font-weight: bold;
}

td.headerMenu {
	color: #fff;
	vertical-align: middle;
	text-align: right;
}

ul.horizontal {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	height: 16px;
	list-style: none;
}

#login {
	
}

ul.horizontal li {
	float: left;
	display: block;
	height: 16px;
	list-style: none;
	line-height: 16px;
	padding-right: 7px;
}

ul.horizontal li a {
	font-weight: bold;
	color: #fff;
	
}


.formTable th {
	text-align: right;
	vertical-align: middle;
	min-width: 140px;
	padding-right: 5px;
}

.formTable td input[type=text] {
	width: 200px;
}

.formTable td input[type=submit] {
	font-weight: bold;
	font-size: 12px;
	text-transform: capitalize;
	width: 120px;
}


.formTable th.alignTop {
	vertical-align: top;
}

/*  */

td#mainContent {
	padding: 0px 10px;
	width: 560px;
}

td#leftMenu {
	width: 210px;
}

td#rightMenu {
	padding: 0;
	height: 100%;
	width: 155px;
}

table.rubrik29 {
	width: 100%;
	padding: 0;
	margin: 0;
	border-spacing: 0;
	border: none;
}

table.rubrik29 td {
	border-spacing: 0;
	padding: 0;
}

table.fullWidth,table.fullWidthPadding {
	width: 100%;
	padding: 0;
	margin: 0;
	border-spacing: 0;
	border: none;
}


table.fullWidth td, table.fullWidthth {
	border-spacing: 0;
	padding: 0;
}

table.fullWidthPadding td, table.fullWidthPadding th  {
	border-spacing: 0;
	padding: 3px;
}


input.BigFullWidth  {
	width: 100%; 
	font-size: 18px; 
	line-height: 24px; 
	color: #666666;
}



/* Filtreringstabbarna */
ul.filterList {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: table;
	text-align: center;
	width: 560px;
}

/* Omarkerad tab.*/
ul.filterList li {
	display: table-cell;
	float: left;
	text-align: center;
	padding: 5px;
	width: 83px;
	position: relative;
	color: #fff;
	border-right: 1px solid #ccc;
	font-weight: bold;
	cursor: pointer;
	margin-bottom: -2px;
	border-bottom: 1px solid #aeaeae;
}
ul.filterList li:hover { 
	text-decoration: underline;
}

/* Fixar rundat hörn för första elementet */
ul.filterList li.first {
	background-image: url('/bilder/navigering/corners_left.gif'); 
	background-position: top left; 
	background-repeat: no-repeat;
}

/* Fixar rundat hörn för sista elementet */
ul.filterList li.last {
	width: 80px; /* !UGLY */
	background-image: url('/bilder/navigering/corners_right.gif'); 
	background-position: top right; 
	background-repeat: no-repeat;
	border-right: none;
}



/* Disablad tab (kund har ej köpt funktionen. Tillräckligt?? ) */
ul.filterList li.disabled {
	color: #999;
	cursor:not-allowed;
}


/* Högermenyn */
ul#rightMenu {
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
}
		
/* Ett menyalternativ i högermenyn */
ul#rightMenu li {
	list-style-type: none;
	background-position: center 3px;
	background-repeat:repeat-x;
	padding: 0;
	margin: 0;
}
		
/* Ett aktivt menyalternativ i högermenyn */
ul#rightMenu ul li.selected {
}
		
/* Span-elementet i ett element i högermenyn. Fixar rundade hörn */
ul#rightMenu li span.container {
	background-position: left;
	background-repeat: no-repeat;
	background-color: transparent;
	display: block;
}
		
/* Länken i ett element i högermenyn */
ul#rightMenu li a {
	color: #fff;
	font-weight: bold;
	padding-left: 2px;
}
		
ul#rightMenu li a img {
	vertical-align:middle;
	border: none;
}
		
/* En submeny i högermenyn */
ul#rightMenu li ul {
	padding: 0;
	margin: 0;
	background: transparent;
}
		
/* Ett element i en submeny i högermenyn */
ul#rightMenu li ul li {
	background: transparent;
	padding: 0px;
	margin: 0;
	min-height: 0;
}
		
/* Länken i ett element i en submeny i högermenyn */	
ul#rightMenu li ul li a {
	display: block;
	color: #000;
	font-weight: normal;
	min-height: 0;
	padding: 6px 7px 6px 25px;	
	background: transparent url('/bilder/stomme/menymarkering.gif') 10px 9px no-repeat;
}

ul#rightMenu li ul li a:hover {
	font-weight: normal;
	text-decoration: none;
}



/* Tar bort den fula prickade linjen runt länkar i firefox */
a:active, a:focus {
    outline: 0;
}

/* Yttre delen av progressBaren för använt utrymme */
.progressBarOuter {
	background: #eee;
	border: 1px solid #000;
	height: 15px;
	margin: 5px 0 5px 0;
}

/* Inre delen av progressBaren för använt utrymme */
.progressBarInner {
	background-color: orange;
	height: 100%;
	border-right: 1px solid #000;
}

/* Listan med aktiverade/ej aktiverade filtyper */
ul.importFileTypesInfo {
	list-style-type: none;
	table-layout: fixed;
	margin: 0;
	height: 150px;
	padding: 0;
	border-spacing: 5px;
	width: 560px;
}

/* Element i filtypslistan (Ljud, Dokument etc.)*/
ul.importFileTypesInfo li {
	display: block;
	background: url('/bilder/navigering/importfiltypbg.gif') repeat-x top left;
	float: left;
	border-spacing: 5px;
	color: #ccc;
	margin: 0;
	width: 101px;
	margin: 5px;
	background-color: #fff;
}

ul.importFileTypesInfo li.last {
	margin-right: none;
	width: 106px;
}

ul.importFileTypesInfo li .container {
	background-image: url('/bilder/navigering/corner_right_big.gif'); 
	background-position: top right;
	background-repeat: no-repeat;
	display: block;
	padding: 10px;
	position:relative;
	margin: 0;
	border: none;
	height:134px;
}

/* Aktiv */
ul.importFileTypesInfo span.active {
	color: green;
	font-weight: bold;
	position: absolute;
	font-size: 12px;
	bottom: 5px;
	right: 5px;
}

/* Beställ-knapp */
a.order {
	color: orange;
	font-weight: bold;
	margin:0;
	padding: 0;
}

/* Beställ-knapp inuti box */
ul.importFileTypesInfo li .container a.order {
	position: absolute;
	bottom: 5px;
	right: 5px;
	font-size: 12px;
}

/* Element som är aktiverat */
ul.importFileTypesInfo li.active {
	color: #000;
	background-color: #ddd;
}

ul.importFileTypesInfo li:hover {
	background-color: #ddd;
}

ul.importFileTypesInfo li h3 {
	margin: 3px 0 3px 0;
	font-size: 13px;
	font-weight: bold;
}

.infobox {
	padding: 4px 8px 4px 32px;
	background: #F0F8FB url('/bilder/ikoner/16px/messagebox_info.gif') 8px 5px no-repeat;	
	border: 1px solid #297C9C;
	font-size: 11px;
	line-height: 18px;
}



.warningbox {
	padding: 4px 8px 4px 8px;
	background-color: #FFF4EA;
	border: 1px solid #9D4F00;
	font-size: 11px;
	line-height: 18px;
}


.throw {
	background: #EEE;
	height:30px; vertical-align:bottom;
}

.throw a {
	color: #000;
}


.row_none {
	background-color: #FFFFFF;
}

.row_selected {
	background-color: #FFFFCC;
}


table.theMenu {
	width: 210px;
	border: 0;
	border-spacing: 0;
	padding: 0;
}

.searchInput {
	width: 168px;
}

.showAllKnapp {
	width: 70px;
}

.searchKnapp {
	width: 70px;
}

th a {
	font-weight: bold;
}

.firstth {
	padding-left:4px;
	padding-right:4px;
	padding-bottom:4px;
	border-right-style: solid; border-right-width: 1px; border-right-color:#CCCCCC;
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#CCCCCC;
}

.midth {
	padding-left:4px;
	padding-right:4px;
	padding-bottom:4px;
	border-right-style: solid; border-right-width: 1px; border-right-color:#CCCCCC;
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#CCCCCC;
}

.lastth {
	padding-left:4px;
	padding-right:4px;
	padding-bottom:4px;
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#CCCCCC;
}

.firstth {
	padding: 4px;
	border-right-style: solid; border-right-width: 1px; border-right-color:#CCCCCC;
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#CCCCCC;
}

.firsttd {
	padding: 4px;
	border-left-style: solid; border-left-width: 1px; border-left-color:#CCCCCC;
	border-right-style: solid; border-right-width: 1px; border-right-color:#CCCCCC;
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#CCCCCC;
}

.midtd {
	padding: 4px;
	border-right-style: solid; border-right-width: 1px; border-right-color:#CCCCCC;
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#CCCCCC;
}

.lasttd {
	padding: 4px;
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#CCCCCC;
}




.warningsbox {

	padding: 4px 8px 4px 8px;
	background-color: #FFF4EA;
	border: 1px solid #9D4F00;
	font-size: 11px;
	line-height: 18px;
	position:absolute;
	z-index:2;
	margin-left:30px;
	visibility:hidden;
}

#debugInfoLink {
	display: block;
	text-align: center;
	color: #cccccc;
	cursor: pointer;
}

#debugInfo {
	border: 1px solid #666666;
	background-color: #eeeeee;
	padding: 10px;
	margin: 40px 0;
	text-align: left;
	color: #000;
}



/* Mittenspaltens knappar */
/* bild.php */
a.bildKnappNy88 {
	display: block;
	float: left;
	font: 10px Arial, Verdana, sans-serif;
	text-align: center;
	background: transparent url('/bilder/stomme/bildKnappNy88.gif') no-repeat;
	width: 88px;
	height: 66px;
	color: #000000;
	text-decoration: none;
}



a.bildKnappNy88:hover {
	text-decoration: none;
	color: #333333;
	background-position: bottom left;
}


a.bildKnappNy75 {
	display: block;
	float: left;
	font: 10px Arial, Verdana, sans-serif;
	text-align: center;
	background: transparent url('/bilder/stomme/bildKnappNy75.gif') no-repeat;
	width: 75px;
	height: 66px;
	color: #000000;
	text-decoration: none;
}



a.bildKnappNy75:hover {
	text-decoration: none;
	color: #333333;
	background-position: bottom left;
}


a.bildKnappNy60 {
	display: block;
	float: left;
	font: 10px Verdana, Geneva,  sans-serif;
	text-align: center;
	background: transparent url('/bilder/stomme/bildKnappNy60.gif') no-repeat;
	width: 60px;
	height: 66px;
	color: #000000;
	text-decoration: none;
}



a.bildKnappNy60:hover {
	text-decoration: none;
	color: #333333;
	background-position: bottom left;
}



a.bildKnappNyExpandable {
	background: transparent url('/bilder/stomme/tomknapp_vanster.gif') no-repeat top left;
	display: block;
	float: left;
	font: normal 10px Verdana, Arial; /* Change 13px as desired */
	line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
	height: 66px; /* Height of button background height */
	padding-left: 14px; /* Width of left menu image */
	text-decoration: none;
	text-align: center;
}

a:link.bildKnappNyExpandable, a:visited.bildKnappNyExpandable a:active.bildKnappNyExpandable {
	color: #494949; /*button text color*/
}

a.bildKnappNyExpandable img {
	margin-left: -7px;
	text-align: center;
}

a.bildKnappNyExpandable span{
	background: transparent url('/bilder/stomme/tomknapp_hoger.gif') no-repeat top right;
	display: block;
	padding: 2px 14px 11px 0; /* padding-right ska matcha  'padding-left'  i a.bildKnappNy */
}

a.bildKnappNyExpandable:hover{ /* Hover state CSS */
	background-position: bottom left;
}

a.bildKnappNyExpandable:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: black;
}


a.ovalbutton{
	background: transparent url('/bilder/stomme/button-left.jpg') no-repeat top left;
	display: block;
	float: left;
	font: normal 13px Tahoma; /* Change 13px as desired */
	line-height: 24px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 34px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
	color: #494949; /*button text color*/
}

a.ovalbutton span{
	background: transparent url('/bilder/stomme/button-right.jpg') no-repeat top right;
	display: block;
	padding: 4px 9px 7px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
	background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

.infobubble_container {
	width: 557px;
	z-index: 100;
	left: 0;
	top: 30px;
}

.infobubble_top {
	background: transparent url('/bilder/stomme/bubble_top.png') no-repeat top left;
	height: 12px;
	
}

.infobubble_middle {
	background: transparent url('/bilder/stomme/bubble_middle.png') repeat-y;
	padding-left: 8px;
	padding-right: 8px;
	overflow: hidden;
	width: 541px;
}

.infobubble_bottom {
	background: transparent url('/bilder/stomme/bubble_bottom.png') no-repeat;
	height: 12px;
}

.infobubble_close {
	border: 0px; float: right; 
}



.infobubblemini_container {
	width: 270px;
	z-index: 100;
	left: 0;
	top: 30px;
}

.infobubblemini_top {
	background: transparent url('/bilder/stomme/bubble_top_mini.png') no-repeat top left;
	height: 12px;
	
}

.infobubblemini_middle {
	background: transparent url('/bilder/stomme/bubble_middle_mini.png') repeat-y;
	padding-left: 8px;
	padding-right: 8px;
	overflow: hidden;
	width: 254px;
}

.infobubblemini_bottom {
	background: transparent url('/bilder/stomme/bubble_bottom_mini.png') no-repeat;
	height: 12px;
}

.infobubblemini_close {
	border: 0px; float: right; 
}



.infobubblemedium_container {
	width: 420px;
	z-index: 100;
	left: 0;
	top: 30px;
}

.infobubblemedium_top {
	background: transparent url('/bilder/stomme/bubble_top_medium.png') no-repeat top left;
	height: 12px;
	
}

.infobubblemedium_middle {
	background: transparent url('/bilder/stomme/bubble_middle_medium.png') repeat-y;
	padding-left: 8px;
	padding-right: 8px;
	overflow: hidden;
	width: 404px;
}

.infobubblemedium_bottom {
	background: transparent url('/bilder/stomme/bubble_bottom_medium.png') no-repeat;
	height: 12px;
}

.infobubblemini_close {
	border: 0px; float: right; 
}


.shadetabs{
	border-bottom: 1px solid gray;
	/* width: 90%; width of menu. Uncomment to change to a specific width */
	margin-bottom: 1em;
}

.shadetabs ul{
	padding: 3px 0;
	margin: 1px 0px 0px 15px;
	font: bold 11px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
	display: inline;
	margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #778;
	color: #2d2b2b;
	background: white url(/bilder/stomme/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
	color: #2d2b2b;
}

.shadetabs li a:hover{
	text-decoration: underline;
	color: #2d2b2b;
}

.shadetabs li.selected{
	position: relative;
	top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
	background-image: url(/bilder/stomme/shadeactive.gif);
	border-bottom-color: white; 
}

.shadetabs li.selected a:hover{ /*selected main tab style */
	text-decoration: none;
}

.faktura {
	border: 1px solid #000;
	width: 538px; /* UGLY */
	padding: 10px;
}

.faktura_header {
	overflow: hidden; 
	width: 100%;
}

.faktura_info {
	float: right;
}

.faktura_info table th {
	text-align: right;
	font-weight: normal;
	padding-right: 5px;
	width: 80px;
}

.faktura table {
	width: 100%;
}

table.mainTable {
	margin-left: auto; 
	margin-right: auto;
}

body {
	margin: 0px;
	background-position: top center;
	background-repeat: repeat-y;
	text-align: center;
}

/* Standardtext */
body, tr, td { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000; 
	font-size: 10px; 
	line-height: 14px;
	font-weight: normal; 
}

/* Formulär */
form, input, select, textbox, textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000; 
	font-size: 10px; 
	line-height: 14px;
	font-weight: normal; 
}

/* Länkar */
a { 
	color: #333; 
	text-decoration: none; 
	font-weight: bold;
}

/* Mus över */
a:hover { 
	text-decoration: underline;
}

/* Rubriker på anslagstavlan */
.blogTitle, .blogTitle a { 
	color: #666666; 
	font-size: 24px; 
	font-weight: bold; 
	line-height: 28px;	
}

/* En ruta på anslagstavlan */
.textruta {
	padding-bottom: 14px;
}

/* Text på menyrubriker */
.vit10, .vit10 a {
	color: #FFFFFF;
	font-weight: bold;
}

/* Bold */
.bold, .bold a {
	font-weight: bold; 
}

/* Rubrik på en bild.php & redigera.php */
.title, .title a {
	font-size: 18px;
	line-height: 22px;
	color: #666666;
	font-weight: bold;
}

/* Hörnen till vänster på rubriker i main */
.rubrikLeft29 { 
	background: url('/bilder/navigering/corners_left.gif');
}

/* Hörnen till höger på rubriker i main */
.rubrikRight29 { 
	background-image: url('/bilder/navigering/corners_right.gif');
}

/* Visningsläge-kappar */
.visningslage {
	cursor: pointer;
	text-align: center;
}

.verktygsKnapp {
	padding: 8px;
	cursor: pointer;
}

/* Sökrutan */
.searchInput {
	width: 188px;
}

.showAllKnapp {
	width: 90px;
}

.searchKnapp {
	width: 90px;
}

/* Rubriker i menyn */
.rubrik20 {
	height: 20px;
	background-repeat: repeat-x;
	line-height: 20px; 
	padding: 0px 0px 15px 10px;
	color: #FFFFFF;
	font-weight: bold;
}



/* Kategori i menyn */
.category {
	padding: 2px 0 2px 15px;
	cursor: pointer;
	background-color: transparent;
}

/* Kategori mus över */
.categoryOver {
	padding: 2px 0 2px 15px;
	cursor: pointer;
	/*background-color: #999999;*/
}

/* Kategori vald */
.categorySelected {
	padding: 2px 0 2px 15px;
	cursor: pointer;
	/*background-color: #cccccc;*/
}

/* Knappar i menyn */
.menyKnapp {
	background-repeat: no-repeat;
	background-position: 13px 9px;
	cursor: pointer;
	background-color: transparent;
	padding: 6px 10px 6px 32px;
}

/* Knappar mus över */
.menyKnappOver {
	background-repeat: no-repeat;
	background-position: 13px 9px;
	cursor: pointer;
	padding: 6px 10px 6px 32px;
}

/* Knappar vald */
.menyKnappSeleced {
	background-repeat: no-repeat;
	background-position: 13px 9px;
	cursor: pointer;
	padding: 6px 10px 6px 32px;
}

/* knapparna nederst i bild.php, redigera.php, users.php */
.bildKnapp {
	width: 108px; 
	height: 66px; 
	cursor: pointer;
	position: relative;
	text-align: center;
}

.bildKnappOver {
	background-image: url('/bilder/knappar/tomknapp2.gif');
	color: #666666;
}

.bildKnappOut {
	background-image: url('/bilder/knappar/tomknapp.gif');
	color: #333333;
}

/* Inforutor såsom import-fälten */
.inforuta {
	background-color: #EEEEEE;
	border: 1px solid #999999;
	padding: 20px;
}

/* Till sorteringen */
.sortering {
	padding: 0px;
	margin-bottom: 4px;
}

.handle {
	background-color: #000080;
	color: #FFFFFF;
	cursor: move;
	padding: 0 5px 0 5px;
}

.sortInput {
	width: 180px;
	background-color: #FFF4D8;
	border: 1px solid #000080;
	height: 25px;
	line-height: 21px;
	padding-left: 4px;
	margin-left: 5px;
}

/* Blogg-verktygslåda */
.bloggUpload {
	position: absolute; 
	top: 10px; 
	left: 10px;
	padding: 4px; 
	background-color: #FFFFFF;
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}

.bloggUpload:hover, .bloggUploadOver {
	position: absolute; 
	top: 10px; 
	left: 10px;
	padding: 4px; 
	background-color: #FFFFFF;
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
}

.fieldField {
	padding: 10px 0px 10px 0px;
	background: transparent;
}

.fieldFieldHover {
	padding: 10px 0px 10px 0px;
	background: #EEEEEE;
}

/* Topp-bannern */
.banner {
	background-repeat: no-repeat;
	width: 945px;
	cursor: pointer;
	background-image: url('/bilder/stomme/banner_945.jpg');
	background-repeat: no-repeat;
}

/* Inforaden över menyn */
.banner2 {
	background-color: #7e90ac;
	height: 20px;
	line-height: 20px;
	border-top: #ffffff 2px solid;
	border-bottom: #ffffff 14px solid;
}

/* Inforaden över main */
.banner3 {
	background-color: #7e90ac;
	height: 20px;
	vertical-align: middle;
	line-height: 20px;
	border-top: #ffffff 2px solid;
	border-bottom: #ffffff 14px solid;
}

.inforuta {
	padding: 10px;
	background: #eee;
	border: 1px solid #
}


input[type=checkbox] {
	width: 10px;
}