@charset "utf-8";
/* CSS Document */

html {
    /*    background:url(/static/img/body_top_bg2.png) repeat-x top left;*/
    background:url(/static/img/solid.png) repeat;
/*    background-colorΧ:#fff8d4;*/
    background-color:#fff;
    /*    font-familyX:Arial, Helvetica, sans-serif;*/

}
body {

}

H1              { font-size: 2em; margin: .67em 0 }
H2              { font-size: 1.5em; margin: .83em 0 }
H3              { font-size: 1.17em; margin: 1em 0 }


body .header_seperator {
    background-color:#a90329;
    height:2px;
}

html, body {
    height:100%; /* needed for container min-height */
    font-size:small;
}

/*CSS for Footer @ bottom*/
div#container {
    position:relative; /* needed for footer positioning*/
    margin:0 auto; /* center, not in IE5 */
    width:100%;
/*    backgroundX:#f0f0f0;*/
    height:auto !important; /* real browsers */
    height:100%; /* IE6: treaded as min-height*/
    min-height:100%; /* real browsers */
}



div#content {
    padding-bottom:5em; /* bottom padding for footer */
}



div#footer {
    position:absolute;
    width:100%;
    bottom:0; /* stick to bottom */
    background:#ddd;
/*    border-topX:6px double gray;*/
    background:url(/static/img/solid.png) repeat;
    /*    background:url(/static/img/footer_bg.png) repeat-x top left;*/
    padding-topX:5em;
    height:200px;
}

#footer #footer-container {
    margin:auto;text-align:left;
    width:1000px;min-width:1000px;
}
#footer #footer-header {
    height:40px;
    border-bottom:1px solid #999999;
    border-left:1px solid #999999;
    border-right:1px solid #999999;

    background-color:#ffffff;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    -moz-border-bottom-left-radius:2px;
    -moz-border-top-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
}
#footer #footer-container .lib-gd {
    padding:1em;
}
#footer #footer-container .lib-gd .lib-u {
    text-align:right;
}

#footer #footer-container .lib-gd .lib-u p {
    padding: 7px 0;
/*    background-colorX:#0F3;*/
}

#footer #footer-container .lib-gd .lib-u p a, #footer #footer-container .lib-gd .lib-u p a:hover, #footer #footer-container .lib-gd .lib-u p a:visited{
    /*    color:#ffffff;*/
    color: #5f5f5f;
    text-decoration: none;
}

#footer #footer-container .lib-gd .lib-u p a:hover {
    text-decoration:underline; 
}

#footer #footer-container .lib-gd .style-align-left {
    text-align:left;
}

#footer-operations {
}

/*.content-main-operations-placeholder {
    display:block;
    padding: 5px 10px 10px 0;
    text-align:right;
}*/
.social-iconify {
/*    background-color: yellow;*/
    padding: 25px;
}


#footer-social-networking{
   display:block;
    padding: 5px 10px 10px 0;
    text-align:right;
/*    background-color:cyan;*/
    margin-top:20px;
}

#facebook-logo{
    background:transparent url(/static/img/Facebook.png) scroll no-repeat center left;
}

#twitter-logo{
    background:transparent url(/static/img/Twitter.png) scroll no-repeat center left;
}

#blogger-logo{
    background:transparent url(/static/img/Blogger.png) scroll no-repeat center left;
}

#pinterest-logo{
    background:transparent url(/static/img/Pinterest.png) scroll no-repeat center left;
}

#gplus-logo{
    background:transparent url(/static/img/Google-Plus.png) scroll no-repeat center left;
}



ul#footer-tab-menu{
    padding-top:30px;
    list-style: none;
    margin: 0;
    padding: 7px 0;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
}

ul#footer-tab-menu li{
    display: inline;
    margin: 0 8px;
}

ul#footer-tab-menu a{
    text-decoration: none;
    padding: 0 0 3px;
    /*    color: #ffffff;*/
    color: #5f5f5f;
}

ul#footer-tab-menu a#current{
    border-bottom: 1px solid #F60;
}

ul#footer-tab-menu a:hover{
/*    border-bottomX: 1px solid #ffffff;*/
    background-colorX:#900;
    text-decoration:underline;
}


/* Header */
.lib-name-text, .univ-name-text {
    display:block;
    margin-left:100px;
    color:#ffffff;
    font-weight:bold;
}

.lib-name-text {
    font-size: 275%;
    margin-top:0.25em;
}

.univ-name-text {
    font-size:116%;
    text-transform:uppercase;
}

#logo {
    float: left;
    width: 382px;
    height: 75px;
    margin: 8px 0 6px 15px;

    background:transparent url(/static/img/library-logo-gr.png) no-repeat center left;
    overflow:visible;
}

/*  menu & footer tabs */
#header-operations, #quick-links{
    display:block;
    text-align: right;
    width:100%;
/*    background-colorX: yellow;*/
}

#header-operations{
    margin:0px 0 11px 0;
}

#quick-links {
    float:left;
} 

#innerSearchContainer {
    float:right;
    margin-bottom: 10px;
}

select#qLinks{
    float:right;
    font-size:12px;
    padding:4px;
    /*    padding-left:100px;*/
    border:solid 1px #aacfe4;
    width:200px;
    margin:2px 0 20px 5px;
    height:30px;
}

ul.menutabs{
    list-style: none;
    margin-top:12px;
/*    paddingX: 7px 0;*/
    font-weight: normal;
    white-space: nowrap;
    padding: 10px 20px 10px 20px;
}

ul.menutabs li{
    display: inline;
    margin: 0 8px;

}

ul.menutabs a, ul.menutabs a:visited{
    text-decoration: none;
    padding: 0 0 3px;
    color: #ffffff;
    padding: 22px 13px 13px 13px;
    margin-top:40px;
}

ul.menutabs a#current, ul.menutabs a:hover{
    border: 1px solid #7b0c26;
    color:#ffffff;
    background:url(/static/img/header_operations_bg.png) repeat-x top left;
    text-decoration:underline;
    padding: 21px 12px 12px 12px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    -moz-border-bottom-left-radius:2px;
    -moz-border-top-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;

}


/* Secondary Header Placeholder */
#secondary-header-placeholder{
/*    background-colorX:yellow;*/
    /*    border:1px solid #ffffff;*/
    border-top:1px solid #999999;
    border-left:1px solid #999999;
    border-right:1px solid #999999;
    height:180px;
/*    widtXh:100%;*/

    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-top-left-radius:2px;
    -moz-border-top-right-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
}
/* red box (the one with the gradient effect) */
/*#header-main-category-boxXX {
    position: relative;
    height: 178px;
    width:327px;
    margin-left:669px;
        border: 1px solid #7b0c26;
    border:1px solid #cc0000;
    background:url(/static/img/header_main_category_box_bg.png) repeat;

}*/
/*.up-b > .hd728 > div#redTitle {Xwidth:300px;}*/

/* text styling inside red box */
/*#header-main-category-textXX {
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-size: 189%;
    font-weight: normal;
    letter-spacing: 0.1em;
    color: #ffffff;
    padding: 10px 0px 0px 50px;
}*/

/* image on the left, next to red box */
#header-image {
    overflow: hidden;
    float: left;
    position: relative;
    height: 180px;
    width: 100%;
    padding:0;
    margin: 0;

/*    background-colorXX: yellow;*/
    /*    background:transparent url(/static/img/databases_1.jpg) scroll no-repeat top left;*/
}

.slider1 div { position: relative; margin: 0px; padding: 0px; }
.jssorn03 div, .jssorn03 div:hover, .jssorn03 .av
{
    background: url(/static/img/n03.png) no-repeat;
    overflow:hidden;
    cursor: pointer;
}
.jssorn03 div { background-position: -5px -4px; }
.jssorn03 div:hover, .jssorn03 .av:hover { background-position: -35px -4px; }
.jssorn03 .av { background-position: -65px -4px; }
.jssorn03 .dn, .jssorn03 .dn:hover { background-position: -95px -4px; }
.jssord20l, .jssord20r, .jssord20ldn, .jssord20rdn
{
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(/static/img/d20.png) no-repeat;
    overflow:hidden;
}
.jssord20l { background-position: -3px -33px; }
.jssord20r { background-position: -63px -33px; }
.jssord20l:hover { background-position: -123px -33px; }
.jssord20r:hover { background-position: -183px -33px; }
.jssord20ldn { background-position: -243px -33px; }
.jssord20rdn { background-position: -303px -33px; }
.captionOrange, .captionBlack
{
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
}
.captionOrange
{
    background: #EB5100;
    background-color: rgba(235, 81, 0, 0.6);
}
.captionBlack
{
    font-size:16px;
    background: #000;
    background-color: rgba(0, 0, 0, 0.4);
}
a.captionOrange, A.captionOrange:active, A.captionOrange:visited
{
    color: #ffffff;
    text-decoration: none;
}
a.captionOrange:hover
{
    color: #eb5100;
    text-decoration: underline;
    background-color: #eeeeee;
    background-color: rgba(238, 238, 238, 0.7);
}

/* BD css */
.lib-t8 #lib-main {

    padding-bottom:80px;
}
#bd .lib-t8 #lib-main .lib-b{
/*    background-colorXX:white;*/
    margin-right:14px;
}

#bd {
    /*    background:url(/static/img/content_bg.png) no-repeat top left;*/
    border-left:1px solid #999999;
    border-right:1px solid #999999;
    background-color:#fff;
    border-top:1px solid #7da29a;
    padding-bottom:200px;

}


/* left navigation bar */

.lib-t8 .lib-b ul.navigation{
    border:1px solid #ecf1f5;
    margin: 0;
    margin-left:1px;
    padding: 0;
    background-color:#fafcfe;
}

.lib-t8 .lib-b ul.navigation li, .lib-t8 .lib-b ul li ul li{
    margin: 1px;
    padding:0;
    list-style:none;

}

.lib-t8 .lib-b ul.navigation li a, .lib-t8 .lib-b ul li a:visited{
    display: block;
    padding: 5px 10px;
    width: 178px;
    color: #5f5f5f;
    text-decoration: none;
    border:1px solid #dde7d4;
}

.lib-t8 .lib-b ul.navigation li a:hover, /*.lib-t8*/ .lib-b ul.navigation li.active a{
    background:url(/static/img/leftmenu_primary_bg.png) repeat-x top left;
    background-color: #6e0019;
    border:1px solid #7b0c26;
    color:#ffffff;
}

.lib-t8 .lib-b ul.navigation li ul {
    border:none;   
}

.lib-t8 .lib-b ul.navigation li ul li{
    margin-left:0px;
}

.lib-t8 .lib-b ul.navigation li ul li ul {
    margin-left:0px;
    margin-top:0;
    padding:0;
/*    background-colorXX: red;*/
}

.lib-t8 .lib-b ul.navigation li ul li ul li{
    margin-left:0px;
    margin-top:0;
/*    background-colorXX: grey;*/
}

.lib-t8 .lib-b ul.navigation li ul li a, .lib-t8 .lib-b ul.navigation li ul li a:visited
{

    display: block;
    padding: 5px 5px 5px 0px;
    width: 168px;
    text-decoration: none;
    border:1px solid #fafcfe;
    font-size: 92%;
    background:none;
    color:#5f5f5f;
/*    background-colorX: cyan;*/
}

.lib-t8 .lib-b ul.navigation li ul li a:hover, .lib-t8 .lib-b ul.navigation li ul li.active a.active{
    background:none;
    background-color:none;
    color: #7b0c26;
    text-decoration: underline;
    border:1px solid #fafcfe;
/*    background-colorXX: yellow;*/
}



.lib-t8 .lib-b ul.navigation li ul li ul li a, .lib-t8 .lib-b ul.navigation li ul li ul li a:visited{
/*    borderXX: 1px solid black;*/
    display: block;
/*    background-colorX: yellowgreen ;*/
    padding: 5px 5px 5px 15px;
/*    margin-leftX:10px;*/
    width: 153px;
    text-decoration: none;
    font-size: 92%;
    background-image:url(/static/img/leftmenu_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 .85em;
}

.lib-t8 .lib-b ul.navigation li ul li ul li a:hover, .lib-t8 .lib-b ul.navigation li ul li ul li.active a.active{
    background:none;
    background-color:none;
    colorΧ: #7b0c26;
    text-decoration: underline;
    background-image:url(/static/img/leftmenu_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 .85em;
}

/* Sitemap */

.lib-t8 #lib-main .lib-b ul.sitemap{
/*    borderXX:1px solid #000;*/
    margin: 0;
    margin-left:1.5em;
    padding: 0;
    background-color:#fafcfe;
}

/* breadcrumb placeholder */
.lib-t8 #lib-main .lib-b #breadcrumb-placeholder {
    color: #767676;
    padding: 5px 0 10px 0;
    margin-bottom: 25px;
}
/*
.lib-t8 #lib-main .lib-b #breadcrumb-placeholder ul {
    margin-left: 0;
    padding-left: 0;
    display: inline;
    border: none;
    background-colorX:#fff8d4;
} 

.lib-t8 #lib-main .lib-b #breadcrumb-placeholder ul li {
    margin-left: 0;
    padding:0;
    list-style: none;
    display: inline;
    color:#5f5f5f;
    font-weight:bold;
    line-height:2em;
}

*/
.lib-t8 #lib-main .lib-b #breadcrumb-placeholder  a, .lib-t8 #lib-main .lib-b #breadcrumb-placeholder  a:visited, figcaption a, figcaption a:visited{
    display:inline;
    border:none;
    color:#0350a6;
    padding:0;
    padding-top:0.4em;
    text-decoration: none;
}

.lib-t8 #lib-main .lib-b #breadcrumb-placeholder  a:hover, figcaption a:hover{
    background:none;

/*    colorX: #5f5f5f;*/
    text-decoration: underline;
}

/* content-main-title-placeholder */

#content-main-title-placeholder {
    color:#0350a6;
    font-size: 200%;
    border-bottom: 1px solid #7b0c26;
    padding-bottom: 10px;	
}

/* email, print icons */

.content-main-operations-placeholder {
    display:block;
    padding: 5px 10px 10px 0;
    text-align:right;
}
.iconify {
    padding: 2px 0 2px 20px;
}

#email-placeholder {
    background:transparent url(/static/img/icon_email.gif) scroll no-repeat center left;
}

#print-placeholder {
    background:transparent url(/static/img/icon_print.gif) scroll no-repeat center left;
}

.rss-placeholder {
    background:transparent url(/static/img/feed-icon-14x14.png) scroll no-repeat center left;
    margin-left:30px;
}
#vcf-placeholder {
    background:transparent url(/static/img/vcard.png) scroll no-repeat center left;

}

#page-content-placeholder {
    clear:left;
}

/* content-box-placeholder */ 
.content-box-right-placeholder{
    float: right;
    margin: 0 0 10px 10px;
    clear: right;
/*    borderX:4px double #06C;*/
    width:200px;
    border:1px solid #ecf1f5;
/*    background-coloXr:#fafcfe;*/
    background-color:#eae5d1;
}

.content-box-title-placeholder, .content-box-content-placeholder {
    border-bottom:1px solid #ecf1f5;
    padding:0.5em;
}

.content-box-title-placeholder{
/*    backgroundX:url(/static/img/footer_bg.png) repeat-x top left;*/
    background-color:#fafcfe;
    border-top:1px solid #ecf1f5;
/*    colorX:#ffffff;*/
    font-size:116%;
/*    font-weighXt:bold;*/
}

/* 3 Columns layout */
.left, .right, .middle {
    margin:0;	
    padding:0.5em 1em;
    margin-bottom:160px;
/*    background-colorX: yellowgreen;*/
}

.left ul li, .right ul li, .middle ul li {
    margin-bottom: 0.1em;
}

.left, .middle {
    border-right:1px dotted #ecf1f5;
}

.left {
    float:left;
    width:279px;
    margin:0; padding:0;
    padding-left: 10px;
    padding-right: 10px;
/*    background-color:#9F0;*/
}

.right {
    float:right;
    width:400px;
    margin:0; padding:0;
/*    background-color:#F93;*/
}

.middle {
    margin: 0 400px 0 300px;
/*    background-color:#0CF;*/
    padding:-100px;
}

.column-in {
    margin:0; padding:0.5em 1em;
    margin-left:7px;
    margin-right:7px;
    border:1px solid black;
}

.cleaner {
    clear:both;
    height:1px;
    font-size:1px;
    border:none;
    margin:0; padding:0;
    background:transparent;
}

/* Index page Navigation Links */


#bd .lib-b .left ul li, #bd .lib-b .middle ul li, #bd .lib-b .right ul li {
    list-style:none;
}

#bd .lib-b .right ul li, .middle ul li.blogpost {
    margin-bottom:1em;
}

#bd .lib-b .left ul li.main-category-placeholder, #bd .lib-b .middle ul li.main-category-placeholder, #bd .lib-b .right ul li.main-category-placeholder {
    margin:1.7em 0 0.5em 0;
    
}

#bd .lib-b .middle ul li.main-category-placeholder {
    margin-top:16px;

}


#bd .lib-b .left ul li a, #bd .lib-b .left ul li a:visited, #bd .lib-b .left ul li a:active, #bd .lib-b .middle ul li a, #bd .lib-b .middle ul li a:visited, #bd .lib-b .middle ul li a:active, 
#bd .lib-b .right ul li a, #bd .lib-b .right ul li a:visited, #bd .lib-b .right ul li a:active{
    color:#5f5f5f;
    color:#2e5a7a;
    color:#444444;

    text-decoration:none;
}

#bd .lib-b .left ul li.main-category-placeholder a, #bd .lib-b .middle ul li.main-category-placeholder a, #bd .lib-b .right ul li.main-category-placeholder a{
/*    font-weightΧ: bold;*/
    color: #0350a6;
    font-size: 116%;
    /*background-color: #c6ccd1;
    background-color: #d6dce1;
    background-color:#e1e8ed;*/
    display: block;

    border-color: #757575 #757575 hsl(0, 0%, 33%);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
    -webkit-font-smoothing: antialiased;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 4px;
    /*padding-left:8px;*/
    border-bottom: 1px solid #e1e8ed;

}

#bd .lib-b .right ul li.main-category-placeholder a{
    color:#6e0019;
    margin-right:10px;
}

.bubble {
    background: #2b509a;		
    position: relative;
    right:1px;
    top: -5px;
/*    margin-topX:-5px;*/
    padding: 0px 1px 1px 2px;
    color: #fff;
    font-size: 0.7em;

    -moz-border-radius:4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}



#bd .lib-b .left ul li a:hover, #bd .lib-b .middle ul li a:hover, #bd .lib-b .right ul li a:hover {
    text-decoration:underline;
}

#bd .lib-b .right ul li a span {
    display:block;
}

/*#bd .lib-b .right ul li a */span.date{
    font-weight:bold;
    font-size: 85%;
    background:transparent url(/static/img/clock.png) scroll no-repeat center left;
    color:#9b9b9b;
}

#bd .lib-b .right .more-operations-placeholder {
    display:block;
/*    background-colorX:yellow;*/
    padding:0.5em 2em;
    padding-left: 0;
}

/*#bd .lib-b .right .more-operations-placeholder a.XXXiconify#rss-placeholder {
    float:left;
}*/

#bd .lib-b .right .more-operations-placeholder a.more-announcements-textlink-placeholder {
    float:right;
    text-align:right;
    color:#6e0019;
    text-decoration:none;
}
#bd .lib-b .right .more-operations-placeholder a.more-announcements-textlink-placeholder:hover{
    text-decoration:underline;
}

/********************************
Events
********************************/

.eventDate, .eventTitle, .eventContent{
    display:block;
    padding-right:10px;
}
.eventDate{
    font-size: 95%;
    font-weight:normal;
/*    widthX:360px;*/
}

.eventTitle {
    font-size:105%;
    font-weight:bold;
    margin-bottom: 0.9em;
}

p.eventInfo {
    border-bottom: 1px solid #c4d194;
    color: #2f80c7;
    margin-right: 210px;
    padding: 3px;
}

p.announcementInfo {
    color: #2f80c7;
    padding: 3px;
}


/********************************
Announcements record
********************************/
#content-container
{
    float: left;
    width: 770px;
    background-attachment: yellow;
}

#leftcontent
{
    clear: left;
    float: left;
    width: 560px;
    padding: 20px 0;
    margin: 0;
    display: inline;
/*    background-colorX: cyan;*/
}



#rside
{
    float: right;
    width: 200px;
    padding: 20px 0;
    margin: 0;
    display: inline;

/*    background-colorX: green;*/
}

/********************************
Announcements archive
********************************/
/* generic styles for bulleted list */




div#rside .content-box-right-placeholder .content-box-content-placeholder ul li, div.lib-u.lefty ul li, div.lib-u.righty ul li, div.lib-b  div.lib-b ul li {
    list-style: none;
    background-image:url(/static/img/leftmenu_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 .4em;
    padding-left:10px;      
}

div#rside .content-box-right-placeholder .content-box-content-placeholder ul li a, div#rside .content-box-right-placeholder .content-box-content-placeholder ul li a:visited,  div.lib-u.lefty ul li a,  div.lib-u.lefty ul li a:visited, div.lib-u.righty ul li a,  div.lib-u.righty ul li a:visited{
    color:#0350a6;
    text-decoration: none;
}
div#rside .content-box-right-placeholder .content-box-content-placeholder ul li a:hover, div.lib-u.lefty ul li a:hover, div.lib-u.righty ul li a:hover{
    text-decoration: underline;
}


/********************************
content UI
********************************/

/*
#content {
        float:left;
        width: 720px;
        background:url(/static/img/content-background.png) repeat-x left top #0c111b;
        colorX: #fff;
        background-color: cyan;
}

#content.wide {
        width: 960px;
}

#content h1 {
        color: #fff;
        font-size:24px;
        padding:30px 20px 20px 30px;
}

#content h1.orange {
        color: #ff6600;	
}

#content h2 {
        font-size:17px;	
        padding: 0 0 10px 0;
}

#content a {
        color: #ff6600;	
}

#content a:hover {
        text-decoration:underline;
}
*/



#lib-main .lib-b .textblock, #cXontent .pimcore_area_simplewysiwyg {
    clear:both;
/*    paddingX: 10px 20px 20px 30px;*/
    font-size:1em;
    color: #292929;
    line-height:1.7em;	
}

#lib-main .lib-b .textblock h2{
    padding-bottom:5px;
    margin-bottom:5px;
/*    border-bottomX: 1px solid #fff;*/
}

#lib-main .lib-b .textblock h3{
/*    font-sizeX:14px;*/
    padding:15px 0 5px 0;
    margin-bottom:5px;
    border-bottom: 1px solid #fff;
}

#lib-main .lib-b .textblock p{
    padding:0 0 0.4em 0;	
}

#lib-main .lib-b .textblock p a, #lib-main .lib-b .textblock p a:visited, #lib-main .lib-b .textblock ul li a, #lib-main .lib-b .textblock ul li a:visited, #lib-main .lib-b .textblock ol li a, #lib-main .lib-b .textblock ol li a:visited{
    color:#0350a6;
    text-decoration: none;
}

#lib-main .lib-b .textblock p a:hover, #lib-main .lib-b .textblock ul li a:hover, #lib-main .lib-b .textblock ol li a:hover {
    text-decoration: underline;
}



#lib-main .lib-b .textblock .images {
    float:right;
/*    widthX: 200px;
    overflowX:hidden;*/
    padding:0 0 0 20px;

}

#lib-main .lib-b .textblock .images a, #lib-main .lib-b .textblock .images a.cboxElement img {
    display:block;
    float:left;
    position:relative;
    margin-bottom:20px;
}

#lib-main .lib-b .textblock .images a .zoom, .zoom {
    position:absolute;
    width: 26px;
    height:26px;
    background:url(/static/img/image-zoom.png) left top no-repeat;
    bottom: 10px;
    right: 10px;

}

/*
#content .textblock table {
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        border-collapse: collapse;
}

#content .textblock table td, #content .textblock table th {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        padding: 5px;
}

#content .textblock table th {
        background: url(/static/img/th-background.png) repeat-x left top;
}
*/

table#content-table{
    clear:both;
    padding: 0;
    margin: 0;
/*    margin-leftX:5%; 
    margin-rightX:5%;
    background-colorX:yellow;*/

}

#content-table  caption {
/*    background-colorX:cyan;*/
    padding: 0 5px 5px 0;
/*    margin-leftX:5%; 
    margin-rightX:5%;*/
    font-size: 85% ;
    font-style: normal;
    text-align: right;
}

#content-table  thead th {
    font: bold 85%   'DroidSansRegular', Arial, sans-serif;
    color: #4f6b72;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    text-align: left;
    padding: 6px 6px 6px 12px;
    background: #CAE8EA;
}
#content-table thead  th.nobg {
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #C1DAD7;
    background: none;
}

#content-table tbody tr th {
    font: bold 85%  'DroidSansRegular', Arial, sans-serif;
    color: #4f6b72;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    text-align: left;
    padding: 6px 6px 6px 12px;
    background: #CAE8EA ;
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #fff;
}

#content-table tbody tr td {
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    padding: 6px 6px 6px 12px;
    color: #4f6b72;
    font-size: 11px;
}

#content-table tbody tr.odd th {
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #f5fafa ;
    font: bold 85%   'DroidSansRegular', Arial, sans-serif;
    color: #797268;

}

#content-table tbody tr th  a, #content-table tbody tr th  a:visited, #content-table tbody tr td  a, #content-table tbody tr td  a:visited{
    display:inline;
    border:none;
    color:#0350a6;
    padding:0;
    padding-top:0.4em;
    text-decoration: none;
}

#content-table tbody tr th  a:hover,  #content-table tbody tr td a:hover{
    background:none;
    text-decoration: underline;
}

#content-table tbody tr.odd td {
    background: #F5FAFA;
    color: #797268;
}
/* the two below not needed*/
#content .textblock ul {
    list-style: none;
    padding: 0 0 0 20px;
}

#content .textblock li {
    list-style: none;
    background-image:url(/static/img/leftmenu_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 .4em;
    padding-left:10px; 

}


div.textblock ul {
    list-style: none;
    padding: 0 0 0 0.2em;
}

div.textblock ul li{
    list-style: none;
    background-image:url(/static/img/leftmenu_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 .6em;
    padding-left:10px; 

}

/*div.textblock ul li > ul li {*/
div.lib-b  div.textblock   ul   li   ul   li {
    list-style: none;
    background-image:url(/static/img/leftmenu_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 .6em;
    padding-left:10px; 

}



/*#content .contentteaser {
    clear:both;
    cursor:pointer;
    padding:30px 30px 20px 30px;
    height:135px;
    overflow:hidden;
    background:url(/static/img/video-teaser-background.png) left top no-repeat;	
    position:relative;
    color:#FFF;
}*/

/*#content .contentteaser .image {
    float:left;
    width: 210px;
    height: 140px;
    overflow:hidden;
    position:relative;
}

#content .contentteaser .playbutton {
    position:absolute;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 29px;
    background:url(/static/img/video-play.png);
}

#content .contentteaser h2 {
    width: 420px;
    font-size:17px;
    float:left;
    padding:0 0 20px 30px;
}

#content .contentteaser p {
    width: 420px;
    float:left;
    padding:0 0 0 30px;	
}

#content .contentteaser .link {
    position:absolute;
    left:270px;
    bottom: 15px;
    font-weight:bold;
}


#content .smallteasers {
    clear:both;
    height: 160px;
    overflow:hidden;
    color:#FFF;
    background:url(/static/img/content-small-teaser.png) top left repeat-x; 
}

#content .smallteasers .teaser {
    float:left;
    padding:20px;
    width: 200px;
    height:120px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
}

#content .smallteasers .teaser .background {
    background-position:right top;
    background-repeat:no-repeat;
}

#content .smallteasers .teaser h2 {
    font-size:17px;
    padding-bottom:10px;
    width: 200px;
    height:40px;
}

#content .smallteasers .teaser p {
    padding: 0 0 20px 0;	
}

#content .smallteasers .teaser a {
    position:absolute;
    bottom:20px;
    left: 20px;
}

#content .smallteasers .teaser .image {
    position:absolute;
    right:20px;
    top: 20px;
    width: 50px;
}

#content .smallteasers .teaser .image img {
    width: 50px;	
}


#content .featurelist {
    clear:both;
    padding:30px;
}

#content .featurelist ul {
    padding:10px 0 3px 0;	
    clear:both;
}
#content .featurelist ul li {
    float:left;
    display:block;
    padding:0 20px 0 0;
    list-style:none;
}

#content .featurelist ul li a {
    float:left;
    display:block;
    color: #ff6600;
    font-weight: bold;
    padding: 0 0 0 20px;
    background:url(/static/img/menu-arrow.png) left 7px no-repeat;
}

#content .featurelist .entry {
    padding:0 0 30px 0;	
    float:left;
}

#content .featurelist .image {
    float:left;
    width: 275px;
    padding-right:30px;
    overflow:hidden;
}

#content .featurelist .image img {
    width: 275px;
    border: 5px solid #3D424A;	
}

#content .featurelist .text {
    width: 355px;
    float:left;
    font-size:1.2em;
    line-height:1.7em;	
}*/

/********************************
Prev next paging
********************************/
div.pages {
    padding: 20px 0 10px 0;
    margin: 20px 0 10px 0;
    clear: left;
    font-size: 1.0em;
    text-align: center;
}

div.pages a, div.pages a:visited, .pages span {
    padding: 0.4em 0.5em;
    margin: 0.05em;
    background: #fff;
    border: 1px solid #9aafe5;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-decoration: none;
    color:#0000ff;
    font-size: 1.0em;
}

div.pages span.current {
    border: 4px solid #999;
    font-weight: bold;
    font-size: 1.2em;
    background: #2f80c7;
    color: #fff;
}


div.pages a:hover {
    color: #1c5c9a;
    border-color: #2f80c7;
    background: #ecf2f8;
    text-decoration:none !important;
}

div.pages a.nextprev, div.pages span.nextprev-off {

    font-weight:bold;
}
div.pages span.nextprev-off {
    border: 1px solid #ddd;
    color: #999;
}


/*

Urgent announcements
*/
ul.urgentAnnounce {
    display: block;
    background-color:#ffcf01;
    border: 1px dotted #cc6633;
    padding: 0 2px 0 2px;
    margin-left: 20px;
/*    margin-bottomX: 20px;   */
    margin-top:1.7em;
    width:360px;
}

ul.urgentAnnounce li.urgent-main-category-placeholder{
    margin-top:5px;
    font-weight: bold;
    font-size: 107%;
}

ul.urgentAnnounce li.urgent-main-category-placeholder a, ul.urgentAnnounce li a{
    color:black !important;
}


/*
* Form css
*/
form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
    margin:0 auto;
    width:400px;
/*    paddingX:14px;*/
}

/* ----------- stylized ----------- */
/*#stylized{
    border:solid 2px #b7ddf2;
    background:#ebf4fb;
}
#stylized h1 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
}
#stylized p{
    font-size:11px;
    color:#666666;
    margin-bottomX:20px;
    border-bottom:solid 1px #b7ddf2;
    padding-bottomX:10px;
}
#stylized label{
    display:block;
    font-weight:bold;
    text-align:right;
    width:140px;
    float:left;
}
#stylized .small{
    color:#666666;
    display:block;
    font-size:11px;
    font-weight:normal;
    text-align:right;
    width:140px;
}
#stylized input{
    float:left;
    font-size:12px;
    padding:4px;
    border:solid 1px #aacfe4;
    width:200px;
    margin:2px 0 20px 10px;
}
#stylized button{
    clear:both;
    margin-left:150px;
    width:125px;
    height:31px;
    background:#666666 url(img/button.png) no-repeat;
    text-align:center;
    line-height:31px;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
}
*/
div#formDiv {
    width:750px;
    border:solid 2px #b7ddf2;
    background:#ebf4fb;
    padding:10px;
}

div#formDiv h3 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
}
div#formDiv p{
    font-size:14px;
    color:#666666;
/*    margin-bottomX:20px;*/
    border-bottom:solid 1px #b7ddf2;
/*    padding-bottomX:10px;*/
}
div#formDiv div.row {
/*    backgroundXX:cyan;*/
    width:100%;
    display: block;
/*    borderXX:2px solid red;*/
    height:2.5em;
}

div#formDiv div.row .left {
    float: left;
    width: 230px;
/*    background-color: yellowgreen;*/
}

div#formDiv div.row .right { 
    margin: 0;
/*    margin-leftX:55px;*/
    float: right;
    width: 490px;
/*    heightX: 1%;  Holly hack for Peekaboo Bug */
/*    background-colorXX: blueviolet;*/

}

div#formDiv div.row .left  label{
    display:block;
    font-weight:bold;
    text-align:right;
    width:200px;
    float:left;
}
div#formDiv div.row .left  span.small{
    color:#666666;
    display:block;
    font-size:11px;
    font-weight:normal;
    text-align:right;
    width:200px;
}

div#formDiv div.row .right  input, div#formDiv div.row .aal-fix  input#other_txt{
    float:left;
    font-size:12px;
    padding:4px;
    border:solid 1px #aacfe4;
    width:470px;
/*    marginX:2px 0 20px 10px;*/
    height:20px;
}

/*
these two needed for checkboxes and IE fix for checkboxes
*/

div#formDiv div.row .aal-fix  input{
    border:none;
    width:auto;
}
div#formDiv div.row .aal-fix  input#other_txt{
    margin-top:0.3em;
}

div#formDiv div.row .right textarea{
    float:left;
    font-size:12px;
    padding:4px;
    border:solid 1px #aacfe4;
    width:470px;
/*    marginX:2px 0 20px 10px;*/
    height:120px;
}

div#formDiv form#form div.row div.right label {
/*    background-colorX: yellow;
    borderX: 2px solid red;*/
    display: block;
/*    padding-lefXt:0.5em;
    padding-bottomX:0.5em;*/
    padding-top:0.1em;
}

div#formDiv form#form div.row div.right label input {
    margin-right:0.5em;
    margin-bottom: 0.1em;
}

div#formDiv div.row .right  select{
    float:left;
    font-size:12px;
    padding:4px;
    border:solid 1px #aacfe4;
    width:480px;
/*    marginX:2px 0 20px 10px;*/
    height:30px;
}

div#formDiv div.row .right button, a.button{
    margin-top:30px;
    clear:both;
/*    margin-leftX:50px;
    widthX:125px;
    heightX:31px;*/

    text-align:center;
/*    line-height0X:31px;*/
    color:#FFFFFF;
    font-size:11px;
/*    font-weightX:bold;*/

    padding:4px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
    text-decoration: none;
    border-top:1px solid #1f6fc1;
    background-color:#2b509a;
}

div#formDiv div.row .right button:hover, a.button:hover{

    background:#4096ee;
    text-decoration: underline;
/*    colorXX:#3D424A*/

}

div#formDiv div.row .right button.space{
    margin-left: 10px;   
}

div.button-container {
    display:block;
    margin-top:100px;
}



/*
Index Form
*/
div#IndexFormDiv {
    width:300px;
    border:solid 2px #b7ddf2;
    background:#ebf4fb;
    padding:10px;
}

div#IndexFormDiv h3 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
}
div#IndexFormDiv p{
    font-size:14px;
    color:#666666;
/*    margin-bottomX:20px;*/
    border-bottom:solid 1px #b7ddf2;
/*    padding-bottomX:10px;*/
}
div#IndexFormDiv div.row {
/*    backgroundXX:cyan;*/
    width:100%;
    display: block;
/*    borderXX:2px solid red;*/
    height:2.5em;
}

div#IndexFormDiv div.row .left {
    float: left;
    width: 200px;
/*    background-color: yellowgreen;*/
}

div#IndexFormDiv div.row .right { 
    margin: 0;
/*    margin-leftX:55px;*/
    float: right;
    width: 40px;
/*    heightX: 1%;  Holly hack for Peekaboo Bug */
/*    background-color: blueviolet;*/

}

div#IndexFormDiv div.row .left  input{
    float:left;
    font-size:12px;
    padding:4px;
    border:solid 1px #aacfe4;
    width:190px;
/*    marginX:2px 0 20px 10px;*/
    height:20px;
}

div#IndexFormDiv div.row .right button{
    clear:both;
/*    margin-leftX:50px;*/
    width:31px;
    height:31px;
    background:#5f5f5f url(/static/img/button.png) no-repeat;
    text-align:center;
    line-height:31px;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
    border:1px solid #3D424A;
}

div#IndexFormDiv div.row .right button:hover{

    background:#696969 url(img/button.png) no-repeat;
    text-decoration: underline;
/*    colorXX:#3D424A*/

}

div#IndexFormDiv div.row .right button.space{
    margin-left: 10px;   
}

/********************************
Messages boxes
********************************/

.info, .success, .warning, .error, .validation, .result {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('error.png');
}

.result {
    color: #9F6000;
    background-color: #FEEFB3;
    display:block;
    clear:left;
}

/* table sorter */
table.tablesorter {
    clear:both;
    padding: 0;
    margin: 0;

    font-family:   'DroidSansRegular', Arial, sans-serif;
    /*    background-color: #CDCDCD;
        margin:10px 0pt 15px;
        font-size: 8pt;
        width: 100%;*/
    text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    font: bold 85%   'DroidSansRegular', Arial, sans-serif;
    color: #4f6b72;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
/*    border-topX: 1px solid #C1DAD7;*/
    text-align: left;
    padding: 6px 6px 6px 12px;
    background: #CAE8EA;
}
table.tablesorter thead  th.nobg {
    border:0px;
    background:#fff;
    border-bottom: 1px solid #C1DAD7;
}
table.tablesorter thead tr .header {
    background-image: url(/static/img/ascdesc.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody tr  td {
    border-left: 1px solid #C1DAD7;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    padding: 6px 6px 6px 12px;
    color: #4f6b72;
    font-size: 11px;
}
table.tablesorter tbody tr.odd td {
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #f5fafa ;
    /*    font: bold 85%   'DroidSansRegular', Arial, sans-serif;*/
    color: #797268;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(/static/img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(/static/img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}

table.tablesorter tbody tr th  a, table.tablesorter tbody tr th  a:visited, table.tablesorter tbody tr td  a, table.tablesorter tbody tr td  a:visited{
    display:inline;
    border:none;
    color:#0350a6;
    padding:0;
    padding-top:0.4em;
    text-decoration: none;
}

table.tablesorter tbody tr th  a:hover,  table.tablesorter tbody tr td a:hover{
    background:none;
    text-decoration: underline;
}

/*
* Staff details
*/
#lib-main .lib-b h2, #lib-main .lib-b h3 {
    margin:0;
    padding:0; 
}

#lib-main .lib-b h3 {
/*    border-bottomX: 1px solid red;*/
}

.staffOffice {
    font-size:95%;
    font-weight: bold;
}

.staffRank {
    font-size: 85%;
    font-weight: normal;
}

.staffOffice, .staffRank {
    margin-top:0.1em;
    display: block;
}

div#staffDiv {
    width:750px;
    border:solid 2px #b7ddf2;
    background:#ebf4fb;
    padding:10px;
}

div#staffDiv p{
    font-size:14px;
    color:#666666;
/*    margin-bottomX:20px;*/
    border-bottom:solid 1px #b7ddf2;
    padding-bottomX:10px;

}
div#staffDiv div.row {
/*    backgroundXX:cyan;*/
    width:100%;
    display: block;
/*    borderXX:2px solid red;*/
    height:2.5em;
}

div#staffDiv div.row .left {
    float: left;
    width: 230px;
/*    background-colorXX: yellowgreen;*/
}

div#staffDiv div.row .right { 
    margin: 0;
/*    margin-leftX:55px;*/
    float: right;
    width: 490px;
/*    heightX: 1%;  Holly hack for Peekaboo Bug */
/*    background-colorXX: blueviolet;*/

}

div#staffDiv div.row .left  label{
    display:block;
    font-weight:bold;
    text-align:right;
    width:200px;
    float:left;
}
div#staffDiv div.row .left  span.small{
    color:#666666;
    display:block;
    font-size:11px;
    font-weight:normal;
    text-align:right;
    width:200px;
}

/********************************
Index A-Z
********************************/
.indexaz {

    padding: 5px 0 5px 0;
    margin: 5px 0 5px 0;
    clear: left;
    font-size: 14px;
    text-align: center;
}

.indexaz a, .indexaz span {
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
}

.indexaz span.current {
    border: 1px solid #2e6ab1;
    font-weight: bold;
    background: #2f80c7;
    color: #fff;
}

.indexaz a {
    border: 1px solid #9aafe5;
    text-decoration: none;
}

.indexaz a:hover {
    color: #1c5c9a;
    border-color: #2f80c7;
    background: #ecf2f8;
    text-decoration:none !important;
}

.indexaz a, .indexaz a:visited {
    color:#4096ee;
}

.indexaz a.nextprev {
    font-weight: bold;
}

.indexaz span.nextprev {
    color: #666;
}

.indexaz span.nextprev {
    border: 1px solid #ddd;
    color: #999;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/** Page structure tweaks for layout editor wireframe */
body#layout #header {
    margin-left: 0px;
    margin-right: 0px;
}
/* div container containing the form */
#searchContainer {
    padding:20px;
    padding-left:130px;
    background-color: #f1f1f1;
}

#search-container-title {
/*    font-weightΧ: bold;*/
    color: #0350a6;
    font-size: 107%;
    margin:1.7em 0 0.5em 0;
}
/* Style the search input field. */
#field {
    float:left;
    width:530px;
    height:29px;
    line-height:29px;
    text-indent:10px;
    font-size:1em;
/*    font-weightX: bold;*/
    color:#333;
    background: #fff;
    border:solid 1px #d9d9d9;
    border-top:solid 1px #c0c0c0;
    border-right:none;

    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    -moz-border-bottom-left-radius:2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;

}
/* Style the "X" text button next to the search input field */
/*#delete {
    float:left;
    width:16px;
    height:29px;
    line-height:27px;
    margin-right:15px;
    padding:0 10px 0 10px;
    font-family: "Lucida Sans", "Lucida Sans Unicode",sans-serif;
    font-size:22px;
    background: #fff;
    border:solid 1px #d9d9d9;
    border-top:solid 1px #c0c0c0;
    border-left:none;
}
 Set default state of "X" and hide it 
#delete #x {
    color:#A1B9ED;
    cursor:pointer;
    display:none;
}
 Set the hover state of "X" 
#delete #x:hover {
    color:#36c;*/
/*}*/
/* Syle the search button. Settings of line-height, font-size, text-indent used to hide submit value in IE */
#submit {
    cursor:pointer;
    width:70px;
    height: 31px;
    line-height:0;
    font-size:0;
    text-indent:-999px;
    color: transparent;
    background: url(/static/img/ico-search.png) no-repeat #4d90fe center;
    border: 1px solid #3079ED;
    border-left: none;
    -moz-border-top-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    /*    -moz-border-radius: 15px;
    border-radius: 15px;*/

}
/* Style the search button hover state */
#submit:hover {
    background: url(/static/img/ico-search.png) no-repeat center #357AE8;
    border: 1px solid #2F5BB7;
    border-left:none;
}
/* Clear floats */
.fclear {clear:both}




/* -- */
#search-type{
    float:left;
    font-size:93%;
    padding:6px;
    height:31px;
    width: 130px;
    background-color: #fff;
    border:solid 1px #d9d9d9;
    border-top:solid 1px #c0c0c0;
    border-left:none;


    background: transparent;
    /*   width: 268px;
       padding: 5px;
       font-size: 16px;*/
    line-height: 1;

    border-radius: 0;
    /*   height: 34px;*/
    -webkit-appearanceX: none;
}


/***************************************
*
* Search styles for subject guides
*
**************************************/
/* div container containing the form */
/*#searchContainerSub {
    padding:20px;
    padding-leftX:130px;
    background-color: #f1f1f1;
}

#search-container-title {
    font-weightΧ: bold;
    color: #0350a6;
    font-size: 107%;
    margin:1.7em 0 0.5em 0;
}
 Style the search input field. 
#searchContainerSub form#search-form #field {
    float:left;
    width:339px;
    height:29px;
    line-height:29px;
    text-indent:10px;
    font-size:1em;
    font-weight:  bold;
    color:#333;
    background: #fff;
    border:solid 1px #d9d9d9;
    border-top:solid 1px #c0c0c0;
    border-rightX:none;

    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    -moz-border-bottom-left-radius:2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;

}
 Style the "X" text button next to the search input field 
#delete {
    float:left;
    width:16px;
    height:29px;
    line-height:27px;
    margin-right:15px;
    padding:0 10px 0 10px;
    font-family: "Lucida Sans", "Lucida Sans Unicode",sans-serif;
    font-size:22px;
    background: #fff;
    border:solid 1px #d9d9d9;
    border-top:solid 1px #c0c0c0;
    border-left:none;
}
 Set default state of "X" and hide it 
#delete #x {
    color:#A1B9ED;
    cursor:pointer;
    display:none;
}
 Set the hover state of "X" 
#delete #x:hover {
    color:#36c;
}
 Syle the search button. Settings of line-height, font-size, text-indent used to hide submit value in IE 
#searchContainerSub form#search-form #submit {
    cursor:pointer;
    width:340px;
    height: 31px;
    line-height:0;
    font-size:0;
    text-indent:-999px;
    color: transparent;
    background: url(/static/img/ico-search.png) no-repeat #4d90fe center;
    margin-top:20px;
    border: 1px solid #3079ED;
    border-leftX: none;
    -moz-border-radius: 2px;

    border-radius: 2px;

    -webkit-border-radius: 2px;

        -moz-border-radius: 15px;
    border-radius: 15px;

}
 Style the search button hover state 
#searchContainerSub form#search-form #submit:hover {
    background: url(/static/img/ico-search.png) no-repeat center #357AE8;
    border: 1px solid #2F5BB7;
    border-left:none;
}*/
/* Clear floats */
.fclear {clear:both}




/* -- */

/*div#searchContainerSub form#search-form select#search-type{
    float:left;
    font-size:93%;
    padding:6px;
    height:31px;
    width: 340px;
    background-color: #fff;
    border:solid 1px #d9d9d9;
    border-top:solid 1px #c0c0c0;
    border-leftX:none;
    -moz-border-bottom-right-radius: 2px;
    border--bottom-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border--bottom-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    background: transparent;
       width: 268px;
       padding: 5px;
       font-size: 16px;
    line-height: 1;

    border-radius: 0;
       height: 34px;
    -webkit-appearanceX: none;
}*/

/*
Subject guide styles
*/

.lefty {
/*    background-colorXX: cyan;*/
}

.righty {
/*    background-colorXX:yellowgreen;*/
}

.space-px{
    margin-bottom: 2.5em;
}
/********************************
liaison info card
********************************/
.border-left{
    border-left:1px solid #ecf1f5;


/*    background-colorXX: yellowgreen;*/
}
.widget-title{
/*    displayXX:block;*/
    padding: 1em !important;
/*    border-bottomXX: 1px solid  #ecf1f5;
    font-sizeXX: 116%;*/

}
.liaison-container{
/*    background-colorXX: yellow;
    paddingXX: 5px;*/
}

.inner-liaison-container{
    /*            display: table;*/
    padding-left: 1em;
/*    background-coloXXr: #415a84;*/
}





/********************************
OPAC tabs
********************************/

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px; /*--Set height of tabs--*/
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
}

/*.indexui ul.tabs {
    margin: 10px 0 0 100px;
     width: 800px;
}*/

ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 31px; /*--Subtract 1px from the height of the unordered list--*/
    line-height: 31px; /*--Vertically aligns the text within the tab--*/
    border: 1px solid #999;
    border-left: none;
    margin-bottom: -1px; /*--Pull the list item down 1px--*/
    overflow: hidden;
    position: relative;
    background: #e0e0e0;

}
ul.tabs li a {
    text-decoration: none;
    color: #000;
    display: block;
/*    font-sizeX: 1.2em;*/
    padding: 0 10px;
    border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
    outline: none;
}

ul.tabs li a:hover {
    background: #ccc;
}
ul.tabs li.active ,
ul.tabs li.active a:hover  {
    /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #fff;
    border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/

}

.tab_container {
    border: 1px solid #999;
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left;
    width: 100%;
}

/*.indexui .tab_container{
     width: 80%;
     margin-left:100px;
}*/
.tab_content {
    padding: 20px;
/*    font-sizeXX: 1.2em;*/
}
div.tab_content p {
    font-size: 0.9em;
}

/*

*/