/* eZ publish 3 core CSS - th[eZ] 20021211                              */

/* Do not remove or delete this stylesheet, because some basic          */
/* formatting methods in the system depends on it for proper display.   */
/* Just modify and/or override styles where necessary, and remove all   */
/* comments when they're not needed anymore (minimizes the file size).  */

/* MAIN WINDOW SETTINGS */

body
{
    margin: 8px;
    padding: 8px;
    color: #A5E3FF;
    background: #313031 url("../images/dbi_bg.gif") top right fixed no-repeat;
    margin: 0; padding: 0;
}

/* GLOBAL SETTING OF FONT TYPES */

h1, h2, h3, p, a, th, td, ul, ol, li, dl, dd, dt, label, div, span, input, textarea
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* GLOBAL SETTING OF FONT SIZES */

/* All font sizes are set in % and most margins and paddings in em's, this is to make them all dynamic. */

h1
{
    font-size: 160%;
    color: #A5E3FF;
}

h2
{
    font-size: 120%;
    color: #333333;
}

h3
{
    font-size: 90%;
}

h4, h5, h6
{
    font-size: 80%;
}

p, ul, ol, dl, label, div.block input, div.block select, .normal, table.list th, table.list td, textarea
/* This is the "regular" font size. */
{
    font-size: 96%;
    text-align: justify;
}

.small, div.byline p, p.picturetext, .factbox
/* Be careful not to make this size unreadable (blurred) by making it too small. */
{
    font-size: 65%;
}

td.bglight .small, td.bgdark .small, ul ul, ol ol
/* This is a trick to make the smaller size appear correct when using preformatted % sizes in the table lists. */
{
    font-size: 80%;
}

td.pathline
{
    color: #ffffff;
}

ul ul, ol ol
/* This is to get nested lists to keep the correct size. */
{
    font-size: 100%;
}
 
/* HEADINGS */

h1, h2, h3, h4, h5, h6
{
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
    clear: left;
}

h1
{
    padding-top: 0.5ex;
    padding-bottom: 1ex;
}

h1, h2
{
    font-weight: normal;
}

h2, h3, h4, h5, h6
{
    padding-top: 1.5ex;
    padding-bottom: 0.5ex;
}

h3, h4, h5, h6
{
    font-weight: bold;
}

/* REGULAR PARAGRAPHS */

p
{
    padding-bottom: 1.0ex;
    margin: 0px;
}

/* LINKS */

a
/* This is the standard formatting of all links if no other style is used. */
{
    text-decoration: none;
    color: #D5D500;
}

a:hover
{
    cursor: pointer;
    color: yellow;
}

a img
/* Some browsers may display a border around a linked image without this attribute set to _none_. */
{
    border: none;
}

a:visited
{
    color: #D5D500;
}

/* TABLES */

table
{
    margin: 0px;
    padding: 0px;
}

table.layout
/* This style is defined for the use of marking tables only used for general layout. */
{
    /* Not to be formatted; only used as an identifier. */
}

table.list
/* Used on all "proper" data lists presented by tables; i.e. not on tables use for general layout. */
{
    margin-top: 0.5ex;
    margin-bottom: 1ex;
}

table.list th, table.list td
{
    padding: 1px;
    padding-right: 8px;
}

table.center
{
    margin-left:auto;
    margin-right:auto;
}

table.right
{
    margin-left: auto;
    margin-right: 0;
}

th
{
    padding-top: 0px;
    margin-top: 0px;
    font-weight: bold;
    text-align: left;
}

td
{
    font-weight: normal;
}

td.bglight, td.bglightextra
/* Light background color used on alternating lines in a table list */
{
    background-color: #719ACE;
}

td.bgdark, td.bgdarkextra
/* Dark background color used on alternating lines in a table list */
{
    background-color: #719ACE;
}

td.tight
/* Special style used for forcing a tabel cell to wrap tight around an image in an layout table. */
{
    font-size: 1px;
}

td.top 
{
    vertical-align: top;
    padding-top: 0;
}

table.centre td.centre p
{
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

table.centre td.centre table p
{
    text-align: left;
}

table.centre td.centre table.renderedtable
{
     margin: 0 auto 0 auto;
}

.renderedtable
{
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

/* ORDERED AND UNORDERED LISTS */

ul, ol
{
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

ul, ul ul
{
    list-style-type: disc;
}

ul
{
    margin-left: 16px;
}

ol
{
    /*margin-left: 24px;*/
}

li
{
    padding: 0px;
    margin-bottom: 0.5ex;
}

/* DEFINITION LISTS */

dl
{
    padding: 0px;
    margin-top: 0.5ex;
    margin-bottom: 0.5ex;
}

dt, dd
{
    font-style: italic;
    margin-top: 0px;
    margin-bottom: 0.5ex;
}

dt
{
    font-weight: bold;
}

dd
{
    margin-left: 2ex;
    margin-right: 2ex;
}

/* FORMS */

form
{
    padding: 0px;
    margin: 0px;
}

input.box, textarea.box
{
    width: 468px;
    text-decoration: none;
    border: 1px solid #2782D3;
    font-size: 11px;
    background-color: #636563;
    color: #ADB6B5;
}

input.halfbox, textarea.halfbox
{
    width: 164px;
    text-decoration: none;
    border: 1px solid #313031;
    font-size: 11px;
    background-color: #636563;
    color: #ADB6B5;
}

input.pagesearchhalfbox
{
    width: 164px;
    text-decoration: none;
    border: 1px solid #313031;
    font-size: 11px;
    background-color: #636563;
    color: #ADB6B5;
}

label
{
    font-weight: bold;
    padding-right: 1ex;
    white-space: nowrap;
}

div.labelbreak
/* Used on an empty tag set after the label tag, to make it possible to change the label positioning in a instant. */
/* Standard display is _block_, but if set to _inline_ the labels will appear to the left of the input fields. */
{
    display: block;
}

input.button
{
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #313031;
    font-size: 11px;
    background-color: #636563;
    color: #ADB6B5;
}

input.pagesearchbutton
{
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #313031;
    font-size: 10px;
    background-color: #636563;
    color: #ADB6B5;
}

input.defaultbutton
{
    font-weight: bold;
    margin-right: 8px;
}

input.button:hover
{
    background-color: #719ACE;
    cursor: pointer;
}

p.box
/* Used on text (i.e. data other than form elements) shown under a label. */
/* Pads the distance to the label properly so it looks visually at the same height as a text in an input line. */
{
    padding-top: 0.25ex;
}


/* Status message styles, used for items which have the read/unread/inactive status */
p.status_unread, a.status_unread
{
    color: #ff0000;
}

p.status_read, a.status_read
{
}

p.status_inactive, a.status_inactive
{
    color: #aaaaaa;
}

optgroup
/* Newer browsers usually supports this tag; may come in handy to visually divide a select dropdown into several parts. */
{
    font-weight: bold;
    font-style: normal;
}

/* PAGE DIVIDERS */

div.left
/* To be used with the div.right class, to align a left hand element to the left edge. */
{
    float: left;
    display: block;
    width: 50%;
    clear: right;
}

div.right
/* To be used with the div.left class, to align a right hand element to the right edge. */
/* Should be followed by the div.break class for proper float/break termination */
{
    float: left;
    text-align: right;
    display: block;
    width: 50%;
    clear: right;
}

div.block, div.step
{
    display: block;
    clear: both;
    padding: 0px;
    margin-top: 0.5ex;
    margin-bottom: 0.5ex;
}

div.step
{
    background-color: #f0f0f0;
    margin: 0ex;
    border-bottom: dashed 2px #808080;
}

div.buttonblock
{
    margin-top: 1ex;
    margin-bottom: 1ex;
}

div.element
/* Used to position several elements next to each other horizontally. NOT on regular buttons. */
{
    float: left;
    display: block;
    padding-right: 1ex;
    padding-left: 0px;
    clear: right;
}

div.break
/* Used on an empty tag set after one or more div.element has been used, to ensure proper floating and breaking of the elements. */
{
    display: block;
    clear: both;
}

/* ARTICLE FORMATTING */

div.maincontentheader
{
    /* No special formatting yet! */
}

div.byline
{
    margin-bottom: 8px;
}

div.bodyblock
{
    padding-top: 0.5ex;
    padding-bottom: 0.5ex;
}

div.bodyblock p.body
{
    display: inline;
}

div.imageleft, div.imageright, div.faxtboxleft, div.faxtboxright, div.leftobject, div.rightobject
{
    padding-top: 4px;
    padding-bottom: 0px;
    display: inline;
    clear: both;
}

div.imagecenter, div.factboxcenter, div.centerobject
{
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    display: block;
}

div.imagecenter
{
    text-align: center;
}

div.factboxcenter
{
    text-align: left;
}

div.imageleft, div.factboxleft, div.leftobject
{
    float: left;
    padding-right: 8px;
}

div.imageright, div.factboxright, div.rightobject
{
    float: right;
    padding-left: 8px;
}

div.faxtboxleft, div.faxtboxright
{
    background-color: #f0f0f0;
}

div.imageleft p.picturetext, div.imageright p.picturetext, div.imagecenter p.picturetext, p.factbox
{
    margin-top: 2px;
    margin-bottom: 2px;
}

div.imageleft p.picturetext, div.imageright p.picturetext, span.picturetext, p.factbox
{
    background-color: #f0f0f0;
}

/* MESSAGES TO THE USER */

p.description
{
    background-color: #f8f8f8;
}

div.error, div.warning, div.feedback, div.highlight
{
    margin-top: 0.4ex;
    margin-bottom: 0.4ex;
    padding: 0.2ex;
    padding-left: 1ex;
    padding-right: 2ex;
}

div.error
{
    border-bottom: solid 2px #ff3300;
    border-top: solid 2px #ff3300;
}

div.warning
{
    border-bottom: solid 2px #ff3300;
    border-top: solid 2px #ff3300;
}

div.feedback
{
    border-top: solid 2px #313031;
    border-bottom: solid 2px #313031;
}

div.highlight
{
    border-width: 0.1ex;
    border-color: #000000;
}

div.error h2, div.warning h2, div.feedback h2, div.highlight h2
{
    padding-top: 0.5ex;
    color: #A5E3FF;
}

/* OTHER OBJECTS */

/*
hr
{
    height: 1px;
    padding: 0px;
    margin-top: 2ex;
    margin-bottom: 1ex;
    color: #c0c0c0;
}

*/

.sep
{
    text-align: left;
    margin-left: 0;
    width: 310px;
    height: 1px;
    color: #333333;
    background-color: #333333;
}

.invisible
/* This style can be used on element that should only be visible in a browser which doesn't support CSS. */
{
    display: none;
}

.menu-bar
{
    background: url("../images/top_menu.jpg");
    height: 2px;
}

.menu-top-pas
{
    padding-left: 4px;
    padding-right: 4px;
    font-size: 11px;
    color: #A3E0FF;
    cursor: pointer;
    border-left: solid 1px #1B588E;
    border-right: solid 1px #1B588E;
    border-bottom: solid 1px #1B588E;
    text-decoration: none;
    white-space: nowrap;
    font-variant: small-caps;
}

.menu-top-act
{
    padding-left: 4px;
    padding-right: 4px;
    font-size: 11px;
    color: #A3E0FF;
    cursor: pointer;
    border-left: solid 1px #1B588E;
    border-right: solid 1px #1B588E;
    border-bottom: solid 1px #1B588E;
    text-decoration: none;
    white-space: nowrap;
    background-color: #2782D3;
    font-variant: small-caps;
}

.menu-bot-pas
{
    padding-left: 4px;
    padding-right: 4px;
    font-size: 11px;
    color: #A3E0FF;
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 1px;
    border-left: solid 1px #1B588E;
    border-right: solid 1px #1B588E;
    border-top: solid 1px #1B588E;
    text-decoration: none;
    white-space: nowrap;
    font-variant: small-caps;
}

.menu-bot-act
{
    padding-left: 4px;
    padding-right: 4px;
    font-size: 11px;
    color: #A3E0FF;
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 1px;
    border-left: solid 1px #1B588E;
    border-right: solid 1px #1B588E;
    border-top: solid 1px #1B588E;
    text-decoration: none;
    white-space: nowrap;
    background-color: #2782D3;
    font-variant: small-caps;
}

.promo-border
{
    border: solid 1px #666666;
    font-size: 13px;
    color: #5EA5DD;
    text-decoration: none;
}

.promo-hdr
{
    text-align: center;
    font-size: 10px;
    color: #C7CBCC;
    font-weight: bold;
}

.promo-intr
{
    font-size: 11px;
    color: #C7CBCC;
    text-align: justify;
}

.promo-thmb
{
   text-align: center;
}

td.mainarea
{
    padding: 12px;
}

.article_line
{
    font-size: 70%;
}