/*!:: Bell Canada UIKit v1.6150 bell.migration.css Build Date: 5:35 PM Monday, July 8th, 2013 Development Team: Son Pham, Michel Pen Founder Team: Son Pham, Michel Pen Contributors: Bruno-Pierre Campeau-Riberdy, Simon Buteau, Fernando Saldarriaga ---------------------------------------------------------------------------- IMPORTANT NOTE: - This file serves as a "transition" step between new connector code and legacy code - All properties declared here is binded to the "migrationContext" class which will only style the legacy markup. That way, legacy component can still work "correctly" within the new connector environment. ---------------------------------------------------------------------------- ::*/ /* NOTE: All styles are duplicates from: a) bell_prime.css b) bell_master_a.css c) bell_master.css DO NOT MODIFY CSS IN THIS FILE, simply refer to the legacy css files above and copy/paste them from there. Some additional "migration" style could be declared in other files for optimization purposes, such as: a) bell.core.css (bell.ui-kit.css) */ /* Position content outside the viewport so it can be accessed by screenreader users */ /* For IE6, always use "top" instead of "left". Performance with "left" is lacking. */ .migrationContext .accessAlt, .migrationContext .offScreen {position: absolute !important;left: -999em !important;top: -999em !important;} .noJs .migrationContext .accessAlt, .noJs .migrationContext .offScreen {position: static !important; left: auto !important; top: auto !important;} .migrationContext h1, .migrationContext h2, .migrationContext h3, .migrationContext h4, .migrationContext h5, .migrationContext h1 a, .migrationContext h2 a, .migrationContext h3 a, .migrationContext h4 a, .migrationContext h5 a, .migrationContext h1 a:link, .migrationContext h2 a:link, .migrationContext h3 a:link, .migrationContext h4 a:link, .migrationContext h5 a:link, .migrationContext h1 a:hover, .migrationContext h2 a:hover, .migrationContext h3 a:hover, .migrationContext h4 a:hover, .migrationContext h5 a:hover, .migrationContext h1 a:visited, .migrationContext h2 a:visited, .migrationContext h3 a:visited, .migrationContext h4 a:visited, .migrationContext h5 a:visited {color: #212121;font-weight: normal;} .migrationContext h1, .migrationContext .hType1, .migrationContext .headingType1 { font-size: 2.5em/*30px*/; line-height: 1em; margin-bottom: 0.4em; } .migrationContext h1, .migrationContext .txtRep, .migrationContext .fontFace {letter-spacing: -1px;} .migrationContext h2, .migrationContext .hType2, .migrationContext .headingType2 { font-size: 2em/*24px*/; line-height: 1em; margin-bottom: 0.333em; } .migrationContext h3, .migrationContext .hType3, .migrationContext .headingType3 { font-size: 1.5em/*18px*/; line-height: 1.2em; margin-bottom: 0.416em; /* was 0.277em */ } .migrationContext h4, .migrationContext .hType4, .migrationContext .headingType4 { font-size: 1.166em/*14px*/; line-height: 1.2em; margin-bottom: 0.285em; color: #212121; } .migrationContext h5, .migrationContext .hType5, .migrationContext .headingType5 { font-size: 1em/*12px*/; line-height: 1.3em; margin-bottom: 0.333em; } .migrationContext .sTitle, .migrationContext .headingThemeA, .migrationContext .headingThemeC { padding-bottom: 6px; margin-bottom: 20px; border-bottom: 1px solid #d6d6d6; position: relative; background: none; border-top: 0; } .migrationContext .headingThemeB, .migrationContext .headingThemeC {color: #0066A4;} .migrationContext .headingThemeC {border-color: #ddd;} .migrationContext .headingThemeC em, .migrationContext .headingThemeB small, .migrationContext .headingThemeC small {display: block; font-size: 12px; color: #212121; margin-top: 3px;} .migrationContext .headingThemeD {margin-bottom: 1em;} .migrationContext .headingThemeE {margin-bottom: 0;} .migrationContext .headingThemeF {border-bottom: 1px solid #EDEDED; margin-bottom: 5px; padding-bottom: 5px;} .migrationContext .headingThemeG {background: url(../../common/all_languages/all_regions/skin/bg_headingThemeG.gif) repeat-x left bottom transparent; padding-bottom: 10px; margin-bottom: 1em;} .migrationContext .headingAside {display: block; font-size: 12px; line-height: normal; margin-top: 5px; letter-spacing: 0; font-family: Helvetica, Arial, sans-serif;} .migrationContext .toolTip .headingAside {margin-left: 4px;} /* Default remove button - bt_remove deprecated, please use actionRemove */ .migrationContext .bt_remove, .migrationContext .actionRemove {display: block;float: left;padding: 1px 0 0 18px;font-size: 11px;line-height: 15px;background: url(../../common/all_languages/all_regions/skin/bg_iconSprite.gif) 0 -80px no-repeat transparent;} .migrationContext .bt_remove:visited, .migrationContext .actionRemove:visited {color: #0066a4;} .actionRemoveThemeA {display: inline-block; float: none; height: 14px; margin-left: 3px; padding: 0; position: relative; top: 2px; width: 14px;} /* headingWrap - used to wrap any element with a heading, wrapped elements should be placed inside a "headingAside" */ .migrationContext .headingWrap {position: relative;} .migrationContext .pgTitle .headingWrap h1 {width: auto !important; *line-height: 2.5em;} .migrationContext .headingWrap .headingAside {position: relative; margin-top: 0;} .migrationContext .headingWrap h1, .migrationContext .headingWrap h2, .migrationContext .headingWrap h3, .migrationContext .headingWrap h4, .migrationContext .headingWrap h5, .migrationContext .headingWrap h6 {float: left; width: auto; margin-right: 10px;} .migrationContext .headingWrap, .migrationContext .headingWrap .headingAside, .migrationContext .headingWrap .moreLink {float: left;} /* =superscript */ .migrationContext #summaryBox .brief .superscript, .migrationContext .superscript, .migrationContext sup {font-size:0.8em;line-height:0.6em;vertical-align: top;position: relative;top: 0.2em;left: 1px;margin: 0;} /* headingOptions */ .migrationContext .headingOptions, .migrationContext .options {font-size: 0.75em; display: block; padding-right: 21px; position: absolute; right: 0; top: 2px; z-index: 5;} /* z-index should be higher than tabTrigSet's */ .migrationContext .formSuper .options {font-size: 1em; top: 14px;} .migrationContext .headingOptions a {font-size: 0.916em; color: #0066A4 !important;} .migrationContext .headingOptions a:hover {text-decoration: underline;} .migrationContext .headingOptionsThemeA, .migrationContext .optionsThemeA {padding-right:0;} .migrationContext .headingOptions .button, .migrationContext .options .button {position: relative; margin-left: 8px; margin-right: 0; top: -16px; right: 0;} .migrationContext .options .moreLink {color: #0066a4; font-size: 12px; line-height: 1.2em;} .migrationContext .optionsThemeA .moreLink {position: relative; right: 5px;} /* per-context */ .migrationContext .cIntro .options, .migrationContext .cIntroduction .options {font-size: inherit;} /* per-element*/ .migrationContext .options .close{right:0; top:-6px;} /* Give a specific color to price related text */ .migrationContext .priceTag, .migrationContext a.priceTag, .migrationContext a.priceTag:hover, .migrationContext h3 a.priceTag, .migrationContext .number, .migrationContext a.number, .migrationContext a.number:hover, .migrationContext h3 a.number, .migrationContext .dataListThemeD li li .priceTag {color: #0066a4;} /* =pgIntro */ .migrationContext .pgIntro {margin-bottom: 24px;} .migrationContext .finePrintMsg .pgIntro {margin-bottom: 10px;} /* Basic "More" link, seeMoreLink is deprecated, use moreLink instead */ .migrationContext .seeMoreLink:visited, .migrationContext .moreLink:visited {color: #0066A4;} .migrationContext .seeMoreLink span.seeMoreLinkExtra, .migrationContext .moreLink span.moreLinkExtra, .migrationContext .moreLink span.seeMoreLinkExtra {display: inline-block;margin: 0 0 -3px 0;position: relative;top: -1px;left: 6px;text-decoration: none;width: 14px;height: 14px;background: url(../../common/all_languages/all_regions/skin/bg_iconSprite.gif) right -159px no-repeat transparent;} .migrationContext .seeMoreLink:hover, .migrationContext .moreLink:hover {text-decoration: none;} .migrationContext .seeMoreLink:hover span, .migrationContext .moreLink:hover span {text-decoration: underline;} .migrationContext .seeMoreLink:hover span.seeMoreLinkExtra, .migrationContext .moreLink:hover span.seeMoreLinkExtra, .migrationContext .moreLink:hover span.moreLinkExtra {text-decoration: none;} /*.migrationContext .moreLinkThemeA span.moreLinkExtra, .migrationContext .moreLinkThemeA span.seeMoreLinkExtra {background-position: right -999px;} <- for grayish backgrounds */ /*.migrationContext .moreLinkThemeB, .migrationContext .moreLinkThemeC {padding-left: 22px; background: url(../../common/all_languages/all_regions/skin/bg_iconSprite.gif) 1px -279px no-repeat transparent;} .migrationContext .moreLinkThemeC {background-position: left -680px;} .migrationContext .moreLinkThemeB span.moreLinkExtra, .migrationContext .moreLinkThemeC span.moreLinkExtra {background: none; display: none;}*/ .migrationContext .moreLinkThemeD, .migrationContext .moreLinkThemeD span.moreLinkExtra {background-image: url(../../common/all_languages/all_regions/skin/bg_moreLinkDropdown.gif); background-repeat: no-repeat;} .migrationContext .moreLinkThemeD {background-color: #fff; padding: 7px 50px 8px 12px; font-size: 1.5em; line-height: 21px; position: relative;} .migrationContext a.moreLinkThemeD {color: #212121;} .migrationContext .moreLinkThemeD:hover span {text-decoration: none;} .migrationContext .moreLinkThemeD span.moreLinkExtra {display: block; background-position: right top; position: absolute; left: auto; right: 0; top: 0; margin-bottom: 0; height: 36px; width: 36px;} .migrationContext .moreLinkThemeE span.moreLinkExtra {background-position: center -34px; left: 3px;} /*:: =listView ::::::::::::::::::::::::::::::: */ .migrationContext .listView li, .migrationContext .flyOut .listView li, .migrationContext .flyOut .listView li.last {position: relative; background-color: #fff; border-bottom: 1px solid #d6d6d6;} .migrationContext .listView li a, .migrationContext .flyOut .listView li a {padding-top: 10px; padding-bottom: 10px; padding-left: 21px; font-size: 1.166em;} .migrationContext .listView li a, .migrationContext .listView li a:visited {color: #0066A4;} .migrationContext .listView li a span {display: inline-block;} .migrationContext .listView li a .listViewFigure {width: 75px; text-align: center; margin-right: 12px;} .migrationContext .listView li a .listViewFigure img {vertical-align: middle; max-width: 75px; height: auto;} .migrationContext .listView li a .listViewContent {vertical-align: middle; width: 50%;} .migrationContext .listView li a .listViewContent small {display: block; color: #555; width: auto; margin-top: 3px;} .migrationContext .listView li a.active {background: #dae8f1 url(../../common/all_languages/all_regions/skin/bg_listViewActive.jpg) repeat-y -51px 0; color: #212121; font-weight: bold;} .migrationContext .listView li a:active small, .migrationContext .listView li a.active small, .migrationContext .listView li a.active:active small, .migrationContext .flyOut .listView li a:active small {font-weight: normal;} .migrationContext .listView li a:hover, .migrationContext .flyOut .listView li a:hover {background-color: transparent; text-decoration: none;} .migrationContext .listView li a.active:hover, .migrationContext .flyOut .listView li a.active:hover {background-color: #dae8f1; text-decoration: none;} .migrationContext .listView li .actionRemove {display: block; height: 15px; width: 15px; padding: 0 !important; position: absolute; right: 10px; top: 12px; text-indent: -999em;} .migrationContext .listView li .actionRemove:hover {background-color: transparent;} .migrationContext .listView li.inactive a span, .migrationContext .listView li.disabled a span {font-size: 12px; color: #555; font-weight: normal;} .migrationContext .listView li.inactive a:hover, .migrationContext .listView li.disabled a:hover {cursor: default;} .migrationContext .listView li.inactive a .message, .migrationContext .listView li.disabled a .message {width: auto;} /* listViewThemeA - better formatting without images */ .migrationContext .listViewThemeA li a.active {background-image: none;} .migrationContext .listViewThemeA li a .listViewContent {display: block; width: auto;} /* listViewThemeB */ .migrationContext .listViewThemeB li a, .migrationContext .listViewThemeC li a, .migrationContext .flyOut .listViewThemeB li a, .migrationContext .flyOut .listViewThemeC li a {padding-left: 10px; padding-right:10px;} .migrationContext .listViewThemeB li a:hover, .migrationContext .flyOut .listViewThemeB li a:hover, .migrationContext .listViewThemeC li a:hover, .migrationContext .flyOut .listViewThemeC li a:hover, .migrationContext .listViewThemeD li a:hover, .migrationContext .flyOut .listViewThemeD li a:hover {background-color: #dae8f1;} .migrationContext .listViewThemeB li a .listViewFigure, .migrationContext .listViewThemeC li a .listViewFigure, .migrationContext .listViewThemeD li a .listViewFigure {width: auto; max-width: 20px; float: left; margin-right: 10px; position: relative; top: 2px;} .migrationContext .listViewThemeB li a .listViewContent, .migrationContext .listViewThemeC li a .listViewContent, .migrationContext .listViewThemeD li a .listViewContent {width: 80%; overflow: hidden; font-size: 12px;} .migrationContext .listViewThemeB li a .listViewContent small, .migrationContext .listViewThemeC li a .listViewContent small, .migrationContext .listViewThemeD li a .listViewContent small {line-height: normal; margin-top: 0;} .migrationContext .listViewThemeB, .migrationContext .listViewThemeB li, .migrationContext .listViewThemeB li.last, .migrationContext .flyOut .listViewThemeB, .migrationContext .flyOut .listViewThemeB li, .migrationContext .flyOut .listViewThemeB li.last, .migrationContext .listViewThemeC, .migrationContext .listViewThemeC li, .migrationContext .listViewThemeC li.last, .migrationContext .flyOut .listViewThemeC, .migrationContext .flyOut .listViewThemeC li, .migrationContext .flyOut .listViewThemeC li.last, .migrationContext .listViewThemeD, .migrationContext .listViewThemeD li, .migrationContext .listViewThemeD li.last, .migrationContext .flyOut .listViewThemeD, .migrationContext .flyOut .listViewThemeD li, .migrationContext .flyOut .listViewThemeD li.last {background-color: transparent; border-color: #fff;} /* listViewThemeD */ .migrationContext .listViewThemeD li a, .migrationContext .flyOut .listViewThemeD li a {padding-right:20px; padding-left:20px;} .migrationContext .listViewThemeD li a .listViewContent {width:auto;} .migrationContext .listViewThemeD li a, .migrationContext .listViewThemeD li a:visited {color:#212121;} /* per-context */ .migrationContext .flyOutThemeC .listViewThemeB li.last, .migrationContext .flyOutThemeC .listViewThemeC li.last, .migrationContext .flyOutThemeC .listViewThemeD li.last, .migrationContext .flyOutThemeC .listViewThemeD li.last {border-bottom: 0;} .migrationContext .flyOut .listView { border: 0; -webkit-border-radius: 0; border-radius: 0; } .migrationContext .flyOut .listView a {border: 0; width: auto; margin-bottom: 0;} .migrationContext .flyOut .listView .actionRemove {width: 15px; right: auto; left: 10px;} .migrationContext .flyOut a .listViewContent {padding-left: 0;} .migrationContext .flyOut .listView a:hover { -webkit-box-shadow: none; box-shadow: none; } /* per context */ ul.pipeSpacer li ul.listView li {float:none; border-right: 0;} /*:: =Grid system ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* colGroup a.k.a refLine (deprecated) */ .migrationContext .refLine, .migrationContext .colGroup {overflow: hidden;position: relative;width: 100%;float: left;clear: both;} .migrationContext .col1, .migrationContext .col2, .migrationContext .col3, .migrationContext .col4, .migrationContext .col5, .migrationContext .col6, .migrationContext .col7, .migrationContext .col8, .migrationContext .col9, .migrationContext .col10, .migrationContext .col11, .migrationContext .col12 {position: relative;float: left;display: inline;margin-right: 13px;} .migrationContext .col1 {width: 66px;} .migrationContext .col2 {width: 145px;} .migrationContext .col3 {width: 224px;} .migrationContext .col4 {width: 303px;} .migrationContext .col5 {width: 382px;} .migrationContext .col6 {width: 461px;} .migrationContext .col7 {width: 540px;} .migrationContext .col8 {width: 619px;} .migrationContext .col9 {width: 698px;} .migrationContext .col10 {width: 777px;} .migrationContext .col11 {width: 856px;} .migrationContext .col12 {width: 935px;} .migrationContext .colThemeA {background-color:#f5f5f5;} .migrationContext .colEmpty {height: 1px;visibility: hidden;} .migrationContext .colLast {margin-right: 0 !important;border-right: 0;} .migrationContext .colGroupThemeA {border-top:solid 1px #e2e2e2;} .migrationContext .colGroupThemeB {border-bottom:solid 1px #e2e2e2; padding-bottom: 21px;} .migrationContext .lbContent .colGroup {width: auto;} /*:: =Structure ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /*.wrapper {position: relative;width: 975px;margin: 0 auto;} .wrapHeader {padding-top: 15px;position: relative;z-index: 2;} .wrapMain {margin-bottom: 30px;position: relative;z-index: 1;} .wrapFooter {position: relative;} .subWrap {padding: 0;} .header {position: relative;} .main {position: relative;} .mainExtra1,.mainExtra2 {width: 1px;height: 100%;position: absolute;top: 0;background-color: #dcdcdc;} .mainExtra1 {left: 0;}.mainExtra2 {right: 0;} .mainExtra3,.mainExtra4 {width: 100%;line-height: 0;position: absolute;left: 0;background: url(../../common/all_languages/all_regions/skin/bg_mainExtra.gif) left top no-repeat transparent;} .mainExtra3 {height:7px;top: 0;}.mainExtra4 {height: 7px;background-position: left bottom;position: relative;margin-bottom: -7px;margin-top: -7px;} .footer {position: relative;display: block;}*/ .migrationContext .cWrap {padding: 24px 20px 4px;border-bottom: 1px solid #dcdcdc;} .migrationContext .pgTitle { border-bottom: 0; *zoom: 1; } /*.cWrapAlt, .cWrapThemeA {padding-top: 30px;padding-bottom: 30px;background-color: #fff;border-bottom: 0;} .cWrapInsert, .cWrapThemeB {padding-bottom: 0;border: 0 none;} .cWrapThemeC {padding: 24px 0 0 0;}*/ /* =padder */ .migrationContext .lining, .migrationContext .padder {padding: 0 21px;position: relative;} .migrationContext .padderThemeA {padding-left:0;} .migrationContext .padderThemeB {padding-right:0;} .migrationContext .padderThemeC {padding: 0 21px !important;} /* left/right only */ .migrationContext .padderThemeD {padding-top:0 !important;} .migrationContext .padderThemeE {padding-bottom:0 !important;} .migrationContext .padderThemeF {padding: 21px 0 !important;} /* top/bottom only */ .migrationContext .padderThemeG {padding: 0 !important;} .migrationContext .padderThemeH {padding: 21px;} .migrationContext .padderThemeI {padding: 21px 0 0 0 !important;} /* top only */ .migrationContext .padderThemeJ {padding: 0 0 21px 0 !important;} /* bottom only */ .migrationContext .padderThemeK {padding-left: 10px;} .migrationContext .padderThemeL {padding-right: 10px;} .migrationContext .padderThemeM {padding-top: 10px;} .migrationContext .padderThemeN {padding-bottom: 10px;} .migrationContext .padderThemeO {padding: 0 10px;} .migrationContext .padderThemeP {padding: 10px 0;} .migrationContext .padderThemeQ {padding: 0 21px 21px 9px !important;} /* right/bottom only */ .migrationContext .padderThemeR {padding: 0 0 21px 21px !important;} /* left/bottom only */ .migrationContext .padderThemeS {padding: 21px 21px 0 0 !important;} /* right/top only */ .migrationContext .padderThemeT {padding: 21px 0 0 21px !important;} /* left/top only */ /*:: =Secondary Navigation ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .secNav {z-index: 1;background: url(../../common/all_languages/all_regions/skin/bg_secNav.gif) left bottom repeat-x #fff;padding-bottom: 1px;} .secNav ul {position: absolute;left: 1px;top: 0;z-index: 2;float: left;position: relative;width: 100%;margin: 0;} .secNav li {float: left;position: relative;padding: 0;margin: 0;background: none transparent;} .secNav li a {text-decoration: none;line-height: 15px;float: left;position: relative;text-align: center;padding: 15px 15px 11px 15px;display: block;} .secNav li a:hover {text-decoration: none;} .secNav li a:visited {color: #0066a4;} .secNav li a span {display: block;float: left;position: absolute;right: 0;top: 0;width: 10px;height: 100%;background: url(../../common/all_languages/all_regions/skin/bt_secNavItem.gif) right top no-repeat transparent;} .secNav li.active {position: relative;margin-left: -2px;} .secNav li.active a {padding: 22px 15px 12px 16px;position: relative;left: 0;top: 1px;margin-top: -8px;color: #212121;background: url(../../common/all_languages/all_regions/skin/bt_secNavItemActive.gif) left top no-repeat transparent;} .secNav li.active a span {background: url(../../common/all_languages/all_regions/skin/bt_secNavItemActive.gif) right top no-repeat transparent;} .secNav li a span.breaker {position: relative;margin-top: -15px;left: 0;top: 7px;width: auto;height: auto;display: block;background: none transparent;cursor: pointer;} /*:: =Footer ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .migrationContext .superFooter .shell {padding: 30px 19px 18px;} .migrationContext .superFooter .hType4, .migrationContext .superFooter .headingType4 {margin-bottom: 10px;} .migrationContext .superFooter .fTxt, .migrationContext .superFooter .formText {margin-bottom: 10px;} .migrationContext .superFooter .fTxt input, .migrationContext .superFooter .formText input {width: 12em;background-color: #fff;} .migrationContext .footer .lining, .migrationContext .footer .padder {padding: 0;} .migrationContext .footer .pipeSpacer {display: block;} .migrationContext .footer .pipeSpacer li {white-space: nowrap;} .migrationContext .footer .unaccent {color: #999;} /* per-context */ .migrationContext .footer .multiColumn {float: left; margin-bottom: 1em;} /* ### evaluate if not too generic (3:45 PM 6/27/2012) */ .migrationContext .footer .socialMedia {float: right;} .migrationContext .footer .socialMedia li {float: left; background: none; padding-left: 0; padding-right: 0; margin-left: 4px; margin-right: 0;} .migrationContext .footer .socialMedia .first {margin: 10px 6px 0 0;} /*:: =multiColumn ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .migrationContext .multiColumn {overflow:hidden;} .migrationContext .multiColumn .column {float:left;margin-right:12px;min-height:1px;} /* min-height use for splitterJs */ .migrationContext .multiColumn .aside {margin:26px 0 0 -25px;padding-left:25px;font-size:0.9em;border-left:solid 1px #d0d0d0;} .migrationContext .multiColumn .aside .dataListThemeA li .sectionHeader {font-weight:bold;} .migrationContext .multiColumn .aside ul, .multiColumn .aside ul li {margin:0;padding:0;border:0;} .migrationContext .multiColumn .aside .dataList li .sectionContent {padding-left:0;} .migrationContext .multiColumn .aside .dataList li .sectionHeader {float:none;width:auto;} .migrationContext .multiColumnThemeA .column {margin-right:0;} .migrationContext .multiColumnThemeB .column {margin-right:50px;} .migrationContext .multiColumnThemeC {overflow: visible;} .migrationContext .multiColumnThemeC .column {border-right: 1px solid #d6d6d6; padding-right: 19px; margin-right:19px; margin-bottom: 21px;} .migrationContext .shell .multiColumnThemeC .first {width: 285px;} .migrationContext .multiColumn .last {margin-right: 0;} .migrationContext .multiColumnThemeC .last {border-right: 0; padding-right: 0;} .migrationContext .shellThemeF .column {margin-bottom: 0;} /* pipeSpacer - List items separated by a light grey border */ .migrationContext ul.pipeSpacer {float: left; position: relative;} .migrationContext ul.pipeSpacer li {float: left;background: none transparent;padding: 1px 10px 0 0;margin: 0 10px 5px 0;border-right: 1px solid #ccc;} .migrationContext ul.pipeSpacer li.last {border: 0 none;margin-right: 0;padding-right: 0;} .migrationContext .pgTitleOptions ul.pipeSpacer li {margin-bottom: 0;} /* pipeSpacerThemeA - splitted in two sections (left/right); This is not a seamless theme change, it requires markup change to match the theme */ .migrationContext .pipeSpacerThemeA, .migrationContext .footer .pipeSpacerThemeA {border-right: 1px solid #CCCCCC; padding-right: 12px; margin-bottom: 0;} .migrationContext .pipeSpacerThemeA li, .migrationContext .footer .pipeSpacerThemeA li {background-image: none; padding-left: 0; white-space: normal; float: none; margin-right: 0; border: 0;} .migrationContext .last .pipeSpacerThemeA, .migrationContext .footer .last .pipeSpacerThemeA {border-right: 0; margin-right: 0; padding-right: 0;} /*:: =Forms ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .migrationContext form {margin-bottom: 0;} .migrationContext .requiredMark {color: #555;margin-right: 3px;} .migrationContext .requiredMsg {color: #555;font-size: 11px;} .migrationContext fieldset {border: 0 none;margin: 0;padding: 0;} .migrationContext legend {height: 0;display: block;line-height: 0; text-indent: -999em;} .migrationContext legend span {position: absolute;top: -999em;} .migrationContext input, .migrationContext textarea {font-family: helvetica,arial,sans-serif;} .migrationContext textarea {resize:none;} .migrationContext .inputWrap {position: relative; float: left;} .migrationContext label, .migrationContext .fLabel, .migrationContext .formGroup .sectionHeader {font-size: 14px;line-height: 15px;} .migrationContext label, .migrationContext .fLabel, .migrationContext .formGroup .sectionHeader, .migrationContext .cIntroductionThemeB .formGroupThemeB .sectionHeader label {color: #555;} .migrationContext .fLabel, .migrationContext .fLabel label, .migrationContext .formGroup .sectionHeader, .migrationContext .formGroup .sectionHeader label {color: #212121;} .migrationContext .fChckbx .fWidget label, .migrationContext .formCheckBox .sectionContent label, .migrationContext .fRadio .fWidget label, .migrationContext .formRadio .sectionContent label, .migrationContext .fLabel span.unaccent, .migrationContext .formGroup .sectionHeader span.unaccent, .migrationContext .fTerms .optGroup label, .migrationContext .formTerms .optionGroup label {font-size: 12px;line-height: 17px;} /* formGroup a.k.a frmElmnt (deprecated) */ .migrationContext .frmElmnt, .migrationContext .formGroup {margin-bottom: 2em;} /*per-context*/ .migrationContext .formGroup .formCollection .formGroup, .migrationContext .dataListThemeH .formGroup {margin-bottom: 0;}/*Search and datalist placement*/ /* sectionHeader a.k.a fLabel (deprecated) */ .fLabel, .formGroup .sectionHeader {position: relative;width: 203px;margin: 0;padding: 0;float: left;text-align: right;}/* ### width was 164px */ .fLabel label, .formGroup .sectionHeader label {position: relative;} .fLabel span, .formGroup .sectionHeader span {position: relative;left: 0;} /* sectionContent a.k.a fWidget (deprecated) */ .migrationContext .fWidget, .migrationContext .formGroup .sectionContent {position: relative;padding-left: 14px;float: left;display: inline;} .migrationContext .fWidget input, .migrationContext .fWidget select, .migrationContext .formGroup .sectionContent input, .migrationContext .formGroup .sectionContent select {float: left; /*margin: 1px 8px 0 1px;*/} .migrationContext .formGroup .formCollection .sectionContent input {margin-right:8px !important;} /* this definition is used within Search. see margin-right in declaration above */ .migrationContext .formGroup .sectionContent .inputSize4 {width: 24em;} .migrationContext .fWidget .inputSize3, .migrationContext .formGroup .sectionContent .inputSize3 {width: 14em;} .migrationContext .fWidget .inputSize2, .migrationContext .formGroup .sectionContent .inputSize2 {width: 8.5em;} .migrationContext .fWidget .inputSize1, .migrationContext .formGroup .sectionContent .inputSize1 {width: 4.5em;} .migrationContext .fWidget .inputSize0, .migrationContext .formGroup .sectionContent .inputSize0 {width: 2em;} .formGroup .sectionContent select.inputSize4, .migrationContext .fWidget select.inputSize3, .migrationContext .formGroup .sectionContent select.inputSize3, .migrationContext .fWidget select.inputSize2, .migrationContext .formGroup .sectionContent select.inputSize2, .migrationContext .fWidget select.inputSize1, .migrationContext .formGroup .sectionContent select.inputSize1 {width: auto;} .migrationContext .formGroup .sectionContent select.inputSize4 {min-width: 24em;} .migrationContext .fWidget select.inputSize3, .migrationContext .formGroup .sectionContent select.inputSize3 {min-width: 16em;} .migrationContext .fWidget select.inputSize2, .migrationContext .formGroup .sectionContent select.inputSize2 {min-width: 10em;} .migrationContext .fWidget select.inputSize1, .migrationContext .formGroup .sectionContent select.inputSize1 {min-width: 5em;} /*per-context*/ .migrationContext .dataListThemeH .formGroup .sectionContent { padding-left: 0px; } /* sectionAside */ .migrationContext .formGroup .sectionAside {margin-left: 217px;} /* formGroupThemeB a.k.a frmInline (deprecated) */ .migrationContext .frmInline .fLabel, .migrationContext .formGroupThemeB .sectionHeader {width: auto;margin-right: 14px;text-align: left;} .migrationContext .frmInline .fWidget, .migrationContext .formGroupThemeB .sectionContent {left: 0;padding-left: 0; line-height: 1.6em;} .migrationContext .capsule .frmInline .sideBySide .optGroup, .migrationContext .capsule .formGroupThemeB .sectionContentThemeA .optionGroup {width: 175px;} /* formCollection a.k.a elmntGroup (deprecated) - Element group (group two or more formGroup) */ .migrationContext .elmntGroup, .migrationContext .formCollection {overflow: hidden;} .migrationContext .elmntGroup .frmElmnt, .migrationContext .formCollection .formGroup {float: left;} .migrationContext .elmntGroup .frmInline, .migrationContext .formCollection .formGroupThemeB {margin-left: 14px;float: left;} .migrationContext .elmntGroup .fSlct, .migrationContext .formCollection .formSelect {margin-top: 6px; margin-right: 21px;} .migrationContext .formCollection .last {margin-right: 0;} /* search */ .migrationContext .formGroup .formCollection {margin-top:3px;} .migrationContext .formGroup .formCollection .sectionContent {float:none;width:auto;position:static;} .migrationContext .formText input { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } /* cFooter a.k.a cFoot (deprecated) */ .migrationContext .cFoot, .migrationContext .cFooter {position: relative;min-height: 26px;top: 24px;padding-top: 11px;padding-bottom: 13px;background: url(../../common/all_languages/all_regions/skin/bg_gradRibbon.gif) left top repeat-x #ebebeb;} .migrationContext .cFootAlt, .migrationContext .cFooterThemeB {background: url(../../common/all_languages/all_regions/skin/bg_cFootAlt.gif) left top repeat-x transparent;} .migrationContext .cFoot, .migrationContext .cFooter {top: 0;} .migrationContext .cFootOptions, .migrationContext .cFooterOptions {float: none;} .migrationContext .cFootOptions .pgToolbar, .migrationContext .cFooterOptions .pgToolbar {padding: 0;margin:5px 0 0 0;} .migrationContext .cFootOptions .buttonize, .migrationContext .cFooterOptions .button {margin-right: 0;} .migrationContext .cBoxEmpty {padding: 0;overflow: hidden;} .migrationContext .cBoxEmpty .lining, .migrationContext .cBoxEmpty .padder {display: none;} /* IEFIX */ .migrationContext .cBoxEmpty .cHead, .migrationContext .cBoxEmpty .cHeader {display: block;padding-bottom: 16px;margin-top: 0;margin-bottom: 0;} .migrationContext .cBoxEmpty .cHead h2, .migrationContext .cBoxEmpty .cHeader h2 {color: #999;} /* cFooterThemeD - blank style */ .migrationContext .cFooterThemeD {background-color: transparent; background-image: none; border: 0; padding-top: 0; padding-bottom: 30px;} /*:: =FlyOut ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .migrationContext .flyOut {position: absolute;top: 26px;width: 252px;right: -11px;z-index: 10;padding: 4px 0 3px;background: transparent;display: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: 0; } .migrationContext .flyOut .lining, .migrationContext .flyOut .padder {padding-left: 0;padding-right: 0;} .migrationContext .open .flyOut {display:block;} .migrationContext .flyOutTitle, .migrationContext .flyOutFooter {color: #212121;display: block;min-height: 1.33em;padding: 7px 10px 5px;border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;background: url(../../common/all_languages/all_regions/skin/flyOuts/bg_flyOutHeaders.gif) repeat-x 0 0;} .migrationContext .flyOutTitle.first, .migrationContext .flyOutFooter.first {border-top: 0;padding-top: 3px;} .migrationContext .flyOutTitle a, .migrationContext .flyOutFooter a {color: #0066A4 !important;} .migrationContext .flyOutContent {background-color: #fff;} .migrationContext .flyOut .loading {min-height: 36px;} /* ieFix */ .migrationContext .flyOut .cLoader {position: absolute;left: 43%;top: 20%;} .migrationContext .flyOutArrow {display: none;} .migrationContext .flyOut .hType4, .migrationContext .flyOut .headingType4 {margin-bottom: 0;} .migrationContext .flyOut ul {margin: 0;border: 1px solid #fff;border-bottom: 0;background: #fff;position: relative;z-index: 2;} .migrationContext .flyOut ul li {position: relative;background: #f2f2f2;margin: 0;padding: 0;border-bottom: 1px solid #fff;} .migrationContext .flyOut ul li a, .migrationContext .flyOut ul li label {display: inline-block;} .migrationContext .flyOut ul li a, /*.topNav .flyOut ul li a, .topNavigation .flyOut ul li a,*/ .migrationContext .flyOut ul li label, .migrationContext .flyOutSelector ul li label {display: block;padding: 4px 9px 3px;} .migrationContext .flyOut ul li a:hover/*, .topNav .flyOut ul li a:hover, .topNavigation .flyOut ul li a:hover*/ {background-color: #e5e3e3;} .migrationContext .flyOut ul li.active, .migrationContext .flyOut ul li.active a, .migrationContext .flyOut ul li.active a:hover {background: #dae8f1;} .migrationContext .flyOut ul li.last {border-bottom: 0;} .migrationContext .flyOut ul li input {position: absolute;left: -999em;} .migrationContext .flyOut ul li label {text-align: left;font-size: 12px;} .migrationContext .flyOutBordRight,.migrationContext .flyOutBordLeft {background: url(../../common/all_languages/all_regions/skin/flyOuts/bg_flyOutSideExtra.png) repeat-y transparent;} .migrationContext .flyOutBordRight {background-position: left top;padding-left: 11px;} .migrationContext .flyOutBordLeft {background-position: right top;padding: 0;padding-right: 11px;} .migrationContext .flyOutTopRight,.flyOutBottomRight {position: absolute;left: 0;height: 15px;width: 100%;background: url(../../common/all_languages/all_regions/skin/flyOuts/bg_flyOutBoxRight.png) no-repeat transparent;} .migrationContext .flyOutTopRight {top: -11px;background-position: right top;} .migrationContext .flyOutBottomRight {bottom: -12px;background-position: right bottom;} .migrationContext .flyOutTopLeft,.flyOutBottomLeft {position: relative;left: 0;height: 15px;margin-right: 31px;background: url(../../common/all_languages/all_regions/skin/flyOuts/bg_flyOutBoxLeft.png) no-repeat transparent;} .migrationContext .flyOutTopLeft {top: 0;background-position: left top;} .migrationContext .flyOutBottomLeft {bottom: 0;background-position: left bottom;} /* FlyOut Selector (add a custom radio button to each items) */ .migrationContext .flyOutSelector ul li label, .migrationContext .flyOutSelector ul li label.hover/*, .topNav .flyOutSelector ul li a, .topNav .flyOutSelector ul li a:hover, .topNavigation .flyOutSelector ul li a, .topNavigation .flyOutSelector ul li a:hover*/ {color: #212121;padding-left: 28px;color: #212121;text-decoration: none;background: url(../../common/all_languages/all_regions/skin/bl_selector.gif) 9px -29px no-repeat transparent;} .migrationContext .flyOutSelector ul li.active label/*, .topNav .flyOutSelector ul li.active a, .topNav .flyOutSelector ul li.active a:hover, .topNavigation .flyOutSelector ul li.active a, .topNavigation .flyOutSelector ul li.active a:hover*/ {color: #212121;background: url(../../common/all_languages/all_regions/skin/bl_selector.gif) 9px 4px no-repeat #dae8f1;} .migrationContext .flyOutSelector ul li label.hover/*, .topNav .flyOutSelector ul li a:hover, .topNavigation .flyOutSelector ul li a:hover*/ {background-color: #e5e3e3;} /* flyOutThemeA .flyOutThemeA ul {border-top: 0;} .flyOutThemeA .flyOutTitle {display: none;} .flyOutThemeA .flyOutFooter a {font-size: 1em;} .flyOutThemeA .flyOutFooter {border-top: 1px solid #d6d6d6; border-bottom: 0; padding-bottom: 1px;} .flyOutThemeA .flyOutTopRight, .flyOutThemeA .flyOutBottomRight {background-image: url(../../common/all_languages/all_regions/skin/flyOuts/bg_flyOutBoxThemeARight.png);} .flyOutThemeA .flyOutTopLeft, .flyOutThemeA .flyOutBottomLeft {background-image: url(../../common/all_languages/all_regions/skin/flyOuts/bg_flyOutBoxThemeALeft.png);}*/ /* flyOutThemeB & flyOutThemeC - with arrow support */ .migrationContext .flyOutThemeB {left: 50%; margin-left: -135px; top: 45px; width: 270px;} .migrationContext .flyOutThemeB .flyOutTitle {padding-left: 20px; padding-right: 20px;} .migrationContext .flyOutThemeB .flyOutFooter{padding: 10px; border: 0; padding-bottom: 3px;} .migrationContext .flyOutThemeB .padder, .migrationContext .flyOutThemeC .padder {padding-left: 10px; padding-right: 10px;} .migrationContext .flyOutThemeB .flyOutBordRight, .migrationContext .flyOutThemeB .flyOutBordLeft {background-image: url(../../common/all_languages/all_regions/skin/flyOuts/bg_flyOutThemeBSideExtra.png);} .migrationContext .flyOutThemeB .flyOutBordRight, .migrationContext .flyOutThemeC .flyOutBordRight {padding-left: 14px; margin-left: -2px;} .migrationContext .flyOutThemeB .flyOutBordLeft, .migrationContext .flyOutThemeC .flyOutBordLeft {padding-right: 14px; margin-right: -2px;} .migrationContext .flyOutThemeB .flyOutTopRight, .migrationContext .flyOutThemeB .flyOutBottomRight {background-image: url(../../common/all_languages/all_regions/skin/flyOuts/bg_flyOutBoxThemeBRight.png);} .migrationContext .flyOutThemeB .flyOutTopLeft, .migrationContext .flyOutThemeB .flyOutBottomLeft {background-image: url(../../common/all_languages/all_regions/skin/flyOuts/bg_flyOutBoxThemeBLeft.png);} .migrationContext .flyOutThemeB .flyOutBottomLeft, .migrationContext .flyOutThemeB .flyOutBottomRight, .migrationContext .flyOutThemeC .flyOutBottomLeft, .migrationContext .flyOutThemeC .flyOutBottomRight {height: 20px; bottom: auto;} .migrationContext .flyOutThemeB .flyOutTopRight, .migrationContext .flyOutThemeB .flyOutTopLeft, .migrationContext .flyOutThemeC .flyOutTopRight, .migrationContext .flyOutThemeC .flyOutTopLeft {height: 14px;} .migrationContext .flyOutThemeB .flyOutTopRight, .migrationContext .flyOutThemeC .flyOutTopRight {top: -10px;} .migrationContext .flyOutThemeB .flyOutArrow, .migrationContext .flyOutThemeC .flyOutArrow, .migrationContext .overflow .flyOutThemeC .flyOutArrowThemeA {display: block; bottom: -27px;} .migrationContext .flyOutThemeB .flyOutArrow {background-image: url(../../common/all_languages/all_regions/skin/flyOuts/bg_flyOutBoxThemeBArrow.png);} .migrationContext .flyOutThemeB .flyOutArrow, .migrationContext .flyOutThemeB .arrowUp, .migrationContext .flyOutThemeB .flyOutArrowThemeA, .migrationContext .flyOutThemeC .flyOutArrow, .migrationContext .flyOutThemeC .arrowUp, .migrationContext .flyOutThemeC .flyOutArrowThemeA {left: 50%; margin-left: -23px;} .migrationContext .flyOutThemeB .arrowLeft, .migrationContext .flyOutThemeB .flyOutArrowThemeB, .migrationContext .flyOutThemeB .arrowRight, .migrationContext .flyOutThemeB .flyOutArrowThemeC, .migrationContext .flyOutThemeC .arrowLeft, .migrationContext .flyOutThemeC .flyOutArrowThemeB, .migrationContext .flyOutThemeC .arrowRight, .migrationContext .flyOutThemeC .flyOutArrowThemeC {left: auto; top: 50%; margin-left: 0; margin-top: -23px;} .migrationContext .flyOutThemeB .arrowUp, .migrationContext .flyOutThemeB .flyOutArrowThemeA, .migrationContext .flyOutThemeC .arrowUp, .migrationContext .flyOutThemeC .flyOutArrowThemeA {top: -25px;} .migrationContext .overflow .flyOutThemeC .arrowUp, .migrationContext .overflow .flyOutThemeC .flyOutArrowThemeA {top: auto; background-position:right top;} .migrationContext .flyOutThemeB .arrowLeft, .migrationContext .flyOutThemeB .flyOutArrowThemeB, .migrationContext .flyOutThemeC .arrowLeft, .migrationContext .flyOutThemeC .flyOutArrowThemeB {left: -12px;} .migrationContext .flyOutThemeB .arrowRight, .migrationContext .flyOutThemeB .flyOutArrowThemeC, .migrationContext .flyOutThemeC .arrowRight, .migrationContext .flyOutThemeC .flyOutArrowThemeC {right: -11px;} /* flyOutThemeC .flyOutThemeC {margin-right: -100px; top: 32px; right: 13px; width: 200px;} .flyOutThemeC .flyOutBordRight, .flyOutThemeC .flyOutBordLeft {background-image: url(../../common/all_languages/all_regions/skin/flyOuts/bg_flyOutThemeCSideExtra.png);} .flyOutThemeC .flyOutTopRight, .flyOutThemeC .flyOutBottomRight {background-image: url(../../common/all_languages/all_regions/skin/flyOuts/bg_flyOutBoxThemeCRight.png);} .flyOutThemeC .flyOutTopLeft, .flyOutThemeC .flyOutBottomLeft {background-image: url(../../common/all_languages/all_regions/skin/flyOuts/bg_flyOutBoxThemeCLeft.png);} .flyOutThemeC .flyOutArrow {background-image: url(../../common/all_languages/all_regions/skin/flyOuts/bg_flyOutBoxThemeCArrow.png);} .flyOutThemeC .flyOutContent {background-color: #f2f2f2;}*/ /* per context */ .migrationContext .buttonGroupLegacy .flyOutThemeC {top:50px; right:15px; width:250px;} .migrationContext .buttonGroupLegacy li a { width: auto !important;} /* topNavigation flyOut alias corrections */ .migrationContext .topNavigation .flyOut ul {margin-left: 0;} .cssgradients .migrationContext .topNavigation .flyOut ul li {background: #f2f2f2; padding-top: 0; padding-bottom: 0; border: 0; border-bottom: 1px solid #fff;} .borderradius .migrationContext .topNavigation .flyOut ul li.last {padding-right: 0; border-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0;} .noJs .migrationContext .flyOut {display: block;} .noJs .migrationContext .flyOutThemeB .buttonFullWidth {width: auto;} /*:: =Package toggle / =Page counter ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .migrationContext .pageCounter {position: absolute;left: 0;top: 14px;width: 100%;text-align: center;} .migrationContext .resultFoot .pageCounter {top: 1.45em;z-index: 1;} .migrationContext .pageCounter span, .migrationContext .pkgToggle span {display: inline;} .migrationContext .pageCounter ul, .migrationContext .pkgToggle ul {display: inline;margin: 0;} .migrationContext .pageCounter li, .migrationContext .pkgToggle li {display: inline;background: none;padding: 0;margin: 0 -3px 0 0;} .migrationContext .sBuilder .pageCounter li, .migrationContext .contextBuilder .pageCounter li {margin:0;} .migrationContext .pageCounter li a, .migrationContext .pkgToggle li a, .migrationContext .pkgToggle .tgl, .migrationContext .pkgToggle .toggle {position: relative;overflow: hidden;display: inline-block;font-size: 11px;line-height: 10px;height: 15px;padding: 7px 12px 0;text-align: center;background: transparent url(../../common/all_languages/all_regions/skin/bg_toggleSprite.gif) no-repeat left 0px;} .migrationContext .pageCounter li a:visited {color:#0066a4;} .migrationContext .pageCounter li a span, .migrationContext .pkgToggle li a span, .migrationContext .pkgToggle .tgl span, .migrationContext .pkgToggle .toggle span {margin: 0;display: block;position: absolute;line-height: normal;right: 0;top: 0;width: 8px;height: 22px;background: transparent url(../../common/all_languages/all_regions/skin/bg_toggleSprite.gif) no-repeat right 0px;} .migrationContext .pageCounter li a span {background-position: right -234px;} .migrationContext .pageCounter li a:hover, .migrationContext .pkgToggle li a:hover, .migrationContext .pkgToggle .tgl:hover, .migrationContext .pkgToggle .toggle:hover {text-decoration: none;} .migrationContext .pageCounter li.active a, .migrationContext .pkgToggle li.active a, .migrationContext .pkgToggle a.tglOpen, .migrationContext .pkgToggle a.toggleOpen {background-position: left -60px;color: #fff !important;} .migrationContext .pageCounter li.active a:hover, .migrationContext .pkgToggle li.active a:hover {text-decoration: none;cursor: default;} .migrationContext .pageCounter li.active a span, .migrationContext .pkgToggle li.active a span {background-position: right -60px;} .migrationContext .pageCounter li a.first, .migrationContext .pkgToggle li a.first {background-position: 0 -121px;padding-left: 15px;} .migrationContext .pageCounter li.active a.first, .migrationContext .pkgToggle li.active a.first {background-position: 3px -182px;padding-left: 18px;} .migrationContext .pageCounter li a.last, .migrationContext .pkgToggle li a.last {padding-right: 16px;} .migrationContext .pageCounter li a.last span, .migrationContext .pkgToggle li a.last span {background-position: right -121px;} .migrationContext .pageCounter li.active a.last span, .migrationContext .pkgToggle li.active a.last span {background-position: right -182px;} /* per-context */ .shell .pageCounter {margin-top: 10px;position: relative;top: -15px;} /* CSS3 */ .shell .pageCounter li a.first {-ms-border-radius: 7px 0 0 7px;-webkit-border-radius: 7px 0 0 7px;-moz-border-radius: 7px 0 0 7px;border-radius: 7px 0 0 7px;} .shell .pageCounter li a.last {-ms-border-radius: 0 7px 7px 0;-webkit-border-radius: 0 7px 7px 0;-moz-border-radius: 0 7px 7px 0;border-radius: 0 7px 7px 0;} .shell .pageCounter li.active a.first {-ms-border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;-moz-border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px;} .shell .pageCounter li.active a.last {-ms-border-radius: 0 10px 10px 0;-webkit-border-radius: 0 10px 10px 0;-moz-border-radius: 0 10px 10px 0;border-radius: 0 10px 10px 0;} /*:: =Buttons ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /*.cssgradients .migrationContext .button,*/ .migrationContext .buttonize, .migrationContext .button {font-family: helvetica,arial,sans-serif;display: block;float: left; height:auto;overflow: visible;width: auto;padding: 0;margin: 0 8px 0 0;border: none;background: none transparent; text-shadow: none;} .migrationContext .buttonize:hover, .migrationContext .button:hover {text-decoration: none;cursor: pointer;} .cssgradients .migrationContext .button:hover { -webkit-box-shadow: none !important; box-shadow: none !important; } .migrationContext .buttonize span, .noJs .migrationContext .buttonize, .migrationContext .button span, .noJs .migrationContext .button {position: relative;top: 0;display: inline;float: left;text-decoration: none;white-space: nowrap;cursor: pointer;} .migrationContext .buttonize span span, .migrationContext .button span span {position: absolute;top: 0;right: -19px;width: 19px;padding: 0;margin: 0;background-position: right top;margin-right: 0;} .noJs .migrationContext .buttonize, .noJs .migrationContext .button {padding:4px 21px 3px;margin-right: 0;background: none #f2f2f2;border: 1px solid #ddd;} .migrationContext .button span span {background-image: url(../../common/all_languages/all_regions/skin/bg_buttonSprite.png);} .migrationContext .buttonize span, .migrationContext .button span {padding-left: 19px;margin-right: 19px;line-height: 1em;font-size: 12px;height: 24px;padding-top: 13px;color: #fff;background: url(../../common/all_languages/all_regions/skin/bg_buttonSprite.png) left top no-repeat transparent;} .migrationContext .buttonize span span, .migrationContext .button span span {height: 37px;padding-top: 0;} .migrationContext .buttonize span.accessAlt, .migrationContext .button span.accessAlt, .migrationContext .buttonize span.offScreen, .migrationContext .button span.offScreen {display: none;} .migrationContext .btnLnk span, .migrationContext .btnAltAct span, .migrationContext .buttonLink span, .migrationContext .buttonThemeC span, .migrationContext .buttonToggle span {height: 20px;padding-top: 11px;padding-right:19px;} .migrationContext .btnLnk span span, .migrationContext .btnAltAct span span, .migrationContext .buttonLink span span, .migrationContext .buttonThemeC span span, .migrationContext .buttonToggle span span{height: 31px;} .migrationContext .btnPrimAct span, .migrationContext .buttonThemeA span {font-size: 14px;line-height: 15px;height: 27px;padding-top: 14px;} .migrationContext .btnPrimAct span span, .migrationContext .buttonThemeA span span {height: 41px;padding-top: 0;} .migrationContext .buttonThemeB span, .migrationContext .buttonThemeD span {margin-right: 12px;padding-left: 15px;height: 17px;padding-top: 6px;background-position: left -650px;} .migrationContext .buttonThemeB span span, .migrationContext .buttonThemeD span span {margin: 0;padding: 0;height: 23px;background-position: right -650px;width: 15px;right: -15px;} .migrationContext .buttonThemeD span {background-position: left -400px; height: 19px; line-height: 19px; padding-bottom: 2px; padding-top: 4px; color: #212121;} .migrationContext .buttonThemeD span span {background-position: right -400px; height: 25px;} .migrationContext .buttonThemeE span {height: 15px;padding-top: 4px;background-position: left -696px; line-height: 11px;} .migrationContext .buttonThemeE span span {height: 19px;padding-top: 0;background-position: right -696px;} .migrationContext .btnLnkAlt span, .migrationContext .buttonLinkThemeB span, .migrationContext .buttonLinkThemeC span {height: 18px;padding-top: 7px;} .migrationContext .btnLnkAlt span span, .migrationContext .buttonLinkThemeB span span, .migrationContext .buttonLinkThemeC span span {height: 25px;} .migrationContext button.buttonize, .migrationContext button.button {position: relative;top: -1px;margin-left: -3px;margin-right: 5px;} /* default blue action button (deprecated - use "button" by default) */ .migrationContext .btnDftAct span, .noJs .migrationContext .btnDftAct {color: #fff;} .migrationContext .btnDftAct span span {right: -19px;width: 19px;background-position: right top;} .noJs .migrationContext .btnDftAct {border: 1px solid #015581;background: none #035a87;} /* default grey action button */ .migrationContext .btnAltAct, .migrationContext .buttonThemeC, .migrationContext .buttonLink, .migrationContext .buttonToggle {margin-top: 3px;} .migrationContext .btnAltAct span, .noJs .migrationContext .btnAltAct, .migrationContext .buttonThemeC span, .noJs .migrationContext .buttonThemeC, .migrationContext .buttonToggle span {background-position: left -150px;color: #212121; padding-right: 0;} .migrationContext .btnAltAct span span, .migrationContext .buttonThemeC span span, .migrationContext .buttonToggle span span {right: -19px;width: 19px;background-position: right -150px;} .noJs .migrationContext .btnAltAct, .noJs .migrationContext .buttonThemeC, .noJs .migrationContext .buttonToggle {border: 1px solid #ddd;background: none #f2f2f2;} /* buttonImage */ /* add to cart blue button (this is the default theme) */ .migrationContext .btnCartAct span, .noJs.migrationContext .btnCartAct, .migrationContext .buttonImage span, .noJs .migrationContext .buttonImage {margin-right: 45px;color: #fff;} .migrationContext .btnCartAct span span, .migrationContext .buttonImage span span {right: -45px;width: 45px;background-position: right -50px;} .noJs .migrationContext .btnCartAct, .noJs .migrationContext .buttonImage {border: 1px solid #015581;background: none #035a87;} /* dropdow blue button */ .migrationContext .btnDrpDwn span, .migrationContext .buttonImageThemeA span {height: 22px;padding-top: 11px;} .migrationContext .btnDrpDwn span span, .migrationContext .buttonImageThemeA span span {height: 33px;} .migrationContext .btnDrpDwn span, .noJs .migrationContext .btnDrpDwn, .migrationContext .buttonImageThemeA span, .noJs .migrationContext .buttonImageThemeA {margin-right: 38px;background-position: left -350px;color: #fff;} .migrationContext .btnDrpDwn span span, .migrationContext .buttonImageThemeA span span {right: -38px;width: 38px;background-position: right -350px;} .noJs .migrationContext .btnDrpDwn, .noJs .migrationContext .buttonImageThemeA {border: 1px solid #015581;background: none #035a87;} /* right pill grey button */ .migrationContext .btnLnk span, .noJs .migrationContext .btnLnk, .migrationContext .buttonLink span, .noJs .migrationContext .buttonLink, .migrationContext .btnLnkAlt span, .noJs .migrationContext .btnLnkAlt, .migrationContext .buttonLinkThemeB span, .noJs .migrationContext .buttonLinkThemeB, .migrationContext .buttonLinkThemeC span, .noJs .migrationContext .buttonLinkThemeC {background-position: left -200px;color: #212121;} .migrationContext .btnLnk span span, .migrationContext .buttonLink span span, .migrationContext .btnLnkAlt span span, .migrationContext .buttonLinkThemeB span span, .migrationContext .buttonLinkThemeC span span {right: -19px;width: 38px;background-position: right -200px;} .noJs .migrationContext .btnLnk, .noJs .migrationContext .buttonLink {border: 1px solid #ddd;background: none #f2f2f2;} /* left pill grey button */ .migrationContext .buttonLinkThemeA span {background-position: left -250px; padding-left: 38px; padding-right: 0;} .migrationContext .buttonLinkThemeA span span {background-position: right -250px; right: -21px; width: 21px;} /* slim right pill grey button */ .migrationContext .btnLnkAlt span, .noJs .migrationContext .btnLnkAlt, .migrationContext .buttonLinkThemeB span, .noJs .migrationContext .buttonLinkThemeB, .migrationContext .buttonLinkThemeC span, .noJs .migrationContext .buttonLinkThemeC {background-position: left -300px;color: #212121; padding-right:20px;} .migrationContext .buttonLinkThemeC span, .noJs .migrationContext .buttonLinkThemeC {background-position: left -750px;} .migrationContext .btnLnkAlt span span, .migrationContext .buttonLinkThemeB span span {background-position: right -300px;} .migrationContext .buttonLinkThemeC span span {background-position: right -750px;} .noJs .migrationContext .btnLnkAlt, .noJs .migrationContext .buttonLinkThemeB, .noJs .migrationContext .buttonLinkThemeC {border: 1px solid #ddd;background: none #f2f2f2;} /* primary action blue button (search,login...)*/ .migrationContext .btnPrimAct span, .noJs .migrationContext .btnPrimAct, .migrationContext .buttonThemeA span, .noJs .migrationContext .buttonThemeA {margin-right: 24px;padding-left: 24px;background-position: 0 -100px;color: #fff;} .migrationContext .btnPrimAct span span, .migrationContext .buttonThemeA span span {margin: 0;padding: 0;right: -24px;width: 24px;background-position: right -100px;} /* ### under Chrome, theres a line gap bug */ .noJs .migrationContext .btnPrimAct, .noJs .migrationContext .buttonThemeA {border: 1px solid #015581;background: none #035a87;} /* add to any of the previous button for deactivate styles */ .migrationContext .btnDeactive span, .migrationContext .buttonDisabled span {background-image: url(../../common/all_languages/all_regions/skin/bg_buttonDeactivSprite.png); cursor:default; color: #D6D6D6;} .noJs .migrationContext .btnDeactive, .noJs .migrationContext .buttonDisabled {background: none #f2f2f2;border: 1px solid #ddd;color: #fff;} .noJs .migrationContext .btnDftAct, .noJs .migrationContext .btnAltAct, .noJs .migrationContext .btnCartAct , .noJs .migrationContext .btnPrimAct, .noJs .migrationContext .button {height: 32px;line-height: 32px;padding: 0 19px;font-size: 12px;margin-right: 5px; margin-top: 3px;} /* buttonFullWidth - makes any button take the maximum size possible */ .migrationContext .buttonFullWidth {text-align: center; width: 100%; max-width: 400px; margin-right: 0;} /* <- anything that goes beyond 400px will either break the button or be hidden by the button */ .migrationContext .buttonFullWidth span {float: none !important; display: block !important;} .migrationContext button {overflow: visible;} /* button with "Cart" icon */ .migrationContext .buttonImage { min-width: 0; /*margin-right: 40px;*/ } .migrationContext .buttonImage span span { /* background-position: right -247px; */ right: -40px; width: 40px; } /*.cssgradients .migrationContext .buttonImage { margin-right: 0; padding-right: 47px; } .cssgradients .migrationContext .button span span {display: none;} .cssgradients .migrationContext .buttonImage span span { display: block; right: 13px; top: 4px; width: 23px; height: 23px; background: transparent url(../images/bg_iconSprite.png) no-repeat -81px -144px; }*/ /* Legacy-GC Patching */ .cssgradients .migrationContext .formTextThemeB button.buttonize, .cssgradients .migrationContext .formTextThemeB button.button { padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; } .lightBox .migrationContext .button span span, .migrationContext .headingWrap .flyOut .button span span, .migrationContext .pgTitleOptions .button span span, .migrationContext .superFooter .button span span, .migrationContext .formTextThemeB .button span span, .migrationContext .navTilesContent .button span span {display: block; background-image: url(../../common/all_languages/all_regions/skin/bg_buttonSprite.png);} .lightBox .migrationContext .buttonDisabled span span, .migrationContext .navTilesContent .buttonDisabled span span {background-image: url(../../common/all_languages/all_regions/skin/bg_buttonDeactivSprite.png);} /*:: =Page title ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* Title of the page */ .migrationContext .pgTitle {z-index: 2;position: relative;padding-bottom: 0;margin-bottom: -8px;border: 0 none;background: url(../../common/all_languages/all_regions/skin/bg_transparent.gif) 0 0 repeat transparent;/*Fix for IE when pgFeature follow pgTitle*/} .migrationContext .pgTitle h1 {width: 740px;margin-bottom: 2px;} .migrationContext .supportSection .pgTitle h1 {width: 780px;} /* To accomodate long article titles */ /* Breadcrumbs */ .migrationContext .bCrumbs, .migrationContext .breadCrumbs {margin-bottom: 3px;padding: 0;border: 0 none;width: 100%;overflow: hidden;font-size: 11px;line-height: 13px;color: #555;} .migrationContext .bCrumbs p, .migrationContext .breadCrumbs p {margin: 0;} .migrationContext .bCrumbs a, .migrationContext .bCrumbs a:hover, .migrationContext .breadCrumbs a, .migrationContext .breadCrumbs a:hover {display: block;float: left;} .migrationContext .bCrumbs a:visited, .migrationContext .breadCrumbs a:visited {color: #0066a4;} .migrationContext .bCrumbs span, .migrationContext .breadCrumbs span {margin: 0 6px 0 6px;background: url(../../common/all_languages/all_regions/skin/bg_iconSprite.gif) 0 -196px no-repeat transparent;display: block;float: left;width: 3px;text-indent: -999em;} /* Right side page options inside pgTitle */ .migrationContext .pgTitleOptions {position: absolute;right: 20px;bottom: 0;} .migrationContext .pgTitleOptions .buttonize, .migrationContext .pgTitleOptions .button {margin-right: 0;margin-left: 8px;} .migrationContext .pgTitleOptions .btnDftAct, .migrationContext .pgTitleOptions .btnDrpDwn, .migrationContext .pgTitleOptions .button {position: relative;bottom: 0px;} .migrationContext .pgTitleOptions .pipeSpacer {padding: 2px 0 ;margin-bottom: -1px;} /*:: =cBox ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .migrationContext .cBoxExtra1, .migrationContext .vTabsThemeA .tabContSet .cBoxExtra1 {width: 1px;height: 100%;min-height: 100%;position: absolute;left: 0;top: 0;background: none #d6d6d6;z-index: 1;} .migrationContext .cBoxExtra2, .migrationContext .vTabsThemeA .tabContSet .cBoxExtra2 {width: 1px;height: 100%;min-height: 100%;position: absolute;right: 0;top: 0;background: none #d6d6d6;z-index: 1;} .migrationContext .cBoxExtra3, .migrationContext .vTabsThemeA .tabContSet .cBoxExtra3 {position: absolute;top: 0;left: 0;height: 12px;width: 100%;background: url(../../common/all_languages/all_regions/skin/bg_cBoxExtra.png) right top no-repeat transparent;z-index: 1;} .migrationContext .cBoxExtra4, .migrationContext .vTabsThemeA .tabContSet .cBoxExtra4 {position: relative;top: 0;left: 0;margin-right: 12px;height: 12px;background: url(../../common/all_languages/all_regions/skin/bg_cBoxExtra.png) left top no-repeat transparent;z-index: 1;} .migrationContext .cBoxExtra5, .migrationContext .vTabsThemeA .tabContSet .cBoxExtra5 {position: absolute;bottom: 0;left: 0;width: 100%;height: 17px;background: url(../../common/all_languages/all_regions/skin/bg_cBoxExtra.png) right bottom no-repeat transparent;z-index: 2;} .migrationContext .cBoxExtra6, .migrationContext .vTabsThemeA .tabContSet .cBoxExtra6 {position: relative;bottom: 0;left: 0;margin-right: 17px;height: 17px;background: url(../../common/all_languages/all_regions/skin/bg_cBoxExtra.png) left bottom no-repeat transparent;z-index: 2;} /*:: =Shell ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .migrationContext .shell {position: relative;background: #fff;padding: 15px 20px 0 20px;border: 1px solid #ccc;margin-bottom: 21px;padding-top:15px !important;} .migrationContext .shell .bt_remove, .migrationContext .shell .actionRemove {position: absolute;right: 15px;top: 13px;padding-right: 20px;padding-left: 0;background-position: right -119px;} .migrationContext .shellThemeA, .migrationContext .shellThemeF {display: block;background: #f2f2f2;border: 1px solid #f2f2f2;} .migrationContext .superFooter .shellThemeC {background: #fff;} /* <- patch */ .migrationContext .cBoxAlt .shell, .migrationContext .cBoxThemeA .shell, .migrationContext .cBoxThemeB .shell {margin-top: 19px;} .migrationContext .shell .fLabel {width: 144px;} .migrationContext .shell .frmAlt .fLabel, .migrationContext .shell .formGroupThemeA .sectionHeader {width: auto;} .migrationContext .formGroup .formGroup .sectionHeader {width: auto; float: left;} .migrationContext .formGroupThemeC .formGroup .sectionHeader {float:none;} .migrationContext .shell .frmInline .fLabel, .migrationContext .shell .formGroupThemeB .sectionHeader {width: auto;} .migrationContext .shell .fTxt input, .migrationContext .shell .formText input, .migrationContext .shell .formTerms .txtWindow {background-color: #fff;} .migrationContext .shell .shell .fTxt input, .migrationContext .shell .shell .formText input, .migrationContext .shell .shell .formTerms .txtWindow {background-color: #f8f8f8;} .migrationContext .shell .stickyBottom {bottom: 12px;} .migrationContext .shell .optionGroup .stickyBottom {bottom:0px;} .migrationContext .itemGroup .shell {margin-bottom: 0;} /* Used in cWrap (grey background)*/ .migrationContext .shellExtra1, .migrationContext .shellExtra2, .migrationContext .shellExtra3, .migrationContext .shellExtra4, .migrationContext .shell .shell .shellExtra1, .migrationContext .shell .shell .shellExtra2, .migrationContext .shell .shell .shellExtra3, .migrationContext .shell .shell .shellExtra4, .migrationContext .alphaNumMenuExtra1, .migrationContext .alphaNumMenuExtra2, .migrationContext .alphaNumMenuExtra3, .migrationContext .alphaNumMenuExtra4 {display: block;position: absolute;width: 6px;height: 7px;background: url(../../common/all_languages/all_regions/skin/bg_shellExtra.png) left top no-repeat transparent;z-index:2;} /* Used in cBox (white background) */ .migrationContext .shellThemeA .shellExtra1, .migrationContext .shellThemeA .shellExtra2, .migrationContext .shellThemeA .shellExtra3, .migrationContext .shellThemeA .shellExtra4, .migrationContext .shellThemeF .shellExtra1, .migrationContext .shellThemeF .shellExtra2, .migrationContext .shellThemeF .shellExtra3, .migrationContext .shellThemeF .shellExtra4 {background-image: url(../../common/all_languages/all_regions/skin/bg_cBoxShellExtra.png);} /* Glossary Menu */ .migrationContext .alphaNumMenuExtra1, .migrationContext .alphaNumMenuExtra2, .migrationContext .alphaNumMenuExtra3, .migrationContext .alphaNumMenuExtra4 {background-image: url(../../common/all_languages/all_regions/skin/bg_glossaryExtra.png);} /* positionning each corners */ .migrationContext .shellExtra1, .migrationContext .shell .shell .shellExtra1, .migrationContext .alphaNumMenuExtra1 {top: -1px;left: -1px;} .migrationContext .shellExtra2, .migrationContext .shell .shell .shellExtra2, .migrationContext .alphaNumMenuExtra2 {top: -1px;right: -1px;background-position: right top;} .migrationContext .shellExtra3, .migrationContext .shell .shell .shellExtra3, .migrationContext .alphaNumMenuExtra3 {bottom: -1px;left: -1px;background-position: left bottom;} .migrationContext .shellExtra4, .migrationContext .shell .shell .shellExtra4, .migrationContext .alphaNumMenuExtra4 {bottom: -1px;right: -1px;background-position: right bottom;} .migrationContext .shellThemeD {position:relative;min-height:41px;border-color:#e2e2e2;border-top-color:#e0e0e0;background:#fff url(../../common/all_languages/all_regions/skin/myBell/bg_shellThemeD.gif) left bottom repeat-x;} .migrationContext .shellThemeD .shellExtra1, .migrationContext .shellThemeD .shellExtra2, .migrationContext .shellThemeD .shellExtra3, .migrationContext .shellThemeD .shellExtra4 {height:9px;width:8px;background:url(../../common/all_languages/all_regions/skin/myBell/bg_shellThemeDExtra.png) left top no-repeat transparent;} .migrationContext .shellThemeD .shellExtra2 {background-position:right top;} .migrationContext .shellThemeD .shellExtra3 {background-position:left bottom;} .migrationContext .shellThemeD .shellExtra4 {background-position:right bottom;} .migrationContext .shellThemeF {padding: 20px 19px 25px; margin-bottom: 10px;} .migrationContext .shellThemeG {background-color: #fff; border: 0; padding: 19px 30px; margin-bottom: 7px;} .migrationContext .shellThemeG .shellExtra1, .migrationContext .shellThemeG .shellExtra2, .migrationContext .shellThemeG .shellExtra3, .migrationContext .shellThemeG .shellExtra4 {background-image: url(../../common/all_languages/all_regions/skin/bg_shellExtraNoBorder.png) !important;} .migrationContext .shellThemeG .shellExtra1, .migrationContext .shell .shellThemeG .shellExtra1 {top: 0;left: 0;} .migrationContext .shellThemeG .shellExtra2, .migrationContext .shell .shellThemeG .shellExtra2 {top: 0;right: 0;} .migrationContext .shellThemeG .shellExtra3, .migrationContext .shell .shellThemeG .shellExtra3 {bottom: 0;left: 0;} .migrationContext .shellThemeG .shellExtra4, .migrationContext .shell .shellThemeG .shellExtra4 {bottom: 0;right: 0;} .migrationContext .shellThemeG .stickyBottom {padding-right: 30px;} .migrationContext .shellThemeH {background-color: #f6f6f6; padding-top: 12px !important;} /* per-element */ .migrationContext .shellThemeH .formGroup {margin-bottom: 1.2em;} .migrationContext .shellThemeB, .migrationContext .cBox .shellThemeB {border: 1px solid #d6d6d6; background: #ebebeb url(../../common/all_languages/all_regions/skin/bg_gradRibbon.gif) repeat-x left -1px;} /*:: =hAccordion ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .migrationContext .ui-accordion-header {cursor: pointer;} .migrationContext .ui-accordion-header:focus {outline: none;} .migrationContext .hAccordion h3, .migrationContext .hAccordion .hAccordionHeader {background: transparent url(../../common/all_languages/all_regions/skin/bl_arrowRight.gif) no-repeat 0 5px;padding-left: 14px;height: 100%;} .migrationContext .hAccordion .hType4, .migrationContext .hAccordion .headingType4 {font-size: 14px; line-height:18px; margin-bottom:4px;} .migrationContext .hAccordion .ui-accordion-content {overflow: hidden;position: relative;} .migrationContext .hAccordion .ui-corner-top, .hAccordion .ui-corner-all, .hAccordion .ui-corner-bottom {-webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0;} .migrationContext .hAccordion .ui-icon, .hAccordion .ui-state-active .ui-icon {background: none; width: auto; height: 0;} .migrationContext .hAccordion .ui-state-active,.hAccordion .ui-state-active a {background: transparent url(../../common/all_languages/all_regions/skin/bl_arrowDown.gif) no-repeat 0 center;} .migrationContext .hAccordion .ui-state-active h3, .hAccordion .ui-state-active .hAccordionHeader {background: none;} .migrationContext .hAccordion .ui-state-active, .migrationContext .hAccordion .ui-state-default, .migrationContext .hAccordion .ui-widget-content, .migrationContext .hAccordion .ui-widget-content .ui-state-default, .migrationContext .hAccordion .ui-widget-content .ui-state-active {border: 0;} .migrationContext .hAccordion .ui-state-hover, .migrationContext .hAccordion .ui-state-focus, .migrationContext .hAccordion .ui-state-hover a, .migrationContext .hAccordion .ui-state-hover a:hover, .migrationContext .hAccordion .ui-widget-content .ui-state-focus, .migrationContext .hAccordion .ui-widget-content .ui-state-hover {border:0;} .migrationContext .hAccordion .ui-state-default, .migrationContext .hAccordion .ui-widget-content .ui-state-default {color: #212121;} .migrationContext .pgResults .hAccordion .ui-state-default, .hAccordion .ui-widget-content .ui-state-default {color: #0066A4;} .migrationContext .hAccordion .ui-widget-content {background: transparent;} .migrationContext .hAccordion .ui-widget-content a {color: #0066A4;} .migrationContext .hAccordion .actHighlight a {color: #212121;} .migrationContext .hAccordion .hAccordionCont, .migrationContext .hAccordion .hAccordionContent {padding-left: 14px;} .migrationContext ul.hAccordion {margin: 0 -11px 0 -10px;} .migrationContext ul.hAccordion li {background: none transparent;padding-left: 0;} .migrationContext ul.hAccordion li a {display: block;background: transparent url(../../common/all_languages/all_regions/skin/bl_arrowRight.gif) no-repeat 0 center;padding-left: 14px;margin-left: 10px;} .migrationContext ul.hAccordion li a.ui-state-active {background: transparent url(../../common/all_languages/all_regions/skin/bl_arrowDown.gif) no-repeat 0 center;} .migrationContext ul.hAccordion li a.ui-state-active:visited {color: #0066a4;} .migrationContext ul.hAccordion li ul {padding: 0;margin: 2px 0 -2px;} .migrationContext ul.hAccordion li li a {padding: 0;background: none transparent;margin-left: 34px;display: block;} .migrationContext ul.hAccordion .hAccordionCont, .migrationContext ul.hAccordion .hAccordionContent {padding-left: 0px;} .migrationContext .hAccordionThemeA {position: relative; border: 1px solid #ccc;} .migrationContext .hAccordionThemeA .hAccordionHeader { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: url("../../common/all_languages/all_regions/skin/bg_tab.gif") repeat-x scroll left 10px #fff; margin-bottom: 0; margin-top: -1px; padding: 16px 35px 15px 19px; position: relative; color: #999; } .migrationContext .hAccordionThemeA .ui-state-active {background-image: none; background-color: #e9f4fa; color: #212121;} .migrationContext .hAccordionThemeA .last {border-bottom-color: transparent;} .migrationContext .hAccordionThemeA .last.ui-state-active {border-bottom-color: #ccc;} /* <- this doesn't work in IE6 */ .migrationContext .hAccordionThemeA .hAccordionCont, .migrationContext .hAccordionThemeA .hAccordionContent {padding: 10px 21px; border-right: 1px solid transparent; height: 150px; overflow: auto;} /* corners */ .migrationContext .hAccordionThemeA .hAccordionExtra1, .migrationContext .hAccordionThemeA .hAccordionExtra2, .migrationContext .hAccordionThemeA .hAccordionExtra3, .migrationContext .hAccordionThemeA .hAccordionExtra4 {display: block !important; position: absolute; width: 6px; height: 7px !important; z-index:2; overflow: visible; background: url(../../common/all_languages/all_regions/skin/bg_shellExtra.png) left top no-repeat transparent;} .migrationContext .hAccordionThemeA .hAccordionExtra1 {top: -1px;left: -1px;} .migrationContext .hAccordionThemeA .hAccordionExtra2 {top: -1px;right: -1px;background-position: right top;} .migrationContext .hAccordionThemeA .hAccordionExtra3 {bottom: -1px;left: -1px;background-position: left bottom;} .migrationContext .hAccordionThemeA .hAccordionExtra4 {bottom: -1px;right: -1px;background-position: right bottom;} /* per-element */ .migrationContext .hAccordionThemeA .hAccordionHeader .options {top: 18px; padding-right: 10px;} .migrationContext .hAccordionThemeA .ui-state-hover .options .message {background-position: 0 1px;} .migrationContext .hAccordionThemeA .hAccordionContent {background-color: #fff;} .migrationContext .hAccordionThemeA .hAccordionContent .formGroup {margin-bottom: 0;} .migrationContext .hAccordionThemeA .hAccordionContent .formGroup .sectionContent {padding-left: 0;} .migrationContext .hAccordionThemeA .hAccordionContent .formGroup .optionGroup {width: auto;} .migrationContext .hAccordionThemeA .hAccordionContent .formGroup .optionGroup input {margin-right: 15px !important; margin-top: 1px;} .migrationContext .hAccordionThemeA .hAccordionContent .formGroup .optionGroup label {vertical-align: middle;} .migrationContext .hAccordionThemeA .hAccordionContent .formGroup .optionGroupThemeA {float: none; margin-bottom: 15px;} .migrationContext .hAccordionThemeA .hAccordionContent .formGroup .optionGroupThemeA input {float: none;} .migrationContext .hAccordionThemeA .hAccordionContent .formGroup .optionGroupThemeA img {float: none; vertical-align: middle;} .migrationContext .hAccordionThemeA .hAccordionContent .formGroup .optionGroupThemeA label {display: inline-block; width: 50%; margin-left: 21px;} /* width needs to be tweaked if image's width varies */ /* per-context */ .migrationContext .multiColumn .hAccordionThemeA {margin-right: 10px;} /*:: =Search bar ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* Note: This search bar is designed to take the full width of the site. (default: 975px) */ .migrationContext .pgSearch, .migrationContext .cBoxThemeD {position: relative;z-index: 3; margin-bottom: 18px;} .migrationContext .pgSearch, .migrationContext .pgSearch form, .migrationContext .cBoxThemeD form {overflow: visible;} .migrationContext .pgSearch .cBox, .migrationContext .cBoxThemeD {position: relative;background: #d7e5ee;padding-top: 21px;padding-bottom: 19px;} .migrationContext .pgSearch .cBox .cBoxExtra1,.pgSearch .cBox .cBoxExtra2, .migrationContext .cBoxThemeD .cBoxExtra1,.cBoxThemeD .cBoxExtra2 {background: url(../../common/all_languages/all_regions/skin/bg_pgSearchBar.gif) repeat-y transparent;width: 2px;} .migrationContext .pgSearch .cBox .cBoxExtra1, .migrationContext .cBoxThemeD .cBoxExtra1 {background-position: left top;} .migrationContext .pgSearch .cBox .cBoxExtra2, .migrationContext .cBoxThemeD .cBoxExtra2 {background-position: right top;} .migrationContext .pgSearch .cBoxExtra3, .migrationContext .pgSearch .cBoxExtra4, .migrationContext .pgSearch .cBoxExtra5, .migrationContext .pgSearch .cBoxExtra6, .migrationContext .cBoxThemeD .cBoxExtra3, .migrationContext .cBoxThemeD .cBoxExtra4, .migrationContext .cBoxThemeD .cBoxExtra5, .migrationContext .cBoxThemeD .cBoxExtra6{background: url(../../common/all_languages/all_regions/skin/bg_pgSearchBarExtra.gif) no-repeat transparent;} .migrationContext .pgSearch .cBox .cBoxExtra3, .migrationContext .cBoxThemeD .cBoxExtra3 {background-position: right top;} .migrationContext .pgSearch .cBox .cBoxExtra4, .migrationContext .cBoxThemeD .cBoxExtra4 {background-position: left top;} .migrationContext .pgSearch .cBox .cBoxExtra5, .migrationContext .cBoxThemeD .cBoxExtra5 {background-position: right bottom;} .migrationContext .pgSearch .cBox .cBoxExtra6, .migrationContext .cBoxThemeD .cBoxExtra6 {background-position: left bottom;} .migrationContext .cBoxThemeD .cBoxExtra1 , .migrationContext .cBoxThemeD .cBoxExtra2, .migrationContext .cBoxThemeD .cBoxExtra3, .migrationContext .cBoxThemeD .cBoxExtra4, /*.cBoxThemeD .cBoxExtra5,*/ .migrationContext .cBoxThemeD .cBoxExtra6 {z-index: -1;} /* <- this fixes issue with IE7 */ .migrationContext .cBoxThemeD .cBoxExtra5 {z-index: 5;} .migrationContext .pgSearch .bt_addCompare {margin-bottom: 0; display: inline-block;} /* per-element */ /* child cBoxes - needs to be other than cBoxThemeD (basically resetting to default cBox style) */ .migrationContext .cBoxThemeD .cBox .cBoxExtra1, .migrationContext .cBoxThemeD .cBox .cBoxExtra2 {width: 1px; background-image: none; background-color: #c1ced6;} .migrationContext .cBoxThemeD .cBox .cBoxExtra3, .migrationContext .cBoxThemeD .cBox .cBoxExtra4, .migrationContext .cBoxThemeD .cBox .cBoxExtra5, .migrationContext .cBoxThemeD .cBox .cBoxExtra6 {background-image: url("../common/all_languages/all_regions/skin/bg_cBoxExtraBlue.png");} .migrationContext .cBoxThemeD .cBox .cBoxExtra1, .migrationContext .cBoxThemeD .cBox .cBoxExtra2, .migrationContext .cBoxThemeD .cBox .cBoxExtra3, .migrationContext .cBoxThemeD .cBox .cBoxExtra4, .migrationContext .cBoxThemeD .cBox .cBoxExtra5, .migrationContext .cBoxThemeD .cBox .cBoxExtra6 {z-index: 1;} .migrationContext .cBoxThemeD .hSeparatorThemeC {margin-left: 1px; margin-right: 1px;} .borderradius .migrationContext .cBoxThemeD .hSeparatorThemeC {margin-left: 0; margin-right: 0;} .migrationContext .pgSearch form, .migrationContext .cBoxThemeD form {margin: 0;} .migrationContext .pgSearchItem, .migrationContext .formTextThemeA, .migrationContext .formTextThemeB {position: relative;} .migrationContext .pgSearchItem .pgSearchInput, .migrationContext .formTextThemeA .sectionContent, .migrationContext .formTextThemeB .sectionContent, .migrationContext .searchBarThemeD input, .migrationContext .searchBarThemeE input, .migrationContext .searchBarThemeF input {position: relative;float: left;background:transparent url(../../common/all_languages/all_regions/skin/bg_searchInput.gif) no-repeat scroll right top;} .migrationContext .pgSearchItem .pgSearchInput .labelOverAct, .migrationContext .formTextThemeA .labelOverAct, .migrationContext .formTextThemeB .labelOverAct, .migrationContext .searchBarThemeD .labelOverAct, .migrationContext .searchBarThemeE .labelOverAct, .migrationContext .searchBarThemeF .labelOverAct {color: #212121;position: absolute;top: 3px;left: 14px;cursor: text;font-size: 18px;line-height: 40px;font-weight: normal;} .migrationContext .pgSearchItem .pgSearchInput input, .migrationContext .flyOut ul li input, .migrationContext .formTextThemeA input, .migrationContext .formTextThemeB input, .migrationContext .searchBarThemeD input, .migrationContext .searchBarThemeE input, .migrationContext .searchBarThemeF input {position: relative; right: 2px; display: block;float: left;border: 0;background: none;height: 22px;font-size: 18px;line-height: 22px;padding: 12px 0 7px 13px;background: url(../../common/all_languages/all_regions/skin/bg_searchInput.gif) no-repeat left top transparent; font-weight: normal;} .migrationContext .formTextThemeA input, .migrationContext .formTextThemeB input {margin-right: 0 !important; border-radius: 0; box-shadow: none;} .migrationContext .cBoxThemeD .formTextThemeA input, .migrationContext .cBoxThemeD .formTextThemeB input {background-color: #D7E5EE;} /* <- The background-color needs to be the "exact" same HEX value as the background color of its parent (cBoxThemeD in this case) */ /* rounded corners image */ .migrationContext .searchBarThemeE, .migrationContext .searchBarThemeD .flyOutGroup, .migrationContext .searchBarThemeE .flyOutGroup, .migrationContext .searchBarThemeF .flyOutGroup {background:transparent url(../../common/all_languages/all_regions/skin/bg_searchInput.gif) no-repeat scroll left top;} .migrationContext .searchBarThemeE input {background-position: right top; right: -3px;} /* Search bar width settings */ .migrationContext .searchBarThemeD {width: 828px;} .migrationContext .searchBarThemeD input {width: 655px; padding-right: 160px;} .migrationContext .searchBarThemeE {width: 493px;} .migrationContext .searchBarThemeE input {width: 320px; padding-right: 160px;} .migrationContext .searchBarThemeF {width: 493px;} .migrationContext .searchBarThemeF input {width: 464px; padding-right: 15px;} .migrationContext .pgSearchItem .pgSearchInput, .migrationContext .formTextThemeA .sectionContent {width: 825px;} .migrationContext .pgSearchItem .pgSearchInput input, .migrationContext .flyOut ul li input {width: 635px;} .migrationContext .formText .flyOut ul li input {width: auto; position: absolute;} .migrationContext .formTextThemeA input, .migrationContext .formTextThemeB input {width: 500px; padding-right: 310px;} .migrationContext .formTextThemeB .sectionContent {width: 575px;} .borderradius .migrationContext .formTextThemeB .sectionContent input {width: 400px; padding-right: 165px;} /* <- this needs to have 15 pixel less than ".formTextThemeB .sectionContent" width */ .borderradius .migrationContext .formTextThemeB .sectionContent .flyOut input {width: auto; padding-right: 0;} .migrationContext .formTextThemeB input {width: 300px; padding-right: 0;} .migrationContext .formText .sectionContent .formCheckBox input {width: auto; padding-right: inherit;} /* French version */ .fr .migrationContext .pgSearchItem .pgSearchInput {width: 798px;} .fr .migrationContext .formTextThemeA .sectionContent {width: 796px;} .fr .migrationContext .pgSearchItem .pgSearchInput input {width: 620px;} .fr .migrationContext .formTextThemeA input {padding-right: 280px;} .migrationContext .pgSearchItem .pgSearchFilter, .migrationContext .searchFilters, .migrationContext .searchBarThemeD .flyOutGroup, .migrationContext .searchBarThemeE .flyOutGroup, .migrationContext .searchBarThemeF .flyOutGroup {position: relative;float: right;top: 0;right: 0;width: 13.33em;} /* width: 160px */ .fr .migrationContext .pgSearchItem .pgSearchFilter { width: 16em; } .migrationContext .searchFilters, .migrationContext .searchBarThemeD .flyOutGroup, .migrationContext .searchBarThemeE .flyOutGroup, .migrationContext .searchBarThemeF .flyOutGroup {position: absolute;} .migrationContext .searchBarThemeD .flyOutGroup, .migrationContext .searchBarThemeE .flyOutGroup {right: -5px; height: 41px;} .migrationContext .pgSearchItem .pgSearchFilter .flyOutTrig, .migrationContext .searchFilters .flyOutTrig, .migrationContext .searchBarThemeD .flyOutGroup .flyOutTrig, .migrationContext .searchBarThemeE .flyOutGroup .flyOutTrig, .migrationContext .searchBarThemeF .flyOutGroup .flyOutTrig {color: #212121;text-align: right;float: right;margin: 12px 0 0;padding: 3px 31px 0 12px;background: transparent url(../../common/all_languages/all_regions/skin/bg_iconSprite.gif) no-repeat right -30px;border-left: 1px solid #d6d6d6;font-size: 14px;} .migrationContext .pgSearchItem .pgSearchFilter .flyOut, .migrationContext .searchFilters .flyOut, .migrationContext .searchBarThemeD .flyOutGroup .flyOut, .migrationContext .searchBarThemeE .flyOutGroup .flyOut, .migrationContext .searchBarThemeF .flyOutGroup .flyOut {width: 170px;top:42px;} #searchTypeFilter {top: 42px;} .migrationContext .pgSearchItem .btnPrimAct, .migrationContext .formTextThemeA .buttonThemeA, .migrationContext .formTextThemeB .buttonThemeA {float: right;margin: 0;} .noJs .migrationContext .pgSearchItem label, .noJs .migrationContext .formTextThemeA label, .noJs .migrationContext .formTextThemeB label {display: block;} .migrationContext .scSearch {width: 16em;margin-left: 0;margin-bottom: 21px;} .migrationContext .scSearch .labelOverAct {top: 7px;} .migrationContext .scSearch input {width: 12.75em;} /* big search bar - mainly used for a page search */ .migrationContext .formTextThemeA, .migrationContext .formTextThemeB {margin-bottom: 0;} .migrationContext .formTextThemeA .sectionHeader {display: none;} .migrationContext .formTextThemeA .sectionContent, .migrationContext .formTextThemeB .sectionContent {padding-left: 0;} .migrationContext .formTextThemeA .sectionAside {float: right; margin-left: 0;} .migrationContext .formTextThemeA .sectionAside .buttonize, .migrationContext .formTextThemeB .sectionAside .buttonize, .migrationContext .formTextThemeA .sectionAside .button, .migrationContext .formTextThemeB .sectionAside .button {top: auto; margin: 0;} /* smaller search bar - centered */ .migrationContext .formTextThemeB {float: right; right: 50%;} .migrationContext .formTextThemeB .sectionHeader, .migrationContext .formTextThemeB .sectionContent, .migrationContext .formTextThemeB .sectionAside {float: left; left: 50%;} .migrationContext .formTextThemeB .sectionHeader {width: auto; margin-right: 7px;} .migrationContext .formTextThemeB .sectionHeader label {font-size: 1.166em; top: 15px;} .migrationContext .formTextThemeB .sectionAside {margin-left: 7px; position: relative;} .migrationContext .formTextThemeB .sectionAside .button {float: left; top: -1px;} /* CSS3 */ .borderradius .migrationContext .cBoxThemeD {padding-top: 20px; padding-bottom: 18px;} .borderradius .migrationContext .formTextThemeA .sectionContent, .borderradius .migrationContext .formTextThemeB .sectionContent, .borderradius .migrationContext .searchBarThemeD, .borderradius .migrationContext .searchBarThemeE, .borderradius .migrationContext .searchBarThemeF {background: none;} .borderradius .migrationContext .searchBarThemeE input {right: 0;} .borderradius .migrationContext .formTextThemeA input, .borderradius .migrationContext .formTextThemeB input, .borderradius .migrationContext .searchBarThemeD input, .borderradius .migrationContext .searchBarThemeE input, .borderradius .migrationContext .searchBarThemeF input {background-color: #fff; background-image: none; border: 1px solid #cccdd1; padding-top: 11px; padding-bottom: 6px; padding-left: 12px;} .boxshadow .migrationContext .formTextThemeA input, .boxshadow .migrationContext .formTextThemeB input, .boxshadow .migrationContext .searchBarThemeD input, .boxshadow .migrationContext .searchBarThemeE input, .boxshadow .migrationContext .searchBarThemeF input { -webkit-box-shadow: inset 0px 3px 5px 1px rgba(0, 0, 0, .1); -moz-box-shadow: inset 0px 3px 5px 1px rgba(0, 0, 0, .1); -ms-box-shadow: inset 0px 3px 5px 1px rgba(0, 0, 0, .1); box-shadow: inset 0px 3px 5px 1px rgba(0, 0, 0, .1); } .migrationContext .formTextThemeA .formGroup input, .migrationContext .formTextThemeB .formGroup input {background-color: transparent; background-image: none; border: 0; padding: 0;} .migrationContext .formTextThemeA .formGroup input, .migrationContext .formTextThemeB .formGroup input { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .borderradius .migrationContext .searchBarThemeD .flyOutGroup, .borderradius .migrationContext .searchBarThemeE .flyOutGroup, .borderradius .migrationContext .searchBarThemeF .flyOutGroup {background: none; right: 0;} /*:: =CSS3 STYLES (Used with Modernizr) ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /*:: Note: css3 styles are generally declared at the component's section but they might also be all over different files/sections, simply look for the commented CSS3 tag. Otherwise, they will be grouped below. */ /* Border Radius (classes with same border radius values are grouped here) */ .borderradius .migrationContext .channelsThemeB li, .borderradius .migrationContext .channelsThemeC li, .borderradius .migrationContext .switchImage {-webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px;} .borderradius .migrationContext .cTabsThemeE li a, .borderradius .migrationContext .cTabsThemeH li a, .borderradius .migrationContext .formTextThemeA input, .borderradius .migrationContext .formTextThemeB input, .borderradius .migrationContext .cBoxThemeD, .borderradius .migrationContext .searchBarThemeD input, .borderradius .migrationContext .searchBarThemeE input, .borderradius .migrationContext .searchBarThemeF input {-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;} /* Hides all corners extras */ .borderradius .migrationContext .shell .shellExtra1, .borderradius .migrationContext .shell .shellExtra2, .borderradius .migrationContext .shell .shellExtra3, .borderradius .migrationContext .shell .shellExtra4, .borderradius .migrationContext .cBoxThemeD .cBoxExtra1, .borderradius .migrationContext .cBoxThemeD .cBoxExtra2, .borderradius .migrationContext .cBoxThemeD .cBoxExtra3, .borderradius .migrationContext .cBoxThemeD .cBoxExtra4, .borderradius .migrationContext .cBoxThemeD .cBoxExtra5, .borderradius .migrationContext .cBoxThemeD .cBoxExtra6, .borderradius .migrationContext .topNavigation ul li span, .borderradius .migrationContext .cTabsThemeE .cTabsExtra1, .borderradius .migrationContext .cTabsThemeE .cTabsExtra2, .borderradius .migrationContext .cTabsThemeE .cTabsExtra3, .borderradius .migrationContext .cTabsThemeE .cTabsExtra4, .borderradius .migrationContext .cTabsThemeE .cTabsExtra5, .borderradius .migrationContext .cTabsThemeE .cTabsExtra6, .borderradius .migrationContext .cTabsThemeE .cTabsExtra7, .borderradius .migrationContext .cTabsThemeF .cTabsExtra1, .borderradius .migrationContext .cTabsThemeF .cTabsExtra2, .borderradius .migrationContext .cTabsThemeF .cTabsExtra3, .borderradius .migrationContext .cTabsThemeF .cTabsExtra4, .borderradius .migrationContext .cTabsThemeF .cTabsExtra5, .borderradius .migrationContext .cTabsThemeF .cTabsExtra6, .borderradius .migrationContext .cTabsThemeF .cTabsExtra7, .borderradius .migrationContext .cTabsThemeH .cTabsExtra1, .borderradius .migrationContext .cTabsThemeH .cTabsExtra2, .borderradius .migrationContext .cTabsThemeH .cTabsExtra3, .borderradius .migrationContext .cTabsThemeH .cTabsExtra4, .borderradius .migrationContext .cTabsThemeH .cTabsExtra5, .borderradius .migrationContext .cTabsThemeH .cTabsExtra6, .borderradius .migrationContext .cTabsThemeH .cTabsExtra7 {display: none;} .borderradius .migrationContext .cBoxThemeD .cBox .cBoxExtra1, .borderradius .migrationContext .cBoxThemeD .cBox .cBoxExtra2, .borderradius .migrationContext .cBoxThemeD .cBox .cBoxExtra3, .borderradius .migrationContext .cBoxThemeD .cBox .cBoxExtra4, .borderradius .migrationContext .cBoxThemeD .cBox .cBoxExtra5, .borderradius .migrationContext .cBoxThemeD .cBox .cBoxExtra6 {display: block;} /* cBox-css3 */ /* cBoxThemeD */ .borderradius .cBoxThemeD {border: 1px solid #d9d5d6;} .boxshadow .cBoxThemeD { -webkit-box-shadow: inset 0px 0px 0px 1px #fff; -moz-box-shadow: inset 0px 0px 0px 1px #fff; -ms-box-shadow: inset 0px 0px 0px 1px #fff; box-shadow: inset 0px 0px 0px 1px #fff; } /*:: =formSuper a.k.a. filterBar (deprecated) ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .migrationContext .filterBar, .migrationContext .formSuper {padding-bottom: 9px; padding-top: 10px;} .migrationContext .filterBar form, .migrationContext .formSuper form {margin: 0;} .migrationContext .filterBar .frmElmnt, .migrationContext .formSuper .formGroup {padding: 0;margin: 0 10px 0 0;} .migrationContext .formSuper .formGroup {margin-top:4px;} .migrationContext .filterBar .fLabel, .migrationContext .formSuper .formGroup .sectionHeader {width: auto;margin-right: 10px;} .migrationContext .formSuper .formGroup .sectionHeader {float: left; padding-left: 0;} .migrationContext .formSuper .formGroupThemeA .sectionHeader {float: none; padding-left: inherit;} .migrationContext .filterBar .fLabel , .migrationContext .filterBar .fLabel label, .migrationContext .formSuper .formGroup .sectionHeader , .migrationContext .formSuper .formGroup .sectionHeader label {font-weight: bold;font-size: 12px;line-height: 16px;} .migrationContext .formSuper .formGroupThemeC .sectionHeader {float: none; margin-bottom: 5px;} .migrationContext .formSuper .formGroupThemeC .sectionContent {padding-left: 21px;} .migrationContext .formSuper .formGroupThemeC .optionGroup input {left: -21px;} .migrationContext .filterBar .fTxt .fLabel {top: 5px; margin-bottom: 8px;} .migrationContext .formSuper .formSelect .sectionHeader {margin-bottom: 4px;} .migrationContext .filterBar .fTxt input, .migrationContext .formSuper .formText input {padding: 6px 5px 3px;} .migrationContext .filterBar .fSlct, .migrationContext .filterBar .fBtn {position: relative;margin-top: 4px;} .migrationContext .filterBar .frmAlt, .migrationContext .formSuper .formGroupThemeA {margin-bottom: 4px; position: relative;} .migrationContext .filterBar .frmInline select, .migrationContext .formSuper .formGroupThemeB select {margin-top: -1px;} .migrationContext .filterBar .fRadio input, .migrationContext .formSuper .formRadio input {position: relative;top: -1px;} .migrationContext .formSuper .formCheckBox .optionGroup label {font-size: 12px;} .migrationContext .filterBar .hlpLnk, .migrationContext .formSuper .hlpLnk, .migrationContext .formSuper .inputAside {margin-left: 8px;top: 2px;} .migrationContext .formSuper ul.inputAside {margin-bottom: 0; top: 0;} .migrationContext .filterBar .fBtn, .migrationContext .formSuper .formButton {margin-right: 0;} /*.migrationContext .filterBar .buttonize span, .migrationContext .filterBar .buttonize span span, .migrationContext .formSuper .button span, .migrationContext .formSuper .button span span {background-image: url(../../common/all_languages/all_regions/skin/bg_buttonSprite.png);}*/ .migrationContext .filterBar .buttonize, .migrationContext .filterBox .buttonize, .migrationContext .formSuper .button, .migrationContext .hScrollBar .multiColumn .button {position: relative;top: 0;margin-top:-4px;margin-right: 5px;} .migrationContext .formSuper .button, .migrationContext .hScrollBar .multiColumn .button {margin-top:-10px;} .migrationContext .formSuper .buttonThemeB, .migrationContext .hScrollBar .multiColumn .buttonThemeB {margin-top:-4px;} .migrationContext .filterBar .btnDftAct span, .migrationContext .filterBox .btnDftAct span {margin-right: 12px;padding-left: 15px;height: 17px;padding-top: 6px;background-position: left -650px;} .migrationContext .filterBar .btnDftAct span span, .migrationContext .filterBox .btnDftAct span span {margin: 0;padding: 0;height: 23px;background-position: right -650px;width: 15px;right: -15px;} .migrationContext .filterBar .btnAltAct {margin-top: -5px;} .migrationContext .filterBar .btnAltAct span {margin-right: 12px;padding-left: 15px;background-position: left -400px;line-height: 26px;height: 25px;} .migrationContext .filterBar .btnAltAct span span {margin: 0;padding: 0;background-position: right -400px;width: 15px;right: -15px;} .migrationContext .filterBar .btnDeactive span, .migrationContext .filterBar .btnDeactive span span, .migrationContext .formSuper .buttonDisabled span, .migrationContext .formSuper .buttonDisabled span span {background-image: url(../../common/all_languages/all_regions/skin/bg_buttonDeactivSprite.png);} .noJs .migrationContext .filterBar .btnDeactive, .noJs .migrationContext .formSuper .buttonDisabled {background: none #f2f2f2;border: 1px solid #ddd;color: #fff;} .migrationContext .cBox .filterBar .shell {margin-bottom: 20px;padding: 10px 21px 9px; border: 1px solid #d6d6d6;background: #ebebeb url(../../common/all_languages/all_regions/skin/bg_gradRibbon.gif) repeat-x left -1px;} .migrationContext .shellThemeB, .migrationContext .cBox .shellThemeB {border: 1px solid #d6d6d6; background: #ebebeb url(../../common/all_languages/all_regions/skin/bg_gradRibbon.gif) repeat-x left -1px;} .migrationContext .cBox .filterBar .shell .shellExtra1, .migrationContext .cBox .filterBar .shell .shellExtra2, .migrationContext .cBox .filterBar .shell .shellExtra3, .migrationContext .cBox .filterBar .shell .shellExtra4, .migrationContext .shellThemeB .shellExtra1, .migrationContext .shellThemeB .shellExtra2, .migrationContext .shellThemeB .shellExtra3, .migrationContext .shellThemeB .shellExtra4, .migrationContext .shellThemeC .shellExtra1, .migrationContext .shellThemeC .shellExtra2, .migrationContext .shellThemeC .shellExtra3, .migrationContext .shellThemeC .shellExtra4, .migrationContext .shell .shellThemeC .shellExtra1, .migrationContext .shell .shellThemeC .shellExtra2, .migrationContext .shell .shellThemeC .shellExtra3, .migrationContext .shell .shellThemeC .shellExtra4, .migrationContext .lbContent .hAccordion .hAccordionExtra1, .migrationContext .lbContent .hAccordion .hAccordionExtra2, .migrationContext .lbContent .hAccordion .hAccordionExtra3, .migrationContext .lbContent .hAccordion .hAccordionExtra4 {background-image: url(../../common/all_languages/all_regions/skin/bg_filterBarExtra.png);} /* result of filtering updates - no grid layout inside! */ .migrationContext .cBox .filterBar .filterResults {background: none #fff;padding-top: 24px;padding-bottom: 24px;} .migrationContext .cBox .filterBar .filterResults .itemGroup, .migrationContext .shell .filterResults .itemGroup {margin-bottom: 0;} .migrationContext .cBox .filterBar .filterResults .itemInfo, .migrationContext .shell .filterResults .itemGroup .sectionContent {margin-bottom: 0;} .migrationContext .cBox .filterBar .filterResults .itemPict, .migrationContext .shell .filterResults .itemFigure {width: 279px;margin-bottom: 0;} .migrationContext .shellThemeC {border: 1px solid #ccc !important;} .migrationContext .shellThemeC.filterResults {padding-bottom: 24px; padding-top: 24px; margin-bottom: 51px;} /* filterBox (deprecated) */ .migrationContext .filterBox, .hScrollBar .multiColumn {background: #f5f5f5;} .migrationContext .hScrollBar .multiColumn {border-bottom: 1px solid #DDDDDD;} .migrationContext .hScrollBar .fWidget .multiColumn {border-bottom: 0;} .migrationContext .filterBox .lining, .migrationContext .hScrollBar .multiColumn .padder {padding-top: 15px;} .migrationContext .filterBox .frmAlt, .migrationContext .hScrollBar .multiColumn .frmAlt, .migrationContext .hScrollBar .multiColumn .formGroupThemeA {margin-bottom: 10px;} .migrationContext .filterBox .mGrid5 .lining, .migrationContext .hScrollBar .multiColumn .mGrid5 .lining, .migrationContext .hScrollBar .multiColumn .mGrid5 .padder {overflow: hidden;padding-bottom: 0;} .migrationContext .filterBox select, .migrationContext .hScrollBar .multiColumn select {min-width: 135px;} .migrationContext .filterBox .fLabel label, .migrationContext .filterBox .fLabel, .migrationContext .hScrollBar .multiColumn .formGroup .sectionHeader label, .migrationContext .hScrollBar .multiColumn .formGroup .sectionHeader {font-weight: bold;font-size: 12px;} .migrationContext .filterBox .hSepar, .migrationContext .filterBox .hSeparator, .migrationContext .hScrollBar .multiColumn .hSeparator {margin-top: 13px;margin-bottom: 14px;} .migrationContext .filterBox .buttonize, .migrationContext .hScrollBar .multiColumn .button {margin-bottom: 15px;} /* per-context overwrites */ .migrationContext .infoGroup .multiColumn .column .shell .formGroup .sectionContent {float: none; width: auto;} /*:: =hUnit ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .migrationContext .hUnit {border-bottom: 1px solid #E2E2E2;padding-bottom: 20px;margin-bottom: 20px;} .migrationContext .hUnitLast {margin-bottom: 0;border: 0 none;} .migrationContext .hUnit .itemGroup {position: relative;} .migrationContext .hUnit .itemPict, .migrationContext .hUnit .itemFigure {margin-bottom: 0;} .migrationContext.hUnit .itemInfo, .migrationContext .hUnit .itemGroup .sectionContent {margin-right: 45%;} .migrationContext .hUnit .pricingInfo {position: absolute;right: 0;top: 5px;margin-right: 13em;} .migrationContext .hUnit .pricingInfo strong span.superscript {top: 4px;} .migrationContext .hUnit .itemAction, .migrationContext .hUnit .sectionAside {position: absolute;right: 0;top: 0;} .migrationContext .hUnit .itemAction ul, .migrationContext .hUnit .sectionAside ul {width: 285px;} .migrationContext .hUnit .itemAction select, .migrationContext .hUnit .sectionAside select {float: left;margin: 9px 10px 0 0;} /*.migrationContext .hUnit .itemAction .buttonize, .migrationContext .hUnit .sectionAside .button {margin-right: 0;}*/ /*:: =Pricing Info ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .migrationContext .pricingInfo {position: relative; overflow:hidden;} .migrationContext .pricingInfo p {float: left;max-width: 260px;} .migrationContext .pricingInfo p select {margin-left: 5px;position: relative;top: 6px;} .migrationContext .pricingInfo .pricingOption {border-right: 1px solid #ddd;padding-right: 13px; margin-right: 13px;font-size: 11px;} .migrationContext .pricingInfo .pricingOption .priceTag, .migrationContext .pricingInfo .pricingOption .number {padding-bottom: 2px;} .migrationContext .pricingInfo .last {border: 0 none;margin-right: 0;} .migrationContext .pricingInfo span.priceLabel {display: block;font-size: 11px;line-height: 13px;margin-bottom: 3px;margin-top: 2px;} .migrationContext .pricingInfo strong, .migrationContext .rate {display: block;font-size: 32px;line-height: 34px;font-weight: normal;} .migrationContext .pricingInfo strong span.superscript, .migrationContext .rate span.superscript {font-size: 50%;line-height: 85%;top: 0.25em;left: 0;text-transform: lowercase;} .migrationContext .pricingInfo em {display: block;font-style: normal;margin-bottom: 5px;} .migrationContext .pricingInfo em a {display: block;} /*Drop the link on second line*/ /* shell-css3 */ /* Note: shellThemeC is obsolete. Use default "shell". */ .borderradius .migrationContext .shell, .borderradius .migrationContext .topNavigation ul li.option, .borderradius .migrationContext .topNavigation ul li.option:last-child {-webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; border: 1px solid #ccc;} .borderradius .migrationContext .infoGroup .shellExtra1, .borderradius .migrationContext .infoGroup .shellExtra2, .borderradius .migrationContext .infoGroup .shellExtra3, .borderradius .migrationContext .infoGroup .shellExtra4 {display: block;} .borderradius .migrationContext .shellThemeA, .borderradius .shellThemeF {border-color: #f2f2f2;} .borderradius .migrationContext .shellThemeE {border-color: #DAE8F1;} .borderradius .migrationContext .shellThemeG {border: 0;} .cssgradients .migrationContext .shellThemeB { border-color: #d6d6d6; background-color: #f2f2f2; background-position: 0 0; background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ebebeb)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #ebebeb); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #ebebeb); /* FF3.6 */ background-image: -ms-linear-gradient(top, #ffffff, #ebebeb); /* IE10 */ background-image: linear-gradient(top bottom, #ffffff, #ebebeb); /* <- this needs to be validated */ } .cssgradients .migrationContext .shellThemeD { border-color: #d6d6d6; border-bottom-color: #a9a9a9; background-color: #f2f2f2; background-position: 0 0; background-image: -webkit-gradient(linear, center 30%, center bottom, from(#ffffff), to(#ebebeb)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(center 30%, #ffffff, #ebebeb); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(center 30%, #ffffff, #ebebeb); /* FF3.6 */ background-image: -ms-linear-gradient(center 30%, #ffffff, #ebebeb); /* IE10 */ background-image: linear-gradient(top bottom, #ffffff, #ebebeb); /* <- this needs to be validated */ } /*:: =User Message ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .migrationContext .userMsg, .migrationContext .message {overflow: visible;position: relative;padding-left: 21px;clear: both;} .migrationContext .itemGroup .sectionContent .message {clear: right;} /* TODO: validate on IE */ .migrationContext a.message, .migrationContext span.message {display:inline-block; min-height:15px;} .migrationContext span.message, .migrationContext .txtRep .message {font-size: 16px;} .migrationContext .dataList .sectionContent span.message {font-size: 1em;} .migrationContext .priceTag .message {float: right;margin-left: 5px;margin-top: -1px;} .migrationContext .cFoot .userMsg, .migrationContext .cFooter .message {margin-top: 4px;margin-bottom: 1px;} .migrationContext .shellThemeA p.message {margin-bottom: 1.6em;} .migrationContext .userMsg h3, .migrationContext .userMsg h2, .migrationContext .cFoot .userMsg p, .migrationContext .cFooter .message p {margin-bottom: 0;} .migrationContext .userMsg h3, .migrationContext .userMsg h2, .migrationContext .message h3, .migrationContext .message h2 {line-height: 16px;} .migrationContext .userMsg .buttonize, .migrationContext .userMsg .button, .migrationContext .message .buttonize, .migrationContext .message .button {position: absolute;right: 0;top: -2px;margin: 0;} .migrationContext .umStandard, .migrationContext .messageThemeA {background: none;padding-left: 0;} .migrationContext .umVerified, .migrationContext .umConfirm, .migrationContext .messageThemeB {background: transparent url(../../common/all_languages/all_regions/skin/bl_check.gif) left 1px no-repeat;} .migrationContext .umUnverified, .migrationContext .umError, .migrationContext .messageThemeC {background: transparent url(../../common/all_languages/all_regions/skin/bl_error.gif) left 1px no-repeat;} .migrationContext .umWarning, .migrationContext .messageThemeD {background: transparent url(../../common/all_languages/all_regions/skin/bl_warning.gif) left 1px no-repeat;} .migrationContext .messageThemeE {background: transparent url(../../common/all_languages/all_regions/skin/bl_info.gif) left 1px no-repeat;} .migrationContext .messageThemeF {background: transparent url(../../common/all_languages/all_regions/skin/bl_plus.gif) left 0 no-repeat;} .migrationContext .messageThemeG {background: transparent url(../../common/all_languages/all_regions/skin/bl_checked.gif) left 0 no-repeat; padding-left: 32px; padding-top: 5px;} /*:: =thumbnail ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .migrationContext .thumbnail {position: relative; display: inline-block; width: auto;} .migrationContext .thumbnailImage, .migrationContext .thumbnailPlay .thumbnailImage , .migrationContext .thumbnailThemeA .thumbnailImage {position: absolute; display: block; width: 42px; height: 42px; top: 50%; left: 50%; margin-top: -21px; margin-left: -21px; background: transparent url(../../common/all_languages/all_regions/skin/bg_thumbnail.png) no-repeat left top;} .migrationContext .thumbnailMagnifyingGlass .thumbnailImage, .migrationContext .thumbnailThemeB .thumbnailImage {background-position: left -42px; display: block; top: auto; bottom: -10px; right: -30px; left: auto;} .migrationContext .thumbnail:hover .thumbnailImage {cursor: pointer; display: block;} /* per-context */ .migrationContext .center .thumbnail {margin-bottom: 0;} /*:: =ToolTip ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* toolTipAction a.k.a ttTrigger (deprecated)*/ .migrationContext .ttTrigger, .migrationContext .toolTipAction {text-indent: -999em;display: inline-block;width: 14px;height: 14px;background: url(../../common/all_languages/all_regions/skin/bg_iconSprite.gif) no-repeat 0 -240px transparent;position: relative; margin-left: 3px; top: -2px; vertical-align: middle;} .migrationContext .sTitle .ttTrigger, .migrationContext .headingThemeA .toolTipAction {position: absolute;float: right;top: 5px;right: 0;display: block;background-repeat: no-repeat;} .migrationContext .headingType4 .toolTipAction {top: 1px;} .noJs .migrationContext .ttTrigger, .noJs .migrationContext .toolTipAction {display: none;} .noJs .migrationContext .ttContent, .noJs .migrationContext .toolTipContent {display: block;margin-bottom: 12px;} .migrationContext .toolTip {z-index: 3;top: 60px;left: -100px;position: absolute;min-width: 100px;display: block;background-color: transparent;} .migrationContext .toolTip .lining, .migrationContext .toolTip .padder {background: #fff;} .migrationContext .toolTip dl,.toolTip dd {margin-bottom: 0;} .migrationContext .toolTip dt {float: none;display: block;} .migrationContext .toolTip p {margin-bottom: 0;padding-bottom: .5em;} .migrationContext .toolTip .accent {font-weight: bold;display: block;margin-bottom: 10px;} .migrationContext .toolTipBordRight,.migrationContext .toolTipBordLeft {background: url(../../common/all_languages/all_regions/skin/toolTips/bg_toolTipSideExtra.png) repeat-y transparent;} .migrationContext .toolTipBordRight {background-position: left top;padding-left: 11px;} .migrationContext .toolTipBordLeft {background-position: right top;padding: 0;padding-right: 11px;} .migrationContext .toolTipTopRight,.migrationContext .toolTipBottomRight {position: absolute;width: 100%;left: 0;background: url(../../common/all_languages/all_regions/skin/toolTips/bg_toolTipBoxRight.png) no-repeat transparent;} .migrationContext .toolTipTopRight {top: -17px;height: 17px;background-position: right top;} .migrationContext .toolTipBottomRight {bottom: -21px;height: 21px;background-position: right bottom;} .migrationContext .toolTipTopLeft,.migrationContext .toolTipBottomLeft {position: relative;left: 0;margin-right: 37px;background: url(../../common/all_languages/all_regions/skin/toolTips/bg_toolTipBoxLeft.png) no-repeat transparent;} .migrationContext .toolTipTopLeft {top: 0;height: 17px;background-position: left top;} .migrationContext .toolTipBottomLeft {bottom: 0;height: 21px;background-position: left bottom;} .migrationContext .toolTipArrow, .migrationContext .flyOutArrow {position: absolute;bottom: -37px;left: 30px;width: 46px;height: 29px;background: transparent url(../../common/all_languages/all_regions/skin/toolTips/bg_toolTipArrowSprite.png) no-repeat right top;} /* default pointing down */ .migrationContext .arrowUp, .migrationContext .toolTipArrowThemeA, .migrationContext .flyOutArrowThemeA {background-position: left top;top: -36px;} .migrationContext .arrowRight, .migrationContext .arrowLeft, .migrationContext .toolTipArrowThemeB, .migrationContext .toolTipArrowThemeC, .migrationContext .flyOutArrowThemeB, .migrationContext .flyOutArrowThemeC {width: 29px;height: 46px;top: 5px;} .migrationContext .arrowLeft, .migrationContext .toolTipArrowThemeB, .migrationContext .flyOutArrowThemeB {background-position: left bottom;left: -18px;} .migrationContext .arrowRight, .migrationContext .toolTipArrowThemeC, .migrationContext .flyOutArrowThemeC {background-position: right bottom;right: -17px;left: auto;} .contextTouch .migrationContext .toolTip .lining, .contextTouch .migrationContext .toolTip .padder {padding-top: 2.4em;} .contextTouch .migrationContext .toolTip .bt_remove, .contextTouch .migrationContext .toolTip .actionRemove {float: right;padding: 1px 18px 0 0;line-height:14px;background-position: right -120px;position:absolute;top:7px;right:14px;} /* toolTipThemeA */ .migrationContext .toolTipActionThemeA {background-position:0 -400px;} .migrationContext .toolTipThemeA .lining, .migrationContext .toolTipThemeA .padder {color:#FFF;background:#af1a1a url(../../common/all_languages/all_regions/skin/toolTips/bg_toolTipThemeA.gif) repeat-x;} .migrationContext .toolTipThemeA .toolTipBordRight, .migrationContext .toolTipThemeA .toolTipBordLeft {background-image:url(../../common/all_languages/all_regions/skin/toolTips/bg_toolTipThemeASideExtra.png);} .migrationContext .toolTipThemeA .toolTipTopRight, .migrationContext .toolTipThemeA .toolTipBottomRight {background-image: url(../../common/all_languages/all_regions/skin/toolTips/bg_toolTipThemeABoxRight.png);} .migrationContext .toolTipThemeA .toolTipTopLeft, .migrationContext .toolTipThemeA .toolTipBottomLeft {background-image: url(../../common/all_languages/all_regions/skin/toolTips/bg_toolTipThemeABoxLeft.png);} .migrationContext .toolTipThemeA .toolTipArrow {background-image: url(../../common/all_languages/all_regions/skin/toolTips/bg_toolTipThemeAArrowSprite.png);} /* toolTipThemeC */ .migrationContext .toolTipThemeC .toolTipBordRight, .migrationContext .toolTipThemeC .toolTipBordLeft {background-image:url(../../common/all_languages/all_regions/skin/toolTips/bg_toolTipThemeCSideExtra.png);} .migrationContext .toolTipThemeC .toolTipBordRight {padding-left: 13px; margin-left: -1px;} .migrationContext .toolTipThemeC .toolTipBordLeft {padding-right: 13px; margin-right: -1px;} .migrationContext .toolTipThemeC .toolTipTopRight, .migrationContext .toolTipThemeC .toolTipBottomRight {background-image: url(../../common/all_languages/all_regions/skin/toolTips/bg_toolTipThemeCBoxRight.png);} .migrationContext .toolTipThemeC .toolTipTopLeft, .migrationContext .toolTipThemeC .toolTipBottomLeft {background-image: url(../../common/all_languages/all_regions/skin/toolTips/bg_toolTipThemeCBoxLeft.png);} .migrationContext .toolTipThemeC .toolTipArrow {background-image: url(../../common/all_languages/all_regions/skin/toolTips/bg_toolTipThemeCArrowSprite.png); bottom: -29px;} .migrationContext .toolTipThemeC .arrowUp, .migrationContext .toolTipThemeC .toolTipArrowThemeA {top: -29px;} .migrationContext .toolTipThemeC .arrowLeft, .migrationContext .toolTipThemeC .toolTipArrowThemeB {left: -12px;} .migrationContext .toolTipThemeC .arrowRight, .migrationContext .toolTipThemeC .toolTipArrowThemeC {right: -11px;} /* per-context */ .migrationContext .navTilesContent .toolTip {position: relative; left: auto; top: auto; min-width: 0;} .migrationContext .brief .toolTipAction{ z-index:3;} /* toolTipActionThemeB */ .migrationContext .toolTipActionThemeB {background-position: left -960px;} .borderradius .migrationContext .toolTip { -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } /*:: =navTiles ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .migrationContext .navTiles {float: left; margin-top: 5px; margin-bottom: 15px;} .migrationContext .navTiles li {float: left; background: none; padding: 0; margin-right: 13px;} .migrationContext .navTiles li a {display: block; width: 55px; height: 60px; padding-left: 21px; padding-top: 32px; padding-right: 108px; font-size: 1.166em; color: #212121; background: #eee url(../../common/all_languages/all_regions/skin/bg_navTiles.jpg) no-repeat 184px 0; -webkit-border-radius: 6px; border-radius: 6px } /* tiles contexters */ .migrationContext .navTiles .active a {color: #fff;} .migrationContext .navTiles a.mobility {background-position: 0 0; margin-right: 1px;} .migrationContext .navTiles .active a.mobility {background-position: 0 -92px;} .migrationContext .navTiles a.internet {background-position: -184px 0; margin-right: 1px;} .migrationContext .navTiles .active a.internet {background-position: -184px -92px;} .migrationContext .navTiles a.television {background-position: -368px 0; margin-right: 1px;} .migrationContext .navTiles .active a.television {background-position: -368px -92px;} .migrationContext .navTiles a.homephone {background-position: -552px 0; width: 95px; padding-right: 68px;} .migrationContext .navTiles a.billing {background-position: -736px 0;} .migrationContext .navTiles .last {margin-right: 0;} /* per-elements overwrites/fixes - some css need to be re-set here. */ .migrationContext .navTilesContent .toolTipThemeC {margin: 15px -11px 32px;} .migrationContext .navTilesContent .toolTipThemeC p {padding-bottom: 0;} .migrationContext .navTilesContent .toolTipThemeC .headingThemeA {padding: 0 0 6px; margin-bottom: 20px;} .migrationContext .navTilesContent .padder {background-color: #f2f2f2; padding: 15px 21px; min-height: 28px;} .migrationContext .navTilesContent p span.fontFace {display: block; margin-bottom: 5px;} .migrationContext .navTilesContent .options .close {right: 19px; top: 7px; outline: none;} .migrationContext .navTilesContent .formGroup .sectionContent {width: auto; float: none;} /* per-context arrow positionning (see toolTipThemeC for content markup) */ .migrationContext .mobility .toolTipArrowThemeA, .migrationContext .mobility .arrowUp, .migrationContext .navTilesContent .toolTipArrow {left: 60px; margin: 0;} .migrationContext .television .toolTipArrowThemeA, .migrationContext .television .arrowUp {left: 454px;} .migrationContext .internet .toolTipArrowThemeA, .migrationContext .internet .arrowUp {left: 258px;} .migrationContext .homephone .toolTipArrowThemeA, .migrationContext .homephone .arrowUp {left: 648px;} .migrationContext .billing .toolTipArrowThemeA, .migrationContext .billing .arrowUp {left: 848px;} /*:: =icon ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .migrationContext .icon, .migrationContext .cTabs li a .icon, .migrationContext .cTabs li.active a .icon, .migrationContext .cTabs li.visited a .icon, .migrationContext .button span .icon, .migrationContext .buttonToggle .button span .icon {position: relative; display: inline-block; vertical-align: middle; text-indent: -999em;background:transparent url(../../common/all_languages/all_regions/skin/myBell/icons.png) no-repeat -30px 0px; overflow:hidden;} .migrationContext .itemGroupThemeB .itemFigureThemeD .icon {margin: 0 auto;} .migrationContext .inputAside .icon {top: -7px; margin: 0 0 0 5px; float: none;} .migrationContext .formGroup .sectionAside .icon {margin-left: 10px;margin-right: 0;text-indent: -999em;width: 40px;} /* themes */ .migrationContext .iconMobile, .migrationContext .iconThemeA {background-position:0 0; height:30px;width:30px;} .migrationContext .iconDocument, .migrationContext .iconThemeB {background-position:-30px 0; height:30px;width:30px;} .migrationContext .iconPerson, .migrationContext .iconThemeC {background-position: -60px 0; height:30px;width:30px;} .migrationContext .iconVisa, .migrationContext .iconThemeD {background-position: left -75px; width: 42px; height: 28px;} .active .iconVisa, .active .iconThemeD {background-position: left -75px;} .migrationContext .iconMastercard,.migrationContext .iconThemeE {background-position: left -105px; width: 42px; height: 28px;} .active .iconMastercard, .active .iconThemeE {background-position: left -105px;} .migrationContext .iconAmex, .migrationContext .iconThemeF {background-position: left -135px; width: 42px; height: 28px;} .active .iconAmex, .active .iconThemeF {background-position: left -135px;} .migrationContext .iconAnchor, .migrationContext .iconThemeG {background-position: left -193px; width: 72px; height: 72px;} .migrationContext .iconTrash, .migrationContext .iconThemeH {background-position: -128px -193px; width: 72px; height: 72px;} .migrationContext .iconBubbleText, .migrationContext .iconThemeI {background-position: -180px -2px; height: 17px; margin-right: 3px; top: 0px; width: 20px;} .migrationContext .iconPrinter, .migrationContext .iconThemeJ {background-position: -143px -2px; width: 15px; height: 14px; margin-right: 5px; top: -1px;} .migrationContext .iconFile, .migrationContext .iconThemeK {background-position: -164px -2px; height: 14px; margin-right: 5px; top: -1px; width: 11px;} .migrationContext .iconUnlink, .migrationContext .iconThemeL {background-position: -123px -2px; height: 15px; margin-right: 5px; top: -1px; width: 14px;} .migrationContext .iconLink, .migrationContext .iconThemeM {background-position: -103px -2px; height: 14px; margin-right: 5px; top: -2px; width: 14px;} .migrationContext .iconCsv, .migrationContext .iconThemeN {background-position: -203px -2px; height: 16px; margin-right: 5px; top: -1px; width: 16px;} .migrationContext .iconMagnifyingGlass, .migrationContext .iconThemeO {background-position: -224px -2px; height: 12px; margin-right: 5px; top: -1px; width: 12px;} .migrationContext .iconAsterisk, .migrationContext .iconThemeP {background-position: -224px -75px; height: 13px; margin-right: 5px; top: -1px; width: 13px;} .migrationContext .iconCheck, .migrationContext .iconThemeQ {background-position: -224px -89px; height: 13px; margin-right: 5px; top: -1px; width: 13px;} .migrationContext .iconXRed, .migrationContext .iconThemeR {background-position: -224px -103px; height: 13px; margin-right: 5px; top: -1px; width: 13px;} .migrationContext .iconCheckGreen, .migrationContext .iconThemeS {background-position: -224px -117px; height: 13px; margin-right: 5px; top: -1px; width: 13px;} .migrationContext .iconCheckBlueCircle, .migrationContext .iconPickPay, .migrationContext .iconThemeT {background-position: -223px -131px; height: 15px; margin-right: 4px; top: -1px; width: 15px;} .migrationContext .iconClock, .migrationContext .iconTimeShifting, .migrationContext .iconThemeU {background-position: -223px -147px; height: 15px; margin-right: 4px; top: -1px; width: 15px;} /*.iconArrowDoubleRight, .iconThemeV, .cTabs li a .iconArrowDoubleRight, .cTabs li a .iconThemeV {margin-top:-1px; background-position: -228px -181px;} .iconArrowDoubleLeft, .iconThemeW, .cTabs li a .iconArrowDoubleLeft, .cTabs li a .iconThemeW, .cTabsThemeG li .toggleOpen .iconThemeV, .cTabsThemeG li .toggleOpen .iconArrowDoubleRight {background-position: -228px -166px;} .iconArrowDoubleRight, .iconThemeV, .cTabs li a .iconArrowDoubleRight, .cTabs li a .iconThemeV, .iconArrowDoubleLeft, .iconThemeW, .cTabs li a .iconArrowDoubleLeft, .cTabs li a .iconThemeW { height:9px; width:9px; margin-right:4px; }*/ /*.iconCheckBlack, .iconThemeY, .visited .iconCheckmark, .visited .iconThemeZ {background-position: -228px -214px !important;} .iconCheckmark, .iconThemeZ, .iconCheckWhite, .iconThemeX, .active .iconCheckmark, .active .iconThemeZ {background-position: -228px -196px !important;} .iconCheckmark, .iconThemeZ, .cTabs li a .iconCheckmark, .cTabs li a .iconThemeZ, .iconCheckWhite, .iconThemeX, .cTabs li a .iconCheckWhite, .cTabs li a .iconThemeX, .iconCheckBlack, .iconThemeY, .cTabs li a .iconCheckBlack, .cTabs li a .iconThemeY { height:11px; width:10px; margin-right:4px; } .iconDownload, .iconThemeAA {height:15px; width:16px; background-position: -104px -28px; margin-right: 5px;}*/ /*Arrow Down (Black and White) .iconArrowDown, .iconThemeGG, .button span .iconArrowDown, .button span .iconTHemeGG, .iconArrowDownWhite, .iconThemeHH, .button span .iconArrowDownWhite, .button span .iconTHemeHH {height:11px; width:10px;} .button span .iconArrowDown, .button span .iconTHemeGG, .button span .iconArrowDownWhite, .button span .icon{right:0px;} .iconArrowDown, .iconThemeGG, .button span .iconArrowDown, .button span .iconTHemeGG {background-position: -227px -231px;} .iconArrowDownWhite, .iconThemeHH, .button span .iconArrowDownWhite, .button span .iconTHemeHH, .open span .iconThemeGG, .open span .iconArrowDown, .open .buttonToggle span .iconThemeGG, .open .buttonToggle span .iconArrowDown {background-position: -227px -245px; } */ /*File Icons .iconThemeBB, .iconFormatPDF, .iconThemeCC, .iconFormatCSV, .iconThemeDD,.iconFormatExcel, .iconThemeEE, .iconFormatDoc {height:16px; width:16px; margin-left:5px;} .iconFormatPDF, .iconThemeBB {background-position: -201px -28px;} .disabled .iconFormatPDF, .disabled .iconThemeBB {background-position: -201px -54px;} .iconFormatCSV, .iconThemeCC {background-position: -222px -28px;} .disabled .iconFormatCSV, .disabled .iconThemeCC {background-position: -222px -54px;} .iconThemeDD, .iconFormatExcel { background-position: -157px -28px; } .iconThemeEE, .iconFormatDoc { background-position: -178px -28px; } .iconThemeFF, .iconMoreLink { background: url(../../common/all_languages/all_regions/skin/bg_iconSprite.gif) right -159px; width: 14px;height: 14px;}*/ /* text-indent off .iconBubbleText, .iconThemeI, .iconPrinter, .iconThemeJ, .iconFile, .iconThemeK, .iconUnlink, .iconThemeL, .iconLink, .iconThemeM, .iconCsv, .iconThemeN, .iconMagnifyingGlass, .iconThemeO, .iconAsterisk, .iconThemeP, .iconCheck, .iconThemeQ, .iconXRed, .iconThemeR, .iconCheckGreen, .iconThemeS, .iconCheckBlueCircle, .iconPickPay, .iconThemeT, .iconClock, .iconTimeShifting, .iconThemeU , .iconDownload, .iconThemeAA, .iconFormatPDF, .iconThemeBB, .iconFormatCSV, .iconThemeCC, .iconThemeDD, .iconThemeEE, .iconThemeFF {text-indent: 0;}*/ /* Icon .iconMeter1, .iconMeter2, .iconMeter3, .iconMeter4, .iconMeter5, .iconMeter6, .iconSpeed1, .iconSpeed2, .iconSpeed5, .iconSpeed6, .iconSpeed7, .iconSpeed10, .iconSpeed15, .iconSpeed16, .iconSpeed25, .iconSpeed50, .iconSpeed75, .iconSpeed80, .iconSpeed100, .iconSpeed120, .iconSpeed175, .iconSpeed800, .iconSlice1, .iconSlice2, .iconSlice3, .iconSlice4, .iconSlice5, .iconSlice6, .iconBandwidth15, .iconBandwidth20, .iconBandwidth60, .iconBandwidth65, .iconBandwidth75, .iconBandwidth100, .iconBandwidth125, .iconBandwidth175, .iconBandwidth250, .iconBandwidth275, .iconBandwidth300, span.iconMeter1, span.iconMeter2, span.iconMeter3, span.iconMeter4, span.iconMeter5, span.iconSpeed1, span.iconSpeed2, span.iconSpeed5, span.iconSpeed6, span.iconSpeed7, span.iconSpeed10, span.iconSpeed15, span.iconSpeed16, span.iconSpeed25, span.iconSpeed50, span.iconSpeed75, span.iconSpeed80, span.iconSpeed100, span.iconSpeed120, span.iconSpeed175, span.iconBandwidth15, span.iconBandwidth20, span.iconBandwidth60, span.iconBandwidth65, span.iconBandwidth75, span.iconBandwidth100, span.iconBandwidth125, span.iconBandwidth175, span.iconBandwidth250, span.iconBandwidth275, span.iconBandwidth300, span.iconSlice1, span.iconSlice2, span.iconSlice3, span.iconSlice4, span.iconSlice5 {display: block; text-align: center; width: 39px; height: 45px; background-image: url(../../common/all_languages/all_regions/skin/bg_usageStats.jpg);} .iconMeter1, .iconSpeed1, .iconSpeed2, .iconSpeed5, .iconSpeed6, .iconSpeed7, .iconSpeed800 {background-position: 0 0;} .iconMeter2, .iconSpeed10, .iconSpeed15, .iconSpeed16 {background-position: -40px 0;} .iconMeter3, .iconSpeed25 {background-position: -80px 0;} .iconMeter4, .iconSpeed50 {background-position: -120px 0;} .iconMeter5, .iconSpeed75, .iconSpeed80, .iconSpeed100, .iconSpeed120 {background-position: -160px 0;} .iconMeter6, .iconSpeed175 {background-position:-201px 0;} .iconSlice1, .iconBandwidth15, .iconBandwidth20 {background-position: 0 -45px;} .iconSlice2, .iconBandwidth60, .iconBandwidth65, .iconBandwidth75 {background-position: -40px -45px;} .iconSlice3, .iconBandwidth100, .iconBandwidth125 {background-position: -80px -45px;} .iconSlice4, .iconBandwidth175 {background-position: -120px -45px;} .iconSlice5, .iconBandwidth250, .iconBandwidth275 {background-position: -160px -45px;} .iconSlice6, .iconBandwidth300 {background-position: -201px -45px;}*/ /* per context .cTabsThemeH li a .icon, .cTabsThemeH li.active a .icon, .cTabsThemeH li.visited a .icon {position:absolute; top:10px; left:10px;} .cTabsThemeH li a .icon{background-image:none;}*/ /* Lightboxes */ .lbLining, .lightBoxPadder {padding: 21px 0;} /* Migration-GC Fixes */ .migrationContext #content, .migrationContext .content, .migrationContext .boxNavigationExtra3 {background-color: #f2f2f2;} /* <- to match secNav's bg-color */ .navTilesContent .toolTip .headingThemeA { border: 0; } .navTilesContent .toolTip ol { border-top: 1px solid #ccc; list-style-position: inside; margin: 20px 0; } .navTilesContent .toolTip ol li { border-bottom: 1px solid #ccc; margin: 0; padding: 15px 15px 15px 20px; } .navTilesContent .toolTip ol a { padding-left: 8px; } .navTilesContent .toolTip ol li:hover { background: #e2eff7; }