@charset "utf-8";
/* CSS Document */

body { font: normal normal 12px Arial, Helvetica, sans-serif;  }

* { padding: 0; margin: 0; }

/* h1 { font-size:24px;font-weight: normal;margin-bottom: 1em;padding-bottom: 0.2em;color: #00678e;background: url(/pics/moreeni/h1-pageName.gif) left bottom repeat-x;} */

h1 { font-size: 18px; font-weight: normal; color:#00688f; margin-bottom:0.5em; }

h2 {  font-size: 16px; font-weight: normal; color:#00688F; margin-bottom: 0.5em; }

h3 { font-size: 14px; font-weight: bold; color:#00688F; margin-bottom: 0.5em; }

#container {  position: relative;  padding: 20px; }
	
	#container a { color: #3698d4;}
	
	#container select option { padding: 0 8px 0 0; }
	
	#container input { vertical-align: middle; }

#main_navi { margin: 30px 0 20px 0; }

	#main_navi ul { list-style-type: none; position: relative;  background:  #eeefef; border-bottom: 2px solid #b2b3b6;  }
	
	#main_navi ul li { 
		 background:  #eeefef;
		}
	
	#main_navi ul li a { 
		background: #eeefef url(/pics/spacereservation/bgNavi.gif) top left no-repeat;   
		font-size: 12px; 
		color: #333333; 
		display: block;
		text-decoration: none; /* border-bottom: 3px solid #00678e; */ 
		padding: 8px 10px 8px 30px; 
		 height: 1%; 
		}
	
		#main_navi ul li a:hover { background: #e1f4ff url(/pics/spacereservation/bgNaviHover.gif) top left no-repeat;  }
	
	#main_navi ul li a.active { background: #e1f4ff url(/pics/spacereservation/bgNaviHover.gif) top left no-repeat;   }

#left_col {  position: relative; float: left; margin: 0 0 0 0; padding: 16px 15px 0 0; }

#left_col input { vertical-align: middle; }

#content { width: 600px; position: relative; float: left; padding-top: 11px;}

	#content input { vertical-align: middle; }
	
	#content option { padding: 0 10px 0 0; }

#vaiheistus { background: #efefef; padding: 5px 2px 5px 2px; }

	#vaiheistus span.selected {  font-size: 12px; font-weight: bold; color:#00688F;  margin: 2px; }
	#vaiheistus span {  font-size: 12px; font-weight: normal; color:#00688F;  margin: 2px; }
	
/* vasemman reunan tilaluettelo */

#left_col table.space_selection { border: 1px solid #b2b3b6; border-bottom: 2px solid #b2b3b6; width: 215px; background: #eeefef; }

	#left_col table.space_selection td a { color: #000000; text-decoration: none; }
	
		#left_col table.space_selection td a p.color_rect { width: 20px; height: 20px; border-style: solid; border-color: #000000; border-width: 1px; }


/* vasemman reunan pikkukalenteri */
	
#left_col table.month_calendar  { background: #fff; border-left: 1px solid #adaa9c; border-top: 1px solid #b2b3b6;  }
	
	#left_col table.month_calendar th { background: #eeefef; border-bottom: 1px solid #b2b3b6; }
	
	#left_col table.month_calendar td {  border-right: 1px solid #adaa9c; border-bottom: 1px solid #b2b3b6; }
	
		#left_col table.month_calendar td.holiday {  border-right: 1px solid #adaa9c; border-bottom: 1px solid #b2b3b6; background: #CCCCCC; }
	
		#left_col table.month_calendar td a { color: #000000; text-decoration: none; }
		
			#left_col table.month_calendar td a.selected { font-weight: bold; }
		
			#left_col table.month_calendar td a:hover { text-decoration: underline; font-weight: bold;}
	
	#left_col table.month_calendar th { }
	
	#left_col table a img { border: none; }
	
	
/* iso kuukausikalenteri */

#content table.month { border-left: 1px solid #adaa9c; border-top: 1px solid #adaa9c;  }
	
	#content table.month th, td { padding: 5px; }
	
	#content table.month th { width: 100px; text-align: left; background: #eeefef; border-bottom: 1px solid #adaa9c;}
	
	#content table.month td { height: 50px; vertical-align: top;  border-right: 1px solid #adaa9c; border-bottom: 1px solid #adaa9c;}
	
		#content table.month td.current_day { font-weight: bold; }
		
		#content table.month td.empty_date { background: url(/pics/spacereservation/calendar_bg.gif);	}
		
		#content table.month td.holiday { background: #CCCCCC; }
		
		#content table.month td.selected_holiday { background: #ff0000; }
		
		#content table.month td.selected_day { background: #efefef;  }
		
		#content table.month td a img:hover { border: none; }
		
		#content table.month td table.reservations td { height: 10px; }
			
			#content table.month td table.reservations td.reserved { border-style:solid; border-color:#000000; border-width:1px; }
	
	
/* viikkokalenteri */
	
#content table.week { border: 1px solid #b2b3b6; border-bottom: 2px solid #b2b3b6; }
	
	#content table.week tr.stripe { background: #efefef; }
	
	#content table.week th {  text-align: left; background: #eeefef; padding: 5px; color: #000; border-bottom: 1px solid #b2b3b6; }
	
	#content table.week th.current_week { width: 30px;  }
	
	#content table.week td { padding: 0;}
	
		#content table.week td.time { padding: 0 10px 0 5px; font-weight: bold; height: 21px;  font-size: 11px; width: 30px; }

		#content table.week td.border { border-left: 1px solid #b2b3b6; }
		
		#content table.week td.holiday { background: #BBBBBB; }
		
		#content table.week td.selected_holiday { background: #ff0000; }
		
		#content table.week td.selected_day { background: #CCCCCC; }
		
		#content table.week td.reserved { border-style:solid; border-color:#000000; border-width:1px; }
		
		#content table.week td a img:hover { border: none; }


/* Ajanvarauslomake */
	
table.reservation th { font-weight: bold; background: #eeefef; border-bottom: 1px solid #999999;  }
	
	table.reservation td { border-bottom: 1px solid #999999;  }
	
	table.reservation td, th { vertical-align: top; text-align: left; padding: 4px 8px 2px 8px;  font-size: 12px; font-family:Arial, Helvetica, sans-serif;  }
	
	table.reservation tr.alarivi td { border: none; }
	
	table.reservation tr.alarivi td.alin { text-align: right; }
	
	
input.wideInput { width: 250px; padding: 1px; border: 1px solid #adaa9c; }

.errorAlerts ul {margin: 0 0 15px 15px; color: #f11126;  }


/* clear floats*/
	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* piilotetaan mac-ie:ltä \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* pois piilosta */