﻿/* -------- Css-fil för T&F -------- */
body
{
    height:100%;
    margin:0;
    padding:0;
}

/* --------Master DivLänkar-------- */

#masterlayout
{
    min-height:100%; 
    height:auto !important; 
    height:100%;
    margin:0 auto -30px auto;
}
#fullheight
{
    min-height: 100%;
    height: auto;
    margin: 0 auto -30px auto;
    _margin-top: 0;
    _position: relative;
}
#masterheader
{
    position: fixed;
    top: 0px;
    width: 100%;
    left: 0px;
    height: 80px;
    background-image: url('images/tfbg.gif');
    z-index: 3;
}
#mastermain
{
    position:relative;
    top:80px;
    min-height: 100%;
    height: 100%;
    width: 100%;
    margin: 0px;
    z-index:2;
}
#masterfooter
{   position:relative;
    bottom: 0;
    left: 0;
    height: 30px;
    width: 100%;
    margin-top: 50px;
    background-image: url('images/tfbg.gif');
    font-family: Verdana, Arial;
    font-size: "8px";
    font-weight: normal;
    font-style: normal;
    text-align: center;
    line-height: 1.5em;
    color: #FFFFFF;
    _clear:both;
    z-index: 1;
}
#footer
{
    _position:absolute;
    _bottom: 0;
    left: 0;
    height: 30px;
    _top:-30;
    width: 100%;
    margin: 0;
    margin-top: -30px;
    background-image: url('images/tfbg.gif');
    font-family: Verdana, Arial;
    font-size: "8px";
    font-weight: normal;
    font-style: normal;
    text-align: center;
    line-height: 1.5em;
    color: #FFFFFF;
    clear:both;
    z-index: 0;
}
#footmargin
{
    position:relative;
    height: 30px;
    top:-30px;
    _width: 100%;
    _clear:both;
}
#left
{
    position: relative;
    _min-height: 700px;
    _height: 100%;
    _width: 80%;
    margin-left: 20px;
    _margin-top: 20px;
    _float: left;
    _top: 20px;
    _z-index: -1;

}
#right
{
    position:relative;
    _min-height: 700px;
    _height: 700px;
    _width:12%;
    _margin: 0;
    _margin-top:20px;
    _float:left;
}
.left50
{
    width: 400px;
}
.right50
{
    position:relative;
    left: 401px;
    width:50%;
    float:left;
}
/*-------Master control-------*/

.logo1
{
    position:absolute;
    height: 70px;
    width: 70px;
    left: 12px;
    top: 8px;
    border: 0px;
}
.logo2
{
    position: absolute;
    height: 50px;
    width: 300px;
    left: 90px;
    top: 15px;
}
.login1
{
    position: absolute;
    left: 400px;
    top: 20px;
}
.login2
{
    position: absolute;
    left: 500px;
    top: 20px;
}
.meny
{
    position: absolute;
    left: 400px;
    top: 50px;
    width: 250px;
    height: 27px;
    z-index: 4;
}

/* --------Sid Div-------- */

.fullbredd
{
    min-height: 700px;
    _height: 700px;
    width:90%;
    margin: 20px;
    margin-top: 20px;
    float:left;
}
.fullbredd2
{
    min-height: 700px;
    _height: 100%;
    width:90%;
    margin: 40px;
    margin-top: 20px;
}
.halvbredd
{
    min-height: 700px;
    _height: 100%;
    width:50%;
    margin: 20px;
    margin-top: 20px;
    float:left;
}
.halvbredd2
{
    min-height: 700px;
    _height: 100%;
    width:50%;
    margin: 20px;
    margin-top: 20px;
    float:right;
}
h3
{
    font-family: Verdana, Arial;
    font-size: medium; 
    font-weight: bold;
    line-height:1.5em; 
}
h4
{
    font-family: Verdana, Arial;
    border: "none";
    margin: "0";
    font-size: small; 
    font-weight: bold; 
}
h5
{
    font-family: Verdana, Arial;
    font-size:small; 
    font-weight:normal;
    line-height:0.0em; 

}
p
{
    font-family: Verdana, Arial;
    font-size:x-small; 
    font-weight:normal; 
}
span
{
    font-family: Verdana, Arial;
    font-size:x-small; 
    font-weight:normal; 
}
th
{
    font-family: Verdana, Arial;
    border: "none";
    margin: "0";
    font-size: x-small; 
    font-weight: bold; 
}
.tabell
{
    font-family: Verdana, Arial;
    border: none;
    table-layout: auto;
    margin: 0;
    font-size: x-small;
    font-weight: normal;
    border-collapse: collapse;
}
.listrubrik
{
    font-family: Verdana, Arial;
    border: "none";
    margin: "0";
    font-size: "x-small";
    font-weight: bold;  
}
.lista
{
    font-family: Verdana, Arial;
    border: "0";
    padding: "0";
    margin: "0";
    font-size: "x-small";
    font-weight: normal;
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: show;
    font-style:normal;
}
.droplist
{
    font-family: Verdana, Arial;
    font-size: "small";
    font-weight: bold;
    color: Navy;
}
.textbox
{
    font-family: Verdana, Arial;
    font-size: "small";
    font-weight: normal;
    color: Navy;
    width: 250px; 
}
.radiolista
{
    font-family: Verdana, Arial;
    font-size:small; 
    font-weight:bold;
    color: Black; 
} 
/* --------Gridview-------- */

.grid
{
    background-color: White;
    border-color: #999999; 
    border-width: 1px; 
    border-style: None;
    padding: 0;
    margin: 0;
    font-family: Verdana, Arial;
    font-size: x-small;
    font-weight: normal;
    font-style: normal;
    empty-cells: show;
}
.gridHeaderStyle
{
    font-family: Verdana, Arial;
    font-size: x-small;
    font-weight: bold;
    background-color: #000084;
    color: White;  
}
.gridHeaderStyle a:link {
	font-family: Verdana, Arial;
	font-size: x-small;
	font-weight: bold;
	color: White;
	text-decoration: none;
}
.gridHeaderStyle a:active {
	font-family: Verdana, Arial;
	font-size: x-small;
	font-weight: bold;
	color: White;
	text-decoration: none;
}
.gridHeaderStyle a:visited {
	font-family: Verdana, Arial;
	font-size: x-small;
	font-weight: bold;
	color: White;
	text-decoration: none;
}
.gridHeaderStyle a:hover {
	font-family: Verdana, Arial;
	font-size: x-small;
	font-weight: bold;
	color: Gray;
	text-decoration: none;
}
.gridFooterStyle
{
    background-color: #CCCCCC;
    color: Black;
}
.gridRowStyle
{
    background-color: #EEEEEE;
    color: Black;

}
.gridSelectedRowStyle
{
    font-family: Verdana, Arial;
    font-size: x-small;



}
.gridAlternatingRowStyle
{
    background-color: #DCDCDC;
    font-family: Verdana, Arial;
    font-size: x-small;
    font-weight: normal;



}
.gridEditRowStyle
{
    font-family: Verdana, Arial;
    font-size: x-small;
    font-weight: normal;

}
.gridPagerStyle
{
    background-color: #999999;
    color: White; 
    font-family: Verdana, Arial;
    font-size: x-small;
    font-weight: bold;
    text-align: center;
}
.gridPagerStyle a:link {
	font-family: Verdana, Arial;
	font-size: x-small;
	font-weight: bold;
	color: #000084;
	text-decoration: none;
}
.gridPagerStyle a:active {
	font-family: Verdana, Arial;
	font-size: x-small;
	font-weight: bold;
	color: Red;
	text-decoration: none;
}
.gridPagerStyle a:visited {
	font-family: Verdana, Arial;
	font-size: x-small;
	font-weight: bold;
	color: #000084;
	text-decoration: none;
}
.gridPagerStyle a:hover {
	font-family: Verdana, Arial;
	font-size: x-small;
	font-weight: bold;
	color: Red;
	text-decoration: none;
}

/* --------Gridview-------- */

.detail
{
    background-color: White;
    border-color: #999999; 
    border-width: 1px; 
    border-style: None;
    padding: 0;
    margin: 0;
    font-family: Verdana, Arial;
    font-size: x-small;
    font-weight: normal;
    font-style: normal;
    empty-cells: show;
}
.detailHeaderStyle
{
    font-family: Verdana, Arial;
    font-size: x-small;
    font-weight: bold;
    background-color: #000084;
    color: White;  
}
.detailHeaderStyle a:link {
	font-family: Verdana, Arial;
	font-size: x-small;
	font-weight: bold;
	color: White;
	text-decoration: none;
}
.detailHeaderStyle a:active {
	font-family: Verdana, Arial;
	font-size: x-small;
	font-weight: bold;
	color: White;
	text-decoration: none;
}
.detailHeaderStyle a:visited {
	font-family: Verdana, Arial;
	font-size: x-small;
	font-weight: bold;
	color: White;
	text-decoration: none;
}
.detailHeaderStyle a:hover {
	font-family: Verdana, Arial;
	font-size: x-small;
	font-weight: bold;
	color: Gray;
	text-decoration: none;
}
.detailFooterStyle
{
    background-color: #CCCCCC;
    color: Black;
}
.detailRowStyle
{
    background-color: #EEEEEE;
    color: Black;

}
.detailSelectedRowStyle
{
    font-family: Verdana, Arial;
    font-size: x-small;



}
.detailAlternatingRowStyle
{
    background-color: #DCDCDC;
    font-family: Verdana, Arial;
    font-size: x-small;
    font-weight: normal;

}
.detailEditRowStyle
{
    font-family: Verdana, Arial;
    font-size: x-small;
    font-weight: normal;

}
.detailPagerStyle
{
    background-color: #999999;
    color: White; 
    font-family: Verdana, Arial;
    font-size: x-small;
    font-weight: bold;
    text-align: center;
}
.gridPagerStyle a:link {
	font-family: Verdana, Arial;
	font-size: x-small;
	font-weight: bold;
	color: #000084;
	text-decoration: none;
}
.detailPagerStyle a:active {
	font-family: Verdana, Arial;
	font-size: x-small;
	font-weight: bold;
	color: Red;
	text-decoration: none;
}
.detailPagerStyle a:visited {
	font-family: Verdana, Arial;
	font-size: x-small;
	font-weight: bold;
	color: #000084;
	text-decoration: none;
}
.detailPagerStyle a:hover {
	font-family: Verdana, Arial;
	font-size: x-small;
	font-weight: bold;
	color: Red;
	text-decoration: none;
	
}	

	/* --------Länkar-------- */

a:link {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	color: Navy;
	text-decoration: none;
}
a:hover {
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: normal;
    color: red;
    text-decoration: none;
}
a:active {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	color: Red;
	text-decoration: none;
}
a:visited 
{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	color: Navy;
	text-decoration: none;
}
a.small:visited {
	font-family: Verdana, Arial;
	font-size: x-small;
	font-weight: normal;
	color: Navy;
	text-decoration: none;
}
a.small:link {
	font-family: Verdana, Arial;
	font-size: x-small;
	font-weight: normal;
	color: Navy;
	text-decoration: none;
}
a.small:hover {
	font-family: Verdana, Arial;
	font-size: x-small;
	font-weight: normal;
	color: Red;
	text-decoration: none;
}
a.mellan:visited {
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: normal;
	color: Lime;
	text-decoration: none;
}
a.mellan:link {
	font-family: Verdana, Arial;
	font-size: large;
	font-weight: normal;
	color: Black;
	text-decoration: none;
}
a.mellan:hover {
	font-family: Verdana, Arial;
	font-size: 8px;
	font-weight: normal;
	color: Maroon;
	text-decoration: none;
}
a.smallblue:visited {
	font-family: Verdana, Arial;
	font-size: 9px;
	font-weight: bold;
	color:  Fuchsia;
	text-decoration: none;
}
a.smallblue:link {
	font-family: Verdana, Arial;
	font-size: 9px;
	font-weight: bold;
	color: Red;
	text-decoration: none;
}
a.smallblue:hover {
	font-family: Verdana, Arial;
	font-size: 9px;
	font-weight: bold;
	color: Purple;
	text-decoration: none;
}
