/* ------------------------ interface styles ------------------------ */

/* change these styles to match the look and feel of the company site,
   but do not modify the class or id names. other than the parts listed
   here the annual report interface is not customizeable */

/* styles for header bar */

.header {
  height:93px;
  background:#FFFFFF;
  text-align:center;
  overflow:hidden;
  width:920px;
}

/* styles for top navigation bar */

.nav-top {
  background:#004528 url(../images/navbar1.gif) repeat-x top left;
  color:#fff;
}

/* styles for bottom navigation bar */

.nav-bottom {
  background:#FEE199 url(../images/navbar2.gif) repeat-x top left;
}

/* link styles */

a {
  text-decoration:none;
}

a:link, a:visited {
  color:#AAA;
  font-weight:bold;
}

a:hover, a.hover {
  color:#004528;
}

/* thumbnail link borders */

a:link .thumbnail, a:visited .thumbnail {
  border:1px solid;
}

a:hover .thumbnail, a.hover .thumbnail {
  border:1px solid #FEE199;
}

/* search match highlighting style */

#search-results td.third-column strong {
  font-weight:normal;
  background-color:#FEE199;
}



/* -------------------------- header styles -------------------------- */

/* if you have defined any classes or ids in the markup for the report
   header, then you can put styles for them here. you can do anything
   you like with these styles, but watch out for naming conflicts. if the
   report looks weird then you've probably used a reserved class or
   id name. try using a "safe" naming convention, like prefixing all of 
   your custom classes with the company epic */

#hem-logo-container {
  width:945px;
  margin:5px auto;
}

#hem-logo {
  margin:4px 0 4px 2px;
  padding:0;
  float:left;
}

#hem-title {
  height:50px;
  vertical-align:middle;
  float:right;
  text-align:right;
  font-family:verdana,arial,sans-serif;
  color: #113C8B;
  padding-top: 30px;
}

#hem-title h1 {
  font-size:1.1em;
  padding:23px 20px 0 0;
  font-family:serif;
  color:#000;
}

#hem-title p {
  font-size:1em;
  margin:0 2px 0 0;
}

#contentdiv td.content {
	width:905px !important;
}

.email #from, .email #address, .email #subject, .email #from input, .email #address input, .email #subject input {
	width:790px !important;
}

.textarea, .textarea textarea {
	width:787px !important;
}

#email-form .textfield input{
	font-size:.9em;
}

.navigation-bar input{
	font-size:.7em !important;
}

.gradient {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=, sizingMethod=scale) !important;
	background:none !important;
}