@charset "utf-8";
/* CSS Document */
body { margin:0; }
#t-divWrepper { display:block; width:984px; margin-left:auto; margin-right:auto; }

.t-fRight { float:right; }
.t-fLeft { float:left; }

.t-clearAll { clear:both; }

.t-headerBg { display:block; background-image:url(images/headerbg.jpg); background-repeat:repeat-x; height:103px; }
.t-logo { display:block; width:203px; height:102px; background-image:url(images/logo.png); background-repeat:no-repeat; }
.t-logo a{ display:block; width:203px; height:102px; text-decoration:none; }

/* LOGIN AREA START */
.t-loginArea { display:block; width:322px; height:91px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#999999; background-image:url(images/loginbg.png); background-repeat:no-repeat; }
.t-loginArea a{ color:#666666; text-decoration:none; }
.t-loginArea a:hover{ color:#1275DB; }
.t-loginInputBox { border:1px solid #DDDDDD; padding:3px; width:120px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; margin-bottom:5px; }
.t-loginBoxPadding { padding:2px 0 15px 38px; }
.t-loginBoxMargin { padding:6px 18px 15px 18px; }
.t-loginCol1 { display:block; width:50px; text-align:right; line-height:24px; margin-right:5px; }
.t-loginCol2 { display:block; width:120px; margin-right:15px; }
.t-loginCol3 { display:block; }
.t-loginArea h3 { padding:0 0 5px 15px; margin:0 0 5px 0; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#1275DB; border-bottom:1px solid #DDDDDD; }
.t-loggedinCol { display:block; width:110px; line-height:18px; font-weight:bold; color:#666666; padding-left:15px; }
.topreg{margin-right:98px;}
.liveicon{position:absolute; right:0px;}
/* LOGIN AREA END */

.t-inputBox { border:1px solid #DDDDDD; padding:3px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; }

.t-addBannerBg { display:block; background-image:url(images/adrepeatbg.jpg); background-repeat:repeat-x; height:143px; }
.t-addBannerArea { display:block; background-image:url(images/adbanner_bg.jpg); background-repeat:no-repeat; height:128px; padding:15px 0 0 20px; }

/* TOP NAVIGATIONS START */
.t-navBar { display:block; height:37px; font-size:14px; font-family:'Myriad Pro', Arial, Helvetica, sans-serif; color:#4F4F4F; font-weight:bold; padding:10px 11px 1px 11px; background-color:#F4F4F4; }
.t-navLinksSeperator { float:left; width:20px; height:30px; background-image:url(images/nav_seperator.gif); background-repeat:no-repeat; background-position:center; }
.t-fromArea a{ display:block; float:left; padding:6px 35px 6px 8px; text-decoration:none; color:#1275DB; margin-left:4px; }

/* DROP DOWN MENUS START */  	
.segNavMainTab { float:left }
.segNavMainTab span a, .segNavMainTab span a:visited {display:block; padding:7px 12px 7px 12px;  text-decoration:none;}
.segNavMainTab span a:active, .segNavMainTab span a:hover {color:#D84704; text-decoration:none}
.segNavMainTabOver span a, .segNavMainTabOver span a:visited  {background-color:#F4F4F4; color:#1275DB; text-decoration:none}
.segNavMainTabOver span a:active, .segNavMainTabOver span a:hover  {color:#1275DB; text-decoration:none}
.segNavMainTabOn span a, .segNavMainTabOn span a:visited, .segNavMainTabOn span a:active, .segNavMainTabOn span a:hover  {display:block; color:#1275DB; text-decoration:none}
.segNavFlyPane {position:absolute; z-index:999; visibility:hidden}
.segNavFly { background-color:#F4F4F4; border:#F4F4F4 1px solid; border-bottom:0px;filter:alpha(opacity=95); font-weight:normal; line-height:18px; width:160px; }
	
.segNavFly a,  .segNavFly a:visited {display:block; text-decoration:none; color:#003399}
.segNavFly a:active, .segNavFly a:hover {color:#003399; text-decoration:none}
.segNavFly ul {padding:10px 10px 0 10px; margin:0;}
.segNavFly ul li { list-style-type:none; }
.segNavFly ul li a { display:block; list-style-position:outside; line-height:18px; list-style-type:none; padding:5px; margin:0;}
.segNavFly ul li a:hover { color:#D84704; }
				
.segNavFlyBtm {display:block; filter:alpha(opacity=95); width:122px !important; width:120px}
.segFlygs1, .segFlygs2, .segFlygs3, .segFlygs4 {display:block; overflow:hidden}
.segFlygs1, .segFlygs2, .segFlygs3 {height:1px}
.segFlygs2, .segFlygs3, .segFlygs4 {background:#F4F4F4; border:1px solid #F4F4F4; border-width:0 1px}
.segFlygs1 {margin:0 5px; background:#F4F4F4}
.segFlygs2 {margin:0 3px; border-width:0 2px}
.segFlygs3 {margin:0 2px}
.segFlygs4 {height:2px; margin:0 1px}
/* DROP DOWN MENUS END */
/* TOP NAVIGATIONS END ////////////////////      */


#t-bodyBg { display:block; background-color:#F1F1F1; }
.t-bodyContents { display:block; width:936px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; padding:0 12px 0 12px; background-color:#FFF; margin-left:auto; margin-right:auto; }
.t-colPadding { padding:7px 15px 0 15px; color:#FFFFFF; }

.t-advert { display:block; width:984px; height:124px; text-align:center; }
.t-padding10px { padding-right:10px; }
.t-paddingTop10px { padding-top:10px; }
.t-marginTop10px { margin-top:10px; }

.t-colLeft { display:block; width:250px; background-image:url(images/leftcol_hd_bg.gif); background-repeat:no-repeat; background-position:top; background-color:#454545; color:#FFFFFF; }
.t-colLeftLink a{ color:#FFFFFF; text-decoration:none; }
.t-colLeftLink a:hover{ color:#FFFFFF; text-decoration:underline; }

#t-leftCol { display:block; width:710px; margin-right:15px; color:#3B3B3B; line-height:17px; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
#t-leftCol h2 { padding:0 0 10px 0; margin:0; font-size:18px; font-family:'Myriad Pro', Arial, Helvetica, sans-serif; font-weight:bold; color:#1275DB; }
#t-leftCol h1 { padding:0 0 10px 0; margin:0; font-size:22px; font-family:'Myriad Pro', Arial, Helvetica, sans-serif; font-weight:normal; color:#003399; }
#t-leftCol hr { color: #CCCCCC; height:1px; background-color: #CCCCCC; border: 0px dotted #CCCCCC; padding:0; margin:10px 0 10px 0; }

#t-rightCol { display:block; width:210px; color:#3B3B3B; line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
#t-rightCol a{ color:#003399; text-decoration:none; }
#t-rightCol a:hover{ text-decoration:underline; }

#t-rightCol h1 { padding:0 0 10px 0; margin:0; font-size:18px; font-family:'Myriad Pro', Arial, Helvetica, sans-serif; font-weight:normal; color:#003399; }
#t-rightCol hr { color: #fff; background-color: #fff; border: 1px dotted #666666; border-style: none none dotted; padding:0; margin:0 0 10px 0; }
#t-rightCol hr.hrMargin { color: #fff; background-color: #fff; border: 1px dotted #666666; border-style: none none dotted; padding:0; margin:10px 0 10px 0; }
/* DASHBOARD PAGE */
.t-greyTopLeftCorner { display:block; background-image:url(images/greytopleftcorner.gif); background-repeat:no-repeat; width:12px; height:17px; background-color:#E2E2E2; }
.t-greyTopRightCorner { display:block; background-image:url(images/greytoprightcorner.gif); background-repeat:no-repeat; width:12px; height:17px; background-color:#E2E2E2; }
.t-greyBotLeftCorner { display:block; background-image:url(images/greybotleftcorner.gif); background-repeat:no-repeat; width:12px; height:17px; background-color:#E2E2E2; background-position:bottom; }
.t-greyBotRightCorner { display:block; background-image:url(images/greybotrightcorner.gif); background-repeat:no-repeat; width:12px; height:17px; background-color:#E2E2E2; background-position:bottom; }
.t-greyFillUp { display:block; background-color:#E2E2E2; height:17px; }
.t-greyContentsArea { display:block; background-color:#E2E2E2; padding:0 15px 0 15px; line-height:16px; font-size:12px; }
.t-greyContentsArea h1 { padding:0 0 10px 0; margin:0; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#003399; }
.t-greyContentsArea a{ color:#207CDB; text-decoration:none; }
.t-greyContentsArea a:hover{ text-decoration:underline; }
.t-tayyibunOnline { display:block; float:right; margin: 0px; padding-right: 18px; background-image:url(images/tayyibun_online.gif); background-repeat:no-repeat; width:193px; height:33px; }
.t-tayyibunOnlineNoLogo { display:block; float:right; margin: 0px; padding-right: 18px; background-repeat:no-repeat; width:193px; height:33px; }

.t-courseRollOver { display:block; border-bottom:1px solid #CCCCCC; padding:8px;position:relative}

.t-rightColTxt { padding-top:17px; color:#3B3B3B; line-height:17px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

h3 { padding:0 0 0 0; margin:0; font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#003399; }
h4 { padding:0 0 10px 0; margin:0; font-size:28px; font-family:'Myriad Pro', Arial, Helvetica, sans-serif; font-weight:normal; color:#003399; }

.t-dashbCol1 { width:70px; margin-bottom:5px; }
.t-dashbCol1_1 { width:140px; }
.t-dashbCol2 { width:270px; }

/* VIDEO PAGE /////////////////////////////////////////////////// */
.t-hdBorderBottom { display:block; padding:0; margin:0 0 10px 0; border-bottom:1px dotted #666666; color:#666666; }
.t-hdBorderBottom a { display:block; color:#666666; text-decoration:underline; font-size:11px; margin-top:5px; }
.t-hdBorderBottomA { display: inline !important; color:#666666; text-decoration:underline; font-size:11px; margin-top:5px; }
.t-hdBorderBottomASelected { display: inline !important; font-weight: bold; color:#666666; text-decoration:underline; font-size:11px; margin-top:5px; }
t-hdBorderBottomAtext { display:block; color:#666666; font-size:11px; margin-top:5px; }
.t-hdBorderBottom a:hover{ text-decoration:none; }
.t-whiteBg { display:block; background-color:#FFFFFF; padding:13px; }

/* MOUSEOVER COLUMNS CSS START */
.t-colLeftImg { display:block; margin-right:10px; }

.t-colLeftBlock { display:block; width:188px; border-bottom:1px solid #CCCCCC; padding:10px 5px 10px 10px; text-decoration:none; }
.t-colLeftBlockSelected { display:block; width:188px; border-bottom:1px solid #CCCCCC; padding:10px 5px 10px 10px; background-color:#F1F1F1; text-decoration:none; }
.t-colLeftBlockR { display:block; width:115px; }

.t-colLeftBlockSelected a{ color:#DB7812; text-decoration:none; }
.t-colLeftBlockSelected a:hover{ text-decoration:underline; }

.t-colLeftBlock a{ color:#DB7812; text-decoration:none; }
.t-colLeftBlock a:hover{ text-decoration:underline; }

.t-blogViewBlock { display:block; width:202px; padding:10px 5px 10px 10px; text-decoration:none; color:#FFFFFF; line-height:17px; }
.t-blogViewBlockSelected { display:block; width:202px; padding:10px 5px 10px 10px; background-color:#373737; color:#FFFFFF; line-height:17px; text-decoration:none; }

.t-blogViewBlockSelected a{ color:#DB7812; text-decoration:none; }
.t-blogViewBlockSelected a:hover{ text-decoration:underline; }

.t-blogViewBlock a{ color:#DB7812; text-decoration:none; }
.t-blogViewBlock a:hover{ text-decoration:underline; }
/* MOUSEOVER COLUMNS CSS END */

/* VIDEO SCROLLBARS CSS START */
.osX .jScrollPaneTrack { background-color:#E2E2E2; }
.osX .jScrollPaneDrag { background-color:#ADADAD; }
.osX a.jScrollArrowUp { height: 20px; background-color:#ADADAD; }
.osX a.jScrollArrowUp:hover { background-position: 0 0; }
.osX a.jScrollArrowDown { height: 20px; background-color:#ADADAD; }
.osX a.jScrollArrowDown:hover { background-position: 0 0; }
.left .jScrollPaneTrack { left: 0; right: auto; }
.left a.jScrollArrowUp { left: 0; right: auto; }
.left a.jScrollArrowDown { left: 0; right: auto; }
/* IE SPECIFIC HACKED STYLES */
* html .osX .jScrollPaneDragBottom { bottom: -1px; }
/* /IE SPECIFIC HACKED STYLES */

.holder { float: left; border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC; padding:2px; }
.holderPadding { margin:0; padding:0; }
#pane2 { height: 400px; width:202px; }
#pane3 { width:202px; }
/* VIDEO SCROLLBARS CSS END */

/* ORANGE MODULES CSS START */
.t-colLeftBlockLink { color:#FFFFFF; text-decoration:none; display:block; width:100px; }
.t-colLeftBlockLink a{ color:#FFFFFF; text-decoration:none; }
.t-colLeftBlockLink a:hover{ text-decoration:underline; }

.t-colLeftMImg { display:block; border:1px solid #414141; background-color:#757575; padding:2px; margin-right:5px; }

#t-orangeModHd a{ display:block; width:197px; height:20px; padding-top:10px; padding-left:15px; background-image:url(images/greymod_hd_bg.gif); background-repeat:no-repeat; background-position:top; font-size:14px; color:#FFFFFF; font-weight:bold; text-decoration:none; }
#t-orangeModHd a:hover{ text-decoration:none; }
.t-orangeModBg { background-color:#8A8A8A; display:block; width:212px; }
.t-orangeModBot { display:block; width:212px; background-image:url(images/darkbsmall_bot_bg.gif); background-repeat:no-repeat; background-color:#FFFFFF; border:0px solid #000000; }

.t-px6Margin { margin-top:6px;  }

#menu { display:block; background-color:#8A8A8A; }
#menu dd { padding:0; margin:0; }
.M-mod6pxMargin { background-color:#FFFFFF; }

#menuM { display:block; background-color:#FFFFFF; border:0px solid #000; margin:0; padding:0;}
#menuM dd { padding:0; margin:0; background-color:#FFFFFF; }

/* ORANGE MODULES CSS END */


/* COURSES PAGE /////////////////////////////////////////////////// */
#t-middCol { display:block; width:500px; margin-right:15px; color:#3B3B3B; line-height:17px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

#t-leftNav { display:block; font-size:14px; }
#t-leftNav ul { margin:10px 0 0 0; padding:0; }
#t-leftNav ul li { list-style-type:none; }
#t-leftNav ul li a { display:block; padding:6px 10px 6px 10px; color:#1275DB; text-decoration:none; }
#t-leftNav ul li a:hover { background-color:#E2E2E2; text-decoration:none; }
#t-leftNav ul li.t-selected a { background-color:#E2E2E2; text-decoration:none; }
.t-font11pxBold { font-size:11px; font-weight:bold; color:#003399 }

.t-hrClass { color: #fff; background-color: #fff; border: 1px dotted #666666; border-style: none none dotted; padding:0; margin:10px 0 10px 0; }
#hrSolidClass { color: #fff; background-color: #fff; border: 1px solid #666666; border-style: none none solid; padding:0; margin:10px 0 10px 0; }
.t-courseDetails a{ display:block; padding:3px 0 3px 0; margin-left:10px; margin-top:5px; text-align:center; width:120px; font-size:11px; color:#FFFFFF; font-weight:bold; text-decoration:none; background-color:#003399; }
.t-courseDetails a:hover{ background-color:#003DB6; }

#t-tabCourseCol1 { width:144px; margin-right:5px; }
#t-tabCourseCol2 { width:295px; font-size:12px; }
#t-tabCourseCol2 h1 { padding:0 0 10px 0; margin:0; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#003399; }
.t-whiteBg h2 { padding:0 0 0 0; margin:0; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#666666; }

.t-blueColor { color:#1275DB; }
.t-darBlueColor { color:#003399; }
.t-font12pxBold { font-size:12px; font-weight:bold; }
.t-feeText { color:#003399; font-size:16px; font-weight:bold; }
.t-rightBorder { border-right:1px dotted #003DB6; padding-right:15px; margin-right:15px; margin-bottom:10px; }

.t-registerNowBtn a{ display:block; padding:5px 10px 5px 10px; font-size:13px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin:10px 0 15px 0; color:#FFFFFF; font-weight:bold; text-decoration:none; background-color:#003399; }
.t-registerNowBtn a:hover{ background-color:#003DB6; }

/* TABS */
.tabnav { border-bottom: 0px solid #a4a4a4;	float:left;	width: 100%; margin: -12px 0 0 15px; font-weight:bold; padding: 0;	list-style:none; }
.tabnav li { background: url(images/subtab-gray.png) top left no-repeat; float: left; margin: 0 2px 0 0; padding: 0 0 0 2px; color: #888888; }
.tabnav li a { background: #fff url(images/subtab-gray.png) top right no-repeat; float: left; display: block; padding:6px 22px; text-decoration: none; color: #fff;  }
.tabnav li:hover { background: url(images/subtab-gray.png) top left no-repeat; }
.tabnav li a:hover { background: #fff url(images/subtab-gray.png) top right no-repeat; }
.tabnav li.selected { color: #fff; }
.tabnav li.selected a {	color: #fff; }
.tabnav li.selected { background: url(images/subtab-gray-lt.png) top left no-repeat; padding-left: 2px; color: #000000;  }
.tabnav li.selected a {	background: #fff url(images/subtab-gray-lt.png) top right no-repeat; padding-right: 22px; color: #000000;  }
.tabnav li.ui-tabs-selected { color: #fff; }
.tabnav li.ui-tabs-selected a {	color: #fff; }
.tabnav li.ui-tabs-selected { background: url(images/subtab-gray-lt.png) top left no-repeat; padding-left: 2px; color: #000000;  }
.tabnav li.ui-tabs-selected a {	background: #fff url(images/subtab-gray-lt.png) top right no-repeat; padding-right: 22px; color: #000000;  }
.tabmodule { padding: 0; margin-top: 20px; }
.tabmodule > .module {margin-top: 0; }
.tabmodule > div { border-top:solid 0px #e0e0e0; background:#fff; }

/* INNER TABS */
.tabnavInner { border-bottom: 2px solid #E2E2E2;	float:left;	width: 100%; margin: 0 0 10px 0; font-weight:bold; padding: 0;	list-style:none; }
.tabnavInner li { float: left; margin: 0 2px 0 0; padding: 0 0 0 2px; color: #888888; }
.tabnavInner li a { float: left; display: block; padding:4px 8px; text-decoration: none; color: #888888;  }
.tabnavInner li:hover { }
.tabnavInner li a:hover { }
.tabnavInner li.selected { color: #fff; }
.tabnavInner li.selected a {	color: #fff; }
.tabnavInner li.selected { background: url(images/subtab-gray-lt.png) top left no-repeat; padding-left: 2px; color: #000000;  }
.tabnavInner li.selected a {	background: #fff url(images/subtab-gray-lt.png) top right no-repeat; padding-right: 8px; color: #000000;  }
.tabnavInner li.ui-tabs-selected { color: #fff; }
.tabnavInner li.ui-tabs-selected a {	color: #fff; }
.tabnavInner li.ui-tabs-selected { background: url(images/subtab-gray-lt.png) top left no-repeat; padding-left: 2px; color: #000000;  }
.tabnavInner li.ui-tabs-selected a {	background: #fff url(images/subtab-gray-lt.png) top right no-repeat; padding-right: 8px; color: #000000;  }
.tabmoduleInner { padding: 0; margin-top: 20px; }
.tabmoduleInner > .moduleInner {margin-top: 0; }
.tabmoduleInner > div { border-top:solid 0px #e0e0e0; background:#fff; }

/* FOOTER BLOCK START */
.t-bodyFooterBg { display:block; height:290px; background-color:#121212; background-image:url(images/body_footer_bg.gif); background-repeat:no-repeat; background-position:center top; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:17px; border-bottom:1px solid #333333; }
.t-bodyFooterBg a{ color:#1275DB; text-decoration:none; }
.t-bodyFooterBg a:hover{ text-decoration:underline; }
.t-bodyFooterBgPadding { padding:90px 0 10px 25px; }
.t-footerHd { font-size:11px; border-bottom:1px solid #333333; text-transform:uppercase; font-weight:bold; padding-bottom:5px; }
.t-footerHdMargin { margin-top:10px; }
.t-blogItems { font-size:11px; border-bottom:1px dotted #494949; padding-bottom:10px; padding-top:10px; }
.t-footerCol1 { display:block; width:180px; margin-right:20px; }
.t-footerCol2 { display:block; width:479px; margin-right:20px; }
.t-footerCol3 { display:block; width:230px; }
.t-footerCol3 ul{ margin:0; padding:0 0 0 16px; }

.t-footerBg { display:block; background-color:#333333; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:17px; border-bottom:1px solid #2A2A2A; border-top:1px solid #4E4E4E; }
.t-footerBg a{ color:#1275DB; text-decoration:none; }
.t-footerBg a:hover{ text-decoration:underline; }
.t-fCol2 { display:block; width:485px; padding-left:117px; padding-top:32px; }

.t-itemLinks a{ color:#1275DB; text-decoration:none; text-transform:uppercase; padding-left:10px; font-weight:bold; }
.t-itemLinks a:hover{ text-decoration:underline; }
/* FOOTER BLOCK END */

/* new css */
.t-tabCourseteacher1 {
  margin-right:5px;
  width:110px;
}
.t-tabCourseteacher2 {
  font-size:12px;
  width:320px;
}
.chatbox {
	position: fixed;
	position:expression("absolute");
	width: 225px;
	display:none;
}

.chatboxhead {
	background-color: #f99d39;
	padding:7px;
	color: #ffffff;

	border-right:1px solid #f99d39;
	border-left:1px solid #f99d39;
}

.chatboxblink {
	background-color: #176689;
	border-right:1px solid #176689;
	border-left:1px solid #176689;
}

.chatboxcontent {
	font-family: arial,sans-serif;
	font-size: 13px;
	color: #333333;
	height:200px;
	width:209px;
	overflow-y:auto;
	overflow-x:auto;
	padding:7px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #eeeeee;
	background-color: #ffffff;
	line-height: 1.3em;
}

.chatboxinput {
	padding: 5px;
	background-color: #ffffff;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.chatboxtextarea {
	width: 206px;
	height:44px;
	padding:3px 0pt 3px 3px;
	border: 1px solid #eeeeee;
	margin: 1px;
	overflow:hidden;
}

.chatboxtextareaselected {
	border: 2px solid #f99d39;
	margin:0;
}

.chatboxmessage {
	margin-left:1em;
}

.chatboxinfo {
	margin-left:-1em;
	color:#666666;

}

.chatboxmessagefrom {
	margin-left:-1em;
	font-weight: bold;
}

.chatboxmessagecontent {
}

.chatboxoptions {
	float: right;
}

.chatboxoptions a {
	text-decoration: none;
	color: white;
	font-weight:bold;
	font-family:Verdana,Arial,"Bitstream Vera Sans",sans-serif;
}

.chatboxtitle {
	float: left;
}
#main_container {
	width:100%;
	background-color:#ffffff; /* DO NOT REMOVE THIS; or you'll have issue w/ the scrollbar, when the mouse pointer is on a white space */
	overflow-x: hidden;
	overflow-y: scroll;
	height:100%;	/* this will make sure that the height will extend at the bottom */
	position:absolute; /* container div must be absolute, for our fixed bar to work */
}
.online-students{
   list-style:none;
   margin:0px;
   padding:0px;
   margin-bottom:10px;
}
.online-students li{
   vertical-align:middle;
   display:block;
   width:100%;
}
.online-students li a{
   vertical-align:middle;
   font: normal 12px/14px Arial;
}
.online-students li img{
   vertical-align:middle;
}