@charset "utf-8";
/* HerbiGuide website - recreates the 2013 herbiguide.com.au look (Style.css + DNN skin + ASP.NET Menu). */

html { height: 100%; }
body { margin: 0; min-height: 100%; padding: 0; background: #fff url(../Images/blend1.png) no-repeat fixed; background-size: 100% 100%; }

#main { position: relative; width: 1000px; margin: auto; font-family: Tahoma, Verdana, sans-serif; font-size: 14pt; line-height: normal; }

a { text-decoration: underline; color: #00c; }
a:visited { color: #551a8b; }
a img { border: 0; }
a:hover { text-decoration: none; }

.TitleHerbi { font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif; font-size: 48pt; font-weight: bold; font-style: italic; color: red; letter-spacing: -5pt; text-decoration: none; }
.TitleGuide { font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif; font-size: 48pt; font-weight: bold; font-style: italic; color: green; letter-spacing: -5pt; text-decoration: none; }
.TitleSlogan { font-family: 'Times New Roman', Times, serif; font-size: 18pt; font-weight: normal; font-style: italic; color: black; }
.TitleOnline { font-family: 'Times New Roman', Times, serif; font-size: 36pt; font-style: italic; color: black; }

.maincontentheader { font-family: Tahoma, sans-serif; font-size: 14pt; line-height: 24px; font-weight: bold; color: #496AC5; }
.rule { display: block; width: 745px; height: 5px; background: url(../Images/tx2.gif) no-repeat; }
.rule.short { width: 157px; background-image: url(../Images/tx1.gif); }

/* Banner: logo + rotating banner image */
#banner { height: 207px; width: 1000px; display: flex; }
#banner .logo img { width: 207px; height: 207px; display: block; }
#banner .rotator { position: relative; width: 793px; height: 207px; overflow: hidden; }
#banner .rotator img { display: block; width: 793px; height: 207px; }
#banner .rotator .caption { position: absolute; top: 10px; left: 0; width: 768px; padding: 0 12px; font-size: 18pt; font-style: italic; white-space: pre; }

/* Menu bar (ASP.NET Menu on the DNN blue gradient) */
#menubar { display: flex; align-items: center; height: 32px; background: url(../DNN/gradient_DKBlue.jpg) repeat-x; background-size: auto 100%; padding: 0 3px; }
#menu { list-style: none; margin: 0; padding: 0; display: flex; flex: 1; font-size: 10pt; font-weight: bold; }
#menu > li { position: relative; }
#menu a, #menu span { display: block; padding: 2px 5px; color: black; text-decoration: none; cursor: pointer; white-space: nowrap; }
#menu > li > a:hover, #menu > li > span:hover, #menu > li:focus-within > span, #menu > li.current > a { background: #284E98; color: white; }
#menu > li.current > a { background: #507CD1; }
#menu ul { display: none; position: absolute; left: 2px; top: 100%; list-style: none; margin: 0; padding: 0; background: #B5C7DE; z-index: 10; min-width: 100%; box-shadow: 1px 1px 3px rgba(0, 0, 0, .35); }
#menu li:hover > ul, #menu li:focus-within > ul { display: block; }
#menu ul a:hover, #menu ul a:focus { background: #284E98; color: white; }
#menu ul li.current a { background: #507CD1; color: white; }
#search { font-size: 11pt; white-space: nowrap; display: flex; align-items: center; gap: 4px; }
#search input[type=text] { font-size: 11pt; width: 110px; }
#search input[type=image] { width: 24px; height: 24px; }

/* Page body: white 793px content column + pale-yellow 207px side column */
.page { display: flex; width: 1000px; background: #FFFFE0; }
.page .content { width: 793px; background: white; box-sizing: border-box; padding: 24px; }
.page .side { width: 207px; box-sizing: border-box; }
.page .content p, .page .content .body { font-size: 14pt; }

#copy { clear: both; color: gray; font-size: 10px; text-align: center; font-family: Tahoma, sans-serif; padding: 3px 0 8px; }
#copy a { color: gray; text-decoration: none; }
#copy a:hover { text-decoration: underline; }

/* Archive notice */
.archive-note { font-size: 10pt; background: #FFF6BF; border: 1px solid #E6D47A; color: #5A4A00; padding: 6px 10px; margin: 0 0 16px; }

/* Rotating species flash cards (home page) */
.flashcard { padding-top: 70px; text-align: center; }
.flashcard .name { font-size: 18pt; font-weight: bold; display: block; }
.flashcard .description { font-size: 16pt; font-style: italic; display: block; }
.flashcard img { width: 207px; display: block; margin-top: 4px; }

/* Data grids (HGGrid.ascx styling) */
table.grid { border-collapse: collapse; font-size: 14px; color: #333; }
table.grid th { background: #507CD1; color: white; font-weight: bold; text-align: left; padding: 4px; }
table.grid th.sortable { cursor: pointer; text-decoration: underline; }
table.grid th.sortable:hover { text-decoration: none; }
table.grid td { padding: 4px; vertical-align: top; }
table.grid tr:nth-child(odd) td { background: #EFF3FB; }
table.grid tr:nth-child(even) td { background: white; }
.grid-filter { margin: 0 0 10px 24px; font-size: 11pt; }
.grid-filter input { font-size: 11pt; width: 220px; }
.grid-count { color: #666; margin-left: 8px; }

/* Home page tables */
.versions td { vertical-align: top; padding-bottom: 12px; }
.news td { vertical-align: top; }