/*
 *
 * File:      $RCSfile: framework.css,v $
 * Version:   $Revision: 1.0 $
 * Revised:   $Date:  $
 *            $Author: mbm $
 *
 * Created:   2006-06-01
 * Author:    sectra:mbm
 * Project:   Web
 *
 *
 * Description
 *   Basic framework layout classes.
 *
 * Compatibility:
 *   
 *
 */



/** DEBUGGING **/

/*
p, pre, label {
  border: 1px dotted orange;
}

ul, ol, dl {
  border: 1px dotted black;
}

h1, h2, h3, h4, caption, table {
  border: 1px dotted green;
}

li, dl, dd, th, td {
  border: 1px dotted blue;
}


div#canvas div#mesage div {
  border: 1px dotted red!important;
}

form {
  border: 1px dotted red;
}
*/

/*
area, base, basefont, head, map, meta, script, style, title,
noembed, noscript, param {
   display: block;
}
*/

/****************************************************************************
 *
 * GENERAL TYPOGRAPHY 
 *
 * General comments:
 *   [r1] 1) Set a large common bottom padding, distributing everything over 
 *           the page
 *        2) Reduce the distribution again by applying a common (slightly 
 *           less) negative top margin, this leaves us with a common 4pt 
 *           vertical spacing
 *        3) Again, reset the negative top margin for headings only, 
 *           effectively creating a space above headings while left floated 
 *           images still align to the heading top as well as paragraph top.
 *
 ***************************************************************************/


h1, h2, h3, h4, p, ul, ol, dl, label, input, textarea, select, th, td, caption, pre {
  font:              normal normal normal 8pt Verdana, Arial, Helvetica, sans-serif;
  text-align:        left;
}



h1, h2, h3, h4, p, ul, ol, dl, th, td, caption, pre {
  /* [r1] Set a common bottom padding, distributing everything over the page: */
  padding:           0pt 10pt 15pt 10pt;

  /* [r1] Reduce the distribution again by applying a negative top margin: */
  margin:            -12pt 0px 0px 0px;
}

/* [r1] Again, reset the negative top margin from above just for headings: */
h1, h2, h3, h4 {
  margin-top: 0px;
}

/* First P etc in a div must not escape upwards: */
/* See also: [IE6 patch B14] */
div > p:first-child {
  margin-top: 0px;
}

/* See [IE6 patch B1] */
p + p, p + ul, p + ol {
  padding-top:       5pt; /* PPP: byta till addering av margin */
}

/* See [IE6 patch B10] */
h1 + h2,
h1 + h3,
h1 + h4,
h2 + h3,
h2 + h4,
h3 + h4,
h3 + h2,
h4 + h2,
h4 + h3 {
  margin-top:        -10pt;
}

/* See [IE6 patch B11] */
h2 + h2, h2 + h3 {
  margin-top:        -10pt;
}

h1, h2, h3, h4, th, caption {
  font-weight:       bold;
}

h1 {
  font-size:         13pt;
}

h2, caption {
  font-size:         10pt;
}

h3, th {
  font-size:         8pt;
}

h4 {
  font-size:         8pt;
  font-style:        italic;
}

p, li, dt, dd, label, input, textarea, select, td, caption {
  line-height:        10.5pt;
}

pre {
  font:              normal normal normal 8pt "Courier New", Courier, monospace;
}



/*
 * IMAGES
 * []
 */

img {
  font:              normal normal normal 6pt Verdana, Arial, Helvetica, sans-serif;
  color:             #808080;
  border:            0px;
}


/* Rules preventing additional layout when ["accidentally"] adding images into paragraphs */
p img, h1 img, h2 img, h3 img, h4 img, li img, dt img, dd img, label img {
  margin:            0px!important;
  border:            0px!important;
}




/*
 * Lists 
 */

ul {
  list-style:        none;
}


ol {
  list-style:        decimal outside none;
  font-weight:       bold;
}


ul li {
  margin:            0px;
  padding:           0pt 0px 6pt 10pt;
  background:        transparent url(/common/styles/images/bl_square_bullet_8x8.default.gif) no-repeat 0px 0.3em;
}

ol li {
  margin:            0px 0px 0px 20px;
  padding:           0pt 0px 6pt 0pt;
  font-weight:       normal;
}

ul.pageindex li {
  background:        transparent url(/common/styles/images/bl_indexarrow_bullet_8x8.default.gif) no-repeat 0px 0.3em;
}


dl {
  display:           block;
}

/* dl:s are layed out to mimic a "simple table", with dt to the left and dd to the right */
dt {
  display:           block;
  width:             100px;
  margin:            4px 0px 0px 0px;
  border-bottom:     1px dotted #e0e0e0;
}

/* Move dd up, right of the dt... */
dd {
  display:           block;
  margin:            -12pt 0px 10px 110px;
}

/* ...except for a dd following a dd */
/* See also [IE6 patch B4] */
dd + dd {
  margin-top:        0pt;
}

/* Address list style */
dl.address dt {
  font-style:        italic;
}

/* Figures list style */
dl.figures dt {
  width:             200px;
}

dl.figures dd {
  font-weight:       bold;
  margin-left:       210px;
}

/* Terms list style */
dl.terms dt {
  font-weight:       bold;
  width:             100%;
  border-bottom:     0px solid white;
}

dl.terms dd {
  margin-top:        0px;
  margin-left:       32px;
}

/* Rules preventing additional layout when ["accidentally"] adding headings/paragraphs into list items */
li h1, li h2, li h3, li h4, li p {
  margin:            0px!important;
  padding:           0px!important;
}



/*
 * LINKS
 *
 * Interaction variations of
 */

a {
  font-weight:       bold; 
}

a:link {
  color:             #2060a0; 
  text-decoration:   none;
}

a:visited {
  color:             #6E6690; 
  text-decoration:   none;
}

a:active {
  color:             #A06020; 
  text-decoration:   underline;
}

a:hover {
  color:             #A06020; 
  text-decoration:   underline;
}

a:visited.pageindex, ul.pageindex a:visited {
  color:             #2060a0; 
}

a:hover.pageindex, ul.pageindex a:hover {
  color:             #a06020; 
}

/* See also: [IE7 patch 6] */
p.followme a, p.followmelarge a {
  display:           block;
  padding-right:     20px;
  background:        transparent url(/common/styles/images/_fw_followme_bg.default.gif) no-repeat top right;
}

p.followme a {
  text-align:        right;
}

p.followmelarge a {
  font-weight:       normal;
  background-position: bottom right;
}




/*
 * TABLES
 *
 * Tables for data (default)
 *
 * Also depends on [r1]
 */

table {
  position:           relative;
  
  /* Margin corresponds to the padding in main [r1] rule */
  margin:             0pt 10pt 15pt 10pt;

  border-collapse:    collapse;
  border-spacing:     0px;
  border:             1px solid #86A1BE;
}

table table {
  margin:             0px;
}

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

caption {
  padding:            1pt 6pt 1pt 8pt;
  background:         transparent url(/common/styles/images/_fw_table_caption_bg.gif) no-repeat top left;
}

td, th {
  padding:            4pt 6pt 4pt 6pt;
  vertical-align:     top;
  border-left:        1px solid #a0a0a0;
  border-right:       1px solid #a0a0a0;
}

th {
  border-bottom:      1px solid #86A1BE;
  border-right:       1px solid #86A1BE;
  border-top:         1px solid #86A1BE;
  background-color:   #e0e0e0;
}

th.headingorigo {
  background-color:   transparent;
}

tr.firstrow th {
  border-bottom:      2px solid #86A1BE;
  border-right:       1px solid #a0a0a0;
}

th.firstcol {
  border-right:       2px solid #86A1BE;
  border-bottom:      1px solid #a0a0a0;
  border-top:         1px solid #a0a0a0;
}

tr.firstrow th.firstcol {
  border-right:       2px solid #86A1BE;
}

tr.oddrow td {
  background-color:   #ffffff;
}

tr.evenrow td {
  background-color:   #f0f0f0;
}

td.oddcol {
  background-color:   #ffffff;
}

td.evencol {
  background-color:   #f0f0f0;
}

tr.oddrow td.oddcol {
  background-color:   #ffffff;
}

tr.evenrow td.oddcol {
  background-color:   #f0f0f0;
}

tr.oddrow td.evencol {
  background-color:   #f0f0f0;
}

tr.evenrow td.evencol {
  background-color:   #e0e0e0;
}

td.completerow, th.completerow {
  border-top:         1px solid #a0a0a0;
  border-bottom:      1px solid #a0a0a0;
}

td.numeric, th.numeric {
  text-align:         right;
  white-space:        nowrap;
}

td.numericcell, th.numericcell {
  white-space:        nowrap;
}

/* Rules preventing additional layout when accidentally adding paragraphs into table cells */
td p,td h1,td h2,td h3,td h4,td ul,td ol,td dl,td label, td input, 
th p,th h1,th h2,th h3,th h4,th ul,th ol,th dl,th label,th input {
  margin:  0px!important;
  padding: 0px!important;
}







/*
 * Tables for layout
 */

table.layout {
  position: relative;
  display: block;
  border:             0px;
  border-collapse:    collapse;
  border-spacing:     0px;
  width:              auto;
}


/* [r1] */
/* See also: [IE6 patch B16] */

table.layout + table.layout {
  margin-top: -15pt;
}


table.layout td {
  padding:            0px;
  border:             0px;
}

table.layout td p, table.layout td h1, table.layout td h2, table.layout td h3, table.layout td h4, table.layout td ul, table.layout td ol, table.layout td dl, table.layout td label {
  padding:            4pt 8pt 4pt 8pt!important;
  text-align:         left!important;
}




/*
 * CODE
 */

code, pre.code, #message pre.code {
  display:            block;
  margin:             8px 32px 8px 32px;
  padding:            4px 4px 4px 4px;
  font:               normal normal normal 9pt "Courier New", Arial, Helvetica, sans-serif;
  color:              #000000; 
  border:             1px dashed #696969;
  background-color:   #F2F8F1;
}

pre.code {
  width: 632px;
  overflow: auto;
  overflow-x: auto;
  overflow-y: visible;
}


/*
 * COMMON CLASSES
 *
 * Many of these are further tunded for regions of the document, see below. 
 */

.accesskey {
  border-bottom:      1px solid #808080;
  text-decoration:    none; /* Disable underlining inherited from the FF chrome! (FF 1.5) */
}

.clear {
  display:           block;
  clear:             both;
}


/*
 * Backgrounds
 */
.whitebg {
  background-color: #ffffff;
}

.ltbluebg {
  background-color: #b0cbe1;
}

.mdbluebg {
  background-color: #7da1c2;
}

.md2bluebg {
  background-color: #668eb6;
}

.dkbluebg {
  background-color: #4976a2;
}

.dk2bluebg {
  background-color: #3d658f;
}

.ltgraybg {
  background-color: #e0e0e0;
}

.mdgraybg {
  background-color: #a7a7a7;
}

.dkgraybg {
  background-color: #c0c0c0;
}

/*
 * Regional/Language indicators
 */



.flagaustralia {
  background:          transparent url(/common/styles/images/bl_fl_australia_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagaustria {
  background:          transparent url(/common/styles/images/bl_fl_austria_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagbelgium {
  background:          transparent url(/common/styles/images/bl_fl_belgium_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagcanada {
  background:          transparent url(/common/styles/images/bl_fl_canada_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagczech_republic {
  background:          transparent url(/common/styles/images/bl_fl_czech_republic_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagdenmark {
  background:          transparent url(/common/styles/images/bl_fl_denmark_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagestonia {
  background:          transparent url(/common/styles/images/bl_fl_estonia_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flageu {
  background:          transparent url(/common/styles/images/bl_fl_eu_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagfinland {
  background:          transparent url(/common/styles/images/bl_fl_finland_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagfrance {
  background:          transparent url(/common/styles/images/bl_fl_france_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flaggermany {
  background:          transparent url(/common/styles/images/bl_fl_germany_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flaggreece {
  background:          transparent url(/common/styles/images/bl_fl_greece_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagiceland {
  background:          transparent url(/common/styles/images/bl_fl_iceland_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagindia {
  background:          transparent url(/common/styles/images/bl_fl_india_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagireland {
  background:          transparent url(/common/styles/images/bl_fl_ireland_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagisrael {
  background:          transparent url(/common/styles/images/bl_fl_israel_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagitaly {
  background:          transparent url(/common/styles/images/bl_fl_italy_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagjapan {
  background:          transparent url(/common/styles/images/bl_fl_japan_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flaglatvia {
  background:          transparent url(/common/styles/images/bl_fl_latvia_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flaglithuania {
  background:          transparent url(/common/styles/images/bl_fl_lithuania_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagluxembourg {
  background:          transparent url(/common/styles/images/bl_fl_luxembourg_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagmonaco {
  background:          transparent url(/common/styles/images/bl_fl_monaco_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagnetherlands {
  background:          transparent url(/common/styles/images/bl_fl_netherlands_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagnewzealand {
  background:          transparent url(/common/styles/images/bl_fl_new_zealand_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagnorway {
  background:          transparent url(/common/styles/images/bl_fl_norway_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagpoland {
  background:          transparent url(/common/styles/images/bl_fl_poland_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagportugal {
  background:          transparent url(/common/styles/images/bl_fl_portugal_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagrussia {
  background:          transparent url(/common/styles/images/bl_fl_russia_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagspain {
  background:          transparent url(/common/styles/images/bl_fl_spain_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagsweden {
  background:          transparent url(/common/styles/images/bl_fl_sweden_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagswitzerland {
  background:          transparent url(/common/styles/images/bl_fl_switzerland_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagturkey {
  background:          transparent url(/common/styles/images/bl_fl_turkey_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flaguk {
  background:          transparent url(/common/styles/images/bl_fl_uk_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagusa {
  background:          transparent url(/common/styles/images/bl_fl_usa_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagworld {
  background:          transparent url(/common/styles/images/bl_fl_world_28x18.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}



/*
 * Regional/Language indicators, combinations
 */

.flagengswe {
  background:          transparent url(/common/styles/images/bl_fl_engsve_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagusacan {
  background:          transparent url(/common/styles/images/bl_fl_usa_canada_28x35.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flaganz {
  background:          transparent url(/common/styles/images/bl_fl_anz_28x35.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flaggeswau {
  background:          transparent url(/common/styles/images/bl_fl_germany_austria_switzerland_28x55.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

.flagukirl {
  background:          transparent url(/common/styles/images/bl_fl_uk_ireland_28x35.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}




td.flaguk, td.flagsweden, td.flagaustralia, td.flagdenmark, td.flagengswe, td.flaggermany, td.flagitaly, td.flagnorway, td.flagusa, td.flagfinland, td.flagfrance, td.flagnetherlands, td.flagportugal, td.flagspain, td.flagturkey, td.flagnewzealand, td.flagcanada, td.flagaustria, td.flagswitzerland, td.flagireland, td.flagworld, td.flagusacan, td.flaganz, td.flaggeswau, td.flagukirl {
  background-position: 6pt 4pt;
  padding-left:        40px;
}







/****************************************************************************
 *
 * DOCUMENT FRAMEWORK 
 *
 ***************************************************************************/


/*
 * DOCUMENT SETUP 
 */

html, body {
  /* Define BG image for body (fill window height) and canvas (fill content height if > window height) */
  background:                  #ECECEC url(/common/styles/images/_fw_page_bg.gif) repeat-y top center;
  margin:                      0px;
  padding:                     0px;
  width:                       100%;
  height:                      100%;
  border:                      0px;
}

/* See: [IE6 patch A2] */
/* See: [IE7 patch 4] */

html {
  overflow:                    auto;
}




/*
 * MAIN DOCUMENT REGIONS
 */

@media screen { /* Needed for IE6 not to crash when printing! */
  #canvas, #header {
    position:          relative;
    /* Center body & header */
    margin:            0px auto 0px auto;
    padding:           0px;

    text-align:        left;

  }
}

#canvas {
  min-width:         600px;
  max-width:         900px;
}


/* See: [IE6 patch A3] */


/* See: [IE7 patch 1] */


#header {
  min-width:         580px;
  max-width:         880px;
  height:            128px;
  background:        #ffffff url(/common/styles/images/_fw_header_bg.gif) repeat-x left top;
}




/*
 * INSIDE THE HEADER
 */

#headerbox1 {
  position:          relative;
  margin:            0px 0px 0px -10px;
  background:        transparent url(/common/styles/images/_fw_header_left_bg.gif) no-repeat left top;
  height:            128px;
}

/* See [IE5 patch 2] */
#headerbox2 {
  position:          relative;
  margin:            0px -10px 0px 0px;
  padding:           14px 0px 0px 12px;
  background:        transparent url(/common/styles/images/_fw_header_right_bg.gif) no-repeat right top;
  height:            114px;
}

#header img.logo {
  float:             right;
  margin:            16px 24px 0px 0px;
  color:             #808080;
}

/* Make imgs tile aligned *top* in the .business div: */
#header img {
  float: left;
  /* 080114 margin-left: -4px; */
}




/* 
 * Inside the header: Menu layout 
 */

#menu {
  position:          absolute;
  top:               102px;
  left:              0px;
  clear:             both;
  width:             100%;
  height:            26px;
}

#menu h2 {
  display:           none;
}

#menu ul, #menu li {
  margin:            0px;
  padding:           0px;
  background:        transparent none;
}

/* See: [IE7 patch 3] */
#menu ul {
  margin-top:       6px;
  /* Adjust the left-indent of the first menu item */
  margin-left:      16px;
}

/* See: [IE7 patch 3] */
/* See: [IE5 patch 1] */
#menu li {
  display:           inline;
}

/* Disable the float: left for tiling images in the menu bar */
#header #menu img {
  display:           inline;
  float:             none;
}

/* See: [IE7 patch 3] */
#menu a {
  font:              8pt Verdana,Arial,Helvetica,sans-serif;
  text-decoration:   none;
  padding:           2px 6px 2px 6px; 
  cursor:            pointer;
  color:             #000000;
}

#menu a.simmenuentry:hover {
  background-color:     #d3dfec;
}




/* 
 * Inside the header: Simple find box layout 
 */

#find {
  position:          absolute;
  padding:           0px 0px 3px 0px;
  bottom:            0px;
  width:             190px;
  overflow:          hidden;
  text-align:        left;

  /* Adjust for the -10 px offset in the header box: */
  right:             12px;
}

#find form {
  display:         block;
  margin:          0px;
  padding:         0px;
}


/* See: [IE6 patch A4] */


#find a, #find input {
  float:             left;
  height:            18px;
  margin:            0px;
  padding:           0px;
  
  /* Needed for Opera to render input BG: */
  border:            0px solid white;
}

#find a {
  margin-right:      4px;
}

#find input.text {
  font:              8pt Verdana, Arial, Helvetica, sans-serif;
  padding:           2px 4px 0px 4px;
  width:             110px;
  background:        transparent url(/common/styles/images/_fw_minisearch_input_bg.gif) no-repeat top left;
}

#find input.sipemptyinput {
  font:              italic 7.5pt Verdana, Arial, Helvetica, sans-serif;
  text-align:        center;
  color:             #6B8096;
}




/* 
 * Inside the canvas: Message layout
 */

#message {
  margin:               1px 200px 0px 0px;
  padding:              48px 0px 32px 0px;
  
  /* Note: Enable hasLayout in IE6: without it left floated element will inherit the padding above! */
}




/* 
 * Inside the canvas: DHTML islands
 */

div#highlightsisland, #message div#messageisland {
  display:           none;
  margin:            0px;
  padding:           0px;
  height:            0px;
  font:              normal 9px Verdana,Arial,Helvetica,sans-serif;
}

div#highlightsisland {
  position:          relative;
  width:             190px; 
}

#message div#messageisland {
  position:          absolute;
  top:               4px;
  left:              0px;
  width:             auto; 
}




/* 
 * Inside the canvas: Highlights layout
 */

#highlights {
  position:          absolute;
  right:             0px;
  top:               10px;
  padding:           0px;

  /* Set a fix width for the overflow below, also needed to prevent right floated imgs with a margin to bloat the size in FF: */
  /* Adjusting this value changes the right margin of highlight islands */
  width: 186px;
  
  /* Prevent bloated titles in navigator to expand the highlights area: */
  overflow: hidden;
}

#highlights h1 {
  position:          relative;
  font:              bold 7.5pt Verdana, Arial, Helvetica, sans-serif;
  color:             black;
  margin:            15px 0px 10px 0px;
  padding:           7px 10px 7px 10px;
  width:             160px;
  z-index:           10;
  background:        transparent url(/common/styles/images/_fw_highlight_title_bg.gif) no-repeat top left;
}


#highlights h1.light {
  background:        transparent url(/common/styles/images/_fw_highlight_title_light_bg.gif) no-repeat top left;
  padding-bottom:    2px;
  color:             #808080;
}


#highlights .siteservice {
  color:              #808080;
}

#highlights h1.siteservice {
  background:        transparent url(/common/styles/images/_fw_highlight_title_light_bg.gif) no-repeat top left;
  padding-top:        10px;
  padding-bottom:     0px;
  
  /* Hide actual text in graphic clients */
  font-size:          1px; /* 1px neeeded for Gecko to bother about rendering if a <p> is used */
  line-height:        0px;
  color:              #ffffff;
}

#highlights h2 {
  font:              bold 10px Verdana, Arial, Helvetica, sans-serif;
  background:        transparent url(/common/styles/images/_fw_highlight_bg.gif) no-repeat bottom left;
  margin:            -10px 10px 0px 0px;
  padding:           10px 10px 10px 10px;
  width:             160px; 
}

#highlights li h2 {
  background:        transparent;
}


#highlights img {
  margin:            15px 10px 0px 0px;
}

#highlights div, #highlights p, #highlights ul, #highlights ol, #highlights dl {
  background:        transparent url(/common/styles/images/_fw_highlight_bg.gif) no-repeat bottom left;
  margin:            -10px 10px 0px 0px;
  width:             160px; 
}

#highlights div {
  padding:           10px 0px 10px 0px!important;
  margin-top:        -10px!important;
  width:             180px; 
}

#highlights p, #highlights ul, #highlights ol, #highlights dl {
  font:              normal 7.5pt Verdana, Arial, Helvetica, sans-serif;
}

#highlights p {
  padding:           10px 10px 10px 10px;
  min-height:        12px;
}
/* See: [IE6 patch A5] */

  
#highlights ul, #highlights ol, #highlights dl {
  padding:           5px 10px 10px 8px;
  width:             162px; 
}

#highlights ul ul, #highlights ol ol {
  background:        transparent none;
  margin:            0px 0px 0px -2px;
  padding:           0px;
  width:             160px; 
}

/* See also [IE6 patch B8] */
#highlights ul + ul, #highlights ol + ol {
  margin-top: -5px;
}

#highlights li {
  background-position: 0px 0.2em;
  margin:            0px;
  padding:           0px 0px 2px 10px;
}


/* See also [IE6 patch B9] */
#highlights h1 + img {
  margin:            -11px 10px 6px 0px;
}

div#highlights img.padtofit {
  border-left:       15px solid #A9B2BC!important;
  border-right:      15px solid #A9B2BC!important;
}

/* Make links less bold just in the highlights */
#highlights a {
  font-weight:       normal;
}


/* 
 * Adjustment of common classes for the highlights column:
 */
#highlights .flaguk, 
#highlights .flagsweden, 
#highlights .flagaustralia, 
#highlights .flagdenmark, 
#highlights .flagengswe, 
#highlights .flaggermany, 
#highlights .flagitaly, 
#highlights .flagnorway, 
#highlights .flagusa, 
#highlights .flagworld {
  padding:           0px 0px 2px 30px;
}


/*
 * The page footer located at the bottom of the highights:
 */
#highlights ul#footer {
  background:        transparent none;
  padding:           10px 0px 10px 0px;
  width:             180px;
}

#highlights ul#footer li {
  color:             #808080;
  background:        transparent none;
}




/* 
 * Inside the highlights column: User web login form
 */

#highlights form {
  margin:            0px;
}

#highlights form label {
  position:          absolute;
  display:           block;
  left:              0px;
  margin:            0px;
  padding:           2px 0px 0px 10px;
  width:             70px;
  background:        transparent;
}

#highlights form label, #highlights form input {
  font:              normal 7.5pt Verdana, Arial, Helvetica, sans-serif;
}

#highlights form input.text {
  margin:            0px 0px 4px 80px;
  width:             80px;
  height:            auto;
  border:            1px solid #2060a0;
}

#highlights form input.submit {
  display:           block;
  margin:            0px 0px 0px 105px;
  padding:           0px 10px 2px 0px;
  width:             60px;
  height:            auto;
  text-align:        center;
  /* "solid transparent" Needed for Opera not to render an outline: */
  border:            0px solid transparent;
  color:             #2060a0;
  background:        transparent url(/common/styles/images/_fw_followme_bg.default.gif) no-repeat top right;
  cursor:            pointer;
}












/****************************************************************************
 *
 * MESSAGE LAYOUT
 *
 ***************************************************************************/





/*
 * Default layout for paragraph-level tags in the message is to leave a wide 
 * margin to the left and a narrow margin to the right (next to the highlights column).
 */
#message p,
#message h1,
#message h2,
#message h3,
#message h4,
#message ul,
#message ol,
#message dl,
#message div,
#message form,
#message pre {
  text-align:        left;
  margin-left:       170px;
  margin-right:      0px;
  padding-left:      32px;
  padding-right:     36px;
}


/* A leading H2 (after beginning of message and image): Create a "catchline" style */
/* [r1] */
/* See also [IE6 patch B2] */
#message div#messageisland + img + h2, #message div#messageisland + h2 {
  font-style:        italic;
  padding:           0px 0px 2px 0px;
  margin:            0px 32px 4pt 202px;
  border-bottom:     4px double #B0CBE1;
}


#message table {
  text-align:        left;
  margin-left:       202px;
  margin-right:      28px;
}

/* Restore margins for nested tables, lists and layout tables */
#message table table {
  margin-left:       0px;
  margin-right:      0px;
}

#message ul ul, #message ul ol, #message ul dl,
#message ol ul, #message ol ol, #message ol dl,
#message dl ul, #message dl ol, #message dl dl
{
  margin-top:        4pt;
  margin-left:       0px;
  margin-bottom:     -6pt;
  padding-left:      1pt;
  padding-bottom:    0pt;
}

#message table.layout {
  margin-left:       202px;
  margin-right:      36px;
}

#message div table.layout {
  margin-left:       0px;
}

/* Nicer alignment for P:s in message,which have a long line length */
#message p {
  text-align:        justify;
}

/* Unclassed DIV in message is used to center images */
#message div {
  padding:           0px;
  text-align:        center;

  /* [r1] */
  margin-top:        0pt;
  margin-bottom:     20pt;

  margin-left:       202px;
  margin-right:      36px;
}


/* See also: [IE6 patch B13] */
#message div + div {
  /* [r1] */
  margin-top:        -20pt;
}



#message img {
  /* Allow left margin in unclassed images */
  display:           block;
  margin:            3pt 0px 7pt 194px;
}

#message p img,
#message h1 img,
#message h2 img,
#message h3 img,
#message h4 img,
#message ul img,
#message ol img,
#message dl img,
#message td img,
#message th img,
#message div img,
#message form img,
#message pre img {
  display:           inline;
  margin:            0px;
}

/* See also: [IE7 patch 5] */
#message div img {
  margin-bottom:     -5px;
}



/*
 * Make images in the message text column fit the message width (maximum 
 * width). When the width is decreased, images will scale down.
 *
 * (Hide from IE6)
 *
 * See: [IE6 patch A6]
 */

html > body #message div img {
  max-width:         100%;
  height:            auto;
  /* height: auto; makes the layout jump vertically during load (auto seems to track the image file size which is zero during load) but is needed to keep the aspect ratio (in FF) when scaling. */
}

html > body #message div table.layout img {
  max-width:         900px;
}



/* A form behaves like a block but has no padding and its content no leftmargin as this is inherited from the form */
#message form {
  padding:           0px;
}

#message form p,
#message form h1,
#message form h2,
#message form h3,
#message form h4,
#message form ul,
#message form ol,
#message form dl,
#message form div,
#message form pre {
  margin-left:       0px;
  margin-right:      0px;
}

#message form table {
  margin-top:        4pt;
  margin-left:       32px;
}



/*
 * Portrait images (<=125px width) combined with text:
 * [r1]
 */
#message img.portrait {
  display:           inline;
  float:             left; 
  clear:             left; 
  margin:            0px 0px 22px 202px;
  padding:           0px;
}

/* See also [IE6 patch B3] */
/* [r1] */
#message img.portrait + h2, 
#message img.portrait + h3, 
#message img.portrait + p, 
#message img.portrait + ul, 
#message img.portrait + ol,
#message img.portrait + h2 + p, 
#message img.portrait + h2 + ul, 
#message img.portrait + h2 + ol,
#message img.portrait + h3 + p, 
#message img.portrait + h3 + ul, 
#message img.portrait + h3 + ol,
#message img.portrait + p + p {
    margin-left:     328px;
}



/*
 * Alternative to Portrait class images
 */

#message div.portraitcontainer {
  text-align:        left;
  padding-top:       16px;
}

#message div.portraitcontainer p,
#message div.portraitcontainer h1,
#message div.portraitcontainer h2,
#message div.portraitcontainer h3,
#message div.portraitcontainer h4,
#message div.portraitcontainer ul,
#message div.portraitcontainer ol,
#message div.portraitcontainer dl,
#message div.portraitcontainer div,
#message div.portraitcontainer form,
#message div.portraitcontainer pre,
#message div.portraitcontainer table {
  margin-left:       120px;
  padding-right:     0px;
}

#message div.portraitcontainer img {
  position:          absolute;
  margin-top:        -16px;
}






/*
 * Icon images (<=64px width) combined with text:
 * [r1]
 */
#message img.icon {
  display:           inline;
  float:             left; 
  clear:             left; 
  margin:            0px 0px 22px 202px;
  padding:           0px;
}

/* Icons following a heading */
/* See also [IE6 patch B15] */
#message h2 + img.icon, #message h3 + img.icon {
  margin-top:       -12pt;
}


/* See also [IE6 patch B12] */
/* [r1] */
#message img.icon + h2, 
#message img.icon + h3, 
#message img.icon + p, 
#message img.icon + ul, 
#message img.icon + ol,
#message img.icon + h2 + p, 
#message img.icon + h2 + ul, 
#message img.icon + h2 + ol,
#message img.icon + h3 + p, 
#message img.icon + h3 + ul, 
#message img.icon + h3 + ol,
#message img.icon + p + p,
#message img.icon + p + ul,
#message img.icon + p + ol {
    margin-left: 267px;
}




/*
 * Class leftmargin can be applied to most paragraph-level tags to position 
 * elements in the margin. 
 *
 * Following rules limits the positioning to the narrower margin.
 */
#message .leftmargin {
  float:             left; 
  clear:             left;
  padding:           0px;
  text-align:        left;
}

#message p.leftmargin,
#message h1.leftmargin,
#message h2.leftmargin,
#message h3.leftmargin,
#message h4.leftmargin,
#message ul.leftmargin,
#message ol.leftmargin,
#message dl.leftmargin,
#message div.leftmargin,
#message pre.leftmargin,
#message table.leftmargin {
  font-size:         7.5pt;
  width:             145px;
  padding:           4pt 5px 15pt 20px;
  margin-left:       0px!important;
  margin-right:      0px!important;
  color:             #668eb6;
}

#message img.leftmargin, #message div.leftmargin img, img.border {
  border:            1px solid #789FC6;
  background-color:  #DEEFFD;
}

/* See [IE6 patch A14] */
#message img.leftmargin {
  display:           inline;
  margin:            0px 0px 10px 20px;
}

#message img.leftmargin.cutout, #message div.leftmargin img {
  border:            1px solid #ffffff!important;
  background-color:  transparent;
}

#message h1.leftmargin {
  font-size:         8pt;
}


#message ul.leftmargin li {
  background:        transparent url(/common/styles/images/bl_square_bullet_8x8.default.gif) no-repeat 0px 2px;
  margin:            0px;
  padding:           0px 4px 4px 10px;
}

/* Again, unclassed DIV in message is used to align images, now limited to the margin */
#message div.leftmargin {
  width:             149px;
  padding-left:      20px;
  text-align:        right;
  margin-top:        0px;
}



/*
 * Note: Rule does not work in IE6, but as we can exploit a standard vialotaion bug having the same clearing effect (by default) it is not needed.
 */
#message .clearafter:after {
  content:           "."; 
  display:           block; 
  visibility:        hidden;
  clear:             left; 
  height:            0px;
  margin-top:        -10px;
}





/*
 *
 * div.columns is used to create a two-column layout in the message. 
 * NOTE: Supported only for UL/OL lists!
 *
 * IE6: The DIC encloses floates in IE6 (exploits standard vialotaion bug).
 */

div.columns {
  position:          relative; /* Creates boxing in DW */
  text-align:        left;
}

#message div.columns ul {
  float:             left;
  width:             40%;
  margin-top:        0px;
  margin-left:       0px;
  padding-left:      0px;
  padding-bottom:    0px; /* block receives bottom spacing from parent DIV */
}

div.columns ul li {
  white-space:       nowrap;
}

div.columns:after {
  content:           "."; 
  display:           block;
  clear:             both; 
  height:            0px;
  margin-top:        -10px;
  visibility:        hidden; 
}




/*
 * Class widecolumn can be applied to most paragraph-level tags to position 
 * elements spanning both the margin and message text column. 
 */

#message p.widecolumn,
#message h1.widecolumn,
#message h2.widecolumn,
#message h3.widecolumn,
#message h4.widecolumn,
#message ul.widecolumn,
#message ol.widecolumn,
#message dl.widecolumn,
#message div.widecolumn,
#message div.widecolumn *,
#message form.widecolumn,
#message pre.widecolumn,
#message table.widecolumn {
  margin-left:       0px;
  clear:             left;
}

#message table.widecolumn {
  margin-left:       20px;
}






/*
 * SUBCLASSES IN MESSAGE
 */

/* "Catchline" H2 (note: nannot be grouped with contectual "catchline" selector below in IE6 */
#message h1.catchline, #message h2.catchline {
  font-size:         10pt;
  font-style:        italic;
  padding:           0px 0px 2px 0px;
  margin:            0px 32px 4pt 202px;
  border-bottom:     4px double #B0CBE1;
}



/*
 * Classes for FAQ:s:
 */
#message .question, 
#message .answer, 
#message .answercontinued {
  background:        transparent;
  margin-left:       210px;
  padding-left:      32px;
  margin-right:      28px;
  padding-right:     0px;
}

#message .question {
  font-weight:       bold;
  background:        transparent url(/common/styles/images/_fw_questionbullet.gif) no-repeat scroll 0px 10px;
  margin-top:        12px;
  padding-top:       4px;
  border-top:        2px solid #B0CBE1;
}

#message .answer {
  background:        transparent url(/common/styles/images/_fw_answerbullet.gif) no-repeat scroll 0px 10px;
}



/* See: [IE6 patch A13] */

#message p.quote {
  font-style:        italic;
  text-indent:       20px;
  padding-top:       8pt!important; /* ! overrides p + p in [IE6 patch B1] */
  margin-top:        -5pt;
  background:        transparent url(/common/styles/images/bl_opening_quote_24x24.gif) no-repeat 28px 0px;
}

#message p.quoter {
  background:        transparent url(/common/styles/images/bl_closing_quote_60x24.gif) no-repeat top right;
  text-align:        right;
  margin-top:        -18pt;
  padding-top:       12pt!important; /* ! overrides p + p in [IE6 patch B1] */
  padding-right:     64px;
  margin-bottom:     10pt;
  font-size:         7.5pt;
  color:             #808080;
}


/*
 * Classes for sign labeled p's:
 */

#message p.infosign {
  background:        transparent url(/common/styles/images/_fw_paragraph_info_sign_bg.gif) no-repeat 32px 0pt;
  padding-left:      68px;
}

#message p.warningsign {
  background:        transparent url(/common/styles/images/_fw_paragraph_warn_sign_bg.gif) no-repeat 32px 0pt;
  padding-left:      68px;
}

#message p.errorsign {
  background:        transparent url(/common/styles/images/_fw_paragraph_error_sign_bg.gif) no-repeat 32px 0pt;
  padding-left:      68px;
}



#message p.footnote {
  font-size:         7.5pt;
  font-weight:       bold;
  text-align:        left;
  color:             #808080;
  padding:           2px 0px 0px 0px;
  margin:            0pt 36px 10pt 202px;
  border-top:        1px dotted #808080;
}



/*
 *
 * Also depends on [r1]
 */

#message .split {
  padding:           0px 0px 2px 0px;
  margin:            0px 32px 4pt 202px;
  margin-bottom:     15pt; 
  border-bottom:     2px solid #B0CBE1;
}





/*
 * Press release indexes:
 */

#message ul.newsindex {
  padding:           0px;
  margin-left:       202px;
  margin-right:      36px;
  border-top:        1px dotted #808080;
}

#message ul.newsindex li {
  padding-bottom:    15pt;
  padding-left:      0pt;
  border-bottom:     1px dotted #808080;
  background:        transparent url(/common/styles/images/bl_exclamation_bullet_16x16.default.gif) no-repeat 0pt 17pt;
}

#message .newsindexdate {
  font-size:         7.5pt;
}

#message .newsindexarea {
  font-size:         7.5pt;
  padding-left:      4pt;
  border-left:       1px solid #808080;
}

#message .newsindextitle {
  display:           block;
  margin-left:       16pt;
  padding:           6pt 0px 0px 0px;
  font-weight:       bold;
}

#message span.newsindexintroduction {
  display:           block;
  font-size:         7.5pt;
  margin-left:       16pt;
  padding:           2pt 0px 0px 0px;
}

#message p.newsindexplaceholder a {
  display:           inline;
  padding:           0px;
  background:        transparent none;
}



/*
 * ???
 */

/*
#message div.box {
  margin-left:       20px;
  margin-right:      32px;
  padding:           0px;
  background:        #F2EADC url(/common/styles/images/_fw_palegeige_gradient_bg.gif) repeat-x top left;
  border:            1px solid #c0c0c0;
}

#message div.box p,  #message div.island h2, #message div.island form {
  margin:            0px;
}
*/


/*
 * A class island-div is used to create a "plastic box" that can stretch in 
 * any dimension. The downside of the construct is that it requires an 
 * additional set of 7 (!) nested <div> elements for the design to be 
 * applied. These nested div:s must be unclassed. Additional div:s receives 
 * 0px margin and padding. 
 *
 * See also [IE6 patch A11]
 */

#message div.island {
  margin-left:       194px;
  margin-right:      0px;
  padding:           0px;
  background:        #ffffff url(/common/styles/images/_fw_island_top_bg.gif) repeat-x top left;
}

#message div.island p,  #message div.island h2, #message div.island form {
  margin:            0px;
}

/* See also [IE6 patch A11] */
#message div.island div {
  display:           block;
  text-align:        left;
  margin:            0px;
  padding:           0px;
  background:        transparent url(/common/styles/images/_fw_island_bottom_bg.gif) repeat-x bottom left;
}

#message div.island div div {
  background:        transparent url(/common/styles/images/_fw_island_left_bg.gif) repeat-y top left;
}

#message div.island div div div {
  background:        transparent url(/common/styles/images/_fw_island_right_bg.gif) repeat-y top right;
}

#message div.island div div div div {
  background:        transparent url(/common/styles/images/_fw_island_topright_bg.gif) no-repeat top right;
}

#message div.island div div div div div {
  background:        transparent url(/common/styles/images/_fw_island_bottomright_bg.gif) no-repeat bottom right;
}

#message div.island div div div div div div {
  background:        transparent url(/common/styles/images/_fw_island_bottomleft_bg.gif) no-repeat bottom left;
}

#message div.island div div div div div div div {
  padding:           6pt 0pt 6pt 0pt;
  background:        transparent url(/common/styles/images/_fw_island_topleft_bg.gif) no-repeat top left;
}

#message div.island div div div div div div div div {
  margin:            0px;
  padding:           0px;
  background:        transparent;
}







/****************************************************************************
 *
 * STYLES FOR FORMS
 *
 ***************************************************************************/

/* [r1] */
form {
  display:            block;
  margin:             -10pt 0px 0px 0px;
  padding:            0px;
}


/* Addition for IE6, see: [IE6 patch A1] */


/* [r1] */
form h2, form p {
  padding-bottom:    0pt;
  margin-top:        10pt;
}

/* Treat all form elements as blocks */
label, input.text, select, textarea {
  display:           block;
}

/* Set up default sizes, place on top */
input, select, textarea {
  margin:            2px 0px 3px 32px;
}

input.text, textarea {
  width:             360px;
  border:            1px solid #2060a0;
  padding:           2px 4px 0px 4px;
}

select {
  width:             373px;
  border:            1px solid #2060a0;
}

input {
  height:            12pt;
}

label {
  margin-top:        5px;
  padding-left:      32px;
}




/* 
 * Class "check" is used on check-boxes, radio-buttons and their respective 
 * labels. 
 *
 * Checkboxes and radio buttons should appear left to their lables, set class 
 * "check" for all of them.
 */
input.check, input.checkbox {
  position:          absolute;
  margin-top:        4px;
}

input.check + label, input.checkbox + label {
  padding-left:      56px;
}

label.check, label.checkbox {
  padding-left:      56px;
}




/*
 * Class "buttonstrip" is used to collect form buttons in a button-strip
 */
div.buttonstrip {
  width:             402px;
  min-height:        26px;
  margin-top:        12px!important;
  margin-bottom:     24px!important;
}


input.submit, button {
  text-align:        center;
  width:             120px;
  height:            26px;

  /* Margin is normally replaced by buttonstrip below, but let's make the button behave stand-alone as well: */
  margin:            10px 40px 10px -30px;
  
  /* "solid transparent" Needed for Opera not to render an outline: */
  border:            0px solid transparent;

  /* Make the label to appear in center of the image: */
  padding:           0px 5px 2px 0px;
  
  color:             #ffffff;
  background:        #557AA2 url(/common/styles/images/_fw_form_submit_bg.default.gif) no-repeat top left;
  cursor:            pointer;

}

input.submit.back, button.back {
  padding:           0px 0px 2px 5px;
  background:        #557AA2 url(/common/styles/images/_fw_form_back_bg.default.gif) no-repeat top left;
}


div.buttonstrip input, div.buttonstrip input.submit, div.buttonstrip button {
  display:           inline;
  float:             right;
  margin:            0px 0px 0px 10px;
}


/* Adjust followme-paragraphs to the width of a form */
form p.followme {
  width:             370px;
}


/*
 * Class "twocol" is used on form elements to create a two-column form 
 * consisting of <label>: <input> rows.
 */
label.twocol {
  position:          absolute;
  width:             150px;
}

input.twocol, select.twocol, textarea.twocol {
  margin-left:       174px;
  width:             218px;
}

select.twocol {
  margin-left:       174px;
  width:             230px;
}


input.code {
  font:              normal normal normal 10pt Courier New, Courier, monospace;
  letter-spacing:    8px;
  background:        transparent url(/common/styles/images/_fw_code_input_bg.gif) no-repeat left bottom;
}


/*
 * Class "invalid" is used to mark fields (and/or corresponding labels) 
 * containing "invalid data" after an unsuccessful form validation.
 */ 
label.invalid {
  background:        transparent url(/common/styles/images/_fw_invalid_bg.gif) no-repeat 20px center;
  padding-left:      32px;
  margin-right:      -8px;
  color:             #800000;
}

span.invalid {
  background-position: left center;
  padding-left:      8px;
  margin-right:      0px;
}


/*
 * Class "invalidhint" is used to hide an error message <p>, unless in an 
 * invalid form.
 */ 
p.invalidhint {
  display:              none;
  color:                #a00000;
}
form.invalid p.invalidhint {
  display:              block;
}



/*
 * Classes "option" and "optionchecked" are used to create page-state-links 
 * (not to confuse with <option> tags).
 */

.option, .optionchecked {
  font-weight:       bold;
  white-space:       nowrap;
  margin-left:       -1px;
  padding:           2px 8px 2px 16px;
  border:            1px solid #e0e0e0;
}

.option {
  background:        #ffffff url(/common/styles/images/_fw_option_bg.default.gif) no-repeat 4px center;
}

a:visited.option {
  color:             #2060a0; 
}

a:hover.option {
  color:             #a06020; 
}

.optionchecked {
  color:             #808080; 
  background:        #f0f0f0 url(/common/styles/images/_fw_option_bg.active.gif) no-repeat 4px center;
}




/****************************************************************************
 *
 * STYLES FOR DYNAMIC HTML
 *
 ***************************************************************************/


/*
 * Sorting "data" tables:
 */

.sipusersortable {
  /* Nop */
}

.sipsortup, .sipsortdown {
  background-color:    #D2DFEC;
  background-position: top right;
  background-repeat:   no-repeat;
}

.sipsortdown {
  background-image:    url(/common/styles/images/_fw_sort_down.gif) 
}

.sipsortup {
  background-image:    url(/common/styles/images/_fw_sort_up.gif) 
}

.sipsorthover {
  background-color:    #FFDEB1;
}



/*
 * Link decorations
 *
 * Current-page indication of links
 */

a:link.sipcurrentpage, a:visited.sipcurrentpage {
  color:               #A06020;
}


/* Link target img: */

/* See also: [IE7 patch 7] */

.siplinkdecorationpopup {
  background:              transparent url(/common/styles/images/_fw_popup_ico.gif) no-repeat top right;
  padding-right: 16px;
}

.siplinkdecorationexternal {
  background:              transparent url(/common/styles/images/_fw_external_ico.gif) no-repeat top right;
  padding-right: 16px;
}


/* Button hover style */
.sipbuttonhover {
  color:               #A06020!important;
}






/*
 * Drop-down menus
 */

.simmenucontainer {
  position:          absolute;
  left:              0px;
  top:               0px;
  padding:           1px;
  background-color:  #ffffff;
  border:            1px solid #000000;
  z-index:           50;
}

/* See: [IE7 patch 2] */


.simmenucontainer table {
  /* 'block' needed for table not to escape the container in NS7 */
  display:           block;
  margin:            0px;
  padding:           0px;
  border:            0px;
}

.simmenutitle {
  color:             #ffffff;
  font:               italic bold 8pt Verdana, Arial, Helvetica, sans-serif;
  background-color:  #8AA1BA; 
}

.simfolder a {
  background:        transparent url(/common/styles/images/_sim_menuarrow.gif) no-repeat center right;
}

.simmenuentry, .simmenuentrycurrent, .simmenucanvas {
  color:              #000000;
  font:               normal 10pt Verdana, Arial, Helvetica, sans-serif;
  text-align:         left;
  margin:             0px;
  padding:            0px 4px 0px 4px; 
  border:             0px;
}

.simmenuentry, .simmenuentrycurrent {
  cursor:             pointer;
}



.simmenucontainer a, .simmenucontainer a:link, .simmenucontainer a:visited, .simmenucontainer a:hover, simmenucontainer a:active {
  font:               normal 8pt Verdana, Arial, Helvetica, sans-serif;
  display:            block;
  position:           relative;
  padding:            2px 10px 2px 10px;
  text-decoration:    none;
  color:              #000000;
}

.simmenuentrycurrent a, .simmenuentrycurrent a:link, .simmenuentrycurrent a:visited, .simmenuentrycurrent a:hover, simmenuentrycurrent a:active {
  font-weight:       bold;
}

.simmenuentryhover {
  background-color:  #d3dfec; 
}




/*
 * Popup box
 */

#simpopup {
  position:          absolute;
  left:              50%;
	top:               50%;
  width:             300px;
  height:            100px;
  margin-left:       -150px;
  margin-top:        -50px;
  padding:           8px 10px 8px 10px;
  font:              normal 8pt Verdana, Arial, Helvetica, sans-serif;
  text-align:        left;
  color:             #000000;
  background:        #ffffff;
  border:            4px ridge #40b0ff;
  z-index:           100;
}

#simpopup h1{
  font:              bold 12pt Verdana, Arial, Helvetica, sans-serif;
  margin:            0px;
}

#simpopup p{
  font:              normal 10pt Verdana, Arial, Helvetica, sans-serif;
  margin:            0px;
}

#simpopup input{
  font:              bold 10pt Verdana, Arial, Helvetica, sans-serif;
  text-align:        center;
  background:        #f0f0f0;
  border:            1px outset #808080;
}




/*
 * Navigation path 
 */

#navigationpath {
  position:          relative;
  margin:            0px;
  padding:           10px 0px 0px 24px;
  z-index:           20;
}

#navigationpath h2 {
  display: none;
}


#messageisland #navigationpath {
  font:              normal normal normal 7.5pt Verdana, Arial, Helvetica, sans-serif;
  color:             #808080;
  text-align:        left;
  margin:            0px;
  padding:           0px 0px 0px 20px;
}

#messageisland #navigationpath a {
  padding:           0px 4px 0px 0px;
}

#messageisland .simpathfolder, #messageisland .simpathfoldercurrent, #messageisland .simpathroot, #messageisland .simpathdocument {
  position:          relative;
  display:           inline;
  margin:            0px;
  padding:           0px 0px 0px 6px;
}

#messageisland .simpathfolder, #messageisland .simpathfoldercurrent, #messageisland .simpathdocument {
  background:        transparent url(/common/styles/images/bl_arrow_bullet_5x4.default.gif) no-repeat left 0.5em;
}



/*
 * The infamous scripted Brian spash-screen
 */

/* See: [IE7 patch 8] */
#sipsplashbg {
  background:        transparent url(/common/styles/images/_fw_dim_bg.png) repeat 0px 0px;
  width:             100%;
  height:            100%;
}


div.sipsplashcanvas {
  position: absolute;
  visibility: visible;
  left: 0px;
  top: 0px;
  width: 100%; 
  height: 100%;
}


div.sipsplashcanvas iframe {
  background:        #ffffff url(/common/styles/images/_fw_splashbox_bg.gif) no-repeat 0px 0px;
  position:          absolute;
  top :              130px;
  left:              40%;
  margin:            0px 0px 0px -250px;
  width:             580px;
  height:            480px;
  padding:           10px;
  overflow:          hidden;
}



@media print {

  div#menu, div#navigationpath, div#highlights {
    display: none;
  }    

  #header, #headerbox1, #headerbox2 {
    position:          static;
    margin:            0px;
    padding:           0px;
    width:             100%;
    min-width:         100%;
    max-width:         100%;
    background:        transparent none;
  }

  #header {
    border-bottom:     16px solid #2060a0;
  }

  #message {
    margin-right: 0px;
  }

}



/* EoF */