/* all */

* {
    margin: 0;
    padding: 0;
    font-family: Tahoma, sans-serif;
}

body {
    background-color: #E4FAFD;
}
table {
    border-collapse: collapse;
}
tbody {
  border-top: none;
}
a {
    border: none;
    cursor: pointer;
}
iframe {
    z-index: 8;
}


/* 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: #335c90;
    font-size: 10pt;
    font-weight: normal;
}
.black10bold {
    color: #000000;
    font-size: 10pt;
    font-weight: bold;
}
.black10normal {
    color: #000000;
    font-size: 10pt;
    font-weight: normal;
}




/* tplTop */

#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%;
}

#divTopmenu {
    position: relative;
    float: left;
    width: 100%;
    z-index: 4;
    height: 32px;
    background: url("img/topmenu.png") repeat-x;
}
#divTopmenu a {
    text-decoration: none;
}
#divTopmenu a:hover {
    text-decoration: underline;
}
#tableTopmenu {
    margin: 6px auto;
}
.tdTopmenu{
    padding: 0 40px;
}
#tableTopmenu a{
    font-size: 10.5pt;
    color: #8e0000;
    cursor: pointer;
}
.tdTopmenuSeparator {
    width: 1px;
    background: url("img/topmenu_seperator.png");
}
.tdTopmenuRssimg {
    width: 80px;
}
.tdTopmenuRsstext {
    width: 10px;
    color: #5D5D5D;
    font-weight: bold;
    font-size: 9pt;
}
#divTopmenuRss {
    margin-right: 7px;
    width: 20px;
    height: 20px;
    background: url("img/rss.png") no-repeat;
}


#divBack {
    position: relative;
    float: left;
    width: 100%;
    height: 1363px;
    z-index: 1;
    background: url("img/bckgrnd.png") repeat-x;
}
#divBackTop {
    position: relative;
    float: left;
    width: 100%;
    height: 421px;
    margin-top: -15px;
    z-index: 2;
    background: url("img/bckgrnd_top.png") repeat-x;
}
#tableBackTop {
    position: relative;
    float: left;
    padding: 0;
    width: 100%;
}
.tdBackTop {
    width: 50%;
}
#divBackTop1 {
    position: relative;
    float: left;
    z-index: 3;
    width: 100%;
    height: 421px;
    background: url("img/logo_left.png") no-repeat;
    background-position: top right;
}
#divBackTop2 {
    position: relative;
    float: left;
    z-index: 3;
    width: 100%;
    height: 421px;
    background: url("img/logo_right.png") no-repeat;
    background-position: top left;
}
#divBackTop2Username {
    position: absolute;
    z-index: 5;
    width: 130px;
    height: 24px;
    margin: 95px 0 0 262px;
    color: #335C90;
    font-weight: bold;
    font-size: 9pt;
    text-align: center;
}
#divBackTop2Username a {
    color: #335C90;
    font-weight: bold;
    font-size: 10pt;
    text-align: center;
    text-decoration: none;
}
#divBackTop2Username a:hover {
    text-decoration: underline;
}



/* tplContentTop */


#divContent {
    position: absolute;
    z-index: 5;
    top: 120px;
    left: 50%;
    margin-left: -495px;
    width: 990px;
}


#divContentTop {
    position: relative;
    float: left;
    width: 100%;
    height: 47px;
    background: url("img/contenttop.png");
}
#divContentTopLeaf {
    position: absolute;
    margin-left: 892px;
    z-index: 6;
    width: 76px;
    height: 18px;
    background: url("img/leaf_contenttop.png") no-repeat;
}
#tableContentTop a{
    cursor: pointer;
}
#tableContentTop td{
    padding: 0;
}
.tdContentTop1,
.tdContentTop2,
.tdContentTop3,
.tdContentTop4 {
    font-size: 11pt;
}
.tdContentTop1 {
    width: 145px;
}
.tdContentTop2 {
    width: 150px;
}
.tdContentTop3 {
    width: 203px;
}
.tdContentTop4 {
    width: 170px;
}
.divContentTopItem1,
.divContentTopItem2 {
    position: absolute;
    z-index: 7;
    width: 73px;
    height: 23px;
}
.divContentTopItem1 {
    margin: 14px 0 0 52px;
}
.divContentTopItem2 {
    margin: 14px 0 0 54px;
}
.divContentTopItem1 a,
.divContentTopItem2 a {
    text-decoration: none;
    color: #FEC95F;
}
.divContentTopItembotlayer1,
.divContentTopItembotlayer2,
.divContentTopItembotlayer3 {
    position: absolute;
    z-index: 6;
    height: 23px;
}
.divContentTopItembotlayer1 {
    width: 73px;
    background: url("img/contenttop_item_1.png") no-repeat;
    margin: 13px 0 0 41px;
}
.divContentTopItembotlayer2 {
    width: 123px;
    background: url("img/contenttop_item_2.png") no-repeat;
    margin: 13px 0 0 44px;
}
.divContentTopItembotlayer3 {
    width: 123px;
    background: url("img/contenttop_item_2.png") no-repeat;
    margin: 13px 0 0 36px;
}
#divContentTopItembotlayerid1,
#divContentTopItembotlayerid2,
#divContentTopItembotlayerid3,
#divContentTopItembotlayerid4,
#divContentTopItembotlayerid5,
#divContentTopItembotlayerid6 {
    opacity:0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}


#divContentMain {
    position: relative;
    float: left;
    width: 988px;
    background-color: #FAFFDC;
    border: 1px solid #9A7F64;
    border-bottom: none;
}
#divContentMainLeft {
    position: relative;
    float: left;
    width: 734px;
}



/* page */


#tableCML {
    width: 723px;
    position: relative;
    float: left;
    margin-left: 11px;
}
#tableCML td{
    padding-top: 4px;
}
.divCMLBlock {
    width: 723px;
    margin: 0 0 5px 0;
}
.divCMLBlockTop {
    height: 36px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 14pt;
}
.pCMLBlockTopCaption {
    padding-top: 9px;
}
.aCMLBlockTopCaption {
    text-decoration: none;
    color: #ffffff;
}
.divCMLBlockMain {
    width: 723px;
    position: relative;
    float: left;
}
#divCMLClass1Top {
    background: url("img/class1.png");
}
#divCMLClass2Top {
    background: url("img/class2.png");
}
#divCMLClass3Top {
    background: url("img/class3.png");
}
#divCMLClass4Top {
    background: url("img/class4.png");
}
#divCMLPreschoolTop {
    background: url("img/preschool.png") repeat-x;
}
#divCMLFunTop {
    background: url("img/fun.png") repeat-x;
}
.tableCMLClass {
    position: relative;
    float: left;
    width: 722px;
}
.tableCMLClass td {
    padding: 0;
}
.tdCMLClassTop {
    background: #FFFFF5;
    height: 4px;
}
.tdCMLClassLeft {
    width: 14px;
    background: #FFFFF5;
}
.tdCMLClassRight {
    width: 11px;
    background: #FFFFF5;
}
.tdCMLBlockLeft {
    background: url("img/block1_left.png") repeat-y;
    width: 6px;
}
.tdCMLBlockRight {
    background: url("img/block1_right.png") repeat-y;
    width: 6px;
}
.tdCMLBlockBottomleft {
    height: 6px;
    width: 6px;
    background: url("img/block1_bottomleft.png") repeat-x;
}
.tdCMLBlockBottomcenter {
    height: 6px;
    background: url("img/block1_bottom.png") repeat-x;
}
.tdCMLBlockBottomright {
    height: 6px;
    width: 6px;
    background: url("img/block1_bottomright.png") repeat-x;
}
.tdCMLClassSeparator {
    height: 0px;
    background: #FFFFF5;
    border-bottom: 1px dashed #CBCAC8;
}
.tdCMLClassVideo {
    width: 346px;
    background: #FFFFF5;
}
.divCMLClassVideo {
    width: 314px;
    height: 176px;
    overflow: hidden;
}
.tdCMLClassPreview {
    width: 120px;
    background: #FFFFF5;
}
.active-video-back {
    background: url("img/active-video-back.png") no-repeat;
}
.passive-video-back {
    background: url("img/passive-video-back.png") no-repeat;
}

.imgCMLClassPreview {
    cursor: pointer;
}
.tdCMLClassText {
    width: 186px;
    color: #335C90;
    font-weight: normal;
    font-size: 9.5pt;
    background: #FFFFF5;
}
.pCMLClassText {
    color: #335C90;
    font-weight: bold;
    font-size: 9.5pt;
}
.tdCMLClassDemo {
    width: 47px;
    background: #FFFFF5;
}
.tdCMLClassDemo img{
    cursor: pointer;
}
.divCMLClassDemo {
    background: url("img/demo.png");
    width: 47px;
    height: 22px;
    cursor: pointer;
}
.tdCMLClassMiddle {
    height: 2px;
    background: #FFFFF5;
}
.tdCMLClassOnline {
    background: #FFFFF5;
    border-top: 1px solid #BAB8B9;
    width: 134px;
}
.divCMLClassBuyonline {
    width: 112px;
    height: 23px;
    cursor: pointer;
    margin: 4px 0 10px 10px;
}
.tdCMLClassDvdmore {
    background: #FFFFF5;
    border-top: 1px solid #BAB8B9;
}
.divCMLClassBuydvd {
    width: 121px;
    height: 23px;
    cursor: pointer;
    margin: 4px 0 10px 0;
}
.divCMLClassMore {
    width: 95px;
    height: 23px;
    cursor: pointer;
    margin: 4px 10px 10px 0;
}

.tdCMLClassSide {
    width: 3px;
    background: #FFFFF5;
}
.tdCMLPreschoolImg {
    text-align: center;
    width: 88px;
    height: 70px;
    background: #FFFFF5;
}
.tdCMLPreschoolText {
    text-align: center;
    width: 88px;
    color: #335C90;
    font-weight: normal;
    font-size: 9.5pt;
    background: #FFFFF5;
}
.tdCMLPreschoolBottom {
    height: 4px;
    background: #FFFFF5;
}
.divCMLBlockFree {
    position: absolute;
    z-index: 6;
    margin: 5px 0 0 5px;
    width: 79px;
    height: 79px;
    background: url("img/free.png");
}

#tableCMLFor {
    margin-top: 6px;
    margin-left: 6px;
    width: 711px;
}
#tableCMLFor td {
    padding: 0;
}
.tdCMLForTop {
    width: 349px;
    height: 28px;
    background: url("img/fortop.png") no-repeat;
    text-align: center;
    color: #623B00;
    font-weight: bold;
    font-size: 9pt;
}
.tdCMLForSeparator {
    width: 13px;
}
.divCMLForTopImgp {
    position: relative;
    float: left;
    margin: 2px 0 0 128px;
    width: 15px;
    height: 16px;
    background: url("img/parents.png") no-repeat;
}
.pCMLForTopCaptionp {
    position: relative;
    float: left;
    margin: 2px 0 0 5px;
}
.pCMLForTopCaptionp a {
    text-decoration: none;
    color: #623B00;
}
.divCMLForTopImgt {
    position: relative;
    float: left;
    margin: 2px 0 0 133px;
    width: 15px;
    height: 15px;
    background: url("img/teachers.png") no-repeat;
}
.pCMLForTopCaptiont {
    position: relative;
    float: left;
    margin: 2px 0 0 5px;
}
.pCMLForTopCaptiont a {
    text-decoration: none;
    color: #623B00;
}
.tdCMLForBord {
    width: 1px;
    background: #C8A565;
}
.tdCMLForMain {
    width: 347px;
    border-bottom: 1px solid #C8A565;
    background: #FFFFED;
}
.tdCMLForMain a {
    text-decoration: none;
}
.tdCMLForMain ul {
    list-style: circle url("img/for_item.png");
}
.tdCMLForMain ul li {
    margin: 0 24px 0 24px;
    padding: 5px 0 5px 0;
}
.pCMLForMainText1 {
    color: #335C90;
    font-weight: normal;
    font-size: 9.5pt;
    text-decoration:none; 
}
.pCMLForMainText2 {
    color: #6C6C6C;
    font-weight: bold;
    font-size: 9.5pt;
}
.pCMLForMainText3 {
    color: #6C6C6C;
    font-weight: normal;
    font-size: 9.5pt;
}



/* tplContentRight */


#divContentMainRight {
    position: relative;
    float: left;
    width: 254px;
}
#tableCMR {
    position: relative;
    float: left;
    width: 230px;
    margin-left: 10px;
}
#tableCMR td{
    padding-top: 9px;
}
.CMRBlock {
    width: 230px;
}
.tdCMRSeparator {
    height: 15px;
}

#divCMRAuth {
    background: url("img/auth.png") no-repeat;
    height: 210px;
    margin-left: 10px;
    width: 220px;
    text-align: center;
    font-size: 9pt;
    color: #FFFF86;
}
#tableCMRAuth {
    width: 210px;
    margin-left: 10px;
}
.aCMRAuth {
    cursor: pointer;
    text-decoration: underline;
    color: #FFFF86;
}
.tdCMRAuthName {
    width: 56px;
    height: 28px;
    padding-right: 10px;
}
.tdCMRAuthPass {
    padding-right: 10px;
}
.inputCMRAuth {
    width: 128px;
    height: 17px;
}
#checkboxCMRAuth {
    opacity:0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
#labelcheckboxCMRAuth {
    margin-left: 8px;   
}
.divCMRAuthCheckboxon {
    position: relative;
    float: left;
    width: 15px;
    height: 14px;
    background: url("img/checkbox.png") no-repeat;
    background-position: top left;
}
.divCMRAuthCheckboxoff {
    position: relative;
    float: left;
    width: 15px;
    height: 14px;
    background: url("img/checkbox.png") no-repeat;
    background-position: top right;
}
.divCMRAuthReg {
    padding-left: 52px;
}
#divCMRAuthSuccess {
    position: relative;
    float: left;
    margin: 8px 0 0 25px;
    width: 170px;
    height: 164px;
}
#pCMRAuthSuccessLogin {
    position: relative;
    float: left;
    width: 170px;
    text-align: left;
    color: #ffffff;
    font-size: 12pt;
    font-weight: normal;
    text-decoration: none;
    margin: 0 0 6px 0;
}
.pCMRAuthSuccessItem {
    position: relative;
    float: left;
    width: 170px;
    text-align: left;
    margin: 7px 0 0 0;
}
.aCMRAuthSuccessItem {
    font-size: 9pt;
    font-weight: normal;
    color: #FFFF86;
    text-decoration: underline;
}
.aCMRAuthSuccessItem:hover {
    text-decoration: none;
}
.aCMRAuthSuccessItemSelect {
    font-size: 9pt;
    font-weight: bold;
    color: #FFFF86;
    text-decoration: none;
}
#pCMRAuthSuccessExit {
    position: relative;
    float: left;
    width: 170px;
    text-align: left;
    margin: 14px 0 0 0;
}
#pCMRAuthSuccessExit a {
    color: #2E5080;
    font-size: 9pt;
    font-weight: normal;
    text-decoration: underline;
}
#pCMRAuthSuccessExit a:hover {
    text-decoration: none;
}
#imgCMRAuthSubmit {
    position: relative;
    float: left;
    width: 73px;
    height: 35px;
    cursor: pointer;
}


#divCMRSoc {
    position: relative;
    float: left;
    margin-left: 40px;
}
.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");
}
#divCMRMarket {
    background: url("img/market.png") no-repeat;
    height: 370px;
    width: 230px;
}
#divCMRBlog {
    background: url("img/blog.png") no-repeat;
    height: 343px;
    margin-left: 2px;
}
#divCMRBlogIn {
    position: absolute;
    margin: 42px 0 0 7px;
    width: 212px;
    height: 270px;
    color: #335C90;
    font-weight: normal;
    font-size: 9.5pt;
    background: #ffffed;
}
#divCMRBlogIn2 {
    margin: 3px 0 0 7px;
    overflow: hidden;
    width: 185px;
}
#tableCMRBlog {
    width: 185px;
}
#tableCMRBlog td {
    padding: 0;
    padding-bottom: 2px;
    padding-top: 2px;
}
.pCMRBlogCaption {
    font-weight: bold;
}
#tableCMRTag {
    margin-left: 2px;
}
#tableCMRTag td {
    padding: 0;
}
.tdCMRTagTop {
    width: 228px;
    height: 28px;
    background: url("img/tagtop.png") no-repeat;
    text-align: center;
    color: #623B00;
    font-weight: bold;
    font-size: 9pt;
}
.divCMRTagTopImg {
    position: relative;
    float: left;
    margin: 2px 0 0 88px;
    width: 16px;
    height: 16px;
    background: url("img/tags.png") no-repeat;
}
.pCMRTagTopCaption {
    position: relative;
    float: left;
    margin: 2px 0 0 5px;
}
.tdCMRTagTopBord {
    width: 1px;
    background: #C8A565;
}
.tdCMRTagTopMain {
    width: 226px;
    border-bottom: 1px solid #C8A565;
    background: #FFFFED;
    color: #335C90;
    font-weight: normal;
    font-size: 9.5pt;
}



/* tplBottom */


#divContentMainBottommenu {
    position: relative;
    float: left;
    margin-top: 40px;
    width: 100%;
    height: 43px;
    background-color: #DFD99D;
    border-top: 1px solid #C8A565;
    border-bottom: 1px solid #C8A565;
}
#divCMBmLeaf1 {
    position: absolute;
    z-index: 6;
    top: -38px;
    left: 864px;
    /*margin: -38px 0 0 864px;*/
    width: 74px;
    height: 37px;
    background: url("img/leaf_bottom_1.png") no-repeat;
}
#divCMBmLeaf2 {
    position: absolute;
    z-index: 6;
    top: 44px;
    left: 908px;
    /*margin: 44px 0 0 908px;*/
    width: 26px;
    height: 14px;
    background: url("img/leaf_bottom_2.png") no-repeat;
}
#tableCMBm {
    position: relative;
    float: left;
    margin: 13px 0 0 0;
}
.tdCMBm{
    padding: 0 16px;
}
#tableCMBm a{
    font-size: 10.5pt;
    color: #8e0000;
    cursor: pointer;
    text-decoration: none;
}
#tableCMBm a:hover {
    text-decoration: underline;
}


#divContentMainFooter {
    position: relative;
    float: left;
    width: 100%;
    height: 34px;
    font-size: 10pt;
}
#pCMF {
    position: relative;
    float: left;
    margin: 15px 0 0 20px;
    color: #28508B;
}
#aCMF {
    position: relative;
    float: left;
    margin: 3px 0 0 15px;
}


#divContentMainBottomleft {
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    background: url("img/bottom_left.png") no-repeat;
}
#divContentMainBottomcenter {
    position: relative;
    float: left;
    width: 962px;
    height: 13px;
    background-color: #FAFFDC;
    border-bottom: 1px solid #9A7F64;
    margin-bottom: 62px;
}
#divContentMainBottomright {
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    background: url("img/bottom_right.png") no-repeat;
}




/* 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: 25pt;
    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;
}



/* page */


#tablemanage {
  position: relative;
  float: left;
  clear: left;
  width: 100%;
  left: 0;
  top: 32px;
  font-size: 10pt;
  background: #ffffff;
}




/* class1 */

#tableCMLClass1main {
    position: relative;
    float: left;
    width: 723px;
}
#tableCMLClass1main td{
    padding-top: 0;
}
.divCMLBlock1Tophigh {
    height: 290px;
    margin: 0 0 0 2px;
}
#divCMLClass1mainTop {
    background: url("img/class1_banner.png") no-repeat;
}
#divCMLClass2mainTop {
    background: url("img/class2_banner.png") no-repeat;
}
#divCMLClass3mainTop {
    background: url("img/class3_banner.png") no-repeat;
}
#divCMLClass4mainTop {
    background: url("img/class4_banner.png") no-repeat;
}
.divCMLClass1mainTopButton {
    position: absolute;
    margin-left: 451px;
    width: 234px;
    height: 30px;
    cursor: pointer;
}
#divCMLClass1mainTopButtonMath {
    top: 134px;
    background: url("img/class_mathbutton_yellow.png") no-repeat;
}
#divCMLClass1mainTopButtonMath:hover {
    background-image: url("img/class_mathbutton_yellow_hover.png");
}
#divCMLClass1mainTopButtonGram {
    top: 164px;
    background: url("img/class_grambutton_yellow.png") no-repeat;
}
#divCMLClass1mainTopButtonGram:hover {
    background-image: url("img/class_grambutton_yellow_hover.png");
}
#divCMLClass1mainTopButtonRus {
    top: 194px;
    background: url("img/class_rusbutton_yellow.png") no-repeat;
}
#divCMLClass1mainTopButtonRus:hover {
    background-image: url("img/class_rusbutton_yellow_hover.png");
}
#divCMLClass1mainTopButtonNatural {
    top: 224px;
    background: url("img/class_naturalbutton_yellow.png") no-repeat;
}
#divCMLClass1mainTopButtonNatural:hover {
    background-image: url("img/class_naturalbutton_yellow_hover.png");
}
#divCMLClass1mainTopButtonLit {
    top: 254px;
    background: url("img/class_litbutton_yellow.png") no-repeat;
}
#divCMLClass1mainTopButtonLit:hover {
    background-image: url("img/class_litbutton_yellow_hover.png");
}

.divCMLClass2mainTopButton {
    position: absolute;
    margin-left: 448px;
    width: 234px;
    height: 30px;
    cursor: pointer;
}
.divCMLClass3mainTopButton {
    position: absolute;
    margin-left: 448px;
    width: 234px;
    height: 30px;
    cursor: pointer;
}
.divCMLClass4mainTopButton {
    position: absolute;
    margin-left: 448px;
    width: 234px;
    height: 30px;
    cursor: pointer;
}
#divCMLClass234mainTopButtonMath {
    top: 140px;
    background: url("img/class_mathbutton_green.png") no-repeat;
}
#divCMLClass234mainTopButtonMath:hover {
    background-image: url("img/class_mathbutton_green_hover.png");
}
#divCMLClass234mainTopButtonRus {
    top: 175px;
    background: url("img/class_rusbutton_green.png") no-repeat;
}
#divCMLClass234mainTopButtonRus:hover {
    background-image: url("img/class_rusbutton_green_hover.png");
}
#divCMLClass234mainTopButtonNatural {
    top: 210px;
    background: url("img/class_naturalbutton_green.png") no-repeat;
}
#divCMLClass234mainTopButtonNatural:hover {
    background-image: url("img/class_naturalbutton_green_hover.png");
}
#divCMLClass234mainTopButtonLit {
    top: 245px;
    background: url("img/class_litbutton_green.png") no-repeat;
}
#divCMLClass234mainTopButtonLit:hover {
    background-image: url("img/class_litbutton_green_hover.png");
}

.tdCMLBlockColor {
    background: #FFFFF5;
}
.tdCMLBlockContent {
    background: #FFFFF5;
    width: 711px;
}
#divCMLClass1mainText {
    margin: 30px 32px 28px 26px;
    color: #6C6C6C;
}

#divCMLClass1mainText ul {
    margin: 15px 0 18px 17px;
}

.tdCMLClass1mainBtn {
    height: 24px;
    background: #FFFFF5;
}
#divCMLClass1mainBtn {
    position: relative;
    float: left;
    width: 404px;
    height: 24px;
    margin: 0 0 0 26px;
}
#divCMLClass1mainHowtoworkbtn {
    position: relative;
    float: left;
    width: 179px;
    height: 24px;
    cursor: pointer;
}
#divCMLClass1mainTechbtn {
    position: relative;
    float: left;
    width: 181px;
    height: 24px;
    cursor: pointer;
    margin: 0 0 0 44px;
}
.tdCMLClass1mainSeparator1 {
    height: 50px;
    background: #FFFFF5;
}
.tdCMLClass1mainSeparator2 {
    height: 18px;
    background: #FFFFF5;
}
#divCMLClass1mainBottommenu {
    background: #F6F6D0;
    margin: 0 12px 0 12px;
    height: 56px;
    width: 687px;
}
#divCMLClass1mainBottommenuLefttop{
    position: absolute;
    width: 10px;
    height: 10px;
    background: url("img/class1_botmenu_lefttop.png") no-repeat;
}
#divCMLClass1mainBottommenuLeftbottom{
    position: absolute;
    margin: 46px 0 0 0;
    width: 10px;
    height: 10px;
    background: url("img/class1_botmenu_leftbottom.png") no-repeat;
}
#divCMLClass1mainBottommenuRighttop{
    position: absolute;
    margin: 0 0 0 677px;
    width: 10px;
    height: 10px;
    background: url("img/class1_botmenu_righttop.png") no-repeat;
}
#divCMLClass1mainBottommenuRightbottom{
    position: absolute;
    margin: 46px 0 0 677px;
    width: 10px;
    height: 10px;
    background: url("img/class1_botmenu_rightbottom.png") no-repeat;
}
#divCMLClass1mainBottommenuStars {
    position: absolute;
    right: 17px;
    margin: -20px 0 0 0;
    width: 144px;
    height: 42px;
    background: url("img/class1_star_botlay.png") no-repeat;
}
#divCMLClass1mainBottommenuStarsIn {
    position: absolute;
    left: 16px;
    top: 11px;
    width: 115px;
    height: 20px;
}
.divCMLClass1mainBottommenuStarFull {
    position: relative;
    float: left;
    width: 21px;
    height: 20px;
    margin: 0 2px 0 0;
    background: url("img/class1_star_full.png") no-repeat;
}
.divCMLClass1mainBottommenuStarEmpty {
    position: relative;
    float: left;
    width: 21px;
    height: 20px;
    margin: 0 2px 0 0;
    background: url("img/class1_star_empty.png") no-repeat;
}
#divCMLClass1mainBottommenuSocial {
    position: absolute;
    right: 160px;
    margin: -20px 0 0 0;
    width: 164px;
    height: 42px;
    background: url("img/class1_social_botlay.png") no-repeat;
}
#divCMLClass1mainBottommenuSocialGames {
    position: absolute;
    left: 12px;
    top: 456px;
    width: 164px;
    height: 42px;
    background: url("img/class1_social_botlay.png") no-repeat;
}
#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;
}
#tableCMLClass1mainBottommenu {
    width: 687px;
    height: 52px;
}
#tableCMLClass1mainBottommenu td a {
    color: #335C90;
    font-weight: normal;
    font-size: 9pt;
    text-decoration: none;
}
#tableCMLClass1mainBottommenu td a:hover {
    text-decoration: underline;
}


#divCMLClass1RecommendTop {
    background: url("img/ozon-top.png") repeat-x;
}
.tdCMLClass1RecommendImg {
    text-align: center;
    width: 88px;
    height: 70px;
    background: #FFFFF5;
}
.tdCMLClass1RecommendText {
    text-align: center;
    width: 88px;
    color: #335C90;
    font-weight: normal;
    font-size: 9.5pt;
    background: #FFFFF5;
}


#divCMLClass1ReviewTop {
    background: url("img/class1_review_top.png") repeat-x;
}
#divCMLClass1ReviewContent {
    margin: 0 12px 0 12px;
}
#divCMLClass1ReviewContent ul {
    list-style-type: none;
}
#divCMLClass1ReviewContent ul li{
    margin: 0 0 10px 0;
}


#divCMRClass1Online {
    width: 231px;
    height: 282px;
    background: url("img/class1_online_botlay.png") no-repeat;
}

#divCMRClass1OnlineCaption1 {
    position: absolute;
    margin: 11px 0 0 43px;
    width: 144px;
    height: 20px;
    background: url("img/online_online.png") no-repeat;
}

#divCMRClass1OnlineCaption2 {
    position: absolute;
    margin: 213px 0 0 44px;
    width: 146px;
    height: 18px;
    background: url("img/online_disk.png") no-repeat;
}

.divCMRClass1OnlineBtn {
    position: absolute;
    z-index: 8;
    left: 106px;
    height: 28px;
    width: 119px;
}
.divCMRClass1OnlineBtn:hover {
    background: url("img/class1_online_buttonbotlay.png") no-repeat;
}
.divCMRClass1OnlineBtnBuyonline {
    position: absolute;
    z-index: 9;
    left: 2px;
    top: 2px;
    height: 24px;
    width: 114px;
    background: url("img/class1_online_buyonlinebutton.png") no-repeat;
}
.divCMRClass1OnlineBtnBuydvd {
    position: absolute;
    z-index: 9;
    left: 2px;
    top: 2px;
    height: 24px;
    width: 114px;
    background: url("img/class1_online_buydvdbutton.png") no-repeat;
}

.divCMRClass1OnlineText {
    position: absolute;
    z-index: 9;
    left: 26px;
    height: 44px;
    width: 90px;
}
.pdivCMRClass1OnlineTexty {
    color: #FFFF88;
    font-weight: normal;
    font-size: 12pt;
}
.pdivCMRClass1OnlineTextb {
    color: #35329D;
    font-weight: bold;
    font-size: 15pt;
}
.spanCMRClass1OnlineTextb {
    font-size: 12pt;
}
#divCMRClass1OnlineBtn1 {
    top: 56px;
}
#divCMRClass1OnlineBtn2 {
    top: 118px;
}
#divCMRClass1OnlineBtn3 {
    top: 180px;
}
#divCMRClass1OnlineBtn4 {
    top: 246px;
}
#divCMRClass1OnlineText1 {
    top: 44px;
}
#divCMRClass1OnlineText2 {
    top: 106px;
}
#divCMRClass1OnlineText3 {
    top: 168px;
}
#divCMRClass1OnlineText4 {
    top: 254px;
}





/* parents */

#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: 10px 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: 16px;
    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;
}




/* 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 auto;
    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: 35px 0 0 0;
}


/* fun - mults */

#divCMLBlockFunContentMults {
    position: relative;
    float: left;
    width: 659px;
    margin: 0 0 0 -6px;
}
#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;
}




/* 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;
}








#divAbsolute {
    position: absolute;
    z-index: 100;
    font-size: 10pt;
    background: #ffffff;
    top: 0;
    left: 0;
}



/* disciplines */

#divCMLBlockDisciplines {
    position: relative;
    float: left;
    margin: 15px 0 0 0;
    width: 711px;
}
#divCMLBlockDisciplinesTop {
    position: relative;
    float: left;
    z-index: 7;
    width: 679px;
    text-align: center;
    margin: 0 16px 0 16px;
}
#divCMLBlockDisciplinesTop a {
    text-decoration: none;
}
#divCMLBlockDisciplinesContent {
    position: relative;
    float: left;
    width: 711px;
}
#divDisciplinesListHeader {
    position: relative;
    float: left;
    clear: left;
    width: 655px;
    margin: 30px 28px 5px 28px;
    color: #335C90;
    font-weight: bold;
    font-size: 16px;
}
#divDisciplineVideo {
    width: 310px;
    height: 201px;
    overflow: hidden;
}
.DisciplineVideo {
    margin: -3px 0 0 0;
}

.dis-menu-btn-left{
float:left;width:9px;height:23px;background:url("img/disciplines-menu-btn-left.png") no-repeat;
}
.dis-menu-btn-right{
float:left;width:9px;height:23px;background:url("img/disciplines-menu-btn-right.png") no-repeat;
}
.dis-menu-btn-center{
padding:0 10px;float:left;height:20px;padding-top:3px;background:url("img/disciplines-menu-btn-center.png") repeat-x;
}
.dis-menu-center{
padding:0 10px;float:left;height:20px;padding-top:3px;
}
.dis-menu-spacer{
float:left;width:3px;margin:0 6px;height:23px;background:url("img/disciplines-menu-spacer.png") no-repeat;
}

* Round Block */

#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;
    background: #fff;
}

#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.gif") 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;
}

#tempdiv td {padding-top:0px}

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

.dis-header {
    color: #335C90;
    font-weight: bold;
    font-size: 16px;
    text-align:left;
    margin-bottom:5px;
}

.bold{font-weight:bold;}
.uppercase{text-transform: uppercase;}

.gray-text{
color:#6C6C6C;
font-size:12px;
font-weight:normal;
}
.white-left-corner{
width:31px;height:31px;background:url("img/white-left-corner.png") no-repeat;
}
.white-center-corner{
height:31px;background:url("img/white-center-corner.png") repeat-x;
}
.white-right-corner{
width:31px;height:31px;background:url("img/white-right-corner.png") no-repeat;
}

.white-right-corner-td {
    background: url("img/block1_right.png") repeat-y right;
    width: 31px;
}
.buy-online-btn{
float:left;width:112px;height:23px;background:url("img/buy_online.png") no-repeat;
}
.buy-dvd-btn{
float:left;width:121px;height:23px;background:url("img/buy_dvd.png") no-repeat;
}

/* VKG Genres Block */

.divVKGGenresBlock 
{
    width: 220px;
    min-height: 241px;
    background: url("img/vkg-genre-block-left-corner.png") no-repeat;
}

.divVKGGenresBlockContentWrapper
{
    width: 210px;
    float:right;
    background: url("img/vkg-genre-block-top-corner.png") no-repeat;
    padding-top: 9px;
}

.divVKGGenresBlockContent
{
    width: 192px;
    min-height: 220px;
    background: url("img/vkg-genre-block-content-bg.png") no-repeat #ffc456;
    color: #26528C;
    font-size: 12px;
    line-height: 20px;
    padding-left: 18px;
}

.divVKGGenresBlockContent a 
{
    text-decoration: underline;
    color: #26528C;
}

.divVKGGenresBlockBottomCorner
{
    width: 210px;
    height: 26px;    
    background: url("img/vkg-genre-block-bottom-corner.png") no-repeat;
}

.divVKGGenresBlockContent a.aVKGGenresBlockMainLinks
{
    color: #5383B7 !important;    
    font-weight: bold;
}

.tableVKGGenresBlockList
{
    font-size: 10px;
    line-height: 14px;    
}

.tableVKGGenresBlockList td
{
    padding: 0px !important;
}

.divCMLClass1mainText {
    margin: 30px 32px 28px 26px;   
}

.books-right-td {
     width: 381px; 
     height: 423px; 
     background: url(img/book_o.gif) no-repeat;
}
.books-left-td {
     width: 277px; 
     height: 423px; 
     background: url(img/book_c.gif) no-repeat;
}
.books-text {
    background: url(img/book_t.gif) no-repeat #FFFFF5;
}




/* User */

#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;
}
#divUserProfileWorkspace {
    position: relative;
    float: left;
    width: 711px;
}
#divUserProfile {
    position: relative;
    float: left;
}
#divUserProfileInfo {
    position: relative;
    float: left;
    width: 330px;
    height: 133px;
    margin: 23px 0 0 38px;
}
#divUserProfileInfoPhoto {
    position: relative;
    float: left;
    width: 104px;
    height: 108px;
    border: 2px solid #cba165;
    margin: 0 13px 0 0;
}
#tableUserProfileInfo {
    position: relative;
    float: left;
    width: 209px;
    margin: -2px 0 0 0;
}
.tdUserProfileInfoCaption {
    width: 75px;
    height: 19px;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
.tdUserProfileInfoData {
    width: 134px;
    color: #335c90;
    font-size: 10pt;
    font-weight: bold;
}
#divUserProfileChilds {
    position: relative;
    float: left;
    width: 274px;
    margin: 10px 0 0 42px;
    background: #dfd99d;
}
#divUserProfileChildsCaption {
    position: relative;
    float: left;
    margin: 14px 0 0 27px;
    color: #6A6B6D;
    font-size: 10pt;
    font-weight: bold;
}
.divUserProfileChildsInfo {
    position: relative;
    float: left;
    width: 238px;
    height: 79px;
    margin: 14px 0 0 18px;
}
.divUserProfileChildsInfoPhoto {
    position: relative;
    float: left;
    width: 72px;
    height: 75px;
    border: 2px solid #cba165;
    margin: 0 11px 0 0;
}
.divUserProfileChildsInfoData {
    position: relative;
    float: left;
    width: 151px;
}
.pUserProfileChildsInfoData {
    position: relative;
    float: left;
    width: 151px;
    height: 18px;
    color: #335c90;
    font-size: 10pt;
    font-weight: bold;
}
#divUserProfileChildsSeparator {
    position: relative;
    float: left;
    width: 274px;
    height: 20px;
}
#divUserProfileChildsSeparator a {
    position: relative;
    float: left;
    margin: -2px 0 0 172px;
    color: #335c90;
    font-size: 8pt;
    font-weight: normal;
}
.divUserProfileChildsCorner {
    position: absolute;
    z-index: 7;
    width: 10px;
    height: 10px;
}
#divUserProfileChildsTopLeft {
    left: 0;
    top: 0;
    background: url("img/user_child_botlay_topleft.png") no-repeat;
}
#divUserProfileChildsTopRight {
    right: 0;
    top: 0;
    background: url("img/user_child_botlay_topright.png") no-repeat;
}
#divUserProfileChildsBotLeft {
    left: 0;
    bottom: 0;
    background: url("img/user_child_botlay_botleft.png") no-repeat;
}
#divUserProfileChildsBotRight {
    right: 0;
    bottom: 0;
    background: url("img/user_child_botlay_botright.png") no-repeat;
}
#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: 155px;
    height: 23px;
    margin: 8px 0 0 284px;
    background: url("img/user_button_edit.png") no-repeat;
}
#divUserButtonSeparator {
    position: relative;
    float: left;
    clear: left;
    width: 500px;
    height: 8px;
}

#pUserEditMessage {
    position: relative;
    float: left;
    width: 611px;
    margin: 20px 0 0 55px;
    color: #6c6c6c;
    font-size: 9pt;
    font-weight: normal;
}
#tableUserEditInfo {
    position: relative;
    float: left;
    clear: left;
    width: 583px;
    height: 300px;
    margin: 30px 0 0 55px;
}
.tdUserEditInfoCaption {
    width: 120px;
    height: 30px;
}
.pUserEditInfoCaption {
    position: relative;
    float: left;
    width: 120px;
    margin: 2px 0 0 0;
}
.pUserEditInfoCaption2 {
    position: relative;
    float: left;
    width: 332px;
    margin: 5px 0 0 0;
}
.tdUserEditInfoData {
    width: 332px;
    height: 30px;
}
.inputUserEditInfoData {
    position: relative;
    float: left;
    width: 330px;
    height: 19px;
    border: 1px solid #bab9b5;
}
#inputUserEditInfoMail {
    position: absolute;
    left: 175px;
    top: 184px;
    width: 330px;
    height: 19px;
    border: 1px solid #bab9b5;
}
#inputUserEditInfoLogin {
    position: absolute;
    left: 175px;
    top: 64px;
    width: 330px;
    height: 19px;
    border: 1px solid #bab9b5;
}
#inputUserEditInfoPass1 {
    position: absolute;
    left: 175px;
    top: 304px;
    width: 330px;
    height: 19px;
    border: 1px solid #bab9b5;
}
#inputUserEditInfoPass2 {
    position: absolute;
    left: 175px;
    top: 334px;
    width: 330px;
    height: 19px;
    border: 1px solid #bab9b5;
}
#divUserEditInfoPass1Alert {
    position: absolute;
    left: 520px;
    top: 306px;
    width: 200px;
    color: #ff0000;
    font-size: 10pt;
    font-weight: normal;
}
#divUserEditInfoPass2Alert {
    position: absolute;
    left: 520px;
    top: 336px;
    width: 200px;
    color: #ff0000;
    font-size: 10pt;
    font-weight: normal;
}
.selectUserEditInfoData {
    position: relative;
    float: left;
    width: 332px;
    height: 21px;
    border: 1px solid #bab9b5;
}
.inputUserEditInfoPhoto {
    position: relative;
    float: left;
    width: 246px;
    height: 19px;
    margin: 0 10px 0 0;
    border: 1px solid #bab9b5;
}
.divUserEditButtonBrowse {
    position: relative;
    float: left;
    width: 74px;
    height: 23px;
    margin: -1px 0 0 0;
    background: url("img/user_button_browse.png") no-repeat;
    cursor: pointer;
}
/*#divUserEditInfoDataTd {
    position: relative;
    float: left;
    width: 332px;
    height: 30px;
}*/
#divUserEditInfoPhotoFileBlock {
    position: relative;
    float: left;
    z-index: 25;
    width: 131px;
    height: 30px;
    margin: 32px 0 0 0;
}
#inputUserEditInfoPhotoFile {
    position: absolute;
    z-index: 20;
    width: 79px;
    height: 23px;
    top: 213px;
    left: 428px;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.tdUserEditInfoPhoto {
    width: 131px;
}
#divUserEditInfoPhoto {
    position: relative;
    float: left;
    width: 104px;
    height: 108px;
    border: 2px solid #cba165;
    margin: 0 0 0 23px;
}
#divUserEditChilds {
    position: relative;
    float: left;
    clear: left;
    width: 630px;
    margin: 20px 0 0 40px;
    background: #F5EED4;
}
.divUserEditChildsCorner {
    position: absolute;
    width: 8px;
    height: 8px;
}
#divUserEditChildsTopLeft {
    left: 0;
    top: 0;
    background: url("img/user_edit_lefttop.png") no-repeat;
}
#divUserEditChildsTopRight {
    right: 0;
    top: 0;
    background: url("img/user_edit_righttop.png") no-repeat;
}
#divUserEditChildsBotLeft {
    left: 0;
    bottom: 0;
    background: url("img/user_edit_leftbot.png") no-repeat;
}
#divUserEditChildsBotRight {
    right: 0;
    bottom: 0;
    background: url("img/user_edit_rightbot.png") no-repeat;
}
#pUserEditChildsHeader {
    position: relative;
    float: left;
    margin: 15px 0 0 17px;
}
.tableUserEditChilds {
    position: relative;
    float: left;
    clear: left;
    width: 581px;
    height: 90px;
    margin: 20px 0 0 15px;
}
.tdUserEditChildsDelete {
    width: 30px;
}
.aUserEditChildsDelete {
    position: relative;
    float: left;
    color: #335c90;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: underline;
}
.tdUserEditChildsPhoto {
    width: 99px;
}
.divUserEditChildsPhoto {
    position: relative;
    float: left;
    width: 72px;
    height: 75px;
    border: 2px solid #cba165;
    margin: 0 0 0 23px;
}
#divUserEditChildsSeparator {
    position: relative;
    float: left;
    clear: left;
    width: 596px;
    height: 25px;
}
#divUserEditChildsSeparator p {
    position: relative;
    float: left;
    margin: 0px 0 0 486px;
    color: #335c90;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}
#divUserEditChildsExtend {
    position: relative;
    float: left;
    clear: left;
    width: 566px;
}
.divUserEditBotSeparator {
    position: relative;
    float: left;
    clear: left;
    width: 500px;
    height: 25px;
}
#divUserEditSubmit {
    position: relative;
    float: left;
    clear: left;
    width: 164px;
    height: 39px;
    margin: 0 0 0 276px;
    background: url("img/user_button_save.png") no-repeat;
    cursor: pointer;
}

#divUserFullWorkspace {
    position: relative;
    float: left;
    width: 711px;
    height: 270px;
}
#divUserWorkspace {
    position: relative;
    float: left;
    width: 711px;
    height: 230px;
}

#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;
}

#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;
}

#pUserLostpassLabel1 {
    position: relative;
    float: left;
    width: 711px;
    height: 30px;
    margin: 35px 0 0 0;
    text-align: center;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
#inputUserLostpassForm {
    position: relative;
    float: left;
    clear: left;
    width: 318px;
    height: 19px;
    margin: 20px 0 0 195px;
    border: 1px solid #bab9b5;
}
#inputUserLostpassButtonSendpass {
    position: relative;
    float: left;
    width: 155px;
    height: 23px;
    margin: 8px 0 0 284px;
    cursor: pointer;
}
#divUserLostpassBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40px;
}
#divUserLostPassAlert {
    position: relative;
    float: left;
    clear: left;
    width: 690px;
    height: 19px;
    margin: 20px 0 0 10px;
    text-align: center;
    color: red;
    font-weight: normal;
    font-size: 10pt;
}

#pUserSendpassLabel {
    position: relative;
    float: left;
    width: 711px;
    height: 20px;
    margin: 104px 0 0 0;
    text-align: center;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}

#tableUserRegForm {
    position: relative;
    float: left;
    width: 553px;
    height: 210px;
    margin: 8px 0 0 148px;
}
.tdUserRegFormCaption1 {
    width: 127px;
    height: 38px;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
.tdUserRegFormCaption2 {
    width: 16px;
    height: 38px;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
}
.tdUserRegFormData {
    width: 200px;
    height: 38px;
}
.tdUserRegFormDataShort {
    width: 134px;
    height: 38px;
}
.tdUserRegFormDataLong {
    width: 410px;
    height: 38px;
}
.tdUserRegFormAlert {
    width: 210px;
    height: 38px;
    color: red;
    font-size: 10pt;
    font-weight: normal;
}
.tdUserRegFormAlertLong {
    width: 276px;
    height: 38px;
    color: red;
    font-size: 10pt;
    font-weight: normal;
}
.inputUserRegForm1 {
    position: relative;
    float: left;
    width: 183px;
    height: 19px;
    border: 1px solid #bab9b5;
}
.inputUserRegForm2 {
    position: relative;
    float: left;
    width: 117px;
    height: 19px;
    border: 1px solid #bab9b5;
}
#divUserRegAccept {
    position: relative;
    float: left;
    width: 388px;
    height: 20px;
    margin: 9px 0 0 198px;
}
#inputUserRegAcceptCheckbox {
    position: relative;
    float: left;
    margin: 0 6px 0 0;
}
#pUserRegAcceptLabel {
    position: relative;
    float: left;
    color: #6c6c6c;
    font-size: 10pt;
    font-weight: normal;
    margin: -1px 0 0 0;
}
#aUserRegAcceptLabel {
    color: #6c6c6c;
    text-decoration: underline;
}
#aUserRegAcceptLabel:hover {
    text-decoration: none;
}
#inputUserRegButtonreg {
    position: relative;
    float: left;
    width: 155px;
    height: 23px;
    margin: 8px 0 0 284px;
    cursor: pointer;
}

#divUserRegok {
    position: relative;
    float: left;
    width: 590px;
    margin: 17px 0 0 77px;
    font-size: 10pt;
}
#divUserRegok a {
    color: #227FDC;
    text-decoration: none;
}
#pUserRegok1 {
    position: relative;
    float: left;
    width: 590px;
    color: #6c6c6c;
    font-weight: normal;
}
#pUserRegok2 {
    position: relative;
    float: left;
    width: 590px;
    margin: 20px 0 0 0;
    color: #6c6c6c;
    font-weight: normal;
}




/* 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;
    height: 127px;
    margin: 20px 0 0 28px;
}
.divPaymentType {
    position: relative;
    float: left;
    width: 316px;
    height: 55px;
    background: #F7F4EF;
}
.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: 20px 7px 0 40px;
}
.pPaymentType {
    position: relative;
    float: left;
    /*width: 110px;*/
    margin: 18px 22px 0 0;
    text-align: left;
    color: #335c90;
    font-size: 10pt;
    font-weight: normal;
    text-decoration: underline;
}
/*.pPaymentType1 {
    width: 110px;
}
.pPaymentType2 {
    width: 110px;
}*/
#divPaymentTypeSbrf {
    position: relative;
    float: left;
    width: 19px;
    height: 19px;
    margin: 18px 0 0 0;
    background: url("img/payment_sbrf.png") no-repeat;
}
#divPaymentTypeYandex {
    position: relative;
    float: left;
    width: 119px;
    height: 19px;
    margin: 18px 0 0 0;
    background: url("img/payment_yandex.png") no-repeat;
}
#divPaymentTypeQiwi {
    position: relative;
    float: left;
    width: 52px;
    height: 25px;
    margin: 15px 0 0 0;
    background: url("img/payment_qiwi.png") no-repeat;
}
#divPaymentTypeSms {
    position: relative;
    float: left;
    width: 47px;
    height: 41px;
    margin: 6px 0 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: 107px;
    height: 23px;
    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;
    height: 450px;
}
#divPaymentSmsLogo {
    position: absolute;
    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;
}
#inputPaymentSmsPair {
    position: relative;
    float: left;
    width: 150px;
    height: 19px;
    margin: 15px 0 0 12px;
    border: 1px solid #bab9b5;
}
#divPaymentSmsWorkspaceCountry {
    position: relative;
    float: left;
    width: 498px;
    margin: 17px 0 0 25px;
}
#divPaymentSmsWorkspaceOp {
    position: relative;
    float: left;
    clear: left;
    width: 498px;
    margin: 20px 0 0 25px;
}
#divPaymentSmsInstructions {
    position: relative;
    float: left;
    clear: left;
    width: 498px;
    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;
}
#inputPaymentSmsWorkspaceButtonContinue {
    position: relative;
    float: left;
    clear: left;
    width: 107px;
    height: 23px;
    margin: 28px 0 0 262px;
    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;
    height: 450px;
}
#divPaymentYandexLogo {
    position: absolute;
    width: 119px;
    height: 19px;
    top: 20px;
    left: 564px;
    background: url("img/payment_yandex.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;
    font-size: 10pt;
    font-weight: normal;
}
#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;
    height: 220px;
    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: 107px;
    height: 23px;
    margin: 20px 0 0 260px;
    cursor: pointer;
}

#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: 102px;
    height: 44px;
    top: 10px;
    left: 570px;
    background: url("img/payment_qiwi_big.gif") no-repeat;
}
#divPaymentQiwiWorkspace {
    position: relative;
    float: left;
    clear: left;
    width: 622px;
    height: 180px;
    margin: 20px 0 0 42px;
    background: #F7F4EF;
}



/* about / specifications / howlessons */

#divBlockContentArea {
    position: relative;
    float: left;
    width: 651px;
    margin: 20px 0 0 30px;
}
#divBlockContentArea a {
    text-decoration: underline;
    color: #335c90;
}
#divBlockContentArea a:hover {
    text-decoration: none;
}
#divBlockBackDiv {
    position: relative;
    float: left;
    clear: left;
    margin: 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;
}
.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;
}

.blue-title {
    font-size:20px;
    color: #26528c;
}

.contest-author {
    font-size:12px;
    color: #5a9509;
    font-weight: bold;
}

.contest-address {
    font-size:12px;
    color: #6e6c6d;
    font-weight: normal;
}

.contest-image {
    font-size:18px;
    color: blue;
    font-weight: bold;
}

.contest-imagename {
    font-size:12px;
    color: #6e6c6d;
    font-weight: bold;
}

.contest-votetext {
    font-size:12px;
    color: #6e6c6d;
    font-weight: normal;
}

.contest-text {
    font-size:12px;
    color: #6e6c6d;
    font-weight: normal;
}

.contest-votebutton {
    font-size:18px;
    color: blue;
    font-weight: bold;
}



#divCMLBlockParents  a.contest-next {
    font-size:11px;
    color: #26528c;
    font-weight: bold; 
    cursor:pointer;
    text-decoration:none;   
}

#divCMLBlockParents  a.contest-next:hover {
    font-size:11px;
    color: #26528c;
    font-weight: bold; 
    cursor:pointer;
    text-decoration:none;   
}

#tableContentTop a.contest-status-string {
    font-size:11px;
    color: #26528c;
    font-weight: bold; 
    cursor:pointer;
    text-decoration:none;   
}

#divCMRBlogIn a
{
   text-decoration: none;
   font-weight: bold;
   color: #335C90;
}
/* admincab */

#divAdmincabWorkspace {
    position: relative;
    float: left;
    width: 651px;
    margin: 20px 0 0 30px;
}



.aInDiv {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

.aCMLBlockTopCaption{
    font-size:14pt;
    color: #FFFFFF;
    font-weight: bold; 
    text-decoration:none; 
}

/**
 *  jcarousel
 */ 

.jcarousel-skin-ie7 .jcarousel-container {

}

.jcarousel-skin-ie7 .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
    width: 672px;
    padding: 5px 9px;
}

.jcarousel-skin-ie7 .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:  688px;
    height: 200px;
}

.jcarousel-skin-ie7 .jcarousel-item {
    width: 162px;
    height: 190px;
    background:url('img/ozon-plashka.png') no-repeat;
}

.jcarousel-skin-ie7 .jcarousel-item:hover,
.jcarousel-skin-ie7 .jcarousel-item:focus {

}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 5px;
    padding: 7px 3px;
    
}

.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 7px;
	margin-right: 0;
    padding: 7px 3px;
}

.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 84px;
    right: -15px;
    width: 9px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/ozon_arrow_right.png) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(img/ozon_arrow_left.png);
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-horizontal:focus {

}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {

}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
    top: 84px;
    left: 0px;
    width: 9px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/ozon_arrow_left.png) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(img/ozon_arrow_right.png);
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:focus {

}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {

}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
}



.divMainItemPic {
    width: 76px;
    height: 76px;
}

#divMainItemPicPreschool1 {
    background: url("img/preschool_icons/1.jpg") no-repeat;
}
#divMainItemPicPreschool1:hover {
    background: url("img/preschool_icons/1b.jpg") no-repeat;
}
#divMainItemPicPreschool2 {
    background: url("img/preschool_icons/2.jpg") no-repeat;
}
#divMainItemPicPreschool2:hover {
    background: url("img/preschool_icons/2b.jpg") no-repeat;
}
#divMainItemPicPreschool3 {
    background: url("img/preschool_icons/3.jpg") no-repeat;
}
#divMainItemPicPreschool3:hover {
    background: url("img/preschool_icons/3b.jpg") no-repeat;
}
#divMainItemPicPreschool4 {
    background: url("img/preschool_icons/4.jpg") no-repeat;
}
#divMainItemPicPreschool4:hover {
    background: url("img/preschool_icons/4b.jpg") no-repeat;
}
#divMainItemPicPreschool5 {
    background: url("img/preschool_icons/5.jpg") no-repeat;
}
#divMainItemPicPreschool5:hover {
    background: url("img/preschool_icons/5b.jpg") no-repeat;
}
#divMainItemPicPreschool6 {
    background: url("img/preschool_icons/6.jpg") no-repeat;
}
#divMainItemPicPreschool6:hover {
    background: url("img/preschool_icons/6b.jpg") no-repeat;
}
#divMainItemPicPreschool7 {
    background: url("img/preschool_icons/7.jpg") no-repeat;
}
#divMainItemPicPreschool7:hover {
    background: url("img/preschool_icons/7b.jpg") no-repeat;
}
#divMainItemPicPreschool8 {
    background: url("img/preschool_icons/8.jpg") no-repeat;
}
#divMainItemPicPreschool8:hover {
    background: url("img/preschool_icons/8b.jpg") no-repeat;
}

#divMainItemPicFun1 {
    background: url("img/fun_icons/1.jpg") no-repeat;
}
#divMainItemPicFun1:hover {
    background: url("img/fun_icons/1b.jpg") no-repeat;
}
#divMainItemPicFun2 {
    background: url("img/fun_icons/2.jpg") no-repeat;
}
#divMainItemPicFun2:hover {
    background: url("img/fun_icons/2b.jpg") no-repeat;
}
#divMainItemPicFun3 {
    background: url("img/fun_icons/3.jpg") no-repeat;
}
#divMainItemPicFun3:hover {
    background: url("img/fun_icons/3b.jpg") no-repeat;
}
#divMainItemPicFun4 {
    background: url("img/fun_icons/4.jpg") no-repeat;
}
#divMainItemPicFun4:hover {
    background: url("img/fun_icons/4b.jpg") no-repeat;
}
#divMainItemPicFun5 {
    background: url("img/fun_icons/5.jpg") no-repeat;
}
#divMainItemPicFun5:hover {
    background: url("img/fun_icons/5b.jpg") no-repeat;
}


#divSpecificationsSpeedTest {
    position: relative;
    float: left;
    width: 200px;
    height: 42px;
    margin: -14px 0 0 10px;
    background: url("img/bird1.png") no-repeat;
}
#divSpecificationsSpeedTest:hover {
    background: url("img/bird_hover.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;
}



/* 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;
}




/* games_preview */
.banner_900x90 {
    position: relative;
    float: left;
    z-index: 20;
    width: 900px;
    height: 90px;
    margin: 10px 0 5px 45px;
}
.banner_120x600 {
    position: relative;
    float: left;
    z-index: 20;
    width: 120px;
    height: 600px;
    margin: 10px 0 0 55px;
}
.divRightTopSep {
    position: relative;
    float: left;
    width: 1px;
    height: 104px;
}




/* contest */
.divContestHeader {
    position: relative;
    float: left;
    clear: left;
    width: 650px;
    margin: 0 0 0 30px;
}
.divContestHeader p {
    position: relative;
    float: left;
    color: #6c6c6c;
    font-weight: normal;
    font-size: 15pt;
}
.pContestHeaderTop {
    width: 94px;
    margin: 30px 0 0 0;
}
.divContestRss {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    margin: 31px 0 0 0;
    background: url("img/rss.png") no-repeat;
}
#divContestsFace {
    position: relative;
    float: left;
    clear: left;
    width: 650px;
    margin: 25px 0 0 30px;
}
.divContestItem {
    position: relative;
    float: left;
    clear: left;
    width: 650px;
    margin: 0 0 20px 0;
}
.divContestItemImg {
    position: relative;
    float: left;
    width: 202px;
    height: 202px;
}
.imgContestItemImg {
    position: relative;
    float: left;
    width: 200px;
    height: 200px;
    border: 1px solid #9C9C9C;
    /*background: #EEEEEE;*/
}
.divContestItemData {
    position: relative;
    float: left;
    width: 428px;
    margin: 0 0 0 20px;
}
.pContestItemDataHeader {
    position: relative;
    float: left;
    width: 428px;
    color: #000000;
    font-weight: normal;
    font-size: 14pt;
    text-decoration: underline;
    margin: -5px 0 0 0;
}
.pContestItemDataDates {
    position: relative;
    float: left;
    width: 428px;
    color: #6c6c6c;
    font-weight: bold;
    font-size: 9pt;
    margin: 10px 0 0 0;
}
.divContestItemDataDesc {
    position: relative;
    float: left;
    width: 428px;
    color: #6c6c6c;
    font-weight: normal;
    font-size: 8pt;
    margin: 10px 0 0 0;
}
.divContestLine {
    position: relative;
    float: left;
    clear: left;
    width: 651px;
    height: 2px;
    margin: 0 0 15px 30px;
    background: #ededed;
}
#divContestArchive {
    position: relative;
    float: left;
    clear: left;
    width: 650px;
    margin: 20px 0 0 30px;
}
.divContestArchiveItem {
    position: relative;
    float: left;
    width: 300px;
    margin: 0 20px 10px 0;
}
.divContestArchiveItemImg {
    position: relative;
    float: left;
    width: 52px;
    height: 52px;
}
.imgContestArchiveItemImg {
    position: relative;
    float: left;
    width: 50px;
    height: 50px;
    border: 1px solid #9C9C9C;
    /*background: #EEEEEE;*/
}
.divContestArchiveItemData {
    position: relative;
    float: left;
    width: 238px;
    margin: 0 0 0 10px;
}
.pContestArchiveItemDataHeader {
    position: relative;
    float: left;
    width: 238px;
    color: #000000;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: underline;
    margin: -3px 0 0 0;
}
.pContestArchiveItemDataDates {
    position: relative;
    float: left;
    clear: left;
    width: 238px;
    color: #6c6c6c;
    font-size: 8pt;
    font-weight: normal;
    margin: 5px 0 0 0;
}




/* advertising */
.pAdvertisingHeaderTop {
    width: 194px;
    margin: 30px 0 0 0;
}
.divAdvertisingBlock {
    position: relative;
    float: left;
    clear: left;
    width: 657px;
    margin: 7px 0 0 27px;
    background: #ECEDE8;
}
.divAdvertisingBlockImg {
    position: relative;
    float: left;
    width: 461px;
    margin: 7px 0 0 7px;
}
.divAdvertisingBlockImgBot {
    position: relative;
    float: left;
    clear: left;
    width: 461px;
    height: 7px;
    margin: 0 0 0 7px;
}
.imgAdvertisingBlockImg {
    position: relative;
    float: left;
    width: 459px;
    border: 1px solid #BAB9B7;
}
.divAdvertisingBlockText {
    position: relative;
    float: left;
    width: 167px;
    margin: 15px 0 0 15px;
}
.pAdvertisingBlockTextHeader {
    position: relative;
    float: left;
    width: 167px;
    margin: 0 0 10px 0;
    color: #6c6c6c;
    font-size: 11pt;
    font-weight: bold;
}
.pAdvertisingBlockTextData {
    position: relative;
    float: left;
    width: 167px;
    color: #6c6c6c;
    font-size: 9pt;
    font-weight: normal;
}



/* buy disk alert */

#divBuyDiskAlert {
    position: absolute;
    z-index: 1100;
    width: 476px;
    left: 50%;
    margin: 0 0 0 -238px;
}
#divBuyDiskAlertBody {
    position: relative;
    float: left;
    clear: left;
    width: 476px;
    background: #FFFFF5;
}
.pBuyDiskAlert {
    position: relative;
    float: left;
    width: 436px;
    margin: 7px 0 0 20px;
}
.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;
}
.divBuyDiskAlertSep {
    position: relative;
    float: left;
    clear: left;
    width: 476px;
    height: 10px;
    background: #FFFFED;
}

.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;
}