<style type="text/css">
<!--
/* this is for the title of a table row */

body {
	margin:0;
	padding:0;
                color:#775b4a;
	font-family:georgia;
	font-size:10px;
                 background:#f1efe2;
	}

a:link {
	color:#222a41;
	text-align:left;
	font-family:arial;
	font-size:12px;
	}

a:visited {
	color:#222a41;
	text-align:left;
	font-family:arial;
	font-size:12px;
	}

 a:hover {
	color:#614a41;
	text-decoration:none;
	text-align:left;
	font-family:arial;
	font-size:12px;
	}
table
{ 
page-break-after:auto
}

.tdTitle
{
	font-family: arial,Times New Roman,Verdana,helvetica,san-serif;
	font-size:12;
	font-weight: bold;
}
.calmonth
{
    width:150px;
    height:170px;
    text-align:center;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    font-size:11px;
}
.calmonth2
{
    width:150px;
    height:170px;
    text-align:center;
    
    font-weight: none;
    font-family:Times New Roman,Georgia;
    font-size:9pt;
}

.calouttable
{
   
    border:1px solid #ccc;
    
}
.calhearder2
{
     width:146px;
     background:#154568;
     font-weight: bold;
     text-align:center;
     font-size:12px;border:solid #000000 1px;
     color:#ffffff;
}
.calhearder3 td
{
     font-size:12px;
     color: Black;
     background:#82bbe5;
     text-align:center;
}

.yearcheckindate
{
                background-color:#99cd7e; 
	background-image:url("http://rentals.barefoot.com/ilinks/v4/gulfrentals/images/checkin.gif");
	color: Black; /*Gray; */
	border:solid #000000 1px;
               text-align:center;
}

.yearcheckoutdate
{
	background-color:#e3f4f5;
	color:Black; /*Gray; */
	text-align:center;
	border:solid #000000 1px;
	 background-image:url("http://rentals.barefoot.com/ilinks/v4/gulfrentals/images/checkout.gif");
}

.yearcaloccupied
{
	background-color:#9ccb3d; /*#cccccc;*/
	color: Black; 
	text-align:center;
                background-image:url("http://rentals.barefoot.com/ilinks/v4/gulfrentals/images/occupied.gif");
               border:solid #000000 1px;
}

.yearcalavailable
{
	background-color:#ffffff; /*#cccccc;*/
	color: Black; /*Gray; */
	border:solid #000000 1px;
                text-align:center;
}
.yearcalunavailable
{
    color: Gray; 
    background-image:url("http://rentals.barefoot.com/ilinks/v4/gulfrentals/images/blocked.gif");
    border:solid #000000 1px;
   text-align:center;
}
.calhold
{
   background-color: #FFFF00;
}

.calbooked
{
    background-color: #cccccc;
    color:red;
}
/* this is for the input of a table row */
.tdInput
{
	font-family:arial,Times New Roman,helvetica,san-serif;
	font-size:12;
}

/* this is for the title of each table */
.tableTitle
{
	font-family: arial,Times New Roman Baltic, helvetica,san-serif;
	font-size:16;
	font-weight: bold;
}
.errMsg
{
	font-family: arial,Times New Roman Baltic,Trebuchet MS,  helvetica;
	font-size: 14;
	font-weight:600;
	color:Red;
}

.desp
{
	font-family: arial,Times New Roman,Trebuchet MS,helvetica;
	font-size: 12;
	font-weight:500;
}

.headerDesp
{
	font-family: arial,Times New Roman,Trebuchet MS,helvetica;
	font-size: 14;
	font-weight:500;
}

.listingTableTitle
{
	font-family: arial,Times New Roman,Trebuchet MS,helvetica;
	font-size: 16;
	color:White;
	background:#5589b0;
	font-weight: bold;
}

.listingTdTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14;
	background:#8fcbf1;
}

.listingTdInput
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14;
	background:#f9f6e6;
}

.bgcolor1
{
	background:#ffffe1;
}

.bgcolor2
{
	background:#cccccc;
}

.inputBox
{
	background:#8fcbf1;
}

.link
{
	font-family: arial,Times New Roman,Trebuchet MS, arial, helvetica;
	font-size: 14;
	font-weight:600
}

.policy
{
	font-family:arial;
	font-size:12;
}


.reserve
{
	background-color: Yellow;
	color: Black;
	font-weight: bold;
}

.checkintime
{
	background-color: White;
	color:Red; /*Gray; */
	font-weight: normal; /* bold; */
}

.checkout
{
	background-color: White;
	color:Maroon; /*Gray; */
	font-weight: normal; /* bold; */
}

.occupied
{
	background-color:#99cd7e; /*#cccccc;*/
	color: white; /*Gray; */
	font-weight: bold; /* bold; */
}

.pending
{
	background-color:blue; /*#cccccc;*/
	color: white; /*Gray; */
	font-weight: bold; /* bold; */
}

.ownertime
{
	background-color:olive; /*#cccccc;*/
	color: white; /*Gray; */
	font-weight: bold; /* bold; */
}

.past 
{
	background-color: White;
	color: Black; /*Gray; */
	font-weight: normal; /* bold; */
}


-->
</style>