@import url(richtext.css);


/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */

/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:#FFFFFF; layer-background-color:#FFFFFF; visibility:hidden}

/*Styles for level 0*/
.clLevel0, .clLevel0over{position:absolute; padding-left:5px; padding-top:4px; font-family:arial; font-size:13px; font-weight:bold; text-align:left;}
.clLevel0{background-color:#7EB6FA; layer-background-color:#7EB6FA; color:#213343; cursor:pointer; cursor:hand;}
.clLevel0over{background-color:#F7DD9E; layer-background-color:#F7DD9E; color:#213343; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#FFFFFF; layer-background-color:#FFFFFF}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding-left:16px; padding-top:3px; font-family:arial; font-size:13px; text-align:left;}
.clLevel1over{background-color:#251178; layer-background-color:#251178; color:#FFFFFF; cursor:pointer; cursor:hand; filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.clLevel1{background-color:#bbedff; layer-background-color:#bbedff; color:#2353c8; cursor:pointer; cursor:hand; filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.clLevel1border{position:absolute; z-index:500; visibility:hidden;}

.Title {font-size:14px; font-weight:bold}

/* HAI NHAN PORTAL 2.3 CSS */

body {
  font-family:Tahoma;
  font-size:12px;
  color:#444444;
  margin:0;
  padding:0px;
  text-align:center;
  background-color:#FFFFFF;
  line-height:20px;
}

a:link {
  color: #0072bc;
  text-decoration: none;
}
a:visited {
  color: #0072bc;
  text-decoration: none;
}
a:hover {
  color: #ffb400;
  text-decoration: underline;
}
a:active {
  color: #0696D5;
  text-decoration: none;
}



/*  DIVS ON PAGE */
#page {
  margin:auto; 
  padding:0px;
  text-align:left; 
  width:780px;
  padding-left:1px;
  border-left:1px solid #d4d4d4;
  border-right:1px solid #d4d4d4;
 }
#header {
  width:778px;
  float:left;
  text-align:center;
  height:121px;
  background-image:url(/images/header_bg.jpg);
  background-repeat:repeat-x;
  }
#center {
  float:right; 
  width:550px; 
  height:auto;
  padding:0px;
  margin-bottom:20px;
  margin-top:4px;
}

#left {
  float:left;
  width:221px;
  height:auto;
  margin-bottom:20px;
  margin-top:4px;
  text-align:left;
}

#LinkHeader{
font-family:Arial;
float:left;
margin-left:130px;
margin-top:5px;
color:#FFFFFF;
font-size:12px;
}
div #LinkHeader a{
color:#FFFFFF;
font-family:Arial;
}

#gioithieuivftudu {
float:left;
padding-top:4px;
padding-left:15px;
}

/* MENU */

#menu {
  float:left;
  width:678px; 
  height:33px;
  margin-top:2px;
}
#menuImage {
  float:left;
  width:500px;
  height:33px;
}

#linkweb {
  float:left;
  width:299px;
  background-image:url(/images/search_bg.jpg);
  background-repeat:repeat-x;
  height:38px;
}
div #linkweb select {
  margin-top:5px;
}


/* SEARCH BAR */

#searchBar {
  float:left;
  width:478px;
  background-image:url(/images/search_bg.jpg);
  background-repeat:repeat-x;
}
#searchBarHeader {
  float:left;
  width:90px;
  height:38px;
  background-image:url(/images/search_header.jpg);
  background-repeat:no-repeat;  
  }
#searchBarTextbox {
  float:left;
  margin-top:7px;
 }
div #searchBarTextbox input {
  width:120px;
  color:#666666;
  font-size:11px;
  background-color:#Fefefe;
  margin-left:15px;
}
#searchBarButton {
  float:left;
  margin-top:13px;
  margin-left:10px;
}
#searchBarFooter {

}

/* Dong lien ket tren & duoi */



/* LANGUAGE BAR */

#languageBar {
  width:99px;
  float:left; 
  height:37px;
  background-color:#bbedff;
  }
div #languageBar img {
float:left;
border:0px;
}
#languageBarItem {
float:left;
margin:0px;
}

#languageBarHeader {
  width:99px;
  height:2px;
  float:left;
  font-size:1px;
  background-image:url(/images/menu_header_bg.jpg);
  background-repeat:repeat-x;
}

#languageBarFooter{
float:left;
width:99px;
height:2px;
font-size:1px;
background-image:url(/images/menu_bottom_bg.jpg);
background-repeat:repeat-x;
}
/* LOCATOR */

#locator {
  width:100%;
  height:16px;
  font-size:11px;
}
#locatorHeader {
  float:left;
  width:8px;
  height:16px;
}
#locatorSeparator {
  float:left;
  margin-top:3px;
  width:3px;
  height:16px;
  background-image:url(/images/textsep.gif);
}
#locatorItem {
  float:left;
  margin-top:1px;
  margin-left:5px;
  margin-right:5px;
}


/* TAB ARTICLE & PRODUCT */
#tabMenu {
  float:left;
  width:778px;
  height:37px;
  background-image:url(/images/tabmenu_bg.jpg);
  background-repeat:repeat-x;
}

#tabThongtin {
  float:left;
  width:221px;
  margin-top:0px;
  background-image:url(/images/tab_thongtin_bg.jpg);
  background-repeat:repeat-y;
  margin:0px;
  padding:0px;
}
#tabThongtinHeader{
  float:left;
  clear:both;
  width:221px;
  height:40px;
  background-image:url(/images/tab_thongtin_header.jpg);
  background-repeat:no-repeat;
  
}
#tabThongtinItem{
  width:auto;
  line-height:24px;
}

#tabThongtinItemName{
  width:auto;
  margin-left:15px;
  margin-right:5px;
  font-size:12px;
}
div #tabThongtinItemName a{
  color:#085eba;
  font-weight:bold;
}
#tabThongtinItemDate{
width:auto;
margin-left:16px;
margin-right:15px;
color:#bebebe;
font-size:0.9em;
}
#tabThongtinFooter {
  float:left;
  width:221px;
  height:10px;
  font-size:2px;
}

#tabTintrangchu {
  display:inline;
  float:left;
  width:520px;
  margin-top:15px;
  margin-left:10px;
  font-size:12px;
}
#tabTintrangchuHeader{
  float:left;
}
#tabTintrangchuItem{
  width:100%;
  clear:both;
}
#tabTintrangchuItemName {
  font-size:12px;
}
#tabTintrangchuItemThumbnail {
  float:left; 
  width:90px;
  height:100%;
  padding-top:4px;
}
div #tabTintrangchuItemThumbnail img {
  border:1px solid #CCCCCC;
  margin-right:10px;
  width:80px;
}
#tabTintrangchuItemSummary {
  color:#777777;
}
#tabTintrangchuItemDate {
  font-size:11px;
  color:#EEEEEE; 
  margin-left:10px;
}
#tabTintrangchuSeparator {
  clear:both;
  width:100%;
  height:10px;
}

/* FOOTER */

#footer {
  cleat:both;
  float:left;
  height:28px;
  width:778px; 
  background-color:#77aed3;
  font-size:12px;
  color:#6685d1;
}
#footer a{
  color:#2353c8;
}

#footerHeader{
  display:inline;
  float:left;
  margin-left:16px;
  height:5px;
  font-size:1px;
  line-height:1px;
}
#footerCompany {
  margin-top:5px;
  margin-left:16px;
}

/* SUBMENU */

#submenu {
  width:153px; 
  margin-left:0px; 
  margin-top:5px;
}
div #submenu a {
  color:#666666;
}
div #submenu a:hover {
  color:orange;
}
#submenuHeaderProduct { 
  width:153px;
  height:30px;
  border-bottom:1px solid #999999;
  background-image: url(/images/submenu_product.jpg);
}
#submenuHeader200 { 
  width:153px;
  height:30px;
  border-bottom:1px solid #999999;
  background-image: url(/images/submenu200.jpg);
}
#submenuHeader400 { 
  width:153px;
  height:30px;
  border-bottom:1px solid #999999;
  background-image: url(/images/submenu400.jpg);
}
#submenuHeader500 { 
  width:153px;
  height:30px;
  border-bottom:1px solid #999999;
  background-image: url(/images/submenu500.jpg);
}
#submenuHeader600 { 
  width:153px;
  height:30px;
  border-bottom:1px solid #999999;
  background-image: url(/images/submenu600.jpg);
}
#submenuItem, #submenuItemSelected {
  font-weight:bold;
  border-bottom:1px solid #999999; 
  height:20px; 
  margin-top:1px; 
  padding-left:10px;
  padding-top:5px;
  padding-bottom:5px; 
}
#submenuItemSelected {
  background-color:#F8F8F8;
}
#submenuFooter {
}

/* ADS */

 #adsLogo {
float:left;
 }
#adsHomeBanner {
  float:left;
  }
#adsWhy {
float:right;
margin-top:10px;
margin-bottom:10px;
}
div #adsWhy img
{
border:0px;
}
#adsBannerRight {
float:left;
}
#adsLinkHeader{
float:left;
margin-left:140px;
margin-top:8px;
}
#adsLinkHeaderItem {
float:left;
margin-left:12px;
}
div #adsLinkHeaderItem img {
border:0px;
}

#adsAdvertising {
  width:auto; 
  margin-left:0px;
  float:right;
  text-align:right;
}
#adsAdvertisingItem {
  float:right;
  width:auto;
  height:100%;
  margin-top:2px;
}

div #adsAdvertising img {
  width:auto;
}

#adsBannerFooter{
  width:778px;
  height:auto;
}


/* ARTICLE GROUP */
#articleGroup {
float:left;
padding-left:16px;
padding-top:15px;
}

#articleGroupName {
  float:left;
  font-size:16px;
  font-weight:bold;
  margin-bottom:20px;
  clear:both;
}

#articleGroupChildName {
  width:500px;
  float:left;
  font-size:16px;
  font-weight:bold;
  margin-bottom:5px;
}
div #articleGroupChildName a {
  color:#003399;
}

#articleGroupItemName {
  font-size:14px;
  font-weight:bold;
  margin-bottom:5px;
}

#articleGroupItem {
  float:left;
  width:auto;
  margin-bottom:5px;
  background-image:url(/images/articleGroupItembg.gif);
}

#articleGroupItemRight {
  float:left;
  width:370px;
}

#articleGroupItemOther {
float:left;
width:100%;  
font-weight:bold;
margin-top:5px;
}

#articleGroupItemThumbnail {
  float:left; 
  width:auto;
  padding-top:8px;
}
div #articleGroupItemThumbnail img {
  border:0px;
  float:left;
  margin-right:10px;
}
#articleGroupItemSummary {
  float:left;
  clear:both;
  color:#333333;
  width:370px;
}
#articleGroupItemDate {
  font-size:11px;
  color:#AAAAAA; 
  margin-left:10px;
}
#articleGroupSeparator {
  clear:both;
  width:400px;
  height:10px;
}


/* ARTICLE LIST */

#articleList {
  width:auto;
margin-top:15px;
margin-left:16px;
margin-right:20px;
 
}
#articleListItem {
  width:100%;
  clear:both;
 }
#articleListName {
  font-size:16px;
  font-weight:bold;
margin-bottom:10px;
}
#articleListItemName {
  font-size:14px;
  font-weight:bold;
  padding-top:10px;
  }
#articleListItemThumbnail {
  float:left; 
  width:130px;
  padding-top:4px;
}
div #articleListItemThumbnail img {
  border:0px;
  margin-right:10px;
}
#articleListItemSummary {
  color:#777777;
}
#articleListItemDate {
  font-size:11px;
  color:#EEEEEE; 
  margin-left:10px;
}
#articleListSeparator {
  clear:both;
  width:400px;
  height:5px;
}


/* NEWS LIST */

#newsList {
  width:auto;
  margin-top:10px;
margin-left:16px;
margin-right:20px;
}
#newsListName {
  font-size:16px;
  font-weight:bold;
}
#newsListItem {
  width:100%;
  height:auto;
  clear:both;
}
#newsListItemName {
  font-size:14px;
  font-weight:bold;
  padding-top:10px;
  margin-bottom:8px;
}
#newsListItemThumbnail {
  float:left; 
  width:auto;
  padding-top:4px;
}
div #newsListItemThumbnail img {
  border:0px;
  margin-right:10px;
}
#newsListItemSummary {
  color:#777777;
}
#newsListItemDate {
  font-size:11px;
  color:#EEEEEE; 
  margin-left:10px;
}
#newsListSeparator {
  clear:both;
  width:600px;
  height:5px;
}


/* Private LIST */

#privateList {
  width:100%;
  margin-top:10px;
}

#privateListName {
  font-size:16px;
  font-weight:bold;
  margin-bottom:20px;
}

#privateListItemName {
  font-size:14px;
  font-weight:bold;
  margin-bottom:10px;
}

#privateListItem {
  width:100%;
  margin-bottom:15px;
}
#privateListTitle {
  font-size:16px;
  font-weight:bold;
}
#privateListItemTitle {
  font-size:14px;
  font-weight:bold;
  margin-top:10px;
  margin-bottom:8px;
}
#privateListItemThumbnail {
  float:left; 
  width:auto;
  padding-top:4px;
}
div #privateListItemThumbnail img {
  border:0px;
  float:left;
  margin-right:10px;
}
#privateListItemSummary {
  color:#333333;
}
#privateListItemDate {
  font-size:11px;
  color:#EEEEEE; 
  margin-left:10px;
}






/* ARTICLE */

#article {
  width:510px;
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
}
#articleName {
  font-size:16px;
  font-weight:bold;
  margin-bottom:20px;
  color:#064382;
}
#articleAuthor{
  text-align:right;
  font-size:12px;
}

#articleOther{
  width:auto;
  margin-top:15px;
  margin-left:10px;
  margin-right:20px;
  font-size:12px;
}

#articleOtherHeader {
  font-weight:bold;
  margin-bottom:15px;
}
#articleOtherDate{
  color:#bababa;
}
#articleOtherItem {
  margin-bottom:8px;
}
#ArticleAttachment {
  margin-bottom:10px;
  margin-top:10px;
}


/* CONTACT */

#contact {
  width:500px;
  height:250px;
  margin-top:20px;
}
#contactLabel {
  float:left;
  width:150px;
  height:30px;
}
#contactName, #contactEmail, #contactAddress, #contactPhone, #contactContent {
  float:left;
  width:250px;
  height:30px;
}
#contactContent {
  height:60px;
  float:left;
}
div #contactName input, div #contactEmail input, div #contactAddress input, div #contactPhone input {
  width:220px;
  padding:0px;
  margin:0px;
}
div #contactContent textarea {
float:left;
  width:290px;
  height:80px;
}
#contactButton {
  clear:both;
  width:400px;
  height:40px;
}



/* CALENDAR */

#calendar {
  width:180px;
  border:1px solid #EEEEEE;
  border-spacing:5px;
  background-color:#FAFAFA
}
#calendarDayName {
  width:180px; 
  text-align:center; 
  height:20px
}
#calendarMonth {
  background-color:#457DCA; 
  font-weight:bold; 
  color:#FFFFFF; 
  height:25px; 
  text-align:center
}
#calendarWeek {
  width:180px;
  background-color:#EEEEEE;
  font-weight:bold;
  height:20px; 
  text-align:center
}
#calendarToDay {
  background-color:#F98427; 
  font-weight:bold; 
  text-align:center
}
#calendarSunday {
  color: #F98427; 
  text-align:center
}
#calendarSaturday {
  color:#F98427; 
  text-align:center
}





/* Product */
.productTable {width:480px; border:0px}
.productCellLeft {width:250px;vertical-align:top; padding-top:10px; padding-left:0px; padding-right:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px}
.productCellRight {width:230px;vertical-align:top; padding-top:10px; padding-left:10px; padding-right:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px}

.productListTable {width:480px; border:0px}
.productListCell {vertical-align:top; padding-top:10px; padding-left:0px; padding-right:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px}

.productImageSmall {border: 1px solid #333333; width:145px; height:145px}
.productImageMedium {border: 1px solid #333333; width: 250px; height:250px}
.productImageLarge {border: 1px solid #333333; width: 400px; height:400px}

.productSampleText {font-style: italic}
.productPriceAndSampleTable {width:210px; border:0px}
.productSampleCellLeft {width:110px; vertical-align:top; padding-top:4px; padding-left:0px; padding-right:4px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px}
.productSampleCellCenter {width:80px; vertical-align:top; padding-top:4px; padding-left:0px; padding-right:4px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; text-align:right}
.productSampleCellRight {width:20px; vertical-align:top; padding-top:4px; padding-left:0px; padding-right:4px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; text-align:right}



/* MESSAGE */
#message {
  padding:20px;
  margin-top:10px;
  margin-bottom:10px;
}


/* PAGING */

#paging {
  width:100%;
  height:35px;
}
#pagingHeader {
  clear:both;
  width:100%px;
  height:10px;
}
#pagingLabel {
  float:left;
  width:auto;
  height:22px;
  margin-left:0px;
  margin-right:5px;
}
#pagingPage {
  float:left;
  width:auto;
  height:22px;
  margin-left:5px;
  margin-right:5px;
}
#pagingSeparator {
  float:left;
  width:3px;
  height:15px;
  background-image:url(/images/textsep.gif);
  background-repeat:no-repeat;
}
#pagingFooter {
  float:left;
  width:15px;
  height:22px;
}


/* VISITOR */


#visitor {
  width:200px;
  height:40px;
  margin-top:10px;
  margin-left:7px;
  font-size:11px;
}

#visitorItem {
  clear:both;
  width:200px;
  height:20px;
  margin-left:8px;
}
#visitorLabel {
  float:left;
  width:120px;
  height:15px;
  margin-right:5px;
}
#visitorValue {
float:left;
  width:50px;
  height:15px;
  text-align:left;
}

#linkList {
  width:auto;
  margin-top:10px;
margin-left:16px;
margin-right:20px;
}
#linkListName {
  font-size:16px;
  font-weight:bold;
}
#linkListItem {
  width:100%;
  height:auto;
  clear:both;
}
#linkListItemName {
  font-size:14px;
  font-weight:bold;
  padding-top:10px;
  margin-bottom:8px;
}
#linkListItemThumbnail {
  float:left; 
  width:auto;
  padding-top:4px;
}
div #linkListItemThumbnail img {
  border:0px;
  margin-right:10px;
}
#linkListItemSummary {
  color:#777777;
}
#linkListItemDate {
  font-size:11px;
  color:#EEEEEE; 
  margin-left:10px;
}
#linkListSeparator {
  clear:both;
  width:600px;
  height:5px;
}



/* NEW CSS ********************************/

#intro {
  width:530px;
  height:auto;
  margin-top:10px;
  margin-left:10px;
  font-size:12px;
  border-bottom:1px solid #EEEEEE;
}

div #articleContent img {
  max-width:500px;
  width:expression(this.width > 500 ? "500px" : true);
}

#language {
  margin-top:5px;
}