/* Rel 2007 "Skyline" Example Set */
/* This File Last Changed: 21 Jan2015 CM */
/* *******************************************************************
Organization:
Section 1 - Global tag styles 
Section 1.1 - TCD Library catalogue Global tag styles 
Section 2 - named styles listed in alphabetical order
Section 3 - WebBridge
Section 4 - styles for Skyline design

Color Scheme:

background gradient from blue - #9FBECE to gray - #f9f9f9
light gray background: #f9f9f9
yellow hover color  : #FFFFE4
table row briefcit gray : #F8F8F8
tab border light blue: #D1D8DD
tab background light blue : #f0f4f5
browsepager blue - #9FBECE
search tool blue - #d2e0e7
search tool border blue - #BDBDBD
browse header dark blue - #001848
browse super entry (relevance) yellow - #FFFBD6
New blue nav #0b5b92

********************************************************************** */
/* *******************************************************************
Changes made by Ramona - 25 July

Changes to background section - full details see below witin section
See Annotations trhoughout the stylesheet
********************************************************************** */

/* general appearance */
/* See also Web Option BODYPARAM */

/* Stylesheet to use for dynamic Web pages */
/* is set by Web Option STYLESHEET */


/* Section 1 */
/*Global tag styles*/

/* WebPAC Pro blue backgroun - repeated. Disabled as this is not needed for TCD webPAC 
body { margin:0 0 1% 0;padding:0;background:url(blue2.gif) 2% 0% repeat-x #f9f9f9;font-family:Verdana, Arial, Helvetica, sans-serif;  font-style : normal; font-weight : normal;color:#202020;font-size:85%; } */

/* Section 1.1 - TCD Library catalogue Global tag styles */
/* beginning of WebPAC TCD background */
/* Changes made:
1. Removed general body background from WebPAC default
2. Changed the back ground colour to #E1E6EA - which corresponds to the website outer grey background colour
3. changed font color to #333333 - which is the body font color
4. changed font size from 100% to 0.75em - this information taken from Library website
5. Tried text-align:center; in order to move the text in a bit on IE - but that actually centered the text > removed again.
*/

/* Commented out on 27 July as this is covered in master CSS
body { margin:0 0 1% 0;padding:0;background-color: #E1E6EA;font-family:Verdana, Arial, Helvetica, sans-serif;  font-style : normal; font-weight : normal; color:#333333;font-size:90% }
Ramona's attempt at creating a div wrap element, which should center all content at a max width of 950px 
.wrap {margin: 0 auto; padding: 0; text-align: left ; width: 950px} */

/* CSS Document taken from web*/
html {margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 100%;/* Set IE type */}
body {margin:0;padding:0;background-color:#E1E6EA ; font-size:0.8em;text-align:center;line-height:1.8em;color:#333;}
body * {font-size:100%;}/* Explicit specification for old versions of IE hack */ 
#wrap {width:950px;margin-left:auto; margin-right:auto; text-align:left;}
/* .wrap {text-align:left;margin:0 auto;padding:0px;width:auto;max-width:950px;background:#fff;}end of TCDC master.css *//

/*Basic HTML styles*/
p,h1,h2,h3,h4,h5,h6,blockquote,ul,ol,dl,table,hr,form,fieldset {margin:0.8em 0 0.8em 0;padding:0;}
a {color:#339999;} /* #116caf  */
a:hover, a:focus {text-decoration:none;}
abbr {text-decoration:none;border:0;}
a abbr {text-decoration:underline;border-width:1px;}
a:hover abbr {text-decoration:none;border-width:0;}
sup,sub {font-size:0.8em;line-height:normal;}
sup {vertical-align:top;}
hr {border:0;border-top:1px solid #ccc;}
code, pre {line-height:1.34em;font-family:"Courier New", Courier, monospace;}

ul, ol {padding-left:2.5em;}
ul li, ol li {padding-left:0.6em;margin:0.6em 0;}
li p {margin-top:0.6em;}
ol ol {list-style-type:lower-alpha;}
ol ol, ol ul, ul ol, ul ul {margin-top:0;padding-left:3em;}
dl dl {margin-top:0;}
dl dt, dl dd {margin-top:0.6em;}

h1, h2, h3, h4, h5, h6 {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-weight:normal;margin-bottom:0.05em;}/*A margin bottom of 0 means that no matter what font size the heading, the following elements will be pushed down based on their font size. Rather than 0, the small margin bottom just helps with spacing when the following item has no margin-top.*/
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {color:#0390c6;}
h1 {font-size:1.9em;line-height:1.34em;}
h2 {font-size:1.4em;line-height:1.34em;}
h3 {font-size:1.3em;line-height:1.34em;}
h4 {font-size:1.0em;line-height:1.34em;}
h5 {font-size:1.0em;line-height:1.34em;}
h6 {font-size:1em;line-height:1.34em;margin-top:1.2em;}

img {border:1px solid #ddd;padding:0;}
img.no-border {border:0;padding:0;}
blockquote {}
blockquote p {margin-bottom:0;margin-top:10px;}
blockquote {margin-left:5%;margin-right:5%;}
form {}
form label {cursor:pointer;}
form fieldset {padding:0 1em 1em 1em;border:1px solid #ddd;text-align:left;}
form fieldset label {margin:0 1.5em 0 0.25em;}
form fieldset input,form fieldset textarea,form fieldset select {font-size:1.1em;font-family:Verdana, Arial, Helvetica, sans-serif;}
form fieldset textarea,form fieldset select {display:block;}
form fieldset label input,form fieldset label textarea,form fieldset label select {margin:0 0.5em 0 0;padding:0;}
form fieldset label input[type=text],form fieldset label input[type=password] {display:block;}
form fieldset .mandatory {color:#CC0000;}
form .form-data-protection-statement {font-size:0.9em;line-height:1.8em;}


/* ========================================== */

table {text-align:left;border-collapse:collapse;vertical-align:baseline;}
table, th, td {border: none}
/* table, th, td {border-width:1px;border-style:solid;border-color:#ddd;} Original WebPAC table properties*/
th, td {padding:0px 0px 10px 0px ; ;vertical-align:baseline; text-align:left}
/* th, td {padding:6px 8px 7px 8px;vertical-align:baseline;}  original WebPAC table properties */
th {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-size:1.2em;text-align:left;}

/* ========================================== */

/*Class based styles*/
ol.lowercase-roman {list-style-type:lower-roman;}
ol.uppercase-roman {list-style-type:upper-roman;}
ol.lowercase-alpha {list-style-type:lower-alpha;}
ol.uppercase-alpha {list-style-type:upper-alpha;}
img.fl {float:left;margin-left:0em;margin-right:1em;}
img.fr {float:right;margin-left:1em;margin-right:0em;}
.float-left,.wrap-text-right {float:left;margin-left:0em;margin-right:1em;}
.float-right,.wrap-text-left {float:right;margin-left:1em;margin-right:0em;}
.accelerator-key {text-decoration:underline;}
.cloak {position:absolute;left:-9999px;}
.cb, .clear {clear:both;}
.clear-right {clear:right;}
.clear-left {clear:left;}

/*Site menu*/
.n .site-menu li ul {display:none;}
.n .site-menu li.open ul {display:block;}
.n .site-menu li.open ul li ul {display:none;}
.n .site-menu li.open ul li.open ul {display:block;}
.n .site-menu li.open ul li.open ul li ul {display:none;}
.n .site-menu li.open ul li.open ul li.open ul {display:block;}
.n .site-menu li.open ul li.open ul li.open ul li ul {display:none;}
.n .site-menu li.open ul li.open ul li.open ul li.open ul {display:block;}
.n .site-menu li.open ul li.open ul li.open ul li.open ul li ul {display:none;}
.n .site-menu li.open ul li.open ul li.open ul li.open ul li.open ul {display:block;}

/* ========================================== */


/* ============End of master css taken from College ============================== */

/* ============Beginning of Library styles document ============================== */
/*
CSS document outline
    Elements
        Body and link text
    Classes
    Header .h
        Language switcher .h .language-switcher
        Site title h1 text version .h h1
        Site title h1 image replaced version .h h1
        Site structure looking up .h .structure
    .s
        Language switcher .s .language-switcher
	Site search .s site-search
	Breadcrumb .s .breadcrumb
    Main .m
        Navigation .n
        Content .c
    Footer .f
    More classes and elements
    Page specific styles d-[page-name]
*/

/* Elements */

/*
body {}
body, a {color:#333;} */
a {color:#0d7776; text-decoration:none}



/* Classes */

/* Header */
.h {float:left;width:100%;background:#af8944;clear:both;position:relative; 	border-left:solid 1px #8ea1ab;
	border-right:solid 1px #8ea1ab; height:96px; }
.h, .h a {color:#fff;}
.h-inner {
	min-height:96px;
	height:auto!important;
	height:96px;
	background:url(img/libtopban.jpg) no-repeat 100% 0;
	padding:0 0 0 0px;

}
.h .language-switcher {float:right;background:#116caf;font-size:0.9em;line-height:1.8em;padding:0 0 4px 0;}
.h .language-switcher h2 {display:inline;color:#dae6ef;font-size:1em;line-height:1.8em;font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif;margin:0 0.5em 0 9px;}
.h .language-switcher ul {display:inline;margin:0 9px 0 0;padding:0;}
.h .language-switcher li {display:inline;list-style-type:none;margin:0;padding:0;}
.h .language-switcher a {color:#fff;text-decoration:none;border-bottom:1px solid #81aecf;}
.h .language-switcher a:hover,
.h .language-switcher a:focus {border-bottom:0px;} 

/* Site title as text */
.h h1 {float:right;font-size:2.25em;line-height:1.34em;font-family:"Gill Gans MT","Gill Sans", Verdana, Arial, Helvetica, sans-serif;font-weight:normal;margin:25px 12px 0px 0px;padding:0;}
.h h1,
.h h1 a {}
.h h1 a {text-decoration:none;border-bottom:0px solid #47a2bf;}
.h h1 a:hover,
.h h1 a:focus {border-bottom:0;}
/**/



/* Site structure looking up */
.h p.structure {clear:left;font-size:1em;line-height:1.34em;margin:0px 0 0 0px;padding:0;position:relative;}
.h p.structure,
.h p.structure a {color:#d1e7ef;}
.h p.structure a {text-decoration:none;border-bottom:1px solid #47a2bf;padding:0 0 2px 0;}
.h p.structure a:hover,
.h p.structure a:focus {border-bottom:0;}

/* S */
.s {background:#0b5b92;clear:both;float:left;width:100%;padding:0px  ;zoom:1; height:auto!important;min-height:35px;height:35px; 	border-left:solid 1px #8ea1ab; border-right:solid 1px #8ea1ab;}
.s-inner{ background:none; height:35px; clear:both;}
.s-inner-2 { background:#0b5b92;}
.s a {} 

/* not needed for catalogue
.m .breadcrumb {clear:right;font-size:0.9em;line-height:1.8em;margin:0px 0px 0px 0px;padding:3px 12px 6px 9px; background:#fff}
.m .breadcrumb h2 {position:absolute;left:-9999px;margin:0;}
.m .breadcrumb p {margin:0;}
.m .breadcrumb p a {}
.m .breadcrumb p span {}
*/

/* Main */
.m {float:left;background:#fff;padding-left:0px;width:100%; border-left:1px solid #8ea1ab; border-right:solid 1px #8ea1ab; border-bottom:solid #8ea1ab 1px ; margin-bottom:20px}
.m-inner {padding-top:1px;}
.t-sidebar .m {background:#d0d3d4; margin-top:0px;}
.t-sidebar .m-inner {}

/* Navigation
   li.selected and a.selected refer to the currently selected item.
   li.on and a.on refer to items in the menu branch that lead to and include the currently selected item.
   li.menu refers to the list item being a further menu.
   li.open refers to the current state of the menu with respect to javascript functionality.
*/
.n {float:left;width:235px;}

.n .sitemap {font-family:"Trebuchet MS", Verdana, Arial, sans-serif;font-size:1.1em;line-height:1.34em;background:#f2f2f0;text-align:left;border-bottom:1px dotted #e3e3e3;margin:0px 6px 0px 9px;padding:0px 0px 0px 0px;}
.n .sitemap h2 {position:absolute;left:-9999px;}
/* Sitemap defaults */
.n .sitemap ul {margin:0px;padding:0px;border-bottom:0;border-top:0px;position:relative;zoom:1;}
.n .sitemap li {display:block;margin:0;padding:0;list-style-type:none;position:relative;}
.n .sitemap li a {display:block;text-decoration:none;}
.n .sitemap li a:hover,
.n .sitemap li a:focus {display:block;text-decoration:underline;}
.n .sitemap ul > li:first-child,
.n .sitemap ul > li:first-child > a {border-top:0;}
/* The following are used in the Javascript for the menu toggles. */
.n .sitemap ul.sitemap-toggle-height-helper {display:block;}
.n .sitemap li a.sitemap-toggle-reset {width:19px;height:auto;display:block;float:none;position:absolute;left:0;top:0;clear:none;margin:0;padding-left:0px;padding-right:0px;text-align:center;background:transparent;cursor:pointer;text-decoration:none;}
.n .sitemap li a.sitemap-toggle span.sitemap-toggle-char {display:block;}

/* S 
.s {background:#0b5b92 url;clear:both;float:left;width:100%;padding:0px  ;height:auto!important;min-height:35px;height:35px;}
.s-inner{ background:none; height:35px; clear:both; border-left:solid 1px #8ea1ab;  border-right:solid 1px #8ea1ab;}
.s-inner-2 { background:#0b5b92 url(img/nav-back.jpg);}
.s a {} */


/**/
.s .sitemap {float:right;width:100%;margin-bottom:6px;font-family:"Trebuchet MS", Verdana, Arial;font-size:1em;border-bottom:1px solid #dfdfdf;}
.s .sitemap h2 {position:absolute;left:-9999px;height:1px;margin:0;padding:0;}
.s .sitemap ul {margin:0;padding:0;}
.s .sitemap li {margin:0;padding:0;display:inline;}
.s .sitemap li a {float:left;padding:3px 9px 2px 9px;text-decoration:none;border-right:1px solid #dfdfdf;color:#333; background:none}
.s .sitemap li a:hover,
.s .sitemap li a:focus {background:none;}
.s .sitemap li a.on,
.s .sitemap li a.on:hover,
.s .sitemap li a.on:focus {background:none;}

/* Level 1 horizontal */
.s .sitemap {margin-bottom:0px; border-bottom:0px; padding:8px 0 2px 0; }
.s .sitemap ul {float:left;width:100%;background:none; border:0px;}
.s .sitemap li {  }
.s .sitemap li a {color:#fff;margin:0px;padding:6px 18px 6px 18px;line-height:0.5em;font-size:1.12em; font-weight:bold; background:none; border-right:1px #FFF solid; }
.s .sitemap li a:hover,
.s .sitemap li a:focus {background:none; text-decoration:underline}
.s .sitemap li a.on {text-decoration:underline;}
.s .sitemap li a:hover.on,
.s .sitemap li a:focus.on {background:none;text-decoration:underline;}
.s .sitemap li a.selected {}
.s .sitemap li a:hover.selected
.s .sitemap li a:focus.selected, {background:none;text-decoration:underline;}
.s .sitemap li a.sitemap-toggle {border-right:0px solid #e3e3e3;color:#a2a2a0;}
.s .sitemap li a.sitemap-toggle-toggled {}
.s .sitemap li a.selected.sitemap-toggle {}
.s .sitemap li a.selected.sitemap-toggle-toggled {}
.s .sitemap li a.sitemap-toggle:focus {outline-width:1px;outline-style:dotted;}
.s .sitemap li a.hover {color:#333;}
.s .sitemap li.support-toplev-nav a  {border-right:0px #219696 solid; padding-left:19px}

/* Level 1 */
.n .sitemap ul { margin-top:0px; border:solid 0px #bbbbbb; border-left:0px; background: url(img/sub-nav-middle.png);padding:0 0 0 3px;}
.n .sitemap li {}
.n .sitemap li a {background:none; color:#333; margin:0px 12px 0 12px;padding:6px 10px 6px 10px;font-weight:normal;line-height:1.14em;border-top:1px dotted #bbbbbb;}
.n .sitemap li a:hover,
.n .sitemap li a:focus {color:#218f8e;} 
.n .sitemap li a.on {}
.n .sitemap li a:hover.on,
.n .sitemap li a:focus.on {}
.n .sitemap li a.selected {background:none; color:#218f8e;}
.n .sitemap li a:hover.selected,
.n .sitemap li a:focus.selected {}
.n .sitemap li a.sitemap-toggle {border-right:0px solid #e3e3e3;color:#a2a2a0;}
.n .sitemap li a.sitemap-toggle-toggled {}
.n .sitemap li a.selected.sitemap-toggle {}
.n .sitemap li a.selected.sitemap-toggle-toggled {}
.n .sitemap li a.sitemap-toggle:focus {outline-width:1px;outline-style:dotted;}
.n .sitemap li a.hover {color:#333;}

/* Level 2 */
.n .sitemap li ul {margin-left:19px;border-top:0px solid #e3e3e3;border-left:1px solid #e3e3e3;background:none;padding:0 0 0 0px;}
.n .sitemap li li {}
.n .sitemap li li a {color:#0390c6;margin:0 0 0 0;padding:4px 4px 4px 19px;font-weight:normal;line-height:1.34em;font-size:0.9em;line-height:1.34em;border-top:0px solid #ccebfd; background:none}
.n .sitemap li li a:hover,
.n .sitemap li li a:focus {}
.n .sitemap li li a.on {}
.n .sitemap li li a:hover.on,
.n .sitemap li li a:focus.on {}
.n .sitemap li li a.selected {}
.n .sitemap li li a:hover.selected,
.n .sitemap li li a:focus.selected {}
.n .sitemap li li a.sitemap-toggle {border-left:0px solid #e3e3e3;}
.n .sitemap li li a.sitemap-toggle:focus {}
.n .sitemap li li a.hover {}

/* Level 3 */
.n .sitemap li li ul {}
.n .sitemap li li li {}
.n .sitemap li li li a {color:#656564;padding:4px 4px 4px 19px;font-size:0.9em;line-height:1.34em;line-height:1.1em;border-top:0px solid #fff;background:#f2f2f0;}
.n .sitemap li li li a:hover,
.n .sitemap li li li a:focus {}
.n .sitemap li li li a.on {}
.n .sitemap li li li a:hover.on,
.n .sitemap li li li a:focus.on{}
.n .sitemap li li li a.selected {}
.n .sitemap li li li a:hover.selected,
.n .sitemap li li li a:focus.selected {}
.n .sitemap li li li a.sitemap-toggle {}
.n .sitemap li li li a.sitemap-toggle:focus {}
.n .sitemap li li li a.hover {}

/* nav for epb and manuscripts pages etc. */
.n .sub-nav-top { height:14px; background: url(img/sub-nav-top.png.) no-repeat; margin-left:9px;}
.n .sub-nav-middle { margin:-7px 0px -10px 9px; background: url(img/sub-nav-middle.png) repeat-y;}
.n .sub-nav-middle p a { background:none; color:#333; margin:0px 12px 0 12px;padding:6px 10px 6px 10px;font-weight:normal;line-height:1.34em;border-bottom:1px dotted #bbbbbb;}
.n .sub-nav-middle ul {padding:0px 20px 0px 10px}
.n .sub-nav-middle li {display:block;list-style-type:none;margin:0;padding:0; position:relative;}
.n .sub-nav-middle li a {display:block;background:none; color:#333; margin:0px 2px 0 2px;padding:6px 0px 6px 10px;font-weight:normal;line-height:1.34em;border-top:1px dotted #bbbbbb;}
.n .sub-nav-bottom { height:14px; background: url(img/sub-nav-bottom.png) no-repeat;margin-top:-6px; margin-left:9px; border:0px}
.n .sub-nav-bottom {}
.n .xtra .sub-nav-top { margin-bottom:-10px}
.n .xtra .first {margin-top:-18px;}
.n .xtra .first a {border-top:0;}
.gap { height:10px}

/* Content */
.c { font-family: Verdana, Arial, Helvetica, sans-serif; margin:0px 0px 0 4px;}


.c-inner {margin:0 8px 18px 5px;padding-top:1px;}
.c-inner1 {margin:7px 12px 18px 185px;padding-top:1px;}
.t-sidebar .c {margin:10px 238px 0px 4px;zoom:1;}
.t-sidebar .c-inner {margin:0px 8px 18px 5px}


.m h1, .m h2, .m h3, .m h4, .m h5, .m h6,
.m h1 a, .m h2 a, .m h3 a, .m h4 a, .m h5 a, .m h6 a {}

.m h1 {margin-top:0px;border-bottom:2px solid #339999; padding-bottom:0px; color:#f79a29; padding-top:15px}
.m h1, .m h1 a {}
.m h1 a {}

.m h2 {}
.m h2, .m h2 a {font-family: Verdana, Geneva, sans-serif; color: #333; margin-bottom:-6px;}
.m h2 a {}

.m h3 { }
.m h3, .m h3 a {font-family: Verdana, Geneva, sans-serif; color: #0d7776; margin-bottom:-6px;}
.m h3 a {}

.m h4 { font-family: Verdana, Geneva, sans-serif; color: #333;}

.c ul {list-style-type:none;padding-left:0; line-height:1.3em}
.c ol {padding-left:2.5em;}

.c ul li,
.c li ul li,
.c li li ul li,
.c li li li ul li,
.c li li li li ul li 
.c li li li li ul li {padding-left:3.1em;background:transparent url(m-level-2.gif) no-repeat 9px 3px;}

.c ul ul li,
.c li ul ul li,
.c li li ul ul li,
.c li li li ul ul li 
.c li li li ul ul li {padding-left:3.1em;background:transparent url(m-level-1.gif) no-repeat 9px 3px;}


.c ol li,
.c li ol li,
.c li li ol li,
.c li li li ol li,
.c li li li li ol li {padding-left:0.6em;background:none;}

.c a { text-decoration:none;}
.c a:hover {text-decoration:underline;}
.c a:focus {text-decoration:none;}


.m .sidebar {float:right;width:236px;padding:0px; margin:0px; margin-top:35px; margin-bottom: 20px}
.m .sidebar-inner { margin: 0px}
.t-sidebar .m .sidebar {margin:8px 0px 0px 2px;}
.t-sidebar .m .sidebar-inner {margin-right:8px;}


/* Sidebar news item styles. */
.m .sidebar .news {padding:0px 2px 4px 8px; margin:16px 3px 4px 0px; background:#f2f2f0;border:1px solid #dfdfdd;}
.m .sidebar .news h2 {margin:-6px -4px 0px -10px;padding:6px 4px 6px 11px;color:#555;color:#333333;font-size:1.6em;line-height:1.34em;background: url(img/news-header.png) no-repeat ;position:relative;}
.m .sidebar .news h2 img {margin:-2px 0px 0px 20px; border:0px; position:absolute;}
.m .sidebar .news .item {position:relative;padding:0px 0px 3px 0px;margin:9px 0 0 0;border-bottom:1px solid #dfdfdd;}
.m .sidebar .news .item,
.m .sidebar .news .item a {}
.m .sidebar .news .item a {color:#027c8b;}
.m .sidebar .news .item h3 {margin:0px 0px 9px 0px;font-size:1.1em;line-height:1.34em; color:#027c8b;}
.m .sidebar .news .item p {margin:4px 0px 4px 0px; }
.m .sidebar .news .item p.float-right {float:none;margin:0;}
.m .sidebar .news .item .description {font-size:0.9em;line-height:1.5em;color:#404040;}
.m .sidebar .news .item .date {font-size:0.9em;line-height:1.5em;color:#9f9f9f;color:#808080;}
.m .sidebar .news .item p.image {background:#f9f9f8;border:1px solid #ddd;margin:3px 0 9px -4px;padding:3px;display:block;position:absolute;top:0;line-height:0;float:none;}
.m .sidebar .news .item p.image img {width:160px;height:107px;display:block;border:0;padding:0;float:none;margin:0;}

/* Hide all parts of a sidebar news item except for the title. */
.m .sidebar .news .item p,
.m .sidebar .news .item ol,
.m .sidebar .news .item table,
.m .sidebar .news .item ul {display:none;}
.m .sidebar .news .item p.image {display:none;}
.m .sidebar .news .item img {display:none;}

/* Show specific parts of a sidebar news item where specified by a class. */
.m .sidebar .news .show-item-image h3 {padding-top:124px;}
.m .sidebar .news .show-item-image p.image {display:block;}
.m .sidebar .news .show-item-image p.image img {display:block;}
.m .sidebar .news .show-item-description .description {display:block;}
.m .sidebar .news .show-item-date .date {display:block;}



.c .sidebar {float:right;width:226px;padding:0px; margin:0px 0 0 12px;}
.c .sidebar-inner{margin-top:60px; margin-bottom:20px}


/* Sidebar news item styles. */
.c .sidebar .news {padding:0px 8px 4px 8px; margin:12px 3px 4px 0px; background:#f2f2f0;border:1px solid #dfdfdd;}
.c .sidebar .news h2 {margin:-6px -8px 0px -9px;padding:6px 11px 6px 11px;color:#555;color:#333333;font-size:1.6em;line-height:1.34em;background: url(img/news-header.png) no-repeat ;position:relative; border:0px}
.c .sidebar .news h2 img {margin:-2px -9px 0px 38px; border:0px; position:absolute;}
.c .sidebar .news .item {position:relative;padding:0px 0px 3px 0px;margin:9px 0 0 0;border-bottom:1px solid #dfdfdd;}
.c .sidebar .news .item,
.c .sidebar .news .item a {}
.c .sidebar .news .item a {color:#027c8b;}
.c .sidebar .news .item h3 {margin:0px 0px 9px 0px;font-size:1.1em;line-height:1.34em; color:#027c8b; }
.c .sidebar .news .item p {margin:4px 0px 4px 0px; }
.c .sidebar .news .item p.float-right {float:none;margin:0;}
.c .sidebar .news .item .description {font-size:0.9em;line-height:1.5em;color:#404040;}
.c .sidebar .news .item .date {font-size:0.9em;line-height:1.5em;color:#9f9f9f;color:#808080;}
.c .sidebar .news .item p.image {background:#f9f9f8;border:1px solid #ddd;margin:3px 0 9px -4px;padding:3px;display:block;position:absolute;top:0;line-height:0;float:none;}
.c .sidebar .news .item p.image img {width:160px;height:107px;display:block;border:0;padding:0;float:none;margin:0;}

/* Hide all parts of a sidebar news item except for the title. */
.c .sidebar .news .item p,
.c .sidebar .news .item ol,
.c .sidebar .news .item table,
.c .sidebar .news .item ul {display:none;}
.c .sidebar .news .item p.image {display:none;}
.c .sidebar .news .item img {display:none;}

/* Show specific parts of a sidebar news item where specified by a class. */
.c .sidebar .news .show-item-image h3 {padding-top:124px;}
.c .sidebar .news .show-item-image p.image {display:block;}
.c .sidebar .news .show-item-image p.image img {display:block;}
.c .sidebar .news .show-item-description .description {display:block;}
.c .sidebar .news .show-item-date .date {display:block;}

/* General content tabs removed from tabs content border:1px #d3d2d2 solid*/
.c .tabs {width:97%;list-style:none; margin-left:20px}
.c .tabs .content{ border:0px;padding:0px 10px 30px 10px;overflow:hidden;zoom:1;}
.c .tabs .content h2 {margin:20px 0 0 0;}
.c .tabs .content h2 a {text-decoration:none;}
.c .tabs .current-info {position:absolute;left:-9999px;}
.c .tabs .tab-col {float:left;width:200px;margin-right:90px;margin-left:7px;padding-bottom:10px;}
.c .tabs .tab-col a {color:#219696;}
.c .tabs .tabbody p a {color:#219696;}
.c .tabs .tabbody .sub-links a  { border:0px; text-decoration:underline;}
.c .tabs .tabbody .sub-links a:hover,
.c .tabs .tabbody .sub-links a:focus { border:0px; text-decoration:none;}
.c .tabs ul.accessibletabslist {overflow:hidden;zoom:1;margin-bottom:0;position:relative;z-index:10;background:url(img/tabs-content-border-top.png) repeat-x 0 100%;}
.c .tabs ul.accessibletabslist li {display:block;margin:0px;padding:0px;background:none;float:left;text-align:center;background:#fff;position:relative;z-index:10;}
.c .tabs ul.accessibletabslist li a {display:block;width:144px;padding:4px 0px 4px 0px;float:left;margin-right:1px;text-decoration:none;background:#339999 url(img/tab-subjects.png) no-repeat;color:#fff;font-size:1.1em;}
.c .tabs ul.accessibletabslist li a:hover,
.c .tabs ul.accessibletabslist li a:focus {text-decoration:underline;}
.c .tabs ul.accessibletabslist li.current a {background:#fff url(img/tab-subjects-on.png) no-repeat;color:#1f7f7f;}





/* Page specific styles */
.d-news .item {overflow:auto;zoom:1;} /* Zoom is not in CSS 2.1 will be in CSS 3 */
.d-news .item h2 a {text-decoration:none;border:none;}


/* home placeholders */
.home-placeholder {height:164px; float:left; background:url(img/place-holder.png) no-repeat; width:340px; margin:0px; margin-bottom:9px}
.home-placeholder h2 {margin: 0px; padding: 4px 4px 4px 10px; color:#437d9c; font-size:1.6em}
.home-placeholder h2 a { color:#437d9c; text-decoration:none}
.home-placeholder h2 a:hover,
.home-placeholder h2 a:focus {text-decoration:underline;}
.home-placeholder ul { margin-top:-2px}
.home-placeholder ul li {background:none; margin-left:-15px; line-height:1.05em}
.home-placeholder ul li a {color:#027c8b; text-decoration:none;}
.home-placeholder ul li a:hover,
.home-placeholder ul li a:focus {text-decoration:underline;}

.home-placeholder-bh {height:124px; float:left; background:url(img/place-holder-bh.png) no-repeat; width:340px; margin:0px; margin-bottom:9px}
.home-placeholder-bh h2 {margin: 0px; padding: 4px 4px 4px 10px; color:#437d9c; font-size:1.6em}
.home-placeholder-bh h2 a { color:#437d9c; text-decoration:none}
.home-placeholder-bh h2 a:hover,
.home-placeholder-bh h2 a:focus {text-decoration:underline;}
.home-placeholder-bh ul { margin-top:-2px}
.home-placeholder-bh ul li {background:none; margin-left:-15px; line-height:1.05em}
.home-placeholder-bh ul li a {color:#027c8b; text-decoration:none;}
.home-placeholder-bh ul li a:hover,
.home-placeholder-bh ul li a:focus {text-decoration:underline;}

.home-left {margin-right:13px; }
.left {margin-right:9px;}

/* homepage more button */
.float-right-more {float:right; padding: 10px 12px 2px 10px; border:none; margin-top:94px}
.home-placeholder-bh .float-right-more {float:right; padding: 10px 12px 2px 10px; border:none; margin-top:54px}

.container {float:left;width:74%;}
.collections { padding:4px; float:left;  width:48%;}
.collections h2 {background: #eee; padding: 4px 4px 4px 6px; border-bottom: solid #39C 1px;}
.collections p {}

.column-container {}
.column {float:left; width:340px;}
.column-subject {float:left; margin-left:5px; clear:left }
.column-subject h2 {background: #eee; padding: 4px 4px 4px 6px; border-bottom: solid #39C 1px;}


/* Search Collections Placeholders */
.sc-column {float:left;width:680px;}
/* .sc-column {float:left;width:340px;} */
.sc-placeholder { background: url(img/sc-placeholder1.png) no-repeat; height:auto!important;height:64px;min-height:64px; width:340px;padding:1px 0 0 0;}
.sc-placeholder h2 {padding: 3px 6px 3px 6px;  text-decoration:underline; font-size:1.4em; font-weight:300; margin-bottom:-8px;}
.sc-placeholder h2 a { text-decoration:underline; color:#437d9c}
.sc-placeholder h2 a:hover,
.sc-placeholder h2 a:focus {text-decoration:none;}
.sc-placeholder p {padding:0px 16px 6px 6px; line-height:1.3em; font-size:0.9em}

/* Using the library Placeholders */
/**/
.c .ul-placeholder { background: url(img/ul-placeholder1.png) no-repeat; height:auto!important; min-height:41px; height:41px; width:340px; margin-top:8px;padding:1px 0 0 0;text-align:center;}
.c .ul-placeholder h2 {margin-top:0;padding: 2px 0px 3px 0px; font-size:1.4em; line-height:2em}
.c .ul-placeholder h2 a { text-decoration:underline; color:#437d9c}
.c .ul-placeholder h2 a:hover,
.c .ul-placeholder h2 a:focus {text-decoration:none;}
.c .ul-placeholder p {padding:0px 16px 6px 6px; line-height:1.3em; font-size:0.9em}

/* bottom Placeholder */
.bottom-place {float:left;width:100%; margin-top:-19px}
.bottom-place-inner {margin:0px 0 3px 7px; margin-top:0}
.bottom-placeholder {float:left;height:auto!important; min-height:58px;height:58px; width:230px; background: #eee; margin: 0px 2px 8px 0px; padding-left:1px; line-height:1.7em;}  
.bottom-placeholder h2 {padding:0px 2px 0px 67px; font-size:1.1em; color:#3c4141}
.bottom-placeholder h2 a { color:#3c4141; text-decoration:none}
.bottom-placeholder h2 a:hover,
.bottom-placeholder h2 a:focus {color:#3c4141; text-decoration:underline;}

.bottom-placeholder2 {float:left;height:auto!important; min-height:58px;height:58px; width:230px; background: #eee; margin: 0px 2px 8px 0px; padding-left:1px; line-height:1.7em;}  
.bottom-placeholder2 h2 {padding:9px 18px 0px 68px; font-size:1.1em; color:#3c4141}
.bottom-placeholder2 h2 a { color:#3c4141; text-decoration:none;}
.bottom-placeholder2 h2 a:hover,
.bottom-placeholder2 h2 a:focus { color:#3c4141; text-decoration:underline;}
.bg1 {background:url(img/epb.png) no-repeat;}
.bg2 {background:url(img/manuscripts.png) no-repeat}
.bg3 {background:url(img/book-kells.png) no-repeat}
.bg4 {background:url(img/support.png) no-repeat}

/*	right hand includes */
.drop-down {color:#39C; width:200px; background:#eee; margin: 10px 6px 0px 6px; padding:4px; line-height:1.2em;border-bottom: solid #39C 1px;}
.drop-dowm dd strong { color:#39C}
.drop-dowm p a { background:none}

.pop {background:#fff; width:213px; margin: 12px 6px 0px 1px; border: solid #d3d2d2 1px; padding:4px;}
.pop h2 {margin:-4px; padding:0px 4px 2px 4px; color:#666666; background:url(pop-link-head.png);border:0px;}
.pop a:hover {text-decoration:underline }
.pop ul.pop {background:#fff; width:213px; border:none ; padding: 0;}
.pop ul.pop li {padding-left:1em; list-style:none; background:none; line-height:1em; }
form.popular-links select { width:170px}
form.popular-links select {
border:1px solid #DDDDDD;
height:19px;
line-height:1em;
margin:0;
padding:0px 0 0px;
vertical-align:middle;
}
form.popular-links input.submit {
border:0 none;
height:auto;
padding:0;
margin-left:-4px;
margin-bottom:2px;
vertical-align:middle;}

/* contact right Drop down */
.contact-right {background: url(img/right-button.png) no-repeat; margin:9px 0px 0px 0px}
.contact-right h2 {padding:5px 5px 5px 12px; color:#666666; font-size:1.5em;position:relative;}
.contact-right h2 a { background:none; text-decoration:none; color:#666666;position:absolute;right:3px;}
.contact-right h2 a img {border:0px;}
.contact-right p {padding:10px}
.contact-right p a {background:none}
.cat a { color:#027c8b;}

/* epb sidebar */
.epb-sidebar {background:#fff; width:213px; margin: 2px 6px 0px 1px; border: solid #d3d2d2 1px; padding:4px;}
.epb-sidebar h2 {margin:-3px; padding:0px 4px 2px 4px; color:#666666; background:url(img/pop-link-head.png);}
.epb-sidebar ul {}
.epb-sidebar li { margin:0px 7px 0px 7px; font-weight:normal; text-decoration:underline; pad }
.epb-sidebar a { font-weight:bold; text-decoration:underline}
.epb-contact {width:455px; border: solid #d3d2d2 1px; padding:4px; margin: 10px 6px 0px 1px;}
.epb-contact h2 {margin:-3px; padding:0px 4px 2px 4px; color:#666666; background:url(img/pop-link-head.png)}

.n .epb-links { border: solid #d3d2d2 1px; padding:4px; margin: 10px 6px 0px 10px;}
.n .epb-links h2 {margin:-3px; padding:0px 4px 2px 4px; color:#666666; background:url(img/pop-link-head.png);}

.n .epb-links ul {list-style-type:none;padding-left:0;}
.n .epb-links ul li {margin:0;padding-left:3.1em;background:transparent url(img/m-level-1.gif) no-repeat 9px 3px;}


/* map and floorplan by building place-holders */
.maps-building { width:311px; height:auto!important;min-height:95px;height:95px; margin-bottom:7px;margin-right:10px; float:left}
.maps-building h3 {line-height:1.9em;}
.maps-building h3 a { padding-left:120px; color:#437d9c; text-decoration:underline; }
.maps-building h3 a:hover,
.maps-building h3 a:focus {text-decoration:none;}
.berkely { background: url(img/berkley-map.png)}
.hamilton { background: url(img/hamilton.png)}
.john-sterne { background: url(img/john-sterne-map.png)}
.old-library { background: url(img/old-lib-map.png)}
.lecky { background: url(img/lecky.png)}
.ussher { background: url(img/ussher.png)}

/* tables */
table th {color:#333 ; font-size:100%}

/* supporting the library */
.support-lib { min-height:160px}

/* subject lists pdf word powerpoint */
.pdf ul li {background:transparent url(img/pdf-list.gif) no-repeat scroll 9px 3px;}
.word ul li {background:transparent url(img/word-list.gif) no-repeat scroll 9px 3px;}
.power-point ul li {background:transparent url(img/pp-list.gif) no-repeat scroll 9px 3px;}
ul.pdf li {background:transparent url(img/pdf-list.gif) no-repeat scroll 9px 3px;}
ul.word li {background:transparent url(img/word-list.gif) no-repeat scroll 9px 3px;}
ul.power-point li {background:transparent url(img/pp-list.gif) no-repeat scroll 9px 3px;}

/* Opening hours */
.opening-table { width:100%}
.opening-table th {color:#027c8b}
.opening-table td { font-size:1em}
/* library footer */
.lib-foot { margin: 0px 7px 0px 7px}
.lib-foot img { border:0px}
.lib-foot form { border:0px; float:right; margin:0px 0px 0px 14px}

/* library departments Placeholders */
.c .lib-dept-column { margin-top:15px}
.c .ld-placeholder { background: url(img/ld-placeholder1.png) no-repeat;height:auto!important;min-height:41px;height:41px; margin-top:10px; width:457px;text-align:center;}
.c .ld-placeholder h2 {margin-top:0;padding: 8px 0px 3px 0px; font-size:1.4em;}
.c .ld-placeholder h2 a {text-decoration:underline; color:#437d9c;}
.c .ld-placeholder h2 a:hover,
.c .ld-placeholder h2 a:focus { text-decoration:none;}

/*SUBJECT SUBPAGES8*/
.d-subjects .c h2 {color:#165e84; border-bottom: 1px #b6b6b6 solid; font-size:1.6em}
.d-subjects .c h3 { color:#333}
.d-subjects .c .left {border:none; float:left;}
.d-subjects .c img { margin-top:8px}

/* right hand buttons contact us, my account, faqs */
.account-right {background:#d0d3d4 url(img/right-button.gif) no-repeat; margin:0px 0px 4px 0; min-height:36px}
.account-right h2 {margin-top:0;padding:5px 5px 5px 12px; color:#666666; font-size:1.4em; }
.account-right h2 a {display:block;background:none; text-decoration:none; color:#666666; border:0px}
.account-right h2 a:hover,
.account-right h2 a:focus {text-decoration:underline;}
.c .sidebar .account-right {background: #fff url(img/right-button.png) no-repeat;}
.c .sidebar .account-right h2 { text-decoration:none; border:0px}
.c .account-right-content {background: #fff url(img/right-button.png) no-repeat; margin:10px 0px 9px 0}
.c .account-right-content h2 {margin-top:0;padding:5px 5px 5px 12px; color:#666666; font-size:1.42em; border:0px }
.c .account-right-content h2 a{ background:none; text-decoration:none; color:#666666; }
.c .account-right-content h2 a:hover,
.c .account-right-content h2 a:focus {text-decoration:underline;}

/* ============End of Library styles document ============================== */



/*div, table { clear: both; }*/

/* This rule causes search form elements to resize along with the rest of the text on the page if the user resizes text. */
input, select, textarea { font-size: 100%; }

/* This rule uses CSS2 to give a nicer effect in compliant browsers, while avoiding an annoying display effect in Internet Explorer 6 */
input[type="checkbox"] { background-color: #FFFFFF; }

strong { font-weight: bold}

td { font-family : Verdana, Arial, Helvetica, sans-serif;  font-style : normal; font-weight : normal; }

th { font-family : Verdana, Arial, Helvetica, sans-serif; }

h4 { margin:5px 25px 5px 0;padding:0px; }

h2 { margin:0 5px 5px 0;padding:0px; }

/*ul.srchhelpList { padding-left:3.1em;background:transparent url(m-level-2.gif) no-repeat 9px 3px;} */
/ul.srchhelpList { list-style:disc; } /*original WebPAC style */

/* traditional link colors are suggested for better usability */
/* TCD LIbrary website link colour used - colour 47a2bf replaced with teal 339999 */
a:link { color: #339999; }
a:active{ color: #339999; }
a:visited { color: #339999; } 
a:hover  { color:#339999;} 

A.pageNavAreaText:LINK, A.pageNavAreaText:VISITED { color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: #00437f; }

A.pageNavAreaText:ACTIVE, A.pageNavAreaText:HOVER {  color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: #00437f; }

/* h-inner - div id around header div in order to have borders on left and right 
#h-inner {float:left;width:100%;clear:both;position:relative;min-height:96px;height:auto!important;height:96px;;padding:0 ;border-left:1px solid #8ea1ab;  border-right:solid 1px #8ea1ab;}*/
/* Header */
/*
.h {float:left;width:100%;background:#af8944;clear:both;position:relative;  }
.h, .h a {color:#fff;}
.h-inner {min-height:96px;height:auto!important;height:96px;background:url(img/liptopban.png) no-repeat 100% 0;padding:0 0 0 12px;border-left:solid 1px #8ea1ab;  border-right:solid 1px #8ea1ab;}

.h .language-switcher {float:right;background:#116caf;font-size:0.9em;line-height:1.8em;padding:0 0 4px 0;}
.h .language-switcher h2 {display:inline;color:#dae6ef;font-size:1em;line-height:1.8em;font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif;margin:0 0.5em 0 9px;}
.h .language-switcher ul {display:inline;margin:0 9px 0 0;padding:0;}
.h .language-switcher li {display:inline;list-style-type:none;margin:0;padding:0;}
.h .language-switcher a {color:#fff;text-decoration:none;border-bottom:1px solid #81aecf;}
.h .language-switcher a:hover,
.h .language-switcher a:focus {border-bottom:0px;}
*/

/* Site title as text */
/*.h h1 {float:right;font-size:2.25em;line-height:1.34em;font-family: "Gill Gans MT","Gill Sans",Verdana, Arial, Helvetica, sans-serif;font-weight:normal;margin:25px 12px 0px 0px;padding:0;}
.h h1,
.h h1 a {}
.h h1 a {text-decoration:none;border-bottom:0px solid #47a2bf;}
.h h1 a:hover,
.h h1 a:focus {border-bottom:0;}
*/

/* Level 1 horizontal */
/*.s .sitemap {margin-bottom:0px; border-bottom:0px; padding:8px 0 2px 0; }
.s .sitemap ul {float:left;width:100%;background:none; border:0px;}
.s .sitemap li {  }
.s .sitemap li a {color:#fff;margin:0px;padding:6px 18px 6px 18px;line-height:0.5em;font-size:1.12em; font-weight:bold; background:none; border-right:1px #FFF solid; }
.s .sitemap li a:hover,
.s .sitemap li a:focus {background:none; text-decoration:underline}
.s .sitemap li a.on {text-decoration:underline;}
.s .sitemap li a:hover.on,
.s .sitemap li a:focus.on {background:none;text-decoration:underline;}
.s .sitemap li a.selected {}
.s .sitemap li a:hover.selected
.s .sitemap li a:focus.selected, {background:none;text-decoration:underline;}
.s .sitemap li a.sitemap-toggle {border-right:0px solid #e3e3e3;color:#a2a2a0;}
.s .sitemap li a.sitemap-toggle-toggled {}
.s .sitemap li a.selected.sitemap-toggle {}
.s .sitemap li a.selected.sitemap-toggle-toggled {}
.s .sitemap li a.sitemap-toggle:focus {outline-width:1px;outline-style:dotted;}
.s .sitemap li a.hover {color:#333;}
.s .sitemap li.support-toplev-nav a  {border-right:0px #219696 solid; padding-left:19px}

/* div class for the teal navigation - s elements 
the actual navigation bar values are entered in toplogo and toplogo_logged_in
.s {
	background:#219696 url(img/nav-back.jpg) repeat scroll 0 0;
	clear:both;
	float:left;
	position:relative;
	padding:0;
	width: 100%;
}*/

/* .s-inner div class set-up in order to have grey borders on left and right 
.s-inner { 
background:none; border-left:1px solid #8ea1ab; clear:both; float:left; width: 100%; border-right:solid 1px #8ea1ab; padding: 0; 
}*/
/*.s-inner-2 { background:#219696 url(img/nav-back.jpg);} - possibly could loose this one*/

/* I need to get the image nav-back to create the graded look*/
/* .s a:link {color:#fff} 
.s .sitemap {margin-bottom:0px; border-bottom:0px; padding:8px 0 2px 0; width:950px }
.s .sitemap ul {
	float:left;
	background:none;
	border:0px;
	position: relative;
	width:auto
	
}*/
/* .s .sitemap li { list-style:none; display: inline } This removes the list bullet points from view and puts it into a horizontal line 
.s .sitemap li a { color:#fff;margin:0px;padding:6px 18px 6px 18px;line-height:0.5em; margin-bottom:1em;font-size:1.12em; font-weight: normal; text-decoration:none; background:none; border-right:1px #FFF solid; } 


.s .sitemap li a:hover {background:none; text-decoration:underline}*/
/*.s .sitemap li a:focus {background:none; text-decoration:underline} 
.s .sitemap li a.on {text-decoration:underline;}
.s .sitemap li a:hover.on,
.s .sitemap li a:focus.on {background:none;text-decoration:underline;}
.s .sitemap li a.selected {}
.s .sitemap li a:hover.selected
.s .sitemap li a:focus.selected, {background:none;text-decoration:underline;}
.s .sitemap li a.sitemap-toggle {border-right:0px solid #e3e3e3;color:#a2a2a0;}
.s .sitemap li a.sitemap-toggle-toggled {}
.s .sitemap li a.selected.sitemap-toggle {}
.s .sitemap li a.selected.sitemap-toggle-toggled {}
.s .sitemap li a.sitemap-toggle:focus {outline-width:1px;outline-style:dotted;}
.s .sitemap li a.hover {color:#333;}

.s .sitemap li.support-toplev-nav a  {border-right:0px #219696 solid; padding-left:19px}*/

/* Ramona's attempt at creating a overall content area including right nav bar
This is within the wrap div class with the darker grey background and 1px border to left & right.
This div element to contain the content and pageNavColumn */
/*
.m {float:left;background:#d0d3d4;padding-left:0px;width:950px; border-left:1px solid #8ea1ab; border-right:solid 1px #8ea1ab; border-bottom: solid #8ea1ab 1px;}
.m-inner {border-left:1px solid #8ea1ab; border-right:solid 1px #8ea1ab;padding-top:1px;}
.t-sidebar .m {background-color:#d0d3d4; margin-top:0px;}
.t-sidebar .m-inner {}
*/

/* Ramona's attempt at creating the content area containing divs with various information */
/*
.c {margin:0px 0px 0 4px;}

.c-inner {margin:0px 12px 18px 5px;padding-top:1px;}
.c-inner1 {margin:0;padding-top:1px;}
*/

/* Ramona's attempt at a footer - not working yet - spacing not quite right; it doesn't line up with div above on the right; it doesn't have a border on bottom
.f {border-left:1px solid #8ea1ab; border-right:solid 1px #8ea1ab; border-top: 2px solid #249A9A; clear:both; ; font-size: 0.9em; line-height: 1.8em; margin: 0; padding:4px 12px 6px}

.footer h5 { color: #0D7776}
 */
/* Section 2 */
/* named styles listed in alphabetical order */

.additionalCopies { padding:0 15px 0 15px; }

.additionalCopies th.bibItemsHeader { color: #000; font-size:90%; font-weight: bold; text-align: center; background:#d2e0e7; border:0px; }

.additionalCopiesNav { }

.advSrchtool form { margin:auto; padding:5px 10px; }

/* This is the Advanced Search form on WebPAC  */
.advSrchtool { display:block; background:#e1e6ea; border-right:1px solid #BDBDBD; padding:3px; border-bottom:1px solid #BDBDBD; border-top:1px solid #BDBDBD; border-left:1px solid #BDBDBD;margin:0; }

/* .advSrchtool { display:block; background:#d2e0e7;font-size:1em; border-right:1px solid #BDBDBD; padding:3px; border-bottom:1px solid #BDBDBD; margin:0 3% 1% 3%; }  Original WebPAC style*/

.advSrchtool form table { align:left; }

.advSrchtool form table td { width:125px; align:left; vertical-align:top; padding-top:6px; }

.advSrchtool form textarea { font-size:1.2em; }

.advSrchtoolSubmit { padding-top:10px; padding-left:128px; }

.advSrchtoolWide form { margin:auto; padding:5px 10px; }

.advSrchtoolWide { display:block; background:#d2e0e7;font-size:1em; border-right:1px solid #BDBDBD; padding:3px; border-bottom:1px solid #BDBDBD; margin:0 3% 1% 3%; }

.advSrchtoolWide form table { width:100%; }

.advSrchtoolWide form table tr td { vertical-align:top; padding-bottom:5px; }

.alphaERM { text-align:center; }

/*controls display of authority redirect information */
.authorityRedirect { display:block; background:#FFFBD6; font-size:90%; border-right:1px solid #999; padding:10px; border-bottom:1px solid #999; border-top:0px; border-left:0px;margin:2% 10% 1% 10%; text-align:center; }

.authPublicNote { font-size: 80%; background: #F7F4F4; } 


/* This is used in the Materials Booking calendar */
.available { font-weight: bold; color: green; }

.availLimMessage { font-style: italic; text-align: left; }


/* classes for bib display */
/* see also Web options TABLEPARAM_BIB... */

.bibBookingsHeader { font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid #00437f; background: #FFFBC6; margin-bottom:8px; }

.bibClear { clear:left; }

.bibCopyStatCont input { font-size:70%; }

.bibDetail { width:100%; }

#bibDisplayBody { padding:0px; margin-right:0px; margin-top:60px }

.bibDisplayContentMain { float:left; width:97%; }/*margin-right:85px; }width:98%; }*/

#bibDisplayContent { font-size:100% }
/*#bibDisplayContent table { width:98%; }*/

#bibDisplayContent a:link { color: #47a2bf; font-weight: bold }

#bibDisplayContent a:hover { text-decoration: underline; }

#bibDisplayContent a:visited { color: #47a2bf; }

#bibDisplayContent div { padding-bottom:.2em; }

#bibDisplayContent .bibTabs a:link, #bibDisplayContent .bibTabs a:visited, #bibDisplayContent .bibTabs a:active { color: #47a2bf; text-decoration: none; outline:none; }

#bibDisplayContent .bibTabs a:hover { text-decoration: underline;outline:none; }

div #bibDisplayContentMore { padding-left:7px; width:97%; clear:left; float:left; }
/*div #bibDisplayContentMore { padding-left:7px; width:90% }margin-right:23%; */

#bibDisplayContentMore a:link { color: #339999; }

#bibDisplayContentMore a:hover { text-decoration: underline; }

#bibDisplayContentMore a:visited { color: #33999; }

#bibDisplayContentMore div { padding-bottom:.2em; }

.bibHistoryRow { margin:2px 0 0 0; }

.bibHoldings { border: 0px; }

.bibHoldingsEntry { font-size:90%; border-bottom:1px solid #EEEEEE;border-top:1px solid #EEEEEE;border-right:1px solid #EEEEEE; }

.bibHoldingsHeader { }

.bibHoldingsLabel { font-size:90%; border-bottom:1px solid #EEEEEE;border-top:1px solid #EEEEEE;border-left:1px solid #EEEEEE; }

.bibHolds { font-size:90%; border: 1px solid #00437f; }

.bibHoldsEntry { font-size:90%; border: 1px solid #00437f; }

.bibInfo { font-size:100% }

.bibInfoData  { font-size:100% }   /*{ font-size:.75em; }*/

.bibInfoEntry { font-size:100% }

.bibInfoLabel { font-weight: bold; padding:3px; width:20% } /* font-size:.75em; removed*/

.bibItems { border:0px; padding:0 3px 3px 3px; margin:0px; }

.bibItemsEntry { text-align: left; } /* color: #000; text-align: left;font-size:95%;    */

.bibItemsEntry td { border-bottom:1px solid #EEEEEE;} /* font-size:95%;   */

.bibItemsHeader { color: #333;font-size:95%; font-weight: bold; text-align: left;border-bottom:1px solid #eee; } 

.bibItemsLabel { }

.bibLicense { }

.bibLicenseEntry { color: #000000; background: #FFF8EF; text-align: left; }

.bibLicenseHeader { color: #FFFFFF; background: #00437f; font-weight: bold; text-align: left; }

.bibLinks { border: 1px solid #00437f; }

#bibNavColumn { float:right; width:94px; }

.bibOrder { border: 1px solid #00437f; font-size:90%; }

.bibOrderEntry { }

.bibPager { text-align:left; font-size:90%; padding:5px 5px 0 0;margin:0 3px 0 5px; }

.bibRecordLink { width:100%;text-align:right; }

.bibRecordLink a { font-size:.7em;padding-right: 3px; font-style: italic; }

.bibResource { }

.bibResourceSidebar { float:right; width:20%; background-color:#F2F8FC; text-align:center; }

.bibResourceArea { float:right; width:20%; margin-right: 186; }

.bibResourceBrief { }

.bibResourceCaption { }

.bibResourceEntry td { font-weight: bold; }

.bibResourceHeader { }

.bibResourceLicense td { padding-bottom: 5px; }

.bibResourceLicenseEntry { background: #FFF99D; }

.bibResourceSubEntry { border-bottom: 1px solid blue; background-color: #FFFBC6; font-style: italic; }

div.browseResourceTable { margin-top:0px; border:0px; padding-top:20px }

table.browseResourceTable { margin-top:13px;border:0px; background-color:#F2F8FC; }

.bibResourceTable { margin:0px;border:none; }

.bibResourceTableEntry td { padding:0 3px; }

.bibResourceTableEntry, .browseResourceTableEntry { font-size: 85%; font-weight: normal; text-align:center; color: #000000; }

.bibResourceTableHeader, .browseResourceTableHeader { background:#001848;color:#fff;font-weight: bold; text-align:center; padding:3px;font-size:.9em; border-bottom:1px solid #BDBDBD; } 

.bibResourceTableEntry select { display:block; width:100%; margin:2px 0px; }

.bibSearch form { margin:auto; padding:5px 10px;text-align:center; }

.bibSearch { display:block; background:#d2e0e7; font-size:.9em;border:0px; border-right:1px solid #BDBDBD; padding:8px 3px; border-bottom:1px solid #BDBDBD; margin:5px; }
.bibSearchtoolMessage { text-align:center;font-size:1em; }

.bibSearchHistory { float:right; margin:0 0 0 6; padding: 0; }

.bibSearchHistory select { font-size:.8em; }

.bibScreen { }

.bibSearchtool { font-size:80%; background:#d2e0e7;border-right:1px solid #477295; padding:3px; border-bottom:1px solid #477295; margin:0 3% 1% 3%; }

.bibTabs { margin:5px 0 4px 0; clear:both; }

.bibTabs span { border: 1px solid #D1D8DD; border-left:0px;background-color:#f0f4f5; padding-top: .2em; padding-bottom: 4px; padding-left: .7em; padding-right: .7em; }

.bibTabs span.firstTab { border: 1px solid #D1D8DD; background-color:#f0f4f5; padding-top: .2em; padding-bottom: 4px; padding-left: .7em; padding-right: .7em; }

.bibTabs span.selected { background-color: #fff; border: 1px solid #D1D8DD; border-bottom: 1px solid #fff;margin: 0 0 0 -1px; }

.bibTabs span.firstSelected { background-color: #fff; border: 1px solid #D1D8DD; border-bottom: 1px solid #fff; }

.bibTabs span#printView { border:0px; background-color:#fff; padding-top: .2em; padding-bottom: 2px; padding-left:0; padding-right:0; text-align:right; font-size:.8em; margin:0 5px 0 0; }

.bibTabs span#printView a:link, .bibTabs span#printView a:visited, .bibTabs span#printView a:hover, .bibTabs span#printView a:active { color:#000;text-decoration:underline; }

.bibTabs span#webView { display:none; }

.bibThumbnails { }

.bibTOC { width: 90%; font-size: 90%; margin-left: 30px; border: 1px solid #00437f; padding: 3px; margin-bottom: 3px; }

.bibTOC td { border-bottom: 1px solid #00437f; }

.bibXML { }

/* These are used for Materials Self-Booking */

.booking { text-align:center; margin:0 0 5px 0; }

.booking a { font-size:.7em; }

.bookingsConfirmMsg { font-weight: bold; text-decoration: none; padding-bottom: 5px; background: #FFFBC6; }

.bookingsItemsEntry { }

.bookingsItemsHeader { }

.bookingsLegend { }

.bookingsLocation { }

.bookingsRepeat { margin-left: 15px; margin-right: 15px; border: 1px solid #00437f; padding: 3px; }

.bookingsRepeatNone { }

.bookingsRepeatDaily { }

.bookingsRepeatWeekly { }

.bookingsRepeatWeeklyDay { margin-left: 30px; }

.bookingsRepeatMonthly { }

.bookingsEndsOn { }

.bookingsSelect { width: 90%; margin-left: 5%; margin-bottom: 1em; }

.bookingsSelectCal { width: 90%; margin-left: 5%; text-align: center; background: #00437f; border: 2px solid #00437f; margin-bottom: 1em; }

.bookingsSelectCal table { margin: auto; border: none; font-size: 95%; } 

.bookingsSelectCal th { text-align: center; border: none; } 

.bookingsSelectCal td { border: 1px solid #00437f; }

.bookingsSelectEndtime { margin-left: 10px; }

.bookingsSelectRepeat { margin-top: 5px; margin-bottom: 5px; }

.bookingsSelectTime { background: #00437f; border: 2px solid #00437f; padding: 3px; }

/* Brief Citation display styles */
.briefcitActions { padding:5px 0 5px 0;text-align: left; }

.briefcitDetail { font-size: 98%; padding:0 0 0 10px; }

.briefcitDetail img { padding-top: 2px; }

.briefcitEntryNum { font-size:90%; text-align:center; font-weight:bold; }

.briefcitExtras { font-size: 98%; text-align: center; white-space: nowrap; }

.briefcitExtras img { padding-bottom: 2px; }

.briefcitItems em { font-size: 98%; font-weight:bold; color: #F79A29 }

.briefcitItems table { width:98%;margin:0;padding:0; }

.briefcitItems th, .briefcitItems td { font-size: 98%; }

.briefcitItems .bibItemsHeader { padding:0; }

.briefcitMedia img { height:20px; width:20px; }

.briefcitResultInfo { text-align: left; font-size:98%; }

.briefcitRequest { text-align:left; padding:5px 5px; font-weight:bold; }

.briefCitRow { border-top:1px solid #D1D8DD; }

/* This determines the link colour of title in browselist - changed from 202020 to 47a2bf (blue) and to 339999(teal) */
.briefCitRow a { color:#339999; }

.briefcitStatus { font-weight: bold; }

.briefcitTitle { font-weight: bold; }

/* classes for browse displays */
/* See also Web options BROWSE_HEADERS, TABLEPARAM_BROWSE..., TABLEPARAM_BRIEFCIT */
.browseEntry { color: #000000; font-weight: normal; }

.browseEntry td { border-top:1px solid #d0d0d0; }

.browseEntryData { text-align: left; }

.browseEntryEntries { text-align: center; }

.browseEntryMark { font-weight: bold; }

.browseEntryMedia { vertical-align: middle; }

.browseEntryNum { text-align: center; }

.browseEntryRelevance { background:#d7e3ff; }

.browseEntryYear { text-align: center; }

.browseHeader { text-align:left; background:#47a2bf;color:#fff; font-size:90%; }

.browseHeaderData { text-align:left; padding:3px; border-bottom:1px solid #BDBDBD; }

.browseHeaderEntries { padding:3px; border-bottom:1px solid #BDBDBD; }

.browseHeaderMark { padding:3px; border-bottom:1px solid #BDBDBD; }

.browseHeaderMedia { padding:3px; border-bottom:1px solid #BDBDBD; }

.browseHeaderNum { padding:3px; border-bottom:1px solid #BDBDBD; }

.browseHeaderRelevance { padding:3px; border-bottom:1px solid #BDBDBD; }

.browseHeaderYear { padding:3px; border-bottom:1px solid #BDBDBD; }

.browseList { margin-right:10px; margin-top:4px; }

.browsePager { font-size:0.9em;font-weight:bold;padding-bottom:10px; }

.browsePager strong { border:1px solid #9FBECE;padding:3px;margin:2px 1px;color:#fff;background:#9FBECE; }

.browsePager a { color:#47a2bf;text-decoration:none;border:1px solid #9FBECE;padding:3px;margin:2px 1px; }

.browsePager a:hover { background:#9FBECE;color:#fff; }
/* Browspager style from Glasgow */
/*
.browsePager { }
td.browsePager {padding:5px 0 5px 0}
td.browsePager strong  {padding:3px 5px 3px 5px;margin-right:0;font-weight:bold}
td.browsePager a {text-decoration:none;font-size:1em;padding:3px 5px 3px 5px;margin:0.2em;color:#1b1b1b;background:#f4f4f4;border:1px solid #003c69;cursor:pointer;line-height:200%}
td.browsePager a:hover {color:#fff;background-color:#121212;text-decoration:none}
*/


/* .browseResourceTableEntry -- listed along with .bibResourceTableEntry */

/* .browseResourceTableHeader -- listed along with .bibResourceTableHeader */

.browseSaveJump { color: #000000; background: #FFFFFF; text-align: left; }

.browseSaveJump form { display: inline; }

.browseScreen { width:97% }

.browseScreen td { vertical-align:top; }

.browseSearchtool { display:block; background:#E1e6ea; border:0px; border:1px solid #BDBDBD; padding:8px 3px; margin:5px; }
/* .browseSearchtool { display:block; background:#d2e0e7; font-size:.9em;border:0px; border-right:1px solid #BDBDBD; padding:8px 3px; border-bottom:1px solid #BDBDBD; margin:5px; }   Original WebPAC Style for top of Search Screen*/

.browseSearchtoolMessage { text-align:center;font-size:1em; } 

.browseSubEntry { color: #000000; font-weight: normal; }

.browseSubEntryData { }

.browseSubEntryEntries { }

.browseSubEntryMedia { }

.browseSubEntryRelevance { }

.browseSubEntryYear { }

.browseSuperEntry td { background:#e1e6ea; font-size:90%;text-align:left; padding:3px; font-weight:bold; }

.button { vertical-align: top; }

.clear { clear:both; margin-bottom:5px; }

.clear2 { clear:both; }

/* This is used in the Materials Booking calendar */
.closed { font-weight: bold; color: red; }

.displayBody { background:#fff; border-bottom:1px solid #d0d0d0;border-left:1px solid #d0d0d0;border-right:1px solid #d0d0d0;clear:both; }

.dropcap { float:left;color:#000; padding:0px 3px 0px 0px; width:47px;font-size: 56px; line-height:40px; font-family: Verdana, Arial, Helvetica, sans-serif;text-align:center; }

.errormessage { font-size: 100%; color: #fbab29; }

.errormessage h2 { display:inline; }

/* External Patron Authentication product style */
.extpat div { line-height: 1.66em; width: 90%; background: #00437f; border: 2px solid #00437f; padding: 3px; margin-left: auto; margin-right: auto; text-align: right; }

/* External Patron Authentication product style */
.extpat strong { display: block; text-align: left; }

/* Feed styles */

#feeds { margin:10px 15px; font-size:90%; }

#feeds a:link { color: #000; }

#feeds a:hover { text-decoration: underline; }

#feeds a:visited { color: #000; } 

#feeds div { padding-top:.2em; }

#feeds .tabs a:link, #feeds .tabs a:visited, #feeds .tabs a:active { color: #000; text-decoration: none; outline:none; }

#feeds .tabs a:hover { text-decoration: underline;outline:none; }

.feedtable a:link, .feedtable a:visited, .feedtable a:active  { color:#000; text-decoration:underline; font-size:90%; }

.feedtable a:hover  { color:red; text-decoration:underline;font-size:90%; }

/* used for search help pages tabbed navigation */
.fields td { padding: 2px; }


/* This is used in the featured list display */
.ftlistHeader { }

#helpCenter { margin-left:15px; margin-right:15px; font-size:90%; }

#helpCenter a:link { color: #000; }

#helpCenter a:hover { text-decoration: underline; }

#helpCenter a:visited { color: #000; }

#helpCenter div { padding-top:.2em; }

#helpCenter .tabs a:link, #helpCenter .tabs a:visited, #helpCenter .tabs a:active { color: #000; text-decoration: none; outline:none; }

#helpCenter .tabs a:hover { text-decoration: underline;outline:none; }

.helpNote { font-size: 90%; font-style: italic; }

.helpspan { padding-right:.5em; font-size:80%;margin:5px 0 0 0; }

.holdingsDivider { display:none; margin:-3px; }

.holdingsItemsBookings { margin:0 0 8px 0; }

.InnovativeCredit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; font-style: italic; }

/* Used in Related Searches display */
div#instructions { font-size: 90%; font-style: italic; }

.KidsOnline {  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }

.leftSide  { width:80%; float:left; padding:5px 5px 5px 10px;border-right:2px dashed #d0d0d0;margin:5px 0; }

/* External Patron Authentication product style */
.libpat div { line-height: 1.66em; width: 90%; background: #00437f; border: 2px solid #00437f; padding: 3px; margin-left: auto; margin-right: auto; text-align: right; }

/* External Patron Authentication product style */
.libpat strong { display: block; text-align: left; }


/* Styles used in Limit/Sort Search page - srchmod.html */
.limitEntriesFoundNum { font-size: 90%; font-style: italic; }

.limitEntriesFoundText { font-size: 90%; font-style: italic; }

.limitSearchTerm { font-size: 90%; font-weight: bold; }

.limitSearchTypeText { font-size: 90%; }

.limitSearchTypeIndex { font-size: 90%; }


.loggedInMessage { 	padding-left: 6px; font-style: strong; color: #777; font-size: 90%; }

/* External Patron Authentication product styles */
.loginarea { }

.magLayoutOne { border-top: 1px solid #F2F2F2; margin:8px 0; padding: 10px 0 0 0 ;clear:both; }

.magLayoutTwo { float:left; border-right:1px solid #F2F2F2; margin:0 10px 5px 0; padding:0 5px; width:50%; }

.magLayoutThree { float:left; margin:0 0 5px 0;padding:0 5px; width:45%; }

.magFour { float:left; margin:0 6px 0 2px; }

.magFive { float:right; margin:0 0 0 2px; }

.magSix { float:left; margin:3px 6px 0 2px; }

.magSeven { float:right; margin:3px 0 0 2px; }

.msg { font-size: 125%; color: #FF0000; }

.mylistsSelect select { vertical-align:top; }

/* The Navigation Row on search result pages starts here  */
.navigationRow { margin: -3px; margin-top:60px }

.navigationRow select { vertical-align: top; }

.navRow { padding:0;margin:10px 0 0 0;text-align:right; font-size:.75em; }

.navRow li { list-style:none;display:inline;padding:2px 5px; }
/* The Nagvigation row finishes here */

/* Glasgow's Navigation Row adapted*/
/*
.navigationRow {padding:0;margin:1em;font-size:0.93em;text-align:center;}
.navigationRow a {text-decoration: none;font-weight: bold;color:#339999;background: #ffffff ;
padding: 3px 10px 3px 10px;border: 1px solid #339999;margin:0;margin-left:8px; margin-right:8px}
.navigationRow a:hover  {color:#fff; font-weight: bold;background-color:#339999;text-decoration:none;}
.navigationLink {text-decoration: none;font-weight:bold;color:#339999;background: #ffffff ;
padding: 3px 5px 3px 12px;border: 1px solid #339999;margin:0;margin-left:5px;line-height:300%}
.navigationLink:hover  {color:#fff;background-color:#339999;text-decoration:none;}
.navigationRow select { vertical-align: top; display:none; width:1px;height:1px;}
*/


.nowrap { white-space: nowrap; }

.pageDirectoryArea { color: #000000; text-align: left; }

.pageInfoAreaHeader { color: #0132A7; background: #FFF8EF; font-size: 110%; font-weight: bolder; text-align: left; }

.pageMainArea { color: #000000; background: #FFF8EF; padding-left: 3px; }

.pageMainAreaHeader { color: #0132A7; font-size: 110%; font-weight: bolder; text-align: left; }

.pageMainAreaSubHeader { font-weight: bold; font-style: italic; }

.pageNavArea { color: #FFFFFF; background: #00437f; }

.pageNavAreaBorder { background: #0132A7; }

.pageNavAreaText { color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: #00437f; }


/* classes for patron record display */
/* see also Web options TABLEPARAM_PATDISP, TABLEPARAM_PATFUNC, */
/* and the various BUT_PAT_ graphics options. */

.patActionsLinks { text-align: center; padding: 10px; }

.patActionsLinks img { vertical-align: middle; }

.patDisplay { }

.patDisplayFunc { }

.patDisplayInfo { }

.patFunc { border:1px solid #D1D8DD; border-bottom:0px;border-spacing: 0; width: 100%; margin:3px; }

span.patFunc { border:0px; }

.patFunc td { padding: 5px; font-size: 85%; border-bottom: 1px solid #D1D8DD; }

.patFuncArea { border:none; margin:3px; margin-top:18px; padding:6px; background-color:#f9f9f9; }

.patFuncArea form { display: inline; }

.patFuncArea img { padding-top: 2px; } 

.patFuncAuthor { }

.patFuncBookDate { }

.patFuncBtns { color: #000000; background: #FFF8EF; }

.patFuncCallNo { }

.patFuncCancel { text-align: center; }

.patFuncDate { }

.patFuncDetails { }

.patFuncEntry { color: #000000; background-color:white; font-weight: normal; } /*changing properties here changes the look in patron display for example which holds to pick up, etc.*/

td.patFuncFinesDetailAmt { font-size:small;font-weight:bold; }

.patFuncFinesDetailDate { font-style:normal;text-transform:uppercase;font-size:small;letter-spacing:1px;word-spacing:.5em;font-weight:bold; }

.patFuncFinesDetailDateLabel { font-style:normal;text-transform:uppercase;font-size:small;letter-spacing:1px;word-spacing:.5em;font-weight:bold; }

td.patFuncFinesDetailType { font-style:normal;text-transform:uppercase;font-size:small;letter-spacing:1px;word-spacing:.5em;font-weight:bold; }

.patFuncFinesEntryDetail td { border-bottom: 1px solid #eee; }

.patFuncFinesEntryTitle { color: #202020;background:#F8F8F8; }

.patFuncFinesEntryTitle em { font-style:normal;font-size:small;letter-spacing:1px;word-spacing:.5em;font-weight:bold; }

td.patFuncFinesTotal { font-style:normal;text-transform:uppercase;font-size:small;letter-spacing:1px;word-spacing:.5em;font-weight:bold; }

tr.patFuncFinesTotal { background:#EDF2F6; }

.patFuncFinesTotalAmt em { font-style:normal;text-transform:uppercase;font-size:small;letter-spacing:1px;word-spacing:.5em;font-weight:bold; }

.patFuncFinesTotalLabel em { font-style:normal;text-transform:uppercase;font-size:small;letter-spacing:1px;word-spacing:.5em;font-weight:bold; }

.patFuncFreeze { }

.patFuncHeaders { color: #000; background:#E1E6EA; font-size:90%; padding:3px; border-bottom:1px solid #D1D8DD; }

.patFuncHeaders a { color:#202020; }

.patFuncMark { }

.patFuncModifyPatInfo { }

.patFuncModifyPIN { }

.patFuncModifyPINExample { }

.patFuncNoEntries { }

.patFuncPickup { }

.patFuncPSrchBtn { }

.patFuncPSrchType { }

.patFuncRating { }

.patFuncRenewCount { font-style: italic; color: red; }

.patFuncStatus { }

tr.patFuncTitle { font-weight: bold;color: #000; background:#BDBDBD; font-size:90%; padding:3px; border-bottom:1px solid #D1D8DD; }

th.patFuncTitle { font-weight: bold;color: #47A2BF; background:#47A2BF; font-size:90%; padding:5px; border-bottom:1px solid #D1D8DD; }

.patFuncTitle { font-weight: bold; }

.patFuncTitle a { color:#339999; }

.patImage { }

.patInfo { }

.patMainFuncs { float:left;border:0px;width:350px; margin:0; }

.patNameAddress {text-align: left; border:0px; border: 1px solid #D1D8DD ; padding:5px; width:350px; margin:0 10px 0 2px;  }

.patnameAddress div { margin:3px 0; }

.patnameAddress a { color:#339999; }
.patnameAddress a:active { color: #339999; text-decoration:underline }
.patnameAddress a:visited { color: #339999; } 
.patnameAddress a:hover  { color:#339999; text-decoration: underline } 

.patPayconfirmContainer { padding:18px 36px 36px; }

.patPayconfirmFeeDisplay { float:left; width:45%; margin-top:10px; }

.patPayconfirmBillingDisplay { float:left; width:45%; margin:10px 0 0 15px; }

.patSearchLinks { }

.patStatusLinks { border:0px; border-right: 1px solid #477295;border-bottom:1px solid #477295;padding: 3px; margin:0 0 5px 0; width:90%; }

.patStatusLinks a { color:#000;text-align: left; border:0px;padding:2px 0 2px 0;text-decoration:none; }

.patStatusLinks a:link, .patStatusLinks a:visited, .patStatusLinks a:active { color:#000;text-decoration:none; }

.patStatusLinks a:hover { color:#000;text-decoration:underline;background:#FFFFE4; }

.paymentPage { margin: 10px; }

.paymentPage h2 { font-weight: bold; }

.paymentPageFinestable { width: 80%; border: 2px solid #00437f; }

.popupForm { font-size: 90%; margin:1% 3%; }

.popupForm input { margin: 8px 4px 0 0; }

.popupForm td { font-size: 90%; }

.popupFormHeader { border-bottom:1px solid #000;margin:1% 2%; }

.progInfoData { font-size:.75em; }

.progInfoLabel { font-size:.75em; font-weight: bold; vertical-align:top; padding:3px; }

.progSectionsEntry { color: #000; text-align: left; vertical-align:top; font-size:.9em; }

.progSectionsEntry td { border-bottom:1px solid #EEEEEE; }

.progSectionsHeader th { color: #000; font-size:90%; font-weight: bold; text-align: left; border-bottom:1px solid #eee; }

/* These are used in the Related Searches display in the Search Tool */

.rateLabel { color:#00437f;display:none; }

.rateLabel a:active, .rateLabel a:visited ,.rateLabel a:link { color:#00437f;text-decoration:none; }

.rateLabel a:hover { color:#00437f;text-decoration:underline; }

table.recordPager { text-align:right; font-size:.8em; }

.relSearch { margin:2%;padding:8px;background:#fff;border:2px solid #f9f9f9; }

.relSearch a { color:#202020; padding:2px 0; }

.relSearch p { margin:3px 0;padding:2px 5px; }

.relSearch h4 { margin:3px 0;border-bottom:1px solid #202020; }

.relSearch h4.none { color:#000099;border:0px; }

.relSearchLabel { }

.relSearchLink { }

.reqFillTimeMsg { font-style: italic; font-size: 90%; }

.reserveBibs { border: 2px solid #00437f; }

.reserveBibs td { border-bottom: 1px solid #00437f; }

.reserveBibs input { background-color: #FFF8EF; }

/* Resource Record display */
.resourceBib { }

.resourceBibEntry { color: #000; text-align: left; vertical-align:top; font-size:90%; }

.resourceBibEntry td { border-bottom:1px solid #EEEEEE; }

.resourceBibHeader th { color: #000;font-size:90%; font-weight: bold; text-align: left;border-bottom:1px solid #eee; }

.resourceHistory { float:left; margin:0 0 5px 0; padding: 0 0 5px 0; }

.resourceInfoData { font-size:100%; }

/*.resourceInfoLabel { font-size:.75em; font-weight: bold; vertical-align:top; padding:3px; } */
.resourceInfoLabel { font-style:normal; font-weight: bold; vertical-align:top; padding:3px; }

.resourceLicense { }

.resourceLicenseArea { border:1px solid #477295; }

.resourceLicenseEntry { font-size:100%; } /*{ font-size:.75em; } */

.resourceLicenseHeader { font-size:100%; font-weight: bold; vertical-align:top; padding:3px; }

.resourceLinkEntry { }

.resourcePager { text-align:right; padding:5px 5px 0 0;margin:0 3px 0 5px; float:right; width:50%; }

.resourceResource { }

.resourceRecLink { width:100%; font-size:.75em; text-align:center; }

.rightNav { padding:0;margin:0px; font-size:.9em; }

.rightNav li { list-style:none;padding:2px;display:block; }

.rightNav li a:link, .rightNav li a:visited, .rightNav li a:active { display:block; color:#81AACF;text-decoration:none;padding:0;margin:0 0 0 3px; }

.rightNav li a:hover { display:block;color:#000;text-decoration:underline;background:#DAECFC; }

.rightSide { width:15%;float:right; padding:0px 5px 0px 10px;  margin:5px 13px 5px 0; }

* html .rightSide { width:15%;float:right; padding:0px 5px 0px 10px;  margin:5px 5px 5px 0; }

.rssChannelEntries { padding:0;margin:0; }

.rssChannelEntry { padding:4px 0 2px 0;border-bottom:1px dotted #eee; }

.rssChannelEntryDate { font-size:.7em;line-height:1.4em; font-style: italic; }

.rssChannelEntryDesc { font-size:.8em;line-height:1em;display:block;clear:both; }

.rssChannelEntryHead { font-size: 85%; font-weight: bold; display: block; padding-bottom: 2px; }

.rssChannelImage img { border: 0; margin-top: 2px; }

.rssChannelTitle { font-weight: bold; }

/*.rssFeed { padding: 5px; margin: 2px; border: 1px solid #00437f; } */

/* This should correspond to Heading 1 in m-inner of Library Website, i.e. Orange font and teal underline
Added font details to this style class, i.e. family, color, decoration, weight, size*/
/*.srchhelpHeader { font-family: Verdana, Arial, Helvetica, sans-serif; color: #F79A29; text-decoration: none; font-weight: normal; font-size: 1.6em; margin-bottom:1em; border-bottom:2px solid #339999;}*/

.srchhelpHeader { font-family: Verdana, Arial, Helvetica, sans-serif; color: #F79A29; text-decoration: none; font-weight: normal; margin-top:5px;border-bottom:2px solid #339999; padding-bottom:0px; }

/* Ramona's note - what does this do?*/
.searchTipsNavAreaText {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: #0132A7; }

/* Ramona's note - what does this do?*/
.searchTipsHeaderText { font-family: Verdana, Arial, Helvetica, sans-serif; color: #0132A7; text-decoration: none; font-weight: bold; background-color: #FFF8EF; }

/* This is the table displaying search tips on Keyword and Advanced search.*/
.searchTipTable { margin:1% 3%;}
/* .searchTipTable { font-size:.9em;margin:1% 3%;letter-spacing:1px;line-height:1.2em; } original WebPAC style */

/* Ramona's note - what does this do?*/
#searchTipMain { display:none; margin:12px; }

/* Ramona's note - what does this do?*/
.searchTipContentInfo { display:block; background:#fff; border:0 solid #00437F; border-width:0 1px; padding:2px 5px;color:#000; }

/* Ramona's note - what does this do?*/
#searchTipsLink { text-align:center; }

/* Ramona's note - what does this do?*/
#searchTipsLink a:link, #searchTipsLink a:visited, #searchTipsLink a:active { color:#000; text-decoration:none; }

/* Ramona's note - what does this do?*/
#searchTipsLink a:hover { color:#000; text-decoration:underline; }

.sectionHeading { font-weight: bold; }

.spacer { margin:1% 2%; background:#fff; border:1px solid #d0d0d0; }

/*On search pages this defines the list on the lower part of content   */
.srchhelpList li { padding-left:3.1em;background:transparent url(m-level-2.gif) no-repeat 9px 3px; }
/* .srchhelpList li { margin:2px 5px; } original WebPAC style */


/*this defines the font in search pages, i.e. in http://134.226.252.92:2082/search/q  "Type the author's or artist's last name... */
.srchhelpText { margin:1% 20px; }
/* .srchhelpText { font-size:0.75 em;margin:1% 5px;letter-spacing:1px;line-height:1.2em; } original WebPAC style*/

.srchhelpEBody { margin:2% 5%; }

/* This is used in the patron views of holds */
.suspended td { font-size: 90%; background: #EBECF6 url(/screens/icicles.gif) repeat-x top; }

.tabBody { background-color: #ffffff ; border: 1px solid #ccc; padding: .7em; margin-top:0px; font-size:1.1em; }

.tabBody div { margin:0 1%; font-size:1.1em; }

.tabs { margin-bottom: 4px; }

.tabs span { border: 1px solid #D1D8DD; border-left:0px;background-color:#f0f4f5; padding-top: .2em; padding-bottom: 4px; padding-left: .7em; padding-right: .7em; }

.tabs span.firstTab { border: 1px solid #D1D8DD; background-color:#f0f4f5; padding-top: .2em; padding-bottom: 4px; padding-left: .7em; padding-right: .7em; }

.tabs span.selected { background-color: #fff; border: 1px solid #D1D8DD; border-bottom: 1px solid #fff;margin: 0 0 0 -1px; }

.tabs span.firstSelected { background-color: #fff; border: 1px solid #D1D8DD; border-bottom: 1px solid #fff; }

.tool form { margin:auto; padding:5px 10px; }

.tool { display:block; background:#e1e6ea; font-size:.9em; border-right:1px solid #BDBDBD; padding:3px; border-bottom:1px solid #BDBDBD; border-left:1px solid #bdbdbd; border-top:1px solid #bdbdbd; margin:0 2% 1% 2%; width:97% }

.topicFeeds { clear: none; float: right; width: 60%; padding: 5px; }

.topicLinks { clear: none; float: left; padding: 5px; width: 35%; }

.topicLinks ul { padding: 5px; padding-left: 20px; margin: 2px; border: 1px solid #00437f; }

.topLogo { background:url(top_back.jpg) top left no-repeat;width:100%;height:100px; }

#skipNav a, #cproSkipNav a:hover, #cproSkipNav a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }
#skipNav a:active, #skipNav a:focus { position:static; width:auto; height:auto; margin-bottom:3px; }

/* This is used in the Materials Booking calendar */
.unavailable { font-weight: bold; color: black; background: #D7D7D7; }

.unpadded { margin-bottom:auto; margin-top:auto; }

.wamCalcDate{ background: #ECECEC; border: 1px silver dashed; font-size: 90%; }

/* .xmlframe { width:100%; height:600px; border:1px solid #000; } */
.xmlframe {width=100%; height:600px; border-width:0;}

.yourEntryWouldBeHere { }

.yourEntryWouldBeHereData { border: 2px solid #F5D9A3; }

/* Section 3: WebBridge */
/* WebBridge style names lowercased as of Release 2005.  Declare styles using these style names for Release 2005 and later */

/* body element in WebBridge forms */
.wbbody { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; font-size: 80%; margin:0;padding:0; }

/* the following .wbbody styles are used to style the wp_panel.html pop up page */
.wbbody a:link, .wbbody a:visited { color:#00437f; text-decoration: underline; }

.wbbody a:hover, .wbbody a:active { color: #aa1002;text-decoration: underline; }

/* fixing alignment of images */
.wbbody img { vertical-align: middle; }

.wbbody .wbcategory { color: #990000; margin:10px 10px 0 10px; font-size:11px; font-weight: bold; border-bottom: 1px solid #202020; padding:2px 5px 2px 1px; letter-spacing:1px; }

.wbbody .wbcategory strong { font-weight: bold; }

.wbbody .wbcategory font { color:#000000; }

.wbbody .wbresourcelist { background-color: #fff; margin-top: 5px; }

.wbbody .wblinkdisplay { background: #F8F8FA; margin:1px 10px 1px 10px; font-weight: normal; padding:2px 5px 2px 5px; font-size:11px; }

.wbbody .wblinkdisplay form { padding:0;margin:0; }

.wbbody .wblinktext { font-size:11px; }

.wbbody .wblinkfield { font-style:italic; font-size:11px; }

.wbbody .wbsubheading { font-weight: bold; color:#aa1002; }

.wbbody .header { background:#fff;border:2px solid #f9f9f9;margin:10px; }

.wbbody .noresources { color: red; font-size: 1.2em; font-weight: bold; } 
 
.wbbody .citation { background-color: #FFFFFF; border: 1px solid #162A6D; padding: 5px; }

.wbbody .resourceinfo { }

.wbbody .advisory { }

.wbbody .ada { }

.wbbody .license { }

.wbbody .linkdisplay { }

.wbbody .coverage { }

.wbbody .coverage em { font-style: normal; }

.wbbody .wbheading { font-size:11px;margin:0 10px -7px 10px; }

.wbbody .headertable { background:#fff;padding:5px; }

.wbbody .citationtitle { font-weight: bold; color:#aa1002; font-size:1.2em; }

.wbbody .fieldinsert { font-size: .9em; margin-left: 30px; margin-right: 30px; }

/* WebBridge category headings */
.wbcategory { font-weight:bold; margin-top: 1em; }

/* contents of the WBHEADERTEXT wwwoption */
.wbheading { }

/* Entire WebBridge Resource Definition Link Display */
.wblinkdisplay { }

/* Field selectors in Link Display (except for #@LinkText#) */
.wblinkfield { }

/* #@LinkText# field selector in WB Link Display */
.wblinktext { }

/* deprecated style -- manually inserted in WB category definition */
.wbPanelCategory { color: #0132A7; }

/* Contents of  resourcelist token in webbridge forms */
.wbresourcelist { margin-bottom:40px; }

/* #HEADER# token in WBHEADERTEXT wwwoption */
.wbsubheading { }

.mainSpacer { margin:0 1em 1em 1em; }

.textFix { font-size:small; }

/* table striping styles */
/* for brief citation */
td.odd { background:#F8F8F8; }
td.highlight { background:#EFEFEF; }

/* for browse entries */
tr.odd { background:#F8F8F8; }
tr.highlight { background:#FFFFE4; }

/* styles for print view and web view toggle */

#printView { text-align:right; font-size:.8em; margin:0 5px 0 0;padding-top:15px;height:15px; }

#printView a { color:#162a6d; }

#webView { display:none; }

/* Section 4 */
/* styles for Skyline design */
.leftCol { padding:0;margin:0px; font-size:.9em; }

.leftCol li { list-style:none;padding:2px;display:block; }

.leftCol li a:link, .leftCol li a:visited, .leftCol li a:active { display:block; color:#47a2bf;text-decoration:none;padding:0;margin:0 0 0 3px; }

.leftCol li a:hover { display:block;color:#47a2bf;text-decoration:underline;background:#FFFFFF; }

/* Use #437d9c 1.4em - same as "search collections" header on Library website -  .c h2 - heading 2 within content div
there was a dashed line underneath each heading: removed the following after 1.4em ";  border-bottom:1px dashed #5E5D5D" 
related TCD Library website details
.c .lib-dept-column { margin-top:15px}
.c .ld-placeholder { background: url(img/ld-placeholder1.png) no-repeat;height:auto!important;min-height:41px;height:41px; margin-top:10px; width:457px;text-align:center;}
.c .ld-placeholder h2 {margin-top:0;padding: 8px 0px 3px 0px; font-size:1.4em;}
.c .ld-placeholder h2 a {text-decoration:underline; color:#437d9c;}
.c .ld-placeholder h2 a:hover,
.c .ld-placeholder h2 a:focus { text-decoration:none;} */
.navHeader { font-family: Verdana, Geneva, sans-serif; font-weight:bold; color:#437d9c; font-size:1em; margin-top:5px;letter-spacing:1px; padding:2px; margin-bottom:0px;}

.mainMenuSrchText { width:55%; margin:auto; letter-spacing:1px; }

.mainMenuSrchTool form { padding:40px 10px; width:97%;  }

.mainMenuSrchTool { display:block; font-size:1.5em; margin:20px 5px; padding:0 ;text-align:center; }



.mainMenuSrchTool input { font-size:.7em; }

.mainMenuSrchTool select  { font-size:.7em; }

h2 { margin:0 0 3px 3px;padding:0px; }

#headerNav { padding:0;margin:2px 10px 0 0; font-size:.8em;text-align:right;letter-spacing:1px; }

#headerNav li { list-style:none;padding:0 2px 1px 5px;display:inline; border-left: 1px solid #444444; }

#headerNav li a:link, #headerNav li a:active, #headerNav li a:visited { color:#47a2bf;text-decoration:none;padding:0;margin:0; }

#headerNav li a:hover { color:#47a2bf;text-decoration:underline;background:#FFFFFF; }

#headerNav .headerNavFirst { border-left: none; }

.holder img { float:left; margin:0 1%; }

a img { border:0px; }

/*#rightSideCont { padding:10px; border:2px solid #f9f9f9; margin:10px 196px 10px 10px; background:#fff; }
.rightSideCont { width:75%; padding:10px; border:2px solid #f9f9f9; margin:0 0 10px 1%; background:#fff; float:left; }*/

/*#rightSideCont li { margin:0 0 0 25px; }*/


.pageContentColumn { margin-left:1%; background:#fff; float:right; width:73%; padding:1%; border:2px solid #f9f9f9; background:#fff; }
.pageContentBox { padding:10px; border:2px solid #f9f9f9; background:#fff; }

/* this determines the width of the Advanced Search table - originally 90% */
div .advSrchtool { width:97%; margin-top: 20px }

.unpadded { margin:0 0 0 15px; padding:0; }

.topLog { font-size:.8em;color:#000; }

.topLog input { font-size:.8em; }

.topLogoDiv { margin:0;padding:0 0 3px 0; background:#fff; }

.floatRight { float: right; }

.clear { clear:both; margin-top:10px; }

.pageNavColumn { float:right; margin:0px 1% 0px 1%; background:#fff; width:19%; padding:.5%; border:2px solid #f9f9f9; }
.navMenuBox { padding:5px; border:2px solid #f9f9f9; }

.mainMenuContentDiv { background:#fff;padding:5px;border:2px solid #f9f9f9;clear:both;color:#202020; }

.bareBib { clear:both; }

.bareBib .bibInfoLabel { display:none; }

.bareLable { font-size:.9em;font-weight:bold; }

.bareCaption { font-size:.75em; font-weight:bold; }

.bareBreaker { border-top:1px dashed #339999; margin:5px 5px 5px 0; padding:5px 0; font-size:1.3em; font-weight:bold;color: #F79A29; }

#bareRes tr.bibResourceTableHeader { display:none; }

.pinReset { margin:2%;padding:8px;background:#fff;border:1px solid #f9f9f9; }

.pinReset input { display:block; }

#bibDisplayLayout { width:100%; }

#bibDisplayLayout .bibInfoData { padding:3px 0; }

ul.illOtherLists { margin:0 0 0 5px;padding:0;width:45%;float:left; }

ul.illOtherLists li { text-transform:lowercase;padding:3px 0;margin:0;list-style-type:circle; }

ul.illOtherLists li a { color:#47a2bf; }

h4.srchhelpHeader { margin:10px 15px; }

/* imprved table row strip CSS */

td.outline { border:0px;border-top:2px solid #F5D9A3;border-bottom:2px solid #F5D9A3; }

td.outlineSub { border:0px;border-top:2px solid #F5D9A3; }

td.topLine { border:0px;border-top:2px solid #F5D9A3; }

td.botLine { border:0px;border-bottom:2px solid #F5D9A3; }

td.rightCap { border:2px solid #F5D9A3;border-left:0px; }

td.rightSide { padding-right:2px;border-right:2px solid #F5D9A3; }

td.leftCap { border:2px solid #F5D9A3;border-right:0px; }

td.rightTopCap { border-right:2px solid #F5D9A3; }

td.rightBotCap { border-right:2px solid #F5D9A3; }