/*
 * CSS Updates - (08/22/2023 onetrust banner)
 */
/*
.onetrust-pc-dark-filter.ot-hide {

display: block !important;
z-index: 100 !important;
}

.onetrust-pc-dark-filter.ot-fade-in {
display: block !important;
z-index: 100 !important;
}

*/

/*
 * CSS Updates - Version: 3.5.6.15 (03/27/2013 14:38:17)
 */


/* KINESIS COOKIE BANNER - DEFAULT SYSTEM GENERATED BY FORSTA */
.cc_modal { 
 display:none !important;
}



/* CCPA - DO NOT SELL MY INFO BUTTON */
.doNotSell_FOOTER {
 background:transparent;
 padding-bottom:0px;
}
.doNotSell_BTN {
 background-color: transparent;
 border:2px solid #ffffff !important;
 color:#fff !important;
 
 -webkit-border-top-left-radius:0px;
 -moz-border-radius-topleft:0px;
 border-top-left-radius:0px;
 -webkit-border-top-right-radius:0px;
 -moz-border-radius-topright:0px;
 border-top-right-radius:0px;
 -webkit-border-bottom-right-radius:0px;
 -moz-border-radius-bottomright:0px;
 border-bottom-right-radius:0px;
 -webkit-border-bottom-left-radius:0px;
 -moz-border-radius-bottomleft:0px;
 border-bottom-left-radius:0px;
 
 text-indent:0;
 display:block;
 margin:0 auto;
 
 font-family:Arial !important;
 font-size:13px !important;
 font-weight:bold !important;
 font-style:normal !important;
 height:28px;
 line-height:28px !important;
 width:340px;
 text-decoration:none;
 text-align:center;
 
}
.doNotSell_BTN:hover {
 background-color:#fb9e25 !important;
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
 background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
 color:#ffffff !important;
 text-shadow:1px 1px 0px #cc9f52;
 border:2px solid #eeb44f !important;
 text-decoration:none !important;
}.doNotSell_BTN:active {
 color:#ffffff !important;
 position:relative;
 top:1px;
}
.doNotSell_Disclaimer {
 display:block;
 margin:7px auto 0px;
 width:100%;
 text-align:center;
 font-style:italic;
 font-size:12px;
 color:#fff !important;
}

/* FOR CANADIAN REDEMPTION BUTTON */
.canadianRedemptionBTN {
 -moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
 -webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
 box-shadow:inset 0px 1px 0px 0px #cae3fc;
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
 background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
 background-color:#79bbff;
 -webkit-border-top-left-radius:10px;
 -moz-border-radius-topleft:10px;
 border-top-left-radius:10px;
 -webkit-border-top-right-radius:10px;
 -moz-border-radius-topright:10px;
 border-top-right-radius:10px;
 -webkit-border-bottom-right-radius:10px;
 -moz-border-radius-bottomright:10px;
 border-bottom-right-radius:10px;
 -webkit-border-bottom-left-radius:10px;
 -moz-border-radius-bottomleft:10px;
 border-bottom-left-radius:10px;
 text-indent:0;
 border:1px solid #469df5;
 display:inline-block;
 color:#ffffff !important;
 text-decoration:none !important;
 font-family:Arial;
 font-size:15px;
 font-weight:bold;
 font-style:normal;
 height:40px;
 line-height:40px;
 width:425px;
 text-decoration:none;
 text-align:center;
 text-shadow:1px 1px 0px #287ace;
}
.canadianRedemptionBTN:hover {
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
 background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
 background-color:#4197ee;
}.canadianRedemptionBTN:active {
 position:relative;
 top:1px;
}

.tangocard_brands {
width: 650px !important;
height: 500px !important;
overflow: auto !important;
padding: 0px !important;
margin-left:-10px;
background:#ffffff;
}

#facebook_login_field {
margin-top: 5px !important;
text-align: center !important;
padding-bottom: 10px;
}

#facebook_login_field button {
 border: 0px !important;
}

#recaptcha_area, #recaptcha_table {
width: 250px !important;
margin-left: -28px !important;
}

#card_container
{
  width: 330px;
}

#nav a:hover
{
  color: #000;
 /* COLOR Black Hover on Menu Tabs*/;
}
#nav li#current
{
  color: #000;
}
#nav li#current a
{
  color: #000;
}
#nav li#current li, #nav li#current li a
{
  color: #000;
}
body
{
  color: #666666;
  /* Text color for all content */
 background-color: #FAFAFA;
min-width:1024px;
}
a:link, a:visited
{
  color: #AE855C;
}
a:hover
{
  border-bottom-color: #AE855C;
}
a.more-link
{
  border-bottom-color: #AE855C;
}
h2
{
  color: #663333;
}
form
{
  background-color: #F8F8F8;
  border-color: #F0F0F0;
}
form p
{
  border-bottom-color: #E6E6E6;
  color: #FFF;
}
label
{
  color: #000;
 /* Input label color (ie. E-Mail Address) */;
}
input:focus, select:focus, textarea:focus
{
  background-color: #FFF;
  /* Input background color */ 
    color: #000;
 /* Input text color */;
}
#page
{
  background-color: #EFEFEF;
}
#page_content
{
  background-color: #FFFFFF;
  border-color: #EAEAEA;
  color:#000 !important;

}
#header
{
  background-color: #EFEFEF;
}
#footer
{
  background-color: #E7E7E7;
}
.button
{
  background-color: #EFEFEF;
  /* COLOR Medium Blue */
 border-color: #DDD;
  color: #666;
}
.button:hover
{
  background-color: #E7E7E7;
  /* COLOR Dark Blue */
 border-color: #999;
}
.comment_container, .subcomment_container
{
  background-color: #F8F8F8;
  margin-bottom: 20px !important;
}

#comments .comment_container {
 padding-bottom:10px !important;
}

#comments {
 max-width: 400px;
 margin: 0 auto;
}

.comment
{
  background-color: #FFF;
  border-color: #E0E0E0;
}
.sub_comment
{
  background-color: #F0F0F0;
  border-color: #E0E0E0;
}
.actions, .actions a
{
  color: #AAA;
}
.discussionlist li
{
  border-bottom-color: #E0E0E0;
}


/*
 * CSS Updates - Version: 3.5.6.12 (01/03/2013 10:11:46)
 */

#nav a:hover
{
  color: #000;
 /* COLOR Black Hover on Menu Tabs*/;
}
#nav li#current
{
  color: #000;
}
#nav li#current a
{
  color: #000;
}
#nav li#current li, #nav li#current li a
{
  color: #000;
}
body
{
  color: #666666;
  /* Text color for all content */
 background-color: #FAFAFA;
}
a:link, a:visited
{
  color: #AE855C;
}
a:hover
{
  border-bottom-color: #AE855C;
}
a.more-link
{
  border-bottom-color: #AE855C;
}
h2
{
  color: #663333;
}
form
{
  background-color: #F8F8F8;
  border-color: #F0F0F0;
}
form p
{
  border-bottom-color: #E6E6E6;
  color: #FFF;
}
label
{
  color: #000;
 /* Input label color (ie. E-Mail Address) */;
}
input:focus, select:focus, textarea:focus
{
  background-color: #FFF;
  /* Input background color */ 
    color: #000;
 /* Input text color */;
}
#page
{
  background-color: #EFEFEF;
}
#page_content
{
  background-color: #FFFFFF;
  border-color: #EAEAEA;
}
#header
{
  background-color: #EFEFEF;
}
#footer
{
  background-color: #E7E7E7;
}
.button
{
  background-color: #EFEFEF;
  /* COLOR Medium Blue */
 border-color: #DDD;
  color: #666;
}
.button:hover
{
  background-color: #E7E7E7;
  /* COLOR Dark Blue */
 border-color: #999;
}
.comment_container, .subcomment_container
{
  background-color: #F8F8F8;
}
.comment
{
  background-color: #FFF;
  border-color: #E0E0E0;
}
.sub_comment
{
  background-color: #F0F0F0;
  border-color: #E0E0E0;
}
.actions, .actions a
{
  color: #AAA;
}
.discussionlist li
{
  border-bottom-color: #E0E0E0;
}


/*
 * CSS Updates - Version: 3.5.6.9 (11/09/2012 16:19:27)
 */


/* ============================ */
/* ROUTER / SURVEY ROULETTE DIV */
/* ============================ */

.r{
 background-color: #FFFFFF;
 border: 1px solid #CBCBCB;
 width: 300px;
 margin: 0 auto;
 margin-top: 20px;
 margin-bottom: 20px;
 padding: 15px;
 padding-top: 5px !important;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
 -khtml-border-radius: 15px;

 text-align: center;
}

.t{
 font-size:130%;
 display: block;
 padding-bottom: 10px;
 text-align: center;
}

/* ============================ */
/* CSS */
/* ============================ */


#nav a:hover
{
  color: #000;
 /* COLOR Black Hover on Menu Tabs*/;
}
#nav li#current
{
  color: #00AEEF;
}
#nav li#current a
{
  color: #00AEEF;
}
#nav li#current li, #nav li#current li a
{
  color: #666;
}
body
{
  color: #666666;
  /* Text color for all content */
 background-color: #FAFAFA;
}
a:link, a:visited
{
  color: #AE855C;
}
a:hover
{
  border-bottom-color: #AE855C;
}
a.more-link
{
  border-bottom-color: #AE855C;
}
h2
{
  color: #663333;
}
form
{
  background-color: #F8F8F8;
  border-color: #F0F0F0;
}
form p
{
  border-bottom-color: #E6E6E6;
  color: #FFF;
}
label
{
  color: #000;
 /* Input label color (ie. E-Mail Address) */;
}
input:focus, select:focus, textarea:focus
{
  background-color: #FFF;
  /* Input background color */ 
    color: #000;
 /* Input text color */;
}
#page
{
  background-color: #EFEFEF;
}
#page_content
{
  background-color: #FFFFFF;
  border-color: #EAEAEA;
  color:#000;
}
#header
{
  background-color: #EFEFEF;

}
#footer
{
  background-color: #E7E7E7;
}
.button
{
  background-color: #EFEFEF;
  /* COLOR Medium Blue */
 border-color: #DDD;
  color: #666;
}
.button:hover
{
  background-color: #E7E7E7;
  /* COLOR Dark Blue */
 border-color: #999;
}
.comment_container, .subcomment_container
{
  background-color: #F8F8F8;
}
.comment
{
  background-color: #FFF;
  border-color: #E0E0E0;
}
.sub_comment
{
  background-color: #F0F0F0;
  border-color: #E0E0E0;
}
.actions, .actions a
{
  color: #AAA;
}
.discussionlist li
{
  border-bottom-color: #E0E0E0;
}


/*
 * CSS Updates - Version: 3.5.6.8 (10/12/2012 15:57:55)
 */


body
{
  color: #666666;
  /* Text color for all content */
 background-color: #FAFAFA;
}
a:link, a:visited
{
  color: #AE855C;
}
a:hover
{
  border-bottom-color: #AE855C;
}
a.more-link
{
  border-bottom-color: #AE855C;
}
h2
{
  color: #663333;
}
form
{
  background-color: #F8F8F8;
  border-color: #F0F0F0;
}
form p
{
  border-bottom-color: #E6E6E6;
  color: #FFF;
}
label
{
  color: #000;
 /* Input label color (ie. E-Mail Address) */;
}
input:focus, select:focus, textarea:focus
{
  background-color: #FFF;
  /* Input background color */ 
    color: #000;
 /* Input text color */;
}
#page
{
  background-color: #EFEFEF;
}
#page_content
{
  background-color: #FFFFFF;
  border-color: #EAEAEA;
  color:#000;
}
body.twocol_rightbar #main_content,
body.default #main_content
{
  border-right-color: #E8E8E8;
font-color: #000 !important;
}
#header
{
  background-color: #EFEFEF;
}
#header_content #header-image
{
  //background: url("../shared/images/header-image.png") no-repeat scroll 0 0 transparent;
  height: 125px;
  position: absolute;
  top: -130px;
  width: 371px;
  left: -10px;
}
#footer
{
  background-color: #E7E7E7;
}
.button, .button:hover
{
  background-color: #EFEFEF;
 /* COLOR Medium Blue */;
}
.button
{
  background-color: #EFEFEF;
  /* COLOR Medium Blue */
 border-color: #DDD;
  color: #666;
}
.button:hover
{
  background-color: #E7E7E7;
  /* COLOR Dark Blue */
 border-color: #999;
}
.comment_container, .subcomment_container
{
  background-color: #F8F8F8;
}
.comment
{
  background-color: #FFF;
  border-color: #E0E0E0;
}
.sub_comment
{
  background-color: #F0F0F0;
  border-color: #E0E0E0;
}
.actions, .actions a
{
  color: #AAA;
}
.discussionlist li
{
  border-bottom-color: #E0E0E0;
}


/* Colors in menu.css*/

#PRESETS_INFO_IS_HERE{}

/* ============================ */
/* PRESETS */
/* ============================ */
.imagePreloader {
 display: none;
}

.floatRight {
 float: right;
 margin-top: 7px;
}

body {
 color: #7b7b7b; /* Text color for all content */
 /*background-color: #ff00ea; */
 background-color: #FFF;
 background-image:url();
/* background-image:url('../MySoapBox_BG.jpg');*/
 font: 12px 'Arial',Verdana,Helvetica,sans-serif;
 background-size: 100% 100%;
 background-size: cover;
 background-repeat: no-repeat;
 min-width:1024px;
 background-attachment: fixed;
 position: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg',sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg',sizingMethod='scale')";
}

/*body, html {
 min-height: 100%;
}

html {
 height: 100%;
} */

p, dl {
    padding: 7px 15px;
}

p {
  color: #7b7b7b;
}

body.mceContentBody {
 background-color: #FFF !important;
 background-image: none !important;
}

#name, #email, #message, #website, #subject {
    width: 98% !important;
}

#auth #username_field label, #auth #password_field label {
 text-align:left;
 padding-left:20px;
}

#main_content .errormsgbox {
    margin-left: 15px;
 
}

#main_content .errormsgbox .ui-icon {
 float: none !important;
}

.successbox, .infobox {
 margin: 0px 15px;
 margin-bottom:10px;
 z-index:1100;
 float:left;
 width:500px;
}

.errormsgbox{
 z-index:1100 !important;
 float:left;
 width:500px;
}


#left-column {
}

#right-column {

}

a:link, a:visited {
    color: #00AEEF;
    }
a:hover {
    border-bottom-color: #00AEEF;
}
a.more-link {
    border-bottom-color: #00AEEF;
}
h1, h2, h3, h4 {
    color: #444444;
    font-family: Arial,Helvetica,sans-serif;
}
h1.page-title {
  color: #ffffff;
}
h2 {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: bold;
}
dt {
    color: #7BA857;
}
img {
    /*background-color: #FAFAFA;
    border-color: #DCDCDC; */
}
#img_check {
 float: right;
 margin: 0px 100px 15px 80px;
}

form.error, .errormsgbox, input.error, textarea.error {
    background-color: #FFF5F5;
    border-color: red;
    border-width:1px;
    color: #545454;
    margin: 0 0 5px;
 z-index:1000;
}
#auth_form span.ui-icon-alert {

display:none;
}

#auth_form {
 border-radius:15px;
}


code {
    background-color: #F8F8F8;
    border-color: #F0F0F0;
}
acronym {
    border-bottom-color: #895F30;
}
blockquote {
 background: url("../shared/images/quote.gif") no-repeat scroll 12px 12px;
    background-color: #F8F8F8;
    border-color: #F0F0F0;
    color: #555555;
}
/*tr {
    background-color: #000000;
}*/
tr.altrow {
    background-color: #F9F9F9;
}
th {
    background: none repeat scroll 0 0 #EFEFEF; /* Background color for tables */
 border: 0px;
    border-color: #E7E7E7; /* Border color for tables */
    color: #666; /* Title text color for tables */
}
/*td {
    border-color: #EFEFEF;
}*/
form {
    background-color: #FFF;
    border:0px;
    margin:0px;
    padding-left:0px;
 width: 105%;
}
form p {
    border-bottom: 0px;
    color: #545454; 
}
label {
    color: #545454; /* Input label color (ie. E-Mail Address) */
}
input, select, textarea {
    border-color: #D4D4D4 #EBEBEB #EBEBEB #D4D4D4;
    color: #6A6969;
}
input:focus, select:focus, textarea:focus {
    background-color: #FFF; /* Input background color */ 
    color: #000; /* Input text color */
    font-weight: normal;
}
input.button {
    background-color: #4B4FB5; 
    border-color: #BA55D3 #9370DB #9370DB #BA55D3; 
    color: #FFFFFF;
}

.toggleVisibility {
 color: #7b7b7b !important;

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

}

a.toggleVisibility:hover {
 color: #666 !important;
 text-decoration: none !important;
 border: 0 !important;
 cursor: pointer;
}

/* ============================ */
/* MENU */
/* ============================ */

/*#menu_content {
 background: #FFF;
 border: 0px;
 border-right: 1px solid grey;
 border-left: 1px solid grey;
 box-shadow: 0px 0px 10px;
}*/



#NAV_CONTENT_IS_HERE {}

#menu_content {
/* background: url(../FullSite_Menu.png);
 background-repeat: no-repeat;
margin:0; */
background: #ffffff !important;
width:100%;
height: 0px; /* 29px */
border: 0px brown solid;
/*display:none;*/
 z-index:99999;
 line-height:0px;
}

#nav {
 float: right;
 position:relative;
 top: -50px;
 margin-right:10%;
 margin-top:0px;
 padding-top:0px;
 height: 0px;
}

#nav a:hover {
 color:#F7941E; /* COLOR Black Hover on Menu Tabs*/
}

#nav li ul li a:hover, #nav li#current ul li a:hover {
 background-color:#F7941E;
}

#nav li a {
    color: #00aeef;
    font-size: 22px;
/*  font-weight: bold;*/
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0px;
    padding-left: 1px;
    text-transform: none;
}

#nav li + li:before {
    content: "";
    color: #545454;
    display: block;
    height: 0;
}

#nav li {
    float: left;
    margin: 0;
    padding: 0;
}

li#current a {
 color: #00aeef;
}

#nav ul li#current a {
 color: #00aeef;
}

#nav li ul li {
 padding: 0px;
 margin:0px;
}

#nav li ul li:before {
    content: "" !important;
}

#nav li ul li a {
 color: #00aeef;
 text-transform: none;
 font-size: 22px;
/* font-weight: bold;*/
 padding: 5px;
 margin:0px;
}

#nav li ul li a:hover {
 background-color: #EFEFEF;
 text-transform: none;
 font-size: 22px;
 /*font-weight: bold;*/
 padding: 0px;
 margin: 0px;
 
}


#NEW_NAV_CSS_IS_HERE {}



#newnav {
 position:absolute;
 top: 30px;
 right:3%;
 z-index: 99998;
 font-size:22px;
}

#newnav a:link. #newnav a:visited {
 color:#00AEEF;
 padding-right:60px;
}


#newnav a:hover {
 color:#F7941E;
}


#newnav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#newnav li {
    display: inline;
 margin-left:20px;
 margin-right:20px;
}




#BANNER_CONTENT_IS_HERE {}

/* ============================ */
/* BANNER */
/* ============================ */

#banner{
 background-color: #EFEFEF;
}

#banner_content {
 background-color: #FFFFFF;
 border-color: #EAEAEA;
}



/* ============================ */
/* PAGE CONTENT */
/* ============================ */

#page {
 background-color: transparent;
 padding-top: 0px;
 padding-bottom: 225px !important;
}

/*#page_content {
 background-color: #FFFFFF;
 border: 1px solid grey;
 border-radius: 0px;
 box-shadow: 0px 0px 10px;
}*/


#PAGE_CONTENT_IS_HERE___________________________________________________________________ {}

#page_content {
 border: 0px #ff0000 solid;
 border-radius: 0px;
  color:#000;
 background: url(../space20x20.png);
 background-repeat: repeat-y;
 margin:0;
 width:100%;
}

#page_content_bottom {
    background: url(../space20x20.png);
 background-repeat: no-repeat;
    height: 25px;
    margin: 0 auto;
    width: 100%;
 margin:0px;
 display:none;
}

body.twocol_leftbar #main_content {
 border-left-color: #E8E8E8;
 border-left: 0px;
 padding: 0px 25px 50px 35px;
}

body.twocol_rightbar #main_content {
 border-right-color: #E8E8E8;
 border-right: 0px;
 padding: 0px 25px 50px 35px;
}

body.default #main_content {
 border-right-color: #E8E8E8;
 border-right: 0px;
 border-left-color: #E8E8E8;
 border-left: 0px;
 padding: 0px 35px;
}

.container_12 .grid_9, .container_16 .grid_12 {
    width: 515px;
}

.container_12 .grid_12, .container_16 .grid_16, #main_content.grid_8 {
 width: 1060px;
    margin: 0 auto;
border:0px green solid;
}

.grid_8 form {
 background-color: transparent;
}

.grid_8 form button {
 font-size:16px;
 padding: 0px 10px;
 margin-left:50px;
}

.grid_8 button:hover {
 font-size:16px;
 padding: 0px 10px;
}

#main_content.grid_16 {
    padding: 0px;
    padding-bottom: 0px;
    width: 100%;
}

#main_content.grid_12 {
    min-height: 600px;
}

#main_content.grid_8 {
 margin-top:50px;
}

#main_content.grid_8 p{
 color:#000 !important;
 font-size: 16px;
 font-weight:bold;
 width:90%;
}

#main_content.grid_8 a{
 color:#7B7AD0 !important;
}

#main_content.grid_8 li{
 color:#FFFFFF;
 font-size:15px;
 padding-bottom:7px;
}

#main_content, #right_widget_content, #left_widget_content {
 margin: 0px;
}


.carousel_mid {
 background: #FFFFFF;
 height:200px;
 padding-bottom:10px;
 width:100%;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 font-size:28px;
 color:#7b7b7b;
 border: 1px solid #000;

}


.carousel_mid2 {
 background: #dddddd;
 height:200px;
 padding-top:10px;
 padding-bottom:10px;
 width:100%;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 font-size:28px;
 color:#7b7b7b;
}

.how_it_works_mobile{display:none;}

.how_it_works {
 background: url(https://panel.mysoapbox.com/portal/themes/1_21_39/bg1.jpg);
 background-color:#dddddd;

 min-height: 300px;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 padding-top:10px;
 padding-bottom:10px;

}

.your_way_mobile {display:none;}
.your_way {
 background: url();
 background-repeat: repeat-y;
 background-size: 150% 150%;
 min-height: 300px;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 padding-top:30px;
 padding-bottom:10px;
}


.your_way2 {
 background: url(../Bubble_background_orange1.jpg);
 background-repeat: repeat-y;
 min-height: 300px;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 padding-top:30px;
 padding-bottom:10px;
}




.hiw_header {
 font-size:34px;
 font-weight:bold;
 color:#FFFFFF;
 padding-top:10px;
 padding-bottom:5px;
}

.hiw_text {
 font-size:26px;
 color:#FFFFFF;
 display:inline;
}

#orange_icons ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#orange_icons li {
    display: inline;
 margin-left:20px;
 margin-right:20px;
}
#orange_icons2 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#orange_icons2 li {
    display: inline;
 margin-left:0px;
 margin-right:0px;
}

.hiw_table_container {
 width:80%;
 position:relative;
 left:10%;
}
#hiw_table table{
 border:0px !important;
}
#hiw_table tr{
 border:0px !important;
}
#hiw_table td{
 border:0px !important;
 text-align: center;
}

.desktop_hide { display: none; }






/* ============================ */
/* HEADER CONTENT */
/* ============================ */


#HEADER_CONTENT_IS_HERE {}

#header{
 background-color: #ffffff;
 padding-bottom:0px;
 border-bottom: 1px solid #000;
  box-shadow: 5px 5px 10px grey;
}

/*#header_content {
 background: #FFF;
 border-top-left-radius: 25px;
 border-top-right-radius: 25px;
 border: 1px solid grey;
 border-bottom: 0px;
 height: 115px;
 box-shadow: 0px 0px 10px;
}*/

#header_content a {
 border-bottom: 0px;
}

#header {
 padding-top:0px;
}

#header_content {
 background: url(../bgHeader1.png);
 background-repeat: no-repeat;
 border:0px #000000 solid;
margin:0;
width:100%;
/* height: 77px;*/
}

#header_content img {
 padding: 0px;
 margin-left: 25px;
 margin-top: 8px;
 border: 0px;
}






#socialNetwork {
    margin:0px;
    margin-left: 615px;
    margin-top: -13px;
    position: absolute;
}

#socialNetwork img {
   padding:5px;
   margin:0px;
}

#header_content h1#logo-text a {
    color: #8E8CA5; /* h1 tag color */
}
#header_content p#intro {
    color: #83819D; /* Text in header color */
}
/*#header_content #header-image {
    background: url("../shared/images/header-image.png") no-repeat scroll 0 0 transparent;
    height: 125px;
    position: absolute;
    top: -130px;
    width: 371px;
 left: -10px;
}*/




#WELCOME_HEADER_IS_HERE_________________________{}

.lower_header_welcome {
 background: url('https://panel.mysoapbox.com/portal/themes/1_21_39/MBS_homepage__bannerbg.jpg')  no-repeat center center fixed;
 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 height:420px;
 padding-top:30px;
 padding-bottom:25px;
 width:100%;
}

.welcome_text_container {
 width: 40%;
 padding-top:5px;


 margin-bottom: 10px;

}

.welcome_text {
 font-size:48px;
 color:#000;
 font-weight:bold;
}

.welcome_text2 {
 font-size:34px;
 color:#000;
 font-weight:bold;
}

.header_text_welcome {
 font-size:20px;
 color:#000;
 max-width:520px;
 margin: 0 auto !important;
}
.header_text_welcome_temp {
 font-size:20px;
 color:#ffffff;
 }

.join_now_green {
 margin-top:10px;
 padding-top:10px;
 padding-bottom:10px;
 height:80px;
 width:100%;
 background-color: #91bd41;
 color: #ffffff;
 margin-left: auto;
 margin-right: auto;
}

.vid_container {
 background: url(../vidbg1c.png) ;
 background-repeat: no-repeat;
 height:330px;
 width:450px;
 float:right;
 position:relative;
 top: 20px;
 right:5%;
 margin-left: auto;
 margin-right: auto;
}

.vid_container2 {
 border-radius: 25px;
 background: #FFFFFF;
 height:235px;
 width:410px;
 padding-top:17px;
    margin: auto;
}

.vid_text{
 /*font-weight:bold;*/
 font-size:22px;
 position:relative;
 bottom:10px;
 margin-left: auto;
 margin-right: auto;
 
}
.vid_shim {
 height:168px;
 position:relative;
 bottom: -25px;
}

.join_button {
 display: block;
    background-color: transparent;
    background-image: url(../button_orange_welcome4.png);
    background-repeat: no-repeat;
    width: 300px;
    height: 82px;
    border: 0px;
    vertical-align: middle;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    margin: 0 auto;
 padding-top:20px;
}

.join_button:hover {
   background-color: transparent;
    background-image: url(../button_blue_welcome4.png);
    background-repeat: no-repeat;
 color: #f7941e !important;
}

.join_button a  {
 display:block;
/* color:#00aeef;*/
 color:#ffffff;
 font-size: 42px;
 text-shadow: 0px 0px 5px #000000;
 text-decoration:none !important;
}

.join_button a:hover {
/* color: #f7941e !important;*/
 color: #ffffff !important;
 text-shadow: 0px 0px 5px #000000;
}



.join_button2 {
 display: block;
    background-color: transparent;
    background-image: url(../button_orange_community.png);
    background-repeat: no-repeat;
    width: 158px;
    height: 50px;
    border: 0px;
    vertical-align: middle;
    text-align: center;
    line-height: 26px;
    font-weight: bold;
    margin: 0 auto;
 padding-top:12px;
}

.join_button2:hover {
   background-color: transparent;
    background-image: url(../button_blue_community3.png);
    background-repeat: no-repeat;
}

.join_button2 a  {
 display:block;
 color:#ffffff;
 font-size: 26px;
 text-shadow: 0px 0px 4px #000000;
 text-decoration:none !important;
}

.join_button2 a:hover {
 color: #ffffff !important;
 text-shadow: 0px 0px 4px #000000;
}



/* button */
.all_charities {
 display: block;
    background-color: transparent;
    background-image: url(../button_orange_welcome4.png);
    background-repeat: no-repeat;
    width: 300px;
    height: 82px;
    border: 0px;
    vertical-align: middle;
    text-align: center;
    line-height: 32px;
    font-weight: bold;
    margin: 0 auto;
 padding-top:24px;
}

.all_charities:hover {
   background-color: transparent;
    background-image: url(../button_blue_welcome4.png);
    background-repeat: no-repeat;
 color: #f7941e !important;
}

.all_charities a  {
 display:block;
 color:#ffffff;
 font-size: 32px;
 text-shadow: 0px 0px 5px #000000;
 text-decoration:none !important;
}

.all_charities a:hover {
 color: #ffffff !important;
 text-shadow: 0px 0px 5px #000000;
}








#ABOUT_US_IS_HERE_________________________{}
/* ABOUT US HEADER */

.lower_header_about_mobile {
 display:none;
}

.lower_header_about {
 background: url(../Bubble_background_blue1.jpg) ;
 background-repeat: repeat-y;
 min-height:340px;
 width:100%;
 border: 0px green solid;

}

.about_us_container{
 display:inline;
 float: right;
 position:absolute;
 top: 34px;
 right:10%;
 margin-left: auto;
 margin-right: auto;
}

.header_text_about {
 font-size:20px;
 color:#ffffff;
 max-width: 500px;
 text-align: justify;
 margin-left: auto;
 margin-right: auto;
}

.about_us_spacer {
 background: #FFFFFF;
 height:10px;
 width:100%;
}

.about_us_spacer2_mobile {display:none;}
.about_us_spacer2 {
 background: #FFFFFF;
 height:auto;
 width:100%;
 font-size:18px;
 color:#7b7b7b;
 text-align:center;
 padding-top:10px;
padding-bottom:10px;
}

.about_us_spacer2 .images img{
 max-height: 55px;
}

.about_us_spacer2 .images {
 padding-top:5px;
 padding-left:10px;
 padding-right:10px;
}




#CONTACT_US_IS_HERE_________________________{}
/* CONTACT US HEADER */

.lower_header_contact {
 background: url(../Bubble_background_blue1.jpg) ;
 background-repeat: repeat-y;
 min-height:327px;
 width:100%;
 border: 0px green solid;
 z-index:100;
}

.contact_us_container{
 display:inline;
 float: right;
 position:absolute;
 top: 64px;
 right:10%;
 margin-left: auto;
 margin-right: auto;
}

.faq_form {
 background: url(../Bubble_background_orange1.jpg);
 background-repeat: repeat;
 min-height: 500px;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
/* text-align: center; */
 padding-top:10px;
 padding-bottom:10px;
}

.header_text_contact {
 font-size:24px;
 color:#ffffff;
 max-width: 640px;
 text-align: justify;
 margin-left: auto;
 margin-right: auto;
}

.contact_us_spacer {
 background: #FFFFFF;
 height:10px;
 width:100%;
}

.contact_us_spacer {
 background: #FFFFFF;
 height:10px;
 width:100%;
}
.contact_us_spacer2 {
 background: #FFFFFF;
 height:10px;
 width:100%;
 position: relative;
 bottom: -15px;
 z-index:-1;
 border:0px #ff0000 solid;
}

.contact_faq_container {
 display:block;
 width:95%;
 /*float:left;*/
 margin-left: 1.8%;
 /*text-align: center;*/
}

.contact_form_container {
 display:block;
 /*width: 30%;
 float: right;*/
 position: relative;
 top: 0px;
}

.contactus_form_title {
 font-size:32px;
 color:#FFFFFF;
 padding-bottom:5px;
 text-align:left;
}

.vert_div {
 background-color: #ffffff;
 float: left;
 position: absolute;
 left:70%;
 height:100%;
 width:10px;
 z-index:140;
}

#contact_body_table table{
 border:0px !important;
}
#contact_body_table tr{
 border:0px !important;
}
#contact_body_table td{
 border:0px !important;
}

.contact_faq_container_mobile{display:none;}





#COMMUNITY_IS_HERE_________________________{}
/* COMMUNITY HEADER */

.lower_header_community_mobile { display:none; }
.community_body1_mobile { display: none; }
.community_wrapper { display: none; }

.lower_header_community {
 background: url(../Bubble_background_blue1.jpg) ;
 background-repeat: repeat-y;
 background-size: 120% 120%;
 height:337px;
 width:100%;
 border: 0px green solid;
}

.community_img_container{
 float: left;
 position:relative;
 top: -283px;
 left:-25px;
 border: 0px red solid;
 margin:0px;
}

.box_style {
 position: relative;
 top: -8px;
 margin-left: -10px;
}

.community_text_container{
 width: 100%;
 border: 0px blue solid;
 /*text-align:center;*/
}

.header_text_community {
 font-size:20px;
 color:#ffffff;
 max-width: 600px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}

.community_spacer {
 background: #FFFFFF;
 height:10px;
 width:100%;
}

.community_body1 {
/* background: url(../Bubble_background_blue1.jpg) ; */
 background-color: #ffffff;
 height: 400px;
 text-align: center;
 margin-left:auto;
 margin-right:auto;
 padding-top:10px;
}

.community_body1a {
/* background: url(../Bubble_background_blue1.jpg) ;*/
 background-color: #ffffff; 
 height: auto;
 text-align: center;
 margin-left:auto;
 margin-right:auto;
 padding-top:10px;
}
.community_body2a {
 background: url(../Bubble_background_blue1.jpg) ;
/* background-color: #ffffff; */
 height: auto;
 text-align: center;
 margin-left:auto;
 margin-right:auto;
 padding-top:10px;
}

.community_body1_cell {
 background: url(../Bubble_background_orange1.jpg);
 background-repeat: repeat;
 width: 100%;
 height: 340px;
 border: 1px #01aef0 solid;
 border-radius: 25px;
 margin-top:20px;
}

.community_body1_cell_logged {
 background: url(../Bubble_background_orange1.jpg);
 background-repeat: repeat;
 width: 100%;
 height: 240px;
 border: 1px #01aef0 solid;
 border-radius: 25px;
 margin-top:20px;
}


.community_body1_text1 {
 font-size: 42px;
 color: #ffffff;
 padding-top:15px;
 padding-bottom:20px;
}

.community_body1_text1 a{
  color: #ffffff !important;
 }

.community_body1_text2 {
/* background: url(../community_body1_bg1.png) no-repeat; */
 width:100%;
 text-align: center;
 padding-top:40px;
}

.community_body1_text2_logged {
/* background: url(../community_body1_bg1.png) no-repeat; */
 width:100%;
 text-align: center;
 padding-top:10px;
}

.community_body1_inner {
 line-height: 45px;
 position:relative;
 top:20%;
 font-size: 36px;
 color: #ffffff;
}




.community_body1a_cell1 {
 background: url(../Bubble_background_orange1.jpg);
 background-repeat: repeat;
 width: 26%;
 height: 340px;
 border: 1px #01aef0 solid;
 border-radius: 25px;
 float:right;
 position:relative;
 margin-top:20px;
 right:5%;
}

.community_body1a_cell1_logged {
 background: url(../Bubble_background_orange1.jpg);
 background-repeat: repeat;
 width: 26%;
 height: 240px;
 border: 1px #01aef0 solid;
 border-radius: 25px;
 float:right;
 position:relative;
 margin-top:20px;
 right:5%;
}

.community_body1a_red {
 font-size: 44px;
 color: #ff0000;
}

.community_body1a_grn {
 font-size: 36px;
/* color: #43ca16;*/
 color: #ffffff;
}

.community_body2 {
 background: url(../Bubble_background_blue1.jpg) ;
 min-height: 440px;
 text-align: center;
 margin-left:auto;
 margin-right:auto;
 padding-top:20px;
}

.community_body2_text_bold {
 font-size: 42px;
 color: #ffffff;
 font-weight: bold;
}

.community_body2_text_bold a {
 font-size: 42px;
 color: #ffffff !important;
 font-weight: bold;
 text-decoration:none !important;
}

.community_body2_text_bold a:hover {
 color: #F7941E !important;
}

.community_body2_text_nobold {
 font-size: 42px;
 color: #ff0000;
 font-weight: bold;
}

.community_body2_container {
 background: #ffffff;
 width: 60%;
 height:330px;
 border: 1px #333333 solid;
 border-radius: 25px;
 padding-top: 10px;
}

.community_body3 {
 background-color: #dddddd;
 height: 540px;
 text-align: center;
 margin-left:auto;
 margin-right:auto;
 padding-top:20px;
}

#community_body3_table table{
 border:0px !important;
}
#community_body3_table tr{
 border:0px !important;
}
#community_body3_table td{
 border:0px !important;
 text-align: center !important;
}


.community_body3_text {
 font-size: 42px;
 color: #7b7b7b;
}

.community_body3_datetext {
 font-size: 32px;
 color: #00AEEF;
 /*font-weight: bold;*/
 text-transform: uppercase;
}

.spacey {
 padding-top:3px;
}

.spacey_bot20 {
 padding-bottom:20px;
}




.iframe1{
 height: 240px !important;
}







#charity_logos ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#charity_logos li {
    display: inline;
 margin-left:20px;
 margin-right:20px;
}
#charity_logos ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#charity_logos li {
    display: inline;
 margin-left:0px;
 margin-right:0px;
}




#TERMS_AND_PRIVACY_IS_HERE_________________________{}
/* TERMS & CONDITIONS - PRIVACY */

#terms_body {
 background-color: #ffffff;
 width: 100%;
 text-align:justify;
 padding-left:10%;
 padding-right:10%;
 border-top:1px solid #000;
}

#terms_body2 {
    background-color: #ffffff;
    width: 100%;
    height: 400px;
 overflow-x: hidden;
 overflow-y: scroll;
}



.lower_header_terms {
 background: url() ;
 background-repeat: repeat-y;
 min-height:360px;
 width:100%;
 border: 0px green solid;
}

.terms_container{
 display:inline;
 float: right;
 position:absolute;
 top: 54px;
 right:10%;
 margin-left: auto;
 margin-right: auto;
}

.privacy_container{
 display:inline;
 float: right;
 position:absolute;
 top: 53px;
 right:10%;
 margin-left: auto;
 margin-right: auto;
}

.header_text_terms {
 font-size:30px;
 color:#000;
 max-width: 400px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}







#SURVEY_LIST_IS_HERE_________________________{}


.lower_header_survey_list {
 background: url(../Bubble_background_blue_lg2.jpg);
 background-repeat: repeat-y;
 width:100%;
 border: 0px green solid;
}

.header_text_survey_list {
 font-size:24px;
 color:#000;
 text-align: justify;
 margin-left: auto;
 margin-right: auto;
margin-bottom:20px;
}
#avail_comp_link {
 color:#000;

}


#avail_comp_link a {
 color:#1E90FF;
 font-size:24px;
 margin-left: auto;
 margin-right: auto;
 font-weight:bold;
}

#avail_comp_link a:hover {
 color:#F7941E;
}

.survey_list_container {
 display:inline;
 float: right;
 position:absolute;
 top: 66px;
 right:10%;
 margin-left: auto;
 margin-right: auto;
}
.survey_list_container2 {
 /*display:inline;*/
 float: right;
 position:absolute;
 top: 90px;
 right:23%;
 margin-left: auto;
 margin-right: auto;
 z-index:1000;
}

.redeem_container{
 display:inline;
 float: right;
 position:absolute;
 top: 20px;
 right:10%;
 margin-left: auto;
 margin-right: auto;
}

.comment_line{
 font-size:22px;
 color:#000;
/* margin-left:10%; */
 position: relative;
 bottom:-10px;
}

#survey_balance_box {
 width: 180px;
 height: 160px;
 background-color: #ffffff;
 border-radius: 15px;
 text-align: center;
 vertical-align:middle;
-webkit-box-shadow: 10px 13px 26px -6px rgba(0,0,0,0.49);
-moz-box-shadow: 10px 13px 26px -6px rgba(0,0,0,0.49);
box-shadow: 10px 13px 26px -6px rgba(0,0,0,0.49);
/* margin-left: 10%;*/
 padding-top:15px;
}

#survey_balance_box .text_head {
 color: #ff0000;
 font-size: 26px;
 font-weight: bold;
 line-height:28px;
}
#survey_balance_box .text_bold{
 color: #7b7b7b;
 font-size: 24px;
 font-weight: bold;
 line-height:28px;
}
#survey_balance_box .text_reg{
 color: #7b7b7b;
 font-size: 24px;
 line-height:28px;
}

#cash_out_box {
 width:140px;
 height:30px;
 border-radius: 10px;
 text-align: center;
 margin: 0 auto;
}

#cash_out_box_mobile {
 width:140px;
 height:30px;
 border-radius: 10px;
 text-align: center;

}

.cob_under {
 background: #cccccc;
}

.cob_over {
 background: #ff9900;
}

#cash_out_box .text_inner{
 display: block;
 color: #ffffff;
 font-size: 22px;
 font-weight: bold;
 position: relative;
 top: 2px;
 text-decoration: none;
}

#cash_out_box_mobile .text_inner{

 color: #ffffff;
 font-size: 22px;
 font-weight: bold;

 text-decoration: none;
}

#cash_out_box .text_inner a{
 color: #ffffff;
}

#cash_out_box_mobile .text_inner a{
 color: #ffffff;
}


.survey_list_text_container {
 width: 600px;
 margin: auto;

 border: 0px #ffffff solid;
 text-align:center;
 position:absolute;
 top: 40px;
 left: 26%;
/*border:1px #ff0000 solid;*/
}

.survey_list_table_head {
 background-color:#ffffff;
 color:#00AEEF;
 font-weight:bold;
 font-size:16px;
 text-align:center;
}

.nominate_text_container {
 width: 600px;
 margin-left: auto;
 margin-right: auto;
 border: 0px #ffffff solid;
 text-align:center;
 position:absolute;
 top: 40px;
 left: 20%;
/*border:1px #ff0000 solid;*/
}

#MY_ACCOUNT_STUFF_IS_HERE________________________________ {}


.lower_header_my_account {
 background: url() ;
 height:285px;
 width:100%;
 border-bottom: 1px #000 solid;

}

.my_account_container{
 display:inline;
 float: right;
 position:absolute;
 top: 43px;
 right:10%;
 margin-left: auto;
 margin-right: auto;
}

.header_text_my_account {
 font-size:24px;
 color:#000;
 max-width: 500px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}


.email_link {
 text-size:16px;
}



.ma_body_text


#profile_table{
 border:0px !important;
}
#profile_table tr{
 border:0px !important;
}
#profile_table td{
 border:0px !important;
}

#REWARDS_STYLES_HERE_______________________________________________________________________{}

.hiw_header {
  color: #000 !important;
}

.rewards_text_container {
 width: 500px;
 margin-left: auto;
 margin-right: auto;
 border: 0px #ffffff solid;
 text-align:center;
 position:absolute;
 top: 10px;
 left: 30%;

}


#main h2 {
    border-bottom-color: #EBEBEB;
    color: #444444;
}
#main h2 a {
    color: #444444;
}

#left-columns h3 {
    color: #444444;
}



#REFERAFRIEND_STYLES_HERE_______________________________________________________________________{}


.lower_header_refer_mobile {
 display:none;
}

.lower_header_refer {
 background: url() ;
 background-repeat: repeat-y;
 height:300px;
 width:100%;
 border: 0px green solid;
}

.refer_body2 {
 background-color: #dddddd;
 min-height: 235px;
 text-align: center;
 margin-left:auto;
 margin-right:auto;
 padding-top:20px;
 padding-bottom:20px;
}

.refer_container1 {
 display:inline;
 float: left;
 position:absolute;
 top: 34px;
 left:10%;
 margin-left: auto;
 margin-right: auto;
}

.refer_container2 {
 display:inline;
 float: right;
 position:absolute;
 top: 34px;
 right:10%;
 margin-left: auto;
 margin-right: auto;
}

.refer_welcome_text {
 font-size:48px;
 color:#000;
 font-weight:bold;
}

.refer_share_header {
 font-size: 38px;
 color: #666666;
 padding-bottom:10px;
}

.header_text_refer {
 font-size:24px;
 color:#666666;
 max-width: 700px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}

.refer_share_header2 {
 font-size: 38px;
 color: #ffffff;
 padding-bottom:10px;
}

.header_text_refer2 {
 font-size:24px;
 color:#ffffff;
 max-width: 700px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 padding-bottom:10px;
}


.refer_link_box {
 font-size: 75%;
 display: block;
 font: #65576e;
 border: 2px solid #00aeef;
 border-radius: 10px;
 margin-top: 0px;
 padding: 4px 5px;
 color: #555555;
 background-color: #ffffff;
/* margin-bottom:20px;*/
}




#refer_main {
 width: 220px;
 height: 160px;
 background-color: #ffffff;
 border: 4px #f7941e solid;
 border-radius: 15px;
 text-align: center;
 vertical-align:middle;
 /*box-shadow: 0px 0px 10px #888888;
 margin-left: 10%;*/
 padding-top:12px;
 margin-top:20px;
}

#refer_main .text_head {
 color: #00aeef;
 font-size: 22px;
 font-weight: bold;
 line-height:28px;
}
#refer_main .text_bold{
 color: #00aeef;
 font-size: 22px;
 font-weight: bold;
 line-height:28px;
}
#refer_main .text_reg{
 color: #00aeef;
 font-size: 22px;
 line-height:28px;
}




#refer_main a {
 display: block;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url( ../button_blue_welcome4.png);
 background-repeat: no-repeat;
 background-size: 180px 50px;
 width: 180px;
 height: 50px;
 color:#00aeef;
 font-size: 24px;
 text-shadow: 0px 0px 0px #000000;
 text-decoration:none !important; border: 0px;
 vertical-align: middle;
 text-align: center;
 line-height: 30px;
/* font-weight: bold;*/
 margin-top:13px;
}

#refer_main a:hover {
 display: block;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../button_orange_welcome4.png);
 background-repeat: no-repeat;
 background-size: 180px 50px;
 width: 180px;
 height: 50px;
 color:#00aeef;
 font-size: 24px;
 text-shadow: 0px 0px 0px #000000;
 text-decoration:none !important; border: 0px;
 vertical-align: middle;
 text-align: center;
 line-height: 30px;
/* font-weight: bold;*/
}

#refer_main a {
 padding-top:9px;
}




#REWARDS_STYLES_HERE_______________________________________________________________________{}


.rewards_text_container {
 width: 500px;
 margin-left: auto;
 margin-right: auto;
 border: 0px #ffffff solid;
 text-align:center;
 position:absolute;
 top: 10px;
 left: 30%;

}


#main h2 {
    border-bottom-color: #EBEBEB;
    color: #444444;
}
#main h2 a {
    color: #444444;
}

#left-columns h3 {
    color: #444444;
}



#REFERAFRIEND_STYLES_HERE_______________________________________________________________________{}


.lower_header_refer_mobile {
 display:none;
}

.lower_header_refer {
 background: url() ;
 background-repeat: repeat-y;
 height:300px;
 width:100%;
 border: 0px green solid;
}

.refer_body2 {
 background-color: #dddddd;
 min-height: 235px;
 text-align: center;
 margin-left:auto;
 margin-right:auto;
 padding-top:20px;
 padding-bottom:20px;
}

.refer_container1 {
 display:inline;
 float: left;
 position:absolute;
 top: 34px;
 left:10%;
 margin-left: auto;
 margin-right: auto;
}

.refer_container2 {
 display:inline;
 float: right;
 position:absolute;
 top: 34px;
 right:10%;
 margin-left: auto;
 margin-right: auto;
}

.refer_welcome_text {
 font-size:48px;
 color:#000;
 font-weight:bold;
}

.refer_share_header {
 font-size: 38px;
 color: #666666;
 padding-bottom:10px;
}

.header_text_refer {
 font-size:24px;
 color:#666666;
 max-width: 700px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}

.refer_share_header2 {
 font-size: 38px;
 color: #ffffff;
 padding-bottom:10px;
}

.header_text_refer2 {
 font-size:24px;
 color:#ffffff;
 max-width: 700px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 padding-bottom:10px;
}

.refer_link_box {
 font-size: 75%;
 display: block;
 font: #65576e;
 border: 2px solid #00aeef;
 border-radius: 10px;
 margin-top: 0px;
 padding: 4px 5px;
 color: #555555;
 background-color: #ffffff;
/* margin-bottom:20px;*/
}

#refer_main {
 width: 220px;
 height: 160px;
 background-color: #ffffff;
 border: 4px #f7941e solid;
 border-radius: 15px;
 text-align: center;
 vertical-align:middle;
 /*box-shadow: 0px 0px 10px #888888;
 margin-left: 10%;*/
 padding-top:12px;
 margin-top:20px;
}

#refer_main .text_head {
 color: #00aeef;
 font-size: 22px;
 font-weight: bold;
 line-height:28px;
}
#refer_main .text_bold{
 color: #00aeef;
 font-size: 22px;
 font-weight: bold;
 line-height:28px;
}
#refer_main .text_reg{
 color: #00aeef;
 font-size: 22px;
 line-height:28px;
}

#refer_main a {
 display: block;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url( ../button_blue_welcome4.png);
 background-repeat: no-repeat;
 background-size: 180px 50px;
 width: 180px;
 height: 50px;
 color:#00aeef;
 font-size: 24px;
 text-shadow: 0px 0px 0px #000000;
 text-decoration:none !important; border: 0px;
 vertical-align: middle;
 text-align: center;
 line-height: 30px;
/* font-weight: bold;*/
 margin-top:13px;
}

#refer_main a:hover {
 display: block;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../button_orange_welcome4.png);
 background-repeat: no-repeat;
 background-size: 180px 50px;
 width: 180px;
 height: 50px;
 color:#00aeef;
 font-size: 24px;
 text-shadow: 0px 0px 0px #000000;
 text-decoration:none !important; border: 0px;
 vertical-align: middle;
 text-align: center;
 line-height: 30px;
/* font-weight: bold;*/
}

#refer_main a {
 padding-top:9px;
}





.refer_button {
 display: block;
    background-color: transparent;
    background-image: url(../button_orange_welcome4.png);
    background-repeat: no-repeat;
    background-size: 180px 50px;
    width: 180px;
    height: 50px;
    border: 0px;
    vertical-align: middle;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    margin: 0 auto;
 padding-top:5px;
 float:left;
 position:relative;
 left:0px;
 
}

.refer_button:hover {
   background-color: transparent;
    background-image: url(../button_blue_welcome4.png);
    background-repeat: no-repeat;
 color: #f7941e !important;
}

.refer_button a  {
 display:block;
/* color:#00aeef;*/
 color:#ffffff;
 font-size: 18px;
 text-shadow: 0px 0px 5px #000000;
 text-decoration:none !important;
}

.refer_button a:hover {
/* color: #f7941e !important;*/
 color: #ffffff !important;
 text-shadow: 0px 0px 5px #000000;
}
































#LANDING_PAGE_CONTENT_IS_HERE_________________________{}



.header_text_landing {
 font-size:22px;
 color:#000;
 max-width: 550px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 position:relative;
 left:15%;
 line-height:32px;
}

.landing_page_container{
 display:inline;
 float: right;
 position:absolute;
 top: 97px;
 right:15%;
 margin-left: auto;
 margin-right: auto;
}

.lower_header_landing_mobile {
 display:none;
}

.lower_header_landing {
 background: url(../Bubble_background_blue1.jpg) ;
 background-repeat: repeat-y;
 min-height:340px;
 width:100%;
 border: 0px green solid;
}


.lower_text_landing {
 font-size:24px;
 color:#ffffff;
 max-width: 550px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 float:left;
 position:relative;
 top:20px;
 left:10%;
}

#logos table  {
 text-align:center;
 border: 0px !important;
  padding-bottom:10px;
}
#logos tr{
 border:0px !important;
}
#logos td{
 border:0px !important;
 text-align: center;
}











#CAROUSEL_CONTENT_IS_HERE_________________________{}


/* external css: flickity.css */

* { box-sizing: border-box; }

.carousel {
  background: #ffffff;
}

.carousel img {
  display: block;
  height: 132px;
}

@media screen and ( min-width: 768px ) {
  .carousel img {
    height: 132px;
  }
}


.carousel2 {
  background: #dddddd;
}

.carousel2 img {
  display: block;
  height: 132px;
}

@media screen and ( min-width: 768px ) {
  .carousel2 img {
    height: 132px;
  }
}

.carousel_mid_mobile {
  display:none;
}



#TOOLTIPS_IS_HERE {}

/* Tooltip container */
.tooltipa {
 /*position: relative;*/
 display: inline;
 border-bottom: 1px dashed black; /* If you want dots under the hoverable text */
 color: #ffffff;
 padding:0px;
 height: 0px;
 width: 0px;
 z-index: 150;
}

/* Tooltip text */
.tooltipa .tooltiptext {
 visibility: hidden;
 width: 300px;
 background-color: #ffffff;
 color: #7b7b7b;
 text-align: left;
 padding: 10px;
 border: 3px #ff9900 solid;
 border-radius: 6px;
 /* Position the tooltip text - see examples below! */
 position: absolute;
 top:180px;
 z-index: 1;
 font-size:14px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipa:hover .tooltiptext {
    visibility: visible;
}












/* ============================ */
/* SIDEBAR CONTENT */
/* ============================ */

.container_12 .grid_3, .container_16 .grid_4 {
    width: 200px;
}
.sidemenu ul {
    border-top-color: #EBEBEB;
}
.sidemenu ul li {
 background: url("../shared/images/dots.gif") repeat-x scroll left bottom transparent;
}
.sidemenu ul li a:link, .sidemenu ul li a:visited {
    color: #577aa8; 
}
.sidemenu ul li a span {
    color: #9F9F9F;
}
.sidemenu ul li a:hover {
    color: #000000;
}


.featured-post h4 {
    border-bottom-color: #EBEBEB;
}
.featured-post h4 a, .featured-post h4 a:visited {
    color: #577aa8; 
}

/* ============================ */
/* FOOTER CONTENT  */
/* ============================ */

#footer {
 background-color: transparent;
color: #fff !important; 
padding-bottom: 0px;
 margin: 0 auto;
 position: absolute;
 bottom: 0px;
 width: 100%;
 z-index:141;
}

/*#footer_content {
 background-color: #FFF;
 border: 1px solid white;
 font-color: #fff;
 font-family: Arial, sans-serif;
 height: 100%;
 box-shadow: 0px 0px 10px;
}*/

#FOOTER_CONTENT_IS_HERE {}

#footer_content {
 /*background: url(../Bubble_background_blue2.jpg);
 background-repeat: repeat-y;*/
 background: #000;
 width: 100%;
 margin: 0px;
 
 min-height: 200px !important;
 border-radius: 0px;
 border: 0px;
 color: #fff;
 font-family: Arial, sans-serif;
 font-size: 14px;
 padding-bottom: 0px;
 margin: 0 auto;
 position: absolute;
 bottom: 0px;
}

#footer_content a, #footer_content a:link, #footer_content a:visited {
 color: #fff;
 font-size: 14px;
 line-height:22px;
 }

.footerContainer {
 padding: 10px;
}

#footer h3 {
    color: #fff;
}
#footer a {
    color: #fff;
}
#footer ul.footer-list {
    border-top-color: #E6E6E6;
}
#footer ul.footer-list li {
    border-bottom-color: #E6E6E6;
}
#footer ul.footer-list li a {
    color: #fff;
}
#footer ul.footer-list li a:hover, #footer ul.footer-list li a:hover span {
    color: #fff;
}
#footer-bottom {
    border-top-color: #DADADA;
}

.mobileTextManip {
 color: #fff;
}




/* ============================ */
/* LOGIN WIDGET */
/* ============================ */


#widget_1 {
 border: 1px solid #000;
 border-radius: 10px;
 box-shadow: 5px 5px 10px grey;
 width:50% !important;

}

.g-recaptcha enabled loaded {
  margin-left: 20px;
}

#login_content, #register_content, #logout_content {
 margin: 0px;
 #margin-top: 15px;
 margin-bottom: 15px;
}

#logout_content {
 text-align: center;
}

.login_widget_form {
    width: 175px;
}

#auth {
    width: 95% !important;
}

#auth_form input:focus { font-weight: normal;}

#login_content form {
 margin-top: 0px !important;
 border-bottom-left-radius: 20px;
 border-bottom-right-radius: 20px;
 background: #F8F8F8;
 border: 1px solid #ADADAD !important;
 border-top: 0px !important;
 padding:10px;
}

#login_content input {
 border-width: 1px;
}

#login_content label {
 font-size: 14px;
 font-weight: bold;
 color: #7b7b7b;
}

#auth #username_field input, #auth #password_field input{
    width: 85%;
 margin-left:20px;
}

#auth #username_field label, #auth #password_field label {
   font-size:16px;
   display:inline;
}

#auth p, #auth a {
 color:#FFFFFF !important;
 font-size: 16px;
 font-weight:bold;
}

#auth a:hover{
 color:#ff9900 !important;
 text-decoration:none;
}

.loginTitle {
 color: #FFF;
 font-weight: bold;
 text-align: center;
 background-image: url(../LoginTitle.png);
 background-repeat: no-repeat;
 width: 175px;
 height: 25px;
}

#forgotPassword {
    color: #7B7B7B;
    font-size: 9px;
    position: relative;
    right: -12px;
    top: -63px;
}

#login_button {
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../LoginButton_Normal.png);
 background-repeat: no-repeat;
 width: 59px;
 height: 29px;
 padding: 0px;
 font-size: 12px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 color: #FFF;
}

#login_button:hover {
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../LoginButton_Mouse.png);
 background-repeat: no-repeat;
 width: 59px;
 height: 29px;
 padding: 0px;
 font-size: 12px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 color: #FFF;
}

#logout_content button {
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../LogoutButton_Normal.png);
 background-repeat: no-repeat;
 width: 76px;
 height: 30px;
 padding: 0px;
 font-size: 12px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 color: #FFF;
}

#logout_content button:hover {
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../LogoutButton_Mouse.png);
 background-repeat: no-repeat;
 width: 76px;
 height: 30px;
 padding: 0px;
 font-size: 12px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 color: #FFF;
}

/* ============================ */
/* REGISTER WIDGET */
/* ============================ */

#register_content {
    background-color: #F8F8F8;
    border: 1px solid #ADADAD;
    border-radius: 20px 20px 20px 20px;
    color: #7B7B7B;
    font-size: 13px;
    padding: 10px;
    width: 155px;
}

#register_content p {
 padding: 0px;
}

.registerTitle {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}


#register_content ul {
    margin: 7px 0;
    padding: 0 10px 0 20px;
}

#register_content li {
    margin-top: 8px;
}

.buttonregister {
 display: block;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../RegistrationButton_Normal.png);
 background-repeat: no-repeat;
 width: 134px;
 height: 31px;
 padding: 0px;
 font-size: 12px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 line-height: 31px;
 font-weight: bold;
 margin: 0 auto;
}

.buttonregister:hover {
 display: block;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../RegistrationButton_Mouse.png);
 background-repeat: no-repeat;
 width: 134px;
 height: 31px;
 padding: 0px;
 font-size: 12px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 line-height: 31px;
 font-weight: bold;
 margin: 0 auto;
}

/* ============================ */
/* REFER A FRIEND WIDGET  */
/* ============================ */

.buttonrefer {
 display: block;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../ReferButton_Normal.png);
 background-repeat: no-repeat;
 width: 126px;
 height: 37px;
 padding: 0px;
 padding-top: 7px;
 font-size: 13px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 font-weight: bold;
 margin: 0 auto;
}

.buttonrefer:hover {
 display: block;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../ReferButton_Mouse.png);
 background-repeat: no-repeat;
 width: 126px;
 height: 37px;
 padding: 0px;
 padding-top: 7px;
 font-size: 13px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 font-weight: bold;
 margin: 0 auto;
}

.buttonrefer a {
 border:0px;
}

#referafriend button {
 display: block;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url( ../button_blue_welcome4.png);
 background-repeat: no-repeat;
 background-size: 300px 82px;
 width: 300px;
 height: 82px;
 padding: 0px;
 color:#00aeef;
 font-size: 32px;
 text-shadow: 0px 0px 0px #000000;
 text-decoration:none !important; border: 0px;
 vertical-align: middle;
 text-align: center;
 line-height: 30px;
 font-weight: bold;
}

#referafriend button:hover {
 display: block;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../button_orange_welcome4.png);
 background-repeat: no-repeat;
 background-size: 300px 82px;
 width: 300px;
 height: 82px;
 padding: 0px;
 color:#ffffff;
 font-size: 32px;
 text-shadow: 0px 0px 5px #000000;
 text-decoration:none !important; border: 0px;
 vertical-align: middle;
 text-align: center;
 line-height: 30px;
 font-weight: bold;
}

form#referafriend {
    background: transparent;
    border: 0 none;
    margin-top:0px;
    padding-left: 0px;
    padding-top:0px;
}


form#referafriend #email {
 font-size: 18px;
 display: block;
 font: #65576e;
 border: 2px solid #00aeef;
 border-radius: 10px;
 margin-top: 0px;
 padding: 4px 5px;
 color: #555555;
 background-color: #ffffff;
 margin-bottom:20px;
 max-width: 500px;
}

#referafriend label {
 display: none;
}


/* ============================ */
/* RESET PASSWORD  */
/* ============================ */

#resetpasswordconfirm{
 margin-left:5px;
}

#submitreset {
 display: block;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../ResetPasswordButton_Normal.png);
 background-repeat: no-repeat;
 width: 150px;
 height: 30px;
 padding: 0px;
 font-size: 12px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 line-height: 30px;
 font-weight: bold;
 color: #FFF;
}

#submitreset:hover {
 display: block;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../ResetPasswordButton_Mouse.png);
 background-repeat: no-repeat;
 width: 150px;
 height: 30px;
 padding: 0px;
 font-size: 12px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 line-height: 30px;
 font-weight: bold;
 color: #FFF;
}

/* ============================ */
/* QUICKPOLL WIDGET  */
/* ============================ */

#quickpoll_content form {
 margin-top: 0px !important;
 border-bottom-left-radius: 20px;
 border-bottom-right-radius: 20px;
 border: 1px solid #ADADAD !important;
 border-top: 0px !important;
 padding: 10px;
 padding-bottom: 10px;
 width: 153px;
 margin: 0 auto;
 margin-bottom: 10px;
 background-color: #F2F2F2;
}

#quickpoll_content input {
 border:0px;
}

.quickpollTitle {
 color: #FFF;
 font-weight: bold;
 text-align: center;
 background-image: url(../QuickpollTitle.png);
 background-repeat: no-repeat;
 width: 175px;
 height: 25px;
 margin: 0 auto;
}

#quickpoll_content button {
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../PollSubmitButton_Normal.png);
 background-repeat: no-repeat;
 width: 58px;
 height: 20px;
 padding: 0px;
 font-size: 11px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 line-height: 100%;
 font-weight: bold;
 color: #545454;
 text-transform:capitalize;
 border-radius: 0px;
 margin-top:10px;
}

#quickpoll_content button:hover {
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../PollSubmitButton_Mouse.png);
 background-repeat: no-repeat;
 width: 58px;
 height: 20px;
 padding: 0px;
 font-size: 11px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 line-height: 100%;
 font-weight: bold;
 color: #545454;
 text-transform:capitalize;
 border-radius: 0px;
 margin-top:10px;
}

.quickpollSubmittedBy {
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    line-height:12px;
    width: 150px;
    text-align:center;
    margin: 0 auto;
    display:block;
}

.quick_poll_widget label {
 font-weight: normal;
 color: #666;
}

.quick_poll_widget button, .quick_poll_widget button:hover {

}

.quick_poll_widget .option {
    margin-left: 15px;
}


.quick_poll_widget .buttons {
    text-align: center;
}

.quick_poll_results {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /*background-color: #F8F8F8;*/
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    /*border-color: #ADADAD;
    border-image: none;*/
    border: 0px solid #ADADAD;
    border-style: none solid solid;
    /*border-width: 0 1px 1px;*/
    margin: 0 auto;
    padding: 15px 0px;
    width: 143px;
    padding-bottom: 40px;
}


/* ============================ */
/* RESET PASSWORD  */
/* ============================ */

#resetpassword {
 padding-top:0px;
 background: transparent;
 width:420px;
 color: #ffffff;
 font-size: 16px;
 margin-left:50px;
}

#resetpassword label {
 display: none;
}


/* ============================ */
/* RESEND CONFIRMATION  */
/* ============================ */

#resendconfirmation {
 padding-top:0px;
 background: transparent;
 width:420px;
 color: #ffffff;
 font-size: 16px;
 margin-left:50px;
}

#resendconfirmation label {
    display:none;
}


/* ============================ */
/* DEFAULTS  */
/* ============================ */

.postmeta {
    background-color: #F8F8F8;
    border-color: #EBEBEB;
}
.post-info {
    color: #B0B0B0;
}
.post-info a, .post-info a:visited {
    color: #000000;
}
.thumbs img {
    background-color: #FAFAFA;
    border-color: #DDDDDD;
}
.thumbs img:hover {
    background-color: #DDDDDD;
    border-color: #D2D2D2;
}
ol.commentlist {
    border-color: #F0F0F0;
}
.commentlist li {
    border-bottom-color: #F0F0F0;
}
.commentlist li.alt {
    background-color: #F8F8F8;
}

.button {
 padding: 0 5px;
 font-size: 12px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 color: #FFF;
 height: 30px;
 line-height: 100%;
 background: #f89f35; /* Old browsers */
background: -moz-linear-gradient(top,  #f89f35 0%, #fabe76 50%, #f89f35 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f89f35), color-stop(50%,#fabe76), color-stop(100%,#f89f35)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f89f35 0%,#fabe76 50%,#f89f35 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f89f35 0%,#fabe76 50%,#f89f35 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f89f35 0%,#fabe76 50%,#f89f35 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f89f35 0%,#fabe76 50%,#f89f35 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f89f35', endColorstr='#f89f35',GradientType=0 ); /* IE6-9 */
 border-radius: 8px;
 border: 1px solid #F89F35;

}

.button:hover {
 background: #41c1f2; /* Old browsers */
background: -moz-linear-gradient(top,  #41c1f2 0%, #ace5fa 50%, #41c1f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41c1f2), color-stop(50%,#ace5fa), color-stop(100%,#41c1f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #41c1f2 0%,#ace5fa 50%,#41c1f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #41c1f2 0%,#ace5fa 50%,#41c1f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #41c1f2 0%,#ace5fa 50%,#41c1f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #41c1f2 0%,#ace5fa 50%,#41c1f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41c1f2', endColorstr='#41c1f2',GradientType=0 ); /* IE6-9 */
 height: 30px;
 line-height: 100%;
 padding: 0 5px;
 font-size: 12px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 color: #FFF;
  border-radius: 8px;
 border: 1px solid #41C1F2;
}

#messages_close {
 color: #000000;
}

#simpleTooltip {
 border-color: #DDD;
 background-color: #E5EEF9; 
 color: #666; } 

.addcomment {
 background-color: #F8F8F8;
    border-color: #E0E0E0;
}
.comment_container, .subcomment_container {
 background-color: #F8F8F8;
}
.comment {
 background-color: #FFF;
    border-color: #E0E0E0;
}
.sub_comment {
 background-color: #F0F0F0;
    border-color: #E0E0E0;
}
.discussion p, .comment p {
 color: #666;
}
.actions {
 border-top-color: #E0E0E0;
}
.actions, .actions a {
 color: #00AEEF;
}
.discussionlist li {
 border-bottom-color: #E0E0E0;
}

.moderator {
 color: #A00;
}

#discussionmedia img  { max-width: 95%; margin-left: -8px; }

#discussionback  { margin-top: 7px; margin-right:10px;color:#ffffff;}

/* ============================ */
/* FAQ STYLES */
/* ============================ */

.divLayer1, .divLayer2 {
 display:none;
 background: #f2f2f2;
}
.divLayer1 {
 margin-left: 0px;
 width: 100%;
}

.divLayer2 {
 padding: 10px 25px;
}

#FAQContent {
margin-left: 0px;
margin-top:10px;
}

#FAQContainer h2 {
 font-size:18px;
  background-color: #00AEEF;
/* background: url(../FAQheader.png);
 background-repeat: no-repeat; */
/*    background: -webkit-linear-gradient(#80dfff, #80dfff); *//* For Safari 5.1 to 6.0 */
/*    background: -o-linear-gradient(#80dfff, #80dfff); *//* For Opera 11.1 to 12.0 */
/*   background: -moz-linear-gradient(#80dfff, #80dfff); *//* For Firefox 3.6 to 15 */
/*    background: linear-gradient(#80dfff, #80dfff); *//* Standard syntax */
 padding: 0px;
 height: 32px;
 /*text-shadow: 1px 1px #ffffff;*/
 color: #ffffff;
 line-height: 100%;
 margin-left: 0px;
 border-top: 1px #000000 solid;

}
#FAQContainer h3, #FAQContainer h3 a {
 font-size:14px;
 color: #545454;
 font-weight:bold;
 line-height: 125%;
}
#FAQContainer h3 a, #FAQContainer h2 a {
 border-bottom: 0px;
 text-decoration: none;
 cursor: pointer;
}
h2 .FAQunselected {
 display: block;
 width: 100%;
 color: #ffffff;
font-weight:bold !important;
 line-height: 25px;
 background: url("../SideArrow_CollapsedView2a.png") no-repeat scroll 0 0 transparent;
 background-size: 20px 20px;
 padding-left: 30px;
 background-position: 5px center;
 font-weight: normal;
 padding-top:4px;
}

h2 .FAQselected {
 display: block;
 width: 100%;
font-weight:bold !important;
 color: #ffffff;
 /*text-shadow: 0px 0px 4px #000000;*/
 line-height: 25px;
 background: url("../DownArrow_ExpandedView2a.png") no-repeat scroll 0 0 transparent;
 background-size: 20px 20px;
 padding-left: 30px;
 background-position: 5px center;
 font-weight: normal;
 padding-top:4px;
}

h3 .FAQunselected {
 display: block;
 width: 100%;
 background: url("../FAQplus.png") no-repeat scroll 0 0 transparent;
 padding-left: 30px;
 background-position: 0 2px;
}


h3 .FAQselected {
 display: block;
 width: 100%;
 background: url("../FAQminus.png") no-repeat scroll 0 0 transparent;
 padding-left: 30px;
 background-position: 0 2px;
}




/* ============================ */
/* AVAILABLE/COMPLETED SURVEYS */
/* ============================ */

#availableSurveys table, #completedSurveys table {
 width: 80%;
 border: 1px solid #00AEEF;
 border-collapse: separate;
 background-color: #ff9900;
 border-top-left-radius: 15px;
 border-top-right-radius: 15px;
 margin-top: 40px;
}

#availableSurveys td, #completedSurveys td {
 color:#7b7b7b;
 background: transparent;
 border: 0px;
 background-color: #ffffff;
 font-size: 16px;
 padding: 5px 5px 5px 15px;
}

#availableSurveys th, #completedSurveys th {
 border-bottom: 0px dashed #3d5b99;
 background-color: #ff9900;
 color: #ffffff;
 font-size:18px;
 font-weight: bold;
 border-top-left-radius: 15px;
 border-top-right-radius: 15px;
 padding: 5px 5px 5px 15px;
 text-align:center;
}

#availableSurveys a, #completedSurveys a {
 display: block;
 color:#7b7b7b;
}

#availableSurveys a:hover, #completedSurveys a:hover {
 display: block;
 color:#ffffff;
 background-color: #00AEEF;
 text-decoration:none;
}

/*#availableSurveys td:hover, #completedSurveys td:hover {
 display: block;
 color:#ffffff;
 background-color: #00AEEF;
 text-decoration:none;
}*/

#availableSurveys tbody tr:hover, #completedSurveys tbody tr:hover {
 background: #7ab6ff;
/* color: #3b5895;*/
 color: #7b7b7b;
}





.noSM {
    padding: 5px;
    text-align: center;
    border:0px;
}

.noSM:hover {
 
}

.reportProblem a {
 float: right;
 margin-right: -10px;
 color: #666;
 border-bottom: 0px;
 font-size: 11px;
 margin-top:-5px;
}



/* ============================ */
/* REWARDS BALANCE */
/* ============================ */

#rewardsBalance table {
    border: 1px solid #00AEEF;
    border-collapse: separate;
}

#rewardsBalance th, #rewardsBalance td {
    background: transparent;
 border: 0px;
}

#rewardsBalance th {
    border-bottom: 1px dashed #3d5b99;
}

#rewardsBalance tbody tr:hover {
    background: #7ab6ff;
    color: #3b5895;
}

a img {
text-decoration: none;
border: 0 none;
}





/* ============================ */
/* CHARITY DONATION */
/* ============================ */

.thankYouIconLarge {
  height: 40px;
  float: left;
  padding: 7px 0px 25px 0px;
  margin-left: -5px;
}

.donationTable {
    border: 1px solid #00AEEF;
    border-collapse: separate;
}

.donationTable th, .donationTable td {
    background: transparent;
    border: 0px;
 text-align: center;
}

.donationTable th, .donationTable th {
    border-bottom: 1px dashed #3d5b99;
}

.donationTable td {
  height:25px;
  border-bottom: 1px dashed #00aeef;
}

.donationYear {
    background-color: #4E7AD3 !important;
    color: #FFFFFF;
    font-weight: bold;
    padding-left: 10px;
    text-align: left !important;
    border-bottom: 0px none transparent !important;
}

.donationHeader {
 font-size: 16px;
 text-align: center;
 border-bottom: 0px !important;
}

.donationTable tbody tr:hover {
   /* background: #7ab6ff;
    color: #3b5895;*/
}

.donationTableRecipientCell {
 text-align: left !important;
 padding-left: 20px;
}

.donationTableThankYouIcon {
  height:20px;
  cursor:pointer;
  padding:0px !important;
}


/* ============================ */
/* DISCUSSION PROFILE */
/* ============================ */

.profile form {
 background-color: #FFF;
 border: 0px;
 color: #666;
 margin:0px;
}

.profile p {
 padding: 10px 15px 7px;
 color: #000 !important;
}

.profile label {
 color: #666;
}

.profile button {
 display: block;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../SubmitButton_Normal.png);
 background-repeat: no-repeat;
 width: 73px;
 height: 31px;
 padding: 0px;
 font-size: 12px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 line-height: 31px;
 font-weight: bold;
 color: #000;
 text-transform:uppercase;
 margin: 0 auto;
 margin-top: -20px;
}

.profile button:hover {
 display: block;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../SubmitButton_Mouse.png);
 background-repeat: no-repeat;
 width: 73px;
 height: 31px;
 padding: 0px;
 font-size: 12px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 line-height: 31px;
 font-weight: bold;
 color: #000;
 text-transform:uppercase;
  margin: 0 auto;
 margin-top: -20px;
}

#profileContainer {
 color: #000 !important;
}

#profileFormContainer {
  border: 1px solid #00aeef;
  padding: 15px;
  margin: 10px;
  margin-bottom:3px;
  background: #FFFFFF;
  border-radius:20px;
  width:40%;
}

#no_avatar_selected {
 /*display:none;*/
}

.profileDisclaimer {
    font-size: 10px;
    padding-top: 0 !important;
}



/* ============================ */
/* DISCUSSION LIST */
/* ============================ */

.discussionListHeading {
 line-height: 23px;
    display: block;
    background-image: url(../CategoryLabel_Normal.png);
 width: 470px;
 height:23px;
 margin-top:10px;
 padding-left:4px;
   font: 14px Arial !important;
  font-weight: bold !important;
 color: #FFF !important;
 border-bottom: 0px !important;
 line-height: 23px !important;
}

.discussionListHeading:hover {
    display: block;
    background-image: url(../CategoryLabel_Mouse.png);
 width: 470px;
 height:23px;
 margin-top:10px;
 padding-left:4px;
 font: 14px Arial !important;
 font-weight: bold !important;
 color: #00aeef !important;
 border-bottom: 0px !important;
 line-height: 23px !important;
}


.discussionListDescr {
  border: 1px solid #00aeef;
  border-top: 0px;
  background: #FFF;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  width:444px;
  padding:3px;
  padding-left: 25px;
}

.discussionCategoryContainer form {
 padding: 0px;
 border: 1px solid #00aeef;
 background: #FFF;
}

.discussionLanguageSelector {
 display: none;
}

.discussionlist {
 padding: 0px;
 margin:0px;
}

.discussionlist li a {
 color: #545454;
 border-bottom: 0px;
}

.discussionlist li {
 padding: 10px;
 margin-bottom:0px !important;
 border-bottom: 1px dashed #00aeef;
 border-bottom-style: dashed !important;
 border-bottom-width: 1px !important;
}

.discussionlist li:last-child {
 border-bottom-width: 0px !important;
}

.discussionlist li:hover {
 color: #3b5895;
 background: #7ab6ff;
 
}

#zeroDiscussions {

 line-height:40px;
 padding:0px 25px;
}

.discussionCategoryContainer button {
 float: left;
 display: block;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../CreateDiscussionButton.png);
 background-repeat: no-repeat;
 width: 139px;
 height: 19px;
 padding: 0px;
 font-size: 12px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 line-height: 19px;
 font-weight: bold;
 color: transparent;
    text-transform: capitalize;
 margin-left: 15px;
 margin-top:5px;
}

.discussionCategoryContainer button:hover {
 float: left;
 display: block;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../CreateDiscussionButton.png);
 background-repeat: no-repeat;
 width: 139px;
 height: 19px;
 padding: 0px;
 font-size: 12px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 line-height: 19px;
 font-weight: bold;
 color: transparent;
    text-transform: capitalize;
 margin-left: 15px;
 margin-top:5px;
}

#show_more_container button {
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../ShowMoreDiscussionsButton_preview.png);
 background-repeat: no-repeat;
 width: 164px;
 height: 19px;
 padding: 0px;
 margin-right:35px;
 font-size: 12px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 color: transparent;
}

#show_more_container button:hover {
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../ShowMoreDiscussionsButton_preview.png);
 background-repeat: no-repeat;
 width: 164px;
 height: 19px;
 padding: 0px;
 font-size: 12px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 color: transparent;
}

#newdiscussion form {
  border: 1px solid #00aeef;
  background: #FFF;
  margin-top:0px;
  margin-left:15px;
}

.discussion_list button {
  background: none repeat scroll 0 0 #FFF;
  color: #00aeef;
}

.discussion_list button:hover {
  background: none repeat scroll 0 0 #FFF;
  color: #00aeef;
}


#discussion_container {
    border: 0px solid #00AEEF;
    margin: 15px;
    margin-right:0px;
    padding: 15px;
    width: 650px;
    height: auto;
 position:relative;
 left:20%;
}

#discussion_container .grid_3 img {
 padding: 0px;
}

#discussion_container .grid_11  {
 position:relative;
 left:20%;
}

.discussion_container .actions {
 border:none !important;
}

.addcomment_button {
 /*float: right;*/
 position:relative;
 left:45%;
}

#addcomment, .addcomment_button, #newcomment {
    margin: 15px 0px !important;
    width: auto;
}

.comment, .sub_comment {
    width: 612px;
}

.discussion_title {
 font-size: 28px !important;
 line-height: 125%;
 color:#FFFFFF !important;
 font-weight:bold !important;
}

.title_cell .discussion_title {
 font-size:22px !important;
}


.discussion_content {
 font-size: 16px !important;
}

.discussion_content p{
 color:#FFFFFF !important;
 width:500px !important;
}

.newreply {
    width: auto !important;
    padding-left: 92px !important;
}
#commentform {
    padding-left: 0px !important;
    margin-left: 15px;
    width: 385px !important;
}
#newcomment #commentform {
 width: auto !important;
}
#commentform form {
 border: 1px solid #00aeef;
 background: #f5fcff;
 padding: 15px 35px 25px 20px;
 margin-bottom:20px !important;
}
#commentform form textarea {
 width: 100%;
}



.comment_container, .subcomment_container {
 border: 1px solid #00aeef;
 background: #e5f7fe;
 border-top:0px;
 border-bottom:0px;
}
.comment_container:first-child, .subcomment_container:first-child {
 border-top: 1px solid #00aeef;
}
.comment_container:last-child, .subcomment_container:last-child {
 border-bottom: 1px solid #00aeef;
}

.sub_comment {
 border: 1px solid #00aeef;
 background: #f5fcff;
 margin-right: 20px !important;
 width: 385px !important;
}


.subcomment_container .grid_2 {
    display: none;
}

.addcomment_button button {
 display: block;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../ReplyButton_Normal.png);
 background-repeat: no-repeat;
 background-size: 90px 31px;
 width: 90px;
 height: 31px;
 padding: 0px;
 font-size: 12px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 line-height: 31px;
 font-weight: bold;
 color: #FFF;
}

.addcomment_button button:hover {
 display: block;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../ReplyButton_Mouse.png);
 background-repeat: no-repeat;
 background-size: 90px 31px;
 width: 90px;
 height: 31px;
 padding: 0px;
 font-size: 12px;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 line-height: 31px;
 font-weight: bold;
 color: #FFF;
}

.comment_container, .subcomment_container {
    margin-left: 15px;
    padding: 15px;
    width: 600px !important;
}

.subcomment_container .grid_9 {
 width: 492px;
}

.comment {
 width: 365px !important;
 margin-right: 15px !important;
}

.sub_comment .right {
    width: 300px !important;
}

.sub_comment {
    border-style: solid;
    border-width: 1px;
    float: right;
    margin-right: 10px;
    width: 365px !important;
}

#show_more_container .grid_11 {
    width: 542px !important;
}

#discussionback { display:none;
    position: relative;
    top: 5px;
    right: 110px;
    border-bottom: 0px !important;
}

#discussionback1 {
   float:right;
   border-bottom: 0px !important;
}

#title {
 width: 80% !important;
}

#discussion {
 margin-top:5px;
 margin-left: 15px;
}

#discussion.discussion {
    margin-left: 0;
    width: 285px;
}

#delete_confirm {
 min-height: 100% !important;
}

.discussion_alias, .comment_alias a {
 color: #545454 !important;
}

#discussion_container .actions {
 color: #ffffff !important;
}
#discussion_container .actions a{
 color: #ffffff !important;
}
#discussion_container .grid_3 .discussion_alias {
 color: #ffffff !important;
}

#discussion_edit_form a {
 color:#ffffff !important;
}

/* ============================ */
/* CONTACT US FORM */
/* ============================ */

#contactUs form {
 background-color: transparent;
 border: 0px solid #00aeef;
 margin-left:15px;
 text-align:left;
}

#contactUs label {
 color: #ffffff;
 font-size:16px;
}

#contactus #name, #contactus #email {
 width: 67% !important;
}
#contactUs input {
 border-bottom-color: #b3b3b3;
 border-bottom-left-radius: 6px;
 border-bottom-right-radius: 6px;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 border-left-color: #b3b3b3;
 border-left-style: solid;
 border-left-width: 1px;
 border-right-color: #b3b3b3;
 border-right-style: solid;
 border-right-width: 1px;
 border-top-color: #b3b3b3;
 border-top-left-radius: 6px;
 border-top-right-radius: 6px;
 border-top-style: solid;
 border-top-width: 1px;
  width: 67% !important;
}

#contactUs textarea {
 border-bottom-color: #b3b3b3;
 border-bottom-left-radius: 6px;
 border-bottom-right-radius: 6px;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 border-left-color: #b3b3b3;
 border-left-style: solid;
 border-left-width: 1px;
 border-right-color: #b3b3b3;
 border-right-style: solid;
 border-right-width: 1px;
 border-top-color: #b3b3b3;
 border-top-left-radius: 6px;
 border-top-right-radius: 6px;
 border-top-style: solid;
 border-top-width: 1px;
 width: 90% !important;
 height:50px !important;
}

#contactUs button {
 display: block;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../SendButton_Mouse2.png);
 background-repeat: no-repeat;
 width: 114px;
 height: 40px;
 padding: 0px;
 font-size: 16px;
 text-shadow: 1px 1px #000000;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 line-height: 40px;
 font-weight: bold;
 color: #FFF;
 margin: 0 auto;
}

#contactUs button:hover {
 display: block;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 background-image: url(../SendButton_Normal2.png);
 background-repeat: no-repeat;
 width: 114px;
 height: 40px;
 padding: 0px;
 font-size: 16px;
 text-shadow: 1px 1px #000000;
 border: 0px;
 vertical-align: middle;
 text-align: center;
 line-height: 40px;
 font-weight: bold;
 color: #FFF;
 margin: 0 auto;
}


/* ============================ */
/* SPOTLIGHT */
/* ============================ */

#spotLight #content {
 padding: 5px;
 margin-left: 15px;
 /*width: 375px;*/
 border: 1px solid #00aeef;
 border-top: 0px;
 overflow:hidden;
 width:490px;
}

#spotlightTitle {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #00aeef;
    border-image: none;
    border-style: solid solid dashed;
    border-width: 1px;
    color: #00aeef;
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
    padding: 5px;
    text-align: center;
    width: 490px;
}

#spotLight li {
    padding-left: 25px;
    text-indent: -20px;
}

#spotlightVideo {
    border: 1px solid #00aeef;
    color: #00aeef;
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
    text-align: center;
}

.spotLightVideoHeader {
    padding: 5px !important;
}

#spotlightVideo p {
    padding: 0 3px;
}

.spotLightDate {
    color: #7B7B7B;
    font-size: 11px;
    font-weight: normal;
    padding: 1px 4px 2px !important;
    text-align:right;
    font-style:italic;
}

#mouseOverContainer {
 width: 385px;
 margin-left: 15px;
 padding: 0px;
 border: 0px;
 border-top: 0px;
}

#mouseOverContainer img {
 padding: 0px;
}

.mouseOverInfo {border:1px solid #00aeef;width:500px;text-align:center;border-top:0px;height:19px;line-height:19px;font-size:16px;}

.greyBubble {
 width: 280px;
 text-align: left;
 border: 2px solid #DEDEDE;
 background-color: #F2F2F2;
 margin: 10px;
 border-radius: 15px;
 float:right;
}

.blueBubble {
 width: 280px;
 text-align: left;
 border: 2px solid #B3E1FB;
 background-color: #D1E8FE;
 margin: 10px;
 border-radius: 15px;
 float:left;
}

.blueBubble .bubbleName, .greyBubble .bubbleName {
 font-weight: bold;
 text-align: right;
 font-size:95%;
 padding-bottom:0px;
 margin-top:-15px;
}

.blueBubble .bubbleDate, .greyBubble .bubbleDate {
 text-align: right;
 font-sytle: italic;
 font-size:75%;
 margin-right:7%;
 padding-top:0px;
}

 {
 text-align: left;
 font-sytle: italic;
 font-size:75%;
 margin-left:7%;
 padding-top:0px;
}


/*!
 * jQuery UI CSS Framework 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ui-dialog .ui-dialog-buttonpane button {
    cursor: pointer;
    margin: 0.5em 0.7em 0.5em 0;
}

/*!
 * jQuery UI CSS Framework 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */

/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { font-size: 1em; border: 1px solid #a6c9e2; background: #FFF; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 0px solid #00aeef; background: #fff 50% 50% repeat-x; color: #00aeef; font-size: 1.1em; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }





/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 50% 50% repeat-x; font-weight: bold; color: #1d5987; }
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9  50% 50% repeat-x; font-weight: bold; color: #00aeef; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #00aeef; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid red; background: #FFF5F5; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*!
 * jQuery UI Tabs 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */

 

 
 
 /* ============================ */
/* REWARDS TABS  */
/* ============================ */
 
 #tabs {
  width: 100%;
 }

.ui-tabs {
 position: relative;
 padding: 0;
 zoom: 1;
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") 
/*div#tabs {text-align: center; }*/

.ui-tabs .ui-tabs-nav {
 margin: 0;
/* padding: .2em .2em 0;*/
}

.ui-tabs .ui-tabs-nav li {
 text-align: left;
 font-weight: normal;
 border-color: #00aeef !important;
 background-color: #ccf5ff;
 list-style: none;
 float: left;
 position: relative;
 left:-1px;
 border: 0px solid !important;
 border-left: 0px !important;
 border-right: 0px !important;
 white-space: wrap;
 padding: 0;
}

.ui-tabs .ui-tabs-nav li a {
 width: 90%;
 color: #7b7b7b;
 float: left;
 padding: .5em .3em .5em .5em;
 text-decoration: none;
}
*
.ui-tabs .ui-tabs-nav li:hover {
 background-color: #fff;
 font-weight: bold;
 color: #00aeef;
 float: left;
 text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
 font-weight: bold;
 background-color: #fff;
 border-right: 0 !important;
 margin-bottom: 0;
 padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
 cursor: pointer;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
 cursor: pointer;
}  /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */


.ui-tabs .ui-tabs-panel {
 border-top-left-radius: 10px;
 border-bottom-left-radius: 10px;
 display: block;
 border-width: .12em;
 padding: 1em 1.4em;
 background: #FFF;
 width:82% !important;
}

.ui-tabs .ui-tabs-hide {
 display: none !important;
}



    .ui-tabs-vertical { width: 43.23em; }
    .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 10em; }
    .ui-tabs-vertical .ui-tabs-nav li { border-radius: 0px; border-clear: left; width: 100.8%; border-bottom-width: 0px !important; border-right: 1px solid; margin: 0 -1px 0 0;}
    .ui-tabs-vertical .ui-tabs-nav li:last-child { border-bottom-width: 0px !important; }
    .ui-tabs-vertical .ui-tabs-nav li .ui-state-active { border-right: 0 !important; }
    .ui-tabs-vertical .ui-tabs-nav li a { width: 90% !important; display:block; }
    .ui-tabs-vertical .ui-tabs-nav li .ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right: 0 !important; }
   .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { width: 101.79% !important; font-weight: bold; background-color: #fff; border-right: 0 !important; margin-bottom: 0; padding-bottom: 1px; }

    .ui-tabs-vertical .ui-tabs-panel { border-color: #00aeef !important; max-height: 520px; min-height:520px; height: auto; overflow-y: scroll; padding: 1em; float: right; width: 31.4em; padding-right: 0em !important;}

    .ui-tabs div { padding: 5px 7px 10px 3px !important; }

<!--[if IE]>
.ui-tabs-vertical .ui-tabs-panel { border-color: #00aeef !important; max-height: 550px; height: auto; overflow-y: scroll; padding: 1em; float: right; width: 30em; padding-right: 0em !important; }
<![endif]--&gt;





/* ============================ */
/* MY ACCOUNT TABS  */
/* ============================ */

#myAccount {
 padding-bottom: 240px;
}

#tabs {
 margin-left: 15px;
 background-color:#ffffff;
}

#tabs a {
 border-bottom: 0px;
}


.accountTable {
    border: 0px;
    border-collapse: collapse;
    margin: 0px;
}

.accountTable th, .accountTable td {
    background: transparent;
    border: 0px;
    color: #333333;
    padding: 5px;
}

.accountTable a {
    color: #00AEEF !important;
}

.accountHeader {
 font-size: 16px;
 text-align: center;
 padding-bottom:10px;
 border-bottom: 0px !important;
}

.accountTable tbody tr:hover {
    background: #eeeeee;
    color: #3b5895;
}

.accountTable .section {
  border-bottom: 1px solid #dddddd;
  line-height:18px;
}

.accountTable .section .email_link {
  font-size: 14px;
}
.accountTable .section .email_link  a {
 color:#333333 !important;
 font-weight:bold;
}

.accountEdit {
    text-align: right;
}

#tabs {
  border: 0px;
 font-family: Arial,Verdana,Helvetica,sans-serif;
}

#myAccount .ui-widget-header {
  background: transparent;
  border: 0px;
}

#myAccount .ui-state-default {
  background: #e5f7fe !important;
  border: 1px solid #00aeef;
  border-bottom: 0px;
  border-radius: 0px;
  color: #00aeef;
  font-weight: normal;
}

#myAccount li.ui-state-hover {
 background-color: #FFF !important;
}

#myAccount .ui-state-default a {
  color: #00aeef;
  font-weight: normal;
}

#myAccount .ui-state-active a {
  color: #00aeef;
  font-weight: bold;
}

#myAccount .ui-state-active {
  background: #FFF !important;
  border: 1px solid #00aeef;
  border-bottom: 0px;
  border-radius: 0px;
  color: #00aeef;
  font-weight: bold;
}

#myAccount .ui-tabs-panel {
 border: 1px solid #00aeef; /*blue around main container */
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
 border-top-right-radius: 10px;
}

#myAccount .ui-tabs .ui-tabs-nav {
 padding: 0px;
}

#myAccount .tabs-1  a{
 color: #00e600 !important;
 display:inline;
}
#myAccount .tabs-2  a{
 color: #1aa3ff !important;
}
#myAccount .tabs-3  a{
 color: #ff0000 !important;
}




/* ============================ */
/* YOUTUBE DIRECT */
/* ============================ */

.youtubeDirect {
 margin:25px 0px;
}

#youtubeDirectContent a {
 border-bottom: 0px !important;
 display:block;
 margin:0 auto;
}

#youtubeDirectContent img {
 padding: 0px;
}

#youtubeDirectContent p {
 font-weight: bold;
 font-size: 10px;
 padding: 2px 4px;
}

#youtubeDirectContent a:hover {
 border-bottom: 0px !important;
 display:block;
 margin:0 auto;
}

#youtubeDirectTitle {
 color: #FFF;
 font-weight: bold;
 text-align: center;
 background-image: url(../YoutubeDirectHeader.png);
 background-repeat: no-repeat;
 width: 175px;
 height: 24px;
 margin: 0 auto;
}

#youtubeDirectContent {
   background-color: #F8F8F8;
    border: 1px solid #ADADAD;
    border-radius: 0px 0px 20px 20px;
    color: #7B7B7B;
    font-size: 13px;
    padding: 10px;
    width: 153px;
  margin: 0 auto;
}


/* html, body {
 min-height: 100%;
 height: 100%;
}

#page_content, #page {
 min-height: 100% !important;
}*/

/* ============================ */
/* Video Commercial */
/* ============================ */

/* http://www.menucool.com */

#video {position:relative;width:485px;height:273px;margin: 15px auto;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/
 
#commercial {
    width:485px;height:273px;/* Make it the same size as your video */
 position:relative;
 margin:0 auto;/*make the image slider center-aligned */
    box-shadow: 0px 1px 5px #999999;
}
#commercial iframe {
 position:absolute;
 border:none;
}



#SLIDER_CONTENT_IS_HERE {}


/* ============================ */
/* IMAGE SLIDER */
/* ============================ */

/* http://www.menucool.com */

#sliderFrame {position:relative;width:485px;height:364px;margin: 15px auto 0;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/
 
#slider {
    width:485px;height:364px;/* Make it the same size as your images */
 background:#fff url(../loading.gif) no-repeat 50% 50%;
 position:relative;
 margin:0 auto;/*make the image slider center-aligned */
    box-shadow: 0px 1px 5px #999999;
}
#slider img {
 position:absolute;
 border:none;
 display:none;
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
 z-index:2;
 display:none;position:absolute;
 top:0px;left:0px;border:0;padding:0;margin:0;
 width:100%;height:100%;
}

/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
 position:absolute;
 width:100%;
 height:auto;
 padding:0;
 left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
 bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
 z-index:3;
 overflow:hidden;
 font-size: 0;
}
div.mc-caption-bg {
 background-color:black;
}
div.mc-caption {
 font: bold 14px/20px Arial;
 color:#EEE;
 z-index:4;
 padding:10px 0;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
 text-align:center;
}
div.mc-caption a {
 color:#FB0;
}
div.mc-caption a:hover {
 color:#DA0;
}


/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper  {
 top:345px; left:175px; /* Its position is relative to the #slider */
 width:150px;
 background:none;
 padding-left:20px;
 position:relative;
 z-index:5;
 cursor:pointer;
}

/* each bullet */
div.navBulletsWrapper div 
{
    width:11px; height:11px;
    background:transparent url(../bullet.png) no-repeat 0 0;
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:11px;/* distance between each bullet*/
    _position:relative;/*IE6 hack*/
}

div.navBulletsWrapper div.active {background-position:0 -11px;}


/* --------- Others ------- */
#slider 
{
 transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}

.mcSlc, #slider {
 border-radius: 35px
}

.mcBox {
 border-radius: 45px;
}


/* ============================ */
/* DIALOGUE BOX */
/* ============================ */

.ui-dialog-content {
 color: #545454;
}

.ui-dialog {
 border-radius: 0px;
 border: 1px solid #00AEEF;
}

.ui-dialog-titlebar {
 background: #FFF;
 color: #545454;
 border:0px;
}

.ui-dialog .ui-dialog-buttonpane {
  border:0px;
}
.ui-button {
 border: 1px solid #41C2F3 !important;
 background: #E8F8FD !important;
 color: #00AEEF!important;
}

.cardModule {
margin: 2px 0 2px 0;
padding: 10px;
border: 1px solid;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.cardModuleDiv {
display: inline-block;
text-align:center;
width: 109px;
color: #7b7b7b;
font-weight: bold;
font-size: 12px;
padding-left: 8px !important;
margin-left:5px;
margin-right:5px;
}

.cardModuleDiv:nth-child(3n+3) {
 padding-right: 0px !important;
}

.ui-tabs {
 background-color: transparent !important;
 border: 1px solid;
}

#main_content {
 overflow: hidden !important;
 height: auto !important;
 position: relative;
}

.tabsMA.ui-tabs-selected {
border: 1px 1px 0px 1px !important;
}

div.tabs-panel-MA {
  margin: -1px !important;
}

ul.ulMA {
 margin-left: 10px !important;
 width:80% !important;
}

.toggleVisibility:hover {
    border-bottom-style: dotted;
    border-bottom-width: 0px;
   color: #7b7b7b;
}

a.language {
 border: 0 !important;
 color: #7b7b7b;
}

a.language:hover {
 border: 0 !important;
 color: #7b7b7b;
}

.discussionCategoryContainer button {
 margin-top: 40px !important;
}

.mSpanish { 
}

/*  Temporary Properties */

.noregup { display: none; }

/*#page_content {  min-height: 730px !important; padding-bottom: 0;}*/
#page_content {  min-height: 1300px !important; padding-bottom: 0;}
.redeem { font-family: Arial; color: #00aeef; font-size: 1.3em;}
.redeem_es { font-family: Arial; color: #00aeef; font-size: 1.25em; margin-left:-15px;}
form#rewards {
 padding-top:25px;
 background: transparent;
 width:420px;
 color: #000;;
 font-size: 16px;
  margin-left:50px;
  }
form#rewards br { display:none;}
form#rewards select { width: 250px; }
/*form#rewards button  { margin-left: 5px; background-image: url("../ResetPasswordButton_Normal.png");
vertical-align: middle;
width:158px;
height:30px;
border:0px;
background-color:transparent;
color:#fff;
font-weight:bold;
background-size:158px 50px;
}*/

form#rewards button {
    display: block;
    background-color: transparent;
    background-image: url(../ResetPasswordButton_Normal.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 30px;
    padding: 0px;
    font-size: 12px;
    border: 0px;
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    color: #FFF;
}

/*form#rewards button { display: block;
    background-color: transparent;
    background-image: url("https://www.mysoapbox.com/panel/portal/images/GetItButton_Normal.png");/*background-image: url(../button_orange_community.png);
    background-repeat: no-repeat;
    width: 158px;
    height: 50px;
    border: 0px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    margin: 0 auto;
 padding-top:0px;
 color: #ffffff !important;
 text-shadow: 0px 0px 4px #000000;

}*/



.temp_landing {
 width: 80%;
 min-height: 500px;
 margin-left: auto;
 margin-right: auto;
 padding-top: 30px;
}


.temp_landing a {
 color:#ffffff;
}

.temp_landing a:hover {
 color:#f7941e;
}