body{
	font: normal 14px  "Trebuchet MS", Georgia, "Times New Roman";
	color:#000;
	text-align: center;
	margin: 0 auto;
	padding: 0;	
	border: 0;
	background: #fff url(../images/header.bg.jpg) repeat-x top ;
	cursor: default;
	z-index:0;
}
form{
	padding:0;
	margin:0px;
}
img{
	border:0
}
h1, h2{
	padding:0px 0px 0px 15px;
	margin:0px 0px 2px 0px; 
	background:  #efefef url(../images/heading.h1.gif) no-repeat;
	color:#124183;
	font-size:17px;
	letter-spacing:1px;
	line-height:38px;
	width:690px;

} 
h2{
	background:  #f9f9f9 url(../images/heading.h2.gif) no-repeat;
	font-size:16px;
	color:#8EB539;
	line-height:15px;
}

#wrapper {
	text-align: left;
	width: 1000px;
	margin:13px auto 0px auto;
	padding: 0px;
	/*position:relative;*/
	z-index:0;
}

#header{
	height:93px;
	position:relative;
}
#header img{
	float:left;
	border:0px;
	margin-left:20px;
}
#footer{
	clear:both;
	height:101px;
	background: #3B9FC6 url(../images/footer.bg.gif) repeat-x;
}
#footer div{
	width:1000px;
	height:101px;
	background: #4FA8CB url(../images/footer.menuBg.gif) repeat-x;
	margin:0 auto 0 auto;
	padding:0;
	color:#fff;
}
#footer div div{
	padding:0px;
	margin:0px 0px 0px 0px ;
	font-size:13px;
}
#footer ul{
	list-style:none;
	margin:0px;
	padding:0px;
	line-height:11px;
}
#footer li{
	display:inline;
	padding:0px 10px 0px 10px;
	border-right:1px solid #7CBCD5;
	text-transform:lowercase;
	line-height:11px;
	margin: 0;
}
#footer li.last{
	border:none;
}
#footer a{
	color:#fff;
	text-decoration:none;
	padding:0px 5px 0px 5px;
	letter-spacing:1px;
}
#footer a:hover{
	background:#fff;
	color:#4CA1C2;
}

.content{
	float:left;
	background:url(../images/rightblock.bg.gif) repeat-y right;
}
.leftBlock{
	float:left;
	width:705px;
	padding:20px 17px 0 0;
	background:url(../images/home.sepBg.jpg) repeat-x;
	min-height:600px;
}
.rightBlock{
	float:right;
	width:230px;
	background:#F8F9FA;
	text-align:center;
	padding:20px 24px 20px 21px;
}
.rightBlock div.courseOptions{
	float:left;
	width:230px;
	background:#EFF4E6 url(../images/box.bottom.gif) bottom no-repeat; 

/*	background:#EFF4E6; */
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
 
}
.rightBlock div.courseOptions span h3{
	height:27px; 
	text-align:left;
	background:#E0E9D5 url(../images/boxGridCorner.gif) top no-repeat;
	padding:5px 0px 0px 20px;
	margin:0px 0px 0px 0px;
	font: bold 14px  "Trebuchet MS", Georgia, "Times New Roman";
}

.contentBlock{
	font: normal 13px  "Trebuchet MS", Georgia, "Times New Roman";
	color:#1D6E85;
	background: #ECFBFE url(../images/home.block.bg.jpg) repeat-x bottom; 
	padding:8px 10px 8px 24px;
	text-align:justify;
	border-bottom:1px solid #94B7DB;
	margin-bottom:10px;
}

.tBoxOne,.searchTxtBox{
	height:19px;
	border:1px solid #D4D4EC;
	color:#418FA5;
	font: normal 13px  "Trebuchet MS", Georgia, "Times New Roman";
	padding:0;
	margin:0;

}
.searchTxtBox{
	width:150px;
}
.btnGo{
	margin: 0px 0px 0px 0px; 
	padding:0px; 
	vertical-align:middle; 
	width:20px;	
	height:19px;
}
.searchBtn {
	margin: 0px 0px 2px 0px; 
	padding:0px; 
	vertical-align:middle; 
	width:20px;	
	height:19px;
	cursor:pointer;
}
/* Grid Base class */
.grid{
	float:left;
	font: normal 13px  "Trebuchet MS", Georgia, "Times New Roman";
	clear:both;
	margin-bottom:2px;
	border-bottom:1px solid #D5E9F1;
}
.grid h3, .courseDetails h1{
	height:26px;	
	background:#52AED4 url(../images/grid.titleOne.jpg);
	border-bottom:3px solid #AFD872;
	color:#FFFFFF;
	font-size:17px;
	margin:0 0 4px 0;
	padding:7px 0 0 15px;
	text-transform:lowercase;
	letter-spacing:.5px;
	width:690px;
}
.courseDetails h1{
	margin:0;
	line-height:26px;
	text-transform:none;
}


.courseDetails div{
	float:left;
	width:665px;
	background: #f4f4f4 url(../images/course.topCurve.gif) no-repeat top ;
	padding:15px 20px 15px 20px;
	margin:5px 0px 1px 0px;
	text-align:justify;
	font-size:13px;
	border-bottom: 1px solid #e3e3e3;

}

.courseDetails div div{
	float:left;
	width:600px; /*height:338px; */
	border:1px solid #bfbfbf;
	background:#FFF;
	color:#1d6e85;
	padding:20px 20px 20px 20px;
	margin:0px 10px 0px 10px;
}
.courseDetails div div p.course{
	border-bottom:1px solid #999999;
	border-top:1px solid #999;
}
.courseDetails div div.btnAuthoring{
	border:0px;
	background:url(../images/btn.authoring.jpg) left no-repeat;
	height:41px;
	margin:0px 0px 0px 150px;
	width:auto;
	padding:0px; 
}

.courseDetails div div.btnAuthoring a{
	border:0px;
	line-height:41px;
	color:#fff; text-decoration:none;
	text-transform:lowercase;
	font-size:16px; 
	font-weight:bold;
	display:block;
	background:url(../images/btn.authoring.right.jpg) right no-repeat; 
	padding:0px 10px 0px 60px; 
}


.courseDetails .actions{
	float:left;
	width:460px;
	padding:0;
	margin:0;
	border:0px solid red;
	
}
.courseDetails .rateCourse {
	float:right;
	width:200px;
	margin:0px;
	padding: 0px;
	border:0px solid red;
	background:#F4F4F4;
}
.rateCourse p {
	float:right;
	padding:0px 15px 0px 0px;
	margin:0px;
	line-height:13px;
	color:#087800;
}
.courseDetails ul.rating{
	float:right;
	padding:0px;
	margin:0px;
	list-style:none;
	width:75px;
	height:13px;
	display:block;
	background:url(../images/course.ratingStar.jpg) repeat-x left top;
	position: relative;
	line-height:13px;
}
.rating li{
	text-indent: -90000px;
	padding:0px;
	margin:0px;
	float: left;
	height: 13px;
	line-height:13px;
	left:0px;
}
.rating li.currentRating {
	background: url(../images/course.ratingStar.jpg) left center;
	position: absolute;
	text-indent: -9000px;
	z-index: 1;
	line-height:13px;
}
	
.rating li a {
	outline: none;
	display:block;
	width:16px;
	height: 13px;
	text-decoration: none;
	text-indent: -9000px;z-index: 20;
	position: absolute;
	padding: 0px;
	margin:0px;
}

.rating li a.one {left:0px;}
.rating li a.one:hover {width:15px;}
.rating li a.two {left:15px;}
.rating li a.two:hover {width:30px;}
.rating li a.three {left:30px;}
.rating li a.three:hover {width:45px;}
.rating li a.four {left:45px;}
.rating li a.four:hover {width:60px;}
.rating li a.five {left:60px;}
.rating li a.five:hover {width:75px;}
.rating li a:hover{background: url(../images/course.ratingStar.jpg) left bottom;z-index: 2;left: 0px;}
/*
.rating li a {
		outline: none;
		display:block;
		width:12px;
		height: 10px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute ;
		padding: 0px;
		margin:0px;
	}
	
.rating li a.one {left:0px;}
.rating li a.one:hover {width:12px;}
.rating li a.two {left:12px;}
.rating li a.two:hover {width:24px;}
.rating li a.three {left:24px;}
.rating li a.three:hover {width:36px;}
.rating li a.four {left:36px;}
.rating li a.four:hover {width:48px;}
.rating li a.five {left:48px;}
.rating li a.five:hover {width:60px;}
.rating li a:hover{
	background: url(../images/ratingStar.jpg) left bottom;
	z-index: 2;
	left: 0px;
}
*/


a.noLink{
	color: #999;
}

.grid .hr{
	clear:both;
	float:left;
	border:0px;	
	border-top:1px solid #D5E9F1;
}

.grid div, .grid div.message{
	text-align:justify;
	color:#1D6E85;
	padding:8px 10px 8px 10px;;
	margin: 1px 0px 1px 0px;
	width:685px;
	background:#FAFAFA;
}

/* Style for Number Pad */
.numberPad{
	clear:both;
	background: #F3F3F3;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 10px 0px;
	border:1px solid #eee;
	padding:0px 10px 0px 0px ;
	color:#DDDDDD;
	height:25px;
	border-top:1px solid #EEE;
	border-bottom:1px solid #EEE;
	vertical-align:bottom;
}
.numberPad a{
	vertical-align:baseline;
	color: #7FA345;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	border:0px solid red;
	line-height:20px;
}
.numberPad a:hover{
	text-decoration:none;
	color: #FF8C00;
}

.numberPad a.back {
	vertical-align:baseline;
	padding:0px 0px 6px 12px;
	margin:0px 0px 0px 0px;
	background: url(../images/btn.back.gif) no-repeat;
	text-decoration:none;
	line-height:14px;
}
.numberPad a.next {
	padding:0px 0px 6px 12px;
	margin:0px 0px 0px 0px;
	background: url(../images/btn.next.gif) no-repeat;
	text-decoration:none;
	line-height:12px;
	vertical-align:baseline;
}
.numberPad a.nextNext {
	padding:0px 0px 6px 12px;
	margin:0px 0px 0px 0px;
	background: url(../images/btn.next2next.gif) no-repeat;
	text-decoration:none;
	line-height:12px;
}
.numberPad a.backBack {
	padding:0px 0px 6px 12px;
	margin:0px;
	background: url(../images/btn.back2back.gif) no-repeat;
	text-decoration:none;
	line-height:12px;
}
.numberPad p{
	text-align:right;
	padding:0px 0px 2px 0px; 
	margin:0px 0px 0px 0px;
	border:0px solid green;
	vertical-align:middle;
}
/*.numberPad p.numPadP {
	text-align:right;
	border:0px solid red;
}*/
.numberPad b{
	vertical-align:middle;
	color:#19A1C7;
	text-transform:uppercase;
	padding:0px 0px 4px 0px;
	margin:0px 0px 0px 0px;
	border:0px solid red;
	line-height:20px;
}
.numberPad span, .numberPad span b{
	color : #888;
}

/* -- end of Number Pad Style	*/
/*-------------------------------*/
/* Ccustomized grid, Course List */
.tabList{border:none;}

.tabList div.loader{ width:625px; border:5px solid #FAFAFA;background:#fff url(../images/grid.loader.gif) no-repeat center; height:400px;}
.tabList .bar{background:#f3f9e9 url(../images/tab.barBg.gif) repeat-x; padding:0px; width:auto; margin:0; color:#306621; text-align:right; padding:5px 10px 5px 0 }
.tabList .bar label{ margin-right:10px;}
.courseList div{ padding-left:59px; width:635px; background:#FAFAFA url(../images/ico.courseList.gif) no-repeat;}


.courseList div.tab{ 
	padding:0; 
	width:704px; 
	background: url(../images/tabBottom.gif) bottom repeat-x ;
	height:34px;
}
.courseList div.tabContent{ 
	float:left;
	padding:0; 
	width:704px; 
	background: none;
}
.courseList div#popularCourseList, .courseList div#recentCourseList{ 
	display:none;
}
.courseList div#learnCourseList{
	display:block;
}
.courseList div.tab a{
	float:left;
	width:232px;
	margin-right:4px;
	background:url(../images/tab.inactive.gif) no-repeat left;
	text-align:center;
	font: normal 15px  "Trebuchet MS", Georgia, "Times New Roman";
	line-height:29px;
	text-decoration:none;
	color:#293239;
}
.courseList div.tab a.last{
	margin-right:0;
} 
.courseList div.tab a.selected{
	background:url(../images/tab.active.gif) no-repeat left;
	color:#FFFFFF;
	font-weight:bold;
}
 
.courseList div.private{background:#FAFAFA url(../images/ico.private.gif) no-repeat 20px 10px;}
.courseList div.paid{background:#FAFAFA url(../images/ico.coursePaid.gif) no-repeat 20px 10px;}
.courseList div.protected{background:#FAFAFA url(../images/ico.coursePassword.gif) no-repeat 20px 10px;}

.courseList span{color:#569545;float:left;}
.courseList span a{color:#569545;text-decoration:none;font-weight:bold;}
.courseList span a:hover{color:#fff;background:#569545;}
.courseList ul{padding:0px;margin:0px;list-style:none;width:60px;height:10px;display:block;float:right;background:url(../images/ratingStar.jpg) repeat-x left top;position: relative;line-height:10px;}
.courseList ul li{text-indent: -90000px;padding:0px;margin:0px;float: left;height: 10px;line-height:10px;width:10px;left:0px;}
.courseList ul li.currentRating {background: url(../images/ratingStar.jpg) left center;position: absolute;text-indent: -9000px;z-index: 1;line-height:10px;}
.courseList ul li a {outline: none;display:block;width:12px;height: 10px;text-decoration: none;text-indent: -9000px;z-index: 20;position: absolute;padding: 0px;margin:0px;}
.courseList ul li a.one {left:0px;}
.courseList ul li a.one:hover {width:12px;}
.courseList ul li a.two {left:12px;}
.courseList ul li a.two:hover {width:24px;}
.courseList ul li a.three {left:24px;}
.courseList ul li a.three:hover {width:36px;}
.courseList ul li a.four {left:36px;}
.courseList ul li a.four:hover {width:48px;}
.courseList ul li a.five {left:48px;}
.courseList ul li a.five:hover {width:60px;}
.courseList ul li a:hover{background: url(../images/ratingStar.jpg) left bottom;z-index: 2;left: 0px;}

.courseListFeatured  div{
	background:#FAFAFA url(../images/ico.courseListFeatured.gif) no-repeat;
}
.courseListAssigned  div{
	background:#FAFAFA url(../images/ico.courseListAssigned.gif) no-repeat;
}
/*-------------------------------*/

/* More link*/
.courseList div.more{clear:both;  text-align:right; background:none; height:10px;border-top:1px solid #D5E9F1;}
.courseList div.more a{background:url(../images/bullet.one.gif) no-repeat right;color:#FF7800;text-decoration:none;padding:0px 10px 0px 0px;font-weight:bold;font-size:13px;line-height:14px;}
.courseList div.more a:hover {background:#FF7800 url(../images/bullet.oneOver.gif) no-repeat right;color:#fff;}
/*-------------------------------*/

/* Side Boxes */
.boxOne, .boxTwo{
	margin-bottom:20px;
	width:230px;
	float:left;
}
.boxOne span{
	background:#D7E9F5 url(../images/boxGridCorner.gif) top no-repeat;
	height:28px;
	padding:5px 0px 0px 20px;
	width:210px;	
	border-bottom:1px solid #FFF;	
	float:left;
}

.boxTwo span{
	background:#E0E9D5 url(../images/boxGridCorner.gif) top no-repeat;
	height:28px;
	padding:5px 0px 0px 20px;
	width:210px;	
	border-bottom:1px solid #FFF;	
	float:left;
}
.boxOne h3, .boxTwo h3{
	font: bold 16px  "Trebuchet MS", Georgia, "Times New Roman";
	margin:0;
	color:#0011;
	text-align:left;
	text-transform:lowercase;	
	float:left;	
}
/* Expand button for Side Boxes */
.boxOne a.boxButton{
	background-color: #D7E9F5;
	background-image: url(../images/gridoneBtn.gif);
	background-repeat: no-repeat;
	background-position: center;
	float:right;
	padding:0px 20px 0px 10px;	
	text-decoration: none;
}
.boxTwo a.boxButton{
	background-color: #E0E9D5;
	background-image: url(../images/gridtwoBtn.gif);
	background-repeat: no-repeat;
	background-position: center;
	float:right;
	padding:0px 20px 0px 10px;	
	text-decoration: none;
}
.boxOne a.boxButton:hover{
	background-image: url(../images/gridoneBtnOver.gif);
}
.boxTwo a.boxButton:hover{
	background-image: url(../images/gridtwoBtnOver.gif);
}
.boxOneSelected span{
	background:#D7E9F5 url(../images/box.top.gif) top no-repeat;
}
.boxTwoSelected span{
	background:#E0E9D5 url(../images/box.top.gif) top no-repeat;
}
.boxOneSelected a.boxButton{
	background-image: url(../images/gridoneBtnUP.gif);
}
.boxOneSelected a.boxButton:hover{
	background-image: url(../images/gridoneBtnUPOver.gif);
}
.boxTwoSelected a.boxButton{
	background-image: url(../images/gridtwoBtnUP.gif);
}
.boxTwoSelected a.boxButton:hover{
	background-image: url(../images/gridtwoBtnUPOver.gif);
}

.boxOne div, .boxTwo div{
/*	background:#EEF7FC url(../images/box.bottom.gif) bottom no-repeat; */
	background:#EEF7FC;
	padding:15px;
	color:#3f3f73;
	font-size:13px;
	text-align:left;
	text-align:justify;
	float:left;
	width:200px;
	
}
.boxOne div p{
	color:#4e87ab;
	text-align:justify;
	margin:0;

}
.boxOne div.searchBox{
	padding:15px;
	background:#EEF7FC;
}

.boxOne div.logs{
	float:left;
	background:#FFF;
	width: 200px;
	padding-top:5px;
	padding-bottom:5px;
}

.boxOne div.logs a{
	text-decoration: none;
	color: #569545;
	font-weight: bold;
}

.boxOne div.logs label.logTime{
	position: relative;
	padding-left: 20px;
	background: #FFF;
	color: #666666;
	font-style: italic;

}

.searchBox p{
	padding:10px 0px 0px 5px;
}
.searchBox p.contactP {
	padding:0px 0px 0px 5px;
}
.boxTwo h3, .boxTwo div.title{
	background-color:#E0E9D5;
	color:#2c4311;
}
.boxTwo div h4{
	float:left;
	padding:0;
	margin:0px;
}
.boxTwo div a.close{
	background: url(../images/box.close.jpg) no-repeat;
	width:16px;
	height:20px;
	display:block;
	float:right;
	margin: 3px 0px 0 0;
}
.boxTwo div a.close:hover{
	background: url(../images/box.closeOver.jpg) no-repeat;
}
.boxTwo div{
	background-color:#EFF4E6;
	color:#2c4311;
}

.boxTwo div.channels{
	width:216px;
	padding: 7px 7px 10px 7px;
	margin: 0px 0px 10px 0px;
}
div.channels ul{
	padding:0;
	margin:0;
	background:#fff;
	width:216px;
}
div.channels li{
	float:left;
	padding:0;
	margin:0;
	list-style:none;
	line-height:28px;
	border-bottom:1px solid #fff;
}
div.channels li ul {
	float:left;
}
div.channels li a{
	color:#7A8660;
	font-weight:bold;
	text-decoration:none;
	line-height:26px;
	display:block;
	padding-left:13px;
	height:26px;
	width:171px;
	float:left;
}
div.channels li a.button{
	width:26px;
	padding:0px;
	float:right;
	margin:0 0 0 2px;
}
div.channels li p{
	padding:0;
	margin:0;
	float:left;
	width:216px;
	
	display:block;
}
div.channels li.one{
	background:#F8F9F5 url(../images/channel.gridTwo.gif) repeat-x;
}
div.channels li.two{
	background:#F8FAF5 url(../images/channel.gridTwo.gif) repeat-x;
}
div.channels li.one a{
	background:#E7ECDC;
	border:1px solid #D9E0CD;
}
div.channels li.two a{
	background:#E9EFDF;
	border:1px solid #DEE5D3;
}
div.channels li.selected, div.channels li.selected a{
	color:#000;
}

div.channels li.one a.button{
	background:#E7ECDC url(../images/channel.downBtn.gif) no-repeat top;
}
div.channels li.two a.button{
	background:#E9EFDF url(../images/channel.downBtn.gif) no-repeat top;
}
ul.categories {
	width:178px;
	display:none;
}
ul.categories li{
	margin:0px;
	float:left;
	border:0px;
}
div.channels ul.categories a {
	width:201px;
	font-weight:normal;
	color:#223809;
	background:#F2F6EB;
	border-top:none;
	height:24px;
	line-height:24px;
}
div.channels li a:hover{
	background:url(../images/channel.over.gif) repeat-x;
	color:#7A8618;
}
div.channels li a.button:hover{
	background:url(../images/channel.downBtn.gif) no-repeat bottom;
}
div.channels ul.categories a:hover {
	background:url(../images/channel.catOver.gif) repeat-x;
}

/* end of side boxes */


#welcome{
	margin: 25px 0px 10px 0px;
	padding: 0px 0px 20px 50px;
	background:  #FFF url(../images/home.welcomeBg.gif) no-repeat right bottom;
}

#welcome h4{
	color:#124183;
	padding:0;
	margin:0;
	font-size: 22px ;
	background:none;
}
/***   Login - userDetails  ***/
#outMsgDiv {
	float:left;
	border:0px solid green;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
}
#welcomeDiv {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	background: #FFF url(../images/home.msg.bgHr.gif) no-repeat bottom;
}
#welcomeDiv div.welcome{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 38px;
	width:623px;
	height:74px;
	background:  #eef7fc url(../images/home.msg.bg.gif) no-repeat;
}
.welcome h4{
	color:#124183;
	padding:0;
	margin:0;
	font-size: 18px ;
	background:none;
}
.welcome span.lastLogin {
	color:#1ca0c7;
	font-size:14px;
}
#msgBlocks {
	float:left;
	border:0px solid red;
	margin:8px 0px 0px 0px;
	padding:0px 0px 0px 30px;
}
#msgBlocks div.blocks {
	float:left;
	color:#1d6e85;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:321px;
	height:69px;
	background:  #f2f2f2 url(../images/home.msg.block.gif) no-repeat;
}
#msgBlocks a {
	color:#1d6e85;
	text-decoration:none;
}
#msgBlocks a.msg {
	color:#266115;
	font-size:14px;
	text-decoration:none;
}
#msgBlocks a.msgBold {
	color:#569545;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
#msgBlocks p {
	padding:17px 0px 0px 70px;
	margin:0px 0px 0px 0px;
	height:48px;
}
#msgBlocks div.leftMsgBlock{
	float:left;
	width:321px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px solid green;
}
#msgBlocks div.rightMsgBlock{
	float:left;
	width:321px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	border:0px solid green;
}

#msgBlocks p.inboxBlock {
	background:  url(../images/ico.home.inbox.gif) no-repeat 10px 20px;
}
#msgBlocks p.invitesBlock {
	background:  url(../images/ico.home.courseInvites.gif) no-repeat 10px 20px;
}
#msgBlocks p.requestsBlock {
	background:  url(../images/ico.home.courseRequests.gif) no-repeat 10px 20px;
}
#msgBlocks p.contactsBlock {
	background:  url(../images/ico.home.contactInvites.gif) no-repeat 10px 20px;
}
#msgBlocks p.groupsBlock {
	background:  url(../images/ico.home.groupInvites.gif) no-repeat 10px 20px;
}
#msgBlocks p.courseAssigned {
	background:  url(../images/ico.coursesAssigned.gif) no-repeat 10px 20px;
}
#msgBlocks p.gradeBlock {
	background:  url(../images/ico.home.gbInvite.gif) no-repeat 10px 20px;
}
#msgBlocks p.groupRequest {
	background:  url(../images/ico.home.groupRequest.gif) no-repeat 10px 20px;
}
/***   Login - userDetails  ***/

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

*:focus { outline: none } 


.ico{
	vertical-align: middle;
}
.clear{
	clear:both;
}
.right{
	float:right;
}
.left{
	float:left;
}
div.error, div.message{
	clear:both;
	float:left;
	background:#FAFAFA;
	padding:7px 15px 7px 15px;
	margin:2px 0 2px 0;
	width:674px;

}
div.error p{
	border:1px solid #E8B098;
	background:#FDF1F1 url(../images/ico.error.jpg) no-repeat 30px;
	margin:0;
	padding:6px 10px 6px 90px;
	color:#cc0000;
	line-height:22px;
	min-height:20px;
}
div.message p{
	border:1px solid #AFD872;
	background:#F0F7F0 url(../images/ico.message.gif) no-repeat 15px;
	margin:0;
	padding:15px 10px 15px 85px;
	color:#126918;
	vertical-align: middle;
	letter-spacing: 1px;
}

.pageDescription{
	/*margin: 0px;
	padding: 0px 15px 20px 15px;
	*/
	margin:15px 30px 15px 30px;
	padding:0px 0px 0px 0px;;

	
}


 .tag1, .tag2, .tag3, .tag4, .tag5{
	font: normal 12px  verdana, arial, helvetica;
	color:#4E87AB;
	text-decoration:none;
	padding: 0px 2px 0px 2px;
 }

.tag2{
	font-size: 11px;
	font-weight: bold;
 }
 
 .tag3{
	font-size: 13px;
	font-weight: bold;
	/*color:red;*/
 }
 .tag4{
 	font-size: 15px;
	font-weight: bold;
	/*color:black;*/
	
 }
 .tag5{
	font-size: 17px;
	font-weight: bold;
 }
 
 
/****************Menu*******************/
#menu{
	z-index: -1;
	/*position:relative; */
	height:71px;
	background:#1b9fc6  url(../images/header.menuBar.bg.jpg) repeat-x;
	border-bottom:1px solid #fff;
}
#wrapper > #menu{
	z-index: 0;
}
#menu div.leftCurve{
	float:left;
	height:32px;
	width:5px;
	background:#1b9fc6 url(../images/header.menuBar.curveL.jpg) no-repeat;
}
#menu div.rightCurve{
	float:right;
	height:32px;
	width:5px;
	background:#1b9fc6 url(../images/header.menuBar.curveR.jpg) no-repeat;
}

#menu ul.top{
	position:relative;
	float:left;
	padding:0 0 0 137px;
	margin:4px 0px 0px 0px;	
	position:relative;
}


#menu ul li.topLevel, #menu ul li.topLevel:hover{
	float:left;
	margin:0px 0px 0px 5px;
	padding:0px;
	list-style:none;
	height:28px;
	background:url(../images/menu.right.jpg) right  bottom no-repeat;	
}

#menu ul li.topLevel a.main, #menu ul li.topLevel a.main:hover{
	color:white;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	text-transform:lowercase;
	letter-spacing:.7px;
	line-height:26px;
	display:block;
	background:url(../images/menu.left.jpg)  left bottom no-repeat;	
	padding:2px 20px 0px 20px;
}
#menu ul li.topLevel:hover, #menu ul li.selected, #menu ul li.hover{
	background:url(../images/menu.rightSelected.jpg) right  bottom no-repeat;	
}
#menu ul li.topLevel a.main:hover, #menu ul li.selected a.main, #menu ul li.hover a.main{
	background:url(../images/menu.leftSelected.jpg) left bottom no-repeat;	
	color:black;
}

#menu ul li.selected ul{
	z-index: 1;
	display:block;
	background:url(../images/menu.subBg.gif) repeat-x bottom;	
}

#menu ul li.hover ul{
	z-index: 2;
	display:block;
	background:url(../images/menu.subBg.gif) repeat-x bottom;	
}

#menu ul li ul{
	position:absolute;
	padding:14px 0 0px 148px;
	margin:0px 0px 0px 0px;
	position:absolute;
	top:23px;
	left:0px;
	display:none;
	width: 840px;
}
#menu ul ul li{
	float:left; 
	margin:0px 15px 0px 0px ;
	padding:0px;
	display:block;
	height: 29px;
	list-style:none;
}
#menu ul ul li a{
	color:#202D3F;
	letter-spacing:1px;
	padding:6px 10px 4px 5px;
	margin:0px;
	display:block;
	text-decoration:none;
	line-height: 18px;
	text-transform:lowercase;
}

#menu ul ul li a:hover{
	/*background: #D0D1CF;*/
	background: #D8D9D6;
	border-bottom:1px solid #AFD872;
}
#menu ul ul li a img{
	vertical-align: middle;
}
/****************Menu*******************/
/******************************/
span.highlight{
	float:none;
	background: #F8F8D8;
}
.boxOne div.courseUsers{
	background:#EEF7FC url(../images/box.bottom.gif) bottom no-repeat;
	padding:0px 0px 0px 15px;
	color:#3f3f73;
	font-size:13px;
	text-align:left;
	text-align:justify;
	float:left;
	width:215px;
	/*height:210px;*/
	border:0px solid red;
}
#courseUsers ul {
	float:left;
	padding:0px 0px 10px 0px;
	margin:10px 0px 0px 0px;
	list-style:none;
	text-align:left;
}
#courseUsers ul li{
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	cursor:pointer;
}
#courseUsers div.actionLi{
	clear:both;
	margin:0px 0px 10px 0px;
	float:right;
	cursor:pointer;
	text-align:right;
	padding:0px;
}
#courseUsers div.actionLi a{
	margin:0px 0px 0px 0px;
}
#courseUsers ul li a{
	margin:0px 0px 0px 0px;
	font: normal 11px  verdana, arial, helvetica;
	color:#1F5F9A;
	text-decoration:none;
	line-height:25px;
}
#courseUsers ul li a.inActive{
	padding:5px 0px 0px 10px;
	background: url(../images/ico.courseUser.gif) no-repeat;
}
#courseUsers ul li label.inActive{
	margin:0px 0px 0px 0px;
	font: normal 11px  verdana, arial, helvetica;
	color:#1F5F9A;
	text-decoration:none;
	line-height:25px;
	padding:5px 0px 0px 10px;
	background: url(../images/ico.courseUser.gif) no-repeat;
	cursor:auto;
}
#courseUsers a.activeNext {
	margin:0px 10px 0px 0px;
	padding:0px 5px 3px 5px;
	border:0px solid red;
	background:url(../images/ico.next.gif) no-repeat;
}
#courseUsers a.activePrev {
	margin:0px 10px 0px 0px;
	padding:0px 5px 3px 5px;
	background:url(../images/ico.previous.gif) no-repeat;
}
#courseUsers a.inactiveNext {
	margin:0px 10px 0px 0px;
	padding:0px 5px 3px 5px;
	background:url(../images/ico.nextGrey.gif) no-repeat;
}
#courseUsers a.inactivePrev {
	margin:0px 10px 0px 0px;
	padding:0px 5px 3px 5px;
	background:url(../images/ico.previousGrey.gif) no-repeat;
}


.joinBtn, .buyBtn, .leaveCourse, .joinProtected{
	margin: auto auto;
	font: bold 13px  "Trebuchet MS", Georgia, "Times New Roman";
	color:#FFF;
	background:url(../images/bg.joinBtn.gif) no-repeat;
	width:162px;
	height: 42px;
	line-height: 37px;
	border: 0px solid red;
	outline: none;
	display:block;
	text-align:center;
	text-decoration:none;
	letter-spacing:1px;
}
#frmSearchBox div {
	margin:0px;
	padding:5px 0px 5px 0px;
 }
#frmSearchBox div p{
	margin:12px 0px 0px 0px;
	padding:0px;
 }

.searchError{
	background:#FFFFF1;
	border:1px solid #EEBF54;
}
.authorWrapper{
	float:left;
	width:705px;
	padding:20px 0px 0px 0px;
	margin:13px 0px 0px 0px;
	background:url(../images/authorTopBg.gif) no-repeat #F5F4F2;
}
.wrapperEnd{
	float:left;
	background: url(../images/authorBottomBg.gif) no-repeat bottom;
	width:705px; 
	height:16px;
	margin:0px;
	padding:0px 0px 0px 0px;
}
.contentOuter {
	border:0px solid red;
	float:left;
	padding:0px 0px 0px 50px;
}
.authorContent{
	background:#f9f9f9;
	border:1px solid #E5E5E5;
	width:578px;
	display:block; 
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 15px;
	/*padding:18px 0px 10px 35px;
	margin:13px 0px 13px 35px;*/
	float:left;
}
.authorName{
	float:left;
	width:490px;
	padding:5px 0px 5px 10px;
	margin:0px 30px 0px 0px;
}
.authorName span{
	color:#569545;
	font-weight:bold;
}
.authorDetails{
	float:left;
	clear:both;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	width:560px;
	margin:10px 0px 0px 0px;
	padding:10px 0px 10px 0px;
}
.authorDetails div {
	margin:0px;
	padding:0px 0px 5px 0px;
	float:left;
}
.authorDetails div label{
	width:150px;
	float:left;
	text-align:right;
}
.authorDetails div p{
	margin:0px;
	padding:0px 0px 0px 10px;
	float:left;
	width:390px;
}
.authorInfo{
	background:#fff;
	float:left;
	width:540px;
	margin:0px 0px 10px 0px;
	padding:10px 10px 10px 10px;
 	border:1px solid #ddd;
}
.infoLabel{
	float:left;
	margin:10px 0px 10px 0px;
}
.rateAuthor{
	float:left;
	width:350px;
	margin:0px 0px 0px 35px; 
	padding:0px 0px 0px 0px; 
}
.hideAuthor{
	float:right;
	width:150px;
	color:#1D6E85;
	padding:0px 0px 0px 20px;
}
.hideAuthor a {
	background:url(../images/auth.ico.back.gif) no-repeat left;
	padding:0px 0px 0px 20px; 
	text-decoration:none;
	color:#1D6E85;
}
.showAuthor a{
	float:right;
	width:150px;
	color:#1D6E85;
	padding:2px 0px 0px 20px; 
	background:url(../images/ico.authorDetails.gif) no-repeat left;
	text-decoration:none;
}
.hideAuthor a{
	float:right;
	width:150px;
	color:#1D6E85;
	padding:2px 0px 0px 20px; 
	background:url(../images/auth.ico.back.gif) no-repeat 0px 1px;;
	text-decoration:none;
}
.rateAuthor ul.rating{
	float:left;
	padding:0px;
	margin:0px;
	list-style:none;
	width:75px;
	height:13px;
	display:block;
	background: url(../images/course.ratingStar.jpg) repeat-x left top;
	position: relative;
	line-height:13px;
}
.rateAuthor p{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	line-height:13px;
	color:#087800;
}

.rateAuthor div{
	float:right;
	padding: 0px 0px 0px 20px;
	margin:0px 0px 0px 0px;
	line-height:20px;
	color:#087800;
	background: url(../images/ico.buddyInvite.gif) no-repeat left;
}
.rateAuthor div a{
	color:#1D6E85;
	text-decoration:none;
}
div.sendReq {
	clear:both;
	float:left;
	padding: 8px 0px 0px 20px;
	margin:0px 0px 0px 0px;
	line-height:20px;
	color:#087800;
	background: url(../images/ico.buddyInvite.gif) no-repeat 0px 10px;
}
div.sendReq a {
	color:#1D6E85;
	text-decoration:none;
}
.grid div.courseContainer{
	background:none;
	float:left;
	width:700px;
	padding:0px;
	margin:0px;
}
#courseNumpad{
	width:700px;
	float:left;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	text-align:right;
}
.authorDetails p a{
	color:#1D6E85;
	text-decoration:none;
}
.authorLoader{ width:700px; border:1px solid #FAFAFA;background:#fff url(../images/grid.loader.gif) no-repeat center; height:650px;}
.authorImage{
	width:38px;
	border:4px solid #fff;
	float:left;
}
.srchSelect {
	width:180px;
	border:1px solid #D4D4EC;
	color:#418FA5;
	font: normal 14px  "Trebuchet MS", Georgia, "Times New Roman";
	padding:1px 0px 1px 0px;
	margin:0;
}
.rssFeed {
	float:left;
	background: url(../images/ico.rss.png) no-repeat;
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 5px;
	color:#418FA5;
	font: normal 14px  "Trebuchet MS", Georgia, "Times New Roman";
	text-decoration:none;
}
#learnCourseList p.numberPad{
	border-top:1px solid #D5E9F1;
	background-image:none;
	padding:0px;
	margin:2px 0px 0px 0px;
}
#learnCourseList p.numberPad img{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align: middle;
}
#learnCourseList p.numberPad a{
	padding:0px;
	margin:0px;
}

.numberPad img{
	margin:0px;
	padding:0px;
	vertical-align: middle;
}
.authorWrapper div.sendContactInvite{
	clear:both;
	width:480px;
	background:#EEE;
	margin:10px 25px 10px 35px;
	padding:0px 25px 10px 25px;
	float:left;
	display:none;

}

.authorWrapper div.sendContactInvite textarea{
	border:1px solid #D0CFCF;
	margin:0px 0px 10px 0px;
	width:450px;
	height:100px;
}

.authorWrapper div.sendContactInvite h6{
	margin:10px 0px 10px 0px; 
	font-size:13px;
	color:#626262;
	padding:0px;
}

.authorWrapper div.sendContactInvite div a.send, .authorWrapper div.sendContactInvite a.cancel{
	color:#626262;
	font-weight: bold;
	font-size:12px;
	cursor:pointer;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 0px 0px;
	background: url(../images/ico.sendMessage.gif) no-repeat left;
}

.authorWrapper div.sendContactInvite a.cancel{
	background: url(../images/ico.cancel.gif) no-repeat left;
}

.authorWrapper div.sendContactInvite a.send:hover{
	color:#005186;
	background: #ddd url(../images/ico.sendMessage.gif) no-repeat left;
}

.authorWrapper div.sendContactInvite a.cancel:hover{
	color:#005186;
	background:#ddd url(../images/ico.cancel.gif) no-repeat left;
}
.leftBlock div p.note{
	padding:10px 10px 25px 25px ;
	margin:0px;
}
#visibilityMsg{
	float:left;
	padding:0px 0px 0px 190px; 
}
.courseList div.pending{background:#FAFAFA url(../images/ico.pending.gif) no-repeat 20px 10px;}

/*.leftBlock p.desc{
	background:#fff;
	margin:5px 30px 5px 30px;
	padding:0px 0px 0px 0px;;
}*/

.subHead{
	color:#124183;
	font-size:14px;
	font-weight:bold;
}

#countryFlag{
	float:right;
	padding: 7px 15px 0px 0px;
	margin: 0px;
}

#countryFlag a{
	text-decoration:none;
	font: normal 12px  "Trebuchet MS", Georgia, "Times New Roman";
	letter-spacing:1px;
	color: 	#fff;
}

#countryFlag a:hover{
	color:#C0F8C0;
}

#countryFlag img{
	vertical-align:middle;
	padding: 0px 3px 1px 0px;
	margin: 0px;
}

#courseSortBar{
	display:block;
}

#groupSortBar{
	display:block;
}
.bold {
	font-weight:bold;
}
/*----------Style for website block----------------------*/
#websites{
	float:left;
	margin:10px 0px 20px 0px;
	padding:0px;
	width:230px;
	background:#eef7fc;
}
#head{
	float:left;
	margin:0px;
	padding:0px;
	width:230px;
	height:68px;
	background:url(../images/bg.heading.gif) no-repeat top;
}
#websites  h1{
	width:auto;
	background:none;
	float:left;
	margin:0px;
	padding:7px 0px 0px 65px;
	font: bold 14px  "Trebuchet MS", Georgia, "Times New Roman";
	text-align:left;
	color:#1f5f9a;

}
#websites span{
	float:left;
	margin:0px 0px 0px 16px;
	padding:0px;
	width:195px;
}
#websites span a{
	font: normal 12px  "Trebuchet MS", Georgia, "Times New Roman";
	text-align:left;
	color:#165107;
	text-decoration:none;
	display:block;
}
#websites span a:hover{
	color:#569545;
}
#websites span img{
	float:left;
	margin:8px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:192px;
	height:124px;
}
/*---------------------------------------------------------------------------------*/
#optionsLoader{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-indent:20px;
	background:url(../images/ajax-loader.courseOptions.gif) no-repeat 0px 0px;
	display:none;
	text-align:left;
}

#passwordBlock{}

.courseList div.tabLearn{ 
	padding:0; 
	width:704px; 
	background: url(../images/tabBottom.gif) bottom repeat-x ;
	height:34px;
}

.tabLearn a{
	float:left;
	width:172px;
	margin-right:4px;
	background:url(../images/tab.inactiveLearnl.gif) no-repeat left;
	text-align:center;
	font: normal 15px  "Trebuchet MS", Georgia, "Times New Roman";
	line-height:29px;
	text-decoration:none;
	color:#293239;
}
.tabLearn a.selected{
	background:url(../images/tab.activeLearn.gif) no-repeat left;
	color:#FFFFFF;
	font-weight:bold;
}
.datePanel{
	background:url(../images/ico.calendar.gif) no-repeat left;
	padding:0px 0px 0px 20px;
	margin:0px 10px 0px 0px;
}

#questions{

	width:auto;
	margin-left:20px;
	width:671px;
	
}

#questions table{
	background:#fff;
	border:1px solid #f3f9f9;
	padding:0px;
}
#questions table table{
	background:#fff;
}
#questions table table tr td.heading{
	background-color:#82D0DC;
	height:30px;
	color:#000;
	font-size:13px;
	font-weight:bold;
	
}
#questions table table tr td{
 text-align:left;
 height:30px;
 font-weight:normal;
 padding-left:3px;
 color:#000;
}
#questions table tr.grid1, #questions table tr.grid2{
	background-color:#F5F5F7;
	height:30px;
}
#questions table tr.grid2{
	background-color:#EDEDF2;	
}
#questions table table tr td a{
	color:#1B9FC6;
	text-decoration:none;	
}