/* MAIN WINDOW SETTINGS */



body

{

    background-color: #ffffff;

    margin: 0px;

    padding: 0px;

}



/* GLOBAL SETTING OF FONT TYPES */



h1, h2, h3, p, a, th, td, ul, ol, li, dl, dd, dt, label, div, span, input, textarea

{

    color: #000000;

    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%;

}



h2

{

    font-size: 120%;

}



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,

table.mainTable th, h3.teaser

/* This is the "regular" font size. */

{

    font-size: 80%;

}



.small, div.byline p, p.picturetext, .factbox, div.imageright p, div.imageleft p, div.imagecenter p, p.advancedsearch

/* 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%;

}



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-top: 0.5ex;

    padding-bottom: 0.5ex;

    margin: 0px;

}



/* LINKS */



a

/* This is the standard formatting of all links if no other style is used. */

{

    color: #0033ff;

    text-decoration: none;

}



a:hover

{

    color: #666666;

    text-decoration: none;

    cursor: pointer;

}



a img

/* Some browsers may display a border around a linked image without this attribute set to _none_. */

{

    border: none;

}



/* 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;

}



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: #f8f8f8;

}



td.bgdark, td.bgdarkextra

/* Dark background color used on alternating lines in a table list */

{

    background-color: #f0f0f0;

}



td.tight

/* Special style used for forcing a table cell to wrap tight around an image in a layout table. */

{

    font-size: 1px;

}



/* ORDERED AND UNORDERED LISTS */



ul, ol

{

    padding: 0px;

    margin-top: 0px;

    margin-bottom: 0px;

}



ul, ul ul

{

    list-style-type: disc;

}



ul

{

   margin-left: 20px;

}



ol

{

    /*margin-left: 24px;*/

}



li

{

    padding: 0px;

    margin-bottom: 0.5ex;

	margin-left: 20px;

}



/* 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;

}



input.halfbox, textarea.halfbox, select.halfbox

{

    width: 150px;

}



input.smallbox, textarea.smallbox

{

    width: 105px;

}



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

   an 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: normal;

    margin-right: 8px;

}



input.defaultbutton

{

    font-weight: bold;

    margin-right: 8px;

}



input.button:hover

{

    background-color: #f0f0f0;

    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 support 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.imagerightd, 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.imagerightu, 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: 1ex;

    margin-bottom: 1ex;

    padding: 0.5ex;

    padding-left: 1ex;

    padding-right: 2ex;

/*     border-width: 0.5ex;

    border-style: solid;

    background-color: #f8f8f8;*/

}



div.error

{

/*    border-color: #c00000;*/

}



div.warning

{

/*    border-color: #f0f000;*/

}



div.feedback

{

/*    border-color: #00a000;*/

}



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;

}



/* OTHER OBJECTS */



hr

{

    height: 1px;

    padding: 0px;

    margin-top: 2ex;

    margin-bottom: 1ex;

    color: #006699;

    clear: both;

}



.invisible

/* This style can be used on elements that should only be visible in a browser which doesn't support CSS. */

{

    display: none;

}













/* --- Special HLK stuff -------------------------------------------------------------- */



div.width

{

    width: 100%;

}





div.intro

/* Formatting of article intro text  */

{

    font-weight: bold;

}





/* MAIN LAYOUT TABLE */



td.mainLayoutHeader

{

    width: 100%;

    height: 95px;

}



td.mainLayoutMenu

{

    width: 160px;

}



td.mainLayoutContent

{

    width: 99%;

}







/* TOP BAR */



.mainSpanHEADING

{

/*    height: 95px;*/

/*    width: 775px;*/

}



.mainSpanHEADING th td a

{

    color: #ffffff;

    text-decoration: none;

}







/* LEFT MENU */



.mainSpanMENU

{

/*    width: 160px;*/

}



.mainSpanMENU table.mainTable th

{

    color: #ffffff;

    background-color: #006699;

    padding-left: 5px;

    padding-right: 5px;

    padding-bottom: 3px;

}



.mainSpanMENU table.mainTable td

{

    background-color: #ffffff;

    padding-left: 5px;

    padding-right: 5px;

    border-right-width: thin;

    border-right-style: dotted;

    border-right-color: #cccccc;

}



.mainSpanMENU table.mainTable td a

{

    color: #0033ff;

    text-decoration: none

}



.mainSpanMENU table.mainTable td a:active

{

    color: #0033ff;

}



.mainSpanMENU table.mainTable td a:link

{

    color: #0033ff

}



.mainSpanMENU table.mainTable td a:visited

{

    color: #0033ff

}



.mainSpanMENU table.mainTable td a:hover

{ 

    color: #666666

}







/* MAIN CONTENTS */



.mainSpanCONTENTS

{

/*    width: 615px;*/

    margin-left: 20px;

    margin-right: 30px;

    margin-top: 10px;

}



.mainSpanCONTENTS table.mainTable

{

}



.mainSpanCONTENTS table.mainTable th

{

    color: #ffffff;

    background-color: #006699;

    padding-left: 5px;

    padding-right: 5px;

    border-right-style: solid;

    border-right-color: #ffffff;

    padding-bottom: 3px;

}



.mainSpanCONTENTS table.mainTable td

{

    border-right-style: solid;

    border-right-color: #ffffff;

}



.mainSpanCONTENTS table.footerTable td

{

}



.mainSpanCONTENTS a

{

    color: #0033ff;

    text-decoration: none

}



.mainSpanCONTENTS a:active

{

    color: #0033ff

}



.mainSpanCONTENTS a:link

{

    color: #0033ff

}



.mainSpanCONTENTS a:visited

{

    color: #0033ff

}



.mainSpanCONTENTS  a:hover

{ 

    color: #666666

}





div.imageright img, div.imageleft img, div.imagecenter img

{

    /*border: 1px solid #000000;*/

}



div.footercolor, div.footer

{

    width: 95%;

    margin-left: 20px;

}



div.footercolor

{

    background-color: #006699;

    height: 16px;

    margin-top: 8px;

}



.mainSpanCONTENTS table.mainTable

{

    margin-top: 16px;

}



table.mainTable th.left, table.mainTable td.left

{

    border-right: 5px solid #ffffff;

}



table.mainTable th.right, table.mainTable td.right

{

    border-left: 5px solid #ffffff;

}



p.menuitem

{

    margin-top: 2px;

    margin-bottom: 4px;

}



h3.teaser

{

    display: block;

    clear: right;

    padding-top: 4px;

    padding-bottom: 0px;

}



div.teaserelement

{

    margin-top: 2px;

    margin-bottom: 6px;

}



div.searchbox

{

    margin-top: 8px;

    margin-bottom: 8px;

}



div.finn

{

    margin-top: 8px;

    margin-bottom: 8px;

}



img.arrow

{

    padding-top: 6px;

	margin-right: 2px;

}



select.searchbox

{

    width: 145px;

}



p.advancedsearch

{

    padding-top: 0px;

    margin-top: 0px;

}



div.topmenulinks

{

	background-color: #006699;

	width: 100%;

	height: 25px;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-left: 5px;

	margin-right: 0px;

	font-size: 80%;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #ffffff;	

}



div.topmenulinks a, div.topmenupath a

{

    color: #ffffff;

    text-decoration: none;

}



div.topmenulinks a:active, div.topmenupath a:active

{

    color: #ffffff

}



div.topmenulinks a:link, div.topmenupath a:link

{

    color: #ffffff

}



div.topmenulinks a:visited, div.topmenupath a:visited

{

    color: #ffffff

}



div.topmenulinks a:hover, div.topmenupath  a:hover

{ 

    color: #cccccc

}





div.topmenupath

{

	background-color: #3399cc;

	width: 100%;

	height: 14px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #ffffff;

	font-size: 65%;

	padding-top: 2px;

	padding-bottom: 2px;

	padding-left: 180px;

}



div.topmenupath a

{

    color: #ffffff;

    text-decoration: underline;

}



div.topmenupath a:active

{

    color: #ffffff

}



div.topmenupath a:link

{

    color: #ffffff

}



div.topmenupath a:visited

{

    color: #ffffff

}



div.topmenupath  a:hover

{ 

    color: #cccccc;

	text-decoration: underline;

}



div.hudlogo

{

	margin-left: 50px;	

}



div.object-right

{

    margin: 3px;

    float: right;

    clear: right;

}



div.object-left

{

    margin: 3px;

    float: left;

}



div.object-center

{

/*    float: center;*/

      margin-left: auto;

      margin-right: auto;

      text-align: center;

}