/*table styles for mulcares.com
prices and availability

#1c3a85 is dark blue
#3c5696 is lighter blue
#dde1ed is pale blue
#9cabd0 darker pale blue
#6b91cb is the colour for h1
#1b264d is shadow dark

*/

table{
	font-family:Myriad, Helvetica, Arial;
	border-collapse:collapse;
	width: 760px;
	border:1px solid #1c3a85;
	background-color:#9cabd0;
	color:#1c3a85;

}

table td, table p{
	padding-top:0.2em;
	padding-bottom:0.2em;
	color:inherit;
	
}

th {
	line-height:1.5em;
	color: inherit;
	font-size: 0.7em;
	padding: 0.4em 0.2em;
	text-align: center;
	
}

td {
	color: inherit;
	font-size: 0.7em;
	padding: 2em 0em;
	text-align: center;
}


caption {
	font-size: 1em;
	font-weight:normal;
	margin: 0.5em 0;
	color:#fff;
}

col {
	border-right: 1px solid #1c3a85;
}

col#mamelonCol {
	border: none;
}



.xmas {
background-color:#1b264d;
color:#FFFFFF;
}

.high {
background-color:#1c3a85;
color:#FFFFFF;
}

.mid {
background-color:#3c5696;
color:#FFFFFF;

}

.low {
background-color:#9cabd0;
color:#FFFFFF;

}

thead {
	background: #3c5696 url(images/table_bar.gif) repeat-x left center;
	border-top: 1px solid #1c3a85;
	border-bottom: 1px solid #1c3a85;
}

th {
	font-weight: normal;
	color:#1c3a85;
}

 .odd {
 	background-color:  #dde1ed;
}



tr:hover {
	background-color: #3c5696;
	color:#fff;
}


thead tr:hover {
	background-color: transparent;
	color:inherit;
}

/* text swap CSS
simplified and
amended from http://www.codingforums.com/archive/index.php?t-78720.html 

code reqiuired (to go in table):

 <td id="available or booked (choose which!)">
      <span class="noshow">date here</span><span class="show">available or booked (choose which!)</span>
    </td>
	
*/




/*booked - text white backgroung red*/
#booked :hover {
background:#CC0000 url(images/1pix_red.gif) repeat left top;
}
#booked span.show {
display:none;
}
#booked :hover span.show {
display:inline;
}
#booked :hover span.noshow {
display:none;
}



/*available - text white backgroung green*/
#available :hover {
background:#66cc00 url(images/1pix_green.gif) repeat left top;

}
#available span.show {
display:none;
}
#available :hover span.show {
display:inline;
}
#available :hover span.noshow {
display:none;
}

.inherit {
	color:inherit;
}

/*part_booked - text white backgroung amber*/
#part_booked :hover {
background:#cc6600 url(images/1px_amber.gif) repeat left top;

}
#part_booked span.show {
display:none;
}
#part_booked :hover span.show {
display:inline;
}
#part_booked :hover span.noshow {
display:none;
}

.inherit {
	color:inherit;
}

/*booked/available - text red for non-hover browsers*/
*html #booked {
color: #CC0000;
}
*html #available {
color: #136634;
}
*html #part_booked {
color: #cc6600;
}