/*!:: Bell Canada UIKit v1.5062

bell.ie6.css
Build Date: 3:20 PM Monday, May 27, 2013

::*/

/*:: ==Corrections ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* hasLayout */
.flyOutContent, .formGroup, .inputGroup, .gridGroup, .toTextCenter, 
#connector, #navigation, #navigationMain, 
.connector, .navigation, .navigationMain, 
.box, .boxNavigation, 
.gallery .galleryContent, .gallery .galleryMediaContent, .tileList,
.lightBox, .lightBoxHeader, .padder {
	zoom: 1;
}

/* General */
.boxHeader {
	position: relative;
	z-index: 10;
	zoom: 1;
}

/* Button fixes */
.button {
	background-color: #1479bd;
	background-position: -5px 0;
	border-left: 1px solid #00142a;
	border-right: 1px solid #00142a;
	height: 16px;
	margin-right: 10px;
	padding-right: 15px;
}
.buttonThemeA {background-position: -5px  -50px; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf;}
.buttonThemeB {background-position: -5px -101px; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf;}
.buttonThemeC {background-position: -5px -148px; height: 23px; }
.buttonThemeD {background-position: -5px -201px; }

.buttonSmall, .buttonFunctionB {width: 40px;}
.buttonSmall .icon, .buttonFunctionB .icon {left: 0}

/* Fix white gap between elements */
button.button {
	border: 0;
	overflow: visible;
	height: auto;
}
	button .buttonExtra1 {
		display: block;
	}

.itemListThemeA .active .itemListExtra3 {right: 0;}

.message {display: inline;}
	.messageExtra1 {left:-21px;}

/* Opacity fixes */
.ajaxLoaderOverlay {filter:alpha(opacity=0);}
.dim, .dim1 {filter:alpha(opacity=20);}
.dim2 {filter:alpha(opacity=40);}
.dim3 {filter:alpha(opacity=60);}
.dim4 {filter:alpha(opacity=80);}

.iconListVertical li {margin-bottom: -2px;}

.rate sup {display: inline; line-height: normal;}

.superscript {line-height: normal;}

/* item fixes */
.itemThemeC {min-height: 50px;}
	.itemThemeC .itemFigure{margin-left:0px;}
		.itemThemeC .itemFigure img{
			margin-left:expression("-" + this.width + "px");
		}
.itemThemeD {min-height:50px;}
	.itemThemeD .itemFigure {margin-right:0px;}
		.itemThemeD .itemFigure img {
			margin-right:expression("-" + this.width + "px");
		}	

/* Fixes the vertical alignment inside gridList images */ 
.tileList {text-align: left;}
	.tileList li {float: left;}
		.tileListThemeA li a {display: inline-block;}
			.tileListThemeA li a img {margin-top:expression(( 86 - this.height ) / 2 + "px");}

.gridGroup {position: relative; width: 975px;}
	.gridGroup .grid4.eqJs {height: 100%;}
	.gridGroup .grid4.eqJs .padder {padding: 17px;}

.section {padding: 0 5px;}/* the pading is adding to the width and enlarge the wrapper */ 
.section.sectionThemeA, .section.sectionThemeB {padding: 0;}

.tabsList a.active {color: #212121; position: relative;}

#navigationSub .itemList li a,
.navigationSub .itemList li a {border: 0;}

.navigationContext .flyOutConnector.flyOutConnectorLayoutA {width: 234px;}
.flyOutConnectorLayoutA .listViewConnector li, 
.flyOutConnectorLayoutB .listViewConnector li, 
.flyOutConnectorLayoutC .listViewConnector li {clear: left;}

/* fix sliderMask overflow  */
.sliderContent * {
	position:static !important;
}

.gallery,
.gallery .galleryMediaContent {display:inline-block; width: 975px;}
.sectionThemeA {margin-bottom: 0}
.box {display: inline-block;}

.itemFigure {height: 100%; overflow: hidden;}
.itemFigure a {display: inline-block;}
.thumbnailExtra1 {filter: alpha(opacity = 50); height:300px;}

.formContent, .inputGroup {
	display: inline-block;
}
.formGroup {display: inline;}
.formText .inputGroup {width: 224px;}

/* Hides extras */
.controlExtra1, .controlExtra2, .buttonExtra1, 
.flyOutExtra1, .flyOutExtra2, .flyOutExtra3, .flyOutExtra4, .flyOutExtra5, .flyOutExtra6, .flyOutArrow,
.listViewExtra1, .listViewExtra2, .listViewExtra3, .listViewExtra4,
.boxExtra1,.boxExtra2,.boxExtra3,.boxExtra4,
.itemListExtra1, .itemListExtra2, .itemListExtra3, .itemListExtra4,
.itemListThemeB .active .itemListExtra1, .itemListThemeB .active .itemListExtra2, .itemListThemeB .active .itemListExtra3, .itemListThemeB .active .itemListExtra4,
.listViewExtra1,.listViewExtra2,.listViewExtra3,.listViewExtra4,
.boxContent .boxExtra1,.boxContent .boxExtra2,.boxContent .boxExtra3,.boxContent .boxExtra4,
.flyOutExtra1,.flyOutExtra2,.flyOutExtra3,.flyOutExtra4,.flyOutExtra5,.flyOutExtra6,
.lightBoxExtra1,.lightBoxExtra2,.lightBoxExtra3,.lightBoxExtra4,.lightBoxExtra5,.lightBoxExtra6,
.toolTipExtra1,.toolTipExtra2,.toolTipExtra3,.toolTipExtra4,.toolTipExtra5,.toolTipExtra6,
.boxNavigationExtra1,.boxNavigationExtra2,.boxNavigationExtra3,.boxNavigationExtra4,
.tabsListExtra1,.tabsListExtra2,.tabsListExtra3,.tabsListExtra4,
.contentExtra1,.contentExtra2,.contentExtra3,.contentExtra4,
.listViewConnectorExtra1,.listViewConnectorExtra2,.listViewConnectorExtra3,.listViewConnectorExtra4,
.flyOutConnectorExtra1,.flyOutConnectorExtra2,.flyOutConnectorExtra3,.flyOutConnectorExtra4,
.iconListExtra1,.iconListExtra2,.iconListExtra3,.iconListExtra4,
.flyOutConnectorExtra1,.flyOutConnectorExtra2,.flyOutConnectorExtra3,.flyOutConnectorExtra4,.flyOutConnectorExtra5,.flyOutConnectorExtra6,
.sliderMaskExtra1
{display: none !important;}


.boxHeader .aside,
.lightBoxHeader .aside{float: right;}

.header .aside {float: right;} /* align verticaly button and headerTitle in OBE */
.header {clear: both; zoom:1;} /* OBE */
.header .headerTitle{float:left;} /* OBE */

.textList.textListThemeD,
	.textList.textListThemeD li {float: left;}

.flyOut .box {margin-top: 10px;}
.listViewThemeD a {float: left;}
.header .aside {position: relative;}

.sectionThemeB .messageTitle {display: inline;}

/* stepList */

.stepList, .stepList li { display:inline-block;}
.stepList .divider {height:500px;}
.stepList .dividerThemeA { right:-1px;} 

.lightBox { width: 600px; position: absolute; top: 10%; left: 50%;}

/* To show the button to the right, if not the button doesn't show */
.asideConnector {
	float: right;
	position: relative;
}
/* To make sure the links are visible */
.controlGroup a.control:visited {
	color: #fff;
}

/* Need to make the parent have the same z-index because the flyOut won't stack correctly */
.filtersContext {
	position: relative;
	z-index: 10;
	zoom: 1;
}

/* Display the arrow inside the flyOuts */
.flyOut .flyOutArrow {
	display: block !important;
	top: -27px;
}

/* To position the flyOut with it's parent */
.flyOutViewingAllAccountsContext {
	left: 0;
}

/* In order to make the inputs float together */
.flyOut .formContentThemeA .inputGroup {
	display: inline;
}
/* inputGroupSize */
.inputGroupSize1 	 {width: .5em !important;}
.inputGroupSize2 	 {width: 2.5em !important;}
.inputGroupSize3 	 {width: 6.5em !important;}
.inputGroupSize3-5 	 {width: 7em !important;}
.inputGroupSize4 	 {width: 9.5em !important;}
.inputGroupSize5 	 {width: 12.5em !important;}
.inputGroupSize6 	 {width: 15.5em !important;}
.inputGroupSize7 	 {width: 18.5em !important;}
.inputGroupSize8 	 {width: 21.5em !important;}
.inputGroupSize9 	 {width: 24.5em !important;}
.inputGroupSize10 	 {width: 26.5em !important;}
.inputGroupSize11 	 {width: 29.5em !important;}
.inputGroupSize12 	 {width: 32.5em !important;}
.inputGroupSize13 	 {width: 35.5em !important;}
.inputGroupSize14 	 {width: 38.5em !important;}
.inputGroupSize15 	 {width: 42.5em !important;}
.inputGroupSize16 	 {width: 45.5em !important;}
.inputGroupSize17 	 {width: 47.5em !important;}
.inputGroupSize18 	 {width: 51.5em !important;}
.inputGroupSize19 	 {width: 53.5em !important;}
.inputGroupSize20 	 {width: 56.5em !important;}
/*
.formGroup .inputGroupSize1,	.inputGroupSize1 	input 	{width: 3em;}
.formGroup .inputGroupSize2, .inputGroupSize2 	input	{width: 6em;}
.formGroup .inputGroupSize3, .inputGroupSize3 	input 	{width: 9em;}
.formGroup .inputGroupSize3-5, .inputGroupSize3-5  input 	{width: 10.5em;}
.formGroup .inputGroupSize4, .inputGroupSize4 	input 	{width: 12em;}
.formGroup .inputGroupSize5, .inputGroupSize5 	input 	{width: 15em;}
.formGroup .inputGroupSize6, .inputGroupSize6 	input 	{width: 18em;}
.formGroup .inputGroupSize7, .inputGroupSize7 	input 	{width: 21em;}
.formGroup .inputGroupSize8, .inputGroupSize1  input 	{width: 24em;}
.formGroup .inputGroupSize90, .inputGroupSize9   input 	{width: 27em;}
.formGroup .inputGroupSize10, .inputGroupSize10  input 	{width: 30em;}
.formGroup .inputGroupSize11, .inputGroupSize11  input 	{width: 33em;}
.formGroup .inputGroupSize12, .inputGroupSize12  input 	{width: 36em;}
.formGroup .inputGroupSize13, .inputGroupSize13  input 	{width: 39em;}
.formGroup .inputGroupSize14, .inputGroupSize14  input 	{width: 42em;}
.formGroup .inputGroupSize15, .inputGroupSize15  input 	{width: 45em;}
.formGroup .inputGroupSize16, .inputGroupSize16  input 	{width: 48em;}
.formGroup .inputGroupSize17, .inputGroupSize17  input 	{width: 51em;}
.formGroup .inputGroupSize18, .inputGroupSize18  input 	{width: 54em;}
.formGroup .inputGroupSize19, .inputGroupSize19  input 	{width: 57em;}
.inputGroup.inputGroupSize20, .inputGroupSize20  input 	{width: 60em;}
*/