/* Common Styles commented 

body { margin: 10px 0; }

Common End */

td
{
    padding-right: 0;
}

select
{
}

.big
{
    font-weight: bold;
}

/*a { color: #F0F; text-decoration: none; font-weight: normal; }
a:hover { text-decoration: underline; }*/

/*.author { color: #F0F; margin-top: 12px;}*/
.key
{
    color: #888;
    padding-right: 10px;
    vertical-align: top;
    font-weight: bold;
}
.keysmall
{
    color: #666;
    padding-right: 10px;
    vertical-align: top;
}
.foundwordskey
{
    color: #333;
    padding-right: 10px;
    vertical-align: top;
}

.foundwords
{
    color: #333;
    width: 100%;
    vertical-align: top;
}

.spidersource
{
    color: #333;
    vertical-align: top;
    white-space: nowrap;
}

.snippet
{
    /*color: black;*/
    line-height: 130%;
    margin: 8px 0 0;
}
.snippet2
{
    /*color: black;*/
    line-height: 130%;
}
.snippet2zoom
{
    /*color: black;*/
    line-height: 130%;
    font-size: 15px;
}
dd.snippet2
{
    width: 65%;
    float: right;
}
dd.snippet2 a
{
   /* color: #0f6cb6; */
    text-decoration: none;
}
dd.snippet2 a:hover
{
    /* color: #0f6cb6; */
    text-decoration: underline;
}
dd.snippet2zoom
{
    width: 70%;
    float: right;
    font-size: 15px;
}


.titleco
{
   /* color: black;*/
    margin-top: 3px;
    line-height: 130%;
    border-collapse: collapse;
    margin-left: 0px;
    width: 100%;
}
.titlecozoom
{
    color: black;
    margin-top: 3px;
    line-height: 130%;
    font-size: 15px;
    width: 80%;
}
.pubyear
{
    text-align: right;
    padding-right: 4px;
}
.exact
{
    border-bottom: 1px double black !important; /* background-color:#FFCD00; */
}
.nonexact
{
    border-bottom: 0px solid #888;
    background-color: #FFFF00;
}
.history
{
    border-bottom: 1px dashed #DDD;
}
.smaller
{
}
.small
{
}
.url
{
    color: Blue;
    text-decoration: underline;
}
b
{
    font-weight: normal;
}

.counts
{
    margin-top: 8px;
}

.separator
{
    border-top: 0px solid #C5CCCF;
    height: 1px;
    background: url(/App_Themes/Images/border.gif) repeat-x bottom center;
}
.separator2
{
    border-top: 0px solid #C5CCCF;
    height: 2px;
    background: url(/App_Themes/Images/border3.gif) repeat-x bottom center;
}

#pagefeedbacks
{
    /*background: url(/images/border.gif) bottom left repeat-x;*/
    padding: 1px 0;
    margin-left: 2%;
}

.swfeedback
{
    margin: 0px;
    color: navy;
    padding: 3px;
}
.swfeedbacks
{
    margin: 0px;
    margin-bottom: 4px;
    color: black;
    padding-bottom: 4px;
}
#pagefeedbacks .swfeedbacks
{
    width: 100%;
}

.sorterfeedback
{
    color: #777;
    font-weight: normal;
}
.sorterfeedback select
{
    color: #666;
}
.swfeedbacks strong
{
    color: #F0F;
}
.swfeedbacks .item
{
    font-style: italic;
    font-weight: bold;
}

.reslink
{
    text-align: right;
}
.reslink a
{
    background-image: url(/App_Themes/Images/brkblue.gif);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    padding-left: 15px;
}
.feedbackextra
{
    background-color: #F0F8FF;
}
.title
{
    color: black;
    font-weight: bold;
    border-top: 1px solid #D8D8D8;
    padding-top: 8px;
}
.title2
{
    color: black;
    padding-top: 0px;
}
.numberexact
{
    padding-top: 10px;
    vertical-align: top;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    border-top: 1px solid #D8D8D8;
}

.alignRight
{
    text-align: right;
}
.alignLeft
{
    text-align: left;
}
.alignCenter
{
    text-align: center;
}
.alignJustify
{
    text-align: justify;
}

.debug
{
    display: none;
}
.debugkey
{
    color: #c88;
}

.navsection
{
    padding-bottom: 2.5em;
    line-height: 140%;
}
.navblk
{
    position: absolute;
    text-align: center;
    width: 32%;
    overflow: hidden;
}
.navpage
{
    cursor: pointer;
    padding: 0 10px;
    font-weight: bold;
    white-space: nowrap;
}

.navsection
{
    text-align: center;
    width: 100%;
    margin-bottom: 1em;
}
.navsection .disabledlink
{
    white-space: nowrap;
}
#navLeft
{
    text-align: left;
    float: left;
    width: 35%;
    margin-top: 5px;
}
#navPages
{
    text-align: center;
    float: left;
    width: 30%;
    margin-top: 5px;
}
#navRight
{
    text-align: right;
    float: right;
    width: 33%;
    margin-top: 5px;
    margin-right: 5px;
}

#navPages .navpage
{
    padding: 0;
}
#navLeft .navpage
{
    padding-right: 0;
}
#navRight .navpage
{
    padding-left: 0;
}


.topright
{
    width: 0px;
}
.smallwarning
{
    padding-top: 3px;
    color: #E20;
}
.mediumwarning
{
    line-height: 110%;
    color: #E20;
}

.swverschueren
{
    margin-bottom: 8px;
    color: black;
    padding-left: 70px;
}
.swverschttl
{
    color: #666;
}

hr
{
    width: 100%;
    height: 1px;
    color: white;
}
h2
{
  /*  font-family: Arial, Verdana, Sans-Serif;
    font-size: 11pt;
    color: #F0F;
    font-weight: bold;
    margin-bottom: 4pt;
    margin-top: 4pt;*/
}
h3
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 10pt;
    font-weight: bold;
    background: transparent url(/App_Themes/Images/h3_refine.png) repeat-x top left;
    margin: 7px 0 4px;
    padding: 5px 0 7px 10px;
}

.larger
{
    line-height: 140%;
    padding: 1em;
    border-left: 6px solid #080;
}

.extres
{
    padding: 0 0 0 32px;
    margin-bottom: 12px;
    border-left: 2px solid #B0C4DE;
    border-top: 2px solid #B0C4DE;
    background: #eee;
}
.extfields
{
    background: white;
}
.extres h2
{
    background: #eee;
    margin: 0;
    padding: 0.2em 0 0.3em 0.3em;
}
.extres p
{
    margin: 0;
    padding: 0.2em 0 0.3em 0.3em;
    background: white;
}

.currentpage
{
    font-weight: bold;
    color: #F0F;
}
.disabledlink
{
    font-weight: bold;
    color: #DDD;
    padding: 10px;
}

/*
#userfeedback
{
    padding: 8px;
    padding-left: 70px;
    padding-top: 1px;
    padding-bottom: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-left: -70px;
    color: black;
    background: url(/images/userback.gif) left top no-repeat;
}
#pagefeedbacks #userfeedback
{
    margin-left: 0 !important;
}
*/
#printlink
{
    position: absolute;
    right: 16px;
    top: 10px;
    text-decoration: underline;
    display: none;
}

.rssfeeds
{
    position: absolute;
    color: #888;
    top: 10px;
    right: 10px;
}
.rssfeeds img
{
    vertical-align: top;
}
.rssfeeds a
{
    color: #00C;
}

/* inline refine/federated */
/*
#resultbar { position: absolute; width: 68%; height: 100%; left: 1%; }
#refinebar { position: absolute; width: 28%; left: 71%; padding: 0 0 0 1%; text-align: left; font-size: 11px; }
*/
#resultpage
{
    overflow: hidden;
    width: 100%;
    min-width: 1000px;
}

html > body #resultbar
{
    float: left;
    width: 68%;
    margin-left: 2%;
    display: inline;
}
#resultbar
{
    float: left;
    width: 68%;
    margin-left: 2%;
    display: inline;
}
#resultbar li
{
    margin-top: 2px;
}

#refinebar
{
    float: right;
    width: 29%;
    padding: 0;
    text-align: left; /*background: #E6EBEE url(/images/refback.gif) repeat-x top center;*/
    padding-bottom: 32050px;
    margin-bottom: -32000px;
}
#refinebar ul
{
    margin: 0 0 4px 36px;
    padding: 0;
}
#refinebar li
{
    margin-top: 3px;
    color: #d8d8d8;
    list-style-image: url(/App_Themes/Images/brkblue.gif);
}
#refinebar p
{
    margin: 6px 0 0 10px;
}
#refinebar .relevant
{
}
#refinebar .more
{
    color: #88F;
}
#refinebar .smallish
{
    color: #888;
    text-decoration: none;
}
#refinebar a
{
    color: #377998;
    text-decoration: none;
}
#refinebar a:hover
{
    text-decoration: underline;
}

#refineheader
{
    width: 100%;
    margin-right: 0%;
    clear: right;
    margin-bottom: 10px;
    height: 22px;
}
.swfeedbacks a
{
    color: #377998;
}
.swfeedbacks a:last-child
{
    color: #555;
    cursor: default;
}
.swfeedbacks a:last-child:hover
{
    text-decoration: none;
}
* html .swfeedbacks a
{
    color: expression(this.nextSibling==null?'#555':'#377998');
    cursor: expression(this.nextSibling==null?'default':'pointer');
}
* html .swfeedbacks a:hover
{
    text-decoration: expression(this.nextSibling==null?'none':'underline');
}

span.term_0, span.term_1, span.term_2
{
    /*background:#A9A9A9 url(/images/crumbtrail/0m.png) left top fixed;*/
    display: block;
    float: left;
    height: 10px;
    padding: 4px 0 8px 0;
    margin: 0px;
    color: #000;
}
span.term_0
{
    background-image: url(/images/0m.png);
}
span.term_1
{
    background-image: url(/images/1m.png);
}
span.term_2
{
    background-image: url(/images/2m.png);
    color: #FFF;
}
span.term_2 a
{
    color: #FFF;
}

.saveortag
{
    background-image: url(/images/saveortag.png);
    width: 81px;
    height: 18px;
    position: relative;
    padding-top: 4px !important;
    color: White;
}
.similar, .similaron
{
    cursor: pointer;
    background-image: url(/images/findsimilar.png);
    width: 81px;
    height: 18px;
    position: relative;
    padding-top: 4px !important;
}
.similaron
{
    background-image: url(/images/findsimilar.png);
}

/*.swfeedbacks a {color:#FFF;} */

#branchSel
{
    width: 96%;
}
/* An option in the branch selection drop down has class "branchid" if there are no sublevels
	for any branches, otherwise the levels are marked postfixed with their depth, so the root 
	branches	will have class "level0", their children "level1" etc. */
/* Flat branch selection drop down is displayed using normal font-weight. */
#branchSel .branchid
{
    width: 96%;
    font-weight: normal;
}
/* When hierarchies exist (there are sublevels), default behaviour is to mark root branches
	bold to make this explicit. */
#branchSel .level0
{
    width: 96%;
    font-weight: bold;
}

#refinebar div
{
    display: block;
    position: relative;
}

div#fedload
{
    padding: 2em;
    margin: 2em;
    border-left: 1px dotted #aaa;
}
div#fedload h1
{
    font-size: 120%;
    color: #333;
}
div#fedload p
{
    color: #888;
}

#resulttable div
{
    padding: 0;
}
#resulttable tr
{
}
#resulttable tr.titletr td.logo
{
    background: transparent url(/images/div_title.png) repeat-x top right;
}
#resulttable
{
}

.logo, .last .logo
{
    width: 40px;
    vertical-align: top;
    padding: 8px 0px 0;
    /*text-align: right; border-top:1px solid #5B8AA4; border-width:1px 0 0 1px;*/
}
.last .logo
{
    /*border-width:1px 0 1px;*/
}

/*TODO: Check that .logoContainer works when both cover image and type imgae */

.content, .last .content
{
    padding: 0px 0px 10px 0px;
    height: 50px;
    line-height: 140%;
    vertical-align: top; /*border-top:1px solid #5B8AA4; border-width:1px 0 0;*/
}
.last .content
{
    /*border-width:1px 0;*/
}

/* this should give dimensions to the title container row on the results */
div.titleRowContentDiv
{
    width: 100%;
    min-height: 122px;
}

div.titleRowContentDiv .logoContainer
{
    padding-top: 10px;
}

.doeCoverContainer
{
    width: 85px;
    padding: 5px;
    text-align: center;
    vertical-align: top;
}


.cover, .last .cover
{
    max-width: 65px;
    padding: 5px;
    text-align: center;
    vertical-align: top; /*  border-top:1px solid #5B8AA4; border-width:1px 0 0 1px; */
}
.last .cover
{
    /* border-width:1px 0 1px; */
}
/*.cover img, .last .cover img { width:100%; } */

.catalog
{
    line-height: 115%;
}
/*.alternate { background-color:#DDD; } */
.summary
{
    color: black;
}
.titlenew span
{
    color: #0073AC;
    font-family: arial, verdana;
    font-size: 10pt;
    font-weight: bold;
    line-height: 110%;
}
.titlenew a, .titlenew a:visited
{/*
    color: #0073AC;
    font-family: arial, verdana;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    padding-bottom: 4px;*/
    font-size:15px;
}
.titlenewzoom a, .titlenew a:visited
{/*
    color: #0073AC;
    font-family: arial, verdana;
    font-weight: bold;
    text-decoration: none;
    padding-bottom: 4px;
    font-size: 10pt;
*/
font-size:15px;
}
.titlenew a:hover
{
    text-decoration: underline;
    padding-bottom: 4px;
    /*color: #0f6cb6;*/
}
.pubyear
{
    float: right;
}
.more a
{
    color: #0f6db7 /*color: #6c6c6c;*/;
}
.onlyinlibrary
{
    text-align: right;
    padding: 0px;
    background-color: #EFF9E6;
    padding: 1px;
}
#resultfeedbacks
{
    padding-left: 70px;
    margin: 0;
}
.fb-undup
{
    background-image: url(/App_Themes/Images/brkblue.gif);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    padding-left: 15px;
}
.subjectkey
{
    color: #000000;
    white-space: nowrap;
    float: left;
    font-weight: bold;
}
.subjectkeyzoom
{
    white-space: nowrap;
    float: left;
    font-size: 15px;
}
.innerlist
{
    border-collapse: collapse;
    margin-left: 0px;
    margin-top: 2px;
    width: 100%;
}
.innerlist td
{
    padding: 0;
    padding-right: 1em;
    vertical-align: top;
}

/* -- floating federation panel */
#federation
{
    /* IE6 hack part 1 */
    position: absolute;
    right: 0;
    width: 28%;
    bottom: -10px;
    background: white;
}
body > div#federation
{
    /* proper browsers */
    position: fixed;
    width: 28%;
    z-index: 2001;
}

#federation
{
    margin: 0;
    padding: 0;
    padding-left: 1%;
    background: #F0F;
}
#federation .waiting
{
    padding-left: 28px;
    background: url(/images/loading.gif) 8px center no-repeat;
    padding-top: 6px;
}
#federationtextheader
{
    margin: 0;
    _margin-left: 6px;
    padding: 0;
    padding-top: 9px;
    padding-left: 1%;
    padding-bottom: 6px;
}
#federationctl
{
    float: right;
    padding: 12px;
}
#federationlist
{
    padding-bottom: 4px;
}
#federationlist p
{
    padding-left: 18px;
    padding-bottom: 4px;
}
#federationlist ul
{
    margin-left: 16px;
    _margin-left: 24px;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-right: 0px;
    padding: 0px;
}
#federationlist li
{
    margin-top: 3px;
    list-style-image: url(/images/brkblack.gif);
}
#federationlist .federationerror a
{
    color: white;
}
#federationlist a
{
    color: black;
}
#federationlist li .smallish
{
    color: White;
}

.cnt
{
     color: #106cb7    
}
.cntzoom
{
    font-size: 15 px;
}

#poweredby
{
    width: 95%;
    height: 12px;
    margin: 0;
    margin-bottom: 12px;
    padding: 0;
    background: url(/images/poweredbylibrary.gif) center right no-repeat;
}

#wikipedia_result
{
    margin: 4px 0;
}
/*  min-height: 37px;  background: url(skin.ashx?skin=hybrid-blue&u=img/wikipedia_logo.gif) no-repeat 9px 0; */
#wikipedia_document
{
    margin-left: 70px;
}
#wikipedia_title
{
    font-weight: bold;
}
#wikipedia_loading
{
}


/*
.wikipedia #wikipedia_title { font-weight: bold; }
.wikipedia_disabled 
{
	border: solid 1px #CCCCCC;
	padding: 5px 5px 5px 5px;			
}
.wikipedia #wikipedia_heading 
{ 
	font-weight: bold;
	color: #666666;
}
*/

/* -- print friendly -- */
@media print
{
    body, html
    {
        font-family: Arial, Georgia;
        line-height: 140%;
    }
    body
    {
        margin: 1em;
    }
    .rssfeeds
    {
        display: none;
    }
    #refinebar
    {
        display: none;
    }
    div#fedload
    {
        display: none;
    }
    #federation
    {
        display: none;
    }
    .debug
    {
        display: none;
    }
    .enhancedcontent
    {
        display: none;
    }
    .navsection
    {
        display: none;
    }
    #resulttable tr
    {
        margin: 1em;
    }
}

.innerlist dd, .innerlist dt
{
    margin: 0;
    padding: 0;
    line-height: 1.4em !important;
}
.innerlist dl
{
    clear: both;
    overflow: auto;
    margin: 0;
    padding: 0;
    overflow-y: visible;
}

/* Style for Syndetics Ice */

/* Even row coloring. */
.ice_shortrecord_toc_row1
{
    background-color: #eeeeee;
}
.lblVisualQuery
{
    color: #0073AC;
    font-family: arial,verdana;
    font-size: 10pt;
    font-weight: bold;
    padding-bottom: 4px;
    text-decoration: none;
}

.bipQuantity
{
    float: left;
    width: 70px;
    padding: 5px;
}

.bipNote
{
    float: left;
    width: 110px;
    padding: 5px;
}
/*
.work
{
    background: url("/Images/userback.gif") no-repeat scroll left top transparent;
    margin: 0 0 4px;
    padding: 4px 4px 4px 25px;
    position: relative;
}
*/
.viewstock
{
    text-decoration: none;
}
.viewstock:hover
{
    cursor: pointer;
    text-decoration: underline;
}

.dvbutton-gold
{
    width: 140px;    
    background-image: URL(/App_Themes/Images/button_gold_bg.jpg);
    background-repeat: repeat-x;
    display: block;
    padding:3px;
    padding-left:5px;
    text-align: center;
    color: #000;
    font-size:10pt;
    font-weight: bold;
    text-decoration: none;
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
     border-radius:10px 10px 10px 10px;
}

span.button-gold
{
    width: 140px;    
    background-image: URL(/App_Themes/Images/button_gold_bg.jpg);
    background-repeat: repeat-x;
    display: block;
    padding:3px;
    padding-left:5px;
    text-align: center;
    color: #000;
    font-size:10pt;
    font-weight: bold;
    text-decoration: none;
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
     border-radius:10px 10px 10px 10px;
}
span.button-gold:hover
{
    background-image: URL(/App_Themes/Images/button_gold_bg.jpg);
    background-repeat: repeat-x;
    color: #000;
    cursor: pointer;
    text-decoration: underline;
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
}
/******************Tag Cloud********/
#tagCloud
{
    min-width: 250px;
    /* background-color: #FFFFFF;*/
    text-align: center;
    padding: 5px;
    overflow: auto;
    font-size: 80%;
    font-family: arial,Verdana,Sans-Serif;
    overflow-y: hidden;
    margin-top:10px;
}
#tagCloud h2
{
    color: #ffffff;
    font-size: 2.5em;
    margin: 0 0 10px 0;
    padding: 15px 0 15px 80px;
}
#tagList
{
    margin: 0;
    padding: 0;
}
#tagList li
{
    list-style-type: none;
    float: left;
    margin: 0 10px;
    height: 24px;
}


.layer1
{
}

.tagCloudHeading
{
    color: White;
    background-repeat: repeat-x;
    cursor: pointer;
    background-color: #106cb7;
    padding: 10px 0px 5px 0px;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    height: 18px;
    width: 100%;
}
.tagCloudContent
{
    background-color: #fafafa;
    height: auto;
    width: 100%;
    max-height: 300px;
}

.rssLink
{
    border: 0px;
}



/******************Tag Cloud********/

a.button_blue_link
{
    color: #FFF;
}
a.button_blue_link:hover
{
    color: #000;
    text-decoration: underline;
}


/****************************Refine options********/

.refFolder, .refUnfolder 
{
   padding-left: 12px;
   background: transparent url(/App_Themes/Images/down-subtle.png) no-repeat center left;
   cursor:pointer;
    color:#336699;
}

.refUnfolder
{
    color:#336699;
   background: transparent url(/App_Themes/Images/right-subtle.png) no-repeat center left;
}
.refFolded
{
   display: none !important;
}
.refUnfolded
{
    color:#336699;
   display: block !important;
}
.refFolded :hover { text-decoration:underline; }
.refUnfolded a:hover { text-decoration:underline; }
.refUnfolded li:hover { text-decoration:underline; }

.refFolder:hover
{
   background-image: url(/App_Themes/Images/right-subtle.png);
    color:#336699;
}
.refUnfolder:hover
{
    color:#336699;
   background-image: url(/App_Themes/Images/down-subtle.png);
}
.divRatingStar
{
    width:auto;
    height:auto;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:-1px;
    float:left;
}