/* Standard Colours
VLight Gray: #EDEDED
Light Gray : #C0C0C0
Dark Gray : #808080

Purple Colour : #0E057A
Expiry Colour : #FFB591

Gray Green : #A9BDA4
Dark Green : #006A6A;

Validation : #FF8040

Lime Light : #F9FDEE
Lime Medium : #D7F185
Lime Dark : #B4E620
*/

/* HTML TAGS */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button { margin: 0px;  padding: 0px; border: 0px;}	
body {	background: #EDEDED; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #808080; text-align: left; }
a { text-decoration: none;	color: #006A6A;}
a:hover { color: Blue; text-decoration: underline; } 

h1 { text-align: center; color: Black; font-size: 16pt; padding: 20px; }
h2 { text-align: center; color: Black; font-size: 12pt; padding: 10px; }
h3 { display: inline; color: Black; font-size: 16pt; }
h4 { display: inline; color: Black; font-size: 15pt; font-weight: normal; }
h5 { display: inline; color: Black; font-size: 11pt; }
h6 { color: #A9BDA4; font-size: 20pt; font-weight: normal; }

textarea { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #808080; }
table {  border-collapse: collapse; }  

/* PAGE LAYOUT */
#body {	padding: 0 512px 0 512px; }
#sizer {	margin: 0 auto 0 auto; 	width: 80%; max-width: 256px; /* 1280 - 1024 = 256  (256/80% + 1024 = 1344) */ }
#expander {
	background: White;
	margin: 0 -512px 0 -512px; /* these side margins should be the same or slightly less than body paddings */
	min-width: 1024px; /* This prevents Safari from losing the negative margins in narrow windows */
	position: relative;
}
/* Holly Hacks \*/ 
* html #sizer, 
* html #expander,
* html .hollyhack { height: 0; } 

#maintable { width: 100%; border: 1px solid #0E057A; margin-top: 1px; }
.leftcolumn {	width:119px; vertical-align: top; background-color: #A9BDA4; }
.centercolumn { vertical-align: top; border: 1px solid #0E057A; }
.rightcolumn {	width:189px;	vertical-align: top;  background-color: #A9BDA4; }

/* MASTER PAGE */
#quickkeycontainer {	height: 19px;	background-color: White;  padding: 3px 20px 0px 20px;  }  /* border-bottom: 1px solid #0E057A;	*/
#logocontainer {	height: 96px;	text-align: center; background-color: White;  }

#menucontainer {	position: relative;	height: 20px;	border-bottom: 1px solid #0E057A; background-color: White; padding: 0px 20px; z-index: 90;	}
#menucontainer ul {  list-style: none; } 
#menucontainer ul li {  float: left; }
#menucontainer .level1 {  display: block; text-align: center; height: 20px; } 
#menucontainer li:hover ul, #menucontainer li.menuover ul { display: block; }	
#menucontainer li:hover .level1, #menucontainer .menuselect
{  
	font-weight: bold;
	background-color: White; 
	border-top: 1px solid #808080;
	border-right: 1px solid #808080;
	border-left: 1px solid #C0C0C0;
}

#menucontainer .level2  { position: absolute; display: none; width: 120px; border-top: 1px solid #0E057A;	 border-bottom: 1px solid #0E057A; } 
#menucontainer .level2  a {  display: block; width: 108px; height: 12px; background-color: White; padding: 5px;  border-left: 1px solid #0E057A;  border-right: 1px solid #0E057A;  } 
#menucontainer .level2  a:hover { font-weight: bold; border-top: 1px solid #0E057A;	 border-bottom: 1px solid #0E057A;	} 

#leftindex, #loginpanel, .adpanelleft {
	float: left;
	width: 117px;
	border: 1px solid #0E057A;
	border-left: 0px;
	margin-bottom: 2px;
}
#mapcontainer, .adpanelright {
	position: relative;
	float: right;
	width: 187px;
	border: 1px solid #0E057A;
	border-right: 0px;
	margin-bottom: 2px;
	color: #006A6A;
	 overflow: hidden;
}
#loginpanel {
	height: 136px;
	border: 0px;
	color: White;
	font-size: 10pt;
	font-weight: bold;
}
#leftindex {
	min-height: 358px;
	color: #006A6A;
	background-color: #B4E620;
}
/* Create listing button. */
.createbtnpos { float: right; position: relative; bottom: 4px; }

#maptop {	height: 40px;	border-bottom: 1px solid #0E057A; background-color: #B4E620; }
#maptop div{ width: 100px; margin: auto; position: relative; top: 8px; }
.mapmain { height: 220px; width: 187px; border-bottom: 1px solid #0E057A;  background-color: White; position: relative; overflow: hidden; }
.mapbtn { height: 17px;	border-bottom: 1px solid #0E057A; background-color: #B4E620; padding: 2px 0px 0px 15px; cursor: pointer; }
.mapbtn:hover,  .mapbtnselect { color: White;	background-color: Black; font-weight: bold;}
.namemapbtn { float: left; }
.zonemapbtn { color: White; font-weight: bold; font-size: 9pt; padding-right: 5px; float: right; }
.mapcrosshair { position: relative; top: -110px; left: -94px; z-index: 2; }
.mapimage { position: relative; top: -440px; left: 0px; z-index: 1; width: 187px; height: 220px; }
.mzonelabel { position: absolute; top: 170px; left: 160px; font-size: 28pt; color: #006A6A; }
#leftindex .buttontype1 {	margin: 10px auto 10px auto; }
#loginpanel .buttontype2 {	margin: 0px auto 10px auto; }
#indexpanel1 { margin: 10px 0px 10px 0px;}
#indexpanel1 .buttontype1{ text-align: left; padding-left: 5px; margin-top: 0px; margin-bottom: 0px; }
#indexpanel1 .buttontype1 span{	position: relative; top: -3px; }
#indexpanel1 span{ padding-left: 10px; }
.submenucontainer { padding: 5px 0px 15px 0px; }

#category1container a, .submenucontainer a { text-decoration: none; width: 103px; position: relative; left: 0px; display: block;	padding: 0px 5px 0px 12px; margin: 0px; }
#category1container a:hover, #category1container .menuselect, .submenucontainer a:hover, .submenucontainer .menuselect
{
	background-color: White; 
	border-top: 1px solid #808080;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid White;
	border-bottom: 1px solid #C0C0C0;
	padding: 0px 5px 0px 11px;
	left: 0px;
}

.contentcontainer { min-height: 640px;  }
.headerleftstyle{ font-size: 8pt; color: Black; float: left;	padding-top: 8px; font-style: italic; }
.headerleftstyle a { color: Black; text-decoration: none; }
.headerrightstyle {	float: right; color: #006A6A; font-size: 10pt; } 
#searchcontainer { padding: 0px 20px 10px 20px;	border-bottom: 1px solid #C0C0C0; }
#contentheader {	padding: 5px 20px 5px 20px;	height: 25px; }
#bottomcontent { display: none; margin : auto; width: 670px; padding: 20px 0px; }
#footer {	height: 19px;	border: 1px solid #0E057A;	background-color: #B4E620;	text-align: center; 	vertical-align:middle; }
#restrictedcontent { display: none; position: relative; top: 0px; left: 0px; z-index: 75; }

/* SEARCH */
.searchselectbtns {	color: #808080; font-weight: bold; margin: 0px; float: left; display: inline;  }
.searchselectbtns input{ margin-left: 10px; margin-right: 10px; }
.searchselectbtnsadv {	display: block; width: 100%; margin-bottom: 10px; float: none; }
.autocomp { font-size: 10pt; color : #006A6A; border: 1px solid Black; background-color: White; list-style-type: none; text-align: left;  padding: 10px 0px; z-index: 90; }
.autocompline{  padding-left: 10px; }
.autocompselect { padding-left: 10px; background-color: #D7F185; }

/* INFO BOXES */
.topinfocontent { padding: 10px 20px 10px 20px; }
.infoboxcell { vertical-align: top; width: 60px; height: 65px; text-align: center; font-size: 8pt; }
.infobox { position: relative; height: 48px; border: 1px solid #B4E620; margin-left: 8px; margin-bottom: 2px; padding: 1px; z-index: 50; }
.infobox:hover, .infobox a, .activebox {  border-width: 2px; margin-left: 6px; margin-bottom: 0px;  }
.widget { float: right; border: 1px solid #808080; width: 300px; height: 300px; }
#feedboxcontainer { display:none; position: relative; top: -35px; left: 0px; border: 1px solid #B4E620; width: 100%; height: 450px; background-color: White; } 

/* Information pages */
.info { vertical-align: top; padding-right: 30px; text-align: justify; line-height: 200%; }
.info a { font-weight: bold; }

/******************
CLASSES  
******************/
/* helps IE get the child percentages right. */
.wrapper { width: 100%; } 
.clearfloat { clear: both; }
.hidden {	display: none; }
.faint { -moz-opacity:0.5; filter:alpha(opacity=50); }
.point{ cursor: pointer;  }
.linkblock { cursor: default; }  /* stops the hand pointer from showing */
.underline a { text-decoration: underline; } /* link underline */
.nounderline a:hover { text-decoration: none; }  /* no underline */

.submenutabs {	height: 20px;	border-top: 2px solid; border-top-color: #B4E620;	background-color: #D7F185;	}
.submenutabs ul {	position: relative;	top: 3px;	text-align: center;	margin: 0;	padding: 0;	list-style-type: none; }
.submenutabs ul li {	display: inline; }
.submenutabs ul li a {	padding: 2px 10px 2px 10px; 	text-decoration: none;}
.submenutabs ul li a:hover, .submenutabsactive { background-color: #FFFFFE; border-top: 1px solid #006A6A; border-bottom: 1px solid White; border-right: 1px solid #006A6A; }
.buttonborder { border: 1px solid #C0C0C0; width: 102px; }
.imagebox { float: left; width: 100px; height: 100px; border: 1px solid Black; margin: auto; background-color: White; text-align: center; }

/* Text Formats */
.themecolor{ color: #808080; } 
.t0{ font-size: 15pt; color: Black; }
.t1{ font-size: 10pt; color: Black; }
.t2{ font-size: 10pt; color: #808080; font-weight: normal; }
.t3{ font-size: 10pt; color: #FF8040; font-weight: normal; }
.t4{ font-size: 18pt; color: #808080; }
.t5{ font-size: 14pt; color: #808080; font-style: italic; }
.t8 { font-size: 16pt; color: #A9BDA4;  }
.e1{ font-size: 10pt; color: Red; }
.e2{ font-size: 8pt; color: Black; }
.v1{ font-size: 8pt; color: #FF8040; }
.limetext{ color: #B4E620; border-color: #B4E620; } 
.bluetext{ color: #0293BD; border-color: #0293BD; } 
.browntext{ color: #808040; border-color: #808040; } 

/* Forms */
.dataform, .dataform2 { font-size: 10pt; color: Black; padding: 5px 55px 5px 55px; }
.dataform { font-weight: bold; background-color: #F9FDEE; }
.dataform2 { font-weight: normal; background-color: White; border-top: 2px solid black; padding-top: 10px;}
.dataform2 td{ padding: 5px 0px; }
.dataform3 { width: 100%; } .dataform3 td{ padding: 5px; }

/* Text boxes */
.largetextbox{ width: 320px; }
.mediumtextbox{ width: 200px; }
.smalltextbox{ width: 80px; }

/* Tables */
.tableoutline {  }
.tableoutline td { border: 1px; }
.datatable { width: 550px; margin: auto; }
.datatable td{ vertical-align: top; padding: 10px 0px;  }
.datatable input, .datatable select { margin-right: 5px; }
.datatable1 td{ padding: 5px 5px; }
.datatable1 input, .datatable1 select { margin-right: 0px; }
.datatable1 input { padding: 2px 5px;  }
.datatableinner td{ padding: 0px 0px; }

.tbl1 {width: 100%; } 
.tbl1 td{ padding: 15px 0px; border-top: 1px solid #B4E620; }
.tbl1 ul{ list-style-position: inside; }

/* Buttons */
.pushbutton {	display: block; color: #006A6A; font-size: 8pt;	text-align: center; 	padding-top: 2px;	background: #EDEDED; 
	border-top: 1px solid white; border-bottom: 1px solid #0E057A; 
	border-right: 1px solid white; border-left: 1px solid #0E057A;  
	width: 100px; height: 16px; cursor: pointer;
}
.pushbutton:hover, .pushbuttonselect { background: #C0C0C0; 
	border-top: 1px solid #0E057A; border-bottom: 1px solid white; 
	border-right: 1px solid #0E057A;  border-left: 1px solid white;  
}
.stepbtn { vertical-align: middle; border: 0px solid #B4E620; }
.stepbtnactive { border-width : 1px; } 

/* Lime & white buttons */
.buttontype1 { background: #B4E620; display: block; position: relative; color: #006A6A; font-size: 8pt;	text-align: center; 	padding-top: 2px;	
	border-top: 1px solid white; border-bottom: 1px solid #0E057A; 
	border-right: 1px solid white; border-left: 1px solid #0E057A;  
	width: 100px; height: 17px; cursor: pointer;
}
.buttontype1:hover,  .buttontype1select { background: white; height: 15px;
	border-top: 2px solid #808080; border-bottom: 2px solid #C0C0C0; 
	border-right: 2px solid #808080; border-left: 2px solid #C0C0C0; 
}

.limetheme {	background: #D7F185; }
.limetheme:hover { background: #B4E620; }

/* Gray Green buttons */
.buttontype2 {	 display: block; position: relative; color: White;	font-weight: bold;	background: #A9BDA4; font-size: 9pt; text-align: center; 	padding-top: 2px;	
	width: 100px; height: 18px;	cursor: pointer; 	border-top: 1px solid white; 
	border-right: 1px solid white; 
	border-bottom: 1px solid #0E057A; 
	border-left: 1px solid #0E057A; 
}
.buttontype2:hover,  .buttontype2select {
	border-top: 1px solid #0E057A; border-bottom: 1px solid white; 
	border-right: 1px solid #0E057A; border-left: 1px solid white; 
}

/* Listings settings */
.listings table {  width: 100%; } 
.listingdetail { width: 670px; padding: 20px 0px; margin: auto; overflow: hidden; }
.localimage { width: 45px; text-align: center; }
.listingpaidsection {  background-color: White;  border-top: solid 2px; }
.listingpaiditem {   padding: 10px 20px 10px 20px; border-bottom: solid 2px; }
.listingtitlepaid { width: 210px; vertical-align:top; }
.listingcategories { width: 210px; vertical-align: bottom; font-size: 9pt; }
.listingtextpaid { font-weight: bold; 	vertical-align: top; }
.listingimageslinks { padding-top:30px; }
.listingimageslinks a { padding-right: 15px; vertical-align: bottom; }
.listingunpaidsection {  padding: 0px 20px 0px 20px; }
.unpaidlistingtable td { border-bottom: solid 1px #808080; height: 40px; }
.listingtitleunpaid { width: 210px; }

/* Listing summary results */
#resultstop, .pagenavselect, .pagenavinfo { background-color: #F9FDEE;  }

/* Search results. */
#resultspanel span { padding: 0px 10px; }
#resultstop { font-size: 10pt; color: #006A6A; padding: 5px 20px 5px 20px; }
.pagenavinfo { 	color: #006A6A; padding: 10px 20px 5px 20px;  }
#pagenavresult { font-size: 16pt;  padding-bottom: 20px;  }
#pagenavleftinfo { float: left; font-size: 11pt; }
#pagenavrightinfo { float: right; font-size: 10pt; }
.category2display { color: #006A6A; font-size: 10pt; padding: 5px 20px 5px 20px; }
.category2display table { width: 100%; margin-top: 20px; margin-bottom: 20px; }
.category2display td { text-align: left; width: 30%; }
.searchlistinglink{ font-size: 12pt; color: #808080; font-style: italic; }

/* PageNav */
.pagenavselect {  padding: 10px 20px 10px 20px; font-size: 10pt;  font-weight: bold;  color: #006A6A; }
.pagenavselect table{ 	width: 100%; }
.prevbtn { text-align:left; width: 17%; }
.nextbtn { text-align:right; width: 17%; }
.pagebtn { text-align: center; }
.pagebtn td { width: 6%; }

/* Modal Popups & Overlays */
#modalmap { display: none;  position: absolute; top: 140px; left: 120px; width: 720px; height: 670px; z-index: 110; }
.mapoverlay { display: block; position: absolute; width: 188px; height: 362px; background-color: Gray; z-index: 100; filter: alpha(opacity=70); -moz-opacity: 0.7; }
.themepopup { display: none; position: absolute; border: 2px solid #006A6A; background-color: #F9FDEE;  z-index: 50;}
#speak, .speak { display: none; position: absolute; z-index: 210; width: 330px; padding: 10px; text-align: center; font-size: 10pt; color: Black;  }
.themebackground { background-color: #F9FDEE; }
.overlay { background-color:Gray; filter: alpha(opacity=50); -moz-opacity: 0.5; display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; }
.warn { color: Red; font-size: 12pt; font-weight: bold; }
.wait { filter: alpha(opacity=70); -moz-opacity: 0.7; display: none; position: absolute; top: 0px; left: 0px; z-index: 100; width: 500px; height: 250px; }
.wait div{ position: relative; top: 0px; left: 0px; color: Black; font-size: 12pt; }
.waitsmall { position: relative; top: 0px; margin: auto;  width: 200px; height: 75px; }
.waitsmall  div{ position: relative; top: 20px; left: 50px; color: Black; font-size: 10pt; }

/* Information pages */
#infocontentbox {  background-color: White; border: 1px solid #C0C0C0; width: 668px;  overflow-x: hidden;}
.mark { color: #006A6A; font-size: 10pt; font-weight: bold;  padding: 10px 30px 0px 0px; height: 40px; }
.titlebox { background-color: Black; color: White; font-size: 14pt; padding: 10px 30px; height: 30px; }
.textcontent { margin: 0px 30px 10px 30px; overflow-x: hidden; }
.textcontent p{ margin: 20px 0px; }

/* Links :  class/id with link different to the norm. */
.themecolor a{ color: #808080; } 
.limetext a{ color: #B4E620; } .bluetext a{ color: #0293BD; } .browntext a{ color: #808040; }
.homebullets a { font-size: 14pt; color: #C0C0C0 }  
.homebullets a span { color: #808080;}
.listingtitlepaid a{ font-size: 10pt; font-weight: bold; text-decoration: underline; color: Black; }
.listingtitleunpaid a {  font-size: 10pt; font-weight: bold; text-decoration: underline;  color: #808080; }
.category2display a { font-weight: bold; }
/* hover rules */
.themecolor a:hover, .limetext a:hover, .bluetext a:hover, .browntext a:hover, .pagebtn a:hover, .homebullets a:hover, .homebullets a span:hover, 
.listingtitlepaid a:hover, .listingtitleunpaid a:hover  { color: Blue; text-decoration: underline; } 
#menucontainer a:hover, #leftindex a:hover { color: #006A6A; text-decoration: none; }
.headerleftstyle a:hover { color: #FFB591; }  /* Breadcrumb */
.buttonlink:hover { text-decoration: none; }  /* buttons */
/* visited rules */
.linklists a:visited { color: Maroon; }

/* Odd balls */
.errorcontainer { display: none; position: absolute; top: 0px; left: 0px; z-index: 100; }
.radiolistbuf label{ padding-left: 15px; }
.linkbox { width: 89px; height: 50px; text-align: center; border: 1px solid #B4E620; padding: 2px; }
#homelistingcontentpanel ul, #homelistingcontentpanel ol { margin: 20px 0px; list-style-position: inside; }
#homelistingcontentpanel li { padding: 5px 0px; }
#homelistingcontentpanel a { text-decoration: underline; }

.bluepromobox { background-color : #F4FAFF; color: #0080FF; font-size: 10pt; font-style: italic; font-weight: bold; padding: 7px 10px; }
.bluepromobox img { vertical-align: middle; }