/* uoa over-rides */
html, body { height:  100%;}
.uoa-lib-wrap { min-height:  100%; margin:  0; padding:  0;}
.uoa-lib-secondary-wrap {padding-bottom:  150px; margin-bottom: 0;overflow:  auto;}
.uoa-lib-footer { background: #333; color:  #999; border-top:  solid 1px #666; clear:  both; position:  relative;  padding-top:  2em;}
.uoa-lib-footer a { color: #ccc;}
.uoa-lib-footer a:hover { text-decoration: underline;}
.uoa-lib-footer .uoa-lib-header a {
    color: #999;
}
.uoa-lib-footer .uoa-lib-plain-list > li {
    margin-bottom: .5em;
}
.uoa-lib-footer li > .uoa-lib-plain-list {
    margin-bottom: 1em !important;
}

body { font-family:  'Open sans', Verdana, Helvetica, sans-serif;}

.row { max-width:  1800px; margin-left:  auto; margin-right: auto;}
.navbar .container-fluid { max-width:  1800px;}
.navbar { margin-bottom: 0; background:  #000; box-shadow: 0 0 5px 0 #666;}
a, a:active, a:visited { outline:  none !important;}
.uoa-masthead { padding:  15px 0;}
.uoa-masthead h1 {color: #f4f4f4; font-size: 1.2em; font-weight: normal; margin: 0; padding: 0; line-height: 2em;}
#uoa-quicklinks {padding-top:  15px; margin-right:  -15px;}                 /* margin correction - check for better option */

/* tabs */
#nav-tabs-big { margin-top:  2em; }
#nav-tabs-big .margin-bottom-adjust { margin-bottom: -1px;}                 /* margin correction - border-bottom alignment fix for tabs outlines - check for better option */
.uoa-lib-fixed-width-md {min-width:  900px; max-width: 1100px;margin-left:  auto!important; margin-right: auto!important;}
#tabs li { width:  25%; padding: 0 1em;}
#tabs li a { height: 225px; margin: 0 .5em; border:  none;}
#tabs h2 { font-size:  1.25em; font-weight:  bold; color: #ccc; height:  2em;}
#tabs h2 i { font-weight:  normal; font-style:  normal; }
#tabs p {  font-size:  .9em; }
#tabs span { font-size:  22px; margin:  .8em 0;}
#tabs p, #tabs span {color:  #999;}
#tabs :hover h2, #tabs :hover p, #tabs :hover span { color:  #f4f4f4;}

/* tabs with glyphocons */
#tabs span.glyphicons { font-size:  22px; margin: 0; background: none;}
#tabs .active span.glyphicons, #tabs .active:hover span.glyphicons { background: none;}

#tabs .active:hover  { color:  #333 !important; }
#tabs .active h2, #tabs .active p, #tabs .active span,
#tabs .active:hover a, #tabs .active :hover h2, #tabs .active :hover p, #tabs .active :hover span { background:  #fff; color:  #333 !important; }
#tabs .active span {color:  #666 !important; }

/* tab glyphs */
#tabs li .glyphicons-circle-arrow-down { display:  none;}
#tabs li .glyphicons-circle-arrow-right { display:  block;}
#tabs li.active .glyphicons-circle-arrow-down { display:  block;}
#tabs li.active .glyphicons-circle-arrow-right { display:  none;}

#tabs a:hover { background:  none; border: none; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border:  none;}
.nav-tabs { border-bottom:  none;}
.tab-content { padding-top:  3em;}

/* low light tabs */

.lowlight-low .uoa-masthead h1 { color: #fff;}
.lowlight-low #nav-tabs-big #tabs li h2 {color: #666;}
.lowlight-low #tabs .active h2, .lowlight-low #tabs .active p, .lowlight-low #tabs .active span,
.lowlight-low #tabs .active:hover a, .lowlight-low #tabs .active :hover h2, .lowlight-low #tabs .active :hover p, .lowlight-low #tabs .active :hover span
    {
        color: #000 !important;
    }

.uoa-lib-secondary-nav-bar { padding-top: 1.5em;}
.uoa-lib-secondary-nav-bar .uoa-lib-h-list { width: 36em; margin: 0 auto;}
.uoa-lib-secondary-nav-bar li {  }
.uoa-lib-secondary-nav-bar .uoa-lib-h-list a {
    color: #666;
    display: block;
    padding: 1em 0em;
    margin: 0;
    font-weight: normal;
    font-size: 1em;
    width: 9em;
}
.uoa-lib-secondary-nav-bar .uoa-lib-h-list .active a {
    background: #fff;
    color: #333;
}

/* az nav */

.uoa-lib-az-nav a {
    display: block;
    margin: .5em 0em;
    padding: .5em .75em;
    color: #666;
}
.uoa-lib-az-nav a:hover {
    background: #333;  /* 39c */
    color: #fff;
    text-decoration: none;
}
.uoa-lib-az-nav .uoa-lib-active a {
    background: #333;
    color: #fff;
}
.uoa-lib-inline-tool-bar .uoa-lib-az-nav {
    margin: .75em 0;
}

.lowlight { background:  #333; background-image:  url(../images/trans-tile.png);}
.lowlight .uoa-lib-title {color: #888;}
.lowlight-md, .uoa-lib-lowlight-md { background:  #f3f1f2;}
.lowlight-off { background:  #fff;}
.has-rule {border-bottom:  solid 2px #ccc;}
.has-rule.uoa-lib-blanco { border-color:  #fff;}
.tab-label { padding: 1em; display: block; font-size: 1.2em; font-weight:  bold; text-align: left; padding: 1em;margin: 0;}
.tab-label.smooth-tab { border-top-left-radius:  5px; border-top-right-radius: 5px; padding: .75em 2em; color:  #666; font-weight:  normal; font-size:  1.2em;}
.lowlight-low.tab-label { background:  #ccc;}
.tab-label b  { color:  #666; font-weight: normal;}
.lowlight-low { background: #ccc; background-image: url(../images/trans-tile.png) !important;}
.lowlight-reset.tab-label { background:  #fff; border: none; margin-bottom:  -1px;}
.big-profile label { font-size: 1.2em; color: #666; font-weight:  normal; margin-bottom: 1em; }
.big-profile { padding:  3em 15px 5em 15px;}
.uoa-lib-md-profile { padding: 1em 15px 2em 15px}

.lowlight .uoa-lib-tile {background:  none; color:  #000 !important; border:  none; }
.lowlight .uoa-promo-gallery { padding-top:  2em; padding-bottom:  2em;}
.lowlight .uoa-promo-gallery  .uoa-lib-promo { color:  #999; }
.lowlight .uoa-promo-gallery  .uoa-lib-promo h3 { color:  #999;}
.lowlight.tab-label { color:  #999;}

.uoa-lib-highlight { background: #0097cf; color: #fff; border-color: #0097cf !important;}
.uoa-lib-highlight:hover { background: #204d74; color: #fff;  background-position: 95% 55%; border-color: #204d74 !important; text-decoration: none;}


/* quick links */
.uoa-lib-quicklinks {
    float: right;
    background: #fff;
    width: 20em;
    position: relative;
}
.uoa-lib-dropdown { padding: 0em; width: 20em;}
.uoa-lib-quicklinks-list {
    background: #fff;
    color: #333;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-size: .9em;
    display: none;
    position: absolute;
    top: 1.5em;
    left: 0;
    z-index: 1000;
    overflow: auto;
    width: 20em;
}
.uoa-lib-quicklinks .uoa-lib-quicklinks-button,
.uoa-lib-quicklinks-list li a {
    display: block;
    padding:  0 .5em;
    margin: 0;
    font-size: .9em;
}
.uoa-lib-quicklinks-button span { float: right; }


.scale-img img { width:  100%;}

.uoa-lib-scale-img img {
    width: 100%;
}
.uoa-lib-scale-img-off img { width: auto;}

.uoa-lib-scale-img-md img {
    width: 80px;
}
.uoa-lib-scale-img-lg img {
    width: 100px;
}
.uoa-lib-scale-img-sm img {
    width: 60px;
}
.uoa-lib-scale-img-sm a {
    width: 60px !important;
    height: 60px;
}
.uoa-lib-scale-img-md a {
    width: 80px !important;
    height: 80px;
}
.uoa-lib-scale-img-lg a {
    width: 100px !important;
    height: 100px;
}
    .uoa-lib-scale-img-lg a,
    .uoa-lib-scale-img-md a,
    .uoa-lib-scale-img-sm a {
        overflow: hidden !important;
        display: block !important;
        position: relative;
    }
    .uoa-lib-scale-img-lg  a:hover img,
    .uoa-lib-scale-img-md  a:hover img,
    .uoa-lib-scale-img-sm  a:hover img
    {
        width: 120%;
        position: absolute;
        top: -10%;
        left: -10%;
    }

.tiles img { margin:  1em 0;}
.tile {
    padding:  2em;
}
.message-faq {
    background: #f4f4f4;
    border-radius:  10px;
    -moz-border-radius:  10px;
    padding:  1.5em;
}
.message-faq p {
    margin:  1.8em 0;
}
.uoa-message-statement {
    background:  none;
    border:  solid 1px #ccc;
}
h1 {

}
@media (min-width: 300px){
    h2 {
        font-size: 1.6em;
        font-weight: bold;
    }
}
@media (min-width: 500px){
    h2 {
        font-size: 1.8em;
        font-weight: bold;
    }
}


h3 {
    border-bottom: solid 1px #ccc;
    padding-bottom:  1em;
    margin-bottom:  1em;
    font-size:  1.25em;
    color:  #666;
}
    h3.uoa-lib-glyph-md {
        padding-bottom: 0;
    }
h4 {
    font-size:  1.2em;
    font-weight:  normal;
    padding:  0 0 1em 0;
    margin:  1em 0;
    border-bottom:  dashed 1px #ccc;
}


.uoa-lib-spacer-2 {
    margin-bottom:  5em;
}

.uoa-lib-spacer-4 {
    margin-top:  1em;
}
.uoa-lib-spacer-6 {
    margin-top: 1em;
    margin-bottom: 1em;
}
/* consider this for re-setting responsive margins april '16 */
@media (min-width: 300px){
    .uoa-lib-spacer-1 {
        margin-bottom:  1em;
    }
    .uoa-lib-spacer-3 {
        margin-top:  1em;
    }
}
@media (min-width: 500px){
    .uoa-lib-spacer-1 {
        margin-bottom:  3em;
    }
    .uoa-lib-spacer-3 {
        margin-top:  3em;
    }
}

/* spacers */
.uoa-lib-spacer-0 {
    margin: 0 !important;
    padding: 0 !important;
}
.uoa-lib-spacer-b-2 {
    margin-bottom: 2em;
}
.uoa-lib-spacer-b-3 {
    margin-bottom:  3em;
}
.uoa-lib-spacer-b-5 {
    margin-bottom:  5em;
}
.uoa-lib-spacer-t-1 {
    margin-top:  1em;
}
.uoa-lib-spacer-t-3 {
    margin-top:  3em;
}
.uoa-lib-spacer-tb-1 {
    margin-bottom: 1em;
    margin-top: 1em;
}
.uoa-lib-spacer-tb-2 {
    margin-bottom: 2em;
    margin-top: 2em;
}
@media (min-width: 300px){
    .uoa-lib-spacer-tb-3 {
        margin-bottom: 3em;
        margin-top: 1em;
    }
}
@media (min-width: 500px){
    .uoa-lib-spacer-tb-3 {
        margin-bottom: 3em;
        margin-top: 3em;
    }
}

.uoa-lib-spacer-tb-4 {
    margin-top: 4em;
    margin-bottom: 4em;
}
.uoa-lib-spacer-rl-1 {
    margin-left: 1em;
    margin-right: 1em;
}
.uoa-lib-spacer-p-tb-1 {
    padding-bottom: 1em;
    padding-top: 1em;
}
.uoa-lib-spacer-p-tb-2 {
    padding-bottom: 2em;
    padding-top: 2em;
}
.uoa-lib-spacer-p-1 {
    padding: 1em;
}
.uoa-lib-spacer-p-2 {
    padding: 2em !important;
}
.uoa-btn-primary {
    background:  #666;
    color:  #fff;
}
.uoa-btn-primary:hover {
    background:  #000;
    color:  #fff;
}
.uoa-lib-tiles {
    padding: 2em 0;
}
.uoa-lib-tiles a {
    color:  #666;
    text-decoration:  none;
}
.uoa-lib-tiles a:hover {
    color: #000;
    text-decoration: none;
}
.uoa-lib-tile {
    border:  solid 1px #fff;
    padding: 1em;
    background:  #fff;
}
.uoa-lib-no-padding {
    padding:  0;
}
.uoa-section-header-tab {
    padding: 1em 0;
    background:  #ccc;
    font:  normal .9em "Open sans", Helvetica, sans-serif;
}
.uoa-message-statement .tile {

}

.uoa-lib-gallery-lg .uoa-lib-tile { height:  425px !important;}
.uoa-lib-gallery-md .uoa-lib-tile { height:  300px; overflow:  hidden;}


.uoa-thumb-lg { height: 245px; overflow:  hidden;}
.uoa-thumb-lg img { min-height:  100%; min-width:  100%;}
.uoa-lib-promo { color:  #666; font-size:  1.1em; font-weight: normal;}
.uoa-lib-promo b { font-size:  2em; display:  block;}
.uoa-lib-promo h3 { font-size: 1.2em; border-bottom-color: #636363;}
.uoa-lib-promo .uoa-lib-title-major { line-height: 1.8em; padding-top: 0;margin: 0; padding-bottom: 1em;}
.uoa-lib-promo .uoa-lib-title-major span { font-size: 1.2em;font-weight: bold;}
.uoa-lib-inset { text-align:  left; margin-left: 150px; }
.uoa-lib-inset .inset-image { margin-left:  -150px; position:  absolute;}

.uoa-lib-caption { padding:  1em;}
.uoa-lib-image-caption {
    font-size: .9em;
    font-weight: bold;
    color: #666;
    padding: 1em 0;
    text-align: left;
}
    .uoa-lib-image-caption .uoa-lib-inline-tool-bar {
        float: right;
        padding: .5em;
        background: none;
        margin: -.525em 0 0 0;
        border-radius: 5px;
        -moz-border-radius: 5px;
        width: auto;
        color: #999;
    }
.uoa-lib-title {
    border:  none;
    color:  #666;
    font-weight:  bold;
    margin:  1em 0 0 0;
    padding:  0;
}
.uoa-lib-description {
    padding:  0;
    margin:  .5em 0 1em 0;
}
.uoa-lib-tags {
    margin:  1.5em 0;
    line-height:  2em;
}
.uoa-lib-tags span {
    border-radius:  5px;
    background-color:  #666;
    color:  #fff;
    font-size:  .8em;
    padding: .5em;
    margin-right:  .25em;
}
.uoa-lib-tags span.uoa-lib-pointer {
    background-color:  transparent;
    border:  none;
}
.uoa-lib-buttons-simple a {
    display:  inline-block;
    margin:  .125em 0 0 .5em;
    line-height:  1.4em;
    border:  solid 1px #666;
    border-radius:  5px;
    padding:  .5em;
    color:  #333;
    text-decoration:  none;
}
@media (min-width: 300px){
    .uoa-lib-buttons-simple a {
        font-size: .9em;
    }
}
@media (min-width: 600px){
    .uoa-lib-buttons-simple a {
        font-size: 1em;
    }
}
.uoa-lib-buttons-simple a:hover {
    background:  #666;
    color:  #fff;
    cursor: hand !important;
}
.uoa-lib-buttons-simple.uoa-lib-left a {
    margin:  .125em .5em 0 0;  /* correct orientation for left-aligned buttons */
}
.lowlight .uoa-lib-button { color: #999;}
.lowlight .uoa-lib-button:hover  { color: #fff;}
.uoa-lib-form-group { background: #fff;}
.uoa-lib-buttons-simple a .glyphicons,
.uoa-lib-form-group .uoa-lib-inline-form-control a .glyphicons { margin-top: 2px;}
.uoa-lib-form-group { border: solid 1px #666; border-radius:  5px; position:  relative; overflow:  visible; margin-right: 20px; }
.uoa-lib-form-group input.form-control { width: 98% !important; box-shadow: none; border:  none !important;}
.uoa-lib-form-group .uoa-lib-inline-form-control {border-left:  solid 1px #ccc; float: right; position:  relative; text-align:  right; padding: .75em 1em; font-size:  .85em; color: #999; margin-right:  -150px;} /* negative margin */
.uoa-lib-form-group .uoa-lib-inline-form-control a { color:  #999; text-decoration:  none;}
.uoa-lib-form { padding: 0; margin: 0;}
.uoa-lib-form label { font-weight: normal; color: #999;}
input.form-control:focus { box-shadow:  none !important; border:  none !important;}

.uoa-lib-button { border:  solid 1px #ccc; border-radius:  5px; padding: .5em  .5em; line-height:  1.7em; width: auto; display: inline-block;/*width:  70px;*/}
.uoa-lib-submit-button { font-size: .9em; float: right; margin-right:  -230px !important;} /* negative margin */
.uoa-lib-button.lowlight { background-image:  none; color:  #f4f4f4; border:  none;}
.uoa-lib-button-lg { padding: .75em 1em;}
.uoa-lib-button:hover {
    background: #36c;
    color: #fff;
    text-decoration: none;
}
.uoa-lib-disc { background:  #666; color:  #fff !important; border-radius:  25px; padding:  5px 10px; display:  inline-block; margin:  -5px 0 0 0;}
a:hover .uoa-lib-disc { background:  #6cf;}
.uoa-search-icon {
    padding-left:  40px;
    background-image:  url(../images/search-icon.png);
    background-position:  8px 8px;
    background-repeat: no-repeat;
}

a:hover .uoa-lib-tile {
    border: solid 1px #ccc;
}
.uoa-lib-gallery-lg a:hover .uoa-lib-tile  h3 {color: #333;}

.uoa-lib-tv-beta-message { display:  none; position:  absolute; top: -40px; left:  -50px; background: transparent; width:  114px; height: 114px; background-image:  url(../images/background-disc-on.png); background-repeat: no-repeat; overflow:  hidden; color:  #fff; z-index:  1000;}
.uoa-lib-tv-beta-message:hover { background-image:  url(../images/background-disc-on.png);}
.uoa-lib-tv-beta-message a {color:  #f4f4f4;}
.uoa-lib-tv-beta-message a:hover {color:  #fff;}
.uoa-lib-tv-beta-message div { padding:  2.75em 1.5em;}

.uoa-lib-pointer { background-image: url(../images/arrow-small-off.png); background-repeat: no-repeat; float:  right; position: relative; width:  13px; height: 15px; margin-top:  2px;}
a:hover .uoa-lib-pointer {background-image: url(../images/arrow-small.png);}
.uoa-lib-no-border { border:  none !important;}
.uoa-lib-neon { background:  #3cf; color:  #fff;}


.uoa-lib-glyph-lg span.glyphicons{ font-size:  1.8em!important; padding-top:  0; margin-top:  0; line-height:  12px;}
.uoa-lib-glyph-md span.glyphicons{ font-size:  1.4em!important; padding-top:  .125em; margin-top:  0; line-height:  12px;}
.uoa-lib-glyph-sm span.glyphicons{ font-size:  1em!important; padding-top:  .125em; margin-top:  0; line-height:  14px;}

.uoa-lib-tile-select-array input[type='checkbox']{ position:  absolute; bottom:  25px; right:  20px; visibility: hidden;}

.uoa-lib-has-pointer { background-image:  url(../images/arrow-small-off.png) !important; background-repeat:  no-repeat !important; background-position: 95% 55%; padding-right:  30px;}
/*.uoa-lib-button.uoa-lib-has-pointer { background-color: #999;}*/

.uoa-lib-buttons-simple .active, .uoa-lib-buttons-simple .active:hover {background:  #333; color:  #fff;}

.uoa-lib-margin-xs-left { margin-left:  .5em;}


/* v/h-list */
.uoa-lib-h-list,
.uoa-lib-v-list {
    padding:  0;
    margin:  0;
    list-style-type: none;
    position:  relative;
    overflow:  auto;
}
.uoa-lib-h-list > li {
    padding:  0;
    margin: 0;
    float:  left;
    position:  relative;
    /*width:  9em;*/  /* fixed width for dates */
}
.uoa-lib-v-list {
    padding:  0;
    margin: 0;
    float:  left;
    position:  relative;
    width: 100%;
    clear: left;
    /*width:  9em;*/  /* fixed width for dates */
}
/* date browser */
.uoa-lib-date-browser {
    display: table;
    margin:  0 auto;
    width:  auto;
}
.uoa-lib-date-browser a {
    display:  block;
    padding:  1em 1.75em;
    margin:  .25em;
    text-align:  center;
    color:  #333;
}
.uoa-lib-date-browser a:hover {
    text-decoration:  none;
    color:  #000;
    background:  #ccc;
}
@media (min-width: 300px){
    .uoa-lib-date-browser {
        margin:  0 60px;
    }
    .uoa-lib-date-browser > li {
        min-width: 100%;
    }
    .uoa-lib-date-browser a {
        padding:  .5em;
        margin: 0;
    }
    .uoa-lib-date-browser span {
        display:  inline-block;
        padding:  .25em 0;
        margin:  0;
    }
    .uoa-lib-date-browser .date {
        padding:  0;
    }
}
@media (min-width: 700px){
    .uoa-lib-date-browser > li {
        min-width: 33.3%;
    }
}
@media (min-width: 900px){
    .uoa-lib-date-browser > li {
        min-width: unset;
    }
    .uoa-lib-date-browser {
        margin:  0 auto;
    }
    .uoa-lib-date-browser a {
        padding:  .75em;
        margin: 0 .5em;
    }
    .uoa-lib-date-browser span {
        display:  block;
    }
    .uoa-lib-date-browser .date {
        font-size:  1.4em;
    }
}

.uoa-lib-current-date a {
    background:  #333;
    color:  #f4f4f4;
}

/* channel browser */
.uoa-lib-channel-browser {
    width:  450px;
    margin:  .5em auto;
}
.uoa-lib-channel-browser a {
    display:  block;
    margin: 5px;
    padding:  0;
}
.uoa-lib-channel-browser img {
    height:  40px;
}

/* inline tool bar */
.uoa-lib-inline-tool-bar {
    margin: .25em 2em .25em 0;
}
.uoa-lib-inline-tool-bar ul {
    width: auto !important;
    margin-left: 0;
    margin-right: 0;
    float: left;
}
.uoa-lib-inline-tool-bar.uoa-lib-minor ul {
    font-size: .9em;
}
.uoa-lib-inline-tool-bar.uoa-lib-fixed-height ul {
    min-height: 4em;
}
.uoa-lib-right {
    float: right !important;
}
.uoa-lib-tool-bar li {
    padding: 1em .5em;
}
.uoa-lib-tool-bar a {
    cursor: pointer;
}
.uoa-lib-tool-bar a .glyphicons {
    color: #999;
}
.uoa-lib-tool-bar a.active .glyphicons,
.uoa-lib-tool-bar a:hover .glyphicons
{
    color: #333;
}
.uoa-lib-tool-bar.uoa-lib-right {
    border-left: solid 1px #fff;
    margin-left: 1.5em;
    margin-right: 0;
    /*padding-left: 1.5em;*/
}

/* paging */
.uoa-lib-paging {
    /*max-width: 60%;*/
    overflow: hidden;
}
.uoa-lib-tool-bar.uoa-lib-paging {
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
}
.uoa-lib-paging.uoa-lib-has-border {
    border: solid 1px #ccc;
}
.uoa-lib-tool-bar.uoa-lib-paging li {
    margin: 0;
    padding: 0;
}
.uoa-lib-tool-bar.uoa-lib-paging a {
    display: block;
    padding: 1.25em;
    margin: 0 !important;
    text-align: center;
    background: none;
    color: #666;
}
.uoa-lib-tool-bar.uoa-lib-paging.uoa-lib-has-border a,
.uoa-lib-has-border .uoa-lib-tool-bar.uoa-lib-paging a
{
    border-right: solid 1px #ccc;
}
.uoa-lib-tool-bar.uoa-lib-paging .uoa-lib-active a {
    color: #333;
    background: #ccc;
    font-weight: bold;
    text-decoration: none;
}
.uoa-lib-tool-bar.uoa-lib-paging .uoa-lib-go-back a,
.uoa-lib-tool-bar.uoa-lib-paging .uoa-lib-go-back a .glyphicons {color: #999;}
.uoa-lib-tool-bar.uoa-lib-paging a:hover,
.uoa-lib-tool-bar.uoa-lib-paging a:hover .glyphicons
{
    color: #000;
    background: #ccc;
    text-decoration: none;
}
.uoa-lib-paging-summary {
    padding: 1.25em 0 !important;
    overflow: hidden;
    white-space: nowrap;

}
.uoa-lib-paging-summary span {color: #666; font-weight: bold;}  /* 39B3E0 */
.uoa-lib-paging { color: #999;}
.uoa-lib-paging b { color: #666;}
.lowlight-md .uoa-lib-tool-bar.uoa-lib-paging.uoa-lib-has-border { border: none;}
.lowlight-md .uoa-lib-tool-bar.uoa-lib-paging.uoa-lib-has-border li a { border-color: #fff !important;}
/* over ride above */
.uoa-lib-tool-bar.uoa-lib-paging.uoa-lib-simple {
    border: none;
}
.uoa-lib-tool-bar.uoa-lib-paging.uoa-lib-simple a {
    border: none;
    padding: 1.25em .75em;
}
.uoa-lib-tool-bar.uoa-lib-paging.uoa-lib-simple .uoa-lib-active a,
.uoa-lib-tool-bar.uoa-lib-paging.uoa-lib-simple a:hover
{
    background: none;
    text-decoration: underline;
}
.uoa-lib-paging .uoa-lib-last a { border: none !important;}
.uoa-lib-inline-paging { display: inline-block; }

/* paging media rules */

@media (min-width: 300px){
    .uoa-lib-paging > li .page-scope { display: none;}
    .uoa-lib-paging .uoa-lib-first,
    .uoa-lib-paging .uoa-lib-last {
        display: block;
    }
}
@media (min-width: 768px) {
    .uoa-lib-paging > li .page-scope { display: inline-block;}

}

/* global blind */
.uoa-lib-navbar-top { /*border-top:  solid 1px #39c;*/ }

/* uoa-lib-lowlight-low */
#uoa-lib-lowlight-low #uoa-lib-global-nav-button {
    border-top-color:  #333;
}
#uoa-lib-lowlight-low #uoa-lib-global-nav-content,
#uoa-lib-lowlight-low #uoa-lib-global-nav-button a {
    background:  #333;
}

/* uoa-lib-lowlight-neon */
#uoa-lib-lowlight-neon #uoa-lib-global-nav-button {
    border-top-color:  #fc0;
}
#uoa-lib-lowlight-neon #uoa-lib-global-nav-content,
#uoa-lib-lowlight-neon #uoa-lib-global-nav-button a {
    background:  #fc0;
}

/* uoa-lib-lowlight-blonde */
#uoa-lib-lowlight-blonde #uoa-lib-global-nav-button {
    border-top-color:  #ffc;
    color:  #666;
}
#uoa-lib-lowlight-blonde #uoa-lib-global-nav-content,
#uoa-lib-lowlight-blonde #uoa-lib-global-nav-button a {
    background:  #ffc;
    color:  #666;
}

/* uoa-lib-lowlight-platinum */



/* tiles , result set tiles */

.uoa-lib-tiles, .uoa-lib-tiles li {
    list-style-type:  none;
    margin-bottom:  .5em;
}
.uoa-lib-result-set > li {
    width: 25%;             /* default width; change with uoa-lib-col-* */
    float: left;
    position: relative;
}
.uoa-lib-result-set.uoa-lib-col-10 li {
    width: 10%;
}
.uoa-lib-result-set.uoa-lib-col-6 li {
    width: 16.666%;
}
.uoa-lib-result-set.uoa-lib-col-5 li {
    width: 20%;
}
.uoa-lib-result-set.uoa-lib-col-3 li {
    width: 33.3%;
}
.uoa-lib-result-set.uoa-lib-col-2 li {
    width: 50%;
}
.uoa-lib-v-list.uoa-lib-result-set > li {
    width: 100%;
    float: left;
    clear: both;
}
.uoa-lib-result-set .uoa-lib-description {
    height: 3em;
    overflow: hidden;
}
.uoa-lib-tiles.uoa-lib-result-set .uoa-lib-tile-inner-wrap {
    padding: 1em;
    overflow: hidden;
}

.uoa-lib-result-set-tool-bar {

}

/* header */
.uoa-lib-tiles .uoa-lib-col-header img {
    height: 80px;
    width:  80px;
    position:  relative;
    margin:  0 auto;
}
.uoa-lib-tiles .uoa-lib-tile-inner-wrap {
    padding: .125em;
    /*margin:  .5em;*/
}
.uoa-lib-tiles-lg .uoa-lib-tile-inner-wrap {
    height: 25em;
}
.uoa-lib-pre-header {
    background:  #999;
    color:  #fff;
    font-size:  .85em;
    font-weight:  bold;
    padding:  .5em;
}
.uoa-lib-no-pre-header .uoa-lib-pre-header { display: none;}
.uoa-lib-tiles.uoa-lib-tiles-small h4 {
    font-size:  1em;
    font-weight:  bold;
    border:  none;
    margin:   .75em 0;
    padding: 0em .5em;
    color: #09c;
    /*height: 2em;*/
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.6em;                                         /* check effect on subsq. tiles */
}
.uoa-lib-h-list.uoa-lib-tiles.uoa-lib-tiles-small h4 {
    /*height: 2.3em;*/

}
.uoa-lib-thumbnail-small,
.uoa-lib-thumbnail-container {
    position: relative;
    padding: 0;
    margin: 0;
    display: block;
}
.uoa-lib-category-icon {
    float: right;
    /*margin: 5px 0 0 5px;*/
    opacity: 0.3;  /* shortcut for dev/test */
    position: absolute;
    top: 0;
    right: 0;
}
.uoa-lib-duration {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 11px;
    background: #000;
    color: #fff;
    display: block;
    padding: 5px;
    opacity: .2;
}

/* replace below 3 with generic class */
.uoa-lib-tiles.uoa-lib-tiles-small .uoa-lib-description,
.uoa-lib-tiles.uoa-lib-tiles-small .uoa-lib-controls,
.uoa-lib-tiles.uoa-lib-tiles-small .uoa-lib-date-broadcast {
    padding:  0em .5em;
    margin:  .5em 0;
}
.uoa-lib-tiles.uoa-lib-tiles-small .uoa-lib-description {
    padding-top: 0 !important;
    margin: 0 0 .5em 0 !important;
    font-size: .95em;
}
.uoa-lib-tiles.uoa-lib-tiles-small .uoa-lib-date-broadcast {
    margin-top: -.75em;
}
.uoa-lib-tiles .uoa-lib-date-broadcast {
    font-size: .9em;
    color: #09c;
    margin-top: 0;
    /*display: none;*/
}
    .uoa-lib-tiles .uoa-lib-date-broadcast a {
        color: #09c;
    }
.uoa-lib-tiles.uoa-lib-tiles-small .uoa-lib-controls  {
    padding: .75em .5em;
    /*border-bottom:  solid 1px #d5d8d9;
    border-top:  solid 1px #d5d8d9;*/
}
.uoa-lib-thumbnail-small, .uoa-lib-thumbnail-container {
    /*height: 150px;*/
    overflow: hidden;
    display: none;
    position: relative;
}
.uoa-lib-thumbnail-small img {min-width: 100%; min-height: 100%;}
.uoa-lib-has-thumbnail .uoa-lib-thumbnail-small, .uoa-lib-has-thumbnail .uoa-lib-thumbnail-container { display: block;}
.uoa-lib-tiles.uoa-lib-tiles-small .uoa-lib-controls a { color: #d5d8d9;}

.uoa-lib-tiles.uoa-lib-tiles-small .uoa-lib-controls.uoa-lib-simple {
    border:  none;
    margin: 0;
    padding-top: 0;
}
.uoa-lib-result-set .uoa-lib-section-header {
    width: 100% !important;
    clear: both;
    float: none;
    display: block;
    text-align: center;
}
.uoa-lib-result-set .uoa-lib-section-header h3 {
    border-bottom-color: #ccc;
    font-size: 1.2em;
    font-weight: bold;
    background: #333;
    border-radius: 50%;
    -moz-border-radius: 50%;
    color: #f4f4f4;
    padding: 1em 0;
    margin: 1.5em 0;
    border: none;
    display: inline-block;
    text-align: center;
    width: 50px;
}

/* v-list tile variation */
.uoa-lib-v-list.uoa-lib-tiles .uoa-lib-tile-inner-wrap {
    padding: 15px 25px;
    background: none !important;
}
ul.uoa-lib-v-list li:nth-child(odd) .uoa-lib-tile-inner-wrap {
    background: #f4f4f4 !important;
    /*background-image: url(../images/diagonal-stripes.png) !important;*/
}
/*.uoa-lib-v-list.uoa-lib-tiles .uoa-lib-thumbnail-small,*/
.uoa-lib-v-list.uoa-lib-tiles .uoa-lib-thumbnail-container
{
    margin-left: -215px;
    width: 200px;
    position: relative;
    float: left;
    height: auto;
}
.uoa-lib-v-list.uoa-lib-tiles .uoa-lib-duration {
    top: 0;
    bottom: auto;
}
ul.uoa-lib-v-list li .uoa-lib-tile-inner-wrap:hover {
    background: #ebeaea !important;
    border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
}

.uoa-lib-v-list.uoa-lib-tiles.uoa-lib-has-thumbnail .uoa-lib-tile-inner-wrap {
    padding-left: 230px;
    overflow: auto;
}
/*.uoa-lib-v-list.uoa-lib-tiles.uoa-lib-has-thumbnail .uoa-lib-thumbnail-small,*/
.uoa-lib-v-list.uoa-lib-tiles.uoa-lib-has-thumbnail .uoa-lib-thumbnail-container
{
    margin-left: -215px;
    width: 200px;
    position: relative;
    float: left;
    height: auto;
}
.uoa-lib-v-list.uoa-lib-tiles.uoa-lib-has-thumbnail .uoa-lib-thumbnail-small img {
    min-height: unset;
    min-width: unset;
    width: 100%;
}
.uoa-lib-v-list.uoa-lib-tiles.uoa-lib-tiles-small h4 {
    /*height: 2em;*/
    width: auto;
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
}
/* replace below 3 with generic class */
.uoa-lib-v-list.uoa-lib-tiles  h4,
.uoa-lib-v-list.uoa-lib-tiles  .uoa-lib-description,
.uoa-lib-v-list.uoa-lib-tiles  .uoa-lib-controls,
.uoa-lib-v-list.uoa-lib-tiles .uoa-lib-date-broadcast{
    margin: 0;
    padding: 0 0 .75em 0;
    height: auto !important;
}
/*.uoa-lib-v-list .uoa-lib-category-icon { float: left; margin: 0 0 0 -50px;}*/
.uoa-lib-v-list.uoa-lib-tiles .uoa-lib-right { float: none !important; }
.uoa-lib-v-list.uoa-lib-tiles .uoa-lib-controls a { margin-right: 2em; }

.uoa-lib-tiles.uoa-lib-tiles-small .uoa-lib-tile-inner-wrap:hover { background: #fff url(../images/trans-tile.png); color: #333;}  /* ebeaea ; or flip back/fore ground*/
.uoa-lib-tiles.uoa-lib-tiles-small .uoa-lib-tile-inner-wrap:hover h4 { color: #09c; border-bottom: none;}
.uoa-lib-tiles.uoa-lib-tiles-small .uoa-lib-tile-inner-wrap:hover .uoa-lib-pre-header { background: #333;}
.uoa-lib-tiles.uoa-lib-tiles-small .uoa-lib-tile-inner-wrap:hover .uoa-lib-category-icon,
.uoa-lib-tiles.uoa-lib-tiles-small .uoa-lib-tile-inner-wrap:hover .uoa-lib-duration { opacity: 1;}
.uoa-lib-tiles.uoa-lib-tiles-small .uoa-lib-tile-inner-wrap:hover .uoa-lib-controls { border-top-color: #d5d8d9; border-bottom-color: #d5d8d9;}
.uoa-lib-tiles.uoa-lib-tiles-small .uoa-lib-tile-inner-wrap:hover .uoa-lib-controls a { color: #09c; }
.uoa-lib-tiles.uoa-lib-tiles-small .uoa-lib-tile-inner-wrap:hover .uoa-lib-controls.uoa-lib-active-only,
.uoa-lib-tiles.uoa-lib-tiles-small .uoa-lib-tile-inner-wrap:hover .uoa-lib-active-only
{
    visibility: visible;
}
.uoa-lib-tiles.uoa-lib-tiles-small .uoa-lib-controls a:hover { color: #069 !important;}
.uoa-lib-tiles-solid a:hover .uoa-lib-tile { background:  #f4f4f4;}
.uoa-lib-zebra-on {
    background: #f4f4f4;
    /*background-image: url(../images/diagonal-stripes.png);*/
}
.uoa-lib-zebra-on .uoa-lib-pre-header {
    background:  #666;
}
.uoa-lib-has-border { border: solid 1px #ccc;}
.uoa-lib-has-border-top { border-top: solid 1px #ccc;}
.uoa-lib-active-only { visibility: hidden;}
.uoa-lib-right {
    float:  right;
}
.uoa-lib-disabled, .uoa-lib-disabled a, .uoa-lib-disabled .glyphicons, .uoa-lib-disabled a:hover  { color: #ccc !important; background: none !important; cursor: text !important; }

.uoa-lib-badge { background: #999; color: #fff; padding: .125em .5em; border-radius: 5px; -moz-border-radius: 5px;}
.uoa-lib-tile-inner-wrap .uoa-lib-controls a .uoa-lib-badge { background: #efefef; color: #ccc; }
.uoa-lib-tile-inner-wrap:hover .uoa-lib-controls .uoa-lib-badge { background: #09c; color: #fff; }
.uoa-lib-tiles.uoa-lib-tiles-small .uoa-lib-controls a:hover .uoa-lib-badge  { background: #069; }

/* results set pull set */

#uoa-lib-result-pull-set.uoa-lib-tiles-small .uoa-lib-tiles .uoa-lib-tiles-inner-wrap {
    margin: 0 !important;
}
#uoa-lib-result-pull-set .uoa-lib-title { font-weight: normal;}
#uoa-lib-result-pull-set.uoa-lib-tiles-small .uoa-lib-description,
#uoa-lib-result-pull-set.uoa-lib-tiles-small .uoa-lib-date-broadcast,
#uoa-lib-result-pull-set.uoa-lib-tiles-small .uoa-lib-controls
{
    padding-top: 0;
}
#uoa-lib-result-pull-set { /*height: 210px;*/overflow: hidden;}
.uoa-lib-carousel { }
.uoa-lib-row { position: relative; overflow: auto; width: 100%; }
.uoa-lib-row-md { max-width: 1600px !important;}
.uoa-lib-row-sm { max-width: 1400px !important;}
.uoa-lib-row-xs { max-width: 1200px !important;}
.uoa-lib-carousel-container { overflow: auto; display: block; margin: 0; padding: 0; width: 100% !important;}
.uoa-lib-carousel.uoa-lib-col-10 li { width: 275px;}

.uoa-lib-tiles.uoa-lib-tiles-small .uoa-lib-programme h4 { color: #FF5F26; color: #666; }

/* margins */
.uoa-lib-margin-adjust-sm .uoa-lib-tile-inner-wrap {
    /*margin: .5em !important;*/
    display: inline-block;

}

/* --------------------------- */
/* TODO - all to be merged */

/* from home */
.lowlight  .uoa-lib-tile-inner-wrap:hover {
    background: none !important;
    color: #ccc !important;
}

.uoa-lib-caption {
    margin: 0;
    padding: 0 .5em;
}
    .uoa-lib-fixed .uoa-lib-caption {
        height: 3.5em;
        overflow: hidden;
    }
.uoa-lib-caption .uoa-lib-title {
    padding: 0;
    margin: 1em 0 .25em 0;
    font-size: 1.1em;
}
a:hover .uoa-lib-caption .uoa-lib-title {
    color: #333;
}
.lowlight a:hover .uoa-lib-caption .uoa-lib-title {
    color: #ccc;
}
.uoa-lib-genre .uoa-lib-caption {
    position: absolute;
    left: 0;
    top: 84px;
    height: 16px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    width: 100%;
}
.uoa-lib-genre a:hover  {
    background: #333 !important;
}
    .uoa-lib-lowlight-low .uoa-lib-genre a:hover {
        background: #000 !important;
        color: #f4f4f4 !important;
    }
.uoa-lib-genre :hover .uoa-lib-caption {
    font-size: 20px;
    top: 82px;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}
.uoa-lib-promo-wrap .uoa-lib-tile-inner-wrap {
    margin-left: 0;
    margin-right: 0;
}
.uoa-lib-promo {
    padding: .5em 2em 2em 2em;
}
.uoa-lib-promo h3 {
    font-weight: bold;
    border-bottom-color: #f4f4f4;
}
.uoa-lib-promo h3 b {
    font-size: 1em;
    font-weight: normal;
    border-bottom-color: #f4f4f4;
    display: inline;
}
.x-uoa-lib-list-simple {
    padding: .5em;
    margin: 0;
}
.x-uoa-lib-list-simple > li {
    padding: .5em;
}
.uoa-lib-footer-global {
    background: #1d1d1d;
    border-top: solid 1px #333;
    padding: 1em 0 2em 0;
    margin-top: 2em;
}
.uoa-lib-footer-global  a {
    margin-right: 1.5em;
}
.uoa-lib-footer a {
    color: #999;
}
.uoa-lib-footer-global a {
    color: #666;
}
.uoa-lib-footer-global a:hover {
    color: #999;
}
.uoa-lib-footer .uoa-lib-button {
    color: #999;
    border-color: #666;
}
.uoa-lib-footer .uoa-lib-button:hover {
    text-decoration: none;
    color: #f4f4f4;
    border-color: #36c;
}
.uoa-lib-footer .uoa-lib-footer-header {
    width: 100% !important;
    margin-bottom: 1.5em;
}
@media (min-width: 1200px) {
    .uoa-lib-footer li.uoa-lib-footer-header {
        width: 20% !important;
        margin-bottom: 1.5em;
    }
}


/* facet items - TODO : merge */

    .uoa-lib-h-list.uoa-lib-facet-items a {
        background: #ccc !important;
        border: solid 1px #fff !important;
        display: block;
        padding: 5px;
     }
.uoa-lib-facet-items {
    color: #666;
}

/* messages */

.uoa-lib-message {
    -width: 100%;
    max-width: 500px;
    padding: 2em;
    margin: 3em auto;
    background: #e2e2e2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
}
    .uoa-lib-message p {
        margin: 1.5em 0 2em 0;
        padding: 0;
        position: relative;
    }
    .uoa-lib-message .uoa-lib-message-header {
        margin: 0;
        padding: 0;
        font-size: 1.2em !important;
        font-weight: bold;
    }
    .uoa-lib-message .uoa-lib-help {
        margin: 2em 0 0 0;
    }
    .uoa-lib-message .uoa-lib-help a {
        font-size: .9em;
        color: #999 !important;
        padding: .25em;
        border-radius: 5px;
        -moz-border-radius: 5px;
    }
        .uoa-lib-message .uoa-lib-help a:hover {
            color: #666 !important;
        }
    .uoa-lib-message .uoa-lib-help .glyphicons {
        margin-top: 2px;
    }
    .uoa-lib-message .uoa-lib-message-icon {
        display: block;
        padding: 0;
        margin: .25em;
    }
    .uoa-lib-message-alert {
        background: #fc6;
    }


    @media (min-width: 500px){
        .uoa-lib-message {
            width: 50%;
        }
    }

    /* buttons extra */

    .uoa-lib-cta-primary {
        background: green;
        color: #fff;
        border: solid 1px green;
        margin-bottom: .5em; /* TODO : merge buttons */
    }
        .uoa-lib-cta-primary:hover {
            background: darkgreen;
        }
    .uoa-lib-cta-secondary {
        background: #ccc;
        border: solid 1px #ccc;
        color: #333;
    }
    .uoa-lib-cta-secondary:hover {
        background: #666;
        color: #fff;
        border: solid 1px #666;
    }
        .uoa-lib-cta-secondary.uoa-lib-no-border {
            text-decoration: underline;
        }
        .lowlight .uoa-lib-cta-secondary {
            background: #666;
            border: solid 1px #666;
            color: #f4f4f4;
        }
            .lowlight .uoa-lib-cta-secondary:hover {
                background: #ccc;
                border: solid 1px #ccc;
                color: #333;
            }


/* bs over-rides */
.btn-default {
    background-image: none !important;
    box-shadow: none;
}


/* programmes */
.uoa-lib-programme-container .uoa-lib-player-metadata {
    margin-top: 0;
    border: solid 1px #393939;
    width: auto !important;

}
.uoa-lib-programme-container .uoa-lib-player-metadata li {
    border-right: solid 1px #393939 !important;
    margin-right: 1px;
}
     .uoa-lib-programme-container .uoa-lib-player-metadata li:first-child {
         /*margin-left: 0 !important;
         padding-left: 0!important;*/
         border: none !important;
     }
    .uoa-lib-programme-cover {
        float: left;
        margin: 1em 2em 2em 0;
        width: 300px;
    }
    .uoa-lib-feature-hero-content .uoa-lib-programme-cover {
        margin: 2em 2em 2em 0;
        display: block;
    }
    .uoa-lib-feature-hero-content h2 {
        clear: both;
    }
        @media (min-width: 800px){
            .uoa-lib-feature-hero-content .uoa-lib-programme-cover {
                margin: 0 2em 2em -350px;
                display: inline-block;
            }
            .uoa-lib-feature-hero-content {
                padding-left: 350px;
            }
            .uoa-lib-feature-hero-content h2 {
                clear: none;
            }
        }
    .uoa-lib-sub-header {
        display: block;
        font-size: 2.2em;
        line-height: 1.6em;
        color: #333;
        padding-top: 0;
        margin-top: -.5em;
        margin-bottom: 0;
        font-weight: bolder;
    }


    .uoa-lib-spacer-bt-3 {
        margin-top: 3em;
        margin-bottom: 3em;
    }
.uoa-lib-spacer-bt-2 {
    margin-top: 2em;
    margin-bottom: 2em;
}

.uoa-lib-focus-on {
    display: none;
}
:hover > .uoa-lib-focus-on {display: inline;}
:hover > .uoa-lib-focus-off {display: none;}


.uoa-lib-minor-header {
    font-size:.5em;
    color:#4f4f4f;
    font-weight:bold;
    text-transform:uppercase;
}
.uoa-lib-feature-item,
.uoa-lib-feature-item .uoa-lib-sub-header,
.uoa-lib-feature-item .uoa-lib-minor-header
{
    color: #999 !important;
}
.uoa-lib-feature-item:hover h2,
.uoa-lib-feature-item:hover p,
.uoa-lib-feature-item:hover .uoa-lib-sub-header,
.uoa-lib-feature-item:hover .uoa-lib-minor-header,
.uoa-lib-feature-item:hover .uoa-lib-pre-header {
    color: #b0b1b1 !important;
}
.uoa-lib-feature-item .uoa-lib-feature-item-title {
    margin-top: .25em;
}

/* big button */
.uoa-lib-button-xxl  {
    float:left;
    width: 100%;
    position: relative;
    text-align:center;
    padding: 30px 0;
}
    .uoa-lib-button-xxl .glyphicons {
        font-size: 40px;
        color: #999;
        margin-top: 10px;
    }
    @media (min-width: 600px) {
        .uoa-lib-button-xxl  {
            width: 100px;
        }
    }
.uoa-lib-button-anchor:hover .uoa-lib-button-xxl .glyphicons {
    font-size: 60px !important;
    color: #999 !important;
    margin-top: 0px !important;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.uoa-lib-button-anchor .uoa-lib-button-xxl .glyphicons:hover{
    color: #ccc !important;
}
.uoa-lib-feature-item-wrapper {
    width: 750px;
    float: left;
    position: relative;
}

/* TODO - merge */
.uoa-lib-tool-bar .uoa-lib-active .glyphicons {
    color: #333;
}

.uoa-lib-v-list.uoa-lib-basic-tile .uoa-lib-thumbnail-responsive-holder {
    width: 200px;
    float: left;
    position: relative;
    margin-right: 1.5em;
}
.uoa-lib-v-list.uoa-lib-basic-tile .uoa-lib-caption {
    float: left;
    position: relative;
    height: auto;
}

.uoa-lib-caption .uoa-lib-date {
    font-size: 1em;
    color: #999;
}
.uoa-lib-basic-tile {
    font-size: .95em;
}
.uoa-lib-caption .uoa-lib-title .glyphicons {
    margin-left: .5em;
}
.uoa-lib-basic-tile .uoa-lib-caption {
    height: 8em;
    overflow: hidden;
}
.uoa-lib-basic-tile .uoa-lib-caption div {
    margin-top: .25em !important;
}
.uoa-lib-basic-tile .uoa-lib-button-container {
    display: none;
}
.uoa-lib-v-list.uoa-lib-basic-tile .uoa-lib-button-container {
    display: block;
    float: left;
    padding: 15px 0 0 10px;
}

.uoa-lib-header {
    clear: both;
}

.uoa-lib-em {
    font-weight: normal;
}

.uoa-lib-feature-header {
    color: #888;
    border: none;
    font-weight: bold;
    margin-left: 1em;
}

/* TODO - merge */
.uoa-lib-feature-item .uoa-lib-pre-header {
    font-size: .8em !important;
    font-weight: normal;
    text-transform: uppercase;
    background: none;
    color: #999;
    margin: 0;
    padding: 0;
}
.uoa-lib-feature-item .uoa-lib-programme-cover {
    margin-top: 0;
}

h2 .uoa-lib-button {
    font-size: .6em;
    font-weight: normal;
    margin: 0 1em;
}

.uoa-lib-button.uoa-lib-button-lg.uoa-lib-error {
    background: #ff9818;
    border-color: #ff9818;
    color: #fff;
}
.uoa-lib-button.uoa-lib-button-lg.uoa-lib-error:hover {
    background: #09c;
    border-color: #09c;
    color: #fff;
}
.uoa-lib-request-link {
    margin-left: 1em;
    color: #fff;
    padding: 5px;
    background: limegreen;
    border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 90%;
}
a:hover .uoa-lib-request-link {
    background: darkgreen;
}

.uoa-lib-tile-inner-wrap .uoa-lib-request-link-control {
    margin-left: 1em;
    color: #fff;
    padding: 5px;
    background: #d5d8d9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 90%;
}
.uoa-lib-tile-inner-wrap:hover .uoa-lib-request-link-control {
    background: limegreen;
}

.uoa-lib-error-button {
    background: #ccc;
    color: #666;
}
    .uoa-lib-error-button:hover {
        background: #f96;
        color: #fff;
        border-color: #f96;
    }
    h2 .uoa-lib-error-button {
        margin: 0;
        font-size:11px!important;
    }

 .uoa-lib-big-index a {
     text-decoration: none;
     display: block;
     padding: 2em;
     color: #333;
     background: #f4f4f4;
     margin: 2px;
     font-weight: bold;
     text-align: center;
 }
.uoa-lib-lowlight-md .uoa-lib-big-index a {
    background: #fff;
}
.uoa-lib-big-index a:hover {
    background: #999;
    color: #f4f4f4;
}
.section-wrapper {
    margin: 1px; padding: 0 2em;
}
.uoa-lib-headline-md {
    font-size: 1.2em !important;
}
.uoa-lib-title-contrast {
    font-weight: normal !important;
}
.uoa-lib-heading-md {
    font-weight: bold;
    border: none;
    padding: 0;
    margin: 1.5em 0;
}
.uoa-lib-title-link {
    color: #999;
    text-decoration: none;
    border-bottom: dashed 1px #ccc;
}
.uoa-lib-title-link:hover {
    color: #333;
    text-decoration: none;
    border-bottom: dashed 1px #333;
}


/* cta colors */
.uoa-lib-cta-link {
    background: #09c;
    border: none;
    color: #fff !important;
}
.uoa-lib-cta-link:hover {
    background: #6cf;
    color: #fff !important;
}
.uoa-lib-cta-request {
    background: #67c925 !important;
    border: none;
    color: #fff !important;
}
.uoa-lib-cta-request:hover {
    background: #53a21e;
    color: #fff !important;
}
.uoa-lib-cta-error {
    background: #f90;
    border: none;
    color: #fff !important;
}
.uoa-lib-cta-error:hover {
    background: #c60;
    color: #fff !important;
}
.uoa-lib-cta-simple {
    background: #999;
    color: #fff !important;
}
.uoa-lib-cta-simple:hover {
    background: #666;
    color: #fff !important;
}

.uoa-lib-no-display {
    display: none;
}

/* col wrap */
.uoa-lib-wrap-col {
    height: auto;
    padding: 0;
    margin: 0;
    -webkit-column-width: 300px;
    -moz-column-width: 300px;
    column-width: 300px;
    -webkit-column-count:4; /* max cols, if width supplied */
    -moz-column-count:4;
    column-count:4;
}
.uoa-lib-wrap-col :first-child a {
    margin-top: 0;
}
.uoa-lib-wrap-col.uoa-lib-wrap-col-md {
    -webkit-column-width: 300px;
    -moz-column-width: 300px;
    column-width: 300px;
    -webkit-column-count:2; /* max cols, if width supplied */
    -moz-column-count:2;
    column-count:2;
}
.uoa-lib-wrap-col.uoa-lib-wrap-col-lg {
    -webkit-column-width: 300px;
    -moz-column-width: 300px;
    column-width: 300px;
    -webkit-column-count:3; /* max cols, if width supplied */
    -moz-column-count:3;
    column-count:3;
}

/* generic blockout */
#uoa-lib-block-out {
    display: none;
    position: absolute;
    height: 2000px;
    width: 100%;
    background: rgba(225,225,225,.9);
    z-index: 100;
    left: 0;
    right: 0;


}
.uoa-lib-no-scroll {
    overflow: hidden;
}

.uoa-lib-ground {
    opacity: .2;
}

/* facet chevron */
.uoa-lib-discovery-container .uoa-lib-active-tab > a .glyphicons {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    margin-bottom: 2px;
}
.uoa-lib-discovery-container .uoa-lib-filter-value-list .uoa-lib-plain-list {
    padding: 1em;
}

/* todo - refactor */

/* results record */
.uoa-lib-tiles-lg h4 {
    border:  none;
    color: #09c;
    font-size:  1.1em;
    font-weight:  bold;
    margin:   .75em 0 .25em 0;
    padding: 0em;
}
.uoa-lib-tiles-lg .uoa-lib-sub-title {
    font-weight: normal;
}
.uoa-lib-tiles-lg .uoa-lib-season {
    color: #09c;
    font-size: .95em;
    margin: 0 0 0em 0;
    padding: 0;
}
.uoa-lib-tiles-lg .uoa-lib-search-snippet {
    color: #999;
    font-size: .925em;
    margin: .5em 0 1em 0;

}
.uoa-lib-tiles-lg .uoa-lib-search-snippet.cc {
    text-transform: lowercase;
}
.uoa-lib-tiles-lg .uoa-lib-description {
    font-size: .925em;
    height: auto;
}
.uoa-lib-tiles-lg .uoa-lib-search-snippet.person .uoa-lib-snippet-item
{
    margin-right: 0.25em;
}
.uoa-lib-tiles-lg .uoa-lib-search-snippet.person .uoa-lib-snippet-item:before
{
    content: '';
}
.uoa-lib-tiles-lg .uoa-lib-search-snippet .uoa-lib-snippet-item:before
{
    content: '...';
}
.uoa-lib-tiles-lg .uoa-lib-search-snippet em {
    font-style: normal;
    font-weight: bold;
    color: #969696;
}
.uoa-lib-tiles-lg .uoa-lib-tile-inner-wrap {
    border: solid 1px #f4f4f4;
    /*margin: 1px 5px;*/
    margin: 1em; /* added to work with -max-5 not -6  13-4-2016 */
}
.uoa-lib-tiles-lg .uoa-lib-tile-inner-wrap:hover {
    border: solid 1px #666;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}
.uoa-lib-tiles-lg .uoa-lib-tool-toggle-wrap {
    background: #999;
    border-top: solid 1px #ccc;
    height: auto;
    left: 0;
    margin: 0 14px; /* 6px */
    right: 0;
    bottom: 14px; /* needed with tile margin value */
    width: auto;
    z-index: 1000;
    opacity: .7;
}
.uoa-lib-tiles-lg .uoa-lib-tool-toggle-wrap:hover {
    opacity: 1;
}
.uoa-lib-tiles-lg .uoa-lib-tool-toggle-wrap a {
    border-bottom: solid 1px #fff;
    color: #fff;
    display: block;
    height: auto;
    margin: 0;
    padding: 1.5em;

}
.uoa-lib-tiles-lg .uoa-lib-tool-toggle-wrap a:hover {
    background: #666;
}
.uoa-lib-tiles-lg .uoa-lib-tool-toggle-wrap .uoa-lib-sub {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

/* v list */
.uoa-lib-col-flex.uoa-lib-flex-child-item.uoa-lib-v-list.uoa-lib-tiles-lg > li, .uoa-lib-col-flex.uoa-lib-v-list .uoa-lib-tiles-lg .uoa-lib-flex-item {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}
.uoa-lib-tiles.uoa-lib-tiles-lg.uoa-lib-v-list .uoa-lib-tile-inner-wrap {
    height: auto;
}
.uoa-lib-tiles-lg.uoa-lib-v-list .uoa-lib-tile-inner-wrap:hover {
    border-color: #666;
    border-radius: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    background: #fff !important;

}
.uoa-lib-tiles-lg.uoa-lib-v-list .uoa-lib-tool-toggle-wrap {
    background: none;
    border-top: none;
    position: relative;
    display: block !important;
    margin: 0;
    bottom: auto;
    left: auto;
    right: auto;
    z-index: auto;
}
.uoa-lib-tiles-lg.uoa-lib-v-list.uoa-lib-tiles-lg .uoa-lib-tool-toggle-wrap a {
    background: none;
    border: none;
    color: #999;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 1em .25em;
}
.uoa-lib-tiles-lg.uoa-lib-v-list.uoa-lib-tiles-lg .uoa-lib-tool-toggle-wrap a:hover {
    color: #333;
}
.uoa-lib-v-list.uoa-lib-tiles h4,
.uoa-lib-v-list.uoa-lib-tiles .uoa-lib-description,
.uoa-lib-v-list.uoa-lib-tiles .uoa-lib-controls,
.uoa-lib-v-list.uoa-lib-tiles .uoa-lib-date-broadcast {
    margin: 0;
    padding: 0 0 .25em 0;
}


@media (min-width: 300px){
    .uoa-lib-tiles.uoa-lib-tiles-lg .uoa-lib-tile-inner-wrap {
        border: none;
        height: auto;
        margin: 0;
        padding: 1em 0;
    }
    .col-sm-12 {
        padding: 0;
    }
    .section-wrapper {
        padding: 0;
        margin-bottom: 3em;
    }
    .uoa-lib-h-list.uoa-lib-big-index > li {
        width: 100%;
    }
    .uoa-lib-fixed-nav.uoa-lib-has-depth .uoa-lib-top-of-page {
        display: none;
    }
    .uoa-lib-margin-adjust-sm .uoa-lib-tile-inner-wrap {
        margin: .25em;
    }
    .uoa-lib-feature-hero {
        padding: 1em;
    }
}
@media (min-width: 500px){
    .uoa-lib-tiles.uoa-lib-tiles-lg .uoa-lib-tile-inner-wrap {
        border: solid 1px #f4f4f4;
        height: 25em;
        margin: 1em;
        padding: 1em;
    }
    /* gradient fade for tile view text overflow */
    .uoa-lib-tiles.uoa-lib-tiles-lg .uoa-lib-tile-inner-wrap:before {
        content:'';
        right: 15px;
        bottom: 15px;
        position:absolute;
        left:15px;
        height:4em;
        /*background:linear-gradient(transparent 22em,white);*/
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }
        .lowlight-md .uoa-lib-lowlight-md  .uoa-lib-tiles.uoa-lib-tiles-lg .uoa-lib-tile-inner-wrap:before,
        .uoa-lib-lowlight-md  .uoa-lib-tiles.uoa-lib-tiles-lg .uoa-lib-tile-inner-wrap:before {
            content:'';
            right: 15px;
            bottom: 15px;
            position:absolute;
            left:15px;
            height:4em;
            /*background:linear-gradient(transparent 22em,white);*/
            background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(243,241,242,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(243,241,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(243,241,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f3f1f2',GradientType=0 ); /* IE6-9 */
        }
    .uoa-lib-tiles.uoa-lib-tiles-lg.uoa-lib-v-list .uoa-lib-tile-inner-wrap:before {
        content:normal;
        right: 15px;
        bottom: 15px;
        position:absolute;
        left:15px;
        top:0;
        /*background:linear-gradient(transparent 22em,white);*/
    }
    .section-wrapper {
        padding: 0 2em;
    }
    .uoa-lib-h-list.uoa-lib-big-index > li {
        width: 50%;
    }
    .uoa-lib-margin-adjust-sm .uoa-lib-tile-inner-wrap {
        margin: .5em;
    }
    .col-sm-12 {
        padding: 0 15px;
    }
}
@media (max-width: 800px){
    .uoa-lib-v-list.uoa-lib-tiles.uoa-lib-has-thumbnail .uoa-lib-tile-inner-wrap {
        padding: 1em 2em 2em 2em;
    }
    .uoa-lib-v-list.uoa-lib-tiles.uoa-lib-has-thumbnail .uoa-lib-thumbnail-container {
        margin: 1em 0;
        display: block;
        width: 100%;
    }
}
@media (min-width: 800px) {
    .uoa-lib-h-list.uoa-lib-big-index > li {
        width: auto;
    }
    .uoa-lib-fixed-nav.uoa-lib-has-depth .uoa-lib-top-of-page {
        display: block;
    }
    .col-sm-12.tmp-padding-fix {
        padding: 0 30px !important;
    }
}
@media (min-width: 1000px){
    .uoa-lib-feature-hero {
        padding: 5em;
    }
}

.uoa-lib-caption .uoa-lib-title {
    font-weight: normal;
}
.uoa-lib-hero-description {
    font-weight: normal;
    border: none;
    margin: 2em 0;
}
.uoa-lib-thumbnail-responsive-holder.not .x {
    display: table-row;
    position: absolute;
    top: 0;
    bottom:0;
    left: 0;
    right: 0;
    text-align: center;
    color: #f4f4f4;
    font-weight: normal;
    font-size: .9em;
}
.uoa-lib-thumbnail-responsive-holder.not p {
    padding: .75em .5em;
    text-align: center;
}
.uoa-lib-thumbnail-responsive-holder.not p .glyphicons {
    display: inline-block;
    width: 100%;
}

/* facet chevron */
.toggle-facet.uoa-lib-active .glyphicons,
.uoa-lib-toggle-section-more.uoa-lib-active .glyphicons,
.uoa-lib-toggle-control.uoa-lib-active {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    margin-bottom: 2px;
}
/*
@media (min-width: 300px){
    .uoa-lib-story-item .uoa-lib-section-group.uoa-lib-toggle-target {
        display: block !important;
    }
    .uoa-lib-toggle-control {
        display: none;
    }
}
@media (min-width: 600px){
    .uoa-lib-story-item .uoa-lib-section-group.uoa-lib-toggle-target {
        display: none !important;
    }
    .uoa-lib-toggle-control {
        display: block;
    }
}
*/

@media(max-width: 500px){
    #search-form #search-keyword {
        font-size: 16px;
    }
}