/* Start Basic Elements Temp */
ul.mixed-list {
    list-style:none;
}

ul.mixed-list li {
    line-height: 1.3333em;    
}

ul.mixed-list li.bullet {
    list-style: none;
    padding-left: 1.25em;
    color: #4c4c4c;
}

ul.mixed-list li.link {
    background: none;
    list-style: none;
    padding-left: 0;
    zoom: 1;
}

ul.mixed-list li.link a {
    list-style: none;
    display: block;
    overflow: hidden;
    padding-left: 1.25em;
    text-decoration: none;
    zoom: 1;
}

#rtl ul.mixed-list li.link a {
    padding-left: 0;
    padding-right: 1.25em
}

ul.mixed-list li,
ul.mixed-list li.link a {
    background: transparent url("/myweb/p/wui/3/core/img/icons.png") no-repeat scroll left -42px;  
}

#rtl ul.mixed-list li,
#rtl ul.mixed-list li.link a {
    background: transparent url("/myweb/p/wui/3/core/img/icons_rtl.png") no-repeat scroll right -42px;  
}

/* End Basic Elements Temp */

/* start action box */

#actionBox div.ab-container {
    background: #5f7b91 url("/myweb/p/wui/3/core/img/icons.png") repeat-x scroll left -7250px; 
}

#actionBox div.ab-container.bottom {
    background-position:  left -7300px;
}

#actionBox div.ab-container.empty {
    height: 1.8333em;
}

#actionBox h2.ab-container-title {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    padding: .3333em .25em .1667em .8333em;
    line-height: 1.3333em;
}

#rtl #actionBox h2.ab-container-title {
    padding: .3333em .8333em .1667em .25em;
}

#actionBox h2.ab-container-title a {
    display: block;
    padding: 3px 3px 3px 15px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    margin: 0 10px;
    border-bottom: 1px solid #b2c3d1;
    background: transparent url("/myweb/p/wui/3/core/img/icons_inverted.png") no-repeat scroll left -5245px;
}

#rtl #actionBox h2.ab-container-title a {
    background: transparent url("/myweb/p/wui/3/core/img/icons_inverted_rtl.png") no-repeat scroll right -5245px;
	padding: 3px 15px 3px 3px;
}

#actionBox div.ab-container.current h2.ab-container-title a { 
   background-position: left -5545px;
}

#rtl #actionBox div.ab-container.current h2.ab-container-title a { 
   background-position: right -5545px;
}

#actionBox div.ab-container.current.top div.ab-container-body,
#actionBox div.ab-container.bottom h2.ab-container-title a,
#actionBox div.ab-container.current h2.ab-container-title a,
body.nojs div#actionBox h2.ab-container-title a {
    border-bottom: 0;    
}

#actionBox div.ab-container-body {
    display: none;
    background-color: #f7f8f9;
    border: .08333em solid #7f98ab;
    border-top: none;
    padding: .5em .75em .5833em .75em;
    overflow: hidden;
}

#actionBox .current div.ab-container-body {
    display: block;
}

#actionBox div.ab-container-body h3.paragraph-title {
    padding-bottom: .1667em;
    padding-top: .25em;
    line-height: 1.3333em;
    font-weight: bold;
}

#actionBox div.ab-container-body h3.paragraph-title:first-child {
    padding-top: 0;
}

#actionBox div.shadow {
    background: transparent url("/myweb/p/wui/3/core/img/bg_actionbox_shadow_left.png") no-repeat scroll top left;
    padding-left: 10px;
    display: none;
    height: .8333em;
}

#actionBox.open div.shadow {
    display: block;
}

#actionBox div.shadow span {
    background: transparent url("/myweb/p/wui/3/core/img/bg_actionbox_shadow_right.png") no-repeat scroll top right;
    float: right;
    height: .8333em;
    width: 100%;
}

body.nojs #actionBox div.ab-container-body {
    display: block;    
}

/* end action box */

/* start service container */
#page.noActionBox div#serviceArea {
    margin-top: .4166em;
}

#cp.wide div#serviceArea div.service-container {
    float: left;
    margin: 0 1.25em .8333em 0;
    padding-bottom: .8333em;
}

#rtl #cp.wide div#serviceArea div.service-container {
    float: right;
    margin: 0 0 .8333em 1.25em;
}

div#serviceArea div.service-container {
    width: 250px; /* !keep in px - ie8 rounding issue */
    margin: 0 0 .8333em 0;
    background: #ffffff;
}

div#serviceArea div.service-container h2.container-title {
    background: #d7dee5 url("/myweb/p/wui/3/core/img/icons.png") repeat-x scroll left -7350px;
    font-weight: bold;
    padding: .1667em .8333em;
    margin: 0;
    color: #094981;
    overflow: hidden;
    line-height: 1.3333em;
}

div#serviceArea div.service-container div.container-body {
    border: 1px solid #d9dee2;
    border-top: none;
    padding: 6px 9px 7px;
    overflow: hidden;
}

#cp.wide div#serviceArea div.service-container div.container-body {
	padding-top: .5em;
}

#cp.wide div#serviceArea div.service-container div.container-body ul.icon-list {
	margin-top: -.1667em;
}

div#serviceArea div.service-container div.container-body h3.paragraph-title {
    padding-bottom: .1667em;
    line-height: 1.3333em;
    font-weight: bold;
}

div#serviceArea div.service-container div.container-body div.cluster-text,
div#serviceArea div.service-container div.container-body div.cluster-gfx {
    border-bottom: .0833em solid #d7dee5;
    padding: .5em 0 .5833em;
    overflow: hidden;
}

div#serviceArea div.service-container div.container-body div.cluster-text:first-child,
div#serviceArea div.service-container div.container-body div.cluster-gfx:first-child {
    border-bottom: .08333em solid #d7dee5;
    padding-top: 0;
}

div#serviceArea div.service-container div.container-body div.cluster-text:last-child,
div#serviceArea div.service-container div.container-body div.cluster-gfx:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

div#serviceArea div.service-container div.container-body div.cluster-gfx p.text,
div#serviceArea div.service-container div.container-body div.cluster-gfx ul.link-list,
div#serviceArea div.service-container div.container-body div.cluster-gfx ul.bulleted-list,
div#serviceArea div.service-container div.container-body div.cluster-gfx ol.numbered-list,
div#serviceArea div.service-container div.container-body div.cluster-gfx h3.paragraph-title {
    float: right;
    width: 10.8333em;
}

div#serviceArea div.service-container div.container-body div.cluster-gfx ol.numbered-list {
    width: 9.3333em;
}

#rtl div#serviceArea div.service-container div.container-body div.cluster-gfx p.text,
#rtl div#serviceArea div.service-container div.container-body div.cluster-gfx ul.link-list,
#rtl div#serviceArea div.service-container div.container-body div.cluster-gfx ul.bulleted-list,
#rtl div#serviceArea div.service-container div.container-body div.cluster-gfx ol.numbered-list,
#rtl div#serviceArea div.service-container div.container-body div.cluster-gfx h3.paragraph-title {
    float: left;
}

div#serviceArea div.service-container div.container-body img {
    border-top: 4px solid #ffffff;
    border-bottom: 3px solid #ffffff;
    height: 7.5em;
    width: 19.1667em;       
    display: block;
}

div#serviceArea div.service-container div.container-body object {
    margin-top: 0.3333em;
    margin-bottom: .25em;     
    display: block;
}

div#serviceArea div.service-container div.container-body img.qts-chart {
    height: auto;
    width: auto;       
}


div#serviceArea div.service-container div.container-body div.cluster-text img,
div#serviceArea div.service-container div.container-body div.cluster-text object  {
    height: 7.5em;
    width: 19.1667em;     
}

/* Selector need to be stronger, because image needs to be 90x90px */
div#serviceArea div.service-container div.container-body div.cluster-gfx img,
div#serviceArea div.service-container div.container-body div.cluster-gfx object {
    float: left;
    height: 7.5em;
    width: 7.5em;    
}

#rtl div#serviceArea div.service-container div.container-body div.cluster-gfx img,
#rtl div#serviceArea div.service-container div.container-body div.cluster-gfx object {
    float: right;
}

/*div#serviceArea div.service-container div.container-body ul.link-list {
    padding-bottom: 0;
    margin-bottom: .0833em;
}*/

div#serviceArea div.service-container div.container-body ul.icon-list {
  margin: 0;
}
/* end service container */