/*OpenWeb Framework Version 3.5 - Phạm Tuấn Anh - INGA Co.,Ltd */ /***********************************************************************/ /***********************************************************************/ /*Blue2 Box Style 2 - Inherit Detault Box*/ .Style2Blue2box{} .Style2Blue2box .bT_lL{background:url(../templates/sysstyles/tabstyles/blue2/tb_l_blue2.gif) no-repeat left bottom;} .Style2Blue2box .bT_lR{background:url(../templates/sysstyles/tabstyles/blue2/tb_c_blue2.gif) no-repeat right bottom;} .Style2Blue2box .bT_lBG{font-weight:bold;color:White;background:url(../templates/sysstyles/tabstyles/blue2/tb_bg_blue2.gif) repeat-x right bottom;} .Style2Blue2box .bT_sR{background:url(../templates/sysstyles/tabstyles/blue2/tb_r_blue2.gif) no-repeat right bottom;} .Style2Blue2box .bT_sBG{background:url(../templates/sysstyles/tabstyles/blue2/tb_bg2_blue2.gif) repeat-x right bottom;} .Style2Blue2box .bT_lR{padding-right:0}/*Box Top Small Right*/ .Style2Blue2box .bT_lL{float:none;} .Style2Blue2box .bT_sR{background:url(../templates/sysstyles/tabstyles/blue2/tb_r_style2_blue2.gif) no-repeat right bottom;padding-right:4px;}/*Box Top Small Right*/ .Style2Blue2box .bT_sC{display:none;} .Style2Blue2box .bT_RSS{display:none;}/*RSS ICON Right*/ .Style2Blue2box .bC_BG{background:none} .Style2Blue2box .bC_BG .bC_I{background:none} /*-----------------------------------------*/ .newindex{border-right:1px dashed silver;width:20px} .newcate_left{float:left; width:52%;} .newcate_right{float:right;width:45%;padding-top:30px} .newcate_right img{display:block;height:80px; width:150px} a.gomlnk{ color:white; } a.gomlnk:hover{ color:white; text-decoration:underline; } .lnk{ color:white; } .lnk:hover{ color:white; text-decoration:underline; } .navigation{ margin-left:10px; } .tlnk{ color:#900000; text-weight:bold; } /*tabdn Box*/ .tabdn .bT_sR,.tabdn .bT_sBG,.tabdn .bTlL,.tabdn .bT_lBG,.tabdn .bT_lR{height:32px;line-height:32px;} .tabdn .bT_lL{background:url(../templates/sysstyles/tabstyles/tabdn/tabdn_l.gif) no-repeat left bottom;padding-left:7px;float:left;}/*Box Top Large Right*/ .tabdn .bT_lR{background:url(../templates/sysstyles/tabstyles/tabdn/tabdn_c.gif) no-repeat right bottom;padding-right:33px;}/*Box Top Small Right*/ * html .tabdn .bT_lR{float:left;} .tabdn .bT_lBG{font-weight:bold;color:white;background:url(../templates/sysstyles/tabstyles/tabdn/tabdn_bg.gif) repeat-x right bottom;} * html .tabdn .bT_lBG{float:left;} .tabdn .bT_sR{background:url(../templates/sysstyles/tabstyles/tabdn/tabdn_r.gif) no-repeat right bottom;padding-right:3px;} .tabdn .bT_sBG{background:url(../templates/sysstyles/tabstyles/tabdn/tabdn_bg2.gif) repeat-x right bottom;} .tabdn .bT_sC{float:left;padding-left:5px;font-size:11px;} .tabdn .bT_RSS{float:right;padding-right:1px;height:16px;padding-top:9px;}/*RSS ICON Right*/ .tabdn .bC_BG{background:none;border-left:solid 1px #e5e5e5;border-right:solid 1px #e5e5e5;} .tabdn .bC_BG .bC_I{background:url(../templates/sysstyles/tabstyles/tabdn/tabdn_cnt.gif) repeat-x left bottom;}/*BackGround Icon*/ .tabdn .bB_L,.tabdn .bB_R,.tabdn .bB_BG{height:15px} .tabdn .bB_L{background:url(../templates/sysstyles/tabstyles/tabdn/tabdnb_l.gif) no-repeat left top;padding-left:5px;}/*Box Bottom Left*/ .tabdn .bB_R{background:url(../templates/sysstyles/tabstyles/tabdn/tabdnb_r.gif) no-repeat right top;padding-right:5px;}/*Box Bottom Right*/ .tabdn .bB_BG{background:url(../templates/sysstyles/tabstyles/tabdn/tabdnb_bg.gif) repeat-x right top;padding:0 3px;}/*Box Bottom Background*/ /*-----------------------------------------*/ /*tabdnr Box*/ .tabdnr .bT_sR,.tabdnr .bT_sBG,.tabdnr .bTlL,.tabdnr .bT_lBG,.tabdnr .bT_lR{height:33px;line-height:33px;} .tabdnr .bT_lL{background:url(../templates/sysstyles/tabstyles/tabdn/tabdnr_l.gif) no-repeat left bottom;padding-left:8px;float:left;}/*Box Top Large Right*/ .tabdnr .bT_lR{background:url(../templates/sysstyles/tabstyles/tabdn/tabdnr_c.gif) no-repeat right bottom;padding-right:5px;}/*Box Top Small Right*/ * html .tabdnr .bT_lR{float:left;} .tabdnr .bT_lBG{font-weight:bold;color:white;background:url(../templates/sysstyles/tabstyles/tabdn/tabdnr_bg.gif) repeat-x right bottom;padding-right:4px;} * html .tabdnr .bT_lBG{float:left;} .tabdnr .bT_sR{background:url(../templates/sysstyles/tabstyles/tabdn/tabdnr_bg2.gif) no-repeat right bottom;padding-right:1px;} .tabdnr .bT_sBG{background:url(../templates/sysstyles/tabstyles/tabdn/tabdnr_bg2.gif) repeat-x right bottom;} .tabdnr .bT_sC{float:left;padding-left:5px;font-size:11px;} .tabdnr .bT_RSS{float:right;padding-right:1px;height:16px;padding-top:9px;}/*RSS ICON Right*/ .tabdnr .bC_BG{border:solid 1px #e5e5e5;margin-top:5px;background:white;} .tabdnr .bC_BG .bC_I{background:none;}/*BackGround Icon*/ .tabdnr .bB_L,.tabdnr .bB_R,.tabdnr .bB_BG{height:10px} .tabdnr .bB_L{background:none;}/*Box Bottom Left*/ .tabdnr .bB_R{background:none;}/*Box Bottom Right*/ .tabdnr .bB_BG{background:none;}/*Box Bottom Background*/ /*-----------------------------------------*/ /*tabden Box*/ .tabden .bT_sR,.tabden .bT_sBG,.tabden .bTlL,.tabden .bT_lBG,.tabden .bT_lR{height:47px;line-height:47px;} .tabden .bT_lL{background:url(../templates/sysstyles/tabstyles/tabden/tabden_l.gif) no-repeat left bottom;padding-left:22px;float:left;}/*Box Top Large Right*/ .tabden .bT_lR{background:url(../templates/sysstyles/tabstyles/tabden/tabden_bg.gif) no-repeat right bottom;padding-right:1px;}/*Box Top Small Right*/ * html .tabden .bT_lR{float:left;} .tabden .bT_lBG{font-weight:bold;color:white;background:url(../templates/sysstyles/tabstyles/tabden/tabden_bg.gif) repeat-x right bottom;font-size:15px;} * html .tabden .bT_lBG{float:left;} .tabden .bT_sR{background:url(../templates/sysstyles/tabstyles/tabden/tabden_r.gif) no-repeat right bottom;padding-right:22px;} .tabden .bT_sBG{background:url(../templates/sysstyles/tabstyles/tabden/tabden_bg.gif) repeat-x right bottom;} .tabden .bT_sC{float:left;padding-left:5px;font-size:11px;} .tabden .bT_RSS{float:right;padding-right:1px;height:16px;padding-top:9px;}/*RSS ICON Right*/ .tabden .bC_BG{background:none;} .tabden .bC_BG .bC_I{background:#272727;color:white;}/*BackGround Icon*/ .tabden .bB_L,.tabden .bB_R,.tabden .bB_BG{height:10px} .tabden .bB_L{background:none;}/*Box Bottom Left*/ .tabden .bB_R{background:none;}/*Box Bottom Right*/ .tabden .bB_BG{background:none;}/*Box Bottom Background*/ /*-----------------------------------------*/ /*tabnone Box*/ .tabnone .bT_sR,.tabnone .bT_sBG,.tabnone .bTlL,.tabnone .bT_lBG,.tabnone .bT_lR{height:33px;line-height:33px;} .tabnone .bT_lL{background:none;padding-left:12px;float:left;}/*Box Top Large Right*/ .tabnone .bT_lR{background:none;padding-right:5px;}/*Box Top Small Right*/ * html .tabnone .bT_lR{float:left;} .tabnone .bT_lBG{font-weight:bold;color:#242424;background:none;padding-right:4px;} * html .tabnone .bT_lBG{float:left;} .tabnone .bT_sR{background:none;padding-right:0px;border-bottom:solid 2px #ac0101;} .tabnone .bT_sBG{background:none;} .tabnone .bT_sC{float:left;padding-left:5px;font-size:11px;} .tabnone .bT_RSS{float:right;padding-right:1px;height:16px;padding-top:5px;}/*RSS ICON Right*/ .tabnone .bC_BG{background:none;} .tabnone .bC_BG .bC_I{background:none;}/*BackGround Icon*/ .tabnone .bB_L,.tabnone .bB_R,.tabnone .bB_BG{height:10px} .tabnone .bB_L{background:none;}/*Box Bottom Left*/ .tabnone .bB_R{background:none;}/*Box Bottom Right*/ .tabnone .bB_BG{background:none;}/*Box Bottom Background*/ /*-----------------------------------------*/ /*tabborder Box*/ .tabborder {border:solid 1px silver;margin-bottom:10px;} .tabborder .bT_sR,.tabborder .bT_sBG,.tabborder .bTlL,.tabborder .bT_lBG,.tabborder .bT_lR{height:33px;line-height:33px;} .tabborder .bT_lL{background:none;padding-left:12px;float:left;}/*Box Top Large Right*/ .tabborder .bT_lR{background:none;padding-right:5px;}/*Box Top Small Right*/ * html .tabborder .bT_lR{float:left;} .tabborder .bT_lBG{font-weight:bold;color:#242424;background:none;padding-right:4px;} * html .tabborder .bT_lBG{float:left;} .tabborder .bT_sR{background:none;padding-right:0px;border-bottom:dotted 2px silver;} .tabborder .bT_sBG{background:none;} .tabborder .bT_sC{float:left;padding-left:5px;font-size:11px;} .tabborder .bT_RSS{float:right;padding-right:1px;height:16px;padding-top:5px;}/*RSS ICON Right*/ .tabborder .bC_BG{background:none;} .tabborder .bC_BG .bC_I{background:none;}/*BackGround Icon*/ .tabborder .bB_L,.tabborder .bB_R,.tabborder .bB_BG{height:0px} .tabborder .bB_L{background:none;}/*Box Bottom Left*/ .tabborder .bB_R{background:none;}/*Box Bottom Right*/ .tabborder .bB_BG{background:none;}/*Box Bottom Background*/ /*-----------------------------------------*/ /*tabwt Box*/ .tabwt .bT_sR,.tabwt .bT_sBG,.tabwt .bTlL,.tabwt .bT_lBG,.tabwt .bT_lR{height:27px;line-height:27px;} .tabwt .bT_lL{background:url(../templates/sysstyles/tabstyles/tabwt/tabwt_l.gif) no-repeat left bottom;padding-left:33px;float:left;}/*Box Top Large Right*/ .tabwt .bT_lR{background:url(../templates/sysstyles/tabstyles/tabwt/tabwt_bg.gif) no-repeat right bottom;padding-right:0px;}/*Box Top Small Right*/ * html .tabwt .bT_lR{float:left;} .tabwt .bT_lBG{font-weight:bold;color:#242424;font-size:13px;background:url(../templates/sysstyles/tabstyles/tabwt/tabwt_bg.gif) repeat-x right bottom;} * html .tabwt .bT_lBG{float:left;} .tabwt .bT_sR{background:url(../templates/sysstyles/tabstyles/tabwt/tabwt_r.gif) no-repeat right bottom;padding-right:7px;} .tabwt .bT_sBG{background:url(../templates/sysstyles/tabstyles/tabwt/tabwt_bg.gif) repeat-x right bottom;} .tabwt .bT_sC{float:left;padding-left:5px;font-size:11px;} .tabwt .bT_RSS{float:right;padding-right:1px;height:16px;padding-top:9px;}/*RSS ICON Right*/ .tabwt .bC_BG{background:none;border:solid 1px #e5e5e5;border-top-width:0px;border-bottom-width:0px} .tabwt .bC_BG .bC_I{background:none;}/*BackGround Icon*/ .tabwt .bB_L,.tabwt .bB_R,.tabwt .bB_BG{height:10px} .tabwt .bB_L{background:none;padding-left:0px;border-top:solid 1px #e5e5e5}/*Box Bottom Left*/ .tabwt .bB_R{background:none;padding-right:0px;}/*Box Bottom Right*/ .tabwt .bB_BG{background:none;padding:0px;}/*Box Bottom Background*/ /*-----------------------------------------*/ /*MENU*/ /*Main Menu*/ #top-menu {width:100%; background:url('../templates/owebframework/mnbg.gif') repeat-x left top;height:24px;} #top-menu .left{width:0px;} #top-menu .bg{font-size:14px} #top-menu .right{width:250px;text-align:right;} .lgname{display:inline;padding:3px 5px 2px 0px; height:16px; font-weight:normal;color:black} .lgicon{display:inline;} .lgicon img{border:solid 1px white;} #topmenu_cus {height: 24px;z-index: 10;} .menu_top {position:relative;font-size:11px;} .menu_top ul li a {display:inline-block;text-decoration:none; text-align:center;border-bottom: 0;color:white;height:23px;line-height:23px; font-size:12px; overflow:hidden;padding:0 10px ; } .menu_top ul li a:hover {text-decoration:underline;} .menu_top ul li .mnal , .menu_top ul li .mnabg , .menu_top ul li .mnar {height:46px;line-height:46px;} .menu_top ul li .mnal {padding-left:7px;} .menu_top ul li .mnar {padding-right:7px;} .menu_top ul li .mnal:hover {background:url('../templates/topmenu/mnbgl_act.gif') no-repeat left bottom;padding-left:7px} .menu_top ul li .mnar:hover {background:url('../templates/topmenu/mnbgr_act.gif') no-repeat right bottom;padding-right:7px} .menu_top ul li .mnabg:hover {background:url('../templates/topmenu/mnbg_act.gif') repeat-x left bottom;} .menu_top ul li .mnal-cur , .menu_top ul li .mnabg-cur , .menu_top ul li .mnar-cur {height:46px;line-height:46px;} .menu_top ul li .mnal-cur {padding-left:7px;} .menu_top ul li .mnar-cur {padding-right:7px;} .menu_top ul li .mnal-cur {background:url('../templates/topmenu/mnbgl_act.gif') no-repeat left bottom;padding-left:7px} .menu_top ul li .mnar-cur {background:url('../templates/topmenu/mnbgr_act.gif') no-repeat right bottom;padding-right:7px} .menu_top ul li .mnabg-cur {background:url('../templates/topmenu/mnbg_act.gif') repeat-x left bottom;} .menu_top ul {padding:0; margin:0; list-style: none;} .menu_top ul li {float:left; position:relative;} .menu_top ul li ul {display: none;} .menu_top ul li.seperator{width:1px;height:19px;background:white;margin-top:3px} /* button hover properties .menu_top ul li a:hover {color:white; background: url('../pic/menus/customer/2b.png');} .menu_top ul li:hover ul {display:block; position:absolute; top:42px; left:0; width:152px; margin: 0; padding: 0;} .menu_top ul li ul li a.two {color:white;} .menu_top ul li ul li a.two:hover {background:#6a3; color:silver;} .menu_top ul li ul li:hover a.two:hover {background:#6fc; color:#544a3a;} .menu_top ul li:hover ul li ul {display: none;} .menu_top ul li .one:hover {color:#043454; background: url('../pic/menus/customer/2b.png');} .menu_top ul li .three:hover {color:#043454; background: url('../pic/menus/customer/2b.png');}*/ /* dropdown properties */ .menu_top ul li ul li a:hover {background-image: none; display:block;height: 28px; line-height: 28px; color:#043454; width:142px; text-align:left; margin: 0; padding:0 0 0 11px;font-weight:normal;} .menu_top ul li:hover ul {margin: 0 0 0 3px;padding: 0;background: url('../pic/menus/customer/ddbg.png');background-repeat:no-repeat;background-position:bottom left; } .menu_top ul li:hover ul .hlight {background: url('../pic/menus/customer/hlight2.png');margin-right: 1px;} /* dropdown selected properties */ .menu ul li:hover ul li a:hover {color:#fff; background: url('../pic/menus/customer/hlight.png');} .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;} .menu ul li:hover ul li:hover ul.left {left:-105px;} /*------*/ #menubar {height:30px;background:#e5e5e5} #menubar .left {} #menubar .left a.ttl {font-size:10px;color:#242424;font-weight:bold;} #menubar .left a.ttl:hover {color:black;} #menubar .right {width:200px;} /*--------*/ /***********************************************************************/ /*CONTENT BOX*/ /*TAB BOX*/ .bxtab_l_,.bxtab_bg_,.bxtab_r_{height:27px;line-height:27px;} .bxtab_l_{background:url(../templates/sysstyles/tabstyles/tabdn/tabdn_l.gif) no-repeat left bottom;padding-left:7px;} .bxtab_bg_{font-weight:bold;color:white;background:url(../templates/sysstyles/tabstyles/tabdn/tabdn_bg.gif) repeat-x right bottom;} .bxtab_r_{background:url(../templates/sysstyles/tabstyles/tabdn/tabdn_c.gif) no-repeat right bottom;padding-right:33px;} /*------*/ /*Content box with tab panel*/ .bxct_t_l_,.bxct_t_bg_,.bxct_t_r_{height:34px;line-height:34px;} .bxct_t_l_{padding-left:4px; background:url('../templates/owebframework/tabbxct_t_l.gif') no-repeat;} .bxct_t_bg_{background:url('../templates/owebframework/tabbxct_t_bg.gif'); font-weight:bold; font-size:15px; padding-left:4px} .bxct_t_r_{padding-right:4px; background:url('../templates/owebframework/tabbxct_t_r.gif') no-repeat right top;} .bxct-content{border-left:solid 1px #f7f7f7;border-top:solid 1px #f7f7f7;border-right:solid 1px #f7f7f7;background-color:white} .bxct-content .bxct-content-padding{padding:5px;} .bxct_b_l_,.bxct_b_bg_,.bxct_b_r_{height:4px;line-height:4px;} .bxct_b_l_{padding-left:4px; background:url('../templates/owebframework/tabbxct_b_l.gif') no-repeat;} .bxct_b_bg_{background:url('../templates/owebframework/tabbxct_b_bg.gif')} .bxct_b_r_{padding-right:4px; background:url('../templates/owebframework/tabbxct_b_r.gif') no-repeat right top;} /*------*/ /*Content box not tab panel*/ .bxct_nt_l_,.bxct_nt_bg_,.bxct_nt_r_{height:4px;line-height:4px;} .bxct_nt_l_{padding-left:4px; background:url('../templates/owebframework/bxct_t_l.gif') no-repeat;} .bxct_nt_bg_{background:url('../templates/owebframework/bxct_t_bg.gif'); font-weight:bold; font-size:15px; padding-left:4px} .bxct_nt_r_{padding-right:4px; background:url('../templates/owebframework/bxct_t_r.gif') no-repeat right top;} .bxct-nt-content{border:solid 1px silver;background-color:#f7f7f7} .bxct-nt-content .bxct-content-padding{padding:5px;} .bxct_nb_l_,.bxct_nb_bg_,.bxct_nb_r_{height:4px;line-height:4px;} .bxct_nb_l_{padding-left:4px; background:url('../templates/owebframework/bxct_b_l.gif') no-repeat;} .bxct_nb_bg_{background:url('../templates/owebframework/bxct_b_bg.gif')} .bxct_nb_r_{padding-right:4px; background:url('../templates/owebframework/bxct_b_r.gif') no-repeat right top;} /*------*/ /*Content box with border only*/ .bxctol_t_l_,.bxctol_t_bg_,.bxctol_t_r_{height:12px;} .bxctol_t_l_{padding-left:12px; background:url('../templates/owebframework/bxtl.gif') no-repeat;} .bxctol_t_bg_{background:url('../templates/owebframework/bxt.gif') repeat-x; padding-left:12px; } .bxctol_t_r_{padding-right:12px; background:url('../templates/owebframework/bxtr.gif') no-repeat right top;} .bxctol_c_l_{padding-left:12px; background:url('../templates/owebframework/bxl.gif') repeat-y;} .bxctol_c_content{} .bxctol_c_r_{padding-right:12px; background:url('../templates/owebframework/bxr.gif') repeat-y 100% 0;} .bxctol_b_l_,.bxctol_b_bg_,.bxctol_b_r_{height:12px;line-height:12px;} .bxctol_b_l_{padding-left:12px; background:url('../templates/owebframework/bxbl.gif') no-repeat;} .bxctol_b_bg_{background:url('../templates/owebframework/bxb.gif') repeat-x;} .bxctol_b_r_{padding-right:12px; background:url('../templates/owebframework/bxbr.gif') no-repeat right top;} /*------*/ /*TAB ITEMS*/ a.tabctttl {font-size:12px;font-weight:bold;color:Black} a.tabctttl:hover {font-size:12px;font-weight:bold;color:silver} #tabitems a.tabctttl {font-size:12px;font-weight:bold;color:Black} #tabitems a.tabctttl:hover {font-size:12px;font-weight:bold;color:silver} #tabitems a.tabitmttl{font-size:12px;font-weight:normal;color:black;} #tabitems a.tabitmttl:hover {font-size:12px;font-weight:normal;color:#666666;} #tabitems .tbitem{display:block; border-bottom:solid 1px silver; padding: 5px 0px 5px 5px} #tabitems img.tabimg{width:105px;border:solid 1px silver; margin:2px 3px 2px 1px} /*--------*/ /*CUSTOM STYLE TAB ITEMS*/ .cstyletabitem a.tabctttl {font-size:12px;font-weight:bold;color:white} .cstyletabitem a.tabctttl:hover {font-size:12px;font-weight:bold;color:silver} .cstyletabitem a.tabitmttl{font-size:12px;font-weight:normal;color:black;} .cstyletabitem a.tabitmttl:hover {font-size:12px;font-weight:normal;color:silver;} .cstyletabitem .tbitem{display:block;} .cstyletabitem img.tabimg{width:105px;border:solid 1px silver; margin:2px 3px 2px 1px} /*--------*/ .wlnkitem {text-align:center;width:47%;float:left;padding:3px 8px;} a.wvmnu {color:#1483c5;font-size:13px;display:block;padding:5px 3px;} a.wvmnu:hover {text-decoration:none;color:#242424} .wlnkitem a.wlnk {color:#1483c5;font-size:16px;display:block;} .wlnkitem .wimg {width:200px;} .sepwl {background:url('../templates/owebframework/vmnucatesep.gif') repeat-x left bottom ;height:2px} /***********************************************************************/ /***********************************************************************/ /*OBJECT FONTS*/ /*Vertical Menu Category Link*/ a.vmnucatelnk{font-size:12px; font-weight:bold; color:#006fb1;display:block;padding:5px 3px 5px 8px;} a.vmnucatelnk:hover{color:black;text-decoration:none;} a.vmnusubcatelnk{font-size:12px; font-weight:normal; color:black; display:block; padding:3px;padding-left:17px; text-align:left} a.vmnusubcatelnk:hover{color:#006fb1;text-decoration:none;} a.vmnucatelnk_selected {font-size:12px; font-weight:bold; color:black;display:block;padding:5px 3px 5px 8px;} a.vmnucatelnk_selected :hover{color:#006fb1} a.vmnusubcatelnk_selected {font-size:12px; font-weight:normal; color:#006fb1; display:block; padding:3px;padding-left:17px; text-align:left} a.vmnusubcatelnk_selected :hover{color:black} a.vmnucatelnk2{font-size:11px; color:black; display:block} a.vmnucatelnk2:hover{font-size:11px; color:#006fb1;text-decoration:none;display:block} a.vmnucatelnk3{font-size:10px; color:black; display:block; height:20px; padding:3px 2px 2px 15px;} a.vmnucatelnk3:hover{font-size:10px; color:#006fb1;text-decoration:none; display:block; height:20px; padding:3px 2px 2px 15px;} a.vmnucatelnk4{font-size:10px; color:black; display:block; height:20px; padding:3px 2px 2px 20px;} a.vmnucatelnk4:hover{font-size:10px; color:#006fb1;text-decoration:none; display:block; height:20px; padding:3px 2px 2px 20px;} .vmnuseparator{height:0px; background-color:#006fb1;} /*---*/ .divseperator{display:block;height:1px; background-color:Silver} .divseperatorgreen{display:block;height:1px; background-color:#62a12e} .lblcontentboxcaption{color:#008506; font-size:12px; font-weight:bold;} /*--------*/ /***********************************************************************/ /***********************************************************************/ /*UTILITIES*/ /*Search Button*/ .btnsrchibx{display:block; height:28px; width:52px; background:url('../templates/owebframework/search.png') no-repeat; border:none;} .txtsrchibx{height:22px;font-size:14px;width:125px; margin-left:3px; margin-top:3px} .nutimg{background:url('../templates/owebframework/nut.gif') no-repeat 0px 10px;} .nuton{background:url('../templates/owebframework/nut.gif') no-repeat 0px 8px;} .spacer1{display:block;height:1px} .spacer2{display:block;height:2px} .spacer3{display:block;height:3px} .spacer4{display:block;height:4px} .spacer5{display:block;height:5px} .btnreg {background:url('../templates/owebframework/reg_btn.gif') no-repeat;width:62px;height:19px;border:solid 1px #a21319;} /*Noborder search box*/ #nobdr-srchbx {} #nobdr-srchbx .ttl{padding-top:4px;font-size:11px;color:black} #siteroad {padding:3px 2px 2px 2px;} a.roadlink{display:inline block;height:18px; font-size:10px; color:#0078c9;} a.roadlink:hover{display:inline block;height:18px; font-size:10px; color:black;} .roadsep{display:inline block;height:18px; font-size:10px; color:black;margin:0px 5px 0px 5px;} /*--------*/ /*WEATHER*/ .weather-box{} .weather-box .container{width:160px} .weather-box .weather-city{font-size:14px; font-weight:bold;color:black;display:block} .weather-box .weather-temp{font-size:18px; font-weight:bold;color:black;display:block} .weather-box .imgcolumn{width:55px} /*--------*/ /***********************************************************************/ /***********************************************************************/ /*VIDEOS*/ #mdlvideo{} #mdlvideo .fvdbx{text-align:left; padding-bottom:5px} #mdlvideo .fvdbx a.ftlt{font-size:12px; font-weight:bold;color:#006fb1; display:block; text-align:left;padding:4px 3px 7px 3px;} #mdlvideo .fvdbx .nxtitem{padding:3px 2px 3px 2px;} #mdlvideo .fvdbx a.nxttlt{font-size:12px;color:#006fb1;display:inline-block;padding:0px 2px 3px 3px} #mdlvideo .fvdbx .nxtimg{width:75px; border:solid 1px silver} #mdlvideo .fvdbx .nwtlt{font-size:11px; font-weight:bold;color:black; height:20px;} #mdlvideo .viditmlst .viditm{padding:5px 3px 5px 2px} #mdlvideo .viditmlst .viditm a.ttl{display:inline;font-size:12px; color:#0078c9; padding:3px 3px 5px 2px;} #mdlvideo .viditmlst .viditm .dsc{display:block;font-size:12px; color:black; padding:3px 3px 5px 2px;} #mdlvideo .viditmlst .viditm .img{width:75px; border:solid 1px silver} #mdlvideo .viditmlst .videoitem{text-align:left;padding:3px 5px 3px 3px} #mdlvideo .viditmlst .videoitem a.vtlt{color:#0078c9; font-size:12px;font-weight:bold;text-decoration:none} #mdlvideo .viditmlst .videoitem a.vtlt:hover{color:#939393; font-size:12px;font-weight:bold;text-decoration:none} #mdlvideo .viditmlst .videoitem .vdesc{display:block;margin-top:5px;color:black; font-size:12px} #mdlvideo .viditmlst .videoitem .vimg{border:solid 1px silver; margin:3px 3px 3px 0px} #mdlvideo .viditmlst .videoitem .vview{font-size:10px; color:#585858; padding-top:5px} /*topvideo*/ #topvideo .item{padding:3px 2px 5px 2px; border-bottom:solid 1px white} #topvideo a.ttl{color:#0078c9; font-size:12px;display:block;margin:0px 0px 3px 0px;} #topvideo a.ttl:hover{color:#50aeec; font-size:12px;display:block;margin:0px 0px 3px 0px;} #topvideo .desc{font-size:11px;} #topvideo img{border:solid 1px silver; width:196px; margin-right:3px} #topvideo .vview{font-size:10px; color:#585858; padding-top:5px} /*------*/ /*videobox*/ #vidbx .fttl{color:black; font-size:13px;font-weight:bold;display:block;margin:0px 0px 3px 0px;} #vidbx a.nttl{color:#0078c9; font-size:12px;display:block;margin:7px 0px 5px 0px;} #vidbx a.nttl:hover{color:#0078c9; font-size:12px;display:block;margin:7px 0px 5px 0px;} /*------*/ /*Video- Trang chi tiet media*/ #mdlvideo .vdetail .catename{display:none;margin:3px 0px 2px px; font-size:10px; font-weight:bold;color:black} #mdlvideo .vdetail .tlt{color:#006fb1; font-size:15px; font-weight:bold;display:block;margin:3px 0px 3px 0px;} #mdlvideo .vdetail .time{color:silver; font-size:11px;display:inline-block;} #mdlvideo .vdetail .view{font-size:11px;color:black;display:inline-block} #mdlvideo .vdetail .author{color:black; font-size:11px;display:inline-block;} #mdlvideo .vdetail .singer{color:black; font-size:11px;display:inline-block;} #mdlvideo .vdetail .player{padding-top:5px; text-align:center} #mdlvideo .vdetail .detail{font-size:12px; color:black;display:block;margin:15px 0px 7px 0px;} #mdlvideo .vdetail .ovitem{padding:3px 2px 7px 2px;} #mdlvideo .vdetail .ovnut{display:inline;background:url('../templates/owebframework/nut.gif') no-repeat;width:10px; height:18px;margin-top:5px; padding:3px 10px 2px 3px;} #mdlvideo .vdetail a.ovtlt{float:left;color:blue; display:inline-block; padding:0px 3px 5px 2px;} /*--------*/ /***********************************************************************/ /***********************************************************************/ /*NEWS*/ /*NewsIndex - Trang chu tin tuc, danh muc tin tuc*/ .mdlnws .catename{display:block;margin:5px 0px 10px 0px; font-size:15px; font-weight:bold;color:#006fb1} .mdlnws .nwsindex .nwslstitem{margin:1px 0px 10px 0px} .mdlnws .nwsindex .nwsitem {margin:1px 5px 10px 0px} .nwsitem {margin:1px 5px 10px 0px} .mdlnws .nwsindex .nwsitem a.ntlt{display:block;padding:3px 3px 4px 2px;color:#1483c5; font-size:12px; font-weight:bold;text-decoration:none} .nwsitem a.ntlt{display:block;padding:3px 3px 4px 8px;color:#1483c5; font-size:12px; font-weight:bold;text-decoration:none} .mdlnws .nwsindex .nwsitem a.ntlt:hover{color:#840000;text-decoration:none} .nwsitem a.ntlt:hover{color:black;text-decoration:none} .mdlnws .nwsindex .nwsitem .ndesc{display:block;margin-top:5px; margin-left:3px;color:#666666; font-size:11px} .mdlnws .nwsindex .nwsitem a.mtlt{display:block;padding:3px 3px 4px 2px;color:#840000; font-size:12px; font-weight:bold;text-decoration:none} .mdlnws .nwsindex .nwsitem a.mtlt:hover{color:#1483c5;text-decoration:none} .mdlnws .nwsindex .nwsitem .mdesc{display:block; margin-left:5px;color:black; font-size:13px} .mdlnws .nwsindex .nwsitem .nimg{border:solid 1px silver; margin:3px 3px 3px 0px; width:135px} .mdlnws .nwsindex .nwsitem .divimg{float:left} .mdlnws .nwsindex .nwsitem a.nvwdetail{font-size:10px; color:#006fb1} .mdlnws .nwsindex .nwsitem a.othernews{color:#840000; font-size:12px;padding:3px 3px 3px 8px;display:block;} .mdlnws .nwsindex .nwsitem a.othernews:hover{color:black;text-decoration:none} .mdlnws .nwsindex a.nwsctelst{color:#fff;font-size:12px;font-weight:bold; display:inline-block;margin-right:5px} .mdlnws .nwsindex a.nwsctelst:hover {color:#ebebeb;} .mdlnws .nwsindex a.nwssbctelst{color:#ac0101;font-size:11px;font-weight:bold; display:none;} .mdlnws .nwsindex a.nwssbctelst:hover {color:#242424;text-decoration:none;} .newcate_left {float:left;width:50%} .new1 {float:left; width:23%; margin-left:5px; margin-right:5px} .newcate_right img {border:none; width: 150px; height: 80px; display:block} .new1 .ndesc {text-align:justify;font-size:11px; color:#666666;font-size:11px;} .vwmorecontainer {text-align:right;width:100%;} .vwmorecontainer .viewmore {width:117px; height:0px;padding-top:0px; padding-right:5px;display:block} .newcate_left .nwsitem a.ntltcate {display:block;margin:5px 0px 2px 0px;color:#ac0101; font-size:13px;text-decoration:none;font-weight:bold; text-align:justify} a.ntltcate {display:block;margin:5px 0px 2px 0px;color:#840000; font-size:12px;text-decoration:none;font-weight:bold; text-align:justify} a.imgnewcate {display:block} #fnwwbox {padding:10px;border:solid 1px silver} #fnwwbox .box {padding:5px 0px;display:block;} #fnwwbox a.firstnewstlt{font-size:16px; color:#c01414; font-weight:bold} #fnwwbox a.firstnewstlt: hover{font-size:16px; color:#d42828; font-weight:bold;} #fnwwbox .firstnewsimg{width:240px;border:solid 2px silver; height:180px;margin-right:5px;} #fnwwbox .nwsdesc{color:#242424;font-size:12px; } #fnwwbox .nitem{text-align:center;} #fnwwbox .nitem a.nxttlt{font-size:11px; color:#006699;font-weight:bold;display:block;} #fnwwbox .nitem a.nxttlt:hover{text-decoration:none; color:#322e2d} #fnwwbox .nitem img.nxtimg {width:120px;height:100px;border:0px;} .ctelstboxidx .cbox .fimg{width:135px;height:100px; border:solid 1px silver; margin:0px 5px 0px 0px;} .ctelstboxidx .cbox a.nwftitle{display:block;padding:7px 3px 2px 0px;font-weight:bold;font-size:12px;color:#334f99} .ctelstboxidx .cbox .nwfdesc{display:block; padding:7px 3px 7px 0px;font-size:11px;color:black} .ctelstboxidx .cbox .nwfviewmore{display:block;text-align:right} .ctelstboxidx .cbox a.nwfviewmore{display:block;height:17px;width:65px;background:url(../templates/owebframework/btn_detail.gif)} .ctelstboxidx .cbox .hseperator{display:block;height:0px;border-top:dotted 0px silver;margin:0px 0px 0px 0px} .ctelstboxidx .cbox .nnicon{border:none;height:6px;width:6px;margin:5px 3px 3px 0px;background:url(../templates/owebframework/nutblue.gif) no-repeat;} .ctelstboxidx .cbox a.nxnwstle{display:inline-block;font-size:11px;color:#3d59a0;margin-bottom:7px} /*NewsDetail - Trang chu chi tiet tin tuc*/ .mdlnws .nwsdetail .catename{display:none;margin:3px 0px 2px px; font-size:10px; font-weight:bold;color:black} .mdlnws .nwsdetail .tlt{color:#006fb1; font-size:15px; font-weight:bold;display:block;margin:8px 0px 5px 0px;} .mdlnws .nwsdetail .time{color:silver; font-size:11px;display:block;margin:3px 0px 7px 0px;} .mdlnws .nwsdetail .desc{display:block;margin-top:5px;color:black; font-size:11px; font-weight:bold;display:block;margin:3px 0px 7px 0px;} .mdlnws .nwsdetail .detail{font-size:12px; color:black;display:block;margin:5px;margin-top:10px} .mdlnws .nwsdetail .author{color:black; font-size:12px;display:block;} .nwsdetail .divimg{} .nwsdetail .divimg .img img{border:none; width:180px;} .nwsdetail .mdesc{display:block; margin-left:5px;color:black; font-size:13px} .mdlnws .nwsdetail .othernws .ttlcate {color:#242424;font-weight:bold;font-size:13px;padding-bottom:5px;} .mdlnws .nwsdetail .othernws .items {padding:0px 3px 5px 6px;} .mdlnws .nwsdetail .othernws .items .newnws {display:inline;background:url('../pic/web/icon/newnws.gif') no-repeat right ;} .mdlnws .nwsdetail .othernws .items .nwsoitem{padding:3px 2px 7px 2px;} .mdlnws .nwsdetail .othernws .items .nwsonut{display:inline;background:url('../templates/owebframework/nut.gif') no-repeat left 0px 7px;} .mdlnws .nwsdetail .othernws .items a.nwsottl{color:#1483c5; display:inline-block; padding:5px 35px 5px 0px;} .mdlnws .nwsdetail .othernws .items a.nwsottl:hover {color:#242424;} /*------*/ /*News*/ #topnews .item{padding:2px; border-bottom:solid 1px white} #topnews a.ttl{color:#006fb1; font-size:12px;display:block;padding:3px 3px 3px 8px;} #topnews a.ttl:hover{color:#0b83c5;} #topnews .desc{font-size:11px;} #topnews img{border:solid 1px silver; width:75px; margin-right:3px} /*------*/ /*News Paging*/ .mdlnws .pagetotal{padding:5px 2px 3px 2px;} .mdlnws .paging{text-align:right;padding:5px 2px 3px 2px;} .mdlnws .paging a.page{display:inline block; height:20px;width:20px; padding:2px 2px 1px 1px; border:solid 1px silver; margin:0px 3px 0px 3px;background-color:#e3e3e3;color:#006fb1} .mdlnws .paging a.pageprv{display:inline block; height:20px;width:55px; padding:2px 2px 1px 1px; border:solid 1px silver; margin:0px 3px 0px 3px;background-color:#e3e3e3;color:#006fb1} .mdlnws .paging a.pagenxt{display:inline block; height:20px;width:45px; padding:2px 2px 1px 1px; border:solid 1px silver; margin:0px 3px 0px 3px;background-color:#e3e3e3;color:#006fb1} .mdlnws .paging .pagecrnt{display:inline block; height:20px;width:20px; padding:2px 2px 1px 1px;; border:solid 1px silver; margin:0px 3px 0px 3px;background-color:#ffbff7;color:black;font-weight:bold} /*------*/ /*News Paging*/ .nwshrmenus {} .nwshrmenus .left{background:url('../templates/owebframework/sbmn_l.gif') no-repeat;width:6px;} .nwshrmenus .right{background:url('../templates/owebframework/sbmn_r.gif') no-repeat;width:6px} .nwshrmenus .menu{background:url('../templates/owebframework/sbmn_bg.gif');} .nwshrmenus .menu a.citem{font-size:11px;display:inline-block;padding:3px 5px 5px 2px;margin:0px 5px 0px 5px;color:black} .nwshrmenus .menu a.sltcitem{font-size:11px;display:inline-block;padding:3px 5px 5px 2px;margin:0px 5px 0px 5px;color:black;font-weight:bold} /*------*/ /*--------*/ /***********************************************************************/ /***********************************************************************/ /*PRODUCTS*/ #mdlindex{padding-top:0px} /*--------*/ /***********************************************************************/ /***********************************************************************/ /*PRODUCTS*/ .mdlpro .proincate a.prdsbctelst {color:#242424;font-size:10px;} .mdlpro .proincate a.prdsbctelst :hover{color:#1483c5} /*Product In Cate - Thuong dung de hien thi ngoai trang chu*/ .mdlpro .proincate .cteitem {margin:1px 0px 10px 0px;} .mdlpro .proincate .cteitem a.ctetlt{font-size:15px;font-weight:bold;color:black;display:inline block;float:left; } .mdlpro .proincate .cteitem a.vwall{font-size:11px;color:#006fb1;display:inline block;float:right;position:relative; } .mdlpro .proincate .cteitem .proitem{text-align:center;padding:3px;margin:2px;} .mdlpro .proincate .cteitem .proitem a.ptlt{color:black; font-size:12px; font-weight:bold;text-decoration:none} .mdlpro .proincate .cteitem .proitem a.ptlt:hover{color:#939393; font-size:12px; font-weight:bold;text-decoration:none} .mdlpro .proincate .cteitem .proitem .pid{display:block;margin-top:10px;color:black; font-size:10px; font-weight:bold} .mdlpro .proincate .cteitem .proitem .pdesc{display:block;margin-top:5px;color:black; font-size:10px} .mdlpro .proincate .cteitem .proitem .nehosa{color:black} .mdlpro .proincate .cteitem .proitem .nehosa .new{background:url(../templates/owebframework/new.gif) no-repeat;height:14px;width:30px;display:inline-block;margin:0px 2px 0px 2px} .mdlpro .proincate .cteitem .proitem .nehosa .hot{background:url(../templates/owebframework/hot.gif) no-repeat;height:14px;width:30px;display:inline-block;margin:0px 2px 0px 2px} .mdlpro .proincate .cteitem .proitem .nehosa .sale{background:url(../templates/owebframework/sale.gif) no-repeat;height:14px;width:30px;display:inline-block;margin:0px 2px 0px 2px} .mdlpro .proincate .cteitem .proitem .pprice{color:black} .mdlpro .proincate .cteitem .proitem .poldprice{color:black} .mdlpro .proincate .cteitem .proitem .pnewprice{color:black} .mdlpro .proincate .cteitem .proitem .pcart{color:black} .mdlpro .proincate .cteitem .proitem .pimg{border:solid 1px silver;} .mdlpro .proincate .cteitem .proitem a.pcartlnk{color:black; display:block; height:20px; background:url(../templates/owebframework/addtocart.gif) no-repeat center;} .mdlpro .proincate .cteitem a.prdctelst{font-size:12px; font-weight:bold;color:white;} .mdlpro .proincate .cteitem a.prdctelst:hover{font-size:12px; font-weight:bold;color:black;} .ppricett {color:red;font;weight:bold;font-size:12px;} .ppricett .poldprice {color:#ff8300;font;weight:bold;font-size:11px;} .ppricett .pnewprice {color:#d20000;font;weight:bold;font-size:13px;} .pdesctt{display:block;padding:5px 3px;color:#1483c5; font-size:12px} /*-------*/ /*Product Index - Trang chu module san pham, trang danh muc cung su dung*/ .mdlpro .catename{display:block;margin:5px 0px 10px px; font-size:15px; font-weight:bold;color:#006fb1} .mdlpro .proindex .prolstitem{} .mdlpro .proindex .proitem{text-align:center;padding:3px;margin:2px;} .mdlpro .proindex .proitem a.ptlt{color:black; font-size:12px; font-weight:bold;text-decoration:none} .mdlpro .proindex .proitem a.ptlt:hover{color:#939393; font-size:12px; font-weight:bold;text-decoration:none} .mdlpro .proindex .proitem .pid{display:block;margin-top:10px;color:black; font-size:10px; font-weight:bold} .mdlpro .proindex .proitem .pdesc{display:block;margin-top:5px;color:black; font-size:10px} .mdlpro .proindex .proitem .nehosa{color:black} .mdlpro .proindex .proitem .nehosa .new{background:url(../templates/owebframework/new.gif) no-repeat;height:14px;width:30px;display:inline-block;margin:0px 2px 0px 2px} .mdlpro .proindex .proitem .nehosa .hot{background:url(../templates/owebframework/hot.gif) no-repeat;height:14px;width:30px;display:inline-block;margin:0px 2px 0px 2px} .mdlpro .proindex .proitem .nehosa .sale{background:url(../templates/owebframework/sale.gif) no-repeat;height:14px;width:30px;display:inline-block;margin:0px 2px 0px 2px} .mdlpro .proindex .proitem .pprice{color:black} .mdlpro .proindex .proitem .poldprice{color:black} .mdlpro .proindex .proitem .pnewprice{color:black} .mdlpro .proindex .proitem .pcart{color:black} .mdlpro .proindex .proitem .pimg{border:solid 1px silver; } .mdlpro .proindex .proitem a.pcartlnk{color:black; display:block; height:20px; width:102px;background:url(../templates/owebframework/addtocart.gif) no-repeat center;} /*-----------------------*/ .mdlpro .protop .proitem{text-align:center;padding:3px;margin:2px;} .mdlpro .protop .proitem a.ptlt{color:black; font-size:12px; font-weight:bold;text-decoration:none} .mdlpro .protop .proitem a.ptlt:hover{color:#939393; font-size:12px; font-weight:bold;text-decoration:none} .mdlpro .protop .proitem .pid{display:block;margin-top:10px;color:black; font-size:10px; font-weight:bold} .mdlpro .protop .proitem .pdesc{display:block;margin-top:5px;color:black; font-size:10px} .mdlpro .protop .proitem .nehosa{color:black} .mdlpro .protop .proitem .nehosa .new{background:url(../templates/owebframework/new.gif) no-repeat;height:14px;width:30px;display:inline-block;margin:0px 2px 0px 2px} .mdlpro .protop .proitem .nehosa .hot{background:url(../templates/owebframework/hot.gif) no-repeat;height:14px;width:30px;display:inline-block;margin:0px 2px 0px 2px} .mdlpro .protop .proitem .nehosa .sale{background:url(../templates/owebframework/sale.gif) no-repeat;height:14px;width:30px;display:inline-block;margin:0px 2px 0px 2px} .mdlpro .protop .proitem .pprice{color:black} .mdlpro .protop .proitem .poldprice{color:black} .mdlpro .protop .proitem .pnewprice{color:black} .mdlpro .protop .proitem .pcart{color:black} .mdlpro .protop .proitem .pimg{border:solid 1px silver; } .mdlpro .protop .proitem a.pcartlnk{color:black; display:block; height:20px;background:url(../templates/owebframework/addtocart.gif) no-repeat center;} /*-----------------------*/ /*--------*/ /*Product Detail- Chi tiet module san pham*/ .mdlpro .prodetail .ptitle{display:block;padding:0px 3px 5px 0px; font-size:15px; font-weight:bold;color:#006fb1} .mdlpro .prodetail .pdesc{display:block;padding:0px 3px 5px 7px;color:#242424; font-size:13px} .mdlpro .prodetail .pprice{color:#d20000;font-size:12px;font-weight:bold;} .mdlpro .prodetail .poldprice{color:#d98500;font-size:12px;} .mdlpro .prodetail .pnewprice{color:#d20000;font-size:12px;font-weight:bold;} .mdlpro .prodetail .information{display:block;padding:5px; font-size:13px;} .mdlpro .prodetail a.vwlrgimg{color:black;font-size:10px} .mdlpro .prodetail a.pcartlnk{color:black; display:inline-block; height:20px; width:102px; background:url(../templates/owebframework/addtocart.gif) no-repeat;} /*--------*/ /*Product Paging*/ .mdlpro .paging{text-align:center} .mdlpro .paging a.page{display:inline block; height:20px;width:20px; padding:2px 5px 1px 5px; border:solid 1px silver; margin:0px 3px 0px 3px;background-color:#e3e3e3;color:#006fb1} .mdlpro .paging a.pageprv{display:inline block; height:20px;width:55px; padding:2px 5px 1px 5px; border:solid 1px silver; margin:0px 3px 0px 3px;background-color:#e3e3e3;color:#006fb1} .mdlpro .paging a.pagenxt{display:inline block; height:20px;width:45px; padding:2px 5px 1px 5px; border:solid 1px silver; margin:0px 3px 0px 3px;background-color:#e3e3e3;color:#006fb1} .mdlpro .paging .pagecrnt{display:inline block; height:20px;width:20px; padding:2px 5px 1px 5px;; border:solid 1px silver; margin:0px 3px 0px 3px;background-color:#ffbff7;color:black;font-weight:bold} /*Product Cart*/ .mdlpro .procart .caption{font-size:12px;font-weight:bold;color:black;padding:3px 3px 10px 3px;} .mdlpro .procart .crtdtlheader{font-size:11px;color:white;background-color:silver;height:20px} /*Product Message*/ .mdlpro .promsg .message{font-size:13px;color:black; padding:3px 3px 20px 3px} .mdlpro .promsg a{font-size:12px;color:blue; text-decoration:underline} .ritem{float:left;padding:3px 5px;text-align:center;min-height:150px;} .rimg{width:127px;height:105px;border:none;margin:3px;} a.rttl{color:#504f4d;font-size:11px;} .rdesc{color:#504f4d;font-size:11px;} /*------*/ /*TabProducts*/ #tabitems a.topnewstitle{color:black; font-size:12px;display:block;margin:0px 0px 3px 0px;} #tabitems a.topnewstitle:hover{color:#006fb1; font-size:12px;display:block;margin:0px 0px 3px 0px;} #tabitems img{border:solid 1px silver; width:125px; margin-right:3px} /*------*/ /*--------*/ /***********************************************************************/ /***********************************************************************/ /*CONTENT*/ .mldcontent .title{font-size:15px;color:#006fb1; display:block; margin:5px 0px 15px 0px;} .mldcontent .lsttitle{font-size:12px;color:black; display:block; margin:5px 0px 15px 0px;} .mldcontent .content{font-size:12px;} .mldcontent a.gototop{font-size:10px; color:#006fb1; background:url(../templates/owebframework/go_top.gif) no-repeat; width:75px;height:18px} #viewConentPage{} #viewConentPage .title{font-size:12px;font-weight:bold;display:block;padding-bottom:5px;} #viewConentPage .content{font-size:11px;padding-bottom:15px;} #viewConentPage a.listitems{padding:3px 0px;font-weight:bold;font-size:11px;display:block;} #viewAllPage{} #viewAllPage .ptitle{font-size:12px;font-weight:bold;clear:both;} #viewAllPage .pcontent{font-size:11px;padding:2px 0 10px 0;} #viewAllPageCollap{} #viewAllPageCollap .items{padding-bottom:10px;} #viewAllPageCollap .ptitle a,#viewAllPageCollap .ptitle a:hover{font-size:11px;font-weight:bold;display:block; color:black} #viewAllPageCollap .pcontent{font-size:11px;padding:2px 0 10px 0;} #viewListTitlePage{} #viewListTitlePage .ptitle a,#viewListTitlePage .ptitle a:hover{font-size:12px;font-weight:bold;padding-bottom:10px;display:block;} /*--------*/ /***********************************************************************/ /***********************************************************************/ /*CONTACT*/ .mldcontact .title{font-size:15px;color:#006fb1; display:block;font-weight:bold; margin:5px 0px 15px 0px;} .mldcontact .content{font-size:12px;color:black; display:block; margin:5px 0px 15px 0px;} /*--------*/ /***********************************************************************/ /***********************************************************************/ /*FILES LIBRARY*/ .mdlflibrary{} .mdlflibrary .ctetlt{font-size:14px;font-weight:bold;color:black} .mdlflibrary .list{padding:10px 0px 20px 0px} .mdlflibrary .list .header{font-size:11px;font-weight:bold;background:silver;height:20px} .mdlflibrary .list .cteheader{font-size:11px;font-weight:bold;background:silver;height:20px} .mdlflibrary .list .header a.lnk{font-size:11px;color:#006fb1; font-weight:normal} .mdlflibrary .list .item {height:22px;border-bottom:solid 1px silver;} .mdlflibrary .list .item .ctettl{color:black;font-size:11px; font-weight:bold; } .mdlflibrary .list .item .ttl{color:#006fb1;font-size:11px; font-weight:bold} .mdlflibrary .list .item .dsc{font-size:11px;color:black} .mdlflibrary .list .item a.lnk{font-size:11px;color:#006fb1} /*--------*/ /***********************************************************************/ /***********************************************************************/ /*FORUM*/ /*--------*/ /***********************************************************************/ /***********************************************************************/ /*SEARCH*/ .mdlsearch .mdltitl{font-size:15px;color:#006fb1; display:block;font-weight:bold; margin:5px 0px 15px 0px;} .mdlsearch .itemlist {display:block;margin:10px 0px 30px 0px;} .mdlsearch .itemlist a.tlt{font-size:12px;color:#006fb1;font-weight:bold} .mdlsearch .itemlist a.cname{font-size:12px;color:black} .mdlsearch .itemlist .desc{font-size:11px;color:black; display:block;} .mdlsearch .itemlist .lnk{font-size:11px;color:#006fb1} .mdlsearch .itemlist .time{font-size:11px;color:silver} /*--------*/ /***********************************************************************/ /***********************************************************************/ /*ITEMS COMMENTS*/ .mdlitcmt {display:block;} .mdlitcmt .cmctlt{font-size:12px;font-weight:bold;color:black} .mdlitcmt .ctotal{font-size:12px;font-weight:bold;color:#585858} .mdlitcmt .userinfo {display:block;height:18px} .mdlitcmt .userinfo .user{font-size:11px;color:blue;font-weight:bold; display:inline;} .mdlitcmt .userinfo .time{font-size:11px;color:#585858; display:inline;} .mdlitcmt .ttl{font-size:12px;font-weight:bold;color:black;height:20px;} .mdlitcmt .dsc{font-size:11px;color:#585858; display:block;margin-bottom:10px} .mdlitcmt .sep{display:block;background-color:silver} .mdlitcmt a{font-size:11px;color:blue; display:inline-block;margin-left:3px} /*--------*/ /***********************************************************************/ /***********************************************************************/ /*ITEM UTILITIES*/ .itmutlties a.aulnk{font-size:11px;color:blue; display:inline-block;margin-left:3px} .itmutlties a.aimggotop{font-size:11px;display:inline-block;width:10px;height:10px;margin-left:7px; background:url(../templates/owebframework/go_top.gif) no-repeat;} .itmutlties a.imgemail{font-size:11px;display:inline-block;width:15px;height:11px;margin-left:7px; background:url(../templates/owebframework/email.gif) no-repeat;} .itmutlties a.aimgprint{font-size:11px;display:inline-block;width:15px;height:15px;margin-left:7px; background:url(../templates/owebframework/printicon.gif) no-repeat;} /*--------*/ /*VOTE*/ .mdlvote{padding:3px 3px 3px 7px;} .mdlvote .msg{color:Blue;font-size:11px;padding:3px 0px 5px 0px;} .mdlvote .ttl{font-weight:bold;font-size:11px;color:Black} .mdlvote .dsc{font-size:11px;color:Black;display:block;padding:3px 0px 5px 0px;} .mdlvote .optionlst{} .mdlvote .optionlst .optionitm{font-size:11px;color:Black; height:20px;} .mdlvote .optionlst .optionitm input{font-size:9px} .mdlvote .vbtn{text-align:center; padding-top:5px;} .mdlvote .vbtn .btnvote{cursor:pointer;background:url(../templates/owebframework/o_vote.gif) no-repeat;height:16px;width:69px;padding-top:1px} .mdlvote .vbtn .btnresult{background:url(../templates/owebframework/o_vote.gif) no-repeat;cursor:pointer;height:16px;width:69px;padding-top:1px} /*--------*/ /***********************************************************************/ /***********************************************************************/ /*HEADER*/ /*BANNER*/ #banner {} /*UPPER BANNER*/ .upperbanner{background:url(../templates/owebframework/cb_bg.jpg);height:22px; color:white; padding:3px 2px 0px 2px; text-align:left} .upperbanner a.lnk{font-size:10px; color:#0451c5; display:inline-block;margin:1px 5px 1px 5px;text-decoration:underline} .upperbanner .left{width:450px;} .upperbanner .right{text-align:right} /*--------*/ /*MEMBERS*/ #mdlmember .notice{} #mdlmember .notice .text{color:white;font-size:11px} #mdlmember .notice a.lnk{color:white;text-decoration:none;font-size:11px} #mdlmember .notice a.lnk:hover{color:silver;text-decoration:none;font-size:11px} #mdlmember .notice a.gomlnk{color:white;text-decoration:none;font-size:11px} #mdlmember .notice a.gomlnk:hover{color:silver;text-decoration:none;font-size:11px} #mdlmember .tool .toolttl{font-size:14px;font-weight:bold;color:black} #mdlmember .tool a.tlnk{display:block;height:22px;font-size:12px} #mdlmember .mbrbx .bxttl{font-size:12px;z-index:100;font-weight:bold;color:black; padding:5px 3px 10px 3px} #mdlmember .mbrbx .lft{font-size:11px;width:115px; padding:3px 2px 3px 5px} #mdlmember .mbrbx .vlue{font-size:11px;font-weight:bold; padding:3px 2px 3px 5px} /*--------*/ /***********************************************************************/ /***********************************************************************/ /*FOOTER*/ .footerline{height:7px; width:100%; background-color:#7f7f7f; margin:3px 0px 0px 0px;display:block} .footerstyle{height:100px; width:100%; background:url(../templates/owebframework/footerbg.gif) repeat-x;color:#444444;text-align:center} .footerstylecnt{width:988px;color:white;text-align:left;} .footerstyle .left{padding:5px; text-align:center} .footerstyle .right{padding:5px; text-align:right} .footerstyle a{color:#006eb9} .footerstyle a.lnk{font-size:10px; color:#006eb9; display:inline-block;margin:1px 5px 1px 3px} /*--------*/ /*@import url('../cms/display/utilities/temp/menu-ngang/ddlevelsmenu-sidebar.css');*/ /***********************************************************************/ /***********************************************************************/ /*EXTRA STYLES: Menu đổ ngang*/ .markermenu{width: 100%;clear: left;position: relative;background-color:white;} .markermenu ul{list-style-type: none;margin: 0px 0px;padding: 0;} .markermenu span.nutimg { background:url(../templates/owebframework/nut.gif) no-repeat; border:solid 0px blue; display:block inline ; width:5px; height:6px; float:left;} .markermenu ul li a, .markermenu ul li a:hover { background: white ; font-weight: bold; font-size: 11px; color:#006fb1; display:block; padding:3px 0; padding-left: 3px; text-decoration: none; border-bottom: 1px solid white; width:auto; border:solid 0px red; height:18px; } * html .markermenu ul li a,* html .markermenu ul li a:hover{width: 100%;} .markermenu ul li a:visited, .markermenu ul li a:active{color: #006fb1;}/*mausac menu*/ .markermenu ul li a:hover, .markermenu ul li a.selected{color: black;background-color: white;} .markermenu ul li a.current{color: #006fb1;background-color: white;} .ddsubmenustyle ul{list-style-type: none;margin: 0px 0px;padding: 0;} .ddsubmenustyle, .ddsubmenustyle ul { border: 1px solid #ebabe3;/*mau cua khoi submenu*/ margin: 0; padding: 0; position: absolute; left: 0; top: 0; list-style-type: none; background: white; border-bottom-width: 0; visibility: hidden; z-index: 0; background-color: #ffbff7;/*mau nen cua tung menu*/ } * html .ddsubmenustyle li{display: inline block;width: 100%;height:20px;padding:0px;margin:0;padding-bottom:0px;margin-bottom:0px;} .ddsubmenustyle li a { display: block; width: 170px; color: black; text-decoration: none; padding: 5px 5px 5px 20px; border-bottom: 1px dotted #white; } .ddsubmenustyle li a:hover { background-color:#ebabe3; color: black; text-decoration:none; }/*mau nen khi re chuot vao*/ .downarrowpointer{padding-left: 4px;padding-top:7px;border: 0;} .rightarrowpointer{position: absolute;left: 140px;border: 0;margin-top:3px}/*arrow*/ .ddiframeshim{position: absolute;z-index: 500;background: transparent;border-width: 0;width: 0;height: 0;display: block;} /*--------*/ /*EXTRA STYLES: Menu top - khi rê chuột thì hiện menu con phía dưới*/ #top-menu-w-submenus{background:url('../templates/owebframework/mnbg.gif');height:32px;clear:both;border-top:solid 0px white;padding:0 10px;} #top-menu-w-submenus ul {margin:0;list-style-type:none;height:24px;float:left;} #top-menu-w-submenus li {float:left;margin-right:1px;} #top-menu-w-submenus li a {padding:0px 7px 0px 7px;line-height:24px;display:inline-block;color:#006fb1;font-size:11px;font-weight:bold; border-top:solid 0px #023473;text-decoration:none;} #top-menu-w-submenus li a:hover,#top-menu-w-submenus li a.current{background-color:#ebbfeb;border-top:solid 0px #52cf01;} #top-menu-w-submenus li.seperator span{width:1px;height:24px;display:inline block;} #top-menu-inner-w-submenus{height:22px;line-height:22px;background-color:#ebbfeb;padding-right:10px;vertical-align:middle;} #top-menu-inner-w-submenus .submenu{border:solid 0px #006fb1;height:20px;line-height:22px;display:inline-block; } #top-menu-inner-w-submenus .submenu a,#top-menu-inner-w-submenus .submenu a:hover{padding-right:10px;padding-left:12px; color:black;font-size:11px;} #top-menu-inner-w-submenus .submenu .innercontent{z-index:100;position:absolute;} /*--------*/ .advitem {} .advitem .item {border:0px;} .mlistr .advitem {} .mlistr .advitem .advcnt {width:115px;margin:2px;float:left;} .mlistr .advitem .advcnt .item {width:115px;height:65px;} .mlisthp .advitem {} .mlisthp .advitem .advcnt {margin:4px;float:left;} .mlisthp .advitem .advcnt .item {width:135px;height:115px;} /*--------*/ /*EXTRA STYLES: Menu dropdown- khi rê chuột thì dropdown menu con phía dưới*/ .ddsmoothmenu{font-weight: bold;font-size: 12px; width: 100%;text-align: left;} .ddsmoothmenu ul{z-index: 100;margin: 0;padding: 0;list-style-type: none;} /*Top level list items*/ .ddsmoothmenu ul li{position: relative;display: inline;float: left;} /*Top level menu link items style*/ .ddsmoothmenu ul li a{display: block; padding: 7px 10px; /*border-left: 1px solid #778;color: white*/;text-decoration:none;} * html .ddsmoothmenu ul li a{display:inline-block;text-decoration: none;} .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{color: white;} .ddsmoothmenu ul li a:hover{text-decoration: none;color: #293d6b;} /*1st sub level menu*/ .ddsmoothmenu ul li ul{position: absolute;left: 0;display: none;visibility: hidden;} /*Sub level menu list items (undo style from Top level List Items)*/ .ddsmoothmenu ul li ul li{display: list-item;float: none;margin-left:12px;} /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .ddsmoothmenu ul li ul li ul { top: 0; } /* Sub level menu links style */ .ddsmoothmenu ul li ul li a { font-family: Tahoma; font-weight: bold; font-size: 11px; width: 190px; padding: 5px 14px 5px 10px; margin: 0; border-top-width: 0; border-bottom: 1px solid #88d1ff; color: white; background-color:#74bdff; } .ddsmoothmenu ul li ul li a:hover { font-family: Tahoma; font-weight: bold; font-size: 11px; width: 190px; padding: 5px 14px 5px 10px; margin: 0; border-top-width: 0; border-bottom: 1px solid #88d1ff; color: #00458b; background-color:#54a1ee; } .downarrowclass { position: absolute; top: 12px; right: 12px; } .rightarrowclass { position: absolute; top: 10px; right: 5px; } .ddshadow { position: absolute; left: 0; top: 0; width: 2; height: 2; } .toplevelshadow { opacity: 0.8; } .ddsmoothmenu, .ddsmoothmenu ul li a, .ddsmoothmenu ul li ul li a { color: White; } .ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li ul li a:hover { } /* --------------- */ .cstyletabitem .cBox gray2box .bT_sBG .bT_lL .bT_lR .bT_lBG a.tabctttl{color:White;} .ctelstboxidx .cbox {vertical-align:top} .ctelstboxidx .cbox a.bxtitle{display:block;height:22px; padding:11px 3px 2px 7px;font-size:14px;font-weight:bold;color:#334f99;background:url('../templates/owebframework/boxct_bg.gif');border-bottom:dotted 1px silver} .ctelstboxidx .cbox .fimg{border:solid 1px silver;margin:7px 0px 3px 0px;} .ctelstboxidx .cbox a.cterss{background:url('../templates/owebframework/rss.gif');width:16px;height:16px;float:right;position:relative;top:-20px;right:5px;} /*jquery menu*/ .jqueryslidemenu{ font: bold 12px Verdana; width: 100%; text-align:left; } .jqueryslidemenu ul{ margin: 0; padding: 0; list-style-type: none; } /*Top level list items*/ .jqueryslidemenu ul li{ position: relative; display: inline; float: left; } /*Top level menu link items style*/ .jqueryslidemenu ul li a{ display: block; padding: 0px 10px; height:30px;line-height:30px; color: #2d2b2b; text-decoration: none; } * html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; } .jqueryslidemenu ul li a:hover{ background: #5d7fb8; /*tab link background during hover state*/ color: white; } .jqueryslidemenu ul li.seperator {background: silver;display:inline-block;width:1px;height:30px;line-height:30px;} /*1st sub level menu*/ .jqueryslidemenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; border:solid 1px silver; } /*Sub level menu list items (undo style from Top level List Items)*/ .jqueryslidemenu ul li ul li{ display: block; float: none; border-bottom:solid 1px silver; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .jqueryslidemenu ul li ul li ul{ top: 4px; } /* Sub level menu links style */ .jqueryslidemenu ul li ul li a{ min-width: 160px; /*width of sub menus*/ background:white; height:30px; line-height:30px; margin: 0px; } .jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/ background: #5d7fb8; color: black; } .jqueryslidemenu ul li ul li.seperator {height:1px;line-height:1px;background:silver;display:none;} /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass{ position: absolute; top: 16px; right: 7px; } .rightarrowclass{ position: absolute; top: 12px; right: 5px; } /*--------*/ .vmore {width:100%;text-align:right;padding-top:20px;} a.reg {color:#e5e5e5;font-size:12px;text-decoration:underline;font-style:italic;} a.reg:hover {text-decoration:none;} /*----------*/ /*OpenWeb Framework Version 3.5 - Vietnamese's Product*/ /*Copyright by Phạm Tuấn Anh - INGA Co.,Ltd.*/ /*Contact: contact@inga.com.vn - pta30000@gmail.com*/