/* CSS Document */

/* DOCUMENT INFORMATION -----------------------------------

TITLE:			Default screen display styles
LAST UPDATED:	21 December 2007
AUTHOR:			Clever Clover


-- CONTENTS -----------------------------------------------

	=1:		[COMMON]
	=2:		[CALENDAR]
	=3:		[BOOKINGS]
	=4:		[PRICES]
	=5:		[GUESTBOOK]
	=6:		[TELL A FRIEND]	
	=7:		[MISCELLANEOUS}

---------------------------------------------------------*/



/* --- =[1] COMMON ------------------------------------ */
body 
{
	background: url('../general/florida_maintopbd1.gif');
	background-color: #ffffff;
	margin: 0px auto;
	color: #4682b4;
	text-align: center;
}

table#mainarea 
{
	width: 700px;
	height: 520px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	background: url('../general/palmbd.gif');
}

img 
{
	border: 0;
}

img.border1 {
	border: solid 1px #000;
}

div, span
{

	padding: 0px;
	margin: 0px;
}

.yearbox 
{
	width: 80px;
	height: 40px;
	background-color: #ffffff;
	border-color: #000000;
	border: 1px solid;
	text-align: center;	
}

p.bodytxt {
	margin: 0px;
	text-align: justify;
	color: #4682b4;
	font: 11px/16px Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	letter-spacing: 0.1pt;
}

.basetext { 
	color: #4682b4;
	font: 11px/16px Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-decoration: none; 
	text-transform: none; 
	letter-spacing: 0.1pt;
}
.basetext a { color: #4682b4; }

.strongbasetext { 
	color: #4682b4;
	font: 11px/16px Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-decoration: none; 
	text-transform: none; 
	letter-spacing: 0.1pt;
	font-weight: bold;
}

td.calendar p {
	color: #4682b4;
	font: 11px/16px Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-decoration: none; 
	text-align: left; 
	text-transform: none; 
	letter-spacing: 0.1pt;
	font-weight: bold;
}

hr 
{
	text-align: center;
}

/* --- =[2] CALENDAR STYLES ------------------------------------ */
.available 
{
	width: 35px;
	height: 28px;
	margin: 0;
	padding: 8px;
	background-color: #c0ffc0;
}
	.available a { 	color: #4682b4; }


.booked 
{
	width: 35px;
	height: 28px;
	margin: 0;
	background-color: #dad9d8;
	padding: 8px;
	color: #f87d1a;
}

.promo1 
{
	width: 35px;
	height: 28px;
	margin: 0;
	background-color: #c0c0ff;
	padding: 8px;
	color: #f87d1a;
}

.calenderframe 
{
	padding: 2px;
	margin-left: auto; 
	margin-right: auto;
}
div.dateday 
{
	color: #336699;
	text-align: right;
	vertical-align: super;
}
.datelink, .datelink:visited 
{
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
.datelink:hover 
{
	text-decoration: underline;	
}

.booked .datelink { color: #f87d1a; }






/* --- =[3] BOOKING STYLES ------------------------------------ */
.bookingform
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
}

.bookingframe 
{
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	border: 1px solid #336699;
	border-collapse: collapse; 
}

.formheader 
{
	vertical-align: top;
	text-align: right;
}

.formentry 
{
	color: #000000;
	font-weight: normal;
	text-align: left;
}

.bookingbutton 
{
	width: 70px;
	height: 20px;
	font-size: 10px;
	background-color: #ffe1b4; 
	border: 1px inset #ff7900;	
}

.bookingbutton2
{
	width: 120px;
	height: 20px;
	font-size: 10px;
	background-color: #ffe1b4; 
	border: 1px inset #ff7900;	
}

.bookingbutton3
{
	width: 150px;
	height: 20px;
	font-size: 10px;
	background-color: #ffe1b4; 
	border: 1px inset #ff7900;	
}


/* --- =[4] PRICES ------------------------------------ */

table#prices, #prices td {
	border: inset 1px #4682b4;
	text-align: center;	
}

/* --- =[5] GUESTBOOK ------------------------------------ */
p.customer {
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 12px;
}
p.comment {
	font-style: italic;
	font-size: 14px;
}


/* --- =[6] TELL A FRIEND ------------------------------------ */
.tellfriend, .tellfriend:visited 
{
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
    font-size: smaller;
    color: #4682b4;
	text-decoration: underline, overline;
	text-align: center;
	vertical-align: middle;
}
.tellfriend:hover 
{
	color: Silver;
	text-decoration: underline, overline;	
}



/* --- =[7] MISCELLANEOUS ------------------------------------ */

/* [ERROR DISPLAY LIST] ---------------------------------------*/
ul#formFeedback {
	margin: 0px auto;
	width: 75%;
	list-style-position: outside;
	padding: 4px 4px 4px 4px;
	border: 1px solid #9999ff;
}

ul#formFeedback li { float: none; padding: 2px 2px 2px 10px; font-weight: normal; margin: 0px;  list-style: none; text-align: left;}



.greyLight { color: #ccc; }