/**************************************** Foundation Imports **************************************/
.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; }

.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; }

.c-1 { width: 8.33333%; }

.c-2 { width: 16.66667%; }

.c-3 { width: 25%; }

.c-4 { width: 33.33333%; }

.c-5 { width: 41.66667%; }

.c-6 { width: 50%; }

.c-7 { width: 58.33333%; }

.c-8 { width: 66.66667%; }

.c-9 { width: 75%; }

.c-10 { width: 83.33333%; }

.c-11 { width: 91.66667%; }

.c-12 { width: 100%; }

/* 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%; }

body { 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; }

/* Links ---------------------- */
a { color: #00aeef; text-decoration: none; line-height: inherit; }

a:hover { color: #009bd5; }

a:focus { color: #00aeef; outline: none; }

p a, p a:visited { line-height: inherit; }

/* Misc ---------------------- */
.left { float: left; }
@media only screen and (max-width: 767px) { .left { float: none; } }

.right { float: right; }
@media only screen and (max-width: 767px) { .right { float: none; } }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.hide { display: none; }

.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 <figure> elements */
figure { margin: 0; }

/* The Grid ---------------------- */
.row { width: 1000px; max-width: 100%; min-width: 768px; margin: 0 auto; }

.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0; }

.column, .columns { float: left; min-height: 1px; padding: 0 15px; 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: 8.33333%; }

.two, .row .two { width: 16.66667%; }

.three, .row .three { width: 25%; }

.four, .row .four { width: 33.33333%; }

.five, .row .five { width: 41.66667%; }

.six, .row .six { width: 50%; }

.seven, .row .seven { width: 58.33333%; }

.eight, .row .eight { width: 66.66667%; }

.nine, .row .nine { width: 75%; }

.ten, .row .ten { width: 83.33333%; }

.eleven, .row .eleven { width: 91.66667%; }

.twelve, .row .twelve { width: 100%; }

.row .offset-by-one { margin-left: 8.33333%; }

.row .offset-by-two { margin-left: 16.66667%; }

.row .offset-by-three { margin-left: 25%; }

.row .offset-by-four { margin-left: 33.33333%; }

.row .offset-by-five { margin-left: 41.66667%; }

.row .offset-by-six { margin-left: 50%; }

.row .offset-by-seven { margin-left: 58.33333%; }

.row .offset-by-eight { margin-left: 66.66667%; }

.row .offset-by-nine { margin-left: 75%; }

.row .offset-by-ten { margin-left: 83.33333%; }

.push-two { left: 16.66667%; }

.pull-two { right: 16.66667%; }

.push-three { left: 25%; }

.pull-three { right: 25%; }

.push-four { left: 33.33333%; }

.pull-four { right: 33.33333%; }

.push-five { left: 41.66667%; }

.pull-five { right: 41.66667%; }

.push-six { left: 50%; }

.pull-six { right: 50%; }

.push-seven { left: 58.33333%; }

.pull-seven { right: 58.33333%; }

.push-eight { left: 66.66667%; }

.pull-eight { right: 66.66667%; }

.push-nine { left: 75%; }

.pull-nine { right: 75%; }

.push-ten { left: 83.33333%; }

.pull-ten { right: 83.33333%; }

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; }

/* Mobile Grid and Overrides ---------------------- */

@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; }
  .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
  .column, .columns { width: auto !important; float: none; }
  .column:last-child, .columns:last-child { float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
  .column:after, .columns:after { clear: both; }
  .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; }
  .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
  .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }

  .row .mobile-one { width: 25% !important; float: left; padding: 0 15px; }
  .row .mobile-one:last-child { float: right; }
  .row.collapse .mobile-one { padding: 0; }
  .row .mobile-two { width: 50% !important; float: left; padding: 0 15px; }
  .row .mobile-two:last-child { float: right; }
  .row.collapse .mobile-two { padding: 0; }
  .row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
  .row .mobile-three:last-child { float: right; }
  .row.collapse .mobile-three { padding: 0; }
  .row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
  .row .mobile-four:last-child { float: right; }
  .row.collapse .mobile-four { padding: 0; }
  .push-one-mobile { left: 25%; }
  .pull-one-mobile { right: 25%; }
  .push-two-mobile { left: 50%; }
  .pull-two-mobile { right: 50%; }
  .push-three-mobile { left: 75%; }
  .pull-three-mobile { right: 75%; }
}

.block-grid { display: block; overflow: hidden; padding: 0; }
.block-grid > li { display: block; height: auto; float: left; }
.block-grid.one-up { margin: 0; }
.block-grid.one-up > li { width: 100%; padding: 0 0 15px; }
.block-grid.two-up { margin: 0 -15px; }
.block-grid.two-up > li { width: 50%; padding: 0 15px 15px; }
.block-grid.two-up > li:nth-child(2n+1) { clear: both; }
.block-grid.three-up { margin: 0 -12px; }
.block-grid.three-up > li { width: 33.33%; padding: 0 12px 12px; }
.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; }

@media only screen and (max-width: 767px) { .block-grid.mobile > li { float: none; width: 100%; margin-left: 0; }
  .block-grid > li { clear: none !important; }
  .block-grid.mobile-two-up > li { width: 50%; }
  .block-grid.mobile-two-up > li:nth-child(2n+1) { clear: both; }
  .block-grid.mobile-three-up > li { width: 33.33%; }
  .block-grid.mobile-three-up > li:nth-child(3n+1) { clear: both !important; }
  .block-grid.mobile-four-up > li { width: 25%; }
  .block-grid.mobile-four-up > li:nth-child(4n+1) { clear: both; }
  .block-grid.mobile-five-up > li:nth-child(5n+1) { clear: both; }
}

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: 14px; direction: ltr; }

p { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 1.6; margin-bottom: 17px; }
p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }

aside p { font-size: 13px; line-height: 1.35; font-style: italic; }

h1, h2, h3, h4, h5, h6 { font-family: inherit, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; color: black; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #4d4d4d; line-height: 0; }

h1 { font-size: 44px; }

h2 { font-size: 37px; }

h3 { font-size: 27px; }

h4 { font-size: 23px; }

h5 { font-size: 17px; }

h6 { font-size: 14px; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }

.subheader { line-height: 1.3; color: #4d4d4d; 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 { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: inside; }

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 li ul, ol li ol { margin-left: 20px; margin-bottom: 0; }

/* Blockquotes ---------------------- */
blockquote, blockquote p { line-height: 1.5; color: #4d4d4d; }

blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 13px; color: #333333; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #333333; }

abbr, acronym { text-transform: uppercase; font-size: 90%; color: black; 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 images, 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; } }
/* Requires -globals.css -app.js */
/* Tabs ---------------------- */
dl.tabs { border-bottom: solid 1px #e6e6e6; display: block; height: 40px; padding: 0; margin-bottom: 20px; }
dl.tabs.contained { margin-bottom: 0; }
dl.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; }
dl.tabs dt:first-child { padding: 0; padding-right: 9px; }
dl.tabs dd { display: block; float: left; padding: 0; margin: 0; }
dl.tabs dd a { color: #6f6f6f; display: block; font-size: 14px; height: 40px; line-height: 40px; padding: 0px 23.8px; }
dl.tabs dd a:focus { font-weight: bold; color: #00aeef; }
dl.tabs dd.active { border-top: 3px solid #00aeef; margin-top: -3px; }
dl.tabs dd.active a { cursor: default; color: #3c3c3c; background: #fff; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; font-weight: bold; }
dl.tabs dd:first-child { margin-left: 0; }
dl.tabs.vertical { height: auto; border-bottom: 1px solid #e6e6e6; }
dl.tabs.vertical dt, dl.tabs.vertical dd { float: none; height: auto; }
dl.tabs.vertical dd { border-left: 3px solid #cccccc; }
dl.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; }
dl.tabs.vertical dd.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; }
dl.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; }
dl.tabs.vertical dd:first-child a.active { margin: 0; }
dl.tabs.pill { border-bottom: none; margin-bottom: 10px; }
dl.tabs.pill dd { margin-right: 10px; }
dl.tabs.pill dd:last-child { margin-right: 0; }
dl.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; }
dl.tabs.pill dd.active { border: none; margin-top: 0; }
dl.tabs.pill dd.active a { background-color: #00aeef; border: none; color: #fff; }
dl.tabs.pill.contained { border-bottom: solid 1px #eee; margin-bottom: 0; }
dl.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; }
dl.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; }
dl.tabs.two-up dt, dl.tabs.two-up dd { width: 50%; }
dl.tabs.three-up dt, dl.tabs.three-up dd { width: 33.33%; }
dl.tabs.four-up dt, dl.tabs.four-up dd { width: 25%; }
dl.tabs.five-up dt, dl.tabs.five-up dd { 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; }

@media only screen and (max-width: 767px) { dl.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; }
  dl.tabs.mobile dt, dl.tabs.mobile dd { float: none; height: auto; }
  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; }
  dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0 0; }
  .tabs.mobile { border-bottom: solid 1px #ccc; height: auto; }
  .tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; }
  .tabs.mobile dd a.active { border: none; background: #00aeef; color: #fff; margin: 0; position: static; top: 0; height: auto; }
  .tabs.mobile dd:first-child a.active { margin: 0; }
  dl.contained.mobile { margin-bottom: 0; }
  dl.contained.tabs.mobile dd a { padding: 18px 20px; }
  dl.tabs.mobile + ul.contained { margin-left: -20px; margin-right: -20px; border-width: 0 0 1px 0; }
}

form { margin: 0 0 29.12461px; }

.row form .row { margin: 0 -9px; }
.row form .row .column, .row form .row .columns { padding: 0 9px; }
.row form .row.collapse { margin: 0; }
.row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; }

label { font-size: 14px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; }
label.right { float: none; text-align: right; }
label.inline { line-height: 41px; margin: 0 0 18px 0; }

@media only screen and (max-width: 767px) { label.right { text-align: left; } }

.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 41px; line-height: 40px; }

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 { 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 18px 0; padding: 9px; height: 41px; 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: 7px 9px; }
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; border-radius: 3px; -webkit-border-radius: 3px; -moz-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: -19px; margin-bottom: 18px; 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; }

@media only screen and (max-width: 767px) { input[type="text"].one, .row input[type="text"].one, input[type="password"].one, .row input[type="password"].one, input[type="date"].one, .row input[type="date"].one, input[type="datetime"].one, .row input[type="datetime"].one, input[type="email"].one, .row input[type="email"].one, input[type="number"].one, .row input[type="number"].one, input[type="search"].one, .row input[type="search"].one, input[type="tel"].one, .row input[type="tel"].one, input[type="time"].one, .row input[type="time"].one, input[type="url"].one, .row input[type="url"].one, textarea.one, .row textarea.one { width: 100% !important; }
  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; }
  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; }
  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; }
  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; }
  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; }
  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; }
  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; }
  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; }
  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; }
  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; }
  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; }
}

/* 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 #ccc; background: #fff; }
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: #222; position: relative; top: 3px; left: 3px; }
form.custom span.custom.checkbox.checked:before { content: "\00d7"; color: #222; }
form.custom div.custom.dropdown { display: block; position: relative; width: auto; height: 28px; margin-bottom: 9px; margin-top: 2px; }
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 #ddd; color: #141414; background-color: #fff; 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 #ddd; }
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: #fff; background: rgba(255, 255, 255, 0.95); border: solid 1px #cccccc; }
form.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; }
form.custom div.custom.dropdown ul li.selected { background: #bcedff; color: #000; }
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: #d6f4ff; color: #222; }
form.custom div.custom.dropdown ul li:hover:after { content: "\2013"; position: absolute; right: 10px; color: #70d8ff; }
form.custom div.custom.dropdown ul li.selected:hover { background: #bcedff; cursor: default; color: #000; }
form.custom div.custom.dropdown ul li.selected:hover:after { color: #000; }
form.custom div.custom.dropdown ul.show { display: block; }
form.custom .custom.disabled { background-color: #ddd; }

/* 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; }

/* Requires: globals.css */
/* Table of Contents

:: Visibility
:: Alerts
:: Labels
:: Tooltips
:: Panels
:: Accordion
:: Side Nav
:: Sub Nav
:: Pagination
:: Breadcrumbs
:: Lists
:: Link Lists
:: Keystroke Chars
:: Image Thumbnails
:: Video
:: Tables
:: Microformats
:: Progress Bars

*/
/* Visibility Classes ---------------------- */
/* Standard (large) display targeting */
.show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge { display: none !important; }

.hide-for-xlarge, .show-for-large, .show-for-large-up, .hide-for-small, .hide-for-medium, .hide-for-medium-down { display: block !important; }

/* Very large display targeting */
@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; }
  .show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge { display: none !important; } }
/* Medium display targeting */
@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; }
  .show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } }
/* Small display targeting */
@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; }
  .hide-for-small, .show-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } }
/* Orientation targeting */
.show-for-landscape, .hide-for-portrait { display: block !important; }

.hide-for-landscape, .show-for-portrait { display: none !important; }

@media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; }
  .hide-for-landscape, .show-for-portrait { display: none !important; } }
@media screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: block !important; }
  .hide-for-portrait, .show-for-landscape { display: none !important; } }
/* Touch-enabled device targeting */
.show-for-touch { display: none !important; }

.hide-for-touch { display: block !important; }

.touch .show-for-touch { display: block !important; }

.touch .hide-for-touch { display: none !important; }

/* Specific overrides for elements that require something other than display: block */
table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium { display: table !important; }

@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; } }
@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; } }
/* Alerts ---------------------- */
div.alert-box { display: block; padding: 6px 7px 7px; font-weight: bold; font-size: 14px; color: white; background-color: #00aeef; 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: #e9e9e9; color: #505050; 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: 12px; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #00aeef; }
.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: #e9e9e9; color: #505050; }

/* Tooltips ---------------------- */
.has-tip { border-bottom: dotted 1px #cccccc; cursor: help; font-weight: bold; color: #333333; }
.has-tip:hover { border-bottom: dotted 1px #196177; color: #2ba6cb; }
.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; font-size: 1.2rem; padding: 5px; z-index: 999; -webkit-border-radius: 4px; -moz-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: #2ba6cb !important; border-bottom: dotted 1px #196177 !important; }

.tap-to-close { display: block; font-size: 10px; font-size: 1rem; color: #888888; font-weight: normal; }

@media only screen and (max-width: 767px) { .tooltip { font-size: 14px; font-size: 1.4rem; line-height: 1.4; padding: 7px 10px 9px 10px; }
  .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; } }
/* 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: #00aeef; color: #fff; border-color: #0089bc; -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: #00aeef; 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 #e9e9e9; }
ul.accordion > li { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e9e9e9; }
ul.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; }
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 #9d9d9d transparent transparent; position: absolute; right: 15px; top: 21px; }
ul.accordion > li .content { display: none; padding: 15px; }
ul.accordion > li.active { border-top: 3px solid #00aeef; }
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: #9d9d9d transparent transparent transparent; }
ul.accordion > li.active .content { background: white; display: block; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; }

/* 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 7px 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: #00aeef; 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: 14px; 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: #00aeef; color: white; font-weight: bold; cursor: default; }
ul.pagination li.current a:hover { background: #00aeef; }

/* Breadcrums ---------------------- */
ul.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; }
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; }

/* Link List */
ul.link-list { margin: 0 0 17px -22px; padding: 0; list-style: none; overflow: hidden; }
ul.link-list li { list-style: none; float: left; margin-left: 22px; display: block; }
ul.link-list li a { display: block; }

/* Keytroke Characters ---------------------- */
.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; }

/* 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: 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; }
.th:hover img { -webkit-box-shadow: 0 0 6px 1px rgba(0, 174, 239, 0.5); -moz-box-shadow: 0 0 6px 1px rgba(0, 174, 239, 0.5); box-shadow: 0 0 6px 1px rgba(0, 174, 239, 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%; }

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { .flex-video { padding-top: 0; } }
/* Tables ---------------------- */
table { background: #fff; -moz-border-radius: 3px; -webkit-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 { font-size: 14px; line-height: 18px; text-align: left; }

table thead tr th, table tfoot tr td { padding: 8px 10px 9px; font-size: 16px; 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: 15px; font-size: 1.5rem; }

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: #00aeef; height: 100%; display: block; width: 50%; }
div.progress.secondary .meter { background: #e9e9e9; }
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; }

/* Requires globals.css */
.nav-bar { height: 40px; background: #4d4d4d; 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: #00aeef; border-color: #0089bc; }
.nav-bar > li.active > a { color: white; cursor: default; }
.nav-bar > li.active:hover { background: #00aeef; 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: 14px; }
.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 #0089bc; }
.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: 13px; }
.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: 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; }
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; }

/* Mobile Styles */

@media only screen and (max-device-width: 1280px) { .touch .nav-bar li.has-flyout > a { padding-right: 36px !important; } }
@media only screen and (max-width: 1279px) and (min-width: 768px) { .touch .nav-bar li a { font-size: 13px; font-size: 1.3rem; }
  .touch .nav-bar li.has-flyout > a.flyout-toggle { padding: 20px !important; }
  .touch .nav-bar li.has-flyout > a { padding-right: 36px !important; } }
@media only screen and (max-width: 767px) { .nav-bar { height: auto; }
  .nav-bar > li { float: none; display: block; border-right: none; }
  .nav-bar > li > a.main { text-align: left; border-top: 1px solid #ddd; border-right: none; }
  .nav-bar > li:first-child > a.main { border-top: none; }
  .nav-bar > li.has-flyout > a.flyout-toggle { position: absolute; right: 0; top: 0; padding: 22px; z-index: 2; display: block; }
  .nav-bar > li.has-flyout.is-touch > a.flyout-toggle span { content: ""; width: 0; height: 0; display: block; }
  .nav-bar > li.has-flyout > a.flyout-toggle:hover span { border-top-color: #141414; }
  .nav-bar.vertical > li.has-flyout > .flyout { left: 0; }
  .flyout { position: relative; width: 100% !important; top: auto; margin-right: -2px; border-width: 1px 1px 0 1px; }
  .flyout.right { float: none; right: auto; left: -1px; }
  .flyout.small, .flyout.large { width: 100% !important; }
  .flyout p:last-child { margin-bottom: 18px; }
}

/* 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 ---------------------- */
div.orbit-wrapper { width: 1px; height: 1px; position: relative; }

div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; }

div.orbit.with-bullets { margin-bottom: 40px; }

div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }

div.orbit a.orbit-slide { border: none; line-height: 0; display: none; }

div.orbit div.orbit-slide { width: 100%; height: 100%; }

/* 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('/images/foundation/orbit/rotator-black.png?1348010697') no-repeat; z-index: 3; }

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.rotator.move { left: 0; }

div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('/images/foundation/orbit/timer-black.png?1348010697') repeat 0 0; }

div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('/images/foundation/orbit/pause-black.png?1348010697') no-repeat; z-index: 4; opacity: 0; }

div.orbit-wrapper span.pause.active { background: url('/images/foundation/orbit/pause-black.png?1348010697') 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: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.3rem; 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('/images/foundation/orbit/right-arrow.png?1348010697'); background-size: 100%; right: 0; }

div.orbit-wrapper div.slider-nav span.left { background: url('/images/foundation/orbit/left-arrow.png?1348010697'); background-size: 100%; left: 0; }

.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('/images/foundation/orbit/right-arrow-small.png?1348010697'); }
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('/images/foundation/orbit/left-arrow-small.png?1348010697'); }

/* 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: #999; text-indent: -9999px; background: url('/images/foundation/orbit/bullets.jpg?1348010697') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }

ul.orbit-bullets li.active { color: #222; 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 #000; }

/* Fluid Layout ---------------------- */
div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }

div.orbit, div.orbit-wrapper { width: 100% !important; }

ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; }

ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('/images/foundation/orbit/bullets.jpg?1348010697') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }

ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }

ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }

ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }

/* Correct timer in IE */
.lt-ie9 .timer { display: none !important; }

.lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }

/* 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 */
/* Reveal Modals ---------------------- */
.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; }

.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); }
.reveal-modal *:first-child { margin-top: 0; }
.reveal-modal *:last-child { margin-bottom: 0; }
.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; }
.reveal-modal.small { width: 30%; margin-left: -15%; }
.reveal-modal.medium { width: 40%; margin-left: -20%; }
.reveal-modal.large { width: 60%; margin-left: -30%; }
.reveal-modal.xlarge { width: 70%; margin-left: -35%; }
.reveal-modal.expand { width: 90%; margin-left: -45%; }
.reveal-modal .row { min-width: 0; margin-bottom: 10px; }

/* Mobile */

@media only screen and (max-width: 767px) { .reveal-modal-bg { position: absolute; }
  .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; }
}

  /* NOTES Close button entity is &#215;
 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> */
/**************************************** Custom Imports **************************************/
/**************************************** Splash Screen **************************************/
#home-stage { background: black url(../images/header-bg-repeat.jpg) repeat-x center center; }
#home-stage img { display: block; }

#home-map { padding: 35px 0; }
#home-map #map { max-width: 874px; padding: 0px 30px; margin: 0px auto; position: relative; }
#home-map #map img { display: block; }
#home-map #map .line-cut { height: 23px; width: 42px; margin-left: -21px; position: absolute; bottom: -33px; left: 50%; background-image: url(../images/line-cut.png); }
#home-map #map div.label { height: 14px; width: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; border: 3px solid #FFF; background: #00aeef; position: absolute; display: block; animation: 1s; }
#home-map #map div.label:hover { background: red; }
#home-map #map .country-cuba { top: 51%; left: 27%; }
#home-map #map .country-peru { top: 70%; left: 27%; }
#home-map #map .country-chile { top: 81%; left: 28%; }
#home-map #map .country-brazil { top: 68%; left: 35%; }
#home-map #map .country-liberia { top: 58%; left: 44%; }
#home-map #map .country-new-york { top: 41%; left: 27%; }
#home-map #map .country-pine-ridge { top: 38%; left: 20%; }
#home-map #map .country-ghana { top: 58%; left: 47%; }
#home-map #map .country-tanzania { top: 64%; left: 55%; }
#home-map #map .country-malaysia { top: 64%; left: 75%; }
#home-map #map .country-philippines { top: 55%; left: 78%; }
#home-map #map .country-japan { top: 40%; left: 82%; }
#home-map #map .country-afghanistan { top: 45%; left: 63%; }
#home-map #map .country-pakistan { top: 48%; left: 65%; }
#home-map #map .country-india { top: 54%; left: 67%; }
#home-map .country-preview { border-top: 3px solid #f8f0dd; margin-top: 30px; }
#home-map .country-preview #country-name { color: #f8f0dd; text-align: right; line-height: 80px; text-transform: uppercase; font-size: 35px; padding-right: 30px; border-right: 3px solid #f8f0dd; }
#home-map .country-preview #filter-block {
  background: transparent url(../images/map-filter-icon.png) no-repeat left 20px;
  padding-left: 86px;
  min-height: 80px;
  padding-top: 20px;
  text-align: left;
  color: #f8f0dd;
  text-transform: uppercase;
  font-size: 19px;
//  font-size: 35px;
//  border-right: 3px solid #f8f0dd;
}
#home-map .country-preview #filter-block #filter-label { font-size: 18px; letter-spacing: -1px; color: #404040; }
#home-map .country-preview #filter-block #filter-count { font-size: 35px; letter-spacing: -1px; }
#home-map .country-preview #filter-block #filter-count em { font-style: normal; font-size: 22px; text-transform: lowercase; }
#home-map .country-preview #lives-block { background: transparent url(../images/map-icon-people.png) no-repeat left 20px; padding-left: 86px; min-height: 80px; padding-top: 20px; text-align: left; color: #f8f0dd; text-transform: uppercase; font-size: 35px; }
#home-map .country-preview #lives-block #lives-label { font-size: 18px; letter-spacing: -1px; color: #404040; }
#home-map .country-preview #lives-block #lives-count { font-size: 35px; letter-spacing: -1px; }
#home-map .country-preview #lives-block #lives-count em { font-style: normal; font-size: 22px; text-transform: lowercase; }

.home-slide { position: relative; padding: 60px 0 40px 0; background: #f9f2e0 url(../images/w4w_bckgrnd_natural.jpg); }
.home-slide div.cut-arrow { position: absolute; width: 54px; height: 27px; left: 50%; margin-left: -27px; top: 0px; background: #f9f2e0 url(../images/cut-arrow-natural.png); }
.home-slide h1 { letter-spacing: -1px; margin-top: 0px; text-transform: uppercase; color: #404040; }
.home-slide h1 hr { height: 4px; border-width: 0px; border-top: 2px solid #dfd8c9; border-bottom: 2px solid #fff; display: inline-block; margin: 10px 30px; width: 25%; }
.home-slide h3 { letter-spacing: -1px; color: #404040; margin-bottom: 30px; }
.home-slide h4 { letter-spacing: -1px; color: #00aeef; text-transform: uppercase; }
.home-slide p.room { padding: 0px 40px; }
.home-slide p { color: #54534c; }

.blue-slide { background: #00a6d6 url(../images/w4w_bckgrnd_blue.jpg); }
.blue-slide div.cut-arrow { background: #00a6d6 url(../images/cut-arrow.png); }
.blue-slide h1 { color: #000; }
.blue-slide h1 hr { border-top: 2px solid #008bb1; border-bottom: 2px solid #3bb9dc; }
.blue-slide h3 { color: #f8f0dd; }
.blue-slide h4 { letter-spacing: -1px; text-transform: uppercase; color: #f8f0dd; }
.blue-slide p { color: #f8f0dd; color: #000; }

.blue-slide .columns:hover h4 { color: #000; }

.blue-slide .columns:hover .next-link-arrow { display: inline; }

#home-filter-solutions hr { height: 4px; border-width: 0px; border-top: 2px solid #dfd8c9; border-bottom: 2px solid #fff; }

#home-filter-solutions hr.divider { margin: 30px 0px; }

#home-action hr { height: 4px; border-width: 0px; border-top: 2px solid #008bb1; border-bottom: 2px solid #3bb9dc; }

#home-action hr.divider { margin: 30px 0px; }

footer { background: #000; padding: 40px 0px; color: #8c8c8c; text-transform: uppercase; }
footer p { margin: 20px 0px; font-size: 12px; font-weight: bold; }
footer p span.divider { padding: 0px 10px; }

div.orbit-wrapper span.rotator { background-image: url("../images/foundation/orbit/rotator-black.png?1348010697"); }

div.slider div.orbit-wrapper div.timer { top: 160px; z-index: 200; }

div.orbit-wrapper span.mask.move { background-image: url("../images/foundation/orbit/timer-black.png?1348010697"); }

div.orbit-wrapper span.pause { background-image: url("../images/foundation/orbit/pause-black.png?1348010697"); }

div.orbit-wrapper span.pause.active { background-image: url("../images/foundation/orbit/pause-black.png?1348010697"); }

div.orbit-wrapper div.slider-nav span.right { background-image: url("../images/foundation/orbit/right-arrow.png?1348010697"); }

div.orbit-wrapper div.slider-nav span.left { background-image: url("../images/foundation/orbit/left-arrow.png?1348010697"); }

.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background-image: url("../images/foundation/orbit/right-arrow-small.png?1348010697"); }

.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background-image: url("../images/foundation/orbit/left-arrow-small.png?1348010697"); }

ul.orbit-bullets li { background-color: transparent; background-image: url("../images/foundation/orbit/bullets.png?1348010697"); }

ul.orbit-bullets { bottom: 50px; }

@media only screen and (min-width: 767px) {

  div#the-spacer { height: 100%; }
  div#splash { height: 100%; min-height: 126px; overflow: hidden; }
  div#splash .slider-nav .right { width: 65px; height: 72px; background-image: url(../images/stage-right-arrow.png); }
  div#splash .slider-nav .left { width: 65px; height: 72px; background-image: url(../images/stage-arrow-left.png); }
  div#splash a.down-link { display: block; width: 84px; height: 74px; background-image: url(../images/button-stage-down.png); text-indent: -100000px; position: absolute; /* left: 50%; */ right: 80px; bottom: 0px; margin-left: -42px; z-index: 99; }
  div#splash .primary-header { position: fixed; top: 0px; right: 0px; left: 0px; background: transparent; background-image: url(../images/black-80.png); z-index: 100; /*h1 {
	background-image:url(../images/black-80.png);
	width:240px;
	height:116px;
	margin-top:10px;
	a {
		height:116px;
	}
}
.user-bar {
	padding: 10px;
	background-image:url(../images/black-80.png);
}*/ }
  div#splash .primary-header ul.nav-bar { background-color: transparent; }
  div#splash .primary-header.bottom-locked { position: absolute; bottom: 0px; top: auto; }
  div#splash .slider { z-index: 10; background: #000; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; height: 100%; overflow: hidden; }
  div#splash .slider img.full-screen { width: 100%; }
  div#splash .slider .text-centered { max-width: 848px; position: absolute; bottom: 50%; left: 50%; margin-left: -424px; margin-bottom: -220px; }
  div#splash .slider .text-overlay { position: absolute; bottom: 100px; right: 0px; padding: 30px; background-image: url(../images/black-80.png); }
  div#splash .slider .text-overlay table { width: 100%; background: transparent; border: 0px; border-collapse: collapse; margin: 0px; }
  div#splash .slider .text-overlay table td:first-child { padding-left: 0px; }
  div#splash .slider .text-overlay table td:last-child { padding-right: 0px; border-right-width: 0px; }
  div#splash .slider .text-overlay table td { border: 0px; border-right: 1px solid #fff; padding: 0px 30px; background: transparent; color: #FFF; font-size: 20px; vertical-align: middle; }
  div#splash .slider .text-overlay table td p { font-size: 14px; color: #fcf7f7; font-family: Arial; font-weight: 100; padding-bottom: 42px; }
  div#splash .slider .text-overlay table span.blue { text-transform: uppercase; font-size: 22px; display: block; margin-bottom: 6px; color: #00aeef; font-weight: normal; letter-spacing: -1px; }
  div#splash .slider .text-overlay table span.primary { margin-top: 0px; font-size: 45px; text-transform: uppercase; line-height: 48px; color: white; }
  div#splash .slider .text-overlay a { display: block; width: 132px; height: 42px; background-image: url(../images/button-view-project.png); text-indent: -10000px; position: absolute; right: 30px; bottom: 30px; }
  div#splash .slider.portrait { text-align: center; }
  div#splash .slider.portrait img.full-screen { max-width: none; width: auto; height: 100%; }
  div#splash .orbit-wrapper { min-height: 300px; }

}



@media only screen and (max-width: 900px) { .primary-header ul.nav-bar li a { font-size: 20px !important; } }
@media only screen and (max-width: 767px) {
  .primary-header ul.nav-bar li { margin: 0px !important; }
  .primary-header h1 a { margin: 0px; height: 67px; margin-top: 30px; }
  .home-slide h3 { font-size: 24px; padding: 0px 40px; }
  .home-slide h1 hr { display: none; }
  div#splash .slider, div#splash .orbit-wrapper { display: none; }
}

.primary-header { background: #000; }
.primary-header h1 { margin: 0px; padding: 0px; }
.primary-header h1 a { height: 126px; min-width: 197px; background: transparent url(../images/w4w_logo.png) no-repeat center center; text-indent: -10000px; display: block; }
.primary-header div.user-bar { margin-top: 30px; color: white; text-align: center; }
.primary-header ul.nav-bar { height: auto; background: #000; }
.primary-header ul.nav-bar li { text-transform: uppercase; line-height: auto; border-width: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-left: 30px; }
.primary-header ul.nav-bar li a { font-family: inherit; font-size: 24px; color: #FFF; letter-spacing: -1px; padding: 0; text-align: center; }
.primary-header ul.nav-bar li > a:hover { color: #00aeef; }
.primary-header ul.nav-bar li:hover, .primary-header ul.nav-bar li.active { background-color: transparent; }
.primary-header ul.nav-bar li:hover > a, .primary-header ul.nav-bar li.active > a { color: #00aeef; }
.primary-header ul.nav-bar li:hover .action-dropdown { display: block; }
.primary-header .mini-nav { background: #404040; min-height: 28px; }
.primary-header .mini-nav a { color: white; float: left; line-height: 28px; display: block; padding: 0px 20px; text-transform: uppercase; font-weight: normal; }
.primary-header .mini-nav a:last-child { margin-right: -20px; }
.primary-header .mini-nav a:hover { background: #4c4a48; }
.primary-header .mini-nav a.active { background: #716e69; }
.primary-header .mini-nav a.highlight-me { color: #00aeef; }
.primary-header .action-dropdown { position: absolute; display: none; height: 240px; left: 0px; right: 0px; text-align: center; background-color: #404040; z-index: 1000; margin-top: 8px; }
.primary-header .action-dropdown .row { margin: 0px; }
.primary-header .action-dropdown .columns:hover { background-image: url(../images/action-bg-hover.png); }
.primary-header .action-dropdown .columns { height: 240px; position: relative; }
.primary-header .action-dropdown .columns div.divider { height: 240px; width: 3px; background-image: url(../images/action-divider.png); left: -1px; position: absolute; }
.primary-header .action-dropdown .columns div.action-selected { height: 12px; width: 140px; background-image: url(../images/action-arrow-up.png); background-repeat: no-repeat; background-position: center top; top: -12px; right: 0px; position: absolute; }
.primary-header .action-dropdown a { display: block; height: 240px; padding-top: 30px !important; position: static; }
.primary-header .action-dropdown a div.action-icon { height: 160px; }
.primary-header .action-dropdown a div { font-size: 19px !important; letter-spacing: normal; }
.primary-header .action-dropdown a:hover { color: #FFF; }

div.breadcrumbs { background: #00a6d6 url(../images/w4w_bckgrnd_blue.jpg); }
div.breadcrumbs ul.breadcrumbs { background: transparent; border-width: 0px; margin-bottom: 0px; }
div.breadcrumbs ul.breadcrumbs li { font-size: 16px; }
div.breadcrumbs ul.breadcrumbs li a { font-size: 16px; color: white; }
div.breadcrumbs ul.breadcrumbs li.current a { color: #b4ecff; }
div.breadcrumbs ul.breadcrumbs li::before { color: #FFF; }

/**************************************** Buttons **************************************/
.next-link { background-image: url(../images/learn-more-arrow.png); background-position: right center; background-repeat: no-repeat; padding-right: 36px; text-transform: uppercase; font-size: 26px; line-height: 21px; color: #404040; }

.next-link-arrow { display: none; background-image: url(../images/icon-arrow-blue.png); background-position: right center; background-repeat: no-repeat; padding-right: 16px; text-transform: uppercase; font-size: 18px; line-height: 21px; color: #000; }

.next-link-arrow:hover { color: #000; }

.field-report { font-size: 16px; text-transform: uppercase; display: block; float: right; /* padding-right: 38px; background: transparent url(../images/icon-small-plus.png) no-repeat right center; */ color: #404040; line-height: 28px; margin-top: 24px; }

.blue-text { color: #00aeef; }

/**************************************** Icons **************************************/
.sprite-bucket, .sprite-family, .sprite-globe, .sprite-map_pin, .sprite-quake, .sprite-sprt_fund { display: block; background: url(https://s3.amazonaws.com/wavesforwater/images/csg-50172d93b7f86.png) no-repeat top left; }

.sprite-bucket { background-position: 0 0; width: 49px; height: 57px; }

.sprite-family { background-position: -59px 0; width: 43px; height: 57px; }

.sprite-globe { background-position: -112px 0; width: 59px; height: 58px; }

.sprite-map_pin { background-position: -181px 0; width: 10px; height: 14px; }

.sprite-quake { background-position: -201px 0; width: 58px; height: 58px; }

.sprite-sprt_fund { background-position: -269px 0; width: 23px; height: 14px; }

/**************************************** Progress Bar **************************************/
.progress-bar, .progress-bar .bar { width: 100%; height: 6px; border-radius: 4px; box-shadow: inset 0px 1px 5px #333333, -1px 1px 1px white; background: #404040; background-image: none; margin: 0; }

.progress-bar .bar { background: #00aeef; max-width: 100%; }

.project-filter-progress { width: 236px; }

.progress-bar-cont { margin: 10px 0; }

/**************************************** Stats Table **************************************/
table.stats-table { width: 100%; background: transparent; border: 0px; border-collapse: collapse; }
table.stats-table td:first-child { border-right: 2px solid #dfd8c9; padding-left: 0px; padding-right: 10px; }
table.stats-table td { margin: 0px; padding: 0px; padding-left: 10px; border: 0px; background: transparent; color: #00aeef; font-size: 20px; }
table.stats-table strong { text-transform: uppercase; font-size: 15px; display: block; color: #404040; font-weight: normal; letter-spacing: -1px; }
table.stats-table.header-stats td { padding: 3px 0; }
table.stats-table.header-stats td .special-info { color: #565555; margin-bottom: 0px; }
table.stats-table.header-stats td:last-child { border-left: 2px solid white; }

/**************************************** List Items **************************************/
div.list-item { overflow: hidden; position: relative; box-shadow: 0; border: 0; padding: 0; cursor: pointer; }
div.list-item img.shadow { display: none; }
div.list-item div h3 { font-size: 23px; line-height: 23px; min-height: 46px; }
div.list-item p { font-size: 12px; color: #54534c; min-height: 57px; }
div.list-item:hover div h3 { color: #00aeef; }
div.list-item:hover div.thumbnail-image { position: relative; }
div.list-item:hover div.thumbnail-image img.shadow { display: block; position: absolute; top: 0px; left: 0px; }

.special-info { font-size: 12px; color: #b9b5a8; margin-bottom: 10px; }
.special-info span { margin-right: 6px; float: left; /* margin-top: -3px; display: block; */}

.special-info.owner { background: transparent url(../images/cwc-mini-icon.png) no-repeat left center; padding-left: 25px; }

.special-info.fundraiser { background: transparent url(../images/icon-mini-fundraiser.png) no-repeat left center; padding-left: 25px; }

icon { font-family: wavesregular; color: #00aeef; text-transform: none !important; }

.stat-segment { margin: 15px 0px; color: #404040; font-size: 16px; text-transform: uppercase; }
.stat-segment icon.large { font-size: 70px; float: left; display: block; margin-right: 10px; line-height: 80px; margin-top: -20px; }
.stat-segment strong { font-size: 28px; color: #00aeef; font-weight: normal; display: block; margin-top: 7px; }

/**************************************** DONATION MODULE **************************************/
.mini-label { clear: both; margin-bottom: 4px; font-weight: bold; }

.mini-choice, input[type=text].mini-choice { padding: 12px 0 !important; float: left; font-size: 17px; font-family: 'Arial'; font-weight: 700; margin: 0 8px 16px 0; width: auto; background: #fff; text-align: center; cursor: pointer; border: 1px solid #b2b2b2; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; color: #585858; text-shadow: 0 1px 1px white; background: #fbfbfb; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fbfbfb 0%, #dedede 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #dedede)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbfbfb 0%, #dedede 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbfbfb 0%, #dedede 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbfbfb 0%, #dedede 100%); /* IE10+ */ background: linear-gradient(to bottom, #fbfbfb 0%, #dedede 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#dedede',GradientType=0 ); /* IE6-8 */ }

input[type=text].mini-choice { width: 120px; cursor: text; color: #fff; line-height: 17px; height: 17px; font-family: 'TradeGothicW01-BoldCn20 675334'; }

input[type=text].mini-input { width: 100px; margin-right: 15px; float: left; }

#other_amount.selected { background: #FFF; }

#other_amount { background: #dadada; }

.mini-choice.selected, input[type=text].mini-choice.selected { /*
	background: #282828;
	border: 1px solid #b2b2b2;
	color: #fff;
	font-family: 'TradeGothicW01-BoldCn20 675334';
*/ text-shadow: 0 0 0; background: #fbfbfb; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dedede 0%, #fbfbfb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(100%, #fbfbfb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dedede 0%, #fbfbfb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dedede 0%, #fbfbfb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dedede 0%, #fbfbfb 100%); /* IE10+ */ background: linear-gradient(to bottom, #dedede 0%, #fbfbfb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-8 */ }

#donate_form input[type="submit"] { width: 125px; }

#fundraise_form { margin: 0; padding: 0; }

#fundraise_form input[type="submit"] { width: 100%; }

input[type="submit"] { height: 40px; border: none; background: #00ADEF; color: white; font-size: 22px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 6px; text-transform: uppercase; font-weight: normal; font-family: inherit; }

input[type="submit"]:hover { color: #404040; background: -moz-linear-gradient(top, white 0%, #dddddd); background: -webkit-gradient(linear, left top, left bottom, from(white), to(#dddddd)); }

input[type="submit"]:active { background: #dddddd; -moz-box-shadow: inset 0px 1px 3px rgba(107, 107, 107, 0.5), 0px 0px 3px white; -webkit-box-shadow: inset 0px 1px 3px rgba(107, 107, 107, 0.5), 0px 0px 3px white; }

input[type="submit"].processing { background: #dddddd; -moz-box-shadow: none; -webkit-box-shadow: none; }

#donate_form { position: relative; margin: 0; }

#maparea { position: relative !important; z-index: 0; height: 440px; min-width: 940px; margin-bottom: 30px; margin-bottom: 0px; }
#maparea div { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#maparea { position: relative !important; z-index: 0; height: 30px; min-width: 940px; margin-bottom: 30px; margin-bottom: 0px; }
#maparea div { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }


.messages { font-family: Helvetica; padding: 10px; border: 2px solid #9d2e00; background: #ffecdb; margin: 20px 0px; }

/*** MAP POPUP ***/
html body .mapText, html body .cwcMapInfo { width: 531px; height: 246px; background: transparent url(../images/map-popup-bg.png) no-repeat; padding: 1px 0 0 1px; margin: 0; z-index: 1000; }

html body .cwcMapInfo { position: relative; padding: 0; }

html body .cwcMapInfo .close_circle { cursor: pointer; position: absolute; top: 0; right: 8px; height: 27px; width: 27px; background: transparent url(../images/map-popup-close.png) no-repeat; }

html body .cwcMapInfo .cwcMapPopupLeft { width: 177px; height: 220px; float: left; }
html body .cwcMapInfo .cwcMapPopupLeft img { display: block; }

html body .cwcMapInfo .cwcMapPopupRight { margin-left: 20px; width: 300px; height: 220px; font-size: 14px; float: left; }

html body .cwcMapInfo .cwcMapPopupRight .cwcMapName { line-height: 16px; margin-bottom: 10px; height: 42px; }
html body .cwcMapInfo .cwcMapPopupRight .cwcMapName .special-info { margin-top: 5px; }

html body .cwcMapInfo .cwcMapPopupRight .cwcMapName h4 { margin-bottom: 2px; }

html body .cwcMapInfo .cwcMapPopupRight .cwcMapName a { margin-top: 14px; display: block; }

html body .cwcMapInfo .cwcMapPopupRight .cwcMapDescription { border-bottom: 2px solid #DFD8C8; padding-bottom: 15px; min-height: 66px; }
html body .cwcMapInfo .cwcMapPopupRight .cwcMapDescription p { font-size: 12px; margin: 0px; }

html body .cwcMapInfo .cwcMapPopupRight .cwcMapStats { border-top: 2px solid #FCF9F2; padding-top: 15px; }

html body .cwcMapInfo .cwcMapPopupRight .cwcMapStats .cwcMapStatsFilters img { float: left; }

html body .cwcMapInfo .cwcMapPopupRight .cwcMapStats .cwcMapStatsImpact img { float: left; margin-left: 15px; }

html body .cwcMapInfo .cwcMapPopupRight .cwcMapStats .cwcMapStatsFilters > div { float: left; width: 68px; }

html body .cwcMapInfo .cwcMapPopupRight .cwcMapStats .cwcMapStatsImpact > div { float: left; width: 115px; }

html body .cwcMapInfo .cwcMapPopupRight .cwcMapStats .cwcMapStatsFilters div h5 { width: 68px; float: left; margin-bottom: 0; }

html body .cwcMapInfo .cwcMapPopupRight .cwcMapStats .cwcMapStatsImpact div h5 { width: 115px; float: left; margin-bottom: 0; }

html body .cwcMapInfo .cwcMapPopupRight .cwcMapStats .cwcMapStatsFilters { border-right: 2px solid #DFD8C8; width: 120px; height: 48px; float: left; }

html body .cwcMapInfo .cwcMapPopupRight .cwcMapStats .cwcMapStatsImpact { float: left; }

.button-link { background-color: #404040; padding: 20px; font-size: 22px; text-transform: uppercase; letter-spacing: -1px; display: block; color: #FFF; margin-bottom: 10px; }
.button-link.active { background-color: #00aeef; position: relative; }
.button-link.active span { 
	position: absolute;
	display: block;
	right: -15px;
	top: 50%;
	margin-top: -15px;
	border-left: 15px solid #00aeef;
	width: 0;
	height: 0;
	border-bottom: 15px solid transparent;
	border-top: 15px solid transparent;
}

.button-link:hover { color: #FFF; }

div.content { /**************************************** Become a CWC Green Action Button **************************************/ /**************************************** Fix nav so border doesn't show w/button **************************************/ /**************************************** Setup Icon Info Sections for CWC Search **************************************/ /**************************************** Badge overlays on the image (funded / cwc) **************************************/ /**************************************** CWC About Header **************************************/ }
div.content ul.nav-bar > li a.button-cwc, div.content .button-cwc, div.content .button-all-missions { width: 199px; height: 49px; text-indent: -10000px; display: block; background-image: url(../images/button-become-cwc.png); margin-top: -14px; }
div.content .button-cwc:hover, div.content .button-all-missions:hover { background-position: -199px 0px; }
div.content .button-all-missions { background-image: url(../images/button-all-cwc.png); }
div.content .button-cwc-large { width: 315px; height: 73px; text-indent: -10000px; display: block; background-image: url(../images/cwc-large-button.png); margin: 60px auto; }
div.content .button-cwc-large:hover { background-position: -315px 0px; }
div.content .nav-bar.cwc-nav > li { border-right-width: 0px; margin-left: 0px; }
div.content .nav-bar.cwc-nav > li:first-child { margin-right: 0px; border-right-width: 0px; }
div.content .cwc-find { padding-left: 95px; background: transparent url(../images/cwc-icon-search.png) no-repeat left top; }
div.content .cwc-support { padding-left: 95px; background: transparent url(../images/cwc-icon-donate.png) no-repeat left top; }
div.content .cwc-become { padding-left: 95px; background: transparent url(../images/cwc-icon-become.png) no-repeat left top; }
div.content .title-info .cwcIcon { position: absolute; top: 10px; right: 10px; }
div.content .title-info .cwcFundedIcon { position: absolute; top: 10px; left: 10px; z-index: 100; }
div.content .cwc-about-image { width: 100%; padding-bottom: 37%; position: absolute; }
div.content .left-number { float: left; }
div.content .left-number span { height: 52px; width: 52px; display: block; font-size: 30px; margin-right: 20px; background-image: url(../images/large-bullet-sprite.png); color: #FFF; line-height: 52px; text-align: center; }
div.content .row-icon { margin-bottom: 40px; }

/**************************************** Map Styles (pullup handle, canvas area) **************************************/
#map_canvas img, .map_canvas img { max-width: none; }

#mapHandleCont { background: #00aeef; height: 47px; margin-bottom: 30px; text-align: center; background: #f7f0dd url(../images/bg-blue.jpg); }
#mapHandleCont #mapHandle { margin: -21px 0 0 -31px; width: 66px; height: 68px; background: transparent url(../images/tab-hide-map.png) no-repeat; display: block; position: absolute; left: 50%; }
#mapHandleCont #mapHandle.showMap { margin: 0 0 0 -31px; width: 66px; height: 68px; background: transparent url(../images/tab-show-map.png) no-repeat; display: block; position: absolute; left: 50%; }

/**************************************** Add specific stat styles for CWC's **************************************/
table.stats-table td.filter-stats { background: transparent url(../images/cwc-mini-filter.png) no-repeat left center; padding-left: 35px; }
table.stats-table td.life-stats { background: transparent url(../images/cwc-mini-impact.png) no-repeat 10px center; padding-left: 45px; }
table.stats-table td.funding-goal { background: transparent url(../images/icons/icon-funding-goal.png) no-repeat 10px center; padding-left: 55px; }

/**************************************** OLD Styles **************************************/
/*********** CWC About Page ****************/
.cwcMain { width: 610px; float: left; line-height: 22px; }

.cwcMain h3 { border-bottom: 1px solid silver; margin-bottom: 20px; }

.cwcSidebar { width: 280px; float: right; background-color: #000; color: #fff; margin-left: 50px; font-size: 14px; position: relative; overflow: visible; }

.cwcSidebarInner { padding: 0 15px 15px; }

.cwcSidebar img.cwcBadge { position: absolute; top: -20px; right: -20px; display: none; }

.cwcSidebar { width: 280px; float: right; background: white url(/images/new_cwc_become.jpg) no-repeat; color: #000; margin-left: 50px; font-size: 14px; }

.cwcSidebarInner { padding: 15px; margin-top: 320px; }

p.step1, p.step2, p.step3, p.step4, p.step5 { padding-left: 38px; line-height: 33px; }

p.step1 { background: transparent url(/images/1.png) no-repeat; }

p.step2 { background: transparent url(/images/2.png) no-repeat; }

p.step3 { background: transparent url(/images/3.png) no-repeat; }

p.step4 { background: transparent url(/images/4.png) no-repeat; }

p.step5 { background: transparent url(/images/5.png) no-repeat; }

/*********** DONATE TO BALI SIDE#BAR WIDGET ***********/
#sidebar .widgetDonateBali, #content .widgetDonateBali, .vmOverlay .widgetDonateBali { background: #000; color: #fff; font-weight: 700; padding: 10px; width: 260px; }

#sidebar .widgetDonateBali input, #content .widgetDonateBali input, .vmOverlay .widgetDonateBali input { width: 247px; height: 24px; padding: 4px 4px 0; font-size: 18px; color: #333; }

#sidebar .widgetDonateBali input[type=submit], #content .widgetDonateBali input[type=submit], .vmOverlay .widgetDonateBali input[type=submit] { background: #00bdf6 url(/images/send_donation.gif) no-repeat; height: 37px; width: 260px; text-indent: -9999px; border-radius: 0; font-weight: 700; padding: 6px 2px 6px; float: right; clear: both; margin: 10px 0 0; }

.vmOverlay a.continue { color: #999; font-size: 18px; }

.vmOverlay a.continue:hover { color: #fff; }

.content { /**************************************** Setup Icon Info Sections for CWC Search **************************************/ }
.content .project-find { padding-left: 95px; background: transparent url(../images/icon-project-find.png) no-repeat left top; }
.content .project-support { padding-left: 95px; background: transparent url(../images/cwc-icon-donate.png) no-repeat left top; }
.content .project-impact { padding-left: 95px; background: transparent url(../images/icon-impact.png) no-repeat left top; }
.content .floating-image { float: left; margin: 15px 15px 15px 0px; }

.content { /**************************************** Start a Fundraiser Blue Action Button **************************************/ /**************************************** Setup Icon Info Sections for CWC Search **************************************/ }
.content .button-fundraiser { width: 250px; height: 49px; text-indent: -10000px; display: block; background-image: url(../images/button-start-fundraiser.png); margin-top: -14px; }
.content .button-fundraiser:hover { background-position: -250px 0px; }
.content .fundraiser-start { padding-left: 95px; background: transparent url(../images/icon-fundraise.png) no-repeat left top; }
.content .fundraiser-support { padding-left: 95px; background: transparent url(../images/cwc-icon-donate.png) no-repeat left top; }
.content .fundraiser-impact { padding-left: 95px; background: transparent url(../images/icon-impact.png) no-repeat left top; }

form label { font-size: 26px; text-transform: uppercase; letter-spacing: -1px; }
form input.button-blue { border-width: 0px; background: transparent url(../images/button-next.png) no-repeat right top; padding: 0px; margin: 0px; height: 45px; font-size: 30px; text-transform: uppercase; color: white; padding: 0px 50px 0px 30px; font-family: inherit; }
form input.button-white { border-width: 0px; background: transparent url(../images/button-next.png) no-repeat right top; padding: 0px; margin: 0px; height: 45px; font-size: 30px; text-transform: uppercase; color: white; padding: 0px 50px 0px 30px; font-family: inherit; }
form.custom div.custom.dropdown { height: auto; }
form.custom div.custom.dropdown a.current { line-height: 39px; padding-left: 20px; font-size: 18px; }
form.custom div.custom.dropdown a.selector { height: 41px; width: 50px; border-left-width: 0px; }
form.custom div.custom.dropdown ul { top: 40px; border-color: #DDD; border-top-color: #FFF; }
form.custom div.custom.dropdown ul li { line-height: 34px; font-size: 18px; padding-left: 20px; }
form.custom div.custom.dropdown ul li.selected { background: #f7f7f7; }
form.custom div.custom.dropdown ul li.selected:after { content: "\2190"; position: absolute; right: 18px; }
form.custom div.custom.dropdown ul li.selected:hover { background: #ffffe4; }
form.custom div.custom.dropdown ul li:hover { background: #ffffe4; }
form.custom div.custom.dropdown ul li:hover:after { content: "\2190"; color: orange; position: absolute; right: 18px; }

input[type=button], input[type=submit] { cursor: pointer; }

/**************************************** Global Styles **************************************/
html, body { height: 100%; background: #000; }

div.content { background: #f9f2e0 url(../images/w4w_bckgrnd_natural.jpg); padding: 30px 0px; position: relative; }
div.content h1 { text-transform: uppercase; color: #404040; letter-spacing: -1px; }
div.content h2 { color: #404040; letter-spacing: -1px; font-size: 29px; }
div.content .segmented h3 { margin-top: 40px; text-transform: uppercase; margin-bottom: 4px; }
div.content h3 { font-size: 22px; color: #404040; line-height: 28px; }
div.content h3.new-contact { padding-right: 40%; color: #54534c; background: transparent url(../images/icon-add-contact.png) no-repeat right center; min-height: 78px; padding-top: 20px; }
div.content h3.new-media { padding-right: 30%; color: #54534c; background: transparent url(../images/icon-media.png) no-repeat right center; min-height: 56px; padding-top: 0px; }
div.content h3.impact-pin { padding-right: 30%; color: #54534c; background: transparent url(../images/icon-pin-to-map.png) no-repeat right center; min-height: 78px; padding-top: 20px; }
div.content h3.add-filter { padding-right: 20%; color: #54534c; background: transparent url(../images/icon-add-filter.png) no-repeat right center; min-height: 78px; }
div.content h5 { font-size: 15px; color: #404040; text-transform: uppercase; margin-bottom: 0px; margin-top: 20px; }
div.content h5 em { color: #00aeef; font-style: normal; }
div.content hr { height: 4px; border-width: 0px; border-top: 2px solid #dfd8c9; border-bottom: 2px solid #fff; margin: 0px; }
div.content .row > hr { margin: 0px 15px; }
div.content p { color: #54534c; }
div.content ul.nav-bar { background: transparent; height: 22px; overflow: visible; margin-top: 25px; }
div.content ul.nav-bar > li { text-transform: uppercase; line-height: 22px; border-width: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-left: 20px; border-right: 2px solid #beb8ab; padding-right: 20px; height: auto; }
div.content ul.nav-bar > li a { font-family: inherit; font-size: 22px; color: #404040; letter-spacing: -1px; padding: 0; text-align: center; margin-top: 3px;}
div.content ul.nav-bar > li:hover, div.content ul.nav-bar > li.active { background-color: transparent; }
div.content ul.nav-bar > li:hover a, div.content ul.nav-bar > li.active a { color: #00aeef; background-color: transparent; }
div.content ul.nav-bar > li:last-child { border-right: 0px; padding-right: 0px; }
div.content ul.nav-bar.step-by-step { height: 52px; margin-bottom: 25px; }
div.content ul.nav-bar.step-by-step > li { font-size: 29px; line-height: 52px; padding: 0px; text-transform: none; padding-right: 40px; letter-spacing: -1px; color: #404040; border-right-width: 0px; font-weight: normal; margin-left: 0px; }
div.content ul.nav-bar.step-by-step > li span { height: 52px; width: 52px; display: block; float: left; margin-right: 20px; background-image: url(../images/large-bullet-sprite.png); color: #FFF; line-height: 52px; text-align: center; background-position: 0 -52px; }
div.content ul.nav-bar.step-by-step > li.active span { background-position: 0 0; }
div.content ul.nav-bar.social-networks > li { font-size: 29px; padding: 0px; padding-right: 0px; letter-spacing: -1px; color: #404040; border-right-width: 0px; font-weight: normal; margin-left: 0px; margin-right: 40px; }
div.content ul.nav-bar.social-networks > li span { height: 73px; width: 73px; display: block; margin: 0px auto; margin-bottom: 10px; padding: 0px; background-image: url(../images/social-sprite.png); }
div.content ul.nav-bar.social-networks > li.facebook span { background-position: 0 -146px; }
div.content ul.nav-bar.social-networks > li.twitter span { background-position: 0 -73px; }
div.content ul.nav-bar.social-networks > li.pinterest span { background-position: 0 0; }
div.content ul.nav-bar.social-networks > li.google span { background-position: 0 -292px; }
div.content ul.nav-bar.social-networks > li.email span { background-position: 0 -219px; }
div.content .search-header { margin-top: 40px; margin-bottom: 40px; font-size: 26px; }
div.content .search-header h1 { font-size: 26px; line-height: inherit; margin: 0px; }
div.content .search-header ul.nav-bar { margin: 3px 0 0; }
div.content .search-header ul.nav-bar > li a { font-size: 26px; }

div.blue-content { background: #f9f2e0 url(../images/w4w_bckgrnd_blue.jpg); }

#about-header { padding: 30px 0px; }
#about-header h1 { text-transform: uppercase; font-size: 40px; letter-spacing: -1px; }
#about-header h3 { font-size: 22px; letter-spacing: -1px; }





/********************************
 * Utility classes
 ********************************/

.white { color: #ffffff !important; }
.black { color: #000000 !important; }
.grey {	color: #404040 !important; }

.grey1 { color: #404040 !important; }
.grey2 { color: #565555 !important; }
.cyan {  color: #00aeef !important; }

.hover-white:hover { color: #ffffff !important; }
.hover-grey1:hover { color: #404040 !important; }
.hover-grey2:hover { color: #565555 !important; }
.hover-cyan:hover {  color: #00aeef !important; }

.bg-grey1 { background-color: #404040 !important; }
.bg-grey2 { background-color: #565555 !important; }
.bg-cyan {  background-color: #00aeef !important; }

.hover-bg-grey1:hover { background-color: #404040 !important; }
.hover-bg-grey2:hover { background-color: #565555 !important; }
.hover-bg-cyan:hover {  background-color: #00aeef !important; }

.button,
input[type="submit"].button {
	background: #00aeef url(../images/buttons/button-bg-gradient.png) repeat-x;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	padding: 10px 16px;
	display: inline-block;
	width: auto;
}

.button:hover,
input[type="submit"].button:hover {
	background-position: 0 -58px;
	color: #fff;
}

.button:active,
input[type="submit"].button:active {
	background-position: 0 -116px;
	color: #fff;
}

.block {
	display: block !important;
}

.font16 { font-size: 16px !important; }
.font18 { font-size: 18px !important; }

.arial12 {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
}
.arial14 {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
}
.arial16 {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
}
.grey19 {
	font-size: 19px !important;
	color: #565555 !important;
}
.cyan28 {
	font-size: 28px !important;
	color: #00aeef !important;
}

.uppercase {
	text-transform: uppercase !important;
}

.propercase {
	text-transform: none !important;
}

.bold {
	font-weight: 700 !important;
}

.t-center {
	text-align: center !important;
}

.left {
	float: left !important;
}
.right {
	float: right !important;
}

.height253 {
	height: 253px !important;
}

.width230 {
	width: 230px !important;
}

.margin0 {
	margin: 0px !important;
}

.marginTop0 {
	margin-top: 0px !important;
}

.marginTop5 {
  margin-top: 5px !important;
}

.marginTop6 {
  margin-top: 6px !important;
}

.marginTop10 {
	margin-top: 10px !important;
}

.marginTop15 {
	margin-top: 15px !important;
}

.marginTop20 {
  margin-top: 20px !important;
}

.marginTop25 {
  margin-top: 25px !important;
}

.marginTop30 {
	margin-top: 30px !important;
}

.marginTop40 {
	margin-top: 40px !important;
}

.marginTop50 {
	margin-top: 50px !important;
}

.marginTop80 {
  margin-top: 80px !important;
}

.marginTop90 {
  margin-top: 90px !important;
}

.marginTop100 {
  margin-top: 100px !important;
}

.marginBtm0 {
	margin-bottom: 0 !important;
}

.marginBtm4 {
	margin-bottom: 4px !important;
}

.marginBtm10 {
	margin-bottom: 10px !important;
}

.marginBtm15 {
	margin-bottom: 15px !important;
}

.marginBtm20 {
	margin-bottom: 20px !important;
}

.marginBtm30 {
	margin-bottom: 30px !important;
}

.marginTopBtm0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.marginTopBtm10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.marginTopBtm15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.marginTopBtm1510 {
	margin-top: 15px !important;
	margin-bottom: 10px !important;
}

.marginTopBtm20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.marginTopBtm30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.marginLeft0  { margin-left: 0px !important; }
.marginLeft10 { margin-left: 10px !important; }

.marginRight0 { margin-right: 0px !important; }
.marginRight6 { margin-right: 6px !important; }
.marginRight10 { margin-right: 10px !important; }

.minHeight90 {
	min-height: 90px;
}

.paddingLeft10 { padding-left: 10px !important; }
.paddingRight10 { padding-right: 10px !important; }


.clearfix {
	*zoom: 1;
}
.clearfix:before, .clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}

.clearfix:after {
	clear: both;
}

/********************************
 * Layout
 ********************************/

.post-read-more { cursor: pointer; }

.sprite-view,
.sprite-manage { display: inline-block; margin-left: 10px; float: right; width: 27px; height: 28px; background: url(../images/icons/sprite-manage-view.png) no-repeat; }


.sprite-view { background-position: 0 0; }
a:hover > .sprite-view,
.sprite-view:hover { background-position: 0 -32px; }

.sprite-manage { background-position: -32px 0; width: 28px; }
a:hover > .sprite-manage,
.sprite-manage:hover { background-position: -32px -32px; }

a:hover > .sprite-view,
.sprite-view:hover,
a:hover > .sprite-manage,
.sprite-manage:hover {
/*
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	opacity: 0.8;
	z-index: 1;
	-moz-transform-origin: center center;
*/
}

.stats-sprite { display: inline-block; width: 61px; height: 65px; background: url(../images/stats-icon-sprites.png) no-repeat; }
.stats-sprite.globe { background-position: -4px -2px; }
.stats-sprite.bucket { background-position: -65px -2px; }
.stats-sprite.family { background-position: -126px -2px; }
.stats-sprite.filter-cycle { background-position: -188px -2px; }
.stats-sprite.dollar-sign { background-position: -249px -2px; }

.stat-segment .stats-sprite { margin-right: 10px; }


html body a.btn-grey {
	display: block;
	height: 50px;
	width: auto;
	padding-left: 15px;
	background: #404040;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
	text-transform: uppercase;
}

html body a.btn-grey:hover {
	background-color: #000;
}

#home-action a {
	color: #F8F0DD;
	font-size: 22px;
}

#home-action a.btn-grey {
	width: 208px;
	margin: 20px auto;
}

#home-action img {
	margin-bottom: 10px;
}

a.btn-grey span.icon-cwc {
	display: inline-block;
	float: right;
	width: 60px;
	height: 50px;
	background: url(../images/btn-icon-cwc.png) no-repeat left center;
}
a.btn-grey span.icon-arrow {
	display: inline-block;
	float: right;
	width: 31px;
	height: 50px;
	background: url(../images/btn-icon-arrow.png) no-repeat left center;
}

html body div.primary-header ul.nav-bar {
  clear: both;
  height: 57px;
	margin: 25px 0 0;
}

@media only screen and (max-width: 767px) {
	html body div.primary-header ul.nav-bar {
    float: none !important;
    margin: 25px 0;
    height: auto;
	}

  html body .primary-header ul.nav-bar li .action-dropdown {
    margin-top: 0;
  }

  html body .primary-header .action-dropdown .row {
    background-color: #404040;
    text-align: center;
  }

  .primary-header ul.nav-bar li .action-dropdown a {
    margin: 0 auto;
  }

}

html body div.primary-header ul.nav-bar li {
  float: none;
  height: 37px;
  margin-left 10px;
}

@media only screen and (min-width: 768px) {
  html body div.primary-header ul.nav-bar li {
    height: 57px;
    float: right;
  }

  html body .primary-header ul.nav-bar li:hover {
    display: block;
    background-image: url(https://www.wavesforwater.org/static/waves/images/action-arrow-up.png);
    background-repeat: no-repeat;
    background-position: center bottom;
  }

}

html body .primary-header ul.nav-bar li:hover {
  background: none;
}



html body .primary-header .action-dropdown .columns div.divider {
	height: 134px;
	width: 1px;
	background-image: none;
	left: -1px;
	position: absolute;
	border-right: 1px solid #565555;
	margin-top: 35px;
}

html body .primary-header .action-dropdown {
	position: absolute;
	display: none;
	height: 240px;
	left: 0px;
	right: 0px;
	text-align: center;
	background-color: #404040;
	z-index: 1000;
	margin-top: 19px;
}

html body .primary-header .action-dropdown  div.row > div {
}

.primary-header .action-dropdown .columns div.action-selected {
	background-image: none;
}

.primary-header .action-dropdown .columns:hover {
	background-image: none;
}

html body .primary-header ul.nav-bar li {
	position: relative;
}

html body .primary-header ul.nav-bar div.nav-dropdown {
	display: none;
	position: absolute;
	text-align: left;
	height: auto;
	left: 50%;
	margin-left: -120px;
	top: 100%;
	width: 240px;
	padding: 0 20px;
	background-color: #404040;
	z-index: 1000;
}

html body .primary-header ul.nav-bar div.nav-dropdown > a {
	display: block;
	height: 45px;
	line-height: 45px;
	font-size: 19px;
	text-align: left;
	color: #fff;
	border-bottom: 1px solid #706d69;
}

html body .primary-header ul.nav-bar div.nav-dropdown > a:last-of-type {
	border-bottom: none;
}

html body .primary-header ul.nav-bar li div.nav-dropdown > a.active, html body .primary-header ul.nav-bar li div.nav-dropdown > a:hover {
	color: #00aeef;
}

html body .primary-header ul.nav-bar li:hover .nav-dropdown {
	display: block
}

/******* Drop down menu ********/
.dd-cwc, .dd-fundraise, .dd-donate, .dd-filters {
	background: #404040 url(../images/nav-take-action-sprites.png) no-repeat;
	display: block;
	height: 240px;
	width: 230px;
}

.dd-cwc {
	background-position: 0 0;
}
.dd-fundraise {
	background-position: -235px 0;
}
.dd-donate {
	background-position: -480px 0;
}
.dd-filters {
	background-position: -715px 0;
}

.dd-cwc:hover {
	background-position: 0 -240px;
}
.dd-fundraise:hover {
	background-position: -235px -240px;
}
.dd-donate:hover {
	background-position: -480px -240px;
}
.dd-filters:hover {
	background-position: -715px -240px;
}


/****** Input box used on 'donate' module ******/

html body input[type="text"].mini-input {
	width: 151px;
	border: 1px solid #E0D9C9;
	background: white;
	border-radius: 0;
}

html body #other_amount { background: #fff; }

/****** Social Sharing Module ******/

.module-social-sharing {
	height: 22px;
}

html body .stButton .stButton_gradient, html body .stButton .stFb, html body .stButton .stTwbutton, html body .stButton .stMainServices {
	height: 22px;
}

html body div.content hr {
	height: 4px;
	border-width: 0px;
	border-top: 2px solid #DFD8C9;
	border-bottom: 2px solid #fdfaf2;
	margin: 0px;
}

#mapHandleCont #mapHandle { cursor: pointer; }


/********** Pagination **********/

.paging-html { float: right; }
.paging-html a { font-family: 'TradeGothicW01-BoldCn20 675334'; font-size: 22px; color: #b8b2a5; padding: 0px 3px; }
.paging-html a:hover,
.paging-html a.selected { color: #00aeef; }

/*
.paging-html a.pager-prev,
.paging-html a.pager-next { text-indent: -9999px; width: 6px; height: 14px; display: block; padding: 0 3px; margin: 1px 4px; }

.paging-html a.pager-next { background: transparent url(../images/pager-arrow-right.png) no-repeat; float: right; }
.paging-html a.pager-prev { background: transparent url(../images/pager-arrow-left.png) no-repeat; float: left; }
*/

.paging-html a.pager-prev {
	float: left;
	height: 0;
	width: 0;
	text-indent: -9999px;
	background: transparent;
	border-right: 7px solid #00aeef;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	margin-top: 4px;
	margin-right: 4px;
}

.paging-html a.pager-next {
	float: right;
	height: 0;
	width: 0;
	text-indent: -9999px;
	background: transparent;
	border-left: 7px solid #00aeef;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	margin-top: 4px;
	margin-left: 4px;
}


/*********** Image Container for Header images on Couriers, Fundraisers and Projects **********/

.featured-photo-cont { max-height: 380px; max-width: 610px; overflow: hidden; padding: 0; }


/********************************
 * Homepage
 ********************************/

html body .slide { display: none; }
html body .slide a { text-align: center; }

html body .home-slide {
	padding: 30px 0 40px 0;
}

html body div#splash .slider .text-centered {
	max-width: 1200px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -600px;
	margin-top: -400px;
}


div.orbit-wrapper div.slider-nav span {
	opacity: 0.8;
}

div.orbit-wrapper div.slider-nav span:hover {
	opacity: 1;
}

html body .home-header { margin: 14px auto; }

#home-how-we-do-it a:hover { color: #404040; }

#home-filter-solutions h4 {
	color: #404040;
	margin-bottom: 0px;
}

#home-filter-solutions hr {
	height: 4px;
	border-width: 0px;
	border-top: 2px solid #DFD8C9;
	border-bottom: 2px solid #fdfaf2;
	margin: 5px 0;
}

html body table.stats-table td.filter-stats {
	background: transparent url(../images/icon-bucket.png) no-repeat left center;
	height: 38px;
	padding-left: 45px;
}

html body table.stats-table td.filter-life-stats {
	background: transparent url(../images/filter-cycle-icon.png) no-repeat left center;
	height: 38px;
	padding-left: 45px;
}

html body table.stats-table td.funding-stats {
	background: transparent url(../images/dollar-sign.png) no-repeat left center;
	height: 38px;
	padding-left: 45px;
}

/** map **/

html body #home-map #map div.label {
	height: 14px;
	width: 14px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	border: none;
	position: absolute;
	display: block;
	padding: 0;
	background: none;
}

html body #home-map #map div.label:hover {
	background: none;
}

html body #home-map #map a.dot {
	display: block;
	width: 14px;
	height: 14px;
	text-indent: -9999px;
	background: transparent url(../images/home-map-dot-sprite.png) no-repeat;
	background-position: 0 -16px;
}

html body #home-map #map a.dot:hover {
	background-position: 0 0px;
}

.box {
	display: block;
	box-sizing: content-box;
	display: none;
	background: #FFF url(https://www.wavesforwater.org/static/waves/images/w4w_bckgrnd_natural.jpg);
	border: none;
	border-radius: 0;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
	padding: 8px;
	position: absolute;
	width: 245px;
	height: 190px;
	text-align: left;
	z-index: 10000;
}

.box h3 {
	padding-left: 10px;
	font-size: 29px;
	color: #404040;
	margin: 6px 0 0 0;
	text-transform: uppercase;
}
.box hr {
	height: 1px;
	margin: 15px 0 15px 8px;
	width: 230px;
}

.box .filters-dist, .box .potential-impact {
	font-size: 15px;
	box-sizing: content-box;
	color: #565555;
	background: transparent url(../images/home-map-bucket.png) no-repeat 10px center;
	padding-left: 55px;
	height: 34px;
	font-weight: normal;
}

.box .filters-dist {
	text-transform: uppercase;
}

.box .potential-impact {
	text-transform: uppercase;
	background: transparent url(https://www.wavesforwater.org/static/waves/images/cwc-mini-impact.png) no-repeat 10px center;
}

.box .filters-dist .cyan, .box .potential-impact .cyan {
	color: #00aeef;
	font-size: 20px;
	text-transform: none;
}


/********************************
 * Our Fitlers
 ********************************/

table.stats-table td:first-child {
	border-right: 0px solid #DFD8C9;
}


.filter-sprites { display: block; width: 230px; height: 273px; background: url(../images/filter-sprites_02.png) no-repeat; margin: 0 auto 20px auto; }

.filter-sprites.renegade { background-position: 0 -2px; }
.filter-sprites.kin,
.filter-sprites.faucet { background-position: -329px -2px; }
.filter-sprites.mvp { background-position: -643px -2px; }

.filter-sprites.renegade:hover { background-position: 0 -320px; }
.filter-sprites.kin:hover,
.filter-sprites.faucet:hover { background-position: -329px -320px; }
.filter-sprites.mvp:hover { background-position: -643px -320px; }

/********************************
 * About Page
 ********************************/

html body #about-header {
	padding: 15px 0px;
}

.about-head {
	background: #404040 url(../images/about/about-header-main.jpg) top center;
	height: 257px;
	width: 100%;
}

/** This fix is for a firefox quark **/
.button-link.active, .button-link:hover {
	color: #FFFFFF;
	background-color: #00AEEF;
}

/********************************
 * Filter Detail
 ********************************/

/** Listing Page  ***/
.height253 {
	height: 253px;
}

.height273 {
	height: 273px;
}

.price-label {
	font-size: 19px;
	color: #565555;
}

.price-amount {
	font-size: 50px;
	color: #00aeef;
	margin: 10px 0;
}

html body #quantity {
	width: 160px;
}

.content.filter-detail .sidebar hr {
	margin: 25px 0;
}

.filter-other-left {
	width: 130px;
	height: 167px;
	float: left;
	text-align: left;
}

.filter-other-div {
	width: 40px;
	height: 167px;
	float: left;
}

.filter-other-right {
	width: 130px;
	height: 167px;
	float: left;
	text-align: right;
}

html body .btn,
html body .btn {
	display: block;
	width: 126px;
	height: 35px;
	background: #404040;
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	line-height: 35px;
	color: #fff;
	border-radius: 0;
}

html body .btn:hover {
	background: #565555;
	color: #00aeef;
}

html body .btn.donate,
html body .btn.fundraise {
	width: 134px;
	background: #00aeef;
}

html body .btn.donate:hover,
html body .btn.fundraise:hover {
	background: #8e8d8d;
	color: #fff;
}



/********************************
 * Project Listing page
 ********************************/

.project-item-info {
	height: 150px;
	border-bottom: 2px solid #DFD8C9;
	border-bottom: 0;
	margin-bottom: 10px;
}

html body div.list-item p {
/*
	min-height: 76px;
*/
}

html body div.list-item div h3 {
	min-height: 0;
}
html body table.stats-table {
	margin-bottom: 8px;
}
html body div.list-item {
/*
	border-bottom: 2px solid #DFD8C9;
*/
	margin-bottom: 20px;
}

html body .stat-cont { margin: 0 0 20px 0; }
html body .stat-segment h3 { margin-top: 0; }



/********************************
 * Couriers
 ********************************/

html body .icon-edit {
	display: block;
	position: absolute;
	text-indent: -9999px;
	z-index: 99;
	top: 0;
	right: 3px;
	width: 31px;
	height: 31px;
	opacity: 0.7;
	background: transparent url(../images/icons/icon-edit-trans.png) no-repeat;
}

html body .icon-edit:hover {
	opacity: 1;
}

html body .special-info.owner {
	height: 13px;
}

html body .cwcFundedIcon {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 100;
}


.courier-item-info {
	height: 165px;
}


table.stats-table.header-stats td:last-child {
	border: none;
	background: transparent;
	border-left: 2px solid #DFD8C9;
}

html body .cwcMapInfo .cwcMapPopupRight .cwcMapDescription { line-height: 18px; }
html body .cwcMapInfo .cwcMapPopupRight .cwcMapName .special-info { line-height: 12px; }

html body .map-cont { position: relative; }
html body .map-hint { display: none; color: #fff; font-size: 14px; font-family: Arial, Helvetica; position: absolute; bottom: 40px; right: 10px; z-index: 9999; }

/*** Signup ***/

div.content h3.new-contact {
    padding-right: 10%;
}

div.content h3.impact-pin {
	padding-right: 10%;
}

div.content h3.new-media {
	padding-right: 15%;
}

div.content h3.new-media,
div.content h3.icon-camera,
div.content h3.icon-calendar,
div.content h3.icon-description,
div.content h3.icon-dollar-sign {
	padding-right: 15%;
	min-height: 74px;
	padding-top: 0px;
}

div.content h3.icon-description {
	background: transparent url(../images/icons/icon-notepad.png) no-repeat right center;
}

div.content h3.icon-camera {
	background: transparent url(../images/icons/icon-camera.png) no-repeat right center;
}


div.content h3.icon-dollar-sign {
	background: transparent url(../images/icons/icon-dollar-sign.png) no-repeat right center;
}


div.content h3.icon-calendar {
	background: transparent url(../images/icons/icon-calendar.png) no-repeat right center;
}


div.content h3.new-media {
	background: transparent url(../images/icons/icon-notepad.png) no-repeat right center;
	min-height: 56px;
}

/************** MANAGE ******************/


div.upload-dropzone {
  position: relative;
  display: block;
  text-align: center;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #666;
  border: 2px dashed #d1d1d1;
}
div.upload-dropzone div.progress {
  display: block;
  background: #404040;
  position: absolute;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0px;
  width: 0%;
  left: 0;
  bottom: 0;
  top: 0;
}
div.upload-dropzone div.status {
  position: relative;
  z-index: 200;
}
div.photo {
  position: relative;
  float: left;
  margin: 0 5px 10px;
  padding: 0;
  border: 1px solid #D1D1D1;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 3px solid #fff;
}
div.photo.selected {
  border: 3px solid #00aeef;
}
div.photo img {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  padding: 0;
  margin: 0px;
  display: block;
}
div.photo img:hover {
  cursor: move;
}


div.photo a.edit,
div.photo a.photo-remove {
	background: transparent url(../images/icons/icon-edit-delete-sprite.png) no-repeat;
	height: 24px;
	width: 24px;
	display: none;
	text-indent: -9999px;
	opacity: 0.56;
	right: 25px;

}

div.photo.selected > a.edit,
div.photo.selected > a.photo-remove,
div.photo:hover > a.edit,
div.photo:hover > a.photo-remove { display: block; }

div.photo a.edit:hover,
div.photo a.photo-remove:hover { opacity: 1; }

div.photo a.edit { background-position: -26px 0; }

div.photo a {
  display: none;
  position: absolute;
  z-index: 20;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
div.photo a:hover {
  color: #FFF;
}
div.photo a.edit {
  right: 0;
}
div.photo:hover a {
  display: block;
}

html body div.upload-dropzone { cursor: pointer; border: 0; position: relative; width: 172px; height: 172px; margin: 0 auto; background: transparent url(../images/add_folder_image.png) no-repeat; }
html body div.upload-dropzone div.progress { position: absolute; left: 0; top: 0; height: 100%; width: 0; border: 1px solid #fff; border: none; padding: 0; margin: 0; }
html body div.upload-dropzone div.status { text-align: center; position: absolute; left: 0; top: 0; height: 100%; width: 172px; padding: 0; margin: 0; }
html body div.upload-dropzone div.status span.info { width: 100%; text-align: center; display: block; margin-top: 20px; }

/*
html body .gallery-photos-admin { background: #fff; border: 1px solid #c6c0b4; padding: 15px 23px; min-height: 172px; }
*/

/********************************
 * Footer
 ********************************/

footer {
	padding: 0;
}

footer .links {
	padding: 25px 0;
	border-bottom: 1px solid #8c8c8c;
}

footer a {
	color: #8c8c8c;
	font-size: 13px;
	line-height: 19px;
	text-decoration: none;
}

footer .links a {
	clear: both;
	display: block;
	width: 100%;
}

footer .row .footer-links-left {
	width: 125px;
	float: left;
}
footer .row .footer-links-right {
	width: 188px;
	float: right;
}
footer .row .footer-links-right.last {
	width: 126px;
	float: right;
}

footer .sprites {
	padding: 25px 0;
	border-bottom: 1px solid #8c8c8c;
}

footer .sprites a {
	background: transparent url(../images/footer-sprite.png) no-repeat;
	display: block;
	float: left;
	height: 50px;
	margin-right: 34px;
	text-indent: -9999px;
}

footer .sprites a:hover {
	opacity: 0.6;
}

footer .sprites a.share {
	background-position: 0 0;
	width: 91px;
	margin: 0;
}

footer .sprites a.fb {
	background-position: -91px 0;
	width: 42px;
}

footer .sprites a.tw {
	background-position: -167px 0;
	width: 42px;
}

footer .sprites a.pin {
	background-position: -243px 0;
	width: 42px;
}

footer .sprites a.gp {
	background-position: -322px 0;
	width: 42px;
}

footer .sprites a.ig {
	background-position: -402px 0;
	width: 42px;
	margin-right: 250px;
}

footer .sprites a.media {
	background-position: -626px 0;
	width: 132px;
	margin: 0;
}

footer .sprites a.contact {
	background-position: -806px 0;
	width: 125px;
	margin: 0;
}

footer .sprites span.divider {
	display: block;
	float: left;
	width: 1px;
	height: 50px;
	margin: 0 27px;
	background: #8c8c8c;
	text-indent: -9999px;
}

footer .copyright {
	padding: 25px 0;
}

/********************************
 * Donation Page
 ********************************/

.currencySymbol {
}

#your_donation input.textField#input-amount, #your_donation input.textField#input-amount:focus {
	height: 50px;
	background-color: white;
	border: 1px solid #bfbaae;
	box-shadow: 0 0 1px rgba(0,0,0,0.2) inset;
	padding: 8px;
}

#amount_blocks a {
	display: inline-block;
	text-align: center;
	font-family: Arial, Helvetica;
	font-size: 18px;
	margin-right: 5px;
	line-height: 50px;
	height: 50px;
	width: 67px;
	-webkit-font-smoothing: antialiased;
	color: #565958;
	text-decoration: none;
	padding: 0;
	border: 1px solid #b2b2b2;
	text-shadow: 1px 1px 0px #105FBA;
	text-shadow: none;
	background: #dddddd;
	background: -moz-linear-gradient(center top, #fbfbfb 5%, #dddddd 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05, #fbfbfb),color-stop(1, #dddddd));
	background: -moz-linear-gradient(center top, #fbfbfb 5%, #dddddd 100%);

	background: #fbfbfb; /* Old browsers */
	background: -moz-linear-gradient(top, #fbfbfb 0%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fbfbfb 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fbfbfb 0%,#dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fbfbfb 0%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fbfbfb 0%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: relative;
}

#amount_blocks a:hover {
	color: #00aeef;
	border: 1px solid #00aeef;
	background: #fbfbfb;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#dddddd),color-stop(1,#fbfbfb));
	background: -moz-linear-gradient(center top,#dddddd 5%,#fbfbfb 100%);

	background: #dddddd; /* Old browsers */
	background: -moz-linear-gradient(top, #dddddd 0%, #fbfbfb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #dddddd 0%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dddddd 0%,#fbfbfb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #dddddd 0%,#fbfbfb 100%); /* IE10+ */
	background: linear-gradient(to bottom, #dddddd 0%,#fbfbfb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */

	cursor: pointer
}
#amount_blocks a:active {
	border: 1px solid #00aeef;
	-webkit-transform: translate(0,2px);
	-moz-transform: translate(0,2px);
}
#amount_blocks a.selected {
	color: #fff;
	border: 0px solid #00aeef;
	background: -moz-linear-gradient(center top, #00abeb 5%, #00729d 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05, #00abeb),color-stop(1, #00729d));
	background: -moz-linear-gradient(center top, #00abeb 5%, #00729d 100%);

	background: #00abeb; /* Old browsers */
	background: -moz-linear-gradient(top,  #00abeb 0%, #00729d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00abeb), color-stop(100%,#00729d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00abeb 0%,#00729d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00abeb 0%,#00729d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00abeb 0%,#00729d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00abeb 0%,#00729d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00abeb', endColorstr='#00729d',GradientType=0 ); /* IE6-9 */

}

/********************************
 * Account Profile
 ********************************/

.account-profile .icon-cwc {
    background: url("../images/icons/icon-cwc-small.png") no-repeat scroll left center transparent;
    height: 38px;
    width: 45px;
}

.account-profile .icon-bucket {
    background: url("../images/icon-bucket.png") no-repeat scroll left center transparent;
    height: 38px;
    width: 45px;
}

.account-profile .icon-dollar-sign {
    background: url("../images/dollar-sign.png") no-repeat scroll left center transparent;
    height: 38px;
    width: 45px;
}

.account-profile .icon-family {
    background: url("../images/cwc-mini-impact.png") no-repeat scroll left center transparent;
    height: 38px;
    width: 45px;
}

html body table.stats-table td { padding-left: 0px; }
table.profile-donations { background: transparent; border: 0; }
table.profile-donations thead { background: transparent; }
table.profile-donations thead tr th { font-weight: normal; }
table.profile-donations tbody { border: 1px solid #b3afa5; }
table.profile-donations tbody tr td { border-right: 1px solid #e1e1e1; }
table.profile-donations tbody td:last-child { border-right: none; }
table.profile-donations thead tr th,
table.profile-donations tbody tr td,
table.profile-donations tbody tr td a { color: #404040; }

table.profile-donations tbody tr:nth-child(even) {background: #ffffff; }
table.profile-donations tbody tr:nth-child(odd)  {background: #f3f3f3; }


/********************************
 * Modules
 ********************************/

/** project-donate **/

.mod-project-donate-cont {
	width: 100%;
	padding: 15px;
	background: #404040;
	color: #fff;
}

.mod-project-donate-cont p,
.mod-project-donate-cont h3 {
	margin: 0 0 0 10px;
}

.mod-project-donate-cont h3 {
	line-height: 24px;
}

div.content .mod-project-donate-cont hr {
	clear: both;
	height: 2px;
	border: 1px solid #706d69;
	margin: 12px auto;
}

.mod-project-donate-cont #amount_blocks a {
	width: 64px;
	margin-right: 2px;
}

.mod-project-donate-cont #amount_blocks a:last-of-type {
	margin-right: 0px;
}

.mod-project-donate-cont #your_donation {
	margin-top: 10px;
	clear: both;
}

.mod-project-donate-cont #your_donation input.textField#other_amount,
.mod-project-donate-cont #your_donation input.textField#other_amount:focus {
	background: #fff;
	margin: 0;
	width: 133px;
	height: 41px;
	border-radius: 0;
}

.mod-project-donate-cont #donate_form input[type="submit"].donate {
	height: 41px;
	width: 133px;
	margin-left: 5px;
}

html body .mini-choice, input.mini-choice[type="text"] {
	margin: 0 3% 16px 0;
	width: 22%;
}
/** project-fundraise **/

.mod-project-fundraise-cont {
	width: 100%;
	padding: 11px 15px;
	background: #404040;
	color: #fff;
}

.mod-project-fundraise-cont h3 {
	line-height: 24px;
	margin: 0 0 0 10px;
}

.mod-project-fundraise-cont #fundraise_form input[type="submit"].fundraise {
	width: 167px;
	margin: 10px 0 5px 10px;
}


/** donations-list **/

.mod-donations-list { color: #8b887d; line-height: 17px; }
.mod-donations-list img { margin-right: 15px; }


/** project-related **/
.mod-project-related-cont {}


#loginPopup {
	z-index:9999;
	color: #fff;
	background-color: #404040;
}

#loginPopup label {
	float: left;
	color: #00aeef;
	width: 125px;
	line-height: 34px;
}

#loginPopup input[type=text],
#loginPopup input[type=password] {
/*
	float: right;
*/
	color: #404040;
	width: 324px;
	height: 32px;
	border: 1px solid #aca89d;
	line-height: 32px;
	padding: 0 9px;
}

#loginPopup .login-links {
	line-height: 44px;
}

#loginPopup .login-links a {
	color: #fff;
}

#loginPopup .login-links .divider { margin: 0 10px; }

input[type="submit"] { font-size: 18px; height: auto; border: none; background-image: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin: 0; }
/*
input[type="submit"]:hover { background: none; }
*/


/********************************
 * Videos
 ********************************/

.calendar-item { width: 160px; height: 157px; padding: 55px 16px 16px; background: url(../images/icons/icon-calendar-bg.png) no-repeat; text-align: center; }
.calendar-item { color: #00aeef; width: 70px; height: 69px; line-height: 16px; padding: 28px 7px 7px; background: url(../images/icons/icon-calendar-bg-70.png) no-repeat; text-align: center; font-size: 20px; }
.calendar-item span { font-size: 14px; }

.videos > .row iframe,
.videos .eight.columns p:last-of-type { margin-bottom: 10px; }
/*
.videos .three.columns h3 { margin: 0 0 5px 0; font-size: 16px; line-height: 13px; }
.videos .three.columns a { font-size: 23px; }
.videos .three.columns ul { margin: 10px 0 0; padding: 0; line-height: 1.6em; }
.videos .three.columns ul li { margin: 5px 0; padding: 0; }
*/



/***********************************************
 * Search Bar - Projects / CWCs / Fundraisers
 **********************************************/
.search-header {margin-bottom: 0px; height: 36px; }
.search-header .columns h1 { line-height: 36px; }
.search-header .columns #search-q { height: 34px; }
.search-header .columns .search-x { position: absolute; right: 25px; top: 10px; }
.search-header .columns ul li.first,
.search-header .columns ul li:first-of-type { border-right: 0; margin-top: 3px; }
.search-header .columns ul li.first h1,
.search-header .columns ul li:first-of-type h1 { line-height: inherit; }


/********************************
 * Popbox jQuery plugin - homepage map
 ********************************/

.popbox {
	margin: 0px auto;
	text-align: center;
	position: relative;
}

.collapse {
	position: relative;
}
/*
 .open {
 background:#DDD;
 border:solid 1px #FFF;
 border-radius:5px;
 box-shadow: 0px 0px 5px #CCC;
 background:-webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#e8e8e8));
 background:-moz-linear-gradient(top,#f4f4f4,#e8e8e8);
 background:linear-gradient(top,#f4f4f4,#e8e8e8);
 padding:8px;
 }
 */

.box a.close {
	color: red;
	font-size: 12px;
	font-family: arial;
	text-decoration: underline;
}

.arrow {
	width: 0;
	height: 0;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 11px solid #FFF;
	position: absolute;
	left: 1px;
	top: -11px;
	z-index: 1001;
}

.arrow-border {
	width: 0;
	height: 0;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 11px solid #BBBBBB;
	position: absolute;
	top: -12px;
	z-index: 1000;
}


/**************************************************
 * 
 * MUST CLEAN BELOW THIS LINE!
 * 
 *************************************************/

    #home-subnav {
        width: 100%;
        z-index: 10;
        background-color: #000;
    }

    #home-subnav ul {
        margin: 25px 0;
        list-style: none;
        width: 900px;
        height: 24px;
        overflow: hidden;
    }

    #home-subnav ul li {
        display: inline-block;
    }

    #home-subnav #arrow-black {
        z-index:9999; position: absolute; left: 50%; margin-left: -27px; bottom: -27px;
    }

    #home-subnav #btn-top {
        position: absolute;
        top: 50%;
        margin-top: -13px;
        right: 50px;
    }
    
    #home-subnav ul li a {
        color: #fff;
        font-size: 24px;
        font-family: 'TradeGothicW01-BoldCn20 675334';
        padding: 0 20px;
        border-right: 2px solid #fff;
        text-transform: uppercase;
        display: block;
        height: 24px;
        line-height: 24px;
        overflow: hidden;
    }

    #home-subnav ul li:first-of-type a {
        padding-left: 0;
    }

    #home-subnav ul li:last-of-type a {
        padding-right: 0;
        border-right: 0;
    }

    #home-subnav ul li a:hover,
    #home-subnav ul li a.active {
        color: #00a1c3;
    }

    ul.orbit-bullets {
        bottom: -48px !important;
    }

    ul.orbit-bullets li,
    ul.orbit-bullets li.active {
        width: 10px;
        height: 10px;
        border-radius: 7px;
        -mox-border-radius: 7px;
        -webkit-border-radius: 7px;
        background-color: #00a1c3;
        background-image: none;
    }    
    
    ul.orbit-bullets li.active {
        background-color: #7c7c7c;
    }
    
    .mission-head span { display: block; font-size: 27px; font-family: 'TradeGothicW01-BoldCn20 675334'; color: #fff; padding-top: 10px; }
    
    #home-mission { background-color: #404040; padding-bottom: 40px; position: relative; }

    #home-mission-video,
    #home-mission-video img { cursor: pointer; }

    div.home-slide div.cut-arrow.gray-arrow {
        background: #00a6d6 url(//s3.amazonaws.com/wavesforwater/images/cut_arrow_gray.png);
    }
    
    #back-to-top { display: none; position: absolute; right: 200px; top: 40%; z-index: 9999; }
    
/*** Split ***/

    .width100 { width: 100% !important; }

    .featured-cont { cursor: pointer; overflow: hidden; position: relative; width: 100%; height: auto; margin: 0 background-color: #404040; float: left; }
    .featured-cont a.coverAll { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index:10; }

    .featured-cont > .image-box {
        height: 350px;
        position: absolute;
        top: -66px;
        overflow: visible;
        width: 100%;
        -moz-transition:top 200ms ease, bottom 200ms ease;
        -webkit-transition:top 200ms ease, bottom 200ms ease;
        -o-transition:top 200ms ease, bottom 200ms ease;
        transition:top 200ms ease, bottom 200ms ease;
    }

    .featured-cont:hover > .image-box { top: 0; }

    .featured-cont .blue-box {
        box-sizing: border-box;
        padding: 27px 18px;
        background-color: #00a2c6;
        height: 130px;
        position: absolute;
        bottom: 0;
        overflow: visible;
        width: 100%;
        -moz-transition:top 200ms ease, bottom 200ms ease;
        -webkit-transition:top 200ms ease, bottom 200ms ease;
        -o-transition:top 200ms ease, bottom 200ms ease;
        transition:top 200ms ease, bottom 200ms ease;
        z-index: 1;
    }

    .featured-cont:hover > .blue-box { bottom: -130px; }

    .featured-cont img.blue-corner { position: absolute; top: -38px; right: 0; }


    .featured-cont .grey-box {
        box-sizing: border-box;
        background: transparent url(//s3.amazonaws.com/wavesforwater/images/bg-grey-50.png) repeat;
        height: 240px;
        position: absolute;
        bottom: -110px;
        width: 100%;
        -moz-transition:top 200ms ease, bottom 200ms ease;
        -webkit-transition:top 200ms ease, bottom 200ms ease;
        -o-transition:top 200ms ease, bottom 200ms ease;
        transition:top 200ms ease, bottom 200ms ease;
        z-index: 0;
    }

    .featured-cont:hover > .grey-box { bottom: 0; }


    .featured-cont .text-box {
        box-sizing: border-box;
        background: transparent;
        height: 240px;
        padding: 20px;
        position: absolute;
        bottom: -110px;
        width: 100%;
        -moz-transition:top 200ms ease, bottom 200ms ease;
        -webkit-transition:top 200ms ease, bottom 200ms ease;
        -o-transition:top 200ms ease, bottom 200ms ease;
        transition:top 200ms ease, bottom 200ms ease;
        z-index: 2;
        color: #fff;
    }

    .featured-cont .text-box h2 { color: #fff; font-size: 28px; font-family: 'TradeGothicW01-BoldCn20 675334'; margin-top: 5px; } 
    .featured-cont .text-box p { color: #fff; font-size: 14px; font-family: Arial,'Sans Serif'; width: 350px; bottom: 0; left: 20px; position: absolute; color: #fff; }
    .featured-cont:hover > .text-box { bottom: 0; }

    .featured-cont .btn-more {
        display: block;
        position: absolute;
        top: 20px; right: 20px;
        width: 68px; height: 30px;
        overflow: hidden;
        background-image: url(//s3.amazonaws.com/wavesforwater/images/btn-more.png);
        text-indent: -9999px;
        z-index: 100;
    }
    
    .featured-cont .btn-more:hover {
        background-position: 0 -30px;
    }

    /****************** Right Side Featured Box ******************/
    
    .featured-cont.top-down { background: #404040; }
    
    .featured-cont.top-down .featured-inner.image-box {
        z-index: 0;
        top: 127px;
    }
    .featured-cont.top-down:hover .featured-inner.image-box {
        top: 0;
    }
    .featured-cont.top-down .featured-inner.grey-box {
        z-index: 1;
        height: 250px;
        top: -250px;
    }
    .featured-cont.top-down:hover .featured-inner.grey-box {
        top: 0;
    }
    .featured-cont.top-down .featured-inner.text-box {
        z-index: 2;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .featured-cont.top-down img.grey-corner { position: absolute; top: 0; left: 0; }
    .featured-cont.top-down .featured-inner.text-box h2 { color: #fff; font-size: 28px; font-family: 'TradeGothicW01-BoldCn20 675334'; margin-top: 5px; } 
    .featured-cont.top-down .featured-inner.grey-box p  { color: #fff; font-size: 14px; font-family: Arial,'Sans Serif'; width: 420px; bottom: 0; left: 20px; position: absolute; color: #fff; }

/**** New Stage - 04-07-13 *****/

        .featured-cont.top-down .featured-inner.text-box h2 { color: #fff; font-size: 28px; font-family: 'TradeGothicW01-BoldCn20 675334'; margin-top: 5px; } 
        .featured-cont.top-down .featured-inner.grey-box p  { color: #fff; font-size: 14px; font-family: Arial,'Sans Serif'; width: 90%; bottom: 0; left: 20px; position: absolute; color: #fff; }


        div.slide a { text-align: left; }
        div.slide-text-bg { width: 335px; height: 350px; background: #404040; z-index: 5; position: absolute; }
        div.slide-text { width: 335px; height: 350px; z-index: 10; padding: 30px; }
        div.slide-text h2 { font-size: 29px; }
        div.slide-text > span { display: inline-block; background-color: #00a1c5; color: #fff; padding: 4px 12px; }
        div.slide-inner { position: absolute; }

        div#stage-right-cont { position: relative; overflow: hidden; height: 350px; width: 335px; float: left; }
        div#stage-left-cont { width: 635px; height: 350px; float: left; margin-left: 15px; }

        html body div.slider div.slide-text > span { display: inline-block; background-color: #00a1c5; color: #fff; padding: 4px 12px; }
        a.more-arrow-right { color: #fff; text-transform: uppercase; font-size: 18px; font-family: 'TradeGothicW01-BoldCn20 675334'; }
        a.more-arrow-right:hover { color: #00aeef; }

        span.slide-btn { display: inline-block; background-color: #00a1c5; color: #fff; line-height: 22px; padding: 4px 12px; text-transform: uppercase; font-family: 'TradeGothicW01-BoldCn20 675334'; }
        span.slide-btn-white { display: inline-block; background-color: #fff; color: #00a1c5; line-height: 22px; padding: 4px 12px; text-transform: uppercase; font-family: 'TradeGothicW01-BoldCn20 675334'; }

        html body div.orbit-wrapper div.timer { display: none; }
        html body div.orbit-wrapper div.slider-nav span.right { width: 46px; height: 46px; background-image: url(//s3.amazonaws.com/wavesforwater/images/stage/right_arrow.png); }
        html body div.orbit-wrapper div.slider-nav span.left { width: 46px; height: 46px; background-image: url(//s3.amazonaws.com/wavesforwater/images/stage/left_arrow.png); }
        html body div#stage-container div.eight.columns { margin: 0; padding: 0; float: none !important; display: table-cell; }
        html body div#stage-container div.eight.columns  div.slide > a >img,
        html body div#stage-container div.eight.columns  div.slide > img { width: 100%; }
        html body div#stage-container div.eight.columns div.orbit { margin: 0 !important; }
        html body div#stage-container div.four.columns { padding: 0; background-color: #404040; margin: 0; float: none !important; display: table-cell; vertical-align: top; overflow: hidden; }

        html body div.slide-inner,
        html body div.slide-text { width: 100%; height: 100%; max-width: 100%; max-height: 100%; }

        @media only screen and (max-width: 950px) {
            html body div#stage-container div.four.columns .slide-text h2 { font-size: 22px; }
            html body div#stage-container div.four.columns .slide-text p { font-size: 12px; }
        }      
      
        @media only screen and (max-width: 767px) {
            #home-subnav-sticky-wrapper { height: 0px; }
            html body div#stage-container div,
            html body div#stage-container { display: block !important; }
            html body div#stage-container div.four.columns { height: 250px; }
            .slide-btn, .slide-btn-white, .slide-text > span { font-size: 8px; padding: 0px 8px; }
            div.slide-text { padding: 20px; }
            .phone18 { font-size: 18px !important; }
            .phone12 { font-size: 12px !important; }

        }


/*
 * Clean Water Corps ( CWC ) Pages
 */


div.content .cwc-support { position: relative; }
div.content .meet-the-cwc { position: relative; padding-left: 95px; background: transparent url(../images/clean_water_corps_icon.png) no-repeat left top; }
div.content .cwc-badge { position: relative; padding-left: 95px; background: transparent url(../images/cwc_badge.png) no-repeat left top; }

a.takeover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.cwc-featured-icons h2 a { color: #404040; }

div.content .cwc-badge:hover h2 a,
div.content .cwc-support:hover h2 a,
div.content .meet-the-cwc:hover h2 a,
.cwc-featured-icons h2 a:hover { color: #00aeef; }

#cwc-about-content {
  padding-top:0px;
  padding-top:30px;
}

#cwc-about-content .tagline {
  font-size:26px;
  line-height:38px;
  margin-top:30px;
  // text-align: right;
}

#cwc-about-header-cont {
  margin-top: 20px;
}

#cwc-about-header-cont .nav-bar {
  float: right;
  margin-top: 20px;
}

#cwc-about-footer-nav li,
#cwc-about-header-cont .nav-bar li {
  border: 0;
  padding-right: 10px;
}

#cwc-about-header-cont .nav-bar li:first-of-type {
  margin-left: 0;
}

#cwc-about-header-cont .button {
  // font-size: 21px;
  padding: 13px 20px;
}

#cwc-about-header-cont hr {
  margin-top: 0px;
}

#cwc-about-footer-nav {
  clear: both;
  margin: 0 auto 60px;
  text-align: center;
}

#cwc-about-footer-nav ul.nav-bar {
  clear: both;
  display: inline-block;
}

.cwc-member-bio h2 {
  color: inherit;
  margin-top: 0;
}

.cwc-member-bio {
  margin-bottom: 60px;
}

.cwc-member .member-title,
.cwc-member-bio .member-title,
.cwc-member-bio .member-title a {
  color: #404040;
  font-size: 40px;
  margin-bottom: 0px;
  text-transform: none;
}

.cwc-member-bio .member-title {
  margin-bottom: 10px;
}

.cwc-member-bio .member-title,
.cwc-member-bio .member-title a {
  font-size: 32px;
  line-height: 32px;
  margin-top: 0;
}

.cwc-member-bio .member-title a:hover {
  color: #00aeef;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

  #cwc-mission-detail #mission-leader h3 {
    font-size: 18px;
  }

  /* Donation box on Projects, Couriers, Fundraisers and Corps Missions */
  .mod-project-donate-cont #amount_blocks a {
    font-size: 12px;
    width: 23%;
    margin-right: 1%;
  }

  .mod-project-donate-cont #amount_blocks a:last-of-type {
    margin-right: 0;
  }

  .mod-project-donate-cont #donate_form input[type="submit"].donate {
    font-size: 13px;
    margin-left: 1%;
    width: 35%;
  }

  .mod-project-donate-cont #your_donation input.textField#other_amount,
  .mod-project-donate-cont #your_donation input.textField#other_amount:focus {
    width: 63%
  }

  div.content .segmented .mod-project-donate-cont h3 {
    font-size: 14px;
  }
}

@media screen and (max-width: 960px) {

  div.content ul.nav-bar > li a.button.join-the-corps,
  a.button.join-the-corps { padding: 13px 10px; }

  #cwc-about-content .tagline {
    font-size: 20px;
    line-height: 30px;
  }

  #cwc-about-content ul.nav-bar > li {
    // border: 0;
    // padding: 0;
  }

  #cwc-about-header-cont .button {
    // font-size: 16px;
  }
}


/* New Buttons to replace Sprites */

.button,
div.content ul.nav-bar > li a.button {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#36c9e9+0,4f9a2e+100 */
  background: #36c9e9; /* Old browsers */
  background: -moz-linear-gradient(top, #36c9e9 0%, #3f71b5 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #36c9e9 0%,#3f71b5 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #36c9e9 0%,#3f71b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36c9e9', endColorstr='#3f71b5',GradientType=0 ); /* IE6-9 */
  font-family: 'TradeGothicW01-BoldCn20 675334';
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
  width: auto;
  height: auto;
  padding: 13px 15px;
  border-radius: 5px;
  font-size: 23px;
}


.button:hover,
div.content ul.nav-bar > li a.button:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#38dcfd+0,4579c7+100 */
  background: #38dcfd; /* Old browsers */
  background: -moz-linear-gradient(top, #38dcfd 0%, #4579c7 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #38dcfd 0%,#4579c7 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #38dcfd 0%,#4579c7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38dcfd', endColorstr='#4579c7',GradientType=0 ); /* IE6-9 */
  color: #fff;
}

.button.green,
div.content ul.nav-bar > li a.button.green {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9fce2a+0,4f9a2e+100 */
  background: #9fce2a; /* Old browsers */
  background: -moz-linear-gradient(top, #9fce2a 0%, #4f9a2e 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #9fce2a 0%,#4f9a2e 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #9fce2a 0%,#4f9a2e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fce2a', endColorstr='#4f9a2e',GradientType=0 ); /* IE6-9 */
}

.button.green:hover,
div.content ul.nav-bar > li a.button.green:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aee22f+0,57ad36+100 */
  background: #aee22f; /* Old browsers */
  background: -moz-linear-gradient(top, #aee22f 0%, #57ad36 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #aee22f 0%,#57ad36 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #aee22f 0%,#57ad36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aee22f', endColorstr='#57ad36',GradientType=0 ); /* IE6-9 */
}


/*
 * Some extra utility classes
 */

@media screen and (max-width: 768px) {
  .small-marginBtm200 { margin-bottom: 200px !important; }
}