/*-------------------------------------------------------------------------------
//
// Vatrica.com CSS
//
// (c)2009 by TomiCh, webmaster na vatrica tocka com
//
// v1.17 22.5.2009. TomiCh
//
//-----------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------- 
//  div
//-----------------------------------------------------------------------------*/

.dLOADING {
  background-color: white;
  border: 4px solid #FD8000;
  padding: 80px;
  vertical-align: middle;
  text-align: center;
}

.dDATA {
  font: normal 9pt Arial;
  padding: 5px;
  clear: both;
}

.dWHRDC {
  background-color: red;
  font: bold 10pt Arial;
  text-align: center;
  color: white; 
  padding:4px;
  margin-bottom: 4px;
  width:auto;
}

.dWHORC {
  background-color: #FD8000;
  font: bold 10pt Arial;
  text-align: center;
  color: white; 
  padding:4px;
  margin-bottom: 4px;
}

.dSTR {
  text-align:center;
  color:black;
  font:bold 8pt Arial;
  padding:2px;
  background-color: white;
}

.dPADD {
  padding-bottom: 4px;
}

.dABTWSHCONT {
  background-color: white;
  padding: 10px;
}

.dABTWSH {
  font: normal 9pt Arial;
  background-color: yellow;
  color:black;
  text-align:justify;
  padding: 5px;
  border:2px solid red;
}

.dSEMAFOR0 {
  border: 2px solid black;
  width: 16px;
  height: 16px;
  margin: 2px;
  background-color: red;
}

.dSEMAFOR1 {
  border: 2px solid black;
  width: 16px;
  height: 16px;
  margin: 2px;
  background-color: yellow;
}

.dSEMAFOR2 {
  border: 2px solid black;
  width: 16px;
  height: 16px;
  margin: 2px;
  background-color: blue;
}

.dSEMAFOR3 {
  border: 2px solid black;
  width: 16px;
  height: 16px;
  margin: 2px;
  background-color: #00ff00;
}

.dWL {
  font: normal 8pt Arial;
  text-align: justify;
  color: black;
  padding: 20px;
  background-color: white;
}

.dBS {
  font: normal 8pt Arial;
  text-align: justify;
  color: black;
  padding: 10px;
  background-color: white;
}

.dOR {
  font: normal 9pt Arial;
  text-align: center;
  color: black;
  padding: 20px;
  background-color: white;
}

.dERROR {
  padding: 2px; 
  font: bold 10pt Arial;
  color:white;
  background-color:red;
  text-align:center;
}

.dWHITE {
  background-color: white;
  font:normal 10pt Arial;
  text-align:justify;
  color: black; 
  padding:20px;
}

.dONAMA {
  font: normal 9pt Arial;
  text-align: center;
  color: black;
  background-color: #FD8000;
  padding:4px;
}

/*------------------------------------------------------------------------------- 
//  span
//-----------------------------------------------------------------------------*/

.spART {
  color:red;
  font:bold 10pt Arial;
  padding:2px;
}

/*------------------------------------------------------------------------------- 
//  a
//-----------------------------------------------------------------------------*/

.aNAVIG  {
  font: bold 9pt Arial;
  color: white; 
  text-decoration: none;
  line-height: 18px;
  border-bottom: 1px solid black;
}

.aNAVIG:hover  {
  background-color: white;
  color: black; 
}

.aF8OR  {
  font: bold 8pt Arial;
  text-align: center;
  color: white; 
  text-decoration:none;
  margin-left:6px;
  padding: 1px;
  background-color: #800000;
  border: 1px solid black;
}

.aF8OR:hover  {
  background-color: red;
}

.aF8RD  {
  font: bold 8pt Arial;
  text-align: center;
  color: white; 
  text-decoration: none;
  margin-left:6px;
  padding: 1px;
  background-color: #800000;
  border: 1px solid black;
}

.aF8RD:hover  {
  background-color: orange;
}

.aF8RD0  {
  font: bold 8pt Arial;
  text-align: center;
  color: white; 
  text-decoration: none;
  margin-left:6px;
  padding: 1px;
  background-color: #800000;
  border: 1px solid black;
}

.aF8RD1  {
  font: bold 8pt Arial;
  text-align: center;
  color: white; 
  text-decoration: none;
  margin-left:6px;
  padding: 1px;
  background-color: orange;
  border: 1px solid black;
}

.aMENU  {
  font: bold 9pt Arial;
  color: white; 
  text-decoration: none;
  line-height: 18px;
  border-bottom: 1px solid black;
}

.aMENU:hover  {
  background-color: white;
  color: black; 
}

.aKOS  {
  text-decoration: none;
  border-bottom: 1px solid black;
  font: bold 9pt Arial;
  color: #FD8000;
}

.aKOS:hover  {
  color:white;
  background-color: #FD8000;
}

.aWSH0  {
  font: bold 8pt Arial;
  text-align: center;
  color: white; 
  text-decoration:none;
  margin-left:6px;
  padding: 1px;
  background-color: green;
  border: 1px solid black;
}

.aWSH0:hover  {
  background-color: #008000;
}

.aWSH1  {
  font: bold 8pt Arial;
  text-align: center;
  color: white; 
  text-decoration:none;
  margin-left:6px;
  padding: 1px;
  background-color: red;
  border: 1px solid black;
}

.aWSH1:hover  {
  background-color: #800000;
}

.aURI  {
  text-align: left;
  text-decoration: none;
  border-bottom: 1px solid black;
  font: bold 9pt Arial;
  color: red;
}

.aURI:hover  {
  text-align: left;
  color:white;
  background-color: red;
}

/*------------------------------------------------------------------------------- 
//  table
//-----------------------------------------------------------------------------*/

.tKOSA {
  border-left: 3px solid red;
  border-right: 3px solid red;
  margin-bottom: 4px;
  width:208px;
}

.tWISH {
  border-left: 3px solid #FD8000;
  border-right: 3px solid #FD8000;
  border-bottom: 3px solid #FD8000;
  margin-bottom: 4px;
}

.tMENU {
  border-left: 3px solid red;
  border-right: 3px solid red;
  margin-bottom: 4px;
  text-align: left;
}

.tLOGIN {
  font: normal 8pt Arial;
  background-color:red;
  color:white;
  width:100%;
  margin-bottom: 4px;
}

.tKINO {
  border: #FD8000 1px solid; 
}

.tKOS {
  padding: 4px;
  width: 90%;
}

.tONAMA {
  border-left: 3px solid #FD8000;
  border-right: 3px solid #FD8000;
  text-align: left;
}

/*------------------------------------------------------------------------------- 
//  tr
//-----------------------------------------------------------------------------*/

.trWHRDC {
  background-color: red;
  font: bold 10pt Arial;
  text-align: center;
  color: white; 
  padding:1px;
}

.trART {
  font: normal 8pt Arial;
  text-align: center;
  color: black;
  border: 3px solid black;
}

/*------------------------------------------------------------------------------- 
//  td
//-----------------------------------------------------------------------------*/

.tdKOSA  {
  font: bold 8pt Arial;
  text-align: center;
  color: white; 
  background-color:black;
}

.tdKOSU  {
  font: bold 10pt Arial;
  text-align: center;
  color: white; 
  background-color:red;
}

.tdBSD  {
  font: bold 10pt Arial;
  height: 20px;
}

.tdBSDLeft  {
  font: bold 10pt Arial;
  height: 20px;
  text-align:left;
}

.tdBSH {
  border-bottom: 1px solid red; 
}

.tdBSRB {
  text-align: right;
  border-top: 1px dotted red;
}

.tdBSUK {
  border-top: 1px dotted red; 
  text-align: right;
}

.tdBSSV {
  text-align: right;
  border-top: 1px dotted red; 
  border-bottom: 1px solid red; 
}

.tdBSTD {
  text-align: right;
}

.tdBSN {
  text-align: justify;
  color: red;
  font: bold 8pt Arial;
  padding-bottom: 15px;
}

.tdMENU0  {
  font: bold 8pt Arial;
  background-color: red;
  color: black; 
}

.tdMENU1  {
  font: bold 8pt Arial;
  background-color: #FD8000;
  color: black; 
}

.tdKG0 {
  font: normal 8pt Arial;
  text-align: center;
  color: black;
  padding: 10px 0px;
}

.tdKG1 {
  font: normal 8pt Arial;
  text-align: center;
  color: black;
  padding: 4px 10px;
}

.tdSRCH {
  font: bold 8pt Arial;
  text-align: center;
  color: white;
  padding: 4px;
  text-align: center;
}

.tdART {
  text-align: center;
  color: black;
}

.tdDESC {
  text-align: right;
  font: 8pt Arial;
}

.tdDATA {
  text-align: left;
  padding-left: 10px;
  font: bold 9pt Arial;
}

.tdSEP {
  border-bottom:1px solid #FD8000;
}

.tdFMOR {
  text-align: right;
  font: bold 8pt Arial;
  color: red;
}

.tdFMNR {
  text-align: right;
  font: bold 8pt Arial;
  color: #FD8000;
}

.tdFMNL {
  text-align: left;
  font: bold 8pt Arial;
  color: #FD8000;
}

.tdDESC {
  text-align:right;
  color:#FD8000;
  font:bold 8pt Arial;
  padding:4px;
}

/*------------------------------------------------------------------------------- 
//  image
//-----------------------------------------------------------------------------*/

.imgKINOPIX {
  border: 1px solid black;
}

/*------------------------------------------------------------------------------- 
//  select
//-----------------------------------------------------------------------------*/

.sKN {
  font: bold 8pt Arial;
}

.sIZN {
  font: bold 10pt Arial;
  color: red;
}

.sSEL0  {
  font: bold 9pt Arial;
  background-color: #FD8000;
  color: white;
}

.sSEL1  {
  font: bold 9pt Arial;
  color: black;
  background-color:yellow;
}

.sPREFSEL  {
  font: normal 8pt Arial;
  background-color: #FD8000;
  color: white;
}

.sVATRICA {
  text-align:center;
  color:red;
  font:bold 10pt Arial;
}


/*------------------------------------------------------------------------------- 
//  input
//-----------------------------------------------------------------------------*/

.inpLOGIN0 {
  background-color:black;
  border:0;
  border-bottom:2px solid white;
  font: normal 8pt Arial;
  color: white;
}

.inpLOGIN1 {
  background-color:yellow;
  border:0;
  border-bottom:2px solid black;
  font: normal 8pt Arial;
  color: black;
}

.inpEM0 {
  background-color:red;
  border:0;
  border-bottom:2px solid black;
  font: bold 8pt Arial;
  color: white;
  margin: 20px;
}

.inpEM1 {
  background-color:yellow;
  border:0;
  border-bottom:2px solid black;
  font: bold 8pt Arial;
  color: black;
  margin: 20px;
}

.inpSRCH0 {
  background-color:#FD8000;
  border:0;
  border-bottom:2px solid black;
  font: bold 9pt Arial;
  color: white;
}

.inpSRCH1 {
  background-color:yellow;
  border:0;
  border-bottom:2px solid black;
  font: bold 9pt Arial;
  color: black;
}

.inpDATA0 {
  background-color:#FD8000;
  border:0;
  border-bottom:2px solid black;
  font: bold 9pt Arial;
  color: white;
}

.inpDATA1 {
  background-color:yellow;
  border:0;
  border-bottom:2px solid black;
  font: bold 9pt Arial;
  color: black;
}

/*------------------------------------------------------------------------------- 
//  option 
//-----------------------------------------------------------------------------*/

.oOPT {
  background-color:#FD8000;
  border:0;
  font: bold 9pt Arial;
  color: white;
}

/*------------------------------------------------------------------------------- 
//  form 
//-----------------------------------------------------------------------------*/

.foWL {
  font: bold 8pt Arial;
  text-align: center;
  margin: 10px 0px;
  padding: 10px;
  background-color: white;
  color: black;
  border: 1px solid red;
}

/*------------------------------------------------------------------------------- 
//  genericka formatiranja
//-----------------------------------------------------------------------------*/

.xTXT8BlackB {
  text-align:center;
  color:black;
  font:bold 8pt Arial;
  padding:10px;
}

.xTXT8OrangeB {
  text-align:center;
  color:#FD8000;
  font:bold 8pt Arial;
  padding:10px;
}

.xTXT10BlackB {
  text-align:center;
  color:black;
  font:bold 10pt Arial;
}

/*------------------------------------------------------------------------------- 
//  staro
//-----------------------------------------------------------------------------*/

.F8  {
  font: normal 8pt Arial;
  color: black; 
}

.F8B  {
  font: bold 8pt Arial;
  color: black; }

.F9  {
  font: normal 9pt Arial;
  color: white; }

.F9B  {
  font: bold 9pt Arial;
  color: white; }

.NC {
  background-color: red;
  font: bold 8pt Arial;
  text-align: center;
  color: black; }

.PREF  {
  font: normal 8pt Arial;
  color: white; }

.BLC {
  text-align: center;
  background-color: black;
  color: white; }

.BRISI  {
  font: bold 8pt Arial;
  color: red; 
  text-decoration: none;
  padding: 2px;
  margin: 2px;
}

.BRISI:hover  {
  background-color: red;
  color: black; }