@font-face {
    font-family: ChampagneLimousines;
    src: url(../font/ChampagneLimousines.ttf);
    font-weight:400;
	letter-spacing:5px;
}
@font-face {
    font-family: ChampagneLimousinesBold;
    src: url(../font/ChampagneLimousinesBold.ttf);
    font-weight:bold;
}
@font-face {
    font-family: OswaldBold;
    src: url(../font/OswaldBold.ttf);
    font-weight:400;
	letter-spacing:5px;
}
@font-face {
    font-family: OswaldLight;
    src: url(../font/OswaldLight.ttf);
    font-weight:bold;
}
@font-face {
    font-family: OswaldRagular;
    src: url(../font/OswaldRegular.ttf);
    font-weight:normal;
}
html{
	border-top:3px solid #10b3f0;
}
body {
	height: 100%;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
}
input[type="text"],input[type="password"]{
	border:1px solid #aeaeae;
	padding:2px;
	height:22px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	color:#333333;	
}
.new-select{
	width:200px;
	padding:3px;
}
/*------------------------- Start of General Style ---------------------------*/
.width50pfl{ width:50%;float:left;}
.width40pfl{ width:40%;float:left;}
.width30pfl{ width:30%;float:left;}
.width20pfl{ width:20%;float:left;}	
.width25pfl{ width:25%;float:left;}	
.width140{width:140px;}
.width500{width:500px;}
.marginT2{margin-top:2px;}
.marginL55{margin-left:55px;}
.marginL20{margin-left:20px;}
.marginTB10{margin:10px 0;}
.marginB10{margin-bottom:10px;}
.pad3{padding:3px;}
.floatL{float:left;}
.floatR{float:right;}
#dialog-cont{display:none;}
.delete {background:url(../images/delete_24x24.png) no-repeat;height: 16px;width: 16px;display: inline-block;background-size: contain;text-decoration:none;}
.delete2 {background:url(../images/delete-2-24x24.png) no-repeat;height: 12px;width: 12px;display: inline-block;background-size: contain;text-decoration:none;}

/*------------------------- End of General Style ---------------------------*/
@media all and (min-width: 1000px) {
  /* For portrait layouts only */
  .main-container {
	width: 960px;
	margin:0 auto;
}
.main-holder{
	min-height:650px;
}
.footer-container{
	height:16px;
	background-color:#10b3f0;
	color:#FFFFFF;
	padding: 10px 0;
	border-width: 1px 0;
	border-style: solid;
	border-color: #cfcfcf;	
	font-size:13px;
	bottom:0;
	width:100%;
}
.footer-cont-center{
	width:960px;
	margin:0 auto;	
}
}
@media all and (max-width: 800px) {
  /* For portrait layouts only */
  .main-container {
	width: 755px;
	margin:0 auto;
}
.footer-container{
	height:14px;
	background-color:#10b3f0;
	color:#FFFFFF;
	padding: 10px 0;
	border-width: 1px 0;
	border-style: solid;
	border-color: #cfcfcf;	
	font-size:11px;
}
.footer-cont-center{
	width:755px;
	margin:0 auto;	
}
}
.main-holder {
	min-height:600px;
	padding:3px;
	/*margin-top:20px;*/
}
textarea{font-family:Arial, Helvetica, sans-serif;font-size:12px; resize:none;}
.non-editable{border: 1px solid #aeaeae;padding: 3px;border-radius:3px;background-color:#F5F5F5;}
.logo_img{width:203px;height:71px;}
.header-cont{
	/*height:94px;*/
	margin-bottom:10px;
}
.header-left{
	width:30%;
	float:left;	
}
.header-right{
	width:70%;
	float:right;
}
.site-logo{
	/*width:185px;	*/
}
.login-cont{
	float:right;
	color: #333333;
	margin-top:20px;
}
.login-cont .tooltip{
	width:140%;
	right:0;
	text-align:left;
	line-height:1.4em;
}
.login-cont .tooltip img{
	max-width: 30px;
	max-height:30px;
}
.forgot-pass{float: right;margin-top:5px;}
.login-cont a,.login-cont label{color:#5ec4f3;}
.login-cont input{width:130px;border:0px !important;background-color:#f1f2f2;}
.login-cont .spacer{padding:0 10px;}
.login-container {width:300px;margin:50px auto;}
.login-container>div{width:50%;float:left;padding:10px;}
.login-container>div:first-child{border-right:1px solid #818181;}
.login-container div {margin-bottom:10px;}
.login-container div label{width:50%;}
.footer-cont-center .footer-left{
	float:left;
	line-height:12px;
}
.footer-left ul{
	padding:0;
	margin:0;	
}
.footer-left ul li{
	padding:0 5px;
	border-right:1px solid #FFFFFF;
	list-style-type:none;
	float:left;	
}
.footer-left ul li:last-child{
	border-right:none;
}
.footer-cont-center .footer-right{
	float:right;	
}
.footer-container a {	
	color:#FFFFFF;
}
a:link {
	text-decoration:none;
	/*color: #7a7a7a;*/
}
a:visited {
	text-decoration:none;
	/*color: #7a7a7a;*/
}
a:hover,a:focus {
	text-decoration:underline;
	/*color: #7a7a7a;*/
}
a:active {
	text-decoration:none;
	color: #7a7a7a;
}
form {
	margin: 0, 0, 0, 0;
}
.partnerbox {
	height: 10px;
	font-size: 9px;
}
.goalboxes {
	margin-top: 1px;
	/*margin-left: 8px;*/
	margin-bottom: 5px;
	
	color: #7a7a7a;
	font-size: 11px;
}
q
{
	quotes: "\"" "\"" "'" "\'";
}
.goalboxes input[type="text"]{
	width:98.5%;	
}
.goalboxes textarea{
	width:98.5%;resize:none;	
}
.goalboxes select{
	padding: 5px;
	
}
.goalstuff {
	color: #0cadf2;
	font-size: 13px;
	font-weight: bold;
	height: 26px;
	background-color: #EDEDED;
	/*text-align: center;*/
	padding: 2px;
	border: 1px solid #dfdfdf;
	/*border-radius: 3px;*/
}
.newin {
	
	color: #7a7a7a;
	font-size: 12px;
}
.reviewin {
	color: #504f4f;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 8px;
	margin-bottom: 10px;
}
.reviewin>div{ position:relative;}
#add-element {
	cursor: pointer;
}
#here {
	color: #504f4f;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 8px;
	margin-bottom: 10px;
}
.step-row {margin-bottom:5px;}
#here input{width:83%}
/*
.goalinnersteps {
    margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 5px;
}
*/
#usercheck {
	display: none;
}
.textc {
	
	color: #545454;
	font-size: 12px;
}
#coach-content {
	float:left;
	clear:both;
}
#coach-content #bluebox {
	float:right;
	background:url("../images/bluebox.jpg") no-repeat;
	width:364px;
	height:84px;
	padding:10px 0px 0px 15px;
	color:white;
	font-size:14px;
}
.coach-info {
	width:100%;
	float:left;
	padding-bottom:15px;
	padding-top:35px;
	border-bottom:2px solid #06a6cb;
}
.coach-text {
	float: left;
	color: #636363;
	font-size: 14px;
	width: 85%;
	text-align: justify;
	line-height: 22px;
}
.coach-image {
	float:right;
	padding-top:65px;
}
.coach-image img{
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px
}
.coach-name {
	font-size:24px;
	float:left;
	width:100%;
	clear:both;
	line-height:24px;
	color:#5ec4f3;
}
.coach-title {
	font-size:15px;
	float:left;
	width:100%;
	clear:both;
	line-height:17px;
	color:#a8a8a8;
}
.coach-email {
	font-size:15px;
	float:left;
	width:100%;
	clear:both;
	line-height:17px;
	padding-bottom:10px;
}
.coach-email a {
	color:#06a6cb;
	text-decoration:none;
}
#partnership-program-link {
	float:left;
	width:100%;
	clear:both;
	font-size:16px;
	color:#828282;
	padding-bottom:55px;
}
#partnership-program-link a {
	color:#2e98af;
	text-decoration:none;
}
/* Added on sept.5th.2010 by Boris B. */
/* Global style */
.clear {
	clear: both !important;
	height:0 !important;
	line-height:0 !important;
	background:none !important;
	border:none !important;
	outline:none !important;
}
.clear-float {
	clear:both;
}
/* Registration Form */
#regform1 {
	
}
#regform input.txt {
	padding:2px;
	width:250px;
}
#regform1 select{
	padding:2px;
	width:250px;
	}
#regform {
	width:450px;
}
#regform fieldset div {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	margin-bottom:7px;
}
#regform p {
	
}
#regform div label {
	float: left;
	width: 150px;
}
#regform fieldset {
	border: 1px solid #C3C2C2;
	margin: 0 0 25px 0;
	border-radius: 10px;
	padding:20px;
}
#regform legend {
	font-weight: bold;
	color: #00AEEF;
}
#regwrap {
	width: 100%;
}
.social-signup-container {
	border-top: 1px solid #C0C0C0;
	position:relative;
	text-align:center;
	padding-top:20px !important;
}
.social-signup-container span{
	position: absolute;
    display: inline;
    top: -9px;
    left: calc(50% - 18px);
    background-color: #ffffff;
    color: #969696;
    font-size: 16px;
    padding: 0 20px;
}
/* Backend Membership table */
#membertable {
	border-collapse:collapse;
	border: 1px solid #ededed;
}
#membertable th, #membertable td {
	padding: 3px 3px;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
}
#membertable th {
	background-color: #ededed;
	cursor:pointer;
}
#membertable tr:hover {
	background-color: #DDDDDD;
}
#membertable td {
	color: #504F4F;
}
a.add_step {
	background-image: url(../images/add_step2.png);
	background-repeat:no-repeat;
	text-indent:-9999px !important;
	display:block;
	height:20px;
	width:98px;
	outline: medium none;
	background-position:50% 50%;
}
a.add_step:hover {
	background-image: url(../images/add_step1.png);
	background-repeat:no-repeat;
	text-indent:-9999px !important;
	display:block;
	height:20px;
	width:98px;
	outline: medium none;
	background-position:50% 50%;
}
/* Goals history navigation. */
#goals-shistory {
	float: right;
	width: 200px;
	color: gray;
	/*margin-top: -15px;*/
   padding: 2px 7px;
	/*margin-right: 46px;*/
   background-color: white;
	-webkit-border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	border: 1px solid #CCC;
	position:absolute;
	bottom: -12px;
	left: 24%;
}
#goals-shistory .goprev {
	color: gray;
	display: block;
	float: left;
	font-size: 14px;
	padding-top: 5px;
	text-decoration: none;
	border-right: 1px solid #CCC;
	padding-right: 7px;
	-webkit-border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	width: 17px;
	height: 20px;
}
#goals-shistory .gonext {
	color: gray;
	display: block;
	float: left;
	font-size: 14px;
	padding-top: 5px;
	text-decoration: none;
	border-left: 1px solid #CCC;
	padding-left: 7px;
	-webkit-border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	width: 17px;
	height: 20px;
}
#goals-shistory #datePointer {
	border:0 none;
	color:gray;
	cursor:pointer;
	font-size:14px;
	text-align:center;
	width:135px;
}
#ui-datepicker-div {
	z-index: 9999 !important;
}
/* Goal Review Page */
.stepstitle {
	border-bottom: 1px solid #EEE;/*padding: 0 0 3px 0;
   margin: 0 0 3px 0;*/
}
.stepstitle h4 {
	
	color: #05A5CA;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin: 0;/*width:440px*/
}
.stepstitle .forperiod {
	float: right;
	color: #CCC;
	font-weight: normal;
	font-size: 10px;
	text-align: right;
	width: 200px;
}
td.goalStep {
	padding:1px;
}

td.goalStep .goalinnersteps {
	position: relative;
	z-index:2;
}
td.goalStep:hover {
	background:#f3f3f3;
	-webkit-box-shadow: inset 0 0 7px #ccc;
	-moz-box-shadow: inset 0 0 7px #ccc;
	box-shadow: inset 0 0 7px #ccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:0;
	border: 1px solid #bebebe;
	overflow: hidden;
}
td.goalStep input[type="checkbox"] {
	display:block;
	float:left;
	margin-top: 8px;
	width:20px;
}
td.goalStep input[type="checkbox"], td.goalStep label {
	cursor:pointer;
}
td.goalStep label {
	color: #000;
	display: block;
	float: left;
	text-shadow: 1px 1px 0px #fff;
	font-size: 12px;
	
	padding: 7px 0;
	width: 615px;
}
td.goalStep label.done {
	color: #999;
}
td.goalStep:hover label.done {
	color: #777;
}
td.goalStep label.done span.completedon {
	color: #fff;
	display:none;
	z-index:1;
}
td.goalStep:hover label.done span.completedon {
	color: #AAA;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	padding: 8px 7px 8px 6px;
	background-color: #f3f3f3;
	border-left: 1px solid #bebebe;
	-webkit-box-shadow: -8px 0px 20px -7px #ccc;
	-moz-box-shadow: -8px 0px 20px -7px #ccc;
	box-shadow: -8px 0px 20px -7px #ccc;
	-webkit-border-radius:15px 7px 7px 15px;
	-moz-border-radius:15px 7px 7px 15px;
	border-radius:15px 7px 7px 15px;
	z-index:3;
}
td .goalinactive {
	color:#aaa;
	border-bottom: 1px solid #eee;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 5px 0;
	padding-bottom: 7px;
	text-align:center;
	text-transform: uppercase;
}
.review-goal-form table{background-color:#F9F9F9;border:1px solid #F0F0F0;border-radius:3px;}
/*----------------- style added on 29/07/2012 -----------------------*/
#summary_container{height:85px;background-color:#fff;}
#review-point-cont {
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #CCCCCC;
	float: right;
	margin-top: 25px;
	padding: 10px 10px 22px 10px;
	width: 400px;
	position:relative;
	height:100px;	
}
.small {
	font-size:11px;
	color:#747374;
}
.font10{
	font-size:10px;	
}
.detail-cont {
	margin:10px 0;
	background-color:#FBFBFB;
	padding:5px;
	border:1px solid #E7E7E7;
	display:none;
}
.no-record {
	width:100%;
	padding:3px 0;
	text-align:center;
	font-weight:bold;
}
#reminder_container{display:none;}
/*----------------- Style for status update page -------------------------*/
.textbox{ border:1px solid #cfcfcf;}
.cont-left {
	float: left;
	width: 28%;
	padding: 2px;
	background-color: #F8F8F8;
	box-sizing: border-box;
}
.cont-right {
	float:left;
	width:71.5%;	
}
.friend-wall-top{
	background-color:#F8F8F8;	
	padding: 2px;
	border-radius: 2px;
}
.friend-wall-top .cont-right span {
	width: 50%;
	display: block;
	float: left;
	padding-bottom: 3px;		
}
textarea {
	border:1px solid #cfcfcf;
	resize:none;
}
.new-status {
	padding:5px;background-color: #F8F8F8;
}
.new-status textarea {
	float:left;
	margin-right:10px;
	width:91%;
}
.new-status .btn {
	float:left;
}
#all-status {
	padding:5px;
}
ul#all-status li.status_item {
	border-bottom: 1px solid #ddf2fb;
	padding:10px 0;
	position: relative;
	list-style-type:none;
}
ul#all-status li.status_item:last-child {
	border-bottom:none;
}
ul#all-status li.status_item div.hide_button {
	position: absolute;
	top: 10px;
	right: 0;
}
ul#all-status li.status_item a.hide_link {
	padding: 3px;
	margin-right: 1px;
}
ul#all-status li.status_item a.hide_link_on {
	background-color: #e9f8fe;
	border: 1px solid #cae6f2;
	margin-right: 0;
}
ul#all-status li.status_item a.hide_link_on:hover {
	color: #0f73ab !important;
}
ul#all-status li.deleting {
	background-color: #e9f8fe;
}
ul#all-status li#show_more {
	text-align: center;
	margin-top: 15px;
}
ul#all-status li#show_more div#loading_more_statuses {
	font-size: 14px;
	font-weight: bold;
	color: #1b6188;
}
ul#all-status div.author_photo {
	float: left;
	margin-right: 10px;
	width:60px;
	text-align:center;
}
ul#all-status div.author_photo span.imgcap{
	font-size:11px;font-weight:normal;	
}
.author_photo img{
	padding: 2px;border:1px solid #68D0E7;	
}
ul#all-status div.status {
	float: left;
	width: 88%;
	margin-left: 10px;
	font-size: 13px;
}
ul#all-status div.status a.user3 {
	font-weight: bold;
	margin-right:7px;
	color:#333;
}
ul#all-status div.status_info {
	font-size: 11px;
	color: #777;
}
ul#all-status ul.status_comments {
	margin-top: 5px;
	margin-bottom: 0;
	padding-left:0;
}
ul#all-status ul.status_comments li {
	margin-bottom: 2px;
	background-color: #F4F4F4;
	padding: 5px 0 4px 5px;
	overflow: hidden;
	/*width: 480px;*/
	font-size: 11px;
	list-style-type:none;
}
ul#all-status ul.status_comments li.comment_parent{ height:80px;}
ul#all-status ul.status_comments textarea{ width:97.5%;height:57px;}
ul#all-status ul.status_comments div.comment_photo {
	float: left;
	margin-right: 6px;
}
ul#all-status ul.status_comments div.comment_body {
	padding-bottom:2px;
}
ul#all-status ul.status_comments textarea.textarea {
	/*width: 315px;*/
	height: 45px;
	margin-bottom:5px;
	color: #222;
	margin: 0;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
ul#all-status ul.status_comments textarea.shrunk {
	width: 468px;
	height: 20px;
	color: #777;
	border:1px solid #C4C4C4;
	resize:none;
}
ul#all-status ul.status_comments div.comment_submit {
	float: right;
	margin-right: 8px;
	padding: 2px;
}
ul#all-status ul.status_comments div.comment_submit input.button {
	padding: 3px 10px 2px;
}
ul#all-status ul.status_comments div.comment_info {
	color: #777;margin-top:7px;
}
ul#all-status ul.status_comments div.comment_info a:hover {
	text-decoration:underline;
}
ul#all-status ul.status_comments a.view_all_comments {
	display: block;
	padding: 0 0 0 20px;
	background: url(/images/sprite.v6.gif) no-repeat;
	background-position:left -1083px;
}
ul#all-status img.comment_loading {
	margin-bottom: -3px;
}
ul#all-status ul.recent_activity_list {
	margin-bottom: 0;
}
ul#all-status ul.recent_activity_list li.recent_activity {
	margin-left: 64px;
	font-size: 10px;
	position: relative;
}
ul#all-status ul.recent_activity_list li.recent_activity div.hide_button {
	top: 0;
}
ul#all-status ul.recent_activity_list div.recent_activity_title {
	text-transform: uppercase;
	color: #999;
	padding-bottom:3px;
}
ul#all-status ul.recent_activity_list div.status {
	margin-left: 0;
	font-size: 11px;
}
ul#all-status ul.recent_activity_list div.recent_activity_body {
	margin-left: 20px;
	text-indent: -20px;
}
.btn-new{
border:1px solid #15aeec; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 5px 10px 5px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #49c0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#49c0f0), to(#2CAFE3));
 background-image: -webkit-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -moz-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -ms-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: -o-linear-gradient(top, #49c0f0, #2CAFE3);
 background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#49c0f0, endColorstr=#2CAFE3);
 cursor:pointer;
}

.btn-new:hover{
 border:1px solid #1090c3;
 background-color: #1ab0ec; background-image: -webkit-gradient(linear, left top, left bottom, from(#1ab0ec), to(#1a92c2));
 background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -moz-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -ms-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -o-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1ab0ec, endColorstr=#1a92c2);
}
.btn-new:disabled
{
border:1px solid #bdeffc;
background:#91c7e4;
}

.status-time{width:85%;float:left;}
.status_info{margin-top:5px;}
.remove_button{ width:12%;float:right;}
.remove_button a{ font-size:12px;color:#0A659C;}
.remove_button a:hover{ text-decoration:underline;}
.my-stat-cont{background-color:#F8F8F8;width:99%;padding:3px;display:none;}
#main-prof-pic{padding-top:10px;}
#main-prof-pic .main-prof-pic-cont{position:relative;width:140px;margin:auto;}
#main-prof-pic img{text-align: center;margin: auto;padding: 4px;border: 2px solid #ABABAB;width: 140px;display: block;}
#main-prof-pic .main-prof-pic-cng{padding: 5px;
background: #666666;
color: #ffffff;
font-weight: bold;
text-align: center;
cursor: pointer;
position: absolute;
left: 0;
bottom: 0;
background: url(../images/trans.png) repeat;width:101.5%}
.left-panel ul{ padding:5px 8px;}
.left-panel ul li:first-child{border-top: none;}
.left-panel>ul>li{ padding: 6px 0;border-bottom: 1px solid #EFEFEF;font-size: 12px;color: #333333;list-style-type: none;cursor: pointer;border-top: 1px solid #FFF;}
.cont-right #frnd-chang-goal-cont{color: #504f4f;margin:5px 0 10px;;height:105px;}
#friend-list{border-bottom:none;}
#friend-list h4{font-size: 18px;margin: 10px 0 5px;}
#friend-list h4 span{
	font-size: 14px;
	font-weight: normal;
	vertical-align: top;
	padding-top: 2px;
	display: inline-table;
}
#friend-list ul{padding:2px;margin-top:5px;}
#friend-list li{list-style-type: none;height: 30px;font-size: 13px;}
#friend-list li div{ float:left;line-height:25px;}
#friend-list li div.frndname{width:70%;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;color:#10b3f0}
#friend-list li div.frndimg{ float:left;width:25px;margin-right:5px}
#friend-list li div.frndimg img{border:1px solid #cccccc;}
#friend-list li div.remove{display:none;background: url("../images/delete_frd.png") no-repeat;height:10px;width:15px;margin-top:6px;float:right;}
#goal_status_stat{ padding:15px;}
#goal_status_stat h3{ padding:10px 0;font-size:1em}
.public-goal-cont{margin:10px 0 5px 0;font-size: 0.9em;}
.public-goal-cont div{ margin-bottom:2px;color:#05A5CA;}
.public-goal-cont div b{color:#444444;}
.my-stat-cont .total-point{ font-weight: bold;font-size: 16px;line-height: 24px;float: right;color: #777;font-family:Arial, Helvetica, sans-serif;margin-top:3px;}
.my-stat-cont .goalstuff{ float:left;font-size:16px;font-family:Arial, Helvetica, sans-serif;margin-top:3px;padding-left:7px;background-color:#F8F8F8;}
.progressbar_feed { margin: 8px 0; height:1.2em !important;width:80%;float:left;}
.my-stat-cont .comp-precentile{float:left;width:17%;padding-top: 5px;margin-left: 10px;}
.friend-wall .public-goal-cont{ font-size:11px;}
.friend-status-text{width:85% !important;height:50px !important;}
/*---------------Style for alert box---------------------*/
.alert-box{ font-size:13px !important;border:10px solid #717171;}
.alert-box .ui-corner-top{ border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
.alert-box textarea{ width:380px;height:140px;}
.alert-box ul#all-status ul.status_comments li.comment_parent{ position:relative;z-index:9999;height:90px;}
.alert-box ul#all-status ul.status_comments textarea{height:60px !important;}
.alert-box ul#all-status ul.status_comments .btn-new{ position:absolute;}
.alert-box ul#all-status div.status{ width:417px;}

.heding-font{font-family: 'Chivo', sans-serif;}

.loader{ background:url(../images/ajax-loader.gif) no-repeat center;height:50px;background-color:transparent;}
.cap{ text-transform:capitalize;}
.success_msg{width: 98%;
padding: 5px;
background-color: #C1FFC1;
color: #006F00;
text-align: center;
font-weight: normal;
border: 1px solid #006F00;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 12px;}
#srch_friend_cont{border:1px solid #cfcfcf; margin:10px 0;display:none;}
.friend-cont{float: left;text-transform:capitalize;
width: 130px;
height: 70px;
margin: 2px;
background-color: #EFEFEF;
font-size: 11px;}
.friend-cont img{float: left;margin-right: 5px;}
.friend-cont .checkbox{border:1px solid #cfcfcf;position: absolute;z-index: 9999;margin-left: 55px;}
#account-message {background-color: #FFFBD8;
    border: 1px solid #FCE307;
    border-radius: 3px 3px 3px 3px;
    color: #E29C04;
    font-size: 14px;
    font-weight: bold;
    margin: 3px;
    padding: 15px 5px;
    text-align: center;}
.account-message-norm {
	background-color: #fefcea;
	border: 1px solid #e8bf65;
	border-radius: 3px 3px 3px 3px;
	color: #eaaa1e;
	font-size: 110%;
	font-weight: normal;
	margin: 3px;
	padding: 5px 5px;
	text-align: center;
}

.menu-nav{height:117px;}
.menu-nav span{background:url("../images/menu-background.png") no-repeat; background-position:top left;width:92px;height:117px;display:inline-block;position:relative;text-align:center;overflow:hidden;}
.menu-nav span.first{background:url("../images/menu-background-first.png") no-repeat; background-position:0px 0px;width: 70px;}
.menu-nav span:hover{ background-position:-86px 0px;cursor:pointer;}
.menu-nav span.first:hover{ background-position:-100px 0px;}
.menu-nav span.selected{ background-position:-86px 0px;cursor:pointer;}
.menu-nav span:first-child.selected{ background-position:-100px 0px;}

.menu-nav span:hover a p{color:#FFFFFF;font-weight:normal;}
.menu-nav span.selected a p{color:#FFFFFF;font-weight:normal;}
.menu-nav span.last{background:url("../images/menu-background-last.png") no-repeat; background-position:0 0;}
.menu-nav span.last:hover{ background-position:-97px 0px;}
.menu-nav span:last-child.selected{ background-position:-97px 0px;}
.menu-nav span a{ font-size:14px;font-family: Arial;font-weight: bold;color:#707070;}
.menu-nav span a p{font-weight:normal;font-family:"Times New Roman", Times, serif;}
.menu-nav span.first p{ left:23px;}
.menu-nav span.last p{ left:38px;}
.menu-nav span p{ position:absolute;top: 32px;left: 40px;font-size: 28px;color:#62C5DB;}
.error{ color:#F00;padding:3px 0;}
.error-new{color: #a94442;background-color: #f2dede;border-color: #ebccd1;padding:10px 20px;}
.success{color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;padding:10px 20px;}
.friend-request{padding:0;}
.friend-request li{ line-height:25px;list-style-type:none;}
.friend-request li span{width:230px;display: block;}
.friend-request li a{ padding:3px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-decoration:none;color:#FFF;font-weight:normal;}
#show-more-btn{width:90px;padding:5px;text-align:center;background-color:#10b3f0;color:#000000;border:0;border-radius:0 0 7px 7px;position:relative;left:45%}
/*------------------------- Style for challenge goal section ---------------------------*/

.arrow-up {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #333;display:inline-block}
.arrow-down {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #333;display:inline-block}
.arrow-right {width: 0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #333;display:inline-block}
.arrow-left {width: 0;height: 0;border-top: 5px solid transparent;	border-bottom: 5px solid transparent; 	border-right:5px solid #333;display:inline-block}
/*--------------------------------------------------------------------------------------*/
.fusia{color:#f235f2;margin-left:3px;}
/*input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] {
background-color: #FAFAFA;
border: 1px solid #cfcfcf;
padding: 2px 6px;cursor:pointer;
}*/
.font-bold{font-weight:bold !important;}
.pad0{padding:0 !important;}
.font12{font-size:12px;}
.txtal{ text-align:left;}
a.dChallenge30{
 		color: #ffffff;
		background: #20c3fb;
		padding: 7px 10px;
		font-size: 10px;
		text-transform: uppercase;
        border: 1px solid #00AEC9;
		font-weight: bold;
		margin:0 0 5px 3px;
		display: inline-block;
		float: right;
		text-align:center;
		width:125px;
}
.listtable{
	width:100%;
	border:1px solid #696969;font-size:12px;	
}
.listtable caption{
	text-align: left;
	padding: 10px 0;
	font-weight: bold;
}
.listtable thead th{background:#afe5f7;text-align:left;}
.listtable tr td:nth-child(odd){ background:#EAEAEA;}
.listtable tr td:nth-child(even){ background:#FFFFFF;}
.listtable tr td{border-bottom:1px solid #D6D6D6;text-align:left;}
.step_circle {background:url(../images/step_point_bg.png) no-repeat;width:54px;height:57px;position:relative;float:left;}
.step_circle span {position: absolute;color: #FFF;font-size: 20px;font-weight: bold;top: 14px;left: 8px;text-align:center;display:block;width:37px;}
.point_txt {background: #04CAF2;float: left;margin: 16px -5px 0 0;font-size: 12px;font-weight: bold;padding: 5px;color: #333;border-radius: 6px 0 0 6px;}
.noticecontainer {
    background-color: #FFFBD8;
    border: 1px solid #F9B520;
    border-radius: 3px 3px 3px 3px;
    color: #E29C04;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 10px 5px;
    text-align: center;
}
.noticecontainer select{border:1px solid #F9B520;}
.noticecontainer select,.noticecontainer select option{background-color: #FFFBD8;color: #E29C04;}
/* Start style for index.php */
.home-banner-cont{width:100%;float:left;margin-bottom:30px;position:relative;}
#home-know-more{position: absolute;bottom: 220px;left: 37px;text-decoration:none;padding:5px 17px;border:0;}
#home-banner-play{background:url(../images/home-banner-play.png) no-repeat;height:50px;width:48px;position: absolute;bottom: 150px;left: 37px;text-decoration:none;}
.home-banner-cont .challenge-notice{
	font-size: 240%;
	font-family:"ChampagneLimousines",calibri;
	text-align: center;
	color: #FFFFFF;
	background-color: #0a64b0;
	padding: 10px 0;
	position: absolute;
	width: 100%;
	bottom: 36px;	
}
.bxslider li:not(:first-child){
	display:none;
}
#html5-watermark{display:none !important;}
/* End style for index.php */
.containerbg{
	background-color:#E9E9E9;
	padding:10px;
	border-radius:10px;
	/*-webkit-box-shadow: 0 0 10px 7px #eee;
    -moz-box-shadow: 0 0 10px 7px #eee;
    box-shadow: 0 0 10px 7px #eee;*/
	margin:12px 12px 0 0;
}
h1.blueheader,h2.blueheader{
	color: #00bcfd;
	font-size: 22px;
	font-family: 'OswaldLight', sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 15px 0px;
}
.containerbg .label{font-family: 'OswaldLight', sans-serif;color:#00bcfd;font-size: 14px;}
.containerbg input[type="text"]{width:200px}
.containerbg select{}
.custom{
	background: #FBFBFB;
	border: 1px solid #F9B520;
	border-radius: 3px 3px 3px 3px;
	padding:10px;
}
.custom blockquote {  	
	quotes: "\201C""\201D""\2018""\2019";
	line-height: 24px;
	font-size: 13px;
	color: #555;display:inline;
	margin: 20px 10px;
	padding: 10px 10px;
}
.custom blockquote:before {
  color: #999;
  content: open-quote;
  font-size: 2em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.custom blockquote:after {
  color: #999;
  content: close-quote;
  font-size: 2em;
  line-height: 0.1em;
  margin-left: 0.25em;
  vertical-align: -0.4em;
}
.custom blockquote p {
  display: inline;
}
.teamText{
  background-color: #efefef;
  padding: 4px 8px;
  border: 1px solid #bfbfbf;
  color: #333;
  border-radius: 3px;
}
.teamText span{
  font-weight: bold;	
}
.mem-profile-block{
	border: 1px solid #cfcfcf;
	padding: 20px;
	border-radius: 0px;
	margin-bottom:10px;	
}
.tblUserinfo td{
	height:20px;
}
.mem-profile-block legend{
	background-color: #20c3fb;
	color: #FFFFFF;
	padding: 10px;
	font-size: 15px;
	margin-left: 10px;
}
fieldset.roundgrey {
	border: 1px solid #aeaeae;
	border-radius: 0px;
	padding: 10px;
	display: inline;	
}
#team_detail_cont {
	margin-top: 20px;
	background: #efefef;
	border-radius: 0px;
	padding: 5px 2px 25px;
	display:none;
	border: 1px solid #cfcfcf;	
}
.tooltip_init{
	position:relative;
	cursor:pointer;	
	line-height:1.2em;
}
.tooltip{
	position:absolute;
	z-index:10;
	border:1px solid #cfcfcf;
	background:#FFFFFF;
	padding:10px;
	display:none;
	moz-box-shadow: 0 2px 10px rgba(0,0,0,.2);
	webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);	
}
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:60px; margin-left:-160px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; 
    border:2px solid #FFF;  color:#EEE;
    background:#333 url(cssttp/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #666;
    /*opacity: 0.8;*/
}
#otherspoints{border-collapse:collapse;font-size:12px;}
#otherspoints th,#otherspoints td{border:1px solid #cfcfcf;padding:5px;text-align:left;}
.pointsprivate {
	background: url(../images/lock-unlock.png);
	width: 15px;
	height: 28px;
	margin: 18px 0 0 5px;
	float: left;
	cursor: pointer;
}
.pointspublic {
	background: url(../images/lock-unlock.png);
	width: 21px;
	height: 27px;
	float: left;
	margin: 16px 0 0 5px;
	background-position: 21px 0px;
	cursor: pointer;
}

/*--------------------------------------Friend Goal-----------------------------------*/
#frnd-left-panel{width:22%;float:left;background-color:#F6F6F6}/*#e2f4fa*/
#frnd-right-panel{width:78%;float:left;}
#all_friends{height:300px;}
#all-friend-goal .friend-goal-item{
	position: relative;
	background: #FBFBFB;
	/*border-radius: 5px;*/
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #cdcdcd;
}
#all-friend-goal .own_friend_goal{background: #ffffff;}/*e2f4fa*/
#all-friend-goal .friend-goal-item .friend-goal-left{
	width:13%;float:left;bottom:5px;	
}
#all-friend-goal .friend-goal-item .friend-goal-right{
	width:87%;float:left;line-height:16px;
}
#all-friend-goal .friend-goal-item .hide_goal{
	position: absolute;
    right: 11px;
}
.friend-goal-right .frd-goal-stat{
	color: #20C3FB;
}
#all-friend-goal ul.status_comments{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#all-friend-goal ul.status_comments li{
	margin-bottom: 2px;
	background-color: #F4F4F4;
	padding: 5px 0 4px 5px;
	overflow: hidden;
	font-size: 11px;
	list-style-type: none;	
}
#all-friend-goal a.user3 {
	font-weight: bold;
	margin-right: 7px;
	text-transform:capitalize;
}
#all-friend-goal ul.status_comments textarea{
	width:98%;
}
#all-friend-goal ul.status_comments div.comment_photo {
	float: left;
	margin-right: 6px;
}
#all-friend-goal ul.status_comments div.comment_body {
	padding-bottom:2px;
}
#all-friend-goal .comment_info ul{padding:0;}
#all-friend-goal .comment_info ul li{list-style-type:none;font-size:11px;padding-left:5px;margin:0;display:inline;}
#all-friend-goal .comment_info ul li.comment_info{margin-top:3px;}
.steps-cont {
	margin:10px 0;
	background-color:#FBFBFB;
	padding:5px;
	border:1px solid #E7E7E7;
	display:none;
}
.steps-cont ol{padding:0 20px;}
.frnd-goals-shistory{height: 32px;border-left: 0;background-color:#F6F6F6;color:#333333;}
.frnd-goals-shistory div{float:left;}
.frnd-goals-shistory div.firsttxt{width:20%;line-height:30px;}
.frnd-goals-shistory div#goals-shistory{position:static;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.step_complete{
	list-style-image: url(../images/check_box_checked.png);	
	vertical-align:top;
}
.step_incomplete{
	list-style-image: url(../images/check_no.png);
	vertical-align:top;
}
/*---------------- Start Style for join page -------------------*/
.join-container{padding:25px;background-color:#F6F6F6;border-radius:10px;position:relative;min-height:650px;margin:15px 0;font-family: 'OswaldLight', sans-serif;font-size:14px;}
.join-container-left{width:68%;float:left;}
.join-container-right{width:32%;float:right;}
.join-container-right img{position:absolute;top:0;}
.join-container ul {padding:0;}
.join-container ul li{list-style-type: none;  padding: 5px 0;  margin-bottom: 15px;  border-bottom: 1px solid #cfcfcf;  padding-bottom: 10px;}
.join-head{font-size:22px;color:#0098BC;margin:0px;font-weight:normal;}
.join-subhead{font-size: 16px;
color: #0098BC;
font-weight: normal;
background-color: #0bb6ee;
color: #FFFFFF;
display: inline-block;
padding: 3px;margin: 0 0 15px;}
.join-desc{color:#626262;}
.join-desc p{margin:0 0 15px;}
.join-desc h3{font-family: 'OswaldBold', sans-serif;font-weight:normal;}
/*------------------ End Style for join page -------------------*/
/*---------------- Start Style for step3.php page -------------------*/
.classselect{background-color:#F3F3F3;margin-bottom:10px;border-radius:5px;}
.classselect-item tr>*{padding:5px;}
.classselect-item tr>th{font-weight:bold;text-align:left;color:#10b3f0;width:20%;}
/*---------------- End Style for step3.php page -------------------*/
/*------------------ Start style for completed.php --------------*/
.comp-goal-list {list-style-type:none;padding:0;margin:0;}
.comp-goal-list li{}
.comp-goal-list li div.comp-goal-cont{margin:10px 0 5px 0;background:#daf2fa;border-radius:5px;padding:5px;line-height:20px;}
/*------------------ End style for completed.php --------------*/
/*------------------ Start style for workplacechallenge.php --------------*/
.top-sec{background-color:#00aef0; text-align:center; padding:0;}
.top-sec h1{font:normal 36px/30px 'ChampagneLimousines', Arial, Helvetica, sans-serif; color:#fff; padding: 10px 0 2px 0;margin-top:10px;}
.top-sec h2{font:normal 30px/32px 'ChampagneLimousines', Arial, Helvetica, sans-serif; color:#fff; padding: 5px 0 10px 0;margin:0;}
/*------------------ End style for workplacechallenge.php --------------*/
/*-------------------coaches.php----------------------------------------*/
.select-container {
width: 376px;
border: 1px solid #CFCFCF;
padding: 10px;
float: left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color:#05A5CA;	
}
.page-heading{color:#5ec4f3;}
/*---------------- Style for journal page -----------------*/
.journal-cont tr td{border: 1px solid #cfcfcf;padding:5px;color: #504f4f;height:120px;width:120px;background-color:#e2f4fa;}
.journal-cont tr td.done{background:url(images/journaldone.gif) no-repeat;}
.journal-cont div.link-cont{font-size: 16px;margin-top: 85px;text-align:right;}
.journal-cont div a{color: #504f4f;font-size:14px;text-decoration:underline;}

#journal_container ul {padding:0;margin:0}
#journal_container ul li{padding: 10px 5px 20px 5px;list-style-type: none;background-color: #f0f0f0;border-radius: 5px;margin-bottom: 10px;border: 1px solid #cfcfcf;margin-bottom:10px}
#journal_container ul li div:nth-child(1){width:20%;float:left;display:block;font-weight:bold;}
#journal_container ul li div:nth-child(2){width:80%;float:left;display:block;text-align:justify;line-height:16px;}

/*---------------------------- review.php -----------------------------*/
.report-goal-cont{list-style-type:none;margin:0;padding:0}
.report-goal-cont ul li{padding-bottom:3px;}
.report-goal-cont ul input{margin-right:5px;}