.body { 
		font-weight: normal; 	font-size: 12px; 	font-family: Verdana, Helvetica, sans-serif;;
}

body { 
		font-weight: normal; 	font-size: 12px; 	font-family: Verdana, Helvetica, sans-serif; margin: 0; background: #E5E5E5;
}

/*** ADDITIONS ADDED by Jamie November 2010 ***/
#overall { background: #FDD88E; }
#wrapper { width: 776px; margin: 0 auto; padding: 0; }
#header {
	position: relative;
	width: 100%;
}
#header #currentCount {
	padding: 5px 0 8px 0;
	font-size: 11px;
}
#header #memberLogin {
	position: absolute;
	top: 3px;
	right: 0;	
}
#header #memberLogin ul, #header #topNavigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#header #memberLogin ul {
	margin: 24px 0 0 0;
	font-size: 10px;
	font-weight: bold;
}
#header #memberLogin ul li, #header #topNavigation ul li {
	margin: 0;
	padding: 0;
	display: inline;
}
#header #memberLogin ul li {
	padding: 0 5px;
}
#header #memberLogin ul li a {
	font-weight: normal;
}
#header #topNavigation {
	position: absolute;
	bottom: -2px;
	right: 0;	
}
#contentarea {
	background: #FFF;
	border: 2px solid #007a2e;
	padding: 8px;
}
#contentarea2 {
	background: #FFF url(/vocabweb/img/bgrnd-leftgutter.gif) repeat-y;
}




.subhead2    { 
		font-size: 12px; 	
		font-family: Verdana, Helvetica, sans-serif; 
		font-weight: bold; 
		text-indent: 0; 
		padding-left: 0; 
                color: green;
}

.subhead3    { 
		font-size: 12px; 
		font-family: Verdana, Helvetica, sans-serif; 
		font-weight: bold; 
		text-indent: 0; 
		padding-left: 0; 
}

.bigblack { 
		color: #000; 
		font-weight: bold; 
		font-size: 14px; 
		font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
}

.red { 
		color: red; 
		font-weight: bold; 
		font-size: 16px; 
		font-family: Arial, Verdana, Helvetica, sans-serif;
}

.red2 { 
		color: red; 
		font-weight: bold; 
		font-size: 20px; 
		font-family: Arial, Verdana, Helvetica, sans-serif;
}

.smtext { 
		font-size: 11px; 
		font-family: Verdana, Helvetica, sans-serif;
}


/*
  These are the styles for the alert table that shows up when the form that you submitted has an error.
*/
table.alert {background-color: #FFFF66; border-width: 2px; width: 400px; border-style: dashed; border-color: #800000; border-collapse: collapse;}
table.alert td {padding: 8px; color: #800000; text-align: center;}

/*
  These are the styles for the success table that shows up when the successfully downloaded a PDF.
*/
table.submit {background-color: #ccffcc; border-width: 2px; width: 470px; border-style: dashed; border-color: #006600; border-collapse: collapse;}
table.submit td {padding: 8px; text-align: center;}

.submittext {color: #000000; font-size: 14px; font-weight: bold;}

.anylinkcss{
border-left:1px solid gray; border-right:1px solid gray; border-top:1px solid gray; border-bottom:0px solid gray; position:absolute;
visibility: hidden;
line-height: 18px;
z-index: 100;
background-color: white;
width: 205px; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Verdana
}

.anylinkcss a{
color: black;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid gray;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: #F8FBBD;
color: black;
}


.tierDefinition {
margin:0 0 0 3px;
padding:0 3px 0 3px;
font-size:13px; 
color:#333333; 
border:1px solid #666666; 
background: #eeeeee; 
display:none; 
z-index:100; 
width:100px; 
visibility:hidden; 
position:absolute;
}

.wordDefinition {
  margin:0 0 0 3px; 
  padding:0 3px 0 3px; 
  font-size:12px; 
  color:#333333; 
  border:1px solid #666666; 
  background: #eeeeee; 
  display:none; 
  z-index:100; 
  width:100px; 
  visibility:hidden; 
  position:absolute;         
  filter:alpha(opacity=80); 
  -moz-opacity:0.8; 
  opacity:0.8; 
  -khtml-opacity:.8;
}
.wordImage {
  z-index:100; 
  position:absolute; 
}

.tierHeaderPopup {
margin:18px 0 0 -85px; 
padding:0 3px 0 3px; 
font-size:12px; 
color:#333333; 
border:1px solid #666666; 
background: #eeeeee; 
display:none; 
z-index:100; 
width:100px; 
visibility:hidden; 
position:absolute; 
text-align:left;
}

form              {margin-bottom:0; margin-top:0;}
td                {font-family:Verdana,Helvetica,Sans-serif; color:#000000;}
a                 {outline-style:none;}
input             {outline-style:none;}
.footer           {color:black;}
.footer a:link    {color:black; text-decoration:none;}
.footer a:visited {color:black; text-decoration:none;}
.footer a:hover   {color:red; text-decoration:underline;}
.footer a:active  {color:#0000CC; text-decoration:underline;}
.instructions     {font-family:Serif; color:#D40000; font-size:13px;}
.instructions1    {font-family:Verdana,Helvetica,Sans-serif; color:#D40000; font-size:13px; font-weight:bold;}
.instructions2    {font-family:Verdana,Helvetica,Sans-serif; color:#000000; font-size:13px;}


.categories2 a:link    {color:black; text-decoration:none; display:block;}
.categories2 a:visited {color:black; text-decoration:none; display:block;}
.categories2 a:hover   {color:red; text-decoration:none;}
.categories2 td:hover  {color:red; text-decoration:none;}
.categories2 a:active  {color:black; text-decoration:none;}
.topics2 a:link        {color:#003366; text-decoration:none; display:block;}
.topics2 a:visited     {color:#003366; text-decoration:none; display:block;}
.topics2 a:hover       {color:white; text-decoration:none;}
.topics2 td:hover      {color:white; text-decoration:none;}
.topics2 a:active      {color:yellow; text-decoration:underline;}
.subtopics2 a:link     {color:white; text-decoration:none; display:block;}
.subtopics2 a:visited  {color:white; text-decoration:none; display:block;}
.subtopics2 a:hover    {color:red; text-decoration:none;}
.subtopics2 td:hover   {color:red; text-decoration:none;}
.subtopics2 a:active   {color:yellow; text-decoration:underline;}
.topics3 a:link        {color:white; text-decoration:none; display:inline; position:relative;}
.topics3 a:visited     {color:white; text-decoration:none; display:inline; position:relative;}
.topics3 a:hover       {color:white; text-decoration:none; display:inline; position:relative;}
.topics3 a:active      {color:yellow; text-decoration:underline; display:inline; position:relative;}
.words a:link          {color:black; text-decoration:none;}
.words a:visited       {color:black; text-decoration:none;}
.words a:hover         {color:red; text-decoration:underline;}
.words a:active        {color:yellow; text-decoration:underline;}
.breadcrumb a:link     {color:black; text-decoration:underline;}
.breadcrumb a:visited  {color:black; text-decoration:underline;}
.breadcrumb a:hover    {color:red; text-decoration:underline;}
.breadcrumb a:active   {color:black; text-decoration:underline;}
.prevwords a:link      {color:green; text-decoration:none; font-weight:bold;}
.prevwords a:visited   {color:green; text-decoration:none; font-weight:bold;}
.prevwords a:hover     {color:red; text-decoration:underline;}
.prevwords a:active    {color:yellow; text-decoration:underline;}
.usedwords             {color:black; font-weight:bold;}
.usedwords a:link      {color:black; text-decoration:none; font-weight:bold;}
.usedwords a:visited   {color:black; text-decoration:none; font-weight:bold;}
.usedwords a:hover     {color:black; text-decoration:none; font-weight:bold;}
.usedwords a:active    {color:black; text-decoration:none; font-weight:bold;}
.premade               {color:blue;}
.premade   a:link      {color:blue;}
.premade   a:visited   {color:blue;}
.premade   a:hover     {color:blue; text-decoration:none;}
.premade   a.active    {color:blue; text-decoration:none;}

.login                          {font-size: 10px; font-weight: bold; color: #000000; text-decoration: none;}
.login a:link, .login a:visited {color: #cc0000; font-weight: normal; text-decoration: underline;}
.login a:hover, .login a:active {color: #000000; font-weight: normal; text-decoration: none;}
.login input                    {color: #000000; background: #ffffff; border: 1px solid #000000}

/* styles that used to be inline in the html code */
.removeDiv       {border: 1px solid rgb(102, 102, 102); margin: 0pt 0pt 0pt -110px; padding: 0pt 3px; background: rgb(238, 238, 238) none repeat scroll 0%; font-size: 12px; color: rgb(51, 51, 51); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: none; z-index: 100; width: 100px; visibility: hidden; position: absolute;}
.rolloverDefnDiv {border: 1px solid rgb(102, 102, 102); margin: 0pt 0pt 0pt 3px; padding: 0pt 3px; background: rgb(238, 238, 238) none repeat scroll 0%; font-size: 12px; color: rgb(51, 51, 51); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: none; z-index: 100; width: 100px; visibility: hidden; position: absolute; opacity: 0.8;}
.rolloverImageDiv {margin: 0pt; display: none; z-index: 100; width: 100px; visibility: hidden; position: absolute;}

.popupinfo {text-decoration: none; border-bottom: 1px dotted #ff6600;}
.defnRollover {margin:0 0 0 3px; padding:0 3px 0 3px; font-size:13px; color:#333333; border:1px solid #666666; background: #eeeeee; display:none; z-index:100; width:100px; visibility:hidden; position:absolute;}
.addWordDefnRollover {font-weight:normal;text-align:left; white-space:normal; margin:0 0 0 3; padding:0 3 0 3; font-size:12px; color:#333333; border:1px solid #666666; background: #eeeeee; display:none; z-index:100; width:100px; visibility:hidden; position:absolute;}
.addWordLabel {white-space:nowrap;font-weight:bold;vertical-align:top;text-align:right;}         
.addWordExample {text-align:left; font-size:12px;color:gray;vertical-align:top;}
.lessonInfoRollover {margin:15px 0 0 0; padding:0 3px 0 3px; font-size:12px; color:#333333; border:1px solid #666666; background: #eeeeee; display:inline; z-index:100; width:100px; visibility:hidden; position:absolute;}

/* checkout.jsp page styles */
.checkoutrollover {border: 1px solid rgb(102, 102, 102); margin: 0pt 0pt 0pt 3px; padding: 0pt 3px; background: rgb(238, 238, 238) none repeat scroll 0%; font-size: 12px; color: rgb(51, 51, 51); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display: inline; z-index: 100; width: 100px; visibility: hidden; position: absolute;}

.nonhometag {font-size: 12px; font-weight: bold; color: #006600; letter-spacing: .1em; text-align: center;}
.nonhometag2 {font-size: 12px; font-weight: bold; color: #000000; text-align: center;}


table.userpass {border-spacing: ; border:2px solid #008000; border-collapse: collapse; font-size: 12px; font-weight: bold}
table.freetrial {border-spacing: ; border:2px solid #cc3333; border-collapse: collapse; font-size: 12px; font-weight: bold}


.dl-unit-title {color: #000000; font-size: 14px;}
.srch-description {color: #000000; font-size: 12px;}
.srch-breadcrumb {color: #999999; font-size: 12px;}
.srch-breadcrumb a:link, .srch-breadcrumb a:visited {color: #999999; text-decoration: none; border-bottom:1px solid #E8E8E8}
.srch-breadcrumb a:hover, .srch-breadcrumb a:active {color: #fe0002; text-decoration: none; }

.whitelabel {color: #ffffff; font-size: 12px; font-weight: bold; padding: 8px; background-color: #005478; border-width: 0px;}
.whitelinksml {color: #ffffff;}
.whitelinksml a:link, .whitelinksml a:visited {color: #ffffff; text-decoration: underline;}
.whitelinksml a:hover, .whitelinksml a:active {color: #FFCC66; text-decoration: none;}

.whitelink {color: #ffffff;}
.whitelink:link, .whitelink:visited {color: #ffffff; text-decoration: underline;}
.whitelink:hover, .whitelink:active {color: #800000; text-decoration: none;}
 
.premadelist {padding-bottom: 26px; line-height: 22px;}
.premadelist-hdr {font-size: 13px; font-weight: bold;}
.premadelist-links {padding-top: 4px; padding-left: 16px; line-height: 16px;}
 
 
 
 
 ul#macMillianNav {
 	margin: 0;
 	padding: 0;
 	listy-style: none;
 	float: left;
 	background-color: #568CAE;
 	width: 100%;
 }
 ul#macMillianNav li {
 	margin: 0;
 	padding: 0;
 	display: inline;
 }
 ul#macMillianNav li a {
 	display: block;
 	float: left;
 	width: 92px;
 	height: 41px;
 	margin: 0 3px 0 0;
 	padding: 0;
 	text-indent: -10000000px;
 }
 ul#macMillianNav li a#kindergarten {
 	background: url(/vocabweb/img/subnav-kindergarten.png) no-repeat;
 }
 ul#macMillianNav li a#grade1 {
 	background: url(/vocabweb/img/subnav-grade1.png) no-repeat;
 }
 ul#macMillianNav li a#grade2 {
 	background: url(/vocabweb/img/subnav-grade2.png) no-repeat;
 }
 ul#macMillianNav li a#grade3 {
 	background: url(/vocabweb/img/subnav-grade3.png) no-repeat;
 }
 ul#macMillianNav li a#grade4 {
 	background: url(/vocabweb/img/subnav-grade4.png) no-repeat;
 }
 ul#macMillianNav li a#grade5 {
 	background: url(/vocabweb/img/subnav-grade5.png) no-repeat;
 }
 ul#macMillianNav li a#grade6 {
  background: url(/vocabweb/img/subnav-grade6.png) no-repeat;
 }
 ul#macMillianNav li a:hover {
 	background-position: 0 -41px !important;
 }
 ul#macMillianNav li a.active {
 	background-position: 0 -82px !important;
 }
 ul#macMillianNav li a.active:hover {
 	background-position: 0 -82px !important;
 }
 
 
 
 
/*** LEVEL BAR ***/
#levelBar {
	margin: 5px 0 0 0;
	padding: 1px 0 20px;
	width: 100%;
	height: 46px;
}
#levelBar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#levelBar ul li {
	margin: 0 4px 0 0;
	padding: 0;
	display: inline;
	float: left;
}
#levelBar a {
	margin: 0;
	padding: 0;
	text-indent: -100000px;
	display: block;
	width: 22px;
	height: 46px;
}
#levelBar a:focus {
	outline: 0 !important;
}
#levelBar a#level-aa {
	background: url(/vocabweb/img/levelBar-aa.png) no-repeat;
}
#levelBar a#level-A {
	background: url(/vocabweb/img/levelBar-A.png) no-repeat;
}
#levelBar a#level-B {
	background: url(/vocabweb/img/levelBar-B.png) no-repeat;
}
#levelBar a#level-C {
	background: url(/vocabweb/img/levelBar-C.png) no-repeat;
}
#levelBar a#level-D {
	background: url(/vocabweb/img/levelBar-D.png) no-repeat;
}
#levelBar a#level-E {
	background: url(/vocabweb/img/levelBar-E.png) no-repeat;
}
#levelBar a#level-F {
	background: url(/vocabweb/img/levelBar-F.png) no-repeat;
}
#levelBar a#level-G {
	background: url(/vocabweb/img/levelBar-G.png) no-repeat;
}
#levelBar a#level-H {
	background: url(/vocabweb/img/levelBar-H.png) no-repeat;
}
#levelBar a#level-I {
	background: url(/vocabweb/img/levelBar-I.png) no-repeat;
}
#levelBar a#level-J {
	background: url(/vocabweb/img/levelBar-J.png) no-repeat;
}
#levelBar a#level-K {
	background: url(/vocabweb/img/levelBar-K.png) no-repeat;
}
#levelBar a#level-L {
	background: url(/vocabweb/img/levelBar-L.png) no-repeat;
}
#levelBar a#level-M {
	background: url(/vocabweb/img/levelBar-M.png) no-repeat;
}
#levelBar a#level-N {
	background: url(/vocabweb/img/levelBar-N.png) no-repeat;
}
#levelBar a#level-O {
	background: url(/vocabweb/img/levelBar-O.png) no-repeat;
}
#levelBar a#level-P {
	background: url(/vocabweb/img/levelBar-P.png) no-repeat;
}
#levelBar a#level-Q {
	background: url(/vocabweb/img/levelBar-Q.png) no-repeat;
}
#levelBar a#level-R {
	background: url(/vocabweb/img/levelBar-R.png) no-repeat;
}
#levelBar a#level-S {
	background: url(/vocabweb/img/levelBar-S.png) no-repeat;
}
#levelBar a#level-T {
	background: url(/vocabweb/img/levelBar-T.png) no-repeat;
}
#levelBar a#level-U {
	background: url(/vocabweb/img/levelBar-U.png) no-repeat;
}
#levelBar a#level-V {
	background: url(/vocabweb/img/levelBar-V.png) no-repeat;
}
#levelBar a#level-W {
	background: url(/vocabweb/img/levelBar-W.png) no-repeat;
}
#levelBar a#level-X {
	background: url(/vocabweb/img/levelBar-X.png) no-repeat;
}
#levelBar a#level-Y {
	background: url(/vocabweb/img/levelBar-Y.png) no-repeat;
}
#levelBar a#level-Z {
	background: url(/vocabweb/img/levelBar-Z.png) no-repeat;
}
#levelBar a:hover {
	background-position: 0 -46px !important;
}
#levelBar a.active {
	background-position: 0 -92px !important;
}
#leftcolumn #levelBar a.active {
	background-position: 0 -46px !important;
}
	
/*** LEVEL BAR POPOUT ***/
.levelBarPopout-container {
	font-family: Arial,Verdana;
	font-size: 11px;
	position: relative;
	width: 198px;
}
.levelBarPopout-arrow {
	height: 17px;
	position: absolute;
	width: 19px;
	z-index: 10;	
}
.levelBarPopout-arrow-top {	
	top: -9px;
	background: url(/vocabweb/img/popout-design-arrow-top.png) bottom center no-repeat;
}
.levelBarPopout-arrow-topleft {	
	top: -9px;
	background: url(/vocabweb/img/popout-design-arrow-topleft.png) bottom center no-repeat;
}
.levelBarPopout-arrow-topright {	
	top: -9px;
	background: url(/vocabweb/img/popout-design-arrow-topright.png) bottom center no-repeat;
}
.levelBarPopout-arrow-bottom {
	bottom: -9px;
	background: url(/vocabweb/img/popout-design-arrow-bottom.png) top center no-repeat;
}
.levelBarPopout-arrow-bottomleft {
	bottom: -9px;
	background: url(/vocabweb/img/popout-design-arrow-bottomleft.png) top center no-repeat;
}
.levelBarPopout-arrow-bottomright {
	bottom: -9px;
	background: url(/vocabweb/img/popout-design-arrow-bottomright.png) top center no-repeat;
}
.levelBarPopout-inner {
	background: url(/vocabweb/img/popout-design-top-levelbar.png) top left no-repeat;
	padding: 12px 0 0 0;
}
.levelBarPopout-inner table {
	width: 100%;
	background: url(/vocabweb/img/popout-design-center-levelbar.png) top left repeat-y;
}
.levelBarPopout-inner table td.spacer {
	width: 16px;
}
.levelBarPopout-inner table td {
	padding-top: 1px;
	padding-bottom: 1px;
}
.levelBarPopout-inner table td.col1 {
	padding: 2px 0 2px 3px;
}
.levelBarPopout-inner table td.col2 {
	width: 39px;
	padding: 2px 3px 2px 0;
	font-weight: bold;
	text-align: right;
}
.levelBarPopout-inner table td.zebra {
	background-color: #efefee;
}
.levelBarPopout-bottom {
	background: url(/vocabweb/img/popout-design-bottom-levelbar.png) top left repeat-y;
	height: 12px;
	width: 198px;
}
#bundlebar-inner ul.bundleSites li#vazLink  { background: url(/shared/images/bg-vaztab.png) left bottom no-repeat; }
#bundlebar-inner ul.bundleSites li#vazLink a  { color: #000; }