/* This file skins dialog */

.flora .ui-dialog,
.flora.ui-dialog {
/* #XMAK# Pozadinu cijelog dijaloga maknemo */
/*	background-color: #FFFFFF; */

}

.flora .ui-dialog .ui-dialog-titlebar,
.flora.ui-dialog .ui-dialog-titlebar {
/* #XMAK# Postavimo titlebaru margine koliko su 쉏rine kutova (ja sam stavio otprilike)*/
margin-left: 8px;
margin-right: 8px;

	background: url(../images/dialog-title.gif) repeat-x;
	height: 41px;
	
	font-family: Geneva, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 16px;
	line-height: 41px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.flora .ui-draggable .ui-dialog-titlebar,
.flora.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.flora .ui-draggable-disabled .ui-dialog-titlebar,
.flora.ui-draggable-disabled .ui-dialog-titlebar {
	cursor: default;
}

.flora .ui-dialog .ui-dialog-titlebar-close,
.flora.ui-dialog .ui-dialog-titlebar-close {
	width: 16px;
	height: 16px;
	background: url(../images/dialog-titlebar-close.png) no-repeat;
	position:absolute;
	top: 6px;
	right: 7px;
	cursor: default;
	margin-top: 2px;
	margin-right: 2px;
}

.flora .ui-dialog .ui-dialog-titlebar-close span,
.flora.ui-dialog .ui-dialog-titlebar-close span {
	display: none;
}

.flora .ui-dialog .ui-dialog-titlebar-close-hover,
.flora.ui-dialog .ui-dialog-titlebar-close-hover {
	background: url(../images/dialog-titlebar-close-hover.png) no-repeat;
}

.flora .ui-dialog .ui-dialog-title,
.flora.ui-dialog .ui-dialog-title {
	margin-left: 5px;
	color: white;
	font-weight: bold;
	position: relative;
	top: 0px;
	left: 4px;
	line-height: 41px;
}

.flora .ui-dialog .ui-dialog-content,
.flora.ui-dialog .ui-dialog-content {
/* #XMAK# Content dijelu stavimo sve margine osim gornje (da ne bude odvojen od title bar) 
 (trebaju biti 7px, a ne 8px jer inače bude prazna linija od 1px)
*/
margin-left: 7px;
margin-right: 7px;
margin-bottom: 7px;
padding: 10px;

/* #XMAK# Postaviti visinu content DIV-a na: "visina popupa" - "visina gornjeg kuta" - "visina donjeg kuta" - "visina titlebara"
 (ja sam stavio otprilike)
 Ovo treba jer inače bude pizdarija u IE
  */
	height: 401px;

	background-color: #FFFFFF;
	overflow: auto;
}

.flora .ui-dialog .ui-dialog-buttonpane,
.flora.ui-dialog .ui-dialog-buttonpane {
	position: absolute;
	bottom: 8px;
	right: 12px;
	width: 100%;
	text-align: right;
}

.flora .ui-dialog .ui-dialog-buttonpane button,
.flora.ui-dialog .ui-dialog-buttonpane button {
	margin: 6px;
}

/* Dialog handle styles */
.flora .ui-dialog .ui-resizable-n,
.flora.ui-dialog .ui-resizable-n {
/* #XMAK# Lijevi marginu postavimo na širinu lijevog kuta. (border je ovdje samo da se vidi šta je šta) */
margin-left: 8px;


	height: 6px;
/* #XMAK# širinu north diva postavimo na: "širina popupa" - "širina lijevog kuta" - "širina desnog kuta" (ja sam stavio otprilike) */
	width: 784px;

	top: 0px;
	left: 0px;
}

.flora .ui-dialog .ui-resizable-s,
.flora.ui-dialog .ui-resizable-s {
	
/* #XMAK# Lijevi marginu postavimo naš širinu lijevog kuta. (border je ovdje samo da se vidi šta je šta) */
margin-left: 8px;


/* #XMAK# Stavimo bijelu pozadinu */	
background-color: #FFFFFF;

	height: 8px;
/* #XMAK# šrinu south diva postavimo na: "širina popupa" - "širina lijevog kuta" - "širina desnog kuta" (ja sam stavio otprilike) */
	width: 784px;

	bottom: 0px;
	left: 0px;
}

.flora .ui-dialog .ui-resizable-e,
.flora.ui-dialog .ui-resizable-e {
/* #XMAK# Top marginu postavimo na visinu gornjeg kuta. (border je ovdje samo da se vidi šta je šta) */
margin-top: 10px;


/* #XMAK# Stavimo bijelu pozadinu */	
background-color: #FFFFFF;


	width: 7px;
	right: 0px;
	top: 0px;
/* #XMAK# Postaviti visinu east DIV-a na: "visina popupa" - "visina gornjeg kuta" - "visina donjeg kuta" (ja sam stavio otprilike) */
	height: 432px;


}

.flora .ui-dialog .ui-resizable-w,
.flora.ui-dialog .ui-resizable-w {
/* #XMAK# Top marginu postavimo na visinu gornjeg kuta. (border je ovdje samo da se vidi šta je šta) */
margin-top: 10px;

/* #XMAK# Stavimo bijelu pozadinu */	
background-color: #FFFFFF;
	
	width: 7px;
	left: 0px;
	top: 0px;

/* #XMAK# Postaviti visinu west DIV-a na: "visina popupa" - "visina gornjeg kuta" - "visina donjeg kuta" (ja sam stavio otprilike) */
	height: 432px;

}

.flora .ui-dialog .ui-resizable-se,
.flora.ui-dialog .ui-resizable-se {
	width: 8px;
	height: 8px;
	right: 0px;
	bottom: 0px;
	background-image: url(../images/bg-pop-se.gif);/* #XMAK# Maknuo sam pozadinsku sliku tako da se vidi prozirnost. Treba sliku zamijeniti sa potpuno prozirnom slikom zaobljenog ruba */
/*	background-image:  url(images/dialog-se.gif);*/
}

.flora .ui-dialog .ui-resizable-sw,
.flora.ui-dialog .ui-resizable-sw {
	width: 8px;
	height: 8px;
	left: 0px;
	bottom: 0px;
	background-image: url(../images/dialog-sw.gif);/* #XMAK# Maknuo sam pozadinsku sliku tako da se vidi prozirnost. Treba sliku zamijeniti sa potpuno prozirnom slikom zaobljenog ruba */
/*	background-image: url(images/dialog-sw.gif);*/

}

.flora .ui-dialog .ui-resizable-nw,
.flora.ui-dialog .ui-resizable-nw {
	width: 8px;
	height: 41px;
	left: 0px;
	top: 0px;
	background-image: url(../images/dialog-nw.gif);/* #XMAK# Maknuo sam pozadinsku sliku tako da se vidi prozirnost. Treba sliku zamijeniti sa potpuno prozirnom slikom zaobljenog ruba */
/*	background-image:  url(images/dialog-nw.gif);*/
}

.flora .ui-dialog .ui-resizable-ne,
.flora.ui-dialog .ui-resizable-ne {
	width: 8px;
	height: 41px;
	right: 0px;
	top: 0px;
	background-image: url(../images/dialog-ne.gif);/* #XMAK# Maknuo sam pozadinsku sliku tako da se vidi prozirnost. Treba sliku zamijeniti sa potpuno prozirnom slikom zaobljenog ruba */
/*	background-image: url(images/dialog-ne.gif);*/
}