blob: ff1330e42b68f860829320bbe9836d9681bd68a4 [file] [log] [blame]
Alexander Afanasyev49272f72014-04-06 21:49:46 -07001.c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12 { float: left; }
2
3.c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12 { position: relative; min-height: 1px; padding: 0 15px; }
4
5.c-1 { width: 8.33333%; }
6
7.c-2 { width: 16.66667%; }
8
9.c-3 { width: 25%; }
10
11.c-4 { width: 33.33333%; }
12
13.c-5 { width: 41.66667%; }
14
15.c-6 { width: 50%; }
16
17.c-7 { width: 58.33333%; }
18
19.c-8 { width: 66.66667%; }
20
21.c-9 { width: 75%; }
22
23.c-10 { width: 83.33333%; }
24
25.c-11 { width: 91.66667%; }
26
27.c-12 { width: 100%; }
28
29/* Requires: normalize.css */
30/* Global Reset & Standards ---------------------- */
31* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
32
33html { font-size: 62.5%; }
34
35body { background: white; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1; color: #222222; position: relative; -webkit-font-smoothing: antialiased; }
36
37/* Links ---------------------- */
38a { color: #fd7800; text-decoration: none; line-height: inherit; }
39
40a:hover { color: #2795b6; }
41
42a:focus { color: #fd7800; outline: none; }
43
44p a, p a:visited { line-height: inherit; }
45
46/* Misc ---------------------- */
47.left { float: left; }
48@media only screen and (max-width: 767px) { .left { float: none; } }
49
50.right { float: right; }
51@media only screen and (max-width: 767px) { .right { float: none; } }
52
53.text-left { text-align: left; }
54
55.text-right { text-align: right; }
56
57.text-center { text-align: center; }
58
59.hide { display: none; }
60
61.highlight { background: #ffff99; }
62
63#googlemap img, object, embed { max-width: none; }
64
65#map_canvas embed { max-width: none; }
66
67#map_canvas img { max-width: none; }
68
69#map_canvas object { max-width: none; }
70
71/* Reset for strange margins by default on <figure> elements */
72figure { margin: 0; }
73
74/* Base Type Styles Using Modular Scale ---------------------- */
75body, 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: 14px; direction: ltr; }
76
77p { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 1.6; margin-bottom: 17px; }
78p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }
79
80aside p { font-size: 13px; line-height: 1.35; font-style: italic; }
81
82h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: bold; color: #222222; text-rendering: optimizeLegibility; line-height: 1.0; margin-bottom: 14px; margin-top: 14px; }
83h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }
84
85h1 { font-size: 24px; }
86
87h2 { font-size: 18px; }
88
89h3 { font-size: 14px; }
90
91h4 { font-size: 12px; }
92
93h5 { font-weight: bold; font-size: 12px; }
94
95h6 { font-style: italic; font-size: 12px; }
96
97hr { border: solid #c6c6c6; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }
98
99.subheader { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin-bottom: 17px; }
100
101em, i { font-style: italic; line-height: inherit; }
102
103strong, b { font-weight: bold; line-height: inherit; }
104
105small { font-size: 60%; line-height: inherit; }
106
107code { font-weight: bold; background: #ffff99; }
108
109/* Lists ---------------------- */
110ul, ol { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: inside; }
111
112ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; }
113ul.square, ul.circle, ul.disc { margin-left: 17px; }
114ul.square { list-style-type: square; }
115ul.square li ul { list-style: inherit; }
116ul.circle { list-style-type: circle; }
117ul.circle li ul { list-style: inherit; }
118ul.disc { list-style-type: disc; }
119ul.disc li ul { list-style: inherit; }
120ul.no-bullet { list-style: none; }
121ul.large li { line-height: 21px; }
122
123ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; }
124
125/* Blockquotes ---------------------- */
Beichuan Zhang55b8ed42014-04-26 22:25:44 -0700126blockquote, blockquote p { line-height: 1.5; }
Alexander Afanasyev49272f72014-04-06 21:49:46 -0700127
Beichuan Zhang55b8ed42014-04-26 22:25:44 -0700128blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; }
129blockquote cite { display: block; font-size: 13pt; color: #555555; }
Alexander Afanasyev49272f72014-04-06 21:49:46 -0700130blockquote cite:before { content: "\2014 \0020"; }
131blockquote cite a, blockquote cite a:visited { color: #555555; }
132
133abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #ddd; cursor: help; }
134
135abbr { text-transform: none; }
136
137/* 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)
138*/
139.print-only { display: none !important; }
140
141@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
142 /* Black prints faster: h5bp.com/s */
143 a, a:visited { text-decoration: underline; }
144 a[href]:after { content: " (" attr(href) ")"; }
145 abbr[title]:after { content: " (" attr(title) ")"; }
146 .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
147 /* Don't show links for images, or javascript/internal links */
148 pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
149 thead { display: table-header-group; }
150 /* h5bp.com/t */
151 tr, img { page-break-inside: avoid; }
152 img { max-width: 100% !important; }
153 @page { margin: 0.5cm; }
154 p, h2, h3 { orphans: 3; widows: 3; }
155 h2, h3 { page-break-after: avoid; }
156 .hide-on-print { display: none !important; }
157 .print-only { display: block !important; } }
158/* Requires globals.css */
159/* Standard Forms ---------------------- */
160form { margin: 0 0 19.41641px; }
161
162.row form .row { margin: 0 -6px; }
163.row form .row .column, .row form .row .columns { padding: 0 6px; }
164.row form .row.collapse { margin: 0; }
165.row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; }
166
167label { font-size: 14px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; }
168label.right { float: none; text-align: right; }
169label.inline { line-height: 32px; margin: 0 0 12px 0; }
170
171@media only screen and (max-width: 767px) { label.right { text-align: left; } }
172.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; }
173
174a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; }
175
176span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; }
177
178.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; }
179
180.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; }
181
182input[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 { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; 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: 32px; 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; }
183input[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; }
184input[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; }
185input[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; }
186
187textarea { height: auto; }
188
189select { width: 100%; }
190
191/* Fieldsets */
192fieldset { border: solid 1px #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 12px 12px 0; margin: 18px 0; }
193fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0; margin-left: -3px; }
194
195/* Errors */
196.error input, input.error, .error textarea, textarea.error { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); }
197
198.error label, label.error { color: #c60f13; }
199
200.error small, small.error { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 12px; background: #c60f13; color: #fff; font-size: 12px; font-size: 1.2rem; 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; }
201
202@media only screen and (max-width: 767px) { input[type="text"].one, input[type="password"].one, input[type="date"].one, input[type="datetime"].one, input[type="email"].one, input[type="number"].one, input[type="search"].one, input[type="tel"].one, input[type="time"].one, input[type="url"].one, textarea.one, .row textarea.one { width: 100% !important; }
203 input[type="text"].two, .row input[type="text"].two, input[type="password"].two, .row input[type="password"].two, input[type="date"].two, .row input[type="date"].two, input[type="datetime"].two, .row input[type="datetime"].two, input[type="email"].two, .row input[type="email"].two, input[type="number"].two, .row input[type="number"].two, input[type="search"].two, .row input[type="search"].two, input[type="tel"].two, .row input[type="tel"].two, input[type="time"].two, .row input[type="time"].two, input[type="url"].two, .row input[type="url"].two, textarea.two, .row textarea.two { width: 100% !important; }
204 input[type="text"].three, .row input[type="text"].three, input[type="password"].three, .row input[type="password"].three, input[type="date"].three, .row input[type="date"].three, input[type="datetime"].three, .row input[type="datetime"].three, input[type="email"].three, .row input[type="email"].three, input[type="number"].three, .row input[type="number"].three, input[type="search"].three, .row input[type="search"].three, input[type="tel"].three, .row input[type="tel"].three, input[type="time"].three, .row input[type="time"].three, input[type="url"].three, .row input[type="url"].three, textarea.three, .row textarea.three { width: 100% !important; }
205 input[type="text"].four, .row input[type="text"].four, input[type="password"].four, .row input[type="password"].four, input[type="date"].four, .row input[type="date"].four, input[type="datetime"].four, .row input[type="datetime"].four, input[type="email"].four, .row input[type="email"].four, input[type="number"].four, .row input[type="number"].four, input[type="search"].four, .row input[type="search"].four, input[type="tel"].four, .row input[type="tel"].four, input[type="time"].four, .row input[type="time"].four, input[type="url"].four, .row input[type="url"].four, textarea.four, .row textarea.four { width: 100% !important; }
206 input[type="text"].five, .row input[type="text"].five, input[type="password"].five, .row input[type="password"].five, input[type="date"].five, .row input[type="date"].five, input[type="datetime"].five, .row input[type="datetime"].five, input[type="email"].five, .row input[type="email"].five, input[type="number"].five, .row input[type="number"].five, input[type="search"].five, .row input[type="search"].five, input[type="tel"].five, .row input[type="tel"].five, input[type="time"].five, .row input[type="time"].five, input[type="url"].five, .row input[type="url"].five, textarea.five, .row textarea.five { width: 100% !important; }
207 input[type="text"].six, .row input[type="text"].six, input[type="password"].six, .row input[type="password"].six, input[type="date"].six, .row input[type="date"].six, input[type="datetime"].six, .row input[type="datetime"].six, input[type="email"].six, .row input[type="email"].six, input[type="number"].six, .row input[type="number"].six, input[type="search"].six, .row input[type="search"].six, input[type="tel"].six, .row input[type="tel"].six, input[type="time"].six, .row input[type="time"].six, input[type="url"].six, .row input[type="url"].six, textarea.six, .row textarea.six { width: 100% !important; }
208 input[type="text"].seven, .row input[type="text"].seven, input[type="password"].seven, .row input[type="password"].seven, input[type="date"].seven, .row input[type="date"].seven, input[type="datetime"].seven, .row input[type="datetime"].seven, input[type="email"].seven, .row input[type="email"].seven, input[type="number"].seven, .row input[type="number"].seven, input[type="search"].seven, .row input[type="search"].seven, input[type="tel"].seven, .row input[type="tel"].seven, input[type="time"].seven, .row input[type="time"].seven, input[type="url"].seven, .row input[type="url"].seven, textarea.seven, .row textarea.seven { width: 100% !important; }
209 input[type="text"].eight, .row input[type="text"].eight, input[type="password"].eight, .row input[type="password"].eight, input[type="date"].eight, .row input[type="date"].eight, input[type="datetime"].eight, .row input[type="datetime"].eight, input[type="email"].eight, .row input[type="email"].eight, input[type="number"].eight, .row input[type="number"].eight, input[type="search"].eight, .row input[type="search"].eight, input[type="tel"].eight, .row input[type="tel"].eight, input[type="time"].eight, .row input[type="time"].eight, input[type="url"].eight, .row input[type="url"].eight, textarea.eight, .row textarea.eight { width: 100% !important; }
210 input[type="text"].nine, .row input[type="text"].nine, input[type="password"].nine, .row input[type="password"].nine, input[type="date"].nine, .row input[type="date"].nine, input[type="datetime"].nine, .row input[type="datetime"].nine, input[type="email"].nine, .row input[type="email"].nine, input[type="number"].nine, .row input[type="number"].nine, input[type="search"].nine, .row input[type="search"].nine, input[type="tel"].nine, .row input[type="tel"].nine, input[type="time"].nine, .row input[type="time"].nine, input[type="url"].nine, .row input[type="url"].nine, textarea.nine, .row textarea.nine { width: 100% !important; }
211 input[type="text"].ten, .row input[type="text"].ten, input[type="password"].ten, .row input[type="password"].ten, input[type="date"].ten, .row input[type="date"].ten, input[type="datetime"].ten, .row input[type="datetime"].ten, input[type="email"].ten, .row input[type="email"].ten, input[type="number"].ten, .row input[type="number"].ten, input[type="search"].ten, .row input[type="search"].ten, input[type="tel"].ten, .row input[type="tel"].ten, input[type="time"].ten, .row input[type="time"].ten, input[type="url"].ten, .row input[type="url"].ten, textarea.ten, .row textarea.ten { width: 100% !important; }
212 input[type="text"].eleven, .row input[type="text"].eleven, input[type="password"].eleven, .row input[type="password"].eleven, input[type="date"].eleven, .row input[type="date"].eleven, input[type="datetime"].eleven, .row input[type="datetime"].eleven, input[type="email"].eleven, .row input[type="email"].eleven, input[type="number"].eleven, .row input[type="number"].eleven, input[type="search"].eleven, .row input[type="search"].eleven, input[type="tel"].eleven, .row input[type="tel"].eleven, input[type="time"].eleven, .row input[type="time"].eleven, input[type="url"].eleven, .row input[type="url"].eleven, textarea.eleven, .row textarea.eleven { width: 100% !important; }
213 input[type="text"].twelve, .row input[type="text"].twelve, input[type="password"].twelve, .row input[type="password"].twelve, input[type="date"].twelve, .row input[type="date"].twelve, input[type="datetime"].twelve, .row input[type="datetime"].twelve, input[type="email"].twelve, .row input[type="email"].twelve, input[type="number"].twelve, .row input[type="number"].twelve, input[type="search"].twelve, .row input[type="search"].twelve, input[type="tel"].twelve, .row input[type="tel"].twelve, input[type="time"].twelve, .row input[type="time"].twelve, input[type="url"].twelve, .row input[type="url"].twelve, textarea.twelve, .row textarea.twelve { width: 100% !important; } }
214/* Custom Forms ---------------------- */
215form.custom { /* Custom input, disabled */ }
216form.custom span.custom { display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; border: solid 1px #ccc; background: #fff; }
217form.custom span.custom.radio { -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; }
218form.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; }
219form.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: #222; position: relative; top: 3px; left: 3px; }
220form.custom span.custom.checkbox.checked:before { content: "\00d7"; color: #222; }
221form.custom div.custom.dropdown { display: block; position: relative; width: auto; height: 28px; margin-bottom: 9px; margin-top: 2px; }
222form.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 #ddd; color: #141414; background-color: #fff; white-space: nowrap; }
223form.custom div.custom.dropdown a.selector { position: absolute; width: 27px; height: 28px; display: block; right: 0; top: 0; border: solid 1px #ddd; }
224form.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; }
225form.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; }
226form.custom div.custom.dropdown.open ul { display: block; z-index: 10; }
227form.custom div.custom.dropdown.small { width: 134px !important; }
228form.custom div.custom.dropdown.medium { width: 254px !important; }
229form.custom div.custom.dropdown.large { width: 434px !important; }
230form.custom div.custom.dropdown.expand { width: 100% !important; }
231form.custom div.custom.dropdown.open.small ul { width: 134px !important; }
232form.custom div.custom.dropdown.open.medium ul { width: 254px !important; }
233form.custom div.custom.dropdown.open.large ul { width: 434px !important; }
234form.custom div.custom.dropdown.open.expand ul { width: 100% !important; }
235form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: #fff; background: rgba(255, 255, 255, 0.95); border: solid 1px #cccccc; }
236form.custom div.custom.dropdown ul li { color: #555; font-size: 13px; cursor: pointer; padding: 3px; padding-left: 6px; padding-right: 38px; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; }
237form.custom div.custom.dropdown ul li.selected { background: #cdebf5; color: #000; }
238form.custom div.custom.dropdown ul li.selected:after { content: "\2013"; position: absolute; right: 10px; }
239form.custom div.custom.dropdown ul li:hover { background-color: #e3f4f9; color: #222; }
240form.custom div.custom.dropdown ul li:hover:after { content: "\2013"; position: absolute; right: 10px; color: #8ed3e7; }
241form.custom div.custom.dropdown ul li.selected:hover { background: #cdebf5; cursor: default; color: #000; }
242form.custom div.custom.dropdown ul li.selected:hover:after { color: #000; }
243form.custom div.custom.dropdown ul.show { display: block; }
244form.custom .custom.disabled { background-color: #ddd; }
245
246/* Correct FF custom dropdown height */
247@-moz-document url-prefix() { form.custom div.custom.dropdown a.selector { height: 30px; } }
248
249.lt-ie9 form.custom div.custom.dropdown a.selector { height: 30px; }
250
251/* The Grid ---------------------- */
252.row { width: 1000px; max-width: 100%; min-width: 768px; margin: 0 auto; }
253.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
254.row.collapse .column, .row.collapse .columns { padding: 0; }
255.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
256.row .row.collapse { margin: 0; }
257
258.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
259.column.centered, .columns.centered { float: none; margin: 0 auto; }
260
261[class*="column"] + [class*="column"]:last-child { float: right; }
262
263[class*="column"] + [class*="column"].end { float: left; }
264
265.one, .row .one { width: 8.33333%; }
266
267.two, .row .two { width: 16.66667%; }
268
269.three, .row .three { width: 25%; }
270
271.four, .row .four { width: 33.33333%; }
272
273.five, .row .five { width: 41.66667%; }
274
275.six, .row .six { width: 50%; }
276
277.seven, .row .seven { width: 58.33333%; }
278
279.eight, .row .eight { width: 66.66667%; }
280
281.nine, .row .nine { width: 75%; }
282
283.ten, .row .ten { width: 83.33333%; }
284
285.eleven, .row .eleven { width: 91.66667%; }
286
287.twelve, .row .twelve { width: 100%; }
288
289.row .offset-by-one { margin-left: 8.33333%; }
290
291.row .offset-by-two { margin-left: 16.66667%; }
292
293.row .offset-by-three { margin-left: 25%; }
294
295.row .offset-by-four { margin-left: 33.33333%; }
296
297.row .offset-by-five { margin-left: 41.66667%; }
298
299.row .offset-by-six { margin-left: 50%; }
300
301.row .offset-by-seven { margin-left: 58.33333%; }
302
303.row .offset-by-eight { margin-left: 66.66667%; }
304
305.row .offset-by-nine { margin-left: 75%; }
306
307.row .offset-by-ten { margin-left: 83.33333%; }
308
309.push-two { left: 16.66667%; }
310
311.pull-two { right: 16.66667%; }
312
313.push-three { left: 25%; }
314
315.pull-three { right: 25%; }
316
317.push-four { left: 33.33333%; }
318
319.pull-four { right: 33.33333%; }
320
321.push-five { left: 41.66667%; }
322
323.pull-five { right: 41.66667%; }
324
325.push-six { left: 50%; }
326
327.pull-six { right: 50%; }
328
329.push-seven { left: 58.33333%; }
330
331.pull-seven { right: 58.33333%; }
332
333.push-eight { left: 66.66667%; }
334
335.pull-eight { right: 66.66667%; }
336
337.push-nine { left: 75%; }
338
339.pull-nine { right: 75%; }
340
341.push-ten { left: 83.33333%; }
342
343.pull-ten { right: 83.33333%; }
344
345img, object, embed { max-width: 100%; height: auto; }
346
347object, embed { height: 100%; }
348
349img { -ms-interpolation-mode: bicubic; }
350
351#map_canvas img, .map_canvas img { max-width: none!important; }
352
353/* Nicolas Gallagher's micro clearfix */
354.row { *zoom: 1; }
355.row:before, .row:after { content: ""; display: table; }
356.row:after { clear: both; }
357
358/* Mobile Grid and Overrides ---------------------- */
359@media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
360 .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
361 .column, .columns { width: auto !important; float: none; }
362 .column:last-child, .columns:last-child { float: none; }
363 [class*="column"] + [class*="column"]:last-child { float: none; }
364 .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
365 .column:after, .columns:after { clear: both; }
366 .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }
367 .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
368 .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
369 /* Mobile 4-column Grid */
370 .row .mobile-one { width: 25% !important; float: left; padding: 0 15px; }
371 .row .mobile-one:last-child { float: right; }
372 .row.collapse .mobile-one { padding: 0; }
373 .row .mobile-two { width: 50% !important; float: left; padding: 0 15px; }
374 .row .mobile-two:last-child { float: right; }
375 .row.collapse .mobile-two { padding: 0; }
376 .row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
377 .row .mobile-three:last-child { float: right; }
378 .row.collapse .mobile-three { padding: 0; }
379 .row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
380 .row .mobile-four:last-child { float: right; }
381 .row.collapse .mobile-four { padding: 0; }
382 .push-one-mobile { left: 25%; }
383 .pull-one-mobile { right: 25%; }
384 .push-two-mobile { left: 50%; }
385 .pull-two-mobile { right: 50%; }
386 .push-three-mobile { left: 75%; }
387 .pull-three-mobile { right: 75%; } }
388/* Block Grids ---------------------- */
389/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
390for repeating blocks of content. Add 'mobile' to
391them to switch them just like the layout grid
392(one item per line) on phones
393
394For IE7/8 compatibility block-grid items need to be
395the same height. You can optionally uncomment the
396lines below to support arbitrary height, but know
397that IE7/8 do not support :nth-child.
398-------------------------------------------------- */
399.block-grid { display: block; overflow: hidden; padding: 0; }
400.block-grid > li { display: block; height: auto; float: left; }
401.block-grid.one-up { margin: 0; }
402.block-grid.one-up > li { width: 100%; padding: 0 0 15px; }
403.block-grid.two-up { margin: 0 -15px; }
404.block-grid.two-up > li { width: 50%; padding: 0 15px 15px; }
405.block-grid.two-up > li:nth-child(2n+1) { clear: both; }
406.block-grid.three-up { margin: 0 -12px; }
407.block-grid.three-up > li { width: 33.33%; padding: 0 12px 12px; }
408.block-grid.three-up > li:nth-child(3n+1) { clear: both; }
409.block-grid.four-up { margin: 0 -10px; }
410.block-grid.four-up > li { width: 25%; padding: 0 10px 10px; }
411.block-grid.four-up > li:nth-child(4n+1) { clear: both; }
412.block-grid.five-up { margin: 0 -8px; }
413.block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }
414.block-grid.five-up > li:nth-child(5n+1) { clear: both; }
415
416/* Mobile Block Grids */
417@media only screen and (max-width: 767px) { .block-grid.mobile > li { float: none; width: 100%; margin-left: 0; }
418 .block-grid > li { clear: none !important; }
419 .block-grid.mobile-two-up > li { width: 50%; }
420 .block-grid.mobile-two-up > li:nth-child(2n+1) { clear: both; }
421 .block-grid.mobile-three-up > li { width: 33.33%; }
422 .block-grid.mobile-three-up > li:nth-child(3n+1) { clear: both !important; }
423 .block-grid.mobile-four-up > li { width: 25%; }
424 .block-grid.mobile-four-up > li:nth-child(4n+1) { clear: both; }
425 .block-grid.mobile-five-up > li:nth-child(5n+1) { clear: both; } }
426/* Requires globals.css */
427/* Normal Buttons ---------------------- */
428.button { width: auto; background: #fd7800; border: 1px solid #ce6200; -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: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 14px; 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 ---------- */ }
429.button:hover { color: white; background-color: #ce6200; }
430.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; }
431.button:focus { -webkit-box-shadow: 0 0 4px #fd7800, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #fd7800, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #fd7800, 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; }
432.button.large { font-size: 17px; padding: 15px 30px 16px; }
433.button.medium { font-size: 14px; }
434.button.small { font-size: 11px; padding: 7px 14px 8px; }
435.button.tiny { font-size: 10px; padding: 5px 10px 6px; }
436.button.expand { width: 100%; text-align: center; }
437.button.primary { background-color: #fd7800; border: 1px solid #1e728c; }
438.button.primary:hover { background-color: #2284a1; }
439.button.primary:focus { -webkit-box-shadow: 0 0 4px #fd7800, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #fd7800, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #fd7800, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
440.button.success { background-color: #5da423; border: 1px solid #396516; }
441.button.success:hover { background-color: #457a1a; }
442.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; }
443.button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; }
444.button.alert:hover { background-color: #970b0e; }
445.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; }
446.button.secondary { background-color: #e9e9e9; color: #1d1d1d; border: 1px solid #c3c3c3; }
447.button.secondary:hover { background-color: #d0d0d0; }
448.button.secondary:focus { -webkit-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
449.button.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
450.button.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
451.button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; }
452.button.left-align { text-align: left; text-indent: 12px; }
453.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; background: #fd7800; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
454.button.disabled :hover, .button[disabled] :hover { background: #fd7800; }
455.button.disabled.success, .button[disabled].success { background-color: #5da423; }
456.button.disabled.success:hover, .button[disabled].success:hover { background-color: #5da423; }
457.button.disabled.alert, .button[disabled].alert { background-color: #c60f13; }
458.button.disabled.alert:hover, .button[disabled].alert:hover { background-color: #c60f13; }
459.button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; }
460.button.disabled.secondary:hover, .button[disabled].secondary:hover { background-color: #e9e9e9; }
461
462/* Don't use native buttons on iOS */
463input[type=submit].button, button.button { -webkit-appearance: none; }
464
465@media only screen and (max-width: 767px) { .button { display: block; }
466 button.button, input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; } }
467/* Correct FF button padding */
468@-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; }
469 input[type="submit"].tiny.button { padding: 3px 10px 4px; }
470 input[type="submit"].small.button { padding: 5px 14px 6px; }
471 input[type="submit"].button, input[type=submit].medium.button { padding: 8px 20px 9px; }
472 input[type="submit"].large.button { padding: 13px 30px 14px; } }
473
474/* Buttons with Dropdowns ---------------------- */
475.button.dropdown { position: relative; padding-right: 44px; /* Sizes */ /* Triangles */ /* Flyout List */ /* Split Dropdown Buttons */ }
476.button.dropdown.large { padding-right: 60px; }
477.button.dropdown.small { padding-right: 28px; }
478.button.dropdown.tiny { padding-right: 20px; }
479.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; }
480.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; }
481.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; }
482.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; }
483.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; }
484.button.dropdown > ul li { width: 100%; cursor: pointer; padding: 0; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; }
485.button.dropdown > ul li a { display: block; color: #555; font-size: 13px; font-weight: normal; padding: 6px 14px; text-align: left; }
486.button.dropdown > ul li:hover { background-color: #e3f4f9; color: #222; }
487.button.dropdown > ul li.divider { min-height: 0; padding: 0; height: 1px; margin: 4px 0; background: #ededed; }
488.button.dropdown.up > ul { border-top: 1px solid #cccccc; border-bottom: none; }
489.button.dropdown ul.no-hover.show-dropdown { display: block !important; }
490.button.dropdown:hover > ul.no-hover { display: none; }
491.button.dropdown.split { padding: 0; position: relative; /* Sizes */ /* Triangle Spans */ /* Colors */ }
492.button.dropdown.split:after { display: none; }
493.button.dropdown.split:hover { background-color: #fd7800; }
494.button.dropdown.split.alert:hover { background-color: #c60f13; }
495.button.dropdown.split.success:hover { background-color: #5da423; }
496.button.dropdown.split.secondary:hover { background-color: #e9e9e9; }
497.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; }
498.button.dropdown.split > a:hover { background-color: #2284a1; }
499.button.dropdown.split.large > a { padding: 15px 75px 16px 30px; padding-left: 30px; padding-right: 75px; }
500.button.dropdown.split.small > a { padding: 7px 35px 8px 14px; padding-left: 14px; padding-right: 35px; }
501.button.dropdown.split.tiny > a { padding: 5px 25px 6px 10px; padding-left: 10px; padding-right: 25px; }
502.button.dropdown.split > span { background-color: #fd7800; position: absolute; right: 0; top: 0; height: 100%; width: 30px; border-left: 1px solid #1e728c; -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; }
503.button.dropdown.split > span:hover { background-color: #2284a1; }
504.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; }
505.button.dropdown.split.secondary > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #1d1d1d transparent transparent transparent; }
506.button.dropdown.split.large span { width: 45px; }
507.button.dropdown.split.small span { width: 21px; }
508.button.dropdown.split.tiny span { width: 15px; }
509.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; }
510.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; }
511.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; }
512.button.dropdown.split.alert > span { background-color: #c60f13; border-left-color: #7f0a0c; }
513.button.dropdown.split.success > span { background-color: #5da423; border-left-color: #396516; }
514.button.dropdown.split.secondary > span { background-color: #e9e9e9; border-left-color: #c3c3c3; }
515.button.dropdown.split.secondary > a { color: #1d1d1d; }
516.button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover { background-color: #970b0e; }
517.button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover { background-color: #457a1a; }
518.button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover { background-color: #d0d0d0; }
519
520/* Button Groups ---------------------- */
521ul.button-group { list-style: none; padding: 0; margin: 0 0 12px; *zoom: 1; }
522ul.button-group:before, ul.button-group:after { content: ""; display: table; }
523ul.button-group:after { clear: both; }
524ul.button-group li { padding: 0; margin: 0 0 0 -1px; float: left; }
525ul.button-group li:first-child { margin-left: 0; }
526ul.button-group.radius li a.button, ul.button-group.radius li a.button.radius, ul.button-group.radius li a.button-rounded { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
527ul.button-group.radius li:first-child a.button, ul.button-group.radius li:first-child a.button.radius { -moz-border-radius-left3px: 5px; -webkit-border-left-3px-radius: 5px; border-left-3px-radius: 5px; }
528ul.button-group.radius li:first-child a.button.rounded { -moz-border-radius-left1000px: 5px; -webkit-border-left-1000px-radius: 5px; border-left-1000px-radius: 5px; }
529ul.button-group.radius li:last-child a.button, ul.button-group.radius li:last-child a.button.radius { -moz-border-radius-right3px: 5px; -webkit-border-right-3px-radius: 5px; border-right-3px-radius: 5px; }
530ul.button-group.radius li:last-child a.button.rounded { -moz-border-radius-right1000px: 5px; -webkit-border-right-1000px-radius: 5px; border-right-1000px-radius: 5px; }
531ul.button-group.even a.button { width: 100%; }
532ul.button-group.even.two-up li { width: 50%; }
533ul.button-group.even.three-up li { width: 33.3%; }
534ul.button-group.even.three-up li:first-child { width: 33.4%; }
535ul.button-group.even.four-up li { width: 25%; }
536ul.button-group.even.five-up li { width: 20%; }
537
538@media only screen and (max-width: 767px) { .button-group button.button, .button-group input[type="submit"].button { width: auto; padding: 10px 20px 11px; }
539 .button-group button.button.large, .button-group input[type="submit"].button.large { padding: 15px 30px 16px; }
540 .button-group button.button.medium, .button-group input[type="submit"].button.medium { padding: 10px 20px 11px; }
541 .button-group button.button.small, .button-group input[type="submit"].button.small { padding: 7px 14px 8px; }
542 .button-group button.button.tiny, .button-group input[type="submit"].button.tiny { padding: 5px 10px 6px; }
543 .button-group.even button.button, .button-group.even input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; } }
544div.button-bar { overflow: hidden; }
545div.button-bar ul.button-group { float: left; margin-right: 8px; }
546div.button-bar ul.button-group:last-child { margin-left: 0; }
547
548/* CSS for jQuery Reveal Plugin Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php */
549/* Reveal Modals ---------------------- */
550.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0, 0, 0, 0.45); z-index: 40; display: none; top: 0; left: 0; }
551
552.reveal-modal { background: white; visibility: hidden; display: none; top: 100px; left: 50%; margin-left: -260px; width: 520px; position: absolute; z-index: 41; padding: 30px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
553.reveal-modal *:first-child { margin-top: 0; }
554.reveal-modal *:last-child { margin-bottom: 0; }
555.reveal-modal .close-reveal-modal { font-size: 22px; font-size: 2.2rem; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; cursor: pointer; }
556.reveal-modal.small { width: 30%; margin-left: -15%; }
557.reveal-modal.medium { width: 40%; margin-left: -20%; }
558.reveal-modal.large { width: 60%; margin-left: -30%; }
559.reveal-modal.xlarge { width: 70%; margin-left: -35%; }
560.reveal-modal.expand { width: 90%; margin-left: -45%; }
561.reveal-modal .row { min-width: 0; margin-bottom: 10px; }
562
563/* Mobile */
564@media only screen and (max-width: 767px) { .reveal-modal-bg { position: absolute; }
565 .reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge { width: 80%; top: 15px; left: 50%; margin-left: -40%; padding: 20px; height: auto; } }
566 /* NOTES Close button entity is &#215;
567 Example markup <div id="myModal" class="reveal-modal"> <h2>Awesome. I have it.</h2> <p class="lead">Your couch. I it's mine.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p> <a class="close-reveal-modal">&#215;</a> </div> */
568/* Requires -globals.css -app.js */
569/* Tabs ---------------------- */
570dl.tabs { border-bottom: solid 1px #e6e6e6; display: block; height: 40px; padding: 0; margin-bottom: 20px; }
571dl.tabs.contained { margin-bottom: 0; }
572dl.tabs dt { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; padding: 0; padding-right: 9px; padding-left: 20px; width: auto; text-transform: uppercase; }
573dl.tabs dt:first-child { padding: 0; padding-right: 9px; }
574dl.tabs dd { display: block; float: left; padding: 0; margin: 0; }
575dl.tabs dd a { color: #6f6f6f; display: block; font-size: 14px; height: 40px; line-height: 40px; padding: 0px 23.8px; }
576dl.tabs dd a:focus { font-weight: bold; color: #fd7800; }
577dl.tabs dd.active { border-top: 3px solid #fd7800; margin-top: -3px; }
578dl.tabs dd.active a { cursor: default; color: #3c3c3c; background: #fff; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; font-weight: bold; }
579dl.tabs dd:first-child { margin-left: 0; }
580dl.tabs.vertical { height: auto; border-bottom: 1px solid #e6e6e6; }
581dl.tabs.vertical dt, dl.tabs.vertical dd { float: none; height: auto; }
582dl.tabs.vertical dd { border-left: 3px solid #cccccc; }
583dl.tabs.vertical dd a { background: #f2f2f2; border: none; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 14px; 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; }
584dl.tabs.vertical dd.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; }
585dl.tabs.vertical dd.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; }
586dl.tabs.vertical dd:first-child a.active { margin: 0; }
587dl.tabs.pill { border-bottom: none; margin-bottom: 10px; }
588dl.tabs.pill dd { margin-right: 10px; }
589dl.tabs.pill dd:last-child { margin-right: 0; }
590dl.tabs.pill dd 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; }
591dl.tabs.pill dd.active { border: none; margin-top: 0; }
592dl.tabs.pill dd.active a { background-color: #fd7800; border: none; color: #fff; }
593dl.tabs.pill.contained { border-bottom: solid 1px #eee; margin-bottom: 0; }
594dl.tabs.pill.two-up dd, dl.tabs.pill.three-up dd, dl.tabs.pill.four-up dd, dl.tabs.pill.five-up dd { margin-right: 0; }
595dl.tabs.two-up dt a, dl.tabs.two-up dd a, dl.tabs.three-up dt a, dl.tabs.three-up dd a, dl.tabs.four-up dt a, dl.tabs.four-up dd a, dl.tabs.five-up dt a, dl.tabs.five-up dd a { padding: 0 17px; text-align: center; overflow: hidden; }
596dl.tabs.two-up dt, dl.tabs.two-up dd { width: 50%; }
597dl.tabs.three-up dt, dl.tabs.three-up dd { width: 33.33%; }
598dl.tabs.four-up dt, dl.tabs.four-up dd { width: 25%; }
599dl.tabs.five-up dt, dl.tabs.five-up dd { width: 20%; }
600
601ul.tabs-content { display: block; margin: 0 0 20px; padding: 0; }
602ul.tabs-content > li { display: none; }
603ul.tabs-content > li.active { display: block; }
604ul.tabs-content.contained { padding: 0; }
605ul.tabs-content.contained > li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 20px; }
606ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; }
607
608.no-js ul.tabs-content > li { display: block; }
609
610@media only screen and (max-width: 767px) { dl.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; }
611 dl.tabs.mobile dt, dl.tabs.mobile dd { float: none; height: auto; }
612 dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 0 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; }
613 dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0 0; }
614 .tabs.mobile { border-bottom: solid 1px #ccc; height: auto; }
615 .tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; }
616 .tabs.mobile dd a.active { border: none; background: #fd7800; color: #fff; margin: 0; position: static; top: 0; height: auto; }
617 .tabs.mobile dd:first-child a.active { margin: 0; }
618 dl.contained.mobile { margin-bottom: 0; }
619 dl.contained.tabs.mobile dd a { padding: 18px 20px; }
620 dl.tabs.mobile + ul.contained { margin-left: -20px; margin-right: -20px; border-width: 0 0 1px 0; } }
621/* Requires: globals.css */
622/* Table of Contents
623
624:: Visibility
625:: Alerts
626:: Labels
627:: Tooltips
628:: Panels
629:: Accordion
630:: Side Nav
631:: Sub Nav
632:: Pagination
633:: Breadcrumbs
634:: Lists
635:: Link Lists
636:: Keystroke Chars
637:: Image Thumbnails
638:: Video
639:: Tables
640:: Microformats
641:: Progress Bars
642
643*/
644/* Visibility Classes ---------------------- */
645/* Standard (large) display targeting */
646.show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge { display: none !important; }
647
648.hide-for-xlarge, .show-for-large, .show-for-large-up, .hide-for-small, .hide-for-medium, .hide-for-medium-down { display: block !important; }
649
650/* Very large display targeting */
651@media only screen and (min-width: 1441px) { .hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge { display: block !important; }
652 .show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge { display: none !important; } }
653/* Medium display targeting */
654@media only screen and (max-width: 1279px) and (min-width: 768px) { .hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: block !important; }
655 .show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } }
656/* Small display targeting */
657@media only screen and (max-width: 767px) { .show-for-small, .hide-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: block !important; }
658 .hide-for-small, .show-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } }
659/* Orientation targeting */
660.show-for-landscape, .hide-for-portrait { display: block !important; }
661
662.hide-for-landscape, .show-for-portrait { display: none !important; }
663
664@media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; }
665 .hide-for-landscape, .show-for-portrait { display: none !important; } }
666@media screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: block !important; }
667 .hide-for-portrait, .show-for-landscape { display: none !important; } }
668/* Touch-enabled device targeting */
669.show-for-touch { display: none !important; }
670
671.hide-for-touch { display: block !important; }
672
673.touch .show-for-touch { display: block !important; }
674
675.touch .hide-for-touch { display: none !important; }
676
677/* Specific overrides for elements that require something other than display: block */
678table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium { display: table !important; }
679
680@media only screen and (max-width: 1279px) and (min-width: 768px) { .touch table.hide-for-xlarge, .touch table.hide-for-large, .touch table.hide-for-small, .touch table.show-for-medium { display: table !important; } }
681@media only screen and (max-width: 767px) { table.hide-for-xlarge, table.hide-for-large, table.hide-for-medium, table.show-for-small { display: table !important; } }
682/* Alerts ---------------------- */
683div.alert-box { display: block; padding: 6px 7px 7px; font-weight: bold; font-size: 14px; color: white; background-color: #fd7800; 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; }
684div.alert-box.success { background-color: #5da423; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
685div.alert-box.alert { background-color: #c60f13; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
686div.alert-box.secondary { background-color: #e9e9e9; color: #505050; text-shadow: 0 1px rgba(255, 255, 255, 0.3); }
687div.alert-box a.close { color: #333; position: absolute; right: 4px; top: -1px; font-size: 17px; opacity: 0.2; padding: 4px; }
688div.alert-box a.close:hover, div.alert-box a.close:focus { opacity: 0.4; }
689
690/* Labels ---------------------- */
691
692
693/* Tooltips ---------------------- */
694.has-tip { border-bottom: dotted 1px #cccccc; cursor: help; font-weight: bold; color: #333333; }
695.has-tip:hover { border-bottom: dotted 1px #196177; color: #fd7800; }
696.has-tip.tip-left, .has-tip.tip-right { float: none !important; }
697
698.tooltip { display: none; background: black; background: rgba(0, 0, 0, 0.85); position: absolute; color: white; font-weight: bold; font-size: 12px; font-size: 1.2rem; padding: 5px; z-index: 999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: normal; }
699.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; }
700.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; }
701.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; }
702.tooltip.tip-left, .tooltip.tip-right { float: none !important; }
703.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; }
704.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; }
705.tooltip.noradius { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
706.tooltip.opened { color: #fd7800 !important; border-bottom: dotted 1px #196177 !important; }
707
708.tap-to-close { display: block; font-size: 10px; font-size: 1rem; color: #888888; font-weight: normal; }
709
710@media only screen and (max-width: 767px) { .tooltip { font-size: 14px; font-size: 1.4rem; line-height: 1.4; padding: 7px 10px 9px 10px; }
711 .tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub { border-color: transparent transparent black transparent; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; top: -12px; left: 10px; } }
712/* Panels ---------------------- */
713.panel { background: #f2f2f2; border: solid 1px #e6e6e6; margin: 0 0 22px 0; padding: 20px; }
714.panel > :first-child { margin-top: 0; }
715.panel > :last-child { margin-bottom: 0; }
716.panel.callout { background: #fd7800; color: #fff; border-color: #2284a1; -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); }
717.panel.callout a { color: #fff; }
718.panel.callout .button { background: white; border: none; color: #fd7800; text-shadow: none; }
719.panel.callout .button:hover { background: rgba(255, 255, 255, 0.8); }
720.panel.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
721
722/* Accordion ---------------------- */
723ul.accordion { margin: 0 0 22px 0; border-bottom: 1px solid #e9e9e9; }
724ul.accordion > li { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e9e9e9; }
725ul.accordion > li .title { cursor: pointer; background: #f6f6f6; padding: 15px; margin: 0; position: relative; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; -webkit-transition: 0.15s background linear; -moz-transition: 0.15s background linear; -o-transition: 0.15s background linear; transition: 0.15s background linear; }
726ul.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; }
727ul.accordion > li .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: transparent #9d9d9d transparent transparent; position: absolute; right: 15px; top: 21px; }
728ul.accordion > li .content { display: none; padding: 15px; }
729ul.accordion > li.active { border-top: 3px solid #fd7800; }
730ul.accordion > li.active .title { background: white; padding-top: 13px; }
731ul.accordion > li.active .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #9d9d9d transparent transparent transparent; }
732ul.accordion > li.active .content { background: white; display: block; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; }
733
734/* Side Nav ---------------------- */
735ul.side-nav { display: block; list-style: none; margin: 0; padding: 17px 0; }
736ul.side-nav li { display: block; list-style: none; margin: 0 0 7px 0; }
737ul.side-nav li a { display: block; }
738ul.side-nav li.active a { color: #4d4d4d; font-weight: bold; }
739ul.side-nav li.divider { border-top: 1px solid #e6e6e6; height: 0; padding: 0; }
740
741/* Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na ---------------------- */
742dl.sub-nav { display: block; width: auto; overflow: hidden; margin: -4px 0 18px; margin-right: 0; margin-left: -9px; padding-top: 4px; }
743dl.sub-nav dt, dl.sub-nav dd { float: left; display: inline; margin-left: 9px; margin-bottom: 10px; }
744dl.sub-nav dt { color: #999; font-weight: normal; }
745dl.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; }
746dl.sub-nav dd.active a { font-weight: bold; background: #fd7800; color: #fff; padding: 3px 9px; cursor: default; }
747
748/* Pagination ---------------------- */
749ul.pagination { display: block; height: 24px; margin-left: -5px; }
750ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
751ul.pagination li a { display: block; padding: 1px 7px 1px; color: #555; }
752ul.pagination li:hover a, ul.pagination li a:focus { background: #e6e6e6; }
753ul.pagination li.unavailable a { cursor: default; color: #999; }
754ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { background: transparent; }
755ul.pagination li.current a { background: #fd7800; color: white; font-weight: bold; cursor: default; }
756ul.pagination li.current a:hover { background: #fd7800; }
757
758/* Breadcrums ---------------------- */
759ul.breadcrumbs { display: block; background: #f6f6f6; padding: 6px 10px 7px; border: 1px solid #e9e9e9; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; overflow: hidden; }
760ul.breadcrumbs li { margin: 0; padding: 0 12px 0 0; float: left; list-style: none; }
761ul.breadcrumbs li a, ul.breadcrumbs li span { text-transform: uppercase; font-size: 11px; font-size: 1.1rem; padding-left: 12px; }
762ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; }
763ul.breadcrumbs li:before { content: "/"; color: #aaa; }
764ul.breadcrumbs li:first-child:before { content: " "; }
765ul.breadcrumbs li.current a { cursor: default; color: #333; }
766ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus { text-decoration: underline; }
767ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none; }
768ul.breadcrumbs li.unavailable a { color: #999; }
769ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus { text-decoration: none; color: #999; cursor: default; }
770
771/* Link List */
772ul.link-list { margin: 0 0 17px -22px; padding: 0; list-style: none; overflow: hidden; }
773ul.link-list li { list-style: none; float: left; margin-left: 22px; display: block; }
774ul.link-list li a { display: block; }
775
776/* Keytroke Characters ---------------------- */
777.keystroke, kbd { font-family: "Consolas", "Menlo", "Courier", monospace; font-size: 13px; 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; }
778
779/* Image Thumbnails ---------------------- */
780.th { display: block; }
781.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: border, box-shadow; -moz-transition-property: border, box-shadow; -o-transition-property: border, box-shadow; transition-property: border, box-shadow; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; }
782.th:hover img { -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); -moz-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); }
783
784/* Video - Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ ---------------------- */
785.flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; }
786.flex-video.widescreen { padding-bottom: 57.25%; }
787.flex-video.vimeo { padding-top: 0; }
788.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }