/*----------------------------------------------------------------------------------
	Page:						Frame.css
	Author:					John Bradnam
	Created:				070812 JLB
	Copyright:			Republicorp P/L
	Purpose:				Defines styles used in the body and frame division
	History:
	--------------------------------------------------------------------------------*/
	
body, p, li, td, input, select, texarea  {
	font-family : Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 8pt;
	color: black;
}
		
body {
	margin: 0px;
	padding : 0px;
	background-color: #b3b3b3;
}

form {
	margin: 0px auto 0px auto;
	width: 1004px;
}

div.banner {
	position: relative;
	width: 1004px;
	height: 122px;
	background-color: black;
}

div.banner a.banner {
	position: absolute;
	display: block;
	left: 74px;
	top: 38px;
	background: url(../Images/Logo_Ellerston_Capital.gif) no-repeat left top;
	width: 278px;
	height: 26px;
	text-decoration: none;
	font-size: 1px;
}

div.banner a.portfolio, div.banner a.portfolio:active, div.banner a.portfolio:visited, div.banner a.portfolio:link {
	position: absolute;
	display: block;
	left: 545px;
	top: 46px;
	background: url(../Images/Button_Portfolio.gif) no-repeat 0px 0px;
	width: 122px;
	height: 18px;
	text-decoration: none;
	font-size: 1px;
}

div.banner a.portfolio:hover {
	background-position: -122px 0px;
}

div.banner a.update, div.banner a.update:active, div.banner a.update:visited, div.banner a.update:link {
	position: absolute;
	display: block;
	/* left: 532px; */
	left: 685px;
	top: 46px;
	background: url(../Images/Button_Update.gif) no-repeat 0px 0px;
	width: 122px;
	height: 18px;
	text-decoration: none;
	font-size: 1px;
}

div.banner a.update:hover {
	background-position: -122px 0px;
}

div.banner a.login, div.banner a.login:active, div.banner a.login:visited, div.banner a.login:link {
	position: absolute;
	display: block;
	/* left: 619px; */
	left: 825px;
	top: 46px;
	background: url(../Images/Button_Login.gif) no-repeat 0px 0px;
	width: 122px;
	height: 18px;
	text-decoration: none;
	font-size: 1px;
}

div.banner a.login:hover {
	background-position: -122px 0px;
}

div.banner a.logout, div.banner a.logout:active, div.banner a.logout:visited, div.banner a.logout:link {
	position: absolute;
	display: block;
	/* left: 665px; */
	left: 825px;
	top: 46px;
	background: url(../Images/Button_Logout.gif) no-repeat 0px 0px;
	width: 122px;
	height: 18px;
	text-decoration: none;
	font-size: 1px;
}

div.banner a.logout:hover {
	background-position: -122px 0px;
}

div.banner div.search {
	display: none;
	z-index: 1;
}

div.banner div.search label {
	position: absolute;
	left: 791px;
	top: 46px;
	width: 155px;
	height: 18px;
	background: url(../Images/Button_Search.gif) no-repeat 0px 0px;
	z-index: 2;
}

div.banner input.search {
	margin: 0px;
	position: absolute;
	left: 791px;
	top: 46px;
	width: 122px;
	height: 15px;
	background-color: black;
	color: white;
	border: 1px solid #707070;
	padding: 1px 3px 0px 3px;
	z-index: 1;
}

div.banner a.button, div.banner a.button:active, div.banner a.button:visited, div.banner a.button:link {
	position: absolute;
	display: block;
	left: 924px;
	top: 46px;
	background: url(../Images/Button_Go.gif) no-repeat 0px 0px;
	width: 22px;
	height: 18px;
	text-decoration: none;
	font-size: 1px;
	z-index: 1;
}

div.banner a.button:hover {
	background-position: -22px 0px;
}

div.content {
	background-color: white;
	min-height: 510px;
	height: auto !important;
	height: 510px;
}

/* Validators used in various places */
div.validate {
	width: 10px;
	display: block;
	position: relative;
	left: -12px;
}
div.validate span {
	width: 10px;
	display: block;
	position: absolute;
	top: 2px;
	left: 0px;
	color: red;
	font-weight: bold;
	font-size: 18pt;
}

/* Dialog buttons */
a.dialog, a.dialog:link, a.dialog:visited, a.dialog:active {
	border: 1px solid Black;
	color: Black;
	background-color: #cccccc;
	display: block;
	text-decoration: none;
	width: 140px;
	text-align: center;
	text-transform: uppercase;
	padding: 1px;
	font-family: Arial;
	font-size: 8pt;
}
a.dialog:hover {
	background-color: #808080;
	color: Black !important;
}
a.short, a.short:link, a.short:visited, a.short:active {
	width: 103px;
}
a.short:hover {
	width: 103px;
}