/*============================================================================

            CASCADING STYLE SHEET FOR OLLSE - VERSION 2.0a
            ==============================================
                      Original by: M. Borjeson

   Web-page is composed by rectangular areas, here called ZONES.
   Each type of zone is used for a particular type of informaiton.
   The MENU zone is used for menu bars, the MAIN zone is used
   for the maian page information, the FOOT zones is used for page
   footer information etc.
   
   In the HTML source code, nested tables are used to specify the position
   and size of the zones. The name of a zone is defined by assigning
   an ID to the HTML element instrumenting the zone (typically a table
   cell).
   
   This file defines both general styles (independently of zone) and
   zone-specific styles for the following types of zones:

     ZONES  (Table IDs)
   ----------------------------------------------------------------
     CDT2      Entire page, containing all other zones
       HEAD      Page Head (Top)
       MENU      Menu
       BODY      Page body, including MAIN and optional TITLE and SIDE zones
         TITLE     Page title
         MAIN      Main information
         SIDE      Optional side columns
       FOOT      Page Foot zone
	 
   In order to simplify web design and maintenance, the combined HTML
   and style sheet architecture reduces the need to set (and maintain)
   class identifiers for a lot of individual (detailed) HTML-elements.
   Here, each style definition is typically bound to a unique combination
   of zone (see above), class(es) and HTML-tag(s), as described
   in the following examples:

   Example 1: Style: #MAIN h1 - This style applies to all Headline-1 
              paragraphs inside the MAIN zone.

   Example 2: Style: #SIDE .LinkList td a - This style applies only
              to links in table cells within the scope
              of class LinkList inside the SIDE zone.

============================================================================*/
body {
background-color: #999;
}
table.CDT2 {
width: 800px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 0px;
}
/*============================================================================
          IDs for page ZONES
============================================================================*/
td#HEAD {
width: 800px;
height: 150px;
padding: 0px 0px 0px 0px;
vertical-align: top;
}
table#HEAD {
width: 800px;
height: 150px;
margin: 0px 0px 0px 0px;
border-width: 0px;
}
#ENG table#HEAD {
background-image: url("/main.php/_openitem?item=11321443");
}
#SWE table#HEAD {
background-image: url("/main.php/_openitem?item=11321444");
}
/*===================================*/
td#MENU {
width: 800px;
height: 36px;
padding: 0px 0px 0px 0px;
vertical-align: top;
}
table#MENU {
width: 800px;
height: 36px;
margin: 0px 0px 0px 0px;
background-image: URL("/main.php/_openitem?item=11321447");
}
#MENU table#OBJECT {
width: 600px;
height: 20px;
margin: 0px 0px 0px 0px;
background-color: #95D9F0;
}
#MENU iframe {
width: 600px;
height: 20px;
margin: 2px 0px 0px 0px;
}
#MENU th {
padding: 2px 0px 4px 0px;
vertical-align: middle;
}
th#FLAG {
width: 40px;
padding: 6px 0px 2px 0px;
text-align: center;  
vertical-align: middle;
}
/*===================================*/
td#BODY {
width: 800px;
padding: 0px 0px 0px 0px;
text-align: left;
vertical-align: top;
}
table#BODY {
width: 800px;
text-align: left;
margin: 0px 0px 0px 0px;
background-image: URL("/main.php/_openitem?item=11321440");
}
/*===================================*/
td#MARGL {
width: 80px;
padding: 0px 0px 0px 0px;
}
td#MARGR {
width: 80px;
padding: 0px 0px 0px 0px;
}
td#MARGB {
width: 28px;
padding: 0px 0px 0px 0px;
}
/*===================================*/
td#TITLE {
padding: 0px 0px 0px 0px;
vertical-align: top;
}
table#TITLE {
width: 100%;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #9CF;
}
/*===================================*/
td#MAIN {
width: 430px;
padding: 0px 0px 0px 0px;
vertical-align: top;
}
td#MAINFLEX {
padding: 0px 0px 0px 0px;
vertical-align: top;
}
td#MAINFLEXUL {
padding: 0px 0px 0px 0px;
vertical-align: top;
border-bottom: 1px solid #9CF;
}
table#MAIN {
width: 100%;
margin: 0px 0px 0px 0px;
}
/*===================================*/
iframe#DIARY {
width: 625;
height: 300;
margin: 0px 0px 0px 0px;
border-width: 0px
}
/*===================================*/
td#SIDE {
width: 180px;
padding: 0px 0px 0px 0px;
vertical-align: top;
}
td#SIDEFLEX {
padding: 0px 0px 0px 0px;
vertical-align: top;
}
table#SIDE {
width: 100%;
margin: 0px 0px 0px 0px;
}
/*===================================*/
td#FOOT {
width: 800px;
height: 100px;
padding: 0px 0px 0px 0px;
vertical-align: top;
}
table#FOOT {
width: 800px;
height: 100px;
margin: 0px 0px 0px 0px;
}
#ENG table#FOOT {
background-image: URL("/main.php/_openitem?item=11321441");
}
#SWE table#FOOT {
background-image: URL("/main.php/_openitem?item=11321441");
}
#FOOT th {
height: 40px;
padding: 2px 0px 2px 0px;
vertical-align: middle;
}
iframe#FOOT {
width: 600px;
height: 20px;
margin: 2px 0px 0px 0px;
}
/*============================================================================
                 HANDLING OF LINKS (HOVERING ETC)
============================================================================*/
#MENU a:Hover img {
border-width: 1px 1px 1px 1px;
border-color: #00F;
background-color: #CCC;
}
a:Hover img {
border-width: 1px 1px 1px 1px;
border-color: #00F;
background-color: #EEEEEE;
}
a:Hover {
color: #FFF;
background-color: #00F;
}
#MENU a img {
border-width: 1px 1px 1px 1px;
border-color: #95D9F0;
}
a img {
border-width: 1px 1px 1px 1px;
border-color: #FFF;
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #00F;
text-decoration: none;
}
/*============================================================================
                 CLASSES for general text positioning and rendering
============================================================================*/
.FloatLeft {
float: left;
}
.FloatRight {
float: right;
}
.TextUnderline {
border-bottom: 1px solid #666;
}
/*============================================================================
            Classes for Font Sizes
============================================================================*/
.FontMenu p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align: center;
margin: 0px 0px 0px 0px;
}
/*===================================*/
.FontFoot p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align: center;
margin: 0px 0px 0px 0px;
}
/*===================================*/
.FontTitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-size: 20px;
margin: 18px 0px 4px 0px;
}
.FontTitle h1 {
color: #333;
font-size: 20px;
font-weight: bold;
margin: 15px 0px 4px 0px;
}
.FontTitle h2 {
color: #333;
font-size: 16px;
font-weight: bold;
margin: 15px 0px 4px 0px;
}
.FontTitle h3 {
color: #333;
font-size: 14px;
font-weight: bold;
margin: 15px 0px 4px 15px;
}
.FontTitle h4 {
color: #333;
font-size: 12px;
font-weight: bold;
margin: 8px 0px 4px 0px;
}
.FontTitle p {
color: #333;
font-size: 12px;
margin: 4px 0px 4px 0px;
}
/*===================================*/
.FontNormal {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-size: 12px;
}
.FontNormal h1 {
color: #333;
font-size: 18px;
font-weight: bold;
margin: 18px 0px 3px 0px;
}
.FontNormal h2 {
color: #333;
font-size: 14px;
font-weight: bold;
margin: 14px 0px 2px 2px;
}
.FontNormal h3 {
color: #333;
font-size: 12px;
font-weight: bold;
margin: 8px 0px 2px 15px;
}
.FontNormal h4 {
color: #333;
font-size: 12px;
font-weight: bold;
margin: 4px 0px 2px 15px;
}
.FontNormal p {
color: #333;
font-size: 12px;
margin: 4px 0px 2px 15px;
}
.FontNormal ul {
margin: 6px 0px 0px 0px;
text-align: left;
list-style-position: outside;
color: #333;
font-size: 12px;
}
.FontNormal ul.ListDot {
list-style-image: url("/main.php/_openitem?item=11567132");
padding: 0px 0px 0px 30px;
}
.FontNormal ul.ListLink {
list-style-image: url("/main.php/_openitem?item=11567135");
padding: 0px 0px 0px 30px;
}
.FontNormal li {
margin: 0px 0px 5px 0px;
}
/*===================================*/
.FontMini {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-size: 11px;
}
.FontMini h1 {
color: #333;
font-size: 16px;
font-weight: bold;
margin: 14px 0px 2px 0px;
}
.FontMini h2 {
color: #333;
font-size: 14px;
font-weight: bold;
margin: 12px 0px 2px 2px;
}
.FontMini h3 {
color: #333;
font-size: 12px;
font-weight: bold;
margin: 6px 0px 2px 5px;
}
.FontMini h4 {
color: #333;
font-size: 11px;
font-weight: bold;
margin: 4px 0px 2px 5px;
}
.FontMini p {
color: #333;
font-size: 11px;
margin: 4px 0px 2px 5px;
}
.FontMini ul {
margin: 0px 0px 0px 0px;
list-style-position: outside;
text-align: left;
color: #333;
font-size: 11px;
}
.FontMini ul.ListDot {
padding: 0px 0px 0px 20px;
list-style-image:  url("/main.php/_openitem?item=11304971");
}
.FontMini ul.ListLink {
padding: 0px 0px 0px 20px;
list-style-image:  url("/main.php/_openitem?item=11567134");
}
.FontMini li {
margin: 0px 5px 4px 0px;
}
/*===================================*/
.FontMicro {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-size: 9px;
margin: 4px 0px 0px 0px;
}
.FontMicro h1 {
color: #333;
font-size: 12px;
font-weight: bold;
margin: 12px 0px 2px 0px;
}
.FontMicro h2 {
color: #333;
font-size: 10px;
font-weight: bold;
margin: 11px 0px 2px 0px;
}
.FontMicro h3 {
color: #333;
font-size: 9px;
font-weight: bold;
margin: 5px 0px 1px 4px;
}
.FontMicro h4 {
color: #333;
font-size: 9px;
font-weight: bold;
margin: 4px 0px 1px 4px;
}
.FontMicro p {
color: #333;
font-size: 9px;
margin: 4px 0px 0px 4px;
}
.FontMicro ul.ListDot {
list-style-image:  url(src="/main.php/_openitem?item=12107791");
list-style-position: outside;
color: #333;
font-size: 9px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 24px;
}
.FontMicro .ListDot li {
margin: 0px 0px 4px 0px;
}
/*============================================================================
                 CLASSES for various Table formats
============================================================================*/
table#TCOL {
margin: 4px 0px 0px 0px;
}
#TCOL td {
padding: 2px 5px 2px 5px;
}
#TCOL th {
padding: 2px 5px 2px 5px;
}
/*===================================*/
table#TEVENT {
width: 100%;
margin: 0px 0px 0px 0px;
background-color: #FFF;
}
#TEVENT th {
width: 110px;
padding: 3px 0px 2px 0px;
text-align: right;
font-weight: normal;
}
#TEVENT th p {
margin-right: 5px;
}
#TEVENT td {
padding: 3px 0px 2px 0px;
}
#OBJ table#TEVENT {
width: 608px;
margin: 0px 0px 0px 0px;
background-color: #FFF;
}
#OBJ #TEVENT td {
border-bottom: 1px solid #DAA;
}
#OBJ #TEVENT th {
border-bottom: 1px solid #DAA;
border-right: 1px solid #DDD;
}
/*===================================*/
table#TFILL {
width: 100%;
heigt: 100%;
margin: 0px 0px 0px 0px;
}
#TFILL td {
padding: 0px 0px 0px 0px;
}
#TFILL th {
padding: 0px 0px 0px 0px;
}
/*===================================*/
table#TGRID {
margin: 0px 0px 0px 0px;
border-top: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
}
#TGRID th{
padding: 0px 0px 0px 0px;
background-color: #DDD;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
vertical-align: top;
}
#TGRID td{
padding: 0px 0px 0px 0px;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
vertical-align: top;
}
#TGRID #LASTROW td#LASTCOL{
padding: 0px 0px 0px 4px;
border-right: 0px solid #FFF;
border-bottom: 0px solid #FFF;
}
#TGRID #LASTROW th#LASTCOL{
padding: 0px 0px 0px 4px;
border-right: 0px solid #FFF;
border-bottom: 0px solid #FFF;
}
#TGRID td#LASTCOL {
padding: 0px 0px 0px 4px;
border-right: 0px solid #FFF;
border-bottom: 1px solid #DDD;
}
#TGRID #LASTROW td{
padding: 0px 0px 0px 0px;
border-right: 1px solid #DDD;
border-bottom: 0px solid #FFF;
}
#TGRID #LASTROW th{
padding: 0px 0px 0px 0px;
border-right: 1px solid #DDD;
border-bottom: 0px solid #FFF;
}
/*============================================================================
                 END OF FILE
============================================================================*/