@media screen {
  .assign-class .midbut { margin-left: 20px; }
#content .seo-tex { margin: 10px 15px 10px 20px; }
#content .seo-tex-2 { margin-left: 21px; margin-top: 20px; }
.perexperexu { width: 510px !important; }
#deleteStudentForm { =font-family: trebuchet MS!important; }

}
@media screen {
  /* velke vyzitky*/
#edu-my-friends, #edu-all-class, #projects-detail, #glogs-alert { position:relative; top:0px; left:20px!important; width:920px; float:left; z-index:1!important;}
#edu-my-friends #sort-options.profile #search { left: 120px; }
#edu-my-friends #sort-options.profile .view { width: 150px; }
#edu-my-friends .fix-pos-1, #edu-my-friends .fix-pos-2, #edu-my-friends .fix-pos-3 { float: left; width: 290px; height: 200px;  background:url("gfx/bg-edu-friend-dashboard.jpg") 0 0 no-repeat #EBEBEB; position: relative;}
#edu-my-friends .fix-pos-1 { margin: 5px 0 0 0; }
#edu-my-friends .fix-pos-2 { margin: 5px 25px 0 25px; }
#edu-my-friends .fix-pos-3 { margin: 5px 0 0 0; }
#edu-my-friends .fix-pos-1 .wieu, #edu-my-friends .fix-pos-2 .wieu, #edu-my-friends .fix-pos-3 .wieu { position: absolute; bottom: 5px; left: 0; width: 140px; display: block; height: 30px; }
#edu-my-friends .fix-pos-1 .wieu p, #edu-my-friends .fix-pos-2 .wieu p, #edu-my-friends .fix-pos-3 .wieu p { font-size: 0.85em; margin-left: 17px; }
#edu-my-friends .fix-pos-1 .wieu p a br, #edu-my-friends .fix-pos-2 .wieu p a br, #edu-my-friends .fix-pos-3 .wieu p a br { position: relative; }
#edu-my-friends .fix-pos-small-1 .wieu, #edu-my-friends .fix-pos-small-2 .wieu, #edu-my-friends .fix-pos-small-3 .wieu { position: absolute; bottom: 1px; left: 68px;  }
#edu-my-friends .fix-pos-1 h3, #edu-my-friends .fix-pos-2 h3, #edu-my-friends .fix-pos-3 h3 { margin: 8px 0 6px 20px;}
#edu-my-friends .fix-pos-1 h3 a, #edu-my-friends .fix-pos-2 h3 a, #edu-my-friends .fix-pos-3 h3 a { color: #333333; }
#edu-my-friends .fix-pos-1 h3.here, #edu-my-friends .fix-pos-2 h3.here, #edu-my-friends .fix-pos-3 h3.here { padding: 0!important;  }
#edu-my-friends .fix-pos-1 h3 span.washere, #edu-my-friends .fix-pos-2 h3 span.washere, #edu-my-friends .fix-pos-3 h3 span.washere { top: 11px; left: 6px; }
#edu-my-friends span.avatar { width: 100px; margin-left: 10px;}
#edu-my-friends span.avatar span { width: 98px;}
#edu-my-friends span.avatar span img { width: 94px; height: auto!important; }
#edu-my-friends .line-bug { width: 140px; position: relative; float: right; height: 140px;  }
#edu-my-friends .line-bug span { position: relative; bottom: 0; }
#edu-my-friends .line-bug span.sendmsg a { top: -5px; left: 113px; }
#edu-my-friends .line-bug .change-but { border-left: 1px #7c7c7c solid; position: absolute; top: 60px; left: 5px; width: 130px;}
#edu-my-friends .line-bug .change-but span { margin-left: 10px; }
#edu-my-friends .line-bug .change-but span a { color:#333333; }
#edu-my-friends .line-bug .change-but span label { color:#333333; font-family: Arial,Tahoma,sans-serif; }
#edu-my-friends .line-bug .change-but span input { margin: 13px 5px 0px 0px; }
#edu-my-friends .line-bug .change-but span a:hover { color:#333333; text-decoration: none; }
#edu-my-friends .line-bug span.no-glogs { margin-left: 15px; width: 90px; }

}
@media screen {
  /* male vyzitky */
#edu-my-friends .fix-pos-small-1, #edu-my-friends .fix-pos-small-2, #edu-my-friends .fix-pos-small-3 { float: left; width: 287px; height: 87px; background:url("gfx/edu/bg-edu-friend-dashboard-small.jpg") 0 0 no-repeat #EBEBEB; position: relative;}
#edu-my-friends .fix-pos-small-1 { margin: 25px 0 0 0; }
#edu-my-friends .fix-pos-small-2 { margin: 25px 29px 0 29px; }
#edu-my-friends .fix-pos-small-3 { margin: 25px 0 0 0; }
#edu-my-friends .fix-pos-small-1 h3, #edu-my-friends .fix-pos-small-2 h3, #edu-my-friends .fix-pos-small-3 h3 { margin: 8px 0 6px 20px;}
#edu-my-friends .fix-pos-small-1 h3 a, #edu-my-friends .fix-pos-small-2 h3 a, #edu-my-friends .fix-pos-small-3 h3 a { color: #333333; }
#edu-my-friends .fix-pos-small-1 h3.here, #edu-my-friends .fix-pos-small-2 h3.here, #edu-my-friends .fix-pos-small-3 h3.here { padding: 0!important;  }
#edu-my-friends .fix-pos-small-1 h3 span.washere, #edu-my-friends .fix-pos-small-2 h3 span.washere, #edu-my-friends .fix-pos-small-3 h3 span.washere { top: 11px; left: 6px; }
#edu-my-friends .information { float: left; width: 147px;    }
#edu-my-friends .information span.avatar{display:block;width:54px;height:auto;background:#D8D8D8;padding:1px 0;overflow:hidden;float:left;position:relative;left:8px;margin:0 14px 0 0;}
#edu-my-friends .information span.avatar span{display:block;width:52px;height:auto;background:#FFF;margin:0 1px;padding:2px 0;}
#edu-my-friends .information span.avatar span img{display:block;width:48px;height:48px;margin:0 2px;overflow:hidden;background:#000;text-align:center;font-size:80%;}
#edu-my-friends .information span.sendmsg a { margin: 7px 0 0 3px;  }
#edu-my-friends .editing { width: 120px; float: right; margin-top: 15px; }
#edu-my-friends .editing span { font-size: 0.9em;  }
#edu-my-friends .editing span a { color: #333333; text-decoration: underline; }
#edu-my-friends .editing span input { margin: 2px 0 0 0; }
#edu-my-friends .editing span label { color: #333333; font-family: Arial,Tahoma,sans-serif; }
#edu-my-friends .editing span a:hover { text-decoration: none; }

}
@media screen {
  /* puntiky circus afro */
#edu-my-friends span.online, #edu-my-friends span.offline, #edu-my-friends span.washere {top:10px;}

}
@media screen {
  /*  boxove funkce */
.knockknock-updated-box-in, .knockknock-error-box-in, #student-password-form, #student-delete-form, #student-add-form, #student-message-form, #class-updated-box, #premium-just-expired, #student-nick-form { display: none; }
.knockknock-updated-box-in, .knockknock-error-box-in, .student-password-form-in, .student-delete-form-in,.student-add-form-in, .student-message-form-in, .class-updated-box-in  { width: 590px; overflow-x: hidden; }
.student-delete-form-in { height: 200px; }
.premium-just-expired-in { overflow-x: hidden; width: 600px; padding-top: 30px; }
.student-password-form-in small, .student-delete-form-in small,.student-add-form-in small, .student-message-form-in small  { font-family: 0.9em; }
.student-password-form-in h3, .student-delete-form-in h3, .student-add-form-in h3, .student-message-form-in h3#commentform_header, .class-updated-box-in h2 { color: #FF0165; margin-top: 20px; margin-bottom: 15px; font-size: 1.5em; }
.student-message-form-in h3#commentform_header { position: relative; left: 0; top: -5px; font-weight: bold; height: 32px; line-height: 20px; width:100%; }
.student-message-form-in h3#commentform_header span { color: #000000; }
.student-password-form-in h3 strong, .student-delete-form-in h3 strong, .student-add-form-in h3 strong, .student-message-form-in h3 strong { color: #333333; }
.student-password-form-in p, .student-delete-form-in p, .student-add-form-in p, .student-message-form-in p { line-height: 1em; color: #666666; float: left; }
.student-delete-form-in p { color: #FF0165; font-size: 1.3em; font-weight: bold; float: none; }
.student-add-form-in p { line-height: 1.8em; &padding-top: 60px; display: block; }
.student-message-form-in p { line-height: 1.8em; }
.student-password-form-in p span.thix-label, .student-delete-form-in p span.thix-label, .student-add-form-in p span.thix-label, .student-message-form-in p span.thix-label { width: 140px; display: inline-block; text-align: right; margin-right: 15px; }
.student-password-form-in p input, .student-delete-form-in p input, .student-add-form-in p input, .student-message-form-in p input { height: 20px; border-top: 1px #404040 solid;border-left: 1px #404040 solid;border-right: 1px #D4D0C8 solid;border-bottom: 1px #D4D0C8 solid; }
.student-password-form-in p input { width: 180px; margin-right: 10px;}
.student-delete-form-in p input { width: 180px; margin-right: 10px;}
.student-add-form-in p input { width: 64px; margin: 0 8px;}
.student-message-form-in p input { width: 90px; margin: 0 10px;}
.student-message-form-in #comment { margin: 0 auto; width: 575px; padding: 5px; height: 100px; clear: left; }

}
@media screen {
  
.knockknock-updated-box-in p.info ,.knockknock-error-box-in p.err-message{font-size: 200%;padding-bottom: 85px !important; padding-top:60px !important;text-align: center;}
.knockknock-error-box-in p.err-message{color:red;}
.class-updated-box-in p { text-align: center; }
.class-updated-box-in p .midbut { float: right; margin: 20px 0 0 0; }

}
@media screen {
  
.projec-view #TB_ajaxContent { height: 280px !important; }
.all-friends #TB_title, .assign-class #TB_title, .class-view #TB_title, .projec-view #TB_title, .profile-dashboard #TB_title, .profile-edit #TB_title { display: none;}
p.but-thix-delete { margin-top: 20px; position: relative; left: 0; height: 40px; }
p.but-thix-delete button { display: inline-block; position: absolute; left: 170px; }
p.but-thix-delete span.close-thix { display: inline-block; position: absolute; left: 300px; top: 17px; }
.conbotor { height: 48px !important; text-align: center; &text-align: right; &padding-right: 200px; }
.conbotor strong.trbo { display: inline-block; font-weight: bold; margin: 0 10px; font-size: 16px; line-height: 58px !important; &float:left;&width:146px;  }
.conbotor a { display: inline-block; font-size: 16px; color: #666666; font-weight: bold; line-height: 58px !important; }

}
@media screen {
  /* teacher menu */
#teacher-menu { background-color: #f2fcff; width: 404px; border: 1px #CFE9FE solid; position:relative;}
#teacher-menu h2 {padding:10px 0 18px 18px !important;}
#teacher-menu form { padding: 0 18px 18px 18px; overflow: hidden; }
#teacher-menu form p.all label { display: block; }
#teacher-menu form p.all input { display: block; width: 365px; margin: 3px 0 20px 0; }
#teacher-menu form input, #teacher-menu form select {border-top: 1px #404040 solid;border-left: 1px #404040 solid;border-right: 1px #D4D0C8 solid;border-bottom: 1px #D4D0C8 solid;}
#teacher-menu form p.visib span strong { display: block; position: relative; }
#teacher-menu form p.visib input { position: absolute; margin: 2px 0 0 0; padding: 0; border: 0; }
#teacher-menu form p.visib label { padding-left: 18px; display: inline-block; vertical-align: top; }
#teacher-menu form span { display: inline-block;  }
#teacher-menu form span.uno { width: 95px; }
#teacher-menu form span.dos { width: 92px;}
#teacher-menu form span.tress { width: 70px;}
#teacher-menu form span.cuatro { width: 92px;}
#teacher-menu form p.f-l-add, #teacher-menu form p.f-r-cat { margin-top: 15px; }
#teacher-menu form p.f-l-add { float: left; width: 185px; }
#teacher-menu form p.f-l-add input {width: 175px; }
#teacher-menu form p.f-r-cat { float: right; width: 180px; }
#teacher-menu form p.f-r-cat select { width: 160px;}
#teacher-menu form .del-tag { width: 175px; background-color: #E8FAFF; margin-top: 10px;}
#teacher-menu form .del-tag strong { display: block; height: 21px; line-height: 21px;  background-color: #C6F1FF; padding-left: 5px;  }
#teacher-menu form .del-tag .ov-4 { /*overflow-y: scroll; overflow-x: hidden;*/ }
#teacher-menu form .del-tag .ov-4 p { color: #666666; line-height: 1.2em;}
#teacher-menu form .del-tag .ov-4 p input{ margin: 0 5px; border: 0; }
#teacher-menu form .del-tag .ov-4 p label { font-size: 0.8em; }
#teacher-menu form .del-tag .ov-4 p a, #teacher-menu form .del-tag .ov-4 p a:hover { font-size: 0.8em; color: #666666; text-decoration: none; }

}
@media screen {
  /* zapomenute heslo */
#lostpass p.bold-student { margin: 20px 0; font-size: 1.2em; }
#lostpass p.bold-student strong { color: #FF0066;  }

}
@media screen {
  /* uprava po nekom */
#sorting{width:980px;height:34px;text-align:right;background:url("gfx/gradients/bg-sorting.gif") 100% 100% repeat-x #D7D7D7;border:1px solid #767676;border-width:0 0 1px 0;z-index: 10;}
#sorting p{width:115px;height:34px;line-height:34px;float:left;margin:0;padding:0;font-size:80%;}
#sorting p span{position:relative;right:10px;}
#sorting ul{display:block;height:34px;margin:0;padding:0;right:0!important;float:left;clear:none;background:url("gfx/sorting-endbg.gif") 100% .2em no-repeat;position:relative;font-size:90%;padding-left:25px;}
body.change #sorting ul{width:669px;}
body.deleteaccount #sorting ul{width:656px;}

}
@media screen {
  
#sorting ul li{display:inline-block;height:34px;float:left;margin:0;padding:0;position:relative;}
#sorting ul li.selected{height:34px;top:1px; position: relative; display: inline-block; }
#sorting ul li a{display:inline-block;height:34px;line-height:34px;text-align:center;}
#sorting ul li a:link, #sorting ul li a:visited{background:url("gfx/sorting-item-a.gif") 0 0 repeat-x #F2F2F2;font-weight:normal;color:#666;text-decoration:none;}
#sorting ul li a:active, #sorting ul li a:hover{background:url("gfx/sorting-item-a.gif") 0 0 repeat-x #F2F2F2;font-weight:normal;color:#000;text-decoration:none;}
#sorting ul li strong, #sorting ul li.selected a:link, #sorting ul li.selected a:visited, #sorting ul li.selected a:active, #sorting ul li.selected a:hover{display: inline-block;height:34px;line-height:34px;background:url("gfx/sorting-active-a.gif") 0 0 repeat-x #fff;text-align:center;font-weight:bold;color:#000; margin:0; }
#sorting ul li span.uno, #sorting ul li span.dos { width: 8px; height: 34px; display: inline-block;}
#sorting ul li span.uno { background: #fff url('gfx/sorting-item-uno.gif') no-repeat scroll 0 0; margin-right: 10px;}
#sorting ul li span.dos { background: #fff url('gfx/sorting-item-dos.gif') no-repeat scroll 0 0; margin-left: 10px; }
#sorting ul li.selected span.uno {  background: #fff url('gfx/sorting-active-uno.gif') no-repeat scroll 0 0; margin-right: 10px;}
#sorting ul li.selected span.dos { background: #fff url('gfx/sorting-active-dos.gif') no-repeat scroll 0 0; margin-left: 10px; }

}
@media screen {
  /* submenu na dashboardu */
#sorting.dashboard { margin: 5px 0 20px 0; }
#sorting.dashboard ul.cf { margin-left: 20px; padding-right: 11px; }
#sorting.dashboard ul.cf li.first span.uno { background: #fff url('gfx/sorting-item-first-uno.png') no-repeat scroll 0 0;  }

}
@media screen {
  /* edit profilu edu studenta */
.profile-edit .edu-col2  { float: left; margin-left: 20px; width: 530px; }
.profile-edit .edu-col2 h2 { left: 0!important; margin-bottom: 15px; }
.profile-edit .edu-col2 h2 img { margin-left: 12px; }
.profile-edit .edu-col2 .tell-us h2 { left: 15px!important;}
.profile-edit .edu-col2  fieldset  { border: 0; }
.profile-edit .edu-col2  fieldset .tell-us { background-color: #f8f8f8; padding: 10px 0  30px 0; border: 1px #EBEBEB solid; border-bottom: none; width: 528px; display: block; }
.profile-edit .edu-col2  fieldset .tell-us h2 { margin-bottom: 15px;}
.profile-edit .edu-col2  fieldset .tell-us h2 img { margin-left: 15px;}
.profile-edit .edu-col2  fieldset .tell-us p.perex { font-size: 1.1em; line-height: 1.5em; font-weight: bold; border-bottom: 1px #DFDFDF solid; padding: 0 15px; font-family: arial; padding-bottom: 10px; width: 498px; }
.profile-edit .edu-col2  .your-inter { background-color: #f8f8f8; padding: 10px 0  30px 0; margin-bottom: 60px; border: 1px #EBEBEB solid; }
.profile-edit .edu-col2  fieldset.last legend { padding-left: 15px; }
.profile-edit .edu-col2  fieldset p  { margin-bottom: 15px; width: 100%; }
.profile-edit .edu-col2  fieldset p span { font-size: 75%; color: #83838D; }
.profile-edit .edu-col2  fieldset p span.label { font-size: 90%; width: 165px; float: left; text-align: right; margin-right: 12px; }
.profile-edit .edu-col2  fieldset p span.gender  { color: #000; font-size: 1em; }
.profile-edit .edu-col2  fieldset p span.gender input  { padding: 0; margin: 0; }
.profile-edit .edu-col2  fieldset p span.gender em  { text-decoration: none;  }
.profile-edit .edu-col2  fieldset p .special { position: relative; left: 173px; _left: 176px; color: #000; font-size: 75%; text-align: left; }
.profile-edit .edu-col2  fieldset p.more { padding-left: 177px; }
.profile-edit .edu-col2  fieldset p.more a { font-family: Arial, Tahoma, sans-serif; color: #006699; font-weight: bold; font-size: 80%; }
.profile-edit .edu-col2  fieldset p.more a:hover { color: #000; }
.profile-edit .edu-col2  legend  { font-family: Arial, Tahoma, sans-serif; color: #FF0066; font-size: 180%; font-weight: bold; padding-bottom: 15px; }
.profile-edit .edu-col2  legend img  { position: relative; left: 12px; cursor: help; }
.profile-edit .edu-col2  label { width: 165px; float: left; text-align: right; font-size: 12px; color: #83838D; cursor: pointer; cursor: hand; margin-right: 12px; }
.profile-edit .edu-col2  input.txt { width: 330px; padding: 3px; }
.profile-edit .edu-col2  select  { width: 218px; }
.profile-edit .edu-col2  select.smaller  { width: 109px; }
.profile-edit .edu-col2  select#birth-month  { width: 103px; }
.profile-edit .edu-col2  select#birth-day  { width: 45px; }
.profile-edit .edu-col2  select#birth-year  { width: 60px; }
.profile-edit .edu-col2  textarea  { width: 330px; height: 90px; }
.profile-edit .edu-col2  fieldset p input#hometown, .profile-edit .edu-col2  fieldset p input#occupation-school, .profile-edit .edu-col2  fieldset p input#firstname, .profile-edit .edu-col2  fieldset p input#lastname { width: 210px;}
.profile-edit .edu-col2  fieldset p select#status { width: 153px;}
.profile-edit .edu-col2  fieldset .remark { font-size:.75em; width:400px; color:#999; }
.profile-edit .edu-col2  fieldset .tell-us .remark { margin: 5px 0 0 18px; }

}
@media screen {
  /* pridani tridy */
form.edu-add-class { margin: 20px 20px 0 20px; color: #83838D;  }
form.edu-add-class p { font-size: 1em; line-height: 3em; }
form.edu-add-class label { display: inline-block; width: 180px; text-align: right; vertical-align: top; margin-right: 10px;  }
form.edu-add-class input { width: 180px; height: auto; }
form.edu-add-class input#class_name { width: 330px; background-color: #F6F6FF; font-size: 1.15em; padding: 0; height: 21px; }
form.edu-add-class input#class_icon { width: 300px;}
form.edu-add-class p.info { color: #FF0063; font-size: 1.1em; line-height: 1em; margin-top: 40px; }
form.edu-add-class p.info-small { font-size: 0.7em; }
form.edu-add-class small { margin-left: 190px; color: #000000; }
form.edu-add-class textarea#class_description { width: 400px; height: 100px; margin-bottom: 10px; }
form.edu-add-class p.submit { position: relative; left: 190px;}
form.edu-add-class .change-class-icon { clear: both; margin-top: 5px; margin-left: 193px; }
form.edu-add-class .change-class-icon button.btn-change-class-avatar  { font-size: 75%; color: #fff; padding-left: 18px; background-color: #0BB94A; padding: 5px; border: 1px solid #52A452; border-radius: 6px; }
form.edu-add-class .change-class-icon button:hover { background-color: #0AA03F; }
form.edu-add-class #loadingAvatar { display: none; margin: 50px 0px 18px 40px; }
}
@media screen {
  
#edu-delegaton, #edu-add-class-top { width: 679px; background: #ffffff url('gfx/box-class-all.gif') repeat-y scroll 0 0; margin-left: 20px; display: block; }

}
@media screen {
  
#edu-delegaton span.top, #edu-add-class-top span.top { background: #ffffff url('gfx/box-class-top.gif') no-repeat scroll 0 0; display: block; height: 16px;  }
#edu-delegaton span.bottom, #edu-add-class-top span.bottom { background: #ffffff url('gfx/box-class-bottom.gif') no-repeat scroll 0 0; display: block; }
#edu-delegaton .prech, #edu-add-class-top .prech { background: #ffffff url('gfx/box-class-prech.jpg') repeat-x scroll 0 bottom; width: 661px; margin-left: 5px; padding-bottom: 40px;  }
#edu-delegaton .prech { min-height: 350px; _height: 350px; }

}
@media screen {
  /* dashboard class */
.dashboard-class { background: #ffffff url('gfx/bg-class-box-teacher.jpg') no-repeat scroll 0 0; width: 456px; height: 148px; display: block; position: relative; margin-bottom: 10px; overflow: hidden; left: 3px; }
.dashboard-class h3 { position: absolute; left: 145px; width: 300px; overflow: hidden; font-size: 1.1em; top: 15px;  }
.dashboard-class h3 a { color: #006699!important; text-decoration: underline;  }
.dashboard-class .info { position: absolute; left: 155px; top: 50px; text-align: left; width: 250px;}
.dashboard-class .info p { margin-bottom: 7px; }
.dashboard-class .info p strong { display: inline-block; width: 30px; text-align: right; font-weight: normal; }
.dashboard-class .info p a { color: #999999;  }
.dashboard-class .info p a:hover { text-decoration: none; }
.dashboard-class em { position: absolute; top: 120px; left: 155px; background: transparent url('gfx/icons/newstar-braun.gif') no-repeat scroll 0 60%; padding-left: 15px; color: #FF0062; font-size: 0.9em; line-height: 1em; }
.dashboard-class .top-avatars { width: 115px; height: auto; /*padding-bottom: 8px; */position: relative; left: 15px; top: 16px; }

}
@media screen {
  .dashboard-class-small { background: #ffffff url('bfw/user/bg-friend-big-small.jpg') no-repeat scroll 0 0; width: 287px; height: 87px; display: block; position: relative; margin: 9px; overflow: hidden; left: 3px; float:left; }
.dashboard-class-small h3 { font-size:12px; overflow:hidden; margin-bottom:5px; }
.dashboard-class-small h3 a { color: #006699!important; text-decoration: underline;  }
.dashboard-class-small .info { background:url("bfw/linky.gif") repeat-y scroll 0 0 transparent; position: absolute; left: 80px; text-align: left; width: 250px; margin-top:5px;}
.dashboard-class-small .info p { margin-bottom: 5px; }
.dashboard-class-small .info p strong { display: inline-block; width: 30px; text-align: right; font-weight: normal; }
.dashboard-class-small .info p a { color: #999999;  }
.dashboard-class-small .info p a:hover { text-decoration: none; }
.dashboard-class-small em { position: absolute; top: 120px; left: 155px; background: transparent url('gfx/icons/newstar-braun.gif') no-repeat scroll 0 60%; padding-left: 15px; color: #FF0062; font-size: 0.9em; line-height: 1em; }
.dashboard-class-small .strongavatar {width:60px;}
.dashboard-class-small .top-avatars { width: 60px; height: auto; /*padding-bottom: 8px; */position: absolute; left: 10px; top: 10px; }


}
@media screen {
  
.my-classes .dashboard-class-small .info { width: 200px;}
.my-classes .dashboard-class-small .info p { margin-bottom: 0; }

}
@media screen {
  /* end dashboard class */
#projects {width:420px;display:block;position: relative;left: 20px; top: 20px; }
#content #projects h2 { left: 0; }
#projects h2 a { font-weight: bolder; }
#projects h2 span { font-size: 0.5em; color: #000000; font-weight: normal; }
#projects .inner {  background-color: #F8F8F8; border-bottom:1px solid #D8D8D8; padding-top:1px;}
#projects .inner h3 {padding: 5px 0 5px 25px; }
#projects .inner .nos { padding: 10px; }
#projects .inner h3.my-proj {padding-left: 25px;}
#projects .inner h3.other.proj {padding-left: 25px;}
#projects .inner .one-project { margin: auto;border-top:1px solid #D8D8D8;}
#projects .inner .white-line {border-top:1px solid #fff; padding: 5px 10px 0 10px; }
#projects .inner .one-project h3 a { color: #006699!important; text-decoration: underline; display: inline; font-size: 0.9em; margin-right: 5px;}
#projects .inner .one-project h3 em { color: #FF0061; font-size: 0.625em; white-space: nowrap; }
#projects .inner .one-project h3 span { color: #666666; font-size: 0.8em;  font-weight: normal; vertical-align:middle;}
#projects .inner .one-project p { color: #666666; text-align: left;  font-size: 0.8em; }
#projects .inner .one-project p span.black {color:#000000; }
#projects .inner .one-project a.edit {float:right; font-size:0.7em; color:#006699;font-weight:bold;margin-top:10px;margin-bottom:5px;}
#projects .bottom-links .create-project-link {display:inline-block;height:1.5em;padding:3px 1em;}
#projects .inner span.avatar{display:block;width:44px;height:auto;padding:4px; float: left; margin-right: 10px;}
#projects .inner span.avatar span{display:block;width:43px;height:auto;margin:0 1px;padding:2px 0;}
#projects .inner span.avatar span img{display:block;margin:0 1px;overflow:hidden;}
#projects .inner span.avatar span.norm {background:#FFF;}
#projects .inner span.avatar span.market {background:#FF6600;}
#projects .inner span.avatar span.shared {background:#00C100;}
#projects .inner span.avatar span.autosave-thumbnail {  height: 64px;top: 86px;}
#projects .inner .one-project-small span.avatar span.autosave-thumbnail { top:80px; background: url("../images/autosaved_glog_84x43.png") no-repeat scroll -2px 0 transparent !important; height:43px; width:79px!important;}
#projects .minimenu { width: 420px; height: 50px;  }
#projects .minimenu#basic { border-bottom: 1px #E8E8E8 solid;  }
#projects .minimenu .col1 .midbut a { font-size: 0.9em; font-family: verdana; }
#projects .minimenu .col1 { float: left; margin: 10px 0 0 5px; }
#projects .minimenu .col2 { float: right; margin: 10px 5px 0 0; text-align: center;  }

}
@media screen {
  
.fl-left { float: left; width: 430px; margin-top: -40px; }
.edu-dash { margin-top:40px;}
.f-r-b { float: right; padding-right: 15px; color: #999999; line-height: 30px; }
.none { display: none; }
.profile-edit #footer-leaderboard { display: none; }
.profile-dashboard #number-of-friends { float: right; padding-top: 5px; font-weight: bold; }
#projects .bottom-links { margin-top: 10px; height: 17px; }
#projects .bottom-links span.show-all, .classmates-glogs span.show-all { float: right; text-align: right; margin-bottom: 0; font-size: 0.9em; }
#projects .bottom-links { margin-bottom:10px; }
#projects .bottom-links strong { float: right; width: 180px; font-weight: normal; text-align: right; }
#create-projects { margin: 20px;}
#create-projects h2 { font-size: 1.1em; line-height: 1.5em; left: 0!important; margin-top: 20px; }
#create-projects p.but  { margin-top: 20px;}

}
@media screen {
  
#edu-projects-form { margin:20px 0 0 0; width: 630px; }
#edu-projects-form label { vertical-align: top; display: inline-block; width: 140px; text-align: right; }
#edu-projects-form input { width: 350px; margin-left: 10px; color: #000000; }
#edu-projects-form input#country { margin-left: 5px; }
#edu-projects-form textarea { width: 350px; height: 110px; margin-left: 10px; color: #000000; }
#edu-projects-form p { font-size: 1em; line-height: 2em; margin: 0 0 0 20px; color: #83838D; }
#edu-projects-form p em { margin-left: 150px; font-size: 0.7em; font-weight: normal; }
#edu-projects-form input#project_name { background-color:#F6F6FF; font-size: 1.15em; padding: 0; height: 21px; margin-bottom: 10px;  }
#edu-projects-form h2 { left: 15px!important;}

}
@media screen {
  
.assign-project p { font-size: 0.9em; line-height: 1.5em; }

}
@media screen {
  
.tip p { line-height: 2.5em; font-size: 0.9em; }
.tip img { margin: 5px 10px 0 10px; float: left;}
.tip span.left, .tip span.right { width: 10px; height: 46px; display: block; position: absolute; top: 0; }

}
@media screen {
  
#selectclass { margin: 20px 0 0 0; padding: 5px 5px 10px 5px; }

}
@media screen {
  
.set-glog { margin: 20px 0 0 0; }
.set-glog .od p { margin: 0 0 0 40px;  }
.glog-ok { float: right; width: 215px; height: 314px; background: #F7F7F7 url('gfx/bg-template-glog.jpg') no-repeat scroll left top; display: block; margin-right: 20px; position: relative; }
.glog-ok strong, .glog-ok span { position: absolute; width: 195px; text-align: center; top: 230px; color: #006699; margin: 0 10px; height: 68px; overflow-y: hidden; }
.glog-ok img { margin: 37px 0 0 45px; max-height:183px; max-width:135px; }
.all-glog-set { float: left; width: 622px; overflow-x: scroll; margin: 15px 0 0 40px; height: 250px; }
.all-glog-set .uno-glogs strong { font-size: 0.8em; height: 30px; display: block; overflow: hidden; padding: 0 10px; color: #006699; vertical-align: bottom; }
.all-glog-set .uno-glogs { width: 150px; margin: 0 5px; float: left; position:relative; }
.all-glog-set .uno-glogs img { max-height:183px; max-width:135px;}
#selected_glog_preview .autosave-thumbnail { right: -35px;top: 90px !important;}
#ass span.midbut { margin-top: 20px; }

}
@media screen {
  /*boxy */
#ass { position: relative; margin-top: 20px; }
.bxox-uno, #ass .bxox-dos, #ass .bxox-tres { width: 400px; height: 330px; border: 1px #DEDEDE solid; background-color: #ffffff; position: relative; }
.bxox-uno, .bxox-dos { float: left;  margin-top: 30px; left: 20px; position: relative; }
.bxox-tres { float: right; margin: 50px 20px 0 0; }
.bxox-uno h3, #ass .bxox-dos h3 { position: absolute; top: -20px; font-size: 1em; }
.bxox-four {font-weight: bold; padding-left: 20px; padding-top:10px;}
#okclass { margin-top: 245px; }
.bxox-uno .head, .bxox-dos .head, .bxox-tres .head { border-bottom: 1px #DEDEDE solid; display: block; height: 29px; width: 400px; line-height: 29px; position: relative;  }
.bxox-uno .head span, .bxox-dos .head span, .bxox-tres .head span { color: #006699; font-weight: bold; margin-left: 15px; display: inline-block; width: 277px; height: 29px; line-height: 29px; overflow: hidden; }
.bxox-uno .head a, .bxox-dos .head a, .bxox-tres .head a { color: #006699; font-weight: bold; float: right; position: absolute; right: 15px; top: 0;  }
.bxox-uno .head { background: #ffffff url('gfx/head-projects-box.jpg') repeat-x scroll left top; }
.bxox-dos .head { background: #ffffff url('gfx/head-projects-box.jpg') repeat-x scroll left top; }
.bxox-tres .head { background: #ffffff url('gfx/head-in-projects-box.jpg') repeat-x scroll left top; color: #ffffff; }
.bxox-uno .user-dat, .bxox-dos .user-dat, .bxox-tres .user-dat { overflow-y: scroll; overflow-x: hidden; height: 300px; display: block; font-size: 0.9em; }
.bxox-uno .user-dat label, .bxox-dos .user-dat label, .bxox-tres .user-dat label {  line-height: 25px; border-bottom: 1px #DEDEDE solid; display: block; padding-left: 10px; position: relative; width: 373px; }
.bxox-uno .user-dat label strong, .bxox-dos .user-dat label strong, .bxox-tres .user-dat label strong { text-decoration: none; }
.bxox-uno .user-dat a, .bxox-dos .user-dat a, .bxox-tres .user-dat ul li a {  line-height: 25px; color: #006699; font-weight: bold; text-decoration: none; font-size: 0.8em; }
.bxox-uno .user-dat a:hover, .bxox-dos .user-dat a:hover, .bxox-tres .user-dat ul li a:hover {  color: #006699; font-weight: bold; text-decoration: underline; }
.bxox-uno .user-dat img, .bxox-dos .user-dat img, .bxox-tres .user-dat img { float: left; margin: 5px; }
.bxox-uno .user-dat div { font-size: 1em; line-height: 2em; display: block; margin: 2px 0 2px 0; clear: both; }
.bxox-uno #dont_choose_class {position:absolute; left:435px; top:-2px; width:400px; height:30px; background:#c3c3c3; color:#fff; font-weight:bold; padding:10px 0px 10px 30px; font-size:16px;}

}
@media screen {
  
ul.peop { right: 0; margin: 0; }
ul.peop li { line-height: 25px; height: 25px; list-style-position: outside; list-style-type: none; border-bottom: 1px #DEDEDE solid; display: block; position: relative; padding-left: 5px; }
ul.peop a {  text-decoration: none; }
ul.peop a:hover {  color: #006699; font-weight: bold; text-decoration: underline; }
#send-mesage { width: 626px; margin-top: 30px; }
#send-mesage h2 { margin-top: 0; }
#send-mesage span.top, #send-mesage span.bottom { display: block; width: 626px; height: 20px; position: absolute; }
#send-mesage span.top { background: #ffffff url('gfx/silver-top-all.jpg') no-repeat scroll left top; top: 0;  }
#send-mesage span.bottom { background: #ffffff url('gfx/silver-bottom-all.jpg') no-repeat scroll left top; bottom: 0;  }
#send-mesage textarea { width: 580px; height: 80px; }
#send-mesage label  { font-size: 0.9em; line-height: 1.1em;  }
#send-mesage em { font-size: 0.7em; line-height: 0.9em; font-weight: normal; color: #83838D; }
#send-mesage .prech { background: #ffffff url('gfx/silver-repet-all.jpg') repeat-x scroll 0 bottom; width: 622px; margin-left: 1px; padding-bottom: 20px; border-left: 1px #e7e7e7 solid;  border-right: 1px #e7e7e7 solid;   }
#send-mesage .prech .od { margin: 0 20px;  }
#send-mesage .prech .od p { padding: 5px 0; }
#panel-silver {background:url('gfx/panel-bg-silver.gif') 0 0 no-repeat #F5F5F5; width:920px;height:147px;position:relative;left:20px;color:#333;top:50px;overflow: hidden;margin-bottom:50px;}
#panel-silver .user { width: 570px; height:147px; float: left; }

}
@media screen {
  
#panel-silver span.city { margin-top: 5px; width: 435px; height: 17px; overflow: hidden; display: inline-block; }
#panel-silver h2 { left: 135px!important; width: 430px; overflow: hidden;top: 20px; height: 30px; }
#panel-silver p.info { position: relative; left: 135px; top: 25px; width: 445px;  }
#panel-silver p.info .city a { color: #006699; text-decoration: none; font-weight: bold; }
#panel-silver p.info .classmates a, #panel-silver p.info .glogs a, #panel-silver p.info .projects a { color: #000000; }
#panel-silver p.info .classmates a:hover, #panel-silver p.info .glogs a:hover, #panel-silver p.info .projects a:hover { text-decoration: none; }
#panel-silver .classmates, #panel-silver .glogs, #panel-silver .projects { float: left; padding-left: 15px; padding-right: 15px; height: 27px; display: inline-block;  line-height: 27px; margin-top: 15px; }
#panel-silver span.classmates { padding-left: 0; }
#panel-silver span.glogs { background:transparent url('gfx/full-edu-border.gif') repeat-y scroll 0 0;}
#panel-silver span.projects { background:transparent url('gfx/full-edu-border.gif') repeat-y scroll 0 0;}
#panel-silver .teacher { width: 340px; float: right; margin: 20px 0 0 0; background:transparent url('gfx/full-edu-border.gif') repeat-y scroll 0 0; padding-left: 10px; height: 100px; position: relative; display:block!important; }
#panel-silver .teacher .teacherclassmenu { text-align: right; font-weight: bold; font-size: 11px; position: absolute; bottom: -10px; right: 10px; }
#panel-silver .teacher .teacherclassmenu a { color:#666666; text-decoration: underline; float: left; margin: 0 10px;   }
#panel-silver .teacher .teacherclassmenu a:hover { text-decoration: none; }
#panel-silver .teacher .teacherclassmenu a .icos { margin-right: 8px; }

}
@media screen {
  
#panel-silver .user .avatar-shadow { width: 115px; height: auto; /*padding-bottom: 8px; */position:absolute ; left: 8px; top: 8px; }

}
@media screen {
  
#mesage, #delete-class {display: none;}
.mesage-in h2 { margin-top: 10px; width: 530px; overflow: hidden; height: 30px; line-height: 30px; }
.mesage-in h2 span { color: #000000; }
.mesage-in img { float: left; margin-left: 20px;}
.mesage-in textarea { width: 585px; margin-top: 20px; }
.mesage-in .but-thix { float: right; }
#clsass-all, .projects-all-content { margin: 0px 20px 50px 20px; }
#clsass-all .col-left { float: left; width: 490px; }
#clsass-all .col-right { float: right; width: 390px;}
#clsass-all .col-right #my-friends .pane .items div { float: left; width: 149px; margin:4px 5px; }
.col-right #my-friends { float: left; }
#projects-detail h1,
#projects-detail h2,
#clsass-all .col-left h2,
#clsass-all .col-right h2 { left: 0!important; margin-top: 20px; padding-left: 0; }
#clsass-all .col-left .projects-edit { border-bottom: 1px #D0D0D2 solid; padding-bottom: 10px;  margin: 20px 0 0 0; min-height: 50px;  }
#clsass-all .col-left .projects-edit p { line-height: 27px;  }
#clsass-all .col-left .projects-edit .large { float: left; margin: 0 5px; position: relative; }
#clsass-all .col-left .projects-edit .large h3 { font-family: Arial, Tahoma, sans-serif; margin-bottom: 5px; width: 234px; height: 20px; overflow: hidden; font-weight: bold; font-size: 1.2em; }
#clsass-all .col-left .projects-edit .large h3 a { color: #006699; text-decoration: underline; }
#clsass-all .col-left .projects-edit .large p.thumb { height: 368px; width: 234px; }
#clsass-all .col-left .projects-edit .large p.thumb img { max-width:235px; max-height:318px;}
#clsass-all .col-left .projects-edit .large p.username { position: absolute; top: 340px; left: 5px; color: #999999; }
.projects-edit p.bottom-links { text-align: right; font-size: 0.9em; }

}
@media screen {
  
#clsass-all .col-left .projects-edit .midbut {float: right;}
#clsass-all .col-left .projects-edit .midbut a { font-size: 0.9em; font-weight: bold; text-transform: uppercase;  }
#clsass-all .col-left .classmates-glogs { border-bottom: 1px #D0D0D2 solid; margin: 20px 0 0 0; padding-bottom: 30px;  }
#clsass-all .col-left .classmates-glogs .cat .item h2 { margin-top: 0!important; line-height: 0.5em; width: 133px; height: 17px; overflow: hidden;  }
#clsass-all .col-left .classmates-glogs .cat .item h2 a { font-size: 0.5em; width: 135px; overflow: hidden; height: 0.5em;  }
#clsass-all .col-left .classmates-glogs p.username { font-size: 0.9em; overflow: hidden; height: 1.2em; }

}
@media screen {
  
#clsass-all .col-left .coment textarea { width: 480px; height: 100px; display: inline-block; margin-top: 20px; }

}
@media screen {
  
#clsass-all .col-right .class-description { padding-top: 15px; margin-top: 10px; overflow:hidden; }
#clsass-all .col-right .teacher { display: block; position: relative; border-top: 1px #D0D0D2 solid; padding-top: 20px;  margin-top: 10px;  }
#clsass-all .col-right .teacher span.avatar { top: 10px; }
#clsass-all .col-right .teacher p { margin-left: 65px; color: #999999; font-size: 0.9em; }
#clsass-all .col-right .teacher p a { font-size: 1.2em; text-decoration: underline; color: #006699; font-weight: bold; padding-top: 5px; }
#clsass-all .col-right .teacher p a:hover { text-decoration: none; }
#clsass-all .col-right .users-list { margin-top: 30px; }
#clsass-all .col-right .users-list { right: 0;  width: 345px; }
#clsass-all .col-right .users-list .tabs { margin-bottom: -1px; margin-left: -1px;  }
#clsass-all .col-right .users-list .tabs li.first a { color: #ff0066; background: #E7E7E7 url('gfx/tab-edu-frend.gif') no-repeat scroll 0 0; width: 211px; height: 46px; font-weight: bold; font-size: 1.6em; }
#clsass-all .col-right .users-list .pane { background: none; border: 1px #e0e0e0 solid; }
.pane .none-student-class { font-size: 0.8em; margin-top: 20px; }
#classmates { margin-right: 10px; &margin-right: 25px; }
#allstudents { margin-right: 10px; &margin-right: 25px; }
#classmates .row, #allstudents .row { line-height: 25px; height: 25px; border-bottom: 1px #DEDEDE solid; display: block; padding-left: 10px; background-color: #ffffff; float: left; display: block; width: 100%; }

}
@media screen {
  
#classmates .row.other .profile_link, #allstudents .row.other .profile_link { padding-left: 25px; background: transparent url('bfw/share.png') no-repeat scroll 0 50%;  display: block; overflow: hidden; width: 260px; }
#classmates .row .name, #allstudents .row .name {float: left; display: block; color: #069; font-weight: bold; text-decoration: none; font-size: 0.8em;}
#classmates .row strong,#allstudents .row strong { text-decoration: none; }
#classmates .row a.profile_link,#allstudents .row a.profile_link {  line-height: 25px; float: left; margin-right: 5px; color: #006699; font-weight: bold; text-decoration: none; font-size: 0.8em; position: static; right: 0; left: 0; }
#classmates .row a.control_link,#allstudents .row a.control_link { display: block; line-height: 25px; float: right; margin-right: 5px; color: #006699; font-weight: bold; text-decoration: none; font-size: 0.8em;}

}
@media screen {
  
.assign-student #classmates .row a.profile_link,.assign-student #allstudents .row a.profile_link,.assign-student #classmates .row a.control_link,.assign-student #allstudents    .row a.control_link { &margin-top: -25px; }

}
@media screen {
  
#classmates .row a:hover,#allstudents .row a:hover {  color: #006699; font-weight: bold; text-decoration: underline; }
#classmates .row img,#allstudents .row img { float: left; margin: 5px; }
#assing { float: right;  margin-right: 40px; }
#ass { margin: 25px 20px 20px 20px; padding: 20px 0; }
#ass .bxox-uno { margin-top: 0!important;  }
.sip-right { position: absolute; display: block; background: #f7f7f7 url('/images/sipka-left.jpg') no-repeat scroll 0 0; width: 34px; height: 35px; top: 170px; left: 444px; }
.sipa-right { position: absolute; display: block; background: #f7f7f7 url('/images/sipka-left.jpg') no-repeat scroll 0 0; width: 34px; height: 35px; top: 220px; left: 444px; }
#ok-class {top: 410px;}
.top-tex { margin-left: 15px; font-size: 1.4em;  }
.rate-it { background-color: #f2fcff; width: 532px; border: 1px #CFE9FE solid; margin-top: 20px; overflow: hidden; word-wrap: break-word; }
.rate-it h2 { padding: 10px  0 0 0!important;}
.rate-it form { margin: 0 18px;}
.rate-it label { display: block; margin-top: 10px;}
.rate-it input { display: block; width: 494px; }
.rate-it textarea { display: block; width: 494px; }
.rate-it p.but { float: right; margin: 15px 0;}
#student.rate-it p { margin: 10px 15px 10px 15px;  }

}
@media screen {
  
span.shown-all { float: right; margin: 10px 10px 10px 0; font-size: 0.9em; color: #999999; }
span.delete-teacher { float: right; font-size: 0.9em; position: absolute; bottom: 0; right: 10px; font-weight: bold; }
span.delete-teacher a { color: #909090; }
.left15 { margin-left: 25px; }
#edu-all-class .dashboard-class { float: left; margin: 5px 8px 5px 2px; _margin: 1px; }
#edu-all-class .prestok { position: relative; left: 5px; width: 932px; top: 15px; }
#edu-all-class #sort-options.profile #search, #projects-detail #sort-options.profile #search { left: 295px;}
.perexing .cat { float: left; width: 290px; }
.perexing .data { float: right; width: 630px; overflow-x: hidden; }
.perexing .data h2 { color: #000000; }
.perexing .data p { float: left; width: 515px; margin-top: 10px; }
.perexing .data p.teacher a { color: #006699; font-weight: bold; font-size: 1.1em; }
.perexing .data p.teacher a:hover { color: #005680; }
.perexing .data p.unos { width: 110px; color: #5d5d5d; }
.perexing .data p span.midbut{ margin-top: 10px; }
.perexing .cat .item.large { margin: 0; }

}
@media screen {
  
#fom-reminder-all, #fom-reminder { display: none; }
#all-glog-projec .item { width: 293px; height: 273px; display: block; float: left; margin: 5px 0 5px 11px; position: relative; background: #ffffff url('gfx/bg-view-project-blog.jpg') no-repeat scroll 0 0; }
#all-glog-projec .item .top { position: relative; height: 68px; margin-top: 8px; }
#all-glog-projec .item .top a.name { color: #006699; width: 224px; height: 17px; overflow: hidden; display: block; }
#all-glog-projec .item .top strong { color: #000000!important; width: 200px; height: 20px; overflow: hidden; display: block;  }
#all-glog-projec .item .top strong a { color: #000000!important; line-height: 1.6em; }
#all-glog-projec .item .data { height: 193px; position: relative; }
#all-glog-projec .item .data .glo { float: left; width: 153px; text-align: center; height: 193px; }
#all-glog-projec .item .data .glo a{display:block; height:190px;}
#all-glog-projec .item .data .glo a img{    max-height: 183px;max-width: 136px;}
#all-glog-projec .item .data .score { float: right; width: 118px; margin-right: 5px; height: 144px; overflow: hidden; background: transparent url('gfx/edu/score-up.png') no-repeat scroll 0 0; text-align: center; position: relative; }
#all-glog-projec .item .data .score p { background-color: #FFE8F1; color: #E8005C; font-weight: bold; margin: 5px 0 0 0; padding: 0 5px 0 5px; min-height: 55px; }
#all-glog-projec .item .data .score span { margin: 0; display: block; background: transparent url('gfx/edu/score-down.png') no-repeat scroll 0 bottom; height: 5px;  }
#all-glog-projec .item p.mesage { position: absolute; bottom: 10px; right: 13px;  font-size: 0.7em; font-weight: bold; width:110px;}
#all-glog-projec .item p.mesage a { color: #006699;  display: inline-block; height: 15px; line-height: 15px; }
#all-glog-projec .item p.mesage a:hover { text-decoration: none; }
#all-glog-projec .item p.mesage a { float: left; display: inline-block; }
#all-glog-projec .item p.mesage a .icos { float: right; margin-left: 5px; =position: relative; =top: -15px; vertical-align:middle;}
.classmates-glogs .cat .item .status-1,
#all-glog-projec .item .data .glo .status-1,
#all-glog-projec .item .data .glo .status-2,
#all-glog-projec .item .data .glo .status-3 { width: 135px; position: relative; top: -19px; height: 16px; margin: 0 auto; color: #ffffff; font-weight: bold; font-size: 0.8em;  }
#all-glog-projec .item .data .glo .status-1 { background-color: #00cc00; }
#all-glog-projec .item .data .glo .status-2 { background-color: #ff9900; }
#all-glog-projec .item .data .glo .status-3 { background-color: #ff3300; }
#all-glog-projec h3 { font-family: arial; font-size: 16px; margin: 20px 0 10px 0; }

}
@media screen {
  
.classmates-glogs .cat .item .status-4,
.classmates-glogs .cat .item .status-5,
.classmates-glogs .cat .item .status-6 { width: 135px; position: absolute; top: 207px; height: 16px; margin: 0 auto; color: #ffffff; font-weight: bold; font-size: 0.8em; text-align: center;  }
.classmates-glogs .cat .item .status-4 { background-color: #00cc00; }
.classmates-glogs .cat .item .status-5 { background-color: #ff9900; }
.classmates-glogs .cat .item .status-6 { background-color: #ff3300; }

}
@media screen {
  
#moreglogs .item { position: relative; }
#moreglogs .item span.status {width: 183px; position: absolute; top: 220px; height: 16px; margin: 0 auto; color: #ffffff; font-weight: bold; font-size: 0.75em; text-align: center; padding-top: 2px; left: 0;}
#moreglogs .item .inside { height: 25px; }
ul.my-glogs li .public, #moreglogs p.large-item span.public, #moreglogs .item span.public {background-color: #00cc00;}
ul.my-glogs li .finished, #moreglogs p.large-item span.finished, #moreglogs .item span.finished {background-color: #ff9900; }
ul.my-glogs li .unfinished, #moreglogs p.large-item span.unfinished, #moreglogs .item span.unfinished {background-color: #ff3300;}

}
@media screen {
  
#moreglogs p.large-item span.status {width: 234px; position: absolute; top: 324px; height: 16px; left: 0; color: #ffffff; font-weight: bold; font-size: 0.75em; text-align: center; padding-top: 2px;}
#moreglogs p.large-item { position: relative; background: transparent url('gfx/bg-gradient.gif') repeat-x scroll 0 341px; height: 390px; }

}
@media screen {
  
.userglogs#moreglogs .item { min-height: 300px; }
ul.my-glogs li .status { color: #FFFFFF;font-size: 0.75em;font-weight: bold;height: 16px;left: 0;padding-top: 2px;position: absolute;text-align: center;top: 167px;width: 184px; }

}
@media screen {
  
.top span.avatar{display:block;width:54px;height:auto;padding:1px 0;overflow:hidden;float:left;position:relative;left:8px;margin:0 14px 0 0;}
.top span.avatar span{display:block;width:52px;height:auto;margin:0 1px;padding:2px 0;}
.top span.avatar span img{display:block;width:48px;height:48px;margin:0 2px;overflow:hidden;text-align:center;font-size:80%;}
.peojects-all #projects { width: 940px; left:5px;}
.peojects-all #projects .inner { background-color: transparent; border:0px; border-bottom:0px; padding-top:0px;}
.peojects-all #projects .inner .one-project { margin: 10px 10px 0 0; float: left; width: 420px;border:0px; height:197px; padding:8px;background: transparent url('gfx/bg-project.png') no-repeat scroll -1px -1px;border: 1px solid #E0E0E0; border-radius:10px; }
.peojects-all #projects .inner .one-project h3 {overflow:hidden; height:20px; width:248px; white-space:nowrap;padding:5px 0 5px 5px; font-size:18px; font-family: Arial;}
.peojects-all #projects .inner .one-project h3 em { background: transparent url('gfx/icons/newstar.gif') no-repeat scroll 0 60%; }
.peojects-all #projects .inner .one-project h3 a:hover{text-decoration:none;}
.peojects-all #projects .inner .one-project span.avatar span {width:140px;}
.peojects-all #projects .inner .one-project span.avatar span img {max-width:138px; max-height:185px;}
.peojects-all #projects .inner .one-project span.avatar {width:142px;}
.peojects-all #projects .inner .one-project table {width:257px;}
.peojects-all #projects .inner .one-project th {text-align:right; font-size:14px; font-family:Arial;padding-top:5px; color:#333333;}
.peojects-all #projects .inner .one-project td {padding-top:5px;color:#666666; font-weight:normal;font-size:12px;font-family:Verdana; }
.peojects-all #projects .inner .one-project td em {color:#FF0061; font-size:11px; white-space:nowrap; font-style:normal; font-weight:bold; font-family:Arial;}
.peojects-all #projects .inner .one-project #button_projects {margin-top:60px;  font-weight:bold; font-size:12px;}
.peojects-all #allfclassadd { font-weight:bold; }

}
@media screen {
  
.peojects-all #projects .inner .one-project-small { margin: 10px 5px 0 0; float: left; width: 287px;border:0px; height:194px; padding:8px;background: transparent url('gfx/bg-project-small.png') no-repeat scroll 0 0; }
.peojects-all #projects .inner .one-project-small h3 {padding:0 0 5px 5px; overflow:hidden; height:20px;  width:273px; white-space:nowrap;  font-family: Arial;}
.peojects-all #projects .inner .one-project-small h3 a{font-size:14px; color:#006699;  font-family: Arial;}
.peojects-all #projects .inner .one-project-small h3 a:hover{text-decoration:none;}
.peojects-all #projects .inner .one-project-small span.avatar span {width:82px;}
.peojects-all #projects .inner .one-project-small span.avatar span img {max-width:79px; max-height:108px;}
.peojects-all #projects .inner .one-project-small span.avatar span a {width:79px; height:108px;}
.peojects-all #projects .inner .one-project-small span.avatar {width:83px;}
.peojects-all #projects .inner .one-project-small table {width:185px;}
.peojects-all #projects .inner .one-project-small th {text-align:right; font-size:12px; font-family:Arial;padding-top:5px; color:#333333;}
.peojects-all #projects .inner .one-project-small td {padding-top:5px;color:#666666; font-weight:normal;font-size:12px;font-family:Verdana; }
.peojects-all #projects .inner .one-project-small td em {color:#FF0061; font-size:11px; white-space:nowrap; font-style:normal; font-weight:bold; font-family:Arial;}
.peojects-all #projects .inner .one-project-small #button_projects {margin-top:10px; font-family:Arial; font-weight:bold; }

}
@media screen {
  
br.clear-edu{width:900px;height:1px;line-height:1px;clear:both; margin-bottom: -1px;}
.reminder-in, .reminder-all-in { width: 595px; overflow: hidden; &width: 590px; }
.reminder-in h2, .reminder-all-in h2 { color: #FF0066; margin: 20px 0 10px 0; font-size: 18px;  }
.reminder-in h2 span { color: #000000; }
.reminder-in form textarea, .reminder-all-in form textarea { width: 585px; height: 120px; &width: 580px; }

}
@media screen {
  
#center-box { text-align: center; width: 315px!important; }
#center-box span.midbut { margin-left: 70px; }

}
@media screen {
  
#data-glog { margin-top: 20px;}
#data-glog .glogpreviewdoss { margin: 0 9px 20px 9px; }
.classmates-glogs .cat .glogpreviewdoss { margin: 0 14px 20px 14px; }

}
@media screen {
  
#glogs-alert h1 { left: 0; padding-left: 0; margin-bottom:20px; }
#glogs-alert .back-to-dashboard { top: 30px; }
#glogs-alert .userglogs#moreglogs { left: 0px; }
#glogs-alert .userglogs#moreglogs .item{left:24px;}
#glogs-alert .userglogs#moreglogs .item .status{top:202px;}
#glogs-alert .userglogs#moreglogs .scr a { display: table-cell;height: 180px;text-align: center;vertical-align: bottom;width: 184px; }
#glogs-alert .userglogs#moreglogs .scr a img { max-height:180px;}
.large-item span.username {font-size:80%;left:4px;position:absolute;top:346px;}
.large-item span.username a:active, #glogs-alert span.username a:hover, #glogs-alert span.username a:link, #glogs-alert span.username a {color:#005680;}

}
@media screen {
  
.edu-col2 form p #name { font-size: 1.15em; padding: 0; height: 21px; }
.edu-col2 form .your-inter textarea { height: 60px; }
p.fcd { text-align: center; }

}
@media screen {
  
#glog-alerts h2 { padding-top: 20px!important; }
p.cenondas { text-align: center; margin: 10px 0!important; }

}
@media screen {
  
#projects-detail h2 { margin-bottom: 15px; }

}
@media screen {
  
#home-perex { width: 100%; background: #e5e5e5 url('gfx/silver-hp.jpg') repeat-x scroll 0 0; padding: 40px 0; }
#home-perex .whats { width: 960px; margin: 0 auto; }
#home-perex .whats .boxh { float: left; width: 240px; background: transparent url('gfx/bg-a-footer-home.jpg') repeat-y scroll 0 0; height: 180px;  }
#home-perex .whats .boxh .last { background: transparent url('gfx/bg-a-footer-home.jpg') repeat-y scroll 100% 0; height: 180px; }
#home-perex .whats .boxh h2 { text-align: left; display: block; margin-left: 20px; font-size: 1.25em; line-height: 1.2em; font-weight: bold; margin-bottom: 10px; }
#home-perex .whats p { text-align: left; margin: 0 20px; color: #666666; font-size: 0.8em; line-height: 1.4em; }
#home-perex .whats p a  { color: #666666; text-decoration: underline; }
#home-perex .whats p a:hover { color: #000000; text-decoration: none; }
#home-perex .whats .text { width: 480px; float: left; }
#home-perex .whats .text h2 { text-align: left; display: block; margin-left: 20px; font-size: 1.1em; line-height: 1.1em; font-weight: bold; margin-top: 35px; margin-bottom: 10px; }
#home-perex .whats .banner { float: right; width: 470px; margin-top: 60px; }
#home-perex .whats .banner .in { width: 300px; margin: 0 auto; }

}
@media screen {
  
#survey { margin: 50px  0 0 50px;}

}
@media screen {
  
#ambassador .bottom { width: 930px; margin-left: 30px; }
#ambassador .bottom .left {float: left; width: 540px; font-size: 0.9em; line-height: 1.1em; }
#ambassador .bottom .left p { margin-top: 30px; }
#ambassador .bottom .left ul li { list-style-type: none; list-style-position: inside; list-style-image: none; background: transparent url('gfx/ambassador/bg-li.jpg') no-repeat scroll 1px 7px; padding-left: 15px; margin-top: 10px; color: #83838D; }
#ambassador .bottom .left p span { font-weight: bold; color: #FF0063; font-size: 1.4em; line-height: 1.5em; font-family: arial; margin-top: 50px; }
#ambassador .bottom .left p em { line-height: 10em; font-size: 1.5em; font-weight: normal; }
#ambassador .bottom .right {float: right; width: 360px; margin-top: 30px; }

}
@media screen {
  
.profile .promos { margin-bottom: 20px; }

}
@media screen {
  
#version { background: none!important; }

}
@media screen {
  
.schoolteacher .info-product {padding-top:50px;}
.trial-from-ambassador p {padding-top:10px;}

}
@media screen {
  
.silver-box { position: relative; padding: 10px 0; background: transparent url('gfx/box/big-all.jpg') repeat-y scroll 0 0; width: 915px; margin: 0 auto; }
.silver-box span.top, .silver-box span.bottom { display: block; height: 9px; width: 915px; margin: 0; padding: 0; position: absolute; }
.silver-box span.top { background: transparent url('gfx/box/big-top.jpg') no-repeat scroll 0 0; top: 0; }
.silver-box span.bottom { background: transparent url('gfx/box/big-bottom.jpg') no-repeat scroll 0 0; top: 100%; }

}
@media screen {
  
#furute.silver-box { margin-top: 25px; margin-bottom: 50px; }

}
@media screen {
  
.product-information .prom { margin: 20px 0 0 20px; }
.product-information .col2 { width: 630px; margin: 50px 40px 100px 20px; }
.product-information .col2 big { font-size: 2em; float: left; color: #00B455; }
.product-information .col2 h3 { float: left; color: #FF0066; font-size: 1.5em; margin-left: 5px; }
.product-information .col2 span.but { margin: 30px 0 0 27px; }
.product-information .col2 p { margin-left: 25px; }

}
@media screen {
  
#search-glog { width: 195px; position: absolute; top: 0; right: 10px;}
#search-glog span { float: left; position: absolute; top: 11px; }
#search-glog form#class-filter select { width: 150px; position: absolute; top: 8px; right: 0; }

}
@media screen {
  /* obexne sracky */
.profile-dashboard #content .fl-left #admin { margin: 20px; }

}
@media screen {
  
.manager-glog { margin: 0 auto 30px auto; width: 930px; padding-top: 30px;  }
.preinf { margin: 10px 20px 0 20px; font-family: arial; color: #000000; font-weight: bold; }

}
@media screen {
  /* licence */
#glogster-com.licen #content { padding: 0;  }
#licence h1 { padding-top: 20px;  }
#licence h2 { text-align: center; left: 0!important; width: auto!important;  }
#licence span.close-popup { display: none; }
#licence form { width: 480px; margin: 0 auto; }
#licence form p.mood { margin: 50px 0 0 0; font-size: 0.9em; }
#licence form p.mood span { float: left; }
#licence form p.mood input { float: left; margin-left: 10px; width: 120px; }
#licence form button { /*margin: 30px 0 0 15px;*/ }
#licence form p.mood button { margin: 30px 0 0 15px; }

}
@media screen {
  
#licence #loader { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000000;  filter:alpha(opacity=40); -moz-opacity: 0.40; opacity: 0.40; z-index: 1000; text-align:center;}
#licence #loader strong { position: relative; top: 133px; margin: 0 auto; z-index: 100000; color: #ffffff; width: 150px; text-align: center; font-size: 1.6em; display: block;  }

}
@media screen {
  
#licence #loadpage { text-align: center; font-size: 1.1em; }
#licence #loadpage strong.er { color: #ff0066; margin: 50px 0 10px 0; display: block;  }
#licence a.era { margin: 10px 0 0 0; display: block; }
#licence #loadpage strong.dw { margin: 10px 0 5px 0; display: block; }
#licence #loadpage strong.dw span { color: #ff0066; }

}
@media screen {
  
#licence2 { position: relative;  width: 600px; height: 348px; overflow: hidden; display: block; background: transparent url('gfx/corner-x.jpg') repeat-x scroll 0 100%; margin: 0!important; }
#licence2 h1 { display: none; text-align: center; }
#licence2 h2 { position: static; text-align: center; margin: 30px 0 20px 0; }
#licence2 form { width: 350px; margin: 0 auto; }
#licence2 form p.mood input { width: 140px; }
#licence2 span.close-popup { position: absolute; top: 0; right: 0; display: block!important; }
#licence2 span.but { margin-top: 20px;}
.profile-dashboard #TB_ajaxContent #notices { display: none; }
#licence2 #loadpage form p.mood { width: 400px; }
#licence2 #loadpage form p.mood span { float: left; }
#licence2 #loadpage form p.mood input { float: left; margin-left: 10px; width: 130px; }
#licence2 h2 { font-size: 23px!important; line-height: 30px; }

}
@media screen {
  /* invitation thick box */
.canret { width: 150px; float: left; text-align: left; padding: 10px 0 0 20px; line-height: 38px; }
.canret a { text-decoration: underline; color: #333333; font-size: 17px!important; cursor: pointer;  }
.canret a:hover { color: #000000; cursor: pointer; text-decoration: none; }
#activschll { float: left;  margin: 0 0 0 60px; }

}
@media screen {
  /* horni form na produc information */
#edu-premium { border: 0; }
#edu-premium fieldset { border: 0; }
#edu-premium legend { display: none; }
#edu-premium input { float: left; margin-right: 5px; }

}
@media screen {
  
#edu-premium br.clear { width: 200px; }

}
@media screen {
  
#edu-premium input#kol { width: 60px; margin: 0 auto; float: right; border: 1px #7F9DB9 solid;}

}
@media screen {
  
#edu-premium fieldset li em { font-size: 0.7em; float: left; font-weight: bold; }

}
@media screen {
  
#edu-premium fieldset li#newrpmo em { padding-top: 24px; }

}
@media screen {
  
.rows { margin-top: 5px; height: 33px; }
.rows #nolic {  display: none; position: relative; border-top: 1px #666666 dotted; padding-top: 7px;  width: 132px; height: 23px; }
.rows input { margin-top: 5px; }
.rows em { font-size: 11px; font-weight: normal; line-height: 11px; }

}
@media screen {
  
#licenceinfo { margin:0px; width: 100%; }
#licenceinfo table { margin: 0 15px; font-size: 0.8em; border: 0; border-collapse:collapse; width:100%;}
#licenceinfo table tr td { background: transparent url('gfx/edu/border-line.jpg') repeat-x scroll 0 0; padding: 20px 8px; border: 0; }
#licenceinfo table tr.text td { padding:0 5px 5px 5px; background:none;}
#licenceinfo table tr td.adress{padding: 5px 8px 5px 8px;}
#licenceinfo table tr td.adress-frs{padding: 20px 8px 0px 8px;}
#licenceinfo table tr td.uno { background: none!important; }
#licenceinfo table tr td.frs { text-align: right; padding-left: 0!important; width:200px;}
#licenceinfo table tr td a { color: #006699; }
#licenceinfo table tr td.end { padding-right: 0!important; }
#licenceinfo table tr td.end strong { color: #ff0000; }
#licenceinfo .prech { padding-bottom: 0; background: #FFFFFF url('gfx/box-licence-prech.jpg') repeat-x scroll 0 bottom; }
#licenceinfo #utilization { display: inline-block; }
#adminlicense { margin: 20px; padding: 20px; width: 640px; }

}
@media screen {
  
#loading { display: block; text-align: center; padding: 20px; }
#wievalllicen { margin: 0 20px 20px 20px; padding: 20px 0; }

}
@media screen {
  
.header-licen { width: 877px; margin: 0 auto; background-color: #ffffff; border: 1px #DEDEDE solid; }
.header-licen .activation, .header-licen .user, .header-licen .status, .header-licen .delet { float: left; color: #999999; font-family: arial; font-size: 1.2em; font-weight: bold; padding: 10px;  }
.header-licen .activation { width: 160px; }
.header-licen .user { width: 380px; }
.header-licen .status { width: 110px;}

}
@media screen {
  
.pri, .hlas, .added { background-color: #ffffff; width: 877px; margin: 0 auto; line-height: 38px; font-size: 0.9em; border-left: 1px #DEDEDE solid; border-right: 1px #DEDEDE solid; border-bottom: 1px #DEDEDE solid; }
.hlas {height: 38px;}
.pri .number, .hlas .number, .added .number { width: 180px; display: inline-block; text-align: center; border-right: 1px #DEDEDE solid; }
.pri .nick { width: 380px; display: inline-block; border-right: 1px #DEDEDE solid; }
.pri .nick a { color: #006699; }
.pri .stat { width: 110px; display: inline-block; border-right: 1px #DEDEDE solid; text-align: center; }
.added .dell, .pri .dell { text-align: center; text-align: left; line-height: 16px; }
.added .dell em, .pri .dell a, .pri .dell button em { color: #000000; margin: 0 0 0 10px; font-weight: bold; text-decoration: underline; }
.pri .dell button { display: inline-block;  }
.added .dell button { width: 132px; display: inline-block;   }
.pri .dell button em { font-size: 0.9em; }
#licence-codes button.ajaxify.school{width: 110px !important;}

}
@media screen {
  
.hlas a.ajaxify-href { color: #000000; font-weight: bold; margin: 0 5px 0 0; font-size: 0.85em;  }
.hlas p { width: 500px; }
.hlas .text-prom { width: 690px; display: inline-block; border-left: 1px solid #DEDEDE; }
.hlas  span.number { border-right: none!important; width: 180px!important; float: left; }
.hlas .text-prom p span  { line-height: 16px!important; }
.hlas div { float: right; width: 175px; text-align: right; }
.hlas .text-prom p { float: left; line-height: 16px!important; margin: 3px 0 3px 5px;  }

}
@media screen {
  
.added .intput input { width: 200px; }
.added .intput { width: 485px; display: inline-block; margin-right: 5px; }
.added em { margin-left: 5px; font-size: 0.9em; font-weight: normal; }
.added .dell em { margin-left: 18px!important;  }

}
@media screen {
  
.eroor { width: 250px; padding: 5px; display: block; margin: 10px 0 0 20px; background-color: #FF0000; color: #ffffff; font-weight: bold; text-align: center;  }

}
@media screen {
  
#licencion.set-glog { width: 917px; margin: 0 auto; }

}
@media screen {
  
#administrator-choose-form { margin: 20px 20px 0 20px; line-height: 40px;  }
#administrator-choose-form h2 { color: #000000; font-size: 1.2em; display: inline-block; float: left; left: 0!important; }
#administrator-choose-form input { float: left; margin:12px 0 0 10px; width: 200px; }
#administrator-choose-form button { float: left; margin: 8px 0 0 10px; }
#administrator-choose-form strong.vre { clear: left; font-size: 0.7em; font-weight: normal; position: relative; left: 225px; top: -20px; }

}
@media screen {
  
.premium-payment #content { padding-bottom: 30px; }
.premium-payment p.date { margin: 20px 0 30px 20px; }
.premium-payment h2 { color: #000000; font-size: 1.3em; line-height: 2em; left: 20px!important; }

}
@media screen {
  
#edu-projects-form.payment { margin: 0!important; }
#edu-projects-form.payment form { font-size: 0.9em; }
#edu-projects-form.payment form label { width: 180px!important; }
#edu-projects-form.payment form input { height: 20px!important; }
#edu-projects-form.payment form select { margin-left: 5px; width: 355px; }

}
@media screen {
  
#edu-projects-form.payment form p.but { margin: 20px 0 0 206px;  }
#edu-projects-form.payment form p { line-height: 2.5em; }

}
@media screen {
  
#edu-projects-form.payment form .pol { float: right; display: inline-block; height: 48px; line-height: 48px; margin: 10px 100px 0 0;  }
#edu-projects-form.payment form .pol a { color: #006699!important;  }

}
@media screen {
  
#makupni-proces, #or-form-mak-pro { width: 680px; margin-left: 20px; }

}
@media screen {
  
.blue-top { border: 0; width: 920px; margin: 0 auto; }
.blue-top tr th { background: transparent url('gfx/table-top.jpg') repeat-x scroll 0 0; border-top: 1px #DEDEDE solid; border-bottom: 1px #DEDEDE solid; height: 33px; color: #006699; padding: 0 10px; font-size: 0.9em; }
.blue-top tr td { border-bottom: 1px #DEDEDE solid; height: 33px; padding: 0 10px;  }
.blue-top tr.end td { border: none; }

}
@media screen {
  
.blue-top tr td.uno, .blue-top tr th.uno {border-left: 1px #DEDEDE solid; }
.blue-top tr td.doss, .blue-top tr th.doss {border-right: 1px #DEDEDE solid;}

}
@media screen {
  
.pricing { margin-left: 20px; }

}
@media screen {
  
.silver-top-border { width: 925px; margin: 25px auto 20px auto;  border-collapse:collapse; }
.silver-top-border tr th { background-color: #F3F3F3;  border: 1px #DEDEDE solid; height: 33px; color: #000000; padding: 0 10px; font-size: 0.9em; }
.silver-top-border td { border: 1px #DEDEDE solid; padding: 0 10px; height: 33px; font-size: 0.9em;  }

}
@media screen {
  
.silver-top-border-none { width: 925px; margin: 35px auto 20px auto;  border-collapse:collapse; }
.silver-top-border-none tr th { background-color: #F3F3F3;  border: 1px #DEDEDE solid; height: 33px; color: #000000; padding: 0 10px; font-size: 0.9em; }
.silver-top-border-none td { border: 1px #DEDEDE solid; padding: 0 10px; height: 33px; font-size: 0.9em;  }
.silver-top-border-none tr td { border-bottom: 1px #DEDEDE solid; height: 33px; padding: 0 10px;  }
.silver-top-border-none tr.end td { border: none; }
.silver-top-border-none tr td.uno, .silver-top-border-none tr th.uno {border-left: 1px #DEDEDE solid; }
.silver-top-border-none tr td.doss, .silver-top-border-none tr th.doss {border-right: 1px #DEDEDE solid;}

}
@media screen {
  
.head-payment { border-bottom: 1px #DFDFDF solid; width: 920px; margin: 0 auto; margin-bottom: 30px; padding-bottom: 25px; }
.head-payment p { width: 800px; float: left; }
.head-payment p.max { width: 920px; }
.head-payment p.print { float: right; width: 110px; margin-top: 10px; }
.head-payment p.print a { color: #006699; font-weight: bold; font-size: 0.9em; cursor: pointer; text-decoration: underline; }
.head-payment p.print a:hover { text-decoration: none; }
.head-payment p em { font-weight: normal; color: #999999; font-size: 0.7em; margin-top: 20px; display: block; }

}
@media screen {
  
.licence-summary { width: 920px; margin: 0 auto; padding-bottom: 25px; }
.licence-summary .colsuna { float: left; width: 600px;  }
.licence-summary .colsuna p { float: right; text-align: left; width: 450px; font-size: 1em; line-height: 1.4em;  }
.licence-summary .colsuna span { width: 130px; text-align: right; font-weight: bold; display: inline-block;  }
.licence-summary .colsdos { float: right; width: 300px; }

}
@media screen {
  
.licence-note { width:920px; margin:0 auto; }
.licence-note p { clear:both; padding:1em 0 0; }

}
@media screen {
  
.licence-management-back { position: absolute;right: 28px;top: 94px;}
.licence-management-back a { font-size:.9em; font-weight:bold; }

}
@media screen {
  
.silver-top-border#price tr.end td { border: none; }

}
@media screen {
  
.calen { width: 325px; margin: 0 auto;  }
.calen .butuno,
.calen .butdos { margin: 0 20px 0 20px; float: left; }

}
@media screen {
  
form.st-readonly input { color: #969696!important; background-color: #eeeeee; }

}
@media screen {
  
.errmsg { color: red; text-align: center; font-weight: bold; }
#AjaxifyLoading { margin: 0 auto; width: 877px; text-align: center; height: 40px; background-color: #ffffff; }
#licenceinfo #AjaxifyLoading { width: 20px; margin: 0 auto; height: 33px;  display: block; }
#AjaxifyLoading img { margin-top: 5px; }
#full-student-access-form { width: 400px; }
#full-student-access { height: 40px!important; overflow: hidden; width: 500px; }
#administrator-choose { padding: 10px; }
#full-student-access .stat { display: inline-block; top: 13px; top: 20px; position: relative; }
#full-student-access #full-student-access-button { position: relative; left:50px; top: -5px; margin-left:5px; }

}
@media screen {
  
.licence-information #skyscraper { display: none;  }

}
@media screen {
  
.managment-login { margin: 30px 0 0 20px; }
.managment-login form label { width: 50px;}
.managment-login form label, .managment-login form label { display: inline-block; }
.managment-login form p.but { margin: 10px 0 0 45px; }

}
@media screen {
  
.premium-payment .tip { width: 925px; margin: 10px 20px 0 20px;  }
.premium-payment .tip p { margin: 0  15px; }

}
@media screen {
  
.premium-payment .login { width: 925px; margin: 10px 20px 0 20px; }

}
@media screen {
  
.erremsg { width: 600px; padding: 5px; display: block; margin: 20px auto 0 auto; background-color: #FF0000; color: #ffffff; font-weight: bold; text-align: center;  }

}
@media screen {
  
.ul-top-h { left: 35px!important; margin: 0!important; font-size: 1.3em; }
.anchors#mar-top { margin-top: 0!important; padding-top: 0!important; }

}
@media screen {
  
#paypol-here { background: #ffffff url('gfx/box/paypal-now.jpg') no-repeat scroll 0 0; display: block; width: 312px; height: 114px; margin: 0 auto 15px auto; }
#paypol-here p { color: #ff0066; text-align: center; font-size: 1.2em; font-weight: bold; padding-top: 12px; }
#paypol-here form { width: 122px; margin: 12px auto 0 auto; }
#paypol-here form #paypaledunow { margin: 0 0 0 -76px; }

}
@media screen {
  
.login-bu { height: 80px; display: block;  width: 220px; position: absolute; right: 14px; top: 50px; overflow: hidden; font-size: 0.8em; font-family:trebuchet MS; padding: 10px 0 0 10px;  }
.login-bu a { font-weight: bold; text-decoration: underline; float: right; display: inline-block; height: 20px; line-height: 10px; margin: 0px 10px 0 0; }
.login-bu a:hover { text-decoration: none; }
.login-bu .fr-name, .login-bu .ls-name, .login-bu .bu-mail { color: #336699; font-size: 1em; }
.login-bu .fr-name {  font-weight: bold; }
.login-bu .ls-name { font-weight: bold; }
.login-bu .bu-mail { font-weight: normal; font-size: 1em!important; text-decoration: underline; line-height:20px; display:block; overflow:hidden; width:170px; height:20px; }

}
@media screen {
  
.login-bu-in { background: #ffffff url('gfx/box/bu-login.jpg') no-repeat scroll 0 100%;}

}
@media screen {
  
span.close-popupclasa{display:block;width:20px;height:20px;position:absolute;top:-1px;right:-2px;background:url('gfx/buttons/edu_class_close.jpg') 0 0 no-repeat;cursor:pointer;cursor:hand;overflow:hidden;z-index:7;}
span.close-popupclasa a{display:block;width:20px;height:20px;text-indent:-400px;overflow:hidden;position:absolute;top:0;right:0;cursor:pointer;cursor:hand;}

}
@media screen {
  
#futurefullin, #futurefullinprojects { display: none; }
#futurefull { display: block; width: 478px; height: 564px; position: relative; }
#futurefull .inwrap { background-color: #00B756; display: block; width: 506px; height: 574px; position: absolute; left: -15px; right: -15px; top: -2px; bottom: -14px; border: 1px #FF408A solid; }
#futurefull .inwrap .interr { display: block; border: 1px #BFEDD5 solid; height: 572px; background: transparent url('gfx/edu_class_metr.jpg') no-repeat scroll 0 100%; }
#futurefull .inwrap .interr h3 { color: #ffffff; margin-left: 40px; margin-top: 20px; font-size: 1.8em; }
#futurefull .inwrap .interr p { color: #ffffff; margin: 10px 40px; line-height: 1.4em; font-size: 1em; font-family: verdana; }
#klik-dash-d { display: block; width: 114px; height: 211px; position: absolute; left: -80px; top: 225px; background: transparent url('gfx/klik-dash.png') no-repeat scroll 0 0; z-index: 99999; }
#klik-dash-e { display: block; width: 114px; height: 211px; position: absolute; left: -80px; top: 315px; background: transparent url('gfx/klik-dash.png') no-repeat scroll 0 0; z-index: 99999; }
#klik-frei-d { display: block; width: 114px; height: 211px; position: absolute; left: -80px; top: 315px; background: transparent url('gfx/klik-dash.png') no-repeat scroll 0 0; z-index: 99999; }
#klik-dash-p { display: block; width: 114px; height: 211px; position: absolute; left: -80px; top: 280px; background: transparent url('gfx/klik-dash.png') no-repeat scroll 0 0; z-index: 99999; }
#klik-dash-t { display: block; width: 114px; height: 211px; position: absolute; left: -80px; top: 270px; background: transparent url('gfx/klik-dash.png') no-repeat scroll 0 0; z-index: 99999; }

}
@media screen {
  /* presentation */
#futurefullpresentatiin, #futurefullpresentation { display: none; }
#futurefullpresentation { display: block; width: 478px; height: 564px; position: relative; }
#futurefullpresentation .inwrap { background-color: #00B756; display: block; width: 506px; height: 574px; position: absolute; left: -15px; right: -15px; top: -2px; bottom: -14px; border: 1px #FF408A solid; }
#futurefullpresentation .inwrap .interr { display: block; border: 1px #BFEDD5 solid; height: 572px; background: transparent url('gfx/edu_class_metr.jpg') no-repeat scroll 0 100%; }
#futurefullpresentation .inwrap .interr h3 { color: #ffffff; margin-left: 40px; margin-top: 20px; font-size: 1.8em; }
#futurefullpresentation .inwrap .interr p { color: #ffffff; margin: 10px 40px; line-height: 1.4em; font-size: 1em; font-family: verdana; }

}
@media screen {
  
#content h1#top {width:680px; overflow:hidden; }

}
@media screen {
  /* presentation-user */
.presentation-user {background:transparent url('bfw/presentation/presentace-user-bg.png') no-repeat scroll 0 0; width:196px; height:44px; float:right; margin-right:20px; padding: 5px 12px 0 12px;}
.presentation-user p {text-align:right; float:right; color:#999999; font-size:0.8em; line-height:16px; margin-right:10px;padding-top:2px;}
.presentation-user a {color:#006699; font-weight:bold;}
.presentation-user a:hover{text-decoration:none;}
.presentation-user .strongavatar2 {background-color:#F4F4F4;border:1px solid #D8D8D8;display:inline-block;font-size:1px;line-height:1px;width:36px; float:right;}
.presentation-user .strongavatar2 img {margin:2px; vertical-align:middle; width:32px; height:32px;}

}
@media screen {
  /* portfolio */
#futurefullportfolioiin, #futurefullportfolioion { display: none; }
#futurefullportfolioion { display: block; width: 498px; height: 524px; position: relative; }
#futurefullportfolioion .inwrap { background-color: #00B756; display: block; width: 506px; height: 514px; position: absolute; left: -15px; right: -15px; top: -2px; bottom: -14px; border: 1px #FF408A solid; }
#futurefullportfolioion .inwrap .interr { display: block; border: 1px #BFEDD5 solid; height: 530px; background: transparent url('gfx/edu_class_metr.jpg') no-repeat scroll 0 100%; }
#futurefullportfolioion .inwrap .interr h3 { color: #ffffff; margin-left: 40px; margin-top: 20px; font-size: 1.8em; }
#futurefullportfolioion .inwrap .interr p { color: #ffffff; margin: 10px 40px; line-height: 1.4em; font-size: 1em; font-family: verdana; }
#dash-noport{margin-top:5px;}

}
@media screen {
  
.inspira { margin: 0 auto; width: 422px; margin-left: 40px; height:319px;}
.butonto { margin-left: 40px; margin-top: 30px; }

}
@media screen {
  
.inspira#proj { margin: 10px auto 0 auto; width: 422px; margin-left: 40px; height: 208px; }
.inspira#portfolios { margin: 10px auto 0 auto; width: 425px; margin-left: 40px; height: 237px; }

}
@media screen {
  
#futurefull.projk { height: 514px; }
#futurefull.projk .inwrap { height: 524px; }
#futurefull.projk .inwrap .interr { height: 522px;}

}
@media screen {
  
.silver-big-all { background: transparent url('gfx/box/silver-big-all.jpg') repeat-y scroll 0 0; position: relative; padding: 10px 0; width: 908px; margin: 30px auto 0 auto;  }
.silver-big-all span.top { background: transparent url('gfx/box/silver-big-all-top.jpg') no-repeat scroll 0 0; position: absolute; top: 0; left: 0; width: 908px; display: block; height: 10px; }
.silver-big-all span.bottom { background: transparent url('gfx/box/silver-big-all-bottom.jpg') no-repeat scroll 0 0; position: absolute; left: 0; bottom: 0; width: 908px; display: block; height: 10px; }

}
@media screen {
  
.usertype { position: relative; z-index: 5; }
.usertype .olddata { float: left; border-left: 1px #DEDEDE solid; border-bottom: 1px #DEDEDE solid; width: 492px; background-color: #ffffff; margin-left: 10px; height: 50px; font-size: 0.9em; z-index: 10;  display: inline-block; }
.uno .olddata { border-top: 1px #DEDEDE solid; }
.usertype .olddata .pre { color: #999999; margin-left: 20px; width: 120px; display: inline-block; float: left; margin-top: 5px; }
.usertype .olddata .data { float: left; margin-top: 5px; }
.usertype .newnick { height: 50px; line-height: 50px; background: transparent url('gfx/box/user-future.jpg') no-repeat scroll 0 50%; z-index: 15; display: inline-block; }
.usertype .newnick label { font-weight: bold; margin-left: 30px;  }
.usertype .newnick input { border: 1px #7F9DB9 solid; height: 20px; margin-left: 20px; width: 150px; z-index: 30; }

}
@media screen {
  
.usertype span.err-message{ display:block; width:171px; height:51px; position:absolute; top: -38px; left: 549px; _left: -130px; _top:-48px; font-size: 0.7em; z-index: 3; }
.usertype span.err-message em.error{ display:block; width:146px; height:51px; background:url("gfx/error-bubble-4.gif") 0 0 no-repeat; font-weight:bold; color:#ffffff; padding:2px 15px 7px 10px; z-index: 40; font-style: 9px; }

}
@media screen {
  
#change-nicknames-in { display: none; }
#change-nicknames .topink { margin-top: 30px; }

}
@media screen {
  
.new_nick #TB_ajaxContent { height: 150px!important;  }

}
@media screen {
  
#change-nicknames { text-align: center; margin-top: 20px; }

}
@media screen {
  
.changestudentsnick { height: 49px; }
.changestudentsnick p.but { width: 915px; }
.changestudentsnick p.but button { margin: 20px 0 0 712px; }

}
@media screen {
  
.bug-nick-all p.edittext { color: #656565; font-size: 11px!important; padding: 5px 226px 0 0; text-align: right; }
.bug-nick-all-small { display: inline-block; height: 53px; width: 100%; clear: both; }

}
@media screen {
  
.all-friends h1 { padding: 45px 10px 15px 0; margin: 0; line-height: 45px; height: 35px; overflow-y: hidden; }
.partners #posts h2, .partners #side h2 { width: auto!important;  }
#first-login { display: block; width: 412px!important; height: 33px!important; margin-top: 40px; }
#glogs-of-friends #moreglogs p.large-item span.status { top: 325px; }
#glogs-of-friends #moreglogs .item span.status { top: 205px; }
#glogs-of-friends #sort-options { margin-bottom: 30px; }

}
@media screen {
  
#ajax-school p { position: relative; }
#ajax-school p span.err-message{display:block;width:171px;height:51px;position:absolute;top:-50px;left:390px;font-size:80%;line-height:1.2em;}
#ajax-school p span.err-message em.error{display:block;width:146px;height:51px;background:url("gfx/error-bubble.gif") 0 0 no-repeat;font-weight:bold;color:#fff;padding:6px 10px 3px 15px;}

}
@media screen {
  
.bug-paper-skin { display: block; width: 1px; height: 560px; position: relative; }

}
@media screen {
  
body.profile-edit #ajax-school p span.err-message em.error { background: url('gfx/error-bubble-3.gif') no-repeat scroll 0 0 transparent; }
body.profile-edit #ajax-school p span.err-message em.error { width: 125px; }

}
@media screen {
  
#alert-friends-edu { position: relative; display: inline-block; width: auto!important; }
#alert-friends-edu .new-top { color: #FF0066; font-size: 0.9em; font-weight: bold; font-family: verdana; float: left; margin: 4px 0 0 5px; }
.popisek { font-size: 10px; width: 258px; font-weight: normal; color: #5B5B5B; display: block; margin: 0 0 0 53px; height: 50px; line-height: 12px; }

}
@media screen {
  
#editnosave { display: none; }
#editnosavein p { margin: 10px 0; text-align: center; font-size: 1.2em; line-height: 1.3em; }

}
@media screen {
  
#autorizedin { display: none; }
#autorized { width: 600px; }
#autorized h3 { text-align: center; margin-top: 30px; }
#autorized p { text-align: center; margin-top: 20px; }
#autorized p span a  { color: #ffffff!important; }
#autorized .lef { float: left; width: 285px; }
#autorized .rig { float: right; width: 285px; text-align: center; }
.menuss  { font-size: 11px!important; }

}
@media screen {
  
.invider { margin: 15px 0 0 15px;  }

}
@media screen {
  
#edu-my-friends .sendmsg a { width: 20px; height: 15px; background: transparent url('gfx/gloggers-sendmsg-edu.png') no-repeat scroll 0 0; line-height: 13px; }
#edu-my-friends .sendmsg a:hover { background: transparent url('gfx/gloggers-sendmsg-edu.png') no-repeat scroll 0 -15px; }

}
@media screen {
  
#edu-my-friends .sendmsg a { width: 20px; height: 15px; background: transparent url('gfx/gloggers-sendmsg-edu.png') no-repeat scroll 0 0; line-height: 13px; }
#edu-my-friends .sendmsg a:hover { background: transparent url('gfx/gloggers-sendmsg-edu.png') no-repeat scroll 0 -15px; }

}
@media screen {
  /* hlaska na dashboardu */
.green-buble { position: absolute; background: transparent url('gfx/dashboard-prom-info.png') no-repeat scroll 100% 100%; display: block; width: 300px; height: 125px; top: -88px; left: -280px; z-index: 20; }
.green-buble div {  color: #ffffff; margin: 5px 14px 0 14px; font-size: 0.9em; }
.green-buble div a { color: #ffffff; }
.green-buble div a:hover { text-decoration: none; }

}
@media screen {
  
.green-buble .uno { padding: 10px 0 0 0; font-size: 0.85em; }
.green-buble .dos { padding: 5px 0 0 0; }
.green-buble .tress { padding: 20px 0 0 0; font-size: 0.85em; text-align: center; }
.green-buble .tress .butsmallwhite { margin-top: 10px; }
.green-buble div em { text-align: center; font-weight: normal; margin-left: 0; }

}
@media screen {
  /* go to trial */
#go-to-trial { display: none; }
.go-to-trial-in h3 { text-align: center;  color: #FF0066; font-size: 1.9em; margin-top: 20px; }
.go-to-trial-in p { text-align: center; margin: 10px; }
.go-to-trial-in p.supinfo { margin: 0; padding: 0!important; }
.go-to-trial-in .fleft { float: left; width: 280px; text-align: center; }
.go-to-trial-in .fright { float: right; width: 280px; text-align: center; }
.go-to-trial-in .but { margin-left: 55px; color: #ffffff;  }
.go-to-trial-in .but-gray a { font-weight: bold!important; font-size: 18px; color: #666666!important;  }
.go-to-trial-in .but a { font-weight: bold!important; font-size: 18px; letter-spacing:  }
.go-to-trial-in .but a:hover { color: #ffffff; }
.go-to-trial-in .but-gray { margin-left: 43px; }
.go-to-trial-in p small { font-size: 11px; }

}
@media screen {
  
#student-trial { display: none; }

}
@media screen {
  
.student-trial-in em { color: #01A04A; }
.student-trial-in h3 { text-align: center;  color: #FF0066; font-size: 1.9em; line-height: 2.2em; margin-top: 20px; }
.student-trial-in p { text-align: center; margin: 10px; }

}
@media screen {
  
.no-so { color: #666666!important; }
.profile-dashboard #TB_ajaxContent { overflow: hidden; }

}
@media screen {
  /* registrace pro mail reg */
.mail-register { margin: 20px 0 0 20px; background: #ffffff url('gfx/edu/register-top.jpg') no-repeat scroll 0 0; height: 96px; font-family: arial; color: #ffffff;  }
.mail-register p { padding: 44px 0 5px 16px; font-size: 18px;font-weight:normal;  }
.mail-register p strong { font-weight: bold; font-size: 22px;}
.mail-register-p { margin: 20px 0 20px 40px; color: #83838C; }
#duble.mail-register { background: #ffffff url('gfx/edu/register-top-2.jpg') no-repeat scroll 0 0; }
#duble.mail-register p { font-size: 18px; padding: 32px 0 5px 25px;  }
.reg h2 span { color: #00B454; }
#mal-reg #loginform { background: transparent url('gfx/edu/form.jpg') no-repeat scroll 0 0; border: 0; height: 215px; padding-top: 30px; }
#mal-reg .strog { font-weight: bold; color: #83838D; }
#mal-reg form p#submit-login { margin: 10px 0; }
#mal-reg #new { background: transparent url('gfx/edu/reg-all.jpg') repeat-y scroll 0 0; border: none; }
#mal-reg #new .bottom { background: transparent url('gfx/edu/reg-all-bottom.jpg') no-repeat scroll 0 0; width: 480px; height: 10px; display: block; margin: 50px 0 0 20px; }
#mal-reg #new .top { background: transparent url('gfx/edu/reg-all-top.jpg') no-repeat scroll 0 0; width: 480px; height: 20px; display: block; margin: 0 0 0 20px; }
#mal-reg #new h1 { padding: 5px 0 5px 40px; }
#mal-reg #side h2 { padding: 25px 0 0 0;}
#mal-reg .fort { margin: 5px 30px 30px 40px; color: #83838C; }
.edu form#commentform { display: block!important; }
.all-friends #TB_ajaxContent .student-message-form-in form#commentform { display: block!important; }
.all-friends #my-friends #commentform { top: 80px; }
.santy a { background: transparent url('gfx/kliknow.png') no-repeat scroll 0 0; display: block; height: 41px; line-height: 41px; }
.santy a:hover { background: transparent url('gfx/kliknow.png') no-repeat scroll 0 -41px; }
.santy a span { display: none; }
#friend-removed { margin-top: 74px; }
#numboe-ope { line-height: none; padding: 0 0 3px 0; margin: 0; }
.nonestyle { float: none!important; width: auto!important; color: #000000!important; }
.default-msg p { color: #ffffff!important; }
.no-flash-glo { padding: 10px; text-align: center; }
.no-flash-glo-f { padding: 200px 10px 0 10px; text-align: center; }
.edit h1 { display: none; }

}
@media screen {
  
.all-favorites .large-item  { margin: 0 90px 0 0; left: 0; background: url('gfx/bg-gradient.gif') repeat-x scroll 0 342px transparent!important; }
.all-favorites .large-item.last { margin: 0; }

}
@media screen {
  
.class-view h2 a { font-weight: bold; }
.class-view h2 a:hover { text-decoration: none; }

}
@media screen {
  
.peojects-all .back-to-dashboard { right: 20px; top:97px; }

}
@media screen {
  
.odpe { font-size: 13px; margin: 0 20px; }
.odpe-2 { font-size: 13px; margin: 20px 20px 0 20px;  }

}
@media screen {
  
.kartyciste { margin-left: 50px; }
.kartyciste .smallcard { position: relative; }
#my-fans #sort-options { margin-bottom: 10px; }

}
@media screen {
  
.profile-dashboard #footer-leaderboard { margin-top: 30px;}
#buttconfirm-invitation { margin: 10px; }

}
@media screen {
  
#deleteuserlicenin { display: none; }
.sharingall { position: relative; left: -20px; margin:0 0 20px 0; }
.sharingall ul { padding-left: 25px!important; }
.button-fix { top: 235px !important; }
.buttonfix-5 { top: 136px !important; }
.button-fix-2 { top: 262px !important; }
#changeStudentsNickname .button-fix-3 { top: 138px!important; }

}
@media screen {
  
.deleteuserlicen { padding-top: 30px; text-align: center; }
.deleteuserlicen .bunon { display: block; width: 580px; }
.bunon #dostdel { float: left; }
.bunon #deleter { float: right; }
.deleteuserlicen .attre { font-size: 14px; }
.deleteuserlicen .attre strong { color: #FF0066; font-size: 15px; }

}
@media screen {
  
#loader { position: fixed; top: 0; left: 0; display: none; text-align: center; background: transparent url('gfx/macFFBgHack.png') repeat scroll 0 0; z-index: 80; }
#loader img { margin-top: 380px; width: 32px; height: 32px; display: inline-block; overflow: hidden; }

}
@media screen {
  
#loaders { display: inline-block; margin-left: 10px; }

}
@media screen {
  
#whisperer { margin: 10px 0 5px 20px; }
#whisperer #filter { border: 1px solid #DEDEDE; width: 160px; }

}
@media screen {
  
#loaderadd { display: none; position: absolute; top: -5px; left: 10px; width: 598px; height: 100%; background-color: #000000;  filter:alpha(opacity=40); -moz-opacity: 0.40; opacity: 0.40; z-index: 1000; text-align: center;  }
#loaderadd img { margin-top: 160px ; width:32px; height:32px;}
#loaderaddamb { display: none; position: absolute; top: -5px; left: 10px; width: 598px; height: 100%; background-color: #000000;  filter:alpha(opacity=40); -moz-opacity: 0.40; opacity: 0.40; z-index: 1000; text-align: center;  }
#loaderaddamb img { margin-top: 160px ; width:32px; height:32px;}
#loadreportsend { display: none; position: absolute; top: -5px; left: 10px; width: 598px; height: 100%; background-color: #000000;  filter:alpha(opacity=40); -moz-opacity: 0.40; opacity: 0.40; z-index: 1000; text-align: center;  }
#loadreportsend img { margin-top: 160px ; width:32px; height:32px;}

}
@media screen {
  
.delegation {margin-top: 5px; }
.delegation p { font-size: 10px; text-align: center; }
.delegation button { border: 1px #DCDCDC solid; padding: 2px 3px; font-size: 11px; margin-left: 5px; &width: 101px; float: left; }

}
@media screen {
  
#student-knockknock-form { display: none; }
.student-knockknock-form-in { display: block; width: 590px; }
.student-knockknock-form-in h3 { font-size: 18px; color: #FF0066; margin: 15px 0 18px 0; }
.student-knockknock-form-in textarea  { width: 585px; height: 100px; }

}
@media screen {
  
#delegations { display: block; margin: 20px 20px 15px 20px; position: static;   }
#delegations li { list-style-type: none; clear: both; border-bottom: 1px #c4c4c4 solid; height: 25px;  line-height: 25px; padding: 0 10px; }
#delegations li strong { float: left; color: #444444; }
#delegations li.teacher { color: #FF0066; font-weight: bold; font-size: 18px;  height: 30px;  line-height: 30px;  }
#delegations li.teacher .markAll { float: right; font-size: 12px; font-weight: bold; =position:relative; =top:-30px;  }
#delegations li input.manage { float: right; border: 1px solid blue; margin: 6px 3px 0 15px;}
#delegations li a { float: right; margin: 0 0 0 15px; color: #006699; }
#delegations li a.profile_link { float: left !important;}
#delegations li a:hover { float: right; text-decoration: none; }
#edu-delegaton .butnorm { float: right; margin-right: 15px; }

}
@media screen {
  
.delegations-all .back-to-dashboard { right: 20px; top: 100px; font-size: 12px; }
#edu-delegaton { margin: 30px 0 30px 20px; }
.exceldown { &margin-top: 20px; }

}
@media screen {
  
.profile-edit #ajax-school { width: 530px; }
#my-friends .cf { padding-bottom: 10px; }
#user-friends-count { margin-bottom: 0!important; }
.edittext { margin: -5px 0px 15px 0px !important; }

}
@media screen {
  
.letacka { display: block; width: 940px; margin: 0 auto; }

}
@media screen {
  
.exceldown .centers { text-align: left; }
.assign-class .pretext { margin: 0 20px; }
.assign-class .back-to-dashboard { right: 20px; font-size: 14px; top: 100px; }
.atrt strong { color: #FF0066; }
#shadow { z-index: 14; }
#transfer-student { display: none; }

}
@media screen {
  
.trendelpop { padding-left: 130px; }
.trendelpop #cancels { float: left; }
.trendelpop .opor { font-weight: bold; font-size: 14px; float: left; line-height: 58px; height: 48px; margin: 0 10px; }
.trendelpop #contuent { float: left; }

}
@media screen {
  
.portr { padding: 30px 15px 35px 15px!important; text-align: center; }

}
@media screen {
  
.transfer-student-in h3 { color: #ff0062; font-size: 18px; font-family: verdana; }

}
@media screen {
  
#hellotoschoollicence { display: none; }
.hellotoin h3 { color: #ff0063; font-size: 18px; line-height: 25px; }

}
@media screen {
  /* short options doba prezentace*/
.short-options {position:relative;}
.short-options #time{  background: url('gfx/bg-sorting-submenu.jpg') repeat-x scroll 0 0 #E3E3E3; width:160px; position: absolute; top:-79px; left:530px; height:79px; display:none; color:#000; border:1px solid #dddddd; z-index:10;}
.short-options .portfolio_time{ left:475px !important;}
.short-options #time table {width:100%; }
.short-options #time td {text-align:right;vertical-align: middle;}
.short-options #time p {color:#fff; font-weight:bold; margin:0px; clear:both; line-height:10px; float:left;}
.short-options #time input { width:30px; color:#000; border:1px solid #dddddd; text-align:right;}
.short-options #time a {cursor:pointer;}
.short-options #time a .icos {float:right;}
.short-options #time .butsmallwhite {float:right;}
.short-options #timing_box {background:#81ff8c; width:163px; height:30px;float:left; position:absolute; top:5px; left:530px;z-index:0; filter:alpha(opacity=40);  -moz-opacity: 0.40;  opacity: 0.40;  }
.short-options .box_time {position:relative; z-index:2;}
.short-options .time-presentation a {cursor:pointer; font-weight:bold; color:#f80057;}
.short-options #error_box {display:none;background: url('gfx/error-bubble_time_box.gif') no-repeat scroll 0 0; width:130px; height:51px; color:#ffffff; padding:3px 5px 5px 20px;font-weight:bold; position: absolute; top:-55px; left:545px;font-size:12px;  }
.short-options .error_box_portfolio { left:495px !important;}
#portfolio p strong {width:105px;}
.short-options .timing_box_portfolio{left:475px !important;}

}
@media screen {
  
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
form button { background: none; }

}
@media screen {
  /* buttons */
p.butbig, p.butbigedu, p.butbigwhite, p.butbigwhiteblue, p.butbigsilver, p.butnorm, p.edubutnorm, p.butsmall, p.butsmall a, p.butsmallwhite, p.butsmallwhite a,  p.butwhithadmin a { font-family: Arial, Tahoma, Sans-serif!important; white-space: nowrap; }
p.exbutsmallwhite, p.exbutsmall { font-family: trebuchet MS, Arial, Tahoma, Sans-serif; white-space: nowrap; }
.butbig strong, .butbig .kr,.butbigedu strong, .butbigedu .kr, .butbigwhite strong, .butbigwhite .kr, .butbigwhiteblue strong, .butbigwhiteblue .kr, .butbigsilver strong, .butbigsilver .kr, .butnorm strong, .butnorm .kr, .edubutnorm strong, .edubutnorm .kr, .butsmall strong, .butsmall .kr, .butsmallwhite strong, .butsmallwhite .kr, .exbutsmall strong, .exbutsmall .kr, .exbutsmallwhite strong, .exbutsmallwhite .kr, .butwhithadmin strong, .butwhithadmin .kr { background-image: url('bfw/elements.png'); background-repeat: no-repeat; background-color: transparent; background-attachment: scroll; font-family: Arial, Tahoma, Sans-serif!important;}

}
@media screen {
  /* velkej ruzovej */
.butbig { font-size: 19px!important; }
.butbig, .butbig a, .butbig button, .butbig a strong, .butbig button strong, .butbig a .kr, .butbig button .kr { height: 48px!important; line-height: 48px!important; display: inline-block!important;   }
.butbig a { text-decoration: none; cursor: pointer; font-size: 19px!important; }
.butbig button { background: none; overflow: visible; cursor: pointer; &width: 1px; font-size: 19px!important;  }
.butbig a strong .icos , .butbig button strong .icos { position: relative; vertical-align: top; _display: none; top: 5px; margin-right: 5px; }
.butbig a strong, .butbig button strong { white-space: nowrap; color: #ffffff; text-shadow: #9F0018 2px 1px 1px; padding-left: 25px; text-transform: uppercase; background-position: 0 0; padding-right: 5px; }
.butbig a .kr, .butbig button .kr { background-position: 100% 0px; width: 20px; }
.butbig a:hover .kr, .butbig button:hover .kr { background-position: 100% -47px; }
.butbig a:hover strong, .butbig button:hover strong { background-position: 0 -47px; color: #ffffff;}

}
@media screen {
  /* velkej zelenej */
.butbigedu { font-size: 19px!important; }
.butbigedu, .butbigedu a, .butbigedu button, .butbigedu a strong, .butbigedu button strong, .butbigedu a .kr, .butbigedu button .kr { height: 48px!important; line-height: 48px!important; display: inline-block!important;   }
.butbigedu a { text-decoration: none; cursor: pointer; font-size: 19px!important; }
.butbigedu button { background: none; overflow: visible; cursor: pointer; &width: 1px; font-size: 19px!important;  }
.butbigedu a strong .icos , .butbigedu button strong .icos { position: relative; vertical-align: top; _display: none; top: 5px; margin-right: 5px; }
.butbigedu a strong, .butbigedu button strong { white-space: nowrap; color: #ffffff; text-shadow: #015A25 2px 1px 1px; padding-left: 35px; text-transform: uppercase; background-position: 0 -963px; padding-right: 5px; }
.butbigedu a .kr, .butbigedu button .kr { background-position: 100% -963px; width: 30px; }
.butbigedu a:hover .kr, .butbigedu button:hover .kr { background-position: 100% -1013px; }
.butbigedu a:hover strong, .butbigedu button:hover strong { background-position: 0 -1013px; color: #ffffff;}

}
@media screen {
  /* velkej bilej */
.butbigwhite { font-size: 19px!important; }
.butbigwhite, .butbigwhite a, .butbigwhite button, .butbigwhite a strong, .butbigwhite button strong, .butbigwhite a .kr, .butbigwhite button .kr { height: 48px!important; line-height: 48px!important; display: inline-block!important;   }
.butbigwhite a { text-decoration: none; cursor: pointer; font-size: 19px!important; }
.butbigwhite button { background: none; overflow: visible; cursor: pointer; &width: 1px; font-size: 19px!important;  }
.butbigwhite a strong .icos , .butbigwhite button strong .icos { position: relative; vertical-align: top; _display: none; top: 5px; margin-right: 5px; }
.butbigwhite a strong, .butbigwhite button strong { white-space: nowrap; color: #676767; text-shadow: #ffffff 2px 1px 1px; padding-left: 25px; text-transform: uppercase; background-position: 0 -94px; padding-right: 5px; }
.butbigwhite a .kr, .butbigwhite button .kr { background-position: 100% -94px; width: 20px; }
.butbigwhite a:hover .kr, .butbigwhite button:hover .kr { background-position: 100% -141px; }
.butbigwhite a:hover strong, .butbigwhite button:hover strong { background-position: 0 -141px; color: #666666;}

}
@media screen {
  /* velkej sedivej */
.butbigsilver { font-size: 19px!important; }
.butbigsilver, .butbigsilver a, .butbigsilver button, .butbigsilver a strong, .butbigsilver button strong, .butbigsilver a .kr, .butbigsilver button .kr { height: 48px!important; line-height: 48px!important; display: inline-block!important; }
.butbigsilver a { text-decoration: none; cursor: pointer; font-size: 19px!important; }
.butbigsilver button { background: none; overflow: visible; cursor: pointer; &width: 1px; font-size: 19px!important; }
.butbigsilver a strong, .butbigsilver button strong { white-space: nowrap; color: #676767; text-shadow: #ffffff 2px 1px 1px; padding-left: 25px; text-transform: uppercase; background-position: 0 -188px; padding-right: 5px; }
.butbigsilver a strong .icos , .butbigsilver button strong .icos { position: relative; vertical-align: top; _display: none; top: 5px; margin-right: 5px; }
.butbigsilver a .kr, .butbigsilver button .kr { background-position: 100% -188px; width: 20px; }
.butbigsilver a:hover .kr, .butbigsilver button:hover .kr { background-position: 100% -235px; }
.butbigsilver a:hover strong, .butbigsilver button:hover strong { background-position: 0 -235px; color: #666666; }

}
@media screen {
  /* velkej bilej bodre pismo */
.butbigwhiteblue { font-size: 13px!important; }
.butbigwhiteblue, .butbigwhiteblue a, .butbigwhiteblue button, .butbigwhiteblue a strong, .butbigwhiteblue button strong, .butbigwhiteblue a .kr, .butbigwhiteblue button .kr { height: 48px!important; line-height: 48px!important; display: inline-block;  }
.butbigwhiteblue a { text-decoration: none; cursor: pointer; font-size: 13px!important; }
.butbigwhiteblue button { background: none; overflow: visible; cursor: pointer; &width: 1px; font-size: 13px!important; }
.butbigwhiteblue a strong, .butbigwhiteblue button strong { white-space: nowrap; color: #006699; text-shadow: #ffffff 2px 1px 1px; padding-left: 25px; background-position: 0 -94px; padding-right: 5px; }
.butbigwhiteblue a strong .icos , .butbigwhiteblue button strong .icos { position: relative; vertical-align: top; _display: none; top: 5px; margin-right: 5px; }
.butbigwhiteblue a .kr, .butbigwhiteblue button .kr { background-position: 100% -94px; width: 20px; }
.butbigwhiteblue a:hover .kr, .butbigwhiteblue button:hover .kr { background-position: 100% -141px; }
.butbigwhiteblue a:hover strong, .butbigwhiteblue button:hover strong { background-position: 0 -141px; color: #006699; }

}
@media screen {
  /* stredni ruzovej */
.butnorm, .butnorm a, .butnorm button, .butnorm a strong, .butnorm button strong, .butnorm a .kr, .butnorm button .kr { height: 36px!important; line-height: 33px!important; display: inline-block!important; }
.butnorm { font-size: 13px!important; }
.butnorm a { text-decoration: none; cursor: pointer;  }
.butnorm button { background: none; overflow: visible; cursor: pointer; &width: 1px;  }
.butnorm a strong, .butnorm button strong { white-space: nowrap; color: #ffffff; /*text-shadow: #9F0018 2px 1px 1px;*/ padding-left: 15px; background-position: 0 -283px; padding-right: 5px; font-size: 13px!important; }
.butnorm a strong .icos , .butnorm button strong .icos { position: relative; vertical-align: top; _display: none; top: 5px; margin-right: 5px; }
.butnorm a .kr, .butnorm button .kr { background-position: 100% -283px; width: 10px; }

}
@media screen {
  /* distrikti bilej*/
.butwhithadmin { font-size: 14px!important; }
.butwhithadmin, .butwhithadmin a, .butwhithadmin button, .butwhithadmin a strong, .butwhithadmin button strong, .butwhithadmin a .kr, .butwhithadmin button .kr { height: 33px!important; line-height: 33px!important; display: inline-block!important;   }
.butwhithadmin a { text-decoration: none; cursor: pointer; font-size: 14px!important; }
.butwhithadmin button { background: none; overflow: visible; cursor: pointer; &width: 1px; font-size: 14px!important;  }
.butwhithadmin a strong .icos , .butwhithadmin button strong .icos { position: relative; vertical-align: top; _display: none; top: 5px; margin-right: 5px; }
.butwhithadmin a strong, .butwhithadmin button strong { white-space: nowrap; color: #666666; text-shadow: #ffffff 2px 1px 1px; padding-left: 22px; text-transform: uppercase; background-position: -2px -552px; padding-right: 2px; }
.butwhithadmin a .kr, .butwhithadmin button .kr {     background-position: -229px -552px;width: 20px;}
.butwhithadmin a:hover .kr, .butwhithadmin button:hover .kr { background-position: -476px -552px; }
.butwhithadmin a:hover strong, .butwhithadmin button:hover strong { background-position: -249px -552px; color: #666666;}

}
@media screen {
  
.butnorm a:hover .kr, .butnorm button:hover .kr { background-position: 100% -318px; }
.butnorm a:hover strong, .butnorm button:hover strong { background-position: 0 -318px; color: #ffffff; }

}
@media screen {
  /* stredni zelenej */
.edubutnorm, .edubutnorm a, .edubutnorm button, .edubutnorm a strong, .edubutnorm button strong, .edubutnorm a .kr, .edubutnorm button .kr { height: 36px!important; line-height: 32px!important; display: inline-block!important; }
.edubutnorm { font-size: 14px!important; }
.edubutnorm a { text-decoration: none; cursor: pointer;  }
.edubutnorm button { background: none; overflow: visible; cursor: pointer; &width: 1px;  }
.edubutnorm a strong, .edubutnorm button strong { white-space: nowrap; color: #ffffff; text-shadow: #015A25 2px 1px 1px; padding-left: 25px; background-position: 0 -1061px; padding-right: 5px; font-size: 15px!important; }
.edubutnorm a strong .icos , .edubutnorm button strong .icos { position: relative; vertical-align: top; _display: none; top: 5px; margin-right: 5px; }
.edubutnorm a .kr, .edubutnorm button .kr { background-position: 100% -1061px; width: 20px; }
.edubutnorm a:hover .kr, .edubutnorm button:hover .kr { background-position: 100% -1096px; }
.edubutnorm a:hover strong, .edubutnorm button:hover strong { background-position: 0 -1096px; color: #ffffff; }

}
@media screen {
  /* malej ruzovej */
.butsmall { font-size: 12px!important;  }
.butsmall, .butsmall a, .butsmall button, .butsmall a strong, .butsmall button strong, .butsmall a .kr, .butsmall button .kr { height: 25px!important; line-height: 25px!important; display: inline-block!important; }
.butsmall a { text-decoration: none; cursor: pointer; font-size: 12px!important;  }
.butsmall button { background: none; overflow: visible; cursor: pointer; &width: 1px; font-size: 12px!important;  }
.butsmall a strong, .butsmall button strong { white-space: nowrap; color: #ffffff; text-shadow: #9F0018 2px 1px 1px; padding-left: 15px; background-position: 0 -412px; padding-right: 5px; }
.butsmall a strong .icos , .butsmall button strong .icos { position: relative; vertical-align: top; _display: none; top: 5px; margin-right: 5px; }
.butsmall a .kr, .butsmall button .kr { background-position: 100% -412px; width: 10px; }
.butsmall a:hover .kr, .butsmall button:hover .kr { background-position: 100% -436px; }
.butsmall a:hover strong, .butsmall button:hover strong { background-position: 0 -436px; color: #ffffff; }

}
@media screen {
  /* malej bilej */
.butsmallwhite { font-size: 12px!important; }
.butsmallwhite, .butsmallwhite a, .butsmallwhite button, .butsmallwhite a strong, .butsmallwhite button strong, .butsmallwhite a .kr, .butsmallwhite button .kr { height: 25px!important; line-height: 25px!important; display: inline-block!important; }
.butsmallwhite a { text-decoration: none; cursor: pointer; font-size: 12px!important; }
.butsmallwhite button { background: none; overflow: visible; cursor: pointer; &width: 1px; font-size: 12px!important; }
.butsmallwhite a strong, .butsmallwhite button strong { white-space: nowrap; color: #676767; padding-left: 15px; background-position: 0 -356px; padding-right: 5px; }
.butsmallwhite a strong .icos , .butsmallwhite button strong .icos { position: relative; vertical-align: top; _display: none; top: 5px; margin-right: 5px; }
.butsmallwhite a .kr, .butsmallwhite button .kr { background-position: 100% -356px; width: 10px; }
.butsmallwhite a:hover .kr, .butsmallwhite button:hover .kr { background-position: 100% -386px; }
.butsmallwhite a:hover strong, .butsmallwhite button:hover strong { background-position: 0 -386px; color: #666666; }

}
@media screen {
  /* extra malej ruzovej */
.exbutsmall { font-size: 12px!important; }
.exbutsmall, .exbutsmall a, .exbutsmall button, .exbutsmall a strong, .exbutsmall button strong, .exbutsmall a .kr, .exbutsmall button .kr { height: 21px!important; line-height: 19px!important; display: inline-block!important; }
.exbutsmall a { text-decoration: none; cursor: pointer; font-size: 12px!important; }
.exbutsmall button { background: none; overflow: visible; cursor: pointer; &width: 1px; font-size: 12px!important; }
.exbutsmall a strong, .exbutsmall button strong { white-space: nowrap; color: #ffffff; padding-left: 10px; background-position: 0 -508px; padding-right: 1px; /*text-shadow: #690023 1px 1px 0px;*/ }
.exbutsmall a .kr, .exbutsmall button .kr { background-position: 100% -508px; width: 9px; }
.exbutsmall a:hover .kr, .exbutsmall button:hover .kr { background-position: 100% -531px; }
.exbutsmall a:hover strong, .exbutsmall button:hover strong { background-position: 0 -531px; color: #ffffff; }

}
@media screen {
  /* extra malej bilej */
.exbutsmallwhite { font-size: 12px!important; }
.exbutsmallwhite, .exbutsmallwhite a, .exbutsmallwhite button, .exbutsmallwhite a strong, .exbutsmallwhite button strong, .exbutsmallwhite a .kr, .exbutsmallwhite button .kr { height: 21px!important; line-height: 19px!important; display: inline-block!important; }
.exbutsmallwhite a { text-decoration: none; cursor: pointer; font-size: 12px!important; }
.exbutsmallwhite button { background: none; overflow: visible; cursor: pointer; &width: 1px; font-size: 12px!important; }
.exbutsmallwhite a strong, .exbutsmallwhite button strong { white-space: nowrap; color: #676767; padding-left: 10px; background-position: 0 -463px; padding-right: 1px; /*text-shadow: #FFFFFF 1px 1px 0px;*/ }
.exbutsmallwhite a .kr, .exbutsmallwhite button .kr { background-position: 100% -463px; width: 9px; }
.exbutsmallwhite a:hover .kr, .exbutsmallwhite button:hover .kr { background-position: 100% -486px; }
.exbutsmallwhite a:hover strong, .exbutsmallwhite button:hover strong { background-position: 0 -486px; color: #666666; }

}
@media screen {
  /* idecka pro jednotlive pripady */
  /* prave */
#profilebottmbut, #passwordnew, #creatclassbut, #changenicksbut, #profilephotobut, #assingconti, #commentclassall, #assingstudent, #changenicksbutdoss, #gloggsupdat, #but-thix-send, #teachersavetag, #rateitteacher,
#gloggerssearch, #sendallmesage, #newmailgu { clear: both!important; float: right!important; text-align: right!important; display: block!important; &float: left!important; &text-align: left!important; &position: relative;  }
#changenicksbut {top:0px;}
  /* centrovane */
#buypremiummon, #home-sil, #dash-friend, #callsdashbox, #resend-authorization, #change-it, #studenttoclass, #dashcalladno, #homesilver, #studenttoclassno, #activatepremthic,
#createglogontheglog, #manager-dashboard, #partnerupjoin { display: block!important; text-align: center!important; clear: both!important;  &position: relative;  }

}
@media screen {
  /* ie hack */
#changenicksbutdoss { &left: 700px;  }
#thixdellstud {  &float: left; &margin-left: 150px;  }
#activatepremthic { &left: -150px; }
#assingconti { &left: 500px; }

}
@media screen {
  /* end */
#register-but { left: 147px; }
#ex-logi { left: 115px!important; }
#log-in { margin-left: 125px; overflow: hidden;font-size: 14px; }
#lost-passwo { margin-left: 125px; }
.users-list p.butnorm { font-size:100%; }
#dash-friend a strong .icos { margin-right: 10px; }
#addbutthix { margin-left: 185px; &margin-left: -35px; }
#addbutthix2 { margin-left: 180px;  }
#dash-friend-down { float: left;  }
.dash-message { position: absolute; top: 53px; left: 100px; }
#but-thix-send { float: right; &left: 480px; }
#footer #footarea #footermenu .icon63,
#footer #footarea #footermenu .icon64,
#footer #footarea #footermenu .icon67 {position: absolute;top: 0!important;left: 0; height: 54px!important;}
#messumo, #messuno { float: left; margin: 5px 0 0 5px; }
#side .logo { height: auto; }
#dowanttp { margin: 10px 0; }
#buypremiummon { margin: 10px 0;}
#thixpasswordfrends { margin-left: 147px; clear: both; }
#addclassmatesyes { float: left; margin-left: 140px; }
#addclassmatesno { float: right; margin-right: 115px; }

}
@media screen {
  
#changenicksbutdoss { margin-top: 15px; }
#but-nick { display: block!important; text-align: right; margin-right: 20px; }
#dashedit { float: right; margin-top: 5px; }
#dashdel { float: left; margin-top: 5px; }
.class-view .back-to-dashboard { right: 20px; }
#dashmessfren { position: absolute; top: 147px; right: 5px; }
#manage-students { float: left; margin-top: 5px; }
#passwordnew { margin-right: 175px; &left:80px; }
#newmailgu { display: block!important; text-align: right; margin-right: 192px; &left: 170px; }
#profiletopbut { position: absolute; left: 738px; top: 128px; z-index: 15; }
#profilebottmbut {margin-bottom: 10px; position: relative; left: 400px; &left:720px; }
#creatclassbut { margin: 10px 240px 0 0; &left: 200px; }
#addstudtoclass { margin: 5px 0 0 17px; }
#assingstudent { margin-right: 17px; left: 600px; &left: 695px; }
#saveprojec { margin-top: 10px; }
#startprojec { float: right;}
.lolo { display: inline-block; float: left; }
#edu-my-friends p { font-size: 100%!important; margin-bottom:0px!important;}
#allfrednbutadd,#allfrednbutassin, #allfrednbutclas { float: left; position: relative; left: 3px; top: 3px; }
#allfclassadd { float: left; position: relative; left: 3px; top: 3px; margin: 0; font-family: arial; }
#creatproject { text-transform: uppercase; }
#deleteproj { position: absolute; top: 350px; right: 100px; }
#updateglogproj { position: absolute; top: 350px; right: 0; }
#dashdel a strong, #dashedit a strong { width: 40px; text-align: center; }
#teachersavetag { display: block!important; text-align: right; margin: 10px  0; &left:240px; }
#rateitteacher { display: block!important; text-align: right;  margin: 10px  0; &left:380px; }
#gloggsupdat { text-transform: uppercase; margin-top: 5px; &left:100px; }
#gloggerssearch { text-transform: uppercase; margin-top: 5px; &left:100px; }
#dashcreatnon { float: left; }
#dashcreatnon a { width: auto!important; }
#sendfrenglogdown { padding: 5px 0 0 10px; }
#designsave { position: absolute; left: 738px; top: 86px; z-index: 15; }
#homeregister { float: left; margin-right:5px; }
#editprofileno { margin-right: 20px!important; float: right; }
#editprofileyes { margin-left: 20px!important; float: left; }
#createglogontheglog a { text-decoration: none!important; }
#purchenowmult { left: 18px; top: 172px; position: absolute; }
#makupni-proces #buylicenform { margin: 10px 50px 0 205px; float: left; }
#fansall { position: absolute; top: 146px; right: 4px; }
#purchnowmulty { position: absolute; top: 180px; left: 0; }
#applyclosethx { width: 123px; margin: 0 auto; display: block!important; }
#sendallmesage { &left: 480px; }
#cancel_order_form { float: left; position: relative; &left: 200px; }
#send_order_form { float: left; }
#assign-project-class { float: left; margin-left: 105px; width: auto; }
#assign-project-class a strong .icos { margin-top: 7px; }
#send-reminder-all { float: left; width: auto; margin-left: 10px; }
#send-reminder-all a strong .icos { margin-top: 8px; }

}
@media screen {
  
#edres.back-to-dashboard { right: 248px; top: 50px; }

}
@media screen {
  /* biling user login */
.managment-login { margin: 30px 0 0 20px; background: transparent url('gfx/edu/form.jpg') no-repeat scroll 0 0; border: 0; width: 399px; height: 244px; display: block; }
.managment-login p { font-size: 13px; }
.managment-login form { padding: 50px 0 0 0;  }
.managment-login form label { width: 60px;  text-align: right; margin: 0 15px 0 20px; font-weight: bold; color: #83838D; }
.managment-login form label, .managment-login form input { display: inline-block; margin-top: 10px; height: 20px; line-height: 20px; }
#licenlog { margin: 10px 0 0 88px; }

}
@media screen {
  /* ikony globalni definice */
.icos { background-image: url('bfw/elements.png'); background-attachment: scroll; background-repeat: no-repeat; background-color: transparent; display: inline-block; font-size: 0; line-height: 0; height: 0; text-decoration: none; }
a .icos { float: left; }
.iconone { text-decoration: none!important; }

}
@media screen {
  /* lednotlive ikony */
.logo.icos { background-position: 0px -590px; width: 197px; height: 51px; }
.edulogo { background-position: -241px -590px; width: 258px; height: 51px; position: absolute; z-index: 89; left: 0; cursor: pointer; }
.edulogoHP { background-position: 0 -1133px; width: 297px; height: 66px; position: absolute; z-index: 89; left: -4; cursor: pointer; }
.icon01 { background-position: 0px -642px; width: 21px; height: 20px; }
.icon02 { background-position: -22px -642px; width: 21px; height: 20px; }
.icon03 { background-position: 0px -665px; width: 9px; height: 9px; }
.icon04 { background-position: -10px -665px; width: 9px; height: 9px; }
.icon05 { background-position: -20px -665px; width: 9px; height: 9px; }
.icon06 { background-position: -30px -665px; width: 9px; height: 9px; }
.icon07 { background-position: -40px -665px; width: 9px; height: 9px; }
.icon08 { background-position: -50px -665px; width: 10px; height: 10px; }
.icon09 { background-position: -61px -665px; width: 10px; height: 10px; }
.icon10 { background-position: -458px -665px; width: 13px; height: 13px; }
.icon11 { background-position: -472px -665px; width: 15px; height: 15px; }
.icon12 { background-position: -488px -665px; width: 11px; height: 11px; }
.icon13 { background-position: -472px -642px; width: 13px; height: 15px; }
.icon14 { background-position: -487px -642px; width: 13px; height: 15px; }
.icon15 { background-position: -44px -643px; width: 16px; height: 16px; }
.icon16 { background-position: -61px -642px; width: 25px; height: 21px; }
.icon17 { background-position: -87px -642px; width: 20px; height: 18px; }
.icon18 { background-position: -108px -643px; width: 22px; height: 20px; }
.icon19 { background-position: -133px -642px; width: 17px; height: 20px; }
.icon20 { background-position: -153px -643px; width: 20px; height: 20px; }
.icon21 { background-position: -176px -643px; width: 18px; height: 18px; }
.icon22 { background-position: 0px -676px; width: 22px; height: 22px; }
.icon23 { background-position: 0px -698px; width: 22px; height: 22px; }
a:hover .icon23 { background-position: 0px -676px; width: 22px; height: 22px; }
.icon24 { background-position: -23px -676px; width: 22px; height: 22px; }
.icon25 { background-position: -23px -698px; width: 22px; height: 22px; }
a:hover .icon25 { background-position: -23px -676px; width: 22px; height: 22px; }
.icon26 { background-position: -46px -676px; width: 20px; height: 20px; }
a:hover .icon26 { background-position: -46px -696px; width: 20px; height: 20px; }
.icon27 { background-position: -46px -696px; width: 20px; height: 20px; }
.icon28 { background-position: -340px -683px; width: 18px; height: 18px; }
.icon29 { background-position: -363px -681px; width: 25px; height: 25px; }
.icon30 { background-position: -389px -681px; width: 25px; height: 25px; }
.icon31 { background-position: -415px -681px; width: 18px; height: 23px; }
.icon32 { background-position: -434px -681px; width: 22px; height: 24px; }
.icon33 { background-position: -457px -681px; width: 20px; height: 25px; }
.icon34 { background-position: -478px -681px; width: 22px; height: 25px; }
.icon35 { background-position: 0px -721px; width: 23px; height: 18px; }
a:hover .icon35 { background-position: 0px -741px; width: 23px; height: 18px; }
.icon36 { background-position: 0px -741px; width: 23px; height: 18px; }
.icon37 { background-position: -24px -721px; width: 23px; height: 19px; }
a:hover .icon37 { background-position: -24px -741px; width: 23px; height: 19px; }
.icon38 { background-position: -24px -741px; width: 23px; height: 19px; }
.icon39 { background-position: -48px -721px; width: 23px; height: 19px; }
a:hover .icon39 { background-position: -48px -741px; width: 23px; height: 19px; }
.icon40 { background-position: -48px -741px; width: 23px; height: 19px; }
.icon41 { background-position: -72px -721px; width: 23px; height: 22px; }
a:hover .icon41 { background-position: -72px -743px; width: 23px; height: 22px; }
.icon42 { background-position: -72px -743px; width: 23px; height: 22px; }
.icon43 { background-position: -96px -721px; width: 15px; height: 22px; }
a:hover .icon43 { background-position: -96px -745px; width: 15px; height: 22px; }
.icon44 { background-position: -96px -745px; width: 15px; height: 22px; }
.icon45 { background-position: -112px -721px; width: 17px; height: 23px; }
a:hover .icon45 { background-position: -112px -745px; width: 17px; height: 23px; }
.icon46 { background-position: -112px -745px; width: 17px; height: 23px; }
.icon47 { background-position: -130px -721px; width: 17px; height: 23px; }
a:hover .icon47 { background-position: -130px -745px; width: 17px; height: 23px; }
.icon48 { background-position: -130px -745px; width: 17px; height: 23px; }
.icon49 { background-position: -148px -720px; width: 16px; height: 11px; }
a:hover .icon49 { background-position: -211px -720px; width: 16px; height: 11px; }
.icon50 { background-position: -148px -737px; width: 20px; height: 15px; }
.icon51 { background-position: -190px -730px; width: 20px; height: 15px; }
a:hover .icon51 { background-position: -148px -737px; width: 20px; height: 15px; }
.icon52 { background-position: -190px -721px; width: 20px; height: 24px; }
a:hover .icon52 { background-position: -169px -721px; width: 20px; height: 24px; }
.icon53 { background-position: -169px -721px; width: 20px; height: 24px; }
.icon54 { background-position: 0px -769px; width: 41px; height: 24px; }
.icon55 { background-position: -42px -769px; width: 23px; height: 23px; }
.icon56 { background-position: -498px -769px; width: 2px; height: 25px; }
.icon57 { background-position: 0px -933px; width: 30px; height: 27px; }
.icon58 { background-position: -32px -933px; width: 30px; height: 27px; }
.icon59 { background-position: -64px -933px; width: 30px; height: 27px; }
.icon60 { background-position: -96px -933px; width: 30px; height: 27px; }
.icon61 { background-position: -211px -720px; width: 16px; height: 11px; }
.icon62 { background-position: -169px -746px; width: 22px; height: 15px; }
.icon63 { background-position: -72px -664px; width: 49px; height: 54px; }
.icon64 { background-position: -122px -664px; width: 49px; height: 54px; }
.icon65 { background-position: -173px -664px; width: 44px; height: 44px; }
.icon66 { background-position: -319px -683px; width: 16px!important; height: 22px!important; }
.icon67 { background-position: -220px -664px; width: 49px; height: 54px; }
.icon68 { background-position: -445px -642px; width: 14px; height: 13px; }
.icon69 { background-position: -460px -642px; width: 11px; height: 15px; }
.icon70 { background-position: -427px -642px; width: 17px; height: 10px; }
.icon71 { background-position: -409px -642px; width: 17px; height: 10px; }
.icon72 { background-position: -228px -742px; width: 22px; height: 22px; }
.icon73 { background-position: -228px -720px; width: 22px; height: 22px; }
a:hover .icon73 { background-position: -228px -742px; width: 22px; height: 22px; }
.icon74 { background-position: -250px -742px; width: 22px; height: 22px; }
.icon75 { background-position: -250px -720px; width: 22px; height: 22px; }
a:hover .icon75 { background-position: -250px -742px; width: 22px; height: 22px; }
.icon76 { background-position: -272px -742px; width: 22px; height: 22px; }
.icon77 { background-position: -272px -720px; width: 22px; height: 22px; }
a:hover .icon77 { background-position: -272px -742px; width: 22px; height: 22px; }
.icon78 { background-position: -195px -643px; width: 16px; height: 16px; }
.icon79 { background-position: -329px -745px; width: 33px; height: 24px; }
.icon80 { background-position: -329px -720px; width: 33px; height: 24px; }
a:hover .icon80 { background-position: -329px -745px; width: 33px; height: 24px; }
.icon81 { background-position: -295px -745px; width: 33px; height: 24px; }
.icon82 { background-position: -295px -720px; width: 33px; height: 24px; }
a:hover .icon82 { background-position: -295px -745px; width: 33px; height: 24px; }
.icon83 { background-position: -363px -720px; width: 25px; height: 17px; }
a:hover .icon83 { background-position: -363px -738px; width: 25px; height: 17px; }
.icon84 { background-position: -285px -643px; width: 22px; height: 22px; }
.icon85 { background-position: -310px -645px; width: 16px; height: 15px; }

}
@media screen {
  /* avatary */
.strongavatar img { margin: 2px; }
.strongavatar-red { border: 1px #F80057 solid !important;}

}
@media screen {
  /* avatary se stinem  */
.avatar-shadow { width: 116px; float: left;  }
.avatar-shadow div a { text-decoration: none; display: block; }
.avatar-shadow div img { margin: 0 8px 5px 8px; width: 100px; max-height:110px;}
}
@media screen {
  body.assignLicenceToUser {
    background: url("bfw/bgMain.jpg") repeat scroll 0 0 #ffffff;
  }
  body.assignLicenceToUser #licence h2 {
    color: #666666;
    font-family: Arial;
    font-size: 50px;
    font-weight: normal;
    text-shadow: 1px 1px 1px #fff;
    text-align: left;
    margin: 50px 0 30px 0;
  }
  body.assignLicenceToUser #licence form {
    width: auto;
    margin: 20px auto;
  }
  body.assignLicenceToUser #content {
    background: transparent;
    text-align: left;
  }
  body.assignLicenceToUser #content #loadpage {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 7px;
    box-shadow: 0 0 20px #cccccc;
    float: left;
    padding: 40px;
    position: relative;
    width: 855px;
    text-align: left;
  }
  body.assignLicenceToUser #licence #loadpage strong.dw span {
    color: #0bb94a;
  }
}