/* 
Yes2web Standaard CSS - V 20070801 
Main.css Bevat de opmaak code voor alles wat door TinyMCE gebruikt kan worden.
*/

/*
Projectnaam/algemene info
@author: naam
@version: yyyymmdd-##
*/

body, #publerBody {
	font-family: Frutiger, Univers, "Helvetica Neue", arial, helvetica, sans-serif; /* Choose your best suited font-family from: X:/Templates/font-families.css */
	color: #333;
}
div#contents table#calendar{
	width: 824px;
	margin: 0;
}
div#contents table#calendar th{
	text-align: center;
	background-color: #fff;
}
div#contents table#calendar tbody tr td{
/*	background: url(../../images/calapelicanos/bg/bg_p.png) repeat;*/
	background: #ffd5d5;
	width: 114px;
	height: 114px;
	margin: 0px;
	padding: 0px;
}/*
* html div#contents table#calendar tbody tr td{
	background: #f2fffa;
}*/
div#contents table#calendar tbody tr td.gray{
	background: #ddd;
}
div#contents table#calendar tbody tr td.yellow{
	background: #feffa0;
}
div#contents table#calendar tbody tr td small{
	text-align: left;
	position: relative;
	top:4px;
	left: 4px;
}
div#contents table#calendar tbody tr td p{
	text-align: center;
}
div#contents table#calendar tbody tr td.other-month{
	visibility: hidden;
}
div#contents table#calendar tbody tr td.occupied{
	background-color: #eb7a76;
}
div#contents a.next,
div#contents a.prev{
	position: relative;
	background-color: #fff;
}
div#contents a.next{
	left: 524px;
}
div#contents a.prev{
	left: -118px;
}


h1 { /* You don't HAVE to change size and margin, this is done in the publer std.css */

}
	h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child { margin-top: 0; } /* reset the first H{x} of the page */
	* html h1, * html h2 { margin-top: 0; } /* Don't we all love Bill? */
	
h2 {

}

h3 {

}

h4 {
	color: #FFF;
}

h5 { /* H5 is the same size and weight as P: make sure color differs from P */
	color: #FFF;
}

p{

}

a {

}

a:hover {
	text-decoration: none;
}

/* Availability */
.availability div#contents table.dates{
	margin-top: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
.availability table.dates, .availability table.dates th, .availability table.dates td, .availability table.dates tr{
	border: 1px solid #0070b8;
	border-collapse: collapse;
}
.availability table.dates th, .availability table.dates td, .availability table.dates tr{
	height: 16px;
}

.availability table.dates td, .availability table.dates tr{
	text-align: center;
	background: url(../../images/calapelicanos/bg/bg_p.png);
}

.availability table.dates th.year{
	background: #0070b8;
	width: 88px;
	padding-right: 5px;
	text-align: right;
	color: #fff;
	font-weight: bold;
}
.availability table.dates th.sunday{
	background: #0070b8;
	color: #fff;
	text-align: center;
}
.availability div#contents table.dates td{
	width: 20px;
	text-align: center;
	padding: 0;
}
.availability div#contents  table.dates td.month{
	text-align: right;
	width: 88px;
	font-weight: bold;
	padding-right: 5px;
}

.availability table.dates td.gray{
	background: red;
}
.availability table.dates td.yellow{
	background: yellow;
}

.availability table#legend{
	position: absolute;
	top: 120px;
	left: 155px;
	border: none;
	width: 250px;
	}
	.availability table#legend td{
		border: none;
		font-weight: bold;
		padding: 0;
	}
	.availability table#legend td.option{
		background: yellow;
		width: 15px;
		height: 10px;
	}
	.availability table#legend td.notavailable{
		background: red;
		width: 15px;
		height: 10px;
	}