/* ---- COLOURS ---- */
/*
Main Background: #84888a
Main Border: #74777a
<p>: #74777a
<h1>: #54575a
<h2>: #74777a
<h3>: #d2c700
a:link: #d2c700
a:hover: #74777a
Header Background: #ffffff
Menu Background: #ffffff
Menu a:link: #ffffff
Menu a:hover: #faed11
Tab Bar Background: #74777a
Tab Bar Border: #faed11
Tab: #faed11
Content Sideba Background: #d2d4d6
Footer Background: #74777a
Footer <p>: #b7bbbe
*/

/* ---- BACKGROUND IMAGES ---- */
/*
Main Background: BG_main.gif
Bullet Point: bullet.gif
Menu Button Left: nav_L.gif
Menu Button Middle: nav_mid.gif
Menu Button Right: nav_R.gif
Main Image: mainImage.jpg
Tab corner Left: tabL.gif
Tab corner Right: tabR.gif
*/

/* ---- GLOBAL STYLES ---- */

body {
	margin-top: 25px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	padding: 0px;
	background-repeat: repeat-x;
}
p {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	margin: 0;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	padding: 10px 14px 0 14px;
	margin: 0;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	height: 28px;
	padding-left: 10px;
	line-height: 28px;
	margin-bottom: 5px;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
li {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 8px;
}

/* ---- CUSTOM STYLES ---- */

.mainImg {
	height: 434px;
}
.clear {
	clear: both;
}
.hidden {
	visibility: hidden;
	float: left;
}
/* HEADER */

.headerContainer {
	width: 100%;
	height: 97px;
}
.headerL {
	float: left;
}
.headerR {
	float: right;
}
.line {
	padding-top: 1px;
	margin-top: 3px;
	margin-bottom: 5px;
}

/* BUTTONS */

.btnGrey, .btnYellow {
	padding-right: 5px;
	float: left;
}
.btnGrey a, .btnYellow a {
	text-align: center;
	height: 22px;
	display: block;
	margin: 0;
	line-height: 22px;
	float: left;
	background-position: center left;
	background-repeat: repeat-x;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	padding-left: 4px;
	padding-right: 4px;
}
.btnGreyL, .btnYellowL {
	background-position: center left;
	background-repeat: no-repeat;
	height: 22px;
	width: 4px;
	float: left;
}
.btnGreyR, .btnYellowR {
	background-position: center right;
	background-repeat: no-repeat;
	height: 22px;
	width: 4px;
	float: left;
}
.btnGrey a:hover, .btnYellow a:hover {
	font-size: 11px;
}

/* TENANT / AGENT TABS */

.tatContainerSpace,.agentContainerSpace {
	margin-top: 34px;
	margin-left: 37px;
	width: 237px;
	height: 282px;
}
.tatContainerSpace2,.agentContaineSpacer2 {
	margin-top: 32px;
	margin-left: 13px;
	width: 237px;
	height: 282px;
}
.tatContainerInner,.agentContainerInner {
	margin-top: 24px;
	margin-left: 27px;
	margin-right: 28px;
}
.tatContainerInner p,.agentContainerInner p {
	font-size: 11px;
}
.tatform,.agentform {
	height: 26px;
	padding-top: 13px;
	padding-bottom: 5px;
	margin: 0;
	width: 182px;
}
.tatform2,.agentform2 {
	height: 26px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin: 0;
	width: 182px;
}
.tatformM, .tatformM2,.agentformM, .agentformM2 {
	border-top-width: 2px;
	border-top-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-right: none;
	border-left: none;
	margin: 0;
	padding-top: 3px;
	float: left;
}
.tatformM,.agentformM {
	height: 19px;
	width: 160px;
}
.tatformM2,.agentformM2 {
	height: 19px;
	width: 92px;
}
.tatformM input, .tatformM2 input,.agentformM input, .agentformM2 input {
	border: none;
	height: 17px;
	margin: 0;
	padding: 0;
	font-size: 11px;
}
.tatformM input,.agentformM input {
	width: 160px;
}
.tatformM2 input,.agentformM2 input {
	width: 92px;
}
.tatformL,.agentformL {
	height: 26px;
	width: 11px;
	float: left;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
.tatformR,.agentformR {
	height: 26px;
	width: 11px;
	float: left;
	margin: 0;
	padding: 0;
}
.tatformR2,.agentformR2 {
	height: 26px;
	width: 11px;
	float: left;
	margin: 0;
	padding: 0;
}
.tatformLogin,.agentformLogin {
	height: 26px;
	width: 68px;
	float: left;
	margin: 0;
	padding: 0;
}
.tatContainerInner2,.agentContainerInner2 {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 16px;
	border-top-width: 1px;
	border-top-style: solid;
}
.tatContainerInner2 h3,.agentContainerInner2 h3 {
	padding-bottom: 11px;
	font-size: 11px;
}

/* SUB MENU */

.subMenuContainer {
	margin-top: 34px;
	width: 200px;
}
.subMenuContainer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.subMenuContainer li {
	margin-bottom: 1px;
	padding: 0;
	width: 200px;
}
.subMenuContainer a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
	font-weight: normal;
	line-height: 23px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 10px 5px;
	padding-left: 38px;
}
.subMenuContainer a:hover {
	font-weight: bold;
}
.subMenuContainer2 {
	width: 250px;
}
.subMenuContainer2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.subMenuContainer2 li {
	margin-bottom: 1px;
	padding: 0;
	width: 235px;
}

/* GLOBAL MENU */

.menu {
	padding-right: 15px;
	float: right;
}
.menu a {
	text-align: center;
	height: 38px;
	min-width: 100px;
	display: block;
	margin: 0;
	line-height: 37px;
	float: left;
	background-position: center left;
	background-repeat: repeat-x;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
}
.menuL {
	background-position: center left;
	background-repeat: no-repeat;
	height: 38px;
	width: 3px;
	float: left;
}
.menuR {
	background-position: center right;
	background-repeat: no-repeat;
	height: 38px;
	width: 3px;
	float: left;
}
.menu a:hover {
	font-size: 14px;
	font-weight: normal;
}
.menu img {
	border: none;
	clear: both;
	float: left;
	display: none;
	_display: inline;
	margin: 0;
	padding: 0;
}

/* TAB BAR */

.tabBarBG {
	position: relative;
	height: 62px;
}
.tabBorder {
	border-bottom-width: 9px;
	border-bottom-style: solid;
}
.tabContainer, .tabContainer2 {
	position: absolute;
	display: block;
	float: left;
	height: 48px;
	bottom: 0;
	left: 26;
}
.tabContainer {
	width: 256px;
}
.tabContainer2 {
	width: 222px;
}
.tabMessage {
       text-align: left;
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	margin: 0;
       position: absolute;
	display: block;
	float: left;
	height: 40px;
	bottom: 0;
	left: 370;
	width: 420px;
}
.tabLogout {
	position: absolute;
	display: block;
	float: right;
	height: 28px;
	width: 104px;
	bottom: 16;
	right: 13;
}
.tabLogout form, .tabLogout img {
	margin: 0;
	padding: 0;
	border: 0;
}
.tabL {
	position: absolute;
	float: left;
	width: 4px;
	height: 48px;
	background-repeat: no-repeat;
	bottom: 0;
	left: 22;
}
.tabR, .tabR2 {
	position: absolute;
	float: left;
	width: 4px;
	height: 48px;
	background-repeat: no-repeat;
	bottom: 0;
}
.tabR {
	left: 282;
}
.tabR2 {
	left: 248;
}

/* CONTENT */

.sidebarBG, .sidebarBGApp {
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 400px;
}
.sidebarBGApp {
	width: 200px;
	padding-left: 15px;
	padding-right: 15px;
	}
.contentContainer {
	padding-top: 25px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 55px;
}
.formBG {
	border-top-width: 1px;
	border-top-style: solid;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 14px;
}
.formBG table tr td {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	margin: 0;
}

.normalFormBG {
	border-top-width: 1px;
	border-top-style: solid;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 14px;
}
.normalFormBG table tr td {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	margin: 0;
}

.agentFundsFormBG {
	border-top-width: 1px;
	border-top-style: solid;
	margin-top: 10px;
	margin-bottom: 20px;
}
.agentFundsFormBG table tr td {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	margin: 0;
}

.dropDown {
	border: 1px solid #b7babc;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-top: 1px;
	margin-bottom: 1px;
	line-height: 1.5;
}
.formField {
	border: 1px solid #b7babc;
	width: 200px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 1px;
}

/* FOOTER */

.footerContainer {
	position: relative;
	float: left;
	height: 47px;
	width: 100%;
}
.footerL {
	position: absolute;
	padding-left: 38px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	bottom: 12;	
}
.footerLink {
	position: absolute;
	padding-left: 285px;
	float: left;
	bottom: 12;
}
.footerLink a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	padding-right: 10px;
	text-decoration: none;
}
.footerLink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}
.footerR {
	float: right;
}
.greybutton {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #666666;
	padding-left:3px;
	padding-right:3px;
}

.alertMessageBox {
	border: 1px solid #b7babc;
	background-color:#FFFFCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding:5px,10px,5px,10px
}

a.forgotpin_link,
a.forgotpin_link:link,
a.forgotpin_link:active,
a.forgotpin_link:visited
{
	color:#FFFFFF;
}