body { background-image: url(imgs/title_02.jpg); background-repeat: repeat-x; margin-left: auto; margin-right: auto; width: 920px; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; background-color: white; }

div#topPane { padding-bottom: 10px; vertical-align: top; padding-top: 10px; color: black; font-size: 36pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

div#advertise_tall { text-align: left; padding-top: 10px; }
div#advertise_wide { text-align: center; padding-top: 20px; }

div#joinList { padding-right: 35px; font-size: 10pt; font-style: italic; }
div#joinList a { color: blue; text-decoration: none; }
div#joinList a:hover { text-decoration: underline; }
div#mailFinePrint { color: black; padding: 20px; }

div#searchBox { padding-top: 15px; border-bottom: 1px dotted grey; padding-bottom: 5px; }
div#searchResults { padding-top: 15px; padding-bottom: 15px; }
div#searchBox input#srchtxt { border: 1px solid grey; padding: 3px; }

div#browseBox { position: relative; padding-top: 10px; }
div#browseBox .hidey { display: none; width: 95%; height: 250px; padding: 5px; }
div#browseBox:hover .hidey { display: block; }
div#browseBox:hover { border: 1px solid black; text-align: center;}

div#footer { text-align: center; color: #666; font-size: 10pt; padding-top: 10px; }

div#contentHeader { padding-bottom: 5px; font-weight: bold; font-size: 16pt; border-bottom: 1px dotted grey; }
div.authorLink { font-size: 10pt; font-style: italic; font-weight: normal; color: red; padding-left: 15px; }
div.authorLink a { color: black; text-decoration: none; color: black; font-style: italic; }
div.authorLink a:hover{ text-decoration: underline; }
div#AL1 { padding-top: 5px; }
div#AL2 { padding-bottom: 5px; border-bottom: 1px dotted grey; }

table#resultHeader { color: blue; width: 100%; padding: 5px; font-size: 10pt; border-bottom: 1px dashed grey; }
table#resultHeader td#res1 { color: black; text-style: italic; }
table#resultHeader td#res2 { color: black; text-align: left; }
table#resultHeader td#res2 a { color: blue; text-decoration: none; }
table#resultHeader td#res2 a:hover { text-decoration: underline; }
table#resultHeader td#res3 { color: black; text-align: right; }
table#resultHeader td#navLastname { color: black; padding: 4px; }
table#resultHeader td#navLastname a { color: blue; text-decoration: none; }

table#resultFooter { color: black; width: 100%; padding: 5px; font-size: 10pt; border-botom: 1px dotted grey; border-top: 1px dashed grey; margin-top: 8px; }
table#resultFooter td#res2 a { color: blue; text-decoration: none; }
table#resultFooter td#res2 a:hover { text-decoration: underline; }
table#resultFooter td#res3 { color: black; text-align: right; }


div#imageQuoteBox { text-align: center; margin-left: auto; margin-right: auto; width: 400px; padding-bottom: 15px;}
div#previewBG { display: none; text-align: center; width: 90%; margin-left: auto; margin-right: auto; }
div#previewFonts{ display: none; text-align: center; width: 90%; margin-left: auto; margin-right: auto; }
div#previewALL{ display: none; margin: 10px; }

div#previewHTML{ display: none; border: 1px solid grey; background: #ccc; font-size: 12pt; text-align: left; margin: 10px; padding: 10px; }

div#previewEMAIL{ display: none; border: 1px solid grey; background: #ccc; font-size: 12pt; text-align: left; margin: 10px; padding: 10px; }

div#toggleImgOpt { padding: 6px; }
div#toggleHTML{ padding: 6px; }

table#preButtons { width: 100%; }
table#preButtons td { text-align: center; padding: 6px; border: 1px solid grey; background: #ccc; height: 16px; }

table#imgOptTable { border: 1px solid grey; background: #ccc; width: 100%; }
table#imgOptTable a { color: blue; text-decoration: none; }
table#imgOptTable td { border: 1px solid grey; background: #eee; margin: 10px; padding: 5px; text-align: center; }
table#imgOptTable textarea { padding: 5px; }

table#bgPreview img { padding: 3px; border: 1px solid white; }
table#bgPreview td { border: none; }
table#bgPreview img#preBG4 { border: 1px solid red; }

table#fontPreview { width: 100%; }
table#fontPreview td { text-align: left; padding-left: 6px; border: none; }
table#fontPreview img { padding: 2px; border: 1px solid white; }
table#fontPreview img#preF1 { border: 1px solid red; }

table#sizePreview { border-top: 1px dashed grey; width: 100%; }

table#sizePreview td { padding: 4px; border: 1px solid white; text-align: center; }
table#sizePreview td#preS2 { border: 1px solid red; }

div#shareBox { color: black; padding: 15px; text-align: center; }
textarea#qShare { padding: 15px; overflow: hidden; border: 2px solid black; }

div.quoteContainer { padding: 15px; }
div.soloQuote { border: 1px solid black; background: #eee; }

div.qShare { font-size: 10pt; font-style: italic; color: red; text-align: right; }
div.qShare a { color: red; text-decoration: none; }
div.qShare a:hover { text-decoration: underline; }

div.showResults { padding-left: 25px; padding-bottom: 15px; }

div#sample { width: 100%; padding-top: 30px; }
div#sample span { width: 500px; }
table#sample { padding-top: 15px; }
table.Sample { padding: 15px; background: #ccc; border: 1px solid grey; }
table.Sample td { color: black; padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; }
table.Sample td.sampleHeader { font-size: 12pt; font-weight: bold; color: black; }
table.Sample a { color: blue; text-decoration: none; }
table.Sample a:hover { text-decoration: underline; }

.quoteText { font-weight: bold; font-size: 14pt; font-style: italic; }
.quoteSpeaker { color: #666; }
.quoteInfo { color: #999; font-size: 10pt; }
.quoteCategory { padding: 2px; color: blue; font-size: 10pt; }

table#superTable { width:920px; text-align:center; }
table#superTable td { vertical-align:top; }

table#allTable { width:780px; }

table#allTable td { vertical-align: top; }

table.browse { width: 100%; }
table.browse td { width: 50%; }

table#browseTable { padding-top: 15px; }
table#browseTable td { color: black; }
table#browseTable a { color: blue; text-decoration: none; }
table#browseTable a:hover { text-decoration: underline; }

td#navTabs { width: 100%; padding: 8px; text-align: left; border: 3px ridge grey; background: white; text-align: center; font-family: monospace; }
td#navTabs a { text-decoration: none; font-weight: bold; color: #000; padding: 5px; }
td#navTabs a:hover { text-decoration: underline; }

td#content { width: 75%; padding-top: 20px; }
td#leftPane { width: 25%; padding: 12px; }

span.nav { padding-left: 50px; padding-right: 50px; padding-top: 10px; padding-bottom: 10px; text-align: center; }

a.quote { text-decoration: none; color: black; }
a.quote:hover { text-decoration: underline; }

a.author { text-decoration: none; color: black; }
a.author:hover { text-decoration: underline; }

a.category { text-decoration: none; color: blue; }
a.category:hover { text-decoration: underline; }

div#mapList { padding-top: 20px; }

div#sharebox {
	position: relative;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	text-align: left;
	width: 90%;
	text-align: left;
	vertical-align: top;
	color: black;
	background: white;
	font-size: 9pt;
	display: none;
	font-weight: normal;
	font-style: normal;
	padding: 3px;
	border: 1px solid black;
}

div#sharebox a { font-size: 9pt; text-align: left; }

div#outersharebox {
	background: #ccc;
	border: 1px solid grey;
	padding: 3px;
	color: red;
	font-style: italic;
	font-weight: bold;
	width: 120px;
	font-size: 10pt;
	z-index: 1;
}

div#outersharebox:hover #sharebox {
	display: block;
}

div#sharebox td { text-align: left; }