/*Stilmall*/

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

html, body {
				height: 100%;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
			}

body { 
	margin: 0;}

/*rubriker i samband med texter*/
.rubrik1{font-family: Arial Black, Verdana, Arial, sans-serif; color:#006699; font-size:22px; font-weight: bold;}

.rubrik2{font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:14px; font-weight: bold;}

.rubrik3{font-family: Verdana, Arial, Helvetica, sans-serif; color:#006699; font-size:11px; font-weight: bold;}

.rubrik4{font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px; font-weight: bold;}
/*behövs denna?*/


.text{font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size:11px;}

.text1{font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size:10px;}

.text2{font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size:12px;}

.text3{font-family: Arial, Verdana, Helvetica, sans-serif;color: #FFFFFF; font-size:14px; font-weight: bold; font-style: italic; text-decoration: none;}

:hover.text3 {
	color: #FFFFFF;
	text-decoration: none;
	font-size:14px;
}


.text6{font-family: Verdana, Arial, Helvetica, sans-serif;color: #FFFFFF; font-size:11px; font-weight: bold;}

.warning{font-family: Verdana, Arial, Helvetica, sans-serif;color: #FF9900; font-size:12px;}
.warning1{font-family: Verdana, Arial, Helvetica, sans-serif;color: #FF9900; font-size:11px;}


A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: underline;
	font-size:11px;
}

A:hover {
	color: #FF9900;
	text-decoration: none;
	font-size:11px;
}

.rubriklink {
	color: #006699;
	text-decoration: underline;
	font-size:12px;
	font-weight: bold;
}

:hover.rubriklink {
	color: #FFFFFF;
	text-decoration: underline;
	font-size:12px;
	font-weight: bold;
}


.headlink {
	color: #FFFFFF;
	text-decoration: none;
	font-size:12px;
	font-weight: bold;
}

:hover.headlink {
	color: #FFFFFF;
	text-decoration: none;
	font-size:12px;
	font-weight: bold;
}

.headlink1 {
	color: #FFFFFF;
	text-decoration: none;
	font-size:10px;
	font-weight: bold;
}

:hover.headlink1 {
	color: #FFFFFF;
	text-decoration: none;
	font-size:10px;
	font-weight: bold;
}

/*osäker var dessa används, 090414*/
.findent{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #666666;
	text-decoration: underline;
	font-size:13px;
	font-weight: bold;
}

:hover.findent {
	color: #FF9900;
	text-decoration: none;
	font-size:13px;
	font-weight: bold;
}


/*behövs inte längre?
.bovision {
	color: #006699;
	text-decoration: none;
	font-size:14px;
	font-weight: bold;
}

:hover.bovision {
	color: #FFFFFF;
	text-decoration: underline;
	font-size:14px;
	font-weight: bold;
}
*/

/*används...*/
.icon {
		padding: 3px;
}

.vspalt {
	color: #FFFFFF;
	text-decoration: underline;
	font-size:11px;
	font-weight: bold;
}

:hover.vspalt {
	color: #FFFFFF;
	text-decoration: none;
	font-size:11px;
	font-weight: bold;
}

.bg_link {
	color: #000000;
	text-decoration: underline;
	font-size:11px;
}

:hover.bg_link {
	color: #FFFFFF;
	text-decoration: underline;
	font-size:11px;
}	
	

.jobb {
	color: #666666;
	text-decoration: none;
	font-size:11px;
}
:visited.jobb {
	color: #0066CC;
	text-decoration: none;
	font-size:11px;
}
:hover.jobb {
	color: #FF9900;
	text-decoration: none;
	font-size:11px;
}

/* table leftblock START */

.left{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#FF9900; 
	font-size:11px; 
	font-weight: bold;
	padding: 5px;
}



td.block {
	font-family: Verdana,Arial,helvetica,'Sans-serif';
	color: #006699;
	font-size: 10px;
	line-height:1.2em;
	border:1px solid #FFCC66;
	padding: 5px;

}

:link.leftblock,:visited.leftblock {
	font-size:10px;
	font-family: Verdana,Arial,helvetica,'Sans-serif';
	color:#006699;
	font-weight: normal;
	letter-spacing: normal;
	line-height:1.2em;
	text-decoration: none;
}
:hover.leftblock {
	font-size:10px;
	font-family: Verdana,Arial,helvetica,'Sans-serif';
	color:#FF9900;
	font-weight: normal;
	letter-spacing: normal;
	line-height:1.2em;
	text-decoration: underline;
}

/* table leftblock END */

/* table midblock START */

.mid{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#006699; 
	font-size:11px; 
	font-weight: bold;
	padding: 5px;
}



td.midblock {
	font-family: Verdana,Arial,helvetica,'Sans-serif';
	color: #000000;
	font-size: 10px;
	border:1px solid #006699;
	padding: 5px;
}
	
td.midblock_b {
	font-family: Verdana,Arial,helvetica,'Sans-serif';
	color: #000000;
	font-size: 10px;
	border: solid #666666;
	border-width: 1px 1px 1px 1px;
	padding: 5px;
}

td.midblock_ftguppg {
	font-family: Verdana,Arial,helvetica,'Sans-serif';
	color: #000000;
	font-size: 10px;
	border: solid #666666;
	border-width: 1px 1px 1px 1px;
	padding: 1px;
}

td.midblock_ftg {
	font-family: Verdana,Arial,helvetica,'Sans-serif';
	color: #000000;
	font-size: 10px;
	border: solid #666666;
	border-width: 0px 1px 1px 1px;
	padding: 3px;
}
/* table midblock END */

/* table innertable START */
table.innertable {
	background-color:#FFFFFF;
	border:0px solid #FFFFFF;
	border-spacing: 0px;
	border:0px;
	padding-bottom: 0px;
	width:100%;fixed;
}

table.innertable TH {
	text-align:left;
	font-family: Verdana,Arial,helvetica,'Sans-serif';
	color: #006699;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	height:24px; fixed
	background: url('./images/th_background.png');
}

table.innertable TD {
	font-family: Verdana,Arial,helvetica,'Sans-serif';
	color: #000000;
	font-size: 10px;
	border:0px solid #FFFFFF;
	padding: 5px;

}

/* table innertable END */

/* Menu START */

	.menu
	{
		position: absolute;
		visibility: hidden;
		background-color: none;
		layer-background-color: none;
		z-index: 110;
		width: auto;
		white-space: nowrap;
	}
	
	.menuTitle
	{
		width: 90px;
		position: absolute;
		top: 105px;
		font-size: 10px;
		font-family: verdana;
		border-width: 0px 0px;
		background-color: none;
		z-index: 100;
		padding: 0px;
		margin: 0px;
		white-space: nowrap;
	}
	
	:hover.menuTitle
	{
		background-color: none;
	}
	.menuBar
	{
		color: #006699;
		font-weight: none;
		padding: 3px;
		padding-left: 2px;
		text-decoration: none;
		outline: none;
		display: block;
		white-space: nowrap;
	}
	a:hover.menuBar
	{
		color: #006699;
		background-color: none;
	}

	.menuItems
	{
		/* bakgrundsfärg på menyn, linjen hade ccc! */
		position: absolute;
		left: 0px;
		top: 21px;
		z-index: 111;
		background-color: #FFCC66;
		layer-background-color: #ffffff;
		border: solid #FFCC66;
		border-width: 1px 1px 0px 1px;
		padding: 0px;
		margin: 0px;
	}

	.menuItem
	{
		/* width: 100%; -- is needed for Win IE but looks bad in Safari */
		color: #006699;
		font-weight: none;
		text-decoration: none;
		border: 0px;
		border-bottom: 1px solid #FFCC66;
		display: block;
		outline: none;
		padding: 2px;
		margin: 0px;
	}
	
	a:hover.menuItem
	{
		color: #006699;
		background-color: none;
		text-decoration: underline;
	}
		
	a:active.menuItem
	{
		text-decoration: none;
		background-color: none;
	}	

.scrollbox {
padding: 5px;
height: 200px;
width: 320px;
border: 1px solid #999999;
overflow: auto;
scrollbar-face-color: #ffffff; 
scrollbar-highlight-color: #ffffff; 
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #999999;
scrollbar-arrow-color: #cccccc; 
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #999999;
}

.scrollbox1 {
padding: 5px;
height: 400px;
width: 95%;
border: 1px solid #999999;
overflow: auto;
scrollbar-face-color: #ffffff; 
scrollbar-highlight-color: #ffffff; 
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #999999;
scrollbar-arrow-color: #cccccc; 
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #999999;
}

.scrollbox2 {
padding: 3px;
height: 300px;
width: 190px;
border: none;
overflow: auto;
scrollbar-face-color: #ffffff; 
scrollbar-highlight-color: #ffffff; 
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #cccccc;
scrollbar-arrow-color: #cccccc; 
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #cccccc;
}

.scrollbox3 {
padding: 2px;
height: 205px;
width: 99%;
border: 1px solid #999999;
overflow: auto;
scrollbar-face-color: #ffffff; 
scrollbar-highlight-color: #ffffff; 
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #999999;
scrollbar-arrow-color: #cccccc; 
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #999999;
}

.scrollbox4 {
padding: 2px;
height: 120px;
width: 98%;
border: 1px solid #999999;
overflow: auto;
scrollbar-face-color: #ffffff; 
scrollbar-highlight-color: #ffffff; 
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #999999;
scrollbar-arrow-color: #cccccc; 
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #999999;
}

.scrollbox5 {
padding: 2px;
height: 120px;
width: 245px;
border: 1px solid #000000;
overflow: auto;
scrollbar-face-color: #ffffff; 
scrollbar-highlight-color: #ffffff; 
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #999999;
scrollbar-arrow-color: #cccccc; 
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #999999;
}

.scrollbox_profile {
padding: 3px;
height: 725px;
width: 240px;
border: 1px solid #999999;
overflow: auto;
scrollbar-face-color: #ffffff; 
scrollbar-highlight-color: #ffffff; 
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #999999;
scrollbar-arrow-color: #cccccc; 
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #999999;
}

/* ---------->>> jtip - popup <<<---------------------------------------------------------------*/

#JT_arrow_left{
	/*background-image: url(../images/arrow_left.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:500;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	/*background-image: url(../images/arrow_right.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

/* ---------->>> Slut jtip <<<---------------------------------------------------------------*/

/* ---------->>> Formulärmallar<<<---------------------------------------------------------------*/
/*Borde kunna läggas som egen stilmall för att kunna användas på partnersiter*/
.menuInput, .FormVer1, .FormClass, .FormClassSmall, .FormClassXsmall, .FormClassXsmall2, .FormClass50px, .FormClass50px2, .FormClassMedium, .FormClassMedium2, .FormClass200, .FormClass250, .FormClass480, .formDropDownhalfside, .formDropDown, .countryDropDown, .FormFile
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	background-color:White;
	border-color:#666666;
	border-style:solid;
	border-width:1px;
	color: #000000;
	width: 140px;
}

/*används i formuläret, rubrik  
ändrat namn för svårare igenkänning*/ 

/*2008-10-26: Ny class för formulär vid ensidig registrering*/

/*anpassad bredd till formulär*/
.FormVer1
{
	padding-left: 2px;
	width: 300px;
	float:left;
}


.FormClassSokDirekt
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	background-color:#FFFFFF;
	border-color:#666666;
	border-style:solid;
	border-width:1px;
	color: #666666;
	padding-left: 0px;
	width: 150px;
	float:left;
}

.FormClass
{
	padding-left: 2px;
	width: 335px;
	float:left;
}

.FormClassSmall
{
	padding-left: 2px;
	width: 132px;
	float:left;
}

.FormClassXsmall
{
	padding-left: 2px;
	width: 108px;
	float:left;
}

.FormClassXsmall2
{
	padding-left: 2px;
	width: 108px;
}

.FormClass50px
{
	padding-left: 2px;
	width: 50px;
	float:left;
}

.FormClass50px2
{
	padding-left: 2px;
	width: 50px;
}

.FormClassMedium
{
	padding-left: 2px;
	width: 165px;
	float:left;
}
/*För denna är behovet osäkert*/
.FormClassMedium2
{
	padding-left: 2px;
	width: 145px;
	float:left;
}

/*Denna används för texter till certifikat*/
.FormClass195
{
	padding-left: 2px;
	width: 195px;
	float:left;
}

/*Denna används för texter till presentationer samt referenser*/
.FormClass250
{
	padding-left: 2px;
	width: 250px;
	float:left;
}

/*Denna används för rubriker*/
.FormClass480
{
	padding-left: 2px;
	width: 480px;
	float:left;
}

.formDropDownhalfside
{
	padding-left: 2px;
	width: 165px;
}
.formDropDown
{
	padding-left: 2px;
	width: 340px;
}

.FormFile
{
	padding-left: 2px;
	width: 225px;
	float:left;
}


/* ---------->>> Slut Formulärmallar<<<---------------------------------------------------------------*/