@font-face {
  font-family: FuturaBk;
  src: url("../fonts/FuturaStd-Light.eot");/* IE9 Compat Modes */
  src: url("../fonts/FuturaStd-Light.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("../fonts/FuturaStd-Light.woff") format('woff'), /* Pretty Modern Browsers */
       url("../fonts/FuturaStd-Light.ttf")  format('truetype'), /* Safari, Android, iOS */
       url("../fonts/FuturaStd-Light.svg#FuturaBk") format('svg'); /* Legacy iOS */
	   font-weight: 100;
}

@font-face {
  font-family: FuturaBk;
  src: url("../fonts/FuturaStd-Book.eot");/* IE9 Compat Modes */
  src: url("../fonts/FuturaStd-Book.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("../fonts/FuturaStd-Book.woff") format('woff'), /* Pretty Modern Browsers */
       url("../fonts/FuturaStd-Book.ttf")  format('truetype'), /* Safari, Android, iOS */
       url("../fonts/FFuturaStd-Book.svg#FuturaBk") format('svg'); /* Legacy iOS */
	   font-weight: 200;
}


@font-face {
  font-family: FuturaBk;
  src: url("../fonts/FuturaStd-Bold.eot");/* IE9 Compat Modes */
  src: url("../fonts/FuturaStd-Bold.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("../fonts/FuturaStd-Bold.woff") format('woff'), /* Pretty Modern Browsers */
       url("../fonts/FuturaStd-Bold.ttf")  format('truetype'), /* Safari, Android, iOS */
       url("../fonts/FuturaStd-Bold.svg#FuturaBk") format('svg'); /* Legacy iOS */
	   font-weight: 300;
}

@font-face {
  font-family: FuturaBk;
  src: url("../fonts/FuturaStd-Heavy.eot");/* IE9 Compat Modes */
  src: url("../fonts/FuturaStd-Heavy.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("../fonts/FuturaStd-Heavy.woff") format('woff'), /* Pretty Modern Browsers */
       url("../fonts/FuturaStd-Heavy.ttf")  format('truetype'), /* Safari, Android, iOS */
       url("../fonts/FuturaStd-Heavy.svg#FuturaBk") format('svg'); /* Legacy iOS */
	   font-weight: 400;
}

#btnLogin {
	width: 80%;
    margin: 0px auto 10px;
}
DIV.ageError {
    width: 460px !important;
    margin: 0px 0px;
}

#DOB_Month {
    float: left;
    width: 30px;
}

#DOB_Day {
    float: left;
    width: 30px;
}

#DOB_Year {
    float: left;
    width: 45px;
}

/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* UNIVERSAL BROWSER RESET*/
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-decoration: none;
	font-family: "FuturaBk", sans-sefrif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: "FuturaBk", sans-sefrif;
}
ol, ul {
	list-style: none;
	padding: 0px;
	margin:0px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
:focus {
outline: none; outline-width: 0;	
}
input[type="checkbox"] {display:none;}
.clear {
	clear: both;
	width: 0px;
	height: 0px;
}
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* UNIVERSAL BROWSER RESET END*/
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/

/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* THIS IS THE TEMP INDEX PAGE STYLE. THIS SHOULD BE DELETED ONCE THE PROJECT GOES INTO PRODUCTION*/
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
.TempIndexHolder { text-align: center; }
.TempIndexHolder div h1 {
	color: rgba(138,179,206,1.00);
	font-size: 44px;
	font-weight: 100;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.TempIndexHolder div h2 {
	color: rgba(138,179,206,1.00);
	font-weight: 200;
	font-size: 28px;
	margin: 0px 0px 40px 0px;
	padding: 0px;
}
.TempIndexHolder ul li {
margin: 20px auto;
}
.TempIndexHolder ul li.main a {
	text-align: center;
	color: rgba(255,255,255,1.00);
	font-weight: 200;
	font-size: 26px;
	letter-spacing: .05em;
	background-color: rgb(145, 213, 51);
	width: 90%;
	cursor: pointer;
	border: 3px solid rgba(255,255,255,1.00);
	text-align: center;
	display: block;
	margin: 0px auto;
	padding: 10px 0px;
}
 .TempIndexHolder ul li.sub a {
	text-align: center;
	color: rgba(255,255,255,1.00);
	font-weight: 200;
	font-size: 23px;
	letter-spacing: 0;
	background-color: rgba(104,162,25,1.00);
	width: 90%;
	cursor: pointer;
	border: 3px solid rgba(255,255,255,1.00);
	text-align: center;
	display: block;
	margin: 0px auto;
	padding: 10px 0px;
}
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* THIS IS THE TEMP INDEX PAGE STYLE. THIS SHOULD BE DELETED ONCE THE PROJECT GOES INTO PRODUCTION ENDING*/
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/

/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* THESE ARE FORM ELEMENTS STYLES */
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/

/* [][][][][][][][][][][][][INPUT ELEMENTS][][][][][][][][][][][][] */
input{
	color: transparent; 
	font-size: 16px; 
	height: 35px; 
    -moz-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
	box-shadow: 1px 2px 3px 0px rgba(0, 1, 0, 0.06);
	-webkit-box-shadow: 1px 2px 3px 0px rgba(0, 1, 0, 0.06);
	-moz-box-shadow: 1px 2px 3px 0px rgba(0, 1, 0, 0.06);
	position: relative;
	display: block;
	margin: 0px 0px 10px;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/* [][][][][][][][][][][][][Submit  Button][][][][][][][][][][][][] */
input[type="submit"]{
	border-style: solid;
	border-width: 2px;
	border-color: rgb(255, 255, 255);
	background-color: rgb(145, 213, 51);
	box-shadow: 1px 1.732px 2px 0px rgba(0, 1, 0, 0.17);
	-webkit-box-shadow: 1px 1.732px 2px 0px rgba(0, 1, 0, 0.17);
	-moz-box-shadow: 1px 1.732px 2px 0px rgba(0, 1, 0, 0.17);
	position: relative;
	width: 100%;
	height: 42px;
	z-index: 40;
	font-family: "FuturaBk", sans-sefrif;
	color: rgba(255,255,255,1.00);
	font-size: 18px;
	font-weight: 200;
	margin-top: 0px;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 20px;
	-webkit-border-radius:none;
	-webkit-appearance:none;
}
input[type="submit"]:hover{
	color: #D8FFAB;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

/* [][][][][][][][][][][][][ PLACEHOLDER REPLACEMENT ][][][][][][][][][][][][] */
/* This is the style of the input box off focus */
input[type="email"], input[type="password"], input[type="text"], input[type="number"]{
	border-style: solid;
	border-width: 2px;
	border-color: rgb(185, 219, 240);
	height: 36px;
	padding: 0 10px; 
	width: 93%; 
	position: relative; 
	-moz-box-shadow: inset 0 0 10px rgba(0,0,0,.06);
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.06);
	box-shadow: inset 0 0 10px rgba(0,0,0,.06);
	z-index: 2;}
/*------------------------------------------- */
	
/* This is the color of the text when typing*/
input[type="email"], input[type="password"], input[type="text"], input[type="number"]{
	color: rgba(92,137,171,1);}
/*------------------------------------------- */

/* Placeholder */
input[type="email"]:-moz-placeholder{color: rgba(47,130,194,.2);}
input[type="email"]:-ms-input-placeholder{color: rgba(47,130,194,.2);}
input[type="email"]::-webkit-input-placeholder{color: rgba(47,130,194,.2);}
input[type="password"]:-moz-placeholder{color: rgba(47,130,194,.2);}
input[type="password"]:-ms-input-placeholder{color: rgba(47,130,194,.2);}
input[type="password"]::-webkit-input-placeholder{color: rgba(47,130,194,.2);}
input[type="text"]:-moz-placeholder{color: rgba(47,130,194,.2);}
input[type="text"]:-ms-input-placeholder{color: rgba(47,130,194,.2);}
input[type="text"]::-webkit-input-placeholder{color: rgba(47,130,194,.2);}
/* Label */
 div input[type="email"] + label, div input[type="password"] + label, div input[type="text"] + label{
	top: 0px;
	color: rgb(47,130,194,0.00);}
div input[type="text"]:focus + label{
	right: 10px;
	color: rgb(47,130,194,1);}
	div input[type="password"]:focus + label{
	right: 10px;
	color: rgb(47,130,194,1);}
input[type="email"]:focus, input[type="password"]:focus, input[type="text"]:focus{
	background-color: rgba(255,255,255,.8);
	border: 2px solid #91d534;}
li label{
	line-height: 20px;
	right: 50px;
	-moz-transition: 0.3s right ease;
	-ms-transition: 0.3s right ease;
	-o-transition: 0.3s right ease;
	-webkit-transition: 0.3s right ease;
	transition: 0.3s right ease;
	z-index: 0;
	color: rgba(87,155,193,1.00);
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/* [][][][][][] RADIO BUTTON REPLACE [][][][][][] */
/*
  Hide radio button (the round disc)
  we will use just the label to create pushbutton effect
*/
input[type=radio] {
    display:none; 
    margin:10px;
}
 
/*
  Change the look'n'feel of labels (which are adjacent to radiobuttons).
  Add some margin, padding to label
*/
input[type=radio] + label {
	display: inline-block;
	margin: 0px 4px 0px 0px;
	padding: 12px 12px;
	background-color: rgba(245,245,245,0.64);
	border-color: #ddd;
	position: relative !important;
	line-height: 1em;
	right: 0px;
	font-size: 14px;
	border: 1px solid rgb(185, 219, 240);
	color: rgba(183,200,221,1.00);
}
/*
 Change background color for label next to checked radio button
 to make it look like highlighted button
*/
input[type=radio]:checked + label {
	background-image: none;
	background-color: rgb(185, 219, 240);
	border: 1px solid rgb(185, 219, 240);
	color: rgba(255,255,255,1.00);
}
/* [][][][][][][][][][][][][][][][][][] */

/* [][][][][][] TOGGLE REPLACE [][][][][][] */

.TOGGLE {
	position: relative;
	width: 60px !important;
	margin: 0px;
	padding: 0px;
	display: block;
	float:left !important;
}
.TOGGLE_LABLE {
	width: auto !important;
	margin: 0px 0px 0x 18px;
	padding: 10px 0px 0px;
	position: relative;
	color: rgb(147, 187, 208);
	font-size: 16px;
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 100;
	top: -5px;
	float: left;
}
.TOGGLE_LABLE_MOB {
	display: none;}
.TOGGLE_LABLE_Contact {
    width: 280px !important;
}
input#toggle {
	max-height: 0;
	max-width: 0;
	opacity: 0;
	margin:0px;
	padding:0px;
}
input#toggle + label {
	display: block;
	position: relative;
	box-shadow: inset 0 0 0px 1px #d5d5d5;
	text-indent: -5000px;
	height: 25px;
	width: 50px;
	border-radius: 25px;
	top: 0px;
	right: 0px;
}
input#toggle + label:before {
	content: "";
	position: absolute;
	display: block;
	height: 25px;
	width: 25px;
	top: 0;
	left: 0;
	border-radius: 25px;
	background-color: #91D533;
	-moz-transition: .25s ease-in-out;
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
input#toggle + label:after {
	content: "";
	position: absolute;
	display: block;
	height: 25px;
	width: 25px;
	top: 0;
	left: 0px;
	border-radius: 25px;
	background: white;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), 0 2px 4px rgba(0,0,0,.2);
	-moz-transition: .25s ease-in-out;
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
input#toggle:checked + label:before {
	width: 50px;
	background-color: #91D533;
}
input#toggle:checked + label:after {
	left: 25px;
	box-shadow: inset 0 0 0 1px rgba(145,213,51,0.91),0 2px 4px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 0 0 1px rgba(145,213,51,0.91),0 2px 4px rgba(0,0,0,.2);
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* THESE ARE FORM ELEMENTS STYLES END*/
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/

/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* THESE ARE GENERAL INTERFACE ELEMENTS & BODY CONSTRUCTION */
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
.BTN_MAIN {
	border-style: solid;
	border-width: 2px;
	border-color: rgb(255, 255, 255);
	background-color: rgb(145, 213, 51);
	box-shadow: 1px 1.732px 2px 0px rgba(0, 1, 0, 0.17);
	-webkit-box-shadow: 1px 1.732px 2px 0px rgba(0, 1, 0, 0.17);
	-moz-box-shadow: 1px 1.732px 2px 0px rgba(0, 1, 0, 0.17);
	position: relative;
	display: inline-block;
	width: 300px;
	height: 33px;
	z-index: 40;
	font-family: "FuturaBk", sans-sefrif;
	color: rgba(255,255,255,1.00);
	font-size: 18px;
	font-weight: 200;
	margin-top: 10px;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 15px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
}
.EDIT_BTN a:link, .EDIT_BTN a:visited, .EDIT_BTN a:hover, .EDIT_BTN a:active{
	background-color: rgba(131,206,29,1.00);
	width: auto;
	height: auto;
	margin: 0px;
	padding: 5px 30px !important;
	font-size: 15px !important;
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 200 !important;
	color: rgba(255,255,255,1.00) !important;
	position: relative;
	float: right;
	letter-spacing: .05em !important;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.14);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.14);
	border-radius: 0px;
	border-left: 2px solid rgba(244,244,244,1.00);
	border-right: 2px solid rgba(244,244,244,1.00);
	border-bottom: 1px solid rgba(244,244,244,1.00);
	border-top: 2px solid rgba(244,244,244,1.00);
}
body, html {
	background-color: #EBF3F5;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/IMG_MAIN_GRAD_TOP.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: table;
}
section {
	display: table-row;
	height: 100%;
	width: 100%;
	padding: 0px;
	margin:0px;
	z-index: 50;
}
section::before { display: table-row; height: 60px;	}
.FX {width: 100%;}
section .FX { width: 100%; height: auto; }
.page {
	position: relative;
	width: 100%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	height: auto;
	display: block;
}
.page .COL_LEFT {
	width: 25%;
	height: auto;
	margin: 0px;
	padding: 57px 0px 0px 0px;
	position: relative;
	float: left;
}
.page .COL_RIGHT {
		width: 60%;
	height: auto;
	margin: 0px 0px 0px -300px;
	padding: 57px 0px 0px 30px;
	position: relative;
	text-align: left;
	float: none;
	left: 50%;
}
.page .COL_RIGHT ul{
	width: 95%;
}
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* THESE ARE GENERAL INTERFACE ELEMENTS & BODY CONSTRUCTION END*/
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/

/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* THIS IS THE LOGIN PGE STYLE */
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/

/* LOGIN FORGOT */
		.loginHolder .FORGOT_HDR {
			position: relative;
			text-align: center;
			height: auto;
			margin: 0px auto 40px;;
			padding: 0px;
			font-family: "FuturaBk", sans-sefrif;
			color: rgb(118, 163, 188);
			font-size: 18px;
			font-weight: 200;
			width: 100%;
		}
		.loginHolder .FORGOT_HDR h3 {
			font-size: 34px;
			font-weight: 100;
		}
		.loginHolder .FORGOT_HDR h4 {
			font-size: 16px;
			font-weight: 100;
			line-height: 1.4em;
			width: 80%;
			margin:0px auto;
		}
		.EMAIL_SENT {
			width: 471px;
			height: 216px;
			position: relative;
			margin-top: -80px;
			margin-right: auto;
			margin-left: auto;
			margin-bottom: 10px;
			background-image: url(../images/IMG_EMAIL_SENT.png);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 100% 100%;
		}
		.GEN_BIG_BUTTON{
			position: relative;
			width: 100%;
			height: auto;
			z-index: 40;
			margin: 30px auto 20px;
			text-align: center;
		}
		.GEN_BIG_BUTTON a{
			border-style: solid;
			border-width: 2px;
			border-color: rgb(255, 255, 255);
			background-color: rgb(145, 213, 51);
			box-shadow: 1px 1.732px 2px 0px rgba(0, 1, 0, 0.17);
			-webkit-box-shadow: 1px 1.732px 2px 0px rgba(0, 1, 0, 0.17);
			-moz-box-shadow: 1px 1.732px 2px 0px rgba(0, 1, 0, 0.17);
			position: relative;
			width: 100%;
			height: auto;
			z-index: 40;
			font-family: "FuturaBk", sans-sefrif;
			color: rgba(255,255,255,1.00) !important;
			letter-spacing: 0em !important;
			font-size: 18px;
			font-weight: 200;
			margin: 30px auto 20px;
			text-decoration: none;
			cursor: pointer;
			text-align: center;
			padding: 15px 30px;
		}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/* LOGIN STRUCTURE */
.loginHolder {
	height: auto;
	width: 90%;
	position: relative;
	padding: 30px auto 30px;
	margin: 0px auto;
}
.loginHolder ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}
.loginHolder ul li{
	display: inline-block;
	position: relative;
	margin:0px;
	padding:0px;
}
#SIGNUP_001 ul li {
	display: block;
	width: 70%;
	margin:0px auto;	
}
#SIGNUP_001 ul li {
	display: block;	
}
.LOGIN {
  font-size: 22px;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  position: absolute;
  left: 603.938px;
  top: 353.8px;
  z-index: 37;
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/* LOGIN HEADER */
.loginLogo {
	width: 183px;
	height: 173px;
	background-image: url(../images/MN_IMG_LOGO_LOGIN.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	position: relative;
	margin: 0px auto 20px auto;
	padding: 0px;
}
.LOGIN_HDR {
	display: none;	
}
.SIGNUP_HDR {
	display: none;
}
.SIGNUP_HDR_TEXT {
	position: relative;
	display: block;
	width: 95%;
	margin: 0px auto 30px;
	text-align: center;
}
.SIGNUP_HDR_TEXT h3{
	color: rgb(118, 163, 188);
	font-weight: 100;
	font-size: 34px;
	position: relative;
	margin-top: 40px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.SIGNUP_HDR_TEXT h4{
	color: rgb(118, 163, 188);
	font-weight: 100;
	font-size: 18px;
	float: none;
	position: relative;
	margin: 10px;
	line-height: 1.3em;
}
.LOGIN_HDR_MOB {
	display: none;
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/* LOGIN FORM */
.LOGIN_FORM_HOLDER {
	position: relative;
	width:100%;
	height:auto;	
}
#LOGIN, #LOGIN ul {
	margin: 0px auto;
	padding: 0px;
	width: 80%;
}
#LOGIN li{
	list-style: none;
	font-size: 16px;
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 100;
	position: relative;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: block;
}
#LOGIN li div{
	width: 100%;
	margin: 0px auto;
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/* [][][][][][]LOGIN CHECKBOX REPLACE[][][][][][] */
.checkboxHolder {
	float: left !important;
	width: 50% !important;
	height: auto;
	position: relative;
	margin: 0px !important;
}
.squaredOne {
	width: 17px !important;
	height: 17px !important;
	background: #ffffff;
	background-position: top;
	position: relative;
	border: 3px solid rgba(149,186,207,1.00);
	position: relative;
	float: left;
	margin: 0px 15px 0px 0px !important;
}
.squaredOne label {
	cursor: pointer;
	position: absolute;
	width: 12px;
	height: 12px;
	left: 1.6px;
	top: 1.6px;
	background-color: rgba(255,255,255,1.00);
	border: 0px none;	
}
.squaredOne label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 11px;
	height: 11px;
	background: #95bacf;
	border: 0px none;
	top: 1.6px;
	left: 1.6px;
}
.squaredOne label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.squaredOne input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* .squaredTwo */
.squaredTwo {
  width: 28px !important;
  height: 28px;
  position: relative;
  margin-right: 10px;
  background: #fcfff4;
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
  float: left;
}
.squaredTwo label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  left: 4px;
  top: 4px;
  background: -webkit-linear-gradient(top, rgba(87, 155, 193, 1) 0%, #45484d 100%);
  background: linear-gradient(to bottom, rgba(87, 155, 193, 1) 0%, #45484d 100%);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}
.squaredTwo label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 3px solid #fcfff4;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.squaredTwo label:hover::after {
  opacity: 0.3;
}
.squaredTwo input[type=checkbox] {
  visibility: hidden;
}
.squaredTwo input[type=checkbox]:checked + label:after {
  opacity: 1;
}
 
/* end .squaredTwo */

.checkboxLabel {
	font-size: 18px;
	font-family: "FuturaBk", sans-sefrif;
	color: rgb(118, 163, 188);
	position: relative;
	font-weight: 200;
	line-height: 14px;
	width: 130px !important;
	float: left;
	height: 20px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/* [][][][][][]HELP LINKL[][][][][][] */
.HelpLink {
	font-size: 14px;
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 100;
	position: relative;
	display: inline-block;
	width: 30% !important;
	float: right;
	height: 20px;
	text-align: right;
	margin: 0px !important;
}

.HelpLink a:link, .HelpLink a:visited, .HelpLink a:hover, .HelpLink a:active {
	font-size: 18px;
	font-weight:200 !important;
	text-decoration: underline;	
	color: rgb(118, 163, 188);
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/* [][][][][][]FANCY LABEL[][][][][][] */
.LOGIN_SOCIAL_LABEL {
	font-size: 14px;
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 100;
	color: rgb(149, 186, 207);
	width: 100%;
	text-align: center;
	clear: both;
	margin: 12px 0px;
	position: relative;
}
.LOGIN_SOCIAL_LABEL:before {
	border-top: 1px solid rgba(203,223,231,1.00);
	width: 200px;
}
.fancy {
  line-height: 2.5;
  text-align: center;
}
.fancy span {
  display: inline-block;
  position: relative;  
}
.fancy span:before,
.fancy span:after {
	content: "";
	position: absolute;
	height: 0px;
	border-top: 1px solid #B8D9EB;
	top: 0;
	width: 70px;
	top: 17px;
}
.fancy span:before {
  right: 100%;
  margin-right: 15px;
}
.fancy span:after {
  left: 100%;
  margin-left: 15px;
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/* LOGIN SOCIAL HOLDER */
.loginHolder .LOGIN_SOCIAL_HOLDER {
	text-align: center;
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: auto;
	position: relative;
}
.loginHolder .Login_Social {
	width: 100%;
	text-align:center;
}
.loginHolder .Login_Social li{
	margin: 0px 2%;
}
.loginHolder .Login_Social .FACE-ICON{
	height: 80px;
	width: 80px;
	background-image: url(../images/BTN_LOGIN_FACE.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.loginHolder .Login_Social .TWIT-ICON{
	height: 80px;
	width: 80px;
	background-image: url(../images/BTN_LOGIN_TWIT.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.loginHolder .Login_Social .GOOGLE-ICON{
	height: 80px;
	width: 80px;
	background-image: url(../images/BTN_LOGIN_GOOGLE.png);
	background-repeat: no-repeat;
	background-position: center center;
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* [][][][][][][][][][][][][ LOGIN FORM ELEMENTS ][][][][][][][][][][][][] */
#LOGUSER {
	width: 96% !important;
	margin: 0px auto 10px;
	display: block;
}
#LOGPASS {
	width: 96% !important;
	margin: 0px auto 10px;
	display: block;
}
#REG_EMAIL {
	width: 95%!important;
	margin: 0px 0px 10px 0px;
}
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* THIS IS THE LOGIN PGE STYLE END*/
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/


/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* THIS IS THE GENERL HEADER ELEMENTS */
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
header {
	width: 100%;
	height: 60px;
	background-color: rgba(255,255,255,1.00);
	z-index: 1500;
	position: fixed;
	box-shadow: 1.5px 2.598px 2px 0px rgba(0, 1, 0, 0.04);
	-webkit-box-shadow: 1.5px 2.598px 2px 0px rgba(0, 1, 0, 0.04);
	-moz-box-shadow: 1.5px 2.598px 2px 0px rgba(0, 1, 0, 0.04);
}
header .content {
	width: 100%;
	position: relative;
	margin: 0px auto;
	height: auto;
}
.HDRLogo {
	position: absolute;
	top: 0px;
	left: 10px;
	width: 71px;
	height: 62px;
	background-image: url(../images/HDR_IMG_LOGO.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}
header .HDRButtons {
	position: absolute;
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	top: 15px;
	right: 0px;
}
header .HDRButtons .HDR_BTN {
		background-color: rgb(122, 150, 164);
	width: auto;
	height: auto;
	margin: 0px 8px 16px 4px;
	padding: 6px 20px;
	letter-spacing: .05em;
	font-size: 14px;
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 200;
	color: rgba(255,255,255,1.00);
	position: relative;
	float: left;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.14);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.14);
	border: 2px solid rgba(244,244,244,1.00);
}
header .HDRText {
	position: absolute;
	left: 100px;
	top: 16px;
	color: rgb(155, 198, 107);
	font-size: 21px;
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 100;
	width: auto;
	height: auto;
	text-align: left;
}
header .HDRText_MOB {
	display: none;
	white-space: nowrap;
}
header .FX {
	width: 100%;
	height: 60px;
	box-shadow: 1.5px 2.598px 2px 0px rgba(0, 1, 0, 0.04);
	-webkit-box-shadow: 1.5px 2.598px 2px 0px rgba(0, 1, 0, 0.04);
	-moz-box-shadow: 1.5px 2.598px 2px 0px rgba(0, 1, 0, 0.04);
}
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* THIS IS THE GENERL HEADER ELEMENTS END */
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/

/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* THIS IS THE GENERL FOOTER ELEMENTS */
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
footer {
	with: 100%;
	background: rgba(255,255,255,1.00);
	display: table-row;
	height: 160px;
	z-index: 1000;
	position: relative;
}
footer .content {
	width: 94%;
	position:relative;
	margin:0px auto;
}
footer .content .generalLinks {
	width: 55%;
	height: auto;
	font-family: FuturaPT;
	margin-top: 8px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	position: relative;
	text-align: left;
	border-right: 1px solid #cce6f0;
	padding-top: 14px;
	float: left;
}
footer .content .sociallinks {
	position: relative;
	height: 122px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	text-align: center;
	padding-top: 0px;
	float: right;
	width: 42%;
}
footer .content .generalLinks h2 {
	font-family: "FuturaBk", sans-sefrif;
	color: #668695;
	font-size: 21px;
	font-weight: 100;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 0px;
}
footer .content .generalLinks h2 b{
	font-family: "FuturaBk", sans-sefrif;
	color: #73af20;
	font-size: 24px;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
}
footer .content .generalLinks h3 {
	font-family: "FuturaBk", sans-sefrif;
	color: #668695;
	font-size: 16px;
	font-weight: 100;
	margin: 10px 0px 20px 0px;
	padding: 0px;
}
footer .content .generalLinks h4 {
	font-family: "FuturaBk", sans-sefrif;
	color: #acbac0;
	font-size: 15px;
	font-weight: 100;
	margin:0px;
	padding: 0px;
}
footer .content .generalLinks h4 a{
	font-family: "FuturaBk", sans-sefrif;
	color: #b2ccd8;
	font-size: 12px;
	font-weight: 100;
	margin:0px;
	padding: 0px;
}
footer .promoBar {
	background-color: rgb(27, 130, 187);
	box-shadow: inset 0px 2px 3px rgba(0,0,0,0.24);
	-moz-box-shadow: inset 0px 2px 3px rgba(0,0,0,0.24);
	position: relative;
	top: 0px;
	width: 100%;
	height: 38px;
	z-index: 4;
	-webkit-box-shadow: inset 0px 2px 3px rgba(0,0,0,0.24);
	box-shadow: inset 0px 2px 3px rgba(0,0,0,0.24);
	-moz-box-shadow: inset 0px 2px 3px rgba(0,0,0,0.24);
	text-align: center;
	font-family: "FuturaBk", sans-sefrif;
	font-size: 22px;
	color: #b3e4ff;
	font-weight: 100;
	margin: 0px;
	padding: 8px 0px 0px 0px;
}
footer .promoBar b{
	font-family: "FuturaBk", sans-sefrif;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: 300;
}
footer .FX {
	width: 100%;
	height: 160px;
	box-shadow: inset 0px 2px 3px rgba(0,0,0,0.21);
	-webkit-box-shadow: inset 0px 2px 3px rgba(0,0,0,0.21);
	-moz-box-shadow: inset 0px 2px 3px rgba(0,0,0,0.21);
}
.sociallinks ul {
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
	padding: 0px;
	margin: 0px;
}
.sociallinks ul li{
	display: inline-block;
	position: relative;
	width: 65px;
	height: 62px;
}
footer .content .sociallinks h3 {
	font-family: "FuturaBk", sans-sefrif;
	color: #668695;
	font-size: 18px;
	text-align: center;
	font-weight: 100;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 12px;
	padding: 0px;
}
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* THIS IS THE GENERL FOOTER ELEMENTS END */
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/

/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/*OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO*/
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* INTERIOR PAGES START HERE */
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/*OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO*/
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/


/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* SIGN UP PAGES */
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/



/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* SIGN UP PAGES END*/
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/


/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* PROFILE PAGES */
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/

#PROFILE li{
	list-style: none;
	font-size: 16px;
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 200;
	position: relative;
	float: left;
	width: 100%;
}
#PROFILE li div{
	width: 100%;
}
#PROFILE li:first-child{margin-left: 0;}

/* [][][][][][][][][][][][][ PHOTO STYLES ][][][][][][][][][][][][] */
.PHOTO {
	position: relative;
	width: 145px;
	height: 200px;
	border: 2px solid #91d533;
	background-color: rgba(242,249,253,1.00);
	box-shadow: 1.5px 2.598px 5px 0px rgba(0, 1, 0, 0.06);
	-webkit-box-shadow: 1.5px 2.598px 5px 0px rgba(0, 1, 0, 0.06);
	-moz-box-shadow: 1.5px 2.598px 5px 0px rgba(0, 1, 0, 0.06);
	left: 40%;
}
#PHOTO_BOX {
	width: 100%;
	height: 160px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	background-image: url(../images/PR0_IMG_DEFAULT.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#PHOTO_LABLE {
	width: 100%;
	height: 28px;
	color: rgba(255,255,255,1.00);
	font-weight: 200;
	background-color: rgba(145,213,51,1.00);
	text-align: center;
	font-size: 16px;
	font-family: "FuturaBk", sans-sefrif;
	top: 0px;
	padding-top: 12px;
}
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

/* [][][][][][][][][][][][][ PROFILE FORM ELEMENTS ][][][][][][][][][][][][] */
#FullName {
	width: 95% !important;	
}
.DOB_Holder {
	float: left; 
	width: 180px !important; 
	position: relative; 
	margin: 0px 10px 0px 0px;	
}
#DOB {
	width: 100px !important;
	display: inline-block;
	margin:0px 10px 0px 0px;
}
.Gender_Holder {
	float:left; 
	width: 150px !important; 
	position:relative;	
}
#Gender {
	width: 130px;
	display: inline-block;
}
.CityHolder {
	float:left; 
	width: 245px !important; 
	position:relative; 
	margin:0px 10px 0px 0px;	
}
#City {
	width: 220px !important;	
	display: inline-block;
	margin:0px 10px 0px 0px;
}
.StateHolder {
	float:left; 
	width: 55px !important; 
	position:relative; 
	margin:0px 10px 0px 0px;	
}
#State {
	width: 35px !important;	
	display: inline-block;
	margin:0px 10px 0px 0px;
	overflow: hidden;
}
#PROFILE select{
	width: 48px !important;
	border: solid 2px rgb(185, 219, 240) !important;  /*Removes border*/
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
	-moz-appearance: none; /* Removes Default Firefox style*/
	color: rgba(92,137,171,1);
	background-color: rgb(185, 219, 240);
	width: 100px; /*Width of select dropdown to give space for arrow image*/
	text-indent: 0.01px; /* Removes default arrow from firefox*/
	text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
	color: #FFF;
	border-radius: 0;
	height: 40px;
	padding: 0 10px;
	font-size: 16px;
}
 #PROFILE select::-ms-expand {
    display: none;
}
.ZipHolder {
	float:left; 
	width: 100px !important; 
	position:relative; 
	margin:0px 10px 0px 0px;	
}
#Zip {
	width: 80px !important;	
	display: inline-block;
}
#AddressFull {
	width: 95% !important;	
	margin: 0px 0px 10px 0px;
}
#Social {
	width: 95% !important;	
	margin: 0px 0px 10px 0px;
}
#Email {
	width: 95% !important;	
	margin: 0px 0px 10px 0px;
}
#Pass {
	width: 95% !important;	
}
#PassConfirm {
	width: 95% !important;	
}
.BTN_Cancel {
	display: block;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	text-align: right;
	position: relative;
}
.BTN_Cancel a {
	font-size: 16px;
	padding: 0px 0px 0px 20px;
	font-family: "FuturaBk", sans-sefrif;
	color: rgba(125,173,198,1.00);
	font-weight: 100;
	text-decoration: underline;
}
.COL_RIGHT ul .button_MOB {
	width: 90%;
	text-align:center;
	margin:0px auto;	
}
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */


/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* PROFILE PAGES END*/
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/

/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* CAMPAIGN PAGES */
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
#SIGNUP001 {
	background-color: rgb(145, 213, 51);
	position: fixed;
	padding: 10px;
	width: 100%;
	height: auto;
	margin: 20px 0px 0px 0px;
	box-shadow: 0px 3px 3px -2px rgba(0, 1, 0, 0.4);
	-webkit-box-shadow: 0px 3px 3px -2px rgba(0, 1, 0, 0.4);
	-moz-box-shadow: 0px 3px 3px -2px rgba(0, 1, 0, 0.4);
	z-index: 1050;
	font-family: "FuturaBk", sans-sefrif;
	color: rgba(255,255,255,1.00);
	font-size: 18px;
	font-weight: 300;
	cursor: pointer;
}
#SIGNUP001 .SHARE_BTNS {
	width: auto;
	height: auto;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
}
#SIGNUP001 .BTN{
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 25px;
	margin-bottom: 0px;
	font-family: "FuturaBk", sans-sefrif;
	color: rgba(255,255,255,1.00);
	font-size: 25px;
	font-weight: 100;
	float: left;
}
#SIGNUP001 .BTN_MOB {
	display: none;	
}
SHARE_BTNS ul {
	list-style:none;
	list-style-type:none;	
}
SHARE_BTNS .GMAIL {
	display: inline-block;
	height: 29px;
	width: 35px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/IMG_SIGN_GMAIL.png);
	cursor: pointer;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px 5px;
	background-size: 100% 100%;
}
.SHARE_BTNS .FACE {
	display: inline-block;
	height: 29px;
	width: 15px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/IMG_SIGN_FACE.png);
	cursor: pointer;
	margin: 0px 5px;
	background-size: 100% 100%;
}
.SHARE_BTNS .TWIT {
	display: inline-block;
	height: 29px;
	width: 35px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/IMG_SIGN_TWIT.png);
	cursor: pointer;
	margin: 0px 5px;
	background-size: 100% 100%;
}
.SHARE_BTNS .EMAIL {
	display: inline-block;
	height: 29px;
	width: 28px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/IMG_SIGN_EMAIL.png);
	cursor: pointer;
	margin: 0px 5px;
	background-size: 100% 100%;
}
/* [][][][][][][][][][][][][ FEATURE IMAGE ][][][][][][][][][][][][] */
#Feature_Holder {
	width: 100%;
	height: 420px;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	background-color: transparent;
	background-image: url(../images/IMG_FTUR_TEMP.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

/* [][][][][][][][][][][][][ PROGRESS BAR ELEMENTS ][][][][][][][][][][][][] */
#PROG {
	position: relative;
	width: 100%;
	height: auto;
	padding: 0px;
	margin:0px;
}
/*  The wrapper for the progress bar */
.progress {
	height: 50px;
	width: 97%;
	overflow: hidden;
	background-color: rgba(168,193,204,1.00);
	border-radius: 0.0725em;
	text-align: center;
	z-index: 100;
	margin: 0px auto;
	background-image: url(../images/IMG_FTUR_PROG_BG.jpg);
}
/*  The actual progress bar itself */
.progress-bar {
	float: left;
	width: 0;
	height: 100%;
	background-color: rgba(134,201,40,1.00);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 500;
	-webkit-box-shadow: 4px 0px 3px -1px rgba(0,42,59,0.30);
	box-shadow: 4px 0px 3px -1px rgba(0,42,59,0.30);
	-moz-box-shadow: 4px 0px 3px -1px rgba(0,42,59,0.30);
	font-family: "FuturaBk", sans-sefrif;
	color: rgba(255,255,255,1.00);
	font-size: 20px;
	font-weight: 300;
	margin:0px;
	padding: 15px;
	text-align:left;
}
.progress-label {
	z-index: 1000;
	position: absolute;
	right: 30px;
	top: 15px;
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 100;
	color: rgba(255,255,255,1.00);
	font-size: 22px;
}
.progress-label span { font-weight:300; }

	/* ---------- PROGRESS: TIME ----------- */
			#PROG #TIME{
				width: 100%;
				margin: 0px auto;
			}
			#PROG #TIME_MOB{
				display: none;
			}
			#PROG #TIME h1{
				width: 100%;
				height: auto;
				font-family: "FuturaBk", sans-sefrif;
				font-weight: 100;
				color: rgba(57,126,152,1.00);
				font-size: 26px;
				text-align: center;
				margin: 0px;
				padding: 20px 0px 40px;
			}
			#PROG #TIME h1 .MobileFont  {
				font-weight:100;
				color: rgba(57,126,152,1.00);
			}
			#PROG #TIME h1 span{
				font-weight: 400;
				color: rgba(30,97,122,1.00);
				font-size: 30px;
			}
	/* ------------------------------------- */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

/* [][][][][][][][][][][][][ DESCRIPTION ELEMENTS ][][][][][][][][][][][][] */
#DESC{
	width: 90%;
	height:auto;
	position:relative;
	margin:0px auto;
	text-align:center;
}
#DESC .AUTH_PHOTO {
	width: 80px;
	height: 80px;
	position: relative;
	margin: 0px auto 20px;
	border-style: solid;
	border-width: 3px;
	border-color: rgb(122, 150, 164);
	background-color: rgb(210, 225, 232);
}
#DESC .BYLINE {
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	color: rgba(46,113,149,0.81);
	font-family: "FuturaBk", sans-sefrif;
	margin: 10px auto 20px;
}
#DESC .BYLINE h1{
	font-weight: 300;
	font-size: 28px;
	line-height: 40px;
	margin: 0px;
	padding: 0px;
}
#DESC .BYLINE h3{
	font-weight: 100;
	font-size: 16px;
	color:rgba(111,159,186,1.00);
	margin: 0px 0px 30px 0px;
	padding: 0px;
}
#DESC .PROF_DESC{
	height: auto;
	position: relative;
	width: 100%;
	padding: 0px 0px 30px 0px;
	text-align: center;
	font-size: 20px;
	font-family: "FuturaBk", sans-sefrif;
	color: rgba(94,138,163,1.00);
	font-weight: 100;
	line-height: 24px;
}
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

/* [][][][][][][][][][][][][ MEDIA ELEMENTS ][][][][][][][][][][][][] */
#MEDIA {
	position:relative;
	padding: 10px 0px;
	margin: 0px 0px 90px;
	height:auto;
	width: 100%;
	text-align:center
}
#MEDIA ul{
	position:relative;
	padding: 10px 0px;
	margin: 0px 0px 90px;
	height:auto;
	width: 100%;
	text-align:center
	
}
#MEDIA li {
	border-style: solid;
  border-width: 3px;
  border-color: rgb(122, 150, 164);
  background-color: rgb(210, 225, 232);
  width: 102px;
  height: 102px;
  display: inline-block;
  padding:0px;
  margin: 0px 5px;
}
.MED_PIC:before {
	content: url(../images/IMG_MEDIA_PIC.png);
	position: absolute;
	margin: 34px 0px 0px -15px;
}
.MED_VID:before {
	content: url(../images/IMG_MEDIA_VID.png);
	position: absolute;
	margin: 34px 0px 0px -15px;
}
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

/* [][][][][][][][][][][][][ COMMENT ELEMENTS ][][][][][][][][][][][][] */
#COMM {
	margin:0px;
	padding: 0px 0px 40px 0px;
} 
#COMM .header {
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
}
#COMM .header .graphic {
	height: 130px;
	width: 330px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/IMG_PROF_COMM_ICON.png);
}
#COMM .header .headline {
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 100;
	color: #7a96a4;
	font-size: 22px;
}
#COMM .header .headline b {
	font-weight:400;
}
#COMM li {
	text-align: center;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 60px;
}
#COMM li .COMM_BLOCK {
	width: 90%;
	height: auto;
	position: relative;
	text-align: center;
	font-size: 16px;
	font-weight: 100;
	color: rgba(30,97,122,1.00);
	margin: 0px auto;
}
#COMM li .COMM_BLOCK .SUB_INFO {
	position: relative;
	height: auto;
	margin: 0px auto 20px;
	padding: 0px;
	text-align: center;
	display: inline-block;
}
#COMM li .COMM_BLOCK .PHOTO{
	width: 50px;
	height: 50px;
	position: relative;
	text-align: center;
	font-size: 16px;
	font-weight: 100;
	color: rgba(30,97,122,1.00);
	border: solid 3px rgb(122, 150, 164);
	margin: 0px;
	padding: 0px;
	left: 0px !important;
	float: left;
}
#COMM li .COMM_BLOCK .DATELINE {
	position: relative;
	height: auto;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
	text-align: center;
	float: left;
}
#COMM .COMM_BLOCK .DATELINE h1 {
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 100;
	color: #7A96A4;
	font-size: 20px;
	margin: 0px 0px 10px;
}
#COMM .COMM_BLOCK .DATELINE h2 {
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 200;
	color: #7A96A4;
	font-size: 14px;
}
#COMM li .COMM_BLOCK .COMM_CONTENT {
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 100;
	color: #5E8395;
	font-size: 15px;
	line-height: 22px;
	padding: 0px;
	margin: 0px;
	position: relative;
}
#COMM li .COMM_BLOCK .COMM_CONTENT p{
	margin:0px;
	padding:0px 0px 20px;
}
#COMM .COMM_LOAD {
	width: 190px;
	height: 25px;
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 200;
	color: #7a96a4;
	font-size: 18px;
	letter-spacing: .05em;
	border-style: solid;
	border-width: 2px;
	border-color: rgb(122, 150, 164);
	background-color: rgba(122, 150, 164, 0);
	position: relative;
	margin: 0px auto;
	text-align: center;
	padding: 10px 0px 0px;
	-webkit-box-shadow: 0px 2px 3px rgba(0,34,56,0.32);
	box-shadow: 0px 2px 3px rgba(0,34,56,0.32);
	-moz-box-shadow: 0px 2px 3px rgba(0,34,56,0.32);
}
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

/* [][][][][][][][][][][][][ BOTTOM CALL TO ACTION ELEMENTS ][][][][][][][][][][][][] */
#SIGNUP002 {
	position: relative;
	padding: 0px;
	width: 600px;
	height: auto;
	margin: 40px auto 80px auto;
	text-align: center;
}
#SIGNUP002 .HDR{	
  font-family: "FuturaBk", sans-sefrif;
  color: #8dd22c;
  text-align: center;
  width: 80%;
  margin: 0px auto;
  padding: 0px 0px 15px;
  letter-spacing: .05em;
}
#SIGNUP002 .HDR h5{	
  font-size: 38px;
  color: #8dd22c;
  line-height: 1;
  font-weight:400;
  letter-spacing: .05em;
  margin:0px;
  padding:0px;
}
#SIGNUP002 .HDR h5 a:link, a:visited, a:active{	
  font-size: 38px;
  color: #8dd22c;
  line-height: 1;
  font-weight:400;
  letter-spacing: .05em;
  margin:0px;
  padding:0px;
}
#SIGNUP002 .HDR h5 a:hover{
	font-size: 38px;
	color: #81B000;
	line-height: 1;
	font-weight: 400;
	letter-spacing: .05em;
	margin: 0px;
	padding: 0px;
}
#SIGNUP002 .HDR h6{	
  font-size: 22px;
  color: #7a96a4;
  line-height: 1;
  font-weight:200;
  letter-spacing: .05em;
  margin:10px 0px 0px;
  padding:0px;
}
#SIGNUP002 .SHARE_SEP {
	font-size: 16px;
	font-family: "FuturaBk", sans-sefrif;
	color: rgba(122,150,164,1.00);
	width: 100%;
	text-align: center;
	font-weight: 200;
	padding-bottom: 10px;
	letter
}
#SIGNUP002 .SHARE_BTNS .GMAIL {
	display: inline-block;
	height: 43px;
	width: 43px;
	background: url(../images/BTN_SHARE_GOOGLE.png) center center no-repeat;
	cursor: pointer;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px 5px;
}
#SIGNUP002 .SHARE_BTNS .FACE {
	display: inline-block;
	height: 43px;
	width: 43px;
	background: url(../images/BTN_SHARE_FACEBOOK.png) center center no-repeat;
	cursor: pointer;
	margin: 0px 5px;
}
#SIGNUP002 .SHARE_BTNS .TWIT {
	display: inline-block;
	height: 43px;
	width: 43px;
	background: url(../images/BTN_SHARE_TWITTER.png) center center no-repeat;
	cursor: pointer;
	margin: 0px 5px;
}
#SIGNUP002 .SHARE_BTNS .EMAIL {
	display: inline-block;
	height: 43px;
	width: 43px;
	background: url(../images/BTN_SHARE_MAIL.png) center center no-repeat;
	cursor: pointer;
	margin: 0px 5px;
}
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* CAMPAIGN PAGES END*/
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/

/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* DASHBOARD PAGES*/
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
.dashHeader {
	position: relative;
	height: auto;
	width: 100%;
	padding: 0px;
	margin-top: 120px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 50px;
}
/* [][][][][][][][][][][][][ DASHBOARD PHOTO ELEMENTS ][][][][][][][][][][][][] */
.dashHeader .DASH_PHOTO {
	position: absolute;
	width: 145px;
	height: 200px;
	border: 2px solid #91d533;
	background-color: rgba(242,249,253,1.00);
	box-shadow: 1.5px 2.598px 5px 0px rgba(0, 1, 0, 0.06);
	-webkit-box-shadow: 1.5px 2.598px 5px 0px rgba(0, 1, 0, 0.06);
	-moz-box-shadow: 1.5px 2.598px 5px 0px rgba(0, 1, 0, 0.06);
	left: 0px;
	top: 0px;
}
.DASH_PHOTO .PHOTO_IMG {
	width: 145px;
	height: 160px;
	margin: 0px;
	padding: 0px;
	display: block;
	background-image: url(../images/PR0_IMG_DEFAULT.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.DASH_PHOTO .EDIT_BTN {
	width: 145px;
	height: 28px;
	text-align: center;
	font-size: 16px;
	font-family: "FuturaBk", sans-sefrif;
	top: 0px;
	padding-top: 12px;
	color: rgba(255,255,255,1.00);
	font-weight: 200;
	background-color: rgba(145,213,51,1.00);
}
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

/* [][][][][][][][][][][][][ DASHBOARD HEADER NAME ELEMENTS ][][][][][][][][][][][][] */
.dashHeader .DASH_PROFILE_HDR {
	width: 83%;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 170px;
	padding-bottom: 10px;
	margin: 0px 0px 20px;
	border-bottom: 1px solid rgba(204,221,229,1.00);
}
.DASH_PROFILE_HDR .HDR_NAME {
	position: relative;
	height: auto;
	width: auto;
	float: left;
	font-size: 26px;
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 100;
	color: rgba(88,121,137,1.00);
}
.DASH_PROFILE_HDR .HDR_NAME h1 {
	font-size: 26px;
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 100;
	color: rgba(74,128,154,1.00);
	line-height: 1.4em;
	margin:0px;
	padding: 0px 0px 5px 0px;
}
.DASH_PROFILE_HDR .HDR_NAME h3 {
	font-size: 18px;
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 100;
	color: rgba(87,170,209,1.00);
	margin: 0px;
	padding: 0px 0px 5px 0px;
}
	/* ---------- PROGRESS: TIME ----------- */
		.dashHeader .DASH_PER_INFO {
			width: 81%;
			height: auto;
			padding-top: 0px;
			padding-right: 0px;
			padding-left: 180px;
			padding-bottom: 10px;
			margin: 0px 0px 20px;
		}

		.DASH_PER_INFO ul {
			position:relative;
			float: left;
			height:auto;
			width: auto;
			padding:0px;
			margin: 0px 130px 0px 0px;
		}
		.DASH_PER_INFO ul:last-of-type {
			margin: 0px;
		}
		.DASH_PER_INFO ul li {
			position:relative;
			height: auto;
			width: 100%;
			margin:0px 0px 15px;
		}
		.DASH_PER_INFO ul li h2 {
			font-size: 14px;
			font-family: "FuturaBk", sans-sefrif;
			font-weight: 200;
			color: rgba(171,188,196,1.00);
			letter-spacing: 1px;
			padding: 0px;
			margin: 0px 0px 4px;
		}
		.DASH_PER_INFO ul li h3 {
			font-size: 17px;
			font-family: "FuturaBk", sans-sefrif;
			font-weight: 200;
			color: rgba(88,121,137,1.00);
			padding:0px;
			margin:0px;
			line-height: 1.3em;
		}
	/* ------------------------------------- */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

/* [][][][][][][][][][][][][ DASHBOARD SOCIAL & ADDITIONAL ELEMENTS ][][][][][][][][][][][][] */
.DASH_ADDITIONAL_INFO {
	width: 92%;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 40px;
	margin: 0px auto;
	height: auto;
	position: relative;
	border-bottom: 1px solid #C6D6DE;
}
.SOCIAL_BLOCK {
	width: 50%;
	float: left;
	height:auto;
	position:relative;	
}
.ADDITIONAL_BLOCK {
	width: 50%;
	float: right;
	height:auto;
	position:relative;	
}
.DASH_ADDITIONAL_INFO .HEADER_BLOCK {
	width: 100%;
	margin: 0px 0px 10px;
	padding: 14px 0px;
	height: auto;
	border-bottom: 1px solid rgba(221,231,235,1.00);
	position: relative;
}
.HEADER_BLOCK .HDR_TEXT {
	width: auto;
	margin: 0px;
	padding: 0px;
	height: auto;
	position: relative;
	float: left;
	color: rgba(138,165,179,1.00);
	font-weight: 100;
	font-size: 18px;
	text-align: left;
}
.ADDITIONAL_BLOCK .HDR_TEXT {
	margin-left: 25px;
}
.HEADER_BLOCK .HDR_BUTTON a{
	width: auto;
	margin: 0px;
	height: auto;
	position: relative;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.14);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.14);
	border: 1px solid rgba(244,244,244,1.00);
	background-color: rgba(131,206,29,1.00);
	padding: 4px 20px;
	font-size: 12px;
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 200;
	color: rgba(255,255,255,1.00);
	position: relative;
	text-decoration: none;
	text-align: center;
}
.HEADER_BLOCK .HDR_BUTTON {
	width: auto;
	margin: 0px;
	padding: 0px;
	height: auto;
	position: relative;
	float: right;
}
.DASH_ADDITIONAL_INFO .ADDITIONAL_BLOCK .CONTENT{
	border-left: 1px solid rgba(221,231,235,1.00);
}  
.DASH_ADDITIONAL_INFO .CONTENT .DEFAULT_TEXT p{
	width: auto;
	margin: 0px;
	padding: 0px 0px 5px;
	height: auto;
	font-weight: 100;
	color: rgba(159,189,204,1.00);
	font-size: 14px;
	line-height: 1em;
}
.DASH_ADDITIONAL_INFO .CONTENT .CONTENT_LIST ul li{
	position: relative;
	height:auto;
	width: auto;
	padding:0px;
	margin: 0px 0px 10px;
}  
.DASH_ADDITIONAL_INFO .CONTENT .CONTENT_LIST ul li h3{
	font-size: 14px;
	font-weight: 200;
	color: rgba(160,202,223,1.00);
	letter-spacing: 1px;
	padding: 0px 0px 4px;
	margin: 0px 0px 0px 25px;
}
.DASH_ADDITIONAL_INFO .CONTENT .CONTENT_LIST ul li h2{
	font-size: 16px;
	font-weight: 100;
	color: rgba(75,143,177,1.00);
	padding: 0px;
	margin: 0px 0px 0px 25px;
	line-height: 1.4em;
}
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

/* [][][][][][][][][][][][][ DASHBOARD CAMPAIGN ELEMENTS ][][][][][][][][][][][][] */
.DashBlock .DASH_BLK_HDR {
	width: 100%;
	height: auto;
	padding: 0px 0px 10px;
	margin: 0px 0px 20px;
	border-bottom: 1px solid rgba(204,221,229,1.00);
}
.DASH_BLK_HDR .BLK_HDR {
	position: relative;
	height: auto;
	width: auto;
	float: left;
	font-size: 22px;
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 100;
	color:#7a96a4;
}
.CAMP_LIST_HOLDER {
	width: 100%;
	height:auto;
	position:relative;	
}
.DashBlock li {
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 40px;
	padding: 0px;
}
.progressDiv {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
	font-family: "FuturaBk", sans-sefrif;
	text-align: left;
}
	/* ---------- PROGRESS: STAT WHEEL ----------- */
		.statChartHolder {
			width: 14%;
			height: 90%;
			position: relative;
			border-right: 1px solid rgba(199,208,215,0.90);
			top: 15px;
			padding: 0px;
			margin: 0px 0px 0px 15px;
			float: left;
		}
		.diagram {
			display: inline-block;
			font-family: "FuturaBk", sans-sefrif;
		}

	/* ------------------------------------- */
.statDataHolder {
	height: auto;
	width: 66%;
	position: relative;
	margin: 25px 0px 0px 20px;
	top: 0pt;
	text-align: left !important;
	float: left;
}
.statDataHolder h1 {
	color: rgba(46,113,149,0.81);
	font-weight: 100;
	font-size: 22px;
	margin: 0px 0px .5em;
	width: 90%;
}
.statDataHolder h2 {
	color: rgba(46,113,149,0.81);
	font-weight: 100;
	font-size: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 2em;
	width: 90%;
}
.statDataHolder h2 .bold{
	color: rgba(46,113,149,0.81);
	font-weight: 400;
	font-size: 20px;
}
.statDataHolder {
	width: 90%;
	position: relative;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 40px;
}
.statDateHolder .dates {
	position: relative;
	height: auto;
	width: 45%;
	display: inline-block;
}
.statDateHolder .dates h3 {
	margin: 0px 15px 0px 0px;
	color: #A6BCCA;
	font-weight: 200;
	font-size: 16px;
	display: inline-block;
	letter-spacing: .05em;
}
.statDateHolder .dates span  {
	color: rgb(155, 198, 107);
	font-size: 16px;
	font-weight: 300;
	display: inline-block;
	letter-spacing: .02em;
}
.statsLeft {
	list-style: none;
	width: auto;
	padding: 0px;
	height: auto;
	position: absolute;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	top: -9px;
	right: -50px;
}
.statsLeft .BTNS_EDIT{
	background-color: rgb(122, 150, 164);
	width: 30%;
	height: auto;
	padding: 12px 30px;
	font-size: 20px;
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 200;
	color: rgba(255,255,255,1.00);
	position: relative;
	float: left;
	letter-spacing: .05em;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.14);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.14);
	margin: 10px auto;
	border: 2px solid rgba(244,244,244,1.00);
	text-align: center;
	display: block;
}
.statsLeft .BTNS_DELETE{
	background-color: rgb(122, 150, 164);
	width: 30%;
	height: auto;
	padding: 12px 30px;
	font-size: 20px;
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 200;
	color: rgba(255,255,255,1.00);
	position: relative;
	float: right;
	letter-spacing: .05em;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.14);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.14);
	margin: 10px auto;
	border: 2px solid rgba(244,244,244,1.00);
	text-align: center;
	display: block;
	left: 0px;
}
.statsLeft .BTNS_EDIT_MOB{
	display: none;
}
.statsLeft .BTNS_DELETE_MOB{
	display: none;
}
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* DASHBOARD PAGES END*/
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/

/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* BOILER PLATE PAGES */
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
.GENERAL_CONTENT {
	height: auto;
	width: 80%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 120px;
	text-align: left;
	font-size: 15px;
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 100;
	color: rgba(126,154,173,1.00);
	line-height: 1.5em;
}
.GENERAL_CONTENT h1 {
	position: relative;
	padding: 70px 0px 0px;
	font-size: 28px;
	font-weight: 200;
}
.GENERAL_CONTENT h2 {
	position: relative;
	padding: 10px 0px 0px;
	font-size: 22px;
	font-weight: 200;
}
.GENERAL_CONTENT h3 {
	position: relative;
	padding: 10px 0px;
	font-weight: 200;
	font-size: 17px;
}
.GENERAL_CONTENT p {
	line-height: 1.5em;
}
.GENERAL_CONTENT ul {
	list-style-position: outside;
	list-style-type: circle;
	margin: 20px 0px 20px 50px;
}
.GENERAL_CONTENT a {
	border-style: solid;
	border-width: 2px;
	border-color: rgb(255, 255, 255);
	background-color: rgb(145, 213, 51);
	box-shadow: 1px 1.732px 2px 0px rgba(0, 1, 0, 0.17);
	-webkit-box-shadow: 1px 1.732px 2px 0px rgba(0, 1, 0, 0.17);
	-moz-box-shadow: 1px 1.732px 2px 0px rgba(0, 1, 0, 0.17);
	position: relative;
	padding: 5px 40px;
	height: 42px;
	z-index: 40;
	font-family: "FuturaBk", sans-sefrif;
	color: rgba(255,255,255,1.00);
	font-size: 14px;
	font-weight: 200;
	cursor: pointer;
}
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* BOILER PLATE END*/
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/

/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* CAMPAIGN BUILDER PAGES */
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/

/* [][][][][][][][][][][][][ PAGE: NAME ELEMENTS ][][][][][][][][][][][][] */
.CAMP_HDR {
	margin: 140px auto 60px;
	padding: 0px;
	width: 80%;
	text-align: center;
}
.MOB_CAMP_HDR {
	display: none;	
}
.CAMP_HDR ul{
	list-style-type: none;
	list-style-position: outside;
	list-style:none;
}
.CAMP_HDR ul li{
	display: inline-block;
	margin: 0px;
	padding: 0px 15px;
	position: relative;
	list-style-type: none;
	color: rgba(153,186,195,1.00);
	border-right: 1px solid rgba(153,186,195,1.00);
	font-size: 18px;
	font-weight:100;
	text-align:center;
}
.CAMP_INPUT_COPY {
	width: 40%;
	text-align: center;
	margin: 0px auto 40px;
	color: rgba(126,165,184,1.00);
	font-size: 20px;
}
.TOGGLE_LABLE_CAMP {
	width: auto !important;
	margin: 0px 0px 0x 22px;
	padding: 10px 0px 0px;
	position: relative;
	color: rgb(147, 187, 208);
	font-size: 18px;
	font-family: "FuturaBk", sans-sefrif;
	font-weight: 100;
	top: -5px;
	float: left;
}
.TOGGLE_LABLE_CAMP_MOB {
	display: none;}
.CAMP_TOGGLE {
	width: 30%;
	height: auto;
	text-align: center;
	margin: 0px auto 40px;
}
.CAMP_HDR ul li:last-of-type{
	border-right: 0px none;
}

.CAMP_HDR ul li a.active {
	color:rgb(155, 198, 107);	
}
.CAMP_HDR ul li a:link, .CAMP_HDR ul li a:visited{
	color: rgba(153,186,195,1.00) !important;
	font-size: 18px;
	font-weight:200;
	text-decoration: none;
	line-height: normal !important;
	padding: 0px 0px !important;
}
.CAMP_HDR ul li a.active{
	color: rgba(123,190,30,1.00);
	font-size: 18px;
	font-weight: 200;
	line-height: normal !important;
	padding: 0px 0px !important;
}
.CAMP_HDR ul li a:hover{
	color: rgba(123,190,30,1.00) !important;
	font-size: 18px !important;
	font-weight: 200 !important;
	background: none;
	letter-spacing: normal !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0px 0px !important;
	margin:0px;
	border: 0px none;
	line-height: normal !important;
	float:none;
}
.CAMP_BTN .BTN_Cancel {
	width: 20%!important;
	margin:0px auto!important;
	font-size: 18px!important;
	text-align:center;
}
.CAMP_BTN .BTN_Cancel a:link, .CAMP_BTN .BTN_Cancel a:visited, .CAMP_BTN .BTN_Cancel a:hover, .CAMP_BTN .BTN_Cancel a:active{
	font-size: 18px!important;
	font-weight: 100 !important;	
	letter-spacing: normal !important;
	padding: 0px !important;
	border: 0px none;
	background: none;
	color: rgb(147, 187, 208) !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	float: none;
}
.CAMP_FORM ul li{
	font-weight: 100;
	text-align: center;
	position:relative;
}
.CAMP_FORM li div{
	width: 100%;
	float: none;
	margin: 0px auto;
}
.CAMP_FORM .MEDIA {
	margin: 0px 0px 50px;	
}
.MEDIA .MED_CONTENT{
	list-style: none;
	display: inline-block;
	width: 110px;
	height: 40px;
	font-weight: 100;
	text-align: center;
	color: #a2bfce;
	border-style: solid;
	border-width: 2px;
	border-color: rgb(185, 219, 240);
	background-color: rgb(242, 249, 253);
	padding: 40px 0px;
}
.MEDIA .MED_CONTENT h1{
	font-size: 14px;
	font-weight: 200;
	line-height: 16px;
}
.MEDIA .MED_CONTENT h2{
	font-size: 12px;
	font-weight: 200;
	line-height: 0px;
}
.CAMP_FORM ul li label{
	line-height: 40px;
	position: absolute;
	right: 50px;
	-moz-transition: 0.3s right ease;
	-ms-transition: 0.3s right ease;
	-o-transition: 0.3s right ease;
	-webkit-transition: 0.3s right ease;
	transition: 0.3s right ease;
	z-index: 0;
	color: rgba(87,155,193,1.00);
}
.CAMP_FORM #CAMPname {
	display: block;
	height: auto;
	text-align: center;
	position: relative;
	width: 80%;
	margin: 0px auto 30px;
	padding: 12px 0px;
	font-size: 24px;
	font-weight: 100;
}
.CAMP_FORM textarea{
  border-style: solid;
  border-width: 2px;
  border-color: rgb(185, 219, 240);
  background: rgba(255,255,255,1.00);
  width: 80%;
  height: 180px;
  position:relative;
  margin:0px auto;
  font-family: "FuturaBk", sans-sefrif;
  font-weight: 100;
  color: rgba(92,137,171,1);
  font-size: 18px;
  text-align:center;
  padding: 10px;
}
.CAMP_IMG_UPLOAD .BTN_IMG {
	width: 98px;
	height: 81px;
	background-image: url(../images/IMG_CAMP_UP.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	margin-top: 100px;
	margin-right: 0px;
	margin-left: 10%;
	margin-bottom: 0px;
	float: left;
}
.CAMP_IMG_UPLOAD .BTN_DESC {
	text-align: left;
	color: rgba(122,150,164,1.00);
	width: 60%;
	position: relative;
	margin: 100px 0px 0px 20px;
	float: left;
}
.CAMP_IMG_UPLOAD .BTN_DESC h2{
	font-size: 25px;
	font-weight: 200;
	line-height: 0.9em;
}
.CAMP_IMG_UPLOAD .BTN_DESC h3{
	font-size: 18px;
	font-weight:100;
	line-height:1em;
}
.CAMP_BTN input[type="submit"]{
	width: 50%;
	height: auto;
	padding: 20px 0px;
	margin:40px auto !important;
}

.CAMP_SECTION_HDR {
	width: auto;
	text-align:center;
	margin: 0px auto 40px;
}
.CAMP_SECTION_HDR h1{
	font-size: 32px;
	margin:0px 0px 5px;
	color:rgba(122,150,164,1.00);
}
.CAMP_SECTION_HDR h2{
	font-size: 18px;
	margin: 0px;
	color: rgb(147, 187, 208) !important;
}
.MOB_CAMP_SECTION_HDR {
	display: none;
}
.REG_NUM_HOLDER {
	position: relative;
	width: 310px !important;
}
#RegNumber {
	display: block;
	height: auto;
	text-align: center;
	position: relative;
	width: 100%;
	margin: 0px auto 30px;
	padding: 12px 0px;
	font-size: 24px;
	font-weight: 100;
}
.TermHolder {
	float: left;
	width: 170px !important;
	position: relative;
	margin: 0px 10px 0px 0px;
	overflow-x: hidden;
}
#Term {
	width: 100px !important;	
	display: inline-block;
	margin:0px 10px 0px 0px;
	overflow: hidden;
}
.TERM_ARROW {
	position: absolute !important;
	width:13px;
	height: 8px;	
	right: 15px !important;
	top: 16px !important;
	background-image: url(../images/IMG_DWN_ARROW.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}
 .CAMP_FORM select{
	width: 190px !important;
	border: solid 2px rgb(185, 219, 240) !important;  /*Removes border*/
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
	-moz-appearance: none; /* Removes Default Firefox style*/
	color: rgba(92,137,171,1);
	background-color: rgb(185, 219, 240);
	width: 100px; /*Width of select dropdown to give space for arrow image*/
	text-indent: 0.01px; /* Removes default arrow from firefox*/
	text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
	color: #FFF;
	border-radius: 0;
	height: 40px;
	padding: 0 10px;
	font-size: 16px;
}
.CAMP_FORM select::-ms-expand {
    display: none;
}
.CAMP_CONTENT {
		height: auto;
		margin: 0px 0px 0px;
}
.CAMP_CONTENT ul{
		
}
.CAMP_CONTENT ul li{
	position: relative;
	text-align: center;
}
.CAMP_SHARE_HDR {
	position: relative;
	height: 157px;
	width: 446px;
	background-image: url(../images/IMG_CONGRATS_HDR.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	margin: 0px auto;
}
.CAMP_SUBTEXT {
	position: relative;
	height: auto;
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: rgb(147, 187, 208);
	font-weight: 100;
	margin-top: -22px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 60px;
}
.CAMP_SHARE_BTNS_SOCIAL {
		
}
.CAMP_SHARE_BTNS_SOCIAL li{
	display: inline-block;
	width: 90px;
	height: 90px;
	background-color: rgba(122,150,164,1.00);
	border: 3px solid rgba(255,255,255,1.00);
	margin: 0px 5px 40px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,24,33,0.41);
	box-shadow: 0px 1px 2px 0px rgba(0,24,33,0.41);
	cursor: pointer;
}
.CAMP_SHARE_BTNS_SOCIAL .facebook{
	background-image: url(../images/IMG_SIGN_FACE.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 15px 29px;
}
.CAMP_SHARE_BTNS_SOCIAL .twitter{
	background-image: url(../images/IMG_SIGN_TWIT.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 35px 28px;
}
.CAMP_SHARE_BTNS_SOCIAL .google{
	background-image: url(../images/IMG_SIGN_GMAIL.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 35px 29px;
}
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/
/* CAMPAIGN BUILDER PAGES END*/
/*{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}*/

/*.BTN_002 {
	border-style: solid;
	border-width: 2px;
	border-color: rgb(255, 255, 255);
	background-color: rgb(145, 213, 51);
	box-shadow: 1px 1.732px 2px 0px rgba(0, 1, 0, 0.17);
	-webkit-box-shadow: 1px 1.732px 2px 0px rgba(0, 1, 0, 0.17);
	-moz-box-shadow: 1px 1.732px 2px 0px rgba(0, 1, 0, 0.17);
	position: relative;
	display: inline-block;
	width: 250px;
	height: 42px;
	z-index: 40;
	font-family: "FuturaBk", sans-sefrif;
	color: rgba(255,255,255,1.00);
	font-size: 18px;
	font-weight: 300;
	margin-top: 10px;
	text-decoration: none;
	cursor: pointer;
}*/

#COMM .COMM_IMPUT {
	position:relative;
	height:auto;
	width: auto;
	text-align:center;
	margin:0px 0px 80px;
	padding:0px;
}

#COMM .COMM_IMPUT textarea{
  border-style: solid;
  border-width: 2px;
  border-color: rgb(185, 219, 240);
  background-color: rgb(242, 249, 253);
  width: 866px;
  height: 219px;
  box-shadow: 1.5px 2.598px 5px 0px rgba(0, 1, 0, 0.06);
  -webkit-box-shadow: 1.5px 2.598px 5px 0px rgba(0, 1, 0, 0.06);
  -moz-box-shadow:  1.5px 2.598px 5px 0px rgba(0, 1, 0, 0.06);
  position:relative;
  margin:0px auto;
  font-family: "FuturaBk", sans-sefrif;
	font-weight: 100;
	color: #a2bfce;
	font-size: 18px;
	text-align:center;
	padding: 10px;
}