/* Styl vzhledu referencí od komponenty com_reference
*/

.reference-h3 {}
.reference-img {padding: 0px; width: 1%; text-align: left; vertical-align: top;}
td.reference-img img {padding: 0px !important; margin: 0px !important; border: 0px solid #291d5b;}
.reference-about{vertical-align: middle; width: 80%; vertical-align: top; height: 97px; padding: 0px;}
.reference-title {text-align: center; padding: 0px; height: auto; width: 100%;}
.reference-separator {height: 20px; text-align: center;}
.reference-buttons {width: 88px; float: right;}
#zvolte_info{padding: 3px; font-style: italic;}
.reference_admin_table td {padding: 4px;}
.reference-img-info {color : #FF0000;}
.reference-table, .reference-table td { border: 0px !important; border-collapse: collapse;vertical-align:top;text-align:left;}
.reference-img-single, .reference-separator {text-align: center !important;}
.reference-img-single img {
  margin: 4px;  
}
td.reference-img-single {width: 160px;}
table.reference-table {width: 100%;}
/*Hlídání velikosti obsahu*/
.reference-desc {width: 100%; height: 110px; overflow: hidden; text-align: justify; padding: 0px; clear:both;}
.reference-desc-more {width: 100%; text-align: right; text-decoration: underline;}
.reference-img-div{width: 150px;overflow: hidden; text-align: left; margin-right: 5px;}
#reference-forms-1 {width: 99%; padding-bottom: 10px; border-left: 0px; border-left: 0px; border-top: 0px; border-right: 0px; border-bottom: 0px solid #666666; border-style: dotted;}
#reference-forms-1 h4 {text-decoration: underline;}
#reference-forms-2 {width: 99%; padding-top: 10px;}

.reference-forms-2 {width: 99%; margin-left: 0px;}
.reference-title a {color:#000 !important; font-size: 119%; text-decoration: none !important; }
.reference-title h3 {margin: 1px !important; text-align: left; color: #999 !important; font-size: 130%;font-weight:bold;}

td.reference-img a {
  display:block;
  width: 125px;
  position:relative;
  /*text-align:center;
  float:left;
  height: 120px;*/
  
}
#single-galery a {
  display: block;
}
div.datedit {
  z-index: 10000;
}
div.pozadi-stin {
  position:relative;
  display:block;
  width: 100%;
  height: 120px;
  padding:0px; 
}
img.back-img-stin {
  position: absolute;
  z-index:1;
  left:0;
}
img.ref-hlavni-img {
 position: absolute;
 z-index:10;
 left:9px;
 top: 9px;  
 width: 100px;
 height: 100px;
}
div.pozadi-stin a {
  position:relative;
  z-index:5;
}
#single-galery {
  width: 100%;
  margin: 0 auto;
  text-align:center; 
  display: table;   
}
.title-h3 {
  text-align: left !important; 
  color: #000;
  font-weight:bold; 
  float: left;
}
div.centrator {
  text-align: center;
}

span.ref-hlavni-img-span {
  display:block;
  background-repeat:no-repeat;
  position: absolute;
  z-index:10;
  left:9px;
  top: 9px;  
}

#roky {
  text-align: right;
  padding: 5px 0;
}

div.img-div-ref {
  width: 106px;
  height: 106px;
  float: left;
  border: 1px solid #CECECE;
  margin: 2px;
  padding-top:0px;
  display: table;
}

div.img-div-ref div {
  vertical-align: middle;
  display: table-cell;
}
.sig_thumb td {
vertical-align: middle;
height: 106px;
border: 1px solid #CECECE; 
}
.sig_thumb td div {
  /*border: 1px solid #CECECE;*/
  padding: 0px 0;
}

#button-delete {background: url(<?php echo $path;?>/administrator/templates/khepri/images/toolbar/icon-32-delete.png) center top; width: 32px; height: 32px; display: block; margin-left: auto; margin-right: auto; cursor: pointer;}
#button-cancel {background: url(<?php echo $path;?>/administrator/templates/khepri/images/toolbar/icon-32-cancel.png) center top; width: 32px; height: 32px; display: block; margin-left: auto; margin-right: auto; cursor: pointer;}
#button-save {background: url(<?php echo $path;?>/administrator/templates/khepri/images/toolbar/icon-32-save.png) center top; width: 32px; height: 32px; display: block; cursor: pointer; border: 0; padding-top: 32px; margin-left: auto; margin-right: auto; cursor: pointer;}
#button-add {background: url(<?php echo $path;?>/administrator/templates/khepri/images/toolbar/icon-32-new.png) center top; width: 32px; height: 32px; display: block; margin-left: auto; margin-right: auto; cursor: pointer;}
#actions td {text-align: center; width: 45px;}
#prevLink:hover, #prevLink:visited:hover {background:url(<?php echo JURI::base();?>components/com_reference/lightbox/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(<?php echo JURI::base();?>components/com_reference/lightbox/nextlabel.gif) right 15% no-repeat;}