/**************************************
 * THEME NAME: hocmai
 *
 * Files included in this sheet:
 *
 *   hocmai/fw_layout.css
 *   hocmai/fw_color.css
 *   hocmai/fw_fonts.css
 *   hocmai/fw_new.css
 *   hocmai/fw_login.css
 *   hocmai/fw_quiz.css
 *   hocmai/fw_htv4.css
 *   hocmai/fw_hocba.css
 *   hocmai/jquery.alerts.css
 *   hocmai/jquery.rating.css
 **************************************/

/***** hocmai/fw_layout.css start *****/

/* Core */

body {
    margin: 5px;
	height:100%;
}

body.bclass{
	margin: 5px;
    width: 767px;
    text-align: center;
}

h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
  text-align: left;
  padding-left: 5px;
} 

h1, h2, h3, h4 {
  text-align: left;
  padding-left: 5px;
}
  
h1, h2, h3 {
  border-width: 1px;
  border-style: solid; 
}

h4 {
  border-bottom-style: solid;
  border-bottom-width:1px; 
}

input {
  
}

.generaltable {
  border-width:0px; 
}

.generalbox {
  border-width:1px; 
  border-style:solid;  
}

.sitetopiccontent {
  border-width:1px;
  border-style:solid;
}

/***
 *** Header
 ***/

td.MenuHeader{
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	background-color: #29BAFD;
}
td.subMenuHeader{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #1300c9;
	font-weight: bold;
	font-size: 11px;
	padding:0px 0px 0px 0px;
	height:23px;
	width:100%;
	text-align:left;	
	background-image:url(images/body/bgmenuL2_2.gif);
/*	background-repeat:no-repeat;*/
}

span.link{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 11px;
}

#header-home {
  /* padding:1em 0.5em; */
  height:92px;
  border-width:0px;
  border-style:solid;
  
}

#header {
  height:92px;
  border-width:0px;
  border-style:solid;
}

.headermain {
 border-width: 0px;
}

td.breadcrumb{
	height: 100%;
}

div.breadcrumb {
  margin-right: 5px;
  width: 100%; 
  padding:0px;
  height: 100%;
  border-width:0px;
  border-style:solid;
}

.headermenu {
  float:right;
  text-align:right;
 /* height: 100%;*/
  font-size: 12px;
}

.navbar {
  margin-right: 5px;
  width: 100%; 
  padding:0px;
  height: 15px;
  border-width:0px;
  border-style:solid;
}

.breadcrumb {
 padding-top: 3px;
 padding-left: 3px;
 }
 
.navbar .navbutton {
  padding-right: 3px;
  padding-top: 2px;
 }


/***
 *** Login
 ***/

TABLE.loginbox {
  margin-top: 40px;
  }

.loginbox .header {
  border-width:1px;
  border-style:solid;
  border-bottom-width: 0px;
}

.loginbox .content {
  border-top-width: 1px;
}
/***
 *** Footer
 ***/
#footer {
  text-align:left;
  margin-top: 5px;
  margin-bottom: 0px;
}

td.footer {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 0px;
}

.footer_1 {
/*  font-size: 11px;
  color: #3D84A2;*/
  	color:#0078ff;
	padding-left:20px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

 
#footer p.helplink {
 margin-bottom: -25px;
}



/***
 *** Blocks
 ***/
 
 .sideblock .header h2 {
  border-width: 0px;  
 }
 
.sideblock .footer {
  border-top-width:1px;
  border-top-style:dashed;  
}
  

/***
 *** Calendar
 ***/
 
#calendar .today,
.minicalendar .today {
  border:1px solid !important;
} 
 
 table.minicalendar {
  width: 100%;
  margin:10px auto;
  padding:2px;
  border-width:1px;
  border-style:solid;
  border-collapse:separate;
  border-spacing:1px !important;
}

table.minicalendar tr.weekdays th {
   border-style: none;
}

table.minicalendar tr td.day {
  border-style: solid;
  border-width: 1px;
}

table.minicalendar tr.weekdays th abbr {
  border-style: none;

  }

table.calendarmonth {
  border-collapse:separate;
  border-spacing:1px !important;
}

table.calendarmonth tr td  {
  border-style: solid;
  border-width: 1px;
}


/***
 *** Course
 ***/
 
.headingblock {
  border-width:1px;
  border-style:solid;
  padding:5px;
}


.categorybox .category,
.categorybox .category {
  border-bottom: solid;
  border-width: 1px;
  padding-top: 7px;
}

#course-view .section .left {
  border-right-width: 1px;
  border-right-style: dashed;
}

#course-view .section.hidden .content,
#course-view .section.hidden .side {
  border-width: 1px;
  border-style: dashed;
}

#content {
  clear: both;
}

.topic_left{
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
border-right:  0px;
}







.boxstandard {
	background-color: #e8eff5;
	margin: 10px auto;
	width: 98%;
}

.boxstandard .boxheader {
	background: url(images/box-standard/top.jpg) repeat-x;
}

.boxstandard .boxheader div {
	background: url(images/box-standard/top-left.jpg) no-repeat top left;
}

.boxstandard .boxheader div div {
	height: 12px;
	width: 100%;
	background: url(images/box-standard/top-right.jpg) no-repeat top right;
}

.boxstandard .boxheader2 {
	background: url(images/box-standard/top-2.jpg) repeat-x;
}

.boxstandard .boxheader2 div {
	background: url(images/box-standard/top-left-2.jpg) no-repeat top left;
}

.boxstandard .boxheader2 div div {
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	text-indent: 40px;
	line-height: 40px;
	width: 100%;
	background: url(images/box-standard/top-right-2.jpg) no-repeat top right;
}

.boxstandard .boxcontent {
	border-left: 1px solid #b4c9da;
}

.boxstandard .boxcontent div.body {
	margin: 0 auto;
	text-align: center;
	padding: 5px 10px 5px 5px;
	background: url(images/box-standard/right.jpg) repeat-y right;
}

.boxstandard .boxfooter {
	background: url(images/box-standard/bottom.jpg) repeat-x;
}

.boxstandard .boxfooter div {
	background: url(images/box-standard/bottom-left.jpg) no-repeat bottom left;
}

.boxstandard .boxfooter div div {
	height: 17px;
	width: 100%;
	background: url(images/box-standard/bottom-right.jpg) no-repeat bottom right;
}

#resource {
	padding: 0 10px;
}/***** hocmai/fw_layout.css end *****/

/***** hocmai/fw_color.css start *****/

/* Core */

body {
  background-color: #FFFFFF;
  font-size: 12px;
}
a:link,a:visited,a:hover{
/*    color: white;*/
	color: #090064;
    text-decoration: none;
	font-size : 11px;
	line-height: 16px;
/*	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:22px;*/
}
a:hover { text-decoration:none; } 
a.link_footer:link,a.link_footer:visited {
	color:#0078ff;
	font-size : 11px;
/*	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px; */
	font-weight:normal;
	text-decoration:none;
}

a:visited {
    color:#0033CC;
    text-decoration: none;
}

a:hover {
    color: #990000;
    text-decoration: none;
}

a.dimmed:link,
a.dimmed:visited {
  color:#090064;
}

h1 {
  background-color: #C6BDA8;
  border-color: #333333;
  color: #333333;
}

h2,.title_block { 
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	height:22px;
	text-align:center;
	/*background-image: url(images/body/BgTitle.gif);*/
}
h2{
color: blue;
border: 0;
}
h3 {
  border-color:#C6BDA8;
}
h4 {
  border-color:#C6BDA8;
}

th {
    background-color:#E3DFD4;

}

th.header,
td.header,
div.header {
  background-color: #b1daf8;

}

#layout-table #left-column {
    /* background-color: yellow; */
}

.generalbox {
  border-color:#0078ff;
  background-color:#FFFFFF;
}

.generaltable,
.generaltable td {
  border-color:#a8cae6;
  /* background-color:#FFFFFF; */
}

.generaltable .r0 td.cell.c0 {
 background-color:#5fb1ed; 
}
.title_content,a.title_main_link:link,a.title_main_link:visited{
 	color:#1f85f7;
	font-family:Tahoma, Arial, Helvetica, sans-serif;	
	font-size: 13px;
	font-weight:bold;
	text-align:left;	
	text-transform:uppercase;
}
a.title_main_link:link,a.title_main_link:visited{
text-decoration:none;
}

.generaltable .r1 td.cell.c0 {
border-color:#ffffff;
background-color:#E3DFD4; 
}


.navbar {
  background-color:#C6BDA8;
  border-color:#666666;
  /* height: 20px; */
  background: url(pix/grad/bg_bread.jpg) repeat-x;
}

.sitetopiccontent {
  border-color:#C6BDA8;
  background-color:#FFFFFF;
 /* padding:1px 1px 1px 1px;*/
 
}

.highlight {
  background-color:#a8cae6;
}

.highlight2 {
  color:#C6BDA8; /* highlight missing terms in forum search */
}



/***
 *** Header
 ***/

#header-home, #header {
  background-color: #E3DFD4;
  border-color:#C6BDA8;
}

/***
 *** Login
 ***/


.loginbox .header {
  border-color:#C6BDA8;
}

.loginbox .content {
  border-color:#C6BDA8;
}


/***
 *** Blocks
 ***/
 
.sideblock .header {
  border-color: #0078ff;
  padding:0px;
  background-image:url(images/body/BgTitle.gif);/**/ 
}
/*//////thong ke,lich,ngay///////*/
.sideblock {
  border-color:#4AC6FF;
  color:#2e2e2e;
  font-family:Tahoma, Arial, Helvetica, sans-serif;	
  font-size: 11px;
  text-align:left;  
}

.sideblock .content {
  border-color: #0078ff;
  background-color:#FFFFFF;
/*  background: url('images/body/bgr_left_right.gif');*/
 /* padding-left:2px;
  padding-right::0px;
  padding-top:1px;
  padding-bottom:10px;
  text-align:center;*/
}
/*//////begin add border bock ///////////
#Table_01{
	background:#7abfff;
	padding:1px 1px 1px 1px;
}
//////end add border bock ///////////*/

.sideblock hr {
  color:white;/*#C6BDA8;
  background-color:#FEF9F6;*/
}

.sideblock .footer {
  border-top-color:#7abfff;
}

.sideblock .header .hide-show img.hide-show-image {
 /* background: url('../../pix/t/switch_minus.gif') no-repeat bottom;*/
}

.sideblock.hidden .header .hide-show img.hide-show-image {
 /* background: url('../../pix/t/switch_plus.gif') no-repeat bottom;*/
}

.sideblock .content .post .head .date,
.sideblock .content .post .head .name {
  color: #000000;
  
  }

/***
 *** Calendar
***/
 
#calendar .maincalendar,
#calendar .sidecalendar,
#calendar .maincalendar .event {
  border-color: #C6BDA8;
}

#calendar .maincalendar table.calendarmonth th {
  border-color: #C6BDA8;
}


table.calendarmonth tr td {
   border-color:#C6BDA8;
} 

table.minicalendar {
 /* border-color:#C6BDA8;*/
 	border-color:#FFFFFF;
}

table.minicalendar tr.weekdays th {
  background-color:#1f85f7;/*#FEF9F6;
  border-color:#C6BDA8;*/
  border-color:#FFFFFF;
  }

table.minicalendar tr td.day {
   border-color:#FFFFFF;
  }
  
table.minicalendar tr td.weekend {
  border-color:#FFFFFF;
  color: red;
  }
  
#calendar .today,
.minicalendar .today {
  border-color:#FFFFF !important;
}
  
/* colors for calendar events */
#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
  border-color:#2EBA0E !important;
  background-color:#2EBA0E;
}

#calendar .event_course,
.minicalendar .event_course,
.block_calendar_month .event_course {
  border-color:#FF9966 !important;
  background-color:#FF9966;
}

#calendar .event_group,
.minicalendar .event_group,
.block_calendar_month .event_group {
  border-color:#FBBB23 !important;
  background-color:#FBBB23;
}

#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user {
  border-color:#A1BECB !important;
  background-color:#A1BECB;
}

.cal_popup_fg {
  background-color:#FEF9F6;
}

.cal_popup_bg {
  border-color:#C6BDA8;
  background-color:#FEF9F6;
}


/***
 *** Course
 ***/

.headingblock {
  border-color:#C6BDA8;
}

.categoryboxcontent,
.courseboxcontent {
  border-color:#C6BDA8;
  background: #FFFFFF;
}

.categorybox .category,
.categorybox .category {
  border-color: #C6BDA8;
}

#course-view .section.main .content {
  border-color: #C6BDA8;
  background-color: #FFFFFF;
}

#course-view .section.main .side {
  border-color: #C6BDA8;
  background-color: #FFFFFF;
}

#course-view .current .right.side,
#course-view .current .left.side {
  background-color: #C6BDA8;
}

#course-view .section.hidden .content,
#course-view .section.hidden .side {
  border-color:#C6BDA8;
 }




/***
 *** Tabs
 ***/
/*
.tabs .side {
  border-color: #C6BDA8;
}
.tabrow td {
  background:url(pix/tab/left.gif) top left no-repeat;
}
.tabrow td .tablink {
  background:url(pix/tab/right.gif) top right no-repeat;
}
.tabrow td:hover {
  background-image:url(pix/tab/left_hover.gif);
}
.tabrow td:hover .tablink {
  background-image:url(pix/tab/right_hover.gif);
}
.tabrow .last span {
  background:url(pix/tab/right_end.gif) top right no-repeat;
}
.tabrow .selected {
  background:url(pix/tab/left_active.gif) top left no-repeat;
}
.tabrow .selected .tablink {
  background:url(pix/tab/right_active.gif) top right no-repeat;
}
.tabrow td.selected:hover {
  background-image:url(pix/tab/left_active_hover.gif);
}
.tabrow td.selected:hover .tablink {
  background-image:url(pix/tab/right_active_hover.gif);
}*/

/***
 *** Modules: Forum
 ***/

.forumheaderlist,
.forumpost {
  border-color:#C6BDA8;
}

.forumpost .content {
  background: #FEF9F6;
}

.forumpost .left {
  background:#FEF9F6; 
}

.forumpost .topic {
  border-bottom-color: #C6BDA8;
}

.forumpost .starter {
  background:#FEF9F6; 
}

.forumheaderlist .discussion .starter {
  background:#FEF9F6; 
}

.forumheaderlist td {
  border-color: #C6BDA8;
}

.sideblock .post .head {
  color:#FEF9F6;
}

.forumthread .unread {
  background: #FEF9F6;
}
#mod-forum-discuss .forumpost {
  background: none;
}

#mod-forum-discuss .forumpost.unread .content {
  border-color: #C6BDA8; 
} 

#mod-forum-discuss .forumthread .unread {
} 

#mod-forum-index .unread {
}

/****
**/
td.MenuHeader{
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	background-color: #29BAFD;
	background-image:url(images/top_menu_img/img_bg.gif);
}
td.MenuHeader2{
	font-size: 12px;
	color: #FFFFFF;
	text-align:center;
	font-weight: bold;
	text-decoration: none;
	background-color: #29BAFD;
	background-image:url(images/top_menu_img/img_bg_over.gif);
}

.menuTitle{
	color: #FFFFFF;
	font-size: 12px;
	font-family: tahoma;
	cursor: hand;
	text-decoration: none;
}
td.menuTitle{
	color: #0997D9;	
	cursor: hand;
	text-decoration: none;
}
.subMenuTitle{
	font-size: 12px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;		
	color:#090064;
	text-decoration: none;
	/*font-size: 11px;*/
	text-align:left;
}
.title_news{
	font-size: 12px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;		
	color:#090064;
	text-decoration: none;
	/*font-size: 11px;*/
	text-align:left;
}

/*//////////////////border va background cho blocks -> lib/weblib.php/function print_side_block_start.php////////////////////////////*/
.sub_block1{
	border:solid 1px #0078ff;
}
.sub_block2{
	background-color:#7abfff;
}
.forgotpassword{
	border:solid 1px #0078ff;	
	padding:1px;
}
.forgotpassword_internal{
	background-color:#7abfff;
	width=100%;
}
.block_diction {
  text-align:center;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 11px;
  height:22px;
}
.btn_login,.reg{
background-color:#7abfff;
border:0px;
color:#FFFFFF;
font-weight:bold;
text-align:middle;
font-family:font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
}
.btn_login{
height:27px;
padding-bottom:3px;
}

.subTitle_news,a.paging:link,a.paging:visited{
	color:#04448b;
	font-family:Tahoma, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	line-height:22px;	
}
.txtBold2:link,.txtBold2:visited{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-transform:uppercase;
	text-decoration:none;
	font-size: 12px;	
}
.titleContent1:link,.titleContent1:visited{
 	color:#2069bb;
	font-family:Tahoma, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-weight:bold;
	text-align:left;	
}
.titleContent1:hover{
	color:#990000;
}
/*///////////////////////////////////////////////*/

/**
.a.test:link {text-decoration: none}
.a.test:visited {text-decoration: none}
.a.test:active {text-decoration: none}
.a.test:hover {font-size: 20px; font-weight: bold; color: red;}
**/
/***** hocmai/fw_color.css end *****/

/***** hocmai/fw_fonts.css start *****/

/* Core */

.clearer {
  font-size:1px;
}

body, td, li {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 11px;
}

body {
    margin : 5px;
}

th {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

a {
    text-decoration: none;
}


a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

h1, h2, h3, h4, p {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1 {
    font-size:1.2em;
    font-weight: bold;
}

h2 {
    font-size:1.15em;
}
h3 {
    font-size:1.1em;
}
h4 {
    font-weight:bold;
}

th.header,
td.header,
div.header,
.headingblock {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 0.9em;
}


.categorybox .category {
/*  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
    font-size: 1.2em;
    font-weight: bold;
}

.generaltable td.cell.c0 {
  font-weight: bold;
}
/***
 *** Header
 ***/
 
.breadcrumb {
   /* font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;font-weight:bold;
	*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #0068dc;
	font-weight: bold;
	font-size: 12px;
}

.logininfo,
#header-home .headermenu font {
     font-size:.8em;
}

 /***
 *** Blocks
 ***/
 
.sideblock .footer {
    font-size:0.85em;
   	text-align: left;
}
.footer_resum{
	color:#3f3f3f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

/***
 *** Calendar
 ***/
#calendar .maincalendar table.calendarmonth td {
  font-size:.8em;
}
#calendar .maincalendar .calendar-controls .current {
  font-weight: bold;
}
#calendar .sidecalendar .filters {
  font-size:0.75em
  }

table.minicalendar tr.weekdays th {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:0.7em;
  font-weight:normal;
  }
table.minicalendar tr td {
  font-size:0.7em;
  }
 
/***
 *** Course
 ***/
  
#course-view .section .left {
  font-weight: bold;
  font-size: 1.2em;
}

/*Accessibility: resizable icons. */
img.resize {
  width: 1em;
  height: 1em;
}

/*//////////////////////////////*/
/*/////////////////////////////*/
.bgdangky_dangnhap, .card_btn_naptien, .card_btn_reset{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	width: 78px;
	height:30px;
	font-size: 11px;
	border:0px;
	background-color:#7abfff;
	height:25px;
}

.bgdangky_dangnhap2{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	width: 226px;
	height:30px;
	font-size: 11px;
	border:0px;
	background-color:#7abfff;
	height:25px;
}

.card_btn_naptien, .card_btn_reset {
	background: url(images/body/bgdangky_dangnhap.gif) no-repeat 0 0;
}

.txtBold{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	height:22px;
}
.bgdangky_dangnhap21 {	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	width: 226px;
	height:30px;
	font-size: 11px;
	border:0px;
	background-color:#7abfff;
	height:25px;
}
.bgTitle_css {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	height:26px;
	text-align:center;	
}
.txtnomal{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	height:22px;
}
.txtnomal_FFFFFF{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	line-height:22px;
}
.txtnomal_FFFFFF{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	line-height:22px;
}
.bgdangky_dangnhap22 {	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	width: 226px;
	height:30px;
	font-size: 11px;
	border:0px;
	background-color:#7abfff;
	height:25px;
}
.datetext1{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/***** hocmai/fw_fonts.css end *****/

/***** hocmai/fw_new.css start *****/

html {
    height:100%;
    margin-bottom:1px;
}


body {
    margin:0;
    padding:0;
    color: #000;
}

img.hide-show-image {
    display: none;
}

.smallfont {
	font-size:11px;
}

.breadcrumb {
	margin-top: 2px;
	font-weight: normal;
	font-size:11px;
	background: url('images_new/breadcumb.jpg') repeat-x;
	line-height: 29px;
}



/* Block Common */

.sideblock {
    width:180px;
	margin:-4px 0 0;
	padding:0;
}

.sideblock td.header {
    border: 0;
    height: 30px;
    background:url(images_new/block_header_icon_bg.gif) no-repeat top left;
}

.sideblock .footer {
  border-top-width: 0px;
  border-top-style: none;  
}

.sideblock .title_block {
    font-family: Arial;
	font-size: 11px;
    text-transform: uppercase;
	text-align: left;
	text-indent: 10px;
	line-height: 20px;
}

.sideblock div.commands {
	border: 1px solid #c7c8ca;
	border-width: 0 1px;
	padding-top: 3px;
}

.sideblock .content {
    margin: 0;
    width:180px;
	padding:0 0 4px 0;
	border-color:#c7c8ca;
	border-width: 0 1px 0px;
	background-color: #f8fcff;
}

#site-index .sideblock .content, #course-view .sideblock .content {
	margin: 0 0 0 1px;
    	width:179px;
}

.sideblock a {
    line-height: 16px;
}

.sideblock .sub_block2 {
    background-color: #f8fcff;
	margin:2px 0 6px 0;
}

/* Block block_site_main_menu */
.block_site_main_menu {
	/*margin-top: -21px;*/
}

/* Login Block */
.block_login  {
    margin:0;
    padding:0;
    display: inline;
}

.block_login table {
    color: #4D78A5;
}

.block_login .text_input {
    width: 158px;
	margin: 5px auto;
}

.block_login input.btn_register, .block_login input.btn_login {
    /*text-indent: -9999px;*/
    height: 24px;
    border: 0;
    cursor: pointer;
    background: #6EB9F0 url(images_new/login_register_bt.jpg) no-repeat 0 0;
}

.block_login input.btn_register {
    width: 69px;
}

.block_login input.btn_login {
	margin-left: 10px;
    width: 80px;
    background-position: -69px 0;
}

/* Thi thu tot nghiep THPT */

.block_thithutotnghiepthpt td.header {
/*    background: none;*/
	background: url(images_new/thithuthpt_header.gif) no-repeat top left;    
    height: 45px;
    margin-top:-2px;
}

.block_thithutotnghiepthpt .title_block {
	color: #966804;
	text-indent: 0;
	text-align: center;
	margin-top: 17px;
}

.block_thithutotnghiepthpt span.icon img {
    display: none;
}

.block_thithutotnghiepthpt span.icon {
	background: url(images_new/mark1.gif) no-repeat 65% 50%;
	width: 30px;
	height: 15px;
}

.block_thithutotnghiepthpt .sub_block2 {
    background:none;
    background-color: transparent;
    width: 180px;
    padding-bottom: 10px;
}

.block_thithutotnghiepthpt table.content{
    background-color: transparent;
    background: url(images_new/block_thithu_thpt_bgr.gif) repeat-y -1px -1px;
    border-width: 0;
    padding:0;
    width: 180px;
    border-left:1px solid #c7c8c9;
    margin:0;
}

.block_thithutotnghiepthpt a {
    color : #7b5807;
	font-weight: bold;
}

/* Trung hoc co so Block */

.block_course_list_thpt .sub_block2, .block_course_list_thcs .sub_block2 {
    background: none;
}

td.subMenuHeader {
    background: none;
}

/* Hoc ba truc tuyen */
.block_hocbatructuyen a {
	/*font-size:11px;*/
}
.block_hocbatructuyen div.canhan {
	background: url(images_new/thong_tin_ca_nhan.gif) no-repeat top left;
	padding-left: 30px;
	margin-left: 5px;
	padding-top: 5px;
	height: 25px;
}

.block_hocbatructuyen div.changepass {
	background: url(images_new/doi_mat_khau.gif) no-repeat top left;
	padding-left: 30px;
	margin-left: 5px;
	padding-top: 5px;
	height: 25px;
}

.block_hocbatructuyen div.quatrinhhoctap {
	background: url(images_new/qua_trinh_hoc_tap.gif) no-repeat top left;
	padding-left: 32px;
	margin-left: 3px;
	padding-top: 5px;
	height: 25px;
}

.block_hocbatructuyen div.removemegavnn {
	background: url(images_new/vdc_remove_service.png) no-repeat top left;
	padding-left: 32px;
	margin-left: 3px;
	padding-top: 5px;
	height: 25px;
}

/* Hoc phí */
.block_hocphi a {
	/*font-size:11px;*/
}
.block_hocphi div.muchocphi {
	background: url(images_new/xem_muc_hoc_phi.gif) no-repeat 8px 0;
	padding-left: 42px;
	margin-left: 5px;
	padding-top: 4px;
	height: 28px;
}

.block_hocphi div.kiemtrataikhoan {
	background: url(images_new/kiem_tra_tai_khoan.gif) no-repeat 4px 0;
	padding-left: 42px;
	margin-left: 5px;
	padding-top: 3px;
	height: 34px;
}

.block_hocphi div.naptienthecao {
	background: url(images_new/nap_tien_voi_the_cao.gif) no-repeat top left;
	padding-left: 42px;
	margin-left: 5px;
	padding-top: 3px;
	height: 28px;
}

.block_hocphi div.naptiensms {
	background: url(images_new/nap_tien_tu_sms_dtcd.gif) no-repeat 2px 0;
	padding-left: 42px;
	margin-left: 5px;
	padding-top: 2px;
	height: 33px;
}

.block_hocphi div.naptienvcoin {
	background: url(images_new/nap_tien_bang_vcoin.gif) no-repeat top left;
	padding-left: 42px;
	margin-left: 5px;
	padding-top: 2px;
	height: 23px;
}

/* Calendar block */
.block_calendar_month table {
    padding: 0;
    margin: 0;
}

/* Layout table */
#layout-table {
    background: url(images_new/body_bg.gif) repeat-y 0 0;
    margin: 0 0 -5px 0;
    padding: 10px 0;
}

/* Left Column  */
#left-column {
	background: url(images_new/block_footer.gif) no-repeat bottom left;
    padding: 0;
    margin:0;
    padding-bottom:10px;
}

.course-content {
    margin:0;
    padding:0;
}

.course-content #layout-table {
    margin-top: -20px;
    margin:0;
    padding:0;
}

.course-content .section td.content {
    border: 0;
    background: transparent;
}

#right-column {
	background: url(images_new/block_footer.gif) no-repeat bottom right;
    margin:0;
    padding: 0;
    padding-bottom:10px;
}

.logininfo {
    font-size: 11px;
}

.footer_1 {
    color: #fff;
}

table.copyright {
    background: url(images_new/copyright_bg.gif) repeat-x 0 0;
}

table.infogate_copyright {
	height: 56px;
    background: url(images_new/infogate_footer.jpg) no-repeat 0 0;
}

table.minternet_copyright {
	height: 55px;
    background: url(images_new/minternet_footer.jpg) no-repeat 0 0;
}

td.copyright {
    color: #333;
    font-size: 11px;
}

table.thongke {
     background:#3387CF url(images_new/thongke_bg.gif) repeat-x 0 0;
     border-top:solid 4px #9BD0FC;
}

/* Tab chia se */
.mootabs_title {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 27px;
	text-transform: uppercase;
	font-weight: bold;
	margin-left: 20px;
}

.mootabs_title li {
	font-family: Arial;
	float: left;
	margin-right: 2px;
	height: 27px;
	width: auto !important;
	color: #08107d;
	font-size: 11px;
	background: #ddd url(images_new/tab1_left.jpg) no-repeat top left;
}

.mootabs_title li.last {
	margin-right: 0;
}

.mootabs_title li div {
	line-height: 27px;
	padding:0 20px;
	cursor: pointer;
	text-align:center;
	background: url(images_new/tab1_right.jpg) no-repeat top right;
}


.mootabs_title li.active {
	margin-top: -3px;
	height: 30px;
	color: #fffff;
	background: #41b1e3 url(images_new/tab1_active_left.jpg) no-repeat top left;
}

.mootabs_title li.active div {
	background: url(images_new/tab1_active_right.jpg) no-repeat top right;
}

.mootabs_panel {
	display: none;
	background-color: transparent;
	position: relative;
	width: 591px;
	_width: 593px;
	top: -1px;
	clear: both;
	overflow: none;
}

.mootabs_panel.active {
	background-color: transparent;
	display: block;
	width: 571px;
	_width: 573px;
}

/* Chia se box */
div.chiase_content{
	padding:0;
	border: 3px solid #37c9c9;
	border-width: 0 3px;
	width:587px;
}

div.chiase_content .mootabs_panel.active {
	padding: 0 10px;
	margin: -4px 0;
}

div.chiase_topl, div.chiase_botl{
	height: 15px;
	width: 15px;
	background: url(images/chiase_box.jpg) no-repeat top left;
}

div.chiase_topr, div.chiase_botr{
	height: 15px;
	width:593px;
	background: url(images/chiase_box.jpg) no-repeat top right;
}

div.chiase_botl{
	background-position: bottom left;
}

div.chiase_botr{
	background-position: bottom right;
}

/* Tab Tin Tuc*/

.tingd_title {
	border-bottom:3px solid #41b3e7;
	margin-left: 0;
}

.tingd_title li{
	padding:0;
	width: 117px;
	margin-right: 2px;
	background: #ddd url(images_new/tab2_left.jpg) no-repeat top left;
}

.tingd_title li div {
	padding:0;
	line-height: 27px;
	width: 117px;
	cursor: pointer;
	text-align:center;
	background: url(images_new/tab2_right.jpg) no-repeat top right;
}

.tingd_title li.active {
	margin-top: -3px;
	height: 30px;
	color: #fffff;
	background: #41b1e3 url(images_new/tab2_active_left.jpg) no-repeat top left;
}

.tingd_title li.active div {
	background: url(images_new/tab2_active_right.jpg) no-repeat top right;
}

.tingd_ngancach {
	border-left: 2px solid #40b2e6;
}

.chiase_ngancach {
	border-left: 2px solid #20bebd;
}







/* Fix block */
.block_course_list_thcs {
	/*margin-bottom:-17px;*/
}

#inst4930 {
	margin-bottom:-17px;
}

/* Chapter Intro */

.chaptertable {
	background: url(images_new/chapterintro_bg.jpg) repeat-y top left;
}
.chaptertable .head {
    padding: 5px 0 0 10px;
	background: url(images_new/chapterintro_header.jpg) no-repeat top left;
    font-weight: 0;
	height: 25px;
}

.chaptertable .chaptitle {
    text-transform: uppercase; 
    font-weight: bold; 
    font-size: 13px;
}

.chaptertable .footer {
	background: url(images_new/chapterintro_footer.jpg) no-repeat top left;
	height: 10px;
}

/* Scorm preview */

.scorm_view_title_bg {
	background: url(images_new/scorm_title_bg.jpg) repeat-y top left;
	height:41px;
}

.scorm_view_title {
	background: url(images_new/scorm_title.jpg) no-repeat top left;
	padding-left: 95px;
	color: #0a198c;
	text-transform: uppercase;
	font-weight: bold;
}

.scorm_intro_title {
	color: #036497;
	font-weight: bold;
	padding-left:5px;
}

.scorm_intro .l {
	background: url(images_new/scorm_intro_l.jpg) no-repeat top right;
}

.scorm_intro .r {
	background: url(images_new/scorm_intro_r.jpg) no-repeat bottom right;
}

.scorm_intro .t {
	background: url(images_new/scorm_intro_t.jpg) no-repeat top left;
}

.scorm_intro .b {
	background: url(images_new/scorm_intro_b.jpg) no-repeat bottom right;
}

.scorm_intro p {
	padding: 0;
	margin: 0;
}

.scorm_teacher .l {
	background: url(images_new/scorm_teacher_l.jpg) no-repeat top left;
}

.scorm_teacher .r {
	background: url(images_new/scorm_intro_r.jpg) no-repeat bottom right;
}

.scorm_teacher .b {
	background: url(images_new/scorm_intro_b.jpg) no-repeat bottom right;
}

.scorm_teacher p {
	padding: 0;
	margin: 0;
}

.teacher_com_title {
	background: url(images_new/scorm_teacher_com_l.jpg) no-repeat top left;
	height: 19px;
	font-weight: bold;
	font-size: 11px;
	color:#fff;
}

.teacher_com_title div {
	background: url(images_new/scorm_teacher_com_r.jpg) no-repeat top right;
	height: 17px;
	padding-left: 3px;
	padding-top: 2px;
}

.scorm_teacher_detail .line {
	border-bottom: 1px dotted #999;
}

.teacher_title {
	background: url(images_new/scorm_teacher_name_l.jpg) no-repeat top left;
	height: 25px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	width:auto;
}

.teacher_title div{
	background: url(images_new/scorm_teacher_name_r.jpg) no-repeat top right;
	padding-top: 4px;
	padding-left: 7px;
	height: 25px;
	width:auto;
}

.scorm_teacher_detail_bt {
	background: url(images_new/scorm_teacher_detail_bt.jpg) no-repeat top left;
	width: 58px;
	height:13px;
	float:right;
}

input.entercourse {
    height: 32px;
    width: 126px;
    border: 0;
    cursor: pointer;
    background: #5abef9 url(images_new/scorm_button.jpg) no-repeat 0 0;
}

div.struct_list {
	overflow: scroll; 
	width:390px; 
	margin-left:10px; 
	height:295px; 
	border-top:1px solid #aaa; 
	border-left:1px solid #aaa;
}

/*begin course main*/
.topic_left.course,.topic_left.course{
	border:solid 0px;
	/*color:#FF0000;*/
}
.content.course_new{
	border-top:solid 0px;
}
td.classquiz{
	vertical-align:bottom;
	line-height:15px;	
	font:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#47484a;	
}
a.link_quiz:link{
	color:#47484a;
}
a.link_quiz:hover{
	color:#000066;
}
td.summary_quiz{
	color:#777b7e;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding-top:2px;
}
.row1,.row2{
	background-color:#f8f8f8;
	color:$595959;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-height:22px;
	padding:10px 10px 10px 10px;
}
.row2{
	background-color:#f2f2f2;
}
.PData_rows_1{
	background-color:#FDF5D6;
}
/*end course main*/



.forumleft {
    float: left;
    height: 166px;
    width: 5px;
    background: url(course/forum_l.jpg) no-repeat 0 0;
}

.forumright {
    width: 5px;
    float: right;
    height: 166px;
    background: url(course/forum_r.jpg) no-repeat 0 0;
}

.forumlist {
    float: left;
    height: 166px;
    width: 585px;
    background: url(course/forum_bg.jpg) repeat-x;
}

.forumepost a{
    float: right;
    border: 0;
    margin-top: 1px;
    height: 25px;
    width: 119px;
    display: block;
    text-indent: -9999px;
    background:  url(course/forum_b.jpg) no-repeat 0 0;
}

#forumhot, #forumnew {
    display: none;
}

ul.forumhead {
    line-height: 20px;
    padding:0;
    margin:0;
}



ul.forumhead li {
    font-weight: bold;
    padding: 0;
    margin: 0;
    float: left;
    list-style: none; 
    white-space: nowrap;
    text-align: center;
}

ul.forumhead li.first {
    text-align: left;
    width: 440px;
}

ul.forumhead li.center {
    width: 80px;
}

ul.forumhead li.last {
    width: 60px;
}

#forumDetail {
    clear: both;
}

a.favourite {
    background: url(course/favourite.png) no-repeat 0 0;
    padding: 0 0 4px 25px;
}

a.mail {
    background: url(course/mail.png) no-repeat 0 0;
    padding: 0 0 3px 25px;
}


/* Tab free_scorm */
.mootabs_title_free_scorm {
	position:relative;
	z-index:99;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 26px;
	text-transform: uppercase;
	font-weight: bold;
	margin-left: 20px;
}

.mootabs_title_free_scorm li {
	float: left;
	margin-right: 2px;
	height: 26px;
	width:171px;
	color: #08107d;
	font-size: 11px;
	background: #ddd url(images_new/free_scorm_02.gif) no-repeat left;
}

.mootabs_title_free_scorm li.last {
	margin-right: 0;
}

.mootabs_title_free_scorm li div {
	line-height: 26px;
	padding:0 20px;
	cursor: pointer;
	text-align:center;
	background: url(images_new/free_scorm_03.gif) no-repeat  right;
}


.mootabs_title_free_scorm li.active {
	/*margin-top: -3px;*/
	height: 26px;
	color: #fffff;
	background: #41b1e3 url(images_new/free_scorm_02_active.gif) no-repeat top left;
}

.mootabs_title_free_scorm li.active div {
	background: url(images_new/free_scorm_03_active.gif) no-repeat top right;
}

#free_scorm .mootabs_panel {
	display: none;
	background-color: transparent;
	position: static;
	width: 565px;
	_width: 565px;
	
	clear: both;
	overflow: none;
	height:160px;
}
#free_scorm .height_tr{
height:114px !important;
height:109px ;
padding-top:10px;
}
#free_scorm .table_width{
width:100%;

}
#free_scorm .mootabs_panel.active {
	background-color: transparent;
	display: block;
}
#free_scorm .bg_image{
height:37px !important;
height:34px;
}
/* free_scorm box */


/* hmstats */
.hmstats_table {
	border-color: #ddd; 
	color: #006699;
}

.hmstats_table td {
	font-size: 11px;
}

.sex_header {
	background: #ffc3ff;
}

.source_header {
	background: #fcffc3;
}

.age_header {
	background: #c3fffb;
}

.total_header {
	background: #ffc3c3;
}

.sex_row {
	background: #ffd8ff;
}

.source_row {
	background: #fdffd8;
}

.age_row {
	background: #d8fffc;
}

.total_row {
	background: #ffd8d8;
}

.tieudekhoi {
	font-weight: bold;
	background: #eee;
}
/* hmstats */


/* lent */

.tbllist{
	width:95%;
	border:solid 1px #ADADAD;
	margin: 0;
}
.titletable{
	text-align:center;
	background-image:url(images_new/title.gif);
	color:#1f85f7;
	height:41px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

.titletable td {
	white-space: nowrap;
}
div.addstyle{
	/*background-image:url(images_new/tabs_add.gif);*/
	width:70px;
	height:30px;
	margin-left:15px;
	line-height:25px;
}
center.titleform{
	color:#000099;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	text-align:center;	
}
.tableform{
	width:95%;
	padding:5px;
	border:1px solid gray;
}
.form_label{
	font-weight:bold;
	text-align:right;
}

a.levelcourse:link,a.levelcourse:hover,a.levelcourse:visited{
	font-weight:bold;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	size:14px;
}
.tablelevelcourse{
	border-bottom:dashed 1px #000000;
	margin-bottom:10px;
	padding-bottom:0px;	
}
.partcourse{
	font-weight:bold;
	font-size:11px;
	color:#055f93;
}
.currtablechapter,.othertablechapter{
	height:20px;
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.currtablechapter{
	background-color:#c0e4fa;
}
.currtablechapter a{
	color:#045f96;
	font-weight:bold;	
}
.othertablechapter a{
	color:#000000;	
}

.currtablechaptertitle {
    padding-left: 17px;
}

/* lent */

/*
hanhdt style for message
*/
table.table_message{
background-image:url(images_new/message/background.gif);
background-repeat:no-repeat;
width:689px;
height:539px;
}

.goi_thuebao {
	background: url(images_new/message/note2.gif) no-repeat 0 1px;
	font-weight:bold;
	padding-left:23px;
	font:tahoma;
	color:#03249f;
	font-size:12px;
}

.desc_thuebao {
	background: url(images_new/message/select_icon.png) no-repeat 0 1px;
	font-weight:bold;
	padding-left:30px;
	font:tahoma; 
	color:#00127f; 
	font-size:12px;
}

.desc_thuebao2 {
	background: url(images_new/message/note_icon.gif) no-repeat 30px 10px;
	font-weight:normal;
	padding-left:45px;
}

.naptien_a {
	font-weight:bold;
	font:tahoma; 
	color:#00127f; 
	font-size:12px;
	text-decoration:none;
}
/*end hanhdt*/

.tabhoc_active {
	background: url(images/tabhoc.gif) repeat-x 0 0;
	font-weight: bold;
	font-size: 11px;
	padding: 5px;
	color: #ff0000;
	margin-bottom: -7px;
	cursor:pointer;
}

.tabhoc_inactive {
	font-weight: bold;
	font-size: 11px;
	padding: 5px;
	color: #ffffff;
	cursor:pointer;
}


/* payment cardtype*/
/* add by thaidv */
.cardtype_title {
	border-bottom:3px solid #41b3e7;
	margin-left: 0;
}

.cardtype_title li{
	padding:0;
	width: 117px;
	margin-right: 2px;
	background: #ddd url(images_new/tab2_left.jpg) no-repeat top left;
}

.cardtype_title li div {
	padding:0;
	line-height: 27px;
	width: 117px;
	cursor: pointer;
	text-align:center;
	background: url(images_new/tab2_right.jpg) no-repeat top right;
}

.cardtype_title li.active {
	margin-top: -3px;
	height: 30px;
	color: #fffff;
	background: #41b1e3 url(images_new/tab2_active_left.jpg) no-repeat top left;
}

.cardtype_title li.active div {
	background: url(images_new/tab2_active_right.jpg) no-repeat top right;
}

.mootabs_cardtype {
	width: 1000px;
}
/* payment cardtype */
/* add by thai dv */


#poplinks {
    position: absolute;
    background-color: #FFFFE1;
    padding: 5px;
    font-size: 12px;
    z-index: 150;
    border: 1px solid #000;
    text-align: left;
    color: #000;
    width:270px;
}

.thithudh_paging div.paging {
  text-align: right;
}

ul.tab {
	float:right;
	padding:0;
	margin:-3px 0 0 0;
}

ul.tab li {
	float:left;
	list-style: none;
	padding:0;
	margin:0;
}

ul.tab li.tab_active {
	padding-right: 7px;
	background: url(images/tabactive_r.png) no-repeat top right;
}

ul.tab li.tab_active div {
	margin-left: -5px;
	font-size: 11px;
	padding: 4px 7px;
	font-weight: normal;
	color: #ff0000;
	cursor:pointer;
	background: url(images/tabactive_l.png) no-repeat top left;
}

ul.tab li.tab_inactive {
	margin: 2px 6px 0 0;
	background: url(images/tabinactive_r.png) no-repeat top right;
}

ul.tab li.tab_inactive  div {
	margin-left: -5px;
	font-weight: bold;
	font-size: 11px;
	font-weight: normal;
	cursor:pointer; 
	color:#0000ff;
	padding: 3px 7px;
	background: url(images/tabinactive_l.png) no-repeat top left;
}


.payment a {
	font-weight: bold;
}
/***** hocmai/fw_new.css end *****/

/***** hocmai/fw_login.css start *****/

/*//////////-BOX-STANDARD-//////////*/
/* Style for box */
div.box-standard, div.square-standard {
  margin: 0px auto;
  padding: 0;
  background: url(images/box-standard/box-background.gif) no-repeat bottom right;
  width: 100%;
  color: #000;
}

div.box-standard div {
  background: url(images/box-standard/box-bottomleft.gif) no-repeat bottom left;
}

div.box-standard div div {
  background: url(images/box-standard/box-topright.gif) no-repeat top right;
}

div.box-standard div div div {
  background: url(images/box-standard/box-topleft.gif) no-repeat left top;
  padding: 23px 0px;
}
/*The end Style for square*/

/* Style for box */
div.square-standard {
  margin: 0px auto 0;
  background: url(images/box-standard/square_background.gif) no-repeat right bottom;
}

div.square-standard div {
  background: url(images/box-standard/square_bottomleft.gif) no-repeat left bottom;
}

div.square-standard div div {
  background: url(images/box-standard/square_topright.gif) no-repeat right top;
}

div.square-standard div div div {
  background: url(images/box-standard/square_topleft.gif) no-repeat left top;
  padding: 15px 0px 20px 47px;
}

span.string {
	text-transform:uppercase; 
	font-weight:bold; 
	text-align:left;
	padding-left:28px;
}
/*The end Style for square*/

/*///////////////////////////////////// - NEW_INTERFACE -//////////////////////////////////////////////*/
/*manhhv created new css for login*/
p.table_genneral{
	padding-top:0px !important;
	padding-top:10px;
	padding-left:30px;
}
p.firsttime {
	text-transform:uppercase;
	 text-align:left;
	  font-weight:bold;
	   font-size:13px;
		padding-left:20px;
		padding-top:10px;
		
}
tr.height_tr {
	height:265px;
	*height:249px;
}
td.td_for_form {
	 padding-left:20px !important;
	 padding-top:15px !important;
}
.uname {
 /*manhhv created on index_form.html - username*/
 color:#477da9;
 padding-left:7px;
 font-size:14px;
 
}
.upass {
   padding-left:7px;
}
.bgdangky_dangnhap2{
	/*font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	width: 226px;
	height:30px;
	font-size: 11px;
	border:0px;
	background-color:#7abfff;
	height:25px;*/ 
	 background-image:url(images/login/sign_elearn.gif);
	 width:146px;
	 height:34px;
	 border:0;
	 cursor:pointer;
}
.bgdangky_dangnhap{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	/*width: 78px;
	height:30px;*/
	font-size: 11px;
	border:0px;
	background-color:#7abfff;
	/*height:25px;*/ 
	background-image:url(images/login/login.gif);
	width:110px;
	height:45px !important;
	height:45px;
	padding-top:0px;
	cursor:pointer;
	
}

/*manhhv create css contact*/
td.contact1{
	color:#000000; 
	text-decoration:underline;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px !important;font-size:14px;
}

span.contact1{ /*manhhv*/
	text-decoration: underline;
	color:#000000; 
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}
a.forgot_pass{
    /*manhhv*/
 	font-style:italic; color:#061c71;
	font:Verdana, Arial, Helvetica, sans-serif;
    font-size:13px !important;font-size:13px;
}
p.returningtosite {
	text-transform:uppercase;
	 text-align:left;
	  font-weight:bold;
	   font-size:13px;
		padding-left:15px;
}
p.p_under {
	padding-top:0px !important;padding-top:10px;
}

.txtnomal{ /*manhhv text nomal for font login 16-2*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:13px !important;font-size: 13px;
	height:22px;
	padding-left:14px;
	padding-top:13px;
	text-align:left;
}
.txtnomal li{ /*manhhv text nomal for font login 16-2*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:13px !important;font-size: 13px;
	/*padding-left:14px;
	padding-top:2px; */
	text-align:left;
}
.txtnomal ol{ /*manhhv text nomal for font login 16-2*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:13px !important;font-size: 13px;
	text-align:left;
	/*padding-left:22px;
	padding-top:6px !important;
	padding-top:15px;*/
}

td.webmail , td.callphone, td.yahoo {
	background-image:url(images/login/web_mail.gif);
    background-repeat:no-repeat;
	background-position:bottom;
	width:39px; 
	height:39px;
	background-position: center;
}

td.callphone {
	background-image:url(images/login/callphone.gif);
}

td.yahoo {
	background-image:url(images/login/yahoo.gif);
}

/*The end manhhv credit new css*/

/*table_genneral*/
td.topleft {
	background-image:url(images/login/top_left.gif);
    background-repeat:no-repeat;
	background-position:bottom;
	width:11px; height:11px;
}
td.bordertop {
	background-image:url(images/login/border_top.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
td.topright {
	background-image:url(images/login/top_right.gif);
	background-repeat:no-repeat;
	width:15px; height:11px;
	background-position:bottom;
}

td.borderleft {
	 background-image:url(images/login/border_left.gif);
	 background-position:right; 
	 background-repeat:repeat-y;
}
td.borderright {
	background-image:url(images/login/border_right.gif);
	 background-repeat:repeat-y;
	 background-position:left;
}
td.bottomleft{
   background-image:url(images/login/bottom_left.gif);
   background-repeat: no-repeat;
   background-position:top;
   width:11px; height:15px;
}
td.bottomright {
   background-image:url(images/login/bottom_right.gif);
   background-repeat: no-repeat; 
   background-position:top;
   width:15px; height:15px;
}
td.borderbottom {
	background-image:url(images/login/border_bottom.gif);
	 background-repeat:repeat-x;
	  background-position:top;
	  height:15px;
}
/*the end table_genneral*/


/*created subtable*/
td.toplefts {
    background-image:url(images/login/subtable/top_left_s.gif);
    background-repeat:no-repeat;
	background-position:bottom;
	width:11px; height:40px;
}
td.toprights {
	background-image:url(images/login/subtable/top_right_s.gif);
    background-repeat:no-repeat;
	background-position:bottom;
	width:11px; height:40px;
}
td.bordertops {
	background-image:url(images/login/subtable/border_top_s.gif); 
	background-repeat:repeat-x; 
	background-position:bottom;
}

td.borderleft1 {
	background-image:url(images/login/subtable/border_left_1.gif); 
	background-repeat:repeat-y;
	background-position:right; width:11px;
}
td.borderright1 {
	background-image:url(images/login/subtable/border_right_1.gif);
	 background-repeat:repeat-y;
	 background-position:left;
}
td.borderbottoms {
	background-image:url(images/login/subtable/border_bottom_s.gif); 
	background-repeat:repeat-x;
	background-position:top
}
td.bottomlefts {
   background-image:url(images/login/subtable/bottom_left_s.gif);
   background-repeat: no-repeat;
   width:11px;
   height:11px;
   background-position:right;
}
td.bottomrights {
   background-image:url(images/login/subtable/bottom_right_s.gif);
   background-repeat: no-repeat;
   width:11px;
   height:11px;
   background-position:left;
}


/*The end manhhv created new css for login*/

/*//////////////////////////THE END NEW INTERFACE////////////////////////////////////////////*//***** hocmai/fw_login.css end *****/

/***** hocmai/fw_quiz.css start *****/

.generalbox {
	border-color: #73addb;
	background: #dbebf8;
}
/*created table for mod/quiz/review.php*/
td.topleft_m {
    background-image:url(images/show_quiz/top_left.gif);
    background-repeat:no-repeat;
	background-position:bottom;
	width:10px; height:40px;
}
td.topright_m {
	background-image:url(images/show_quiz/top_right.gif);
    background-repeat:no-repeat;
	background-position:bottom;
	width:16px; height:40px;
}
td.bordertop_m {
	background-image:url(images/show_quiz/border_top.gif); 
	background-repeat:repeat-x; 
	background-position:bottom;
}

td.borderleft_m {
	background-image:url(images/show_quiz/border_left.gif); 
	background-repeat:repeat-y;
	background-position:right; width:10px;
}
td.borderright_m {
	background-image:url(images/show_quiz/border_right.gif);
	 background-repeat:repeat-y;
	 background-position:left;
}
td.borderbottom_m{
	background-image:url(images/show_quiz/border_bottom.gif); 
	background-repeat:repeat-x;
	background-position:top
}
td.bottomleft_m {
   background-image:url(images/show_quiz/bottom_left.gif);
   background-repeat: no-repeat;
   width:10px;
   height:14px;
   background-position:right;
}
td.bottomright_m {
   background-image:url(images/show_quiz/bottom_right.gif);
   background-repeat: no-repeat;
   width:16px;
   height:14px;
   background-position:left;
}


/*four class alter*/
td.toplefts_new {
   background-image:url(images/login/subtable/top_left_s.gif);
   background-repeat: no-repeat;
   width:11px;
   height:40px;
   background-position:bottom;
   
}
td.toprights_new {
   background-image:url(images/login/subtable/top_right_s.gif);
   background-repeat: no-repeat;
   width:11px;
   height:40px;
   background-position:bottom;
 
}
td.bottomlefts_new, bottomrights_new{
   background-image:url(images/login/subtable/bottom_left_s.gif);
   background-repeat: no-repeat;
   width:11px;
   height:11px;
   background-position:top; 
}
td.bottomrights_new {
   background-image:url(images/login/subtable/bottom_right_s.gif);
}
td.borderbottoms_new {
   background-image:url(images/login/subtable/border_bottom_s.gif);
   background-repeat:repeat-x;   
   background-position:top
}
/*the end four class alter*/

/*The new forgot_password in login*/
p.string_4got_pass {
	font-weight:bold;
	text-transform:uppercase;
	padding-left:20px;
}
.button_no_text {
	background-image:url(images/quiz/button_no_text.gif);
	background-repeat:no-repeat; 
	cursor:pointer;
	border:none;
	width:107px;
	height:22px;
	font-weight:bold;
	font-size:12px;
	font-family:Tahoma;
	padding-bottom:3px;
	
}

/*The end forgot_password*/

/*The end manhhv created new css for login*/

/*//////////////////////////THE END NEW INTERFACE////////////////////////////////////////////*/



/*////////////////CREATE INTERFACE FOR QUIZ//////////////////////////////////////*/
td.thename {
	background:url(images/quiz/icon_quizname.gif) no-repeat top left;
	padding-left: 40px;
	font-size:15px;
	font-weight:bold;
	color:#d3040a;
}
tr.bgr_info {

	background-image:url(images/quiz/bgr_show_info.gif);
	background-repeat:repeat-x;
	text-transform:uppercase;
	font-weight:bold;
    text-align:center;
	font-size:13px;
}
td.text_left {
	text-transform:uppercase; font-weight:bold; text-align:center; font-size:13px;
	border-right:solid 1px #73addb;
}
td.text_right {
	font-weight:bold; text-align:center; font-size:13px;
	border-right:solid 1px #73addb;
}
td.text_italic {
	font-size:13px;
	text-align:center;
	font-style:italic; font:Tahoma;
	border-right:solid 1px #73addb;
	
}

.start_quiz {
	background:url(images/quiz/start_todo_quiz.gif);
	width:223px;
	height:66px;
	border-width:0px;
	font-weight:bold;
	cursor:pointer;
}

.bgvote {
   background-image:url(images/quiz/bg_vote.gif);
   background-repeat:no-repeat;
   width:899px;
   height:41px;
   text-align:left;
}

td.infovote {
    font-weight:bold;
    font-size:13px;
    padding-left:20px;
	padding-right:20px;
}

/*CSS in attempt.php*/
.saveonserv {
   width:246px;
   height:55px;
   border:0; 
   background: #b8ddfa url(images/quiz/save_on_server.gif) no-repeat 0 0;
   cursor:pointer;
}
.replystop {
   width:314px;
   height:55px;
   border:0;
   background: white url(images/quiz/reply_and_stop.gif) no-repeat 0 0;
   cursor:pointer;
}
/*The end CSS in attempt.php*/

/*CSS for the question- attempt.php*/
.div_question {

	 width:888px;
	 text-align:left;
	 border:solid 1px #79afde; 
	 background-color:#dbebf8; 
	 padding-top:17px; 
	 padding-left:17px;
}
.idea {
   padding-left:70px;
   padding-top:25px;
}
.idea b {
	font-size:12px; color:#041a7d
}
.idea  font {
 color:#000000; font-size:12px;
}
. idea a {
	color: #444444; font-weight:bold; font-size:12px;
}

. qtext {
    padding-left:8px;
	padding-top:2px;
	padding-top:1px !important; 
	font-size:12px; 
	height:55px;
}

 a.click_blur {
	 color: #454344;
	 font-weight:bold; 
	 font-size:12px; 
	 font-family:Tahoma;
}
.question_input {
	 font-size:12px;
	 width:570px; 
}
.image_idea {
 background-image:url(images/question/sent_idea.gif);
 width:95px;
 height:23px; 
 border:none; 
 padding-left:20px;
 background-repeat:no-repeat;
 cursor:pointer;
}

/*The end CSS for question */

/*CSS in answer_by_user*/
.answer_bgr, answer_bgr_1{
	background-repeat:repeat-x;
	background-image:url(images/show_quiz/bgr_top.gif); 
	height:41px; 
	text-transform:uppercase; 
	text-align:center;
}
.answer_bgr_1{
	background-image:url(images/show_quiz/bgr_top_1.gif); 
	height:41px;  
	text-align:center;
}
.image_quiz {
	background-image:url(images/quiz/quiz_quiz.gif);
	background-repeat:no-repeat; 
	width:45px;
	height:48px;
}
ol.chooseanswer {
	padding-left:40px;
	padding-top:5px;
}
li.chooseanswer { 
	 list-style:upper-alpha;
	 text-align:left; 
	 font-size:12px;
	 padding:2px;
}
a.answer_edit {
    background-image:url(images/quiz/edit.gif);
	background-repeat:no-repeat; 
	width:27px;
	height:37px;
}
a.answer_detail {
    background-image:url(images/quiz/detail.gif);
	background-repeat:no-repeat; 
	width:42px;
	height:14px;
}
a.answer_mail, a.answer_replymail, a.answer_yahoo, a.answer_chat {
    background-image:url(images/quiz/mail.gif);
	background-repeat:no-repeat; 
	width:37px;
	height:37px;
	cursor:pointer;
}
a.answer_replymail {
    background-image:url(images/quiz/reply_mail.gif);
}
a.answer_yahoo {
    background-image:url(images/quiz/yahoo.gif);
}
a.answer_chat {
    background-image:url(images/quiz/chat.gif);
}
.callonline, .sentresult, .buttonback {
	 background-image:url(images/quiz/Call_online.gif);
	 border:0; 
	 width:212px; 
	 height:55px;
	 cursor:pointer;
}
.sentresult {
	background-image:url(images/quiz/sent_result.gif); 
	width:168px; 
	
}
.buttonback {
	background-image:url(images/quiz/button_back.gif); 
	width:170px; 
}
/*From here is mod/quiz/view.php*/
.review_bgr, .review_bgr_1, .review_bgr_2 {
  background-repeat:repeat-x;
   background-image:url(images/show_quiz/bgr_top.gif);
	background-position:bottom;
	 width:511px !important;
	  width:511px;
	   height:41px !important;
	    height:28px;
		 border:0;
		  font-size:13px;
		   font-weight:bold;
		    padding-left:18px;
			 pading-top:5px;
}
.review_bgr_2  {
  height:40px;
}
.review_bgr_1 {
   background-image:url(images/show_quiz/bgr_top_1.gif);
   height:26px;
}

td.review_rate {
	font-size:12px;
	padding-left:13px;
}
.review_vote {
	background-image:url(images/quiz/sent_vote.gif); 
	padding-bottom:4px; 
	width:107px; 
	height:22px; 
	border:0; 
	font-size:13px;
	cursor:pointer;
}
font.quiz_sum_info {
	font-size:12px; valign:middle;
	color:#206090;

}
.form_option {
   padding-left:18px;
   font-size:12px;
   padding-top:24px !important;
   padding-top:10px;

}
input.submit {
	background-repeat:no-repeat; 
	background-image:url(images/quiz/button_view_reply.gif); 
	width:107px; 
	padding-bottom:5px !important; 
	padding-bottom:1px; 
	height:22px; 
	border:0; 
	font-size:13px;
	cursor:pointer;
}
td.review_message {
	padding-left:18px; 
	font-size:12px; 
	padding-top:24px;
}
.print_button {
	background: url(images/button_left.gif) no-repeat top left;
	font-size:13px;
	border:0;
	line-height: 22px;
	height: 22px;
	cursor:pointer;
}
.print_button input {
    margin-left: 8px;
    padding-left: 0px;
	background: url(images/button_right.gif) no-repeat top right;
	font-size:13px;
	border:0;
	line-height: 22px;
	height: 22px;
	cursor:pointer;
}
input.singlebutton_m {
	background-image:url(images/quiz/button_view_again.gif); 
	color:#0e5088; 
	font-size:11px; 
	font-weight:bold; 
	width:209px;
	height:62px; 
	border:0;
	cursor:pointer;
}
.form-clock {
	background-image:url(images/quiz/bg_clock.gif); 
	background-repeat:no-repeat;
	width:140px;
	padding-left: 80px;
	height:90px; 
	font-family:Tahoma;	
	font-size: 15px; 
	font-weight:bold;
	padding-top:27px;
	color:#000000;
	margin-right: -100px;
	*margin-right: 0px;
}
input.time-clock {
	background-color: transparent; 
	border: none; 
	font-size:18px; 
	font-weight:bold; 
	padding-left:20px;  
	font-family:Tahoma; 
	color:#000000
}
/*The end*/
/*The end CSS in answer_by_user*/
/*??????????????- THE END INTERFACE FOR QUIZ. copyright by manhhv - ?????????????????????????????*/
.pagingbar {
  text-align:right;
  vertical-align:top;
  color:#084198;
  font-weight:bold;
  font-size:12px;
  width:320px !important; 
  width:500px;
  padding-right:0px !important;
  padding-right:16px;
}
span.page-link {
	color:red;
	text-decoration:underline;
}
.paging_img1, .paging_img2 {
	 background: url(images/quiz/page_preview.gif) no-repeat 0 0;
	 border:none ; 
	 width:28px; 
	 height:28px;
	 cursor:pointer;

}
.paging_img2 {
	 background: url(images/quiz/page_next.gif) no-repeat 0 0;
	 width:28px; 
	 height:28px;

}
span.page_drop {
  font-weight:bold;
}
div.paging_bar_m a {
	font-size: 13px;
	color:#084198;
}
div.paging_bar_m {
	float: right;
	width: 97%;
	font-size: 13px;   
	font-weight:bold;
	color:#084198;
	display: block;
	margin-bottom: 10px;
	margin-right: 20px;
	clear:both;
}

#mod-quiz-view .quiz_vote {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin-top:20px;
}

#mod-quiz-view .quiz_numberattempts {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}













.que  {
	padding: 10px;
	border: 1px solid #73addb;
	background-color: #dbebf8;
	font-family: Verdana;
	margin: 0 auto;
}

#mod-quiz-review .que  {
	margin: 10px auto;
}

.firstletter {
	font-size: 20px;
	font-weight: bold;
}

.que .info {
	width: 6%;
	margin: 0;
}

.que .content {
	width: 94%;
	margin: 0;
}

.que .grading,
.que .comment,
.que .commentlink,
.que .generalfeedback,
.que .history {
	width: 94%;
	margin: 5px 0;
}

.generaltable td, .generaltable th {
	padding: 10px;
}

.generaltable .r0 td.cell.c0 {
	background-color: #c3dbf5; 
}

.generaltable .r1 td.cell.c0 {
	border-color: #a8cae6;
	background-color: #deecfa; 
}

.generaltable {
	font-size: 12px;
}

.generaltabletitle {
	border-color: #a8cae6;
	background-color: #deecfa;
}

.generaltabletitle th {
	font-size: 12px;
	text-indent: 15px;
	text-align: left;
	line-height: 35px;
	height: 35px;
	background:url(images/show_quiz/bgr_top.gif) repeat-x;
}
/***** hocmai/fw_quiz.css end *****/

/***** hocmai/fw_htv4.css start *****/

.htv4-container {
	margin: 5px 0;
}
.htv4-tab {
	margin-left: 10px;
}

.htv4-tab ul{
	height: 25px;
	margin: 0;
	padding: 0;
    list-style:none;
}

.htv4-tab ul li{
	float: left;
	padding: 0;
	margin: 0;
	background: url(./images/htv4/tab_right.jpg) no-repeat right top;
}

.htv4-tab ul li a{
	display: block;
	cursor: pointer;
	line-height: 25px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	padding: 0 20px;
	background: url(./images/htv4/tab_left.jpg) left top no-repeat;
}

.htv4-box {
	clear: both;
	width: 595px;
    background: #ffffff;
}

.htv4-box div {
    text-align: left;
}

.htv4-box-t {
    background: url(./images/htv4/top.jpg) 0 0 repeat-x;
}

.htv4-box-tl {
    background: url(./images/htv4/top_left.jpg) 0 0 no-repeat
}

.htv4-box-tr {
    height: 12px;
    overflow: hidden;
    background: url(./images/htv4/top_right.jpg) 100% 0 no-repeat;
}

.htv4-box-m {
    width: 575px;
	padding: 0 10px;
	background: url(./images/htv4/bg.jpg) 0 0 repeat-y;
	display: inline-block;
}

.htv4-box-b {
    background: url(./images/htv4/bottom.jpg) 0 100% repeat-x;
}

.htv4-box-bl {
    background: url(./images/htv4/bottom_left.jpg) 0 0 no-repeat;
}

.htv4-box-br {
    height: 12px;
    overflow: hidden;
    background: url(./images/htv4/bottom_right.jpg) 100% 0 no-repeat;
}/***** hocmai/fw_htv4.css end *****/

/***** hocmai/fw_hocba.css start *****/

.greenbox {
	display: block;
	border: 1px solid #288ee3;
}

.greenbox .tl{
	background: url(images/hocba/greenbox_tl.jpg) no-repeat top left;
	margin: -1px 0 0 -1px;
}

.greenbox .tr{
	background: url(images/hocba/greenbox_tr.jpg) no-repeat top right;
	margin: -1px -1px 0 0;
}

.greenbox  .br{
	background: url(images/hocba/greenbox_br.jpg) no-repeat bottom right;
	margin: 0;
}

.greenbox  .bl{
	background: url(images/hocba/greenbox_bl.jpg) no-repeat bottom left;
	margin: 0 0 -1px 0;
	padding: 1px 1px 10px;
}


.smallbutton {
    background: url(images/hocba/button.jpg) no-repeat bottom left;
}

.smallbutton div {
    padding: 4px 5px 3px 4px;
    margin-left: 1px;
    font-weight: bold;
    background: url(images/hocba/button.jpg) no-repeat bottom right;
}

.smallbutton a {
    color: #278eeb;
}

/**
 * Hocmai Table
 */
.hocmaitable {
    border-color: #dcdcdc;
}

.hocmaitable .header {
    color: #278bed;
    background-color: #f6f6f6;
    font-weight: bold;
}

.hocmaitable .r0 {
    background Bài 3.Khái niệm v� thể tích của khối đa diện  -color: #ffffff;
}

.hocmaitable .r1 {
    background-color: #f6f6f6;
}

/***
 *** Tabs
 ***/
.tabrow {
	display: block;
	margin: 5px 0 5px;
	border-bottom: 1px solid #298de2;
}

.tabrow.r1 {
	background: url(images/hocba/tab_bg.jpg) repeat-x bottom;
}

.tabrow.r2 {
	background: transparent;
	margin-bottom: 10px;
}
 
.tabrow div {
	color: #fff;
	display: inline-block;
	font-size: 12px;
	line-height: 22px;
	clear: both;
	margin-left: 30px;
}

.tabrow div a {
	font-family: Arial;
	font-size: 12px;
}

.tabrow div a:hover{
	color: #fff;
}

.tabrow div ul{
	padding: 0;
	margin:0;
}
.tabrow div ul li {
	list-style: none;
	float:left;
	padding: 0 0 0 4px;
	background:url(images/hocba/tab1.jpg) no-repeat 0 0;
}

.tabrow div ul li a, .tabrow div ul li span {
	padding: 5px 14px 3px 10px;
	margin: 0 1px;
	text-align:center;
	text-decoration:none;
	background:url(images/hocba/tab1.jpg) no-repeat 100% -100px;
}

.tabrow div ul li.selected, .tabrow div ul li.active, .tabrow div ul li:hover {
	background:url(images/hocba/tab1.jpg) no-repeat 0 -50px;
}

.tabrow div ul li span {
	background:url(images/hocba/tab1.jpg) no-repeat 100% -149px;
}

.tabrow div ul li:hover a {
	background:url(images/hocba/tab1.jpg) no-repeat 100% -150px;
}


.hocba_main {
	font-size: 12px;
	font-family: Arial;
	padding: 10px;
}

.hocba_main .section_header {
	background: url(images/hocba/section_header_bg.jpg) repeat-x top left;	
}

.hocba_main .section_header div{
	background: url(images/hocba/section_header_l.jpg) no-repeat top left;	
}

.hocba_main .section_header div div{
	line-height: 37px;
	text-indent: 10px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	color: #003d70;
	margin-bottom: 15px;
	background: url(images/hocba/section_header_r.jpg) no-repeat top right;
}

.hocba_main #quatrinh .hoc, .hocba_main #quatrinh .kiemtra {
	display: block;
}

.hocba_main #quatrinh .hoc {
	float: left;
	width: 34%;
}

.hocba_main #quatrinh .kiemtra {
	float: right;
	width: 64%;
}

.hocba_main #quatrinh .detail {
	padding-top: 20px;
	clear: both;
}

.hocba_main .title {
	line-height: 27px;
	text-indent: 10px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #fff;
	background: url(images/hocba/title_bg.jpg) repeat-x top left;
}

.hocba_main h3.title {
	border: 0;
	cursor: pointer;
	background-position: 0px -135px;
	margin: 0;
}

.hocba_main #quatrinh .hoc .title {
	background-position: 0px -81px;
}

.hocba_main #quatrinh .kiemtra .title {
	background-position: 0px -108px;
}

.hocba_main #quatrinh .grid table {
	width: 100%;
}

.hocba_main #quatrinh .grid table tr {
	border-bottom: 1px solid #ccc;
}

.hocba_main #quatrinh .grid table tr td {
	padding: 3px 7px;
}


.hocba_main .course_struct {
	font-size: 12px;
	border: 1px solid #2a8ce3;
	padding: 1px;
	width: 260px;
}

.hocba_main .course_part_title {
	padding: 5px;
	background: #d3e5f3;
	color: #2a8ce3;
	text-align: right;
	font-weight: bold;
}


.hocba_main .course_struct ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hocba_main .course_struct ul li {
	margin: 0 5px;
	padding: 5px 0;
	border-bottom: 1px solid #d3e5f3;
}

.hocba_main .course_struct ul li.sel {
	font-weight: bold;
}

#detailpanel  {
	margin-left: 15px;
	float: left;
	width: 697px;
}

.tabcontent ul.tabs {
	padding: 0;
	margin: 0;
	height: 21px;
}

.tabcontent li{
	text-transform: uppercase;
	font-size: 14px;
}
.tabcontent ul.tabs li a, .tabcontent ul.tabs li a span {
	display: block;
	background: url(images/hocba/tab2.jpg) no-repeat;
}
.tabcontent ul.tabs li.sel a span, .tabcontent ul.tabs li a span{
	padding-left: 10px;
	margin-right: 10px;
}
.tabcontent ul.tabs li.sel a, .tabcontent ul.tabs li a:hover{
	color: #fff;
    background-position: 100% -81px;
}
.tabcontent ul.tabs li.sel  a span, .tabcontent ul.tabs li  a:hover span{
    background-position: 0 -27px;
}
.tabcontent ul.tabs li a{
    background-position: 100% -54px;
}
.tabcontent ul.tabs li a span{
    background-position: 0 0;
}

/* Option Tabs */
#optionlist ul.tabs {
    margin: 0;
    padding: 0;
    height: 20px;
}
#optionlist ul.tabs li {
    line-height: 18px;
    text-align: center;
    _width: auto;
    _display: block;
}
#optionlist ul.tabs li a {
    color: #278eeb;
}
#optionlist ul.tabs li a, #optionlist ul.tabs li a span {
	display: block;
	background: url(images/hocba/button.jpg) no-repeat;
}
#optionlist ul.tabs li a{
    background-position: bottom left;
}
#optionlist ul.tabs li a span{
    padding: 0 7px;
    margin-left: 1px;
    background-position: bottom right;
}
#optionlist ul.tabs li.sel a, #optionlist ul.tabs li a:hover{
    color: #000;
	font-weight: bold;
}
#optionlist ul.tabs li.sel a span, #optionlist ul.tabs li a:hover span{
    color: #000;
    font-weight: bold;
}

#detailpanel .tabcontainer {
	border-style:solid;
	border-color: #298de2;
	border-width: 5px 1px 1px 1px;
	padding: 1px;
}

#scrollable_content {
	float: right;
	width: 425px;
	display: block;
	padding: 10px 5px;
}


/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 255px;
	height:270px;	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#navigation {	
	position:absolute;
	width:20000em;	
	clear:both;
}

/* custom positioning for navigational links */
a.next, a.prev {
	display: block;
	cursor: pointer;
	width: 250px;
	height: 15px;
}

a.next {
	background:#d4e4f1 url(images/hocba/down.jpg) no-repeat center center;
}

a.prev {
	background:#d4e4f1 url(images/hocba/up.jpg) no-repeat center center;
}



/* single item */
#navigation div {
	width: 255px;
	height: 90px;
	background: url(images/hocba/scrollable_inactive.jpg) no-repeat 0 0;
	cursor: pointer;
}

/* style when mouse is over the item */
#navigation div.hover {
	background: url(images/hocba/scrollable_hover.jpg) no-repeat 0 0;
}

/* style when element is active (clicked) */
#navigation div.active {
	background: url(images/hocba/scrollable_active.jpg) no-repeat 0 0;
	cursor:default;
}


#navigation div .atitle {
	font-weight: bold;
	color: #278eeb;
}

#navigation div.active .atitle {
	color: #fff;
}

td.col1 {
	font-weight: bold;
	color: #003d7a;
}

td.col2 {
	text-align: right;
	color: #003d7a;
}
/***** hocmai/fw_hocba.css end *****/

/***** hocmai/jquery.alerts.css start *****/

#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(images/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(images/info.gif);
}

#popup_content.confirm {
	background-image: url(images/important.gif);
}

#popup_content.prompt {
	background-image: url(images/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}/***** hocmai/jquery.alerts.css end *****/

/***** hocmai/jquery.rating.css start *****/

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(./images/starrating/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(./images/starrating/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
/***** hocmai/jquery.rating.css end *****/