/*
  SBT_MAIN.CSS
  (c) HAPPYneuron 2015
*/





@font-face {
	font-family: 'Cerapro-light';
	src: url("../fonts/cerapro-light-webfont.eot");
	src: url("../fonts/cerapro-light-webfont.eot?#iefix") format('embedded-opentype'),
       url("../fonts/cerapro-light-webfont.woff") format('woff'),
       url("../fonts/cerapro-light-webfont.ttf") format('truetype'),
       url("../fonts/cerapro-light-webfont.svg") format('svg');
}
@font-face {
	font-family: 'Cerapro-medium';
	src: url("../fonts/cerapro-medium-webfont.eot");
	src: url("../fonts/cerapro-medium-webfont.eot?#iefix") format('embedded-opentype'),
       url("../fonts/cerapro-medium-webfont.woff") format('woff'),
       url("../fonts/cerapro-medium-webfont.ttf") format('truetype'),
       url("../fonts/cerapro-medium-webfont.svg") format('svg');
}
@font-face {
	font-family: 'Cerapro-regular';
	src: url("../fonts/cerapro-regular-webfont.eot");
	src: url("../fonts/cerapro-regular-webfont.eot?#iefix") format('embedded-opentype'),
       url("../fonts/cerapro-regular-webfont.woff") format('woff'),
       url("../fonts/cerapro-regular-webfont.ttf") format('truetype'),
       url("../fonts/cerapro-regular-webfont.svg") format('svg');
}


h1, h2, h3, h4, h5, h6
{
	font-family: "Cerapro-medium";
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

p
{
	font-family: "Cerapro-regular";
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

html, body{ height: 100%; }
body
{
	width:100%;
	min-width:990px;
	margin: 0px;
	background: #F5F5F5;
	font-family: "Cerapro-regular";
	color: black;
	font-size: 10pt;
}


h1 {
	padding: 0em 0em .15em 0em;
	font-size: 27px;
	font-weight: normal;
}


h2 {
	font-size: 25px;
	padding: .5em 0em .3em 0em;
	line-height: 1em;
}

h3 {
	font-size: 20px;
	padding: .5em 0em .15em 0em;
	line-height: 1em;
	font-weight: normal;
}

h4, h5 {
	font-size: 1em;
	padding: .5em 0em .15em 0em;
	line-height: 1em;
}

img{ border: 0px; }

p {
	line-height: 125%;
	padding: .8em 0em;
}

em{
	font-style: normal;
}

a, .link
{
	color: black;
	text-decoration: underline;
  cursor: pointer;
}

a:hover, .link:hover
{
	color: #FF0046;
}

a.noLink{ text-decoration: none; }
a.noLink:hover{ color: #1c4f6e; }

.bold{ font-weight: bold; }
.justified{ text-align: justify; }
.floatLeft{ float: left; }
.floatRight{ float: right; }
.learnMore{ font-style: italic; text-align: right; }
.actionBtn{ text-align: center; margin-top: 20px; }

canvas{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}




input.text_field, select.text_field, textarea.text_field
{
	border: 1px solid #71767A;
	padding-left: 5px;
}
input.text_field:hover, input.text_field:focus,
select.text_field:hover, select.text_field:focus,
textarea.text_field:hover, textarea.text_field:focus{ border-color: #C2C2C2; }

.tableForm p, .tableForm div.row{ display: table-row; }
.tableForm p .label, .tableForm p .field, .tableForm div .label, .tableForm div .field{
  display: table-cell;
  text-align: left;
  padding: 1px 0px;
  *display: inline;
  zoom: 1;
	vertical-align: top;
}
.tableForm p .label, .tableForm div .label{ width: 160px; }
.tableForm p.normal{ display: block; white-space: nowrap; }
.tableForm p.validation, div.validation{ display: block; text-align: center; margin-top: 20px; }
.formError{ text-align: center; font-weight: bold; font-size: 8pt; color: red; padding: 8px; }
#formSendingData{ font-style: italic; display: none; }
#formSendingData img{ margin-right: 10px; vertical-align: middle; }
img.formHelpBtn{ vertical-align: top; height: 16px; margin-left: 8px; }





#root{
	 min-height: 100%;
}
.shadowBlocLeft
{
	width: 995px;
	margin: 0 auto;
	padding-left: 9px;
}

.shadowBlocMiddle
{
	width: 980px;
	background: url('../img/layout/bgMain.jpg');
	border-top: 0;
}






#mainMenu
{
	height: 50px;
	font-family: "Cerapro-regular";
	color: white;
	text-transform: uppercase;
	font-size: 18px;
	text-align: right;
	background: #FF0046;
	margin-top: 50px;
	*position: relative;
	*z-index: 1;
}
#mainMenu a {
	text-decoration: none;
	outline: none;
	color: white;
}
#mainMenu ul {
	display: block;
	margin: 0;
	padding: 0 0 0 15px;
	line-height: 28px;
	height: 31px;
	position: relative;
	left: 0px;
	list-style-type: none;
}
#mainMenu ul div { padding-top: 2px; *margin-top: 2px; }
#mainMenu ul li { padding: 0; float: right; position: relative; height: 50px; z-index: 1000; }
#mainMenu ul ul {
	position: absolute;
	left: 0;
	display: none;
	height: auto;
	padding: 0;
	z-index: 1001;
	line-height: 15px;
	background: white;
	border: 1px solid #FF0046;
	text-align: left;
	min-width: 220px;
}
#mainMenu ul ul li { padding: 0; margin: 0; float: none; height: auto; font-size: 12pt; }
#mainMenu ul ul ul { float: left; margin: 0; top: 0; padding: 0;}

#mainMenu ul li a {
	display: block;
	margin: 0;
	padding: 0 25px;
	border: 1px solid transparent;
	height: 100%;
	line-height: 50px;
}
#mainMenu ul ul li a {
	line-height: 18px;
	color: #FF0046;
	white-space: nowrap;
}
#mainMenu ul ul a { display: block; margin: 0; padding: 10px 15px; height: auto; }

#mainMenu ul li:hover ul, div#mainMenu ul li.hover ul { display: block;  }
#mainMenu ul li:hover a, div#mainMenu ul li.hover a { color: #F9A015; }
#mainMenu ul li.current_page_item, div#mainMenu ul li.current-menu-item{
	background: white;
	padding-bottom: 1px;
}

#mainMenu ul li.current_page_item a, div#mainMenu ul li.current-menu-item a {
	color: #FF0046;
	padding-bottom: 3px;
	background: none;
}
#mainMenu ul li.current_page_item ul, #mainMenu ul li.current-menu-item ul {
	margin-top: -1px;
}
#mainMenu ul li.current_page_item ul li a, div#mainMenu ul li.current-menu-item ul li a {
	border: 0;
	background: none;
	padding-bottom: 9px;
	white-space: nowrap;
	line-height: 18px;
}
#mainMenu ul ul li.current_page_item a, div#mainMenu ul ul li.current-menu-item a {
	color: white;
	padding-bottom: 8px;
	border: 1px solid red;
}
#mainMenu ul ul li.current_page_item, div#mainMenu ul ul li.current-menu-item{
	background: #FF0046;
	color: white;
}
#mainMenu ul li:hover li a, div#mainMenu ul li.hover li a {
	color: #FF0046;
}
#mainMenu ul li:hover li:hover a, div#mainMenu ul li.hover li.hover a {
	color: white;
	background: #FF0046;
}
#mainMenu ul li:hover li.current_page_item:hover a, #mainMenu ul li:hover li.current-menu-item:hover a{ cursor: default; color: white; }





#header
{
	padding: 0px 0px 25px 0px;
	margin: 0px auto;
	position: relative;
}
#logo
{
	padding-top: 19px;
	padding-left: 5px;
}
#logo #tagLine{ position: relative; top: 33px; left: -232px; display: none;}
#memberArea {
	position: absolute;
	top: 11px;
	right: 8px;
	text-align: right;
	padding-top: 10px;
	padding-right: 15px;
	font-family: "Cerapro-light";
	font-size: 16px;
}
#memberArea a {
	display: inline-block;*display: inline;*zoom: 1;
	height: 18px;
	margin-left: 23px;
	text-decoration: none;
	background: url('../img/layout/icons/memberArea.png') top left no-repeat;
	padding: 3px 0px 3px 30px;
	line-height: 18px;
	vertical-align: middle;
}
#memberArea a:hover {
	text-decoration: underline;
	color: #FF0046;
}
#memberArea #btnHelp:hover {
	background-position: 0px -120px;
}
#memberArea #btnHelp {
	background-position: 0px -96px;
}
#memberArea #btnSignup {
	background-position: 0px -48px;
}
#memberArea #btnSignup:hover {
	background-position: 0px -72px;
}
#memberArea #btnLogin {
	background-position: 0px 0px;
}
#memberArea #btnLogin:hover {
	background-position: 0px -25px;
}
#memberArea #btnNewsletter {
	background-position: 0px -240px;
}
#memberArea #btnNewsletter:hover {
	background-position: 0px -264px;
}
#memberArea #btnProfile {
	background-position: 0px -144px;
}
#memberArea #btnProfile:hover {
	background-position: 0px -168px;
}
#memberArea #btnLogout {
	background-position: 0px -193px;
}
#memberArea #btnLogout:hover {
	background-position: 0px -216px;
}




#footer .shadowBlocMiddle{
	padding: 13px 13px 0 13px;
	width: 954px;
	background: #E6E6E6;
}


#footer .flagsList{ float: right; }


.socialList{ display: inline-block; *display: inline; *zoom: 1; *display: inline; zoom: 1; margin-right: 15px; }
.socialList a{ display: inline-block; *display: inline; *zoom: 1; *display: inline; zoom: 1; width: 33px; height: 33px; margin-right: 3px; font-size: 25px; background: url('../img/layout/footer/btnSocial.png'); }
.socialList .btnFacebook{ background-position: 0px 0px; }
.socialList .btnFacebook:hover{ background-position: 33px 0px; }
.socialList .btnTwitter{ background-position: 0px 99px; }
.socialList .btnTwitter:hover{ background-position: 33px 99px; }
.socialList .btnBlog{ background-position: 0px 66px; }
.socialList .btnBlog:hover{ background-position: 33px 66px; }
.socialList .btnTellAFriend{ background-position: 0px 33px; }
.socialList .btnTellAFriend:hover{ background-position: 33px 33px; }


#footer #socialLikeButtons{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	*display: inline; zoom: 1;
	width: 250px;
	vertical-align: middle;
	margin-top: -25px;
}
#footer #socialLikeButtons #btnGGLike, #footer #socialLikeButtons #btnFacebookLike{
	display: inline-block;
	*display: inline;
	*zoom: 1; *display: inline; zoom: 1;
	vertical-align: top;
	margin-right: 10px;
}


#footer .copyrightAndFooterline{
	text-align: center;
	margin-left: -13px;
	margin-right: -13px;
	background: url('../img/layout/bgMain.jpg');
}

#footer .copyright{
	font-size: 13px;
	padding-top: 9px;
	padding-bottom: 13px;
	color: #828282;
}


#footerMenu{
	margin: 25px 0px 8px 10px;
	font-size: 11.2px;
}
#footerMenu h4{
	font-size: 16px;
	margin-bottom: 12px;
}
#footerMenu ul, #footerMenu ul li
{
	list-style: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#footerMenu a{
	text-decoration: none !important;
}
#footerMenu a:hover{ text-decoration: underline !important; }
#footerMenu div{
	display: inline-block;
	*display: inline;
	*zoom: 1; *display: inline; zoom: 1;
	border-left: 1px solid black;
	vertical-align: top;
	margin-right: 12px;
	padding-left: 12px;
	height: 100%;
}
#footerMenu div.logos{
	text-align: center;
	width: 225px;
	height: auto;
	border-left: 0;
	color: #828282;
}
#footerMenu div.logos span{ margin-bottom: 4px; display: block; }
#footerMenu div.first{ padding-left: 0px; border-left: 0px; }

#footerLine{
	font-size: 9px;
	text-align: center;
	margin-top: 0px;
	padding-bottom: 10px;
}
#footerLine a{
  text-decoration: none;
  padding-right: 5px;
 	font-style: italic;
  opacity: 0.5;
  filter: alpha(opacity=50);
}




#scheduledMaintenance{
	padding: 5px;
	text-align:center;
	border-bottom: 1px solid #5D8199;
	background: #F4FAFF;
}

#scheduledMaintenance img{
	margin-right: 8px;
}




#floatingHelpLink{
	position: fixed;
	bottom: 0;
	right: 10px;
	padding: 5px 10px;
	background: #FF0046;
	color: white;
	font-weight: bold;
	font-size: 13px;
	-webkit-border-radius: 5px 5px 0px 0px;
	        border-radius: 5px 5px 0px 0px;
}
#floatingHelpLink img{
	vertical-align: middle;
	margin-right: 8px;
	height: 18px;
}

#floatingHelpLink a{
	color: white;
	text-decoration: none;
}

#floatingHelpLink a:hover{
	text-decoration: underline;
}





.lockedElement{
	background: url('../img/layout/lockedElement.png') center center;
}
.lockedElementPopup{
	width: 380px;
	background: url('../img/layout/bgElement.jpg') center center;
	border: 1px solid #5D8199;
	-webkit-border-radius: 10px 10px;
	        border-radius: 10px 10px;
	padding: 20px;
	text-align: center;
	overflow: hidden;
	zoom: 1;
	margin: 0 auto;
}
.lockedElementPopup img{ float: left; }
.lockedElementPopup .btns{ margin-top: 25px; }
.lockedElementPopup .btns .orangeBtnMiddle{ padding: 0px 5px; }





#popupWindowBg{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #999998;
	z-index: 1000;
}
#popupWindowPopup{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -250px;
	margin-top: -150px;
	min-width: 500px;
	z-index: 1010;
	overflow: scroll-y;
	max-height: 500px;
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
{
	#popupWindowPopup{
		position: absolute;
	}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation:portrait)
{
	#popupWindowPopup{
		-webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
		    transform: scale(1.4);
	}
}





#popupWindowPopup.faqWindow{
	background: #F5F5F5;
	border: 1px solid #C2C2C2;
	-webkit-border-radius: 10px 10px;
	        border-radius: 10px 10px;
	padding: 20px;
	font-size: 12px;
	max-width: 610px;
	overflow-y: scroll;
}

#popupWindowPopup.faqWindow p{
	font-size: 16px;
}
#popupWindowPopup.faqWindow td{ border: 0; }





#success-feedback, #error-feedback, #warning-feedback, #info-feedback,
.successFeedback, .errorFeedback, .warningFeedback, .infoFeedback
{
	border: 1px solid black;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	color: #2E3C52;
	padding: 10px 10px 0px 10px;
	margin: 10px 10px 10px 0px;
	height: 1%;
	overflow: hidden;
	zoom: 1;
}
#success-feedback img, #error-feedback img, #warning-feedback img, #info-feedback img,
.successFeedback img, .errorFeedback img, .warningFeedback img, .infoFeedback img{ float: left; margin: 0px 10px 5px 0px; }
#success-feedback div, #error-feedback div, #warning-feedback div, #info-feedback div,
.successFeedback div, .errorFeedback div, .warningFeedback div, .infoFeedback div{ margin-left: 40px; }
#success-feedback ul, #error-feedback ul, #warning-feedback ul, #info-feedback ul,
.successFeedback ul, .errorFeedback ul, .warningFeedback ul, .infoFeedback ul{ margin-top: 0px; }
#success-feedback, .successFeedback
{
	border-color: #9ADF8F;
	background-color: #D4FFCD;
}
#error-feedback, .errorFeedback
{
	border-color: red;
	background-color: #FFD2D3;
}
#warning-feedback, .warningFeedback
{
	border-color: #C2A05C;
	background-color: #FFF9D2;
	padding-bottom: 10px;
}
#info-feedback, .infoFeedback
{
	border-color: #236390;
	background-color: #C7E8FE;
}
#box-feedback{ color: red; margin-bottom: 30px; }





.expandableList{ text-align: center; margin-top: 20px; }
.expandableList a .expandableElement{ text-decoration: none; }
.expandableElement{
  display: inline-block;
  *display: inline;
  *zoom: 1; *display: inline; zoom: 1;
  border: 1px solid #C2C2C2;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #F5F5F5;
  vertical-align: top;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.expandableElement:hover, .expandableElement.selected{ border-color: #FF0046; }





.blueBoxTop, .redBoxTop{
	background: #999999;
	font-family: "Cerapro-light";
	font-size: 22px;
	padding-right: 6px;
	color: white;
	text-align: left;
	-webkit-border-radius: 10px 10px 0 0;
	        border-radius: 10px 10px 0 0;
}
.blueBoxTop div, .redBoxTop div{ line-height: 30px; font-size: 16px; font-weight: bold; }
img.icon{
	float: left;
	margin-top: 7px;
	margin-right: 5px;
	vertical-align: top;
}
.blueBoxTop img.icon, .redBoxTop img.icon{
	float: left;
	margin-top: 3px;
	margin-right: 5px;
	vertical-align: top;
}
.redBoxTopLeft{ background-image: url('../img/layout/boxRedTop.png'); }
.redBoxTopRight{ background-image: url('../img/layout/boxRedTop.png'); }
.redBoxTop{ background-image: url('../img/layout/boxRedTop.png'); color:white; text-shadow: 1px 1px black; }


.blueBoxContent
{
	background: #F5F5F5;
	border: 1px solid #C2C2C2;
	-webkit-border-radius: 0px 0px 10px 10px;
	        border-radius: 0px 0px 10px 10px;
	padding: 10px;
}
.blueBtn, .orangeBtn{
	display: inline-block;
	*display: inline;
	*zoom: 1; *display: inline; zoom: 1;
	width: 100px;
	height: 31px;
	border: none;
	font-size: 17px;
	line-height: 31px;
	text-decoration: none;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
}
.blueBtn, a.blueBtn{
	background: #FF0046;
	color: white;
}
.orangeBtn{
	background: url('../img/layout/orangeBtn.png') center center;
	color: #803714;
}

.orangeBtnLeft{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.orangeBtnMiddle, .orangeBtnMiddle button{
	background: #FF0046;
	color: white;
	-webkit-border-radius: 15px;
	        border-radius: 15px;
	line-height: 45px;
	height: 45px;
	font-size: 22px;
}
a .orangeBtnLeft, a .orangeBtnMiddle{ text-decoration: none; color: white; }
.orangeBtnMiddle button{ border: 0; cursor: pointer; }
.orangeBtnLeft:hover .orangeBtnMiddle, .orangeBtnLeft:hover .orangeBtnMiddle button{ background-position: bottom left; }



.newsletterSubscribe.homeItem img{ width: 195px; float: right; }
.newsletterSubscribe.homeItem h3{ display: none; }
.newsletterSubscribe.homeItem br{ display: none; }
.newsletterSubscribe.homeItem br{ display: none; }
.newsletterSubscribe.homeItem .descr{
	text-align: justify;
	font-size: 15px;
	line-height: 15px;
	padding: 20px 0px 25px 5px;
}
.newsletterSubscribe.homeItem form{ margin-top: 15px; }
.newsletterSubscribe.homeItem input#frmEmail{
	width: 195px;
	margin-right: 3px;
	vertical-align: top;
	font-style: normal;
	padding: 3px 4px 4px 4px;
}
.newsletterSubscribe.homeItem input{
	font-family: "Cerapro-light";
	font-weight: normal;
}
.newsletterSubscribe.homeItem .blueBtn span{ position: relative; top: -4px; }
.newsletterSubscribe.homeItem .blueBtn{
	width: 50px;
	height: 25px;
}
.newsletterSubscribe.homeItem .action{	clear: both; }
.newsletterSubscribe.homeItem .action a{ display: none; }
.newsletterSubscribe.homeItem .formError{ color: red; margin-top: 8px }
.newsletterSubscribe.staticEl.homeItem{
    margin: 0 auto;
    width: 656px;
}




#coachInfo h3{ text-align: center; }
#coachInfo .intro{ margin-bottom: 25px; }
#coachInfo .colList{
	text-align: center;
}
#coachInfo div.col{
	display: inline-block;
	*display: inline;
	*zoom: 1; *display: inline; zoom: 1;
	border: 1px solid #C2C2C2;
	background: #F5F5F5;
	-webkit-border-radius: 15px;
	        border-radius: 15px;
	padding: 10px;
	width: 250px;
	margin: 0px 8px;
	vertical-align: top;
	text-align: left;
}
#coachInfo div#colCenter{ width: 310px; }
#coachInfo #colCenter legend{ margin-left: 112px; }
#coachInfo #colLeft legend{ margin-left: 63px; }
#coachInfo #colRight legend{ margin-left: 63px; }






#login-form
{
	width: 500px;
	margin: 0 auto;
}
#login-form a, #hard-password a{ cursor: pointer; }
#login-form #pop_email, #login-form #pop_password, #hard-password #pop_email{ width: 250px; }
#login-form .fullrow, #hard-password .fullrow{ margin-top: 15px; }
#login-form .validation, #hard-password .validation{ margin-bottom: 20px; }





#coachConfirm{ margin: 50px 0px 20px 0px; padding: 0; }
#coachConfirm img.coachImage{ margin-left: -20px; margin-bottom: 10px; }
#coachConfirm .speech{
	margin: 15px 0px 0px 143px;
	width: 766px;
}
#coachConfirm .speechTop{
	height: 52px;
	background: url('../img/layout/coach/speechTop.png') top center no-repeat;
}
#coachConfirm .speechMiddle{
	padding: 0px 15px 0px 80px;
	background: url('../img/layout/coach/speechMiddle.png') top center repeat-y;
}
#coachConfirm .speechBottom{
	height: 13px;
	background: url('../img/layout/coach/speechBottom.png') top center repeat-y;
}
#coachConfirm .speechContent{
	position: relative;
	top: -30px;
}





table.shopping-cart
{
	width: 100%;
	border: 0px;
	border-collapse: collapse;
}
table.shopping-cart th{	background-color: #D2E9FF; }
table.shopping-cart tr td
{
	padding: 3px;
	border: 1px solid #C2C2C2;
}
.shopping-cart-header, .shopping-cart-footer{ background-color: #EFF8FF; }
.shopping-cart-header td, .shopping-cart-footer td
{
	text-align: center;
	font-weight: bold;
	padding: 5px;
	background-color: #c2c2c2;
}
.shopping-cart td.right, .shopping-cart-footer td.right{ text-align: right; }












.button
{
	float: right;
	margin: 0px 6px;
}

.big-button
{
	font-size: 1.4em;
	padding: 4px 18px 4px 18px !important;
}

.transparent-button,
.orange-button,
.grey-button,
.green-button,
.blue-button
{
	border: 1px solid transparent;
	padding: 3px 8px 3px 8px;
	text-decoration: none !important;
	font-style: Arial;
	cursor: pointer;
}

.linkAsBtn {
	padding: 4px 12px 4px 12px;
}

.asterisk
{
	color: #996666;
	font-style: italic;
}

.none
{
	color: #999;
	font-style: italic;
}

.fetch_login
{
	border: 0 !important;
	background:url(../img/btn/account/Submit.png);
	width: 148px;
	height: 42px;
	cursor: pointer;
	background-repeat: no-repeat;
}

p.fetch_login_badpass
{
	color: black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #DF8F90;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	background: #FFD2D3;
	margin:5px !important;
	padding:5px !important;
}
p.fetch_login_badpass img{ float: left; margin-right: 5px; }
p.fetch_login_passok
{
	color:green;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid green;
	margin:5px !important;
	padding:5px !important;
}



label#fetch_login_label
{
	color:#072770;
}

#content
{
	padding: 0px 0px 0px 35px;
	margin: 15px 0px 0px -35px;
	clear: both;
	font-size: 11pt;
	min-height: 300px;
}

#main, .main
{
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 50px 0px;
}

#content #main h2, #content .main h2 {
	padding: 0;
}

#content #main img.backtotop {
	padding: 2px;
	border: none;
	float: right;
}


#content #main p, #content .main p
{
	text-align: justify;
}

#main.legal-notices h2 {
  padding-top: 16px !important;
}

#content #settings-msg
{
	border:green solid 2px;
	margin: 8px 0 2px 0;
	padding: 4px 8px;
	color: green;
}

.full_width
{
	margin: 0 0 0 10px !important;
	width: 955px !important;
}



#main-flash
{
	margin-bottom: 20px;
}

.game-preview
{
	float:left;
	margin:10px 3px 5px 0px;
	width:93px;
	font-size: 12px;
	border: undefined solid #EEEEEE;
	border-color: #EEEEEE 8px;
}
.game-name
{
	width:93px;
	height:48px;
	padding-top:10px;
	margin-bottom:6px !important;
	text-align:center;
	font-weight: bold;
	color:white;
}
.game-snapshot
{
	text-align: center;
	padding-bottom:0px;
	margin-bottom:7px;
}
.game-play-button
{
	padding:3px 1px 3px 1px;
	margin:3px;
	border: undefined solid #999999;
	border-color: #999999 1px;
	background-color: #EEEEEE;
	text-align:center;
	margin-bottom:3px;
}
.game-preview a
{
	text-decoration: none !important;
	color: black;
}



thead, tfoot {
	background-color: #E2EDF2 !important;
}



.moregames {
	clear: both;
	background: url(../img/icons/backmoregames.gif) top left repeat-x;
	border: 1px solid #c0e7ff;
	padding: 5px 0px 0px 5px;
	line-height: 1em;
	font-size: .9em;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	height: 20px;
}




.error_highlight_field
{
	border: 2px solid red;
}

div.error
{
	color: red;
	font-size: 1.0em;
	width: 100%;
}


.section-header
{
	width: 100%;
	padding: 0px 0px 10px 0px;
	border-width: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16pt;
	text-align: left;
}

table.input-form
{
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	border-width: 0;
	width: 100%;
	border-collapse: collapse;
}

table.input-form tr td
{
	border-width: 1px;
	border-style: solid;
	border-color: #b9cdd8;
	padding: 5px;
}

table.input-form tr.store_navbar td
{
	text-align: center;
}

table.input-form tr.store_navbar td a
{
	display: block;
}

table.input-form tr.store_navbar td.selected
{
	background-color: #D6EEFF;
}

table.input-form tr.store_navbar td.selected a
{
	color: #651572;
}


.secure
{
	padding: 0px 3px;
	margin: 0px;
	vertical-align: top;
	float: right;
}
#subscribe input#security_code,
#subscribe input#ccVerificationValue
{
	width: 50px;
}

#subscribe input#phone_area,
#subscribe input#phone_ac
{
	width: 40px;
}

#subscribe input#phone_number
{
	width: 135px;
}

#subscribe .subscribe-information
{
	border: 1px solid orange;
	text-align: left;
	float: left;
	padding: 5px;
	margin: 5px;
	width: 220px;
	height: 140px;
}

#subscribe .subscribe-information p
{
	padding: 0px;
	margin-top: 3px;
	margin-left: 8px;
	margin-bottom: 3px;
}

#subscribe .subscribe-information a
{
	float: right;
}

#cmr_frame .form_error
{
	background-color: #ffe4e4;
}

#cmr_frame .form_valid
{
	background-color: #deffd9;
}



.label-cell
{
	background-color: #e2edf2;
	width: 35%;
	text-align: right;
	font-weight: bold;
	vertical-align: center;
	color: #1c4f6e;
}

.input-cell, .fullinput-cell
{
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

.fullinput-cell input
{
	width: 99%;
}

.required-label
{
	font-size: 8pt;
	padding: 3px;
	float: right;
}

.required
{
	color: red;
}

.required-indicator
{
	color: red;
	font-weight: normal;

}


table.middle
{
	border-spacing: 0px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
}

table.middle tr td
{
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
}

.clear
{
	clear: both;
	margin: 0px;
	padding: 1px;
	width: 50%;
}
.clearLeft{ clear: left; }


.block{	display: block;}
.hidden{	display: none;	visibility: hidden;	position: absolute;	width: 0px;	height: 0px; }

p.indent
{
	text-indent: 50px;
}

.faq_link img
{
	border: 0px;
	cursor: help;
}



img.back_to_top
{
	float: right;
}

a:hover img.roll_opacity
{
	opacity: 0.75;
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	filter: alpha(opacity=75) alpha(opacity=75);
}

a.read-more
{
	background-image: url(../img/icons/read-more.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 35px;
	color: #204e7f;
	text-decoration: none !important;
}

a.read-more:hover
{
	text-decoration: underline !important;
}




.sbt_promote
{
	width: 225px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#sidebar .sbt_promote
{
	width: 225px;
}

.sbt_promote_title
{
	background-color: #eee;
	padding: 5px 1px 2px 1px;

}

.sbt_promote_title h4
{
	font-size: 12pt;
	font-weight: bold !important;
	color: #0a749e;
	padding: 2px 0px 3px 8px;
	margin: 0px;
}

.sbt_promote_title h4 a,
.sbt_promote_title h4 a:HOVER
{
	color: white !important;
	text-decoration: none !important;
}

.sbt_promote_content,
.sbt_promote_foot
{
	background-color: #eee;
}

.sbt_promote_content
{
	text-align: justify;
}

.sbt_promote_content a
{
	text-decoration: none !important;
}

.sbt_promote_content a:hover
{
	color: orange !important;
}

.sbt_promote_content em
{
	margin: 20px;
}

.sbt_promote_content p
{
	text-align: center;
}

.sbt_promote_content p img.border
{
	border: 1px solid black;
}

.sbt_promote_content_inner
{
	background-image: url("../img/sidebar/box-bg.gif");
	background-repeat: repeat-x !important;
	background-position: top;
	background-color: #efefef;
	width: auto;
	text-align: justify;
	margin: 0px 10px;
	padding: 3px;
}

.sbt_promote_content_inner a
{
	color: #04649e;
	text-decoration: none;
}

.sbt_promote_content_inner a:hover
{
	color: #ff6602;
	text-decoration: underline;
}

.sbt_promote_foot
{
	height: 5px;
}

.sbt_promote div
{
	padding-top:4px;
	background-repeat: no-repeat;
}

.sbt_promote div.sbt_promote_content ul li
{
	border: 0px solid red !important;
	width: 180px !important;
}

.sbt_promote div.sbt_promote_content ul,
.sbt_promote div.sbt_promote_content ul li
{
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.sbt_promote div.sbt_promote_content ol
{
	padding-left: 20px;
}
.sbt_promote div.sbt_promote_content ul
{
	padding-left: 13px;
}

.sbt_promote_280{	width: 280px;}
.sbt_promote_280 input.form_text{	width: 240px !important;}
.sbt_promote_280 .sbt_promote_title{}
.sbt_promote_280 .sbt_promote_content_inner{	width: 260px;}
.sbt_promote_280 .sbt_promote_foot{}

.sbt_promote_300{	width: 300px;}
.sbt_promote_300 input.form_text{	width: 260px !important;}
.sbt_promote_300 .sbt_promote_title{}
.sbt_promote_300 .sbt_promote_content_inner{	width: 280px;}
.sbt_promote_300 .sbt_promote_foot{}

.sbt_promote_345{	width: 345px;}
.sbt_promote_345 input.form_text{	width: 300px !important;}
.sbt_promote_345 .sbt_promote_title{}
.sbt_promote_345 .sbt_promote_content_inner{	width: 320px;}
.sbt_promote_345 .sbt_promote_foot{}



#about_us p
{
	text-align: justify;
	margin-bottom: 2em;
}

#about_us a
{
	font-style: italic;
}

.about_us img
{
	float: left;
	margin: 0px;
}

.about_publications
{
	clear: both;
	border: 1px solid #336699;
	font-size: 0.8em;
	overflow: auto;
	background-color: white;
	margin-top: 10px;
	padding: 2px;
	height: 250px;
}

.about_publications ul
{
	padding: 10px;
	margin: 0px;
}

.about_publications li
{
	padding-bottom: 1em;
	list-style: none;
}


#interview
{
	padding-top: 10px;
}

#interview h5
{
	margin: 15px 0px 0px 0px;
	font-size: 1.0em;
}

#interview p,
#interview ol
{
	padding-top: 10px;
	padding-bottom: 10px;
}

#interview p a.up
{
	float: right;
	padding: 0px;
}



div.faq_item
{
	padding: 0px 0px 10px 10px;
}

.faq h2
{
	padding-top: 50px;
}

#faq_menu ul li
{
	display: block;
}



.more_tab_caption
{
	color: white;
	font-weight: bold;
	text-align: center;
	background-color: transparent;
	padding-bottom: 5px;
}

.more_tab_value
{
	text-align: center;
	padding: .3em;
	background-color: transparent;
	padding-bottom: 20px;
	font-size:14px;
}

.more_tab_value div.blue_box
{
	margin: 5px 0px 5px 0px;
}



#more_description
{
	padding: 0px;
	position: relative;
	float: left;
}

#more_description p
{
	padding-top: 0px;
	text-align: justify;
}


.more_1, .more_2, .more_3, .more_4, .more_5
{
	padding: 0px;
	position: relative;
	float: left;
}

.more_1 h1, .more_1 h4, .more_1 h5, #more_details_1 ul a, .listgame_topic_1 .listgame_title td, .sector_1, .sector_1 a{	color: #04999d !important;}
.more_2 h1, .more_2 h4, .more_2 h5, #more_details_2 ul a, .listgame_topic_2 .listgame_title td, .sector_2, .sector_2 a{	color: #d10031 !important;}
.more_3 h1, .more_3 h4, .more_3 h5, #more_details_3 ul a, .listgame_topic_3 .listgame_title td, .sector_3, .sector_3 a{	color: #970194 !important;}
.more_4 h1, .more_4 h4, .more_4 h5, #more_details_4 ul a, .listgame_topic_4 .listgame_title td, .sector_4, .sector_4 a{	color: #666666 !important;}
.more_5 h1, .more_5 h4, .more_5 h5, #more_details_5 ul a, .listgame_topic_5 .listgame_title td, .sector_5, .sector_5 a{	color: #649903 !important;}

.hn-ads
{
	border: 0px;
}

#ads-home
{
	width: 712px;
	height: 48px;
}

#main iframe#game
{
	border: 1px solid black;
	margin: 0px;
	padding: 0px;
	width: 712px;
	height: 382px;
}



img.s_button
{
	border: 0px;
	padding: 0px 0px 10px 0px;
}



#cognitive_training .form_form
{
	float: left;
	margin: 0px 0px 20px 40px;
	padding: 0px 4px;
}

#cognitive_training .form_left
{
	float: left;
	min-width: 210px;
	max-width: 400px;
	height: auto;
	padding: 5px 0px 5px 2px;
}

#cognitive_training .form_right
{
	float: left;
	padding: 5px 2px 5px 0px;
}

#cognitive_training .form_br
{
	clear: both;
	float: left;
	width: 100%;
}

#cognitive_training .form_input_text
{
	border: 1px solid #b9cdd8;
	width: 230px;
}

#cognitive_training .form_input_text:focus,
#cognitive_training .form_input_text:hover
{
	background-color: #EEEEEE;
}

#cognitive_training .form_input_submit
{
	border: 1px solid #b9cdd8;
	background-color: #EEEEEE;
	font-weight: bold;
	width: 100px;
	height: 25px;
}



img.tools_index_img
{
	padding: 10px 0px;
	border: 0px;
}


.pc_checkbox
{
	background-position: 3px center;
	background-repeat: no-repeat;
	border: 1px solid #fff;
	padding-left: 24px;
	cursor: pointer;
}

.pc_check_unchecked
{
	background-image: url(../img/icons/checkbox-off.gif);
}

.pc_check_checked
{
	background-image: url(../img/icons/checkbox.gif);
}

.pc_check_unchecked_disabled
{
	background-image: url(../img/icons/checkbox-off-disable.gif);
}

.pc_check_checked_disabled
{
	background-image: url(../img/icons/checkbox-disable.gif);
}


#address_book
{
	border: 1px solid black;
	background-color: white;
	position: relative;
	color: black;
	font-size: 0.8em;
	padding: 2px;
	width: 200px;
}

#address_book ul,
#address_book li
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#address_book li div
{
	float: right;
	font-weight: bold;
	display: none;
}

#address_book li div:hover
{
	color: red;
}

#address_book li:hover
{
	background-color: lightskyblue;
	cursor: pointer;
}

#address_book li:hover div
{
	display: block;
}


.signupButton
{
	margin-top: 35px;
	text-align: center;
}
.signupButton .orangeBtnMiddle {
    padding: 0 20px;
}


.book_title
{
	font-style:italic;
	font-weight:bold;
}
.book_desc
{
	margin-bottom: 20px;
}


.partner-tab td
{
	padding:10px;
}




.sitemap h1
{
	margin-bottom: 25px !important;
	padding-bottom: 2px !important;
	border-bottom: 1px solid #b9cdd8;
}

.sitemap h2
{
	color: black;
	padding: 2px !important;
	border-bottom: 1px solid #b9cdd8;
	font-size: 1.1em;
}

.sitemap .url
{
	color: green;
}

.sitemap strong,
.sitemap strong a
{
	font-size: 1em;
	color: black !important;
}

.sitemap ul, .sitemap li
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.sitemap ul
{
	padding-bottom: 15px !important;
}

.sitemap a
{
	text-decoration: none !important;
	color: #76797c;
	font-size: 0.7em;
}

.sitemap a:hover
{
	text-decoration: underline !important;
}

.sitemap-bigblock
{
	margin-right:35px !important;
	float: left;
}
.sitemap-block
{
	padding: 5px 7px 5px 5px;
	float: left;
}



#tips{ text-align: justify; }

@-moz-document url-prefix()
{
  #btnFB{ position:relative; left:-100px; top: -2px; }
}



.html5_errorTooltip{
  position: absolute;
  z-index: 99;
  margin-top: 25px;
	min-width: 200px;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px;
  -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  padding: 10px;
  border: 1px solid red;
	background-color: #FFD2D3;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0) alpha(opacity=0);
	text-align: left;
}
.html5_errorTooltip img {
	position: absolute;
  border: 0;
	margin: -40px 0 0 -48px;
}
.html5_errorTooltip.visible{
	-moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100) alpha(opacity=100);
}






.btn_subscribe{
	background: url('../img/layout/icons/starting_btn.png') top left no-repeat;
	float: left;
	width: 222px;
	height: 222px;
}
.btn_create_account{
	background: url('../img/layout/icons/starting_btn.png') top right no-repeat;
	float: right;
	width: 222px;
	height: 222px;
}
.btn_subscribe  span:first-child, .btn_create_account span:first-child{
	display: block;
    color: #FFFFFF;
    font-size: 36px;
    font-weight: bolder;
    line-height: 100%;
    margin-left: 10px;
    margin-top: 8px;
}
.btn_subscribe:hover,.btn_create_account:hover{
	filter : alpha(opacity=8) alpha(opacity=80);
	opacity: 0.8;
}
.btn_subscribe  span:last-child, .btn_create_account span:last-child{
	display: block;
	color: #fff;
    margin-left: 10px;
    margin-top: 120px;
}
#hard-start form div div div span.closeButton{
	width: auto;
}



#hard-expired-account{
	max-width: 520px;
}
.expired_account {
	float: left;
	width: 155px;
	text-align: center;
	font-size: 16px;
}



.graphTooltip{
	font-family: Verdana !important;
	font-size: 10pt !important;
	padding: 5px !important;
	border-color: #C2C2C2 !important;
	background: #F5F5F5 !important;
	-webkit-box-shadow: 2px 2px 2px #888 !important;
	        box-shadow: 2px 2px 2px #888 !important;
	cursor: default;
}
.graphTooltip span{ color: #71767A; }

.rgraph{ position: relative; }
.rgraph .rgraphPowered
{
	font-size: 10px;
	font-style: italic;
	position: absolute;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	    transform: rotate(-90deg);
}
.rgraph .rgraphPowered.stackedBar{ bottom: 200px; right: -30px; }
.rgraph .rgraphPowered.line{ bottom: 118px; right: -30px; }
.rgraph .rgraphPowered.bibar{ bottom: 191px; right: -40px; }
.rgraph .rgraphPowered a{ text-decoration: none; }
.rgraph .rgraphPowered a:hover{ text-decoration: underline; }




input[type=text], input[type=password], input[type=email], select, textarea
{
	border: 1px solid #71767A;
	-webkit-border-radius: 5px;
	border-radius: 10px;
	padding: 4px 5px;
}
input[type=text]:hover, input[type=password]:hover,
input[type=email]:hover, select:hover, textarea:hover{  }
input[type=checkbox]{ margin-right: 5px; }



.accountingBox{
	width: 488px;
}
.accountingBox a{ cursor: pointer; }
.accountingBox .hn-boxTitle br{ display: none; }
.accountingBox .tableForm{
	padding-top: 5px;
	padding-left: 15px;
}
.accountingBox p .label, .accountingBox div .label{
	font-size: 18px;
	width: 164px;
	padding-left: 0px;
}
.accountingBox input[type=text], .accountingBox input[type=email],
.accountingBox input[type=password]{
	margin-right: 5px;
}
.accountingBox input[type=text], .accountingBox input[type=email],
.accountingBox input[type=password], .accountingBox select{
	width: 235px;
	font-size: 15px;
}
.accountingBox select{
	width: 247px;
}



#hard-passwordMayLost .hn-boxActions{
	margin-top: 25px;
}




#box-login .hn-box{ margin: 0 auto 25px; }
#box-login #passwordLost, #hard-login #passwordLost{
	text-align: center;
	margin-top: 8px;
}




#box-passwordLost .hn-box{ margin: 70px auto 0px auto; }




#box-subscribe .hn-box{ margin: 0 auto 25px; }
#box-subscribe #frmSubscribeNewsletterLine, #hard-subscribe #frmSubscribeNewsletterLine{
	margin-top: 15px;
}
#box-subscribe #frmSubscribeNewsletterLine label, #hard-subscribe #frmSubscribeNewsletterLine label {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 4px;
  vertical-align: top;
  width: 375px;
}
#box-subscribe p.welcomeInfo, #hard-subscribe p.welcomeInfo, #loginForm p{
	font-family: "Cerapro-light";
	font-size: 16px;
}
#box-subscribe p.welcomeInfo, #hard-subscribe p.welcomeInfo{
	margin-bottom: 15px;
}
#box-subscribe .captchaLeft, #hard-subscribe .captchaLeft{
	display: inline-block;
	*display: inline;
	*zoom: 1; *display: inline; zoom: 1;
	vertical-align: top;
	width: 62px;
	text-align: right;
	margin-right: 5px;
	position: relative;
}
#box-subscribe #promoCodeField{
	position: relative;
	top: -15px;
}
#box-subscribe #promoCodeField span{
	padding-bottom: 10px;
}
#box-subscribe .captchaLeft input, #hard-subscribe .captchaLeft input{
	width: 52px;
	margin-bottom: 2px;
	text-align: left;
}
#box-subscribe .captchaLeft .html5_formIconValidation, #hard-subscribe .captchaLeft .html5_formIconValidation{
	position: absolute;
	right: -209px;
   top: 6px;
}
#box-subscribe #frmPolicyAgree, #hard-subscribe #frmPolicyAgree{
	margin-top: 35px;
	font-size: 12px;
	text-align: justify;
}
#box-subscribe #frmPolicyAgree img, #hard-subscribe #frmPolicyAgree img{
	vertical-align: middle;
}
#box-subscribe #btnSubscribe img, #hard-subscribe #btnSubscribe img{
	vertical-align: middle;
	margin: -5px 5px 0px 0px;
}




#hard-terms .hn-boxContent{
	padding: 0px;
}
#hard-terms .hn-box-navigate{
	padding: 10px;
}
#hard-terms #termsContent
{
	height: 400px;
	overflow: auto;
	padding: 15px 15px 20px 15px;
}
#hard-terms #termsContent h2
{
	display: none;
}
#hard-terms a.printCgu{
	float: right;
}




#box-demographics{
	margin: 0 auto;
	width: 530px;
}
#box-demographics select, #hard-demographics select{
	width: 255px;
}
#box-demographics .field, #hard-demographics .field{
	width: 335px;
}




#hard-newsletterSample .hn-boxTitle br{ display: none; }
#hard-newsletterSample .hn-boxContent{ padding-bottom: 6px; }
#hard-newsletterSample iframe
{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 0 none;
	height: 465px;
	width: 745px;
	margin: -8px -10px -3px -8px;
}

.hn-boxContent {
	font-family: "Cerapro-light";
	font-size: 15px;
}



#stepsMenu{
  margin-top: 56px;
  background: url('../img/layout/games/line.png') bottom center no-repeat;
  padding: 0px 0px 1px 8px;
  font-size: 11pt;
	text-align: center;
	padding-bottom: 2px\9;
}
#stepsMenu .step
{
  display: inline-block;
  *display: inline;
  *zoom: 1; *display: inline; zoom: 1;
  width: 183px;
  height: 30px;
  background: url('../img/layout/icons/membershipSettings.png') top center no-repeat;
  text-align: center;
  margin: 0px;
	margin-left: -8px;
  padding-top: 27px;
  cursor: default;
}
#stepsMenu a{ text-decoration: none; }
#stepsMenu .step.selected{
  color: #FF0046;
  background-position: center -114px;
}
#stepsMenu .step.navigable:hover{
  background-position: center -57px;
  color: #FF0046;
  cursor: pointer;
}




.countdown{
	font-variant: small-caps;
	font-size: 37px;
	color: #FF0046;
	text-align: center;
	margin-left: -5px;
}

.countdown .counter{
	display: inline-block;
	*display: inline;
	*zoom: 1; *display: inline; zoom: 1;
}



.Zebra_DatePicker{
	background: #C2C2C2 !important;
	border-color: #C2C2C2 !important;
}



.Zebra_DatePicker .dp_header td{
	background: #C2C2C2 !important;
	color: #FF0046 !important;
}



.Zebra_DatePicker td.dp_hover{
	background: #FF0046 !important;
	color: white !important;
}
/*# sourceMappingURL=_maps/sbt_main.css.map */
