/* Vi tackar den allsmäktige fader vår i himmelen för reset css: */



html, body, div, span, applet, object, iframe,

blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align:baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}





/* Amen. */



/* Här börjar syndandet */



html {

    background:url(../media/img/structure/main/bg.jpg) repeat-x top left fixed !important;

	margin: 0px;

}



body {

	background: url(../media/img/structure/main/body_bg.jpg) no-repeat center top fixed !important;

	font-family:Arial, Helvetica, sans-serif;;

	font-size:11px;

	margin: 0px;

	color:#555;

	line-height:160%;

}



body.helpdesk, body.servicepartner {

	background: url(../media/img/structure/main/body_bg_wide.jpg) no-repeat center top fixed !important;

}



a, .bluefont {color:#06F;}

h1, h2, h3, h4, h5, h6 {margin-bottom:0;}

hr {border:none;border-bottom:1px solid #ccc;margin:8px 0;}

textarea {resize: none;}



.fr {float:right !important;}

.fl {float:left !important;}

.tr {text-align:right !important;}

.tl {text-align:left !important;}

.tc {text-align:center !important;}

.nmt {margin-top:0 !important;}

.nmb {margin-bottom:0 !important;}

.nmr {margin-right:0 !important;}



p.small {font-size:11px !important;}

span.red, h1.red, h2.red, h3.red, p.red, a.red {color:red !important;}

.green {color:green !important;}

.w85 {width:85px !important;}

.w100 {width:100% !important;}

.w100px {width:100px !important;}

.w110 {width:110px !important;}

.w120 {width:120px !important;}

.w130 {width:130px !important;}

.w140 {width:140px !important;}

.w150 {width:150px !important;}

.w155 {width:155px !important;}

.w160 {width:160px !important;}

.w170 {width:170px !important;}

.w180 {width:180px !important;}

.w190 {width:190px !important;}

.w200 {width:200px !important;}

.w210 {width:210px !important;}

.w220 {width:220px !important;}

.w230 {width:230px !important;}

.w240 {width:240px !important;}

.w250 {width:250px !important;}

.w300 {width:300px !important;}

.w490 {width:490px !important;}



select.w100 {width:106px !important;max-width:none !important;}

select.w110 {width:116px !important;max-width:none !important;}

select.w120 {width:126px !important;max-width:none !important;}

select.w130 {width:136px !important;max-width:none !important;}

select.w140 {width:146px !important;max-width:none !important;}

select.w150 {width:156px !important;max-width:none !important;}

select.w160 {width:166px !important;max-width:none !important;}

select.w170 {width:176px !important;max-width:none !important;}

select.w180 {width:186px !important;max-width:none !important;}

select.w190 {width:196px !important;max-width:none !important;}

select.w200 {width:206px !important;max-width:none !important;}

select.w210 {width:216px !important;max-width:none !important;}

select.w220 {width:226px !important;max-width:none !important;}

select.w230 {width:236px !important;max-width:none !important;}

select.w240 {width:246px !important;max-width:none !important;}

select.w250 {width:256px !important;max-width:none !important;}



a.tooltip {background:url(../media/img/icons/icon_question_mark.png) top left no-repeat;width:16px;height:16px;display:block;text-decoration:none;text-indent:-9999px;position:relative;margin-top:3px;margin-left:10px;}

#tooltip {padding: 12px 24px;

max-width: 250px;

background: #222;

position: absolute;

z-index: 99999;

color: #efefef;

font-size: 14px;}



p.dev, h1.dev, h2.dev, h3.dev, h4.dev, h5.dev, h6.dev, span.dev {color:#D200FF;}



.clearfix {float:none;clear:both;}



.odd {background:#eee;}

.bold {font-weight:bold;}

.back {cursor:pointer;text-decoration:underline;}

.supportRuta {position:absolute;top:20px;right:10px;z-index:9999;color:#efefef;font-size:12px;text-align:right;}



td {vertical-align:top;}



.italic {font-style:italic;}

.f11 {font-size:11px;}

.bold {font-size:bold;}

.even {background:#e1e6ed;}

.ejAktuellt {background:#ccc;}

table {border-spacing:0;}

table.vac tr {height:17px;}

table.vac tr td {vertical-align:middle;}

.ml5 {margin-left:5px;}

.mr24 {margin-right:24px;}

.mr15 {margin-right:15px;}

.mt2 {margin-top:2px;}

.mt25 {margin-top:25px;}

.mt18 {margin-top:18px;}

.mt82 {margin-top:82px;}

.mb25 {margin-bottom:25px;}

.mb10 {margin-bottom:10px;}

.mb8 {margin-bottom:8px;}

.mr8 {margin-right:8px;}

.mr16 {margin-right:16px;}

.ml8 {margin-left:8px;}

.ml14 {margin-left:14px;}

.ml16 {margin-left:16px;}

table.list a {color:#555;}

.startText {font-size:14px;line-height:22px;}

img.testprotokoll {margin-right:22px;}

	img.testprotokoll:hover {opacity:.5;}

.rullList {background:white;border-bottom:3px solid #000;height:70px;width:1264px;position:fixed;top:98px;padding-top:8px;z-index:9999;}

.rullList.fixed-list {position:fixed;top:0;}

.rullListFast {font-size:11px;font-weight:normal;margin-top:13px;}

.rullList.fixed-list table {margin-top:73px;}

.rullList.fixed-list table.rullListFast {margin-top:0 !important;}

.rullListEjFast {margin-top:79px;}

.tac {text-align:center;}

.tar {text-align:right;}

.tal {text-align:left;}

.nbr {border-right:none !important;}

.twpr12 {padding-right: 12px;}

.fs14 {font-size:14px !important;}

.fs14 input {font-size:14px !important;border-radius:4px;padding:4px;text-indent:2px;}

.fs14 input.textfield {max-width:none;width:180px;}

.fs14 textarea {border-radius:4px;}

.fs14 input[type="file"] {font-size:12px !important;}

.vam {vertical-align:middle;}

















.loggedOn {float:right;}

.loggedOn p {padding:0;line-height:4px;color:#FFF;margin-right:10px;}



.progressWrapper {width:152px;margin:auto;position:absolute;top:-50px;right:-30px;}

.progressWrapper {text-align:center;}

.progressBarWrapper {width:150px;height:12px;border:1px solid #ccc;}

.progressBar {background:#ddd;margin:1px;height:10px;}



.headerBg {width:100%;position:fixed;top:0;z-index:700;background:url(../media/img/structure/main/header_background.jpg) top left repeat-x;height:125px;}

.header {width:1000px;margin:auto;position:fixed;top:0;right:0;left:0;z-index:900;background:url(../media/img/structure/main/header_bg.jpg) center top no-repeat;height:100px;}

.servicepartner .header, .helpdesk .header {background:url(../media/img/structure/main/header_bg_structure.jpg) center top no-repeat;}

.header .logo {}



.wrapper {min-height:690px;width:1000px;padding-top:100px;margin:auto;position:relative;padding-bottom:80px;z-index:800;background:white;}

.wrapper .box50 {margin:50px;position:relative;}

.wrapper .box8 {margin:8px;position:relative;}



body.helpdesk .wrapper, body.servicepartner .wrapper {width:1280px;}



body.helpdesk .header, body.servicepartner .header {width:1280px;}

.menu {height:27px;position:absolute;top:73px;left:0;width:1000px;z-index:9999;overflow:hidden;

	background: #7d7e7d; /* Old browsers */

	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

}



body.helpdesk .menu, body.servicepartner .menu {width:1280px;}



.menu ul {margin:0;padding:0;list-style-type:none;}



.menu ul li {margin:0;padding:0;float: left;}



.menu ul li a {margin:0;padding:0;display: block;

	padding: 5px 10px;

	text-decoration: none;

	color: #eee;

	font-size:11px;

	/* background:url(../media/img/structure/menu/menu_separator.gif) no-repeat right center; */

	border-right:1px solid #444;

}



.menu ul li a.active, .menu ul li a:hover {

	text-shadow:0 -1px 1px #000;

	background: #0e0e0e; /* Old browsers */

	background: -moz-linear-gradient(top,  #0e0e0e 0%, #7d7e7d 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e0e0e), color-stop(100%,#7d7e7d)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #0e0e0e 0%,#7d7e7d 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #0e0e0e 0%,#7d7e7d 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #0e0e0e 0%,#7d7e7d 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #0e0e0e 0%,#7d7e7d 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#7d7e7d',GradientType=0 ); /* IE6-9 */

}



.footer {text-align:center;font-size:11px;width:100%;background:#fff;position:fixed;bottom:0;right:0;left:0;z-index:900;width:960px;margin:auto;}

.footer p {padding:8px 0;margin-bottom:0;margin-top:0;}

.footer a, .footer p {text-decoration:none;color:#777;}

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

.helpdesk .footer, .servicepartner .footer {width:1264px;border-top:3px solid #000;}



.start-col-1 {width:260px;float:left;}

.login-wrapper {width: 255px;margin: auto;margin-top: 40px;}

.login-box {width:205px;background:#eee;margin-top:12px;padding:24px;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15), inset 0 0 0 1px #fff;}



.tight input {float:right;width:200px !important;}





/*

 ___ ___  ___ __  __   ___ _______   ___    ___ ___ 

| __/ _ \| _ \  \/  | / __|_   _\ \ / / |  | __/ __|

| _| (_) |   / |\/| | \__ \ | |  \ V /| |__| _|\__ \

|_| \___/|_|_\_|  |_| |___/ |_|   |_| |____|___|___/



*/





form {}



input.textfield {background:#FFF;border:1px solid #ccc;padding:2px;font-size:10px;color:#555;line-height:1;width:175px;}

	input.textfield:focus {outline:0;}

	input.textfield.big {padding:6px;font-size:18px;}

	input.textfield.small {width:80px;}

	input.textfield.xsmall {width:30px;}

	input.textfield.xxsmall {width:15px;}

textarea {backgorund:#FFF;border:1px solid #ccc;padding:8px;font-size:11px;color:#555;}

textarea:focus {outline:0;}



input.button {

	background: #fafafa; /* Old browsers */

	background: -moz-linear-gradient(top,  #fafafa 0%, #e0e0e0 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #fafafa 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #fafafa 0%,#e0e0e0 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #fafafa 0%,#e0e0e0 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #fafafa 0%,#e0e0e0 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */

	border:1px solid #999;

	color:#555;

	text-shadow:none;

	box-shadow:inset 0 1px 0 #fff;

	padding:6px 12px;

	border-radius:3px;

	font-size:11px;

	cursor:pointer;

}



input.button:hover {background: #e0e0e0;}



input.button.blue {

	border:1px solid;

	background: #2a95c5; /* Old browsers */

	background: -moz-linear-gradient(top,  #2a95c5 0%, #21759b 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a95c5), color-stop(100%,#21759b)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #2a95c5 0%,#21759b 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #2a95c5 0%,#21759b 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #2a95c5 0%,#21759b 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #2a95c5 0%,#21759b 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a95c5', endColorstr='#21759b',GradientType=0 ); /* IE6-9 */

	border-color: #21759b;

	border-bottom-color: #1e6a8d;

	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);

	box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);

	color: #fff;

}

input.button.blue:hover {background: #21759b;}



input.button:disabled , input.button.blue:disabled

{

background:#E8E8E8;

border:1px solid #CCCCCC;

	-webkit-box-shadow:none;

	box-shadow: none;

	cursor:default;

}



input.button.red, .aRed {

	background: #f67572; /* Old browsers */

	background: -moz-linear-gradient(top,  #f67572 0%, #f05552 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f67572), color-stop(100%,#f05552)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #f67572 0%,#f05552 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #f67572 0%,#f05552 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #f67572 0%,#f05552 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #f67572 0%,#f05552 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f67572', endColorstr='#f05552',GradientType=0 ); /* IE6-9 */

	box-shadow:inset 0 1px 0 rgba(255,255,255,.35);

	border:1px solid #f05552;

	color:#FFF;

}

input.button.red:hover, .aRed:hover {background:#f05552;}



input.button.green, .aGreen {

	background: #a9db80; /* Old browsers */

	background: -moz-linear-gradient(top,  #a9db80 0%, #96c56f 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9db80), color-stop(100%,#96c56f)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #a9db80 0%,#96c56f 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); /* IE6-9 */

	box-shadow:inset 0 1px 0 rgba(255,255,255,.35);

	color:#FFF;

	border:1px solid #96c56f;

}

input.button.green:hover,  .aGreen:hover {background:#96c56f;}



.aRed, .aGreen {border-radius:3px;margin-top:2px;line-height: 13px;padding: 4px 4px;cursor:pointer;}



.disabled {opacity:.5;}





.noShow { display: none; }



select {

  

  margin-left:0;

  max-width: 160px;

  font-size: 11px;

}

 



	input.button.big {padding:12px;font-size:16px;}

	input.button.compact {padding:3px 6px 3px;}

	input.button.compact {padding:0px 4px 1px;}

	input.textfield.search {width:100px;}

	

	input.high {padding-top:10px;padding-bottom:11px;}



/* ***** TABLE STYLES ***** */

table.arendestatus {background:#eee;}

	table.arendestatus tr.bold td {vertical-align:bottom;}



tr.border-bottom td {border-bottom:1px solid #ccc;}	

.w-30 {width:30px;}

.w-40 {width:40px;}

.w-50 {width:50px;}



.w-80p {width:80%;}

.w-90p {width: 90%;}

.w-100p {width:100%;}



.h-100p {height:100%;}