/*--------------------- KNAPPVÄXLINGAR --------------------*/
.buttonOn{
	font-size: 10px;
	font-family: Verdana;
	background-color: white;
	border: 1px solid #B3B3B3;
	color: #C3C1C1;
	cursor:hand;
	text-align: center;
	margin: 2px;
	padding: 2px;
}
.buttonOff{
	font-size: 10px;
	font-family: Verdana;
	background-color: #D0CFCF;
	border: 1px solid #B3B3B3;
	color: #757575;
	cursor:hand;
	text-align: center;
	margin: 2px;
	padding: 2px;
}
/*------------------------- BILDHOVER -------------------------------*/
.imgOff {
	border: 2px groove ButtonFace;
	background:blue;
}
.imgOn {
	margin: 2px;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity:.60; 
	cursor:hand;
}
.imgGTBOff {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity:1; 

}
.imgGTBOn {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity:.60; 
}
/*---------------- SIDANS UTESEENDE INKL. KONTROLLER ------------------*/
H4{
	background-color: #104573;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: White;
}
/* -- STYCKE -- */
p{
	text-align: justify;
	font: normal normal 11px Arial;
	padding-bottom: 5px;
	padding-top: 5px;
}
/* -- TEXTRUTA -- */
.textboxOn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:100;
	color:darkblue;
	border: 1px solid #000000;
	background-color: white;
	text-align:Left;
	padding-left:3px;
	padding-right:3px;
	size:150px;
	width:150px;
}
.textboxOff {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:100;
	border: 1px solid #000000;
	background-color: #EDECEC;
	text-align:Left;
	padding-left:3px;
	color:#666666;
	size:150px;
}
/* -- TEXTRUTA LOGIN -- */
.textboxLoginOn {

	border: 1px solid #0f336d;
	background-color: #DFEBFF;
	text-align:Left;
	padding-left:3px;
	padding-right:3px;
    font-family:Arial;
    font-size:12px;
    height:16px;
    width:110px;
}
.textboxLoginOff {

	border: 1px solid #0f336d;
	background-color: #425984;
	text-align:Left;
	padding-left:3px;
	font-family:Arial;
    font-size:12px;
    height:16px;
    width:110px;
}
.textFieldOn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #000000;
	background-color: white;
	text-align:Left;
	width:450px;
	height:100px;
	padding:3px;
}
.textFieldOff {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #000000;
	background-color: #EDECEC;
	text-align:Left;
	width:450px;
	height:100px;
	padding:3px;
}
/* -- KRYSSRUTA och OPTIONRUTA -- */
.checkbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
/* -- DropDown -- */
.drop {
	background-color:#f7fcfe;
	border:1px solid black;
	font-size:10px;
	margin:2 2 2 2;

	
}
.inputField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #000000;
	text-align:center;
}
/* -- LISTRUTA -- */
.ListBox 
{
	background-color:#f7fcfe;
	border:3px inset black;
	font-size:10px;
	color:Gray;
	width:150px;
}
.ListBoxAdmin {
	background-color:#f7fcfe;
	border:1px solid black;
	font-size:10px;
	color:Gray;
	height:18px;
	width:40px;
}	
/* -- SIDEGENSKAPER -- */
html {
	height:100%;
}

body.default {

	background-image:   url(../../images/webbpage/background.gif);
	background-color: White;
	background-attachment: fixed;
	scrollbar-track-color: #FBFBFB;
	scrollbar-arrow-color: Navy;
	scrollbar-face-color: #FBFBFB;
	scrollbar-shadow-color: Black;
	scrollbar-3dlight-color: Black;
	margin:0px;
	padding: 5px;
}

/* --- DATAGRID och DATALIST --- */
.dg {

	background-color:#5d77ab;
	font-weight:bold;
	padding:2px;
	font: normal normal 14px Garamond;
	border: 3px outset #316EAA;
	padding:2px;
	
}
.dgHeader {
	padding-left:3px;
	padding-top:3px;
	padding-bottom:3px;
	color: #e5e5e5;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana;
	border-bottom-color: Black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #006699;
	vertical-align: middle;
}
.datagridItem {
	font-size:8px;
	font-family:Arial;
	padding:3px;
	border: 1px solid black;	
}
tr.dgItem {
	background-color: #DDE5FE;
	font-weight:normal;
	font-family:Arial;
	font-size:10px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:1px;
}

tr.dgItem:hover {
	background-color: #CCCCFF;
}

tr.dgAlternating {
	background-color: #C9E3FD;
	font-weight:normal;
	font-family:Arial;
	font-size:10px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:1px;
}

tr.dgAlternating:hover {
	background-color: #CCCCFF;
}


/*------------- TABELL INNEHÅLL ----------------*/

.BorderHeader {
	font-weight:bold;
	padding: 4px; 
	font-size:16px;
	/*background-image: url(../../images/webbpage/lines/dotted_horizontal.gif);*/
	border-bottom:dotted 1px black;
	background-repeat: repeat-x;
}
td.default{
	font-size:11px;
	font-family:Arial;
	border:solid black 1px;
	vertical-align:middle;
}

td {
	vertical-align: middle;
	padding-left:3px;
}
td.header{
	padding-left:3px;
	padding-top:3px;
	padding-bottom:3px;
	color: #CCCCCC;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana;
	border-bottom-color: Black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #006699;
	vertical-align: middle;
}
th.default {
	background-color:#0588BA;
	padding:2px;
	color:white;
}
/*------------- <A> Tagg default---------------- */
A.default:link    {
	color:#990000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
A.default:visited {
	color:#990000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
A.default:hover   {
	color:blue;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

A.grey:link    {
	color:#444444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
}
A.grey:visited {
	color:#444444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
}
A.grey:hover   {
	color:#cce9fa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
}
A.grey:active 
{
	color: #cce9fa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
}	


A#buttons:link    {
	color:white;
	font-family:Arial;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}
A#buttons:visited {
	color:white;
	font-family:Arial;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}
A#buttons:hover   {
	color:white;
	font-family: Arial;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
}

A.Admin:link    {
	color:#E2C655;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
a#adv:hover{
    opacity: 0.4;
    filter: alpha(opacity=40);
    zoom:1;
    -moz-opacity: 0.40;
    -khtml-opacity: 0.4;
}
.s0 {
padding:3px 3px 3px 3px;
font-size:11px;
font-family:Arial;
background:#214F77;
}
.s1 {
border:solid 1px #003366;
padding:2px 2px 2px 2px;
background:#3A70A0;
font-size:11px;
font-family:Arial;
}
.gtsep {
font:65% Verdana;
color:#214F77;
padding:0px 1px 2px 1px;
background:#214F77;
}
.inline {
	margin:3px;
}
/*-------------------------------- LAYOUT HOS ADMIN SIDAN ----------------------------------
table.admin
{
	background-color:#5D77AB;
	border: solid black 1px;
	font: normal normal 14px Garamond;
	border: 3px outset #316EAA;
	padding:2px;
	table-layout:fixed;
}*/
table.admin {
	font-size:11px;
	font-family:Arial;
	font-weight:bold;
	color:black;
	border:1px solid black;
	background-color:white;
	margin: 2;
	padding: 0;
	border: 1px solid black; 
	width:100%;
}

.admin {
	color:black;
	background-color:#A5B2CE;
	font-size:12px;
	font-weight:bold;
	font-family:Arial;
	padding-left:3px;
}

tr.line1 {
	background-color: #C5E0FF ;
	padding-left:5px;
	width:100px;
}
tr.line2 {
	background-color: #EDF2F8;
	width:100px;
}
/* --------------------- DataList -------------------------------*/
.dlItem 
{
	padding:4px;
}
/* --------------------- HJÄLP POP-UP ---------------------------*/
div.pop {margin-left:auto;margin-right:auto;text-align:center}
span.pop {color:red;font-weight:bold}
table.pop {color:black;background:lemonchiffon;font-family:sans-serif;
          margin-left:10px;margin-bottom:0px;border:solid 2px red;padding:5px}
tr.pop {border:none}
td.pop {border:none}
/* -- TABSET PROPORTIES -- */
.tab-button	 { 
    /*width: 140;*/ 
    height: 20; 
    font-weight: normal; 
    background: #F3F2F2; 
    border-top: 1px solid black; 
    border-left: 1px solid black;  
    border-right: 1px solid black; 
    cursor: hand; 
    padding: 3;
}

.tab-body	{ 
    background-image:   url(images/bak01.gif);
    border-top: 2px solid buttonhighlight; 
    border-left: 2px solid buttonhighlight; 
    border-bottom: 2px solid buttonshadow; 
    border-right: 2px solid buttonshadow; 
    border-style: ridge;
    padding: 10;    
    position:absolute; 
    left:5px; 
    top:25px; 
    width:96%; 
	height: 90%;
    z-index:1; 
    visibility: hidden;
}
/* Expanderbar text */
A.dsphead {
	MARGIN-LEFT: 1.5em; 
	TEXT-DECORATION: none;
	color:white
}
A.dsphead:hover {
	TEXT-DECORATION: none;
	color:white;
}
A.dsphead:visited{
	TEXT-DECORATION: none;
	color:white;
}
A.dsphead SPAN.dspchar {
	FONT-WEIGHT: normal; FONT-FAMILY: monospace;color:white;
}
.dspcont {
	DISPLAY: none; MARGIN-LEFT: 1.5em
}
/* --- TEXTMASSA ---*/
.text
{
	font-size:12px;
	font-family:Courier New;
	font-variant:normal;
}
p:first-letter {font-size: 200%;text-transform:uppercase}
.myline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #E8E8E8;
}
.select_over
{
	border:black solid 1px;
}
/* ----- Meny ---- */
#dolphincontainer{position:absolute;left:0px;right:0px;top:59px;border-bottom: 10px solid #103C52; color:#E0E0E0;background:#143D55;width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;margin : 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index:0}
#dolphinnav{position:relative;height:33px;font-size:11px;text-transform:uppercase;font-weight:bold;background:#fff url(../../images/webbpage/firstpage/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px; z-index:0}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;z-index:0}
#dolphinnav ul li{display:block;float:left;margin:0 1px;z-index:0}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(../../images/webbpage/firstpage/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#1D6893 url(../../images/webbpage/firstpage/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(../../images/webbpage/firstpage/dolphin_right-ON.gif) no-repeat top right;height:33px;}

#dolphin_inner{color: white; padding: 5px; font-size: 70%; height: 1em}

#dolphin_inner a:link, #dolphin_inner a:visited, #dolphin_inner a:active{color: white; font-weight:normal; text-decoration: none;}
#dolphin_inner a:hover{font-weight:normal; color:#ffffcc; text-decoration:underline}

.innercontent{display: none;}
/* -------------------- Slide-in menu for login --------------------- */
#sliderWrap 
{
    position:fixed;
margin: 0 auto;
width: 260px;
}
#slider {
position: absolute;
background-image:url(../../images/webbpage/firstpage/slider.png);
background-repeat:no-repeat;
background-position: bottom;
width: 260px;
height: 81px;
margin-top: -80px;
left:730px;
}
#slider img {
border: 0;
}
#sliderContent 
{
margin:  -5px 0px 0px 10px; /*top right bottom left */
position: absolute;
text-align:center;
/*background-color:#FFFFCC;*/
padding: 10px;
}
#openCloseWrap {
position:absolute;
margin: 53px 0 0 80px;
font-size:12px;
font-weight:bold;
}

/* ### MASTER.PAGE ### */
#toptomain
{
    background-image: url(..files/images/webbpage/firstpage/shadow_tocontent.jpg); 
    background-repeat:repeat-x;

}
#mainleft
{
    background-color:Yellow;
}

/* ======== STIL PÅ UNDERMENYER =========== 
.Menu
{
    text-align: left;
    text-decoration:none;
    padding-left: 10px;
	color: white;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
    color: #ffffff;
    padding-bottom: 0px;
    padding-top: 0px;
    border-bottom:solid 1px silver;
    text-indent:4px;
}
.SubMenu
{
    font-family:Arial;
    font-weight:bold;
}
*/
.menuTabs
{
    position:relative;
    top:1px;
    left:10px;
}
.tab
{
    border: Solid 1px #86BAEC;
    border-bottom: none;
    padding: 0px 3px;
    background-color: #eeeeee;
    font-weight: bold;
    font-size: 12px;
    color: #a9a9a9;
    font-family: Arial;
}
.selectedTab
{
    border: Solid 1px #86BAEC;
    border-bottom: Solid 1px white;
    padding: 0px 3px;
    background-color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    color: #0000cc;
}
.tabBody
{
    border: Solid 1px #86BAEC;
    padding: 5px;
    background-color: #ffffff;
    height: 250px;
    width:600px;
    font-size: 11px;
    font-family: Arial;
}
.handcursor{
cursor:hand;
cursor:pointer;
}