body {
	background-color: #DDE9F4; /* background color */
	color: inherit; /* text color */
	font-family: Verdana, Arial, sans-serif; /* font name */
	font-size: xx-small; /* font size */
	margin: 0px 0px 0px 0px; /* top right bottom left */
	background-image: url(images/menu_back.png);
	background-repeat: repeat-y;
	padding: 0px 0px 0px 0px;
}
.phpmaker {
	color: inherit; /* text color */
	font-family: Verdana, Arial, sans-serif; /* font name */
	font-size: xx-small; /* font size */
}

input, textarea, select {	
	font-family: Verdana, Arial, sans-serif; /* font name */
	font-size: xx-small; /* font size */
	background-color: #F4F5E1;
} 

.nazivrad {	
	font-family:"Lucida Console", Courier, "Courier new", monospace;/* font name */	
	font-size: 12px; /* font size */
	
} 

/* main table */

.flashTable {
		width: 93%;
	color: inherit; /* text color */
	font-family: Verdana, Arial, sans-serif; /* font name */
	font-size: xx-small; /* font size */
	border-bottom: 5px solid #9CBDDC;		
	border-left: 1px solid #9CBDDC;		
	border-right: 1px solid #9CBDDC;		
	border-top: 1px solid #9CBDDC;		
	background: #FFFFFF;
	clear: left;		
}#graph-wrapper {  width: 100%;  max-width: 100%;  min-width: 100%;  display: block;}#title {  margin-left: 5px;  margin-bottom: 5px;  font-weight: bold;  font-size: 14px;  color: #2E5B89;}#graph-container {  width: 100%;  height: 300px;  display: block;  position: relative;  border: none;}.x-label { font-size: 10px; fill: #2E5B89; }.y-label { font-size: 10px; fill: #555; }.bar {  fill: #1496bb;  cursor: pointer;  transition: fill 0.2s;}.bar:hover {  fill: #0d5d8a;}.axis-line {  stroke: #000;  stroke-width: 1;}.grid-line {  stroke: #ccc;  stroke-dasharray: 2,2;}svg {  width: 100%;  height: 100%;  display: block; /* remove inline-gap spacing */  margin: 0 auto; /* keep centered */}.tooltip {  position: absolute;  background: #eee;  border: 1px solid #333;  padding: 5px 10px;  font-size: 10px;  pointer-events: none;  visibility: hidden;  border-radius: 3px;  white-space: nowrap;  z-index: 10;}

.ewTable {
	width: 93%; /* table width */	
	color: inherit; /* text color */
	font-family: Verdana, Arial, sans-serif; /* font name */
	font-size: xx-small; /* font size */
	border-bottom: 5px solid #9CBDDC;		
	border-left: 1px solid #9CBDDC;		
	border-right: 1px solid #9CBDDC;			
	border-top: 1px solid #9CBDDC;
	background: #FFFFFF;
	clear: left;	
}

.ewTable input {
	width: auto;	
	height: auto;		
	border: 1px inset;
	background-color: #FBFBF4;	
	letter-spacing: normal;
	font-weight: normal;
	padding: 1px;
}

/* main table data cells */
.ewTable td {
	padding: 4px; /* cell padding */
	border-left: 1px solid #DFE8F4;
	border-bottom: 1px solid #DFE8F4;
}

.ewBasicSearch {
	background-color: #EAF2F8;
	font-family: Verdana, Arial, sans-serif; /* font name */
	font-size: xx-small; /* font size */
	border-top: 1px solid #9CBDDC;		
	padding-top: 10px;
	width: 93%;
	border-left: 1px solid #9CBDDC;		
	border-right: 1px solid #9CBDDC;
	clear: left;	
}
.ewBasicSearchback {
	background-color: #EAF2F8;
	font-family: Verdana, Arial, sans-serif; /* font name */
	font-size: x-small; /* font size */
	border-top: 1px solid #9CBDDC;		
	width: 93%;
	border-left: 1px solid #9CBDDC;		
	border-right: 1px solid #9CBDDC;
	background-image: url(images/pretraga.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	vertical-align: middle;
	font-weight: bold;
	color: #2E5B89;
	height: 25px;
	margin-top:0px;	
}

.ewBasicSearch td {
	border: 0px;
	padding: 1px;
}

.ewSearchOpr {
	font-family: Verdana, Arial, sans-serif; /* font name */
	font-size: xx-small; /* font size */
	color: maroon;
}

.ewListAdd {
	font-family: Verdana, Arial, sans-serif; /* font name */
	font-size: xx-small; /* font size */
	border-collapse: collapse;
	background-color: #FFF4C8;
	width: 93%;
	border-left: 1px solid #9CBDDC;		
	border-right: 1px solid #9CBDDC;
	border-top: 3px solid #333333;				
	border-bottom: 3px solid #333333;
	background-image: url(images/dodaj_back.gif);
	background-repeat: repeat-x;
	clear: left;	
}

.ewListAdd td {
	border: 0px;
	padding: 2px;
	padding-top: 15px;
	padding-bottom: 15px;	
}

.phpmakerlist td {
	color: inherit; /* text color */
	font-family: Verdana, Arial, sans-serif; /* font name */
	font-size: xx-small; /* font size */
	border: 0px;
	padding: 0px;
	vertical-align: top; 
}

.ewAddOption td {
	font-family: Verdana, Arial, sans-serif; /* font name */
	font-size: xx-small; /* font size */
	padding: 2px; /* cell padding */	
	border: 0px;	
}

/* main table header cells */
.ewTableHeader {
	background-color: #2E5B89; /* header color */
	color: #FFFFFF; /* header font color */	
	vertical-align: top;
	background-image: url(images/header_back.gif);
	background-repeat: repeat-x;
}
.ewTableHeader TD {
	border-left: 1px solid #3C70A8;
}

.ewTableHeader a:link {	
	color: #FFFFFF; /* header font color */	
}

.ewTableHeader a:visited {	
	color: #FFFFFF; /* header font color */	
}

/* main table row color */
.ewTableRow {
	background-color: #FFFFFF;  /* alt row color 1 */
}

/* main table alternate row color */
.ewTableAltRow {
	background-color: #F5F5F5; /* alt row color 2 */	
}

/* main table edit mode row color */
.ewTableEditRow {
	background-color: #FFFF99; /* edit mode color */
}

/* main table highlight color */
.ewTableHighlightRow {
	background-color: #006699; /* highlight color */
	color: White;
}

.ewTableHighlightRow  A {
	color: White;
}

/* main table select color */
.ewTableSelectRow {
	background-color: #FFF2BB; /* select color */
}

/* main table footer section */
.ewTableFooter {
	background-color: #FFFFCC;
}

/* classes for report */
.ewReportTable {
    border: 0px;
    border-collapse: collapse;
}

.ewReportTable td {
    padding: 3px;
}

.ewGroupField {
	font-weight: bold;
}

.ewGroupName {
	font-weight: bold;
}

.ewGroupHeader {
	border-bottom: 3px double Gray;
	border-top: 3px double Gray;
	font-weight: bold;
}

.ewGroupSummary {
	border-top: 1px solid Gray;
} 

.ewGroupAggregate {
	font-weight: bold;
	border-top: 1px solid Gray;	
}

.ewGrandSummary {
	border-top: 1px solid Gray;
}

/* message */

.ewmsg {
	color: #CE0000; /* message color */
	font-family: Verdana, Arial, sans-serif; /* font name */
	font-size: x-small; /* font size */
	width: 93%;
	background-color: #FFFFFF;
	border-left: 1px solid #9CBDDC;		
	border-right: 1px solid #9CBDDC;
	border-top: 1px solid #9CBDDC;	
	border-bottom: 1px solid #9CBDDC;		
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;	
	clear: left;
}

.ewTableHeader .ewmsg {
	color: red; /* message color */
	font-family: Verdana, Arial, sans-serif; /* font name */
	font-size: xx-small; /* font size */
	width: auto;
	background-color: transparent;
	border-left: none;		
	border-right: none;
	border-top: none;	
	border-bottom: none;		
	display: inline;	
}

.ewmsgred {
	color: red; /* message color */
	font-family: Verdana, Arial, sans-serif; /* font name */
	font-size: xx-small; /* font size */
}

.expired {
	color: red; /* message color */
}



/* Ajax */
.ewAstList {
	border: 1px solid black;
	background: #ffffff;
	position: absolute;
	padding: 0pc;
	white-space: nowrap;
}

.ewAstListBase {
	position: absolute;
	padding: 1px;
}

.ewAstListItem {
	color: black;
	background: #ffffff;
	cursor: pointer;
	white-space: nowrap;
	padding: 1px;
}

.ewAstSelListItem {
	color: white;
	background: Highlight;
	cursor: pointer;
	white-space: nowrap;
	padding: 1px;
}

/* MultiPage pager table */
.ewMultiPagePager {
	color: inherit; /* text color */
	font-family: Verdana, Arial, sans-serif; /* font name */
	font-size: xx-small; /* font size */
	border: 0px; /* border */
}

#ewpagerform {
	color: inherit; /* text color */
	font-family: Verdana, Arial, sans-serif; /* font name */
	font-size: xx-small; /* font size */
	background: #EAF2F8;
	width: 93%;
/*	border-bottom: 1px solid #9CBDDC; */
	border-left: 1px solid #9CBDDC;		
	border-right: 1px solid #9CBDDC;				
	padding-top: 10px;
	background-image: url(images/pagerback.gif);
	background-repeat: repeat-x;
}

#ewpagerform table {
	color: #336493;
}

#ewpagerform input {
	width: auto;	
	height: auto;
	border: 1px inset;
	background-color: #F4F5E1;	
	letter-spacing: normal;
	font-weight: normal;
	text-align: center;
}

.ewMultiPagePager td {
	padding: 2px; /* cell padding */	
}

form, p {
	padding: 0px;
	margin: 0px;
}

p input { 
	padding: 0px;	
	width: 93%;	
	border-top: 2px solid #FFE595;
	border-left: 2px solid #FFE595;	
	background-color: #FFCC33;
	border-bottom: 2px solid #8E2400;
	border-right: 2px solid #8E2400;
	height: 20px;
	letter-spacing: 1pt;
	font-weight: bold;
}

.loginbutton input { 
	padding: 0px;	
	width: 200px;	
	border-top: 2px solid #FFE595;
	border-left: 2px solid #FFE595;	
	background-color: #FFCC33;
	border-bottom: 2px solid #8E2400;
	border-right: 2px solid #8E2400;
	height: 20px;
	letter-spacing: 1pt;
	font-weight: bold;
}
.ewTableAltRow input { 
	border-top: 1px inset #666666;
	border-left: 1px inset #666666;		
	border-bottom: 1px inset #CCCCCC;
	border-right: 1px inset #CCCCCC;	 
}
.login input { 
	border-top: 1px inset #666666;
	border-left: 1px inset #666666;		
	border-bottom: 1px inset #CCCCCC;
	border-right: 1px inset #CCCCCC;	 
	width: 200px;
}

.logintable {
	color: inherit; /* text color */
	font-family: Verdana, Arial, sans-serif; /* font name */
	font-size: xx-small; /* font size */
	width: 93%;
	border-left: 1px solid #9CBDDC;		
	border-right: 1px solid #9CBDDC;				
	background-image: url(images/loginfade.jpg);
	background-repeat: repeat-x;
}

.phpmakerlist input { 
	border: none;
	background-color: transparent;
}
	
.mainbut { 
	background-color: #E0E1AE;
	font-weight: bold;
}

/*END_SYSTEM_STYLES*/
.menutable {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	width: 182px;
}

.menutable A {
	color: #1F3F5F;
	text-decoration: none;
}

.menutable A:hover {
	color: #0066CC;
	text-decoration: none;
}

.menutable A:active {
	color: Red;
	text-decoration: none;
}

.menutable TD {
	padding-right: 10px;
	height: 29px;	
	text-align: right;	
	vertical-align: middle;
	font-weight: bold;	
}

.menuy {
	background-image: url(images/menu_y.png);
	background-repeat: no-repeat;
}
.logo {
	background-image: url(images/top.png);
	background-repeat: repeat-x;
	height: 65px;
}
.desc { 
	font-size: 13px;
	color: #9CBDDC;
}
.top {
	background-image: url(images/top.png);
	background-repeat: repeat-x;
	height: 65px;
	vertical-align: top;
	font-weight: bold;
	padding-top: 1px;
	font-family: "Arial Narrow", Arial, sans-serif; 	
	color: #FFFFFF;	
}
.menub {
	background-image: url(images/menu_b.png);
	background-repeat: no-repeat;
}
.menug {
	background-image: url(images/order.png);
	background-repeat: no-repeat;
}
.menur {
	background-image: url(images/menu_logout.png);
	background-repeat: no-repeat;
}
.menureport {
	background-image: url(images/report.jpg);
	background-repeat: no-repeat;
}
.menus {
	background-image: url(images/menu_selected.png);
	background-repeat: no-repeat;
}
.maintitle {
	font-size: medium;
	font-weight: bold;
	color: #2E5B89;
	width:440px;	
	height:25px;
	background-image: url(images/title_back.png);
	background-repeat: no-repeat;
	padding-left:5px;
	display: block;
	float: left;
	line-height: 20px;
}
.mediumtitle {
	font-size: small;
	font-weight: bold;
	color: #3E75B0;
}

.welcomediv {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	color: #3F77B3;
	width: 93%;
	font-weight: bold;
	border-top: 1px solid #9CBDDC;
	border-left: 1px solid #9CBDDC;
	border-right: 1px solid #9CBDDC;		
	background-color: #F0F4FA;
	clear:left;
}
.welcomecontent {
	padding-top: 20px;
	padding-bottom: 20px;		
	padding-left: 20px;
	padding-right:50px;
	line-height: 140%;
}

.helptable {
	font-size: xx-small;
	background-color: #FFFFFF;	
	border-left: 1px solid #9CBDDC;		
	border-right: 1px solid #9CBDDC;			
	border-top: 1px solid #9CBDDC;	
}

.helptitle {
	font-size: xx-small;	
	background-color: #FFF4D2;
	font-weight: bold;
}


.helpimg { 
	cursor: pointer;
}

.helptableleft { 
	border-right: 1px dotted #AAC8E1; 
}

A { 
	color: #003366;  
	font-weight: bold;  
	text-decoration: underline;  
}
.locdesc { 
	font-size: xx-small;  
	color: Black;  
}
.datumdis { 
	border: 1px solid #AAC8E1;
	background-color: #F9FBFD;
	border-bottom: 1px solid #AAC8E1;
 }
.ewTableAltRow .datumdis { 
	border: 1px solid #999999;
	background-color: #F9FBFD;
	color: #666666;
 }
 
 .endcontent {
  	width: 93%;
	height:25px;
	background-image: url(images/fb.gif);
	background-repeat: repeat-x;
 }
 
.helper { 
	font-size: x-small;  
	font-weight: bold;  
}
.dodaj A {
	font-size: medium;
}
.dodaj IMG { vertical-align: middle; }

.infotablerow {
	background-color: #F5F5F5;
	border-bottom: 5px solid #9CBDDC;		
}

.infotablealt {
	background-color: #FFFFFF;
	border-bottom: 5px solid #9CBDDC;		
}

.infotable {
	font-size: x-small;
	width: 93%; /* table width */	
	color: inherit; /* text color */
	font-family: Verdana, Arial, sans-serif; /* font name */
	font-size: xx-small; /* font size */
	border-bottom: 5px solid #9CBDDC;		
	border-left: 1px solid #9CBDDC;		
	border-right: 1px solid #9CBDDC;			
	border-top: 1px solid #9CBDDC;
	background: #FFFFFF;
	clear:left;
}

H1
{
	font-size: x-small;
	padding-bottom: 10px;
}
 
@media print {
    #menutable td {color: White;  background-color: White;   }
    #ewbasicsearch{display: none; }	  
}

.reportgumb { 
	background-color: transparent;
	border: 0px none;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;	
	color: #990000;
	text-decoration: none;
	font-weight: bold;
	margin-right: -10px;
	cursor: pointer;
}

.registertable {
	width: 93%; /* table width */	
	color: inherit; /* text color */
	font-family: Verdana, Arial, sans-serif; /* font name */
	font-size: xx-small; /* font size */	
	border-left: 1px solid #9CBDDC;		
	border-right: 1px solid #9CBDDC;			
	border-top: 1px solid #9CBDDC;
	background: #FFFFFF;
	clear: left;		
}

.registertable TD {	
	border-bottom: 1px solid #9CBDDC;
	padding: 7px;
}

.registertablehead {
	font-weight: bold;
	font-size: xx-small;	
}

.registertable input {
	width: auto;	
	height: auto;		
	background-color: #FBFBF4;	
	letter-spacing: normal;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #000000;
}

.inputnoborder INPUT {
	border: 0px none;
}

.orderTable {
	width: 93%; /* table width */	
	color: inherit; /* text color */
	font-family: Verdana, Arial, sans-serif; /* font name */
	font-size: x-small; /* font size */
	border-bottom: 5px solid #9CBDDC;		
	border-left: 1px solid #9CBDDC;		
	border-right: 1px solid #9CBDDC;			
	border-top: 1px solid #9CBDDC;
	background: #FFFFFF;
	clear: left;	
}

.orderTable td {
	padding: 4px; /* cell padding */
	border-bottom: 1px solid #DFE8F4;
}


.orderlarge {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	color: #3F77B3;
	font-weight: bold;	
	background-color: #F0F4FA;	
}

.footer {
	font-size: x-small;
	color: #9CBDDC;	
}

.footer A {
	color: #81ACD0;	
}

.licence {
	overflow: auto;
	height: 100px;
	width: 400px;
	border: 1px solid #CCCCCC;
	font-size: xx-small;
	font-weight: normal;
	text-align: left;
	background-color: #FBFBF4;	
}

.prdiv {
	height: 165px;
	width: 270px;
	position: absolute;
	left: 100px;
	top: -1000px;
	background-color: #F4F8FB;
/*	padding: 3px 3px 3px 3px;
*/
	text-align: right;
	border-bottom: 3px solid #3F77B3;
	border-top: 1px solid #3F77B3;
	border-left: 1px solid #3F77B3;
	border-right: 1px solid #3F77B3;			
}
.Ptitle
{
	font-weight: bold;
	font-size: xx-small;
	color: #E2EDF6;
	text-align: right;
	background-color: #2E5B89; /* header color */
}

.PewTable {
	width: 100%; /* table width */	
	color: inherit; /* text color */
	font-family: Verdana, Arial, sans-serif; /* font name */
	font-size: xx-small; /* font size */			
	background: #FFFFFF;	
}
.PewTable td {
	padding: 4px; /* cell padding */

}
.PewTableHeader {
	background-color: #2E5B89; /* header color */
	color: #FFFFFF; /* header font color */	
	vertical-align: top;
	background-image: url(images/header_back.gif);
	background-repeat: repeat-x;
	font-size: xx-small;
}
.PewTableAltRow TD {
	background-color: #F5F5F5; /* alt row color 2 */	
	border-left: 1px solid #DFE8F4;
	border-bottom: 1px solid #DFE8F4;
}
.PewTableRow TD {
	background-color: #FFFFFF;  /* alt row color 1 */
	border-left: 1px solid #DFE8F4;
	border-bottom: 1px solid #DFE8F4;
}
.PewTableHighlightRow TD {
	background-color: #006699; /* highlight color */
	border-left: 1px solid #DFE8F4;
	border-bottom: 1px solid #DFE8F4;	
	color: White;
}
.floatvideoback {
	background-color: #000000;
	filter: Alpha(Opacity=80);
	-moz-opacity: 0.80;	
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	right: 0px;
	visibility: hidden;
}
.floatvideo {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	right: 0px;
	visibility: hidden;
	text-align: center;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
}
.closediv {
	height: 22px;
	width: 910px;
	text-align: right;
   margin:0 auto;	
}
.closediv A {
	color: #ffffff;
	font-size: x-small;
}