@import "lost_device_old.less"; /****************************************************************/ /* Moto Sans Definitions */ /****************************************************************/ @MotoSans: '/euf/assets/mcp/type/motosans/MotoSansWeb'; @MotoSans-Light: '@{MotoSans}-Light'; @MotoSans-Regular: '@{MotoSans}-Regular'; @MotoSans-SemiBold: '@{MotoSans}-Medium'; @MotoSans-Bold: '@{MotoSans}-Semibold'; @font-face { font-family: 'Moto Sans'; font-style: normal; font-weight: 300; src: url('@{MotoSans-Light}.eot'); src: local('?'), url('@{MotoSans-Light}.svg#MotoSansWeb-Light') format('svg'), url('@{MotoSans-Light}.woff') format('woff'), url('@{MotoSans-Light}.ttf') format('truetype'); } @font-face { font-family: 'Moto Sans'; font-style: normal; font-weight: 400; src: url('@{MotoSans-Regular}.eot'); src: local('?'), url('@{MotoSans-Regular}.svg#MotoSansWeb-Regular') format('svg'), url('@{MotoSans-Regular}.woff') format('woff'), url('@{MotoSans-Regular}.ttf') format('truetype'); } @font-face { font-family: 'Moto Sans'; font-style: normal; font-weight: 600; src: url('@{MotoSans-SemiBold}.eot'); src: local('?'), url('@{MotoSans-SemiBold}.svg#MotoSansWeb-Medium') format('svg'), url('@{MotoSans-SemiBold}.woff') format('woff'), url('@{MotoSans-SemiBold}.ttf') format('truetype'); } @font-face { font-family: 'Moto Sans'; font-style: normal; font-weight: 700; src: url('@{MotoSans-Bold}.eot'); src: local('?'), url('@{MotoSans-Bold}.svg#MotoSansWeb-Semibold') format('svg'), url('@{MotoSans-Bold}.woff') format('woff'), url('@{MotoSans-Bold}.ttf') format('truetype'); } @font-face { font-family: 'Moto Sans'; font-style: italic; font-weight: 300; src: url('@{MotoSans-Light}Italic.eot'); src: local('?'), url('@{MotoSans-Light}Italic.svg#MotoSansWeb-LightItalic') format('svg', url('@{MotoSans-Light}Italic.woff') format('woff'), url('@{MotoSans-Light}Italic.ttf') format('truetype')); } @font-face { font-family: 'Moto Sans'; font-style: italic; font-weight: 400; src: url('@{MotoSans-Regular}Italic.eot'); src: local('?'), url('@{MotoSans-Regular}Italic.svg#MotoSansWeb-RegularItalic') format('svg'), url('@{MotoSans-Regular}Italic.woff') format('woff'), url('@{MotoSans-Regular}Italic.ttf') format('truetype'); } @font-face { font-family: 'Moto Sans'; font-style: italic; font-weight: 600; src: url('@{MotoSans-SemiBold}Italic.eot'); src: local('?'), url('@{MotoSans-SemiBold}Italic.svg#MotoSansWeb-MediumItalic') format('svg'), url('@{MotoSans-SemiBold}Italic.woff') format('woff'), url('@{MotoSans-SemiBold}Italic.ttf') format('truetype'); } @font-face { font-family: 'Moto Sans'; font-style: italic; font-weight: 700; src: url('@{MotoSans-Bold}Italic.eot'); src: local('?'), url('@{MotoSans-Bold}Italic.svg#MotoSansWeb-SemiboldItalic') format('svg'), url('@{MotoSans-Bold}Italic.woff') format('woff'), url('@{MotoSans-Bold}Italic.ttf') format('truetype'); } /****************************************************************/ /* LessCSS Definitions - Constants & functions */ /****************************************************************/ @color00: #000000; @color01: #ffffff; @color03: #6c6c6c; @color04: #02d0d0; @color05: #00e2e2; @color06: #b6edec; @color07: #f2f2f2; @color09: #1f282b; @color10: #7f7f7f; @color11: #999999; @colorCyan: #3ca5ff; /* #07cac3 */ @colorDarkCyan: #1286e9; @colorActive: #33a1ff; @colorHover: #1286e9; @colorHit: #117fdc; @colorLink: @colorActive; @color12: #00b9b9; @color13: #b6eded; @color14: #016176; @color15: #a9ebe8; @color16: #20c0b6; @color17: #f5f6f8; @color18: #a9eae6; @color19: #d8dee4; @color20: #da001b; @color21: #495153; @color22: #616689; @color23: #d2d2d2; @color24: #19596d; @color25: #0d4e63; @color26: #666666; @color27: #fcfaf5; @color28: #26e1e0; @color100p: #1f282b; @color80p: #485155; @color50p: #808882; @color40p: #939b9f; .openSans { font-family: 'Open Sans', sans-serif, Verdana, 'Helvetica Neue', Helvetica, Arial; } .motoSans { font-family: 'Moto Sans', 'Open Sans', sans-serif, Verdana, 'Helvetica Neue', Helvetica, Arial; } .light { font-weight:300; } .normal { font-weight:400; } .semibold { font-weight:600; } .bold { font-weight:700; } .extrabold { font-weight:800; } .colorActive{ color: @colorActive; } .colorLink{ color: @colorActive; } .colorSchema(@bgColor: @colorActive; @fontColor: @color01) { background-color: @bgColor; color: @fontColor; } .colorSchema2 { .colorSchema(@color01; @colorActive); } .colorSchema3 { .colorSchema(@color01; @color03); } .colorSchema4 { .colorSchema(@color05; @color40p); } .colorSchema5 { .colorSchema(@color01; @color05); } .colorSchema6 { .colorSchema(@color06; @color40p); } .bgc1 { .colorSchema(); } .bgc2 { .colorSchema2(); } .bgi1(@url; @repeat: no-repeat) { background-image: url(@url); background-repeat: @repeat; } .border1 { border: 1px solid @colorActive; } .border2 { border: 1px solid @color01; } .border3 { border: 1px solid @color40p; } .border4 { border-top: 1px solid @color40p; border-left: 1px solid @color40p; border-bottom: 1px solid @color40p; } .border5 { border: 1px solid @color23; } .rounded-corners (@radius: 5px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; -ms-border-radius: @radius; -o-border-radius: @radius; border-radius: @radius; } .rounded-top-corners (@radius: 5px) { -webkit-border-top-left-radius: @radius; -webkit-border-top-right-radius: @radius; -moz-border-top-left-radius: @radius; -moz-border-top-right-radius: @radius; -ms-border-top-left-radius: @radius; -ms-border-top-right-radius: @radius; -o-border-top-left-radius: @radius; -o-border-top-right-radius: @radius; border-top-left-radius: @radius; border-top-right-radius: @radius; } .rounded-right-corners (@radius: 5px) { -webkit-border-bottom-right-radius: @radius; -webkit-border-top-right-radius: @radius; -moz-border-bottom-right-radius: @radius; -moz-border-top-right-radius: @radius; -ms-border-bottom-right-radius: @radius; -ms-border-top-right-radius: @radius; -o-border-bottom-right-radius: @radius; -o-border-top-right-radius: @radius; border-bottom-right-radius: @radius; border-top-right-radius: @radius; } .rounded-left-corners (@radius: 5px) { -webkit-border-top-left-radius: @radius; -webkit-border-bottom-left-radius: @radius; -moz-border-top-left-radius: @radius; -moz-border-bottom-left-radius: @radius; -ms-border-top-left-radius: @radius; -ms-border-bottom-left-radius: @radius; -o-border-top-left-radius: @radius; -o-border-bottom-left-radius: @radius; border-top-left-radius: @radius; border-bottom-left-radius: @radius; } .side_borders_only (@color: @color01; @width: 1px) { border-left: @width solid @color; border-right: @width solid @color; } .left_border_only (@color: @color01; @width: 1px) { border-left: @width solid @color; } .right_border_only (@color: @color01; @width: 1px) { border-right: @width solid @color; } .bottom_border_only (@color: @color00; @width: 1px; @style: dotted) { border-bottom: @width @style @color; } .border-bot { .bottom_border_only(); } .shadow (@h-shadow: 5px; @v-shadow: 5px; @blur: 5px; @spread: 5px; @color: 5px){ -moz-box-shadow: @h-shadow @v-shadow @blur @spread @color; -webkit-box-shadow: @h-shadow @v-shadow @blur @spread @color; box-shadow: @h-shadow @v-shadow @blur @spread @color; } .create-button(@w: 2em; @h: 4em; @font-size: 1.6em) { .semibold(); .border1; .colorSchema(@colorActive); .rounded-corners(); width: auto; min-width:@w; height:auto; min-height:@h; line-height:@h; vertical-align: middle; text-align: center; font-size: @font-size; font-family: 'Open Sans', sans-serif, Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0 1em; } .button-default(@w: 2em; @h: 4em; @font-size: 1.6em) when (isnumber(@w)) { .create-button((@w - 2); @h; @font-size); } .button-default(@w: 2em; @h: 4em; @font-size: 1.6em) { .create-button(@w; @h; @font-size); } .button-override(@w; @h) { min-width:@w; min-height:@h; line-height:@h; } /****************************************************************/ /* CSS Defs - override the non-configuarbles for bootstrap */ /****************************************************************/ /*************************/ /* bootstrap.css changes */ /*************************/ html, body, div, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font-family: 'Open Sans', sans-serif, Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif; } body { padding-top: 54px; .openSans; font-size:62.5%; padding-top: 0 !important; background-color: #F2F2F2; } input, select, th, td, span {font-size:1em} a, a:hover, a:link, a:visited { outline: none; } .hero-unit { padding-top: 0px; } h1, h2, h3, h4 { color: @colorDarkCyan; .semibold(); } h1 { font-size:3.5em; .motoSans(); } h1.a { color:@colorDarkCyan; } h1.b { color:@color09; .light(); } h2 { font-size:3.5em; .bold; color:@color22; } h2.a { color: @color80p; } h3 { font-size:2.5em; color:@color22; .normal() !important; } h3.b { font-weight:100; color:@color10; } h3.c { color:@color10; } h3.d { color:@color01; } h4 { } h4.b { color:@color05; } p { font-size:1.6em; .normal; color:@color21; .openSans; line-height:1.45em; } p.p1a { font-size:1.6em; .semibold; color:@colorDarkCyan; } p.p1b, p.pp1 { font-size:2em; } p.p1c { font-size:1.6em; } .p1d, .p1e { .semibold; } .p1e { margin-bottom: 0; } .pp1 { .light; } p.err { .semibold; color: #ff0000; } .mb0 { margin-bottom: 0; } a { font-size:1.6em; color: #7B8183; } a:hover { cursor: hand; cursor: pointer; } a.a1 { color: #6a83f9; } a.a2 { color: @colorActive; } p a { font-size:1em; } h1 a, h2 a, h3 a, h4 a { font-size:1em; } .p2 { font-size:1.6em; } .i2 { padding-left: 2em; } span.i2 { display: inline-block; } p .p2 { font-size:.88888889em; } p.radios { color: @colorDarkCyan; } .dashList { list-style: square outside url('data:image/gif;base64,R0lGODlhBQAKAIABAAAAAP///yH5BAEAAAEALAAAAAAFAAoAAAIIjI+ZwKwPUQEAOw=='); } input[type="file"] { font-size: 1.6em; } /************************************/ /* bootstrap-responsive.css changes */ /************************************/ @media (min-width: 970px) { .row { margin-left: auto; *zoom: 1; } .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1080px; } .navbar { margin-bottom: 0; } .navbar .nav > li > a { .bold; font-size:1.6em; .openSans; color:@color100p; padding: 0 25px 0 27px; } .navbar .nav > li { line-height: 7.1em; } .navbar .brand { padding: 0 16px 0 30px; margin-top: 12px; } .navbar .navbar-form { margin-right: 4px; } .navbar .navbar-form, .navbar .navbar-person { line-height: 72px; height: 72px; } .navbar .navbar-form img { margin-right: 41px; margin-top: -1px; } .navbar .navbar-person { .side_borders_only(@color07; 1px); .bold; font-size:1.4em; padding: 0 4px 0 17px; margin-right: 12px; } .navbar .navbar-person .navbar-pic { margin: -3px 0 0 14px; } .navbar .navbar-person .navbar-sel { margin-top: -2px; } } /****************************************************************/ /* CSS Defs - custom */ /****************************************************************/ .non-bold { font-weight: normal } .sep2 { margin: 17px 0 4px 0 } .center { text-align:center; } .sub{ margin-top: .6em; } .noshow, .noShow { display: none !important; } .hidden { display: none; } .disabled-link { text-decoration: none !important; color:@color09 !important; cursor: default; } .float-left { float: left; } /******************************/ /* CTA Button */ /******************************/ .span.CtaButton { width:auto }; .CtaButton { text-align:center; vertical-align:middle; } .CtaButton a { .semibold(); width:13em; height:3em; text-align:center; } .CtaButton a .pop, .CtaButton a .pop.active, .CtaButton a .pop-active { .button-default(11em; 4em; 1em); } .CtaButton a .pop.active, .CtaButton a .pop-active { .colorSchema(@colorHit); border-color: @colorHit; } .CtaButton a .pop:hover { background-color: @colorHover; border-color: @colorHover; } .CtaButton a [class*="pop"] { margin-left: 9px; } .CtaButton a:first-child [class*="pop"] { margin-left: 0; } .CtaButton.vcenter { display: inline-block; } .rn_FormSubmit input[type="submit"],.rn_FormSubmit button { .button-default(8.333333333em; 2.666666667em; 1.6em); margin: .625em 1em 0 0; padding: 0 1em; width: auto; } .rn_DialogTitle { font-size: 1.3em; font-weight: 700; color: #000000; } .yui3-widget-hd>.rn_DialogTitle { font-size: 1.3em; font-weight: 700; color: #ffffff; } .rn_ResultInfo{width:50%;float: right;margin-bottom: 1rem;margin-top: 1rem;} .rn_Paginator{width: 50%;margin-top: auto;margin-bottom: 1rem;margin-top: 1rem;} .rn_Paginator li { border: 0; display: inline-block; list-style-type: none; padding: 0 0.1em; margin-right: 4px; } .rn_Results, .rn_PostContent { float: right; } .rn_Multiline { width: 100%; } /******************************/ /* Hero Container */ /******************************/ #HeroContainer .supp_alert { margin-top:10px; margin-bottom:0; vertical-align:middle; line-height:50px; min-height:48px; } #HeroContainer .pop, #HeroContainer .pop-active { float:right; } #HeroContainer .alert_android { background-image:url('/euf/assets/motorola/v24/images/hero/android_sm1.gif'); background-repeat:no-repeat; background-position:0 26px; margin-left:-2px; padding-left:2px; } #HeroContainer{ background: @color27; /* border-bottom:6px solid @colorActive; */ } .left-arrow-white { background:url(/euf/assets/mcp/img/wh_arrow.png) 23.7em 0 no-repeat; } .wh_img{background:url(/euf/assets/mcp/img/wh_arrow.png) 23.7em 12.3em no-repeat; padding-left:2em;} /*.wh_img1{background:url(/euf/assets/mcp/img/wh_arrow.png) 23.7em 23.8em no-repeat; padding-left:2em;} */ .hero-msg { display:none; width:43.6em; position:absolute; padding:0; left:22em; top:2.2em; margin:0; } .hero-msg .msg-arrow, .hero-msg .msg-arrow2{ background:url(/euf/assets/mcp/img/wh_arrow.png) 0 9em no-repeat; padding-left:2em; } .hero-msg .msg-arrow2{ background-position-y: 20.9em; } .hero-msg .msg-box{ width:41.6em; background-color:@color01; .shadow(0.8em; 0.8em; 0.8em; 0em; @color23); padding: 1em 2.5em 3em 2.5em; margin:0; text-align:left; } .hero-msg .msg-box .close_but{ text-align:right; margin-right:-1.2em; } .hero-msg .msg-arrow, .hero-msg .msg-arrow2, .hero-msg .msg-box{ min-height:34.6em; } .hero-msg .msg-box p { font-size:2em; } .hero-msg .msg-box h3 { .bold(); margin-bottom:1.4em; } .hero-msg .msg-box .CtaButton { left: 22%; position: relative; margin-bottom:3em; } .search-box{float:right; margin-top:4em;} .search-box input.old {background:#fff url(/euf/assets/mcp/img/search-help1.png) 8px 12px no-repeat; border:1px solid @color09; .rounded-top-corners(3px); font-size:1.2em; height:2.17778em; padding:0.52556em 0.27778em 0.5556em 2.5em; width:23em; margin-right:2.1em; color:@color09;} .search-box input, .imeinumber{background:#fff url(/euf/assets/mcp/img/search-help1.png) 8px 12px no-repeat; border:1px solid @color09; .rounded-top-corners(3px); font-size:1.6em; height:1.4em; padding:0.5625em 0.208335em 0.4167em 1.875em; width:17.25em; margin-right:1.575em; color:@color09;} .marg-top{margin-top:1.5em;} #HeroContainer h2, #HeroContainer h3, #HeroContainer h4{color:@color09;} #HeroContainer h4{ .light(); } #HeroContainer h4{ font-size:2em; } #HeroContainer h2{ .bold(); } #HeroContainer .CtaButton { float:left; } #HeroContainer .CtaButton a .pop, #HeroContainer .CtaButton a .pop.active, #HeroContainer .CtaButton a .pop-active {min-width:7em; height: 1.7em; min-height: 1.7em; white-space:nowrap; width:auto !important; } #HeroContainer .hero-data2 .add-device .CtaButton { margin-top:4.8em; } #HeroContainer .hero-device, #HeroContainer .hero-data, #HeroContainer .hero-data2, #HeroContainer .hero-help, #HeroContainer .hero-anon, #HeroContainer .hero_colapsed_device { margin:0; } #HeroContainer .hero-data, #HeroContainer .hero-data2{ margin-left:-3px; } #HeroContainer .hero-device { width: 43.057% !important; } #HeroContainer .hero-data { width: 30.5556% !important; } #HeroContainer .hero-help { width: 35.1852% !important; } #HeroContainer .hero-anon, .hero-data2 { width: 65.7407% !important; } #HeroContainer .hero-device { margin:-8px auto 0 -95px; padding:8px 0 0 95px; height:550px; background:url('/euf/assets/mcp/img/hero/hero_anonymous_device.png') no-repeat 0 0; /* background:url('/euf/assets/images/ProdImages/motocare/8448-hero.png') no-repeat 2px 0; */ } .hero_colapsed{padding:20px 0px 0px;} .hero_colapsed h1{font-size:3.6em; .light; margin:0 0 0 -0.2em; color:@color09;} .hero_colapsed h1 b{.extrabold; margin-top:0.5em; color:@color25; display:block;} .hero_colapsed .device_container{margin:2em 0em; .semibold; z-index: 1000;} .hero_colapsed .search-box{margin:2.2em 0em 0em 3em;} .hero_colapsed .search-box input{width:18.75em; margin-right:1em;} .hero_colapsed .bullets{display: inline-block; margin-top: 10px; float: left;} .hero_colapsed .add_device{display: inline-block; margin-top: 8px; float: left; .colorActive;} .hero_colapsed .add_device .sep {margin: 0 .5em; font-size: 1.7em; .semibold;} .hero_colapsed .add_device a {font-size: 1.4em; .semibold(); .colorActive; } .hero_colapsed .span4.col4 { width:37%; } #HeroContainer .hero_colapsed_device{width:10.3em; margin:0 1.9em 0 2.7em;} .anon-phone-info { margin-top: 30px; margin-bottom: 25px; } .hero-data h6 { margin-bottom: 0px; line-height: normal; } .hero-data h1, .hero-data2 h1 { margin-top: 0; } .hero-data h1.b, .hero-data2 h1.b { margin-top: 2px; } .hero-data h2, .hero-data2 h2 { .bold(); } .active-phone-name { margin-bottom:10px; margin-top:47px; } .phone-name { margin-bottom:25px; margin-top:30px; } .hero-data .date { display:inline-block; text-align:center; background:url(/euf/assets/mcp/img/date.png) left top no-repeat; height:81px; width:84px; padding:14px 0 0; color:@colorDarkCyan; } .hero-data .date .month, .hero-data .date .year { color:@colorDarkCyan; font-size:2.3em; line-height:1.45em; } .hero-data .date .year { font-size:2.0em; } .hero-data div.device-owner, .hero-data2 div.device-owner { margin-top:-31px; } .hero-data .device_selector{ margin-top: 17px; } .hero-data .device_selector a { margin-right: 18px; } .hero-data .device_selector, .device_selector2{ margin-bottom: 10px; } .hero-data .device_selector2 { margin-left:2px; line-height:20px; } .hero-data .device_selector2 img, .device_selector2 h4 { float:left; } .hero-data .device_selector2 h4 { margin: 4px 0 0 12px; } .hero-device img { margin-top: 55px; margin-left: 220px; } h1.device-owner, h1.device-name { font-size:6em; .bold(); margin-bottom:0; } h1.device-owner.l2, h1.device-name.l2 { font-size:4.5em; } h1.device-owner { line-height:.9em; } h1.device-name { color: @color09; .light(); margin:-1px 0 20px 0; .openSans(); letter-spacing: -0.04em; } h2.device-reg {margin-bottom:.8em;} h3.device-man {margin-bottom:.64em;} .hero-help .adv_support { .normal; text-align:center; margin-bottom:17px; color:@color40p; } .hero-help .adv_support .title { font-size:2em; .semibold; } .hero-help .adv_support h3 { color:@color50p; .normal; font-size:2em; } .hero-help .adv_support .btn_container { height:30px !important; } .hero-help .adv_support .btn_container .bttn { .colorSchema5(); height:20px !important; font-size:1.2em; .semibold; padding:4px 1px 2px 1px; margin-left:0; width:33%; .side_borders_only(@color07); .rounded-corners(0px); } .hero-help .adv_support .btn_container .bttn { border-right: none; .bold; border-top-color:@color01; border-bottom-color:@color01; } .hero-help .adv_support .btn_container .bttn a { .colorSchema5(); } .hero-help .adv_support .btn_container .right { width:34%; .right_border_only(@color01, 1px); } .hero-help .adv_support .btn_container .left { .rounded-left-corners(15px); .left_border_only(@color40p); } .hero-help .adv_support .btn_container .right { .rounded-right-corners(15px); } .hero-help .adv_support .btn_container .completed { .colorSchema6(); font-weight:normal; border-left-color:@color06; border-top-color:@color06; border-bottom-color:@color06; } .hero-help .search { margin-top:121px; margin-bottom:20px; } .hero-help .search input.hero_support { height:30px; width:99%; .border1; background:#ffffff url('/euf/assets/motorola/v24/images/hero/hero_search.png') no-repeat 7px center; } .hero-help .search input.hero_support_nobg { background-image:none; } .hero-help .search input.hero_support_bg { background-image:url('/euf/assets/motorola/v24/images/hero/hero_search.png'); } .hero-help { padding-right: 8em; } .anon-phone-info h2:first-child { margin-top: 0; } .hero-anon .sign-in { margin: 2em 0px; } .active-phone-info p { font-size: 1em; } .add-device .dev_input input { margin-top:2px; } .cta_gauge { margin-top:36px; margin-bottom:5px; } .cta_gauge a { color:@color40p; font-size:1.6em; } .cta_gauge_msg { line-height:25px; padding-left:31px; background:url('/euf/assets/motorola/v24/images/devices/cta_sel3.gif') no-repeat 0 0; } .cta_gauge h3 { line-height: normal; margin-top: 0px; } .cta_gauge_circle { margin-right:14px; } .device_selector { margin-bottom:0px; } .device_selector h3 { margin-bottom:22px; } .device_selector2 { margin: 10px 0; } #StickyHeroContainer { position: fixed; width: 100%; left: 0; top: 0; z-index: 1000; border-top: 0; } .belt_sticky { position: fixed; width: 100%; left: 0; top: 0; z-index: 100; border-top: 0; } .is-sticky #BeltNavContainer { width: 100%; } /************************************************************/ /* Belt Nav Container */ /************************************************************/ #BeltNavContainer{ z-index: 900; } #nav_belt, #nav_belt_holder { width: 100%; margin:auto; } #nav_belt, #nav_belt_holder, .main-tabs, .main-tabs-last { height: 125px; background-color:@color01; } .nav_belt_holder { height: 125px; } .main-tabs, .main-tabs-last { font-size: 1.4em; width: 180px !important; text-align: center; margin-left: 0 !important; } .tab { height: 86px; width: 100%; margin-top: 0; margin-bottom: 12px; } .main-tabs .my_acct, .main-tabs .how_do_i, .main-tabs .service, .main-tabs .add_ons, .main-tabs .tune_up, .main-tabs .lost { background: url('/euf/assets/mcp/img/belt_nav_sprite.png') no-repeat -176px 0px; width:180px; height:115px; } .main-tabs .my_acct { background-position-x: -2px; } .main-tabs .how_do_i { background-position-x: -182px; } .main-tabs .service { background-position-x: -362px; } .main-tabs .add_ons { background-position-x: -542px; } .main-tabs .tune_up { background-position-x: -722px; } .main-tabs .lost { background-position-x: -902px; } .main-tabs *.nav_alert { background-position-y: -120px; } .main-tabs *:hover { background-position-y: -361px; } .main-tabs .active { background-position-y: -482px; height:125px; } .main-tabs .inactive { background-position-y: -240px; } /* .main-tabs:hover { background-color: @color04 ; } */ .main-tabs-active { background-image: url('/euf/assets/motorola/v24/images/nav/belt_nav_selected.png'); background-repeat:no-repeat; background-position:left top; } .main-tabs-last { .right_border_only(); } .first-tab { margin-left: 30px !important; } .section-row { margin-top:30px; margin-bottom:30px; font-size:1.1em; line-height: normal; color: @color03; } .width5 { width: 5px; background-color: @color01 } /* Lost Device Section */ .lostDevice h4 { margin: 0px; } .lostDevice .sub { margin-bottom: 17px; } .lostDeviceBtn { background-image: url('/euf/assets/motorola/v24/images/icon-manage.gif'); background-repeat: no-repeat; text-align:left; } .lostDeviceBtn a { font-size:1.6em; line-height: 35px; padding-left:38px; text-align:left; } /* Tab Body section */ /*For Mobile view FAQS Der*/ @media screen and (min-width: 600px) { .tab-info-row { padding: 5em 4em; border-bottom: 0.1em dotted @color09; width: 92.5926%; } .grid5 .tab-info-row .col2 { width:34%; margin-left: 5.5%; } .grid5 .tab-info-row .col1 { width:60%; margin-left: 0; } } @media screen and (min-device-width: 100px) and (max-device-width: 590px) { .tab-info-row { padding: 5em 4em; border-bottom: 0.1em dotted @color09; text-align:justify; } .grid5 .tab-info-row .col2 { width:80%; margin-left: 0.5%; } .grid5 .tab-info-row .col1 { width:80%; margin-left: 0; } } /*For Mobile view FAQS*/ .tab-info-row.last-row { border-bottom: none; } .tab-info-row .col1 { width:26.69560% } .tab-info-row .col2 { width:43.36226% } .tab-info-row .col3 { width:24.81481% } .grid0, .grid1, .grid2 , .grid3, .grid4, .grid5, .grid6 { .colorSchema2(); } .grid2 .tab-info-row .col2 { width:70.74074% } .grid3 .tab-info-row .col2 { width:57.251157% } .grid3 .tab-info-row .col3 { width:10.925926% } .grid4 .tab-info-row .col1, .grid4 .tab-info-row .col3 { width:46.9734% } .grid4 .tab-info-row .col2 { width:0.9259%; background-color:#ffffff; margin-top: -8.4em; margin-bottom: -7em; } .grid5 .tab-info-row .col1b { width:67%; margin-left: 0; } .grid5 .tab-info-row .col2b { width:27%; margin-left: 4.5%; } .grid6 .tab-info-row .col1 { width:100%; margin-left: 0; } .tab-info-row h1, .tab-info-row h2 { font-size: 3.5em; margin:0 0 0.85714em; color:@color09; .semibold; } .tab-info-row h2 { font-size: 2.5em; margin-bottom:1.4em; letter-spacing: -0.04em; } .grid5 .tab-info-row .col2 h2 { margin-bottom:.4em; } .tab-info-row a { color:@colorActive; } .tab-info-row .faq_results a { color: @color80p; } .tab-info-row p { line-height: 1.5625em; } .tab-info-row .emphasis { .bold(); } .tab-info-row .emphasis2 { .semibold(); } .tab-info-row .emphasis3 { .semibold(); .colorActive(); } .tab-info-row .emphasis4 { .bold(); .colorActive(); } .tab-info-row .search { margin-top:2.8em; } .tab-info-row .search input.hero_support { height:30px; width:80%; .border1; background:#ffffff url('/euf/assets/motorola/v24/images/hero/hero_search.png') no-repeat 7px center; } .tab-info-row .search input.hero_support_nobg { background-image:none; } .tab-info-row .search input.hero_support_bg { background-image:url('/euf/assets/motorola/v24/images/hero/hero_search.png'); } /* .tab-info-row .faq_results { padding-top: .8em; } */ .tab-info-row .faq_results p { line-height: 2.1428em; vertical-align:middle; margin-bottom:.6em; } .tab-info-row .faq_results p img { vertical-align:middle; margin-top: -3px; } .tab-info-row .faq_results a { line-height: 2.1428em; } .tab-info-row .faq_results .play_icon { padding-right: 0.714em; } .tab-info-row .faq_results .type { color: @colorDarkCyan; } .tab-info-row .addl_topics, .tab-info-row .addl_topics p { .semibold(); } .tab-info-row .addl_topics { padding-top: .8em; } .tab-info-row .trouble_icons .row-fluid { margin-bottom:2em; } .tab-info-row .top_threads .title { .bold(); } .tab-info-row .col2 h3 { line-height: 2em; } .tab-info-row .col2 h3:first-child { line-height: 100%; } .tab-info-row .span>:first-child { margin-top: 0; } /************************************************************/ /* Device Selector Page */ /************************************************************/ .device_selector { .colorSchema(); } /************************************************************/ /* My Hub page */ /************************************************************/ .MyHub a { color: @colorActive } /******************************/ /* My Hub -> My Devices */ /******************************/ #MyDevices div[class="MyDeviceRow"] { border-top:0.1em dotted @color09; } #MyDevices div[class="MyDeviceRow"]:first-child { border-top: none; } .MyDeviceRow div[class*="MyDeviceRowCol"] { padding: 5em 1.2em; border-top: none; } .MyDeviceRow div[class*="MyDeviceRowCol"]:first-child { border-left: none; } .MyDeviceRow .span>:first-child { margin-top: 0; } .MyDeviceRow .extend_wrnty { padding-left: 25px; } .MyDeviceRow h3 { .light(); color: @color00; } .MyDeviceRow .MyDeviceRowCol.col1 { text-align:center; } #MyDevices .MyDeviceRow .MyDeviceRowCol.col1 .CtaButton { width: 16.2em; margin: 0 auto; } .MyDeviceRow .CtaButton a .pop, .MyDeviceRow .CtaButton a .pop.active, .MyDeviceRow .CtaButton a .pop-active { font-size:0.7777778em; min-width:11em; height:3em; padding:0 1em; } .MyDeviceRow .MyDeviceRowCol p.delete { font-size:1.4em; margin-top:1em; } .MyDeviceRow .MyDeviceRowCol p.delete a { margin:0 auto; color: #7B8183; } .MyDeviceRow .espRow{ margin: 2em 0 2em; display: none; font-size: 1.4em; } .MyDeviceRow .espRow a{ font-size: 1em; } .MyDeviceRow .espRow hr{ margin: 0; } .MyDeviceRow .espRow .espOpts, .MyDeviceRow .espRow .espOpts input, .MyDeviceRow .espRow .espOpts label { vertical-align: middle; float: left; } .MyDeviceRow .espRow .espOpts label { margin-left: 1em; width: 93%; } .MyDeviceRow .espRow .Button { .button-default(7em; 2.667em; 0.857142857em); margin: 1em 1em 0 0; float: left; } .MyDeviceRow .espRow .Button:hover { background-color: @colorHover; border-color: @colorHover; } .SupportHistoryFrame{ width:100%; height:300px; overflow-y: hidden; } /******************************/ /* Search Box */ /******************************/ input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus { border-color: #D9D9D9; } /* .gsc-input-box { border: 1px solid #D9D9D9; background: #FFF; font: normal 12px Arial; width: 245px; color: #666; vertical-align: middle; border-width: 0px; height: 22px; padding: 0px 5px 0px 0px; } */ .gsib_a { width: 100%; padding: 4px 8px 0; } .gsst_b { font-size: 16px; padding: 0 2px; user-select: none; -webkit-user-select: none; white-space: nowrap; } a.gsst_a { color: rgba(0, 0, 0, 0) !important; border: none !important; } .gsst_a { cursor: pointer; padding: 3px 4px 0; display: inline-block; } input:focus { outline: none; } .search_container{ margin:6.5em 0 1em; } .search_container input[type=text], .search_container_supp input[type=text], .search_device input[type=text], .serial_no input[type=text]{background:#fff url(/euf/assets/mcp/img/search.png) 8px 20px no-repeat; border:1px solid #00e2e0; .rounded-top-corners(3px); font-size:1.6em; height:2.77778em; padding:0.5556em 0.27778em 0.5556em 2.5em; width:90%; color:#ddd;} .client_name{margin:6.5em 0 4.5em; } .serial_no{margin:0em 0em 2em;} .serial_no input[type=text]{background-image:none; width:70%; padding-left:0.5556em; font-size:1.2em; margin-right:0.5556em;} .search_device{padding:4.7em 0em; text-align:center;} .search_device h4{color:@color01; text-align:left; margin-left:9%; font-size:1.8em;} .search_device input[type=text]{width:80%; margin-bottom:0em;} .add_img{background:#fff url(/euf/assets/mcp/img/add.png) 175px 12px no-repeat;} .back{background:url(/euf/assets/mcp/img/back.png) right 12px no-repeat; width:110px; text-align:center; height:29px; font-size:16px; padding:1em 0em; margin:auto;} .has_device{background-color:#fcfaf5;} .date{background:url(/euf/assets/mcp/img/date.png) left top no-repeat; height:81px; width:84px; padding:25px 0px 0px 25px; margin:auto; color:#006177; font-size:18px;} .extend{background:url(/euf/assets/mcp/img/circle_grey.png) left top no-repeat; height:18px; width:18px; padding-left:22px; margin:1em 0 0; font-size:15px;} .bullets a { background: url("/euf/assets/mcp/img/cricle.png") no-repeat left top transparent; color: transparent; float: left; height: 16px; margin:0px 2px; position: relative; text-indent: -4000px; width: 16px; } .bullets a.ws_next, .bullets a.ws_prev { background: url("/euf/assets/mcp/img/arrows.png") no-repeat left top transparent; float: left; height: 18px; margin:0px 0px 0px 10px; width: 10px; } .bullets a.ws_prev{background-position: -10px 0; margin:0px 10px 0px 0px;} .bullets a.ws_next:hover, .bullets a.ws_prev:hover{background-position: 0 0;} .bullets a:hover, .bullets .active { background-position: 0 -16px; } .search_help{margin:120px 80px 32px 10px;} .search_help input[type=text]{border:1px solid #ddd; height:20px; width:89%; margin:auto; background:#fff url(/euf/assets/mcp/img/search-help.png) 5px 10px no-repeat; padding:0.5556em 0.27778em 0.5556em 1.6em;} .hasdivice_but{margin:0px auto 3px;} .hasdivice_but div a .pop{float:none !important; } .device_profile{position:absolute; top:75px; left:250px;} .popular_device{background-color: @color01; padding:auto 6em; margin:auto auto 3em; text-align:center; width:73%;} .popular_device_img, .popular_device_img_active{ float:left; width:15.3em; text-align:center; line-height:2em; color:@color09; text-transform:uppercase; margin-bottom:1.8em; .bold; } .popular_device_img a{ color:@colorActive; .bold;font-family: 'Moto Sans', 'Open Sans', sans-serif, Verdana, 'Helvetica Neue', Helvetica, Arial; text-transform: none !important; } .popular_device_img a:hover, .popular_device_img.active a { color:@colorActive; text-decoration:none !important; } .popular_device_img img{ margin:1em auto 1em; text-align:center; clear:both; } .DeviceCats .popular_device_img { height:30.3em; } .DeviceCats .popular_device_img img{ height:6.11111em; } .device_img_sm_8112 { background:url(/euf/assets/images/ProdImages/8112-sm.png) 1.3em 2em no-repeat; } .device_img_sm_8577 { background:url(/euf/assets/images/ProdImages/8577-lg.png) 1.3em 2em no-repeat; } .device_img_sm_8417 { background-image:url(/euf/assets/images/ProdImages/8417-sm.png); } .device_img_sm_8579 { background-image:url(/euf/assets/images/ProdImages/8579-sm.png); } .device_img_sm_8558 { background-image:url(/euf/assets/images/ProdImages/8558-sm.png); } .icons_device{background-color: @color01; padding:auto 6em; margin:auto; text-align:center;} .icons_device img{margin:3.5em 1.5em 2em;} .icons_device h2{margin: 1.6em 1.1em 0.7em; text-align:left; color:@color09;} .wh_bg{background-color:@color01;} .contact_section{padding:5.5em 0em 4.5em;} .footer{ background:background: #262d31; /* Old browsers */ background: -moz-linear-gradient(top, #262d31 0%, #282e32 3%, #2a3539 7%, #2a3539 9%, #283236 35%, #212b2e 58%, #21292d 100%, #767676 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262d31), color-stop(3%,#282e32), color-stop(7%,#2a3539), color-stop(9%,#2a3539), color-stop(35%,#283236), color-stop(58%,#212b2e), color-stop(100%,#21292d), color-stop(100%,#767676)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #262d31 0%,#282e32 3%,#2a3539 7%,#2a3539 9%,#283236 35%,#212b2e 58%,#21292d 100%,#767676 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #262d31 0%,#282e32 3%,#2a3539 7%,#2a3539 9%,#283236 35%,#212b2e 58%,#21292d 100%,#767676 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #262d31 0%,#282e32 3%,#2a3539 7%,#2a3539 9%,#283236 35%,#212b2e 58%,#21292d 100%,#767676 100%); /* IE10+ */ background: linear-gradient(to bottom, #262d31 0%,#282e32 3%,#2a3539 7%,#2a3539 9%,#283236 35%,#212b2e 58%,#21292d 100%,#767676 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262d31', endColorstr='#767676',GradientType=0 ); /* IE6-9 */ padding:5em 0em; } .footer div ul li, .footer div ul{list-style:none; margin-left:0px; padding-left:0px;} .footer div h4, .footer div h3{color:@color01;} .footer div ul li a, .footer div ul li{color:@color03; font-size:1.2em; } .social img{margin:0em 1em 1em 0em;} .series_img{text-align:center; margin:auto; color:@color03; font-size:1.4em; margin:1.1em 0em 2.2em;} .series_img img{margin:0em 1.5em 1.5em; text-align:center; } .found{border-radius:2em; border:2px solid @color14; padding:0.5em 1em; width:10%; font-size:1.6em; margin:2.5em auto 1.2em;} .back_img img{margin:1.2em auto 3.5em;} #ProductAutoComplete .yui-ac-container{ background-color:@color01; width:80em; top:4.2em; left:64px; } #ProductAutoComplete .yui-ac-content{ box-shadow: 0 0.1em 0.1em 0 @color00; border-top:none; padding:1.5em 0 0 2em; } .auto_search{background-color:@color01; width: 68.2% !important; z-index:9999; margin:0 auto; box-shadow: 0 0.1em 0.1em 0 @color00; position:absolute; left:17em; top:16.6em;} .yui-ac-bd ul, .auto_search ul{margin:0; padding:1.5em 0em;} .yui-ac-bd ul li, .auto_search ul li{list-style:none; font-size:1.6em; padding:0.4em 1em; text-align:left; color:@color03; .normal();} .yui-ac-bd ul li a, .auto_search ul li a{color:@color03;} .battery_container{border-bottom:1px dotted @color12; background:@color01; padding:35px; } .battery, .battery_orng{background:url(/euf/assets/mcp/img/battery_icon.png) 0 9px no-repeat; height:4.7em; padding-left:4em;} .battery_orng{background-position:0 -3.6em;} .battery_orng h2{margin-top:0em;} .battery_container a{color:@color12;} .battery_container h2, .battery_container h3, .location_container h2, .location_container h3, .location_container h4{color:@color09;} .location_container h3{.normal(); color:@color09; font-size:2.4em;} .location_container .device_text p{.semibold(); margin-right:5.5%;} .location_container{background:@color01; padding:4em 4em;} .location_container .pop, .location_container .pop-active { float:left; }; .location_container .CtaButton a [class*="pop"] { margin-left: 0px; } .location_container .CtaButton a .pop-active, .location_container .CtaButton a .pop{cursor:pointer; width:168px; border:none; height:2.5em;} .location_container .CtaButton a .pop_clr{background-color:@colorActive;cursor:wait; width:168px; min-width:168px; border:none; min-height: 3em; line-height: 3em; } .gap_heading{margin:0.9em 0em 1.3em;} .map_container{background:url(/euf/assets/mcp/img/map.png) 0em 0em no-repeat; min-height:55em !important; margin:auto; margin:2.6em 0em 0em; width:67% !important;} .pop_wh{background:@color17 !important; cursor:pointer; color:@color03 !important; border:none !important;} .pop_red{background:@color20 !important; cursor:pointer; color:@color01 !important; border:none !important;} .map_details{background:@color01; color:@color09; .shadow(0.8em; 0.8em; 0.8em; 0em; @color23);} .map_details h3, .map_details h4, .map_details h5, .map_details h2, .map_details p, .map_details li {color:@color09;} .map_details li, .map_details p , .map_details h5{ font-size:1.6em; line-height:1.2em;} .map_details h4{ font-size:2em; line-height:1.2em;} .map_details li, .map_details ul{.semibold(); color:@color00; list-style:none; margin:0em; padding:0em; line-height:1.4em;} .map_details h5 {margin:1em 0em 0.3em; font-size:2.0em;line-height:1.4em;} .support_cont{ width:82.5%; padding:2em 3em 1em; margin:6em auto 5em; } .support_cont .pop{margin:1.5em 0em 0.8em !important;} .not_found{width:58%; margin:12em auto 5em; padding: 1.3em 3.2em 1em 3.6em;} .not_found p, .locating p{.semibold(); font-size:1.9em; color:@color00;} .not_found .pop{margin:0.8em 0em 0.8em !important;} .locating{width:43%; margin:18em 13em 5em 20em; padding: 1.3em 3.2em 2em 3.6em;} .locating p.sm_font, .wiped p.sm_font{margin-bottom:2em; } .location_error p{margin-bottom:2em;} .enable_location p{margin-top:1em;} .located, .wipe, .wipe_cont, .ringing, .locked, .lock{width:20.2em; margin:3em 5.4em; padding:1.5em 2.3em !important; position:relative;} .lock{padding:1.5em 2.3em 2em 2.3em !important;} .wipe p.sm_font{margin-bottom:1.8em;} .wipe h3, .wipe_cont h3{margin:0em 0em 1.5em; font-size:2.1em; .semibold();} .wipe_cont h3{margin:1em 0em 0em; } .wipe p{.semibold();} .wipe_cont p{margin:1em 0em;} .wipe_cont p, .wipe_cont ul li{font-size:1.4em; list-style:disc; color:@color00;} .wipe_cont ul{margin-left:1.5em;} .wipe .CtaButton{margin:8em auto 2.5em;} .wipe_cont .CtaButton{margin:0em auto 2em;} .ringing .CtaButton{margin:0em auto 1em;} .located .CtaButton{margin:0em auto 0em;} .located p{font-size:1.9em; .semibold(); margin:0.8em auto 0.9em;} .located .CtaButton .pop{margin:0.1em auto 0.7em !important;} .located h2 img, .locked h2 img, .lock h2 img, .lock .CtaButton img{margin-top:-0.4em;} .locked{padding:1.5em 2.3em 2.5em 2.3em !important;} .locked h5{margin:0em 0em;} .locked input{width:87%; margin-bottom:0.2em; font-size:1.6em; color:@color10; padding:0.3em 0.6em 0.5em;} .locked_bg, .lock_bg{background:@color01; margin:0em; padding:0.5em; border:0.1em @color23 solid; border-radius:0.3em; color:@color09 !important; font-size:1.4em !important; line-height:1.6em !important; width:90%; margin-bottom:0.2em; min-height:5em;} .lock_bg{background:@color19; border-radius:0 !important; width:89%; color:@color00 !important; padding:0.7em; line-height:1.5em !important;} .locked .sm_font{margin-bottom:0.6em;} .lock .sm_font{margin-bottom:-0.6em;} .lock .CtaButton .pop, .lock .CtaButton .pop-active{margin:1.3em auto 0.6em !important;} .eraselink, .eraselink1{text-align:center; margin:1.5em auto;} .eraselink a, .eraselink1 a{color:@colorActive; font-size:1.9em; .bold();} .eraselink1 a{color:@color23;} .wiped{width:25%; margin:15.5em 5.5em 0em; padding:1.9em 3em !important; position:relative;} .wiped h2 img, .wipe h2 img{margin-top:-0.5em;} .sm_font, .sm_font1{font-size:1.2em !important; line-height:0em; margin-bottom:2.5em;} .sm_font1{line-height:2em; margin:1em 0em;} .bg_arrow{background:url(/euf/assets/mcp/img/bg_arrow.png) 31em 27em no-repeat;} .bg_arrow_wiped, .bg_arrow_wipe, .bg_arrow_ringing, .bg_arrow_located, .bg_arrow_locked, .bg_arrow_lock{background:url(/euf/assets/mcp/img/bg_arrow.png) left top no-repeat; position:absolute; top:15em; left:23em; height:3.7em; width:2.3em;} .bg_arrow_wipe{top:27em; left:24.7em;} .bg_arrow_ringing{top:24em; left:24.8em;} .bg_arrow_located{top:25em; left:24.8em;} .bg_arrow_locked{top:25em; left:24.8em;} .bg_arrow_lock{top:28em; left:24.8em;} .close_wipe{position:absolute; top:2.2em; right:1.9em;} .pop img, .pop-active img{margin-right:0.5em;} .enterpin, .enterpin1, .re_enterpin{background:url(/euf/assets/mcp/img/help_sm.png) 12em 0.4em no-repeat; border:1px solid @color09; height:2.1em !important; width:92%; margin-bottom:1.1em !important;} .enterpin1{background:@color01; background-image:none; margin-bottom:0em !important;} .re_enterpin{background-color:@color19 !important; background-image:none;} .lost_bg{background:url(/euf/assets/mcp/img/bg_lost.png) right top no-repeat; padding-top:1.1em; margin-top:-1.2em;} .addons div.close_wipe{position:absolute; top:4.2em; right:3.8em;} .addons_img{vertical-align:bottom; margin-top:4em} .video_img{margin-top:12em; float:right;} .got_link{padding-left:1.6em; margin-top:2.9em; padding-bottom:4em;} .got_link a, .help_topic a{color:@colorActive; font-weight:bold;} .got_link p{ line-height:1.45em; .bold(); } #LastRibbon{border-top:0.1em dotted @color09;} .brick, .live_chat { border-left:3px solid @color01; padding:3.5em 0em 4.5em 8.3em; } .live_chat{padding:6.5em 0em 4.5em 20.3em;} .brick:first-child, .live_chat:first-child { border-left:none; padding-left:3.8em; margin-right: -1.6em;} .live_chat:first-child{padding-left:18em;} .brick h2, .live_chat h2{color:@color100p; margin-bottom:1em; .normal; font-size:2.5em;} .live_chat h2{margin:0.9em 0em 0.9em;} .brick p a{color:@colorActive;} .brick .CtaButton a .pop{min-width:10em; line-height:3.2em; min-height:3.2em; height: auto; .bold; } .live_chat p{font-size:2.4em; .bold} .live_chat p span{font-size:0.7em; .semibold; line-height:1em;} .howdoi{padding:2em 4em;} .help_topic {line-height:2.5em;} .help_topic img{margin:0.2em 0.6em 0.4em 0em ;} .help_topic h2, .help_topic h3{margin-bottom:1em; color:@color09;} .helpsearch input{background:url(/euf/assets/mcp/img/search_clr.png) 0.5em 0.8em no-repeat; height:30px; color:@colorActive; padding-left:2em; margin:1em 0em 4em; width:50%;} .top_right{margin-top:-1em;} .help_search input{background:#fff url(/euf/assets/mcp/img/help_search.png) 15px 10px no-repeat; border:1px solid @colorActive; .rounded-top-corners(3px); font-size:1.6em; height:1.12228em; padding:0.5556em 0.27778em 0.5556em 2.5em; width:86.5%; color:#ddd; margin-left:0;} .help_search h2 {color:@color23; margin-bottom: 1.7em;} .icon_img{ margin:1.9em 2em 1em;} .icon_img img{margin:2em;} .services{padding-bottom:3em !important;} .repair_but{padding:3.5em 0em !important;} .repair_but div a div.pop{margin:5.5em 0.5em 0em 0em;} .but_new div.pop{width:11.85em !important; height:3.6em !important; padding-top:0.65em;} .addons h2, .addons h3{margin-bottom:1.1em; color:@color09;} .owner_portal{padding:1.4em 3.7em 0.8em; background-color:@color01; border-bottom:0.1em dotted @color09;} .owner_portal h2, .owner_portal h5, .my_prefer h2{color:@color09;} .owner_portal h5 img{padding-left:1em;} .line_img{padding:11.8em 0em 0em 1em;} .line_img1{padding:13em 0em 0em 1em;} .rt_part{padding:11.8em 0em 0em 1em;} .rt_part1{padding:9.5em 0em 0em 1em;} .ann_cont, .ann_cont1{padding:3.5em 0em 0em 1em; position:relative;} .ann_cont1{padding:2.4em 0em 3em 1em;} .ann_cont_img, .ann_cont_img1{padding:4.7em 0em 0em;} .ann_cont_img1 img{width:200px;} .ann_cont ul, .ann_cont1 ul{list-style:none; margin:0em; padding:0em;} .ann_cont ul li, .ann_cont1 ul li{background:url(/euf/assets/mcp/img/round_icon.png) left top no-repeat; padding:0em 0em 1em 4em; } .ann_cont1 ul li:last-child{padding:0em 0em 0.3em 4em;} .ann_cont ul li p, .ann_cont1 ul li p{font-size:1.5em; .semibold;} .ann_cont ul li h4, .ann_cont1 ul li h4{color:@color16; margin:0em; font-size:1.8em; .bold;} .ann_cont h3, .ann_cont1 h3{margin-bottom:0em; color:@color24; .bold;} .ann_cont h4, .ann_cont1 h4{margin:0em 0em 1.4em 0em; font-size:2.3em; color:@color09; font-weight:normal;} .ann_cont1 h4{margin:0em 0em 1em 0em;} .ann_cont1 h5{font-size:1.9em; .bold; margin-bottom:0.1em;} .edit_img, .edit_img1{position:absolute; top:3.5em; left:-2.5em; width:1.4em; height:1.8em;} .edit_img1{top:35.4em;} .new_button, .remove{ margin:0.5em 0em 0em 2em; } .new_button a .pop{border-radius:0.3em; line-height:2.8em; min-height:2.5em;} .new_button a{font-size:1.2em; color:@color09; text-decoration: underline;} .remove a{font-size:1.3em; color:@color09; padding:0.6em 0em 0em 4.1em; .bold; display:block;} .date_device{ background:url(/euf/assets/mcp/img/date_device.png) left top no-repeat; height:50px; width:59px; padding:0.9em 0 0 0.4em; color:@color14; font-size:1.1em; .semibold;} .date_device h5{font-size:1.3em; color:@color24; margin:1em 0em 0em -0.3em; .bold;} .date_device p{margin:-0.2em auto 0em; font-size:1em; color:@color14; .semibold;} .my_prefer{padding:1.3em 3.7em 2.2em; background-color:@color01; } .my_prefer .span12 .span1{width: 4.383%;} .my_prefer .span12 .span1 img{margin:0.2em 0em 0em 0.9em;} .my_prefer2{padding-top:0em !important;} .my_prefer2 .widt{ padding-bottom:0.8em !important;} .mrgn_btm{margin-bottom:5.2em;} .my_prefer div h2{margin-bottom:1.7em;} .my_prefer2 .pop, .my_prefer2 .pop.active{ width:7.5em !important; height:1em !important; font-size:0.8em !important; min-height:2em !important; line-height:2em !important; border-radius:0.2em;} .my_prefer h3{color:@color24; .bold;} .cancel_but{margin-top:-3.4em;} .cancel_but .CtaButton a .pop{width: 8.6em !important; min-height: 2.5em !important; line-height: 2.5em !important; font-size: 0.9em !important; .bold;} .form_lt{margin-bottom:2.6em;} .form_lt1{margin-bottom:5.8em;} .form_lt4{margin:0em 0em 3.9em;} .form_lt3{margin:0em 0em 8.2em; padding-top:5em;} .form_lt2, .form_lt5 {margin-bottom:7.8em; font-size:1.4em; margin-top:-0.5em;} .form_lt5{margin-bottom:11.8em; padding-top:3.5em;} .pad_top{padding-top:2.8em;} .form_lt2 img, .form_lt5 img{margin-left:1em;} .form_lt h3, .form_lt1 h3, .form_lt3 h3, .form_lt4 h3, .frm_display h3{margin-top:0em; color:@color25; margin-bottom:0em; .extrabold;} .form_lt h4, .form_lt1 h4, .form_lt3 h4, .form_lt4 h4{color:@color09; margin-top:0.3em !important;} .form_lt1 h4 a{font-size:17.5px; text-decoration:underline; color:@colorActive;} .frm_display{margin-top:1.3em; padding-bottom:1em;} .form_lt_input{margin-top:-2.5em;} .form_lt_input input, .form_lt4 input, .form_lt_input select, .community input, .community1 input{width:98%; height:2.1em; margin-right:1em; border:0.1em solid @colorActive; .openSans; font-size:1.4em; margin-bottom:3.2em;} .form_lt_input select{width:103%; height:2.8em; padding: 0.6em 0.3em;} .width1{width: 29.115% !important;} .width2{width: 42.171% !important; margin-left:6% !important;} .pad_top_less{padding-top:2em;} .language_box{width:132% !important; padding:1.5em 4em; margin:0em 0em 2em 0em; border:0.2em solid @color09; font-size:1em; color:@color00; line-height:1.4em;} .community p, .community1 p{font-size:1.4em; clear:both; .semibold;} .community1 p{margin:0em 0em 0em 2.5em;} .community input, .community1 input{width:65%; float:left; margin:1.2em 0em 1em 0em; } .community1 input{margin:0em 0em 1em 2.5em;} .community .CtaButton a .pop, .community1 .CtaButton a .pop{height:2.5em !important; line-height:2.5em !important; .bold; margin:1.2em 0em 1em 0.5em !important;} .community1 .CtaButton a .pop{width:6em;} .last_select{padding-top:15.5em !important;} .community h4, .community1 h4{margin-bottom:1.7em;} .community1{position:relative;} .gap_mrgn{margin-top:3.3em;} .edit_icon_prefer{position:absolute; width:1.4em; height:1.8em; left:0em; top:13.5em;} .community1 .CtaButton{position:absolute; width:25em; left:76.9%; top:11em;} .mgn_minus{margin-top:-1em;} .brdr_none{border-bottom:none;} .mrgn_tp{margin-top:1em;} .mrgn2_lt{margin-left:0em !important;} .mrgn2_rt{margin-right:0em !important; font-size:1.2em !important;} .no-lt-mrgn{margin-left:0em !important;} .no-rt-mrgn{margin-right:0em !important; font-size:1.2em !important;} .no_btm_mrgn{margin-bottom:0em !important;} .search_container_supp{margin:3.5em auto 0em; font-size:1.6em; line-height:2em;} .search_container_supp input[type=text]{height:1.2em; padding:0.2 auto; background-position:0.5em; font-size:1.1em; width:88%} .support_font h3, .support_font h3 a {color:@color24; .bold} .support_font h3 a { font-size:1em; } .support_font h4{color:@color09; margin-top:.5em; .extrabold} .support_font p{margin-top:-0.4em;} .refer_section{margin-top:1em;} .refer_section h4{margin-top:0em; .bold;} .refer_section h5{margin-top:0em; .semibold;} .link_ico h3{margin-top:0em !important;} .link_ico a{color:@colorActive; padding-top:0.3em; display:block; .bold;} .link_ico a div{color:@color09;} .link_ico a img{padding-left:0.7em;} .product_img{margin-left:0.5em;} .status_text{margin-left:-1.5em !important;} .scroll_icon, .scroll_icon1{padding:4em 4em 4em 0em; background-color:@color01; text-align:right; display:block; float:right; width:96.25%;} .scroll_icon1{padding:4em 0em 4em 0em;} .my_input{margin:0em 0em 3em 0em;} .my_input input{width:43.3%; float:left; height:2.1em; margin-right:1em; border:0.1em solid @colorActive;} .save_btn .CtaButton img{margin:0.4em 0em 0em 1em;} .save_btn .CtaButton a .pop{width:7em; line-height:2.1em; min-height:2em; height:2.1em; margin-top:0em;} /******************************/ /* My Purchase */ /******************************/ .my_purchase{margin-bottom:2.5em;} .my_purchase div h2{margin-bottom: 1.2em !important;} .no_bot_mrgn{margin-bottom:0em !important;} /******************************/ /* White Pop Box with arrows */ /******************************/ .contract_box, .contract_box1, .add_new_device{position:absolute; background-color:@color01; left:3.5em; width:29.5em; padding:1.5em 1em 1.5em 3.8em; top:23em; .shadow(0.4em; 0.4em; 0.5em; 0.3em; @color23);} .contract_box1{ width:25em; left:8.8em; padding:1.5em 1.5em 2.5em 2em; top:26.5em;} .contract_box input{width:85%; background:#fff url(/euf/assets/mcp/img/date_sm.png) 93% 9px no-repeat; border:none; padding:0.52556em 0.57778em 0.5556em 1.5em; height:1.8em;} .contract_box p, .contract_box1 p{color:@color01; font-size:1.6em; .bold; padding-top:0.5em; margin-bottom:1em; line-height:1.1em;} .contract_box1 p{padding-top:-0.3em; margin-bottom:0.5em;} .contract_box1 img{text-align:right; float:right; margin-right:1em;} .contract_box1 .CtaButton a .pop{width:108px; font-size:0.8em; margin-right:0.1em; height:39px; .bold; line-height:2.9em; min-height:2.1em; float:left;} .contract_box1 .span12{min-height:1em; margin-bottom:-0.8em;} .add_new_device{width:20.7em; border-top:0.5em solid @colorActive; margin:0em; padding:0em; left:12.1em; top:-2.5em; z-index:999; max-height:100em;} .add_new_device ul{padding:0.3em 2.2em 1em; list-style:none; margin:0em;} .add_new_device ul li{list-style:none; margin:0em; border-bottom:1px solid @color23; color:@colorActive; font-size:1.6em; padding:0.5em 0em; cursor:pointer;} .add_new_device ul li:hover, .add_new_device ul li.active{color:@color24;} .add_new_device ul li a {font-size:1em;} .add_new_device_link{padding:1.5em 2em 2em;} .add_new_device_link a{.colorActive;} .add_new_device_link a img{float:right; margin-top:-0.2em;} .left_arrow, .top_arrow, .left_arrow1, .add_device_arrow{position:absolute; background:url(/euf/assets/mcp/img/rightarrow.png) 63% 9px no-repeat; width:2.1em; height:4.5em; left:59.2em; top:34em;} /* .left_arrow, .top_arrow, .left_arrow1, .add_device_arrow{position:absolute; background:url(/euf/assets/mcp/img/left_arrow.png) 93% 9px no-repeat; width:1em; height:3.5em; left:37.8em; top:36em;} */ .top_arrow{background:url(/euf/assets/mcp/img/top_arrow.png) 93% 9px no-repeat; width:2.7em; height:2em; left:20.8em; top:24.5em;} .top_arrow{background:url(/euf/assets/mcp/img/top_arrow.png) 93% top no-repeat; width:3.3em; height:2em; left:20.8em; top:24.5em;} .left_arrow1{top:42em;} .add_device_arrow{left:10em; top:-1.5em; z-index:9999;} .width_span{width: 17.8936% !important;} .widt{width:100%; margin-left: 1.8em !important;} .megn_left{padding-left:0.8em; font-size:1.2em !important;} #MainBodyContainer .CtaButton { margin-left:0; } .repair_but .CtaButton a .pop { width:10.2777778em; } .user_name{margin-top:-5.2em !important;} .user_name img{padding-top:0.3em; padding-left:0.1em;} .imeinumber{background:#fff url(/euf/assets/mcp/img/imei.png) 95% 9px no-repeat; border:1px solid @color03; padding:0.22556em 0.57778em 0.5556em 0.5em; width:80%; } .dev_input{margin:1.5em 0em 0em;} .dev_input input{width:73%; clear:both; float:left; height:2.17778em;} .date_state{display:inline-block; text-align:center; background:url(/euf/assets/mcp/img/date_bg.png) left 5px no-repeat; height:81px; width:84px; padding:25px 0 0; color:@colorDarkCyan; font-size:2.3em; } .expire_text h3, .date_state h3{font-size:1.7em; line-height:1.4em; color:@color14 !important; margin:0em 0em 0em 0.5em; text-align:left;} .date_state h3{font-size:0.9em !important; margin:auto !important; color:@colorDarkCyan !important; text-align:center} .expire_text a{color:@colorActive; font-size:1.6em; margin:1em 0em 0em 0.5em; text-align:left; display:block;} .mrgn_img{margin-top:0.3em;} .devices{.colorActive; font-size:1.4em; .semibold;} .devices a {font-size:1em; .semibold;} .pos_rel{position:relative;} .but_img{padding-left:0.5em; height:60%; width:15%;} .phone-name h1{margin-top:-0.2em !important; font-size:5.5em; font-weight:100;} .mrgn_auto{margin:1.5em 2em 3.2em 5.5em !important; text-align:center;} .container{position:relative;} .signin-font{font-size:1.5em !important;} .left_text{margin-top:2.8em;} .left_text .pop{margin:0.5em 0em 0.3em !important;} .border-bot-clr{border-bottom:0.1em dotted @colorActive;} .right_arrow, .lt_arrow{background:#fff url(/euf/assets/mcp/img/arrows_new.png) left top no-repeat; width:1.4em; height:2em; position:absolute; top:12.8em; left:86.3%;} .lt_arrow{background-position:-1.4em 0em; left:12%;} .support_font h3, .support_font h3 a {color:@color24; .bold} .support_font h3 a { font-size:1em; } .support_font h4{color:@color09; margin-top:.5em; .extrabold} .support_font p{margin-top:-0.4em;} /******************************/ /* Device Selector */ /******************************/ .DeviceCats { text-align: center; } .DeviceCats .CtaButton a .pop, .DeviceCats .CtaButton a .pop.active, .DeviceCats .CtaButton a .pop-active { .button-override(7em; 3em); } /******************************/ /* Support History */ /******************************/ .SupportHistory { background-color: @color01; } .SupportHistory h3, .SupportHistory h3 a {color:@color24; .bold;} .SupportHistory h3 a { font-size:1em; } .SupportHistory h4{color:@color09; margin-top:.5em; .semibold;} .SupportHistory p{margin-top:-0.4em;} .SupportHistory .CtaButton a .pop, .SupportHistory .CtaButton a .pop.active {width:8.333333333em; height:2.666666667em; margin-right:1em;} .CtaButton.btn2 a .pop, .CtaButton.btn2 a .pop.active {width:8.333333333em; height:2.666666667em; margin-right:1em;} .SupportHistory label{ font-size: 1.6em; .normal() !important; } .SupportHistory input, .SupportHistory button, .SupportHistory textarea { font-size: 1.6em; } #MainBodyContainer2 .SupportHistory .rn_IncidentThreadDisplay .rn_ThreadHeader { .border1; .colorSchema(@colorHover); border-color: @colorHover; font-size: 1.4em; .bold; padding: 0.25em; position: relative; text-shadow: none; } /*.CtaButton .rn_ChatLaunchButton { .semibold(); width:8.333333333em; height:2.666666667em; margin-top:10px; margin-bottom:0; vertical-align:middle; line-height:50px; min-height:3em; .border1; .colorSchema(@colorActive); .rounded-corners(); float:left; font-size:1.6em; }*/ .rn_ChatLaunchButton button { .button-default(7em; 2.5em; 1.6em); } .rn_ChatLaunchButton button:hover { .border1; .colorSchema(@colorHover); border-color: @colorHover; } /* .CtaButton .rn_ChatLaunchButton:hover button { background-color: @colorHover; } */ #rn_ChatDialogContainer{ font-size: 1.4em; } #rn_ChatDialogContainer a, #rn_ChatDialogContainer textarea { font-size: 1em; } #rn_ChatDialogContainer #rn_ChatDialogTitle h3 { font-size: 2em; } #rn_PreChatButtonContainer button, #rn_InChatButtonContainer button { .button-default(auto; auto; 1.125em); padding: 3px 1em; } #rn_PreChatButtonContainer button:hover, #rn_InChatButtonContainer button:hover { .border1; .colorSchema(@colorHover); border-color: @colorHover; } .rn_ChatQueueSearch .rn_KeywordText2 input { font-size: 1em; } #rn_AnswerText td, #rn_AnswerText table td { vertical-align: middle; padding: 10px; } #rn_AnswerText td img { text-align: center; } /******************************/ /* Software Upgrade News */ /******************************/ .softwareSupportPromo { /*Commented Der 8 margin-bottom: 3em;*/ padding-bottom: 2em; /*Commented Der 8 border-bottom: 1px solid @color40p;*/ font-size: 1.4em; } .softwareSupportPromo .indexImg { margin-bottom: 2em; } .softwareSupportPromo p { font-size: 1em; line-height: 1.3em; } .softwareSupportPromo a { font-size: 1em; } .softwareSupportPromo.lastPromo { border-bottom: none; } .softwareSupportHomeDisclaimer .disclaimer { font-size: 1.2em; margin-bottom: 2em; } /******************************/ /* Answer Feedback */ /******************************/ .rn_AnswerFeedback2 { margin-top: 4em; } .rn_AnswerFeedback2 div[id*="RatingButtons"] button { font-size:1.6em; .semibold(); width:6.875em; height:2.666666667em; .border1; .colorSchema(@colorActive); .rounded-corners(); vertical-align:middle; margin-right:.5em; } .yui-dialog, .yui-simple-dialog { width:43.6em; padding:0; margin:0; position: absolute; } .yui-dialog .rn_Dialog, .yui-simple-dialog .rn_Dialog{ width:41.6em; background-color:@color01; .shadow(0.8em; 0.8em; 0.8em; 0em; @color23); margin:0; text-align:left; .border5 } .yui-dialog .rn_Dialog .close_but{ text-align:right; margin-right:-1.2em; } .yui-dialog .rn_Dialog p { font-size:2em; } .yui-dialog .rn_Dialog .hd, .yui-simple-dialog .rn_Dialog .hd { color: @color09; .semibold(); font-size:2.5em; .motoSans(); margin: 1em 0; padding-left: 1em; padding-right: 1em; } .yui-dialog .rn_Dialog .bd, .yui-simple-dialog .rn_Dialog .bd{ font-size:1.4em; .normal; color:@color80p; .openSans; line-height:1.45em; padding: 1.2em 1.7857em; } .yui-dialog .rn_Dialog .bd label, .yui-simple-dialog .rn_Dialog .bd label{ font-size:1em; .normal; color:@color80p; .openSans; line-height:1.45em; } .yui-dialog .rn_Dialog .ft, .yui-simple-dialog .rn_Dialog .ft { padding: 1em 1.7857em 1.6em; } .yui-dialog .rn_Dialog button, .yui-simple-dialog .rn_Dialog button{ font-size:1.4em; .semibold(); width:6.875em; height:2.666666667em; .border1; .colorSchema(@colorActive); .rounded-corners(); vertical-align:middle; margin-right:.5em; } .yui-dialog .rn_Dialog .container-close, .yui-simple-dialog .rn_Dialog .container-close{ display: none; .colorLink; margin-top: 1.875em; } .rn_SearchInput .rn_SearchButton2 input[type="submit"]{ font-size:1.6em; .semibold(); width:6.875em; height:2.2em; .border1; .colorSchema(@colorActive); .rounded-corners(); vertical-align:middle; margin-right:.5em; margin-top:-11px; } div[id^='rn_FaqList'] ol { list-style-type: none; } div[id^='rn_FaqList'] ol li { line-height: 3em; } .hero-device .circular { margin-top: 55px; margin-left: 220px; width: 126px; height: 126px; border-radius: 63px; -webkit-border-radius: 63px; -moz-border-radius: 63px; /* background: url(http://link-to-your/image.jpg) no-repeat; */ } /* .rn_GuidedAssistant .rn_Guide div[class="rn_Node"]:first-child .rn_QuestionText { float: left; width: 28%; } .rn_GuidedAssistant .rn_Guide div[class="rn_Node"]:first-child .rn_Response { float: left; width: 71%; } .rn_GuidedAssistant .rn_Guide div[class="rn_Node"]:first-child .rn_Response fieldset { border: none; } */ .rn_Multiline2 .rn_Element1, .rn_Multiline2 .rn_Element2 { font-size: 1em !important; } .rn_Results, .rn_PostContent { font-size:1.4em; color:@color80p; } .rn_Paginator { font-size:1.4em; } .rn_Results a, .rn_Paginator a { font-size:1em; } .rn_CommunitySearchResults .rn_PostTitle, .rn_Multiline2 .rn_Element2 a { .normal; } .rn_CommunitySearchResults .rn_PostTitle{ padding-top:3px; list-style-type: none; margin-left: 0; } .rn_CommunitySearchResults li{ margin-bottom:1.2em; border-bottom: 1px solid #d2d2d2; padding-bottom: .5em; } #rn_PageTitle.rn_AnswerDetail{ font-size: 1.8em; font-weight: 600; border-bottom: 1px solid #6C6C6C; } #rn_PageTitle.rn_AnswerDetail p{ font-size: 1em; } .rn_AnswerFeedback2Form .rn_Textarea { font-size: 1.125em; } .rn_AnswerDetail td, .rn_AnswerDetail li, .rn_AnswerDetail .rn_ThanksLabel, .rn_AnswerDetail span{ font-size: 1.6em; } .rn_AnswerDetail td p, .rn_AnswerDetail td li, .rn_AnswerDetail li li, .rn_AnswerDetail p span, .rn_AnswerDetail td span, .rn_AnswerDetail span a, .rn_AnswerDetail li a, .rn_AnswerDetail li span, .rn_AnswerDetail p span, .rn_AnswerDetail li p, .rn_AnswerDetail li p span, .rn_AnswerDetail span span { font-size: 1em; } .rn_AnswerDetail table, .rn_AnswerDetail table tr, .rn_AnswerDetail table td { border: 1px solid #000000; } .rn_AnswerDetail ol, .rn_AnswerDetail ul { list-style: disc outside none; margin-left: 5em; } .rn_AnswerDetail ol { list-style-type: decimal; } .rn_AnswerDetail select, .rn_MenuQuestion select { font-size: 1.6em; width: auto; } .rn_GuidedAssistant .rn_Response.rn_ButtonQuestion { margin-bottom: 7em; } .rn_GuidedAssistant .rn_ResultText, .rn_DisplayButton, .rn_Panel{ font-size: 1.6em; color: @color21; } .rn_GuidedAssistant .rn_ResultHeading { font-size: 1.8em; color: @color21; .semibold(); } #rn_AdditionalInfo .rn_FileListDisplay { clear:both; } #rn_AdditionalInfo .rn_DataValue { margin-left: 1.5em; float: left; } #rn_AdditionalInfo .rn_DataValue ul, #rn_AdditionalInfo .rn_DataValue ol { margin-left: 0; } .rn_TextInput textarea { font-size: 1.6em; } .rn_DataValue { color: @color100p; /* #1F282B */ font-weight: 400; font-size: 1.6em; } .rn_DateInput .rn_Label, .rn_Label, .rn_DataLabel, .rn_FileAttachmentUpload2 label { color: @color100p; /* #006177 */ font-weight: 600; font-size: 1.6em; } .rn_DataValue a, .rn_Label a { font-size: 1em; } .rn_SelectionInput select { height: 2em; font-size: 1.6em; } .rn_SelectionInput input[type="radio"] { margin-top: -4px; margin-left: 2em; } .rn_SelectionInput input[type="radio"]:first-child { margin-left: 0; } .rn_IncidentThreadDisplay .rn_ThreadContent { font-size: 1.4em; } .rn_IncidentThreadDisplay .rn_ThreadContent a { font-size: 1em; } .yui-skin-sam .yui-panel .hd, .yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft { border-width: 0; } .yui-dialog .rn_Dialog .hd, .yui-simple-dialog .rn_Dialog .hd { margin: 1em 0 0; } /******************************/ /* Bootloader */ /******************************/ #tab-container-1 a.styled-button, #tab-container-1 button { .button-default(8em; 2.5em; 1.6em); margin:12px 6px; padding:.5em .75em; } #tab-container-1 #unlockPhone button { font-size:14px; height:2.1em; min-height:2.1em; width:auto; margin:0 6px 11px 10px; padding:0 .75em; } #tab-container-1 a.styled-button:hover, .step_body button:hover { .border1; .colorSchema(@colorHover); border-color: @colorHover; text-decoration: none; } input[type="radio"].radio{ margin-top:-3px; } .step_body #unlockPhone #phoneID { width: 98% } .step_body #unlockPhone #checkID { margin-left: 0; } .step_body #unlockPhone #tnc { font-size: .8em; overflow-y: auto; height: 300px; margin-bottom: 2em; } .mask { display: none !important; } .activeHover:hover { cursor: hand; cursor: pointer; } /* .MyHub */ #BeltNavContainer .collapsed_search { width: 27.5% } #BeltNavContainer .collapsed_nav { width: 72%; margin-left: 0; float: right; } #BeltNavContainer .rn_KeywordText2, #BeltNavContainer .rn_SearchButton2 { float: left; } #BeltNavContainer .rn_KeywordText2 { width: 81%; } #BeltNavContainer .rn_KeywordText2 input { padding: .3em 3.6em .3em .6em; height: 1.75em; width: 14em; font-size: 1.6em; background-image: none; margin-bottom: 0; } #BeltNavContainer .rn_KeywordText2 label { display: none; } #BeltNavContainer .rn_SearchButton2 input[type="submit"] { .button-default(4.2em; 2.5em; 1.2em); margin: .5em 0 0 0; padding: 0; width: 4.2em; } #BeltNavContainer .pcss3mm a { padding: 0; } .RepairCenter .CtaButton a [class*="pop"] { margin: 0 9px 9px 0; } .RepairCenter h3 { color:@color09; font-size: 1.125em; font-weight: 600; } .RepairCenter h2 { font-weight: 400; } #MainBodyContainer h1 { font-size: 3.5em; color: @color100p; .semibold; margin-bottom: 1.142857em; } /****************************************************************/ /* Changes to v30/css/motorola.css */ /****************************************************************/ #utility-nav { width: 1090px; } .pcss3mm a { font-size: 1em; } label { text-align: left; } .SupportHistory .yui-skin-sam .yui-dt td { border-right: none; } .nav-items a { font-size: 1em; } header > nav li > a { font-size: 1em; } .login.newaccnt a { display: inline-block; } .login.newaccnt a.sign_in { padding-right: 0; } .login.newaccnt a.sign_up { padding-left: 0; } footer a { font-size: 14px; } footer p { font-size: 1em; } header > .search-site input.gsc-input, header > .search-site input.gsc-input:focus { background-color: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .gsc-input input[type="text"].gsc-input, .gsc-input input[type="text"].gsc-input:focus { background-color: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } /****************************************************************/ /* Authenticated collapsed */ /****************************************************************/ .authenticated span, .authenticated_span span{ font-size:1.1em; color:@color11; .bold; padding-top:1em; display:block; font-family:'Open Sans',sans-serif,Verdana,'Helvetica Neue',Helvetica,Arial,sans-serif; } .authenticated_span span, .authenticated_span p, .collapsed_signin p{margin:0em 0em 0.5em; font-size:1.3em; } .authenticated_span span{padding:0.8em 0em 0.8em;} .authenticated_span p{padding:0.2em; color:@color00;} .authenticated_span .breadcrumb { .normal; background-color:@color27; } .collapsed_signin p{color:@color00; margin:0.3em 0em 1em 0.6em;} .authenticated h1, .authenticated_span h1{font-size:3.6em; color:@color00; .bold; padding:0em 0em 0.4em 0em; margin:0em;} .authenticated_span h1{padding:0em;} .HeroAuth {background-color:@color27 !important;} .authenticated_belt{background-color:@color26 !important;} .collapsed_search{margin:1.1em 0em 0.2em;} .collapsed_search input{width:20.5em; height:2.2em; border:1px solid @color04; color:@color04; background-color:@color01} .collapsed_nav{ margin:0; padding:0; } .collapsed_nav ul{margin:0.2em 0em 0em 5.1em; list-style:none; padding:0em; display:inline; float:left;} .collapsed_nav .pcss3mm { width:auto; opacity: .99; z-index: 1; } .collapsed_nav .pcss3mm, .collapsed_nav .pcss3mm li { background: #666666; float:right;} .collapsed_nav .pcss3mm li, .collapsed_nav .pcss3mm .no-dropdown > a { border-color: #666; font-family: 'Moto Sans', 'Open Sans', sans-serif, Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 100; } .collapsed_nav .pcss3mm li { background: #666; text-transform: none; line-height: 60px; padding: 0 1.428572em; } .collapsed_nav .pcss3mm li > a {color:@color01; font-size:1.2857em;} .collapsed_nav .pcss3mm a:hover { background: #666; color:#3ba3fc; } .collapsed_nav .pcss3mm a.active { color: #2b82d9; } .pcss3mm .no-dropdown > span.non-link { font-weight: 600; margin-top: 2px; } .collapsed_signin, .collapsed_signin_inner{margin:0.5em 0em 0em; float:right; padding-left:5.8em;} .collapsed_signin { margin-bottom: 20px; } .collapsed_signin_inner{padding-left:8.1em !important;} .collapsed_signin_inner .pop{margin-left:0.2em !important;} .collapsed_signin_text, .signin_text_no_padding{font-size:3.1em; .semibold; float:left; padding:0.7em 0.4em 0em 0.7em; color:@color00;} .signin_text_no_padding{padding:0em; margin:1em 0em 0.2em 0.2em; line-height: 1.1em;} ul.autheticated li a{font-size:1.5em !important; font-weight:600 !important; padding:0px 10px !important;} ul.autheticated{margin:2em 0em 0em !important;} .navbar .brand_authenticated {padding: 0 16px 0.5em 0px; float:left; margin:2em 1em 0em 0em;} .navbar_inner_authenticated{margin:0;} .navbar .person_authenticated{margin:0; .semibold; height:60px; line-height:60px; color:@color00 !important;} .uthenticated_img{margin-right:10px !important;} .authenticated_herosection{height:211px;} .authenticated{padding:10px 0 5px; margin:auto; text-align: center;} .clr{clear:both;} .navbar_inner_authenticated .signin-font{font-size: 1.4em !important; .semibold;} .navbar_inner_authenticated .navbar-person{margin-right:1.5em !important;} .header .search .pcss3mm { float:right; /* width:300px; */ } .header .search .pcss3mm.unauth { width:137px; } .header .search .pcss3mm li.dropdown { float:right; border-right: 1px solid #F2F2F2; margin-left: 20px; margin-right: 2px; } .footerBot .locale a, .footerBot .contentasset p { font-size: 1em; } .rn_GuidedAssistant .rn_ButtonQuestion button { .button-default(auto; auto; 1.6em); padding: 6px 1em; margin-right: 15px; } .rn_NavigationTab2 a, .rn_NavigationTab2 a.rn_SelectedTab { font-size: 1em; color: #1F282B; font-weight: 600; margin-bottom: 0; cursor: pointer; float: none; height: 1em; margin-right: 0; padding: 0; position: relative; background: none; font-family: 'Moto Sans', 'Open Sans', sans-serif, Verdana, 'Helvetica Neue', Helvetica, Arial; } .rn_NavigationTab2 a span { font-size: 3.5em; color: #1F282B; font-weight: 600; margin-bottom: 2em; line-height: 1.42em; font-family: 'Moto Sans', 'Open Sans', sans-serif, Verdana, 'Helvetica Neue', Helvetica, Arial; } .rn_DisplaySearchFilters .rn_Heading { color: #404040; font-size: 1.6em; font-weight: 600; } .rn_DisplaySearchFilters .rn_Label { font-size: 1.4em; } .rn_ProductCategorySearchFilter .rn_Label { font-weight: 600; } /****************************************************************/ /* File imports for page specific styles */ /****************************************************************/ @import "overrides.less";