/*
  screen.css                                               // CSS styly pro zobrazeni na monitoru
  Copyright (c) 2004-2006 ALFA COMPUTER CZ, s.r.o.
  Autor: Petr Adamovský
  webmaster@alfacomp.cz
  http://www.alfacomp.cz
*/

.balloon {
  display: none; position: absolute; overflow: hidden; z-index: 4;
}
.balloon h3 {
  font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
  text-align: left;
  margin: 8px 8px 4px 8px; padding: 0px;
}
.balloon p {
  font: 11px/14px Tahoma, Arial, Helvetica, sans-serif;
  text-align: left;
  margin: 4px 8px 4px 8px;
}
.balloon.visible {
  display: block;
}
.balloon .btop, .balloon .bright, .balloon .bbottom, .balloon .bleft, .balloon .text {
  position: absolute; z-index: 4;
  background-color: #FFFFE0; color: black;
}
.balloon .btop, .balloon .bbottom, .balloon .bbottomleft, .balloon .bbottomright {
  font-size: 0px; line-height: 0px;                        /* Protoze IE6 */
}
.balloon .btop {
  left: 16px; top: 0px; height: 4px;
  border-top: 1px solid #87874D;  
}
.balloon .bright {
  right: 11px; top: 5px; width: 4px;
  border-right: 1px solid #87874D;  
}
.balloon .bbottom {
  left: 16px; bottom: 0px; height: 4px;
  border-bottom: 1px solid #87874D;  
}
.balloon .bleft {
  left: 11px; top: 5px; width: 4px;
  border-left: 1px solid #87874D;
}  
.balloon.dark .btop, .balloon.dark .bright, .balloon.dark .bbottom, .balloon.dark .bleft { 
  background-color: #E5E2C1; color: black;
}
.balloon .text {
  left: 16px; top: 5px;
  font-size: 10px;
  padding: 4px;
}
.balloon.dark .text {
  padding: 0px;
  background-color: #E5E2C1; color: #3D3D2D;
}
.balloon .text u {
  font-weight: bold; text-decoration: none;
  background-color: transparent; /*#FFFFE0;*/ color: #FE6D01;
}

.balloon .btopleft, .balloon .btopright, .balloon .bbottomleft, .balloon .bbottomright {
  position: absolute; z-index: 4;
  width: 5px; height: 5px;
  background: transparent url('../images/balloon.gif') no-repeat scroll 0px 0px; color: black;
}
.balloon.dark .btopleft, .balloon.dark .btopright, .balloon.dark .bbottomleft, .balloon.dark .bbottomright {
  background-image: url('../images/balloon2.gif');
}
.balloon .btopleft {
  left: 11px; top: 0px;
}
.balloon .btopright {
  right: 11px; top: 0px;
  background-position: -5px 0px;
}
.balloon .bbottomleft {
  left: 11px; bottom: 0px;
  background-position: -10px 0px;
}
.balloon .bbottomright {
  right: 11px; bottom: 0px;
  background-position: -15px 0px;
}

.balloon .arrowleft {
  position: absolute; z-index: 4;
  left: 0px; /*top: 46px;*/ width: 12px; height: 15px;
  background: transparent url('../images/ballarrl.gif') no-repeat scroll 0px 0px; color: black;
}
.balloon .arrowleft.dark {
  background-image: url('../images/ballarl2.gif');
}
.balloon .arrowright {
  position: absolute; z-index: 4;
  /*left: 0px; top: 46px;*/ width: 12px; height: 15px;
  background: transparent url('../images/ballarrr.gif') no-repeat scroll 0px 0px; color: black;
}
.balloon .arrowright.dark {
  background-image: url('../images/ballarr2.gif');
}

/*#searchball table {
  margin: 6px 0px 6px 0px;
}
#searchball td {
  white-space: nowrap;
  padding: 0px 8px 0px 0px;
}*/

.balloon table {
  width: 100%;
  border-collapse: collapse;
}
.balloon th {
  height: 18px; text-align: left;
  white-space: nowrap;
  padding: 0px 8px 0px 8px;
  border-bottom: 1px solid #BBB9A2;
  background-color: #E5E2C1; color: #3D3D2D;
}
.balloon td, #basketcont td, #searchball td {
  height: 16px; 
  font-weight: normal;
  text-align: left;
  padding: 0px 8px 0px 8px;
  /*background-color: #FFFFE0; color: #3D3D2D;*/
}
.balloon td.last, #basketcont td.last, #searchball td.last {
  padding-top: 4px; padding-bottom: 4px;
  line-height: 14px;
  border-top: 1px solid #BBB9A2;
  background-color: #E5E2C1; color: #3D3D2D;
}
.balloon tr {
  background-color: #FFFFE0;
}
.balloon tr.odd  {
  background-color: #F0EDCF;
}

#searchball .name {
  width: 80px;
  /*background-color: red;*/
}
#CompareProducts .name {
  width: 304px; height: 16px; overflow: hidden;
}

#basketcont .code, #CompareProducts .code {
  text-align: center;
}
#basketcont td div {
  height: 16px; overflow: hidden;
}
#basketcont td.code, #CompareProducts td.code {
  border-right: 1px solid #BBB9A2;
}
#basketcont .qty  {
  text-align: center;
}
#basketcont .price, #CompareProducts .price {
  text-align: right;
}
#basketcont .disc  {
  border-top: 1px solid #BBB9A2;
}
#basketcont .sum  {
  height: 22px;
  font-weight: bold;
  border-top: 1px solid #BBB9A2;
  background-color: #E5E2C1; color: #3D3D2D;
}
#basketcont .sum.price {
  font-size: 12px;
}