﻿/*Green: #99ca3c / Light grey: #7b898c / Dark grey: #5e6667 */
body 
{
    font-family:Verdana, Sans-Serif;
    font-size: 12px;
}

.timeCheck
{
    color:#009933;
}
.forklar
{
    font-size: 14px;
}

a.bl, a.bl:visited
{
    color: Black;
    font-weight:normal;
    text-decoration:none;
}
a, a:visited
{
    color: #99ca3c;
    font-weight: bold;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}
.pnlSpg
{
}
.pnlA{

}
.imgSpg
{
}
.imgSvar{

}    
.abpnl{
    background-color: #e0e0e0;
    width: 600px;
    padding: 5px 5px 5px 5px;
}
table.spg
{
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: show;
}
td.spgforklar
{
    text-align:left;
    background-color:#e0e0e0;
}
td.tid
{
    text-align:right;
    background-color:#e0e0e0;
    width:150px;
}
td.spgNr{
    border-right:solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
    padding-right:5px;
    padding-top:3px;
    text-align:right;
    margin-right: 5px;
}
td.spgSvar{ 
    padding-left: 5px;
    padding-right:5px;
    border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #000000; 
    }
tr.mark{
    background-color: #e0e0e0;
}
td.tal
{
    border-bottom: solid 1px black;
    padding-left: 3px;
}
img.pos1{
    position: relative;
    top: -300px;
    left: -209px;
}
img.pos2{
    position: relative;
    top:-200px;
    left:-209px;
}
img.pos3{
    position: relative;    
    top:-100px;
    left:-209px;
}
img.pos4{
    position: relative;
    top:-300px;
    left:-106px;
}
img.pos5{
    position: relative;
    top:-200px;
    left:-106px;
}
img.pos6{
    position: relative;
    top:-100px;
    left:-106px;
}
img.pos1v{
    position: relative;
    top: -200px;
    left: -316px;
}
img.pos2v{
    position: relative;
    top:-100px;
    left:-316px;
}
img.pos3v{
    position: relative;    
    top:0px;
    left:-316px;
}
img.pos4v{
    position: relative;
    top:-200px;
    left:-213px;
}
img.pos5v{
    position: relative;
    top:-100px;
    left:-213px;
}
img.pos6v{
    position: relative;
    top:0px;
    left:-213px;
}
img.pos1h{
    position: relative;
    top: -200px;
    left: -219px;
}
img.pos2h{
    position: relative;
    top:-100px;
    left:-219px;
}
img.pos3h{
    position: relative;    
    top:0px;
    left:-219px;
}
img.pos4h{
    position: relative;
    top:-200px;
    left:-116px;
}
img.pos5h{
    position: relative;
    top:-100px;
    left:-116px;
}
img.pos6h{
    position: relative;
    top:0px;
    left:-116px;
}
img.pos1b{
    position: relative;
    top: -200px;
    left: -325px;
}
img.pos2b{
    position: relative;
    top:-100px;
    left:-325px;
}
img.pos3b{
    position: relative;    
    top:0px;
    left:-325px;
}
img.pos4b{
    position: relative;
    top:-200px;
    left:-222px;
}
img.pos5b{
    position: relative;
    top:-100px;
    left:-222px;
}
img.pos6b{
    position: relative;
    top:0px;
    left:-222px;
}

image{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
input[type=submit]
{
    border: solid 1px #99ca3c;
}
input[type=checkbox]{
    width:20px;
    height:20px;
}
input{
    border: solid 1px silver;
}

.modalBackground {
	background-color:LightGrey;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}

.closing{
    background-color:white;
    border: 1px solid black;
    height:100px;
    width: 200px;
    padding: 5px;
}

.spgsAnswer0
{
    display:none;
}
.spgsAnswer1
{
    position:absolute;
    top:55px;
    left:620px;
    height:180px;
    width:200px;
    border: solid 1px green;
    z-index:1;
}
.spgsAnswer2
{
    position:absolute;
    top:255px;
    left:620px;
    height:180px;
    width:200px;
    border: solid 1px green;
}
.spgsAnswer3
{
    position:absolute;
    top:455px;
    left:620px;
    height:180px;
    width:200px;
    border: solid 1px green;
}
.spgsAnswer4
{
    position:absolute;
    top:55px;
    left:825px;
    height:180px;
    width:200px;
    border: solid 1px green;
}
.spgsAnswer5
{
    position:absolute;
    top:255px;
    left:825px;
    height:180px;
    width:200px;
    border: solid 1px green;
}
.spgsAnswer6
{
    position:absolute;
    top:455px;
    left:825px;
    height:180px;
    width:200px;
    border: solid 1px green;
}