/* CSS for algebra book   */
/* last updated 02.15.01  */

/* recent update history */

/* merged with xmath; including the all the cool contextual selectors */
/* got rid of letter spacing in nav fonts */
/* moved rowdiv class to algnot4NN.css */
/* cleaned up junk in split class causing NN4 probs */
/* added td, th */
/* tweaked alert class causing probs for NN4*/
/* 2-15 switched navrt pads to px from em */

/* general styles */

body {background-color: #000000; font-family: Verdana, sans-serif; color: #FFFFFF;}
div { font-family: Verdana, sans-serif; }
td, th, tr { font-family: Verdana, sans-serif; color: #FFFFFF; font-size: 12px;} 
p  {  font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; color: #FFFFFF; margin-left: 10px; margin-right: 10px; padding-top: 20px;} 
dl, ul, ol {   font-family: Verdana, sans-serif; color: #FFFFFF; line-height: 19px; font-size: 12px;} 
sup {vertical-align: super; font-size: 75%;}
sub {vertical-align: sub; font-size: 75%;}


/*   content links  */

A:link { color: #6699CC; }
A:visited { color: #9966CC; }
A:active { color: #99CC66; }
A:hover {color: #99CC66; text-decoration: underline; }

/*  headings */

h1 { font-family: Verdana, sans-serif; font-size: 22px; line-height: 30px; font-weight: bold; color: #333333;  background-image: none; letter-spacing: 0.15em; word-spacing: 0.4em; padding-bottom: 20px;}
h2 { font-size: 16px;  color: #FFFFFF; line-height: 24px; font-family: Verdana, sans-serif; font-weight: bold; letter-spacing: 0.15em; word-spacing: 0.3em; }
h3 { font-size: 14px;  color: #FFFFFF; line-height: 18px; font-family: Verdana, sans-serif; font-weight: bold; letter-spacing: 0.15em; word-spacing: 0.3em;}
h4 { font-size: 12px;  color: #333333; line-height: 19px; font-family: Verdana, sans-serif; font-weight: bold; letter-spacing: 0.15em; word-spacing: 0.3em;}
h6 { font-family: Verdana,  sans-serif; font-size: 10px; line-height: 12px; color: #999999; letter-spacing: 0.15em; font-weight: normal}
h5 { font-family: Verdana,  sans-serif; font-size: 12px; line-height: 30px; font-weight: bold; color: #333333}

/* alignment */

.container {position: absolute; left: 85px; top: 5px; right: auto; bottom: auto;}


/* main template styles, i.e., top, bot, side nav */

.nav {  font-family: Verdana, sans-serif; font-size: 10px; line-height: 14px; }
.navrt {  font-family: Verdana, sans-serif; font-size: 10px; line-height: 12px; text-decoration: none; padding-left: 10px; padding-right: 10px; }
.navcolr {  background-color: #F0F0F0; }

.navrule {  background-color: #6699CC; font-size: 10px;}
.navrule A:link { color: white; font-weight:bold; }
.navrule A:visited { color: white; font-weight:bold; }
.navrule A:active { color: white; font-weight:bold;}
.navrule A:hover { background-color: #FAFAFA; color: #99CC66; font-weight:bold; text-decoration: underline; }

.navrt A:link { color: #6699CC; }
.navrt A:visited { color: #6699CC; }
.navrt A:active { color: #99CC66; }
.navrt A:hover {color: #99CC66; text-decoration: underline; }
 
.nav A:link { color: #6699CC; }
.nav A:visited { color: #6699CC; }
.nav A:active { color: #99CC66; }
.nav A:hover {color: #99CC66; text-decoration: underline; }

.navrt {  font-family: Verdana, sans-serif; font-size: 10px; line-height: 12px; text-decoration: none}
.navhd { background-color:#E5E5E5; font-size: 10px; line-height:12px; font-weight:bold; }
.navbrdr {  border: #AAAAAA; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}    
.hideit {  font-size: 10px; font-weight: bold; color: #F0F0F0; background-color: #F0F0F0;}
.ctr2 {  padding-top: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; border: 0.25em #999999 solid; }
.split_lt {   background-color: #f0F0f0; border-color: #FFFFFF #FFFFFF #FFFFFF #F0F0F0; border-style: solid; border-top-width: 0em; border-right-width: 0em; border-bottom-width: 0em; border-left-width: 0.5em}
.N4hr {  color: #cccccc}
.backtop { font-weight: bold; color: white; }

/* borders and dividers */

.wrapit { padding-right: 50px; padding-left: 5px; margin-left: 50px; margin-bottom: 10px}




/* table header styles  */

.split {  background-color: #F0F0F0; font-family: Verdana, sans-serif; font-size: 16px; line-height: 30px; font-weight: bold; color: #333333;  padding-left: 5px; }
.splitunit { background-color: #F0F0F0; font-family: Verdana, sans-serif; font-size: 18px; line-height: 30px; font-weight: bold; color: #333333; letter-spacing: 0.2em; word-spacing: 0.3em;  border-color: white white white #F0F0F0; border-style: solid; border-top-width: 0em; border-right-width: 0em; border-bottom-width: 0.1px; border-left-width: 0.5em; padding-left: 5px; border: none; margin: 0px;}
.head {background-color: #666666; }
.def {background-color: #FFFFFF; }
.active {background-color: #6699CC; }
.step {background-color: #CC9966; }
.expl {background-color: #CCCCCC; }
.emph {background-color: #99CC66; }
.prob {background-color: #9966CC; }
.probabc {background-color: #999999; }
.check {background-color: #CC6699; }

/* homework styles  */

.assign {  font-family: Verdana, sans-serif; font-size: 9px; color: #FFFFFF; background-color: #9966CC; border-color: #FFFFFF; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
.solu { font-family: Verdana, sans-serif; font-size: 9px; color: #333333; background-color: #F0F0F0; border-color: #FFFFFF; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px }


/* media floats */

.giz600 {  position: relative; float: left; width: 600px; }
.giz300L {  position: relative; float: left;  width: 300px; padding: 10px 10px 10px 10px;}
.giz300R {  position: relative; float: right; width: 300px; padding: 10px 10px 10px 10px;}
.giz400L {  position: relative; float: left;  width: 400px; padding: 10px 10px 10px 10px;}
.giz400R {  position: relative; float: right; width: 400px; padding: 10px 10px 10px 10px;}
.imgR {  position: relative; float: right; padding: 10px 10px}
.imgL {  position: relative; float: left; padding: 10px 10px}

/* headings, titles */

.hdchap  { font-size: 20px;  line-height: 30px; color: #333333; font-family: Verdana, sans-serif; font-weight: bold; letter-spacing: 0.2em; word-spacing: 0.3em;}
.hdsect{ font-size: 18px;  line-height: 30px; color: #333333; font-family: Verdana, sans-serif; font-weight: bold; letter-spacing: 0.2em; word-spacing: 0.3em;}
.hdunit  { font-size: 16px;  line-height: 24px; color: #333333; font-family: Verdana, sans-serif; font-weight: bolder; letter-spacing: 0.2em; word-spacing: 0.3em;}
.hdemph  { font-size: 16px;  line-height: 24px; color: #333333; font-family: Verdana, sans-serif; font-weight: bold; letter-spacing: 0.2em; word-spacing: 0.3em;}


/* table of contents styles */

.item { font-size: 12px;  color: #333333; line-height: 19px; font-family: Verdana, sans-serif; font-weight: bold; border: none; margin: 0px; letter-spacing: 0.2em; word-spacing: 0.3em; background-color: #F0F0F0; padding-left: 5px;}
.sec{ font-size: 12px;  line-height: 19px; color: #333333; font-family: Verdana, sans-serif; font-weight: bold; border: none; margin: 0px;letter-spacing: 0.2em; word-spacing: 0.3em; background-color: #F0F0F0; padding-left: 5px;}
.chnum {  font-family: Verdana, sans-serif; font-size: 10px;  line-height: 12px; color: #333333; letter-spacing: 5px;}


/* fonts */

.content {  font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; color: #333333;} 
.math {  font-family: "Times New Roman", Times, serif; font-size: 13px; color: #000000;  font-weight: 700; letter-spacing: 0.2em;}
.sym {  font-family: Symbol;}
.pcdo {  font-family: "Courier New", Courier, mono; font-size: 12px; color: #333333; font-weight: bold;}
.small {  font-family: Verdana, sans-serif; font-size: 10px;  line-height: 12px; color: #333333; text-decoration: none;}
.comment {  font-family: "Courier New", Courier, mono; font-size: 98%; color: #FF0000;}
.fine {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 12px; color: #666666; letter-spacing: 0.15em; font-weight: normal}


/* hilites styles */

.tip {  background-color: #FFFFCC; font-size: 12px; line-height: 19px; color: #333333; padding-top: 5px; padding-bottom: 5px; margin-top; 20px; margin-bottom; 20px;}
.tiplist {font-size: 12px;}
.hilite { background: #FFCCFF; }
.sol { background: #F0F0F0; font-color: #CC9966 ; color: #CC6699; font-weight: bold;}
.alert {background: #CC6699; color: white; font-weight: bold; }



/* misc */

.bld { font-weight: bold; }
p.clear { clear: both; line-height: 20%;}
select { color: #333333; background-color: #F0F0F0; font-size: 10px;}
.def {  font-family: Verdana, Arial, Helvetica, sans-serif;  line-height: 150%; color: #333333;  border-color: #FF6600 #FFFFFF #666666; margin-top: 50px; margin-right: 50px; margin-bottom: 50px; margin-left: 50px; padding-top: 20px; padding-bottom: 20px; border-style: solid; border-top-width: medium; border-right-width: thin; border-bottom-width: medium; border-left-width: thin}
.breakout {clear: both;}

.exsol {  border-color: #FFFFFF #FFFFFF #FFFFFF #CC9966; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 2px}
.indent {  margin-left: 5em;}

.buttonLike {font-family: verdana; font-size:12px; line-height:12px; font-weight:bold; background-color: #CCCCCC; color:#000000;}
.buttonLike10 {font-family: verdana; font-size:10px; line-height: 10px; background-color: #CCCCCC; color:#000000;}


.radbtn {  vertical-align: middle; }
.bdr1 {  border: 1px #FF3333 solid}
.hideit {  font-size: 10px; font-weight: bold; color: #F0F0F0; background-color: #F0F0F0; clip:   }