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

                CDT - CASCADING STYLE SHEET - VERSION 1.1a
                ==========================================
                      Original by: M.Brjeson

   A CDT 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 main 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:

     PCDT    CDT page zone - Public pages (frames off)
     PCDTI   CDT INTERNAL page zone - Internal pages (frames on)
     HEAD    Page head zone with e.g. logotype, banner etc
     CMND    Command zone including sub-zones MENU and FIND
     MENU    Menue zone with menu-bar(s)
     FIND    Find zone used for web search/find dialogue
     BODY    Body zone including sub-zones FSEL, MAIN and REFS
     FSEL    Filter/selection zone with filtering/selection options
     MAIN    Main zone for the main page information
     REFS    Reference zone with e.g. news, events, key facts etc
     FOOT    Foot zone with mail address, phone number etc

   In order to simplify web design and maintenance, the combined HTML
   and stylesheet architecture reduces the need to set (and maintain)
   class identifiers for a lot of individual (detailed) HTML-elements.
   Here, each style deifinition is typically bound to a uniqe 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 (<h1>) inside the MAIN zone.

   Example 2: Style: "#FSEL .LinkList td a" - This style applies only
              to links (<a>) in table cells (<td>) within the scope
              of class "LinkList" inside the FSEL zone.

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

body {
background: url("/main.php/_openitem?item=7159882");
background-repeat: repeat-x;
}



/*======================================  Zone: PCDT  (Page CDT)   */
table#PCDT {       /* Set main table ID="PCDT" when FRAMES ARE OFF */
width: 750px;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
border-left: 1px solid #333;
border-right: 1px solid #333;
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
table#PCDTF { /* Set main table ID="PCDTF" when FRAMES ARE ON */
width: 725px;
}
/*======================================  Zone: HEAD     */
td#HEAD {
height: 100px;
padding: 0px 0px 0px 0px;
}
#HEAD table{
height: 100px;
}
.zHeadLogo {
width: 250px;
vertical-align: middle;
}
.zHeadTitle {
vertical-align: middle;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #339;
font-weight: bold;
padding: 5px 5px 5px 5px;
}
.zHeadFlag {
width: 100px;
vertical-align: bottom;
text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #AAA;
padding: 5px 5px 5px 5px;
}
#HEAD h1 {
font-size: 18px;
margin: 0px 0px 5px 0px;
}
#HEAD h2 {
font-size: 16px;
margin: 0px 0px 4px 0px;
}
#HEAD h3 {
font-size: 12px;
margin: 0px 0px 3px 0px;
}
#HEAD h4 {
font-size: 11px;
margin: 0px 0px 2px 0px;
}
/*======================================  Zone: CMND     */

#CMNDT {
background-color: #EEE;
left: 0px;
position: absolute;
top: 0px;
}


td#CMND {
vertical-align: top;
background-color: #EEE;
padding: 0px 0px 0px 0px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;

}
#CMND table{
/*height: 35px; */
vertical-align: top;
background-color: #EEE;


}
/*======================================  Zone: MENU     */
td#MENU {
vertical-align: middle;
background-color: #EEE;
padding: 0px 0px 0px 0px;
}
#MENU td {
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-variant: small-caps;
background-color: #EEE;
text-align: center;
padding: 1px 1px 1px 1px;
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
}
#MENU th {
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-variant: small-caps;
text-align: center;
padding: 1px 1px 1px 1px;
background-color: #EEE;
border-right: 1px solid #CCC;
}
#MENU a {
display: block;
margin: 0px 5px 0px 5px;
}
/*======================================  Zone: FIND     */
td#FIND {
width: 50px;
text-align: left;
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
padding: 0px 0px 0px 0px;
}
/*======================================  Zone: BODY     */
table#BODY {
/*width: 748px; */
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
table#BODYF {
/*width: 723px; */
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/*======================================  Zone: FSEL     */
td#FSEL {
width: 160px;
text-align: left;
vertical-align: top;
padding: 10px 2px 10px 2px;
border-right: 1px solid #ccc;
}
/*======================================  Zone: MAIN     */
#PCDT #MAIN {
/*    width: 100%; */
text-align: left;
vertical-align: top;
padding: 10px 5px 10px 5px;
}
#PCDTF #MAIN {
/*    width: 100%; */
text-align: left;
vertical-align: top;
padding: 10px 5px 10px 5px;
}
/*======================================  Zone: REFS     */
td#REFS {
width: 180px;
text-align: left;
vertical-align: top;
padding: 10px 2px 10px 2px;
border-left: 1px solid #ccc;
}
/*======================================  Zone: FOOT     */
td#FOOT {
height: 72px;
vertical-align: middle;
text-align: left;
background-color: #EEE;
padding: 0px 0px 0px 0px;
border-top: 1px solid #ccc;
}
#FOOT table{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
text-align: left;
background-color: #EEE;
}
#FOOT p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
margin: 4px 0px 4px 0px;
}
/*======================================  Zone: Index     */
td#INDX {
list-style-type: none;
padding: 5px 5px 5px 5px;
border-left: 1px solid #CCC;
}
th#INDX {
list-style-type: none;
padding: 5px 5px 5px 5px;
}
/*============================================================================
                 ZONE INDEPENDENT STYLES
============================================================================*/

/*======================================  Zone: FontNormal     */
.FontNormal {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}
.FontNormal td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
padding: 5px 5px 5px 5px;
}
.FontNormal th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
font-weight: bold;
font-variant: small-caps;
padding: 5px 5px 5px 5px;      /* top right bottom left */
}
.FontNormal h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000;
font-weight: bold;
font-variant: small-caps;
margin: 5px 5px 5px 5px;
}
.FontNormal h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000;
font-weight: bold;
font-variant: small-caps;
margin: 4px 5px 4px 5px;
}
.FontNormal h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
font-weight: bold;
font-variant: small-caps;
margin: 3px 5px 3px 5px;
}
.FontNormal h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
font-weight: bold;
font-variant: small-caps;
margin: 2px 5px 2px 5px;
}
.FontNormal p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px 5px 5px 5px;

}
/*======================================  Zone: Font Mini     */
.FontMini {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
}
.FontMini td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
padding: 2px 2px 2px 2px;
}
.FontMini th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
font-weight: bold;
font-variant: small-caps;
padding: 2px 2px 2px 2px;
}
.FontMini h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
font-variant: small-caps;
margin: 4px 2px 4px 2px;
}
.FontMini h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
font-variant: small-caps;
margin: 4px 2px 4px 2px;
}
.FontMini h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
font-variant: small-caps;
margin: 3px 2px 3px 2px;
}
.FontMini h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
font-variant: normal;
margin: 2px 2px 2px 2px;
}
.FontMini p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 2px 2px 2px 2px;
}
/*============================================================================
                 GENERAL (zone independent) STYLES
============================================================================*/
/*============================  NEW  ==============================*/
hr {
border-style: dashed;
border-color: #CCCCCC;
border-width: thin;
}

a {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #00D;
text-decoration: none;
}
a:Active {
color: #A00;
}
a:Hover {
color: #FFF;
background-color: #008;
}
a img {
border-color: white;
}
a:Active img {
border-color: white;
}
a:Hover img {
border-color: #008;
    background-color: #FFF;
}
.FloatLeft {
float: left;
}
.FloatRight {
float: right;
}
.FontMicroCDT {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000;
text-align: center;
margin: 2px 2px 2px 2px;
}
/*======================================  Table for column division    */
.TCols {
width: 100%;
/*margin: 0px 0px 0px 0px; */
}
.TCols td {
text-align: left;
vertical-align: top;
padding: 2px 5px 2px 5px;
}
.TCols th {
background-color: #EEE;
text-align: left;
vertical-align: middle;
padding: 4px 2px 2px 2px;
}
/*======================================  Table for Diary    */
table.TDiary {
width: 100%;
margin: 0px 0px 0px 0px;
/*margin: 0px 0px 0px 0px; */
}
.TDiary td {
text-align: left;
/* vertical-align: top; */
padding: 2px 5px 2px 10px;
}
.TDiary th {
text-align: left;
font-weight: normal;
font-size: 11px;
padding: 10px 2px 2px 2px;
border-bottom: 1px solid #CCC;
}
.TDiary th a {
color: #00D;
text-decoration: none;
text-align: left;
font-weight: bold;
font-size: 14px;
}
.TDiary th a:Hover {
color: #FFF;
background-color: #008;
}
/*======================================  Table for column division    */
table.TIndex {
width: 100%;
margin: 5px 0px 0px 0px;
/*margin: 0px 0px 0px 0px; */
}
.TIndex td {
text-align: left;
vertical-align: top;
font-size: 11px;
padding: 2px 5px 2px 5px;
}
.TIndex th {
background-color: #EEE;
text-align: center;
vertical-align: middle;
font-size: 12px;
padding: 4px 2px 2px 2px;
}
.TIndex ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
.TIndex li {
/* margin: 2px 0px 2px 2px; */
margin: 0px 0px 0px 0px;
font-weight: normal;
}
.TIndex li li {
/* margin: 2px 0px 2px 2px; */
margin: 0px 0px 0px 20px;
font-weight: normal;
}
/*======================================  Table: Null (nothing)    */
.TNull {
margin: 0px 0px 0px 0px;
}
.TNull td {
vertical-align: top;
padding: 0px 0px 0px 0px;
border-bottom: 0px solid #CCC;
}
.TNull th {
background-color: #EEE;
vertical-align: top;
padding: 0px 0px 0px 0px;
border-bottom: 0px solid #CCC;
}
/*======================================  Table: Nil (grey headings but no borders)    */
.TNil {
margin: 5px 0px 5px 0px;
}
.TNil td {
vertical-align: top;
padding: 2px 2px 2px 2px;
border-width: 0px 0px 0px 0px;
}
.TNil th {
background-color: #EEE;
vertical-align: top;
padding: 2px 2px 2px 2px;
border-width: 0px 0px 0px 0px;
}
/*======================================  Table for listings (heading and row borders)    */
.TList {
/*margin: 5px 0px 5px 0px; */
}
.TList td {
vertical-align: top;
padding: 2px 2px 2px 2px;
border-bottom: 1px solid #CCC;
}
.TList th {
background-color: #EEE;
vertical-align: top;
padding: 2px 2px 2px 2px;
border-bottom: 1px solid #CCC;
}
/*======================================  Table for data (heading and cell borders)    */
.TGrid {
vertical-align: top;
margin: 5px 0px 5px 0px;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
}
.TGrid td {
vertical-align: top;
padding: 2px 2px 2px 2px;      /* top right bottom left */
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
}
.TGrid th {
vertical-align: top;
background-color: #EEE;
padding: 2px 2px 2px 2px;      /* top right bottom left */
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
}
.TGrid td#NoEdge  {
vertical-align: top;
padding: 2px 2px 2px 2px;      /* top right bottom left */
border-top: 0px solid #CCC;
border-left: 0px solid #CCC;
}
.TGrid th#NoEdge {
vertical-align: top;
padding: 2px 2px 2px 2px;      /* top right bottom left */
border-top: 0px solid #CCC;
border-left: 0px solid #CCC;
}