html, body, 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%;
  vertical-align: baseline;
}

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

form li { list-style: none; }

@font-face {
    font-family: 'allerregular';
    src: url('fonts/aller_rg-webfont.eot');
    src: url('fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aller_rg-webfont.woff2') format('woff2'),
         url('fonts/aller_rg-webfont.woff') format('woff'),
         url('fonts/aller_rg-webfont.ttf') format('truetype'),
         url('fonts/aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'antonioregular';
    src: url('fonts/antonio-regular-webfont.eot');
    src: url('fonts/antonio-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/antonio-regular-webfont.woff2') format('woff2'),
         url('fonts/antonio-regular-webfont.woff') format('woff'),
         url('fonts/antonio-regular-webfont.ttf') format('truetype'),
         url('fonts/antonio-regular-webfont.svg#antonioregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { background: #f7f7f7 url(../img/noise.png); font-size: 14px; font-family: "allerregular", sans-serif; }
.left { float: left }
.right { float: right}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

#backdrop { position: absolute; width: 100%; top: 0; bottom: 0; background: transparent url(../img/noise.png); }

.snow { /*position: fixed;*/ height: 500px; width: 825px; background: url(../img/public/flakes.png) repeat-y 0 0; background-attachment: fixed;}
#snow4 { background-position: 0 0; }
#snow3 { background-position: -825px 0; }
#snow2 { background-position: -1650px 0; }
#snow1 { background-position: -2475px 0; }

.container { position: relative; width: 960px; margin: 0 auto; }

#header { position: relative; padding-bottom: 35px; color: #fff; background: #22335a url(../img/public/bg-spotlight.jpg) 50% 0; /*background-attachment: fixed;*/ }
#header .container { z-index: 100; padding-top: 50px; }
#main { z-index: 500; margin-top: -35px; min-height: 500px; padding-top: 50px; position: relative; background: transparent url(../img/public/bg-hill.png) no-repeat 50% 0;}
#main h2 { margin-bottom: 20px }

.center { text-align: center; }

/* ------------- Header ------------- */
#header h1 a { display: block; z-index: 500; width: 423px; height: 75px; text-indent: -9999px; margin: 0 0 0 309px; overflow: hidden; background: url(../img/public/logo.png) no-repeat 0 0; }
#header h2 { font-family: "antonioregular"; font-size: 24px; line-height: 42px; font-weight: normal; padding: 0 0 20px 309px;  margin-bottom: 30px; color: #d9e0ee; text-shadow: 0px 1px 2px hsla(222,66%,10%,1); background: url(../img/public/rule-header.png) no-repeat 0 100%;}
#header h2 span { color: #f1efc6; }
#header .container:before { display: block; content: ''; width: 258px; height: 253px; position: absolute; top: 60px; background: url(../img/public/logo.png) no-repeat 0 -82px; overflow: hidden; }
#header .btn, .signup button { font-size: 12px; letter-spacing: .5px; margin-bottom: 10px; border: none; background: #a9b3ca; text-transform: none; color: #fff; text-shadow: 0px -1px 2px hsla(222,66%,10%,.7); background: -moz-linear-gradient(top, #a9b3ca 0%, #a1acc5 50%, #95a1bd 51%, #929fbc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9b3ca), color-stop(50%,#a1acc5), color-stop(51%,#95a1bd), color-stop(100%,#929fbc)); background: -webkit-linear-gradient(top, #a9b3ca 0%,#a1acc5 50%,#95a1bd 51%,#929fbc 100%); background: -o-linear-gradient(top, #a9b3ca 0%,#a1acc5 50%,#95a1bd 51%,#929fbc 100%); background: -ms-linear-gradient(top, #a9b3ca 0%,#a1acc5 50%,#95a1bd 51%,#929fbc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9b3ca', endColorstr='#929fbc',GradientType=0 ); background: linear-gradient(top, #a9b3ca 0%,#a1acc5 50%,#95a1bd 51%,#929fbc 100%); -webkit-box-shadow: 0px 1px 3px hsla(222,66%,10%,.4), inset 0px 1px 0 hsla(0,0%,100%,.6), inset 0px -1px 0 hsla(222,66%,10%,.75); -moz-box-shadow: 0px 1px 3px hsla(222,66%,10%,.4), inset 0px 1px 0 hsla(0,0%,100%,.6), inset 0px -1px 0 hsla(222,66%,10%,.75); box-shadow: 0px 1px 3px hsla(222,66%,10%,.4), inset 0px 1px 0 hsla(0,0%,100%,.6), inset 0px -1px 0 hsla(222,66%,10%,.75); }
#header .btn:active, .signup button:active { background: #95a1bd; background: -moz-linear-gradient(top, #95a1bd 0%, #a9b3ca 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95a1bd), color-stop(100%,#a9b3ca)); background: -webkit-linear-gradient(top, #95a1bd 0%,#a9b3ca 100%); background: -o-linear-gradient(top, #95a1bd 0%,#a9b3ca 100%); background: -ms-linear-gradient(top, #95a1bd 0%,#a9b3ca 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95a1bd', endColorstr='#a9b3ca',GradientType=0 ); background: linear-gradient(top, #95a1bd 0%,#a9b3ca 100%); -webkit-box-shadow: 0px 1px 0 hsla(222,66%,10%,.6), inset 0px 1px 0 hsla(0,0%,100%,.6); -moz-box-shadow: 0px 1px 0 hsla(222,66%,10%,.6), inset 0px 1px 0 hsla(0,0%,100%,.6); box-shadow: 0px 1px 0 hsla(222,66%,10%,.6), inset 0px 1px 0 hsla(0,0%,100%,.6); }
#header #login-btn, #header #signup-btn { letter-spacing: 0; width: 130px; font-size: 13px; margin-bottom: 30px; padding: 10px 0; }
#header #signup-btn, .signup button { width: 190px }
#header #login-btn { margin: 0 10px 0 309px;}
#header #signup-btn, .signup button { text-shadow: 0px -1px 2px hsla(82,90%,10%,.7); background: #93ba35; background: -moz-linear-gradient(top, #93ba35 0%, #83af30 50%, #689d26 51%, #639924 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93ba35), color-stop(50%,#83af30), color-stop(51%,#689d26), color-stop(100%,#639924)); background: -webkit-linear-gradient(top, #93ba35 0%,#83af30 50%,#689d26 51%,#639924 100%); background: -o-linear-gradient(top, #93ba35 0%,#83af30 50%,#689d26 51%,#639924 100%); background: -ms-linear-gradient(top, #93ba35 0%,#83af30 50%,#689d26 51%,#639924 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93ba35', endColorstr='#639924',GradientType=0 ); background: linear-gradient(top, #93ba35 0%,#83af30 50%,#689d26 51%,#639924 100%); -webkit-box-shadow: 0px 1px 3px hsla(222,66%,10%,.4), inset 0px 1px 0 hsla(0,0%,100%,.6), inset 0px -1px 0 hsla(82,90%,10%,.75); -moz-box-shadow: 0px 1px 3px hsla(222,66%,10%,.4), inset 0px 1px 0 hsla(0,0%,100%,.6), inset 0px -1px 0 hsla(82,90%,10%,.75); box-shadow: 0px 1px 3px hsla(222,66%,10%,.4), inset 0px 1px 0 hsla(0,0%,100%,.6), inset 0px -1px 0 hsla(82,90%,10%,.75); }
#header #signup-btn:active, , .signup button:active { background: #639924; background: -moz-linear-gradient(top, #639924 0%, #93ba35 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#639924), color-stop(100%,#93ba35)); background: -webkit-linear-gradient(top, #639924 0%,#93ba35 100%); background: -o-linear-gradient(top, #639924 0%,#93ba35 100%); background: -ms-linear-gradient(top, #639924 0%,#93ba35 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#639924', endColorstr='#93ba35',GradientType=0 ); background: linear-gradient(top, #639924 0%,#93ba35 100%); -webkit-box-shadow: 0px 1px 0 hsla(222,66%,10%,.4), inset 0px 1px 0 hsla(0,0%,100%,.6); -moz-box-shadow: 0px 1px 0 hsla(222,66%,10%,.4), inset 0px 1px 0 hsla(0,0%,100%,.6); box-shadow: 0px 1px 0 hsla(222,66%,10%,.4), inset 0px 1px 0 hsla(0,0%,100%,.6); }
#header #forgot a { font-size: 13px; text-shadow: 0px 1px 2px hsla(222,66%,10%,1); }
#header #forgot a, #header #forgot a:visited { color: #fff; }
.js .header-frm { display: none }
#header form { padding-left: 309px; }
#header label { display: none; }
#header form ol { overflow: hidden; }
#header form li { float: left; padding: 5px; margin: 0 5px 10px 0; }
#header form input[type="email"], #header form input[type="password"], #header form input[type="text"] { border: 1px solid hsl(222,66%,10%); color: #222; padding: 7px; font-size: 13px; -webkit-box-shadow: inset 0px 1px 2px hsla(0, 0%, 0%, .2), 0px 0px 0px 3px hsla(222,66%,10%, .2); -moz-box-shadow: inset 0px 1px 2px hsla(0, 0%, 0%, .2), 0px 0px 0px 3px hsla(222,66%,10%, .2); box-shadow: inset 0px 1px 2px hsla(0, 0%, 0%, .2), 0px 0px 0px 3px hsla(222,66%,10%, .2); }
#header form input[type="email"]:focus, #header form input[type="password"]:focus, #header form input[type="text"]:focus { border: 1px solid hsl(222,66%,10%); -webkit-box-shadow: inset 0px 1px 2px hsla(0, 0%, 0%, .2), 0px 0px 0px 3px hsla(222,66%,10%, .6); -moz-box-shadow: inset 0px 1px 2px hsla(0, 0%, 0%, .2), 0px 0px 0px 3px hsla(222,66%,10%, .6); box-shadow: inset 0px 1px 2px hsla(0, 0%, 0%, .2), 0px 0px 0px 3px hsla(222,66%,10%, .6); }
.frm-flds li { list-style: none }

#content section { padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 20px }

/* ------------- Screenshot banner ------------- */
.scrn-banner { font-size: 16px }
.scrn-banner div { float: left; width: 340px }
.scrn-banner p { margin: 10px 0 }
.scrn-banner ul { margin: 0; margin-left: 15px }
.scrn-banner li { margin-bottom: 5px; list-style: none; list-style-image: url(../img/right_black.png); }
.scrn-banner img { float: right; width: 600px; height: 300px; }


iframe { margin-left: 160px; width: 640px }

/* ------------- Pricing banner ------------- */
.pricing p { margin: 10px 0 }
.pricing ol, .pricing ul { margin: 0 }
.pricing li { list-style: none; font-size: 18px; line-height: 2em; border-radius: 3px; }
.pricing>ol>li { background-color: #fefefe; margin-bottom: 5px; width: 182px; margin-right: 10px; float: left; border: 1px solid #DADADA }
.ie8 .pricing>ol>li { width: 178px; }
.pricing>ol>li:last-child { margin-right: 0 }
.pricing>ol>li>ul>li:first-child { background-color: #586890; border-radius: 3px 3px 0 0; }
.pricing>ol>li>ul>li { padding: 0 5px; }
.pricing .name { color: #fefefe; font-weight: 700 }
.pricing .price { display:block; color: #586890; font-size: 30px; line-height: 2em }
.pricing small { font-size: 12px; color: #444; font-weight: 400 }
#main .pricing h2 { margin-bottom: 0 }

.pricing .left, .pricing .right { display: block; float: left }
.pricing .right { float: right; font-weight: 700 }

.pricing>ol>li { box-shadow: 2px 2px 3px rgba(62, 73, 101, 0.08) }
.pricing>ol>li:first-child>ul>li:first-child, .pricing>ol>li:last-child>ul>li:first-child { background-color: #7B91C9; }
.pricing>ol>li:nth-child(2)>ul>li:first-child, .pricing>ol>li:nth-child(4)>ul>li:first-child  { background-color: #6A7DAD; }

.pricing .addtl-features, .pricing .addtl-features li { font-size: 12px }
.pricing .addtl-features li { padding-left: 10px }

/* ------------- Feature highlights------------- */
.features ul { margin: 0 }
.features li { list-style: none }
.features li>div { margin-bottom: 20px; padding: 10px }
.features li>div { background-color: #E8E8E8; border-radius: 3px; border-bottom: 2px solid #D3D3D3 }
#main .features h2 { margin-bottom: 0; font-size: 20px }
.features div div { float: left; width: 460px; height: 120px }
.features .img+div { width: 440px }
.features .f-right .img { float: right }
.features .f-left h2 { text-align: right }
.features .f-left .img { margin-right: 20px }
.features .blurb { font-size: 1.1em; line-height: 1.4em }

/* ------------- Footer ------------- */
footer ul { margin: 0 }
footer li { list-style: none; float: left; margin-right: 15px }
footer { padding-bottom: 50px }


/* ------------- Full Page Adjustments ------------- */
.full_page #header .container:before, .full_page #header h2 { background: none }
.full_page #header h1 a { margin-left: 0; float: left }
.full_page #header h2 { padding: 0; margin: 0; width: 490px; float: right; line-height: 38px; }
.full_page #header .container { padding-top: 30px }
/*.full_page #header .container { background: url("../img/public/rule-header.png") no-repeat scroll 0 100% transparent; }*/

form.signup label {
    display: block;
    float: left;
    width: 140px;
}

/* ------------- Signup Form ------------- */
/*.signup fieldset { float: left; width: 300px }*/
.signup .sienna input { border: 1px solid red; }
.signup .apple-green input { border: 1px solid green; }
/*.signup li span { display: none }*/

.signup, #signup_thanks #content { width: 560px; margin: 0 auto; margin-bottom: 40px }
.signup fieldset, .page-window { width: 550px; margin: 0 auto; background-color: #fefefe; border-radius: 3px; border: 1px solid #E2E2E2; padding: 10px }
.signup fieldset li { overflow: hidden; margin: 10px 0; }
.signup input[type=text], .signup input[type=password] { width: 250px; font-size: 18px }
.signup div.info, .signup .buttons { width: 550px; margin: 20px 0 }
.signup div.info p:last-child { margin-bottom: 0 }
.signup fieldset div { float: left }
.signup fieldset li span { color: #8B8B8B; float: left; display: block; margin: 10px 0 10px 140px }
.signup fieldset li span strong { color: #444; font-weight: 600 }
.signup button { margin: 0 }

.signup fieldset li.signup-success span { color: #49B158 }
.signup fieldset li.signup-error span { color: #8A1F11 }

#newsletter_signup { margin: 10px 10px 0 0 }
#newsletter_signup, #newsletter_signup+label { float: left }
#newsletter_signup+label { text-transform: none; font-weight: 400; font-size: 14px; width: 520px }

.page-window {  }

#signup_app_view .info p {
    margin-bottom: 10px
}



a.btn { display: inline-block; }
a.btn,
button,
input[type="reset"],
input[type="submit"],
input[type="button"],
span.btn {
	-webkit-appearance: none;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;

	background: #fefefe;
background: -moz-linear-gradient(top, #fefefe 0%, #f0f0f0 50%, #e6e6e6 51%, #e6e6e6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(50%,#f0f0f0), color-stop(51%,#e6e6e6), color-stop(100%,#e6e6e6));
background: -webkit-linear-gradient(top, #fefefe 0%,#f0f0f0 50%,#e6e6e6 51%,#e6e6e6 100%);
background: -o-linear-gradient(top, #fefefe 0%,#f0f0f0 50%,#e6e6e6 51%,#e6e6e6 100%);
background: -ms-linear-gradient(top, #fefefe 0%,#f0f0f0 50%,#e6e6e6 51%,#e6e6e6 100%);
background: linear-gradient(top, #fefefe 0%,#f0f0f0 50%,#e6e6e6 51%,#e6e6e6 100%);

	-webkit-box-shadow: 0px 1px 2px hsla(0, 0%, 0%, .2);
	-moz-box-shadow: 0px 1px 2px hsla(0, 0%, 0%, .2);
	box-shadow: 0px 1px 2px hsla(0, 0%, 0%, .2);
	text-shadow: 0 1px 1px #fff;
	font: bold 10px/1.3 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	text-transform: uppercase;
	padding: 6px 20px;
	border: 1px solid;
	border-color: #ddd #bbb #999;
	text-align: center;

	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;

	color: #333;
	text-decoration: none;
	overflow: visible;
	width: auto;
	cursor: pointer;
	outline: 0;
	/* IE7 */
	*padding-top: 2px;
	*padding-bottom: 0px;
}


ul.error, ul.notice, ul.success { margin-left: 0; margin-right: 0; list-style: none; }
.success a, .error a, .notice a { border-bottom: 1px solid hsla(0,0%,0%,.1); }
/* !---------- Misc ---------- */
.error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 1px solid #ddd; }
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; border-color:#FFD324; }
.success { background: #E6EFC2; color: #264409; border-color:#C6D880; }
.error a, .notice a, .success a { font-weight: bold; }
.error a { color: #8a1f11; border-bottom: 1px solid hsla(358,100%,28%,.3); }
.notice a { color: #514721; border-bottom: 1px solid hsla(0,0%,0%,.3); }
.success a { color: #264409; border-bottom: 1px solid hsla(98,95%,15%,.3); }



.the-tooltip {
  position: relative;
}
.the-tooltip :focus + :last-child, .the-tooltip:focus > :last-child, .the-tooltip:hover > :last-child {
  opacity: 1;
  -webkit-transition: 0.4s 0s;
  -moz-transition: 0.4s 0s;
  -ms-transition: 0.4s 0s;
  -o-transition: 0.4s 0s;
  transition: 0.4s 0s;
  visibility: visible;
}
.the-tooltip > :last-child {
  border: solid 1px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 17px;
  line-height: 1.5;
  opacity: 0;
  padding: 10px 20px;
  position: absolute;
  -webkit-transition: 0.2s 0s;
  -moz-transition: 0.2s 0s;
  -ms-transition: 0.2s 0s;
  -o-transition: 0.2s 0s;
  transition: 0.2s 0s;
  visibility: hidden;
  width: 250px;
  z-index: 999;
}
.the-tooltip > :last-child * {
  max-width: 100%;
}
.the-tooltip > :last-child:after, .the-tooltip > :last-child:before {
  border: solid 11px;
  content: "";
  display: block;
  margin: 0 20px 0 20px;
  position: absolute;
}
.the-tooltip.bottom > :last-child {
  margin-top: 15px;
  top: 100%;
}
.the-tooltip.bottom > :last-child:after {
  margin-bottom: -1px;
}
.the-tooltip.bottom > :last-child:after, .the-tooltip.bottom > :last-child:before {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  bottom: 100%;
}
.the-tooltip.bottom > :last-child:before {
  margin-bottom: 0px;
}
.the-tooltip.center > :last-child {
  left: -125px;
  margin-left: 50%;
}
.the-tooltip.center > :last-child:after, .the-tooltip.center > :last-child:before {
  left: 50%;
  margin-left: -10px;
}
.the-tooltip.left > :last-child {
  left: 0;
}
.the-tooltip.left > :last-child:after, .the-tooltip.left > :last-child:before {
  left: 0;
}
.the-tooltip.right > :last-child {
  right: 0;
}
.the-tooltip.right > :last-child:after, .the-tooltip.right > :last-child:before {
  right: 0;
}
.the-tooltip.top > :last-child {
  bottom: 100%;
  margin-bottom: 15px;
}
.the-tooltip.top > :last-child:after {
  margin-top: -1px;
}
.the-tooltip.top > :last-child:after, .the-tooltip.top > :last-child:before {
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  top: 100%;
}
.the-tooltip.top > :last-child:before {
  margin-top: 0px;
}
.the-tooltip.auto-width > :last-child {
  white-space: nowrap;
  width: auto;
}
.the-tooltip.full-width > :last-child {
  left: 0;
  margin-left: 0;
  width: 100%;
}
.the-tooltip.apple-green > :last-child {
  background-color: #8db600;
  border-color: #658300;
  color: #161d00;
}
.the-tooltip.apple-green > :last-child:after {
  border-color: #8db600;
}
.the-tooltip.apple-green > :last-child:before {
  border-color: #658300;
}
.the-tooltip.apple-green > :last-child {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.the-tooltip.apricot > :last-child {
  background-color: #fbceb1;
  border-color: #f9b080;
  color: #441d03;
}
.the-tooltip.apricot > :last-child:after {
  border-color: #fbceb1;
}
.the-tooltip.apricot > :last-child:before {
  border-color: #f9b080;
}
.the-tooltip.apricot > :last-child {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.the-tooltip.black > :last-child {
  background-color: #333333;
  border-color: #0d0d0d;
  color: #ffffff;
}
.the-tooltip.black > :last-child:after {
  border-color: #333333;
}
.the-tooltip.black > :last-child:before {
  border-color: #0d0d0d;
}
.the-tooltip.black > :last-child {
  text-shadow: 0 1px 0 #000000;
}
.the-tooltip.carrot-orange > :last-child {
  background-color: #ed9121;
  border-color: #b3690f;
  color: #251603;
}
.the-tooltip.carrot-orange > :last-child:after {
  border-color: #ed9121;
}
.the-tooltip.carrot-orange > :last-child:before {
  border-color: #b3690f;
}
.the-tooltip.carrot-orange > :last-child {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.the-tooltip.eggplant > :last-child {
  background-color: #614051;
  border-color: #33222b;
  color: #ffffff;
}
.the-tooltip.eggplant > :last-child:after {
  border-color: #614051;
}
.the-tooltip.eggplant > :last-child:before {
  border-color: #33222b;
}
.the-tooltip.eggplant > :last-child {
  text-shadow: 0 1px 0 #000000;
}
.the-tooltip.forest-green > :last-child {
  background-color: #014421;
  border-color: #001209;
  color: #ffffff;
}
.the-tooltip.forest-green > :last-child:after {
  border-color: #014421;
}
.the-tooltip.forest-green > :last-child:before {
  border-color: #001209;
}
.the-tooltip.forest-green > :last-child {
  text-shadow: 0 1px 0 #000000;
}
.the-tooltip.bright-lavender > :last-child {
  background-color: #bf94e4;
  border-color: #9a57d5;
  color: #250e38;
}
.the-tooltip.bright-lavender > :last-child:after {
  border-color: #bf94e4;
}
.the-tooltip.bright-lavender > :last-child:before {
  border-color: #9a57d5;
}
.the-tooltip.bright-lavender > :last-child {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.the-tooltip.dark-midnight-blue > :last-child {
  background-color: #003366;
  border-color: #000d1a;
  color: #ffffff;
}
.the-tooltip.dark-midnight-blue > :last-child:after {
  border-color: #003366;
}
.the-tooltip.dark-midnight-blue > :last-child:before {
  border-color: #000d1a;
}
.the-tooltip.dark-midnight-blue > :last-child {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.the-tooltip.magic-mint > :last-child {
  background-color: #aaf0d1;
  border-color: #69e5ae;
  color: #0c432a;
}
.the-tooltip.magic-mint > :last-child:after {
  border-color: #aaf0d1;
}
.the-tooltip.magic-mint > :last-child:before {
  border-color: #69e5ae;
}
.the-tooltip.magic-mint > :last-child {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.the-tooltip.mustard > :last-child {
  background-color: #ffdb58;
  border-color: #f1bd00;
  color: #3f3100;
}
.the-tooltip.mustard > :last-child:after {
  border-color: #ffdb58;
}
.the-tooltip.mustard > :last-child:before {
  border-color: #f1bd00;
}
.the-tooltip.mustard > :last-child {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.the-tooltip.sienna > :last-child {
  background-color: #882d17;
  border-color: #47170c;
  color: #ffffff;
}
.the-tooltip.sienna > :last-child:after {
  border-color: #882d17;
}
.the-tooltip.sienna > :last-child:before {
  border-color: #47170c;
}
.the-tooltip.sienna > :last-child {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.the-tooltip.sky-blue > :last-child {
  background-color: #87ceeb;
  border-color: #45b3e0;
  color: #0d3a4d;
}
.the-tooltip.sky-blue > :last-child:after {
  border-color: #87ceeb;
}
.the-tooltip.sky-blue > :last-child:before {
  border-color: #45b3e0;
}
.the-tooltip.sky-blue > :last-child {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.the-tooltip.sunset > :last-child {
  background-color: #fad6a5;
  border-color: #f6b55d;
  color: #4f2f04;
}
.the-tooltip.sunset > :last-child:after {
  border-color: #fad6a5;
}
.the-tooltip.sunset > :last-child:before {
  border-color: #f6b55d;
}
.the-tooltip.sunset > :last-child {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}