@import "bell_master.css";

/*!:: BELL CANADA v1.2725

Development Team: Son Pham, Michel Pen, Philippe Prevost
Contributors: -- 
www.bell.ca/enterprise/EntPrd_Web_Landing.page

This file is part of Bell.ca style library. It require bell_master.css to be 
imported properly, as it provide basic styles and some crucial structure and
interaction elements. Please consider both files as a whole.

::*/

/*:: =Master Overwrites ::::::::::::::::::::::::::::::::: */
em {color: #555;}
	em small {font-size: 12px;}
p em, em strong {color: #212121;}
	p.last {margin-bottom: 0;}
dl {margin-bottom: 21px;}
	dt {font-weight: bold;}
	dd {font-weight: normal; margin-bottom: 5px;}
.logo {height:37px;width:61px;background:transparent url(../common/all_languages/all_regions/skin/myBell/logoBell.gif) left top no-repeat;}
.processAction .first {float: left;} .processAction .last {float: right;}

/* Forms */
label, .fLabel, .formGroup .sectionHeader {color: #212121;}
.formSuper .formGroupThemeA .sectionHeader {margin-bottom: 4px;}
.formSuper .formSelect .sectionContent label {position: relative; font-size: 1em; margin-right: 5px; top: 2px; float: left;}
.formGroup .sectionHeader em {display: block; font-size: 0.916em; line-height: 1.5em;}
.formGroupThemeA .sectionHeader, .formGroupThemeA .sectionContent {float: none;}
	.formGroup .sectionContent .sectionHeader label {font-size: 12px;}
.pgTitleOptions .formGroup {margin-bottom: 0;}
.formCollection .formGroupThemeB {margin-left: 0;}
.lbInnerWrap .shell .formGroup {margin-bottom: 0.5em;}
.formCheckBox .sectionContent label, .formGroupThemeC .sectionContent label{font-size: 14px;}

/* Tooltips */
.toolTip .lining, .toolTip .padder {padding: 8px 21px;}
.toolTip {background-position:0 -400px;}
	.toolTip .lining, .toolTip .padder {color:#555;background: #fff url(../common/all_languages/all_regions/skin/toolTips/bg_toolTipThemeB.gif) repeat-x left bottom;}
	.toolTip .toolTipTopRight, .toolTip .toolTipBottomRight {background-image: url(../common/all_languages/all_regions/skin/toolTips/bg_toolTipThemeBBoxRight.png);}
	.toolTip .toolTipTopLeft, .toolTip .toolTipBottomLeft {background-image:url(../common/all_languages/all_regions/skin/toolTips/bg_toolTipThemeBBoxLeft.png)}
	.toolTip .toolTipArrow {background-image: url(../common/all_languages/all_regions/skin/toolTips/bg_toolTipThemeBArrowSprite.png);}
		.toolTip .arrowRight, .toolTip .arrowLeft, .toolTip .arrowTop {background-image: url(../common/all_languages/all_regions/skin/toolTips/bg_toolTipArrowSprite.png);}
	.toolTip .message p.headingType4 {padding-bottom: 0;}

/* Misc. */ 
.headingThemeB, .headingThemeC {color: #0066A4;}
.headingThemeC {border-color: #ddd;}
	.headingThemeC em {display: block; font-size: 12px;}
.toggle:visited {color: #0066A4;}
.itemGroup .sectionContent .hSeparator {clear: none;}
.multiColumn .shell {margin-bottom: 12px;}
.cBoxThemeA .shell {margin-top:0;}
.actionLink {color: #0066A4 !important;}
	.actionLink:hover {text-decoration: underline;}
.toolTipAction, .actionSort {outline: none;}
.message p {margin-bottom: 8px;} .message p.headingType4 {margin-bottom: 0.285em; line-height: 16px;}
.shell div.message {padding-bottom: 8px;}
.cBoxThemeA .cFooter {top:0;}
.cBox .cFooterThemeC {padding-top: 14px;}
.pgTitleOptions .pipeSpacer a:visited {color:#0066A4;}
.dataListThemeD {background-color: #fff;}
.itemFigure {margin-bottom: 0;} .sBuilder .itemFigure, .contextBuilder .itemFigure {margin-bottom: 20px;}
.pricingInfo p {padding-right:0; padding-left: 21px;}

.dataListThemeD li {padding-right: 0; width: 100%; background-position: 77% 0;}
	.dataListThemeD li .sectionHeader {width: 70%; float: left;}
	.dataListThemeD li .sectionValue {position: relative; top: auto; float: right; width: 23%;}

/* sumBox (contextBuilder) */
.sumBox .dataListThemeD {padding-bottom: 0;}
	.sumBox .brief .dataListThemeD li {padding-right: 3em; width: 75%;}
		.sumBox .dataListThemeD li .sectionHeader, .sumExtended .sumBox .brief .dataListThemeD li .sectionHeader {text-indent: 0; padding-left: 0; color: #212121;}
		.sumExtended .sumBox .brief .dataListThemeD li .sectionHeader {width: auto;}
		.sumBox .dataListThemeD li .sectionValue {position: absolute; top:0; right:0;}
		.sumBox .dataListThemeD li .sectionContent {padding-left: 0; width: 70%; float: left;}
			.sumBox .brief .dataListThemeD li ul {width: auto; border: 0; padding-top: 3px;}
				.sumBox .brief .dataListThemeD li ul li {padding: 0 0 0 11px; border: 0; width: auto; float: none; text-indent: 0;}
.sumExtended .sumBox .brief .dataListThemeD li {clear: none; padding-left: 24px; padding-right: 7em; width: 27%;}
	.sumExtended .sumBox .brief .dataListThemeD li ul li {padding-left: 11px; padding-right: 0; width: auto; float: none;}
	.sumExtended .sumBox .dataListThemeD li .sectionContent {width: auto; float: none;}

.mGrid4 .colGroup .shell, .mGrid5 .colGroup .shell, .mGrid6 .colGroup .shell {margin-bottom: 10px;}
.mGrid4 .colGroup .shell .priceTag, .mGrid5 .colGroup .shell .priceTag, .mGrid6 .colGroup .shell .priceTag {display: block;}
	
/* pushUp */
.pushUp, .pushUp1 {margin-top: -1em;}
.pushUp2 {margin-top:-2em;}
	.dataListThemeB .pushUp2 {padding-top: 16px; padding-bottom: 12px;} /* <- context-specific tweak */
.pushUp3 {margin-top:-3em;}
.pushUp4 {margin-top:-4em;}
.pushUp5 {margin-top:-5em;}

/*:: =shell ::::::::::::::::::::::::::::::::: */
.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;}
	.shellThemeD .shellExtra1, .shellThemeD .shellExtra2, .shellThemeD .shellExtra3, .shellThemeD .shellExtra4 {height:9px;width:8px;background:url(../common/all_languages/all_regions/skin/myBell/bg_shellThemeDExtra.png) left top no-repeat transparent;}
		.shellThemeD .shellExtra2 {background-position:right top;}
		.shellThemeD .shellExtra3 {background-position:left bottom;}
		.shellThemeD .shellExtra4 {background-position:right bottom;}
		
.shell .dataListThemeF .sectionHeader {float: left; padding-left: 0;}

/*:: =nav ::::::::::::::::::::::::::::::::::::::::: */
.nav {padding:11px 20px 9px 19px; min-height: 43px;}
	.noJs .nav {padding-left: 100px;}
	.nav .logo {position:absolute;top:13px;left:19px;}
	.nav .navBar {position:relative;top:0;}
	.nav .navOptions {position:absolute;top:15px;right:12px;}
	.nav .buttonWrap {right: 8px; top: 14px;}
	
	.navBar {display:inline-block; left: 10%;} /* <- the left value is to avoid hiding the Bell logo while the page loads, real value will be replaced by JS afterwards */
		.navBar ul {margin:0;list-style: none;}
			.navBar ul li {float:left;margin:0;padding:0;background:none;}
				.navBar ul li a {display:block;padding:13px 47px 6px 59px;text-decoration:none;font-size:14px;color:#212121;border-top:solid 1px #b5b5b5;border-right:solid 1px #ababab;border-bottom:solid 1px #b5b5b5;background:url(../common/all_languages/all_regions/skin/myBell/bg_navBar.png) 0 -20px no-repeat #e1e1e1;}
					.navBar ul li a.first {padding-right:39px;padding-left:39px;border-left:solid 1px #b5b5b5;}
					.navBar ul li a.last {padding-right:49px;padding-left:49px;border-right-color:#b5b5b5;}
				
				/* if the link is active */
				.navBar ul li.active a {color:#fff;border-top-color:#515151;border-right-color:#555;border-bottom-color:#737373;background-position:right -20px;background-color:#7d7d7d;}
					.navBar ul li.active a.first {border-left:solid 1px #646464;}
					.navBar ul li.active a.last {border-right-color:#646464;}
					
				/* creating the Extras 	*/
				.navBar .navBarExtra1, .navBar .navBarExtra2, .navBar .navBarExtra3, .navBar .navBarExtra4 {position:absolute;display:block;height:10px;width:10px;background: url(../common/all_languages/all_regions/skin/myBell/bg_navBar.png) left top no-repeat transparent;}
					/* positionning the Extras */
					.navBar .navBarExtra1 {top:0;left:0;background-position:0 0;}
					.navBar .navBarExtra2 {top:0;right:0;background-position:-10px 0;}
					.navBar .navBarExtra3 {bottom:0;left:0;background-position:0 -10px;}
					.navBar .navBarExtra4 {bottom:0;right:0;background-position:-10px -10px;}
					.navBar .active .navBarExtra1 {background-position:-20px 0;}
					.navBar .active .navBarExtra2 {background-position:-30px 0;}
					.navBar .active .navBarExtra3 {background-position:-20px -10px;}
					.navBar .active .navBarExtra4 {background-position:-30px -10px;}
				
					.dropDown {width: 12px; height: 7px; display: inline-block; position: relative; left: 7px; line-height: 0; font-size: 0; background: url(../common/all_languages/all_regions/skin/myBell/bg_navBarDropDown.gif) left top no-repeat transparent;}
						.active .dropDown {background-position: left bottom;}
						
				/* flyOut */
				.navBar .on .flyOut {display: block;}
					.navBar .flyOut {left:-11px;}
					.navBar .flyOut ul li {float: none;}
						.navBar .flyOut ul li a, .navBar .flyOutFooter a, .navBar .active .flyOutFooter a {background: #F2F2F2; border: 0; padding: 0; display: block; min-height: 0 !important; height: auto !important;}
							.navBar .flyOut ul li a:hover, .navBar .flyOutFooter a:hover {background: #e5e3e3; display: block; padding: 0;}
						.navBar .flyOutFooter a, .navBar .active .flyOutFooter a, .navBar .flyOutFooter a:hover, .navBar .active .flyOutFooter a:hover {background: transparent;}
						.navBar .flyOut ul li a, .navBar .flyOut ul li a:hover {color: #212121; font-size: 1em; padding: 5px 14px 5px 14px;}
							.navBar .flyOut ul li.active a {background: #dae8f0;}
						.navBar .flyOutFooter {padding-left: 14px;}
						.navBar .flyOutFooter .moreLink {position: relative;}

/*:: =icon ::::::::::::::::::::::::::: */
.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;}
	.inputAside .icon {top: -7px; margin: 0 0 0 5px; float: none;}
	.nav .icon {position: static; float:left;margin:-6px 0 0 -20px;display:block;}	
	.nav .first .icon {left:33px;margin-left:-6px;}
	.nav .last .icon {left:36px;margin-left:-12px;}		
	
	.formGroup .sectionAside .icon {margin-left: 10px;margin-right: 0;text-indent: -9999px;width: 40px;}	
		
	.iconMobile, .iconThemeA {background-position:0 0; height:30px;width:30px;}
	.iconDocument, .iconThemeB {background-position:-30px 0; height:30px;width:30px;}
	.iconPerson, .iconThemeC {background-position: -60px 0; height:30px;width:30px;}
	.iconVisa, .iconThemeD {background-position: left -75px; width: 42px; height: 28px;} .active .iconVisa, .active .iconThemeD {background-position: left -75px;}
	.iconMastercard, .iconThemeE {background-position: left -105px; width: 42px; height: 28px;} .active .iconMastercard, .active .iconThemeE {background-position: left -105px;}
	.iconAmex, .iconThemeF {background-position: left -135px; width: 42px; height: 28px;} .active .iconAmex, .active .iconThemeF {background-position: left -135px;}
	.iconAnchor, .iconThemeG {background-position: left -193px; width: 72px; height: 72px;}
	.iconTrash, .iconThemeH {background-position: right -193px; width: 72px; height: 72px;}
	.iconBubbleText, .iconThemeI {background-position: -180px -2px; height: 17px; margin-right: 3px; top: 0px; width: 20px; text-indent: 0;}
	.iconPrinter, .iconThemeJ {background-position: -143px -2px; width: 15px; height: 14px; margin-right: 5px; top: -1px; text-indent: 0;}
	.iconFile, .iconThemeK {background-position: -164px -2px; height: 14px; margin-right: 5px; top: -1px; width: 11px; text-indent: 0;}
	.iconUnlink, .iconThemeL {background-position: -123px -2px; height: 15px; margin-right: 5px; top: -1px; width: 14px; text-indent: 0;}
	.iconLink, .iconThemeM {background-position: -103px -2px; height: 14px; margin-right: 5px; top: -2px; width: 14px; text-indent: 0;}
			

/*:: =cBoxThemeB :::::::::::::::::::::::::::::::::: */
.cBoxThemeB .bord1, .cBoxThemeB .bord2, .cBoxThemeB .bord3, .cBoxThemeB .bord4, .cBoxThemeB .bord5, .cBoxThemeB .bord6, 
.cBoxThemeB .bord7, .cBoxThemeB .bord8, .cBoxThemeB .bord9, .cBoxThemeB .bord10, .cBoxThemeB .bord11 
{background: url(../common/all_languages/all_regions/skin/myBell/bg_itemAside.jpg) repeat-y;}
.cBoxThemeB .bord1 {background-position:79px 0;}
.cBoxThemeB .bord2 {background-position:158px 0;}
.cBoxThemeB .bord3 {background-position:237px 0;}
.cBoxThemeB .bord4 {background-position:316px 0;}
.cBoxThemeB .bord5 {background-position:395px 0;}
.cBoxThemeB .bord6 {background-position:514px 0;}
.cBoxThemeB .bord7 {background-position:555px 0;}
.cBoxThemeB .bord8 {background-position:632px 0;}
.cBoxThemeB .bord9 {background-position:711px 0;}
.cBoxThemeB .bord10 {background-position:790px 0;}
.cBoxThemeB .bord11 {background-position:869px 0;}
.cBoxThemeB .bord12 {background-position:0 0;}

/*:: =cHeaderThemeA, cFooterThemeA ::::::::::::::::::::::::::::::: */
.cBox .cHeaderThemeA, .cBox .cFooterThemeA {z-index:3;text-align:center;font-size:1.1em;}
	.cBox .cHeaderThemeA {padding-top:35px;padding-bottom:5px;border-bottom:solid 1px #e0e0e0;background:transparent url(../common/all_languages/all_regions/skin/myBell/bg_cHeadThemeA.jpg) repeat-x top left;}
	.cBox .cFooterThemeA {top:0;padding-top:17px;padding-bottom:23px;background:transparent url(../common/all_languages/all_regions/skin/myBell/bg_cFootThemeA.jpg) repeat-x bottom left;}
	
/*:: =toolTipThemeA ::::::::::::::::::::::::::::::: */
.toolTipActionThemeA {background-position:0 -400px;}
.toolTipThemeA .lining, .toolTipThemeA .padder {color:#FFF;background:#af1a1a url(../common/all_languages/all_regions/skin/toolTips/bg_toolTipThemeA.gif) repeat-x;}
	.toolTipThemeA .toolTipBordRight, .toolTipThemeA .toolTipBordLeft {background-image:url(../common/all_languages/all_regions/skin/toolTips/bg_toolTipThemeASideExtra.png);}
	.toolTipThemeA .toolTipTopRight, .toolTipThemeA .toolTipBottomRight {background-image: url(../common/all_languages/all_regions/skin/toolTips/bg_toolTipThemeABoxRight.png);}
	.toolTipThemeA .toolTipTopLeft, .toolTipThemeA .toolTipBottomLeft {background-image: url(../common/all_languages/all_regions/skin/toolTips/bg_toolTipThemeABoxLeft.png);}
	.toolTipThemeA .toolTipArrow {background-image: url(../common/all_languages/all_regions/skin/toolTips/bg_toolTipThemeAArrowSprite.png);}

/*:: =toolTipActionThemeB ::::::::::::::::::::::::::::::: */
.toolTipActionThemeB {background-position: left -960px;}
	
/*:: =formContent (Information block displayed in a form) ::::::::::::::::::::::::::::::: */
.formContent {margin-bottom: 2em;}
	.formContent .sectionContent {position: relative; display: block;}
.formContentThemeA {margin-left: 237px;}
.infoGroupThemeB .formContentThemeA {margin-left: 0; margin-top: 0;}
.colGroup .formContentThemeA, .infoGroupThemeA .formContentThemeA {margin-left: 158px;}
.formCollection .formContentThemeA {margin-bottom: 1em; margin-top: 10px;}
		
/*:: =dataList (DL, DT, DD) ::::::::::::::::::::::::::::::: */
.dataList dt, .dataList dd {font-weight: normal; font-size: 1.166em; margin-bottom: 4px;}
	.dataList dt {margin-right: 10px;}
	.dataList dd {color: #212121;}

/*:: =ProgressBar ::::::::::::::::::::::::::::::: */
/* maximum bar height is 85px - modify the background image if we need to increase the value. */
.hProgressBar, .vProgressBar {position: relative; overflow: hidden; margin-bottom: 21px; height: 27px; background: #fff url("../common/all_languages/all_regions/skin/myBell/bg_hProgressBarShadows.png") repeat-x left top;}
	.progressValue {position: absolute; top: 0; left: 0; background-color: #1280c3; height: 100%;z-index: 4;width: 28px;} /* width value determines the right space in Js */ 
	.progressValueThemeA {background: #e5b843;}
		.progressGradient {position: absolute; display: block; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 4; background: transparent url("../common/all_languages/all_regions/skin/myBell/bg_hProgressBarGradient.png") repeat-x left bottom;}
	.progressBarExtra1, .progressBarExtra2, .progressBarExtra3, .progressBarExtra4, .progressBarExtra5, .progressBarExtra6, .progressBarExtra7 {position: absolute; display: block; z-index: 1;}
	.progressBarExtra1, .progressBarExtra2, .progressBarExtra3, .progressBarExtra4 {width: 6px; height: 6px; background: red; z-index: 7; background: transparent url("../common/all_languages/all_regions/skin/myBell/bg_progressBarCorners.png") no-repeat left top;}
		.progressBarExtra1 {top: 0; left: 0;}
		.progressBarExtra2 {top: 0; right: 0; background-position: right top;}
		.progressBarExtra3 {bottom: 0; left: 0; background-position: left bottom;}
		.progressBarExtra4 {bottom: 0; right: 0; background-position: right bottom;}
		.progressBarExtra5 {bottom: 0; left: 0; width: 100%; height: 4px; background: transparent url("../common/all_languages/all_regions/skin/myBell/bg_hProgressBarShadows.png") repeat-x left bottom;}
		.progressBarExtra6, .progressBarExtra7 {height: 100%; width: 5px; background: transparent url("../common/all_languages/all_regions/skin/myBell/bg_hProgressBarSideShadows.png") repeat-y left top;}
			.progressBarExtra6 {top: 0; left: 0;}
			.progressBarExtra7 {top: 0; right: 0; background-position: right top;}
			
		.hProgressBar .progressValue .number, .vProgressBar .progressValue .number {color: #fff; z-index: 5;} .hProgressBar .progressValueThemeA .number {z-index: 5;}
		.hProgressBar .number, .vProgressBar .number, .hProgressBar .progressValueThemeA .number, .vProgressBar .progressValueThemeA .number {color: #555; font-weight: bold; right: 8px; top: 6px; position: absolute; font-size: 1.166em; line-height: 1.166em; z-index: 2;}
		.hProgressBarThemeA .number, .hProgressBarThemeA .progressValueThemeA .number {right: 25px;}
		.hProgressBarThemeA .progressValue {width:100% !important;}
		
	.cBoxThemeC .progressBarExtra1, .cBoxThemeC .progressBarExtra2, .cBoxThemeC .progressBarExtra3, .cBoxThemeC .progressBarExtra4 {background-image: url("../common/all_languages/all_regions/skin/myBell/bg_progressBarCornersCbox.png")}
	.hProgressBarThemeA .progressBarExtra2, .hProgressBarThemeA .progressBarExtra4 {width: 17px; height: 13px; background: transparent url("../common/all_languages/all_regions/skin/myBell/bg_progressBarCornersThemeA.png") no-repeat left top;}
		.hProgressBarThemeA .progressBarExtra4 {background-position: left bottom;}
	.cBoxThemeC .hProgressBarThemeA .progressBarExtra2 {background-position: right top;}
	.cBoxThemeC .hProgressBarThemeA .progressBarExtra4 {background-position: right bottom;}
	
/* maximum bar width is 85px - modify the background image if we need to increase the value. */
.vProgressBar {width: 22px; height: 300px; background-image: url("../common/all_languages/all_regions/skin/myBell/bg_vProgressBarShadows.png"); background-repeat: repeat-y;}
	.vProgressBar .progressValue {top: auto; bottom: 0; width: 100%; height: 100%; padding-right: 0;}
	.vProgressBar .progressGradient {left: auto; right: -1px; background: transparent url("../common/all_languages/all_regions/skin/myBell/bg_vProgressBarGradient.png") repeat-y left bottom;}
	.vProgressBar .progressBarExtra5 {right: 0; top: 0; left: auto; bottom: auto; height: 100%; width: 4px; background: transparent url("../common/all_languages/all_regions/skin/myBell/bg_vProgressBarShadows.png") repeat-y right bottom;}
	.vProgressBar .progressBarExtra6, .vProgressBar .progressBarExtra7 {height: 5px; width: 100%; background: transparent url("../common/all_languages/all_regions/skin/myBell/bg_vProgressBarSideShadows.png") repeat-x left top;}
		.vProgressBar .progressBarExtra7 {bottom: 0; top: auto; background-position: right bottom;}

.progressBarGroup {overflow: hidden; clear: both; height: 100%;}
.progressBarGroup .vProgressBar {float: left; margin-right: 21px;}
.vProgressBar .number {display: none;}
		
.hProgressBar .progressValueSecondary {right: 0; left: auto; z-index:3;width:100% !important;}
.vProgressBar .progressValueSecondary {top: 0 !important; bottom: auto;}
.dataListThemeB .hProgressBar, .dataListThemeM .hProgressBar, .dataListThemeC .vProgressBar {margin-bottom: 10px;}
.colGroup .dataListThemeM .hProgressBar {margin-right: 10px;}

/*:: =itemCollection :::::::::::::::::::::::::::::: */
.cBoxThemeB .itemCollection {padding-right:7px;padding-bottom:0;}
	.itemCollection .itemGroup {margin-bottom:25px;padding:4px 0 9px 0;border-bottom:solid 1px #e0e0e0;}
		.itemCollection .last {margin-bottom:0;border:0;}
			.itemCollection .dataList {margin-bottom:0;}
				.itemCollection .dataList {margin-bottom:11px;}
			.itemCollection .itemGroup h2, .itemCollection .itemGroup h2 a {margin-bottom:0.5em;color:#0066a4;}
			.itemCollection .itemGroup .buttonThemeC {margin-top:-1px;margin-bottom:20px;}
				
/*:: =itemAside ::::::::::::::::::::::::::::::::::: */
.cBoxThemeB .itemAside {padding-top:32px;padding-bottom:16px;}
	.itemAside .headingThemeA  {margin-bottom:17px; padding-right: 17px;} /* <- padding-right keeps the text from overlapping its icon if any */
		.itemAside .dataListThemeB li .sectionHeader em, .itemAside .dataListThemeM li .sectionHeader em {margin-bottom: 0;}
	.itemAside .button {margin-bottom:8px;}
		.itemAside .buttonThemeC {margin-right:0;}
	.itemAside .shell .dataList li .sectionHeader {width: auto;}
	.colGroup .itemAside .dataListThemeF li {margin-bottom: 5px;}
	
/* =vHistogram - vertical bar chart (do not forget to check ie6 styles) ::::::::::::::::::::::::::::::::::: */
.shell .vHistogram {margin-top: 0;}
.vHistogram {position: relative; padding-right: 15px; padding-bottom: 10px; margin-top: 21px; width: auto;}
	.chartGroup .axisY {position: relative;}
		.axisY .axisRow {height: 36px; background: transparent url("../common/all_languages/all_regions/skin/myBell/bg_hDotted.gif") repeat-x 50px bottom; position: relative; margin-left: 40px;}
			.axisY .axisRow .axisRowLabel {text-align: center; width: 40px; position: absolute; bottom: -8px; margin-left: -45px;}
		.axisY .axisRowLimit {position: absolute; display: inline; background: transparent url("../common/all_languages/all_regions/skin/myBell/bg_chartLimit.gif") no-repeat 40px top; top: 127px; height: 1px; width: 100%; margin-left: 0; z-index: 3;}
			.axisY .axisRowLimit .axisRowLabel {display: none;}	
	
	.chartContent {position: relative; width: 100%; margin-bottom: 50px;}
	.chartGroup .progressBarCollection {position: absolute; top: 0; left: 0; padding-left: 50px; min-height: 100%; height: 216px; width: 100%;} /* <- Specified exact height for IE6 only */
		.chartGroup .progressBarLabel {bottom: -35px; left: 3px; margin: 0 auto; position: absolute; text-align: center; width: 100%; min-height: 40px; margin-bottom: -21px;}
		.vHistogram .progressBarCollection .progressBarGroup {clear: none; height: auto; overflow: visible; position: absolute; width: 80px; bottom: 0;}
			.vHistogram .progressBarCollection .vProgressBar {margin: 0 auto; position: relative; float: none; left: 4px;}
	
.vHistogramThemeA, .vHistogramThemeB  {float: left; padding-right: 0;}
.vHistogramThemeB .axisRow {margin-left: 0;}
	.vHistogramThemeB .axisY .axisRowLimit {background-position: 0 top;}
		.vHistogramThemeB .axisRowLabel {display: none;}
		.vHistogramThemeB .progressBarCollection {padding-left: 15px;}
		.vHistogram.last {margin-right: 0;}

.chartGroup .formGroup .sectionHeader label{font-size: 12px;}
.chartGroup .formGroup .sectionHeader {width: auto; float: left;}

.shell .progressBarExtra1, .shell .progressBarExtra2, .shell .progressBarExtra3, .shell .progressBarExtra4 
{background-image: url("../common/all_languages/all_regions/skin/myBell/bg_progressBarCornersShell.png");}

/* Dock - deprecated */
.dock {z-index: 999; position: fixed; width: 100%; min-width: 970px; border-top: 1px solid #cdcdcd; bottom: 0; left: 0; background: #fcfcfc url("../common/all_languages/all_regions/skin/myBell/dock/bg_dock.jpg") repeat-x 0 bottom;}
	.dockContent {z-index: 400; position: relative; margin: 0 auto; width: 95%; border-left: 1px solid #fff; background: transparent url("../common/all_languages/all_regions/skin/myBell/dock/bg_dockBorder.gif") repeat-y 0 0;}
		.dockContent ul {margin: 0;}
			.dockContent ul li, .dock .messageGroup, .dock .nextPrevious {position: relative; background: none; padding-left: 0; display: block; float: left; margin-bottom: 0; border-right: 1px solid #fff; background: transparent url("../common/all_languages/all_regions/skin/myBell/dock/bg_dockListBorder.gif") repeat-y right 0;}
				.dockContent .messageGroup {width: 63%;}
				.dockContent .messageGroup, .dockButton a, .dock .nextPrevious {padding: 16px 22px 14px 15px;}
				.messageGroup .sectionContent {float: left; overflow: hidden; width: 75%;}
				.messageGroup .sectionAside {float: right;}
				.dock .sectionAside {position: absolute; top: -5px; right: 10px; width: auto; line-height: 26px; padding: 15px 0; width: auto;}

			.dockContent ul .first {width: 69%; padding: 16px 15px 14px;}
			.dockButton {text-align: center;}
				.dockButton a {color: #212121; display: block; margin-right: 12px; margin-bottom: 0; background: url("../common/all_languages/all_regions/skin/bg_iconSprite.gif") no-repeat right -463px transparent;}
				.dockButton a:hover {text-decoration: none;}
					.dockButtonExtra1 {display: none; background: transparent url("../common/all_languages/all_regions/skin/myBell/dock/bg_dockButtonExtra1.png") repeat-x 0 bottom; height: 18px; left: -8px; position: absolute; top: -18px; width: 100%;z-index:1;}
						.dockButtonExtra2 {position: absolute; display: block; width: 14px; height: 14px; background: transparent url("../common/all_languages/all_regions/skin/myBell/dock/bg_dockButtonExtra2.png") repeat-x 0 bottom; bottom: 0; right: -14px;}
				.dockButton a:hover span, .dockContent .active .flyOut {display: block;}
				.dockButton .flyOut {display:none;}
				.dockButtonAction {outline: none;}
				
			.dockContent ul .active {background-color: #fff;}
				.dockContent ul .active .dockButtonExtra1 {display: block; background: #fff; left: -1px; height: 3px; top: -1px;}
					.dockContent ul .active .dockButtonExtra2 {display: none;}
					
	.dockExtra1 {position: absolute; top: -8px; left: 0; background: transparent url("../common/all_languages/all_regions/skin/myBell/dock/bg_dockShadow.png") repeat-x 0 0; height: 7px; width: 100%;}

	/* flyOut */
	.dock .flyOut {right: -10px; top: -142px; z-index: 0;} /* <- top/z-index value are hardcoded, please see details above ^ */
		.dock .flyOutBottomRight {display: none;}
	
	.dock .flyOut .padder {background-color: #fff; padding: 10px 21px;}
		.dock .flyOut .flyOutTitle, .dock .flyOut .first {width: auto; text-align: left; padding: 12px 21px 8px 21px; margin-bottom: 0;}
			.dock .flyOut ul li {float: none; border: 0; text-align: left; padding-left: 14px; margin-bottom: 3px; background: url("../common/all_languages/all_regions/skin/bl_default.gif") no-repeat scroll 0 0.48em transparent;}
				.dock .flyOut ul li a {background: none; padding: 0; margin: 0; display: inline; color: #0066A4;}
				.dock .flyOut ul li a:hover {text-decoration: underline;}
			
/* nextPrevious - overwriting bell_master.css + used in cHeaderOptions */
.dock .nextPrevious, .cHeaderOptions .nextPrevious {margin-top: 0; float:left;margin-top: inherit; width: 96px;}
	.next, .previous {width: 14px; height: 14px; display: block; background: transparent url("../common/all_languages/all_regions/skin/bg_iconSprite.gif") no-repeat left -1094px;}
	.next {float: right; background-position: left -1054px;}
	.previous, .dock .nextPrevious span, .cHeaderOptions .nextPrevious span, .dock .message {float: left;}
	.dock .nextPrevious {padding-right: 15px;}
	.dock .nextPrevious span, .cHeaderOptions .nextPrevious span {padding: 0 7px; position: relative; top: -1px;}
	
	.cHeaderOptions .nextPrevious {margin-top:2px; padding-right:0; width: auto;}
	/* nextPreviousThemeA - changes arrows images */
	.cHeaderOptions .nextPrevious .next, .cHeaderOptions .nextPrevious .previous {float: none; display: inline-block; width: 15px;}
	.nextPreviousThemeA .next, .nextPreviousThemeA .previous {background-position: left -681px;}
		.nextPreviousThemeA .next {background-position: right -721px;}
		.cHeaderOptions .nextPrevious span {float: none; top: -3px;}
			.cHeaderOptions .nextPrevious span span {top: 0;padding: 0;}

/* messageGroup in cHeaderOptions */				
.cHeaderOptions .messageGroup {float: left; width: 184px; text-align: right;}
	.cHeaderOptions .messageGroup .sectionContent {float: none; width: auto; margin-right: 8px; display: inline;}
	.cHeaderOptions .messageGroup .sectionAside {position: relative; float: none; display: inline; margin-left: -3px; top: 2px;}
	.cHeaderOptions .messageGroup .message, .dataList .sectionValue .message, .cHeaderOptions .messageGroup .toolTipAction, .dataList .sectionValue .toolTipAction {display: inline-block; text-indent: 0; position: relative; margin-right: 8px;}
		.cHeaderOptions .messageGroup .messageThemeC, .dataList .sectionValue .messageThemeC {height: 14px;} .dataList .sectionValue .toolTipAction {margin-right: 0;}
		.cHeaderOptions .messageGroup .toolTipAction {margin-right: 10px;}
		.cHeaderOptions .messageGroup .message {margin-left: -7px;}
		
	/* Overwrites */
	.dataList .sectionValue  .message, .dataList .sectionValue .toolTipAction {top: 2px; margin-top: -2px;}

/* toggleThemeB */
.toggleThemeB {background-position: left -320px; line-height: 1.2em; padding-left: 22px; padding-right: 0;}
	.toggleThemeBOpen {background-position: left -360px; position: relative; z-index: 1;}

/* :: =treeList ::::::::::::::::::::::::::::::::::: */
/*.treeList {width: 90%;} ### */
	.dataList li .treeList {overflow: visible;}
	
	.treeList li, .dataList li .treeList li {float: none; font-size: inherit; text-indent: 0; border-bottom: 0; width: auto; padding-bottom: 8px; margin-bottom: 0; background: transparent url(../common/all_languages/all_regions/skin/myBell/bg_treeLine.gif) repeat-y 6px top; padding-left: 28px;}
		.treeList .last, .dataList li .treeList .last {background: none;}
		.treeList li .treeListExtra1 {display: block; width: 12px; height: 17px; position: absolute; top: -8px; left: 6px; background: transparent url(../common/all_languages/all_regions/skin/myBell/bg_treeHook.gif) no-repeat left bottom;}
	.treeList li .treeList {margin-top: 1.25em; margin-bottom: .5em;}

/* formCollectionThemeA */
.formCollectionThemeA .formGroup {float: none;}
.formCollectionThemeA .formGroupThemeB .sectionHeader {float: left;}
.formCollectionThemeA .formText .first, .infoGroup.shell .formCollectionThemeA .formText .first {top: 31px;}
.formCollectionThemeA .formText .optionGroup {margin-right: 5px;}
	.formCollectionThemeA .formText .optionGroup .inputSize3 {width: 16em;}
	/* formText with optionGroup format */
	.formText .optionGroup label {display: block; margin-bottom: 8px;}
	.formText .optionGroup input {float: none;}
	.infoGroup .sectionContent  .formCollection .formText .optionGroup label {font-size: 1.166em;}
	.infoGroup.shell .sectionContent .formCollectionThemeA  .formGroup .sectionContent {width: auto;}

/* contentLink (very specific) */
.contentLink, a.contentLink {color: #212121; display: block; font-size: 1.5em; padding: 40px 0; margin-bottom: 12px; text-align: center; text-decoration: none;}
	.contentLink em {font-size: 0.65em; display: block; margin: 15px auto 0;}
	.contentLink .icon {display: block; float: none; margin: 0 auto 28px;}
	.shellThemeA .contentLink:visited {color: #212121;}
	
/* itemFigureThemeA */
.itemFigureThemeA {width: 119px;}
	.itemFigureThemeA .mobility {background-color:#fff;padding:5px 20px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin-bottom:1em;}

/* itemFigureThemeB */
.itemFigureThemeB {width: 216px;}

/* priceTagThemeA - aligns the decimal (tested under <table> context only) TO BE CONFIRMED */
.priceTagThemeA {position: relative; text-align: right;}
	.dataTable .priceTagThemeA {padding-right: 14px;}
		.dataTable .priceTagThemeA span {position: absolute; margin-left: 3px; right: -8px;}
		
/* cBoxThemeE */
.cBoxThemeE .cFooter {bottom: 0; position: absolute; top: auto; width: 100%;}

/* innerRow (TEMP) */
.innerRow td {border-bottom: 0;}
	.innerRow .first, .innerRowThemeA td {border-bottom: 1px solid #E0E0E0;}
.innerRowThemeA td {background-color: #F8F8F8 !important;}

/* hTabs tabs height fix (to be moved to bell_master.css) */
.hTabs {padding-top: 0 !important;} /* ### value generated by JS, will need to disable it and remove the !important state */
	.hTabs .tabTrigSet {position: relative;}
	.hTabs .tabContSet {padding-top: 21px;}

/* mainly used in dataList */	
.sectionContentThemeB {width: auto !important;}

/* IMPORTANT NOTICE! */
/* Please do not put additionnal styles/overwrites in the core files (bell.myBell.core.css)
   For new styles/overwrites or styles not related with the bell UIKit core files, use bell.myBell.custom.css */