del, s { text-decoration: line-through; }

u, ins { text-decoration: underline; }

abbr[title], dfn[title] { cursor: help; border-bottom: 1px dotted; }

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


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

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

/* ========================================================================== 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 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 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; }

.input_tiny { width: 50px; }

.input_small { width: 100px; }

.input_medium { width: 150px; }

.input_large { width: 200px; }

.input_xlarge { width: 250px; }

.input_xxlarge { width: 300px; }

.input_full { width: 100%; }

.input_full_wrap { display: block; padding-right: 8px; }

input[type="search"]::-webkit-search-decoration { display: none; }

input:invalid, button:invalid, a.button:invalid, select:invalid, textarea:invalid { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
input:focus, button:focus, a.button:focus, select:focus, textarea:focus { -webkit-box-shadow: #0066ff 0 0 5px 0; -moz-box-shadow: #0066ff 0 0 5px 0; box-shadow: #0066ff 0 0 5px 0; z-index: 1; }

input[type="file"]:focus, input[type="file"]:active, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

button, a.button, input[type="reset"], input[type="submit"], input[type="button"] { -webkit-appearance: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; background: #dddddd url('/assets/images/../images/button.png') repeat-x; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); background-image: -webkit-linear-gradient(#ffffff, #dddddd); background-image: -moz-linear-gradient(#ffffff, #dddddd); background-image: -o-linear-gradient(#ffffff, #dddddd); background-image: linear-gradient(#ffffff, #dddddd); border: 1px solid; border-color: #dddddd #bbbbbb #999999; cursor: pointer; color: #333333; display: inline-block; font: bold 12px / 1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; outline: 0; overflow: visible; margin: 0; padding: 3px 10px; text-shadow: white 0 1px 1px; text-decoration: none; vertical-align: top; width: auto; *padding-top: 2px; *padding-bottom: 0; }
button:hover, a.button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #eeeeee), color-stop(100%, #cccccc)); background-image: -webkit-linear-gradient(#ffffff, #eeeeee 1px, #cccccc); background-image: -moz-linear-gradient(#ffffff, #eeeeee 1px, #cccccc); background-image: -o-linear-gradient(#ffffff, #eeeeee 1px, #cccccc); background-image: linear-gradient(#ffffff, #eeeeee 1px, #cccccc); text-decoration: none; }
button:active, a.button:active, input[type="reset"]:active, input[type="submit"]:active, input[type="button"]:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#dddddd, #eeeeee); background-image: -moz-linear-gradient(#dddddd, #eeeeee); background-image: -o-linear-gradient(#dddddd, #eeeeee); background-image: linear-gradient(#dddddd, #eeeeee); -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0; -moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0; box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0; border-color: #999999 #bbbbbb #dddddd; }
button::-moz-focus-inner, a.button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border: 0; padding: 0; }

a.button { *padding-bottom: 3px; }

button { *padding-top: 1px; *padding-bottom: 1px; }

textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-appearance: none; background-color: white; border: 1px solid; border-color: #848484 #c1c1c1 #e1e1e1; color: black; outline: 0; margin: 0; padding: 2px 3px; text-align: left; font-size: 13px; font-family: Arial, "Liberation Sans", FreeSans, sans-serif; height: 1.8em; vertical-align: top; *padding-top: 2px; *padding-bottom: 1px; *height: auto; }
textarea[disabled], select[disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="email"][disabled], input[type="month"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="text"][disabled], input[type="time"][disabled], input[type="url"][disabled], input[type="week"][disabled] { background-color: #eeeeee; }

button[disabled], input[disabled], select[disabled], select[disabled] option, select[disabled] optgroup, textarea[disabled], a.button_disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; color: #888888; cursor: default; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #888888; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #888888; }

input.placeholder_text, textarea.placeholder_text { color: #888888; }

textarea, select[size], select[multiple] { height: auto; }

select[size="0"], select[size="1"] { height: 1.8em; *height: auto; }

@media (-webkit-min-device-pixel-ratio: 0) { select[size], select[multiple], select[multiple][size] { background-image: none; padding-right: 3px; }
  select, select[size="0"], select[size="1"] { background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==); background-repeat: no-repeat; background-position: right center; padding-right: 20px; }
  ::-webkit-validation-bubble-message { -webkit-box-shadow: none; box-shadow: none; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black)); border: 0; color: white; font: 13px / 17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif; overflow: hidden; padding: 15px 15px 17px; text-shadow: black 0 0 1px; min-height: 16px; }
  ::-webkit-validation-bubble-arrow, ::-webkit-validation-bubble-top-outer-arrow, ::-webkit-validation-bubble-top-inner-arrow { -webkit-box-shadow: none; box-shadow: none; background: #666666; border-color: #666666; } }
textarea { min-height: 40px; overflow: auto; resize: vertical; width: 100%; }

optgroup { color: black; font-style: normal; font-weight: normal; font-family: Arial, "Liberation Sans", FreeSans, sans-serif; }
optgroup::-moz-focus-inner { border: 0; padding: 0; }

.ie6_button, * html button, * html a.button { background: #dddddd url('/assets/images/../images/button.png') repeat-x; border: 1px solid; border-color: #dddddd #bbbbbb #999999; cursor: pointer; color: #333333; font: bold 12px / 1.2 Arial, sans-serif; padding: 2px 10px 0; text-decoration: none; overflow: visible; vertical-align: top; width: auto; }

* html a.button { position: relative; top: 3px; padding-bottom: 2px; }

* html button { padding-top: 1px; padding-bottom: 1px; }

.ie6_input, * html textarea, * html select { background: white; border: 1px solid; border-color: #848484 #c1c1c1 #e1e1e1; color: black; padding: 2px 3px 1px; font-size: 13px; font-family: Arial, sans-serif; vertical-align: top; }

* html select { margin-top: 1px; }

.placeholder_text, .ie6_input_disabled, .ie6_button_disabled { color: #888888; }

.ie6_input_disabled { background: #eeeeee; }


/****************************************************
* Trim
****************************************************/
#trim { background-color: #333333; color: #888888; font-size: 11px; line-height: 160%; padding: 15px 0; overflow: hidden; }
#trim p.copyright { margin-bottom: 10px; text-align: center; }
#trim a { color: #d6d6d6; }
#trim a:hover { color: white; }
#trim nav.trim ul { margin: 0; text-align: center; }
#trim nav.trim ul li { display: inline-block; margin: 0 10px; }
@media only screen and (min-width: 768px) { #trim p.copyright { float: right; margin-bottom: 0; }
  #trim nav.trim { float: left; }
  #trim nav.trim ul { text-align: left; }
  #trim nav.trim ul li { display: block; float: left; margin: 0 20px 0 0; } }


/****************************************************
* Layout
****************************************************/
#site { width: 100%; }
#site.narrow { max-width: 1020px; margin: 0 auto; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
#site.wide { max-width: none !important; }

/****************************************************
* Global Classes
****************************************************/
.left { float: left; }

.right { float: right; }

.textleft { text-align: left; }

.textright { text-align: right; }

.textcenter { text-align: center; }

.hidden { display: none; visibility: hidden; }

.unstyled { list-style: none; padding: 0; }

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

/****************************************************
* Narrow
****************************************************/
.narrow { width: 100%; margin: 0 auto; }
@media only screen and (min-width: 768px) { .narrow { max-width: 75%; } }
@media only screen and (min-width: 1024px) { .narrow { max-width: 60%; } }


/****************************************************
* Comments
****************************************************/
#comments .commentlist { list-style: none; }
#comments .commentlist .comment { margin-bottom: 30px; }
#comments .commentlist .comment header { background: #f2f2f2; overflow: hidden; margin-bottom: 1px; padding: 12px; position: relative; padding-right: 119px; }
#comments .commentlist .comment header img.avatar { display: block; text-align: center; width: 60px; line-height: 60px; display: none; position: absolute; top: 0; left: 0; }
#comments .commentlist .comment header h4 { margin-bottom: 0; line-height: 20px; }
#comments .commentlist .comment header .datetime { font-size: 11px; margin: 0; line-height: 16px; }
#comments .commentlist .comment header .actions { list-style: none; position: absolute; right: 12px; top: 12px; }
#comments .commentlist .comment header .actions li { float: right; margin-left: 5px; }
#comments .commentlist .comment header .actions li .square { display: block; text-align: center; width: 28px; line-height: 28px; }
#comments .commentlist .comment .typography { background: #f2f2f2; padding: 20px; }
#comments .commentlist .comment .typography *:last-child { margin-bottom: 0; }
#comments .commentlist .comment.bypostauthor { margin-bottom: 30px; }
#comments .commentlist .comment.max-depth header { padding-right: 104px; }
#comments .commentlist .children { list-style: none; }
@media only screen and (min-width: 480px) { #comments .commentlist .children { padding-left: 30px; }
  #comments .commentlist .comment header { padding-left: 72px; padding-right: 150px; }
  #comments .commentlist .comment header img.avatar { display: block; }
  #comments .commentlist .comment header .actions li { margin-left: 10px; }
  #comments .commentlist .comment header .actions li .square { display: block; text-align: center; width: 36px; line-height: 36px; } }

/****************************************************
* Box
****************************************************/
.single .box { padding: 20px; margin: 20px 0; background-color: #E6E6E6; }
.single .box.inset { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); }
.single .box.outset { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }



/****************************************************
* Gap
****************************************************/
.gap { display: block; width: 100%; margin: 0; }

/****************************************************
* Lead
****************************************************/
.lead { font-size: 160%; line-height: 160%; }

/****************************************************
* Bands
****************************************************/
.band { *zoom: 1; clear: both; background-position: top center; background-repeat: no-repeat; }
.band:before, .band:after { display: table; content: ""; line-height: 0; }
.band:after { clear: both; }
.band.padded { padding-top: 30px; padding-bottom: 10px; }
.band.padded.thin { padding-top: 30px; padding-bottom: 30px; }
.band.default { background-color: #FFF; }
.band.alternative { background-color: #f2f2f2; }
.band.inset { -webkit-box-shadow: inset 0 4px 3px -3px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 4px 3px -3px rgba(0, 0, 0, 0.2); box-shadow: inset 0 4px 3px -3px rgba(0, 0, 0, 0.2); }
.band > .inner { width: 100%; max-width: 1020px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
@media only screen and (min-width: 768px) { .band.padded { padding-top: 45px; padding-bottom: 25px; }
  .band > .inner { padding-left: 30px; padding-right: 30px; } }

/****************************************************
* Clear
****************************************************/
.clear { clear: both; visibility: hidden; width: 0; height: 0; }

/****************************************************
* Buttons
****************************************************/
button, a.button, div.button, input[type="reset"], input[type="submit"], input[type="button"] { -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); background-image: none; border-radius: 0px; text-shadow: none;  border: none; color: white !important; font-size: 13px; line-height: 20px; text-align: center; font-weight: 700; text-transform:uppercase;  padding: 10px 15px; background-color: #009FD9; color: #FFF;    cursor: pointer; }
button:hover, a.button:hover, div.button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover { -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); background-image: none; background-color: #002776; }
button:active, a.button:active, div.button:active, input[type="reset"]:active, input[type="submit"]:active, input[type="button"]:active { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3); background-image: none; background-color: #002776; }
button.red, a.button.red, div.button.red, input[type="reset"].red, input[type="submit"].red, input[type="button"].red { background-color: #d30000 !important; color: white !important; }
button.red:hover, a.button.red:hover, div.button.red:hover, input[type="reset"].red:hover, input[type="submit"].red:hover, input[type="button"].red:hover { background-color: #a00000 !important; }
button.orange, a.button.orange, div.button.orange, input[type="reset"].orange, input[type="submit"].orange, input[type="button"].orange { background-color: #d38b00 !important; color: white !important; }
button.orange:hover, a.button.orange:hover, div.button.orange:hover, input[type="reset"].orange:hover, input[type="submit"].orange:hover, input[type="button"].orange:hover { background-color: #a06900 !important; }
button.yellow, a.button.yellow, div.button.yellow, input[type="reset"].yellow, input[type="submit"].yellow, input[type="button"].yellow { background-color: #d1d300 !important; color: white !important; }
button.yellow:hover, a.button.yellow:hover, div.button.yellow:hover, input[type="reset"].yellow:hover, input[type="submit"].yellow:hover, input[type="button"].yellow:hover { background-color: #9ea000 !important; }
button.green, a.button.green, div.button.green, input[type="reset"].green, input[type="submit"].green, input[type="button"].green { background-color: #63d300 !important; color: white !important; }
button.green:hover, a.button.green:hover, div.button.green:hover, input[type="reset"].green:hover, input[type="submit"].green:hover, input[type="button"].green:hover { background-color: #4ba000 !important; }
button.blue, a.button.blue, div.button.blue, input[type="reset"].blue, input[type="submit"].blue, input[type="button"].blue { background-color: #0095d3 !important; color: white !important; }
button.blue:hover, a.button.blue:hover, div.button.blue:hover, input[type="reset"].blue:hover, input[type="submit"].blue:hover, input[type="button"].blue:hover { background-color: #0071a0 !important; }
button.purple, a.button.purple, div.button.purple, input[type="reset"].purple, input[type="submit"].purple, input[type="button"].purple { background-color: #9a00d3 !important; color: white !important; }
button.purple:hover, a.button.purple:hover, div.button.purple:hover, input[type="reset"].purple:hover, input[type="submit"].purple:hover, input[type="button"].purple:hover { background-color: #7500a0 !important; }
button.pink, a.button.pink, div.button.pink, input[type="reset"].pink, input[type="submit"].pink, input[type="button"].pink { background-color: #d3009a !important; color: white !important; }
button.pink:hover, a.button.pink:hover, div.button.pink:hover, input[type="reset"].pink:hover, input[type="submit"].pink:hover, input[type="button"].pink:hover { background-color: #a00075 !important; }
button.gray, a.button.gray, div.button.gray, input[type="reset"].gray, input[type="submit"].gray, input[type="button"].gray { background-color: #bbbbbb !important; color: white !important; }
button.gray:hover, a.button.gray:hover, div.button.gray:hover, input[type="reset"].gray:hover, input[type="submit"].gray:hover, input[type="button"].gray:hover { background-color: #a2a2a2 !important; }
button.black, a.button.black, div.button.black, input[type="reset"].black, input[type="submit"].black, input[type="button"].black { background-color: #444444 !important; color: white !important; }
button.black:hover, a.button.black:hover, div.button.black:hover, input[type="reset"].black:hover, input[type="submit"].black:hover, input[type="button"].black:hover { background-color: #2b2b2b !important; }
button.xsmall, a.button.xsmall, div.button.xsmall, input[type="reset"].xsmall, input[type="submit"].xsmall, input[type="button"].xsmall { font-size: 15px; padding: 4px 11px;    float: right;
    clear: both;
    margin-top: 10px; }
button.small, a.button.small, div.button.small, input[type="reset"].small, input[type="submit"].small, input[type="button"].small { font-size: 13px; padding: 6px 13px; }
button.large, a.button.large, div.button.large, input[type="reset"].large, input[type="submit"].large, input[type="button"].large { font-size: 15px; padding: 10px 19px; }
button.square, a.button.square, div.button.square, input[type="reset"].square, input[type="submit"].square, input[type="button"].square { display: block; text-align: center; width: 36px; line-height: 36px; padding: 0; }

/****************************************************
* Notices
****************************************************/
.notice { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-bottom: 20px; padding: 10px 13px; }
.notice p { margin-bottom: 0; }
.notice a { border-bottom: 1px dotted; }
.notice a:hover { border-style: solid; }
.notice.default { background: #f2f2f2; color: gray; }
.notice.default a { color: gray !important; }
.notice.error { background: #f5dbda; color: #ca3f39; }
.notice.error a { color: #ca3f39 !important; }
.notice.success { background: #d9f098; color: #759716; }
.notice.success a { color: #759716 !important; }
.notice.warning { background: #fdefbe; color: #cfa306; }
.notice.warning a { color: #cfa306 !important; }

/****************************************************
* Blockquotes
****************************************************/
blockquote { quotes: "“" "”"; font-size: 1.154em; text-align: center; line-height: 160%; }
blockquote p:before { content: "“"; content: open-quote; }
blockquote p:after { content: ""; content: no-close-quote; }
blockquote p:last-of-type:after { content: "”"; content: close-quote; }

figure.testimonial blockquote { font-size: 13px; text-align: left; }
figure.testimonial figcaption { line-height: 20px; position: relative; }
figure.testimonial figcaption.has-image { padding: 10px; padding-left: 75px; min-height: 60px; }
figure.testimonial figcaption .avatar { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; max-height: 60px; max-width: 60px; position: absolute; top: 0; left: 0; }
figure.testimonial figcaption p { margin-bottom: 0; }
figure.testimonial figcaption p.author { color: #404040; font-size: 15px; }
figure.testimonial figcaption p.role { font-size: 11px; }
figure.blockquote blockquote { font-size: 1.154em; text-align: center; line-height: 160%; }
figure.blockquote figcaption p.author { text-align: center; font-style: italic; }
figure.blockquote figcaption p.author:before { content: '\2014  '; }

/****************************************************
* Tabs
****************************************************/
.tab-group { margin-bottom: 30px; }
.tab-group .tabs { position: relative; z-index: 20; }
.tab-group .tabs ul { list-style: none; padding: 0; }
.tab-group .tabs ul li { -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; float: left; margin-right: 1px; background: #f2f2f2; }
.tab-group .tabs ul li a { display: block; font-size: 11px; line-height: 1em; padding: 15px; }
.tab-group .tabs ul li.ui-tabs-active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.tab-group .tabs ul li:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.tab-group .panels { position: relative; z-index: 10; clear: both; padding: 20px; background: #f2f2f2; }
.tab-group .panels .panel { display: none; }
.tab-group .panels .panel.active { display: block; }
.tab-group .panels *:last-child { margin-bottom: 0; }


/****************************************************
* Icon List
****************************************************/
ul.iconlist { text-indent: 0; padding-left: 0 !important; position: relative; list-style: none; }
ul.iconlist li { padding-left: 25px; }
ul.iconlist li i { position: absolute; display: inline; line-height: 1.539em; width: 25px; left: 0; }

/****************************************************
* Pullquote
****************************************************/
.pullquote { max-width: 50%; font-size: 120%; line-height: 150%; color: #29bdca; }
.pullquote:before { content: "“"; content: open-quote; }
.pullquote:after { content: "”"; content: close-quote; }
.pullquote.left { margin: 0 20px 20px 0; }
.pullquote.right { margin: 0 0 20px 20px; }
@media only screen and (min-width: 768px) { .pullquote { font-size: 140%; max-width: 30%; }
  .pullquote.left { margin: 0 30px 20px 0; }
  .pullquote.right { margin: 0 0 20px 30px; } }

/****************************************************
* Teaser
****************************************************/
.teaser { max-width: 400px; margin: 0 auto 30px auto; overflow: hidden; }
.teaser .image { background: black; }
.teaser .image img { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; transition: opacity 0.25s; width: 100%; display: block; }
.teaser .image a img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.teaser h3 { margin-bottom: 10px; }
.teaser.boxed { background-color: white; }
.teaser.boxed .content { padding: 20px; padding-bottom: 0; }
.teaser.unboxed .image { margin-bottom: 20px; }
.teaser.unboxed .content *:last-child { margin-bottom: 0; }
@media only screen and (min-width: 768px) { .teaser { margin-left: 0; margin-right: 0; max-width: none; } }

/****************************************************
* Callout
****************************************************/
.callout { margin-bottom: 30px; overflow: hidden; text-align: center; }
.callout .content { margin-bottom: 20px; }
.callout .content h2 { line-height: 30px; margin-bottom: 0; border:none; padding:0; }
.callout .content p { line-height: 20px; margin-bottom: 0; }
.callout .content.has-icon .callout-icon { display: block; text-align: center; width: 50px; line-height: 50px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; margin: 0 auto 20px auto; font-size: 20px; color: #FFF !important; background-color: #29bdca; }
.callout.boxed { background-color: #E9E9E9; padding: 20px; margin-top:20px; }
@media only screen and (min-width: 768px) { .callout { text-align: left; }

  .callout .content { margin-bottom: 0; float: left; max-width: 70%; }
  .callout .content.has-icon { padding-left: 70px; position: relative; }
  .callout .content.has-icon .callout-icon { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; font-size: 25px; position: absolute; left: 0; top: 0; }
  .callout .action { text-align: right; float: right; margin-left: 20px; max-width: 30%; }
  .callout .action .button { margin: 5px 0; width: auto; } }
  
button.xsmall, a.button.xsmall, div.button.xsmall, input[type="reset"].xsmall, input[type="submit"].xsmall, input[type="button"].xsmall{font-size: 1.125em; padding: 10px 15px; background-color: #009FD9; margin-left: 20px; color: #FFF;    cursor: pointer;   text-transform: uppercase; border-radius:0;}
button.xsmall:hover, a.button.xsmall:hover, div.button.xsmall:hover, input[type="reset"].xsmall:hover, input[type="submit"].xsmall:hover, input[type="button"].xsmall:hover{ background-color: #002776; }
.callout .content h2 { border:none; padding:0; }