/* Main style sheet */

/* really a debugging thing? should never see */
.pagetop { background-color: green; }
.pagetop { height: 40px; }

.logo { float: left; }
.topsearch { float: left; }
.navtabs { float: left; align:center; }
.logintabs { float: right; align:center; }

.logo { height: 40px; }
.topsearch, .navtabs, .logintabs { padding-top: 5px; height: 35px; }

.topsearch, .navtabs, .logintabs { background-color: lightgreen; }

.logo { overflow: hidden; }
.logo { align: center; }
.logo { vertical-align: center; }
.logo { padding-left: 10px; }
.logo { padding-right: 10px; }
.logo { border-width: 3px; }
.logo { color: #fcfffc; }
.logo { text-shadow:
    -1px -1px 1px #006000,
    -1px 1px 1px #006000,
    1px -1px 1px #006000,
    2px 2px 2px #006000;
}
.logo { font-family: "Baskerville", serif; }
.logo { font-size: 32px; font-weight: bold; font-variant: small-caps; }
.logo { background:
    linear-gradient(to right, green 1px, transparent 3px,
        rgba(255,255,255,0.0) 40%,
        #d0c0ff 68%, #d0c0ff 69%, rgba(180,180,255,0.7), lightgreen),
    repeating-linear-gradient(180deg, #f0fff0, #f0fff0 1px,
        green 1px, green 2px);
}


.navlist { margin: 0; padding: 0; height: 1em; }
.navlist li { list-style: none; float: left; }
.navlist li a { display: block; padding: 3px 8px; }
.navlist li ul { display: none; width: 10em; background-color: #80dd80; }
.navlist li ul { padding: 3px 8px; }

.navlist li:hover ul { display: block; position: absolute; margin: 0; padding: 0; }
.navlist li:hover li { float: none; }
.navlist li:hover li a { background-color: #80dd80; border-bottom: 1px solid #fff; color: #000 }
.navlist li li a:hover { background-color: #a0eea0; }

/* Slightly lighter than ivory */
.body { background-color: #fffff4; }

.body { clear: left; }

.footer { clear: both; text-align: center; padding-top: 20; font-size: 14px; }

.introleft, .intromiddle, .introright { vertical-align: top; padding: 10px; }

.introtext { font-size: 20px; }

.gcollage { float: left; }

.recent { float: left; width: 150px;}

/* General handling of an image-oriented area. */
.imagezone { vertical-align: top; padding: 10px; }
.imagezone { text-align: center; }

.textzone { vertical-align: top; padding: 10px; }

.notezone { vertical-align: top; padding: 10px; }

.notesectempty { padding: 5px;
	    border: 1px outset gray; border-radius: 5px }
.notesect { background-color: #ffffe0; padding: 5px;
	    border: 1px outset gray; border-radius: 5px }

/* .issuerslist */
.ilname { width: 30% }
.ilyear { width: 10% }
.ilcount { width: 10% }

.chart { border: 2px outset blue; }

.chartrow { width: 40px; }
.chartrow { vertical-align: bottom; }

.stamp { width: 100% }
.stampleft, .stampmiddle, .stampright { vertical-align: top; padding: 10px; }
.stampleft { text-align: center; }
.stampleft { width: 300px; }
.stampright { width: 250px; }
.stampmiddle { width: 50%; }

.objectleft, .objectmiddle, .objectright { vertical-align: top; padding: 10px; }
.objectleft { text-align: center; }

.searchleft, .searchright { vertical-align: top; padding: 10px; }

.searchleft > table { width: 100%;  }

.imageleft, .imagemiddle, .imageright { vertical-align: top; padding: 10px; }

.notedesc, .noterefs { vertical-align: top; padding: 10px;}
.notedesc { width: 40%; }

.colorleft, .colormiddle { vertical-align: top; }
.colorleft { text-align: center; }

.catgroup { table-layout: fixed; width: 800px; }
.incoll { width: 15px; overflow: hidden; padding: 2px }
.cgdenom { width: 15%; overflow: hidden; padding: 2px }
.cgcolor { width: 20%; overflow: hidden; padding: 2px }
.cgdesign { width: 50%; overflow: hidden; padding: 2px }
.cvunused { width: 15%; overflow: hidden; padding: 2px }
.cvused { width: 15%; overflow: hidden; padding: 2px }
.cgcoll { width: 25%; overflow: hidden; padding: 2px }
/*.cgedit { width: 10%; overflow: hidden; padding: 2px }
*/
.cgnotes { width: 50%; overflow: hidden; padding: 2px }

.sccnum   { width: 10%; overflow: hidden; padding: 2px }
.scdnum   { width: 10%; overflow: hidden; padding: 2px }
.scdenom  { width: 10%; overflow: hidden; padding: 2px }
.scmisc   { width: 50%; overflow: hidden; padding: 2px }
.scunused { width: 10%; overflow: hidden; padding: 2px }
.scused   { width: 10%; overflow: hidden; padding: 2px }
.scextra  { width: 50%; overflow: hidden; padding: 2px }

/*
want do some padding around table elements
.albumslist { padding: 20px; }
.albumslist > td { padding: 20px; }
*/

.albumleft, .albummiddle, .albumright { vertical-align: top; padding: 10px; }
.albumleft { text-align: center; }
.albumexhibit { background-color: lightgray; }
.albumexhpage { vertical-align: top; padding: 5px; }

/* Normally make tables fill the page.  */

/* table { width: 100%; } */
.pagetop > table { width: 100%; }

.stamps { width: 100%; }
.images { width: 100%; }

.tdnum { text-align: right; }

/* Get lists to fill the page horizontally.  */

.imagearray ul { list-style-type: none; }
.imagearray li { display: inline; }

.stamparray ul { list-style-type: none; }
.stamparray li { display: inline; }

.albumarray ul { list-style-type: none; }
.albumarray li { display: inline; }

.matcharray ul { list-style-type: none; }
.matcharray li { display: inline; }

.matchpair { border: 1px inset black; }
.matchpair { float: left; padding-left: 20px; padding-right: 20px; }
.matchpair { text-align: center; }

.pairleft, .pairright { text-align: center; }
.pairleft, .pairright { padding: 1px; margin: 1px; }

.pairleft { float: left; }
.pairright { float: right; }

/* Make some input fields wider, for longer strings.  */

input.long { width: 300px }

/* Try non-underlining of text links.  */

a { text-decoration: none; }

/* The blue border for images is almost never a good idea.  */

a:link img { border-style: hidden; }

/*
table { border-collapse: collapse; border: 2px outset blue; }
td { border: 1px inset violet; }
*/

/* Quiz game */

.gamespace { background-color: ivory; }

.scorebox { padding: 10px; padding-left: 30px; font-size: 20px; }
.scorebox { background-color: lightgreen; }
.scorebox { background: linear-gradient(to bottom, lightgreen, ivory); }

.question { margin: 5px; padding: 6px; background-color: yellow; }
.question, .choice { font-size: 20px; }

.choices { margin: 5px; padding: 6px; }
/*
.choices { background-color: lightgreen; }
*/

.choice { margin: 5px; padding: 4px; }
.choice { border: 1px inset black; background-color: lightblue; }

.choice:hover { background: radial-gradient(white, lightblue); }

.choicedisabled { font-size: 20px; }
.choicedisabled { margin: 5px; padding: 4px; }
/*
.choicedisabled { border: 1px inset gray; }
.choicedisabled { background-color: lightblue; }
*/

.feedback { font-size: 20px; text-align: center; }

.skip { background-color: lightblue; }

.gameover { padding: 30px; }
.gameover { font-size: 36px; text-align: center; background-color: red; }

.newgame { background-color: lightblue; }

.gamefoot { padding: 10px; padding-left: 30px; clear: both; }
.gamefoot { background-color: lightgreen; }
.gamefoot { background: linear-gradient(to bottom, ivory, lightgreen); }