/* Import supplementary which will only be used in newer browsers */
@import url(/css/supplementary.css);

/*==============
THE MAIN STYLESHEET 
================*/

/* THE BODY TAG IS USED FOR THE BODY. THE FAKEBODY IS A FIX THAT SOLVES A NS 4.7 ISSUE - COMES IN HANDY WITH THINGS LIKE DROPDOWN LISTS. */
body, .fakebody {
margin:	0px;
padding: 0px;
color: #60617E;
background-color: #FFFFFF;

font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif;

scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #eeeeee;
scrollbar-highlight-color: #dddddd;
scrollbar-3dlight-color: #cccccc;
scrollbar-darkshadow-color: #979292;
scrollbar-arrow-color: #B91414;
}

/* THE LINK TAGS */
a:link  {
text-decoration: none;
background-color: transparent;
color: #0000AA;
}
a:visited {
text-decoration: none;
background-color: transparent;
color: #0000AA; 
}
a:active {
text-decoration: none;
background-color: transparent;
color: #0000AA; 
}
a:link:hover, a:visited:hover  {
text-decoration: none;
background-color: transparent;
color: #CC0000;
}

/* THE H'S */
h1 {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
color: #000055;
}

h2 {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
color: #000055;
}

h3 {
margin-top: 5px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
color: #000055;
}

h4 {
margin-top: 8px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
color: #000055;
}

h5 {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
color: #000055;
}

h6 {
margin-top: 5px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #000055;
}

/* THE P'S */
p	{
margin-top: 5px;
margin-bottom: 15px;
margin-left: 0px;
margin-right: 0px;
color: #151540;
font-size: smaller;
}

td {
font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif;
}

/* SETS THE TOC WIDTHS */
.toc	{
width: 200px;
}

.hometoc	{
width: 250px;
}

/* THIS IS FOR THE QUOTE ON THE HOME PAGE */
.quote {
margin-top: 20px;
margin-bottom: 5px;
font-size: smaller;
color: #B50606;
}

/* THIS IS FOR THE MORE BUTTON ON THE HOME PAGE OR ANYTHING SIMILAR */
.more {
font-size: xx-small;
color: #B34040;
}

/* ANOTHER HANDY INDENT */
.toc-indent	{
margin-top: 5px;
margin-bottom: 5px;
margin-left: 10px;
margin-right: 10px;
}

/* ANOTHER HANDY INDENT */
.indent	{
margin-top: 10px;
margin-bottom: 10px;
margin-left: 30px;
margin-right: 30px;
}

/* ALWAYS NICE TO SET THIS */
blockquote	{
margin-left: 20px;
margin-right: 20px;
}

/* USED FOR THE ARTICLES */
.citation {
margin-top: 20px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
color: #60617E;
font-family: Tahoma, "Arial Unicode MS", Arial, Helvetica, sans-serif;
font-size: 8pt;
}
.citation a:link { color: #60617E; }
.citation a:visited { color: #60617E; }	
.citation a:active { color: #60617E; }
.citation a:hover { text-decoration: underline; color: #990000; }

/* THIS IS FOR THE SEARCH RESULTS FRAGMENT AT THE TOP OF THE ARTICLE */
.search-results-nav	{
margin-top: 0pt;
margin-bottom: 5pt;
margin-left: 0pt;
margin-right: 0pt;
color: #151540;
font-size: xx-small;
}

/* THIS IS FOR SMALLCAPS */
.smallcaps { 
  font-variant: small-caps;
}

/* THIS HIGHLIGHTS THE PREVNEXT NUMBER */
.prevnext-current { text-decoration: none; color: #CC0000; background-color: #FFFFFF;}
.prevnext-current a:link { text-decoration: none; color: #CC0000; background-color: #FFFFFF; }
.prevnext-current a:visited	{ text-decoration: none; color: #CC0000; background-color: #FFFFFF; }	
.prevnext-current a:active	{ text-decoration: none; color: #CC0000; background-color: #FFFFFF; }
.prevnext-current a:hover	{ text-decoration: underline; color: #0000AA; background-color: #FFFFFF; }

/* HIGHLIGHTS THE SUBJECT GUIDES CATEGORIES AS CHOSEN */
.sub-current { color: #CC0000; }

/* JUST A BLUE LINE THAT ACTS AS A DIVIDER BETWEEN THE TOC AND THE ARTICLE */
.separator {
background-color: #A1A4D2;
width: 1px;
padding-left: 5px solid #FFFFFF;
padding-right: 5px solid #FFFFFF;
}

/* USED TO CONTROL THE WIDTH OF ELEMENTS - ESPECIALLY HANDY FOR TD'S */
.hundred {
width: 100%;
}

.seventyfive {
width: 75%;
}

.fifty {
width: 50%;
}

.twentyfive {
width: 25%;
}

.twenty {
width: 20%;
}

/* THIS IS THE THIN MAUVE LINE ON THE NAVBAR */
.mauveback {
background: url( /img/mauvecurv.gif);
background-repeat: no-repeat;
background-color: #9999FF;
height: 2px;
}

/* THIS IS THE RED GLOBALNAV ON THE NAVBAR */
.redback {
background: url( /img/redcurv.gif);
background-repeat: no-repeat;
background-color: #990000;
/*border-top: 1px solid #9999FF;*/
}

/* THIS IS THE GLOBAL NAV */
.globalnav {
margin-top: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
margin-right: 20px;
color: #EFEFEF;
font-size: smaller;
font-weight: bold;
background-color: transparent;
}

.globalnav a:link {
text-decoration: none;
color: #EFEFEF;
background-color: transparent;
}

.globalnav a:visited	{ 
text-decoration: none;
color: #EFEFEF;
background-color: transparent;
}	

.globalnav a:active	{
text-decoration: none;
color: #EFEFEF;
background-color: transparent;
}

.globalnav a:hover	{ 
text-decoration: none;
color: #FFFFFF;
background-color: transparent;
}

.globalnav-current {
letter-spacing: 0.035em;
text-decoration: none;
color: #FFFFFF;
background-color: transparent;
}

/* THIS SETS HOW FAR LEFT TO PUT THE SUBNAV ON THE NAVBAR */
.localnav {
margin-left: 30px; /*see also browsenav*/
font-size: smaller;
color: #BBBBBB;
background-color: transparent;
}

.localnav a:link {
text-decoration: none;
color: #EFEFEF;
background-color: transparent;
}

.localnav a:visited	{ 
text-decoration: none;
color: #EFEFEF;
background-color: transparent;
}	

.localnav a:active	{
text-decoration: none;
color: #EFEFEF;
background-color: transparent;
}

.localnav a:hover	{ 
text-decoration: none;
color: #FFFFFF;
background-color: transparent;
}

.localnav-current {
font-weight: bold;
}

/* THIS SETS HOW FAR LEFT TO PUT THE SUBNAV ON THE BROWSE PAGES' NAVBAR */
.browsenav {
margin-left: 30px; /*see also localnav*/
}

/* THIS IS THE BLUE SUBNAV ON THE NAVBAR */
.blueback {
background: url( /img/lnocurv.gif);
background-repeat: no-repeat;
background-color: #000066;
/*border-bottom: 1px solid #9999FF;*/

margin-top: 0pt;
margin-bottom: 0pt;
margin-right: 0pt;
color: #EFEFEF;
}

.blueback a:link {
text-decoration: none;
color: #EFEFEF;
background-color: transparent;
}

.blueback a:visited	{ 
text-decoration: none;
color: #EFEFEF;
background-color: transparent;
}	

.blueback a:active	{
text-decoration: none;
color: #EFEFEF;
background-color: transparent;
}

.blueback a:hover	{ 
text-decoration: none;
color: #FFFFFF;
background-color: transparent;
}

/* THIS MOVES THE BACK AND NEXT BUTTONS AT THE TOP OF THE ARTICLE AWAY FROM THE RIGHT HAND SIDE OF THE BROWSER */
.backfor-up {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 20px;
}

.backfor-down {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}

/* ======== START FORM CLASSES ======== */

/* THIS MAKES ALL FORMS LOSE THEIR SPACIOUSNESS, WHICH IS A GOOD THING */
form {
margin-top: 0;
margin-bottom: 0;
padding: 0;
display: inline;
}

textarea {
color: #000066;
}

/* THIS IS THE SEARCHBOX YOU SEE AT THE TOP OF EVERY LOGGED IN PAGE */
.searchbox {
color: #000066;
font-family: Tahoma, "Arial Unicode MS", Arial, Helvetica, sans-serif;
font-size: 9pt;
width: 110px;
height: 20px;
}

/* THIS IS THE STANDARD TEXTBOX USED IN FORMS */
.textbox	{
color: #000066;
font-family: Tahoma, "Arial Unicode MS", Arial, Helvetica, sans-serif;
font-size: 9pt;
width: 180px;
height: 20px;
}

/* THIS IS THE SHORT LOGINBOX USED IN FORMS */
.loginbox	{
color: #000066;
font-family: Tahoma, "Arial Unicode MS", Arial, Helvetica, sans-serif;
font-size: 9pt;
width: 100px;
height: 22px;
}

/* THIS IS THE LOGIN BUTTON USED ON THE WELCOME PAGE */
.login {
border: 0px;
width: 46px;
height: 20px;
}

/* THIS IS THE STANDARD DROPDOWN BOX USED IN FORMS */
.dropbox	{
color: #000066;
font-family: Tahoma, "Arial Unicode MS", Arial, Helvetica, sans-serif;
font-size: 12px;;
height: 22px;
}

/* THIS IS THE FIXED WIDTH DROPDOWN BOX USED IN FORMS */
.dropbox-fixed	{
color: #000066;
font-family: Tahoma, "Arial Unicode MS", Arial, Helvetica, sans-serif;
font-size: smaller;
height: 22px;
width: 100px;
}

/* THIS IS THE STANDARD GO TO BOX USED ON THE BROWSE PAGES */
.gotobox	{
color: #000066;
font-family: Tahoma, "Arial Unicode MS", Arial, Helvetica, sans-serif;
font-size: 9pt;
width: 85px;
height: 20px;
}

/* THIS IS THE QUICKSEARCH BUTTON */
.quick	{
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;

margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;

color: #000066;
font-family: Trebuchet MS, "Arial Unicode MS", Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
background-color:#FFFFFF;
border-color:#FFFFFF;
height: 24px;
border: 0px;
}

/* THIS IS THE GOTO BUTTON */
.goto	{
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 0px;

margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;

color: #FFFFFF;
font-size: 12px;
font-weight: bold;
background-color:#000066;
border-color:#CCCCCC;
height: 20px;
}

/* THIS IS THE STANDARD INPUT WIDGET USED IN FORMS FOR SUBMIT BUTTONS ETC. */
.widget	{
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 0px;

margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;

color: #FFFFFF;
font-size: 12px;
font-weight: bold;
background-color:#000066;
border-color:#A1A4D2;
height: 22px;
}

/* THIS IS FOR SUBMIT BUTTONS THAT ARE IMAGES (USED ON THE SEARCH BOX AT THE TOP OF EVERY PAGE AND THE GO BUTTONS ON THE ADV. SEARCH PAGE */
.input-image {
border: 0px;
}

/* ======== END FORM CLASSES ======== */


/* THIS FIXES A LAYOUT PROBLEM IN NETSCAPE (CAN BE AVOIDED BUT WOULD NEED A DIFFERENT DOCTYPE - SEE RP FOR EXPLANATION) */
.ns {
font-size: 1px;
}

/* THIS IS FOR THE HOME PAGE PICS - CURRENTLY UNUSED */
.picholder	{
padding: 10px;
margin: 0px;
background-color: #FFFFFF;
border: 0px solid #EFEFEF;
}

/* THIS IS FOR THE LETTERS A-Z ON THE BROWSE PAGES */
.az	{
margin-top: 2pt;
margin-bottom: 2pt;
margin-left: 2pt;
margin-right: 2pt;
color: #666666;
background-color: #EFEFEF;
font-weight: bold;
}

.az a:link {
text-decoration: none;
color: #0000AA;
background-color: #EFEFEF;
}

.az a:visited	{ 
text-decoration: none;
color: #0000AA;
background-color: #EFEFEF;
}	

.az a:active	{
text-decoration: none;
color: #0000AA;
background-color: #EFEFEF;
}

.az a:hover	{ 
text-decoration: underline;
color: #cc0000;
background-color: #EFEFEF;
}

/* THIS IS FOR THE A-Z BOX ON THE BROWSE PAGES */
.azbox {
margin-top: 10pt;
margin-bottom: 10pt;
margin-left: 0pt;
margin-right: 0pt;
color: #B2B2B2;
background-color: #EFEFEF;
border: dotted;
border-color: #B2B2B2;
border-width: thin;
}

/* THIS HIGHLIGHTS THE CURRENT LETTER IN THE A-Z BOX ON THE BROWSE PAGES */
.az-current { color: #CC0000; }

/* THIS HIGHLIGHTS ANY UNAVAILABLE LETTERS IN THE A-Z BOX ON THE BROWSE PAGES */
.az-unavailable { color: #D8DAD6; text-decoration: line-through; }

/* THE UNORDERED LIST */
ul {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 10px;
margin-right: 10px;
padding-left: 0px;

color: #151540;
font-size: smaller;
list-style: disc;
}

/* THE ORDERED LIST */
ol {
margin-top: 2px;
margin-bottom: 2px;
margin-left: 10px;
margin-right: 10px;
padding-left: 0px;

color: #0000AA;
font-size: smaller;
list-style-type: none;
}

/* THE LIST ITEM */
li {
margin-top: 2px;
margin-bottom: 2px;
margin-left: 0px;
margin-right: 0px;
color: #000055;
}

/* this is used for the backtotop floating div */
#bottom {
right: 3px;
position: absolute;
border-top: #E9E9E7 0px solid;
border-bottom: #E9E9E7 0px solid;
border-left: #E9E9E7 0px solid;
border-right: #E9E9E7 0px solid;
background-color: transparent;

margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;

padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

/* INDEX BROWSE PAGES */
.idx-level-0 { margin-left: 0; font-weight: bold; }
.idx-level-1 { margin-left: 1em; font-weight: normal; }
.idx-level-2 { margin-left: 2em; font-weight: normal; }
.idx-level-3 { margin-left: 3em; font-weight: normal; }
.idx-level-4 { margin-left: 4em; font-weight: normal; }

/* NAMES BASED ON TAGS IN THE REP ARTICLE XML */
.BENTRY { 
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
}

.MATH { 
padding-left: 5px;
padding-right: 5px;
font-family: Times, serif;
}

.RM { 
  font-style: normal;
}

.TEQ { 
}
.EQ { 
}

.TEQ img { 
}

.EQ img { 
}

img {  
border: 0px;
}

.EXS {
margin-left: 20px;
margin-right: 20px;
font-size: smaller;
color: #5B5C79;
}

.EXT {
margin-top: 20px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
}

.EXT p {
color: #5B5C79;
}

.IT p {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 20px;
margin-right: 20px;
color: #5B5C79;
}

/*HELP CLASSES*/

p .command {
color: #990000;
}

.note {
color: #5B5C79;
}

.helpkey {
color: #0000CC;
}

/* FOR TABLE DATA */
.ruled {
vertical-align: top;
background-color: #F4F3F3;
border: solid;
border-color: #E2E1DE;
border-width: 2px;
margin-top: 20px;
margin-bottom: 20px;
}

.ruled td {
background-color: #ffffff;
padding-top: 2px;
padding-bottom: 2px;
}

/* 50%: a nice way of forcing widths in td's and being standards-compliant */
.fifty {
width: 50%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
}

/* 33%: a nice way of forcing widths in td's and being standards-compliant */
.thirds {
width: 33%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
}

/* account-already, identify-user */
.yesno {
  margin: 1em 0;
  width: 9em;
  font-family: helvetica,arial,sans-serif;
  font-size: 70%;
  font-weight: bold;
  text-align: left;
}
.yesno a {
  display: block;
  width: 100%;
}
.yesno a:link,
.yesno a:visited,
.yesno a:hover {
  background-color: #AA0000;
  color: #ffffff;
  text-decoration: none;
}
.yesno a:link,
.yesno a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.yesno a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}
.yesno span.1 {
  padding: 0 0.5em;
  background-color: #fff;
  color: #000099;
}

.this {
color: #BB0000;
}