/*COLOURS*/
/*HEADER*/
/*BODY*/
/*FOOTER*/
/*FONTS*/
/*
 * HTML5 ? Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * ==|== normalize ==========================================================
 */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]), [hidden] {
  display: none;
}

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-size: 13px;
  line-height: 1.231;
  font-family: sans-serif;
  color: #222;
}

button, input, select, textarea {
  font-family: sans-serif;
  color: #222;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
::-moz-selection, ::selection {
  background: navy;
  color: white;
  text-shadow: none;
}

/* =============================================================================
   Links
   ========================================================================== */
a {
  color: #00e;
}
a:visited {
  color: #2F4F4F;
}
a:hover {
  color: #06e;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  /*  font-size: 12px;*/
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
  font-family: monospace, monospace;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}
q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}

dd {
  margin: 0 0 0 40px;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) {
  overflow: hidden;
}

.tool-export select {
  margin: -2px 0px 0px 0px;
}

/*
.tool-export {
  float: left;
  background-color: $or-ui-primary-colour;
  color: $or-ui-general-background-colour;
  list-style: none;
  padding: 0;
  margin:0;
  margin-top:-5px;
  padding:5px;
  width: 80px;
  font-weight: bold;

  a {
    background-color: $or-ui-primary-colour;
    color: $or-ui-general-background-colour;
    list-style: none;
    text-decoration:none;
    &:hover, &:active, &:visited {
      background-color: $or-ui-primary-colour;
      color: $or-ui-general-background-colour;
      list-style: none;
      text-decoration:none;
    }
  }
}

.tool-export-open {
  padding-left: 15px;
  width:140px;
  background-color: $or-ui-primary-colour;
  color: $or-ui-general-background-colour;
  list-style: none;
  padding: 0;
  margin:0;
  padding-top:5px;

  a {
    background-color: $or-ui-primary-colour;
    color: $or-ui-general-background-colour;
    list-style: none;
    text-decoration:none;
    &:hover, &:active, &:visited {
      background-color: $or-ui-primary-colour;
      color: $or-ui-general-background-colour;
      list-style: none;
      text-decoration:none;
    }
  }
}*/
/* =============================================================================
   Figures
   ========================================================================== */
figure, form {
  margin: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* Indicate that 'label' will shift focus to the associated form element */
label {
  cursor: pointer;
}

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button, input {
  line-height: normal;
  *overflow: visible;
}

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
table button, table input {
  *overflow: auto;
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Consistent box sizing and appearance
 */
/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: both;
}

/* Colors for form validity */
input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

/* =============================================================================
   Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

/* ==|== primary styles =====================================================
   Author: Andrew Fox
   ========================================================================== */
/*GENERAL*/
body {
  font: 300 11pt/1.5 "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  padding: 0 0 0.5em;
  width: 100%;
  margin: 0 auto;
  background-color: #4d4d4d;
  color: #444;
}

h1 {
  font-size: 16pt;
  line-height: 1.3em;
  margin: 0;
  font-weight: bold;
}

h2 {
  font-size: 12pt;
  line-height: 1.3em;
  margin: 0.5em 0 0.5em 0;
  padding: 0;
  font-weight: bold;
}

h3, h4, h5, h6 {
  line-height: 1.3em;
  margin: 0.5em 0 0.5em 0;
  padding: 0;
  font-weight: bold;
}

p {
  margin: 0 0 0.5em 0;
  line-height: 1.3em;
}

a {
  color: #404040;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:active, a:visited {
  color: #404040;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:hover {
  color: black;
}

table {
  table-layout: fixed;
  /*background: #eee;*/
}

td {
  text-align: left;
  border: 1px solid #dddddd;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 9pt;
}

th {
  text-align: left;
  border: 1px solid #dddddd;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 9pt;
  /*  text-transform: uppercase; */
  font-size: 8pt;
  font-weight: normal;
  background-color: #ddd;
}

select, input, textarea, button {
  font: 10pt "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  background: #fff;
  border-radius: none;
}

#container {
  width: 100%;
  margin: 0 auto;
}

.description {
  margin: 0;
  padding: 0 0 5pt 0;
  text-transform: uppercase;
  font-size: 11pt;
  font-weight: bold;
  color: #404040;
}
.description a {
  text-decoration: none;
}

header {
  background: #cc0033;
  color: black;
  text-weight: bold;
  position: relative;
}
header h1 {
  padding: 0.2em 10pt 0.2em 10pt;
}
header h1 a {
  color: white;
  font: 100 24pt/1.5 "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  /*      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);*/
  padding: 0;
  text-decoration: none;
}
header h1 a:visited {
  color: white;
  font: 100 24pt/1.5 "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  /*      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);*/
  padding: 0;
  text-decoration: none;
}
header h1 a:hover {
  color: white;
}

/*PARENT BAR*/
#parent {
  background: #003366;
  /*note this can be either a color or repeating background image. for image look for line-bgd.gif*/
  /*background: url('../img/bgLogo.png');
  background-repeat:repeat-x;*/
  padding: 5pt 10pt;
  font-size: 5pt;
  color: #666;
  position: relative;
  min-height: 90px;
}
#parent a {
  color: #666;
  font-size: 10pt;
  padding: 2pt 5pt;
  text-decoration: none;
}
#parent a:hover {
  color: black;
  text-decoration: underline;
}

/*LOGO*/
a#logo {
  margin: 0;
  padding: 0;
}
a#logo:active img {
  background-color: #fff;
}
a#logo img {
  max-width: 300px;
  display: block;
  overflow: hidden;
  padding: 0;
}

/*MAIN NAV*/
nav#mainnav {
  padding-top: 3px;
  background-color: black;
}
nav#mainnav ul {
  margin: 0;
}
nav#mainnav ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
nav#mainnav li {
  border-top: 1px solid #444444;
  display: none;
  margin: 0;
  padding: 0;
}
nav#mainnav li.navshow {
  padding: 5pt 10pt 5pt 19pt;
  margin: 0;
  color: #eee;
  font-size: 10pt;
  /*        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);*/
  background: url(../img/close.png) no-repeat 10pt center;
  display: block;
  cursor: pointer;
}
nav#mainnav li.navshow:hover {
  display: block;
  cursor: pointer;
  background-color: #444;
}
nav#mainnav a {
  display: block;
  padding: 6pt 10pt 6pt;
  white-space: nowrap;
  margin: 0;
  font-size: 10pt;
  color: white;
  text-decoration: none;
  /*      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);*/
}
nav#mainnav a:hover {
  color: black;
  background-color: white;
}
nav#mainnav .current a {
  text-shadow: none;
  background-color: #fff;
  color: #333;
}
nav#secnav ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
nav#secnavul {
  margin: 0;
}
nav#secnav li {
  border-top: 1px solid #444444;
  display: none;
  margin: 0;
  padding: 0;
}
nav#secnav li.navshow {
  padding: 5pt 10pt 5pt 19pt;
  margin: 0;
  color: #eee;
  font-size: 10pt;
  /*        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);*/
  background: url(../img/close.png) no-repeat 10pt center;
  display: block;
  cursor: pointer;
}
nav#secnav li.navshow:hover {
  display: block;
  cursor: pointer;
  background-color: #444;
}
nav#secnav a {
  display: block;
  padding: 3pt 5pt 3pt;
  white-space: nowrap;
  color: #ccc;
  margin: 0;
  font-size: 10pt;
  color: #cccccc;
  text-decoration: none;
  /*      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);*/
}
nav#secnav a:hover {
  background-color: white;
}
nav#secnav .current a {
  text-shadow: none;
  background-color: #fff;
  color: #333;
}

/*SECNAV*/
#downloads h1.open {
  background: url(../img/open.png) no-repeat 10pt center #eeeeee;
}

nav#mainnav .navsearch {
  position: relative;
  width: 100%;
}

.navsearch form {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 200px;
  height: 26px;
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
}

nav#mainnav .navlocale {
  position: relative;
  width: 100%;
}
nav#mainnav .navlocale a {
  color: black;
  padding: 1px;
}

.navlocale form {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 26px;
  margin: 0;
  padding: 0;
  border-width: 1px;
  border-color: #000000;
  border-style: solid;
}

.s-text {
  position: absolute;
  background: white;
  top: 0;
  left: 0;
  border: 0;
  height: 26px;
  padding: 0;
  margin: 0;
  width: 171px;
}
.s-text input[type=text] {
  font: 300 10pt/1.5 "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  color: #222;
  background: transparent;
  position: absolute;
  top: 0;
  left: 5px;
  border: 0;
  height: 26px;
  padding: 0;
  margin: 0;
  width: 168px;
}

.s-text2 {
  position: absolute;
  background: #eee;
  top: 0;
  left: 0;
  border: 0;
  height: 26px;
  padding: 0;
  margin: 0;
  width: 171px;
}
.s-text2 input[type=text] {
  font: 300 10pt/1.5 "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  color: #222;
  background: transparent;
  position: absolute;
  top: 0;
  left: 2px;
  border: 0;
  height: 26px;
  padding: 0;
  margin: 0;
  width: 168px;
}

.localeselect {
  font: 300 10pt/1.5 "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  color: #222;
  background: transparent;
  top: 0;
  left: 5px;
  border: 0;
  height: 26px;
  padding: 0;
  margin: 0;
  width: 100px;
}

.s-submit {
  position: absolute;
  top: 0;
  right: 0;
  background: #878786;
  padding: 5px 5px 6px 6px;
  border-radius: 0;
}

input.s-submit:hover {
  background: #0072e5;
}

.s-submit2 {
  position: absolute;
  top: 0;
  background: black;
  padding: 5px 5px 6px 6px;
  border-radius: 0;
}

input.s-submit2:hover {
  background: black;
}

/*FORM DEFAULT*/
fieldset {
  padding: 1em 0;
  margin-bottom: 2pt;
}

legend {
  display: block;
  font-weight: bold;
  padding-top: 0.5em;
}

input[type="button"], input[type=submit] {
  background: silver;
  color: white;
  font: 900 11pt/1.4 "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  border: none;
  padding: 3pt 11pt;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input[type="button"] .basic, input[type=submit] .basic {
  background-color: transparent;
  color: #002664;
  font-size: 9pt;
  text-shadow: none;
  text-decoration: underline;
}
input[type="button"].basic, input[type=submit].basic {
  background-color: transparent;
  color: #002664;
  font-size: 9pt;
  text-shadow: none;
  text-decoration: underline;
}
input[type="button"]:hover, input[type=submit]:hover {
  background-color: gray;
}
input.add {
  font: normal 10pt/1.4 "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  background: url(../img/plus-15x15.png) no-repeat 3px center white;
  border: none;
  padding: 2pt 4pt 2pt 15pt;
  text-shadow: none;
  border-radius: 2pt;
  color: #607890;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input.add:hover {
  color: #036;
  background-color: #bbb;
}
input.delete {
  font: normal 10pt/1.4 "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  background: url(../img/minus-15x15.png) no-repeat 3px center white;
  border: none;
  padding: 2pt 4pt 2pt 15pt;
  text-shadow: none;
  border-radius: 2pt;
  color: #607890;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input.delete:hover {
  color: #036;
  background-color: #bbb;
}
input.add2 {
  font: normal 10pt/1.4 "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  background: url(../img/plus-15x15.png) no-repeat 3px center #47a1fc;
  border: none;
  padding: 2pt 4pt 2pt 12pt;
  text-shadow: none;
  border-radius: 2pt;
  color: #607890;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input.add2:hover {
  color: black;
  background-color: #0072e5;
}
input[type="submit"].add2:disabled, input[type="button"].add2:disabled {
  font: normal 10pt/1.4 "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  background: url(../img/plus-15x15.png) no-repeat 3px center white;
  border: none;
  padding: 2pt 4pt 2pt 12pt;
  text-shadow: none;
  border-radius: 2pt;
  color: #607890;
  cursor: inherit;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input.remove {
  font: normal 10pt/1.4 "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  background: url(../img/minus-15x15.png) no-repeat 3px center #47a1fc;
  border: none;
  padding: 2pt 4pt 2pt 12pt;
  text-shadow: none;
  border-radius: 2pt;
  color: #607890;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input.remove:hover {
  color: #036;
  background-color: #0072e5;
}
input[type="submit"].remove:disabled, input[type="button"].remove:disabled {
  font: normal 10pt/1.4 "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  background: url(../img/minus-15x15.png) no-repeat 3px center white;
  border: none;
  padding: 2pt 4pt 2pt 12pt;
  text-shadow: none;
  border-radius: 2pt;
  color: #607890;
  cursor: inherit;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input.up {
  font: normal 10pt/1.4 "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  background: url(../img/up.png) no-repeat 3px center #47a1fc;
  border: none;
  padding: 0pt 4pt 0pt 12pt;
  text-shadow: none;
  border-radius: 2pt;
  color: #607890;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input.up:hover {
  color: #036;
  background-color: #0072e5;
}
input[type="submit"].up:disabled, input[type="button"].up:disabled {
  font: 900 11pt/1.4 "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  background: url(../img/up.png) no-repeat 3px center white;
  border: none;
  padding: 0pt 4pt 0pt 12pt;
  border-radius: 2pt;
  color: #607890;
  cursor: inherit;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input.down {
  font: normal 10pt/1.4 "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  background: url(../img/down.png) no-repeat 3px center #47a1fc;
  border: none;
  padding: 0pt 4pt 0pt 12pt;
  text-shadow: none;
  border-radius: 2pt;
  color: #607890;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input.down:hover {
  color: #036;
  background-color: #0072e5;
}
input[type="submit"].down:disabled, input[type="button"].down:disabled {
  font: 900 11pt/1.4 "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  background: url(../img/down.png) no-repeat 3px center white;
  border: none;
  padding: 0pt 4pt 0pt 12pt;
  border-radius: 2pt;
  color: #607890;
  cursor: inherit;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input[type="text"], input[type="password"] {
  font: 12pt;
  padding: 2pt;
  margin-right: 0.5em;
  background: white;
  border: 2px solid #cccccc;
  border-radius: 2pt;
}

select {
  margin: 0.3em 0;
  border: 2px solid #cccccc;
  border-radius: 2pt;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 2pt;
}

.form-help {
  font-size: 10pt;
  padding: 0.5em 0 0 0;
  /*  color: #aaa;*/
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/*fieldset:hover .form-help {
  color: #444;
}*/
label {
  display: block;
}

/*ADVANCED SEARCH*/
#advanced-search .search-collection label, #advanced-edit-search-terms .search-collection label {
  display: block;
}
#advanced-search .search-collection select, #advanced-edit-search-terms .search-collection select {
  width: 100%;
}

.search-submit input {
  font: 900 11pt/1.4 "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  background: url(../img/search-15x15.png) no-repeat 8pt center silver;
  border: none;
  padding: 3pt 11pt 3pt 25pt;
  color: white;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.search-submit input:hover {
  background-color: #0072e5;
}

/*TABS & PROGRESS MENU*/
.tab-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tab-menu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.tab-menu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 3pt 2pt 3pt 0;
  float: left;
}
.tab-menu li input, .tab-menu li a {
  margin: 0;
  padding: 5pt;
  font: 900 9pt/1.4 "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  text-decoration: none;
  background-color: #999;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.tab-menu li input:hover, .tab-menu li a:hover {
  background-color: #777;
}
.tab-menu li.current input, .tab-menu li.current a {
  background: #607890;
}

.progress-form {
  /*border-top: 2px solid #607890;*/
  /*padding: 1em 0;*/
  margin: 0;
}

.tab-sections {
  border-top: 2px solid #607890;
  padding: 1em 0;
  margin: 0;
}

#tab-submission-profile.tab-sections {
  display: block;
}

.progress-menu {
  border-bottom: 2px solid #607890;
  margin: 0 0 1em 0;
}
.progress-menu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 1pt 2px 1pt 0;
  float: left;
}
.progress-menu li.done input {
  background: #4d4d4d;
}

.progress-menu-a-fix {
  padding: 1pt 2px 3pt 0px;
}

/*LOGIN AREA*/
#login-nav {
  display: block;
  float: right;
  margin: 0 3pt;
  width: 30%;
}
#login-nav ul {
  padding: 0;
  margin: 0;
}
#login-nav li {
  display: block;
  float: auto;
  margin: 0;
  padding: 0;
  text-align: right;
}
#login-nav a {
  font-size: 10pt;
  font-weight: 300;
  color: white;
  padding: 4pt 7pt;
  margin: 0;
  text-decoration: none;
  background-color: #cc0033;
}
#login-nav a:hover {
  background-color: #cc0033;
  color: #002664;
}
#login-nav .login a {
  text-shadow: none;
  background-color: #cc0033;
}
#login-nav .login a:hover {
  background-color: #cc0033;
  color: #002664;
}

/*MAIN*/
#main {
  background: white;
  clear: both;
}
#main:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*INTRO*/
#intro {
  padding: 10pt;
  margin-bottom: 0;
  /*border-bottom: 1px solid #4d4d4d;*/
}

#intro-home {
  padding: 10pt;
}

h1.page-title {
  /*font-family: Georgia, "Times New Roman", Times, serif;*/
  font-weight: normal;
  font-size: 18pt;
  padding: 0;
  margin: 0;
}

.readmore a {
  background: url(../img/close.png) no-repeat left center;
  padding-left: 11px;
  font-size: 9pt;
  text-transform: uppercase;
  text-decoration: none;
}
.readmore a.open {
  background-image: url(../img/open.png);
}

.s-div, .toobar {
  float: left;
  width: 100%;
}

/*TOOLBAR*/
.button-count {
  background-color: #eeeeee;
  /*  color: #ffffff;*/
  padding: 1px 5px 1px 5px;
  font-size: 13px;
}

.item-sidebar .toolbar1-item {
  list-style: none;
  padding: 0;
}
.item-sidebar .toolbar1-item .toolbar-keywords {
  margin-bottom: 12px;
  margin-top: 7px;
}
.item-sidebar .toolbar1-item .toolbar-keywords a {
  background-color: #eeeeee;
  margin-bottom: 2px;
  color: #000;
  text-decoration: none;
  padding: 5px;
}
.item-sidebar .toolbar1-item .toolbar-keywords a:hover, .item-sidebar .toolbar1-item .toolbar-keywords a:active {
  background-color: #eeeeee;
  margin-bottom: 2px;
  color: #000;
  text-decoration: none;
  padding: 5px;
}

.toolbar-dropdown h1 {
  font-weight: bold;
  font-size: 17px;
  cursor: pointer;
  padding: 5pt 10pt 5pt 20pt;
  background: url(../img/close.png) left no-repeat white;
}
.toolbar-dropdown h1.open {
  background: url(../img/open.png) left no-repeat white;
}

.toolbar-generic {
  list-style: none;
  padding: 0;
  color: black;
  margin-left: 28px;
  margin-bottom: 7px;
  margin-top: 7px;
  display: none;
}
.toolbar-generic li {
  padding-bottom: 5px;
}
.toolbar-generic a {
  text-decoration: none;
  color: black;
}
.toolbar-generic a:hover, .toolbar-generic a:active {
  text-decoration: none;
  color: black;
}
.toolbar-generic section {
  margin: 0px;
}

#toolbar {
  /*margin: 10pt 0 0 0;*/
  padding: 0;
  list-style: none;
  /*border-top: 1px solid #bbb;*/
  /*border-bottom: 1px solid #bbb;*/
  font-size: 9pt;
  font-weight: bold;
  background-color: #eee;
}
#toolbar h1 {
  padding: 5pt 10pt;
  color: #607890;
  background-color: #eee;
  padding: 5pt 10pt 5pt 19pt;
  color: #607890;
  background: url(../img/close.png) no-repeat 10pt center #eeeeee;
}
#toolbar h1:hover, #toolbar h1:active {
  color: #036;
  cursor: pointer;
  background-color: #f5f5fe;
}
#toolbar ul {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#toolbar ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#toolbar li {
  display: block;
  white-space: nowrap;
  padding: 2pt 10pt;
}
#toolbar a {
  text-decoration: none;
  color: #002664;
}
#toolbar ul.toolbar1 {
  padding-left: 8pt;
}

#toolbar.toolbar-navbar input[type=text] {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

#toolbar.toolbar-navbar select {
  width: 100%;
}

.toolbar-navbar discovery-bottom-button {
  text-align: center;
}

.toolbar1 a {
  color: #7E1A54;
  text-decoration: none;
  padding: 3pt 6pt;
  display: block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 4px center;
}

#toolbar .toolbar1 a:hover {
  color: #036;
  background-color: #ccc;
}
#toolbar .toolbar1 a.open {
  color: #333;
  background-color: #ddd;
}
#toolbar .toolbar1 li {
  float: left;
  padding: 0;
}

.toolbar2 li a {
  display: block;
  padding: 4pt 5pt 4pt 25px;
  margin: 0;
}

#toolbar ul.toolbar2 {
  padding-left: 8pt;
}

.toolbar2 a {
  color: #ccc;
  text-decoration: none;
  padding: 3pt 6pt;
  display: block;
  background-color: #4d4d4d;
  background-repeat: no-repeat;
  background-position: 4px center;
}

#toolbar .toolbar2 a:hover {
  color: #036;
  background-color: #ccc;
}
#toolbar .toolbar2 a.open {
  color: #333;
  background-color: #ddd;
}
#toolbar .toolbar2 li {
  float: left;
  padding: 0;
}

.toolbar1 li a {
  display: block;
  padding: 4pt 5pt 4pt 25px;
  margin: 0;
}

#toolbar .toolbar-sharehighlight a {
  display: block;
  padding: 4pt 5pt 4pt 5px;
  margin: 0;
}

.toolbar-citations a {
  background-image: url("../img/i-citation.png");
  padding-left: 25px;
}

.toolbar-itemmapper a, .toolbar-statistics a {
  background-image: url("../img/i-statistics.png");
  padding-left: 25px;
}

.toolbar-share a {
  background-image: url("../img/i-share.png");
  padding-left: 25px;
}

.toolbar-export a {
  background-image: url("../img/i-export.png");
  padding-left: 25px;
}

.toolbar-sharehighlight {
  padding: 2pt 0 0 0;
  height: 21px;
}

.toolbar-admin a {
  background-image: url("../img/i-admin.png");
  float: left;
}

.toolbar-other a {
  background-image: url("../img/other.png");
  padding-left: 25px;
}

.toolbar-help {
  float: right;
  right: 10pt;
}

#toolbar-search li {
  float: none;
  position: relative;
  margin-right: 1em;
}

.toolbar-search {
  float: left;
  position: relative;
  margin-right: 1em;
}

#toolbar-search .toolbar-search {
  display: block;
  margin-top: -3pt;
  left: 0;
  width: 200px;
  height: 26px;
  margin: 0;
  padding: 3px;
}

.toolbar-search form {
  display: block;
  margin-top: -3pt;
  left: 0;
  width: 200px;
  height: 26px;
  margin: 0;
  padding: 0;
}
.toolbar-search .s-text, .toolbar-search .s-date {
  /*    background-color: white;*/
  left: 10pt;
  width: 190pt;
}
.toolbar-search .s-text input {
  width: 182pt;
}
.toolbar-search .s-date input {
  width: 70pt;
}
.toolbar-search .s-text2 {
  background-color: white;
  left: 10pt;
}
.toolbar-search .s-submit {
  left: 202pt;
}
.toolbar-search select {
  margin: 0;
  padding: 2pt;
  margin-right: 0.5em;
  background: white;
  border: 2px solid #cccccc;
  border-radius: 2pt;
}
.toolbar-search .s-submit2 {
  margin-top: 2.3pt;
}
.toolbar-search .startWith {
  width: 200pt;
}

.toolbar-jump {
  padding-top: 0.2em;
}
.toolbar-jump a {
  text-transform: uppercase;
  margin: 0 0.2em;
  padding: 0;
}

#toolbar ul.tools {
  width: 100%;
  background-color: #ddd;
}

.js #toolbar ul.tools > li {
  display: none;
}

#toolbar ul.tools li li {
  margin-right: 0;
  padding: 4pt 6pt;
  float: left;
}

.tools p {
  padding: 4pt 6pt;
  margin-bottom: 0;
  width: 100%;
}

input.s2-submit {
  overflow: hidden;
  background: #47a1fc;
  text-indent: 100px;
  border: none;
  -webkit-transition: background 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
}
input.s2-submit:hover {
  background: #0072e5 url("../img/search-15x15.png") no-repeat 5pt 5pt;
}

.paddingadminbar {
  padding-top: 11px;
}

/*ADMINTOOLBAR*/
#admintoolbar {
  margin: 10pt 0 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  font-size: 9pt;
  background-color: #eee;
}
#admintoolbar h1 {
  padding: 5pt 10pt;
  color: #607890;
  background-color: #eee;
  padding: 5pt 10pt 5pt 19pt;
  color: #607890;
  background: url(../img/close.png) no-repeat 10pt center #eeeeee;
}
#admintoolbar h1:hover, #admintoolbar h1:active {
  color: #036;
  cursor: pointer;
  background-color: #f5f5fe;
}
#admintoolbar ul {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#admintoolbar ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#admintoolbar li {
  display: block;
  white-space: nowrap;
  padding: 2pt 10pt;
}
#admintoolbar a {
  text-decoration: none;
}
#admintoolbar ul.tools {
  width: 100%;
  background-color: #ddd;
}

.js #admintoolbar ul.tools > li {
  display: none;
}

#admintoolbar ul.tools li li {
  margin-right: 0;
  padding: 4pt 6pt;
  float: left;
}

/*Descriptive Toolbar*/
#descbar {
  margin: 10pt 0 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  font-size: 9pt;
  background-color: #eee;
}
#descbar h1 {
  padding: 5pt 10pt;
  color: #607890;
  background-color: #eee;
  padding: 5pt 10pt 5pt 19pt;
  color: #607890;
  background: url(../img/close.png) no-repeat 10pt center #eeeeee;
}
#descbar h1:hover, #descbar h1:active {
  color: #036;
  cursor: pointer;
  background-color: #f5f5fe;
}
#descbar ul {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

#descbarul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#descbar li {
  display: block;
  white-space: nowrap;
  padding: 2pt 10pt;
}
#descbar a {
  text-decoration: none;
}
#descbar ul.tools {
  width: 100%;
  background-color: #ddd;
}

.js descbar ul.tools > li {
  display: none;
}

#descbar ul.tools li li {
  margin-right: 0;
  padding: 4pt 6pt;
  float: left;
}

/*CONTENT*/
/*ARTICLE*/
#sinfo {
  padding-top: 10pt;
  /*padding: 5pt;*/
  clear: left;
  display: block;
}

#info, #article-info, #mostAccessed {
  padding: 10pt;
  position: relative;
}

/*MOSTACCESSED*/
/*SIDEBAR*/
#sidebar {
  padding: 10pt;
  position: relative;
  display: block;
}

/*ITEM LIST*/
ul.sidebar-list {
  margin: 0;
  padding: 0;
}
ul.sidebar-list li {
  padding: 0;
  display: block;
  font-size: 10pt;
  position: relative;
}
ul.sidebar-list a.title {
  display: block;
  font-size: 13pt;
  /*font-family: Georgia, "Times New Roman", Times, serif;*/
  text-decoration: none;
}
ul.sidebar-list a.arrow {
  background: url(../img/arrow.png) no-repeat 0 5px;
  padding-left: 16px;
}
ul.sidebar-list a:hover.title {
  text-decoration: none;
}

.submit-button {
  -moz-box-shadow: inset 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 0px 0px white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
  background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
  background-color: #ededed;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid gainsboro;
  display: inline-block;
  color: #777777;
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 24px;
  text-decoration: none;
  text-shadow: 1px 1px 0px white;
}
.submit-button a {
  text-decoration: none;
}
.submit-button a:hover {
  text-decoration: none;
}

/*.submit-button :hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
  background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
  background-color: #dfdfdf;
}*/
.submit-button :active {
  position: relative;
  top: 1px;
}

#list-collection-sidebar {
  position: relative;
  display: block;
}

/*ITEM LIST*/
ul.item-list {
  margin: 0;
  padding: 0;
}
ul.item-list > li {
  border-top: 1px solid #eeeeee;
  padding: 7pt 0;
  display: block;
  font-size: 10pt;
  position: relative;
}
ul.item-list > li.list-item, ul.item-list > li.list-author {
  padding: 5pt 10pt 10pt 60pt;
  min-height: 50pt;
}
ul.item-list > li.list-item.checkable {
  padding: 5pt 10pt 10pt 70pt;
}
ul.item-list > li a.title {
  display: block;
  font-size: 13pt;
  color: #002664;
  /*font-family: Georgia, "Times New Roman", Times, serif;*/
  text-decoration: none;
}
ul.item-list > li a.arrow {
  background: url(../img/arrow.png) no-repeat 0 5px;
  padding-left: 16px;
}
ul.item-list > li span.title {
  color: #607890;
  display: block;
  font-size: 13pt;
  /*font-family: Georgia, "Times New Roman", Times, serif;*/
}
ul.item-list > li span.status {
  display: block;
  font-size: 9pt;
  padding-bottom: 2px;
}
ul.item-list > li a:hover.title {
  color: #002664;
  text-decoration: none;
}

ul.item-grid {
  list-style: none;
  display: block;
  padding: 0;
}
ul.item-grid > li {
  list-style: none;
  width: 170px;
  display: inline-block;
  padding: 0px 12px 13px;
  text-align: center;
  vertical-align: top;
}
ul.item-grid > li > a > img {
  /*        display: block;*/
  max-width: 100%;
  height: auto;
  line-height: 0;
  transition: all 200ms ease-out;
  box-shadow: 0 0 6px 1px #a09384;
  margin-bottom: 10px;
}
ul.item-grid > li > a > span {
  display: block;
  font: 300 10pt/1 "Open Sans", Arial, Helvetica, sans-serif;
}
ul.item-grid > li > a:hover {
  color: #008e8f;
}

a.author {
  text-decoration: none;
  color: #005a5a;
}
a:hover.author {
  text-decoration: underline;
  color: #005a5a;
}

ul.item-list.browse-list .list-item {
  padding: 5pt 10pt 10pt 85pt;
}
ul.item-list.browse-list .list-item.checkable {
  padding: 5pt 10pt 10pt 95pt;
}
ul.item-list.browse-list .list-item.header {
  background: #eeeeee;
  padding: 5pt 0 5pt 0;
  min-height: 0;
}
ul.item-list.browse-list .list-item.header .date {
  display: inline-block;
  width: 85pt;
  text-align: center;
  font-weight: bold;
}
ul.item-list.browse-list .list-item.header .title {
  display: inline-block;
  font-weight: bold;
}
ul.item-list.browse-list .list-item.odd {
  background: #eeeeee;
}
ul.item-list.browse-list .date-added {
  margin-top: 7px;
  text-align: right;
  background: transparent;
}
ul.item-list.browse-list .date-added .d, ul.item-list.browse-list .date-added .m, ul.item-list.browse-list .date-added .y {
  display: inline;
  text-transform: uppercase;
  font-size: 10pt;
  line-height: 1.3em;
  margin-right: 5px;
}

.date-added {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40pt;
  height: 40pt;
  text-align: center;
  background: #f2f2f2;
  font-size: 10pt;
  color: #555555;
  margin-top: 10px;
  margin-left: 10px;
}
.date-added .d, .date-added .m, .date-added .y {
  display: block;
  text-transform: uppercase;
  font-size: 10pt;
  line-height: 1.3em;
}
.date-added .d {
  font-size: 10pt;
  padding-top: 0pt;
}

.date-added.checkable {
  left: 10px;
}

.item-checkbox {
  position: absolute;
  top: 30px;
  left: 0;
}

.items-added .n {
  font-weight: bold;
}

.author-photo {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50pt;
  height: 50pt;
}
.author-photo img {
  width: 50pt;
  height: 50pt;
}

/*TOOLBAR ITEMS*/
ul.toolbar-items {
  list-style: none;
  border: none;
  display: inline;
  padding: 0;
  margin: 0;
}
ul.toolbar-items:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
ul.toolbar-items li {
  list-style: none;
  border: none;
  display: inline;
  float: left;
  padding: 0;
  margin: 0 2pt 0 0;
  cursor: pointer;
}
ul.toolbar-items li a, ul.toolbar-items li span {
  font-size: 8pt;
  color: #002664;
  text-decoration: none;
  border-radius: 2pt;
}

.delete a {
  color: #990000;
}

/*AUTHOR INTRO*/
.intro {
  padding: 0pt 10pt;
}

.author-intro {
  position: relative;
  padding: 8pt 0 0 80pt;
}
.author-intro .author-photo {
  top: 0;
  left: 0;
}
.author-intro .author-photo img {
  width: 70pt;
  height: 70pt;
}

.logo-intro:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*CRUMBS*/
.crumbs {
  font-size: 8pt;
  color: #ccc;
}
.crumbs a {
  color: #aaa;
  text-decoration: none;
}
.crumbs a:hover {
  color: #607890;
  text-decoration: underline;
}

/*ITEM INFO*/
dl dt {
  text-transform: uppercase;
  font-size: 8pt;
  text-transform: uppercase;
  font-size: 9pt;
  font-weight: bold;
  padding-top: 1em;
}
dl dd .general {
  text-overflow: ellipsis;
}

.authors {
  text-overflow: ellipsis;
}
.authors a {
  font-weight: bold;
  color: #002664;
  text-decoration: none;
}
.authors a:hover, .authors a:active {
  font-weight: bold;
  color: #002664;
  cursor: pointer;
}

.abstract {
  font-size: 19px;
}

.item-info2 {
  border-top: 1px solid #cccccc;
  margin-top: 1em;
}

.item-info3 {
  border-top: 1px solid #cccccc;
  margin-top: 1em;
}
.item-info3:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.item-info-primary-file {
  padding-bottom: 0.5em;
}
.item-info-primary-file:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.item-info-primary-file a {
  display: block;
  position: relative;
  text-decoration: none;
  font-size: 9pt;
  line-height: 1.3;
}
.item-info-primary-file a:hover {
  text-decoration: underline;
}
.item-info-primary-file img {
  float: left;
  margin-right: 0.75em;
  max-height: 35pt;
  max-width: 35pt;
  -moz-box-shadow: 1px 1px 2px #bebebe;
  -webkit-box-shadow: 1px 1px 2px #bebebe;
  box-shadow: 1px 1px 2px #bebebe;
  -webkit-transition: rotation 0.5s ease-in-out;
  -moz-transition: rotation 0.5s ease-in-out;
  -o-transition: rotation 0.5s ease-in-out;
  transition: rotation 0.5s ease-in-out;
}
.item-info-primary-file a:hover img {
  -webkit-transform: rotate(-3deg);
  -mozilla-transform: rotate(-3deg);
}
.item-info-primary-file .description {
  color: #666;
  display: block;
  padding: 0;
}

/*FULL INFO*/
#full-info {
  clear: left;
  padding: 10pt 0 0 0;
  margin: 0 -10pt 0 0;
}

.js #full-info-content {
  display: none;
  margin-top: 10px;
  background-color: #ffffff;
}

.metadataFieldLabel {
  font: 11pt "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  /*font-size: 10pt;*/
  /*font-style: normal;*/
  /*font-weight: bold;*/
  color: #444;
  background: #eee;
  /*width: 180px; */
  vertical-align: top;
  text-decoration: none;
  white-space: nowrap;
}

.metadataFieldValue {
  /*font-family: $or-ui-font-families;*/
  /*font-size: 10pt;*/
  /*font-style: normal;*/
  /*font-weight: normal;*/
  color: #444;
  /* background: #dbdce2;*/
  vertical-align: top;
  text-align: left;
  text-decoration: none;
  padding: 3px;
  word-break: normal;
}

#full-info h1 {
  padding: 5pt 10pt 5pt 19pt;
  color: #000000;
  background: url(../img/close.png) no-repeat 10pt center white;
  /*border-top: 1px solid #CCC;*/
  /*background-color: #eee;*/
}
#full-info h1.open {
  background: url(../img/open.png) no-repeat 10pt center white;
}
#full-info h1:hover, #full-info h1:active {
  color: #000000;
  cursor: pointer;
  background-color: #ffffff;
}

/* FULL INFO Version History */
#full-info-version-history {
  clear: left;
  padding: 10pt 0 0 0;
  margin: 0 -10pt 0 0;
}

.js #full-info-version-history-content {
  display: none;
  margin-top: 10px;
  background-color: #ffffff;
}

#full-info-version-history h1 {
  padding: 5pt 10pt 5pt 19pt;
  color: #000000;
  background: url(../img/close.png) no-repeat 10pt center white;
  /*border-top: 1px solid #CCC;*/
  /*background-color: #eee;*/
}
#full-info-version-history h1.open {
  background: url(../img/open.png) no-repeat 10pt center white;
}
#full-info-version-history h1:hover, #full-info-version-history h1:active {
  color: #000000;
  cursor: pointer;
  background-color: #ffffff;
}

/*DOWNLOADS*/
#downloads {
  background: #ffffff;
  padding: 0;
  margin: -10pt -10pt 10pt -10pt;
}
#downloads h1 {
  padding: 5pt 10pt 5pt 19pt;
  color: #000000;
  background: url(../img/close.png) no-repeat 6pt center white;
}
#downloads h1.open {
  background: url(../img/open.png) no-repeat 6pt center white;
}
#downloads h1:hover, #downloads h1:active {
  color: #14A8A5;
  cursor: pointer;
  background-color: #ffffff;
}
#downloads ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
}
#downloads li {
  padding: 0;
  width: 190px;
  float: left;
}
#downloads ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#downloads li {
  /*    span.description {
        padding-bottom: 0;
        color: #14A8A5;
        font-size: 8pt;
      }*/
}
#downloads li a {
  display: block;
  text-decoration: none;
  font-size: 9pt;
  padding: 10pt;
  margin: 0;
  text-align: center;
  color: #14A8A5;
}
#downloads li a:hover {
  background: #ffffff;
}

/*SHORTCUTS*/
nav#shortcuts {
  padding: 10pt;
  background-color: #eee;
  border-bottom: 1px solid #cccccc;
}
nav#shortcuts ul li {
  padding: 2pt 0;
  display: block;
  color: #002664;
}
nav#shortcuts ul ul {
  padding-left: 10pt;
  font-size: 10pt;
}
nav#shortcuts a {
  text-decoration: none;
  color: #002664;
}
nav#shortcuts a:hover {
  color: #002664;
}
nav#shortcuts a:active {
  color: #002664;
}
nav#shortcuts a:visited {
  color: #002664;
}

/*LIST COLLECTION*/
.list-collection, .list-types, .list-subjects {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list-subjects a {
  text-decoration: none;
  color: #002664;
}
.list-subjects a:hover {
  color: #002664;
}
.list-subjects a:active {
  color: #002664;
}
.list-subjects a:visited {
  color: #002664;
}

.list-collection ul, .list-types ul {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.list-collection li {
  padding-bottom: 1em;
  margin-bottom: 1em;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
  font-size: 14pt;
  font-style: italic;
}

.list-collection li:last-child {
  border-bottom: none;
}
.list-collection li li {
  padding: 0 0 0.5em;
  margin: 0;
  font-weight: normal;
  border-bottom: none;
}
.list-collection li li li {
  padding-bottom: 0.2em;
  font-weight: normal;
  border-bottom: none;
  font-size: 9pt;
}

.item-number {
  background-color: #efefef;
  color: #000;
  font-family: "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  font-size: 7pt;
  font-weight: 300;
  padding: 1pt 4pt;
  border-radius: 2pt;
  cursor: pointer;
}

#list-collection-info {
  padding: 10pt 0;
  margin-right: 190pt;
  display: block;
}

/*LIST BROWSE*/
.list-browse {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-browse li {
  border-top: 1px solid #cccccc;
  padding-top: 5pt;
  margin-top: 5pt;
}
.list-browse li li {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
  font-size: 9pt;
}

.subcomui {
  padding: 0;
  margin: 0;
  font-size: 10pt;
}

.rssfeed {
  float: right;
  padding-right: 10px;
}

.rssfeedname {
  line-height: 32px;
  font-size: 9pt;
}

/*STATS*/
section#statistics {
  clear: both;
  padding: 10pt 10pt 10pt 90px;
  background: #eeeeee url(../img/stat-illustration.png) no-repeat left bottom;
  font-size: 9pt;
}

/*FOOTER*/
footer {
  background: white;
  position: relative;
  color: #878787;
  padding: 7pt 10pt;
  /*margin-bottom: 4em;*/
  font-size: 9pt;
}

#logo2 {
  position: absolute;
  top: 0;
  left: 10pt;
  background: #fff;
  display: block;
  padding: 2pt;
}
#logo2 img {
  width: 50px;
}
#logo2:hover {
  box-shadow: 0px 3px 4px #222222;
}

footer section {
  display: block;
  /*margin-left: 85px;*/
}
footer p {
  margin: 0 0 0.2em 0;
}
footer section:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
footer a {
  color: #002664;
  text-decoration: none;
}
footer a:hover {
  color: #002664;
  text-decoration: underline;
}
footer a:active, footer a:visited {
  color: #002664;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#footernav {
  background-color: white;
  color: #002664;
  margin: 0;
}
#footernav ul {
  margin-bottom: 5px;
}
#footernav a {
  color: #002664;
  text-decoration: none;
}
#footernav a:hover {
  color: #002664;
  text-decoration: none;
}
#footernav a:active, #footernav a:visited {
  color: #002664;
}
#footernav li {
  float: left;
  margin: 0 1em 0 0;
}

footer.bottomFooter {
  background-color: #f2f2f2;
  color: #878787;
}
footer.bottomFooter a {
  color: #878787;
  text-decoration: underline;
}
footer.bottomFooter a:hover {
  color: #878787;
  text-decoration: none;
}
footer.bottomFooter a:active, footer.bottomFooter a:visited {
  color: #878787;
}

#orLogo {
  /*	position: relative;
      top: 0;
      left: 10pt;
      display: block;
      padding: 2pt;*/
  height: 20px;
  margin-left: 7px;
}
#orLogo img {
  width: 20px;
  float: right;
  margin-left: 7px;
}
#orLogo:hover {
  box-shadow: 0px 3px 4px #222222;
}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.ir br {
  display: none;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}

/* Contain floats: h5bp.com/q */
.clearfix {
  zoom: 1;
}
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */
}
/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  /* Black prints faster: h5bp.com/s */
  a {
    text-decoration: underline;
  }
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after {
    content: "";
  }

  a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  /* h5bp.com/t */
  tr {
    page-break-inside: avoid;
  }

  img {
    page-break-inside: avoid;
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }
}
/** Additions for Authority Control elements **/
/* for scriptaculous autocomplete */
div.autocomplete {
  position: absolute;
  width: 250px;
  background-color: white;
  border: 1px solid #888888;
  margin: 0;
  padding: 0;
}
div.autocomplete ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  /*  height:32px; */
  cursor: pointer;
}
div.autocomplete ul li.selected {
  background-color: #ffb;
}
div.autocomplete ul li span.value {
  display: none;
}

.submitFormLabel {
  margin-left: 10px;
  margin-right: 10px;
  font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;
  font-weight: bold;
  /*font-size: 10pt;*/
  background: #cdcdcd;
  text-align: right;
  border-color: #ffffff;
}

.duplicateItemsHeading {
  font-weight: bold;
  border-color: #ffffff;
  background-color: #ffffff;
}

.duplicateItemsContent {
  border-color: #ffffff;
}

.submitFormHelp {
  margin-left: 10px;
  margin-right: 10px;
  font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;
  font-size: 8pt;
  /* background: #dbdce2; */
  text-align: left;
  padding-top: 20px;
  padding-bottom: 5px;
  border-color: #ffffff;
}

.submitFormWarn {
  margin-left: 10px;
  margin-right: 10px;
  font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;
  font-weight: bold;
  font-size: 10pt;
  color: #ff0000;
}

.standard {
  margin-left: 0;
  margin-right: 0;
  font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;
  /*font-size: 10pt;*/
  text-decoration: none;
  border: 0;
}

.oddRowOddCol, .oddRowEvenCol {
  /*font-family: $or-ui-font-families;*/
  /*font-size: 10pt;*/
  font-style: normal;
  font-weight: normal;
  color: #000000;
  vertical-align: middle;
  text-decoration: none;
  /*background: #73badc; background: #dbdce2;*/
  background: #ffffff;
  padding: 3px;
  border: 0;
}

.evenRowOddCol, .evenRowEvenCol {
  /*font-family: $or-ui-font-families;*/
  /*font-size: 10pt;*/
  font-style: normal;
  font-weight: normal;
  color: #000000;
  vertical-align: middle;
  text-decoration: none;
  /*background: #73badc; background: #dbdce2;*/
  background: #f1f1f1;
  padding: 3px;
  border: 0;
}

.miscTable {
  /*font-family: $or-ui-font-families;*/
  /*font-size: 10pt;*/
  /*font-style: normal;*/
  /*font-weight: normal;*/
  /*color: #000000;*/
  /*vertical-align: middle;*/
  /*text-decoration: none;*/
  /*background: #ffffff*/
}

.noborder {
  border: 0;
}

.maxsize450 {
  max-width: 450px;
}

.description img {
  vertical-align: top;
}

.small-space {
  padding-top: 15px;
}

.statsTable {
  border: 1px gray solid;
  width: 45%;
  border-spacing: 2px;
  border-collapse: separate;
}
.statsTable th {
  font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;
  font-size: 10pt;
  font-weight: bold;
  background-color: #ffffff;
}
.statsTable td {
  /*font-size: 0.8em;*/
}

.statsTableWide {
  border: 1px gray solid;
  width: 100%;
  border-spacing: 2px;
  border-collapse: separate;
}
.statsTableWide th {
  font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;
  font-size: 10pt;
  font-weight: bold;
  background-color: #ffffff;
}
.statsTableWide td {
  /*font-size: 0.8em;*/
}

/**
 ** http://www.opentip.org
 ** See opentip.js for the license.
 **
 ** One word about the different states when showing / hiding opentips.
 **
 ** An opentip starts with the .ot-completely-hidden class.
 ** When shown, it changes to .ot-becoming-visible, then to .ot-visible (depending
 ** on the length of the transition effect).
 ** When hidden, it changes to .ot-hidden, and then to .ot-completely-hidden (again:
 ** depending on the length of the transition effect).
 **/
.ot-container {
  position: absolute;
  max-width: 500px;
  z-index: 100;
}
.ot-container.ot-fixed {
  -webkit-transition-property: left, top;
  -webkit-transition-duration: 0.2s, 0.2s;
  -moz-transition-property: left, top;
  -moz-transition-duration: 0.2s, 0.2s;
}
.ot-container.ot-completely-hidden {
  display: none;
}

/**
 * Only using the position transition on fixed opentips, so the tip only moves
 * smoothly when it changes position due to browser viewport changes.
 */
.opentip {
  position: relative;
  font-size: 11px;
  line-height: 120%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.opentip .title {
  font-weight: bold;
}
.opentip .content {
  width: auto !important;
}
.opentip .loadingIndication {
  display: none;
  padding: 10px 15px;
  background: url("loading.gif") center center no-repeat;
  width: 25px;
  height: 15px;
}
.opentip .loadingIndication span {
  display: none;
}

.ot-loading .opentip .loadingIndication {
  display: block;
}
.ot-loading .opentip .content {
  display: none;
}

.ot-buttons {
  position: absolute;
  right: 0;
  top: 0;
}
.ot-buttons .close {
  display: block;
  width: 15px;
  height: 15px;
  display: block;
  text-decoration: none;
}
.ot-buttons .close .canvas {
  position: relative;
  display: block;
  color: white;
  /* Read by JS and applied to canvas */
  background-color: rgba(0, 0, 0, 0.2);
  /* Read by JS and applied to canvas */
}

.ot-container .stem-container {
  position: absolute;
  width: 0;
  height: 0;
}
.ot-container .stem {
  position: absolute;
  overflow: hidden;
  color: #cccccc;
  /* JS will read this property to draw the stem in the right color. */
  /*    background: rgba(255, 0, 0, 0.5);*/
}
.ot-container .left {
  left: 0;
}
.ot-container .center {
  left: 50%;
}
.ot-container .right {
  right: 0;
}
.ot-container .top {
  top: 0;
}
.ot-container .middle {
  top: 50%;
}
.ot-container .bottom {
  bottom: 0;
}

/**

Styles
======

Those are the different styles available in opentip.

**/
.style-standard .opentip {
  border: 1px solid #f2e37b;
  background-color: #fff18f;
  color: black;
  padding: 6px 10px;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1);
}
.style-standard .opentip .title {
  margin-bottom: 1px;
}
.style-standard .stem {
  color: #e3ca1b;
  /* JS will read this property to draw the stem in the right color. */
}
.style-standard .ot-buttons {
  top: -6px;
  right: -6px;
}
.style-standard .ot-buttons .close {
  width: 21px;
  height: 21px;
}
.style-standard .ot-buttons .close .canvas {
  background-color: rgba(255, 241, 143, 0.5);
  color: #a2932B;
}

.style-rounded .opentip {
  font-size: 11px;
  border: 7px solid #7d0101;
  background-color: #f9fbfc;
  color: #3f5d73;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.style-rounded .opentip .title {
  background: #7D0101;
  color: #f7fafd;
  padding: 0px 10px 4px 10px;
}
.style-rounded .opentip .content {
  padding: 6px 10px;
}
.style-rounded .stem {
  color: #7D0101;
}
.style-rounded .ot-buttons {
  top: -3px;
  right: -3px;
}
.style-rounded .ot-buttons .close {
  width: 21px;
  height: 21px;
}
.style-rounded .ot-buttons .close .canvas {
  background-color: #7D0101;
}

.style-slick .opentip {
  font-size: 11px;
  background: #f7f7f7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.style-slick .opentip .title {
  color: #49677e;
  padding: 5px 10px 3px 10px;
  border-bottom: 1px solid #eeeeee;
}
.style-slick .opentip .content {
  padding: 6px 10px;
  border-top: 1px solid #fefefe;
}
.style-slick .stem {
  color: #cc0033;
}
.style-slick .ot-buttons {
  right: -7px;
  top: -5px;
}
.style-slick .ot-buttons .close {
  height: 19px;
  width: 19px;
}
.style-slick .ot-buttons .close .canvas {
  background-color: rgba(0, 0, 0, 0.2);
}

.style-glass .opentip {
  background: white;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 0 15px rgba(51, 113, 136, 0.5);
  -moz-box-shadow: 0 0 15px rgba(51, 113, 136, 0.5);
  -webkit-box-shadow: 0 0 15px rgba(51, 113, 136, 0.5);
  padding: 20px 30px;
}
.style-glass .opentip .title {
  color: #316F89;
  font-family: serif;
  font-style: italic;
  margin: 0 0 20px 0;
  font-size: 16px;
}
.style-glass .opentip .content {
  color: #333333;
}
.style-glass .stem {
  color: #ffffff;
}
.style-glass .ot-buttons {
  right: -3px;
  top: -3px;
}
.style-glass .ot-buttons .close {
  width: 25px;
  height: 25px;
}
.style-glass .ot-buttons .close .canvas {
  background-color: #F7BA00;
}

/**

IE 6 HACKS
==========

**/
/*\*/
.ot-buttons, .opentip {
  z-index: 110;
}

.opentipIFrame {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  display: none;
  /*sorry for IE5*/
  display: block;
  /*sorry for IE5*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
}

.style-glass .opentip {
  border: 1px solid #bbbbbb;
}

/**/
/**

CSS3 Transitions
================

The definitions that follow here, are only meant for browsers that support css3
transitions.

So the syntax I'm going to use, is really meant for more modern browsers than
IE6.



To define a show effect, you have to define the position you want to come from
as the .ot-completely-hidden property (in combination with your
.ot-show-effectName).

To define a hide effect, you do the same, but for .ot-hidden (in combination
with your .ot-show-effectName).

**/
.ot-container.ot-css3 {
  -webkit-transition-duration: 1s;
  /* Well be reset by JS */
  -webkit-transition-property: opacity, -webkit-transform;
  -moz-transition-duration: 1s;
  /* Well be reset by JS */
  -moz-transition-property: opacity, -moz-transform;
  -o-transition-duration: 1s;
  /* Well be reset by JS */
  -o-transition-property: opacity, -o-transform;
  opacity: 1;
}
.ot-container.ot-css3.ot-completely-hidden {
  display: none;
}
.ot-container.ot-css3.ot-becoming-visible.ot-show-appear, .ot-container.ot-css3.ot-hidden.ot-hide-fade {
  opacity: 0;
}
.ot-container.ot-css3.ot-becoming-visible.ot-show-grow, .ot-container.ot-css3.ot-hidden.ot-hide-shrink {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
}
.ot-container.ot-css3.ot-becoming-visible.ot-show-blindDown, .ot-container.ot-css3.ot-becoming-visible.ot-show-slideDown {
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -o-transform: scaleY(0);
  opacity: 0;
}
.ot-container.ot-css3.ot-hidden.ot-hide-blindUp {
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -o-transform: scaleY(0);
  opacity: 0;
}
.ot-container.ot-css3.ot-becoming-visible.ot-show-condense, .ot-container.ot-css3.ot-hidden.ot-hide-puff {
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -o-transform: scale(5);
  opacity: 0;
}
.ot-container.ot-css3.ot-becoming-visible.ot-show-rotate {
  -webkit-transform: scale(3) rotate(-500deg);
  -moz-transform: scale(3) rotate(-500deg);
  -o-transform: scale(3) rotate(-500deg);
  opacity: 0;
}
.ot-container.ot-css3.ot-hidden.ot-hide-rotate {
  -webkit-transform: scale(3) rotate(500deg);
  -moz-transform: scale(3) rotate(500deg);
  -o-transform: scale(3) rotate(500deg);
  opacity: 0;
}

/** Appear / Fade**/
/** Grow / Shrink **/
/** Blind/Slide down / Blind up**/
/** Condense / Puff **/
/** Rotate **/
/**

Content design
==============

Nicer input fields, etc...

*/
.opentip label {
  margin-bottom: 3px;
  margin-top: 10px;
  display: block;
}
.opentip input, .opentip textarea {
  padding: 5px 6px;
  border: 1px solid rgba(100, 100, 100, 0.2);
  background: rgba(255, 255, 255, 0.5);
  display: block;
  width: 100%;
  margin: 3px 0 10px 0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.opentip input:focus, .opentip textarea:focus {
  border-color: rgba(100, 100, 100, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.opentip button {
  margin-top: 20px;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid rgba(247, 186, 0, 0.8);
  background: rgba(247, 186, 0, 0.9);
  font-size: 14px;
  line-height: 14px;
  padding: 10px 10px;
  position: relative;
  color: white;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
  text-align: center;
  font-weight: bold;
  font-family: serif;
  font-style: italic;
  text-decoration: none;
  margin: 20px 0 0 0;
  cursor: pointer;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), 0 -2px 10px rgba(255, 255, 255, 0.4) inset;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), 0 -2px 10px rgba(255, 255, 255, 0.4) inset;
  padding: 8px 6px;
}

.button:hover, button:hover {
  -moz-box-shadow: 0 0 6px #f7c019, 0 -2px 10px rgba(255, 255, 255, 0.6) inset;
  text-shadow: 0 0 4px white;
}

/** IE 6 HACKS **/
/*\*/
.opentip input, .opentip textarea, .opentip button {
  width: 200px;
}

/**/
p.error {
  padding-top: 10px;
  color: red;
}

footer .smallinfo {
  text-align: right;
}

.fake-link {
  color: #0c05ac;
  font-style: italic;
  cursor: pointer;
}

.subcommunitiesOrderingOnPage a, .collectionsOrderingOnPage a, .communitiesOrderingOnPage a {
  text-decoration: none;
}

.browse-pagination, .search-pagination {
  text-align: center;
  font-size: 12pt;
  padding: 10pt;
}
.browse-pagination b, .search-pagination b {
  font-size: 12pt;
}
.browse-pagination a, .search-pagination a {
  color: #002664;
  text-decoration: none;
}
.browse-pagination .tool-export-open a, .search-pagination .tool-export-open a {
  color: #ffffff;
}

.tool-pagination {
  list-style: none;
  margin: 0;
}

#browse-pagination-top, #search-pagination-top {
  margin-top: 15px;
}
#browse-pagination-top .toolbar-dropdown, #search-pagination-top .toolbar-dropdown {
  text-align: left;
}

.tool-export.fullPagination {
  margin-top: 15px;
}

#search-pagination-bottom .tool-export {
  height: 26px;
}

#browse-pagination-bottom .tool-export, #search-pagination-bottom .tool-export {
  background-color: white;
}

.page-title .count {
  margin-left: 10px;
  color: #666;
  font-weight: 300;
  background-color: #eeeeee;
  /*  color: #ffffff;*/
  padding: 1px 5px 1px 5px;
  font-size: 20px;
}

#footernav .social-links {
  margin: 10px 0px;
}

.collection-intro.logo-intro img {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  max-width: 200px;
}

ul.toolbar-items-options {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.toolbar-items-options:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
ul.toolbar-items-options li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 3pt 2pt 3pt 0;
  float: left;
  border-top: 0px;
}
ul.toolbar-items-options li input, ul.toolbar-items-options li a {
  margin: 0;
  padding: 5pt;
  font: 900 9pt/1.4 "Helvetica Neue", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  text-decoration: none;
  background-color: #999;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
ul.toolbar-items-options li input:hover, ul.toolbar-items-options li a:hover {
  background-color: #777;
}

.pubmed {
  display: block;
  font-size: 10pt;
  /*font-family: Georgia, "Times New Roman", Times, serif;*/
  text-decoration: none;
  font-weight: bold;
}

.embargo {
  background-color: lightblue;
  color: #000;
  font-size: 8pt;
  padding: 6pt;
  margin-top: 6px;
  border-radius: 6pt;
  font-weight: bold;
  max-width: 143px;
}

.miscTable-files {
  max-width: 85%;
  min-width: 60%;
}

.bitstream-embargo-date {
  color: #ff0000;
}

#bitstreams img {
  max-width: 200px;
  max-height: 200px;
  border: solid 1px;
}

.upload-li {
  list-style: none;
}

.upload-li-top {
  list-style: none;
  font-weight: bold;
  font-size: 10pt;
}

.upload-file-1 {
  display: INLINE-block;
  float: left;
  width: 70px;
  margin-left: -37px;
}

.upload-file-2 {
  display: INLINE-block;
}

.upload-file-3 {
  display: INLINE-block;
  float: right;
}

.uploadHelp {
  float: left;
}

.file-types {
  float: right;
}
.file-types img {
  padding-right: 2px;
  width: 30px;
}

.sumus {
  float: right;
  font-weight: bold;
  margin-top: 15px;
  border-bottom: #666;
  border-bottom-style: solid;
  border-width: 2px;
}

@font-face {
  font-family: SolanoGothic;
  src: url(../img/fonts/solano/SolanoGothicMVB-Lt.otf) format("opentype");
}

@font-face {
  font-family: SolanoGothic;
  font-weight: bold;
  src: url(../img/fonts/solano/SolanoGothicMVBProBd.otf) format("opentype");
}

#ga-button a {
  text-decoration: none;
  font-weight: bold;
  color: white;
  background-color: #002664;
  padding: 7px;
  border-radius: 9px;
}

/* The following rules are used by the controlled-vocabulary add-on */
ul.controlledvocabulary {
  list-style-type: none;
}

.controlledvocabulary ul li ul {
  list-style-type: none;
  display: none;
}

input.controlledvocabulary {
  border: 0px;
}

img.controlledvocabulary {
  margin-right: 8px !important;
  margin-left: 11px !important;
  cursor: hand;
}

.submitFormHelpControlledVocabularies {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 8pt;
  text-align: left;
}

.controlledVocabularyLink {
  font-size: 8pt;
}

/* End: controlled-vocabulary add-on rules */
.review-add-remove-file-button {
  width: 200px;
}

.search-applied-filter {
  border: 2px solid #cccccc;
  position: relative;
  border-radius: 2pt;
  margin-bottom: 5px;
}
.search-applied-filter input {
  position: absolute;
  top: 0;
  right: 0;
}
.search-applied-filter label {
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#repository-tree img {
  width: 10px;
}
#repository-tree ul {
  list-style: none;
}

.ng-hide {
  /* this is just another form of hiding an element */
  display: block!important;
  position: absolute;
  top: -9999px;
  left: -9999px;
}

#parent {
  min-height: 39px;
  border-bottom: solid white 1px;
}

header h1 a {
  font-family: Friz Quadrata;
}
header h1 a:visited {
  font-family: Friz Quadrata;
}
header h1 a:hover {
  font-family: Friz Quadrata;
}

.crumbs {
  font-size: 13px;
}

nav#mainnav {
  border-top: solid white 1px;
}

.browseAll {
  text-decoration: none;
  colour: #002664;
  font-weight: bold;
}