@import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=63051d53-45fa-4bb5-9700-28dc66327d80");
@font-face{
font-family:"Helvetica W01 Cm";
src:url("Fonts/c2b8712e-fd70-40e2-b8b8-df35641ae9e5.eot?#iefix");
src:url("Fonts/c2b8712e-fd70-40e2-b8b8-df35641ae9e5.eot?#iefix") format("eot"),url("Fonts/ecbdfc0c-dd44-4190-b173-3e47f561d788.woff") format("woff"),url("Fonts/279b5a54-a49c-4db3-b46a-8542e0b1fed0.ttf") format("truetype"),url("Fonts/6fd87b2d-9eb6-4eee-8159-79bb532b4f31.svg#6fd87b2d-9eb6-4eee-8159-79bb532b4f31") format("svg");
}
@font-face{
font-family:"Helvetica W01 Cn";
src:url("Fonts/71feed05-d183-48da-9b1d-031a48855ec9.eot?#iefix");
src:url("Fonts/71feed05-d183-48da-9b1d-031a48855ec9.eot?#iefix") format("eot"),url("Fonts/2d11ffef-dbb3-406b-b83b-d62925fa2391.woff") format("woff"),url("Fonts/9312efda-f401-4c27-9fb0-fee0c796c399.ttf") format("truetype"),url("Fonts/01a8ea06-dc25-48dc-8e52-3dbef305398a.svg#01a8ea06-dc25-48dc-8e52-3dbef305398a") format("svg");
}
@font-face{
font-family:"Helvetica W01 Light Cn";
src:url("Fonts/098224b7-370a-43f8-bb4e-f3779e83a5d0.eot?#iefix");
src:url("Fonts/098224b7-370a-43f8-bb4e-f3779e83a5d0.eot?#iefix") format("eot"),url("Fonts/ff1d6fe9-1eb4-4b56-a54d-c4e9c3c231e4.woff") format("woff"),url("Fonts/7f604f39-0277-4222-9b21-cce46dc1a18e.ttf") format("truetype"),url("Fonts/836329ae-a7e9-4192-9b9c-433c0d254f0e.svg#836329ae-a7e9-4192-9b9c-433c0d254f0e") format("svg");
}
@font-face{
font-family:"Helvetica W01 Ultra Cm";
src:url("Fonts/73fab8df-e2d0-4cf7-b3a3-8e77d3dc82e7.eot?#iefix");
src:url("Fonts/73fab8df-e2d0-4cf7-b3a3-8e77d3dc82e7.eot?#iefix") format("eot"),url("Fonts/3530b569-d879-4117-8d23-d166203ca6c1.woff") format("woff"),url("Fonts/869de45d-181b-4200-b6dc-3335405d2145.ttf") format("truetype"),url("Fonts/495e23df-7f84-4bc6-8c26-471d72be7d20.svg#495e23df-7f84-4bc6-8c26-471d72be7d20") format("svg");
}


/*resetstyles
---------------------------------------------*/
* {
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}
body {
	background:#ffffff;
	font-size: 62.5%;
	font-weight: 300;
	font-family:Helvetica, sans-serif;
	color: #616161;
	background-image:url(../img/rewards_background_1080dpi.jpg);
	background-size:cover;
}
a {
	color:#FFFFFF;
	text-decoration:underline;
}
a:hover {
	color:#e1bf54;
}
h1,h3 {
	font-family:"Helvetica W01 Ultra Cm";
	font-size: 1em;
	font-weight: normal;
	color: #616161;
	letter-spacing:1px;
}
h2 {
	font-family:"Helvetica W01 Ultra Cm";
	font-size:30px;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:1px;
	margin-bottom:5px;
}
p {
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;
}
strong {
	font-weight:500;
}
em {
	font-style:italic;
}

/*sprites
---------------------------------------------*/
.star, .five, .ten, .twenty, .fifty, .hundred, .twofifty, .fivehundred {
    background-image:url(../img/prize_sprite.png);
    background-repeat: no-repeat;
    display: block;
    float:left;
	margin:5px 2.5px 0;
    width: 50px;
}
.star {
    height: 30px;
    background-position: 1px 0px;
}
.five {
	height: 30px;
    background-position: -1px -51px;
}
.ten {
	height: 30px;
    background-position: -1px -101px;	
}
.twenty {
	height: 30px;
    background-position: -1px -151px;	
}
.fifty {
	height: 30px;
    background-position: -1px -201px;	
}
.hundred {
    height: 30px;
    background-position: -1px -251px;
}
.fivehundred {
    height: 30px;
    background-position: -1px -301px;
}
.twofifty {
	height: 30px;
    background-position: -1px -351px;	
}
.overflow-hidden {
	overflow: hidden;
}

/*homepage
---------------------------------------------*/
#wraper.homepage {
	position: relative;
	width:480px;
	height:495px;
	margin: 0 auto;
	overflow: hidden;
	background-color:#f6f6f6;
	-moz-box-shadow: 0 0 5px 6px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 0 5px 6px rgba(0,0,0,.4);
  box-shadow: 0 0 5px 4px rgba(0,0,0,.2);
}
#homepage .connections_logo {
	display:block;
	margin:0 auto;
	padding-top:25px;
	padding-bottom:10px;
	border-bottom:#CCCCCC 1px solid;
	width: 311px;
	height: 23px;
}
#homepage .logo {
	float:none;
	display:block;
	margin:0 auto;
	width: 381px;
	height: 74px;
}
#homepage h4 {
	color: #006953;
	font-size: 21px;
	font-weight: 300;
	margin: 20px auto 10px;
	text-align: center;
}
#homepage p {
	font-size:14px;
	line-height:18px;
	text-align:center;
	margin:25px auto 25px;
	color:#838383;
}
#homepage label {
	display:block;
	font-size:14px;
	font-weight:500;
	line-height:18px;
	text-align:center;
	margin:25px auto 5px;
	color:#616161;
}
#homepage form input[class="form_field"] {
	display:block;
	width:180px;
	height:28px;
	text-align: center;
	margin:0 auto;
	padding:0 5px;
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
	box-shadow: inset 0 0 3px rgba(0,0,0,.3);
}
.login {
	margin:20px auto 0;
}


/*homepage
---------------------------------------------*/
#wraper {
	position: relative;
	width: 960px;
	height:750px;
	margin: 0 auto;
	background-color:#f6f6f6;
	-moz-box-shadow: 0 0 5px 6px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 0 5px 6px rgba(0,0,0,.4);
  box-shadow: 0 0 5px 4px rgba(0,0,0,.2);
}
#header {
	position:block;
	width: 940px;
	height: 95px;
	margin: 0 auto;
	border-bottom:#CCCCCC 1px solid;
}
.logo {
	float:left;
	display:block;
	padding-top:10px;
	width: 381px;
	height: 74px;
}
ul#top_links {
	display:block;
	position:relative;
	float:right;
	width:109px;
	height:30px;
	margin-top:55px;
}

#top_links li, #top_links li a {
	display:block;
	float:left;
	font-family:"Helvetica W01 Cn";
	font-size:12px;
	color: #616161;
	margin-left:3px;
	margin-right:3px;
}

/* Info Column */
#info_col {
	float:left;
	width:325px;
	height:560px;
	margin:20px 0 0 40px;
}
#info_col h4 {
	font-size: 20px;
	line-height:20px;
	font-weight:400;
}
#info_col h5 {
	font-size: 18px;
	line-height:18px;
	font-weight:300;
	margin-top:15px;
}
#claim_stars {
	width:305px;
	height:55px;
	background:#f0f0f0;
	margin:20px 0 40px;
	padding:10px;
}
#claim_stars h3 {
	font-size:20px;
	margin-bottom:5px;
	text-transform:uppercase;
}
#claim_stars input[type="text"] {
	float:left;
	width:170px;
	height:25px;
	margin-right:10px;
	padding-left:5px;
	color:#838383;
}
.claim {
	float:left;
	padding-top:7px;
	height:18px !important;
}
.redeem_all { 
	width: 150px !important;
	height: 21px !important;
	padding-top: 5px;
	margin-bottom: 10px;
	display: inline-block !important;
}
.new_board { 
	width: 150px !important;
	height: 21px !important;
	padding-top: 5px;
	margin-bottom: 10px;
	display: inline-block !important;
	background-color: #CCCCCC !important;
	color: #b5b5b5 !important;
	cursor: default !important;
}
.highlight_button {
	cursor: pointer !important;
	color: #FFFFFF !important;
	background: #006953 !important;
}
.highlight_button:hover {
	background: #289c84 !important;
}	
.disable_button {
	cursor: default !important;
	color: #b5b5b5 !important;
	background: #CCCCCC !important;
}
.disable_button:hover {
	background: #CCCCCC !important;
}	
#get_started {
	width:305px;
	height:303px;
	margin:20px 0 40px;
	padding:10px;
	background:#f0f0f0;
	border-top:#006953 25px solid;
	border-bottom:#006953 25px solid;
}
#get_started h2 {
	font-family:"Helvetica W01 Ultra Cm";
	font-size:30px;
	text-transform:uppercase;
	font-weight:normal;
}
#get_started p {
	font-size:12px;
	line-height:18px;
	margin-bottom:10px;
}
#get_started label {
	font-size:11px;
	line-height:18px;
	text-transform:uppercase;
	text-align:left;
	margin-bottom:10px;
}

#your_stars {
	width:305px;
	height:145px;
	text-align:center;
	padding-top:10px;
	border-top:#CCCCCC 1px solid;
}
#your_stars p {
	font-size:14px;
	font-weight:500;
}
#remaining {
	float:left;
	position:relative;
	width:112px;
	height:80px;
	margin-bottom:20px;
}
#total {
	float:right;
	position:relative;
	width:160px;
	height:80px;
	margin-bottom:20px;
}
#remaining input[type="text"], #total input[type="text"] {
	float:left;
	position:relative;
	width:100%;
	height:70px;
	font-family:Helvetica, sans-serif;
	font-size:36px;
	color:#006953;
	text-align:center;
	background:#e2efea;
}
.money_sign {
	position:absolute;
	width:40px;
	height:40px;
	font-size:36px;
	font-weight:600;
	color:#006953;
	left:5px;
	top:36px;
	z-index:100;
}

/* Game Column */
#game_col {
	float:right;
	position:relative;
	width:556px;
	height:556px;
	margin:20px 10px 0 0;
	padding: 2px;
	background:#f0f0f0;
}

#game_col li a {
	text-align:center;
	color:#000000;
	font-size:18px;
	padding-top:20px;
	text-decoration:none;
}

#game_col #star100 {
	line-height: 17px;
	font-size: 14px;
}

.conn_right {
	float:right;
	display:block;
	margin:15px 10px 15px 0;
	width: 311px;
	height: 23px;
}

/* Redeem Cover Window */
#redeem {
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	top:0;
	left:0;
	background-color:rgba(0,105,83,.7);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#70006953', EndColorStr='#70006953');
}
#redeem h1 {
	font-family:"Helvetica W01 Cm";
	font-size:45px;
	line-height:45px;
	font-weight:normal;
	text-transform:uppercase;
	color:#FFFFFF;
	margin-top:150px;
}
#redeem p {
	font-size:18px;
	color:#FFFFFF;
	margin:15px 0;
}

#total_cash {
	position:relative;
	width:235px;
	height:60px;
	margin: 0 auto;
}
#total_cash input[type="text"] {
	position:relative;
	width:100%;
	height:70px;
	font-family:Helvetica, sans-serif;
	font-size:45px;
	color:#006953;
	font-weight:600;
	text-align:center;
	background:#FFFFFF;
}

/* Recharge Cover Window */
#recharge {
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	top:0;
	left:0;
	background-color:rgba(0,105,83,.7);
}
#recharge h1 {
	font-family:"Helvetica W01 Cm";
	font-size:45px;
	line-height:45px;
	font-weight:normal;
	text-transform:uppercase;
	color:#FFFFFF;
	margin-top:225px;
}
#recharge p {
	font-size:18px;
	color:#FFFFFF;
	margin:15px 0;
}


/*About/Leaderboard Page
---------------------------------------------*/
#about_col {
	float:left;
	display:block;
	width:620px;
	height:560px;
	padding:0 10px ;
	margin-top:20px;
}
.main_img {
	margin:0 0 20px 0;
	width: 620px;
	height: 244px;
}
#how_col, #stars_col {
	float:right;
	display:block;
	width:275px;
	height:525px;
	padding:10px 10px 0;
	margin:20px 10px 0 0;
	background:#f0f0f0;
	border-top:#006953 25px solid;
}
#how_col {
	overflow-y: scroll;
}
#stars_col li {
	position:relative;
	display:block;
	width:100%;
	height:19px;
	font-size:12px;
	line-height:19px;
}
span.star_count {
	 display: block;
	float: right;
	height: 19px;
	position: relative;
	width: 55px;
	margin-right:10px;
}
.total {
	float:left;
	display:block;
	width:25px;
	height:19px;
}
.starTxt {
	float:right;
	display:block;
	width:20px;
	height:19px;
}

#stars_earned {
	height: 480px;
	overflow-x: hidden;
	overflow-y: scroll;
}
	
/*footer
---------------------------------------------*/
#footer {
	position:absolute;
	width:100%;
	height:25px;
	bottom:0;
	background-color:#006953;
	padding:5px 0;
	color:#FFFFFF;
	font-size:9px;
}
#footer p {
	float:right;
	font-family:"Helvetica W01 Light";
	color:#FFFFFF;
	font-size:9px;
	margin:0 10px 0 0;
}

#footer a {
	float:left;
	font-family:"Helvetica W01 Cn";
	margin-left:10px;
	text-decoration:none;
}
#footer span {
	float:left;
	margin-left:10px;
}
#footer .member-fdic, #footer .member-fdic:hover {
	cursor: default;
	color: #fff;
}

/*modals
---------------------------------------------*/
#privacy, #terms, #congrats, #validation_errors {
	border-top:#006953 25px solid;
}
#privacy h2, #terms h2 {
  font-size:30px;
	font-weight:normal;
	margin-bottom:20px;
}
#privacy p, #terms p {
  font-size:14px;
	line-height:21px;
	margin-bottom:20px;
}
.video_close, .congrats {
	margin:40px auto 20px;
}
#congrats {
	width: 325px;
	top:30%;
	left: 58%;
}
#player {
	display: block;
	width: 560px;
	height: 275px;
}
#video_close {
	text-decoration: none;
	cursor: pointer;
	padding-top: 10px;
	visibility: hidden;
}
#video.modal {
	top: 0%;
}
/*reusable
---------------------------------------------*/
.button {
	display:block;
	height:25px;
	width:120px;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	background:#006953;
	cursor: pointer;
}
.button:hover {
	color:#FFFFFF;
	background:#289c84;
}
.button:active{
	color:#FFFFFF;
	background: #1e7563; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e7563 0%, #279a82 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e7563), color-stop(100%,#279a82)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e7563 0%,#279a82 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e7563 0%,#279a82 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e7563 0%,#279a82 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1e7563 0%,#279a82 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e7563', endColorstr='#279a82',GradientType=0 ); /* IE6-9 */
}
.default_pointer {
	cursor: default;
}
.ajax_loader {
	background: url("../img/loading.gif") no-repeat center center transparent;
	width:100%;
	height:100%;
}	

.reload_page { display: none; line-height: 25px; margin: 0 auto; text-decoration: none; }
.reload_page a, .reload_page a:hover { text-decoration: none; }

.bmi {
    width: 500px;
    text-align: center;
    margin: 0 auto;
    color: #ffffff;
    font-size: 9px;
    margin-left: 120px;
    font-family: Arial;
}

.bmi a { 
	float: none !important;
	margin-left: 0 !important;
    text-decoration: underline !important;
}