/*

Coding Conventions:
-------------------

- use 12px as base value for all measures in em. Example: 15px = 1.25em;
- always calculate the needed em-value. don't trial and error until it looks ok on screen --> this will lead to rounding errors
- leave out the 0 if you specify a value between 0 and 1. Example: .3333em instead of 0.3333em
- always use max. 4 decimals for values in em. Examples:
    - OK: 8em / 8.25em / 8.1666em
    - NOT OK: 8.166666666em / 8.17em
- use lowercase only except for selectors
- use a single line for each selector (exceptions allowed for readability)
- use a single line for each rule
- always write rules like this: "property: value [*value];". Note the space between the property and the value
- always use all 6 characters to specify a color. Example: #666666 instead of #666
- use short notation if possible. Example: background: #ffffff; instead of background-color: #ffffff;
 */

div#page { 
    font-size: 0.75em; /* base font-size for all elements is 12px */
    font-family: Arial, Helvetica, sans-serif;
    color: #4c4c4c;
/*  min-width: 82.1666em;
    max-width: 85em;*/
    margin: 0 auto;
/*  padding: 0 .3333em 0 0;*/
}

body {
    background: #ffffff;
}

div#content {
    width: 82.5em;
    margin: 0 auto 0 auto;
    padding: 8.75em 0 0 0;
    /* background-color: #ffffff;*/
    position: relative;
}


div#skipNav {
    position: absolute;
    top: 0;
    left: -300em;
    font-size: .75em;
    width: 100%
}

div#skipNav ul {
    list-style: none;
}

#rtl div#skipNav {
    left: auto;
    text-indent: -300em;
}

div#skipNav a:active,
div#skipNav a:focus,
div#skipNav a.xxx {
    position: absolute;
    left: 258.75em;
    top: 6.5em;
    width: 17em;
    margin-left: 50%;
}

#rtl div#skipNav a:active,
#rtl div#skipNav a:focus,
#rtl div#skipNav a.xxx {
    text-indent: 258.75em;
    left: auto;    
    margin-left: 0;
    margin-right: 50%;
}

div#leftCol {
    float: left;
    width: 16.25em;
}

#rtl div#leftCol {
    float: right;
}

div#content.no-page-trail div#mainContent {
    margin-top: 3.75em;
}

div#mainArea {
    position: relative;
    /* overflow: hidden;
    IE6 + jquery, has rendering issue in #rtl mode */
}

div#actionBox {
    position: absolute;
    top: 0;
    right: 0;
    width: 250px;
    margin-bottom: 1.6667em;
    overflow: hidden;
    z-index: 500;
}

#rtl div#actionBox {
    left: 0;
    right: auto;
}

div#footer {
    clear: both;
}

div#shadowBottom {
    display: none;
}

/* End page positioning */


/* ################ */
/* Start page types */
/* ################ */

/* space entry #1 and #2 */

#space #pageTrail,
#space.space2 #pageTrail {
    height: 4.5455em;
}

#space div#mainContent {
    float: left;
    width: 58.3333em;
}

#rtl #space div#mainContent {
    float: right;
}

#space div#actionBox {
    top: .3333em;
}

body.nojs #space div#actionBox {
    position: static;
    top: 0;
    left: 0;
    float: right;
    margin: .3333em 0 1.6666em 1.25em;
}

#space div#serviceArea {
    float: right;
    width: 20.8333em;
    margin: 5.75em 0 0 0;
}

#rtl #space div#serviceArea {
    float: left;
}

body.nojs #space div#serviceArea {
    float: right;
    width: 20.8333em;
    margin: 0;
    clear: right;
}


/* space entry #2 */

#space.space2 div#mainArea {
	margin-bottom: 1.25em;/*pxem= margin-bottom: 15px; *!12px* =pxem*/
    margin-top: -18em;/*pxem= margin-top: -216px; *!12px* =pxem*/
    position: relative;
    z-index: 55;
}

#space.space2 div#mainContent {
    float: none;
    width: 82.5em;
    height: 12.5em;
    background: #ffffff;
}

.space2 #mainContent .insert-container {
  width: 25.75em;
  height: 10.8333em;
  margin: 0.8333em 0 0;/*pxem= margin: 10px 0 0; *!12px* =pxem*/
  padding: 0 0.8333em;/*pxem= padding: 0 10px; *!12px* =pxem*/
  float: left;
  border-right: 1px solid #d9dee2;
  overflow: hidden;
}

.space2 #mainContent div.last-child {
    border-right: none;
}

#rtl .space2 #mainContent .insert-container {
  float: right;
  border-right: 0;
  border-left: 1px solid #d9dee2;
}

#rtl .space2 #mainContent div.last-child {
    border-left: none;
}

.space2 #mainContent.fourCols .insert-container {
  width: 226px;
}

.space2 #mainContent .insert-container-gfx h3,
.space2 #mainContent .insert-container-gfx p,
.space2 #mainContent .insert-container-gfx ul {
  width: 209px;
  float: right;
}

.space2 #mainContent .insert-container-gfx ol {
  width: 15.4167em;
  float: right;
}
.space2 #mainContent.fourCols .insert-container-gfx h3,
.space2 #mainContent.fourCols .insert-container-gfx p,
.space2 #mainContent.fourCols .insert-container-gfx ul {
  width: 10.5em;
}
.space2 #mainContent.fourCols .insert-container-gfx ol {
  width: 8.5em;
}
#rtl .space2 #mainContent .insert-container-gfx h3,
#rtl .space2 #mainContent .insert-container-gfx p,
#rtl .space2 #mainContent .insert-container-gfx ul {
  float: left;
}
#rtl .space2 #mainContent .insert-container-gfx ol {
  float: left;
}

.space2 #mainContent .insert-container h2.container-title {
  border-bottom: 0;
  padding-bottom: 0;
  margin: 0.4667em 0 0.0667em;/*pxem= margin: 7px 0 1px; *!15px* =pxem*/
}

.space2 #mainContent .insert-container img {
  float: left;
  margin: .3333em 9px 3px 0; /*!12px*/
}

#rtl .space2 #mainContent .insert-container img {
  float: right;
  margin: .3333em 0 3px 10px; /*!12px*/
}

.space2 #mainContent .insert-container .link-item {
  clear: none;
}

/*********** mood for space entry #1 and #2 ***********/


#space div#content {
    padding: 7.5833em 0 0 0;/*pxem= padding: 91px 0 0 0; *!12px* =pxem*/
}

#space #mood {
    min-width: 82.5em;/*pxem= width: 990px; *!12px* =pxem*/
    overflow: hidden;
    position: relative;
    width: 100%;
}

#cp #mood {
    margin-top: -0.0833em;/*pxem= margin-top: -1px; *!12px* =pxem*/
    margin-bottom: -0.5em;/*pxem= margin-bottom: -6px; *!12px* =pxem*/
}

#space #mood .mood-min {
    width: 82.5em; /*!12px*/
    margin: 0 auto;
}

#mood .mood-min .mood-inner {
	background: url("/myweb/p/wui/3/core/img/shadow_img.png") repeat-x 0 bottom #ffffff;
/*    overflow: hidden;*/
    padding-bottom: 0.9167em;/*pxem= padding-bottom: 11px; *!12px* =pxem*/
    position: relative;
    z-index: 37;
}

#space #mood .mood-min .mood-inner {
    left: 5em;
    margin: 0 -6.6667em;
    width: 85.8333em;
}

#rtl #space #mood .mood-min .mood-inner {
    left: auto;
    right: 5em;
}

#mood object,
div#mood img.image {
    display: block;
}

#space div#page {
    margin: 0;
    max-width: none;
    min-width: none;
    padding: 0;
    width: auto;
}

#space div#content {
    margin: 0;
    min-width: 82.5em;/*pxem= width: 990px; *!12px* =pxem*/
    width: 100% !important;
}

#space .content,
#space div#mainArea,
#space div#footer,
#space div#pageTrail,
#space .header-title-section h1 {
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#space .content,
#space div#mainArea,
#space div#footer {
    width: 82.5em;
}

#space .header-title-section h1 {
    width: 55em;
}

#space div#pageTrail {
    width: 90em;
}

#cp div#mood + div#pageTrail,
#space div#pageTrail {
    padding-right: 0;
    padding-top: 0;
    z-index: 50;
    margin-top: -5px;
}

#cp div#mood + div#pageTrail {
    position: relative;
    margin-top: -5px;
    padding-top: 2px;
}

#space #contactLang {
    margin-right: -41.25em;/*pxem= margin-right: -495px; *!12px* =pxem*/
    right: 50%;
    width: 33.3333em;
}

#rtl #space #contactLang {
    margin-left: -41.25em;/*pxem= margin-left: -495px; *!12px* =pxem*/
    margin-right: 0;
    left: 50%;
    right: auto;
    width: 33.3333em;
}
/************************ end mood ****************************/

/************************ post header elements (title, nohnav) ****************************/

.header-title-section {
    border-top: 0.0555em solid #d9dee2;
    font-size: 1.5em;
    line-height: 1.1666em;
    padding: 0.3333em 0;
    width: 100%;
}

#rtl .header-title-section {
    text-align: right;
}

.header-title-section h1,
.header-title-section h1 a {
    color: #4c4c4c;
    font-weight: normal;
    text-decoration: none;
}

.header-title-section h1 a:hover,
.header-title-section h1 a:focus {
    color: #2d8dae;
}

#space .header-title-section {
	border-top: none;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 5.8888em;
    z-index: 124;
}

/*#space .header-title-section h1 {
    color: white;
}*/

div.header-no-hnav {
  border-top: 1px solid #D9DEE2;
  height: 6em;
  background: transparent url("/myweb/p/wui/3/core/img/shadow_nohnav.gif") no-repeat left top;
  font-size: 0.0833em; /* 1px */
  line-height: 1em;
}

/************************ end mood ****************************/


/************************* iverted mood **********************/
#space.inverted .header-title-section h1, 
#space.inverted .header-title-section h1 a {
  color: white;
}
#space.inverted .header-title-section h1 a:hover,
#space.inverted .header-title-section h1 a:focus {
	color:#B6EDFF;
}
/********************* end iverted mood **********************/

/************************ start claim ****************************/

div#mood img.image {
    position: relative;
    z-index: 10;
    background-color: #a6b1bb;
}

div#mood img.claim,
div#mood span.claim {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 12;
}
#rtl div#mood img.claim,
div#mood span.claim {
    left: auto;
    right: 0;
}

#space.space2 div#mood img.image {
    height: 53.3333em;
}

#space.space2 div.insert-container h3.paragraph-title {
    padding-bottom: .1667em;
}

.mood-inner {
    visibility: hidden;
}
body.nojs .mood-inner {
    visibility: visible;
}

/*Action Links*/
#mood .mood-inner div.action-links {
  font-size: 1.25em;
  line-height: 1.2em;
  z-index: 333;  
  position: absolute;
}
.inverted #mood .mood-inner div.action-links a,
#mood .mood-inner div.action-links a {
	color: #2D8DAE;
}
.inverted #mood .mood-inner div.action-links a:hover,
#mood .mood-inner div.action-links a:hover,
.inverted #mood .mood-inner div.action-links a:focus,
#mood .mood-inner div.action-links a:focus {
	color: #9D0E2D;
}
.inverted #mood.inverted .mood-inner div.action-links a,
#mood.inverted .mood-inner div.action-links a {
	color: #ffffff;
}
.inverted #mood.inverted .mood-inner div.action-links a:hover,
#mood.inverted .mood-inner div.action-links a:hover,
.inverted #mood.inverted .mood-inner div.action-links a:focus,
#mood.inverted .mood-inner div.action-links a:focus {
	color: #b6edff;
}
#space.inverted #contactLang ul#navLangRoot li a,
#space.inverted #contactLang ul#contact li a,
#space.inverted .header-title-section h1 {
	color:#ffffff;
}
#space.inverted #contactLang ul#navLangRoot li.active,
#space.inverted #contactLang ul#navLangRoot li a:hover,
#space.inverted #contactLang ul#contact li a:hover, 
#space.inverted #contactLang ul#navLangRoot li a:focus,
#space.inverted #contactLang ul#contact li a:focus {
	color:#b6edff;
}



.inverted #mood .mood-inner div.action-links a.icon,
#mood .mood-inner div.action-links a.icon  {
  background-image: url(/myweb/p/wui/3/core/img/mood_icons.png);
  background-repeat: no-repeat;
  padding-left: 1.2em; /* 18px with font size base of 15px */
}
#rtl .inverted #mood .mood-inner div.action-links a.icon,
#rtl #mood .mood-inner div.action-links a.icon {
  background-image: url(/myweb/p/wui/3/core/img/mood_icons_rtl.png);
  padding-left: 0;
  padding-right: 1.2em; /* 18px with font size base of 15px */
}

.inverted #mood.inverted .mood-inner div.action-links a.icon,
#mood.inverted .mood-inner div.action-links a.icon {
  background-image: url(/myweb/p/wui/3/core/img/mood_icons_inverted.png);
}
#rtl .inverted #mood.inverted .mood-inner div.action-links a.icon,
#rtl #mood.inverted .mood-inner div.action-links a.icon  {
  background-image: url(/myweb/p/wui/3/core/img/mood_icons_inverted_rtl.png);
}
#mood .mood-inner div a.icon-arrow {
  background-position: left 4px;
}
#rtl #mood .mood-inner div a.icon-arrow {
  background-position: right 4px;
}
#mood .mood-inner div a.icon-movie {
  background-position: left -47px;
}
#rtl #mood .mood-inner div a.icon-movie {
  background-position: right -47px;
}

#mood .mood-inner div a.icon-camera {
  background-position: left -97px;
}
#rtl #mood .mood-inner div a.icon-camera {
  background-position: right -97px;
}

#mood .mood-inner div a.icon-speaker_on {
  background-position: left -147px;
}
#rtl #mood .mood-inner div a.icon-speaker_on {
  background-position: right -147px;
}




















#mood .mood-inner div ul li {
  line-height: 1.2em; /* 18px with font size base of 15px */
}

#mood .mood-inner div a {
  background-position: left -40px;
  display: block;
  color: #4C4C4C;
  text-decoration: none;
}
#mood .mood-inner div a:hover {
  color: #2D8DAE;
}
#rtl #mood .mood-inner div a {
  background-position: right -40px;
}
/*.inverted #mood .mood-inner div a,
#space #mood .mood-inner div a {
  color: #ffffff;
}
.inverted #mood .mood-inner div a:hover,
#space #mood .mood-inner div a:hover {
  color: #b6edff;
}*/


/************************ end claim ****************************/

/* content page */

#cp div#mainContent {
    float: left;
    width: 42.9166em;
}

/* Start overview page */

/*#cp #pageTrail {
    height: 2.9090em;
}*/

#cp div#mainArea {
    float: right;
    width: 65em;
}

#cp div#actionBox {
    top: .4166em;
}

body.nojs #cp div#actionBox {
    position: static;
    top: 0;
    left: 0;
    float: right;
    margin: .4166em 0 1.25em 0;
}

#cp div#serviceArea,
body.nojs #cp div#serviceArea {
    width: 250px; /* !keep in px - IE8 rounding issue - #679 */ 
}

#cp div#serviceArea {
    float: right;
    margin: 5.8333em 0 0 0;
}

body.nojs #cp div#serviceArea {
    float: right;
    margin: 0;
    clear: right;
}

/* End overview page */

/* Start content page */

#cp div#pageTrail {
    height: 3.4545em; /*4.4545em; QC 573*/
}

#cp div#mainArea {
    float: right;
    width: 65em;
    padding: 0 0 0 .5em;
}

#rtl #cp div#mainArea {
    float: left;
    padding: 0 .5em 0 0;
}

#rtl #cp div#mainContent {
    float: right;
}

body.nojs #cp div#actionBox {
    position: static;
    top: 0;
    left: 0;
    float: right;
    margin: .4166em 0 1.6666em 1.25em;
}

#rtl body.nojs #cp div#actionBox {
    float: left;
    margin-left: 0;
}    

/*#cp div#serviceArea {
    float: right;
    width: 20.8333em;
    margin: 5.8333em 0 0 0;
}*/

#rtl #cp div#serviceArea {
    float: left;
}

/*body.nojs #cp div#serviceArea {
    width: 20.8333em;
    margin: 0;
    clear: right;
}*/

#rtl body.nojs #cp div#serviceArea {
    clear: left;
}

/* End content page */

/* Start content page wide */

#cp.wide div#mainArea {
    float: right;
    width: 65.5em;
    padding: 0;
}

#rtl #cp.wide div#mainArea {
    float: left;
    padding: 0;
}

#cp.wide div#mainContent {
	float: none;
    margin: 0 0 0 .5em;
    width: 65em;
}

#rtl #cp.wide div#mainContent {
    margin: 0 .5em 0 0;
}

body.nojs #cp.wide div#mainContent {
    margin-bottom: 1.5em;
}

body.nojs #cp.wide div#actionBox {
    position: static;
    top: 0;
    left: 0;
    float: left;
    margin-left: .5em;
    margin-top: 1.6667em;
}

#rtl body.nojs #cp.wide div#actionBox {
    right: 0;
    float: right;
    margin-right: .5em;
    margin-left: 0;
}


#cp.wide div#serviceArea {
	float: left;
    margin: 0 0 0 0.5em;
    padding-top: 1.6666em;
    overflow: hidden;
    width: 66.5em;
    /* this width is intentionally a few px too large to prevent the service area
    containers from flowing to the next line in a hight zoom level */
}

#rtl #cp.wide div#serviceArea {
    float: right;
    margin: 0 .5em 0 0;
}

body.nojs #cp.wide div#serviceArea {
    float: right;
    margin-left: 0;
    margin-right: -1.3333em;
    width: 44.25em; /* there are just 2 containers next to each other, since the first col is for action box */ 
    /* this width is intentionally a few px too large to prevent the service area
    containers from flowing to the next line in a hight zoom level */
}

#rtl body.nojs #cp.wide div#serviceArea {
    float: left;
    margin-right: 0;
    margin-left: -1.3333em;
}


/* End content page wide */


/* Start full */

#cp.full #page #mainArea,
#cp.full #page #mainContent {
    float: none;
    width: auto;
    padding: 0;
}

/* End  */

/* Start nojs megaflyout */

#page .cs-mf-navi h2 {
    background: #ffffff;
    color: #4C4C4C;
    font-size: 1.5em;
    line-height: 1.1666em;
    font-weight: normal;
}

#page .cs-mf-notabs h2 {
    border-bottom: 39px solid #ffffff;
}

#page .cs-mf-nj-bg {
    background: #ffffff;
    bottom: 0;
    height: 100%;
    position: relative;
    top: 0;
    z-index: 100;
    overflow: hidden;
    width: 82.5em;
}

#page .cs-mf-nj-bg .separator {
    border-left: 1px solid #d9dee2;
    border-right: 1px solid #d9dee2;
    bottom: 0;
    left: 27.0833em;
    height: 4000em;
    /*padding-top: 100%;*/
    position: absolute;
    top: 2.25em;
    width: 28.25em;
}

#rtl #page .cs-mf-nj-bg .separator {
    left: auto;
    right: 27.0833em;
}

#page .cs-mf-navi {
	position: relative;
    z-index: 110;
}

#page .cs-mf-notabs {
    border-bottom: 15px solid #ffffff;
}

#page .cs-mf-navi div,
#page .cs-mf-navi ul,
#page .cs-mf-navi li {
    display: block;
    position: relative;
}

#page .cs-mf-navi li a {
	background: #ffffff;
    display: block;
    text-decoration: none;
}

#page .cs-mf-tabs li a {
    border-top: 15px solid #ffffff;
}

#page .cs-mf-tabs li a span {
	color: #094981;
    font-size: 1.25em;
    font-weight: bold;
}

#page .cs-mf-navi li li a {
    background: transparent;
    border-top: none;
    padding: 2px 0 3px 0;
}

#page .cs-mf-notabs li a,
#page .cs-mf-navi li li.last-child a {
    padding: 2px 0;
}

#page .cs-mf-navi ul.link-list li a {
    background: transparent url("/myweb/p/wui/3/core/img/icons.png") no-repeat scroll left -42px;
    padding: 0 0 0 1.25em;
}

#rtl #page .cs-mf-navi ul.link-list li a {
    background: transparent url("/myweb/p/wui/3/core/img/icons_rtl.png") no-repeat scroll right -42px;
    padding: 0 1.25em 0 0;
}

#page .cs-mf-navi div,
#page .cs-mf-notabs ul {
	border-top: 6px solid #ffffff;
    float: left;
    width: 25.8333em;
}

#rtl #page .cs-mf-navi div,
#rtl #page .cs-mf-notabs ul {
    float: right;
}

#page .cs-mf-navi div.content  {
    float: left;
    width: 56.6667em;
}

#rtl #page .cs-mf-navi div.content  {
    float: right;
}

#page .cs-mf-navi div.promote {
    border-top: none;
    float: left;
    padding-left: 30px;
    margin-top: -.3333em;
}

#rtl #page .cs-mf-navi div.promote {
    float: right;
    padding-left: 0;
    padding-right: 30px;
}

#page .cs-mf-navi .content,
#page .cs-mf-navi a.cs-mf-closeButton,
#page .cs-mf-navi .cs-mf-tabs li li div,
#page .cs-mf-notabs ul div {
    display: none;
}

#page div.cs-mf-notabs div.content,
#page .cs-mf-navi ul .content {
	display: block;
}

#page .cs-mf-tabs li {
    border-top: 1px solid #d9dee2;
    border-bottom: 15px solid #ffffff;
    clear: both;
    list-style: none;
    width: 82.5em;
}

#page .cs-mf-notabs li {
    border-top: 1px solid #d9dee2;
}

#page .cs-mf-notabs ul.link-list li {
    border-top: none;
}

#page .cs-mf-notabs:before, #page .cs-mf-notabs:after,
#page .cs-mf-navi ul:before, #page .cs-mf-navi ul:after,
#page .cs-mf-navi li:before, #page .cs-mf-navi li:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
#page .cs-mf-notabs:after,
#page .cs-mf-navi ul:after,
#page .cs-mf-navi li:after { clear: both; }
#page .cs-mf-notabs,
#page .cs-mf-navi ul,
#page .cs-mf-navi li { zoom: 1; }

#page .cs-mf-navi li li {
    background: transparent url("/myweb/p/wui/3/core/img/dotted_line.gif") repeat-x left bottom;
    border-bottom: none;
    border-top: none;
    width: 100%;
}

#page .cs-mf-notabs ul li.last-child,
#page .cs-mf-navi li li.last-child {
    background: none;
    border-bottom: 2px solid #C6C6C6;
}

#page .cs-mf-notabs li.first-child,
#page .cs-mf-navi li ul {
    border-top: 2px solid #C6C6C6;
}

#page .cs-mf-navi li .content ul,
#page .cs-mf-navi li .content li,
#page .cs-mf-navi li .content li.last-child {
     background: none;
     border-bottom: none;
     border-top: none;
}

#page .cs-mf-tabs li.first-child {
     border-top: none;
}

/* End nojs megaflyout */


/* Start popup standard and wide */

#page.popup,
#page.popupAdjust {
    background-image: none;
    min-width: 0;
    max-width: inherit;
    width: auto;
}

#page.popup div#content,
#page.popupAdjust div#content {
    margin: 0;
    padding-top: 93px;
    padding-left: 1.25em;
}

#rtl #page.popup div#content,
#rtl #page.popupAdjust div#content {
    padding-left: 0;
    padding-right: 1.25em;
}

#page.popup div#content {
    width: 42.9166em;
}

#cp.wide #page.popup div#content {
    width: 65em;
}

#page.popupAdjust div#content {
    width: auto;
}

#page.no-logo div#content {
    padding-top: 1.6667em;
}

#cp #page.popup div#mainArea,
#cp #page.popupAdjust div#mainArea {
  position: relative;
  float: none;
  width: auto;
  padding: 0;
}

#cp #page.no-logo a#cs-logo {
    display: none;
}

#cp #page.popup div#mainContent,
#cp #page.popupAdjust div#mainContent {
  float: none;
  width: auto;
}

#cp.wide #page.popup div#mainContent {
    width: 65em;
    margin:0;
}

#page.popup div#footer div#pageFunction,
#page.popupAdjust div#footer div#pageFunction {
    margin-left: 0;
}

#page.popup div#footer,
#page.popupAdjust div#footer {
    /*margin-top: 2.5em;*/
    margin-bottom: 0;
    padding-bottom: 39px;
    padding-left: 0;
}

#page.popup div#footer div.copyright,
#page.popupAdjust div#footer div.copyright {
  display: block;
}

#page.popup a#cs-logo,
#page.popupAdjust a#cs-logo {
  display: block;
  position: absolute;
  width: 17.1667em;
  height: 6.25em;
  left: 1.25em;
  top: 0;
  padding: 0;
  margin: 0;
}

#rtl #page.popup a#cs-logo,
#rtl #page.popupAdjust a#cs-logo {
  left: auto;
  right: 1.25em;
}

#page.no-footer div#footer {
  padding-bottom: 3.3333em;
  display: none;
}

#page.no-footer div#footer div#pageFunction {
  margin-bottom: 0;
}

#page.no-footer div#footer div.copyright,
#page.no-footer div#footer div.general-disclaimer,
#page.no-footer div#footer div.special-disclaimer-links,
#page.no-footer div#footer div.special-disclaimer,
#page.no-footer div#footer div.navigation-footer,
#page.no-footer div#footer div.social-footer {
    display: none;
}

#page.popup div#footer div.social-footer,
#page.popupAdjust div#footer div.social-footer,
#page.popup div#footer div.navigation-footer,
#page.popupAdjust div#footer div.navigation-footer {
    display: none;
}
#page.popupAdjust div#footer div#pageFunction,
#page.popup  div#footer div#pageFunction {
    margin-bottom: .75em
}
/* End popup standard and wide */

/* End page types */

/* Page Trail */

div#pageTrail {
    color: #4C4C4C;
    font-size: .9167em;
    line-height: 1.4545em;
    overflow: hidden;
    padding-top: .5455em;
    padding-right: 1.3636em;
}

#rtl div#pageTrail {
    padding-left: 1.3636em;
    padding-right: 0;
}

div#pageTrail li {
    float: left;
    list-style-type: none;
    white-space: nowrap;
}

#rtl div#pageTrail li {
    float: right;
}

div#pageTrail a {
    text-decoration: none;
}

div#pageTrail span {
    padding-left: .4545em;
    padding-right: .7273em;
}

#rtl div#pageTrail span {
    padding-left: .7273em;
    padding-right: .4545em;
}

/* End Page Trail */

/* Footer */

div#footer {
    color: #808080;
    margin-bottom: 3.0833em;
    /*padding-left: 1.25em;*/
}

div#footer div#pageFunction {
    border-bottom: 3px solid #d9dee2;
    text-align: right;
    height: 3.75em;
    /*margin-left: -1.25em;*/
    margin-bottom: .5em;
}

#rtl div#footer div#pageFunction {
	text-align: left;
}

div#pageFunction ul {
    position: relative;
    top: 2.3333em;
}

html > body div#pageFunction ul {
    z-index: 51;
}    

div#pageFunction li {
	background: url("/myweb/p/wui/3/core/img/icons.png") no-repeat scroll left -5001px transparent;
    display: inline;
    list-style: none;
    padding-right: 2px;
}

#rtl div#pageFunction li {
    background-image: url("/myweb/p/wui/3/core/img/icons_rtl.png");
    background-position: right -5001px;
	padding-left: 1px;
	padding-right: 0;
}

div#pageFunction li.first-child,
#rtl div#pageFunction li.first-child {
    background-image: none;
}

div#pageFunction li.last-child {
    padding-right: 0;
}

div#footer div#pageFunction a {
    background: transparent url("/myweb/p/wui/3/core/img/icons.png") no-repeat scroll left top;
    color: #808080;
    display: inline;
    margin-left: 6px;
    padding: .0833em 0 .25em 1.4167em;
    text-decoration: none;
    vertical-align: baseline;
}

#rtl div#footer div#pageFunction a {
    background-image: url("/myweb/p/wui/3/core/img/icons_rtl.png");
    padding: .0833em 1.4167em .25em 0;
    margin-left: 0;
    margin-right: 6px;
}

div#footer div#pageFunction a:hover,
div#footer div#pageFunction a:focus {
    color: #2d8dae;
}

div#footer div#pageFunction a.print {
    background-position: left -600px;
}

#rtl div#footer div#pageFunction a.print {
    background-position: right -600px;
}

div#footer div#pageFunction a.close {
    background-position: left -399px;
    padding-left: 1.25em;
    padding-right: 0;
}

#rtl div#footer div#pageFunction a.close {
    background-position: right -399px;
    padding-left: 0;
    padding-right: 1.25em;
}

div#footer div#pageFunction a.contrast {
    background-position: left -2250px;
}

#rtl div#footer div#pageFunction a.contrast {
    background-position: right -2250px;
}

body.nojs div#footer  div#pageFunction a.js-function {
    display: none;
}

div#footer div.copyright {
    display: inline;
    font-size: .9167em;
}

div#footer div.general-disclaimer {
    display: inline;
    /*white-space: nowrap;*/
    font-size: .9167em;
    margin-top: .9091em;
    font-size: 0.9167em;
}

div#footer div.navigation-footer {
    display: block;
    white-space: nowrap;
    font-size: .9167em;
    margin-left: .0909em;
    margin: .8181em 0 .7273em;
    
    height: 1.2727em;
}

div#footer div.special-disclaimer,
div#footer div.special-disclaimer-links {
    font-size: .9167em;
}

div#footer div.special-disclaimer-links {
    display: inline;
    margin-left: .0909em;
}



div#footer div.navigation-footer a,
div#footer div.general-disclaimer a,
div#footer div.special-disclaimer a,
div#footer div.special-disclaimer-links a {
	color: #808080;
    white-space: nowrap;
}

div#footer div.navigation-footer a:hover,
div#footer div.general-disclaimer a:hover,
div#footer div.special-disclaimer a:hover,
div#footer div.special-disclaimer-links a:hover,
div#footer div.navigation-footer a:focus,
div#footer div.general-disclaimer a:focus,
div#footer div.special-disclaimer a:focus,
div#footer div.special-disclaimer-links a:focus {
    color: #2d8dae;
}

    /* no "nowrap" in popus */
    html #page.popup div#footer div,
    html #page.popupAdjust div#footer div {
        white-space: normal;
    }

div#footer div.navigation-footer a,
div#footer div.special-disclaimer-links a {
    padding-left: .5455em;
    background: url("/myweb/p/wui/3/core/img/icons.png") no-repeat scroll left -5002px transparent;
}



#rtl div#footer div.navigation-footer a,
#rtl div#footer div.special-disclaimer-links a {
    padding-right: .5455em;
    background: url("/myweb/p/wui/3/core/img/icons_rtl.png") no-repeat scroll right -5002px transparent;
}

div#footer div.navigation-footer a.first,
#rtl div#footer div.navigation-footer a.first {
    background-image: none;
}

div#footer div.navigation-footer a.first {
    padding-left: 0;  
    padding-right: 0.3333em;  
}

#rtl div#footer div.navigation-footer a.first {
    padding-right: 0;
}    

div#footer div.navigation-footer a {
    text-decoration: none;
    display: block;
    float: left;
    padding-right: .3636em; 
}

#rtl #footer div.navigation-footer a { 
    float: right;
    padding-right: .5em;    
    padding-left: .4167em;
}    

div#footer .social-footer {
  float: left;
  font-size: 0.9166em; /* 11px */
  padding-top: 0.0909em;
  margin-right: 1.6363em;
}
#rtl div#footer .social-footer {
  float: right;
  margin-right: 0;
  margin-left: 1.6363em;
}
div#footer .social-footer img {
  background: white url(/myweb/p/wui/3/core/img/icons.png) no-repeat scroll;
  position: relative;
  top: 0.0909em;
  margin-right: 0.1818em;
}
div#footer .social-footer img.icon-twitter {
  background-position: left -6700px
}

div#footer .social-footer img.icon-facebook {
  background-position: left -6750px
}
div#footer .social-footer img.icon-youtube {
  background-position: left -6800px
}
div#footer .social-footer img.icon-flickr {
  background-position: left -6850px
}

div#footer .social-footer img.icon-google-plus {
  background-position: left -6650px
}

div#footer .social-footer img.icon-email {
  background-position: left -1051px
}

/* End Footer */

/* Safari Hack */
      @media screen and (-webkit-min-device-pixel-ratio:0) {
        div#page {
            line-height: 1.3333em;
        }
      }