/* foldups in manageQueries.php */
.foldup  {
  width:700px;
  margin:2px;
  padding:2px;
  background-color:azure;
  border:1px solid green;
  list-style-type:none;
}
.header  {
  width:150px;
  margin:2px;
  padding:2px;
  background-color:lightblue;
  border:1px solid green;
}
.content  {
  margin:2px;
  padding:2px;
  background-color:lightgreen;
  display:none;
}

/* entries for contact table popup*/
.contactEntry {
float:left;
width:150px;
}
.contactRow{
clear:both;
}

.bookingMenu {
  padding:5px;
}
.bannerMenu {
  background-color:#aaaaaa;
  height:150px;
}
.timeMachineUnit {
  float:left;
  border:1px solid green;
  background-color:#dddddd;
  text-align:center;
  padding:3px;
  margin:2px;
}


.greenBox {
border:1px solid green;
padding:5px;
}

.dataLINE {
  padding:3px;
  margin:2px;
  width:425px;
}

.dataVAR {
  float:left;
  padding:3px;
  margin:2px;
  background-color:#ccddee;
  width:100px;
}

.dataVAL {
  float:left;
  padding:3px;
  margin:2px;
  background-color:#ccddee;
  width:305px;
}
/*master.css to contain all standard default css markup*/

/* whole page settings ****************************************/
body {
  background-repeat:repeat-x;
  background-color:#ccddee;/*#019B83*/
  /* centering */
  margin:0px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
  }

img {vertical-align: bottom;border:0px} 

/*ckEditor friendly stuff from original ckEditor/contents.css*/

html  {
	/* #3658: [IE6] Editor document has horizontal scrollbar on long lines
	To prevent this misbehavior, we show the scrollbar always */
	_overflow-y: scroll
}

img:-moz-broken  {
	-moz-force-broken-image-icon : 1;
	width : 24px;
	height : 24px;
}

img, input, textarea {
	cursor: default;
}

p {
margin:0px;
}
ol {
margin:0px;
}
  
A:link {color: rgb(0, 100, 0);}
A:visited {color: rgb(0, 100, 0);}
A:active {color:purple;}
A:hover {color: rgb(0, 100, 0);}

/* shadowing of content page on background ****************************************/

/* and now our page css */
#mainContainer {
  font-size:14px;  
  color: rgb(0, 100, 0);
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  position:relative;
  height:100%;
  margin:0px auto; /* Right and left margin widths set to "auto" */
  border-left:1px solid black;
  border-right:1px solid black;
  border-bottom:1px solid black;
  background-color:white;
  } 


#banner{
   width:100%;
  height:100%;
}

#pageMain  {
  float:left;
  width:100%;
  height:100%;
  background-repeat:repeat-y;
  }
  
#sidebar {
  float:left;
  height:100%;
} 


#pageContent{
  float:left;
  height:100%;
  }
    
#footer {
text-align:center;
  width:100%;
} 
 

/* navigation menus ****************************************/
#pageNavHoriz  {
  background-color:green;
  }

#pageNavVert  {
  background-color:blue;
  }

/* footer ****************************************/
.footer {
  text-align:center;
  clear:both;
  width:100%;
} 
/* WPM special styles */  
.imgSlotLeft
  {
  float:left;
  width:50%;
  text-align:center;
  padding:5px 0px 5px 0px;
  }
  
.imgSlotRight
  {
  float:right;
  width:50%;
  text-align:center;
  padding:5px 0px 5px 0px;
  }
  
.propertyImage 
   {
   border:1px solid black;
   margin:0px;
   }
.westerleyIntro
   {
   font-size: 16px;
   font-weight:normal;
   }
   
/* main menu styles */ 
#mainNav {
  clear:both;
  font-size: 14px;
  text-align: center;
}

#mainNav {
  clear:both;
  font-size: 14px;
  text-align: center;
  width:100%;
}

.mainNavON {
  padding: 4px 0px 4px 0px;
  height:15px;
  text-align: center;
  background-color:#FFFF99;
  float:left;
  font-weight:bold;
  border:1px solid green;
  }
  
.mainNavOFF {
  padding: 4px 0px 4px 0px;
  height:15px;
  text-align: center;
  background-color:#FFFF99;
  float:left;
  font-weight:normal;
  border:1px solid green;
  }   
  
#mainLink {
  text-decoration: none;
}

A.mainLink:link {color:#006600;text-decoration: none;}
A.mainLink:visited {color:#006600;text-decoration: none;}
A.mainLink:active {color:black;text-decoration: none;}
A.mainLink:hover {color:#006600;border:1px solid green;text-decoration: none;} 

/*extra menu styles*/
#extraNav {
  margin-left:5px;
  width:100%;
  height:100%;
}
.extraNavON {
  text-align:center;
  padding:3px;
  border:2px solid green;
  font-weight:bold;
  }  
.extraNavOFF {
  text-align:center;
  padding:3px;
  font-weight:normal;
  }   
#extraLink {
}

A.extraLink:link {color:#006600;text-decoration: none;}
A.extraLink:visited {color:#006600;text-decoration: none;}
A.extraLink:active {color:black;text-decoration: none;}
A.extraLink:hover {color:#006600;border:1px solid green;text-decoration: none;} 
 

/*extra menu styles*/
#thirdNav {
  margin-left:5px;
  width:100%;
  height:100%;
}
.thirdNavON {
  text-align:center;
  padding:3px;
  border:2px solid green;
  font-weight:bold;
  }  
.thirdNavOFF {
  text-align:center;
  padding:3px;
  font-weight:normal;
  }   
#thirdLink {
}

A.thirdLink:link {color:#006600;text-decoration: none;}
A.thirdLink:visited {color:#006600;text-decoration: none;}
A.thirdLink:active {color:black;text-decoration: none;}
A.thirdLink:hover {color:#006600;border:1px solid green;text-decoration: none;} 
 
/* the shadows */
#bottom {
  position:absolute;
  width:100%;
  height:20px;
  background-image:url('shadows/gradBase.png');
  bottom:-20px;
  }
  
#bottomLeft {
  position:absolute;
  width:20px;
  height:20px;
  background-image:url('shadows/gradBaseL.png');
  bottom:-20px;
  left:-20px;
  }
  
#bottomRight {
  position:absolute;
  width:20px;
  height:20px;
  background-image:url('shadows/gradBaseR.png');
  bottom:-20px;
  right:-20px;
  z-index:-100;
  }
    
#left {
  position:absolute;
  top:0px;
  width:20px;
  height:100%;
  background-image:url('shadows/gradLeft.png');
  left:-20px;
  }

#right {
  position:absolute;
  width:20px;
  height:100%;
  background-image:url('shadows/gradRight.png');
  right:-20px;
  top:0px;
  z-index:-100;
  }
 
.clearAll {
clear:both;
}

/* sundry requirements */
/*imglink  to be used where an image is used as a link .. removes borders*/
.imgLink {
  border:none;
  }
   
