/* Template Styles */
* {font-family: Arial, Verdana, sans-serif; font-size: 12px}
body {color: #444444; padding: 0; margin: 0; height: 100%; width: 100%}
/*body > form {height: 100%; width: 100%}*/
html {padding: 0; margin: 0; height: 100%; width: 100%; overflow: auto !important; }
.calendar { width: 80px; border: solid 1px #dbdfe6; background-image: url('http://www.bookeasy.com.au/website/images/calendar.png'); background-repeat: no-repeat; background-position: 66px center }

/* Template - Container Styles */
.container a {font-weight: normal}
.container .nav1 {color: black !important}
.container .description {margin-top: 7px}
.container table {border-collapse: collapse; padding: 0; margin: 0; margin-right: 1px; border-top: 1px solid #666666; border-right: 1px solid #666666; border-bottom: none; border-left: none}
.container table table {border: none}
.container table table tr td {padding: 3px}
.container table table table {border: none}
.container table table td {padding: 0 5px 0 0}
.container tr {padding: 0; margin: 0}
.container td, .container th {padding: 3px 5px 3px 3px; margin: 0; border-top: none; border-right: none; border-bottom: 1px solid #666666; border-left: 1px solid #666666}
.container td {vertical-align: middle}
.container tr th a {font-weight: bold; color: #333333; text-decoration: underline}
.container tr th a:hover {font-weight: bold; color: #333333; text-decoration: none}
.container tr.a td {background-color: #F4F4EA}
.container tr.b td {background-color: #ffffff}
.container tr th {vertical-align: middle; font-weight: normal; background-color: #E0E0E0; margin-top: 6px } 
.container tr.options td {background-color: #ffffff; cursor: default}
.container tr.paging td {background-color: #ffffff; cursor: default}
.formOuterBox td {background-color: Transparent}
.container .footer {font-weight: bold; color: #333333; text-decoration: none; background-color: #E0E0E0}

/* Customised Tag Styles */
.form .description {margin-top: 4px; cursor: pointer}
.form table {border: none}
.form td, .form th {border: none; padding: 0; vertical-align: top}
.formBox input {}
.formBox p {margin: 0; padding: 0 0 7px 0}
.formOuterBox table {margin: 0;}
.formTitle div {padding: 0 10px 0 0; margin-top: 3px}
.formTitle td {padding-top: 3px}
.pageHeader a, .pageFooter a {font-weight: bold; text-decoration: none; color: #ffffff}
.pageHeader a:hover, .pageFooter a {text-decoration: underline; color: #ffffff}
.title a nobr {color: #ffffff !important; font-size: 26.5pt; color: #ffffff; font-family: Impact; font-weight: normal}
.title a {text-decoration: none; cursor: pointer}
.title a:hover {text-decoration: none; cursor: pointer}
.titleItems {color: #ffffff; padding: 3px}
.titleItems a {color: #ffffff !important; text-decoration: none !important}
.titleItems a:hover {color: #ffffff !important; text-decoration: underline !important}
.pageHeader a.highlight {display: inline; border: solid 1px #ffffff !important; padding: 1px 7px 1px 7px !important; margin: 1px}
.pageHeader a.highlight:hover {text-decoration: none; display: inline; border: solid 1px #ffffff !important; padding: 1px 7px 1px 7px !important; background-color: #ffffff; margin: 1px}

/* Generic Tag Styles */
a {text-decoration: none; color: #333333}
a:hover {text-decoration: underline}
b, strong {letter-spacing: normal}
h1 *, h2 *, h3 *, h4 *, h5 * {font-size: 12px !important}
h1, h2, h3, h4, h5, h1 b, h2 b, h3 b, h4 b, h5 b {font-style: normal; font-size: 18px !important; letter-spacing: normal; margin: 0; padding: 0; text-transform: uppercase; display: block; margin-bottom: 16px}
input, select {font-family: Arial, Verdana, sans-serif; font-size: 12px}
#main tr td {background-color: Transparent}

/* Customised Styles */
.container {height: 100%; overflow: auto; display: block; padding: 15px; background: url(/images/logo.gif) no-repeat scroll bottom right}
.wsContainer {height: 100%; display: block; overflow: auto !important; padding: 0; background: url(/images/logo.gif) no-repeat scroll bottom right}
.default {font-weight: bold; letter-spacing: normal}
.form {width: 75%; margin: 0 0 15px 0; padding: 0}
.formBox {border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; padding: 10px; background: #E0E0E0 bottom right no-repeat}
.formFooter {padding: 5px 10px 5px 10px; border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 3px solid #C7C7C7; vertical-align: middle}
.formHeading {font-weight: bold; display: block; margin-bottom: 5px; color: #333333}
.formInformation {border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; background-color: #ffffff; color: #D35D00; padding: 10px}
.formOuterBox {background-color: #ffffff}
.formTitle {font-weight: normal}
.fullWidth {width: 85%}
.go, .go * {color: #5E9432}
.halt, .halt * {color: #C6001A}
.hiddenContainer {overflow: hidden; height: 1px; -moz-opacity: 0; progid:DXImageTransform.Microsoft.Alpha(opacity=0)}
.pageFooter {height: 23px; padding: 3px 15px 4px 15px; border-top: 1px solid #666666}
.pageFooter, .pageFooter * {color: #ffffff}
.pageHeader {padding: 7px 15px 0 15px; width: auto; height: 50px; _height: 60px; border-bottom: 3px solid #999999; cursor: default}
.pageSubFooter {height: 23px; padding: 3px 15px 4px 15px; border-top: 1px solid #666666}
.pageSubFooter, .pageSubFooter * {color: #333333}
.pageTitle, h1, h2, h3, h4, h5 {font-size: 18px; font-weight: bold; letter-spacing: normal; text-transform: uppercase}
.printFooter {display: none; visibility: hidden}
.separator {margin: 5px 0 10px 0}
.span {display: inline}
.stop, .stop * {color: #C68400}
.tableFooter {border-left: 1px solid #666666; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 3px}
.tableHeader {border-left: 1px solid #666666; border-right: 1px solid #666666; border-top: 1px solid #666666; padding: 3px}
.titleBackground {height: 57px; width: 100%; text-align: right; background-position: bottom right !important; background-repeat: no-repeat}
.validationError {color: #ff0000; cursor: help}

/* Menu Styles */
table.menu table {border-collapse: separate !important}
.menuGreen {padding: 1px 15px 0 15px !important; background-color: #899E1D; border-bottom: 1px solid #999999; height: 20px}
.menuGreen * {color: #ffffff !important}
.menuBlue {padding: 1px 15px 0 15px !important; background-color: #165090; border-bottom: 1px solid #999999; height: 20px}
.menuBlue * {color: #ffffff !important}
.menuRed {padding: 1px 15px 0 15px !important; background-color: #9E561D; border-bottom: 1px solid #999999; height: 20px}
.menuRed * {color: #ffffff !important}
.menuGrey {padding: 1px 15px 0 15px !important; background-color: #eeeeee; border-bottom: 1px solid #999999; height: 20px}
.menuGrey * {color: #333333 !important}
table.menu {margin-top: -15px; _margin-top: 0;}
table.menu tr th {border: 1px solid #666666; padding: 5px 2px 5px 2px; font-weight: bold; color: #ffffff}
table.menu tr td {padding: 0; vertical-align: top}
table.menu table.menuItems {width: 100%}
table.menu table.menuItems tr td {border: none; padding: 2px; background-color: #cccccc}
table.menu table.menuItemsLight {width: 100%}
table.menu table.menuItemsLight tr td {border: 1px solid #666666; padding: 2px; font-weight: normal; text-decoration: none}
table.menu table.menuItemsLight tr td b {text-decoration: underline}

ul.menu, ul.menu * {z-index: 2; font-family: Arial, Verdana, Sans-Serif; font-size: 12px; font-weight: normal}
ul.menu {display: inline}
ul.menu li {list-style-type: none; cursor: pointer; display: block; float: left; margin: 0 15px 0 0 !important; padding: 3px !important}
ul.menu ul {padding-left: 0 !important; visibility: hidden; position: absolute; padding-top: 3px !important; list-style-type: none; cursor: pointer; display: block; float: left; margin: 0 !important; border-bottom: 1px solid #aaaaaa}
ul.menu ul li {float: left; display: block; text-decoration: none; clear: both; cursor: pointer; display: block; margin: 0 !important; background-color: #ffffff; border-top: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; padding: 0 !important; _filter: progid:DXImageTransform.Microsoft.Alpha(opacity=97)}
ul.menu ul li a {font-weight: normal !important; color: #000000 !important; padding-left !important: 0; float: left; display: block; margin-left: 0 !important; width: 190px; padding: 4px !important; -moz-opacity: 1; text-decoration: none; cursor: pointer; background-color: #ffffff}
ul.menu ul li a.more {font-weight: normal !important; background-position: center right; background-repeat: no-repeat; _padding-right: 15px !important}
ul.menu ul li a:hover, ul.menu ul li a:hover.more, ul.menu ul li a.hover {font-weight: normal !important; width: 190px; padding: 4px !important; -moz-opacity: 1; text-decoration: underline; cursor: pointer; _padding-right: 15px !important}
ul.menu ul ul {display: none; position: absolute; margin-left: -3px !important}
ul.menu ul > li > ul {margin-left: 190px !important}
.pageFooter a {text-decoration: underline}
.pageFooter a:hover {text-decoration: none}
ul.menu a:hover div {text-decoration: underline}

table.border {padding: 0; margin: 0; margin-right: 1px; border-top: 1px solid #666666; border-right: 1px solid #666666; border-bottom: none; border-left: none}
table.border tr {padding: 0; margin: 0}
table.border td, table.border th {text-align: left; padding: 3px 5px 3px 3px; margin: 0; border-top: none; border-right: none; border-bottom: 1px solid #666666; border-left: 1px solid #666666}
table.border td {background-color: #ffffff; vertical-align: middle}
table.border tr th {vertical-align: top; font-weight: bold; background-color: #EAEAEA; padding-top: 6px} 
table.border tr.a td, table.border tr.a th {background-color: #F4F4EA}
table.border tr.b td, table.border tr.b th {background-color: #ffffff}
table.border table td, table.border table td {border: 0; padding: 0}

table.noborder {padding: 0; margin: 0; margin-right: 1px; border: none !important;}
table.noborder tr {padding: 0; margin: 0}
table.noborder td, table.noborder th {text-align: left; padding: 3px 5px 3px 3px; margin: 0; border: none !important}
table.noborder td { vertical-align: middle}
table.noborder tr th {text-align: right; vertical-align: top; font-weight: bold; background-color: #EAEAEA; padding-top: 6px} 
table.noborder tr.a td, table.noborder tr.a th {background-color: #F4F4EA}
table.noborder tr.b td, table.noborder tr.b th {background-color: #ffffff}
table.noborder table td, table.noborder table td {border: 0; padding: 0}

.content a {text-decoration: underline}
.content a:hover {text-decoration: none}

#tblGraph td, #tblGraph table
{
    border-top-width: none !important;
    border-left-width: none !important;
    border-top-style: none;
    border-left-style: none;
    border-top-color: -moz-use-text-color;
    border-left-color: -moz-use-text-color;
    vertical-align: bottom !important;
    text-decoration: none;
    padding-top: 0 !important;
    padding-right-value: 0 !important;
    padding-bottom: 0 !important;
    padding-left-value: 0 !important;
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;
    border-right-width: 0 !important;
    border-right-style: none !important;
    border-right-color: rgb(153, 153, 153);
    border-bottom-width: 0 !important;
    border-bottom-style: none !important;
    border-bottom-color: rgb(153, 153, 153);
    border: none !important;
    border-collapse: separate !important;
    padding: 0 !important;
    margin: 0 !important;
    border-spacing: 0 !important;
    border-style: none !important
}

table.menu tr th {background-color: #999999}
table.menu table.menuItemsLight tr td {background-color: #cccccc}
ul.menu ul li a.more {background-image: url(/images/more.gif)}
ul.menu ul li a:hover, ul.menu ul li a:hover.more, ul.menu ul li a.hover {background-color: #d8d8d8}
.validation {display: inline; position: absolute; font-size: 14px; color: #cc0000; font-weight: bold; cursor: help}

.espRedHead
{
	font-size: 18px;
	color: #CC0000;	
	
}

.espRedHead a
{
	font-size: 18px;
	color: #CC0000;	
	
}

.espRedHead a:hover
{
	font-size: 18px;
	color: #CC0000;	
	
}

.espRedHead a:visited
{
	font-size: 18px;
	color: #CC0000;	
	
}

/*Textbox Watermark*/

.unwatermarked {
	height:18px;
	width:148px;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#E7F1B1;
	color:gray;
}

.infoPopup { cursor: help; text-decoration: none !important }
.infoPopup img { border: 0 }
.infoPopup div { visibility: hidden; display: none }
.infoPopup:hover div { cursor: help; font-weight: normal !important; visibility: visible; display: block; margin-top: 6px; margin-left: -14px; background: #e0ffcd; border: solid 1px #cccccc; padding: 15px; position: absolute }


html, body { _overflow: hidden !important }
html, body { overflow: auto !important }
#divContainer { _overflow: auto !important }
#divContainer { overflow: auto !important }
html { overflow-x: hidden !important; overflow-y: hidden !important }
body { overflow-x: auto !important; overflow-y: auto !important }
body { _overflow: hidden !important }
body { overflow-x: auto !important overflow-y: hidden;}


#divContainer th { font-weight: bold; text-align: left; margin: 0 }
#divContainer table { background-color: #fff }
#divContainer #divSearchContainer table { background-color: Transparent !important }