/* General settings */
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #f1f1f2;
	color: #000000;
	height: 100%;
	width: 100%;
	text-align: center;
	color: #686868;
	font-size: 11px;
}

body > * {
	display: none;
}

body > form, body > div, body > table, body > applet {
	display: block;
}

p, div, form, h1, h2, ul, li, br {
	margin: 0px;
	padding: 0px;
}

br {
	width: 0px;
	font-size: 0px;
}

table {
	padding: 0px;
	margin: 0px;
	border: none;
}

.tableEmpty table {
	padding: 0px;
	margin: 0px;
	border: none 0px;
}

select {
	color: #686868;
	background-color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}

input {
	color: #686868;
	background-color: #ffffff;
	font-size: 11px;
	border: 1px solid #cccccc;
}

textarea {
	border-color: #cccccc;
}

.buttonForm, .buttonFormWide, .buttonFormExtraWide, .buttonFormNarrow, .buttonFormWide90, .buttonFormTiny {
	/*background: white url(../img/btnbg.gif) top left repeat-x;*/
	background: #c90000;
	width: 80px;
	height: 17px;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #f1f2f3;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #f1f2f3;
	/*padding-top: 2px;*/
	cursor: pointer;		
	/*color: #686868;*/
	color: white;
	text-transform: uppercase;	
	text-decoration: none;
	text-transform: uppercase;	
	display: block;
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	margin: auto;
	text-align: center;
}

.buttonForm:FOCUS{
	border: 1px solid #c90000;
	background: white;
	color: #c90000;
}

.buttonForm:ACTIVE{
	border: 1px solid #c90000;
	background: white;
	color: #c90000;
}

.buttonFormWide {
	width: 140px;
	text-align: center;
}
.buttonFormWide90{
	width: 90px;
}

.buttonFormNarrow {
	width: 60px;
}

.buttonFormExtraWide {
 	width: 240px;
 }

buttonFormNarrow70 {
	width: 70px;
}

.buttonFormTiny {
	width: 20px;
}

.buttonForm-dis, .buttonFormWide-dis, .buttonFormExtraWide-dis, .buttonFormNarrow-dis, .buttonFormWide90-dis, .buttonFormWide90-dis{
	background: gray;
	width: 80px;
	height: 17px;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #f1f2f3;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #f1f2f3;
	color: white;
	text-transform: uppercase;	
	text-decoration: none;
	text-transform: uppercase;	
	display: block;
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	margin: auto;
	cursor: default;
	text-align: center;
}

.buttonFormWide-dis {
	width: 140px;
}
.buttonFormWide90-dis{
	width: 90px;
}

.buttonFormNarrow-dis {
	width: 60px;
}

.buttonFormExtraWide-dis {
 	width: 240px;
 }

buttonFormNarrow70 {
	width: 70px;
}

.buttonForm:hover {
	/*background: #f1f1f2;*/
}

a:link img, a:visited img, a:hover img, a:active img {
	border: none;
}

.hideit {
	display: none;
	speak: none;
}

.showit{
display:block;
height:100%;
}

.cleaner {
	clear: both;
}

.container {
	width: 1000px;
	padding: 0px;
	margin: 0px;
	background: url(../img/border.gif) top left repeat-y;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	text-align: left;
}

.header {
	width: 980px;
	margin: 0px 10px 0px 10px;
}

.headerRight {
	float: left;
	width: 405px;
	height: 97px;
	padding-top: 5px;
	padding-right: 15px;
	background-color: #dd0a14;
	text-align: right;
	color: white;
}

.logo {
	float: left;
	width: 560px;
	height: 90px;
	background: url(../img/header.gif) top left repeat-x;
}

.headerLogout {
	font-size: 11px;
	text-decoration: none;
	color: white;
	font-weight: bold;
}

.content {
	width: 980px;
	margin: 0 10px 0 10px;
	border-top: 1px solid #cccccc;
	/*background: white;*/
	background: url(../img/title_bar_shader.jpg) top left no-repeat;
}

.shaderLogin {
	width: 920px;;
	height: 20px;
	background: url(../img/shader.jpg) top left repeat-x;
	color: #cc0009;
	font-size: 14px;
	font-weight: bold;
	padding-top: 3px;
	text-transform: uppercase;
	float: left;
}

.shaderLogin div {
	background-position: center;
}

.shaderLoginRight {
	/*padding-right: 60px;*/
	float: right;
}

.shaderCenter {
	width: 60px;
	height: 20px;
	background: url(../img/shader.jpg) top left repeat-x;
	color: #cc0010;
	float: left;
}

.shader {
	width: 980px;;
	height: 20px;
	background: url(../img/shader.jpg) top left repeat-x;
	color: #cc0009;
	font-size: 14px;
	font-weight: bold;
	padding-top: 3px;
	padding-left: 60px;
	text-transform: uppercase;
	float: left;
}

.shaderRight {
	/*width: 60px;*/
	height: 20px;
	background: url(../img/shader.jpg) top left repeat-x;
	color: #cc0009;
	float: right;
	text-align: right;
}

.shaderRight div {
	background-position: center;
}

.loginText {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	/*text-transform: uppercase;*/
	color: #686868;
	margin: auto;
	width: 100px;
}

h1.loginTitle {
	color: #c90004;
	font-size: 16px;
	margin: 20px 0 20px 0;
}

.loginTitle {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #c90004;
}

.buttonWide {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #c90004;
	color: #686868;
	text-transform: uppercase;
	/*border: 2px solid #DEE0E1; */
	cursor: pointer;
	background: url(../img/red_sq.gif) top right no-repeat;
	width: 134px;
	border-bottom: 1px solid #cccccc;
	border-left: none;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #f1f2f3;
	padding-top: 2px;
	padding-right: 34px;
	line-height: 23px;
	text-align: center;
	display: block;
}

.buttonWide:hover {
	background: url(../img/red_sq_hover.gif) top right no-repeat;
}


.buttonWideCib {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #c90004;
	color: #686868;
	text-transform: uppercase;
	/*border: 2px solid #DEE0E1; */
	cursor: pointer;
	background: url(../img/red_sq.gif) top right no-repeat;
	width: 210px;
	border-bottom: 1px solid #cccccc;
	border-left: none;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #f1f2f3;
	padding-top: 2px;
	padding-right: 34px;
	line-height: 23px;
	text-align: center;
	display: block;
}

.buttonWideCib:hover {
	background: url(../img/red_sq_hover.gif) top right no-repeat;
}

.buttonWideCustom {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #c90004;
	color: #686868;
	text-transform: uppercase;
	/*border: 2px solid #DEE0E1; */
	cursor: pointer;
	background: url(../img/red_sq_custom.png) top right no-repeat;
	width: 210px;
	border-bottom: 1px solid #cccccc;
	border-left: none;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #f1f2f3;
	padding-top: 2px;
	padding-right: 34px;
	line-height: 23px;
	text-align: center;
	display: block;
}

.buttonWideCustom:hover {
	background: url(../img/red_sq_hover_custom.png) top right no-repeat;
	color: red;
}

.buttonWideSmall {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #c90004;
	color: #686868;
	text-transform: uppercase;
	/*border: 2px solid #DEE0E1; */
	cursor: pointer;
	background: url(../img/red_sq.gif) top right no-repeat;
	width: 90px;
	border-bottom: 1px solid #cccccc;
	border-left: none;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #f1f2f3;
	padding-top: 2px;
	padding-right: 34px;
	line-height: 23px;
	text-align: center;
	display: table-cell;
}

.button {
	width: 120px;
}

.buttonLogout {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #cc0000;
	/*color: #686868;*/
	color: white;
	text-transform: uppercase;
	/*border: 2px solid #DEE0E1; */
	cursor: pointer;
	/*background: url(../img/btn_x.gif) top right no-repeat;*/
	width: 124px;
	/*border-bottom: 1px solid #cccccc;
	border-left: none;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #f1f2f3;*/
	padding-top: 2px;
	padding-right: 15px;
	line-height: 23px;
	text-align: center;
	display: block;
	margin: 4px;
}

.buttonLogout:hover {
	background: url(../img/btn_x_hover.gif) top right no-repeat;
}

.menu {
	border-top: 1px solid #cccccc;
	width: 980px;
	margin: 0 10px 0 10px;
}

.first_line {
	margin: 0; 
	padding: 0;
	height: 30px;
	width: 980px;
}

.menubar {
	float: left;
	width: 979px;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background: url(../img/topmenu_back.jpg) top left repeat-x;
}

.menubar a {
	float: left;
	display: block;
	padding: 8px 14px 2px 14px;
	/*background: url(../img/topmenu_back.jpg) top left repeat-x;*/
	background: transparent;
	/*border-bottom: 1px solid #cccccc;*/
	border-left: 1px solid #cccccc;
	border-right: 1px solid #fefefe;
	height: 19px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #686868;
}

.menubar a.first {
	border-left: none;
}

.menubar a.last {
	border-right: none;
}
.menubar a:hover {
	color: #cc0000;
}

.infoboxNarrow {
	width: 230px;
	padding-left: 4px;
	padding-right: 0px;
	margin-top: 0px;
}

.infoboxNarrowOuter{
	float: left;
	width: 240px;
	padding: 0px;
	padding-left: 4px;
	margin: 0px;
	display: block;
}

.infoboxWide {
	float: left;
	width: 479px;
	padding-left: 4px;
	padding-right: 0px;
	margin-top: 0px;
}

.infoboxWider {
	float: left;
	width: 718px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
} 

.infoboxDouble {
	float: left;
	width: 966px;
	padding-left: 5px;
	padding-right: 0px;
	margin-top: 0px;
}

.infoboxNarrow h2, .infoboxWide h2, .infoboxWider h2, .infoboxDouble h2 {
	background-color: #cc0000;
	color: #ffffff;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

.iconsTable {
	float: right;
}

.iconsTable td {
	text-align: right;
}

.content_frame {
	border-top: 0px;
	border-top-style: inset;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 0px;
	margin: 0px;
}

.content_frame_overlib {
	border: 1px solid #cccccc;
	width: 360px;
	padding: 0px;
	margin: 0px;
	background: white;
}

.infoboxTable {
	color: #686868;
	font-size: 11px;
	width: 100%
}

.infoboxTable td {
	padding: 0px;
	margin: 0px;
}

.content_frame ul {
	list-style: none;
}

.content_frame ul li {
	margin: 2px 0 2px 0px;
	color: #686868;
	background-color: #ffffff;
	font-size: 11px;
	/*font-weight: bold;*/
	text-decoration: none;
}

/***** tableDiv2 *****/
.tableDiv2 {
	/* margin-top: 5px; */
	clear: both;
	font-size: 11px;
	border-collapse: separate;
	border-spacing: 1px;
	padding: 4px;
	padding-bottom: 10px;
}

.tableDiv2 table {
	width: 100%;
	height: 100%;
	border: dotted 1px #bebebe;
	margin: 0px;
}
.tableDiv2 table tbody td, 
.content_frame table tbody td {
	background-color: #f1f1f2;
	color: #686868;
}

.tableDiv2 table tbody td.white, 
.content_frame table tbody td.white {
	background-color: white;
}

.white{
	background-color: white; 
	width: 100%;
}

.tableDiv2 table tbody a.account {
/* 	color: #333333;  BM*/ 
	color: #686868;
	display: block; 
	/*width: 100%;*/
 	font-weight: bold;
 	text-decoration: none;
 }

.tableDiv2 table tbody a.account:hover {
	background-color: #cccccc;
}

.tableDiv2 table tfoot td, 
.content_frame table tfoot td {
	padding:10px 10px 0px 10px; 
	text-align: center;
}

.tableDiv2 table th, 
.tableDiv table td, 
.content_frame table th, 
.content_frame table td {
	padding: 0px 4px 0px 4px; 
	height:	20px;
}

.tableDiv2 table tr.light td, 
.content_frame table tr.light td {
	background-color: white;
}

.tableDiv2 table tr.dark td, 
.content_frame table tr.dark td {
	background-color: #cccccc;
}

.tableDiv2 table thead th, 
.content_frame table thead th {
	padding-top: 2px;
	background: url(../img/table_head.png) top left repeat-x;
	height: 22px;
	font-weight: bold;
	text-transform: uppercase;
	color: black;
	font-size: 12px;
}

.tableDiv2 table thead td, 
.content_frame table thead td {
	background: url(../img/topmenu_back.jpg) top left repeat-x;
	height: 20px;
	font-weight: bolder;
	color: #686868;
	font-size: 11px;
}

.content_frame table tbody th {
  text-align: left;
}

tableDiv2 table thead a {
	font-size: 10px;
}

.tableDiv2 img {
	display: block;
	margin: auto;
}

.center {
	margin: auto;
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.leftAlign {
	margin-right: auto;
}

.rightAlign {
	margin-left: auto;
}

.bottom_border {
	clear: both;
	background: url(../img/bottom_border.jpg) top left no-repeat;
	width: 1000px;
	height: 13px;
	margin: 0px auto 0px auto;
}

.footer {
	background: url(../img/bottom_menu_back.png) top left repeat-x;
	height: 29px;
	margin: auto;
}

ul.footer {
	float: left;
	width: 100%;
	list-style: none;
	margin: auto;
	text-align: center;
}

.footerli {
	float: left;
	padding: 6px 15px 5px 15px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #f1f2f3;
	margin: 0px;;
}

.footerli_last {
	border-left: 1px solid #cccccc;
	border-right: none;
	float: left;
	padding: 3px 15px 5px 15px;
	margin: 0px;;
}

.footerli a:link, 
.footerli a:visited, 
.footerli a:active {
	font-size: 11px;
	color: #686868;
	text-decoration: none;
	text-transform: uppercase;
}

.footerli a:hover {
	color: #cc0000;
}	


.privacy {
	font-size: 10px;
	background-color: #f1f1f2;
	color: #a7a7a7;
	text-align: center;
	margin: 0px auto 10px auto;
	width: 1000px;
}

.clear table, .clear table td, .clear img, .clear , .clear a, .clear span {
	margin: 0px;
	padding: 0px;
	width: auto;
	height: auto;
	border-collapse: collapse;
	border: 0px;
	vertical-align: bottom;

	color: black;
	background-color: #E7E9E9;
}

.clear div {
	background-color: #E7E9E9;
	border: solid 1px #6c6e72;
	position: relative;
	z-index:100;
	padding-bottom: 2px;
	height: 18px;
}

.clear div div {
	background-color: #E7E9E9;
	border: 0px;
	position: static;
	padding-bottom: 1px;
}

/*#clear2 table, #clear2 table td, #clear2 img, #clear2 input, #clear2 a, #clear2 span {
	margin: 0px;
	padding: 0px;
	width: auto;
	height: auto;
	border-collapse: collapse;
	border: 0px;
	vertical-align: bottom;
}*/

#clear2 * {
	clear: both;
	position: relative;
	margin: auto;
	padding: 0px;
	width: auto;
	height: auto;
	text-decoration: none;
}

#clear2 td {
	padding: 1px;
	background: white;
	color: #686868;
	z-index: 100;
}

#clear2 thead td {
	background: transparent;
}

#clear2 img {
	display: block;
	background: transparent;
}

/* Definicije za domicilni nalog */
table.domicilniNalog {width: 100%;border: none;background: white;border-collapse: collapse;}
table.domicilniNalog table{width: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;background-color: #ffe6e6;border: none;}
table.domicilniNalog table.white{background-color:white;}
table.domicilniNalog table.whitenew{background-color: white;height: 100%;}
table.domicilniNalog table.red{background-color: #fdb3b3;}

table.domicilniNalog td{padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;border-style: none;border-width: 0px;}
table.domicilniNalog td.naslov{padding: 0px 0px 0px 0px;}
table.domicilniNalog td.upper{height: 0px;}
table.domicilniNalog td.x1{height: 1px;vertical-align: top;}
table.domicilniNalog td.x2{height: 100%;vertical-align: top;}
table.domicilniNalog td.naslov1{height: 5px;text-align: center;vertical-align: bottom;margin:0px;}
table.domicilniNalog td.naslov2{height: 5px;text-align: left;vertical-align: bottom;padding: 0px 0px 0px 0px;}
table.domicilniNalog td.naslov1 font, table.domicilniNalog td.naslov2 font{background-color: white;padding: 0px 0px 0px 0px;font-family: Verdana, Sans;font-size: 10px;color: red;}
table.domicilniNalog td.naslov3{height: 5px;text-align: left;vertical-align: top;padding: 0px 0px 0px 0px;background-color: white;font-family: Verdana, Sans;font-size: 10px;color: red;border: none;}
table.domicilniNalog td.naslov4{height: 5px;text-align: right;vertical-align: top;padding: 0px 0px 0px 0px;background-color: white;font-family: Verdana, Sans;font-size: 10px;color: red;border: none;}
table.domicilniNalog td.naslov5{color: #fdb3b3;height: 5px;text-align: left;vertical-align: top;padding: 0px 0px 0px 0px;background-color: white;font-family: Verdana, Sans;font-size: 10px;border: none;}
table.domicilniNalog td.border1{height: 1px;background-color: #fdb3b3;border-width: 1px;border-style: solid;border-color: red red #fdb3b3 red;}
table.domicilniNalog td.border2{width: 280px;height: 1px;background-color: white;vertical-align: top;border-width: 1px;border-style: solid;border-color: red #ffe6e6 #ffe6e6 red;}
table.domicilniNalog td.border3{height: 1px;background-color: #ffe6e6;border-width: 1px;border-style: solid;border-color: #ffe6e6 red #ffe6e6 #ffe6e6;}
table.domicilniNalog td.border4{width: 280px;height: 1px;background-color: white;vertical-align: top;border-width: 1px;border-style: solid;border-color: #ffe6e6 #ffe6e6 #ffe6e6 red;}
table.domicilniNalog td.border5{width: 280px;height: 1px;background-color: white;vertical-align: top;border-width: 1px;border-style: solid;border-color: #ffe6e6 #ffe6e6 red red;}
table.domicilniNalog td.border6{height: 100%;background-color: #ffe6e6;vertical-align: top;border-width: 1px;border-style: solid;border-color: #ffe6e6 red red #ffe6e6;}

table.domicilniNalog td.center{height: 20px;text-align: center;}
table.domicilniNalog td.centerwhite{height: 20px;text-align: center;background-color: white;}
table.domicilniNalog td.input{height: 20px;text-align: center;padding: 0px 2px 0px 4px;background-color: transparent;margin-left: 0px;margin-right: 0px;}
table.domicilniNalog td.input1{height: 20px;height: 20px;text-align: center;padding: 0px 2px 0px 4px;background-color: transparent;margin-left: 0px;margin-right: 0px;}
table.domicilniNalog td.textarea{vertical-align: top;height: 100%;padding: 0px 2px 0px 4px;margin-left: 0px;margin-right: 0px;}
table.domicilniNalog td.inputCalendar *{position: relative;margin: auto;padding: 2px;width: auto;height: auto;}
.inputCall{
background: white none repeat scroll 0%;
z-index: 100;
width:70px;
}
table.domicilniNalog #clear2 {
	background: transparent;
	display: block;
	font-weight: bolder;
	color: #686868;
	font-size: 11px;
	text-transform: uppercase;
}
table.domicilniNalog #clear2 a {
	color: #686868;
}
table.domicilniNalog #clear2 table {
	border: dotted 1px #bebebe;
}

table.domicilniNalog input{width: 100%; height: 16px; padding-top: 6px; background-color: white; border: 0px;}
table.domicilniNalog input.right{text-align: right;}
table.domicilniNalog input.left{text-align: left;}
table.domicilniNalog input.center{text-align: center;}
table.domicilniNalog select{width: 100%;text-align: left;background-color: white;padding-right: 0px; border: none; font: 11px Arial, "MS Shell Dlg", "Trebuchet MS", Tahoma, Helvetica, sans-serif;}
table.domicilniNalog textarea{width: 100%;height: 60px;text-align: justify;border: 0px; background-color: white;vertical-align: top;padding: 1px; font-size: 13px; font-weight:bold;}

/* Definicije za univerzalni nalog */
table.univerzalniNalog {width: 100%;border: none;background: white;border-collapse: collapse;}
table.univerzalniNalog table{width: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;background-color: #ffe6e6;border: none;}
table.univerzalniNalog table.white{background-color:white;}
table.univerzalniNalog table.whitenew{background-color: white;height: 100%;}
table.univerzalniNalog table.red{background-color: #fdb3b3;}

table.univerzalniNalog td{padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;border-style: none;border-width: 0px; text-align: left;}
table.univerzalniNalog td.naslov{padding: 0px 0px 0px 0px;}
table.univerzalniNalog td.upper{height: 0px;}
table.univerzalniNalog td.x1{height: 1px;vertical-align: top;}
table.univerzalniNalog td.x2{height: 100%;vertical-align: top;}
table.univerzalniNalog td.labela1{margin:0px;padding-left:4px;}
table.univerzalniNalog td.naslov1{height: 5px;vertical-align: bottom;margin:0px;padding-left:4px;}
table.univerzalniNalog td.naslov2{height: 5px;text-align: left;vertical-align: bottom;padding: 0px 0px 0px 0px;}
table.univerzalniNalog td.naslov1 font, table.domicilniNalog td.naslov2 font{background-color: white;padding: 0px 0px 0px 0px;font-family: Verdana, Sans;font-size: 10px;color: red;}
table.univerzalniNalog td.naslov3{height: 5px;text-align: left;vertical-align: top;padding: 0px 0px 0px 0px;background-color: white;font-family: Verdana, Sans;font-size: 10px;color: red;border: none;}
table.univerzalniNalog td.naslov4{height: 5px;text-align: right;vertical-align: top;padding: 0px 0px 0px 0px;background-color: white;font-family: Verdana, Sans;font-size: 10px;color: red;border: none;}
table.univerzalniNalog td.naslov5{color: #fdb3b3;height: 5px;text-align: left;vertical-align: top;padding: 0px 0px 0px 0px;background-color: white;font-family: Verdana, Sans;font-size: 10px;border: none;}
table.univerzalniNalog td.border1{height: 1px;background-color: #fdb3b3;border-width: 1px;border-style: solid;border-color: red red #fdb3b3 red;}
table.univerzalniNalog td.border2{width: 280px;height: 1px;background-color: white;vertical-align: top;border-width: 1px;border-style: solid;border-color: red #fdb3b3 #fdb3b3 red;}
table.univerzalniNalog td.border3{height: 1px;background-color: #ffe6e6;border-width: 1px;border-style: solid;border-color: #ffe6e6 red #ffe6e6 #ffe6e6;}
table.univerzalniNalog td.border4{width: 280px;height: 1px;background-color: white;vertical-align: top;border-width: 1px;border-style: solid;border-color: #ffe6e6 #ffe6e6 #ffe6e6 red;}
table.univerzalniNalog td.border5{width: 280px;height: 1px;background-color: white;vertical-align: top;border-width: 1px;border-style: solid;border-color: #ffe6e6 #fdb3b3 red red;}
table.univerzalniNalog td.border6{height: 100%;background-color: #ffe6e6;vertical-align: top;border-width: 1px;border-style: solid;border-color: #ffe6e6 red red #ffe6e6;}
table.univerzalniNalog td.border7{width: 280px;height: 1px;background-color: #ffe6e6;vertical-align: top;border-width: 1px;border-style: solid;border-color: red #ffe6e6 #fdb3b3 red;}

table.univerzalniNalog td.center{height: 20px;text-align: center;}
table.univerzalniNalog td.centerwhite{height: 20px;text-align: center;background-color: white;}
table.univerzalniNalog td.input{height: 30px;padding: 0px 2px 0px 4px;margin-left: 0px;margin-right: 0px;}
table.univerzalniNalog td.input1{height: 20px;height: 20px;text-align: center;padding: 0px 2px 0px 4px;background-color: transparent;margin-left: 0px;margin-right: 0px;}
table.univerzalniNalog td.textarea{vertical-align: top;height: 100%;padding: 0px 2px 0px 4px;margin-left: 0px;margin-right: 0px;}
table.univerzalniNalog td.inputCalendar *{position: relative;margin: auto;padding: 2px;width: auto;height: auto;}
.inputCall{
background: white none repeat scroll 0%;
z-index: 100;
width:70px;
}
table.univerzalniNalog #clear2 {
	background: transparent;
	display: block;
	font-weight: bolder;
	color: #686868;
	font-size: 11px;
	text-transform: uppercase;
}
table.univerzalniNalog #clear2 a {
	color: #686868;
}
table.univerzalniNalog #clear2 table {
	border: dotted 1px #bebebe;
}

table.univerzalniNalog input{height: 16px; padding-top: 6px; background-color: white; border: 0px;}
table.univerzalniNalog input.right{text-align: right;}
table.univerzalniNalog input.left{text-align: left;}
table.univerzalniNalog input.center{text-align: center;}
table.univerzalniNalog select{width: 100%;text-align: left;background-color: white;padding-right: 0px; border: none; font: 11px Arial, "MS Shell Dlg", "Trebuchet MS", Tahoma, Helvetica, sans-serif;}
table.univerzalniNalog textarea{width: 99%;height: 55px;text-align: justify;border: 0px; background-color: white;vertical-align: top;padding: 1px; font-size: 13px; font-weight:bold;resize:none;}

table.univerzalniNalog input[disabled]{background-color: #ccc;}

/***** iceTableDiv *****/
.dataTableDiv {
	/* margin-top: 5px; */
	clear: both;
	font-size: 11px;
	border-collapse: separate;
	border-spacing: 1px;
	padding: 4px;
	padding-bottom: 10px;
}

.dataTableDiv2 {
	/* margin-top: 5px; */
	clear: both;
	font-size: 11px;
	padding: 2px;
	padding-bottom: 2px;
}

.htmlTable {
	width: 100%;
	height: 100%;
	border: dotted 1px #bebebe;
	margin: 0px;
	padding: 0px;
	margin-top: 4px;
}

.htmlTable td {
	padding: 0px;
	padding-bottom: 0px;
}

.htmlTable th img {
	display: block;
	padding: 0px;
	padding-bottom: 0px;
}

.htmlTable2 {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	margin-top: 1px;
}

.htmlTable2 td {
	padding: 0px;
	padding-bottom: 0px;
}

.htmlTable2 th img {
	display: block;
	padding: 0px;
	padding-bottom: 0px;
}

.dataTable {
	border-collapse: separate;
	/*border-spacing: 2px;*/
	padding: 0px;
	/*margin: -2px;*/
	width: 100%;
}
.dataTable table thead th {
	background: url(../img/topmenu_back.jpg) top left repeat-x;
	height: 20px;
	font-weight: bolder;
	color: #686868;
	font-size: 11px;
}
.dataTableBorder {
	border-collapse: separate;
	/*border-spacing: 2px;*/
	padding: 0px;
	/*margin: -2px;*/
	width: 100%;
	border: dotted 1px #bebebe;
	}
	
.dataTableNarrow {
	border-collapse: separate;
	/*border-spacing: 2px;*/
	padding: 0px;
	/*margin: -2px;*/
	width: 82%;
	text-align: center;
}

.dataTableNarrow td,
.dataTableNarrow th{
	border: 1px solid #f8f8f8;
}

.dataTable td,
.dataTable th {
	border: 1px solid #f8f8f8;
	height: 20px;
}

.dataTableBorder td,
.dataTableBorder th {
	border: 1px solid #f8f8f8;
}

/*
.dataTable th{
	border: 1px groove rgb(241,241,241);
}*/

.dataTable a{
	text-decoration: none;
}

.tableTitle1pxFIXforFF {
	padding-left: 1px;
}

.tableTitle, .tableTitleColHdr1, .tableTitleColHdr2 {
	padding-top: 2px;
	background: url(../img/table_head.png) top left repeat-x;
	height: 22px;
	font-weight: bold;
	text-transform: uppercase;
	color: black;
	font-size: 12px;
}

.tableTitle a {
	color: white;
	text-decoration: none;
}

.tableTitle a:hover {
	color: black;
	background: white;
}

.dataTableHeader, .dataTableColHdr1, .dataTableColHdr2 {
	background: url(../img/topmenu_back.jpg) top left repeat-x;
	height: 20px;
	font-weight: bolder;
	color: #686868;
	font-size: 11px;
}

.dataTableHeader a, .dataTableColHdr1 a, .dataTableColHdr2 a{
	text-decoration: none;
	color: #686868;
}

.oddRow{
    background-color: white;
}

.evenRow{
    background-color: #f1f1f2;
}

.selectedRow {
	font-weight: bolder;
}

.iceLeft {
	text-align: left;
	height: 20px;
}

.iceCenter{
   text-align: center;
}

.iceCenter100{
   text-align: center;
   width: 100px;
}


.iceRight {
	text-align: right;
	height: 20px;
}

.centerAligned {
	text-align: center;
	height: 20px;
}

.rightAligned {
	text-align: right;
	height: 20px;
}

.detailLink {
	/* 	color: #333333;  BM*/ 
	color: #686868;
	display: block; 
	/*width: 100%;*/
 	font-weight: bold;
 	text-decoration: none;
}

.detailLink:hover{
	background-color: #cccccc; 
}

.newMessageLink{
	color: white;
	font-weight: bold;
	text-decoration: blink;
}

.selectLangHR, .selectLangEN {
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block;
	width: 29px;
	height: 20px;
	background: url(../img/flag_hr.gif) no-repeat center;
}

.selectLangEN {
	background: url(../img/flag_en.gif) no-repeat center;
}

.selectLangHR:hover, .selectLangEN:hover {
	/* TODO hover effect */
}

.top {
	vertical-align: top;
}

/* Calendar boja datuma*/

.today a {
}

.today a span {
    color: #2A6CC2;
    font-weight: bold;
}

.messageDialog {
	z-index:1001;
	width: 500px;
	min-width: 300px;
	padding: 1px;
	display: block;
	top:200px;
	left:450px;
	position: absolute;
	border: dotted 1px #bebebe;
	background-color: white;
}

.messageDialogTitle {
	width: 500px;
	display: block;
	background-color: #c90000;
	color: white;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

.messageDialogDiv{
	width: 500px; 
	max-height: 350px; 
	overflow: auto; 
	border-bottom: dotted 1px #bebebe;
}

.helpDialog {
	z-index:1001;
	width: 30%;
	min-width: 800px;
	padding: 1px;
	display: block;
	top:200px;
	left:450px;
	position: absolute;
	border: dotted 1px #bebebe;
	background-color: white;
}

.helpDialogTitle {
	width: 100%;
	display: block;
	background-color: #c90000;
	color: white;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

.hpbFileUploadButton {
	width: 80px;
	height: 17px;
	/*padding-top: 2px;*/
	cursor: pointer;		
	/*color: #686868;*/
	color: white;
	text-transform: uppercase;	
	text-decoration: none;
	text-transform: uppercase;	
	display: block;
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	margin: auto;
}

/* output progress bar */
.iceOutputProgress {
    margin: 2px;
}

.iceOutputProgressBackground {
    border: 1px solid #ABABAB;
    width: 300px;
    height: 15px;
}

.iceOutputProgressFill {
    background-color: #026AFF; /* background-image:url(./css-images/window_top.gif);*/
    background-position: center;
    background-repeat: repeat-x;
    display: block;
}

.iceOutputProgressText {
    color: black;
}

/*
   Classes for the output progress bar
*/

.iceOutputProgressIndeterminateActiveClass {
    background-color: #EFEFEF;
    background-image: url(../img/in_progress_red.gif);
    background-position: center;
    background-repeat: repeat-x;
}

.iceOutputProgressIndeterminateInactiveClass {
    background-color: #EFEFEF;
    background-image: url(../img/in_progress_inactive.gif);
    background-position: center;
    background-repeat: repeat-x;
}

.HPBtableSelect {
	color: #686868;
 	text-decoration: none;
 	background-color: #cccccc;
 	cursor: pointer;
}

.HPBtableSelected {
	color: #c90000;
 	text-decoration: none;
	background: url(../img/table_head.png) top left repeat-x;
}


/*
	Classes for output connection status
*/
.iceOutConStat {
	position: relative;
    margin: 0px;
    width: 60px;
    height: 20px;
    border: medium;
    overflow: hidden;
}

.iceOutConStatInactv {
    position: relative;
    background-image: url( ../img/idle.gif );
    background-position: top;
    background-repeat: no-repeat;
    width: 60px;
    height: 20px;
}

.iceOutConStatActv {
    position: relative;
    background-image: url( ../img/active.gif );
    background-position: top;
    background-repeat: no-repeat;
    width: 60px;
    height: 20px;
	margin-top:-20px;
}

.iceOutConStatCaution {
    position: relative;
    background-image: url( ../img/caution.gif );
    background-position: top;
    background-repeat: no-repeat;
    width: 60px;
    height: 20px;
	margin-top: -40px;
}

.iceOutConStatDisconnect {
    position: relative;
    background-image: url( ../img/disconnected.gif );
    background-position: top;
    background-repeat: no-repeat;
    width: 60px;
    height: 20px;
	margin-top: -60px;
}

.iceInputTextAmount {
	width: 83px;
	text-align: right;
}
.iceInputTextAmount-dis{
	width: 83px;
	text-align: right;
	
}

.iceInputTextWidth15 {
	width: 15px;
}

.iceInputTextWidth30 {
	width: 30px;
}

.iceInputTextWidth45 {
	width: 45px;
}

.iceInputTextWidth65 {
	width: 65px;
}

.iceInputTextWidth70 {
	width: 70px;
}
.iceInputTextWidth80 {
	width: 80px;
}

.iceInputTextWidth90 {
	width: 90px;
}

.iceInputTextWidth120 {
	width: 120px;
}

.iceInputTextWidth160 {
	width: 160px;
}

.inputTextWidth180{
	width : 180px;
}

.inputTextWidth200{
	width : 200px;
}

.inputTextWidth210{
	width : 210px;
}

.inputTextWidth220{
	width : 220px;
}

.inputTextWidth250{
	width : 250px;
}

.inputTextWidth600{
	width : 600px;
}

.iceInputTextWidth80-dis{
	width: 80px;
}


.swift14_frame {
	background-color: #f1f1f2;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 0px;
	margin: 0px;
}

.swift14_HtmlTable  {
	background-color: white;
	width: 100%;
	height: 100%;
	border: dotted 1px #bebebe;
	margin: 0px;
	padding: 0px;
	/*margin-top: 0px;*/
}


.swift14_HtmlTable td{
    background-color: #f1f1f2;
	height:	15px;
	/*border: 1px solid #f8f8f8;*/
	/*padding: 2px;*/
}

.swift14_HtmlTable th {
	height:	20px;
	/*border: 1px solid #f8f8f8;*/
	/*padding: 2px;*/
}
.swift14InnerTable {
	border-collapse:collapse;
 	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;	
}

.swift14InnerTable tbody td {
	height:	20px;
	margin: 0px;
	padding: 0px;	
}

.swift14_heading {
	background-color: #c9c9c9;
  	text-align: center;
  	text-transform: uppercase;
  	font-size: 14px;
}
.swift14_heading2 {
	background-color: #c9c9c9;
  	text-align: center;
  	text-transform: uppercase;
  	font-size: 12px;
}
.swift14_heading3 {
  	text-align: left;
}

.swift14_heading4 {
  	text-align: right;
}

.swift14_number {
  	font-size: 12px;
  	font-weight: bold;
  	width:15px;
}
.swift14_column {
    width:390px;
}

.swift14_dataTable{
	width: 750px;
	border: dotted 1px #bebebe;
}
.swift14_dataTable td {
	border: 1px solid #f8f8f8;
	padding: 0px;
	height: auto;
	background-color: transparent;
}
.swift14_dataTable th {
	border: 1px solid #f8f8f8;
	padding: 0px;
}

.swift14_dataTable tfoot td {
	padding-top:4px;
	border-top-width: 1px;
	border-top-color: gray;
	border-top-style: dotted;
	border-right: 0px ;
	border-left: 0px ;
			
}
.messageText {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #686868;
	font-size: 11px;
}

.errorMessageText {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #CC0000;
	font-size: 11px;
}



/* ---- ICE Menu Classes by donald --- */
/* -- nabrojane su sve, a modificirane samo za vertical menu: horizontalni je TOBE*/

.iceMnuBar { /*no change*/
    padding: 0px;
    white-space: nowrap;
}

.iceMnuBar a:hover{
	color: #FFFFFF;
}

.iceMnuBarItem { /* was iceMenu */
    float: left;
    padding: 0px;
    white-space: nowrap;
}

.iceMnuBarItem a { /* was iceMenu */
    background-color: #DDDDDD;
    height: auto;
    padding: 3px 10px 3px 10px;
    color: #333333; /* Must be >1.01em to avoid layout artifacts on Macs */
    font-size: 1.1em;
    margin: 0px;
    border-right: 1px solid #FFFFFF;
    width: auto;
    float: left;
    display: block;
    text-decoration: none;
    text-transform: none;
    font-family:Arial,Helvetica,sans-serif;
    font-weight: normal;
}

.iceMnuBarItem a:hover { /* was iceMenu */
    background-color: #2A6CC2;
    color: #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

.iceMnuBarItem hr { /* was iceMenu */
    border: none 0;
    border-top: 1px solid #999999;
    width: 100%;
    height: 1px;
    margin-top: 3px;
    padding: 0px;
    text-align: left;
}

.iceMnuBarSubMenu { /* was iceSubMenu */
    position: absolute;
    background-color: #EFEFEF;
    width: 160px;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    padding: 1px;
    height: auto;
    display: block;
}

.iceMnuItm, .iceMnuItm-dis { /* was iceSubMenuRow*/
    padding: 0px;
    display: block;
    height: auto;
}

.iceMnuItm a { /* was iceSubMenuRow*/
    color: #333333;
    display: block;
    text-decoration: none;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;  
    border-left: none;
    border-right: none;
    width: 154px;
    font-family:Arial,Helvetica,sans-serif;
    font-weight: normal;
    text-transform: none;
}

.iceMnuItm-dis a { /* disabled row*/
    color: #333333;
    display: block;
    text-decoration: none;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;  
    border-left: none;
    border-right: none;
    width: 154px;
    font-family:Arial,Helvetica,sans-serif;
    text-transform: none;
}

.iceMnuItm a:hover { /* was iceSubMenuRow*/
    background-color: #2A6CC2;
}

.iceMnuItm a:hover .iceOutTxt{ 
    color: #FFFFFF;
}

.iceMnuItmLabel, .iceMnuBarItemLabel { /* was iceSubMenuRowLabel */
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 4px;
    font-size: 1.0em;
    display: inline;
}

.iceMnuBarItemImage {
	width:0px;
}

.iceMnuItmImage, .iceMnuBarItemImage {  /* was iceSubMenuRowImage */
    display:inline;
    vertical-align: top;    
}

.iceMnuBarSubMenuInd { /* was iceSubMenuRowSubMenuIndicator */
    display:inline;
    float:right;
    padding-top: 3px;
    padding-right: 1px;    
}

/* classes for the vertical version of the iceMenu*/

.iceMnuBarVrtItemLabel {} 
.iceMnuBarVrtItemImage {
	width:5px;
}

.iceMnuBarVrt .iceMnuBarVrt-dis { /* was iceMenu_vertical */
    float: left;
    padding: 0px;
    white-space: nowrap;
}

.iceMnuBarVrtItem .iceMnuBarVrtItem-dis { /* was iceMenu_verticalItem */
    width: 160px;
    display: block;
}

.iceMnuBarVrtItem a { /* was iceMenu_verticalItem */
    background-color: #DDDDDD;
    height: auto;
    padding-left: 3px;
    padding-right: 3px;    
    padding-top: 3px;
    padding-bottom: 3px;
    color: #333333;
    font-size: 1.1em;
    margin-bottom: 1px;
    float: none;
    display: block;
    text-decoration: none;
    border: 0px solid #FFFFFF;
    width: 100%;
}

.iceMnuBarVrtItem a:hover { /* was iceMenu_verticalItem */
    background-color: #2A6CC2;
    color: #FFFFFF;
    text-decoration: none;
}

.iceMnuBarVrtSubMenu { /* was iceSubMenu_vertical*/
    padding: 1px;
    width: 160px;
    background-color: #EFEFEF;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    position: absolute;
    height: auto;
    display: block;
}

.iceMnuItmVrt a { /* was iceMenu_vertical_subItem */
    background-color: #EFEFEF; 
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 1.1em; 
    width: auto;
    display: block;
    text-decoration: none; 
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;    
}

.iceMnuItmVrt a:hover { /* was iceMenu_vertical_subItem */
    background-color: #2A6CC2;
    color: #FFFFFF;
    text-decoration: none;
}

.iceMnuBarVrtSubMenuInd { /* was iceSubMenuDividerVert */
    display:inline;
    float:right;
    padding-top: 3px;
    padding-right: 1px;    
}
/* END ice:menuBar vertical by donald*/


.dataTableFtr {
	background: url(../img/bottom_menu_back.png) top left repeat-x;
	height: 20px;
	font-weight: bolder;
	color: #686868;
	font-size: 11px;
	text-align: right;
}

.dataTableFtr a {
	text-decoration: none;
	color: #686868;
}

.iceDatPgrScrCol a {
	color: #FFFFFF;
}

.iceDatPgrCol a {
	color: #000000;
}

/* calendar for domestic transaction list filter */
.iceSelInpDate * {
	margin: auto;
	padding: 0px;
	width: auto;
	height: auto;
	font-weight: bold;
	text-decoration: none;
	color: #686868;
}
.iceSelInpDate .iceCalMonthYear {
	padding: 1px;
}

.iceSelInpDate .iceCalWeek {
	padding: 1px;

}

.iceSelInpDate .calShortCur {
	padding: 1px;
}

.iceSelInpDate .iceCalDay {
	padding: 1px;
}

.iceSelInpDate .iceCalOutline {
	padding: 1px;
}

/*.calendar .iceCalInput {
	width: 40px; 
	float: left;	
}*/

.iceSelInpDate .iceInputDate {
	text-align: right;
}

.iceSelInpDate .iceInputDateWidth60 {
	text-align: right;
	width: 60px;
}

.iceSelInpDate .iceSelInpDateCur {
	color: white;
}

.iceSelInpDate .iceSelInpDateCur a {
    background-color: #d4080b;
    color: white;
    width: 100%;
    height: 100%;
    padding: 2px;
}

.iceSelInpDate .iceSelInpDateCur a span{
    color: white;
}


.iceSelInpDateInput, .iceCalInputInput {
	width: 70px; 
	float: left;	
}

#form_overview_activity_log .timestampCalendarInput {
	width: 120px;
	float: left;
}

#userId .timestampCalendarInput {
	width: 82px;
	float: left;
}


.calendar .iceSelInpDateWeek {
/* the days of the week row */
    font-weight: bold;
    color: #2A6CC2;
    text-align: center;
    border-bottom: 1px solid #000000;
}

.iceSelInpDate {
    font-weight: bold;
    color: #2A6CC2;
    text-align: center;
    border: 1px solid #000000; 
    background: white none repeat scroll 0%;
}

.iceCalInput table tbody td {
    background: white none repeat scroll 0%;
}

.iceSelInpDate table tbody td {
    background: white none repeat scroll 0%;
}

/* Exchange rate calendar styles */

.dayNotSyncedNotSelected{
	color: #686868;
	background-color: white;
 	text-decoration: none;
}

.daySyncedNotSelected{
	background-color: #CC0000; 
	color: white;
 	text-decoration: none;
}

.daySelected{
	background-color: blue; 
	color: white;
 	text-decoration: none;
}


.icePnlClpsblHdr {
    font: 12px Arial,Helvetica,sans-serif;
    color: white;
    font-weight: bold;
    height: 15px;
    background: #FFF url( ../img/tree_nav_top_close_no_siblings.gif ) no-repeat;
    background-position: 3px center;
    background-color: #cc0000;
    border-bottom: none;
}

.icePnlClpsblColpsdHdr {
	font: 12px Arial,Helvetica,sans-serif;
    color: white;
    font-weight: bold;
    height: 15px;
    background: #FFF url( ../img/tree_nav_top_open_no_siblings.gif ) no-repeat 3px center;
    background-color: #cc0000;
    border-bottom: none;
}

.icePnlClpsblHdr, .icePnlClpsblHdr-dis, .icePnlClpsblColpsdHdr, .icePnlClpsblColpsdHdr-dis {
    cursor: pointer;
}

.prog-border {
	height: 15px;
	width: 205px;
	background: #fff;
	border: 1px solid #000;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

.prog-bar {
	height: 11px;
	margin: 2px;
	padding: 0px;
	background: #00ff00;
}

.listPopup{
	z-index:1001;
	width: 377px;
	padding: 1px;
	display: block;
	position: absolute;
	border: dotted 1px #bebebe;
	background-color: white;
}

.popupRow{
	text-align: center;
	max-height: 20px;
}

.progress {
    background-color: transparent;
    background-image: url(../img/ajax-loader.gif);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 19px;
    display: none;
}