/* this file contains resourceworks-specific styles, and styles applied
 * to HTML elements which are necessary for resourceworks to look ok. */

td {
    padding: 5px;
    text-align: left;
}


.rowheader { background-color: #c0c0c0 ; font-weight: bold ; text-align: center }
.row0 { background-color: #dadada }
.row1 { background-color: #f2f2f2 }
.adminrow0 { background-color: #e6a2a5 }
.adminrow1 { background-color: #f8b4b7 }

.twoweeksrow0 { background-color: #c49edc }
.twoweeksrow1 { background-color: #dabeec }
.fourweeksrow0 { background-color: #e48181 }
.fourweeksrow1 { background-color: #ed8a8a }

.overduekey {
    border: 1px solid black;
}

td.content { 
    vertical-align: top; 
    width: 100%;
    background-color: #ffffff ; 
    padding: 25px 5px 25px 5px;
    padding-top: 0px;
    margin-top: 0px;
}

td.sidebar { 
    vertical-align: top; 
    background-color: #eeeeee; 
    padding: 5px; 
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    width: 20%;
}

td.peaceworks { 
    vertical-align: bottom; 
    background-color: #ffbe29;
    padding: 5px; 
    width: 20%;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

td.bar
{
    width: 100%; 
    height: 5px; 
    background-color: #000000;
}

h1 {
    margin-top: 0px;
    padding-top: 0px;
    text-align: center;
}

td.sidebar * h1, h1.sidebar { 
    font-family: Verdana, Arial, Helvetica; 
    font-size: 100%; 
    font-weight: bold; 
    color: #000000 
}

td.sidebar * h1 {
    padding-top: 0px;
}

h2.sidebar { font-family: Verdana, Arial, Helvetica; font-size: 100%; font-weight: bold; color: #000000 }

a.request
{
    color: #000000;
}

a.downloadlink {
    font-weight: bold;
}

.smallLink {
    font-size: 75%;
    font-weight: bold;
}


table.resultset
{
    border-spacing: 0px;
    border: 1px solid #000000;
    border-collapse: collapse;
    margin-top: 3px;
    margin-bottom: 3px;
}

.resultset td {
    padding: 5px;
}

.field
{
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-indent: 5px;
    color: #333333;
    font-weight: normal;
    background-color: #FFFFFF;
    border: 1px solid #999999;
}

.fieldgroup
{
    margin-top: .5em;
    padding: .3em;
}

.fieldlabelfieldgroup, .fieldlabel.fieldgroup
{
    border-left: 1px solid #666666;
}

.fieldvaluefieldgroup, .fieldvalue.fieldgroup
{
    border-right: 1px solid #666666;
}


.fieldlabel
{
    vertical-align: top;
    text-align: right;
    font-weight: bold;
}
.fieldvalue
{
    vertical-align: top;
}

table.messages {
    background-color: #e0e0e0;
    padding: 1em;
    margin: 0.5em;
}

td.message-icon {
    vertical-align: top;
}

td.message {
    font-weight: bold;
}

td.message img.thumbnail {
    float: left;
    margin-right: 1em;
}

.message-info img, .message-warning img {
    vertical-align: top;
}

.formerror
{
    color: red;
    font-weight: bold;
}
.formerror a {
    color: red;
    text-decoration: underline;
}

img.resourceicon
{
    vertical-align: middle;
}

img.libraryicon
{
    vertical-align: middle;
    padding-right: 0.5em;
}

div.content
{
    padding-top: 0px;
    margin-top: 0px;
    background-color: #9b9dc9;
    border: 1px solid #333333;
    padding: 3px;
}

table.basket
{
    background-color: #dddcc5;
    border: 1px solid #000000;
    margin-top: 1em;
    border-spacing: 0px;
    border-collapse: collapse;
}

table.basket th
{
    padding-right: 0.5em;
}

div.bar
{
    width: 100%; 
    height: 5px; 
    background-color: #505050;
}

td.day
{
    text-align: center;
    font-size: 125%;
    border-top: 1px solid #000000;
}

tr.request
{
    padding: 0px;
    font-size: 7pt;
    margin: 0px;
}

td.request
{
    padding: 0px;
    font-size: 7pt;
    margin: 0px;
    text-align: center;
    border: 1px solid #000000;
}

td.calblank
{
    padding: 0px;
    font-size: 7pt;
    margin: 0px;
    text-align: center;
}

/* menu-related styles */
.menubar {
    border-collapse: collapse;
}

.menuitem {
    border: 1px solid #000000;
    background-color: #eeeeee;
}

.menuitem a:link, .menuitem a:visited {
    font-weight: bold;
    text-decoration: none;
}

.menuitem a:link:hover, .menuitem a:visited:hover {
    background-color: #eeeeee;
    text-decoration: none;
}

.submenu {
    color: #000000;
    border: 1px solid #000000;
    background-color: #000000;
}

.subitem {
    background-color: #ffffff;
    border: 1px solid #000000;
}

.subitem a {
    margin: 0px;
    padding: 0px;
    display: block;
}

.subitem a:link, .subitem a:visited { 
    text-decoration: none; 
}
.subitem a:link:hover, .subitem a:visited:hover {
    background-color: #e0e0e0;
}
.subitem a:link:active, .subitem a:visited:active {
    color: #000000;
    background-color: #d0d0d0;
    text-decoration: none
}

.menurow {
    padding: 0px;
    margin: 0px;
}

ul.noindent, ol.noindent {
    padding-left: 1em;
    margin-left: 0em;
}

div.helpcontainer {
}

div.helprow {
    clear: both;
    position: relative;
    margin-bottom: .5em;
}

div.help {
    background-color: #FFFFE1; 
    border: 1px solid black; 
    font-size: 80%;
    font-weight: normal;
    line-height: normal;
    text-align: left;
    position: absolute;
    top: 0em;
    left: 15em;
    width: 16em;
    padding: 0.5em;
}

ul.noindent, ol.noindent {
    padding-left: 1em;
    margin-left: 0em;
}

div#basketSummary, div#sidebarmenu, div#findresources, div#randomresource, div#sectionmenu {
    border: 1px solid black;
    padding: .5em;
    margin-bottom: 5px;
}

div#findresources p {
    margin-top: 0px;
    margin-bottom: 0px;
}

div#findresources h1 {
    margin-top: 0px;
    padding-top: 0px;
    font-weight: bold;
    text-decoration: none;
    font-size: 100%;
}

div#topsubjects {
    margin-top: 1em;
    border: 1px solid black;
    padding: .5em;
    margin-bottom: 1em;
}

div#topsubjects a {
    font-size: 75%;
}

table.plain {
    border-collapse: collapse;
    border: 1px solid black;
}
                                                                            
table.plain td {
    border: 1px solid black;
}
                                                                            
table.plain th {
    border: 1px solid black;
}

table.noborder {
    border: none;
}
                                                                            
table.noborder td {
    border: none;
}
                                                                            
table.noborder th {
    border: none;
}

table.cpBorder * td {
    padding: 1px;
    margin: 0px;
    text-align: center;
}

div#copyStatusBlock {
    border: 1px solid black;
}

table.copystatus {
    border-width: 0px;
}

table.copystatus * td {
    text-align: center;
}

table.copystatus * th {
    text-align: center;
    white-space: nowrap;
}

table.resourceview {
    padding: 0px;
}

table.resourceview * td {
    padding: 3px;
    margin: 2px;
}

table.resourcebottomfields * td {
    vertical-align: top;
}

td.fieldlabelcheckout {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-left: 1px solid #444444;
    border-right: none;
    text-align: right;
    padding-left: 2px;
}

td.fielddeletecheckout {
    border-left: none;
    border-right: 1px solid #444444;
}

.fieldgroupbegin
{
    border-top: 1px solid #444444;
    border-left: 1px solid #444444;
    border-right: 1px solid #444444;
    font-weight: bold;
}

.fieldgroupend
{
    border-top: 1px solid #444444;
}

.checkoutres
{
    font-size: 11px;
}

div.userActions {
    margin-top: 2em;
    padding-left: 0em;
}

div.sidebarbox ul {
    margin-left: .75em;
    padding-left: .5em;
    margin-top: .25em;
    margin-bottom: .25em;
}

div.basketActions {
    margin-top: 1em;
}

table.requestForm {
    border-spacing: 0px;
    padding: .5em;
}

div.resourceInvoice {
    background-color: #d0d0d0;
    margin: 1em;
    padding: 1em;
}

div.invoiceAddress {
    border: 1px solid black;
    margin: .5em;
    margin-left: 0em;
    padding: .5em;
    padding-right: 1em;
    height: 10em;
}

table.invoiceAddresses td {
    vertical-align: top;
    border: 1px solid black;
}

table.resourceCharges, table.resourceChargesAdmin {
    border: 1px solid black;
    background-color: #d0d0d0;
    margin: 0em;
    margin-bottom: 1em;
}

ul.subjectHeadings {
    border: 1px solid black;
    margin-top: 2px;
}

img.toggleArrow {
    border: 0px;
    vertical-align: baseline;
}

table#relevance, table#availability {
    border: 1px solid black;
    margin-top: 2px;
}

div.homedav {
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 1em;
}

.excluded {
   text-decoration: line-through; 
}

td.sidebar h2 {
    font-size:80%;
}


/* Holly hack to avoid IE display glitches. 
   See http://www.communitymx.com/content/article.cfm?cid=C37E0 */
/* Hides from IE5-mac \*/
* html .holly {height: 1px;}
/* End hide from IE5-mac */

div.phantome {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-style: italic;
  font-weight: 300;
  font-size: 105%;
}
div.phantome strong {
  font-weight: 700;
}

span.resourcelink {
  font-size: 80%;
}

/* span.resourcelink a span::after {
  content: "View Record";
} */

a.toggleLink {
  font-weight: bold;
}


.hastooltip {
    position:relative; /*this is the key*/
    background-color:#ccc;
    color:#000;
    text-decoration:none
}

.hastooltip:hover {
    z-index:25; 
    background-color:#ff0
}

.hastooltip .tooltip {
    display: none
}

.hastooltip:hover .tooltip { /*the span will display just on :hover state*/
    position: absolute;
    display: block;
    margin-left: -5em;
    margin-top: -10em;
    min-width: 20em;
    padding: 5px;
    border: 1px solid #505050;
    color: #000000;
    background-color:#fffcb0; 
}

#PeaceWorksEmpowered a {
    text-decoration:none;
}

#advanced-search-form td table td {
    padding: 0px;
}

input.searchScope {
    vertical-align: text-top;
}

#refine_search_form td {
    padding: 1px;
}

#refine_search_form td.radio {
    vertical-align: top;
}

#refine_search_form table {
    border-spacing: 0px;
}

.resultset_nav_link {
    padding-right: 2em;
}