﻿/*html { height: 100%; margin-bottom: 1px; }*/
html { overflow-y: scroll;}
body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: White;
	margin: 0px; 
	padding: 0px;
	text-align: center; 
	color: #333333;
}
a, a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: black;
	text-decoration : underline;
}
a.veci, a.veci:visited {
	font-family : arial;
	font-size : 18px;
	color :  #004f84;
}
span.veci {
	font-family : arial;
	font-size : 18px;
	color :  #004f84;
}
img {margin: 0px; padding: 0px; border: 0px;}
/*img {margin: 0px; padding: 0px;}*/
.Loft-Organizer #container {
	width: 980px; 
	background: #FFFFFF;
	margin: 10px auto; 
	text-align: left; 
	padding: 0px;
	zoom: 1;
}
.Loft-Organizer div#mainContent {padding-bottom: 10px; display:block;}
.Loft-Organizer #container-manji {
	width: 760px; 
	background: #FFFFFF;
	margin: 10px auto; 
	text-align: left; 
	padding: 0px;
}
.Loft-Organizer #LO-head-logo {
	width: 300px; 
	background: transparent;
	margin: 0px 0px 0px 0px; 
	padding-left:7px;
}
 #LO-head-logout {
	display: block;
	float: right;
	background: transparent;
	padding-right: 230px;
	padding-top:5px;
	text-align : right;
}
 #LO-head-logout strong {margin-left: 3px;}
 #LO-head-logout-manji {
	display: block;
	float: right;
	background: transparent;
	padding-right: 0px;
	padding-top:5px;
	text-align : right;
}
.clear {clear:both;}
.clear-l {clear:left;}
.Loft-Organizer #LO-head-logo a#pigeon {
padding: 10px 6px 10px 16px;
	background : no-repeat 2px 14px;
}
.Loft-Organizer #LO-head-logo a#loft {
padding: 10px 6px 10px 16px;
background : no-repeat 2px 13px;
}
.Loft-Organizer #LO-head-logo a#organizer {
padding: 10px 6px 10px 16px;
background : no-repeat 2px 14px;
}

.Loft-Organizer #LO-main-menu {
	display : block;
	height: 36px;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	background: no-repeat bottom left;
}
/* standard */
.Loft-Organizer #LO-main-menu a, .Loft-Organizer #LO-main-menu a:link {
	display: block;
	float:left;
	margin: 0px 1px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px none;
	background : no-repeat;
}
.Loft-Organizer #LO-main-menu a img, .Loft-Organizer #LO-main-menu a:visited img  {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 6px 0px 7px;
	border: 0px none;
	background : no-repeat transparent right;
}
/* kraj standard */

/* meni tabulari */
	/* on */
	.Loft-Organizer #LO-main-menu span#on {
		display: block;
		float:left;
		margin: 0px 1px 0px 0px;
		padding: 0px 0px;
		border: 0px none;
		background : no-repeat left;
	}
	.Loft-Organizer #LO-main-menu span#on img {
		display: block;
		float:left;
		margin: 0px 0px 0px 0px;
		padding: 0px 6px 0px 7px;
		border: 0px none;
		background : no-repeat transparent right;
	}
	/* kraj on */
	/* hover*/
	
	.Loft-Organizer #LO-main-menu a:hover {
		display: block;
		margin: 0px 1px 0px 0px;
		padding: 0px 0px;
		border: 0px none;
		background : no-repeat left;
	}
	.Loft-Organizer #LO-main-menu a:hover img {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 6px 0px 7px;
		border: 0px none;
		background : no-repeat transparent right;
	}
	/* kraj hover*/

	ul.loft-tabovi {
		display:block;
		list-style: none;
		margin: 1px 0px -1px 0px;
		padding: 20px 0px 0px 5px;
		height: 30px;
		width:749px;
		background: no-repeat 5px 19px; 
	}
	div#prazno {
		display:block;
		list-style: none;
		margin: 1px 0px -1px 0px;
		padding: 5px 0px 0px 5px;
		width:749px;
		background: no-repeat 5px 0px; 
	}
	div.prazni-tabovi {
		display:block;
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 18px 0px 0px 5px;
		width:749px;
		background: no-repeat 5px 20px;
	}
	ul.loft-tabovi li.prvi {
		margin-left: 0px;
	}
	
	ul.loft-tabovi li {
		float: left;
		display: block;
		height: 24px;
		padding-right: 12px;
		margin-left: -10px;
		position: relative;
		background: 100% 0 no-repeat;
		white-space: nowrap;
		_width: 30px;
	}
	
	ul.loft-tabovi span {
	display:block;
		margin:0px 0px 0px 0px;
		height: 12px;
		padding: 6px 0px 6px 10px;
		background: no-repeat;
	}
	
	html>body ul.loft-tabovi span {
	
		display: block;
	}
	
	ul.loft-tabovi li#sad {
		z-index: 1;
		font-weight: bolder;
		
		height: 25px;
		
	}
	
	ul.loft-tabovi li#sad span {
		margin:0px 0px 0px 0px;
		padding: 6px 10px 6px 10px;
		height: 13px;
		
	}
	
	ul.loft-tabovi li span a {
	padding-right: 10px;
	}
	
	ul.loft-tabovi a.new {
	}

/* kraj meni tabulari */

.Loft-Organizer h1 {	
	color: #003399;
	padding: 12px 9px;
	font-size:22px;
	letter-spacing : -1px;
	display: block; 
	float: none;
	clear : left;
	margin: 0px 0px 20px 0px; 
	padding: 2px 0px 0px 6px;
	font-family: Arial;
	font-weight : bold;
	background: repeat-x transparent;
	border-bottom: 1px solid #CCCCCC;
	
}
.Loft-Organizer h2 {	
	letter-spacing:-1px;
	font-size:18px;
	margin: 2px 0px; 
	padding: 2px 2px;
	font-family: Arial;
	font-weight : bold;
	background: repeat-x transparent;
	color : #003399;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	display:block;
	
}

.Loft-Organizer h4 {
	letter-spacing:-1px;
	font-size:16px;
	margin: 3px 0px;
	padding: 3px 0px;
	font-family: Arial;
	font-weight : bold;
	color : #666666;
	display:block;	
}

.Loft-Organizer span.data {	
	letter-spacing:-1px;
	font-size:14px;
	margin: 1px 0px 6px 0px; 
	padding: 3px 0px 3px 1px;
	font-family: Arial;
	font-weight : bold;
	background:  repeat-x transparent;
	color : #003399;
	display:block;
	border: 1px solid #E5E5E5;
	
}
.Loft-Organizer span.data5 {	
	letter-spacing:-1px;
	font-size:14px;
	margin: 1px 0px 6px 0px; 
	padding: 3px 0px 3px 5px;
	font-family: Arial;
	font-weight : bold;
	background:  repeat-x transparent;
	color : #003399;
	display:block;
	border: 1px solid #E5E5E5;
	
}
/* community panel */
	#community-holder {
	float:right;
	position:relative;
	background-color:#CCCCCC;
	width:200px;
	display:block;
	background: repeat-y;
	margin: 24px 0px 0px 0px;
	}
	#community-holder-home {
		float:right;
		position:relative;
		background-color:#CCCCCC;
		width:200px;
		display:block;
		background: repeat-y;
		margin: 0px 0px 0px 0px;
	}
	.Loft-Organizer div.community {
		display:block;
		zoom: 1;
		padding: 10px 10px; 
	}
	.Loft-Organizer div.community h3 {	
		letter-spacing:-1px;
		font-size:14px;
		margin: 3px 0px; 
		padding: 1px 0px;
		font-family: Arial;
		font-weight : bold;
		color : #003399;
	
	}
	.Loft-Organizer div.community a {
		display:block;	
		letter-spacing:0px;
		font-size:11px;
		margin: 3px 3px; 
		padding: 2px 0px;
		font-family: Arial;
		font-weight : normal;
		background:  repeat-x transparent;
		color : #003399;
		
	}
	div.explain {
		text-align: center; 
		padding: 5px; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:16px; 
		font-weight:bold; 
		color:#003399; 
	}
	
	.Loft-Organizer div.community a.pading0 {
		display:block;	
		letter-spacing:0px;
		font-size:11px;
		margin: 3px 0px; 
		padding: 2px 0px;
		font-family: Arial;
		font-weight : normal;
		background:  repeat-x transparent;
		color : #003399;
		
	}
	.Loft-Organizer div.community a img, .Loft-Organizer div.community a:visited img, .Loft-Organizer div.community a:link img { 
		border: solid 2px #CCCCCC;
	}
	.Loft-Organizer div.community a:hover img {
		border: solid 2px #6699cc;
	
	}
	div.selected {
	background: repeat-x transparent;
	color : #003399;
	}
	
	.TabTitle
	{
		letter-spacing:-1px;
		font-size:16px;
		margin: 2px 0px; 
		padding: 3px 2px;
		font-family: Arial;
		font-weight : bold;
		background:  repeat-x transparent;
		color : #003399;
		border-top: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		display:block;
	}
	div.panel-split {display:block; margin-top:8px; border-top: 1px solid #CCCCCC;}
	
	.Loft-Organizer div.community a.panel-go {
		display:block;	
		letter-spacing:-1px;
		font-size:14px;
		margin: 15px 0px 0px 0px; 
		padding: 3px 0px;
		font-family: Arial;
		font-weight : bold;
		background: repeat-x transparent;
		color : #003399;
		
	}
/* kraj community panel */
.Loft-Organizer #header { 
	background: #FFFFFF no-repeat left 10px; 
	margin: 0px; 
	padding: 0px 0px 0px 0px;  
} 
.Loft-Organizer #comunity-header { 
	margin: 0; 
	padding: 0px 0px 0px 0px;  
} 
div#logo {
	letter-spacing:-1px;
	font-size:20px;
	margin: 0px auto;
	width: 900px;
	padding: 64px 0px 5px 8px;
	font-family: Arial;
	font-weight : bold;
	color : #003399;
	display:block;	
	text-align:left;
	background: #FFFFFF no-repeat left top; 
	}

.Loft-Organizer #mainContent {
	padding: 0px; 
	margin: 0px; 
	background: #FFFFFF;
}

div.sadrzaj{
margin: 0px 0px 20px 0px;
display:block;
   padding: 0px 0px 10px 0px;
	width:759px;
	background: no-repeat 5px bottom; 
}

div.sadrzaj-krace {
margin: 0px 0px 0px 0px;
display:block;
   padding: 0px 0px 10px 0px;
	width:759px;
	background: no-repeat 5px bottom; 
}

div.tekst{
margin:0px;
display:block;
  padding: 10px 22px 5px 20px;
	width:717px;
	background: repeat-y 5px bottom; 
}
.Loft-Organizer #footer { 
	display:block;
	width: 746px;
	padding: 6px 10px 0px 0px; 
	text-align: right;
	background: no-repeat left top; 
} 

/* INPUT */
div.sivi {
	display:block;
	width: 290px;
	background-color: #F5F5F5;
	padding: 3px 20px 3px 5px;
	margin: 4px 0px 0px 0px;
	font-weight : normal;
	color: #333333;
	border: 1px solid #F5F5F5;
}
div.required { background: #F5F5F5 no-repeat 295px 22px;}
div.error {
	background: #FFE1E1 no-repeat 298px 22px;
	color:#000000; 
}
div.error input, div.tekst div.error select {border: 1px solid #FF0000;}
div.sivi-uzi {
	display:block; width: 327px; 
	background-color: #F5F5F5; 
	padding: 3px 5px 3px 5px; 
	margin: 4px 0px 0px 0px;
	font-weight : bold;
	color: #666666;
	border: 1px solid #F5F5F5; 
}
div.beli-uzi {
	display:block; width: 327px; 
	background-color: #FFFFFF; 
	padding: 3px 5px 3px 5px; 
	margin: 4px 0px 0px 0px;
	font-weight : bold;
	color: #666666;
	border: 1px solid #F5F5F5; 
}
div.beli{
	display:block; width: 327px; 
	background-color: White; 
	padding: 3px 5px 3px 5px; 
	margin: 2px 0px 0px 0px;
	font-weight : bold;
	color: #666666;
	border: 1px solid #F5F5F5;  
}
form {
	padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
}
input[type=text] , input[type=password] {
	border: 1px solid #CCCCCC; padding: 1px 1px 1px 1px; margin-top: 2px; display: inline; width: 280px; color : #333333; font-size: 14px; font-family: Arial; 
}
input.intxt {
	border: 1px solid #CCCCCC; padding: 1px 1px 1px 1px; margin-top: 2px; display: inline; width: 280px; color : #333333; font-size: 14px; font-family: Arial; 
}
input.logout { margin-top: 6px;}

/*
input {
	border: 1px solid #CCCCCC; padding: 1px 1px 1px 1px; margin-top: 2px; display: inline; width: 280px; color : #333333; font-size: 14px; font-family: Arial; 
}
*/
div.sivi select {
	border: 1px solid #CCCCCC; padding: 2px 2px 2px 2px; margin-top: 2px; display: block; width: 280px; color : #333333; font-size: 14px; font-family: Arial; 
}
div.tekst select, div.tekst input.najuzi {width:210px;}
input.button, a.button, a.button:hover, a.button:visited, a.button:link{
	border: 2px solid #CCCCCC; padding: 2px 15px 2px 15px; 
	display: inline;  
	color : #333333; 
	font-size: 16px; 
	font-family: Arial;
	font-weight : bold;
	width: auto;
	padding: 10px 20px 10px 20px;
	margin: 10px 0px 10px 10px;
	background : White;
}
input.radio {
	border: none;
	display:block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 20px;
	display:inline;
}
input.check {margin:0px; padding:0px; border:none; width:auto;}
span.radioname {border: none; display: inline;  width:auto; padding: 0px 5px 0px 2px; margin: 2px 0px 0px 0px; font-weight : normal; }

div.sivi select.uzi {
	width:246px; display: inline;
}
div.sivi select.siri{
	width:320px; display: inline;
}
.inputHighlighted {	/* Highlighting style */
	background-color:#E8FFE8;
	border: 2px solid #CCCCCC;
}
div.sivi-uzi textarea, div.sivi textarea {
	border: 1px solid #CCCCCC; padding: 2px 2px 2px 2px; margin-top: 2px; display: inline; width: 290px; color : #333333; font-size: 12px; font-family: Arial; height:130px;
}
p.errornote {
	display:block;
	background-color:#FFF2F2;
	color:#FF0000;
	font-size: 13px;
	font-weight:bold;
	margin:0px;
	padding: 10px;
}
/** kraj INPUTa **/


div.heading {	
	letter-spacing:-1px;
	font-size:15px;
	width:313px;
	margin: 10px 0px 10px 0px; 
	padding: 5px 2px 2px 2px;
	font-family: Arial;
	font-weight : bold;
	background: repeat-x transparent;
	color : #003399;
	border-bottom: 1px solid #CCCCCC;
	display:block;
	
}
div.heading-wide {	
	letter-spacing:-1px;
	font-size:15px;
	width:700px;
	margin: 4px 0px; 
	padding: 5px 2px 2px 2px;
	font-family: Arial;
	font-weight : bold;
	background: repeat-x transparent;
	color : #003399;
	border-bottom: 1px solid #CCCCCC;
	display:block;
	
}
/* div#levo {
	display: block;
	float: none;
	width: 365px;
	background: White url(images/loft-organizer_06.gif) repeat-y right;
} */
div#levo {
	display: block;
	float: none;
	clear:left;
	width: 345px;
}

div#desno {
	display: block;
	position : relative;
	float: right;
	width: 339px;
	padding: 5px 5px 5px 5px;
	background: transparent;
}
div#desnob {
	display: block;
	position : relative;
	float: right;
	width: 339px;
	padding: 0px 5px 5px 5px;
}

img.fotka {
	display: block;
	background: White;
	padding: 2px 2px 2px 2px;
	margin:5px 0px 10px 5px;
	border: 1px solid #CCCCCC;
}
a:hover img.fotka {
	display: block;
	background: White;
	padding: 2px 2px 2px 2px;
	margin:5px 0px 10px 5px;
	border: 1px solid #6699cc;
}

div#siroko-skroz {
	display:block; background: repeat-x top; margin-top:5px;
}

div#siroko-manje {
	display:block; background: repeat-x top; margin-top:5px; margin-right: 10px;
}

/** start page **/
div.hi_msg {
	display:block;
	width:470px;
	padding:10px 15px 10px 15px;
	margin:10px 3px 5px 3px;
	zoom: 1;
	background: #F9F9F9;
}

div.hi_msg  span {
	font-size:13px; margin-bottom:4px; display:block;}
/* samo za home-naslovnu kad se uloguje 
div.n_block {
	display: block; float: left; position : relative; width:240px; height: 140px; background:transparent  url(images/start_02.gif) bottom no-repeat; padding:0px 0px 0px 0px;}

div.n_pod {
	display:block; width:240px;height: 140px;  margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;}
div#i1{background:transparent  url(images/ikonice_03.gif) 190px 96px no-repeat; }
div#i2{background:transparent  url(images/ikonice_05.gif) 190px 96px no-repeat; }
div#i3{background:transparent  url(images/ikonice_14.gif) 190px 96px no-repeat; }
div#i4{background:transparent  url(images/ikonice_12.gif) 190px 96px no-repeat; }
div#i5{background:transparent  url(images/ikonice_13.gif) 190px 96px no-repeat; }
div#i6{background:transparent  url(images/ikonice_07.gif) 190px 96px no-repeat; }
div.n_head {
	display:block; width:240px; height: 30px;  background:transparent url(images/start_01.gif) top left no-repeat; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;}
div.n_info {
	margin: 2px 10px 5px 15px;display : block; font-size : 10px;  width : 200px;
}
ul.n_ul {
	padding: 0px 0px 0px 0px; margin: 2px 0px 2px 10px; display : block; list-style: none; width : 210px;
}
ul.n_ul li {
	padding: 0px 0px 0px 0px; margin: 2px 0px 2px 0px; display : block; width : 210px;
}
ul.n_ul li a, ul.n_ul li a:visited {
	background:transparent  url(images/str_n.gif) 3px 5px no-repeat; display : block; padding: 0px 0px 0px 10px; font-size : 11px; color : #005BB2; margin: 0px 0px 0px 0px; height : 12px; width : 200px;
}
ul.n_ul li a:hover{
	background:transparent  url(images/str_n_o.gif) 3px 5px no-repeat; font-weight : bold; display : block; color : #003366; margin: 0px 0px 0px 0px; height : 12px; width : 200px;
}

span.n_n {
	font-size:18px;
	letter-spacing : -1px;
	display: block; 
	margin: 0px 10px 0px 10px; 
	padding: 7px 0px 2px 5px;
	font-family: Arial;
	font-weight : bold;
	background: transparent url(images/crtica.gif) bottom repeat-x;
	color : #003399;
}

end start page **/

h1 a, h1 a:hover, h1 a:visited, h1 a:link {
	float:right; margin: 0px 5px 0px 0px; display:block; text-decoration:none; border: none;
}
h1 a img {
	 text-decoration:none; border: none; margin: 5px 0px 0px 0px;
}

a.minimax, a.minimax:hover, a.minimax:visited, a.minimax:link {
	float:none;text-decoration:none; border: none;
}
a.minimax img {
	 text-decoration:none; border: none; margin: 5px 0px 0px 0px;
}

h1 a img.action {
	 text-decoration:none; border: none; margin: 2px 0px 0px 0px;
}

img.dugme {
	 text-decoration:none; border: none; padding-top: 0px; display: block; float: right;
}
img.dugme-levo {
	 text-decoration:none; border: none; padding-top: 0px; display: block; 
}
img.dugmef {
	 text-decoration:none; border: none; padding-top: 0px; margin:190px 50px 0px 0px; padding: 0px 0px 0px 0px; display: block; float: right;
}
img.border {
	 text-decoration:none; border: none; 
}
a img, a img:hover, a img:link, a img:visited{
	border : none;
}
img.logout {margin-top:6px;}
/** footer links */
	ul#footerLinks {
	  margin: 0;
	  padding: 5px 0px 0px 0px;
	  list-style-type: none;
	  font-size: 9px;
	  zoom: 1;
	  text-align:left;
	}
	
	/* working around Firefox 1.0.x */
	> ul#footerLinks {
	  margin-left: 15px;
	  margin-right: 200px;
	}
	
	ul#footerLinks * {
	  margin: 0px;
	  padding: 0px;
	}
	
	ul#footerLinks li {
	  float: left;
	  display: inline;
	  margin-left: 4%;
	  padding-left: 1px;
	}
	
	ul#footerLinks li.first {
	  margin-left: 0px;
	}
	
	html:not([lang*=""]) ul#footerLinks li,
	html:not([lang*=""]) ul#footerLinks li {
	  margin-left: 25px;
	}
	
	html:not([lang*=""]) ul#footerLinks li.first {
	  margin-left: 0px;
	}
	
	ul#footerLinks dt {
	  font-weight: bold;
	  margin-bottom: 0.6em;
	}
	
	ul#footerLinks dd {
	  margin-bottom: 0.4em;
	}
/** end footer links */
div#potpis {
display:block; color:#000000; clear:both; padding: 0px 0px 2px 0px;
}
/* table */
	table.tdefault td {
		border: 1px solid #CCCCCC; padding:5px;
	}
	table.belo td {
		border: 2px solid #FFFFFF; background-color: #FAFAFA; padding:5px;
	}
	table.belo {
		border: 0px solid #FFFFFF; 
	}
	table.belo-uze td {
		border: 2px solid #FFFFFF; background-color: #FAFAFA; padding:2px;
	}
	table.belo-uze {
		border: 0px solid #FFFFFF; 
	}
	table.tdefault {
			border: 1px solid #CCCCCC; 
			border-collapse: collapse;
	}
	table.achievments {
			border: 1px solid #CCCCCC; 
			border-collapse: collapse;
	}
	table.achievments td {
			border: 1px solid #CCCCCC; 
			border-collapse: collapse;
			text-align:center;
	}
	table.achievments thead td {border-bottom: 1px solid #000000; font-weight:bold; background-color:#F8F8F8; }
	table.tdefault thead td { border-bottom: 1px solid #000000; }
	td.tamnije {
		background-color : #F4F4F4; color: Black; border: 1px solid #CCCCCC; padding:5px;
	}
	tr.tamnije th {background-color : #F4F4F4; color: Black; font-weight:bold; 
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC; 
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999; 
	padding:5px;}
	
	/*table scroll*/
	
		.scrollwrap {
			BORDER-RIGHT: #666 1px; BORDER-TOP: #666 1px dotted; BORDER-LEFT: #666 1px; BORDER-BOTTOM: #666 1px dotted; HEIGHT: 14em; BACKGROUND-COLOR: #ffe
		}
	/* kraj table scroll*/

	table.sortable thead {
		background-color:#eee;
		color:#666666;
		font-weight: bold;
		cursor: default;
	}
	span#sorttable_sortfwdind, span#sorttable_sortrevind {
		font-size:20px;
		line-height: 11px;
		font-weight: normal;
		color:#003399;
	}
	.tableRollOver {
		background-color:#e6f8c3;
		color:#333333;
		}
	
	
	.tableRowClick {
		background-color:#ccff99;
		color:#000000;
		}
		
		table.prazno, table.prazno td {border: none 0px; padding:4px;}
/* kraj table*/

div.sara a { font-weight:normal; color: black; display:block; padding-bottom:3px;}



/* start template style */
	.Loft-Organizer #LO-head-logo a#pigeon {
	background-image : url(images/loft-organizer_09.gif);
	}
	.Loft-Organizer #LO-head-logo a#loft {
	background-image : url(images/loft-organizer_11.gif);
	}
	.Loft-Organizer #LO-head-logo a#organizer {
	background-image : url(images/loft-organizer_14.gif);
	}
	.Loft-Organizer #LO-main-menu {
		background-image : url(images/loft-organizer_25.gif);
	}
	.Loft-Organizer #LO-main-menu a, .Loft-Organizer #LO-main-menu a:link {
		background-image : url(images/meni-1.gif);
	}
	.Loft-Organizer #LO-main-menu a img, .Loft-Organizer #LO-main-menu a:visited img  {
		background-image : url(images/meni-2.gif);
	}

	.Loft-Organizer #LO-main-menu span#on {
		background-image : url(images/meni_on-1.gif);
	}
	.Loft-Organizer #LO-main-menu span#on img {
		background-image : url(images/meni_on-2.gif);
	}
	
	.Loft-Organizer #LO-main-menu a:hover {
		background-image : url(images/meni_hover-1.gif);
	}
	.Loft-Organizer #LO-main-menu a:hover img {
		background-image : url(images/meni_hover-2.gif);
	}

	ul.loft-tabovi {
		background-image : url(images/pozadina-tabova.gif); 
	}
	div#prazno, div.prazni-tabovi {
		background-image : url(images/pozadina-prazno.gif); 
	}

	ul.loft-tabovi li.prvi {
		margin-left: 0;
	}
	
	ul.loft-tabovi li {
		background-image : url(images/tabulari-desno-nazad.gif);
	}
	
	ul.loft-tabovi span {
		background-image : url(images/tabulari-levo-prvi.gif);
	}
	
	ul.loft-tabovi li#sad {
		background-image: url(images/tabulari-desno.gif);	
	}
	
	ul.loft-tabovi li#sad span {
		background-image: url(images/tabulari-levo.gif);	
	}
	
	#community-holder, #community-holder-home  {
		background-image :url(images/community_panel_bg.gif);
	}

	div.selected {
		background-image : url(images/panel-on.gif);
	}
		
	.TabTitle {
			background-image : url(images/panel-off.gif);
	}
		
	.Loft-Organizer #header, div#logo { 
		background-image : url(images/logo.jpg);  
	} 
	
	div.sadrzaj, div.sadrzaj-krace {
		background-image : url(images/pozadina-tabova_02.gif); 
	}
	
	div.tekst{
		background-image : url(images/pozadina-tabova_01.gif); 
	}
	
	.Loft-Organizer #footer { 
		background-image : url(images/loft-organizer_27.gif); 
	} 
	
	div.required { 
		background-image :url(images/req.gif);
	}
	div.error {
		background-image :url(images/error.gif) ;
	}
	
	div#siroko-skroz, div#siroko-manje, div#desno, div.heading-wide, div.heading, .Loft-Organizer div.community a.panel-go, .Loft-Organizer div.community a, .Loft-Organizer div.community a.pading0, .Loft-Organizer h2, .Loft-Organizer span.data, .Loft-Organizer span.data5, .Loft-Organizer h1 {
		background-image :url(images/bg_main.gif);
	}
	
	div.n_block {
		background-image :url(images/start_02.gif); 
	}

	/* Dragan */
    input[type=hidden] /*#__VIEWSTATE, #__EVENTTARGET, #__EVENTARGUMENT, #__EVENTVALIDATION ,  #ctl00_ctl00_ctl00_Body_Content__loginControl_RadAjaxPanel1PostDataValue div.nulldiv, #RadAjaxPanel1 div.nullrad >input:first-child */
	{
        font-size:0px; 
        vertical-align:top; 
        border:solid #000000 0px; 
        margin:0px 0px 0px 0px; 
        padding: 0px 0px 0px 0px;	
	}
	/*
	input[type=image]{}
	this is for when we want validators to have images instead of text, null the text and use this instead
	plus surround it by div to mimic the 'dynamic' display which won't work in this case
	div.error
	{
		position: relative;
		display: inline;
	}
	span.error
	{
		position: absolute;
		left: 0;
		top: 0;   
		display: -moz-inline-stack;  
		display: inline-block;
		background-image: url(../../assets/graphics/icons/error.png);
		background-repeat: no-repeat;
		height: 16px;
		width: 16px;    
	}
	*/
	div.errornoreq {
		background: #FFE1E1 no-repeat 298px 22px;
		color:#000000; 
	}
	div.errornoreq input, div.tekst div.errornoreq select {border: 1px solid #FF0000;}
	
	ul#footerLinks dt.on a, ul#footerLinks dd.on a{color: #003399;}
	/*ul#footerLinks dt.on {background: #EEEEEE;}
	ul#footerLinks dd.on {background: #EEEEEE;}*/

	img.nowLoading {
		display:block;
		float:right; 
		position:absolute; 
		margin-top:20%; 
		margin-right:50%;
		/*margin-top:10px; 
		margin-right:10px;*/
		right: 0px; 
		top: 0px; 
		background-color: #f0f0f0; 
		padding:4px; 
	}

	.tamnije, th.tamnije
	{
		background-color : #F4F4F4; 
		color: Black; 
		font-weight:bold; 
		border-top: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC; 
		border-right: 1px solid #CCCCCC;
		border-bottom: 1px solid #999999; 
		padding:5px;
	}

	th.tamnije a, th.tamnije a:visited
	{
		color: Black; 
	}

	table td 
	{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	table {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	table thead td
	{ 
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	

	/* gray tabs */ 
	.Loft-Organizer #LO-main-menu span.graytabs {
		display: block;
		float:left;
		margin: 0px 1px 0px 0px;
		padding: 0px 0px;
		border: 0px none;
		background :url(images/meni-1-gray.gif) no-repeat left;
	}
	.Loft-Organizer #LO-main-menu span.graytabs img {
		display: block;
		float:left;
		margin: 0px 0px 0px 0px;
		padding: 0px 6px 0px 7px;
		border: 0px none;
		background :url(images/meni-2-gray.gif) no-repeat transparent right;
	}
	/* end  gray tabs */ 
	/*
	span.gray {
		background-image : url(images/meni-1-gray.gif);
        display: block;
		float:left;
		margin: 0px 1px 0px 0px;
		padding: 0px 0px;
		border: 0px none;
		background : no-repeat left;
	}
	span.gray img {
		background-image : url(images/meni-2-gray.gif);
		display: block;
		float:left;
		margin: 0px 0px 0px 0px;
		padding: 0px 6px 0px 7px;
		border: 0px none;
		background : no-repeat transparent right;
	}
    */ 
	
/*gray image holder height fix */	
div.birdimg {height:288px;}
/* end template style */


h2 a, h2 a:hover, h2 a:visited, h2 a:link {
 float:right; margin: 0px 5px 0px 0px; display:block; text-decoration:none; border: none;
}

h2 a img {
  text-decoration:none; border: none; margin: 2px 0px 0px 0px;
}

table.sortable {margin-top:2px;}


/* loading Panel */
div.panelload { display: table;}
div.centering { display:table-cell; vertical-align:middle; }
img.imgload { _margin-top: 10%; /* OVO je samo za IE6 */  }

/*
.centeredTable
{
	width: 100%;
}
.centeredTd
{
	text-align: center;
}
div.centeredContainer 
{
	position: relative;
	text-align: left;
	//margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}
*/
/* end loading panel */

.myscrollgrid { overflow:hidden; overflow-y: scroll;}

div.najuzi input.intxt, div.najuzi input.inputHighlighted  {width:200px;}

input.button-col {
	border: 2px solid #CCCCCC; padding: 2px 15px 2px 15px; 
	display: inline;  
	color : #333333; 
	font-size: 16px; 
	font-family: Arial;
	font-weight : bold;
	width: 140px;
	padding: 10px 0px 10px 0px;
	margin: 4px 0px 10px 0px;
	background : White;
}
table td.tnopadding {	padding:0px; margin:0px;}

/* pairing */
.dam {
	background-color: #E8E7F1;
	color:#000000;
}
.sir {
	background-color: #F9ECF7;
	color:#000000;
}
.dam-light {
	background-color: #FFFFFF;
	color:#000000;
}
.sir-light {
	background-color: #FFFFFF;
	color:#000000;
}
.Loft-Organizer span.data-sir {	
	letter-spacing:-1px;
	font-size:14px;
	margin: 1px 0px 6px 0px; 
	padding: 3px 0px 3px 1px;
	font-family: Arial;
	font-weight : bold;
	background: url(images/bg_sir.gif) repeat-x transparent;
	color : #003399;
	display:block;
	border: 1px solid #f4e2f1;
}
.Loft-Organizer span.data-dam {	
	letter-spacing:-1px;
	font-size:14px;
	margin: 1px 0px 6px 0px; 
	padding: 3px 0px 3px 1px;
	font-family: Arial;
	font-weight : bold;
	background: url(images/bg_dam.gif) repeat-x transparent;
	color : #003399;
	display:block;
	border: 1px solid #dfddec;
}
.sir-light table, .dam-light table {background-color:#FFFFFF;}
table.pedigree td {padding: 5px; background-color:#FFFFFF;}
table.pairing-year td {
	padding: 5px;
	background-color:#F4F4F4;
	border: 3px solid #FFFFFF;
}
legend {
  padding: 5px;
  }
fieldset {  border:1px solid #CCCCCC; background-color:#FFFFFF;}
span.bold5 {
	margin-left: 5px;
	font-weight:bold;
	color:#333333;
}
/* end pairing */
/* pedigree tree */
table.pedigree_tree {width: 500px;}
table.pedigree_tree td {padding: 10px; vertical-align:center; background: url(images/pedigree.gif) center right no-repeat;}
table.pedigree_tree td.last {padding: 10px; vertical-align:center; background-image: none;}
/*pedigree tree*/

/*
.Loft-Organizer #LO-head-logo a#admin 
{
	background-image : url(images/loft-organizer_09.gif);
    padding: 10px 6px 10px 16px;
	background : no-repeat 2px 14px;
}
*/
.Loft-Organizer #LO-head-logo a#admin {
    padding: 10px 6px 10px 16px;
	background : no-repeat 2px 14px;
}
.Loft-Organizer #LO-head-logo a#admin {
    background-image : url(images/loft-organizer_09.gif);
}
/* banneri ispod panela */
.Loft-Organizer #community_banners {
	float:right; position:relative; width:200px;
}
.Loft-Organizer #banners {
    float:right; margin-top: 10px; position:relative; width:200px;
}
.Loft-Organizer #banners a img, .Loft-Organizer #banners a:hover img{
    border: 0px none;
}
/* kraj banneri ispod panela */


/*maps page*/
.Loft-Organizer #headermaps { 
	background: url(images/logo.jpg) #FFFFFF no-repeat 15px 10px; 
	margin: 0px; 
	padding: 0px 0px 0px 0px;  
} 
 #LO-head-maps {
	display: block;
	float: right;
	background: transparent;
	padding-right: 20px;
	padding-top:20px;
	text-align : right;
}
.Loft-Organizer div#mainContentmaps {
	display:block;
	padding: 10px 0px 0px 0px; 
	margin: 0px;  
	background: url(images/pozadina-maps.gif) no-repeat 3px top #FFFFFF;  
}
div.sadrzajmaps {
	margin: 0px 0px 20px 0px;
	display:block;
	padding: 0px 0px 10px 0px;
	width:980px;
	background: url(images/pozadina-maps_02.gif) no-repeat 3px bottom; 
}
div.tekstmaps {
	margin:0px;
	display:block;
	padding: 10px 22px 5px 20px;
	width:938px;
	background: url(images/pozadina-maps_01.gif) repeat-y 3px bottom; 
}
.Loft-Organizer #footermaps { 
	display:block;
	width: 970px;
	padding: 6px 10px 0px 0px; 
	text-align: right;
	background: url(images/loft-maps_27.gif) no-repeat left top; 
} 
div#mapselect select {
	border: 1px solid #CCCCCC; padding: 2px 2px 2px 2px; margin-top: 2px; display: block; width: 180px; color : #333333; font-size: 14px; font-family: Arial; 
}
div#loftersoutput a { text-decoration:none; line-height:16px; text-transform:capitalize; }
div#loftersoutput a:hover { text-decoration:none; font-weight:bold; line-height:16px;}
div#loftersoutput a img {border: 1px solid #EEEEEE; float:left; margin-right:3px;}
div#loftersoutput a:hover img {border: 1px solid #666666;}
div.maptips b { font-family:Arial, Helvetica, sans-serif; font-size:16px; margin-left: 0px; margin-bottom:3px; text-transform:capitalize;}
div.maptips a.mail { font-family:Arial, Helvetica, sans-serif; font-size:12px;
padding: 10px 6px 10px 16px;
background : url(images/loft-organizer_14.gif) no-repeat 1px 15px;
}
div.maptips a.web { font-family:Arial, Helvetica, sans-serif; font-size:12px;
padding: 10px 6px 10px 16px;
background : url(images/loft-organizer_09.gif) no-repeat 1px 15px;}
div.maptips a:hover { text-decoration:none;}
/*end maps page */