/*******************************************************************************************
CREATOR: George Hernandez
NOTES: This script should be included in most pages on this site
TABLE OF CONTENTS:
	HTML
	SPECIFIC ROLES
	GENERAL ROLES
	NAV BAR
	AQTREE
MOD LOG:
	2007-02-06t16:44:17
		A lot of modifications for the transition to the new database based navigation bar.
		Changed links to default to no underline. Also reddened the purple of visited links.
		Changed pre from gray background to white with border on top.
		Changed blockquotes to have black text instead of dark blue.

	2007-07-08 16:55:43 Added acronym:after to display value of title attribute

	2007-07-12 17:28:02
		Added nav bar CSS via http://www.htmldog.com/articles/suckerfish/dropdowns/
		Changed the visited links to gray cuz purple was hard to see.

	2007-07-13 10:16:11
		Cleaned up TOC.
		Got rid of 85% width for code, pre, and kbd.

	2007-07-20 10:25:41 Added clear:both to .modified

	200710111126
		Changed .post
		from: background-color:#fcc;    color:#909; (pink bkgd w light purple text)
		to:   background-color:#ffbf00; (amber)

	200711061723 Added CSS for aqtree
	200711201522 Added class for clear:both;
	200712051309 Added classes for .sub and .sup
	200801161547
		I changed the site so that the sidebar is on the right and it has the full expanding TOC.
		#Header #HeaderInfo: from margin: 0 1em 0 170px to margin: 0 1em 0 50px;
		#Sidebar: padding: 3px; margin: 3px; width: 25%; border:3px dotted #ffbf00;
		#Main: from margin: 0 1em 0 170px; to margin: 0 1em 0 50px;
		#Footer #FooterInfo: from margin: 0 1em 0 170px; to margin: 0 1em 0 50px;
	 200801211655 Added background-color: #fff; to #Sidebar
	20080912 1129 Modified so that h3+ have a top margin (1.5em) and increase in indention (10px, 20px, 30px, 40px).
	20080917 1630 Modified so that in addition to .comment, .rem works too.
	20090123 1001 Changed a:visited { color:#999;     text-decoration:none; } to color:#800080 (purple).
	2009-07-10 12:50:22 Changed .data, .mono { font:.7em Andale Mono,Courier New,Courier,monospace; } to .data, .mono { font:.8em Andale Mono,Courier New,Courier,monospace; }.
    2011-09-01 Changed the the monospaced font line up from Andale Mono,Courier New,Courier,monospace to Consolas,Andale Mono,Courier New,Courier,monospace.
*******************************************************************************************/

/**** HTML ****/
body {
	background-color: #FFF;/*#FFF;*/
	color: #000; /*#000;*/
	font-family: Arial Unicode MS,Arial,Helvetica,sans-serif;
	margin: 1px;  /* Change to 0 after Container implemented */
	padding: 1px; /* Change to 0 after Container implemented */
}
#Container {
	/*background-color: ;
	background-image: ;*/
	background-repeat: repeat-y;
	/*border: ;*/
	margin: 2px;
}
#Header {
	/*background-color: ;*/
	border-bottom: 1px solid #800000;
	padding-bottom: 4px;
}
#Header #HeaderLogo {
	float: left;
}
#Header #HeaderInfo {
	margin: 0 1em 0 50px;
	/*margin: 0 1em 0 170px;*/
	/*margin: 0 1em 0 25%;*/
}
#Header h1 {
	clear: left;
	margin: -1em 0 0 0;
	/*padding: ;*/
}
#Sidebar {
	float: right;
	/*margin-left: ;*/
	/*padding-top: 1em;*/
	padding: 3px;
	margin: 3px;
	width: 25%; /*130px;*/
	border:3px dotted #ffbf00;
	background-color: #FFF;/*#FFF;*/
}
#Sidebar p {
	margin-top: 0;
}
#Main {
	/*border-top: 1px solid #800000;*/
	/*margin: 0 1em 0 170px;  Left margin prevents Main from flowing under Sidebar */
	margin: 0 1em 0 50px;
	padding-top: 1em;
}
#Footer {
	/*background-color: ;*/
	border-top: 1px solid #800000;
	clear: both;
	/*margin: 0 1em 0 170px; /* Left margin prevents Footer from flowing under Sidebar */
	padding: 1em 0;
	/*text-align: ;*/
}
#Footer #FooterLogo {
	float: left;
}
#Footer #FooterInfo {
	/*margin: 0 1em 0 170px;*/
	margin: 0 1em 0 50px;
}
h1, h2, h3, h4, h5, h6 { color:#800000;    font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; }
	h3,h4,h5 { margin-top: 1.5em; }
	h3 { text-indent: 10px }
	h4 { text-indent: 20px }
	h5 { text-indent: 30px }
	h6 { text-indent: 40px }
a { color:#800000;    text-decoration:none; }    /* 1:Keep in "LoVe-HAte" order. 2:a:focus not used 3:a's wo href same color as headers */
	a:link { color:#00f;    text-decoration:none; }
	a:visited { color:#800080;     text-decoration:none; }
	a:hover[href] { color:#f00;    text-decoration:underline; }
	a:active { color:#000;    text-decoration:underline; }
code, pre, kbd { font:1em Courier New,Courier,monospace; }
	pre { overflow:auto;    /*width:85%;*/    /*background-color:#eee;*/    border-top: 1px solid #ddd; }
	/*code, { background-color:#eee; }*/
	kbd { background:#faf6f6;    border-color:#edd #baa #baa #eed;    border-width:1px 2px 2px 1px;
	 border-style:solid;    padding:0px 1px 1px 1px;             color:#000; }
abbr, acronym { border-bottom:1px dotted #333; cursor:help; } /* abbr is not fully functional in most IE, so use acronym */
@media print {
	acronym:after {
	  content: " (" attr(title) ")";
	}
}
blockquote { background-color:#eef;    /*color:#339;/**dark-blue**/    padding:.1em .5em .1em .7em; }
/*dt { display:compact; }*/
img { border: 0; }
q { quotes:'\201C' '\201D' '\2018' '\2019'; }
	q:before { content:open-quote; }
	q:after  { content:close-quote; }
table { border-collapse:collapse; }
	th { background-color:#ccc; }
	tr { vertical-align:top; }
table.data, table.gh { border-spacing:0; }
table.data td, table.data th,table.gh td,table.gh th { border:1px solid;   padding:3px; }

/**** SPECIFIC ROLES ****/
.accesskey { color:#f00; }
.categoriesInToc { font-size:.8em;    font-style:italic;    color:#666; }
.help, .softLink { border-bottom:1px dotted #333;    cursor:help; }
.modified { color:#090;     font:.7em Consolas,Andale Mono,Courier New,Courier,monospace;    margin-left:1px;    clear:both;}
.nav { color:#800000;    font:bold .7em Tahoma,Verdana,Arial,Helvetica,sans-serif; }
.post { background-color:#ffbf00;/**amber**/
	font:.85em Consolas,Andale Mono,Courier New,Courier,monospace;    margin-top:5em;padding-left:5px; }
.postTitle { font:bold 1.25em Tahoma,Verdana,Arial,Helvetica,sans-serif; }

/**** GENERIC ROLES ****/
.bang, .note { color:#f00;    font-weight:bold; }
.bigger { font-size:1.2em; }
.comment, .rem { color:#090;    margin-left:1px; }
.data, .mono { font:.8em Consolas,Andale Mono,Courier New,Courier,monospace; }
.fleft { float:left; }
	.fright { float:right; }
	.fclear, .ClearBoth { clear:both; }
.smaller { font-size:.8em; }
.spoiler { color:#ddd;    background-color:#fff; }
.unicode { font-family:Arial Unicode MS,Code2000,Lucida Sans Unicode; }
.sub { vertical-align:sub; font-size:.75em; }
.sup { vertical-align:super; font-size:.75em; }

/**** NAV BAR ****/
/* Via http://www.htmldog.com/articles/suckerfish/dropdowns/ on 2007-07-12 */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 120%;
}
#nav a {
	display: block;
	width: 10em;
}
#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}
#nav li ul { /* second-level lists */
	position: absolute;
	background: #f3f3f3;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	/*background: #fff;*/
	left: auto;
}

/**** AQTREE ****/
ul.aqtree3 li ul {
	display: none;
}
ul.aqtree3 li {
	list-style-image: url('/h/Media/WebElements/aqtreePlus.gif');
	z-index:3;
}