/* CSS Document */
.courseDetails div.reqCourse{
	float:left;
	background: #eeeeee;
	padding:3px 20px 1px 20px;
	margin:0px 0px 0px 0px;
	font-size:13px;
	border-bottom: 1px solid #FFF;
}

 div.reqCourse p{
 	padding:0;
 	margin:0;
 }
.courseDetails div a.btnReq{
	float:right;
	margin:0px 0px 0px 0px;
	padding:5px 15px 0px 15px;
	background:#f3f3f3 url(../images/btn.request.gif) repeat-x;
	height:24px;
	line-height:29px;
	border-left: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
	font: 14px bold "Trebuchet MS", Georgia, "Times New Roman";
	color:#247292;
	cursor:pointer;
	display:block;
	text-decoration:none;
}
.courseDetails div label.courseType, .courseDetails div label.courseTypePublic, .courseDetails div label.courseTypePaid, .courseDetails div label.courseTypePassword {
	float:left;
	background:url(../images/ico.private.gif) no-repeat 0px 3px;
	color:#087800;
	font: 13px "Trebuchet MS", Georgia, "Times New Roman";
	margin:0px 0px 0px 0px;
	padding: 0px 50px 0px 30px;
	line-height:29px;

}
.courseDetails div label.courseTypePublic {
	background:url(../images/ico.public.gif) no-repeat 0px 3px;
}
.courseDetails div label.courseTypePaid{
	background:url(../images/ico.coursePaid.gif) no-repeat 0px 3px;
}
.courseDetails div label.courseTypePassword{
	background:url(../images/ico.coursePassword.gif) no-repeat 0px 3px;
}


.courseType span, .courseAuthor span{
	color:#247292;
}

.courseAuthor, .courseBookmark{
	float:left;
	margin:0px 10px 0px 0px;
	padding: 0px 0px 0px 22px;
	background: url(../images/ico.courseAuthor.gif) no-repeat 0px 1px;
	text-decoration:none;
	color:#087800;
	line-height:18px;
}
.courseBookmark{
	background: url(../images/ico.courseBookmark.gif) no-repeat 0px 1px;
}
.removeBookmarkRgt{
	float:right;
	background: url(../images/ico.removeMark.gif) no-repeat 0px 3px;
	text-decoration:none;
	color:#087800;
	padding: 0px 0px 0px 18px;
}
.removeBookmark{
	float:left;
	background: url(../images/ico.removeMark.gif) no-repeat 0px 3px;
	text-decoration:none;
	color:#087800;
	padding: 0px 10px 0px 18px;
}
.courseLesson{
	clear:both;
	padding:2px;
	width:auto;
	margin:0px 0px 0px 0px;
	background:#EDEDED;
	border-top: 1px solid #e3e3e3;
}
.courseLessons p{
	clear:all;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height:30px;
	border-bottom: 1px solid #e7e7e7;
}

.courseLessons div.lessonLoader{
	background:url(../images/loader.objectiveLessons.gif) no-repeat left; 
	height:35px; float:left;
	width:702px;
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 0px;
	border:0px solid red;
}
.courseLessons div.courses{
	background:url(../images/objective.title.bg.gif) repeat-x;
	float:left;
	width:705px; height:35px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
 }

.courseLessons div.courses span.courseName{
	float:left;
    font-family:"Trebuchet MS", Georgia, "Times New Roman";
	font-size:14px; 
	font-weight:normal;
	line-height:35px; 
	padding:0px;
	margin:0px 0px 0px 20px;
 }
.courseLessons div.courses span.objToggleBtn{
	float:right;
	padding:0px;
	margin:10px 0px 0px 0px;
 
	width:30px; 
	height:18px; line-height:18px;
}
.courseLessons div.courses span.objToggleBtn a{
	background:url(../images/objective.btn.upDown.gif) no-repeat left bottom;
	width:18px; height:18px; line-height:18px;
	float:left;
}
.lessonNote{
	text-decoration: none;
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 17px;
	font: normal 11px  Verdana, Arial, Helvetica;
	color: #63744F;
	background: url(../images/ico.lessonNote.gif) no-repeat 0px 0px;
	display:none;
}

.lessonNoteActive{
	text-decoration: none;
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 17px;
	font: normal 11px  Verdana, Arial, Helvetica;
	color: #63744F;
	background: url(../images/ico.lessonNote.gif) no-repeat 0px 0px;
	filter:alpha(opacity=70);
  	-moz-opacity: 0.7;
}

.lessonActive a.lessonNote{
	display:inline;
}
.lessonActive a.lessonNoteActive{
	filter:alpha(opacity=100);
  	-moz-opacity: 1;
}

.lessonActive{
	background:#f5f7f2;
}
.lesson0, .lesson1, .lesson2, .lesson3, .lesson4, .lesson5, .lesson6, .lesson7, .lesson8,  .lesson9,.lesson11,.lesson12,.lesson13, .lesson14, .lesson15, .lesson16, .lesson17, .lesson18, .lesson19, .lesson20, .lesson21, .lesson22, 
.lesson1View, .lesson2View, .lesson3View, .lesson4View, .lesson5View, .lesson6View, .lesson7View, .lesson8View, .lesson9View, .lesson11View, .lesson12View,  .lesson13View, .lesson14View, 
.lesson15View, .lesson16View, .lesson17View, .lesson18View, .lesson19View, .lesson20View, .lesson21View, .lesson22View{
	text-decoration:none;
	/*display:block;*/
	padding: 0px 0px 0px 20px;
	line-height:30px;
	color:#027FAF;
	font-size:13px;
}
.lesson0{
	font-weight:bold;
	letter-spacing:1px;
	background: url(../images/ico.lesson0.gif) no-repeat 0px 0px;
}
.lesson1{
	background: url(../images/ico.lesson1.gif) no-repeat 0px 2px;
}
.lesson1:hover{
	background:#f5f7f2 url(../images/ico.lesson1.gif) no-repeat 0px 2px;
}
.lesson2{
	background: url(../images/ico.lesson2.gif) no-repeat 0px 2px;
}
.lesson3{
	background: url(../images/ico.lesson3.gif) no-repeat 0px 2px;
}
.lesson4{
	background: url(../images/ico.lesson4.gif) no-repeat 0px 2px;
}
.lesson5{
	background: url(../images/ico.lesson5.gif) no-repeat 0px 2px;
}
.lesson6{
	background: url(../images/ico.lesson6.gif) no-repeat 0px 2px;
}
.lesson7{
	background: url(../images/ico.lesson7.gif) no-repeat 0px 2px;
}

.lesson8{
	background: url(../images/ico.lesson8.gif) no-repeat 0px 2px;
}

.lesson9{
	background: url(../images/ico.lesson9.gif) no-repeat 0px 2px;
}
.lesson11{
	background: url(../images/ico.lesson11.gif) no-repeat 0px 2px;
}
.lesson12{
	background: url(../images/ico.lesson12.gif) no-repeat 0px 2px;
}
.lesson13{
	background: url(../images/ico.lesson13.gif) no-repeat 0px 2px;
}
.lesson14{
		background: url(../images/ico.lesson14.gif) no-repeat 0px 2px;
}
.lesson15{
		background: url(../images/ico.lesson15.gif) no-repeat 0px 2px;
}
.lesson16{
		background: url(../images/ico.lesson16.gif) no-repeat 0px 2px;
}
.lesson17{
		background: url(../images/ico.lesson17.gif) no-repeat 0px 2px;
}
.lesson18{
		background: url(../images/ico.lesson18.gif) no-repeat 0px 2px;
}
.lesson19{
	background: url(../images/ico.lesson19.gif) no-repeat 0px 2px;
}
.lesson20{
	background: url(../images/ico.lesson20.gif) no-repeat 0px 2px;
}
.lesson21{
	background: url(../images/ico.lesson21.gif) no-repeat 0px 2px;
}
.lesson22{
	background: url(../images/ico.lesson22.gif) no-repeat 0px 2px;
}


.lesson1View{
	background: url(../images/ico.lesson1View.gif) no-repeat 0px 2px;
}
.lesson2View{
	background: url(../images/ico.lesson2View.gif) no-repeat 0px 2px;
}
.lesson3View{
	background: url(../images/ico.lesson3View.gif) no-repeat 0px 2px;
}
.lesson4View{
	background: url(../images/ico.lesson4View.gif) no-repeat 0px 2px;
}
.lesson5View{
	background: url(../images/ico.lesson5View.gif) no-repeat 0px 2px;
}
.lesson6View{
	background: url(../images/ico.lesson6View.gif) no-repeat 0px 2px;
}
.lesson7View{
	background: url(../images/ico.lesson7View.gif) no-repeat 0px 2px;
}
.lesson8View{
	background: url(../images/ico.lesson8View.gif) no-repeat 0px 2px;
}
.lesson9View{
	background: url(../images/ico.lesson9View.gif) no-repeat 0px 2px;
}
.lesson11View{
	background: url(../images/ico.lesson11View.gif) no-repeat 0px 2px;
}
.lesson12View{
	background: url(../images/ico.lesson12View.gif) no-repeat 0px 2px;
}
.lesson13View{
	background: url(../images/ico.lesson13View.gif) no-repeat 0px 2px;
}
.lesson14View{
	background: url(../images/ico.lesson14View.gif) no-repeat 0px 2px;
}
.lesson15View{
	background: url(../images/ico.lesson15View.gif) no-repeat 0px 2px;
}
.lesson16View{
	background: url(../images/ico.lesson16View.gif) no-repeat 0px 2px;
}
.lesson17View{
	background: url(../images/ico.lesson17View.gif) no-repeat 0px 2px;
}
.lesson18View{
	background: url(../images/ico.lesson18View.gif) no-repeat 0px 2px;
}
.lesson19View{
	background: url(../images/ico.lesson19View.gif) no-repeat 0px 2px;
}
.lesson20View{
	background: url(../images/ico.lesson20View.gif) no-repeat 0px 2px;
}
.lesson21View{
	background: url(../images/ico.lesson21View.gif) no-repeat 0px 2px;
}
.lesson22View{
	background: url(../images/ico.lesson22View.gif) no-repeat 0px 2px;
}
.courseDetails div.reqCourseBox {
	float:left;
	background: #eeeeee;
	padding:3px 20px 1px 20px;
	margin:0px 0px 0px 0px;
	font-size:13px;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #FFF;
}
#loader_pop {
	float:left;
	margin:5px 0px 0px 220px;
}
.loading{
	background:url(../images/ajax.loader.gif) no-repeat left bottom; 
	padding-left:15px; 
}
.flagCourse {
	float:left;
	background:url(../images/ico.flag.gif) no-repeat;
	text-decoration:none;
	color:#000;
	margin:0px;
	padding:5px 0px 10px 30px;
	border:0px solid red;
}
.flagCourseBox div {
	float:left;
	padding:0px;
	margin:0px 0px 0px 5px;
	width:180px;
	border:0px solid red;
}
.flagCourseBox div input {
	cursor:pointer;
}	
.flagCourseBox div a{
	float:left;
	text-decoration:none;
	color:#000;
	font:bold 14px "Trebuchet MS", Georgia, "Times New Roman";
}
.flagCourseBox div a.flagSubmit{
	padding:5px 5px 5px 25px;
	margin:10px 0px 0px 0px;
	background:url(../images/ico.flag.submit.gif) no-repeat 5px;
}
.flagCourseBox div a.flagSubmit:hover{
	background: #e0e9d5 url(../images/ico.flag.submit.gif) no-repeat 5px;
}
.flagCourseBox span.loading{
	float:left;
	margin:5px 0px 0px 10px;
	padding:0px 0px 0px 20px;
	height:20px;
	background:url(../images/ajax.loader.gif) no-repeat; 
}
.flagCourseBox p {
	float:left;
	border:1px solid red;
	margin:0px;
	padding:0px;
}
.courseToGroup{
	float:left;
	margin:0px 10px 0px 0px;
	padding: 0px 0px 0px 20px;
	background: url(../images/ico.groupManage.gif) no-repeat 0px 3px;
	text-decoration:none;
	color:#087800;
	line-height:18px;
}
/*--Groups popup--*/
#grpPopupWraper{
	float:left;
	width:288px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	border:0px solid red;
}
#grpPopupWraper .groupList{
	float:left;
	width:272px;
	padding: 10px 0px 10px 5px;
	margin: 10px 0px 0px 0px;
	border:1px solid #DDDDDD;
	background:#fff;
}
#grpPopupWraper .listActions{
	padding:5px 5px 5px 5px;
}
#grpPopupWraper .listHeight {
	height:250px;
}
#grpPopupWraper .groupList label {
	display:block;
	color:#027FAF;
	padding:0px 0px 5px 0px;
}
#grpPopupWraper .groupList label span{
	padding-left:5px;
}
#grpPopupWraper .groupList input.add {
	float:left;
	background:#f3f3f3;
	border:1px solid #AAAAAA;
	color:#000;
	margin:0px 10px 0 0;
	height:25px;
	width:auto;
	overflow:visible;
	padding:0 10px 0px 20px;
	cursor:pointer;
	background:#f3f3f3 url(../images/ico.add.gif) no-repeat 5px;
	font-weight:bold;
}
#grpPopupWraper .ajxLoader {
	float:right;
	background:url(../images/ajax.loader.gif) no-repeat;
	padding:0px 0px 0px 20px;
	margin:5px 5px 0px 0px;
	display:none;
}
#grpPopupWraper label.grpAll {
	padding:3px 0px 0px 5px;
}
.msgnumPad {
	float:right;
	background:#fff;
	font: bold 11px  "Trebuchet MS", Georgia, "Times New Roman";
	color:#000;
	padding:5px 5px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:right;
	cursor:pointer;
	border:0px solid red;
}
.msgpopnumPad {
	float:right;
	background:#fff;
	font: bold 11px  "Trebuchet MS", Georgia, "Times New Roman";
	color:#000;
	padding:0px 10px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:right;
	cursor:pointer;
	border:0px solid red;
}
.msgnumPad img, .msgpopnumPad img{
	padding:0px 0px 1px 0px;
	margin:0px 0px 0px 0px;
	border:0px solid red;
	vertical-align:text-bottom;
 }
 .hdNumpad img{
	padding:0px 0px 0px 0px;
	margin:0px 0px 2px 0px;
	border:0px solid red;
	vertical-align:text-bottom;
 }
.msgnumPad a,.msgpopnumPad a, .hdNumpad a{
	font: normal 11px  "Trebuchet MS", Georgia, "Times New Roman";
	color:#1e96c8;
	text-decoration:none;
	margin:0px;
	padding:0px 0px 0px 0px;
	vertical-align:baseline;
	border:0px solid red;
}
.msgnumPad a:hover,.msgpopnumPad a:hover, .hdNumpad a:hover{
	font: normal 11px  "Trebuchet MS", Georgia, "Times New Roman";
	color:#000;
	text-decoration:underline;
}
.msgnumPad b.sep,.msgpopnumPad b.sep, .hdNumpad b.sep {
	 color:#becbcb;
	 padding:0px 0px 0px 0px;
	 margin:0px;
}
.msgnumPad b,.msgpopnumPad b, .hdNumpad b{
	font: bold 11px  "Trebuchet MS", Georgia, "Times New Roman";
	margin:0px;
	padding:0px 0px 0px 0px;
	border:0px solid red;
}

/*Objective css part starts from here*/
#objectiveDetails{
	background:#F7F9F8;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
 	width:660px;
}
#objectiveDetails div{
	border:none;
	background:#F7F9F8;
	border-bottom:1px solid #DDDFDE;
	float:left;
	width:640px; height:30px;
	padding:8px 0px 8px 0px;
	margin:0px 0px 0px 10px;
}
div#progressbar{
	border:1px solid #A6DA4A;
	width:210px; height:19px;
	margin:0px; padding:0px;
	float:left;
	position:relative;
}
#percentage{
	position:absolute;
	z-index:100px;
	left:100px;
	color:#305000;
	margin:3px 0px 2px 0px;
	font: normal 11px  "Trebuchet MS", Georgia, "Times New Roman";

}
div#progressbar div#progress{
	background:url(../images/objective.progress.bg.gif) repeat-x;
	height:15px;
	padding:0px 0px 0px 0px;
	margin:2px 2px 2px 2px;
	border:0px;
}

#objectiveDetails div span.date, #objectiveDetails div span.date2, #objectiveDetails div span.days, #objectiveDetails div span.lessonCount{
	background:url(../images/ico.calendar.gif) no-repeat left;
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 0px;
}
#objectiveDetails div span.date2{
	margin:0px 0px 0px 20px;
}

#objectiveDetails div span.days{
	background:url(../images/ico.days.gif) no-repeat left;
	margin:0px 0px 0px 20px;
}
#objectiveDetails div span.lessonCount{
	background:url(../images/ico.lessonCount.gif) no-repeat left;
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 20px;
}

#objectiveDetails .noBottomBorder{
	border-bottom:none;
}
#objectiveDetails div span#startBtn{
	float:left;
	background:url(../images/objectives.startbtn.left.gif) no-repeat left;
	height:31px;  line-height:31px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font: bold 15px  "Trebuchet MS", Georgia, "Times New Roman"; 
}
#objectiveDetails div span#startBtn a{
	float:left;
	background:url(../images/objectives.startbtn.right.gif) no-repeat right;
	height:31px;line-height:28px;
	color:#fff;
	text-decoration:none;
	padding:0px 10px 0px 10px;
	margin:0px 5px 0px 5px;
 
}