*{
  margin: 0;
  padding: 0;
}
html{
  height: 100%;
}

body{
  font-size: 14px;
  background-color: #e9eaec;
  text-align: center;
  position:relative;
  height: 100%;
  font-family: Arial, sans-serif;  
}
div#header{
  background-image: url(/resources/image/headerBackground.png);
  background-repeat: repeat-x;
  height: 40px;
  left:0;
  width: 100%;
  min-width: 1171px; 
  position: absolute;
  z-index: 1;
}
div#headerContentWrapper{
  text-align: right;
  width: 1150px;
  margin: 0 auto;  
}

/* Vyhledavani */
div#headerContentWrapper input{
  border: 1px solid #8f9399;
}
div.search {
  padding-top: 4px;
} 
div.search button {
  font-size: .8em !important;
  margin-left:0.4em;
  top: -1px;
} 
div.search input{
  margin-top: 1px;
  font-size: 1em !important;
}
.ui-menu-item {
   text-align: left !important;
}
input.submit{
  padding: 0.2em;
}

div#headerContentWrapper input{
  padding: 0.2em;
  display: inline-block;
  border: 1px solid #8f9399;
}

div#searchWrapper {
  display: inline-block;
}


div#aboutWrapper{
 display: inline-block;
}

div#badgeWrapper{   
 display: inline-block;
}
div#badgeWrapper img{   
 position: relative;
  top: 2px;
}



div#aboutWrapper a, div#badgeWrapper a{
  color: white;
  font-weight: bold;
  text-decoration: none;
}

div#aboutWrapper a:hover, div#badgeWrapper a:hover{
  text-decoration: underline;
}

div.headerItemSeparator{ 
  display: inline-block;
  width: 2px;
  background-color: #c3c9d5;
  margin-left: 1em;
  margin-right: 1em;
  border: 1px solid #acb9c9;
  height: 10px;
}




/* Logo */
div#logoWrapper img{
  border: 0;
}

div#contentWrapper{
  margin: 0 auto 0 auto;
  padding-top: 34px;
  width: 1171px;
  text-align: left;
  
  height:auto !important; /* real browsers */   
  height:100%; /* IE6: treaded as min-height*/    
  min-height:100%; /* real browsers */
  
  background-image: url(/resources/image/main-background.jpg);
  background-repeat: repeat-y;  
  position: relative;
  z-index: 0; 
}
div#main{

  width: 1171px;
  height:auto !important; /* real browsers */   
  height:100%; /* IE6: treaded as min-height*/    
  min-height:100%; /* real browsers */ 
  position: relative;
}
div#menu{
  width: 242px;
  float: left;
}
div#menuContentWrapper{
  padding-left: 10px;
}
div#content{
  float: right;
  width: 929px;
  padding-bottom: 7em;     
}
div.cleaner{
  clear: both;
}

div#logoWrapper{
    width: 226px;
    text-align: center;
}

/* DESIGN */
h1, h2, h3, h4, h5 {
  font-family: Arial, sans-serif;
  margin-bottom: 0.5em; 
}
h2 h3, h4, h5 {
  margin-top: 0.6em;
}
h1{
  margin-top: 0.5em;
  font-size: 30px;
  width: 100%;
  border-bottom: 1px solid #983118;
  color: #983118;
}
h2{
  margin-top: 1em;
  font-size: 18px;
  width: 100%;
  border-bottom: 1px solid #983118;
  color: #983118;
  clear: left;
}
h3{
  margin-top: 1em;      
  font-size: 16px;
  width: 100%;
  color: #983118;
}
h4{
  font-size: 14px;
  width: 100%;
  color: #a4260a;
  margin-left: 1.5em;
}
h4 + p, 
h4 + p + p, 
h4 + p + p + p, 
h4 + p + p + p + p, 
h4 + p + p + p + p + p, 
h4 + p + p + p + p + p + p,
h4 + p + p + p + p + p + p + p,
h4 + p + p + p + p + p + p + p + p,
h4 + p + p + p + p + p + p + p + p + p,
h4 + p + p + p + p + p + p + p + p + p + p {
  margin-left: 1.5em;
  margin-right: 1.5em;
}

h5{
  font-size: 12px;
  width: 100%;
  color: black;
  margin-left: 2em;
}
h5 + p, 
h5 + p + p, 
h5 + p + p + p, 
h5 + p + p + p + p, 
h5 + p + p + p + p + p, 
h5 + p + p + p + p + p + p,
h5 + p + p + p + p + p + p + p,
h5 + p + p + p + p + p + p + p + p,
h5 + p + p + p + p + p + p + p + p + p,
h5 + p + p + p + p + p + p + p + p + p + p {
  margin-left: 2em;
  margin-right: 2em;
}

p{
  margin-top: 0.6em;
  margin-bottom: 0.6em;  
  text-indent: 2em;
  font-size: 14px;
  line-height:140%;
  text-align: justify;
}
p.noIndent{  
  text-indent: 0;
}

div#rightColumnWrapper a{
  color: #05438b;
  text-decoration: none;  
}
div#rightColumnWrapper div#contentBlock a{
  font-style:italic;  
}
div#rightColumnWrapper a:hover{
  text-decoration: underline;    
}

div#rightColumnWrapper a:hover{
  color: #0b05c6;    
}

div#logoWrapper img{
  margin: 30px auto 0 auto;
}
div#rightColumnWrapper{
  padding: 1em 3em 1em 2em;
}
div#articleSeparator{
  background-color: #f2ded6;
  width: 100%;
  height: 2px;
  border: 1px solid #96999e;
  border-radius: 2px;
  
  /* tohle se mi nelibi, ale v IE to bez font-size udela 12px velkej div...
     ten workaround bohuzel skoro vypne margin na ctverciky (pismo je velke 1px)
   */
  margin-top: 40px; 
  
  font-size:1px  
}

div#feedback{
  margin-top: 2em;
  margin-bottom: 2em;
}
div#feedbackBlock{
  clear: right;
  background-color: #fae4db;
  width: 100%;
  border: 1px solid #96999e;
  border-radius: 4px;
}

div#feedbackSign{
  float: right;
  color: #9fa1a4;
  font-family: Arial, sans-serif;
  font-size: 14px;
  margin-bottom: 0.5em;
}
div#paddingContentWrapper{
  padding: 0.5em 0.5em 0.5em 0.7em;
}

table#feedbackTable{
  float: left;
  text-align: left;
}
table#feedbackTable a{
  color: black;
  font-size: 12px;
  text-decoration: none;
}
table#feedbackTable a:hover{
  text-decoration: underline;
}
table#feedbackTable td{
  height: 20px;
  padding-right: 2em;
}

table#feedbackTable img{
  border: 0;
}

table#feedbackTable iframe{
  height:20px; 
}

/* Footer */
div#footerWrapper{
  position: absolute;
  bottom:0;
  width: 1153px;
  margin-left: 9px;
  margin-right: 9px;
}
div#footer{
  background-image: url(/resources/image/footerBackground.png);
  background-repeat: repeat-x;
  height: 18px;
  position: relative;
  text-align: center;
  color: white;
  padding-top: 10px;
  font-size: 12px;
  z-index: 1;
}
/* MENU */
div#menuBlock{
  margin-top: 2em;
}
div#menuSign{
  color: #9fa1a4;
  font-family: Arial, sans-serif;
  width:100%;
  text-align:right;
  position:relative;
  left:-8px;
  top: -2px;
  font-size: 10px;
}
div#menuWrapper{
  margin-top: 2em;
}
ul#menuList{
  background-image: url("/resources/image/menuBackground.png");
  width: 226px;
  background-repeat: repeat;
  border-bottom: 2px solid #9dacbe;  
  border-top: 2px solid #9dacbe; 
}

ul#menuList ul{
  font-size: 95%;
  margin-left: 1em;  
}


li.category{
  list-style-type: none;
}


a.categoryItem{
  display: block; 
  background-image: url(/resources/image/menuNodeBackground.png);

  font-family: Arial, sans-serif;
  font-size: 105%;  
  color: black;    
  text-decoration: none;
  background-repeat: repeat-x;
  background-color: #c9d2dc;

  border-bottom: 1px solid #9dacbe; 
  padding-top: 0.3em;
  padding-bottom: 0.2em;  
  border-left: 1px solid #9dacbe; 
}
a.categoryItem:hover{
  display: block; 
  background-image: url(none);
}   

li.article{
  border-top: 1px dashed #9cabbe;
  list-style-type: none;
  font-family: Arial, sans-serif;
  font-size: 100%;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  background-image: url(/resources/image/menuLeafBackground.png); 
   border-left: 1px solid #9dacbe; 
}
li.article:hover { 
    background-color: #edeef0;
    background-image: none;
}

li.article.first{
border-top: 0;
}
li.category > ul > li a > span > li.article.first{
  border-top: none !important;
}
span.categoryWrapper{
display: block; 
}
span.articleWrapper{
  display: block;
  padding-top: 0.1em;
  padding-bottom: 0.1em;  
}

span.articleWrapper:hover { 
    color: #0c1285;
}

a.articleItem{
  color: black;
  text-decoration: none;
}
a.articleItem:hover > span > span.textWrapper{
  text-decoration: underline;
}  

ul#menuList li.closed>a>span>span.bullet, span.bulletClosed{
  background-image: url(/resources/image/bullet.png);
  width: 9px;
  height: 9px;
  display: inline-block;
  margin-right: 0.5em; 
  background-repeat: no-repeat;
  #top: 4px;
  #position: relative;
}
ul#menuList li>a>span>span.bullet{
  background-image: url(/resources/image/bulletOpen.png);
  width: 9px;
  height: 7px;
  display: inline-block;
  margin-right: 0.5em; 
  background-repeat: no-repeat;
  #top: 4px;
  #position: relative;
}

ul#menuList li.category + li{
  border-top: 1px solid #9dacbe;
}
ul#menuList li.closed + li{
  border-top: 0px solid #9dacbe;
}

ul > li.closed:last-of-type > a{
    border-bottom:0;
}



  
.sub0{
  padding-left: 8px;
}
.sub1{
  padding-left: 8px;
}
.sub2{
  padding-left: 8px;
}
.sub3{
  padding-left: 8px;
}
.sub4{
  padding-left: 8px;
}
.sub5{ 
  padding-left: 8px;
}
.closed li, .closed ul {
  visibility: hidden;
  height: 0;
}


/* CODE */
.center{
  text-align: center;
}
div.code{
  font-family: monospace;
  margin-bottom: 1em;
  margin-top: 1em;
  display:block;
  width: 100%;
  background-color: #f0f2f5;
  border: 1px solid #8a8d93;
  line-height: 140%;
  border-radius: 4px;
*{
  margin: 0;
  padding: 0;
}
html{
  height: 100%;
}

body{
  font-size: 14px;
  background-color: #e9eaec;
  text-align: center;
  position:relative;
  height: 100%;
  font-family: Arial, sans-serif;  
}
div#header{
  background-image: url(/resources/image/headerBackground.png);
  background-repeat: repeat-x;
  height: 40px;
  left:0;
  width: 100%;
  min-width: 1171px; 
  position: absolute;
  z-index: 1;
}
div#headerContentWrapper{
  text-align: right;
  width: 1150px;
  margin: 0 auto;  
}

/* Vyhledavani */
div#headerContentWrapper input{
  border: 1px solid #8f9399;
}
div.search {
  padding-top: 4px;
} 
div.search button {
  font-size: .8em !important;
  margin-left:0.4em;
  top: -1px;
} 
div.search input{
  margin-top: 1px;
  font-size: 1em !important;
}
.ui-menu-item {
   text-align: left !important;
}
input.submit{
  padding: 0.2em;
}

div#headerContentWrapper input{
  padding: 0.2em;
  display: inline-block;
  border: 1px solid #8f9399;
}

div#searchWrapper {
  display: inline-block;
}


div#aboutWrapper{
 display: inline-block;
}

div#badgeWrapper{   
 display: inline-block;
}
div#badgeWrapper img{   
 position: relative;
  top: 2px;
}



div#aboutWrapper a, div#badgeWrapper a{
  color: white;
  font-weight: bold;
  text-decoration: none;
}

div#aboutWrapper a:hover, div#badgeWrapper a:hover{
  text-decoration: underline;
}

div.headerItemSeparator{ 
  display: inline-block;
  width: 2px;
  background-color: #c3c9d5;
  margin-left: 1em;
  margin-right: 1em;
  border: 1px solid #acb9c9;
  height: 10px;
}




/* Logo */
div#logoWrapper img{
  border: 0;
}

div#contentWrapper{
  margin: 0 auto 0 auto;
  padding-top: 34px;
  width: 1171px;
  text-align: left;
  
  height:auto !important; /* real browsers */   
  height:100%; /* IE6: treaded as min-height*/    
  min-height:100%; /* real browsers */
  
  background-image: url(/resources/image/main-background.jpg);
  background-repeat: repeat-y;  
  position: relative;
  z-index: 0; 
}
div#main{

  width: 1171px;
  height:auto !important; /* real browsers */   
  height:100%; /* IE6: treaded as min-height*/    
  min-height:100%; /* real browsers */ 
  position: relative;
}
div#menu{
  width: 242px;
  float: left;
}
div#menuContentWrapper{
  padding-left: 10px;
}
div#content{
  float: right;
  width: 929px;
  padding-bottom: 7em;     
}
div.cleaner{
  clear: both;
}

div#logoWrapper{
    width: 226px;
    text-align: center;
}

/* DESIGN */
h1, h2, h3, h4, h5 {
  font-family: Arial, sans-serif;
  margin-bottom: 0.5em; 
}
h2 h3, h4, h5 {
  margin-top: 0.6em;
}
h1{
  margin-top: 0.5em;
  font-size: 30px;
  width: 100%;
  border-bottom: 1px solid #983118;
  color: #983118;
}
h2{
  margin-top: 1em;
  font-size: 18px;
  width: 100%;
  border-bottom: 1px solid #983118;
  color: #983118;
  clear: left;
}
h3{
  margin-top: 1em;      
  font-size: 16px;
  width: 100%;
  color: #983118;
}
h4{
  font-size: 14px;
  width: 100%;
  color: #a4260a;
  margin-left: 1.5em;
}
h4 + p, 
h4 + p + p, 
h4 + p + p + p, 
h4 + p + p + p + p, 
h4 + p + p + p + p + p, 
h4 + p + p + p + p + p + p,
h4 + p + p + p + p + p + p + p,
h4 + p + p + p + p + p + p + p + p,
h4 + p + p + p + p + p + p + p + p + p,
h4 + p + p + p + p + p + p + p + p + p + p {
  margin-left: 1.5em;
  margin-right: 1.5em;
}

p{
  margin-top: 0.6em;
  margin-bottom: 0.6em;  
  text-indent: 2em;
  font-size: 14px;
  line-height:140%;
  text-align: justify;
}
p.noIndent{  
  text-indent: 0;
}

div#rightColumnWrapper a{
  color: #1d4885;    
}

div#rightColumnWrapper a:hover{
  color: #0b05c6;    
}

div#logoWrapper img{
  margin: 30px auto 0 auto;
}
div#rightColumnWrapper{
  padding: 1em 3em 1em 2em;
}
div#articleSeparator{
  background-color: #f2ded6;
  width: 100%;
  height: 2px;
  border: 1px solid #96999e;
  border-radius: 2px;
  
  /* tohle se mi nelibi, ale v IE to bez font-size udela 12px velkej div...
     ten workaround bohuzel skoro vypne margin na ctverciky (pismo je velke 1px)
   */
  margin-top: 40px; 
  
  font-size:1px  
}

div#feedback{
  margin-top: 2em;
  margin-bottom: 2em;
}
div#feedbackBlock{
  clear: right;
  background-color: #fae4db;
  width: 100%;
  border: 1px solid #96999e;
border-radius: 4px;
}

div#feedbackSign{
  float: right;
  color: #9fa1a4;
  font-family: Arial, sans-serif;
  font-size: 14px;
  margin-bottom: 0.5em;
}
div#paddingContentWrapper{
  padding: 0.5em 0.5em 0.5em 0.7em;
}

table#feedbackTable{
  float: left;
  text-align: left;
}
table#feedbackTable a{
  color: black;
  font-size: 12px;
  text-decoration: none;
}
table#feedbackTable a:hover{
  text-decoration: underline;
}
table#feedbackTable td{
  height: 20px;
  padding-right: 2em;
}

table#feedbackTable img{
  border: 0;
}
/* Footer */
div#footerWrapper{
  position: absolute;
  bottom:0;
  width: 1153px;
  margin-left: 9px;
  margin-right: 9px;
}
div#footer{
  background-image: url(/resources/image/footerBackground.png);
  background-repeat: repeat-x;
  height: 18px;
  position: relative;
  text-align: center;
  color: white;
  padding-top: 10px;
  font-size: 12px;
  z-index: 1;
}
/* MENU */
div#menuBlock{
  margin-top: 2em;
}
div#menuSign{
  color: #9fa1a4;
  font-family: Arial, sans-serif;
  width:100%;
  text-align:right;
  position:relative;
  left:-8px;
  top: -2px;
  font-size: 10px;
}
div#menuWrapper{
  margin-top: 2em;
}
ul#menuList{
  background-image: url("/resources/image/menuBackground.png");
  width: 226px;
  background-repeat: repeat;
  border-bottom: 2px solid #9dacbe;  
  border-top: 2px solid #9dacbe; 
}

ul#menuList ul{
  font-size: 95%;
  margin-left: 1em;  
}


li.category{
  list-style-type: none;
}


a.categoryItem{
  display: block; 
  background-image: url(/resources/image/menuNodeBackground.png);

  font-family: Arial, sans-serif;
  font-size: 105%;  
  color: black;    
  text-decoration: none;
  background-repeat: repeat-x;
  background-color: #c9d2dc;

  border-bottom: 1px solid #9dacbe; 
  padding-top: 0.3em;
  padding-bottom: 0.2em;  
  border-left: 1px solid #9dacbe; 
}
a.categoryItem:hover{
  display: block; 
  background-image: url(none);
}   

li.article{
  border-top: 1px dashed #9cabbe;
  list-style-type: none;
  font-family: Arial, sans-serif;
  font-size: 100%;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  background-image: url(/resources/image/menuLeafBackground.png); 
   border-left: 1px solid #9dacbe; 
}
li.article:hover { 
    background-color: #edeef0;
    background-image: none;
}

li.article.first{
border-top: 0;
}
li.category > ul > li a > span > li.article.first{
  border-top: none !important;
}
span.categoryWrapper{
display: block; 
}
span.articleWrapper{
  display: block;
  padding-top: 0.1em;
  padding-bottom: 0.1em;  
}

span.articleWrapper:hover { 
    color: #0c1285;
}

a.articleItem{
  color: black;
  text-decoration: none;
}
a.articleItem:hover > span > span.textWrapper{
  text-decoration: underline;
}  

ul#menuList li.closed>a>span>span.bullet, span.bulletClosed{
  background-image: url(/resources/image/bullet.png);
  width: 9px;
  height: 9px;
  display: inline-block;
  margin-right: 0.5em; 
  background-repeat: no-repeat;
  #top: 4px;
  #position: relative;
}
ul#menuList li>a>span>span.bullet{
  background-image: url(/resources/image/bulletOpen.png);
  width: 9px;
  height: 7px;
  display: inline-block;
  margin-right: 0.5em; 
  background-repeat: no-repeat;
  #top: 4px;
  #position: relative;
}

ul#menuList li.category + li{
  border-top: 1px solid #9dacbe;
}
ul#menuList li.closed + li{
  border-top: 0px solid #9dacbe;
}

ul > li.closed:last-of-type > a{
    border-bottom:0;
}



  
.sub0{
  padding-left: 8px;
}
.sub1{
  padding-left: 8px;
}
.sub2{
  padding-left: 8px;
}
.sub3{
  padding-left: 8px;
}
.sub4{
  padding-left: 8px;
}
.sub5{ 
  padding-left: 8px;
}
.closed li, .closed ul {
  visibility: hidden;
  height: 0;
}


/* CODE */
.center{
  text-align: center;
}
div.code{
  font-family: monospace;
  margin-bottom: 1em;
  margin-top: 1em;
  display:block;
  width: 100%;
  background-color: #f0f2f5;
  border: 1px solid #8a8d93;
  line-height: 140%;
}   
div.code > div{
  padding: 0.7em;
}


/* MATH */
img.mathInlineImage{
    vertical-align: middle; 
    margin-left: 0.3em;
    margin-right: 0.3em; 
    margin-top: 0.2em;
    margin-bottom: 0.2em; 
} 
/* PANELY */
div.rightPanel, div.centerPanel, div.leftPanel{
  background-color: #fae4db;   
  padding: 0.3em;
  margin-bottom: 1em;
  position: relative;
  border: 1px solid #8a8d93;
  text-align:center;
  border-radius: 3px;
}


div.rightPanel, div.leftPanel{
  margin-top: 0.5em;  
}

div.rightPanel{   
  margin-left: 1em;
  float: right;
  position: relative;
  right: -2px;  
}  
div.rightPanel img.mathInlineImage{
  border: 0;
}

div.leftPanel{
  margin-right: 1em;
  float: left;
}
div.centerPanel{
  margin-top: 1em;
}

div.rightPanel img, div.centerPanel img, div.leftPanel img{
  border: 1px solid #8a8d93;
  margin: 0 auto;
  display: block;
  margin-bottom: 0.2em;
}
div.rightPanel table, div.centerPanel table, div.leftPanel table{
  margin-bottom: 1em;
}

.centerPanel input{
  border: 1px solid #8f9399;
}
.centerPanel input.button{
  width: auto;
  position: relative;
  left: 2px;  
  padding-left: 0.2em;
  padding-right: 0.2em;  
}   



div#rightColumnWrapper ul > li{
  line-height: 135%;
  list-style-type: square;
  color: #3f769d;
}
div#rightColumnWrapper ul > li > span{
  color:black;
}
div#rightColumnWrapper ul > li > div{
  color:black;
  display: inline;
}



/* Diskuse */

fieldset{
  border: 1px solid #8f9399;
  padding: 0.7em;
  background-color: #fae4db;
border-radius:4px;
}

form.comment input, form.comment textarea{
  border: 1px solid #8f9399;
  border-radius:2px;
}
form.comment img{
  border-radius:2px;
}

form.comment textarea{
    width: auto;
    position: relative;
    width: 100%;
}

form.comment{
    margin: 1em 0 2em 0;
}
form.comment input{
    margin-bottom: 1em;
}


.commentPanel{
    margin-bottom: 1em;
}
.commentTime{
    float: right;
    font-weight: normal;
}
button.submit{
    float: right;
    margin-top: 0.5em;
    padding: 0.2em;
}

#commentForm li{
    color: black !important;
    list-style-type: disc !important;
    list-style-position: outside;
}



#commentForm img{
    border: 1px solid #8f9399;
    margin-top: 0.5em;
    background-color: white;
}

div.captcha{
    float: left;
    padding-right: 1em;
    padding-top: 0.5em;
}


a.searchResult{    
  color: #983118 !important;      
  text-decoration: none;  
}

span.bold{
  font-weight: bold;
}
span.italics{
  font-style: italic;
}

div.seeAlso{
    position: relative;
}
div.seeAlso ul:first-child{
    position: relative;
    width: 30%;
    float: left;
    margin-bottom: 2em;
}
div.seeAlso ul:first-child + ul{
    position: relative;
    width: 30%;
    float: left;
    margin-bottom: 2em;
}
div.seeAlso ul:last-child{
    float: left;
    width: 30%;
}


div.tabs ul li{ 
  list-style-type: none !important;
}



/* ********* RANKING ********* */

div.rankingWrapper{
  padding-top: 0.5em;
  float: right;
  text-align: center;
  width: 150px;
}
   
  
.star-rating-control{
    margin: 0 auto;
   display: inline-block; 
}  

div.userRanking{
  margin-top: 0.1em;
}
 
.starWrapper{
  margin: 0 auto;
  width: 85px;
  display: block;
}

/* Default table style*/
table.default{
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1em;
}
table.default td, table.default th{
  border: 1px solid #8f9399;     
  padding: 0.2em;
}
table.default td{
  background-color: #f8fafe;
}
table.default th{
  background-color: #eeeeee;
  text-align: left;
  font-weight: bold;
}
table.default img.mathInlineImage{
  border: 0;     
}

.strike{
  text-decoration: line-through;
}


div.tabs{
  margin-top: 1em !important;
  margin-bottom: 1em;
}    

div.code img.mathInlineImage{
  display: inline-block;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

div#noComments, div#noResult, div.noSubcategory, div.noArticle{
    text-align: center;
    font-style: italic;
    margin-top: 1.5em;
}

div#breadCrumbs{
    padding-bottom: 1em;
    text-align: right;
    font-size: 10px;
    color: grey;
    border-bottom: 1px dashed grey;
}

div.breadCrumb{
    display: inline-block;
}

div.breadCrumb + div.breadCrumb{
    margin-left: 1em;
    border-left: 1px solid grey;
    padding-left: 1em;
}

.definition{
    border-bottom: 1px dotted black;
}

#menu .advertisement{
    position: relative;
    left: -3px;
    width: 200px;
    margin: 2em auto 0 auto;
}

#menu .advertisement object{
    width: 200px;
    height: 250px;
}

#rightColumnWrapper .advertisement{
    width: 728px;
    margin: 2em auto 0 auto;
}


.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }
.ui-messages-error-icon{
    display: none !important;
}

}   
div.code > div{
  padding: 0.7em;
}


/* MATH */
img.mathInlineImage{
    vertical-align: middle; 
    margin-left: 0.3em;
    margin-right: 0.3em; 
    margin-top: 0.2em;
    margin-bottom: 0.2em; 
} 
/* PANELY */
div.rightPanel, div.centerPanel, div.leftPanel{
  background-color: #fae4db;   
  padding: 0.3em;
  margin-bottom: 1em;
  position: relative;
  border: 1px solid #8a8d93;
  text-align:center;
  border-radius: 4px;
}
div.rightPanel, div.leftPanel{
  margin-top: 0.5em;  
}
div.rightPanel img, div.leftPanel img, div.centerPanel img{
  border-radius: 3px;
}

div.rightPanel{   
  margin-left: 1em;
  float: right;
  position: relative;
  right: -2px;  
}  
div.rightPanel img.mathInlineImage{
  border: 0;
}

div.leftPanel{
  margin-right: 1em;
  float: left;
}
div.centerPanel{
  margin-top: 1em;
}

div.rightPanel img, div.centerPanel img, div.leftPanel img{
  border: 1px solid #8a8d93;
  margin: 0 auto;
  display: block;
  margin-bottom: 0.2em;
}
div.rightPanel table, div.centerPanel table, div.leftPanel table{
  margin-bottom: 1em;
}

.centerPanel input{
  border: 1px solid #8f9399;
}
.centerPanel input.button{
  width: auto;
  position: relative;
  left: 2px;  
  padding-left: 0.2em;
  padding-right: 0.2em;  
}   



/* Seznamy */
div#rightColumnWrapper ul, div#rightColumnWrapper ol{
  padding-left: 2em;
}
div#rightColumnWrapper ul > li{
  line-height: 135%;
  list-style-type: square;
  color: #3f769d;
}
div#rightColumnWrapper ul > li > span{
  color:black;
}
div#rightColumnWrapper ul > li > div{
  color:black;
  display: inline;
}



/* Diskuse */

fieldset{
  border: 1px solid #8f9399;
  padding: 0.7em;
  background-color: #fae4db;
border-radius:4px;
}

form.comment input, form.comment textarea{
  border: 1px solid #8f9399;
  border-radius:2px;
}
form.comment img{
  border-radius:2px;
}
form.comment button{
  font-size: 1em;
}
form.comment textarea{
    width: auto;
    position: relative;
    width: 100%;
}

form.comment{
    margin: 1em 0 2em 0;
}
form.comment input{
    margin-bottom: 1em;
}


.commentPanel{
    margin-bottom: 1em;
}
.commentTime{
    float: right;
    font-weight: normal;
}
button.submit{
    float: right;
    margin-top: 0.5em;
    padding: 0.2em;
}

#commentForm li{
    color: black !important;
    list-style-type: disc !important;
    list-style-position: outside;
}



#commentForm img{
    border: 1px solid #8f9399;
    margin-top: 0.5em;
    background-color: white;
}

div.captcha{
    float: left;
    padding-right: 1em;
    padding-top: 0.5em;
}


a.searchResult{    
  color: #983118 !important;      
  text-decoration: none;  
}

span.bold{
  font-weight: bold;
}
span.italics{
  font-style: italic;
}

div.seeAlso{
    position: relative;
}
div.seeAlso ul:first-child{
    position: relative;
    width: 30%;
    float: left;
    margin-bottom: 2em;
}
div.seeAlso ul:first-child + ul{
    position: relative;
    width: 30%;
    float: left;
    margin-bottom: 2em;
}
div.seeAlso ul:last-child{
    float: left;
    width: 30%;
}

a.seeAlsoAnchor{ 
  color: black !important;
  text-decoration: none;
}

a.seeAlsoAnchor:hover{
  color: #090291 !important;
  text-decoration: underline;
}

div.tabs ul li{ 
  list-style-type: none !important;
}



/* ********* RANKING ********* */

div.rankingWrapper{
  padding-top: 0.5em;
  float: right;
  text-align: center;
  width: 150px;
}
   
  
.star-rating-control{
    margin: 0 auto;
   display: inline-block; 
}  

div.userRanking{
  margin-top: 0.1em;
}
 
.starWrapper{
  margin: 0 auto;
  width: 85px;
  display: block;
}

/* Default table style*/
table.default{
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1em;
}
table.default td, table.default th{
  border: 1px solid #8f9399;     
  padding: 0.2em;
}
table.default td{
  background-color: #f8fafe;
}
table.default th{
  background-color: #eeeeee;
  text-align: left;
  font-weight: bold;
}
table.default img.mathInlineImage{
  border: 0;     
}

.strike{
  text-decoration: line-through;
}


div.tabs{
  margin-bottom: 1em;
}    

div.code img.mathInlineImage{
  display: inline-block;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

div#noComments, div#noResult, div.noSubcategory, div.noArticle{
    text-align: center;
    font-style: italic;
    margin-top: 1.5em;
}

div#breadCrumbs{
    padding-bottom: 1em;
    text-align: right;
    font-size: 10px;
    color: grey;
    border-bottom: 1px dashed grey;
}

div.breadCrumb{
    display: inline-block;
}

div.breadCrumb + div.breadCrumb{
    margin-left: 1em;
    border-left: 1px solid grey;
    padding-left: 1em;
}

.definition{
    border-bottom: 1px dotted black;
}

#menu .advertisement{
    position: relative;
    left: -3px;
    text-align: center;
    margin: 2em auto 0 auto;
}
#menu .advertisement > div{
    margin: 0 auto;
}


#rightColumnWrapper .advertisement{
    width: 728px;
    margin: 4em auto 0 auto;
}

a.searchAnchor{
  text-decoration: none;
}
.searchResult{
  margin-bottom: 1em;
}
.goToArticleWrapper{
  float: right;
}
div#languageMutations{
    display: inline-block;
}
div#languageMutations img{
    height: 16px;
    position: relative;
    top: 4px;
    border: 1px solid #9dacbe;
}
div#languageMutations a + a{
    margin-left: 0.5em;
}
.ui-tabs-nav li a{
    text-decoration: none !important;
}

.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }
.ui-messages-error-icon{
    display: none !important;
}

/* Seznamy */
div#rightColumnWrapper ul, div#rightColumnWrapper ol{
  padding-left: 2em;
  margin-bottom: 1em;
}