body{
	margin:0;
	background-color:snow;
}

H2 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 18pt; 
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	background-color:#ffffff;
}

/* Logo styles */
div.Logo {
	text-align:center;
}
div.LogoLeft {
	text-align:left;
}
div.LogoRight {
	text-align:right;
}


/* Page Title */
table.PageTitle {
	width: 100%;
	height:130px;
	padding:0ex;
	border:0px;
	background-color:ghostwhite;
}

td.PageTitleLeft {
	width: 20%;
	text-align: left;
	padding:0ex;
}

td.PageTitleCenter {
	width: 60%;
	text-align: center;
	padding:0ex;
}

td.PageTitleRight {
	width: 20%;
	text-align: right;
	padding:0ex;
}

/* Actual title for the page */
div.ptitle {
	text-align:center;
	font-weight:bold; 
	font-size:20pt; 
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#000000;
	background-color:ghostwhite;
}


/* Main table for the body of the page */
table.OuterTable { 
	width: 100%;
	vertical-align:top;
	background:none snow;
	border-collapse: collapse;
	border:solid 1px black;
	height:500px;
}

/* Left hand menu */
td.TableLeft {
	width:150px;
	vertical-align:top;
	background:none ghostwhite;
	border-left:solid 1px black;
	border-right:solid 1px black;
	border-top:solid 0px ghostwhite;
}

td.TableMiddle {
	width:100%;
	text-align:center;
	vertical-align:top;
	background:none snow; /* css recommended */
	color:black;
}

/* right hand advertising slot */
td.TableRight {
	width: 0px;
	vertical-align:top;
	text-align: right;
	background:none snow;
	color:black;
}

/* Page Footer */
table.PageFooter {
	background-color:ghostwhite;
	width: 100%;
	vertical-align:top;
	padding: 0ex;
	border-collapse: collapse;

}
td.PageFooterLeft {
	height:10px;
	background-color:snow;
	width: 150px;
	vertical-align:top;
	padding: 0ex;

}
td.PageFooterMiddle {
	height:10px;
	vertical-align:top;
	padding: 0ex;
	background-color:snow;
}
td.PageFooterRight {
	height:10px;
	width: 50px;
	vertical-align:top;
	text-align: right;
	padding: 0ex;
	background-color:snow;
}

/* --------------------------------------- */
/* Menu */
/* --------------------------------------- */
div.Menu {
	width:150px;
}

table.Menu {
	border-collapse: collapse;
	width:100%;
}
td.Menu {
	text-align: left;
}

a.MenuOption:link {
	background-color: ghostwhite;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size: 12pt;
	color:black;
	text-align: left;
	margin-top: 10px;
	text-decoration:none;
}

a.MenuOption:visited {
	background-color: ghostwhite;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size: 12pt; 
	color:black;
	text-align: left;
	text-decoration:none;
}


a.MenuOption:hover{
	/* Hoverover anchor change apperance of text */
	background-color: Blue;
	color: Yellow;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size: 12pt;
	text-align: left;
}

td.MenuOption {
	padding-top:5px;
	text-align: left;
	vertical-align:center;
}

a.MenuSelected:link {
	/* currently selected sub menu */
	background-color: ghostwhite;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size: 14pt;
	text-align: left;
	color:red;
	text-decoration:none;
}

a.MenuSelected:visited {
	/* currently selected sub menu */
	background-color: ghostwhite;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size: 14pt;
	text-align: left;
	color:red;
	text-decoration:none;
}

a.MenuSelected:hover{
	/* currently selected sub menu */
	/* Hoverover anchor change apperance of text */
	background-color: Blue;
	color: Yellow;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size: 14pt;
	text-align: left;
}

/* Sub menu options */
a.MainMenuSubMenuOption:link {
	background-color: ghostwhite;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	color:black;
	text-align: left;
	text-decoration:none;
}

a.MainMenuSubMenuOption:visited {
	background-color: ghostwhite;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt; 
	color:black;
	text-align: left;
	text-decoration:none;
}


a.MainMenuSubMenuOption:hover{
	/* Hoverover anchor change apperance of text */
	background-color: Blue;
	color: Yellow;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	text-align: left;
}

td.MainMenuSubMenuOption{
	padding-left:20px;
	text-align: left;
	vertical-align:center;
}


/* General - Used? */
.label {
	FONT-WEIGHT: bold; 
}

.TipTitle {
	text-align: CENTER;
}

.addlink {
	text-align: right;
	FONT-WEIGHT: bold;  
}


.hits {
	FONT-FAMILY: Arial;
	FONT-SIZE: 10pt; 
}

.LocationLinks {
	text-align: right;
}

.ErrorMsg {
	FONT-WEIGHT: bold; 
	/*background-color: #ff0000; */
	color:#ff0000;
}

.free {
		FONT-WEIGHT: bold; 
}



.ticking {
	color: #000000;
}

.unpaidlabel {
	color: #FF0000;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-size: 13pt;
	font-weight: bold;
}

.invoicelabel {
	color: #000000;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-size: 13pt;
	font-weight: bold;	
}


.overdue {
	color: #FF0000;
	font-weight: bold;
}



/* Date and time in top right */
div.pagedate {
	text-align: RIGHT;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	color: #0000ff;
	font-size: 12pt;
}

div.pagetime {
	text-align: RIGHT;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	color: #0000ff;
	font-size: 12pt;
}


/* Logout */
div.userdetails {
	text-align: RIGHT;
}


.LinkTitle {
	color: #000000;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14pt;
	text-align: CENTER;
	font-weight: bold;	
}

.LinkItem {
	color: #000000;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	text-align: left;
}


.SubscriptionTable {
	/* Table definition for package list */
	border: solid 2px;
	width: 100%;
	vertical-align:top;
	background-color:#ffffff;
}

.SubscriptionTableTD {
	border: solid 2px;
}

.InvoiceTable {
	/* Invoice table */
	border: solid 2px;
	width: 100%;
	vertical-align:top;
	background-color:#ffffff;
}

.InvoiceTableTD {
	border: solid 2px;
}

.ReportTableVertical {
	border: solid 1px;
	width: 100%;
}

.ReportTableVerticalTR {
	border: solid 1px;
}

.RTVLabel {
	width: 2cm;
}

.ReportTableHorizontal {
	border: solid 1px;
	width: 100%;
}

.ReportTableHorizontalTR {
	border: solid 2px;
}

.RTH1{
	width: 2cm;
}
.RTH2 {
	width: 10cm;
}

div.Copyright {
	color: #6600FF;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	text-align: center;
}

div.Usage {
	color: #6600FF;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	text-align: center;
}


A.ConvertCurrency {
	color: #6600FF;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	text-align: left;
}

A.ConvertCurrency:hover {
	background-color: Blue;
	color: Yellow;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	text-align: left;
}

/* Non specific links but has the hover option */
A.GeneralLink{
	color: #6600FF;
}

A.GeneralLink:hover {
	background-color: Blue;
	color: Yellow;
}


/* Define basic anchor link */
a {
	color:blue;
}
a:visited {
	color:purple;
}
a:hover {
	color:red;
}


TR.OddLine {
	/* Lists have odd line as a different color */
	background-color: Lavender;
}


/* Tips */
a.Tip:link IMG{	
	border:none;
}
a.Tip:active IMG {
	border:none;
}
a.Tip:visited IMG {
	border:none;
}


/* Any Icon that is a link, removes the border.*/
a.LinkIcon:link IMG{	
	border:none;
}
a.LinkIcon:active IMG {
	border:none;
}
a.LinkIcon:visited IMG {
	border:none;
}


/* Style to use when a check box needs ticking - e.g. accept terms of membership  on Join and Sale pages*/
span.NeedsTicking {
	color: #FF0000;
}
