/* TAG STYLES FOR YAL KU */ 
/*  05/01/2008   Initial entries 

*/


/*  background-color NOT included */
body {
	font-size: 12pt; 
	font-family: Arial, SansSerif;  
	margin: 0px; 
	color: #000000;
   background-color: #ffffff;
   alink: "#3333ff";
   link:  "#0000ff";
   vlink: "#ff0000";
	}
	
/* Menu options */
.menuBold {
	color: navy;
   background-color: #ffffff;
   alink: "#3333ff";
   link: "#000000";
   vlink: "#000000";
   font-weight: bold;
   font-style: normal;
   }

/*  For paragraph indentation left: 
.indented {
   padding-left: 30pt;
   padding-right: 0pt;
   }
   
	
	
/* Used for DIV hide and show */	
.infoTextHide { display:none;
    visibility:hidden;
	}
	
.infoTextShow { display:block;
    visibility:visible;
	}

/* Used with tabs: Currently 80x20 only */
.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; 
    }
	
/* 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;
}

/* 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;
	}	

.paddedParagraph {
    padding-right:10px;
    }

.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  */

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;
	}


.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 */
.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;
}
.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;
	}
a.introLink {
	font-weight:normal;
	color: blue;
	}
a.introLink:link, a.introLink:visited, a.introLink:active {
	font-weight:normal; 
	color: blue;
	}
a.introLink:hover { 
	font-weight: bold;
	color: blue;
	}
.introLinkSelected {
	font-weight: bold;
	color: navy;
	}
a.introLinkSelected {
	font-weight: bold;
    color: navy;
	}
a.introLinkSelected:link, a.introLinkSelected:visited, a.introLinkSelected:active, a.introLinkSelected:hover { 
	font-weight: bold;
    color: navy;
	}
.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;
}