/* CSS Document */
body{font:  1.1em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 	color: #333;  background-color: #F8F8F8;}
a, a:visited{ color: #000000;}
a:hover, a:active{    color: #FF0000;}
input, select{font-size: 10pt; font-family: Tahoma; /* background-color: #FFFFFF; input bg tags color */}
table#loz_table{ margin-top: 20px; border: solid 1px #AAAAAA; border-collapse: collapse;font-size: 9pt;font-family: Tahoma;}
td#loz_td_naslov{font-size: 10pt;font-family: Verdana; border: solid 1px #AAAAAA; padding: 5px;text-align: center; font-weight: bold;    background-color: rgb(176,210,233);} 
td#loz_td_dugme{font-size: 9pt; font-family: Verdana; padding: 5px; text-align: center;font-weight: bold;} 
td#loz_td_napomena
{font-size: 8pt;font-family: Verdana; border: solid 1px #AAAAAA; padding: 5px;text-align: center;font-weight: normal;} 
/*-----------------CSS---Data grid -------------------*/
table#data_grid_tabela{ margin-top: 10px; border: solid 1px #AAAAAA;font-size: 11pt;font-family: Tahoma; border-collapse: collapse;}
td#data_grid_naslov{font-size: 12pt;font-family: Verdana;font-weight: bold;padding: 5px; border-collapse: collapse; }
td#data_grid_refresh{font-size: 10pt;font-family: Verdana;font-weight: bold;padding: 5px; border-collapse: collapse;text-align: center;}
td#data_grid_upit{ font-size: 10pt;font-family: Verdana;font-weight: normal;border: solid 1px #AAAAAA;padding: 5px;}
td#data_dno_napomena{ font-size: 8pt;font-family: Verdana;font-weight: normal;padding: 5px;}
td#data_grid_control{ padding: 1px;}
td#data_grid_control1{  font-size: 9pt;font-family: Verdana;font-weight: normal;padding: 1px;}
input#data_grid_upit_text{margin-left:5px;padding: 1px;}
select#data_sel_stranica{margin-left:5px;padding: 1px;width: 50; }
select#data_sel_broj_redova{margin-left:5px;padding: 1px;width: 50;  }
td#data_grid_zag{font-size: 19pt;font-family: Verdana;font-weight: normal;padding: 1px;} 
 /* * * * * * * * * * * * * * * * * * * * * * * */
#dt_example {	font: 80%/1.45em  Lucida Grande , Verdana, Arial, Helvetica, sans-serif;	margin: 0;	padding: 0;	color: #333;  background-color: #F8F8F8;  float: left;}
#dt_example #container { width: 800px;	margin: 2px auto;	padding: 0;	float: left;}
#dt_example #footer {	margin: 50px auto 0 auto;	padding: 0;}
#dt_example #demo {	margin: 10px auto 0 auto;}
#dt_example .demo_jui {	margin: 30px auto 0 auto;}
#dt_example .big {	font-size: 1.3em;	font-weight: bold;	line-height: 1.6em;	color: #4E6CA3;}
#dt_example .spacer {	height: 20px;	clear: both;}
#dt_example .clear {	clear: both;}
#dt_example pre {	padding: 15px;	background-color: #F5F5F5;	border: 1px solid #CCCCCC;}
#dt_example h1 { font-size: 1.3em;font-weight: normal;line-height: 1.6em;	color: #4E6CA3;	border-bottom: 1px solid #B0BED9;	clear: both;}
#dt_example h2 {	font-size: 1.2em;	font-weight: normal;	line-height: 1.6em;	color: #4E6CA3;	clear: both;}
#dt_example a {	color: #0063DC;	text-decoration: none;}
#dt_example a:hover {	text-decoration: underline;}
#dt_example ul {	color: #4E6CA3;}
.css_right {	float: right;}
.css_left {	float: left;}
.demo_links {	float: left;	width: 50%;	margin-bottom: 1em;} 
/*------------------------------------------*/
#kon_tabela{font-family:"verdana";font-size:1em; border:0px solid silver;}
#kon_naslov{font-family:"Verdana";font-size:1.2em; font-weight:500 ;background-color: #F0F0E7 ;color:rgb(60,53,61);}
#kon_slika {background-image:url('paper.gif');}
#kon_dno   {font-family:"verdana,Arial";font-size:0.8em;background-color:#F0F0E7;}
#kon_zag   {background-color:#F0F0E7;font:1.1em "Lucida Grande",  Arial, Helvetica, sans-serif,Verdana,;}
#kon_red   {font:1em "verdana",  Helvetica,  sans-serif,Verdana,;	margin: 3px;	padding: 5px;}
#kon_r1    {background-color:#F5F9EB;}
#kon_r2    {background-color:"withe";} 
/*------------------------------------------*/
#in_tabela  {padding:  2px ;font-family:Lucida Grande , Verdana, Arial;font-size:1em;  solid silver;}
#in_naslov  {padding:  2px ;font-size:1.2em; font-weight:500 ;background-image:url('grid_vrh.jpg');
color: rgb(39,81,155);}
 
#in_opis    {padding:  2px ;font-size:1em   ;background-color:rgb(248,248,248);border:0px  }
#in_polje   {padding:  2px ;font-size:1em   ;background-color:rgb(248,248,248);border:0px  }
#in_val     {padding:  2px ;font-size:1em   ;background-color:rgb(248,248,248);border:0px  }
#in_napomena{padding:  2px ;font-size:1em   ;background-color:rgb(248,248,248);border:0px; color:rgb(211,40,45);}
#in_dugmad  {padding:  2px ;font-size:1em   ;background-color:rgb(248,248,248);border:0px; }
#in_dno     {padding:  2px ;font-size:0.8em ;background-color:rgb(236,233,218);border:0px; color:rgb(39,81,155);}
#in_text1   {padding:  2px ;font-size:1em   ;background-color:rgb(255,255,172);border:0px  } 
#in_text    {padding:  2px ;font-size:1em   ;background-color:rgb(236,233,218);border:0px  }





/* the div that holds the date picker calendar */
.dpDiv {margin-top: 5px;	}
/* the table (within the div) that holds the date picker calendar */
.dpTable {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;text-align: center;	color: black;
	background-color:DarkSeaGreen;	border: 1px solid #AAAAAA;	}
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {	}
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {}
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {}
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {}
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {	border: 1px solid #ece9d8;	}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {	background-color: black;	border: 1px solid #AAAAAA;color: red;	}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {	background-color: black;	border: 1px solid #888888;	cursor: pointer;	color: red;	}
/* the table cell that holds the name of the month and the year */
.dpTitleTD {	}
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {	}
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {	}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {	background-color: #888888;	border: 1px solid #AAAAAA;	color: white;	}
/* additional style information for the text that indicates the month and year */
.dpTitleText {	font-size: 12px;	color: black;	font-weight: bold;	}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {	color: 4060ff;	font-weight: bold;	}
/* the forward/backward buttons at the top */
.dpButton {	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;	font-size: 11px;	color: black;	background: #C8C8C8 ;
	font-weight: bold;	padding: 0px;	}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;	font-size: 11px;	color: black;
	background: #E0E0E0 ;	font-weight: bold;	}