html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}



/* for base
--------------------------------------------------------------- */
.clr { clear:both; }
.right { text-align:right !important }
.left { text-align:left !important }
.center { text-align:center !important }
.top { vertical-align:top !important}
.nowrap { white-space:nowrap }
.hidden { display:none }

/* basics
--------------------------------------------------------------- */
html, body{

margin:0;
padding:0;
font-family : arial, verdana;
font-size: 12px;
line-height: 1.5;
margin-left: 0;
}






h1, h2, h3, h4, h5, h6 { font-family:arial, helvetica, sans-serif; font-size:24px; line-height:110%; letter-spacing:0.5px; margin:0; padding:0 0 .3em 0; color:#121212; }
h1 { font-size:2em }
h1.title { margin-bottom:15px; border-bottom:4px solid #eee; font-size:2.2em }
h2 { font-size:1.8em color: #ffffff; }
h3 { font-size:1.5em; }
h4, h5 { font-size:1.2em; } /* letter-spacing:0; line-height:18px; color:#4c555a; } */
h4.subnav a { display:block; color:#4c555a; text-decoration:none; }
/*h5 { margin-top:0; line-height:16px; color:#666; font-weight:normal; }*/
p, blockquote, dl, ol { margin:0; padding:0 0 1em 0; }
p.small { font-size:1.3em }
p.intro, p.strong { font-weight: bold; }
p.small { font-size: .85em; }
p.big { font-size: 1.3em; }
p.special { color:Red; font-weight:bold; }
dt { font-weight:bold; }
/*img.border { border:1px solid #ddd; }*/
blockquote { font-size:11px; color:#4c555a; line-height:15px; padding:0 2em 1.2em 2em; }
strong { font-weight:bold }
em {font-weight:bold; font-style:italic }
cite { font-style:italic }

ul.bullets,
ul.squareList { padding:0 20px 1em 20px; }
ul.bullets li { list-style-type:circle; list-style-position:outside; margin-left:15px; }

.squareList ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

ul.squareList li { 
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

ul.squareList li a{

background: url(/elearning/images/arrowbullet1.png) no-repeat center right; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

ul.squareList li a:link{
color: #5988e8;
font-size:1.0em;
}

ul.squareList li a:visited{
color: #5988e8;
font-size:1.0em;
}

ul.squareList li a:active{
color: #5988e8;
font-size:1.0em;
}

ul.squareList li a:hover{ /*hover state CSS*/
color: #717171;
font-size:1.0em;
background-color: #ecf2ff;
}

.demoWrapper { width: 820px; border: 0px solid #000; }
.demoWrapper h1 { margin-bottom:8px; }
.demoWrapper h1.header { display:inline-block; float:left; white-space:nowrap; }
.demoWrapper h2 { font-size:1.5em; margin:8px 0 4px; border-bottom:2px solid #000; letter-spacing:normal; }
.demoWrapper .headerCallout { float:right; width:125px; text-align:right; }
.demoWrapper .faded { color:#666; }
.demoWrapper .credits { margin-top:20px; font-size:0.9em; }
.demoWrapper #docLink { display:none; }
.demoWrapper #docLink a { font-size:0.5em; letter-spacing:0; }

#wrapper {
	position: absolute;
	top: 95px;
	left: 90px;
	width: 820px;
	border: 0px solid #000;
}

.imgheader{ 
margin-left: 10px;
border: 0px solid #000;
border-bottom: 1px solid #000;
display: block;
}

.infobox {
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
display:block;
width: 751px;
border: 0px solid #acacac;
margin-left: 10px;
overflow: hidden;
background-color: #ffffff;
padding: 15px 0px 20px 50px;
}

.section {
display: block;
color: #555555;
border: 0px solid #000;
}

.platforms {
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
display: block;
width: 315px;
text-align: center;
float: right;
background-color: #ebebeb;
font-size: 14px;
margin: 5px 0 30px 0px;
padding: 10px;
border: 1px solid #d7d7d7;
}
.platforms strong { font-size: 14px; font-weight: normal; }

.platforms a:link { font-size: 10px; color: #4d7296; }
.platforms a:visited { font-size: 10px; color: #4d7296; }
.platforms a:hover { font-size: 10px; color: #003663; }

.sort { 
display: block;
clear: both;
font-size: 14px;
margin: 0px 0 -10px -5px;
}

.courseinfo {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
margin: 5px 0 15px -45px;
float: left;
width: 425px;
font-size: 13px;
text-align: justify;
color: #555555;
border: 0px solid #000;
}

.newreleases {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
margin: 15px 0 30px -50px;
width: 425px;
font-size: 15px;
text-align: center;
color: #000000;
border: 0px solid #000;
display: block;
clear: left;
}

.newreleases img {
margin: 10px 0 10px 0;
border: 0px;
}

#demo1{ 
background-color: white;
width: 799px;
margin-left: 10px;
border: 1px solid #dadada;
}

#demo1 h2{ 
color: #fffff;
padding: 20px 10px 10px 20px;
font-size:1.5em;
}

#demo1 p{ 
color: #fffff;
padding: 20px 10px 10px 20px;
font-size:1.0em;
font-weight: bold;
}

#tabNav {
margin-top: -20px;
margin-left: 16px;
background-color: white;
width: 800px;
border: 0px solid #000;
}

#tabs {

margin-left: 0px;
width: 800px;
}


.demoWrapper #tabNav li { float:left; list-style-image:none; list-style-position:outside; list-style-type:none; }
.demoWrapper #tabNav ul a {  display:block; margin-right:2px; /*margin:1px 1px 1px 0;*/ padding:3px 8px; text-decoration:none !important; outline-color:invert; outline-style:none; outline-width:medium; }
.demoWrapper #tabNav ul a:hover { background:#666666; color:#fff }
.demoWrapper #tabNav ul a.selected { background-image:
url('/elearning/images/products/product_listing/tabs.jpg'); color:#fff; /*border-bottom:1px solid #1B5790;*/ cursor:default; /*margin-bottom:0;*/ } /*89725B*/

.demoWrapper #tabs { border-top: 1px solid #a5a4a4; }
.demoWrapper .tab { padding:15px; display:none }

.glossymenu{
	position: relative;
	margin-left: 10px;
	margin-top: -15px;		
	padding: 0 0 0 34px;
	background: url(/elearning/images/products/product_listing/menub_bg.gif) repeat-x; /*tab background image path*/
	width: 767px;
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: Verdana, Verdana, Geneva, sans-serif
	font-size: 15px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(/elearning/images/products/product_listing/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(/elearning/images/products/product_listing/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}

#footer {
	position: relative;
	width: 820px;
	margin: 10px 0 0 10px;
}

</style>