body 
{
	font-family:Arial;
	font-size:10pt
}
.logo {
	background-position: 0 -196px;
	text-align: center;
	margin: 13px 0px 10px 0 !important;
	display: block !important;
	width: 231px;
	height: 75px;
}
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;}
.ppNote {
	max-width: 785px;
	color: #777;
	padding-bottom: 10px;
}
.ppNote a {
	color: #414382;
}
.fcImg {
	background-image: url(/static/img/all.png?3);
	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 {
	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;
	width: 200px;
}

input.hint {
	color: #777;
}


.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;
	cursor: pointer;
}

.active {
	background: #bae0ff;
}

.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: 3px 3px 0px 0px;
	border: solid 1px rgb(192, 202, 213);
	border-bottom-width: 0px;
	height: 25px;
	font-size: small;
	background-color: #eee;
	color: #414382;
	padding: 6px 0px 0px 7px;
	overflow: hidden;
	line-height: 20px;
}

.bpTitle div {
	height: 15px;
}

.bpContent {
	border: solid 1px rgb(192, 202, 213);
	height: 250px;
	padding: 5px;
	overflow: auto;
}
@media (min-width: 600px) {
	#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;
}
.boxPanelContainer {
	float: left;
}

.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;
}
.button {
	background-color: #34b59b;
	border-radius: 4px;
	width: 130px;
	color: white;
	text-align: center;
	font-weight: normal;
	line-height: 14px;
	overflow: hidden;
	display: inline-block;
	text-decoration: none;
	padding: 8px 5px;
	background-image: linear-gradient(top, #79affb, #2b8df9);
	cursor: pointer;
	font-size: larger;
	border: none;
    vertical-align: top;
	transition: all 0.2s linear;
}
.button:hover {
	opacity: 0.8;
}
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: medium;
	text-align: left;    
	margin-left: 0px;
	text-decoration: none;
}
/*a.tab:hover {
	color: red;
}*/

.footer {
	clear: both;
	text-align: center;
	max-width: 1000px;
    margin-left: 205px;
}
.nfobox
{
	margin-left: 232px;
	max-width: 1000px;
}
.nfobox_app
{
	margin-left: 20px;
}
.eNfo {
	margin-left: 5px;
	margin-bottom: 5px;
}
div.menu {
	width: 230px;
	position: absolute;
	left: 5px;
	top: 0px;
}
@media (max-width: 600px) {
	div.menu {
		width: 100%;
		position: inherit;
	}
	.nfobox, .nfobox_app, .footer { 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, div.my2, div.my3 {
    background-color: #eee;
    margin: 0px;
    border-radius: 4px;
}

a.teacher {
}

div.my3 {
    background: #34b59b;
    padding: 6px;
    border-radius: 4px;
    box-shadow: 2px 2px 5px #c3c3c3;
    margin-top: 6px;
    position: relative;
    top: -4px;
	color: white;
	text-align: center;
}

div.my3 a.tab {
	color: white;
}

div.my3 {
	transition: all 0.2s linear;
}

div.my3:hover {
	background-color:#2b9882;
}

a:hover {
    
}


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

ul.my {
	margin-top: 6px;
	margin-bottom: 9px;
	list-style-type:none;
	margin-left: 10px;
	font-size: medium;
	line-height: 30px;
	padding: 7px 0;
}

ul.my li.sel a{
	font-weight: bold;
}
.pntsBg {
	font-size:large;
	display: inline-block;
}
.pntsBg span {
	font-size: x-small;
}
.pnts:before {
	content:"";
	display: inline-block;
	background-image: url(/static/img/all.png?1);
	background-position:-157px -465px;
	width:8px;height:8px;
	background-repeat: no-repeat;
	margin:1px;
}
.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, .lgVkontakte {
	width: 154px;
	height: 22px;
	margin-bottom: 3px;
}
.lgFacebook {  background-position: 0px -463px }
.lgGoogle { background-position: 0px -486px }
.lgTwitter {background-position: 0px -509px }
.lgVkontakte { background-position: 0px -555px }

.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;
}
fieldset.badges p,fieldset.badges div{font-size:15px}
fieldset.badges p{margin:10px 0 25px 0}
.bdg{color:#414382;font-weight:bold}
.trBdg{width:32px}
fieldset.badges .bdg{color:#000;font-size:17px}
fieldset.badges .wint{color:#004c84;text-align:left;max-width:300px;margin-top:15px;margin-bottom:14px}
fieldset.badges h2{margin:12px 0 22px 0}#badges-ddl>.selected-container,#badges-ddl>.options-container>div{height:32px;padding:5px;overflow:hidden}
#badges-ddl>.options-container>div:hover{background-color:#e6e9ee}
#badges-ddl>.options-container>div:active{background-color:#aab2bd}
#badges-ddl>.selected-container{width:309px;height:32px;padding:5px;overflow:hidden;border:1px solid #aab2bd;border-radius:4px}
#badges-ddl>.selected-container>.icon,#badges-ddl>.options-container>div>.icon{position:absolute}
#badges-ddl>.selected-container>.title{font-weight:bold;width:270px}
#badges-ddl>.selected-container>.title,#badges-ddl>.options-container>div>.title{font-size:15px;display:inline-block;margin:7px 0 0 40px;position:relative;white-space:nowrap}
#badges-ddl>.selected-container>.title::after{display:block;content:"▼";float:right;width:29px;border-left:1px solid #aab2bd;text-align:center;font-size:10px;height:25px;padding-top:17px;padding-left:4px;position:absolute;top:-12px;right:0}
#badges-ddl>.options-container{min-width:319px;margin-top:-4px;position:absolute;background-color:#fff;z-index:1;border:1px solid #aab2bd;border-bottom-left-radius:4px;border-bottom-right-radius:4px;max-height:295px;overflow:auto}
fieldset.badges .winners{height:355px;width:250px;border:1px solid #e4e4e4;float:left;margin-bottom:10px}
fieldset.badges .winners>.profile>a{padding-top:10px;padding-bottom:1px}
fieldset.badges .winners>.profile.empty>a{padding-top:0}
fieldset.badges .winners>.profile{height:215px;border-bottom:1px solid #e4e4e4;text-align:center}
fieldset.badges .winners>.profile.empty{display:table-cell;vertical-align:middle;width:250px;padding:0 40px}
fieldset.badges .winners>.profile.empty>a>img,fieldset.badges .winners>.profile.empty>a>.date{display:none}
fieldset.badges .winners>.profile>a,fieldset.badges .winners>.profile>a>img,fieldset.badges .winners>.profile>a>span{display:block;white-space:nowrap;overflow:hidden}
fieldset.badges .winners>.profile>a>span{margin:5px}
fieldset.badges .winners>.profile.empty>a>span{margin:0;white-space:normal}
fieldset.badges .winners>.profile>a,fieldset.badges .winners>.profile>a:hover{text-decoration:none}
fieldset.badges .winners>.profile>a:hover{background-color:#fafafa}
fieldset.badges .winners>.profile.empty>a:hover{background-color:inherit}
fieldset.badges .winners>.profile>a>img{width:150px;height:150px;margin:0 auto 10px;border-radius:5px;border:none}
fieldset.badges .winners>.profile>a>.name{font-weight:bold;font-size:16px;margin-top:12px}
fieldset.badges .winners>.profile.empty>a>.name{color:#bcc1c7}
fieldset.badges .winners>.profile>a>.date{font-size:12px}
fieldset.badges .winners.gold{border-right:none;border-top-left-radius:4px;border-bottom-left-radius:4px}
fieldset.badges .winners.silver{border-right:none}
fieldset.badges .winners.bronze{border-top-right-radius:4px;border-bottom-right-radius:4px}
fieldset.badges .winners>.total{text-align:center;font-size:12px;margin:5px}
fieldset.badges .winners>.total b{font-size:13px}
fieldset.badges .winners>.btn{text-align:center;margin:5px}
fieldset.badges .winners>.btn>span{color:#fff;background-color:#004a84;width:34px;height:28px;margin:5px;display:inline-block;border-radius:50%;font-size:24px;padding:3px 0;cursor:pointer}
fieldset.badges .winners>.btn>span.disabled{background-color:#ccd1d7;cursor:default}
fieldset.badges .descr{width:700px;margin-bottom:5px;line-height:20px}
@media(max-width:1249px){
	fieldset.badges .descr{width:523px}
}
@media(max-width:1034px){
	fieldset.badges .descr{width:271px}
	fieldset.badges .winners.silver{border-right:1px solid #e4e4e4;border-top-right-radius:4px;border-bottom-right-radius:4px}
	fieldset.badges .winners.bronze{border-radius:4px}
}
@media(max-width:783px){
	fieldset.badges .descr{max-width:none}
	.big-icon,fieldset.badges .bdg:not(.vis){display:none}
	fieldset.badges .winners.gold{border-right:1px solid #e4e4e4;border-radius:4px}
	fieldset.badges .winners.silver{border-radius:4px}
}
fieldset.badges .winners>.header{width:250px;background-color:#e6e9ee;font-size:17px;text-align:center;height:32px;vertical-align:middle;padding:9px 0 6px 0}
fieldset.badges .winners>.header>.cup32{width:32px;height:32px;display:inline-block;vertical-align:middle}
fieldset.badges .winners>.header>.cup32.gold{background-image:url(/static/img/sh/cup_3.png)}
fieldset.badges .winners>.header>.cup32.silver{background-image:url(/static/img/sh/cup_2.png)}
fieldset.badges .winners>.header>.cup32.bronze{background-image:url(/static/img/sh/cup_1.png)}
fieldset.badges .winners>.header>.lab{margin-left:7px;height:32px;display:inline-block}
.badge-big{background-repeat:no-repeat;display:inline-block;height:200px;width:200px;margin:0;position:relative;vertical-align:middle}
.badge-big-share{background-image:url(/static/img/sh/share.png);background-repeat:no-repeat;display:block;height:100px;width:100px;left:125px;margin:0;position:absolute;top:125px;vertical-align:middle}

.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#feedback, a#feedChild {
	text-decoration: none;
	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;
}
.neuron{background-position:-168px -496px;vertical-align:bottom}
.bg_g_1{background-position: -168px -1px}
.bg_g_2{background-position: -168px -34px}
.bg_g_3{background-position: -168px -67px}
.bg_gb_1 {background-position: 0px -34px}
.bg_gb_2 {background-position: -33px -34px}
.bg_gb_3 {background-position: -66px -34px}
.bg_gbm_1{background-position:-99px -577px}
.bg_gbm_2{background-position:-132px -577px}
.bg_gbm_3{background-position:-165px -577px}
.bg_gh_1 {background-position: 0px -67px}
.bg_gh_2 {background-position: -33px -67px}
.bg_gh_3 {background-position: -66px -67px}
.bg_ghm_1 {background-position: 0px -577px}
.bg_ghm_2 {background-position: -33px -577px}
.bg_ghm_3 {background-position: -66px -577px}
.bg_gm_1 {background-position: 0px -100px}
.bg_gm_2 {background-position: -33px -100px}
.bg_gm_3 {background-position: -66px -100px}
.bg_gmm_1 {background-position: 0px -610px}
.bg_gmm_2 {background-position: -33px -610px}
.bg_gmm_3 {background-position: -66px -610px}
.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_gws_1 {background-position: -168px -397px}
.bg_gws_2 {background-position: -168px -430px}
.bg_gws_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_pI_1 {background-position: -99px -610px}
.bg_pI_2 {background-position: -132px -610px}
.bg_pI_3 {background-position: -165px -610px}
.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}
.bg_bm_1, .bg_bm_2, .bg_bm_3 {
	background-position: -201px -199px
}
.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}
.bg_ggq_1{background-position: -201px 0px}
.bg_ggq_2{background-position: -201px -34px}
.bg_ggq_3{background-position: -201px -67px}
.bg_pG_1{background-position: -201px -100px}
.bg_pG_2{background-position: -201px -133px}
.bg_pG_3{background-position: -201px -166px}
.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}
.grammar {background-position: -168px -547px; height:30px;position: relative; top: 2px;}
.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;
	margin-top:16px;
}
.admTbl td, .admTbl th {
	border: solid 1px gray;
	text-align: center;
	padding: 5px;
}
.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:none;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 {
	padding:3px;position:relative;min-height:25px;
}
.gToday {
	background-color:rgb(192, 202, 213);font-weight:bold;cursor:pointer
}
.gToday:hover {
	background-color: #cbd0d5;
}
.gFuture {
	border-top:solid 1px gray;color:gray
}
.gCompPr,.gCompPr0 {
	float:right;text-align:right
}
.gCompPr0 {
	margin-top:4px; margin-right:4px;
}
.gProgBar {
	float:right;position:relative;border:solid 1px #414382;border-radius:2px;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;
}
#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;
	font-size:x-small;
	text-align:center
}
.pointsR .tit {
	font-size:x-large;
	margin:0px;
	padding:0px
}
.pointsR .lb {
	position:relative;
	top:-5px
}
a.smallLinkImage {
	width: 10px;
	background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Cg%20transform%3D%22translate%28-826.429%20-698.791%29%22%3E%3Crect%20width%3D%225.982%22%20height%3D%225.982%22%20x%3D%22826.929%22%20y%3D%22702.309%22%20fill%3D%22%23fff%22%20stroke%3D%22%2306c%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M831.194%20698.791h5.234v5.391l-1.571%201.545-1.31-1.31-2.725%202.725-2.689-2.689%202.808-2.808-1.311-1.311z%22%20fill%3D%22%2306f%22%2F%3E%3Cpath%20d%3D%22M835.424%20699.795l.022%204.885-1.817-1.817-2.881%202.881-1.228-1.228%202.881-2.881-1.851-1.851z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
	background-repeat: no-repeat;
	background-position: center 3px;
	display: inline-block;
	text-decoration: none;
}
*.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.topListMessage {
	font-style: italic;
	color: #585858;
	font-size: smaller;
	text-align: center;
	padding-top: 3px;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	top: 267px;
	width: 293px;
	clear:both;
	background-color:white;
	height:23px;
	margin-left:1px;
}

div.topListCnt {
	white-space: nowrap;
	position: relative;
}
div.topListCnt>div.gTit {
	height:19px;
	width: 100%;
	position: absolute;
	left: 0;
}

table.topListCnt{
	width: 100%;
	float: left;
	white-space: nowrap;
	border-spacing: 0;
}
.topListCnt td {
	padding: 0;
}
.topListCnt tr.gTit{
	height:19px;
}


@keyframes taskBoxAnimation {
    from {background-color: #34b59b;}
    to {background-color: #4fcab1;}
}

a.schTaskBox {
    margin-bottom: 10px;
    padding: 15px;
    border-radius: 4px;
    display: block;
    cursor: pointer;
    text-decoration: none;
    background: #34b59b;
    color: white;
    box-shadow: 2px 2px 5px #aaa;
    transition: all 0.2s linear;
	animation-name: taskBoxAnimation;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

a.schTaskBox:hover {
	background-color: #2b9882;
}

a.schTaskBox .title {
    font-size: large;
    margin-bottom: 3px;
    color: white;
}

a.schTaskBox .note {
    font-size: small;
    color: white;
	position: initial;
	top: 0px;
}


.goalSel:hover {
	background-color:#cbd0d5;
}

.schTaskBox .title 
{
	color: #004b85;
    font-size: 14pt;
	margin-bottom:3px;
}

#nav li {
    list-style: none;
    display: inline-block;
	min-width: 100px;
    height: 30px;
    text-align: center;
    line-height: 29px;
    font-size: medium;
    border-radius: 5px 5px 0 0;
    background: #34b59b;
    color: white;
    cursor: pointer;
    margin-right: 5px;
    padding: 2px 11px;
	margin-top: 4px;
}

#nav li:hover {
	opacity: 0.8;
}

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

#nav ul {
	border-bottom: 2px solid #238b68;
	padding-left: 5px;
}

#nav li.selected {
	background-color: #238b68;
	cursor: default;
}

#nav li.selected:hover {
	opacity:1;
}

/*School*/ 

.box {
	border: solid 1px #ddd;
	margin: 5px;
	padding: 0;
	border-radius: 3px;
	background: #ddd;
	box-shadow: 2px 2px 6px -3px #aaa;
	margin-top:20px;
	max-width: 1000px;
}

.secondOption {
	background-color: #999;
}

.disabled {
	background-color: #999;
	cursor: auto;
}

.disabled:hover {
    opacity: 1;
}

.destroyOption {
	background-color: red;
}

.box h2 {
	color: #444;
	font-size: 1.1rem;
	font-weight: normal;
	margin: 6px 6px 6px 10px;
}

.boxCont {
	padding: 10px;
	background: #f5f5f5;
}

.boxCont .prettytable { 
	width: 100%;
}

#studentList input {
	width: 300px;
	font-size:larger;
	margin-bottom: 10px;
}
a.alternative {
	color: gray;
	text-decoration: none;
    vertical-align: top;
    display: inline-block;
    line-height: 31px;
    margin-left: 10px;
    font-size: medium;
}
a.alternative:hover {
	text-decoration: underline;
}
a.right {
	float:right;
}

TABLE.prettytable{BORDER:1px solid #aaaaaa;MARGIN:1em 1em 1em 0px;BORDER-COLLAPSE:collapse}
TABLE.prettytable TH,TABLE.prettytable TD{BORDER:1px solid #aaaaaa;PADDING:0.2em}


.articleExample h1 {
font-size: 28.6px;
    line-height: 2.2rem;
    display: inline-block;
    margin: 0 10px 0 0;
	font-weight: normal;
	color: #404040;
}
.articleExample h2 {
font-size: 23.4px;
    line-height: 2.2rem;
    margin: 0 10px 0 0;
	font-weight: normal;
	color: #404040;
}
.articleExample {
    color: #404040;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-left: 8px;
}

.toggler {
    margin-right: 5px;
    font-family: monospace;
    color: #666;
    border: solid 1px #aaa;
    display: inline-block;
    border-radius: 4px;
    height: 16px;
    width: 16px;
    line-height: 15px;
    font-size: 21px;
    text-align: center;
    position: relative;
    top: -3px;
    cursor: pointer;
}

.title {
    font-size: x-large;
}

.task {
    background: #f7f7f7;
    margin: 15px 0;
    box-shadow: 1px 1px 3px #aaa;
    padding: 8px;
}

.task table {
	width: 100%;
}

.teacher table.prettytable td {
	padding-left: 5px;
}

.deleteButton {
	color: #ccc;
	font-size: 20px;
	padding-right: 3px;
	cursor: pointer;
}

.deleteButton:hover {
	color: red;
}
.titleNote {
	margin-bottom: 10px;
    font-size: medium;
    color: #444;
}
.teacher {
	margin-left: 5px;
	margin-bottom: 20px;
}
.modal {
    position: fixed;
    z-index: 9999;
    padding-top: 300px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.5);
}

@media (max-width: 400px) {
	.modal {
		padding-top: 100px;
	}
}

.modalContent {
    background-color: #ececec;
    margin: auto;
    padding: 15px;
    border: 1px solid #888;
    max-width: 700px;
    border-radius: 5px;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.37);
    text-align: center;
}
.modalMessage {
    font-size: large;
    text-align: left;
    font-weight: normal;
    font-family: Courier New;
	padding: 10px;
    padding-bottom: 20px;
}
.modalMessage input {
    width: 98%;
    font-size: x-large;
    padding: 5px;
}
div.filter {
	text-align: right;
}
div.classIndicator {
    float: right;
    color: #666;
	font-size: x-large;
}
.smallButton {
    display: inline-block;
    background: #34b59b;
    color: white;
    text-decoration: none;
    padding: 3px 11px;
    border-radius: 4px;
    font-size: small;
	float: right;
	transition: all 0.2s linear;
}
.smallButton:hover {
	opacity: 0.7;
}
.quizResult {
    vertical-align: middle;
    font-size: large;
}
.title a:hover {
    text-decoration: underline;
}
.title a {
    text-decoration: none;
    color: #222;
}
.copyLink {
    font-family: "TFDfont";
    font-weight: normal!important;
    margin-right: 7px;
    font-size: 17px;
    margin-left: 5px;
    background: white;
    border-radius: 50%;
    width: 27px;
    display: inline-block;
    height: 23px;
    text-align: center;
    vertical-align: middle;
    padding-top: 4px;
    border: solid 1px #ccc;
	cursor: pointer;
	transition: all 0.2s linear;
}
.copyLink:hover {
    background: #b9e2af;
}

.prettytable .close {
	color: #ccc;
	float: right;
	font-size: 28px;
	font-weight: bold;
	line-height: 14px;
	cursor: pointer;
	transition:all 0.1s linear;
	margin-right: 3px;
    margin-top: 5px;
}
.prettytable .close:hover {
	color: #999;
}

#classDiv {
    text-align: left;
    float: left;
}
.modalContent .title {
    font-size: 1.3rem;
    color: #505050;
    line-height: 2rem;
    clear: both;
}

.modalContent .link {
    color: #2484c6;
    font-size: 1.2rem;
    height: 31px;
    text-align: center;
    resize: none;
    margin-bottom: 20px;
    width: 100%;
    font-family: Arial;
    line-height: 30px;
}

[class^="shr-"] {
    color: #FFF;
    padding: 10px;
    font-family: 'Open Sans',Calibri,'Trebuchet MS','Lucida Sans',Arial,sans-serif;
    font-size: 1.3rem;
    margin: 2px;
    min-width: 110px;
	width: 28%;
    display: inline-block;
    text-align: left;
	cursor: pointer;
	white-space: nowrap;
}
[class^="shr-"]::before {
	font-weight:normal!important;
	font-family:"TFDfont";
	margin-right:8px;
	font-size:21px;
	width:20px;
	display:inline-block;
	line-height: 25px;-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	transition:all 0.4s linear;
}
.shr-link{background-color: #999}
.shr-email{background-color: #999}
.shr-facebook{background-color: #3B5998}
.shr-twitter{background-color: #00ACED}
.shr-facebook::before{content:"\e902"}
.shr-twitter::before{content:"\e900"}
.shr-email::before {
	content: "\e903";
	position: relative;
	top: -1px;
}
.shr-link::before {
	content: "\e904";
}
.linkCopied {
    background-color: #f9edbe;
    border: solid 1px #f0c36d;
    color: #333;
    padding: 5px 10px;
    border-radius: 3px;
    display: inline-block;
    margin-bottom: 10px;
}
.linkCopied:before {
    content: "\e905";
    font-weight: normal!important;
    font-family: "TFDfont";
    margin-right: 7px;
    font-size: 17px;
}

@media (max-width: 420px) {
	.mobile-hide {
		display: none;
	}
}
#collExpDiv {
	text-align: right;
	margin-bottom: 8px;
}

#collExpDiv span {
	cursor: pointer;
	padding: 1px 4px;
    border: solid 1px #777;
	color: #777;
    border-radius: 5px;
	transition:all 0.2s linear;
}
#collExpDiv span:hover {
    color: #fff;
    background: #777;
}
.editClass {
    width: 10px;
    height: 10px;
    background-position: -99px -365px;
    position: relative;
    left: 2px;
    cursor: pointer;
    margin-right: 7px;
	vertical-align: baseline;
}
.editClass:hover {background-position: -110px -365px}
.noLessons {
    text-align: center;
}
.nlTitle {
	padding-top: 20px;
    margin-bottom: 15px;
    font-size: x-large;
    font-family: monospace;
}
.noLessons .button {
	margin-bottom: 20px;
}
.detailsButton {
    text-decoration: none;
	color: gray;
}
.boxPanel .noLessons {
}
.boxPanel .nlTitle {
	padding-top: 65px;
}
.nextTopic {
	margin-bottom: 10px;
    font-size: small;
    text-align: center;
}
.nextTopic a {
    font-size: large;
    font-weight: bold;
	display: block;
	text-decoration: none;
}
.nextTopic a:hover, #lessonTable a:hover {
	text-decoration: underline;
}
#lessonTable a {
	text-decoration: none;
}
.boxPanel .deleteButton {
	padding: 0;
}
.bookmanTit {
	padding-bottom: 5px;
}
.bookmanTit img {
	width: 44px;
	float: left;
	margin-right: 10px;
}
.bookmanTit div {
	font-size: 12px;
	color: #525252;
}
.bookmanTit a {
	color: #891ce2;
}
.bookmanTbl {
	height: 200px;
	overflow: auto;
	clear: both;
}
.bookmanTbl table {
	width: 100%;
	font-size: 18px;
}
.bookmanScr {
	text-align: right;
}
.bookmanTbl a {
	text-decoration: none;
	color: #000;
}
.bookmanTbl a:hover {
	text-decoration: underline;
}
.bookmanNote a {
	color: gray;
	text-decoration: underline;
}
.bookmanNote {
	margin-top: 8px;
	text-align: center;
	font-size: smaller;
	color: gray;
}
.badge-progress {
	width: 100px;
	height: 10px;
	border: solid 1px;
	display: inline-block;
	margin-top: 8px;
}
.badge-progress div {
	height: 100%;
	background: green;
	min-height: 1px !important;
}
.badges-set-goal {
	text-align: center;
	background: #eeeeee;
	padding: 8px 0;
}
.badges-set-goal a {
	text-decoration: none;
	color: #395a95;
}
.badges-goal .badge-progress {
	border: solid 1px #414382;
	margin-left: 1px;
	margin-top: 0;
	min-height: 1px !important;
	height: 6px;
}
.badges-goal span {
	color: #414382;
}
.badges-goal-completed {
	color: green;
	font-weight: bold;
	font-size: small;
	display: inline-block;
}
.bdg-link {position:relative;left:5px;top:-2px}