/* !  Your Base Styles
   ------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------

   	Global variables and mixins for SASS

   	Table of Contents:

   	1. Color Variables
   	2. Font Variables
   	3. Other Global Variables
   	4. Basic Mixins
   	5. Functions
   	6. Advanced Mixins
   	7. Media Queries

-------------------------------------------*/
/* ==========================================================================
	!  1. Color Variables
	========================================================================== */
/* ==========================================================================
	!  2. Font Variables
	========================================================================== */
/* ==========================================================================
	!  3. Other Global Variables
	========================================================================== */
/* ==========================================================================
	!  4. Basic Mixins

	!Important:
	Many mixins that work with vendor prefixes are included with Compass.  For full documentation, view
	http://compass-style.org/reference/compass/.

	========================================================================== */
/* Location-specific Radius */
/* 		FIX */
/* ==========================================================================
	!  5. Formulas
	========================================================================== */
/* ==========================================================================
	!  6. Advanced Mixins
	========================================================================== */
/* ==========================================================================
	!  7. Media Queries
	========================================================================== */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: "Consolas", "Menlo", "Courier", monospace;
  font-size: 1em;
  background: #ededed;
  border: 1px solid #dbdbdb;
  margin: 0;
  font-size: .9365em;
  padding: .125em .25em 0em;
  -webkit-border-radius: 3px;
  color: #222; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }

img {
  display: block; }

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  direction: ltr; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

p strong, p bold {
  font-size: .95em; }

small {
  font-size: 60%;
  line-height: inherit; }

article, aside, details, fig caption, figure, footer, header, group, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  line-height: 1; }

img,
object,
embed {
  max-width: 100%;
  height: auto; }

object,
embed {
  height: 100%; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25em 0 1.1875em;
  height: 0; }

a {
  color: #0084dd;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #119fff; }
  a img {
    border: none; }

/* !  Components: a robust UI library (based on ZURB's Foundation)
   ------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------

   	Very simple global classes that don't fall into the rest of the components or modules

   	Table of contents:

   	1. Base
   	2. Layout Helpers
   	3. Other

-------------------------------------------*/
/* ==========================================================================
	!  1.  Base
	========================================================================== */
html,
body {
  font-size: 16px; }

body {
  background: url("/Content/body_noise.gif");
  color: #222;
  padding: 0;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1; }

/* ==========================================================================
	!  2.  Layout Helpers
	========================================================================== */
.float-left {
  float: left; }

.float-right {
  float: right; }

.float-center {
  margin: 0 auto; }

.clear {
  clear: both; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0; }

.lt-ie8 .clearfix {
  zoom: 1; }

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

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

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

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

.hide {
  display: none; }

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.contain-to-grid {
  width: 100%;
  background: #252525; }

.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99; }

.spacer-20 {
  display: block;
  margin: 20px 0; }

.spacer-40 {
  display: block;
  margin: 40px 0; }

/* ==========================================================================
	!  3.  Other
	========================================================================== */
/* Foundation Block Grids for below small breakpoint */
@media only screen {
  [class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -10px;
    *zoom: 1; }
    [class*="block-grid-"]:before, [class*="block-grid-"]:after {
      content: " ";
      display: table; }
    [class*="block-grid-"]:after {
      clear: both; }
    [class*="block-grid-"] > li {
      display: block;
      height: auto;
      float: left;
      padding: 0 10px 10px; }
  .small-block-grid-1 > li {
    width: 100%;
    padding: 0 10px 10px; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .small-block-grid-2 > li {
    width: 50%;
    padding: 0 10px 10px; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .small-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 10px 10px; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .small-block-grid-4 > li {
    width: 25%;
    padding: 0 10px 10px; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .small-block-grid-5 > li {
    width: 20%;
    padding: 0 10px 10px; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .small-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 10px 10px; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .small-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 10px 10px; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .small-block-grid-8 > li {
    width: 12.5%;
    padding: 0 10px 10px; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .small-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 10px 10px; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .small-block-grid-10 > li {
    width: 10%;
    padding: 0 10px 10px; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .small-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 10px 10px; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .small-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 10px 10px; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 48em) {
  .large-block-grid-1 > li {
    width: 100%;
    padding: 0 10px 10px; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .large-block-grid-2 > li {
    width: 50%;
    padding: 0 10px 10px; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .large-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 10px 10px; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .large-block-grid-4 > li {
    width: 25%;
    padding: 0 10px 10px; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .large-block-grid-5 > li {
    width: 20%;
    padding: 0 10px 10px; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .large-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 10px 10px; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .large-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 10px 10px; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .large-block-grid-8 > li {
    width: 12.5%;
    padding: 0 10px 10px; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .large-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 10px 10px; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .large-block-grid-10 > li {
    width: 10%;
    padding: 0 10px 10px; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .large-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 10px 10px; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .large-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 10px 10px; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; }
  [class*="small-block-grid-"] > li {
    clear: none !important; } }

/*-------------------------------------------
   	Buttons!!!!

   	Table of Contents:

   	1. Button base styles
   	2. Branded styles
   	3. Button groups
   	4. Drop down buttons
   	5. Form buttons (input and button HTML)

   	Looking for buttons styles for forms (like buttons and inputs)?  Go to components/forms.scss!

-------------------------------------------*/
/* ==========================================================================
	!  1. Button base styles
	========================================================================== */
/* ==========================================================================
	!  2. Branded styles
	========================================================================== */
.button {
  border: 1px solid #ffc213;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  line-height: 1;
  margin: 0 0 1.25em;
  padding: .70em .8em;
  position: relative;
  text-align: left;
  text-decoration: none;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
  background: #ffcf46;
  background-image: -webkit-linear-gradient(top, #ffcf46 40%, #ffc213 100%);
  background-image: linear-gradient(to bottom, #ffcf46 40%, #ffc213 100%);
  -webkit-transition-property: color, background;
  transition-property: color, background;
  -webkit-transition-duration: 0.25s, 0.45s;
  transition-duration: 0.25s, 0.45s;
  -webkit-transition-timing-function: ease-out, ease-out;
  transition-timing-function: ease-out, ease-out;
  /* different type treatments	 */
  /* different size choices */
  /* special styles */ }
  .button:hover {
    color: #fff;
    background: #ffc213;
    background-image: -webkit-linear-gradient(top, #ffc213 40%, #dfa500 100%);
    background-image: linear-gradient(to bottom, #ffc213 40%, #dfa500 100%); }
  .button:active {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    color: #999999; }
  .button i {
    color: #ffcf46;
    font-size: .7em;
    line-height: 0.9em;
    display: inline-block;
    padding-left: 15px; }
  .button.left-align {
    text-align: left;
    padding-left: .75em; }
  .button.right-align {
    padding-right: .75em;
    text-align: right; }
  .button.plain-text {
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.1em; }
  .button.tiny {
    font-size: .7em;
    padding: .5em .7em;
    border-radius: 2px;
    letter-spacing: normal;
    font-weight: 600; }
  .button.small {
    font-size: .7em;
    padding: .9em 1.2em .8em;
    font-weight: 600; }
  .button.large {
    font-size: 1.2em;
    padding: 1em 2.1em .9em;
    font-weight: 600;
    border-radius: 9px; }
  .button.expand {
    width: 100%;
    padding-bottom: .8125em;
    padding-top: .75em;
    font-size: 1em; }
  .button.disabled {
    background: #ddd;
    border-color: #d0d0d0;
    color: #444;
    text-shadow: none;
    cursor: default;
    opacity: 0.6;
    letter-spacing: normal;
    text-transform: none; }
    .button.disabled:active {
      box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset; }

.secondary_button {
  border: 1px solid #313131;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  line-height: 1;
  margin: 0 0 1.25em;
  padding: .70em .8em;
  position: relative;
  text-align: left;
  text-decoration: none;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
  background: #4a4a4a;
  background-image: -webkit-linear-gradient(top, #4a4a4a 40%, #313131 100%);
  background-image: linear-gradient(to bottom, #4a4a4a 40%, #313131 100%);
  -webkit-transition-property: color, background;
  transition-property: color, background;
  -webkit-transition-duration: 0.25s, 0.45s;
  transition-duration: 0.25s, 0.45s;
  -webkit-transition-timing-function: ease-out, ease-out;
  transition-timing-function: ease-out, ease-out;
  /* different type treatments	 */
  /* different size choices */
  /* special styles */ }
  .secondary_button:hover {
    color: #fff;
    background: #313131;
    background-image: -webkit-linear-gradient(top, #313131 40%, #171717 100%);
    background-image: linear-gradient(to bottom, #313131 40%, #171717 100%); }
  .secondary_button:active {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    color: #999999; }
  .secondary_button i {
    color: #ffcf46;
    font-size: .7em;
    line-height: 0.9em;
    display: inline-block;
    padding-left: 15px; }
  .secondary_button.left-align {
    text-align: left;
    padding-left: .75em; }
  .secondary_button.right-align {
    padding-right: .75em;
    text-align: right; }
  .secondary_button.plain-text {
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.1em; }
  .secondary_button.tiny {
    font-size: .7em;
    padding: .5em .7em;
    border-radius: 2px;
    letter-spacing: normal;
    font-weight: 600; }
  .secondary_button.small {
    font-size: .7em;
    padding: .9em 1.2em .8em;
    font-weight: 600; }
  .secondary_button.large {
    font-size: 1.2em;
    padding: 1em 2.1em .9em;
    font-weight: 600;
    border-radius: 9px; }
  .secondary_button.expand {
    width: 100%;
    padding-bottom: .8125em;
    padding-top: .75em;
    font-size: 1em; }
  .secondary_button.disabled {
    background: #ddd;
    border-color: #d0d0d0;
    color: #444;
    text-shadow: none;
    cursor: default;
    opacity: 0.6;
    letter-spacing: normal;
    text-transform: none; }
    .secondary_button.disabled:active {
      box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset; }

.button_darkgray, .button.dark_gray {
  border: 1px solid #2b2b2b;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  line-height: 1;
  margin: 0 0 1.25em;
  padding: .70em .8em;
  position: relative;
  text-align: left;
  text-decoration: none;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
  background: #444444;
  background-image: -webkit-linear-gradient(top, #444444 40%, #2b2b2b 100%);
  background-image: linear-gradient(to bottom, #444444 40%, #2b2b2b 100%);
  -webkit-transition-property: color, background;
  transition-property: color, background;
  -webkit-transition-duration: 0.25s, 0.45s;
  transition-duration: 0.25s, 0.45s;
  -webkit-transition-timing-function: ease-out, ease-out;
  transition-timing-function: ease-out, ease-out;
  /* different type treatments	 */
  /* different size choices */
  /* special styles */ }
  .button_darkgray:hover, .button.dark_gray:hover {
    color: #fff;
    background: #2b2b2b;
    background-image: -webkit-linear-gradient(top, #2b2b2b 40%, #111111 100%);
    background-image: linear-gradient(to bottom, #2b2b2b 40%, #111111 100%); }
  .button_darkgray:active, .button.dark_gray:active {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    color: #999999; }
  .button_darkgray i, .button.dark_gray i {
    color: #ffcf46;
    font-size: .7em;
    line-height: 0.9em;
    display: inline-block;
    padding-left: 15px; }
  .button_darkgray.left-align, .button.dark_gray.left-align {
    text-align: left;
    padding-left: .75em; }
  .button_darkgray.right-align, .button.dark_gray.right-align {
    padding-right: .75em;
    text-align: right; }
  .button_darkgray.plain-text, .button.dark_gray.plain-text {
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.1em; }
  .button_darkgray.tiny, .button.dark_gray.tiny {
    font-size: .7em;
    padding: .5em .7em;
    border-radius: 2px;
    letter-spacing: normal;
    font-weight: 600; }
  .button_darkgray.small, .button.dark_gray.small {
    font-size: .7em;
    padding: .9em 1.2em .8em;
    font-weight: 600; }
  .button_darkgray.large, .button.dark_gray.large {
    font-size: 1.2em;
    padding: 1em 2.1em .9em;
    font-weight: 600;
    border-radius: 9px; }
  .button_darkgray.expand, .button.dark_gray.expand {
    width: 100%;
    padding-bottom: .8125em;
    padding-top: .75em;
    font-size: 1em; }
  .button_darkgray.disabled, .button.dark_gray.disabled {
    background: #ddd;
    border-color: #d0d0d0;
    color: #444;
    text-shadow: none;
    cursor: default;
    opacity: 0.6;
    letter-spacing: normal;
    text-transform: none; }
    .button_darkgray.disabled:active, .button.dark_gray.disabled:active {
      box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset; }

.button_gray {
  border: 1px solid #6f6f6f;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  line-height: 1;
  margin: 0 0 1.25em;
  padding: .70em .8em;
  position: relative;
  text-align: left;
  text-decoration: none;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
  background: #888;
  background-image: -webkit-linear-gradient(top, #888 40%, #6f6f6f 100%);
  background-image: linear-gradient(to bottom, #888 40%, #6f6f6f 100%);
  -webkit-transition-property: color, background;
  transition-property: color, background;
  -webkit-transition-duration: 0.25s, 0.45s;
  transition-duration: 0.25s, 0.45s;
  -webkit-transition-timing-function: ease-out, ease-out;
  transition-timing-function: ease-out, ease-out;
  /* different type treatments	 */
  /* different size choices */
  /* special styles */ }
  .button_gray:hover {
    color: #fff;
    background: #6f6f6f;
    background-image: -webkit-linear-gradient(top, #6f6f6f 40%, #555555 100%);
    background-image: linear-gradient(to bottom, #6f6f6f 40%, #555555 100%); }
  .button_gray:active {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    color: #999999; }
  .button_gray i {
    color: #ffcf46;
    font-size: .7em;
    line-height: 0.9em;
    display: inline-block;
    padding-left: 15px; }
  .button_gray.left-align {
    text-align: left;
    padding-left: .75em; }
  .button_gray.right-align {
    padding-right: .75em;
    text-align: right; }
  .button_gray.plain-text {
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.1em; }
  .button_gray.tiny {
    font-size: .7em;
    padding: .5em .7em;
    border-radius: 2px;
    letter-spacing: normal;
    font-weight: 600; }
  .button_gray.small {
    font-size: .7em;
    padding: .9em 1.2em .8em;
    font-weight: 600; }
  .button_gray.large {
    font-size: 1.2em;
    padding: 1em 2.1em .9em;
    font-weight: 600;
    border-radius: 9px; }
  .button_gray.expand {
    width: 100%;
    padding-bottom: .8125em;
    padding-top: .75em;
    font-size: 1em; }
  .button_gray.disabled {
    background: #ddd;
    border-color: #d0d0d0;
    color: #444;
    text-shadow: none;
    cursor: default;
    opacity: 0.6;
    letter-spacing: normal;
    text-transform: none; }
    .button_gray.disabled:active {
      box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset; }

.button_white, .button.white {
  border: 1px solid #e6e6e6;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  line-height: 1;
  margin: 0 0 1.25em;
  padding: .70em .8em;
  position: relative;
  text-align: left;
  text-decoration: none;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
  background: #fff;
  background-image: -webkit-linear-gradient(top, #fff 40%, #e6e6e6 100%);
  background-image: linear-gradient(to bottom, #fff 40%, #e6e6e6 100%);
  -webkit-transition-property: color, background;
  transition-property: color, background;
  -webkit-transition-duration: 0.25s, 0.45s;
  transition-duration: 0.25s, 0.45s;
  -webkit-transition-timing-function: ease-out, ease-out;
  transition-timing-function: ease-out, ease-out;
  /* different type treatments	 */
  /* different size choices */
  /* special styles */
  border-radius: 5px;
  color: #555;
  text-shadow: 1px 1px 0 #fff;
  letter-spacing: 1px;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 0 8px #ccc;
  border-color: #ccc; }
  .button_white:hover, .button.white:hover {
    color: #fff;
    background: #e6e6e6;
    background-image: -webkit-linear-gradient(top, #e6e6e6 40%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #e6e6e6 40%, #cccccc 100%); }
  .button_white:active, .button.white:active {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    color: #999999; }
  .button_white i, .button.white i {
    color: #ffcf46;
    font-size: .7em;
    line-height: 0.9em;
    display: inline-block;
    padding-left: 15px; }
  .button_white.left-align, .button.white.left-align {
    text-align: left;
    padding-left: .75em; }
  .button_white.right-align, .button.white.right-align {
    padding-right: .75em;
    text-align: right; }
  .button_white.plain-text, .button.white.plain-text {
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.1em; }
  .button_white.tiny, .button.white.tiny {
    font-size: .7em;
    padding: .5em .7em;
    border-radius: 2px;
    letter-spacing: normal;
    font-weight: 600; }
  .button_white.small, .button.white.small {
    font-size: .7em;
    padding: .9em 1.2em .8em;
    font-weight: 600; }
  .button_white.large, .button.white.large {
    font-size: 1.2em;
    padding: 1em 2.1em .9em;
    font-weight: 600;
    border-radius: 9px; }
  .button_white.expand, .button.white.expand {
    width: 100%;
    padding-bottom: .8125em;
    padding-top: .75em;
    font-size: 1em; }
  .button_white.disabled, .button.white.disabled {
    background: #ddd;
    border-color: #d0d0d0;
    color: #444;
    text-shadow: none;
    cursor: default;
    opacity: 0.6;
    letter-spacing: normal;
    text-transform: none; }
    .button_white.disabled:active, .button.white.disabled:active {
      box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset; }

.button_jdeere, .button_kenworth, .button.jdeere {
  border: 1px solid #ffc213;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  line-height: 1;
  margin: 0 0 1.25em;
  padding: .70em .8em;
  position: relative;
  text-align: left;
  text-decoration: none;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
  background: #ffcf46;
  background-image: -webkit-linear-gradient(top, #ffcf46 40%, #ffc213 100%);
  background-image: linear-gradient(to bottom, #ffcf46 40%, #ffc213 100%);
  -webkit-transition-property: color, background;
  transition-property: color, background;
  -webkit-transition-duration: 0.25s, 0.45s;
  transition-duration: 0.25s, 0.45s;
  -webkit-transition-timing-function: ease-out, ease-out;
  transition-timing-function: ease-out, ease-out;
  /* different type treatments	 */
  /* different size choices */
  /* special styles */
  border-radius: 5px;
  line-height: 30px;
  padding: 8px 15px;
  color: #302E2C;
  text-shadow: 0 1px 0 #FFF; }
  .button_jdeere:hover, .button_kenworth:hover, .button.jdeere:hover {
    color: #fff;
    background: #ffc213;
    background-image: -webkit-linear-gradient(top, #ffc213 40%, #dfa500 100%);
    background-image: linear-gradient(to bottom, #ffc213 40%, #dfa500 100%); }
  .button_jdeere:active, .button_kenworth:active, .button.jdeere:active {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    color: #999999; }
  .button_jdeere i, .button_kenworth i, .button.jdeere i {
    color: #ffcf46;
    font-size: .7em;
    line-height: 0.9em;
    display: inline-block;
    padding-left: 15px; }
  .button_jdeere.left-align, .button_kenworth.left-align, .button.jdeere.left-align {
    text-align: left;
    padding-left: .75em; }
  .button_jdeere.right-align, .button_kenworth.right-align, .button.jdeere.right-align {
    padding-right: .75em;
    text-align: right; }
  .button_jdeere.plain-text, .button_kenworth.plain-text, .button.jdeere.plain-text {
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.1em; }
  .button_jdeere.tiny, .button_kenworth.tiny, .button.jdeere.tiny {
    font-size: .7em;
    padding: .5em .7em;
    border-radius: 2px;
    letter-spacing: normal;
    font-weight: 600; }
  .button_jdeere.small, .button_kenworth.small, .button.jdeere.small {
    font-size: .7em;
    padding: .9em 1.2em .8em;
    font-weight: 600; }
  .button_jdeere.large, .button_kenworth.large, .button.jdeere.large {
    font-size: 1.2em;
    padding: 1em 2.1em .9em;
    font-weight: 600;
    border-radius: 9px; }
  .button_jdeere.expand, .button_kenworth.expand, .button.jdeere.expand {
    width: 100%;
    padding-bottom: .8125em;
    padding-top: .75em;
    font-size: 1em; }
  .button_jdeere.disabled, .button_kenworth.disabled, .button.jdeere.disabled {
    background: #ddd;
    border-color: #d0d0d0;
    color: #444;
    text-shadow: none;
    cursor: default;
    opacity: 0.6;
    letter-spacing: normal;
    text-transform: none; }
    .button_jdeere.disabled:active, .button_kenworth.disabled:active, .button.jdeere.disabled:active {
      box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset; }
  .button_jdeere:hover, .button_kenworth:hover, .button.jdeere:hover {
    color: #302E2C; }
  .button_jdeere span.icon-jdeere, .button_kenworth span.icon-jdeere, .button.jdeere span.icon-jdeere {
    font-size: 33px;
    vertical-align: middle;
    display: inline-block;
    padding-left: 10px;
    margin-top: -5px;
    color: #302E2C;
    text-shadow: none; }

.button.kenworth.parts-catalog {
  position: relative;
  border: 1px solid #a2022b;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  line-height: 1;
  margin: 0 0 1.25em;
  padding: .70em .8em;
  position: relative;
  text-align: left;
  text-decoration: none;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
  background: #D50239;
  background-image: -webkit-linear-gradient(top, #D50239 40%, #a2022b 100%);
  background-image: linear-gradient(to bottom, #D50239 40%, #a2022b 100%);
  -webkit-transition-property: color, background;
  transition-property: color, background;
  -webkit-transition-duration: 0.25s, 0.45s;
  transition-duration: 0.25s, 0.45s;
  -webkit-transition-timing-function: ease-out, ease-out;
  transition-timing-function: ease-out, ease-out;
  /* different type treatments	 */
  /* different size choices */
  /* special styles */
  border-radius: 5px;
  line-height: 30px;
  padding: 8px 45px 8px 15px;
  color: #FFF;
  text-shadow: 0 1px 0 #302E2C; }
  .button.kenworth.parts-catalog:hover {
    color: #fff;
    background: #a2022b;
    background-image: -webkit-linear-gradient(top, #a2022b 40%, #70011e 100%);
    background-image: linear-gradient(to bottom, #a2022b 40%, #70011e 100%); }
  .button.kenworth.parts-catalog:active {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    color: #999999; }
  .button.kenworth.parts-catalog i {
    color: #ffcf46;
    font-size: .7em;
    line-height: 0.9em;
    display: inline-block;
    padding-left: 15px; }
  .button.kenworth.parts-catalog.left-align {
    text-align: left;
    padding-left: .75em; }
  .button.kenworth.parts-catalog.right-align {
    padding-right: .75em;
    text-align: right; }
  .button.kenworth.parts-catalog.plain-text {
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.1em; }
  .button.kenworth.parts-catalog.tiny {
    font-size: .7em;
    padding: .5em .7em;
    border-radius: 2px;
    letter-spacing: normal;
    font-weight: 600; }
  .button.kenworth.parts-catalog.small {
    font-size: .7em;
    padding: .9em 1.2em .8em;
    font-weight: 600; }
  .button.kenworth.parts-catalog.large {
    font-size: 1.2em;
    padding: 1em 2.1em .9em;
    font-weight: 600;
    border-radius: 9px; }
  .button.kenworth.parts-catalog.expand {
    width: 100%;
    padding-bottom: .8125em;
    padding-top: .75em;
    font-size: 1em; }
  .button.kenworth.parts-catalog.disabled {
    background: #ddd;
    border-color: #d0d0d0;
    color: #444;
    text-shadow: none;
    cursor: default;
    opacity: 0.6;
    letter-spacing: normal;
    text-transform: none; }
    .button.kenworth.parts-catalog.disabled:active {
      box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset; }
  .button.kenworth.parts-catalog:hover:not(.disabled) {
    color: #e52756;
    color: #FFF;
    text-shadow: 0 1px 0 #302E2C; }
  .button.kenworth.parts-catalog img {
    display: inline-block;
    width: 33px;
    height: 33px;
    position: absolute;
    right: 8px;
    top: 6px; }

#confirmCallOffButton {
    border: 1px solid #8c0000;
    cursor: pointer;
    display: inline-block;
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
    line-height: 1;
    margin: 0 0 1.25em;
    padding: .70em .8em;
    position: relative;
    text-align: left;
    text-decoration: none;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
    background: #bf0000;
    background-image: -webkit-linear-gradient(top, #bf0000 40%, #8c0000 100%);
    background-image: linear-gradient(to bottom, #bf0000 40%, #8c0000 100%);
    -webkit-transition-property: color, background;
    transition-property: color, background;
    -webkit-transition-duration: 0.25s, 0.45s;
    transition-duration: 0.25s, 0.45s;
    -webkit-transition-timing-function: ease-out, ease-out;
    transition-timing-function: ease-out, ease-out;
    /* different type treatments	 */
    /* different size choices */
    /* special styles */
    letter-spacing: 2px;
    font-size: 14px;
    position: relative;
    padding-left: 35px;
    margin: 0;
}

    #confirmCallOffButton:hover {
        color: #fff;
        background: #8c0000;
        background-image: -webkit-linear-gradient(top, #8c0000 40%, #590000 100%);
        background-image: linear-gradient(to bottom, #8c0000 40%, #590000 100%);
    }

    #confirmCallOffButton:active {
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
        color: #999999;
    }

    #confirmCallOffButton i {
        color: #ffcf46;
        font-size: .7em;
        line-height: 0.9em;
        display: inline-block;
        padding-left: 15px;
    }

    #confirmCallOffButton.left-align {
        text-align: left;
        padding-left: .75em;
    }

    #confirmCallOffButton.right-align {
        padding-right: .75em;
        text-align: right;
    }

    #confirmCallOffButton.plain-text {
        text-transform: none;
        letter-spacing: normal;
        line-height: 1.1em;
    }

    #confirmCallOffButton.tiny {
        font-size: .7em;
        padding: .5em .7em;
        border-radius: 2px;
        letter-spacing: normal;
        font-weight: 600;
    }

    #confirmCallOffButton.small {
        font-size: .7em;
        padding: .9em 1.2em .8em;
        font-weight: 600;
    }

    #confirmCallOffButton.large {
        font-size: 1.2em;
        padding: 1em 2.1em .9em;
        font-weight: 600;
        border-radius: 9px;
    }

    #confirmCallOffButton.expand {
        width: 100%;
        padding-bottom: .8125em;
        padding-top: .75em;
        font-size: 1em;
    }

    #confirmCallOffButton.disabled {
        background: #ddd;
        border-color: #d0d0d0;
        color: #444;
        text-shadow: none;
        cursor: default;
        opacity: 0.6;
        letter-spacing: normal;
        text-transform: none;
    }

        #confirmCallOffButton.disabled:active {
            box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
        }

    #confirmCallOffButton i {
        margin: 0;
        padding: 0;
        color: #fff;
        display: block;
        position: absolute;
        left: 10px;
        top: 8px;
        text-align: center;
        font-size: 18px;
        font-weight: 200;
    }


.cancel_button {
  border: 1px solid #8c0000;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  line-height: 1;
  margin: 0 0 1.25em;
  padding: .70em .8em;
  position: relative;
  text-align: left;
  text-decoration: none;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
  background: #bf0000;
  background-image: -webkit-linear-gradient(top, #bf0000 40%, #8c0000 100%);
  background-image: linear-gradient(to bottom, #bf0000 40%, #8c0000 100%);
  -webkit-transition-property: color, background;
  transition-property: color, background;
  -webkit-transition-duration: 0.25s, 0.45s;
  transition-duration: 0.25s, 0.45s;
  -webkit-transition-timing-function: ease-out, ease-out;
  transition-timing-function: ease-out, ease-out;
  /* different type treatments	 */
  /* different size choices */
  /* special styles */
  letter-spacing: 2px;
  font-size: 14px;
  position: relative;
  padding-left: 35px;
  margin: 0; }
  .cancel_button:hover {
    color: #fff;
    background: #8c0000;
    background-image: -webkit-linear-gradient(top, #8c0000 40%, #590000 100%);
    background-image: linear-gradient(to bottom, #8c0000 40%, #590000 100%); }
  .cancel_button:active {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    color: #999999; }
  .cancel_button i {
    color: #ffcf46;
    font-size: .7em;
    line-height: 0.9em;
    display: inline-block;
    padding-left: 15px; }
  .cancel_button.left-align {
    text-align: left;
    padding-left: .75em; }
  .cancel_button.right-align {
    padding-right: .75em;
    text-align: right; }
  .cancel_button.plain-text {
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.1em; }
  .cancel_button.tiny {
    font-size: .7em;
    padding: .5em .7em;
    border-radius: 2px;
    letter-spacing: normal;
    font-weight: 600; }
  .cancel_button.small {
    font-size: .7em;
    padding: .9em 1.2em .8em;
    font-weight: 600; }
  .cancel_button.large {
    font-size: 1.2em;
    padding: 1em 2.1em .9em;
    font-weight: 600;
    border-radius: 9px; }
  .cancel_button.expand {
    width: 100%;
    padding-bottom: .8125em;
    padding-top: .75em;
    font-size: 1em; }
  .cancel_button.disabled {
    background: #ddd;
    border-color: #d0d0d0;
    color: #444;
    text-shadow: none;
    cursor: default;
    opacity: 0.6;
    letter-spacing: normal;
    text-transform: none; }
    .cancel_button.disabled:active {
      box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset; }
  .cancel_button i {
    margin: 0;
    padding: 0;
    color: #fff;
    display: block;
    position: absolute;
    left: 10px;
    top: 8px;
    text-align: center;
    font-size: 18px;
    font-weight: 200; }

.confirm_yes_button {
  border: 1px solid #8c0000;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  line-height: 1;
  margin: 0 0 1.25em;
  padding: .70em .8em;
  position: relative;
  text-align: left;
  text-decoration: none;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
  background: #bf0000;
  background-image: -webkit-linear-gradient(top, #bf0000 40%, #8c0000 100%);
  background-image: linear-gradient(to bottom, #bf0000 40%, #8c0000 100%);
  -webkit-transition-property: color, background;
  transition-property: color, background;
  -webkit-transition-duration: 0.25s, 0.45s;
  transition-duration: 0.25s, 0.45s;
  -webkit-transition-timing-function: ease-out, ease-out;
  transition-timing-function: ease-out, ease-out;
  /* different type treatments	 */
  /* different size choices */
  /* special styles */ }
  .confirm_yes_button:hover {
    color: #fff;
    background: #8c0000;
    background-image: -webkit-linear-gradient(top, #8c0000 40%, #590000 100%);
    background-image: linear-gradient(to bottom, #8c0000 40%, #590000 100%); }
  .confirm_yes_button:active {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    color: #999999; }
  .confirm_yes_button i {
    color: #ffcf46;
    font-size: .7em;
    line-height: 0.9em;
    display: inline-block;
    padding-left: 15px; }
  .confirm_yes_button.left-align {
    text-align: left;
    padding-left: .75em; }
  .confirm_yes_button.right-align {
    padding-right: .75em;
    text-align: right; }
  .confirm_yes_button.plain-text {
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.1em; }
  .confirm_yes_button.tiny {
    font-size: .7em;
    padding: .5em .7em;
    border-radius: 2px;
    letter-spacing: normal;
    font-weight: 600; }
  .confirm_yes_button.small {
    font-size: .7em;
    padding: .9em 1.2em .8em;
    font-weight: 600; }
  .confirm_yes_button.large {
    font-size: 1.2em;
    padding: 1em 2.1em .9em;
    font-weight: 600;
    border-radius: 9px; }
  .confirm_yes_button.expand {
    width: 100%;
    padding-bottom: .8125em;
    padding-top: .75em;
    font-size: 1em; }
  .confirm_yes_button.disabled {
    background: #ddd;
    border-color: #d0d0d0;
    color: #444;
    text-shadow: none;
    cursor: default;
    opacity: 0.6;
    letter-spacing: normal;
    text-transform: none; }
    .confirm_yes_button.disabled:active {
      box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset; }

.confirm_no_button {
  border: 1px solid #565656;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  line-height: 1;
  margin: 0 0 1.25em;
  padding: .70em .8em;
  position: relative;
  text-align: left;
  text-decoration: none;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
  background: #6F6F6F;
  background-image: -webkit-linear-gradient(top, #6F6F6F 40%, #565656 100%);
  background-image: linear-gradient(to bottom, #6F6F6F 40%, #565656 100%);
  -webkit-transition-property: color, background;
  transition-property: color, background;
  -webkit-transition-duration: 0.25s, 0.45s;
  transition-duration: 0.25s, 0.45s;
  -webkit-transition-timing-function: ease-out, ease-out;
  transition-timing-function: ease-out, ease-out;
  /* different type treatments	 */
  /* different size choices */
  /* special styles */ }
  .confirm_no_button:hover {
    color: #fff;
    background: #565656;
    background-image: -webkit-linear-gradient(top, #565656 40%, #3c3c3c 100%);
    background-image: linear-gradient(to bottom, #565656 40%, #3c3c3c 100%); }
  .confirm_no_button:active {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    color: #999999; }
  .confirm_no_button i {
    color: #ffcf46;
    font-size: .7em;
    line-height: 0.9em;
    display: inline-block;
    padding-left: 15px; }
  .confirm_no_button.left-align {
    text-align: left;
    padding-left: .75em; }
  .confirm_no_button.right-align {
    padding-right: .75em;
    text-align: right; }
  .confirm_no_button.plain-text {
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.1em; }
  .confirm_no_button.tiny {
    font-size: .7em;
    padding: .5em .7em;
    border-radius: 2px;
    letter-spacing: normal;
    font-weight: 600; }
  .confirm_no_button.small {
    font-size: .7em;
    padding: .9em 1.2em .8em;
    font-weight: 600; }
  .confirm_no_button.large {
    font-size: 1.2em;
    padding: 1em 2.1em .9em;
    font-weight: 600;
    border-radius: 9px; }
  .confirm_no_button.expand {
    width: 100%;
    padding-bottom: .8125em;
    padding-top: .75em;
    font-size: 1em; }
  .confirm_no_button.disabled {
    background: #ddd;
    border-color: #d0d0d0;
    color: #444;
    text-shadow: none;
    cursor: default;
    opacity: 0.6;
    letter-spacing: normal;
    text-transform: none; }
    .confirm_no_button.disabled:active {
      box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset; }

.close_button {
  position: absolute;
  right: -1px;
  top: -7px;
  width: 36px;
  height: 36px;
  padding: 0;
  line-height: 40px;
  background: #252525;
  border-radius: 0px;
  border: none;
  box-shadow: none;
  z-index: 1000; }
  .close_button:hover {
    background: #000; }

/* ==========================================================================
	!  3. Button Groups  TODO
	========================================================================== */
.button-group {
  list-style: none;
  margin: 0;
  *zoom: 1; }
  .button-group:before {
    content: " ";
    display: table; }
  .button-group:after {
    content: " ";
    display: table;
    clear: both; }
  .button-group li {
    margin: 0 0 0 -1px;
    float: left; }
    .button-group li:first-child {
      margin-left: 0; }
  .button-group.radius li:first-child > a {
    border-top-left-radius: 40px;
    -moz-border-radius-topleft: 40px;
    -webkit-border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    -moz-border-radius-bottomleft: 40px;
    -webkit-border-bottom-left-radius: 40px; }
  .button-group.radius li:last-child > a {
    border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px; }
  .button-group.round li:first-child > a {
    border-top-left-radius: 1000px;
    -moz-border-radius-topleft: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    -moz-border-radius-bottomleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px; }
  .button-group.round li:last-child > a {
    border-top-right-radius: 1000px;
    -moz-border-radius-topright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-bottom-right-radius: 1000px; }
  .button-group.even-2 li {
    width: 50%; }
    .button-group.even-2 li .button {
      width: 100%; }
  .button-group.even-3 li {
    width: 33.33333%; }
    .button-group.even-3 li .button {
      width: 100%; }
  .button-group.even-4 li {
    width: 25%; }
    .button-group.even-4 li .button {
      width: 100%; }
  .button-group.even-5 li {
    width: 20%; }
    .button-group.even-5 li .button {
      width: 100%; }
  .button-group.even-6 li {
    width: 16.66667%; }
    .button-group.even-6 li .button {
      width: 100%; }
  .button-group.even-7 li {
    width: 14.28571%; }
    .button-group.even-7 li .button {
      width: 100%; }
  .button-group.even-8 li {
    width: 12.5%; }
    .button-group.even-8 li .button {
      width: 100%; }

.button-bar {
  *zoom: 1; }
  .button-bar:before {
    content: " ";
    display: table; }
  .button-bar:after {
    content: " ";
    display: table;
    clear: both; }
  .button-bar .button-group {
    float: left;
    margin-right: 0.625em; }
    .button-bar .button-group div {
      overflow: hidden; }

/* ==========================================================================
	!  4. Dropdown Buttons TODO
	========================================================================== */
.dropdown.button {
  position: relative;
  padding-right: 3.1875em; }
  .dropdown.button:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-color: white transparent transparent transparent;
    top: 50%;
    border-width: 0.5625em;
    right: 1.5em;
    margin-top: -0.25em;
    border-color: white transparent transparent transparent; }
  .dropdown.button.tiny {
    padding-right: 2.1875em; }
    .dropdown.button.tiny:before {
      border-width: 0.4375em;
      right: 0.875em;
      margin-top: -0.15625em;
      border-color: white transparent transparent transparent; }
  .dropdown.button.small {
    padding-right: 2.8125em; }
    .dropdown.button.small:before {
      border-width: 0.5625em;
      right: 1.125em;
      margin-top: -0.21875em;
      border-color: white transparent transparent transparent; }
  .dropdown.button.large {
    padding-right: 4em; }
    .dropdown.button.large:before {
      border-width: 0.625em;
      right: 1.75em;
      margin-top: -0.3125em;
      border-color: white transparent transparent transparent; }
  .dropdown.button.secondary:before {
    border-color: #333333 transparent transparent transparent; }

/*-------------------------------------------
   Split Buttons
-------------------------------------------*/
.split.button {
  position: relative;
  padding-right: 4.8em; }
  .split.button span {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: solid 1px;
    border-left-color: #1e728c;
    width: 3em; }
    .split.button span:before {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      display: block;
      border-style: solid;
      left: 50%; }
    .split.button span:active {
      background-color: rgba(0, 0, 0, 0.1); }
    .split.button span:before {
      border-width: 0.5625em;
      top: 1.125em;
      margin-left: -0.5625em;
      border-color: white transparent transparent transparent; }
  .split.button.secondary span {
    border-left-color: #c3c3c3; }
    .split.button.secondary span:before {
      border-color: white transparent transparent transparent; }
  .split.button.alert span {
    border-left-color: #7f0a0c; }
  .split.button.success span {
    border-left-color: #396516; }
  .split.button.tiny {
    padding-right: 3.9375em; }
    .split.button.tiny span {
      width: 2.84375em; }
      .split.button.tiny span:before {
        border-width: 0.4375em;
        top: 0.875em;
        margin-left: -0.3125em; }
  .split.button.small {
    padding-right: 3.9375em; }
    .split.button.small span {
      width: 2.8125em; }
      .split.button.small span:before {
        border-width: 0.5625em;
        top: 0.84375em;
        margin-left: -0.5625em; }
  .split.button.large {
    padding-right: 6em; }
    .split.button.large span {
      width: 3.75em; }
      .split.button.large span:before {
        border-width: 0.625em;
        top: 1.3125em;
        margin-left: -0.5625em; }
  .split.button.secondary span:before {
    border-color: #333333 transparent transparent transparent; }
  .split.button.radius span {
    border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px; }
  .split.button.round span {
    border-top-right-radius: 1000px;
    -moz-border-radius-topright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-bottom-right-radius: 1000px; }

/*-------------------------------------------
   Foundation Dropdowns
-------------------------------------------*/
.f-dropdown {
  position: absolute;
  left: -9999px;
  top: -9999px;
  list-style: none;
  width: 100%;
  max-height: none;
  height: auto;
  background: white;
  border: solid 1px #cccccc;
  font-size: 16px;
  z-index: 99;
  margin-top: 2px;
  max-width: 200px; }
  .f-dropdown *:first-child {
    margin-top: 0; }
  .f-dropdown *:last-child {
    margin-bottom: 0; }
  .f-dropdown:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 6px;
    border-color: transparent transparent white transparent;
    position: absolute;
    top: -12px;
    left: 10px;
    z-index: 99; }
  .f-dropdown:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 7px;
    border-color: transparent transparent #cccccc transparent;
    position: absolute;
    top: -14px;
    left: 9px;
    z-index: 98; }
  .f-dropdown li {
    font-size: 0.875em;
    cursor: pointer;
    padding: 0.3125em 0.625em;
    line-height: 1.125em;
    margin: 0; }
    .f-dropdown li:hover, .f-dropdown li:focus {
      background: #eeeeee; }
    .f-dropdown li a {
      color: #555555; }
  .f-dropdown.content {
    position: absolute;
    left: -9999px;
    top: -9999px;
    list-style: none;
    padding: 1.25em;
    width: 100%;
    height: auto;
    max-height: none;
    background: white;
    border: solid 1px #cccccc;
    font-size: 16px;
    z-index: 99;
    max-width: 200px; }
    .f-dropdown.content *:first-child {
      margin-top: 0; }
    .f-dropdown.content *:last-child {
      margin-bottom: 0; }
  .f-dropdown.tiny {
    max-width: 200px; }
  .f-dropdown.small {
    max-width: 300px; }
  .f-dropdown.medium {
    max-width: 500px; }
  .f-dropdown.large {
    max-width: 800px; }

@media only screen and (max-width: 767px) {
  .f-dropdown {
    max-width: 100%;
    left: 0; } }

/* ==========================================================================
	!  5. Form Buttons
	========================================================================== */
input[type="button"],
input[type="submit"],
input[type="reset"] {
  border: 1px solid #ffc213;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  line-height: 1;
  margin: 0 0 1.25em;
  padding: .70em .8em;
  position: relative;
  text-align: left;
  text-decoration: none;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
  background: #ffcf46;
  background-image: -webkit-linear-gradient(top, #ffcf46 40%, #ffc213 100%);
  background-image: linear-gradient(to bottom, #ffcf46 40%, #ffc213 100%);
  -webkit-transition-property: color, background;
  transition-property: color, background;
  -webkit-transition-duration: 0.25s, 0.45s;
  transition-duration: 0.25s, 0.45s;
  -webkit-transition-timing-function: ease-out, ease-out;
  transition-timing-function: ease-out, ease-out;
  /* different type treatments	 */
  /* different size choices */
  /* special styles */
  text-shadow: none;
  letter-spacing: 1px;
  text-transform: none;
  font-weight: 200;
  margin: .5em 0; }
  input[type="button"]:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover {
    color: #fff;
    background: #ffc213;
    background-image: -webkit-linear-gradient(top, #ffc213 40%, #dfa500 100%);
    background-image: linear-gradient(to bottom, #ffc213 40%, #dfa500 100%); }
  input[type="button"]:active,
  input[type="submit"]:active,
  input[type="reset"]:active {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    color: #999999; }
  input[type="button"] i,
  input[type="submit"] i,
  input[type="reset"] i {
    color: #ffcf46;
    font-size: .7em;
    line-height: 0.9em;
    display: inline-block;
    padding-left: 15px; }
  input[type="button"].left-align,
  input[type="submit"].left-align,
  input[type="reset"].left-align {
    text-align: left;
    padding-left: .75em; }
  input[type="button"].right-align,
  input[type="submit"].right-align,
  input[type="reset"].right-align {
    padding-right: .75em;
    text-align: right; }
  input[type="button"].plain-text,
  input[type="submit"].plain-text,
  input[type="reset"].plain-text {
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.1em; }
  input[type="button"].tiny,
  input[type="submit"].tiny,
  input[type="reset"].tiny {
    font-size: .7em;
    padding: .5em .7em;
    border-radius: 2px;
    letter-spacing: normal;
    font-weight: 600; }
  input[type="button"].small,
  input[type="submit"].small,
  input[type="reset"].small {
    font-size: .7em;
    padding: .9em 1.2em .8em;
    font-weight: 600; }
  input[type="button"].large,
  input[type="submit"].large,
  input[type="reset"].large {
    font-size: 1.2em;
    padding: 1em 2.1em .9em;
    font-weight: 600;
    border-radius: 9px; }
  input[type="button"].expand,
  input[type="submit"].expand,
  input[type="reset"].expand {
    width: 100%;
    padding-bottom: .8125em;
    padding-top: .75em;
    font-size: 1em; }
  input[type="button"].disabled,
  input[type="submit"].disabled,
  input[type="reset"].disabled {
    background: #ddd;
    border-color: #d0d0d0;
    color: #444;
    text-shadow: none;
    cursor: default;
    opacity: 0.6;
    letter-spacing: normal;
    text-transform: none; }
    input[type="button"].disabled:active,
    input[type="submit"].disabled:active,
    input[type="reset"].disabled:active {
      box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset; }

input[type="button"].secondary,
input[type="submit"].secondary,
input[type="reset"].secondary,
button.secondary {
  border: 1px solid #313131;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  line-height: 1;
  margin: 0 0 1.25em;
  padding: .70em .8em;
  position: relative;
  text-align: left;
  text-decoration: none;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
  background: #4a4a4a;
  background-image: -webkit-linear-gradient(top, #4a4a4a 40%, #313131 100%);
  background-image: linear-gradient(to bottom, #4a4a4a 40%, #313131 100%);
  -webkit-transition-property: color, background;
  transition-property: color, background;
  -webkit-transition-duration: 0.25s, 0.45s;
  transition-duration: 0.25s, 0.45s;
  -webkit-transition-timing-function: ease-out, ease-out;
  transition-timing-function: ease-out, ease-out;
  /* different type treatments	 */
  /* different size choices */
  /* special styles */
  text-shadow: none;
  letter-spacing: 1px;
  text-transform: none;
  font-weight: 200;
  margin: .5em 0; }
  input[type="button"].secondary:hover,
  input[type="submit"].secondary:hover,
  input[type="reset"].secondary:hover,
  button.secondary:hover {
    color: #fff;
    background: #313131;
    background-image: -webkit-linear-gradient(top, #313131 40%, #171717 100%);
    background-image: linear-gradient(to bottom, #313131 40%, #171717 100%); }
  input[type="button"].secondary:active,
  input[type="submit"].secondary:active,
  input[type="reset"].secondary:active,
  button.secondary:active {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    color: #999999; }
  input[type="button"].secondary i,
  input[type="submit"].secondary i,
  input[type="reset"].secondary i,
  button.secondary i {
    color: #ffcf46;
    font-size: .7em;
    line-height: 0.9em;
    display: inline-block;
    padding-left: 15px; }
  input[type="button"].secondary.left-align,
  input[type="submit"].secondary.left-align,
  input[type="reset"].secondary.left-align,
  button.secondary.left-align {
    text-align: left;
    padding-left: .75em; }
  input[type="button"].secondary.right-align,
  input[type="submit"].secondary.right-align,
  input[type="reset"].secondary.right-align,
  button.secondary.right-align {
    padding-right: .75em;
    text-align: right; }
  input[type="button"].secondary.plain-text,
  input[type="submit"].secondary.plain-text,
  input[type="reset"].secondary.plain-text,
  button.secondary.plain-text {
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.1em; }
  input[type="button"].secondary.tiny,
  input[type="submit"].secondary.tiny,
  input[type="reset"].secondary.tiny,
  button.secondary.tiny {
    font-size: .7em;
    padding: .5em .7em;
    border-radius: 2px;
    letter-spacing: normal;
    font-weight: 600; }
  input[type="button"].secondary.small,
  input[type="submit"].secondary.small,
  input[type="reset"].secondary.small,
  button.secondary.small {
    font-size: .7em;
    padding: .9em 1.2em .8em;
    font-weight: 600; }
  input[type="button"].secondary.large,
  input[type="submit"].secondary.large,
  input[type="reset"].secondary.large,
  button.secondary.large {
    font-size: 1.2em;
    padding: 1em 2.1em .9em;
    font-weight: 600;
    border-radius: 9px; }
  input[type="button"].secondary.expand,
  input[type="submit"].secondary.expand,
  input[type="reset"].secondary.expand,
  button.secondary.expand {
    width: 100%;
    padding-bottom: .8125em;
    padding-top: .75em;
    font-size: 1em; }
  input[type="button"].secondary.disabled,
  input[type="submit"].secondary.disabled,
  input[type="reset"].secondary.disabled,
  button.secondary.disabled {
    background: #ddd;
    border-color: #d0d0d0;
    color: #444;
    text-shadow: none;
    cursor: default;
    opacity: 0.6;
    letter-spacing: normal;
    text-transform: none; }
    input[type="button"].secondary.disabled:active,
    input[type="submit"].secondary.disabled:active,
    input[type="reset"].secondary.disabled:active,
    button.secondary.disabled:active {
      box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset; }

input[type="button"][disabled],
input[type="submit"][disabled],
input[type="reset"][disabled],
button[disabled] {
  border: 1px solid gray;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  line-height: 1;
  margin: 0 0 1.25em;
  padding: .70em .8em;
  position: relative;
  text-align: left;
  text-decoration: none;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
  background: #999;
  background-image: -webkit-linear-gradient(top, #999 40%, gray 100%);
  background-image: linear-gradient(to bottom, #999 40%, gray 100%);
  -webkit-transition-property: color, background;
  transition-property: color, background;
  -webkit-transition-duration: 0.25s, 0.45s;
  transition-duration: 0.25s, 0.45s;
  -webkit-transition-timing-function: ease-out, ease-out;
  transition-timing-function: ease-out, ease-out;
  /* different type treatments	 */
  /* different size choices */
  /* special styles */
  background: #ddd;
  border-color: #d0d0d0;
  color: #444;
  text-shadow: none;
  cursor: default;
  opacity: .6;
  letter-spacing: normal;
  text-transform: none;
  margin: .5em 0; }
  input[type="button"][disabled]:hover,
  input[type="submit"][disabled]:hover,
  input[type="reset"][disabled]:hover,
  button[disabled]:hover {
    color: #fff;
    background: gray;
    background-image: -webkit-linear-gradient(top, gray 40%, #666666 100%);
    background-image: linear-gradient(to bottom, gray 40%, #666666 100%); }
  input[type="button"][disabled]:active,
  input[type="submit"][disabled]:active,
  input[type="reset"][disabled]:active,
  button[disabled]:active {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    color: #999999; }
  input[type="button"][disabled] i,
  input[type="submit"][disabled] i,
  input[type="reset"][disabled] i,
  button[disabled] i {
    color: #ffcf46;
    font-size: .7em;
    line-height: 0.9em;
    display: inline-block;
    padding-left: 15px; }
  input[type="button"][disabled].left-align,
  input[type="submit"][disabled].left-align,
  input[type="reset"][disabled].left-align,
  button[disabled].left-align {
    text-align: left;
    padding-left: .75em; }
  input[type="button"][disabled].right-align,
  input[type="submit"][disabled].right-align,
  input[type="reset"][disabled].right-align,
  button[disabled].right-align {
    padding-right: .75em;
    text-align: right; }
  input[type="button"][disabled].plain-text,
  input[type="submit"][disabled].plain-text,
  input[type="reset"][disabled].plain-text,
  button[disabled].plain-text {
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.1em; }
  input[type="button"][disabled].tiny,
  input[type="submit"][disabled].tiny,
  input[type="reset"][disabled].tiny,
  button[disabled].tiny {
    font-size: .7em;
    padding: .5em .7em;
    border-radius: 2px;
    letter-spacing: normal;
    font-weight: 600; }
  input[type="button"][disabled].small,
  input[type="submit"][disabled].small,
  input[type="reset"][disabled].small,
  button[disabled].small {
    font-size: .7em;
    padding: .9em 1.2em .8em;
    font-weight: 600; }
  input[type="button"][disabled].large,
  input[type="submit"][disabled].large,
  input[type="reset"][disabled].large,
  button[disabled].large {
    font-size: 1.2em;
    padding: 1em 2.1em .9em;
    font-weight: 600;
    border-radius: 9px; }
  input[type="button"][disabled].expand,
  input[type="submit"][disabled].expand,
  input[type="reset"][disabled].expand,
  button[disabled].expand {
    width: 100%;
    padding-bottom: .8125em;
    padding-top: .75em;
    font-size: 1em; }
  input[type="button"][disabled].disabled,
  input[type="submit"][disabled].disabled,
  input[type="reset"][disabled].disabled,
  button[disabled].disabled {
    background: #ddd;
    border-color: #d0d0d0;
    color: #444;
    text-shadow: none;
    cursor: default;
    opacity: 0.6;
    letter-spacing: normal;
    text-transform: none; }
    input[type="button"][disabled].disabled:active,
    input[type="submit"][disabled].disabled:active,
    input[type="reset"][disabled].disabled:active,
    button[disabled].disabled:active {
      box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset; }
  input[type="button"][disabled]:hover,
  input[type="submit"][disabled]:hover,
  input[type="reset"][disabled]:hover,
  button[disabled]:hover {
    background: #ddd;
    color: #444; }

/*-------------------------------------------
    Callouts includes panel boxes with special styles, colored callouts to grab the users' attention, and alert boxes.

    Table of Contents:

    1. Panels
    2. Callouts
    3. Alert Boxes

-------------------------------------------*/
/* ==========================================================================
	!  1. Panels
========================================================================== */
.panel, .callout {
  margin-bottom: 1.25em;
  padding: 1.25em;
  border: 1px solid #dedddd;
  background-image: -webkit-linear-gradient(#e1e1e1 0%, #ededed 20%);
  background-image: -webkit-linear-gradient(to, #ededed 20%);
  background-image: linear-gradient(to   , #ededed 20%);
  box-shadow: 0 1px 0 #fff;
  line-height: 1.4em; }
  .panel h1, .callout h1, .panel h2, .callout h2, .panel h3, .callout h3, .panel h4, .callout h4, .panel h5, .callout h5, .panel h6, .callout h6 {
    line-height: 1.1;
    margin-bottom: 0.625em; }
  .panel h4, .callout h4, .panel h5, .callout h5, .panel h6, .callout h6 {
    color: #666;
    font-weight: 400;
    line-height: 1.2em; }
  .panel h4, .callout h4 {
    color: #111;
    margin-bottom: 15px;
    font-size: 18px; }
  .panel h5, .callout h5 {
    font-size: 14px;
    margin-bottom: 20px; }
  .panel h6, .callout h6 {
    font-size: 12px;
    margin: 10px 0 5px 0; }
  .panel .divider, .callout .divider {
    margin: 15px -1.2em;
    width: auto;
    height: 0;
    border-top: 1px solid #dedddd;
    border-bottom: 1px solid #f5f5f5; }
  .panel .no-bullet, .callout .no-bullet {
    margin: 0; }
  .panel .small, .callout .small {
    color: #999;
    font-size: 12px; }

/* ==========================================================================
	!  2. Callouts
========================================================================== */
.callout {
  border-style: solid;
  border-width: 1px;
  border-color: #ffc213;
  background: #ffcf46;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 0 3px #dfa500; }

/* ==========================================================================
	!  3. Alert Boxes

	These handy panels can be closed by the user, collapsing and hiding the message or alert.
	To use, just includes the data-alert attribute and add your class to style.

   	Sample HTML:

	   	<div data-alert class="alert-box">
			<i class="ss-icon">info</i>
			<strong>This is an information notification</strong><br/>
			Warning!  You have built too many pylons!
			<a href="#" class="close ss-icon">close</a>
		</div>

========================================================================== */
.alert-box {
  display: block;
  margin-bottom: 1.25em;
  padding: 0.6875em 1.3125em 0.75em 0.6875em;
  border-radius: 5px;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset;
  font-weight: normal;
  position: relative;
  font-size: 0.9em;
  border-width: 1px;
  border-style: solid;
  text-shadow: 0px 1px rgba(255, 255, 255, 0.3);
  min-height: 30px;
  border-color: #69c0ca;
  color: #31717a;
  background-color: #8aced6;
  background-image: -webkit-linear-gradient(#99e2eb, #79c6cd);
  background-image: linear-gradient(#99e2eb, #79c6cd); }
  .alert-box i {
    font-size: 1.5em;
    display: block;
    float: left;
    padding-right: .7em;
    padding-bottom: .5em;
    height: 100%;
    padding-top: 5px; }
  .alert-box .close {
    font-size: .9em;
    padding: 5px 5px 4px 5px;
    line-height: 1em;
    position: absolute;
    top: 0.4375em;
    right: 0.3125em;
    color: #333333;
    opacity: 0.3;
    text-shadow: 0 1px 0 #fff;
    border-radius: 2px;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out; }
    .alert-box .close:hover {
      opacity: 0.6; }
  .alert-box.success {
    border-color: #accc5d;
    color: #70892b;
    background-color: #c8e185;
    background-image: -webkit-linear-gradient(#d0e98e, #c1da7f);
    background-image: linear-gradient(#d0e98e, #c1da7f); }
  .alert-box.erroralert {
    border-color: #dc4e4d;
    color: #b52525;
    background-color: #ec8282;
    background-image: -webkit-linear-gradient(#f48888, #e17575);
    background-image: linear-gradient(#f48888, #e17575); }
  .alert-box.alert {
    border-color: #e8c95f;
    color: #ae8500;
    background-color: #f3dc8f;
    background-image: -webkit-linear-gradient(#ffeaa7, #f3d573);
    background-image: linear-gradient(#ffeaa7, #f3d573); }
  .alert-box.secondary {
    border-color: #CCC;
    color: #666;
    background-color: #e8e8e8;
    background-image: -webkit-linear-gradient(#f4f4f4, #e0e0e0);
    background-image: linear-gradient(#f4f4f4, #e0e0e0); }

/*-------------------------------------------

   	Things that collapse content and save space, like TABS, ACCORDIONS, and TOGGLES

   	Table of Contents:

   	1. Tabs/Accordions
   	2. Toggler

-------------------------------------------*/
/* ==========================================================================

	!  1. Tabs/Accordions

	Note: Called sections by Foundation.  Pretty tabs when on larger screens, magically become accordions when on smaller screens

	HTML:

		<div class="section-container tabs" data-section>
			<section class="section">
				<p class="title"><a href="#">Tab One</a></p>
				<div class="content" data-slug="section1">
					Tab Content
				</div>
			</section>
		</div>

	========================================================================== */
.section-container, .section-container.auto {
  width: 100%;
  display: block;
  margin-bottom: 1.25em;
  border: 1px solid #ccc;
  border-top: none; }
  .section-container section, .section-container .section, .section-container.auto section, .section-container.auto .section {
    border-top: 1px solid #ccc;
    position: relative; }
    .section-container section .title, .section-container .section .title, .section-container.auto section .title, .section-container.auto .section .title {
      top: 0;
      cursor: pointer;
      width: 100%;
      margin: 0;
      background-color: #4a4a4a; }
      .section-container section .title a, .section-container .section .title a, .section-container.auto section .title a, .section-container.auto .section .title a {
        padding: 0.9375em;
        display: inline-block;
        color: #fff;
        font-size: 0.875em;
        white-space: nowrap;
        width: 100%; }
      .section-container section .title:hover, .section-container .section .title:hover, .section-container.auto section .title:hover, .section-container.auto .section .title:hover {
        background-color: #3d3d3d; }
    .section-container section .content, .section-container .section .content, .section-container.auto section .content, .section-container.auto .section .content {
      display: none;
      padding: 0.9375em;
      background-color: #fff; }
      .section-container section .content > *:last-child, .section-container .section .content > *:last-child, .section-container.auto section .content > *:last-child, .section-container.auto .section .content > *:last-child {
        margin-bottom: 0; }
      .section-container section .content > *:first-child, .section-container .section .content > *:first-child, .section-container.auto section .content > *:first-child, .section-container.auto .section .content > *:first-child {
        padding-top: 0; }
      .section-container section .content > *:last-child, .section-container .section .content > *:last-child, .section-container.auto section .content > *:last-child, .section-container.auto .section .content > *:last-child {
        padding-bottom: 0; }
    .section-container section.active .content, .section-container .section.active .content, .section-container.auto section.active .content, .section-container.auto .section.active .content {
      display: block; }
    .section-container section.active .title, .section-container .section.active .title, .section-container.auto section.active .title, .section-container.auto .section.active .title {
      background: #313131; }
      .section-container section.active .title a, .section-container .section.active .title a, .section-container.auto section.active .title a, .section-container.auto .section.active .title a {
        color: #222; }

.section-container.tabs {
  border: 0;
  position: relative; }
  .section-container.tabs section, .section-container.tabs .section {
    padding-top: 0;
    border: 0;
    position: static; }
    .section-container.tabs section .title, .section-container.tabs .section .title {
      width: auto;
      border: 1px solid #ccc;
      border-right: 0;
      border-bottom: 0;
      position: absolute;
      z-index: 1; }
      .section-container.tabs section .title a, .section-container.tabs .section .title a {
        width: 100%; }
    .section-container.tabs section:last-child .title, .section-container.tabs .section:last-child .title {
      border-right: 1px solid #ccc; }
    .section-container.tabs section .content, .section-container.tabs .section .content {
      border: 1px solid #ccc;
      position: absolute;
      z-index: 10;
      top: -1px; }
    .section-container.tabs section.active .title, .section-container.tabs .section.active .title {
      background-color: #fff;
      z-index: 11;
      border-bottom: 0; }
      .section-container.tabs section.active .title a, .section-container.tabs .section.active .title a {
        color: #222; }
    .section-container.tabs section.active .content, .section-container.tabs .section.active .content {
      position: relative; }

@media only screen and (min-width: 48em) {
  .section-container.auto {
    border: 0;
    position: relative; }
    .section-container.auto section, .section-container.auto .section {
      padding-top: 0;
      border: 0;
      position: static; }
      .section-container.auto section .title, .section-container.auto .section .title {
        width: auto;
        border: 1px solid #ccc;
        border-right: 0;
        border-bottom: 0;
        position: absolute;
        z-index: 1; }
        .section-container.auto section .title a, .section-container.auto .section .title a {
          width: 100%; }
      .section-container.auto section:last-child .title, .section-container.auto .section:last-child .title {
        border-right: 1px solid #ccc; }
      .section-container.auto section .content, .section-container.auto .section .content {
        border: 1px solid #ccc;
        position: absolute;
        z-index: 10;
        top: -1px; }
      .section-container.auto section.active .title, .section-container.auto .section.active .title {
        background-color: #fff;
        z-index: 11;
        border-bottom: 0; }
        .section-container.auto section.active .title a, .section-container.auto .section.active .title a {
          color: #222; }
      .section-container.auto section.active .content, .section-container.auto .section.active .content {
        position: relative; }
  .section-container.accordion .section {
    padding-top: 0 !important; }
  .section-container.vertical-nav {
    border: 1px solid #ccc;
    border-top: none; }
    .section-container.vertical-nav section, .section-container.vertical-nav .section {
      padding-top: 0 !important; }
      .section-container.vertical-nav section .title a, .section-container.vertical-nav .section .title a {
        display: block;
        width: 100%; }
      .section-container.vertical-nav section .content, .section-container.vertical-nav .section .content {
        display: none; }
      .section-container.vertical-nav section.active .content, .section-container.vertical-nav .section.active .content {
        display: block;
        position: absolute;
        left: 100%;
        top: -1px;
        z-index: 999;
        min-width: 12.5em;
        border: 1px solid #ccc; }
  .section-container.horizontal-nav {
    position: relative;
    background: #4a4a4a;
    border: 1px solid #ccc; }
    .section-container.horizontal-nav section, .section-container.horizontal-nav .section {
      padding-top: 0;
      border: 0;
      position: static; }
      .section-container.horizontal-nav section .title, .section-container.horizontal-nav .section .title {
        width: auto;
        border: 1px solid #ccc;
        border-left: 0;
        top: -1px;
        position: absolute;
        z-index: 1; }
        .section-container.horizontal-nav section .title a, .section-container.horizontal-nav .section .title a {
          width: 100%; }
      .section-container.horizontal-nav section .content, .section-container.horizontal-nav .section .content {
        display: none; }
      .section-container.horizontal-nav section.active .content, .section-container.horizontal-nav .section.active .content {
        display: block;
        position: absolute;
        z-index: 999;
        left: 0;
        top: -2px;
        min-width: 12.5em;
        border: 1px solid #ccc; } }

/* ==========================================================================

	!  2.  Toggler : Like an accordion, expands and collapses text underneath a trigger.  Good for things like FAQ, etc.

	HTML:

		<div class="toggle_wrap">
			<ul>
				<li>
					<h5 class="toggler"><a href="#">Click to expand</a></h5>
					<div class="togglee">
						 Expanded text
					</div>
				</li>
		    </ul>
		</div>

	========================================================================== */
.toggle_wrap {
  margin-bottom: 20px; }
  .toggle_wrap ul {
    margin: 0; }
    .toggle_wrap ul li {
      list-style: none;
      border-bottom: 1px solid #ddd;
      margin: 0;
      padding: 10px 0 10px 40px;
      *zoom: 1;
      position: relative; }
      .toggle_wrap ul li:before, .toggle_wrap ul li:after {
        content: " ";
        display: table; }
      .toggle_wrap ul li:after {
        clear: both; }
  .toggle_wrap .toggler {
    font-size: 1em;
    margin: 0;
    font-weight: 600; }
    .toggle_wrap .toggler a {
      color: #0084dd; }
    .toggle_wrap .toggler:before {
      font-family: "SSStandard";
      content: "\002B";
      font-weight: normal;
      display: block;
      height: 22px;
      width: 22px;
      margin-right: 20px;
      margin-top: 0px;
      position: absolute;
      left: 0;
      color: #fff;
      text-align: center;
      background: #0084dd;
      font-size: 12px;
      line-height: 25px;
      margin-left: 5px; }
    .toggle_wrap .toggler.active a {
      color: #005691; }
    .toggle_wrap .toggler.active:before {
      content: "\002D";
      color: #fff;
      background: #005691; }
  .toggle_wrap .togglee {
    padding: 20px 10px 20px 0px;
    color: #4a4a4a; }

.sidebar_nav .toggle_wrap a.toggler:before {
  display: none !important; }

.sidebar_nav .toggle_wrap li {
  border-bottom: none;
  padding: 0 !important;
  margin-top: 5px; }

.sidebar_nav .toggle_wrap .togglee {
  padding: 0; }

/*-------------------------------------------

   	Forms

   	Table of Contents:

   	1. Within the Grid
   	2. Labels
   	3. Prefixes and Postfixes
   	4. Text-type inputs
   	5. Fieldset style
   	6. Errors
   	7. Custom Radio and Checkboxes
   	8. Custom Dropdown / Selects

-------------------------------------------*/
/* ==========================================================================
	!  	1. Within the Grid
	========================================================================== */
form {
  margin: 0 0 1em; }
  form .row .row {
    margin: -0.5em; }
    form .row .row .column, form .row .row .columns {
      padding: 0 0.5em; }
    form .row .row.collapse {
      margin: 0; }
      form .row .row.collapse .column, form .row .row.collapse .columns {
        padding: 0; }
  form .row input.column, form .row input.columns {
    padding-left: 0.5em; }
  form .row .row {
    margin: 0; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: -0.5em; }
  form .row .row .column, form .row .row .columns {
    padding: 0 0.5em; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column, form .row .row.collapse .columns {
      padding: 0; }

form .row input.column, form .row input.columns {
  padding-left: 0.5em; }

form .row .row {
  margin: 0; }

/* ==========================================================================
	!  	2. Labels
	========================================================================== */
label {
  font-size: 0.875em;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: normal;
  margin-bottom: 0.1875em; }
  label.right {
    float: none;
    text-align: right; }
  label.inline {
    margin: 0 0 1em 0;
    padding: 0.625em 0; }

/* ==========================================================================
	!  	3. Prefixes and Postfixes: Attach elements to the beginning or end of an input
	========================================================================== */
.prefix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875em;
  height: 2.3125em;
  line-height: 2.3125em; }
  .prefix.button {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    line-height: 2.125em; }

.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875em;
  height: 2.3125em;
  line-height: 2.3125em; }
  .postfix.button {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    line-height: 2.125em; }

span.prefix {
  background: #f2f2f2;
  border-color: #d9d9d9;
  border-right: none;
  color: #333333; }

span.postfix {
  background: #f2f2f2;
  border-color: #cccccc;
  border-left: none;
  color: #333333; }

/* ==========================================================================
	!  	4. Text-type inputs
	========================================================================== */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  font-family: inherit;
  border: 1px solid #ddd;
  background: #fff;
  box-shadow: inset 0 3px 6px rgba(150, 150, 150, 0.2);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875em;
  margin: 0 0 1em 0;
  padding: 0.5em;
  height: 2.3125em;
  width: 100%;
  box-sizing: border-box;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]: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: #e8f1f5;
    border-color: #b3d1de;
    outline: none; }
  input[type="text"][disabled],
  input[type="password"][disabled],
  input[type="date"][disabled],
  input[type="datetime"][disabled],
  input[type="datetime-local"][disabled],
  input[type="month"][disabled],
  input[type="week"][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: #dddddd; }

/* ==========================================================================
	!  	5. Fieldset style
	========================================================================== */
fieldset {
  border: solid 1px #dddddd;
  padding: 1.25em;
  margin: 1.125em 0; }
  fieldset legend {
    font-weight: bold;
    background: white;
    padding: 0 0.1875em;
    margin: 0;
    margin-left: -0.1875em; }

/* ==========================================================================
	!  	6. Errors
	========================================================================== */
.error input,
input.error,
.error textarea,
textarea.error {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1); }
  .error input:focus,
  input.error:focus,
  .error textarea:focus,
  textarea.error:focus {
    background: #fafafa;
    border-color: #999999; }

.error label, label.error {
  color: #c60f13; }

small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: -1.3125em;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: white; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: white; }

[data-abide] span.error, [data-abide] small.error {
  display: none; }

span.error, small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: white; }

.error input,
.error textarea,
.error select {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1);
  margin-bottom: 0; }

.error input:focus,
.error textarea:focus,
.error select:focus {
  background: #fafafa;
  border-color: #999999; }

.error label,
.error label.error {
  color: #c60f13; }

.error small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: white; }

.error span.error-message {
  display: block; }

input.error,
textarea.error {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1);
  margin-bottom: 0; }

input.error:focus,
textarea.error:focus {
  background: #fafafa;
  border-color: #999999; }

.error select {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1); }

.error select:focus {
  background: #fafafa;
  border-color: #999999; }

label.error {
  color: #c60f13; }

/* ==========================================================================
	!  	 7. Custom Radio and Checkboxes
	========================================================================== */
form.custom .custom {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
  border: solid 1px #cccccc;
  background: white; }
  form.custom .custom.radio {
    border-radius: 1000px; }
  form.custom .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 .custom.radio.checked:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 1000px;
    background: #222222;
    position: relative;
    top: 3px;
    left: 3px; }
  form.custom .custom.checkbox.checked:before {
    font-family: "SSStandard";
    content: "\2713";
    color: #222222;
    font-size: 10px;
    margin-top: 4px; }

/* ==========================================================================
	!  	8. Custom Dropdown / Selects
	========================================================================== */
form.custom .custom.dropdown {
  display: block;
  position: relative;
  top: 0;
  height: 2.3125em;
  margin-bottom: 1.25em;
  margin-top: 0px;
  padding: 0px;
  width: 100%;
  background: white;
  background-image: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%);
  background-image: linear-gradient(to bottom, white 0%, #f3f3f3 100%);
  box-shadow: none;
  font-size: 0.875em;
  vertical-align: top; }
  form.custom .custom.dropdown ul {
    overflow-y: auto;
    max-height: 200px; }
  form.custom .custom.dropdown .current {
    cursor: default;
    white-space: nowrap;
    line-height: 2.25em;
    color: rgba(0, 0, 0, 0.75);
    text-decoration: none;
    overflow: hidden;
    display: block;
    margin-left: 0.5em;
    margin-right: 2.3125em; }
  form.custom .custom.dropdown .selector {
    cursor: default;
    position: absolute;
    width: 2.5em;
    height: 2.3125em;
    display: block;
    right: 0;
    top: 0; }
    form.custom .custom.dropdown .selector:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: solid 5px;
      border-color: #aaaaaa transparent transparent transparent;
      position: absolute;
      left: 0.9375em;
      top: 50%;
      margin-top: -3px; }
    form.custom .custom.dropdown .selector:hover a.selector:after, form.custom .custom.dropdown .selector.open a.selector:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: solid 5px;
      border-color: #222222 transparent transparent transparent; }
  form.custom .custom.dropdown .disabled {
    color: #888888; }
    form.custom .custom.dropdown .disabled:hover {
      background: transparent;
      color: #888888; }
      form.custom .custom.dropdown .disabled:hover:after {
        display: none; }
  form.custom .custom.dropdown.open ul {
    display: block;
    z-index: 10;
    min-width: 100%;
    box-sizing: content-box; }
  form.custom .custom.dropdown.small {
    max-width: 134px; }
  form.custom .custom.dropdown.medium {
    max-width: 254px; }
  form.custom .custom.dropdown.large {
    max-width: 434px; }
  form.custom .custom.dropdown.expand {
    width: 100% !important; }
  form.custom .custom.dropdown.open.small ul {
    min-width: 134px;
    box-sizing: border-box; }
  form.custom .custom.dropdown.open.medium ul {
    min-width: 254px;
    box-sizing: border-box; }
  form.custom .custom.dropdown.open.large ul {
    min-width: 434px;
    box-sizing: border-box; }

form.custom .custom.dropdown ul {
  position: absolute;
  width: auto;
  display: none;
  margin: 0;
  left: -1px;
  top: auto;
  box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 0;
  background: white;
  border: solid 1px #cccccc;
  font-size: 16px; }
  form.custom .custom.dropdown ul li {
    color: #555555;
    font-size: 0.875em;
    cursor: default;
    padding: 0.25em 2.375em 0.25em 0.375em;
    min-height: 1.5em;
    line-height: 1.5em;
    margin: 0;
    white-space: nowrap;
    list-style: none; }
    form.custom .custom.dropdown ul li.selected {
      background: #eeeeee;
      color: black; }
    form.custom .custom.dropdown ul li:hover {
      background-color: #e4e4e4;
      color: black; }
    form.custom .custom.dropdown ul li.selected:hover {
      background: #eeeeee;
      cursor: default;
      color: black; }
  form.custom .custom.dropdown ul.show {
    display: block; }

form.custom .custom.disabled {
  background-color: #dddddd; }

#publishForm input:disabled {
  background: white; }

/*-------------------------------------------
   	The amazinglyton grid.

   	Table of Contents:

   	1. Your Variables
   	2. All the math :)


   	HOW TO USE:

   	To understand the Foundation 4 Grid, you must first know that it:
   		* Uses a 12 base (you combine numbers to equal 12, like 6+6 or 4+4+4 or 2+3+6+1
   		* Can be nested inside of eachother (columns are % based and will calculate to the parent container)
   		* Is mobile-friendly to the extreme (large columns will be full width on small screens instead of squeezed)

   	Class names begin with either 'small-' or 'large-', followed by a number.  It's best explained with some examples:

	   		class="large-3 columns"					:	25% width on larger screens, but when on small screens (phones), will become 100%
	   		class="small-3 columns"					:	25% width on BOTH large and small screens
	   		class="small-3 large-6 columns"		: 	50% width on large screen, 25% on small

	Got it?  Good.  Here are some more special ways to work with the columns:

			class="small-offset-3 columns" 		:	offsets the item by 3 columns, creating additional space between columns
   			class="small-3 small-centered columns"		:	centers columns  in the middle of a row

   	The push- and pull- classes will change the source order.  Good for mobile-friendly sidebars.

			<div class="small-2 push-10 columns">Apples</div>			: 		On small mobile screens, appears first on the left.  On large screens, appears on the right side.
			<div class="small-10 pull-2 columns">Bananas</div>			:		On small mobile screens, appears last on the right.  On large screens, appears on the left side.


-------------------------------------------*/
/* ==========================================================================
	!  1. Variables: The ONLY thing you should be touching in this file.  Make the page wider or add more gutter space.
	========================================================================== */
/* emCalc(1060px) */
/* ==========================================================================
	!  2. All the math.  Don't worry your pretty head about the metrics of the grid.  Just believe in it and it will work.
	========================================================================== */
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 100%;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row .column, .row .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    width: 100%;
    float: left; }
  .row.collapse .column, .row.collapse .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left; }
  .row .row {
    width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none;
      *zoom: 1; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.row .column, .row .columns {
  position: relative;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  float: left; }

.row .small-1 {
  position: relative;
  width: 8.33333%; }

.row .small-2 {
  position: relative;
  width: 16.66667%; }

.row .small-3 {
  position: relative;
  width: 25%; }

.row .small-4 {
  position: relative;
  width: 33.33333%; }

.row .small-5 {
  position: relative;
  width: 41.66667%; }

.row .small-6 {
  position: relative;
  width: 50%; }

.row .small-7 {
  position: relative;
  width: 58.33333%; }

.row .small-8 {
  position: relative;
  width: 66.66667%; }

.row .small-9 {
  position: relative;
  width: 75%; }

.row .small-10 {
  position: relative;
  width: 83.33333%; }

.row .small-11 {
  position: relative;
  width: 91.66667%; }

.row .small-12 {
  position: relative;
  width: 100%; }

.row .small-offset-1 {
  position: relative;
  margin-left: 8.33333%; }

.row .small-offset-2 {
  position: relative;
  margin-left: 16.66667%; }

.row .small-offset-3 {
  position: relative;
  margin-left: 25%; }

.row .small-offset-4 {
  position: relative;
  margin-left: 33.33333%; }

.row .small-offset-5 {
  position: relative;
  margin-left: 41.66667%; }

.row .small-offset-6 {
  position: relative;
  margin-left: 50%; }

.row .small-offset-7 {
  position: relative;
  margin-left: 58.33333%; }

.row .small-offset-8 {
  position: relative;
  margin-left: 66.66667%; }

.row .small-offset-9 {
  position: relative;
  margin-left: 75%; }

.row .small-offset-10 {
  position: relative;
  margin-left: 83.33333%; }

[class*="column"] + [class*="column"]:last-child {
  float: right; }

[class*="column"] + [class*="column"].end {
  float: left; }

.column.small-centered, .columns.small-centered {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  float: none !important; }

/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 48em) {
  .row .large-1 {
    position: relative;
    width: 8.33333%; }
  .row .large-2 {
    position: relative;
    width: 16.66667%; }
  .row .large-3 {
    position: relative;
    width: 25%; }
  .row .large-4 {
    position: relative;
    width: 33.33333%; }
  .row .large-5 {
    position: relative;
    width: 41.66667%; }
  .row .large-6 {
    position: relative;
    width: 50%; }
  .row .large-7 {
    position: relative;
    width: 58.33333%; }
  .row .large-8 {
    position: relative;
    width: 66.66667%; }
  .row .large-9 {
    position: relative;
    width: 75%; }
  .row .large-10 {
    position: relative;
    width: 83.33333%; }
  .row .large-11 {
    position: relative;
    width: 91.66667%; }
  .row .large-12 {
    position: relative;
    width: 100%; }
  .row .large-offset-1 {
    position: relative;
    margin-left: 8.33333%; }
  .row .large-offset-2 {
    position: relative;
    margin-left: 16.66667%; }
  .row .large-offset-3 {
    position: relative;
    margin-left: 25%; }
  .row .large-offset-4 {
    position: relative;
    margin-left: 33.33333%; }
  .row .large-offset-5 {
    position: relative;
    margin-left: 41.66667%; }
  .row .large-offset-6 {
    position: relative;
    margin-left: 50%; }
  .row .large-offset-7 {
    position: relative;
    margin-left: 58.33333%; }
  .row .large-offset-8 {
    position: relative;
    margin-left: 66.66667%; }
  .row .large-offset-9 {
    position: relative;
    margin-left: 75%; }
  .row .large-offset-10 {
    position: relative;
    margin-left: 83.33333%; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .small-push-2 {
    left: inherit; }
  .small-pull-2 {
    right: inherit; }
  .small-push-3 {
    left: inherit; }
  .small-pull-3 {
    right: inherit; }
  .small-push-4 {
    left: inherit; }
  .small-pull-4 {
    right: inherit; }
  .small-push-5 {
    left: inherit; }
  .small-pull-5 {
    right: inherit; }
  .small-push-6 {
    left: inherit; }
  .small-pull-6 {
    right: inherit; }
  .small-push-7 {
    left: inherit; }
  .small-pull-7 {
    right: inherit; }
  .small-push-8 {
    left: inherit; }
  .small-pull-8 {
    right: inherit; }
  .small-push-9 {
    left: inherit; }
  .small-pull-9 {
    right: inherit; }
  .small-push-10 {
    left: inherit; }
  .small-pull-10 {
    right: inherit; }
  .column.large-centered, .columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; } }

/*-------------------------------------------
   	Lists!!!!

   	Table of Contents:

   	1. Normalized Styles
   	2. Inline Lists
   	3. Special Types

-------------------------------------------*/
/* ==========================================================================
	!  1. Normalized Styles
	========================================================================== */
ul, ol, dl {
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25em;
  list-style-position: outside;
  font-family: inherit; }

/* Unordered.  Special classes: square, circle, disc, no-bullet */
ul {
  margin-left: 2.125em; }
  ul li {
    margin-bottom: .25em; }
    ul li ul, ul li ol {
      margin-top: .25em;
      margin-left: 1.125em;
      margin-bottom: 0;
      font-size: 1em; }
  ul.square, ul.circle, ul.disc {
    margin-left: 1.125em; }
  ul.square li ul, ul.circle li ul, ul.disc li ul {
    list-style: inherit; }
  ul.square {
    list-style-type: square; }
  ul.circle {
    list-style-type: circle; }
  ul.disc {
    list-style-type: disc; }
  ul.no-bullet {
    list-style: none; }

/* Ordered */
ol {
  margin-left: 2.125em; }
  ol li {
    margin-bottom: .25em; }
    ol li ul, ol li ol {
      margin-top: .25em;
      margin-left: 1.125em;
      margin-bottom: 0; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3em;
  font-weight: bold; }

dl dd {
  margin-bottom: 0.75em; }

/* Navigation */
nav ul {
  margin: 0; }
  nav ul li {
    list-style: none; }

/* ==========================================================================
	!  2. Inline Lists: floats li items
	========================================================================== */
.inline-list {
  margin: 0 0 1.0625em -1.375em;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  .inline-list > li {
    list-style: none;
    float: left;
    margin-left: 1.375em;
    display: block; }
    .inline-list > li > * {
      display: block; }

/* ==========================================================================
	!  3. Special Types
	========================================================================== */
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.45);
  z-index: 98;
  display: none;
  top: 0;
  left: 0; }

.reveal-modal {
  visibility: hidden;
  display: none;
  position: absolute;
  left: 50%;
  z-index: 99;
  height: auto;
  background-color: #fff;
  margin-left: -40%;
  width: 80%;
  background-color: #fff;
  padding: 1.25em;
  border: solid 1px #666;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  top: 50px; }
  .reveal-modal .column,
  .reveal-modal .columns {
    min-width: 0; }
  .reveal-modal > :first-child {
    margin-top: 0; }
  .reveal-modal > :last-child {
    margin-bottom: 0; }
  .reveal-modal .close-reveal-modal {
    font-size: 1.375em;
    line-height: 1;
    position: absolute;
    top: 0.5em;
    right: 0.6875em;
    color: #aaa;
    font-weight: bold;
    cursor: pointer; }

@media only screen and (min-width: 48em) {
  .reveal-modal {
    padding: 1.875em;
    top: 6.25em; }
    .reveal-modal.tiny {
      margin-left: -15%;
      width: 30%; }
    .reveal-modal.small {
      margin-left: -20%;
      width: 40%; }
    .reveal-modal.medium {
      margin-left: -30%;
      width: 60%; }
    .reveal-modal.large {
      margin-left: -35%;
      width: 70%; }
    .reveal-modal.xlarge {
      margin-left: -47.5%;
      width: 95%; } }

@media print {
  .reveal-modal {
    background: #fff !important; } }

/*-------------------------------------------

   	Table of Contents:

   	1. Normalize
   	2. Styled
   	3. Sorted

-------------------------------------------*/
/* ==========================================================================
	!  1. Normalize
	========================================================================== */
table {
  min-width: 50%;
  margin-bottom: 1.25em;
  text-align: left; }
  table thead th, table thead td {
    font-weight: bold;
    font-size: .9em;
    padding: 10px 10px 10px 0px;
    vertical-align: middle; }
  table tfoot th, table tfoot td {
    font-size: 0.775em;
    padding: 10px 10px 10px 0px;
    font-weight: normal;
    font-style: italic;
    color: #666; }
  table tbody td {
    padding: 10px 10px 10px 0px;
    font-size: 0.875em;
    vertical-align: top; }

/* ==========================================================================
	!  2.  Styled
	========================================================================== */
@media only screen {
  table.styled {
    width: 100%;
    margin: 0;
    text-align: left; }
    table.styled thead {
      border: none; }
      table.styled thead th, table.styled thead td {
        padding: 10px;
        vertical-align: middle;
        outline: none;
        background-repeat: no-repeat;
        background-position: right center;
        font-weight: 600;
        font-size: 12px;
        letter-spacing: 1px;
        text-transform: uppercase;
        background-color: transparent;
        color: #ac7f00;
        text-shadow: 1px 1px 0 #ffe393;
        border-left: 1px solid transparent;
        border-right: 1px solid #ffdc79;
        box-shadow: inset 1px 0 0 #f9b800;
        padding-right: 20px; }
        table.styled thead th:first-child, table.styled thead td:first-child {
          border-left: none;
          box-shadow: none; }
        table.styled thead th:last-child, table.styled thead td:last-child {
          border-right: none; }
      table.styled thead tr {
        background-image: -webkit-linear-gradient(top, #ffcf46 40%, #ffc213 100%);
        background-image: linear-gradient(to bottom, #ffcf46 40%, #ffc213 100%); }
      table.styled thead .sorting {
        background-image: url("/Content/sort_both.png"); }
      table.styled thead .sorting_asc {
        color: #604700;
        background-image: url("/Content/sort_asc.png"); }
      table.styled thead .sorting_desc {
        color: #604700;
        background-image: url("/Content/sort_desc.png"); }
    table.styled tfoot {
      border: 1px solid #ccc; }
      table.styled tfoot th, table.styled tfoot td {
        font-size: 0.775em;
        padding: 0px;
        font-weight: normal;
        font-style: italic;
        color: #666;
        background: #b0b0b0; }
    table.styled tbody {
      border: 1px solid #ccc;
      border-top: none; }
      table.styled tbody tr {
        background-color: #fff;
        -webkit-transition: background-color 0.1s linear;
        transition: background-color 0.1s linear; }
      table.styled tbody tr:nth-child(even) {
        background-color: #f5f5f5;
        border: none; }
      table.styled tbody tr:hover {
        background-color: #efefef !important; }
      table.styled tbody td {
        padding: 10px;
        font-size: 0.875em;
        vertical-align: top;
        border-bottom: 1px solid #ccc;
        border-left: 1px dotted #ccc;
        line-height: 1.3em; }
        table.styled tbody td:first-child {
          border-left: none; }
        table.styled tbody td p {
          margin: 0;
          padding-bottom: 15px;
          border: none;
          line-height: 1.3em; } }

/* ==========================================================================
	!  3.  Sortable, Searchable (made possible with dataTables.js.  To use, install dataTables.js
	========================================================================== */
@media only screen {
  table.sortable, table.sortable-long {
    border: none;
    width: 100%; }
    table.sortable tr:nth-child(even), table.sortable-long tr:nth-child(even) {
      background-color: none;
      border: none; }
    table.sortable tr.even, table.sortable-long tr.even {
      background-color: #f5f5f5;
      border: none; }
    table.sortable thead, table.sortable-long thead {
      border: none; }
      table.sortable thead th, table.sortable thead td, table.sortable-long thead th, table.sortable-long thead td {
        cursor: pointer; }
      table.sortable thead tr, table.sortable-long thead tr {
        background-image: -webkit-linear-gradient(top, #ffcf46 40%, #ffc213 100%);
        background-image: linear-gradient(to bottom, #ffcf46 40%, #ffc213 100%); }
      table.sortable thead .sorting, table.sortable-long thead .sorting {
        background-image: url("/Content/sort_both.png"); }
      table.sortable thead .sorting_asc, table.sortable-long thead .sorting_asc {
        color: #604700;
        background-image: url("/Content/sort_asc.png"); }
      table.sortable thead .sorting_desc, table.sortable-long thead .sorting_desc {
        color: #604700;
        background-image: url("/Content/sort_desc.png"); }
    table.sortable tbody, table.sortable-long tbody {
      border: none; }
      table.sortable tbody tr:last-child td, table.sortable-long tbody tr:last-child td {
        border-bottom: none; } }

.dataTables_wrapper {
  width: 100%;
  background: #ddd; }
  .dataTables_wrapper .table_widget {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #ddd;
    clear: both;
    padding: 15px 16px;
    color: #777;
    background: #eee;
    *zoom: 1;
    font-size: 13px;
    text-shadow: 1px 1px 0 #fff;
    background-image: -webkit-linear-gradient(bottom, #eee, #ddd);
    background-image: linear-gradient(to top, #eee, #ddd); }
    .dataTables_wrapper .table_widget:before, .dataTables_wrapper .table_widget:after {
      content: " ";
      display: table; }
    .dataTables_wrapper .table_widget:after {
      clear: both; }
  .dataTables_wrapper .dataTables_length {
    float: right;
    text-align: right;
    width: 30%;
    margin: 0;
    line-height: 30px; }
    .dataTables_wrapper .dataTables_length select {
      width: auto !important;
      margin: 0 5px; }
  .dataTables_wrapper .dataTables_filter {
    float: left;
    width: 70%;
    text-align: left;
    margin: 0; }
    .dataTables_wrapper .dataTables_filter input {
      width: 70%;
      max-width: 300px;
      display: inline-block;
      margin: 0 0 0 5px;
      box-shadow: inset 0 2px 5px #dcdcdc, 0 1px 0 #fff;
      border: 1px solid #ccc;
      background: url("/Content/search-small.png") no-repeat 96% center;
      background-color: #fff;
      font-size: 13px;
      color: #444;
      padding: 5px 25px 5px 10px; }
  .dataTables_wrapper .dataTables_info {
    font-size: 11px;
    color: #777;
    float: left;
    width: 40%;
    line-height: 22px;
    margin: 0;
    padding: 0; }
  .dataTables_wrapper .paging_full_numbers {
    height: 22px;
    line-height: 22px; }
    .dataTables_wrapper .paging_full_numbers a {
      text-decoration: none !important; }
    .dataTables_wrapper .paging_full_numbers a.paginate_button, .dataTables_wrapper .paging_full_numbers a.paginate_active {
      border: 1px solid #d3d3d3;
      border-radius: 3px;
      padding: 4px 7px;
      margin: 0 3px;
      cursor: pointer;
      color: #919191;
      font-size: 11px;
      box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf; }
    .dataTables_wrapper .paging_full_numbers a.paginate_button {
      background: #f9f9f9;
      background-image: -webkit-linear-gradient(top, #f9f9f9, #eeeeee);
      background-image: linear-gradient(to bottom, #f9f9f9, #eeeeee); }
      .dataTables_wrapper .paging_full_numbers a.paginate_button:hover {
        background: #f6f6f6;
        background-image: -webkit-linear-gradient(top, #f6f6f6, #e8e8e8);
        background-image: linear-gradient(to bottom, #f6f6f6, #e8e8e8); }
    .dataTables_wrapper .paging_full_numbers a.paginate_active {
      background: #6f6f6f;
      color: #fff;
      border-color: #646464;
      box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
      font-weight: bold; }
    .dataTables_wrapper .paging_full_numbers a.paginate_active:active, .dataTables_wrapper .paging_full_numbers a.paginate_button:active {
      box-shadow: inset 0 0 5px #bbb;
      outline: none; }
    .dataTables_wrapper .paging_full_numbers a.paginate_button_disabled, .dataTables_wrapper .paging_full_numbers a.paginate_button_disabled:hover {
      background: #eaeaea;
      color: #c5c5c5;
      box-shadow: none;
      font-weight: normal;
      border-color: #d3d3d3;
      cursor: default; }
    .dataTables_wrapper .paging_full_numbers .previous, .dataTables_wrapper .paging_full_numbers .next {
      display: none; }
  .dataTables_wrapper .dataTables_paginate {
    float: right; }
  @media only screen and (max-width: 768px) {
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
      width: 100%; }
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_info {
      text-align: left;
      padding-top: 10px; } }

/*-------------------------------------------
   Tooltips

   Sample HTML:

	   <span data-tooltip class="has-tip" title="Tooltips are awesome, you should totally use them!">extended information</span>

   Available class options: tip-top, tip-bottom, tip-left, tip-right

-------------------------------------------*/
/* Tooltips */
.has-tip {
  border-bottom: dotted 1px #ccc;
  cursor: pointer;
  font-weight: normal;
  color: #333; }
  .has-tip:hover, .has-tip:focus {
    border-bottom: dotted 1px transparent;
    color: #ffcf46; }
  .has-tip.tip-left, .has-tip.tip-right {
    float: none !important; }

.tooltip {
  display: none;
  position: absolute;
  z-index: 999;
  font-weight: normal;
  font-size: 0.75em;
  line-height: 1.3;
  padding: 0.375em;
  max-width: 85%;
  left: 50%;
  width: 100%;
  color: #fff;
  background: #000;
  border-radius: 3px; }
  .tooltip > .nub {
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent #000 transparent;
    top: -10px; }
  .tooltip.opened {
    color: #ffcf46 !important;
    border-bottom: dotted 1px transparent !important; }

.tap-to-close {
  display: block;
  font-size: 0.625em;
  color: #888;
  font-weight: normal; }

@media only screen and (min-width: 48em) {
  .tooltip > .nub {
    border-color: transparent transparent #000 transparent;
    top: -10px; }
  .tooltip.tip-top > .nub {
    border-color: #000 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 #000;
    right: -10px;
    left: auto;
    top: 50%;
    margin-top: -5px; }
  .tooltip.tip-right > .nub {
    border-color: transparent #000 transparent transparent;
    right: auto;
    left: -10px;
    top: 50%;
    margin-top: -5px; } }

/*-------------------------------------------

   	Typography Styles

   	Table of Contents:

   	1. Mixins
   	2. Paragraph
   	3. Headers
   	4. Special Header styles
   	5.	Blockquotes
   	6. Other HTML elements

-------------------------------------------*/
/* ==========================================================================
	!  1. Mixins and global classes
	========================================================================== */
/* Antialiasing (experimental) */
.fontsmooth, .brand_footer, .global_footer {
  -webkit-font-smoothing: antialiased; }

/* ==========================================================================
	!  2. Paragraph
	========================================================================== */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.5;
  margin-bottom: 1.25em; }
  p aside {
    font-size: 0.875em;
    line-height: 1.35;
    font-style: italic; }

/* ==========================================================================
	!  3.  Headers
	========================================================================== */
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #252525;
  text-rendering: optimizeLegibility;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  line-height: 1.2125em; }

h1.small, h2.small, h3.small, h4.small, h5.small, h6.small, strong.small {
  font-size: 13px;
  line-height: 1.2em;
  margin: 0; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 60%;
  color: #6f6f6f;
  line-height: 0; }

h1 {
  font-size: 2.125em; }

h2 {
  font-size: 1.6875em; }

h3 {
  font-size: 1.375em; }

h4, h5 {
  font-size: 1.125em; }

h6 {
  font-size: 1em; }

@media only screen and (min-width: 48em) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }
  h1 {
    font-size: 2.75em; }
  h2 {
    font-size: 2.3125em; }
  h3 {
    font-size: 1.6875em; }
  h4 {
    font-size: 1.4375em; } }

/* ==========================================================================
	!  4.  Branded Headers
	========================================================================== */
/* ==========================================================================
	!  5.  Blockquotes
	========================================================================== */
blockquote {
  margin: 0 0 1.25em;
  padding: 1.1em 1.25em 0 1.8em;
  font-size: 1.3em;
  position: relative; }
  blockquote:before {
    font-family: "SSStandard";
    content: "\201C";
    position: absolute;
    left: 0;
    top: 10px;
    font-size: 30px;
    color: #dddddd;
    z-index: 1;
    font-style: normal; }
  blockquote p:nth-last-child(1):after, blockquote p:only-child:after {
    font-family: "SSStandard";
    content: "\201C";
    -webkit-transform: rotate(-180deg);
    display: block;
    position: absolute;
    right: -30px;
    bottom: 0;
    font-size: 30px;
    color: #dddddd;
    z-index: 1;
    font-style: normal; }
  blockquote p {
    line-height: 1.5;
    color: #5a5a5a;
    position: relative;
    z-index: 2; }

cite {
  display: block;
  font-style: normal;
  font-size: 0.8125em;
  color: #999; }
  cite strong, cite b {
    color: #252525; }
  cite a, cite a:visited {
    color: #999; }
  cite:before {
    content: "\2014 \0020"; }

/* ==========================================================================
	!  6.  Other HTML Elements
	========================================================================== */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222222;
  border-bottom: 1px dotted #dddddd;
  cursor: help; }

abbr {
  text-transform: none; }

.show-for-small,
.show-for-medium-down,
.show-for-large-down {
  display: inherit !important; }

.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
  display: none !important; }

.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
  display: inherit !important; }

.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
  display: none !important; }

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

thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge {
  display: table-header-group !important; }

tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge {
  display: table-row-group !important; }

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

td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge,
th.show-for-small,
th.show-for-medium-down,
th.show-for-large-down,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-xlarge {
  display: table-cell !important; }

@media only screen and (min-width: 48em) {
  .show-for-medium,
  .show-for-medium-up {
    display: inherit !important; }
  .show-for-small {
    display: none !important; }
  .hide-for-small {
    display: inherit !important; }
  .hide-for-medium,
  .hide-for-medium-up {
    display: none !important; }
  table.show-for-medium, table.show-for-medium-up, table.hide-for-small {
    display: table; }
  thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small {
    display: table-header-group !important; }
  tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small {
    display: table-row-group !important; }
  tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small {
    display: table-row !important; }
  td.show-for-medium, td.show-for-medium-up, td.hide-for-small,
  th.show-for-medium,
  th.show-for-medium-up,
  th.hide-for-small {
    display: table-cell !important; } }

@media only screen and (min-width: 80em) {
  .show-for-large,
  .show-for-large-up {
    display: inherit !important; }
  .show-for-medium,
  .show-for-medium-down {
    display: none !important; }
  .hide-for-medium,
  .hide-for-medium-down {
    display: inherit !important; }
  .hide-for-large,
  .hide-for-large-up {
    display: none !important; }
  table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down {
    display: table; }
  thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down {
    display: table-header-group !important; }
  tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down {
    display: table-row-group !important; }
  tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down {
    display: table-row !important; }
  td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down,
  th.show-for-large,
  th.show-for-large-up,
  th.hide-for-medium,
  th.hide-for-medium-down {
    display: table-cell !important; } }

@media only screen and (min-width: 90em) {
  .show-for-xlarge {
    display: inherit !important; }
  .show-for-large,
  .show-for-large-down {
    display: none !important; }
  .hide-for-large,
  .hide-for-large-down {
    display: inherit !important; }
  .hide-for-xlarge {
    display: none !important; }
  table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
    display: table; }
  thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
    display: table-header-group !important; }
  tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
    display: table-row-group !important; }
  tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
    display: table-row !important; }
  td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,
  th.show-for-xlarge,
  th.hide-for-large,
  th.hide-for-large-down {
    display: table-cell !important; } }

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

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

table.hide-for-landscape, table.show-for-portrait {
  display: table; }

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important; }

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; }
  table.show-for-landscape, table.hide-for-portrait {
    display: table; }
  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important; }
  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important; }
  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important; }
  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important; } }

@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }
  .hide-for-portrait,
  .show-for-landscape {
    display: none !important; }
  table.show-for-portrait, table.hide-for-landscape {
    display: table; }
  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important; }
  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important; }
  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important; }
  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important; } }

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

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

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

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

table.hide-for-touch {
  display: table; }

.touch table.show-for-touch {
  display: table; }

thead.hide-for-touch {
  display: table-header-group !important; }

.touch thead.show-for-touch {
  display: table-header-group !important; }

tbody.hide-for-touch {
  display: table-row-group !important; }

.touch tbody.show-for-touch {
  display: table-row-group !important; }

tr.hide-for-touch {
  display: table-row !important; }

.touch tr.show-for-touch {
  display: table-row !important; }

td.hide-for-touch {
  display: table-cell !important; }

.touch td.show-for-touch {
  display: table-cell !important; }

th.hide-for-touch {
  display: table-cell !important; }

.touch th.show-for-touch {
  display: table-cell !important; }

/*
Version: @@ver@@ Timestamp: @@timestamp@@
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle; }

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  /* webkit */
  /* firefox */
  box-sizing: border-box;
  /* css3 */ }

.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #aaa;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(top, #fff 0%, #eee 50%); }

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: -webkit-linear-gradient(top, #eee 0%, #fff 90%);
  background-image: linear-gradient(top, #eee 0%, #fff 90%); }

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px; }

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url("/Content/select2.png") right top no-repeat;
  cursor: pointer;
  outline: 0; }

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block; }

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer; }

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto; }

.select2-drop-auto-width .select2-search {
  padding-top: 4px; }

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); }

.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none; }

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb; }

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
  background-image: -webkit-linear-gradient(top, #ccc 0%, #eee 60%);
  background-image: linear-gradient(top, #ccc 0%, #eee 60%); }

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/Content/select2.png") no-repeat 0 1px; }

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap; }

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  box-shadow: none;
  background: #fff url("/Content/select2.png") no-repeat 100% -22px;
  background: url("/Content/select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("/Content/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("/Content/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(top, #fff 85%, #eee 99%);
  background: url("/Content/select2.png") no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%); }

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px; }

.select2-search input.select2-active {
  background: #fff url("/Content/select2-spinner.gif") no-repeat 100%;
  background: url("/Content/select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("/Content/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("/Content/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(top, #fff 85%, #eee 99%);
  background: url("/Content/select2-spinner.gif") no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%); }

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(top, #fff 0%, #eee 50%); }

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: -webkit-linear-gradient(bottom, #fff 0%, #eee 50%);
  background-image: linear-gradient(bottom, #fff 0%, #eee 50%); }

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  -webkit-filter: none;
          filter: none; }

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px; }

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: transparent; }

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0; }

.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px; }

.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px; }

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none; }

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold; }

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff; }

.select2-results li em {
  background: #feffde;
  font-style: normal; }

.select2-results .select2-highlighted em {
  background: transparent; }

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000; }

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item; }

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-selected {
  display: none; }

.select2-more-results.select2-active {
  background: #f4f4f4 url("/Content/select2-spinner.gif") no-repeat 100%; }

.select2-more-results {
  background: #f4f4f4;
  display: list-item; }

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0; }

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none; }

/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: linear-gradient(top, #eee 1%, #fff 15%); }

.select2-locked {
  padding: 3px 5px 3px 5px !important; }

.select2-container-multi .select2-choices {
  min-height: 26px; }

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none; }

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap; }

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  box-shadow: none;
  background: transparent !important; }

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url("/Content/select2-spinner.gif") no-repeat 100% !important; }

.select2-default {
  color: #999 !important; }

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); }

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default; }

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4; }

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url("/Content/select2.png") right top no-repeat; }

.select2-container-multi .select2-search-choice-close {
  left: 3px; }

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px; }

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px; }

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4; }

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none; }

/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline; }

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important; }

.select2-display-none {
  display: none; }

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll; }

/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
    background-image: url("/Content/select2x2.png") !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important; }
  .select2-search input {
    background-position: 100% -21px !important; } }

/* ==========================================================================
	!!  Custom Select2 class to look like Foundation version.  Suck it, Bootstrap.
	========================================================================== */
.select2Custom {
  display: block;
  width: 100%; }
  .select2Custom .select2-choice {
    height: 2.3125em;
    padding: 0 2.3125em 0 .5em;
    border: solid 1px #cccccc;
    background: white;
    background-image: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%);
    background-image: linear-gradient(to bottom, white 0%, #f3f3f3 100%);
    box-shadow: none;
    line-height: 2.3125em;
    border-radius: 0;
    font-size: 0.875em; }
    .select2Custom .select2-choice span.select2-chosen {
      line-height: 2em;
      font-size: 1.1em; }
    .select2Custom .select2-choice .select2-arrow {
      border: none;
      background: transparent;
      border-radius: 0; }
      .select2Custom .select2-choice .select2-arrow b {
        display: none; }
      .select2Custom .select2-choice .select2-arrow:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 5px;
        border-color: #aaaaaa transparent transparent transparent;
        position: absolute;
        top: 50%;
        margin-top: -3px; }
  .select2Custom.select2-dropdown-open .select2-choice {
    /* border-color: #555; */ }

.select2Custom_drop {
  border-color: #cccccc;
  border-radius: 0;
  background: #f3f3f3;
  font-size: 0.875em; }
  .select2Custom_drop .select2-search input {
    margin-top: 5px;
    -webkit-transition: none;
    transition: none;
    background-color: #fff;
    box-shadow: inset 0 3px 6px rgba(150, 150, 150, 0.2);
    background: #fff url("/Content/select2.png") no-repeat 100% -22px; }
    .select2Custom_drop .select2-search input:focus {
      background: #fff url("/Content/select2.png") no-repeat 100% -22px; }
  .select2Custom_drop .select2-results .select2-result-label {
    font-size: .9em;
    margin-top: 8px;
    padding: 4px 7px 5px; }

/*
form.custom {
		.custom.dropdown {
			.current {
				cursor: default;
				white-space: nowrap;

				color: rgba(0, 0, 0, 0.75);
				text-decoration: none;
				overflow: hidden;
				display: block;
				margin-left: 0.5em;
				margin-right: 2.3125em;
			}
			.selector {
				cursor:default;
				position: absolute;
				width: 2.5em;
				height: 2.3125em;
				display: block;
				right: 0;
				top: 0;
				&:after {
					content: "";
					display: block;
					width: 0;
			        height: 0;
					border: solid 5px;
					border-color: #aaaaaa transparent transparent transparent;
					position: absolute;
					left: 0.9375em;
					top: 50%;
					margin-top: -3px;
				}
				&:hover, &.open {
					 a.selector {
						&:after {
							content: "";
							display: block;
							width: 0;
							height: 0;
							border: solid 5px;
							border-color: #222222 transparent transparent transparent;
						}
			        }
				}
			}


	    }
	    .custom.dropdown ul {
			position: absolute;
			width: auto;
			display: none;
			margin: 0;
			left: -1px;
			top: auto;
			@include box-shadow(0 2px 2px 0px rgba(0, 0, 0, 0.1));
			margin: 0;
			padding: 0;
			background: white;
			border: solid 1px #cccccc;
			font-size: 16px;
			li {
				color: #555555;
				font-size: 0.875em;
				cursor: default;
				padding: 0.25em 2.375em 0.25em 0.375em;
				min-height: 1.5em;
				line-height: 1.5em;
				margin: 0;
				white-space: nowrap;
				list-style: none;
				&.selected {
					background: #eeeeee;
					color: black;
				}
				&:hover {
					background-color: #e4e4e4;
					color: black;
				}
				&.selected:hover {
					background: #eeeeee;
					 cursor: default;
					 color: black;
				}
			}
			&.show { display: block; }
	    }
		.custom.disabled {
	    	background-color: #dddddd;
		}
	}




*/
/* !  Modules: Specific site elements.  Create new ones for additional templates or blocks of content.
   ------------------------------------------------------------------------------------------------------*/
body {
  background: url("/Content/bg-texture.jpg") repeat 0 0; }

.main_footer {
  margin-top: 0 !important; }

.spacer-small, .spacer-large {
  display: block;
  width: 100%; }

.spacer-small {
  margin: 20px 0; }

.spacer-large {
  margin: 40px 0; }

/* ==========================================================================
	!  HELPERS
	========================================================================== */
.block {
  display: block; }

.inline-block {
  display: inline-block; }

.text-xxsmall {
  font-size: 0.8em !important; }

.text-xsmall {
  font-size: 0.8em !important; }

.text-small {
  font-size: 0.9em !important; }

.text-regular {
  font-size: 1em !important; }

.text-large {
  font-size: 1.15em !important; }

.text-xlarge {
  font-size: 1.25em !important; }

.text-xxlarge {
  font-size: 2em !important; }

.font-normal {
  font-weight: normal; }

.font-bold {
  font-weight: bold; }

.line-height-xsm {
  line-height: 1; }

.line-height-sm {
  line-height: 1.2; }

.line-height-med {
  line-height: 1.4; }

.line-height-lrg {
  line-height: 1.6; }

.spacer-xsmall, .spacer-small, .spacer-large, .spacer-xlarge {
  display: block;
  width: 100%;
  *zoom: 1; }
  .spacer-xsmall:before, .spacer-xsmall:after, .spacer-small:before, .spacer-small:after, .spacer-large:before, .spacer-large:after, .spacer-xlarge:before, .spacer-xlarge:after {
    content: " ";
    display: table; }
  .spacer-xsmall:after, .spacer-small:after, .spacer-large:after, .spacer-xlarge:after {
    clear: both; }

.spacer-xsmall {
  margin: 10px 0; }

.spacer-small {
  margin: 20px 0; }

.spacer-large {
  margin: 40px 0; }

.spacer-xlarge {
  margin: 60px 0; }

.no-margin {
  margin: 0 !important; }

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

.no-margin-top {
  margin-top: 0 !important; }

.margin-bottom-small {
  margin-bottom: 0.5em !important; }

.margin-bottom-medium {
  margin-bottom: 1em !important; }

.margin-bottom-large {
  margin-bottom: 2em !important; }

.margin-top-small {
  margin-top: 0.5em !important; }

.margin-top-medium {
  margin-top: 1em !important; }

.margin-top-large {
  margin-top: 2em !important; }

.no-padding {
  padding: 0 !important; }

.padding {
  padding: 1em !important; }

.padding-small {
  padding: 0.5em !important; }

.padding-large {
  padding: 1.5em !important; }

.padding-left {
  padding-left: 1em !important; }

.padding-right {
  padding-right: 1em !important; }

.padding-left-small {
  padding-left: 0.5em !important; }

.padding-right-small {
  padding-right: 0.5em !important; }

.padding-left-large {
  padding-left: 2em !important; }

.padding-right-large {
  padding-right: 2em !important; }

.padding-bottom-small {
  padding-bottom: 0.5em !important; }

.padding-top-small {
  padding-top: 0.5em !important; }

.inactive-content {
  opacity: 0.6; }

.panel.radius, .radius.callout {
  border-radius: 3px; }

.overflow-hidden {
  overflow: hidden; }

.secondary_button.zoom:before {
  font-family: "SSStandard";
  content: '\E002';
  font-size: 0.9em;
  padding-right: 7px;
  position: relative;
  top: 2px; }

.secondary_button.zoom.zoom-out:before {
  content: '\E003'; }

.secondary_button.zoom.disabled {
  text-transform: uppercase; }

.download-data-link {
  position: relative;
  padding: 1.5em 0; }
  .download-data-link img {
    position: absolute;
    left: 0;
    top: 22px;
    width: 18px;
    height: 18px; }
  .download-data-link a {
    display: block;
    padding-left: 23px;
    font-size: 0.9em;
    text-decoration: underline; }

.select-single--search .select2-choice {
  background: #fff;
  border: solid 1px #ccc;
  border-radius: 0;
  height: 50px;
  line-height: 45px; }
  .select-single--search .select2-choice .select2-chosen {
    line-height: 45px; }
  .select-single--search .select2-choice .select2-arrow {
    background: transparent;
    width: 25px;
    border-radius: 0;
    border-left: none; }
    .select-single--search .select2-choice .select2-arrow b {
      background: transparent !important;
      height: auto;
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      left: 50%;
      top: 50%;
      text-align: center;
      font-size: 12px; }
    .select-single--search .select2-choice .select2-arrow b::before {
      content: '\F501';
      font-family: "SSStandard";
      color: #999999 !important; }

.admin_bar .select-single--search .select2-choice {
  background: #444444;
  border: solid 1px #000 !important;
  height: 37px;
  line-height: 33px; }
  .admin_bar .select-single--search .select2-choice .select2-chosen {
    color: #fff;
    line-height: 33px; }
  .admin_bar .select-single--search .select2-choice .select2-arrow {
    background: transparent;
    width: 25px;
    border-radius: 0;
    border-left: none; }
    .admin_bar .select-single--search .select2-choice .select2-arrow b {
      background: transparent !important;
      height: auto;
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      left: 50%;
      top: 50%;
      text-align: center;
      font-size: 12px; }
    .admin_bar .select-single--search .select2-choice .select2-arrow b::before {
      content: '\F501';
      font-family: "SSStandard";
      color: #999999 !important; }

.admin_bar .select2-dropdown-open .select2-choice {
  box-shadow: none; }

.admin_bar .prefix {
  height: 36px;
  line-height: 36px;
  color: #333;
  text-transform: uppercase;
  background-image: -webkit-linear-gradient(top, #ffcf46 40%, #ffc213 100%);
  background-image: linear-gradient(to bottom, #ffcf46 40%, #ffc213 100%);
  border: none;
  font-size: 11px;
  font-weight: bold; }
  @media only screen and (max-width: 990px) {
    .admin_bar .prefix {
      font-size: 9px; } }

.select2-single--dropdown.select2-drop-active {
  border: 1px solid #ccc !important;
  padding-top: 2px; }

.select2-single--dropdown .select2-no-results {
  padding: 0.5em;
  font-style: italic; }

.select2-trigger--button.button {
  height: 50px;
  line-height: 45px; }

.sidebar_nav > li i.ss-star {
  top: 22px;
  left: 17px;
  font-size: 12px; }

/* ==========================================================================
	!  FLEET MANAGEMENT DASHBOARD
	========================================================================== */
#chartdiv {
  position: absolute;
  width: 100%;
  height: 100%; }

.loading-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(221, 221, 221, 0.8);
  color: #ffcf46; }
  .loading-overlay .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .loading-overlay span {
    display: block;
    color: #000;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px; }
  .loading-overlay .spinner {
    -webkit-animation: rotator 1.4s linear infinite;
            animation: rotator 1.4s linear infinite; }
  .loading-overlay .path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
            animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; }

@-webkit-keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); } }

@keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); } }

@-webkit-keyframes colors {
  0% {
    stroke: #FFCF47; }
  25% {
    stroke: #f2b610; }
  50% {
    stroke: #ffbb00; }
  75% {
    stroke: #f2b610; }
  100% {
    stroke: #FFCF47; } }

@keyframes colors {
  0% {
    stroke: #FFCF47; }
  25% {
    stroke: #f2b610; }
  50% {
    stroke: #ffbb00; }
  75% {
    stroke: #f2b610; }
  100% {
    stroke: #FFCF47; } }

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187; }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg); } }

@keyframes dash {
  0% {
    stroke-dashoffset: 187; }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg); } }

@media only screen and (min-width: 768px) {
  .fleet-management-dashboard .client {
    min-height: 00px; } }

.fleet-chart-container {
  height: 486px;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .fleet-chart-container {
      height: auto; } }
  .fleet-chart-container .overflow-hidden {
    overflow: hidden; }

.fleet-piechart {
  width: 100%;
  height: 486px; }
  @media only screen and (min-width: 768px) {
    .fleet-piechart {
      height: 415px;
      top: -36px;
      position: relative; }
      .fleet-piechart .amcharts-export-menu {
        top: 40px; }
      .fleet-piechart a[title="JavaScript charts"] {
        top: 50px !important;
        color: #6f6f6f !important; } }
  .fleet-piechart text {
    font-family: "Open Sans", sans-serif; }
  .fleet-piechart .pie-label {
    font-family: "Open Sans", sans-serif; }

.fleet-legend {
  width: 100%;
  height: 486px;
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(bottom, #eeeeee, #dfdfdf);
  background-image: linear-gradient(to top,#eeeeee, #dfdfdf);
  box-shadow: 2px 0 10px rgba(17, 17, 17, 0.25);
  padding: 0.25em;
  overflow-y: scroll; }
  @media only screen and (max-width: 1150px) and (min-width: 767px) {
    .fleet-legend {
      font-size: 0.8em; }
      .fleet-legend .legend-value {
        display: none; } }
  @media only screen and (max-width: 767px) {
    .fleet-legend {
      height: auto;
      overflow-y: visible; } }
  .fleet-legend h4 {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    padding: 0.5em 0.5em 0;
    text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: 1px;
    color: #6f6f6f; }
  .fleet-legend .legend-item {
    background: #f6f6f6;
    padding: 1em;
    margin: 10px;
    font-size: 0.8em;
    font-weight: bold;
    color: #6f6f6f;
    position: relative;
    padding-left: 35px;
    padding-right: 45px; }
  .fleet-legend .legend-marker {
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 1em;
    height: 1em; }
  .fleet-legend .legend-value {
    font-size: 0.9em;
    font-weight: normal;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

.db-select label {
  font-weight: bold; }

.db-select select {
  height: 30px;
  border: solid 1px #ddd; }

.section-tiles .panel, .section-tiles .callout {
  position: relative; }

.section-tiles .content {
  padding-left: 25%;
  position: relative;
  z-index: 5; }

.section-tiles img {
  display: block;
  position: absolute;
  left: 0;
  width: 25%; }

.section-tiles h6 {
  font-size: 1.25em;
  color: #ffcf46;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0; }

.section-tiles h5 {
  font-size: 1.4em;
  color: #252525;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 10px;
  text-shadow: 1px 1px 0 #FFF; }

.section-tiles p {
  font-size: 0.9em;
  color: #6f6f6f; }

.widget .fleet-legend.expanded {
  overflow-y: inherit;
  margin-bottom: -7000px;
  padding-bottom: 7000px; }

@media only screen and (min-width: 768px) {
  .widget .fleet-legend {
    min-height: 500px; } }

@media only screen and (max-width: 767px) {
  .widget .fleet-legend {
    height: auto;
    margin-top: 2em;
    margin-bottom: 0 !important;
    padding-bottom: 2em !important; } }

@media only screen and (min-width: 768px) {
  .reveal-modal.custom-max-width {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-left: auto;
    max-width: 600px; } }

@media only screen and (min-width: 768px) {
  .reveal-modal.custom-max-width-x-large {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-left: auto;
    max-width: 1200px; } }

/* ==========================================================================
	!  FLEET MANAGEMENT - PREVENTATIVE MAINTENANCE
	========================================================================== */
table.styled tbody tr.overdue {
  background: #fb9696 !important; }
  table.styled tbody tr.overdue:hover {
    background: #fb9696 !important; }

table.styled tbody tr.comingup {
  background: #f3f99e !important; }
  table.styled tbody tr.comingup:hover {
    background: #f3f99e !important; }

/* ==========================================================================
	!  FLEET MANAGEMENT - BASEBALL CARD VIEW
	========================================================================== */
.add-info {
  padding: 1em;
  background: #252525; }
  .add-info .inline-list {
    font-size: 0.9em;
    margin: 0 0 0 -3.375em; }
    .add-info .inline-list li {
      margin-left: 3.375em;
      margin-bottom: 0.5em; }
      .add-info .inline-list li * {
        color: #fff;
        display: inline-block; }

/* ==========================================================================
	!  FLEET MANAGEMENT - SERVICE REQUESTS
	========================================================================== */
table.dataTable tbody tr.alert {
  background-color: #fb9696; }

table.dataTable tbody tr.alert:hover {
  background-color: #D64A4A; }

table.dataTable tbody tr.success {
  background-color: #9BD881; }

/* ==========================================================================
	!  ADMIN BAR
	========================================================================== */
.admin_bar {
  background: url("/Content/global-footer_bg.jpg") repeat left center;
  border-bottom: 1px solid #000;
  padding: 2px 0;
  color: #999;
  font-size: 12px; }
  .admin_bar .logo img {
    /* mobile logo */
    width: 50px;
    height: 50px;
    margin: 0 auto; }
  .admin_bar a {
    color: #999;
    line-height: 30px; }
    .admin_bar a:hover {
      color: #fff; }
  @media only screen and (max-width: 820px) {
    .admin_bar .back span {
      display: none; } }
  @media only screen and (min-width: 768px) {
    .admin_bar {
      padding: 10px 0; } }

.top_search input[type="search"] {
  margin: 0 0 0 6%;
  background-color: #515151;
  background-image: url("/Content/search.png");
  background-repeat: no-repeat;
  background-position: 10px 50%;
  border: 1px solid #000;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2);
  height: 30px;
  padding: 8px 14px 8px 40px;
  color: #fff;
  width: 70%;
  float: left; }
  .top_search input[type="search"]:focus {
    background-color: #fff; }

.top_search input[type="submit"], .top_search .button {
  float: left;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0;
  height: 30px;
  font-weight: 600;
  color: #000;
  color: rgba(0, 0, 0, 0.4); }

.top_admin_menu ul {
  margin-bottom: 0;
  float: right; }

.top_admin_menu li {
  line-height: 30px; }

/* ==========================================================================
	!  OFF CANVAS TOP MENU (only on mobile)
	========================================================================== */
.mobileTopMenu.offcanvasSidebar #topMenu {
  /*  really silly, probably hacky, way of having the body show a different background color for the topmenu */ }
  .mobileTopMenu.offcanvasSidebar #topMenu:after {
    content: "";
    display: block;
    width: 200px;
    height: 111px;
    background: #444;
    position: absolute;
    top: 0;
    right: -200px;
    border-bottom: 1px solid #666; }

.mobileTopMenu #topMenu {
  -webkit-transition: 0.25s all ease-in;
  transition: 0.25s all ease-in; }

.offcanvasTopMenu #topMenu {
  margin-top: 0 !important; }

.top_menu {
  padding: 20px 2px;
  color: #999;
  font-size: 13px;
  border-bottom: 1px solid #666;
  background: #444; }
  .top_menu a {
    color: #ddd; }
    .top_menu a:hover {
      color: #fff; }

@media only screen and (max-width: 768px) {
  .top_search {
    margin: 10px 0; }
    .top_search input[type="search"] {
      margin: 0;
      background-image: none;
      height: 40px;
      padding: 8px 14px 8px 10px;
      width: 85%; }
    .top_search .button {
      height: 40px;
      line-height: 20px;
      font-size: 16px;
      letter-spacing: 0; } }

/* ==========================================================================
	!  LEFT SIDEBAR
	========================================================================== */
.site_sidebar {
  height: 100%;
  background: url("/Content/bg-texture.jpg") repeat 0 0;
  border-top: 1px solid #444;
  border-right: 1px solid #000;
  width: 20%;
  margin-left: 0;
  float: left;
  z-index: 2;
  position: absolute;
  overflow: visible !important;
  /* MOBILE VERSION */ }
  @media only screen and (max-width: 768px) {
    .site_sidebar {
      margin-left: -100%;
      width: 80%;
      -webkit-transition: 0.25s width ease-in, 0.25s margin-left ease-in;
      transition: 0.25s width ease-in, 0.25s margin-left ease-in; } }
  .site_sidebar:before {
    content: "";
    display: block;
    width: 80px;
    height: 100%;
    background: transparent;
    position: absolute;
    right: 0;
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.4), transparent);
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.4), transparent); }
  .site_sidebar .logo img {
    margin: 10px auto;
    width: 130px;
    height: 130px; }

.offcanvasSidebar .main_content {
  width: 100%;
  margin-right: -200px; }

.offcanvasSidebar .site_sidebar {
  width: 200px;
  margin-left: 0; }

@media only screen and (min-width: 768px) {
  .collapsedSidebar .main_content {
    width: 100%;
    padding-left: 50px; }
  .collapsedSidebar .site_sidebar {
    width: 50px; }
    .collapsedSidebar .site_sidebar .logo img {
      width: 50px;
      height: 50px;
      margin: 70px auto 10px auto; } }

/*
	font-size: 22PX;
LEFT: 12PX;
TOP: 17PX; */
.animatedSidebarCollapse .site_sidebar {
  -webkit-transition: 0.2s width ease-in, 0.2s margin-left ease-in;
  transition: 0.2s width ease-in, 0.2s margin-left ease-in; }
  .animatedSidebarCollapse .site_sidebar .logo img {
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear; }

.sidebar_nav a.notoggle {
  display: none; }

.sidebar_nav a.toggler {
  display: inline-block; }

.sidebar_nav .alt-icon {
  font-size: 22px;
  left: 12px;
  top: 17px; }

.collapsedSidebar .sidebar_nav a.toggler {
  display: none; }

.collapsedSidebar .sidebar_nav a.notoggle {
  display: inline-block; }

.sidebar_nav {
  width: 100%;
  margin: 20px 0 0 0;
  border-top: 1px solid #111;
  border-bottom: 1px solid #444; }
  .sidebar_nav > li {
    list-style: none;
    margin: 0;
    font-size: 13px;
    border-bottom: 1px solid #111;
    border-top: 1px solid #444; }
    .sidebar_nav > li a {
      color: #999;
      padding: 20px 0px 20px 20px;
      width: 100%;
      display: block;
      position: relative;
      white-space: nowrap; }
      .sidebar_nav > li a:hover, .sidebar_nav > li a:focus {
        color: #eee;
        background: #2c2c2c;
        outline: none; }
    .sidebar_nav > li i {
      font-size: 30px;
      display: block;
      position: absolute;
      top: 13px;
      left: 8px; }
    .sidebar_nav > li span {
      padding-left: 30px; }
  .sidebar_nav li.active {
    background: #111;
    box-shadow: inset 0 5px 3px rgba(0, 0, 0, 0.8); }
    .sidebar_nav li.active i {
      color: #ffcf46; }
  .sidebar_nav .toggler {
    cursor: pointer; }
  .sidebar_nav .has_sub > a:after {
    font-family: "SSStandard";
    content: "\25BE";
    display: block;
    position: absolute;
    top: 46%;
    right: 10px;
    font-size: 7px; }
  .sidebar_nav .sub {
    margin: 0 0 5px 0px;
    list-style: none;
    border-top: 1px solid #111;
    display: none; }
    .sidebar_nav .sub li {
      background: none;
      padding: 0;
      font-size: 13px;
      padding-top: 4px; }
      .sidebar_nav .sub li a {
        color: #999;
        display: block;
        position: relative;
        margin: 2px 40px 2px 25px;
        padding: 5px 20px;
        width: 85%; }
        @media only screen and (max-width: 900px) {
          .sidebar_nav .sub li a {
            margin-left: 10px;
            padding: 5px 10px 5px 10px; } }
        .sidebar_nav .sub li a:hover {
          background: #666;
          color: #eee;
          border-radius: 6px; }

.collapsedSidebar .sidebar_nav > li {
  height: 53px; }

.collapsedSidebar .sidebar_nav li:hover {
  width: 225px;
  position: relative; }
  .collapsedSidebar .sidebar_nav li:hover a {
    background: black; }
    .collapsedSidebar .sidebar_nav li:hover a span {
      display: inline; }
  .collapsedSidebar .sidebar_nav li:hover .sub {
    display: block !important; }

.collapsedSidebar .sidebar_nav a span {
  display: none;
  padding-left: 50px; }

.collapsedSidebar .sidebar_nav .has_sub > a:after {
  display: none; }

.collapsedSidebar .sidebar_nav .sub {
  margin-left: 31px;
  margin-top: 0px;
  display: none !important; }
  .collapsedSidebar .sidebar_nav .sub li {
    margin: 0;
    padding: 0; }
    .collapsedSidebar .sidebar_nav .sub li:last-child a, .collapsedSidebar .sidebar_nav .sub li:last-child a:hover {
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px; }
    .collapsedSidebar .sidebar_nav .sub li a {
      background: #222;
      width: 174px;
      margin: 0 40px 0 20px;
      padding: 10px 20px; }
      .collapsedSidebar .sidebar_nav .sub li a:hover {
        background: #666;
        color: #eee;
        border-radius: 0; }

/* ==========================================================================
	!  Expand Collapse buttons
	========================================================================== */
.collapse_button {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  left: -30px;
  top: 35px;
  z-index: 10;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  color: #777;
  text-align: center;
  line-height: 32px;
  font-size: 11px;
  background: #fff;
  background-image: -webkit-linear-gradient(top, #fff 40%, #e6e6e6 100%);
  background-image: linear-gradient(to bottom, #fff 40%, #e6e6e6 100%); }
  .collapse_button i {
    display: block;
    font-size: 17px;
    margin-top: 6px; }
    .collapse_button i:hover {
      color: #231f20; }

.animatedSidebarCollapse .collapse_button i {
  -webkit-transition: all 0.5s linear 0.1s;
  transition: all 0.5s linear 0.1s; }

.offcanvas_menu_button, .offcanvas_top_button {
  display: inline-block;
  width: auto;
  padding: 2px 10px;
  text-decoration: none !important;
  margin: 7px 0;
  border-radius: 5px; }

.offcanvas_menu_button {
  text-align: center;
  font-family: "Open Sans Condensed", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
  color: #463400 !important;
  background-image: -webkit-linear-gradient(top, #ffcf46 40%, #f9b800 100%);
  background-image: linear-gradient(to bottom, #ffcf46 40%, #f9b800 100%);
  border: 1px solid #c69200;
  box-shadow: inset 0 1px 0 #ffe9ac; }
  .offcanvas_menu_button i {
    vertical-align: middle;
    margin-right: 5px;
    font-size: 16px;
    font-weight: normal; }
  .offcanvas_menu_button .icon-close {
    display: none;
    margin-top: -2px; }
  .offcanvas_menu_button:hover, .offcanvas_menu_button:focus {
    color: black;
    border-color: #795a00;
    box-shadow: inset 0 0 8px #795a00, 0 1px 1px #666; }

.offcanvasSidebar .offcanvas_menu_button {
  color: black;
  border-color: #795a00;
  box-shadow: inset 0 0 8px #795a00, 0 1px 1px #666; }
  .offcanvasSidebar .offcanvas_menu_button i {
    content: "no"; }
  .offcanvasSidebar .offcanvas_menu_button .icon-close {
    display: inline-block; }
  .offcanvasSidebar .offcanvas_menu_button .icon-menu {
    display: none; }

.offcanvas_top_button {
  color: #bbb !important;
  float: right;
  background-image: -webkit-linear-gradient(top, #444 40%, #222 100%);
  background-image: linear-gradient(to bottom, #444 40%, #222 100%);
  box-shadow: inset 0 1px 0 #666;
  border: 1px solid #222;
  height: 35px;
  width: 35px;
  text-align: center; }
  .offcanvas_top_button i {
    font-size: 18px;
    display: block;
    margin: 4px 0 0 -2px; }
  .offcanvas_top_button:hover, .offcanvas_top_button:focus {
    background-image: -webkit-linear-gradient(top, #666 40%, #444 100%);
    background-image: linear-gradient(to bottom, #666 40%, #444 100%);
    box-shadow: inset 0 0 8px #000, 0 1px 1px #666;
    border-color: #000; }

.offcanvasTopMenu .offcanvas_top_button {
  background-image: -webkit-linear-gradient(top, #666 40%, #444 100%);
  background-image: linear-gradient(to bottom, #666 40%, #444 100%);
  box-shadow: inset 0 0 8px #000, 0 1px 1px #666;
  border-color: #000; }

/* ==========================================================================
	!  MAIN CONTENT AREA
	========================================================================== */
.body {
  height: 100%;
  background: url("/Content/bg-texture.jpg") repeat 0 0; }

.main_content {
  min-height: 100%;
  background: url("/Content/body_noise.gif") repeat 0 0;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  padding-bottom: 40px;
  width: 80%;
  margin-left: 0;
  float: right;
  z-index: 1;
  /* MOBILE VERSION. Sorry, Luke, had to develop desktop first :(  */ }
  .main_content:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%; }
  @media only screen and (min-width: 768px) {
    .no-ie8compat .main_content {
      min-height: 664px; } }
  @media only screen and (max-width: 768px) {
    .main_content {
      width: 100%;
      -webkit-transition: 0.25s all ease-in;
      transition: 0.25s all ease-in; } }

.animatedSidebarCollapse .main_content {
  -webkit-transition: 0.1s all ease-in;
  transition: 0.1s all ease-in; }

.page_content {
  padding: 10px 0 0 10px; }

/* ==========================================================================
	!  BREADCRUMBS
	========================================================================== */
.breadcrumbs {
  background: #fefefe;
  background-image: -webkit-linear-gradient(top, #fff 40%, #e1e1e1 100%);
  background-image: linear-gradient(to bottom, #fff 40%, #e1e1e1 100%);
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding: 5px 20px; }
  .breadcrumbs li {
    display: inline-block;
    padding-right: 6px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px; }
    .breadcrumbs li:after {
      content: "/";
      padding-left: 8px;
      color: #ddd; }
    .breadcrumbs li a {
      color: #999; }
      .breadcrumbs li a:hover {
        text-decoration: underline; }
    .breadcrumbs li:last-child:after {
      display: none; }
    .breadcrumbs li:last-child a {
      font-weight: bold;
      cursor: default;
      color: #666; }
      .breadcrumbs li:last-child a:hover {
        text-decoration: none; }

/* ==========================================================================
	!  DASHBOARD ICONS
	========================================================================== */
.db-header h1 {
  margin-bottom: 0; }

.db-header h5 span {
  font-weight: normal; }

.db-icons li {
  margin-bottom: 2em;
  padding-left: 1em;
  padding-right: 1em; }

.db-icons p {
  font-size: 0.9em; }

.db-icons i {
  display: block;
  float: left;
  width: 8em;
  height: 8em;
  background: #353535;
  color: #ababab;
  border-radius: 50%; }

.db-icons i:before {
  font-size: 5em;
  position: relative;
  margin: 0 auto;
  display: table;
  position: relative;
  top: 0.3em; }

.db-icons .content {
  margin-left: 9em; }

@media only screen and (max-width: 900px) and (min-width: 768px) {
  .db-icons i {
    font-size: 0.8em; }
  .db-icons .content {
    margin-left: 8em; } }

@media only screen and (max-width: 450px) {
  .db-icons i {
    font-size: 0.7em; }
  .db-icons .content {
    margin-left: 7em; } }

/* ==========================================================================
	!  STEVE ADD-ONS
	========================================================================== */
.morelink {
  color: #0084dd; }

.pickup_row {
  color: #999; }

.hold_row {
    color: red; 
}

/* ==========================================================================
	!  LEGEND
	========================================================================== */
.legend ul {
  margin-bottom: 10px; }

.legend li {
  position: relative;
  padding-left: 30px;
  font-weight: bold;
  font-size: 0.8em;
  line-height: 1.5; }

.legend i {
  position: absolute;
  left: 5px;
  width: 20px;
  height: 20px;
  border: solid 1px #ddd; }
  .legend i.blue {
    background: #8db5f4; }
  .legend i.red {
    background: #fb9696; }
  .legend i.yellow {
    background: #f3f99e; }

.main_footer {
  margin-top: 30px; }

/* ==========================================================================
	!  Upper footer with brand-specific content
	========================================================================== */
.brand_footer {
  background-image: -webkit-radial-gradient(center bottom, #555, #333);
  background-image: radial-gradient(center bottom, #555, #333);
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  color: #ccc; }
  .brand_footer h5 {
    color: #ffcf46;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 3px; }
  .brand_footer p {
    line-height: 1.2em;
    font-size: 12px; }
  .brand_footer hr {
    border-top: 1px solid #222;
    border-bottom: 1px solid  #555; }
  .brand_footer .quicklinks {
    text-align: center; }
    @media all and (min-width: 768px) {
      .brand_footer .quicklinks {
        text-align: left; } }
  .brand_footer ul li a {
    color: #f5f5f5;
    font-size: 14px;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out; }
    .brand_footer ul li a:hover, .brand_footer ul li a:focus {
      text-decoration: underline;
      color: #fff; }
  .brand_footer .locations .button_darkgray {
    font-size: 13px; }
    @media all and (min-width: 768px) {
      .brand_footer .locations .button_darkgray {
        font-size: .9em; } }
  .brand_footer .logo_wrap {
    display: block;
    min-width: 200px; }
  .brand_footer .svg_logo {
    width: 100%;
    height: 7em;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0; }
    @media all and (min-width: 768px) {
      .brand_footer .svg_logo {
        height: 7.75em; } }
    .brand_footer .svg_logo #logo path, .brand_footer .svg_logo #logo polygon {
      fill: #ffcf46; }
    .brand_footer .svg_logo #square, .brand_footer .svg_logo #square path {
      fill: #231f20; }
    .brand_footer .svg_logo #name, .brand_footer .svg_logo #name path {
      fill: #fff; }
    .brand_footer .svg_logo #reg, .brand_footer .svg_logo #reg path {
      fill: #fff; }
    .brand_footer .svg_logo #line, .brand_footer .svg_logo #lines {
      fill: #231f20; }
  @media all and (min-width: 768px) {
    .brand_footer p {
      font-size: 14px; } }

/* ==========================================================================
	!  Global Pape Footer
	========================================================================== */
.global_footer {
  background: url("/Content/global-footer_bg.jpg") repeat-x center top #0c0b0b;
  position: relative;
  z-index: 9;
  color: #ccc;
  padding-top: 40px;
  padding-bottom: 10px; }
  .global_footer:before {
    content: "";
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0;
    z-index: 10;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.45) 10%, transparent 60%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.45) 10%, transparent 60%); }
  .global_footer .columns {
    z-index: 11; }
  .global_footer:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 8;
    background-image: -webkit-radial-gradient(center top, rgba(255, 255, 255, 0.2), transparent);
    background-image: radial-gradient(center top, rgba(255, 255, 255, 0.2), transparent); }
  .global_footer .papegroup_links {
    *zoom: 1;
    border-bottom: 1px solid #373737;
    margin-bottom: 35px; }
    .global_footer .papegroup_links:before, .global_footer .papegroup_links:after {
      content: " ";
      display: table; }
    .global_footer .papegroup_links:after {
      clear: both; }
    .global_footer .papegroup_links h4 {
      color: #ffcf46;
      text-transform: uppercase;
      float: left;
      margin: 0;
      line-height: 30px;
      font-size: 1.4em; }
      .global_footer .papegroup_links h4 span {
        color: #6f6f6f;
        padding-left: 10px; }
      @media all and (min-width: 768px) {
        .global_footer .papegroup_links h4 {
          font-size: 1.3em; } }
    .global_footer .papegroup_links nav {
      float: right;
      display: inline-block;
      text-align: right;
      font-family: "Open Sans Condensed", sans-serif; }
      .global_footer .papegroup_links nav ul {
        margin: 0; }
      .global_footer .papegroup_links nav a {
        color: #6f6f6f;
        font-style: 14px;
        font-weight: bold;
        text-transform: uppercase;
        padding-top: 8px; }
        .global_footer .papegroup_links nav a:hover {
          color: #fff; }
  .global_footer .otherbrand_links .small-3 {
    padding: 0; }
  .global_footer .otherbrand_links h5 {
    color: #ffcf46;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 0 5px 0;
    line-height: 1.1em; }
  .global_footer .otherbrand_links ul li {
    position: relative; }
    .global_footer .otherbrand_links ul li p {
      font-size: 11px;
      line-height: 1.2em;
      padding-right: 5px;
      color: #ccc; }
      @media all and (min-width: 768px) {
        .global_footer .otherbrand_links ul li p {
          padding-right: 15px; } }
  .global_footer .otherbrand_links .svg_logo {
    float: right;
    width: 100%;
    height: 80px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 5px; }
    .global_footer .otherbrand_links .svg_logo #logo path, .global_footer .otherbrand_links .svg_logo #logo polygon {
      fill: #fff; }
    .global_footer .otherbrand_links .svg_logo #square, .global_footer .otherbrand_links .svg_logo #square path {
      fill: #231f20; }
    .global_footer .otherbrand_links .svg_logo #name, .global_footer .otherbrand_links .svg_logo #name path {
      fill: #fff; }
    .global_footer .otherbrand_links .svg_logo #reg, .global_footer .otherbrand_links .svg_logo #reg path {
      fill: #fff; }
    .global_footer .otherbrand_links .svg_logo #line, .global_footer .otherbrand_links .svg_logo #lines {
      fill: #231f20; }
  .global_footer .otherbrand_links a {
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out; }
  .global_footer .otherbrand_links a:hover {
    color: #ffcf46; }
    .global_footer .otherbrand_links a:hover #mh #logo path, .global_footer .otherbrand_links a:hover #mh #logo polygon, .global_footer .otherbrand_links a:hover #machinery #logo path, .global_footer .otherbrand_links a:hover #machinery #logo polygon, .global_footer .otherbrand_links a:hover #papegroup #logo path, .global_footer .otherbrand_links a:hover #papegroup #logo polygon, .global_footer .otherbrand_links a:hover #kenworth #logo path, .global_footer .otherbrand_links a:hover #kenworth #logo polygon {
      fill: #ffcf46; }
    .global_footer .otherbrand_links a:hover #bobcat #square {
      fill: #F15D2A; }
    .global_footer .otherbrand_links a:hover #ditchwitch #logo path, .global_footer .otherbrand_links a:hover #logo polygon {
      fill: #F76013; }
  .global_footer .papegroup_footer p > a {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    padding-bottom: 3px;
    color: #ccc; }
  .global_footer .legalbits {
    margin-top: 30px; }
    .global_footer .legalbits p {
      font-size: 11px;
      color: #6f6f6f; }
  .global_footer .social_footer {
    font-size: 12px;
    float: right; }
    .global_footer .social_footer li {
      padding-bottom: 10px; }
    .global_footer .social_footer a {
      color: #808080; }
      .global_footer .social_footer a:hover {
        color: #fff; }
    @media all and (min-width: 768px) {
      .global_footer .social_footer li {
        padding-bottom: 0px; } }

.contract_details table tbody td {
  line-height: 1.3em;
  padding: 8px 15px; }
  .contract_details table tbody td:first-child {
    border-right: 1px solid #bbb;
    text-align: right; }

.table_comments {
  background: #fff;
  border: 1px solid #ddd;
  padding: 15px;
  color: #444;
  font-size: 14px; }

.view_details {
  font-size: 12px;
  display: inline-block;
  padding-left: 10px; }

.hidden_content {
  display: none; }

@media only screen and (max-width: 768px) {
  .hidden_content {
    display: inline-block; } }

a.button.print, a.button.print:hover,
a.button.pdf, a.button.pdf:hover {
  font-size: 14px;
  text-transform: none;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: 10px 50%; }

a.button.pdf, a.button.pdf:hover {
  background-image: url("/Content/tiny-pdf.gif");
  padding-left: 40px; }

a.button.print {
  background-image: url("/Content/print.png");
  margin-top: 20px;
  padding-left: 40px; }
  a.button.print:hover {
    color: #222 !important;
    background-image: url("/Content/print.png"); }

/* ==========================================================================
	! WIDGET
	========================================================================== */
.widget {
  border: 1px solid #bbb;
  border-radius: 5px;
  box-shadow: 0 0 8px #ddd;
  *zoom: 1; }
  .widget:before, .widget:after {
    content: " ";
    display: table; }
  .widget:after {
    clear: both; }
  .widget header {
    border-bottom: 1px solid #000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #555;
    background-image: -webkit-linear-gradient(top, #555, #111);
    background-image: linear-gradient(to bottom, #555, #111); }
    .widget header h6 {
      padding: 10px 14px 10px 14px;
      font-size: 14px;
      font-weight: 600;
      text-transform: uppercase;
      margin: 0;
      color: #fff;
      text-shadow: 0 1px #000;
      letter-spacing: 1px;
      font-family: "Open Sans", sans-serif; }
  .widget footer {
    clear: both;
    *zoom: 1;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #ddd;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
    padding-bottom: 2px; }
    .widget footer:before, .widget footer:after {
      content: " ";
      display: table; }
    .widget footer:after {
      clear: both; }
    .widget footer .cancel_fields {
      display: none; }
      .widget footer .cancel_fields .cancel_button, .widget footer .cancel_fields input {
        float: right;
        margin: 5px 12px 10px 12px; }
      .widget footer .cancel_fields input {
        width: 33%; }
    .widget footer .dashboard_button {
      margin: 10px auto;
      border-radius: 5px;
      letter-spacing: 2px;
      font-size: 13px;
      padding: 10px 15px; }
    .widget footer .footer_content {
      padding: 15px 12px 10 12px;
      font-size: 13px; }
  .widget table.styled tbody {
    border: none; }
  .widget .widget_content {
    padding: 10px 14px;
    background: #fefefe;
    border-bottom: 1px solid #bbb; }
    .widget .widget_content span.label, .widget .widget_content span.number {
      display: block;
      padding: 0 10px; }
    .widget .widget_content span.label {
      font-size: 13px;
      color: #666; }
    .widget .widget_content span.number {
      font-size: 32px;
      font-weight: 600;
      display: inline-block;
      padding: 5px 15px;
      width: auto;
      margin: 10px auto;
      color: #fff;
      border-radius: 6px;
      background: #ffcf46;
      background-image: -webkit-linear-gradient( left , #ffcf46 0%, #f9b800 100%);
      background-image: -webkit-linear-gradient(left, #ffcf46 0%, #f9b800 100%);
      background-image: linear-gradient(to right, #ffcf46 0%, #f9b800 100%);
      box-shadow: inset 2px 2px 1px #c69200, 1px 1px 0 #fff;
      text-shadow: 0 0 6px #ac7f00; }

.tableFooter {
  clear: both;
  *zoom: 1;
  border-top: 1px solid #bbb;
  padding: 15px 12px;
  background: #eee;
  background-image: -webkit-linear-gradient(top, #eee, #ddd);
  background-image: linear-gradient(to bottom, #eee, #ddd); }
  .tableFooter:before, .tableFooter:after {
    content: " ";
    display: table; }
  .tableFooter:after {
    clear: both; }

.table_overflow {
  overflow: auto; }

@media only screen and (max-width: 768px) {
  .widget footer {
    background-image: -webkit-linear-gradient(top, #eee, #ddd);
    background-image: linear-gradient(to bottom, #eee, #ddd);
    padding: 15px 12px; } }

#call_off_confirm {
  text-align: center;
  padding-bottom: 0; }
  #call_off_confirm .button {
    text-align: center;
    width: 20%; }

/* ==========================================================================
	! 4. Responsive Stacked Tables
	========================================================================== */
.stacked_table {
  display: none;
  margin-bottom: 0; }

@media all and (max-width: 768px) {
  #responsiveTable_wrapper {
    display: none; }
  .stacked_table {
    width: 100%;
    background: #fff;
    display: table; }
    .stacked_table tbody td {
      padding: 10px;
      vertical-align: top;
      border-bottom: 1px solid #ccc;
      border-left: 1px dotted #ccc; }
    .stacked_table tbody tr {
      background-color: #fff;
      -webkit-transition: background-color 0.1s linear;
      transition: background-color 0.1s linear; }
    .stacked_table tbody tr:nth-child(even) {
      background-color: #f5f5f5;
      border: none; }
    .stacked_table tbody .st-key {
      color: #111;
      font-weight: bold;
      border-left: none;
      font-size: 12px; }
    .stacked_table tbody .st-val {
      color: #555;
      font-size: 12px; }
    .stacked_table tbody .st-head-row {
      outline: none;
      font-weight: 600;
      font-size: 13px;
      letter-spacing: 1px;
      text-transform: uppercase;
      background-color: transparent;
      color: #795a00;
      text-shadow: 1px 1px 0 #ffe9ac;
      background-image: -webkit-linear-gradient(top, #ffcf46 40%, #ffc213 100%);
      background-image: linear-gradient(to bottom, #ffcf46 40%, #ffc213 100%);
      padding: 10px;
      vertical-align: middle;
      line-height: 1.3em; }
    .stacked_table tbody .st-head-row.st-head-row-main {
      border-top: 1px solid #eee;
      border-bottom: 1px solid #ddd;
      padding: 15px 10px;
      color: #777;
      background: #eee;
      font-size: 13px;
      text-shadow: 1px 1px 0 #fff;
      background-image: -webkit-linear-gradient(bottom, #eee, #ddd);
      background-image: linear-gradient(to top, #eee, #ddd); } }


@media all and (max-width: 768px) {
  .responsiveMany {
    display: none; }
  .stacked_table {
    width: 100%;
    background: #fff;
    display: table; }
    .stacked_table tbody td {
      padding: 10px;
      vertical-align: top;
      border-bottom: 1px solid #ccc;
      border-left: 1px dotted #ccc; }
    .stacked_table tbody tr {
      background-color: #fff;
      -webkit-transition: background-color 0.1s linear;
      transition: background-color 0.1s linear; }
    .stacked_table tbody tr:nth-child(even) {
      background-color: #f5f5f5;
      border: none; }
    .stacked_table tbody .st-key {
      color: #111;
      font-weight: bold;
      border-left: none;
      font-size: 12px; }
    .stacked_table tbody .st-val {
      color: #555;
      font-size: 12px; }
    .stacked_table tbody .st-head-row {
      outline: none;
      font-weight: 600;
      font-size: 13px;
      letter-spacing: 1px;
      text-transform: uppercase;
      background-color: transparent;
      color: #795a00;
      text-shadow: 1px 1px 0 #ffe9ac;
      background-image: -webkit-linear-gradient(top, #ffcf46 40%, #ffc213 100%);
      background-image: linear-gradient(to bottom, #ffcf46 40%, #ffc213 100%);
      padding: 10px;
      vertical-align: middle;
      line-height: 1.3em; }
    .stacked_table tbody .st-head-row.st-head-row-main {
      border-top: 1px solid #eee;
      border-bottom: 1px solid #ddd;
      padding: 15px 10px;
      color: #777;
      background: #eee;
      font-size: 13px;
      text-shadow: 1px 1px 0 #fff;
      background-image: -webkit-linear-gradient(bottom, #eee, #ddd);
      background-image: linear-gradient(to top, #eee, #ddd); } }

/* ==========================================================================
	! SPECIAL TABLE STYLES
	========================================================================== */
th.admin, td.admin {
  background-image: none !important;
  text-align: center !important; }

th.admin {
  padding: 0 !important;
  width: 40px !important; }
  th.admin i {
    margin: 0 auto;
    background: #bf0000;
    border-radius: 20px;
    color: #fff;
    text-shadow: none;
    display: inline-block;
    height: 20px;
    width: 20px;
    text-align: center;
    padding: 1px 0 1px 0;
    font-size: 16px;
    font-weight: 200;
    box-shadow: 0 0 3px #795a00, inset 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #bf0000; }

@media only screen and (max-width: 768px) {
  th.admin i {
    display: none !important; } }

.rowShow td.details {
  background: #444;
  cursor: default;
  background-image: url("/Content/grid.png"), -webkit-linear-gradient(top, #555, #333);
  background-image: url("/Content/grid.png"), linear-gradient(to bottom, #555, #333);
  color: #fff;
  text-shadow: 0 0 2px  #000;
  font-weight: 400;
  font-size: 13px; }
  .rowShow td.details strong {
    display: inline-block;
    padding-right: 10px;
    color: #ddd;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px; }
  .rowShow td.details p {
    padding: 2px 0; }

a.show_row {
  float: right;
  background: #ddd;
  font-size: 9px;
  display: block;
  line-height: 20px;
  padding: 4px 3px 3px 4px;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, #eee, #ddd);
  background-image: linear-gradient(to bottom, #eee, #ddd);
  border: 1px solid #ddd;
  box-shadow: inset 0 1px 0 #fff;
  color: #444;
  margin: -1px 0;
  cursor: pointer; }
  a.show_row:hover {
    color: #0084dd !important; }

a.show_row.ss-hyphen {
  background-image: -webkit-linear-gradient(top, #555, #333);
  background-image: linear-gradient(to bottom, #555, #333);
  color: #f6f6f6;
  box-shadow: inset 0 1px 0 #666;
  border-color: #222; }

th.detail_row, td.detail_row {
  width: 250px !important; }

.dashboard .widget {
  margin-bottom: 30px; }

@media scree and (max-width: 768px) {
  .widget {
    margin-bottom: 30px !important; } }

.login_box {
  max-width: 400px;
  margin: 100px auto 0 auto;
  padding: 30px 40px;
  background: none;
  color: #999;
  font-size: 12px; }
  .login_box img {
    margin: 0 auto 10px auto; }
  .login_box h3 {
    color: #ddd;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-shadow: -1px -1px 0 #000;
    font-size: 20px; }
  .login_box form ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .login_box form ul li {
      margin: 0;
      padding: 0;
      position: relative; }
  .login_box form i {
    position: absolute;
    color: #eee;
    font-size: 20px;
    top: 15px;
    left: 10px; }
  .login_box fieldset {
    padding: 0;
    margin: 0 0 15px 0;
    background-image: -webkit-linear-gradient(top, #4b4b4b, #323232);
    background-image: linear-gradient(to bottom, #4b4b4b, #323232);
    border-radius: 5px;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.8), 0 1px 0px rgba(255, 255, 255, 0.3);
    border: 1px solid #1d1d1d; }
  .login_box .username, .login_box .password, .login_box .username:focus, .login_box .password:focus {
    margin: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    color: #eee;
    padding: 15px 20px 14px 40px;
    height: auto;
    font-size: 14px; }
  .login_box .username, .login_box .username:focus {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid #222; }
  .login_box .password, .login_box .password:focus {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 1px solid #555;
    padding-right: 80px; }
  .login_box .button {
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    color: #222;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    background-image: -webkit-linear-gradient(#ffdc79, #ffd660 50%, #ffc82d 50%, #f9b800);
    background-image: linear-gradient(#ffdc79, #ffd660 50%, #ffc82d 50%, #f9b800);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 2px 8px #111;
    -webkit-transition: 0s all linear;
    transition: 0s all linear; }
    .login_box .button:hover {
      color: #222;
      background-image: -webkit-linear-gradient(#ffe9ac, #ffe393 50%, #ffd660 50%, #ffcf46);
      background-image: linear-gradient(#ffe9ac, #ffe393 50%, #ffd660 50%, #ffcf46); }

.passwordShow {
  color: #c8b47e;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  padding: 9px 10px;
  text-transform: uppercase;
  z-index: 3; }

.login-field:focus {
  border-color: #0088cc;
  outline: transparent;
  z-index: 2; }

@media screen and (max-width: 768px) {
  .login_box {
    margin-top: 10px; } }

/*!
 * FullCalendar v1.6.3 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left; }

.fc table {
  border-collapse: collapse;
  border-spacing: 0; }

html .fc, .fc table {
  font-size: 1em; }

.fc td, .fc th {
  padding: 0;
  vertical-align: top; }

/* Header----------------*/
.fc-header td {
  white-space: nowrap; }

.fc-header-left {
  width: 25%;
  text-align: left; }

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

.fc-header-right {
  width: 25%;
  text-align: right; }

.fc-header-title {
  display: inline-block;
  vertical-align: top; }
  .fc-header-title h2 {
    margin-top: 0;
    white-space: nowrap; }

.fc .fc-header-space {
  padding-left: 10px; }

.fc .fc-header .fc-button {
  margin-bottom: 1em;
  vertical-align: top; }

.fc-header .fc-button {
  margin-right: -1px; }

.fc-header .fc-state-hover, .fc-header .ui-state-hover {
  z-index: 2; }

.fc-header .fc-state-down {
  z-index: 3; }

.fc-header .fc-state-active, .fc-header .ui-state-active {
  z-index: 4; }

/* Content-------*/
.fc-content {
  clear: both;
  zoom: 1; }

.fc-view {
  width: 100%;
  overflow: hidden; }

/* Cell Styles------*/
.fc-state-highlight {
  background: #fcf8e3; }

.fc-cell-overlay {
  background: #bce8f1;
  opacity: .3;
  filter: alpha(opacity=30); }

/* Buttons---------*/
.fc-button {
  position: relative;
  display: inline-block;
  padding: 0 .6em;
  overflow: hidden;
  height: 1.9em;
  line-height: 1.9em;
  white-space: nowrap;
  cursor: pointer; }
  .fc-button .fc-icon-wrap {
    position: relative;
    float: left;
    top: 50%; }
  .fc-button .ui-icon {
    position: relative;
    float: left;
    margin-top: -50%;
    *margin-top: 0;
    *top: -50%; }

.fc-state-default {
  border: 1px solid; }
  .fc-state-default.fc-corner-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  .fc-state-default.fc-corner-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }

.fc-text-arrow {
  margin: 0 .1em;
  font-size: 2em;
  font-family: "Courier New", Courier, monospace;
  vertical-align: baseline; }

.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow {
  font-weight: bold; }

.fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6; }

.fc-state-hover {
  color: #333333;
  text-decoration: none; }

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  outline: 0;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none; }

/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event-container > * {
  z-index: 8; }

.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
  z-index: 9; }

.fc-event {
  border: 1px solid #3a87ad;
  /* default BORDER color */
  background-color: #3a87ad;
  /* default BACKGROUND color */
  color: #fff;
  /* default TEXT color */
  font-size: .85em;
  cursor: default; }

a.fc-event {
  text-decoration: none; }

a.fc-event,
.fc-event-draggable {
  cursor: pointer; }

.fc-rtl .fc-event {
  text-align: right; }

.fc-event-inner {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.fc-event-time,
.fc-event-title {
  padding: 0 1px; }

.fc .ui-resizable-handle {
  display: block;
  position: absolute;
  z-index: 99999;
  overflow: hidden;
  /* hacky spaces (IE6/7) */
  font-size: 300%;
  /* */
  line-height: 50%;
  /* */ }

/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
  border-width: 1px 0;
  margin-bottom: 1px; }

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
  border-left-width: 1px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
  border-right-width: 1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

/* resizable */
.fc-event-hori .ui-resizable-e {
  top: 0           !important;
  /* importants override pre jquery ui 1.7 styles */
  right: -3px      !important;
  width: 7px       !important;
  height: 100%     !important;
  cursor: e-resize; }

.fc-event-hori .ui-resizable-w {
  top: 0           !important;
  left: -3px       !important;
  width: 7px       !important;
  height: 100%     !important;
  cursor: w-resize; }

.fc-event-hori .ui-resizable-handle {
  _padding-bottom: 14px;
  /* IE6 had 0 height */ }

/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
  border-collapse: separate; }

.fc-border-separate th,
.fc-border-separate td {
  border-width: 1px 0 0 1px; }

.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
  border-right-width: 1px; }

.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
  border-bottom-width: 1px; }

.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
  border-top-width: 0; }

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
  text-align: center; }

.fc .fc-week-number {
  width: 22px;
  text-align: center; }

.fc .fc-week-number div {
  padding: 0 2px; }

.fc-grid .fc-day-number {
  float: right;
  padding: 0 2px; }

.fc-grid .fc-other-month .fc-day-number {
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
  /* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */ }

.fc-grid .fc-day-content {
  clear: both;
  padding: 2px 2px 1px;
  /* distance between events and day edges */ }

/* event styles */
.fc-grid .fc-event-time {
  font-weight: bold; }

/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
  float: left; }

.fc-rtl .fc-grid .fc-event-time {
  float: right; }

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
  border-collapse: separate; }

.fc-agenda-days th {
  text-align: center; }

.fc-agenda .fc-agenda-axis {
  width: 50px;
  padding: 0 4px;
  vertical-align: middle;
  text-align: right;
  white-space: nowrap;
  font-weight: normal; }

.fc-agenda .fc-week-number {
  font-weight: bold; }

.fc-agenda .fc-day-content {
  padding: 2px 2px 1px; }

/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
  border-right-width: 1px; }

.fc-agenda-days .fc-col0 {
  border-left-width: 0; }

/* all-day area */
.fc-agenda-allday th {
  border-width: 0 1px; }

.fc-agenda-allday .fc-day-content {
  min-height: 34px;
  /* TODO: doesnt work well in quirksmode */
  _height: 34px; }

/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
  height: 2px;
  overflow: hidden; }

.fc-widget-header .fc-agenda-divider-inner {
  background: #eee; }

/* slot rows */
.fc-agenda-slots th {
  border-width: 1px 1px 0; }

.fc-agenda-slots td {
  border-width: 1px 0 0;
  background: none; }

.fc-agenda-slots td div {
  height: 20px; }

.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
  border-top-width: 0; }

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
  border-top-style: dotted; }

.fc-agenda-slots tr.fc-minor th.ui-widget-header {
  *border-top-style: solid;
  /* doesn't work with background in IE6/7 */ }

/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {
  border-width: 0 1px; }

.fc-event-vert.fc-event-start {
  border-top-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.fc-event-vert.fc-event-end {
  border-bottom-width: 1px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }

.fc-event-vert .fc-event-time {
  white-space: nowrap;
  font-size: 10px; }

.fc-event-vert .fc-event-inner {
  position: relative;
  z-index: 2; }

.fc-event-vert .fc-event-bg {
  /* makes the event lighter w/ a semi-transparent overlay  */
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: .25;
  filter: alpha(opacity=25); }

.fc .ui-draggable-dragging .fc-event-bg,
.fc-select-helper .fc-event-bg {
  display: none\9;
  /* for IE6/7/8. nested opacity filters while dragging don't work */ }

/* resizable */
.fc-event-vert .ui-resizable-s {
  bottom: 0        !important;
  /* importants override pre jquery ui 1.7 styles */
  width: 100%      !important;
  height: 8px      !important;
  overflow: hidden !important;
  line-height: 8px !important;
  font-size: 11px  !important;
  font-family: monospace;
  text-align: center;
  cursor: s-resize; }

.fc-agenda .ui-resizable-resizing {
  /* TODO: better selector */
  _overflow: hidden; }

/* ==========================================================================
	!   PAPE STYLES
	========================================================================== */
.fc {
  background: #fff;
  width: 100%;
  border: none; }

.fc-header {
  width: 100%;
  padding: 10px;
  margin-bottom: 0;
  vertical-align: middle;
  outline: none;
  background: #ffcf46;
  border-right: 1px solid #ffcf46;
  background-image: -webkit-linear-gradient(top, #ffcf46 40%, #ffc213 100%);
  background-image: linear-gradient(to bottom, #ffcf46 40%, #ffc213 100%);
  border-bottom: 1px solid #e9ad00; }
  .fc-header .fc-header-title {
    padding: 10px; }
    .fc-header .fc-header-title h2 {
      margin: 0;
      font-size: 18px;
      line-height: 30px;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #ac7f00;
      text-shadow: 1px 1px 0 #ffe393; }
  .fc-header .fc-header-right {
    padding: 10px; }
    .fc-header .fc-header-right span.fc-button-today {
      margin: 0;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 11px;
      height: 30px;
      line-height: 30px;
      padding: 0 10px; }
    .fc-header .fc-header-right .fc-button-next {
      margin: 0;
      border-left: none;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 1px 0 0 rgba(255, 255, 255, 0.2); }
      .fc-header .fc-header-right .fc-button-next:focus, .fc-header .fc-header-right .fc-button-next:active {
        box-shadow: inset 0 0 8px #c69200; }
    .fc-header .fc-header-right .fc-button-prev {
      margin: 0; }
    .fc-header .fc-header-right .fc-state-disabled, .fc-header .fc-header-right .fc-state-disabled:hover, .fc-header .fc-header-right .fc-state-disabled:focus {
      cursor: default;
      background-image: none;
      opacity: 0.4;
      background-color: #fff0c6;
      height: 30px;
      border: 1px solid #f9b800; }

.fc-state-default:not(.fc-state-disabled) {
  background-color: #fff0c6;
  background-image: -webkit-linear-gradient(top, #fff0c6, #ffdc79);
  background-image: linear-gradient(to bottom, #fff0c6, #ffdc79);
  height: 30px;
  border: 1px solid #f9b800;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  outline: none !important; }
  .fc-state-default:not(.fc-state-disabled):hover {
    background-image: -webkit-linear-gradient(top, #ffe393, #ffcf46);
    background-image: linear-gradient(to bottom, #ffe393, #ffcf46); }
  .fc-state-default:not(.fc-state-disabled):focus, .fc-state-default:not(.fc-state-disabled):active {
    background-color: #c69200;
    background-image: -webkit-linear-gradient(top, #f9b800, #dfa500);
    background-image: linear-gradient(to bottom, #f9b800, #dfa500);
    color: #fff;
    box-shadow: inset 0 0 8px #c69200;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }

.fc-content, .fc-view {
  width: 100%;
  border: none; }
  .fc-content table, .fc-view table {
    width: 100%;
    border: none;
    margin: 0; }
    .fc-content table thead tr, .fc-view table thead tr {
      background: red;
      background-image: -webkit-linear-gradient(top, #eee, #ddd);
      background-image: linear-gradient(to bottom, #eee, #ddd); }
      .fc-content table thead tr th.fc-day-header, .fc-view table thead tr th.fc-day-header {
        padding: 8px 0;
        text-transform: uppercase;
        font-size: 11px;
        border-bottom: 1px solid #bbb;
        color: #444;
        text-shadow: 1px 1px 0 #fefefe; }
    .fc-content table tbody tr td, .fc-view table tbody tr td {
      border-bottom: 1px solid #ddd; }
    .fc-content table tbody tr td.fc-day, .fc-view table tbody tr td.fc-day {
      padding-top: 5px;
      border-left: 1px dotted #ddd; }
      .fc-content table tbody tr td.fc-day:first-child, .fc-view table tbody tr td.fc-day:first-child {
        border-left: none; }
    .fc-content table tbody tr td.fc-other-month, .fc-view table tbody tr td.fc-other-month {
      background: #f2f2f2; }
    .fc-content table tbody .fc-day-number, .fc-view table tbody .fc-day-number {
      font-size: 11px;
      color: #777;
      padding-left: 5px;
      float: left; }

.fc-event-container {
  margin-top: 5px; }
  .fc-event-container .fc-event {
    padding: 2px 4px;
    font-size: 12px;
    color: white;
    border: 1px solid #004795;
    background-image: -webkit-linear-gradient(top, #006aac, #00438d);
    background-image: linear-gradient(to bottom, #006aac, #00438d);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25); }
  .fc-event-container .fc-event.fc-event-start {
    margin-left: 5px; }
  .fc-event-container .fc-event.fc-event-end {
    margin-right: 5px; }

/* !!  TABLE OF CONTENTS

	Styles relatd to the JD Parts site.

	Phase 1: Completed by Ren Walker, October 2013.

	* Home
	* Redirect Page
	* Shopping Cart
	* Confirm Order
	* Thank You

   ------------------------------------------------------------------------------------------------------*/
/* ==========================================================================
	!!  Home
	========================================================================== */
.qo .button {
  border-radius: 5px;
  margin: 8px 10px 0 0;
  font-family: "Open Sans", sans-serif;
  padding: 5px 7px 4px 7px;
  font-weight: normal;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ddd;
  text-align: center;
  display: inline-block;
  float: right; }

.qo table {
  margin-bottom: 0; }

.qo .qo_sos {
  width: 220px; }

.qo .qo_quantity {
  width: 40px; }

.qo .qo_admin {
  width: 25px;
  padding: 10px;
  vertical-align: middle; }

.qo tbody .qo_quantity input {
  text-align: center;
  letter-spacing: 1px; }

.qo tbody .qo_admin {
  text-align: center; }
  .qo tbody .qo_admin a {
    color: #000;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out; }
    .qo tbody .qo_admin a:hover {
      color: red; }

.qo tbody select, .qo tbody input, .qo tbody .custom.dropdown {
  margin-bottom: 0; }

.qo tbody .qo_partno input {
  letter-spacing: 1px; }

.qo form {
  margin-bottom: 0; }
  .qo form .error input, .qo form input.error {
    background: #fff;
    border: 1px solid #aa2323; }
  .qo form .validation {
    font-size: 12px;
    margin-top: 5px;
    display: block; }
    .qo form .validation.error {
      color: #aa2323; }
    .qo form .validation.success {
      color: #23aa23; }

.qo .input_wrapper {
  border-radius: 3px;
  border: 3px solid transparent; }
  .qo .input_wrapper.error {
    border: solid 3px #eeabab; }
    .qo .input_wrapper.error .custom.dropdown {
      border: 1px solid #aa2323; }

.qo .dashboard_button {
  font-size: 15px !important;
  font-family: "Open Sans", sans-serif;
  font-weight: 400; }
  .qo .dashboard_button .icon-cart.yellow {
    color: #ffcf46; }

.ecat-modal input {
  height: 2.5em;
  font-size: 1.15em; }

.ecat-modal .button_kenworth {
  padding-right: 35px;
  padding-left: 35px; }

.internet-explorer.alert-box {
  position: relative;
  padding-left: 45px;
  min-height: 45px;
  max-width: 325px; }
  .internet-explorer.alert-box img {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 8px;
    top: 9px; }

/* ==========================================================================
	!!  Redirect Page
	========================================================================== */
.centered {
  text-align: center; }

.centered:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; }

.redirect_box {
  display: inline-block;
  vertical-align: middle;
  width: 580px;
  border-radius: 8px;
  box-shadow: 0 0 10px #000;
  background: #fff; }

.tableFooter .total_table {
  font-size: 16px;
  text-align: right; }
  .tableFooter .total_table table {
    width: 52%;
    min-width: 10%;
    float: right;
    margin-bottom: 0; }

/* ==========================================================================
	!!  Shopping Cart
	========================================================================== */
.quick-add-form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #CCC; }

.quick-add-form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: pink; }

.quick-add-form input::-moz-placeholder {
  color: #CCC; }

.quick-add-form input::placeholder {
  color: #CCC; }

.cart {
  background: #fff;
  box-shadow: 0 0 8px #ddd;
  padding: 20px 40px 20px 20px; }

.cart_item {
  border-radius: 8px;
  background: #efefef;
  padding: 10px 20px;
  margin-bottom: 20px; }
  .cart_item h5, .cart_item h6 {
    font-family: "Open Sans", sans-serif;
    margin: 0 0 5px 0; }
  .cart_item h5 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600; }
  .cart_item h6 {
    font-weight: normal;
    color: #777;
    font-size: .9em; }
  .cart_item .price, .cart_item .total_price {
    line-height: 35px;
    display: block; }
    @media screen and (max-width: 768px) {
      .cart_item .price, .cart_item .total_price {
        text-align: center !important; } }
  .cart_item .price {
    text-align: center; }
  .cart_item .total_price {
    font-size: 1.1em;
    font-weight: bold;
    text-align: right; }
  .cart_item .quantity {
    text-align: center; }
    .cart_item .quantity input {
      width: 50px;
      margin: 0 auto 8px auto; }
    .cart_item .quantity a {
      font-size: .8em;
      color: #999;
      white-space: nowrap; }
      .cart_item .quantity a:hover {
        color: #666; }
        .cart_item .quantity a:hover i {
          color: red; }

.cart_columns, .item_label {
  padding: 10px 20px;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: .7em; }

.item_label {
  padding: 0;
  display: block;
  margin-bottom: 10px;
  text-align: center; }

.empty_cart {
  font-size: .9em;
  color: #777;
  font-style: italic; }
  .empty_cart a {
    font-style: normal;
    text-decoration: underline; }

.cart_total {
  padding-top: 40px;
  text-transform: uppercase;
  color: #999;
  letter-spacing: 1px;
  padding-right: 40px; }
  .cart_total strong {
    color: #000;
    font-size: 1.1em;
    letter-spacing: inherit; }
  .cart_total .checkout_button, .cart_total .button_gray {
    margin-top: 40px; }
    @media screen and (max-width: 768px) {
      .cart_total .checkout_button, .cart_total .button_gray {
        font-size: .9em;
        margin-top: 20px; } }
  .cart_total .button_gray {
    margin-right: 20px;
    opacity: .8; }

/* wip */
.order_notes h6 {
  text-transform: uppercase;
  color: #777;
  letter-spacing: 1px;
  margin-top: 15px; }

.order_notes textarea {
  height: 100px;
  width: 90%; }

.checkout_button {
  color: #000;
  text-shadow: none;
  padding: inherit 30px; }

/* ==========================================================================
	!!  Confirm Order
	========================================================================== */
.order_date {
  font-size: 1.1em;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  margin-top: 20px; }

.order_account_info {
  background: #ffcf46;
  padding-bottom: 25px;
  position: relative; }
  .order_account_info h4 {
    color: #fff;
    text-shadow: 1px 1px 0 #dfa500;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0px; }

.order_meta {
  color: #777;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: .75em;
  display: inline-block;
  padding-right: 10px; }

.purchase_order_number {
  margin-bottom: 15px;
  *zoom: 1; }
  .purchase_order_number:before, .purchase_order_number:after {
    content: " ";
    display: table; }
  .purchase_order_number:after {
    clear: both; }
  .purchase_order_number label {
    font-weight: bold;
    float: left;
    font-size: 1.1em;
    color: #000;
    margin-right: 15px;
    display: block;
    line-height: 40px; }
  .purchase_order_number input[type="text"] {
    float: left;
    font-size: 1.2em;
    width: 70%;
    border: 3px solid #fff; }

.order_item_list {
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  padding: 20px 40px 20px 20px; }

.order_item {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  margin-bottom: 10px; }
  .order_item:last-child {
    border-bottom: none;
    margin-bottom: 0; }
  .order_item h5, .order_item h6 {
    font-family: "Open Sans", sans-serif;
    margin: 0; }
  .order_item h5 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600; }
  .order_item h6 {
    font-weight: normal;
    color: #444;
    font-size: .95em;
    margin-bottom: 5px; }
  .order_item .order_meta {
    margin-right: 20px;
    margin-bottom: 5px; }
  .order_item .order_shipment .order_meta {
    line-height: 1.5em; }
  .order_item .order_shipment strong {
    font-size: 1.1em;
    color: #444;
    font-weight: bold; }
  .order_item .order_shipment table tbody td {
    padding: 0 0 7px 0; }
  .order_item .order_shipment table {
    margin-bottom: 0; }
  .order_item .total_price {
    line-height: 1.3em;
    font-size: 1.1em;
    font-weight: bold;
    display: block;
    margin-top: 4px; }

.order_summary {
  margin-top: 30px;
  font-size: 18px; }
  .order_summary hr {
    border: none;
    margin: 12px 0;
    background: transparent;
    border-bottom: 1px dotted #bbb; }

.summary_label {
  text-align: left;
  font-weight: bold;
  display: block;
  font-size: .95em;
  margin-bottom: 10px; }
  .summary_label span {
    background: url("/Content/body_noise.gif") repeat;
    position: relative;
    z-index: 10;
    display: inline-block;
    padding-right: 8px; }
  .summary_label:after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    border-bottom: 1px dotted #bbb;
    right: 0;
    bottom: 2px; }

.summary_price {
  font-weight: bold; }
  .summary_price span {
    display: block;
    margin-left: 10px; }

.place_order .checkout_button {
  font-size: 20px;
  margin-top: 20px;
  padding: 15px 70px; }

.place_order p {
  font-size: .8em;
  color: #666; }

.checkout_delivery {
  margin-top: 3px; }
  .checkout_delivery label {
    margin-bottom: 8px; }

.shipping_button {
  font-size: .7em;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: inline-block;
  padding: 6px 15px;
  letter-spacing: 1px;
  border-radius: 6px;
  box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.1);
  color: #000;
  background: #f9b800;
  bottom: 0px; }
  .shipping_button:hover {
    background: #fff;
    color: #000;
    box-shadow: none; }

.shipping_link {
  color: #000;
  font-size: .8em;
  border-bottom: 1px dotted #000; }
  .shipping_link:hover {
    color: #fff;
    border-color: #fff; }

.shipping_height {
  position: absolute;
  width: 100%;
  height: 100%; }

.address_field {
  width: 70%;
  resize: vertical;
  height: 5.5em; }

/* ==========================================================================
	!!  Thank You
	========================================================================== */
.intro {
  font-size: 1.3em; }

/* ==========================================================================
	!!   Login
	========================================================================== */
.login_box h3 i {
  font-size: 30px;
  color: #ffff3b;
  vertical-align: middle;
  display: inline-block;
  margin-top: 3px; }

.remove_cell {
  width: 25px;
  padding: 10px;
  vertical-align: middle;
  text-align: center; }
  .remove_cell a {
    color: #000;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out; }
    .remove_cell a:hover {
      color: red; }

@media all and (min-width: 768px) {
  .list_name {
    max-width: 50%; } }

.list_name label {
  margin-bottom: 0.5em; }

.list_name div {
  padding-bottom: 1em; }

.list_notes {
  text-transform: none; }
  .list_notes label {
    text-transform: uppercase; }
  .list_notes textarea, .list_notes div {
    min-height: 10em; }
  @media all and (min-width: 768px) {
    .list_notes {
      margin-top: -4em; } }

/* !  Protoyping  Styles: Specific site elements. Debugging and temporary files used only in development.  Delete when in production.
   ------------------------------------------------------------------------------------------------------*/
.debug {
  background: rgba(255, 0, 0, 0.2); }

.debug2 {
  border: 1px solid red; }

.show_class *:after {
  content: attr(class); }

table.icon-table {
  background: transparent;
  border: none;
  width: 100%; }
  table.icon-table i {
    font-size: 40px;
    padding: 10px 0 10px 0;
    color: #000;
    display: block; }
  table.icon-table td {
    font-size: 12px;
    color: #999;
    text-align: center;
    padding: 20px 10px 20px 10px;
    background: transparent;
    border: none; }
  table.icon-table tr {
    background: transparent;
    border: none;
    border-bottom: 2px solid #ddd; }