Initial OpenECOMP Portal commit

Change-Id: I804b80e0830c092e307da1599bd9fbb5c3e2da77
Signed-off-by: talasila <talasila@research.att.com>

1 files changed, 1781 insertions, 0 deletions

diff --git a/ecomp-portal-BE/war/static/ebz/header_new.css b/ecomp-portal-BE/war/static/ebz/header_new.css
new file mode 100644
index 00000000..702f529a
--- /dev/null
+++ b/ecomp-portal-BE/war/static/ebz/header_new.css
@@ -0,0 +1,1781 @@
+/* Generated by F12 developer tools. This might not be an accurate representation of the original source file */
+@font-face {
+	font-family: clearviewatt;
+	src: url(sandbox/styles/clearviewatt/clvatt-book-webfont.eot?#iefix) format("embedded-opentype"), url(sandbox/styles/clearviewatt/clvatt-book-webfont.woff) format("woff"), url(sandbox/styles/clearviewatt/clvatt-book-webfont.ttf) format("truetype"), url(sandbox/styles/clearviewatt/clvatt-book-webfont.svg#clearviewattregular) format("svg");
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: clearviewattregular;
+	src: url(sandbox/styles/clearviewatt/clvatt-book-webfont.eot?#iefix) format("embedded-opentype"), url(sandbox/styles/clearviewatt/clvatt-book-webfont.woff) format("woff"), url(clearviewatt/clvatt-book-webfont.ttf) format("truetype"), url(clearviewatt/clvatt-book-webfont.svg#clearviewattregular) format("svg");
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: clearviewatt_italic;
+	src: url(./webfonts/clvatt-book_ital-webfont.eot?#iefix) format("embedded-opentype"), url(./webfonts/clvatt-book_ital-webfont.woff) format("woff"), url(./webfonts/clvatt-book_ital-webfont.ttf) format("truetype"), url(./webfonts/clvatt-book_ital-webfont.svg#clearviewattitalic) format("svg");
+	font-weight: normal;
+	font-style: italic;
+}
+@font-face {
+	font-family: clearviewatt_lt;
+	src: url(./webfonts/clvatt-light-webfont.eot?#iefix) format("embedded-opentype"), url(./webfonts/clvatt-light-webfont.woff) format("woff"), url(./webfonts/clvatt-light-webfont.ttf) format("truetype"), url(./webfonts/clvatt-light-webfont.svg#clearviewatt_ltregular) format("svg");
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: clearviewattlight_italic;
+	src: url(./webfonts/clvatt-light_ital-webfont.eot?#iefix) format("embedded-opentype"), url(./webfonts/clvatt-light_ital-webfont.woff) format("woff"), url(./webfonts/clvatt-light_ital-webfont.ttf) format("truetype"), url(./webfonts/clvatt-light_ital-webfont.svg#clearviewatt_ltitalic) format("svg");
+	font-weight: normal;
+	font-style: italic;
+}
+@font-face {
+	font-family: clearviewatt_ltbold;
+	src: url(sandbox/styles/clearviewatt/clearviewatt-bold-webfont.eot?#iefix) format("embedded-opentype"), url(sandbox/styles/clearviewatt/clearviewatt-bold-webfont.woff) format("woff"), url(sandbox/styles/clearviewatt/clearviewatt-bold-webfont.ttf) format("truetype"), url(sandbox/styles/clearviewatt/clearviewatt-bold-webfont.svg#clearviewatt_ltbold) format("svg");
+	font-weight: bold;
+	font-style: normal;
+}
+@font-face {
+	font-family: clearviewatt_ltbold_italic;
+	src: url(./webfonts/clvatt-bold_ital-webfont.eot?#iefix) format("embedded-opentype"), url(./webfonts/clvatt-bold_ital-webfont.woff) format("woff"), url(./webfonts/clvatt-bold_ital-webfont.ttf) format("truetype"), url(./webfonts/clvatt-bold_ital-webfont.svg#clearviewatt_ltbold_italic) format("svg");
+	font-weight: bold;
+	font-style: italic;
+}
+@font-face {
+	font-family: omnes_attlight;
+	src: url(omnesatt/omnesatt-light-webfont.eot?#iefix) format("embedded-opentype"), url(omnesatt/omnesatt-light-webfont.woff) format("woff"), url(omnesatt/omnesatt-light-webfont.ttf) format("truetype"), url(omnesatt/omnesatt-light-webfont.svg#omnes_attlight) format("svg");
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: omnes_attlight_italic;
+	src: url(./webfonts/omnesatt-lightitalic-webfont.eot?#iefix) format("embedded-opentype"), url(./webfonts/omnesatt-lightitalic-webfont.woff) format("woff"), url(./webfonts/omnesatt-lightitalic-webfont.ttf) format("truetype"), url(./webfonts/omnesatt-lightitalic-webfont.svg#omnes_attlight_italic) format("svg");
+	font-weight: normal;
+	font-style: italic;
+}
+@font-face {
+	font-family: omnes_attmedium;
+	src: url(./webfonts/omnesatt-medium-webfont.eot?#iefix) format("embedded-opentype"), url(./webfonts/omnesatt-medium-webfont.woff) format("woff"), url(./webfonts/omnesatt-medium-webfont.ttf) format("truetype"), url(./webfonts/omnesatt-medium-webfont.svg#omnes_attmedium) format("svg");
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: omnes_attmedium_italic;
+	src: url(./webfonts/omnesatt-mediumitalic-webfont.eot?#iefix) format("embedded-opentype"), url(./webfonts/omnesatt-mediumitalic-webfont.woff) format("woff"), url(./webfonts/omnesatt-mediumitalic-webfont.ttf) format("truetype"), url(./webfonts/omnesatt-mediumitalic-webfont.svg#omnes_attmedium_italic) format("svg");
+	font-weight: normal;
+	font-style: italic;
+}
+@font-face {
+	font-family: omnes_attregular;
+	src: url(./webfonts/omnesatt-regular-webfont.eot?#iefix) format("embedded-opentype"), url(./webfonts/omnesatt-regular-webfont.woff) format("woff"), url(./webfonts/omnesatt-regular-webfont.ttf) format("truetype"), url(./webfonts/omnesatt-regular-webfont.svg#omnes_att_regularregular) format("svg");
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: omnes_attregular_italic;
+	src: url(./webfonts/omnesatt-regularitalic-webfont.eot?#iefix) format("embedded-opentype"), url(./webfonts/omnesatt-regularitalic-webfont.woff) format("woff"), url(./webfonts/omnesatt-regularitalic-webfont.ttf) format("truetype"), url(./webfonts/omnesatt-regularitalic-webfont.svg#omnes_attregular_italic) format("svg");
+	font-weight: normal;
+	font-style: italic;
+}
+@font-face {
+	font-family: radio_attregular;
+	src: url(./webfonts/radioatt-regular-webfont.eot?#iefix) format("embedded-opentype"), url(./webfonts/radioatt-regular-webfont.woff) format("woff"), url(./webfonts/radioatt-regular-webfont.ttf) format("truetype"), url(./webfonts/radioatt-regular-webfont.svg#radio_attregular) format("svg");
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: atticons;
+	src: url(icons/fonts/atticons.eot?#iefix) format("embedded-opentype"), url(icons/fonts/atticons.woff) format("woff"), url(icons/fonts/atticons.ttf) format("truetype"), url(icons/fonts/atticons.svg#atticons) format("svg");
+	font-weight: normal;
+	font-style: normal;
+}
+.bui-global-btn {
+	padding: 8px 20px; border-radius: 6px; border: 0px currentColor; transition:background-color 0.3s ease-out; height: auto; text-align: center; color: rgb(255, 255, 255) !important; line-height: 1; font-size: 14px; text-decoration: none !important; vertical-align: middle; display: inline-block; position: relative; cursor: pointer; box-sizing: border-box; background-color:;
+}
+.bui-global-btn-small {
+	height: 30px !important; min-width: 60px;
+}
+.bui-global-btn-primary {
+	border-color: rgb(53, 128, 189); color: rgb(255, 255, 255) !important; background-color: rgb(6, 122, 180);
+}
+.bui-global-btn-primary:hover {
+	background-color: rgb(25, 157, 223);
+}
+.bui-global-btn-primary:active {
+	border-color: rgb(40, 97, 141); background-color: rgb(50, 120, 177);
+}
+.bui-global-btn-hero {
+	color: rgb(255, 255, 255); background-color: rgb(239, 111, 0);
+}
+.bui-global-btn-hero:hover {
+	background-color: rgb(252, 179, 20);
+}
+.bui-global-btn-hero:active {
+	background-color: rgb(255, 114, 0);
+}
+.bui-global-btn-secondary {
+	color: rgb(255, 255, 255); background-color: rgb(102, 102, 102);
+}
+.bui-global-btn-secondary:hover {
+	background-color: rgb(187, 187, 187);
+}
+.bui-global-btn-secondary:active {
+	background-color: rgb(102, 102, 102);
+}
+.bui-global-btn-disabled {
+	color: rgb(153, 153, 153) !important; cursor: pointer; background-color: rgb(221, 221, 221);
+}
+.bui-global-btn-disabled:hover {
+	background-color: rgb(221, 221, 221);
+}
+.bui-global-btn-disabled:active {
+	background-color: rgb(221, 221, 221);
+}
+.bui-global-links {
+	transition:0.3s ease-in-out; color: rgb(6, 122, 180); text-decoration: none;
+}
+.bui-global-links:hover {
+	color: rgb(25, 157, 223); text-decoration: underline;
+}
+.bui-global-links:active {
+	text-decoration: none; coloe: #199ddf;
+}
+.att-global-fonts-common {
+	margin: 0px; text-transform: none;
+}
+.att-global-fonts-popup-header {
+	margin: 0px; text-transform: none; line-height: 10px; font-family: clearviewatt_ltbold; font-size: 11px; font-weight: 100;
+}
+.att-global-fonts-popup-content {
+	margin: 0px; text-transform: none; line-height: 15px; font-family: clearviewattregular; font-size: 14px;
+}
+a.reg-logout-btn {
+	padding: 8px 20px; border-radius: 6px; border: currentColor !important; transition:background-color 0.3s ease-out; width: 94px !important; height: auto; text-align: center; color: rgb(255, 255, 255) !important; line-height: 1; font-family: clearviewattregular; font-size: 14px; text-decoration: none !important; vertical-align: middle; display: inline-block; position: relative; cursor: pointer; box-sizing: border-box; background-color: rgb(102, 102, 102); -moz-box-sizing: border-box; valign: middle;
+}
+a.reg-logout-btn:hover {
+	background-color: rgb(187, 187, 187);
+}
+a.reg-logout-btn:active {
+	background-color: rgb(102, 102, 102);
+}
+ul.reg-Details-table > li {
+	line-height: 0px !important;
+}
+ul.reg-Details-table {
+	margin: 0px; padding: 0px;
+}
+#reg-header-snippet {
+	width: inherit; height: auto; overflow: hidden; clear: both; background-color: rgb(250, 250, 250);
+}
+#reg-header-snippet .reg-profilePicture {
+	padding: 20px 20px 17px; width: 109px; margin-bottom: 0px; border-right-color: rgb(211, 211, 211); border-right-width: 1px; border-right-style: solid; float: left; background-color: rgb(250, 250, 250);
+}
+#reg-header-snippet .reg-profilePicture #reg-profileImage {
+	width: 100%; clear: both; margin-left: 15px;
+}
+#reg-header-snippet .reg-profilePicture #reg-myprofile-link {
+	text-align: left; margin-top: 18px;
+}
+#reg-header-snippet .reg-profilePicture #reg-myprofile-link a {
+	transition:0.3s ease-in-out; color: rgb(6, 122, 180); line-height: 15px; padding-left: 21px; font-size: 14px; text-decoration: none;
+}
+#reg-header-snippet .reg-profilePicture #reg-myprofile-link a:hover {
+	color: rgb(25, 157, 223); text-decoration: underline;
+}
+#reg-header-snippet .reg-profilePicture #reg-myprofile-link a:active {
+	text-decoration: none; coloe: #199ddf;
+}
+#reg-header-snippet .reg-profilePicture #reg-companyProfile-link {
+	margin-top: 14px;
+}
+#reg-header-snippet .reg-profilePicture #reg-companyProfile-link a {
+	transition:0.3s ease-in-out; color: rgb(6, 122, 180); line-height: 15px; font-size: 14px; text-decoration: none;
+}
+#reg-header-snippet .reg-profilePicture #reg-companyProfile-link a:hover {
+	color: rgb(25, 157, 223); text-decoration: underline;
+}
+#reg-header-snippet .reg-profilePicture #reg-companyProfile-link a:active {
+	text-decoration: none; coloe: #199ddf;
+}
+#reg-header-snippet .reg-profilePicture #reg-logout-div {
+	margin-top: 38px;
+}
+#reg-header-snippet .reg-profilePicture #reg-logout-div form.reg-logoutForm {
+	margin: 0px;
+}
+#reg-header-snippet .reg-profileDetails {
+	padding: 11px 20px 20px; width: 199px; margin-bottom: 0px; border-bottom-width: 0px; float: left; min-height: 220px; background-color: rgb(255, 255, 255);
+}
+#reg-header-snippet .reg-profileDetails .reg-userName-table {
+	height: 70px; display: table; min-height: 70px;
+}
+#reg-header-snippet .reg-profileDetails .reg-userName-table #reg-userName-table-row {
+	text-align: left; clear: both; display: table-row; min-height: inherit;
+}
+#reg-header-snippet .reg-profileDetails .reg-userName-table #reg-userName-table-row #reg-userName-table-cell {
+	height: inherit; vertical-align: middle; display: table-cell; -ms-word-wrap: break-word; min-height: inherit;
+}
+#reg-header-snippet .reg-profileDetails .reg-userName-table #reg-userName-table-row #reg-userName-table-cell #reg-userName {
+	width: 8em; color: rgb(68, 68, 68); overflow: hidden; font-weight: normal; float: left; white-space: normal;
+}
+#reg-header-snippet .reg-profileDetails .reg-userEmail-label {
+	text-align: left; clear: both; margin-top: 21px;
+}
+#reg-header-snippet .reg-profileDetails .reg-userEmail-label .reg-userEmail-label-spn {
+	margin: 0px; color: rgb(68, 68, 68); text-transform: none; line-height: 10px; font-family: clearviewatt_ltbold; font-size: 11px; font-weight: 100;
+}
+#reg-header-snippet .reg-profileDetails .reg-userEmail-value {
+	text-align: left; clear: both; margin-top: 5px;
+}
+#reg-header-snippet .reg-profileDetails .reg-userEmail-value .reg-userEmail-value-spn {
+	margin: 0px; color: rgb(102, 102, 102); text-transform: none; line-height: 15px; font-family: clearviewattregular; font-size: 14px;
+}
+#reg-header-snippet .reg-profileDetails .reg-userRole-label {
+	text-align: left; clear: both; margin-top: 20px;
+}
+#reg-header-snippet .reg-profileDetails .reg-userRole-label .reg-userRole-label-spn {
+	margin: 0px; color: rgb(68, 68, 68); text-transform: none; line-height: 10px; font-family: clearviewatt_ltbold; font-size: 11px; font-weight: 100;
+}
+#reg-header-snippet .reg-profileDetails .reg-userRole-value {
+	text-align: left; clear: both; margin-top: 6px;
+}
+#reg-header-snippet .reg-profileDetails .reg-userRole-value .reg-userRole-value-spn {
+	margin: 0px; color: rgb(102, 102, 102); text-transform: none; line-height: 15px; font-family: clearviewattregular; font-size: 14px;
+}
+#reg-header-snippet .reg-profileDetails .reg-userCompany-label {
+	text-align: left; clear: both; margin-top: 19px;
+}
+#reg-header-snippet .reg-profileDetails .reg-userCompany-label .reg-userCompany-spn {
+	margin: 0px; color: rgb(68, 68, 68); text-transform: none; line-height: 10px; font-family: clearviewatt_ltbold; font-size: 11px; font-weight: 100;
+}
+#reg-header-snippet .reg-profileDetails .reg-userCompany-value {
+	text-align: left; clear: both; margin-top: 5px;
+}
+#reg-header-snippet .reg-profileDetails .reg-userCompany-value .reg-userCompany-spn {
+	margin: 0px; color: rgb(102, 102, 102); text-transform: none; line-height: 15px; font-family: clearviewattregular; font-size: 14px; -ms-word-wrap: break-word;
+}
+.bui-global-transitions-hover {
+	border: 1px solid rgb(187, 187, 187); z-index: 90;
+}
+.bui-global-transitions-focus {
+	outline: 0px; border: 1px solid rgb(25, 157, 223) !important; z-index: 100; box-shadow: none; -webkit-box-shadow: none;
+}
+.bui-global-transitions-login-page {
+	background: 0px 0px rgb(250, 250, 250); border-radius: 3px; border: 1px solid rgb(211, 211, 211); transition:border 0.3s ease-in-out; color: rgb(68, 68, 68); font-family: clearviewattregular; box-shadow: none !important;
+}
+.bui-global-transitions-login-page:hover {
+	border: 1px solid rgb(187, 187, 187); z-index: 90;
+}
+.bui-global-transitions-login-page:focus {
+	outline: 0px; border: 1px solid rgb(25, 157, 223) !important; z-index: 100; box-shadow: none; -webkit-box-shadow: none;
+}
+li#anchor ul.column {
+	display: none;
+}
+li#anchor:hover ul.column {
+	display: block;
+}
+.login-icon {
+	width: 27px; height: 27px; vertical-align: middle; display: inline-block; background-image: url("../images/common/header/login-icon.png"); background-repeat: no-repeat;
+}
+.bui-reg-one-line-layout * {
+	display: inline-block;
+}
+.popbox {
+	margin: 0px auto; text-align: center; position: relative;
+}
+.collapse {
+	position: relative;
+}
+.box {
+	background: rgb(255, 255, 255); border: 1px solid rgb(187, 187, 187); width: auto; height: auto; display: none; position: relative; z-index: 0; min-width: 260px; 
+}
+.box * {
+	box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
+}
+.box ::after {
+	box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
+}
+.box ::before {
+	box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
+}
+.box a.close {
+	color: red; font-family: arial; font-size: 12px; text-decoration: underline;
+}
+.box .arrow {
+	left: 1px; top: -8px; width: 0px; height: 0px; border-right-color: transparent; border-bottom-color: rgb(255, 255, 255); border-left-color: transparent; border-right-width: 8px; border-bottom-width: 8px; border-left-width: 8px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute; z-index: 1001;
+}
+.standard-input-error-msg-class {
+	background: url("../images/common/header/exclamation-error.png") no-repeat 337px rgb(231, 229, 230) !important;
+}
+.box-form {
+	padding-top: 10px; padding-bottom: 0px; padding-left: 16px;
+}
+.control-text-popup {
+	border-radius: 3px 3px 0px 0px !important; width: 200px !important;
+}
+.control-label-password {
+	line-height: 10px !important; padding-top: 3px !important;
+}
+.control-label-checkbox {
+	line-height: 15px; padding-top: 5px;
+}
+.placeholder-class {
+	color: rgb(139, 139, 139) !important;
+}
+.forgot-userid-password {
+	font-size: 10px !important; font-weight: normal !important;
+}
+.header-login-label {
+	color: rgb(255, 255, 255); font-size: 13px; maxlength: 10;
+}
+.ellipsis-header-name {
+	overflow: hidden; padding-top: 0px; margin-top: 0px; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 100px; ms-text-overflow: ellipsis;
+}
+#generic-image {
+	padding: 100px; background-image: url("../images/common/header/placerimage.jpg"); background-repeat: no-repeat;
+}
+.bui-reg-horizontal-rule {
+	width: 100%; height: 1.25px; clear: both; background-color: rgb(231, 230, 230);
+}
+.bui-reg-horizontal-rule-margin {
+	margin-top: 20px; margin-bottom: 20px;
+}
+.password-horizontal-rule-margin {
+	margin-top: 5px; margin-bottom: 5px;
+}
+.requiredInformation {
+	font-size: 11px;
+}
+.header-login-window {
+	height: 100px;
+}
+.header-login-window-image {
+	padding: 18px;
+}
+.header-login-window-name {
+	line-height: 1.5em; overflow: hidden; padding-top: 18px; padding-right: 18px; font-family: clearviewatt_ltbold; font-size: 16px;
+}
+.header-login-window-role {
+	font-family: clearviewattregular; font-size: 12px;
+}
+.header-login-window-logout {
+	background: rgb(231, 229, 230); height: 27px; line-height: 27px; font-family: clearviewatt_ltbold; font-size: 11px; z-index: 10001;
+}
+.header-login-window-logout a {
+	color: rgb(103, 103, 103);
+}
+.header-login-name {
+	width: auto; line-height: 50px; padding-right: 23px; padding-left: 3px; float: left; cursor: pointer;
+}
+.error-msg-box {
+	border-radius: 3px; width: 200px; height: 35px; color: rgb(255, 255, 255); line-height: 35px; font-size: 12px; margin-top: 15px; margin-left: 30px; background-color: rgb(255, 69, 57);
+}
+.header_login_field_border_error {
+	background: url("../images/common/header/icon-error.png") no-repeat 118px rgb(255, 255, 255) !important; border: 1px solid rgb(255, 69, 57) !important; z-index: 100;
+}
+.header_login_field_border_error:hover {
+	border: 1px solid rgb(255, 69, 57) !important;
+}
+.header_login_field_3sides_error {
+	background: url("../images/common/header/icon-error.png") no-repeat 118px rgb(255, 255, 255) !important; border-right-color: rgb(255, 69, 57) !important; border-bottom-color: rgb(255, 69, 57) !important; border-left-color: rgb(255, 69, 57) !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important;
+}
+.header_login_field_3sides_error:hover {
+	border: 1px solid rgb(255, 69, 57) !important;
+}
+.header_login_field_wrapper_border_error {
+	background: url("../images/common/header/icon-error.png") no-repeat 118px rgb(255, 255, 255) !important;
+}
+.error-msg-class {
+	background: url("../images/common/header/exclamation-error.png") no-repeat 178px rgb(255, 255, 255) !important; border-color: rgb(177, 11, 59) !important; color: rgb(179, 10, 60) !important; font-size: 10px; box-shadow: inset 0px 0px 3px #b10b3b, 0px 0px 3px #b10b3b !important;
+}
+.regFormInputLoginText {
+	background: no-repeat 100% -22px rgb(250, 250, 250); padding: 10px; width: 200px; height: 20px; color: rgb(68, 68, 68); font-size: 12px; display: block;
+}
+.regFormInputLoginPassword {
+	background: no-repeat 100% -22px rgb(250, 250, 250); padding: 10px; width: 200px; height: 20px; color: rgb(68, 68, 68); font-size: 12px; display: block;
+}
+.header-login-button {
+	height: 20px; min-width: 10px !important; box-shadow: none;
+}
+#headerLoginFormID #header_login_title {
+	color: rgb(68, 68, 68); font-family: clearviewattregular; font-size: 14px; margin-top: 25px;
+}
+#headerLoginFormID #header_login_id {
+	background: url("../images/common/header/icon-username.png") no-repeat 10px rgb(250, 250, 250) !important; padding: 10px 10px 10px 36px; border-radius: 3px 3px 0px 0px !important; border: 1px solid rgb(211, 211, 211); transition:border 0.3s ease-in-out; width: 200px; height: 32px; color: rgb(68, 68, 68); font-family: clearviewattregular; font-size: 12px; margin-top: 15px; margin-bottom: 10px !important; margin-left: 30px; display: block; box-shadow: none !important;
+}
+#headerLoginFormID #header_login_id:hover {
+	border: 1px solid rgb(187, 187, 187); z-index: 90;
+}
+#headerLoginFormID #header_login_id:focus {
+	outline: 0px; border: 1px solid rgb(25, 157, 223) !important; z-index: 100; box-shadow: none; -webkit-box-shadow: none;
+}
+#headerLoginFormID #header_password {
+	background: url("../images/common/header/icon-password.png") no-repeat 10px rgb(250, 250, 250) !important; padding: 10px 10px 10px 36px; border-radius: 0px 0px 3px 3px !important; border: 1px solid rgb(211, 211, 211); transition:border 0.3s ease-in-out; width: 200px; height: 32px; color: rgb(68, 68, 68); font-family: clearviewattregular; font-size: 12px; margin-top: -11px; margin-bottom: 0px; margin-left: 30px; display: block; box-shadow: none !important;
+}
+#headerLoginFormID #header_password:hover {
+	border: 1px solid rgb(187, 187, 187); z-index: 90;
+}
+#headerLoginFormID #header_password:focus {
+	outline: 0px; border: 1px solid rgb(25, 157, 223) !important; z-index: 100; box-shadow: none; -webkit-box-shadow: none;
+}
+#headerLoginFormID #header_login_block {
+	height: 30px; margin-top: 15px;
+}
+#headerLoginFormID #header_login_block #header_login_button {
+	padding: 8px 20px; border-radius: 6px; border: 0px rgb(53, 128, 189); transition:background-color 0.3s ease-out; width: 80px; height: 30px !important; text-align: center; color: rgb(255, 255, 255) !important; line-height: 1; font-size: 14px; text-decoration: none !important; margin-left: 25px; vertical-align: middle; float: left; display: inline-block; position: relative; cursor: pointer; min-width: 60px; box-sizing: border-box; background-color: rgb(6, 122, 180); -moz-box-sizing: border-box; valign: middle;
+}
+#headerLoginFormID #header_login_block #header_login_button:hover {
+	background-color: rgb(25, 157, 223);
+}
+#headerLoginFormID #header_login_block #header_login_button:active {
+	border-color: rgb(40, 97, 141); background-color: rgb(50, 120, 177);
+}
+#headerLoginFormID #remember_me_component {
+	padding-left: 30px; margin-top: 11px;
+}
+#headerLoginFormID #remember_me_component #rememberme_header_label {
+	margin-top: 4px;
+}
+#headerLoginFormID #remember_me_component #remember-me {
+	color: rgb(102, 102, 102); font-family: clearviewattregular; font-size: 12px; font-weight: normal;
+}
+#headerLoginFormID #forgot_username_component {
+	text-align: left; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; clear: both;
+}
+#headerLoginFormID #forgot_username_component .regular {
+	color: rgb(68, 68, 68); font-family: clearviewattregular; font-size: 12px;
+}
+#headerLoginFormID #forgot_username_component .link {
+	color: rgb(6, 122, 180); font-family: clearviewattregular; font-size: 12px;
+}
+.footerContainer {
+	background: 0px 0px rgb(6, 122, 180); margin: 0px auto; width: 100%;
+}
+.footerContainer .footerWrapper { 
+	margin: 0px auto; width: 100%; padding-bottom: 25px; background-color: rgb(6, 122, 180);
+}
+.footerContainer .footerWrapper .footerItem {
+	margin: auto; width: 100%; height: 60px; color: rgb(255, 255, 255); line-height: 1; overflow: hidden; font-family: arial; font-size: 12px;
+}
+.footerContainer .footerWrapper .footerItem .divider {
+	width: 100px; margin-top: 10px; margin-bottom: 10px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
+}
+.footerContainer .footerWrapper .footerItem .customerSupport {
+	width: 160px; margin-left: 30px; float: left;
+}
+.footerContainer .footerWrapper .footerItem .customerSupport .customerHelp {
+	font-size: 14px; margin-top: 45px; margin-bottom: 20px;
+}
+.footerContainer .footerWrapper .footerItem .customerSupport a {
+	color: rgb(255, 255, 255) !important;
+}
+.footerContainer .footerWrapper .footerItem .customerSupport a:hover {
+	text-decoration: none;
+}
+.footerContainer .footerWrapper .footerItem .legalInfo {
+	width: 160px; float: left;
+}
+.footerContainer .footerWrapper .footerItem .legalInfo .legal {
+	font-size: 14px; margin-top: 45px; margin-bottom: 20px;
+}
+.footerContainer .footerWrapper .footerItem .legalInfo a {
+	color: rgb(255, 255, 255) !important;
+}
+.footerContainer .footerWrapper .footerItem .legalInfo a:hover {
+	text-decoration: none;
+}
+.footerContainer .footerWrapper .footerItem .subscribeSection {
+	width: 295px; float: left;
+}
+.footerContainer .footerWrapper .footerItem .subscribeSection .subscribeSave {
+	font-size: 14px; margin-top: 45px; margin-bottom: 20px;
+}
+.footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection {
+	overflow: hidden; margin-top: 15px;
+}
+.footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .emailAddress {
+	width: 170px; float: left;
+}
+.footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .emailAddress input {
+	padding: 5px 10px 5px 5px; width: 152px; color: rgb(255, 255, 255) !important; background-color: rgb(6, 122, 180);
+}
+.footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .subscribeBtn {
+	border-radius: 1px 5px 5px 1px; top: 1px; width: 95px; height: 30px; text-align: center; right: 7px; color: rgb(6, 122, 180); font-size: 14px; vertical-align: middle; float: left; position: relative; cursor: pointer; background-color: rgb(255, 255, 255);
+}
+.footerContainer .footerWrapper .footerItem .socialMedia {
+	margin-left: 0px; float: left;
+}
+.footerContainer .footerWrapper .footerItem .socialMedia .followAtt {
+	font-size: 14px; margin-top: 45px; margin-bottom: 20px;
+}
+.footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds {
+	margin-top: 20px; margin-left: -8px;
+}
+.footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span {
+	margin: 0px; padding: 5px; font-size: 30px;
+}
+.footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span a {
+	margin: 0px; padding: 0px; color: rgb(255, 255, 255);
+}
+.footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span a:hover {
+	text-decoration: none;
+}
+.footerContainer .footerWrapper .dividerBottom {
+	margin: auto; width: 920px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
+}
+.footerContainer .footerWrapper .feedbackSection {
+	margin: auto; width: 920px; display: none;
+}
+.footerContainer .footerWrapper .feedbackSection .dividerTop {
+	margin: auto; width: 920px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
+}
+.footerContainer .footerWrapper .feedbackSection .feedbackContent {
+	margin: 30px auto;
+}
+.footerContainer .footerWrapper .feedbackSection .feedbackContent #feedbackForm {
+	height: 120px;
+}
+.footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackInfo {
+	width: 270px; color: rgb(255, 255, 255); font-family: arial; font-size: 12px; margin-top: -5px; margin-right: 30px; float: left;
+}
+.footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackTextSection .feedbackText {
+	padding: 10px; border-radius: 5px; border: 1px solid rgb(255, 255, 255); width: 500px; height: 100px; color: rgb(255, 255, 255); font-family: arial; font-size: 14px; float: left; cursor: text; background-color: rgb(6, 122, 180); resize: none;
+}
+.footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackTextSection .feedbackSubmitButton {
+	padding: 5px; border-radius: 5px; border: currentColor; width: 82px; color: rgb(6, 122, 180); font-family: arial; font-size: 14px; margin-top: 92px; margin-left: 16px; cursor: pointer; background-color: rgb(255, 255, 255);
+}
+.footerContainer .footerWrapper .feedbackResultMsg {
+	margin: 0px auto; width: 100%; text-align: center; color: rgb(255, 255, 255); line-height: 70px; font-family: arial; font-size: 18px; display: none;
+}
+.footerContainer .footerWrapper .feedbackResultMsg #feedbackMsgCheck {
+	font-size: 20px; margin-right: 20px;
+}
+.footerContainer .footerWrapper #feedbackResultDivider {
+	display: none;
+}
+.footerContainer .footerWrapper .feedbackButtonDiv {
+	margin: auto; max-width: 110px;
+}
+.footerContainer .footerWrapper .feedbackButtonDiv .feedbackButton {
+	background: rgb(255, 255, 255); margin: -1px auto auto; padding: 5px 10px; border-radius: 0px 0px 5px 5px; border: currentColor; color: rgb(6, 122, 180); font-family: arial; font-size: 14px; cursor: pointer;
+}
+.footerContainer .footerWrapper .feedbackButtonDiv .closeFeedbackButton {
+	background: rgb(255, 255, 255); margin: -1px auto auto; padding: 5px 10px; border-radius: 0px 0px 5px 5px; border: currentColor; color: rgb(6, 122, 180); font-family: arial; font-size: 14px; cursor: pointer;
+}
+.footerContainer .footerWrapper .feedbackButtonDiv .feedbackButton span {
+	padding-left: 10px; background-image: none; 
+}
+.footerContainer .footerWrapper .feedbackButtonDiv .closeFeedbackButton span {
+	padding-left: 10px; background-image: none;
+}
+.footerContainer .footerWrapper .attFooterInfo {
+	margin: auto; width: 100%; color: rgb(255, 255, 255); overflow: hidden; font-family: arial; font-size: 12px;
+}
+.footerContainer .footerWrapper .attFooterInfo a {
+	margin: 0px; padding: 0px; color: rgb(255, 255, 255); text-decoration: underline;
+}
+.footerContainer .footerWrapper .attFooterInfo .footerLastSection {
+	overflow: hidden; margin-top: 40px;
+}
+.footerContainer .footerWrapper .attFooterInfo span {
+	padding-right: 5px; padding-left: 3px; border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid;
+}
+.footerContainer .footerWrapper .attFooterInfo span:last-child {
+	border: currentColor;
+}
+.footerContainer .footerWrapper .attFooterInfo .attLogo {
+	background: url("images/footer-attolympiclogo.png") repeat-x 0px 0px; width: 150px; height: 77px; margin-right: 0px; margin-left: 17px; float: left;
+}
+.footerContainer .footerWrapper .attFooterInfo .attQuality {
+	background: url("../images/common/footer/footer-consumerinfo.png") repeat-x 0px 0px; top: -5px; width: 79px; height: 82px; margin-right: 103px; float: left; position: relative;
+}
+.footerContainer .footerWrapper .attFooterInfo .attAdvertise {
+	width: 64%; float: right;
+}
+.footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy {
+	margin-top: 17px;
+}
+.footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a {
+	text-decoration: underline;
+}
+.footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a span {
+	padding: 0px;
+}
+.footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a:hover {
+	text-decoration: underline;
+}
+[data-icon]::before {
+	text-transform: none; line-height: 1; font-family: "atticons"; font-variant: normal; font-weight: normal; content: attr(data-icon); speak: none; -webkit-font-smoothing: antialiased;
+}
+[class^='icon-'] {
+	text-transform: none; line-height: 1; font-family: "atticons"; font-style: normal; font-variant: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
+}
+[class*=' icon-'] {
+	text-transform: none; line-height: 1; font-family: "atticons"; font-style: normal; font-variant: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
+}
+.icon-wireless-outline::before {
+	content: "\e600";
+}
+.icon-wireless-dashboard::before {
+	content: "\e601";
+}
+.icon-website-hosting-outline::before {
+	content: "\e602";
+}
+.icon-volume-up::before {
+	content: "\e603";
+}
+.icon-volume-mute::before {
+	content: "\e604";
+}
+.icon-volume-down::before {
+	content: "\e605";
+}
+.icon-video::before {
+	content: "\e606";
+}
+.icon-video-tutorials::before {
+	content: "\e607";
+}
+.icon-video-tutorials-outline::before {
+	content: "\e608";
+}
+.icon-video-outline::before {
+	content: "\e609";
+}
+.icon-user::before {
+	content: "\e60a";
+}
+.icon-user-small::before {
+	content: "\e60b";
+}
+.icon-user-outline::before {
+	content: "\e60c";
+}
+.icon-user-large-outline::before {
+	content: "\e60d";
+}
+.icon-upgrades::before {
+	content: "\e60e";
+}
+.icon-upgrades-outline::before {
+	content: "\e60f";
+}
+.icon-unlimited-nights-weekends-outline::before {
+	content: "\e610";
+}
+.icon-unlimited-minutes-outline::before {
+	content: "\e611";
+}
+.icon-unlimited-messaging-outline::before {
+	content: "\e612";
+}
+.icon-unlimited-m2m-outline::before {
+	content: "\e613";
+}
+.icon-unlimited-calling::before {
+	content: "\e614";
+}
+.icon-tv-packages-outline::before {
+	content: "\e615";
+}
+.icon-travel-minutes-outline::before {
+	content: "\e616";
+}
+.icon-trash::before {
+	content: "\e617";
+}
+.icon-tollfree-outline::before {
+	content: "\e618";
+}
+.icon-tiles::before {
+	content: "\e619";
+}
+.icon-tiles-small::before {
+	content: "\e61a";
+}
+.icon-tickets::before {
+	content: "\e61b";
+}
+.icon-tickets-returned::before {
+	content: "\e61c";
+}
+.icon-tickets-referred::before {
+	content: "\e61d";
+}
+.icon-tickets-outline::before {
+	content: "\e61e";
+}
+.icon-tickets-open::before {
+	content: "\e61f";
+}
+.icon-tickets-escalate::before {
+	content: "\e620";
+}
+.icon-tickets-contested::before {
+	content: "\e621";
+}
+.icon-tickets-closed::before {
+	content: "\e622";
+}
+.icon-tickets-cleared::before {
+	content: "\e623";
+}
+.icon-tickets-arquived::before {
+	content: "\e624";
+}
+.icon-tickets-active::before {
+	content: "\e625";
+}
+.icon-technical-specifications::before {
+	content: "\e626";
+}
+.icon-tech-support::before {
+	content: "\e627";
+}
+.icon-tech-support-outline::before {
+	content: "\e628";
+}
+.icon-tablet::before {
+	content: "\e629";
+}
+.icon-tablet-outline::before {
+	content: "\e62a";
+}
+.icon-support::before {
+	content: "\e62b";
+}
+.icon-support-outline::before {
+	content: "\e62c";
+}
+.icon-star::before {
+	content: "\e62d";
+}
+.icon-sort::before {
+	content: "\e62e";
+}
+.icon-social-outline::before {
+	content: "\e62f";
+}
+.icon-smartphone::before {
+	content: "\e630";
+}
+.icon-smartphone-outline::before {
+	content: "\e631";
+}
+.icon-signout-outline::before {
+	content: "\e632";
+}
+.icon-sign-out::before {
+	content: "\e633";
+}
+.icon-shop::before {
+	content: "\e634";
+}
+.icon-shop-outline::before {
+	content: "\e635";
+}
+.icon-shared-outline::before {
+	content: "\e636";
+}
+.icon-shared-minutes-outline::before {
+	content: "\e637";
+}
+.icon-share::before {
+	content: "\e638";
+}
+.icon-settings::before {
+	content: "\e639";
+}
+.icon-send-invoice-outline::before {
+	content: "\e63a";
+}
+.icon-see-more::before {
+	content: "\e63b";
+}
+.icon-see-less::before {
+	content: "\e63c";
+}
+.icon-search::before {
+	content: "\e63d";
+}
+.icon-search-small::before {
+	content: "\e63e";
+}
+.icon-screen-calls-outline::before {
+	content: "\e63f";
+}
+.icon-save-time-outline::before {
+	content: "\e640";
+}
+.icon-saas-enablement-outline::before {
+	content: "\e641";
+}
+.icon-s-beam::before {
+	content: "\e642";
+}
+.icon-s-beam-outline::before {
+	content: "\e643";
+}
+.icon-rollover-outline::before {
+	content: "\e644";
+}
+.icon-rollover-minutes::before {
+	content: "\e645";
+}
+.icon-reviews-outline::before {
+	content: "\e646";
+}
+.icon-reports::before {
+	content: "\e647";
+}
+.icon-reports-outline::before {
+	content: "\e648";
+}
+.icon-recommendation-tool::before {
+	content: "\e649";
+}
+.icon-receivers-outline::before {
+	content: "\e64a";
+}
+.icon-productivity-outline::before {
+	content: "\e64b";
+}
+.icon-print::before {
+	content: "\e64c";
+}
+.icon-plus::before {
+	content: "\e64d";
+}
+.icon-plus-outline::before {
+	content: "\e64e";
+}
+.icon-play::before {
+	content: "\e64f";
+}
+.icon-platform-as-service-outline::before {
+	content: "\e650";
+}
+.icon-plans::before {
+	content: "\e651";
+}
+.icon-plans-outline::before {
+	content: "\e652";
+}
+.icon-pie-chart::before {
+	content: "\e653";
+}
+.icon-photos::before {
+	content: "\e654";
+}
+.icon-photos-outline::before {
+	content: "\e655";
+}
+.icon-phone-data-outline::before {
+	content: "\e656";
+}
+.icon-payments::before {
+	content: "\e657";
+}
+.icon-payments-outline::before {
+	content: "\e658";
+}
+.icon-pause::before {
+	content: "\e659";
+}
+.icon-password::before {
+	content: "\e65a";
+}
+.icon-password-outline::before {
+	content: "\e65b";
+}
+.icon-overview::before {
+	content: "\e65c";
+}
+.icon-overview-small::before {
+	content: "\e65d";
+}
+.icon-overages::before {
+	content: "\e65e";
+}
+.icon-overages-outline::before {
+	content: "\e65f";
+}
+.icon-outage-outline::before {
+	content: "\e660";
+}
+.icon-orders::before {
+	content: "\e661";
+}
+.icon-orders-outline::before {
+	content: "\e662";
+}
+.icon-optional-applications-outline::before {
+	content: "\e663";
+}
+.icon-office-at-hand-outline::before {
+	content: "\e664";
+}
+.icon-offers::before {
+	content: "\e665";
+}
+.icon-offers-outline::before {
+	content: "\e666";
+}
+.icon-notifications::before {
+	content: "\e667";
+}
+.icon-notifications-outline::before {
+	content: "\e668";
+}
+.icon-normal-screen::before {
+	content: "\e669";
+}
+.icon-nights-weekends-outline::before {
+	content: "\e66a";
+}
+.icon-new-requests-outline::before {
+	content: "\e66b";
+}
+.icon-network::before {
+	content: "\e66c";
+}
+.icon-network-dashboard::before {
+	content: "\e66d";
+}
+.icon-netbook::before {
+	content: "\e66e";
+}
+.icon-netbook-outline::before {
+	content: "\e66f";
+}
+.icon-music::before {
+	content: "\e670";
+}
+.icon-music-video::before {
+	content: "\e671";
+}
+.icon-music-video-outline::before {
+	content: "\e672";
+}
+.icon-music-outline::before {
+	content: "\e673";
+}
+.icon-modem::before {
+	content: "\e674";
+}
+.icon-modem-outline::before {
+	content: "\e675";
+}
+.icon-mobile-insurance::before {
+	content: "\e676";
+}
+.icon-mobile-insurance-outline::before {
+	content: "\e677";
+}
+.icon-mobile-2-mobile-outline::before {
+	content: "\e678";
+}
+.icon-missed-calls-outline::before {
+	content: "\e679";
+}
+.icon-minutes::before {
+	content: "\e67a";
+}
+.icon-minutes-outline::before {
+	content: "\e67b";
+}
+.icon-messaging::before {
+	content: "\e67c";
+}
+.icon-messaging-toolkit-outline::before {
+	content: "\e67d";
+}
+.icon-messaging-outline::before {
+	content: "\e67e";
+}
+.icon-messaging-email::before {
+	content: "\e67f";
+}
+.icon-messaging-email-outline::before {
+	content: "\e680";
+}
+.icon-message-small::before {
+	content: "\e681";
+}
+.icon-maintenance::before {
+	content: "\e682";
+}
+.icon-location-pin::before {
+	content: "\e683";
+}
+.icon-location-pin-small::before {
+	content: "\e684";
+}
+.icon-local-search::before {
+	content: "\e685";
+}
+.icon-local-long-distance-outline::before {
+	content: "\e686";
+}
+.icon-list::before {
+	content: "\e687";
+}
+.icon-learn::before {
+	content: "\e688";
+}
+.icon-learn-outline::before {
+	content: "\e689";
+}
+.icon-laptop::before {
+	content: "\e68a";
+}
+.icon-landline::before {
+	content: "\e68b";
+}
+.icon-landline-outline::before {
+	content: "\e68c";
+}
+.icon-invoices::before {
+	content: "\e68d";
+}
+.icon-invoices-outline::before {
+	content: "\e68e";
+}
+.icon-inventory::before {
+	content: "\e68f";
+}
+.icon-intranet-outline::before {
+	content: "\e690";
+}
+.icon-interpreter::before {
+	content: "\e691";
+}
+.icon-interpreter-outline::before {
+	content: "\e692";
+}
+.icon-internet::before {
+	content: "\e693";
+}
+.icon-internet-outline::before {
+	content: "\e694";
+}
+.icon-internet-24-outline::before {
+	content: "\e695";
+}
+.icon-internet-18-outline::before {
+	content: "\e696";
+}
+.icon-international-outline::before {
+	content: "\e697";
+}
+.icon-international-long-distance-outline::before {
+	content: "\e698";
+}
+.icon-international-data-outline::before {
+	content: "\e699";
+}
+.icon-installation-outline::before {
+	content: "\e69a";
+}
+.icon-information::before {
+	content: "\e69b";
+}
+.icon-info-success::before {
+	content: "\e69c";
+}
+.icon-info-alert::before {
+	content: "\e69d";
+}
+.icon-info-alert-outline::before {
+	content: "\e69e";
+}
+.icon-included-checkmark::before {
+	content: "\e69f";
+}
+.icon-included-checkmark-outline::before {
+	content: "\e6a0";
+}
+.icon-hotspot::before {
+	content: "\e6a1";
+}
+.icon-hotspot-outline::before {
+	content: "\e6a2";
+}
+.icon-hotspot-access-outline::before {
+	content: "\e6a3";
+}
+.icon-home::before {
+	content: "\e6a4";
+}
+.icon-help::before {
+	content: "\e6a5";
+}
+.icon-help-outline::before {
+	content: "\e6a6";
+}
+.icon-hd::before {
+	content: "\e6a7";
+}
+.icon-hd-outline::before {
+	content: "\e6a8";
+}
+.icon-hamburger::before {
+	content: "\e6a9";
+}
+.icon-group-outline::before {
+	content: "\e6aa";
+}
+.icon-gps::before {
+	content: "\e6ab";
+}
+.icon-gps-outline::before {
+	content: "\e6ac";
+}
+.icon-go-paperless-email-outline::before {
+	content: "\e6ad";
+}
+.icon-global-messaging-outline::before {
+	content: "\e6ae";
+}
+.icon-gamepad-outline::before {
+	content: "\e6af";
+}
+.icon-game-devices::before {
+	content: "\e6b0";
+}
+.icon-full-screen::before {
+	content: "\e6b1";
+}
+.icon-forward-calls-outline::before {
+	content: "\e6b2";
+}
+.icon-forum::before {
+	content: "\e6b3";
+}
+.icon-forum-outline::before {
+	content: "\e6b4";
+}
+.icon-filter::before {
+	content: "\e6b5";
+}
+.icon-extras::before {
+	content: "\e6b6";
+}
+.icon-extras-outline::before {
+	content: "\e6b7";
+}
+.icon-erase::before {
+	content: "\e6b8";
+}
+.icon-envelope::before {
+	content: "\e6b9";
+}
+.icon-envelope-outline::before {
+	content: "\e6ba";
+}
+.icon-enterprise-messaging-outline::before {
+	content: "\e6bb";
+}
+.icon-edit::before {
+	content: "\e6bc";
+}
+.icon-duplicate::before {
+	content: "\e6bd";
+}
+.icon-dropdown-up::before {
+	content: "\e6be";
+}
+.icon-dropdown-down::before {
+	content: "\e6bf";
+}
+.icon-download::before {
+	content: "\e6c0";
+}
+.icon-download-outline::before {
+	content: "\e6c1";
+}
+.icon-disputes::before {
+	content: "\e6c2";
+}
+.icon-detailed-billing::before {
+	content: "\e6c3";
+}
+.icon-detailed-billing-outline::before {
+	content: "\e6c4";
+}
+.icon-desktop-outline::before {
+	content: "\e6c5";
+}
+.icon-data::before {
+	content: "\e6c6";
+}
+.icon-data-outline::before {
+	content: "\e6c7";
+}
+.icon-data-additional-outline::before {
+	content: "\e6c8";
+}
+.icon-compare::before {
+	content: "\e6c9";
+}
+.icon-cloud-storage-outline::before {
+	content: "\e6ca";
+}
+.icon-cloud-outline::before {
+	content: "\e6cb";
+}
+.icon-cloud-computing-outline::before {
+	content: "\e6cc";
+}
+.icon-cloud-backup::before {
+	content: "\e6cd";
+}
+.icon-cloud-backup-outline::before {
+	content: "\e6ce";
+}
+.icon-circle-information-outline::before {
+	content: "\e6cf";
+}
+.icon-circle-action-plus-outline::before {
+	content: "\e6d0";
+}
+.icon-circle-action-minus-outline::before {
+	content: "\e6d1";
+}
+.icon-circle-action-empty::before {
+	content: "\e6d2";
+}
+.icon-circle-action-delete-outline::before {
+	content: "\e6d3";
+}
+.icon-circle-action-close::before {
+	content: "\e6d4";
+}
+.icon-circle-action-check-outline::before {
+	content: "\e6d5";
+}
+.icon-circle-action-remove::before {
+	content: "\e6d6";
+}
+.icon-circle-action-add::before {
+	content: "\e6d7";
+}
+.icon-chip-outline::before {
+	content: "\e6d8";
+}
+.icon-chevron-up::before {
+	content: "\e6d9";
+}
+.icon-chevron-right::before {
+	content: "\e6da";
+}
+.icon-chevron-left::before {
+	content: "\e6db";
+}
+.icon-chevron-down::before {
+	content: "\e6dc";
+}
+.icon-checkbox-checkmark::before {
+	content: "\e6dd";
+}
+.icon-chat::before {
+	content: "\e6de";
+}
+.icon-chat-small::before {
+	content: "\e6df";
+}
+.icon-case-studies::before {
+	content: "\e6e0";
+}
+.icon-cart::before {
+	content: "\e6e1";
+}
+.icon-cart-small::before {
+	content: "\e6e2";
+}
+.icon-camera::before {
+	content: "\e6e3";
+}
+.icon-camera-outline::before {
+	content: "\e6e4";
+}
+.icon-calendar-outline::before {
+	content: "\e6e5";
+}
+.icon-business::before {
+	content: "\e6e6";
+}
+.icon-business-tv::before {
+	content: "\e6e7";
+}
+.icon-business-tv-outline::before {
+	content: "\e6e8";
+}
+.icon-business-tv-additional-packs-outline::before {
+	content: "\e6e9";
+}
+.icon-business-outline::before {
+	content: "\e6ea";
+}
+.icon-business-center::before {
+	content: "\e6eb";
+}
+.icon-business-center-outline::before {
+	content: "\e6ec";
+}
+.icon-bundles::before {
+	content: "\e6ed";
+}
+.icon-bundles-outline::before {
+	content: "\e6ee";
+}
+.icon-billing::before {
+	content: "\e6ef";
+}
+.icon-billing-history-outline::before {
+	content: "\e6f0";
+}
+.icon-billing-dashboard::before {
+	content: "\e6f1";
+}
+.icon-bd-maps::before {
+	content: "\e6f2";
+}
+.icon-basicphone::before {
+	content: "\e6f3";
+}
+.icon-basicphone-outline::before {
+	content: "\e6f4";
+}
+.icon-barcode-outline::before {
+	content: "\e6f5";
+}
+.icon-bar-chart-vertical::before {
+	content: "\e6f6";
+}
+.icon-bar-chart-horizontal::before {
+	content: "\e6f7";
+}
+.icon-arrow-up::before {
+	content: "\e6f8";
+}
+.icon-arrow-up-right::before {
+	content: "\e6f9";
+}
+.icon-arrow-up-left::before {
+	content: "\e6fa";
+}
+.icon-arrow-up-circle::before {
+	content: "\e6fb";
+}
+.icon-arrow-right::before {
+	content: "\e6fc";
+}
+.icon-arrow-right-circle::before {
+	content: "\e6fd";
+}
+.icon-arrow-left::before {
+	content: "\e6fe";
+}
+.icon-arrow-left-circle::before {
+	content: "\e6ff";
+}
+.icon-arrow-down::before {
+	content: "\e700";
+}
+.icon-arrow-down-right::before {
+	content: "\e701";
+}
+.icon-arrow-down-left::before {
+	content: "\e702";
+}
+.icon-arrow-down-circle::before {
+	content: "\e703";
+}
+.icon-arrow-double-right::before {
+	content: "\e704";
+}
+.icon-arrow-double-left::before {
+	content: "\e705";
+}
+.icon-apps-media::before {
+	content: "\e706";
+}
+.icon-apps-media-outline::before {
+	content: "\e707";
+}
+.icon-apps-marketplace::before {
+	content: "\e708";
+}
+.icon-apps-marketplace-outline::before {
+	content: "\e709";
+}
+.icon-analytics::before {
+	content: "\e70a";
+}
+.icon-alt-media-subscription-outline::before {
+	content: "\e70b";
+}
+.icon-all-locations::before {
+	content: "\e70c";
+}
+.icon-all-devices::before {
+	content: "\e70d";
+}
+.icon-all-devices-outline::before {
+	content: "\e70e";
+}
+.icon-alarms::before {
+	content: "\e70f";
+}
+.icon-alarms-outline::before {
+	content: "\e710";
+}
+.icon-address-ip-outline::before {
+	content: "\e711";
+}
+.icon-addons::before {
+	content: "\e712";
+}
+.icon-addons-outline::before {
+	content: "\e713";
+}
+.icon-additional-services::before {
+	content: "\e714";
+}
+.icon-additional-minutes-outline::before {
+	content: "\e715";
+}
+.icon-add-widget::before {
+	content: "\e716";
+}
+.icon-activity-feed::before {
+	content: "\e717";
+}
+.icon-accessories::before {
+	content: "\e718";
+}
+.icon-accessories-outline::before {
+	content: "\e719";
+}
+.icon-foundation-account::before {
+	content: "\e71a";
+}
+.icon-billing-account::before {
+	content: "\e71b";
+}
+.headerContainer {
+	left: 0px; top: 0px; width: 100%; color: rgb(255, 255, 255); line-height: 50px; position: fixed; z-index: 999; background-color: rgb(6, 122, 180);
+}
+.icon-infinite::before {
+	content: "\e71c";
+}
+.headerContentContainer .primaryMenuContainer {
+	font-family: arial; font-size: 18px;
+}
+.icon-social-business-community::before {
+	content: "\e71d";
+}
+.icon-social-facebook::before {
+	content: "\e71e";
+}
+.icon-social-feed::before {
+	content: "\e71f";
+}
+.icon-social-google-plus::before {
+	content: "\e720";
+}
+.icon-social-linkedin::before {
+	content: "\e721";
+}
+.icon-social-network-exchange::before {
+	content: "\e722";
+}
+.icon-social-twitter-bird::before {
+	content: "\e723";
+}
+.icon-social-twitter::before {
+	content: "\e724";
+}
+.icon-social-youtube::before {
+	content: "\e725";
+}
+.icon-blocked::before {
+	content: "\e726";
+}
+.icon-talk-text::before {
+	content: "\e727";
+}
+.icon-blocked::before {
+	content: "\e726";
+}
+.icon-group::before {
+	content: "\e72c";
+}
+.icon-group-create::before {
+	content: "\e72b";
+}
+.headerContentContainer {
+	margin: auto; width: 100%; height: 50px; margin-top:5px;
+}
+.headerContentContainer .primaryMenuContainer .linkToRegistration {
+	color: rgb(255, 255, 255); float: right;
+}
+.headerContentContainer .primaryMenuContainer .ATTLogo {
+	background: url("../images/common/header/attLogo.png") no-repeat -10px -10px; width: 36px; height: 36px; margin-top: 7px; margin-right: 35px; margin-left: 10px; float: left;
+}
+.headerContentContainer .primaryMenuContainer .attHomeContainer {
+	float: left; cursor: pointer;
+}
+.headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR {
+	font-family: clearviewatt_ltbold; margin-right: 4px; margin-left: 2px; float: left;
+}
+.headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR a {
+	color: rgb(255, 255, 255); font-family: clearviewatt_ltbold; font-size: 18px; text-decoration: none;
+}
+.headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR a:hover {
+	color: rgb(191, 231, 251); text-decoration: none;
+}
+.headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR a:active {
+	color: rgb(191, 231, 251); text-decoration: none;
+}
+.headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR:hover {
+	margin-top: -2px;
+}
+.headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR:active {
+	margin-top: -2px;
+}
+.headerContentContainer .primaryMenuContainer .primaryMenuOptionsContainer .primaryMenuOptionLink {
+	color: rgb(255, 255, 255); font-family: clearviewatt; font-size: 18px; text-decoration: none; margin-left: 30px; float: left; cursor: pointer;
+}
+.headerContentContainer .primaryMenuContainer .primaryMenuOptionsContainer .primaryMenuOptionLink:hover {
+	color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px;
+}
+.headerContentContainer .primaryMenuContainer .primaryMenuOptionsContainer .primaryMenuOptionLink:focus {
+	color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px;
+}
+.headerContentContainer .primaryMenuContainer .primaryMenuOptionsContainer .primaryMenuOptionLink:active {
+	color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px;
+}
+.headerContentContainer .primaryMenuContainer .pageNameContainer .pageName {
+	color: rgb(255, 255, 255); font-family: clearviewatt_ltbold; font-size: 18px; text-decoration: none; margin-left: 30px; float: left; cursor: pointer;
+}
+.headerContentContainer .primaryMenuContainer .pageNameContainer .pageName:hover {
+	color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px;
+}
+.headerContentContainer .primaryMenuContainer .pageNameContainer .pageName:active {
+	color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px;
+}
+.headerContentContainer .primaryMenuContainer .selectedOptionIndicator {
+	border-width: 0px 8px 8px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); width: 0px; height: 0px; margin-top: 43px; position: absolute;
+}
+.headerContentContainer .primaryMenuContainer .loginIcon {
+	background: url("") no-repeat -10px -41px; width: 16px; height: 21px; color: rgb(255, 255, 255); line-height: 50px; font-size: 18px; margin-top: 14px; margin-right: 10px; float: left; position: relative; cursor: pointer;
+}
+.headerContentContainer .primaryMenuContainer .loginIcon:hover {
+	background-position: -10px -10px; margin-top: 12px;
+}
+.headerContentContainer .primaryMenuContainer .loginIcon:focus {
+	background-position: -10px -10px; margin-top: 12px;
+}
+.headerContentContainer .primaryMenuContainer .icon-cart {
+	background-position: -1000px; color: rgb(255, 255, 255); line-height: 50px; font-size: 18px; margin-right: 34px; float: left; position: relative; cursor: pointer;
+}
+.headerContentContainer .primaryMenuContainer .icon-cart:hover {
+	color: rgb(191, 231, 251); margin-top: -2px;
+}
+.headerContentContainer .primaryMenuContainer .headerIconContainer {
+	height: 50px; float: right; position: relative;
+}
+.headerContentContainer .primaryMenuContainer .headerIconContainer .loginName {
+	line-height: 50px; font-family: clearviewatt; font-size: 12px; margin-right: 31px; float: left; position: relative;
+}
+.headerContentContainer .primaryMenuContainer .headerIconContainer .chatIcon {
+	background: url("../images/common/header/att-chat-sprite.png") no-repeat -10px -39px; width: 18px; height: 19px; color: rgb(255, 255, 255); line-height: 50px; margin-top: 16px; margin-right: 32px; float: left; position: relative; cursor: pointer;
+}
+.headerContentContainer .primaryMenuContainer .headerIconContainer .chatIcon:hover {
+	background-position: -10px -10px; margin-top: 14px;
+}
+.headerContentContainer .primaryMenuContainer .headerIconContainer .chatIcon:focus {
+	background-position: -10px -10px; margin-top: 14px;
+}
+.headerContentContainer .primaryMenuContainer .headerIconContainer .searchIcon {
+	background-position: -1000px; color: rgb(255, 255, 255); line-height: 50px; margin-right: 31px; float: left; position: relative; cursor: pointer;
+}
+.headerContentContainer .primaryMenuContainer .headerIconContainer .searchIcon:hover {
+	color: rgb(191, 231, 251); margin-top: -2px;
+}
+.selectedPrimaryMenuOption {
+	color: rgb(255, 255, 255); font-family: clearviewatt_ltbold !important;
+}
+.secondaryMenuContainer {
+	width: 100%; height: 50px; color: rgb(102, 102, 102); line-height: 50px; font-family: clearviewatt; font-size: 16px; margin-top: 50px; margin-bottom: 50px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; float: left; background-color: rgb(255, 255, 255);
+}
+.secondaryMenuContainer .secondaryMenuContentContainer {
+	margin: auto; width: 100%;
+}
+.secondaryMenuContainer .secondaryMenuContentContainer .secondaryMenuOption {
+	overflow: hidden; float: left; cursor: pointer;
+}
+.secondaryMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .selectionDiv {
+	top: -4px; height: 4px; position: relative; background-color: rgb(6, 122, 180);
+}
+.secondaryMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .secondaryMenuOptionLink {
+	outline: 0px; color: rgb(102, 102, 102); text-decoration: none;
+}
+.secondaryMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .secondaryMenuOptionLink:hover {
+	font-family: clearviewatt_ltbold; font-size: 16px; text-decoration: none;
+}
+.secondaryMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .secondaryMenuOptionLink:focus {
+	font-family: clearviewatt_ltbold; font-size: 16px; text-decoration: none;
+}
+.secondaryMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .thirdMenuOptionLink {
+	outline: 0px; color: rgb(102, 102, 102); text-decoration: none;
+}
+.secondaryMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .thirdMenuOptionLink:hover {
+	font-family: clearviewatt_ltbold; font-size: 16px; text-decoration: none;
+}
+.secondaryMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .thirdMenuOptionLink:focus {
+	font-family: clearviewatt_ltbold; font-size: 16px; text-decoration: none;
+}
+.selectedSecondaryMenuOption {
+	font-family: clearviewatt_ltbold; font-size: 16px;
+}
+.homePageNameHighlight {
+	font-family: clearviewatt_ltbold; font-size: 16px;
+}
+.megaMenuContainer {
+	width: 100%; overflow: auto; margin-top: 101px; position: fixed; z-index: 3000; min-height: 140px; max-height: 500px; opacity: 1; background-color: rgb(255, 255, 255);
+}
+.megaMenuContentContainer {
+	margin: auto; width: 100%;
+}
+.megaMenuContentContainer .megaMenuTable {
+	width: 100%;
+}
+.megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn {
+	vertical-align: top;
+}
+.megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer {
+	margin-bottom: 32px; float: left;
+}
+.megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryTitle {
+	color: rgb(68, 68, 68); font-family: clearviewatt_ltbold; font-size: 14px; margin-top: 36px; margin-bottom: 22px;
+}
+.megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryOptionLink {
+	outline: 0px; color: rgb(68, 68, 68); font-family: clearviewatt; font-size: 12px; text-decoration: none; margin-bottom: 13px;
+}
+.megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryOptionLink:hover {
+	color: rgb(25, 157, 223); text-decoration: none;
+}
+.megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryOptionLink:focus {
+	color: rgb(25, 157, 223); text-decoration: none;
+}
+.megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryOptionLink:active {
+	color: rgb(25, 157, 223); text-decoration: none;
+}
+.megaMenuContentContainer .megaMenuTable .megaMenuSecondRow .categoryTitle {
+	margin-top: 4px !important;
+}
+.addMargin {
+	margin-top: 50px;
+}
+.contents {
+	padding-top: 100px;
+}
+.megaMenuContentContainer .megaMenuTable li {
+	float: left;
+}
+.megaMenuContentContainer ul {
+	margin: 0px;
+}
+.headerContainer .secondaryMenuContainer {
+	margin: 0px;
+}
+.unselectable {
+	-ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -khtml-user-select: none;
+}
+.chatBox {
+	background: rgb(242, 242, 242); border: 1px solid rgb(187, 187, 187); top: 50px; width: 250px; right: 30px; display: none; position: absolute; z-index: 1000; min-height: 145px; box-sizing: border-box; box-shadow: 0px 4px 4px rgba(0,0,0,0.25); -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
+}
+.chatBox .arrow {
+	left: 233px; top: -8px; width: 0px; height: 0px; border-right-color: transparent; border-bottom-color: rgb(255, 255, 255); border-left-color: transparent; border-right-width: 8px; border-bottom-width: 8px; border-left-width: 8px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute; z-index: 1001;
+}
+.chatBox-header {
+	padding: 0px 25px; width: 250px; height: 85px; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
+}
+.chatBox-heading {
+	left: 25px; top: 18px; color: rgb(68, 68, 68); line-height: 28px; font-family: omnes_attlight; font-size: 24px; position: absolute;
+}
+.chatBox-question {
+	left: 25px; top: 53px; color: rgb(68, 68, 68); line-height: 16.8px; font-family: clearviewatt; font-size: 13px; position: absolute;
+}
+.circle_close_chat {
+	top: 22px; right: 20px; color: rgb(68, 68, 68); font-size: 14px; position: absolute; cursor: pointer;
+}
+.chatBox-body {
+	padding: 0px 15px; width: 250px; color: rgb(68, 68, 68); font-size: 12px; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
+}
+.chat-option {
+	height: 35px; line-height: 45px; margin-bottom: 10px; position: relative;
+}
+.chat-option .hr-chatbox {
+	margin: 10px 0px; padding: 0px; border: 0px currentColor !important; width: inherit; height: 1px; display: block;
+}
+.chat-icon-info {
+	top: 15px; right: 6px; font-size: 16px; position: absolute;
+}
+.chat-option > span {
+	left: 10px; top: 0px; position: absolute; cursor: pointer;
+}
+.chat-option > span {
+	left: 10px; top: 0px; position: absolute;
+}
+.chat-option > span:hover {
+	color: rgb(6, 122, 180);
+}
+
+.box1 {
+  min-width: 260px;
+  /* min-height:165px;  */
+
+  height: auto;
+  width: auto;
+  z-index: 1000;
+  display: none;
+  background: #FFF;
+  border: solid 1px #BBBBBB;
+  /* border-radius:5px; */
+
+  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
+  position: relative;
+}
+.box1 *,
+.box1 :after,
+.box1 :before {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.box1 a.close {
+  color: red;
+  font-size: 12px;
+  font-family: arial;
+  text-decoration: underline;
+}
+.box1 .arrow {
+  width: 0;
+  height: 0;
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  border-bottom: 8px solid #FFF;
+  position: absolute;
+  left: 1px;
+  top: -8px;
+  z-index: 1001;
+}
+.headerContentContainer .primaryMenuContainer .headerIconContainer .popbox .box1 ul {
+  margin-left: 0px;
+}