* {margin:0;padding:0}

h1 {font-size:220%;font-weight:bold;margin:0;padding:10px 0 0 0}
h2 {font-size:150%;font-weight:lighter;margin:0;padding:5px 0 0 0}
h3 {font-size:170%;font-weight:bold;line-height:130%;margin:0;padding:10px 5px 20px 5px}
h4 {font-size:120%;font-weight:bold;margin:0;padding:10px 5px 10px 5px}
ul {padding: 0 0 10px 0}
li {line-height: 20px;margin: 0 5px 0 25px;}
p {margin:0;padding:0 5px 15px 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:200px}
div#logo1 {height:142px}
div#container {text-align:left;}
div#container1 {text-align:right;}
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:right}
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%;
}