body	{
	background: url('/images/EDOPC_bg.jpg') top center repeat-y #282879;
	margin: 0 auto;
	padding: 0;
	border: 0;
	font: 91%/120% Calibri,Lucida Grande,Verdana,Arial,Sans-Serif;
	}

* html body {
 font: 76%/140% Verdana,Arial,Sans-Serif;
 }
 
#skip	{ 
	position : absolute;
	left : -999px;
	width : 990px;
	}

.wrap	{
	width: 980px;
	margin: 10px auto;
	padding: 0;
	}
	
.layout	{
	margin: 10px 22px;
	padding: 0;
	}
	
.content	{
	margin: 25px 0;
	padding: 0;
	}
	
.contentChannel	{
	margin: 0 0 0 280px;
	padding: 0;
	}

.homeContent	{
	margin: 0 190px 0 0;
	padding: 0;
	}
	
.rtPic	{
	float: right;
	width: 190px;
	text-align: right;
	margin: 0 0 20px 40px;
	}
	
.rtPicBordered	{
	float: right;
	width: 190px;
	padding: 5px;
	border: 1px solid #ccc;
	background: rgb(243,243,243);
	margin: 0 0 20px 40px;
	}

.PicBordered	{
	padding: 5px;
	border: 1px solid #ccc;
	background: rgb(243,243,243);
	}
		
.footer	{
	clear: both;
	margin: 0 0 20px 0;
	padding: 30px 0 0 25px;
	border: 0;
	background: url(/images/EDOPC_footer.gif) no-repeat;
	font-size: 81%;
	}
	
.hd	{
	}

.hdPrint	{
	display: none;}

.left	{
	float: left;
	width: 240px;
	margin: -10px 40px 10px 0;
	padding: 0;
	}
	
html .left	{
	margin: 0 40px 10px 0;
	}
	
.leftItem	{
	background: url('/images/login_bottom.jpg') bottom no-repeat;
	width: 240px;
	margin-bottom: 15px;
	}
	
.leftItem h2	{
	background: url('/images/login_top.jpg') no-repeat;
	height: 27px;
	padding: 6px 15px 0;
	margin-bottom: 0;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #000;
	}
		
.leftItem div	{
	padding: 6px 15px 20px;
	}
		
.leftNavItem	{
	background: url('/images/nav_bottom.gif') bottom no-repeat;
	width: 240px;
	margin-bottom: 15px;
	min-height:40px;
	}
	
* html .leftNavItem	{
	height:40px;
	}
	
.leftNavItemBig	{
	background: url('/images/nav_bottom.gif') bottom no-repeat;
	width: 240px;
	margin-bottom: 15px;
	min-height:54px;
	}
	
* html .leftNavItemBig	{
	height:54px;
	}
	
.leftNavItem h2	{
	background: url('/images/nav_top.jpg') no-repeat;
	padding: 12px 15px 9px;
	margin-bottom: 0;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	}
		
.leftNavItemBig h2	{
	background: url('/images/nav_top.jpg') no-repeat;
	padding: 12px 15px 9px 35px;
	text-indent: -20px;
	margin-bottom: 0;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	}
		
.leftNavItem a, .leftNavItem a:visited, .leftNavItemBig a, .leftNavItemBig a:visited	{
	color: #fff;
	text-decoration: none;
	}
		
.leftNavItem div, .leftNavItemBig div	{
	padding: 9px 15px 20px;
	}
		
.leftNavItem ul, .leftNavItemBig ul	{
	padding: 9px 15px 25px;
	margin: 0;
	}

.leftNavItem ul li, .leftNavItemBig ul li	{
	padding: 2px 0;
	margin: 0;
	font-size: 96%;
	list-style: none;
	}

.leftNavItem ul li a, .leftNavItemBig ul li a	{
	color: #000;
	text-decoration: none;
	}
		
.leftNavItem ul li a:visited, .leftNavItemBig ul li a:visited	{
	color: #000;
	text-decoration: none;
	}
		
.leftNavItem ul li a:hover, .leftNavItemBig ul li a:hover	{
	color: #fff;
	text-decoration: underline;
	}
		
h1, h2, h3	{
	color: #0e65b8;
	font-weight: normal;
	line-height: 100%;
	}

* html h1	{
	font-size: 190%;
	}
		
* html h2	{
	font-size: 160%;
	}
		
.contentChannel h2	{
	margin-top: 25px;
	}
	
a	{
	color:#039;
	}
	
a:hover	{
	color: #f60;
	text-decoration: none;
	}
	
.homeBoxes	{
	margin-bottom: 25px;
	}
	
.flash	{
	}
	
.vid	{
	float: right;
	width: 272px;
	}
	
form	{
	padding: 0;
	margin: 0;
	border: 0;
	}
	
table.form	{
	font: 91% Calibri, Verdana, Arial, Helvetica, sans-serif;
	}
	
* html table.form	{
	font: 110% Calibri, Verdana, Arial, Helvetica, sans-serif;
	}
	
table.form tr td	{
	padding: 2px 4px;
	}
	
table.form tr td h3	{
	margin: 7px 0 3px;}

table.form tr td input, table.form tr td select	{
	font: 91% Calibri, Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	}
	
table.form tr td input.loginBox	{
	font: 91% Calibri, Verdana, Arial, Helvetica, sans-serif;
	width: 120px;
	padding: 0;
	}
	
.req	{
	color:#f30;
	}
	
table.formMain	{
	font: 94% Calibri, Verdana, Arial, Helvetica, sans-serif;
	}
	
table.formMain tr td	{
	padding: 2px 4px;
	}
	
table.formMain tr td h3	{
	margin: 7px 0 3px;}

table.formMain tr td input, table.formMain tr td select	{
	font: 91% Calibri, Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	}
	
table.formMain tr td.indent	{
	padding-left: 25px;
	}
	
table.formMain tr td table	{
	margin: 0 0 -2px -4px;
	}
	
table.formMain tr td table tr td input	{
	margin: 0 3px 0 0;
	padding: 0 3px 0 0;
	}
	
.forgot	{
	font-size:81%;
	padding-top:9px;
	}

.channelTextGray	{
	float: right;
	width: 204px;
	margin: 0 0 20px 30px;
	background: url(/images/channel_gray.jpg) top repeat-y;
	padding: 0;
	}

.channelTextGray p	{
	font: 91% Calibri,Lucida Grande,Verdana,Arial,Sans-Serif;
	color: rgb(44,44,44);
	padding: 0 20px;
	margin: 5px 0 10px;
	}
	
.channelTextGray ul, .channelTextGray ol	{
	font: 91% Calibri,Lucida Grande,Verdana,Arial,Sans-Serif;
	color: rgb(33,33,33);
	padding: 0;
	margin: 0 17px 0 35px;
	}

.channelTextGray ul li	{
	padding-bottom: 10px;
	}

.channelText ol li ol li	{
	font: 11px Calibri,Lucida Grande,Verdana,Arial,Sans-Serif;
	padding-bottom: -3px;
	list-style-type: lower-alpha;
	}

.channelTextGray h2	{
	font: 1.2em Calibri,Lucida Grande,Verdana,Arial,Sans-Serif;
	padding: 0 20px;
	margin: 5px 0 10px;
	}
	
.buttons	{
	width: 350px;
	margin: 30px 0;
	padding: 0;
	}

.buttons	{
	width: 400px;
	margin: 30px 0;
	padding: 0;
	}

.rightButton	{
	float : right;
	width : 244px;
	margin: 0;
	padding: 0;
	}

.buttons a	{
	padding: 0;
	margin: 0;
	color: #040;
	text-decoration: none;
	font: .91em verdana;
	border: 0;
	}
	
ul.inline	{
	margin-left: 0;
	padding: 0 0 7px 0;
	border-bottom: 1px dotted #eee;
	}
	
ul.inline li	{
	display: inline;
	margin-left: 0;
	padding-right: 12px;
	}
	
.handcursor{
	cursor:hand;
	cursor:pointer;
	}
	
.dataTable	{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	}
	
.dataTable tr.altRow	{
	background: rgb(249,249,249);
	}

.dataTable tr th	{
	padding: 2px 4px;
	background: rgb(233,233,233);
	font-weight: bold;
	}
	
.dataTable tr td	{
	padding: 3px 6px;
	border-top: 1px solid #eee;	
	border-right: 1px solid #ddd;
	}
	
.dataTable tr td ul	{
	margin: 3px 6px;
	}
	
.dataTable tr td ul li	{
	padding: 3px 6px;
	margin: 0 15px;
	}
	
.note	{
	font-size: 86%;
	text-align: center;
	}

.welcome	{
	width: 380px;
	margin:20px 0 30px; 
	padding:10px;
	background: #FBFFCF;
	border-top:1px solid #EBEFC2;
	border-left:1px solid #EBEFC2;
	border-bottom:1px solid #D9DF99;
	border-right:1px solid #D9DF99;
	}
	
.success	{
	width: 250px;
	margin:15px 0; 
	padding:10px 30px;
	color: #060;
	background: url(/images/ok.gif) left no-repeat #FBFFCF;
	border-top:1px solid #EBEFC2;
	border-left:1px solid #EBEFC2;
	border-bottom:1px solid #D9DF99;
	border-right:1px solid #D9DF99;
	}
	
.successWide	{
	margin:15px 0; 
	padding:10px 30px;
	color: #060;
	background: url(/images/ok.gif) left no-repeat #FBFFCF;
	border-top:1px solid #EBEFC2;
	border-left:1px solid #EBEFC2;
	border-bottom:1px solid #D9DF99;
	border-right:1px solid #D9DF99;
	}	
	
.error	{
	width: 250px;
	margin:15px 0; 
	padding:10px 30px;
	color: #f00;
	background: url(/images/error.gif) left no-repeat #FBFFCF;
	border-top:1px solid #EBEFC2;
	border-left:1px solid #EBEFC2;
	border-bottom:1px solid #D9DF99;
	border-right:1px solid #D9DF99;
	}

.errorWide	{
	margin:15px 0; 
	padding:10px 30px;
	color: #f00;
	background: url(/images/error.gif) left no-repeat #FBFFCF;
	border-top:1px solid #EBEFC2;
	border-left:1px solid #EBEFC2;
	border-bottom:1px solid #D9DF99;
	border-right:1px solid #D9DF99;
	}
	
.CMEmgmt	{
	background: #FBFFCF;
	}

.CMEsuccess	{
	margin:0; 
	padding:2px 30px;
	color: #060;
	background: url(/images/ok.gif) left no-repeat #FBFFCF;
	border-top:1px solid #EBEFC2;
	border-left:1px solid #EBEFC2;
	border-bottom:1px solid #D9DF99;
	border-right:1px solid #D9DF99;
	}

.CMEnot	{
	margin:0; 
	padding:2px 30px;
	color: #f00;
	background: url(/images/error.gif) left no-repeat #FBFFCF;
	border-top:1px solid #EBEFC2;
	border-left:1px solid #EBEFC2;
	border-bottom:1px solid #D9DF99;
	border-right:1px solid #D9DF99;
	}

.rtControl	{
	float: right;
	width: 204px;
	margin: -25px 0 0 30px;
	padding: 0;
	background: #fff;
	}
	
.rtControlItem	{
	background: url('/images/control_bttm_gray.jpg') bottom no-repeat;
	}

.rtControl .rtControlItem h2	{
	background: url('/images/channel_top_gray.jpg') no-repeat;
	padding: 10px 15px 0 14px;
	margin-bottom: 0;
	font: 1.2em Calibri,Lucida Grande,Verdana,Arial,Sans-Serif;
	}

* html .rtControlItem h2	{
	height: 17px;
	}

.rtControl .rtControlItem a h2, .rtControl .rtControlItem a:visited h2	{
	font: 12px Calibri,Lucida Grande,Verdana, Arial, Helvetica, sans-serif;
	padding: 7px 15px 7px 14px;
	text-decoration: none;
	}

* html .rtControl .rtControlItem a h2, * html .rtControl .rtControlItem a:visited h2	{
	font: 12px Calibri,Lucida Grande,Verdana, Arial, Helvetica, sans-serif;
	cursor:hand;
	cursor:pointer;
	}

.rtControl .rtControlItem a:hover h2	{
	color: #f60;
	}

.rtControlItem p	{
	padding: 0 15px 5px;
	font-size: 91%;
	}

.moduleProgress	{
	margin: 4px 15px 0;
	padding-bottom: 9px;
	font-size: 91%;
	}

.moduleProgress h3	{
	margin: 8px 0 3px 15px;
	text-indent: -15px;
	font-size: 91%;
	font-weight: bold;
	}

.score	{
	margin-left: 14px;
	}
	
.passed	{
	color: #00CC00;
	}

.notPassed	{
	color: #f30;
	}

.notCompleted	{
	color: #666;
	}

.notHuge
{
	font-size: small;
}

ul.reports   {
    display: inline;
    list-style: none;
    }

.reports li  {
    float: left;
    padding :0 5px 5px 24px;
    margin: 0 0 5px 25px;
    font-size: 91%;
    background: url('/images/excel_icon_sm.gif') no-repeat;
    }

	
li.spaceabove	{
	padding-top: 12px;}
	
	
	
	
	
	
	
	
	
	
	
	
	
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(/images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(/images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(/images/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(/images/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(/images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(/images/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(/images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.blue { background: url(/images/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(/images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.blue { background: url(/images/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(/images/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.blue { background: url(/images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(/images/pause_gold.png) no-repeat; }
	
	
	
	
	
	
	
	
	
	
.topNav {
	position:relative; 
	font:12px verdana, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	height: 26px;
	background: #fff;
	}

.topNav ul {
	padding: 0;
	margin:0;
	list-style-type: none;
	height: 26px;
	}

.topNav ul li {
	float:left;
	position:relative;
	background: url(/images/dot.gif) right no-repeat;
	}

.topNav ul li.noDot {
	background: none;
	}

.topNav ul li.not {
	background: none;
	}

.topNav ul li a, .topNav ul li a:visited {
	display: block; 
	text-decoration: none; 
	color: #424242;
	font: 12px Verdana,Sans-serif; 
	margin: 0;
	padding: 5px 12px 5px 12px; 
	line-height:1.5em;
	}

* html .topNav ul li a, .topNav ul li a:visited { 
	text-decoration: none;
	}

.topNav ul li ul {
	display: none;
	}

/* specific to non IE browsers */
.topNav ul li:hover a {
	color: #f60;
	text-decoration: underline;
	}
	
.topNav ul li:hover ul {
	display:block; 
	position:absolute; 
	top:2em;
	margin-top:1px;
	left:0; 
	width:190px; 
	text-decoration: none;
	}

.topNav ul li:hover ul li ul {
	display: none;
	}

.topNav ul li:hover ul li a {
	display:block; 
	background: #282879;
	color: #fff;
	height:auto; 
	line-height:1.3em; 
	padding:5px 3px 5px 8px; 
	width:186px;
	font-weight: normal; 
	text-decoration: none;
	border-top: 1px solid #fff;
	border-right: 1px solid #282879;
	border-bottom: 0;
	border-left: 5px solid #282879;
	}

.topNav ul li:hover ul li a:hover {
	color: #f60;
	text-decoration: underline;
	background: rgb(243,243,243);
	}

.topNav ul li a:hover {
color:#f60; 

}
.topNav ul li a:hover ul {
display:block; 
position:absolute; 
top:2em; 
left:0;
background:#fff;
margin-top:0;
margin-top:1px;
}
.topNav ul li a:hover ul li a {
height:auto; 
line-height:1.4em; 
padding:5px 3px 5px 8px; 
width:150px;
width:140px;
font-weight: normal;
}

.topNav ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
}
.topNav ul li a:hover ul li a:hover {
color: #f60;
	text-decoration: underline;
	background: rgb(243,243,243);
}

.courseListing    {
                width: 410px;
                }
                
.courseListing2  {
                width: 530px;
                }

                
.courseTitle        {
                margin: 10px 0 8px 0;
                border-bottom:1px dotted #eee;
                padding-bottom:8px;
                }
                
.courseStatus    {
                float:left;
                width:75px;
                margin:0;
                background: #eee;
                padding:3px;
                border:1px solid #ccc;
                font-style:italic;
                text-align:center;
                }
                
.courseInfo         {
                margin:0 0 25px 105px;
                }
