/* Requires:normalize.css */ /* Global Reset & Standards ---------------------- */ * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} html {font-size:62.5%; overflow-x:hidden;} body {background:white; font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight:normal; font-style:normal; font-size:12px; line-height:1; color:#666666; position:relative; -webkit-font-smoothing:antialiased} /* Links ---------------------- */ a {color:#f48034; text-decoration:none; line-height:inherit} a:hover {color:#f3711c} a:focus {color:#f48034; outline:none} p a, p a:visited {line-height:inherit} /* Misc ---------------------- */ .left {float:left} .right {float:right} .text-left {text-align:left} .text-right {text-align:right} .text-center {text-align:center} .hide {display:none !important} .highlight {background:#ffff99} #googlemap img, object, embed {max-width:none} #map_canvas embed {max-width:none} #map_canvas img {max-width:none} #map_canvas object {max-width:none} /* Reset for strange margins by default on
elements */ figure {margin:0} /* Base Type Styles Using Modular Scale ---------------------- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {margin:0; padding:0; font-size:12px; direction:ltr} p {font-family:inherit; font-weight:normal; font-size:12px; line-height:1.6; margin-bottom:17px} p.lead {font-size:15px; line-height:1.6; margin-bottom:17px} aside p {font-size:11px; line-height:1.35; font-style:italic} h1, h2, h3, h4, h5, h6 {font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight:bold; font-style:normal; color:#222222; text-rendering:optimizeLegibility; line-height:1.1; margin-bottom:12px; margin-top:12px} h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-size:60%; color:#6f6f6f; line-height:0} h1 {font-size:44px} h2 {font-size:31px} h3 {font-size:27px} h4 {font-size:19px} h5 {font-size:17px} h6 {font-size:12px} hr {border:solid #ddd; border-width:1px 0 0; clear:both; margin:22px 0 21px; height:0} .subheader {line-height:1.3; color:#6f6f6f; font-weight:300; margin-bottom:17px} em, i {font-style:italic; line-height:inherit} strong, b {font-weight:bold; line-height:inherit} small {font-size:60%; line-height:inherit} code {font-weight:bold; background:#ffff99} /* Lists ---------------------- */ ul, ol, dl {font-size:12px; line-height:1.6; margin-bottom:17px; list-style-position:outside} ul li ul, ul li ol {margin-left:20px; margin-bottom:0} ul.square, ul.circle, ul.disc {margin-left:17px} ul.square {list-style-type:square} ul.square li ul {list-style:inherit} ul.circle {list-style-type:circle} ul.circle li ul {list-style:inherit} ul.disc {list-style-type:disc} ul.disc li ul {list-style:inherit} ul.no-bullet {list-style:none} ul.large li {line-height:21px} ol {margin-left:20px} ol li ul, ol li ol {margin-left:20px; margin-bottom:0} /* Blockquotes ---------------------- */ blockquote, blockquote p {line-height:1.5; color:#6f6f6f} blockquote {margin:0 0 17px; padding:9px 20px 0 19px; border-left:1px solid #ddd} blockquote cite {display:block; font-size:11px; color:#555555} blockquote cite:before {content:"\2014 \0020"} blockquote cite a, blockquote cite a:visited {color:#555555} abbr, acronym {text-transform:uppercase; font-size:90%; color:#222222; border-bottom:1px solid #ddd; cursor:help} abbr {text-transform:none} /* Print styles. Inlined to avoid required HTTP connection:www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only {display:none !important} @media print {* {background:transparent !important; color:black !important; box-shadow:none !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important} /* Black prints faster:h5bp.com/s */ a, a:visited {text-decoration:underline} a[href]:after {content:" (" attr(href) ")"} abbr[title]:after {content:" (" attr(title) ")"} .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content:""} /* Don't show links for img, or javascript/internal links */ pre, blockquote {border:1px solid #999; page-break-inside:avoid} thead {display:table-header-group} /* h5bp.com/t */ tr, img {page-break-inside:avoid} img {max-width:100% !important} @page {margin:0.5cm} p, h2, h3 {orphans:3; widows:3} h2, h3 {page-break-after:avoid} .hide-on-print {display:none !important} .print-only {display:block !important} .hide-for-print {display:none !important} .show-for-print {display:inherit !important} } /* Requires globals.css */ /* Standard Forms ---------------------- */ form {margin:0 0 19.41641px} .row form .row {margin:0 -6px} .row form .row .column, .row form .row .columns {padding:0 6px} .row form .row.collapse {margin:0} .row form .row.collapse .column, .row form .row.collapse .columns {padding:0} label {font-size:12px; color:#4d4d4d; cursor:pointer; display:block; font-weight:500; margin-bottom:3px} label.right {float:none; text-align:right} label.inline {line-height:30px; margin:0 0 12px 0} .prefix, .postfix {display:block; position:relative; z-index:2; text-align:center; width:100%; padding-top:0; padding-bottom:0; height:30px; line-height:29px} a.button.prefix, a.button.postfix {padding-left:0; padding-right:0; text-align:center} span.prefix, span.postfix {background:#f2f2f2; border:1px solid #cccccc} .prefix {left:2px; -moz-border-radius-topleft:2px; -webkit-border-top-left-radius:2px; border-top-left-radius:2px; -moz-border-radius-bottomleft:2px; -webkit-border-bottom-left-radius:2px; border-bottom-left-radius:2px; overflow:hidden} .postfix {right:2px; -moz-border-radius-topright:2px; -webkit-border-top-right-radius:2px; border-top-right-radius:2px; -moz-border-radius-bottomright:2px; -webkit-border-bottom-right-radius:2px; border-bottom-right-radius:2px} input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {background-color:white; font-family:inherit; border:1px solid #cccccc; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); color:rgba(0, 0, 0, 0.75); display:block; font-size:14px; margin:0 0 12px 0; padding:6px; height:30px; width:100%; -webkit-transition:all 0.15s linear; -moz-transition:all 0.15s linear; -o-transition:all 0.15s linear; transition:all 0.15s linear} input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize {font-size:17px; padding:4px 6px} input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {background:#fafafa; outline:none !important; border-color:#b3b3b3} input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {background-color:#ddd} textarea {height:auto} select {width:100%} /* Fieldsets */ fieldset {border:solid 1px #ddd; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; padding:12px 12px 0; margin:18px 0} fieldset legend {font-weight:bold; background:white; padding:0 3px; margin:0; margin-left:-3px} /* Errors */ .error input, input.error, .error textarea, textarea.error {border-color:#c60f13; background-color:rgba(198, 15, 19, 0.1)} .error label, label.error {color:#c60f13} .error small, small.error {display:block; padding:6px 4px; margin-top:-13px; margin-bottom:12px; background:#c60f13; color:#fff; font-size:10px; font-weight:bold; -moz-border-radius-bottomleft:2px; -webkit-border-bottom-left-radius:2px; border-bottom-left-radius:2px; -moz-border-radius-bottomright:2px; -webkit-border-bottom-right-radius:2px; border-bottom-right-radius:2px} .error textarea:focus, textarea.error:focus {background:#fafafa; border-color:#b3b3b3} /* Custom Forms ---------------------- */ form.custom {/* Custom input, disabled */ } form.custom span.custom {display:inline-block; width:16px; height:16px; position:relative; top:2px; border:solid 1px #cccccc; background:white} form.custom span.custom.radio {-webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; border-radius:100px} form.custom span.custom.checkbox:before {content:""; display:block; line-height:0.8; height:14px; width:14px; text-align:center; position:absolute; top:0; left:0; font-size:14px; color:#fff} form.custom span.custom.radio.checked:before {content:""; display:block; width:8px; height:8px; -webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; border-radius:100px; background:#222222; position:relative; top:3px; left:3px} form.custom span.custom.checkbox.checked:before {content:"\00d7"; color:#222222} form.custom div.custom.dropdown {display:block; position:relative; width:auto; height:28px; margin-bottom:9px; margin-top:2px} form.custom div.custom.dropdown ul {overflow-y:auto; max-height:200px} form.custom div.custom.dropdown a.current {display:block; width:auto; line-height:26px; min-height:28px; padding:0; padding-left:6px; padding-right:38px; border:solid 1px #dddddd; color:#141414; background-color:white; white-space:nowrap} form.custom div.custom.dropdown a.selector {position:absolute; width:27px; height:28px; display:block; right:0; top:0; border:solid 1px #dddddd} form.custom div.custom.dropdown a.selector:after {content:""; display:block; content:""; display:block; width:0; height:0; border:solid 5px; border-color:#aaaaaa transparent transparent transparent; position:absolute; left:50%; top:50%; margin-top:-2px; margin-left:-5px} form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after {content:""; display:block; width:0; height:0; border:solid 5px; border-color:#222222 transparent transparent transparent} form.custom div.custom.dropdown.open ul {display:block; z-index:10} form.custom div.custom.dropdown.small {width:134px !important} form.custom div.custom.dropdown.medium {width:254px !important} form.custom div.custom.dropdown.large {width:434px !important} form.custom div.custom.dropdown.expand {width:100% !important} form.custom div.custom.dropdown.open.small ul {width:134px !important} form.custom div.custom.dropdown.open.medium ul {width:254px !important} form.custom div.custom.dropdown.open.large ul {width:434px !important} form.custom div.custom.dropdown.open.expand ul {width:100% !important} form.custom div.custom.dropdown ul {position:absolute; width:auto; display:none; margin:0; left:0; top:27px; margin:0; padding:0; background:white; background:rgba(255, 255, 255, 0.95); border:solid 1px #cccccc} form.custom div.custom.dropdown ul li {color:#555555; font-size:11px; cursor:pointer; padding:3px; padding-left:6px; padding-right:38px; min-height:18px; line-height:18px; margin:0; white-space:nowrap; list-style:none} form.custom div.custom.dropdown ul li.selected {background:#cdebf5; color:black} form.custom div.custom.dropdown ul li.selected:after {content:"\2013"; position:absolute; right:10px} form.custom div.custom.dropdown ul li:hover {background-color:#cdebf5; color:black} form.custom div.custom.dropdown ul li:hover:after {content:"\2013"; position:absolute; right:10px; color:#a3dbec} form.custom div.custom.dropdown ul li.selected:hover {background:#cdebf5; cursor:default; color:black} form.custom div.custom.dropdown ul li.selected:hover:after {color:black} form.custom div.custom.dropdown ul.show {display:block} form.custom .custom.disabled {background-color:#dddddd} /* Correct FF custom dropdown height */ @-moz-document url-prefix() {form.custom div.custom.dropdown a.selector {height:30px} } .lt-ie9 form.custom div.custom.dropdown a.selector {height:30px} /* The Grid ---------------------- */ .row {width:980px; max-width:100%; min-width:768px; margin:0 auto} .row .row {width:auto; max-width:none; min-width:0; margin:0 -5px} .row.collapse .column, .row.collapse .columns {padding:0} .row .row {width:auto; max-width:none; min-width:0; margin:0 -5px} .row .row.collapse {margin:0} .column, .columns {float:left; min-height:1px; padding:0 5px; position:relative} .column.centered, .columns.centered {float:none; margin:0 auto} [class*="column"] + [class*="column"]:last-child {float:right} [class*="column"] + [class*="column"].end {float:left} .one, .row .one {width:7.14286%} .two, .row .two {width:14.28571%} .three, .row .three {width:21.42857%} .four, .row .four {width:28.57143%} .five, .row .five {width:35.71429%} .six, .row .six {width:42.85714%} .seven, .row .seven {width:50%} .eight, .row .eight {width:57.14286%} .nine, .row .nine {width:64.28571%} .ten, .row .ten {width:71.42857%} .eleven, .row .eleven {width:78.57143%} .twelve, .row .twelve {width:85.71429%} .thirteen, .row .thirteen {width:92.85714%} .fourteen, .row .fourteen {width:100%} .row .offset-by-one {margin-left:7.14286%} .row .offset-by-two {margin-left:14.28571%} .row .offset-by-three {margin-left:21.42857%} .row .offset-by-four {margin-left:28.57143%} .row .offset-by-five {margin-left:35.71429%} .row .offset-by-six {margin-left:42.85714%} .row .offset-by-seven {margin-left:50%} .row .offset-by-eight {margin-left:57.14286%} .row .offset-by-nine {margin-left:64.28571%} .row .offset-by-ten {margin-left:71.42857%} .row .offset-by-eleven {margin-left:78.57143%} .row .offset-by-twelve {margin-left:85.71429%} .push-two {left:14.28571%} .pull-two {right:14.28571%} .push-three {left:21.42857%} .pull-three {right:21.42857%} .push-four {left:28.57143%} .pull-four {right:28.57143%} .push-five {left:35.71429%} .pull-five {right:35.71429%} .push-six {left:42.85714%} .pull-six {right:42.85714%} .push-seven {left:50%} .pull-seven {right:50%} .push-eight {left:57.14286%} .pull-eight {right:57.14286%} .push-nine {left:64.28571%} .pull-nine {right:64.28571%} .push-ten {left:71.42857%} .pull-ten {right:71.42857%} .push-eleven {left:78.57143%} .pull-eleven {right:78.57143%} .push-twelve {left:85.71429%} .pull-twelve {right:85.71429%} img, object, embed {max-width:100%; height:auto} object, embed {height:100%} img {-ms-interpolation-mode:bicubic} #map_canvas img, .map_canvas img {max-width:none!important} /* Nicolas Gallagher's micro clearfix */ .row {*zoom:1} .row:before, .row:after {content:""; display:table} .row:after {clear:both} /* Block Grids ---------------------- */ /* These are 2-up, 3-up, 4-up and 5-up ULs, suited for repeating blocks of content. Add 'mobile' to them to switch them just like the layout grid (one item per line) on phones For IE7/8 compatibility block-grid items need to be the same height. You can optionally uncomment the lines below to support arbitrary height, but know that IE7/8 do not support :nth-child. -------------------------------------------------- */ .block-grid {display:block; overflow:hidden; padding:0} .block-grid > li {display:block; height:auto; float:left} .block-grid.one-up {margin:0; margin:0 -8px} .block-grid.one-up > li {width:100%; padding:0 0 15px; padding:0 8px 8px} .block-grid.two-up {margin:0 -15px; margin:0 -8px} .block-grid.two-up > li {width:50%; padding:0 15px 15px; padding:0 8px 8px} .block-grid.two-up > li:nth-child(2n+1) {clear:both} .block-grid.three-up {margin:0 -12px; margin:0 -8px} .block-grid.three-up > li {width:33.33333%; padding:0 12px 12px; padding:0 8px 8px} .block-grid.three-up > li:nth-child(3n+1) {clear:both} .block-grid.four-up {margin:0 -10px} .block-grid.four-up > li {width:25%; padding:0 10px 10px} .block-grid.four-up > li:nth-child(4n+1) {clear:both} .block-grid.five-up {margin:0 -8px} .block-grid.five-up > li {width:20%; padding:0 8px 8px} .block-grid.five-up > li:nth-child(5n+1) {clear:both} .block-grid.six-up {margin:0 -8px} .block-grid.six-up > li {width:16.66667%; padding:0 8px 8px} .block-grid.six-up > li:nth-child(6n+1) {clear:both} .block-grid.seven-up {margin:0 -8px} .block-grid.seven-up > li {width:14.28571%; padding:0 8px 8px} .block-grid.seven-up > li:nth-child(7n+1) {clear:both} .block-grid.eight-up {margin:0 -8px} .block-grid.eight-up > li {width:12.5%; padding:0 8px 8px} .block-grid.eight-up > li:nth-child(8n+1) {clear:both} .block-grid.nine-up {margin:0 -8px} .block-grid.nine-up > li {width:11.11111%; padding:0 8px 8px} .block-grid.nine-up > li:nth-child(9n+1) {clear:both} .block-grid.ten-up {margin:0 -8px} .block-grid.ten-up > li {width:10%; padding:0 8px 8px} .block-grid.ten-up > li:nth-child(10n+1) {clear:both} .block-grid.eleven-up {margin:0 -8px} .block-grid.eleven-up > li {width:9.09091%; padding:0 8px 8px} .block-grid.eleven-up > li:nth-child(11n+1) {clear:both} .block-grid.twelve-up {margin:0 -8px} .block-grid.twelve-up > li {width:8.33333%; padding:0 8px 8px} .block-grid.twelve-up > li:nth-child(12n+1) {clear:both} /* Normal Buttons ---------------------- */ .button {width:auto; background:#f48034; border:1px solid #d0590b; -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset; color:white; cursor:pointer; display:inline-block; font-family:inherit; font-size:12px; font-weight:bold; line-height:1; margin:0; outline:none; padding:10px 20px 11px; position:relative; text-align:center; text-decoration:none; -webkit-transition:background-color 0.15s ease-in-out; -moz-transition:background-color 0.15s ease-in-out; -o-transition:background-color 0.15s ease-in-out; transition:background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ } .button:hover {color:white; background-color:#e8640d} .button:active {-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow:0 1px 0 rgba(0, 0, 0, 0.2) inset} .button:focus {-webkit-box-shadow:0 0 4px #f48034, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow:0 0 4px #f48034, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow:0 0 4px #f48034, 0 1px 0 rgba(255, 255, 255, 0.5) inset; color:white} .button.large {font-size:17px; padding:15px 30px 16px} .button.medium {font-size:12px} .button.small {font-size:9px; padding:7px 14px 8px} .button.tiny {font-size:8px; padding:5px 10px 6px} .button.expand {width:100%; text-align:center} .button.primary {background-color:#f48034; border:1px solid #d0590b} .button.primary:hover {background-color:#e8640d} .button.primary:focus {-webkit-box-shadow:0 0 4px #f48034, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow:0 0 4px #f48034, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow:0 0 4px #f48034, 0 1px 0 rgba(255, 255, 255, 0.5) inset} .button.success {background-color:#5da423; border:1px solid #396516} .button.success:hover {background-color:#457a1a} .button.success:focus {-webkit-box-shadow:0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow:0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow:0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset} .button.alert {background-color:#c60f13; border:1px solid #7f0a0c} .button.alert:hover {background-color:#970b0e} .button.alert:focus {-webkit-box-shadow:0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow:0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow:0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset} .button.secondary {background-color:#eeeeee; color:#222222; border:1px solid #c8c8c8} .button.secondary:hover {background-color:#d4d4d4} .button.secondary:focus {-webkit-box-shadow:0 0 5px #eeeeee, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow:0 0 5px #eeeeee, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow:0 0 5px #eeeeee, 0 1px 0 rgba(255, 255, 255, 0.5) inset} .button.radius {-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px} .button.round {-webkit-border-radius:1000px; -moz-border-radius:1000px; -ms-border-radius:1000px; -o-border-radius:1000px; border-radius:1000px} .button.full-width {width:100%; text-align:center; padding-left:0px !important; padding-right:0px !important} .button.left-align {text-align:left; text-indent:12px} .button.disabled, .button[disabled] {opacity:0.6; cursor:default; background:#f48034; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none} .button.disabled :hover, .button[disabled] :hover {background:#f48034} .button.disabled.success, .button[disabled].success {background-color:#5da423} .button.disabled.success:hover, .button[disabled].success:hover {background-color:#5da423} .button.disabled.alert, .button[disabled].alert {background-color:#c60f13} .button.disabled.alert:hover, .button[disabled].alert:hover {background-color:#c60f13} .button.disabled.secondary, .button[disabled].secondary {background-color:#eeeeee} .button.disabled.secondary:hover, .button[disabled].secondary:hover {background-color:#eeeeee} /* Don't use native buttons on iOS */ input[type=submit].button, button.button {-webkit-appearance:none} /* Correct FF button padding */ @-moz-document url-prefix() {button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:none; padding:0} input[type="submit"].tiny.button {padding:3px 10px 4px} input[type="submit"].small.button {padding:5px 14px 6px} input[type="submit"].button, input[type=submit].medium.button {padding:8px 20px 9px} input[type="submit"].large.button {padding:13px 30px 14px} } /* Buttons with Dropdowns ---------------------- */ .button.dropdown {position:relative; padding-right:44px; /* Sizes */ /* Triangles */ /* Flyout List */ /* Split Dropdown Buttons */ } .button.dropdown.large {padding-right:60px} .button.dropdown.small {padding-right:28px} .button.dropdown.tiny {padding-right:20px} .button.dropdown:after {content:""; display:block; width:0; height:0; border:solid 6px; border-color:white transparent transparent transparent; position:absolute; top:50%; right:20px; margin-top:-2px} .button.dropdown.large:after {content:""; display:block; width:0; height:0; border:solid 7px; border-color:white transparent transparent transparent; margin-top:-3px; right:30px} .button.dropdown.small:after {content:""; display:block; width:0; height:0; border:solid 5px; border-color:white transparent transparent transparent; margin-top:-2px; right:14px} .button.dropdown.tiny:after {content:""; display:block; width:0; height:0; border:solid 4px; border-color:white transparent transparent transparent; margin-top:-1px; right:10px} .button.dropdown > ul {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; display:none; position:absolute; left:-1px; background:#fff; background:rgba(255, 255, 255, 0.95); list-style:none; margin:0; padding:0; border:1px solid #cccccc; border-top:none; min-width:100%; z-index:40} .button.dropdown > ul li {width:100%; cursor:pointer; padding:0; min-height:18px; line-height:18px; margin:0; white-space:nowrap; list-style:none} .button.dropdown > ul li a {display:block; color:#555; font-size:11px; font-weight:normal; padding:6px 14px; text-align:left} .button.dropdown > ul li:hover {background-color:white; color:#222} .button.dropdown > ul li.divider {min-height:0; padding:0; height:1px; margin:4px 0; background:#ededed} .button.dropdown.up > ul {border-top:1px solid #cccccc; border-bottom:none} .button.dropdown ul.no-hover.show-dropdown {display:block !important} .button.dropdown:hover > ul.no-hover {display:none} .button.dropdown.split {padding:0; position:relative; /* Sizes */ /* Triangle Spans */ /* Colors */ } .button.dropdown.split:after {display:none} .button.dropdown.split:hover {background-color:#f48034} .button.dropdown.split.alert:hover {background-color:#c60f13} .button.dropdown.split.success:hover {background-color:#5da423} .button.dropdown.split.secondary:hover {background-color:#eeeeee} .button.dropdown.split > a {color:white; display:block; padding:10px 50px 11px 20px; padding-left:20px; padding-right:50px; -webkit-transition:background-color 0.15s ease-in-out; -moz-transition:background-color 0.15s ease-in-out; -o-transition:background-color 0.15s ease-in-out; transition:background-color 0.15s ease-in-out} .button.dropdown.split > a:hover {background-color:#e8640d} .button.dropdown.split.large > a {padding:15px 75px 16px 30px; padding-left:30px; padding-right:75px} .button.dropdown.split.small > a {padding:7px 35px 8px 14px; padding-left:14px; padding-right:35px} .button.dropdown.split.tiny > a {padding:5px 25px 6px 10px; padding-left:10px; padding-right:25px} .button.dropdown.split > span {background-color:#f48034; position:absolute; right:0; top:0; height:100%; width:30px; border-left:1px solid #d0590b; -webkit-box-shadow:1px 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow:1px 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow:1px 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition:background-color 0.15s ease-in-out; -moz-transition:background-color 0.15s ease-in-out; -o-transition:background-color 0.15s ease-in-out; transition:background-color 0.15s ease-in-out} .button.dropdown.split > span:hover {background-color:#e8640d} .button.dropdown.split > span:after {content:""; display:block; width:0; height:0; border:solid 6px; border-color:white transparent transparent transparent; position:absolute; top:50%; left:50%; margin-left:-6px; margin-top:-2px} .button.dropdown.split.secondary > span:after {content:""; display:block; width:0; height:0; border:solid 6px; border-color:#222222 transparent transparent transparent} .button.dropdown.split.large span {width:45px} .button.dropdown.split.small span {width:21px} .button.dropdown.split.tiny span {width:15px} .button.dropdown.split.large span:after {content:""; display:block; width:0; height:0; border:solid 7px; border-color:white transparent transparent transparent; margin-top:-3px; margin-left:-7px} .button.dropdown.split.small span:after {content:""; display:block; width:0; height:0; border:solid 4px; border-color:white transparent transparent transparent; margin-top:-1px; margin-left:-4px} .button.dropdown.split.tiny span:after {content:""; display:block; width:0; height:0; border:solid 3px; border-color:white transparent transparent transparent; margin-top:-1px; margin-left:-3px} .button.dropdown.split.alert > span {background-color:#c60f13; border-left-color:#7f0a0c} .button.dropdown.split.success > span {background-color:#5da423; border-left-color:#396516} .button.dropdown.split.secondary > span {background-color:#eeeeee; border-left-color:#c8c8c8} .button.dropdown.split.secondary > a {color:#222222} .button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover {background-color:#970b0e} .button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover {background-color:#457a1a} .button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover {background-color:#d4d4d4} /* Button Groups ---------------------- */ ul.button-group {list-style:none; padding:0; margin:0 0 12px; *zoom:1} ul.button-group:before, ul.button-group:after {content:""; display:table} ul.button-group:after {clear:both} ul.button-group li {padding:0; margin:0 0 0 -1px; float:left} ul.button-group li:first-child {margin-left:0} ul.button-group.radius li a.button, ul.button-group.radius li a.button.radius, ul.button-group.radius li a.button-rounded, ul.button-group.radius li input[type="submit"].button, ul.button-group.radius li input[type="submit"].button.radius, ul.button-group.radius li input[type="submit"].button-rounded {-webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; border-radius:0px} ul.button-group.radius li:first-child a.button, ul.button-group.radius li:first-child a.button.radius, ul.button-group.radius li:first-child input[type="submit"].button, ul.button-group.radius li:first-child input[type="submit"].button.radius {-moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px} ul.button-group.radius li:first-child a.button.rounded, ul.button-group.radius li:first-child input[type="submit"].button.rounded {-moz-border-radius-topleft:1000px; -webkit-border-top-left-radius:1000px; border-top-left-radius:1000px; -moz-border-radius-bottomleft:1000px; -webkit-border-bottom-left-radius:1000px; border-bottom-left-radius:1000px} ul.button-group.radius li:last-child a.button, ul.button-group.radius li:last-child a.button.radius, ul.button-group.radius li:last-child input[type="submit"].button, ul.button-group.radius li:last-child input[type="submit"].button.radius {-moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px} ul.button-group.radius li:last-child a.button.rounded, ul.button-group.radius li:last-child input[type="submit"].button.rounded {-moz-border-radius-topright:1000px; -webkit-border-top-right-radius:1000px; border-top-right-radius:1000px; -moz-border-radius-bottomright:1000px; -webkit-border-bottom-right-radius:1000px; border-bottom-right-radius:1000px} ul.button-group.even .button {width:100%} ul.button-group.even.two-up li {width:50%} ul.button-group.even.three-up li {width:33.3%} ul.button-group.even.three-up li:first-child {width:33.4%} ul.button-group.even.four-up li {width:25%} ul.button-group.even.five-up li {width:20%} div.button-bar {overflow:hidden} div.button-bar ul.button-group {float:left; margin-right:8px} div.button-bar ul.button-group:last-child {margin-left:0} .nav-bar {height:40px; background:#4d4d4d; margin-left:0; margin-top:20px; padding:0} .nav-bar > li {float:left; display:block; position:relative; padding:0; margin:0; border:1px solid #333333; border-right:none; line-height:38px; -webkit-box-shadow:1px 0 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow:1px 0 0 rgba(255, 255, 255, 0.2) inset; box-shadow:1px 0 0 rgba(255, 255, 255, 0.2) inset} .nav-bar > li:first-child {-webkit-box-shadow:0 0 0; -moz-box-shadow:0 0 0; box-shadow:0 0 0} .nav-bar > li:last-child {border-right:solid 1px #333333; -webkit-box-shadow:1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); -moz-box-shadow:1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); box-shadow:1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2)} .nav-bar > li.active {background:#f48034; border-color:#e8640d} .nav-bar > li.active > a {color:white; cursor:default} .nav-bar > li.active:hover {background:#f48034; cursor:default} .nav-bar > li:hover {background:#333333} .nav-bar > li > a {color:#e6e6e6} .nav-bar > li ul {margin-bottom:0} .nav-bar > li .flyout {display:none} .nav-bar > li.has-flyout > a:first-child {padding-right:40px; position:relative} .nav-bar > li.has-flyout > a:first-child:after {content:""; display:block; width:0; height:0; border:solid 4px; border-color:#e6e6e6 transparent transparent transparent; position:absolute; right:20px; top:17px} .nav-bar > li.has-flyout > a.flyout-toggle {border-left:0 !important; position:absolute; right:0; top:0; padding:20px; z-index:2; display:block} .nav-bar > li.has-flyout.is-touch > a:first-child {padding-right:55px} .nav-bar > li.has-flyout.is-touch > a.flyout-toggle {border-left:1px dashed #666} .nav-bar > li > a:first-child {position:relative; padding:0 20px; display:block; text-decoration:none; font-size:12px} .nav-bar > li > input {margin:0 10px} .nav-bar.vertical {height:auto; margin-top:0} .nav-bar.vertical > li {float:none; border-bottom:none; border-right:solid 1px #333333; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none} .nav-bar.vertical > li.has-flyout > a:first-child:after {content:""; display:block; width:0; height:0; border:solid 4px; border-color:transparent transparent transparent #e6e6e6} .nav-bar.vertical > li .flyout {left:100%; top:-1px} .nav-bar.vertical > li .flyout.right {left:auto; right:100%} .nav-bar.vertical > li.active {border-right:solid 1px #e8640d} .nav-bar.vertical > li:last-child {border-bottom:solid 1px #333333} .flyout {background:#f2f2f2; padding:20px; margin:0; border:1px solid #d9d9d9; position:absolute; top:39px; left:-1px; width:250px; z-index:40; -webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.1); box-shadow:0 1px 5px rgba(0, 0, 0, 0.1); /* remove margin on any first-child element */ /* remove margin on last element */ } .flyout p {line-height:1.2; font-size:11px} .flyout *:first-child {margin-top:0} .flyout *:last-child {margin-bottom:0} .flyout.small {width:166.66667px} .flyout.large {width:437.5px} .flyout.right {left:auto; right:-2px} .flyout.left {right:auto; left:-2px} .flyout.up {top:auto; bottom:39px} ul.flyout, .nav-bar li ul {padding:0; list-style:none} ul.flyout li, .nav-bar li ul li {border-left:solid 3px #CCC} ul.flyout li a, .nav-bar li ul li a {background:#f2f2f2; border:1px solid #e6e6e6; border-width:1px 1px 0 0; color:#555; display:block; font-size:12px; height:auto; line-height:1; padding:15px 20px; -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset} ul.flyout li a:hover, .nav-bar li ul li a:hover {background:#ebebeb; color:#333} ul.flyout li.active, .nav-bar li ul li.active {margin-top:0; border-top:1px solid #4d4d4d; border-left:4px solid #1a1a1a} ul.flyout li.active a, .nav-bar li ul li.active a {background:#4d4d4d; border:none; color:#fff; height:auto; margin:0; position:static; top:0; -webkit-box-shadow:0 0 0; -moz-box-shadow:0 0 0; box-shadow:0 0 0} /* CSS for jQuery Orbit Plugin 1.4.0 Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php */ /* Container ---------------------- */ .orbit-wrapper {width:1px; height:1px; position:relative} .orbit {width:1px; height:1px; position:relative; overflow:hidden; margin-bottom:17px} .orbit.with-bullets {margin-bottom:40px} .orbit .orbit-slide {max-width:100%; position:absolute; top:0; left:0} .orbit a.orbit-slide {border:none; line-height:0; display:none} .orbit div.orbit-slide {width:100%; height:100%; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0} /* Note:If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */ /* Timer ---------------------- */ div.orbit-wrapper div.timer {width:40px; height:40px; overflow:hidden; position:absolute; top:10px; right:10px; opacity:.6; cursor:pointer; z-index:31} div.orbit-wrapper span.rotator {display:block; width:40px; height:40px; position:absolute; top:0; left:-20px; background:url(./img/foundation/orbit/rotator-black.png) no-repeat; z-index:3} div.orbit-wrapper span.rotator.move {left:0} div.orbit-wrapper span.mask {display:block; width:20px; height:40px; position:absolute; top:0; right:0; z-index:2; overflow:hidden} div.orbit-wrapper span.mask.move {width:40px; left:0; background:url(./img/foundation/orbit/timer-black.png) repeat 0 0} div.orbit-wrapper span.pause {display:block; width:40px; height:40px; position:absolute; top:0; left:0; background:url(./img/foundation/orbit/pause-black.png) no-repeat; z-index:4; opacity:0} div.orbit-wrapper span.pause.active {background:url(./img/foundation/orbit/pause-black.png) no-repeat 0 -40px} div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active {opacity:1} /* Captions ---------------------- */ .orbit-caption {display:none; font-family:inherit} .orbit-wrapper .orbit-caption {background:black; background:rgba(0, 0, 0, 0.6); z-index:30; color:white; text-align:center; padding:7px 0; font-size:11px; position:absolute; right:0; bottom:0; width:100%} /* Directional Nav ---------------------- */ div.orbit-wrapper div.slider-nav {display:block} div.orbit-wrapper div.slider-nav span {width:39px; height:50px; text-indent:-9999px; position:absolute; z-index:30; top:50%; margin-top:-25px; cursor:pointer} div.orbit-wrapper div.slider-nav span.right {background:url(./img/foundation/orbit/right-arrow.png); background-size:100%; right:0} div.orbit-wrapper div.slider-nav span.left {background:url(./img/foundation/orbit/left-arrow.png); background-size:100%; left:0} .lt-ie9 div.orbit-wrapper div.slider-nav span.right {background:url(./img/foundation/orbit/right-arrow-small.png)} .lt-ie9 div.orbit-wrapper div.slider-nav span.left {background:url(./img/foundation/orbit/left-arrow-small.png)} /* Bullet Nav ---------------------- */ ul.orbit-bullets {position:absolute; z-index:30; list-style:none; bottom:-40px; left:50%; margin-left:-50px; padding:0} ul.orbit-bullets li {float:left; margin-left:5px; cursor:pointer; color:#999999; text-indent:-9999px; background:url(./img/foundation/orbit/bullets.jpg) no-repeat 4px 0; width:13px; height:12px; overflow:hidden} ul.orbit-bullets li.active {color:#222222; background-position:-8px 0} ul.orbit-bullets li.has-thumb {background:none; width:100px; height:75px} ul.orbit-bullets li.active.has-thumb {background-position:0 0; border-top:2px solid black} /* Orbit Slide Counter */ .orbit-slide-counter {position:absolute; bottom:0; z-index:99; background:rgba(0, 0, 0, 0.7); color:white; padding:5px} /* Fluid Layout ---------------------- */ div.orbit img.fluid-placeholder {visibility:hidden; position:static; display:block; width:100%} div.orbit, div.orbit-wrapper {width:100% !important} /* Correct timer in IE */ .lt-ie9 .timer {display:none !important} .lt-ie9 div.caption {background:black; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom:1} @media only screen and (max-width:767px) {div.orbit.orbit-stack-on-small img.fluid-placeholder {visibility:visible} div.orbit.orbit-stack-on-small .orbit-slide {position:static; margin-bottom:10px} } /* Tabs ---------------------- */ .tabs {list-style:none; border-bottom:solid 1px #e6e6e6; display:block; height:40px; padding:0; margin-bottom:20px} .tabs.contained {margin-bottom:0; margin-left:0} .tabs dt, .tabs li.section-title {color:#b3b3b3; cursor:default; display:block; float:left; font-size:12px; height:40px; line-height:40px; padding:0; padding-right:9px; padding-left:20px; font-weight:normal; width:auto; text-transform:uppercase} .tabs dt:first-child, .tabs li.section-title:first-child {padding:0; padding-right:9px} .tabs dd, .tabs li {display:block; float:left; padding:0; margin:0} .tabs dd a, .tabs li a {color:#b3b3b3; display:block; font-size:12px; height:40px; line-height:40px; padding:0px 23.8px} .tabs dd a:focus, .tabs li a:focus {font-weight:bold; color:#f48034} .tabs dd.active, .tabs li.active {border-top:3px solid #f48034; margin-top:-3px} .tabs dd.active a, .tabs li.active a {cursor:default; color:gray; background:#fff; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; font-weight:bold} .tabs dd:first-child, .tabs li:first-child {margin-left:0} .tabs.vertical {height:auto; border-bottom:1px solid #e6e6e6} .tabs.vertical dt, .tabs.vertical dd, .tabs.vertical li {float:none; height:auto} .tabs.vertical dd, .tabs.vertical li {border-left:3px solid #cccccc} .tabs.vertical dd a, .tabs.vertical li a {background:#f2f2f2; border:none; border:1px solid #e6e6e6; border-width:1px 1px 0 0; color:#555; display:block; font-size:12px; height:auto; line-height:1; padding:15px 20px; -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset} .tabs.vertical dd.active, .tabs.vertical li.active {margin-top:0; border-top:1px solid #4d4d4d; border-left:4px solid #1a1a1a} .tabs.vertical dd.active a, .tabs.vertical li.active a {background:#4d4d4d; border:none; color:#fff; height:auto; margin:0; position:static; top:0; -webkit-box-shadow:0 0 0; -moz-box-shadow:0 0 0; box-shadow:0 0 0} .tabs.vertical dd:first-child a.active, .tabs.vertical li:first-child a.active {margin:0} .tabs.pill {border-bottom:none; margin-bottom:10px} .tabs.pill dd, .tabs.pill li {margin-right:10px} .tabs.pill dd:last-child, .tabs.pill li:last-child {margin-right:0} .tabs.pill dd a, .tabs.pill li a {-webkit-border-radius:1000px; -moz-border-radius:1000px; -ms-border-radius:1000px; -o-border-radius:1000px; border-radius:1000px; background:#e6e6e6; height:26px; line-height:26px; color:#666} .tabs.pill dd.active, .tabs.pill li.active {border:none; margin-top:0} .tabs.pill dd.active a, .tabs.pill li.active a {background-color:#f48034; border:none; color:#fff} .tabs.pill.contained {border-bottom:solid 1px #eee; margin-bottom:0} .tabs.pill.two-up dd, .tabs.pill.two-up li, .tabs.pill.three-up dd, .tabs.pill.three-up li, .tabs.pill.four-up dd, .tabs.pill.four-up li, .tabs.pill.five-up dd, .tabs.pill.five-up li {margin-right:0} .tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a {padding:0 17px; text-align:center; overflow:hidden} .tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li {width:50%} .tabs.three-up dt, .tabs.three-up dd, .tabs.two-up li {width:33.33%} .tabs.four-up dt, .tabs.four-up dd, .tabs.two-up li {width:25%} .tabs.five-up dt, .tabs.five-up dd, .tabs.two-up li {width:20%} ul.tabs-content {display:block; margin:0 0 20px; padding:0} ul.tabs-content > li {display:none} ul.tabs-content > li.active {display:block} ul.tabs-content.contained {padding:0} ul.tabs-content.contained > li {border:solid 0 #e6e6e6; border-width:0 1px 1px 1px; padding:20px} ul.tabs-content.contained.vertical > li {border-width:1px 1px 1px 1px} .no-js ul.tabs-content > li {display:block} /* Table of Contents ::Visibility ::Alerts ::Labels ::Tooltips ::Panels ::Accordion ::Side Nav ::Sub Nav ::Pagination ::Breadcrumbs ::Lists ::Inline/Link Lists ::Keystroke Chars ::Image Thumbnails ::Video ::Tables ::Microformats ::Progress Bars ::Pricing Tables */ /* Alerts ---------------------- */ div.alert-box {display:block; padding:6px 7px 7px; font-weight:bold; font-size:12px; color:white; background-color:#f48034; border:1px solid rgba(0, 0, 0, 0.1); margin-bottom:12px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; text-shadow:0 -1px rgba(0, 0, 0, 0.3); position:relative} div.alert-box.success {background-color:#5da423; color:#fff; text-shadow:0 -1px rgba(0, 0, 0, 0.3)} div.alert-box.alert {background-color:#c60f13; color:#fff; text-shadow:0 -1px rgba(0, 0, 0, 0.3)} div.alert-box.secondary {background-color:#eeeeee; color:#555555; text-shadow:0 1px rgba(255, 255, 255, 0.3)} div.alert-box a.close {color:#333; position:absolute; right:4px; top:-1px; font-size:17px; opacity:0.2; padding:4px} div.alert-box a.close:hover, div.alert-box a.close:focus {opacity:0.4} /* Labels ---------------------- */ .label {padding:1px 4px 2px; font-size:10px; font-weight:bold; text-align:center; text-decoration:none; line-height:1; white-space:nowrap; display:inline; position:relative; bottom:1px; color:#fff; background:#f48034} .label.radius {-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px} .label.round {padding:1px 7px 2px; -webkit-border-radius:1000px; -moz-border-radius:1000px; -ms-border-radius:1000px; -o-border-radius:1000px; border-radius:1000px} .label.alert {background-color:#c60f13} .label.success {background-color:#5da423} .label.secondary {background-color:#eeeeee; color:#555555} /* Tooltips ---------------------- */ .has-tip {border-bottom:dotted 1px #cccccc; cursor:help; font-weight:bold; color:#333333} .has-tip:hover {border-bottom:dotted 1px #b84f0a; color:#f48034} .has-tip.tip-left, .has-tip.tip-right {float:none !important} .tooltip {display:none; background:black; background:rgba(0, 0, 0, 0.85); position:absolute; color:white; font-weight:bold; font-size:12px; padding:5px; z-index:999; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; line-height:normal} .tooltip > .nub {display:block; width:0; height:0; border:solid 5px; border-color:transparent transparent black transparent; border-color:transparent transparent rgba(0, 0, 0, 0.85) transparent; position:absolute; top:-10px; left:10px} .tooltip.tip-override > .nub {border-color:transparent transparent black transparent !important; border-color:transparent transparent rgba(0, 0, 0, 0.85) transparent !important; top:-10px !important} .tooltip.tip-top > .nub {border-color:black transparent transparent transparent; border-color:rgba(0, 0, 0, 0.85) transparent transparent transparent; top:auto; bottom:-10px} .tooltip.tip-left, .tooltip.tip-right {float:none !important} .tooltip.tip-left > .nub {border-color:transparent transparent transparent black; border-color:transparent transparent transparent rgba(0, 0, 0, 0.85); right:-10px; left:auto} .tooltip.tip-right > .nub {border-color:transparent black transparent transparent; border-color:transparent rgba(0, 0, 0, 0.85) transparent transparent; right:auto; left:-10px} .tooltip.noradius {-webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0} .tooltip.opened {color:#f48034 !important; border-bottom:dotted 1px #b84f0a !important} .tap-to-close {display:block; font-size:10px; font-size:1rem; color:#888888; font-weight:normal} /* Panels ---------------------- */ .panel {background:#f2f2f2; border:solid 1px #e6e6e6; margin:0 0 22px 0; padding:20px} .panel > :first-child {margin-top:0} .panel > :last-child {margin-bottom:0} .panel.callout {background:#f48034; color:#fff; border-color:#e8640d; -webkit-box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.5)} .panel.callout a {color:#fff} .panel.callout .button {background:white; border:none; color:#f48034; text-shadow:none} .panel.callout .button:hover {background:rgba(255, 255, 255, 0.8)} .panel.radius {-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px} /* Accordion ---------------------- */ ul.accordion {margin:0 0 22px 0; border-bottom:1px solid #eeeeee} ul.accordion > li {list-style:none; margin:0; padding:0; border-top:1px solid #eeeeee} ul.accordion > li .title {cursor:pointer; background:#fbfbfb; padding:15px; margin:0; position:relative; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; -webkit-transition:0.15s background linear; -moz-transition:0.15s background linear; -o-transition:0.15s background linear; transition:0.15s background linear} ul.accordion > li .title h1, ul.accordion > li .title h2, ul.accordion > li .title h3, ul.accordion > li .title h4, ul.accordion > li .title h5 {margin:0} ul.accordion > li .title:after {content:""; display:block; width:0; height:0; border:solid 6px; border-color:transparent #a2a2a2 transparent transparent; position:absolute; right:15px; top:21px} ul.accordion > li .content {display:none; padding:15px} ul.accordion > li.active {border-top:3px solid #f48034} ul.accordion > li.active .title {background:white; padding-top:13px} ul.accordion > li.active .title:after {content:""; display:block; width:0; height:0; border:solid 6px; border-color:#a2a2a2 transparent transparent transparent} ul.accordion > li.active .content {background:white; display:block; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee} /* Side Nav ---------------------- */ ul.side-nav {display:block; list-style:none; margin:0; padding:17px 0} ul.side-nav li {display:block; list-style:none; margin:0 0 6px 0} ul.side-nav li a {display:block} ul.side-nav li.active a {color:#4d4d4d; font-weight:bold} ul.side-nav li.divider {border-top:1px solid #e6e6e6; height:0; padding:0} /* Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na ---------------------- */ dl.sub-nav {display:block; width:auto; overflow:hidden; margin:-4px 0 18px; margin-right:0; margin-left:-9px; padding-top:4px} dl.sub-nav dt, dl.sub-nav dd {float:left; display:inline; margin-left:9px; margin-bottom:10px} dl.sub-nav dt {color:#999; font-weight:normal} dl.sub-nav dd a {text-decoration:none; -webkit-border-radius:1000px; -moz-border-radius:1000px; -ms-border-radius:1000px; -o-border-radius:1000px; border-radius:1000px} dl.sub-nav dd.active a {font-weight:bold; background:#f48034; color:#fff; padding:3px 9px; cursor:default} /* Pagination ---------------------- */ ul.pagination {display:block; height:24px; margin-left:-5px} ul.pagination li {float:left; display:block; height:24px; color:#999; font-size:12px; margin-left:5px} ul.pagination li a {display:block; padding:1px 7px 1px; color:#555} ul.pagination li:hover a, ul.pagination li a:focus {background:#e6e6e6} ul.pagination li.unavailable a {cursor:default; color:#999} ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {background:transparent} ul.pagination li.current a {background:#f48034; color:white; font-weight:bold; cursor:default} ul.pagination li.current a:hover {background:#f48034} /* Breadcrums ---------------------- */ ul.breadcrumbs {display:block; background:#fbfbfb; padding:6px 10px 7px; border:1px solid #eeeeee; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; overflow:hidden; margin-left:0} ul.breadcrumbs li {margin:0; padding:0 12px 0 0; float:left; list-style:none} ul.breadcrumbs li a, ul.breadcrumbs li span {text-transform:uppercase; font-size:11px; font-size:1.1rem; padding-left:12px} ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span {padding-left:0} ul.breadcrumbs li:before {content:"/"; color:#aaa} ul.breadcrumbs li:first-child:before {content:" "} ul.breadcrumbs li.current a {cursor:default; color:#333} ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus {text-decoration:underline} ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus {text-decoration:none} ul.breadcrumbs li.unavailable a {color:#999} ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus {text-decoration:none; color:#999; cursor:default} /* Inline Link List */ ul.inline-list, ul.link-list {margin:0 0 17px -22px; padding:0; list-style:none; overflow:hidden} ul.inline-list li, ul.link-list li {list-style:none; float:left; margin-left:22px; display:block} ul.inline-list li a, ul.link-list li a {display:block} /* Keytroke Characters ---------------------- */ .keystroke, kbd {font-family:"Consolas", "Menlo", "Courier", monospace; font-size:11px; padding:2px 4px 0px; margin:0; background:#ededed; border:solid 1px #dbdbdb; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px} /* Image Thumbnails ---------------------- */ .th {display:block} .th img {display:block; border:solid 4px #fff; -webkit-box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-transition-property:box-shadow; -moz-transition-property:box-shadow; -o-transition-property:box-shadow; transition-property:box-shadow; -webkit-transition-duration:300ms; -moz-transition-duration:300ms; -o-transition-duration:300ms; transition-duration:300ms} .th:hover img {-webkit-box-shadow:0 0 6px 1px rgba(244, 128, 52, 0.5); -moz-box-shadow:0 0 6px 1px rgba(244, 128, 52, 0.5); box-shadow:0 0 6px 1px rgba(244, 128, 52, 0.5)} /* Video - Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ ---------------------- */ .flex-video {position:relative; padding-top:25px; padding-bottom:67.5%; height:0; margin-bottom:16px; overflow:hidden} .flex-video.widescreen {padding-bottom:57.25%} .flex-video.vimeo {padding-top:0} .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {position:absolute; top:0; left:0; width:100%; height:100%} /* Tables ---------------------- */ table {background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; margin:0 0 18px; border:1px solid #ddd} table thead, table tfoot {background:#f5f5f5} table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {display:table-cell; font-size:12px; line-height:18px; text-align:left} table thead tr th, table tfoot tr td {padding:8px 10px 9px; font-size:12px; font-weight:bold; color:#222} table thead tr th:first-child, table tfoot tr td:first-child {border-left:none} table thead tr th:last-child, table tfoot tr td:last-child {border-right:none} table tbody tr.even, table tbody tr.alt {background:#f9f9f9} table tbody tr:nth-child(even) {background:#f9f9f9} table tbody tr td {color:#333; padding:9px 10px; vertical-align:top; border:none} /* Microformats ---------------------- */ ul.vcard {display:inline-block; margin:0 0 12px 0; border:1px solid #ddd; padding:10px} ul.vcard li {margin:0; display:block} ul.vcard li.fn {font-weight:bold; font-size:13px} p.vevent span.summary {font-weight:bold} p.vevent abbr {cursor:default; text-decoration:none; font-weight:bold; border:none; padding:0 1px} /* Progress Bar ---------------------- */ div.progress {padding:2px; margin-bottom:10px; border:1px solid #cccccc; height:25px; /* meter */ /* border radii */ } div.progress .meter {background:#f48034; height:100%; display:block; width:50%} div.progress.secondary .meter {background:#eeeeee} div.progress.success .meter {background:#5da423} div.progress.alert .meter {background:#c60f13} div.progress.radius {-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px} div.progress.radius .meter {-webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px} div.progress.round {-webkit-border-radius:1000px; -moz-border-radius:1000px; -ms-border-radius:1000px; -o-border-radius:1000px; border-radius:1000px} div.progress.round .meter {-webkit-border-radius:1000px; -moz-border-radius:1000px; -ms-border-radius:1000px; -o-border-radius:1000px; border-radius:1000px} /* Pricing Tables ---------------------- */ .pricing-table {border:solid 1px #dddddd; margin-left:0; margin-bottom:20px} .pricing-table * {list-style:none; line-height:1} .pricing-table .title {background-color:#dddddd; padding:15px 20px; text-align:center; color:#333333; font-weight:bold; font-size:16px} .pricing-table .price {background-color:#eeeeee; padding:15px 20px; text-align:center; color:#333333; font-weight:normal; font-size:20px} .pricing-table .description {background-color:white; padding:15px; text-align:center; color:#777777; font-size:12px; font-weight:normal; line-height:1.4; border-bottom:dotted 1px #dddddd} .pricing-table .bullet-item {background-color:white; padding:15px; text-align:center; color:#333333; font-size:14px; font-weight:normal; border-bottom:dotted 1px #dddddd} .pricing-table .cta-button {background-color:whitesmoke; text-align:center; padding:20px} /* Foundation Top Bar Requires:-jquery.foundation.topbar.js Notes:-