* {margin:0;padding:0}

h1 {font-size:220%;font-weight:bold;margin:0;padding:15px 0 0 0}
h2 {font-size:150%;font-weight:lighter;margin:0;padding:15px 0 0 0}
h3 {font-size:170%;font-weight:bold;line-height:130%;margin:0;padding:15px 0 0 0}
h4 {font-size:120%;font-weight:bold;margin:0;padding:15px 0 0 0}
h5 {background-color:#0290BF;color:#FFFFFF;height:18px;text-align:center;vertical-align:middle;}
ul {padding: 0 0 10px 0}
li {line-height: 20px;margin: 0 5px 0 25px;}
p {margin:0;padding:10px 5px 10px 5px}

body {background:url('contentwrapperbg.gif') repeat-y center center;
    text-align:center;font-size:8pt;font-family:verdana,arial,helvetica,sans-serif;
	color:#000000;padding:0px 0px 0px 0px}

th {font-size:120%;font-weight:bold;line-height:25px}
td .fieldlabel {font-weight: bold;width:100px}
td .fielddesc {font-style: italic;font-weight:lighter;width:300px}

/* layout styles */

div#logo {background:url(XendLogo.png) no-repeat center center;height:100px}
div#container {text-align:left;}
div#headerwrapper {background:#0290BF;border-bottom:solid 1px #016687}
div#header {text-align:left}
div#left {vertical-align:top}
div#content {text-align:left}
div#right {text-align:left}
div#footer {height:35px;padding: 20px 0px 20px 0px;border-top: solid 1px #E0E0E0}

div#footer a:link{color:#00B9B9}
div#footer a:visited{color:#00B9B9}
div#footer a:hover{color:#00A0A0}
div#footer a:focus{color:#00B9B9}
div#footer a:active{color:#00B9B9}

div#container h1, h2, h3, h4 {color:#367EA6}
div#header h1, h2 {color:#FFFFFF;font-family:Verdana}
div#container .itembottommargin {padding:6px 6px;border:1px solid #EEE;background:#FFF;margin:0 0 8px 0}
div#container .itemcenter {padding:6px 12px;border:1px solid #EEE;background:#FFF;margin:0 8px 8px 8px}
div#container .itemside {padding:6px 12px;border:1px solid #EEE;background:#FFF;margin:8px 0 8px 0}
div#container .tableheader {vertical-align:middle;font-weight:bold;height:20px;background:#025E7A;color:#FFFFFF}
div#container .tablefooter {vertical-align:middle;height:20px;background:#026E8A;color:#FFFFFF}

/* layout */

div#headerwrapper {margin-bottom:8px}
div#header {width:800px;margin:0 auto;height:100px}
div#container {width:800px;margin:0 auto}
div#wrapper {float:left;width:100%}
div#content {margin: 0 200px}
div#left {float:left;width:200px;margin-left:-800px}
div#right {float:left;width:200px;margin-left:-200px}
div#footer {clear:left;width:100%;text-align:center}

div#pagecontent {float:right;width:600px}
div#navigation {float:left;width:200px}

/* styles */

td
{
	vertical-align: top;
}

.frame
{
    background-color: #EFEFEF;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.headerbar
{
    height: 18px;
    text-align: left;
	vertical-align: middle;
	background-color: #025E7A;
	color: #FFFFFF;
}

.header
{
    background-image: url(XendLogo.png);
    background-repeat: no-repeat;
	height: 100px;
	text-align: left;
	background-color: #FFFFFF;
}

.topbarsplit
{
    height: 2px;
    background-color: #FF9D00;
}

.topbar
{
    padding: 0px 20px 0px 20px;
    vertical-align: middle;
    height: 20px;
    color: #025E7A;
    text-align: left;
}

.topbar a:hover
{
    color: #BC5603;    
}

.topbar a, a:visited, a:link
{
    text-decoration: none;
    color: #025E7A;
}

.menu
{
    width: 140px;
    text-align: left;
    vertical-align: top;
    padding: 5px 2px 5px 2px;
	border-right: solid 1px #C0C0C0;
}

.content
{
	width: 640px;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
}

.contentheader
{
    height: 50px;
	width: 640px;
	background-color: #E0E0E0;
	color: #000000;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	padding: 0px 10px 0px 10px;
	border-bottom: solid 1px #C0C0C0;
}

.contentheader2
{
    height: 20px;
	width: 640px;
	background-color: #E0E0E0;
	color: #000000;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	padding: 0px 5px 0px 5px;
	border-bottom: solid 1px #C0C0C0;
	font-size: 120%;
}

.contentaction
{
    height: 28px;
    background-color: #F0F0F0;
	padding: 5px 10px 0px 10px;
	border-bottom: solid 1px #E0E0E0;
}

.contentsubheader
{
    width: 80px;
	background-color: #E0E0E0;
	color: #000000;
	font-weight: bold;
	text-align: left;
	font-size: 120%;
	vertical-align: top;
	padding: 2px 2px 2px 2px;
	border-right: solid 1px #C0C0C0;
}

.listlabel
{
    font-weight: bold;
    font-size: 120%;
}

.footer
{
    height: 50px;
	text-align: center;
	vertical-align: middle;
	background-color: #025E7A;
	color: #FFFFFF;
}

.padded
{
    padding: 5px 5px 5px 5px;
}

.curtain
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #A0A0A0;
    z-index: 99;
    filter:alpha(opacity=50);
    -moz-opacity:.25;
    opacity:.25; 
    text-align: center;
    padding-top: 30%;
    font-size: 120%;
}

.ListSummary
{
    /* position */
    width: 100%;
    height: 18px;
    padding-top: 3px;
    /* appearance */
    font-weight: bold;
    color: #FFFFFF;
    background-color: #543E1C;
}

.ListSummary .TotalBookings
{
    float: right;
    padding-right: 5px;
}

.button
{
    height: 22px;
    font-size: 90%;
}

.buttonMyXend {
    font: normal 12px arial, sans-serif;
    color: #555555;
	background-image: url('edtButtonBack.gif');
    background-repeat:repeat-x;
    background-position:top;
	border: solid 1px #CCCCCC;
    padding: 3px 10px 3px 10px;
    line-height: 23px;
    cursor: pointer;
    text-decoration: none;
}

.requiredtag
{
    color: Red;
}

#faw {
	background: transparent;
	text-align: center;
	font-family: Arial,sans-serif;
	width: 554px;
	height: 574px;
	position: absolute;
	margin: 0 auto;
	top: 100px;
	display: none;
	opacity: 0;
	KHTMLOpacity: 0;
	filter: alpha(opacity=0); 
	-moz-opacity: 0;
	z-index: 1000;	
}

#faw a {
	text-decoration: none;
	border: none;
}

#faw .ad {
	height: 245px;
}

#faw img {
	border: none;
}

#faw .bar {
	background: url('bar.gif') no-repeat top left;
	height: 20px;
	line-height: 20px;
}

#faw .bar a {
	margin-left: 10px;
	font-weight: bold;
	float: left;
	color: #FFF;
	font-size: 10px;
}

#faw .bar .close {
	margin-right: 5px;
	display: block;
	width: 12px;
	height: 20px;
	float: right;
	background: url('close_off.gif') no-repeat center;
}

#faw.show {
	display: block;
}