﻿/* LANGMaster layout styles, (c) 2007 PeckaDesign, www.peckadesign.cz  */

.sprite
{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
}
a .sprite
{
  cursor: pointer;
}

/* .motive { height: 84px; } */
.motive
{
  background-repeat: no-repeat;
  background-position: 70% 0;
}

.bigger
{
  font-size: 109%;
}
miti /* Buttons */ .btn
{
  padding: 9px 0;
  text-decoration: none;
  color: white;
}

.btn
{
  padding: 9px 0;
  text-decoration: none;
  color: white;
}

.btn .bg-right
{
  background: url(img/bg-btn-right.png) no-repeat 100% 50%;
  padding: 9px 8px 8px 3px;
  font-size: 92%;
  line-height: 1.8;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.btn:hover .bg-right
{
  background: url(img/bg-btn-right-hover.png) no-repeat 100% 50%;
}

.btn-next-lesson, .btn-analyze, .btn-continue-course, .btn-continue-test, .btn-continue-rewise, .btn-course-done, .btn-course-start, .btn-course-home, .btn-next-chapter, .btn-log-in
{
  position: relative;
  width: 166px;
  height: 44px;
  display: block;
  overflow: hidden;
  z-index: 20;
}
.btn-try
{
  position: relative;
  width: 210px;
  height: 44px;
  display: block;
  overflow: hidden;
  z-index: 20;
}


#prologue .right-bar a
{
  margin: 5px 0 0 10px;
}

.btn-re-wise, .btn-slovnik, .btn-podcast, .btn-meeting, .btn-context-dictionary
{
  position: relative;
  width: 162px;
  height: 52px;
  display: block;
  overflow: hidden;
}

.btn-translate
{
  position: relative;
  width: 57px;
  height: 25px;
  display: block;
  overflow: hidden;
}
.btn-register
{
  position: relative;
  width: 86px;
  height: 25px;
  display: block;
  overflow: hidden;
  text-align: center;
  font-size: 83%;
  float: left;
}

.btn-next-lesson:hover, .btn-analyze:hover, .btn-continue-course:hover, .btn-continue-test:hover, .btn-continue-rewise:hover, .btn-course-done:hover, .btn-course-home:hover, .btn-course-start:hover, .btn-next-chapter:hover, .btn-re-wise:hover, .btn-slovnik:hover, .btn-podcast:hover, .btn-meeting:hover, .btn-context-dictionary:hover
{
  color: white;
}

.btn-next-lesson:hover .sprite, .btn-analyze:hover .sprite, .btn-continue-course:hover .sprite, .btn-continue-test:hover .sprite, .btn-continue-rewise:hover .sprite, .btn-course-done:hover .sprite, .btn-course-home:hover .sprite, .btn-course-start:hover .sprite, .btn-next-chapter:hover .sprite, .btn-re-wise:hover .sprite, .btn-slovnik:hover .sprite, .btn-podcast:hover .sprite, .btn-meeting:hover .sprite, .btn-translate:hover .sprite, .btn-register:hover .sprite, .btn-context-dictionary:hover .sprite, .btn-log-in:hover .sprite, .btn-try:hover .sprite
{
  background-position: 0 -100px;
}

.btn-expand-desc
{
  padding-left: 27px;
  background: url(img/bg-btn-expand-desc.png) no-repeat 0 50%;
}
.btn-expand-desc:hover
{
  background-image: url(img/bg-btn-expand-desc-hover.png);
}

.btn-collapse-desc
{
  padding-left: 27px;
  background: url(img/bg-btn-collapse-desc.png) no-repeat 0 50%;
}
.btn-collapse-desc:hover
{
  background-image: url(img/bg-btn-collapse-desc-hover.png);
}

.btn-refresh
{
  padding-left: 32px;
  background: url(img/bg-btn-refresh.png) no-repeat 0 50%;
}
.btn-refresh:hover
{
  background-image: url(img/bg-btn-refresh-hover.png);
}

/* Icons */
.ico-back, .ico-back-dis
{
  width: 18px;
  height: 18px;
}
.ico-back .sprite, .ico-back-dis .sprite
{
  background-image: url(img/ico-back.png);
}

.ico-forward, .ico-forward-dis
{
  width: 18px;
  height: 18px;
}
.ico-forward .sprite, .ico-forward-dis .sprite
{
  background-image: url(img/ico-forward.png);
}

.ico-home
{
  width: 18px;
  height: 18px;
  margin-left: 7px;
}
.ico-home .sprite
{
  background-image: url(img/ico-home.png);
}

.ico-favorites
{
  width: 18px;
  height: 18px;
}
.ico-favorites .sprite
{
  background-image: url(img/ico-favorites.png);
}

.ico-print
{
  width: 18px;
  height: 18px;
}
.ico-print .sprite
{
  background-image: url(img/ico-print.png);
}

.ico-prev-chapter, .ico-prev-chapter-dis
{
  width: 15px;
  height: 15px;
}
.ico-prev-chapter .sprite, .ico-prev-chapter-dis .sprite
{
  background-image: url(img/ico-prev-chapter.png);
}

.ico-next-chapter, .ico-next-chapter-dis
{
  width: 15px;
  height: 15px;
}
.ico-next-chapter .sprite, .ico-next-chapter-dis .sprite
{
  background-image: url(img/ico-next-chapter.png);
}
.ico-next-chapter-dis .sprite, .ico-prev-chapter-dis .sprite, .ico-forward-dis .sprite, .ico-back-dis .sprite
{
  background-position: 0 -200px;
  cursor: default;
}

/*
.ico-course-start { width: 22px; height: 21px; }
.ico-course-start .sprite { background-image: url(img/ico-course-start.png); }

.ico-course-tick { width: 22px; height: 21px; }
.ico-course-tick .sprite { background-image: url(img/ico-course-tick.png); }

.ico-course-refresh { width: 22px; height: 21px; }
.ico-course-refresh .sprite { background-image: url(img/ico-course-refresh.png); }

.ico-course-x { width: 22px; height: 21px;  }
.ico-course-x .sprite { background-image: url(img/ico-course-x.png); }

*/

.ico-flag-en, .ico-flag-de, .ico-flag-it, .ico-flag-cn, .ico-flag-es, .ico-flag-ru, .ico-flag-sa, .ico-flag-cz
{
  position: relative;
  width: 18px;
  height: 13px;
  display: block;
  overflow: hidden;
  float: left;
  margin-right: 2px;
}

.ico-flag-en .sprite
{
  background-image: url(img/flag-en.png);
}
.ico-flag-de .sprite
{
  background-image: url(img/flag-de.png);
}
.ico-flag-it .sprite
{
  background-image: url(img/flag-it.png);
}
.ico-flag-cn .sprite
{
  background-image: url(img/flag-cn.png);
}
.ico-flag-es .sprite
{
  background-image: url(img/flag-es.png);
}
.ico-flag-ru .sprite
{
  background-image: url(img/flag-ru.png);
}
.ico-flag-sa .sprite
{
  background-image: url(img/flag-sa.png);
}
.ico-flag-cz .sprite
{
  background-image: url(img/flag-cz.png);
}

.ico-flag-direction
{
  position: relative;
  width: 18px;
  height: 13px;
  display: block;
  overflow: hidden;
  float: left;
  margin-right: 2px;
}
.ico-flag-direction .sprite
{
  background-image: url(img/flag-direction.png);
}

.flags
{
  margin: 8px 0 5px 0;
}

.ico-forward, .ico-forward-dis, .ico-back, .ico-back-dis, .ico-home, .ico-favorites, .ico-print, .ico-prev-chapter, .ico-prev-chapter-dis, .ico-next-chapter, .ico-next-chapter-dis
{
  position: relative;
  display: block;
  overflow: hidden;
}

.ico-forward:hover, .ico-back:hover, .ico-home:hover, .ico-favorites:hover, .ico-print:hover, .ico-prev-chapter:hover, .ico-next-chapter:hover
{
  color: white;
}

.ico-forward:hover .sprite, .ico-back:hover .sprite, .ico-home:hover .sprite, .ico-favorites:hover .sprite, .ico-print:hover .sprite, .ico-prev-chapter:hover .sprite, .ico-next-chapter:hover .sprite
{
  background-position: 0 -100px;
}

.ico-langmaster
{
  background: url(img/ico-langmaster.png) no-repeat 0 50%;
  padding-left: 20px;
}
.logo-langmaster-footer
{
  display: block;
  width: 170px;
  height: 18px;
  overflow: hidden;
  position: relative;
  margin-top: 5px;
}
.logo-langmaster-footer .sprite
{
  background-image: url(img/logo-langmaster-footer.png);
}

/* Cols */

/* Header */
#superheader
{
  line-height: 1.5em;
  padding-left: 25px;
  border-top: 6px solid #88BCE3;
}
#header
{
  position: relative;
  background: #C7E8FF url(img/bg-header.png) repeat-y 0 0;
  min-height: 55px;
  _height: 55px;
}
#header #claim
{
  position: relative;
  width: 202px;
  height: 44px;
  text-align: center;
  float: right;
  overflow: hidden;
}
/*#header #claim .sprite { background-image: url(img/claim-english.png);}*/

#logo-box
{
  margin: 2px 0 0 13px;
  float: left;
}
#logo
{
  display: block;
  width: 159px;
  height: 36px;
  overflow: hidden;
  position: relative;
}
#logo .sprite
{
  background-image: url(img/logo.png);
}

#logo .fb-sprite
{
  background-image: url(img/fb-logo.png);
}

#logo-vyspa
{
  display: block;
  width: 130px;
  height: 36px;
  overflow: hidden;
  position: relative;
}
#logo-vyspa .sprite
{
  background-image: url(img/logo-vyspa.png);
}

.toolbar
{
  float: left;
  margin-left: 30px;
}
.toolbar .bg-left
{
  float: left;
  height: 30px;
  width: 14px;
  background: url(img/bg-toolbar-left.png) no-repeat 0 0;
}
.toolbar .bg-right
{
  float: left;
  height: 30px;
  width: 15px;
  background: url(img/bg-toolbar-right.png) no-repeat 0 0;
}
.toolbar ul
{
  list-style: none;
  margin: 0;
  padding: 0;
  background: #8ABEE4 url(img/bg-toolbar.png) repeat-x 0 0;
  height: 30px;
  float: left;
}
.toolbar ul li
{
  list-style: none;
  margin: 5px 2px 0 2px;
  padding: 0;
  float: left;
  background: none;
}
.toolbar ul li img
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
}

.login-box
{
  float: right;
  height: 44px;
  line-height: 44px;
  margin: 0 20px 0 0;
}
.login-box ul
{
  margin: 0;
  padding: 0;
}
.login-box ul li
{
  margin: 0 0 0 10px;
  padding: 0;
  background: none;
  float: left;
}
.login-box ul li a
{
  font-weight: bold;
  padding: 0 0 0 25px;
  border-left: 1px solid #BABEC2;
}
.login-box ul li:first-child a
{
  border: none;
}
.ico-login
{
  background: url( 'img/ico-login.png' ) 7px center no-repeat;
}
.ico-logout
{
  background: url( 'img/ico-logout.png' ) 7px center no-repeat;
}

/* Breadcrumb */
#breadcrumb
{
  font-size: 100%;
  height: 20px;
  overflow: hidden;
  position: relative;
}
#breadcrumb p
{
  margin: 0;
  padding: 2px 15px;
  font-size: 92%;
}
#breadcrumb a
{
  padding-right: 12px;
  margin-right: 4px;
  background: url(img/bullet-breadcrumb.png) no-repeat 100% 60%;
}
#breadcrumb .arrow
{
  position: absolute;
  left: -2000px;
  top: 0;
}
.arr-breadcrumb
{
  font-size: 109%;
}

/* Prologue */
#prologue
{
  background: #F9F9E8 url(img/bg-prologue-right.png) no-repeat 100% 0;
  margin-right: 8px;
  border-bottom: 6px solid #D1ECFC;
}
#superheader.no-right-bar #prologue
{
  background-image: none;
}
.prologue-wrap
{
  background: url(img/bg-prologue-bottom.png) repeat-x 0 100%;
  padding: 8px 0 0px 15px;
  height: 56px;
  position: relative;
}
#prologue .right-bar
{
  width: 186px;
  float: right;
  text-align: center;
}
#prologue h2
{
  margin: 0;
}
#superheader.start-page #prologue h2
{
  padding-top: 12px;
  margin-left: 15px;
}
#superheader.results-page #prologue h2
{
  padding-top: 8px;
  margin-left: 15px;
}
#superheader.results-page #prologue .lesson-info
{
  padding-top: 3px;
  margin-left: 15px;
  height: 1em;
  overflow: hidden;
}
#superheader.results-page #prologue .lesson-info .progress-bar
{
  margin-top: 3px;
}
#superheader.results-page #prologue .lesson-info .progress-bar-time
{
  margin-top: 3px;
}
#superheader.no-right-bar #prologue
{
  background-image: none;
}

.chapter-header
{
  /*position:relative;   margin-bottom: 10px;*/
  height: 30px;
}
.chapter-header h2
{
  float: left;
}
.chapter-nav
{
  float: left;
  margin: 0 0 0 15px;
}
.chapter-nav a
{
  float: left;
  margin: 2px;
}

.chapter-wrap
{
  position: absolute;
  bottom: 0;
  left: 0;
  xwidth: 100%;
}
.chapter-tabs
{
  margin-right: 178px;
  margin-left: 12px;
}
.chapter-tabs table
{
  width: auto;
  border: 0;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  clear: none;
  table-layout: fixed;
  font-size: 100%;
}

.chapter-tabs table td
{
  padding: 0 1px;
  border: 0;
  background: none;
}

.chapter-tabs .tab
{
  margin: 0 0 0 0;
  padding: 0;
  list-style: none;
}
.chapter-tabs .tab a
{
  display: block;
  padding: 0 0 0 2px;
  background: url(img/bg-chapter-tab-new.png) no-repeat 0 100%;
  color: #323230;
  text-decoration: none;
  font-size: 109%;
}
.chapter-tabs .tab a:visited, .chapter-tabs ul li a:hover
{
  color: #323230;
}
.chapter-tabs .tab a .bg
{
  display: block;
  background: url(img/bg-chapter-tab-new.png) no-repeat 100% 100%;
  padding-right: 2px;
  padding: 5px 2px 3px 0;
  text-align: center;
}

.chapter-tabs .tab.old a, .chapter-tabs .tab.old a .bg
{
  background-image: url(img/bg-chapter-tab-old.png);
}

.chapter-tabs .tab a:hover, .chapter-tabs .tab a:hover .bg, .chapter-tabs .tab.active a, .chapter-tabs .tab.active a .bg
{
  background-image: url(img/bg-chapter-tab-active.png);
  font-weight: bold;
}

.chapter-tabs .tab.active a .bg
{
  padding-bottom: 4px;
  position: relative;
  z-index: 10;
}
.chapter-tabs .tab .number
{
  display: block;
  min-height: 17px;
  cursor: pointer;
}

.chapter-tabs a.btn-tab
{
  display: block;
  margin: 2px 0 0 0;
  color: white;
  text-decoration: none;
}
.chapter-tabs a.btn-tab:visited, .chapter-tabs a.btn-tab:hover
{
  color: white;
}
.chapter-tabs .active a.btn-tab .bg-right
{
  color: #1B2936;
  font-weight: normal;
}

.btn-begin
{
  background: url(img/bg-btn-begin.png) no-repeat 0 100%;
  padding-left: 34px;
}
.btn-begin:hover
{
  background-image: url(img/bg-btn-begin-hover.png);
}
.chapter-tabs .active .btn-begin
{
  background-image: url(img/bg-btn-begin-active.png);
}

.btn-results
{
  background: url(img/bg-btn-results.png) no-repeat 0 100%;
  padding-left: 34px;
}
.btn-results:hover
{
  background-image: url(img/bg-btn-results-hover.png);
}
.chapter-tabs .active .btn-results
{
  background-image: url(img/bg-btn-results-active.png);
}


.btn-tab .bg-right
{
  background: url(img/bg-btn-tab-right.png) no-repeat 100% 100%;
  padding: 7px 8px 3px 3px;
  display: block;
  float: left;
  font-size: 92%;
  cursor: pointer;
}
.btn-tab:hover .bg-right
{
  background-image: url(img/bg-btn-tab-right-hover.png);
}
.chapter-tabs .active .btn-tab .bg-right
{
  background-image: url(img/bg-btn-tab-right-active.png);
  padding-bottom: 4px;
}

/* Progress bar */
.chapter-tabs table td .progress-bar
{
  height: 4px;
  margin: 0 3px;
}
.progress-bar-empty
{
  height: 4px;
  display: block;
  margin: 0 3px;
}
.progress-bar-empty .progress-bar-inner
{
  background: none;
}
.progress-bar, .progress-bar-time
{
  height: 4px;
  display: block;
  margin: 0 3px;
  background: url(img/bg-progress-bar.png) repeat-x 0 0;
  text-align: left;
}
.progress-bar-inner
{
  height: 100%;
  display: block;
  background: url(img/bg-progress-bar-inner.png) repeat-x 0 0;
}

.progress-bar-time
{
  background: white;
  border: 1px solid #9BA6AD;
}
.progress-bar-time .progress-bar-inner
{
  background: #FFCD04;
}

/* Right column */
#col-right
{
  width: 186px;
  margin-right: 8px;
  float: right;
}
#col-right #menu-bar
{
  background: #C7E8FF url(img/bg-right-menu-bar.png) no-repeat 0 100%;
  padding: 1px 0;
}

#col-right.wide
{
  width: 470px;
  background: none;
}

#col-left
{
  margin-right: 200px;
}

.button-menu ul
{
  margin: 0 0 12px 12px;
  padding: 0;
  list-style: none;
}
.button-menu ul li
{
  margin: 8px 0;
  padding: 0;
  list-style: none;
}

#translate-box
{
  margin: 0 0 0 12px;
}
#translate-box .inp-text
{
  width: 90px;
}

/* Ad box */
.adbox1 .spc
{
  padding: 15px 0 0 12px;
}

/* Content */
.content-body
{
  width: 100%;
  height: 100%;
}

#content
{
  margin: 10px 20px 20px 35px;
  border-top: 1px solid white;
  position: relative;
  padding-bottom: 1px;
  min-height: 420px;
}

/* Forms */
form
{
  margin: 0;
  padding: 0;
}
.btn-submit
{
  background: #9ACC03;
  font-size: 100%;
  color: #FFF;
  padding: 1px 5px;
  border-color: #9ACC03;
  border-width: 1px;
  font-family: "Franklin Gothic Medium" , Arial, sans-serif;
  text-transform: uppercase;
  font-size: 92%;
  margin-left: -2px;
}

.btn-submit:hover
{
  background: #A7DD03;
}

.form-translate p
{
  margin: 0;
  padding: 5px 0 7px;
}
.form-translate .inp-text
{
  float: left;
  padding: 3px 2px;
}
.form-translate .btn-translate
{
  float: left;
  margin-left: -1px;
}

.inp-text
{
  font-family: inherit;
  font-size: 100%;
  padding: 2px;
  border: 1px solid #91B2C9;
}


/* Lesson */
.lesson-header
{
  border-bottom: 1px solid #BABEC2; /*  margin: -10px -10px 0 -10px;*/
  padding: 10px 20px;
  position: relative;
}
.lesson-header-em
{
  background: #F9F9E8;
}
.lesson-number
{
  background: url(img/bg-lesson-number.png) no-repeat 0 0;
  float: left;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  margin-right: 10px;
  font-size: 200%;
  font-family: "Franklin Gothic Medium" , Arial, sans-serif;
  color: #3B4F60;
}
.lesson-info
{
  clear: left;
  font-size: 92%;
}
.lesson-info .l
{
  margin-right: 0.5em;
}
.lesson-info .progress-bar
{
  margin: 0.7em 8px 0 3px;
  height: 6px;
}
.lesson-info .progress-bar-time
{
  margin: 0.7em 8px 0 3px;
  height: 4px;
}
.lesson-header .r
{
  margin-top: 8px;
}

.lesson-header .desc
{
  margin: 1em 0 0 46px;
  color: #48535B;
}

.lesson-footer
{
  border-bottom: 1px solid #BABEC2;
  margin: 0 -10px 0 -10px;
  padding: 15px 20px;
  position: relative;
  background: #F9F9E8;
}
.lesson-footer h2
{
  margin-top: 0;
}
.lesson-footer p
{
  margin: 0;
}

.footer
{
  margin: 15px 10px 20px 25px;
  padding: 2px 10px;
  border-top: 1px solid #BABEC2;
  font-size: 92%;
}
.footer-no-border
{
  margin-top: -10px !important;
  border: 0;
}

.tip
{
  background: #FCFCF3 url(img/ico-bulb.png) no-repeat 10px 50%;
  border: 1px solid #D0D0C6;
  padding: 17px 20px 17px 60px;
  margin: 1.667em 0;
}

.signpost-small li
{
  background-repeat: no-repeat;
  background-position: 5px 50%;
  padding: 6px 0 6px 40px;
}
.signpost-small .ico-level-1
{
  background-image: url(img/ico-level-1-small.png);
}
.signpost-small .ico-level-2
{
  background-image: url(img/ico-level-2-small.png);
}
.signpost-small .ico-level-3
{
  background-image: url(img/ico-level-3-small.png);
}
.signpost-small p
{
  margin: 0;
}

.signpost-big li
{
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 10px 0 10px 60px;
}
.signpost-big li h2
{
  margin: 0 0 3px 0;
}
.signpost-big li p
{
  margin: 0;
}
.signpost-big .ico-level-1
{
  background-image: url(img/ico-level-1-big.png);
}
.signpost-big .ico-level-2
{
  background-image: url(img/ico-level-2-big.png);
}
.signpost-big .ico-level-3
{
  background-image: url(img/ico-level-3-big.png);
}

.signpost-big .ico-obsah-kurzu
{
  background-image: url(img/ico-obsah-kurzu-big.png);
}
.signpost-big .ico-pruchod-kurzem
{
  background-image: url(img/ico-pruchod-kurzem-big.png);
}
.signpost-big .ico-vysledky-kurzu
{
  background-image: url(img/ico-vysledky-kurzu-big.png);
}

/* Course tree */
.course-tree
{
  background: #F4FBFF;
  border: 1px solid #CDEBFC;
  margin-bottom: 15px;
}
.course-tree ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}
.course-tree ul li
{
  margin: 0;
  padding: 0 0 0 0;
  background: none;
  position: relative;
}

.course-tree ul li .head
{
  background: #D6EEFD;
  background: #F4FBFF;
}
.course-tree ul li.expanded .head
{
  background-color: #D6EEFD;
}
.course-tree ul li ul li .head
{
  border-style: solid;
  border-width: 0px 0;
  border-top-color: #F4FBFF;
  border-bottom-color: #BCE2FA;
}
.course-tree ul li ul li .head
{
  background: url(img/bg-course-tree-hdots2.png) no-repeat -1px 14px;
}
.course-tree ul li ul li.collapsed .head, .course-tree ul li ul li.leaf .head
{
  background-color: transparent;
}
.course-tree ul li ul li.expanded .head
{
  border-top-color: #BCE2FA;
}
.course-tree ul li.expanded .body
{
  background: url(img/bg-course-tree-vdots.png) repeat-y 14px 0;
}
.course-tree ul li.collapsed .head, .course-tree ul li.leaf .head
{
  border-bottom-color: #F4FBFF;
}
.course-tree ul li.collapsed .body
{
  display: none;
}

.course-tree .head h2
{
  margin: 0;
  padding: 0;
  background: url(img/ico-plus-minus.png) no-repeat 10px 10px;
  padding-left: 30px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 150%;
  line-height: 1.2;
  color: #FF8A00;
  padding-top: 4px;
  padding-bottom: 4px;
}

.course-tree .head h3
{
  margin: 0;
  padding: 0;
  background: url(img/ico-plus-minus.png) no-repeat 10px 10px;
  padding-left: 30px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 133%;
  line-height: 1.2;
  color: #333333;
  padding-top: 6px;
  padding-bottom: 6px;
}

.course-tree ul li ul li .head h3
{
  margin: 0;
  padding: 0;
  background: url(img/ico-plus-minus.png) no-repeat 10px 10px;
  padding-left: 30px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.2;
  padding-top: 7px;
  padding-bottom: 7px;
  color: #333333;
}


.course-tree ul li a
{
  color: #1B2936;
}
.course-tree ul li a:visited
{
  color: #1B2936;
}
.course-tree ul li a:hover
{
  color: #51606C;
}

.course-tree ul li.collapsed .head:hover, .course-tree ul li.collapsed .hover, .course-tree ul li ul li.collapsed .hover
{
  background: #D6EEFD;
}

.course-tree ul li.expanded ul li ul li .head
{
  border: 0 !important;
}
.course-tree ul li.collapsed .head h2, .course-tree ul li.collapsed .head h3
{
  background-position: 10px -90px;
  background-color: transparent;
}
.course-tree ul li.leaf .head h3
{
  background-image: none;
  background-color: transparent;
  padding-left: 0px;
}
/* .course-tree ul li ul li.expanded > .head h3 { color: #FF8A00; font-weight: bold; } */
.course-tree ul li ul li.expanded .head.chapter h3
{
  font-weight: normal;
}
.course-tree ul li ul li
{
  padding-left: 30px;
  background: url(img/bg-course-tree-hdots.png) no-repeat 15px 14px;
}
.course-tree ul li ul li.last
{
  padding-left: 0;
}
.course-tree ul li ul li.last .mask
{
  padding-left: 30px;
  background: url(img/bg-course-tree-vmask1.png) no-repeat 13px 0;
}

/* stačil by child selector, ale IE6 ho neumí, proto nastupuje brute force: */
.course-tree ul li ul li.last ul li .mask
{
  padding-left: 0;
  background: none;
}
.course-tree ul li ul li.last ul li.last .mask
{
  padding-left: 30px;
  background: url(img/bg-course-tree-vmask1.png) no-repeat 13px 0;
}

.course-tree ul li ul li.last ul li.last ul li .mask
{
  padding-left: 0;
  background: none;
}
.course-tree ul li ul li.last ul li.last ul li.last .mask
{
  padding-left: 30px;
  background: url(img/bg-course-tree-vmask1.png) no-repeat 13px 0;
}

.course-tree ul li ul li.last ul li.last ul li .mask
{
  padding-left: 0;
  background: none;
}
.course-tree ul li ul li.last ul li.last ul li.last .mask
{
  padding-left: 30px;
  background: url(img/bg-course-tree-vmask1.png) no-repeat 13px 0;
}

.course-tree ul li ul li.last ul li.last ul li.last ul li .mask
{
  padding-left: 0;
  background: none;
}
.course-tree ul li ul li.last ul li.last ul li.last ul li.last .mask
{
  padding-left: 30px;
  background: url(img/bg-course-tree-vmask1.png) no-repeat 13px 0;
}

.course-tree ul li ul li.last ul li.last ul li.last ul li.last ul li .mask
{
  padding-left: 0;
  background: none;
}
.course-tree ul li ul li.last ul li.last ul li.last ul li.last ul li.last .mask
{
  padding-left: 30px;
  background: url(img/bg-course-tree-vmask1.png) no-repeat 13px 0;
}

/* Course tree icons */
.course-tree ul li .head h3 .ico
{
  display: block;
  padding-left: 30px;
}
.course-tree ul li .head.ico-tick h3 .ico
{
  background: url(img/ico-tick.png) no-repeat 3px -2px;
}
.course-tree ul li .head.ico-x h3 .ico
{
  background: url(img/ico-x.png) no-repeat 3px -2px;
}
.course-tree ul li .head.ico-current h3 .ico
{
  background: url(img/ico-current.png) no-repeat 3px 0.1em;
}
.course-tree ul li .current h3, .course-tree ul li .current h3 a
{
  color: #FF8A00 !important;
  font-weight: bold;
}

/* Course tree buttons */
.course-tree ul li .head .tools a
{
  display: block;
  width: 22px;
  height: 21px;
  position: relative;
  overflow: hidden;
}
.course-tree ul li .head .tools a:hover
{
}
.course-tree ul li .head .tools a:hover .sprite
{
  background-position: 0 -100px;
}

.course-tree ul li .head.ico-course-start .tools a .sprite
{
  background-image: url(img/ico-course-start.png);
}
.course-tree ul li .head.ico-course-tick .tools a .sprite
{
  background-image: url(img/ico-course-tick.png);
}
.course-tree ul li .head.ico-course-refresh .tools a .sprite
{
  background-image: url(img/ico-course-refresh.png);
}
.course-tree ul li .head.ico-course-x .tools a .sprite
{
  background-image: url(img/ico-course-x.png);
}

.course-tree ul li .head.hide-progress .progress *
{
  display: none;
}
.course-tree ul li .head.hide-datetime .datetime *
{
  display: none;
}

.course-tree ul li .head .exercise
{
  font-size: 92%;
  padding-left: 30px;
  margin-top: -5px;
  line-height: 1.4;
}

.course-tree .head table
{
  border: 0;
  width: 100%;
  margin: 0;
  font-size: 100%;
  line-height: 1.2;
  table-layout: fixed;
  border-collapse: collapse;
}
.course-tree .head table tr td
{
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
}

table td .progress-bar
{
  height: 6px;
  margin: 4px 8px 0;
}
table td .progress-bar-time
{
  height: 4px;
  margin: 5px 8px 0;
}
table td.datetime
{
  font-size: 92%;
  text-align: right;
}
table td.progress
{
  font-size: 92%;
}
table td.tools
{
  font-size: 92%;
  vertical-align: middle;
  padding-left: 4px;
  text-align: center;
}
table td.tools a
{
  display: block;
  margin: auto;
}
.course-tree .head table td.tools
{
  border-left: 1px solid white;
}

.course-chapters table
{
}
.course-chapters table td.number
{
  font-weight: bold;
  text-align: center;
}
.course-chapters table td.progress
{
  font-weight: bold;
}
.course-chapters table td .progress-bar
{
  margin-top: 8px;
}
.course-chapters table td a
{
  color: #1B2936;
}
.course-chapters table td a.ico-current
{
  background: url(img/ico-current.png) no-repeat 0 -1px;
  padding-left: 25px;
  color: #FF8A00;
  font-weight: bold;
}
.course-tree a.ico-current:visited
{
  color: #93550C;
}
.course-tree a.ico-current:hover
{
  color: #BE7117;
}

.ico-current-big
{
  background: url(img/ico-current-big.png) no-repeat 5px 50%;
  padding: 12px 0 12px 50px;
}

#col-right.bubble-line
{
  background: url(img/bg-bubble-line.png) no-repeat 0 75%;
}

.home-spc
{
  padding: 40px 10px 15px;
  margin-right: 300px;
}
.home-spc h1
{
  margin-bottom: 0.35em;
}
.home-spc p.r
{
  margin-left: 1em;
}

.big-bubbles
{
  height: 342px;
  background: url(img/bg-big-bubbles.png) no-repeat 50% 50%;
  position: relative;
  margin-top: 30px;
}
.bubble-kurz-anglictiny, .bubble-rewise, .bubble-kontextovy-slovnik
{
  width: 130px;
  position: absolute;
  font-size: 92%;
  color: white;
  line-height: 1.272;
}
.bubble-kurz-anglictiny
{
  top: 92px;
  left: 172px;
}
.bubble-rewise
{
  top: 225px;
  left: 80px;
}
.bubble-kontextovy-slovnik
{
  top: 225px;
  left: 260px;
}

#superfooter
{
  background: white url(img/bg-superfooter.png) repeat-x 0 0;
  padding-top: 1px;
}

#superfooter .col-left
{
  margin: 30px 480px 15px 40px;
}
#superfooter .col-right
{
  width: 425px;
  float: right;
  margin-right: 10px;
}
#superfooter .col-full
{
  margin: 30px 40px 15px 40px;
}

#superfooter .footer
{
  margin: 15px 0;
  padding: 2px 20px 10px 25px;
}

#superfooter .col-left .spc, #superfooter .col-full .spc
{
  padding: 0 10px;
  font-size: 92%;
  line-height: 1.5;
}
#superfooter .col-left .spc h3, #superfooter .col-full .spc h3
{
  margin-top: 0px;
}
#superfooter .col-left .spc p, #superfooter .col-full .spc p
{
  margin-bottom: 0px;
}

.round
{
  background: white;
  position: relative;
  border: 1px solid #CECEC4;
}
#superfooter .col-left .round .spc, #superfooter .col-full .round .spc
{
  padding: 10px 15px;
}
.round-tl, .round-tr, .round-bl, .round-br
{
  background-repeat: no-repeat;
}

.round-tl
{
  background: url(img/bg-round-tl.png) no-repeat 0 0;
  margin: -1px 0 0 0;
  position: relative;
}
.round-tr
{
  background: url(img/bg-round-tr.png) no-repeat 100% 0;
}
.round-bl
{
  background: url(img/bg-round-bl.png) no-repeat 0 100%;
  margin: 0 0 -1px -1px;
}
.round-br
{
  background: url(img/bg-round-br.png) no-repeat 100% 100%;
  margin: 0 -1px 0 0;
}

.ico-instalace
{
  background: url(img/ico-instalace.png) no-repeat 0 50%;
  padding-left: 55px;
}
.ico-aktualizace
{
  background: url(img/ico-aktualizace.png) no-repeat 0 50%;
  padding-left: 55px;
}

#col-right.wide .spc
{
  padding: 50px 35px 20px;
  position: relative;
  z-index: 10;
}
#col-right.wide .bubble
{
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 120px;
  height: 120px;
  float: left;
  margin: 0 15px 15px 0;
}

#col-right.bubble-kurz .spc
{
  background: url(img/bg-grad-kurz.png) repeat-x 0 0;
}
#col-right.bubble-kurz .bubble
{
  background-image: url(img/bg-bubble-kurz.png);
}

.sect-english .motive
{
  background-image: url(img/motive-english.png);
}
.sect-englishberlitz .motive
{
  background-image: url(img/motive-english.png);
}
.sect-german .motive
{
  background-image: url(img/motive-german.png);
}
.sect-germanberlitz .motive
{
  background-image: url(img/motive-german.png);
}
.sect-italian .motive
{
  background-image: url(img/motive-italian.png);
}
.sect-italianberlitz .motive
{
  background-image: url(img/motive-italian.png);
}
.sect-french .motive
{
  background-image: url(img/motive-french.png);
}
.sect-frenchberlitz .motive
{
  background-image: url(img/motive-french.png);
}
.sect-spanish .motive
{
  background-image: url(img/motive-spanish.png);
}
.sect-spanishberlitz .motive
{
  background-image: url(img/motive-spanish.png);
}
.sect-chinese .motive
{
  background-image: url(img/motive-chinese.png);
}
.sect-russian .motive
{
  background-image: url(img/motive-russian.png);
}
.sect-other .motive
{
}

/* Vyspa */
.signpost-vyspa
{
  width: 100%;
  float: left;
}
.signpost-vyspa li
{
  background: url(img/bg-signpost-vyspa-top.png) no-repeat 100% 0;
  margin-bottom: 8px;
  padding: 0;
}
.signpost-vyspa li .spc
{
  background: url(img/bg-signpost-vyspa-bottom.png) no-repeat 100% 100%;
  padding: 6px 6px 5px;
  position: relative;
  min-height: 44px;
}
.signpost-vyspa li h2
{
  margin-top: 0.75em;
}
.signpost-vyspa li .btn-course-start
{
  float: right;
}

.logo-csvs, .logo-cz, .logo-esf, .logo-eu, .logo-mpsv, .logo-prague
{
  width: 53px;
  height: 36px;
  float: left;
  position: relative;
  margin-right: 10px;
  text-align: center;
  font-size: 83%;
}
.logo-csvs .sprite, .logo-cz .sprite, .logo-esf .sprite, .logo-eu .sprite, .logo-mpsv .sprite, .logo-prague .sprite
{
  width: 53px;
  height: 36px;
  float: left;
}

.logo-csvs .sprite
{
  background-image: url(img/logo-csvs.png);
}
.logo-cz .sprite
{
  background-image: url(img/logo-cz.png);
}
.logo-esf .sprite
{
  background-image: url(img/logo-esf.png);
}
.logo-eu .sprite
{
  background-image: url(img/logo-eu.png);
}
.logo-mpsv .sprite
{
  background-image: url(img/logo-mpsv.png);
}
.logo-prague .sprite
{
  background-image: url(img/logo-prague.png);
}

body.vyspa #col-right .spc
{
  background: url(img/bg-motive-vyspa.jpg) no-repeat 50% 50%;
  height: 463px;
  width: 350px;
  padding: 60px 0;
}
body.vyspa #col-right
{
  width: 350px;
}
body.vyspa #col-left
{
  margin-right: 360px;
}
body.vyspa #col-left .home-spc
{
  margin-right: 0;
}

/* Licence */
.form-box
{
  background: #FCFCF3;
  border: 1px solid #D0D0C6;
  padding: 17px 20px;
  margin: 1.667em 0;
  overflow: hidden;
}

.form-box-2
{
  background: #FAFAED;
  border-bottom: 1px solid #DBDDDC;
  padding: 17px 20px 17px 120px;
  margin: 1.667em 0;
  position: relative;
  overflow: hidden;
}

.btn-form-box-2
{
  background: url(img/bg-btn-form-box-2.png) no-repeat 0 0;
  width: 89px;
  height: 38px;
  display: block;
  font-size: 133%;
  font-family: "Franklin Gothic Medium" , Arial, sans-serif;
  line-height: 38px;
  text-align: center;
  position: absolute;
  top: 12px;
  left: 15px;
}

.form-box-2 h3
{
  margin-top: 0;
  font-size: 133%;
  font-family: "Franklin Gothic Medium" , Arial, sans-serif;
}

.form-box-2 p
{
  margin-bottom: 0.75em;
}

.licence-key
{
  border: 1px solid #DCDEDE;
  background: white;
  font-family: "Franklin Gothic Medium" , Arial, sans-serif;
  font-size: 150%;
  font-style: italic;
  padding: 0 5px;
}

.ico-licence-cd
{
  background: url(img/ico-licence-cd.png) no-repeat 0 50%;
  padding: 10px 10px 10px 60px;
  overflow: hidden;
}
.ico-licence-cd p
{
  margin: 0;
}

.licence-no
{
  width: 3.2em;
  float: left;
  margin-right: 3px;
}
.activation-key
{
  width: 15em;
  float: left;
  margin-right: 3px;
}

.ico-licence-warning, .ico-licence-ok
{
  background: url(img/ico-licence-warning.png) no-repeat 0 20px;
  padding: 3px 0 1px 50px;
  min-height: 50px;
  margin-bottom: -15px;
}
.ico-licence-warning h2, .ico-licence-ok h2
{
  font-size: 150%;
  color: #CC0909;
  margin: 15px 0 0;
  font-family: "Franklin Gothic Medium" , Arial, sans-serif;
}

.ico-licence-ok
{
  background: url(img/ico-licence-ok.png) no-repeat 0 20px;
}
.ico-licence-ok h2
{
  color: #9BCF03;
}


.licence-box
{
  width: 289px;
  background: url(img/bg-licence-box-top.png) no-repeat 0 0;
  padding-top: 18px;
  position: relative;
  margin-bottom: 20px;
}
.licence-box .licence-box-spc
{
  background: #7BB5DF url(img/bg-licence-box.png) repeat-x 0 0;
}
.licence-box .licence-box-bottom
{
  background: url(img/bg-licence-box-bottom.png) no-repeat 0 100%;
  padding: 1px 10px 10px 10px;
}
.licence-box h2
{
  margin: -2px 5px 5px 5px;
  line-height: 1.3;
  text-align: center;
  padding-bottom: 5px;
  background: url(img/bg-licence-box-dash.png) repeat-x 0 100%;
}

.licence-box table
{
  margin: 5px 0;
  border: 0;
  font-size: 92%;
}
.licence-box table tr td
{
  padding: 1px 5px;
  border: 0;
  background: none;
}
.licence-box .wstrong
{
  font-weight: bold;
  color: white;
}

.error
{
  color: #CC0909;
}

body.licence #col-right
{
  width: 320px;
  background: none;
  position: relative;
  z-index: 10;
  padding-top: 40px;
}
body.licence #col-left
{
  margin-right: 330px;
}
body.licence #col-left .home-spc
{
  margin-right: 0;
  padding-top: 0;
}

body.licence #col-right .tip
{
  margin-right: 31px;
}

.star-licence-error
{
  width: 64px;
  height: 63px;
  position: absolute;
  top: -10px;
  right: -10px;
  background: url(img/star-licence-error.gif) no-repeat 0 0;
}

.star-licence-ok
{
  width: 68px;
  height: 67px;
  position: absolute;
  top: -10px;
  right: -10px;
  background: url(img/star-licence-ok.gif) no-repeat 0 0;
}

.grammer #main
{
  position: relative;
}
.grammer #col-left
{
  margin: 20px 360px 0 30px;
}
.grammer h1
{
  background: url('./img/bg-h1.png') #F9F9E8 bottom repeat-x;
  padding: 22px 10px;
}
.grammer h2
{
  border-bottom: 1px solid #BABEC2;
  padding: 3px 10px;
}
.grammer p
{
  margin: 2em 10px 0.5em;
}
.grammer p.example
{
  margin: 0.1em 10px;
}
.grammer .footer
{
  margin: 30px 250px 15px 40px;
}
.grammer .tree-box
{
  position: absolute;
  top: 100px;
  right: 10px;
  background: #D1ECFC;
  width: 310px;
  color: #333;
  font-size: 92%;
  padding: 20px 10px 15px;
}
/*.grammer .tree-box h3 {font-size: 100%; text-transform: uppercase; font-weight: bold; margin: 0;}
.grammer .tree-box ul {margin: 0; padding: 0;}
.grammer .tree-box ul ul {margin: 0 0 0 15px; padding: 0;}
.grammer .tree-box ul li {margin: 0; padding: 0; background: none; line-height: 1.8; _padding: 7px 0 0;}
.grammer .tree-box ul li img {vertical-align: 0;}
.grammer .tree-box ul li a {color: #333;}
.grammer .tree-box ul li a:hover {color: #BE7117;}*/

.tree-box .c-l, .tree-box .c-r, .tree-box .c-bl, .tree-box .c-br
{
  position: absolute;
  width: 10px;
  height: 10px;
  line-height: 1;
  font-size: 1;
  background: url('./img/corner-tree-box.png') 0 0 no-repeat;
}
.tree-box .c-l
{
  top: 0;
  left: 0;
}
.tree-box .c-r
{
  top: 0;
  right: 0;
  background-position: 100% 0;
}
.tree-box .c-bl
{
  bottom: 0;
  left: 0;
  background-position: 0 100%;
}
.tree-box .c-br
{
  bottom: 0;
  right: 0;
  background-position: 100% 100%;
}

.tree-box .title
{
  color: Blue;
  padding-left: 15px;
  text-decoration: underline;
  cursor: pointer;
}
.tree-box .onpath
{
  font-weight: bold;
  text-decoration: none;
}
.tree-box .expanded
{
  background: url('img/minus.png') no-repeat 0 5px;
}
.tree-box .collapsed
{
  background: url('img/plus.png') no-repeat 0 5px;
}
.tree-box .leaf
{
  background: url('img/end.png') no-repeat 0 5px;
}
.tree-box .onpath-leaf
{
  background: url('img/end.png') no-repeat 0 5px;
  color: Black;
  font-weight: bold;
  text-decoration: none;
  cursor: text;
}
.tree-box .title-text
{
}
.tree-box .body
{
  padding-left: 10px;
}
.tree-box .body-expanded
{
  display: block;
}
.tree-box .body-collapsed
{
  display: none;
}

.grammar-link
{
  float: right;
  margin-bottom: 18px;
}

.hide-licence-service-controls .grammar-link
{
  display: none;
}
.hide-licence-service-controls .see-also-links
{
  display: none;
}
.show-licence-service-controls .grammar-link
{
  display: block;
}
.show-licence-service-controls .see-also-links
{
  display: block;
}

.grammar-link a
{
  font-weight: bold;
  font-size: 1.2em;
  background: url(img/ico-current.png) no-repeat 0 1px;
  padding-left: 17px;
  padding-right: 12px;
}

.grammar-link a:visited
{
  color: #ff8a00;
}

/* grammar-lic-info v Q:\LMNet2\WebApps\eduauthornew\framework\controls\commonparts\Grammar.ascx*/

.grammar-lic-info
{
  text-align: right;
  padding-right: 10px;
  vertical-align: middle;
}

.grammar-lic-important
{
  display: block;
}

#grammar-lic-days
{
  padding-left: 5px;
  padding-right: 10px;
}


.grammar-lic-important #grammar-lic-days
{
  font-size: 14px;
  color: Red;
  font-weight: bold;
}

.grammar-lic-info a
{
  text-decoration: none;
  font-weight: normal;
  padding-right: 0px;
  background-image: none;
}

.grammar-loged a 
{
  background: url('img/PayPalBuyNow.png') no-repeat left top;
  padding-left: 76px;
}

.grammar-loged
{
  display: inline;
}

.grammar-unloged
{
  display: none;
}

.grammar-lic-unloged .grammar-loged
{
  display: none;
}

.grammar-lic-unloged .grammar-unloged
{
  display: inline;
}

.gramar-new {border: 2px solid #eb8348; background-color:#F7F7F7; padding: 10px; margin-bottom:10px; }
.gramar-new-left {float:left; color:#eb8348; font-weight:bold; font-size:16px; padding-left:20px; text-align:center; }
.gramar-new-right {margin-left: 150px; font-size:12px; padding-top: 5px; }
.gramar-new p {margin-bottom: 3px;}

.see-also-links p
{
  margin: 0px;
  font-weight: bold;
}
