/******************************
/  PropertyPal Stylesheet     /
******************************/
body {
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* Default text for the site */
td, div, button, a, input, select, textarea, h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


/* Set container heights - for us with official HTML Transitional DOCTYPE - inconsistent browser defaults */
html, body { height:100%; }

/* Set form to not take up space in IE - inconsistent browser defaults */
form { margin:0px; }

/* Never need to include border=0 for an img on this site! */
img { border-width:0px; }

/* We use lists a lot for semantic markup, we default to have no styles set */
ol, ul, li {
	list-style:none;
	margin:0px;
	padding:0px;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

fieldset { margin:0; }

p {
	text-align:justify;
	margin:0;
	margin-bottom:8px;
}

.floatBreak { clear:both; }

/******************************
/  LINK STYLES                /
******************************/

a {
	font-size:10px;
	cursor:pointer;
	color:#008000;
}

a:hover {
	color:#000000;
}

a.closingX {
	position:absolute;
	top:2px;
	right:2px;
	display:block;
	height:15px;
	width:15px;
	
	/* Default on the site is a grey background, if a different colour is required, define in that page's css */
	background-image:url(../images/closingX/closingX-grey.gif);
	
	/* Style for HTML square 'X'
	top:0px;
	right:0px;
	height:14px;
	width:14px;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	background-color:#BBBBBB;
	border:1px solid #AAAAAA;*/
}

a.closingX:hover {
	background-image:url(../images/closingX/closingX-grey-hover.gif);
	/*background-color:#DDDDDD;*/
}

.smallLinks, .smallLinks:active, .smallLinks:visited {
	color:#42507C;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}

.smallLinks:hover {
	color:#000000;
}

a.moreInfo, a.moreInfo:active, a.moreInfo:visited {
	color:#FF3333;
	text-decoration:underline;
	font-weight:normal;
	font-size:10px;
}
a.moreInfo:hover {
	color:#660000;
}


a.helpLink {
	display:block;
	height:15px;
	width:13px;
	border:1px solid #6C612B;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	color:#6C612B;
	background-color:#FAF87F;
}
a.helpLink:hover {
	background-color:#FFCC00;
}


/******************************
/  BUTTON STYLES              /
******************************/

.button {
	height:21px;
    color:#FFFFFF;
	padding:0px 10px 2px 10px;
	border:0px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	background-color:#008000;
}
.button:hover {
	background-color:#32B232;
}

/* buttons that do not submit a form, like cancel buttons */
input.cancelButton {
	height:21px;
    color:#FFFFFF;
	padding:0px 10px 2px 10px;
	border:0px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	background-color:#999999;
}
input.cancelButton:hover {
	background-color:#CCCCCC;
}

a.bannerButton, a.bannerButton:active, a.bannerButton:visited {
	display:block;
	height:60px;
	width:166px;
	font-size:18px;
    color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	background: url("../images/banners/bannerButton.gif") 0 0 no-repeat;
}

a.bannerButton:hover {
	background-position: -166px 0;
	color:#FFFFFF;
}

/******************************
/  ICON DISCS                 /
******************************/

.iconDisc {
	background-repeat:no-repeat;
	display:block;
	height:15px;
	width:15px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	margin-right:5px;
	padding-top:1px;
}

/******************************
/  TEXT STYLES                /
******************************/

body, .text {
	color:#333333;
	text-decoration:none;
}

.bold {
	font-weight:bold;
}

.formText {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

.errorText {
	color: #FF0000;
	text-decoration: none;
}


/******************************
/  FORM STYLES                /
******************************/

.textField, .dropdown {
	margin:2px;
	padding:2px 2px 2px 4px;
}

.dropdown {
	padding:1px 0px 1px 0px;
}

/******************************
/  TOP NAV                    /
******************************/

.topNavTextPosition {
    padding-top:10px;
	font-size:11px;
}

a.topNavButton, a.topNavButton:visited, a.topNavButton:active {
	display:block;
	height:34px;
    color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	background-image:url(../images/topNav/background.gif);
}

a.topNavButton:hover {
	background-image:url(../images/topNav/background_ro.gif);
	color:#FFFFFF;
}

#topNavHiddenToPreloadRollover {
	background-image:url(../images/topNav/background_ro.gif);
}

.topNavDivider {
	width:2px;
	height:34px;
	background-image:url(../images/topNav/divider.gif);
}

#bannerRow {
	background-position:right;
	background-repeat:no-repeat;
}

.pageTitle {
	padding:8px 0px 8px 18px;
	vertical-align:middle;
	text-align:left;
	color:#008000;
	font-size:24px;
	font-weight:bold;
}

.pageSubTitle {
	color:#008000;
	font-size:14px;
	font-weight:bold;
}


/******************************
/  SUB NAV                    /
******************************/

a.subNavButton, a.subNavButton:visited, a.subNavButton:active {
	display:block;
	height:16px;	
    color:#000000;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	background-image:url(../images/topNav/subNavBar.gif);
}

a.subNavButton:hover {
	color:#FFFFFF;
}

.subNavBar {
	height:16px;
	background-image:url(../images/topNav/subNavBar.gif);
}

.subNavDivider {
	width:1px;
	height:16px;
	background-image:url(../images/topNav/subNavDivider.gif);
}

#loggedInAs {
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0px 10px 0px 10px;
}

#loggedInAsUsername {
	color:#FFFFFF;
}

#logout {
	padding:0px 10px 0px 10px;
}

/* small links etc */
.tinyLinks {
	font-size:9px;
	font-weight:normal;
	text-decoration:underline;
}


/******************************
/  VIEW INFO LAYERs           /
******************************/

.viewInfoLayer {
	position:absolute;
	left:178px;
	top:80px;
	width:370px;
	z-index:2;
}

#viewInfo {
	background-color:#FAF87F;
	border:1px solid #939450;
	padding:10px;
}

/* Text Colour */
#viewInfo div, #viewInfo td, .infoTitle {
	color:#6C612B;
}

.infoTitle {
	font-size:16px;
	font-weight:bold;
}

#viewInfo .cell {
	border:1px solid #CCCF78;
	background-color:#FDFFC9;
	padding:4px 6px 4px 6px;
}

#viewInfo a.closingX { background-image:url(../images/closingX/closingX-yellow.gif); }
#viewInfo a.closingX:hover { background-image:url(../images/closingX/closingX-yellow-hover.gif); }