/* *********** TAG STYLES ***************  
 
 *  05/20/2007   Add blackLink (bold highted) for tabs 
 *  05/23/2007   Add errorBold for form validations    
 *  11/15/2007   Add Consolidated table styles 
 *  11/20/2007   Updated colsolidated table styles 
 *  12/19/2007   Add colors for types of information 
 *  12/27/2007   Add introLinkSelected introLinkSpacer to stablize and highlight Overview submenu 
 *  12/28/2007   Add vnavlink for villa menus 
 *  01/02/2008   Add bluelink for text "click HERE " messages
 *  02/07/2008   Fix error on float: Remove float from availMarkBoxOnly
 *  02/11/2008   Take color (black) out of infoTextShow and infoTextHide
 *  02/24/2008   Put back in calculated for color... (add italicas later?)
 *  05/21/2008   Add BOOKEDNOW style 
 *  06/24/2008   Add textNav style for < > navigation and more 
 *  07/06/2008   Larger tabs..
 *  09/15/2008   Some minor cleanups: validation errors! 
 *  04/14/2009   Add review classes...
 
 * *************************************** */

/*  background-color NOT included */
body {
	font-size: 11pt; 
	font-family: Arial, SansSerif;  
	margin: 0px; 
	}
/* Used for DIV hide and show */	
.infoTextHide { display:none;
    visibility:hidden;
	}
	
.infoTextShow { display:block;
    visibility:visible;
	}

/* Used with tabs: Currently 80x20 only */
.tabTable {
    margin: 0;
    padding: 0;
    }

.tabActive {background-image: url(/Villas/images/ActiveTab.jpg);
    background-repeat: no-repeat;
    font-weight: normal;
    }
.tabActive:hover {font-weight: bold; 
    }
.tabInactive {background-image: url(/Villas/images/InactiveTab.jpg);
    background-repeat: no-repeat;
    font-weight: normal; 
    }
.tabInactive:hover {
    font-weight: bold; 
    }
    
.tab120-1Active {
    background-image: url(/Villas/images/Tab120Active.jpg);
    height: 20px;
    background-repeat: no-repeat;
    font-weight: normal;
    }
.tab120-1Active:hover {
    font-weight: bold; 
    }
.tab120-1Inactive {
    background-image: url(/Villas/images/Tab120Inactive.jpg);
    height: 20px;
    background-repeat: no-repeat;
    font-weight: normal; 
    }
.tab120-1Inactive:hover {
    font-weight: bold; 
    }
    
.tab120-2Active {
    margin: 0;
    padding: 0;
    background-image: url(/Villas/images/Tab120Active.jpg);
    background-repeat: no-repeat;
    font-weight: normal;
    height: 40px;
    }
.tab120-2Active:hover {
    font-weight: bold; 
    }
.tab120-2Inactive {
    margin: 0;
    padding: 0;
    background-image: url(/Villas/images/Tab120Inactive.jpg);
    height: 40px;
    background-repeat: no-repeat;
    font-weight: normal; 
    }
.tab120-2Inactive:hover {
    font-weight: bold; 
    }
    
    
	
/* Used as paragraph lead character*/
.leadCharacter {
    font-size: 14pt;
	}

/*  Colors for input fields */
.contactColor {
   background-color: #FFFF80;
}

.cardColor {
   background-color: #80FFFF;
}

.loginColor {
   background-color: #FF80FF;
}

.clientColor {
   background-color: #FC8000;
}
.agentColor {
   background-color: #FC8080;
}
.bookingColor {
   background-color: #40F0FC;
}
.feeColor {
   background-color: #F0FC40;
}
.paymentColor {
   background-color: #40FC80;
}
.spColor {
   background-color: #F040F0;
}

.calculated {
   background-color: #ffe9c1;
}

.BOOKNOW {
   font-weight: bold;
   font-style: italic;
   color: #800080;
}

.servicemark {
   font-weight: normal;
   vertical-align: super;
   font-size: 0.75em; 
   line-height: 0.5em;
}   

/* Used in entry forms on secure site only */
INPUT.entryField {
    font-style: normal;
	background-color:#FF0000;
    }
/*  to make readonly:  JavaScript document.getElementById("name").disabled=true [or false] */
INPUT.viewField {
    font-style: italic;
	background-color:#880000;
	}

.BoldSmall {
    font-weight: bold; 
    font-size:10pt;
	}
.bold {
    font-weight: bold;
	}	

.italic {
   font-style: italic;
}

.noEdit {
   background-color:#808080; 
   font-style:italic; 
   color:#000000
}

.paddedParagraph {
    padding-right:10px;
    }

.noBorder {
   border:0;
   }

.infoMenu {
	font-size: 12pt;
	font-weight: bold;
	font-family: Arial, SansSerif;
	color: blue;
	}

.error {
    color: red;
	}
.errorBold {
    color: red;
	font-weight: bold;
	}	
	
.reflink {
    color: #551a8b;
    text-decoration: underline;
  }
/* For JavaScript on-click and NO underline */  
.reflink2 {
    color: #551a8b;
  } 
 
/*  A bright blue: used in photo page */  
.reflink3 { 
   color: #4040FF;
}  

.floatLeft {
   float: left;
   }

.floatRight {
   float: right;
   }

.entryExtra {
    background-color: #FFFFFF;
    }	
	
/*  Shared used by both Secure and Main pages */	


.datecellblanktop {
    border-width: 2px 2px 0 2px;
	border-style: solid;
	border-color: blue;
    background-color: gray;	}
.datecellblankbottom {
    border-width: 0 2px 2px 2px;
 	border-style: solid;
	border-color: blue;
    background-color: gray;
	}	                          
.datecellpasttop {
    border-width: 2px 2px 0 2px;
	border-style: solid;
	border-color: blue;
    background-color: darkgray;
	}
.datecellpastbottom {
    border-width: 0 2px 2px 2px;
	border-style: solid;
	border-color: blue;
    background-color: darkgray;
	}	                          
	                    
.datecellopenlowtop {
    border-width: 2px 2px 0 2px;
	border-style: solid;
	border-color: blue;
    background-color: white;
	}	
.datecellopenlowbottom {
    border-width: 0 2px 2px 2px;
	border-style: solid;
	border-color: blue;
    background-color: white;
	}	
.datecellopenhightop {
    border-width: 2px 2px 0 2px;
	border-style: solid;
	border-color: blue;
    background-color: yellow;
	}	
.datecellopenhighbottom {
    border-width: 0 2px 2px 2px;
	border-style: solid;
	border-color: blue;
    background-color: yellow;
	}	
.datecellopenspecialtop {
    border-width: 2px 2px 0 2px;
	border-style: solid;
	border-color: blue;
    background-color: magenta;
	}	
.datecellopenspecialbottom {
    border-width: 0 2px 2px 2px;
	border-style: solid;
	border-color: blue;
    background-color: magenta;
	}	
	
.datecellbookedtop {
    border-width: 2px 2px 0 2px;
	border-style: solid;
	border-color: blue;
    background-color: maroon;
	color: #FFFFFF;
	color: #FFFFFF;
	}		
.datecellbookedbottom {
    border-width: 0 2px 2px 2px;
	border-style: solid;
	border-color: blue;
    background-color: maroon;
	color: #FFFFFF;
	color: #FFFFFF;
	}	
.datecellpendingtop {
    border-width: 2px 2px 0 2px;
	border-style: solid;
	border-color: blue;
    background-color: navy;
	color: #FFFFFF;
	color: #FFFFFF;
	}		
.datecellpendingbottom {
    border-width: 0 2px 2px 2px;
	border-style: solid;
	border-color: blue;
    background-color: navy;
	color: white;
	}

.datecellblockedtop {
    border-width: 2px 2px 0 2px;
	border-style: solid;
	border-color: blue;
    background-color: #202020;
	color: gray;
	}		
.datecellblockedbottom {
    border-width: 0 2px 2px 2px;
	border-style: solid;
	border-color: blue;
    background-color: #202020;
	color: gray;
	}


.langtable {
	font-family: Arial, SansSerif;  
    border: 0px;
	margin: 0;
	padding: 0;
	border-spacing: 0px;
	border-collapse: collapse;
	text-align: center;
	vertical-align: top;
    }		
a.langlink:active {
    color: #000000;
	color: #000000;
	text-decoration: none;
	}
a.langlink:link {
    color: #000000;
	color: #000000;
	text-decoration: none;
	}
a.langlink:visited {
    color: #000000;
	color: #000000;
	text-decoration: none;
	}
a.langlink:hover {
    color: #000000;
	color: #000000;
	text-decoration: none;
	}

/* Links...  
 *    a:         default, used as true links such as links page
 *    navlink:   used only in header: shows light, white on hover
 *    vnavlink:  used only in header: shows black, white on hover
 *    whitelink  used only in hearer: shows bold on hover
 *    quicklink: uded for standalone text: shows as black, but changes on hover 
 *    #ff1821 is red active/hover color, #003399 is blue link color  
 *    textNav    used for < > others: bold #123456, blue on hover 
 */

a {
	color:#ff0000; 
	}
a:link, a:visited {
	color:#551a8b; 
	}
a:active, a:hover { 
	color: #0000ee; 
	}

a.navlink {	
	color: #AAAAAA; 
	font-family: Arial, SansSerif;
	font-weight: bold;
	text-decoration: none;
	}
a.navlink:link, a.navlink:active {
    color: #AAAAAA;
	}
a.navlink:visited {
	color: #AAAAAA; 
	}
a.navlink:hover { 
	color: #FFFFFF; 
	}
	
.navlinkselect {
	color: #FFFFFF; 
	font-family: Arial, SansSerif;
	font-weight: bold;
	text-decoration: none;
	}	
a.navlinkselect {
	color: #FFFFFF; 
	font-family: Arial, SansSerif;
	font-weight: bold;
	text-decoration: none;
	}
a.navlinkselect:link, a.navlinkselect:visited {
	color:#FFFFFF; 
	}
a.navlinkselect:active, a.navlinkselect:hover { 
	color: #DDDDDD; 
	}

a.vnavlink {	
	color: #000000; 
	font-family: Arial, SansSerif;
	font-weight: bold;
	text-decoration: none;
	}
a.vnavlink:link, a.vnavlink:active {
    color: #000000;
	}
a.vnavlink:visited {
	color: #000000; 
	}
a.vnavlink:hover { 
	color: #FFFFFF; 
	}

.whitelinkBold {
    color: white;
	background-color:black;
    font-weight: Bold;
	text-decoration: none;
    }
.whitelink {
    color: white;
	background-color:black;
    font-weight: normal;
	text-decoration: none;
    }
a.whitelink {
    color: white;
	background-color:black;
    font-weight: normal;
	text-decoration: none;
    }
a.whitelink:active, a.whitelink:visited, a.whitelink:link {
    color: white;
	background-color:black;
    font-weight: normal;
	text-decoration: none;
    }
a.whitelink:hover {	
	font-weight: bold;
	text-decoration: none;
	}


.blacklinkBold {
    color: black;
    font-weight: Bold;
	text-decoration: none;
    }
a.blacklink {
    color: black;
    font-weight: normal;
	text-decoration: none;
    }
a.blacklink:active, a.blacklink:visited, a.blacklink:link {
    color: black;
    font-weight: normal;
	text-decoration: none;
    }
a.blacklink:hover {	
	font-weight: bold;
	text-decoration: none;
	}

a.bluelink {
	color:navy; 
	text-decoration: none;
	}
a.bluelink:active, a.bluelink:link, a.bluelink:visited {
	color:navy; 
	text-decoration: none;
	}
a.bluelink:hover { 
	color: blue; 
	text-decoration: none;
	}
	
.textnav {
   font-size: 18pt;
   text-decoration: none;
   font-weight: bold;
   color: #123456;
   }
a.textnav:link, a.textnav:active {
   text-decoration: none;
   color: #123456;
   }   
a.textnav:hover {
   text-decoration: none;
   color: blue;
   }



.quicklink {
	color:#000000; 
	text-decoration: none;
	}
.quicklink:active, .quicklink:link, .quicklink:visited {
	color:#000000; 
	text-decoration: none;
	}
.quicklink:hover { 
	color: #0055BB; 
	text-decoration: none;
	}
	
/* Calendar pages: removed bold */
.calDailyTable {
  border-collapse: collapse;
  border-style: solid;
  border-width: 1px;
  padding: 0;
  margin: 0;
  text-align: center;
  }
  
.calDailyVillaName {
  border-style: solid;
  border-width: 1px;
  width: 110;
  margin: 0;  
  padding: 0 0 0 5;
  text-align: left;
  }
.calDailyMonthHeading {
  border-style: solid;
  border-width: 1px;
  margin: 0;  
  text-align: center;
  color: white;
  background-color: #000000;
  }

.calDailyCell {
  border-style: solid;
  border-width: 1px;
  height: 8;
  width: 20;
  margin: 0;
  padding: 0;
  text-align: center;
  }
  
.calDailyWeekendSame {
  }
.calDailyWeekendToBooked {
  background-image: URL("/Villas/images/calDailyWeekendToBooked.gif");
  }
.calDailyWeekendToBlocked {
  background-image: URL("/Villas/images/calDailyWeekendToBlocked.gif");
  }
.calDailyWeekendToLow {
  background-image: URL("/Villas/images/calDailyWeekendToLow.gif");
  }
.calDailyWeekendToHigh {
  background-image: URL("/Villas/images/calDailyWeekendToHigh.gif");
  }
.calDailyWeekendToHoliday {
  background-image: URL("/Villas/images/calDailyWeekendToHoliday.gif");
  }
.calDailyWeekdaySame {
  }
.calDailyWeekdayToBooked {
  background-image: URL("/Villas/images/calDailyWeekdayToBooked.gif");
  }
.calDailyWeekdayToBlocked {
  background-image: URL("/Villas/images/calDailyWeekdayToBlocked.gif");
  }
.calDailyWeekdayToLow {
  background-image: URL("/Villas/images/calDailyWeekdayToLow.gif");
  }
.calDailyWeekdayToHigh {
  background-image: URL("/Villas/images/calDailyWeekdayToHigh.gif");
  }
.calDailyWeekdayToHoliday {
  background-image: URL("/Villas/images/calDailyWeekdayToHoliday.gif");
  }
.cellWeekdayHeading {
  background-color: #000000;
  color: #ffffff;
  }
.cellWeekendHeading {
  background-color: #888888;
  color: #ffffff;
  }  
  
.cellWeekdayLow {
  background-color: white;
  }  
.cellWeekendLow {
  background-color: #CCCCCC;
  }
.cellWeekdayHigh {
  background-color: yellow;
  }
.cellWeekendHigh {
  background-color: #ffff7f;
  }
.cellWeekdayHoliday {
  background-color: magenta;
  }
.cellWeekendHoliday {
  background-color: #ff7fff;
  }
.cellWeekdayBooked {
  background-color: maroon;
  }
.cellWeekendBooked {
  background-color: #c08080;
  }
.cellWeekdayBlocked {
  background-color: #000084;
  }
.cellWeekendBlocked {
  background-color: #8080c2;
  }


.calendartable {
    border-style: none;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #FFFFFF;
	}

/*  Consolidated availability table */ 
.availtable {
	font-family: Arial, SansSerif;
    width: 100%;
    text-align: left;
    border-style: solid;
    border-width: 2px;
	margin: 2;
	padding: 2;
	border-spacing: 0px;
	border-collapse: collapse;
	vertical-align: top;
	border-color: black;
	table-layout: auto;
	color: black;
    }		
.availTopCell {
    text-align: center;
    font-weight: bold;	
    border-style: solid;
    border-width: 2px;
	margin: 2;
	padding: 2;
	border-spacing: 0px;
	border-collapse: collapse;
	vertical-align: top;
	border-color: black;
    background-color: cyan;
	color: black;
}
.availTopHeadCell {
    text-align: center;
    font-weight: bold;	
    border-style: solid;
    border-width: 1 2px 1 2px;
	margin: 2;
	padding: 2;
	border-spacing: 0px;
	border-collapse: collapse;
	vertical-align: top;
	border-color: black;
    background-color: cyan;
	color: black;
}
.availMonthCell {
    text-align: center;
    font-weight: bold;	
    border-style: solid;
    border-width: 2px 1px 1px 1px;
	margin: 2;
	padding: 2;
	border-spacing: 0px;
	border-collapse: collapse;
	vertical-align: top;
	border-color: black;
    background-color: #CCCCCC;
	color: black;
}
.availDateCell {
    text-align: left;
    font-weight: normal;	
    border-style: solid;
    border-width: 1px 1px 1px 1px;
	margin: 2;
	padding: 2;
	border-spacing: 0px;
	border-collapse: collapse;
	vertical-align: top;
	border-color: black;
    background-color: white;
	color: black;
}
.availBooked {
    text-align: center;
    font-weight: normal;	
    border-style: solid;
    border-width: 1px 1px 1px 1px;
	margin: 2;
	padding: 2;
	border-spacing: 0px;
	border-collapse: collapse;
	vertical-align: top;
	border-color: black;
    background-color: maroon;
	color: white;
}
.availBlocked {
    text-align: center;
    font-weight: normal;	
    border-style: solid;
    border-width: 1px 1px 1px 1px;
	margin: 2;
	padding: 2;
	border-spacing: 0px;
	border-collapse: collapse;
	vertical-align: top;
	border-color: black;
    background-color: navy;
	color: white;
}
.availMarkBoxOnly {
    text-align: center;
    font-weight: normal;	
    border-style: solid;
    border-width: 1px 1px 1px 1px;
	margin: 2;
	padding: 2;
	border-spacing: 0px;
	border-collapse: collapse;
	vertical-align: top;
	border-color: black;
    background-color: yellow;
	color: black;
    background-image: url(/Villas/images/checkBoxYellow.gif);
    background-repeat: no-repeat;
}


.availCheckMark {
    text-align: center;
    font-weight: normal;	
    border-style: solid;
    border-width: 1px 1px 1px 1px;
	margin: 2;
	padding: 2;
	border-spacing: 0px;
	border-collapse: collapse;
	vertical-align: top;
	border-color: black;
    background-color: yellow;
	color: black;
    background-image: url(/Villas/images/checkMarkYellow.gif);
    background-repeat: no-repeat;
}


/* Spaces out the bulleted or numbered lists */
li {
	padding-bottom: 6px;
}
p {
	vertical-align : text-top;
	margin-top: 0px;
	}
u { 
	text-decoration: none; 
	}
hr {
	color:#404040;
	}

.infoMenu {
	font-size: 12pt;
	font-weight: normal;
	font-family: Arial, SansSerif;
	color: blue;
	}

.introLink {
	font-weight:normal;
	color: blue;
	text-decoration: none; 
	}
a.introLink {
	font-weight:normal;
	color: blue;
	text-decoration: none; 
	}
a.introLink:link, a.introLink:visited, a.introLink:active {
	font-weight:normal; 
	color: blue;
	text-decoration: none; 
	}
a.introLink:hover { 
	font-weight: bold;
	color: blue;
	text-decoration: none; 
	}
.introLinkSelected {
	font-weight: bold;
	color: navy;
	text-decoration: none; 
	}
a.introLinkSelected {
	font-weight: bold;
    color: navy;
	text-decoration: none; 
	}
a.introLinkSelected:link, a.introLinkSelected:visited, a.introLinkSelected:active, a.introLinkSelected:hover { 
	font-weight: bold;
    color: navy;
	text-decoration: none; 
	}
.introLinkSpacer {
	font-weight: bold;
	color: white;
	}

a.houseLink {
    font-size: 14pt;
	font-weight: normal;
	font-family: Arial, SansSerif;
	text-decoration: none;
	color: blue;
	}

a.houseLink:link, a.houseLink:visited, a.houseLink:active {
	color: blue;
	}
a.houseLink:hover { 
	color: maroon;
	}
a.langlink:active {
    color: #000000;
	color: #000000;
	text-decoration: none;
	}
.houseTable {
    border-color: #C00000;
    background-color: #fffd77;
}

.houseTableDark {
   background-color: #FDDC25;
}

/* for display of reviews... */

.reviewHeading {
   background-color:navy;
   color:white;
   }
.reviewText {
   background-color:white;
   color:black;
   padding:8;
   text-align:left;
   }
   
.bannerShow {
   color: red;
   text-align:left;
   padding-left: 20px;
}
.bannerLink {
   text-align: right;
   padding-right: 20px;
   text-decoration: none;
   }