body {
    font-family: Arial,Helvetica,sans-serif;
    color: #000000;                         /* Body Color */
}

h1{
    color: #86C7EA;                      /* Primary  Color */
    font-weight: normal;
}

h2{
    color: #000000;                                                     /* Sub Header Color */
    font-weight: normal;
}

h3{
    color: #86C7EA;                      /* Primary Color */
    font-weight: normal;
} 

a{
    color: #000000;                         /* Body Color */
    text-decoration: underline;
}             

a:hover{
    color: #86C7EA;                      /* Primary Color */
}   


/***** PROFILE *****/
.profile .username{
	background-color: #eee;
	border: 3px solid #ddd;
}


/***** GENERAL TEMPLATE *****/


.inner-wrapper img.main{ border-color: #ccc; }

.inside-content img{ border-color: #ccc; }
a img:hover{background-color: #CCCCCC}



.answerSlides img{border-color: #ccc; }

.benefits ul li:before{content: "\2713";}
.benefits ul{
    list-style: none;
    margin-left: 5px;
}
.benefits li{padding: 5px 0;}

form.regForm input{
    border-color: #B3B3B3;            /* Highlight Color */
}
form.regForm input:focus{
    border-color: #B3B3B3;            /* Highlight Color */
}

.chartBar .score {
    color: #000000;                                                     /* Sub Header Color */
}
tr.chartBars{border-bottom-color: #ccc; }

.barWrapper.preferred,
.barWrapper.selected{
	background: #86C7EA;              /* Primary Color */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA...+);
                                                    /* Primary Color and Primary Highlight */
	background: -moz-linear-gradient(left,  #aeefff 0%, #aeefff 50%, #86C7EA 50%, #86C7EA 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#aeefff), color-stop(50%,#aeefff), color-stop(50%,#86C7EA), color-stop(100%,#86C7EA));
	background: -webkit-linear-gradient(left,  #aeefff 0%,#aeefff 50%,#86C7EA 50%,#86C7EA 100%);
	background: -o-linear-gradient(left,  #aeefff 0%,#aeefff 50%,#86C7EA 50%,#86C7EA 100%);
	background: -ms-linear-gradient(left,  #aeefff 0%,#aeefff 50%,#86C7EA 50%,#86C7EA 100%);
	background: linear-gradient(to right,  #aeefff 0%,#aeefff 50%,#86C7EA 50%,#86C7EA 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeefff', endColorstr='#86C7EA',GradientType=1 );
}

ol.progtrckr li.progtrckr-done {
    border-bottom-color: #B3B3B3;                   /* Progress Tracker */
}
ol.progtrckr li.progtrckr-todo {
    color: #B3B3B3;                                 /* Progress Tracker */
    border-bottom-color: #B3B3B3;                   /* Progress Tracker */
}

ol.progtrckr li.progtrckr-done:before {
    color: white;
    background-color: #B3B3B3;                      /* Progress Tracker */
}
ol.progtrckr a li.current:before, 
ol.progtrckr a:hover li:before {
    background-color: #86C7EA;              /* Primary Color */
}

ol.progtrckr li.progtrckr-todo:before {
    background-color: #B3B3B3;                      /* Progress Tracker */
}

.mobile.progress-tracker-wrapper{
    background-color: #999;
    border-bottom-color: #eee;
    color: #fff;
}

.mobile.progress-tracker-wrapper .button{
    background-color: #86C7EA;                      /* Primary Color */
    border-color: transparent;
}

/*** TOOLTIP***/

a.tooltip span { 
    background-color: #86C7EA;                      /* Primary Color */
    border-color: #86C7EA;                          /* Primary Color */
    color: #FFFFFF;
}

a.tooltip span:after {
    border-color: #86C7EA                           /* Primary Color */
    transparent transparent;
}




/***QUIZ***/

.quiz .boxInner {
    border-color: #B3B3B3;                          /* Highlight */
    background-color: #fff;
}
.quiz .boxInner.selected{
    background-color: #B3B3B3;                      /* Highlight */
}


/***BUTTON***/



.button, 
input[type="button"], 
input[type="submit"], 
.modal_btn{
    background-color: #000000;                      /* Button Color */
}
.button:hover, 
input[type="button"]:hover, 
input[type="submit"]:hover, 
form.regForm input[type="submit"]:hover, 
.modal_btn:hover {
    background-color: #B3B3B3;                      /* Highlight */
}

.button.secondary, 
.modal_btn.secondary{background-color: #999;}

.button.secondary:hover, 
.modal_btn.secondary:hover{background-color: #666;}

#summarySlide .window-container{background-color: #fff;}

.window-container .close:hover{
    color: #86C7EA ;                                 /* Primary Color */
} 
.window-container .close-button {  
    border-color: #000000 ;                          /* Body Color */
    color: #000000 ;                                 /* Body Color */
}  
.window-container .close-button:hover {
    border-color: #000000;                          /* Body Color */
}  

.retailer-banner{
    background-color:#86C7EA ;
    width:100%;
    height:110px;
}