BODY {	
	background: white url("bg.gif"); COLOR: black; font-size: 12px; font-family: Trebuchet MS,verdana,arial;
	background-repeat : repeat-x;
	background-attachment : fixed; 
	/*background-position : top center;
	background-repeat : no-repeat;*/
}

LI.arr 		{list-style-image : url("larr.gif"); margin-left: -12px; }	

.foto_okvir { border: 5px solid silver;}

TD, INPUT, TEXTAREA, SELECT, OPTION 		{font-size: 12px; font-family: Trebuchet MS,verdana,arial;}
.poravnava 			{ font-size: 12px; text-align: justify;}

.found		{ background-color:yellow;}	

.bela		{ color:white;}	
.napaka		{ color:red;}	
H1			{ color:#7D9FCE; font-size: 32px; font-family: Trebuchet MS,verdana,arial; font-weight: bold; margin-bottom: 20px;  margin-top: 0px; margin-left: 0px; margin-right: 0px; }	
H2			{ font-size: 22px; font-family: Trebuchet MS,verdana,arial; font-weight: bold; margin-bottom: 20px;  margin-top: 0px; margin-left: 0px; margin-right: 0px; }	
H3			{ font-size: 16px; font-family: Trebuchet MS,verdana,arial; font-weight: bold; margin-bottom: 20px;  margin-top: 0px; margin-left: 0px; margin-right: 0px; }	
.naslov			{ font-size: 13px; font-family: Trebuchet MS,verdana,arial; font-weight: bold;}	
.TDC			{text-align: CENTER; }	
.TDR			{text-align: right; }	

a:link, a:visited,a:link,a:visited { text-decoration: none; color: #6B7B9C;}
a:hover 			{ text-decoration: underline;}
	
.nolink, a.nolink:link, a.nolink:visited,a.nolink:active { color:black; text-decoration: none;}
a.nolink:hover 			{ text-decoration: none;}	

.rest, a.rest:link, a.rest:visited,a.rest:active { color: #6B7B9C; text-decoration: none;FONT-SIZE: 13px; }
a.rest:hover 			{ text-decoration: none;}		
				 
.top, a.top:link, a.top:visited,a.top:active,a.top:visited {FONT-SIZE: 13px; text-decoration: none; color: white; font-weight: bold;}
a.top:hover 			{ color: navy;}			

a.leftsub:link, a.leftsub:visited,a.leftsub:active,a.leftsub:visited 
	{ text-decoration: none; color: #6B7B9C; font-weight: bold;}
a.leftsub:hover 			{ color: navy;}		

a.vvu, a.vvu:link, a.vvu:visited, a.vvu:active,a.vvu:hover {
	display:block; 
	/*background-color:#6B7B9C; */
	background-color:red;
	border-left:5px solid #6B7B9C;
	height:30px; 
	COLOR: white; 
	FONT-SIZE: 13px; 
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none; 
	vertical-align:center;
}

a.leftmenu, a.leftmenu:link, a.leftmenu:visited, a.leftmenu:active {
	display:block; 
	background-color:#6B7B9C; 
	border-left:5px solid #6B7B9C;
	height:30px; 
	COLOR: white; 
	FONT-SIZE: 13px; 
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none; 
	vertical-align:center;
}
a.leftmenu:hover 		{
	display:block; 
	background-color:#7D9FCE;
	border-left:5px solid #6B7B9C;
	height:30px; 
	COLOR: white;
	FONT-SIZE: 13px; 
	FONT-WEIGHT: bold; 
	TEXT-DECORATION: none; 
}

.left_menu_div 	{border-bottom:1px solid white;} 

.content 		{padding:5px; text-align:justify;}
.content_center {padding:5px; text-align:center;}
.content_left 	{padding:5px; text-align:left;}
.content_right 	{padding:5px; text-align:right;}	

.mark	{background-color:lightgreen;FONT-WEIGHT: bold;}
.pagebox, A.pagebox, A.pagebox:link, A.pagebox:visited, A.pagebox:active, A.pagebox:hover   
	{font-size:10px; border:1px solid dimgray;TEXT-DECORATION: none;line-height: 14pt;
	FONT-WEIGHT: bold; background-color:#f1f1f1;}
A.pagebox:hover   
	{background-color:#CCCCCC;}	
	
.menutitle {
/*cursor:pointer;
 margin-bottom: 5px; 
background-color:#ECECFF;
color:#000000;
width:100%;
 padding:2px;
text-align:center;
font-weight:bold;*/
}

/*.submenu	{ margin-bottom: 0.5em; }
.submenu_frame	{ border-left:1px solid #6B7B9C; border-right:1px solid #6B7B9C; border-bottom:1px solid white;}*/
.submenu_vvu	{ border-left:1px solid #6B7B9C; border-right:1px solid #6B7B9C; border-bottom:1px solid white;}
.submenu	{ border-left:1px solid #6B7B9C; border-right:1px solid #6B7B9C; border-bottom:1px solid white;}

#dhtmltooltip {
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer {
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


/* Main Table Setup Incluidng Date Number Fonts, Size and Color */

.contentTable 	{FONT-FAMILY: Verdana, Arial CE, Helvetica, helv, sans-serif; COLOR: navy; font-size:11px; font-weight:normal; text-align:justify;}	
				 
.mainTable {
	background-color: #FFFFFF;
	border: 1px solid dimgray;
 }

/* Month and Year Row Setup */
.monthYearRow {
	font-size: 11px; font-weight: Bold;
    line-height: 18px;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	background-image: url("paragraf1.gif");
	}
/* Month and Year Text Setup */
.monthYearText {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: Bold;
	color: #252216;
	}

/* Day Names Row Setup */
.dayNamesRow {
    line-height: 15pt;
	font-size: 11px; font-weight: Bold;
	background-color: gainsboro;
	text-align: center;
	vertical-align: middle;
	/*background-image: url("../koledar/dayBg.gif");*/
	}
/* Day Name Setup */
.dayNamesText {
    font-family:  Arial, Helvetica, sans-serif; 
	font-size: 8px; 
	font-weight: Bold; 
	color: #433D27;
	/*background-image: url("../koledar/dayBg.gif");*/
	}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rows {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #433D27;
    line-height: 15pt;
	text-align: center;
	vertical-align: middle;
	}

/* Color of Today's Date */
.today {
	color: #CF0000;
	background-color:#6B7B9C;
	border-left: 1 solid #696969;
	border-right: 1px solid #696969;
	border-top: 1 solid #696969;
	border-bottom: 1px solid #696969;
    }

/*
---------------------------------------------------------------------------
The classes below determine how the calendar background markings will look.
---------------------------------------------------------------------------

Remove the "background-image..." lines to remove graphics as table cell background images.

If you do use images, change the "background-color..." to a sililar color to that
of your image. This will help persons with slow connections to see the event markings.

You can optionally remove the "background-color..." lines to only use graphics.

*/

/* Normal Cell Background (date number with no event markings) */
.s2 {
	/*background-image:  url("../koledar/cdef.gif");*/
	background-color: #EEEEEE;
	font-size: 11px;
	}
	
.today {
	color: white;
	background-color:#6B7B9C;
	/*border-left: 1 solid #696969;
	border-right: 1px solid #696969;
	border-top: 1 solid #696969;
	border-bottom: 1px solid #696969;*/
    }
		
/* Empty Cell Background (empty cells with no date numbers) */
.s20 {
	/*background-image:  url("../koledar/cdef5.gif");*/
	background-color: whitesmoke;
	font-size: 11px;
	}
/* Mark Start Cell Background (usually a slashed graphic to show availability or solid for events) */
.s21 {
	/*background-image:  url("../koledar/cdef2.gif");*/
	background-color: lightgreen;
	font-size: 11px;
	}
/* Mark Solid Cell Background (solid marked event date background) */
.s22 {
	/*background-image:  url("../koledar/cdef2.gif");*/
	background-color: lightgreen;
	font-size: 11px;
	}
/* Mark End Cell Background (usually a slashed graphic to show availability or solid for events) */
.s23 {
	/*background-image:  url("../koledar/cdef2.gif");*/
	background-color: lightgreen;
	font-size: 11px;
	}
/* Mark End/Start Cell Background (usually a slashed graphic to show availability or solid for events) */
.s24 {
	/*background-image:  url("../koledar/cdef2.gif");*/
	background-color: lightgreen;
	font-size: 11px;
	}				
