1 /* Generated by F12 developer tools. This might not be an accurate representation of the original source file */
3 font-family: clearviewatt;
4 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");
9 font-family: clearviewattregular;
10 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");
15 font-family: clearviewatt_italic;
16 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");
21 font-family: clearviewatt_lt;
22 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");
27 font-family: clearviewattlight_italic;
28 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");
33 font-family: clearviewatt_ltbold;
34 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");
39 font-family: clearviewatt_ltbold_italic;
40 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");
45 font-family: omnes_attlight;
46 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");
51 font-family: omnes_attlight_italic;
52 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");
57 font-family: omnes_attmedium;
58 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");
63 font-family: omnes_attmedium_italic;
64 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");
69 font-family: omnes_attregular;
70 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");
75 font-family: omnes_attregular_italic;
76 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");
81 font-family: radio_attregular;
82 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");
87 font-family: atticons;
88 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");
93 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:;
95 .bui-global-btn-small {
96 height: 30px !important; min-width: 60px;
98 .bui-global-btn-primary {
99 border-color: rgb(53, 128, 189); color: rgb(255, 255, 255) !important; background-color: rgb(6, 122, 180);
101 .bui-global-btn-primary:hover {
102 background-color: rgb(25, 157, 223);
104 .bui-global-btn-primary:active {
105 border-color: rgb(40, 97, 141); background-color: rgb(50, 120, 177);
107 .bui-global-btn-hero {
108 color: rgb(255, 255, 255); background-color: rgb(239, 111, 0);
110 .bui-global-btn-hero:hover {
111 background-color: rgb(252, 179, 20);
113 .bui-global-btn-hero:active {
114 background-color: rgb(255, 114, 0);
116 .bui-global-btn-secondary {
117 color: rgb(255, 255, 255); background-color: rgb(102, 102, 102);
119 .bui-global-btn-secondary:hover {
120 background-color: rgb(187, 187, 187);
122 .bui-global-btn-secondary:active {
123 background-color: rgb(102, 102, 102);
125 .bui-global-btn-disabled {
126 color: rgb(153, 153, 153) !important; cursor: pointer; background-color: rgb(221, 221, 221);
128 .bui-global-btn-disabled:hover {
129 background-color: rgb(221, 221, 221);
131 .bui-global-btn-disabled:active {
132 background-color: rgb(221, 221, 221);
135 transition:0.3s ease-in-out; color: rgb(6, 122, 180); text-decoration: none;
137 .bui-global-links:hover {
138 color: rgb(25, 157, 223); text-decoration: underline;
140 .bui-global-links:active {
141 text-decoration: none; coloe: #199ddf;
143 .att-global-fonts-common {
144 margin: 0px; text-transform: none;
146 .att-global-fonts-popup-header {
147 margin: 0px; text-transform: none; line-height: 10px; font-family: clearviewatt_ltbold; font-size: 11px; font-weight: 100;
149 .att-global-fonts-popup-content {
150 margin: 0px; text-transform: none; line-height: 15px; font-family: clearviewattregular; font-size: 14px;
153 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;
155 a.reg-logout-btn:hover {
156 background-color: rgb(187, 187, 187);
158 a.reg-logout-btn:active {
159 background-color: rgb(102, 102, 102);
161 ul.reg-Details-table > li {
162 line-height: 0px !important;
164 ul.reg-Details-table {
165 margin: 0px; padding: 0px;
167 #reg-header-snippet {
168 width: inherit; height: auto; overflow: hidden; clear: both; background-color: rgb(250, 250, 250);
170 #reg-header-snippet .reg-profilePicture {
171 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);
173 #reg-header-snippet .reg-profilePicture #reg-profileImage {
174 width: 100%; clear: both; margin-left: 15px;
176 #reg-header-snippet .reg-profilePicture #reg-myprofile-link {
177 text-align: left; margin-top: 18px;
179 #reg-header-snippet .reg-profilePicture #reg-myprofile-link a {
180 transition:0.3s ease-in-out; color: rgb(6, 122, 180); line-height: 15px; padding-left: 21px; font-size: 14px; text-decoration: none;
182 #reg-header-snippet .reg-profilePicture #reg-myprofile-link a:hover {
183 color: rgb(25, 157, 223); text-decoration: underline;
185 #reg-header-snippet .reg-profilePicture #reg-myprofile-link a:active {
186 text-decoration: none; coloe: #199ddf;
188 #reg-header-snippet .reg-profilePicture #reg-companyProfile-link {
191 #reg-header-snippet .reg-profilePicture #reg-companyProfile-link a {
192 transition:0.3s ease-in-out; color: rgb(6, 122, 180); line-height: 15px; font-size: 14px; text-decoration: none;
194 #reg-header-snippet .reg-profilePicture #reg-companyProfile-link a:hover {
195 color: rgb(25, 157, 223); text-decoration: underline;
197 #reg-header-snippet .reg-profilePicture #reg-companyProfile-link a:active {
198 text-decoration: none; coloe: #199ddf;
200 #reg-header-snippet .reg-profilePicture #reg-logout-div {
203 #reg-header-snippet .reg-profilePicture #reg-logout-div form.reg-logoutForm {
206 #reg-header-snippet .reg-profileDetails {
207 padding: 11px 20px 20px; width: 199px; margin-bottom: 0px; border-bottom-width: 0px; float: left; min-height: 220px; background-color: rgb(255, 255, 255);
209 #reg-header-snippet .reg-profileDetails .reg-userName-table {
210 height: 70px; display: table; min-height: 70px;
212 #reg-header-snippet .reg-profileDetails .reg-userName-table #reg-userName-table-row {
213 text-align: left; clear: both; display: table-row; min-height: inherit;
215 #reg-header-snippet .reg-profileDetails .reg-userName-table #reg-userName-table-row #reg-userName-table-cell {
216 height: inherit; vertical-align: middle; display: table-cell; -ms-word-wrap: break-word; min-height: inherit;
218 #reg-header-snippet .reg-profileDetails .reg-userName-table #reg-userName-table-row #reg-userName-table-cell #reg-userName {
219 width: 8em; color: rgb(68, 68, 68); overflow: hidden; font-weight: normal; float: left; white-space: normal;
221 #reg-header-snippet .reg-profileDetails .reg-userEmail-label {
222 text-align: left; clear: both; margin-top: 21px;
224 #reg-header-snippet .reg-profileDetails .reg-userEmail-label .reg-userEmail-label-spn {
225 margin: 0px; color: rgb(68, 68, 68); text-transform: none; line-height: 10px; font-family: clearviewatt_ltbold; font-size: 11px; font-weight: 100;
227 #reg-header-snippet .reg-profileDetails .reg-userEmail-value {
228 text-align: left; clear: both; margin-top: 5px;
230 #reg-header-snippet .reg-profileDetails .reg-userEmail-value .reg-userEmail-value-spn {
231 margin: 0px; color: rgb(102, 102, 102); text-transform: none; line-height: 15px; font-family: clearviewattregular; font-size: 14px;
233 #reg-header-snippet .reg-profileDetails .reg-userRole-label {
234 text-align: left; clear: both; margin-top: 20px;
236 #reg-header-snippet .reg-profileDetails .reg-userRole-label .reg-userRole-label-spn {
237 margin: 0px; color: rgb(68, 68, 68); text-transform: none; line-height: 10px; font-family: clearviewatt_ltbold; font-size: 11px; font-weight: 100;
239 #reg-header-snippet .reg-profileDetails .reg-userRole-value {
240 text-align: left; clear: both; margin-top: 6px;
242 #reg-header-snippet .reg-profileDetails .reg-userRole-value .reg-userRole-value-spn {
243 margin: 0px; color: rgb(102, 102, 102); text-transform: none; line-height: 15px; font-family: clearviewattregular; font-size: 14px;
245 #reg-header-snippet .reg-profileDetails .reg-userCompany-label {
246 text-align: left; clear: both; margin-top: 19px;
248 #reg-header-snippet .reg-profileDetails .reg-userCompany-label .reg-userCompany-spn {
249 margin: 0px; color: rgb(68, 68, 68); text-transform: none; line-height: 10px; font-family: clearviewatt_ltbold; font-size: 11px; font-weight: 100;
251 #reg-header-snippet .reg-profileDetails .reg-userCompany-value {
252 text-align: left; clear: both; margin-top: 5px;
254 #reg-header-snippet .reg-profileDetails .reg-userCompany-value .reg-userCompany-spn {
255 margin: 0px; color: rgb(102, 102, 102); text-transform: none; line-height: 15px; font-family: clearviewattregular; font-size: 14px; -ms-word-wrap: break-word;
257 .bui-global-transitions-hover {
258 border: 1px solid rgb(187, 187, 187); z-index: 90;
260 .bui-global-transitions-focus {
261 outline: 0px; border: 1px solid rgb(25, 157, 223) !important; z-index: 100; box-shadow: none; -webkit-box-shadow: none;
263 .bui-global-transitions-login-page {
264 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;
266 .bui-global-transitions-login-page:hover {
267 border: 1px solid rgb(187, 187, 187); z-index: 90;
269 .bui-global-transitions-login-page:focus {
270 outline: 0px; border: 1px solid rgb(25, 157, 223) !important; z-index: 100; box-shadow: none; -webkit-box-shadow: none;
272 li#anchor ul.column {
275 li#anchor:hover ul.column {
279 width: 27px; height: 27px; vertical-align: middle; display: inline-block; background-image: url("../images/common/header/login-icon.png"); background-repeat: no-repeat;
281 .bui-reg-one-line-layout * {
282 display: inline-block;
285 margin: 0px auto; text-align: center; position: relative;
291 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;
294 box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
297 box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
300 box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
303 color: red; font-family: arial; font-size: 12px; text-decoration: underline;
306 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;
308 .standard-input-error-msg-class {
309 background: url("../images/common/header/exclamation-error.png") no-repeat 337px rgb(231, 229, 230) !important;
312 padding-top: 10px; padding-bottom: 0px; padding-left: 16px;
314 .control-text-popup {
315 border-radius: 3px 3px 0px 0px !important; width: 200px !important;
317 .control-label-password {
318 line-height: 10px !important; padding-top: 3px !important;
320 .control-label-checkbox {
321 line-height: 15px; padding-top: 5px;
324 color: rgb(139, 139, 139) !important;
326 .forgot-userid-password {
327 font-size: 10px !important; font-weight: normal !important;
329 .header-login-label {
330 color: rgb(255, 255, 255); font-size: 13px; maxlength: 10;
332 .ellipsis-header-name {
333 overflow: hidden; padding-top: 0px; margin-top: 0px; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 100px; ms-text-overflow: ellipsis;
336 padding: 100px; background-image: url("../images/common/header/placerimage.jpg"); background-repeat: no-repeat;
338 .bui-reg-horizontal-rule {
339 width: 100%; height: 1.25px; clear: both; background-color: rgb(231, 230, 230);
341 .bui-reg-horizontal-rule-margin {
342 margin-top: 20px; margin-bottom: 20px;
344 .password-horizontal-rule-margin {
345 margin-top: 5px; margin-bottom: 5px;
347 .requiredInformation {
350 .header-login-window {
353 .header-login-window-image {
356 .header-login-window-name {
357 line-height: 1.5em; overflow: hidden; padding-top: 18px; padding-right: 18px; font-family: clearviewatt_ltbold; font-size: 16px;
359 .header-login-window-role {
360 font-family: clearviewattregular; font-size: 12px;
362 .header-login-window-logout {
363 background: rgb(231, 229, 230); height: 27px; line-height: 27px; font-family: clearviewatt_ltbold; font-size: 11px; z-index: 10001;
365 .header-login-window-logout a {
366 color: rgb(103, 103, 103);
369 width: auto; line-height: 50px; padding-right: 23px; padding-left: 3px; float: left; cursor: pointer;
372 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);
374 .header_login_field_border_error {
375 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;
377 .header_login_field_border_error:hover {
378 border: 1px solid rgb(255, 69, 57) !important;
380 .header_login_field_3sides_error {
381 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;
383 .header_login_field_3sides_error:hover {
384 border: 1px solid rgb(255, 69, 57) !important;
386 .header_login_field_wrapper_border_error {
387 background: url("../images/common/header/icon-error.png") no-repeat 118px rgb(255, 255, 255) !important;
390 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;
392 .regFormInputLoginText {
393 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;
395 .regFormInputLoginPassword {
396 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;
398 .header-login-button {
399 height: 20px; min-width: 10px !important; box-shadow: none;
401 #headerLoginFormID #header_login_title {
402 color: rgb(68, 68, 68); font-family: clearviewattregular; font-size: 14px; margin-top: 25px;
404 #headerLoginFormID #header_login_id {
405 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;
407 #headerLoginFormID #header_login_id:hover {
408 border: 1px solid rgb(187, 187, 187); z-index: 90;
410 #headerLoginFormID #header_login_id:focus {
411 outline: 0px; border: 1px solid rgb(25, 157, 223) !important; z-index: 100; box-shadow: none; -webkit-box-shadow: none;
413 #headerLoginFormID #header_password {
414 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;
416 #headerLoginFormID #header_password:hover {
417 border: 1px solid rgb(187, 187, 187); z-index: 90;
419 #headerLoginFormID #header_password:focus {
420 outline: 0px; border: 1px solid rgb(25, 157, 223) !important; z-index: 100; box-shadow: none; -webkit-box-shadow: none;
422 #headerLoginFormID #header_login_block {
423 height: 30px; margin-top: 15px;
425 #headerLoginFormID #header_login_block #header_login_button {
426 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;
428 #headerLoginFormID #header_login_block #header_login_button:hover {
429 background-color: rgb(25, 157, 223);
431 #headerLoginFormID #header_login_block #header_login_button:active {
432 border-color: rgb(40, 97, 141); background-color: rgb(50, 120, 177);
434 #headerLoginFormID #remember_me_component {
435 padding-left: 30px; margin-top: 11px;
437 #headerLoginFormID #remember_me_component #rememberme_header_label {
440 #headerLoginFormID #remember_me_component #remember-me {
441 color: rgb(102, 102, 102); font-family: clearviewattregular; font-size: 12px; font-weight: normal;
443 #headerLoginFormID #forgot_username_component {
444 text-align: left; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; clear: both;
446 #headerLoginFormID #forgot_username_component .regular {
447 color: rgb(68, 68, 68); font-family: clearviewattregular; font-size: 12px;
449 #headerLoginFormID #forgot_username_component .link {
450 color: rgb(6, 122, 180); font-family: clearviewattregular; font-size: 12px;
453 background: 0px 0px rgb(6, 122, 180); margin: 0px auto; width: 100%;
455 .footerContainer .footerWrapper {
456 margin: 0px auto; width: 100%; padding-bottom: 25px; background-color: rgb(6, 122, 180);
458 .footerContainer .footerWrapper .footerItem {
459 margin: auto; width: 100%; height: 60px; color: rgb(255, 255, 255); line-height: 1; overflow: hidden; font-family: arial; font-size: 12px;
461 .footerContainer .footerWrapper .footerItem .divider {
462 width: 100px; margin-top: 10px; margin-bottom: 10px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
464 .footerContainer .footerWrapper .footerItem .customerSupport {
465 width: 160px; margin-left: 30px; float: left;
467 .footerContainer .footerWrapper .footerItem .customerSupport .customerHelp {
468 font-size: 14px; margin-top: 45px; margin-bottom: 20px;
470 .footerContainer .footerWrapper .footerItem .customerSupport a {
471 color: rgb(255, 255, 255) !important;
473 .footerContainer .footerWrapper .footerItem .customerSupport a:hover {
474 text-decoration: none;
476 .footerContainer .footerWrapper .footerItem .legalInfo {
477 width: 160px; float: left;
479 .footerContainer .footerWrapper .footerItem .legalInfo .legal {
480 font-size: 14px; margin-top: 45px; margin-bottom: 20px;
482 .footerContainer .footerWrapper .footerItem .legalInfo a {
483 color: rgb(255, 255, 255) !important;
485 .footerContainer .footerWrapper .footerItem .legalInfo a:hover {
486 text-decoration: none;
488 .footerContainer .footerWrapper .footerItem .subscribeSection {
489 width: 295px; float: left;
491 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeSave {
492 font-size: 14px; margin-top: 45px; margin-bottom: 20px;
494 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection {
495 overflow: hidden; margin-top: 15px;
497 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .emailAddress {
498 width: 170px; float: left;
500 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .emailAddress input {
501 padding: 5px 10px 5px 5px; width: 152px; color: rgb(255, 255, 255) !important; background-color: rgb(6, 122, 180);
503 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .subscribeBtn {
504 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);
506 .footerContainer .footerWrapper .footerItem .socialMedia {
507 margin-left: 0px; float: left;
509 .footerContainer .footerWrapper .footerItem .socialMedia .followAtt {
510 font-size: 14px; margin-top: 45px; margin-bottom: 20px;
512 .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds {
513 margin-top: 20px; margin-left: -8px;
515 .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span {
516 margin: 0px; padding: 5px; font-size: 30px;
518 .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span a {
519 margin: 0px; padding: 0px; color: rgb(255, 255, 255);
521 .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span a:hover {
522 text-decoration: none;
524 .footerContainer .footerWrapper .dividerBottom {
525 margin: auto; width: 920px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
527 .footerContainer .footerWrapper .feedbackSection {
528 margin: auto; width: 920px; display: none;
530 .footerContainer .footerWrapper .feedbackSection .dividerTop {
531 margin: auto; width: 920px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
533 .footerContainer .footerWrapper .feedbackSection .feedbackContent {
536 .footerContainer .footerWrapper .feedbackSection .feedbackContent #feedbackForm {
539 .footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackInfo {
540 width: 270px; color: rgb(255, 255, 255); font-family: arial; font-size: 12px; margin-top: -5px; margin-right: 30px; float: left;
542 .footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackTextSection .feedbackText {
543 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;
545 .footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackTextSection .feedbackSubmitButton {
546 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);
548 .footerContainer .footerWrapper .feedbackResultMsg {
549 margin: 0px auto; width: 100%; text-align: center; color: rgb(255, 255, 255); line-height: 70px; font-family: arial; font-size: 18px; display: none;
551 .footerContainer .footerWrapper .feedbackResultMsg #feedbackMsgCheck {
552 font-size: 20px; margin-right: 20px;
554 .footerContainer .footerWrapper #feedbackResultDivider {
557 .footerContainer .footerWrapper .feedbackButtonDiv {
558 margin: auto; max-width: 110px;
560 .footerContainer .footerWrapper .feedbackButtonDiv .feedbackButton {
561 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;
563 .footerContainer .footerWrapper .feedbackButtonDiv .closeFeedbackButton {
564 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;
566 .footerContainer .footerWrapper .feedbackButtonDiv .feedbackButton span {
567 padding-left: 10px; background-image: none;
569 .footerContainer .footerWrapper .feedbackButtonDiv .closeFeedbackButton span {
570 padding-left: 10px; background-image: none;
572 .footerContainer .footerWrapper .attFooterInfo {
573 margin: auto; width: 100%; color: rgb(255, 255, 255); overflow: hidden; font-family: arial; font-size: 12px;
575 .footerContainer .footerWrapper .attFooterInfo a {
576 margin: 0px; padding: 0px; color: rgb(255, 255, 255); text-decoration: underline;
578 .footerContainer .footerWrapper .attFooterInfo .footerLastSection {
579 overflow: hidden; margin-top: 40px;
581 .footerContainer .footerWrapper .attFooterInfo span {
582 padding-right: 5px; padding-left: 3px; border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid;
584 .footerContainer .footerWrapper .attFooterInfo span:last-child {
585 border: currentColor;
587 .footerContainer .footerWrapper .attFooterInfo .attLogo {
588 background: url("images/footer-attolympiclogo.png") repeat-x 0px 0px; width: 150px; height: 77px; margin-right: 0px; margin-left: 17px; float: left;
590 .footerContainer .footerWrapper .attFooterInfo .attQuality {
591 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;
593 .footerContainer .footerWrapper .attFooterInfo .attAdvertise {
594 width: 64%; float: right;
596 .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy {
599 .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a {
600 text-decoration: underline;
602 .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a span {
605 .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a:hover {
606 text-decoration: underline;
608 [data-icon]::before {
609 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;
612 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;
615 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;
617 .icon-wireless-outline::before {
620 .icon-wireless-dashboard::before {
623 .icon-website-hosting-outline::before {
626 .icon-volume-up::before {
629 .icon-volume-mute::before {
632 .icon-volume-down::before {
635 .icon-video::before {
638 .icon-video-tutorials::before {
641 .icon-video-tutorials-outline::before {
644 .icon-video-outline::before {
650 .icon-user-small::before {
653 .icon-user-outline::before {
656 .icon-user-large-outline::before {
659 .icon-upgrades::before {
662 .icon-upgrades-outline::before {
665 .icon-unlimited-nights-weekends-outline::before {
668 .icon-unlimited-minutes-outline::before {
671 .icon-unlimited-messaging-outline::before {
674 .icon-unlimited-m2m-outline::before {
677 .icon-unlimited-calling::before {
680 .icon-tv-packages-outline::before {
683 .icon-travel-minutes-outline::before {
686 .icon-trash::before {
689 .icon-tollfree-outline::before {
692 .icon-tiles::before {
695 .icon-tiles-small::before {
698 .icon-tickets::before {
701 .icon-tickets-returned::before {
704 .icon-tickets-referred::before {
707 .icon-tickets-outline::before {
710 .icon-tickets-open::before {
713 .icon-tickets-escalate::before {
716 .icon-tickets-contested::before {
719 .icon-tickets-closed::before {
722 .icon-tickets-cleared::before {
725 .icon-tickets-arquived::before {
728 .icon-tickets-active::before {
731 .icon-technical-specifications::before {
734 .icon-tech-support::before {
737 .icon-tech-support-outline::before {
740 .icon-tablet::before {
743 .icon-tablet-outline::before {
746 .icon-support::before {
749 .icon-support-outline::before {
758 .icon-social-outline::before {
761 .icon-smartphone::before {
764 .icon-smartphone-outline::before {
767 .icon-signout-outline::before {
770 .icon-sign-out::before {
776 .icon-shop-outline::before {
779 .icon-shared-outline::before {
782 .icon-shared-minutes-outline::before {
785 .icon-share::before {
788 .icon-settings::before {
791 .icon-send-invoice-outline::before {
794 .icon-see-more::before {
797 .icon-see-less::before {
800 .icon-search::before {
803 .icon-search-small::before {
806 .icon-screen-calls-outline::before {
809 .icon-save-time-outline::before {
812 .icon-saas-enablement-outline::before {
815 .icon-s-beam::before {
818 .icon-s-beam-outline::before {
821 .icon-rollover-outline::before {
824 .icon-rollover-minutes::before {
827 .icon-reviews-outline::before {
830 .icon-reports::before {
833 .icon-reports-outline::before {
836 .icon-recommendation-tool::before {
839 .icon-receivers-outline::before {
842 .icon-productivity-outline::before {
845 .icon-print::before {
851 .icon-plus-outline::before {
857 .icon-platform-as-service-outline::before {
860 .icon-plans::before {
863 .icon-plans-outline::before {
866 .icon-pie-chart::before {
869 .icon-photos::before {
872 .icon-photos-outline::before {
875 .icon-phone-data-outline::before {
878 .icon-payments::before {
881 .icon-payments-outline::before {
884 .icon-pause::before {
887 .icon-password::before {
890 .icon-password-outline::before {
893 .icon-overview::before {
896 .icon-overview-small::before {
899 .icon-overages::before {
902 .icon-overages-outline::before {
905 .icon-outage-outline::before {
908 .icon-orders::before {
911 .icon-orders-outline::before {
914 .icon-optional-applications-outline::before {
917 .icon-office-at-hand-outline::before {
920 .icon-offers::before {
923 .icon-offers-outline::before {
926 .icon-notifications::before {
929 .icon-notifications-outline::before {
932 .icon-normal-screen::before {
935 .icon-nights-weekends-outline::before {
938 .icon-new-requests-outline::before {
941 .icon-network::before {
944 .icon-network-dashboard::before {
947 .icon-netbook::before {
950 .icon-netbook-outline::before {
953 .icon-music::before {
956 .icon-music-video::before {
959 .icon-music-video-outline::before {
962 .icon-music-outline::before {
965 .icon-modem::before {
968 .icon-modem-outline::before {
971 .icon-mobile-insurance::before {
974 .icon-mobile-insurance-outline::before {
977 .icon-mobile-2-mobile-outline::before {
980 .icon-missed-calls-outline::before {
983 .icon-minutes::before {
986 .icon-minutes-outline::before {
989 .icon-messaging::before {
992 .icon-messaging-toolkit-outline::before {
995 .icon-messaging-outline::before {
998 .icon-messaging-email::before {
1001 .icon-messaging-email-outline::before {
1004 .icon-message-small::before {
1007 .icon-maintenance::before {
1010 .icon-location-pin::before {
1013 .icon-location-pin-small::before {
1016 .icon-local-search::before {
1019 .icon-local-long-distance-outline::before {
1022 .icon-list::before {
1025 .icon-learn::before {
1028 .icon-learn-outline::before {
1031 .icon-laptop::before {
1034 .icon-landline::before {
1037 .icon-landline-outline::before {
1040 .icon-invoices::before {
1043 .icon-invoices-outline::before {
1046 .icon-inventory::before {
1049 .icon-intranet-outline::before {
1052 .icon-interpreter::before {
1055 .icon-interpreter-outline::before {
1058 .icon-internet::before {
1061 .icon-internet-outline::before {
1064 .icon-internet-24-outline::before {
1067 .icon-internet-18-outline::before {
1070 .icon-international-outline::before {
1073 .icon-international-long-distance-outline::before {
1076 .icon-international-data-outline::before {
1079 .icon-installation-outline::before {
1082 .icon-information::before {
1085 .icon-info-success::before {
1088 .icon-info-alert::before {
1091 .icon-info-alert-outline::before {
1094 .icon-included-checkmark::before {
1097 .icon-included-checkmark-outline::before {
1100 .icon-hotspot::before {
1103 .icon-hotspot-outline::before {
1106 .icon-hotspot-access-outline::before {
1109 .icon-home::before {
1112 .icon-help::before {
1115 .icon-help-outline::before {
1121 .icon-hd-outline::before {
1124 .icon-hamburger::before {
1127 .icon-group-outline::before {
1133 .icon-gps-outline::before {
1136 .icon-go-paperless-email-outline::before {
1139 .icon-global-messaging-outline::before {
1142 .icon-gamepad-outline::before {
1145 .icon-game-devices::before {
1148 .icon-full-screen::before {
1151 .icon-forward-calls-outline::before {
1154 .icon-forum::before {
1157 .icon-forum-outline::before {
1160 .icon-filter::before {
1163 .icon-extras::before {
1166 .icon-extras-outline::before {
1169 .icon-erase::before {
1172 .icon-envelope::before {
1175 .icon-envelope-outline::before {
1178 .icon-enterprise-messaging-outline::before {
1181 .icon-edit::before {
1184 .icon-duplicate::before {
1187 .icon-dropdown-up::before {
1190 .icon-dropdown-down::before {
1193 .icon-download::before {
1196 .icon-download-outline::before {
1199 .icon-disputes::before {
1202 .icon-detailed-billing::before {
1205 .icon-detailed-billing-outline::before {
1208 .icon-desktop-outline::before {
1211 .icon-data::before {
1214 .icon-data-outline::before {
1217 .icon-data-additional-outline::before {
1220 .icon-compare::before {
1223 .icon-cloud-storage-outline::before {
1226 .icon-cloud-outline::before {
1229 .icon-cloud-computing-outline::before {
1232 .icon-cloud-backup::before {
1235 .icon-cloud-backup-outline::before {
1238 .icon-circle-information-outline::before {
1241 .icon-circle-action-plus-outline::before {
1244 .icon-circle-action-minus-outline::before {
1247 .icon-circle-action-empty::before {
1250 .icon-circle-action-delete-outline::before {
1253 .icon-circle-action-close::before {
1256 .icon-circle-action-check-outline::before {
1259 .icon-circle-action-remove::before {
1262 .icon-circle-action-add::before {
1265 .icon-chip-outline::before {
1268 .icon-chevron-up::before {
1271 .icon-chevron-right::before {
1274 .icon-chevron-left::before {
1277 .icon-chevron-down::before {
1280 .icon-checkbox-checkmark::before {
1283 .icon-chat::before {
1286 .icon-chat-small::before {
1289 .icon-case-studies::before {
1292 .icon-cart::before {
1295 .icon-cart-small::before {
1298 .icon-camera::before {
1301 .icon-camera-outline::before {
1304 .icon-calendar-outline::before {
1307 .icon-business::before {
1310 .icon-business-tv::before {
1313 .icon-business-tv-outline::before {
1316 .icon-business-tv-additional-packs-outline::before {
1319 .icon-business-outline::before {
1322 .icon-business-center::before {
1325 .icon-business-center-outline::before {
1328 .icon-bundles::before {
1331 .icon-bundles-outline::before {
1334 .icon-billing::before {
1337 .icon-billing-history-outline::before {
1340 .icon-billing-dashboard::before {
1343 .icon-bd-maps::before {
1346 .icon-basicphone::before {
1349 .icon-basicphone-outline::before {
1352 .icon-barcode-outline::before {
1355 .icon-bar-chart-vertical::before {
1358 .icon-bar-chart-horizontal::before {
1361 .icon-arrow-up::before {
1364 .icon-arrow-up-right::before {
1367 .icon-arrow-up-left::before {
1370 .icon-arrow-up-circle::before {
1373 .icon-arrow-right::before {
1376 .icon-arrow-right-circle::before {
1379 .icon-arrow-left::before {
1382 .icon-arrow-left-circle::before {
1385 .icon-arrow-down::before {
1388 .icon-arrow-down-right::before {
1391 .icon-arrow-down-left::before {
1394 .icon-arrow-down-circle::before {
1397 .icon-arrow-double-right::before {
1400 .icon-arrow-double-left::before {
1403 .icon-apps-media::before {
1406 .icon-apps-media-outline::before {
1409 .icon-apps-marketplace::before {
1412 .icon-apps-marketplace-outline::before {
1415 .icon-analytics::before {
1418 .icon-alt-media-subscription-outline::before {
1421 .icon-all-locations::before {
1424 .icon-all-devices::before {
1427 .icon-all-devices-outline::before {
1430 .icon-alarms::before {
1433 .icon-alarms-outline::before {
1436 .icon-address-ip-outline::before {
1439 .icon-addons::before {
1442 .icon-addons-outline::before {
1445 .icon-additional-services::before {
1448 .icon-additional-minutes-outline::before {
1451 .icon-add-widget::before {
1454 .icon-activity-feed::before {
1457 .icon-accessories::before {
1460 .icon-accessories-outline::before {
1463 .icon-foundation-account::before {
1466 .icon-billing-account::before {
1470 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);
1472 .icon-infinite::before {
1475 .headerContentContainer .primaryMenuContainer {
1476 font-family: arial; font-size: 18px;
1478 .icon-social-business-community::before {
1481 .icon-social-facebook::before {
1484 .icon-social-feed::before {
1487 .icon-social-google-plus::before {
1490 .icon-social-linkedin::before {
1493 .icon-social-network-exchange::before {
1496 .icon-social-twitter-bird::before {
1499 .icon-social-twitter::before {
1502 .icon-social-youtube::before {
1505 .icon-blocked::before {
1508 .icon-talk-text::before {
1511 .icon-blocked::before {
1514 .icon-group::before {
1517 .icon-group-create::before {
1520 .headerContentContainer {
1521 margin: auto; width: 100%; height: 50px; margin-top:5px;
1523 .headerContentContainer .primaryMenuContainer .linkToRegistration {
1524 color: rgb(255, 255, 255); float: right;
1526 .headerContentContainer .primaryMenuContainer .ATTLogo {
1527 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;
1529 .headerContentContainer .primaryMenuContainer .attHomeContainer {
1530 float: left; cursor: pointer;
1532 .headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR {
1533 font-family: clearviewatt_ltbold; margin-right: 4px; margin-left: 2px; float: left;
1535 .headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR a {
1536 color: rgb(255, 255, 255); font-family: clearviewatt_ltbold; font-size: 18px; text-decoration: none;
1538 .headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR a:hover {
1539 color: rgb(191, 231, 251); text-decoration: none;
1541 .headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR a:active {
1542 color: rgb(191, 231, 251); text-decoration: none;
1544 .headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR:hover {
1547 .headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR:active {
1550 .headerContentContainer .primaryMenuContainer .primaryMenuOptionsContainer .primaryMenuOptionLink {
1551 color: rgb(255, 255, 255); font-family: clearviewatt; font-size: 18px; text-decoration: none; margin-left: 30px; float: left; cursor: pointer;
1553 .headerContentContainer .primaryMenuContainer .primaryMenuOptionsContainer .primaryMenuOptionLink:hover {
1554 color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px;
1556 .headerContentContainer .primaryMenuContainer .primaryMenuOptionsContainer .primaryMenuOptionLink:focus {
1557 color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px;
1559 .headerContentContainer .primaryMenuContainer .primaryMenuOptionsContainer .primaryMenuOptionLink:active {
1560 color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px;
1562 .headerContentContainer .primaryMenuContainer .pageNameContainer .pageName {
1563 color: rgb(255, 255, 255); font-family: clearviewatt_ltbold; font-size: 18px; text-decoration: none; margin-left: 30px; float: left; cursor: pointer;
1565 .headerContentContainer .primaryMenuContainer .pageNameContainer .pageName:hover {
1566 color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px;
1568 .headerContentContainer .primaryMenuContainer .pageNameContainer .pageName:active {
1569 color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px;
1571 .headerContentContainer .primaryMenuContainer .selectedOptionIndicator {
1572 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;
1574 .headerContentContainer .primaryMenuContainer .loginIcon {
1575 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;
1577 .headerContentContainer .primaryMenuContainer .loginIcon:hover {
1578 background-position: -10px -10px; margin-top: 12px;
1580 .headerContentContainer .primaryMenuContainer .loginIcon:focus {
1581 background-position: -10px -10px; margin-top: 12px;
1583 .headerContentContainer .primaryMenuContainer .icon-cart {
1584 background-position: -1000px; color: rgb(255, 255, 255); line-height: 50px; font-size: 18px; margin-right: 34px; float: left; position: relative; cursor: pointer;
1586 .headerContentContainer .primaryMenuContainer .icon-cart:hover {
1587 color: rgb(191, 231, 251); margin-top: -2px;
1589 .headerContentContainer .primaryMenuContainer .headerIconContainer {
1590 height: 50px; float: right; position: relative;
1592 .headerContentContainer .primaryMenuContainer .headerIconContainer .loginName {
1593 line-height: 50px; font-family: clearviewatt; font-size: 12px; margin-right: 31px; float: left; position: relative;
1595 .headerContentContainer .primaryMenuContainer .headerIconContainer .chatIcon {
1596 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;
1598 .headerContentContainer .primaryMenuContainer .headerIconContainer .chatIcon:hover {
1599 background-position: -10px -10px; margin-top: 14px;
1601 .headerContentContainer .primaryMenuContainer .headerIconContainer .chatIcon:focus {
1602 background-position: -10px -10px; margin-top: 14px;
1604 .headerContentContainer .primaryMenuContainer .headerIconContainer .searchIcon {
1605 background-position: -1000px; color: rgb(255, 255, 255); line-height: 50px; margin-right: 31px; float: left; position: relative; cursor: pointer;
1607 .headerContentContainer .primaryMenuContainer .headerIconContainer .searchIcon:hover {
1608 color: rgb(191, 231, 251); margin-top: -2px;
1610 .selectedPrimaryMenuOption {
1611 color: rgb(255, 255, 255); font-family: clearviewatt_ltbold !important;
1613 .secondaryMenuContainer {
1614 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);
1616 .secondaryMenuContainer .secondaryMenuContentContainer {
1617 margin: auto; width: 100%;
1619 .secondaryMenuContainer .secondaryMenuContentContainer .secondaryMenuOption {
1620 overflow: hidden; float: left; cursor: pointer;
1622 .secondaryMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .selectionDiv {
1623 top: -4px; height: 4px; position: relative; background-color: rgb(6, 122, 180);
1625 .secondaryMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .secondaryMenuOptionLink {
1626 outline: 0px; color: rgb(102, 102, 102); text-decoration: none;
1628 .secondaryMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .secondaryMenuOptionLink:hover {
1629 font-family: clearviewatt_ltbold; font-size: 16px; text-decoration: none;
1631 .secondaryMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .secondaryMenuOptionLink:focus {
1632 font-family: clearviewatt_ltbold; font-size: 16px; text-decoration: none;
1634 .secondaryMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .thirdMenuOptionLink {
1635 outline: 0px; color: rgb(102, 102, 102); text-decoration: none;
1637 .secondaryMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .thirdMenuOptionLink:hover {
1638 font-family: clearviewatt_ltbold; font-size: 16px; text-decoration: none;
1640 .secondaryMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .thirdMenuOptionLink:focus {
1641 font-family: clearviewatt_ltbold; font-size: 16px; text-decoration: none;
1643 .selectedSecondaryMenuOption {
1644 font-family: clearviewatt_ltbold; font-size: 16px;
1646 .homePageNameHighlight {
1647 font-family: clearviewatt_ltbold; font-size: 16px;
1649 .megaMenuContainer {
1650 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);
1652 .megaMenuContentContainer {
1653 margin: auto; width: 100%;
1655 .megaMenuContentContainer .megaMenuTable {
1658 .megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn {
1659 vertical-align: top;
1661 .megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer {
1662 margin-bottom: 32px; float: left;
1664 .megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryTitle {
1665 color: rgb(68, 68, 68); font-family: clearviewatt_ltbold; font-size: 14px; margin-top: 36px; margin-bottom: 22px;
1667 .megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryOptionLink {
1668 outline: 0px; color: rgb(68, 68, 68); font-family: clearviewatt; font-size: 12px; text-decoration: none; margin-bottom: 13px;
1670 .megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryOptionLink:hover {
1671 color: rgb(25, 157, 223); text-decoration: none;
1673 .megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryOptionLink:focus {
1674 color: rgb(25, 157, 223); text-decoration: none;
1676 .megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryOptionLink:active {
1677 color: rgb(25, 157, 223); text-decoration: none;
1679 .megaMenuContentContainer .megaMenuTable .megaMenuSecondRow .categoryTitle {
1680 margin-top: 4px !important;
1688 .megaMenuContentContainer .megaMenuTable li {
1691 .megaMenuContentContainer ul {
1694 .headerContainer .secondaryMenuContainer {
1698 -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -khtml-user-select: none;
1701 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;
1704 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;
1707 padding: 0px 25px; width: 250px; height: 85px; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
1710 left: 25px; top: 18px; color: rgb(68, 68, 68); line-height: 28px; font-family: omnes_attlight; font-size: 24px; position: absolute;
1713 left: 25px; top: 53px; color: rgb(68, 68, 68); line-height: 16.8px; font-family: clearviewatt; font-size: 13px; position: absolute;
1715 .circle_close_chat {
1716 top: 22px; right: 20px; color: rgb(68, 68, 68); font-size: 14px; position: absolute; cursor: pointer;
1719 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;
1722 height: 35px; line-height: 45px; margin-bottom: 10px; position: relative;
1724 .chat-option .hr-chatbox {
1725 margin: 10px 0px; padding: 0px; border: 0px currentColor !important; width: inherit; height: 1px; display: block;
1728 top: 15px; right: 6px; font-size: 16px; position: absolute;
1730 .chat-option > span {
1731 left: 10px; top: 0px; position: absolute; cursor: pointer;
1733 .chat-option > span {
1734 left: 10px; top: 0px; position: absolute;
1736 .chat-option > span:hover {
1737 color: rgb(6, 122, 180);
1742 /* min-height:165px; */
1749 border: solid 1px #BBBBBB;
1750 /* border-radius:5px; */
1752 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
1758 -webkit-box-sizing: content-box;
1759 -moz-box-sizing: content-box;
1760 box-sizing: content-box;
1766 text-decoration: underline;
1771 border-left: 8px solid transparent;
1772 border-right: 8px solid transparent;
1773 border-bottom: 8px solid #FFF;
1779 .headerContentContainer .primaryMenuContainer .headerIconContainer .popbox .box1 ul {