/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* - Copyright (c) 2012 Brad Harris.  All Rights Reserved. - */
/* = This is confidential, proprietary code, and cannot    = */
/* - be legally copied, modified, or used for any purpose  - */
/* = other than that for which it was originally licensed. = */
/* - For details on the use and licensing restrictions     - */
/* = please contact Brad Harris at                         = */
/* -   * brad@southcountysound.com                         - */
/* =   * (573) 444-1727                                    = */
/* - THE ABOVE NOTICE MUST REMAIN INTACT.                  - */
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

/* ================INSTRUCTIONS=================*/ 
/* The following are custom classes for use on the 
   USGS CR Center Intranet site.

   CSS Inheritance follows this path:

   common.css
   custom.css
   customInternet.css (this file)
   
*/

/* ****************************** */
/* Tag Defaults */
html, body, form {
  height: 100%;
}

a {
  color: #0000ff;
  text-decoration: underline;
}
a:link {
  color: #0000ff;
  text-decoration: underline;
}
a:visited {
  color: #0000ff;
  text-decoration: underline;
}
a:active {
  color: #ff0000;
  text-decoration: underline;
}
a:hover {
  color: #ff0000;
  text-decoration: underline;
}
h1 {
  font-size: large;
}
h2 {
  font-size: medium;
}
li, li p {
  margin-bottom: 0px;
  margin-top: 0px;
}

/* ****************************** */
/* Layout Styles */
#DivCenterHeader {
  border: none 0px #000000;
  float: left;
  clear: both;
  width: 100%;
}

/* column container */
#CustomContent {
  clear: both;
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
}

#DivCenterFooter {
  background-color: #ffffff;
  border: none 0px #000000;
  clear: both;
  float: left;
  position: relative;
  width: 100%;
}


/* ******************************************************* */
/* Three-Column Layout by Matthew James Taylor             */
/* http://matthewjamestaylor.com/blog/perfect-3-column.htm */
/* ******************************************************* */

/* column container */
.OuterColumnContainer {
  clear:both;
  float:left;
  overflow:hidden;    /* This chops off any overhanging divs */
  position:relative;  /* This fixes the IE7 overflow hidden bug */
  width:100%;         /* width of whole page */
}

/* common column settings */
.LeftColumnContainer,
.MainColumnContainer,
.RightColumnContainer {
  float:left;
  position:relative;
  width:100%;      /* width of page */
}
.LeftColumnContents,
.MainColumnContents,
.RightColumnContents {
  float:left;
  padding: 0px;        /* No left and right padding on columns, we just make them narrower instead. Only padding top and bottom is included here, make it whatever value you need. */
  position:relative;
  overflow:hidden;
}

/* 2 Column (left menu) settings */
.LeftMenuLayout {
  background:#fff;    /* right column background colour */
}
.LeftMenuLayout .LeftColumnContainer {
  right:75%;           /* right column width */
  background:#f4f4f4;  /* left column background colour */
}
.LeftMenuLayout .MainColumnContents {
  width:71%;      /* right column content width */
  left:102%;      /* 100% plus left column left padding */
}
.LeftMenuLayout .LeftColumnContents {
  width:23%;      /* left column content width (column width minus left and right padding) */
  left:3%        /* (right column left and right padding) plus (left column left padding) */
}

/* 3 Column settings */
.ThreeColumnLayout {
  background:#eee;		/* right column background colour */
}
.ThreeColumnLayout .MainColumnContainer {
  right:25%;			/* width of the right column */
  background:#fff;		/* center column background colour */
}
.ThreeColumnLayout .LeftColumnContainer {
  right:50%;			/* width of the middle column */
  background:#f4f4f4;	/* left column background colour */
}
.ThreeColumnLayout .MainColumnContents {
  width:46%;			/* width of center column content (column width minus padding on either side) */
  left:102%;			/* 100% plus left padding of center column */
}
.ThreeColumnLayout .LeftColumnContents {
  width:21%;			/* Width of left column content (column width minus padding on either side) */
  left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.ThreeColumnLayout .RightColumnContents {
  width:21%;			/* Width of right column content (column width minus padding on either side) */
  left:85%;			/* Please make note of the brackets here:
          (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* ******************************************************* */
/* End Three-Column Layout by Matthew James Taylor         */
/* http://matthewjamestaylor.com/blog/perfect-3-column.htm */
/* ******************************************************* */


/* ****************************** */
/* Style Switcher - Graphical v. Text-Only */
#StyleSwitcher {
  background: #526595 url("/images/styles_bg.png");
  background-position: top left;
  background-repeat: no-repeat;
  border: none;
  color: #b5c1dc;
  display: block;
  float: right;
  height: 1.8em;
  margin: 0px auto 0px 0px;
  padding: 6px 10px 0px 10px;
  text-align: right;
  width: 280px;
}
#StyleSwitcher a {
  color: #ffffff;
}
#StyleSwitcher a:link {
  color: #ffffff;
}
#StyleSwitcher a:visited {
  color: #ffffff;
}
#StyleSwitcher a:active {
  color: #ffff00;
}
#StyleSwitcher a:hover {
  color: #ffff00;
}


/* ****************************** */
/* Control Styles */
ul.UlClose li {
  list-style-type: none;
  margin-bottom: 8px;
  margin-left: -38px;
  margin-top: 0px;
}
ul.UlSpaced li {
  margin-bottom: 0px;
  margin-top: 8px;
}
ul.UlCentered {
  border: 0px none #000000;
  margin: 0;
  padding: 0;
}
ul.UlCentered li {
  list-style-type: none;
  margin-bottom: 0px;
  margin-top: 8px;
  text-align: center;
}
ul.UlNoBullet {
}
ul.UlNoBullet li {
  border-color: #cccccc;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  list-style-type: none;
  margin-bottom: 0px;
  margin-left: -38px;
  margin-top: 0px;
  padding: 4px 0px;
}

/* ****************************** */
/* Common Styles */
div.DivAddNewButton {
  margin: 0px 0px 12px 0px;
}
div.WrappedNodeName {
  margin-right: 20px;
  white-space: normal;
}
div.DivDetailPane {
  margin: 0px 0px 0px 8px;
}
div.DivTreePane {
  margin: 0px 8px 0px 0px;
}
div.ContinueButton {
  margin: 8px 0px;
  text-align: center;
}
div.Instructions {
  border: solid 1px #000000;
  display: block;
  font-weight: normal;
  margin: 12px auto;
  padding: 6px;
  text-align: center;
  white-space: normal;
  width: 85%;
}
.SuccessMessage {
  color: #009900;
  font-weight: bold;
}
.ErrorMessage {
  color: #ff0000;
  font-weight: bold;
}
div.DivClear {
  clear: both;
}
.RequiredFieldLabel {
  font-weight: bold;
}
th.RequiredFieldLabel {
  border: none 0px #000000;
  border-collapse: collapse;
  color: #ff0000;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  text-align: right;
  text-decoration: none;
}
th.RequiredFieldIndicator {
  border: none 0px #000000;
  border-collapse: collapse;
  color: #ff0000;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  text-align: right;
  text-decoration: none;
}
div.RequiredFieldsMessage {
  font-weight: bold;
  margin: 12px 8px;
  text-align: left;
}

a.RssLink img {
  float: right;
}

div.DivGMap {
  height: 400px;
  margin: 0px auto 16px auto;
  width: 650px;
}

.BlueUnderline {
  color: #0000ff;
  text-decoration: underline;
}
.BlueUnderline:link {
  color: #0000ff;
  text-decoration: underline;
}
.BlueUnderline:visited {
  color: #0000ff;
  text-decoration: underline;
}
.BlueUnderline:active {
  color: #ff0000;
  text-decoration: underline;
}
.BlueUnderline:hover {
  color: #ff0000;
  text-decoration: underline;
}

.StdText {
  color: #000000;
  text-decoration: none;
}
.StdText:link {
  color: #000000;
  text-decoration: none;
}
.StdText:visited {
  color: #000000;
  text-decoration: none;
}
.StdText:active {
  color: #000000;
  text-decoration: none;
}
.StdText:hover {
  color: #000000;
  text-decoration: none;
}
span.KeepTogether {
  white-space: nowrap;
}

table.ItemDetails {
  background-color: transparent;
  border: none 0px #000000;
  border-collapse: collapse;
  margin: 10px 0;
  padding: 0px;
  width: auto;
}
table.ItemDetails th {
  border: none 0px #000000;
  border-collapse: collapse;
  font-size: inherit;
  font-weight: bold;
  margin: 0px;
  padding: 0px 8px 3px 8px;
  text-align: right;
  vertical-align: middle;
  white-space: normal;
}
table.ItemDetails td {
  border: none 0px #000000;
  border-collapse: collapse;
  font-size: inherit;
  font-weight: normal;
  margin: 0px;
  padding: 0px 8px 3px 8px;
  text-align: left;
  vertical-align: middle;
  white-space: normal;
}

/* ****************************** */
/* Common Page Divs */
div.BreadCrumbs {
  font-size: x-small;
  font-weight: bold;
  margin: 8px 0px 0px 0px;
}
div.Title {
  font-size: large;
  font-weight: bold;
  margin: 12px 0px;
}
div.Subtitle {
  font-size: medium;
  font-weight: normal;
  margin: 0px 0px 12px 0px;
}
div.Text {
  margin: 0px 0px 12px 0px;
}
div.SectionHeader {
  font-size: medium;
  font-weight: bold;
  margin: 12px 0px 0px 0px;
}
.Centered {
  text-align: center;
}
div.DivShowAll {
  margin: 0px;
  padding: 4px 0px;
  text-align: center;
}
div.SlideshowItemIconList {
  display: block;
}
.DlSlideshowItemIconList {
  margin-left: auto;
  margin-right: auto;
}
div.SlideshowItemIconList img {
  border: none 0px #000000;
  margin: 8px 4px;
  vertical-align: middle;
}
div.DivFormField {
  padding: 12px 0px 0px 0px;
}

fieldset.FilterFieldset {
  margin-bottom: 8px;
}
fieldset.FilterFieldset legend {
  font-weight: bold;
}

/* ****************************** */
/* Top Links */
div.TopLinks {
  background-color: #000033;
  clear: both;
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 26px;
  margin: 0px;
  padding: 0px 5px;
}
div.TopLinks a {
  color: #FFFFFF;
}

/* ****************************** */
/* MasterPage Content Div */
#CustomContent {
  width: 100%;
}

/* ****************************** */
/* Home Page Content Styles */
.HomePageCommonContent {
}
div.HomePageCommonContent div.Title, h1.HomePageTitle {
  color: #00443F;
}
div.DivHomePagePanelHeader {
  background: #00443F;
  color: #ffffff;
  font-size: medium;
  font-weight: bold;
  padding: 3px 5px;
  margin: 12px 0px 0px 0px;
}
.HomePageFeaturedPublications {
}
.HomePageFeaturedHighlights {
}
.HomePageScienceTopicsList {
}
.HomePageFeaturedItems {
  border-style: inset;
  border-width: 3px;
  height: 120px;
  padding: 4px;
}
.HomePageFeaturedImage {
  border: none 0px #000000;
  margin: 8px 2px;
}


/* ****************************** */
/* Research Stations */
.StationSelector {
  float: right;
  margin-right: 3px;
  margin-top: 3px;
}
.StationImage {
  border: 0 none #000000;
  float: right;
}

div.ResearchStationList {
}

ul.ResearchStationList {
  margin: 15px 0px 0px 20px;
  padding: 0px;
}
ul.ResearchStationList li {
  float: left;
  font-weight: bold;
  height: 65px;
  list-style-type: none;
  margin: 0;
  padding: 0px 50px 0px 0px;
  text-align: center;
  width: 125px;
}


/* ****************************** */
/* Center Databases Page */
div.DivHostedDatabase {
  margin: 12px 0px;
}
div.HostedDatabaseName {
  font-weight: bold;
  margin: 0px;
  padding: 10px 0px 0px 0px;
}
div.HostedDatabaseName a {
  color: #0000ff;
  text-decoration: underline;
}
div.HostedDatabaseName a:link {
  color: #0000ff;
  text-decoration: underline;
}
div.HostedDatabaseName a:visited {
  color: #0000ff;
  text-decoration: underline;
}
div.HostedDatabaseName a:active {
  color: #ff0000;
  text-decoration: underline;
}
div.HostedDatabaseName a:hover {
  color: #ff0000;
  text-decoration: underline;
}
div.HostedDatabaseUrl {
  font-weight: normal;
  margin: 0px;
  padding: 0px 35px;
}
div.HostedDatabaseUrl a {
  color: #0000ff;
  text-decoration: underline;
}
div.HostedDatabaseUrl a:link {
  color: #0000ff;
  text-decoration: underline;
}
div.HostedDatabaseUrl a:visited {
  color: #0000ff;
  text-decoration: underline;
}
div.HostedDatabaseUrl a:active {
  color: #ff0000;
  text-decoration: underline;
}
div.HostedDatabaseUrl a:hover {
  color: #ff0000;
  text-decoration: underline;
}
div.HostedDatabaseDescription
{
  font-weight: normal;
  margin: 0px;
  padding: 4px 35px;
}
div.HostedDatabaseDescription a {
  color: #0000ff;
  text-decoration: underline;
}
div.HostedDatabaseDescription a:link {
  color: #0000ff;
  text-decoration: underline;
}
div.HostedDatabaseDescription a:visited {
  color: #0000ff;
  text-decoration: underline;
}
div.HostedDatabaseDescription a:active {
  color: #ff0000;
  text-decoration: underline;
}
div.HostedDatabaseDescription a:hover {
  color: #ff0000;
  text-decoration: underline;
}

/* ****************************** */
/* Center Events */
div.CenterEventWrapper {
  margin: 12px 0px 0px 0px;
}
div.CenterEventDate {
  display: inline;
  font-weight: bold;
  padding: 0px 6px 0px 0px;
}
div.CenterEventName {
  display: inline;
  font-weight: bold;
  padding: 0px 6px 0px 0px;
}
div.CenterEventName a {
  color: #0000ff;
  text-decoration: underline;
}
div.CenterEventName a:link {
  color: #0000ff;
  text-decoration: underline;
}
div.CenterEventName a:visited {
  color: #0000ff;
  text-decoration: underline;
}
div.CenterEventName a:active {
  color: #ff0000;
  text-decoration: underline;
}
div.CenterEventName a:hover {
  color: #ff0000;
  text-decoration: underline;
}
div.CenterEventDescription {
  display: inline;
  font-weight: normal;
  padding: 0px;
}
div.CenterEventDescription a {
  color: #0000ff;
  text-decoration: underline;
}
div.CenterEventDescription a:link {
  color: #0000ff;
  text-decoration: underline;
}
div.CenterEventDescription a:visited {
  color: #0000ff;
  text-decoration: underline;
}
div.CenterEventDescription a:active {
  color: #ff0000;
  text-decoration: underline;
}
div.CenterEventDescription a:hover {
  color: #ff0000;
  text-decoration: underline;
}
div.CenterEventUrl {
  display: block;
  font-weight: normal;
  padding: 0px;
}
div.CenterEventUrl a {
  color: #0000ff;
  text-decoration: underline;
}
div.CenterEventUrl a:link {
  color: #0000ff;
  text-decoration: underline;
}
div.CenterEventUrl a:visited {
  color: #0000ff;
  text-decoration: underline;
}
div.CenterEventUrl a:active {
  color: #ff0000;
  text-decoration: underline;
}
div.CenterEventUrl a:hover {
  color: #ff0000;
  text-decoration: underline;
}

/* ****************************** */
/* Contact Form */
table.TableContactForm {
  background-color: transparent;
  border: none 0px #000000;
  border-collapse: collapse;
  margin: 10px auto;
  padding: 0px;
  width: auto;
}
table.TableContactForm th {
  border: none 0px #000000;
  border-collapse: collapse;
  font-size: inherit;
  font-weight: bold;
  margin: 0px;
  padding: 0px 8px 3px 8px;
  text-align: left;
  vertical-align: top;
  white-space: normal;
}
table.TableContactForm td {
  border: none 0px #000000;
  border-collapse: collapse;
  font-size: inherit;
  font-weight: bold;
  margin: 0px;
  padding: 0px 8px 3px 8px;
  text-align: left;
  vertical-align: top;
  white-space: normal;
}

/* ****************************** */
/* Content Page */
div.ContentPageDetails {
  padding: 8px;
}
div.ContentLinks {
  margin: 6px 0px;
}
div.ContentSubsectionName {
  display: inline;
  font-weight: normal;
  padding: 0px 6px 0px 0px;
}
div.ContentSubsectionName a {
  color: #0000ff;
  text-decoration: underline;
}
div.ContentSubsectionDescription {
  display: block;
  font-weight: bold;
  margin: 0px 24px;
}
div.ContentSubsectionDescription a {
  color: #0000ff;
  text-decoration: underline;
}
div.ContentSubsectionUrl {
  font-weight: normal;
  margin: 0px;
  padding: 0px 35px;
}
div.ContentSubsectionUrl a {
  color: #0000ff;
  text-decoration: underline;
}
div.ContentSubsectionDescription {
  display: inline;
  font-weight: normal;
  padding: 0px;
}
div.ContentSubsectionDescription a {
  color: #0000ff;
  text-decoration: underline;
}

/* ****************************** */
/* HostedWebs Page */
div.DivHostedWeb {
  margin: 12px 0px;
}
div.HostedWebName {
  font-weight: bold;
  margin: 0px;
  padding: 10px 0px 0px 0px;
}
div.HostedWebName a {
  color: #0000ff;
  text-decoration: underline;
}
div.HostedWebName a:link {
  color: #0000ff;
  text-decoration: underline;
}
div.HostedWebName a:visited {
  color: #0000ff;
  text-decoration: underline;
}
div.HostedWebName a:active {
  color: #ff0000;
  text-decoration: underline;
}
div.HostedWebName a:hover {
  color: #ff0000;
  text-decoration: underline;
}
div.HostedWebUrl {
  font-weight: normal;
  margin: 0px;
  padding: 0px 35px;
}
div.HostedWebUrl a {
  color: #0000ff;
  text-decoration: underline;
}
div.HostedWebUrl a:link {
  color: #0000ff;
  text-decoration: underline;
}
div.HostedWebUrl a:visited {
  color: #0000ff;
  text-decoration: underline;
}
div.HostedWebUrl a:active {
  color: #ff0000;
  text-decoration: underline;
}
div.HostedWebUrl a:hover {
  color: #ff0000;
  text-decoration: underline;
}
div.HostedWebDescription
{
  font-weight: normal;
  margin: 0px;
  padding: 4px 35px;
}
div.HostedWebDescription a {
  color: #0000ff;
  text-decoration: underline;
}
div.HostedWebDescription a:link {
  color: #0000ff;
  text-decoration: underline;
}
div.HostedWebDescription a:visited {
  color: #0000ff;
  text-decoration: underline;
}
div.HostedWebDescription a:active {
  color: #ff0000;
  text-decoration: underline;
}
div.HostedWebDescription a:hover {
  color: #ff0000;
  text-decoration: underline;
}

/* ****************************** */
/* Links */
div.DivLink {
  margin: 12px 0px;
}
div.LinkName {
  font-weight: bold;
  margin: 0px;
  padding: 10px 0px 0px 0px;
}
div.LinkName a {
  color: #0000ff;
  text-decoration: underline;
}
div.LinkDescription
{
  font-weight: normal;
  margin: 0px;
  padding: 4px 35px;
}
div.LinkDescription a {
  color: #0000ff;
  text-decoration: underline;
}
/* LinkUrl is still used on the Internal site, though should be deprecated */
div.LinkUrl {
  font-weight: normal;
  margin: 0px;
  padding: 0px 35px;
}
div.LinkUrl a {
  color: #0000ff;
  text-decoration: underline;
}

/* ****************************** */
/* News Items */
div.NewsItemWrapper {
  margin: 12px 0px 0px 0px;
}
div.NewsItemDate {
  display: inline;
  font-weight: bold;
  padding: 0px 6px 0px 0px;
}
div.NewsItemName {
  display: inline;
  font-weight: bold;
  padding: 0px 6px 0px 0px;
}
div.NewsItemName a {
  color: #0000ff;
  text-decoration: underline;
}
div.NewsItemDescription {
  display: inline;
  font-weight: normal;
  padding: 0px;
}
div.NewsItemDescription a {
  color: #0000ff;
  text-decoration: underline;
}
div.NewsItemSource {
  display: inline;
  font-weight: normal;
  padding: 0px 6px 0px 0px;
}
div.NewsItemSource a {
  color: #0000ff;
  text-decoration: underline;
}

/* ****************************** */
/* Featured Items */
div.FeaturedName {
  display: block;
  font-weight: bold;
  margin: 6px 0px 0px 0px;
  padding: 0px;
}
div.FeaturedDescription {
  display: block;
  font-weight: normal;
  margin: 6px 0px 6px 18px;
  padding: 0px;
}
.FeaturedMoreInfo {
  display: block;
  font-weight: normal;
  margin: 6px 0px 6px 18px;
  padding: 0px;
}
.FeaturedMoreInfo a {
  color: #0000ff;
  text-decoration: underline;
}


/* ****************************** */
/* Outreach Highlights */
div.HighlightName {
  display: block;
  font-weight: bold;
  margin: 6px 0px 0px 0px;
  padding: 0px;
}
div.HighlightDate {
  display: block;
  font-size: smaller;
  font-weight: bold;
  margin: 9px 0px 0px 0px;
  padding: 0px;
}
div.HighlightIsFeatured {
  display: block;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}
div.HighlightDescription {
  display: block;
  font-weight: normal;
  margin: 6px 0px 6px 18px;
  padding: 0px;
}
div.HighlightDescription a {
  color: #0000ff;
  text-decoration: underline;
}
div.HighlightDescription a:link {
  color: #0000ff;
  text-decoration: underline;
}
div.HighlightDescription a:visited {
  color: #0000ff;
  text-decoration: underline;
}
div.HighlightDescription a:active {
  color: #ff0000;
  text-decoration: underline;
}
div.HighlightDescription a:hover {
  color: #ff0000;
  text-decoration: underline;
}

/* ****************************** */
/* Publications */
div.PublicationSelector {
  border: 0 solid #000000;
  float: left;
  margin: 0 8px 3px 0;
  padding: 0;
  white-space: nowrap;
}
ul.PublicationsByYear li {
  list-style: none;
}
div.PublicationYearHeading {
  border-bottom: dashed 1px #000000;
  font-size: 18px;
  font-weight: bold;
  margin: 0px;
  padding: 12px 0px 0px 0px;
}
div.PublicationYearGroup {
  margin: 0px 0px 0px 30px;
  padding: 0px;
}
div.PublicationTitle {
}
div.DivPublication {
  
}
div.DivPublication h2 {
  margin-bottom: 3px;
  padding-bottom: 0px;
}
div.PublicationCitation {
  padding-left: 50px;
  text-indent: -25px;
}
div.PublicationAbstract {
  margin: 8px 25px;
  padding: 0px;
}
div.PublicationUrl {
  margin: 0px 0px 8px 0px;
  padding: 0px;
}
div.PublicationAddedOn {
  font-weight: bold;
  margin: 0px 0px 8px 0px;
  padding: 0px;
}
div.ContentSubsectionPublicationGroupName {
  display: block;
  font-weight: bold;
  padding: 0px 6px 0px 0px;
}
div.ContentSubsectionPublicationGroupDescription {
  display: block;
  font-weight: normal;
  padding: 3px 24px;
}
div.ContentSubsectionPublication {
  display: block;
  font-weight: normal;
  padding: 0px 6px 0px 0px;
}
div.ContentSubsectionPublication a {
  color: #0000ff;
  text-decoration: underline;
}
div.ContentSubsectionLibraryId {
  display: block;
  font-size: x-small;
  font-weight: bold;
  margin: 0px 24px;
}

fieldset.FindLibraryId {
  border-color: #999999;
  border-style: double;
  border-width: 3px;
  float: left;
  text-align: center;
  width: 45%;
}
fieldset.FindLibraryId legend {
  font-weight: bold;
  text-align: left;
}
fieldset.FindLibraryId div {
  background-color: #cccccc;
  padding: 3px 8px;
  vertical-align: middle;
}
fieldset.FindLibraryId div label {
  vertical-align: middle;
}
fieldset.FindLibraryId div input {
  margin-top: 4px;
  vertical-align: middle;
}
fieldset.FindLibraryId div span input {
  margin-top: 0px;
  vertical-align: middle;
}


/* ****************************** */
/* Search                                  */
div.SearchOptions {
  border: solid 1px #000000;
  display: block;
  float: none;
  margin: 3px 0px;
  padding: 2px;
  text-align: center;
}
div.SearchHeader {
  font-size: medium;
  font-weight: bold;
  margin: 5px;
  padding: 5px;
  text-align: center;
  text-decoration: underline;
}

/* There are minor differences between the */
/* Internet and Intranet search forms, so  */
/* .SearchText must have two definitions.  */
div.SearchTextExternal {
  border-color: #000000;
  border-style: none;
  border-width: 0px;
  display: block;
  float: none;
  height: 166px;
  margin: 0;
  padding: 0;
  text-align: center;
}
div.SearchTextInternal {
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  float: left;
  height: 166px;
  margin: 5px;
  padding: 5px;
  text-align: left;
}

div.SearchDates {
  border: solid 1px #000000;
  display: block;
  float: none;
  height: 166px;
  margin: 5px;
  padding: 5px;
  text-align: center;
}

table.TableSearchForm {
  margin: 5px;
}
table.TableSearchForm td {
  text-align: left;
  vertical-align: top;
}
table.TableSearchForm th {
  text-align: left;
  vertical-align: top;
}
div.SearchButton {
  text-align: center;
}

div.HomePageSearch {
  border: none 0px #000000;
  margin: 3px 0px;
  padding: 3px;
}

div.FooterSearch {
  border-color: #000000;
  border-style: dashed;
  border-width: 1px 0px 0px 0px;
  margin: 18px 0px;
  padding: 12px 0px 0px 0px;
}

.FooterIcons {
  border: none;
  float: right;
  margin-right: 5px;
}
/* ****************************** */
/* Staff Page */
.StaffPhoto {
  border: none 0px #000000;
  float: right;
  margin: 8px;
}
div.DivStaffDetails {
  margin: 8px;
}
div.StaffAchievementName {
  display: inline;
  font-weight: bold;
}
div.StaffAchievementDate {
  display: inline;
  font-size: 10px;
  font-weight: normal;
  margin: 0px 12px;
}
div.StaffAchievementDescription {
  display: block;
  font-weight: normal;
  margin: 4px 0px 12px 24px;
}

table.TableStaffInfo th {
  text-align: left;
  vertical-align: top;
}
table.TableStaffInfo td div.PositionName {
  font-weight: bold;
}
table.TableStaffInfo td div.PositionDescription {
  font-weight: normal;
  padding: 8px 32px;
}