/* styles extended from layout.css */
#mainnav ul 
{
	margin: 0;
}
#mainnav li
{
  font-size: .7em;
  list-style-type: none;  
}
#topnav li
{
	padding: 0 8px 0 8px;
	border-right: 1px solid #0066cc;
	list-style: none;
	margin: 0;
	display: inline;	
}
#topnav li.textsizer
{
	border-right: 0px solid #0066cc;
	color: #0066cc;
	padding-right: 0px;
}

#topnav li a
{
	text-decoration: none;
}
#topnav li select
{
	font-size:1em;	
}
#topnav li input
{
	font-size:1em;	
}

.clearfix {
	display: block;
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.content 
{
  padding: 16px;
}
.content address
{
	font-size: .75em;
}
.content p 
{
	padding-bottom: 1em;
}
.content li
{
	font-size: .75em;
	padding-left: 10px;
	margin-left: 25px;
	list-style-position: outside;
	padding-bottom: .5em;
}

.error legend {
	font-size: 1em;
	font-weight:bold;
	color:#C00;
	}

.errorMessage 
{
	padding: 10px 20px 10px 60px;
	background-image: url(../images/error.gif);
	background-repeat: no-repeat;

}
.errorMessage h2 
{
	margin-bottom: .75em;
}
.errorMessage p 
{
		color: #000;
		font-weight: bold;
		margin-bottom: .3em;
}
.errorMessage ol li
{
	list-style-type:decimal;
	list-style-position: inside;
	font-size: .75em;
	font-weight: bold;
}
.errorMessage ul li
{
	list-style-type: disc;
	list-style-position: inside;
	font-size: .75em;
	font-weight: bold;

}
.errorMessage a 
{
	text-decoration: underline;
}

#footer {
	min-height: 50px;
	border-top: 1px solid #ccc;
	background-color: #fff;
}
#footer  a {
	line-height: 1.2em;
	font-size: 1.0em;
}
#footerlinks {
	float: left;
	font-size: 1em;
	padding: 10px;
	}
#footer li {
	float: left;
	list-style-type: none;
	font-size: .7em;
	line-height: 1em;
	border-left: 1px solid #0066cc;
	padding: 0px 10px 0px 10px;
}
#footer li.first 
{
	border-left: 0px solid #0066cc;
		padding: 0px 10px 0px 0px;
}
#footer li a {
	line-height: 1.2em;
	display: block;
	font-size: 1.0em;
	text-decoration: none;	
}
#footer li a:hover {
	text-decoration: underline;
}
#copyright p {
	font-size: .7em;
	padding-left: 10px;
	clear: both;
	}



	
/* classes */	
.mainnav
 {
  color: #0066cc;
  height: auto;
 } 
.frm_fontsize {
  margin: 0 0 0 0;
  padding: 0 0 0 0; 
}
.annexheader
  {
	color: #ef7d29;
	font-size: 1.3em;
	font-weight: bold;
	float: right;
	padding: 0;
  }
/* end header styles */

.rightfloat
{
	float: right; 
}

.leftfloat
{
	float: left;
}
.small
{
  color: #666666;
  font-size: 0.75em;
  padding: 5px 0 0 0;
  font-weight: bold;
}
.medium
{
  color: #0079c1;
}
.medium-small
{
  font-size: 1em;
}
.nomargin
{
  margin: 0 0 0 0;
}
.endnav
{
  background-image: none;
}
.result 
{ 	
  font-size: .8em;
  color:#3d3d3d; 
  padding: 30px 0 10px 0;
}
.afterheader
{
  color: #0079c1;
  font-size: .8em;
}
.standard 
{
  padding:1em 0 1em 0;
}
.leftnavgroup {
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 0em 0em .4em 0em;
	margin-bottom: .4em;
	}
.leftnavgroup h2 {
	font-weight: normal;
	}
ul.iconlist {
	list-style-type: none;
	font-size: 0.75em;
	/*line-height: 1.5em;*/
	}

ul.iconlist li
{
  list-style-type: none;
  padding: 0px 0px 0px 18px;
  background-repeat: no-repeat;
  background-position: 0 50%;
}
ul.iconlist li a
{
	text-decoration: none;
}
ul.iconlist li a:hover
{
	text-decoration: underline;
}
ul.iconlist li.newsearch
{
	background-image: url(../images/arrowbutton_left.gif);
	font-weight: bold;
	padding-top: .3em;
	padding-bottom: .3em;
	border-bottom: 1px dotted #ccc;
}
ul.iconlist li.print
{
	background-image: url(../images/print_icon.gif);
	padding-top: .3em;
	padding-bottom: .3em;
	border-bottom: 1px dotted #ccc;
}
ul.iconlist li.mylist
{
	background-image: url(../images/list_icon.gif);
	padding-top: .3em;
	padding-bottom: .3em;
	border-bottom: 1px dotted #ccc;
}
ul.iconlist li.results
{
	background-image: url(../images/arrowbutton_left.gif);
	font-weight: bold;
	padding-top: .3em;
	padding-bottom: .3em;
	border-bottom: 1px dotted #ccc;
}
ul.iconlist li.addnewproperty
{
	background-image: url(../images/icon_addnew_yellow.gif);
	padding-top: .3em;
	padding-bottom: .3em;
	border-bottom: 1px dotted #ccc;
}
ul.iconlist li.myprofile
{
	background-image: url(../images/icon_userprofile.gif);
	padding-top: .3em;
	padding-bottom: .3em;
	border-bottom: 1px dotted #ccc;
}
ul.iconlist li.changepassword
{
	background-image: url(../images/icon_changepassword.gif);
	padding-top: .3em;
	padding-bottom: .3em;
	border-bottom: 1px dotted #ccc;
}
ul.iconlist li.forgottenpassword
{
	background-image: url(../images/icon_forgottenpassword.gif);
	padding-top: .3em;
	padding-bottom: .3em;
	border-bottom: 1px dotted #ccc;
}
ul.iconlist li.forgottenusername
{
	background-image: url(../images/icon_forgottenusername.gif);
	padding-top: .3em;
	padding-bottom: .3em;
	border-bottom: 1px dotted #ccc;
}

ul.iconlist li.logout
{
	background-image: url(../images/icon_logout.gif);
	padding-top: .3em;
	padding-bottom: .3em;
	border-bottom: 1px dotted #ccc;
}
ul.iconlist li.signin
{
	background-image: url(../images/icon_signin.gif);
	padding-top: .3em;
	padding-bottom: .3em;
	border-bottom: 1px dotted #ccc;
}

/* ==== Formatting for Tables ======== */

.tableheader 
{
  background-color: #06c;
  color: #fff;
  font-size: 0.8em;
  font-weight: bold;
  text-align: left;
  padding: 3px;
}
th {
	padding: 3px;
	}
td {
	padding: 3px;
	border-bottom: solid 1px #d1d1d1;
	}
.light
{
  font-size: .75em;
  color: #4c4c4c;
}
.dark 
{
  font-size: .75em;
  background-color: #eeeff3;
  color: #4c4c4c;
}

/* WIDTH STYLES use to set consistent sizes for buttons and or other form elements------------*/

.width3em {
	width: 3em;
}
.width4em {
	width: 4em;
}
.width5em {
	width: 5em;
}
.width6em {
	width: 6em;
}
.width7em {
	width: 7em;
}
.width8em {
	width: 8em;
}
.width9em {
	width: 9em;
}
.width10em {
	width: 10em;
}
.width11em {
	width: 11em;
}
.width12em {
	width: 12em;
}
.width13em {
	width: 13em;
}
.width14em {
	width: 14em;
}
.width15em {
	width: 15em;
}
.width16em {
	width: 16em;
}

.width25 {
	width: 25%;
}
.width30 {
	width: 30%;
}
.width40 {
	width: 40%;
}
.width50 {
	width: 50%;
}
.width60 {
	width: 60%;
}
.width70 {
	width: 70%;
}
.width75 {
	width: 75%;
}
.width80 {
	width: 80%;
}
.width90 {
	width: 90%;
}
.width100 {
	width: 100%;
}