@charset "utf-8";
body {
	font: 100% Arial, Verdana, sans-serif;
	/*background: #5e80ab;*/
	background: #333;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	height:1%;
}

blockquote{font-size:.75em; padding:0 0 8px 0; margin:0 50px 0 50px;}
form{padding:0; margin:0;}

/*popup styles*/
div.hr-heading{height:1px;line-height:1px;background:#999;margin-bottom:25px;}
div.hr{height:1px; line-height:1px; background:#999;}
dl.popuplinks{font-size:.75em;}
dl.popuplinks dt{padding-bottom:10px;}

.one_col #container {
	width: 990px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #021e59 url(../images/container_bg.jpg) top left no-repeat;
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
}

.one_col #popup {
	width: 830px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:530px;
	background: #fff;
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
}

.one_col{height:100%;}
.one_col #popup2 {
	width: 650px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	min-height:430px;
	background: #fff;
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
	margin-bottom:-62px;
}

#popup2 table.styled td{font-size:.75em;}
.datatable td{font-size:.75em;}

/*page top*/
.one_col #header {
}
.one_col #header h1 {

}

.one_col #pagetop {
	border:0px dotted blue;
}
.one_col #pagetop #irs_header{
	background:#001e5c url(../images/irs_header_bg.gif) 0 0 repeat-x;
	height:36px;
	padding:0;
	margin:0;
	color:#fff;
}
.one_col #pagetop #irs_header #level{
	position:absolute; right:10px; top:4px; z-index:10;
}
.one_col #lesson_content{
	background:#021e59 url(../images/lesson_bg.png) top right no-repeat;
	margin-left:10px;
	padding:0;
}
#lesson_header{
	background:#fff url(../images/lesson_header_bg.png) 0 0 repeat-x;
	padding:0;
	margin:0 10px 0 0;
	border-left:1px solid #676666;
	border-right:1px solid #676666;
	height:89px;
}
.one_col #lesson{
	background:url(../images/flag_star.gif) 0 0 no-repeat;
	height:69px;
	width:180px;
	position:absolute;
	top:36px;
	left:0;
	z-index:0;
}
/*Lesson Name*/
#lesson_header h1{
	font-size:1.13em;
	font-weight:normal;
	color:#001e5c;
	padding:19px 0 0 1px;
	margin:0 0 0 130px;
	position:relative;
	z-index:10;
}
	
/*Topic Name*/
#lesson_header h2{
	font-size:.75em;
	font-weight:bold;
	color:#333399;
	padding:7px 0;
	margin:0 0 0 131px;
	position:relative;
	z-index:10;
}

/*popup content area*/
#popup #main_content, #popup2 #main_content{padding:0; margin:62px 25px; background:#fff;}
#close{position:absolute; top:38px; right:0;}
#close a{
	background:url(../images/buttons/sprites/close_window.png) 0 0 no-repeat;
	width:130px; height:22px;
	padding:0; margin:0;
	display:block;
	text-indent:-9999px; overflow:hidden;
}
#close a:hover{
	background:url(../images/buttons/sprites/close_window.png) -130px 0 no-repeat;
}

#lesson_content > #main_content {
	margin: 0 10px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #fff;
	border-left:1px solid #676666;
	border-right:1px solid #676666;
}
#main_content h1{
	padding:0 0 15px 0;
	margin:0;
	font-size:1.13em;
	font-weight:bold;
	color:#333399;
}
#main_content h2{
	padding:0px 0 15px 0;
	margin:0px;
	font-size:.88em;
	font-weight:bold;
	color:#ff6600;
}
h2.popup{
	padding:10px 0 5px 0;
	margin:0;
	font-size:.88em;
	font-weight:bold;
	color:#ff6600;
}
#main_content h3{font-size:.75em; padding:0 0 5px 0; margin:0;}
#main_content p{
	font-size:.75em;
	color:#000;
	font-weight:normal;
	padding-bottom:8px;
}
#main_content ul{padding:0 0 10px 25px; margin:0; font-size:12px; color:#000;}
#main_content li{padding:4px 0 4px 0; list-style-image:url(../images/icons-bullets/bullet-square.gif);}
#main_content ol{padding:0 0 10px 25px; margin:0 0 0 15px; font-size:12px; list-style:none; list-style-image:none;}
#main_content ol li{font-size:12px; list-style-image:none; list-style:decimal;}
#main_content ul ul{padding-bottom:0; padding-top:5px; margin-bottom:0; margin-top:0;}
#main_content ol ul{padding-bottom:0; padding-top:5px; margin-bottom:0; margin-top:0;}
#main_content ul ol{padding-bottom:0; padding-top:5px; margin-bottom:0; margin-top:0;}
#main_content ul ul li{list-style-image:url(../images/icons-bullets/bullet-dash.gif);}
#main_content ol ul li{list-style-image:url(../images/icons-bullets/bullet-square.gif);}

#main_content a{
	text-decoration:underline;
	color:#1c4e80;
	/*outline:none;*/
}
#main_content a:hover{color:#ff6600;}
#main_content a:visited{color:#661c80;}

/*text/image layout styles*/
#main_content.horizontal #text{margin-bottom:30px; width:910px;}
#main_content.horizontal #text2{height:245px;}
#main_content.horizontal #image{width:910px; text-align:center;}

#main_content.vertical #text{padding:0; margin:0;}
#main_content.vertical #text2{float:left;width:638px;}
#main_content.vertical #text3{float:left;width:521px;}
#main_content.vertical #text4{float:left;width:403px;}
#main_content.vertical #text5{float:left;width:329px;}
#main_content.vertical #text6{float:left;width:239px;}
#main_content.vertical #image2{float:left;width:241px;margin-left:30px; padding-top:34px;}
#main_content.vertical #image3{float:right;width:358px;margin-left:30px; padding-top:34px;}
#main_content.vertical #image4{float:right;width:476px;margin-left:30px; padding-top:34px;}
#main_content.vertical #image5{float:right;width:550px;margin-left:30px; padding-top:24px;}
#main_content.vertical #image6{float:right;width:640px;margin-left:30px; padding-top:24px;}
#main_content.vertical .img-spacer{height:30px; line-height:30px; display:block;}
div.spacer{height:10px; line-height:10px; display:block;}
/*box widths / create as needed*/
.w300{width:300px;}
.w500{width:500px;}
.w700{width:700px;}
#main_content .box{
	font-size:inherit;
	background:url(../images/box_tl.gif) top left no-repeat;
	margin:20px 0 16px 0;
	position:relative;
}
#main_content .box img.box-heading{position:absolute; top:0;}
#main_content .boxtr{
	background:url(../images/box_tr.gif) top right no-repeat;
	height:20px;
	line-height:20px;
	padding:0;
	margin:0;
}
#main_content .box-footer{
	background:#fff url(../images/box_bl.gif) bottom left no-repeat;
}
#main_content .box-content{
	background:url(../images/box_r.gif) right repeat-y;
	padding:23px 20px 0 23px;
}
#main_content .box-content-noheader{
	background:url(../images/box_r.gif) right repeat-y;
	padding:0 20px 0 23px;
}
#main_content .boxbr{
	background:url(../images/box_br.gif) bottom right no-repeat;
	height:9px;
	line-height:9px;
}

table.styled{font-size:1em;color:#000;font-weight:400;border-collapse:collapse;margin:0px 0 10px 1px;padding:0;}
table.styled th{background:#90a3bb;text-align:left;border:1px solid #999;margin:0;padding:5px;font-size:.75em;}
table.styled td.th2{background:#f0f0f0;border:1px solid #999;margin:0;padding:5px;}
table.styled td{background:#fff;border:1px solid #999;margin:0;padding:5px;vertical-align:top;}
table.styled tr.tfooter td{background:#90a3bb;height:2px;line-height:2px;}
table.container{font-size:100%;}
#popup2 table.container{font-size:100%; width:100%;}
table.container table.container td,table.container table.container th{font-size:.75em;background:none;border:none;margin:0;padding:3px 3px 3px 1px;}
table.container td#content{vertical-align:top;margin:0;padding:0 28px 0 29px;}

#main_content .incorrect{font-weight:700;color:#c00; line-height:14px; height:14px; vertical-align:middle; background:url(../images/icons-bullets/x-mark.png) 0 0 no-repeat; padding-left:25px; position:relative; top:-35px; margin-bottom:-25px;}
#main_content .correct{font-weight:700;color:#093; line-height:14px; height:14px; vertical-align:middle; background:url(../images/icons-bullets/checkmark.png) 0 0 no-repeat; padding-left:25px; position:relative; top:-35px; margin-bottom:-25px;}
.feedback{font-weight:normal; color:#000;}
/*scrollbar*/

/*navigation*/
#navigation{ position:absolute; top:36px;  left:711px; z-index:100; /*outline:none;*/ list-style-type:none; padding:0; margin:0;}
#navigation li{float:left;}
#navigation img{padding:0; margin:0;}
#navigation .menu_head{cursor:pointer;}
#navigation a{text-indent:-9999px; overflow:hidden;}
/*print*/
#navigation #print a{
	background:url(../images/buttons/sprites/menu_sprite.png) -129px 0 no-repeat;
	width:43px; height:22px;
	display:block;
}
#navigation #print a:hover, #navigation #print a.active{
	background:url(../images/buttons/sprites/menu_sprite.png) -129px -25px no-repeat;
}
/*help*/
#navigation #help a{
	background:url(../images/buttons/sprites/menu_sprite.png) -172px 0 no-repeat;
	width:39px; height:22px;
	display:block;
}
#navigation #help a:hover, #navigation #help a.active{
	background:url(../images/buttons/sprites/menu_sprite.png) -172px -25px no-repeat;
}
/*glossary*/
#navigation #glossary a{
	background:url(../images/buttons/sprites/menu_sprite.png) -211px 0 no-repeat;
	width:60px; height:22px;
	display:block;
}
#navigation #glossary a:hover, #navigation #glossary a.active{
	background:url(../images/buttons/sprites/menu_sprite.png) -211px -25px no-repeat;
}
/*references*/
#navigation #references a{
	background:url(../images/buttons/sprites/menu_sprite.png) -271px 0 no-repeat;
	width:76px; height:22px;
	display:block;
}
#navigation #references a:hover, #navigation #references a.active{
	background:url(../images/buttons/sprites/menu_sprite.png) -271px -25px no-repeat;
}
/*exit*/
#navigation #exit a{
	background:url(../images/buttons/sprites/menu_sprite.png) -347px 0 no-repeat;
	width:50px; height:22px;
	display:block;
}
#navigation #exit a:hover, #navigation #exit a.active{
	background:url(../images/buttons/sprites/menu_sprite.png) -347px -25px no-repeat;
}

/*main menu*/
#mainmenu{position:absolute; top:36px;  left:582px; z-index:11;}
#mainmenu #main a span{display:none;}
#mainmenu #main a{
	background:url(../images/buttons/sprites/menu_sprite.png) 0 0 no-repeat;
	width:129px; height:22px;
	display:block;
	text-indent:-9999px; overflow:hidden; height: 22px;
}
#mainmenu #main a:hover, #mainmenu #main a.active{
	background:url(../images/buttons/sprites/menu_sprite.png) 0 -25px no-repeat;
	width:129px; height:22px;
	display:block;
	text-indent:-9999px;
}
/*
.menucontainer{border-right:3px solid #c0c0c0;border-bottom:3px solid #c0c0c0; margin:2px 0 0 10px;}
.menubottom{background:url(../images/menu_bottom_24bit.png) top right no-repeat; height:22px; visibility:hidden;}
*/
#mainmenudropdown{
	background:#f0f0f0;
	border:1px solid #517fbb;
	font-size:.75em;
	width:213px;
	margin:2px 0 0 10px;
	padding:0;
	visibility:hidden;
}
#mainmenudropdown li{background:#f0f0f0; list-style-type:none;margin:0; padding:0; list-style:none; height:1%;}
#mainmenudropdown li a{color:#001e5c; font-weight:bold; text-decoration:none; display:block; height:1%; padding:6px 10px 6px 10px; }
#mainmenudropdown li a:hover{background:#bbcaeb; font-weight:bold; height:1%;}
#mainmenudropdown li a.subnav{background:#bbcaeb url(../images/nav_arrow.gif) 200px center no-repeat; font-weight:bold; height:1%;}

#mainmenudropdown ul {
	position:absolute;
	background:#f0f0f0;
	left:220px;
	margin:-22px 0 0 0;
	width:168px;
	padding:0;
	border:1px solid #517fbb;
	visibility:hidden;
}
#mainmenudropdown ul li{list-style:none; background:#f0f0f0; height:auto;}
#mainmenudropdown ul li a{background:#f0f0f0; font-weight:normal;}
#mainmenudropdown ul li a:hover{background:#bbcaeb; font-weight:normal;}

/*document bar*/
#docbar{background:url(../images/docbar_top.png) top right no-repeat; position:absolute; bottom:45px; right:0px; padding-top:102px;}
#docbar dl{background:url(../images/docbar_bottom.png) bottom right no-repeat; list-style-type:none; padding:15px 0; margin:0;}
#docbar dt{height:60px; width:30px;}
#docbar a{text-indent:-9999px; overflow:hidden;}
#docbar .doctab a{background:url(../images/doc_bar_doc_sprite.png) 0 0 no-repeat; height:60px; width:30px; display:block;}
#docbar .doctab a:hover, #docbar .doctab a.active{background:url(../images/doc_bar_doc_sprite.png) -30px 0 no-repeat;}
#docmessage{position: absolute; top:117px; right:35px; font-size:.75em;z-index:120;}
#docmessage div{background:url(../images/doc_message.png) 0 0 no-repeat; width:261px; height:60px; visibility:hidden;position:relative;}
#docmessage div p{padding:5px; margin:0px 28px 0 0;}

/*appendix a*/
#appendix a{text-indent:-9999px; overflow:hidden;}
#appendix .appendix_a a{
	background:url(../images/buttons/sprites/appendix_a.png) 0 0 no-repeat;
	height:54px; width:54px;
	display:block;
}
#appendix .appendix_a a:hover{
	background:url(../images/buttons/sprites/appendix_a.png) -54px 0 no-repeat;
}		
/*prev next*/
#prev_next1{position:absolute; top:74px; left:807px; z-index:10; width:170px; height:50px;}
#prev_next1 span{float:left;}
#prev_next1 img{padding:0; margin:0;}
#prev_next1 a{text-indent:-9999px; overflow:hidden;}
/*prev*/
#prev_next1 .prevBtn a{
	background:url(../images/buttons/sprites/prev_next_top_sprite.png) 0 0 no-repeat;
	height:35px; width:91px;
	display:block;
}
#prev_next1 .prevBtn a:hover{
	background:url(../images/buttons/sprites/prev_next_top_sprite.png) 0 -50px no-repeat;
}
#prev_next1 .prevBtn a.disabled{
	cursor:default;
	background:url(../images/buttons/sprites/prev_next_top_sprite.png) 0 -100px no-repeat;
}
#prev_next1 .nextBtn a{
	background:url(../images/buttons/sprites/prev_next_top_sprite.png) -91px 0 no-repeat;
	height:35px; width:73px;
	display:block;
}
#prev_next1 .nextBtn a:hover{
	background:url(../images/buttons/sprites/prev_next_top_sprite.png) -91px -50px no-repeat;
}
#prev_next1 .nextBtn a.disabled{
	cursor:default;
	background:url(../images/buttons/sprites/prev_next_top_sprite.png) -91px -100px no-repeat;
}
/*footer*/
#footer {
	padding: 0 29px 0 29px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin:0 10px 0 0;
	background:#fff url(../images/lesson_footer_bg.png) bottom left repeat-x;
	height:44px;
	border-left:1px solid #676666;
	border-right:1px solid #676666;
	position:relative;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
p.prompt{
	font-size:12px;
	font-weight:bold !important;
	color: #ff6600 !important;
}
#footer p.prompt{
	font-size:12px;
	font-weight:bold;
	position:relative;
	top:19px;
}
#footer #gotopage{
	font-size:12px;
	position:relative;
	top:8px;
	padding-right:40px;
}
#footer #gotopage #pagenumber{
	height:16px; width:29px; border:1px solid #ccc;
	margin-left:2px;
}
#footer #gotopage a{
	height:20px; width:20px; line-height:20px;
	border:0; padding:0; margin:0 0 0 4px; display:block;
	position:absolute; top:0; left:100px;
	text-indent:-9999px; overflow:hidden;
	background:url(../images/buttons/sprites/gotopage.png) 0px 0px no-repeat;
}
#footer #gotopage a:hover{
	height:20px; width:20px; line-height:20px;
	background:url(../images/buttons/sprites/gotopage.png) -20px 0 no-repeat;
}
#footer #pagination{
	font-size:12px;
	position:absolute;
	top:7px;
	right:0px;
}
#footer #pagination #prev{padding:0 10px;}
#footer #pagination #prev a{
	background:url(../images/buttons/sprites/pagination_sprite.png) 0 0 no-repeat;
	display:block;
	width:35px;
	height:35px;
	text-indent:-9999px; overflow:hidden;
}
#footer #pagination #prev a:hover{
	background:url(../images/buttons/sprites/pagination_sprite.png) 0 -50px no-repeat;
}
#footer #pagination #prev a.disabled{
	cursor:default;
	background:url(../images/buttons/sprites/pagination_sprite.png) 0 -100px no-repeat;
}
#footer #pagination #next{padding:0 8px;}
#footer #pagination #next a{
	background:url(../images/buttons/sprites/pagination_sprite.png) -40px 0 no-repeat;
	display:block;
	width:35px;
	height:35px;
	text-indent:-9999px; overflow:hidden;
}
#footer #pagination #next a:hover{
	background:url(../images/buttons/sprites/pagination_sprite.png) -40px -50px no-repeat;
}
#footer #pagination #next a.disabled{
	cursor:default;
	background:url(../images/buttons/sprites/pagination_sprite.png) -40px -100px no-repeat;
}
#footer #pagination div{float:left;}
#footer #pagination div.pad-top{padding-top:10px;}
#footer #pagination #pagenumbers{padding-top:10px; font-weight:bold; color:#858585;}
#footer #pagination #pagenumbers span{padding-right:2px;}
#footer #pagination #pagenumbers a{
	color:#1c4e80;
	text-decoration:none;
	font-weight:bold;
	padding-right:2px;
	margin:0;
}
#footer #pagination #pagenumbers a:hover{color:#ff6600;}
/*end footer*/

/*misc buttons*/
.button #a a{
	background:url(../images/buttons/sprites/a.png) 0 0 no-repeat;
	display:block;
	width:16px;
	height:16px;
	margin:4px;
	text-indent:-9999px; overflow:hidden;
}
.button #a a:hover{background:url(../images/buttons/sprites/a.png) -16px 0 no-repeat;}
.button #b a{
	background:url(../images/buttons/sprites/b.png) 0 0 no-repeat;
	display:block;
	width:16px;
	height:16px;
	margin:4px;
	text-indent:-9999px; overflow:hidden;
}
.button #b a:hover{background:url(../images/buttons/sprites/b.png) -16px 0 no-repeat;}
.button #c a{
	background:url(../images/buttons/sprites/c.png) 0 0 no-repeat;
	display:block;
	width:16px;
	height:16px;
	margin:4px;
	text-indent:-9999px; overflow:hidden;
}
.button #c a:hover{background:url(../images/buttons/sprites/c.png) -16px 0 no-repeat;}
.button #d a{
	background:url(../images/buttons/sprites/d.png) 0 0 no-repeat;
	display:block;
	width:16px;
	height:16px;
	margin:4px;
	text-indent:-9999px; overflow:hidden;
}
.button #d a:hover{background:url(../images/buttons/sprites/d.png) -16px 0 no-repeat;}
.button #e a{
	background:url(../images/buttons/sprites/e.png) 0 0 no-repeat;
	display:block;
	width:16px;
	height:16px;
	margin:4px;
	text-indent:-9999px; overflow:hidden;
}
.button #e a:hover{background:url(../images/buttons/sprites/e.png) -16px 0 no-repeat;}
.button #f a{
	background:url(../images/buttons/sprites/f.png) 0 0 no-repeat;
	display:block;
	width:16px;
	height:16px;
	margin:4px;
	text-indent:-9999px; overflow:hidden;
}
.button #f a:hover{background:url(../images/buttons/sprites/f.png) -16px 0 no-repeat;}

.button #checkanswer a{
	background:url(../images/buttons/sprites/check_answer.png) 0 0 no-repeat;
	display:block;
	width:148px;
	height:26px;
	margin:4px;
	text-indent:-9999px; overflow:hidden;
}
.button #checkanswer a:hover{background:url(../images/buttons/sprites/check_answer.png) -148px 0 no-repeat;}
.button #true{float:left;}
.button #true a{
	background:url(../images/buttons/sprites/true.png) 0 0 no-repeat;
	display:block;
	width:71px;
	height:26px;
	margin:0 4px;
	text-indent:-9999px; overflow:hidden;
}
.button #true a:hover{background:url(../images/buttons/sprites/true.png) -71px 0 no-repeat;}

.button #false a{
	background:url(../images/buttons/sprites/false.png) 0 0 no-repeat;
	display:block;
	width:71px;
	height:26px;
	margin:4px;
	text-indent:-9999px; overflow:hidden;
}
.button #false a:hover{background:url(../images/buttons/sprites/false.png) -71px 0 no-repeat;}

.button #playaudio a{
	background:url(../images/buttons/sprites/play_audio.png) 0 0 no-repeat;
	display:block;
	width:128px;
	height:26px;
	margin:0 0 4px 0;
	text-indent:-9999px; overflow:hidden;
}
.button #playaudio a:hover{background:url(../images/buttons/sprites/play_audio.png) -128px 0 no-repeat;}

.button #checkanswer a{
	background:url(../images/buttons/sprites/check_answer.png) 0 0 no-repeat;
	display:block;
	width:148px;
	height:26px;
	margin:0 0 4px 0;
	text-indent:-9999px; overflow:hidden;
}
.button #checkanswer a:hover{background:url(../images/buttons/sprites/check_answer.png) -148px 0 no-repeat;}

/* Step buttons for interactive table */
.step_button a{
	display:block;
	width:29px;
	height:29px;
	margin:4px 0 0 0;
	padding:0px;
	text-indent:-9999px;
	overflow:hidden;
}
#step1 a{background:url(../images/buttons/sprites/step1.png) 0 0 no-repeat;}
#step1 a:hover{background:url(../images/buttons/sprites/step1.png) 0 -30px no-repeat;}
#step1 a.selected{background:url(../images/buttons/sprites/step1.png) 0 -30px no-repeat; width:64px;}
#step2 a{background:url(../images/buttons/sprites/step2.png) 0 0 no-repeat;}
#step2 a:hover{background:url(../images/buttons/sprites/step2.png) 0 -30px no-repeat;}
#step2 a.selected{background:url(../images/buttons/sprites/step2.png) 0 -30px no-repeat; width:64px;}
#step3 a{background:url(../images/buttons/sprites/step3.png) 0 0 no-repeat;}
#step3 a:hover{background:url(../images/buttons/sprites/step3.png) 0 -30px no-repeat;}
#step3 a.selected{background:url(../images/buttons/sprites/step3.png) 0 -30px no-repeat; width:64px;}
#step4 a{background:url(../images/buttons/sprites/step4.png) 0 0 no-repeat;}
#step4 a:hover{background:url(../images/buttons/sprites/step4.png) 0 -30px no-repeat;}
#step4 a.selected{background:url(../images/buttons/sprites/step4.png) 0 -30px no-repeat; width:64px;}
#step5 a{background:url(../images/buttons/sprites/step5.png) 0 0 no-repeat;}
#step5 a:hover{background:url(../images/buttons/sprites/step5.png) 0 -30px no-repeat;}
#step5 a.selected{background:url(../images/buttons/sprites/step5.png) 0 -30px no-repeat; width:64px;}
#step6 a{background:url(../images/buttons/sprites/step6.png) 0 0 no-repeat;}
#step6 a:hover{background:url(../images/buttons/sprites/step6.png) 0 -30px no-repeat;}
#step6 a.selected{background:url(../images/buttons/sprites/step6.png) 0 -30px no-repeat; width:64px;}
#step7 a{background:url(../images/buttons/sprites/step7.png) 0 0 no-repeat;}
#step7 a:hover{background:url(../images/buttons/sprites/step7.png) 0 -30px no-repeat;}
#step7 a.selected{background:url(../images/buttons/sprites/step7.png) 0 -30px no-repeat; width:64px;}
#step8 a{background:url(../images/buttons/sprites/step8.png) 0 0 no-repeat;}
#step8 a:hover{background:url(../images/buttons/sprites/step8.png) 0 -30px no-repeat;}
#step8 a.selected{background:url(../images/buttons/sprites/step8.png) 0 -30px no-repeat; width:64px;}
#step9 a{background:url(../images/buttons/sprites/step9.png) 0 0 no-repeat;}
#step9 a:hover{background:url(../images/buttons/sprites/step9.png) 0 -30px no-repeat;}
#step9 a.selected{background:url(../images/buttons/sprites/step9.png) 0 -30px no-repeat; width:64px;}

#step10 a{background:url(../images/buttons/sprites/step10.png) 0 0 no-repeat;}
#step10 a.selected{background:url(../images/buttons/sprites/step10.png) 0 -30px no-repeat; width:64px;}
#step10 a:hover{background:url(../images/buttons/sprites/step10.png) 0 -30px no-repeat;}

#step11 a{background:url(../images/buttons/sprites/step11.png) 0 0 no-repeat;}
#step11 a.selected{background:url(../images/buttons/sprites/step11.png) 0 -30px no-repeat; width:64px;}
#step11 a:hover{background:url(../images/buttons/sprites/step11.png) 0 -30px no-repeat;}

#step12 a{background:url(../images/buttons/sprites/step12.png) 0 0 no-repeat;}
#step12 a.selected{background:url(../images/buttons/sprites/step12.png) 0 -30px no-repeat; width:64px;}
#step12 a:hover{background:url(../images/buttons/sprites/step12.png) 0 -30px no-repeat;}

#step13 a{background:url(../images/buttons/sprites/step13.png) 0 0 no-repeat;}
#step13 a.selected{background:url(../images/buttons/sprites/step13.png) 0 -30px no-repeat; width:64px;}
#step13 a:hover{background:url(../images/buttons/sprites/step13.png) 0 -30px no-repeat;}

#step14 a{background:url(../images/buttons/sprites/step14.png) 0 0 no-repeat;}
#step14 a.selected{background:url(../images/buttons/sprites/step14.png) 0 -30px no-repeat; width:64px;}
#step14 a:hover{background:url(../images/buttons/sprites/step14.png) 0 -30px no-repeat;}

#step15 a{background:url(../images/buttons/sprites/step15.png) 0 0 no-repeat;}
#step15 a.selected{background:url(../images/buttons/sprites/step15.png) 0 -30px no-repeat; width:64px;}
#step15 a:hover{background:url(../images/buttons/sprites/step15.png) 0 -30px no-repeat;}

table.interactive {
	width:785px;
	position:absolute;
	left:93px;
	display:none;
}
/*end misc buttons*/

/*chart*/
#chart{text-align:center;width:550px;}
.chartbox{background:#f0f0f0; width:175px;border:1px solid #517fbb;text-align:center;line-height:12px;margin:0 auto;}
.chartbox p{margin:2px;padding:3px;}
.chartboxcontent{margin:5px 1px;}
#chart p.chartheading{font-weight:700;color:#f60;font-size:14px;}

.hide{display:none;visibility:hidden;}
.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}
.orange{color:#ff6600;}
.redNo{font-weight:bold; color:#cc0000;}
.greenYes{font-weight:bold; color:#009933;}
/*margin resets*/
h1,h2,p{margin:0;padding:0;}

/*UT Style Interactions*/
.correctAnswer{color:#090; padding-left:10px; font-weight:bold;}
.incorrectAnswer, .noAnswer{color:#C00; padding-left:10px; font-weight:bold;}
.quiz dl{font-size:12px; padding:0 0 20px 0; margin:0;}
.quiz dt{padding:0 0 5px 0; margin:0; line-height:16px;}
.quiz dt span{position:relative; top:-0.15em;margin-right:5px;}
.quiz input{margin-right:3px;}
.quiz label{margin:0; padding:0; position:relative; top:-0.15em;}
#scoreDiv{border:1px solid #000; padding:20px;}
#scoreTable{width:300px; font-size:12px;}
#scoreTable td{border-bottom:1px solid #ccc;}