
      
        BODY, TD, select, P, A, LEGEND,
        H1, H2, H3, H4, H5, H6, TH,
        input, textarea, legend    
                          {   font-family:Sans Serif, tahoma, verdana, arial, trebuchet MS;
                            color:black;
                            font-size:11px;}
        img {
            border: 0px;
        }        
                            
                                                                    
        HR              {   height : 1px;
                            color: #B5BFB8;}
                            
        select, _input,
        textarea        {   color:steelblue;
                            background-color:#DFDFDF;}
        
        H1, H1.contrast {   font-size: 180%;
                            font-weight: normal;
                            color: darkblue;}
                            
        H1.contrast     {   color: #1F3325;
                            font-weight: normal;}
    
        H2, H2.contrast {   font-size: 160%;
                            font-weight: normal;
                            color: darkblue;
                            margin-bottom: 3px;
                            margin-top: 3px;}
                            
        H2.contrast     {   color: #1F3325;
                            font-weight: normal;}
        
        H3, H3.contrast, .h3 {   font-size: 140%;
                            font-weight: bold;
                            color: darkblue;}
                            
        H3.contrast     {   color: #1F3325}
        
        H4, H4.contrast {   font-size: 120%;
                            font-weight: bold;
                            color: darkblue;
                            text-decoration: none;
                            margin-bottom: 3px;
                            margin-top: 3px;}
                            
        H4.contrast     {   color: #1F3325}
        
        H5, H5.contrast {   font-size: 100%;
                            font-weight: bold;
                            margin-bottom: 3px;
                            margin-top: 3px;}
                            
        H5.contrast     {   color: #1F3325}
        
        .button, button         {   width: 90px}
                              
        A:link       
                        {   color:darkblue;
                            text-decoration:none;}
                            
        A:visited       
                        {   color:darkblue;
                            text-decoration:none;}
                
        A:hover         
                        {   color:darkblue;
                            text-decoration:underline;}
        
        A.panellink:link{   margin-top: 1px;
                            padding-left: 4px;
                            margin-bottom: 2px;
                            margin-left: 2px;
                            width: 150px;
                            color: darkblue;
                            height: 22px;
                            text-decoration: none;}
                        
        A.panellink:visited
                        {   margin-top: 1px;
                            padding-left: 4px;
                            margin-bottom: 2px;
                            margin-left: 2px;
                            width: 140px;
                            color: darkblue;
                            height: 20px;
                            text-decoration: none;
                        }
        A.panellink:active
                        {   padding-left: 4px;
                            color: darkblue;
                            text-decoration: none;
                            width:140px;
                            height:20px;
                        }
        A.panellink:hover
                        {   text-decoration: none;
                            background-color:paleturquoise;
                            border-right: darkblue 1px solid;
                            border-top: darkblue 1px solid;
                            border-left: darkblue 1px solid;
                            border-bottom: darkblue 1px solid;
                            width:140px;
                            margin-top:0px;
                            margin-left:1px;
                            margin-bottom:3px;
                            color:Black;
                            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#FFFEE080);
                        }
        
        A.panelLinkDisabled  
                        {   margin-top: 1px;
                            padding-left: 4px;
                            margin-bottom: 2px;
                            margin-left: 2px;
                            width: 150px;
                            color: black;
                            height: 20px;}
        
        .panelGroupCaption
                        {   font-weight:bold;
                            padding-left:5px;}
        
        UL.ul_Hor_None  {   margin-left:0px;}
        
        UL.ul_Hor_None LI   
                        {   list-style-type:none;}
        
        HR.panelDivider {   border-top: outset 1px lightsteelblue;
                            padding-left: 0px;
                            padding-top: 0px;
                            padding-right: 0px;
                            margin-top: 0px;}

/* for statistics component */
.statslist {
    float:left;
    width:165px;
}

        .topbar
                         {  background-color: #ffffff;





/* KIRNE  KOLLA HÄR */ 
                            background: lightsteelblue url(/systemimages/mj_big.png) repeat-y top left;                            
                            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=lightsteelblue);
                        }
        
        .sideBar        {   padding-left: 3px;
                            padding-right: 3px;
                            background-color: lightsteelblue;                            
/* KIRNE  KOLLA HÄR */                 
                            background: lightsteelblue url(/systemimages/mj.png) repeat-y top left;
                            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=lavender, endColorstr=lightsteelblue);
                        }
                            
        .tabOff         {   font-weight: bold;
                            Background-color:#9DD8A2;
                            color:#3E5BB2;
                            border-top:3px solid whitesmoke;
                            border-left:1px solid whitesmoke;
                            border-right:1px solid royalblue;
                            border-bottom:1px solid royalblue;
                            padding-left:5px;
                            padding-right:5px;
                            padding-top:1px;
                            padding-bottom:1px;
                            cursor:pointer;
                            cursor:hand;
                            font-size: 12px;}
        
        .tabOn          {   font-weight: bold;
                            Background-color:lightsteelblue;
                            color:#3E5BB2;
                            border-top:3px solid whitesmoke;
                            border-left:1px solid whitesmoke;
                            border-right:1px solid royalblue;
                            border-bottom:1px solid lightsteelblue;
                            padding-left:5px;
                            padding-right:5px;
                            padding-top:1px;
                            padding-bottom:1px;
                            cursor:pointer;
                            cursor:hand;
                            font-size: 12px;}
        
        .tabhover       {   font-weight: bold;
                            Background-color:lightsteelblue;
                            color:#3E5BB2;
                            border-top:3px solid paleturquoise;
                            border-left:1px solid whitesmoke;
                            border-right:1px solid royalblue;
                            border-bottom:1px solid royalblue;
                            padding-left:5px;
                            padding-right:5px;
                            padding-top:1px;
                            padding-bottom:1px;
                            cursor:pointer;
                            cursor:hand;
                            font-size: 12px;}
        .afterTabs,
        .betweenTabs    {   border-bottom:1px solid royalblue;}
        
        .afterTabsAlt, .tabNone,
        .betweenTabsAlt {   border-bottom:1px solid royalblue;}
        
        .behindTabs     
                        {   }
        
        .tabContent,
        .tabBottom      {   border-left:1px solid whitesmoke;
                            border-right:1px solid royalblue;
                            border-bottom:1px solid royalblue;}
        
        .w3ss_toolbar   {   height: 24px;
                            border-bottom: darkblue 1px solid;
                            cell-padding:0;
                            cell-spacing:0;
                            border-collapse:collapse;
                            background-color:lightsteelblue;
                            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=lavender, endColorstr=lightsteelblue);}
                            
        .w3ss_toolbar TD{   margin:0px;
                            margin-top:0px;
                            border:0px solid;
                            padding-right: 1px;
                            padding-left: 1px; 
                            }
        .w3ss_toolbar TH{   
                            margin:0px;
                            border:0px solid;
                            padding:0px;}
        
        .w3ss_toolbar A:visited,
        .w3ss_toolbar A:active,
        .w3ss_toolbar A:link   
                        {   padding-top: 1px;
                            padding-right: 4px;
                            padding-left: 4px;
                            padding-bottom: 0px;
                            margin-top: 1px;
                            margin-bottom: 1px;
                            margin-left: 1px;
                            margin-right: 1px;
                            color: darkblue;
                            height: 18px;
                            text-decoration: none;
                            border-right: inset 2px lightsteelblue;}
                        
        .w3ss_toolbar A:hover
                        {   text-decoration: none;
                            background-color:paleturquoise;
                            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#FFFEE080);
                            border-right: darkblue 1px solid;
                            border-top: darkblue 1px solid;
                            border-left: darkblue 1px solid;
                            border-bottom: darkblue 1px solid;
                            padding-top: 1px;
                            padding-bottom: 1px;
                            padding-right: 4px;
                            padding-left: 4px;
                            margin-top: 0px;
                            margin-bottom: 0px;
                            margin-left: 0px;
                            margin-right: 2px;
                            color:Black;}
                            
        
/* plate */        
        .plate,
        .panelPlate     {   background: lightsteelblue;
                            border: 1px #B5BFB8 solid;
                            border-collapse:collapse;}
        
        .plate TH,
        .plateHead,
        .panelPlate TH  {   font-weight:bold;
                            text-align:left;
                            vertical-align:middle;
                            height:24px; 
                            padding-top: 1px;
                            padding-bottom: 1px;
                            padding-left: 5px;
                            padding-right: 5px;
                            border-bottom: 1px #B5BFB8 solid;
                            border-top: 1px #B5BFB8 solid;
/*KIRNE  KOLLA HÄR*/                            
                            background: gray url(/systemimages/mj_small.png) repeat-x top left;                            
                            filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='gray');                     
                            color: #3E5BB2;
                            background: gray;}
        
        .panelPlate A, 
        .plate A        {   color: darkblue;}
        
        .panelPlate A:hover, 
        .plate A:hover  {   color: darkred;}


/* box          Front is deprecated, use .box instead */
        .box, .Front    {   background: #DFDFDF;
                            border: 1px solid #B5BFB8;
                            border-collapse:collapse;}
        .plate TD,
        .Box TD         {   padding-left:5px;
                            padding-right:5px;
                            }
        .box TH,
        .boxHead, 
        .Front TH       {   font-weight:bold;
                            text-align:left;
                            vertical-align:middle;
                            height:24px; 
                            padding-top: 1px;
                            padding-bottom: 1px;
                            padding-left: 5px;
                            padding-right: 5px;
                            color: #3E5BB2;
                            background: gray;
                            border-bottom: 1px solid #B5BFB8;
/*KIRNE  KOLLA HÄR*/                            
                            background: gray url(/systemimages/mj_small.png) repeat-x top left;                            
                            filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='gray');}

/* panel */
        .panel          {   border-collapse:collapse;}
        
        .panelHead,
        .panel TH       {   font-weight:bold;
                            text-align:left;
                            vertical-align:middle;
                            height:24px; 
                            padding-top: 1px;
                            padding-bottom: 1px;
                            padding-left: 5px;
                            padding-right: 5px;
                            color: #3E5BB2;
                            background: gray;
                            border: 1px solid #B5BFB8;
/* KIRNE */
                            background: gray url(/systemimages/mj_small.png) repeat-x top left;                            
                            filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='gray');}
                            
/* grid */        
        .grid,
        .altGrid,
        .sheet          {   /* disables the different colors on the header border....  border-collapse:collapse;*/
                            padding-top: 0px;
                            padding-bottom: 0px;
                            font-weight: normal;
                            padding-left: 1px;
                            padding-right: 1px;
                            background: #DFDFDF;
                            border-left: 1px steelblue solid;
                            border-top: 1px steelblue solid;
                            border-right: 1px steelblue solid;
                            border-bottom: 1px steelblue solid;}
    
        .grid TH,
        .altGridTH,
        .altGrid TH,
        .sheet TH       {   background-color: #DFDFDF;
                            font-weight: normal;
                            color:steelblue;
                            text-align:left;
                            vertical-align:middle;
                            height:17px;
                            margin: 0px;
                            padding-left: 5px;
                            padding-right: 5px;
                            padding-top: 1px;
                            padding-bottom: 1px;
                            border: #DFDFDF solid;
                            border-left: 1px #DFDFDF solid;
                            border-top: 1px #DFDFDF solid;
                            border-right: 1px steelblue solid;
                            border-bottom: 1px steelblue solid;}
    
        .grid TD,
        .altGrid TD,
        .sheet TD       {   font-weight: normal;
                            border-bottom: 1px #DFDFDF solid;
                            color: steelblue;
                            padding-left: 5px;
                            padding-right: 5px;
                            margin: 0px;}
        
        
        .altGridTH,
        .altGrid TH     {   
                            filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='gray');}       
        
/* infolist */    
        .infolist       {   background: #DFDFDF;
                            border-collapse:collapse;
                            border-left: 1px  solid;
                            border-right: 1px  solid; 
                            border-bottom: 1px  solid; 
                            border-top: 1px  solid;}
        
        .infolist th    {   background: #DFDFDF; 
                            text-decoration: none;
                            font-weight: bold;
                            height:17px;
                            font-size: 12px;
                            text-align:left;
                            color: ;
                            padding-top: 1px;
                            padding-bottom: 1px;
                            padding-left: 5px;
                            padding-right: 5px;}
    
        .infolist TD    {   border-left: 1px #DFDFDF solid;
                            border-top: 1px #DFDFDF solid;
                            border-right: 1px #DFDFDF solid;
                            border-bottom: 1px #DFDFDF solid;
                            padding-left: 5px;
                            padding-right: 5px;
                            color: black;}
    
/* Theme colors are used at various places to pick up the main color theme */
        .themeBright    {   background: lavender;
                            background-color: lavender;
                            bg: lavender;}
        
        .themeDark      {   background: lightsteelblue;
                            background-color: lightsteelblue;
                            bg: lightsteelblue;}

/* Calendar classes */
        .selectedDay    {   background-color: darkblue;
                            color: lightsteelblue;}
        
                
        .weekNbr        {   font-size:10px;
                            text-align:center;
                            border-right:1px dotted #B5BFB8;}
        
        .calendar 
                        {   background: #e1e1e1;
                            color: black;
                            font-size: Small;}
        
        .calendar BODY  {   color: black;
                            font-size: 10px;}
        
        .calendar TD    {   color: black;
                            font-size: 10px;}
        
        .calendar TH    {   background: #110055;
                            color: #ffffff;
                            font-size: 8px;
                            font-weight: bold}
        
        .calendar A     {   color: black;
                            text-decoration: underline;}
        
        .calendar .today {  color: #ff0000;
                            border: 1px solid maroon;}
        
                            
/* Used when display search results */                                                               
        .highlight       {  background-color: paleturquoise;
                            color: #DFDFDF;
                            border-left: 4px solid paleturquoise;
                            border-right: 4px solid paleturquoise;}
        
/* The following classes are used when display publishing status on pages for example in lists  */                    
        .ht, A.ht:link, A.ht:visited, A.ht:hover             
                        {   color:gray;
                            font-style:italic;}
                      
        .vt             
                        {   color:black;}
                             
        .htnopub, A.htnopub:link, A.htnopub:visited, A.htnopub:hover        
                        {   color:orange;
                            font-style:italic;};
                             
        .vtnopub, A.vtnopub:link, A.vtnopub:visited, A.vtnopub:hover        
                        {   color:orange;};
                             
        .htexp, A.htexp:link, A.htexp:visited, A.htexp:hover          
                        {   color:red;
                            font-style:italic;};
                             
        .vtexp, A.vtexp:link, A.vtexp:visited, A.vtexp:hover
                        {   color:red;};

 
    