/* Font family reference:
 * Helvetica Neue:: font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'Open Sans Condensed', helvetica, tahoma, geneva, arial, "Nimbus Sans L", sans-serif; font-weight:400; font-stretch:normal;
 * Helvetica:: helvetica, tahoma, geneva, arial, "Nimbus Sans L", sans-serif
 * Verdana:: verdana, geneva, "Nimbus Sans L", sans-serif
 * Arial:: arial, helvetica, "Nimbus Sans L", clean, sans-serif
 *     (clean is a Linux font)
 *
 * Body text: arial family
 *
 *
 * Colors:
 * Moved to and integrated with vspot-colors.less
 */


/******************************************** Fonts **************************************/
.helvetica-neue {
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'Open Sans Condensed', helvetica, tahoma, geneva, arial, "Nimbus Sans L", sans-serif;
    font-weight:400;
    font-stretch:normal;
}

.helvetica {
    font-family: helvetica, tahoma, geneva, arial, "Nimbus Sans L", sans-serif;
}

.verdana {
    font-family: verdana, geneva, "Nimbus Sans L", sans-serif;
}

.arial {
    font-family: arial, helvetica, "Nimbus Sans L", clean, sans-serif;
}

.open-sans-condensed {
    font-family: 'Open Sans Condensed', sans-serif;
}

.open-sans-condensed-bold {
    font-family: 'Open Sans Condensed', sans-serif;
}

.open-sans {
    font-family: 'Open Sans', sans-serif;
}

.open-sans-bold {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.oswald {
    font-family: 'Oswald', sans-serif;
}

.pt-sans{
    font-family: 'PT Sans', sans-serif;
}

.arvo {
    font-family: 'Arvo', serif;
}

.lato {
    font-family: 'Lato', sans-serif;
}


/******************************************** ComScore Fix **************************************/
#_comscore_sur_iframe {
    display: none;
}




/******************************************** Base Settings **************************************/
html, body {
    background-color: #fff;
}

html, body,
.ui-widget-content {
    /* font-family: arial, helvetica, "Nimbus Sans L", clean, sans-serif; */
    font-family: "Gordita", "Helvetica Neue", Helvetica, Arial, serif;
    font-weight: normal;
    color: #595959;
}

.ui-widget-overlay {
    background: #000;
    opacity: 0.8;
    z-index: 1060; /* Have this one beat the Angular UI modal */
}

.ui-button {
    padding: 4px;
}

a { color: #2c8627; text-decoration: none; }
a:visited { color: #1EA853; }
a:active { color: #F4732D; }
a:hover { color: #CC5500; text-decoration: underline; }
a:active, a:focus { outline-style: none; -moz-outline-style:none; }

a[disabled],
a[disabled]:visited,
a[disabled]:active,
a[disabled]:hover,
a[disabled]:focus {
    cursor: not-allowed;
    opacity: .5;
    text-decoration: none;
    color: #2c8627;
    outline-style: none;
    -moz-outline-style:none;
}

a > img { border: none; }

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
    font-family: Arial, sans-serif, Helvetica;
    font-weight: 400;
    color: #1F6D91;
    line-height: 1.5;
}

h1 {
    font-size: 182%;
}

h2 {
    font-size: 153.9%;
}

h3 {
    font-size: 123.1%;
}

h4 {
    font-size: 108%;
}

hr {
    height: 1px;
    color: #bbb;
    background-color: #bbb;
    border: none;
    margin: 28px 0 10px;
}

table {
    border-collapse: collapse;
}

table th {
    font-weight: bold;
}

table th, table td {
    padding: 3px;
}

fieldset {
    border: 1px inset #444444;
    padding: 10px;
}

legend {
    color: #444444;
    font-size: 123.1%;
    margin: 0 10px;
    padding: 0 5px;
    text-align:center;
}

p {
/*    padding: 10px 0; Bootstrap hanles this with margin*/
}

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

em, .em {
    font-style: italic;
}

ol, ul {
    margin-left: 20px;
    padding: 0;
}

ol li,
ul li {
    line-height: 1.4;
}

ol {
    list-style: decimal;
}

dl {

}

dl dt {
    font-weight: bold;
    color: #1F6D91;
    line-height: 1.5;
}

dl dd {
    padding: 0 0 10px 5px;
}






/******************************************** Spam Catcher ********************************************/
.email-field {
    left: -9999em;
    position: absolute;
}





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

.middle {
    width: 1010px;
    float: left;
    -webkit-box-shadow: 10px 2px 5px rgba(50, 50, 50, 0.125), 10px -2px 5px rgba(50, 50, 50, 0.125), -10px 2px 5px rgba(50, 50, 50, 0.125), -10px -2px 5px rgba(50, 50, 50, 0.125);
    -moz-box-shadow:    10px 2px 5px rgba(50, 50, 50, 0.125), 10px -2px 5px rgba(50, 50, 50, 0.125), -10px 2px 5px rgba(50, 50, 50, 0.125), -10px -2px 5px rgba(50, 50, 50, 0.125);
    box-shadow:         10px 2px 5px rgba(50, 50, 50, 0.125), 10px -2px 5px rgba(50, 50, 50, 0.125), -10px 2px 5px rgba(50, 50, 50, 0.125), -10px -2px 5px rgba(50, 50, 50, 0.125);
/*    position: relative;*/
    z-index: 10;
}

.sponsors {
    color: #030303;
    font-size: 87%;
    margin: 0;
    padding: 0 0 8px;
    text-align: center;
}

.center-column {
    /* width: 1010px; */
    min-width: 1280px;
    width: 80%;
    margin: 0 auto;
}

.content {
    padding: 0;
}

#logo {
    /* float: left;
    padding: 10px 10px; */
    padding: 1.5rem 1rem 1rem 2rem;
}

#logo img {
    width: 100px;
}

#ad_header {
    /*width: 728px;*/
    /* height: 90px; */
    /* float: left; */
    overflow: hidden;
    margin: 0 auto;
    display: inline-block; /* allows it to be centered without setting width, ad_container is the child div */
}

#ad_container {
    background-color: white;
    /* height: 90px; */
    width: 100%;
    text-align: center;
}

#nav {
    background: url("/imgs/nav/topnav_bg.png") top repeat-x;
    height: 31px;
}

#banner {
    height: 386px;
}

#banner .center-column {
    padding: 0;
    float: left;
}

#content #banner .center-column .content {
/*    background: url("/imgs/banner/banner_middle_bg.png") top left no-repeat;*/
    width: 1010px;
    height: 385px;
    padding: 0;
}


#pledge_boxes {
    float: right;
    width: 710px;
}

#pledge_boxes h1 {
    color: #72ad2d;
    padding: 0 0 10px;
    text-align: center;
    margin-left: -30px;
    line-height:30px;
}

#pledge_boxes .pledge-box {
    background-color: #FAE68F;
    box-shadow: -5px 0 5px 5px #DDDDDD;
    float: left;
    margin-left: 25px;
    padding: 10px;
    width: 310px;
}

#pledge_boxes .pledge-box h2,
#pledge_boxes .pledge-box h3 {
    color: #2d7697;
    text-align: center;
}

#pledge_boxes .pledge-box h2 {
    margin-bottom: 10px;
}

#pledge_boxes .pledge-box h3 {
    margin-top: 10px;
}


#banner_box {
    color: #257296;
    font-size: 1.5rem;
    font-weight: bold;
    width: 385px;
    background: #fff;
    padding: 20px;
    position: relative;
    top: -300px;
    left: 625px;
    -webkit-box-shadow: -5px 0px 5px 5px rgba(150, 150, 150, 0.5);
    -moz-box-shadow:    -5px 0px 5px 5px rgba(150, 150, 150, 0.5);
    box-shadow:         -5px 0px 5px 5px rgba(150, 150, 150, 0.5);
}

#banner_box_arrow {
    position: absolute;
    right: -60px;
    top: 40px;
}

#banner_box h1 {
    /* Parent font-size is 108% */
    font-family: "Open Sans Condensed", "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", helvetica, tahoma, geneva, arial, "Nimbus Sans L", sans-serif;
    line-height: 1.2;
    font-weight: bold;
    font-size: 2.3rem;
    color:#6b9f2e;
}

#banner_box div {
    margin-right: 20px;
    margin-top: 17px;
}

#banner_bottom {
    margin-top: -1px;
}

#banner_bottom .center-column  {
    height: 34px;
}

#content #banner_bottom .center-column .content {
    height: 34px;
    width: 1010px;
    background-color: #206D91;
    padding: 0;
}

#banner_bottom .center-column .content h4 {
    color: #FFFFFF;
    float: left;
    font-family: Helvetica,Verdana,sans-serif;
    font-size: 120%;
    font-weight: bold;
    line-height: 17px;
}

#banner_bottom_notch {
    float: left;
    position: relative;
    top: 0;
    left: -16px;
}

#steps {
    margin-top: -8px;
}

#steps .center-column .content {
    background-color: #EDF5F8;
    padding: 20px 20px 40px;
}

#steps .step {
    background: url("/imgs/steps/schedule_green_bg.png") no-repeat 0 0;
    width: 315px;
    height: 90px;
    color: #fff;
    float: left;
    margin-right: 8px;
}

#steps .step:first-child {
    margin-left: 8px;
}

#steps .step:nth-child(3) {
    margin-right: 0;
}

.step-number {
    float: left;
    width: 40px;
}

.step-number img {
    position: relative;
    left: -5px;
    top: -5px;
}

.step-title {
    float: left;
    font-family: "Open Sans Condensed", "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", helvetica, tahoma, geneva, arial, "Nimbus Sans L", sans-serif;
    font-weight: bold;
    font-size: 130%;
    width: 233px;
    padding-top: 10px;
}

.step-icon {
    float: left;
    width: 60px;
}

.step-icon img {
    position: relative;
    left: -5px;
    top: 5px;
}

.step-text {
    float: left;
    font-size: 93%;
    padding-top: 0;
    width: 225px;
}

#checkbox_columns {
    margin-top: -8px;
}

#checkbox_columns .center-column .content {
    background-color: #EDF5F8;
    padding: 20px 20px 40px;
}

#checkbox_columns .checkbox-column {
    float: left;
    width: 161px;
}

#checkbox_columns .checkbox-column .title {
    font-size: 110%;
    font-weight: bold;
    margin-left: 25px;
}

#checkbox_columns .checkbox-column .row {
    font-size: 100%;
    font-weight: bold;
}

.row.green {
    margin-left: 0;
}

#checkbox_columns .checkbox-column .row a {
    text-decoration: underline;
}

#checkbox_columns .checkbox-column .row img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}

#content .center-column .content {
    padding: 40px 0;
}

#content .center-column .content .content-inner {
    /* background: url("/imgs/separators/vertical_separator.png") 670px top repeat-y; */
}

#content .center-column .content .left-column {
    float: left;
    /* width: 670px; */
    width: 1000px;
    width: 70%;
    margin: 0;
    padding: 0 20px;
}

#content .center-column .content .right-column {
    float: left;
    /* width: 340px; */
    width: 30%;
    margin: 0;
    padding: 0 20px;
}

#content .center-column .content .right-column .widget {
    margin: 20px 0;
}

#content .center-column .content .right-column .widget:first-child {
    margin-top: 0;
}

#content .center-column .content .content-full {
    padding: 0 20px;
}

.blue-corner-box {
    background-color: #efefef;
    padding: 5px;
}

.blue-corner-box-inner {
    border: 1px solid #fff;
    padding: 10px;
    position: relative;
}

div.blue-corner {
    height: 54px;
    position: absolute;
    right: -8px;
    top: -8px;
    width: 57px;
}

.blue-corner-box h3 {
    color: #f06e18;
}


.leaf-box {
    background-color: #EFEFEF;
    height: 106px;
    padding: 5px;
    position: relative;
}

.leaf-box-inner {
    border: 1px solid #FFFFFF;
    height: 95px;
    padding: 10px;
}

div.leaf {
    height: 118px;
    margin-top: -29px;
    position: absolute;
    right: 10px;
    width: 79px;
}

.leaf-box h3 {
    color: #177fb7;
    font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", helvetica, tahoma, geneva, arial, "Nimbus Sans L", sans-serif;
    font-weight: bold;
    font-stretch:normal;
    font-size: 132.5%;
    line-height: 1.3;
    width: 75%;
    margin-top: 10px;
    font-style: italic;
}


.widget h2 {
    margin-top: 20px;
}

#as_featured_in img {
    margin-right: 38px;
}

#as_featured_in img:last-of-type {
    margin-right: 0;
}

.saying {
    position: relative
}

.saying .quote {
    color: #F06E1A;
    font-size: 500%;
    line-height: 13px;
    width: 10%;
    position: absolute;
    margin-top: 15px;
    font-family: "Times New Roman";
}

.saying .quote.fl {
    left: 0;
    text-align: right;
}

.saying .quote.fr {
    right: 0;
    margin-top: 0;
    text-align: left;
}

.saying .text,
.saying .author {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

.saying .text {
    font-style: italic;
    float: left;
}

.saying .author {
    color: #0f77af;
    float: right;
    text-align: right;
}

#what_people_are_saying .text,
#what_people_are_saying .author {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

.ui-tabs-panel .saying {
    padding: 10px 0;
}

/*#content {
    background-color: #fff;
    min-height: 400px;
}*/

/* The landing page tabs... very specific */
#content .center-column .content .left-column div.tabs {
    display: none;
    font-size: 100%;
    margin-bottom: 20px;
}

#content .center-column .content .left-column div.tabs .ui-tabs-active.ui-state-hover a,
#content .center-column .content .left-column div.tabs .ui-tabs-active.ui-state-hover a:hover {
    color: #fff;
}

#content .center-column .content .left-column div.tabs .ui-state-hover a,
#content .center-column .content .left-column div.tabs .ui-state-hover a:hover {
    color: #C0EBFE;
}

#content .center-column .content .left-column div.tabs.ui-tabs,
#content .center-column .content .left-column div.tabs.ui-tabs .ui-tabs-nav{
    padding: 0;
}

#content .center-column .content .left-column div.tabs.ui-tabs ul.ui-widget-header,
#content .center-column .content .left-column div.tabs.ui-widget-content {
    background: none;
    border: none;
}

#content .center-column .content .left-column div.tabs.ui-tabs .ui-tabs-nav .ui-state-default.ui-corner-top {
    border-radius: 0;
}

#content .center-column .content .left-column div.tabs.ui-tabs .ui-tabs-nav a {
    color: white;
}

#content .center-column .content .left-column div.tabs.ui-tabs .ui-tabs-nav .ui-state-default {
    background: #2f93c9;
    border: none;
    margin-bottom: -3px;
}

#content .center-column .content .left-column div.tabs.ui-tabs .ui-tabs-nav .ui-state-default a {
    font-family: arial, helvetica, "Nimbus Sans L", clean, sans-serif;
    font-weight: bold;
}

#content .center-column .content .left-column div.tabs.ui-tabs .ui-tabs-nav .ui-state-active {
    background: #206d91;
}

#content .center-column .content .left-column div.tabs.ui-tabs .ui-tabs-nav .ui-state-default div.notch {
    background: url("/imgs/elements/darkblue_notch.png") bottom center no-repeat;
    width: 12px;
    height: 4px;
    display: none;
    position: absolute;
    bottom: -4px;
    left: 50%;
}

#content .center-column .content .left-column div.tabs.ui-tabs .ui-tabs-nav .ui-state-active div.notch {
    display: block;
}

#content .center-column .content .left-column div.tabs div.ui-tabs-panel {
    background-color: #F2F2F2;
    -webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px 1px 5px rgba(50, 50, 50, 0.25);
    box-shadow:         0px 1px 5px rgba(50, 50, 50, 0.25);
}

#content .center-column .content .left-column .tabs .project {
    width: 50%;
    float: left;
}

#content .center-column .content .left-column .tabs .project div.project-content,
#content .center-column .content .left-column .tabs .project div.project-img {
    float: left;
}

#content .center-column .content .left-column .tabs .project div.project-content {
    width: 205px;
}

#content .center-column .content .left-column .tabs .project div h3 {
    color: #0d75ad;
    font-size: 93%;
    line-height: 1;
}

#content .center-column .content .left-column .tabs .project div h3 a,
#content .center-column .content .left-column .tabs .project div h3 a:visited,
#content .center-column .content .left-column .tabs .project div h3 a:active,
#content .center-column .content .left-column .tabs .project div h3 a:hover,
#content .center-column .content .left-column .tabs .project div h3 a:link {
    color: #0d75ad;
}



#content .center-column .content .left-column .tabs .project div p {
    color: #595959;
    font-size: 77%;
    margin-top: 5px;
}

#features h2 {
    color: #CC5500;
}

#features .copy {
    float: left;
    padding: 10px 15px;
    width: 266px;
}

#features .copy ul {
    list-style: disc outside;
}

#features .copy ul ul {
    list-style: none;
    color: #32844B;
    font-size: 12px;
}

#pop_up_wrapper {
    padding: 20px;
}



/******************************************** Warning Banner for Browser problems **************************************/
#bad-browser {
    background: none repeat scroll 0 0 #FFFCDF;
    border-bottom: 1px solid #DFDDCB;
    color: #4F4D3B;
    left: 0;
    margin: 0;
    padding: 5px 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9990;
    text-align: center;
    display: none;
}

#bad-browser-inner {
    display: inline-block;
}

#bad-browser-close-button {
    margin-left: 20px;
}

#bad-browser-close-button a {
    color: #000;
    cursor: pointer;
    text-decoration: underline;
}











/******************************************** Error Dialog for Browser problems **************************************/
#error_dialog {
    display: none;
}

#error_dialog label {
    width: 110px;
    display: block;
    float: left;
}

#error_dialog a {
    text-decoration: underline;
    color: blue;
}

#error_dialog ul {
    list-style-type: disc;
}

#error_dialog .error-img {
    float: left;
    width: 160px;
}

#error_dialog .error-img img {
    max-width: 160px;
}

#error_dialog .error-box {
    float: left;
    margin-left: 10px;
    width: 350px;
}

#error_page {
    margin-top: 20px;
}

#error_page .error-img {
    float: left;
    width: 160px;
    margin-right: 20px;
}

#error_page .error-box {
    float: left;
    width: 450px;
}

#error_page .error-box .notice {
    font-size: 153.9%;
}

#error_page .error-box ul {
    list-style-type: disc;
}







/******************************************** eBooks **************************************/
.grid_list {
    overflow: hidden;
    border-bottom: 0;
}

.grid_list div {
    float: left;
    padding: 10px;
    width: 150px;
    height: 230px;
    padding-bottom: 0px;
    text-align: center;
    border: 1px solid #ddd;
    margin: 8px 8px 0px 0px;
    font-size: 0.85em;
    line-height: 1.25em;
}

.grid_list div:hover {
    background: #f0f9fb;
    border: 1px solid #6ac0cc;
}

.grid_list div a.img {
    display: block;
    height: 125px;
    float: none;
    margin: 0px auto 10px;
}

.grid_list a:link, .grid_list a:visited, .grid_list a:hover, .grid_list a:active {
    text-decoration: none;
}






/******************************************** Forms **************************************/
form .form-row:before, form .form-row:after { content: ""; display: table; }
form .form-row:after { clear: both; }
form .form-row {
    padding: 2px 0;
    zoom: 1;
}

form .form-row label {
    width: 145px;
    float: left;
    text-align: right;
    margin-right: 15px;
    line-height: 2.5;
}

form .form-row label span.required {
    margin-right: 0px;
    width: 4px;
}

.form-row input[type="text"],
.form-row input[type="email"],
.form-row input[type="password"],
.form-row input[type="search"],
.form-row input[type="tel"],
.form-row input[type="url"],
.form-row input[type="number"],
.form-row select,
.form-row textarea {
    width: 250px;
    float: left;
    border:1px solid #aaa;
    border-radius: 0px;
    padding: 5px;
}

.form-row input[type="checkbox"],
.form-row input[type="radio"] {
    float: left;
    margin-top: 1px;
}

.form-row input[type="checkbox"] + label,
form.small .form-row input[type="checkbox"] + label,
.form-row input[type="radio"] + label,
form.small .form-row input[type="radio"] + label {
    width: auto;
    margin: 0 0 0 10px;
    line-height: 1.2;
    text-align: left;
}

.form-row input[type="file"] {
    padding: 0;
    margin: 6px 0; /* Because it has no border */
}

.form-row textarea {
    height: 75px;
}

.form-row select {
    width: 264px; /* Override the width */
    margin: 4px 0;
    padding: 4px;
}

.form-row input.small {
    width: 50px;
}


form.small .form-row {
    padding: 2px 0;
}

form.small .form-row label {
    width: 57px;
    line-height: 1.75;
    font-size: 66%;
}

form.small .form-row input[type="text"],
form.small .form-row input[type="email"],
form.small .form-row input[type="password"],
form.small .form-row input[type="search"],
form.small .form-row input[type="tel"],
form.small .form-row input[type="url"],
form.small .form-row input[type="number"],
form.small .form-row select,
form.small .form-row textarea {
    width: 160px;
    padding: 1px;
    font-size: 85%;
}


form.small .form-row select {
    width: 164px; /* Override the width */
    margin: 0;
}

form.small .form-row input[type="file"] {
    margin: 0;
}


/* Light Blue       #56A8C4
 * Dark Blue        #0F77AF
 * Navy Blue        #000080
 * Orange           #F4732D
 * Dark Orange      #CC5500
 * Green            #3D9E5B
 * Dark Green       #2c8627
 * Medium Green     #8cc845
 * Light Green      #e6f6e6
 * Red              #eb5026
 */

.form-row button,
.form-row input[type="submit"]:not(.ui-widget) {
    float: right;
    background-color: #F4732D;
    border: 1px solid #CC5500;
    /* color: #fff; */
    padding: 6px 15px;
    -moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-khtml-border-top-left-radius:5px;border-top-left-radius:5px;
    -moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-khtml-border-top-right-radius:5px;border-top-right-radius:5px;
    -moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-khtml-border-bottom-left-radius:5px;border-bottom-left-radius:5px;
    -moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-khtml-border-bottom-right-radius:5px;border-bottom-right-radius:5px;
    cursor: pointer;
}

.form-row button.green-button,
.form-row button.green-button-46 {
    border-color: #2c8627;
    background-color: #8cc845;
}

.form-row button.green-button-46 {
    font-size: 16px;
    font-weight: bold;
    height: 46px;
    padding: 0 12px;
}

.form-row button.green-dark-button {
    border-color: #e6f6e6;
    background-color: #2c8627;
}

.form-row button.green-dark-button:hover {
    color: #999;
}

.form-row button.blue-button {
    border: 1px solid #3189b9;
    background: #4098c3; /* Old browsers */
    background: -moz-linear-gradient(top,  #4098c3 0%, #3189b9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4098c3), color-stop(100%,#3189b9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4098c3 0%,#3189b9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4098c3 0%,#3189b9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4098c3 0%,#3189b9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4098c3 0%,#3189b9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4098c3', endColorstr='#3189b9',GradientType=0 ); /* IE6-8 */
}

.form-row button.blue-button-100 {
    border: medium none;
    background-color: #50BCD6;
    margin: 0;
    cursor: pointer;
    font-size: 50px;
    height: 100px;
}

.form-row button.blue-button-100.two-line {
    font-size: 35px;
    line-height: 50px;
}

.form-row button.blue-button-100.two-line-skinny {
    width: 100%;
    font-size: 19px;
    line-height: 25px;
    padding: 0 10px 0 20px;
}

.form-row button.cancel-button,
.form-row input[type="submit"].cancel:not(.ui-widget),
.form-row input[type="reset"]:not(.ui-widget) {
    float: left;
    background-color: #898B88;
    color: #fff;
    padding: 6px 15px;
    -moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-khtml-border-top-left-radius:5px;border-top-left-radius:5px;
    -moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-khtml-border-top-right-radius:5px;border-top-right-radius:5px;
    -moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-khtml-border-bottom-left-radius:5px;border-bottom-left-radius:5px;
    -moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-khtml-border-bottom-right-radius:5px;border-bottom-right-radius:5px;
    cursor: pointer;
    border:none;
}

form.small .form-row input[type="reset"]:not(.ui-widget),
form.small .form-row button,
form.small .form-row input[type="submit"]:not(.ui-widget) {
    padding: 5px 10px;
    font-size: 85%;
    font-weight: normal;
    -moz-border-radius-topleft:8px;-webkit-border-top-left-radius:8px;-khtml-border-top-left-radius:8px;border-top-left-radius:8px;
    -moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px;-khtml-border-top-right-radius:8px;border-top-right-radius:8px;
    -moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;-khtml-border-bottom-left-radius:8px;border-bottom-left-radius:8px;
    -moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;-khtml-border-bottom-right-radius:8px;border-bottom-right-radius:8px;
}

.form-row input[disabled]:not(.ui-widget) {
    background-color: #eee;
    border-color: #ccc;
    color: #ccc;
    cursor: not-allowed;
}

.form-row button[disabled],
.form-row input[disabled][type="submit"]:not(.ui-widget),
.form-row input[disabled][type="reset"]:not(.ui-widget) {
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #eee;
    cursor: not-allowed;
}

.form-row button:not([disabled]):hover,
.form-row input[type="submit"]:not([disabled]):not(.ui-widget):hover,
.form-row input[type="reset"]:not([disabled]):not(.ui-widget):hover {
    color: #FAF0E6;
}

.form-row input.error,
.form-row input.ng-dirty.ng-invalid:not(.ng-focus),
.form-row textarea.ng-dirty.ng-invalid:not(.ng-focus),
.form-row select.error
.form-row select.ng-dirty.ng-invalid:not(.ng-focus) {
    background-color: #FBD6CC;
    border: 2px solid #F77251;
}

.form-row input.skippable-error {
    background-color: #e3f7fc;
    border: 1px solid #000080;
    margin: 1px;
}

.help {
    cursor: help;
}

form .form-row label.error {
    color: #eb5026;
    display: block;
    float: left;
    clear: left;
    width: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1.35;
}

form.small .form-row label.error {
    margin-left: 72px;
}

form .form-row label.full {
    margin-left: 0;
}

/* Remote email check, only used in vspotEmailValid, as part of the universal form... DEPRECATED */
input[type="email"].vspot-email-valid-loading:not(.ng-invalid) {
    /* Spell out these so we don't override other settings */
    background-image: url("/imgs/ajax/ajax-loader-sm.gif");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 16px !important; /* Because we are adding the background icon, we need to force the right padding so it shows with long emails, thus using !important. */
}

input[type="email"].vspot-email-valid-check:not(.ng-invalid) {
    /* Spell out these so we don't override other settings */
    background-image: url("/imgs/famfamfam/accept.png");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 16px !important; /* Because we are adding the background icon, we need to force the right padding so it shows with long emails, thus using !important. */
}

input[type="email"].vspot-email-valid-loading:not(.ng-invalid)::-ms-clear,
input[type="email"].vspot-email-valid-check:not(.ng-invalid)::-ms-clear {
    display: none;
}







/******************************************** Social **************************************/
.social-row {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.social-icon {
    float: left;
    margin: 10px 0 0 10px;
}

.social-icon:first-of-type {
    margin-left: 0;
}

.social-row div {
    padding-left: 2px;
    max-width: 78px;
}

.social-row .twitter-button {
    width: 78px !important;
}

.twitter-timeline-container {
    margin-top: 40px;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
}

#twitter_window {
    display: none;
}

.social-community,
div.fb-like-box.widget {
    margin: 20px 0;
}

.social-community .facebook,
.social-community .twitter,
.social-community .pinterest {
    float: left;
    width: 167px;
    height: 111px;
    margin: 0 20px 0 10px;
    position: relative;
    text-align: center;
    border-radius: 10px;
}

.social-community .facebook {
    border: 1px solid #005ca5;
    background: #4288bc;
}

.social-community .twitter {
    border: 1px solid #459aba;
    background: #84ddf7;
}

.social-community .pinterest {
    border: 1px solid #c81f23;
    background: #e74d51;
}

.social-community h3 {
    line-height: 3;
    font-size: 167%;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
}

.social-community .facebook h3 {
    color: #fff;
}

.social-community .twitter h3 {
    color: #0a7bab;
}

.social-community .pinterest h3 {
    color: #fff;
}

.social-community .icon {
    position: absolute;
}

.social-community .facebook .icon {
    left: -30px;
    top: 58px;
}

.social-community .twitter .icon {
    left: -35px;
    top: -25px;
}

.social-community .pinterest .icon {
    right: 0;
    top: -25px;
}

.social-community .fb-like {
    margin-left: 39px;
}

#pinterest_pin_it {
    position: absolute;
    margin-left: 49px;
    margin-top: 2px;
    display: none;
    z-index: 10;
}

.share-box {
    float: left;
    line-height: 18px;
}

.share-box .icon {
    margin: 0 10px 10px 0;
}

.share-box-text {
    line-height: 34px;
}






/******************************************** Log In Form **************************************/
.loginform {
    font-family: helvetica, tahoma, geneva, arial, "Nimbus Sans L", sans-serif;
    font-weight: bold;
    color: #1e6f92;
    margin: 20px 20px 0 0;
}

.loginform a,
.loginform a:hover,
.loginform a:active,
.loginform a:visited {
    color: #1e6f92;
}

.loginform input {
    width: 101px;
    height: 28px;
    font-family: verdana, geneva, "Nimbus Sans L", sans-serif;
    font-weight: normal;
    color: #595959;
    text-align: center;
}





/******************************************** videos **************************************/
img.youtube-image {
    cursor: pointer;
    margin: 0 auto;
}

img.youtube-play {
    position: relative;
    opacity: .5;
    cursor: pointer;
    margin-top: -48px;
    top: -40px;
}

img.youtube-play:hover {
    opacity: 1;
}





/******************************************** Buttons **************************************/
a.large-orange-button,
a.medium-green-button,
a.medium-orange-button,
a.small-orange-button {
    background-color: #F4732D;
    border: 1px solid #CC5500;
    color: #fff !important; /* Link color is beating this, so must override specificity with !important. */
    font-weight: bold;
    padding: 8px 15px;
    -moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;-khtml-border-top-left-radius:10px;border-top-left-radius:10px;
    -moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-khtml-border-top-right-radius:10px;border-top-right-radius:10px;
    -moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;-khtml-border-bottom-left-radius:10px;border-bottom-left-radius:10px;
    -moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;-khtml-border-bottom-right-radius:10px;border-bottom-right-radius:10px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

a.large-orange-button:hover,
a.medium-green-button:hover,
a.medium-orange-button:hover,
a.small-orange-button:hover {
    color: #f1f1e8;
}

a.large-orange-button {
    font-size: 182%;
    padding-bottom: 11px;
    padding-top: 12px;
}

a.medium-green-button {
    border-color: #2c8627;
    background-color: #8cc845;
    
}

a.medium-orange-button {
    font-size: 93%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.button-group {
    display: table;
    margin: 10px auto;
}


/* Site Map */
/*#site_map {
    float: left;
}*/



/* Admin */
.admin h1, .admin h2, .admin h3, .admin h4, .admin h5, .admin h6 {
    line-height: 1.5;
}

.admin table.top-header,
.admin table.left-header {
    margin-top: 20px;
    border: 1px solid #595959;
}

.admin table.top-header th, .admin table.top-header td {
    border-right: 1px solid #595959;
}

.admin table.top-header th:last-of-type, .admin table.top-header td:last-of-type {
    border-right: none;
}

.admin table.top-header tr:hover {
    background-color: #FBF1BB;
}

.admin table.left-header th,
.admin table.top-header th {
    color: #000;
}

.admin table.left-header th {
    border-right: 1px solid #595959;
    padding-right: 20px;
}

.admin table.left-header td:first-of-type {
    padding-left: 20px;
}

.admin table th, .admin table td {
    vertical-align: top;
}

.admin table tr {
    border-bottom: 1px solid #595959;
}

.admin table tbody tr:last-of-type {
    border-bottom: none;
}

.admin ol, ol.admin, .admin ul, ul.admin {
    list-style-position: inside;
}

.admin table ol, ol.admin {
    list-style-type: decimal;
}

.admin table ul, ul.admin {
    list-style-type: disc;
}

.admin table code {
    background-color: #535569;
    color: #449F64;
    padding: 5px;
    display: block;
    float: left;
}

.admin table select {
    width: 500px;
    float: left;
}

#banner_image_row select {
    width: auto;
    max-width: 450px;
}

#banner_image {
    width: 350px;
    margin-left: 20px;
}

.admin table textarea {
    width: 500px;
    height: 150px;
    float: left;
}

.admin table input {
    float: left;
}

.admin table input[type="text"],
.admin table input[type="password"] {
    width: 496px;
}

.admin table input[type="checkbox"],
.admin table input[type="radio"] {
    margin: 0 10px;
}

.admin table input[type="checkbox"]:first-of-type,
.admin table input[type="radio"]:first-of-type {
    margin-left: 0;
}

.admin table input[type="submit"] {
    float: right;
}

.admin table label {
    width: 200px;
    text-align: right;
    float: left;
}

.admin table .note {
    padding-left: 40px;
}

.admin table label.content-editor {
    font-weight: bold;
}

.admin table textarea.content-editor {
    width: 1px;
    height: 1px;
    visibility: hidden;
}

.admin table.left-header tr.content-editor td:first-of-type {
    padding-left: 0;
}

.admin .inline-radio-group {
    float: left;
    margin-left: 25px;
}

.admin .inline-radio-group .title {
    float: left;
}

.admin .inline-radio-group input[type="radio"] {
    margin-left: 25px;
}

.admin .inline-radio-group label {
    width: auto;
    font-weight: normal;
}

.admin-nav {
    float: right;
    color: #000;
    font-size: 93%;
    border: 1px solid #000;
    padding: 5px;
}

.admin-nav h6 {
    border-bottom: 1px solid #BBBBBB;
    letter-spacing: .9em;
    text-align: center;
}

.admin-nav .admin-tab {
    border-right: 1px solid #BBBBBB;
    float: left;
    padding: 2px 4px 0;
}

.admin-nav .admin-tab.last {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}

.admin-nav .admin-title,
.admin-nav .admin-icons {
    text-align: center;
    cursor: help;
}

.admin-nav .admin-title:hover {
    color: #634D7C;
}

.admin table .widget_data_row label {
    width: 50px;
    margin-right: 20px;
}

.admin table .widget_data_row input[type="text"] {
    width: 350px;
}

.admin table .widget_data_row {
    border-bottom: 1px dotted #999;
}

.admin table .widget_data_row .inner_row {
    float: left;
    margin-bottom: 5px;
}

.admin table .widget_data_row .inner_row select {
    width: 500px;
}

.admin table .widget_data_row .inner_row input.widget_group_order {
    width: 20px;
    margin-left: 10px;
}

.admin table .widget_data_row .widget-link {
    float: left;
    margin-left: 10px;
}

#widget_form .inner_row textarea {
    width: 350px;
    height: 100px;
}

#widget_form .inner_row .html-icon {
    cursor: pointer;
    float: right;
    margin: 0 50px 0 5px;
}

.admin fieldset {
    background-color: #F0F0F0;
    margin-bottom: 40px;
}

#social_media_row fieldset {
    margin: 5px 0;
}

#widget_data_hidden_row {
    display: none;
}

#cke_content_html_editor {
    display: none;
}

#content_html_editor {
    padding: 5px;
    width: 879px;
}

.admin table .widget_data_button_add,
.admin table .widget_data_button {
    text-align: right;
}
.admin table .widget_data_button {
    float: right;
}

#widget_add_row,
.admin table .widget_remove_row {
    cursor: pointer;
}

.admin ul.widget_list {
    list-style-type: none;
}

.admin span.error-slash.error,
.admin span.error-internal.error,
.admin span.error-external.error
{
    color: #eb5026;
}

.admin .related-list {
    border: 1px solid #595959;
    margin-top: 20px;
    float: left;
    padding: 10px;
}

.admin .related-list ul {
    list-style: inside disc;
}

.admin .drop-down-menu {
    background-color: #FFFFFF;
    border: 1px solid #0078AE;
    position: absolute;
    width: 450px;
    z-index: 1000;
    display: none;
}

.admin .drop-down-menu .drop-down-menu-row:hover {
    background-color: #ccc;
}

.admin .drop-down-menu .drop-down-menu-row.selected {
    background-color: #0078AE;
    color: #fff;
}

.admin .drop-down-menu .icon {
    float: left;
    height: 25px;
    width: 25px;
}

.admin .drop-down-menu .icon img {
    max-height: 25px;
    max-width: 25px;
}

.admin .drop-down-menu .name {
    float: left;
    height: 25px;
    line-height: 25px;
    margin-left: 10px;
}

#banner_image_preview {
    max-height: 100px;
    max-width: 100px;
}






/* Helpers */
.br {
    clear: both;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-width: 0 !important;
}

.word-wrap {
    width: 100%; /* Firefox requires a width for break-word to work correclty. This should be easily overrideable in cases where 100% isn't a good width. */
    word-wrap: break-word; /* Older CSS */
    overflow-wrap: break-word; /* Newer CSS */
    /* word-break: break-all; Probably best not to use... causes really weird wrapping on small screens */
    word-break: break-all;  /* This gets overridden by the next directive on browsers that support it */
    word-break: break-word; /* have to use this in Chrome now or it will not break URLs */
    -ms-word-break: break-all; /* fix for IE (does not respect break-word). Changed from normal to break-all for IE11 */
    hyphens: auto;
}
/* mozilla does not support word-wrap and hypenation and so breaks words at the end of the like like b reak . Sigh,
   version 68 breaks this. Change to overflow-wrap: anywhere */
@-moz-document url-prefix() {
    .word-wrap {
        word-break: keep-all;
        overflow-wrap: anywhere;
    }
}

/* same for Edge */
@supports (-ms-ime-align:auto) {
    .word-wrap {
        word-break: keep-all;
    }
}

.word-break {
    word-break: break-all;
}

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

.fl { float: left; }
.fr { float: right; }

.width50 { width: 50%; }
.auto-width { width: auto !important; }
.width-full { width: 100% }

.pop-up,
.clickable,
label.clickable {
    cursor: pointer;
}
.unclickable { cursor: default; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt40 { margin-top: 40px; }

.mr5  { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr40 { margin-right: 40px; }

.ml5  { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }

.vspot-text-warning,
.notice { color: #CC5500; font-size: 108.1%; }

.success { color: #3D9E5B; font-size: 108.1%; }

.vs-hidden { display: none; }

.vs-invisible { visibility: hidden; }

.ng-hide { display: none !important; }

.nowrap { white-space: nowrap; }

.uppercase { text-transform:uppercase; }
.lowercase { text-transform:lowercase; }
.capitalize { text-transform:capitalize; }

div.hr {
    background: url("/imgs/separators/vertical_separator.png") repeat-x;
    height: 1px;
    margin: 30px 0;
}

.note {
    font-size: 85%;
    color: #888;
}

ul.default {
    list-style-type: disc;
}

ol.default {
    list-style-type: decimal;
}













/* Bootstrap Overrides */
.clearfix {
    zoom: 1; /* for older IE's */
}

.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

.panel-body {
    background-color: #F2F2F2;
}

.panel-footer {
    background-color: #E7E7E7;
}

small, .small {
    font-size: 1.2rem;
}

legend {
    border-bottom: none;
}






/* jQuery UI Stylesheet overrides */
.ui-datepicker .ui-datepicker-header,
.ui-datepicker .ui-datepicker-header .ui-state-hover {
    background: #0f77af;
    border: 1px solid #0f77af;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    color: #0C99CE;
}

/* Reset border radius for buttons */
button.ui-corner-all,
button.ui-corner-top,
button.ui-corner-left,
button.ui-corner-tl {
	border-top-left-radius: 5px;
}
button.ui-corner-all,
button.ui-corner-top,
button.ui-corner-right,
button.ui-corner-tr {
	border-top-right-radius: 5px;
}
button.ui-corner-all,
button.ui-corner-bottom,
button.ui-corner-left,
button.ui-corner-bl {
	border-bottom-left-radius: 5px;
}
button.ui-corner-all,
button.ui-corner-bottom,
button.ui-corner-right,
button.ui-corner-br {
	border-bottom-right-radius: 5px;
}

.ui-button.ui-corner-all,
.ui-button.ui-corner-top,
.ui-button.ui-corner-left,
.ui-button.ui-corner-tl {
	border-top-left-radius: 5px;
}
.ui-button.ui-corner-all,
.ui-button.ui-corner-top,
.ui-button.ui-corner-right,
.ui-button.ui-corner-tr {
	border-top-right-radius: 5px;
}
.ui-button.ui-corner-all,
.ui-button.ui-corner-bottom,
.ui-button.ui-corner-left,
.ui-button.ui-corner-bl {
	border-bottom-left-radius: 5px;
}
.ui-button.ui-corner-all,
.ui-button.ui-corner-bottom,
.ui-button.ui-corner-right,
.ui-button.ui-corner-br {
	border-bottom-right-radius: 5px;
}

.ui-buttonset .ui-button {
    color: #fff;
    background: #0c99ce;
    border: 1px solid #ddd;
}

.ui-buttonset .ui-button.ui-state-active {
    background: #EB5026;
}

.ui-buttonset .ui-button.ui-state-disabled {
    background: #bbb;
}

.ui-spinner .ui-state-default .ui-icon {
    background-image: url("/css/vspot-southwest/images/ui-icons_0c99ce_256x240.png");
}

.ui-spinner .ui-state-active .ui-icon {
    background-image: url("/css/vspot-southwest/images/ui-icons_f79236_256x240.png");
}

/* Hide the close button on dialogs */
.dialog-no-close .ui-dialog-titlebar-close {
    display: none;
}

.ui-state-default {
    opacity: .8;
}

.ui-state-hover {
    opacity: .9;
}

.ui-state-active,
.ui-state-focus {
    opacity: 1;
}

.ui-dialog {
    z-index: 1070;
}

.ui-dialog .ui-dialog-content {
    display: block !important;
    padding: 5px;
}







/******************************************** HTML 5 Elements **************************************/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

dialog {
    display: none;
    border: none;
    overflow: hidden !important;
    background: transparent;
}








/******************************************** New designs for the old site **************************************/
.find-signups h1 {
    text-align:center;
}

.find-signups h2 {
    color: #3D9E5B;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
}

.find-signups h3 {
    text-align:center;
    font-family: 'PT Sans', sans-serif;
}

.find-signups .white-box-container {
    display: table;
    margin: 0 auto;
}

.find-signups .white-box {
    float: left;
    width: 256px;
}

.find-signups .white-box.in-the-middle {
    margin: 0 40px;
}

.find-signups .white-box .white-box-top {
    background: url("/imgs/backgrounds/step_bg_top.png") no-repeat scroll 0 0 transparent;
    width: 256px;
    height: 17px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.find-signups .white-box .white-box-middle {
    background: url("/imgs/backgrounds/step_bg_middle.png") no-repeat scroll 0 0 #fff;
    width: 256px;
    min-height: 255px;
    padding: 0;
    margin: 0;
}

.find-signups .white-box .white-box-bottom {
    background: url("/imgs/backgrounds/step_bg_bottom.png") no-repeat scroll 0 0 transparent;
    width: 256px;
    height: 17px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.find-signups .white-box .white-box-content {
    padding: 17px 17px 0 17px;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

.find-signups .white-box-icon {
    margin-left: 180px;
    margin-top: -12px;
    position: absolute;
}

.find-signups .white-box strong {
    color: #21B0D0;
    font-size: 12px;
}

.find-signups .white-box em,
.find-signups label {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
}

.find-signups .light-green {
    padding: 20px 6px;
    margin: 0 -20px;
    color: #656565;
}

.find-signups .green-callout-box {
    width: 216px;
    margin: 0 auto;
}

.find-signups .green-callout-box .green-callout-box-top {
    background: url("/imgs/backgrounds/green_callout_box_top.png") no-repeat scroll 0 0 transparent;
    width: 216px;
    height: 32px;
    font-weight: 700;
    font-size: 17px;
    line-height: 34px;
    text-align: center;
    color: #230400;
}

.find-signups .green-callout-box .green-callout-box-content {
    color: #323232;
    border-right: 1px dashed  #24a859;
    border-left: 1px dashed  #24a859;
    border-bottom: 1px dashed  #24a859;
    text-align: center;
    padding: 5px;
    font-size: 15px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.find-signups .white-box-big {
    float: left;
}

.find-signups .white-box-big .white-box-top {
    background: url("/imgs/backgrounds/white_box_top.png") no-repeat scroll 0 0 transparent;
    width: 299px;
    height: 21px;
}

.find-signups .white-box-big .white-box-middle {
    background: url("/imgs/backgrounds/white_box_middle.png") no-repeat scroll 0 0 #fff;
    width: 299px;
    min-height: 384px;
    padding: 0 20px;
}

.find-signups .white-box-big .white-box-bottom {
    background: url("/imgs/backgrounds/white_box_bottom.png") no-repeat scroll 0 0 transparent;
    width: 299px;
    height: 21px;
}

.find-signups .blue-box {
    float: left;
}

.find-signups .blue-box .blue-box-top {
    background: url("/imgs/backgrounds/blue_box_top.png") no-repeat scroll 0 0 transparent;
    width: 299px;
    height: 21px;
}

.find-signups .blue-box .blue-box-middle {
    background: url("/imgs/backgrounds/blue_box_middle.png") no-repeat scroll 0 0 #fff;
    width: 299px;
    min-height: 384px;
    padding: 0 20px;
}

.find-signups .blue-box .blue-box-bottom {
    background: url("/imgs/backgrounds/blue_box_bottom.png") no-repeat scroll 0 0 transparent;
    width: 299px;
    height: 21px;
}

.find-signups .green-box .green-box-top {
    background: url("/imgs/backgrounds/green_box_top.png") no-repeat scroll 0 0 transparent;
    width: 299px;
    height: 21px;
}

.find-signups .green-box .green-box-middle {
    background: url("/imgs/backgrounds/green_box_middle.png") no-repeat scroll 0 0 #fff;
    width: 299px;
    min-height: 384px;
    padding: 0 20px;
}

.find-signups .green-box .green-box-bottom {
    background: url("/imgs/backgrounds/green_box_bottom.png") no-repeat scroll 0 0 transparent;
    width: 299px;
    height: 21px;
}

/* Added new override styles after bootstrap.css changes February 2014*/
.monthly-nav .month-list .month h3.current {
    font-size: 97%!important;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.left-col .row{
    margin:0px;
    padding:0px;
}

.ui-datepicker-month{
    color:black;
}

.ui-datepicker-year{
    color:black;
}

#tab_my_spots #my_invitation {
    padding-left: 6px;
}

#tab_swap_spots #swap_instructions{
    padding-left:6px;
}

.ui-accordion-header.ui-helper-reset.ui-state-default.ui-accordion-icons.ui-corner-all h3 {
    margin: 0;
    padding: 0;
}

.form-row #reg_type.ng-pristine.ng-valid {
    width: 251px;
}

#pledge_top_intro h2, #pledge_top_done h2, #pledge_top_done h3{
    font-size: 158%;
}

#pledge_form_container form .form-row label {
    font-size: 102%;
}

/* This overrides H1's with high specificiy, but seems like we're overriding it almost everywhere anyway,
 * so I don't think we need this... A.M. 8-17-16.
.content .content-inner .left-column h1 {
    margin: 0;
    padding: 0;
    font-size:170%;
    font-weight:400;
}*/

.content .content-inner .left-column p {
    font-size: 98%;
}

#sign_in_form .form-row.submit {
    margin-right: 7px;
}

.form-row.right-text > a {
    font-size: 98% !important;
}

.left-column h2.dark-blue {
    font-size: 135%;
    margin: 0;
    padding: 0;
}

.demo-video button.green-dark-button {
    float: left;
    font-size: 150%!important;
    margin-right: 10px;
    padding: 3px 23px!important;
}

#demo_form input[type="submit"] {
    margin-right: 220px!important;
}

.demo-description {
    font-size: 92% !important;
    width: 245px;
}

.ebooks h1 {
    font-size: 136% !important;
    line-height: normal;
    margin: 0;
    padding: 0 0 20px !important;
    font-weight:400;
}

.ebook-get-started-box-inner h2 {
    margin: 0;
    padding: 0;
}

.fade-out {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .5s, opacity .5s linear;
  }
  
  .fade-in {
    visibility: visible;
    opacity: 1;
    transition: opacity 1s linear;
  }

  .green-text {
      color: #21a857;
      padding-right: 5px;
  }