.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.linkbullet {
	background-image: url(../images/icons/link_forward.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
	text-indent: 17px;
	display: block;
}
.linkbackbullet {
	background-image: url(../images/icons/link_back.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
	text-indent: 17px;
	display: block;
}
.warning {
	background-color: #FFFFCC;
	background-image: url(../images/warning_blink.gif);
	background-repeat: no-repeat;
	border: 1px solid #FC0;
	padding-left: 35px;
	background-position: 10px 50%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}
.warning_light {
	background-image: url(../images/warning.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: 2px 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.red {
	color: #FF0000;
}
.listTable {
	empty-cells:show;
}
.listTable td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D7D7D7;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.listTable td a {
	text-decoration:none;
	border:none;
}
#uploadwarning {
	visibility: hidden;
	background-color: #FFFFCC;
	display: block;
	border: 1px dotted #CC0000;
	background-image: url(../images/loading_32x32_y_bg.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
.box {
	padding: 10px;
	border: 1px solid #999999;
	vertical-align: top;
}
.greyItalic {
	font-style: italic;
	color: #999999;
}
a.img:link, a.img:visited {
	border:none;
	text-decoration:none;
}
.tip {
	font:10px/12px Arial, Helvetica, sans-serif;
	border:solid 1px #666666;
	width:270px;
	padding:1px;
	position:absolute;
	z-index:100;
	visibility:hidden;
	color:#333333;
	top:20px;
	left:90px;
	background-color:#ffffcc;
}
#a4page {
	height: 250mm;
	width: 180mm; /* centre the page */
	border: 1px solid #333333;
	page-break-after: always;
	text-align: left;
	margin-top: 10mm;
	margin-right: auto;
	margin-bottom: 10mm;
	margin-left: auto;
	padding: 15mm;
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
}
#accesskeys {
	display: none;
}
.photoalbums {
	list-style-image: url(/photos/images/album.png);
	list-style-type: circle;
}
ul.submenu {
	padding: 0px;
	list-style-type: none;
	display: block;
	height: 28px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-color: #E3E3E3;
}
ul.submenu li {
	list-style-type: none;
	padding: 1px;
	float: left;
	border: 1px solid #999999;
	height: 24px;
	margin-top: 0px;
	margin-right: -1px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #CCCCCC;
	background-image: url(../images/ctl-pnl-btn-bg.gif);
	background-repeat: repeat-x;
	width:auto;
}
ul.submenu a:link, ul.submenu a:visited {
	float:left;
	display: block;
	height: 18px;
	background-image: url(../images/icons/cog.png);
	background-repeat: no-repeat;
	padding-left: 22px;
	padding-top: 6px;
	background-position: 2px 4px;
	padding-right: 2px;
	font-weight: bold;
	color: #330099;
	text-decoration: none;
	width:auto;
}
ul.submenu a:hover, ul.submenu a:focus {
	background-color: #D4D4D4;
	color: #3366CC;
	text-decoration: none;
	width:auto;
}
ul.submenu a.addbutton {
	background-image: url(../images/icons/add.png);
}
ul.submenu a.backbutton {
	background-image: url(../images/icons/edit-undo.png);
}
ul.submenu a.submenu_prev:link, ul.submenu a.submenu_prev:hover, ul.submenu a.submenu_prev:visited, ul.submenu a.submenu_prev:focus {
	background-image: url(../images/icons/go-previous.png);
}
ul.submenu a.submenu_next:link, ul.submenu a.submenu_next:hover, ul.submenu a.submenu_next:visited, ul.submenu a.submenu_next:focus {
	background-image: url(../images/icons/go-next.png);
}
ul.tabs {
	list-style-type: none;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px; /* space first tab from left */
}
ul.tabs li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display:inline;
	/* nudge down so covers UL border below to create tab-effect */
	position: relative;
	top: 1px;
}
ul.tabs li a {
	text-decoration:none;
	display:inline-block;
	padding:3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-color:#E8E8E8;
	font-size: 120%;
	font-weight: bold;
}
#uploadmessage {
	display:none;
}
#googlemap {
	height: 450px;
	width:100%;
}
.message {
	background-color: #F7F7F7;
	border: 1px solid #666;
	padding: 5px;
	margin: 5px;
}
.wrapper {
	overflow: hidden;
	width: 100%/*
		Tidy trick to get wrapper to clear floats!
	
	The trick works with three of the four overflow values: auto, hidden and scroll. 
	Of course, using the last value will show scrollbars, regardless of whether they're needed or not.
	Some browsers also need a width or height for the container div.
	The browser may show scrollbars when the content escapes beyond the specified width.
	
	overflow: hidden makes sure that no scrollbars will ever be visible. Of course some content might be hidden instead, but if we make very sure that the height of the container remains flexible (ie. "as much as needed")
the widths of the combined floats never exceed the width of the container, and preferably remain slightly smaller to allow for some flexibility
this problem will never creep up.
	
	*/
}
.status0 {
	background-image:url(/images/icons/amber-light.png);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	width: 20px;
}
.status1 {
	background-image:url(/images/icons/green-light.png);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	width: 20px;
}
.status2 {
	background-image:url(/images/icons/red-light.png);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	width: 20px;
}
.status3 {
	background-image:url(../images/icons/red-light.png);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	width: 20px;
}
input[type="button"], input[type="submit"], .button, a.fauxbutton {
	padding: .5em;
	font-size:80%;
	color: #ffffff;
	text-shadow: 1px 1px 1px #000;
	border: solid thin #882d13;
	/* specifics for different browsers */
-webkit-border-radius: .7em;
	-moz-border-radius: .7em;
	border-radius: .7em;
	-webkit-box-shadow: 2px 2px 3px #999;
	box-shadow: 2px 2px 2px #bbb;
	background-color:#333;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#757575), color-stop(0.4, #4b4b4b));
	cursor:pointer;
}
a.fauxbutton { /* additional params to make a fake button link look exactly like a button*/
	text-decoration:none;
}
input[type="button"]:hover, input[type="submit"]:hover, .button:hover, a.fauxbutton:hover {
	background-color:#000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e9ede8), to(#ce401c), color-stop(0.4, #8c1b0b));
}
input[type="text"], .textbox, textarea {
	border: 1px solid #666;
}
.link_delete {
	background-image:url(/images/icons/trash.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border:none;
	display:block;
	width:16px;
	height:16px;
	text-indent: -3000px;
}
.link_edit {
	background-image:url(/images/icons/edit-find-replace.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border:none;
	text-decoration: none;
	display:block;
	width:16px;
	height:16px;
	text-indent: -3000px;
}
.link_add {
	background-image:url(/images/icons/add.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border:none;
	text-decoration: none;
	display:block;
	width:16px;
	height:16px;
	text-indent: -3000px;
}
.link_up {
	background-image:url(/images/icons/go-up.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border:none;
	text-decoration: none;
	display:block;
	width:16px;
	height:16px;
	text-indent: -3000px;
}
.link_down {
	background-image:url(/images/icons/go-down.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border:none;
	text-decoration: none;
	display:block;
	width:16px;
	height:16px;
	text-indent: -3000px;
}
.link_view {
	background-image:url(/images/icons/system-search.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border:none;
	display:block;
	text-decoration: none;
	width:16px;
	height:16px;
	text-indent: -3000px;
}
.link_email {
	background-image:url(/images/icons/mail-reply-sender.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border:none;
	display:block;
	text-decoration: none;
	width:16px;
	height:16px;
	text-indent: -3000px;
}
.link_link {
	background-image:url(/images/icons/link.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border:none;
	display:block;
	text-decoration: none;
	width:16px;
	height:16px;
	text-indent: -3000px;
}
.link_rss {
	margin-left: 3px;
	padding: 0 0 0 19px;
	background-image: url(/images/icons/feed-icon-16x16.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border:none;
}
.icon_text_noaccess {
	padding: 0 0 0 19px;
	background-image: url(/images/icons/no-entry.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border:none;
}
.inline {
	display:inline;
}
#uploading {
	display:inline;
	visibility:hidden;
	background-color: #FFC;
	border: 1px solid #900;
}
#uploading a {
	display:inline;
	background-image:url(/images/loading_16x16.gif);
	background-repeat: no-repeat;
	background-position: 2px 50%;
	padding: 2px 2px 2px 30px;
	text-decoration:none;
	border:none;
	color:#900;
}
#uploading a:hover {
	background-image:url(/images/icons/process-stop.png);
	text-decoration:none;
	color:#900;
}