table{
	font-size:100%; 
	}
ul{
	text-align:left;
	}
h2{
	color:#336699;
	}
div#wrapper{
	background:#FFFFFF;
	width:600px;
	margin-left:auto;/* center it*/
	margin-right:auto;/* center it*/
	border: 1px solid #DDDDDD;
	text-align:center;
	padding:20px;
}

#datum_drop {
	 width:152px;
	 text-align:center;
	 background-color:#FFFFFF;
	 margin-bottom:10px;
	border: 1px solid #B0B0B0;
	padding: 3px;
}

.classDrop {
	border: 0px solid #B0B0B0;
	background-color:#FFFFFF;
}

.classDrop2 {
	border: 0px solid #B0B0B0;
	background-color:#FFFFFF;
}

.loginSubmit {
	background-color: #B22222;
	border: 1px solid #821C1C;
	font-family: "Tahoma";
	width:100px;
	height:25px;
	font-size: 12px;
	font-weight: bold;
	color: White;
}

.loginTextBox {
	background-color: White;
	border: 1px solid #B22222;
	font-family: "Tahoma";
	width:120px;
	height:23px;
}

#divKalendar {
	width: 160px;
	padding: 15px;
	background-color: #fff0a2;
	font-family: Tahoma;
	font-size: 13px;
	float:left;
	margin-left: 15px;
	border: 1px solid #A5A5A5;
}

#divKalDani {
	background-color: White;
	border: 1px solid #B0B0B0;
	padding: 5px;
}

div#stranica{
	background:#FFFFFF;
	width:600px;
	margin-left:auto;/* center it*/
	margin-right:auto;/* center it*/
	border: 1px solid #DDDDDD;
	padding:20px;
}

.side{
	text-align:right;
	padding-right:4px;
	background:#EEEEEE;
	border-right:6px solid #336699;
	width:140px;
	}
.data{
	border:1px solid #EEEEEE;	

	}
/******* END GENERAL LAYOUT STUFF ***********/




/*
CALENDAR
***********/

table .cal_month{
	border:1px solid #DDDDDD;
	background-color:#ffffcc;
	}
thead td{
	text-align:center;
}
.cal_title{
	border:1px solid #DDDDDD;
	background-color:#336699;
	text-align:center;
	color:#FFFFFF;
	font-weight: bold;
	}
.cal_data{
	text-align:center;
	}
.cal_empty{
	text-align:center;
	/*border:1px solid #EEEEEE;*/
	}