
BODY {
	font-weight: normal;
	font-size: 0.8em;
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana, Helvetica, sans-serif;
	letter-spacing: normal;
	background-color: #eeeeee; 	/*** Kalle  ändrat färg  ***/
	margin: 8 px;			/*** Kalle lagt till marginal ***/	
}


H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1.0em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	


A:link
{
	color: #3333cc;
	text-decoration: none;
}	
		
A:visited	
{
	color: #3333cc;	
	text-decoration:	none;
	}	
		
A:active	
{
	color: #3333cc;	
	text-decoration:	none;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

IMG 	{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	}
	

/* ========================= */
/* Yttre ramen och sidhuvudet */
/* ========================= */
/* Yttre ram runt hela applikationen */
.ram_yttre
	{
	border: 1px solid #000000 !important;
	height: 100%;
	background-color: #F2EABC;
	/*background-color: #FFFFCC;*/
	}


/* Bredd på huvudinnehåll */
#tbcBody {
	width: 70%;	
}

/* Bredd på sidoguide */
#tbcSidoGuide {
	width: 30%;	
}


/* Sidhuvud */
.img_kemistatlogga {
	margin-bottom: 3px;
}

.hyp_kemilogga {
	}

.hyp_sprak, .hyp_close  {
	font-size: 80%;
}
	

.tabell_header
	{
	border-bottom: 1px solid #000000;
	}
.rubrik_testversion {
	visibility: hidden; /* Visa? */
	font-weight: bolder;
	font-size: 0.8em;
	margin-bottom: 3px;
	text-transform: uppercase;
	color: darkred;
	margin-right: 0.8em;
	margin-left: 0.8em;
	white-space: nowrap; 
}

#tbrHeader
	{
	height: 50px;
	}

#tbcHypKemI
	{
	padding: 5px;
	}

/* Div som omsluter hela sidan */
#wrapper
	{
	padding: 0px;
	}

/* Sidfot */
.text_sidfot {
	font-size: 0.5em;
	color: dimgray;
	white-space: nowrap;
}

.tabellrad_sidfot {
	}

.tabellcell_sidfot {
	border-top: black 1px solid;
	height: 15px;
	cursor: hand;
}


	
/* ========================= */
/* Söksidan (start.aspx) */
/* ========================= */

/* Rubrik i header */
.rubrik_header 
{
	font-weight: bold;
	font-size: 170%;
	color: #f45a18;
}

/* Överrubriker (numrerade) */
.rubrik_sok
{
	font-size: 0.8em;
	white-space: nowrap;
	}
	
/* Numrering i överrubriker */
.rubrik_nr_sok
{
	font-size: 0.8em;
	white-space: nowrap;
	font-weight: bolder;
	}
	
/*** Underrubriker  ***/
.rubrik_val_sok
{
	font-size: 0.8em;
	white-space: nowrap;
	}
	
/*** Resultattabell efter ämnes- eller kvantitetssökning ***/
.amne_traffarpersida, .amne_hyp_pager
{
	font-size: 0.8em;
	}
.amne_cas, .amne_hyp_addtokorg, .amne_hyp_amnesinfo, .amne_kvant, .amne_antal {
	font-size: 0.8em;
	}

.AmneResultat_HuvudNamn 
{
	font-size: 0.8em;
	font-weight: bold  ;
	}
	
.AmneResultat_Synonym
{
	font-size: 0.8em;
	font-weight: normal;
	font-style: italic;   
	}

/*** Texter till radioknappar ***/
.text_radiobtn_sok
{
	font-size: 0.8em;
	white-space: nowrap;
	}

/*** Dropdownlister ***/
.dropdown_sok
	{
	font-size: 0.8em;
	white-space: nowrap;
	}
	
/*** Listboxar ***/
.listbox_sok
{
	width: 200px;
	font-size: 0.8em;
	white-space: nowrap;
}


/*** Knappar ***/
.knapp 
	{ 
	border: #6699cc 1px solid;
	
	font-weight: normal;
	font-size: 0.8em;
	
	color: #006699;
	
	background-color: #ddd;
	cursor: hand;
	}
	
#btnStart_Anv_Lbx1_Pick, #btnStart_Anv_Lbx2_Pick {
	margin-bottom: 3px;
}

/*** Sammanfattade felmeddelanden nederst på sidan (berättar för användaren varför det inte gick att utföra åtgärden) ***/
.felmeddelande_sok {
		color: red;
	font-size: 0.8em;
	font-weight: bolder; 
	margin-top: 0.5em;
}

/*** Symbol (eller text) som dyker upp i närheten av kontrollen på sidan som genererade felmeddelandet ***/
.errorsymbol_sok {
	color: red;
	font-size: 1.0em;
	font-weight: bolder;
	}

/*** Några specialare ***/
.mindre1 {
	font-size:70%; }
	
SELECT {
	border: solid 1px #3366cc;}
	

/* =============================== */
/* Snabbinfo (SidoGuiden med sidoinforuta + tillfällig ruta som placeras på valfri plats) */
/* =============================== */

/* Överrubrik */
.rubrik_1_snabbinfo {
	display: block;
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 0.8em;
	color: black;
	font-style: normal;
}

/* Brödtext i snabbinfo-texten */
.brodtext_snabbinfo
{
	font-size: 70%;		/**** Kalle B ändrat från 80% ***/
	font-weight: normal;   
}

/* Brödtext i liten sitl i snabbinfo-texten */
.brodtext_liten_snabbinfo
{
	font-size: 90%;  /**** 90% av storlek i div där texten förekommer ***/
	font-weight: bold;
}

/* Länkar i snabbinfo-texten */
.SidoLnk 
{
	/*font-size: 90%;*/
	font-weight: bold;
	}

/* Div som innehåller den fasta snabbinfo-texten */
#pnlSido_Fast
{
	position: absolute;
	}
	
/* Div som innehåller tillfällig info-ruta som visas i sidoguiden("sidoruta") (tänds och släcks med hjälp av javascript-länkar)*/
#pnlSido_Alt 
{
	position: absolute;
	background-color: #ffff99;
}

.close_sidoruta {
	font-size: 80%;
	border-right: red 1px solid;
	border-top: red 1px solid;
	font-weight: bold;
	border-left: red 1px solid;
	color: red;
	border-bottom: red 1px solid;
}


.rubrik_sidoruta {
	font-size: 80%;
	font-weight: bold;
	}
	
.brodtext_sidoruta {
	font-size: 80%;
	font-weight: normal;
	}

/* Div som innehåller tillfällig informatio (tänds och släcks med hjälp av javascript-länkar)*/
#divPopUp
{
	position: absolute;
	background-color: #ffff99;
}

/* ========================= */
/* Grafsidor (ViewGraph.aspx och AmneInfo.aspx) */
/* ========================= */

/* Radioknappar i sidhuvudet */
.text_radiobtn_enhet {
	font-size: 0.8em;
	}
	
/* Hyperlänkar i sidhuvudet */
.hyp_toparent, hyp_close {
	font-size: 0.8em;
	}

/*** Hyperlänk på sidan ***/
.hyp_download
	{
	font-size: 0.8em;
	white-space: nowrap;
	}

/*** Rubriker på sidan ***/
.rubrik_graf, .rubrik_raderitabell_graf
	{
	font-size: 0.8em;
	white-space: nowrap;
	font-weight: bolder; 
	}
	
.rubrik_raderitabell_graf
	{
	font-size: 0.8em;
	white-space: nowrap;
	font-weight: normal; 
	}

/*** Dropdownlister på sidan ***/
.dropdown_graf
	{
	font-size: 0.8em;
	white-space: nowrap;
	}

/* ========================= */
/* Tabeller (grid) */
/* ========================= */

.GridAll {
	border-collapse: collapse;
	border: solid 1px #000000;
	color: #000000;
	font-family: Verdana, Aria;
	background-color: white;
}

.GridAll td {
	border-bottom: 1px solid #000000;
	border-top:  1px solid #000000;
}

.GridHeader {
	font-weight: bold;
	color: black;
	font-family: Verdana, Arial;
	background-color: orange;
}

.GridAlternatingItem {
	background-color: palegoldenrod;
}

.GridAlternatingItem td {
	border-bottom: 1px solid #000000;
	border-top:  1px solid #000000;
}

.GridEditItem
{
	background-color: darkgray;
}


.GridHeader td
	{
	border: 1px solid #000000;
	padding: 4px;
	font-size: 0.8em;
	}

.dgTabellColTxt, .dgTabellColValue, .dgTabellColCAS
	{
	border: 1px solid #000000;
	padding: 4px;
	font-size: 0.8em;
	}

.tabell_sok, .tabell_graf /*** Skapar en yttre ram runt hela tabellen ***/
	{
	border: 1px solid #000000; 
	}

