/*utility*/
.linkBtnRegister,.popupTitle,.popupCloseBtn,.cyberAtomBar h1{text-transform:uppercase}
.registerBottom:after,.avatarSelectBtn:after,#cyberCourses:after,#beltList .belts:after,.cyberAtomBar:after,#tockovanje .belts:after,
.profileFormSection:after,.diplomaPrintBox:after,#points .belts:after{display:block;clear:both;content:"";visibility:hidden;font-size:0;height:0}
.preloadImages{}/*preload large images to prevent waiting*/
.preloadImages div{}

/*custom dropdown*/
.customDropdown{position:relative;font-size:14px}
.currentDropdownItem{cursor:pointer;height:20px;line-height:18px;padding:5px 20px 5px 30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:url(img/cyberIcons.png) no-repeat right -4343px}
.customDropdownOptions{border:2px solid #808080;display:none;position:absolute;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;z-index:10000}
.customDropdownContent{background:#fff;color:#333;max-height:300px;overflow:auto;padding:5px}
.customDropdownContent .dropdownItem{cursor:pointer;line-height:18px}
.customDropdownContent .dropdownItem:hover{background-color:#6f94bd;color:#fff}
.userType1 .customDropdownContent .dropdownItem:hover{background-color:#f4827e}
.customDropdownContent .dropdownSeparator{border-bottom:1px solid #efefef;margin:5px 0}

.page{background-repeat:no-repeat;background-position:top center;background-attachment:scroll;min-height:768px;min-width:1024px}
.page,.page.userType0,.dialogShadow{background-color:#d3e1f3}/*default and boy*/
.page.userType1,.userType1 .dialogShadow{background-color:#fbd1d9}/*girl*/

.content{width:auto}
.popupTrigger{position:relative}

/*public pages*/
#B2SkinMetroMasterPublic,#B2SkinMetroMasterPublic.userType0{background-image:url(img/bckg01blue.jpg)}/*default and boy*/
#B2SkinMetroMasterPublic.userType1{background-image:url(img/bckg01pink.jpg)}/*girl*/
#B2SkinMetroMasterPublic.answer,#B2SkinMetroMasterPublic.userType0.answer{background-image:url(img/bckg02blue.jpg)}/*default and boy*/
#B2SkinMetroMasterPublic.answer.userType1{background-image:url(img/bckg02pink.jpg)}/*girl*/

/*pages after login*/
#B2SkinMetroMasterMin:not(.page_atomshow),#B2SkinMetroMasterMin:not(.page_atomshow).userType0{background-image:url(img/bckg03blue.jpg)}/*default and boy*/
#B2SkinMetroMasterMin:not(.page_atomshow).userType1{background-image:url(img/bckg03pink.jpg)}/*girl*/

#headTop{padding:0}
#headTop2{width:400px}
#headTopContent,#mainContent{width:1024px !important;max-width:none !important}

#headProgressData{background-image:url(img/progressAnim.gif);background-color:#fff;border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;padding:3px 16px 3px 50px;border:2px solid #7F7F7F;border-top:0 none}

/*userMenu*/
#userMenu{width:177px;height:116px;top:50px;background:url(img/cyberPopups.png) no-repeat left -1327px;padding:35px 20px 10px 20px;text-align:left}
.userType1 #userMenu{background-position:right -1327px}
#userMenuTrigger{padding-top:15px;background:url(img/cyberIcons.png) no-repeat right -4333px}
#userMenuTrigger.opened{background-position:right -4368px}
#userMenu a{color:#fff;text-transform:uppercase;font-size:16px;height:20px;line-height:20px;padding:2px 0}
#userMenu a:hover{color:#04528a}
#userMenu a:before{display:inline-block;content:"";width:20px;height:20px;vertical-align:top;margin-right:10px;background:url(img/cyberIcons.png) no-repeat}
#userMenu a.userMenuProfile:before{background-position:left -5275px}
#userMenu a.userMenuPassword:before{background-position:left -5300px}
#userMenu a.userMenuDiploma:before{background-position:left -5325px}
#userMenu a.userMenuLogout:before{background-position:left -5350px}
#userMenu a.userMenuProfile:hover:before{background-position:right -5275px}
#userMenu a.userMenuPassword:hover:before{background-position:right -5300px}
#userMenu a.userMenuDiploma:hover:before{background-position:right -5325px}
#userMenu a.userMenuLogout:hover:before{background-position:right -5350px}

.userType1 #userMenu a.userMenuProfile:before{background-position:left -5375px}
.userType1 #userMenu a.userMenuPassword:before{background-position:left -5400px}
.userType1 #userMenu a.userMenuDiploma:before{background-position:left -5425px}
.userType1 #userMenu a.userMenuLogout:before{background-position:left -5450px}
.userType1 #userMenu a.userMenuProfile:hover:before{background-position:right -5375px}
.userType1 #userMenu a.userMenuPassword:hover:before{background-position:right -5400px}
.userType1 #userMenu a.userMenuDiploma:hover:before{background-position:right -5425px}
.userType1 #userMenu a.userMenuLogout:hover:before{background-position:right -5450px}

.menuSeparator{border-bottom:2px solid #407da8;margin:4px 0}
.userType1 .menuSeparator{border-bottom:2px solid #f7a8a5}

#cyberUserImgBox{display:none}

#beltList{width:695px;height:285px;padding:50px 30px 30px;background:transparent url(img/cyberPopups.png) 0 0 no-repeat;text-align:left;color:#fff;top:50px;right:-140px}
.userType1 #beltList{background-position:right top}
#beltList,.moreActionsMenu .popupTitle,.moreActionsMenu ul,.moreActionsMenu p, #tockovanje,#uporabnikNeaktiviranNavodilo{font-size:20px}
.moreActionsMenu .popupTitle{font-weight:bold;margin-bottom:20px}
.moreActionsMenu ul,.moreActionsMenu p{margin-bottom:10px}
.moreActionsMenu ul{list-style-type:disc;padding-left:20px}
.moreActionsMenu li{height:32px;padding:3px 0}
.popupCloseBtn{display:block;font-size:16px;text-align:right;line-height:18px;padding:2px 25px 2px 0;background:url(img/cyberIcons.png) no-repeat right -4223px;cursor:pointer}
.popupCloseBtn:hover{background-position:right -4253px}
.userType1 .popupCloseBtn:hover{background-position:right -4283px}
#beltListTrigger{position:relative;float:right;width:70px;height:52px;margin-right:50px}
#beltListTrigger .belt{width:70px;height:52px;background:url(img/cyberIcons.png) no-repeat 0 -2820px;cursor:pointer}
#diplomaInfoTxt #belt, #diplomaInfoTxt #allStars{display:inline-block;background:url(img/cyberIcons.png) no-repeat 0 0;}
#diplomaInfoTxt #belt{width:70px;height:52px;background-position:0 -4165px;vertical-align:middle}
#diplomaInfoTxt #allStars{width:76px;height:31px;background-position:0 -4940px;vertical-align:bottom}
#beltListTrigger .beltRankWhite{background-position:0 -2820px}
#beltListTrigger .beltRankYellow{background-position:0 -2875px}
#beltListTrigger .beltRankGreen{background-position:0 -2930px}
#beltListTrigger .beltRankBlue{background-position:0 -2985px}
#beltListTrigger .beltRankRed{background-position:0 -3040px}
#beltListTrigger .beltRankBrown{background-position:0 -3095px}
#beltListTrigger .beltRankBlack{background-position:0 -3150px}
#beltList .belts{padding:30px 0}
#beltList .belt,#points .beltBox{width:73px;height:55px;float:left;margin-right:25px;cursor:inherit}
#points .beltBox{height:80px}
#beltList .beltRankWhite{background-position:0 -3835px}
#beltList .beltRankYellow{background-position:0 -3890px}
#beltList .beltRankGreen{background-position:0 -3945px}
#beltList .beltRankBlue{background-position:0 -4000px}
#beltList .beltRankRed{background-position:0 -4055px}
#beltList .beltRankBrown{background-position:0 -4110px}
#beltList .beltRankBlack{background-position:0 -4165px}

.publicForm{width:306px;min-height:600px;padding-top:30px;margin:0 auto}
.publicForm .loginForm,.publicForm .registerForm,.publicForm .signedInForm,.publicForm .forgottenPassForm,
.publicForm .changePassForm{width:auto;height:500px;position:relative;background-image:url(img/formBckgs.png);background-repeat:no-repeat}
.formInfo,.loginErrors{font-size:14px;color:#333;text-align:center;padding-bottom:10px}
/*login*/
.signIn,.register,.forgottenPassword,.changePassword{position:relative}
.publicForm .loginForm{background-position:0 -500px}
.linkBtnRegister,.inpUsername,.inpPassword,.registerForm .inpNickname,.registerForm .inpPassword,
.registerForm .inpRepeatPass,.registerForm #inpSchools.customDropdown,.forgottenPassForm .inpEmail,.changePassForm .inpNewPass,.changePassForm .inpRepeatNewPass{display:block;position:absolute;width:210px;text-align:center}
.loginForm .inpTxt,.registerForm .inpTxt,.registerForm .inpSchools,.forgottenPassForm .inpEmail,.changePassForm .inpNewPass,.changePassForm .inpRepeatNewPass{border:0 none;background:transparent;outline:0 none;font-size:14px}
.linkHome{display:block;width:243px;height:149px;position:absolute;top:20px;left:34px;background:url(img/cyber_logo_public.png) no-repeat;}
.linkBtnRegister{top:206px;left:80px;display:inline-block;width:auto;height:20px;color:#333;font-size:14px;text-decoration:none;padding-right:25px;background:url(img/cyberIcons.png) no-repeat right -4315px}
.loginForm .inpUsername{top:332px;left:50px}
.loginForm .inpPassword{top:381px;left:50px}
.signIn .loginErrors{min-height:35px;text-align:center}
.signIn .publicForm .loginBtn,.signedIn .loginBtn{display:block;width:188px;height:113px;margin:0 auto;border:0 none;background:transparent url(img/cyberBtns.png) no-repeat 0 0;cursor:pointer}
.signIn .publicForm .loginBtn:hover,.signedIn .loginBtn:hover{background-position:0 -115px}
.signIn .additionalLinks{position:absolute;right:0;bottom:0;width:300px}
.additionalLinks .moreBtn{display:block;text-align:right;font-size:16px;line-height:18px;margin-bottom:10px;padding-right:30px;background: url(img/cyberIcons.png) no-repeat right -4221px;color:#04528a}
.additionalLinks .moreBtn:hover{background-position:right -4251px}

/*register*/
.register .registerError,.nicknameInfo,#avatarSelectInfo,.signIn .loginError,.forgottenPassword .lostPassMessage,
.changePassword .changePassError{position:absolute;background:url(img/cyberBaloons.png) no-repeat}
.register .registerError,.nicknameInfo,.signIn .loginError,.changePassword .changePassError{display:none}
.register .registerError,.signIn .loginError,.forgottenPassword .lostPassMessage,.changePassword .changePassError{width:173px;height:124px;top:275px;right:190px}
.registerError.passDontMatch,.changePassError.passwordsDifferent{background-position:0 0}
.registerError.nicknameInvalid{background-position:0 -130px}
.registerError.nicknameInfo{width:149px;height:107px;background-position:0 -390px}
.loginError.usernamePassRequired{background-position:0 -1185px}
.loginError.usernameWrongPortal{display:block;background-position:0 -5100px;color:#fff;height:94px;padding:30px 10px 0;width: 153px;font-family:'Segoe Print', 'Comic Sans MS', cursive}
.loginError.usernameWrongPortal a{color:#fff;text-decoration:underline}
.loginError.usernameWrongPortal a:hover{text-decoration:none}

.signIn  .loginError.usernamePassWrong{background-position:0 -1320px;display:block}
.registerError.registerPassLength,.changePassError.passwordTooShort{background-position:0 -1455px}
.registerError.registerRequired{background-position:0 -1590px}
.registerError.registerUsernamePassEqual{background-position:0 -1725px}
.forgottenPassword .lostPassMessage{height:132px}
.lostPassMessage.noUserFound{background-position:0 -1860px}
.lostPassMessage.messageSent{background-position:0 -1995px}
.changePassError.noPassword{background-position:0 -2130px}
.changePassError.noRepeatPassword{background-position:0 -2265px}

#avatarSelectInfo{width:116px;height:83px;top:490px;left:220px;background-position:0 -260px}
.publicForm .registerForm{background-position:0 -1000px}
.registerForm .inpNickname{top:202px;left:50px}
.registerForm #inpSchools.customDropdown{top:250px;width:223px;left:39px;padding-right:10px}
#inpSchools .customDropdownContent{text-align:left}
.registerForm .inpPassword{top:300px;left:50px}
.registerForm .inpRepeatPass{top:350px;left:50px}
.registerBottom{}
.registerBottom .avatarSelect{float:left;width:120px}
.registerBottom .registerBtns{float:left;width:176px;padding-top:20px}
.avatarSelectBtn{height:58px;margin-bottom:15px}
.avatarSelectBtn .avatarInpRadio,.avatarSelectBtn .avatar,#column1 .avatar{background:url(img/cyberIcons.png) no-repeat top left}
.avatarSelectBtn .avatarInpRadio{width:25px;height:25px;float:left;margin:15px 10px 0 0;background-position:0 -240px;cursor:pointer}
.avatarSelectBtn.selected .avatarInpRadio{background-position:0 -270px}
.avatarSelectBtn .avatar,#column1 .avatar{display:block;width:58px;height:58px;cursor:pointer}
.avatarSelectBtn .avatar{float:left}
#avatarBoy .avatar,.userType0 #avatarBoy .avatar{background-position:0 0}/*default and boy skin*/
#column1 .avatar,.userType0 #column1 .avatar{background-position:0 -120px}
.userType1 #avatarBoy .avatar{background-position:0 -60px}
#avatarGirl .avatar,.userType0 #avatarGirl .avatar{background-position:0 -120px}/*default and boy skin*/
.userType1 #avatarGirl .avatar{background-position:0 -180px}
.userType1 #column1 .avatar{background-position:0 -60px}
.register .publicForm .confirmBtn,.forgottenPassword .confirmBtn,.changePassword .confirmBtn{display:block;width:196px;height:113px;border:0 none;background:transparent url(img/cyberBtns.png) no-repeat 0 -230px;cursor:pointer}
.register .publicForm .confirmBtn:hover,.forgottenPassword .confirmBtn:hover,.changePassword .confirmBtn:hover{background-position:0 -345px}

/*signed in*/
.signedIn{text-align:center}
.publicForm .signedInForm{background-position:0 -1500px}
.signedInForm .lblUsername,.signedInForm .lblSchool{display:block;width:215px;height:20px;font-size:16px;left:50px;position:absolute;}
.signedInForm .lblSchool{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lblUsername{top:290px}
.lblSchool{top:339px}

/*forgotten pass*/
.publicForm .forgottenPassForm{background-position:0 0}
.forgottenPassForm .inpEmail{left:20px;position:absolute;top:288px;width:270px}
.lostPassBtns,.changePassBtns{width:176px;margin:0 auto}

/*change pass*/
.publicForm .changePassForm{background-position:0 -1500px}
.inpNewPass{left:50px;top:288px}
.inpRepeatNewPass{left:50px;top:337px}

.preloadImages #img1,.userType0 .preloadImages #img1{background:url(img/bckg02blue.jpg) -9999px -9999px}/*default and boy skin*/
.userType1.preloadImages #img1{background:url(img/bckg02pink.jpg) -9999px -9999px}/*default and boy skin*/
.preloadImages #img2{background:url(img/cyberBaloons.png) -9999px -9999px}
.preloadImages #img3{background:url(img/bckg01pink.jpg)}
.preloadImages #img4{background:url(img/bckg02pink.jpg)}

/*base override*/
.atomshowTbl .sideNav{display:none}

/*start*/
#B2SkinMetroMaster,#B2SkinMetroMaster.userType0{background-color:#e1f2ff}
#B2SkinMetroMaster.userType1{background-color:#ffe1ee}
.cyberStart #column1,.cyberProfil #column1,.cyberDiploma #column1,.cyberTopSchools #column1,.cyberPassword #column1{float:left;width:300px;margin-right:0}
.cyberStart #column2{float:right;width:670px}
.cyberProfil #column2,.cyberDiploma #column2,.cyberTopSchools #column2,.cyberPassword #column2{float:left;width:670px}
#cyberCourses{padding-top:95px}
.cyberStart #column1,.cyberProfil #column1,.cyberDiploma #column1,.cyberTopSchools #column1,.cyberPassword #column1,
.cyberProfil #column2,.cyberDiploma #column2,.cyberTopSchools #column2,.cyberPassword #column2,.econtentIntro #column2{padding-top:10px}

#column1 .pokal,.userType0 #column1 .pokal{display:block;width:61px;height:59px;background:url(img/cyberIcons.png) no-repeat 0 -2580px;margin-bottom:20px}
.userType1 #column1 .pokal{background-position:0 -2640px}
.userType0 #column1 .pokal.noEmail{background-position:0 -2700px}
.userType1 #column1 .pokal.noEmail{background-position:0 -2760px}

#cyberCourses .cyberCourse{width:191px;height:200px;float:left;margin:0 5% 5% 0}
#cyberCourses .cyberCourse:nth-child(3n){margin-right:0}
.cyberCourse .title{display:block;height:166px;background:url(img/cyberIcons.png) no-repeat 0 -300px;color:#fff}
.cyberCourse.course1 .title{background-position:0 -300px}
.cyberCourse.course1 .title:hover,.cyberCourse.course1.attempted .title{background-position:0 -470px}
.cyberCourse.course1.locked .title,.cyberCourse.course1.locked .title:hover{background-position:0 -5520px}

.cyberCourse.course2 .title{background-position:0 -640px}
.cyberCourse.course2 .title:hover,.cyberCourse.course2.attempted .title{background-position:0 -810px}
.cyberCourse.course2.locked .title,.cyberCourse.course2.locked .title:hover{background-position:0 -6030px}

.cyberCourse.course3 .title{background-position:0 -980px}
.cyberCourse.course3 .title:hover,.cyberCourse.course3.attempted .title{background-position:0 -1150px}
.cyberCourse.course3.locked .title,.cyberCourse.course3.locked .title:hover{background-position:0 -5690px}

.cyberCourse.course4 .title{background-position:0 -1320px}
.cyberCourse.course4 .title:hover,.cyberCourse.course4.attempted .title{background-position:0 -1490px}
.cyberCourse.course4.locked .title,.cyberCourse.course4.locked .title:hover{background-position:0 -5860px}

.cyberCourse.course5 .title{background-position:0 -1660px}
.cyberCourse.course5 .title:hover,.cyberCourse.course5.attempted .title{background-position:0 -1830px}
.cyberCourse.course5.locked .title,.cyberCourse.course5.locked .title:hover{background-position:0 -6200px}

.cyberCourse.course6.locked .title,.cyberCourse.course6.locked .title:hover{background-position:0 -2000px}
.cyberCourse.course6 .title{background-position:0 -2170px}
.cyberCourse.course6 .title:hover,.cyberCourse.course6.attempted .title{background-position:0 -2340px}

.cyberCourse .stars{text-align:center}
.cyberCourse .stars .star,#beltList .star{display:inline-block;width:32px;height:32px;background-image:url(img/cyberIcons.png);background-repeat:no-repeat}
.cyberCourse .stars .star{margin-right:3px;background-position:0 -2545px}
#beltList .star{margin-left:5px;vertical-align:middle}
.cyberCourse .stars .star.completed,#beltList .star{background-position:0 -2510px}

.emphasize{font-weight:bold;color:#aedee3}
.userType1 .emphasize{color:#f1d7d6}

/*predstavitev*/
.page .atomshow.econtentIntro #column2{width:670px;float:right;margin-right:54px}
.econtentIntro .subcolumn1{width:auto;float:none}
.econtentIntro .subcolumn1 .atomContent{min-height:0;padding:0;position:relative}
#chaptersBackground{position:absolute;width:100%;height:100%;z-index:100;border-radius:20px;background-color:#eaf0f6;opacity:0.9;border:3px solid #fff;box-shadow:2px 2px 3px #666}
.userType1 #chaptersBackground{background-color:#f9ecee}
#chaptersContent{padding:35px;position:relative;z-index:200}

.econtentIntro .atomContent h2,.cyberProfil #column2 h1,.cyberDiploma #column2 h1,.cyberTopSchools #column2 h1,
.dialogMain .content h1,.cyberPassword #column2 h1{text-transform:uppercase;font-size:26px;line-height:26px;margin-bottom:7px;color:#04528a}
.cyberProfil #column2 h2{text-transform:uppercase;font-size:20px;line-height:20px;margin-bottom:10px;color:#04528a;font-weight:bold}
.content h1{font-weight:normal;font-family:'Segoe UI',Helvetica,Arial,sans-serif}
.econtentIntro .atomContent .cyberIntroBack,.cyberProfil .headerBackBtn,.cyberDiploma .headerBackBtn,.cyberTopSchools .headerBackBtn,
.cyberPassword .headerBackBtn{display:inline-block;vertical-align:top;width:26px;height:26px;margin:1px 10px 0 0;background:url(img/cyberIcons.png) no-repeat 0 -3745px}
.econtentIntro .atomContent .cyberIntroBack:hover,.cyberProfil .headerBackBtn:hover,.cyberTopSchools .headerBackBtn:hover,.cyberPassword .headerBackBtn:hover{background-position:0 -3775px}
.userType1 .econtentIntro .atomContent .cyberIntroBack:hover,.userType1 .cyberProfil .headerBackBtn:hover,.userType1 .cyberTopSchools .headerBackBtn:hover,
.userType1 .cyberPassword .headerBackBtn:hover{background-position:0 -3805px}

.cyberChaptersSeparator,#cyberChapters,.cyberFormSeparator,.cyberProfil #column2 h2,.formView table,.diploma,#topSchoolsList,#resendEmail,#msgRegistrationEmailNotReSent{margin-left:36px}
.cyberChaptersSeparator,.cyberFormSeparator{height:1px;border:2px solid #fff;background-color:#95b2d6;margin-bottom:20px}
#cyberChapters .cyberChapter{display:block;height:90px;text-decoration:none;font-size:20px;text-transform:uppercase}
#cyberChapters a.cyberChapter{color:#04528a}
#cyberChapters div.cyberChapter{color:#666}
.cyberChapter .icon{display:inline-block;content:"";height:89px;width:90px;margin-right:20px;vertical-align:middle;background:url(img/cyberIcons.png) no-repeat 0 -3205px}
.cyberChapter.completed .icon,.cyberChapter.next:hover .icon{background-position: 0 -3205px}
.cyberChapter.next .icon{background-position: 0 -3295px}
div.cyberChapter .icon{background-position: 0 -3385px}

.userType1 .cyberChapter.completed .icon,.userType1 .cyberChapter.next:hover .icon{background-position: 0 -3475px}
.userType1 .cyberChapter.next .icon{background-position: 0 -3565px}
.userType1 div.cyberChapter .icon{background-position: 0 -3655px}

.atomshowTbl{/*background-color:#fff*/}
.cyberAtomBar{padding-top:15px}
.cyberBtnBar{width:40px;height:30px;padding:3px 0 0 50px;float:left}
.cyberAtomPrev{display:block;width:26px;height:26px;background:url(img/cyberIcons.png) no-repeat 0 -3745px}
.cyberAtomPrev:hover{background-position: 0 -3775px}
.userType1 .cyberAtomPrev:hover{background-position: 0 -3805px}
.cyberAtomBar h1{color:#04528a;font-size:30px}
.page .atomshow.scormshow #column1{display:none ! important}
.page .atomshow.scormshow #column2{float:none;width:940px;background:#fff;padding:10px;margin:0 auto;position:relative;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    -webkit-box-shadow: 3px 3px 6px 2px #333;
    -moz-box-shadow: 3px 3px 6px 2px #333;
    box-shadow: 3px 3px 6px 2px #333;
}
.page .atomshow.scormshow #column2:before{display:block;content:"";height:29px;width:960px;background:url(img/scormshowBck.png) no-repeat center 0;position:absolute;z-index:500;top:-10px;left:0}
.scormshow .atomContent{padding:0}
.scormshow #scormIframe{display:block;min-height:600px;width:920px;margin:0 auto}

.cyberTopSchools .cyberFormSeparator{margin-bottom:10px}
.topSchoolsGrid{width:100%}
.topSchoolsGrid th{cursor:default;height:45px;padding-bottom:10px;vertical-align:bottom}
.topSchoolsGrid td{padding:5px 0;color:#04528A}
.topSchoolsGrid .schoolColumn{padding:5px 10px}
.topSchoolsGrid .beltColumn{width:35px}
.topSchoolsGrid .pokalColumn{width:50px}
.topSchoolsGrid th.beltColumn,.topSchoolsGrid th.pokalColumn{padding-bottom:6px}
.topSchoolsHeaderBox{padding-right:15px}
.topSchoolsGridBox{max-height:400px;overflow:auto}
.topSchoolsGrid.dataGrid tr{background:url(img/trBckg.png) repeat-x left bottom}
.topSchoolsGrid.dataGrid tr.alternaterow{background:url(img/trAlterBckg.png) repeat-x left bottom}
.topSchoolsGrid .belt{width:28px;height:19px;display:inline-block;background:url(img/cyberIcons.png) no-repeat 0 -4975px}
.topSchoolsGrid .beltRankWhite{background-position:0 -4975px}
.topSchoolsGrid .beltRankYellow{background-position:0 -4995px}
.topSchoolsGrid .beltRankGreen{background-position:0 -5015px}
.topSchoolsGrid .beltRankBlue{background-position:0 -5035px}
.topSchoolsGrid .beltRankRed{background-position:0 -5055px}
.topSchoolsGrid .beltRankBrown{background-position:0 -5075px}
.topSchoolsGrid .beltRankBlack{background-position:0 -5095px}
.topSchoolsGrid .pokal{display:inline-block;width:39px;height:38px;background:url(img/cyberIcons.png) no-repeat 0 -5195px}
.userType1 .topSchoolsGrid .pokal{background-position:0 -5235px}
.userType0 .topSchoolsGrid .pokal.noEmail{width:49px;background-position:0 -5115px}
.userType1 .topSchoolsGrid .pokal.noEmail{width:49px;background-position:0 -5155px}
.pnlPokalNeaktivenInner{height:38px;cursor:pointer}
#uporabnikNeaktiviranNavodilo a{display:inline;padding:0;font-size:inherit;line-height:inherit;color:#fff}
#uporabnikNeaktiviranNavodilo .topSchoolsPointsContent{padding-bottom:45px}

#points{width:695px;height:285px;padding:50px 30px 30px;background:transparent url(img/cyberPopups.png) 0 -960px no-repeat;text-align:left;color:#fff;top:25px;right:-468px}
.userType1 #points{background-position:right -960px}
#points .belts{padding:30px 0 40px 0}
#points .belt{width:73px;height:55px;margin-right:25px}
#points .belt+div{font-size:15px;padding-top:5px;text-align:center;font-weight:bold}
#points .beltRankWhite{background-position:0 -3835px}
#points .beltRankWhite+div{color:#fff}
#points .beltRankYellow{background-position:0 -3890px}
#points .beltRankYellow+div{color:#ffda10}
#points .beltRankGreen{background-position:0 -3945px}
#points .beltRankGreen+div{color:#a9cf38}
#points .beltRankBlue{background-position:0 -4000px}
#points .beltRankBlue+div{color:#99dbf8}
#points .beltRankRed{background-position:0 -4055px}
#points .beltRankRed+div{color:#c8161d}
#points .beltRankBrown{background-position:0 -4110px}
#points .beltRankBrown+div{color:#734636}
#points .beltRankBlack{background-position:0 -4165px}
#points .beltRankBlack+div{color:#231f20}

#uporabnikNeaktiviranNavodilo{width:695px;height:200px;padding:50px 30px 30px;background:transparent url(img/cyberPopups.png) 0 -675px no-repeat;text-align:left;color:#fff;top:50px;right:-45px}
.userType1 #uporabnikNeaktiviranNavodilo{background-position:right -675px}

#schoolName{float:left;text-align:left;font-size:16px;font-weight:bold;white-space:nowrap;color:#04528A}
#pointsTrigger{}
.pointsInner{height:18px;cursor:pointer}

/*profile, layout isti kot predstavitev spletaja*/
.cyberProfil #column1,.cyberDiploma #column1,.cyberPassword #column1{position:relative}
.cyberProfil #column2 .columnContent,.cyberDiploma #column2 .columnContent,.cyberTopSchools #column2 .columnContent,
.cyberPassword #column2 .columnContent{padding:40px 35px 40px 42px;background:url(img/cyberPopups.png) no-repeat 0 -1511px}
.formView .profileFormTop{margin-bottom:50px}
.profileFormTop .profileFormRight{padding-top:53px}
.cyberPassword .profileFormTop{margin-bottom:0}
.cyberPassword .profileFormTop .profileFormRight{padding-top:100px}
.formView table{float:left;width:415px}
.formView .profileFormRight{float:right;width:128px}
.formView table .labelCell,.formView table .inputCell,.dialogMain .form td.labelCell,.dialogMain .inputCell{padding:4px 0}
.dialogMain .form td.labelCell{text-align:left;font-weight:normal;text-transform:uppercase}
.formView table .labelCell,.dialogMain .labelCell{width:115px;font-size:16px;vertical-align:middle;color:#04528A}
.cyberPassword .formView table .labelCell{width:150px}
.formView table .inputCell{}
.cyberProfil .formView .inpTxt,.cyberProfil .customDropdown .currentDropdownItem,.cyberProfil .formView select,
.dialogMain .inpTxt,.cyberPassword .formView .inpTxt{border:2px solid #7f7f7f;height:42px;padding:10px 30px 10px 20px;font-size:14px;line-height:18px;color:#7f7f7f;background-color:#fff;
    border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;
    box-sizing:border-box;-moz-box-sizing:border-box;
}
.cyberProfil .formView .inpTxt,.cyberPassword .formView .inpTxt{width:100%}
.cyberProfil .customDropdown .currentDropdownItem{width:auto}
#inpClass{width:48%;float:left}
#inpDepartment{width:48%;float:right}
#inpSchools{outline:0 none}
.cyberProfil #inpSchools .currentDropdownItem{background-position:100px -4338px;max-width:300px;overflow:hidden;text-overflow:ellipsis}
#inpSchools .customDropdownOptions{width:410px}
.cyberProfil #inpClass .currentDropdownItem,.cyberProfil #inpDepartment .currentDropdownItem{background-position:-56px -4338px}
.profilPokal{width:81px;height:81px;margin:0 auto 20px auto;background:url(img/cyberIcons.png) no-repeat 0 -4410px}
.profilPokal.userActive0{background-position:0 -4410px}
.userType1 .profilPokal.userActive0{background-position:0 -4495px}
.profilPokal.userActive1{background-position:0 -4580px}
.userType1 .profilPokal.userActive1{background-position:0 -4665px}
.profilPokal.userActive2{background-position:0 -4750px}
.userType1 .profilPokal.userActive2{background-position:0 -4835px}

.profileMessage,.diplomaMessage{position:absolute;top:390px;left:170px;background:url(img/cyberBaloons.png) no-repeat 0 -520px}
.profileMessage{display:block;width:173px;height:124px;}
.profileMessage0{width:153px;height:116px;background-position:0 -520px}/*vpisi podatke in sodeluj v medsolskem tekmovanju*/
.profileMessage1{width:174px;height:131px;background-position:0 -780px}/*v tvojem e-postnem nabiralniku te caka sporocilo*/
.profileMessage2{width:160px;height:122px;background-position:0 -650px}/*tvoji podatki so preverjeni*/
.usernameExists{width:174px;height:131px;background-position:0 -125px}
.diplomaMessage0{width:153px;height:132px;background-position:0 -915px}
.diplomaMessage1{width:153px;height:132px;background-position:0 -1050px}

/*.profileMessage{font-family:"Segoe Print", "Comic Sans MS", cursive, sans-serif}*/
#msgError.profileMessage{background-position:0 -2400px}
#msgUsernameSchoolRequired.profileMessage{background-position:0 -2535px}
#msgUsernameExists.profileMessage{background-position:0 -3885px}
#msgUsernameSchoolSaved.profileMessage{height:131px;background-position:0 -2670px}
#msgCompetitionFieldsRequired.profileMessage{background-position:0 -2805px}
#msgCompetitionFieldsSaved.profileMessage{height:131px;background-position:0 -2940px}
#msgEmailFormatNotValid.profileMessage{background-position:0 -3075px}
#msgEmailExists.profileMessage{background-position:0 -3210px}
#msgRegistrationUsernameSchoolRequired.profileMessage{background-position:0 -4020px}
#msgRegistrationEmailNotSent.profileMessage{background-position:0 -3345px}
#msgRegistrationEmailReSent.profileMessage{height:131px;background-position:0 -3480px}
#msgRegistrationEmailNotReSent.profileMessage{background-position:0 -3615px}
#resendEmail,#msgRegistrationEmailNotReSent{font-size:16px;color:#04528A}
#resendEmail a,#msgRegistrationEmailNotReSent a{color:#04528A}

#profileSubtitle{float:left;}
#profileInfo,#diplomaInfo,#pointsTrigger{width:18px;height:18px;position:relative;background:url(img/cyberIcons.png) no-repeat 0 -4920px;float:left;margin-left:10px}
.cyberFormSeparator{clear:both}
#profileInfoTxt,#diplomaInfoTxt{width:694px;height:202px;padding:45px 30px 30px;top:23px;left:-428px;background:url(img/cyberPopups.png) no-repeat 0 -394px;text-align:left;color:#fff}
.userType1 #profileInfoTxt,.userType1 #diplomaInfoTxt{background-position:right -394px;left:-412px}
#column2 #profileInfoTxt h1,#diplomaInfoTxt,#column2 #profileInfoTxt p,#column2 #diplomaInfoTxt h1,#column2 #diplomaInfoTxt ul{color:#fff}
#column2 #profileInfoTxt h1,#column2 #diplomaInfoTxt h1{font-size:20px;font-weight:bold}
#column2 #profileInfoTxt p,#column2 #diplomaInfoTxt ul,.dialogMain .content p{font-size:20px}
#column2 #diplomaInfoTxt ul{margin-left:0;margin-bottom:0}
#column2 #profileInfoTxt p.txtSmall{font-size:16px;line-height:20px;padding-bottom:15px}

/*diploma*/
.diplomaPrintBox{clear:both} 
#diplomaDesc{float:left}
.diplomaPrintPreview{width:429px;height:323px;float:left;background:url(img/cyberDiplome.png) no-repeat 0 0;position:relative}
.diplomaDisabled .diplomaPrintPreview{background-position:0 0}
.diplomaEnabled .diplomaPrintPreview{background-position:0 -325px}
.diplomaPrintPreview .lblName{display:block;position:absolute;top:197px;left:110px;width:195px;text-align:center;font-size:12px}
.diplomaPrintPreview .lblDate{display:block;position:absolute;top:218px;left:110px;width:195px;text-align:center;font-size:10px}
.diplomaDisabled .diplomaPrintPreview .lblName,.diplomaDisabled .diplomaPrintPreview .lblDate{color:#666}
.userType1 .diplomaDisabled .diplomaPrintPreview{background-position:0 -650px}
.userType1 .diplomaEnabled .diplomaPrintPreview{background-position:0 -975px}
.diplomaPrintBtn{width:125px;padding-top:200px;float:right}
#diplomaInfoTxt.moreActionsMenu li{height:auto}
.diplomaInfoDesc{padding-bottom:5px}

/*change password popup*/
.dialogMain{background-color:#fff}
.dialogMain .content p{color:#04528A}
.dialogMain .formContent{padding:0}
.inlineBtn{background-color:#00538b;color:#fff}
.inlineBtn:hover{background-color:#0070bb}
.inlineBtn.cancelBtn,.userType1 .inlineBtn.cancelBtn{background-color:#aaa;color:#333}
.inlineBtn.cancelBtn:hover,.userType1 .inlineBtn.cancelBtn:hover{background-color:#999}
.userType1 .inlineBtn{background-color:#f4827e}
.userType1 .inlineBtn:hover{background-color:#f29e9b}

.changePass2Error{width:173px;height:124px;position:absolute;left:170px;top:390px;background:url(img/cyberBaloons.png) no-repeat}/*display:none;*/
.changePass2Error.noOldPassword{background-position:0 -4155px}
.changePass2Error.noNewPassword{background-position:0 -4290px}
.changePass2Error.noRepeatPassword{background-position:0 -4425px}
.changePass2Error.oldSameAsNew{background-position:0 -4560px}
.changePass2Error.passwordTooShort{background-position:0 -4695px}
.changePass2Error.passwordsDifferent{background-position:0 -4830px}
.changePass2Error.oldPasswordDifferent{background-position:0 -4965px}

.confirmBtnSmall{display:block;width:148px;height:87px;border:0 none;background:transparent url(img/cyberBtns.png) no-repeat 0 -460px;cursor:pointer}
.confirmBtnSmall:hover{background-position:0 -550px}

.btnPrintSmall{display:block;width:145px;height:87px;border:0 none;background:transparent url(img/cyberBtns.png) no-repeat 0 -640px;cursor:pointer}
.btnPrintSmall:hover{background-position:0 -730px}

/*cookies*/
#cookieDialogMax p:before{display:inline-block;content:"";vertical-align:middle;margin-right:20px;width:39px;height:40px;background:url(img/cyberIcons.png) no-repeat 0 -5475px}
.cookieYesBtn{color:#c3d252 !important}
.cookieYesBtn:hover,.cookieMoreBtn:hover{text-decoration:none !important}

/*cyber2*/
#column1 .telefon, #column1 .euInfo{display:none}