/****************************** 
 * CSS för Internetkassan     * 
 ******************************/   


/*  Generella för siten */
body
{
	font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}

td 
{
	font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #656565;
}

div 
{
	font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #656565;
}

span 
{
	font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
}

a 
{ 
	font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #656565; 
}

a:visited { color: #656565; }
a:active { color: #656565; }
a:hover { color: #656565;}

input 
{
	font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
}	 

textarea 
{
	font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
}	 

select 
{
	font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
}	 

/*färg på egen länk: blankett, blänkare*/
.egenlankblankett{ color:Green; vertical-align:middle;}
.egenlankblankare{ color:Green; vertical-align:middle;}

/* Grått streck och ram kring usercontroller */
.r { background-color: #DFD9E0; }


/* ram för länkar */
.ram{border:1px solid #DFD9E0; padding:10px; margin-bottom:2px;}
.ingenram{padding:10px;}

/* Bakgrundsfärger och ram för grön ruta */
.bgGron { background-color: #F8F9F7; }
.ramGron { background-color: #BEBAB2; }



/* Input för inloggning mm */
input.textbox
{
	border: 1px solid #6393B2;
	background-image: url(../b/inputBkg.gif);	
	width: 80;
}	 

/* Ämnet i ett meddelande */
.meddelandeamne
{
	border: 1px solid #6393B2;
	width: 420;
}	 

/* Informationen i ett meddelande */
textarea.meddelandetext
{
	border: 1px solid #6393B2;
	width: 420;
	height: 300;
}	 

/* Informationen i ett meddelande, kort */
textarea.meddelandetextkort
{
	border: 1px solid #6393B2;
	width: 420;
	height: 120;
}	 



/*  Navigering  */   
.nBl 
{
	color: #59494A;
	background-color: #F5F0E5;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}	

.nBl2
{
	background-color: #BEBAB2;
} 

.nBlH 
{
	color: #59494A;
	background-color: #F5F0E5;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}	

a.nBl:visited { color: #59494A; }
a.nBl:active { color: #59494A; }
a.nBl:hover { color: #59494A; text-decoration: underline; }

.nG 
{
	color: #FFFFFF;
	background-color: #226CD3;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}	 

.nG2
{
	background-color: #226CD3;
} 

a.nG:visited { color: #FFFFFF; }
a.nG:active { color: #FFFFFF; }
a.nG:hover { color: #FFFFFF; text-decoration: underline; }

.nGH 
{
	color: #FFFFFF;
	background-color: #226CD3;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}	 

a.nGH:visited { color: #FFFFFF; }
a.nGH:active { color: #FFFFFF; }
a.nGH:hover { color: #FFFFFF; text-decoration: underline; }

.nBlFet 
{
	color: #167197;
	font-weight: bold;
	text-decoration: none;
}	 

a.nBlFet:visited { color: #167197; }
a.nBlFet:active { color: #167197; }
a.nBlFet:hover { color: #167197; text-decoration: underline; }

/* Bakgrund och ramen i navigeringen */
.nB  { background-color: #F5F0E5; }
.nR { background-color: #BEBAB2; }



/*  Hjalp  */   
div.hjalpruta
{
	position: relative;
	visibility: visible;
	color: #333333;
}

div.hjalprutaGuideOld
{
	position: relative;
	visibility: visible;
	color: #333333;
}

div.hjalprutaGuide
{
	position: absolute;
	visibility: visible;
	top: 80px;
	left: 515px;
	width: 198px;
	z-index: 1098;
	color: #333333;		
}

/*  ToolTip*/
#fixedtipdiv
{
	position:absolute;
	padding: 6px;
	border:1px solid grey;
	z-index:100;
}

/*  Rubriker och texter för artiklar */   
.H1 { font-size: 22px; font-weight: bold; }
.H2 { font-size: 13px; font-weight: bold; }
.infotext { font-weight: normal; }
.infotextbold { font-weight: bold; }

a.infotext:visited { color: #656565; }
a.infotext:active { color: #656565; }
a.infotext:hover { color: #656565; text-decoration: underline; }



/* Namnet på inloggad */
.inloggadnamn { font-size: 11px; font-weight: bold; color: #656565;  }

/* Version */
.version { font-size: 11px; color: #656565; }


/*  Felmeddelande på startsidan */
.felmeddelande { font-size: 13px;	color: #FF0000;	font-weight: bold;}





/****************************** 
 *          Guiden            * 
 ******************************/   

/* Blå bakgrundsfärg i guiden */
.gB { background-color: #F3F5F7; }

/* Grå ram i guiden */
.gR { background-color: #ADB6BD; }

/* Text i huvudet på guiden */
span.headrubrik 
{ 
	font-size: 16px;
	font-weight: bold;
	color: #4A7894; 
}

/* Rubriken på resp kassakort */
span.kkrubrik 
{
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}	 

/* Kolumnrubriker på kassakortet */
td.kkheader 
{
	font-size: 12px;
	color: #333333;
	background-color: #F3F5F7;
}	 

/* Rubrik på bekräftelsesidan i guiden */
.guiderubrik
{
	font-size: 14px;
	font-weight: bold;
	color: #4A7894;
}	 

/* Informationstext i guiden */
.guideinfotext { color: #4A7894; }

/* Input fält med styrd bredd */
input.guide20 { width: 20px; border: solid 1px #000000; }	 
input.guide30 { width: 30px; border: solid 1px #000000; }	 
input.guide40 { width: 40px; border: solid 1px #000000; }	 
input.guide50 { width: 50px; border: solid 1px #000000; }	 
input.guide60 { width: 60px; border: solid 1px #000000; }	 
input.guide330 { width: 330px; border: solid 1px #000000; }	 
input.guide440 { width: 440px; border: solid 1px #000000; }	 

/* Inputfält för kompletterande frågor om extraarbete */
.extrafrom {border: solid 1px #000000; }
.extralon {border: solid 1px #000000; }
.ovrigtext {border: solid 1px #000000; }

/* Inputfält för mindre än 40 timmar */
.annanorsaktext {border: solid 1px #000000; }

/* Inputfält för infyllnad av barn under 10 år - anmälan om arbetslöshet*/
.barn1	{border: solid 1px #000000; } 
.barn2	{border: solid 1px #000000; }
.barn3	{border: solid 1px #000000; }
.barn4	{border: solid 1px #000000; }
.barn5	{border: solid 1px #000000; }
.barn6	{border: solid 1px #000000; }

/* Inputfält för angivelse av namn och telefonnummer, barntillsyn - anmälan om arbetslöshet*/
.namntelefon {border: solid 1px #000000;}

/* Inputfält för personligt verksam - anmälan om arbetslöshet */
.ettEgenForetagareOrgnr {border: solid 1px #000000;}
.egenforetagareOrgnr {border: solid 1px #000000;}

/* Inputfält för delägare företag - anmälan om arbetslöshet */
.delagareNamn {border: solid 1px #000000;}
.delagareOrgnr {border: solid 1px #000000;}
.fleraDelagareOrgnr {border: solid 1px #000000;}

/* Inputfält för ägare/delägare i något företag */
.styrelseOrgnr {border: solid 1px #000000;}
.fleraStyrelseOrgnr {border: solid 1px #000000;}

/* Inputfält för vilande företag */
.vilandeOrgnr {border: solid 1px #000000;}
.vilandeText {border: solid 1px #000000;}

/* Lager som visas vid öppning av guiden */
.ladda 
{
	position: absolute; 
	left: 140; 
	top: 150; 
	width: 211; 
	height: 97; 
	background-color: #FFFFFF; 
	z-index: 1;
	font-weight: bold;
	color: #575D62;
	text-align: center;
	visibility: hidden;
}

/* Lager som används i guiden */
.dialog 
{
	position: absolute; 
	left: 150; 
	top: 170; 
	width: 420; 
	height: 100; 
	background-color: #FFFFFF; 
	z-index: 1;
	font-weight: bold;
	color: #575D62;
	text-align: center;
	visibility: visible;
}

/* space mellan punkterna i Signera kassakort enl. TUVA 3834 */
#signlista li
{
	margin-bottom: 5px;
}


.blankare
{
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;	
	background-color: #226CD3;
}
/* Nya klasser från version 1.7 */

.gsushuvud
{
	font-size: 10px; color: #167197;
}

.gsustext
{
	font-size: 12px; color: #4C4C4C; 
}

.gsuslist
{
	font-size: 11px; color: #4C4C4C; 
}

/* Vit bakgrund i guiden */
.gW { background-color: #FFFFFF; }