.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;
}

/* apply to any fixed size div centre image within */

.centreImage {
	line-height: 100px; /*THIS MUST BE UPDATED TO HEIGHT OF DIV*/
}
.centreImage img {
	vertical-align: middle;
}

.message {
	background-color: #F7F7F7;
	border: 1px solid #666;
	padding: 5px;
	margin: 5px;
}

.warning {
	background-image: url(/images/icons/comment.png);
	background-color: #FFFFCC;
	background-repeat: no-repeat;
	border: 1px solid #FC0;
	padding-left: 35px;
	background-position: 10px 50%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}


.alert {
	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;
	
}

.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%;
}

#panoflash1 { /* street view overlay*/
margin-top:-40px;
}


.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="text"], input[type="password"], .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_archive {
	background-image:url(../images/icons/system-file-manager.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border:none;
	display:block;
	text-decoration: none;
	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;
}
.link_users {
	background-image: url(/images/icons/group.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border:none;
	display:block;
	text-decoration: none;
	width:16px;
	height:16px;
	text-indent: -3000px;
}
.link_forward {
	margin-left: 3px;
	padding: 0 0 0 19px;
	background-image: url(/images/icons/link_forward.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border:none;
}
.link_back {
	margin-left: 3px;
	padding: 0 0 0 19px;
	background-image: url(/images/icons/link_back.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border:none;
}

.link_favourites {
	margin-left: 3px;
	padding: 0 0 0 17px;
	background-image: url(/images/icons/emblem-favorite.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border:none;
}

.link_comment {
	padding: 0 0 0 17px;
	background-image: url(/images/icons/comment.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border:none;
}

.link_help {
	background-image:url(../images/icons/help.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border:none;
	display:inline-block;
	text-decoration: none;
	width:16px;
	height:16px;
	text-indent: -3000px;
}




.icon_with_text { /* to be depracted as all will be this by default and wil need to add text below */
	display:inline;
	text-decoration: underline;
	width:auto;
	height:auto;
	text-indent:0px;
	padding: 0 0 0 19px;
}

.icon_only { /* remove text from link with classes above */
	display:block;
	text-decoration: none;
	width:16px;
	height:16px;
	text-indent: -3000px;
}



.icon_toggle_up_down {
	padding: 0 0 0 19px;
		height:16px;
	background-image: url(/images/icons/bullet_arrow_bottom.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;
}

label {
	cursor:pointer;
}

fieldset {
	border: 1px solid #999;
	padding: 5px;
}

div.tableRow {
	/* wrapper */
	overflow: hidden;
	width: 100%;
}
div.tableRow > div {
	float:left;
}

a.nodecoration {
	text-decoration:none;
	color:inherit;
}

a.nodecoration:hover {
	text-decoration:underline;
}
.popuponly {
	display:none; /* overriden by javascript in pop-ups */
}

.javascriptOnly {
	display: none; /* overriden by javascript in pop-ups */
}