body 
{
	font-family:Arial;
	font-size:10pt
}
.logo {
    background-position: 0 -209px; 
    width: 198px; 
    height: 65px; 
    text-align:center;
	margin: 13px 0px 0px 2px!important;
    display: block !important;
}
SPAN.img, A.img {background-image:url(/static/img/allTfd.png)}
SPAN.img, A.img {background-repeat:no-repeat;text-decoration:none;display:inline-block;margin:0;vertical-align:middle;font-size:0;letter-spacing:-1px;text-align:left;color:white}
SPAN.A {cursor:pointer}
FIELDSET {border: solid 1px #85A8C2;padding:15px;margin:15px 3px 15px 3px;}

.fcImg {
    background-image: url(/static/img/all.png);
    background-repeat: no-repeat;
    text-decoration: none;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    font-size: 0;
    letter-spacing: -1px;
    text-align: left;
    color: white;
    width: 32px;
    height: 32px;
}
h1 sup {
    font-size: x-small; 
    font-weight: normal; 
    text-decoration: underline;
}
.error_txt {
    color: Red;
}
.copyright {
    color: #004B85;
    font-size: smaller;
    margin-left: 5px;
    text-align: center;

}
input.h1 {
        color: #004B85;
        border: none;
        font-size: large;
        font-weight: bold;
}

h1
{
    color: #004B85;
}

h2
{
    color: #004B85;
}

h3
{
    color: #004B85;
}


.menutbl
{
    width: 100%;
    margin-top: 5px;
}

.menutbl td
{
    background-color: #D7E2EC;
    color: #004B85;
    font-size: medium;
    text-align: left;    
    padding: 0px 0px 0px 5px;
    height: 30px;
    width: 10%;
}
.menutbl a
{
    color: #004B85;
    font-weight: bold;
}
.profinfo td
{
    padding: 5px;
    vertical-align: middle !important;
}

#SocialLogin {
}

input[type=text], input[type=password]
{
    width: 140px;
}

table.badges {
    width: 100%;
}

table.badges div {
    min-height: 10px;
}

img.badge {
    padding-right: 5px;
}

/* Dropdown */

input.fdd {
	border: none;
	margin: 0px;
	color: rgb(119,119,119);
	width: 200px;
}

.fddI, .fddDD {
	border: solid 1px rgb(192, 202, 213);
}

.bad {
	border: solid 1px red;
}

.fddDD {
	width: 206px;
}

.fddI {
	padding: 3px;
	width: 200px;
}

.fddDD {
	display: none;
	position: absolute;
	border-top-width: 0px;
	background-color: white;
	z-index: 100;
}

.fddDD ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.fddDD li {
	padding: 3px;
	border: 1px solid white;
    cursor: pointer;
}

.active {
	background: #bae0ff;
	border: 1px solid rgb(192, 202, 213) !important;
}

.fddDiv {
   
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Fc Panel */
.boxPanel {
    margin: 5px 0px 5px 0px;
    border-radius: 5px;
}

div.feedJ {
}

.feedIn {
	float: right;
    border: solid 1px rgb(192, 202, 213);
    background-color: #c3fbb3;
	padding: 7px;
	border-radius: 3px;
	max-width: 400px;

}

.feedNf {
	text-align:center;
	font-size: larger;
	padding-bottom: 5px;
}

	.feedIn td {
		text-align: center;
	}

.feedOr {
	font-size: larger;
	color: gray;
	padding: 5px;
}

.feedSh {
    border-radius: 5px;
    border: solid 1px rgb(192, 202, 213);
	padding: 3px 3px 5px 3px;
    background-color: #e0fbd8;
	text-align: center;
	color: #585858;
	width: 155px;
	margin:auto;
}

div.subsr {
    border-radius: 5px;
    border: solid 1px rgb(192, 202, 213);
    padding: 5px 8px 5px 8px;
    margin-bottom: 5px;
    margin-left: 3px;
    background-color: #e0fbd8;
 }

div.subsr div{
    text-align: center;
    margin-bottom: 5px;
        color: #414382;
        font-size: medium;
 }

table.subsr {
    width: 100%;
}
table.subsr td{
    text-align: center;
}

.bpTitle {
     border-radius: 5px 5px 0px 0px;
    border: solid 1px rgb(192, 202, 213);
    border-bottom-width: 0px;
    height: 25px;
    font-size: small;
    background-color: #BCE1F6;
    color: #414382;
    padding: 6px 0px 0px 7px;
    overflow: hidden;
    line-height: 20px;
}

.bpTitle div {
    height: 15px;
}

.bpContent {
    border-radius: 0px 0px 5px 5px;
    border: solid 1px rgb(192, 202, 213);
    height: 250px;
    padding: 5px;
    overflow: auto;
}
@media (min-width: 550px) {
    #avatarCont {
        width: 160px;
        float: left;
    }
    .boxPanel {
        margin: 5px;
        float: left;
    }
    .bpContent {
        width: 300px;
    }
    .feedImgDiv {
        width: 350px; 
        text-align: center;
    }
    .subsr {
        float: left;
    }
}
#avatarCont {
    width: 160px\9;
    float: left\9;
}
.boxPanel {
    margin: 5px\9;
    float: left\9;
}
.bpContent {
    width: 300px\9;
}
.feedImgDiv {
    width: 350px\9; 
    text-align: center\9;
}
#fl {
    position:absolute;
    top:-9999px;
    width:150px;
}
#fl.IE {
    position:relative;
}
#avatarCont:hover #fl.IE {
    top:-23px;
    left:5px;
}
a.button {
    background-color: #79affb;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    width: 130px;
    color: white;
    text-align: center;
    font-weight: normal;
    line-height: 14px;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    padding: 8px 0px;
    background-image: linear-gradient(top, #79affb, #2b8df9);
    cursor: pointer;
	font-size: larger;
}
a:hover.button {
background-color: #6fa0e7;
background-image: linear-gradient(top, #6fa0e7, #237fe4);
}
a.button.disabled {
background-color: #dadada;
color: Gray;
}
a.no {
background-color: #dadada;
color: Gray;
}
a:hover.no {
background-color: #b9b9b9;
color: Gray;
}
.gTit {}
.gTit:hover .gHov {
    display: block;
    position: absolute;
    border: solid gray 1px;
    background-color: white;
    font-weight: normal;
    padding: 5px;
}
.gHov {
    display: none;
}
span.lnk {
    cursor: pointer;
    text-decoration: underline;
    color: blue;
}
div.warr {
    border: dashed 2px red;
    color: darkblue;
    margin-bottom: 10px;
    padding: 5px;
}
a.tab
{
    color: #414382;
    font-size: small;
    text-align: left;    
    margin-left: 0px;
    font-weight:bold;
    text-decoration: none;
}
a.tab:hover {
    color: red;
}
.footer {
    clear: both;
    text-align: center;
}
.nfobox
{
    margin-left: 205px;
}
.nfobox_app
{
    margin-left: 20px;
}
.eNfo {
    margin-left: 5px;
    margin-bottom: 5px;
}
div.menu {
    width: 205px;
    position: absolute;
    left: 5px;
    top: 0px;
}
@media (max-width: 550px) {
    div.menu {
        width: 100%;
        position: inherit;
    }
    .nfobox, .nfobox_app { margin-left: 0px; }
    .eNfo {
        text-align: center;
    }
    #avatarCont {
        width: 100%;
        text-align: center;
    }
    .uNfoPan {
        width: 100%;
    }
    h1, .userNfo {
        text-align: center;
    }
    .feedImg {
        width: 100%;
    }
    span.error_txt {
        display: block;
    }
}

div.my {
    background-color: #D7E2EC;
    margin: 0px;
    border-radius: 10px;
}

div.my2 {
    background-color: #c2b7b8;
    margin: 0px;
    border-radius: 10px;
}

div.my3 {
    background-color: #80e471;
    margin: 0px;
    border-radius: 10px;
    text-align: center;
    padding: 6px;
}

div.myAdm {
    background-color: #e2a3a3;
    margin: 0px;
    border-radius: 10px;
}

ul.my {
    margin-top: 12px;
    list-style-type:none;
    margin-left: 15px;
    padding-left: 0px;
    font-size: medium;
    font-weight: bold;
    line-height: 30px;
}

ul.my li.sel a{
    color: #c41130;
}

.pntsBg {
    font-size:large;
    display: inline-block;
}

.pntsBg span {
    font-size: x-small;
}

.pnts span {
    font-size: xx-small;
}


.mls {
    text-decoration: none;
    color: green !important;
}

.mlsBg {
    font-size: large;
    position: relative;
    top: 3px;
    margin-right: 15px;
    text-decoration: none;
    color: green !important;
}


.ml {
    padding-right: 5px;
    vertical-align:top;
    font-size: medium;
    cursor: default;
}

.mlss {
    color: green !important;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

img.smIcn {
    margin-bottom: 3px;
}

/* AVATAR */
.ddc {
    border: solid 2px #D7E2EC;
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: relative;
}
.ddc-big {
    border: solid 2px #D7E2EC;
    width: 150px;
    height: 150px;
    cursor: pointer;
    position: relative;
    margin: auto;
}
.ddc-over {
    border: dashed 2px red;
}
.dccTbl {
    width:100%;
    height:100%;
}
.dccTbl td {
    text-align:center;
    vertical-align: middle !important;
    padding: 5px;
    background-color: #d3ffc0
}
.avaW {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.fcBrain {
    background-image: url(/static/img/brain.png);
    background-repeat: no-repeat;
    text-decoration: none;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    font-size: 0;
    letter-spacing: -1px;
    text-align: left;
    color: white;
    width: 102px;
    height: 96px;
    margin-right:10px;
}
.br0 { background-position: 0px 0px; }
.br20 { background-position: 0px -96px; }
.br40 { background-position: 0px -192px; }
.br60 { background-position: 0px -288px; }
.br80 { background-position: 0px -384px; }
.br100 { background-position: 0px -480px; }
.br150 { background-position: 0px -576px; height: 113px; }
.br200 { background-position: 0px -689px; height: 113px; }

.bg_1bg, .bg_2bg, .bg_3bg { width: 16px; height: 16px; }
.bg_1bg { background-position: 0px 0px}
.bg_2bg { background-position: -17px 0px}
.bg_3bg { background-position: -34px 0px}

.lgFacebook, .lgGoogle, .lgTwitter, .lgYahoo {
    width: 154px;
    height: 22px;
    margin-bottom: 3px;
}
.lgFacebook {  background-position: 0px -463px }
.lgGoogle { background-position: 0px -486px }
.lgTwitter {background-position: 0px -509px }
.lgYahoo { background-position: 0px -533px }

.arrowUp { background-position: -154px 0px; width: 10px; height: 10px; position: relative; top: -2px; margin-right: 5px; }

.arrow { width: 8px; height: 13px; background-position: -136px 0px; margin-right: 5px; position: relative; top: -2px}

.sel .arrow, a.tab:hover .arrow {
    background-position: -145px 0px;
}


hr.ldl {
    background: none;
    height: 10px;
    border: dotted 1px blue;
    border-width: 1px 0px 0px 0px;
    margin-bottom: 0px;
}

h1 {
    margin-bottom: 8px;
	margin-top: 2px;
}
    h1.editable {
            margin-bottom: 0px;

    }

.gLoc {
    color: #004B85;
    position: relative;
    top: -0px;
}
#ddLang {
    margin-top: 8px;
    margin-bottom: 5px;
    width: 100%;
}

.topItem a {
    text-decoration: none;
    color: black;
}

.topItem a:hover {
    text-decoration: underline;
}

.CItem, .CItem a{
    color: red;
    font-weight: bold;
}

#feed td {
    vertical-align: middle;
}

em {
    color: red;
    font-weight: bold;
    font-style: normal;
}
.bem {
    font-size: large;
    color: red;
}
#regForm td{
    vertical-align: middle;
}
.note {
    font-size: x-small;
    color: gray;
    position: relative;
    top: -5px;
}
.note a {
	color: black;
}
.bdg {
    color: #414382;
    font-weight: bold;
}
.noteD {
    font-size: x-small;
    color: gray;
    display: block;
}
.noteDN {
    font-size: x-small;
    color: red;
    font-weight: bold;
    display: block;
}
.RD {
    color: red;
    font-weight: bold;
}
.addAva {
    cursor: pointer;
    font-size: small;
    color: #1D4994;
    text-decoration: underline;
}
.userActiv {
    width: 100%;
}
.userActiv td {
    padding-bottom: 5px;
}
a#feedChild {
    color: green;
    font-size: smaller;
    text-align:center;
}

a#feedback {
    color: blue;
    font-size: smaller;
    margin-top: 10px;
}
.uNfoPan {
    float: left;
    margin-bottom: 10px;
    margin-top: 5px;
}
    .uNfoPan table {
        margin: auto;
    }
.userNfo {
    padding-left: 10px;
    font-size: small;
    color: gray;
}
.lv, .lvL {
    position: relative;
    top: -3px;
}
.lvL {
	vertical-align: middle;
}
.bg_gb_1 { background-position: 0px -34px}
.bg_gb_2 { background-position: -33px -34px}
.bg_gb_3 { background-position: -66px -34px}
.bg_gh_1 { background-position: 0px -67px}
.bg_gh_2 { background-position: -33px -67px}
.bg_gh_3 { background-position: -66px -67px}
.bg_gm_1 { background-position: 0px -100px}
.bg_gm_2 { background-position: -33px -100px}
.bg_gm_3 { background-position: -66px -100px}
.bg_gw_1 { background-position: -99px -397px}
.bg_gw_2 { background-position: -99px -430px}
.bg_gw_3 { background-position: -132px -430px}
.bg_gw1_1 { background-position: -168px -100px}
.bg_gw1_2 { background-position: -168px -133px}
.bg_gw1_3 { background-position: -168px -166px}
.bg_gwh_1 { background-position: -168px -397px}
.bg_gwh_2 { background-position: -168px -430px}
.bg_gwh_3 { background-position: -168px -463px}
.bg_bf_1 { background-position: -168px -199px}
.bg_bf_2 { background-position: -168px -232px}
.bg_bf_3 { background-position: -168px -265px}
.bg_p_1 { background-position: 0px -133px}
.bg_p_2 { background-position: -33px -133px}
.bg_p_3 { background-position: -66px -133px}
.bg_pA_1 { background-position: 0px -166px}
.bg_pA_2 { background-position: -33px -166px}
.bg_pA_3 { background-position: -66px -166px}
.bg_pB_1 { background-position: 0px -199px}
.bg_pB_2 { background-position: -33px -199px}
.bg_pB_3 { background-position: -66px -199px}
.bg_pH_1 { background-position: 0px -232px}
.bg_pH_2 { background-position: -33px -232px}
.bg_pH_3 { background-position: -66px -232px}
.bg_pQ_1 { background-position: 0px -265px}
.bg_pQ_2 { background-position: -33px -265px}
.bg_pQ_3 { background-position: -66px -265px}
.bg_pW_1 { background-position: 0px -298px}
.bg_pW_2 { background-position: -33px -298px}
.bg_pW_3 { background-position: -66px -298px}
.bg_pC_1 { background-position: -168px -298px}
.bg_pC_2 { background-position: -168px -331px}
.bg_pC_3 { background-position: -168px -364px}
.bg_sa_1 { background-position: 0px -331px}
.bg_sa_2 { background-position: -33px -331px}
.bg_sa_3 { background-position: -66px -331px}
.bg_sg_1 { background-position: 0px -364px}
.bg_sg_2 { background-position: -33px -364px}
.bg_sg_3 { background-position: -66px -364px}
.bg_V_1 { background-position: 0px -397px}
.bg_V_2 { background-position: -33px -397px}
.bg_V_3 { background-position: -66px -397px}
.bg_W_1 { background-position: 0px -430px}
.bg_W_2 { background-position: -33px -430px}
.bg_W_3 { background-position: -66px -430px}
.bg_f_1 { background-position: -132px -34px}
.bg_f_2 { background-position: -132px -67px}
.bg_f_3 { background-position: -132px -100px}
.lev1sm, .lev2sm, .lev3sm, .lev4sm, .lev5sm, .lev6sm, .lev7sm, .lev8sm, .lev9sm, .lev10sm {width: 16px;height: 16px} 
.lev1sm { background-position: -36px -17px}
.lev2sm { background-position: -53px -17px}
.lev3sm { background-position: -68px 0px}
.lev4sm { background-position: -85px 0px}
.lev5sm { background-position: -70px -17px}
.lev6sm { background-position: -87px -17px}
.lev7sm { background-position: -102px 0px}
.lev8sm { background-position: -104px -17px}
.lev9sm { background-position: -119px 0px}
.lev10sm { background-position: -121px -17px}
.lev1,.lev2,.lev3,.lev3,.lev4,.lev5,.lev6,.lev7,.lev8,.lev9,.lev10{margin-right:5px}
.lev1 { background-position: -99px -34px}
.lev2 { background-position: -99px -67px}
.lev3 { background-position: -99px -100px}
.lev4 { background-position: -99px -133px}
.lev5 { background-position: -99px -166px}
.lev6 { background-position: -99px -199px}
.lev7 { background-position: -99px -232px}
.lev8 { background-position: -99px -265px}
.lev9 { background-position: -99px -298px}
.lev10 { background-position: -99px -331px}
.br0sm { background-position: -136px -133px; width: 29px}
.br20sm { background-position: -136px -166px; width: 29px}
.br40sm { background-position: -136px -199px; width: 29px;}
.br60sm { background-position: -136px -232px; width: 29px;}
.br80sm { background-position: -136px -265px; width: 29px;}
.br100sm,.bg_br_1 { background-position: -136px -298px; width: 29px;}
.br150sm,.bg_br_2 { background-position: -135px -331px; height: 38px}
.br200sm,.bg_br_3 { background-position: -134px -369px; height: 38px}
.bg_1sm { width: 8px; height: 8px; background-position: -0px -17px; position: relative; top: -2px; margin-left: 8px}
.bg_2sm { width: 8px; height: 8px; background-position: -9px -17px; position: relative; top: -2px; margin-left: 8px}
.bg_3sm { width: 8px; height: 8px; background-position: -18px -17px; position: relative; top: -2px; margin-left: 8px;margin-right: 1px}
.mealsSm { width: 8px; height: 8px; background-position: -27px -17px; position: relative; top: -2px; margin-left: 8px; margin-right: 1px}
.mealsBg { background-position: -51px 0px; width: 16px; height: 16px}
.goal {background-position: -132px -413px; width: 16px; height: 16px}
.share {background-position: -149px -413px; width: 16px; height: 16px}
.edit { width: 10px; height: 10px; background-position: -99px -365px}
.edit:hover { background-position: -110px -365px}
.close { width: 10px; height: 10px; background-position: -99px -376px}
.close:hover { background-position: -110px -376px}
.flag, .flagA { width: 6px; height: 10px; background-position: -138px -13px; position: relative; left: 5px; top: -13px; left:2px;cursor: pointer }
.flag:hover, .flagA { background-position: -145px -13px}
.edit, .close { position: relative; left: 5px; top: -12px; cursor: pointer }
.admTbl {
    border-collapse:collapse;
}
.admTbl td {
    border: solid 1px blue;
    text-align: center;
}
.country {
    width: 200px;
}
.flagDlg {
    font-family: Arial;
}
.flagDlg ul {
    list-style: none;
    padding-left: 0px;
}
.flagDlg li {
    margin-bottom: 5px;
}
.streak {
    font-size:smaller;
    color:gray;
}
.streakBest {
    font-size:small;
    font-weight: bold;
    color: red;
}
.streakBest2 {
    font-size:smaller;
    color: red;
}
div.feed {
    float: left;
    width: 120px;
    height: 140px;
	text-align:center;
}
div.feedA {
    float: left;
    width: 50px;
    height: 140px;
}
div.feedA img {
    margin-top: 35px;
    width:23px;
    height:24px;
}
.TimeZoneDD {
	max-width: 300px;
}

/* GOALS */
.goalSel0 {
	border:solid 1px #414382;margin-bottom:10px;padding:5px;border-radius:4px;height:35px;
}
.goalSel {
	border:solid 1px #414382;margin-bottom:10px;padding:5px;border-radius:4px;background-color:#E2E2E2;cursor:pointer;height:35px;
}
.goalSel:hover {
	background-color:#cbd0d5;
}
.goalGrid {
	border:solid 1px #414382;margin-bottom:2px;padding:3px;border-radius:4px;position:relative;min-height:25px;
}
.gToday {
	background-color:rgb(192, 202, 213);font-weight:bold;cursor:pointer
}
.gToday:hover {
	background-color: #cbd0d5;
}
.gFuture {
	border:solid 1px gray;color:gray
}
.gCompPr,.gCompPr0 {
	float:right;text-align:right;color:green
}
.gCompPr0 {
	margin-top:4px; margin-right:4px;
}
.gProgBar {
	float:right;position:relative;border:solid 1px #414382;border-radius:4px;width:100px;height:5px
}
.gFuture .gProgBar {
	border:solid 1px gray
}
.gProgBarIn {
	position:absolute;left:-1px;height:5px;background-color:green;border-radius:4px 0px 0px 4px; border:solid 1px #414382;border-width:0px 0px 0px 1px
}
.goalComm {
	border:solid 1px #414382;margin:10px 10px 10px 10px;padding:5px;border-radius:4px;background-color:#cdffc2;cursor:pointer;text-align:center
}
.goalComm:hover {
	background-color: #bbffab;
}
.goalCancel {
	border:solid 1px #414382;margin:10px;padding:5px;border-radius:4px;cursor:pointer;text-align:center;background-color:#e2e2e2;
}
.goalCancel:hover {
	background-color:#cdcdcd;
}
.boxDD {
	border: none;
	background: transparent;
}
#selDescr {
	margin-top:15px;text-align:center;font-size:medium;font-weight:bold;
}
.gNProgBar {
	position:relative;border:solid 1px #414382;border-radius:4px;width:250px;height:10px;
}
.gNProgBarIn {
	position:absolute;left:-1px;width:90px;height:10px;background-color:green;border-radius:4px 0px 0px 4px; border:solid 1px #414382;border-width:0px 0px 0px 1px
}
.gNNote {
	font-size:smaller
}
.badges a {
	text-decoration: none;
}
.badges a:hover {
	text-decoration: underline;
}
.goalTime {
	width: 32px;
	height: 32px;
	position: relative;
	top: 7px;
}
.pointsR {
	float:right;
	color:green;
	font-size:x-small;
	text-align:center
}
.pointsR .tit {
	font-size:x-large;
	margin:0px;
	padding:0px
}
.pointsR .lb {
	position:relative;
	top:-5px
}