

<!-- Detail/Content Frame -->

H1 { font-family: Arial,Helvetica, sans-serif; font-size: 95%; letter-spacing: -.03em   }

.collection-total {  margin-top: 0px; margin-bottom: -10px; font-weight:bold; padding-left: 20px; font-family: Arial,Helvetica, sans-serif; font-size: 71%; color: #000000; }

.accessibility-jumps { font-size:50%; color: #FFFFFF; margin-top: -20px; margin-bottom: 0px; }

.content {   margin: 7px; background-color: #FFFFFF ; font-family: Arial, Helvetica, sans-serif }

.complete-tree {  padding-left:1em; font-family: Arial, Helvetica, sans-serif; font-size: 75%; background-color: #FFFFFF}

.description-text {  padding-left:.5em;font-family: Arial,Helvetica, sans-serif; font-size: 70%; background-color: #FFFFFF}

.instruction-text {  padding-left:.5em; font-family: Arial, Helvetica, sans-serif; font-size: 75%; background-color: #FFFFFF}

.information {  font-family: Arial, Helvetica, sans-serif; font-size: 70%; color:#993300;}

.paging-text { font-size: 71%}

.buttons  {  font-family: Arial,Helvetica, sans-serif; font-size:  70%; margin: 1px 2px 1px 2px; border: 1px solid black; background-color:#D8D8D8; }

.buttons#functions  {  font-family: Verdana, sans-serif; font-size:  70%; margin: 2px 2px 2px 2px; border: 1px solid black; background-color:#CCCCCC;   }

.buttons#navigation   {  font-family: Verdana, sans-serif; font-size:  70%;  border: 1px black solid; background-color:#D8D8D8; margin-top:2px;}

.buttons#other {  font-family: Arial,Helvetica, sans-serif; font-size:  95%; margin: 2px 2px 2px 2px; border: 1px solid black;}

.buttons#steps {  font-family: Arial,Helvetica, sans-serif; font-size:  95%; padding-left: -1em; margin: 2px 5px 2px 0px; border: 1px solid black; background-color:#FFFFFF;}

.showhide-buttons {  font-family: Arial,Helvetica, sans-serif; font-size: 95%; margin-top: 10px; margin-left:10px  }

.find-filter {  font-family: Arial,Helvetica, sans-serif; font-size: 71%; color: #000000; font-weight:bold }

.find-filter-expanded {  padding-left: 5em;font-family: Arial,Helvetica, sans-serif; font-size: 71%; color: #000000; }


<!-- Navigation Tree -->

.navtree {  background-color: #FFFFFF ; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 75%; border-right: 1px ridge black; margin-left: 10px;margin-top: 10px}

.navtree-items {  font-family:  Arial,Helvetica, sans-serif; font-size: 75%}

.no-script-link {font-family: Verdana,Arial,Helvetica, sans-serif; font-size: 90%;color: #FFFFFF; position: absolute; top:-1.5em}

.task-item {font-size: 110%; color: #000000;}


<!-- Login page -->

.login-problem { position:absolute; top: 20%;left: 20%; }

.login-table { position:absolute; top: 300px; left:200px; }

.login-problem-text  { color: #FFFFFF; font-family: Arial,Helvetica, sans-serif; font-weight: bold; font-size:100%; margin-right: 10%}

.login-document-background {  background-color: #3366FF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}

.login-image-background {  background-color: #000000 }


<!-- Process Indicator -->

.loading { position: absolute; left:15%; top:30%; font-family: Arial,Helvetica, sans-serif; font-size:  125%; color: #CCCCCC; font-weight:bold}


<!-- Validation Errors and Required -->

.red-text {color: #CC0000; font-weight: bold}

.required {color: #CC0000; font-weight: bold;  font-size: 125%; }

.validation-error {color: #CC0000; font-weight: bold;  font-size: 100%;}

.error {color: #CC0000; font-weight: bold;  font-size: 200%;}