/*Main items------------------------------------------------------------------*/
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,textarea,p,td{margin:0;padding:0;}

body 
{
	font-family: tahoma,sans-serif, Helvetica, arial, Verdana, Geneva, sans-serif;
	font-size: 100%;
	color: #666; 
	background-color: #fff; 
	background: url('graphics/back.gif');
}

.container
{
	width: 960px; 
	border: 1px solid #abc; 
	margin: 0 auto; 
	margin-top: 10px;
	background-color: #fff;   
}

#header img 
{
	margin: 0px;
	margin-left: 5px;	
}

.header
{
	border-bottom: 1px solid #abc;
	background: url('graphics/top_back.gif');
	background-repeat: repeat-x;	
}

.footer 
{
	padding: 2px;
	border-top: 1px solid #abc;
}

#messagesbar 
{
	text-align: center;
	padding: 5px;
	margin: 0 auto;
}

#content, .content
{	
	margin-top: 10px;
	padding: 5px;
}

.terms li
{
	margin-left: 10px;
}

A 
{	
  	color:#09c;
	text-decoration:underline;
}

A:hover {
  	color:#6c3;
	text-decoration:underline;
}

/*Sub Menu items--------------------------------------------------------------*/

.submenuitem
{
	font-size: 0.7em;
	border: 1px solid #cde;
	padding: 2px;
	margin-bottom: 3px;
	background: #eee;
}

.submenuitem img, .submenuitem a
{
	vertical-align: middle;
	color: #333;
	text-decoration: none;
}

.submenuitem img
{
	margin-right: 3px;
}


.submenuitemhere
{
	font-size: 0.7em;
	border: 1px solid #cde;
	padding: 2px;
	margin-bottom: 3px;
	background: #ffc;
}

.submenuitemhere img, .submenuitemhere a
{
	vertical-align: middle;
	color: #000;
	font-weight: bold;
	text-decoration: none;	
}

.submenuitemhere img
{
	margin-right: 3px;
}

.submenuitem a:hover, .submenuitem a:hover
{
	text-decoration: underline;
}

.submenuitem a:hover
{
	text-decoration: underline;
}


/*table bits------------------------------------------------------------------*/

table
{
	width: 99%;
	font-size:1em;
	margin: 0 auto;
}

th
{
	background: #def;
	border-bottom: 1px solid #ccc;
}

.formholder
{
	margin: 0;
	padding: 0;
	margin-left: 50px;
	margin-right: 50px;	
	list-style-type:none;
	font-size:1em;
}

.formholder li
{
	text-align: left;
}

/*end table bits--------------------------------------------------------------*/


/*Form items------------------------------------------------------------------*/
input,select
{
	font-size: 0.7em;
	margin:0;
	padding:2px;
	border: solid 1px #999;
}

textarea 
{
	font-family: Helvetica, arial, Verdana, Geneva, sans-serif;
	font-size: 0.7em;	
	margin:0px;
	padding:2px;
	border: solid 1px #999;	
	width: 99%;
}

.newvisitlabel
{
	width: 20em;
	border: solid 1px #999;
}

.newvisitreview
{
	width: 25em;
	height: 10em;
		border: solid 1px #999;
}

.button 
{
	font-size: 0.7em;	
	border: 1px solid #6c3;
	color: #333;
	background-color: #dfa;
	width: auto;	
	padding: 2px;
	margin: 0;
}

.buttonneg
{
	font-size: 0.7em;	
	border: 1px solid #c66;
	color: #333;
	background-color: #fdd;
	width: auto;	
	padding: 2px;
	margin: 0;
}

.fileinput 
{
	font-size: 0.7em;
	border: solid 1px #999;	
}

HR 
{
	height: 1px;
	border:0;
	border-top: solid 1px #ddd;	
	background-color: #fff;
}

ul
{
list-style-type: square;
padding-left: 1.4em;
margin: 0;
}
/*End Form items--------------------------------------------------------------*/

/*Search options--------------------------------------------------------------*/


.content #contentmenu {
	float: left;
	width: 150px;
	
}

.content #contentdetail 
{ 
	margin-left: 170px;	
	text-align: left;
}


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix 
{
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}	

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



.borderedimage
{
	background-color: #fff;
	border: 1px solid #cde; 
	padding: 4px;
}		

.borderedimage:hover
{
	background-color: #ffc;
}

/*images-----------------------------------------------------------------------------*/


/*calendar---------------------------------------------------------------------------*/

.calendar 
{
	font-size: 0.8em;
	border: 1px solid #ccc;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

.calendar .calhead
{
	background-color: #def;
	color: #333;
	text-align: center;
	font-weight: bold;
	margin: 1px;
	padding: 1px;
}

.calday
{
	text-align: center;
	padding: 1px;
	margin: 1px;
	width: 1.3em;
	height: 1.3em;	
	cursor: pointer;
	background: #eee;
}

.calsel
{
	background-color: #cfa;
	text-align: center;
	padding: 1px;
	margin: 1px;
	width: 1.3em;
	height: 1.3em;	
	cursor: pointer;
	font-weight: bold;
}

/*calendar---------------------------------------------------------------------------*/






h1 
{
	font-size: 1.2em;	
	text-align: left;
	margin-top: 0;
	margin-bottom: 0.5em;
	color: #09c;
	text-transform:capitalize;
}

h2 
{
	font-size: 1em;	
	font-weight: bold;
	padding: 2px 0 2px 0;
	text-align: left;
	margin: 0;
	color: #6c3;
	text-transform:capitalize;
}


.answer 
{
	color: #6c3;
	text-decoration: underline;
}

strong {
	font-weight: bold;
	text-align: left;
	margin: 0;	
}

p 
{
	font-size: 0.7em;
	text-align: left;
	padding: 2px 0 2px 0;
	margin:0;
}


.pright 
{
	text-align: right;	
}

.pcentre
{
text-align: center;
}

.message_good
{
	border: 1px solid #6c3;
	background: url('graphics/icons/tick.png');
	background-position: left center;
	background-repeat: no-repeat;	
	background-color: #dfa;
	color: #000;
}

.message_bad
{
	border: 1px solid #f00;
	

	background: url('graphics/icons/exclamation.png');
	background-position: left center;
	background-repeat: no-repeat;	
	background-color: #faa;
	color: #000;	
}

.setup
{
	border: 1px solid #999;
	background-color: #fff;
}

.setup TH
{
	border:0;
	border-bottom: 1px solid #999;	
	background-color:  #def; 
}

.likevisit
{
	background: url('graphics/visbg.jpg'); 
	background-repeat: repeat-x; 
	margin: 0;
	margin-bottom: 5px; 
	padding: 5px; 
	border: 1px solid #ddd;
	overflow: visible;
	background-position:bottom;
}

small
{
	margin-top: 5px;
	font-size: 0.6em;
	color: #999;
}


#imageblock 
{
	list-style-type: none; 
	margin: 0;
	padding: 0;
}

#imageblock li 
{
	margin: 0;
	padding: 0;
	float: left; 
}

#imageblock img, a
{
	margin: 0;
	padding: 0;
	border: none;
}

#contactslink
{
	padding: 0; 
	margin: 0;
	height: 20px;
	position:relative;
	text-align: left;
}

#contactsdropdown
{
	cursor: pointer;
	background: #fff;
	position: absolute;
	top: 20px;
	left: -1px;
	border: 1px solid #000;
	overflow: auto;
	width: 20em;
	height: 150px;
	z-index: 999;
}

.pager
{
	border: 1px solid #ddd;
	background: #def;
	margin-bottom: 5px;
	height: 20px;
	padding: 2px;
}

.pagercell
{
	width: 20px;
	text-align: center;
	vertical-align: middle;
}

.pager table
{
	margin: 0;
}
	.box
	{
		margin-bottom: 15px;		
	}
	
	.boxHeader
	{
		border:1px solid #abc;
		background: url('graphics/head_back.jpg');
		background-repeat: repeat-x;
		padding: 2px;		
	}
	
	.boxContent
	{
		border:1px solid #abc;
		border-top: none;
		padding: 2px;
		background: url('graphics/visbg.jpg'); 
		background-repeat: repeat-x; 
		background-position:bottom;
		background-color: #fff;
		
	}
	
	.boxHeader h2
	{
		color: #678;
		font-size: 0.8em;
		font-weight: bold;
		padding: 0;
		margin: 0;
	}
	
.datestamp
{
	width: 40px;
	border: 1px solid #999;
	text-align: center;
}
					
.datestamp .month
{
	font-size: 0.6em;
	background: #900;
	color: #fff;
}
.datestamp .day
{
	font-size: 0.8em;
	border-top: 1px solid #999;
	font-weight: bold;
	color: #333;
}
.datestamp .year
{
	display: none;
	background: #eee;
	font-size: 0.5em;
}					


.tooltipanchor
{
	padding: 0; 
	margin: 0;
	position:relative;
	cursor: pointer;
}

.tooltippop
{
	background: #69c;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	border: 3px double #fff;
	position: absolute;
	top: 0px;
	left: 20px;
	width: 280px;
	z-index: 999;
}

.calendaranchor
{
	padding: 0; 
	margin: 0;
	position:relative;
	cursor: pointer;
}

.calendarholder
{
	background: #fff;
	position: absolute;
	top: 0px;
	left: 20px;
	width: 200px;
	z-index: 999;
}
	
	
	.menutab
	{
	float: left; 
	border: 1px solid #abc; 
	margin-left: 3px; 
	margin-right: 3px;
	padding: 3px;
	font-size: 0.7em;
	background: #eee;
	position: relative;
	bottom: -1px;
	}
	
	.menutabright
	{
	float: right; 
	border: 1px solid #abc; 
	margin-left: 3px; 
	margin-right: 3px;
	padding: 3px;
	font-size: 0.7em;
	background: #eee;
	position: relative;
	bottom: -1px;
	}


	.menutab_selected
	{
	float: left; 
	border: 1px solid #abc; 
	border-bottom: 1px solid #fff; 
	margin-left: 3px; 
	margin-right: 3px;
	padding: 3px;
	font-size: 0.7em;
	background: #fff;
	position: relative;
	bottom: -1px;
	font-weight: bold;
	}
	
	.menutabright_selected
	{
	float: right; 
	border: 1px solid #abc; 
	border-bottom: 1px solid #fff; 
	margin-left: 3px; 
	margin-right: 3px;
	padding: 3px;
	font-size: 0.7em;
	background: #fff;
	position: relative;
	bottom: -1px;
	font-weight: bold;	
	}
		
	.menutab A, .menutabright A, .menutabright_selected A, .menutab_selected A
	{
		vertical-align: middle;
		text-decoration: none;
		color: #333;	
	}
	
	.menutab A:hover, .menutabright A:hover
	{
		text-decoration: underline;
		color: #333;	
	}
	
	.avatarHolder
	{
		text-align: center;
		width: 100px;
	}

	.avatarHolder img
	{
		border: 1px solid #666;
	}
		
	.messageCell
	{
		vertical-align: top;
	}	

	.dateCell
	{
		white-space: nowrap;
		width: auto;
	}		
 	 
	.topics
	{
		border-collapse: collapse;		
		margin: 0 auto;
	}
	
	.topics td
	{
		padding: 4px;
		border-bottom: 1px solid #ccc;
	}
	
	.mb_form
	{
		margin: 0 auto;
	}
	
	.mb_error
	{
		font-weight: bold;
		color: #f00;
		font-size: 0.7em;
	}