/* @override http://aliant.dev/common/styles/style.css */

/* @group Reset ---------------- */
/* ----------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/index.html - Removed some unncessary styles */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* HTML5 display-role reset for older browsers */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* @end */


/* @group Fonts -----------------*/
/* ----------------------------- */
/* http://www.fontsquirrel.com/fontface/generator */
@font-face {
	font-family: 'BellSlimSemiBoldRegular';
	src: url('../fonts/bellslisembol-webfont.eot');
	src: url('../fonts/bellslisembol-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/bellslisembol-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BellSlimBold';
	src: url('../fonts/bellslibol-webfont.eot');
	src: url('../fonts/bellslibol-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/bellslibol-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
/* http://yuilibrary.com/yui/docs/cssfonts/ Font defaults */
body {
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size: small;
	*font: x-small;
}
select,input,button,textarea {
	font: 99% arial,helvetica,clean,sans-serif;
}
table {
	font-size: inherit;
	font: 100%;
}
pre,code,kbd,samp,tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}
/* @end */


/* @group Layout --------------- */
/* ----------------------------- */
/* https://github.com/stubbornella/oocss/wiki/Template */
/* CLASS NAMES CHANGED: .page = .wrapper , .body = .main, .main = .content, .leftCol = .sidebar */
.wrapper {
	margin: 0 auto;
	width: 979px;
}
.main {
	background-image: url(../images/main-bg.gif);
	background-repeat: no-repeat;
	padding: 10px 5px;
	z-index: -9999;
}
.main, .content {
	*zoom: 1;
}
.main:after, .content:after {
	clear: both;
	display: block;
	visibility: hidden;
	overflow: hidden;
	height: 0 !important;
	line-height: 0;
	font-size: xx-large;
	content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}
.content {
	display: table-cell;
	*display: block;
	width: auto;
	_float: right;
	padding: 0 10px;
}
.sidebar {
	float: left;
	width: 154px;
	_margin-right: -3px;
	padding-right: 5px;
	padding-left: 5px;
}
.sidebar-right {
	float: right;
	width: 300px;
	_margin-left: -3px;
	margin-left: 30px;
	margin-right: 5px;
}
/* @end */


/* @group Grid System ---------- */
/* ----------------------------- */
/* http://yuilibrary.com/yui/docs/cssgrids/ - Class names changed: .yui3-g = .row, .yui3-u = .col) */
.row {
	letter-spacing: -0.31em; /* webkit: collapse white-space between units */
	*letter-spacing: normal; /* reset IE < 8 */
	word-spacing: -0.43em; /* IE < 8 && gecko: collapse white-space between units */
}
.col, .col-1, .col-1-2,.col-1-3, .col-2-3, .col-1-4, .col-3-4, .col-1-5, .col-2-5, .col-3-5, .col-4-5, .col-1-6, .col-5-6,.col-1-7, .col-2-7, .col-3-7, .col-4-7, .col-5-7, .col-5-7, .col-6-7, .col-1-8, .col-3-8, .col-5-8, .col-7-8, .col-1-12, .col-5-12, .col-7-12, .col-11-12 {
	display: inline-block;
	zoom: 1;
	*display: inline; /* IE < 8: fake inline-block */
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
}
.col img,.col-1 img,.col-1-2 img,.col-1-3 img,.col-2-3 img,.col-1-4 img,.col-3-4 img,.col-1-5 img,.col-2-5 img,.col-3-5 img,.col-4-5 img,.col-1-6 img,.col-5-6 img,.col-1-7 img,.col-2-7 img,.col-3-7 img,.col-4-7 img,.col-5-7 img,.col-5-7 img,.col-6-7 img,.col-1-8 img,.col-3-8 img,.col-5-8 img,.col-7-8 img,.col-1-12 img,.col-5-12 img,.col-7-12 img,.col-11-12 img {
	max-width: 100%;
}
.col-1 {width: 100%;}
.col-11-12 {width: 91.6666%;}
.col-7-8 {width: 87.5%;}
.col-6-7 {width: 85.7142858%;}
.col-5-6 {width: 83.33%;}
.col-4-5 {width: 80%;}
.col-3-4 {width: 75%;}
.col-5-7 {width: 71.4285715%;}
.col-2-3 {width: 66.66666%;}
.col-5-8 {width: 62.5%;}
.col-3-5 {width: 60%;}
.col-7-12 {width: 58.3333%;}
.col-4-7 {width: 57.1428572%;}
.col-1-2 {width: 50%;}
.col-3-7 {width: 42.8571429%;}
.col-5-12 {width: 41.6666%;}
.col-2-5 {width: 40%;}
.col-3-8 {width: 37.5%;}
.col-1-3 {width: 33.33333%;}
.col-2-7 {width: 28.5714286%;}
.col-1-4 {width: 25%;}
.col-1-5 {width: 20%;}
.col-1-6 {width: 16.656%;}
.col-1-7 {width: 14.2857143%;}
.col-1-8 {width: 12.5%;}
.col-1-12 {width: 8.333333%;}

/* For faux columns without requiring empty divs in the markup */
.offset-1-2 {padding-left: 50%;}
.offset-1-3 {padding-left: 33.33333%;}
.offset-2-3 {padding-left: 66.66666%;}
.offset-1-4 {padding-left: 25%;}
.offset-3-4 {padding-left: 75%}
.offset-1-5 {padding-left: 20%;}
.offset-2-5 {padding-left: 40%;}
.offset-3-5 {padding-left: 60%;}
.offset-4-5 {padding-left: 80%;}
.offset-1-6 {padding-left: 16.656%;}
.offset-5-6 {padding-left: 83.33%;}
.offset-1-8 {padding-left: 12.5%;}
.offset-3-8 {padding-left: 37.5%;}
.offset-5-8 {padding-left: 62.5%;}
.offset-7-8 {padding-left: 87.5%;}
.offset-1-12 {padding-left: 8.3333%;}
.offset-5-12 {padding-left: 41.6666%;}
.offset-7-12 {padding-left: 58.3333%;}
.offset-11-12 {padding-left: 91.6666%;}
/* @end */


/* @group HTML Elements -------- */
/* ----------------------------- */
body {
	color: #212121;
	background: url(../images/body-bg.gif) repeat-x;
}
img {
	display: block;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
hr {
	color: #dcdcdc;
	border: 1px solid #dcdcdc;
	border-width: 0 0 1px 0;
	margin: 20px 0;
	display: block;
}
.hr-snug {
	margin: 5px 0;
}
small {
	font-size: 83%;
}
sup, sub {
	font-size: 77%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
code, pre {
	padding: 0 3px 2px;
	font-family: Monaco, Andale Mono, Courier New, monospace;
	font-size: 12px;
	font-weight: normal;
	border-radius: 3px;
}
code {
	background-color: #fee9cc;
	color: rgba(0,0,0,0.75);
	padding: 1px 3px;
}
pre {
	background-color: #f5f5f5;
	display: block;
	padding: 8.5px;
	margin: 0 0 18px;
	line-height: 18px;
	font-size: 12px;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 3px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}
address {
	font-style: normal
}
button {
	cursor: pointer;
	border: none
}
p, address, ol, ul, dl, dd, dt {
	line-height: 1.5em
}
/* @end */


/* @group Heads & Typography --- */
/* ----------------------------- */
h1, .h1, h2, .h2 {color: #000; font-family: 'BellSlimSemiBoldRegular', Arial, Helvetica, sans-serif;}
h3, .h3, h4, .h4, h5, .h5, h6, .h6 {color: #212121; font-family: Arial, Helvetica, sans-serif;}
h1, .h1, h2, .h2, h3, .h3 {font-weight: normal;}
h4, .h4, h5, .h5, h6, .h6 {font-weight: bold;}
h1, .h1 {font-size: 238.46%;} /* 31px */
h2, .h2 {font-size: 200.00%;} /* 26px */
h3, .h3 {font-size: 146.15%;} /* 19px */
h4, .h4 {font-size: 123.08%;} /* 16px */
h5, .h5 {font-size: 107.69%;} /* 14px */
h6, .h6 {font-size: 100.00%;} /* 13px */
h1 small, h2 small {margin-left: .8em;}
.weak {font-weight: normal;}
.txt-center img {margin: 0 auto;}
.txt-center {text-align: center;}
.txt-right {text-align: right;}
.txt-left {text-align: left;}
.x-small {font-size: 85%;} /* 11px */
.small {font-size: 93%;} /* 12px */
.large {font-size: 108%;} /* 14px */
.x-large {font-size: 123.1%;} /* 16px */

/* @end */


/* @group Links ---------------- */
/* ----------------------------- */
a, a:visited {
	color: #0066a4;
	text-decoration: none;
}
a:focus, a:hover {
	text-decoration: underline;
}
/* special */
.more {
	background-image: url(../images/more-arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 21px;
	line-height: 1.6em;
}
/* extends .more */
.plus {
	background-image: url(../images/plus.gif);
}
.minus {
	background-image: url(../images/minus.gif);
}
.plus-big {
	background-image: url(../images/plus-big.gif);
	background-position: left center;
	padding: 5px 0 5px 35px;
}
.minus-big {
	background-image: url(../images/minus-big.gif);
	background-position: left center;
	padding: 5px 0 5px 35px;
}
.close {
	background-image: url(../images/circle-close.png);
	background-position: left center;
	padding: 5px 0 5px 20px;
}
/* @end */


/* @group Lists ---------------- */
/* ----------------------------- */
ul, ol {
	margin: 0 0 1em 1.5em;
}
ul ul, ul ol, ol ol, ol ul {
	margin-bottom: 0;
	margin-top: 9px;
}
ul {
	list-style: disc outside url(../images/bullet.gif);
	margin-left: 18px;
}
ol {
	list-style: decimal;
}
li {
	line-height: 1.55em;
	*line-height: 1.45em;
	padding-bottom: .4em
}
dl {
	margin: 1em 0;
	line-height: 1.55em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.5em;
}
dl dl dt {
	font-weight: normal
}
/* custom */
.unstyled {
	list-style: none;
	*list-style-image: none;
	margin-left: 0;
}
.horiz-list {
	margin-left: 0;
	margin-bottom: 0;
}
.horiz-list li {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin-right: 25px;
}
.horiz-list li img {
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
	margin-right: 0;
}
.nameval-pair dt, .nameval-pair th {
	font-weight: normal;
	color: #666;
}
.nameval-pair dd, .nameval-pair td {
	font-weight: bold;
	font-size: 107.69%;
}
.snug-list li {
	padding: 0;
	margin: 0;
}
.cozy-list li {
	margin-right: 10px;
}
.divided li {
	background-image: url(../images/ul-li-separator.gif);
	background-position: right 3px;
	background-repeat: no-repeat;
	padding: 0 15px;
}
.divided .last {
	background: none;
}
/* toolbar and icon extension classes .webmail & .moving */
.tool {
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 0 5px 35px;
}
.webmail {
	background-image: url(../images/icon-webmail.gif);
}
.moving {
	background-image: url(../images/icon-moving.gif);
}
/* @end */


/* @group Tables --------------- */
/* ----------------------------- */
table {
	width: 100%;
	margin: 20px 0;
	padding: 0;
	border-collapse: separate;
	*border-collapse: collapse;
	border: 1px solid #d9d9d9;
	border-radius: 6px;
}
table caption {
	text-align: left;
}
table th, table td {
	padding: 10px 20px;
	text-align: left;
	border-left: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
}
table th {
	font-weight: bold;
	vertical-align: middle;
	border-top: none;
}
table td {
	vertical-align: middle;
}
td:first-child, th:first-child {
	border-left: none;
}
table thead tr:first-child th:first-child {
	border-radius: 6px 0 0 0;
}
table thead tr:first-child th:last-child {
	border-radius: 0 6px 0 0;
}
table tbody tr:last-child td:first-child {
	border-radius: 0 0 0 6px;
}
table tbody tr:last-child td:last-child {
	border-radius: 0 0 6px 0;
}
/* custom */
.nameval-pair {
	width: auto;
	margin: 0;
	border: none;
}
.nameval-pair th, .nameval-pair td {
	padding: .5em;
}
.nameval-pair th {
	text-align: right;
	white-space: nowrap;
}
.nameval-pair td {
	border: none;
}
.zebra tbody tr:nth-child(odd) td {
	background-color: #f2f2f2;
}
.cap-top th {
	padding: 10px 20px 0;
	border-bottom: 1px solid #d9d9d9;
	border-radius: 6px 6px 0 0 !important;
}
.embedded {
	margin: 0;
	border: 0;
}
/* @end */


/* @group Boxes ---------------- */
/* ----------------------------- */
.band {
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding: 20px 0;
	background-color: #fff;
	margin-bottom: 20px;
}
.media {
	padding: 0 0 1.5em 0;
}
.media, .bd {
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
}
.media .img {
	float: left;
	margin-right: 10px;
}
.media .img img {
	display: block;
}
.media-thumbnail {
	margin: 1em 0;
}
.box {
	border: 1px solid #dcdcdc;
	background-color: #fff;
	border-radius: 6px;
	margin-bottom: 20px;
}
.boxes {
	margin-left: -20px;
}
.boxes .box {
	margin-left: 20px;
}
.boxes .box .box {
	margin-left: auto
}
.boxes .box .boxes .box {
	margin-left: 20px
}
.squared {
	border-radius: 0;
}
.round-top {
	border-radius: 6px 6px 0 0;
}
.round-bot {
	border-radius: 0 0 6px 6px;
}
.round-all {
	border-radius: 6px 6px 6px 6px;
}
.round-left {
	border-radius: 6px 0 0 0;
}
.round-right {
	border-radius: 0 6px 0 0;
}
.cap-top {
	padding: 10px 20px;
	margin-bottom: 0;
	border-bottom: 1px solid #dcdcdc;
}
.cap-bot {
	padding: 10px 20px;
	margin-bottom: 0;
	border-top: 1px solid #dcdcdc;
	margin-top: 0;
}
.box .cap-top {
	border-radius: 6px 6px 0 0;
}
.box .cap-bot {
	border-radius: 0 0 6px 6px;
}
.cap-large {
	padding: 25px 15px 5px;
}
.cap-x-large {
	padding: 35px 15px 15px;
}
.lined {
	border-right: 1px solid #dcdcdc;
	margin-left: -1px;
}
.line-top {
	border: none;
	border-top: 1px solid #dcdcdc;
}
.line-top-bottom {
	border-bottom: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
	border-left: 0;
	border-right: 0
}
.unlined {
	border: 0
}
.unlined th, .unlined td {
	border: 0;
	padding: 0
}
.no-top {
	border-top: 0;
}
.no-bot {
	border-bottom: 0;
}
.no-side {
	border-left: 0;
	border-right: 0;
}
.white-brdr {
	border-radius: 6px;
	border: 1px solid #fff;
	margin: 0;
	padding: 0
}
/* @end */


/* @group Backgrounds ---------- */
/* ----------------------------- */
.lite-bg {
	background: #ebebeb;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb));

	background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%);

	background: -o-linear-gradient(top, #ffffff 0%,#ebebeb 100%);

	background: -ms-linear-gradient(top, #ffffff 0%,#ebebeb 100%);

	background: linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 );

	zoom: 1;
}
.reverse-lite-bg {
	background: #f1f1f1;

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(top, #f1f1f1 0%, #ffffff 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#ffffff));

	background: -webkit-linear-gradient(top, #f1f1f1 0%,#ffffff 100%);

	background: -o-linear-gradient(top, #f1f1f1 0%,#ffffff 100%);

	background: -ms-linear-gradient(top, #f1f1f1 0%,#ffffff 100%);

	background: linear-gradient(to bottom, #f1f1f1 0%,#ffffff 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );

	zoom: 1;
}
.chevron-bg {
	margin-right: -17px;
	z-index: 999;
	zoom: 1;
	background: url(../images/chevron.png) center right no-repeat, #ebebeb;
	background: url(../images/chevron.png) center right no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: url(../images/chevron.png) center right no-repeat, -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);

	background: url(../images/chevron.png) center right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb));

	background: url(../images/chevron.png) center right no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%);

	background: url(../images/chevron.png) center right no-repeat, -o-linear-gradient(top, #ffffff 0%,#ebebeb 100%);

	background: url(../images/chevron.png) center right no-repeat, -ms-linear-gradient(top, #ffffff 0%,#ebebeb 100%);

	background: url(../images/chevron.png) center right no-repeat, linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 );

}
.row-bg-1col {
	background: #ffffff;

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(left, #ffffff 0%, #f2f2f2 100%);

	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));

	background: -webkit-linear-gradient(left, #ffffff 0%,#f2f2f2 100%);

	background: -o-linear-gradient(left, #ffffff 0%,#f2f2f2 100%);

	background: -ms-linear-gradient(left, #ffffff 0%,#f2f2f2 100%);

	background: linear-gradient(to right, #ffffff 0%,#f2f2f2 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 );

	zoom: 1;
}
.row-bg-2col {
	background: #ffffff;

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2NiY2JjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwLjclIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

	background: -moz-linear-gradient(left, #ffffff 0%, #f2f2f2 50%, #cbcbcb 50%, #ffffff 50.7%, #f2f2f2 100%);

	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(50%,#f2f2f2), color-stop(50%,#cbcbcb), color-stop(50.7%,#ffffff), color-stop(100%,#f2f2f2));

	background: -webkit-linear-gradient(left, #ffffff 0%,#f2f2f2 50%,#cbcbcb 50%,#ffffff 50.7%,#f2f2f2 100%);

	background: -o-linear-gradient(left, #ffffff 0%,#f2f2f2 50%,#cbcbcb 50%,#ffffff 50.7%,#f2f2f2 100%);

	background: -ms-linear-gradient(left, #ffffff 0%,#f2f2f2 50%,#cbcbcb 50%,#ffffff 50.7%,#f2f2f2 100%);

	background: linear-gradient(to right, #ffffff 0%,#f2f2f2 50%,#cbcbcb 50%,#ffffff 50.7%,#f2f2f2 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 );

	zoom: 1;
}
.dark-bg {
	background: #cccccc;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(top,  #ffffff 0%, #cccccc 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc));

	background: -webkit-linear-gradient(top,  #ffffff 0%,#cccccc 100%);

	background: -o-linear-gradient(top,  #ffffff 0%,#cccccc 100%);

	background: -ms-linear-gradient(top,  #ffffff 0%,#cccccc 100%);

	background: linear-gradient(to bottom,  #ffffff 0%,#cccccc 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );

	zoom: 1;
}
.focus-bg {
	background: #deeef4;

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWVlZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(top,  #ffffff 0%, #deeef4 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#deeef4));

	background: -webkit-linear-gradient(top,  #ffffff 0%,#deeef4 100%);

	background: -o-linear-gradient(top,  #ffffff 0%,#deeef4 100%);

	background: -ms-linear-gradient(top,  #ffffff 0%,#deeef4 100%);

	background: linear-gradient(to bottom,  #ffffff 0%,#deeef4 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#deeef4',GradientType=0 );

	zoom: 1;
}
.pop-bg {
	zoom: 1;
	color: #fff;
	background: #026fb0;

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ3OWFjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjZmYjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(top,  #479ace 0%, #026fb0 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#479ace), color-stop(100%,#026fb0));

	background: -webkit-linear-gradient(top,  #479ace 0%,#026fb0 100%);

	background: -o-linear-gradient(top,  #479ace 0%,#026fb0 100%);

	background: -ms-linear-gradient(top,  #479ace 0%,#026fb0 100%);

	background: linear-gradient(to bottom,  #479ace 0%,#026fb0 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#479ace', endColorstr='#026fb0',GradientType=0 );

}
.fill {
	background: #f2f2f2;
}
.no-fill {
	background: #fff;
}
.ie9 .lite-bg,
.ie9 .reverse-lite-bg,
.ie9 .chevron-bg,
.ie9 .row-bg-1col,
.ie9 .row-bg-2col,
.ie9 .dark-bg,
.ie9 .focus-bg,
.ie9 .pop-bg {
	filter: none;
}
/* @end */


/* @group Shadows -------------- */
/* ----------------------------- */
.shadow-sides {
	box-shadow: #aaa 0 4px 6px;
}
.shadow-rounded {
	position: relative;
}
.shadow-rounded:before,
.shadow-rounded:after {
	content: "";
	position: absolute;
	z-index: -2;
}
.shadow-rounded:before {
	top: 0;
	bottom: 0;
	left: 10px;
	right: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	border-radius: 200px / 10px;
}
.shadow-sm {
	border-bottom: 1px solid #999999;
	box-shadow: #dbdbdb 0 1px 0;
}
.shadow-med {
	box-shadow: #999 0 3px 6px;
}
.shadow-lrg {
	box-shadow: #999 0 4px 8px;
}
.shadow-around {
	box-shadow: #999 0 0 11px;
}
.bg-video {
	background-image: url(../../en/communityone/images/video-bg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
/* @end */


/* @group Buttons -------------- */
/* ----------------------------- */
.btn, .btn:visited {
	text-align: center;
	line-height: normal;
	font-weight: bold;
	white-space: nowrap;
	color: #444;
	text-decoration: none;
	padding: .6em 1.2em;
	position: relative;
	display: inline-block;
	border: solid 1px #aaa;
	border-radius: 6px;
	margin-right: 10px;
	text-shadow: 0 1px 0 #fff;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	transition: border-color .218s;
	background: #fdfdfd;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fdfdfd 0%, #e1e1e1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#e1e1e1));
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#e1e1e1 100%);
	background: -o-linear-gradient(top, #fdfdfd 0%,#e1e1e1 100%);
	background: -ms-linear-gradient(top, #fdfdfd 0%,#e1e1e1 100%);
	background: linear-gradient(to bottom, #fdfdfd 0%,#e1e1e1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e1e1e1',GradientType=0 );
	zoom: 1;	
}
.btn:hover, .btn:active {
	color: #000;
	text-decoration: none;
	background-color: #efefef;
	border-color: #555;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.primary, .primary:visited {
	color: #F5F5F5;
	text-shadow: 0 -1px 0 #044d79;
	border: solid 1px #666;
	background: #218ed0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxOGVkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY2YTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #218ed0 0%, #0066a4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#218ed0), color-stop(100%,#0066a4));
	background: -webkit-linear-gradient(top, #218ed0 0%,#0066a4 100%);
	background: -o-linear-gradient(top, #218ed0 0%,#0066a4 100%);
	background: -ms-linear-gradient(top, #218ed0 0%,#0066a4 100%);
	background: linear-gradient(to bottom, #218ed0 0%,#0066a4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#218ed0', endColorstr='#0066a4',GradientType=0 );
	zoom: 1;
}
.primary:hover {
	color: #FFF;
	text-decoration: none;
	background: #0066a4;
	border: solid 1px #555;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.30);
}
.disabled, .disabled:hover, .disabled:visited {
	color: #999;
	text-decoration: none;
	background: #ddd;
	border-color: #ccc;
	box-shadow: none;
	text-shadow: none;
	filter: none;
}
.primary-disabled, .primary-disabled:hover, .primary-disabled:visited {
	color: #fff;
	text-shadow: none;
	text-decoration: none;
	background: #89B8E7;
	border-color: #aaa;
	box-shadow: none;
	filter: none;
}
.btn-bar {
	margin-right: 0;
}
.btn-bar a {float: left;}
.btn-bar-fill {
	display: table;
	width: 100%;
}
.btn-bar-fill a {
	display: table-cell;
}
.lt-ie9 .btn-bar-fill {
	display: block;
	width: auto;
}
.lt-ie9 .btn-bar-fill a {
	float: left;
}
.btn-left {
	margin: 0;
	border-radius: 6px 0 0 6px;
}
.btn-middle {
	margin: 0;
	border-radius: 0 0 0 0;
	border-left: solid 1px #f3f3f3;
	border-left: solid 1px rgba(255, 255, 255, 0);
}
.btn-middle:hover,
.btn-right:hover {
	border-left: solid 1px #999;
}
.btn-right {
	border-radius: 0 6px 6px 0;
	border-left: solid 1px #f3f3f3;
	border-left: solid 1px rgba(255, 255, 255, 0);
}
.btn-fill, .btn-fill:visited, .btn-fill:active {
	margin: 0;
	display: block;
}
.ie6 .btn-fill, .ie6 .btn-fill:visited, .ie6 .btn-fill:active {
	width: 95%;
}
.h3 .btn {
	font-size: 13px;
	font-family: arial;
}
/* @end */


/* @group Icons ---------------- */
/* ----------------------------- */
[class^="icon-"],[class*=" icon-"] {
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
}
[class^="icon-chiclet-sm"],[class*=" icon-chiclet-sm"] {
	width: 34px;
	height: 34px;
	background-image: url(../images/icons-chiclets-small.png);
}
.icon-sm {
	width: 34px;
	height: 34px;
	background-image: url(../images/icons-chiclets-small.png);
	zoom: 1;
}
[class^="icon-chiclet-lg"],[class*=" icon-chiclet-lg"] {
	width: 64px;
	height: 70px;
	background-image: url(../images/icons-chiclets-large.png);
	zoom: 1;
}
.icon-lg {
	width: 64px;
	height: 70px;
	background-image: url(../images/icons-chiclets-large.png);
	zoom: 1;
}
[class^="icon-regular"],[class*=" icon-regular"] {
	width: 28px;
	height: 28px;
	background-image: url(../images/icons-headers.png);
}
[class^="icon-social"],[class*=" icon-social"] {
	width: 24px;
	height: 24px;
	background-image: url(../images/icons-socialmedia.png);
}
.icon-social {
	width: 24px;
	height: 24px;
	background-image: url(../images/icons-socialmedia.png);
	zoom: 1;
}
[class^="icon-message"],[class*=" icon-message"] {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 15px;
	background-image: url(../images/icons-messages.png);
}
[class^="icon-button"],[class*=" icon-button"] {
	width: 30px;
	height: 30px;
	margin-right: 5px;
	background-image: url(../images/icons-buttons-grey.png);
}
.primary [class^="icon-button"],.primary [class*=" icon-button"] {
	background-image: url(../images/icons-buttons-white.png);
}

.icon-button-account {background-position: 0 0;}
.icon-button-info {background-position: -30px 0;}
.icon-button-mail {background-position: -60px 0;}
.icon-button-search {background-position: -90px 0;}
.icon-button-chat {background-position: -90px 0;}
.icon-button-mail2 {background-position: 0 -30px;}
.icon-button-googlepin {background-position: -30px -30px;}
.icon-button-pen {background-position: -60px -30px;}
.icon-button-headset {background-position: -90px -30px;}
.icon-button-okay {background-position: 0 -60px;}
.icon-button-comments {background-position: -30px -60px;}
.icon-button-phone {background-position: -60px -60px;}
.icon-button-chat2 {background-position: -90px -60px;}
.icon-button-stamp {background-position: 0 -90px;}

.icon-chiclet-lg-tv {background-position: 0 0;}
.icon-chiclet-lg-phone {background-position: -64px 0;}
.icon-chiclet-lg-smartphone {background-position: -128px 0;}
.icon-chiclet-lg-laptop {background-position: -192px 0;}
.icon-chiclet-lg-fibreop {background-position: -256px 0;}
.icon-chiclet-lg-house {background-position: -320px 0;}

.icon-chiclet-sm-house {background-position: 0 0;}
.icon-chiclet-sm-phone {background-position: 0 -34px;}
.icon-chiclet-sm-laptop {background-position: 0 -68px;}
.icon-chiclet-sm-fibreop {background-position: -34px 0;}
.icon-chiclet-sm-smartphone {background-position: -34px -34px;}
.icon-chiclet-sm-tv {background-position: -34px -68px;}

.icon-regular-camcorder {background-position: 0 0;}
.icon-regular-lightbulb {background-position: -28px 0;}
.icon-regular-megaphone {background-position: -56px 0;}
.icon-regular-playbutton {background-position: 0 -28px;}

.icon-social-facebook {background-position: 0 0;}
.icon-social-twitter {background-position: -24px 0;}

.icon-message-info {background-position: 0 0;}

.icon-outbound {
	width: 12px;
	height: 11px;
	background-image: url(../images/icon-outbound.png);
	vertical-align: text-top;
}
/* @end */


/* @group Forms ----------- */
/* ----------------------------- */
input.button-search {
	vertical-align: bottom;
}
/* @end */


/* @group Navigation ----------- */
/* ----------------------------- */
.tabs {
	margin: 0 0 18px;
	padding: 0 0 0 15px;
	list-style: none;
	border-color: #ccc;
	border-style: solid;
	border-width: 0 0 1px;
	zoom: 1;
}
.tabs:before,
.tabs:after {
	display: table;
	content: "";
	zoom: 1;
}
.tabs:after {
	clear: both;
}
.tabs li {
	float: left;
	padding-bottom: 0;
	position: relative;
	margin-bottom: -1px;
}
.tabs a {
	float: left;
	padding: 0 1.1em;
	margin-right: .35em;
	line-height: 2.3em;
	font-weight: bold;
	border: 1px solid #ccc;
	border-radius: 5px 5px 0 0;
	background: #e7e7e7;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7));

	background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);

	background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);

	background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);

	background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );

	zoom: 1;
}
.tabs a:hover {
	text-decoration: none;
	background: #E7E7E7;
}
.tabs .active a, .tabs .active a:hover {
	cursor: default;
	color: #212121;
	border-bottom-color: #fff;
	background: #fff;
	filter: none;
}
/* @end */


/* @group C1 Slider ------------ */
/* ----------------------------- */
.slider {
	margin: 1em 0;
}
.slider-images {
	border: 1px solid #aaa;
	border-bottom: none;
	list-style: none;
	margin: 0;
	height: 280px;
	position: relative;
}
.slider-images li {
	padding: 0;
}
.slider-image {
	
}
.slider-caption {
	position: absolute;
	background: rgba(0,0,0,0.6);
	width: 574px;
	bottom: 0;
	padding: 15px 20px;
}
.lt-ie9 .slider-caption {
	background: url(../images/cycle/caption-bg.png);
}
.lt-ie7 .slider-caption {
	background: url(../images/cycle/caption-bg.gif);
}
.slider-caption h4, .slider-caption p {
	color: white;
	margin: 0;
}
.slider-nav {
	height: 32px;
	line-height: 32px;
	border: 1px solid #aaa;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}
.slider-nav #pager {
	margin: 0;
	text-align: center;
}
.slider-nav #pager li {
	padding: 0;
	list-style: none;
	list-style-image: none;
}
.slider-nav #pager li,
.slider-nav #pager a {
	width: 26px;
	height: 32px;
	line-height: 32px;
	display: inline-block;
}
.slider-nav #pager a {
	background-image: url(../images/cycle/slider-pager.png) !important;
	background-position: 0 center;
	z-index: 9999;
}
.slider-nav #pager a:hover {
	background-position: -26px center;
}
.slider-nav #pager .activeSlide, .slider-nav #pager li:hover .activeSlide {
	background-position: -52px center;
}
.slider-nav #prev {
	height: 32px;
	width: 34px;
	padding: 0;
	position: relative;
}
.slider-nav #next {
	float: right;
	background: url(../images/cycle/slider-next.png);
}
.slider-nav #prev {
	background: url(../images/cycle/slider-previous.png);
}
.slider-nav #next {
	float: right;
	background: url(../images/cycle/slider-next.png);
	height: 32px;
	width: 34px;
	padding: 0;
	position: relative;
}
.slider-nav #pager b, .slider-nav #prev b, .slider-nav #next b {
	position: absolute;
	left: -9999px;
}
.lt-ie8 .slider-nav #pager li,
.lt-ie8 .slider-nav #pager a {
	display: inline;
	zoom: 1;
}
/* @end */


/* @group Custom --------------- */
/* ----------------------------- */
.c1 {
	font-size: 323.08%;
}
.c1-logo {
	background: url(../../en/communityone/images/c1-logo.png) no-repeat;
	height: 60px;
	line-height: 1.75em;
	padding-left: 92px;
}
.price {
	font-size: 1.3em;
	font-weight: bold;
}
.banner {
	height: 195px;
	margin-top: -5px;
	position: relative;
}
.banner-tall {
	height: 269px;
	margin-top: -5px;
	margin-left: 10px;
}
.value-prop {
	height: 175px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: right top;
	padding: 65px 335px 0px 20px;
	margin-top: -54px;
	margin-right: -12px;
	position: relative;
}
.mobility {
	background-image: url(../../en/common/images/shop/mobility/mobility-top.jpg);
}
.long-distance {
	background-image: url(../../en/common/images/shop/homephone/long-distance-top.jpg);
}
.fibreop-bundles-cen-price{
	background-image: url(../../en/common/images/fibreop/fibreop_bundle_cen_price_bg.gif);		
	background-repeat:no-repeat;
	background-position: top right;
	
}
.fibreop-bundles-cen-bg{
	background-image: url(../../en/common/images/fibreop/fibreop_bundle_cen_gradient.gif);
	background-repeat:repeat-x;
}
.fibreop-bundle-promo {
	background-repeat: no-repeat;
	width: 140px;
	height: 177px;
	padding: 12px 12px;
	margin-bottom: 20px;
	background-image: url(../../en/shop/bundles/images/bonus-bg.gif);
	height: 137px;
}
#chat-availability, #chat-availability-left, #chat-availability2, #chat-availability-fr, #chat-availability2-fr {
    background-image: url("../../common/images/chatlive_on.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 29px;
    text-align: center;
}
#chat-availability-left {background-position: left top;}
#chat-availability-fr, #chat-availability2-fr {
    background-image: url("../../fr/common/images/chatlive_on.jpg");
}
.chat-availability-fr.disabled:after {
	content: " - déconnecté";
}
.chat-availability.disabled:after {
	content: " - Offline";
}
.lt-ie7 .chat-availability img {
	display: none;
}
.myaccount {
	height: 130px;
	padding: 10px 20px 5px 20px;
	border-radius: 6px 6px 0 0;
}
.support {
	height: 114px;
	padding: 10px 20px 0px 20px;
	border-radius: 0 0 6px 6px;
}
.txt-error {
	color: #cc0000;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 85%;
	font-family: "arial black", arial, sans-serif;
}
p.recommended {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 85%;
	font-family: "arial black", arial, sans-serif;
	margin: 0 0 -.7em 0;
	color: #005894;
	text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 0 #fff;
}
.lt-ie8 p.recommended {
	margin: 0 0 -.5em 0;
}
/* transparent overlay for modals */
.layer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
	background-image: url(../../en/shop/tv/images/transparent.png);
	background-repeat: repeat;
}
/* @end */


/* @group Helpers -------------- */
/* ----------------------------- */
.ir {display: block; border: 0; text-indent: -999em; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0;}
.ir br {display: none;}
.hidden {display: none !important; visibility: hidden;}
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}
.invisible {visibility: hidden;}
.clearfix:before, .clearfix:after, .horiz-list:before, .horiz-list:after {content: ""; display: table;}
.clearfix:after, .horiz-list:after {clear: both;}
.clearfix, .horiz-list {*zoom: 1;}
.inline {display: inline-block;}
.clear {clear: both}
.img-ext {float: right; padding-left: 10px;}
.img-int {float: left;}
.img-above {padding-bottom: 10px;}
.img-mid {vertical-align: middle}
.lt-ie8 .inline {display: inline; zoom: 1; margin: 0; padding-right: 4px;}

/* @end */


/* @group Custom Spacing ------- */
/* ----------------------------- */
h1, h2, h3, h4, h5, h6, ul, ol, dl, p, blockquote {margin-bottom: 10px;}
h1, h2, h3, h4, h5, h6 {padding-bottom: 0;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl {padding: 0;}
h2.inline + a.inline {margin-bottom: 1em;}

/* ------ Grid spacing ---*/
.snug, .inner, .inner-tight, .inner-snug, .inner-cozy, .inner-tall, .inner-roomy {margin-bottom: 0; position: relative;}
.snug {margin-bottom: 0; padding-bottom: 0}
.inner {padding: 20px;}
.inner-tight {padding: 5px;}
.inner-snug {padding: 10px;}
.inner-cozy {padding: 15px 20px;}
.inner-tall {padding: 20px 10px;}
.inner-roomy {padding: 30px;}
.gutters {margin: 0 -10px;}
.gutter {padding: 0 10px;}
.bottom {vertical-align: bottom}
.middle {vertical-align: middle;}
.static {position: static;}
.block {display: block;}
.box .bot {position: absolute; bottom: 20px}
.box .txt-center .bot {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	_left: 12.5%;
	_right: -25%
}

/* ------ Grid spacing overrides ---*/
.box .push-snug {margin: 0 -10px;}
.box .push-inner {margin: 0 -20px;}
.box .push-roomy {margin: 0 -30px;}

/* ------ For equal height boxes ---*/
.hset1 {height: 5em;}
.hset2 {height: 6em;}
.hset3 {height: 7em;}
.hset4 {height: 8em;}
.hset5 {height: 9em;}
.hset6 {height: 10em}
.hset7 {height: 11em;}
.hset8 {height: 12em;}
.hset9 {height: 13em;}
.hset10 {height: 14em;}
.hset11 {height: 15em;}
.hset12 {height: 16em;}
.hset13 {height: 17em;}
.hset14 {height: 18em;}
.hset15 {height: 19em;}
.hset16 {height: 20em;}
.hset17 {height: 21em;}
.hset18 {height: 22em;}
.hset19 {height: 23em;}
.hset20 {height: 24em;}
.hset21 {height: 25em;}
/* @end */


/* @group Legacy Styles -------- */
/* ----------------------------- */
/* OAS Slider */
#hero_container{margin:-5px 0 20px 0;position:relative;}#hero{height:195px;width:785px;}#hero .hidden{display:none;visibility:hidden;}#hero .nothidden{display:block;visibility:visible;}#slide_pager_container{position:absolute;left:362px;top:174px;z-index:999;margin-top:-10px;}#slide_pager_container_tall{position:absolute;left:282px;top:242px;z-index:999;margin-top:-10px;}#slide_paging{float:left;height:22px;position:relative;}#slide_paging a{color:#0066a4;padding:0 0 0 0;width:22px !important;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;margin:0 !important;float:left;margin-right:3px;text-align:center;height:22px;line-height:22px;position:relative;background-image:url(../images/pager-bg.gif);}.activeSlide{background-image:url(../images/pager-active-bg.gif) !important;background-position:top left;background-repeat:no-repeat;color:#fff !important;position:relative;}#prev, #next{float:left;padding:0 5px;}

/* Legacy Tabs */
ul.block-nav{height:57px;clear:both;margin:10px 0 -11px -1px;position:relative;}ul.block-nav li.left{background-image:url(../images/block-nav-li-left.gif);background-repeat:no-repeat;width:197px;height:42px;float:left;}ul.block-nav li{background-image:url(../images/block-nav-li-bg.gif);background-repeat:no-repeat;margin:15px 0 0 0;width:195px;height:42px;float:left;position:relative;}ul.block-nav li.right{background-image:url(../images/block-nav-li-right.gif);background-repeat:no-repeat;width:197px;height:42px;float:left;}ul.block-nav li a{font-family:'BellSlimBold' , Arial, sans-serif;font-size:14px;text-align:center;line-height:42px;display:block;}ul.block-nav li.selected{z-index:1020;}ul.block-nav li.selected a{background-image:url(../images/block-nav-hover.png);background-repeat:no-repeat;padding-top:15px;font-size:18px;color:#000000;text-decoration:none;width:220px;height:42px;top:-15px;left:-13px;position:absolute;z-index:1010;}ul.block-nav li.left-selected a{background-image:url(../images/block-nav-hover-left.png);background-repeat:no-repeat;padding-top:15px;padding-right:11px;font-size:18px;color:#000000;text-decoration:none;width:197px;height:42px;top:-15px;left:1px;position:absolute;z-index:1010;}ul.block-nav li.right-selected a{background-image:url(../images/block-nav-hover-right.png);background-repeat:no-repeat;padding-top:15px;padding-left:11px;font-size:18px;color:#000000;text-decoration:none;width:197px;height:42px;top:-15px;right:0;position:absolute;z-index:1010;}

/* Legacy Header */
.header{margin-bottom:9px;clear:both;position:relative;overflow:hidden;}.header .logo, .header .logo-cen, .header .logo-cen-fr{background-image:url(../images/logo.gif);background-repeat:no-repeat;display:block;width:140px;height:29px;top:17px;left:16px;position:absolute;z-index:999;}.header .logo-cen, .header .logo-cen-fr{background-image:url(../images/bellfibreop-logo.gif);width:185px;height:44px;top:0px;left:6px;}.header .logo-cen-fr{background-image:url(../images/bellfibreop-logo-fr.gif);}.header .logoFibreOp{background-image:url(../images/bellfibreop-logo.gif);width:185px;height:44px;position:absolute;}.header .navigation{padding-top:23px;}.header .navigation-central{height:73px;padding-top:0px;}.header .navigation ul{padding-left:215px;margin-bottom:0;clear:both;list-style:none;/** Rick Added **/}.header .navigation ul li{margin-right:8px;float:left;padding-bottom:0px;}.header .navigation ul li a{background-image:url(../images/navigation-li-bg.gif);background-repeat:no-repeat;padding:5px 4px;font-family:'BellSlimBold' , Arial, sans-serif;font-size:14px;color:#666666;text-align:center;line-height:28px;width:177px;height:28px;display:block;float:left;}.header .navigation ul li.selected a{background-image:url(../images/navigation-li-selected.gif);background-repeat:no-repeat;margin-bottom:-1px;text-decoration:none;font-size:16px;color:#0066a4;height:29px;position:relative;}.header .navigation ul li a:hover{text-decoration:none;}.header .navigation ul li.selected{margin-bottom:-1px;position:relative;}.header .sub-nav{background-image:url(../images/sub-nav-bg.gif);background-repeat:no-repeat;padding:0;height:39px;clear:both;overflow:hidden;}.header .sub-nav ul.left{padding-left:0;margin:0;float:left;list-style:none;/** Rick Added **/}.header .sub-nav ul.left li{background-image:url(../images/sub-nav-separator.gif);background-position:right center;background-repeat:no-repeat;padding:0 17px 0 15px;float:left;}.header .sub-nav ul.left li.last{background:none;}.header .sub-nav ul.left li a{color:#444;line-height:39px;float:left;}.header .sub-nav ul.right{padding-right:2px;margin:0;float:right;list-style:none;}.header .sub-nav ul.right li{margin-right:12px;float:left;}.header .sub-nav ul.right li a{font-weight:bold;line-height:39px;}.header .logo:hover{text-decoration:none;}.header .search-panel{background-image:url(../images/search-panel-bg.gif);background-repeat:no-repeat;margin-left:-1px;padding:7px 10px 9px 16px;font-family:"BellSlimBold", Arial, Helvetica, sans-serif;font-size:16px;color:#666;line-height:24px;width:954px;height:26px;position:relative;overflow:hidden;}.header .search-panel form.search{float:right;overflow:hidden;}* html .header .search-panel form.search{margin:0 -40px 0 20px;float:left;}* html .header .search-panel form.search-fr{margin:0 -40px 0 10px;float:left;}.header .search-panel form.search input, .header .search-panel form.search input.fr-search, .header .search-panel form.search input.search-central{border:none;background:none;background-repeat:no-repeat;margin-right:5px;padding:3px 17px;font-size:13px;color:#333333;line-height:20px;height:20px;float:left;}.header .search-panel form.search input{background-image:url(../images/form-search-input.gif);width:565px;}.header .search-panel form.search input.search-central{background-image:url(../images/form-search-input-cen.gif);width:722px;}.header .search-panel form.search input.fr-search{background-image:url(../images/form-search-input-fr.gif);width:551px;}.header .search-panel form.search select{border:1px solid #abadb3;background-repeat:no-repeat;margin:2px 5px 0 0;padding:0;font-size:13px;color:#333333;line-height:20px;width:180px;height:20px;float:left;}.header .search-panel form.search input.submit, .header .search-panel form.search input.submit-fr{border:none;background:none;background-repeat:no-repeat;margin:-1px 5px 0 0;padding:0;font-size:0px;line-height:0px;cursor:pointer;text-indent:-9999px;height:26px;}.header .search-panel form.search input.submit{background-image:url(../images/form-search-submit.gif);width:66px;}.header .search-panel form.search input.submit-fr{background-image:url(../images/form-search-submit-fr.gif);width:80px;}

/* Legacy Sidebar */
.sidebar h1{font-size:17px;font-family:Arial, Helvetica, sans-serif;color:#000000;line-height:26px;font-weight:bold;}.sidebar ul{margin:0 0 0 0;list-style-type:none;list-style-image:none !important;}/** RICK ADDED **/.sidebar ul.home a,.sidebar ul.home a:link,.sidebar ul.home a:visited{font-size:16px;font-weight:bold;color:#666;padding:5px 0 0 0;margin:0 0 0 0;display:block;}.sidebar ul li{padding:0;position:relative;zoom:1;}.sidebar ul li.last a{border-bottom:#e1e1e1 1px solid;}.sidebar ul li a{font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;line-height:30px;display:block;border-bottom:#e1e1e1 1px solid;}.sidebar ul li.selected{background-color:none repeat scroll 0 0 #F8F8F8;}.sidebar ul li a.on{background:none repeat scroll 0 0 #F8F8F8;border-bottom:1px solid #E1E1E1;display:block;font-family:Arial;font-size:16px;font-weight:bold;color:black;}.sidebar ul li a:hover{text-decoration:underline;}.sidebar ul ul{margin-left:10px;}.sidebar ul ul li{padding:0;display:block;}.sidebar ul ul li a{border-bottom:#e1e1e1 1px solid;padding-left:4px;font-size:12px;font-weight:normal;line-height:21px !important;display:block;zoom:1;}.sidebar ul li a:hover, .sidebar ul ul li:hover, .sidebar ul ul li.selected{border-top:none;background:#ffffff;}.sidebar ul ul ul li{padding:0;display:block;}.sidebar ul ul ul ul{margin-left:0;}.sidebar ul ul ul ul li{display:block;}.sidebar ul ul ul ul li a{padding:0 0 0 14px;}.sidebar ul ul ul ul li.selected a{font-weight:bold;}.sidebar ul ul ul ul li a:hover{background-color:#f5f5f5;}.sidebar ul ul li a:hover{text-decoration:underline;}.sidebar ul ul li.selected a{background-color:#f0f0f0;}.sidebar ul ul li.selected ul ul li{border-bottom:#e1e1e1 1px solid;}.sidebar ul ul li span.selected, .sidebar ul ul li span.selected_family{background-color:#F8F8F8;color:#000;display:block;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;line-height:21px !important;font-weight:bold;}

/* Copied from en/common/stylesheet/style.css to recreate the Online tools menu */
.left_bus_bubble {width: 151px; margin-top: 10px; padding: 0px;}
.left_bus_bubble div {padding: 10px 2px 10px 2px;}
.left_bus_bubble ul {width: 147px; margin: 7px 0px 0px 0px; padding: 0px 0px 5px 0px; list-style: none;}
.left_bus_bubble ul.bus_icons {width: 147px; margin: 0px; padding: 0px; list-style: none;}
.left_bus_bubble ul.bus_icons li {margin: 0px 0px 6px 0px; padding: 3px 0px 0px 0px; min-height: 26px; background: transparent URL() no-repeat 0 35%;}
.left_bus_bubble ul.bus_icons li a, .left_bus_bubble ul.bus_icons li a:hover {font-size: 9pt; color: #1855a0; display: block; padding: 3px 0px 12px 32px; background: transparent; border-bottom-color: none; border-bottom-style: none; border-bottom-width: 0; height: 10px; line-height: 15px;}
.left_bus_bubble ul.bus_icons li a.last {background: none; padding: 3px 0px 5px 32px;}
.left_bus_bubble ul.bus_icons li.one {background-image: url(../images/icon_bus_email.gif);}
.left_bus_bubble ul.bus_icons li.five {background-image: url(../images/icon_bus_yellow.gif);}
.left_bus_bubble ul.bus_icons li.five-fr {background-image: url(../images/icon_bus_yellow_fr.gif);}
.left_bus_bubble ul.bus_icons li.six {background-image: url(../images/icon_can411.gif);}
.left_bus_bubble ul.bus_icons li.seven {background-image: url(../images/bullet_calldirector.gif);}
.left_bus_bubble ul.bus_icons li.eight {background-image: url(../images/bullet_specialneeds.gif);}
.left_bus_bubble ul.bus_icons li.nine {background-image: url(../images/bullet_voicemail.gif);}

/* Legacy Footer */
.footer{background-image:url(../images/footer-bg.gif);background-repeat:no-repeat;padding:25px 22px 0;margin:10px 0 20px;line-height:18px;width:935px;height:75px;clear:both;overflow:hidden;}.footer img{display:inline;}.footer a{margin-left:16px;}.footer .links-line, .footer .links-line-central{padding-bottom:10px;}.footer .links-line-central{padding-top:15px;}.footer .links-line a, .footer .links-line-central a{color:#666;}.footercopyright{text-align:right;color:#999;}
/* @end */



/* @group My Account Styles ---- */
/* ----------------------------- */
/* My Account Tabs */
.tabBox .contents {clear: left; position: relative; z-index: 2; padding: 2em 1em; border: 1px solid #CCC; background: #FFF; border-radius: 3px}
.tabBox .tabs .selected a {background: #FFF; filter: none; color: #000; z-index: 4}
.tabBox .tabs .selected a:hover {background: #FFF; z-index: 4}
.tabBox .tabs {margin: 0; padding: 0 10px; overflow: hidden; margin-bottom: -1px; height: 2.75em}
.tabBox .tabs a {float: left; border-radius: 6px 6px 0 0; background: #EEE; background: -webkit-gradient(linear,0 0,0 70%,from(#FFF),to(#E7E7E7)); background: -webkit-linear-gradient(#FFF,#E7E7E7); background: -moz-linear-gradient(#FFF,#E7E7E7); background: -ms-linear-gradient(#FFF,#E7E7E7); background: -o-linear-gradient(#FFF,#E7E7E7); background: linear-gradient(#FFF,#E7E7E7); border: 1px solid #CCC; border-bottom: 0; padding: .4em 1.15em; font-weight: bold; text-decoration: none}
.tabBox .tabs a:hover {background: #EEE; filter: none}
.tabBox .tabs li {float: left; list-style: none; margin: 0; padding: .25em .25em 0; overflow: hidden; position: relative; z-index: 1; border-bottom: 1px solid #FFF}
.tabBox .tabs li.selected {z-index: 4}
/**
 * Global - dotted bottom border
 */
.brdr-dotted-btm {border-bottom: 2px dotted #ccc; margin-bottom: 10px;}
/* Align thingsd vertically
-------------------------------------------------- */
.vcenter-outer {display: table;}
.vcenter-inner {display: table-cell; vertical-align: middle;}
/**
 * Confirmation message (green background)
 */
.green-lite-bg {background-color: #e5f2e5; border: 1px solid #a1d0a2;}
.confirmation {background: url(../images/icon-confirmation.png) no-repeat left top; padding-left: 30px; color: #212121;}
/**
 * error message
 */
.red-lite-bg {background-color: #ffeedd; border: 1px solid red;}
.blue-lite-bg {background-color: #e9edf7; border: 3px solid #6c90b7;}
.blue-border {border: 2px solid #c7d5e4;}
.error {background: url(../images/icon-error.png) no-repeat left top; padding-left: 30px; color: #212121;}
.error-field {color: red;}
.error-label {color: red; font-weight: bold;}
.error-label-icon {background: url(../images/icon-checkmark.png) no-repeat left top; position: relative; left: -15px; bottom: -45px; width: 24px;}
.error-label-no-upper-label {color: red; font-weight: bold;}
.error-label-icon-no-upper-label {background: url(../images/icon-checkmark.png) no-repeat left top; position: relative; left: -15px; bottom: -25px; width: 24px;}
.yellow-lite-bg {background-color: #ffffbb; border: 1px solid yellow;}
.pending {background: url(../images/icon-caution.png) no-repeat left top; padding-left: 30px; color: #212121;}
/**
 * Global - this is used in tandem with .cap-top to give a little more emphasis.
 */
/**
 * Secondary navigation
 */
.secnav .box {height: 38px;}
.secnav .white-brdr {padding: 0;}
.secnav ul {height: 35px; font-family: 'BellSlimBold',Arial,sans-serif; color: #000; list-style: none; margin: 0;}
.secnav ul li {padding: 0; margin: 0; float: left;}
.secnav ul li a {display: block; font-size: 123.1%; float: left; width: 115px; padding: 8px 10px 10px 10px; border-right: 1px solid #e2e2e2; height: 19px; margin-top: -1px; text-align: center; color: #0066A4;}
.secnav ul li a:hover {text-decoration: none;}
.secnav ul li:first-child a {border-radius: 5px 0px 0px 5px;}
.secnav ul li.selected a {background: #fff; color: #666;}
.welcome-txt {font-family: 'BellSlimSemiBoldRegular',Arial,sans-serif; font-size: 123.1%; float: right; text-align: right; padding-right: 20px; margin: 0; margin-top: -30px; color: #000;}
/* 
 * Tertiary navigation
 */
/**
setting the width may make it challenging for french (longer words) -
will we need to create a different width for french, or do you have another
way to do this (that allows expansion based on text)? I suspect not without JS...
 */
ul.tertnav {font-family: 'BellSlimBold',Arial,sans-serif; list-style: none; margin-left: 0; height: 37px; padding: 0; width: auto; margin-top: 34px; margin-bottom: 0; *position: relative; *top: 1px; *z-index: 3; -position: static; -margin-left: 1px; color: #000000;}
ul.tertnav li {padding: 0; margin: 0; float: left; padding: 0;}
ul.tertnav li a {display: block; float: left; font-size: 123.1%; padding-left: 40px; padding-right: 40px; text-align: center; padding-top: 7px; padding-bottom: 7px; border: 1px solid #dbdbdb; border-left: none; background: url(../images/bg-tert.png) no-repeat center;}
ul.tertnav li a:hover {text-decoration: none;}
ul.tertnav li a.right-rnd-cnr,
ul.tertnav li:last-child a {border-radius: 0px 5px 0px 0px; border: 1px solid #dbdbdb; border-left: none; background: url(../images/bg-tert.png) no-repeat right;}
ul.tertnav li:first-child a,
ul.tertnav li.first-child a {border-radius: 5px 0px 0px 0px; border: 1px solid #dbdbdb; background: url(../images/bg-tert.png) no-repeat left top;}
ul.tertnav li.selected a {border-radius: 5px 5px 0px 0px; box-shadow: 0px 0px 30px 0px #efefef; *box-shadow: none; border: 1px solid #dbdbdb; border-bottom: none; background: #fff; padding: 0; color: #666; font-size: 123.1%; height: 48px; margin-top: -14px; margin-left: -1px;}
ul.tertnav li:first-child.selected {margin-left: 1px;}
ul.tertnav li.selected a span {border-radius: 5px 5px 0px 0px; background: #fff; padding: 19px 10px 5px 10px; height: 25px; display: inline-block; zoom: 1; *display: inline; padding-left: 40px; padding-right: 40px; position: relative; z-index: 3;}
/* 
 * Tabbed content
 *
 * Needed to be accomany tertiary naviation.
 */
.primary-cntr {background: #dbdbdb; background: -moz-linear-gradient(top, #dbdbdb 0%, #ffffff 39%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(39%,#ffffff)); background: -webkit-linear-gradient(top, #dbdbdb 0%,#ffffff 39%); background: -o-linear-gradient(top, #dbdbdb 0%,#ffffff 39%); background: -ms-linear-gradient(top, #dbdbdb 0%,#ffffff 39%); background: linear-gradient(top, #dbdbdb 0%,#ffffff 39%); border-radius: 5px 5px 5px 5px; padding: 1px;}
.main-tabs .primary-cntr {position: relative; top: -2px; z-index: 2;}
.content-box {border-radius: 5px 5px 5px 5px; background: #fff; padding: 20px 20px 0 20px;}
.squared-top-left {border-radius: 0px 5px 5px 5px;}
/**
 * Step Indicator
 */
.two-step li {width: 50%; *width: 49%;}
.three-step li {width: 33.333333%;}
.step-indicator ol {margin-left: 0; padding-left: 0; font-weight: bold; list-style-type: none; color: #666;}
.step-indicator ol li {background: url(../images/bg-step-indicator.gif) no-repeat 50% 0%; padding: 0; float: left; position: relative; height: 69px;}
.step-indicator ol li:first-child,
.step-indicator ol li.first-step {background-position: 0% 0%;}
.step-indicator ol li.last-step {background-position: 100% 0%;}
.step-indicator ol li:before {content: counter(customlistcounter) " "; counter-increment: customlistcounter; text-align: right; font-weight: bold; font-size: 280%; position: relative; z-index: 2; line-height: 69px; width: 30%; height: 69px; float: left;}
.step-indicator ol:first-child {counter-reset: customlistcounter;}
.step-indicator ol li.current:before,
.step-indicator ol li.current span.step-num {background: url(../images/bg-step-indicator.gif) no-repeat 0% 25%; color: #fff;}
.webkit .step-indicator ol li.current:before,
.opera .step-indicator ol li.current:before,
.mozilla .step-indicator ol li.current:before,
.webkit .step-indicator ol li.current span.step-num,
.opera .step-indicator ol li.current span.step-num,
.mozilla .step-indicator ol li.current span.step-num {text-shadow: 1px 1px 1px #000000; filter: dropshadow(color=#000000, offx=1, offy=1);}
.step-indicator ol li span.step-num {display: none; *display: block; *font-weight: bold; *width: 30%; *text-align: right; *font-size: 280%; *height: 69px; *line-height: 66px; *float: left; *position: relative; *z-index: 2;}
.step-indicator ol li span.step-desc {display: block; height: 69px; width: 67%; float: left; font-size: 93%; position: absolute; left: 30%; padding-left: 4%;}
.step-indicator ol li.last-step span.step-desc {-left: 31%;}
.step-indicator ol li span.vcenter-outer {height: 69px;}
.step-indicator ol li span.right-arrow-brdr {background: url(../images/bg-step-indicator.gif) no-repeat 100% 75%;}
.step-indicator ol li span.right-flat {background: url(../images/bg-step-indicator.gif) no-repeat 100% 100%;}
.step-indicator ol li.current span.step-desc {color: #fff; background: url(../images/bg-step-indicator.gif) no-repeat 100% 25%;}
.mozilla .step-indicator ol li.current span.step-desc,
.opera .step-indicator ol li.current span.step-desc,
.webkit .step-indicator ol li.current span.step-desc {text-shadow: 1px 1px 1px #000000; filter: dropshadow(color=#000000, offx=1, offy=1);}
.step-indicator ol li.current span.last-step {background-position: 100% 50%;}
/**
 * Global - Align small teaser on the tr corner of box.
 */
.tr-corner-box {position: absolute; top: 0; right: 0; width: 215px;}
.br-corner-box {position: relative; float: right; -margin-bottom: -30px; width: 200px; bottom: 0; right: 0;}
/**
 * Global - By default this is a green badge used for the "Go Green" promo
 */
.cap-note {display: block; float: right; position: relative; top: -53px; -top: -52px;}
.badge {border-radius: 0px 5px 0px 0px; background: url(../images/bg-badge-green.gif) no-repeat left; padding-left: 45px; -padding-left: 30px; width: 129px; height: 73px; float: right; -margin-top: -6px; -position: relative; -left: 2px;}
.badge-medium {width: 175px; padding-left: 30px; -padding-left: 15px;}
.badge-large {width: 185px; padding-left: 30px; -padding-left: 15px;}
.blue-badge {background: url(../images/bg-badge-blue.gif) no-repeat left;}
.badge .inner {border-radius: 0px 5px 0px 0px; background: url(../images/bg-badge-green.gif) no-repeat right; padding: 5px 20px 0 0; text-align: right; height: 68px;}
.blue-badge .inner {background: url(../images/bg-badge-blue.gif) no-repeat right;}
.badge div.h5 {margin-bottom: 0; font-family: 'BellSlimSemiBoldRegular',Arial,sans-serif; font-size: 118%; color: #fff; -padding-top: 5px; -margin-bottom: -5px;}
.badge p a,
.badge p a:link,
.badge p a:visited {background: url(../images/arrow-right.gif) no-repeat center right; color: #fff; padding-right: 15px; font-size: 93%; display: block; margin-top: 10px;}
.badge p a:hover {text-decoration: none;}
.badge div a:hover {text-decoration: none;}
.badge-medium .alignleft {position: relative; left: 10px; -width: 90px;}
.badge-medium .alignleft .h5 {-position: relative; -top: 5px; -margin-top: -5px;}
.badge-medium .alignleft p {-position: relative; -top: 5px;}
.badge-medium img.alignleft {top: -10px; -top: 0; -width: 46px;}
/**
 * Global - Emphasized list with custom bullet.
 */
ul.emplist {list-style: none; *list-style-image: none; margin-left: 0; margin-bottom: 18px; padding-right: 15px;}
ul.emplist li {padding-left: 15px; margin-right: -15px; background: url(../images/emp-arr.png) no-repeat 0 7px;}
/**
 * Icon left aligned
 */
.icon img {float: left; margin-top: -5px; margin-left: -8px; margin-right: 10px;}
p.icon, li.icon {-padding-top: 10px; -margin-top: -10px; margin-bottom: 20px;}
li.icon {margin-bottom: 15px;}
p.icon img, li.icon img {margin-left: 0;}
/**
 * Global - Ribbon for chat now typically.
 */
.top-ribbon {position: relative; left: 33px; width: 170px; height: 103px; background: url(../images/ribbon.gif) no-repeat; -background-position: 38px 0; -padding-right: 30px; -left: 64px; padding-left: 35px; -padding-left: 70px; padding-top: 3px; margin-top: 20px; clear: right;}
.bottom-ribbon {position: relative; right: -52px; top: -4px; width: 170px; height: 103px; background: url(../images/ribbon-btm.gif) no-repeat; -background-position: 37px 0; -padding-right: 12px; -left: 67px; padding-left: 35px; -padding-left: 70px; padding-top: 3px; margin-top: 0; clear: right;}
.ribbon-hdr {font-family: 'BellSlimSemiBoldRegular',Arial,Helvetica,sans-serif; font-size: 153.9%; color: #000000; margin: 10px 0 4px 0;}
.bottom-ribbon .ribbon-hdr {margin-top: 25px;}
/**
 * Global legend
 */
legend {font-family: 'BellSlimSemiBoldRegular',Arial,Helvetica,sans-serif; font-size: 182%; color: #000000; display: block; padding-bottom: 30px; width: 100%; *width: auto; *position: relative; *left: -5px;}
.denote {color: #666; font-size: 14px; display: block; font-family: arial;}
/**
 * These safe styles for IE6 from twbp-forms.css
 */
.field {margin-bottom: 18px; zoom: 1;}
.field:before, .field:after {display: table; content: ""; zoom: 1;}
.field:after {clear: both;}
label,
input,
textarea,
.label,
.input,
.textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; line-height: normal;}
label, .label {padding-top: 6px; line-height: 18px; float: left; width: 130px; text-align: right; margin-bottom: 0; font-size: 108%;}
legend.label {font-size: 100%; padding-bottom: 0; *position: relative; *left: -5px;}
.input {margin-bottom: 10px;}
.input .alignleft {margin-bottom: -3px; -margin-bottom: -13px;}
input[type=checkbox], input[type=radio] {cursor: pointer;}
input[disabled],
textarea[disabled],
input[readonly],
textarea[readonly] {background-color: #f5f5f5; border-color: #ddd; cursor: not-allowed;}
.actions .secondary-action {float: right;}
.actions .secondary-action a {line-height: 30px;}
.actions .secondary-action a:hover {text-decoration: underline;}
.help-inline, .help-block {line-height: 1.4em; margin-top: 3px; color: #666;}
.help-inline {padding-left: 5px; *position: relative; *top: -5px;}
.help-block {display: block; max-width: 350px; -margin-bottom: 10px;}
label .help-block {-margin-bottom: 20px; font-size: 93%;}
.inline-inputs {color: #808080;}
.inline-inputs span {padding: 0 2px 0 1px;}
.input-prepend .active, .input-append .active {background: #a9dba9; border-color: #46a546;}
.profile-label {font-size: 123.1%; font-weight: normal; font-family: arial, helvetica, sans-serif; text-align: right; margin-right: 30px;}
.input-prepend .add-on {*margin-top: 1px;}
.inputs-list {list-style: none; *list-style-image: none; margin-left: 0; padding-left: 0; margin-bottom: 20px;}
.inputs-list li {display: block; padding: 0; margin-left: 0; padding-left: 0;}
.inputs-list label {display: block; float: none; width: auto; padding: 0; line-height: 18px; text-align: left; white-space: normal;}
.inputs-list label strong {color: #212121;}
.inputs-list .inputs-list {margin-bottom: 10px; padding-top: 0;}
.inputs-list:first-child {padding-top: 6px;}
.inputs-list li + li {padding-top: 2px;}
.inputs-list input[type=radio], .inputs-list input[type=checkbox] {margin-bottom: 0; margin-left: 0; margin-right: 5px; float: left;}
label, .label {display: block; float: none; width: auto; font-weight: normal; text-align: left; line-height: 20px; padding-top: 0; margin-left: 0; margin-bottom: 0;}
.field {margin-bottom: 0;}
.field div.input {margin-left: 0;}
.inputs-list li {padding-top: 0;}
.inputs-list li label {font-weight: normal; padding-top: 0;}
.actions {margin-left: -20px; padding-left: 20px;}
.input-phone-prefix {width: 4em;}
.input-small {width: 6em;}
.input-large {width: 310px;}
.input-medium {width: 210px;}
.input-fullwidth {width: 100%;}
/** 
 * IE 6 - 8 Form Element Rienforcers
 */
.text {width: 210px\9; display: inline-block\9; height: 18px\9; padding: 4px\9; font-size: 90%\9; line-height: 18px\9; color: #000000\9; border: 1px solid #ccc\9;}
.step-indicator ol li span.vcenter-inner {*position: absolute; *line-height: 1.4em; *padding-top: 22px;}
/* --------------------
		MODAL BOX Content
		Start
-------------------- */
/* Z-index of #mask must lower than #boxes .window */
.modal_boxes_mask {position: absolute; float: top; z-index: 9000; background: #000; filter: alpha(opacity=30); opacity: 0.3; left: 0px; display: none;}
.modal_boxes_window {background-color: #FFF; position: absolute; display: none; z-index: 9999; padding: 15px;}
.modal_boxes_close_button {padding-left: 10px;}
.modal_boxes_close {background-position: right center; background-repeat: no-repeat; width: 50px; height: 20px; padding-top: 3px; right: 55px; text-align: right; position: absolute;}
.modal_boxes_closeIcon {width: 25px; height: 26px; right: 25px; position: absolute;}
.modal_boxes_content {margin-top: 10px; padding: 10px;}
.modal_content {margin-top: 10px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px;}
/* --------------------
		MODAL BOX Content
		END
-------------------- */
/* --------------------
		Password Validation
-------------------- */
.passwordIndicator {width: 75px; text-align: center; border-radius: 7px; line-height: 20px; background: #DDD; color: #ffffff;}
.passwordStrong {background: #669900;}
.passwordModerate {background: #ff9900;}
.passwordWeak {background: #ff3300;}
/* --------------------
		tooltip Styles
-------------------- */
.tooltip {display: none; padding: 10px 10px 10px 10px;}
.button-as-link {background-color: transparent; color: #0066a4; border-style: none; font: 13px/1.231 arial,helvetica,clean,sans-serif; font-size: 100%; font-weight: bold; cursor: default; box-shadow: 0 0 0 0;}
.underline-text {text-decoration: underline;}
/* My Account Main Container
-------------------------------------------------- */
.main-cntr {padding: 0; margin: 0; background: none;}
/**
 * gradient radient grey/white box like the one used in my account section
 * inside .grey-white-box div instead of .grey-white-box-inner
 */
.radial-lite-bg {background: #efefef; background: -moz-radial-gradient(center, ellipse cover, #ffffff 56%, #eaeaea 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(56%,#ffffff), color-stop(100%,#eaeaea)); background: -webkit-radial-gradient(center, ellipse cover, #ffffff 56%,#eaeaea 100%); background: -o-radial-gradient(center, ellipse cover, #ffffff 56%,#eaeaea 100%); background: -ms-radial-gradient(center, ellipse cover, #ffffff 56%,#eaeaea 100%); background: radial-gradient(center, ellipse cover, #ffffff 56%,#eaeaea 100%); border: 1px solid #fff;}
/**
 * Emphasized cap top(with special grey background treatment)
 */
.emp-cap-top {padding-left: 20px; margin-bottom: 0; border-bottom: 1px solid #dcdcdc; border-radius: 6px 6px 0px 0px; background: url(../images/bg-cap-top-emp.png) no-repeat left top; -background-image: none; -background-color: #f2f2f2;}
.emp-cap-top-inner {padding: 15px 20px 12px 0; background: url(../images/bg-cap-top-emp.png) no-repeat right top; -background-image: none; -background-color: #f2f2f2; height: 25px; border-radius: 6px 6px 0px 0px;}
.emp-cap-top img {margin-top: -10px; margin-left: -6px;}
/* Page Specific
-------------------------------------------------- */
.login-btn {-position: relative; -top: -10px;}
.previous-bill {position: relative; top: 15px;}
.h1-detail {font-family: arial, sans-serif; font-size: 65%;}
/* Javascript support
-------------------------------------------------- */
.expand-box-radio input {display: none;}
/**
 * Global - This used to help polish browser specific blemishes like an 2 pixels
 * difference on header cap tops and no drop shadow support in IE.
 */
.mozilla .badge p a:visited,
.mozilla .badge p a:link,
.ie .badge p a:visited,
.ie .badge p a:link {margin-top: 8px; -margin-top: 10px; -position: relative; -top: 3px;}
.webkit .badge p a:link5,
.opera .badge p a:link,
.mozilla .badge p a:link,
.webkit .badge p a:visited,
.opera .badge p a:visited,
.mozilla .badge p a:visited {text-shadow: 1px 1px 1px #474747; filter: dropshadow(color=#474747, offx=1, offy=1);}
.clearcollapse {height: 1px; clear: both;}
.txt-bellreg {font-family: 'BellSlimSemiBoldRegular',Arial,Helvetica,sans-serif; color: #000000;}
.txt-bellbold {font-family: 'BellSlimBold',Arial,sans-serif;}
.txt-normal {font-weight: normal;}
.txt-lighter {color: #666;}
.txt-white {color: #fff;}
.txt-black {color: #212121;}
.txt-grey {color: #919191;}
.last {margin-right: 0;}
.none {display: none;}
.light-grey {background-color: #f2f2f2;}
.light-grey-2 {background-color: #dcdcdc;}
.txt-green {color: green; font-weight: bold; font-family: BellSlimSemiBoldRegular, Arial, Helvetica, sans-serif; font-size: 120%;}
.btn-selected, .btn-selected:hover {background: #ccc; filter: none; color: #212121; border-color: #aaa; box-shadow: inset 0px 0px 5px 1px #bbb;}
.logo-med {background-image: url(../images/logo.gif);}
.header .logoFibreOp {background-image: url(../images/bellfibreop-logo.gif); width: 185px; height: 44px; position: absolute;}
.alignleft {display: block; float: left;}
.alignright {display: block; float: right;}
.header .search-panel form.search input {background-image: url(../images/form-search-input-fr.gif); width: 551px;}
/* @end */


/* @group Generic Spacing ---- */
/**
* Spacing classes
* Should be used to modify the default spacing between objects (not between nodes of the same object)
* Please use judiciously. You want to be using defaults most of the time, these are exceptions!
* <type><location><size>
* spacing legend
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,n = small(5px),medium(10px),large(20px),none(0px)
*/
.pan {padding: 0}
.pas {padding: 5px}
.pam {padding: 10px}
.pal {padding: 20px}
.ptn {padding-top: 0}
.pts {padding-top: 5px}
.ptm {padding-top: 10px}
.ptl {padding-top: 20px}
.prn {padding-right: 0}
.prs {padding-right: 5px}
.prm {padding-right: 10px}
.prl {padding-right: 20px}
.pbn {padding-bottom: 0}
.pbs {padding-bottom: 5px}
.pbm {padding-bottom: 10px}
.pbl {padding-bottom: 20px}
.pbxl {padding-bottom: 40px}
.pln {padding-left: 0}
.pls {padding-left: 5px}
.plm {padding-left: 10px}
.pll {padding-left: 20px}
.phn {padding-left: 0; padding-right: 0}
.phs {padding-left: 5px; padding-right: 5px}
.phm {padding-left: 10px; padding-right: 10px}
.phl {padding-left: 20px; padding-right: 20px}
.pvn {padding-top: 0; padding-bottom: 0}
.pvs {padding-top: 5px; padding-bottom: 5px}
.pvm {padding-top: 10px; padding-bottom: 10px}
.pvl {padding-top: 20px; padding-bottom: 20px}
.pvxl {padding-top: 30px; padding-bottom: 40px}
.man {margin: 0}
.mas {margin: 5px}
.mam {margin: 10px}
.mal {margin: 20px}
.mtn {margin-top: 0}
.mts {margin-top: 5px}
.mtm {margin-top: 10px}
.mtl {margin-top: 20px}
.mrn {margin-right: 0}
.mrs {margin-right: 5px}
.mrm {margin-right: 10px}
.mrl {margin-right: 20px}
.mbn {margin-bottom: 0}
.mbs {margin-bottom: 5px}
.mbm {margin-bottom: 10px}
.mbl {margin-bottom: 20px}
.mbxl {margin-bottom: 40px}
.mln {margin-left: 0}
.mls {margin-left: 5px}
.mlm {margin-left: 10px}
.mll {margin-left: 20px}
.mhn {margin-left: 0; margin-right: 0}
.mhs {margin-left: 5px; margin-right: 5px}
.mhm {margin-left: 10px; margin-right: 10px}
.mhl {margin-left: 20px; margin-right: 20px}
.mvn {margin-top: 0; margin-bottom: 0}
.mvs {margin-top: 5px; margin-bottom: 5px}
.mvm {margin-top: 10px; margin-bottom: 10px}
.mvl {margin-top: 20px; margin-bottom: 20px}
.mvn {margin-top: 0; margin-bottom: 0}
.mvs {margin-top: 5px; margin-bottom: 5px}
.mvm {margin-top: 10px; margin-bottom: 10px}
.mvl {margin-top: 20px; margin-bottom: 20px}
.rtn,.rbn {position: relative; top: 0}
.rts {position: relative; top: 5px}
.rtm {position: relative; top: 10px}
.rtl {position: relative; top: 20px}
.rrn,.rln {position: relative; left: 0}
.rrs {position: relative; left: -5px}
.rrm {position: relative; left: -10px}
.rrl {position: relative; left: -20px}
.rbs {position: relative; top: -5px}
.rbm {position: relative; top: -10px}
.rbl {position: relative; top: -20px}
.rls {position: relative; left: 5px}
.rlm {position: relative; left: 10px}
.rll {position: relative; left: 20px}
.nas {margin: -5px}
.nam {margin: -10px}
.nal {margin: -20px}
.nts {margin-top: -5px}
.ntm {margin-top: -10px}
.ntl {margin-top: -20px}
.nrs {margin-right: -5px}
.nrm {margin-right: -10px}
.nrl {margin-right: -20px}
.nbs {margin-bottom: -5px}
.nbm {margin-bottom: -10px}
.nbl {margin-bottom: -20px}
.nbxl {margin-bottom: -30px}
.nls {margin-left: -5px}
.nlm {margin-left: -10px}
.nll {margin-left: -20px}
.nhs {margin-left: 5px; margin-right: -5px}
.nhm {margin-left: 10px; margin-right: -10px}
.nhl {margin-left: 20px; margin-right: -20px}
.nvs {margin-top: 5px; margin-bottom: -5px}
.nvm {margin-top: 10px; margin-bottom: -10px}
.nvl {margin-top: 20px; margin-bottom: -20px}
/* @end */