/* Font families and weight */
body						{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.70em; line-height: 1.17em; margin-left: 20px; margin-top: 8px; margin-right: 8px; padding: 0px; }
h1, h2, h3					{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
p, small, li, td, th		{ font-family: Verdana, Arial, Helvetica, sans-serif; }
pre							{ font-family: "Courier New", Courier, monospace; margin-left: 8px; margin-right: 8px; font-size: 100%; }
code						{ font-family: "Courier New", Courier, monospace; font-size: 100%; }
input, select, textarea		{ font-family: Verdana, Arial, Helvetica, sans-serif; }

/* Font size, style and line height */
h1							{ font-size: 1.7em; line-height: 135%; }
h2							{ font-size: 0.93em; }
h3							{ font-size: 0.8em; line-height: 100%; }
p							{ font-size: 0.8em; line-height: 160%; }
small						{ font-size: 0.70em; line-height: 160%; }
li							{ font-size: 0.75em; line-height: 16px; } /* TODO: change to em and possibly adaptive line height */
input, select, textarea		{ font-size: 11px; }
sub, sup					{ line-height: 180%; }

/* Margins and padding (top right bottom left) */
h1							{ margin: 0px 8px 25px 8px; }
h2							{ margin: 0px 5px 5px 24px; }
h3							{ margin: 10px 6px 5px 6px; }
p							{ margin: 4px 5px 2px 5px; }
small						{ margin: 4px 0px 2px 5px; }
form, iframe, table, div	{ margin: 0px; padding: 0px; }
input, select, textarea		{ margin: 2px 5px 2px 5px; padding: 1px; }
ul							{ margin: 3px 4px 3px 22px; }
ol							{ margin: 3px 4px 3px 29px; }
li							{ margin: 3px 0px 3px 4px; }
ul, ol, li					{ padding: 0px; }


/* Border style and width */
input, select, textarea						{ border-style: solid; border-width: 1px; }
/ * input:hover, select:hover, textarea:hover	{ border-style: dashed; } */
iframe										{ border: 0px; }

/* Cursors and text decoration including list style type and image */
a							{ cursor: pointer; text-decoration: none; }
ul							{ list-style-type: disc; list-style-image: url('../images/bullet.gif') }


h1					{ font-style: italic; padding: 0px; }
h2           		{ padding: 0px; font-variant: small-caps; text-align: right; }
h3           		{ text-decoration: none; padding: 0px; }
th					{ font-size: 81%; line-height: 115%; text-align: left; margin: 0px; padding-left: 6px; }
form				{ margin-top: 4px; }
input				{ line-height: 15px; }
a.menu				{ width: 90px; border-style: solid; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; padding-left: 2px; padding-right: 2px; text-align: center; }
a.menu:hover		{ width: 90px; border-style: solid; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; padding-left: 2px; padding-right: 2px; text-align: center; }
p.intro          { font-size: 0.70em; line-height: 1.5em; margin-top: 0px; margin-bottom: 4px; }
.small          { font-size: 0.70em; margin-left: 3px; }
.subtitle        { font-size: 11px; padding-right: 4px; }
.time            { font-size: 9px; }
td.boxed			{ border-style: solid; border-width: 1px; }
td.noise			{ border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-bottom-width: 1px; }
td.panel			{ border-left-style: solid; border-left-width: 0px; border-right-style: solid; border-right-width: 1px; border-bottom-width: 1px; }

td.locator   		{ border-left-width: 1px; border-right-width: 0px; border-top-width: 1px; border-bottom-width: 1px; height: 24px; }
td.notification 	{ border-left-width: 0px; border-right-width: 0px; border-top-width: 1px; border-bottom-width: 1px; height: 24px; }
td.pager   			{ border-left-width: 0px; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; height: 24px; text-align: right; }

td.footerleft		{ border-left-width: 1px; border-right-width: 0px; border-top-width: 1px; border-bottom-width: 1px; }
td.footermiddle		{ border-left-width: 0px; border-right-width: 0px; border-top-width: 1px; border-bottom-width: 1px; }
td.footerright		{ border-left-width: 0px; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
td.locator, td.notification, td.pager, td.footerleft, td.footermiddle, td.footerright	{ font-size: 11px; border-style: solid; padding: 2px 5px 2px 5px; }

.button    		{ font-size: 11px; font-weight: bold; text-decoration: none; line-height: 18px; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 2px; }
td.gray    		{ border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; }
td.white			{ border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; }
.pbox				{ text-align: center; width: 20px; }
.underscore				{ padding-top: 5px; margin-left: 4px; padding-right: 4px; padding-bottom: 2px; }
div#map			{ border-style: solid; border-width: 1px; margin-left: 5px; }

/* Ajax Styling */
input#query	{ border-style: solid; border-width: 1px; width: 240px; height: 16px;  }
div#target	{ border-style: solid; border-width: 0px 1px 1px 1px; font-size: 12px; position: absolute; z-index: 1; }
div.option	{ font-size: 11px; padding-left: 2px; padding-right: 2px; }
div#target div:hover	{  }