/* 

	Costa Blanca Holiday Club style.css
	created by Ryan Mitchell on 26/02/07

*/

/* redefine html tags for consistency across browsers */
html, body, div, form { margin:0px; padding:0px; }
p, h1, h2 { margin:0px; padding:6px 0px; }
img { border:none; }
a, a:visited, a:active { text-decoration:none; }
a:hover { text-decoration:underline; }

/* layout */
html,body { background-color:#ADCEE1; height:100%; font-family:Arial, Helvetica, sans-serif; color:#000; }
body { background-image:url(../images/background.jpg); background-position:top; background-repeat:repeat-x; }

#container { width:824px; margin:0px auto; min-height:100%; background-image:url(../images/container_background.gif); background-position:top; background-repeat:repeat-y; padding:0px 7px 10px 11px; }
#date { background-image:url(../images/date_background.gif); background-repeat:no-repeat; height:17px; color:#fff; text-transform:lowercase; font-size:12px; padding:1px 0px 0px 20px; }
#date p { margin:0px; padding:0px; }
#date .links { float:right; width:60%; text-align:right; padding-right:20px; }
#date a { color:#fff; }
#date a:hover { color:#000; }
#banner { height:120px; }
#links { height:34px; background-image:url(../images/links_background.jpg); background-repeat:repeat-x; width:820px; }
#links ul { list-style:none; white-space:nowrap; padding:0px; margin:0px; }
#links ul li { background:url(../images/link_splitter.jpg); background-position:right; background-repeat:no-repeat; float:left; height:34px; color:#fff; font-size:14px; line-height:36px; padding:0px 12px; text-transform:uppercase; }
#links ul li.last { background:none; }
#links ul li a { color:#fff; }
#links ul li a:hover { color:#000; text-decoration:none; }
#links .flags { float:right; width:160px; padding:6px 8px 0px 0px; text-align:right; }
#links .flags img { padding:0px 3px; }

#content { font-size:12px; padding-top:10px; }
#content .text { margin-left:210px; }
#content .text label { color:#0A5B8D; float:left; padding:4px 10px 0px 0px; width:82px; }
#content .left { width:190px; float:left; }
#content .box { background-image:url(../images/side_back.jpg); background-repeat:no-repeat; padding:5px 0px 5px 16px; min-height:104px; margin: 0px 0px 10px 0px; }
#content .box h1 { color:#0A5B8D; font-size:16px; font-weight:normal; padding:3px 0px; }
#content .box p { padding:1px 0px; }
#content .right { width:190px; float:right; padding:0px 4px 10px 24px; }
#content .right .box p { color:#0A5B8D;  }
#content .right .box ul { padding: 0px 10px;  }
#content .right .box span.event { font-size:14px; font-weight:bold;  }
#content .box label { color:#0A5B8D; font-size:11px; float:left; padding:4px 10px 0px 0px; width:52px; }
#content .box input[type="text"], #content .box input[type="password"] { width:100px; font-size:11px; }
#content .box select { width:100px; font-size:11px; }
#content .box a, #content .box a:hover { font-weight: bold; color:#F3430C; }
#content .box .remember { color:#666666; font-weight:bold; font-size:11px; }
#content a { color:#F3430C; }
.title { color:#0A5B8D; font-size:22px; }
h2, .subtitle { color:#F3430C; font-size:15px; font-weight:bold; }

#footer { clear:both; font-size:12px; padding-top:35px; }
#footer p { padding:2px 0px 0px 0px; color:#ADCEE1; }
#footer p.up { text-transform:uppercase; }
#footer p a { color:#ADCEE1; }

.prevnext { width:60px; }
table.calendar, table.calendar2 { margin-top:12px; display:inline; }
table.calendar td, table.calendar2 td { height:20px; width:25px; }

td.today {
	border: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #cc3300;
	text-align: center;
	width: 15px;
}
td.weekend {
	background-color: #c0c0c0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-align: center;
	width: 15px;
}
td.empty {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-align: center;
	width: 15px;
}
td.square {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-align: center;
	width: 15px;
}
.prevnext { font-size: 10px; }
.notavail { font-size: 10px; color: #000; background-color:#990000; text-align:center; }

.row0 { background-color: #F2F2F2; }
.row1 { background-color: #FFFFFF; }
.blue { background-color: #D0E7F5; color: #D74A25; text-transform: uppercase; font-weight: bold; text-align:left; }

table.prices { text-transform:capitalize; }
table.prices th { text-align:left; background-color:#D74A25; color:#fff; }
table.prices th, table.prices td { border:1px solid #fff; padding:2px 5px; }