/* ==== 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, a#viewAllResults, #frameless a {
	color:#255D95;
}
p.close, input.color:hover  {
	background:#ACB4A3;
	color:white;
}
#Advanced, #Scope,#hideSaved, #innerfaq{
	border: 1px solid #ACB4A3;
}
div.fadewrap div,  input.color  {
	border: 1px solid #000;
}
div.s:hover { background: #eee; }
input.color { background:#255D95; color:white;}


/* ==== styles for the top navbar  ====  */
body#nav {
	background:url('../images/navback.jpg') top left repeat-x #4a5d83;
}



#nav div#navBar {
position:absolute; top:75px; left:0px;
	border:0px;
	height:30px;
	padding:0px;
	color:#ffffff;
	text-align:left;
	width:100%;
	min-width:565px;
}


#nav #CodeName {
	position:absolute; top:0px; left:0px;
	width:100%;
	min-width:565px;
	background:url('../images/corner.jpg') top right no-repeat;
	height:108px;
}
#nav #CodeName h1 {
color:#fff;
position:absolute; top:0px; left:0px;
margin:0px;
padding:0px;
}

form#QuickSearch {
	float:right;
	margin-top:30px;
	margin-right:50px;
	background:white;
	height:19px;
	width:170px;
	border:1px solid #ccc;
}
#QuickSearch input#request {
	background:#ffffff;
	border:0px;
	float:left;
	height:19px;
	font-size: 11px;
	width:135px;
	margin:0px 5px;
	font-family:MS Shell Dlg, Tahoma, sans-serif;
}
#nav input.imagebutton {
	border-left:1px solid #ccc;
	color:#ffffff;
	font-weight:bold;
	float:left;
}

/* Styles the navigation links */

#codetabs, #searchtabs {
  	display: block;
	text-align: right;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	float:left;
	padding-top:7px;
	white-space:nowrap;
	font: 400 14px/21px Arial,Helvetica,sans-serif;
}

#codetabs span, #searchtabs span {
	display:block;
	float:left;
	text-align:left;
	font-family: 400 14px/21px Arial,Helvetica,sans-serif;
	padding:0px 6px;
	border-radius:4px;
	margin:0px 5px;
}

#codetabs span a,  #searchtabs span a {
	color:#ffffff;
	width:15px;
	font: 400 14px/21px Arial,Helvetica,sans-serif;
}

#codetabs span:hover,  #searchtabs span:hover {
	background:#b7c2d9;
	text-decoration:none;
}

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

/* for a custom interface, you might want to give #wrapper & #content separate background colors, etc. */
#wrapper { /*for taller section*/
	padding-left:20px;
	margin-bottom:1em;
}


#content { /*for taller section*/
	padding-top: 30px;
	padding-left:0px;
	padding-right:30px;
	margin-bottom:1em;
	margin-right:0em;
}


body#search, body#toc {
background:url('../images/bg-sidebar-item-fade.jpg') top left no-repeat;
	padding-top:35px; /* keeps #wrapper from ending up underneath #tabs */
}

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

div#tabs{ }
#tabs li, #tabs  a { color:#255D95; }
#tabs  li a:hover {color:#255D95; }

div#tabs{
	position:absolute;
	top:10px; left:0px;
	width:260px;
	color:#255D95;
	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 div { margin-left:1em; }

.ptoc p { margin-left: 3em; text-indent: -2.95em; }

.UNBOXptoc p { margin-left: 1em; 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; }

#spanddecm,
#spanwsp {
	display: none;
}

a#wsp,
a#ddecm {
	margin-left: 1em;
}

.ptoc p.codeHead {
	font-weight:bold;
	font-size:10pt;
	text-indent: -.95em;
	margin-left:1em;
	}
a#help, a#viewAllResults { font-size:11px; margin:2px; font-weight:bold;cursor: pointer;  }
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; }



.timeScope  p { margin-left:20px;text-indent:0px;}



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; }
img { border:0px;}



div.compare p{float:left;clear:none; color:#fff; font-weight:bold;text-align:left;}
div.compare form{float:left; margin:0px;padding:0px;}
div.compare input {font-size:9pt; padding:1px; border:1px solid black; float:right;margin-right:5px;}
div.compare { font-size:8pt;}
div.compare {
  font-family: Arial, Helvetica, sans-serif;
  padding:0px;
}

#version {float:left; }
form#oldCodes {float:left;margin-top:7px;}
#version h2{
	float:left;

font-size:14px;
text-align:left;
}

body#crumbs {height:100%;}

.oneItemLeft {width:200px;}
.oneItemLeft #innerCompare  {	background:#255D95;}
.oneItemRight {margin-left:255px;}

.twoItemsLeft {width:450px;}
.twoItemsLeft #innerCompare  {	background:#255D95;}
.twoItemsRight {margin-left:455px;}

.noItemsLeft {width:0px;}
.noItemsRight {margin-left:5px;}
.noItemsRight #crumbs  {width:90%;}

#innerCompare  h2, #innerCompare form { margin:7px 3px;}
#innerCompare  p { padding:0px 5px;}
#innerCompare  {
	position:absolute;
	top:2px;
	left:7px;

	color:white;
	font-family: Arial,Helvetica,sans-serif;
	padding:0px s2px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#crumbs {
	text-align:left;
	font-size:10pt;
	color:#255D95;
	padding:5px 10px;
	float:left;
	}
#crumbs * { color:#255D95;}
.dateLabel {
	color:red;
	font-size:0.8em;
	font-weight:bold;
/*	font-weight:normal;*/
}

/* In lieu of revamping the TOC script */
p.i:has(input[id='ddecmScope']),
p.i:has(input[id='wspScope']) {
    display: none;
}