/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }

    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
	text-align: left;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	min-width: 120px;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 11px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

@charset "UTF-8";
/******************************************************************
Site Name: Tax Break
Author: Redline Digital

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/*  HTML5 ✰ Boilerplate  */
/* RESET */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

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

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

body {
  font: 13px/1.231 sans-serif;
  *font-size: small;
}

select, input, textarea, button {
  font: 99% sans-serif;
}

pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

html {
  overflow-y: scroll;
}

a:hover, a:active {
  outline: none;
}

ul, ol {
  margin-left: 2em;
}

ol {
  list-style-type: decimal;
}

nav ul, nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}

small {
  font-size: 85%;
}

strong, th {
  font-weight: bold;
}

td {
  vertical-align: top;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px;
}

textarea {
  overflow: auto;
}

.ie6 legend, .ie7 legend {
  margin-left: -7px;
}

input[type=radio] {
  vertical-align: text-bottom;
}

input[type=checkbox] {
  vertical-align: bottom;
}

.ie7 input[type=checkbox] {
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

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

button, input, select, textarea {
  margin: 0;
}

input:invalid, textarea:invalid {
  border-radius: 1px;
  box-shadow: 0px 0px 5px red;
}

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}

::-moz-selection {
  background: #FF5E99;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #FF5E99;
  color: #fff;
  text-shadow: none;
}

a:link {
  -webkit-tap-highlight-color: #FF5E99;
}

button {
  width: auto;
  overflow: visible;
}

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

body, select, input, textarea {
  color: #444;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

a, a:active, a:visited {
  color: #607890;
}

a:hover {
  color: #036;
}

/******************************************************************
Stylesheet: Mixins Stylesheet
******************************************************************/
/*********************
CLEARFIX
http://blog.teamtreehouse.com/a-better-clearfix-with-sass
*********************/
/******************************************************************
Stylesheet: Variables
******************************************************************/
/*********************
COLORS
*********************/
/******************************************************************
Stylesheet: Susy Config
******************************************************************/
/* Makes border-box properties */
/*@include border-box-sizing;*/
/*********************
IMPORTING MODULES
*********************/
/******************************************************************
Stylesheet: Buttons
******************************************************************/
#page div.buttons {
  padding: 0 0 30px;
}
#page div.buttons:after {
  content: "";
  display: table;
  clear: both;
}
#page div.buttons a,
#page div.buttons a:visited {
  background: #7A828E;
  display: block;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
  letter-spacing: -0.01em;
  font-size: 15px;
  text-shadow: 0px 1px 1px #1f2124;
  filter: dropshadow(color=#1f2124, offx=0, offy=1);
  margin-bottom: 10px;
  position: relative;
  padding: 15px 0;
}
#page div.buttons a:focus, #page div.buttons a:hover,
#page div.buttons a:visited:focus,
#page div.buttons a:visited:hover {
  background-color: #888f9a;
}
#page div.buttons a i,
#page div.buttons a:visited i {
  background: url(/images/arrow-white-right.svg?10286bf3acd25a010d20c0b58804523d) 50% 50% no-repeat;
  background-size: 10px 15px;
  position: absolute;
  width: 10px;
  height: 15px;
  left: 90%;
  top: 50%;
  margin-top: -7px;
}
#page div.buttons a.button-blue {
  background-color: #19A3CA;
  font-size: 24px;
}
#page div.buttons a.button-blue:focus, #page div.buttons a.button-blue:hover {
  background-color: #1cb5e1;
}
#page div.button {
  margin: 40px 0;
}
#page div.button a.button-blue {
  background: #19A3CA;
  display: block;
  width: 100%;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
  letter-spacing: -0.01em;
  font-size: 24px;
  text-shadow: 0px 1px 1px #1f2124;
  filter: dropshadow(color=#1f2124, offx=0, offy=1);
  margin-bottom: 10px;
  padding: 15px 0;
  position: relative;
}
#page div.button a.button-blue:focus, #page div.button a.button-blue:hover {
  background-color: #1cb5e1;
}
#page div.button a.button-blue i {
  background: url(/images/arrow-white-right.svg?10286bf3acd25a010d20c0b58804523d) 50% 50% no-repeat;
  background-size: 10px 15px;
  position: absolute;
  width: 10px;
  height: 15px;
  left: 90%;
  top: 50%;
  margin-top: -7px;
}

/******************************************************************
Stylesheet: Quotes
******************************************************************/
#quote {
  padding-bottom: 120px;
}
#quote #name_insured_superfund, #quote #super-include {
  display: none;
}
#quote label {
  margin-top: 4px;
  display: block;
}
#quote div.rowElem {
  clear: both;
  padding: 4px 0px;
}
#quote div.rowsubElem {
  clear: both;
  padding: 0px 0px;
}
#quote img.tooltip {
  float: left !important;
  margin: 0 !important;
  padding-right: 10px;
}
#quote .bpay {
  margin-left: auto;
  margin-right: auto;
  width: 250px;
  display: block;
}
#quote .bpay img {
  float: left !important;
  display: inline-block;
  position: relative;
}
#quote .bpay span {
  margin-top: 5px !important;
  clear: none !important;
  float: right;
  display: inline-block;
  text-align: left;
  position: relative;
}
#quote span.additional-entries {
  float: left;
  margin: 5px 0 0;
}

#quotes .quote-note, #page .quote-note {
  color: #aaaaaa;
}
#quotes .referrer-details, #page .referrer-details {
  background: none repeat scroll 0 0 #E3F1F8;
  border: 1px solid #C2E6F8;
  clear: both;
  float: right;
  padding: 10px;
  width: 243px;
  margin: 0 0 20px;
}
#quotes .referrer-details h4, #page .referrer-details h4 {
  color: #333333;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  margin: 0;
  padding: 0;
}
#quotes .referrer-details .refferrer-row, #page .referrer-details .refferrer-row {
  margin: 5px 0 0;
}
#quotes .referrer-details .refferrer-row .title, #page .referrer-details .refferrer-row .title {
  float: left;
  font-weight: bold;
  width: 105px;
}
#quotes .referrer-details .refferrer-row .data, #page .referrer-details .refferrer-row .data {
  float: right;
  text-align: left;
  width: 135px;
}
#quotes .referrer-details .total, #page .referrer-details .total {
  border-top: 1px solid #A4DBEC;
  padding-top: 15px !important;
}

#quotes .formElem img {
  display: inline;
  width: auto;
}
#quotes .rowElem label {
  font-size: 14px;
  color: #333333;
  float: left;
  display: block;
  width: 250px;
  margin: 5px 10px 5px 0;
}
#quotes .rowElem div.rowElem {
  clear: none;
  padding: 0;
}
#quotes .rowElem .detail {
  float: left;
  border: none;
  width: 320px;
  padding: 5px 0;
  font-size: 14px;
}
#quotes .rowElem .detailPrice {
  float: left;
  border: none;
  width: 80px;
  padding: 5px 0;
  font-size: 14px;
}
#quotes .rowElem .detailPriceSign {
  float: left;
  border: none;
  width: 20px;
  padding: 5px 0;
  font-size: 14px;
}
#quotes .rowElem .detail ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#quotes .rowElem .detail ul li {
  border-top: 1px solid #A4DBEC;
  padding: 5px 0;
}
#quotes .rowElem .detail ul li:first-child {
  border-top: none;
}
#quotes .rowElem--large label {
  width: 320px !important;
}
#quotes .rowElem--large .detail {
  width: 250px !important;
}

.stripe-group {
  background: white;
  box-shadow: 0 7px 14px 0 rgba(49, 49, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  margin-bottom: 20px;
}
.stripe-group .stripe-brand {
  background-image: url("/images/Powered by Stripe - blurple.png?99fd4c23a50371da4fb5b1a7be7a23b0");
  background-size: auto;
  width: 100px;
  height: 23px;
  margin-right: 10px;
}
.stripe-group > label {
  margin-bottom: 10px;
}
.stripe-group label {
  position: relative;
  color: #8898AA;
  font-weight: 300;
  height: 40px;
  line-height: 40px;
  margin-left: 20px;
  display: flex;
  flex-direction: row;
}
.stripe-group .group label:not(:last-child) {
  border-bottom: 1px solid #F0F5FA;
}
.stripe-group label > span {
  width: 120px;
  text-align: right;
  margin-right: 30px;
}
.stripe-group label > span.brand {
  width: 30px;
}
.stripe-group .field {
  background: transparent;
  font-weight: 300;
  border: 0;
  color: #31325F;
  outline: none;
  flex: 1;
  padding-right: 10px;
  padding-left: 10px;
  cursor: text;
}
.stripe-group .field::-webkit-input-placeholder {
  color: #CFD7E0;
}
.stripe-group .field::-moz-placeholder {
  color: #CFD7E0;
}

/* Basic Stripe Elements styling */
.StripeElement {
  box-sizing: border-box;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.dns-verification th, .dns-verification td {
  padding: 7px;
}
.dns-verification th {
  text-align: left;
}
.dns-verification td {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
.dns-verification td.large {
  word-break: break-all;
  max-width: 500px;
}
.dns-verification tr.valid > td {
  background-color: #84b281;
}
.dns-verification tr.invalid > td {
  background-color: #bd7a7a;
}

.blockUI.blockOverlay, .blockUI.blockMsg {
  z-index: 990 !important;
}
.blockUI.blockMsg {
  border: 0 !important;
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  padding: 10px 10px 10px 10px !important;
}
.blockUI.blockMsg p:last-child {
  margin: 0;
}

/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/******************************************************************
Stylesheet: Base
******************************************************************/
* {
  box-sizing: border-box;
}

body {
  background: url(/images/body-background.png?0cf08d2a9b3d6edfa1f1d4dd817579dd) repeat-x #000000;
  font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
}

.formElem hr {
  height: 1px;
  background: #a4dbec;
  display: block;
  margin: 30px 0;
  border: none;
}

#wrapper {
  margin: 0 auto;
  width: 94%;
}

/*
 * HEADER
 */
.page-quote #header {
  margin-top: 15px;
  padding-bottom: 10px;
}

#header {
  background: #fff;
  margin: 45px auto 0;
  padding: 20px 10px 0;
  position: relative;
  width: 100%;
  z-index: 8000;
}
#header h1.logo {
  background: url(/images/logo.png?3a8224d01c39f683f3b25c09998c97ee) no-repeat;
  width: 296px;
  height: 125px;
  outline: 0;
  text-indent: -9999px;
  margin: 0;
  z-index: 9999;
}
#header ul#menu {
  position: absolute;
  top: -35px;
  right: 0;
}
#header ul#menu li {
  float: left;
  margin: 0 0 0 10px;
  padding: 0;
  list-style-type: none;
}
#header ul#menu li:first-child {
  margin-left: 0;
}
#header ul#menu li a,
#header ul#menu li a:visited,
#header ul#menu li a:active,
#header ul#menu li a:hover {
  font-size: 14px;
  padding: 5px 10px;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: -0.01em;
  display: block;
}

#quote .rowElem .input-description {
  color: #666;
  font-size: 12px;
}
#quote .rowElem .input-description p {
  color: #666;
  font-size: 12px;
  line-height: 1.3;
}
#quote .rowElem .input-description span {
  color: #5d9cec;
  cursor: pointer;
  display: inline;
  text-align: left;
  float: none;
  margin: 0;
}

/*
 * SPLASH
 */
#splash {
  background: url(/images/splash-background.jpg?797963e4909d184f9741eaf2f9626eff) no-repeat left top #ffffff;
  margin: 0 auto;
  width: 100%;
  padding: 25px 30px 25px 30px;
  border-bottom: 3px solid #0095ca;
}
#splash h2 {
  background: url(/images/splash-caption.png?4a8d9f735224623047389cf9afd8b29a) no-repeat scroll right bottom transparent;
  color: #ffffff;
  float: right;
  font-size: 26px;
  letter-spacing: -0.03em;
  margin: 0 -50px 10px;
  padding: 20px 35px 30px;
}

/*
 * PAGE CONTENT
 */
#page {
  margin: 0 auto;
  padding: 20px 15px 25px;
  border-bottom: 1px solid #c2e6f8;
  background: #ffffff;
  position: relative;
  /* Quote Steps */
  /* 2 quote steps */
}
#page.page-fixed {
  width: 100%;
}
#page h1 {
  font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
  font-size: 22px;
  color: #00a2cc;
  letter-spacing: -0.03em;
  margin: 0 0 20px;
  font-weight: 300;
  clear: both;
  font-weight: bold;
  line-height: 1.2;
}
#page h2 {
  font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
  font-size: 26px;
  color: #00a2cc;
  letter-spacing: -0.03em;
  margin: 0 0 20px;
  font-weight: 300;
  line-height: 1.2;
}
#page p {
  font-size: 13px;
  color: #333333;
  line-height: 19px;
  margin: 0 0 20px 0;
}
#page img {
  width: 100%;
  display: block;
  margin: 10px 0 20px;
}
#page ul {
  margin: 0 0 20px 35px;
}
#page li {
  margin: 0 0 10px;
}
#page .row {
  clear: both;
}
#page .row p strong {
  color: #00a2cc;
}
#page .referrer-image {
  /* Removed 2020-09-10 - Task #17698
  background: none repeat scroll 0 0 #E3F1F8;
  border: 1px solid #C2E6F8;*/
  display: block;
  padding: 5px;
  position: relative;
  margin: 0 auto;
  max-width: 102px;
}
#page .referrer-image img {
  /* Removed 2020-09-10 - Task #17698
  border: 1px solid #C2E6F8;
  */
  float: none;
  margin: 0;
  padding: 0;
  z-index: 9999;
  height: auto;
}
#page h3.fsg-info {
  background: none;
  color: #333333;
  height: auto;
  margin: 1.25em 0;
  padding: 0;
  width: auto;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
}
#page .contact-us {
  clear: both;
}
#page .contact-us p {
  font-weight: bold;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: #333333;
  padding: 4px 0 0;
  margin: 0;
}
#page .contact-us p.phone {
  background: url(/images/icon-phone.png?1366ede7a652efb3d2e26c0f6c873780) 0 0 no-repeat;
  font-weight: bold;
  font-size: 30px;
  letter-spacing: -0.01em;
  padding: 3px 0 5px 20px;
  margin: 10px 0 0;
}
#page #stepElem {
  background: url(/images/tax-break-sprite.png?52cd71b4d80a55e9cd292fffcbd9156b) no-repeat;
  display: none;
  visibility: hidden;
}
#page #stepElem.step1 {
  background-position: -3px 0;
}
#page #stepElem.step2 {
  background-position: -3px -50px;
}
#page #stepElem.step3 {
  background-position: -3px -100px;
}
#page #stepElem.step1 #details, #page #stepElem.step2 #verify, #page #stepElem.step3 #payment {
  color: #fff;
}
#page #stepElem.step1 #details span, #page #stepElem.step2 #verify span, #page #stepElem.step3 #payment span {
  color: #000;
}
#page #stepElem #details span,
#page #stepElem #verify span,
#page #stepElem #payment span {
  margin: 0 15px 0 0;
  color: #ffffff;
}
#page #twostepElem {
  background: url(/images/tax-break-sprite.png?52cd71b4d80a55e9cd292fffcbd9156b) no-repeat;
  display: none;
  visibility: hidden;
}
#page #twostepElem.step1 {
  background-position: -3px -150px;
}
#page #twostepElem.step2 {
  background-position: -3px -200px;
}
#page #twostepElem.step1 #details, #page #twostepElem.step2 #payment {
  color: #fff;
}
#page #twostepElem.step1 #details span, #page #twostepElem.step2 #payment span {
  color: #000;
}
#page #twostepElem #details span,
#page #twostepElem #payment span {
  margin: 0 15px 0 0;
  color: #ffffff;
}
#page .fund table {
  margin-left: 17px;
}
#page .fund table td {
  border: 1px solid #cccccc;
  padding: 3px 7px 3px 7px;
}
#page .fund .description {
  float: right;
  width: 48%;
  text-align: justify;
}

.webpage #page {
  border-bottom: 1px solid #c2e6f8;
}

/*
 * BIG FOOTER
 */
#big-footer {
  background: none repeat scroll 0 0 #e3f1f8;
  margin: 0 auto;
  padding: 20px 30px;
  width: 100%;
  border-bottom: 3px solid #0095ca;
}
#big-footer p {
  margin: 0 0 10px 0;
}
#big-footer .columnOne {
  margin: 0 0 20px;
}
#big-footer .columnOne img.small-logo {
  margin: 0 0 10px;
  display: block;
  width: 100%;
  max-width: 270px;
  height: auto;
}
#big-footer .columnTwo,
#big-footer .columnThree {
  margin: 0 0 20px;
  font-size: 11px;
}
#big-footer .disclosure {
  font-size: 11px;
}

/*
 * FOOTER
 */
#footer {
  color: #ffffff;
  font-size: 11px;
  margin: 0 auto;
  padding: 30px 0;
  width: 100%;
  text-align: center;
}
#footer a {
  color: #5fc9e4;
  text-decoration: none;
}
#footer a:hover {
  color: #5fc9e4;
  text-decoration: underline;
}
#footer ul.links {
  margin: 0 0 3em;
  padding: 0;
}
#footer ul.links li {
  list-style-type: none;
  margin: 0 0 1em;
  font-size: 14px;
}
#footer p.fsg {
  text-align: center;
  margin: 0 0 1em;
  padding: 0;
}
#footer p.copyright {
  text-align: center;
  margin: 0;
  padding: 0;
}

#stepElem,
#twostepElem {
  background: none;
  float: left;
  height: 42px;
  margin: 0;
  width: 100%;
}
#stepElem #details,
#twostepElem #details {
  float: left;
  padding: 13px 0px 0 27px;
  width: 214px;
  color: #999999;
}
#stepElem #verify,
#stepElem #payment,
#twostepElem #verify,
#twostepElem #payment {
  float: left;
  padding: 13px 18px 0 28px;
  width: 213px;
  color: #999999;
}
#stepElem div,
#twostepElem div {
  display: none;
}

/* Form Fields */
.formElem {
  background: #e3f1f8;
  border-top: 1px solid #c2e6f8;
  border-bottom: 1px solid #c2e6f8;
  padding: 20px 15px;
  margin: 0 0 30px;
  clear: both;
}
.formElem:after {
  content: "";
  display: table;
  clear: both;
}
.formElem span {
  margin: 0 0 15px;
  clear: both;
  float: right;
  text-align: right;
  display: block;
}
.formElem span #btnAdd input,
.formElem span #btnDel input {
  margin: 0 5px 0 0;
  float: left;
  display: block;
}
.formElem span span {
  float: left;
  display: block;
  clear: none;
  margin: 4px 20px 5px 0;
}

#page .formElem img {
  width: auto;
  display: inline;
}

#page .rowElem {
  margin: 0 0 15px;
  float: left;
  width: 100%;
}
#page .rowElem p {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 10px;
}
#page .rowElem span.label-text {
  display: inline;
  float: none;
  margin: 0;
  text-align: inherit;
}
#page .rowElem label {
  color: #333;
  display: block;
  float: left;
  font-size: 14px;
  margin: 8px 10px 8px 0;
}
#page .rowElem input {
  float: left;
  border: none;
  width: 100%;
  padding: 8px 10px;
}
#page .rowElem select {
  float: left;
  border: none;
  width: 100%;
  padding: 8px 10px;
}
#page .rowElem .multi select {
  margin: 0 10px 10px 0;
  width: 115px;
}
#page .rowElem .multi .cvn label {
  width: 35px;
}
#page .rowElem .multi .cvn input {
  width: 75px;
}
#page .rowElem input:focus {
  box-shadow: 0px 0px 1px 1px #a4dbec;
}
#page .rowElem .radio {
  margin: 8px 0;
}
#page .rowElem .radio label {
  display: inline;
  float: none;
  margin: 0;
  width: auto;
}
#page .rowElem .radio input {
  float: none;
  height: 1.1em;
  margin-right: 2px;
  width: auto;
}
#page .quote-funnel-container .rowElem label {
  width: 100%;
}

.rowElem .multi {
  border: none;
  padding: 0;
}

#quote .verElem {
  clear: both;
  padding: 4px 0;
}

#quote .verElem label {
  float: left;
  margin-right: 8px;
  margin-top: 4px;
  width: 90%;
  display: block;
  font-size: 13px;
}

#quote .verElem .checkbox {
  margin: 12px 0 0 5px;
}

#quote .rowsubElem {
  margin: 10px 0 0;
}

#page h3 {
  background: url(/images/tab-image-mobile.png?702b9d0304174bf85037ae3cea00645d) repeat-x scroll 0 0 transparent;
  color: #ffffff;
  font-size: 17px;
  font-weight: bold;
  height: 42px;
  margin: 0 0 20px;
  padding: 9px 0 0 20px;
  width: 100%;
  clear: both;
  height: 40px;
}

form #btnAdd input {
  background: url(/images/tax-break-sprite.png?52cd71b4d80a55e9cd292fffcbd9156b) no-repeat -702px -136px;
  border: none;
  height: 24px;
  width: 24px;
  outline: none;
}
form #btnAdd input:hover {
  background: url(/images/tax-break-sprite.png?52cd71b4d80a55e9cd292fffcbd9156b) no-repeat -702px -166px;
}
form #btnDel input,
form .btnDelSelected input {
  background: url(/images/tax-break-sprite.png?52cd71b4d80a55e9cd292fffcbd9156b) no-repeat -781px -136px;
  border: none;
  height: 24px;
  width: 24px;
  outline: none;
}
form .btnDelSelected {
  clear: none;
  float: right;
  margin-left: 20px;
  margin-top: 4px;
}
form .btnDelSelected input {
  float: left;
  width: 40px !important;
  margin: 0;
  padding: 0;
}
form .btnDelSelected label {
  float: right;
  width: 100px !important;
  white-space: nowrap;
}
form #btnDel input:hover,
form .btnDelSelected input:hover {
  background: url(/images/tax-break-sprite.png?52cd71b4d80a55e9cd292fffcbd9156b) no-repeat -781px -166px;
}
form input.submit {
  background: url(/images/tax-break-sprite.png?52cd71b4d80a55e9cd292fffcbd9156b) no-repeat -702px -4px;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  padding: 0 35px 16px;
  width: 260px;
  height: 53px;
  border: none;
  margin: 40px auto 0;
  display: block;
  clear: both;
}
form input.submit:hover {
  background: url(/images/tax-break-sprite.png?52cd71b4d80a55e9cd292fffcbd9156b) no-repeat -702px -74px;
}

.stripe-group {
  padding: 8px;
  margin-top: 17px;
}

input.action-button,
button.action-button,
a.action-button,
a.action-button:link,
a.action-button:active,
a.action-button:visited {
  display: block;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  font-size: 17px;
  padding: 9px 35px 12px;
  border-radius: 4px;
  text-decoration: none;
  margin: auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-color: #5d9cec;
  border-color: #5899eb;
}
input.action-button.action-button-green,
button.action-button.action-button-green,
a.action-button.action-button-green,
a.action-button:link.action-button-green,
a.action-button:active.action-button-green,
a.action-button:visited.action-button-green {
  background-color: #6aec71;
  border-color: #4ceb77;
}
input.action-button.action-button-red,
button.action-button.action-button-red,
a.action-button.action-button-red,
a.action-button:link.action-button-red,
a.action-button:active.action-button-red,
a.action-button:visited.action-button-red {
  background-color: #ec393b;
  border-color: #eb2425;
}

input.action-button:disabled,
input.action-button.disabled,
button.action-button:disabled,
button.action-button.disabled,
a.action-button.disabled {
  background-color: #3b6a9f;
  color: #cccccc;
}

a.make-action-button,
a.make-action-button:link,
a.make-action-button:active,
a.make-action-button:visited {
  background: url(/images/tax-break-sprite.png?52cd71b4d80a55e9cd292fffcbd9156b) no-repeat -702px -4px;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  padding: 5px 35px 16px;
  width: 254px;
  height: 58px;
  border: none;
  margin: 40px auto 0;
  display: block;
  clear: both;
  text-decoration: none;
}

a.make-action-button:hover {
  background: url(/images/tax-break-sprite.png?52cd71b4d80a55e9cd292fffcbd9156b) no-repeat -702px -74px;
  text-decoration: none;
}

.col-two {
  margin: 0 0 40px;
  clear: both;
  float: left;
  width: 575px;
}

.col-two .firstCol {
  float: left;
  width: 278px;
  line-height: 25px;
}

.col-two .secondCol {
  float: right;
  width: 278px;
  line-height: 25px;
}

/*
 * CONFIRMATION PAGE
 */
#page span.icon {
  display: inline-block;
  background: url(/images/confirmation-image.png?dd447bb6614385649e4d17402a56406f) no-repeat scroll 0 -41px transparent;
  height: 29px;
  width: 30px;
  float: left;
  margin-top: 7px;
}
#page .success,
#page .warning {
  clear: both;
  padding: 20px 20px 0;
  border: 1px solid #99ccff;
  background: #ffffff;
  margin: 0 0 20px;
}
#page .success span.icon {
  background: url(/images/confirmation-image.png?dd447bb6614385649e4d17402a56406f) no-repeat scroll 0 -41px transparent;
}
#page .success h5 {
  color: #339900;
  margin: 0 0 20px;
  padding: 6px 0 10px 45px;
}
#page .error {
  clear: both;
  padding: 20px 20px 0;
  border: 1px solid #ff6666;
  background: #ffcccc;
  margin: 0 0 20px;
}
#page .termsError {
  clear: both;
  border: 1px solid #ff6666;
  background: #ffcccc;
}
#page .error span.icon {
  background: url(/images/confirmation-image.png?dd447bb6614385649e4d17402a56406f) no-repeat scroll 0 0 transparent;
}
#page .error h5 {
  color: #cc0000;
  margin: 0 0 20px;
  padding: 6px 0 10px 45px;
}
#page .warning span.icon {
  background: url(/images/confirmation-image.png?dd447bb6614385649e4d17402a56406f) no-repeat scroll 0 -79px transparent;
}
#page .warning h5 {
  color: #339900;
  margin: 0 0 20px;
  padding: 6px 0 10px 45px;
}

/*//////////////VALIDATION/////////////////////
/////////////////////////////////////////////*/
.formError {
  cursor: default;
  display: block;
  background: url(/images/error-message.png?c90ef6d729f21277ac17ee5004dd8289) 0 50% no-repeat;
  margin-left: -20px;
  margin-top: -4px !important;
  opacity: 1 !important;
}

.formError .formErrorContent {
  background: #ff4444;
  border: none;
  border-radius: 0 0 0 0;
  box-shadow: 0 0 0 0;
  color: #ffffff;
  font-size: 12px;
  padding: 8px 20px;
  position: relative;
  width: 150px;
  margin: 0 0 0 13px;
}

/*//////////////////MISC///////////////////////
/////////////////////////////////////////////*/
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

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

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.alert {
  background: #fff;
  border: 1px solid #ccc;
  clear: both;
  display: block;
  font-size: 14px;
  line-height: 1.4;
  margin: 20px 0;
  padding: 15px !important;
  width: 100%;
}
.alert.danger {
  background-color: #f8e2e2;
  border-color: #f0c2c2;
}
.alert.warning {
  background-color: #fff;
  border-color: #99ccff;
}
.alert a {
  color: #5d9cec;
}

/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
@media only screen and (min-width: 481px) {
  #quote .has-description label,
#quote .has-description select,
#quote .has-description input {
    width: 100%;
  }
  #quote .input-description {
    margin-top: 20px;
    float: none;
    display: inline-block;
    width: 100%;
  }
}
/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 768px) {
  /******************************************************************
  Stylesheet: 768Up
  ******************************************************************/
  #wrapper {
    max-width: 820px;
    width: 100%;
  }
  /*
   * HEADER
   */
  .page-quote #header {
    margin-top: 20px;
    padding-bottom: 0;
  }
  #header {
    background: url(/images/logo-background.png?847b60001976f6d7c4773c667ad3b1c4) no-repeat transparent;
    max-width: 700px;
    height: 60px;
    margin-top: 20px;
    padding: 20px 30px 0;
  }
  #header h1.logo {
    float: left;
    margin: 0;
  }
  #header ul#menu {
    position: relative;
    display: block;
    float: right;
    margin: 0 -20px;
    padding: 0;
    top: auto;
    right: auto;
  }
  #header ul#menu li {
    float: left;
    margin: 0 8px;
    padding: 0;
    list-style-type: none;
  }
  #header ul#menu li:hover {
    background: #181e28;
  }
  #header ul#menu li:hover a {
    color: #fff !important;
  }
  #header ul#menu li a,
#header ul#menu li a:visited,
#header ul#menu li a:active,
#header ul#menu li a:hover {
    color: #333;
    font-size: 18px;
    padding: 5px 10px;
    text-decoration: none;
    text-transform: none;
    letter-spacing: -0.01em;
    display: block;
  }
  /*
   * SPLASH
   */
  #splash {
    max-width: 700px;
    padding-top: 55px;
    background-position: left bottom;
  }
  #splash h2 {
    font-size: 30px;
    padding: 40px 35px 50px;
  }
  /*
   * PAGE CONTENT
   */
  #page {
    max-width: 700px;
    padding: 20px 30px 25px;
    /* Rows and Columns */
    /* Buttons */
    /* Form Fields */
    /* Contact Us */
  }
  #page h1 {
    font-size: 26px;
  }
  #page h2 {
    font-size: 30px;
  }
  #page h3 {
    background: url(/images/tab-image.png?a762ec3c65e29876a281303efadcab7b) no-repeat scroll 0 0 transparent;
    height: 50px;
    margin: 0 0 20px -50px;
    padding: 9px 0 0 50px;
    width: 488px;
  }
  #page img {
    width: auto;
    float: right;
    margin: 0 0 15px 20px;
    display: inline;
  }
  #page .referrer-image {
    /*position: absolute;*/
    display: inline-block;
    float: right;
    right: 30px;
    top: -50px;
    z-index: 9999;
    max-width: 100%;
  }
  #page .referrer-image-gold {
    top: 0px;
  }
  #page .row .onecol,
#page .row .twocol {
    width: 32.20339%;
    float: left;
    margin-right: 1.69492%;
  }
  #page .row .threecol {
    width: 32.20339%;
    float: left;
    margin-right: 0;
  }
  #page .buttons {
    width: 100%;
    max-width: 670px;
  }
  #page .buttons a {
    width: 32.20339%;
    float: left;
    margin-right: 1.69492%;
    margin-bottom: 0;
    height: 56px;
  }
  #page .buttons a:last-child {
    width: 32.20339%;
    float: left;
    margin-right: 0;
  }
  #page .buttons a.button-blue {
    padding: 14px 20px 0 20px;
  }
  #page .buttons a.button-grey {
    padding: 20px 35px 0 30px;
  }
  #page .buttons a.button-grey-fsg {
    padding: 10px 35px 0 30px;
  }
  #page div.button {
    width: 670px;
    clear: both;
  }
  #page div.button a.button-blue {
    width: 225px;
    margin: 0 auto;
  }
  #page .formElem {
    padding: 20px 30px;
  }
  #page .formElem span #btnAdd input,
#page .formElem span #btnDel input,
#page .formElem span .btnDelSelected input {
    margin: 0 5px 15px 0;
  }
  #page .formElem span span {
    margin: 4px 56px 15px 10px;
  }
  #page .rowElem input,
#page .rowElem select,
#page .rowElem textarea {
    width: 370px;
  }
  #page .rowElem .multi {
    float: right;
    width: 370px;
  }
  #page .rowElem .radio input {
    width: auto;
  }
  #page #stepElem, #page #twostepElem {
    display: block;
    visibility: visible;
    margin: 40px 0;
  }
  #page #stepElem div, #page #twostepElem div {
    display: block;
  }
  #page #stepElem #details, #page #twostepElem #details {
    padding: 13px 0px 0 28px;
    width: 214px;
  }
  #page #stepElem #verify,
#page #stepElem #payment, #page #twostepElem #verify,
#page #twostepElem #payment {
    padding: 13px 18px 0 28px;
    width: 213px;
  }
  #page .contact-us {
    clear: both;
    max-width: 640px;
    width: 100%;
  }
  #page .contact-us p {
    float: left;
    padding: 4px 0 0;
  }
  #page .contact-us p.phone {
    float: right;
    padding: 3px 0 5px 20px;
    margin: 0;
  }
  #quote .has-description label,
#quote .has-description select,
#quote .has-description input {
    width: 60%;
  }
  #quote .input-description {
    float: right;
    margin-top: 0;
    width: 30%;
  }
  #quote p.turnover-funnel-trigger:first-child {
    margin-top: 30px;
  }
  /*
   * BIG FOOTER
   */
  #big-footer {
    max-width: 700px;
  }
  #big-footer .columnOne {
    margin: 0 0 20px;
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
  }
  #big-footer .columnOne img.small-logo {
    display: inline;
    width: auto;
  }
  #big-footer .columnTwo {
    margin: 0 0 20px;
    font-size: 11px;
    width: 23.72881%;
    float: left;
    margin-right: 1.69492%;
  }
  #big-footer .columnThree {
    margin: 0 0 20px;
    font-size: 11px;
    width: 23.72881%;
    float: left;
    margin-right: 0;
  }
  /*
   * FOOTER
   */
  #footer {
    max-width: 700px;
    text-align: right;
  }
  #footer ul.links {
    float: left;
  }
  #footer ul.links li {
    float: left;
    font-size: 11px;
    text-align: left;
  }
  #footer ul.links li :before {
    content: "|";
    color: #fff;
    margin: 0 1em;
  }
  #footer ul.links li:first-child :before {
    content: "";
    margin: 0;
  }
  #footer p.fsg {
    float: left;
    text-align: left;
    width: 60%;
  }
  #footer p.fsg span {
    display: block;
  }
  #footer p.copyright {
    float: right;
    text-align: right;
    width: 30%;
  }
}
/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}
/** QTip library */ /*
 * qTip2 - Pretty powerful tooltips - v3.0.3
 * http://qtip2.com
 *
 * Copyright (c) 2016 
 * Released under the MIT licenses
 * http://jquery.org/license
 *
 * Date: Wed May 11 2016 10:31 GMT+0100+0100
 * Plugins: tips modal viewport svg imagemap ie6
 * Styles: core basic css3
 */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  box-shadow: none;
  padding: 0;
}

.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
}

.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: bold;
}

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}

/* Default close button class */
.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  z-index: 11; /* Overlap .qtip-tip */
  cursor: pointer;
  outline: medium none;
  border: 1px solid transparent;
}

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
  top: 16px;
} /* IE fix */
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}

.qtip-icon, .qtip-icon .ui-icon {
  border-radius: 3px;
  text-decoration: none;
}

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
/* Default tooltip style */
.qtip-default {
  border: 1px solid #F1D031;
  background-color: #FFFFA3;
  color: #555;
}

.qtip-default .qtip-titlebar {
  background-color: #FFEF93;
}

.qtip-default .qtip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777;
}

.qtip-default .qtip-titlebar .qtip-close {
  border-color: #AAA;
  color: #111;
}

/*! Light tooltip style */
.qtip-light {
  background-color: white;
  border-color: #E2E2E2;
  color: #454545;
}

.qtip-light .qtip-titlebar {
  background-color: #f1f1f1;
}

/*! Dark tooltip style */
.qtip-dark {
  background-color: #505050;
  border-color: #303030;
  color: #f3f3f3;
}

.qtip-dark .qtip-titlebar {
  background-color: #404040;
}

.qtip-dark .qtip-icon {
  border-color: #444;
}

.qtip-dark .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

/*! Cream tooltip style */
.qtip-cream {
  background-color: #FBF7AA;
  border-color: #F9E98E;
  color: #A27D35;
}

.qtip-cream .qtip-titlebar {
  background-color: #F0DE7D;
}

.qtip-cream .qtip-close .qtip-icon {
  background-position: -82px 0;
}

/*! Red tooltip style */
.qtip-red {
  background-color: #F78B83;
  border-color: #D95252;
  color: #912323;
}

.qtip-red .qtip-titlebar {
  background-color: #F06D65;
}

.qtip-red .qtip-close .qtip-icon {
  background-position: -102px 0;
}

.qtip-red .qtip-icon {
  border-color: #D95252;
}

.qtip-red .qtip-titlebar .ui-state-hover {
  border-color: #D95252;
}

/*! Green tooltip style */
.qtip-green {
  background-color: #CAED9E;
  border-color: #90D93F;
  color: #3F6219;
}

.qtip-green .qtip-titlebar {
  background-color: #B0DE78;
}

.qtip-green .qtip-close .qtip-icon {
  background-position: -42px 0;
}

/*! Blue tooltip style */
.qtip-blue {
  background-color: #E5F6FE;
  border-color: #ADD9ED;
  color: #5E99BD;
}

.qtip-blue .qtip-titlebar {
  background-color: #D0E9F5;
}

.qtip-blue .qtip-close .qtip-icon {
  background-position: -2px 0;
}

.qtip-shadow {
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap {
  border-radius: 5px;
}

.qtip-rounded .qtip-titlebar {
  border-radius: 4px 4px 0 0;
}

/* Youtube tooltip style */
.qtip-youtube {
  border-radius: 2px;
  box-shadow: 0 0 3px #333;
  color: white;
  border: 0 solid transparent;
  background: #4A4A4A;
  background-image: -o-linear-gradient(top, #4A4A4A 0, black 100%);
}

.qtip-youtube .qtip-titlebar {
  background-color: #4A4A4A;
  background-color: rgba(0, 0, 0, 0);
}

.qtip-youtube .qtip-content {
  padding: 0.75em;
  font: 12px arial, sans-serif;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
}

.qtip-youtube .qtip-icon {
  border-color: #222;
}

.qtip-youtube .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

/* jQuery TOOLS Tooltip style */
.qtip-jtools {
  background: #232323;
  background: rgba(0, 0, 0, 0.7);
  background-image: -o-linear-gradient(top, #717171, #232323);
  border: 2px solid #ddd;
  border: 2px solid rgba(241, 241, 241, 1);
  border-radius: 2px;
  box-shadow: 0 0 12px #333;
}

/* IE Specific */
.qtip-jtools .qtip-titlebar {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
}

.qtip-jtools .qtip-content {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
}

.qtip-jtools .qtip-titlebar,
.qtip-jtools .qtip-content {
  background: transparent;
  color: white;
  border: 0 dashed transparent;
}

.qtip-jtools .qtip-icon {
  border-color: #555;
}

.qtip-jtools .qtip-titlebar .ui-state-hover {
  border-color: #333;
}

/* Cluetip style */
.qtip-cluetip {
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  background-color: #D9D9C2;
  color: #111;
  border: 0 dashed transparent;
}

.qtip-cluetip .qtip-titlebar {
  background-color: #87876A;
  color: white;
  border: 0 dashed transparent;
}

.qtip-cluetip .qtip-icon {
  border-color: #808064;
}

.qtip-cluetip .qtip-titlebar .ui-state-hover {
  border-color: #696952;
  color: #696952;
}

/* Tipsy style */
.qtip-tipsy {
  background: black;
  background: rgba(0, 0, 0, 0.87);
  color: white;
  border: 0 solid transparent;
  font-size: 11px;
  font-family: "Lucida Grande", sans-serif;
  font-weight: bold;
  line-height: 16px;
  text-shadow: 0 1px black;
}

.qtip-tipsy .qtip-titlebar {
  padding: 6px 35px 0 10px;
  background-color: transparent;
}

.qtip-tipsy .qtip-content {
  padding: 6px 10px;
}

.qtip-tipsy .qtip-icon {
  border-color: #222;
  text-shadow: none;
}

.qtip-tipsy .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

/* Tipped style */
.qtip-tipped {
  border: 3px solid #959FA9;
  border-radius: 3px;
  background-color: #F9F9F9;
  color: #454545;
  font-weight: normal;
  font-family: serif;
}

.qtip-tipped .qtip-titlebar {
  border-bottom-width: 0;
  color: white;
  background: #3A79B8;
  background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
}

.qtip-tipped .qtip-icon {
  border: 2px solid #285589;
  background: #285589;
}

.qtip-tipped .qtip-icon .ui-icon {
  background-color: #FBFBFB;
  color: #555;
}

/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.qtip-bootstrap {
  /** Taken from Bootstrap body */
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  /** Taken from Bootstrap .popover */
  padding: 1px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.qtip-bootstrap .qtip-titlebar {
  /** Taken from Bootstrap .popover-title */
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.qtip-bootstrap .qtip-titlebar .qtip-close {
  /**
   * Overrides qTip2:
   * .qtip-titlebar .qtip-close{
   *   [...]
   *   right: 4px;
   *   top: 50%;
   *   [...]
   *   border-style: solid;
   * }
   */
  right: 11px;
  top: 45%;
  border-style: none;
}

.qtip-bootstrap .qtip-content {
  /** Taken from Bootstrap .popover-content */
  padding: 9px 14px;
}

.qtip-bootstrap .qtip-icon {
  /**
   * Overrides qTip2:
   * .qtip-default .qtip-icon {
   *   border-color: #CCC;
   *   background: #F1F1F1;
   *   color: #777;
   * }
   */
  background: transparent;
}

.qtip-bootstrap .qtip-icon .ui-icon {
  /**
   * Overrides qTip2:
   * .qtip-icon .ui-icon{
   *   width: 18px;
   *   height: 14px;
   * }
   */
  width: auto;
  height: auto;
  /* Taken from Bootstrap .close */
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.qtip-bootstrap .qtip-icon .ui-icon:hover {
  /* Taken from Bootstrap .close:hover */
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
  filter: none;
  -ms-filter: none;
}

.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}

/* Opera bug #357 - Incorrect tip position
https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus, .qtip .qtip-tip {
  visibility: hidden;
}

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
  position: absolute;
  color: #123456;
  background: transparent;
  border: 0 dashed transparent;
}

.qtip .qtip-tip canvas {
  top: 0;
  left: 0;
}

.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible;
}

#qtip-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs {
  cursor: pointer;
}

/* Change opacity of overlay here */
#qtip-overlay div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.qtipmodal-ie6fix {
  position: absolute !important;
}

/* jQuery Validation Engine */