/* CSS Document */
/*
form, table, p, h1, h2, h3, h4, h5, h6, ul, li, div, dl {
	margin : 0;
	padding : 0;
	font-size : 100%;
}*/

a {
	text-decoration : none;
	outline : none;
	color: #000;
}
a:hover {
	text-decoration : none;
}
img {
	border : 0;
	vertical-align : top;
}
.clsFloatLeft {
	float : left;
}
.clsFloatRight {
	float : right;
}

.clear {
	clear : both;
}
/*-- End of Common Styles --*/

/* CSS Clearfix */
/*CLEARFIX*/
.clsClearFix:after {
	content : ".";
	display : block;
	clear : both;
	visibility : hidden;
	line-height : 0;
	height : 0;
}
.clsClearFix {
	display : inline-block;
}
html[xmlns] .clsClearFix {
	display : block;
}
* html .clsClearFix {
	height : 1%;
}
/* close commented backslash hack */


.clsContainer
{
	margin:36px auto 0;
	text-align:left;
	width:1000px;
	background-color:#FFFFFF;
	
}
#header {
    padding:0;
}
#selLogo {
	width:244px;
	padding:14px 0 0 33px;
}
#header h1 {
	background:url(../images/img_logo.jpg) no-repeat scroll left top;
}
#header h1 a {
	display:block;
	height:98px;
	overflow:hidden;
	text-indent:-999px;
	width:244px;
}


#selChoice {
   
	width:598px;
	padding:22px 13px 16px 0;
	height:90px;
	margin-top:0;
}

#subHeader
{
	margin:0;
	background:url(../images/bg_menu.jpg) repeat-x scroll 0 0;
	height:36px;
	margin-bottom:26px;
}
#subHeader ul
{ 
	padding:6px 0 0 22px;
}
#subHeader li
{
	float:left;
	padding:0;
	text-align:center;
	padding:0 10px 0 0;
}
#subHeader li a {
	display:block;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	width:123px;
	line-height:30px;
}
#subHeader li a:hover, #subHeader .clsActive a 
{
	background-color:#313030;
	color:#FFFFFF;
	
}
#sideBar
{
 margin:0;
 padding:0; 
 }
.sideBar1
{
   /* clear:right;*/
	float:right;
	width:229px;
	padding:0 12px 8px 0;
}

.side_Top
{
	background:url(../images/side_top.jpg) no-repeat scroll left top;
	padding-top:12px;
}
.side_center
{
	background:url(../images/side_center.jpg) repeat-y scroll left center;
	
}
.side_Bottom
{
	background:url(../images/side_bottom.jpg) no-repeat scroll left bottom;
	padding-bottom:31px;
}
.clsSter,.clsSearch,.clsNavFriends
{
 margin-bottom:10px;
}
.clsSter h3
 {
    background:url(../images/img_men.jpg) no-repeat scroll 0 0;
    font:normal 18px Arial, Helvetica, sans-serif;
	color:#585D56;
	padding:25px 0 25px 70px;
	margin:0 0 0 10px;
 }
.clsSter ul
{
  padding:0 0 0 33px;
}
.clsSter li
  {
    background:url(../images/img_li.jpg) no-repeat scroll left 4px;
	padding:0 0 10px 15px;
	font:normal 12px Arial, Helvetica, sans-serif;
  }
  .clsSter li a:hover
  {
    text-decoration:underline;
  }
.clsSter a
  {
   color:#000000;
  }
.clsSter p
{
  text-align:right;
  padding: 0 15px 0 0;
}
.clsSter p a 
{
  text-decoration:underline;
}
.clsSearchButton
{
	background:url(../images/img_search.jpg) no-repeat scroll 0 0;
	width:60px;
	padding: 0 0 3px 0;
	margin:10px 0 0 140px;
	border:0 none;
	height:24px;
	vertical-align:top;
	color:#FFFFFF;
	font:bold 12px Arial, Helvetica, sans-serif;
	
}
  .clsSearchText
{
	 background-color:#FFFFFF;
	 border:0 none;
	 border:1px solid #D7D7D7;
	 padding:3px 2px 3px 3px;
	 color:#000000;
	 width:176px;
	 margin:5px 0 0 18px;
}

  .clsFeeds
{
  margin:0;
  padding:0;
  
  margin:0 10px 0;
}
  .navmenutabs 
 {
   margin:0;
   height:21px;
  } 
  * html .navmenutabs 
 {
   height:21px;
  } 
 * html .box {
 	margin:-1px 0 0;
	} 
  
  .navmenutabs ul {
	list-style-type:none;
	margin:0;
	padding:0;
	
}

  .navmenutabs li {
	float:left;
	margin:0;
	padding:0;
	font:bold 13px Arial, Helvetica, sans-serif;
}

  .navmenutabs .selected a,.navmenutabs a:hover {
	background:url(../images/side_but1.jpg) no-repeat scroll 0 0;
	top:0;
    
	
}

  .navmenutabs a {
	background:url(../images/side_but2.jpg) no-repeat scroll left top;
	float:left;
	margin:0;
	padding:0 24px 0 16px;
	line-height:22px;
	
}

  .clsFeeds ul
{
  padding:0 0 0 33px;
  
}
  .clsFeeds li
  {
    background:url(../images/img_li.jpg) no-repeat scroll left 9px;
	padding:5px 0 5px 15px;
	font:normal 12px Arial, Helvetica, sans-serif;
	margin-left:20px;
	
  }
  .clsFeeds li a:hover
  {
    text-decoration:underline;
  }
  .clsFeeds a
  {
   color:#000000;
  }
  
  .side_fri_Top
{
	background:url(../images/side_top1.jpg) no-repeat scroll left top;
	padding-top:9px;
}
.side_fri_center
{
	background:url(../images/side_center1.jpg) repeat-y scroll left center;
	
}
.side_fri_Bottom
{
	background:url(../images/side_bottom1.jpg) no-repeat scroll left bottom;
	padding-bottom:30px;
}
  
 #main
 {
   width:740px;
   float:left;
   margin-left:10px;
 } 
  * html #main
{
    
	margin-left:5px;
}
  
  .main_Top
{
	background:url(../images/main_top.jpg) no-repeat scroll left top;
	padding-top:0;
}
.main_center
{
	background:url(../images/main_center.jpg) repeat-y scroll left center;
	
}
.main_Bottom
{
	background:url(../images/main_bottom.jpg) no-repeat scroll left bottom;
	padding-bottom:33px;
} 
  
  .clsMyCourse,.clsResourse,.clsQuestion,.clsMentor,.clsCommunities,.clsOnline
  {
    margin:0 0 10px 0;
	padding:0;
  }
  .clsMyCourse h2
  {
    background: url(../images/img_course.jpg) no-repeat scroll 18px 5px;
	margin:0;
	padding:10px 0 7px 50px;
	color:#FFFFFF;
	font:bold 14px Arial, Helvetica, sans-serif;
  }
  
  .clsCoursemenu
  {
    margin:0;
	padding:22px 0 0 0;
	height:19.70px;
	
  }
  
  .clsCourmenu
  {
    margin:0;
	padding:22px 0 0 0;
	height:20.15px;
	
  }
 
  .clsCoursemenu ul,.clsCourmenu ul
{
  padding:0 0 0 33px;
  
}
  .clsCoursemenu li,.clsCourmenu li
  {
	padding:0 10px 0 0;
	font:bold 12px Arial, Helvetica, sans-serif;
	border-bottom:none;
	display:inline;
	
  }
  .clsCoursemenu li a,.clsCourmenu li a
  {
  padding:4px 19px;
   color:#000000;
   
  
  }
   .clsCoursemenu .selected a,.clsCoursemenu a:hover ,.clsCourmenu .selected a,.clsCourmenu a:hover
   {
	border-top:1px solid #9E9E9E;
	 border-left:1px solid #9E9E9E;
	 border-right:1px solid #9E9E9E;
	 border-bottom:1px solid #F3F3F3;
	background-color:#F3F3F3;
	margin:0;
	 padding:4px 18px;
}
  .clsCourseBook
   {
     padding:15px;
	 margin:0;
	 border-bottom:1px solid #9E9E9E;
	 border-left:1px solid #9E9E9E;
	 border-right:1px solid #9E9E9E;
	 background-color:#F3F3F3;
   }
    
	  .clsCourseBook li
	  {
	    display:inline;
		float:left;
		margin-right:12px ;
		width:101px;
	  }
	  .clsCourseBook li a:hover
	  {
	     text-decoration:underline;
	  }
	  .clsCourseBook p
	  {
	     font:normal 12px Arial, Helvetica, sans-serif;
		 padding:10px 0 0 5px;
		 text-align:center;
	  }
/******************/	
.clsCourseBook1
   {
     padding:10px;
	 margin:0;
	 border-bottom:0px solid #9E9E9E;
	 border-left:0px solid #9E9E9E;
	 border-right:0px solid #9E9E9E;
	 background-color:#EEEEEE;
	 width:185px;
   }
    
	  .clsCourseBook1 li
	  {
	    display:inline;
		float:left;
		margin-right:0px ;		
	  }
	  .clsCourseBook1 li a:hover
	  {
	     text-decoration:underline;
	  }
	  .clsCourseBook1 p
	  {
	     font:normal 12px Arial, Helvetica, sans-serif;
		 padding:10px 0 0 5px;
		 text-align:center;
	  }  
	  
	  
	  
	 .clsCourse_img
	 {
	   background:url(../images/top_layer.jpg) repeat-x scroll 0 17.95%;
	   margin:0;
	  
	 } 
	 .clsCourse
	 {
	   margin:0 15px;
	   padding:5px 0 10px 0;
	 }
	 .clsResourse h2
  {
    background:url(../images/img_resource.jpg) no-repeat scroll 18px 5px;
	margin:0;
	padding:10px 0 7px 55px;
	color:#FFFFFF;
	font:bold 14px Arial, Helvetica, sans-serif;
  }
  .clsResource_img
	 {
	   background:url(../images/top_layer.jpg) repeat-x scroll 0 21.14%;
	   margin:0;
	  
	 } 
	 
	  .clsQuestion h2
  {
    background:url(../images/img_question.jpg) no-repeat scroll 18px 5px;
	margin:0;
	padding:10px 0 7px 55px;
	color:#FFFFFF;
	font:bold 14px Arial, Helvetica, sans-serif;
  }
   .clsMentor h2
  {
    background:url(../images/img_mentor.jpg) no-repeat scroll 18px 3px;
	margin:0;
	padding:10px 0 7px 55px;
	color:#FFFFFF;
	font:bold 14px Arial, Helvetica, sans-serif;
  }
  
  .clsCommunities h2
  {
    background:url(../images/img_community.jpg) no-repeat scroll 18px 2px;
	margin:0;
	padding:10px 0 7px 55px;
	color:#FFFFFF;
	font:bold 14px Arial, Helvetica, sans-serif;
  }
  .clsOnline h2
  {
    background:url(../images/img_online.jpg) no-repeat scroll 18px 5px;
	margin:0 0 0 0;
	padding:10px 0 7px 55px;
	color:#FFFFFF;
	font:bold 14px Arial, Helvetica, sans-serif;
  }
  
  .clsOnlineClass
   {
     padding:15px;
	 margin:0;
	 background-color:#F3F3F3;
	 border:1px solid #9E9E9E;
   }
    
	  .clsOnlineClass li
	  {
	    display:inline;
		float:left;
		margin-right:12px ;
		width:101px;
	  }
	  .clsOnlineClass li a:hover
	  {
	     text-decoration:underline;
	  }
	  .clsOnlineClass p
	  {
	     font:normal 12px Arial, Helvetica, sans-serif;
		 padding:10px 0 0 5px;
		 text-align:center;
	  }
   .clsIndentOnline
	 {
	   margin:0 15px;
	   padding:25px 0 10px 0;
	 }
  
  #footer
  {
    background:url(../images/bg_footer.jpg) repeat-x scroll left top;
	height:65px;
	clear:both;
	color:#FFFFFF;
	text-align:center;
	padding:20px 0 0 0;
  }
  .pageCounter
{
	
	background-color:#C0FFC0;
}



.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}
.xx
{
	padding: 2px;
	padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

div.img
{
margin:2px;
border:1px solid #666666;
height:auto;
width:auto;
float:left;
text-align:center;
}
div.img img
{
display:inline;
margin:3px;
border:5px solid #ffffff;
}