﻿* { font-family: trebuchet ms, arial, helvetica; }
html { height: 100%; margin: 0px; padding: 0px; }
body { height: 100%; margin: 0px; padding: 0px; font-size: 10pt; background-color: #ffffff; }
img { border-width: 0px; }
h1 { color : #426f4e; font-weight : bold; font-size : 13pt; margin: 0px 5px; }

a { font-weight: bold; color: #437150; text-decoration: none; }
a:hover { color: #ffbc00;  }

div#topper { background-color: #7fa160; height: 82px; }
div#search { float: left; margin-left: 14px; margin-top: 25px; color: white; font-weight: bold; }
input#searchBox { width: 240px; height: 25px; margin-right: 5px; border: 1px; color: black; font-weight: bold; font-size: 15pt; } 
input#searchSubmit { background-color: #425a70; color: white; margin-left: 7px; }
div#logo { float: right; margin: 15px; }

ul#menu { }
ul#menu { background-image: url("/_Images/menuBack.gif"); line-height: 20px; padding: 0px 3px; list-style-type: none; margin: 0px; text-align: right; vertical-align: bottom; }
ul#menu li { font-size: 11pt; display: inline; color: #6081a1; text-align: center; padding-left: 9px; margin-right: 4px; }
ul#menu li a { font-weight: bold; color: #437150; text-decoration: none; padding-top: 4px; padding-right: 9px; }
ul#menu li a:hover { color: #ffbc00; }
ul#menu li.menuOff { background: url("/_Images/menuOff-left.gif") no-repeat left bottom; }
ul#menu li.menuOff a { background: url("/_Images/menuOff-right.gif") no-repeat right bottom; }
ul#menu li.menuOn { background: url("/_Images/menuOn-left.gif") no-repeat left bottom; }
ul#menu li.menuOn a { background: url("/_Images/menuOn-right.gif") no-repeat right bottom; }

ul.quotes { width: 80%; border: 1px solid silver; padding: 20px; background-color: #eeeeee; margin-left: 10px; list-style-type : disc;}
ul.quotes li { margin-bottom: 10px; list-style-type : disc; }
li.quoteListingBullet   { } 


div#body { color: #37526a; margin: 10px; }


div.pageAd { margin: 15px 0px; }


div.pager { margin: 10px 0px; }
div.pager .page { }
div.pager .currentPage { background-color: #437150; color: White; padding: 0px 3px; }


div.label { margin-bottom: 10px; }
div.label div.labelTitle { color : #426f4e; font-weight : bold; font-size : 13pt; }
div.label div.labelText { }



div.authorThumb { text-align: center; border: 1px solid gray; padding: 10px; float: left; margin-right: 10px; background-color: #e9efe0; }
div.authorThumbImage { border: 1px solid black; padding: 1px; display: inline; }
div.authorThumbCaption { font-weight: bold; font-size: 8pt; margin-top: 5px; }


div.authorStats { float: left; margin-right: 20px; margin-bottom: 20px; }
hr.contentSep   { color : #7fa260; height : 1px; margin-top : -15px;}
div.titleText   { color : #426f4e; font-weight : bold; font-size : 13pt; }
div.triviaQuestion { margin-left : 15px; color : #7fa260; font-weight : bold; font-size : 15pt; }
div.triviaQuest { width : 80%; margin-left : 15px; color : #7fa260; font-weight : bold; font-size : 15pt; }
div.quotesUp    { text-align : left; margin-top : 20px; margin-bottom : 12px; margin-right : 40px; }
div.quotesDown  { text-align : right; margin-top : 12px; margin-bottom : 20px; float: right; display: inline; }
textarea.gngClientScript { font-size: 8pt; }
div.quoteCopy   { margin-top : 18px; margin-bottom : 18px; }
.famousAuthorsTD { padding-right: 20px; }

/* New Edits */
td.search { vertical-align : middle; padding-left : 12px; color: white; font-weight: bold; width : 100%; background-color: #7fa160; height : 87px;}
table.fullWidth	{ width : 100% }
td.menuBack	{ background-color : #435b71; height : 21px; width : 100%; }
td.mainContent	{ background-color : white; text-align : left; vertical-align : top; padding : 8px;}
td.rightCol	{ border-left: 1px solid black; background-color : white; text-align : left; vertical-align : top; padding: 0px 8px; height : 100%; width : 271px; }
td.spacer { height : 29px; }
td.logo { background-color: #7fa160; vertical-align : top; padding-right : 12px; padding-top : 18px;}
div.center  { text-align : center; }

/* Main Chicklet Block - For Landing Page */
table.chickBlock	{ height : 280px; margin-left : 22px; }
td.chickBlockTop	{ height : 16px; }
td.chickBlockBody	{ width : 495px; height : 248px; background-color : #7fa160; }
td.chickBlockLeft	{ width : 9px; background-image: url("../_Images/leftBorder.gif"); }
td.chickBlockRight	{ width : 9px; background-image: url("../_Images/rightBorder.gif");}
div.chickBlockBodyLeft	{ float : left; width : 215px; padding-left : 8px; }  
div.chickBlockBodyRight	{ float : right; width : 258px; text-align : center; padding-right : 5px; color : White;}

/* Landing Page - Tables */
table.landingTable	{ width : 100%; background-color : #e9e9e9; border: 1px solid black; padding : 3px; }
td.landingTD		{ width : 50%; background-color : #f8f8f8; border: 1px solid black; vertical-align: top; text-align: left; padding : 8px; }

/* Small Chicklet Block - For Landing page, right side */
div.MovieQuoteOtdChicklet			{ width : 224px; height : 230px; background-image: url("../_Images/QU-mqodChick.gif"); background-repeat : no-repeat; margin-bottom : 8px; cursor : hand;}
div.FamousQuoteOtdChicklet			{ width : 224px; height : 230px; background-image: url("../_Images/QU-qodChick.gif"); background-repeat : no-repeat; margin-bottom : 8px; cursor : hand;}
div.SearchChicklet		{ width : 224px; height : 230px; background-image: url("../_Images/QU-searchChick.gif"); background-repeat : no-repeat; margin-bottom : 8px; cursor : hand;}
div.smallChickletHeadline	{ width : 210px; padding : 5px; font-size : 16pt; font-weight : bold; color : white; text-align : center;  line-height : 90%; padding-top : 8px; }
div.detailTextCustom		{ width : 210px; padding : 5px; font-size : 11px; color : white; text-align : center; margin-top : 125px; }
div.detailTextPrebuilt		{ width : 210px; padding : 5px; font-size : 11px; color : white; text-align : center; margin-top : 112px; }

/* Home Page - Overheard */
td.overHeardHeader			{ border-bottom: 1px solid silver; }
td.overHeaderImg			{ width : 130px; height : 100px; }
td.overHeardDesc			{ padding-left : 8px; vertical-align : top; }


/* Definitions */
span.definition { color: #425a70; border-bottom: 1px dotted #ccc; }
span.definition span { display: none; }

.tool-tip { border: 1px solid black; background-color: #eee; padding: 1px; max-width: 200px; }
.tool-title { background-color: #bbb; color: #000; font-weight: bold; padding: 1px 2px; font-size: 8pt; }
.tool-text { padding: 2px; font-size: 8pt; }