/* LITT BASICS OM BRUKEN  (metode for kommentar er som en ser lik som i CL-pgm ) 
   definisjonene er IKKE casesensitive (men en ser anbefalinger om kun små, XML/framtidig..)  

   definisjoner som "går rett på" en gitt tag er standard overstyringer. 
      - disse brukes så sant de ikke er spesifikt overstyrt i den enkelte html: 
      - eksempel:    BODY {....
      - eksemp. 2:   td {font-size:  8pt; font-family: arial, helvetica, helv}

   definisjoner som begynner med . er KLASSER 	
      - de må aktivt trigges i den enkelte html: 
      - eksempel:    <div class="centeredtitle">e-SPED - blabla.. </DIV>  
      - eksemp. 2:   <fieldset class="fieldset">
      - eksemp. 3:   <body class="BODY2">  Vil OVERSTYRE også CSS-ens normale BODY-definisjon
    
*/ 
	   
.centeredtitle { color: #1E90FF; font-weight: Bold; font-size: 20pt }
.title { font-weight: Bold; font-size: 24pt; font-family: souvenir lt bt, verdana, serif; align: center}    
.subtitle { font-weight: Bold; font-size: 12pt; font-family: souvenir lt bt, verdana, serif; align: center} 
.reg {font-size: 10pt; font-family: arial, helvetica, helv}                                                 
.mono {font-size: 10pt; font-family: courier}                                                               
.bb {font-size: 12pt; color: blue; font-weight: bold; font-family: arial, helvetica, helv}                  
.brushr {font-size: 24pt; color: red; font-family: brush script, souvenir lt bt, verdana, arial}            
th {font-size: 10pt; font-family: arial, helvetica}                                                         
td {font-size:  8pt; font-family: arial, helvetica, helv}
/*body {font-size:10pt; font-family: arial, helvetica, helv} */

/* DIV RGB-KODEKART 
    	http://www.keller.com/rgb.html
	http://www.eq5.net/dig/216hl.html
*/
BODY {
  font-size:10pt; 
  font-family: arial, helvetica, helv;
  background-color: #E6E6FA;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
}





fieldset {
  border: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #666699;
}

legend {
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  color: #666699;
  font-weight: bold;
}

thead th
{
    font-weight: bold;
    cursor: pointer;
    font-size: 14pt; 
    font-family: arial, helvetica;
}
tbody td,
thead th
{
    padding: 3px;
}

tbody tr.clickable
{
    cursor: pointer;
}


.header
{
    
    overflow: auto;
    margin-bottom: 5px;
    /*border: 1 px solid red;*/
    
}
.footer
{
    overflow: auto;
}
.dataTables_scrollHeadInner
{
    background-color:#B0E0E6
}


.sorting
{
    background:url('./icons/sort_both.png') no-repeat center right;
}
.sorting_asc
{
    background:url('./icons/sort_asc.png') no-repeat center right;
}
.sorting_desc
{
    background:url('./icons/sort_desc.png') no-repeat center right;
}




.dataTables_scroll
{
    border : 1px solid black;
    margin-top:5px;
    margin-bottom:5px;
	background-color: #DCDCDC;
}
	.odd 
	{
		background-color: #F8F8FF;
	}
	.even 
	{
	/*	background-color: #E6E6FA; */ 
	background-color: #DCDCDC;
	}

.footer span,
.toolbar span,
.toolbar label
{
    margin-right: 5px;
    margin-left: 5px;
}


.hover
{
	background-color: #ECFFB3;
	color: blue;
}

.toolbar_wrapper div
{
    display: inline;
}
    .toolbar_wrapper div.dataTables_filter
    {
        float: right;
        margin-right: 25px;
    }

.highlight { background-color: yellow }

