/*************************************************
* PRIMARY STYLES FOR THE ENTIRE MOODLE SITE VER2 *
**************************************************/



/************************ Styles used across the entire site **********************************/
* { margin:0px; padding:0px; }
html, body { font-size: 14.63px; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;/* background-color:#e3ebfc*/}

/*body.coursePage{ background:url(/theme/pei/images/body_bg.gif) repeat-y 50% 0}*/
.sfHover ul{

margin-top:-5px;
width:960px;
}

html* #subs{
margin-top:-3px;
height: 31px;
}
.help_ul ul li{
	width:300px;
}

a{border:none;}


h1 {}
h2 { font-size:21.34px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
h3 { font-size:21.34px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#006699; padding:0 0 0 10px;}
h4 { font-size:18.62px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
h5 { font-size:18.62px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
h6 { font-size:18.62px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
div#ldpghead {font-size: 14.63px;font-family:Arial, Helvetica, sans-serif; font-weight:bold;color:#006699;}
a,a:visited { color:#49779b;}

img,a img{border:none; z-index: 0;}

address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.34px;
	font-weight:normal;
	font-style: normal;}
	
div#ClearDiv { clear:both;}

.br{clear:both;line-height:1%;height:1%}

/************************ Main Container plus Header & Footer **********************************/  
div#phoneNum{ _margin-left: -5px; _padding-top: 26px; }

div#MainContain { width: 959px;
			margin:0 auto;
			height: 1200px;
			text-align: left; }
  div#MainContain error { color:#E3372E; font-weight:bold; }
div#MainContain .faqtx { margin:10px 0 0 0;}

div#Header { width:959px; font-size:14px; background:#ffffff; margin-top:5px }
 
  div#Header h2 { display:block; display:inline; font-size:14px;} 
  
div#FooterNew { margin:0 auto; padding:10px; width:800px; text-align:center; font-size:10px; background:#e3ebfc }  


/*Log in/out links on the top of the page*/
#HeaderLinks{ padding:5px 0 0 0; font-size:12px; text-align:right }
#HeaderLinks ul{
	float:right;
	list-style-type:disc;
	list-style-position:outside;
	margin:0;
	padding:0;
}
#HeaderLinks label{
	text-align:left;
	display:block;
	float:left;
	font-weight:bold;
	/*margin-right:5px*/
}
#HeaderLinks li{
	text-align:left;
	display:list-item;
	list-style-type:disc;
	list-style-position:outside;
	float:left;
	padding:0 5px;
	margin-right:0px;
	border-right:1px solid #002258;
}
#HeaderLinks li.last{ border:none }
#HeaderLinks li.first{ border:none }

#HeaderLinks li a{ text-decoration:none; color:#002258 }
#HeaderLinks li a:focus,#HeaderLinks li a:hover{ text-decoration:underline }

.logininfo{background:#fff;margin-top:5px;display:block;padding:3px;}



/************************ LogIn Page **********************************/  

div#LogInContain { padding:20px; width:760px; margin:10px 0 10px 0; background-color:#fff; position:relative;}
  div#LogInContain sup { font-size:9px;}

div#LogInContain2 { text-align:center;  padding:10px 10px 0 10px ; width:780px; margin:10px 0 10px 0; background-color:#fff;}
  div#LogInContain2 h1 { font-size:18px; color:#085e7c; margin:0 0 10px 0; font-style:italic; }
  div#LogInContain2 p { margin:10px 0 10px 0;}
  
  div#ClearDiv { clear:both;}
  .LogInPic { float:left;}
  div#CoupleTx { width:561px; }
  div#LogInBoxes { padding:2px; width:170px; height:255px;  background-color:#e3ebfc; float:left; text-align:center;
                   margin:0 0 0 10px; position:absolute; top:20px; right:20px;} 	
	div#LogInBoxes h1 { font-size:14px; background-color:#49779b; color:#fff; padding:5px; margin:0 0 10px 0; text-align:left;}
    div#LogInBoxes h2 { margin:5px 0 0 18px; font-size:11px; color:#49779b; text-align:left; font-weight:normal;}
	div#LogInBoxes h3 { font-size:10px; font-weight:normal; text-transform:lowercase; }
	div#LogInBoxes h4 { font-size:11px; font-weight:normal; }
	div#LogInBoxes h5 { font-size:14px; margin:8px 0 10px 18px; color:#49779b; text-align:left;}
	div#LogInBoxes .img { margin:10px 0 0 0;  }
	div#LogInBoxes .LoginBut { margin:5px 0 0 0; }
	div#LogInBoxes .RegBut { margin:8px 0 2px 0 ; text-align:center;}
	.CoupleImg { margin:0 5px 5px 0;}

div#BotLeft{ width:170px; padding:5px; height:170px; float:left; margin:0 10px 0 0; background-color:#FFFFFF; text-align:center}

div#BotRight{ width:570px; height:140px; float:left; text-align:center; padding:5px; background-color:#dde9f6; border:15px solid #FFFFFF; }
  div#BotRight h1 { color:#085e7c; font-size:16px; font-style:italic;}
  div#BotRight h2 {color:#085e7c; font-size:18px; font-style:italic; margin:10px 0 0 0; }


/************************ CourseListPage *******************************/

div#TextBox { padding:2px; width:165px; height:248px; background-color:#e3ebfc; float:left; margin:0 16px 0 0;
              font-size:12px; } 
  div#TextBox p { margin:20px 0 10px 0;}

	div#MyCourses { background-color:#FFFFFF;  padding:10px; margin:20px 0 0 0; }
	  div#MyCourses div#courselink {position:relative; }
	     div#MyCourses div#courselink div#recentimg { position:absolute; right:0; top:0;}
  
  
div#ListCourses { background-color:#FFFFFF; margin:65px 0 0 0; padding:0px; text-align:center;  text-align:left; position:relative;}
  div#MyCourses h2,div#ListCourses h2 { font-size:16px; color:#f89400; text-transform:uppercase; margin-bottom:10px; }

  div#CourseAds { width:150px;  position:absolute; top:5px; right:5px;  background-color:#ccc; text-align:center;}
  
div#Courses { width:940px  }
div#Courses ul{ 
	list-style-type:disc;
	margin:0;
	padding:0;
 }

div#Courses label,div#Courses label a{
	display:block;
	font-weight:bold;
	font-size:24px;
	font-style: italic;
	color:#002d40;
	text-decoration:none;


}

div#Courses li{
	text-align:left;
	display:list-item;
	padding:5px 0 20px;
	border-top:1px solid #ccc;
	list-style-type:disc;
	list-style-position:outside;
}

div#Courses li div{
	margin-top:10px;
	font-size:12px
}

div#Courses li a{
	padding:0;
	font-weight:bold;
	display:block;
	/*background:url(/pix/icons/page_white_text.gif) no-repeat 0 50%;*/
	text-decoration:none;
	/*padding-left:20px;*/
	list-style-type:disc;
}
div#Courses li a:hover,div#Courses li a:focus{
	/*text-decoration:underline;*/
	background-image:url(/pix/icons/arrow_right.gif);
	color:#002d40
}

 
  
  
.coursebox { 
	background:#e8f9ff;
	margin:5px 0;
	padding:3px;
	/*border:1px solid #49779b; */
}
.coursebox b a:link,.coursebox b a:visited{
	display:inline;
	background:url(/pix/icons/book.gif) no-repeat 0 50%;
	padding-left:20px;
	margin-right:5px;
	text-decoration:none; color:#002d40
}
.coursebox b a:focus,.coursebox b a:hover{
	background-image:url(/pix/icons/book_open.gif);
	text-decoration:underline
}



  
/************************ CourseSelected Page *******************************/
  
  /*1st tei 
  r link Chapter sections of the nav*/    
  div#LinkSet1 { margin:0; }
  div#LinkSet1 li{ font-size:14px; font-weight:bold; color:#196583; list-style-type:disc; list-style:none;
                   border-top:1px solid #196583; padding:10px 0 10px 0;}
  div#LinkSet1 li:hover {background-color:#e8f9ff;}
	
  /*For the Icon Link at the bottom of Nav*/
  div#SecondMenu { margin:10px 0 0 0;  padding:10px 0 0 0;}
    div#SecondMenu ul { list-style:none; list-style-type:none; }
	div#SecondMenu li { margin:3px 0 3px 0; border-top:1px solid #196583; padding:3px 0 3px 5px; font-weight:bold;
	                    list-style-type:none; list-style:none; }
	div#SecondMenu li.last {border-bottom:1px solid #196583; margin:3px 0 0 0;}
	div#SecondMenu a {text-decoration:none; font-size:14px; font-weight:bold; }
	div#SecondMenu li:hover { background-color:#e8f9ff;}
	

div#CourseText { margin:10px 0 0 0; width:700px; float:left; background-color:#fff; padding:5px; font-size:14.63px; font-family:Arial, Helvetica, sans-serif !important; min-height:500px;}
div#CourseText1 { margin:10px 0 0 0; width:790px; float:left; background-color:#fff; padding:5px; font-size:14.63px; font-family:Arial, Helvetica, sans-serif !important; min-height:500px;}
                 
                 div#CourseText span, div#CourseText font {font-family:Arial, Helvetica, sans-serif !important; font-size:14.63px !important; }
                 
  div#CourseText li { list-style-position:inside; }

.CourseTxTbl { padding:10px; }
#demo .CourseTxTbl {position:relative;
left:50px; 
}
.quickstartTbl {margin-left:120px;}


.CourseTxTbl li {  margin:0 0 0 20px;list-style-type:disc;
	list-style-position:outside;padding:10px 0 5px 0;}

/************************ Left Navigation *******************************/  
div#Nav { margin:0 0px 0 0; padding:10px 5px 0 0; width:195px; float:left; font-size:16px; color:#3b7396; background:#e3ebfc }
div#Nav h1 { font-size:22px; margin:0;}
div#Nav h2{ font-size:18px; margin:10px 0 0 0;}
div#Nav h1 sup { font-size:9px;}   
   
div#NavNew { margin:0 0px 0 0; padding:10px 5px 0 0; width:195px; float:left; font-size:16px; color:#3b7396; background:#fff }
div#NavNew h1 { font-size:22px; margin:0;}
div#NavNew h2{ font-size:18px; margin:10px 0 0 0;}
div#NavNew h1 sup { font-size:9px;}   

#Nav h6 { font-size:16px; margin:0 0 10px 0;}
#Nav b { font-size:20px;}

#Nav #lesson label{
	display:block;
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	padding:5px 0 5px 10px;	
	border-bottom:1px solid #6591ae;
	color:#000;
	_height:1em;/*IE6 SpaceShift Fix*/
}
#Nav #lesson label.hover{
	background-color:#e8f9ff;
}
#Nav div.active #lesson label{
	color:#3b7396;
	border:none
}
#Nav div.active #lesson label.hover{
	background:none
}

#Nav ul.chapter{
	list-style-type:none;
	margin:0
}

#Nav ul.chapter li{	
	padding-left:10px;
	list-style-type:none;
	list-style-position:outside;
	_height:1%;/*IE6 Height Fix*/	
}

#Nav ul.chapter .active{
	background:#3b7396
}

#Nav ul.chapter li a {
	line-height:1em;
	color:#000 !important;
	text-decoration:none;
	font-size:12px;
	display:block;	
	padding:3px 0 3px 13px;	
	background:#e3ebfc url(/online-courses/theme/pei/pix/nav_off.gif) no-repeat -2px 15%;
}

#Nav ul.chapter li a:visited{
	background:#e3ebfc url(/online-courses/theme/pei/images/LeftMenuChk.jpg) no-repeat -1px 15%;
}

#Nav ul.chapter li a:hover,
#Nav ul.chapter li a:focus{
	color:#3b7396 !important;
	text-decoration:underline
}

#Nav div.active{
	background:#fff;
	padding-bottom:10px
}

#Nav div.active ul.chapter li a,#Nav div.active ul.chapter li a:visited{
	background-color:#fff; line-height:1.4em;
}

#Nav div.active ul.chapter li.active a,
#Nav div.active ul.chapter li.active a:visited,
#Nav div.active ul.chapter li.active a:active,
#Nav div.active ul.chapter li.active a:hover,
#Nav div.active ul.chapter li.active a:focus,
#Nav ul.chapter li.active a,
#Nav ul.chapter li.active a:visited{
	color:#fff !important;
	background:#3b7396 url(/online-courses/theme/pei/pix/nav_on.gif) no-repeat -2px 25%;
}

/***** Custom Course Nav *****/
#Nav .CourseNav ul{
	list-style-type:none;
	margin:0;
	padding:0
} 
#Nav .CourseNav ul li{
	display:block;
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	padding:5px 0 5px 25px;	
	border-bottom:1px solid #6591ae;
	list-style-type:none;
	list-style-position:outside;
	_height:1em;/*IE6 SpaceShift Fix*/
} 

#Nav .CourseNav ul li a{ text-decoration:none; display:block }
#Nav .CourseNav ul li.nav_glossary{ background:url(/online-courses/theme/pei/images/GlossaryIcon.jpg) no-repeat 0 50%; }
#Nav .CourseNav ul li.nav_faq{ background:url(/online-courses/theme/pei/images/FaqIcon.jpg) no-repeat 0 50%; }
#Nav .CourseNav ul li.nav_activities{ background:url(/online-courses/theme/pei/images/ActivityIcon.jpg) no-repeat 0 50%; }
#Nav .CourseNav ul li.nav_quiz{ background:url(/online-courses/theme/pei/images/QuizzesIcon.jpg) no-repeat 0 50%; }
#Nav .CourseNav ul li.nav_resources{ background:url(/online-courses/theme/pei/images/LessonIcon.jpg) no-repeat 0 50%; }
#Nav .CourseNav ul li.nav_profile{ background:url(/online-courses/theme/pei/images/portrait_button.gif) no-repeat 0 50%; }
#Nav .CourseNav ul li.nav_tutorial{ background:url(/online-courses/theme/pei/images/TutorialIcon.jpg) no-repeat 0 50%; }
#Nav .CourseNav ul li.hover{ background-color:#e8f9ff }



/************************ Styles for just the activities page *******************************/
li.ActivitiesList { list-style-type:disc; padding:0 0 0 45px; margin:2px 0 2px 0;}
li.ActivitiesList a{ background:url(/online-courses/theme/pei/images/Unchecked.jpg) no-repeat; padding:1px 0 0 25px; }
li.ActivitiesList a:visited { background:url(/online-courses/theme/pei/images/Checked.jpg) no-repeat;}

/************************ Moodle defined classes for custom styling *******************************/
.generaltable{background:#fff; width:20% }
.generalboxcontent ul { list-style-type:disc; width:500px; list-style-position:outside; margin:0 0 0 40px;}
.generalboxcontent ul li { list-style-type:disc; width:500px; list-style-position:outside;padding:0px; margin:0 0 0 0px;vertical-align:top;}

.generalboxcontent ol { margin:0 0 0 5px; list-style-position:inside;}
.concept{font-weight:bold; margin-top:10px; padding:5px 0 10px; display:block; border-top:1px solid #ccc}
.entry { width:100%;}

/************************ Custom defined classes for styling *******************************/
#audio{ text-align:right; clear:both }
#audio .audio{ float:; margin-top:15px; }
.audio{
	width:250px; 
	height:32px;
	padding-top:6px;
	background:url(/online-courses/pix/course/audio.jpg) no-repeat 13px 0;
}

/************************ Custom defined classes for styling *******************************/
div#PrivacyTx {padding:10px; width:780px; margin:10px 0 10px 0; background-color:#fff;}
div#PrivacyTx h4 {color:#49779b; border-bottom:1px #CCCCCC solid; padding:0 0 5px 0; margin:0 0 10px 0;}
div#PrivacyTx p { margin:8px 0 8px 0;  color:#49779b; font-size:15px; font-weight:bold;}
.alertbox {
	background-color: #ffffff;
	border: solid 1px #cc0000; 
	margin-left: 3px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.tutorial { margin:0 0 0 14px;}
div#Tutorial { height:300px; font-size:12px; text-align:center; background-color:#FFFFFF; margin:10px 0 0 0;}
  div#Tutorial h6 { font-size:16px; padding:30px 0 5px 0;}
  
.confirmbox { background-color:#FFFFFF; height:200px; padding:5px;}

.contents { margin:10px 0 0 0; width:100%;}
.contents ol{width:530px; position:relative;left:40px;}
.contents table td ul{width:230px;}
.contents table td ul li{width:230px;}
div#creative { margin:10px 0 0 0;}

/************************ User Profile Pages *******************************/

div#ProfileContain { width:780px; background-color:#FFFFFF; margin:10px 0 0 0; padding:10px;}
  div#ProfileContain h1 { font-size:16px; display:block; color:#FFFFFF; background-color:#3b7396; padding:0 0 0 8px;
                          margin:0 0 10px 0; width:770px; text-align:left;}
  .formtable { margin-left:auto; margin-right:auto;}
    .formtable th { font-size:12px; text-align:left; width:30%;}
	.formtable td { text-align:left;}

/************************Not signed in page but adding to cart***************************/
 div#LoginText { padding:2px; width:225px; height:225px;  background-color:#fff; float:left; text-align:left;margin:0 0 0 10px; position:relative; top:-250px; left:0px; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} 	
  div#LoginText h2 { margin:5px 0 0 0px; font-size:11px; color:#49779b; text-align:left; font-weight:normal;}
	div#LoginText h3 { font-size:10px; font-weight:normal; text-transform:lowercase; }
	div#LoginText h4 { font-size:11px; font-weight:normal; }
	div#LoginText h5 { font-size:14px; margin:8px 0 10px 18px; color:#49779b; text-align:left;}

	div#LoginText2 { padding:2px; width:200px; height:150px;  background-color:#fff; float:left; text-align:left;margin:0 0 0 10px; position:relative; top:-250px; left:60px; font-size:12px; font-family:Arial, Helvetica, sans-serif; } 	
  div#LoginText2 h2 { margin:5px 0 0 18px; font-size:11px; color:#49779b; text-align:left; font-weight:normal;}
	div#LoginText2 h3 { font-size:10px; font-weight:normal; text-transform:lowercase; }
	div#LoginText2 h4 { font-size:11px; font-weight:normal; }
	div#LoginText2 h5 { font-size:14px; margin:8px 0 10px 18px; color:#49779b; text-align:left;}	
	
/* horizontal pill menu */
table.pill {
  margin-left: 80px;
  margin-right: auto;
  text-align:center;
  padding: 0;
}

td.pill_l {
  /*background: url(../images/mw_menu_cap_l.png) no-repeat;*/
  width:  20px;
  height: 32px;

}

td.pill_m {
  /*background: url(../images/mw_menu_normal_bg.png) repeat-x;*/
  padding: 0;
  margin: 0;
  width: 798px;
}

td.pill_r {
  /*background: url(../images/mw_menu_cap_r.png) no-repeat;*/
  width:  19px;
  height: 32px;
}

#pillmenu {
  white-space: nowrap;
  height: 32px;
 /* float: left;*/
  text-align:center;
  width:798px;
}

#pillmenu ul {
  margin: 0;
  text-align:center;
  padding: 0;
  list-style:none;
}

#pillmenu li {
	float: left;
	background: url(../images/mw_menu_separator.png) top right ;
    margin-left:10px;
	padding: 0;
	display:inline;
}

#pillmenu a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
	float:left;
  display:inline;
  text-align:center;
  height: 25px;
  line-height: 36px;

  color: #fff;
  text-decoration: none;
  background:url(/templates/peiuimages/nav_bkgrd.jpg) ;
}

#pillmenu a:hover {
  /*color: #cccccc;*/
  color: navy;
}

#pillmenu a#active_menu-nav {
	/*margin-top:2px;*/
	/*height: 21px;
	line-height: 21px;*/
	background-position: 0 0;
}

/* New Pop up Styles */
a.p1 .large {
	border: 0px;
	color:#000000;
	
	display: none;
	height: 1px;
	/*left: -1px;*/
	position: absolute;
	/*top: -1px;*/
	width: 1px;
	z-index:100;
}

a.p1, a.p1:visited {
	/*background: #FFFFFF;*/
	
	/*display: block;*/
	/*height: 64px;*/
	left: 0;
	text-decoration: none;
	top: 0;
	color:#006600;
	z-index:0;
	/*font-weight:bold;*/

}

a.p1:hover {
	
	color: #000000;
	text-decoration: none;
	border:none;
	z-index:0;
	display:inline;
}

a.p1:hover .large {
		/*border: 1px solid #000000;*/
	display: block;
	position: absolute;
	height:auto;
	left: 160px;
	
	/*top: 300px;*/
	
	background:#C2D7FC;
	border:3px #000066 solid;
	width:350px;
	z-index:100;
	padding:10px 10px 10px 10px;
	
}

a.p1:hover .large li{
list-style-position:outside;
border:none;
width:290px;
}







a.p6 .large6 {
	border: 0px;
	color:#000000;
	
	display: none;
	height: 1px;
	/*left: -1px;*/
	position: absolute;
	/*top: -1px;*/
	width: 1px;
	z-index:0;
}
a.p6, a.p6:visited {
	/*background: #FFFFFF;*/
	
	/*display: block;*/
	/*height: 64px;*/
	left: 0;
	text-decoration: none;
	top: 0;
	color:#006600;
	z-index:0;
	/*font-weight:bold;*/

}

a.p6:hover {
	
	color: #000000;
	text-decoration: none;
	border:none;
	z-index:0;
	display:inline;
}

a.p6:hover .large6 {
		/*border: 1px solid #000000;*/
	display: block;
	position: absolute;
	height:auto;
	left: 160px;
	
	/*top: 300px;*/
	border:none;
	background:#C2D7FC;
	border:3px #000066 solid;
	width:350px;
	z-index:8000000;
	padding:10px 10px 10px 10px;
	
}
a.p6:hover .large6 li{
list-style-position:outside;
border:none;
width:290px;
}












p{
z-index:0;
}
a.p2 .large {
	border: 0px;
	color:#000000;
	
	display: none;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}
a.p2, a.p2:visited {
	/*background: #FFFFFF;*/
	
	display: block;
	/*height: 64px;*/
	left: 0;
	text-decoration: none;
	top: 0;
	width: 108px;
}

a.p2:hover {
	
	color: #000000;
	text-decoration: none;
}

a.p2:hover .large {
	/*border: 1px solid #000000;*/
	display: block;
	height: 137px;
	left: 190px;
	position: absolute;
	top: -40px;
	width: 216px;
}


a.p3 .large {
	border: 0px;
	color:#000000;
	
	display: none;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}
a.p3, a.p3:visited {
	/*background: #FFFFFF;*/
	
	display: block;
	/*height: 64px;*/
	left: 0;
	text-decoration: none;
	top: 0;
	width: 108px;
}

a.p3:hover {
	
	color: #000000;
	text-decoration: none;
}

a.p3:hover .large {
	/*border: 1px solid #000000;*/
	display: block;
	height: 137px;
	left: 260px;
	position: absolute;
	top: 100px;
	background:#C2D7FC;
	border:3px #000066 solid;
	width: 216px;
}


#click a span
{ 
text-decoration: none;
font-weight:none;
border:none;
float:none;
display:none;
text-align: left;

}

#click a {
color: #006600;
text-decoration: none;

border:none;
text-align: left;
margin-left:0px;
display:block;


}
 #click a:active, a:visited{
 display:block;
 }

#click a:focus span, #click a:active span{
display:block;
position:relative;
white-space: normal; 
/*left:50px;
/*top:350px;*/
background: #C2D7FC;
border:3px #003366 solid;
color:#000000;
font-size:14px;
text-decoration: none;
width:230px;
padding:10px 10px 10px 10px;
text-align: left;
z-index:1000000;
}
#click a:hover{
white-space: normal; 
}
#click a:focus span ul{
display:block;
position:relative;

/*left:50px;
/*top:350px;*/

color:#000000;
font-size:14px;
text-decoration: none;
width:200px;


}

#click table{
width:230px;

}

#click table td,#click table tr {
width:230px;

}

#click a:active span li, #click a:focus span li{
list-style-position:outside;
vertical-align:top;
width:370px;
float:none;
}

#click a span table td{
width:100px;
}

/******************************************/

#clickimg a span
{ display:none;
text-decoration: none;
font-weight:none;
border:none;
float:none;
display:block;


}

#clickimg a {
color: #006600;
text-decoration: none;
font-weight:;
border:none;


}
 #clickimg a:active, a:visited{
 display:inline;
 }

#clickimg a span, #clickimg a span{
display:block;
position:relative;
display:none;
/*left:50px;
/*top:350px;*/
background: ;
border:0px #003366 solid;
color:#000000;
font-size:14px;
text-decoration: none;

padding:10px 10px 10px 10px;
}

#clickimg a:active span, #clickimg a:focus span{
display:block;}


/*****************************************/



table{
border-collapse:collapse;

}
table td{
padding:0px 0px 1px 0px;
}
.contents table td{
padding:0px 10px 1px 10px;

}
textarea{
border: 3px solid #cccccc;
background-color:#FFFFFF;
}
textarea:focus{
background-color: #F3F2FF;
}

/* New Site Styles added for moodle 4/08/08 */
div#footer_new {
	margin-left: auto;
	margin-right: auto;
	float: left;
	display: inline;
	text-align:center;
	width: 959px;
	height: 202px;
	margin-top: 0;		
	background: url("../../../new2008/images/footer.gif") no-repeat;
}

			


div#footleft {
	float: left;
	display: inline;
	padding: 0 0;
	margin-left: 28px
}

div#footmiddle {
	float: left;
	display: inline;
	padding: 0 0;
	margin: 0;
}

div#footright {
	float: left;
	display: inline;
	padding: 0 0;
	margin: 0;
}

div#copyright_new {
	float: left;
	display: inline;
	width: 959px;
	padding: 0 0;
	margin-top: 6px;
	text-align:center;
	font-family: arial, san-serif;
	font-size: 11px;
	font-weight:lighter;
	color: black;
	line-height:13px;
}

div#copyright_new a {
	font-size:11px;
}


div#copyright img {
	padding: 0 10px 0 10px;
}

div#vrule {
	float: left;
	display: inline;
	width: 25px;
    height: 115px;
    background: url("../../../new2008/images/vrule.gif") no-repeat;
	background-position:center;
	margin: 0;
}

div#header_new {
			float: left;
			width: 959px;
			height: 61px;
			margin-top: 0;		
			background: url("../../../new2008/images/headerCS2.jpg") no-repeat;
		}
div#loggedin  {
		text-align:left;
		color:#a8b3c8;
		margin: 23px 0 0 755px;
	    font-size: 12px;
		}

div#hor_nasv {
	float: left;
	 
	
	margin-top: 3px;
	padding:6px;		
	
	font-family: arial, san-serif;
	list-style:none;
	font-size: 13px;
	
		}
div#hor_nav .spacer{
position:relative;
top:0px;
}

div#hor_ndav a {
			color: #fff;
			font-weight:normal;
			font:arial, sans-serif;
			font-size:13px;
			list-style:none;
			text-decoration: none;
		}

		div#utility {
			float: left;
            text-align:right;
			width: 959px;
			height: 20px;
			margin-top: 0;		
			background-color: #476379;
			font-family: arial, san-serif;
			color: #fff;
	        font-size: 12px;
		}

div#utility a {
			color: #fff;
			font-weight:normal;
			font:arial, sans-serif;
			font-size:12px;
			text-decoration: none;
		}

div#utility a:hover, a:active {
			text-decoration: underline;
			
		}

		div#utility  a:active {
			text-decoration: underline;
			background:#476379;
		}
div#video_player {
	margin-left: 150px;
}
div#video_player2 {
	margin-left: 150px;
}
div#demo {
width:960px;
display:block;
height:auto;
	background-color:#e3ebfc;
	float: left;
}
div#demo table{

width:650px;
height:auto;
position:relative;
left:0px;
/*border: 1px solid black;*/
}

div#demo table.small{

width:350px;
height:auto;
position:relative;
left:0px;
/*border: 1px solid black;*/
}
div#demo #layout-table{

width:650px;
height:auto;
position:relative;
left:50px;
/*border: 1px solid black;*/
}
div#demo table.popup{

width:400px;
height:auto;
position:relative;
left:0px;

}
div#demo table.popup ul li{

width:200px;
position:relative;
left:0px;

}


div#leftNavCstm {
	margin-left: 25px;
}


div#demo #responseform{
width:650px;
position:relative;
left:30px;
}

html* div#demo #responseform{
width:650px;
position:relative;

}

div#demo .qtext{
width:500px;
}


div#demo .contents ul li{
margin:15px;
list-style-type:disc;
	list-style-position:outside;
	margin-top:1em;
	vertical-align:top;

}

	div#demo .contents p{
width:600px;
z-index:0;
position:relative;
left:30px;
}
html* div#demo .contents table{
width:410px;
position:relative;
left:10px;
}

div#demo .contents table{
width:600px;

margin:0 0 0 25px;
padding:0px 10px 0px 10px;
}

#demo .contents h4{
padding:0 0 0 29px;
}

@media print
{


.CourseTxTbl{display:block;}
#Nav{display:none;}
#footer{display:none;}
#header_new{display:none;}
img{display:none;}
#hor_nav{display:none;}
.tabrow{display:none;}
#copyright{display:none;}
#utility{display:none;}
}

.bkmark{
position:relative; float:;left:45px;top:5px;

}
html* .bkmark{
position:relative; float:;left:45px;top:1px;

}
#bkmark_text a{
position:relative; float:; color:#ffffff; font-size:12px;top:9px;left:42px;
}

html* #bkmark_text a{
position:relative; float:; color:#ffffff; font-size:12px;top:5px;left:42px;
}

#bkmark_text2 a{
position:relative; float:left; color:#ffffff; font-size:12px;top:3px;left:0px;
}

html* #bkmark_text2 a{
position:relative; float:left; color:#ffffff; font-size:12px;top:2px;left:0px;
}
html* .CourseTxTbl ol {
	padding-left: 5px;
}

.CourseTxTbl ol li {
	list-style-type: decimal;
	list-style-position: outside;
}

#table_list ul {
	margin:0px 0 0 -20px;
	border:1px #000 solid;
}

div#helpful { width: 500px; margin: 0 auto;}
div#helpful_top { background: url("../../../templates/peiuimages/foreclosurecourse/helpful_top.jpg") no-repeat; width: 500px; height: 112px; margin: 0 auto;}
div#helpful_mid { background: url("../../../templates/peiuimages/foreclosurecourse/helpful_sliver.jpg") repeat-y; width: 500px; height: auto; margin: auto 0px; padding-top: 5px;}
div#helpful_mid_text { text-align: left; width: 475px; left: 10px;}

#helpful_mid_text ul li{
	width:420px;
}
div#helpful_bot { background: url("../../../templates/peiuimages/foreclosurecourse/helpful_bottom.jpg") no-repeat; width: 500px; height: 75px; margin: -15px 0px 0px 0px;}
div#chap { margin: auto; }
div#chapTop { background: url("../../../templates/peiuimages/foreclosurecourse/chapTop.jpg") no-repeat; width: 500px; height: 122px; margin: 0px;}
div#chapTopText { padding: 60px 0px 0px 45px}
div#chapRest { background: url('../../../templates/peiuimages/foreclosurecourse/chapRest.jpg') no-repeat; width: 500px; height: 522px; margin: 0px; text-align: left;}
div#chapRestText { padding: 0px 0px 0px 20px; font-size: 12px; width: 470px; }
div#chapRestText2 { padding: 0px 0px 0px 20px; font-size: 14px; width: 470px; }
#chapRestText ol { left: 5px; width: 450px;}
#chapRestText li { padding: 5px 0px; }
ul.lessright { margin: 0px 0px 0px 0px;}


#flow{background:url(../../../templates/peiuimages/foreclosurecourse/flow_bg.jpg) no-repeat;width:430px; height:650px; margin:0 auto;}
#flow_no{width:110px; height:117px;float:left; margin:510px 0 0 0; padding:0 15px 0 15px;}
#flow_maybe{width:110px; height:117px;float:left; margin:510px 0 0 0; padding:0 15px 0 10px;}
#flow_yes{width:110px; height:117px;float:left; margin:510px 0 0 0; padding:0 10px 0 10px;}

#flow1{background:url(../../../templates/peiuimages/foreclosurecourse/flow1_bg.jpg) no-repeat;width:430px; height:650px; margin:0 auto;}
#flow1_no{width:110px; height:117px; float:left; margin:490px 0 0 0; padding:0 15px 0 15px;}
#flow1_maybe{width:110px; height:117px; float:left;margin:490px 0 0 0;padding:0 15px 0 10px;}
#flow1_yes{width:110px; height:117px;float:left;margin:490px 0 0 0;padding:0 10px 0 10px;}

#flow3{background:url(../../../templates/peiuimages/foreclosurecourse/flow3_bg.jpg) no-repeat;width:400px; height:700px; margin:0 auto;}
#flow3_heard{width:110px; height:117px; float:left; margin:570px 0 0 0; padding:0 15px 0 15px;}
#flow3_not{width:110px; height:117px; float:left;margin:570px 0 0 0;padding:0 35px 0 90px;}



div#loans { margin: auto 0px; width: 500px;}
div#cl {width: 247px; margin: 0px; float: left;}
div#ncl {width: 250px; margin: 0px; float: left;}
div#frm {width: 247px; margin: 0px; float: left;}
div#arm {width: 250px; margin: 0px; float: left;}

div#action { width: 500px; margin: 0 auto;}
div#act_top { background: url('../../../templates/peiuimages/foreclosurecourse/act_top.jpg') no-repeat; height: 120px; width: 500px; margin: 0 auto; }
div#act_mid { background: url('../../../templates/peiuimages/foreclosurecourse/act_mid.jpg') repeat-y; height: auto; margin: 0px auto; width: 500px; }
div#act_mid_text, div#act_mid_text ol { text-align: left; width: 475px; left: 10px;}
div#act_bot { background: url('../../../templates/peiuimages/foreclosurecourse/act_bot.jpg') no-repeat; width: 500px; height: 94px; margin: 0px auto; }