/* test/version developed dec22 for responsive design
  ----------------*/
/* text structure */
/*----------------*/
body {
	font-family: 'Verdana', 'Trebuchet MS', 'sans-serif';
	font-size: 15px;
	line-height: 20px;
	color: #4c4c4c;
}
h1 h2 h3 .h3 {
	font-family: 'Georgia','Franklin Gothic Medium';
	font-size: 16px;
	color: blue;
}
h1 {
	font-size: 26px;
	line-height: 30px;
}
h2 {
	font-size: 20px;
	line-height: 25px;
}
.h3 {
	font-weight: bold;
}

/* small text paragraphs */
p.s {
	font-size: 11px;
}
.small, .small a, .small a:visited{
	font-size: 11px;
	color: Gray;
}
.small a:hover{
	color: #a000a0;
}
/* images */
.r {
	float: right;
	margin-left: 8px;
}
.l {
	float: left;
	margin-right: 8px;
}
.pagedate {
	float: right;
	color: #f73;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
}

 /*--------------------*/
/* Basic page layout  */
/*   (PC monitor)	   */
 /*--------------------*/
#pagecontainer{
	position:absolute;
	width:100%;
	margin:0px;
}
/* alternative to pagecontainer during printing (& no header generated)  */
#printable {
	width: 180mm;
	margin: 0px auto 1em auto;
}
#headerframe {
	position:fixed;
	z-index:2;
	top:0px;
	left:0px;
	width:100%;
	height:96px;
	margin:0px;
	background-color: #87cefa;
}
#heading {
	position:absolute;
	top:10px;
	left:6px;
	color:blue;
}
#menuicon { /*phone toggle*/
	display:none;
	position:absolute;
	z-index:6;
	top:20px;
	left:15px;
}
#menus { /* menu container */
	position:absolute;
	z-index:6;
	top:3px;
	left:90px;
}
#menus UL { /* menu button strip  */
	padding: 0;
	margin:  0;
}
#menus UL.strip1 LI { /* top menu button */
	background-color: #ff7;
}
#menus UL.strip2 LI { /* sub menu button */
	background-color: #fcb;
	display:inline-block;
}
#menus UL LI { /* menu button */
	position:relative;
	float: left;
	height: 34px;
	margin: 2px 1px;
	padding: 1px;
	background-color: #ccc;
	border-left: #eee 2px solid;
	border-top: #eee 1px solid;
	border-right: #aaa 2px solid;
	border-bottom: #aaa 1px solid;
	text-align: center;
	list-style-type: none;
}
#menus UL A {   
	font-family:arial;
	font-size:10pt;
	color: #002;
	text-decoration: none;
	line-height: 15px;
}
#menus div UL A:hover { /*  */
	color: #f02;
}
#flags {
	position:absolute;
	top: 2px;
	right: 10px;
	padding:0;	
	text-align:right;	
	font-size:10 px;
	z-index:4;
}
#printbutton { position:absolute;
	top:0px;
	right:10px;
	margin:0;
	padding:0;
	z-index:4;
}
#bluebar {
	position:absolute;
	left:0px;
	top:90px;
	width:100%;
	height:15px;
	background-color:blue;
	color:white; 
	text-align:right;
	font-size:10px;
	letter-spacing:4px;
	font-family:arial;
	z-index:2;
	padding:0px 4px 4px;
}
#contentframe{
	position:relative;
	top:100px;
	width:96%;
	max-width:1200px;
	margin: 0px Auto 0px Auto;;
}
.pagetopmargin { /*This is the height of contents 'hidden behind' the #headerframe */
	height:110px;
	margin:0px;
	width:100%;
	top:100px;
}
/*---------------------------*/
/* links within tab and menu */
/*---------------------------*/
a.tabs {
	color: black;
	font-weight: bold;
}
a.tabs:hover {
	color: red;
	font-weight: bold;
}
a.tabs:visited {
	color: black;
	font-weight: normal;
}
a.menu {
	color: white;
	font-weight: bold;
}
a.menu:hover {
	color: gold;
	font-weight: bold;
}
a.menu:active {
	color: yellow;
	font-weight: bold;
}
a.menu:visited {
	color: white;
	font-weight: normal;
}

/*------------------*/
/* Layouts (div id) */
/*------------------*/

.narrow {
	width: 680px;
	margin-left:4px;
	float:left;
}
#tracer {
	margin-left: 690px;
	float: right;
}
.wide {
	width: 96%;
}
.blog {
	max-width: 680px;
	margin: 1em auto 0px auto;
	color: #4c4c4c;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	letter-spacing: 0px;
	line-height: 20px;
	font-style: normal;
	font-weight: 400;
	padding-bottom: 16px;
}
.lcol {
	position:relative;
	float:left;
	clear:left;
	width:48%;
}
.rcol {
	position:relative;
	float:right;
	clear:right;
	width:48%;
}

/*-------------*/
/* DIV classes */
/*-------------*/
/* calendar june 2017 */
div.cal {
	float:left;
}
/* labelled feature on mapjaco */
div.label {
	position: absolute;
	z-index: 9;
	color: #c00000;
	font-style: italic;
}
/* place name on mapjaco */
div.lieu {
	position: absolute;
	z-index: 7;
	color: #ff8000;
}
/* selection box on mapjaco */
#featureselect {
	position: absolute;
	left: 400px;
	top: 440px;
	font-size: 11px;
}
/* pointer on mapjaco */
#pointer {
	position: absolute;
	z-index: 10;
	color: #c00000;
	font-style: italic;
	line-height: 15px;
	visibility:hidden;
	background-color:yellow;
}

/* area name on sejour/village */
div.aire {
	position: absolute;
	z-index: 7;
	color: #a00;
	font-size:9pt;
	font-weight: bold;
	line-height: 15px;
	background-color: #fff;
}

/* area name on sejour */
div.lab {
	position: absolute;
	z-index: 8;
	color: #00b;
	font-size:9pt;
	font-weight: bold;
	line-height: 15px;
	background-color: #fff;
}
/* zone name on PMB */
div.zon {
	position: absolute;
	z-index: 7;
	color: #666;
	font-size:11pt;
	font-weight: bold;
	line-height: 15px;
	background-color: #fff;
	padding:0px 4px;
	border-radius: 5px;
}
/* pop-up comments on accs.asp */
#comt {
	position:absolute;
	top: 90px;
	left: 200px;
	width: 40mm;
	border: solid 2px grey;
	padding: 3px;
	font-size:10pt;
	background-color: #ffffbb;
	visibility: hidden;
	z-index: 7;
}
/* ad on home.htm */
#ad {
	position:absolute;
	top: 240px;
	left: 540px;
	width: 47mm;
	border: solid 2px grey;
	padding: 3px;
	font-size:10pt;
	text-align:center;
	background-color: yellow;
	z-index: 8;
}
/*--------------*/
/* Special text */
/*--------------*/
.boldred {
	font-weight: bold;
	color: red;
}
dt {
	font-weight: bold;
	font-size: 14px;
}
dd {
	font-size: 14px;
}

/* SPECIAL ELEMENTS FOR BLOG */

/* date of posting   */
.date {
	margin-top:0px;
	font-size:12px;
}
.date:before {
	content:"Posted on: ";	
}
.blindex {
	width:30%;
	float:left;
	background-size:100%;
	background-position:0% 50%;
	margin-right:4%;
}
/*-------*/
/* links */
/*-------*/

/* within all normal textual contents */
a {
	font-weight: bold;
	color: blue;
	text-decoration: underline;
} 
a:hover {
	font-weight: bold;
	color: #a000a0;
	text-decoration: none;
}
a:active {
	font-weight: bold;
	color: #f000f0;
	text-decoration: none;
}
a:visited {
	font-weight: bold;
	color: #2266dd;
	text-decoration: underline;
}

div#lnk a {
	font-weight: normal;
	font-size: 11px;
	color: black;
	text-decoration: none;
} 
div#lnk a:hover {
	color: blue;
}  

/* within bycar top margin */
a.top {
	color: black;
	font-size: 10px;
	text-decoration: none;
}
a.top:hover {
	text-decoration: underline;
}


/*--------*/
/* tables */
/*--------*/
tr {
	border: none;
}
td {
	font-size: 14px;
	border-width:0px;
	color: navy;
}
/* menu buttons */
td.menu {
	width: 128px;
	height: 32px;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	border: none;
	background: url(/img/bbutton.gif);
}
td.menur {
	width: 128px;
      height: 32px;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	border: none;
	background: url(/img/rbbutton.gif);
}
td.menuin {
	width: 128px;
      height: 32px;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	border: none;
	background: url(/img/inbutton.gif);
}
td.menuinr {
	width: 128px;
      height: 32px;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	border: none;
	background: url(/img/rinbutton.gif);
}
td.submenu {
	width: 128px;
      height: 32px;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	border: none;
	background: url(/img/mbutton.gif);
}
/* tabstrip tabs */
td.tabs46on {
	width: 102px;
      height: 46px;
	text-align: center;
	font-size: 14px;
	border: none;
	background: url(/img/tabson46.gif);
}
td.tabs46off {
	width: 102px;
      height: 46px;
	text-align: center;
	font-size: 14px;
	border: none;
	background: url(/img/tabsoff46.gif);
}
td.tabs80on {
	width: 102px;
	height: 80px;
	text-align: center;
	font-size: 14px;
	border: none;
	background: url(/img/tabson80.gif);
}
td.tabs80off {
	width: 102px;
	height: 80px;
	text-align: center;
	font-size: 14px;
	border: none;
	background: url(/img/tabsoff80.gif);
}
/* revised Bycar site, table of properties */
td.p1 {
	padding-left: 10px;
	font-size: 13px;
	height: 52px;
	width: 76%;
	background-color: #c3e6f6;
	border-left: 1px solid navy; 
	border-top: 1px solid navy; 
	border-bottom: 1px solid navy; 
}
td.p2 {
	padding-left: 20px;
	font-size: 13px;
	height: 52px;
	width: 12%;
	background-color: #c3e6f6;
	border-top: 1px solid navy; 
	border-bottom: 1px solid navy; 
}
td.p3 {
	margin-left: 18px;
	font-size: 28px;
	height: 52px;
	width: 12%;
	background-color: #c3e6f6;
	border-right: 1px solid navy; 
	border-top: 1px solid navy; 
	border-bottom: 1px solid navy; 

}
td.p1 A {
	text-decoration: underline;
}
td.box {
	border: 1px solid navy; 
}
td.lft {
	border-left: 1px solid navy; 
}
td.rgt {
	border-right: 1px solid navy; 
}

/* form cell background same as menu frame */
.pb {
	background: #87d0fa;
	width: 80px;
}

/* use on prices.asp page */
/* feedback field */
.pf {
	background: #aaaaaa;
	color: #111111;
	width: 80px;
}
/* available price cells */
.a {
	background: #96ffc8;
	font-size: 14px;
	text-align: center;
	cursor:	hand;
}
/* booked price cells */
.b {
	background: #d04040;
	font-size: 14px;
	text-align: center;
	color: #cccccc;
}
/* example::enquiry price cells */
.e {
	background: #96ff64;
	font-size: 14px;
	text-align: center;
}
/* withheld (or expired) price cells */
.w {
	background: #eeeeee;
	font-size: 14px;
	text-align: center;
	color: #bbbbbb;
}
/* provisionally booked price cells */
.p {
	background: #ffbb55;
	font-size: 14px;
	text-align: center;
}

/* Price table headings */
.h {
	background: #aaccbb;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
/* Price table date-headings was 87CEFA */
.g {
	background: #aaccbb;
	font-size: 14px;
	text-align: right;
	cursor: hand;
}
.d {
	background: #aaccbb;
	font-size: 14px;
	text-align: right;
	border-left: 1px solid navy;
}/* Slate Table headings */
.j {
	background: #aaccbb;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
/* Slate table sub-headings */
.k {
	background: #aaccbb;
	font-size: 14px;
	text-align: right;
}
/* column gap */
.i {
	width: 5px;
}

.zba { background:url(../img/stylezba.gif); font-size: 14px; text-align: center;}
.zab { background:url(../img/stylezab.gif); font-size: 14px; text-align: center;}



table.av { margin:2px;border:1px solid black;line-height:15px; }
table.av td { height:17px;width:17px;padding:1px 1px 1px 1px;font-size:8pt;text-align:center;color:#000000;background-size:cover; }
table.av td.aa { background-color:#99cc99; cursor: hand;}
table.av td.aal { background-color:#c2e0c2; cursor: hand;}
table.av td.au { background:url(/img/styleau.gif) no-repeat center;color:#ffffff; }
table.av td.aul { background:url(/img/styleaul.gif) no-repeat center;color:#ffffff; }
table.av td.ab { background:url(/img/styleab.gif) no-repeat center;text-decoration : line-through; }
table.av td.abl { background:url(/img/styleabl.gif) no-repeat center;text-decoration : line-through;  }
table.av td.ap { background:url(/img/styleap.gif) no-repeat center; }
table.av td.apl { background:url(/img/styleapl.gif) no-repeat center; }
table.av td.ua { background:url(/img/styleua.gif) no-repeat center; cursor: hand;}
table.av td.ual { background:url(/img/styleual.gif) no-repeat center; cursor: hand;}
table.av td.uu { background-color:#cccccc;color:#ffffff; }
table.av td.uul { background-color:#dddddd;color:#ffffff; }
table.av td.ub { background:url(/img/styleub.gif) no-repeat center;text-decoration : line-through; }
table.av td.ubl { background:url(/img/styleubl.gif) no-repeat center;text-decoration : line-through;  }
table.av td.up { background:url(/img/styleup.gif) no-repeat center; }
table.av td.upl { background:url(/img/styleupl.gif) no-repeat center; }
table.av td.ba { background:url(/img/styleba.gif) no-repeat center; cursor: hand;}
table.av td.bal { background:url(/img/stylebal.gif) no-repeat center; cursor: hand;}
table.av td.bu { background:url(/img/stylebu.gif) no-repeat center;color:#ffffff; }
table.av td.bul { background:url(/img/stylebul.gif) no-repeat center;color:#ffffff; }
table.av td.bb { background-color:#cc0000;text-decoration : line-through; }
table.av td.bbl { background-color:#e06666;text-decoration : line-through;  }
table.av td.bp { background:url(/img/stylebp.gif) no-repeat center; }
table.av td.bpl { background:url(/img/stylebpl.gif) no-repeat center; }
table.av td.pa { background:url(/img/stylepa.gif) no-repeat center; cursor: hand;}
table.av td.pal { background:url(/img/stylepal.gif) no-repeat center; cursor: hand;}
table.av td.pu { background:url(/img/stylepu.gif) no-repeat center;color:#ffffff; }
table.av td.pul { background:url(/img/stylepul.gif) no-repeat center;color:#ffffff; }
table.av td.pb { background:url(/img/stylepb.gif) no-repeat center;text-decoration : line-through; }
table.av td.pbl { background:url(/img/stylepbl.gif) no-repeat center;text-decoration : line-through;  }
table.av td.pp { background-color:#ffb850; }
table.av td.ppl { background-color:#ffd077; }

table.av td.aaaa { background:url(/img/styleaaaa.gif) no-repeat center; }
table.av td.aaab { background:url(/img/styleaaab.gif) no-repeat center; }
table.av td.aaba { background:url(/img/styleaaba.gif) no-repeat center; }
table.av td.aabb { background:url(/img/styleaabb.gif) no-repeat center; }
table.av td.abaa { background:url(/img/styleabaa.gif) no-repeat center; }
table.av td.abab { background:url(/img/styleabab.gif) no-repeat center; }
table.av td.abba { background:url(/img/styleabba.gif) no-repeat center; }
table.av td.abbb { background:url(/img/styleabbb.gif) no-repeat center; }
table.av td.baaa { background:url(/img/stylebaaa.gif) no-repeat center; }
table.av td.baab { background:url(/img/stylebaab.gif) no-repeat center; }
table.av td.baba { background:url(/img/stylebaba.gif) no-repeat center; }
table.av td.babb { background:url(/img/stylebabb.gif) no-repeat center; }
table.av td.bbaa { background:url(/img/stylebbaa.gif) no-repeat center; }
table.av td.bbab { background:url(/img/stylebbab.gif) no-repeat center; }
table.av td.bbba { background:url(/img/stylebbba.gif) no-repeat center; }
table.av td.bbbb { background:url(/img/stylebbbb.gif) no-repeat center; }