body {
    background: #E9EFF5 url(../img/experience/html/main_background.png) center top repeat-y;
    color: #FFFFFF;
    font-family: futura-book, sans-serif;;
    font-size: 11px;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.FuturaBT-Medium {
    font-family: futura-book, sans-serif;;
    font-style: normal;
    font-weight: normal;
}

.FuturaBT-Heavy {
    font-family: futura-book, sans-serif;;
    font-style: normal;
    font-weight: normal;
}

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
    webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    webkit-text-size-adjust: none;
}

.mainContentHolder {
    height: 689px;
    width: 1024px;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.20);
}

.mainContentBg {
    background: url(../img/experience/html/mainshadow.png) top left no-repeat;
    display: none;
    height: 715px;
    left: -13px;
    position: absolute;
    top: -13px;
    width: 1050px;
}

.wrapper {
    height: 689px;
    position: relative;
    width: 1024px;
}

#contentHolder {
    position: absolute;
}

.contentHeader {
    background: url(../img/experience/common/header-background.png) top left no-repeat;
    height: 103px;
    width: 1024px;
    position: relative;
    z-index: 1015;
}

.contentLoader {
    height: 560px;
    overflow: hidden;
    position: relative;
    width: 1024px;
}

.shadowTop {
    background: url(../img/experience/common/shadow-top.png) top left repeat-x;
    position: absolute;
    top: 0;
    left: 0;
    width: 1024px;
    height: 36px;
    z-index: 91;
}

.contentFooter {
    background: url(../img/experience/common/footer-background.png) top left no-repeat;
    height: 26px;
    width: 1024px;
    position: relative;
}

.bottomText {
    background: url(../img/experience/common/bottom-text.png) top left no-repeat;
    width: 109px;
    height: 18px;
    position: absolute;
    top: -7px;
    left: 50px;
    z-index: 1020;
}

.bottomShadow {
    background: url(../img/experience/common/bottom-shadow.png) top left repeat-x;
    width: 1024px;
    height: 30px;
    position: absolute;
    bottom: 0;
    z-index: 1001;
}

#top-navigation {
    float: right;
    margin-right: 15px;
    margin-top: 73px;
    font-family: futura-book, sans-serif;;
    color: #1b3067;

}

.top-navigation-item {
    background: no-repeat 12px 0;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    float: right;
    font-size: 12px;
    height: 20px;
    padding-left: 36px;
    padding-top: 5px;
    width: 35px;
}

.top-navigation-item:hover, .top-navigation-item:active {
    background-position: bottom left 12px;
    color: #cee0f3;
}

.logoLink {
    cursor: pointer;
    height: 59px;
    width: 70px;
    position: absolute;
    left: 51px;
    top: 51px;
    background: url(../img/experience/common/logo.png) top left no-repeat;
    z-index: 100;
}

#footer-right {
    float: right;
    height: 100%;
}

#footer-left {
    float: right;

}

#copyright {
    margin-right: 10px;
    margin-top: 4px;
    padding-top: 3px;
    font-family: futura-book, sans-serif;;
    font-size: 11px;
    color: #1b3067;

}

#footer-menu {
    margin-left: 10px;
    margin-top: 3px;
    overflow: hidden;
    padding-top: 4px;
    font-family: futura-book, sans-serif;;
    font-size: 11px;
    color: #1b3067;
}
#footer-menu a{
    color: #1b3067;
    text-decoration: none;
}

#footer-menu-item {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    float: left;
}

#footer-menu-item:hover, #footer-menu-item:active {
    text-decoration: underline;
}

#footer-menu-separator {
    float: left;
    margin-left: 8px;
    margin-right: 8px;
}

.popupboxPosition {
    background: url(../img/experience/common/tan-overlay.png) top left no-repeat;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1011;
    display: none;
}

.popupbox {

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 195px;
    margin: auto;
    height: 207px;
}

.popupboxTop {
    /*background:url(../img/experience/html/share-background-top.png) top left no-repeat;
	height:17px;
	width:195px;*/
}

.popupboxContent {
    /*background:url(../img/experience/html/share-background-content.png) top left repeat-y;*/
    overflow: hidden;
    width: 195px;
}

#share-label {
    background: url(../img/experience/html/share-background-top.png) top left no-repeat;
    height: 32px;
    width: 195px;

    color: #404040;
    padding-top: 18px;
    text-align: center;
    font-size: 12px;
}

.popupboxShadow {
    background: url(../img/experience/html/share-background-botShadow.png) top left repeat-y;
    height: 5px;
    width: 195px;
}

.popupboxCancelBg {
    background: url(../img/experience/html/share-background-buttonBg.png) bottom left repeat-y;
    height: 25px;
    width: 195px;
    padding-top: 9px;
}

.popupboxCancel {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: center;
    width: 54px;
    margin: auto;
    border: 1px solid #1B2F67;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.popupboxCancel:hover, .popupboxCancel:active {
    background-position: 0 -100px;
}

.popupboxCancel:hover div.pop-up-label {
    color: #fff !important;
    background-color: #1B2F67;
}

#share-cancel-label {
    color: #545454;
    padding: 2px 0;
}

#share-list {
    padding: 4px 0 4px 59px;
    background: url(../img/experience/html/share-background-content.png) top left repeat-y;
    overflow: hidden;
}

.share-item {
    background-repeat: no-repeat;
    color: #1b3067;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin-bottom: 6px;
    padding-left: 25px;
}

.share-item:hover, .share-item:active {
    color: #cee0f3;
}

.topBtn {
    height: 29px;
    left: 50%;

    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    position: absolute;
    top: -40px;
    z-index: 105;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: futura-book, sans-serif;;
    font-size: 13px;
}

.topBtn:hover, #goRightBtn:hover, #goLeftBtn:hover {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.topBtn:hover #topBtnImg, #goLeftBtn:hover, #goRightBtn:hover {
    background-position: bottom left;
}

.topBtn:hover .topBtnMidBg {
    background: url(../img/experience/html/navigation-background-mid-active.png) top left repeat-x;
}

.topBtn:hover .topBtnLeft {
    background: url(../img/experience/html/navigation-background-left-active.png) top right no-repeat;
}

.topBtn:hover .topBtnRight {
    background: url(../img/experience/html/navigation-background-right-active.png) top left no-repeat;
}

.topBtn:hover #topBtnContent {
    color: #FFFFFF;
}

.topBtn div {
    float: left;
}

.topBtnLeft {
    background: url(../img/experience/html/navigation-background-left.png) top right no-repeat;
    height: 29px;
    width: 24px;
}

.topBtnMid {
    height: 29px;
    padding: 7px 10px 0 10px;
    position: relative;
}

.topBtnMidBg {
    background: url(../img/experience/html/navigation-background-mid.png) top left repeat-x;
    height: 29px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.topBtnRight {
    background: url(../img/experience/html/navigation-background-right.png) top left no-repeat;
    height: 29px;
    width: 24px;
    margin-left: -1px;
}

#topBtnContent {
    color: #1a3067;
    float: left;
    font-family: futura-book, sans-serif;;
    font-size: 13px;
    padding: 0 0 0 10px;

}

#topBtnImg {
    float: left;
    height: 9px;
    margin: 10px 0 0 0;
    width: 14px;
}

.topBtn:hover #topBtnImg {
    background-position: bottom left !important;
}

.topBtn:active #topBtnImg {
    background-position: bottom left !important;
}

.botBtn {
    bottom: -50px;
    height: 29px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    z-index: 1010 !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.botBtn:hover, #goRightBtn:hover, #goLeftBtn:hover {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.botBtn:hover #botBtnContent, .qguidePressed #botBtnContent {
    color: #FFFFFF !important;
}

.botBtn:hover .botBtnLeft, .qguidePressed .botBtnLeft {
    background: url(../img/experience/html/navigation-background-bot-left-active.png) top right no-repeat;
}

.botBtn:hover .botBtnMidBg, .qguidePressed .botBtnMidBg {
    background: url(../img/experience/html/navigation-background-bot-mid-active.png) top left repeat-x;
}

.botBtn:hover .botBtnRight, .qguidePressed .botBtnRight {
    background: url(../img/experience/html/navigation-background-bot-right-active.png) top left no-repeat;
}

.qguidePressed .botBtnImg
{
    background-position: top left !important;
}

.botBtn:hover #topBtnImg {
    background-position: bottom left;
}

.botBtn div {
    float: left;
}

.botBtnLeft {
    background: url(../img/experience/html/navigation-background-bot-left.png) top right no-repeat;
    height: 29px;
    width: 24px;
}

.botBtnMid {
    position: relative;
    height: 29px;
    padding: 0 10px 0
}

.botBtnMidBg {
    background: url(../img/experience/html/navigation-background-bot-mid.png) top left repeat-x;
    height: 29px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.botBtnRight {
    background: url(../img/experience/html/navigation-background-bot-right.png) top left no-repeat;
    height: 29px;
    width: 24px;
    margin-left: -1px;
}

#botBtnContent {
    color: #22366C;
    float: left;
    font: 13px futura-book;
    padding: 8px 0 0 10px;

}

#botBtnImg {
    float: left;
    height: 9px;
    margin: 0;
    width: 14px;
}

.botBtn:hover #botBtnImg,  #botBtn.qguidePressed #botBtnImg {
    background-position: bottom left !important;
}

#goLeftBtn {
    background: url(../img/experience/html/top-navigation-left.png) top left no-repeat;
    height: 80px;
    left: -50px;
    position: absolute;
    top: 50%;
    width: 51px;
    z-index: 101;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#goRightBtn {
    background: url(../img/experience/html/top-navigation-right.png) top right no-repeat;
    height: 80px;
    position: absolute;
    right: -50px;
    top: 50%;
    width: 51px;
    z-index: 102;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.videoContainer {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 80;
}

#videoContent {
    position: relative;
    height: 560px;
    width: 1024px;
    top: 0;
    left: 0;

}

#imgContainer {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 90;
}

#imgContent {
    height: 100%;
    position: relative;
    width: 100%;
}

.hot-spot, .hot-spot-play {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: none;
    height: 28px;
    position: absolute;
    width: 28px;
    z-index: 100;
    color: #1b3067;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;

    transform: rotate(-0.001deg);
}

.bigSpotWrapper
{
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: 110;
    display: none;
}
.big-spot-wrapper
{
    display: inline-block;
    vertical-align: top;

}

.big-spot
 {
     width: 70px;
     height: 70px;
     color: #1b3067;
     font-size: 12px;
     border: 1px solid #1b3067;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;

     background-color: #ffffff;
     text-align: center;
     display: inline-block;
     vertical-align: middle;

    position: relative;
    z-index: -1;
    cursor: pointer;
 }
.big-spot-wrapper:hover
{
    cursor: pointer !important;
}
.big-spot-wrapper:hover .big-spot, .activeBigSpot .big-spot
{
    background-color: #1B3067 !important;
    color: #ffffff !important;

}
.big-spot-wrapper:hover .big-spot-arrow
{
    background-position: bottom left !important;
}
.big-spot-wrapper:last-child .big-spot-arrow{
    display: none;
}

.big-spot div {
     font-size: 10px;
     left: 0;
     line-height: 110%;
     padding: 0px 1px;
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     overflow: hidden;
 }

.big-spot-arrow
{
    display: inline-block;
    vertical-align: middle;
    width: 37px;
    height: 7px;
    background: url(../img/experience/html/bigSpotArrow.png) top left no-repeat !important;
    margin-left: -4px;
    z-index: 100;
}

.hot-spot div.hotSpotLabel, .hot-spot-play div.hotSpotLabel
{
    padding-top: 7px;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;

}

.hot-spot-play {
    background: url(../img/experience/html/hs-play.png) top left no-repeat !important;
    height: 28px;
    width: 28px;
}

.hot-spot-play:hover {
    opacity: 1;
}

.hot-spot:hover, .hot-spot:active, .activeHotSpot {
    background-position: bottom left !important;
    background-repeat: no-repeat;
    opacity: 1;
}

.hot-spot-transparent {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: none;
    height: 28px;
    opacity: 0.4;
    position: absolute;
    width: 28px;
    z-index: 100;
}

.hot-spot-transparent:hover, .hot-spot-transparent:active {
    background-position: bottom left !important;
    opacity: 1;
}

.HotSpotPlay {
    background: url(../img/experience/html/hs-play.png) top left no-repeat;
    height: 28px;
    width: 28px;
}

#toolTipPlace, #toolTipPlaceMap {
    display: none;
    left: -100px;
    overflow: visible;
    position: absolute;
    top: -100px;
    z-index: 99;
}

#toolTipPlaceMap {
    z-index: 999;
}

#toolTip, #toolTipMap, #toolTipMapNew {
    display: table;
    font-size: 11px;
    font-family: futura-book, sans-serif;;
    height: 18px;
    left: 0;
    position: relative;
    text-align: center;
    color: #545454;

}

#toolTipMapNew {
    display: none;
}

.toolTipLeft, .toolTipLeftMap, .toolTipLeftMapRed, .toolTipLeftMapRedNew {
    background: url(../img/experience/html/tooltip-feft.png) top right no-repeat;
    display: table-cell;
    height: 18px;
    width: 35px;
}

.toolTipLeftMapRed {
    background: url(../img/experience/html/new-tt-left-red.png) top right no-repeat;
    width: 18px !important;

}

.toolTipLeftMapRedNew {
    background: url(../img/experience/html/new-tt-middle-red.png) repeat-x scroll left top transparent;
    color: #FFF;
    vertical-align: top;
    text-align: left;
    width: 38px;
    padding-top: 3px;
    font: normal 14px futura-book;

    font-family: futura-book, sans-serif;;
    font-size: 15px;
    line-height: 100%;

}

.toolTipCenter, .toolTipCenterMap {
    background: url(../img/experience/html/tooltip-center.png) top left repeat-x;
    display: table-cell;
    height: 18px;
    padding-top: 2px;
    padding-left: 0;
    vertical-align: top;
    white-space: nowrap;
}

#toolTipContentMapRedHolder {
    display: table-cell;
    height: 22px;

}

.toolTipCenterMapNew {
    background: url(../img/experience/html/new-tt-middle-white.png) top left repeat-x;
    padding-top: 3px;
    padding-left: 2px;
    vertical-align: top;
    white-space: nowrap;
    display: table-cell;
}

#toolTipContentMapRedHolder .toolTipCenterMapNew .redArrowNew {
    padding-top: 2px;
}

.animationDiv {
    overflow: hidden;
    width: 0;

}

.toolTipRight, .toolTipRightMap {
    background: url(../img/experience/html/tooltip-right.png) top left no-repeat;
    display: table-cell;
    height: 20px;
    width: 26px;
}

.toolTipRightMapNew {
    background: url(../img/experience/html/new-tt-right-white.png) top left no-repeat;
    height: 22px;
    width: 26px;
    display: table-cell;
}

.toolTipArrow, .toolTipArrowMap {
    background: url(../img/experience/html/tooltip-pointer.png) bottom center no-repeat;
    bottom: -4px;
    height: 9px;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    width: 14px;
}

.toolTipArrowMap {
    bottom: -6px;
}

.toolTipArrowMapNew {
    background: url(../img/experience/common/new-tt-tr-white.png) bottom center no-repeat;
    bottom: -11px;

    height: 7px;
    width: 14px;

    position: absolute;
}

#innerConent {
    height: 560px;
    overflow: hidden;
    position: absolute;
    width: 1024px;
    display: none;
    z-index: 100;
}

#basic-information-background {
    left: 105px;
    position: absolute;
    top: 560px;
    z-index: 49;
}

.info-big-label-fix {
    position: absolute;

    height: 70px;
}

#info-big-label {
    color: #404040;
    font-size: 18px;
    font-family: futura-book, sans-serif;;
    display: table-cell;
    vertical-align: bottom;
    height: 70px;
    padding: 0 60px 0 20px;
    line-height: 115%;
}

#info-big-label-knowledge {
    color: #404040;
    font-size: 16px;
    font-family: futura-book, sans-serif;;

    margin: 48px 0 0 20px;
    position: absolute;
    white-space: nowrap;
}

#footer-navigation {
    height: 30px;
    left: 6px;
    position: absolute;
    top: 360px;
    width: 290px;

    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}

.footer-navigation-label {
    padding-top: 6px;
    text-align: center;
    font-family: futura-book, sans-serif;;
    font-size: 12px;
    height: 23px;
}

.footer-navigation-label:first-child {
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}

.footer-navigation-label:last-child {
    -webkit-border-bottom-rigth-radius: 10px;
    -moz-border-radius-bottomrigth: 10px;
    border-bottom-rigth-radius: 10px;
}

.footer-navigation-label:hover {
    color: #e0003c;
}

#footer-navigation-item {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.footer-button {
    color: #404040;
    position: absolute;
    background: transparent !important;
}

.footer-button:active {
    background-position: 0 -28px;
    color: #e0003c;
}

#footer-separator {
    width: 1px !important;
}

#footer-navigation #footer-navigation-item:hover .footer-navigation-label {
    color: #FFFFFF !important;
    background-color: #1B3067 !important;
}

.footer-double-right {
    background-position: -145px 0;
}

.footer-triple-right {
    background-position: -191px 0;
}

.footer-triple-right:active {
    background-position: -191px -28px !important;
}

.footer-double-right:active {
    background-position: -145px -28px !important;
}

#left-navigation {
    left: 108px;
    opacity: 0;
    position: absolute;
    top: 155px;

    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;

    overflow: hidden;

    margin: 3px 0 0 6px;
    border-right: 1px solid #1B3067;
}

.navigationItem
{
    background-color: #ffffff;
    display: block;
}

.left-navigation-button {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    height: 37px !important;
    width: 37px !important;
    border-bottom: 1px solid #DCDCDC;

    background: no-repeat 7px 9px;
}

.navigationItem:last-child div
{
    border: none !important;
}



.left-navigation-button-selected {

    background: no-repeat 7px -11px;

}

#left-navigation div div {
    background-color: #1B3067;
}

.left-navigation-button {
    background-color: transparent !important;
}

.left-navigation-button:hover, .left-navigation-button:active, .activeMenuLink {
    background-color: #1B3067 !important;
    background-position: 7px -11px;
}

.wrapper360
{
    position: absolute;
    top: 0;
    left: 0;

    z-index: 1;
}

#basic-information {
    height: 284px;
    margin-left: 6px;
    margin-top: 77px;
    overflow: hidden;
    position: relative;
    width: 290px;
}

.knowledge-basic-information {
    height: 300px !important;
}

#basic-information-scroller {
    left: 0;
    position: absolute;
    top: 0;
}

#advanced-information-scroller {
    height: 300px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 80px;
    z-index: 1000;
}

.fixSize {
    height: 284px;
    overflow: hidden;
    position: relative;
    width: 290px;
}

.fixSizeBig {
    height: 300px;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 530px;
}

#basic-information-label {
    color: #404040;
    font-size: 13px;
    font-family: futura, sans-serif;;
    font-weight: 300;
    padding-left: 19px;
    padding-top: 14px;
}

#basic-information-separator {
    background-color: #D8D8D8;
    height: 1px;
    margin-left: 19px;
    margin-top: 7px;
    width: 255px;
}

#basic-information-description {
    background-color: #d8d8d8;
    height: 1px;
    margin-left: 10px;
    width: 270px;
}

.basic-information-description {
    color: #555;
    line-height: 135%;
    margin-left: 19px;
    margin-top: -3px;
}

#internal-link-holder {
    overflow: hidden;
}

.internal-link, .internal-link-selected, .mobileInterlink {
    background: url(../img/experience/html/internal-link.png) 0 3px no-repeat;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    line-height: 138%;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.internal-link, .internal-link-selected {
    float: left;
    min-width: 200px;
}

.internal-link-knowledge, .internal-link-knowledge-inner {
    margin-top: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font: normal 10px futura-book;
    color: #535353;
    background: url(../img/experience/html/linkArrow.png) 1px 2px no-repeat;
    display: block;
    line-height: 90%;
    padding-bottom: 6px;
    padding-left: 17px;

}

.internal-link-knowledge-inner {
    padding-bottom: 13px;
    line-height: 110%;
}

.internal-link:hover, .internal-link-knowledge:hover, .internal-link-knowledge-inner:hover, #internal-link:active, #external-link:hover, #external-link:active, .selectedLink {
    color: #cee0f3 !important;
}

.selectedLink:hover {
    cursor: default;
}

.internal-link-selected {
    color: #cee0f3 !important;
}

#internal-links {
    padding-top: 5px;
}

#external-link, #external-link-link {
    background: url(../img/experience/common/external-link.png) top left no-repeat;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 13px;
    margin-top: 5px;
    padding-left: 20px;
}

#external-link:hover, #external-link-link:hover {
    background-position: bottom left;
    color: #cee0f3 !important;
}

#external-link-link {
    float: left;
}

.scroll-content ul, .scroll-content ol {
    margin: 0;
}

.scroll-content ul li {
    list-style-image: url(../img/experience/common/bullet.png);
    margin-left: -25px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.advanced-information-holder {
    left: 442px;
    position: absolute;
    z-index: 1000;
}

.advanced-information-background {
    float: left;
    position: relative !important;
}

.advanced-information-description {
    margin-left: 10px;
    margin-top: 0;
}

.information-separator {
    background-color: #d8d8d8;
    height: 1px;
    margin: 5px;
    width: 495px;
}

.information-label {
    color: #404040;
    font-size: 13px;
    font-family: futura, sans-serif;;
    padding-left: 15px;
    font-weight: 300;
}

.information-info {
    color: #545454;
    line-height: 135%;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-top: 1px;
}

.information-info-list {
    color: #545454;
    line-height: 135%;
    padding-bottom: 15px;
    padding-left: 27px;
}

.KAvideoDescription ul {
    color: #545454;
    line-height: 135%;
    padding: 0;
    margin: 5px 0 0 0;
}

.information-image-description {
    color: #545454;
    line-height: 100%;
    padding-bottom: 15px;
    padding-left: 27px;
}

.kits-information {
    color: #545454;
    padding-bottom: 15px;
    padding-left: 15px;
    position: absolute;
    width: 70%;
}

#advanced-video-player {
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 76px;
    position: absolute;
    width: 538px;
    text-align: center;

}

#advanced-video-player.simpleVideoPlayer {
    background: none;
    width: auto;
}

.videoTopShadow {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/experience/html/shadowUp.png) top left repeat-x;
    height: 4px;
    z-index: 50;
}

.videoBottomShadow {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../img/experience/html/shadowDown.png) top left repeat-x;
    height: 4px;
    z-index: 50;
}

.mCS_no_scrollbar .kits-and-reagents-external-link {
    padding-right: 20px;
}

.kits-and-reagents-item {
    margin-bottom: 50px;
}

.kits-and-reagents-external-link {
    color: #545454;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    float: right;
    margin-top: 0 !important;
    font-size: 11px !important;
}

#external-links:hover {
    background-position: bottom left;
}

.product-component-main {
    height: 395px;
    left: 105px;
    position: relative;
    top: 800px;
    width: 280px;
}

.kit-gallery-bg {
    height: 395px;
    position: absolute;
    width: 100%;
}

.kit-gallery-bg-left {
    background: url(../img/experience/html/kit-gallery-background-left.png) top left no-repeat;
    float: left;
    height: 395px;
    width: 15px;
}

.kit-gallery-bg-middle {
    background: url(../img/experience/html/kit-gallery-background-middle.png) top left repeat-x;
    display: block;
    height: 395px;
    margin-left: 15px;
    margin-right: 15px;
}

.kit-gallery-bg-right {
    background: url(../img/experience/html/kit-gallery-background-right.png) top left no-repeat;
    float: right;
    height: 395px;
    width: 15px;
}

.kit-gallery-header {
    height: 60px;
    left: 23px;
    position: absolute;
    top: 17px;
}

.kit-gallery-header-title {

    font-size: 11px;
    color: #404040;
    font-family: futura-book, sans-serif;;
}

.kit-gallery-header-top-label {
    margin-top: 18px;
    overflow: hidden;
    color: #404040;
    font-family: futura-book, sans-serif;;
    font-size: 16px;
}

.KNOWLEDGE_ENTRY .kit-gallery-header-top-label {
    font-size: 15px;
    margin-top: 28px;
}

.kit-gallery-items-container {
    height: 230px;
    left: 23px;
    overflow: hidden;
    position: absolute;
    top: 94px;
    width: 260px;
}

.kit-gallery-text-container {
    float: left;
    width: 230px;
    font-family: futura-book, sans-serif;;
}

.kit-gallery-text-container-description {
    color: #5A5A5A;
    font-size: 11px;
    line-height: 137%;
}

.kit-gallery-scroll-container {
    background: url(../img/experience/html/avp-ruller-line.png) center top repeat-y;
    float: right;
    height: 100%;
    position: relative;
    width: 26px;
}

.scroll-element {
    background: url(../img/experience/html/avp-ruler_kitGallery.png) -8px -9px no-repeat;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 30px;
    left: 0;
    position: absolute;
    top: -15px;
    width: 26px;
}

.scroll-element:hover {
    background-position: -8px -50px;
}

.scroll-position {
    position: absolute;
    right: 0;
    top: 50px;
}

.drop-down-position-0 {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    khtml-user-select: none;
    left: 23px;
    moz-user-select: none;
    ms-user-select: none;
    position: absolute;
    top: 337px;
    user-select: none;
    webkit-touch-callout: none;
    webkit-user-select: none;
}

.drop-down-container {
    height: 18px;
    khtml-user-select: none;
    moz-user-select: none;
    ms-user-select: none;
    position: relative;
    user-select: none;
    webkit-touch-callout: none;
    webkit-user-select: none;
    width: 226px;
    font-family: futura-book, sans-serif;;
}

#infoCell .drop-down-container {
    width: 252px;
}

.drop-down-indicator {
    background: url(../img/experience/common/drop-down-button.png) top left no-repeat;
    height: 18px;
    right: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 21px;
}

.drop-down-indicator-selected {
    background: url(../img/experience/common/drop-down-button.png) 0 -36px no-repeat;
    height: 18px;
    right: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 21px;
}

.drop-down-content-border {
    background-color: #FFF;
    border: 1px solid #C3D1D9;

    /*box-shadow:inset 0px 0px 3px 0.5px rgba(0,0,0,0.2);*/
    color: #1b3067;
    font-size: 11px;
    height: 16px;

    left: 0;
    /*  khtml-border-radius:0px 3px 3px 0px;
	moz-border-radius:0px 3px 3px 0px;
	o-border-radius:0px 3px 3px 0px;
    webkit-border-radius:0px 3px 3px 0px;*/
    /*border-radius:0px 3px 3px 0px;*/
    overflow: hidden;
    position: absolute;
    top: 0;

    width: 205px;
}

.drop-down-cell, .drop-down-cell-selected {
    height: 14px;
    padding-left: 12px;
    padding-top: 3px;

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

.drop-down-cell-selected {
    background-color: #E9EEF2;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.drop-down-cell:hover {
    color: #cee0f3;
}

.drop-down-container:hover .drop-down-indicator {
    background-position: 0 -18px;
}

.drop-down-content {
    left: 0;
    position: relative;
    top: -2px;
}

.content-position-1 {
    height: 303px;
    left: 273px;
    position: absolute;
    top: 77px;
    width: 267px;
}

.kit-gallery-separator {
    background: url(../img/experience/common/kit-gallery-separator.png) top left no-repeat;
    height: 302px;
    opacity: 0;
    position: absolute;
    width: 9px;
}

.content-position-2 {
    height: 301px;
    left: 540px;
    position: absolute;
    top: 77px;
    width: 267px;
}

.kit-gallery-content-item-container {
    height: 301px;
    position: absolute;
    width: 267px;
}

.kit-gallery-content-item-inner-container {
    height: 301px;
    position: absolute;
    top: 606px;
    width: 267px;
}

.kit-gallery-content-item-label {
    color: #404040;
    font-family: futura, sans-serif;;
    font-size: 13px;
    font-weight: 300;
    height: 303px;
    left: 17px;
    position: absolute;
    top: 17px;
    width: 267px;
}

.kit-gallery-content-item-description-container {
    color: #545454;
    font-size: 11px;
    font-family: futura-book, sans-serif;;
    height: 195px;
    left: 17px;
    overflow: hidden;
    position: absolute;
    top: 47px;
    width: 240px;
    line-height: 136%;
}

.kit-gallery-content-item-description {
    color: #5A5A5A;
    font-size: 11px;
    font-weight: normal;
    line-height: 135% !important;
    position: absolute;
    width: 232px;
}

.kit-gallery-content-item-external-link {
    background: url(../img/experience/common/external-link.png) top left no-repeat;
    height: 13px;
    margin-top: 3px;
    position: absolute;
    width: 75px;
}

.kit-gallery-content-item-external-link:hover {
    background-position: bottom left;
}

.kit-gallery-content-item-external-link-text {
    color: #545454;
    height: 13px;
    margin-left: 25px;
    position: absolute;
    top: 1px;
}

.kit-gallery-content-item-external-link:hover .kit-gallery-content-item-external-link-text {
    color: #cee0f3 !important;
}

.kit-gallery-content-item-drop-down-position {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    khtml-user-select: none;
    left: 17px;
    moz-user-select: none;
    ms-user-select: none;
    position: absolute;
    top: 260px;
    user-select: none;
    webkit-touch-callout: none;
    webkit-user-select: none;
}

.scroll-pane {
    position: absolute;
}

.scrollPlace {
    position: absolute;
    right: -8px;
    top: 15px;
    z-index: 1000;
}

.textHeightPlace {
    left: 0;
    font-family: futura-book, sans-serif;;
    font-weight: normal;
    font-size: 11px;
    line-height: 130%;
    overflow: hidden;
    position: absolute;
    top: 15px;
}

.textPlace {
    position: absolute;
}

.textPlace ul {
    list-style-image: url(../img/experience/common/bullet.png);
    margin-left: 0;
    padding-left: 16px;
}

.information-info-list li {
    list-style-image: url(../img/experience/common/bullet.png);
}

.KAvideoDescription li {
    list-style: none;
    background: url(../img/experience/common/bullet.png) 0 4px no-repeat;
    padding-left: 10px;
}

.conngtrolHolder {
    position: absolute;
    bottom: -28px;
    left: 0;
    height: 28px;
    width: 100%;
    overflow: hidden;
}

.control {
    color: #ccc;
    overflow: hidden;
    width: 100%;
    z-index: 5;
    display: table;
}

.controlTemp {
    bottom: 0;
    color: #ccc;
    height: 28px;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 5;
    margin: 10px 10px 0 10px;
}

.control div.btn {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: 0 0;
    width: 43px;
    display: table-cell;
}

.control > div:first-child {
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}

.control > div:last-child {
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
}

.control div.text {
    border: none;
    color: #777;
    font-family: verdana, sans-serif;;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    width: 20px;
}

.control div.btnPlay {
    background: #FFFFFF url(../img/experience/common/avp-play.png) no-repeat 0 0;
    margin-left: 0;
    margin-top: 0;
}

.control div.btnPlay:hover {
    background-position: 0 -28px;
}

.control div.btnPlay:active {
    background-position: bottom left;
}

.control div.paused {
    background: #FFFFFF url(../img/experience/common/avp-pause.png) no-repeat 0 0;
}

.control div.paused:hover {
    background-position: 0 -28px;
}

.control div.paused:active {
    background-position: bottom left;
}

.progress {
    background: #333;
    background: url(../img/experience/html/botBg.png) repeat-x top left;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: table-cell;
    overflow: hidden;
    height: 28px;
    padding-left: 15px;
    padding-right: 15px;
}

.progressPosition {
    position: relative;
    width: 100%;
    margin-top: 13px;

}

.progress span {
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    top: 0;
}

.timeBar {
    /*background:#E50740;*/
    border-top: 1px solid #ECECEC;
    width: 0;
    z-index: 10;
}

.bufferBar {
    /*background:#00406F;*/
    border-top: 1px solid #404040;
    width: 0;
    z-index: 5;
}

.playerTracker {
    /*background:url(../img/experience/html/avp-ruler-player.png) no-repeat -14px -15px;*/
    height: 16px;
    left: -8px;
    position: absolute;
    top: -7px;
    width: 16px;
    z-index: 100;
}

.lengthBar {
    border-top: 1px solid #CCC;
    width: 100%;
    z-index: 4;
}

.playerTracker:hover {
    background-position: -14px -58px;

}

.time {
    /*border-left:1px solid #BBC6D8;*/
    color: #545454;
    font-size: 11px;

    text-align: center;
    vertical-align: middle;
    width: 60px;
    display: table-cell;

    background: url(../img/experience/html/botBg.png) bottom left repeat-x;

    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;

}

.rightPlayerCornerBG {
    background: url(../img/experience/common/confirm-pop-no.png) top right no-repeat !important;
}

#init {
    display: none;
    height: 100%;
    left: 0;
    margin-top: -2px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.loading {
    display: none;
    background: url(../img/experience/html/rotator.png) top left no-repeat;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 100;
}

#init {
    background-color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 100%;
    width: 100%;
}

#video-qguide-help {
    background-color: #FFF;
}

#init .bigplaybtn {
    background: url(../img/experience/common/avp-play-again.png) no-repeat top left !important;
    height: 43px;
    left: 50%;
    margin-left: -32px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    width: 65px;
}

#init:hover .bigplaybtn {
    background-position: bottom left !important;
}

#info-dropDown {
    left: 280px;
    position: absolute;
    top: 47px;
    z-index: 10000;
}

#CloseMe {
    background: url(../img/experience/common/close.png) no-repeat top left !important;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 12px;
    left: 510px;
    position: absolute;
    top: 15px;
    width: 13px;
}

#CloseMe:hover, #CloseMeVideo:hover {
    background-position: bottom left !important;
}

#CloseMeVideo {
    background: url(../img/experience/common/close.png) no-repeat top left !important;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 12px;
    position: absolute;
    right: 5px;
    top: 15px;
    width: 13px;
    z-index: 1000;
}

#right-div {
    background-position: right top !important;
    float: left;
}

#image360 {
    position: relative;
    z-index: 10;
}

#img360Place {
    position: absolute;
}

#img360scroll {
    position: absolute;
    right: 188px;
    top: 445px;
}

#scroolBg {
    background: url(../img/experience/common/big-gadger-scrollbar-bg.png) top left no-repeat;
    height: 25px;
    position: relative;
    width: 227px;
}

#scroolBgnew {
    background: url(../img/experience/common/overviewScroller.png) top left no-repeat;
    height: 58px;
    position: relative;
    right: -80px;
    top: -50px;
    width: 407px;
}

#scroolBgp_04_01 {
    background: url(../img/experience/common/i04_p_01.png) top left no-repeat;
    height: 61px;
    position: relative;
    right: -75px;
    top: -52px;
    width: 414px;
}

#scroolBgp_04_02 {
    background: url(../img/experience/common/i04_p_02.png) top left no-repeat;
    height: 70px;
    position: relative;
    right: -100px;
    top: -63px;
    width: 423px;
}

#scroolBgp_04_03 {
    background: url(../img/experience/common/i04_p_03.png) top left no-repeat;
    height: 61px;
    position: relative;
    right: -90px;
    top: -60px;
    width: 391px;
}

#scroolBall {
    background: url(../img/experience/html/avp-ruler.svg) no-repeat 230px 322px;
    background-size: 20px;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 350px;
    position: absolute;
    right: 0;
    top: -320px;
    width: 250px;
    z-index: 100;
}

#scroolBgnew #scroolBall {
    background-position: 197px 324px;

    top: -280px;
    width: 405px;

    z-index: 10000;
}

#scroolBgp_04_01 #scroolBall {
    background-position: 197px 324px;

    top: -275px;
    width: 405px;

    z-index: 10000;
}

#scroolBgp_04_02 #scroolBall {
    background-position: 197px 324px;

    top: -268px;
    width: 405px;

    z-index: 10000;
}

#scroolBgp_04_03 #scroolBall {
    background-position: 197px 324px;
    top: -275px;
    width: 405px;
    z-index: 10000;
}

.scipVideo {
    background: url(../img/experience/common/skip-video-bg.png) top left repeat-x;
    color: #1B3067;
    height: 17px;
    left: 120px;
    opacity: 0;
    padding-top: 8px;
    position: absolute;
    text-align: center;
    top: 399px;
    width: 216px;
    z-index: 10000;
}

.scipVideo span {
    border: 1px solid #1B3067;
    padding: 0 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    background-color: #ffffff;
}

.scipVideo:hover {
    cursor: pointer;
}

.scipVideo:hover span {
    color: #fff !important;
    background-color: #1B3067;
    cursor: pointer !important;
}

#LabLogin {
    background: url(../img/experience/common/login-background.png) top left no-repeat;
    height: 328px;
    left: 25px;
    position: absolute;
    top: 660px;
    width: 262px;
    z-index: 110;
}

.LabLogintopHeader {
    color: #1B3168;
    font: bold 10px futura-book;
    height: 70px;
    margin: 6px 6px 0 6px;
    position: relative;
}

#LabLogintopHeadername {
    left: 17px;
    position: absolute;
    top: 11px;
}

#LabLogintopHeadertitle {
    font-size: 15px;
    left: 17px;
    position: absolute;
    top: 42px;
}

.LabLogincontent {
    height: 235px;
    margin: 0 6px 6px 6px;
    position: relative;
}

#LabLogintext, #WebLogintext {
    color: #5A5A5A;
    font: normal 11px futura-book;
    left: 17px;
    line-height: 135%;
    position: absolute;
    top: 17px;
    width: 216px;
}

#WebLogintext {
    position: static;
    text-align: left;
}

#labInputName, #WebInputName {
    left: 23px;
    position: absolute;
    top: 68px;
}

#labInputLastName, #WebInputLastName {
    left: 23px;
    position: absolute;
    top: 95px;
}

#labInputEmail, #WebInputEmail {
    left: 23px;
    position: absolute;
    top: 122px;
}

#labenterBut, #WebenterBut {
    left: 23px;
    position: absolute;
    top: 158px;
}

#labInputName, #labInputLastName, #labInputEmail, #WebInputName, #WebInputLastName, #WebInputEmail {
    background: url(../img/experience/common/input-field-bg.png) top left no-repeat;
    height: 26px;
    padding-left: 5px;
    padding-top: 3px;
    width: 205px;
}

#labInputName input, #labInputLastName input, #labInputEmail input, #WebInputName input, #WebInputLastName input, #WebInputEmail input {
    background: none;
    border: none;
    color: #546385;
    font: normal 10px futura-book;
    height: 18px;
    width: 188px;
}

#labenterBut {
    height: 28px;
    width: 200px;
}

#labenterBut .labEnterButDis, #labenterBut .labEnterBut, #WebenterBut .labEnterButDis, #WebenterBut .labEnterBut {
    background: url(../img/experience/common/form-button-wide.png) bottom left no-repeat;
    border: none;
    color: #FFF;
    font: bold 13px futura-book;
    height: 40px;
    width: 200px;
}

#labenterBut .labEnterBut, #WebenterBut .labEnterBut {
    background-position: top left;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#labenterBut .labEnterBut:active, #WebenterBut .labEnterBut:active {
    background-position: 0 -40px;
}

#QguideCell {
    background: url(../img/experience/common/q-guide-background.png) top left no-repeat;
    display: none;
    height: 378px;
    left: 60px;
    position: absolute;
    top: 180px;
    width: 294px;
    z-index: 10000;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#qGuideDrag {
    cursor: pointer;
    height: 350px;
    left: 11px;
    position: absolute;
    top: 10px;
    width: 268px;
}

#qGuideDrag:hover {
    cursor: url(../img/experience/html/cursor.cur), /* Modern browsers    */ url(../img/experience/html/cursor.cur), /* Internet Explorer  */ move; /* Older browsers     */
}

#qGuideClose {
    background: url(../img/experience/common/q-guide-close.png) top left no-repeat;
    bottom: 19px;
    height: 29px;
    left: 130px;
    position: absolute;
    width: 29px;
    z-index: 101;
}

#qGuideClose:hover {
    background-position: bottom left;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#qGuideMenuHolder {
    bottom: -26px;
    height: 20px;
    left: 0px;
    position: absolute;
    width: 216px;
    z-index: 10000 !important;
    border-bottom: 1px solid #C8C8C8;
    border-top:  1px solid #C8C8C8;;
}

.qGuideContentHolder {
    height: 288px;
    left: 37px;
    overflow: hidden;
    position: relative;
    top: 41px;
    width: 216px;
    z-index: 100;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#qGuideLoader {
    background-color: rgba(0, 0, 0, 0.60);
    position: absolute;
    z-index: 1600;
    top: 0;
    left: 0;
    height: 288px;
    width: 216px;
    display: none;
    opacity: 0;
}

#qguideRound {
    background: url(../img/experience/html/rotator.png) top left no-repeat;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#qGuideScroll {
    height: 290px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 654px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#qGuideScroll div {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#qGuideInfo {
    background-color: #FFF;
    float: left;
    height: 288px;
    width: 216px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
}

#qGuideMap {
    background-color: #FFF;
    float: left;
    height: 288px !important;
    overflow: hidden;
    position: relative !important;
    width: 216px !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

#qGuideHelp {
    background-color: #FFF;
    float: left;
    height: 288px;
    width: 216px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
}
.innermenuLarge{
    background-color: #ffffff;
}
.innermenuLarge, .innermenuSmall {
    height: 20px;
    display: table;
    table-layout:fixed;
    width: 100%;
}


.innermenuLarge div, .innermenuSmall div {
    color: #1b3067;
    font-size: 11px;
    font-family: futura-book, sans-serif;;
    height: 20px;

    text-align: center;
    display: table-cell;
    cursor: pointer;
    vertical-align: middle;

    -moz-box-sizing: border-box;
    border-right: 1px solid  #1b3067;

    position: relative;
}

.innermenuLarge div:last-child
{
    border-right: none;
}

.innermenuLarge div:hover, .innermenuSmall div:hover {
    background-color: #1B3067;
    color: #FFFFFF !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.innermenuLarge .activeLink, .innermenuSmall .activeLink {
  /*  background-color: #1B3067 !important;*/
    color: #FFFFFF !important;
    background-color: #1B3067;
}

.innermenuLarge .activeLink .arrowWrapper
{
    position: absolute;
    width: 10px;
    height: 5px;
    top: -5px;
    right: 0;
    left: 0;
    margin: auto;
    background: url(../img/experience/html/q-guide-menu-background_long.png) center center no-repeat;
}

.qGuideMapZoomBtn {
    background: url(../img/experience/common/q-guide-map-top.png) top left no-repeat;

    height: 23px !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 216px;
    z-index: 1000;
}

.qGuideMapZoomBtn div {
    color: #1B2F67;
    float: left;

    font-family: futura-book, sans-serif;;
    font-size: 11px;
    height: 17px !important;
    padding-top: 3px;
    text-align: center;
    width: 108px !important;
}

.qGuideMapZoomBtn div:hover {
    background-color: #1B3067;
    color: #FFFFFF !important;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.qGuideMapZoomBtn div:last-child {
    margin-left: 0;
    width: 108px !important;
}

#qGuideMapholder {
    background: url(../img/experience/html/labormapBig.png) top left no-repeat;

    left: 107px;
    position: absolute;
    top: 143px;
    width: 648px;
    height: 864px;
    cursor: move;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#qGuideMap1x {
    height: 572px;
    left: 0;
    position: absolute;
    top: 0;
    width: 429px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#qGuideMap2x {
    background: url(../img/experience/html/labormapBigShadows.png) top left no-repeat;

    left: 0;
    position: absolute;
    top: 0;
    width: 648px;
    height: 864px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: move !important;
}

#qGuideMap2x:hover {
    cursor: move !important;
}

#qGuideMap1x div {
    height: 39px;
    position: absolute;
    width: 39px;
    background-size: 39px;
    z-index: 1000;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


#qGuideMap1x div:hover {
    background-position: bottom left !important;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#qGuideMap2x div {
    height: 14px;
    position: absolute;
    width: 14px;
    z-index: 1000;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#qGuideMap2x div:hover {
    background-position: bottom left !important;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#testID {
    background-color: #FF0000;
    height: 30px !important;
    left: 100px !important;
    position: absolute !important;
    top: 100px !important;
    width: 30px !important;
    z-index: 10000;
}

#testID:hover {
    background-color: #00FF00;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.DragBorder {

    left: -50%;
    margin-left: -432px;
    margin-top: -576px;
    position: absolute;
    top: -50%;
    width: 864px;
    height: 1152px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#laodProgressIMG {
    background-color: #FFF;
    height: 3px;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: -3px;
}

#loadingProcess {
    background: url(../img/experience/common/tan-overlay.png) top left no-repeat;
    height: 560px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 1024px !important;
    z-index: -1;
}

#loadingProcess #lodingRound {
    background: url(../img/experience/html/rotator.png) top left no-repeat;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 50px;
}

.notActiveTop, .notActiveTop:hover {
    opacity: 0.5;
    cursor: default !important;
    background-position: top left 12px;
    color: #1b3067;
}

.labPlace {
    height: 560px;
    overflow: hidden;
    position: relative;
    width: 1024px;
}

.topNavShowRoom {
    height: 50px;
    left: 50%;
    margin-left: -80px;
    opacity: 0.8;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 105;

}

.topNavShowRoom:hover {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    opacity: 1;
}

.topNavShowRoom:hover .ShowRoomimgPlace {
    background-position: bottom left;
}

.topNavShowRoom div, .ShowRoomContent div {
    float: left;
}

.ShowRoomLeft {
    background: url(../img/experience/html/navigation-background-left.png) top right no-repeat;
    height: 50px;
    width: 24px;
}

.ShowRoomContent {
    background: url(../img/experience/html/navigation-background-mid.png) top left repeat-x;
    height: 40px;
    overflow: hidden;
    padding: 7px 10px 0 10px;
}

.ShowRoomRight {
    background: url(../img/experience/html/navigation-background-right.png) top left no-repeat;
    height: 50px;
    width: 24px;
}

.ShowRoomContent .ShowRoomimgPlace {
    background: url(../img/experience/common/icon-navigation-top-showroom.png) top left no-repeat;
    height: 20px;
    width: 8px;
}

.ShowRoomContent .ShowRoomTextPlace {
    color: #1B3067;
    font: 12px futura-book;
    padding: 1px 0 0 10px;
}

.oneconfigurationCell {
    background: url(../img/experience/html/workflow-configurator-step-background.png) top left no-repeat;
    height: 298px;
    position: absolute;
    width: 222px;
}

.configTopCell {
    color: #1D3369;
    font: bold 10px futura-book;
    height: 50px;
    padding: 15px 18px;
}

.configTopCell .configsmallTx {
    float: left;
}

.configTopCell .configNumber {
    float: right;
    font-size: 12px;
}

.configTopCell .configHeadline {
    font-size: 14px;
    padding-top: 30px;
}

.configContentCell {
    height: 170px;
    padding: 10px 15px;
    position: relative;
}

.configContentCell .contentCellHeader {
    border-bottom: 1px solid #D8D8D8;
    color: #5B5B5B;
    font: normal 11px futura-book;
    padding-bottom: 10px;
    padding-left: 3px;
}

.configContentCell .contentCellFooter {
    bottom: 0;
    color: #5B5B5B;
    font: normal 11px futura-book;
    left: 18px;
    position: absolute;
}

.configContentCell .contentSelection {
    left: 18px;
    position: absolute;
    top: 60px;
}

.configContentCell .contentSelection div {
    background: url(../img/experience/html/answer-background.png) top left no-repeat;
    color: #1D3369;
    font: normal 11px futura-book;
    height: 18px;
    margin-bottom: 5px;
    padding-left: 25px;
}

.configContentCell .contentSelection div:hover {
    color: #E10943;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.configContentCell .contentSelection div.selected {
    background-position: bottom left;
    color: #E10943;
}

.firstCell {
    left: 390px;
    opacity: 1;
    top: 140px;
    z-index: 100;
}

.secondCell {
    left: 410px;
    opacity: 0.5;
    top: 120px;
    z-index: 90;
}

.lastCell {
    left: 430px;
    opacity: 0.5;
    top: 100px;
    z-index: 80;
}

.lastCell .contentCellFooter {
    bottom: 55px;
    left: 18px;
}

.lastCell .enterBtn, .lastCell .enterBtnInactive {
    background: url(../img/experience/common/form-button-small.png) top left no-repeat;
    bottom: 5px;
    color: #FFF;
    font: bold 13px futura-book;
    height: 28px;
    left: 20px;
    padding-top: 12px;
    position: absolute;
    text-align: center;
    width: 183px;
}

.lastCell .enterBtnInactive {
    background-position: bottom left;
}

.enterBtn {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.lastCell .enterBtn:active {
    background-position: 0 -40px;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.laborTimeLinePlace {
    bottom: 60px;
    left: 148px;
    position: absolute;
}

.TimeLineInner {
    position: relative;
    width: 727px;
}

.TimeLineDescription {
    background: url(../img/experience/common/workflow-progres-label-bg.png) top left no-repeat;
    bottom: 30px;
    height: 28px;
    left: 0;
    padding: 12px 0 0 19px;
    position: absolute;
    width: 708px;
    z-index: 50;
}

.TimeLineDescription div {
    color: #7D7D7E;
    float: left;
    font: normal 9px futura-book;
    padding-right: 5px;
}

.mainTimeLine {
    bottom: 0;
    height: 44px;
    left: 0;
    overflow: hidden;
    position: relative;
    width: 727px;
    z-index: 100;
}

.timeLineButRight {
    background: url(../img/experience/common/laboratory-settings.png) top left no-repeat;
    height: 43px;
    left: 0;
    position: absolute;
    top: 0;
    width: 64px;
}

.timeLineButRight:hover {
    background-position: bottom left;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.timeLineButLeft, .timeLineButLeftInactive {
    background: url(../img/experience/common/laboratory-help.png) top left no-repeat;
    height: 43px;
    position: absolute;
    right: 0;
    top: 0;
    width: 64px;
}

.timeLineButLeftInactive {
    background-position: bottom left;
}

.timeLineButLeft:hover {
    background-position: 0 -43px;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.boldText {
    font-weight: bold !important;
}

.timeLineContent {
    background: url(../img/experience/common/workflow-progres-bg.png) top left no-repeat;
    height: 43px;
    left: 37px;
    padding-top: 5px;
    position: absolute;
    top: 0;
    width: 653px;
    z-index: 100;
}

table.timeLineTable {
    margin-top: 1px;
}

table.timeLineTable td {
    font: normal 10px futura-book;
    text-align: center;
}

table.timeLineTable td {
    background: url(../img/experience/common/workflow-progres-pointer.png) 0 3px no-repeat;
}

table.timeLineTable td.firstTimeLine {
    background: none;
    padding-left: 5px;
}

table.timeLineTable td.lastTimeLine {
    padding-right: 19px;
}

.timeLineCell {
    background: url(../img/experience/common/workflow-progres-sub-steps-bg.png) top left repeat-x;
    height: 3px;
}

table.timeLineTable td .timeLineText, table.timeLineTable td .timeLineTextActive, table.timeLineTable td .timeLineTextInactive {
    color: #1D3369;
    padding-top: 6px;
}

table.timeLineTable td .timeLineText:hover {
    color: #E10943;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

table.timeLineTable td .timeLineText span, table.timeLineTable td .timeLineTextInactive span {
    color: #E10943;
}

table.timeLineTable td .timeLineTextSelected {
    color: #E10943;
    cursor: default;
}

table.timeLineTable td .timeLineTextActive {
    color: #E10943;
}

table.timeLineTable td .timeLineTextInactive {
    opacity: 0.4;
}

table.timeLineLine td {
}

table.timeLineLine .timeLineMarker {
    background: url(../img/experience/common/workflow-progres-sub-steps-separator.png) left top no-repeat;
    float: left;
    height: 3px;
    width: 3px;
}

table.timeLineLine .timeLineProgress {
    background: url(../img/experience/html/progressbar.png) top left repeat-x;
    height: 3px;
}

.LabrightArrow {
    background: url(../img/experience/html/arrLeft.png) top left no-repeat;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 32px;
    left: 192px;
    position: absolute;
    top: 239px;
    width: 16px;
    z-index: 50;
}

.LableftArrow {
    background: url(../img/experience/html/arrRight.png) top right no-repeat;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 32px;
    left: 816px;
    position: absolute;
    top: 239px;
    width: 16px;
    z-index: 50;
}

.LabrightArrow:hover, .LableftArrow:hover {
    moz-transform: scale(1.2, 1.2);
    ms-transform: scale(1.2, 1.2);
    o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    webkit-transform: scale(1.2, 1.2);
}

.lastTable {
    background: url(../img/experience/common/next-steps-bg.png) top left no-repeat;
    height: 330px;
    position: absolute;
    top: 75px;
    width: 485px;
    z-index: 300;
}

.labTitleTextlast {
    color: #1B3168;
    font-size: 16px;
    font-family: futura-book, sans-serif;;
    height: 77px;
    margin-bottom: 4px;
    position: relative;
}

.labClosebtnlast {
    background: url(../img/experience/common/close.png) top left no-repeat;
    height: 12px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 13px;
}

.labClosebtnlast:hover {
    background-position: bottom left;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.labTabTextlast {
    bottom: 13px;
    left: 22px;
    position: absolute;
}

.labInfoCell {
    color: #435767;
    font: bold 11px futura-book;
    height: 62px;
    margin-left: 6px;
    overflow: hidden;
}

.labInfoCell .labreport, .labInfoCell .labinfoEmail, .labInfoCell .labEmail {
    float: left;
    height: 62px;
    position: relative;
    width: 228px;
}

.labInfoCell .labdemo, .labInfoCell .labCall, .labInfoCell .labOrder {
    float: left;
    height: 62px;
    position: relative;
    width: 241px;
}

.labreport .labinfoCellImg {
    background: url(../img/experience/common/next_steps_01.png) top left no-repeat;
    height: 24px;
    left: 20px;
    position: absolute;
    top: 15px;
    width: 20px;
}

.labdemo .labinfoCellImg {
    background: url(../img/experience/common/next_steps_02.png) top left no-repeat;
    height: 22px;
    left: 20px;
    position: absolute;
    top: 15px;
    width: 27px;
}

.labinfoEmail .labinfoCellImg {
    background: url(../img/experience/common/next_steps_03.png) top left no-repeat;
    height: 25px;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 20px;
}

.labCall .labinfoCellImg {
    background: url(../img/experience/common/next_steps_04.png) top left no-repeat;
    height: 21px;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 24px;
}

.labEmail .labinfoCellImg {
    background: url(../img/experience/common/next_steps_05.png) top left no-repeat;
    height: 18px;
    left: 20px;
    position: absolute;
    top: 25px;
    width: 25px;
}

.labOrder .labinfoCellImg {
    background: url(../img/experience/common/next_steps_06.png) top left no-repeat;
    height: 17px;
    left: 20px;
    position: absolute;
    top: 25px;
    width: 27px;
}

.labreport .labinfoCellTxt {
    left: 60px;
    position: absolute;
    top: 20px;
}

.labdemo .labinfoCellTxt {
    left: 70px;
    position: absolute;
    top: 20px;
}

.labinfoEmail .labinfoCellTxt {
    left: 60px;
    position: absolute;
    top: 20px;
    padding-right: 15px;
}

.labCall .labinfoCellTxt {
    left: 70px;
    position: absolute;
    top: 20px;
    padding-right: 15px;
}

.labEmail .labinfoCellTxt {
    left: 60px;
    position: absolute;
    top: 25px;
}

.labOrder .labinfoCellTxt {
    left: 70px;
    position: absolute;
    top: 25px;
}

.labreport:hover, .labdemo:hover, .labinfoEmail:hover, .labCall:hover, .labEmail:hover, .labOrder:hover {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.labreport:hover .labinfoCellImg,
.labdemo:hover .labinfoCellImg,
.labinfoEmail:hover .labinfoCellImg,
.labCall:hover .labinfoCellImg,
.labEmail:hover .labinfoCellImg,
.labOrder:hover .labinfoCellImg {
    background-position: bottom left;
}

.labRegisterCell {
    color: #435767;
    font: bold 11px futura-book;
    height: 44px;
    overflow: hidden;
    position: relative;
}

.labRegisterBut {
    background: url(../img/experience/common/next_steps_07.png) top left no-repeat;
    color: #FFF;
    height: 18px;
    left: 74px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    top: 15px;
    width: 106px;
}

.labRegisterBut:hover {
    background-position: bottom left;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.labRegisterTxt {
    left: 190px;
    position: absolute;
    top: 18px;
}

.labAlertCell {
    background: url(../img/experience/common/tan-overlay.png) top left no-repeat;
    height: 560px;
    position: absolute;
    width: 1024px;
    top: 0;
    left: 0;
    z-index: 100;
}

.labAlertTD {
    background: url(../img/experience/common/confirm-pop-up-bg.png) top left no-repeat;
    height: 115px;
    left: 50%;
    margin-left: -101px;
    margin-top: -80px;
    position: absolute;
    top: 50%;
    width: 202px;
}

.labAlertTxt {
    color: #545454;
    display: table-cell;
    font: normal 12px futura-book;
    height: 76px;
    padding: 6px 10px 0 10px;
    text-align: center;
    vertical-align: middle;
}

.labAbertbutPlace {
    color: #405464;
    font: normal 12px futura-book;
    height: 29px;
    margin-left: 6px;
    overflow: hidden;
}

.labAbertbutPlace div {
    float: left;
}

.labAlertYes {
    background: url(../img/experience/common/confirm-pop-yes.png) top left no-repeat;
    border-right: 1px solid #1B3067;
    height: 23px;
    padding-top: 6px;
    text-align: center;
    width: 94px;

    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}

.labAlertNo {
    background: url(../img/experience/common/confirm-pop-no.png) top left no-repeat;

    text-align: center;
    height: 23px;
    padding-top: 6px;
    width: 95px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
}

.labAlertYes:hover, .labAlertNo:hover {
    background: none;
    color: #ffffff;
    background-color: #1B3067 !important;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.labInnervideoBG {
    background: url(../img/experience/html/labPlayerBG.png) top left no-repeat;
    height: 335px;
    left: 0;
    position: absolute;
    top: 0;
    width: 491px;
    z-index: -1;
}

.labInnervideoLeftBG {
    background: url(../img/experience/html/labPlayerBG.png) top right no-repeat;
    height: 335px;
    position: absolute;
    right: 0;
    top: 0;
    width: 17px;
    z-index: -1;
}

.labInnerVideoHeader {
    color: #1B3168;
    font-family: futura-book, sans-serif;;
    font-size: 16px;
    left: 22px;
    position: absolute;
    top: 45px;
}

.labInnerVideoHeader span {
    color: #E10943;
}

.labInnerVideoText {
    color: #545454;
    font-family: futura-book, sans-serif;;
    left: 22px;
    line-height: 135%;
    position: absolute;
    top: 100px;
    width: 460px;
}

.labInnerImgBotText {
    bottom: 10px;
    color: #435767;
    font: normal 11px futura-book;
    left: 22px;
    line-height: 135%;
    position: absolute;
    width: 460px;
}

/***************Added 2013.03.14 00:47****************************************/

.labShadowTop {
    background: url(../img/experience/html/shadowUp.png) top left repeat-x;
    width: 496px;
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;

}

.labShadowBot {
    background: url(../img/experience/html/shadowDown.png) top left repeat-x;
    width: 496px;
    height: 4px;
    position: absolute;
    top: 276px;
    left: 0;
    z-index: 100;

}

.mapShaderHolder {

    left: 0;
    position: absolute;
    top: 0;
    width: 648px;
    height: 864px;
    z-index: 1;
}

.mapShader {
    background-color: #000;
    position: absolute;
    opacity: 0;
}

.super {
    vertical-align: super;
    font-size: smaller;
}

.knowledge-component-main {
    height: 395px;
    position: absolute;
    right: 450px;

    top: 800px;
    width: 270px;
}

.knowledge-selection {
    float: left;
    overflow: hidden;

    color: #545454;
    font: normal 11px futura-book;

    line-height: 138%;
    width: 155px;
    padding: 0 14px 0 22px;
    background: url(../img/experience/html/seperator.jpg) top right repeat-y;
    height: 278px;
    position: relative;
}

.noBorder {
    background: none;
}

.knowledgeContent {
    position: absolute;
    top: 78px;
    left: 0;
}

.knowledge-start-header {
    color: #404040;
    font-family: futura, sans-serif;;
    font-size: 13px;
    padding: 15px 0 9px 0;
    border-bottom: 1px solid #D8D8D8;
    margin-right: 5px;
}

.knowledge-start-img {
    text-align: center;
    margin: 0;
    height: 75px;
    width: 150px;
}

.knowledge-start-content {
    height: 91px;
    overflow: hidden;
    position: absolute;
    width: 155px;
}

.knowledge-scrollers {
    position: absolute;
    right: 5px;
    top: 125px;
}

.knowledge-scroollcontent {
    position: absolute;
}

.knowledge-start-button-place {
    position: absolute;
    bottom: 28px;
}

.knowledge-start-button {
    background: url(../img/experience/common/ka-enter-button-bg.png) top left no-repeat;
    height: 28px;
    width: 152px;
    text-align: center;
    font-size: 16px;
    font-family: futura-book, sans-serif;;
    color: #1b3067;
    padding-top: 12px;
}

.knowledge-start-button:hover {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-position: 0 -41px !important;
    color: #FFFFFF;
}

.knowledge-start-button-hover {
    background-position: 0 -41px !important;
}

.knowledge-start-button-down {
    cursor: default !important;
    background-position: top left !important;
    opacity: 0.5
}

.knowlwdgeInnerHeader {
    color: #404040;
    font-family: futura, sans-serif;;
    font-size: 13px;
    font-weight: 300;
    margin: 15px 18px 0 18px;
    padding-bottom: 6px;
    border-bottom: 1px solid #D7D7D7;
}

#info-dropDown-knowledge {
    left: 20px;
    position: absolute;
    top: 10px;
    z-index: 10000;
}

.marinObj {
    margin-top: 20px;
}

.videoInfo {
    color: #36497A;
    font-size: 10px;
    width: 40px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 28px;
    background: #fff url(../img/experience/common/icon-info.png) top left no-repeat;
}

.videoInfo:hover, .videoFullScreen:hover, .videoFullScreenActive:hover {
    background-position: 0 -28px;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.videoInfo:active {
    background-position: bottom left;
}

.videoFullScreen, .videoFullScreenActive {
    border-left: 1px solid #BBC6D8;
    color: #36497A;

    font-size: 10px;

    width: 40px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 28px;
    background: #ffffff url(../img/experience/common/icon-fullscreen.png) top left no-repeat;
}

.videoFullScreenActive {
    background: #ffffff url(../img/experience/common/icon-fullscreen-back.png) top left no-repeat;

}

.inactive, .inactive:hover {
    background-position: bottom left !important;
    cursor: default !important;
}

#innerVideoContent {
    position: absolute;
    top: 76px;
    left: 6px;
    z-index: 1000;
    background: url(../img/experience/html/videoInfoBg.png) top left repeat-x;
}

.displayNone {
    display: none !important;
}

#scrooler {
    margin: 5px 15px;
}

.innerVidTextStyle {
    color: #535353;
    font: normal 10px futura-book;
    line-height: 120%;
}

.skipVideoButtonPosition {
    position: absolute;
    top: 76px;
    left: 20px;
    border-bottom: 1px solid #D8D8D8;

    height: 42px;
    z-index: 1100;
    margin-top: 15px;
}

.skipVideoButtonCell {
    float: left;
    overflow: hidden;
}

.skipVideoTextButton {
    height: 10px;

    color: #36497A;
    float: left;
    margin-top: 7px;
    margin-left: 10px;
    font: normal 12px futura-book;

}

.skipVideoButton {
    float: left;
    background: url(../img/experience/common/avp-play-again-small.png) top left no-repeat;
    height: 30px;
    width: 45px;
}

.skipVideoButtonCell:hover .skipVideoTextButton, .skipVideoButtonCell:hover .skipVideoButton {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-position: bottom left;
    color: #cee0f3;
}

.backgroundPos {

    background-position: 0 -56px !important;
}

.skipVideoText {
    display: table;
    height: 10px;
}

.KAleft {
    display: table-cell;
    height: 14px;
    width: 5%;
    background: url(../img/experience/html/videoBut.png) bottom left no-repeat;
}

.KAright {
    display: table-cell;
    height: 14px;
    width: 5%;
    background: url(../img/experience/html/videoBut.png) bottom right no-repeat;
}

.KAcenter {
    display: table-cell;
    height: 14px;
    width: 90%;
    background: url(../img/experience/html/videoButmid.png) bottom left repeat-x;
}

.skipVideoTextPosition {
    position: absolute;
    bottom: 6px;
    left: 6px;
    z-index: 1010;
}

/***** added 2013-06-20*************/

.knowledge-area-bg {
    height: 362px;
    position: absolute;
    width: 100%;
}

.knowledge-area-bg-left {
    background: url(../img/experience/html/knowledge-area-background-left.png) top left no-repeat;
    float: left;
    height: 362px;
    width: 15px;
}

.knowledge-area-bg-middle {
    background: url(../img/experience/html/knowledge-area-background-center.png) top left repeat-x;
    display: block;
    height: 362px;
    margin-left: 15px;
    margin-right: 15px;
}

.knowledge-area-bg-right {
    background: url(../img/experience/html/knowledge-area-background-right.png) top left no-repeat;
    float: right;
    height: 362px;
    width: 15px;
}

.KAvideoTemplate {
    overflow: hidden;
    display: table;
    width: 100%;
}

.KAvideoTemplateHeader {
    color: #3B4F61;
    font: 13px futura;
    margin-top: 15px;
    padding-bottom: 6px;
}

.KAvideoTemplateFoto {
    display: table-cell;
    /*width:140px;*/
    text-align: left;
}

.KAvideoTemplateText {
    display: table-cell;
    text-align: left;
    vertical-align: top;
}

/******************************New labor entrance************************************************************/
/* added 2013-06-28*/

.labEntranceConfigurationCellBG {
    width: 386px;
    height: 386px;
    background: url(../img/experience/html/laboratory-entrance-cube.png) top left no-repeat;
    position: absolute;
    overflow: hidden;
    z-index: 5;
}

.labEntranceConfigurationCell {
    background: url(../img/experience/html/workflow-configurator-step-background-new.png) top left no-repeat;
    width: 360px;
    height: 360px;
    overflow: hidden;
    position: absolute;
    top: 15px;
    left: 15px;

}

.labEntranceTopCell {
    height: 35px;
    color: #1B3168;

    position: relative;
}

.labEntrancesmalllabel {
    position: absolute;
    bottom: 9px;
    left: 15px;
    font-family: futura-book, sans-serif;;
}

.labEntrancesmallcounter {
    position: absolute;
    bottom: 9px;
    right: 15px;
    font: bold 12px futura-book;

    text-shadow: 0 1px 0 #fff;
}

.labEntranceImgCell {
    width: 360px;
    height: 120px;
    overflow: hidden;
    position: relative;
    color: #1B3168;
}

.labEntranceImgShadow {
    width: 360px;
    height: 120px;
    background: url(../img/experience/html/laboratory-entrance-ce-cube-img-shadow.png) top left no-repeat;
    position: absolute;
    z-index: 10;
    overflow: hidden;
}

.labEntranceImgLabel {
    font-family: futura-book, sans-serif;;
    position: absolute;
    font-size: 17px;
    bottom: 10px;
    left: 15px;
    z-index: 9;

}

.labEntranceImgLabelSmall {
    position: absolute;
    font-size: 11px;
    bottom: 9px;
    left: 15px;
    z-index: 8;
    text-shadow: 0 1px 0 #fff;
}

.labEntranceImg {
    position: relative;
    z-index: 5;
}

.labEntranceImg img {
    border: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.labEntranceContentCell {
    width: 360px;
    height: 183px;
    overflow: hidden;
}

.internal-link-labor, .internal-link-labor-selected, .mobileInterlink-labor {
    background: url(../img/experience/html/internal-link.png) 15px 8px no-repeat;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    line-height: 138%;
    padding: 6px 10px 6px 25px;
    color: #535353;
    font: normal 11px futura-book;
}

.internal-link-labor:hover, .internal-link-labor-selected, .internal-link-labor-selected:hover {
    color: #e0003c !important;
}

.labEntranceArrow {
    background: url(../img/experience/html/arrLeft.png) top left no-repeat;
    cursor: pointer !important;
    height: 32px;
    width: 16px;
    position: absolute;
    left: 280px;
    top: 260px;
    z-index: 1000;
}

.labEntranceArrow:hover {
    moz-transform: scale(1.2, 1.2);
    ms-transform: scale(1.2, 1.2);
    o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    webkit-transform: scale(1.2, 1.2);
}

.StepHolder {
    background: url(../img/experience/html/cube-info-steps-bg.png) top left repeat-x;
    width: 360px;
    height: 27px;
    overflow: hidden;
}

#cube3 .labEntranceContentCell {
    padding-top: 0;
}

.oneStep {
    float: left;
    width: 120px;
    height: 22px;
    position: relative;
}

.StepTopLine {
    height: 30px;
    background-color: #E0003C;
    width: 0;

}

.StepTopCount {

    color: #A4B6CD;
    padding-top: 2px;
    padding-left: 15px;
    font-size: 12px;
}

.StepTopBorder {
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    right: -1px;
    background: url(../img/experience/html/cube-info-steps-border.png) top left repeat-y;
}

.StepContent {
    width: 360px;
    overflow: hidden;
    height: 160px;
    position: relative;
}

.IsSelected {
    color: #e0003c;
}

.OneSelector {

    width: 360px;
    overflow: hidden;
    height: 160px;
    color: #535353;
    position: absolute;
}

.innerQuestion {
    font: normal 11px futura-book;
    border-bottom: 1px solid #C4CBD3;
    padding: 10px 0 5px 0;
    margin: 0 15px
}

.selectholder {
    padding: 20px 15px 0 15px;
}

.selectholder .oneSelect div {
    background: url(../img/experience/html/answer-background.png) top left no-repeat;
    color: #1D3369;
    font: normal 11px futura-book;
    height: 18px;
    margin-bottom: 5px;
    padding-left: 25px;
}

.selectholder .oneSelect div:hover {
    color: #E10943;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.selectholder .oneSelect div.acvtiveSelect {
    background-position: bottom left;
    color: #E10943;
    cursor: default;
}

.canSelect .StepTopCount {
    color: #1D3369 !important;
}

.canSelect:hover .StepTopCount, .canSelect:hover {
    color: #E10943 !important;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.bigBut {
    background: url(../img/experience/common/config-form-button-wide.png) top left no-repeat;
    width: 338px;
    height: 28px;
    font: bold 13px futura-book;
    color: #FFF;
    text-align: center;
    padding-top: 13px;
}

.bigButPoss {
    position: absolute;
    bottom: 25px;
    left: 10px;
    z-index: 100;
}

.bigBut.backgroundPos {
    background-position: 0 -40px !important;
}

.bigBut:hover {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.LastAnswer {
    width: 360px;
    height: 193px;
    color: #535353;
}

.mainResults {
    overflow: hidden;
}

.mainResults div {
    float: left;
}

.LastAnswer .innerQuestion {
    margin-bottom: 15px;
}

.oneQueston {
    width: 25%;
    font: normal 11px futura-book;
    padding: 0 0 5px 15px;
}

.oneAnswer {
    width: 60%;
    font: bold 11px futura-book;
    padding: 0 0 5px 15px;
    background: url(../img/experience/common/tick.png) top right no-repeat;
}

.cubeDiv {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.additionalSelection {
    color: #535353;
    position: absolute;
    bottom: 20px;
    left: 15px;
    font: normal 11px futura-book;
}

/*****************************************************************************************/
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container {
    width: auto;
    margin-right: 20px;
    overflow: hidden;
    line-height: 137% !important;

}

.mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
}

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
    margin-right: 30px;
}

.mCustomScrollBox > .mCSB_scrollTools {
    width: 20px;
    height: 100%;
    top: 0;
    right: -2px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: auto;
    bottom: 0;
    right: 0px;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 20px;
    height: 94%;
    margin: 0 auto;
    /*-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;*/

}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 20px;
    height: 20px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 15px;
    height: 15px;
    margin: 0 auto;
    /*-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;*/
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: relative;
    height: 20px;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mCSB_scrollTools .mCSB_buttonDown {
    top: 100%;
    margin-top: -40px;
}

/* horizontal scrollbar */
.mCSB_horizontal > .mCSB_container {
    height: auto;
    margin-right: 0;
    margin-bottom: 30px;
    overflow: hidden;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
    margin-bottom: 0;
}

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
    width: 100%;
    height: 16px;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
    width: 30px;
    height: 100%;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
    display: block;
    position: relative;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    float: left;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
    margin-left: -40px;
    float: right;
}

.mCustomScrollBox {
    -ms-touch-action: none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox > .mCSB_scrollTools {
    /*opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}

.mCustomScrollBox:hover > .mCSB_scrollTools {
    /*opacity:1;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}

.mCSB_scrollTools .mCSB_draggerRail {
    /*background:#000; /* rgba fallback */
    /*background:rgba(0,0,0,0.4);

	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)";*/ /* old ie */
    background: url(../img/experience/html/avp-ruller-line.png) center top repeat-y;
    margin-top: 5px;

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #fff; /* rgba fallback */
    background: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"; /* old ie */
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"; /* old ie */
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"; /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    /*background-image:url(../mCSB_buttons.png);*/
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"; /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /*
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)
	*/
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /*
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)
	*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /*
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)
	*/
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /*
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)
	*/
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"; /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"; /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark > .mCSB_scrollTools .mCSB_draggerRail {
    background: #000; /* rgba fallback */
    background: rgba(0, 0, 0, 0.15);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000; /* rgba fallback */
    background: rgba(0, 0, 0, 0.75);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9);
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/*light-2*/
.mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #fff; /* rgba fallback */
    background: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background: #fff; /* rgba fallback */
    background: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.85);
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.9);
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}

/*dark-2*/
.mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #000; /* rgba fallback */
    background: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background: #000; /* rgba fallback */
    background: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

/*light-thick*/
.mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #fff; /* rgba fallback */
    background: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #fff; /* rgba fallback */
    background: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}

/*dark-thick*/
.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #000; /* rgba fallback */
    background: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #000; /* rgba fallback */
    background: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

/*light-thin*/
.mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail {
    background: #fff; /* rgba fallback */
    background: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
}

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

/*dark-thin*/
.mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail {
    background: #000; /* rgba fallback */
    background: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
    background: #000; /* rgba fallback */
    background: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
}

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.mCSB_scrollTools {
    width: 30px;
}

.mCSB_draggerRail:hover {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mCSB_dragger_bar {
    border: none;
    width: 6px;
    background: url(../img/experience/html/avp-ruler_kitGallery.png) center top no-repeat !important;

}

.mCSB_dragger_bar:hover {
    background-position: center bottom !important;
}

.mCSB_draggerContainer {
    width: 20px;
}

#video-player-advance {
    border: none;
    display: block;
}

.newTollTipHolder {

    position: absolute;
    z-index: 110;
    overflow: visible;

    bottom: 38px;
    left: 50%;

    transform: translateX(-50%);


    cursor: default !important;
}

#newtoolTip
{
    color: #fff;
    font: 11px futura-book;
    height: 22px;
    left: 0;
    text-align: center;

    display: flex;

}

.newtoolTipLeft, .newtoolTipLeft2 {
    background: url(../img/experience/html/new-tt-left-red.png) top right no-repeat;
    height: 22px;
    width: 13px !important;
    display: inline-block;
}

.newtoolTipLeft2 {
    background: url(../img/experience/html/new-tt-left-red-no-shadow.png) top right no-repeat;
}

#newtoolTipContentRed, #newtoolTipContentRed2 {
    display: inline-block;

    background: url(../img/experience/html/new-tt-middle-red.png) top left repeat-x;
    white-space: nowrap;
    vertical-align: top;

    text-align: center;
    font-size: 15px;
    font-family: futura-book, sans-serif;;
    line-height: 100%;
    padding: 3px 9px 0;

    text-transform: none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#newtoolTipContentRed2 {
    background: url(../img/experience/html/new-tt-middle-red-no-shadow.png) top left repeat-x;
}

#newtoolTipContentWhite {
    height: 22px;
    font-size: 11px;
    font-family: futura-book, sans-serif;;

    display: inline-block;
    overflow: hidden !important;
    text-wrap: none !important;
    white-space: nowrap !important;

    width: 0px;

    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.newtoolTipRight {
    background: url(../img/experience/html/new-tt-right-red.png) top left no-repeat;
    display: table-cell;
    height: 44px;
    width: 19px;
}

.newArrow {
    position: absolute;
    z-index: 150;
    width: 14px;
    height: 7px;

}

#newArrowRed {
    background: url(../img/experience/common/new-tt-tr-red.png) top center no-repeat;
    height: 7px;
    width: 14px;
    white-space: nowrap !important;

}

#newArrowWhite {
    background: url(../img/experience/common/new-tt-tr-white.png) top left no-repeat;
    width: 14px;
    height: 7px;
    opacity: 0;
}

.tooltipTranspaparent {
    opacity: 0.4;
}

.whiteContentHolder {
    overflow: visible !important;
    position: relative;
    height: 22px;
    width: 100%;
    display: block;
    white-space: nowrap !important;
    text-wrap: none !important;
}

.newTooltipText {

    overflow: visible !important;
    white-space: nowrap !important;
    text-wrap: none !important;
}

.arrowRed {
    background: url(../img/experience/html/new-tt-text-arrow-red.png) 5px 5px no-repeat;
    margin-left: 0;
    margin-top: 3px;
    white-space: nowrap !important;
    text-wrap: none !important;
    color: #545454;
    padding: 2px 9px 0 12px;
    font-size: 11px !important;
    text-transform: none !important;
}

.arrowRedban {
    background: url(../img/experience/html/new-tt-text-arrow-red.png) 0 5px no-repeat;
    padding-left: 10px;
    margin-top: 15px;
}

.newTooltipTextHoleder {

    background: url(../img/experience/html/new-tt-middle-white.png) top left repeat-x;
    padding-left: 0;

    white-space: nowrap !important;
    text-wrap: none !important;
    height: 22px;
    /*float:left;*/
    vertical-align: top;
    overflow: hidden;

}

#whiteToolTipRight {
    height: 44px;
    width: 19px;
    background: url(../img/experience/html/new-tt-right-white.png) top left no-repeat;
    /*float:left;*/
    display: table-cell

}

.newTolltipAnimation {
    overflow: hidden;
}

.redHolder {
    display: table;

}

.Whitespacer {
    float: left;
    width: 10px;
    height: 10px;

}

.whiteHolder {
    display: table;

    top: -44px;
    left: 0;

    height: 22px;

    overflow: hidden;
    position: relative;
    opacity: 0;

}

.bannerHolder {

    position: absolute;
    top: 30px;
    left: 15px;
    z-index: 100;
}

.bannerShape {
    background: url(../img/experience/common/ngs-banner-bg.png) top left no-repeat;
    width: 308px;
    height: 138px;
    padding-top: 9px;
    padding-left: 9px;
}

.bannerMask {
    height: 120px;
    width: 290px;
    overflow: hidden !important;
    position: relative;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#bannerVideoPlayer
{
    position: absolute;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.bannerAnimation {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 120px;
    width: 290px;
    z-index: 10;
}

.bannerFooter {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;

    background: url(../img/experience/html/new-tt-middle-white.png) bottom left repeat-x;
    height: 35px;
    z-index: 20;

    -webkit-border-bottom-left-radius: 10px 10px;
    -webkit-border-bottom-right-radius: 10px 10px;
}

.bannerRedPlace {
    background-color: #E0003C;
    color: #ffffff;
    float: left;
    font-family: futura-book, sans-serif;;
    font-size: 15px;
    font-weight: normal;
    height: 23px;
    margin-top: 9px;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 4px;

    -webkit-border-bottom-left-radius: 10px 10px;

}

.bannerRedPlaceText {
    margin-top: -1px;
}

.bannerWhitePlace {
    float: left;
    height: 26px;
    color: #1B3067;
    display: table-cell;
    font-family: futura-book, sans-serif;
    font-size: 13px;
    margin-left: 9px;

    -webkit-border-bottom-left-radius: 10px 10px;
    -webkit-border-bottom-right-radius: 10px 10px;
}

.closeButtonHolder {
    right: 27px;
    position: absolute;
    top: 18px;
    overflow: hidden;

    height: 12px;
    width: 13px;
    z-index: 100;

    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.closeButton {
    background: url(../img/experience/common/close.png) no-repeat top left;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 12px;
    width: 13px;
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -6px;

}

.closeButtonHolder:hover .closeButton {
    background-position: bottom left;
}

#BannerimagePlayer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 15;
}

.bannerPoster {

    height: 120px;
    width: 290px;

}

.bannerPoster img, #BannerimagePlayer {
    -webkit-border-top-left-radius: 10px 10px;
    -webkit-border-top-right-radius: 10px 10px;
}

#bannerPointer {

    position: absolute;
    z-index: 1;
  }

.internal-link:hover .internal-link-lock {
    background-position: bottom left;
}

.internal-link-lock {
    background: url(../img/experience/common/restricted-webinar.png) top left no-repeat;
    width: 11px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
}

.selectedLink .internal-link-lock {
    background-position: bottom left !important;

}

.restrictedPadding {
    padding-right: 20px;
}

.WebinarLogincontent {
    height: 306px;
    margin: 0 6px 6px 6px;
    position: relative;
}

.PlayerBGTransparent {
    background: url(../img/experience/html/noplayer.png) top left no-repeat;
    width: 538px;
    height: 28px;
    position: absolute;
    bottom: 0;
    left: 0;
}

#WebInputName, #WebInputLastName, #WebInputEmail, #WebenterBut, #WebLogintext {
    position: static;
    text-align: left;
    margin-left: 150px;
}

#WebLogintext {
    padding-top: 40px;
    padding-bottom: 10px;

}

.redArrowNew {
    background: url(../img/experience/html/new-tt-text-arrow-red.png) 4px 6px no-repeat;
    padding-left: 14px;
}

.mapNewTooltipX2 {
    background: url(../img/experience/common/new-tt-small.png) bottom left no-repeat;
    width: 26px !important;
    height: 17px !important;
    position: absolute;
    cursor: move !important;
    z-index: 1;
}

.mapNewTooltipX1 {
    background: url(../img/experience/html/new-tt-small@x2.png) bottom left no-repeat;
    width: 78px !important;
    height: 52px !important;
    position: absolute;
  /*  background-size: 50px 33px;*/
    background-size:78px 52px !important;
    z-index: 1;

    cursor: move !important;


}

#qGuideMapholder
{
    backface-visibility: hidden !important;
}

.qguidePoster {
    position: absolute;
    top: 0;
    left: 0;
    width: 216px;
    height: 288px;
    z-index: 1500 !important;
}

#video-qguide-info, #video-qguide-help {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1 !important;
}

.labEntranceContentCell .mCustomScrollBox {
    padding-right: 8px;

}

.labEntranceContentCell .mCSB_scrollTools .mCSB_draggerContainer {

    height: 173px;
    left: -5px !important;
    top: 5px;
}

.labEntranceContentCell {
    padding-top: 5px;
    padding-bottom: 5px;

}

.oneSelect {
    overflow: hidden;
}

.oneSelect div {
    float: left;
}

.playButton {
    background: url(../img/experience/html/playButton.png) top left no-repeat;
    width: 72px;
    height: 72px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -36px;
    margin-top: -36px;
    z-index: 2000;
    cursor: pointer;
}

#labPoster {
    height: 560px;
    width: 1024px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
}

@media (orientation: landscape) {
    html.ipad.ios7 > body {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 672px !important;
    }
}

.activeLink {
    background-color: #1B3067;
    color: #FFFFFF !important;
}

.nsgSpotWrapper
{
    position: absolute;
    top: 120px;

    background-color: rgba(255,255,255,0.3);
}

.firstNsg
{
    padding-left: 20px;
    padding-right: 20px;
    left: 0;
}
.firstNsg .nsgArrowLeft
{
    display: none;
}

.firstNsg .nsgArrowRight
{
    border: 1px solid #1B3067;
    width: 46px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.firstNsg .nsgArrowRight .arrow
{
    background: url(../img/experience/html/lineArrow.png) top left no-repeat;
    height: 7px;
    position: absolute;
    right: -5px;
    top: -3px;
    width: 7px;
}


.firstNsg .nsgArrowRight .spot
{
    height: 7px;
    width: 7px;
    background-color: #1B3067;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    position: absolute;
    left: -5px;
    top: -4px;
}

.secondNsg
{
    padding:0 20px ;
    right: 0px;
}

.secondNsg .nsgArrowRight
{
    display: none;
}

.secondNsg .nsgArrowLeft
{
    border: 1px solid #1B3067;
    width: 560px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.secondNsg .nsgArrowLeft .spot {
    height: 7px;
    width: 7px;
    background-color: #1B3067;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    position: absolute;
    left: -5px;
    top: -4px;

}

.secondNsg .nsgSpot, .firstNsg .nsgSpot
 {
    cursor: pointer;
    opacity: 0.5;
 }
.secondNsg .nsgSpot:hover, .firstNsg .nsgSpot:hover
 {
    opacity: 1;
 }

.secondNsg .nsgArrowLeft .arrow
{
    height: 7px;
    width: 7px;
    background: url(../img/experience/html/lineArrow.png) top left no-repeat;
    height: 7px;
    position: absolute;
    right: 0px;
    top: -3px;
}

.mainNgs
{
    left: 10px;
    top: 38px;
}

.mainNgs .nsgSpot
{
    background-color: #1B3067;
    color: #ffffff;
}

.nsgSpot
{
    width: 35px;
    height: 35px;
    border: 1px solid #1B3067;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    display: inline-block;
    vertical-align: middle;

    background-color: #ffffff;

    color: #1b3067;
    text-align: center;
    font-size: 18px;

    line-height: 115%;
}

.nsgSpot div
{
    padding-top: 7px;
}

.navigationNgs
{
    left: 6px;
    position: absolute;
    top: 5px;
    width: 290px;
    background: center;
    background: url(../img/experience/html/ngsNavigationBg.jpg) bottom left repeat-x;

}

.navigationNgs .navigationNgsButton
{
   display: inline-block;
    vertical-align: middle;
    width: 50%;
    color: #404040;
    font-size: 12px;
    line-height: 120%;
    text-align: center;
    cursor: pointer;
    padding: 9px 0;
}
.navigationNgs .navigationNgsButton:hover, .navigationNgs .activeNsg
{
    color: #fff;
    background-color: #1B3067;
}
.navigationNgs .navigationNgsButton:first-child
{
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}
.navigationNgs .navigationNgsButton:last-child
{
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}

.ngsInterlanLink
{
    position: absolute;
    bottom: 19px;
    left: 0;
    margin: 0 19px;
}
.ngsInterlanLink .ngsInternalTitle
{
    color: #545454;
    font-size: 13px;
    font-weight: 300;
    font-family: futura,sans-serif;
}
.ngsInterlanLink #basic-information-separator
{
    margin-left: 0 !important;
    width: 100% !important;
}

.ngs-item
{
    margin-left: 10px;
}
.ngs-item .information-label
{
    margin-top: 10px;
}

.internal-link {
    color: #555;
}

.qcNgs
{
    right: -11px;
    top: 38px;
    background: none;
}

.qcNgs .nsgSpot
{
    cursor: pointer;

}
.qcNgs .nsgSpot:hover
{
    cursor: pointer;
    background-color: #1b3067;
    color: #ffffff;
}

.kits-information a
{
    color: #1B3067;
    text-decoration: none;
}

.kits-information a:hover
{
    text-decoration: underline;
}

#bannerWrapper
{
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
}

.hot-spot #newtoolTipContentWhite
{
    -webkit-transition: width 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-in-out;
    -o-transition: width 0.2s ease-in-out;
    transition: width 0.2s ease-in-out;
}
.hot-spot #newArrowWhite
{
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.invidibleSpot
{
    position: absolute;
    opacity: 0;
}

.clickHellper
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.scrollQguideText
{
    background: url(../img/experience/html/qguideTop.png) top left repeat-x;
    width: 100%;
    height: 100%;
    overflow: hidden;

    position: relative;

    font-size: 16px;
    font-weight: normal;
    color: #1B3067;
}

.qguideTopShadow
{
    background: url(../img/experience/html/qguideTop.png) top left repeat-x;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 108px;

    z-index: 10;
}

#helpText
{
    padding: 15px;
    position: absolute;

    transform: rotate(0.01deg);
    -webkit-transform: rotate(0.01deg);
    -moz-transform: rotate(0.01deg);
    -o-transform: rotate(0.01deg);
    -ms-transform: rotate(0.01deg);
}
#infoText
{
    padding: 15px;
    position: absolute;
    transform: rotate(0.01deg);
    -webkit-transform: rotate(0.01deg);
    -moz-transform: rotate(0.01deg);
    -o-transform: rotate(0.01deg);
    -ms-transform: rotate(0.01deg);


}