/* ====== jtip ====== */

/* takhle vypada kod

<div id="JT" style="width: 400px; left: 453px; top: 527px;">
<div id="JT_arrow_left"></div>
<div id="JT_close_left">Nápověda jak koupit tento film přes sms</div>
<div id="JT_copy">
<div class="JT_loader"><div></div></div>
</div>
</div>
*/

#JT_arrow_left{
  background-image: url(../files/images/arrow_left.gif);
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  z-index:101;
  left:-12px;
  height:23px;
  width:10px;
  top:-3px;
}

#JT_arrow_right{
  background-image: url(../files/images/arrow_right.gif);
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  z-index:101;
  height:23px;
  width:11px;
  top:-2px;
}

#JT {
  position: absolute;
  z-index:100;
  border: 2px solid #CCCCCC;
  background-color: #fff;
}

#JT_copy{
  padding:10px 10px 10px 10px;
  color:#333333;
}

.JT_loader{
  background-image: url(../files/images/loader.gif);
  background-repeat: no-repeat;
  background-position: center center;
  width:100%;
  height:12px;
}

#JT_close_left{
  background-color: #CCCCCC;
  text-align: left;
  padding-left: 8px;
  padding-bottom: 5px;
  padding-top: 2px;
  font-weight:bold;
}

#JT_close_right{
  background-color: #CCCCCC;
  text-align: left;
  padding-left: 8px;
  padding-bottom: 5px;
  padding-top: 2px;
  font-weight:bold;
}

#JT_copy p{
  margin:3px 0;
}

#JT_copy img{
  padding: 1px;
  border: 1px solid #CCCCCC;
}

.jTip{
  cursor:help;
}

/* INFO stranka */

#sms-help {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 85%;
}

#JT * {
  text-align:left;
}

#JT h3, #sms-help h3 {
  font-size: 140%;
  font-weight: bold;
  color:#395D9C;
}

#JT h4, #sms-help h4 {
  color: #c42633;
  margin: 10px 0px 5px 0px;
}