/***************************************/
/* Bell Canada Theme Style sheet */
/***************************************/

@import url("../../Scripts/jquery-ui.css");

/**********
 * Global *
 **********/
@font-face {
    font-family: 'BellSlimSemiBoldRegular';
    src: url('../../Common/fonts/bellslim_semibold-webfont.eot');
    src: url('../../Common/fonts/bellslim_semibold-webfont.eot#iefix') format('embedded-opentype'),
    url('../../Common/fonts/bellslim_semibold-webfont.woff') format('woff'),
    url('../../Common/fonts/bellslim_semibold-webfont.ttf') format('truetype'),
    url('../../Common/fonts/bellslim_semibold-webfont.svg#BellSlimSemiBoldRegular') format('svg');
}

* { margin: 0; padding: 0; }
body { font-family: arial, helvetica, sans-serif; color:#555; margin:0; padding:0; font-size:12px; background: #ffffff;}
h1,h2,h3,h4,h5 { color: #212121; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
a { color: #0066A4; text-decoration: none; border: none; }
a:link { color: #0066A4; text-decoration: none; border: none; }
a:hover { text-decoration: underline; }
a:visited { color: #0066A4; }

body#top { text-align: center; font-family: arial, helvetica, sans-serif; color:#555; margin: 5px 10px; padding:0; font-size:14px; background: #ffffff; overflow-x: hidden; }
#wrapHome {width: auto; }
#wrap { width: 977px; margin: 0 auto; }
#wrapHome, #wrap { padding:0; background: url("main_back.jpg") no-repeat center 50px; height:550px; }

#wrap #breadcrumb { font-size: 11px; margin-left:170px; margin-top: -50px; padding-top: 65px; }
#wrap #breadcrumb span { display: block; float: left; width: 3px; text-indent: -999em; margin: 0 6px 0 6px; background: url(bg_iconSprite.gif) 0 -196px no-repeat transparent;}
#wrap #breadcrumb span.username { background: none; text-indent: 0; width: auto; color: #555; font-size: 11px; margin: 0; }
#wrap #breadcrumb a { display: block; float: left; }

#wrapHome #maincontent {
    background: url("HomeContentbg.gif") no-repeat right top;
    clear: both;
    margin: 0 auto 137px auto;
    padding: 0;
    height: 400px;
    width: 821px;
    position: relative;
    top: -60px;
    left: 68px;
}
#wrapHome #maincontent p { margin:5px 10px 0 20px; padding:0;}
#wrapHome #maincontent h1.screenName{font-family:"BellSlimSemiBoldRegular";color:#212121;font-size:30px;font-weight:normal;margin:0; padding:10px 0 0 25px;}
#wrapHome #maincontent #logbox { position:relative; left:55px; float:left; background: url("log_box_bg.jpg") no-repeat right top; height:300px; width:365px; margin:50px 0 0 0; padding-top:15px;}
#wrapHome #maincontent #logbox .homesubmit { width:82px; border:none; height:22px; float:right; margin-right:10px;}
#wrapHome #maincontent #logbox p label { font-size: 14px; color: #000;  width:130px; display:block; float:left; margin-top:5px; }
#wrapHome #maincontent #logbox p input { border-top: 1px solid #5F5F5F; border-bottom: 1px solid #CDCDCD; border-left: 1px solid #A6A6A6; border-right: 1px solid #A6A6A6; color: #212121; font-weight: bold; font-size: 12px; height: 22px; background: #eee; width:190px; margin:2px; padding:0 2px 0 2px;}
#wrapHome #maincontent #logbox p.resetpassword { color: #212121; position:relative; left:20px; margin:15px 0 10px 0; padding:0; font-size:11px; float:left; width:320px;}
#wrapHome #maincontent #logbox #loginSubmit{ padding-right: 5px; padding-top: 0px; float: right; }
*html #wrapHome #maincontent #logbox #loginSubmit span { height: 45px; margin-bottom: -10px;}
#wrapHome #maincontent #logbox #loginSubmit p input {font-size:12; color:#FFFFFF; height:21px; width:82px; background: url("btn_bg.gif") no-repeat left bottom; border:none;padding-bottom:4px; margin:5px 0px 0px 215px;}
#wrapHome #maincontent #logbox p.rememberPass label {color:#212121; width:300px; display:block; float:left; margin: 2px 0px 5px 2px; font-size:12px; }
#wrapHome #maincontent #logbox p input.remember { float:left; border:none; background:none; width:16px; height:16px; margin-left:0; padding:0 0 0 0;}
#wrapHome #maincontent #logoutbox { position:relative; left:60px; float:left; background: url("log_box_bg.jpg") no-repeat right top; height:128px; width:311px; margin:50px 0 0 0; padding-top:15px;}
#wrapHome #maincontent #logoutbox p label { width:290px; display:block; float:left; margin-top:10px; }
#wrapHome #maincontent .errMessage { position: absolute; left:65px; top:310px; float:left; margin:0; padding-top:0; color:#FF0000; width: 350px}
/***************************************************
* BELOW "wrap" is to help with IE and page width *
 ***************************************************/

#maincontent{background: url("contentbg1200.gif") no-repeat right 10px;  clear:both; margin:0; padding:0 40px 0 0;  text-align: left; /* min-height:400px; */  height:auto; }
* html #maincontent{background: url("contentbg2.gif") no-repeat right 10px;  clear:both; margin:0; padding:0 40px 0 0;  text-align: left;  height:200px; }
#maincontent p { margin:10px; padding:0;}
TD {font-family:arial,helvetica,sans-serif;font-size:12px;padding:0px}
#maincontentFoot{background: url("contentbgFoot.gif") no-repeat right -80px;  clear:both; margin:0 0 20px 0; padding:0 40px 0 0;  text-align: left;  height:200px; }

.autoAttSubText{padding: 0px 0px 10px 25px;}
.userGuideLink{font-weight: bolder; padding: 0px 0px 10px 0px;}


/*******************
 * Header Elements *
 *******************/
.headerBar {padding: 0.0cm 0.25cm }
.headerBarWelcome {font-size:16px;font-weight:bold; text-align:right;}

.headerAuthLevel {font-size:11px; float:left; width:200px;}
a.headerAuthLevelLink {text-decoration:none;font-size:11px;}
.passExpires {color: red; padding-left:10px;}


#top .topHeaderBar {clear:both; padding: 0 20% 0 0; }
#wrapHome .topHeaderBar {margin:0 auto; width:977px; clear:both;}

/*************
 * Top links *
 * JON HERE  *
*************/
#logoHeader { padding-left: 20px; margin: 0 auto; width: 977px; clear: both; }
div.topHeaderBar #logo {position:relative; top:70px; left:15px; margin:0 0 0 0; padding:0 0 0 0; float:left;}
#logoHeader #logo { margin:0 55px 0 0; padding:0 0 25px 0; float: left; }
#mainContainer #logoHeader #logo img { width: 75px; }
#wrapHome #logo { margin:0 28px 0 0; padding:0 0 28px 0; float:left; position: relative; top: 23px; left: 6px;}

div.rightback {display:inherit; background: url("links_bg_right.jpg") no-repeat right top; margin:0 0 0 0; float:right}


ul#toplinks{z-index:0; margin:0 5px 0 0; padding:10px 0 12px 0; height:37px; float:right; background: url("links_bg_repeator.jpg") repeat-x right top; }
ul#toplinks li { background:none; padding:0; margin:0px 0 0 8px; display:inline; font-style:arial; color:#212121;  }
ul#toplinks li.first{background: url("links_bg_left.jpg") no-repeat left; padding:10px 0 12px 15px; margin:0 0 0 0; font-family:arial; }
ul#toplinks li a, ul.toplinks li a:hover  { background: transparent url("links_separator.jpg") no-repeat left; padding:15px 0 12px 10px; margin:0;}
ul#toplinks li a:visited { color: #0066A4; }
ul#toplinks li a:focus {text-decoration: underline;}
ul#toplinks li.first a, ul.toplinks li.first a:hover {background:none; padding:10px 0 10px 5px; margin:0 0 0 0;}
ul#toplinks li.last a, ul.toplinks li.last a:hover { background: transparent url("links_separator.jpg") no-repeat left; padding:15px 15px 12px 10px; margin:0;}


ul#loglinks{ z-index:0; margin:0 0 0 0; padding:0px 0 0 0; height:37px; float:right; background: url("links_bg_repeator.jpg") repeat-x right top; }
ul#loglinks li { background:none; padding:0; margin:10px 0 0 8px; display:inline; font-style:arial; color:#212121;  }
ul#loglinks li.first{ background: url("links_bg_left.jpg") no-repeat left bottom; padding:10px 0 12px 15px; margin:0 0 0 0; font-family:arial;color:#212121;   }
ul#loglinks li.last{z-index:1; display:inline; background:none; padding:10px 0px 12px 0; margin:15px 0 0 0; font-family:arial;color:#212121;   }
ul#loglinks li a, ul.loglinks li a:hover  { background:none; padding:0 15px 0 10px; margin:0;}
ul#loglinks li a:visited { color: #0066A4; }
ul#loglinks li.first a, ul.loglinks li.first a:hover { background: none; padding:0; margin:0;}



ul#singlelink{ z-index:0; margin:0 0 0 0; padding:10px 0 0 0; height:37px; float:right; background: url("links_bg_repeator.jpg") repeat-x right top; }
ul#singlelink li { background:none; padding:0 10px 0 0 ; margin:10px 0 0 0; display:inline; font-style:arial; color:#212121;  }
ul#singlelink li.first{ background: url("links_bg_left.jpg") no-repeat left bottom; padding:10px 0 12px 10px; margin:0 0 0 0; font-family:arial;color:#212121;   }
ul#singlelink li.last{ z-index:1; background: url("links_bg_right.jpg") no-repeat right bottom;  padding:10px 10px 12px 0; margin:0 0 0 0; font-family:arial;color:#212121;   }
ul#singlelink li a, ul.loglinks li a:hover  { background:none; padding:0 0 0 10px; margin:0;}
ul#singlelink li.first a, ul.singlelink li.first a:hover { background: none; padding:0; margin:0;}

ul.languageLink#singlelink { margin-right: 10px; }

/*************************
* Download & support
*************************/
.downloadLinkContent {width:100%; margin:10px 0 0 0;}
.downloadLinkContent h2 { font-family:"BellSlimSemiBoldRegular"; color:#212121; padding-left: 15px;}
.downloadLinkContent h3 { font-family:"BellSlimSemiBoldRegular"; color:#212121; padding-left: 15px; font-size: 23px; }
.downloadLinkContent .downloadBox { margin-left: 5px;  margin-right: 5px; }
#maincontent .downloadLinkContent p.title { margin:20px 0 0 10px; padding:10px 5px 0 0;}
.downloadLinkContent p.{padding:10px 5px 0 0;}
.downloadLinkContent p.download { padding:0 5px 0 0; margin: 0; color:#212121; font-size: 14px;}
#maincontent .downloadLinkContent ul.download {list-style: none; margin-left: 14px;}
#maincontent .downloadLinkContent ul.download li {padding-bottom: 5px;  padding-left:14px; background: url('bl_default.gif') 0 0.5em no-repeat transparent;}
#maincontent p.download { margin-top: 0px; }



.strong { font-weight:bold;}
.clearer {clear: both; display: block; overflow: hidden; width: 0; height: 0; line-height: 0; }



/**************************
 * Left navigation styles *
 **************************/

/* used for Options text in navigation*/
.navOptions {   font-weight:normal; font-size:14pt; color:#212121; font-style:Arial; line-height:inherit; padding:30px 30px 4px 10px; }

/* used in left navigation for unselected folders*/
.leftnavfolder { font-weight:normal; font-style:Arial; border-top:1px solid #D9D9D9; color:#00446e; font-size:12px; padding:4px 0pt 4px 5px; background: url("menu_arrow.gif") no-repeat right center; }
.leftnavfolder a {text-decoration:none; background:none;}
.leftnavfolder a:hover {text-decoration: underline;}

/* used in left navigtaion for selected folders*/
.leftnavfolderopen { margin:0 0 0 -6px; padding:4px 0pt 4px 5px; border-top:1px solid #D9D9D9; font-style:Arial; font-size: 12px; color:#212121;}
.leftnavfolderopen a { color: #212121; background:none;  border-top:none; font-weight:normal;}
.leftnavfolderopen a:hover { text-decoration: none; }
.leftnavfolderopen img { display:none; visibility:hidden; margin-left:-10px; height:1px; width:1px;}

/* used in navigation link sub-menu */
a.navMenuItem {font-size: 14px; padding: 0px; border: none}

/* used for navigation folder menu category header*/
.menuCategory { font-weight: bold;font-size:16px;color:#333333; padding:0px 0 10px 0; border-bottom:0px solid #cccccc; text-align:left;}


/* used for Off keyword in menus when service is off*/
.serviceOff {color:#555 }

/*****************
 * Body Elements *
 *****************/

/* used for column header for tables */
.listHeader{ text-decoration:none;font-weight:bold; padding:5px 1px 5px 0;}
.listHeader td {padding:5px 0 5px 0;}
/*used for column headers for tables which can be sorted on that column */
a.listSortHeader {text-decoration:none;font-weight:bold;color:#0066A4;}
a.listSortHeader:hover {text-decoration: underline; }

/* used for user home page for the service links */
.link{text-decoration:underline;color:black}

/* used for background for buttons on pages */
.buttonbar{font-size:11px; text-decoration:none;font-weight:bold;color:#03436f; border-top:1px solid #E2E2E2; border-right:1px solid #E2E2E2; border-left:1px solid #E2E2E2; border-bottom:0px solid #E2E2E2; background: url("bg_gradRibbon.gif") left bottom repeat-x transparent; padding:5px 0 10px 10px;}

/* used for screen name on pages */
/********************************
 * Header bar weclome should be
 * to use bell slim font
********************************/
.screenName{font-family:"BellSlimSemiBoldRegular";color:#212121;font-size:24px;font-weight:normal;padding:0; margin:0; width:750px; display:block;}


/* used for tip text on pages */
.tip{padding:25px 25px 15px 0; color:#666666;}

/* used for colored bars on pages */
.headandfoot {color:#ffffff;font-weight:bold;}
.headandfoot {padding: 0 2px; width:auto;}


/* used for backround body colors */
/* td.enduserbody {border: thin none black; padding:2px;  border-right:1px solid #dddee0; border-top:4px solid #dddee0;  border-left:1px solid #dddee0; color:#707070;} */
td.enduserbody {border: thin none black; padding:2px;  border-right:1px solid #dddee0; border-left:1px solid #dddee0; color:#555;}
table.enduserbody {border: thin none black; padding:2px;  border-right:none;  border-left:none; color:#555;}
td.enduserbody table {color:#555;}
/* used for links in body pages, such as configure Device,customize columns,etc.*/
A.nestedLink {color:#0066A4; text-decoration: underline; cursor:pointer;}

/******************
 * Table Elements *
 ******************/
TD.unselected { text-decoration:none; color:#717171;}
TD.unselected a.headerLink { color:#00446E; padding-right:15px;}
TD.unselected a.headerLink:hover { text-decoration:underline; color:#212121;padding-right:15px;}
TR.unselected {text-decoration:none; color:#717171;}
TR.unselected:nth-child(even) { background-color: #f8f8f8; }
TR.hilite {background-color:#f6f6f6; color:#000066;text-decoration:none;}
TR.hilite td {color:#000066; text-decoration:underline;}
a.tableLink {color:#0066A4;text-decoration:none;}
a.tableLinkHover {color:#0066A4;text-decoration:underline; }

/********
 * Tabs *
 ********/
TD.tabActive {font-size:12px;color:#000000;background-color:#c8c8c8;font-weight:bold;}
TD.tab {font-size:12px;color:#FFFFFF;background-color:#666666;font-weight:bold; }
A.tab {font-size:12px;color:#FFFFFF;font-family:Tahoma, Verdana; } /* GET RID OF*/

/******************
 * User Messages  *
 ******************/
.error{font-size:12px;color:red;background-color: #F0F0F0 ;border: thin solid #C8C8C8;padding: 5px}
.warning{font-size:12px;color:blue;background-color: #F0F0F0 ;border: thin solid #C8C8C8;padding: 5px}
.informational{font-size:12px;color:#00446e; font-weight:bold;background-color: #F0F0F0 ;border: 1px solid #C8C8C8;padding: 5px}



/******************
 * Login Screen   *
 ******************/
.login {background-color: #CCCCCC;}
.loginbase {background-color: #CCCCCC;}
.logintext {font-size: 12px; color:#ffffff;}

/******************
 * Button styles  *
 ******************/
input {font-size:12; height: 20px; margin: 1px; }
input[type="text"] { margin: 3px; border-top: 1px solid #5F5F5F; border-bottom: 1px solid #CDCDCD; border-left: 1px solid #A6A6A6; border-right: 1px solid #A6A6A6; }

/*#search0.bwbutton {font-size:12; color:#000000; height:21px; width:82px; background: url("btn_search_bg.gif") no-repeat left bottom; border:none;padding-bottom:4px; margin:10px 0 10px 0;}*/
/* Pages are always rendered in QuirksMode in IE because, amongst other things, the doctype is never set. Therefore, CSS rules are weirdly applied.
   The following numerous IDs are used to correctly render the buttons in the search box. */
#searchTableTbody input[type='submit'], #search0, #search1, #search2, #search3, #search4, #search5, #search6, #search7, #search8, #search9, #search10 {color:#ffffff; height:37px; width:84px; background: url("btn_search_bg.png") no-repeat left bottom; border:none; padding-bottom: 0px; margin:0px 0 0px 0; cursor: pointer; }

/* #add0.bwbutton {font-size:12; color:#FFFFFF; height:21px; width:21px; background: url("btn_OK_bg.gif") no-repeat left bottom; border:none;padding-bottom:4px; margin:10px 20px 10px 20px;} */
#searchTableTbody input[type='button'], #add0, #add1, #add2, #add3, #add4, #add5, #add6, #add7, #add8, #add9, #add10, #del0, #del1, #del2, #del3, #del4, #del5, #del6, #del7, #del8, #del9, #del10  { font-size:12; color:#212121; height:37px; width:37px; background: url("btn_criteria_bg.png") no-repeat left bottom; border:none;padding-bottom:0px; margin:0px 5px 0px 5px; cursor: pointer;}

.bwbutton { font-size: 11px; color: #212121; height:37px; width:84px; background: url("btn_standard_bg.gif") no-repeat left bottom; border: none; padding-bottom: 0px; cursor: pointer; margin: 0;}

.bwbuttonlong {
    font-size: 11px;
    color: #212121;
    height: 37px;
    width: 84px;
    border: none;
    padding-bottom: 0px;
    cursor: pointer;
    margin: 0;
}

/* .bwbutton {font-size:11px; color:#FFFFFF; height:37px; width:84px; background: url("btn_search_bg.png") no-repeat left bottom; border:none;padding-bottom:0px; margin:1px 0 1px 0; cursor: pointer; } */
.bwbuttonNoWidth {font-size:12;height: 22;}
select {font-size:12; /*height:20px;*/ margin: 3px; border-top: 1px solid #5F5F5F; border-bottom: 1px solid #CDCDCD; border-left: 1px solid #A6A6A6; border-right: 1px solid #A6A6A6;}
select[multiple], select[name="availableList"], select[name="memberList"] { height: auto; }
select.autoattendant {width: 183px; margin: 0px 3px 0px 3px;}
input[type="radio"] { height: auto; margin: 0px 3px}


/******************
 * Fieldset styles*
 ******************/
.fldset {font-size:12px;color:#000000}
.fldsetline {border-color:#FFFFFF; padding: 0px 15px 10px 15px; margin-bottom: 0px;}
.fldsetline td { padding: 1px 5px 1px 5px; }

/*******************
 * Calendar styles *
 *******************/
.monthbar{color:#ffffff;background-color:#0066A4;}
.daybar{color:#ffffff;background-color:#0066A4;}
.weekend{color:#ffffff;background-color:#f6f6f6;}

/*******************
 * Debug styles    *
 *******************/
TABLE.debug {color:#FFFFFF;}

#lightbox{ position:absolute; left:0px; top:0px; width:100%; z-index:12000; }
.lightzone{position:relative; left:50%; margin-left:-280px;  width: 560px; margin-top:100px; text-align:center; z-index:1;}
#lightbg{ position:absolute; left:0px; top:0px; z-index:0; background:#ffffff; filter:alpha(opacity=65); -moz-opacity:0.65; opacity:0.65;}
#lightbox div.lightzoneContentBG {background: url("message.png") no-repeat left top; width:542px; text-align:left; height:198px; }
* html .lightzoneContentBG {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='message.png',sizingMethod='scale');
    background:none; width:542px; text-align:left; height:198px; z-index:0; }
.lightzoneContent { position:absolute; top:0; left:0; width:542px; text-align:left; height:198px; z-index:1; }
* html .lightzoneContent {position:absolute; top:0; left:0; width:542px; text-align:left; height:198px; z-index:1; }
#lightboxHeader{ width:522px; margin:0; height:49px; padding:10px 0 10px 10px;}
#lightboxHeader h2 { font-weight:normal; font-size:22px; width:400px; float:left; margin:15px 0 0 0; padding-left:15px;}
#lightboxHeader .close { float:right; margin:10px 10px 0 0; padding:5px 0 5px 0; text-decoration:none;}
#lightboxContent { margin:0; padding: 10px 25px 10px 25px; font-weight:normal; font-size:18px; color: #212121; }
#lightboxContent p.right { text-align:right; margin:0; padding:0;}
#lightboxContent h2 { font-weight:normal; font-size:18px;}
#lightboxContent a { text-decoration:none;}




/*:: =Buttons ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.buttonize, .button {font-family: helvetica,arial,sans-serif;display: block;float: left;overflow: visible;width: auto;padding: 0;margin: 0 8px 0 0;border: none;background: none transparent;}
.buttonize:hover, .button:hover {text-decoration: none;cursor: pointer;}

.buttonize span,.noJs .buttonize, .button span,.noJs .button {position: relative;top: 0;display: inline;float: left;text-decoration: none;white-space: nowrap;cursor: pointer;}
.buttonize span span, .button span span {position: absolute;top: 0;right: -19px;width: 19px;padding: 0;margin: 0;background-position: right top;margin-right: 0;}
.noJs .buttonize, .noJs .button {padding:4px 21px 3px;margin-right: 0;background: none #f2f2f2;border: 1px solid #ddd;}

.buttonize span, .button span {padding-left: 19px;margin-right: 19px;line-height: 1em;font-size: 12px;height: 24px;padding-top: 13px;color: #fff;background: url(bg_buttonSprite.png) left top no-repeat transparent;}
.buttonize span span, .button span span {height: 37px;padding-top: 0;}
.buttonize span.accessAlt, .button span.accessAlt, .buttonize span.offScreen, .button span.offScreen {display: none;}

.btnLnk span,.btnAltAct span, .buttonLink span,.buttonThemeC span {height: 20px;padding-top: 11px;padding-right:19px;}
.btnLnk span span,.btnAltAct span span, .buttonLink span span,.buttonThemeC span span {height: 31px;}

.btnPrimAct span, .buttonThemeA span {font-size: 14px;line-height: 15px;height: 27px;padding-top: 14px;}
.btnPrimAct span span, .buttonThemeA span span {height: 41px;padding-top: 0;}

.buttonThemeB span, .buttonThemeD span {margin-right: 12px;padding-left: 15px;height: 17px;padding-top: 6px;background-position: left -650px;}
.buttonThemeB span span, .buttonThemeD span span {margin: 0;padding: 0;height: 23px;background-position: right -650px;width: 15px;right: -15px;}

.buttonThemeD span {background-position: left -400px; height: 19px; line-height: 19px; padding-bottom: 2px; padding-top: 4px; color: #212121;}
.buttonThemeD span span {background-position: right -400px; height: 25px;}

.buttonThemeE span {height: 15px;padding-top: 4px;background-position: left -696px; line-height: 11px;}
.buttonThemeE span span {height: 19px;padding-top: 0;background-position: right -696px;}

.btnLnkAlt span, .buttonLinkThemeB span, .buttonLinkThemeC span {height: 18px;padding-top: 7px;}
.btnLnkAlt span span, .buttonLinkThemeB span span, .buttonLinkThemeC span span {height: 25px;}

button.buttonize, button.button {position: relative;top: -1px;margin-left: -3px;margin-right: 10px;}


/* default blue action button (deprecated - use "button" by default) */
.btnDftAct span,.noJs .btnDftAct {color: #fff;}
.btnDftAct span span {right: -19px;width: 19px;background-position: right top;}
.noJs .btnDftAct {border: 1px solid #015581;background: none #035a87;}

/* default grey action button */
.btnAltAct, .buttonThemeC, .buttonLink {margin-top: 3px;}
.btnAltAct span,.noJs .btnAltAct, .buttonThemeC span,.noJs .buttonThemeC {background-position: left -150px;color: #212121; padding-right: 0;}
.btnAltAct span span, .buttonThemeC span span {right: -19px;width: 19px;background-position: right -150px;}
.noJs .btnAltAct, .noJs .buttonThemeC {border: 1px solid #ddd;background: none #f2f2f2;}

/* buttonImage */
/* add to cart blue button (this is the default theme) */
.btnCartAct span,.noJs .btnCartAct, .buttonImage span,.noJs .buttonImage {margin-right: 45px;color: #fff;}
.btnCartAct span span, .buttonImage span span {right: -45px;width: 45px;background-position: right -50px;}
.noJs .btnCartAct, .noJs .buttonImage {border: 1px solid #015581;background: none #035a87;}

/* dropdow blue button */
.btnDrpDwn span, .buttonImageThemeA span {height: 22px;padding-top: 11px;}
.btnDrpDwn span span, .buttonImageThemeA span span {height: 33px;}
.btnDrpDwn span,.noJs .btnDrpDwn, .buttonImageThemeA span,.noJs .buttonImageThemeA {margin-right: 38px;background-position: left -350px;color: #fff;}
.btnDrpDwn span span, .buttonImageThemeA span span {right: -38px;width: 38px;background-position: right -350px;}
.noJs .btnDrpDwn, .noJs .buttonImageThemeA {border: 1px solid #015581;background: none #035a87;}

/* right pill grey button */
.btnLnk span,.noJs .btnLnk,.buttonLink span,.noJs .buttonLink,.btnLnkAlt span,.noJs .btnLnkAlt,.buttonLinkThemeB span,.noJs .buttonLinkThemeB,buttonLinkThemeC span,.noJs .buttonLinkThemeC {background-position: left -200px;color: #212121;}
.btnLnk span span,.buttonLink span span,.btnLnkAlt span span,.buttonLinkThemeB span span,.buttonLinkThemeC span span {right: -19px;width: 38px;background-position: right -200px;}
.noJs .btnLnk, .noJs .buttonLink {border: 1px solid #ddd;background: none #f2f2f2;}

/* left pill grey button */
.buttonLinkThemeA span {background-position: left -250px; padding-left: 38px; padding-right: 0;}
.buttonLinkThemeA span span {background-position: right -250px; right: -21px; width: 21px;}

/* slim right pill grey button  */
.btnLnkAlt span,.noJs .btnLnkAlt, .buttonLinkThemeB span,.noJs .buttonLinkThemeB, .buttonLinkThemeC span,.noJs .buttonLinkThemeC {background-position: left -300px;color: #212121; padding-right:20px;}
.buttonLinkThemeC span,.noJs .buttonLinkThemeC {background-position: left -750px;}
.btnLnkAlt span span, .buttonLinkThemeB span span {background-position: right -300px;}
.buttonLinkThemeC span span {background-position: right -750px;}
.noJs .btnLnkAlt, .noJs .buttonLinkThemeB, .noJs .buttonLinkThemeC {border: 1px solid #ddd;background: none #f2f2f2;}

/* primary action blue button (search,login...)*/
.btnPrimAct span,.noJs .btnPrimAct, .buttonThemeA span,.noJs .buttonThemeA {margin-right: 24px;padding-left: 24px;background-position: 0 -100px;color: #fff;}
.btnPrimAct span span, .buttonThemeA span span {margin: 0;padding: 0;right: -24px;width: 24px;background-position: right -100px;} /* ### under Chrome, theres a line gap bug */
.noJs .btnPrimAct, .noJs .buttonThemeA {border: 1px solid #015581;background: none #035a87;}

/* add to any of the previous button for deactivate styles */
.btnDeactive span, .buttonDisabled span {background-image: url(../common/all_languages/all_regions/skin/bg_buttonDeactivSprite.png); cursor:default; color: #D6D6D6;}
.noJs .btnDeactive, .noJs .buttonDisabled {background: none #f2f2f2;border: 1px solid #ddd;color: #fff;}

.noJs .btnDftAct, .noJs .btnAltAct, .noJs .btnCartAct , .noJs .btnPrimAct, .noJs .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 */
.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 */
.buttonFullWidth span {float: none !important; display: block !important;}

/* buttonAside - elements that sit next to a button element */
.buttonAside {float: left; margin-top: 12px;}
/*  Important note: Themes for buttonAside work differently. They match to their respective buttonThemeX.
  Examples:
  1) buttonAsideThemeB "matches" buttonThemeB
  2) buttonAsideThemeD "matches" buttonThemeD */
.buttonAsideThemeB, .buttonAsideThemeD {margin-top: 4px;}

/* per-context */

.cTabs .buttonAside{margin-top:3px;}


#mainContainer {
    width: 100%;
    /*width: 977px; */
    /*position: relative;*/
    /*left: 50%; */
    /*margin-left: -488px;*/
    /*padding: 0; */
    /*text-align: left; */
}

#mainContainer #appTitle { background: none; color: #212121; font-family: "BellSlimSemiBoldRegular"; float: left; padding-top: 15px; }
#mainContainer #appTitle h1 { font-size: 25px; }


.lining, .padder {padding: 0 21px;position: relative;}
.padderThemeA {padding-left:0;}
.padderThemeB {padding-right:0;}
.padderThemeC {padding: 0 21px !important;} /* left/right only */
.padderThemeD {padding-top:0 !important;}
.padderThemeE {padding-bottom:0 !important;}
.padderThemeF {padding: 21px 0 !important;} /* top/bottom only */
.padderThemeG {padding: 0 !important;}
.padderThemeH {padding: 21px;}
.padderThemeI {padding: 21px 0 0 0 !important;} /* top only */
.padderThemeJ {padding: 0 0 21px 0 !important;} /* bottom only */
.padderThemeK {padding-left: 10px;}
.padderThemeL {padding-right: 10px;}
.padderThemeM {padding-top: 10px;}
.padderThemeN {padding-bottom: 10px;}
.padderThemeO {padding: 0 10px;}
.padderThemeP {padding: 10px 0;}
.padderThemeQ {padding: 0 21px 21px 9px !important;} /* right/bottom only */
.padderThemeR {padding: 0 0 21px 21px !important;} /* left/bottom only */
.padderThemeS {padding: 21px 21px 0 0 !important;} /* right/top only */
.padderThemeT {padding: 21px 0 0 21px !important;} /* left/top only */

.vSpacer {height: 1px;margin-top: 4em;} .vSpacerAlt {height: 1px;margin-top: 25px;}


/*:: =cBox ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.cBox, .vTabsThemeA .tabContSet {padding-top: 24px;padding-bottom: 24px;margin-bottom: 20px;position: relative;min-height: 22px;background: #fff;}

.cBoxExtra1, .vTabsThemeA .tabContSet .cBoxExtra1 {width: 1px;height: 100%;min-height: 100%;position: absolute;left: 0;top: 0;background: none #d6d6d6;z-index: 1;}
.cBoxExtra2, .vTabsThemeA .tabContSet .cBoxExtra2 {width: 1px;height: 100%;min-height: 100%;position: absolute;right: 0;top: 0;background: none #d6d6d6;z-index: 1;}
.cBoxExtra3, .vTabsThemeA .tabContSet .cBoxExtra3 {position: absolute;top: 0;left: 0;height: 12px;width: 100%;background: url(http://bell.ca/web/common/all_languages/all_regions/skin/bg_cBoxExtra.png) right top no-repeat transparent;z-index: 1;}
.cBoxExtra4, .vTabsThemeA .tabContSet .cBoxExtra4 {position: relative;top: 0;left: 0;margin-right: 12px;height: 12px;background: url(http://bell.ca/web/common/all_languages/all_regions/skin/bg_cBoxExtra.png) left top no-repeat transparent;z-index: 1;}
.cBoxExtra5, .vTabsThemeA .tabContSet .cBoxExtra5 {position: absolute;bottom: 0;left: 0;width: 100%;height: 17px;background: url(http://bell.ca/web/common/all_languages/all_regions/skin/bg_cBoxExtra.png) right bottom no-repeat transparent;z-index: 2;}
.cBoxExtra6, .vTabsThemeA .tabContSet .cBoxExtra6 {position: relative;bottom: 0;left: 0;margin-right: 17px;height: 17px;background: url(http://bell.ca/web/common/all_languages/all_regions/skin/bg_cBoxExtra.png) left bottom no-repeat transparent;z-index: 2;}


/* cBoxThemeA a.k.a cBoxAlt (deprecated) - Alternate style for cBox. Removes top/bottom padding. */
.cBoxAlt, .cBoxThemeA, .cBoxThemeB, .cBoxThemeF {padding: 0; overflow: visible;}
.cBoxAlt .refLine, .cBoxThemeA .colGroup, .cBoxThemeB .colGroup {border-bottom: 1px solid #e2e2e2;margin-bottom: 0;}
.cBoxAlt ul.refLine, .cBoxThemeA ul.colGroup {border-bottom: 0 none;margin-bottom: 0;}
.cBoxAlt .lining, .cBoxThemeA .padder, .cBoxThemeB .padder, .cBoxAlt .padder, .cBoxThemeA .lining, .cBoxThemeB .lining, .cBoxThemeF .lining, .cBoxThemeF .padder {padding-top: 24px;padding-bottom: 24px;}
.cBoxAlt .bStick, .cBoxAlt .stickyBottom, .cBoxThemeA .stickyBottom, .cBoxThemeB .stickyBottom {bottom: 24px;}
.cBoxAlt .mGrid4 .refLine, .cBoxThemeA .mGrid4 .colGroup, .cBoxThemeB .mGrid4 .colGroup {border-bottom: 0 none;margin-bottom: auto;}

/* cHeader a.k.a cHead (deprecated) */
.cBox .cHead, .cBox .cHeader {position: relative;margin-top: -24px;margin-bottom: 24px;padding-top: 19px;padding-bottom: 15px;background: url(http://bell.ca/web/common/all_languages/all_regions/skin/bg_gradRibbon.gif) left bottom repeat-x #fff;}

.cHead h2, .cHead h3, .cHead h4, .cHeader h2, .cHeader h3, .cHeader h4 {margin-bottom: 0;}
.cHead .txtRep, .cHeader .txtRep {margin: 0;}
.cHead .txtRep span, .cHeader .txtRep span, .cHeader .fontFace span {color: #666;} .cHead .txtRep .priceTag, .cHeader .txtRep .priceTag, .cHeader .fontFace .priceTag {color: #0066A4;}

.cHead h2 a.tgl, .cHeader h2 a.toggle {color: #212121;}
.cBox .tgl, .cBox .toggle {margin-bottom: 0px;}

.cBoxAlt .cHead, .cBoxAlt .cHeader, .cBoxThemeA .cHeader, .cBoxThemeB .cHeader, .cBoxThemeF .cHeader, .cBoxThemeA .cHead, .cBoxThemeB .cHead, .cBoxThemeF .cHead {margin-top: 0;margin-bottom: 0;}

.cHeadOptions, .cHeaderOptions {position: absolute;right: 21px;top: 23px;}
.cHeadOptions .tgl, .cHeaderOptions .toggle {display: inline-block;}
.cHeaderOptions .toggleThemeA {position: relative; top: -8px;}
.cHeaderOptions .button {position: relative; top: -13px; right: -8px;}
.cHeaderOptions .buttonThemeD {top:-4px;}



.overflowWrapper { width: 765px; /*overflow: auto;*/ overflow: overlay; }
.btnAddField {font-size: 11px; color: #212121; height:37px; width:37px; background: url("btn_criteria_bg.png") no-repeat left bottom; border: none; padding-bottom: 0px; cursor: pointer; margin: 0;}