/*ANVÄND ALLTID SMÅ BOKSTÄVER FÖR CLASSER - ANNARS XML PROBLEM*/

/*BODY************************************************************************************/
/*Body Tabell,td,p,div,span om inget annat anges*/
body,
table,
td,
p,
div,
span,
.clstable
{
FONT-FAMILY: Verdana; 
FONT-SIZE: 8pt;
}

/*FONT OCH STORLEK*/

.rubrik,
.clsRub,
.clsTop2
.urubrik,
.clsTop,
.text,
.skriv,
.klicka,
.tryck,
.lista,
.clsInput,
.knapp,
.button
{
FONT-FAMILY: Verdana; 
FONT-SIZE: 10pt; 
}

/*ALTERNATIVA BODY************************************************************************/
body.liten
{
FONT-FAMILY: Verdana; 
FONT-SIZE: 8pt;
}
body.normal
{
FONT-FAMILY: Verdana; 
FONT-SIZE: 10pt;
}
body.stor
{
FONT-FAMILY: Verdana; 
FONT-SIZE: 12pt;
}
/*LÄNKAR**********************************************************************************/
/*Blå länkar, normal text, röd hover*/
a:link,
.rad0 a:link,
.rad1 a:link
{
  text-decoration: none;
  font-weight: normal;
  color: #0000CC;
}

a:visited,
.rad0 a:visited,
.rad1 a:visited
{
  text-decoration: none;
  font-weight: normal;
  color: #0000CC;
}

a:hover,
.rad0 a:hover,
.rad1 a:hover 
{
  text-decoration: underline;
  font-weight: normal;
  color: #FF0000;
}


/*Vita länkar med röd hover, fet text */
.rubrik a:link,
.clsrub a:link,
.clstop2 a:link,
.titel a:link

{
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
}

.rubrik a:visited,
.clsrub a:visited,
.clstop2 a:visited,
.titel a:visited
{
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
}

.rubrik a:hover,
.clsrub a:hover,
.clstop2 a:hover,
.titel a:hover
{
  text-decoration: underline;
  font-weight: bold;
  color: #FF0000;
}

/*Vita länkar med röd hover, normal text */
.urubrik a:link,
.g8 a:link,
.g9 a:link,
.g10 a:link,
.g11 a:link,
.g12 a:link,
.g13 a:link,
.clstop a:link
.clstop a:link,
.knapp a:link,
.button a:link
{
  text-decoration: none;
  font-weight: normal;
  color: #FFFFFF;
}

.urubrik a:visited,
.g8 a:visited,
.g9 a:visited,
.g10 a:visited,
.g11 a:visited,
.g12 a:visited,
.g13 a:visited,
.clstop a:visited,
.knapp a:visited,
.button a:visited
{
  text-decoration: none;
  font-weight: normal;
  color: #FFFFFF;
}

.urubrik a:hover,
.g8 a:hover,
.g9 a:hover,
.g10 a:hover,
.g11 a:hover,
.g12 a:hover,
.g13 a:hover,
.clstop a:hover,
.knapp a:hover,
.button a:hover
{
  text-decoration: underline;
  font-weight: normal;
  color: #FF0000;
}


/*RAMAR******************************************************************************/
/*Svart Ram kring rutan*/
td.ram,
.clstdw
{
  FONT-FAMILY: Verdana; 
  BACKGROUND-COLOR: #FFFFFF;
  COLOR: #000000;  
  BORDER: 1 solid #000000;
}

td.ramT
{
  FONT-FAMILY: Verdana; 
  COLOR: #333333;  
  FONT-WEIGHT: bold;
  /*BORDER: 1 solid #a0a0a0;*/
}
td.ramTb
{
  FONT-FAMILY: Verdana; 
  COLOR: #808080;  
  FONT-WEIGHT: bold;
  /*BORDER: 1 solid #a0a0a0;*/
}

td.ramTb
{
  FONT-FAMILY: Verdana; 
  COLOR: #6A5ACD;  
  FONT-WEIGHT: bold;
  /*BORDER: 1 solid #a0a0a0;*/
}

/*Grå Ram kring rutan*/
td.ramg5,
.clsPgray
{
  FONT-FAMILY: Verdana; 
  BACKGROUND-COLOR: #FFFFFF;
  COLOR: #000000;  
  BORDER: 1 solid #C0C0C0;
}
/*MörkGrå Ram kring rutan*/
td.ramg11
{
  FONT-FAMILY: Verdana; 
  BACKGROUND-COLOR: #FFFFFF;
  COLOR: #000000;  
  BORDER: 1 solid #696969;
}
/*Lila Ram kring rutan*/
td.ramk9
{
  FONT-FAMILY: Verdana; 
  BACKGROUND-COLOR: #FFFFFF;
  COLOR: #000000;  
  BORDER: 1 solid #DDA0DD;
}
/*Lila Ram kring rutan*/
td.ramk13
{
  FONT-FAMILY: Verdana; 
  BACKGROUND-COLOR: #FFFFFF;
  COLOR: #000000;  
  BORDER: 1 solid #6A5ACD ;
}



/*RUBRIK**********************************************************************************/
/*Rubrik som är fet, centrerad och har svarta kanter*/
.rubrik,
.clsRub,
.clsTop2,
.titel
{
  BACKGROUND-COLOR: #5C5C5C;
  COLOR: #FFFFFF;  
  FONT-SIZE: 10pt;
  
  FONT-WEIGHT: bold;
  BORDER: 1 solid #000000;
  TEXT-ALIGN: center;
}

/*Rubrik som är normal, centrerad och har svarta kanter*/
.urubrik,
.clsTop
{
  BACKGROUND-COLOR: #5C5C5C;
  FONT-SIZE: 10pt;
  COLOR: #FFFFFF;  
  FONT-WEIGHT: normal;
  BORDER: 1 solid #000000;
  TEXT-ALIGN: center;
}
/*Skuggad rubrik*/
.skuggad
{
    COLOR: #5C5C5C;
    FILTER: Shadow(color=a0a0a0,Direction=135);
    FONT-FAMILY: Verdana;
    FONT-SIZE: 16pt;
    FONT-WEIGHT: bold;
    HEIGHT: 18pt;
    WIDTH: 100%
}
.skuggad1
{
    COLOR: #6A5ACD;
    FILTER: Shadow(color=a0a0a0,Direction=135);
    FONT-FAMILY: Verdana;
    FONT-SIZE: 14pt;
    FONT-WEIGHT: bold;
    HEIGHT: 18pt;
    WIDTH: 100%
}
.skuggad2
{
    COLOR: #333333;
    FILTER: Shadow(color=a0a0a0,Direction=135);
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
    HEIGHT: 18pt;
    WIDTH: 50%
}

.skuggad2b
{
    COLOR: #333333;
    FILTER: Shadow(color=a0a0a0,Direction=135);
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
    HEIGHT: 18pt;
    WIDTH: 100%
}
.skuggad3
{
    COLOR: #778899;
    FILTER: Shadow(color=a0a0a0,Direction=135);
    FONT-FAMILY: Verdana;
    FONT-SIZE: 14pt;
    FONT-WEIGHT: bold;
    HEIGHT: 18pt;
    WIDTH: 100%
}
.skuggad4
{
    COLOR: #ADD8E6;
    FILTER: Shadow(color=a0a0a0,Direction=135);
    FONT-FAMILY: Verdana;
    FONT-SIZE: 14pt;
    FONT-WEIGHT: bold;
    HEIGHT: 18pt;
    WIDTH: 100%
}
.skuggad5
{
    COLOR: #5C5C5C;
    FILTER: Shadow(color=a0a0a0,Direction=135);
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    HEIGHT: 14pt;
    WIDTH: 100%
}
.skuggad5b
{
    COLOR: #5C5C5C;
    FILTER: Shadow(color=a0a0a0,Direction=135);
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    HEIGHT: 14pt;
    WIDTH: 100%
	TEXT-ALIGN: right;
	
}
.graytext
{
    COLOR: #5C5C5C;
    /*FILTER: Shadow(color=a0a0a0,Direction=135);*/
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    /*HEIGHT: 10pt;
    WIDTH: 20%*/
}

.skuggadT
{
    COLOR: #5C5C5C;
    FILTER: Shadow(color=a0a0a0,Direction=135);
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: normal;
    HEIGHT: 0pt;
    WIDTH: 100%
}

/*INSKRIVNINGSFÄLT************************************************************************/
/*Inskrivningsrutor och andra formulärkomponenter*/

.text,
.skriv,
.klicka,
.tryck,
.lista,
.clsInput,
.clstd
{
    COLOR: #000000;
    BACKGROUND-COLOR: #E0E0E0;
	FONT-SIZE: 8pt;
    BORDER: 1 solid #000000;
}

/*KNAPPAR*********************************************************************************/
/*Knapp för formulär*/
.knapp,
.button
{
  BACKGROUND-COLOR: #5C5C5C;
 /* BACKGROUND-COLOR: #C0C0C0;*/
  COLOR: #FFFFFF;  
  FONT-WEIGHT: normal;
  BORDER-LEFT: 2 solid #C0C0C0;
  BORDER-RIGHT: 2 solid #000000;
  BORDER-TOP: 2 solid #C0C0C0;
  BORDER-BOTTOM: 2 solid #000000;
  TEXT-ALIGN: center;
}

/*RADER***********************************************************************************/
/*Vit rad*/
.rad0,
.clsRow2
{BACKGROUND-COLOR: #FFFFFF;
 }
/*Grå rad*/
.rad1,
.clsRow
{BACKGROUND-COLOR: #E0E0E0;
}

/*FÄRGER**********************************************************************************/
/*Grund-Färger i grå nyanser*/
.g1,
.clsTD
{BACKGROUND-COLOR: #E0E0E0;}
.g2
{BACKGROUND-COLOR: #DCDCDC;}
.g3
{BACKGROUND-COLOR: #d3d3d3;}
.g4
{BACKGROUND-COLOR: #CCCCCC;}
.g5
{BACKGROUND-COLOR: #C0C0C0;}
.g6
{BACKGROUND-COLOR: #A9A9A9;}
.g7
{BACKGROUND-COLOR: #999999;}
.g8
{BACKGROUND-COLOR: #808080;  COLOR: #FFFFFF; }
.g9
{BACKGROUND-COLOR: #778899;  COLOR: #FFFFFF; }
.g10
{BACKGROUND-COLOR: #708090; COLOR: #FFFFFF; }
.g11
{BACKGROUND-COLOR: #696969; COLOR: #FFFFFF; }
.g12
{BACKGROUND-COLOR: #5C5C5C; COLOR: #FFFFFF; }
.g13
{BACKGROUND-COLOR: #333333; COLOR: #FFFFFF; }
/*Kompletterande-Färger i ljusa nyanser*/
.k1
{BACKGROUND-COLOR: #FFFFE0;}
.k2
{BACKGROUND-COLOR: #FFEFD5;}
.k3
{BACKGROUND-COLOR: #FFE4E1;}
.k4
{BACKGROUND-COLOR: #FFE4B5;}
.k5
{BACKGROUND-COLOR: #FFFACD;}
.k6
{BACKGROUND-COLOR: #F5F5F5;}
.k7
{BACKGROUND-COLOR: #EEE8AA;}
.k8
{BACKGROUND-COLOR: #E6E6FA;}
.k9
{BACKGROUND-COLOR: #DDA0DD;}
.k10
{BACKGROUND-COLOR: #D8BFD8;}
.k11
{BACKGROUND-COLOR: #D2B48C;}
.k12
{BACKGROUND-COLOR: #ADD8E6;}
.k13
{BACKGROUND-COLOR: #6A5ACD;}

/*LINJE***********************************************************************************/
/* Grund Linje GRÅ */
HR,
.linje_g
{
  color: #E0E0E0;
}

/* Linje Röd */
.HRR,
.linje_r
{
  color: #FF0000;
}
/* Linje Svart */
.HRS,
.linje_s
{
  color: #000000;
}
/* Linje Mörk Grå */
.HRG,
linje_mg
{
  color: #5C5C5C;
}

/*ÖVRIGT**********************************************************************************/
/*Vit dold länk*/
.clsHidden A:link 
{
  text-decoration: none;
  font-weight: normal;
  color: #FFFFFF;
}

.clsHidden A:visited 
{
  text-decoration: none;
  font-weight: normal;
  color: #FFFFFF;
}

.clsHidden A:hover 
{
  text-decoration: underline;
  font-weight: normal;
  color: #FFFFFF;
}
td.hurb
{
  font-weight: bold;
  color: #5C5C5C;
  TEXT-ALIGN: center;
  FONT-FAMILY: Verdana;
    FONT-SIZE: 12pt;
}
td.hurb2
{
  /*font-weight: bold;*/
  color: #5C5C5C;
  TEXT-ALIGN: center;
  FONT-FAMILY: Verdana;
  FONT-SIZE: 10pt;
}