body, div, h1, h2, h3, h4, ul, li, table
{
	margin:0;
	padding:0;
	border:none;
	font-family: Arial, Sans-Serif;
}

p
{
	color: Black;
	margin:0;
	padding:0;
	border:none;
	font-family: Arial, Sans-Serif;
	font-weight:normal;
	font-size:medium;
	
}

.header1
{
	font-family: Arial, Sans-Serif;
	font-weight:normal;
	background-color:#43478E;
	color:White;
	font-size: 130%
}
.header2
{
	font-family: Arial, Sans-Serif;
	font-weight:normal;
	background-color:#43478E;
	color:White;
	font-size: 110%
}

#HOPSHeader
{
	/*margin: 20px;
	padding: 10px;*/
	height: 80px;	
	background-color:#43478E;
	width: 100%
}
#HOPSMenu
{
	position: absolute;
	left: 10px;
	top: 84px;
	width: 200px;
	
}
#HOPSContent
{
	top: 80px;
	margin-left: 210px;
	margin-right: 05px;
/*	border-style: solid;
	border-width: 2px;
	background-color: #43478E;*/
	padding: 13px;
}
#HOPSContentInner
{
	/*background-color: #EFF3FB;
	padding: 5px;
	border-width: 1px;*/
}

#HOPSLogin
{
	float: right;	
}



.HOPSMenuControl
{
	
}
h1 {
	color: #3B6AD8;
	font-weight: bold;
	display: block;
	padding: 0 0 5px 0;
	font-weight: bold;
	letter-spacing: 0.1em;
}

h2, h3 {
  color: #3B6AD8;
  font-weight: bold;
  text-align: left;
}
h1 { font-size: 130%;text-align: left;}
h2 { font-size: 120%;text-align: left;}
h3 { font-size: 110%;text-align: left;}

body
{
	background-color: #EFF3FB;
}
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #44478E;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #43478E;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #44478E;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.MenuOption
{
	Width:100%;
	background-color:#D3DEEF;
}
.FormOption
{
	Width:130px;
	background-color:#D3DEEF;
}

.edt
{
	font-family: Arial, Sans-Serif;
	font-size:medium;
	color:Blue;
	font-weight:normal;
	background-color: #EFF3FF;
}

.edt_surname, .edt_firstname
{
	width:200px;
}
.edt_address
{
	width:300px;
}
.edt_postcode
{
	width:150;
}
.edt_town, .edt_county
{
	width:180;
}
.edt_email
{
	width:350;
}
.edt_country, .edt_nationality
{
	width:200;
}
.edt_date, .edt_dob
{
	width:160;
}
.Watermark
{
	font-family: Arial, Sans-Serif;
	font-weight:lighter;
	font-style:italic;
	color:Gray;
}
.ModalPopup
{
	background-color:#EFF3FB;
	border-width:3px;
	border-style:solid;
	border-color:#44478E;
	padding:3px;
	
}
.ModalBackground
{
	background-color:#EFF3FB;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.GridRow
{
	background-color:#EFF3FB;
	font-family: Arial, Sans-Serif;
	font-size:small;
}
.GridRowAlt
{
	background-color:White;
}
.GridRowEdit
{
	background-color:#B5C7DE;
	font-family: Arial, Sans-Serif;
	font-size:small;
}
.GridHeader
{
	background-color:#507CD1;
	font-family: Arial, Sans-Serif;
	font-size:small;
	color:White;
}