.RedTextBoldLarge
{
   color: #FF0000;
   font-family: arial, helvetica, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   margin-bottom: 5px;
   margin-top: 5px;
}

.Tab
{
   padding: 8px 0 0 0;
   margin: 0;
}

.TabActive
{
   BACKGROUND-IMAGE: url(/CoBrandTemplate/images/CourseDetail/tab-white.gif);
   background-repeat: no-repeat;
   color: #000000;
   cursor: pointer;
   height: 100%;
   margin: 0px;
   padding: 0px;
   text-align: center;
   
   width: 100%;
}

.TabActive span
{
   height: 100%;
   width: 100%;
   z-index: 1;
}

.TabInactive
{
   BACKGROUND-IMAGE: url(/CoBrandTemplate/images/CourseDetail/tab-grey.gif);
   background-repeat: no-repeat;
   BORDER-BOTTOM: #8F9197 1px solid;
   color: #000000;
   cursor: pointer;
   height: 100%;
   margin: 0px;
   padding: 0px;
   text-align: center;
   
   width: 100%;
}

.TabInactive span
{
   height: 100%;
   width: 100%;
   z-index: 1;
}

.globalTableBorder
{
   border: #DBDBDB 1px solid;
}

.TabText
{
   color: #000000;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: bold;
   text-align: left;
}

.CourseDetailContainer
{
   margin: 15px 0;
}

.CourseDetailDescription
{
   clear: both;
}

.CourseDescriptionHeader
{
   color: #000000;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: bold;
   text-align: left;
}

.CourseDetailsImageContainer
{
   background-position: center center;
   background-repeat: no-repeat;
   border: solid 1px #cccccc;
   float: left;
   height: 200px;
   margin: 0 20px 25px 0;
   width: 265px;
}

.courseicon
{
   padding-top: 6px;
}

.CourseTitle
{
   color: #000000;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 18px;
   font-style: normal;
   font-weight: bold;
   text-align: left;
}

.sectionHeader
{
	background-color: #E3E5E7; 
	width: 100%; 
	padding: 5px 0
}

.bodyTextBold
{
   font-family: arial, helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
}

.BodytextBold
{
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: bold;
   text-align: left;
}

.bodyTextBold-small
{
   font-family: arial, helvetica, sans-serif;
   font-size: 9pt;
   font-weight: bold;
}

.contenttext
{
   color: #000000;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 12px;
   font-weight: normal;
   text-align: left;
   border: none;
}

.contenttextbold
{
   color: #000000;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 14px;
   font-weight: bold;
   padding-top: 4px;
   text-align: left;
}

.contenttextbold22
{
   color: #000000;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 22px;
   font-weight: bold;
   padding-top: 4px;
   text-align: left;
}

.contenttextgray
{
   color: #999999;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 12px;
   font-weight: normal;
   text-align: left;
}

.lnkEnrollStatus
{
	text-decoration: none;
	white-space: nowrap;
	background-repeat: no-repeat;
	display: -moz-inline-box;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	color: #000000;
	padding-left: 35px;
	padding-right: 5px;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 18px;
   font-weight: 900;
   text-align: center;
   border:solid 1px  #DBDBDB;
}

div.progress-bar-wrapper
{
	margin: 10px 0;
	width: 150px;
	border: 1px solid #000;
	padding: 1px;
}

div.progress-bar-wrapper span.progress-bar-outer
{
	padding: 4px 0;
	font-size: 12px;
	width: 100%;
}

span.module-progress-highlight
{
	background-color: #ff2;
}

.lnkPayNow
{
	text-decoration: none;
	white-space: nowrap;
	background-repeat: no-repeat;
	display: -moz-inline-box;
	display: inline-block;
	height: 36px;
	width: 122px;
	line-height: 36px;
	color: #FFFFFF;
	padding-left: 20px;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 18px;
   font-weight: 900;
   text-align: center;
   border: none;
}