* {margin:0;padding:0;}
body {color:#000000;font-family:arial,verdana,sans-serif;font-size:13px;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, label, img {border:0 none;margin:0;padding:0;}
h3{font-size:13px;}
h2{font-size:20px;}
h5{font-size:13px; font-weight:normal;}
ul, ol, li{list-style:none;}
input, select {font-family:arial,verdana,sans-serif;}
a {color:#084A7E;text-decoration:none;font-family:Tahoma;}
a:hover, .title a:hover {color:#BF0200;text-decoration:underline;}
.titleBox, a.titleBox{ color:#ffffff; font-weight:bold; font-size:14px; font-family:Verdana;}
a.titleBox:hover{ color:#ffff00;}
.title a{ color:#000000;}
#leftmenu li a, .title a{ color:#000000;}
#tab li.more a, a.continus {color:#996600; font-style:italic; font-weight:normal;}
#mainTopLeft ul li a, a.category, .category {color:#084A7E;}
a.category, .category {font-weight:bold;font-size:17px; padding-left:5px;}
.read {font-weight:normal; color:#000;}
.datetime {color:#a3a3a3; font-style:italic; font-size:11px; font-family:Verdana;}
.line { background:transparent url(images/line.gif) repeat-x center; border:none; padding:5px 0px 0px 0px;clear:both;}
.hr_line { background:transparent url(images/line.gif) repeat-x center; border:none; padding:5px 0px 5px 0px;}
#container {width:990px;margin:0 auto;background-color:#f5f5f5;}
#header {float:left;margin:0 0 1em;width:100%;}
#logo {display:block;height:135px;width:990px;}	
#subheader {background:transparent url(images/bg_menu.gif) repeat-x scroll left top;clear:both;float:left;margin:0;padding:0;width:100%;}
#main_menu {height:41px;overflow:hidden;position:relative;}
#main_menu li {float:left; display:block; text-align:center; padding:0px 8px 0px 4px;
               background:transparent url(images/line_menu.gif) no-repeat scroll 100% 100%;}
#main_menu li a {color:#404040;font-weight:bold;height:31px;display:block;padding:10px 10px 0px 10px;}
#main_menu li a:hover {color:#b70000;}
#main_menu li.end {background:none;}

#footer {clear:both;background:transparent url(images/bottom_left.gif) no-repeat left bottom; margin:0 auto; width:990px;}
#footer ul {background:transparent url(images/bottom_bg.gif) repeat-x top left; height:71px; margin-left:310px;padding-left:30px;}
#footer ul li { margin-top:28px; padding-right:3px; float:left;color:#ffffff;}
#footer a{padding-left:3px; color:#ffffff; font-weight:bold;}
#footer a:hover{color:#ffff00;}

#login li {margin:5px 20px 5px 20px;text-align:left;}	

ul.iplstudent li {margin:11.5px 0px !important;}
#newsList {clear:both;}
#newsList li { background: transparent url(images/arrow.gif) no-repeat left 4px; padding-left:20px; margin:3px 0px;}
#iplList li { background: transparent url(images/arrow.gif) no-repeat left 4px; padding-left:20px; margin:3px 0px; width:225px; float:left;}

#leftmenu li { background: transparent url(images/leftmenu_bg.gif) repeat-x left top; padding-left:10px; height:35px;}
#leftmenu li a {font-weight:bold; height:32px; line-height:32px; padding-left:12px;}
#leftmenu li a:hover{color:#d85c12;}
#leftmenu li span { background: transparent url(images/arrow_menu.gif) no-repeat left 4px;}
#leftmenu li.next {background: transparent url(images/leftmenu_bg_bottom.gif) repeat-x left top;}
#leftmenu li.next {height:auto;}
#leftmenu li.noactive {height:auto;}
#leftmenu li.active {height:auto;}
#leftmenu li.active span a {color:#d85c12;}
#leftmenu li.select a {color:#d85c12;}

#childmenu {margin: 0px 0px 0px 13px;}
#childmenu li {background: transparent url(images/arrow_submenu.gif) no-repeat left center;margin:10px 0px; height:auto; padding-left:15px;}
#childmenu li a{font-weight:normal; height:auto; line-height:normal; padding-left:0px;}


#childsub {margin: 0px 0px 0px 13px;}
#childsub li {background: transparent url(images/arrow_submenu.gif) no-repeat left center;margin:5px 0px; height:auto; padding-left:15px;}
#childsub li a{font-weight:normal; height:auto; line-height:normal; padding-left:0px;}

.mainLeft{width:220px;display:inline;float:left;margin-right:10px;}
.mainLeft_hidden{width:0px;display:inline;float:left;}
.b, .g, .gb, .c, .i, .ib, .ic, .grn, .sbb, .detail {border-collapse:collapse;border-spacing:0;width:100%;}	
.b, .grn {height:30px;}
.g, .t, .i {height:42px;}
.sb, .sbb { height:9px;}
.gb, .ib { height:6px; line-height:6px;}
.g .l, .g .r, .i .r {width:4px;}
.ib .r, .gb .l, .gb .r {width:14px;}
.b .l, .grn .l {width:37px;}
.b .r, .grn .r {width:6px;}
.sbb .l {width:28px;}
.sbb .r {width:7px;}
.sbb .l {background-image:url(images/sbb_l.gif);}
.sbb td {background-image:url(images/sbb_bg.gif);}
.sbb .r {background-image:url(images/sbb_r.gif);}
.grn .l {background-image:url(images/grnl.gif);}
.grn td {background-image:url(images/grnb.gif);}
.grn .r {background-image:url(images/grnr.gif);}
.b .l {background-image:url(images/bl.gif);}
.b td {background-image:url(images/bb.gif);}	
.b .r {background-image:url(images/br.gif);}
.g .l {background-image:url(images/gl.gif);}	
.g td {background-image:url(images/gb.gif);}	
.g .r {background-image:url(images/gr.gif);}	
.gb .l{background-image:url(images/gbl.gif);}	
.gb td {background-image:url(images/gbb.gif);}	
.gb .r {background-image:url(images/gbr.gif);}
.detail th{ background-image:url(images/th_bg.gif); height:35px; text-align:center;}
.detail th, .detail td, #boxGrey .boxtitle {border:solid 1px #666;}
.detail td {padding:5px;vertical-align:top;}
.detail td.active{background-color:#f5e2f5;}
.detail td p {text-align:right;}
.borderLeft {border-left:solid 1px #a3a3a3;}
.boxImage { width:300px; height:216px;}
.bgboxImage {background-color:#efefef;}
.i td {background-image:url(images/boxi_b.gif);}
.i .r {background-image:url(images/boxi_right.gif);}
.ib td {background-image:url(images/boxi_bottom_b.gif);}
.ib .r {background-image:url(images/boxi_bottom_right.gif);}
.ic td { text-align:center; vertical-align:middle;}
#tab, #boxBlue .content, #boxGrey .content, #boxCenter .content, #boxGreen .content, #boxSmallBlue .content, #boxGrey .content2 {padding:10px;overflow:hidden;text-align:justify;border-left:solid 1px #a3a3a3;
	border-right:solid 1px #a3a3a3;border-bottom:solid 1px #a3a3a3; background-color:#ffffff;height:1%;}
#tab, #boxBlue .content[class], #boxGrey .content[class], #boxCenter .content[class], #boxGreen .content[class], #boxSmallBlue .content[class], #boxGrey .content2[class] {height:auto;}
#boxSmallBlue .content {padding:0px; border-bottom:none;}	
#boxGrey .content, #boxCenter .content, #boxGrey .content2 {border-bottom:none;}	
#boxGrey .content2 {padding-top:0px;}
#mainBox .content {padding:10px 10px 0px 10px;}	
#boxGrey .contentBorderLeft {border-left:solid 1px #a3a3a3;padding:20px 10px 0px 10px;overflow:hidden; background-color:#ffffff;}	
#boxGrey .contentBorderLeft .top, #mainBox .content .top, #boxGrey .content .top { }	
#boxGrey .contentBorderRight {border-right:solid 1px #a3a3a3; padding:5px;overflow:hidden;}	
#boxGrey .focus { background: transparent url(images/icon_camera.gif) no-repeat left 3px; margin-left:15px;}
#boxGrey .focus a.category { margin-left:55px;}
#boxGrey .boxtitle {overflow:hidden; margin-left:-1px;}
#boxGrey .boxtitle p a {display:block; width:5%; margin:10px;}
#boxGrey .boxtitle h3 {text-align:center;margin:10px 0px; width:90%;}
#boxGrey span.logOut {float:right; padding-right:10px;}
#boxGrey span.logOut a{color:#d85c12; font-weight:bold;}
#boxGrey .ul_share{width:720px;height:auto;overflow:hidden;margin-top:5px;}
#boxGrey .ul_share li{width:720px;margin-top:4px;height:auto;overflow:hidden;clear:both;float:left;}
#boxGrey .box_share{width:110px;height:auto;overflow:hidden;padding-right:5px;float:left;color:#d85c12;}
#boxGrey .box_frmshare{width:600px;height:auto;float:left;}
#boxGrey .leader {font-weight:bold; color:#FF0000;}

#boxGrey div h2 { padding-left:0px; padding-top:7px;}
#boxGrey .wiki, #boxGrey .message, #boxGrey .homework, #boxGrey .update, #boxGrey .student, #boxGrey .luanvan, #boxGrey .result, #boxGrey .schedule, #boxGrey .document, #boxGrey .subject, #boxGrey .lienhe {display:block; height:35px; color:#d85c12;margin-left:15px;margin-bottom:10px;} 
#boxGrey .wiki {background: transparent url(images/icon_wiki.gif) no-repeat left top;}
#boxGrey .message {background: transparent url(images/icon_message.gif) no-repeat left top;}
#boxGrey .homework {background: transparent url(images/icon_homework.gif) no-repeat left top;}
#boxGrey .update {background: transparent url(images/icon_update.gif) no-repeat left top;}
#boxGrey .student {background: transparent url(images/icon_student.gif) no-repeat left top;}
#boxGrey .result {background: transparent url(images/icon_result.gif) no-repeat left top;}
#boxGrey .schedule {background: transparent url(images/icon_schedule.gif) no-repeat left top;}
#boxGrey .document {background: transparent url(images/icon_document.gif) no-repeat left top;}
#boxGrey .luanvan {background: transparent url(images/icon_luanvan.gif) no-repeat left top;}
#boxGrey .subject {background: transparent url(images/icon_subject.gif) no-repeat left top;}
#boxGrey .lienhe {background: transparent url(images/icon_lienhe.gif) no-repeat left top;}

#mainTopLeft, #boxBlue, #boxGreen, #boxGrey, #boxSmallBlue { margin-bottom:10px;}

#mainContent {width:760px;float:left;}	
#mainTopLeft { width:530px; float:left; overflow:hidden;}
#mainTopLeft .focus{ background:transparent url(images/tieudiem.gif) no-repeat 0 0; height:33px; margin-top:5px;}
#mainTopLeft .pix, #boxGrey .contentBorderLeft .pix, #boxGrey .content .pix{padding:1px;border:1px solid #9F9F9F;margin-right:8px; float:left;}
#mainTopLeft .title {margin-bottom:5px;overflow:hidden;}
#mainTopLeft ul {clear:both; height:auto;}
#mainTopLeft ul li{float:left; width:240px;margin:10px 8px 0px 0px; overflow:visible;min-height:50px;}
*html #mainTopLeft ul li{margin:10px 4px 0px 0px;}
.fullMainContent{width:990px !important;float:left;}
#mainTopLeft ul li img{border:1px solid #9F9F9F;margin-right:5px; float:left;}
#mainTopRight { width:220px; display:inline; float:right; margin-left:10px;}
.mainRight { width:220px; display:inline; float:right; margin-left:10px;}
.mainRight_hidden { width:0px; display:inline; float:right;}

#mainBox {clear:both;}

#tab { height:27px; background:transparent url(images/tab_bg_white.gif) repeat-x top left; border-bottom: none; padding:0px;}
#tab li, #tab li a, #tab li.end a span, #tab li.last_active a span {display:block;}
#tab li{float:left; background:transparent url(images/tab_bg.gif) repeat-x top left;}
#tab li a{line-height:27px;padding:0px 30px 0px 20px; color:#517a3c; font-weight:bold;}
#tab li a{background:transparent url(images/tab.gif) no-repeat right 0;}
#tab li.end a {padding-right:0px;}
#tab li.end a span{background:transparent url(images/tab_end.gif) no-repeat right 0;padding-right:30px;}
#tab li.active {background:transparent url(images/tab_active_bg.gif) repeat-x top left;}
#tab li.active a{color:#ffffff; background:transparent url(images/tab_active_right.gif) no-repeat right 0;}
#tab li.previous a{background:transparent url(images/tab_active_left.gif) no-repeat right 0;}
#tab li.last_active {background:transparent url(images/tab_active_bg.gif) repeat-x top left;}
#tab li.last_active a {color:#ffffff; background:transparent url(images/tab_active_right.gif) no-repeat right 0; padding-right:0px;}
#tab li.last_active a span {background:transparent url(images/tab_active_end.gif) no-repeat right 0;padding-right:30px;}
#tab li.more { float:right; background-image:none;}
#tab li.more a{background:transparent url(images/arrow_more.gif) no-repeat right 10px; padding:0px 15px 0px 0px; margin-right:10px;}

.clearthis{clear:both; height:0pt; line-height:0;}
.content .pixnew{padding:1px;border:1px solid #9F9F9F;margin-right:8px;}
.paging{height:14px;}
.paging ul{float:right;}
.paging li{float:left;font-family:arial;font-size:11px;font-style:normal;font-variant:normal;line-height:14px;}
.paging .active {background:#b6b6b6 none repeat scroll 0 0;border:1px solid #b6b6b6;color:#FFFFFF;display:inline;float:left;margin-left:2px;padding:2px 8px;}
.paging a {background-color:#FFFFFF;border:1px solid #b6b6b6;display:inline;margin-left:2px;padding:2px 8px;}
.paging a:hover {background:#b6b6b6 none repeat scroll 0 0;border:1px solid #b6b6b6;color:#FFFFFF;display:inline;float:left;margin-left:2px;padding:2px 8px;}
.paging a:link {color:#333333;display:inline;float:left;padding:2px 8px;text-decoration:none}
.paging a:visited {color:#333333;display:inline;float:left;padding:2px 8px;text-decoration:none}

/* SimpleModal Styles */
#modalOverlay {background-color:#000; cursor:wait;}
#modalContainer {left:50%; top:15%; margin-left:-300px; background-color:#fff; border:3px solid #ccc;padding: 3px;}
a.modalCloseImg {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
/*file upload*/
.upContainerNormal
{
	padding-bottom:3px;
	}
.upProgressContainer
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.upOuterBar
{
    width: 570px;
    height: 32px;
    border: solid 1px #8a8a8a;
    background-color: #fff;
    overflow: hidden;
}

.upInnerBar
{
    width: 0;
    height: 32px;
    background-color: #cccccc;
    position: relative;
}

.upLabel
{
    width: 100%;
    background-color: Transparent;
    color: #000000;
    text-align: center;
    z-index: 9999;
    position: relative;
    top: -32px;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
}

div.upFileInputs 
{
    position: relative;
}

.upButtons
{
	clear: both;
}

div.upFakeFile 
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.upFile 
{
    position: relative;
    text-align: right;
    opacity: 0;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    zoom: 1;
    z-index: 2;
    cursor: hand;
    width: 225px !important;
    border:none;
    zoom:1;
    height: 22px;
}

.upFileBox
{
	position: absolute;
    top: 0px;
    left: 0px;
	height: 22px;
	border: solid 1px #8a8a8a;
	font-size: x-small;
	width: 150px !important;
}

.upUploadBox
{
	background-color: #ffffff;
	width: 300px;
	padding: 10px;
	border: solid 1px #8a8a8a;
	display:block;
}

.upRemoveButton
{	
	left: 230px;
	top: 0px;
}

.upSelectButton
{
	position:absolute;
	left: 155px;
	top: 0px;
}

.upButtons
{
/*	position:relative;*/
	top: 5px;
}

.upFileNormal
{
	width: 295px;
}

.upButtonNormal, .upFileNormal
{
	height: 25px;
}

.upButtonNormal
{
	width: 60px;
	margin-left: 5px;
}

.upShowDynamic
{
	display: none;
}
.upHiddenDynamic {display: none;}
.upShowDynamic {display: inline;}
.upFileNormal {width: 230px !important;}

/* css tooltip */
#jHelperTipContainer, .ajaxtooltip{
position: absolute; /*leave this alone*/
display: none; /*leave this alone*/
width: 300px;
left: 0; /*leave this alone*/
top: 0; /*leave this alone*/
background: lightyellow;
border: 2px solid gray;
border-width: 1px 2px 2px 1px;
padding: 5px;
}
.tooltip .fl{float:left;}
.tooltip .fr{float:right;}
.tooltip .text_left{text-align:left;} 
.tooltip .clearthis{clear:both; height:0px; line-height:0px;}
.tooltip .color_login{color:#ab541d;}
.tooltip .color_header{color:#d14703;}
.tooltip .color_book{color:#4e8ab4;}
.tooltip .color_tooltip{color:#b6b6b6;}
.tooltip .img_tieudiem{margin-right:5px;}
.tooltip h2 {font-size:11px; font-weight:normal;}
.tooltip h3 {font-size:12px;font-family: Arial,Helvetica,sans-serif; font-weight:normal; text-align:justify;}
.tooltip h4 {font-size:12px; text-align:left; font-weight:bold; margin-bottom:4px;}
/* end tooltip */#menulist li:hover>ul {
 display: block;
}
#menulist img.line_between {background-image:url(images/line_menu.gif); width:9px; height: 35px; padding:0;}
#menulist, #menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
 font-size:12px;
 font-family:Arial;
 height:41px;
}
#menulist ul {
 display: none;
 position: absolute;
 top:35px; 
 left: -1px;
 width: 160px; 
 z-index:10;
}
#menulist ul ul {
 top: -1px; margin-top: 0;
 left: 150px;
}
#menulist li {
 float: left;
 display: block;
 position: relative; 
 margin-right: -1px;
 text-align:left;
 background:transparent url(images/bg_menu.gif) repeat-x scroll left top;  
}
#menulist ul li {
 float: none;
 margin: 0;
 margin-bottom: -1px;
}
#menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}
#menulist a {
 display: block;
 padding: 10px 0px 7px 0px;
 color: #404040;
 text-decoration: none;
 font-weight:bold;
}
#menulist a:hover, #menulist a.highlighted:hover, #menulist a:focus {
 color: #FFF;
 background:transparent url(images/menuover.gif) repeat-x left top;
 text-decoration:none;
 height:18px; 
}
#menulist a.highlighted {
 color: #FFF;
 background:transparent url(images/menuover.gif) repeat-x left top;
 height:18px; 
}
#menulist a .subind {
 display: none;
}
#menulist ul a .subind {
 display: block;
 float: right;
 padding-top: 1px;
}
#menulist a {
 float: left;
}
#menulist ul a {
 float: none;
}
*:first-child+html #menulist ul li {
 float: left;
 width: 100%;
}

* html #menulist ul li {
 float: left;
 height: 1%;
}
* html #menulist ul a {
 height: 1%;
}

*:first-child+html {} * html .finalCellIE
{
	width:40px;
}

*.finalCellFireFox
{
	width:40px;
}

.liborder{border:1px solid #A3A3A3;}