/* CSS Document */

html {
    margin:0px;
    padding:0px;
	font-family:Verdana;
	font-size:12px;
}

body{
    padding:0px;
	background-color:#dfe3e6;
	margin:20px 0px 20px 0px;
	background-image:url(library/images/bg.gif);
	background-repeat:repeat-x;
	height:100%;
	font-family:Verdana;
	}

a img{ border:none;}

#ogrodje{
	width:937px;
	margin:10px auto;
	}

/* HEADER z logom in pasico*/
#header{
	width:931px;
	height:176px;
	border-top:3px solid #ffffff;
	border-bottom:3px solid #ffffff;
	border-left:3px solid #ffffff;
	border-right:3px solid #ffffff;
	}
	
#logo{
	float:left;
	width:270px;
	height:176px;
	border-right:3px solid #ffffff;	
	}
	
#pasica{
	float:right;
	width:658px;
	height:176px;
	background-image:url(library/images/pasica.gif);
	background-repeat:no-repeat;
	}
	
/* PAGE_BODY */
#page_body{ 
	width:931px;
	float:left;
	background-color:#ffffff;
	border-bottom:3px solid #ffffff;
	border-left:3px solid #ffffff;
	border-right:3px solid #ffffff;
	background-image:url(library/images/footer_left_bg.gif);
	background-repeat:repeat-y;}

/* MAIN_MENU */
#left_side{ 
	width:273px; 
	float:left;
	}
#left_side_header{ 
	width:273px;
	height:33px;
	float:left;
	background-image:url(library/images/left_side_header.gif);
	background-repeat:no-repeat;
	}
#left_side_footer{ 
	width:273px;
	height:33px;
	float:left;
	background-image:url(library/images/left_side_footer.gif);
	background-repeat:no-repeat;
	}
	
.main_menu{ 
	width:273px;
	float:left;
	}

.main_menu ul{ list-style:none; margin:0px; padding:0px; margin-left:0px;}
.main_menu li a{ font-size:12px; margin:0px; padding:0px; padding-left:40px; 
	text-decoration:none; font-weight:bold;}

.main_menu ul li a{ margin-left:0px; height:23px; padding-top:10px; 
	background-image:url(library/images/menu_1_normal.gif); display:block; color:#e5e8eb;}
.main_menu ul li a:hover{ margin-left:0px; height:23px; padding-top:10px; 
	background-image:url(library/images/menu_1_hover.gif); display:block; color:#e5e8eb;}
.main_menu ul li a.active{ margin-left:0px; height:23px; padding-top:10px; 
	background-image:url(library/images/menu_1_hover.gif); display:block; color:#e5e8eb;}

.main_menu ul li ul li a{ margin-left:0px; height:22px; padding-top:10px;
	background-image:url(library/images/menu_2_normal.gif); display:block; color:#6a747b;}
.main_menu ul li ul li a:hover{ margin-left:0px; height:22px; padding-top:10px;
	background-image:url(library/images/menu_2_hover.gif); display:block; color:#6a747b;}
.main_menu ul li ul li a.active{ margin-left:0px; height:22px; padding-top:10px;
	background-image:url(library/images/menu_2_hover.gif); display:block; color:#6a747b;}

/* LOGIN_BOX */
#login_box{ width:273px; float:left;}
#login_box p{ float:left; margin:2px 0px 0px 15px; color:#77838b; font-size:11px; height:12px;}
#login_user{ padding:6px 0px 0px 0px; float:left; display:block; height:27px; background-image:url(/library/images/menu_2_normal.gif);}

div > #login_user { width:	273px;}
#login_pass{ padding:6px 0px 0px 0px; float:left; display:block; height:27px; background-image:url(/library/images/menu_2_normal.gif);}
div > #login_pass { width:	273px;}
.login_input{ border:none; float:right; width:150px; margin-right:15px;  font-size:11px; padding:2px;}
.login_potrdi{ width:273px; margin:0px; padding:0px; margin-left:0px; text-align:right;}
.login_potrdi a{ width:198px; margin-left:0px; height:23px; padding:10px 60px 0px 15px; float:left; text-decoration:none; display:block;
	background-image:url(/library/images/menu_1_normal.gif); display:block; color:#e5e8eb;}

/* GLAVNA VSEBINA */
#content{ width:658px; float:right;}
#content_header{ width:658px; height:33px; float:right;
	background-image:url(library/images/content_header.gif); background-repeat:no-repeat;}

#content_header_menu{ width:478px; height:23px; padding:10px 40px 0px 40px; float:left; color:#889198;}
#content_header_menu a{ color:#889198; text-decoration:none; font-size:11px;}
#content_header_menu a.active{ font-weight:bold;}

#content_header_lang{ height:16px; padding:10px 0px 0px 0px; width:100px; float:right;}
#content_header_lang a{ height:16px; padding:0px 9px 0px 0px; float:left;}


#content_body{ width:618px; float:left; padding:20px 20px 20px 20px;}
/* CONTENT_TABELA */


#content_tabela_okvir{ float:left; width:605px; border:1px solid #868f96; margin-top:20px; padding:1px 1px 1px 1px;}
#content_tabela{ float:left; width:605px;}
.content_tabela_header{ 
	height:30px;
	
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	padding:0px 0px 0px 0px;
	border-top:1px solid #868f96;
	border-bottom:1px solid #596065;
	border-left:1px solid #99a3aa;
	border-right:1px solid #7d848a;	
	background:url(library/images/content_tabela_header_bg.gif) bottom; background-repeat:repeat-x;}

.content_tabela_data{ 
	height:25px;
	text-align:center;
	color:#919ca4;
	font-weight:normal;
	text-decoration:none;
	background-color:#f9fafb;
	border:1px solid #cfd5da;
	font-size:11px;}
	
.content_tabela_data .text { width:350px; }



.txtinput { width:350px; margin:0px 5px;}

.content_tabela_data a{color:#919ca4; } 

/* medprostor */
#medprostor1{ width:937px; height:24px; margin:0px; padding:0px; float:left; font-size:4px;
	background-image:url(library/images/medprostor.gif); background-repeat:no-repeat;}
#medprostor2{ width:937px; height:24px; margin:0px; padding:0px; float:left; font-size:4px;
	background-image:url(library/images/medprostor.gif); background-repeat:no-repeat;}
#medprostor3{ width:937px; height:24px; margin:0px; padding:0px; float:left; font-size:4px;
	background-image:url(library/images/medprostor.gif); background-repeat:no-repeat;}


/* FOOTER */
#footer_in{ 
	width:931px;
	height:96px;
	float:left;}

#footer_in{ 
	width:931px;
	height:72px;
	float:left;
	border-top:3px solid #ffffff;
	border-bottom:3px solid #ffffff;
	border-left:3px solid #ffffff;
	border-right:3px solid #ffffff;
	padding:0px;
	margin:0px;
	}

#footer_left{ 
	width:273px;
	height:72px;
	float:left;
	background-image:url(library/images/footer_left_bg.gif);
	background-repeat:repeat-y;
	}
#footer_left_text{ width:273px; height:12px; font-size:12px; line-height:12px; margin:0px; padding:32px 0px 30px 0px; 
	text-decoration:none; text-align:center; color:#ffffff;}

#footer_content{ 
	width:658px;
	height:72px;
	float:right;
	}
#footer_content_text{ height:12px; font-size:11px; line-height:12px; margin:0px; padding:32px 30px 30px 30px; color:#77838b;}
#footer_content_text a{ text-decoration:none; text-align:center; color:#77838b;}

/*alert*/


#modalContainer {

	background-color:transparent;
	position:absolute;
	width:100%;

	top:0px;
	left:0px;
	z-index:10000;
	background-color: #000;


}

#alertBox {
	position:absolute;
	width:520px;
	min-height:100px;
	z-index:10010;
	border:2px solid #666666;
	background-color:#CCCCCC;
	background-image:url(/library/images/alert_bg.gif);
	background-repeat:no-repeat;
	background-position:20px 35px;
	text-align:center;
	/*visibility:hidden;*/


}

#LoadingBox
{
	position:absolute;
	width:55px;
	height:55px;
	z-index:10010;
	background:#FFFFFF;
	border:2px solid #666666;


}

input.button_over { height:auto;}

/*#modalContainer > #alertBox {
	position:fixed;
}

*/

#alertBox h1 {
	margin:0;
	font:bold 12px verdana,arial;
	background-color:#CC0001;
	color:#ffffff;
	border-bottom:1px solid #CECBB7;
	padding:2px 0 2px 0px;
}

#alertBox h2 {
	font:11px verdana,arial;
	font-weight:bold;
}

#alertBox p {
	font:11px verdana,arial;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	margin-left:55px;
	text-align:left;
	display:block;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#alertBox ul { margin-left:20px;}
#alertBox li { list-style-type:square; padding-left:5px;}

#alertBox #btnCont { 
	text-align:center; 	
	padding-left:0px;
	margin-left:0px;
	margin-bottom:5px;
	margin-top:10px;
	}

#alertBox #closeBtn, button {


	border:0px;
	width:70px;
	font:11px verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#8B8B70;
	text-decoration:none;
	margin:0px;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
		
}
ul.ulAlert {	margin-left:auto;
				margin-right:auto;
				display:block;
}

ul.ulAlert { list-style-type:square; padding-left:15px;}