﻿* html img,
* html .png{
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "../img/dot.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}

html { height: 100%; padding: 0; margin: 0; font-family: Arial, Helvetica, Sans-Serif; font-size: 75%; line-height: 120%; color: #1a1a1a; }

body { height: 100%; padding: 10px 0px 30px 10px; margin: 0; }

h1 { font-family: Arial, Helvetica, Sans-Serif; font-size: 100%; font-weight: bold; line-height: 100%; margin: 0px 0px 1px 0px; }
h2 { font-family: Arial, Helvetica, Sans-Serif; font-size: 100%; font-weight: bold; margin: 20px 0 4px 0; }
h3 { font-family: Arial, Helvetica, Sans-Serif; font-size: 100%; font-weight: bold; margin: 0px; }
h4 { font-family: Arial, Helvetica, Sans-Serif; font-size: 100%; font-weight: bold; line-height: 100%; margin: 4px 0px 1px 0px; }

p { margin: 0px 0px 10px 0px; }

input, text-area, select { font-family: Arial, Helvetica, Sans-Serif; font-size: 100%; }

a, img { border: none; }

a:link { color: #1b429a; }
a:visited { color: #1b429a; }
a:active { color: #1b429a; }
a:hover { color: #1b429a; text-decoration: none; }

/********************************************************************/
/*	CLASSES															*/
/********************************************************************/

.LeftFloating{float: left;}
.RightFloating{float: right;}

.FloatContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .FloatContainer { height: 1px; }

/* Grundläggande siddisposition */

	/* TOP START */
	div#Top { width: 890px; height: 73px; position: relative; }
	div#TopLeft { float: left; width: 513px; padding: 0 0 20px 30px; }
	div#TopLeft .topLogo {  }
	div#TopLeft .SubwebBreadCrumbs {  }
	div#Top a.MainLogo { }
	#TopTools { display: none; float: left; width: 362px; }
	#TopTools th { text-align: left; }
	#TopTools td, #TopTools th {  }
	div#Top .CurrentSubwebName { vertical-align: top; padding: 0px 0px 0px 8px; display: inline-block; line-height: 30px; }
	.SubwebBreadCrumbs { padding-left: 3px; }
	.SubwebBreadCrumbs a { margin: 0px 7px 0px 6px; background-repeat: no-repeat; background-position: 0px 4px; }
	div#Top div#SearchBoxContainer { width: 171px; }
	div.ddlSelect { xbackground: url(/images/box/InputBox.gif) no-repeat top left #fff; xwidth: 179px; height: 23px; padding: 1px 3px 0px 2px; xmargin: 0px 3px 0px 0px; xborder-bottom: solid 2px #f00; }
	select.ddlSelect { line-height:11px; font-size: 10px; xline-height: 15px; width: 175px; height: 20px; xborder: solid 1px #fff; }
	div.inputBox { background: url(../img/InputBox.gif) no-repeat top left #fff; padding: 3px 0px 4px 3px; }
	input.inputBox { width: 167px; height: 13px; border: solid 0px #fff; }
	DIV.SearchBox { background-image: url(../img/searchbox.gif); background-repeat: no-repeat; xwidth: 108px; height: 14px; padding: 4px; margin: 0px 0px 0px 0px; float: left; }
	DIV.SearchBox INPUT.SearchBox { background-color: #eeeeee; width: 99px; height: 12px; padding: 3px 3px 0px 3px; border-width: 0; }
	a.SearchBox { margin: 0px 0px 0px 125px; }
	* html DIV.SearchBox INPUT.SearchBox { margin-top: -1px; }
	INPUT.SearchButton { margin-top: 2px; margin-left: 3px; }
	/* TOP END */
	
	/* MIDDLE START */
	div#Middle { width: 890px; margin: 20px 0px 0px 0px; }
	div#FlashContainer { background: #ffffff; position: relative; z-index: 100; padding-left:70px; }
	/* Menu */
	div#Menu { margin: -17px auto 0px auto; width: 703px; _height: 1%; overflow: auto; position: relative; z-index: 200; }
	div#MenuLeftEdge { float: left; }
	div#MenuContent { float: left; width: 673px; background: url('../img/MenuBg.png') repeat-x left top; padding: 10px 0px 0px 0px; height: 20px; text-align: center; overflow: hidden; }
	div#MenuRightEdge { float: left; }
	#MenuContent > div { display: inline; margin: 0px 16px 0px 0px; color: #626262; font-weight: bold; }
	#MenuContent > div + div { background: url('../img/MenuDelimit.png') no-repeat 3px 2px; padding-left: 16px;}
	#MenuBackgroundIE6 { display: none; }
	
	#MenuContent > div > a:link, #MenuContent > div > a:visited { color: #626262; text-decoration: none; }
	#MenuContent > div > a:active, #MenuContent > div > a:hover { color: #921752; text-decoration: underline; }
	
	/*  */
	div#Cols { margin: 20px auto 0px auto; width: 700px; _height: 1%; overflow: auto; }
	div#Cols > div { float: left; width: 220px; position: relative; }
	div#Cols > div + div { margin: 0px 0px 0px 20px; }
	div#Cols > div > h1 + p { padding: 0px 0px 4px 0px; border-bottom: 1px solid #e0e0e0; }
	div#Splash01, div#Splash02 { position: absolute; top: 22px; right: 0px; }
	
	/* MIDDLE END */
	
	/* FOOTER START */
	div#Footer { margin: 50px 0px 30px 0px; width: 890px; }
	#Footer > div { width: 600px; margin: 0px auto; border-top: 1px solid #e0e0e0; padding: 10px 100px 0px 0px; font-size: 90%; }
	/* FOOTER END */
	
	/* PAGE 2 START */
	div#TwoCols { width: 700px;_height: 1%; overflow: auto; margin: 36px auto 0 auto; padding-bottom: 20px; }
	div#LeftCol { width: 220px; float: left; margin: 0px 20px 0px 0px; }
	div#RightCol { width: 460px; float: left; margin: 0px; }
	div#ContactForm { position: relative; }
	div#ContactForm > h1 + p { padding: 0px 0px 4px 0px; border-bottom: 1px solid #e0e0e0; }
	#RightCol > h1 { font-weight: normal; font-size: 130%; margin: 0px 0px 10px 0px; }
	p.ingress { font-weight: bold; }
	
	.BlueSquare, .GreenSquare, .YellowSquare, .RedSquare { position: relative; width: 422px; padding: 12px 19px; color: White; margin: 30px 0px 56px 0px; font-weight: bold; font-size: 100%; }
	.BlueSquare a:link, .BlueSquare a:visited { color: White; }
	.BlueSquare a:active, .BlueSquare a:hover { color: White; text-decoration: underline; }
	.BlueSquare { background: #2c60d0; }
	.GreenSquare { background: #0fd800; }
	.YellowSquare { background: #fdd900; }
	.RedSquare { background: #fd1e00; }
	.BlueSquareOutline { background: white url('../img/BlueSquareOutlineBg.png') repeat-y left top; color: #1a1a1a; margin: 30px 0px 60px 0px; }
	.GreenSquareOutline { background: white url('../img/GreenSquareOutlineBg.png') repeat-y left top; color: #1a1a1a; margin: 30px 0px 60px 0px; }
	.YellowSquareOutline { background: white url('../img/YellowSquareOutlineBg.png') repeat-y left top; color: #1a1a1a; margin: 30px 0px 60px 0px; }
	.RedSquareOutline { background: white url('../img/RedSquareOutlineBg.png') repeat-y left top; color: #1a1a1a; margin: 30px 0px 60px 0px; }
	.BlueSquareTop, .GreenSquareTop, .YellowSquareTop, .RedSquareTop { position: absolute; top: -8px; left: 0px; }
	.BlueSquareOutlineTop, .GreenSquareOutlineTop, .YellowSquareOutlineTop, .RedSquareOutlineTop { position: absolute; top: -13px; left: 0px; }
	.BlueSquareBot { position: absolute; bottom: -8px; left: 0px; }
	.WhiteSquare { position: relative; background: white; width: 400px; padding: 5px 10px; color: Black; margin: 10px 0px 20px 0px; font-weight: normal; font-size: 90%; }
	.WhiteSquareTop { position: absolute; top: -4px; left: 0px; }
	.WhiteSquareArrowBot { position: absolute; bottom: -30px; left: 0px; }
	.WhiteSquareBot { position: absolute; bottom: -4px; left: 0px; }
	.BlueSquareArrowBot, .GreenSquareArrowBot, .YellowSquareArrowBot, .RedSquareArrowBot { position: absolute; bottom: -44px; left: 0px; }
	.BlueSquare > h1, .GreenSquare > h1, .YellowSquare > h1, .RedSquare > h1 { color: Black; }
	/* PAGE 2 END */
	
	.LineBlock { border-top: 1px solid #d9d9d9; margin: 5px 0px 10px 0px; _height: 1%; overflow: auto; }
	.LineBlock .Pic { float: left; margin: 0px 12px 0px 0px; }
	.LineBlock .Text { float: left; margin: 5px 12px 0px 0px; }
	
	.VoucherSubmit { margin-left: 150px; }

    #LabContainer { width: 750px; overflow: auto; margin: 10px auto 0 auto; padding-bottom: 20px; }
/* Slut grundläggande siddisposition */