/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button, input[type=button] {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  line-height: 110%;
  font: inherit;
  box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*End of Reset css*/
.NoScreen {
  display: none; }

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 16px;
  color: #000000; }

/*Global text Elements*/
p {
  padding: 5px 0; }

a {
  color: #0083be; }
  a:hover {
    color: #006492; }
  a img {
    border: none; }

h1 {
  font-size: 190%;
  line-height: 100%; }

h2 {
  font-size: 140%;
  padding: 5px 0; }

h3 {
  font-size: 110%; }

h4 {
  font-size: 100%; }

h5 {
  font-size: 75%;
  font-weight: lighter; }

h6 {
  padding: 5px 0;
  font-size: 100%; }

h7 {
  font-size: 100%;
  font-weight: bold; }

h8 {
  font-size: 125%;
  font-weight: bold;
  font-style: italic; }

.RedText, .ErrorText, .DrkBlueBGRdTxt, .LtBlueBGRdTxt {
  color: #da3e2e; }

.SmallRedText {
  font-size: 90%;
  color: #da3e2e; }

.BoldRedText {
  color: #da3e2e;
  font-weight: bold; }

.GreenText {
  color: #648c2b; }

.BoldGreenText {
  color: #648c2b;
  font-weight: bold; }

.BoldBlueText, .DrkBlueBGBldTxt {
  font-weight: bold;
  color: #0083be; }

.BoldBlueText14 {
  font-size: 110%;
  font-weight: bold;
  color: #0083be; }

.SmallText, small {
  font-size: 90%; }

.largeText, .LargeText, .largeText14 {
  font-size: 120%; }

.RegText {
  font-size: 100%; }

/*Global text Elements*/
/*Misc Global Elements */
hr {
  border: none;
  background-color: #c2c9d0;
  height: 1px;
  margin: 10px 0; }

.Clear, .clear {
  clear: both; }

.padRightSeparator {
  padding-right: 50px; }

.padRight15 {
  padding-right: 15px; }

.padRight20 {
  padding-right: 20px; }

.noWrap {
  white-space: nowrap; }

.scrollVertical {
  overflow-y: auto;
  overflow-x: hidden; }

.valignTop {
  vertical-align: top; }

.inline {
  display: inline-block; }

.lineHeightLarge {
  line-height: 160%; }

/*End of Misc Global Elements */
/*Form Elements*/
input[type="checkbox"], input[type="radio"] {
  margin: 0 2px;
  vertical-align: middle; }

input[type=text], input[type=password], input[type=number], textarea, select, input[type=input] {
  border-width: 2px;
  border-style: solid;
  border-color: #c2c9d0;
  outline: none;
  font-size: 14px;
  line-height: 1.5; }

input[readonly="readonly"], input:disabled, select:disabled, textarea[readonly="readonly"], input[readonly] {
  background: #eff1f3;
  color: #4e545a; }

select {
  display: inline-block;
  border: 2px solid #c2c9d0;
  position: relative;
  overflow: hidden; }
  select, select > * {
    cursor: pointer; }
  select:after {
    content: '\25bc';
    width: 0;
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 4px;
    border-style: solid;
    pointer-events: none;
    border-color: #707375 transparent transparent transparent; }

.rightAlignLabels label, .rightAlignLabels .label {
  text-align: right; }

.labelWidth70 label, .labelWidth70 .label {
  display: inline-block;
  width: 70px; }

.labelWidth100 label, .labelWidth100 .label {
  display: inline-block;
  width: 100px; }

.labelWidth120 label, .labelWidth120 .label {
  display: inline-block;
  width: 120px; }

.labelWidth150 label, .labelWidth150 .label {
  display: inline-block;
  width: 150px; }

.labelWidth200 label, .labelWidth200 .label {
  display: inline-block;
  width: 200px; }

.labelWidth210 label, .labelWidth210 .label {
  display: inline-block;
  width: 210px; }

.labelWidth220 label, .labelWidth220 .label {
  display: inline-block;
  width: 220px; }

.labelWidth250 label, .labelWidth250 .label {
  display: inline-block;
  width: 250px; }

.labelWidth300 label, .labelWidth300 .label {
  display: inline-block;
  width: 300px; }

.labelWidth350 label, .labelWidth350 .label {
  display: inline-block;
  width: 350px; }

.labelWidth400 label, .labelWidth400 .label {
  display: inline-block;
  width: 400px; }

label.regWidth {
  width: auto; }

/*End of Form Elements*/
/*Table Elements*/
table {
  border-collapse: collapse; }
  table.verticalForm td {
    vertical-align: baseline; }
    table.verticalForm td:first-child {
      text-align: right; }
  table.verticalForm input[type=text], table.verticalForm input[type=password], table.verticalForm input[type=number], table.verticalForm textarea, table.verticalForm select, table.form input[type=text], table.form input[type=password], table.form input[type=number], table.form textarea, table.form select {
    width: 95%; }

td, th {
  padding: 5px; }

/* End of Table Elements*/
fieldset {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-color: #c2c9d0;
  border-width: 1px;
  border-style: solid;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #000000; }
  fieldset legend {
    text-align: left;
    color: #000000;
    padding: 2px 5px;
    margin-left: 5px; }

/*Start of Buttons*/
button:hover {
  cursor: pointer; }

body button, body input[type=button], body .button, body .Abtn, body .AbtnSmall, body .AbtnMed, body .AbtnLarge, body .AbtnRound, body .buttonDisabled, body .AbtnGrey, body .btn, body .buttonActive, .contentBody button, .contentBody input[type=button], .contentBody .button, .contentBody .Abtn, .contentBody .AbtnSmall, .contentBody .AbtnMed, .contentBody .AbtnLarge, .contentBody .AbtnRound, .contentBody .buttonDisabled, .contentBody .AbtnGrey, .contentBody .btn, .contentBody .buttonActive, #MainContainer button, #MainContainer input[type=button], #MainContainer .button, #MainContainer .Abtn, #MainContainer .AbtnSmall, #MainContainer .AbtnMed, #MainContainer .AbtnLarge, #MainContainer .AbtnRound, #MainContainer .buttonDisabled, #MainContainer .AbtnGrey, #MainContainer .btn, #MainContainer .buttonActive, .HoverPage button, .HoverPage input[type=button], .HoverPage .button, .HoverPage .Abtn, .HoverPage .AbtnSmall, .HoverPage .AbtnMed, .HoverPage .AbtnLarge, .HoverPage .AbtnRound, .HoverPage .buttonDisabled, .HoverPage .AbtnGrey, .HoverPage .btn, .HoverPage .buttonActive, .ui-dialog button, .ui-dialog input[type=button], .ui-dialog .button, .ui-dialog .Abtn, .ui-dialog .AbtnSmall, .ui-dialog .AbtnMed, .ui-dialog .AbtnLarge, .ui-dialog .AbtnRound, .ui-dialog .buttonDisabled, .ui-dialog .AbtnGrey, .ui-dialog .btn, .ui-dialog .buttonActive {
  display: none; }

body .paginationButtons, .contentBody .paginationButtons, #MainContainer .paginationButtons, .HoverPage .paginationButtons, .ui-dialog .paginationButtons {
  display: none; }

body .paginationButtons *, .contentBody .paginationButtons *, #MainContainer .paginationButtons *, .HoverPage .paginationButtons *, .ui-dialog .paginationButtons * {
  display: none; }

body .buttonToggleOn, body .buttonToggleOff, .contentBody .buttonToggleOn, .contentBody .buttonToggleOff, #MainContainer .buttonToggleOn, #MainContainer .buttonToggleOff, .HoverPage .buttonToggleOn, .HoverPage .buttonToggleOff, .ui-dialog .buttonToggleOn, .ui-dialog .buttonToggleOff {
  display: none; }

body .buttonToggleOn, body .buttonToggleOn:hover, .contentBody .buttonToggleOn, .contentBody .buttonToggleOn:hover, #MainContainer .buttonToggleOn, #MainContainer .buttonToggleOn:hover, .HoverPage .buttonToggleOn, .HoverPage .buttonToggleOn:hover, .ui-dialog .buttonToggleOn, .ui-dialog .buttonToggleOn:hover {
  cursor: default; }

body .AbtnRound, .contentBody .AbtnRound, #MainContainer .AbtnRound, .HoverPage .AbtnRound, .ui-dialog .AbtnRound {
  display: none; }

body .formControl, .contentBody .formControl, #MainContainer .formControl, .HoverPage .formControl, .ui-dialog .formControl {
  display: inline-block;
  width: 100%;
  padding: 0;
  vertical-align: middle; }

body .searchForm, .contentBody .searchForm, #MainContainer .searchForm, .HoverPage .searchForm, .ui-dialog .searchForm {
  white-space: nowrap;
  padding-right: 3px; }
  body .searchForm input[type=text].formControl, .contentBody .searchForm input[type=text].formControl, #MainContainer .searchForm input[type=text].formControl, .HoverPage .searchForm input[type=text].formControl, .ui-dialog .searchForm input[type=text].formControl {
    padding: 3px;
    width: 98%; }
  body .searchForm button, .contentBody .searchForm button, #MainContainer .searchForm button, .HoverPage .searchForm button, .ui-dialog .searchForm button {
    background: none;
    color: inherit;
    position: relative;
    left: -40px; }

/*End of Buttons*/
/*Block Message Elements*/
.message, .messageBG-Warning, .messageBG-Info, .messageBG-Error, .messageBG-Attention, .messageYellow, .messageRed, .messageGreen, .messageBlue, .messageOrange, .Red, .Yellow, .Green, .Blue, .hintBox {
  width: 100%;
  text-align: center;
  text-align: center;
  border: none;
  font-size: 110%;
  padding: 5px 10px;
  margin: 5px 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.messageBG-Default, .messageBlue, .Blue {
  border: 1px solid #7cb9e6;
  color: #081a28; }

.messageBG-Warning, .messageBG-Attention, .messageYellow, .messageOrange, .Yellow {
  border: 1px solid #f1eea7;
  color: #58550e; }

.messageBG-Info, .messageGreen, .Green, .hintBox {
  border: 1px solid #bfe5b3;
  color: #264c1a; }

.messageBG-Error, .messageRed, Red {
  border: 1px solid #f7bebe;
  color: #750e0e; }

/*End of Block Message Elements*/
/*Gloabl mainNav Nav bar elemements*/
.mainNav {
  display: none; }

header {
  display: none; }

/*modal Styles*/
.ui-widget-header {
  font-size: 120%;
  font-weight: normal;
  background: none;
  border: none; }

.ui-state-default, .ui-widget-content .ui-state-default {
  border: none;
  color: #FFFFFF; }

html.Modal, .ui-dialog html {
  background-color: #FFFFFF; }
  html.Modal .contentBody, html.Modal .HoverPage, .ui-dialog html .contentBody, .ui-dialog html .HoverPage {
    background-color: #FFFFFF; }

.ui-datepicker-calendar th {
  background: #FFFFFF;
  color: #707375; }

.ui-datepicker-calendar a.ui-state-default {
  color: #707375;
  border: 1px solid #c2c9d0;
  background: none; }
  .ui-datepicker-calendar a.ui-state-default:hover {
    color: #FFFFFF; }

.ui-datepicker-calendar a.ui-state-highlight {
  background: #d7f3ff; }
  .ui-datepicker-calendar a.ui-state-highlight:hover {
    color: #FFFFFF; }

.ui-datepicker-calendar a.ui-state-active {
  background: #c8f2d8; }
  .ui-datepicker-calendar a.ui-state-active:hover {
    color: #FFFFFF; }

.ui-widget-overlay {
  background: rgba(194, 201, 208, 0.5); }

/* of main text elements*/
li {
  padding-bottom: 5px;
  padding-top: 2px; }

hr {
  border: none;
  background-color: #c2c9d0;
  height: 1px; }

.border {
  border: 5px solid #000000; }

header {
  display: none; }

#MainContainer {
  margin-top: 20px;
  width: 95%;
  min-width: 1000px;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-bottomright: none;
  -webkit-border-bottom-right-radius: none;
  border-bottom-right-radius: none;
  -moz-border-radius-bottomleft: none;
  -webkit-border-bottom-left-radius: none;
  border-bottom-left-radius: none; }

#Container {
  /*Academic Skin has different styles for ringImage*/
  width: 100%; }

footer {
  box-sizing: border-box;
  margin: auto;
  width: 100%;
  clear: both;
  margin-top: 10px;
  padding: 30px 10px 0 10px;
  font-size: 80%;
  line-height: 150%;
  color: #6c6f7c;
  text-align: left;
  background-image: url("/../images/common/logoL4UFooter.png");
  background-repeat: no-repeat;
  background-position: 97% top;
  height: 70px; }

/*Start of My Profile Buttons*/
.MPButtons {
  display: none; }

/*End of My Profile Buttons*/
/*Start of Tables*/
table {
  border-collapse: collapse; }

td, th {
  padding: 5px; }

.DataTable, #DataTable, .DataTable01 {
  margin: auto;
  border: none; }
  .DataTable td, #DataTable td, .DataTable01 td {
    vertical-align: top; }
  .DataTable tbody tr, #DataTable tbody tr, .DataTable01 tbody tr {
    border-bottom: 1px solid #c2c9d0; }
    .DataTable tbody tr:last-child, #DataTable tbody tr:last-child, .DataTable01 tbody tr:last-child {
      border-bottom: none; }
  .DataTable thead tr, .DataTable .whiteBG, #DataTable thead tr, #DataTable .whiteBG, .DataTable01 thead tr, .DataTable01 .whiteBG {
    border-bottom: 2px solid #000000;
    font-weight: #000000; }
    .DataTable thead tr td, .DataTable thead tr th, .DataTable .whiteBG td, .DataTable .whiteBG th, #DataTable thead tr td, #DataTable thead tr th, #DataTable .whiteBG td, #DataTable .whiteBG th, .DataTable01 thead tr td, .DataTable01 thead tr th, .DataTable01 .whiteBG td, .DataTable01 .whiteBG th {
      border-left: 1px solid #000000; }
      .DataTable thead tr td:first-child, .DataTable thead tr th:first-child, .DataTable .whiteBG td:first-child, .DataTable .whiteBG th:first-child, #DataTable thead tr td:first-child, #DataTable thead tr th:first-child, #DataTable .whiteBG td:first-child, #DataTable .whiteBG th:first-child, .DataTable01 thead tr td:first-child, .DataTable01 thead tr th:first-child, .DataTable01 .whiteBG td:first-child, .DataTable01 .whiteBG th:first-child {
        border-left: none; }
      .DataTable thead tr td a, .DataTable thead tr th a, .DataTable .whiteBG td a, .DataTable .whiteBG th a, #DataTable thead tr td a, #DataTable thead tr th a, #DataTable .whiteBG td a, #DataTable .whiteBG th a, .DataTable01 thead tr td a, .DataTable01 thead tr th a, .DataTable01 .whiteBG td a, .DataTable01 .whiteBG th a {
        color: #000000;
        text-decoration: none; }

/*End of Tables*/
/*Start of Quick Search Area*/
#MainContainer .topContent {
  padding: 5px 10px; }
  #MainContainer .topContent h1 {
    display: inline-block;
    width: 60%;
    text-align: left; }
  #MainContainer .topContent .quickSearch {
    display: none; }

/*End of Quick Search Area*/
#content {
  clear: both; }

/* Misc Items*/
#ClientCard {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: none;
  border: 1px solid #000000;
  width: 410px;
  margin: auto; }
  #ClientCard h2 {
    padding: 5px 0; }
  #ClientCard p {
    padding: 2px 0; }

.ContentBox02Wrapper {
  border: 1px solid #707375;
  background: none;
  padding: 5px; }
  .ContentBox02Wrapper .ViewMoreLink a {
    display: none; }

.ContentBox02Tabs {
  padding: 0 5px;
  border-bottom: 1px solid #c2c9d0; }
  .ContentBox02Tabs a, .ContentBox02Tabs a:hover, .ContentBox02Tabs span, .ContentBox02Tabs span:hover {
    background: none;
    color: #c2c9d0;
    text-decoration: none;
    display: none; }
    .ContentBox02Tabs a.current, .ContentBox02Tabs a:hover.current, .ContentBox02Tabs span.current, .ContentBox02Tabs span:hover.current {
      display: block;
      color: #000000;
      font-size: 140%; }

.DataTableTabs {
  font-size: 100%;
  float: left;
  margin: 0;
  padding: 0;
  font-weight: bolder;
  vertical-align: bottom; }
  .DataTableTabs ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .DataTableTabs ul li {
      display: inline;
      margin: 0;
      padding: 0; }
  .DataTableTabs a {
    display: none; }
    .DataTableTabs a.active {
      display: block;
      color: #000000; }

.BlueBG {
  font-size: 14px;
  padding: 5px;
  margin: 15px 0;
  font-weight: normal;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #000000; }

.NoClientImage {
  background-image: url(../../images/Misc/NoClientImage.png);
  background-repeat: no-repeat;
  background-position: center top;
  width: 123px;
  height: 123px;
  display: block;
  padding: 5px; }
  .NoClientImage p {
    font-size: 12px;
    text-align: center;
    margin-top: 92px;
    padding: 5px; }

.BookshelfWrapper {
  width: 200px;
  min-height: 220px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  overflow: hidden;
  padding: 15px 0 5px 0;
  margin: 5px 2px; }

/*Start of Availability In Out Display - GLOBAL*/
.AvailPos {
  z-index: 1000;
  display: inline-block;
  position: relative;
  top: 0;
  left: 0; }
  .AvailPos .AvailCirc {
    color: #FFF;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #FFF;
    -moz-border-radius: 20px;
    border-radius: 20px;
    z-index: 2000;
    text-decoration: none; }
  .AvailPos .AvailCircSmall {
    font-size: 10px;
    padding: 5px; }
  .AvailPos .AvailCircLarge {
    font-size: 12px;
    padding: 5px; }
  .AvailPos .AvailIn {
    background-color: #648c2b; }
  .AvailPos .AvailR {
    background-color: #493c98; }
  .AvailPos .AvailOut {
    background-color: #a63023; }

.elastislide-list li a .AvailPos {
  text-align: center;
  display: inline-block;
  margin: 0; }

.AvailCirc {
  color: #FFF;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #FFF;
  -moz-border-radius: 20px;
  border-radius: 20px;
  z-index: 2000;
  text-decoration: none; }

.AvailCircSmall {
  font-size: 10px;
  padding: 5px; }

.AvailCircLarge {
  font-size: 12px;
  padding: 5px; }

.AvailIn {
  background-color: #648c2b; }

.AvailR {
  background-color: #493c98; }

.AvailOut {
  background-color: #a63023; }

/*End of Availability In Out Display*/
/* End of Misc Items */

/*# sourceMappingURL=commonOPACPrintStyles.css.map */