@charset UTF-8;

@import url('adminItem.css');
@import url('adminItemList.css');


html, #adminForm{height:100%}
a{text-decoration:none}
img{border:none}
/* MAIN */
#logo_box
{
    text-align:center;
    padding-top:25px;    
}
#footer_main
{        
    width:100%;    
    bottom:10px;
    position:absolute;      
    vertical-align:bottom;
}
#footer_main .l
{
    float:left; 
    padding:30px 0 0 20px;   
    line-height:17px;      
}
#footer_main .l a
{
    color:#d9d9d9;
    font-size:9px;  
}
#footer_main .r
{
    float:right;        
    padding-top:30px;
    padding-right:20px;
}
.flag_en
{
    background:url(../images/main/flag_en.png) left center no-repeat;
    padding-left:30px; 
    float:left;   
}
.flag_vn
{
    background:url(../images/main/flag_vn_on.png) left center no-repeat;
    padding-left:30px; 
    float:left;   
}
.flag_en_on
{
    background:url(../images/main/flag_en_on.png) left center no-repeat;
    padding-left:30px; 
    float:left;   
}
.flag_vn_on
{
    background:url(../images/main/flag_vn_on.png) left center no-repeat;
    padding-left:30px; 
    float:left;   
}
.viewsite
{
    background:url(../images/main/icon_webmain.png) left center no-repeat;
    padding-left:28px;    
    float:left;
    margin:0 15px;
}
.logout
{
    background:url(../images/main/icon_logout.png) left center no-repeat;
    padding-left:25px;    
    float:left;
}

#menu
{    
    padding:50px 20px;
        
}

a.logo_webban div
{
    background:url(../images/main/logo_emsvn.png) no-repeat;
    width:134px;
    height:41px;
}
a.logo_webban:hover div
{
    background:url(../images/main/logo_emsvn_on.png) no-repeat;
    width:134px;
    height:41px;
}
a.logo_emsvn div
{
    background:url(../images/main/logo_emsvn2.png) no-repeat;
    width:139px;
    height:41px;
}
a.logo_emsvn:hover div
{
    background:url(../images/main/logo_emsvn2_on.png) no-repeat;
    width:139px;
    height:41px;
}
/* MENU */
#menu a.main div{width:132px; height:132px; float:left; background:url(../images/menu/mnu_main.jpg);}
#menu a.about div{width:132px; height:132px; float:left; background:url(../images/menu/mnu_about.jpg)}
#menu a.contact div{width:132px; height:132px; float:left; background:url(../images/menu/mnu_contact.jpg)}
#menu a.product div{width:132px; height:132px; float:left; background:url(../images/menu/mnu_product.jpg);}
#menu a.project div{width:132px; height:132px; float:left; background:url(../images/menu/mnu_project.jpg)}
#menu a.news div{width:132px; height:132px; float:left; background:url(../images/menu/mnu_news.jpg)}
#menu a.document div{width:132px; height:132px; float:left; background:url(../images/menu/mnu_document.jpg)}
#menu a.faqs div{width:132px; height:132px; float:left; background:url(../images/menu/mnu_faqs.jpg)}
#menu a.gallery div{width:132px; height:132px; float:left; background:url(../images/menu/mnu_gallery.png)}
#menu a.video div{width:132px; height:132px; float:left; background:url(../images/menu/mnu_video.jpg)}
#menu a.service div{width:132px; height:132px; float:left; background:url(../images/menu/mnu_service.jpg)}
#menu a.carrers div{width:132px; height:132px; float:left; background:url(../images/menu/mnu_carrers.png)}
#menu a.member div{width:132px; height:132px; float:left; background:url(../images/menu/mnu_member.png)}
#menu a.banner div{width:132px; height:132px; float:left; background:url(../images/menu/mnu_banner.png)}
#menu a.showroom div{width:132px; height:132px; float:left; background:url(../images/menu/mnu_showroom.png)}
#menu a.partners div{width:132px; height:132px; float:left; background:url(../images/menu/mnu_partners.png)}
#menu a.online div{width:132px; height:132px; float:left; background:url(../images/menu/mnu_online_support.png)}
#menu a.comment div{width:132px; height:132px; float:left; background:url(../images/menu/mnu_comment.png)}

#menu a.p_mail div{width:132px; height:132px; float:left; background:url(../images/menu/panel_mail.jpg)}
#menu a.p_web div{width:132px; height:132px; float:left; background:url(../images/menu/panel_web.jpg)}
#menu a.p_page div{width:132px; height:132px; float:left; background:url(../images/menu/panel_page.jpg)}
#menu a.p_count div{width:132px; height:132px; float:left; background:url(../images/menu/panel_count.jpg)}
#menu a.p_sort div{width:132px; height:132px; float:left; background:url(../images/menu/panel_sort.jpg)}
#menu a.p_user div{width:132px; height:132px; float:left; background:url(../images/menu/panel_user.jpg)}

/* CONTENT BOX */
#content_box
{
    padding:0 30px;
}
#content_box .content_top{height:89px; width:100%;}
#content_box .content_top .t1{width:11px; height:89px; background:url(../images/main/content_t1.png) no-repeat;}
#content_box .content_top .t2{height:89px; width:100%; background:url(../images/main/content_t2.png) repeat-x;vertical-align:top}
#content_box .content_top .t3{width:11px; height:89px; background:url(../images/main/content_t3.png) no-repeat;}

#content_box .content_mid{width:100%;}
#content_box .content_mid .c1{width:5px; background:url(../images/main/content_c1.png) repeat-y;}
#content_box .content_mid .c2{background:#fff;width:100%;vertical-align:top;padding:20px}
#content_box .content_mid .c3{width:5px; background:url(../images/main/content_c3.png) repeat-y;}

#content_box .content_bot{height:10px; width:100%;}
#content_box .content_bot .b1{width:11px; height:10px; background:url(../images/main/content_b1.png) no-repeat;}
#content_box .content_bot .b2{height:10px;width:100%; background:url(../images/main/content_b2.png) repeat-x;}
#content_box .content_bot .b3{width:11px; height:10px; background:url(../images/main/content_b3.png) no-repeat;}

#toolbar
{
    height:104px;
    position:relative;
    margin-top:-104px;    
}
#toolbar .toolbar_top{height:47px;}
#toolbar .toolbar_top .l{width:500px; float:left; color:#ddd9cf;font-weight:bold; font-size:18px; text-transform:uppercase; padding:13px 0 0 20px}


#toolbar .toolbar_top .r{width:400px; float:right;padding:8px 20px 0 0; }
#toolbar .toolbar_top .r a div{height:30px; float:left; color:#fff; line-height:30px; padding-left:37px; margin-left:23px}
#toolbar .toolbar_top .r a:hover div{color:#fff669}
#toolbar .toolbar_top .r a div.add{background:url(../images/icon/icon_add.png) no-repeat;}
#toolbar .toolbar_top .r a:hover div.add{background:url(../images/icon/icon_add_on.png) no-repeat;}
#toolbar .toolbar_top .r a div.update{background:url(../images/icon/icon_update.png) no-repeat;}
#toolbar .toolbar_top .r a:hover div.update{background:url(../images/icon/icon_update_on.png) no-repeat;}
#toolbar .toolbar_top .r a div.del{padding-left:29px; background:url(../images/icon/icon_del.png) no-repeat;}
#toolbar .toolbar_top .r a:hover div.del{background:url(../images/icon/icon_del_on.png) no-repeat;}
#toolbar .toolbar_top .r a div.cancel{background:url(../images/icon/icon_cancel.png) no-repeat;}
#toolbar .toolbar_top .r a:hover div.cancel{background:url(../images/icon/icon_cancel_on.png) no-repeat;}

#toolbar .toolbar_bot
{
    height:37px;  
    padding-left:5px;
    padding-top:7px;  
}
#toolbar .toolbar_bot .l
{
     width:300px;
     float:left;
}
#toolbar .toolbar_bot .l .search_box
{
     width:197px;
     float:left;
}
#toolbar .toolbar_bot .l .search_box .btn
{
     width:24px;
     height:22px;
     float:left;
     background:transparent url(../images/main/btn_search.png);
     border:0;     
     margin:0;
}
#toolbar .toolbar_bot .l .search_box .keyword
{
     width:163px;
     padding:0 10px 0 0;     
     height:22px;
     line-height:22px;
     color:#999999;
     float:left;
     background:transparent url(../images/main/bg_search.png);
     border:0;     
}
#toolbar .toolbar_bot .r
{
     float:right;
     line-height:18px;
     color:#515151;
     margin-top:3px;
}
.tt_sel
{
    float:left;     
    color:#4d4d4d;
    font-size:11px;
    padding-right:14px;
    background:url("../images/main/select_l.png") no-repeat right center;     
}

.select-style     
{
    line-height:18px;
    float:left;
    width: 150px;
    overflow: hidden;
    background:url("../images/main/select_c.png") repeat-x right center;
}
.select-style .tt {    
    float:left;
    line-height:18px;
    color:#4d4d4d;
    font-size:11px;
    font-weight:normal;
}
.select-style select {
    padding: 0px 8px;
    width: 130%;
    height:18px;
    border: none;
    box-shadow: none;    
    background-image: none;
    background: transparent url("../images/main/select_r.png") no-repeat 138px;
    -webkit-appearance: none;
    cursor:pointer;
}

.select-style select:focus {    
    outline: none;
}
.select-show    
{
    line-height:22px;    
    width: 56px;
    overflow: hidden;
    background:url("../images/main/sel_show.png") left no-repeat;
}
.select-show .tt {    
    float:left;
    line-height:18px;
    color:#4d4d4d;
    font-size:11px;
    font-weight:normal;
}
.select-show select {
    padding: 0px 8px;
    margin-top:4px;
    width: 83px;
    line-height:22px;
    height:22px;
    border: none;
    box-shadow: none;    
    background:transparent;   
    -webkit-appearance: none;
    cursor:pointer;
}

.select-show select:focus {    
    outline: none;
}
/* BUTTON */
.btn{float:left;background:url("../images/main/btn_r.png") right no-repeat;padding-right:5px;margin-top:-4px;}
.btn div{float:left; padding-left:5px; background:url("../images/main/btn_l.png") left no-repeat}
.btn input{background:transparent url("../images/main/btn_c.png") repeat-x;border:0;color:#515151;padding-bottom:4px;margin-top:2px;cursor:pointer}
/* FLAG */
.flag
{
            float:left;            
            height:20px; 
            width:95px;           
            padding:0px;
            position:relative;
            overflow:hidden;    
            text-transform:uppercase;
            background: url(../images/main/icon_sel.png) right center no-repeat;          
}
.headline
{
                z-index:0;
                position:absolute;                                
                display:block;                
                line-height:20px;
                height:20px;                              
                overflow:hidden;
                text-decoration:none;                     
}
.headline_over {
        z-index:0;
                position:absolute;
                top:20px;
                left:0px;
                display:block;
                color:#000;
                line-height:18px;
                height:20px; 
                width:100px;               
                overflow:hidden;
                text-decoration:none;                
}
/* MAIN */

/* HEADER */
#header_box
{        
}
#header_box .t
{
    background:#f33f00;
    height:51px;    
    position:fixed;
    width:100%;
    top:0;
    z-index:100;
}
#header_box .t .logo
{
    width:120px;
    vertical-align:top;
    padding-top:4px;
    padding-left:30px;
}
#header_box .t .menu
{
    padding-right:30px;
}
#header_box .b
{
    height:46px;
    margin-top:11px;
    padding:0 30px;        
    line-height:17px;
    padding-top:51px;
}
#header_box .b a
{
    color:#d9d9d9;
    font-size:9px;       
}
/* HEADER */
/* LOGIN */
#login_box
{
    width:437px;
    height:192px;
    margin:auto;
    vertical-align:middle;     
    background:#f39800;    
    color:#fff;
    font-size:12px;
}
#login_box .img_key
{
    float:left;    
    background:#f33f00;
    padding:23px 0;
}
#login_box .img_key2
{
    float:left;    
    background:#f33f00;
    padding:10px 0;
}
#login_box .login
{
    float:left; 
    width:220px;      
    padding:20px 0 0 25px;
}
#login_box .login .title
{
    padding:0 0 6px 0
}
#login_box .login input
{
    width:192px;
    height:23px;
    background:#fff;
    border:none;
    margin-bottom:6px;
}
#login_box .login .btn_login
{    
    text-align:center;
    height:23px;
    background:#f33f00;
    line-height:23px;
    border:none;
    margin-bottom:6px;
    float:left;
    padding:0 15px;
}
#login_box .login #rememberLogin
{
    width:10px;    
    margin:0 0 6px 0;    
}
#login_box .login .btn_login a
{
    color:#fff
}
#login_box .login .sel_lang
{
    width:110px;
    text-align:left;
    padding:3px;    
    line-height:20px;
    background:#fbe0b3;    
    border:none;
    margin-bottom:6px;
    float:left;
    color:#555555;
    margin-right:12px;
}
#login_box .login .link
{
    color:#ff0000;
}
#login_box .login .error
{
    color:#fff;       
    position:absolute;
    line-height:23px;
    padding:0 5px;    
    font-weight:lighter;    
    background:#ff0000;  
    font-size:11px;      
    font-style:oblique
}

/* LOGIN */

/* ADMIN LIST */
table.adminlist{width:100%;border-spacing:1px;background-color:#f3f3f3;color:#666;font-size:11px}
table.adminlist td,table.adminlist th{padding:7px 10px}
table.adminlist td{padding-left:8px}
table.adminlist thead th{text-align:center;background:#e7e4e4;color:#666;border-bottom:1px solid #CCC;border-left:1px solid #fff}
table.adminlist thead th img{vertical-align:middle;padding-left:3px}
table.adminlist tbody tr{background-color:#fff;text-align:left}
table.adminlist tbody tr.row0:hover td,table.adminlist tbody tr.row1:hover td{background-color:#e8f6fe}
table.adminlist tbody tr td{background:#fff;border:1px solid #fff}
table.adminlist tbody tr td a{color:#025A8D}
table.adminlist tbody tr.row1 td{background:#f0f0f0;border-top:1px solid #FFF}
table.adminlist tfoot tr{text-align:center;color:#333}
table.adminlist tfoot td,table.adminlist tfoot th{background-color:#f7f7f7;border-top:1px solid #999;text-align:center}
table.adminlist td.order{text-align:center;white-space:nowrap;width:200px}
table.adminlist td.order span{float:left;width:20px;text-align:center;background-repeat:no-repeat;height:13px}
table.adminlist td.indent-4{padding-left:4px}
table.adminlist td.indent-19{padding-left:19px}
table.adminlist td.indent-34{padding-left:34px}
table.adminlist td.indent-49{padding-left:49px}
table.adminlist td.indent-64{padding-left:64px}
table.adminlist td.indent-79{padding-left:79px}
table.adminlist td.indent-94{padding-left:94px}
table.adminlist td.indent-109{padding-left:109px}
table.adminlist td.indent-124{padding-left:124px}
table.adminlist td.indent-139{padding-left:139px}

table.adminform{}
table.adminform td{padding:5px 0; font-weight:bold; color:#515151}

.description{color:#ccc; font-size:10px;}

input{border:1px solid #8d8d8d; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding:2px 10px; color:#515151; font-size:12px}
textarea{border:1px solid #8d8d8d; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding:2px 10px; color:#515151; font-size:12px}
select {border:1px solid #8d8d8d; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; color:#515151; font-size:12px}

.filterDiv, .filterDiv2{float:left;margin-right:20px}

/* ADMIN LIST */

/* PAGE */
.pagination
{
    padding-top:25px;
    color:#515151;
    font-size:11px;    
}
.limit
{
    color:#515151;
    font-weight:bold;    
}
.pageNumber
{
    float:right   
}
.pageNumber a div
{
    color:#6b6b6b;
    font-size:12px;    
    height:22px;  
    float:left;  
    background:#515151;    
    line-height:22px;
    text-align:center;
    padding:0 7px;    
    background:url(../images/main/p_num.png) repeat-x;   
}
.pageNumber a:hover div
{
    color:#fff;
    font-size:12px;    
    height:22px;
    float:left;   
    line-height:22px;    
    background:#7e7e7e;    
    text-align:center;
    padding:0 7px;
}
.pageNumber .current div
{
    color:#fff;
    font-size:12px;    
    height:22px;
    float:left;   
    line-height:22px;    
    background:#7e7e7e;    
    text-align:center;
    padding:0 7px;    
     
}

.pageNumber a.next div
{
    float:left;         
    background:url(../images/main/p_next.png) center no-repeat;       
    width:22px;
    height:22px;    
    border:none;
    padding:0;
}
.pageNumber a.prev div
{
    border:none;
    float:left;    
    width:23px;
    height:22px; 
    padding:0;
    background:url(../images/main/p_pre.png) center no-repeat;               
}

/* PAGE */

/* ORDER */
.boderOrderTour{border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border:1px solid #999; background-color:#eeeeee; padding:20px; text-transform:uppercase}
.boderOrderTour td{height:20px; font-size:11px;}
.boderOrderTour td input{border:1px solid #666;background:#E6E6E6;padding-bottom:3px}
.boderOrderTour .details table{border-right:1px solid #b1b1b1}
.boderOrderTour .details table th{border:1px solid #b1b1b1; border-right:none; height:25px; background-color:#ccc}
.boderOrderTour .details table td{border-left:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1; height:20px; text-transform:none; padding:5px}
.boderOrderTour .details table .trDetail0{background-color:#E6E6E6}
.btnExcel{padding:2px 10px; border-radius:6px; cursor:pointer; font-size:11px; color:#515151; border:1px solid #666; margin-top:2px}
.btnExcel:hover{border:1px solid #666; background:#E6E6E6}

a.grid_edit{background-image:url(../images/icon/icon-16-edit.png);display:inline-block;height:16px;text-indent:-1000em;width:16px}
/* ORDER */

/* ADMIN FORM */
table.adminform tr td{vertical-align:top}
table.adminform tr td input, table.adminform tr td select{border:1px solid #8d8d8d}
/* ADMIN FORM */

/* SELECT LANGUAGE */
.select-lang  
{
    line-height:18px;
    float:left;
    width: 150px;
    overflow: hidden;
    background:url("../images/main/icon_sel.png") repeat-x right center;
}
.select-lang select {
    padding: 0px 8px;
    width: 130%;
    height:18px;
    border: none;
    box-shadow: none;    
    background-image: none;
    background: transparent url("../images/main/select_r.png") no-repeat 138px;
    -webkit-appearance: none;
    cursor:pointer;
}

.select-lang select:focus {    
    outline: none;
}
/* SELECT LANGUAGE */