/* Minification failed. Returning unminified contents. (75,1): run-time error CSS1019: Unexpected token, found '@import' (75,9): run-time error CSS1019: Unexpected token, found 'url(/Content/Styles/Fonts/Roboto-300-400-Roboto-Condensed-400.css)' (1828,1): run-time error CSS1019: Unexpected token, found '}' (1834,2): run-time error CSS1031: Expected selector, found '/' (1834,2): run-time error CSS1025: Expected comma or open brace, found '/' (2996,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (13633,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (19205,49723): run-time error CSS1019: Unexpected token, found '@keyframes' (19205,49741): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19205,50247): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (19205,50270): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19205,50463): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19205,50489): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19205,50898): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (19205,50920): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19728,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19728,45): run-time error CSS1035: Expected colon, found '{' (19729,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (19729,42): run-time error CSS1035: Expected colon, found '{' (19730,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (19730,41): run-time error CSS1035: Expected colon, found '{' (19732,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19732,37): run-time error CSS1035: Expected colon, found '{' (20416,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20421,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (20422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20426,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (20427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20436,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20442,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20443,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20461,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (20462,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20480,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (20481,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20518,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20519,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20538,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20552,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (20553,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (20555,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20556,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (20558,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (20559,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (20564,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (20568,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20569,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20578,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (20579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20588,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20589,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20608,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (20609,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20621,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20622,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20629,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (20630,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20637,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20653,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (20654,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20662,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20680,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (20681,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20698,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20738,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (20739,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20761,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '6%' (20796,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (20797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '6%' (20866,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (20867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '6%' (20901,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '6%' (20946,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20947,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20956,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (20957,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20966,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20986,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (20987,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20999,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21000,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21027,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (21028,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21043,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21044,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #fdf495; color: #434f56; text-shadow: none; } ::selection { background: #fdf495; color: #434f56; text-shadow: none; } a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } .lt-ie9 button, .lt-ie9 input[type="button"], .lt-ie9 input[type="reset"], .lt-ie9 input[type="submit"] { filter:chroma(color=#000000); -ms-filter:chroma(color=#000000); } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } .physicalPropertyWrapper { float: left; margin-right: 30px; } /*********************************************** *** *** FONTS *** **********************************************/ @import url(/Content/Styles/Fonts/Roboto-300-400-Roboto-Condensed-400.css); /*font-family: 'Roboto Condensed', sans-serif;*/ /*font-family: 'Roboto', sans-serif;*/ /*********************************************** *** *** TAG DEFINITIONS *** **********************************************/ .wrapperTop { /*overflow:hidden;*/ } /*html, body { height: 100%; width: 100%; min-width: 990px; }*/ body { font-family: Roboto, Arial, sans-serif; background: #fff; color: #434f56; text-align: center; overflow-x: hidden; /* stops horizontal scrollbar appearing when elements wander off screen */ -webkit-backface-visibility: hidden; } body.auth { background: #fff url(/Content/Images/body-bg-shadow.png) repeat-x 0 0; } body.noauth { background: #fff url(/Content/Images/body-bg-shadow.png) repeat-x 0 0; } body.home { min-width: 990px; } body iframe { border: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } .wrapper { width: 990px; margin: 0 auto; text-align: left; position: relative; } .container { padding: 0 15px 10px 15px; } header, footer, .main { min-width: 990px; position: relative; /*z-index: 10;*/ } /*.main .wrapper { //rimosso background: #F2F2F2; }*/ input.text, textarea.text, .faux-input { position: relative; z-index: 1; background: #f3f3f3; color: #79848c; border: none; padding: 5px; outline: none; resize: none; font-family: Roboto, Arial, sans-serif; font-size: 1em; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.4); -ms-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.4); -o-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.4); box-shadow: inset 0px 1px 2px rgba(0,0,0,0.4); -webkit-transition: background-color 0.1s linear; -moz-transition: background-color 0.1s linear; -ms-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear; transition: background-color 0.1s linear; } input.text:focus, textarea.text:focus, .faux-input:focus { background: #fff; color: #434f56; outline: none; } input.text.invalid, input.text.input-validation-error, textarea.text.input-validation-error, .selector.text.input-validation-error .selected { background-color: #ffcdcc !important; color: #75797d !important; } input[type=password] { /* bullet point not consistently supported with web font so force all password fields to use Arial */ font-family: Helvetica, Arial, sans-serif !important; } ::-webkit-file-upload-button { cursor: pointer; } .no-boxshadow input.text, .no-boxshadow textarea.text, .no-boxshadow .faux-input { border: 1px solid #ccc; } /* default link styles */ a, a:link, a:visited, a:hover, a:active, a:focus { color: #434f56; text-decoration: none; outline: none; } a:hover { color: #6dc6be; text-decoration: underline; outline: none; } /*********************************************** *** ***
*** **********************************************/ /*********************************************** * AUTH HEADER ***********************************************/ header { position: fixed; z-index: 8999; top: 0; left: 0; width: 100%; height: 89px; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5); -ms-box-shadow: 0px 2px 5px rgba(0,0,0,0.5); -o-box-shadow: 0px 2px 5px rgba(0,0,0,0.5); box-shadow: 0px 2px 5px rgba(0,0,0,0.5); background: #677176 url(/Content/Images/header-bg.png) repeat-x 0 27px; background: -moz-linear-gradient(top, #677176 0%, #677176 27px, #5c656c 58px, #49545a 59px, #3d484e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#677176), color-stop(27px,#677176), color-stop(58px,#5c656c), color-stop(59px,#49545a), color-stop(100%,#3d484e)); background: -webkit-linear-gradient(top, #677176 0%, #677176 27px, #5c656c 58px, #49545a 59px, #3d484e 100%); background: -o-linear-gradient(top, #677176 0%, #677176 27px, #5c656c 58px, #49545a 59px, #3d484e 100%); background: -ms-linear-gradient(top, #677176 0%, #677176 27px, #5c656c 58px, #49545a 59px, #3d484e 100%); background: linear-gradient(top, #677176 0%, #677176 27px, #5c656c 58px, #49545a 59px, #3d484e 100%); } .lt-ie9 header { padding-bottom: 11px; /* allow space for dropshadow in PNG */ } .lt-ie9 .hide-group-header header { height: 51px; } .lt-ie7 header { background-image: url(/Content/Images/header-bg-ie6.png); padding-bottom: 0; } /*********************************************** * GROUP HEADER ***********************************************/ header .group-header { height: 27px; background: url(/Content/Images/group-header.png) repeat-x 50% 0; } header .group-header ul, header .group-header li { list-style: none; margin: 0; padding: 0; } header .group-header ul { margin-left: 15px; } header .group-header li { position: relative; float: left; margin: 1px 5px 0 0; padding: 1px 6px; height: 23px; border-right: 1px solid #3d3d3d; } header .group-header li.last { border: none; } /*********************************************** * HIDE GROUP HEADER ***********************************************/ .hide-group-header header .group-header { display: none; } .hide-group-header header { height: 62px; background: #677176 url(/Content/Images/header-bg.png) repeat-x 0 0; background: -moz-linear-gradient(top, #677176 0%, #5c656c 50%, #49545a 51%, #3d484e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#677176), color-stop(50%,#5c656c), color-stop(51%,#49545a), color-stop(100%,#3d484e)); background: -webkit-linear-gradient(top, #677176 0%, #5c656c 50%, #49545a 51%, #3d484e 100%); background: -o-linear-gradient(top, #677176 0%, #5c656c 50%, #49545a 51%, #3d484e 100%); background: -ms-linear-gradient(top, #677176 0%, #5c656c 50%, #49545a 51%, #3d484e 100%); background: linear-gradient(top, #677176 0%, #5c656c 50%, #49545a 51%, #3d484e 100%); } .hide-group-header .main { padding-top: 60px; } .hide-group-header.home .main { padding: 0; } .hide-group-header.home header .logo { margin-top: 0; } /*********************************************** * NAVIGATION ***********************************************/ .navigation { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; line-height: 1.2; margin: 2px 15px 0 20px; position: relative; } .navigation li { display: block; float: left; padding: 13px 0 15px; } .navigation li ul { display: none; } .navigation a { display: block; background: url(/Content/Images/nav-divider.png) no-repeat 0 0; padding: 6px 14px 5px 15px; color: #fff; text-decoration: none; -webkit-transition: color .25s linear; -moz-transition: color .25s linear; -ms-transition: color .25s linear; -o-transition: color .25s linear; transition: color .25s linear; font-family: "Roboto Condensed"; font-weight: bold; font-size: 1em; } .navigation a:hover, .navigation a.active { color: #fcf299; } .navigation li.logo_nolink { background: url(/Content/Images/nav-cloud.png) no-repeat 50% 0; padding: 20px 57px 20px 49px; position: relative; z-index: 2; /* hide home text */ height: 19px; width: 38px; text-indent: -999em; font-size: 0; } /*.navigation li.last { background: url(/Content/Images/nav-divider.png) no-repeat 100% 50%; }*/ .navigation .logo a { background: url(/Content/Images/nav-cloud.png) no-repeat 0 0; padding: 20px 30px; margin-left: 5px; margin-right: 8px; position: relative; z-index: 2; /* hide home text */ height: 19px; width: 38px; text-indent: -999em; font-size: 0; } .navigation li.logo, .navigation li.account { padding: 0; position: relative; } .navigation li.logo .hover { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: url(/Content/Images/nav-cloud-hover.png) no-repeat 30% 0; opacity: 0; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -ms-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; } .navigation li.logo:hover .hover { opacity: 1; } .navigation li .unread-message { background-image: url(../../Content/Images/unread_message.png); cursor: pointer; height: 40px; width: 50px; background-repeat: no-repeat; background-size: auto; } .navigation li .unread-message a{ height: 100%; background: none; } .navigation .user { font-family: Roboto, Arial, sans-serif; text-transform: none; color: #fcf299; background: url(/Content/Images/nav-account-arrow.png) no-repeat 100% 18px; padding: 0 23px 0 0; margin: 0 10px 0 0; font-size: 1.1em; line-height: 50px; /* styles to remove username */ padding: 0; width: 13px; height: 50px; } .navigation .user a { color: #fcf299; background: none; padding: 0; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* styles to remove username */ display: none; } .navigation .thumb { width: 50px; height: 50px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 50px; -webkit-transition: -webkit-box-shadow .25s linear; -moz-transition: -moz-box-shadow .25s linear; -ms-transition: -ms-box-shadow .25s linear; -o-transition: -o-box-shadow .25s linear; transition: box-shadow .25s linear; } .navigation .thumb:hover { -webkit-box-shadow: 0 0 8px rgba(252,242,110,0.8); -moz-box-shadow: 0 0 8px rgba(252,242,110,0.8); -ms-box-shadow: 0 0 8px rgba(252,242,110,0.8); -o-box-shadow: 0 0 8px rgba(252,242,110,0.8); box-shadow: 0 0 8px rgba(252,242,110,0.8); } .navigation .account:hover ul, .navigation .account.hover ul { /*display: block;*/ position: absolute; right: 0; top: 60px; /* TODO - style dropdown, need design */ background: #000; } .navigation .register, .navigation .language { float: right; font-family: Roboto, Arial, sans-serif; font-weight: normal; text-transform: none; } .navigation .language strong { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: normal; } .navigation .language a { background: none; } .navigation .register a { padding-right: 0; } .navigation li.account { float: right; } .navigation .user, .navigation .thumb { float: left; } .navigation li.account { padding: 5px 5px 5px 10px; position: relative; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .navigation li.account:hover, .navigation li.account.hover { background: #fffde3; color: #434f56; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.3); -ms-box-shadow: 0 3px 5px rgba(0,0,0,0.3); -o-box-shadow: 0 3px 5px rgba(0,0,0,0.3); box-shadow: 0 3px 5px rgba(0,0,0,0.3); } .navigation li.account:hover a, .navigation li.account.hover a { color: #434f56; } .navigation li.account:hover .user, .navigation li.account.hover .user { background-position: 100% -29px; } .navigation li.account .dropdown { display: none; } .navigation li.account:hover .dropdown, .navigation li.account.hover .dropdown { position: absolute; background: #fffde3; color: #000; min-width: 384px; top: 50px; right: 0; display: block; padding: 20px 20px 10px; -webkit-border-radius: 5px 0 5px 5px; -moz-border-radius: 5px 0 5px 5px; -ms-border-radius: 5px 0 5px 5px; -o-border-radius: 5px 0 5px 5px; border-radius: 5px 0 5px 5px; -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3); -ms-box-shadow: 0 3px 3px rgba(0,0,0,0.3); -o-box-shadow: 0 3px 3px rgba(0,0,0,0.3); box-shadow: 0 3px 3px rgba(0,0,0,0.3); } .navigation li.account .dropdown a.settings-link, .navigation li.account .dropdown .logout a { color: #434f56; background: none; padding: 0; } .navigation li.account .thumbnail { width: 107px; height: 107px; float: left; border: 5px solid #dfdfdf; margin-right: -5px; background-repeat: no-repeat !important; background-position: 50% 50% !important; background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; } .navigation li.account .button { margin-left: 20px; float: left; } .navigation li.account .settings { padding-bottom: 9px; border-bottom: 1px solid #b2bbc0; position: relative; } .navigation li.account .logout { display: inline-block; float: right; } .navigation li.account a.settings-link { font-size: 1.25em; } .navigation li.account a.settings-link .name { width: 220px; text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; float: right; } .navigation li.account a.settings-link .email { font-family: Roboto, Arial, sans-serif; font-size: 0.90em; text-transform: none; width: 220px; text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; float: right; } .navigation li.account .button { text-transform: lowercase; position: absolute; bottom: 9px; right: 0px; width: 215px; font-size: 1.5em; } .navigation li.account .dropdown .logout a { padding: 5px 0 0; font-family: Roboto, Arial, sans-serif; font-size: 1.25em; color: #6dc6be; text-transform: lowercase; text-align: right; } .navigation li.account .dropdown .logout a:hover { color: #434f56; } .navigation li.account .aspmaplevel_big { width: 30px; height: 107px; float: left; padding: 5px; background: #DFDFDF; } .navigation li.account .aspmaplevel_small { width: 25px; height: 50px; float: right; margin-left: 2px; } .navigation li.account .aspmaplevel_big div { width: 30px; } .navigation li.account .aspmaplevel_small div { width: 25px; } .navigation li.account .aspmaplevel_big div:first-child { margin-bottom: 5px; } .navigation li.account .aspmaplevel_small div:first-child { margin-bottom: 2px; } .navigation li.account .power { background: #ae8a00; } .navigation li.account .shape { background: #712c3e; } .navigation li.account .balance { background: #226c49; } .navigation li.account .fun { background: #ff7a01; } .navigation li.account .move { background: #005b84; } .navigation li.account .sport { background: #f4ec7d; } .user-aspirations-update { background: none !important; padding: 0 !important; position: absolute !important; bottom: 11px !important; color: #6DC6BE !important; } /*********************************************** ***********************************************/ .breadcrumbs { font-family: Roboto, Helvetica, Arial, sans-serif; text-transform: uppercase; background: url(/Content/Images/dual-border.png) repeat-x 0 100%; padding: 15px 0 5px 0; color: #434f56; width: 960px; overflow: hidden; clear: both; } .breadcrumbs ul, .breadcrumbs li { margin: 0; padding: 0; list-style: none; } .breadcrumbs li { display: inline-block; /*white-space: nowrap;*/ } .breadcrumbs li span { color: #808588; } #tpWizardBreadcrumb { max-width: 910px; } .lt-ie8 .breadcrumbs li { display: inline; zoom: 1; } .breadcrumbs a { /* display: block;*/ color: #818588; text-decoration: none; background: url(/Content/Images/breadcrumb-divider.png) no-repeat 100% 50%; padding-right: 12px; } .breadcrumbs a:hover { text-decoration: underline; } /*********************************************** * HOME HEADER ***********************************************/ .home header { position: absolute; z-index: 9998; top: 0; left: 0; width: 100%; background: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; } .lt-ie9 .home header { padding: 0; } .lt-ie7 .home header { padding: 0; background: none !important; } .home header .logo { float: left; width: 181px; margin-left: 10px; margin-top: 4px; } .home header .login { width: 405px; float: right; margin-right: 10px; font-size: 0.9em; padding: 14px 0 0 0; } .home header .login .email, .home header .login .password, .home header .login .persist, .home header .login .forgot, .home header .login .fbaccess { position: relative; float: left; width: 150px; margin-right: 10px; margin-bottom: 5px; line-height: 17px; } .home header .login .persist { position: relative; clear: both; } .home header .login .forgot { width: 150px; } .home header .login .fbaccess { width: 85px !important; margin-right: 0 !important; } .home header .login .submit { float: left; width: 85px; } .home header .login .email label, .home header .login .password label { display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 130px; height: 17px; padding: 7px 10px 6px; overflow: hidden; -webkit-box-shadow: inset 0px 1px 3px rgba(45,92,88,0.8); -moz-box-shadow: inset 0px 1px 3px rgba(45,92,88,0.8); -ms-box-shadow: inset 0px 1px 3px rgba(45,92,88,0.8); -o-box-shadow: inset 0px 1px 3px rgba(45,92,88,0.8); box-shadow: inset 0px 1px 3px rgba(45,92,88,0.8); color: #768187 !important; background: rgba(255,255,255,0.8); } .no-rgba .home header .login .email label, .no-rgba .home header .login .password label { background: transparent url(/Content/Images/login-bg.png); } .no-boxshadow .home header .login .email label, .no-boxshadow .home header .login .password label { border: 1px solid #b1c2c1; } .home header .login .email.hasValue label, .home header .login .password.hasValue label { font-size: 0; text-indent: -999em; } .home header .login .email input, .home header .login .password input { display: block; position: relative; z-index: 2; width: 134px; height: 17px; padding: 7px 8px 6px; color: #434f56 !important; background: transparent !important; border: none !important; } .home header .login .email input.text.input-validation-error, .home header .login .password input.text.input-validation-error { background-color: #ffcdcc !important; color: #75797d !important; } .home header .login .password input { font-family: Arial, Helvetica, sans-serif; /* bullet points don't exist in our web font so we need to revert back to Arial to help IE */ } .home header .login .persist, .home header .login .forgot, .home header .login .fbaccess { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 0.8em; color: #fff; } .home header .login .persist label:hover { color: #fff; } .js .home header .login .persist input { /* if JS is enabled we can replace the checkbox */ position: absolute; left: -9999px; } .js .home header .login .persist label { background: url(/Content/Images/checkbox-small.png) no-repeat 0 0; padding-left: 18px; } .js .home header .login .persist input:checked + label { background-position: 0 -15px; } .js .home header .login .persist label.checked { background-position: 0 -15px; } .js .home header.night .login .persist label { color: #fff; } .home header .login .forgot a { color: #fff; text-decoration: none; } .home header .login .forgot a:hover { color: #fff; text-decoration: underline; } .home header.night .login .forgot a { color: #fff; } .home header.night .login .forgot a:hover { color: #fdf192; } .home header .login .fbaccess a { color: #fff; } .home header .login .fbaccess a img { margin: -1px 0 0 2px; } .home header .login .submit input { font-size: 0.9em; line-height: 17px; padding: 6px 5px; background: #d2d2d2 url(/Content/Images/button-bg.png) repeat-x 0 50%; background-image: -moz-linear-gradient(top, #e4e4e4 0%, #e4e4e4 50%, #d2d2d2 51%, #d2d2d2 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(50%,#e4e4e4), color-stop(51%,#d2d2d2), color-stop(100%,#d2d2d2)); background-image: -webkit-linear-gradient(top, #e4e4e4 0%,#e4e4e4 50%,#d2d2d2 51%,#d2d2d2 100%); background-image: -o-linear-gradient(top, #e4e4e4 0%,#e4e4e4 50%,#d2d2d2 51%,#d2d2d2 100%); background-image: -ms-linear-gradient(top, #e4e4e4 0%,#e4e4e4 50%,#d2d2d2 51%,#d2d2d2 100%); background-image: linear-gradient(top, #e4e4e4 0%,#e4e4e4 50%,#d2d2d2 51%,#d2d2d2 100%); } .home header .login .submit input:hover, .home header .login .submit input:focus { background: #ddd url(/Content/Images/button-bg.png) repeat-x 0 50%; background-image: -moz-linear-gradient(top, #ddd 0%, #ddd 50%, #d2d2d2 51%, #d2d2d2 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(50%,#ddd), color-stop(51%,#ccc), color-stop(100%,#ccc)); background-image: -webkit-linear-gradient(top, #ddd 0%,#ddd 50%,#ccc 51%,#ccc 100%); background-image: -o-linear-gradient(top, #ddd 0%,#ddd 50%,#ccc 51%,#ccc 100%); background-image: -ms-linear-gradient(top, #ddd 0%,#ddd 50%,#ccc 51%,#ccc 100%); background-image: linear-gradient(top, #ddd 0%,#ddd 50%,#ccc 51%,#ccc 100%); } /*********************************************** *** *** MAIN AREA *** **********************************************/ .main { padding-top: 87px; } .home .main { /*padding: 0 0 160px 0; */ /* for fixed footer */ padding: 27px 0 0 0; margin: 0 0 0 0; position: relative; background: #6dc6be; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkYzZiZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YWU0ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #6dc6be 0%, #8ae4dc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6dc6be), color-stop(100%,#8ae4dc)); background: -webkit-linear-gradient(top, #6dc6be 0%,#8ae4dc 100%); background: -o-linear-gradient(top, #6dc6be 0%,#8ae4dc 100%); background: -ms-linear-gradient(top, #6dc6be 0%,#8ae4dc 100%); background: linear-gradient(top, #6dc6be 0%,#8ae4dc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dc6be', endColorstr='#8ae4dc',GradientType=0 ); } .home .main.sunset { background: #87e1d8; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3ZTFkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2Q1MzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #87e1d8 0%, #d3d538 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e1d8), color-stop(100%,#d3d538)); background: -webkit-linear-gradient(top, #87e1d8 0%,#d3d538 100%); background: -o-linear-gradient(top, #87e1d8 0%,#d3d538 100%); background: -ms-linear-gradient(top, #87e1d8 0%,#d3d538 100%); background: linear-gradient(top, #87e1d8 0%,#d3d538 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e1d8', endColorstr='#d3d538',GradientType=0 ); } .home .main.sunrise { background: #36748d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM2NzQ4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MGEyOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #36748d 0%, #50a29c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36748d), color-stop(100%,#50a29c)); background: -webkit-linear-gradient(top, #36748d 0%,#50a29c 100%); background: -o-linear-gradient(top, #36748d 0%,#50a29c 100%); background: -ms-linear-gradient(top, #36748d 0%,#50a29c 100%); background: linear-gradient(top, #36748d 0%,#50a29c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36748d', endColorstr='#50a29c',GradientType=0 ); } .home .main.night { background: #314a68; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxNGE2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNjcxOGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #314a68 0%, #36718b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#314a68), color-stop(100%,#36718b)); background: -webkit-linear-gradient(top, #314a68 0%,#36718b 100%); background: -o-linear-gradient(top, #314a68 0%,#36718b 100%); background: -ms-linear-gradient(top, #314a68 0%,#36718b 100%); background: linear-gradient(top, #314a68 0%,#36718b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#314a68', endColorstr='#36718b',GradientType=0 ); } .home .main.night .presentation .slide1 .icon1, .home .main.night .presentation .slide1 .icon2, .home .main.night .presentation .slide1 .icon3, .home .main.night .presentation .slide1 .icon4, .home .main.night .presentation .slide1 .icon5, .home .main.night .presentation .slide1 .icon6, .home .main.night .presentation .text h2, .home .main.sunrise .presentation .slide1 .icon1, .home .main.sunrise .presentation .slide1 .icon2, .home .main.sunrise .presentation .slide1 .icon3, .home .main.sunrise .presentation .slide1 .icon4, .home .main.sunrise .presentation .slide1 .icon5, .home .main.sunrise .presentation .slide1 .icon6, .home .main.sunrise .presentation .text h2 { color: #ffffff; } .main h1, .main h2 { margin: 1em 0; font-family: "Roboto Condensed", "Roboto", Helvetica, Arial, sans-serif; font-size: 2.2em; font-weight: bold; text-transform: uppercase; color: #434f56; overflow: hidden; } .main h2 { margin-top: 0; } /*********************************************** * CONTENT ***********************************************/ .content { /*padding: 15px 0;*/ /*margin: 15px 0 0 0;*/ /*background: #fff;*/ } .content .wrapper .container { position: relative; } .logbook-main .wrapper { background: none; } .logbook-main .content, .login .content, .register .content { margin: 0 15px; padding: 20px; background: #fff; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3); -ms-box-shadow: 0 2px 5px rgba(0,0,0,0.3); -o-box-shadow: 0 2px 5px rgba(0,0,0,0.3); box-shadow: 0 2px 5px rgba(0,0,0,0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } .no-boxshadow .auth .logbook-main .content, .no-boxshadow .noauth .login .content, .no-boxshadow .noauth .register .content { border: 1px solid #e0e0e0; } /*********************************************** * YOUR CHALLENGES ***********************************************/ .user-no-challenges .your-challenges .slider { display: none; } .challenges.user-no-challenges .content, .challenges.user-no-challenges { padding-bottom: 0; margin-top: 0; } .content { padding-bottom: 0; } /*.challenges .content { padding-bottom: 20px; }*/ .challenges .content .top { position: relative; z-index: 2; padding: 0 0 20px 0; background: #fff url(/Content/Images/dropshadow-to-grey.png) repeat-x 0 100%; zoom: 1; } .challenges .content .top .wrapper { background: #fff; } .challenges.user-no-challenges .content .top { background: url(/Content/Images/dropshadow.png) repeat-x 0 100%; } .challenges.user-no-challenges .top .loading { background-image: url(/Content/Images/preloader-f6f5f5.gif); } .challenges .content .top .container { min-height: 300px; } .challenges .content .bottom { position: relative; background: #efefef; z-index: 1; } .challenges .content .bottom .container { padding-bottom: 20px; } .user-no-challenges.challenges .content .bottom { background: #fff; } .challenges .bottom .wrapper { background: url(/Content/Images/challenges-v-hr.png) repeat-y 50% 0; } .challenges .expand { position: absolute; background: url(/Content/Images/challenges-expand-sprite.png) no-repeat 0 0; bottom: -29px; left: 50%; width: 66px; height: 41px; margin-left: -31px; cursor: pointer; } .challenges .expand.collapse { height: 38px; bottom: 0; background-position: 0 -41px !important; } .challenges .expand:hover { background-position: 0 -80px; } .challenges .expand.collapse:hover { background-position: 0 -121px !important; } .user-no-challenges.challenges .expand { background-position: 0 -160px; } .user-no-challenges.challenges .expand:hover { background-position: 0 -205px; } .challenges .bottom .prizes, .challenges .bottom .stats { float: left; width: 460px; padding: 30px 0; } .challenges .bottom .prizes { margin-right: 40px; } .challenges .bottom .prizes p { margin-top: 0; } .challenges .bottom .prizes .no-prizes { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 2.4em; text-align: center; text-transform: uppercase; padding: 0 100px; line-height: 0.9; } .challenges .bottom .prizes .no-prizes span { display: block; } .challenges .bottom .prizes .no-prizes a, .challenges .bottom .prizes .no-prizes a:hover { color: #79868e; text-decoration: none; } .challenges .bottom h3 { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 2.2em; font-weight: normal; margin: 0; text-transform: uppercase; } .challenges .stats .chart { position: relative; background: url(/Content/Images/chart-bg.png); height: 211px; text-align: center; font-size: 0; margin-top: 30px; } .chart .bar-data { position: absolute; bottom: 0; top: auto; width: 140px; margin: 0 0 -43px -70px; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 20px; text-transform: uppercase; text-align: center; vertical-align: bottom; } .chart .bar-data a { display: block; height: 100%; } .chart .count { display: block; font-size: 40px; } .chart .bar { display: block; background-color: #ccc; width: 80px; height: 10px; margin: 0px auto 15px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } .chart .label { display: block; } .chart a:hover { text-decoration: none !important; } .chart .leader .bar { height: 100%; margin-top: -4px; } /* TODO - why do we need this margin? */ .chart .leader .count { position: absolute; top: -53px; width: 100%; } .chart .rank { position: absolute; bottom: 20px; left: 50%; margin-left: -40px; width: 80px; } .chart .item1 { left: 20%; } .chart .item1 .count { color: #80d9d1; } .chart .item1 .bar { background-color: #80d9d1; } .chart .item1 a:hover .bar { background-color: #99e1da; } .chart .item1 a:hover { color: #99e1da; } .chart .item2 { left: 50%; } .chart .item2 .count { color: #a5e187; } .chart .item2 .bar { background-color: #a5e187; } .chart .item2 a:hover .bar { background-color: #b7e79f; } .chart .item2 a:hover { color: #b7e79f; } .chart .item3 { left: 80%; } .chart .item3 .count { color: #e9e18b; } .chart .item3 .bar { background-color: #e9e18b; } .chart .item3 a:hover .bar { background-color: #ede7a2; } .chart .item3 a:hover { color: #ede7a2; } .chart .leader { right: 10px; } .chart .bar.split { background-image: url(/Content/Images/chart-bar-split.png); background-repeat: no-repeat; background-position: 0 15%; } #challenges-slider .chart .bar-data { width: 160px; margin: 0; padding: 0 0 5px; background: url(/Content/Images/chart-bar-shadow.png) no-repeat 50% 100%; } #challenges-slider .chart .label { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 19px; margin: 0 30px -30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #challenges-slider .chart .you .label { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 20px; } #challenges-slider .chart .count { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 30px; color: #b2b2b2; line-height: 1; margin-bottom: 5px; } #challenges-slider .chart .count span { display: block; text-align: center; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 14px; } #challenges-slider .chart .you .count { color: #434f56; } #challenges-slider .chart .you .count span { font-size: 16px; } #challenges-slider .chart .item1 { left: 0; } #challenges-slider .chart .item2 { left: 100px; } #challenges-slider .chart .item3 { left: 200px; } #challenges-slider .chart .leader { left: auto; height: 100%; } #challenges-slider .chart .bar { background: #dfdfdf url(/Content/Images/chart-gloss.png) no-repeat 50% 0; } #challenges-slider .chart .you .bar { background-color: #a5e187; } #challenges-slider .chart .leader .bar { background: #fdf29a url(/Content/Images/chart-gloss-leader.png) no-repeat 50% 0; } .chart .number0, .chart .number1, .chart .number2, .chart .number3, .chart .number4, .chart .number5, .chart .number6, .chart .number7, .chart .number8, .chart .number9, .chart .numberHash { display: inline-block; background: url(/Content/Images/chart-numbers.png) no-repeat 0 0; font-size: 0; height: 28px; width: 20px; margin: 0 -1px; } .chart .number0 { background-position: -1px 0; } .chart .number1 { background-position: -2px -30px; width: 15px; } .chart .number2 { background-position: -1px -60px; } .chart .number3 { background-position: -1px -90px; } .chart .number4 { background-position: -1px -120px; } .chart .number5 { background-position: -1px -150px; } .chart .number6 { background-position: -1px -180px; } .chart .number7 { background-position: -1px -210px; } .chart .number8 { background-position: -1px -240px; } .chart .number9 { background-position: -1px -270px; } .chart .numberHash { background-position: 0px -300px; width: 16px; } .chart .number_ { background-position: 0px -340px; width: 16px; } /*********************************************** * CAROUSEL ***********************************************/ .carousel { position: relative; clear: both; } .carousel .arrow { position: absolute; z-index: 99; top: 50%; left: 0; width: 23px; height: 25px; margin-top: -12px; background: url(/Content/Images/carousel-arrows.png) no-repeat 0 0; cursor: pointer; } .carousel .arrow-right { left: auto; right: 0; background-position: -24px 0; } .carousel .arrow.disabled { background-position: 0 -25px; cursor: default; } .carousel .arrow-right.disabled { background-position: -24px -25px; } .carousel .holder { overflow: hidden; position: relative; } .carousel .slides, .carousel .slider li { margin: 0; padding: 0; list-style: none; } .carousel .slides { position: relative; top: 0; left: 0; -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -ms-transition: -ms-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; } .carousel .slides li { position: relative; float: left; /* this may change based on where it is used */ width: 140px; height: 190px; padding: 70px 0 0 320px; } .carousel .slides li .position { display: block; position: absolute; top: 33px; left: 76px; width: 100px; font-family: Times, serif; font-weight: bold; font-size: 72px; text-align: center; z-index: 1; -webkit-text-shadow: 1px 1px 2px #fff; -moz-text-shadow: 1px 1px 2px #fff; -ms-text-shadow: 1px 1px 2px #fff; -o-text-shadow: 1px 1px 2px #fff; text-shadow: 1px 1px 2px #fff; } /* prizes specific */ .carousel .slides li.result-gold { background: url(/Content/Images/prize-result-gold.png) no-repeat 40px 0; } .carousel .slides li.result-silver { background: url(/Content/Images/prize-result-silver.png) no-repeat 40px 0; } .carousel .slides li.result-bronze { background: url(/Content/Images/prize-result-bronze.png) no-repeat 40px 0; } .carousel .slides li.result-steel { background: url(/Content/Images/prize-result-steel.png) no-repeat 40px 0; } .carousel .slides .photo { display: block; position: absolute; z-index: 2; width: 150px; height: 150px; top: 60px; left: 140px; overflow: hidden; -webkit-box-shadow: 3px 1px 10px rgba(0,0,0,0.5); -moz-box-shadow: 3px 1px 10px rgba(0,0,0,0.5); -ms-box-shadow: 3px 1px 10px rgba(0,0,0,0.5); -o-box-shadow: 3px 1px 10px rgba(0,0,0,0.5); box-shadow: 3px 1px 10px rgba(0,0,0,0.5); } .carousel .slides .photo img { width: 100% !important; height: auto; } .carousel .slides .title { display: block; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 1.4em; margin-bottom: 20px; line-height: 1.2; } .carousel .slides .prize { display: block; font-family: Roboto, Helvetica, Arial, sans-serif; } .carousel .slides a:hover { text-decoration: none; color: #434f56; } .carousel .slides a:hover .title { text-decoration: underline; } /* TODO - make this extendable */ .carousel.showSlide1 .arrow-left, .carousel.showSlide3 .arrow-right { display: none; } .carousel.showSlide1 .slides { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .carousel.showSlide2 .slides { -webkit-transform: translate3d(-460px,0,0); -moz-transform: translate3d(-460px,0,0); -ms-transform: translate3d(-460px,0,0); -o-transform: translate3d(-460px,0,0); transform: translate3d(-460px,0,0); } .carousel.showSlide3 .slides { -webkit-transform: translate3d(-920px,0,0); -moz-transform: translate3d(-920px,0,0); -ms-transform: translate3d(-920px,0,0); -o-transform: translate3d(-920px,0,0); transform: translate3d(-920px,0,0); } /*********************************************** *** ***