body 
{
font-family:Arial, Helvetica, sans-serif; 
font-size:9pt;
margin:0;
color:#404040;
}

td 
{
font-family:Arial, Helvetica, sans-serif; 
font-size:8pt;
margin:0;
line-height:9.5pt;
color:#404040;
}

H1
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11pt;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:2px;
	padding:0px 0px 5px 0px;
	background:url(../../../Images/left_menu_border.gif) repeat-x left bottom;
	
}

H2
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10pt;
	margin-bottom:2px;
}



H3
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:9pt;
	font-weight:bold;
}

.MessageDisplay
{
	padding:5px 5px;
	background:#E7EFFF url(../../../Images/left_menu_border.gif) repeat-x left bottom;
}

.ObjectBottomSeparator
{
	background:url(../../../Images/left_menu_border.gif) repeat-x left bottom;
}

.ObjectTopSeparator
{
	background:url(../../../Images/left_menu_border.gif) repeat-x left top;
}

.ObjectBottomSeparatorBlue
{
	background:url(../../../Images/horizontal_separator_blue.gif) repeat-x left bottom;
}

/*Site header*/
table.zagl_slika {border-top: 1px solid white; background: #366AC0; width: 100%; }
table.zagl_slika td {color: white; vertical-align: top}
table.zagl_slika td.slika {border-right: 1px solid white}
/*End of Site header*/
.Required
{
	color:red;
}
/* MODULE : documents*/
.docPanelDescription
{
	padding-left:8px;
}

.docPanelSize
{
	padding-left:8px;
	font-size:7.5pt;
	color:Gray;
}
.MenuTitles
{
	color:#404040;
	font-size:8.5pt;
	font-weight:bold;
	cursor:hand;
	width:100%;
}

a:link,a:visited
{
	color:#366AC0;
	font-size:8.5pt;
	line-height:9.5pt;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

a.LeftMenu
{
	color:#366AC0;
	font-size:8.5pt;
	line-height:10pt;
	text-decoration:none;
	padding:2px 2px;
}

a.LeftMenuActive:link,a.LeftMenuActive:hover,a.LeftMenuActive:visited
{
	color:#F79200;
	font-size:8.5pt;
	line-height:10pt;
	text-decoration:none;
	padding:2px 2px;
}

.LeftNavMenu
{
	padding:4px 2px;	
	background:url(../../../Images/left_menu_border.gif) repeat-x left bottom;
}

.LeftSubNavMenu
{
	padding:4px 2px;
	margin-top:4px;
	background:url(../../../Images/left_menu_border.gif) repeat-x left top;
}

.HorizontalItemSeparatorBottom
{
	background:url(../../../Images/left_menu_border.gif) repeat-x left bottom;
}

.VerticalItemSeparator
{
	background:url(../../../Images/vertical_separator.gif) repeat-y center middle;
}

.Title
{
	background: url(hp/title_bar_gray.jpg) no-repeat right bottom;
	height: 20px;
	font-weight:bold;
	font-size:9pt;
	vertical-align: middle;
	display: block;
	color: white;
	padding-left: 2px
}
span.Title
{
	color: white;
	height: auto;
	padding: 5px 4px;
	margin: 4px 0 2px 0;
}

.gray {
	background: url(hp/title_bar_gray.jpg) no-repeat right bottom;
}

.red
{
	background: url(hp/title_bar_red.jpg) no-repeat right bottom;
}

.blue
{
	background: #3972C1 url(hp/title_bar_blue.jpg) repeat-y right bottom;
}
.green
{
	background: url(hp/title_bar_green.jpg) no-repeat right bottom;
}
.Title td{
	color:white;
	vertical-align: middle;
	height: 20px;
	font-weight:bold;
	font-size:9pt;
}

 /* Stil za dalje u naslovima*/
 
.GridedBg
{
	background-image:url(../Images/grid_bg.gif);
}

.InputText
{
	border-top:solid 1px #848484;
	border-right:solid 1px #CACACA;
	border-bottom:solid 1px #E1E1E1;
	border-left:solid 1px #CACACA;
	font-size:9pt;
}

.SmallText
{
	font-size:7.5pt;
	font-family:Arial;
}


.Items
{
	color:black;
	vertical-align: middle;
	font-weight:bold;
	font-size:8pt;
	width:100%;
	padding:3px;
	margin:4px 0px 2px 0px;
	background-color:#F7F7F7;
}


/*.Title
{
	color:white;
	vertical-align: middle;
	font-weight:bold;
	font-size:8pt;
	width:100%;
	padding:3px;
	margin:6px 0px 2px 0px;
}

.blue
{
	background: url(title_bar_blue.jpg) repeat-y right bottom;
}*/

.TitleLabel
{
	background-color:#E7E7E7;
	font-weight:bold;
	color:#000000;
	
	padding-left:5px;
}

.ItemSeparator
{	
	/*border-top:solid 1px #528CDE;
	border-right:solid 1px #528CDE;
	border-left:solid 1px #528CDE;*/
	background:url(../../../Images/left_menu_border.gif) repeat-x left bottom;
}

.LeftSeparator
{	
	background:url(../../../Images/vertical_separator.gif) repeat-y left middle;
}

.on
{
	width:10px;
	height:10px;
	border:solid 1px #888888;
	background-color:#888888;
	font-size:1px;
}

.off
{
	width:10px;
	height:10px;
	border:solid 1px #BBBBBB;
	background-color:White;
	font-size:1px;
}

.ActiveTab
{
	background-color:#C6D6F7;
	border-bottom:solid 1px #C6D6F7;
	border-right:solid 1px #316BC6;
	border-top:solid 1px #316BC6;

	cursor:hand;
}

.Tab
{
	background-color:#E7E7E7;
	border-bottom:solid 1px #316BC6;
	border-right:solid 1px #316BC6;
	cursor:hand;
}


/* Definicije sarzaja u mainpanelu 
td.mainpane h1 {
	font-size: 11pt;
	width: 100%;
	padding: 15px 2px 2px 2px;
	
	color: black
	}*/

td.mainpane p {
	padding: 0px 5px 5px 5px
	}
ul { list-style-image: url('bullet/bullet2.gif'); list-style-type: square;}
ul li, ol li{padding: 5px 0px;}
ul ul {list-style-image: url('bullet/bullet2.gif');	list-style-type: square;}
ol {list-style-type: upper-roman}

.MessageList {margin:5px 5px 5px 20px;list-style-image: url('../../../Images/arrow.gif');  list-style-type: square;}
.MessageList li{padding: 0px 0px; list-style-type: square;}

.tabela {
	margin-bottom: 15px;
	width: 98%;
	border: 1px solid #C9C9C9;
	padding: 2px;
	}
.tabela td {font-size: 70%; text-align: left;padding:2px;}
.tabela .red {
	background-color:#F7F7F7;
	}
.tabela tr td{
	border-bottom: 1px solid #E4E4E4;
	border-top: 1px solid white
	}
.tabela td.oznaci{
	font-weight: bold;
	color: gray;
	text-align: right;
	}
.tabela td.kolona{
	background: #f4f4f4;
	width: 220px;
	text-align: left;
	padding-right: 5px;
	}
.tabela .naslov {background: url('tabela/bar.jpg'); font-weight: bold; 
	color: white;
	padding: 4px 0px;
	text-align: center}
.tabela tr.naslov td{
	font-weight: bold; 
	color: white;
	padding: 4px 0px;
	text-align: center}
/* MODULE : companies*/
/* MODULE : companies*/
.CompanyTitles
{
WIDTH: 100%; HEIGHT: 20px;
background: url('../Images/title_blue.gif');
color:#FFFFFF;padding:3px;
background-repeat:repeat-x;
}

#meni_drzac {background: black url(meni/meni_bg.gif); }



.news_catname {	width: 100%; background: url(hp/title_bar_gray.jpg) no-repeat right bottom; padding: 2px; font-weight: bold; margin-bottom: 10px; display: none;}
.news_title {width: 100%; font-weight: bold; padding: 3px; border-bottom: 1px solid red; display: block}
.news_description { color:#333333; padding: 2px; }
.news_more {text-align: right; float: right; display: block;}
.TextSeparator {}

#HP_dalje {text-decoration: underline; color: #FFFFFF; font-weight:normal; font-size: 9px; background: url(hp/strijelica.gif) no-repeat left middle; padding-left: 7px}
#HP_dalje:hover { color: #E1E1E1}

/* SEMINARI */

.seminar td {font-family: arial; padding: 2px 4px}
.seminar .head {color: white; background: #366AC0; font-weight: bold; padding: 2px 4px; font-size: 9pt}
.seminar .text {height: 90px; vertical-align: top; padding-top: 10px}
.seminar dd {padding: 4px 4px 4px 60px; margin: 0; background:url(../../../Images/left_menu_border.gif) repeat-x left bottom; color: #404040; font-size: 8pt}
.seminar dt {font-weight: bold; padding-top: 4px}
.seminar .slika {width: 100px}
.seminar .informacije {background: url(seminari/informacije.jpg) no-repeat center top}
.seminar .opis {background: url(seminari/opis.jpg) no-repeat center top}
.seminar .agenda {background: url(seminari/agenda.jpg) no-repeat center top}
.seminar .predavaci {background: url(seminari/predavac.jpg) no-repeat center top}
.seminar .dokumenti {background: url(seminari/dokumenti.jpg) no-repeat center top}