/* debug settings */
/*
html {border-style: solid; border-width: 1px; border-color:red;}
body {border-style: solid; border-width: 1px; border-color:green;}

table {border-style: solid; border-width: 1px; border-color: black;}
tr {border-style: solid; border-width: 1px; border-color: cyan;} 
td {border-style: solid; border-width: 1px; border-color: cyan;} 
th {border-style: solid; border-width: 1px; border-color: blue;} 

div {border-style: solid; border-width: 1px; border-color:green;}
p, ul, ol {border-style: solid; border-width: 1px; border-color: orange;}
span {border-style: solid; border-width: 1px; border-color:yellow;}

form {border-style: solid; border-width: 1px; border-color: red;} 
input {border-style: dashed; border-width: 1px; border-color: red;} 

h1, h2, h3, h4 {border-style: dashed; border-width: 1px; }
a {border-style: dashed; border-width: 1px; border-color: blue;} 
img {border-style: dashed; border-width: 1px; border-color: green;} 
*/

/* added content */
/*
table:before {content: "TABLE";}
tr:before {content: "TR";}
th:before {content: "TH";}
td:before {content: "TD";}
*/


/* general settings for positioning, colors and fonts */
html, body {
    margin: 0px;
    padding: 0px; 
    width: 100%; 
    /* font-size: 12px; */
    font-size: small; 
}


div.body {
    margin : 8px;
    padding: 0px;
    width: auto;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    background: #ffffff;
}

div, table {
    margin: 0px;
    padding: 0px; 
}

tr, th, td {
    margin: 0px;
    padding: 0px; 
}

/* two - or multi column layout in pages */
table.column  {
    width: 100%;
}

table.column tr td.col1 {
    width: 25%;
}

/* menu tabs positioning colors and fonts */
#menu {
    width: 60%;
    margin-top: 0.5em;
    margin-bottom: -2px;
}

table.menu tr td {
    margin-left: 2px;
    margin-right: 2px;
}

table.menu span, table.menu a:link, table.menu a:visited	{
	color : #606060;
	float : left;
	/* font-size : 75%; */
	font-weight : normal;
	line-height : 1.2em;
	text-decoration : none;
}

/* hot links and tabs coloring */

a:hover, a:focus, a:hover img, a:focus img {
    background : #AAAAFF;
}

span.hot {
    color: #E08400;
    font-weight: bold;
}



input {
    font-size: inherit; 
}

input.text {
    border: 1px solid #999999;
    padding: 2px
}

input.button {
    border: 1px solid #666666;
    color: white;
    font-weight: bold;
    background: #E08400;
}

a.button {
    border: 1px solid #666666;
    color: white;
    font-weight: bold;
    background: #E08400;
    text-decoration: none;
    padding: 2px;
}


a img {
    border: 0px;
}

td.hot {
    border-top : 1px solid #C0C0C0;
    border-left : 1px solid #C0C0C0;
    border-right : 1px solid #C0C0C0;
    border-bottom : 1px solid white;
}
td.hot, td.hot a {
    background : white;
}

td.warm {
    border : 1px solid #C0C0C0;
}
td.warm, td.warm a {
    background : #E0E0FF;
}

td.warm:hover, td.warm:hover a,  td.warm a:focus {
    background : #AAAAFF;
}

td.cold {
    border : 1px solid #C0C0C0;
}
td.cold, td.cold a {
    background : #CCCCCC;
}


/* general for all views */
#searchview, #recordview {
    padding: 1.2em;
    border-style: solid; 
    border-width: 1px; 
    border-color:#CCCCCC;
}

p {
    margin-top: 1em;
    margin-bottom: 1em;
}

span.jslink:hover {
    background: #AAAAFF;
}

/* searchview positioning, colors and fonts */

td.info {
    text-align: center;
    background: #E0E0FF;
    width: 20%;
}

table.tips {
    width: 76%;
    margin-top: 2em;
    margin-left: 12%;
    margin-right: 12%;
}

table.tips tr td {
    width: 38%;
    text-align: center; 
    border : 1px solid #C0C0C0;
}



table.collections tr td {
    border-top: 1px solid #C0C0C0;
    text-align: left; 
    margin: 0px;
    padding-left: 0.5em;
    padding-right: 0.5em;
}


table.collections tr td a {
    text-decoration: none; 
    /*   color: black; */
}

table.collections tr td span {
    /* width: 12em; */
    font-weight: bold;
    /* display: block; */
}

table.collections tr td a:hover, table.collections tr td a:focus {
 background : #AAAAFF;
} 

/* records view positioning, colors and fonts */


#termlist {
    vertical-align: top;
    width: 25%;
}

#termlist table.termlist {
    width: 100%;
    text-align: left;
    margin-bottom: 0.5em;
}

#termlist table.termlist tr {
    background: #E0E0FF;
    margin-bottom: 0.25em;
}

#termlist table.termlist tr td:hover {
    background: #AAAAFF;
}

#recordlist {
    vertical-align: top;
    width: 75%;
    padding-left: 1.5em;
}

#recordlist table.recordlist {
    vertical-align: top;
    width: 100%;
    text-align: left;
}

#recordlist table.recordlist tr {
    margin-bottom: 0.25em;
}

#recordlist table.recordlist tr th {
    padding-left: 1em;
}

#recordlist table.recordlist tr td {
    padding-left: 1em;
    padding-top: 0.25em;
}

span.rubber {
    width: 100%;
}



/* subject page positioning, colors and fonts */

table.mygroup {
    text-align: center;
    background: #E0E0FF;
    margin: 2em;
}
table.mygroup th {
    padding: 0.5em; 
}
table.mygroup td {
    padding-left: 0.5em; 
    padding-right: 0.5em; 
}


/* statistics positioning, colors and fonts */

#stat {
    text-align: center;
    color: grey;
}


/* header and footer positioning, colors and fonts */

table.top, table.bottom {
    width: 100%;
}

#bottom {
    margin-top: 2em;
}

#top, #bottom {
    background : navy;
    color: white;
}

#top a:link, #top a:visited, #bottom a:link, #bottom a:visited	{
    color : white;
}

/* view items (individual records) */
div.metarecord, table.metarecord, table.metalocation, 
div.getit, table.getit, div.ill, table.ill {
    width: 100%;
}

div.getit {
    /* border: 4px solid #E0E0FF;
       padding: 1em; */
    margin-top: 1ex;
    margin-bottom: 1ex;
    background-color: #E0E0FF;
}


div.metalocations {
    border: 4px solid #E0E0FF;
    padding: 1em;
    margin-top: 1ex;
    margin-bottom: 1ex;
    /* background-color: #E0E0FF; */
}

h2.metarecord, h2.metalocations, h2.ill, 
h3.metarecord, h3.metalocation, h3.ill {
    background : #E0E0FF;
}

table.metarecord,  table.metalocation, table.ill {
    border: 4px solid #E0E0FF;
    margin-bottom: 1ex;
}

table.metarecord tr td,  table.metalocation tr td {
    border: 1px solid #E0E0FF;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.25ex;
    padding-bottom: 0.25ex;
}

table.metarecord tr td:first-child,  
    table.metalocation tr td:first-child, 
    table.ill tr td:first-child 
{
    width: 25%;
}
table.metarecord tr td,  
table.metalocation tr td,
table.ill tr td table.ill tr td input {
    width: auto;
}


table.ill {
    margin-top: 1ex;
    margin-bottom: 1ex;
    border: 2px solid #FFFFFF;
}

table.ill tr td {
    border: 1px solid #FFFFFF;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.25ex;
    padding-bottom: 0.25ex;
}

table.ill tr td input.text, table.ill tr td span.text,
table.ill tr td select {
     width: 60%;
     margin-right: 1em;
}

.error {
    background-color: #E08400;
}


div.marc {
    margin-top: 2ex;
    /* margin-left: auto; */
    /* margin-right: auto; */ 
    text-align: center; 
    padding: 1em;
    /* background: #E0E0FF; */
    border: 4px solid #E0E0FF;
}

div.marc table.marc { 
    font-weight : normal;
    line-height : 1.2em; 
    border: 4px solid #E0E0FF;
    background: #ffffff;
    text-align: left; 
    padding: 1em;
}

td.control, td.field {
     font-weight : bold;
     vertical-align: top;
     text-align: left; 
}

span.sub {
     font-weight : bold;
}