*html .ContentEmptySpacer
{
width:0px;float:left;
}

*:first-child+html .ContentEmptySpacer
{
width:10px;float:left;
}

html>/**/body .ContentEmptySpacer
{
width:10px;float:left;
}


body {
	font-size: 11pt;
	font-family: arial, verdana, helvetica, sans-serif;
	background-color: #fff;
	padding: 0;
	margin: 0;
}

p.loginBanner {
	font-size: 16pt;
	color: white;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

p.loginBanner a {
	text-decoration: none;
}

span.lab {
	font-size: 16pt;
	color: #3093df;
	font-weight: bold;
	font-style: italic;
}

span.mentors {
	font-size: 16pt;
	color: #e51e29;
}

table.loginBox {
	width: 600px;
	border: 2px solid black;
	background-color: #003399;
	padding: 5px;
}

table.loginRegisterBox1 {
	width: 600px;
}

table.loginRegisterBox2 {
	width: 160px;
	border: 1px solid black;
}

p.registerNow {
	font-size: 12pt;
	padding: 0;
	margin: 0;
}

p.registerNow a {
	text-decoration: none;
	color: black;
}

input, textarea {
	background-color: white;
	color: black;
}

#loginLogo {
	background-attachment: scroll;
	background-image: url(../images/courselogo.gif);
	height: 90px;
	width: 360px;
}

#indexLogo {
	background-attachment: scroll;
/*	background-image: url(../images/bwcourselogo.gif); */
	height: 56px;
	width: 172px;
}

#courseBanner {
	height: 60px;
	width: 880px;
}

#courseTitle {
	width: 700px;
	/*position: relative; 
	top: -55px;*/
	left: 180px;
}

p.loginField {
	color: white;
	padding: 0;
	margin: 0;
}

#nav ul {
	padding: 3px;
	margin: 0;
	white-space: nowrap;
}

#nav {
	background-color: #003399;
	width: 880px;
	padding: 0;
	margin: 0;
}

#nav ul li {
	display: inline;
}

#nav ul li a {
	font-size: 12pt;
	color: white;
	font-weight: bold;
	text-decoration: none;
	padding: 0 3em 0 3em;
}

#nav ul li a:hover {
	background-color: #0066cc;
}

#labMenu {
	width: 170px;
}

#labMenu ul {
	list-style-type: none;
	list-style-image: url(../images/list-bullet.jpg);
}

#menu {
	/*position: absolute;*/
	top: 100px;
	width: 170px;
}

#menuBanner {
	background-color: #003399;
	width: 160px;
	padding: 8px 0 8px 8px;
	margin: 0;
}

#menuBanner p {
	padding: 0;
	margin: 0;
}

#menuBanner p a {
	font-size: 12pt;
	color: white;
	font-weight: bold;
	text-decoration: none;
}

.spaced_box {
	padding: 0 0 5px 0;
	margin-bottom:5px;
}

.spaced_box p {
	padding: 1px;
	margin: 0;
}

span.step_incomplete {
	color: red;
	font-weight: bold;
}

span.step_complete {
	color: green;
	font-weight: bold;
}

span.step_unknown {
	color: black;
	font-weight: bold;
}

.banner {
	background-color: #003399;
	padding: 0;
	margin: 0;
}

.banner p {
	color: white;
	font-weight: bold;
	padding: 2px 0 2px 10px;
	margin: 0;
}

.completed {
	border: 2px dotted gray;
	padding: 5px;
	margin: 5px;
	padding: 5px;
}

.info_pane_bg
{
	background-color: #adc2f0;
	border:1px #1a43a3 solid;
	margin: 0;
}

.info_pane {
	background-color: #c5cede;
	padding: 5px 0 5px 0;
	margin: 0;
}

.info_pane p {
	padding: 5px 10px 4px 10px;
}

.info_pane p a {
	text-decoration: none;
}

.library_info {
	background-color: #c5cede;
	padding: 2px 0 2px 0;
	margin: 0;
	border-bottom: 1px solid #003399;
}

.library_info p {
	padding: 0 10px 0 10px;
	margin: 0;
}

.library_info p a {
	text-decoration: none;
	font-weight: bold;
}

a.getting_started {
	text-decoration: none;
	font-weight: bold;
}

.download_highlight {
	background-color: #efefff;
	padding: 5px 0 5px 0;
	margin: 5px 10px 10px 10px;
}

.download_highlight p {
	padding: 0 5px 0 5px;
	margin: 0;
}

p.loginPrintWhite {
	color: white;
	font-style: italic;
	font-size: 10pt;
	padding: 0;
	margin: 0;
}

p.loginPrintBlack {
	color: black;
	font-size: 10pt;
	padding: 0;
	margin: 0;
}

p.time_warning {
	color: red;
}

p.info {
	margin: 0;
	padding: 5px 10px 0px 10px;
	
}

#info {
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
	background-color: white;
	z-index: 200;
}

p.maintenance {
	background-color: red;
	margin: 0 10px 0 10px;
	font-weight: bold;
	border: 1px dotted black;
}

p.available_lab, p.completed_lab {
	margin: 0;
	padding: 1px 0 1px 0;
}

p.lab_option_links {
	margin-top: 0;
	padding-top: 0;
	padding: 0 0 0 20px;
} 

p.lab_info {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding: 0 0 0 30px;
	font-size: 85%;
}

a.lab_option {
	padding: 2px;
	text-decoration: none;
	font-size: 90%;
}

a.lab_option:hover {
	background-color: white;
	color: black;
}

p.chapter {
	padding: 0;
	margin: 1px;
}

a.chapter_item {
	text-decoration: none;
}

a.chapter_item:hover {
	background-color: white;
}

#chapters {
	position: absolute;
	width: 126px;
	left: 15px;
	top: 300px;
	background-color: #c5cede;
	padding: 5px;
	border: 2px solid #039;
}

a.expand:link {
	font-size: 10pt;
	color: #fff;
	font-weight: bold;
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
	background-color: #039;
}
a.expand:visited {
	font-size: 10pt;
	color: #fff;
	font-weight: bold;
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
	background-color: #039;
}

a:active {
	color: #036;
}

a:link {
	color: #036;
}

a:visited {
	color: #036;
}

.popup_menus a
{
font:normal 11px tahoma,arial;
font-weight:normal;
color:#3c69d3;
text-decoration:none;
}

.popup_menus a:link
{
font:normal 11px tahoma,arial;
font-weight:normal;
color:#3c69d3;
text-decoration:none;
}

.popup_menus a:hover
{
font:normal 11px tahoma,arial;
font-weight:normal;
color:#444;
text-decoration:underline;
}


.popup {
	position: absolute;
	/*background-color: #c5cede;*/
	background-color:#fff;
	border: 1px solid black;
	left: 0px;
	top: 0px;
	z-index: 1;
	visibility: hidden;
	padding: 8px 10px 8px 10px;
}

.popup p {
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0;
}

.popup p.disabled {
	color: #7f7f7f;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0;
}

.popup p a {
	text-decoration: none;
}

.popup p a:hover {
	color: #369;
}

.menubar {
	background-color: #039;
}


*html #copyright {
	width: 690px;
	/*position: absolute;
	bottom: -40px;*/
	border-top: 1px solid gray;
}

*:first-child+html #copyright {
	width: 700px;
	/*position: absolute;
	bottom: -40px;*/
	border-top: 1px solid gray;
}

html>/**/body #copyright {
	width: 700px;
	/*position: absolute;
	bottom: -40px;*/
	border-top: 1px solid gray;
}


#copyright p {
	text-align: center;
	padding: 0;
	margin: 0;
}

/** newly added css **/
*html #subcontent {
	width: 690px;
	/*position: absolute;
	top: 100px;*/
	left: 180px;
}

*:first-child+html #subcontent {
	width: 700px;
	/*position: absolute;
	top: 100px;*/
	left: 180px;
}

html>/**/body #subcontent {
	width: 700px;
	/*position: absolute;
	top: 100px;*/
	left: 180px;
}
/** newly added css **/
.content {
	background-color: #c5cede;
}

.dontshow {
	width: 0;
	height: 0;
	display: none;
}

.header {
	font-size: 16pt;
	line-height: 18pt;
	font-family: arial, verdana, helvetica, sans-serif;
	padding: 0;
}

.book_title {
	padding: 0;
	color: #4f4f4f;
}

.isbn {
	padding: 0;
	color: #7f7f7f;
}


.labText {
	padding: 5px;
}

.headertext {
	font-size: 10pt;
	color: #fff;
	font-weight: bold;
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
	background-color: #039;
}

p.linkBar {
	color: white;
	padding: 0;
	margin: 0;
}


.navlink {
	color: #036
}

.currentpage {
	color: #666;
}

.pageHeader {
	background-color: #003399;
	padding: 5px;
}

.pageContent {
	background-color: #c5cede;
	padding: 5px;
	font-size: 10pt;
}

div {
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
}

p {
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
}

ol {
	font-size: 11pt;
	font-family: arial, verdana, helvetica, sans-serif;
}

ul {
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
}

span {
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
}

td {
	font-family: arial, verdana, helvetica, sans-serif;
}

a.contentArrow {
	font-size: 10pt;
	text-decoration: none;
}

a.contentArrow:hover {
	text-decoration: underline;
}

a.contentArrow:visited {
	color: #003366;
}

a.bottombannerlink {
	color: #336699;
	text-decoration: none;
}

a.bottombannerlink:visited {
	color: #003366
}

a.logText {
	font-size: 10pt;
	text-decoration: none;
}

a.logText:visited {
	color: #003366
}

a.navArrowBold {
	font-weight: bold;
	font-size: 10pt; 
	text-decoration: none;
	color: #fff;
}

a.navArrowBold:hover {
	text-decoration: underline;
}

a.navArrowBold:visited {
	color: #fff;
}

a.navArrowReg {
	font-size: 10pt; 
	text-decoration: none;
	padding: 0 4px 0 4px;
}

a.navArrowReg:hover {
	font-size: 10pt; 
	text-decoration: none;
	background-color: #dddddd;
	color: black;
}

a.subheadArrow {
	font-weight: bold;
	font-size: 10pt;
	text-decoration: none;
}

a.subheadArrow:hover {
	text-decoration: underline;
}

a.subheadArrow:visited {
	color: #660066
}

a.tableArrow {
	font-weight: bold;
	font-size: 9pt;
	text-decoration: none;
}

a.tableArrow:hover {
	text-decoration: underline;
}

a.tableArrow:visited {
	color: #660066;
}

a.rowHdr {
	font-weight: bold;
	font-size: 10pt;
	text-decoration: none;
}

a.rowHdr:hover {
	text-decoration: underline;
}

a.rowHdr:visited {
	color: #660066;
}

a.printArrow {
	font-weight: bold;
	font-size: 10pt;
	color: #336699;
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
}

img.printArrow {
	margin-top: 2px;
	margin-right: 3px;
}

img.logArrow {
	margin-top: 4px;
	margin-right: 3px;
}

img.navArrow {
	margin-top: 6px;
	margin-right: 3px;
}

img.contentArrow {
	margin-top: 3px;
	margin-right: 3px;
}

select {
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
}

th.columnHdr {
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
	font-family: arial, verdana, helvetica, sans-serif;
}

th.tableHdr {
	font-size: 10pt;
	color: #ffffff;
	font-family: arial, verdana, helvetica, sans-serif;
}

th.rowHdr {
	font-weight: bold;
	font-size: 9pt;
	font-family: arial, verdana, helvetica, sans-serif;
}

td.rowHdr {
	font-weight: bold;
	font-size: 9pt;
	font-family: arial, verdana, helvetica, sans-serif;
}

td.small {
	font-size: 9pt;
	font-family: arial, verdana, helvetica, sans-serif;
}

.bottombanner {
	font-size: 8pt;
	color: #666666;
}

.hierarchicalHdr {
	font-size: 8pt;
	color: #666666;
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
}

.breadcrumbs {
	font-size: 8pt;
	font-family: arial, verdana, helvetica, sans-serif;
}

.logName {
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
}

.countryIndicator {
	font-size: 9pt;
	color: #666666;
	font-family: arial, verdana, helvetica, sans-serif;
}

.subheadNoLink {
	font-weight: bold;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
}

.subhead2 {
	font-weight: bold;
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans-serif;
}

.subhead3 {
	font-weight: bold;
	font-size: 10pt;
	color: #666666;
	font-family: arial, verdana, helvetica, sans-serif;
}

a.navArrowSmall {
	font-size: 8pt;
	text-decoration: none;
}

a.navArrowSmall:hover {
	text-decoration: underline;
}

a.subheadLink {
	font-weight: bold;
	font-size: 10pt;
	color: #003366;
	text-decoration: none;
}

a.subheadLink:hover {
	color: #003366;
	text-decoration: underline;
}

a.subheadLink:visited {
	font-weight: bold;
	color: #003366;
}

.bold {
	font-weight: bold;
}

.color99CCFF {
	color: #99ccff;
}

.color333333 {
	color: #333333;
}

.color666666 {
	color: #666666;
}

.lon {
	font-size: 10pt;
	color: #003366;
	text-decoration: none;
}


/* display profile table and update profile table using YUI tab page and YUI ajax */
.profile_table td
{
	padding-left : 5px;
	padding-right : 5px;
	border: solid 0px;
	/*height: 20px;*/
	width: 190px;	
}
.profile_table #viewprofile
{
	display: block;
}

.profile_table #editprofile
{
	display: none;
}

.profileedit_table td
	font-size: 11pt;
{
	padding-left : 5px;
	padding-right : 5px;
	border: solid 0px;
	width: 190px;
}
.profileedit_table #viewprofile
{
	display: none;
}

.profileedit_table #editprofile
{
	display: block;
}

.profile_table2 td
{
	padding-left : 5px;
	padding-right : 5px;
	border: solid 0px;
	/*height: 20px;*/
	width: 160px;	
}
.profile_table2 td2
{
	padding-left : 5px;
	padding-right : 5px;
	border: solid 0px;
	/*height: 20px;*/
	width: 160px;	
}
.profile_table2 #viewprofile
{
	display: block;
}

.profile_table2 #editprofile
{
	display: none;
}

.profileedit_table2 td
{
	padding-left : 5px;
	padding-right : 5px;
	border: solid 0px;
	width: 160px;
}
.profileedit_table2 #viewprofile
{
	display: none;
}

.profileedit_table2 #editprofile
{
	display: block;
}


.logininfo_table td
{
	padding-left : 5px;
	padding-right : 5px;
	border: solid 0px;
	/*height: 20px;*/
	width: 160px;	
}
.logininfo_table #viewprofile
{
	display: block;
}

.logininfo_table #editprofile
{
	display: none;
}

.logininfoedit_table td
{
	padding-left : 5px;
	padding-right : 5px;
	border: solid 0px;
	width: 160px;
}
.logininfoedit_table #viewprofile
{
	display: none;
}

.logininfoedit_table #editprofile
{
	display: block;
}



/* End of Profile Table */

*html .library_container, *html .completed_container
{
border:0px #000 solid;float:left;width:690px;background-color:#c5cede;
}

*:first-child+html .library_container, *:first-child+html .completed_container
{
border:0px #000 solid;float:left;width:700px;background-color:#c5cede;
}

html>/**/body .library_container, html>/**/body .completed_container
{
border:0px #000 solid;float:left;width:700px;background-color:#c5cede;
}