/*
 *
 * File:      $RCSfile: profile.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:
 *   Tested using:
 *   - IE 7, 8
 *   - IE 6 (.0.0.2900) through script patch SiUnsupported in framework.js
 *   - Firefox 2.0.0.20
 *   - Safari 3.11 (525.17)
 *   - Chrome 3.0.195.25
 *   - Opera 9.25
 *
 *
 *  Dimensions legend:
 *
 *    +---------------+------------------+--------------+
 *    |      Margin   |      Message     | Highlights   |
 *    | [d3] {xxxxxx} | [d1] {xxxx} [d2] | {xxxxxxxxxx} |
 *    | <----[d4]---->>>                 |              |
 *             d5
 *
 *    +---------------+------------------+--------------+
 *
 *
 *  Colors:
 *    Interaction colors:
 *      default: 4973ad (bluish)
 *      active:  e47a11 (orangeish)
 *      visited: 6a49ad (purpleish)
 * 
 *    Miscellaneous:
 *      ltblue: 7e9fcc
 */





/****************************************************************************
 *
 * GENERAL TYPOGRAPHY 
 *
 * General comments:
 *
 *   Rules apply to the #message region of the document by default.
 *
 *   [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.
 *
 ***************************************************************************/

/* DEBUG:
div {
  border: 1px dotted blue;
}
h1, h2, h3, h4, p, ul, ol, dl, th, td, caption, pre {
  border: 1px dotted orange;
}
#message > div {
  border: 1px dotted black;
}
*/


/****************************************************************************
 *
 * PARAGRAPHS AND HEADINGS
 *
 */ 

/*
 * Typefaces 
 */

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, th, caption {
  font-family:       Arial, Helvetica, sans-serif;
  font-weight:       bold;
}

h1 {
  font-size:         16pt;
  color:             #404040;
  text-transform:    uppercase;
}

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

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

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

p {
  line-height:       11pt;
  text-align:        justify;
}

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


/*
 * Positioning 
 */

h1, h2, h3, h4, p, ul, ol, dl, form, pre {
  /* [r1] Set a common bottom padding, distributing everything over the page: */
  padding:           7pt 36px 7pt 32px;

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

/* Make H1 position to the far left */
h1 {
  margin-top:        10pt;
  margin-left:       0px;
  padding-bottom:    4pt;
}

/* [r1] Again, reset the negative top margin from above just for headings: */
h2, h3, h4 {
  padding-top:        12pt;
  padding-bottom:    2pt;
}

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

/* Unclassed DIV in message is used to center images [c2] */
/* See [IE6 patch B15] */
div {
  padding:           5pt 0px 5px 0px;
  margin:            -5pt 0px 0px 182px;
  text-align:        center;
}


/* nested div div, inside the #message (which is div div) */
div div div div {
  margin:            0px;
  padding:           0px;
  text-align:        left;
}

/* block tags in a div, inside the #message (which is div div) */
div div div p, div div div h1, div div div h2, div div div h3, div div div h4, div div div ul, div div div ol {
  margin-left:       0px;
  margin-right:      0px;
}

form {
  margin-top:        0px;
}

/****************************************************************************
 *
 * LISTS
 *
 */ 

ul, ol {
  padding-bottom:    7pt;
}

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/styles2/images/bl_square_bullet_8x8.default.gif) no-repeat 0px 0.3em;
}

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

/*
 * Nested lists 
 */

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


/*
 * Lists - variations 
 */

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

ul.featureindex li {
  background:        transparent url(/common/styles2/images/bl_bracket_bullet_8x10.default.gif) no-repeat left 3px;
  font:              normal normal bold 10.5pt Arial, Helvetica, sans-serif;
}

/* Numbered lists */
ol li.no1 {
  background:        transparent url(/common/styles2/images/_fw_fatbull_1.default.gif) no-repeat left top;
}
ol li.no2 {
  background:        transparent url(/common/styles2/images/_fw_fatbull_2.default.gif) no-repeat left top;
}
ol li.no3 {
  background:        transparent url(/common/styles2/images/_fw_fatbull_3.default.gif) no-repeat left top;
}
ol li.no4 {
  background:        transparent url(/common/styles2/images/_fw_fatbull_4.default.gif) no-repeat left top;
}
ol li.no5 {
  background:        transparent url(/common/styles2/images/_fw_fatbull_5.default.gif) no-repeat left top;
}
ol li.no6 {
  background:        transparent url(/common/styles2/images/_fw_fatbull_6.default.gif) no-repeat left top;
}
ol li.no7 {
  background:        transparent url(/common/styles2/images/_fw_fatbull_7.default.gif) no-repeat left top;
}
ol li.no8 {
  background:        transparent url(/common/styles2/images/_fw_fatbull_8.default.gif) no-repeat left top;
}
ol li.no9 {
  background:        transparent url(/common/styles2/images/_fw_fatbull_9.default.gif) no-repeat left top;
}
ol li.no1 a,ol li.no2 a,ol li.no3 a,ol li.no4 a,ol li.no5 a,ol li.no6 a,ol li.no7 a,ol li.no8 a,ol li.no9 a {
  font-weight:       bold!important;
}


blockquote {
  margin: 0px 0px 0px 10pt; 
  padding: 0px 0px 10pt 0px; 
}


/*
 * Inline forms
 */

p.inlineform {
}

/* inlineformassigned class is assigned scriptwise when the element is populated */
p.inlineformassigned {
  padding-left:      0px;
  padding-right:     0px;
}


/*
 * Inline forms
 */

p.inlineajax {
}


/*
 * Definition lists
 * DL:s are layed out to mimic a "simple table", with dt to the left and dd to the right 
 */

dl {
  display:           block;
}

dt {
  display:           block;
  width:             100px;
  margin:            4px 0px 0px 0px;
}

/* 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 {
  border-bottom:     1px dotted #e0e0e0;
}

/* Figures list style */
dl.figures dt {
  width:             200px;
  border-bottom:     1px dotted #e0e0e0;
}

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

/* Terms list style */
dl.terms dt {
  font-weight:       bold;
  width:             100%;
}

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

/* Menu list style */
dl.menu dt, dl.menu dd {
  margin:            0px;
  padding-left:      10pt;
}

dl.menu dt {
  font-family:       Arial, Helvetica, sans-serif;
  padding-bottom:    3pt;
  font-size:         10.5pt;
  font-weight:       bold;
  width:             auto;
  border-bottom:     0px;
  background:        transparent url(/common/styles2/images/bl_bracket_bullet_8x10.default.gif) no-repeat left 3px;
}

dl.menu dd {
  padding-bottom:    10pt;
  width:             auto;
}

.leftmargin dd {
  margin-top:        0px;
  margin-left:       8px;
}


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

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

div.columns {
  height:            1%; /* Needed for list to display in IE7 (IE6 & 8 ok!) */
  text-align:        left;
  padding-left:      32px!important; /* Important needed in IE to override */
}

.columns ul, .columns ol, .columns p {
  float:             left;
  width:             42%;
  text-align:        left;
  margin-left:       0px;
  padding-left:      0px;
  margin-right:      0px;
}

.columns li {
  white-space:       nowrap;
}

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

.widecolumn .columns ul, .widecolumn .columns ol, .widecolumn .columns p {
  width:             44%;
}



/****************************************************************************
 *
 * CODE
 *
 */ 

code, 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;
}



/****************************************************************************
 *
 * LINKS
 *
 */ 

a:link {
  color:             #4973ad; 
  text-decoration:   none;
}

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

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

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


/*
 * Links - variations 
 */

.pageindex a:visited {
  color:             #4973ad; 
}

.pageindex a:hover {
  color:             #e47a11; 
}

p.followme {
  clear:             both;
}

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

.followme a {
  text-align:        right;
}

.followme {
  padding-bottom:    10pt;
}

/* Use for right-aligned image buttons */
.followmenodecoration a {
  display:           block;
  text-align:        right;
}

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



/****************************************************************************
 *
 * IMAGES
 * []
 */

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

  /* Allow left margin in unclassed images */
  display:           block;
  margin:            3pt 0px 7pt 206px;  /* [d4] */
}

/* Unclassed DIV in message is used to center images [c2] */
div img, 
table img, 
/* Also 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 {
  display:           inline;
  margin:            0px;
  border:            0px;
}


/*
 * Icon & Potrtaint images
 *
 * Icon images (<=64px width) combined with text
 * Portrait images (<=125px width) combined with text
 */

img.icon, img.portrait, 
a.icon img, a.portrait img {
  display:           inline;
  float:             left; 
  clear:             left; 
  margin:            12pt 0px 0px 214px; /* [d4] */
  padding:           0px;
}

.widecolumn img.icon, .widecolumn img.portrait, 
.widecolumn a.icon img, .widecolumn a.portrait img {
  margin-left:       32px;
}

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

.widecolumn .icon + h2, 
.widecolumn .icon + h3, 
.widecolumn .icon + p, 
.widecolumn .icon + ul, 
.widecolumn .icon + ol,
.widecolumn .icon + h2 + p, 
.widecolumn .icon + h2 + ul, 
.widecolumn .icon + h2 + ol,
.widecolumn .icon + h3 + p, 
.widecolumn .icon + h3 + ul, 
.widecolumn .icon + h3 + ol {
  clear:             none;
  margin-left:       85px;
}


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

.portrait + p, 
.portrait + ul, 
.portrait + ol {
  margin-top: 8px;
}

.widecolumn .portrait + h2, 
.widecolumn .portrait + h3, 
.widecolumn .portrait + p, 
.widecolumn .portrait + ul, 
.widecolumn .portrait + ol,
.widecolumn .portrait + h2 + p, 
.widecolumn .portrait + h2 + ul, 
.widecolumn .portrait + h2 + ol,
.widecolumn .portrait + h3 + p, 
.widecolumn .portrait + h3 + ul, 
.widecolumn .portrait + h3 + ol {
  clear:             none;
  margin-left:       146px;
}

.icon + p + p, 
.icon + h2 + p + *,
.portrait + p + p, 
.portrait + h2 + p + * {
  clear: left;
}


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

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

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

/* Restore margins for nested tables, lists and layout tables */
table table {
  margin:             0px;
  padding:            0px;
}

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

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

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

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

/* Cell styles set by the Zebra table creation tool */
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.atom, th.atom {
  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: reset all spacign to zero
 * 
 * Layout by tables generally should be avoided, but here it is...
 */

table.layout {
  position:           relative;
  display:            block;
  border:             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;
}

/****************************************************************************
 *
 * OTHER UI ELEMENTS
 *
 */

hr {
  margin:             20px 36px 20px 32px;
  clear:              both;
  height:             1px;
  color:              #6d8cc1;
  background-color:   #6d8cc1;
  border:             0px;
}

/****************************************************************************
 *
 * COMMON CLASSES I, POSITIONING
 *
 */

/*
 * Placing thing in the left margin
 *
 * 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.
 */

.leftmargin {
  float:             left; 
  clear:             left;
  text-align:        left;
}

/* See [IE6 patch A14] */
img.leftmargin {
  margin:            12pt 0px 10px 32px; /* [d3] */
}

img.leftmargin, img.border {
  border:            1px solid #bcbcbc;
}

img.leftmargin, div.leftmargin img, img.border {
  background-color:  #f0f0f0;
}

/* Turn off the border and bg for cutout images */
img.leftmargin.cutout {
  border:            1px solid #ffffff!important;
  background-color:  transparent;
}


p.leftmargin,
h1.leftmargin,
h2.leftmargin,
h3.leftmargin,
h4.leftmargin,
ul.leftmargin,
ol.leftmargin,
dl.leftmargin,
div.leftmargin,
pre.leftmargin,
table.leftmargin {
  font-size:         8pt;
  font-family:       Arial, Helvetica, sans-serif;
  width:             145px; /* [d4] */
  padding-right:     5px;
  padding-left:      32px;
  margin-left:       0px!important;
  margin-right:      0px!important;
}

h1.leftmargin + h2.leftmargin {
  margin-top: -6pt;
  padding-top: 0px;
}

/* Again, "unclassed" DIV in message is used to align images, now limited to the margin */
div.leftmargin {
  width:             149px; /* [d4] */
  text-align:        right;
  margin:            12pt 0px 10px 32px; /* [d3] */
  padding-top:       0px;
  padding-bottom:    0px;
}

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

ul.leftmargin li {
  background:        transparent url(/common/styles2/images/bl_square_bullet_8x8.default.gif) no-repeat 0px 2px;
  margin:            0px;
  padding:           0px 4px 4px 12px; /* [d3] */
}

/*
 * Make H1 *after* leftmargin image to position like other P:s 
 * IE6: Selector does not work but the H1 positions correctly anyway (exploits standard vialotaion bug).
 */
.leftmargin ~ h1, .leftmargin + .catchline + h1 {
  margin-left: 182px;
}

.leftmargin + h1, .leftmargin + h2, .leftmargin + .catchline {
  margin-top:        0px;
}

/* See: [IE6 patch B11] */

.catchline + h1 {
  margin-top: -3pt;
}


/*
 * Placing things in two columns
 *
 * Class twocolumn can be applied to most paragraph-level tags to position 
 * elements in two columns. 
 */

p.twocolumn,
h1.twocolumn,
h2.twocolumn,
h3.twocolumn,
h4.twocolumn,
ul.twocolumn,
ol.twocolumn,
dl.twocolumn,
div.twocolumn,
div.twocolumn *,
form.twocolumn,
pre.twocolumn,
.twocolumn p,
.twocolumn h2,
.twocolumn h3,
.twocolumn h4,
.twocolumn ul,
.twocolumn ol,
.twocolumn dl,
/* APA: .twocolumn #message div *, */
.twocolumn form,
.twocolumn pre {
  margin-left:       300px;
}

.twocolumn div {
  margin-left:       300px;
}

table.twocolumn,
div.twocolumn,
.twocolumn table
/* APA: , 
.twocolumn #message div */ {
  margin-left:       300px; /* !important [d3], override of #message > div */
  margin-right:      32px; /* !important [d3], override of #message > div */
  clear:             left;
}

.twocolumn div.buttonstrip  {
  margin-right:      0px; /* !important [d3], override of aobove */
}

.twocolumn p.followme {
  clear:             both;
}

.twocolumn input.text, .twocolumn textarea {
  width:             182px;
}

.twocolumn select {
  width:             192px;
}


.twocolumn p.leftmargin,
.twocolumn h1.leftmargin,
.twocolumn h2.leftmargin,
.twocolumn h3.leftmargin,
.twocolumn h4.leftmargin,
.twocolumn ul.leftmargin,
.twocolumn ol.leftmargin,
.twocolumn dl.leftmargin,
.twocolumn pre.leftmargin,
.twocolumn table.leftmargin {
  width:             263px; /* [d4] */
}

/* Again, "unclassed" DIV in message is used to align images, now limited to the margin */
.twocolumn div.leftmargin {
  width:             267px; /* [d4] */
}

/*
 * Make H1 *after* leftmargin image to position like other P:s 
 * IE6: Selector does not work but the H1 positions correctly anyway (exploits standard vialotaion bug).
 */
.twocolumn .leftmargin ~ h1, .twocolumn .leftmargin + .catchline + h1 {
  margin-left:       300px;
}

.twocolumn .footnote {
  margin-left:       332px;
}


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

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

.widecolumn div {
  margin-left:       0px;
}

table.widecolumn,
div.widecolumn,
.widecolumn table
/* APA: , 
.widecolumn #message div */ {
  margin-left:       32px; /* !important [d3], override of #message > div */
  margin-right:      32px; /* !important [d3], override of #message > div */
  clear:             left;
}

.widecolumn div.buttonstrip  {
  margin-right:      0px; /* !important [d3], override of aobove */
}

.widecolumn p.followme {
  clear:             both;
}

.widecolumn input.text, .widecolumn textarea {
  width:             482px;
}

.widecolumn select {
  width:             492px;
}

.columns ul, .columns ol, .columns p {
  clear: none;
}






/*
 * Clearing
 */

.clear {
  display:           block;
  clear:             both;
  font-size:         0px;
}

/* Note: Rule really 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. */

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



/****************************************************************************
 *
 * COMMON CLASSES II, COLOR AND DECORATIONS
 */


/*
 * Box
 * Applying "box" to a heading automatically creates a background for following p or list.
 */

h2.box, h3.box, h4.box {
  position:          relative;
  margin-top:        0px;
  padding-top:       7px;
  padding-bottom:    7px;
  background:        transparent url(/common/styles2/images/_fw_bgbox_caption.gif) no-repeat top left;
}

.box + h2.box, div.box + h3.box, p.box + h3.box {
  margin-top:        10pt;
}


h2.box.fake, h3.box.fake, h4.box.fake {
  height:            8px;
  padding:           0px;
}

.widecolumn h2.box, .widecolumn h3.box, .widecolumn h4.box {
  background:        transparent url(/common/styles2/images/_fw_bgbox_wide_caption.gif) no-repeat top left;
}

/* Note: can't place following selectors in one rule, or jQuery won't trap .box (?) */
.box {
  background:        transparent url(/common/styles2/images/_fw_bgbox_body.gif) no-repeat bottom left;
}

.widecolumn .box {
  background:        transparent url(/common/styles2/images/_fw_bgbox_wide_body.gif) no-repeat bottom left;
}

/* APA:
h2.box + p, h3.box + p, h4.box + p,
h2.box + ul, h3.box + ul, h4.box + ul,
h2.box + ol, h3.box + ol, h4.box + ol,
h2.box + h3, h3.box + h4 {
  background:        transparent url(/common/styles2/images/_fw_bgbox_body.gif) no-repeat bottom left;
}
*/

/*
 * 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/styles2/images/bl_fl_australia_28x15.gif) no-repeat 0px 1pt;
  padding-left:        36px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
 * Regional/Language indicators, combinations
 * See also: [IE6 patch A12]
 */

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

.flagbelgneth {
  background:          transparent url(/common/styles2/images/bl_fl_belgium_netherlands_28x35.gif) no-repeat 0px 1pt;
  padding-left:        36px;
  min-height:          35px;
}

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

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

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

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

/*
 * Adjustments for regional/language indicators table context:
 */

td.flagaustralia,
td.flagaustria,
td.flagbelgium,
td.flagcanada,
td.flagczech,
td.flagdenmark,
td.flagestonia,
td.flageu,
td.flagfinland,
td.flagfrance,
td.flaggermany,
td.flaggreece,
td.flagiceland,
td.flagindia,
td.flagireland,
td.flagisrael,
td.flagitaly,
td.flagjapan,
td.flaglatvia,
td.flaglithuania,
td.flagluxembourg,
td.flagmonaco,
td.flagnetherlands,
td.flagnewzealand,
td.flagnorway,
td.flagpoland,
td.flagportugal,
td.flagrussia,
td.flagspain,
td.flagsweden,
td.flagswitzerland,
td.flagturkey,
td.flaguk,
td.flagusa,
td.flagworld,
td.flaganz,
td.flagbelgneth,
td.flaggeswau,
td.flagengswe,
td.flagukirl,
td.flagusacan {
  background-position: 6pt 4pt;
  padding-left:        40px;
}



/****************************************************************************
 *
 * COMMON CLASSES III, VARIATIONS ON HEADINGS
 */

/*
 * Catchline H2
 * Typically placed above the H1
 */
.catchline {
  font-size:         10pt;
  font-style:        italic;
  padding-left:      0px;
  padding-right:     0px;
  margin:            20pt 36px 2pt 214px; /* [d4] */
  border-bottom:     2px solid #B0CBE1;
}

#banner + .catchline {
  margin-left:       36px;
}

/*
 * Distinctively spitting a page using a heading
 * Also depends on [r1]
 */

.split {
  padding-left:      0px;
  padding-right:     0px;
  margin-left:       214px; /* [d4] */
  margin-right:      36px;
  margin-bottom:     2pt; 
  border-bottom:     2px solid #B0CBE1;
}

.eurocaps {
  text-transform:    uppercase;
  line-height:       12pt; /* Allow flash text to grasp line height */
}

/****************************************************************************
 *
 * COMMON CLASSES IV, VARIATIONS ON PARAGRAPHS
 *
 */

 /*
  * FAQ lists are created using (groups of) a .question paragraph followed by 
  * an .answer paragraph.
  */

p.question, p.answer {
  background:        transparent;
  margin-left:       214px; /* [d4] */
  padding-left:      32px; /* [d1] */
  margin-right:      36px; /* [d2] */
  padding-right:     0px;
}

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

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

/* See: [IE6 patch B14] */
p.answer + p.answer {
  background:        transparent none;
}



/*
 * A quotation is created using one .quote paragraph followed by one .quoter paragraph.
 * See: [IE6 patch A13] 
 */

p.quote {
  font-style:        italic;
  padding-top:       12pt;
  padding-left:      60px;
  padding-right:     60px;
  background:        transparent url(/common/styles2/images/bl_opening_quote_24x24.gif) no-repeat 32px 8px;
}

p.quoter {
  background:        transparent url(/common/styles2/images/bl_closing_quote_60x24.gif) no-repeat top right;
  text-align:        right;
  padding-top:       26pt;
  margin-top:        -22pt;
  margin-bottom:     10pt;
  padding-left:      80px;
  font-size:         7.5pt;
  color:             #808080;
}

/*
 * Footnotes
 */

.footnote {
  font:              normal normal bold 7.5pt Verdana, Arial, Helvetica, sans-serif;
  text-align:        left;
  color:             #808080;
  padding:           2px 0px 0px 0px;
  margin:            10pt 36px 0pt 214px; /* [d4] */
  border-top:        1px dotted #808080;
}

.widecolumn .footnote {
  margin-left:        32px;
}

h2.footnote + p {
  border-top:         none;
  font-weight:        normal;
  margin-top:         2pt;
}

/*
 * Placing predefined signs next to a paragraph:
 */

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

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

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



/****************************************************************************
 *
 * COMMON CLASSES V, UI
 *
 */

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

.authoring 
{
  border-left: 4px solid #a04040;
}


/***************************************************************************
 *
 * SPECIAL FEATURES I, ANIMATIONS
 *
 */

/*
 * Folding headings (requires script)
 *
 * By applying the folding class to a heading, sibling elements following 
 * until next heading of the same level will be foldable.
 *
 * The available styles are:
 * - h1.folding: n/a
 * - h2.folding: > large bold text
 * - h3.folding: > small bold text
 * - h4.folding: [+] small bold text
 *
 */

h2.folding, h3.folding, h4.folding {
  background:        transparent url(/common/styles2/images/_fw_folding_caption.closed.default.gif) no-repeat top left;
  min-height:        25px;
  margin-top:        5pt;
  padding-top:       4px;
  padding-left:      46px;
  color:             #4973ad;
  cursor:            pointer;
}

.widecolumn h2.folding, .widecolumn h3.folding {
  background:        transparent url(/common/styles2/images/_fw_folding_wide_caption.closed.default.gif) no-repeat top left;
}


h3.folding, h4.folding {
  padding-top:       6px;
  min-height:        21px;
}

/* h4.folding used for [+] style folding, override h4 font props to make them same as h3 */
h4.folding {
  background:        transparent url(/common/styles2/images/_fw_folding_caption_p.closed.default.gif) no-repeat top left;
  padding-left:      50px;
  font:              normal normal bold 8pt Verdana, Arial, Helvetica, sans-serif;
}

h1 + h2.folding, h1 + h3.folding, h1 + h4.folding,
h2 + h3.folding, h2 + h4.folding,
h3 + h4.folding {
  margin-top:        8px;
}


h2.folding:hover, h3.folding:hover, h4.folding:hover {
  color:             #e47a11; 
  text-decoration:   underline;
}

h2.folding.open, h3.folding.open {
  background-image:  url(/common/styles2/images/_fw_folding_caption.open.default.gif);
}

.widecolumn h2.folding.open, .widecolumn h3.folding.open {
  background-image:  url(/common/styles2/images/_fw_folding_wide_caption.open.default.gif);
}

h4.folding.open {
  background-image:  url(/common/styles2/images/_fw_folding_caption_p.open.default.gif);
}

/*
 * Note: foldingbody* class is for scripting, don't use for applying!
 */
.foldingbody2, .foldingbody3 {
  background:        transparent url(/common/styles2/images/_fw_folding_body.gif) no-repeat bottom left;
}

.widecolumn .foldingbody2, .widecolumn .foldingbody3 {
  background:        transparent url(/common/styles2/images/_fw_folding_wide_body.gif) no-repeat bottom left;
}

.foldingbody4 {
  padding-left:      50px;
}



/*
 * Folding lists (requires script)
 */

ul.folding {
  background:        transparent none;
}

ul.folding li.canfold {
  cursor:            pointer;
  background-image:  url(/common/styles2/images/bl_folder_bullet_8x8.open.default.gif);
}

ul.folding li.closed {
  background:        transparent url(/common/styles2/images/bl_folder_bullet_8x8.closed.default.gif) no-repeat top left;
}

ul.folding .highlight {
  background-color: yellow;
}

input.foldingfound {
  background-color: #e0ffe0;
}

input.foldingnotfound {
  background-color: #ffe0e0;
}


/***************************************************************************
 *
 * SPECIAL FEATURES II, FLASH AND MEDIA
 *
 */

/*
 * Flash
 * Subclasses for (no) Flash messages
 */

div.noflash, div.flashblock {
  margin:            0px;
  padding:           16px;
  border:            1px solid white; 
  background:        transparent none no-repeat top right;
  height:            370px;
}

div.noflash h1, div.noflash h2, div.noflash p,
div.flashblock h1, div.flashblock h2, div.flashblock p {
  margin-left:       16px;
  margin-right:      16px;
  padding:           8px;
  width:             60%;
  text-align:        left;
  background:        transparent url(/common/styles2/images/_fw_blend_bg.png) repeat 0px 0px;
  display:           none;
}

div.flashblock {
  display:           none;
}


/*
 * Video
 * div.mediacontainer: Control for media clips
 */

/* !important to override [IE6 patch B15] */
div.mediacontainer {
  text-align:        left!important;
  margin:            0px 19px 20px 95px!important;
  padding:           0px 0px 20px 0px!important;
  background:        transparent url(/common/styles2/images/_fw_mediacontanier_bg.gif) no-repeat bottom right;
}

div.mediacontainer h1, div.mediacontainer h2, div.mediacontainer p {
  font-size:         8pt;
  color:             white;
  margin:            0px;
}

div.mediacontainer h1, div.mediacontainer h2 {
  font-size:         11pt;
  margin-bottom:     12px;
  padding:           14px 0px 8px 115px;
  background:        transparent url(/common/styles2/images/_fw_mediacontanier_head.gif) no-repeat top right;
}

div.mediacontainer p {
  padding:           0px 18px 12px 115px;
}

div.mediacontainer img {
  position:          absolute;
  margin:            10px 0px 0px 20px;
}

/* See [IE6 patch A19] */
div.mediacontainer p a {
  font-weight:       normal;
  display:           block;
  color:             white;
  padding-right:     20px;
  background:        transparent url(/common/styles2/images/_fw_mediacontanier_open.gif) no-repeat bottom right;
  height:            1%;
  min-height:        20px;
}

div.mediacontainer object.wmv, div.mediacontainer embed.wmv {
  width:             440px;
  height:            295px;
  margin-bottom:     -12px;
}

div.mediacontainer object.swf, div.mediacontainer embed.swf {
  width:             440px;
  height:            250px;
  margin-bottom:     -12px;
}




/***************************************************************************
 *
 * SPECIAL FEATURES III, USED VIA STRUCTURES IN TEMPLATES
 *
 */

/*
 * Features found in the Xxxx Front.dwt template
 * !important to override [IE6 patch B15]
 */

#cards {
  margin:            0px 0px 0px 32px!important;
  text-align:        left;
}

#cards div {
  width:             200px;
  height:            140px;
  float:             left;
  margin:            4px 0px 4px 0px;
  padding:           2px 7px 0px 7px;
  background:        transparent url(/common/styles2/images/_fw_card_1o3_bg.gif) no-repeat left top;
}

#cards h1, #cards h2, #cards p {
  margin:             0pt 8pt 4pt 8pt;
  padding:            0px;
}

#cards h1, #cards h2 {
  margin-top:         8pt;
  font-size:          9pt;
}

#cards p {
  clear:              both;
  text-align:         left;
  font-size:          8pt;
}

#cards img {
  margin: 0px;
  float: left;
}



/*
 *
 */

#switch {
  margin:            10px 0px 20px 20px; /* !important override of #message > div */
  padding:           0px;
}

#switch div, 
#switch h2, 
#switch p, 
#switch ul, 
#switch li, 
#switch img {
  margin:            0px;
  padding:           0px;
}

#switch p {
  display:           none;
}

/* See also [IE6 patch A21] */
#switch div {
  float:             left;
  height:            72px;
  margin:            20px 0px 20px 0px;
  padding:           20px 0px 0px 12px;
  border-left:       2px solid #4973ad;
}

#switch div.repeat_0 {
  padding-left:      0px;
  border-left:       0px;
}

#switch h2 {
  line-height:       1px; /* Needed in IE7 */
  padding-bottom:    12px;
}

#switch li {
  line-height:       1px; /* Needed in IE7 for layout & animation */
  margin-bottom:     4px;
}


/*
 *
 */

#topstories {
  margin:            20px 0px 0px 0px; /* !important override of #message > div */
  padding:           0px;
}

#topstories div, 
#topstories h2, 
#topstories p, 
#topstories img {
  margin:            0px;
  padding:           0px;
  clear:             none;
}

#topstories div {
  float:             left;
  width:             49%;
  height:            170px;
  background:        transparent url(/common/styles2/images/_fw_topstories_bg.gif) no-repeat 16px 4px;
}

#topstories h2 {
  font:              normal normal bold 10pt Arial, Helvetica, sans-serif;
  text-transform:    none;
  margin:            0px 0px 10px 28px;
}

#topstories p {
  font:              normal normal normal 8pt Verdana, Arial, Helvetica, sans-serif;
  margin-left:       115px;
  margin-right:      10px;
  text-align:        left;
}

#topstories p.followme {
  clear:             both;
  margin-left:       20px;
  font-weight:       bold;
}

#topstories img {
  float:             left;
  width:             112px;
  height:            108px;
}


/*
 *
 */

#quotation {
  margin:            0px 0px 0px 32px;
  text-align:        left;
}

/*
 * Footer form with contact buttons
 * !important to override [IE6 patch B15]
 */

div#contactfooter {
  margin:            0px!important;
  padding:           0px!important;
  background: none!important;
  position: absolute;
  bottom: 0px;
}

div#contactfooter a + a img {
  margin: 0px;
}


/***************************************************************************
 *
 * SPECIAL FEATURES IV, USED IN SPECIAL PAGES
 *
 */

/*
 * Press release indexes:
 */


ul.newsindex li {
  padding-bottom:    15pt;
  padding-left:      0pt;
  background: none;
}

.newsindexdate {
  font-size:         7pt;
}

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

.newsindextitle {
  display:           block;
  padding:           0pt 0px 0px 0px;
  font-size:         10pt;
  font-weight:       bold;
}

span.newsindexintroduction {
  display:           block;
  font-size:         8pt;
  padding:           6pt 0px 0px 8pt;
}

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



/*
 * 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/styles2/images/_fw_option_bg.default.gif) no-repeat 4px center;
}

a:visited.option {
  color:             #4973ad; 
}

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

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



/****************************************************************************
 *
 * STYLES FOR FORMS
 *
 * A form behaves like a block but has no padding and its content no leftmargin as this is inherited from the form
 *
 * Addition for IE6, see: [IE6 patch A1]
 *
 ***************************************************************************/

/* [r1] */

form {
  display:            block;
  padding:            0px;
}

/* DEBUG:
form { border: 1px dotted orange; }
form * { border: 1px dotted green; }
*/

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

form input + p, form label + p {
  padding-top:        14pt;
}

/* Get leftmargin images to escape the left side of the form */
/* See also [IE6 patch A16] */
form img.leftmargin {
  display:           block;
  margin-left:       -150px!important;
}

form div {
  margin:            0px;
  padding:           0px;
  text-align:        left;
}


form input, form select {
  padding:           0px;
  height:            12pt;
}

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

form label {
  position:          absolute;
  width:             150px;
  margin-top:        5px;
  padding-left:      32px;
}

form input.text, form select, form textarea {
  margin:            2px 0px 3px 174px;
  width:             300px;
  border:            1px solid #4973ad;
  padding:           2px 4px 0px 4px;
}

form select {
  width:             310px;
  padding:           0px;
}

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

form input.checkbox.inset, form input.radio.inset {
  margin-left:       174px;
}

form label.checkbox, form label.radio,
form input.checkbox + label, form input.radio + label {
  position:          relative;
  width:             auto;
  padding-left:      56px;
  padding-right:     36px;
}

form input.checkbox.inset + label, form input.radio.inset + label {
  padding-left:      200px;
}

form input.inset + label + label, form input.inset + label + label + input, form input.inset + label + label + textarea, form input.inset + label + label + input + label  {
  margin-top:        10px;
}

/*
 * Class "buttonstrip" is used to collect form buttons in a button-strip
 */
div.buttonstrip {
  min-height:        32px;
  margin:            12px 0px 24px 0px;
  padding-right:     36px;
}


input.submit {
  font-size:         9pt;
  font-weight:       bold;
  text-align:        center;
  width:             130px;
  height:            32px;

  /* 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 20px 6px 0px;
  
  color:             #4973ad;
  background:        transparent url(/common/styles2/images/_fw_form_submit_bg.default.gif) no-repeat top left;
  cursor:            pointer;

}

input.submit.back {
  padding:           0px 0px 6px 20px;
  background:        transparent url(/common/styles2/images/_fw_form_back_bg.default.gif) no-repeat top left;
}

input[disabled] {
  color:             #a0a0a0;
  cursor:            default;
}

input.submit[disabled] {
  background:        transparent url(/common/styles2/images/_fw_form_submit_bg.disabled.gif) no-repeat top left;
}

input.submit.back[disabled] {
  color:             #a0a0a0;
  background:        transparent url(/common/styles2/images/_fw_form_back_bg.disabled.gif) no-repeat top left;
}

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


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


input.code {
  font:              normal normal normal 10pt Courier New, Courier, monospace;
  letter-spacing:    8px;
  background:        transparent url(/common/styles2/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.
 */ 
form label.invalid {
  background:        transparent url(/common/styles2/images/_fw_invalid_bg.gif) no-repeat 20px center;
  padding-left:      32px;
  margin-right:      -8px;
  color:             #800000;
}

form 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. Fist hide the "invalidhint":
 */ 
p.invalidhint {
  display:              none;
  color:                #a00000;
}

/* Next, for an invalid form, show the "invalidhint": */
form.invalid p.invalidhint {
  display:              block;
}


/*
 * Definitions for sfsubmit forms; these are altered by inline stylesheet generated at runtinme.
 */
.sfsubmit_invalid, .sfsubmit_progress_next, .sfsubmit_cancel, .sfsubmit_done, .inlineform input.sfsubmit_done {
  display:              none!important;
}

.sfsubmit_invalid {
  color:                #a00000;
}

label.sfsubmit_invalid {
  background:        transparent url(/common/styles2/images/_fw_invalid_bg.gif) no-repeat 20px center;
}





/****************************************************************************
 *
 * HIGHLIGHTS COLUMN LAYOUT
 * Redefinitions of default styles.
 *
 ***************************************************************************/


#highlights div, #highlights h1, #highlights h2, #highlights h3, #highlights h4, #highlights p, #highlights ul, #highlights ol, #highlights dl {
  position:          relative;
  font:              normal 7.5pt Verdana, Arial, Helvetica, sans-serif;
  background:        transparent url(/common/styles2/images/_fw_highlight_bg.gif) no-repeat bottom left;
  margin:            -20px 0px 0px 0px;
  padding:           6px 10px 20px 10px;
  width:             160px;
}

#highlights h1 {
  font:              bold 9.5pt Arial, Helvetica, sans-serif;
  color:             #000;
  margin-top:        15px;
  padding-top:       15px;
  padding-bottom:    25px;
  background:        transparent url(/common/styles2/images/_fw_highlight_title_bg.gif) no-repeat top left;
  text-transform:    none;
}

#highlights h1.alert {
  color:             #600000;
}

#highlights h2 {
  font:              bold 10px Verdana, Arial, Helvetica, sans-serif;
  padding-top:       15px;
}

#highlights li h2 {
  background:        transparent;
}


#highlights img {
  display:           block;
  position:          relative;
  margin:            15px 0px 0px 0px;
  width:             180px;
}


#highlights img.block {
  margin:            0px;
}

#highlights p img {
  display:           inherit;
  width:             auto;
  margin:            0px;
}


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

#highlights img + p, #highlights img + ul, #highlights img + ol,
#highlights a + p, #highlights a + ul, #highlights a + ol {
  padding-top:       10px;
  margin-top:        -5px;
}


#highlights div {
  padding-left:      0px;
  padding-right:     0px;
  width:             180px; 
}

/* See: [IE6 patch A5] */
#highlights p {
  padding-top:       6px;
  min-height:        10px;
  text-align:        left;
}

  
#highlights ul, #highlights ol, #highlights dl {
  padding:           5px 2px 20px 2px;
  width:             176px;
}

#highlights ul ul, 
#highlights ul ol, 
#highlights ol ol,
#highlights ol ul {
  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 18px;
  background-position: 6px 0.2em;
}


#highlights ol li.no1,
#highlights ol li.no2,
#highlights ol li.no3,
#highlights ol li.no4,
#highlights ol li.no5,
#highlights ol li.no6,
#highlights ol li.no7,
#highlights ol li.no8,
#highlights ol li.no9 {
  text-transform:    uppercase;
  font-family:       Arial, Helvetica, sans-serif;
  font-size:         11pt;
  letter-spacing:    -0pt;
  padding:           5px 0px 4px 32px;
  margin:            0px 0px 4px 0px;
  background-position: 0px 1px;
}


#highlights dt {
  width:             160px;
}

/* 
 * Adjustment of common classes for the highlights column:
 */

#highlights .flagaustralia,
#highlights .flagaustria,
#highlights .flagbelgium,
#highlights .flagcanada,
#highlights .flagczech,
#highlights .flagdenmark,
#highlights .flagestonia,
#highlights .flageu,
#highlights .flagfinland,
#highlights .flagfrance,
#highlights .flaggermany,
#highlights .flaggreece,
#highlights .flagiceland,
#highlights .flagindia,
#highlights .flagireland,
#highlights .flagisrael,
#highlights .flagitaly,
#highlights .flagjapan,
#highlights .flaglatvia,
#highlights .flaglithuania,
#highlights .flagluxembourg,
#highlights .flagmonaco,
#highlights .flagnetherlands,
#highlights .flagnewzealand,
#highlights .flagnorway,
#highlights .flagpoland,
#highlights .flagportugal,
#highlights .flagrussia,
#highlights .flagspain,
#highlights .flagsweden,
#highlights .flagswitzerland,
#highlights .flagturkey,
#highlights .flaguk,
#highlights .flagusa,
#highlights .flagworld,
#highlights .flaganz,
#highlights .flagbelgneth,
#highlights .flaggeswau,
#highlights .flagengswe,
#highlights .flagukirl,
#highlights .flagusacan {
  padding:           0px 0px 6px 36px;
}

/* 
 * 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 #4973ad;
}

#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:             #4973ad;
  background:        transparent url(/common/styles2/images/_fw_followme_bg.default.gif) no-repeat top right;
  cursor:            pointer;
}


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


@media screen {

/*
 * DOCUMENT SETUP 
 */

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

/* See: [IE7 patch 4] */
html {
  overflow:                    auto;
}

/* Mailny used for popup forms */
iframe {
  border:                      0px;
}


/*
 * MAIN DOCUMENT REGIONS
 */

/*
 * 690px = 890px - 200, where 200px = the "holy grail"
 *
 * @media screen needed for this one not to crash IE6 when printing!
 */

#canvas, #header, #footer, #banner {
  position:          relative;
  /* Center body & header */
  width:             900px;
  padding:           0px 1px 0px 1px;
  margin:            0px auto 0px auto;
  text-align:        left;
}


#canvas, #banner {
  background:        #ffffff;
  border-left:       1px solid #bcbcbc;
  border-right:      1px solid #bcbcbc;
}

#canvas {
  width:             703px; /* [r2] */
  padding-right:     196px; /* [r2] */
  padding-bottom:    10px;
}

#banner {
  width:             898px;
}

/* See: [IE7 patch 1] */
/* Note: using margin-top does not work with addthis widget in IE6! mbm:100322 */
#header {
  width:             902px;
  top:               5px;
  padding:           0px;
  height:            130px;
  background:        #ffffff url(/common/styles2/images/_fw_header_bg.png) repeat-x left top;
}

/*
 * Banner
 * Note: !important in margin and padding to override [IE6 patch B15]
 */

#message #banner {
  width:             auto;
  margin:            0px 0px 0px 0px;
  padding:           30px 15px 0pt 15px;
  clear:             left;
  text-align:        left;
  border:            0px none;
}

#banner img {
  float: left;
  margin: 0px;
}


/*
 * INSIDE THE HEADER
 */

/* See [IE6 patch A17] */
#headerbox1 {
  position:          relative;
  margin:            0px 0px 0px -10px;
  padding:           0px;
  background:        transparent url(/common/styles2/images/_fw_header_left_bg.png) no-repeat left top;
  height:            125px;
}

/* See [IE5 patch 2] */
/* See [IE6 patch A17] */
#headerbox2 {
  position:          relative;
  margin:            0px -10px 0px 0px;
  padding:           3px 0px 0px 12px;
  background:        transparent url(/common/styles2/images/_fw_header_right_bg.png) no-repeat right top;
  height:            122px;
}

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

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


/* 
 * Inside the header: Menu layout 
 */

#menu, #menu div {
  padding:           0px;
  margin:            0px;
}

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

#menu p {
  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 
 */

#minisearchform {
  display:           block;
  position:          absolute;
  margin:            0px;
  padding:           0px 0px 3px 0px;
  bottom:            0px;
  width:             172px;
  text-align:        left;

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

/* See: [IE6 patch A4] */

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

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

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

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

#minisearchform a.map {
  background:        transparent url(/common/styles2/images/_fw_minisearch_sitemap.default.gif) no-repeat top left;
}

#minisearchform input.submit {
  background:        transparent url(/common/styles2/images/_fw_minisearch_submit_bg.default.gif) no-repeat top left;
}


/* See [IE6 patch A18] */
#footer {
  padding-bottom:    20px;
  background:        transparent url(/common/styles2/images/_fw_footer_bg.png) no-repeat center bottom;
}



/* 
 * INSIDE THE CANVAS: MESSAGE LAYOUT
 *
 * See also all general definitions in top of the file which apply to the 
 * #message region by default.
 */

#message {
  position:          relative;
  float:             left;
  width:             100%;
  margin:            0px;
  padding:           0px 0px 32px 0px;
  text-align:        left;
  
  /* Note: Enable hasLayout in IE6: without it left floated element will inherit the padding above! */
}





/* 
 * INSIDE THE CANVAS: HIGHLIGHTS LAYOUT
 */

#highlights {
  position:          relative;
  float:             left;
  margin:            0px -196px 0px 0px; /* [r2] */
  right:             0px;
  top:               15px;
  padding:           0px 0px 32px 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: 196px; /* [r2] */
  
  /* Prevent bloated titles in navigator to expand the highlights area: */
  overflow: hidden;
}


/* 
 * INSIDE THE CANVAS: DHTML ISLANDS
 * Predefined areas for DHTML injection
 */

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

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




/*
 *
 * FOOTER LAYOUT
 *
 */

#footer ul {
  margin:            0px 0px 0px 32px;
  padding:           1px;
  clear:             both;
}

#footer li {
  font:              normal normal normal 7pt Verdana, Arial, Helvetica, sans-serif;
  color:             #a0a0a0;
  float:             left;
  height:            auto;
  /* ml -1 makes the pipe disappear in IE6 */
  margin:            0px 0px 0px -1px;
  padding:           0pt 6px 0pt 4pt;
  border-left:       1px solid #a0a0a0;
  background:        none;
}

#footer li:first-child {
  border-left: none;
}

#footer li a {
  color: #a0a0a0;
}

#footer li a:hover {
  color:             #e47a11; 
}




/****************************************************************************
 *
 * 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/styles2/images/_fw_sort_down.gif) 
}

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

.sipsorthover {
  background-color:    #FFDEB1;
}



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

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


/* Link target img: */

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

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

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


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



/*
 * Drop-down menus
 */

.simmenucontainer {
  position:          absolute;
  left:              0px;
  top:               0px;
  margin:            0px;
  padding:           1px;
  background:        #ffffff url(/common/styles2/images/_sim_menubg.gif) repeat-x bottom left;
  border:            1px solid #000000;
  border-left:       1px solid #bcbcbc;
  border-top:        1px solid #bcbcbc;
  border-right:      1px solid #969696;
  border-bottom:     1px solid #969696;
  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:             #000000;
  font:              normal bold 7pt Verdana, Arial, Helvetica, sans-serif;
  border:            0px;
  border-bottom:     1px solid #a0a0a0;
  background-color:  #e0e0e0; 
}

.simfolder a {
  background:        transparent url(/common/styles2/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;
  background-repeat:  no-repeat;
  background-position: 2px 4px;
}

.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; 
}




/*
 * The infamous scripted spash-screen
 */

div.sipsplashcanvas {
  position:          absolute;
  visibility:        visible;
  left:              0px;
  top:               0px;
  width:             100%; 
  height:            100%;
  margin:            0px;
  padding:           0px;
  z-index:           100;
}

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

table.sipsplashbox {
  position:          absolute;
  border:            0px;
  margin:            0px;
  padding:           0px;
}

table.sipsplashbox iframe {
  position:          relative;
  overflow:          hidden;
  height:            1px;
}

.sipsplashbox .r0c0, .sipsplashbox .r0c1, .sipsplashbox .r0c2,
.sipsplashbox .r1c0, .sipsplashbox .r1c1, .sipsplashbox .r1c2,
.sipsplashbox .r2c0, .sipsplashbox .r2c1, .sipsplashbox .r2c2 {
  width:             32px;
  height:            32px;
  margin:            0px;
  padding:           0px;
  border:            0px;
}

.sipsplashbox .r1c1 {
  background:        #ffffff url(/common/styles2/images/_fw_loading.gif) no-repeat center center;
  min-width:         150px;
  min-height:        100px;
}

.sipsplashbox .r0c0 {
  background:        transparent url(/common/styles2/images/_fw_splashbox_r0c0.png) no-repeat right bottom;
}

.sipsplashbox .r0c1 {
  background:        transparent url(/common/styles2/images/_fw_splashbox_r0c1.png) repeat-x left bottom;
}

.sipsplashbox .r0c2 {
  background:        transparent url(/common/styles2/images/_fw_splashbox_r0c2.png) no-repeat left bottom;
}

.sipsplashbox .r1c0 {
  background:        transparent url(/common/styles2/images/_fw_splashbox_r1c0.png) repeat-y right top;
  height: 100px;
}

.sipsplashbox .r1c2 {
  background:        transparent url(/common/styles2/images/_fw_splashbox_r1c2.png) repeat-y left top;
  height: 100px;
}

.sipsplashbox .r2c0 {
  background:        transparent url(/common/styles2/images/_fw_splashbox_r2c0.png) no-repeat right top;
}

.sipsplashbox .r2c1 {
  background:        transparent url(/common/styles2/images/_fw_splashbox_r2c1.png) repeat-x left top;
}

.sipsplashbox .r2c2 {
  background:        transparent url(/common/styles2/images/_fw_splashbox_r2c2.png) no-repeat left top;
}






#at20mc, #at20mc *
{
  margin: 0px;
  padding: 0px;
}

#at20mc form input {
  padding: 0px;
  height: 14pt;
}


}


@media print {

  div {
    margin: 0px;
    padding: 0px;
    width: 100%;
  }

  h1, h2, h3, h4, p, ul, ol, dl, label, input, textarea, select, th, td, caption, pre {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 24pt;
    padding-right: 48pt;
  }

  h1 {
    font-size: 20pt;
    margin-top: 12pt;
    margin-bottom: 24pt;
    border-bottom: 16pt solid #4973ad;
  }


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

  #canvas {
    width:             auto!important;
  }

  #header, #headerbox1, #headerbox2 {
    background:        transparent none;
  }

  #header {
  }

  img {
    display: none;
  }  
  
  #header img.logo {
    position: absolute;
    display:  block;
    top: 0px;
    right: 0px;
    width: 100pt;
    height: auto;
  }
  
  ul 
  {
    list-style: square;
  }

  ul li 
  {
    background: transparent none;
  }

}



@media handheld {

  h1, h2, h3, h4, p, ul, ol, dl, label, input, textarea, select, th, td, caption, pre {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 24pt;
    padding-right: 48pt;
    border: 1px solid black;
  }

  div {
    margin: 0px;
    padding: 0px;
    width: 100%;
    border: 1px solid red;
  }


  
  div#highlights {
    /* AAAAA */
  }    

  #canvas {
    width:             auto!important;
  }

  #header, #headerbox1, #headerbox2 {
    position:          static;
    width:             100%;
    background:        transparent none;
  }

  #header {
    border-bottom:     16px solid #4973ad;
    margin-bottom:     24pt;
  }

  img {
    display: none;
  }  
  
  #header img.logo {
    float:             right;
    margin:            16px 24px 0px 0px;
  }
  
  ul 
  {
    list-style: square;
  }

  ul li 
  {
    background: transparent none;
  }

}

/* EoF */