/* ---------------------- control styles ------------------------ */

* {
  margin:auto;
  padding:0;
  border:0;
}

body {
  width:100%;
  height:100%;
  overflow:hidden;
}

p, h1, h2, h3 {
  margin-top:0;
}

#main {
  width:100%;
  height:100%;
}

td.navbar {
  width:100%;
}

td.content {
  width:100%;
  height:100%;
}

#header-spacer { 
  width:100%;
}

#header-container {
  position:absolute;
  width:100%;
  top:0;
  left:0;
  border-bottom:1px solid #D7DCDF;
}

.navigation-container {
  width:100%;
  height:36px;
  border-top:1px solid #D7DCDF;
  border-bottom:1px solid #D7DCDF;
  text-align:center;
}

.navigation-bar {
  margin:0 auto;
  width:790px;
  height:36px;
}

#navigation-shadow, #navigation-separator1, #navigation-separator2 {
  clear:both;
  width:100%;
  height:10px;
  background:url(../images/shadow-horizontal.png) repeat-x 0 -10px;
}

#navigation-separator1 {
  height:5px;
}

#navigation-separator2 {
  height:4px;
}

.navigation-panel {
  float:left;
  height:36px;
  overflow:hidden;
  background:url(../images/stripes.png) repeat-x;
}

.textfield-left {
  float:left;
  width:8px;
  height:36px;
  background:url(../images/textfield-left.png) no-repeat top right;
}

.textfield-right {
  float:left;
  width:8px;
  height:36px;
  background:url(../images/textfield-right.png) no-repeat top right;
}

.textfield {
  float:left;
  width:150px; /* default width */
  height:36px;
  background:url(../images/textfield.png) repeat-x;
  overflow:hidden;
}

.textfield input {
  position:relative;
  font-size:0.75em;
  width:100px; /* default width */
  height:13px;
  margin:0;
  margin-top:11px;
  background:#F2F2F2;
}

.button {
  margin:0;
  float:left;
  height:36px;
  width:46px;
  overflow:hidden;
}

.button * {
  margin:0;
  outline:0;
  position:relative;
  top:-108px;
  display:block;
  height:144px;
  width:46px;
}

.button *:hover {
  top:-72px;
}
.button .disabled, .button .toggled {
  top:-36px;
}

.button *:active{
  top:0;
}


#back-button * {
  background:url(../images/back-button.png);
}

#forward-button * {
  background:url(../images/forward-button.png);
}

#front-button * {
  background:url(../images/front-button.png);
}

#end-button * {
  background:url(../images/end-button.png);
}

#search-button *, #chapter-button *, #go-button * {
  background:url(../images/go-button.png);
}

#zoomin-button * {
  background:url(../images/zoomin-button.png);
}

#zoomout-button * {
  background:url(../images/zoomout-button.png);
}

#zoom-icon * {
  background:url(../images/zoom-icon.png);
}

#pdf-icon * {
  background:url(../images/pdf-icon.png);
}

#pdf-ss-icon * {
  background:url(../images/pdf-ss-icon.png);
}

#xls-icon * {
  background:url(../images/xls-icon.png);
}

#print-icon * {
  background:url(../images/print-icon.png);
}

#downloads-icon * {
  background:url(../images/downloads-icon.png);
}

#feedback-icon * {
  background:url(../images/feedback-icon.png);
}

#email-icon * {
  background:url(../images/email-icon.png);
}

#help-icon * {
  background:url(../images/help-icon.png);
}

#singlepage-icon * {
  background:url(../images/singlepage-icon.png);
}

#doublepage-icon * {
  background:url(../images/doublepage-icon.png);
}

#thumbnails-icon * {
  background:url(../images/thumbnailpage-icon.png);
}

.left-divider {
  float:left;
  height:36px;
  width:7px;
  background:url(../images/divider.png) no-repeat top right;
}

.right-divider {
  float:left;
  height:36px;
  width:7px;
  background:url(../images/divider.png) no-repeat top left;
}

.divider {
  float:left;
  height:36px;
  width:15px;
  background:url(../images/divider.png) no-repeat top right;
}

.spacer {
  float:left;
  height:36px;
  width:27px;
}

/* navigation controls */

#search-field, #search-field *,
#search-field-example, #search-field-example * {
  width:172px;
}

#page-field, #page-field *,
#page-field-example, #page-field-example * {
  width:113px;
}

#chapter, #chapter-example {
  float:left;
  font-size:0.75em;
  width:180px;
  margin:11px 4px 0 4px;
}

/* javscript dropdown */
a.dropdown-button {
  display:block;
  float:left;
  width:36px;
  height:36px;
 background:url(../images/dropdown-button.png) no-repeat top left;
 
  }
a.dropdown-button:hover {
  background:url(../images/dropdown-button.png) no-repeat bottom left;
   
  }

#dropdown-panel {
  z-index:10;
  display:none;
  margin-top:26px;
  margin-left:-3px;
  position:absolute;
  background:white;
  height:200px;
  text-align:left;
  font-family:verdana;
  font-size:0.65em;
  border-left:1px solid gray;
  border-bottom:1px solid gray;
  overflow:auto;
  overflow-x:hidden;
  overflow-y:auto;
  padding:3px;
}

#dropdown-panel * {
  margin:0;
  border:0;
  padding:0;
}

#dropdown-panel a {
  display:block;
  width:auto;
  text-decoration:none;
  color:black;
  padding:0.25em 0;
  _margin-right:1.6em;
  border-bottom:1px solid #eee;

  }

#dropdown-panel a:hover {
  background:#eee;
}

#drop-field, #drop-field * {
  cursor:default;
  width:190px;
}

/* ---------------------- content styles ------------------------ */

#contentframe {
  width:100%;
  height:100%;
}

#contentdiv {
  width:100%;
  height:100%;
  display:none;
  background:white;
}

#contentdiv td.content {
  text-align:left;
  padding:8px;
  width:734px;
  font-family:verdana, arial, sans-serif;
  background:#FAFAFA;
  border:1px solid #D7DCDF
}

#contentdiv td, #contentdiv th {
  font-size:0.75em;
}

#footer-container {
  width:100%;
  margin:0 auto;
  text-align:center;
  background:#F3F3F3;
  height:46px;
}

#footer-shadow {
  width:100%;
  height:10px;
  background:url(../images/shadow-horizontal.png) repeat-x top left;
  border-bottom:1px solid #D7DCDF;
}

#footer {
  height:36px;
  width:100%;
}

#footer #hsir-logo {
  float:right;
  height:36px;
  width:135px;
  overflow:hidden;
}

#footer #hsir-logo img {
  position:relative;
  top:-36px;
  height:72px;
  width:135px;
  background:url(../images/hemscottir-logo.png) no-repeat top left;
}

#footer #hsir-logo:hover img {
  top:0;
}

#footer #hsir-text {
  float:right;
  height:36px;
  line-height:36px;
  color:#888;
  font-family:verdana,arial,sans-serif;
  
}

p, h1, h2 {
  margin-bottom:1em;
}

h1, h2 {
  font-size:1.5em;
}

/* shadow border styles */

.shadow-top, .shadow-bottom, .shadow-left, .shadow-right,
.shadow-top-left, .shadow-top-right, .shadow-bottom-left, .shadow-bottom-right {
  margin:0;
  padding:0;
  border:0;
}

.shadow-top, .shadow-bottom {
  height:10px;
  background:url(../images/shadow-horizontal.png) repeat-x top left;
}

.shadow-bottom {
  background-position:bottom left;
}

.shadow-left, .shadow-right {
  width:10px;
  background:url(../images/shadow-vertical.png) repeat-y top left;
}

.shadow-right {
  background-position:top right;
}

.shadow-top-left, .shadow-top-right, .shadow-bottom-left, .shadow-bottom-right {
  width:10px;
  height:10px;
  background:url(../images/shadow-corner.png) no-repeat top left;
}

.shadow-top-right {
  background-position:top right;
}

.shadow-bottom-left {
  background-position:bottom left;
}

.shadow-bottom-right {
  background-position:bottom right;
}

.shadow-left img, .shadow-right img {
  width:10px;
}

.content .shadow-top, .content .shadow-bottom {
  background-image:url(../images/inner-shadow-horizontal.png);
}

.content .shadow-left, .content .shadow-right {
  background-image:url(../images/inner-shadow-vertical.png);
}

.content .shadow-top-left, .content .shadow-top-right,
.content .shadow-bottom-left, .content .shadow-bottom-right {
  background-image:url(../images/inner-shadow-corner.png);
}

/* thumnail styles */

div.thumbnails {
  float:left;
  text-align:center;
  width:33%;
  height:190px;
  overflow:hidden;
  margin-top:0;
  padding-top:0;
}

table.thumbnails {
  margin:30px auto;
  table-layout:fixed;
}

table.thumbnails td {
  width:120px;
}

table.thumbnails td table {
  margin:0;
}

table.thumbnails td table td {
  width:auto;
}

.thumbnail, .report-page {
  border:1px solid #D7DCDF;
  cursor:pointer;
}

.report-page {
  background:white url(../images/loading.png) no-repeat center center;
}

/* search page styles */

#search-results {
  width:100%;
  margin:1em 0 1em 0;
}

#search-results td.first-column {
  width:180px;
  padding-top:8px;
}

#search-results td.second-column {
  padding:0 8px 8px 8px;
}

#search-results td.third-column {
  padding-top:8px;
  padding-bottom:8px;
  border-bottom:2px solid #CCC;
}

#search-results a.expand, #search-results a.contract {
  float:left;
  height:10px;
  width:64px;
  line-height:10px;
  background:url(../images/expand-arrow.gif) no-repeat top right;
}

#search-results a.contract {
  width:68px;
  background-position:bottom right;
}



/* help page styles */

.help .nav-top, .help .nav-bottom {
  border-top:1px solid #D7DCDF;
  border-bottom:1px solid #D7DCDF;
  border-right:1px solid #A4A4A4;
  height:36px;
  clear:both;
  margin-bottom:0.5em;
}

.help .nav-top span, .help .nav-bottom span {
  line-height:36px;
}

.gradient {
  height:36px;
  width:100%;
  float:left;
  background:url(../images/gradient.png) repeat-y top right;
}

/* email form styles */

.email {
  overflow:hidden;
}

.email label {
  display:block;
  float:left;
  clear:left;
  padding-right:5px;
  width:70px;
  height:36px;
  line-height:36px;
  text-align:right;
}

.email .text {
  display:block;
  float:left;
  width:645px;
  padding-top:11px;
  margin-left:3px;
  margin-bottom:1em;
}

.email #from, .email #address, .email #subject,
.email #from input, .email #address input, .email #subject input {
  width:635px;
}

.textarea-left {
  float:left;
  width:8px;
  height:200px;
  background:url(../images/textarea-left.png) no-repeat top right;
}

.textarea-right {
  float:left;
  width:8px;
  height:200px;
  background:url(../images/textarea-right.png) no-repeat top right;
}

.textarea {
  float:left;
  width:635px; /* default width */
  height:200px;
  background:url(../images/textarea.png) repeat-x;
  overflow:hidden;
}

.textarea textarea {
  position:relative;
  width:635px; /* default width */
  height:178px;
  margin-top:11px;
  background:#F2F2F2;
}

.email br {
  clear:both;
  margin:0;
  padding:0;
}

.email .email-button {
  float:left;
  height:36px;
  width:100px;
  overflow:hidden;
  padding:0;
  margin-left:70px;
}

.email .email-button * {
  outline:0;
  border:0;
  position:relative;
  top:-108px;
  left:0;
  display:block;
  height:144px;
  width:100px;
  padding:0;
  margin:0;
  background:url(../images/sendemail-button.png);
}

.email .email-button *:hover {
  top:-72px;
}

.email .email-button .disabled {
  top:-36px;
}

/* downloads page styles */

.downloads table {
  width:100%;
}

.downloads th, .downloads td {
  padding:3px;
}

.downloads td {
  width:50px;
}

.downloads th {
  width:600px;
  font-weight:bold;
  text-align:left;
}

.downloads tr.title-row th, .downloads tr.title-row td {
  width:50px;
  border-bottom:2px solid #CCC;
  padding:0 0 0.5em 0;
}

.downloads tr.titled-title-row th, .downloads tr.titled-title-row td {
  padding:30 0 0.5em 0;
}

.downloads tr.titled-title-row td {
  text-align:left;
}


.downloads tr.title-row td {
  width:600px;
}

.downloads tr.odd {
  background:transparent;
}

.downloads tr.even {
  background:#EEE;
}

.downloads a.icon {
  display:block;
  float:left;
  margin-left:10px;
  height:30px;
  width:30px;
  overflow:hidden;
}

.downloads a.icon * {
  outline:0;
  display:block;
  height:30px;
  width:30px;
  background-position:-8px -113px;
}

.downloads a:hover * {
  background-position:-8px -77px;
}

.downloads .pdf-icon * {
  background:url(../images/pdf-icon.png);
}

.downloads .pdf-ss-icon * {
  background:url(../images/pdf-ss-icon.png);
}

.downloads .xls-icon * {
  background:url(../images/xls-icon.png);
}

/* pdf downloads info */

#adobe-logo {
  float:left;
  display:block;
  width:88px;
  height:31px;
  background:url(../images/adobe-reader.png) no-repeat top left;
  margin-right:1em;
}

#adobe-text {
  float:left;
}