* 
{
	margin:0; 
	padding:0;
}

body 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family:Arial;
	font-size:14px;
	color:#514742;
	background:#faffdc;/*url('../img/bgNew.jpg') repeat-x */
	width:100%;
}

body.dnevnik 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family:Arial;
	font-size:14px;
	color:#514742;
	background:url('../img/empty.png') repeat-x #ffffff;
	width:100%;
}

a {color:#b54242;}
.view-RSS a{color: #335C90;}

ul,ol {margin-left:17px;}

#divOverlay {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.4;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}

#divOverlayWindow {
    position: absolute;
    z-index: 1001;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.left
{
    float: left;	
}

.clear
{
    clear:both;
    font-size:0;	
}

.wrapperV10
{
    height:10px;
    width:100%;	
}

.wrapperH10
{
    height:10px;
    width:10px; 
}

#contentContainer
{
	width:990px;
	margin:0 auto;
	position:relative;
	padding-bottom:30px;
}

#headerContainer
{
	position:relative;
    height:134px;
    width:990px;	
}

#headerLogo
{
    position:absolute;
    background:url('../img/header.jpg') no-repeat center;
	/*background:url('../img/rastishka_newyear.jpg') no-repeat center;*/	
    width:100%;
    height:/*890px;*/829px;
    background-position-x:center;
    /*left:0;*/
}
.brandingClick{position: relative;
width: 300px;
height: 100%;
margin: 0px 186px 0;
display:block;}
#brandingLogo
{
    position:absolute;
    background:url('../img/headerBranding.jpg') no-repeat center;	
    width:100%;
    height:1084px;/*829px;*/
    background-position-x:center;
    /*left:0;*/
}
#siteTitle
{
    position:absolute;    
    width:100%;
    height:115px;
    text-align:center; 
    z-index:2; 
    left:0;   
}
#siteTitle img
{
	width:407px;height:115px;
}

#loggedText
{
    position:absolute;	
	/*top: 79px;*/
	top: 67px;
	right: 90px;
	z-index: 4;	
	
	padding:10px 30px;
	/*background-color:#f3b533;border:1px solid #f3b533;border-radius: 6px;-moz-border-radius: 6px; -webkit-border-radius: 6x; -khtml-border-radius: 6px;*/
}

#notLoggedText
{
	position:absolute;
	/*top: 79px;*/
	top: 67px;
    right: 90px;
    z-index: 4;	
	
	padding:10px 30px;
	/*border:1px solid #f3b533;border-radius: 6px;-moz-border-radius: 6px; -webkit-border-radius: 6x; -khtml-border-radius: 6px;background-color:#f3b533;*/
}

.regBrown
{
    color:#b43700;
    font-weight:bold;	
}

.regLoggedBrown
{
    color:#b43700;
    font-weight:bold; 
    font-size:12px;  
}

.regLogout
{
    color:#b7b4b3;
    font-weight:bold; 
    font-size:12px;  
}

.regHello
{
    color:#2c170e;
    font-size:12px;
    text-decoration:none;	
}

#headerContainer #leftPart, #headerContainer #centerPart, #headerContainer #rightPart
{
    position:absolute;
}

#menuContainer
{
	position:relative;
    height:38px;
    width:990px;
    z-index:5;	
}

.menuItem
{
    float:left;
    height:38px;	
}

.demoBigRedLink
{
	color:#b54242;
	font-size:20px;
	text-decoration:underline;
}

.disciplineBigRedLink
{
    color:#b54242;
    font-size:16px;
    border-bottom: 1px dashed #b54242; 
    cursor:pointer;
}

.disciplineBigRedLink a 
{
	text-decoration:none;
}

.infoSmallBlackLink
{
    color:#335C90;
    font-size:12px;
    text-decoration:underline;
}

.infoBlack
{
    color:#514742;
    font-weight:bold;	
}

#disciplineListContainer{position:absolute;width:525px;}
.disciplineListTop{width:525px;height:15px;background:url('../img/disciplineTopBG.png') no-repeat;}
.disciplineListCenter{padding:10px 10px 0px 30px;width:485px;background:url('../img/disciplineCenterBG.png') repeat-y;color:#4a3a32;font-size:11px;font-weight:bold;}
.disciplineListBot{width:525px;height:36px;background:url('../img/disciplineBotBG.png') no-repeat;}
.disciplineListCenter ul {width:485px;list-style:none;}
.disciplineListCenter ul li{padding:2px 5px;width:232px;float:left;}
.disciplineNameListArrow{left:-3px;display:none;position:absolute;width:3px;height:13px;background:url('../img/disciplineArrow.png') no-repeat;}
.disciplineNameListClose{float:right;margin: 6px 12px 0 0;display:block;cursor:pointer;}


.disciplineList
{
    list-style-position:inside;
    list-style-image:url('../img/listBullet.png');	
    margin-left:0;
}

.disciplineList li
{
    padding:3px 0; 
}

#centerContainer
{
    width:990px;
    position:relative;	
}

#leftCol
{
	float:left;
	width:740px;
}

#leftCol .bgTop
{
	background:url('../img/newCenterBGTop.png') no-repeat;
	height:7px;
	
}

#leftCol .centerContent
{
	background:#faffdc;
	padding:0 8px 30px;
	min-height:660px;
}	

#leftCol .darkTitle
{
	color:#341605;
	font-size:18px;
}

#leftCol .lightTitle
{
    color:#ac8c5f;
    font-size:18px;
}

#leftCol .text
{
    color:#514742;
    font-size:12px;
    width:500px;
}

.centerLeft
{
    float:left;
    width:462px;
    padding:0 35px 0 25px;
}

.centerRight
{
    width:202px;
    float:left;
}

.disciplineNameList
{
    width:525px;
    position:absolute;
    z-index:6;
    right:205px;
    display:none;	
}

.whiteLabelWGrayBorderBGTop
{
    background:url('../img/whiteLabelWGrayBorderBGTop.png') no-repeat;
    height:8px;
    width:724px;
    
}

.whiteLabelWGrayBorderBGBot
{
    background:url('../img/whiteLabelWGrayBorderBGBot.png') no-repeat;
    height:8px;
    width:724px;
    
}

.whiteLabelWGrayBorder
{
    background:url('../img/whiteLabelWGrayBorderBGCenter.png') repeat-y;
    width:684px;
    padding:15px 15px 20px 25px;
}

#rightCol
{
    float:left;
    width:240px;	
}

#class1Banner, #class2Banner, #class3Banner, #class4Banner
{
    position:relative;
    width:178px;
    height:500px;
    float:left;
		
}	

#class1Banner
{
    background:url('../img/class1Banner.png') no-repeat;	
}

#class2Banner
{
    background:url('../img/class2Banner.png') no-repeat;
    margin-left:4px;    
}

#class3Banner
{
    background:url('../img/class3Banner.png') no-repeat;
    margin-left:4px;    
}

#class4Banner
{
    background:url('../img/class4Banner.png') no-repeat;
    margin-left:4px;    
}

#botmenuContainer
{
    position:relative;
    height:29px;
    width:990px;
    margin-top:40px;	
    background:url('../img/botmenuBG.png') no-repeat;
    text-align:center;
    padding-top:9px;
}

#botmenuContainer ul
{
    list-style:none;
    display:block;
    width:800px;
    height:20px;
    margin:0 auto;
}

#botmenuContainer ul li
{
    float:left;
    display:block;
    padding:0 20px;
    border-right:1px solid white;
}

#botmenuContainer ul li.last
{
    border:0;
}

#botmenuContainer a
{
    font-weight:bolder;
    font-size:16px;
    color:white;
    text-decoration:none;
}

#botmenuIMG
{
    position:absolute;	
    background:url('../img/botmenuIMG.png') no-repeat;
	top: -36px;
	left: 16px;
    width:71px;
    height:89px;
}

#copyright
{
    font-size:11px;
    color:#caceb1;
    text-align:center;
    width:990px;
    margin-top:20px;	
}

#botmenuSecond
{
    text-align:center;
    width:990px;
    margin-top:10px;
}

#botmenuSecond ul
{
    list-style:none;
    display:block;
    width:835px;
    height:20px;
    margin:0 auto;
}

#botmenuSecond ul li
{
    float:left;
    display:block;
    padding:0 10px;
    border-right:1px solid #4c3636;;
}

#botmenuSecond ul li.last
{
    border:0;
}

#botmenuSecond a
{
    font-size:12px;
    color:#4c3636;
    text-decoration:none;
}

#blogContainer {
    background: url("../img/blogBG.png") no-repeat;
    width:241px;
    height:246px;
}

#divCMRBlogIn {
    position: absolute;
    margin: 42px 0 0 7px;
	width: 228px;
	height: 175px;
    color: #335C90;
    font-weight: normal;
    font-size: 9.5pt;
    background: #ffffed;
}

#divCMRBlogIn2 {
    margin: 3px 0 0 7px;
    overflow: hidden;
    width: 200px;
}

#socialPages
{
    width: 215px;
    margin:0 auto;	
}

.divFacebookbutton,
.divTwitterbutton,
.divMailbutton,
.divVkontaktebutton,
.divOdnoklassnikibutton {
    position: relative;
    float: left;
    width: 32px;
    height: 32px;
    margin: 0 1px 0 2px;
}
.divFacebookbutton {
    background: url("../img/facebook.png");
}
.divTwitterbutton {
    background: url("../img/twitter.png");
}
.divMailbutton {
    background: url("../img/mail.png");
}
.divVkontaktebutton {
    background: url("../img/vkontakte.png");
}
.divOdnoklassnikibutton {
    background: url("../img/odnoklassniki.png");
}

.buyOnDVDText {
    position: absolute;
    bottom:6px;
    left:27px;	
}

.buyOnDVDText a
{
    color:#ffffff;
    font-size:11px;
    text-decoration:none;	
}

.buyBtn
{
    position: absolute;
    top:289px;
    left:38px;
}

.priceText
{
    position: absolute;
    top:252px;
    left:42px;
    color:#2e343c;
    font-size:25px;
    font-family:Tahoma;
    font-weight:bold;
}
.priceText span
{
    font-size:19px;	
}
.accessText
{
    position: absolute;
    top:238px;
    left:44px;
    color:#2e343c;
    font-size:12px;
}

.moreText
{
    position: absolute;
    top:204px;
    left:20px;
}

.moreText a
{
    color:#006ca7;
    font-weight:bold;
}

.disciplinesList
{
    position: absolute;
    top:84px;
    left:20px;
}

.disciplinesList span
{
    display:block;
    color:#ffffff;
    font-size:12px;
    padding:2px 0;
    border-bottom:1px solid #ffffff;
    width:138px;
}

.disciplinesList span a
{
    color:#ffffff;
    font-size:12px;
    text-decoration:none;	
}

.disciplinesList span.last
{
    border:0;
}

.setevayaPageBanner
{
    position:relative;
    width:724px;
    height:280px;
    z-index:2;
    margin-bottom:20px;
    background: url("../img/setevayaPageBanner.png") no-repeat;
}

.saveenergyPageBanner
{
    position:relative;
    width:724px;
    height:280px;
    z-index:2;
    margin-bottom:20px;
    background: url("../img/saveenergyPageBanner.png") no-repeat;
}

.ebookPageBanner
{
    position:relative;
    width:724px;
    height:280px;
    z-index:2;
    margin-bottom:20px;
    background: url("../img/ebookPageBanner.png") no-repeat;
}

.paymentPageBanner
{
    position:relative;
    width:724px;
    height:145px;
    z-index:2;
    background: url("../img/paymentPageBanner.png") no-repeat;
    margin-bottom:20px;
}

.class1PageBanner, .class2PageBanner, .class3PageBanner, .class4PageBanner
{
    position:relative;
    width:724px;
    height:180px;
    z-index:2;
}

.class1PageBanner
{
    background: url("../img/class1PageBanner.png") no-repeat;	
}

.class2PageBanner
{
    background: url("../img/class2PageBanner.png") no-repeat;	
}

.class3PageBanner
{
    background: url("../img/class3PageBanner.png") no-repeat;	
}

.class4PageBanner
{
    background: url("../img/class4PageBanner.png") no-repeat;	
}

.class1PageBanner .buyBtn, .class2PageBanner .buyBtn, .class3PageBanner .buyBtn, .class4PageBanner .buyBtn
{
	top: 100px;
	left: 549px;	
}

.caruselContainer
{
position: relative;
width: 724px;
height: 128px;
top: -1px;
background: url("../img/caruselGrayBG.png") no-repeat;
padding-top: 3px;
margin-bottom: 20px;
}

#divBuyDiskAlert {
    position: absolute;
    z-index: 1100;
    width: 740px;
    left: 50%;
    margin: 0 0 0 -370px;
}

.divBuyDiskAlertButtons {
    position: relative;
    float: left;
    clear: left;
    width: 436px;
    margin: 15px 0 0 20px;
}
.divBuyDiskAlertButton {
    position: relative;
    float: right;
    width: 100px;
    height: 20px;
    margin: 0 0 0 20px;
    border: 1px solid #6c6c6c;
    text-align: center;
    cursor: pointer;
}
.divBuyDiskAlertButton a {
    text-decoration: none;
}
.pBuyDiskAlertButton {
    margin: 2px 0 0 0;
}
.aInDiv {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}
.pBuyDiskAlert {
    text-align:center;
}
.messageboxTop
{
    background: url("../img/messageboxTop.png") no-repeat;
    width:740px;
    height:42px;	
}

.messageboxBot
{
	background: url("../img/messageboxBot.png") no-repeat;
	width:740px;
    height:9px;
}

.messageboxCenter
{
    background:#ffffff;
    padding:15px;
    width:710px;	
}

/* text color size weight */
.gray10bold {
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: bold;
}
.gray10normal {
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
.blue10bold {
    color: #335c90;
    font-size: 10pt;
    font-weight: bold;
}
.blue10normal {
    color: #b54242;
    font-size: 10pt;
    font-weight: normal;
}
.black10bold {
    color: #000000;
    font-size: 10pt;
    font-weight: bold;
}
.black10normal {
    color: #000000;
    font-size: 10pt;
    font-weight: normal;
}

.addthis_toolbox {padding:10px 0;}

.userFormsContainer {position: fixed; top: 50px; left: 50%; width:740px;margin-left: -370px;background: white;z-Index: 2000; border-radius: 7px}
.userFormsContainer .formDescription {font-weight: bold;font-size: 22px; color: #514742}
.userFormsContainer fieldset {border: 0;padding:0}
.userFormsContainer .messages {margin-top: 30px}
.userFormsContainer .messages ul {list-style-type: none}
.userFormsContent {padding: 30px;}
.userFormsOverlay {background: #002965; opacity: 0.7; width: 100%; position: fixed; top: 0; left:0; z-Index: 1999}

.userFormsContent .form-required {}

.userFormsContent label {font-weight: normal; color:#514742}

.userFormsHeader {height: 28px; background: #dfa600; padding-right: 12px;padding-top: 11px; border-top-left-radius: 7px;border-top-right-radius: 7px}

.uFormsCloseBtn {width: 15px; height: 15px;display: block; float: right;background: url('../img/close-btn.png')}

.userFormsContent .form-submit {border: none; border-radius: 10px;padding: 4px 25px;color: white; cursor: pointer; font-weight: bold; font-size: 16px}

.userFormsContent input.form-text:focus {outline: none}

.userFormsContent input.form-text, select.form-select {line-height: 24px;height: 24px; width: 234px}


.userFormsContent input.form-text, select.form-select {border-top: 1px solid #a3a3a3; border-left: 1px solid #c6c6c6; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #f3f3f3;background: url('../img/text-input-bg.png') repeat-x top left white}
.userFormsContent input.form-text.error, select.form-select.error {border: 1px solid #FCC}

.userFormsContent #edit-submit-1 {background: url('../img/btn-blue-bg.png') repeat-x #4286b6}
.userFormsContent #edit-submit-2,.userFormsContent #edit-submit {background: url('../img/btn-red-bg.png') repeat-x #c86733}


.whiteLabelWGrayBorder.userpage {padding-bottom: 0}

.whiteLabelWGrayBorder.userpage div.tabs {position: relative; top:8px}
.whiteLabelWGrayBorder.userpage ul li {display: block; float: left; list-style-type: none; background: transparent; padding: 10px 22px 17px 22px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.whiteLabelWGrayBorder.userpage ul li.active {border: 3px solid #dadcc2; border-bottom:none;background: #faffdc;padding-top: 8px}
.whiteLabelWGrayBorder.userpage ul li a {font-size: 14px; font-weight: bold; color: #b54242; text-decoration: underline}
.whiteLabelWGrayBorder.userpage ul li a:hover {text-decoration: none}

.whiteLabelWGrayBorder.userpage ul li a.active {text-decoration: none; color: #514742}

.userPagesTitle {font-family: 'Tahoma'; font-size: 36px; color: #00a7c5; font-weight: bold; padding-bottom: 20px}

.vrezkaMenu{position: absolute;z-index: 10;bottom: 0px;height: 47px;z-index: 145;}
.vrezkaMenu .leftWrapper{float:left;height:47px;width:28px;}
.activeVrezkaMenuItem{float:left;color:#514742;font-size:16px;font-weight:bold;}
.activeVrezkaMenuItem .leftPart{float:left;background: url("../img/vrezkaMenuLeftBG.png") no-repeat;height:47px;width:9px;}
.activeVrezkaMenuItem .centerPart{float:left;padding:10px 20px;text-align:center;background: url("../img/vrezkaMenuCenterBG.png") repeat-x;height:27px;}
.activeVrezkaMenuItem .rightPart{float:left;background: url("../img/vrezkaMenuRightBG.png") no-repeat;height:47px;width:9px;}
.passiveVrezkaMenuItem{float:left;padding:10px 20px;height:27px;color:#b54242;font-size:16px;font-weight:bold;}
.passiveVrezkaMenuItem a{color:#b54242;font-size:16px;font-weight:bold;}

.activeVrezkaMenuItem.small{float:left;color:#514742;font-size:13px;font-weight:bold;}
.passiveVrezkaMenuItem.small a{color:#514742;font-size:13px;font-weight:normal;text-decoration:none;}
.passiveVrezkaMenuItem.small{float:left;padding:15px 10px;height:27px;color:#514742;font-size:13px;font-weight:normal;}
.activeVrezkaMenuItem.small .centerPart{padding:15px 5px;}

.themeplanItem{width:162px;float:left;margin-right:9px;}
.themeplanTop{width:162px;height:58px;background: url("../img/themeplanTopBG.png") no-repeat;}
.themeplanCenter{padding:10px 15px;width:132px;background: url("../img/themeplanCenterBG.png") repeat-y;}
.themeplanBot{width:162px;height:10px;background: url("../img/themeplanBotBG.png") no-repeat;}
.themeplanTop table{color:#ffffff;font-size:18px;font-weight:bold;line-height: 18px;}

.themeplanClass{}
.themeplanClassName{margin:6px 0px 12px;}
.themeplanClassName.active{color:#514742;font-size:16px;font-weight:bold;line-height: 16px;}
.themeplanClassName{color:#b54242;font-size:16px;font-weight:bold;line-height: 16px;}
.themeplanClassName.active span{border-bottom: 1px dashed #514742;cursor:pointer;}
.themeplanClassName span{border-bottom: 1px dashed #b54242;cursor:pointer;}
.themeplanDiscipline{margin:2px 0;display:none;}
.themeplanDisciplineName{float:left;margin-left:5px;width:117px;}
.themeplanDisciplineName a{color:#c26161;font-size:12px;text-decoration:underline;}
.themeplanDisciplineFileICO{float:left;width:10px;height:15px;}

.techneeds{margin:0 20px;color:#1b5b99;font-size:16px;font-weight:bold;padding:0 0 0 15px;background: url("../img/thechneedsRightArrow.png") no-repeat;background-position-y: 5px;}
.techneeds.active{background: url("../img/thechneedsDownArrow.png") no-repeat;background-position-y: 8px;}
.techneeds span{border-bottom: 1px dashed #1b5b99;cursor:pointer;}
.techneedsDescription{display:none;}

.achives{margin:0 20px;color:#b54242;font-size:16px;font-weight:bold;padding:0 0 0 15px;background: url("/sites/all/themes/nachalkaNew/img/achivesRightArrow.png") no-repeat;background-position-y: 5px;}
.achives.active{background: url("/sites/all/themes/nachalkaNew/img/achivesDownArrow.png") no-repeat;background-position-y: 8px;}
.achives span{border-bottom: 1px dashed #b54242;cursor:pointer;}
.achivesDescription{display:none;}

.view-setevaya-feedback .views-field-title {font-weight:bold;margin-bottom:5px;clear:both;}

.view-setevaya-feedback .views-field-field-setevaya-feedback-img-fid div{float:left;margin:5px;}
.view-setevaya-feedback .views-field-field-setevaya-feedback-img-fid{clear:both;}

.view-setevaya-achives td{padding:4px;vertical-align:top;}
.view-setevaya-achives .views-field-title {font-size:12px;text-align:center;}

#divUserJournalLessonlist {
    position: absolute;
    z-index: 1100;
    width: 476px;
    height: 100px;
    top: 225px;
    left: 50%;
    margin: 0 0 0 -238px;
}
#divUserJournalLessonlistTop {
    position: relative;
    float: left;
    width: 476px;
    height: 30px;
    background: url("../img/journal_lessonlist_header.png") no-repeat;
    text-align: center;
}
#divUserJournalLessonlistTop p {
    color: #ffffff;
    font-size: 13pt;
    font-weight: bold;
    margin: 3px 0 0 0;
}
#divUserJournalLessonlistClose {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 6px;
    right: 7px;
    background: url("../img/close-ikon.png") no-repeat;
    cursor: pointer;
}
.divUserJournalLessonlistSep {
    position: relative;
    float: left;
    clear: left;
    width: 476px;
    height: 5px;
    background: #FFFFED;
}
#divUserJournalLessonlistBody {
    position: relative;
    float: left;
    clear: left;
    width: 476px;
    background: #FFFFED;
}
.divUserJournalLessonlistBodyItem0 {
    position: relative;
    float: left;
    clear: left;
    width: 476px;
    height: 25px;
    background: #FFFFED;
}
.divUserJournalLessonlistBodyItem1 {
    position: relative;
    float: left;
    clear: left;
    width: 476px;
    height: 25px;
    background: #F6F6D0;
}
.pUserJournalLessonlistNum {
    position: relative;
    float: left;
    width: 65px;
    height: 20px;
    margin: 5px 0 0 23px;
}
.aUserJournalLessonlistName {
    position: relative;
    float: left;
    width: 388px;
    height: 20px;
    margin: 5px 0 0 0;
    text-decoration: none;
}
.aUserJournalLessonlistName:hover {
    text-decoration: underline;
}
.divUserJournalItem {
    position: relative;
    float: left;
    width: 691px;
    height: 110px;
    margin: 10px 0 10px 10px;
}
.divUserJournalItemLeft {
    position: relative;
    float: left;
    width: 476px;
    height: 110px;
}
.divUserJournalItemRight {
    position: relative;
    float: left;
    width: 210px;
    height: 110px;
    border-left: 1px dotted #bab9b5;
}
.pUserJournalItemCaption {
    position: relative;
    float: left;
    color: #6c6c6c;
    font-size: 14pt;
    font-weight: normal;
}
.divUserJournalItemButtonSelect {
    position: absolute;
    width: 198px;
    height: 23px;
    right: 35px;
    bottom: 9px;
    background: url("../img/user_button_selectlesson.png") no-repeat;
}
.divUserJournalItemLessonCaption {
    position: relative;
    float: left;
    width: 180px;
    margin: -5px 0 5px 28px;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: bold;
}
.divUserJournalItemLesson {
    position: relative;
    float: left;
    width: 180px;
    margin: 0 0 0 28px;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
.divUserJournalItemButtonForward {
    position: absolute;
    width: 89px;
    height: 23px;
    left: 65px;
    bottom: 9px;
    background: url("../img/user_button_forward.png") no-repeat;
    cursor: pointer;
}
#divUserJournalBottom {
    position: relative;
    float: left;
    width: 500px;
    height: 35px;
}

#pUserPurchaseNotice {
    position: relative;
    float: left;
    width: 711px;
    text-align: center;
    margin: 76px 0 0 0;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: bold;
}
#pUserPurchaseBuy {
    position: relative;
    float: left;
    width: 711px;
    text-align: center;
    margin: 38px 0 0 0;
    color: #227FDC;
    font-size: 10pt;
    font-weight: bold;
}
#divUserPurchaseBottomSep {
    position: relative;
    float: left;
    clear: left;
    width: 90%;
    height: 80px;
}
#tableUserPurchase {
    position: relative;
    float: left;
    clear: left;
    width: 691px;
    margin: 20px 0 0 10px;
}
.tdUserPurchaseDotted {
    border-bottom: 1px dotted #C1C1B9;
}
.tdUserPurchaseGreen {
    background: #F0FAE1;
}
.tdUserPurchaseOff {
    color: #A75F13;
}
.aPurchaseAction {
    text-decoration: none;
}
.divPurchaseActionActive {
    width: 76px;
    height: 19px;
    border: 1px solid #AFB0AB;
}
.divPurchaseActionInactive {
    width: 76px;
    height: 19px;
    border: 1px solid #DDDDDD;
}
.pPurchaseActionGreen {
    color: #60A900;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}
.pPurchaseActionGray {
    color: #C1C1B9;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}
#divUserPurchaseButtonExit {
    position: relative;
    float: left;
    width: 95px;
    height: 23px;
    margin: 8px 0 0 306px;
    background: url("../img/user_button_exit.png") no-repeat;
    cursor: pointer;
}

div.profile .picture {float: left;width:104px;height:108px;}

div.profile .picture img {border: 2px solid #CBA165;margin-left: 10px}

.profileFieldName {width: 75px;display: inline-block;color: #6C6C6C;font-size: 10pt;font-weight: normal;height: 19px}
.profileFieldValue {color: #335C90;font-size: 10pt;font-weight: bold;}

#divUserProfileBotSeparator {
    position: relative;
    float: left;
    clear: left;
    height: 50px;
    width: 500px;
}
#divUserLineGray {
    position: relative;
    float: left;
    clear: left;
    width: 691px;
    height: 0;
    margin: 0 0 0 10px;
    border-top: 1px solid #bab9b5;
}
#divUserProfileButtonEdit {
    position: relative;
    float: left;
    width: 130px;
    height: 29px;
    margin: 8px 0 0 284px;
    background: url("../img/edit.png") no-repeat;
}

.userPagesContent {padding-bottom: 20px}

.userPagesContent fieldset legend {display: none}
.userPagesContent fieldset {border: none; margin: 0; padding: 0}


#divUserCaption {
    position: relative;
    float: left;
    width: 711px;
    height: 25px;
    text-align: center;
    margin: 5px 0 0 0;
    color: #6c6c6c;
    font-size: 15pt;
    font-weight: normal;
}
#divUserLine {
    position: relative;
    float: left;
    width: 711px;
    height: 16px;
    margin: -10px 0 0 0;
    background: url("../img/user_line.png") repeat-x;
}

/* payment */

#pPaymentSelectPeriod {
    position: relative;
    float: left;
    clear: left;
    width: 150px;
    height: 20px;
    margin: 25px 0 0 52px;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
#divPaymentList {
    position: relative;
    float: left;
    width: 457px;
    height: 20px;
    margin: 25px 0 0 0;
}
.inputPaymentListItem {
    position: relative;
    float: left;
    margin: 2px 0 0 40px;
}
.pPaymentListItem {
    position: relative;
    float: left;
    margin: 0 0 0 5px;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
#pPaymentSelectType {
    position: relative;
    float: left;
    clear: left;
    width: 150px;
    height: 20px;
    margin: 15px 0 0 52px;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
#divPaymentTypes {
    position: relative;
    float: left;
    clear: left;
    width: 655px;
    margin: 20px 0 0 28px;
}
.divPaymentType {
    position: relative;
    float: left;
    width: 365px;
    height: 63px;
}
.divPaymentTypesSeparatorHor {
    position: relative;
    float: left;
    width: 23px;
    height: 55px;
}
.divPaymentTypesSeparatorVert {
    position: relative;
    float: left;
    clear: left;
    width: 655px;
    height: 17px;
}
.inputPaymentType {
    position: relative;
    float: left;
    margin: 27px 21px 0 26px;
}
.pPaymentType {
    position: relative;
    float: left;
    /*width: 110px;*/
    margin: 18px 22px 0 0;
    text-align: left;
    color: black;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}
/*.pPaymentType1 {
    width: 110px;
}
.pPaymentType2 {
    width: 110px;
}*/
#divPaymentTypeSbrf {
    position: relative;
    float: right;
    width: 76px;
    height: 54px;
    margin: 1px 39px 0 0;
    background: url("../img/payment_sbrf.png") no-repeat;
}
#divPaymentTypeYandex {
    position: relative;
    float: right;
    width: 108px;
    height: 47px;
    margin: 7px 12px 0 0;
    background: url("../img/payment_yandex.png") no-repeat;
}
#divPaymentTypeQiwi {
    position: relative;
    float: right;
    width: 97px;
    height: 46px;
    margin: 5px 21px 0 0;
    background: url("../img/payment_qiwi.png") no-repeat;
}
#divPaymentTypeSms {
    position: relative;
    float: right;
    width: 48px;
    height: 50px;
    margin: 10px 68px 0 0;
    background: url("../img/payment_sms_small.png") no-repeat;
}
.divPaymentTypeCorner {
    position: absolute;
    width: 9px;
    height: 9px;
}
.divPaymentTypeLeftTop {
    left: 0;
    top: 0;
    background: url("../img/payment_gray_lefttop.png") no-repeat;
}
.divPaymentTypeRightTop {
    right: 0;
    top: 0;
    background: url("../img/payment_gray_righttop.png") no-repeat;
}
.divPaymentTypeRightBot {
    right: 0;
    bottom: 0;
    background: url("../img/payment_gray_rightbot.png") no-repeat;
}
.divPaymentTypeLeftBot {
    left: 0;
    bottom: 0;
    background: url("../img/payment_gray_leftbot.png") no-repeat;
}
#pPaymentMessage {
    position: relative;
    float: left;
    clear: left;
    width: 655px;
    margin: 30px 0 0 52px;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
#imgPaymentSubmit {
    position: relative;
    float: left;
    clear: left;
    width: 125px;
    height: 27px;
    margin: 27px 0 0 302px;
    cursor: pointer;
}
#divPaymentLater {
    position: relative;
    float: left;
    clear: left;
    width: 200px;
    margin: 17px 0 0 52px;
}
#inputPaymentLater {
    position: relative;
    float: left;
    margin: 2px 0 0 0;
}
#pPaymentLater {
    position: relative;
    float: left;
    color: #335c90;
    font-size: 10pt;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}
#pPaymentLater:hover {
    text-decoration: none;
}
#divPaymentBottom {
    position: relative;
    float: left;
    clear: left;
    width: 200px;
    height: 35px;
    margin: 0 0 0 52px;
}

#divPaymentSms {
    position: relative;
    float: left;
    width: 711px;
}
#divPaymentSmsLogo {
    margin: 20px 0;
    width: 59px;
    height: 52px;
    top: 15px;
    left: 610px;
    background: url("../img/payment_sms_big.png") no-repeat;
}
#pPaymentSmsMessage {
    position: relative;
    float: left;
    width: 500px;
    margin: 27px 0 0 57px;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
#divPaymentSmsWorkspace {
    position: relative;
    float: left;
    width: 629px;
    background: #F7F4EF;
    margin: 37px 0 0 41px;
}
#pPaymentSmsWorkspaceCaption {
    position: relative;
    float: left;
    margin: 17px 0 0 25px;
}
.pPaymentSmsWorkspaceCaption {
    position: relative;
    float: left;
    margin: 17px 0 0 25px;
}
#inputPaymentSmsPair {
    position: relative;
    float: left;
    width: 150px;
    height: 19px;
    margin: 15px 0 0 12px;
    border: 1px solid #bab9b5;
}
#divPaymentSmsWorkspaceCountry {
    position: relative;
    float: left;
    margin: 17px 0 0 25px;
}
#divPaymentSmsWorkspaceOp {
    position: relative;
    float: left;
    clear: left;
    margin: 20px 0 0 25px;
}
#divPaymentSmsInstructions {
    position: relative;
    float: left;
    clear: left;
    margin: 20px 0 0 25px;
}
#divPaymentSmsFail {
    position: relative;
    float: left;
    clear: left;
    width: 498px;
    margin: 20px 0 0 25px;
}
#pPaymentSmsWorkspaceCountryCaption {
    position: relative;
    float: left;
    width: 75px;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
#pPaymentSmsWorkspaceOpCaption {
    position: relative;
    float: left;
    width: 75px;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
.selectPaymentSmsWorkspace {
    position: relative;
    float: left;
    width: 306px;
    height: 21px;
    margin: -2px 0 0 20px;
    border: 1px solid #bab9b5;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
.selectPaymentSmsWorkspace.small{width: 180px;}
#inputPaymentSmsWorkspaceButtonContinue {
    position: relative;
    float: left;
    clear: left;
    width: 101px;
    height: 27px;
    margin: 28px auto;
    cursor: pointer;
}
#inputPaymentSBRFPrint {
    position: relative;
    float: left;
    clear: left;
    width: 219px;
    height: 27px;
    margin: 28px 0 0 162px;
    cursor: pointer;
}
#pPaymentSmsWorkspaceAbout {
    position: relative;
    float: left;
    clear: left;
    width: 500px;
    margin: 40px 0 0 25px;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
#pPaymentSmsWorkspaceAbout a {
    color: #335c90;
    text-decoration: underline;
}
#pPaymentSmsWorkspaceAbout a:hover {
    text-decoration: none;
}
.dotted_border {
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
    margin: 0 0 0 15px;
}
#page_footer {
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
#page_footer a {
    color: #335c90;
    font-size: 10pt;
    font-weight: normal;
    text-decoration: underline;
}
#page_footer a:hover {
    text-decoration: none;
}

#divPaymentYandex {
    position: relative;
    float: left;
    width: 711px;
}
#divPaymentYandexLogo {
    position: absolute;
    width: 101px;
    height: 51px;
    top: 20px;
    left: 564px;
    background: url("../img/payment_yandex_big.png") no-repeat;
}
#pPaymentYandexMessage1 {
    position: relative;
    float: left;
    width: 615px;
    margin: 25px 0 0 50px;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
#pPaymentYandexMessage2 {
    position: relative;
    float: left;
    clear: left;
    width: 615px;
    margin: 17px 0 0 50px;
    color: #6c6c6c !important;
    font-size: 10pt !important;
    font-weight: normal !important;
}
#pPaymentYandexMessage3 {
    position: relative;
    float: left;
    clear: left;
    width: 615px;
    margin: 17px 0 0 50px;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: bold;
}
#pPaymentYandexMessage3 a {
    color: #335c90;
    font-weight: normal;
    text-decoration: underline;
}
#pPaymentYandexMessage3 a:hover {
    text-decoration: none;
}
#divPaymentYandexWorkspace {
    position: relative;
    float: left;
    clear: left;
    width: 622px;
    margin: 20px 0 0 42px;
    background: #F7F4EF;
}
#tablePaymentYandex {
    position: relative;
    float: left;
    width: 622px;
    margin: 10px 0 0 0;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
.tdPaymentYandexCaption {
    width: 145px;
    height: 35px;
    text-align: right;
}
.tdPaymentYandexSeparator {
    width: 17px;
}
.tdPaymentYandexData {
    width: 450px;
    height: 35px;
    text-align: left;
}
#inputPaymentYandexFIO {
    position: relative;
    float: left;
    width: 306px;
    height: 21px;
    margin: -2px 0 0 0;
    border: 1px solid #bab9b5;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
#inputPaymentYandexPay {
    position: relative;
    float: left;
    clear: left;
    width: 101px;
    height: 27px;
    margin: 20px 0 0 260px;
    cursor: pointer;
}
#inputPaymentYandexPay.double{margin: 20px auto;}
#divPaymentSbrf {
    position: relative;
    float: left;
    width: 711px;
    height: 528px;
}
#divPaymentSbrfLogo {
    position: absolute;
    width: 44px;
    height: 43px;
    top: 24px;
    left: 613px;
    background: url("../img/payment_sbrf_big.png") no-repeat;
}
#pPaymentSbrfMessage1 {
    position: relative;
    float: left;
    width: 540px;
    margin: 25px 0 0 50px;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
#pPaymentSbrfMessage2 {
    position: relative;
    float: left;
    width: 540px;
    margin: 17px 0 0 50px;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
#pPaymentSbrfMessage2 a {
    color: #335c90;
    font-weight: normal;
    text-decoration: underline;
}
#pPaymentSbrfMessage2 a {
    text-decoration: none;
}
#pPaymentSbrfMessage3 {
    position: relative;
    float: left;
    width: 540px;
    margin: 17px 0 0 50px;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
#divPaymentSbrfWorkspace {
    position: relative;
    float: left;
    clear: left;
    width: 622px;
    height: 288px;
    margin: 20px 0 0 42px;
    background: #F7F4EF;
}
#inputPaymentSbrfFIO {
    position: relative;
    float: left;
    width: 379px;
    height: 21px;
    margin: -2px 0 0 0;
    border: 1px solid #bab9b5;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
#textareaPaymentSbrfAddress {
    position: relative;
    float: left;
    width: 379px;
    height: 91px;
    margin: 8px 0 0 0;
    border: 1px solid #bab9b5;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
#tdPaymentSbrfCaptionAddress {
    position: relative;
    float: right;
    margin: 11px 0 0 0;
}

#divPaymentQiwi {
    position: relative;
    float: left;
    width: 711px;
    height: 420px;
}
#divPaymentQiwiLogo {
    position: absolute;
    width: 115px;
    height: 52px;
    top: 10px;
    left: 570px;
    background: url("../img/payment_qiwi_big.png") no-repeat;
}
#divPaymentQiwiWorkspace {
    position: relative;
    float: left;
    clear: left;
    width: 622px;
    margin: 20px 0 0 42px;
    background: #F7F4EF;
}
.pPaymentsLabel {
    clear: left;
    color: #6C6C6C;
    float: left;
    font-size: 10pt;
    font-weight: normal;
    height: 20px;
    margin: 15px 0 0 52px;
    position: relative;
    width: 150px;
}

.divPaymentsFormInputContainer {
    float: left;
    height: 20px;
    margin: 14px 0px 0 40px;
    position: relative;
    width: 457px;
}

.pSbrfMessage {
    color: #6C6C6C;
    float: left;
    font-size: 10pt;
    font-weight: normal;
    margin: 17px 0 0 50px;
    position: relative;
    width: 540px;
}



/* ------------OLD CSS-------------- */

/* fun */

#divCMLBlockFun {
    position: relative;
    float: left;
    margin: 10px 32px 0 32px;
    width: 647px;
}
#divCMLBlockFunTop {
    position: relative;
    float: left;
    width: 647px;
    text-align: center;
}
#tableCMLBlockFunTop {
    margin: 0 0 0 15px;
    margin-top: 8px;
}
.tdCMLBlockFunTopContent {
    padding: 0 28px;
}
.tdCMLBlockFunTopContent a {
    color: #335C90;
    font-weight: bold;
    font-size: 10pt;
    text-decoration: none;
}
.divCMLBlockFunTopContentItem {
    position: relative;
    float: left;
    height: 19px;
    padding: 3px 0 0 0;
    background: url("../img/parents_botlay_center.png") repeat-x;   
}
.divCMLBlockFunTopSeparator {
    border-left: 1px solid #335C90;
    height: 12px;
}
#divCMLBlockFunContent {
    position: relative;
    float: left;
    width: 647px;
    margin: 17px 0 0 0;
}


/* fun - mults */

#divCMLBlockFunContentMults {
    position: relative;
    float: left;
    width: 659px;
}
#divCMLBlockFunContentMultsHeader {
    color: #335C90;
    font-weight: normal;
    font-size: 12pt;
}
#divCMLBlockFunContentMultsMain {
    position: relative;
    float: left;
    clear: left;
    z-index: 7;
    width: 659px;
    margin: 15px 0 18px 0;
}
#divCMLBlockFunContentMultsMainShadowvideo {
    position: absolute;
    z-index: 6;
    width: 480px;
    height: 480px;
    top: -5px;
    left: -5px;
}
#divCMLBlockFunContentMultsMainShadowvideoLefttop {
    position: absolute;
    z-index: 6;
    width: 11px;
    height: 11px;
    left: 0;
    top: 0;
    background: url("../img/fun_mults_video_lefttop.png") no-repeat;
}
#divCMLBlockFunContentMultsMainShadowvideoRightttop {
    position: absolute;
    z-index: 6;
    width: 11px;
    height: 11px;
    right: 0;
    top: 0;
    background: url("../img/fun_mults_video_righttop.png") no-repeat;
}
#divCMLBlockFunContentMultsMainShadowvideoLeftbottom {
    position: absolute;
    z-index: 6;
    width: 11px;
    height: 11px;
    left: 0;
    bottom: 0;
    background: url("../img/fun_mults_video_leftbottom.png") no-repeat;
}
#divCMLBlockFunContentMultsMainShadowvideoRightbottom {
    position: absolute;
    z-index: 6;
    width: 11px;
    height: 11px;
    right: 0;
    bottom: 0;
    background: url("../img/fun_mults_video_rightbottom.png") no-repeat;
}
#divCMLBlockFunContentMultsMainShadowvideoTop {
    position: absolute;
    z-index: 6;
    width: 458px;
    height: 5px;
    left: 11px;
    top: 0;
    background: url("../img/fun_mults_video_top.png") repeat-x;
}
#divCMLBlockFunContentMultsMainShadowvideoLeft {
    position: absolute;
    z-index: 6;
    width: 5px;
    height: 458px;
    top: 11px;
    left: 0;
    background: url("../img/fun_mults_video_left.png") repeat-y;
}
#divCMLBlockFunContentMultsMainShadowvideoRight {
    position: absolute;
    z-index: 6;
    width: 5px;
    height: 458px;
    top: 11px;
    right: 0;
    background: url("../img/fun_mults_video_right.png") repeat-y;
}
#divCMLBlockFunContentMultsMainShadowvideoBottom {
    position: absolute;
    z-index: 6;
    width: 458px;
    height: 5px;
    left: 11px;
    bottom: 0;
    background: url("../img/fun_mults_video_bottom.png") repeat-x;
}
#divCMLBlockFunContentMultsMainVideo {
    position: relative;
    float: left;
    width: 470px;
    height: 470px;
    background: #86A8CD;
}
#divCMLBlockFunContentMultsMainVideoPlayer {
    position: relative;
    float: left;
    width: 456px;
    height: 362px;
    margin: 7px 0 0 7px;
    background: gray;
}
#divCMLBlockFunContentMultsMainVideoText {
    position: relative;
    float: left;
    clear: left;
    width: 456px;
    height: 94px;
    margin: 0 0 0 7px;
    background: #ffffff;
}
#divCMLBlockFunContentMultsMainVideoTextIn {
    position: relative;
    float: left;
    margin: 1px 3px 1px 3px;
    color: #6C6C6C;
    font-size: 10pt;
    font-weight: normal;
}
#divCMLBlockFunContentMultsMainLinks {
    position: relative;
    float: left;
    width: 189px;
    height: 470px;
}
#divCMLBlockFunContentMultsMainLinks ul {
    list-style-type: circle;
    color: #335C90;
    font-weight: normal;
    font-size: 10.5pt;
    margin: 0 0 0 46px;
}
#divCMLBlockFunContentMultsMainLinks ul a {
    color: #335C90;
    text-decoration: underline;
}
#divCMLBlockFunContentMultsMainLinks ul a:hover {
    text-decoration: none;
}
#divCMLBlockFunContentMultsMainLinks ul li {
    margin: 0 0 5px 0;
}
#divCMLBlockFunContentMultsMainButtons {
    position: absolute;
    bottom: 0;
    width: 170px;
    margin: 0 0 0 24px;
}
#divCMLBlockFunContentMultsMainButtonsList {
    position: relative;
    float: left;
    width: 66px;
    height: 52px;
    background: url("../img/fun_mults_listlight.png") no-repeat;
    margin: 0 0 10px 0;
    cursor: pointer;
}
#divCMLBlockFunContentMultsMainButtonsList:hover {
    background: url("../img/fun_mults_listdark.png") no-repeat;
}
#divCMLBlockFunContentMultsMainButtonsFlags {
    position: relative;
    float: left;
    clear: left;
    margin-left: 9px;
    width: 164px;
}
.divCMLBlockFunContentMultsMainFlag {
    position: relative;
    float: left;
    width: 32px;
    height: 32px;
    margin: 0 9px 0 0;
    cursor: pointer;
}
#divCMLBlockFunContentMultsMainFlagsRus {
    background: url("../img/fun_mults_ruslight.png") no-repeat;
}
#divCMLBlockFunContentMultsMainFlagsRus:hover {
    background: url("../img/fun_mults_rusdark.png") no-repeat;
}
#divCMLBlockFunContentMultsMainFlagsUk {
    background: url("../img/fun_mults_uklight.png") no-repeat;
}
#divCMLBlockFunContentMultsMainFlagsUk:hover {
    background: url("../img/fun_mults_ukdark.png") no-repeat;
}
#divCMLBlockFunContentMultsMainFlagsFra {
    background: url("../img/fun_mults_fralight.png") no-repeat;
}
#divCMLBlockFunContentMultsMainFlagsFra:hover {
    background: url("../img/fun_mults_fradark.png") no-repeat;
}
#divCMLBlockFunContentMultsMainFlagsGer {
    background: url("../img/fun_mults_gerlight.png") no-repeat;
    margin-right: 0;
}
#divCMLBlockFunContentMultsMainFlagsGer:hover {
    background: url("../img/fun_mults_gerdark.png") no-repeat;
    margin-right: 0;
}

#divCMLBlockFunContentMultsCarousel {
    position: relative;
    float: left;
    width: 659px;
    height: 55px;
    border: 1px solid #86A8CD;
}
#divCMLBlockFunContentMultsCarouselIn {
    position: relative;
    float: left;
    width: 620px;
    height: 35px;
    margin: 9px 0 0 19px;
    overflow: hidden;
}
#divCMLBlockFunContentMultsItems {
    position: relative;
    float: left;
    height: 35px;
}
.imgCMLBlockFunContentMultsItem {
    position: relative;
    float: left;
    width: 60px;
    height: 35px;
    cursor: pointer;
}
.divCMLBlockFunContentMultsItemSeparator {
    position: relative;
    float: left;
    width: 10px;
    height: 35px;
}
#divCMLBlockFunContentMultsItemSelected {
    position: absolute;
    top: 0;
    width: 60px;
    height: 35px;
    cursor: pointer;
    background: #ffffff;
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
#divCMLBlockFunContentMultsCarouselLeft {
    position: absolute;
    left: 6px;
    top: 21px;
    width: 6px;
    height: 12px;
    background: url("../img/fun_mults_arrowleft.png") no-repeat;
    cursor: pointer;
}
#divCMLBlockFunContentMultsCarouselRight {
    position: absolute;
    right: 6px;
    top: 21px;
    width: 6px;
    height: 12px;
    background: url("../img/fun_mults_arrowright.png") no-repeat;
    cursor: pointer;
}
#divCMLBlockFunContentMultsMainShadowcarouselLefttop {
    position: absolute;
    z-index: 6;
    width: 11px;
    height: 11px;
    left: -6px;
    top: -6px;
    background: url("../img/fun_mults_video_lefttop.png") no-repeat;
}
#divCMLBlockFunContentMultsMainShadowcarouselRightttop {
    position: absolute;
    z-index: 6;
    width: 11px;
    height: 11px;
    right: -6px;
    top: -6px;
    background: url("../img/fun_mults_video_righttop.png") no-repeat;
}
#divCMLBlockFunContentMultsMainShadowcarouselLeftbottom {
    position: absolute;
    z-index: 6;
    width: 11px;
    height: 11px;
    bottom: -6px;
    left: -6px;
    background: url("../img/fun_mults_video_leftbottom.png") no-repeat;
}
#divCMLBlockFunContentMultsMainShadowcarouselRightbottom {
    position: absolute;
    z-index: 6;
    width: 11px;
    height: 11px;
    right: -6px;
    bottom: -6px;
    background: url("../img/fun_mults_video_rightbottom.png") no-repeat;
}
#divCMLBlockFunContentMultsMainShadowcarouselTop {
    position: absolute;
    z-index: 6;
    width: 649px;
    height: 5px;
    left: 5px;
    top: -6px;
    background: url("../img/fun_mults_video_top.png") repeat-x;
}
#divCMLBlockFunContentMultsMainShadowcarouselLeft {
    position: absolute;
    z-index: 6;
    width: 5px;
    height: 45px;
    top: 5px;
    left: -6px;
    background: url("../img/fun_mults_video_left.png") repeat-y;
}
#divCMLBlockFunContentMultsMainShadowcarouselRight {
    position: absolute;
    z-index: 6;
    width: 5px;
    height: 45px;
    top: 5px;
    right: -6px;
    background: url("../img/fun_mults_video_right.png") repeat-y;
}
#divCMLBlockFunContentMultsMainShadowcarouselBottom {
    position: absolute;
    z-index: 6;
    width: 649px;
    height: 5px;
    left: 5px;
    bottom: -6px;
    background: url("../img/fun_mults_video_bottom.png") repeat-x;
}


/* fun - audio */
#divCMLBlockFunContentAudio {
    position: relative;
    float: left;
    width: 590px;
    margin: 0 0 0 28px;
}
#divCMLBlockFunContentAudioTop {
    position: relative;
    float: left;
    width: 590px;
    height: 168px;
    margin: 0 0 18px 0;
}
#imgCMLBlockFunContentAudioTop {
    position: relative;
    float: left;
    margin: 0 18px 0 0;
}
#divCMLBlockFunContentAudioTopContent {
    position: relative;
    float: left;
    width: 334px;
    height: 168px;
}
#pCMLBlockFunContentAudioTopContentCaption {
    position: relative;
    float: left;
    width: 334px;
    margin: 13px 0 0 0;
    color: #1382CA;
    font-size: 13pt;
    font-weight: normal;
    margin: 0;
}
#pCMLBlockFunContentAudioTopContentText {
    position: relative;
    float: left;
    clear: left;
    width: 334px;
    margin: 13px 0 0 0;
    color: #6C6C6C;
    font-size: 10pt;
    font-weight: normal;
    margin: 10px 0 0 0;
}
#divCMLBlockFunContentAudioTopContentPlayer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 334px;
    height: 18px;
}
#divCMLBlockFunContentAudioMain {
    position: relative;
    float: left;
    width: 582px;
    height: 187px;
    margin: 0 0 13px 0;
}
.divCMLBlockFunContentAudioMainItem {
    position: relative;
    float: left;
    width: 291px;
    height: 87px;
    margin: 0 0 13px 0;
}
.imgCMLBlockFunContentAudioMainItem {
    position: relative;
    float: left;
    margin: 0 16px 0 0;
}
.divCMLBlockFunContentAudioMainItemContent {
    position: relative;
    float: left;
    width: 174px;
    height: 87px;
}
.pCMLBlockFunContentAudioMainItemContentCaption {
    position: relative;
    float: left;
    color: #1382CA;
    font-size: 10pt;
    font-weight: bold;
}
.divCMLBlockFunContentAudioMainItemContentBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 174px;
}
.pCMLBlockFunContentAudioMainItemContentText {
    position: relative;
    float: left;
    color: #000000;
    font-size: 9pt;
    font-weight: normal;
}
.aCMLBlockFunContentAudioMainItemContentTextListen {
    position: relative;
    float: left;
    clear: left;
    color: #2BACFF;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: underline;
}
.aCMLBlockFunContentAudioMainItemContentTextListen:hover {
    text-decoration: none;
}
.divVKAudioPager
{
    width: 541px;
    height: 45px;
}
.divVKGTableAudioActivePageMarker
{
    background: url("../img/audio_active_page_marker.png") no-repeat;
    background-position: center;
}
.divVKGTableAudioInactivePageMarker
{
    background: url("../img/audio_inactive_page_marker.png") no-repeat;
    background-position: center;
}
#divCMLBlockFunContentAudioTotal {
    position: relative;
    float: left;
    clear: left;
    color: #6C6C6C;
    font-size: 10pt;
    font-weight: normal;
    margin: 6px 0 0 0;
}


/* fun - paint */
#divCMLBlockFunContentPaint {
    position: relative;
    float: left;
    width: 599px;
    margin: 0 0 50px 24px;
}
#divCMLBlockFunContentPaintPics {
    position: relative;
    float: left;
    width: 246px;
    margin: 0 54px 0 0;
}
.divCMLBlockFunContentPaintPic {
    position: relative;
    float: left;
    width: 119px;
    height: 119px;
    margin: 0 4px 5px 0;
}
#divCMLBlockFunContentPaintPic1 {
    background: url("../img/paint_img_1.jpg") no-repeat;
}
#divCMLBlockFunContentPaintPic2 {
    background: url("../img/paint_img_2.jpg") no-repeat;
}
#divCMLBlockFunContentPaintPic3 {
    background: url("../img/paint_img_3.jpg") no-repeat;
}
#divCMLBlockFunContentPaintPic4 {
    background: url("../img/paint_img_4.jpg") no-repeat;
}
#divCMLBlockFunContentPaintPic5 {
    background: url("../img/paint_img_5.jpg") no-repeat;
}
#divCMLBlockFunContentPaintPic6 {
    background: url("../img/paint_img_6.jpg") no-repeat;
}
#divCMLBlockFunContentPaintCircle {
    position: relative;
    float: left;
    width: 31px;
    height: 31px;
    background: url("../img/paint_brush.png") no-repeat;
    margin: 0 10px 0 0;
}
#divCMLBlockFunContentPaintNames {
    position: relative;
    float: left;
}
#pCMLBlockFunContentPaintNamesBig {
    position: relative;
    float: left;
    color: #335C90;
    font-size: 15pt;
    font-weight: normal;
}

#divCMLBlockFunContentPaintNamesSmall {
    position: relative;
    float: left;
    clear: left;
    width: 258px;
}
.pCMLBlockFunContentPaintNamesSmall {
    color: #335C90;
    font-size: 11pt;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}
.pCMLBlockFunContentPaintNamesSmall:hover {
    text-decoration: none;
}


#divCMLBlockTopLeft {
    position: absolute;
    z-index: 5;
    width: 31px;
    height: 31px;
    left: 0;
    top: 0;
    background: url("../img/parents_div_left.png") no-repeat;
}
#divCMLBlockTopRight {
    position: absolute;
    z-index: 5;
    width: 31px;
    height: 31px;
    right: 0;
    background: url("../img/parents_div_right.png") no-repeat;
}
#tdCMLBlockParentsTop {
    width: 723px;
    height: 5px;
    background: url("../img/parents_div_center.png") repeat-x;
}
#divCMLBlockParents {
    margin: 0px 32px 0 32px;
}
#divCMLBlockParents a {
    color: #335C90;
    text-decoration: underline;
}
#divCMLBlockParents a:hover {
    text-decoration: none;
}
#divCMLBlockParentsTop {
    position: relative;
    float: left;
    width: 647px;
}
.divCMLBlockParentsTopItem {
    position: relative;
    float: left;
    margin: 0 0 12px 0;
    color: #335C90;
    font-weight: bold;
    font-size: 10pt;
    height: 19px;
    padding: 3px 0 0 0;
}
.divCMLBlockParentsTopItemWithBack {
    background: url("../img/parents_botlay_center.png") repeat-x;
}
#divCMLBlockParentsTopItemBotlayLeft {
    position: absolute;
    z-index: 6;
    height: 22px;
    width: 12px;
    background: url("../img/parents_botlay_left.png") no-repeat;
    margin: -3px 0 0 -12px;
}
#divCMLBlockParentsTopItemBotlayRight {
    position: absolute;
    z-index: 6;
    height: 22px;
    width: 12px;
    background: url("../img/parents_botlay_right.png") no-repeat;
    margin: -3px 0 0 0;
    right: -12px;
}
#divCMLBlockParentsTop a {
    text-decoration: none;
}
.divCMLBlockParentsTopSeparator1 {
    position: relative;
    float: left;
    border-left: 1px solid #335C90;
    height: 12px;
    margin: 6px 0 0 16px;
}
.divCMLBlockParentsTopSeparator2 {
    position: relative;
    float: left;
    width: 12px;
    height: 12px;
}
#divCMLBlockParentsHeader {
    position: relative;
    float: left;
    clear: left;
    margin: 4px 0 15px 0;
    width: 647px;
}
#pCMLBlockParentsHeader {
    position: relative;
    float: left;
    color: #6C6C6C;
    font-weight: normal;
    font-size: 16pt;
}
#divCMLBlockParentsHeaderRss {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    margin: 2px 0 0 7px;
    background: url("../img/rss.png") no-repeat;
}
#divCMLBlockParentsInfo {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    margin: 0 0 20px 0;
}
#divCMLBlockParentsInfo a {
    color: #6c6c6c;
}


.divCMLBlockParentsItem {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    margin: 0 0 25px 0;
}
.divCMLBlockParentsItemPicture {
    position: relative;
    float: left;
    width: 72px;
    height: 72px;
    margin: 0 20px 0 0;
}
.divCMLBlockParentsItemText {
    color: #6C6C6C;
    font-size: 10pt;
}
.pCMLBlockParentsCaption11 {
    color: #335C90;
    font-weight: bold;
    font-size: 10pt;
    margin: 0 0 4px 0;
}
.pCMLBlockParentsCaption21 {
    color: #335C90;
    font-weight: normal;
    font-size: 10pt;
    margin: 0 0 4px 0;
}
.pCMLBlockParentsCaption31 {
    color: #6C6C6C;
    font-weight: normal;
    font-size: 10pt;
}

#divCMLBlockParentsCaption {
    position: relative;
    float: left;
    clear: left;
    margin: 0 0 20px 0;
    width: 647px;
}
#pCMLBlockParentsCaption1 {
    color: #335C90;
    font-weight: bold;
    font-size: 12pt;
}
#pCMLBlockParentsCaption2 {
    color: #335C90;
    font-weight: normal;
    font-size: 10pt;
}
#divCMLBlockParentsContent {
    position: relative;
    float: left;
    clear: left;
    color: #6C6C6C;
    font-size: 10pt;
    margin: 0 0 25px 0;
    width: 647px;
}

#divCMLBlockParentsBack {
    position: relative;
    clear: left;
    float: left;
    font-size: 10pt;
    font-weight: normal;
    width: 647px;
    text-align: right;
}
.divVKGTablePageMarker
{
    padding:0px;
    margin:0px;
    width: 42px;
    height: 33px;
    padding-top: 9px;
    text-align:center;
    color: #fff;
    font-family: Tahoma;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    float:left;
}

.divVKGamesPager
{
    width: 541px;
    height: 45px;
    margin: 0 auto;
}

.divVKGTablePageMarker a
{
    color: #fff;
    text-decoration:none;
}

.divVKGTableGamesActivePageMarker
{
    background: url("../img/games_active_page_marker.gif") no-repeat; 
}

.divVKGTableGamesInactivePageMarker
{
    background: url("../img/games_inactive_page_marker.gif") no-repeat; 
}

.tdVKGCompactPreviewImgContainer
{
    padding-top:2px;
}

.aVKGFacePageLinks
{
    font-family: Tahoma,sans-serif;
    font-size: 11px;
}

/* preschool */
#divCMLBlockFunContentPreschoolPic1 {
    background: url("../img/preschool_img_1.jpg") no-repeat;
}
#divCMLBlockFunContentPreschoolPic2 {
    background: url("../img/preschool_img_2.jpg") no-repeat;
}
#divCMLBlockFunContentPreschoolPic3 {
    background: url("../img/preschool_img_3.jpg") no-repeat;
}
#divCMLBlockFunContentPreschoolPic4 {
    background: url("../img/preschool_img_4.jpg") no-repeat;
}
#divCMLBlockFunContentPreschoolPic5 {
    background: url("../img/preschool_img_5.jpg") no-repeat;
}
#divCMLBlockFunContentPreschoolPic6 {
    background: url("../img/preschool_img_6.jpg") no-repeat;
}
#divCMLBlockFunContentPreschoolPic7 {
    background: url("../img/preschool_img_7.jpg") no-repeat;
}
#divCMLBlockFunContentPreschoolPic8 {
    background: url("../img/preschool_img_8.jpg") no-repeat;
}
.divCMLBlockFunContentPreschoolCircle {
    position: relative;
    float: left;
    width: 31px;
    height: 31px;
    margin: 0 10px 0 0;
}
#divCMLBlockFunContentPreschoolCircle1 {
    background: url("../img/preschool_pic_1.gif") no-repeat;
}
#divCMLBlockFunContentPreschoolCircle2 {
    background: url("../img/preschool_pic_2.gif") no-repeat;
}
#divCMLBlockFunContentPreschoolCircle3 {
    background: url("../img/preschool_pic_3.gif") no-repeat;
}
#divCMLBlockFunContentPreschoolCircle4 {
    background: url("../img/preschool_pic_4.gif") no-repeat;
}
#divCMLBlockFunContentPreschoolCircle5 {
    background: url("../img/preschool_pic_5.gif") no-repeat;
}
#divCMLBlockFunContentPreschoolCircle6 {
    background: url("../img/preschool_pic_6.gif") no-repeat;
}
#divCMLBlockFunContentPreschoolCircle7 {
    background: url("../img/preschool_pic_7.gif") no-repeat;
}
#divCMLBlockFunContentPreschoolCircle8 {
    background: url("../img/preschool_pic_8.gif") no-repeat;
}
.pCMLBlockFunContentPreschoolNamesSmallItem {
    position: relative;
    float: left;
    clear: left;
    width: 258px;
    color: #335C90;
    font-size: 13.5pt;
    font-weight: normal;
    margin: 5px 0 0 0;
}
.aSitemapItem {
    position: relative;
    float: left;
    height: 25px;
    text-decoration: none;
}
.pSitemapItem {
    position: relative;
    float: left;
    height: 25px;
}
.aSitemapItem:hover {
    text-decoration: underline;
}
.pSitemapOneSep {
    position: relative;
    float: left;
    height: 25px;
    width: 30px;
}
.pSitemapNewLine {
    position: relative;
    float: left;
    clear: left;
    width: 0;
    height: 25px;
}
#divBlockContentArea {
    position: relative;
    width: 651px;
    padding: 20px 0 0 30px;
}
#divBlockBackDiv {
    position: relative;
    clear: left;
    padding: 20px 0 0 30px;
    width: 651px;
    height: 15px;
}
#divBlockBackDiv p {
    position: relative;
    float: right;
    cursor: pointer;
    text-decoration: underline;
}
#divBlockBackDiv p:hover {
    text-decoration: none;
}
#divBlockSeparatorAfterContentArea {
    position: relative;
    float: left;
    clear: left;
    width: 500px;
    height: 30px;
}

.profileFormWrapper {position: relative;padding-left: 10px}

.profileFormWrapper .picture {position: absolute; top:0; right:10px}

.profileFormWrapper .picture img {border: 2px solid #CBA165;}

#user-profile-form label {display: block; width: 190px; float:left;font-weight: normal;}

#user-profile-form .description {text-align: left;width: 395px;padding-left: 190px;}

#user-profile-form #edit-pass-pass1-wrapper {margin-bottom: 12px}

#user-profile-form input.form-text:focus {outline: none}

#user-profile-form input.form-text {height: 24px; width: 385px}


#user-profile-form input.form-text {border-top: 1px solid #a3a3a3; border-left: 1px solid #c6c6c6; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #f3f3f3;background: url('../img/text-input-bg.png') repeat-x top left white}
#user-profile-form input.form-text.error {border: 1px solid #FCC}

#user-profile-form #edit-submit {
	background: url('../img/save.png'); 
	height: 29px;
	width: 99px;
	color: transparent;
	border:0;
	float:left;
	margin-left:270px;
	margin-right:20px;
	font-size:0;
}

#user-profile-form .form-submit{cursor:pointer;}


.formRequiredFieldsHint {margin-bottom: 23px}

.uFormsContainer .formDescription {font-size: 12px; color: #514742}
.uFormsContainer fieldset {border: 0;padding:0}
.uFormsContainer .messages {margin-top: 30px}
.uFormsContainer .messages ul {list-style-type: none}
.userFormsContent #edit-submit-4 {background: url('../img/btn-blue-bg.png') repeat-x #4286b6}
.userFormsContent #edit-submit-3,.userFormsContent #edit-submit {background: url('../img/btn-red-bg.png') repeat-x #c86733}

#classNamesList {position:absolute;right:15px;top:45px;background:white;z-index:300;padding:5px;display:none;}
#paymentClassName {position:absolute;right:20px;top:15px;}
.paymentClassName {cursor:pointer;color: #B54242;font-size: 20px;font-weight:bold;border-bottom: 1px dashed #B54242;}
.paymentClassName:hover {cursor:pointer;color: #B54242;font-size: 20px;font-weight:bold;}
.paymentPriceName {font-family:Tahoma;color: #2e343c;font-size: 20px;font-weight:bold;position:absolute;right:20px;top:58px;}
.classPagePriceName {font-family:Tahoma;color: #2e343c;font-size: 20px;font-weight:bold;position:absolute;left: 548px;top:58px;}
.decreaseFont{font-size: 17px;font-weight:normal;}
.decreaseFont.paymentClassName:hover {cursor:pointer;color: #B54242;font-size: 17px;font-weight:normal;}
/* userlist */
#divUserlistBotlay {
    position: fixed;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
}
#divUserlistBody {
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
    background: #ffffff;
    font-size: 9pt;
    color: #000000;
    font-weight: normal;
}
#divUserlistNav {
    position: relative;
    float: left;
    width: 98%;
    height: 25px;
    margin: 10px 0 0 1%;
}
.divUserlistTab {
    position: relative;
    float: left;
    width: 128px;
    height: 23px;
    margin: 0 -1px 0 0;
    text-align: center;
    background: #cccccc;
    border: 1px solid #dddddd;
}
.divUserlistTabLong {
    width: 178px;
}
.divUserlistTab a {
    text-decoration: none;
}
.divUserlistTab p {
    margin: 4px 0 0 0;
    color: #ffffff;
    font-weight: bold;
}
#divUserlistWorkspace {
    position: relative;
    float: left;
    clear: left;
    width: 98%;
    margin: -1px 0 0 1%;
    padding: 0;
    border: 1px solid #dddddd;  
}
#tableUserlistSelect {
    position: relative;
    float: left;
    clear: left;
    width: 490px;
    margin: -1px 0 0 -1px;
    border: 1px solid #dddddd;
}
.tdUserlistSelectCaption {
    width: 190px;
    background-color: #aaaaaa;
    color: #ffffff;
    font-weight: bold;
    padding: 0 0 0 10px;
    border-bottom: 1px solid #dddddd;
}
.tdUserlistSelectData {
    width: 300px;
    border-bottom: 1px solid #dddddd;
}
.inputUserlistSelect {
    position: relative;
    float: left;
    width: 298px;
    height: 18px;
    border: 1px solid #dddddd;
}
.inputUserlistSelectSmall {
    position: relative;
    float: left;
    width: 130px;
    height: 18px;
    border: 1px solid #dddddd;
}
.selectUserlistSelect {
    position: relative;
    float: left;
    width: 300px;
    height: 20px;
    border: 1px solid #dddddd;
}
.pUserlistRegTo {
    position: relative;
    float: left;
    width: 16px;
    height: 13px;
    margin: 4px 10px 0 10px;
}
#inputUserlistSelectSubmit {
    position: relative;
    float: left;
    clear: left;
    width: 100px;
    height: 23px;
    margin: 10px 0 0 390px;
}
#tableUserlist {
    position: relative;
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
    border: 1px solid #dddddd;
}
#tableUserlist td {
    padding: 0 5px 0 5px;
    border-bottom: 1px solid #dddddd;
}
.trUserlistHeader {
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    background: #aaaaaa;
    height: 28px;
}
#divUserlistPages {
    position: relative;
    float: left;
    width: 94%;
    height: 15px;
    margin: 15px 0 0 10px;
}
#divUserlistPages a {
    color: #000000;
}
#divUserlistBottomSep {
    position: relative;
    float: left;
    width: 500px;
    height: 20px;
}
#divUserlistOpenAccess {
    position: fixed;
    z-index: 100;
    width: 600px;
    height: 235px;
    left: 50%;
    margin-left: -300px;
    top: 270px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}
#divUserlistOpenAccessClose {
    position: fixed;
    z-index: 100;
    width: 70px;
    height: 17px;
    left: 50%;
    margin-left: 231px;
    top: 253px;
    background-color: #ff5977;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}
#divUserlistOpenAccessHeader {
    position: relative;
    float: left;
    width: 100%;
    height: 25px;
    background-color: #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    text-align: center;
}
#divUserlistOpenAccessHeader p {
    color: #ffffff;
    font-weight: bold;
    font-size: 10pt;
    margin: 5px 0 0 0;
}
#tableUserlistOpenAccess {
    position: relative;
    float: left;
    width: 98%;
    margin: 20px 0 0 1%;
}
#tableUserlistOpenAccess td {
    padding: 0 10px 0 10px;
    height: 25px;
}
#divUserlistOpenAccessHelp {
    position: relative;
    float: left;
    clear: left;
    width: 98%;
    margin: 15px 0 0 1%;
    padding: 0 0 0 10px;
    color: #555555;
}
#divUserlistOpenAccessSubmti {
    position: absolute;
    right: 1%;
    top: 190px;
    width: 140px;
    height: 23px;
    padding: 0 10px 0 0;
}
#inputUserlistOpenAccessSubmit {
    position: relative;
    float: right;
    width: 130px;
    height: 23px;
}
.aUserlist {
    color: #3E8FBB;
}
#divUserlistActivatePayAlert {
    position: relative;
    float: left;
    width: 500px;
    margin: 20px 0 0 10px;
    color: #ff5977;
}
.pUserlistActivatePayCaption {
    position: relative;
    float: left;
    clear: left;
    width: 100px;
    margin: 20px 0 0 10px;
}
.inputUserlistActivatePayNumber {
    position: relative;
    float: left;
    width: 150px;
    height: 18px;
    margin: 15px 0 0 10px;
    border: 1px solid #cccccc;
}
.inputUserlistActivatePaySubmit {
    position: relative;
    float: left;
    clear: left;
    width: 120px;
    height: 23px;
    margin: 10px 0 15px 10px;
}
#tableUserlistPrices {
    position: relative;
    float: left;
    width: 452px;
    margin: 15px 0 0 10px;
}
#tableUserlistPrices td {
    border: 1px solid #dddddd;
}
.tdUserlistPricesCaption {
    height: 22px;
    background: #aaaaaa;
    text-align: center;
}
.pUserlistPricesCaption {
    margin: 3px 0 0 0;
    font-weight: bold;
    color: #ffffff;
}
.tdUserlistPricesLeft {
    width: 150px;
    background: #cccccc;
    color: #ffffff;
    font-weight: bold;
    font-size: 10pt;
}
.tdUserlistPricesData {
    width: 300px;
}
.selectUserlistPrices {
    position: relative;
    float: left;
    width: 300px;
    height: 20px;
    border: 1px solid #dddddd;
}
.inputUserlistPrices {
    position: relative;
    float: left;
    width: 298px;
    height: 18px;
    border: 1px solid #dddddd;
}
.inputUserlistPricesSubmit {
    position: relative;
    float: left;
    clear: left;
    width: 100px;
    height: 23px;
    margin: 10px 0 0 10px;
}
#tableUserlistPricesEdit {
    position: relative;
    float: left;
    clear: left;
    width: 500px;
    margin: 15px 0 0 10px;
    border: 1px solid #cccccc;
}
#tableUserlistPricesEdit td {
    border: 1px solid #dddddd;
}
.tdUserlistPricesSubTop {
    height: 22px;
    background: #cccccc;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 10pt;
}
.tdUserlistPricesEditLeft {
    width: 200px;
    background: #cccccc;
    color: #ffffff;
    font-weight: bold;
    font-size: 10pt;
}
.inputUserlistPricesEdit {
    position: relative;
    float: left;
    width: 100px;
    height: 18px;
    border: 1px solid #dddddd;
}
.inputUserlistPricesEditSubmit {
    position: relative;
    float: left;
    clear: left;
    width: 130px;
    height: 23px;
    margin: 10px 0 15px 10px;
}
#divRoundCornerBlockTop
{
    padding: 0px;
    margin: 0px;
    width: 628px;
    height: 19px;
    background: url("../img/round-block-top.jpg") no-repeat;
}

#divRoundCornerBlockCenter
{
    width: 610px;
    padding-left: 9px;
    padding-right: 9px;
}

#divRoundCornerBlockBottom
{
    padding: 0px;
    margin: 0px;
    width: 628px;
    height: 19px;
    background: url("../img/round-block-bottom.jpg") no-repeat;
}

/* VKids Games */

.tdVKGName
{
    color: #CC3A00;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.tdVKGShortDescription
{
    color: #302F2F;
    font-family: Arial,sans-serif;
    font-size: 11px;
    padding-bottom: 5px;
    padding-top: 5px;
}

#tableVKGNavTable
{
    width: 609px;
    height: 43px;
    background: url("../img/games_navigation_buttons.png") no-repeat transparent;
    vertical-align: top; 
    text-align: center;
}

#divVKGTableContainerTop
{
    width: 465px;
    height: 25px;
    background: url("../img/games_table_cont_header.gif") no-repeat;
    padding-left: 145px;
    padding-top: 20px;
    color: #FF0099;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
}

#divVKTableContainerCenter
{
    width: 610px;
    background: url("../img/games_table_cont_bg.gif") repeat-y;
    padding-bottom: 13px;
    padding-top: 10px;
    vertical-align: top;
}

#divVKTableContainerBottom
{
    width: 610px;
    height: 11px;
    background: url("../img/games_table_cont_footer.gif") no-repeat;
}



.divVKGTablePageMarker
{
    padding:0px;
    margin:0px;
    width: 42px;
    height: 33px;
    padding-top: 9px;
    text-align:center;
    color: #fff;
    font-family: Tahoma;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    float:left;
}

.divVKGamesPager
{
    width: 541px;
    height: 45px;
    margin: 0 auto;
}

.divVKGTablePageMarker a
{
    color: #fff;
    text-decoration:none;
}

.divVKGTableGamesActivePageMarker
{
    background: url("../img/games_active_page_marker.gif") no-repeat; 
}

.divVKGTableGamesInactivePageMarker
{
    background: url("../img/games_inactive_page_marker.gif") no-repeat; 
}

.tdVKGCompactPreviewImgContainer
{
    padding-top:2px;
}

.aVKGFacePageLinks
{
    font-family: Tahoma,sans-serif;
    font-size: 11px;
}

#divSpecificationsSpeedTest {
    position: relative;
    float: left;
    width: 200px;
    height: 42px;
    margin: -14px 0 0 10px;
    background: url("../img/bird1.png") no-repeat;
}
.pSpecificationsFloat {
    position: relative;
    float: left;
    color: rgb(105, 105, 105);
    font-size: 12px;
}
.pSpecifications {
    position: relative;
    float: left;
    clear: left;
    margin: 10px 0 0 0;
    color: rgb(105, 105, 105);
    font-size: 12px;
}

#divCMLClass1mainBottommenuSocialIn {
    position: absolute;
    left: 14px;
    top: 11px;
    width: 142px;
    height: 20px;
}
#divCMLClass1mainBottommenuSocialPlus {
    position: relative;
    float: left;
    width: 13px;
    height: 13px;
    background: url("../img/plus_small.png") no-repeat;
    margin: 3px 4px 0 0;
    cursor: pointer;
}
#divCMLClass1mainBottommenuSocialFacebook {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    background: url("../img/facebook_small.png") no-repeat;
    margin: 0 4px 0 4px;
    cursor: pointer;
}
.divCMLClass1mainBottommenuSocialBord {
    position: relative;
    float: left;
    height: 20px;
    border-left: 1px dotted #CDDFEB;
}
#divCMLClass1mainBottommenuSocialTwitter {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    background: url("../img/twitter_small.png") no-repeat;
    margin: 0 4px 0 4px;
    cursor: pointer;
}
#divCMLClass1mainBottommenuSocialVkontakte {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    background: url("../img/vkontakte_small.png") no-repeat;
    margin: 0 4px 0 4px;
    cursor: pointer;
}
#divCMLClass1mainBottommenuSocialOdnoklassniki {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    background: url("../img/odnoklassniki_small.png") no-repeat;
    margin: 0 4px 0 4px;
    cursor: pointer;
}
#divCMLClass1mainBottommenuSocialMail {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    background: url("../img/mail-small.png") no-repeat;
    margin: 0 4px 0 4px;
    cursor: pointer;
}
#divCMLClass1mainBottommenuSocialMoiMir {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    background: url("../img/moy-mir-min.png") no-repeat;
    margin: 0 4px 0 4px;
    cursor: pointer;
}
#divPaymentPaypalLogo {
	margin-top:15px;
    width: 85px;
    height: 43px;
    background: url("../img/payment_paypal.png") no-repeat;	
	margin:15px 30px 0 0;
}

#divPaymentDOLogo {
    width: 120px;
    height: 17px;
    background: url("../img/dengionline.png") no-repeat;	
	margin:34px 1px 20px 0;
}

#divPaymentPaytureLogo {
    width: 119px;
    height: 27px;
    background: url("../img/payment_Payture.png") no-repeat;	
	margin:20px 0px 0px 0;
}

#divPaymentWMLogo {
	margin-top:5px;
    width: 113px;
    height: 52px;
    background: url("../img/payment_wm.png") no-repeat;	
	margin:5px 1px 0 0;
}

#divPaymentMRLogo {
    width: 120px;
    height: 34px;
    background: url("../img/payment_mr.png") no-repeat;	
	margin:15px 0px 0 0;
}

#edit-mimemail-textonly-wrapper{display:none;}

#promohelp, #sourcehelp, .modalhelp {
	position:relative;
	display: inline;
	font-size: 11px;
	color: #006CA7;
	cursor:pointer;
}

.modalhelp {float:left;width: 184px;}

#promohelpcontainer, #sourcehelpcontainer
{
    position:absolute;
    display:none;
    width:200px;
    padding:10px;
    background:white;
    border:1px solid gray;
    bottom:19px;	
    z-index:100000000000;
}
.modalhelpwin
{
    position:absolute;
    display:none;
    width:300px;
    padding:10px;
    background:white;
    border:1px solid gray;
    bottom:-15px;
    left:180px;	
    z-index:100000000000;
}
.blogItemWrapper{
    margin-bottom:4px;border-bottom:1px dashed #CBCAC8;margin-top:4px;
}


/* player */


.SwitchActive {
    color: #0000ff;
}
.SwitchInactive {
    color: #ffffff;
}
.smile {
    position: relative;
    float: left;
    width: 19px;
    height: 19px;
    cursor: pointer;
    z-index: 10000;
}
.smileblue {
    background: url("../img/smile_blue.gif");
}
.smileblue_selected {
    background: url("../img/smile_blue_selected.gif");
}
.smileblue:hover,
.smileblue_selected:hover {
    background: url("../img/smile_blue_hover.gif");
}
.smilegreen {
    background: url("../img/smile_green.gif");
}
.smilegreen_selected {
    background: url("../img/smile_green_selected.gif");
}
.smilegreen:hover,
.smilegreen_selected:hover {
    background: url("../img/smile_green_hover.gif");
}
.smilered {
    background: url("../img/smile_red.gif");
}
.smilered_selected {
    background: url("../img/smile_red_selected.gif");
}
.smilered:hover,
.smilered_selected:hover {
    background: url("../img/smile_red_hover.gif");
}
.smileyellowleft {
    background: url("../img/smile_yellow_left.gif");
}
.smileyellowleft_selected {
    background: url("../img/smile_yellow_left_selected.gif");
}
.smileyellowleft:hover,
.smileyellowleft_selected:hover {
    background: url("../img/smile_yellow_left_hover.gif");
}
.smileyellowright {
    background: url("../img/smile_yellow_right.gif");
}
.smileyellowright_selected {
    background: url("../img/smile_yellow_right_selected.gif");
}
.smileyellowright:hover,
.smileyellowright_selected:hover {
    background: url("../img/smile_yellow_right_hover.gif");
}
#divPlayerLoading {
    position: absolute;
    z-index: 3;
    left: 116px;
    top: 219px;
    width: 730px;
    height: 177px;
    background: url("../img/player_loading.png") no-repeat;
}
#divPlayerTop {
    position: relative;
    float: left;
    z-index: 3;
    width: 100%;
    height: 35px;
    background: #FFFF87;
}
#divPlayerTopMenu {
    position: relative;
    float: left;
    z-index: 3;
    width: 990px;
    height: 23px;
    top: 6px;
    left: 50%;
    margin-left: -495px;
}
.divPlayerTopDiscipline {
    position: relative;
    float: left;
    height: 23px;
    margin: 0 9px 0 0;
    cursor: pointer;
}
.divPlayerTopDisciplineLeft {
    position: relative;
    float: left;
    width: 14px;
    height: 23px;
    background: url("../img/player_discbutton_left.png") no-repeat;
}
.divPlayerTopDisciplineCenter {
    position: relative;
    float: left;
    height: 23px;
    background: url("../img/player_discbutton_center.png") repeat-x;
}
.divPlayerTopDisciplineCenter p {
    position: relative;
    float: left;
    margin: 3px 0 0 0;
    height: 15px;
    color: #596B52;
    font-size: 10pt;
    font-weight: bold;
}
.divPlayerTopDisciplineRight {
    position: relative;
    float: left;
    width: 30px;
    height: 23px;
    background: url("../img/player_discbutton_right.png") no-repeat;
}
#divPlayerTopHelp {
    position: relative;
    float: right;
    width: 83px;
    height: 23px;
    margin: 0 9px 0 0;
    background: url("../img/button_help.png") no-repeat;
    cursor: pointer;
}
#divPlayerTopAsk {
    position: relative;
    float: right;
    width: 123px;
    height: 23px;
    background: url("../img/button_ask.png") no-repeat;
}
#divPlayerWorkspace {
    position: absolute;
    z-index: 3;
    width: 990px;
    height: 769px;
    left: 50%;
    top: 35px;
    margin-left: -495px;
    overflow: hidden;
}
.divPlayerLessonsList {
    position: absolute;
    z-index: 150;
    top: 35px;
    left: 50%;
    width: 450px;
    margin-left: -495px;
}
.divPlayerLessonsListIn {
    position: relative;
    float: left;
    max-height: 460px;
    width: 100%;
    overflow: hidden;
}
.divPlayerLessonsListInIn {
    position: relative;
    float: left;
    width: 100%;
    background: #FFFFED;
}
.divPlayerLessonListItem0 {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    height: 23px;
    z-index: 10;
    background: #FFFFED;
}
.divPlayerLessonListItem1 {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    height: 23px;
    z-index: 10;
    background: #F5FFE7;
}
.aLessonListItem {
    position: relative;
    float: left;
    margin: 3px 10px 0 10px;
    text-decoration: none;
}
.aLessonListItem:hover {
    text-decoration: underline;
}
.divPlayerLessonsListRewind {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    height: 30px;
    z-index: 10;
    text-align: center;
    background: #FFFFED;
}
.divPlayerLessonListRewindButtonTop {
    position: relative;
    float: left;
    width: 46px;
    height: 19px;
    top: 6px;
    left: 50%;
    margin: 0 0 0 -23px;
    background-image: url("../img/diary_arrow_top_light.png");
    background-position: center;
    background-repeat: no-repeat;
}
.divPlayerLessonListRewindButtonTop:hover {
    background-image: url("../img/diary_arrow_top_dark.png");
}
.divPlayerLessonListRewindButtonBot {
    position: absolute;
    float: left;
    width: 46px;
    height: 19px;
    top: 6px;
    left: 50%;
    margin: 0 0 0 -23px;
    background-image: url("../img/diary_arrow_bot_light.png");
    background-position: center;
    background-repeat: no-repeat;
}
.divPlayerLessonListRewindButtonBot:hover {
    background-image: url("../img/diary_arrow_bot_dark.png");
}
.divPlayerLessonsListBottom {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    height: 13px;
}
.tablePlayerLessonsListBottom {
    position: relative;
    float: left;
    width: 100%;
    height: 13px;
}
.tdPlayerLessonsListBottomLeft {
    width: 11px;
    background: url("../img/player_lessonlist_left_light.png") no-repeat;
}
.divPlayerLessonsListBottomCenter {
    background: #FFFFED;
    width: 428px;
    height: 13px;
}
.tdPlayerLessonsListBottomRight {
    width: 11px;
    background: url("../img/player_lessonlist_right_light.png") no-repeat;
}
#divPlayerWorkspaceOrange {
    position: absolute;
    z-index: 4;
    width: 220px;
    height: 123px;
    right: 0;
    top: 4px;
}
#divPlayerWorkspaceDiscipline {
    position: relative;
    float: left;
    clear: left;
    width: 700px;
    height: 46px;
    margin: 5px 0 0 40px;
    color: #ffffff;
    font-size: 30pt;
    font-weight: bold;
}
#divPlayerWorkspaceLesson {
    position: relative;
    float: left;
    clear: left;
    width: 700px;
    height: 22px;
    margin: 8px 0 0 43px;
}
#divPlayerWorkspaceLesson p {
    position: relative;
    float: left;
    color: #ffffff;
    font-size: 12pt;
    font-weight: normal;
}
#divPlayerButtonDiary {
    position: absolute;
    z-index: 5;
    width: 99px;
    height: 26px;
    bottom: 15px;
    left: 12px;
    background: url("../img/player_button_diary.png") no-repeat;
    cursor: pointer;
}
#divPlayerButtonShift {
    position: absolute;
    z-index: 5;
    width: 232px;
    height: 26px;
    bottom: 15px;
    left: 50%;
    margin-left: -116px;
    background: url("../img/player_button_shift.png") no-repeat;
}
#divPlayerLiveInternet {
    position: absolute;
    z-index: 5;
    width: 31px;
    height: 31px;
    bottom: 17px;
    right: 30px;
}
#divDemoLiveInternet {
    position: absolute;
    z-index: 5;
    width: 31px;
    height: 31px;
    /*top: 764px;*/
    bottom: 9px;
    right: 30px;
}
#divPlayerButtonShiftCaption {
    position: absolute;
    z-index: 6;
    width: 72px;
    height: 20px;
    top: 5px;
    left: 92px;
    color: #432A67;
    font-size: 10pt;
    font-weight: bold;
}
#aPlayerShiftLeft {
    position: absolute;
    z-index: 6;
    width: 30px;
    height: 26px;
    top: 0;
    left: 0;
}
#aPlayerShiftRight {
    position: absolute;
    z-index: 6;
    width: 30px;
    height: 26px;
    top: 0;
    left: 202px;
}
#divPlayerDiaryBotlay {
    position: absolute;
    z-index: 15;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.4;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}
#divPlayerDiary {
    position: absolute;
    z-index: 16;
    width: 983px;
    height: 626px;
    top: 120px;
    left: 50%;
    margin-left: -492px;
}
#divPlayerDiaryTopLeft {
    position: relative;
    float: left;
    width: 13px;
    height: 47px;
    background: url("../img/diary_topleft.png") no-repeat;
}
#divPlayerDiaryTopCenter {
    position: relative;
    float: left;
    width: 957px;
    height: 47px;
    background: #83CE2D;
}
#divPlayerDiaryTopRight {
    position: relative;
    float: left;
    width: 13px;
    height: 47px;
    background: url("../img/diary_topright.png") no-repeat;
}
#divPlayerDiaryButtons {
    position: relative;
    float: left;
    height: 29px;
    margin: 11px 0 0 26px;
}
.aPlayerDiaryButton {
    text-decoration: none;
}
.divPlayerDiaryButton {
    position: relative;
    float: left;
    height: 29px;
    margin: 0 10px 0 0;
}
.divPlayerDiaryButtonActiveLeft {
    position: relative;
    float: left;
    width: 13px;
    height: 29px;
    background: url("../img/diary_button_selleft.png") no-repeat;
}
.divPlayerDiaryButtonActiveCenter {
    position: relative;
    float: left;
    height: 29px;
    background: url("../img/diary_button_selcenter.png") repeat-x;
}
.divPlayerDiaryButtonActiveCenter p {
    color: #629A1F;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    margin: 4px 0 0 4px;
}
.divPlayerDiaryButtonActiveRight {
    position: relative;
    float: left;
    width: 17px;
    height: 29px;
    background: url("../img/diary_button_selright.png") no-repeat;
}
.divPlayerDiaryButtonInactiveLeft {
    position: relative;
    float: left;
    width: 14px;
    height: 29px;
    background: url("../img/diary_button_left.png") no-repeat;
}
.divPlayerDiaryButtonInactiveCenter {
    position: relative;
    float: left;
    height: 29px;
    background: url("../img/diary_button_center.png") repeat-x;
}
.divPlayerDiaryButtonInactiveCenter p {
    color: #FFFE87;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    margin: 4px 2px 0 3px;
}
.divPlayerDiaryButtonInactiveRight {
    position: relative;
    float: left;
    width: 15px;
    height: 29px;
    background: url("../img/diary_button_right.png") no-repeat;
}
#divPlayerDiaryClose {
    position: absolute;
    width: 27px;
    height: 26px;
    top: 4px;
    left: -14px;
    background: url("../img/diary_button_close.png") no-repeat;
}
#divPlayerDiaryWorkspace {
    position: relative;
    float: left;
    clear: left;
    width: 983px;
    height: 577px;
    border-top: 1px solid #000000;
    background: url("../img/diary_workspace.png") repeat-y;
}
#divPlayerDiaryWorkspaceTop {
    position: relative;
    float: left;
    width: 902px;
    height: 26px;
    margin: 31px 0 0 38px;
}
#divPlayerDiaryLessons {
    position: relative;
    float: left;
    width: 416px;
    height: 26px;
    background: url("../img/diary_botlay_lessons.png") no-repeat;
    text-align: center;
}
#divPlayerDiaryLessons p {
    margin: 2px 0 0 0;
    color: #ffffff;
    font-size: 13pt;
    font-weight: bold;
}
#divPlayerDiaryMarks {
    position: relative;
    float: left;
    width: 416px;
    height: 26px;
    margin: 0 0 0 70px;
    background: url("../img/diary_botlay_marks.png") no-repeat;
    text-align: center;
}
#divPlayerDiaryMarks p {
    margin: 2px 0 0 0;
    color: #ffffff;
    font-size: 13pt;
    font-weight: bold;
}
#divPlayerDiaryWorkspaceRewindTop {
    position: relative;
    float: left;
    width: 902px;
    height: 50px;
    margin: 0 0 0 38px;
}
#divPlayerDiaryRevindTopButton {
    position: relative;
    float: left;
    width: 46px;
    height: 19px;
    margin: 16px 0 0 186px;
    background: url("../img/diary_arrow_top_light.png") no-repeat center;
}
#divPlayerDiaryRevindTopButton:hover {
    background: url("../img/diary_arrow_top_dark.png") no-repeat center;
}
#divPlayerDiaryWorkspaceRewindBottom {
    position: relative;
    float: left;
    width: 902px;
    height: 50px;
    margin: 0 0 0 38px;
}
#divPlayerDiaryRevindBottomButton {
    position: relative;
    float: left;
    width: 46px;
    height: 19px;
    margin: 16px 0 0 186px;
    background: url("../img/diary_arrow_bot_light.png") no-repeat center;
}
#divPlayerDiaryRevindBottomButton:hover {
    background: url("../img/diary_arrow_bot_dark.png") no-repeat center;
}
#divPlayerDiaryWorkspaceData {
    position: relative;
    float: left;
    width: 902px;
    height: 420px;
    overflow: hidden;
    margin: 0 0 0 38px;
}
#tablePlayerDiaryData {
    position: relative;
    float: left;
    width: 894px;
    margin-left: 4px;
}
.tdPlayerDiaryLesson {
    width: 408px;
}
.tdPlayerDiarySeparator {
    width: 104px;
}
.tdPlayerDiaryRating {
    width: 100px;
}
.tdPlayerDiaryPercent {
    width: 60px;
    text-align: right;
}
.tdPlayerDiaryStars {
    width: 222px;
}
.divPlayerDiaryStars {
    position: relative;
    float: right;
    width: 135px;
    height: 26px;
}
.divPlayerDiaryStarActive {
    position: relative;
    float: left;
    width: 27px;
    height: 26px;
    background: url("../img/diary_star_active.png") no-repeat;
}
.divPlayerDiaryStarInactive {
    position: relative;
    float: left;
    width: 27px;
    height: 26px;
    background: url("../img/diary_star_inactive.png") no-repeat;
}
.pPlayerDiaryTable {
    position: relative;
    float: left;
}
.pPlayerDiaryTablePercent {
    text-align: right;
}
.aPlayerDiaryLessonName {
    position: relative;
    float: left;
    text-decoration: none;
}
.aPlayerDiaryLessonName:hover {
    text-decoration: underline;
}


/* demo player */

#divDemoBack {
    position: relative;
    float: left;
    z-index: 1;
    width: 100%;
    height: 804px;
    background: url("../img/demo_back.png") repeat-x;
}
#divDemoBackTop {
    position: relative;
    float: left;
    z-index: 2;
    width: 100%;
    height: 221px;
    background-position: top center;
}
#divDemoWorkspace {
    position: absolute;
    z-index: 3;
    width: 990px;
    top: 0;
    left: 50%;
    margin-left: -495px;
    overflow: hidden;
}
#divDemoAnimal {
    position: absolute;
    z-index: 3;
    top: 0;
    width: 299px;
    height: 219px;
    background-position: bottom right;
    background-repeat: no-repeat;
}
#divDemoWorkspaceDemo {
    position: relative;
    float: left;
    width: 217px;
    height: 39px;
    margin: 0 0 0 32px;
    background: url("../img/demo_demo.png") no-repeat;
}
#divDemoWorkspaceTasksCount{
    position: relative;
    float: left;
    width: 250px;
    height: 30px;
    margin: 8px 0 0 30px;
    color: #ffffff;
    font-size: 15pt;
    font-weight: bold;
}
#divDemoWorkspaceDiscipline {
    position: relative;
    float: left;
    clear: left;
    width: 700px;
    height: 36px;
    margin: 7px 0 0 40px;
    color: #ffffff;
    font-size: 18pt;
    font-weight: bold;
}
#divDemoWorkspaceLesson {
    position: relative;
    float: left;
    clear: left;
    width: 525px;
    height: 20px;
    margin: 8px 0 0 43px;
}
#divDemoWorkspaceLesson p {
    position: relative;
    float: left;
    color: #ffffff;
    font-size: 12pt;
    font-weight: normal;
}
#divDemoWorkspaceSmiles {
    position: relative;
    float: left;
    clear: left;
    z-index: 8;
    width: 525px;
    height: 38px;
    margin: 8px 0 2px 43px;
}
#tableDemoWorkspaceSmiles td {
    text-align: center;
    color: #335C90;
    font-size: 10.5pt;
    font-weight: normal;
}
.tdDemoWorkspaceSmilesSeparator {
    width: 3px;
}
#divOverLPContent {
    position: absolute;
    z-index: 10;
    width: 100%;
    left: 0;
    top: 160px;
    text-align: center;
}
#LPContent {
    z-index: 12;
    width: 100%;
}
#divDemoWorkspaceOrange {
    position: absolute;
    z-index: 4;
    width: 220px;
    height: 123px;
    right: 0;
    top: 30px;
}
#divDemoWorkspaceButtons {
    position: absolute;
    z-index: 5;
    width: 910px;
    height: 36px;
    left: 40px;
    /*top: 765px;*/
    bottom: 3px;
}
.imgDemoWorkspaceButtons {
    position: relative;
    float: left;
    width: 260px;
    height: 36px;
}
.divDemoWorkspaceButtonsSeparator {
    position: relative;
    float: left;
    width: 35px;
    height: 36px;
}

.classLink{position:absolute;width:155px;height:60px;top:10px;left:10px;}
#bottomNavClose{visibility:hidden;}

#divPaymentSmsMessageText,
#divPaymentSmsShortcode,
#divPaymentSmsMessageCost{font-size:16px;}
.smallfont{font-size:11px;}

.entranceBtn{float: right;margin-right: 70px;margin-top:7px;}

/* Дневник.ру */

#contentContainerDnevnik
{
	width:740px;
	position:relative;
	padding-bottom:30px;
}

#contentContainerDnevnikTests
{
	width:940px;
	position:relative;
	padding-bottom:30px;
}

#menuContainerDnevnik
{
	position:relative;
    height:38px;
    width:740px;
    z-index:5;	
	margin: 0 auto;
}
#leftCol-dnevnik {
width: 740px;
margin: 0 auto;
}

#leftCol-dnevnik .bgTop
{
	background:url('../img/newCenterBGTop.png') no-repeat;
	height:7px;
	
}
.centerContainerDnevnik
{
    width:740px !important;
    position:relative;	
}
#leftCol-dnevnik .centerContentDnevnik
{
	background:#faffdc;
	padding:0 8px 30px;
	min-height:660px;
}	

#leftCol-dnevnik .darkTitle
{
	color:#341605;
	font-size:18px;
}

#leftCol-dnevnik .lightTitle
{
    color:#ac8c5f;
    font-size:18px;
}

#leftCol-dnevnik .text
{
    color:#514742;
    font-size:12px;
}

#leftCol-dnevnik .meta{display:none;}

#leftCol-dnevnik .view-mainpage-text-block
{
float: left;
width: 514px;
}

li .reply{display:none;}
#layout #footer{display:none;}

.feedbackView{}
.feedbackBody{color: #41657F;font-size:12px;text-decoration:none;font-style:italic;line-height:17px;}
.feedbackView .views-field-title{color:#013051;font-size:13px;font-weight:bold;margin:10px 0;}
.feedbackWrapper{margin:25px 0 10px 0;}