/** 
	Copyright Ras Timetable Software. All Rights Reserved. 
	http://time-table.net
*/

/** ****************************
*   Global
********************************/
body{margin:0;padding:0;font-family:arial,verdana,sans-serif;font-size:small;color:#000}
.report_body{background: #F2EDE1 url(green_board.jpg);cursor: default;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,label,img{margin:0;border:0;padding:0}

p.sitno{
	font-size:75%;
	line-height:110%;
	padding:15px 0 0 0;
	color:#898;
	border: none;
}

#container{	min-width: 800px;padding:5em;font-size:92.80%;}
.round_border{display:block}
.round_border *{background:#fff;display:block;height:1px;overflow:hidden}
.round_border_layer3{background:#c4c4c4;border-left:1px solid #d3d4d5;border-right:1px solid #d3d4d5;margin:0 3px;padding:0 1px}
.round_border_layer2{border-left:1px solid #d3d4d5;border-right:1px solid #d3d4d5;margin:0 2px;padding:0}
.round_border_layer1{border-left:1px solid #c4c4c4;border-right:1px solid #c4c4c4;margin:0 1px}
#mainFrame
{
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	background:#fff;
	padding:25px 30px 30px 30px;
	overflow:hidden;
	-webkit-border-radius:0.7em;
	-moz-border-radius:0.7em;
	border-radius:0.7em;
	-moz-box-shadow: 3px 3px 5px #343;
	-webkit-box-shadow: 3px 3px 5px #343;
	box-shadow: 3px 3px 5px #343;
}

#raspored_naslov{width:100%;padding-top:3px;vertical-align:top; z-index:5}
#raspored_naslov .title{width:100%; vertical-align:top; font-size:100%;font-weight:bold;}
#raspored_naslov h1{font-size:190%;}

#right_menu
{
	-webkit-border-radius:0.4em;
	-moz-border-radius:0.4em;
	border-radius:0.4em;
	-moz-box-shadow: 4px 4px 5px #ccc;
	-webkit-box-shadow: 4px 4px 5px #ccc;
	box-shadow: 4px 4px 5px #ccc;	
	width:15em;
	float:right;
	background-color:#eee;
	border:1px solid #586;
	padding:5px;
	display:inline;
}

/** ****************************
*   MainTable
********************************/
.mainTable
{
	width:100%;
	background:#fff;
	border-style: hidden;
	border-collapse: collapse;
	padding: 0;
	border:2px solid #565;
	table-layout:fixed;
}
.mainTable th
{ 
	font-size:95%;
	text-align: center;
	height: 1.5em;
	border-collapse: collapse;
	border-style: solid;
	border-color: #586;
	border-width:    0 1px 1px 0;
	padding:0px;
	font-weight: normal;
	background:#f5f5f5;
}
.mainTable th.headCelDay{font-weight: bold;overflow:hidden;}
.mainTable th.headCelDayEven{ font-weight: bold; background:#eafaca;overflow:hidden;}
.mainTable th.headCelPerEven{background:#eafaca;}
.mainTable th.razmak{width:0px; border-width: 0px 0px 0px 2px;}
.mainTable th.razmakOdel{width:10px; border-width: 0px 1px 0px 1px;}
.mainTable td
{ 
  font-size:90%;
  text-align: center;
  overflow: hidden;
  font-weight: normal; 
  height: 2.77em; 
  border-collapse: collapse;
  border-style: solid;
  border-color: #c4c4c4;
  border-width:    0 1px 1px 0;
  padding:0;
  margin:0;
}
.mainTable td.ev{background:#f0fada;}
.mainTable td.rbr{font-size:90%;}
.mainTable td.rasCelNast{text-align: left; cursor:pointer;padding: 0 5px 0 5px;font-size:90%;}
.mainTable td.rasCelOdel{cursor:pointer;font-weight: bold; font-size:100%;}

/** ****************************
*   Cards
********************************/
div.card_block,div.card_blockW
{
	overflow: hidden;
	text-align: center;
	border-width:0px; 
	margin: 0;
	padding:0;
}
div.card_blockW {color:white}

div.card ,div.cardW
{
	height:3em;
	line-height:3em;
	overflow: hidden;
	text-align: center;
	border:1px #286 solid;
	margin: 0;
	padding:0;
}
div.cardW{color:white}

.datahighlight 
{ 
	background-color: #ffdc87 !important; 
	color:blue;
	text-decoration:underline;
}

/** ***********************************************
* toolTips
***************************************************/
#loadme{
	padding:0.2em;
	font-size:90%;
}

#loadme h2, h3, h4{
	color:#444;
	text-align: center;
}
#toolLeft{
	display:block;
	text-align: left;
	float:left;
	margin:7px;
}
#toolRight{
	display:inline;
	text-align: right;
	float:right;
	margin:7px;
}
#toolCenter{
	display:block;
	text-align: center;
	margin:7px;
}
#print-tool{
	position:absolute;
	top:12px;
	right:45px;
	font-weight:bold; 
}
.toolTable
{
	width:100%;
	background:#f5f5f5;
	border-style: hidden;
	border-collapse: collapse;
	border:2px solid #565;
	table-layout:fixed;
}

.toolTable th,
.toolTable td
{ 
	text-align: center;
	overflow:hidden;
	border-collapse: collapse;
	border-style: solid;
	border-color: #586;
	border-width:    0 1px 1px 0;
	padding:0px;
	margin:0;
	font-size:100%;
  
	height: 60px;
	font-weight: normal; 
  
}
.toolTable td.od{background:#e0eaca;}
.toolTable th
{
	height: 1.5em;
	font-weight: bold; 
	background:#eafaca;
}
div.toolCard 
{
	height:56px;
	overflow: hidden;
	border:1px #586 solid;
	margin:1px 1px 1px 1px;
	padding:0;
}
div.pk
{
	overflow: hidden;
	line-height:10px;
	height:10px;
	border:none;
	padding:0;
	margin:0;
} 
div.toolCard_block
{
 	padding:0;
	margin:0;
	overflow: hidden;
	border:none;
	font-weight: bold;
}
span.pki
{
	font-weight: normal;
	font-size:0.85em;
} 

/* odeljenski deo*/
div.kab
{
	position:relative;
	text-align:right;
	height:0.5em
} 
span.kab
{
font-size:80%;
border:1px solid #888;
padding:1px;
}

.toolTable td.toolCellOdel
{ 
  text-align: center;
  overflow: hidden;
  font-size: 95%;
  height: 6em;
  border-collapse: collapse;
  border-style: solid;
  border-color: #586;
  border-width:    0 1px 1px 0;
  padding:1px;
}

.cellTable
{
	width:100%;
	border:none;
	border-collapse: collapse;
	vertical-align:middle;
	padding: 0;
	margin: 0;
	table-layout:fixed;
	overflow: hidden;
}
.cellTable  td
{ 
  text-align: center;
  vertical-align:middle;
  font-weight: normal; 
  border-collapse: collapse;
  border:none;
  padding:0 2px;
 }

/** **************************************
* clueTip
*****************************************/
/* global */
div.ui-cluetip {
  font-size: 1em;
}
.ui-cluetip-header,
.ui-cluetip-content {
  padding: 12px;
}
.ui-cluetip-header {
  font-size: 1em;
  margin: 0;
  overflow: hidden;
}

.cluetip-title .cluetip-close {
  float: right;
  position: relative;
}
.cluetip-close img {
float: right;
position: relative;
  border: 0;
  
}

.cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(images/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #EFF3FB;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #EFF3FB;
  border:1px solid #586;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #0192BF;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div.cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}
/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */
.cluetip-rounded {
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  background-color: #fff;
  border: 1px solid #ccc;
}


/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}