/* ==== Some basic colors ==== */
a, a:active, a:hover, a:link, a:visited,
#Advanced_inner, #Scope_inner, p.faq, a.clearAll , input.color,
body {
  color:  black; /* Default text color */
}

/* colors for search form menus & controls, plus colored buttons throughout the interface */
#Manage, #ScopeManage legend, a#help, #frameless a { 
	color:#474455;
} 
p.close, input.color:hover  { 
	background:#474455; 
	color:white;
}
#Advanced, #Scope, div.fadewrap div
#hideSaved, #innerfaq, input.color, #Saved  { 
	border: 1px solid #474455; 
}
div.s:hover { background: #fff; }
input.color { background:#eee; }


/* ==== styles for the top navbar  ====  */
img { border:0px; }
body#nav {
	background: url("../images/bannerback.jpg") repeat-x scroll left top #E06E4A;
}

#nav div#navBar {
	position:absolute;  
	left: 0;  top: 115px;
    height: 35px;
    width: 100%;
	min-width:665px;
}

#nav #CodeName {
    position: absolute;
    top: 0;  left: 0;
}

#nav #CodeName h1 {
	color: #fff;
    font-family: Georgia,Serif;
    font-size: 25px;
    font-weight: normal;
    text-rendering: optimizelegibility;
    text-align: left;
}

form#QuickSearch {
	float:left; 
	margin-top:7px; 
	margin-left:15px;
}
#QuickSearch input#request {
	background:#ffffff; 
	border:1px solid #006666; 
    color: #444444;
    font-size: 11px;
	margin-top:4px;
	padding: 2px;
	float:left;
}
#QuickSearch input.color {
	font-size:12px;
}

/* Styles the navigation links */
#codetabs, #searchtabs {
  	display: block;
	text-align: left;
	font-size:13px;
	font-weight:bold;
	float:right;
	padding-top:10px;
	margin-right:10px;
	white-space:nowrap;
}
	
#codetabs span, #searchtabs span {
	padding:0px 10px;
	text-align:left;
	color:#fff;
	font-family:Arial;
}

#codetabs span a,  #searchtabs span a {
	color:#fff;
	width:15px;
	font-family:Arial;
}
#codetabs span a:hover,  #searchtabs span a:hover {
	color:#fff;
}

/* ==== styles for the TOC/Search frame ==== */

/* for a custom interface, you might want to give #wrapper & #content separate background colors, etc. */
#wrapper { }
#content { margin:1em; }

body#search, body#toc { 
	padding-top:35px; /* keeps #wrapper from ending up underneath #tabs */
	background:#cacfe3;
}

/* ==== style the Search/Browse links ==== */
/* you probably won't have to change anything besides these colors right here*/

div#tabs{ background: #474455; }
#tabs li, #tabs  a { color:#F8AD86; }
#tabs  li a:hover {color:#fff; }

div#tabs{
	position:absolute;
	top:0px; left:0px;
	width:100%;
	height:35px;
}

#tabs ul {
  	display: block;
	list-style-type: none;
	height:32px;
	padding:0px 15px;
}

#tabs li {
	font-size: 8pt;
	font-weight: bold;
	margin:4px;
	display:block;
}

#tabs li#browse { font-size:1.1em; float:left; margin-left:10px; }
#tabs li#search { font-size:1em; float:right; margin-right:10px; }
#tabs  a { display:block; padding: 4px 0px 0px 0px; }
#tabs li a.b { float:left; margin-left:5px; }
#tabs li a.s { float:right; }


/*==============================================================*/
/*=====  Assorted defaults that you shouldn't have to change ======*/
/*==============================================================*/

html * {	
	padding: 0; margin: 0; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
body { background-color: #ffffff; text-align: center; padding: 0; margin: 0; }

.ptoc p.amHere a{ background-color:yellow; }
.revised { color:blue; font-weight:normal; background:yellow; padding:0px 2px; }
.updated { color:#FF0000; font-weight:normal; background:yellow; padding:0px 2px; }

h1, h2 { font-size: 12pt; }

a  { text-decoration: none; }
a.file, a.button, a:hover { text-decoration: underline; }

#SearchForm input.color { font-size:12px; }
.ResultsTable, .ptext, .ptoc p, .NextLink, .PrevLink,
.prevnextlinks, .SearchSubTitle { font-size:8pt; }

/*Some TOC styles */
#myForm { clear:both;}
div#frameless {
	margin-bottom:0.5em; text-align:left; font-weight:bold; font-size:12px;
}

.hide { display:none; }
span.ajx { margin-left: -0.12em; cursor: pointer; }
.ptext { text-align:left; margin-bottom:0.75em; }

/*checkbox height must be specificed so IE doesn't make them huge
then vertical-align must be specifice so FireFox won't push them to the top of the line*/
.ptoc p input { height:1.2em; vertical-align:middle; margin-right:4px; }

.ptoc p {	
	margin-top: 3px; margin-bottom: 3px; 
	padding-bottom:0.1em;
	text-align: left; 
}

.ptoc p { margin-left: 3em; text-indent: -2.95em; }
.ptoc1 p { margin-left: 5em; text-indent: -2.95em; }
.ptoc2 p { margin-left: 7em; text-indent: -2.95em; }

.UNBOXptoc p { margin-left: 1em; text-indent: -.95em; }
.UNBOXptoc1 p { margin-left: 3em; text-indent: -.95em; }
.UNBOXptoc2 p { margin-left: 5em; text-indent: -.95em; }


/* Search Form styles */
#formControls { margin-top:1em;padding-top:3px; }
input.color {
	font-size:11px;  margin:3px; padding:1px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
 #Advanced, #Scope{
	width:190px; margin: 0px auto; 
	font-size:0.90em;
}
#Advanced_inner, #Scope_inner{ text-align:left; font-weight:normal; }
#Advanced_inner input , #Scope_inner input{
	height:1.4em; vertical-align:middle; margin-left:16px;
}
#Advanced_inner  div.help p, #Scope_inner  div.help p  {
	margin-left:1.4em; margin-bottom:1em;
}
#Manage, #ScopeManage {
	font-weight:bold; font-size:0.75em; margin:1em auto;
}
#ScopeManage legend { margin: 0em auto; display:block; }


a#help { font-size:11px; margin:2px; font-weight:bold; }
a#clearAll {display:block; text-align:center;}

#innerfaq p.faq {	 text-align:left; margin: 6px; }
p.close  {
	padding:0.3em 5px; height:1.5em; 
	display:block; text-align:right;
}
#hideSaved, #innerfaq {
	width:190px; 
	margin-left:auto; 
	margin-right:auto; 
	font-size:0.70em;
}

#Saved p, #innerfaq p { padding:2px; margin-bottom:0.9em; }

fieldset.scope { border:0px; display:inline; }
.scope legend { text-align:center; width:190px; }
fieldset.options { border:0px; padding:0.5em; }
.options legend { padding-top:0.5em; }
fieldset legend{	font-weight:bold; }
div.s { padding:5px; height:1.5em; display:block; }
div.s span.end { float:right; clear:left; margin:0px; }
div.s span.y { display:block; float:left; }
div.s span.x { float:right; clear:left; margin-right:2px;}
span.click, span.end, span.x, span.y { cursor: pointer; }
span.click:hover, span.end:hover, span.x:hover, span.y:hover {
	text-decoration:underline; 
}
/* so that scope search checkboxes will be nicely formatted like the TOC */
p.i {  text-indent: -2.95em; 	margin: 0em 0.5em 0.3em 3em; }
p.i input { height:1.2em; vertical-align:middle; }

/*  styles for the Saved Search alert -- these don't ever change */
#shadow {
	/* IE in quirks mode can't do position:fixed but it also ignores !important */
	position:fixed !important; position:absolute;
	top:0px; left:0px; z-index:300;
	width:100%; height:100%;
	margin:0px; padding:0px;
	text-align:center; background:#ffffff;
}

div.fadewrap {
	position:fixed !important; position:absolute;
	top:0px; left:0px; z-index:400;
	width:100%; height:100%;
	margin:0px; padding:0px;
	text-align:center; background:none;
}

div.fadewrap div {
	padding:1em;  margin:14em auto 0em auto;
	width:200px; font-size:12pt;
	color:#000000; background: #ffffff;
}

/* Search result styles */
.NextLink, .PrevLink { margin: 0; font-weight: bold; width: 55px; }
.PrevLink {  float: left; }
.NextLink { float: right; }
.SearchSubTitle {  margin: .25em 0; }
.SearchTitle { font-size: 12pt;  margin: .5em 0;  font-weight: bold; }
a.file {  font-weight: bold;  text-decoration: underline; }