/***** GENERAL CLASSES *****/ body{font-family: "Lucida Sans", "Lucida Grande", sans-serif; font-size: 12px; color: #072d36; line-height: 20px; background: #fff url(../images/layout/background.gif) repeat;} input, textarea, select{font-family: "Lucida Sans", "Lucida Grande", sans-serif; font-size: 14px;} @font-face { font-family: Nilland; src: url('../fonts/Nilland.ttf'); } .wrapper{width: 990px; margin: 0 auto; overflow: hidden; position: relative;} .border{width: 100%; height: 7px; font-size: 1px; background: url(../images/layout/bg_border.png) 0 0 repeat; line-height: 1;} .ad{margin-bottom: 20px;} .hide{display: none;} /*tabbed*/ .tabs{margin-bottom: 20px; overflow: hidden; clear: both; position: relative;} .ui-tabs{margin-bottom: 20px; overflow: hidden; clear: both; position: relative;} .tabs .ui-tabs-nav{height: 40px; padding-left: 16px; margin-bottom: -1px; float: left;} .tabs .ui-tabs-nav li{height: 34px; line-height: 34px; background: url(../images/layout/tabs.gif) 100% 0 no-repeat; margin: 6px 0 0 -16px; float: left;} .tabs .ui-tabs-nav li a{color: #fff; font-weight: bold; text-decoration: none; white-space: nowrap; padding: 0 40px 0 25px; outline: none; cursor: pointer; display: block;} .tabs .ui-tabs-nav li a:hover{color: #1f1f1f;} .tabs .ui-tabs-nav li.ui-tabs-selected{height: 40px; background: url(../images/layout/tabs.gif) 100% -34px no-repeat; margin: 0 0 0 -16px; overflow: hidden; position: relative;} .tabs .ui-tabs-nav li.ui-tabs-selected a{color: #553b28; line-height: 46px; background: url(../images/layout/tabs.gif) 0 -74px no-repeat; cursor: default;} .tabs .ui-tabs-nav li.ui-tabs-selected a:hover{color: #553b28;} .tabs strong{text-indent: -1000px; display: block; overflow: hidden; position: absolute; top: 0; right: 0;} .tabs .tabs-container{background: #fff; border: 1px solid #8bb2bc; padding: 15px 12px; clear: both; overflow: hidden; text-align: left;} .tabs .ui-tabs-panel{background: #fff; border: 1px solid #8bb2bc; padding: 15px 12px; clear: both; overflow: hidden; text-align: left;min-height:220px;} .tabs .ui-tabs-hide{display: none;} /*carousel*/ div.carousel{padding: 25px 15px 41px 50px; background: url(../images/layout/bg_options.png) 0 0 repeat; float: right; clear: both;} .carousel .jcarousel-container{width: 755px; padding: 0 40px 10px 40px; background: url(../images/layout/dot_line_w.gif) 0 100% repeat-x; position: relative;} .carousel .jcarousel-clip{width: 755px; height: 200px; overflow: hidden; position: relative; z-index: 2;} .carousel .jcarousel-list{overflow: hidden; position: relative; z-index: 1;} .carousel .jcarousel-item{width: 170px; height: 200px; margin-right: 25px; float: left;} .carousel .jcarousel-item a{width: 170px; height: 200px; font-size: 14px; color: #e67520; font-weight: bold; text-decoration: none; line-height: 20px; display: block; overflow: hidden;} .carousel .jcarousel-item a:hover{color: #553b28;} .carousel .jcarousel-item a span{border: 1px solid #fefefe; margin-bottom: 10px; display: block;} .carousel .jcarousel-next{width: 30px; height: 19px; background: url(../images/layout/buttons.gif) 0 -295px no-repeat; display: none; position: absolute; top: 54px; right: 0; z-index: 3; cursor: pointer;} .carousel .jcarousel-next:hover{background-position: 0 -314px;} .carousel .jcarousel-next-disabled, .carousel .jcarousel-next-disabled:hover{cursor: default; background-position: 0 -333px;} .carousel .jcarousel-prev{width: 30px; height: 19px; background: url(../images/layout/buttons.gif) 0 -238px no-repeat; display: none; position: absolute; top: 54px; left: 0; z-index: 3; cursor: pointer;} .carousel .jcarousel-prev:hover{background-position: 0 -257px;} .carousel .jcarousel-prev-disabled, .carousel .jcarousel-prev-disabled:hover{cursor: default; background-position: 0 -276px;} /*pages*/ .pages{height: 19px; text-align: center; line-height: 19px; overflow: hidden; clear: both;} .pages li{display: inline;} .pages li a{width: 17px; height: 17px; font-size: 14px; color: #fff; text-decoration: none; text-align: center; line-height: 17px; background: #96bec9; border: 1px solid #8bb2bc; display: inline-block;} .pages li a.selected, .pages li a.selected:hover{color: #ffffff; background: #75a4b0; border: 1px solid #8fb5bf; cursor: default;} .pages li a:hover{border: 1px solid #134450;} /***** PAGES STRUCTURE *****/ /*page structure for home*/ #home{} #home #content{width: 100%; background: url(../images/layout/bg_content.png) 0 0 repeat; padding: 25px 0 5px 0; overflow: hidden;} #home #content #ContentContainer{border-top: 7px solid #89b2bc; padding: 25px 0 0 0; overflow: hidden;} #home #content #ContentContainer #ContentLeft{width: 677px; float: left;} #home #content #ContentContainer #sidebar{width: 300px; float: right;} /*page structure for parent profiles*/ #ParentProfiles{} #ParentProfiles #ContentTop{width: 100%; background: url(../images/layout/bg_content.png) 0 0 repeat; overflow: hidden;} #ParentProfiles #ContentBottom{width: 100%; background: url(../images/layout/bg_content.png) 0 0 repeat; padding: 0 0 5px 0; overflow: hidden;} #ParentProfiles #ContentBottom .wrapper{padding-top: 25px;} #ParentProfiles #ContentBottom #ContentContainer{overflow: hidden;} #ParentProfiles #ContentBottom #ContentContainer #ContentRight{width: 677px; float: right;} #ParentProfiles #ContentBottom #ContentContainer #sidebar{width: 300px; float: left;} /*page structure for parent profiles lessons*/ #ParentProfilesLessons{} #ParentProfilesLessons #content{width: 100%; background: url(../images/layout/bg_content.png) 0 0 repeat; overflow: hidden;} #ParentProfilesLessons #content .wrapper{background: url(../images/layout/drawing.gif) 100% 100% no-repeat; padding: 25px 0 110px;} /*page structure for student profiles*/ #StudentProfiles{} #StudentProfiles #ContentTop{width: 100%; background: url(../images/layout/bg_content.png) 0 0 repeat; overflow: hidden;} #StudentProfiles #ContentBottom{width: 100%; background: url(../images/layout/bg_content.png) 0 0 repeat; overflow: hidden;} #StudentProfiles #ContentBottom .wrapper{background: url(../images/layout/drawing.gif) 100% 100% no-repeat; padding: 25px 0 110px;} /*page structure for lesson*/ #lesson{} #lesson #content{width: 100%; background: url(../images/layout/bg_content.png) 0 0 repeat; overflow: hidden;} #lesson #content .wrapper{background: url(../images/layout/drawing.gif) 100% 100% no-repeat; padding: 25px 0 110px;} /*page structure for faq*/ #faq{} #faq #content{width: 100%; background: url(../images/layout/bg_content.png) 0 0 repeat; overflow: hidden;} #faq #content #ContentContainer{ padding: 15px 0 0 0;overflow: hidden;} #faq #content #ContentContainer #ContentLeft{width: 677px; float: left;} #faq #content #ContentContainer #sidebar{width: 300px; float: right;} /*page structure for lessons*/ #lessons{} #lessons #content{width: 100%; background: url(../images/layout/bg_content.png) 0 0 repeat; overflow: hidden;} #lessons #content #ContentContainer{padding: 15px 0 0 0; overflow: hidden;} #lessons #content #ContentContainer #ContentLeft{width: 677px; float: left;} #lessons #content #ContentContainer #sidebar{width: 300px; float: right;} /*page structure for advantages*/ #advantages{} #advantages #content{width: 100%; background: url(../images/layout/bg_content.png) 0 0 repeat; overflow: hidden;} #advantages #content #ContentContainer{padding: 15px 0 38px 0;overflow: hidden;} #advantages #content #ContentContainer #ContentLeft{width: 645px; background: #fff; border: 1px solid #8bb2bc; padding: 45px 15px 0 15px; float: left;} #advantages #content #ContentContainer #sidebar{width: 300px; padding-bottom: 20px; float: right;} /*page structure for prices, account, login*/ #prices, #account, #LoginPage{} #prices #content, #account #content, #LoginPage #content{width: 100%; background: url(../images/layout/bg_content.png) 0 0 repeat; padding: 25px 0; overflow: hidden;} /*page structure for contact*/ #contact{} #contact #content{width: 100%; background: url(../images/layout/bg_content.png) 0 0 repeat; overflow: hidden;} #contact #content #ContentContainer{padding: 15px 0; overflow: hidden;} #contact #content #ContentContainer #ContentLeft{width: 677px; background: #fff; border: 1px solid #8bb2bc; padding: 30px 0; float: left;} #contact #content #ContentContainer #sidebar{width: 300px; float: right;} /*page structure for statistics*/ #statistics{} #statistics #ContentTop{width: 100%; background: url(../images/layout/bg_content.png) 0 0 repeat; overflow: hidden;} #statistics #ContentBottom{width: 100%; background: url(../images/layout/bg_content.png) 0 0 repeat; overflow: hidden;} #statistics #ContentBottom .wrapper{background: url(../images/layout/drawing.gif) 100% 100% no-repeat; padding: 0 0 110px;} /*page structure for search results*/ #SearchResults{} #SearchResults #content{width: 100%; background: url(../images/layout/bg_content.png) 0 0 repeat; overflow: hidden;} #SearchResults #content #ContentContainer{padding: 15px 0 0 0; overflow: hidden;} #SearchResults #content #ContentContainer #ContentLeft{width: 677px; float: left;} #SearchResults #content #ContentContainer #sidebar{width: 300px; float: right;} /*page structure for notifications*/ #notifications{} #notifications #ContentTop{width: 100%; background: url(../images/layout/bg_content.png) 0 0 repeat; overflow: hidden;} #notifications #ContentBottom{width: 100%; background: url(../images/layout/bg_content.png) 0 0 repeat; overflow: hidden;} #notifications #ContentBottom .wrapper{background: url(../images/layout/drawing.gif) 100% 100% no-repeat; padding: 0 0 110px;} /*update - 13.08.2012 - page structure for prizes*/ #prizes{} #prizes #ContentTop{width: 100%; background: url(../images/layout/bg_content.png) 0 0 repeat; overflow: hidden;} #prizes #ContentBottom{width: 100%; background: url(../images/layout/bg_content.png) 0 0 repeat; overflow: hidden;} #prizes #ContentBottom .wrapper{background: url(../images/layout/drawing.gif) 100% 100% no-repeat; padding: 0 0 110px;} /*HEADER*/ #header{width: 100%; background: url(../images/layout/bg_header.png) 0 0 repeat-x;} #header a.logo{width: 379px; height: 56px; text-indent: -1000px; background: url(../images/layout/logo.gif) 0 0 no-repeat; display: block; overflow: hidden; position: absolute; top: 42px; left: 0; z-index: 2;} #header a.logo:hover{} /*account*/ #header .account{width: 250px; height: 37px; background: url(../images/layout/account.gif) 0 0 no-repeat; padding-top: 10px; position: absolute; top: 0; right: 313px; z-index: 3;} #header .acc{width: 250px; height: 37px; background: url(../images/layout/account.gif) 0 0 no-repeat; padding-top: 10px; position: absolute; top: 0; right: 293px; z-index: 3;} #header .account li{height: 12px; line-height: 12px; padding-left: 14px; float: left;} #header .acc li{height: 12px; line-height: 12px; padding-left: 14px; float: left;} #header .account li a{color: #ff8c00; text-decoration: none; font-weight: bold;} #header .acc li a{color: #ff8c00; text-decoration: none; font-weight: bold;} #header .account li a:hover{color: #fff;} #header .acc li a:hover{color: #fff;} /*login*/ #header #login{width: 230px; height: 195px; background: url(../images/layout/bg_login.gif) 0 0 no-repeat; padding: 20px 0 0 20px; position: absolute; top: 40px; right: 310px; z-index: 1000; -webkit-box-shadow: 4px 4px 10px #999; -moz-box-shadow: 4px 4px 10px #999; box-shadow: 4px 4px 10px #999;} #header #login label{font-size: 14px; color: #fff; margin-bottom: 5px; display: block; clear: both;} #header #login input{width: 200px; color: #ff8c00; background: #fff;border: 1px solid #c4ad88; padding: 4px 5px 4px 5px; margin-bottom: 10px;} #header #login .submit{width: 71px; height: 28px; font-size: 0; text-indent: -1000px; letter-spacing: 100px; line-height: 0; background: url(../images/layout/buttons.gif) 0 -126px no-repeat; border: 0; padding: 0; margin-right: 10px; float: left; cursor: pointer;} #header #login .submit:hover{background-position: 0 -154px;} #header #login .checkbox{font-size: 12px; color: #ff8c00; line-height: 13px; padding: 0 0 0 20px; margin: 7px 0 0 0; float: left; clear: none; position: relative;} #header #login .checkbox input{width: auto; border: 0; padding: 0; margin: 0; position: absolute; top: 0; left: 0;} #header #login a{color: #ff8c00; text-decoration: none; white-space: nowrap; float: left; clear: both;} #header #login a:hover{color: #fff;} /*menu*/ #header .menu{width: 677px; margin: 130px 0 8px 0; float: left; overflow: hidden; position: relative; z-index: 1;} #header .menu ul{width: 716px; overflow: hidden;} #header .menu ul li{margin-right: 45px; float: left;} #header .menu ul li a{height: 33px; text-indent: -1000px; background: url(../images/layout/menu.gif) 0 0 no-repeat; display: block; overflow: hidden;} #header .menu ul li a:hover{background-position: 0 -33px;} #header .menu ul li .menu1{width: 51px;} #header .menu ul li .menu1:hover{} #header .menu ul li.selected .menu1{background-position: 0 -66px; cursor: default;} #header .menu ul li .menu2{width: 71px; background-position: 0 -99px;} #header .menu ul li .menu2:hover{background-position: 0 -132px;} #header .menu ul li.selected .menu2{background-position: 0 -165px; cursor: default;} #header .menu ul li .menu3{width: 58px; background-position: 0 -198px;} #header .menu ul li .menu3:hover{background-position: 0 -231px;} #header .menu ul li.selected .menu3{background-position: 0 -264px; cursor: default;} #header .menu ul li .menu4{width: 47px; background-position: 0 -297px;} #header .menu ul li .menu4:hover{background-position: 0 -330px;} #header .menu ul li.selected .menu4{background-position: 0 -363px; cursor: default;} #header .menu ul li .menu5{width: 155px; background-position: 0 -396px;} #header .menu ul li .menu5:hover{background-position: 0 -429px;} #header .menu ul li.selected .menu5{background-position: 0 -462px; cursor: default;} #header .menu ul li .menu6{width: 64px; background-position: 0 -495px;} #header .menu ul li .menu6:hover{background-position: 0 -528px;} #header .menu ul li.selected .menu6{background-position: 0 -561px; cursor: default;} #header .teacher{width: 361px; height: 569px; text-indent: -1000px; background: url(../images/layout/teacher.png) 0 0 no-repeat; overflow: hidden; position: absolute; right: 0; bottom: -15px;} /*wrapper*/ #advantages #header .wrapper, #prices #header .wrapper, #lessons #header .wrapper, #faq #header .wrapper, #contact #header .wrapper, #ParentProfiles #header .wrapper, #ParentProfilesLessons #header .wrapper, #StudentProfiles #header .wrapper, #lesson #header .wrapper, #advantages #header .wrapper, #prices #header .wrapper, #account #header .wrapper, #LoginPage #header .wrapper, #statistics #header .wrapper, #SearchResults #header .wrapper, #notifications #header .wrapper, /*update - 13.08.2012*/ #prizes #header .wrapper{overflow: visible; height: 171px;} /*FOOTER*/ #footer{font-family: Arial, Helvetica, sans-serif; line-height: 12px; background: #fff; padding: 25px 0;} #footer .copyright{color: #573b28; float: left;} #footer .copyright a.PartnerExperience{width: 243px; height: 38px; text-indent: -1000px; background: url(../images/layout/logo_partner_experience.gif) 0 0 no-repeat; margin-bottom: 10px; display: block; overflow: hidden;} #footer .copyright a.PartnerExperience:hover{} #footer .others{float: right;} #footer .others a.LectiaDeMate{width: 203px; height: 21px; text-indent: -1000px; background: url(../images/layout/logo_footer.gif) 0 0 no-repeat; margin: 0 30px 10px 0; display: block; float: left; overflow: hidden;} #footer .others a.LectiaDeMate:hover{} #footer a.recommend{height: 20px; color: #ec7423; text-decoration: none; line-height: 20px; background: url(../images/layout/icons.gif) 0 -350px no-repeat; padding-left: 22px; float: left; display: block;} #footer a.recommend:hover{color: #573b28;} #footer .FooterMenu{float: left; margin-bottom: 10px; overflow: hidden; clear: both;} #footer .FooterMenu ul{margin-right: -25px; float: left;} #footer .FooterMenu ul li{float: left; border-right: 2px solid #573b28; padding-right: 12px; margin-right: 12px;} #footer .FooterMenu ul li a{color: #573b28; font-weight: bold; text-decoration: none; white-space: nowrap;} #footer .FooterMenu ul li a:hover{color: #e67520; } #footer .therms{float: left; overflow: hidden; clear: both;} #footer .therms ul{margin-right: -17px; float: left;} #footer .therms ul li{float: left; border-right: 2px solid #e67520; padding-right: 8px; margin-right: 8px;} #footer .therms ul li a{color: #e67520; font-weight: bold; text-decoration: none; white-space: nowrap;} #footer .therms ul li a:hover{color: #573b28;} /***** HOME *****/ /*update - 10.08.2012 BANNER*/ #banner{width: 100%; background: url(../images/layout/bg_banner.png) 0 0 repeat; border-bottom: 5px solid #513831;} #banner .wrapper{padding: 16px 0 16px 0;} #banner .wrapper .close{height: 18px; font-size: 12px; color: #fff; line-height: 18px; text-decoration: none; background: url(../images/layout/icons.gif) 100% -1996px no-repeat; padding-right: 25px; position: absolute; top: 10px; right: 0;} #banner .wrapper .close:hover{color: #072D36; background-position: 100% -2014px;} #banner .wrapper .title{height: 36px; text-indent: -1000px; background: url(../images/layout/banner_title.gif) 0 0 no-repeat; margin-bottom: 20px;} #banner .wrapper .list{height: 280px; overflow: auto;} #banner .wrapper .list ol{background: url(../images/layout/ol_numbers.gif) 180px 15px no-repeat; padding-right: 100px;} #banner .wrapper .list ol li{height: 125px; padding-top: 15px; overflow: hidden;} #banner .wrapper .list ol li .image{width: 130px; height: 125px; margin: 0 50px 0 0; float: left; overflow: hidden;} #banner .wrapper .list ol li p{font-size: 16px; font-weight: bold; padding: 0 0 20px 65px; overflow: hidden;} #banner .wrapper .list ol li a{height: 16px; font-size: 14px; color: #fff; font-weight: bold; line-height: 16px; text-decoration: none; background: url(../images/layout/icons.gif) 0 -1980px no-repeat; padding-left: 25px;} #banner .wrapper .list ol li a:hover{text-decoration: underline;} /*slideshow*/ #slideshow{width: 647px; height: 357px; background: url(../images/layout/blackboard_frame.gif) 0 0 no-repeat; padding: 12px 15px 31px 15px; margin-bottom: 15px; clear: both;} #slideshow .slideshow{width: 647px; height: 357px; overflow: hidden; position: relative;} #slideshow .slide{position: absolute; top: 0; left: 0} #slideshow .slide a{position: relative; float: left; width: 647px; height: 357px;} #slideshow .slide a:hover{text-decoration: none;} #slideshow .slide a img{position: absolute; left: 0; top: 0; z-index: 1;} #slideshow .paging{width: 647px; height: 14px; text-align: center; display: none; position: absolute; bottom: 64px; z-index: 2;} #slideshow .paging a{width: 14px; height: 14px; color: #002b30; background: url(../images/layout/paging.gif) 0 0 no-repeat; margin: 0 5px; display: inline-block; overflow: hidden;} #slideshow .paging a.active, #slideshow .paging a:hover{color: #f1721e; background-position: 0 -14px;} /*double column*/ .DoubleColumn{background: url(../images/layout/border_blue.gif) 490px 0 repeat-y; overflow: hidden;} .DoubleColumn .price{width: 280px; min-height: 140px; height: 140px; height: auto !important; background: url(../images/layout/price.gif) 0 0 no-repeat; padding-left: 170px; float: left;} .DoubleColumn .price2{width: 280px; min-height: 140px; margin-left:70px; height: 140px; height: auto !important; background: url(../images/layout/hp_pret2.png) 0 0 no-repeat; padding-left: 170px; float: left;} .DoubleColumn .price p{margin-bottom: 5px;} .DoubleColumn .price2 p{margin-bottom: 5px;} .DoubleColumn .price a{font-size: 14px; color: #008b8b; font-weight: bold; text-decoration: none; background: url(../images/layout/icons.gif) 100% -50px no-repeat; padding-right: 12px; display: block; float: left;} .DoubleColumn .price2 a{font-size: 14px; color: #008b8b; font-weight: bold; text-decoration: none; background: url(../images/layout/icons.gif) 100% -50px no-repeat; padding-right: 12px; display: block; float: left;} .DoubleColumn .price a:hover{color: #134450; background-position: 100% -100px;} .DoubleColumn .price2 a:hover{color: #134450; background-position: 100% -100px;} .DoubleColumn .presentation{width: 455px; background: url(../images/layout/video_presentation.gif) 270px 18px no-repeat; padding-left: 45px; float: right; position: relative;} .DoubleColumn .presentation a.play{width: 82px; height: 35px; text-indent: -1000px; background: url(../images/layout/buttons.gif) 0 0 no-repeat; display: block; overflow: hidden; position: absolute; left: 270px; top: 90px;} .DoubleColumn .presentation a.play:hover{background-position: 0 -35px;} /*quote*/ .quote{height: 116px; font-size: 14px; color: #134450; font-style: italic; line-height: 26px; background: url(../images/layout/brace.gif) 0 50% no-repeat; border-top: 7px solid #89b2bc; padding: 25px 0 25px 50px; margin-top: 25px; clear: both;} .quote strong{font-weight: bold; text-align: right; font-style: italic; display: block;} /*tabs*/ #home .tabs strong{width: 217px; height: 28px; text-indent: -1000px; background: url(../images/layout/most_viewed.gif) 0 50% no-repeat; padding-right: 95px; display: block; overflow: hidden; position: absolute; top: 0; right: 0;} #home .tabs strong a{width: 85px; height: 28px; text-indent: -1000px; background: url(../images/layout/buttons.gif) 0 -70px no-repeat; display: block; overflow: hidden; position: absolute; top: 0; right: 0;} #home .tabs strong a:hover{background-position: 0 -98px;} /*lessons*/ .lessons, .SearchResults{color: #553b28; font-weight: bold; background: #fff url(../images/layout/dot_line_h.gif) 124px 0 repeat-y;} .lessons thead{} .lessons thead tr{} .lessons thead tr th{background: #eae0d4; padding: 2px 15px;} .lessons thead tr th.type, .SearchResults tbody tr td.type{width: 90px;} .lessons thead tr th.lesson, .SearchResults tbody tr td.lesson{} .lessons thead tr th.resume{width: 60px;} .lessons thead tr th.date{width: 90px;} .lessons thead tr th.status{width: 100px;} .lessons thead tr th.score{width: 65px;} .lessons thead tr th dl{position: relative;} .lessons thead tr th dl dt{} .lessons thead tr th dl dt a{color: #553b28; text-decoration: none; background: url(../images/layout/icons.gif) 100% -950px no-repeat; display: block; outline: none;} .lessons thead tr th dl dt a:hover{color: #ed6c4f; background-position: 100% -1000px;} .lessons thead tr th dl dd{background: #f1e7db; border: 1px solid #bdb294; border-bottom: 0; position: absolute; top: 22px; left: -15px; -webkit-box-shadow: 4px 4px 10px #999; -moz-box-shadow: 4px 4px 10px #999; box-shadow: 4px 4px 10px #999;} .lessons thead tr th dl dd ul{} .lessons thead tr th dl dd ul li{border-bottom: 1px solid #bdb294;} .lessons thead tr th dl dd ul li a{height: 30px; color: #553b28; text-decoration: none; line-height: 30px; white-space: nowrap; background: url(../images/layout/icons.gif) 0 0 no-repeat; padding: 0 10px 0 35px; display: block;} .lessons thead tr th dl dd ul li a:hover{background-color: #fff; color: #ed6c4f;} .lessons thead tr th dl dd ul li a.theory{background-position: 0 -150px;} .lessons thead tr th dl dd ul li a.exercise1{background-position: 0 -200px;} .lessons thead tr th dl dd ul li a.exercise2{background-position: 0 -250px;} .lessons thead tr th dl dd ul li a.exercise3{background-position: 0 -300px;} .lessons thead tr th.resume dl dd ul li a, .lessons thead tr th.date dl dd ul li a, .lessons thead tr th.status dl dd ul li a, .lessons thead tr th.score dl dd ul li a{padding-left: 10px;} .lessons tbody{} .lessons tbody tr, div.statistics table tbody tr, .SearchResults tbody tr{background: url(../images/layout/dot_line_w.gif) 0 100% repeat-x;} .lessons tbody tr td, .SearchResults tbody tr td{font-size: 14px; color: #553b28; padding: 5px 15px;} .lessons tbody tr td span, div.statistics table tbody tr td span, .SearchResults tbody tr td span{text-indent: 20px; background: url(../images/layout/icons.gif) 0 -150px no-repeat; padding: 5px 15px; display: block;} .lessons tbody tr td.theory, .lessons tbody tr td.exercise1, .lessons tbody tr td.exercise2, .lessons tbody tr td.exercise3, .lessons tbody tr td.free, .lessons tbody tr td.animations, .lessons tbody tr td.completed, .lessons tbody tr td.unfinished, .SearchResults tbody tr td.theory, .SearchResults tbody tr td.exercise1, .SearchResults tbody tr td.exercise2, .SearchResults tbody tr td.exercise3{padding: 0;} .lessons tbody tr td.theory span, div.statistics table tbody tr td.theory span, .SearchResults tbody tr td.theory span{background-position: 0 -150px;} .lessons tbody tr td.exercise1 span, div.statistics table tbody tr td.exercise1 span, .SearchResults tbody tr td.exercise1 span{background-position: 0 -200px;} .lessons tbody tr td.exercise2 span, div.statistics table tbody tr td.exercise2 span, .SearchResults tbody tr td.exercise2 span{background-position: 0 -250px;} .lessons tbody tr td.exercise3 span, div.statistics table tbody tr td.exercise3 span, .SearchResults tbody tr td.exercise3 span{background-position: 0 -300px;} .lessons tbody tr td.free span{background-position: 0 -1250px;} .lessons tbody tr td.animations span{background-position: 0 -1300px;} .lessons tbody tr td.completed span{background-position: 0 -600px;} .lessons tbody tr td.unfinished span{background-position: 0 -650px;} .lessons tbody tr td a, .SearchResults tbody tr td a{width: 450px; color: #e67520; text-decoration: none; white-space: nowrap; overflow: hidden; display: block;} .lessons tbody tr td a:hover, .SearchResults tbody tr td a:hover{color: #b85230;} .lessons tbody tr td p{width: 359px; color: #e67520; white-space: nowrap; overflow: hidden;} /*search*/ .search{background: #fff; padding: 16px 0; margin-bottom: 20px;} .search fieldset{width: 230px; margin: 0 auto; position: relative;} .search fieldset input{width: 195px; color: #88b2bc; background: #fff; border: 1px solid #eae0d4; padding: 4px 5px 4px 30px;} .search fieldset .submit{width: 25px; height: 25px; font-size: 0; text-indent: -1000px; letter-spacing: 100px; line-height: 0; border: 0; background: url(../images/layout/search.gif) 0 0 no-repeat; padding: 0; cursor: pointer; position: absolute; top: 1px; left: 1px;} .search fieldset .submit:hover{background-position: 0 -25px;} /***** PARENT PROFILES *****/ #header .search{width: 300px; margin: 112px 0 0 0; float: right;} #ParentProfiles .tabs strong{width: 284px; height: 24px; background: url(../images/layout/activity_report.gif) 0 50% no-repeat; padding: 0; top: 10px;} /*welcome*/ .welcome{margin-top: 20px; float: left;} .welcome p{font-size: 14px; color: #fff; margin-bottom: 10px;} .welcome p span{line-height: 25px; display: block;} .welcome p strong{font-size: 35px; line-height: 35px; display: block;} .welcome a{font-size: 14px; color: #fff; font-weight: bold; text-decoration: none; white-space: nowrap; background: url(../images/layout/icons.gif) 0 0 no-repeat; margin-right: 25px; float: left;} .welcome a:hover{color: #072D36;} .welcome a span{height: 25px; line-height: 25px; padding: 0 10px; background: url(../images/layout/bg_orange.png) 0 0 repeat; display: inline-block; cursor: pointer;} .welcome a.notifications{background-position: 0 -550px; padding-left: 40px;} .welcome a.notifications span{background: url(../images/layout/bg_content.png);} .welcome a.warning{background-position: 0 -575px;} .welcome a.assignation_lessons{margin-left: -25px;} .welcome a.assignation_lessons span{background: url(../images/layout/bg_content.png);} /*options*/ .options{width: 255px; background: url(../images/layout/bg_options.png) 0 0 repeat; padding: 10px 0 10px 45px; float: right;} .options li{margin: 7px 0; clear: both; overflow: hidden;} .options li a{font-size: 14px; color: #fff; font-weight: bold; text-decoration: none; white-space: nowrap; background: url(../images/layout/icons.gif) 0 0 no-repeat; padding: 2px 0 2px 35px; float: left;} .options li a:hover{color: #072D36;} .options li a.AccountManagement{background-position: 0 -395px;} .options li a.AddStudent{background-position: 0 -450px;} .options li a.PurchaseLessons{background-position: 0 -495px;} .options li a span{height: 25px; line-height: 25px; padding: 0 10px; background: url(../images/layout/bg_content.png) 0 0 repeat; display: inline-block; cursor: pointer;} /*extended options*/ .ExtendedOptions{border: 1px solid #8bb2bc; position: relative;} .ExtendedOptions .junction{width: 8px; height: 25px; background: url(../images/layout/junction.gif) 0 0 no-repeat; position: absolute; top: 25px; right: -8px;} .ExtendedOptions p{height: 75px; font-size: 18px; color: #553b28; line-height: 75px; background: #fff url(../images/layout/icons.gif) 0 -700px no-repeat; padding-left: 65px;} .ExtendedOptions p.stock{height: 25px; font-size: 14px; font-weight: bold; color: #fff; line-height: 25px; background: url(../images/layout/bg_orange.png) 0 0 repeat; padding-left: 10px;} .ExtendedOptions ul{background: url(../images/layout/bg_content.png) 0 0 repeat; padding: 10px 0 10px 15px; overflow: hidden;} .ExtendedOptions ul li{margin: 8px 0; clear: both; overflow: hidden;} .ExtendedOptions ul li a{height: 20px; font-size: 14px; color: #fff; font-weight: bold; text-decoration: none; line-height: 20px; white-space: nowrap; background: url(../images/layout/icons.gif) 0 0 no-repeat; padding-left: 30px; display: block; float: left;} .ExtendedOptions ul li a:hover{color: #072D36;} .ExtendedOptions ul li a.SelectLesson{background-position: 0 -800px;} .ExtendedOptions ul li a.statistics{background-position: 0 -850px;} .ExtendedOptions ul li a.message{background-position: 0 -900px;} /*tabs*/ #ParentProfiles .tabs strong{width: 284px; height: 24px; background: url(../images/layout/activity_report.gif) 0 50% no-repeat; padding: 0; top: 10px;} #ParentProfiles .tabs a.FullReport{width: 130px; height: 28px; text-indent: -1000px; background: url(../images/layout/buttons.gif) 0 -182px no-repeat; display: block; overflow: hidden; float: right;} #ParentProfiles .tabs a.FullReport:hover{background-position: 0 -210px;} /*lessons - inherit from home*/ #ParentProfiles .lessons{background-image: url(../images/layout/dot_line_h2.gif); margin-bottom: 12px;} /*parents shows*/ .parents_shows{width: 100%; float: left; position: relative;} .parents_shows strong{width: 112px; height: 275px; text-indent: -1000px; background: url(../images/layout/parents_shows.gif) 0 0 no-repeat; display: block; overflow: hidden; position: absolute; top: -25px; left: 0; z-index: 4} .parents_shows .pages{padding-left: 90px; position: relative; top: -30px;} /***** PARENT PROFILES SELECT LESSONS *****/ /*back button*/ .back{height: auto;overflow: hidden;} .back a{width: 138px; height: 28px; text-indent: -1000px; background: url(../images/layout/buttons.gif) 0 -436px no-repeat; margin: 10px 0; overflow: hidden; display: block;float:left;} .back a:hover{background-position: 0 -464px;} /*lessons list*/ .LessonsList{background: #fff; border: 1px solid #88b2bc; padding: 12px 15px 15px 15px; margin-bottom: 15px;} .LessonsList h2{font-size: 16px; color: #553b28; font-weight: bold; margin-bottom: 10px;} .LessonsList ul{margin-bottom: 15px; overflow: hidden;} .LessonsList ul li{font-size: 14px; color: #e67520; font-weight: bold; white-space: nowrap; padding-right: 20px; margin-right: 20px; float: left; position: relative;} .LessonsList ul li a{width: 14px; height: 14px; text-indent: -1000px; background: url(../images/layout/buttons.gif) 0 -352px no-repeat; overflow: hidden; display: block; position: absolute; top: 3px; right: 0;} .LessonsList ul li a:hover{background-position: 0 -366px;} .LessonsList a{width: 131px; height: 28px; text-indent: -1000px; background: url(../images/layout/buttons.gif) 0 -380px no-repeat; margin: 0 auto; overflow: hidden; display: block;} .LessonsList a:hover{background-position: 0 -408px;} /*lessons*/ #ParentProfilesLessons .lessons{background-image: url(../images/layout/dot_line_h3.gif); margin-bottom: 10px;} #ParentProfilesLessons .lessons tbody tr td a, #ParentProfilesLessons .lessons tbody tr td p{width: 670px;} .lessons tbody tr.selected{background-color: #fffab6;} #ParentProfilesLessons .lessons tbody tr td+td+td{background: url(../images/layout/icons.gif) 50% -1050px no-repeat;} #ParentProfilesLessons .lessons tbody tr.selected td+td+td{background-position: 50% -1100px;} /*pages*/ #ParentProfilesLessons .pages{text-align: left; float: left;} /*navigation*/ .navigation{float: right; overflow: hidden;} .navigation li{margin-right: 5px; float: left;} .navigation li a{width: 30px; height: 19px; text-indent: -1000px; background: url(../images/layout/buttons.gif) 0 -238px no-repeat; display: block; overflow: hidden;} .navigation li a.prev{background-position: 0 -238px;} .navigation li a.prev:hover{background-position: 0 -257px;} .navigation li a.next{background-position: 0 -295px;} .navigation li a.next:hover{background-position: 0 -314px;} /***** STUDENT PROFILES *****/ /*welcome*/ #StudentProfiles .welcome, #statistics .welcome, #notifications .welcome, /*update - 13.08.2012*/ #prizes .welcome{height: 150px; background: url(../images/layout/user.gif) 0 0 no-repeat; padding-left: 160px; margin: 10px 0} #StudentProfiles .welcome p, #statistics .welcome p, #notifications .welcome p, /*update - 13.08.2012*/ #prizes .welcome p{margin-top: 20px;} /* #StudentProfiles .welcome, #statistics .welcome, #notifications .welcome{height: 150px; background: url(../images/layout/user.gif) 0 0 no-repeat; padding-left: 160px; margin: 10px 0} #StudentProfiles .welcome p, #statistics .welcome p, #notifications .welcome p{margin-top: 20px;} */ .welcome a.statistics{background-position: 0 -847px; padding-left: 30px;} .welcome a.statistics span{background: url(../images/layout/bg_content.png);} /*info*/ .info{width: 300px; height: 170px; background: url(../images/layout/info.png) 0 0 no-repeat; float: right; position: relative;} .info p{width: 40px; height: 25px; font-size: 14px; color: #fff; line-height: 25px; text-align: center; position: absolute; right: 37px;} .info .LessonsCompleted{top: 55px;} .info .LessonsUncompleted{top: 86px;} .info .score{font-size: 18px; color: #513831; font-weight: bold; top: 127px;} .info dl{line-height: 25px; background: #df925b; padding: 0 10px; position: absolute; top: 15px; right: 37px; z-index: 100;} .info dl dt{} .info dl dt a{font-size: 16px; color: #fff; font-weight: bold; text-decoration: none; background: url(../images/layout/icons.gif) 100% -1150px no-repeat; padding-right: 20px; display: block; outline: none;} .info dl dt a:hover{background-position: 100% -1200px;} .info dl dd{position: absolute; top: 26px; right: 0;} .info dl dd ul{overflow: hidden;} .info dl dd ul li{background: #df925b; margin-bottom: 1px;} .info dl dd ul li a{height: 20px; font-size: 16px; color: #fff; font-weight: bold; text-align: right; text-decoration: none; line-height: 20px; white-space: nowrap; padding: 0 10px; display: block;} .info dl dd ul li a:hover{background-color: #fff; color: #ed6c4f;} /*tabs*/ #StudentProfiles .tabs strong{height: 25px; font-size: 14px; color: #fff; font-weight: bold; line-height: 25px; text-indent: 0; background: url("../images/layout/bg_orange.png") 0 0 repeat; padding: 0 10px;} /*lessons*/ #StudentProfiles .lessons{background-image: url(../images/layout/dot_line_h4.gif); margin-bottom: 10px;} #StudentProfiles .lessons tr.highlite{background: #e9e9e9;} #StudentProfiles .lessons tbody tr td p, #StudentProfiles .lessons tbody tr td a{width: 355px;} #StudentProfiles .lessons tbody tr td+td+td{text-align: center;} #StudentProfiles .lessons tbody tr td+td+td+td{text-align: left;} #StudentProfiles .lessons tbody tr td+td+td+td+td{text-align: left;} #StudentProfiles .lessons tbody tr td+td+td+td+td+td{text-align: center;} /*pages*/ #StudentProfiles .pages{text-align: left; float: left;} /***** LESSON *****/ /*lesson details*/ .LessonDetails{background: #02191f; border: 1px solid #8bb2bc; padding: 10px 15px 0 15px; margin-bottom: 20px;} .LessonDetails .player{width: 958px; height: 539px; background: url(../images/layout/player_light.gif) 0 0 no-repeat; padding: 15px 0; margin: 0 auto 20px auto; overflow: hidden;} .LessonDetails dl{height: 23px; line-height: 23px; margin-bottom: 20px;} .LessonDetails dl dt{font-size: 14px; color: #02191f; font-weight: bold; background: #88b2bc url(../images/layout/icons.gif) 0 -202px no-repeat; padding: 0 10px 0 35px; margin-right: 3px; float: left; clear: left;} .LessonDetails dl dd{font-size: 14px; color: #02191f; font-weight: bold; background: #88b2bc; padding: 0 10px; overflow: hidden;} .LessonDetails h2{font-size: 28px; color: #fff; margin-bottom: 20px;} .LessonDetails p{color: #fff; margin-bottom: 20px;} /*partI*/ /* .partI{position: relative;} .assertion{width: 600px; background: url(../images/layout/dot_line_h.gif) 100% 0 repeat-y; padding: 15px 12px; float: left;} .assertion h2{font-size: 28px; color: #134450;} .assertion p{color: #134450;} .validation{width: 308px; float: right; position: relative;} .answer{width: 130px; height: 50px; font-size: 28px; text-align: center; line-height: 30px; background: url(../images/layout/icons.gif) 50% -1650px no-repeat; padding-top: 54px; display: block; position: absolute; top: 100px; left: 83%; margin-left: -65px;} .correct{color: #01de35; background-position: 50% -1650px;} .incorrect{color: #bb0000; background-position: 50% -1760px;} .wronganswer {width: 130px; height: 60px; font-size: 28px; text-align: center; line-height: 30px; background: url(../images/layout/wrong.gif) no-repeat; padding-top: 54px; display: block; position: absolute; top: 100px; left: 83%; margin-left: -65px;} .wrong {color: #FF0000; width: 130px; height: 60px; font-size: 28px; text-align: center; line-height: 30px;padding-top: 54px; display: block; position: absolute; top: 100px; left: 83%; margin-left: -65px;} a.continuation{width: 130px; height: 28px; text-indent: -1000px; background: url(../images/layout/buttons.gif) 0 -764px no-repeat; display: block; overflow: hidden; position: absolute; bottom: 150px; left: 83%; margin-left: -65px;} a.continuation:hover{background-position: 0 -792px;} */ .partI{position: relative;} .assertion{width: 600px; height: 400px; background: url(../images/layout/dot_line_h.gif) 100% 0 repeat-y; padding: 15px 12px; float: left;} .assertion h2{font-size: 28px; color: #134450;} .assertion p{color: #134450;} .validation{width: 308px; float: right; position: relative;} .answer{width: 130px; height: 50px; font-size: 28px; text-align: center; line-height: 30px; background: url(../images/layout/icons.gif) 50% -1650px no-repeat; padding-top: 54px; display: block; position: absolute; top: 100px; left: 83%; margin-left: -65px;} .correct{color: #01de35; background-position: 50% -1650px;} .incorrect{color: #bb0000; background-position: 50% -1760px;} a.continuation{width: 130px; height: 28px; text-indent: -1000px; background: url(../images/layout/buttons.gif) 0 -764px no-repeat; display: block; overflow: hidden; position: absolute; bottom: 30px; left: 83%; margin-left: -65px;} a.continuation:hover{background-position: 0 -792px;} .assertion .completed{height: 44px; font-size: 28px; line-height: 44px; background: url(../images/layout/icons.gif) 0 -1650px no-repeat; padding-left: 60px; margin-left: 110px; font-weight: normal;} .assertion .middle{margin-top: 122px;} .assertion .middle2{margin-top: 40px;} .assertion .score{height: 44px; font-size: 24px; line-height: 44px; text-align: center;} .assertion .score span{color: #e6724b;} .assertion a.continuation{position: static; bottom: auto; left: auto; margin: 0 auto;} .rating{width: 216px; padding: 15px 40px 15px 52px; float: right;} .rating p{font-size: 16px; color: #134450; margin-bottom: 40px;} .rating label{color: #134450; margin-bottom: 20px; display: block;} .rating label input{margin-right: 5px; display: inline;} .rating .submit{width: 135px; height: 28px; font-size: 0; text-indent: -1000px; letter-spacing: 100px; line-height: 0; background: url(../images/layout/buttons.gif) 0 -820px no-repeat; border: 0; padding: 0; cursor: pointer; position: absolute; bottom: 30px; left: 83%; margin-left: -65px;} .rating .submit:hover{background-position: 0 -848px;} .assertion .congratulations{width: 135px; font-size: 24px; color: #4093a7; text-transform: uppercase; background: url(../images/layout/congratulations.jpg) 50% 40px no-repeat; padding-bottom: 150px; margin: 0 auto;} .assertion .all{background-position: 50% 40px; padding-bottom: 190px;} /***** FAQ *****/ /*faq list*/ .faq{margin-bottom: 20px;} .faq li{color: #553b28; background: #fff; border: 1px solid #8bb2bc; padding: 0 20px 0 30px; margin-bottom: 6px; position: relative;} .faq li strong{height: 58px; font-size: 16px; font-weight: bold; line-height: 29px; display: block; cursor: pointer;} .faq li strong a{width: 18px; height: 19px; text-indent: -1000px; background: url(../images/layout/icons.gif) 0 -1400px no-repeat; display: block; overflow: hidden; position: absolute; top: 5px; left: 4px; outline: none;} .faq li strong a:hover{background-position: 0 -1419px} .faq li strong a.minus{background-position: 0 -1350px} .faq li strong a.minus:hover{background-position: 0 -1369px} .faq li p{padding: 5px 0 20px 0;} /***** LESSONS *****/ /*lessons*/ #lessons .lessons{margin-bottom: 10px;} /*classes*/ .classes{line-height: 25px; background: url(../images/layout/choose_class.gif) 0 50% no-repeat;; padding-left: 125px; position: absolute; top: 0; right: 0; z-index: 100;} .classes dt{background: #df925b; padding: 0 10px;} .classes dt a{font-size: 16px; color: #fff; font-weight: bold; text-decoration: none; background: url(../images/layout/icons.gif) 100% -1150px no-repeat; padding-right: 20px; display: block; outline: none;} .classes dt a:hover{background-position: 100% -1200px;} .classes dd{position: absolute; top: 26px; right: 0;} .classes dd ul{overflow: hidden;} .classes dd ul li{background: #df925b; margin-bottom: 1px;} .classes dd ul li a{height: 20px; font-size: 16px; color: #fff; font-weight: bold; text-align: right; text-decoration: none; line-height: 20px; white-space: nowrap; padding: 0 10px; display: block;} .classes dd ul li a:hover{background-color: #fff; color: #ed6c4f;} /*tooltip*/ .qtip{background: url(../images/layout/qtip.gif) 0 0 no-repeat;} .qtip .qtip-content{background: #fff !important; border: 1px solid #8bb2bc; border-left: 0; margin-left: 17px;} .qtip .qtip-content strong{font-size: 14px; color: #553b28; font-weight: bold; margin-bottom: 5px; display: block;} .qtip .qtip-content p{color: #553b28;} /*pages*/ #lessons .pages{text-align: left; float: left;} /***** ADVANTAGES *****/ /*content left*/ #advantages #ContentLeft p{color: #553b28; background: url(../images/layout/dot_line_w.gif) 0 100% repeat-x; padding-bottom: 31px; margin-bottom: 30px;} #advantages #ContentLeft h2{font-size: 22px; color: #553b28; margin-bottom: 25px;} #advantages #ContentLeft .title{font-weight: bold; font-size: 24px; min-height: 52px; height: 52px; height: auto !important; line-height: 52px; margin-bottom: 35px; position: relative;} #advantages #ContentLeft .title a{width: 228px; height: 52px; text-indent: -1000px; background: url(../images/layout/buttons.gif) 0 -548px no-repeat; overflow: hidden; display: block; position: absolute; top: 0; right: 0;} #advantages #ContentLeft .title a:hover{background-position: 0 -600px;} #advantages #ContentLeft .prices{min-height: 190px; height: 190px; height: auto !important; background: url(../images/layout/advantages.png) 100% 100% no-repeat; margin: 0 -15px -18px 0; position: relative;} #advantages #ContentLeft .prices div{width: 108px; min-height: 103px; height: 103px; height: auto !important; text-indent: -1000px; background: url(../images/layout/price_advantages.gif) 0 0 no-repeat; margin-bottom: 20px;} #advantages #ContentLeft .prices a{width: 86px; height: 28px; text-indent: -1000px; background: url(../images/layout/buttons.gif) 0 -492px no-repeat; overflow: hidden; display: block;} #advantages #ContentLeft .prices a:hover{background-position: 0 -520px;} /*player*/ #advantages #ContentLeft .player{width: 640px; height: 360px; background: url(../images/layout/dot_line_w.gif) 0 0 repeat-x; padding-top: 20px; margin: 0 auto 20px auto; overflow: hidden;} /*testimonials*/ .testimonials{background: #96bec9; border: 1px solid #8bb2bc; padding: 10px; margin-bottom: 10px;} .testimonials dt{height: 116px; text-indent: -1000px; background: url(../images/layout/testimonials.gif) 0 0 no-repeat; margin-bottom: 35px; overflow: hidden;} .testimonials dd{background: url(../images/layout/testimonials.gif) 0 -116px no-repeat; border-bottom: 7px solid #75a4b0; padding: 0 0 20px 40px; margin-bottom: 20px;} .testimonials dd p{font-style: italic;} .testimonials dd strong{font-weight: bold; font-style: italic; text-align: right; display: block;} .testimonials dd.last{border: 0; padding-bottom: 10px; margin: 0;} /*pages*/ #advantages #sidebar .pages{text-align: left; float: left;} /***** PRICES *****/ /*prices list*/ .PricesList{width: 1016px; padding-top: 25px; overflow: hidden;} #prices h2 { color: #FFFFFF; font-size: 19px; } .PricesList h2 { color: #FFFFFF; font-size: 19px; } .PricesList li{width: 420px; min-height: 294px; height: 294px; height: auto !important; background: #fff; border: 1px solid #8bb2bc; padding: 15px 10px 20px 20px; margin-right: 26px; float: left;} .PricesList li div{height: 60px; text-indent: -1000px; background: url(../images/layout/prices_list.png) 0 0 no-repeat; display: block; overflow: hidden; position: relative; margin: 0px 0 15px 0;} .MonthlyAccess li div{height: 100px; text-indent: -1000px; background: url(../images/layout/prices_list.png) 0 0 no-repeat; display: block; overflow: hidden; position: relative; margin: 0px 0 15px 0;} .PricesList li .FiveLessons{background-position: 0 0;} .PricesList li .TenLessons{background-position: 0 -80px;} .PricesList li .TwentyFiveLessons{background-position: 0 -160px;} .PricesList li .FiftyLessons{background-position: 0 -240px;} /*.PricesList li p{font-size: 14px; color: #573b28; text-align: center; margin-bottom: 20px;}*/ .PricesList li p{font-size: 14px; color: #573b28; margin-bottom: 20px;} .MonthlyAccess li p{font-size: 14px; color: #573b28; margin-bottom: 20px;} .MonthlyAccess li p.operator{font-size: 10px; color: #407c8a;} .PricesList li p strong{font-size: 14px; font-weight:bold;} /*.PricesList li form{background: url(../images/layout/prices_list.png) 0 -320px no-repeat; padding-top: 30px;}*/ /*.PricesList li form{padding-top: 30px;}*/ .PricesList li form p{text-align: left; font-weight: bold;} .PricesList li form label{height: 33px; color: #ec7423; line-height: 33px; background: url(../images/layout/icons.gif) 0 0 no-repeat; margin-bottom: 10px; display: block; position: relative;} .PricesList li form label input{width: 13px; height: 13px; position: absolute; top: 10px; left: 0;} .PricesList li form .sms{background-position: 0 -1450px; padding-left: 40px;} .MonthlyAccess li p span.sms{font-size: 14px; color: #573b28; background: url(../images/layout/icons.gif) 0 -1450px no-repeat; padding: 10px 0 10px 40px; display: inline;} .PricesList li form .online{background-position: 0 -1500px; padding-left: 55px;} .PricesList li form .order{background-position: 0 -1550px; padding-left: 52px;} .PricesList li form .submit{width: 152px; height: 28px; font-size: 0; text-indent: -1000px; letter-spacing: 100px; line-height: 0; background: url(../images/layout/buttons.gif) 0 -652px no-repeat; border: 0; padding: 0; margin: 0 0; display: block; cursor: pointer;} .PricesList li form .submit:hover{background-position: 0 -680px;} .MonthlyAccess li a.submit{width: 152px; height: 28px; text-indent: -1000px; background: url(../images/layout/buttons.gif) 0 -652px no-repeat; border: 0; display: block; cursor: pointer; position: absolute; bottom: 20px; left: 20px;} .MonthlyAccess li a.submit:hover{background-position: 0 -680px;} /*monthly access*/ .MonthlyAccess{background: #fff; border: 1px solid #8bb2bc; padding: 20px 20px 0 20px; margin: 25px 0 0 0; overflow: hidden;} .MonthlyAccess li{min-height: 200px;float: left; position: relative;} .MonthlyAccess li.period{width: 410px;} .MonthlyAccess li.PayMethod{width: 300px;} .MonthlyAccess li.operators{width: 230px; background: url(../images/layout/mobile_operators.gif) 100% 10px no-repeat;} .MonthlyAccess li .ThreeMonths{background-position: 0 -300px;} .MonthlyAccess li a.submit{bottom: 20px; left: auto; right: 20px;} /*prices list 2*/ .PricesList2{width: 1008px; padding-top: 25px; overflow: hidden;} .PricesList h2 { color: #FFFFFF; font-size: 19px; } .PricesList2 li{width: 274px; min-height: 475px; height: 294px; height: auto !important; background: #fff; border: 1px solid #8bb2bc; padding: 20px; margin-right: 20px; float: left; position: relative;} .PricesList2 li div{height: 100px; text-indent: -1000px; background: url(../images/layout/prices_list2.png) 0 0 no-repeat; display: block; overflow: hidden; position: relative; margin: 0px 0 15px 0;} .PricesList2 li .FourLessons{background-position: 0 0;} .PricesList2 li .TwentyLessons{background-position: 0 -100px;} .PricesList2 li .FortyLessons{background-position: 0 -200px;} .PricesList2 li p{font-size: 14px; color: #573b28; margin-bottom: 20px;} .PricesList2 li p.operator{font-size: 10px; color: #407c8a;} .PricesList2 li p strong{font-weight: bold;} .PricesList2 li p span{font-size: 10px; display: block;} .PricesList2 li p span.sms{font-size: 14px; color: #573b28; background: url(../images/layout/icons2.gif) 0 -1450px no-repeat; padding: 10px 0 10px 40px; display: inline;} .PricesList2 li form p{text-align: left;} .PricesList2 li form label{font-size: 14px; color: #573b28; line-height: 33px; padding-left: 20px; margin-bottom: 10px; display: block; position: relative;} .PricesList2 li form label input{width: 13px; height: 13px; position: absolute; top: 10px; left: 0;} .PricesList2 li form label span{height: 35px; text-indent: -1000px; background: url(../images/layout/mobil_pay.gif) 0 0 no-repeat; margin-top: 30px; display: block; overflow: hidden;} .PricesList2 li form .card{background: url(../images/layout/credit_card.gif) 90px 50% no-repeat;} .PricesList2 li form .submit{width: 152px; height: 28px; font-size: 0; text-indent: -1000px; letter-spacing: 100px; line-height: 0; background: url(../images/layout/buttons2.gif) 0 -652px no-repeat; border: 0; padding: 0; margin: 0; display: block; cursor: pointer; position: absolute; bottom: 20px; left: 20px;} .PricesList2 li form .submit:hover{background-position: 0 -680px;} .PricesList2 li a.submit{width: 152px; height: 28px; text-indent: -1000px; background: url(../images/layout/buttons2.gif) 0 -652px no-repeat; border: 0; display: block; cursor: pointer; position: absolute; bottom: 20px; left: 20px;} .PricesList2 li a.submit:hover{background-position: 0 -680px;} /***** CONTACT *****/ /*contact*/ .contact{width: 273px; margin: 0 auto 30px auto;} .contact fieldset{overflow: hidden;} .contact span{text-align: center; display: block;} .contact label{width: 100%; color: #553b28; text-indent: 12px; display: block; clear: both;} .contact .submit{width: 86px; height: 28px; font-size: 0; text-indent: -1000px; letter-spacing: 100px; line-height: 0; background: url(../images/layout/buttons.gif) 0 -708px no-repeat; border: 0; padding: 0; margin: 0 auto; display: block; cursor: pointer;} .contact .submit:hover{background-position: 0 -736px;} #contact #ContentLeft p{color: #2a1506; text-align: center;} #contact #ContentLeft p a{color: #ec7423; text-decoration: none;} #contact #ContentLeft p a:hover{color: #8bb2bc;} /***** ACCOUNT *****/ #account #content .wrapper{position: static;} #account #content .wrapper strong{height: 25px; text-indent: -1000px; background: url(../images/layout/new_account.gif) 0 0 no-repeat; margin-bottom: 15px; overflow: hidden; display:block;} /*account form*/ #account .account{background: #fff; border: 1px solid #8bb2bc; padding: 10px 10px 20px 10px;} #account .acc{/*background: #fff; border: 1px solid #8bb2bc; */padding: 10px 10px 20px 10px;} #account .account dl{background: url(../images/layout/dot_line_w.gif) 0 100% repeat-x; margin-bottom: 20px;} #account .account dl dt{height: 30px; font-size: 14px; color: #573b28; font-weight: bold; line-height: 30px; background: #eae0d4; padding: 0 10px; position: relative;} #account .account dl dt a{height: 14px; color: #ec7423; text-decoration: none; line-height: 14px; background: url(../images/layout/icons.gif) 100% -1600px no-repeat; padding-right: 20px; display: block; position: absolute; top: 7px; right: 7px;} #account .account dl dt a:hover{color: #573b28; background-position: 100% -1614px;} #account .account dl dd{width: 700px; margin: 0 auto; padding: 40px 0 20px 0;} #account .account dl dd fieldset{overflow: hidden;} #account .account dl dd fieldset label{width: 150px; height: 50px; color: #553b28; text-align: right; line-height: 50px; margin-right: 5px; display: block; float: left;} #account .account dl dd fieldset label.error{color:red;} #account .account dl dd fieldset select{width: 272px;} /*update - 10.08.2012*/ #account .account dl dd fieldset p{font-family: Arial, Helvetica, sans-serif; color: #72a5b4; line-height: normal; padding: 10px 0 0 10px; overflow: hidden;} #account .account dl dd .radio{padding-left: 166px;} #account .account dl dd .radio label{width: auto; text-align: left; margin: 0 20px 0 0;} #account .account dl dd .radio label input{margin-right: 5px;} #account .account .checkbox{width: 500px; margin: 0 auto 20px auto;} #account .account .checkbox div{margin-bottom: 5px; overflow: hidden;} #account .account .checkbox div input{margin: 0 10px 0 0; padding: 0; float: left;} #account .account .checkbox div label{height: 16px; color: #573b28; line-height: 16px; display: block; overflow: hidden;} #account .account .checkbox div label a{color: #ec7423; text-decoration: none;} #account .account .checkbox div label a:hover{color: #8bb2bc;} #account .account span{text-align: center; display: block;} /***** STATITICS *****/ /*back*/ #statistics .back{background: url(../images/layout/icons.gif) 100% -1920px no-repeat; padding: 5px 0;} /*#statistics .back strong{font-size: 20px; color: #fff; line-height: 48px; margin-left: 15px;}*/ #statistics .back strong, /*update - 13.08.2012*/ #prizes .back strong{font-size: 20px; color: #fff; line-height: 48px; margin-left: 15px;} /*statistics*/ /*div.statistics{background: url(../images/layout/page.gif) 0 0 repeat-y; border: 1px solid #8bb2bc; border-left: none; padding: 30px 30px 30px 50px; margin-bottom: 20px;}*/ div.statistics, /*update - 13.08.2012*/ div.prizes{background: url(../images/layout/page.gif) 0 0 repeat-y; border: 1px solid #8bb2bc; border-left: none; padding: 30px 30px 30px 50px; margin-bottom: 20px;} div.statistics table{color: #553B28; background-image: url(../images/layout/dot_line_h5.gif);} div.statistics table thead{} div.statistics table thead tr{} div.statistics table thead tr th{background: #eae0d4; padding: 2px 10px; text-align: center; font-weight: normal;} div.statistics table thead tr th+th+th{font-weight: bold;} div.statistics table thead tr th+th+th+th{font-weight: normal;} div.statistics table thead tr th+th+th+th+th{font-weight: normal;} div.statistics table thead tr th+th+th+th+th+th{font-weight: bold;} div.statistics table thead tr th+th+th+th+th+th+th{font-weight: normal;} div.statistics table thead tr th+th+th+th+th+th+th+th{font-weight: normal;} div.statistics table tbody tr td span{text-align: left; font-weight: bold;} div.statistics table thead tr th.type{width: 180px;} div.statistics table thead tr th.type form{} div.statistics table thead tr th.type form select{width: 149px; padding: 5px;} div.statistics table thead tr th.CoveredLessons, div.statistics table thead tr th.MediumScore, div.statistics table thead tr th.MediumScoreAlgebra, div.statistics table thead tr th.MediumScoreGeometry, div.statistics table thead tr th.TotalScore, div.statistics table thead tr th.TotalScoreAlgebra, div.statistics table thead tr th.TotalScoreGeometry{width: 70px;} div.statistics table tbody{} div.statistics table tbody tr{} div.statistics table tbody tr td{text-align: center;} div.statistics table tbody tr td+td+td{font-weight: bold;} div.statistics table tbody tr td+td+td+td{font-weight: normal;} div.statistics table tbody tr td+td+td+td+td{font-weight: normal;} div.statistics table tbody tr td+td+td+td+td+td{font-weight: bold;} div.statistics table tbody tr td+td+td+td+td+td+td{font-weight: normal;} div.statistics table tbody tr td+td+td+td+td+td+td+td{font-weight: normal;} div.statistics table tbody tr td span{text-align: left; font-weight: bold; background-position: 0 0;} div.statistics table tbody tr td.AllExercises span{background-position: 0 -1870px;} div.statistics table tbody tr td strong{font-weight: bold;} /***** SEARCH RESULTS *****/ /*search term*/ .SearchTerm{font-size: 20px; color: #fff; margin-bottom: 15px;} .SearchTerm span{font-style: italic;} /*search results*/ .SearchResults{margin-bottom: 10px;} .SearchResults tbody tr td.heading{background: #EAE0D4;} .SearchResults tbody tr td a{width: 490px;} /*pages*/ #SearchResults .pages{text-align: left; float: left;} /***** NOTIFICATIONS *****/ /*back*/ .messageread { background-color:#C3C3C3 } /*#notifications .back{padding: 5px 0;}*/ #notifications .back, /*update - 13.08.2012*/ #prizes .back{padding: 5px 0;} #notifications .back strong{font-size: 20px; color: #fff; line-height: 48px; margin-left: 15px;} /*notifications*/ div.notifications{background: #fff; border: 1px solid #8bb2bc; padding: 30px; margin-bottom: 20px;} div.notifications table{color: #553B28; background: url(../images/layout/dot_line_h.gif) 129px 0 repeat-y; margin-bottom: 10px;} div.notifications table thead{} div.notifications table thead tr{} div.notifications table thead tr th{background: #eae0d4; padding: 2px 10px; font-weight: bold;} div.notifications table thead tr th.date{width: 105px;} div.notifications table thead tr th.subject{} div.notifications table tbody{} div.notifications table tbody tr{background: url(../images/layout/dot_line_w.gif) 0 100% repeat-x;} div.notifications table tbody tr.messageread { background-color:#C3C3C3 } div.notifications table tbody tr.selected{background-color: #ffefcf;} div.notifications table tbody tr.selected a{font-weight: bold;} div.notifications table tbody td{font-size: 10px; text-align: center;} div.notifications table tbody td a{font-size: 12px; color: #573b28; text-align: left; text-decoration: none; padding: 5px 15px; display: block;} div.notifications table tbody td a:hover{} div.notifications table tbody td a strong{font-size: 12px; color: #e67520; font-weight: bold; display: block;} /*pages*/ div.notifications .pages{text-align: left; float: left;} /*notification*/ #notification{background: none; padding: 40px 10px 10px 10px; position: relative;} #notification a.close{width: 50px; height: 14px; font-size: 12px; color: #e67520; line-height: 12px; background: url(../images/layout/buttons.gif) 52px -352px no-repeat; padding-right: 20px; overflow: hidden; display: block; position: absolute; top: 10px; right: 10px; cursor: pointer;} #notification a.close:hover{color: #b85230; background-position: 52px -366px;} #notification div{font-size: 14px; color: #553b28; line-height: 23px; background: #eae0d4; padding: 0 12px; margin-bottom: 20px;} #notification strong{font-size: 20px; color: #553b28; margin-bottom: 20px; display: block;} #notification p{color: #553b28; margin-bottom: 20px;} #notification a.ok{width: 78px; height: 28px; text-indent: -1000px; background: url(../images/layout/buttons.gif) 0 -876px no-repeat; margin: 0 auto; display: block; overflow: hidden; cursor: pointer;} #notification a.ok:hover{background-position: 0 -904px;} /***** LOGIN *****/ #LoginPage #content .wrapper strong{height: 25px; text-indent: -1000px; background: url(../images/layout/login.gif) 0 0 no-repeat; margin-bottom: 15px; overflow: hidden; display:block;} #LoginPage .login{width: 970px; background: #fff; border: 1px solid #8bb2bc; padding: 20px 10px; overflow: hidden;} #LoginPage .login ul{background: url(../images/layout/line.gif) 50% 0 repeat-y; overflow: hidden;} #LoginPage .login ul li{width: 485px; padding: 50px 0; float: left;} #LoginPage .login ul li form{width: 350px; margin: 0 auto} #LoginPage .login ul li form p{margin: 0 0 15px 12px;} #LoginPage .login ul li form fieldset{overflow: hidden;} #LoginPage .login ul li form fieldset .NFText{width: 300px;} #LoginPage .login ul li form span{padding: 10px 0 35px 12px; float: left; display: block;} #LoginPage .login ul li form label{width: 100%; color: #553b28; text-indent: 12px; display: block; clear: both;} #LoginPage .login ul li form .submit{width: 86px; height: 28px; font-size: 0; text-indent: -1000px; letter-spacing: 100px; line-height: 0; background: url(../images/layout/buttons.gif) 0 -708px no-repeat; border: 0; padding: 0; display: block; cursor: pointer;} #LoginPage .login ul li form .submit:hover{background-position: 0 -736px;} #LoginPage .login ul li form .SendPass{width: 220px; height: 36px; background: url(../images/layout/buttons.gif) 0 -1004px no-repeat;} #LoginPage .login ul li form .SendPass:hover{background-position: 0 -1004px;} #LoginPage .login a{font-size: 16px; color: #e67520; text-decoration: none; margin-left: 12px; display: block;} #LoginPage .login a:hover{color: #b85230;} #LoginPage .login p{width: 350px; font-size: 16px; color: #573b28; margin: 0 auto;} #LoginPage a.CreateAccount{width: 122px; height: 36px; text-indent: -1000px; background: url(../images/layout/buttons.gif) 0 -932px no-repeat; margin: 20px 0 0 0; display: block; overflow: hidden; cursor: pointer;} #LoginPage a.CreateAccount:hover{background-position: 0 -968px;} .welcome a.adaugapoza { background: url("../images/layout/icons.gif") no-repeat scroll 0 0 transparent; background-position: 0 -450px; color: #FFFFFF; float: left; font-size: 14px; font-weight: bold; padding: 2px 2px 2px 35px; text-decoration: none; white-space: nowrap; } .welcome a.adaugapoza span{ background: url("../images/layout/bg_content.png") repeat scroll 0 0 transparent; padding: 0 10px; height: 25px; line-height: 25px; display: inline-block; } .welcome a.actManagement{ font-size: 14px; color: #fff; font-weight: bold; text-decoration: none; white-space: nowrap; background: url(../images/layout/icons.gif) 0 0 no-repeat; padding: 2px 0 2px 35px; float: left;background-position: 0 -395px;} .welcome a.actManagement span{height: 25px; line-height: 25px; padding: 0 10px; background: url(../images/layout/bg_content.png) 0 0 repeat; display: inline-block; cursor: pointer;} .welcome a.PurchaseLessons{ font-size: 14px; color: #fff; font-weight: bold; text-decoration: none; white-space: nowrap; background: url(../images/layout/icons.gif) 0 0 no-repeat; padding: 2px 0 2px 35px; float: left;background-position: 0 -495px;} .welcome a.PurchaseLessons span{height: 25px; line-height: 25px; padding: 0 10px; background: url(../images/layout/bg_content.png) 0 0 repeat; display: inline-block; cursor: pointer;} /***** update - 13.08.2012 PRIZES *****/ /*info*/ #StudentProfiles .info{width: 428px; background-image: url(../images/layout/info_prize.png);} #StudentProfiles .info .PrizeStatistics{width: 153px; float: left;} #StudentProfiles .info .PrizeStatistics p{left: 98px; right: auto;} #StudentProfiles .info .PrizeStatistics .LessonsCompleted{top: 59px;} #StudentProfiles .info .PrizeStatistics .AverageScore{top: 94px;} #StudentProfiles .info .PrizeStatistics a.request{width: 106px; height: 24px; text-indent: -1000px; background: url(../images/layout/buttons.gif) 0 -1004px no-repeat; overflow: hidden; display: block; position: absolute; top: 133px; left: 37px;} #StudentProfiles .info .PrizeStatistics a.request:hover{background-position: 0 -1028px;} /*prizes*/ .prizes{} .prizes p{font-size: 22px; color: #134450; margin-bottom: 20px;} .prizes table{} .prizes table tbody{} .prizes table tbody tr{background: url(../images/layout/dot_line_w.gif) 0 0 repeat-x;} .prizes table tbody tr td{width: 25%; padding: 25px 0;} .prizes table tbody tr td .image{} .prizes table tbody tr td a.description, #prize div a.description{height: 16px; font-size: 12px; color: #398090; font-weight: bold; line-height: 16px; text-decoration: none; background: url(../images/layout/icons.gif) 0 -1980px no-repeat; padding-left: 25px; display: block;} .prizes table tbody tr td a.description:hover, #prize div a.description:hover{text-decoration: underline;} .prizes table tbody tr.active{} .prizes table tbody tr.active td{} .prizes table tbody tr.active td span{font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #25d63e; font-weight: bold;} .prizes table tbody tr.active td a.request{width: 106px; height: 24px; text-indent: -1000px; background: url(../images/layout/buttons.gif) 0 -1004px no-repeat; margin: 10px 0; overflow: hidden; display: block; float: right;} .prizes table tbody tr.active td a.request:hover{background-position: 0 -1028px;} .prizes table tbody tr.inactive{} .prizes table tbody tr.inactive td{} .prizes table tbody tr.inactive td span{font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #e01313; font-weight: bold;} .prizes table tbody tr.inactive td p{width: 190px; background: #f7fafb; border: 1px solid #eaf1f3; font-size: 12px; color: #398090; padding: 10px; float: right;} .prizes table tbody tr.inactive td p strong{font-weight: bold; display: block;} /*pages*/ div.prizes .pages{text-align: left; float: left;} /*prize*/ #prize{background: #fff; padding: 40px 10px 10px 10px; position: relative;} #prize a.close{width: 50px; height: 14px; font-size: 12px; color: #e67520; line-height: 12px; background: url(../images/layout/buttons.gif) 52px -352px no-repeat; padding-right: 20px; overflow: hidden; display: block; position: absolute; top: 10px; right: 10px; cursor: pointer;} #prize a.close:hover{color: #b85230; background-position: 52px -366px;} #prize div{background: url(../images/layout/prize_popup_bg.jpg) 0 0 no-repeat; padding-left: 220px;} #prize div h1{width: 313px; height: 56px; text-indent: -1000px; background: url(../images/layout/prize_popup_title.gif) 0 0 no-repeat; margin-bottom: 20px; overflow: hidden;} #prize div h1.confirm {background: url(../images/layout/prize_popup_title2.gif) 0 0 no-repeat;} #prize div a.description{margin-bottom: 20px;} #prize div p{color: #553b28;} #prize div a.confirm{width: 87px; height: 28px; text-indent: -1000px; background: url(../images/layout/buttons.gif) 0 -1052px no-repeat; margin-top: 50px; display: block; overflow: hidden; cursor: pointer;} #prize div a.confirm:hover{background-position: 0 -1080px;} .sem{ width:0px; height:0px; display:none; } .account_popup_title { font-family: Nilland; font-size:28px; } .account_popup_text { /*font-family: Nilland;*/ font-size:12px; }