body{font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small;}
table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%; margin:0; padding:0;}
body{margin:0; padding:0; background:#191919;}
a, a:visited{text-decoration:none; outline:none; color:#ff5311;}
a:hover{text-decoration:underline;}
a img{border:0;}

/* for layout */
.root{width:1000px; margin:0 auto; padding:0;}
.root-in{width:100%; overflow:hidden;}
    .root-left{float:left; width:370px; height:666px; position:relative;}
        .leftrootcontainer{}
        /*.leftrootcontainer{width:310px; overflow:hidden; padding:20px 0 0 30px;}
            .leftrootcontainer-hd{padding:0 0 0 100px}
                .logo{}
            .leftrootcontainer-bd{}
                .leftmenu{font-size:174%; text-align:right;}
                .leftmenu a, .leftmenu a:visited{display:block; padding:10px 0 0 0; text-decoration:none; color:#fff;}
                .leftmenu a:hover{text-decoration:underline;}
            .leftrootcontainer-ft{}
                .homenews{padding:40px 0 18px 0; text-align:right; }
                .homenews a, .homenews a:visited{display:block; text-decoration:none; color:#2bd2de;}
                .homenews a:hover{text-decoration:underline;}
                    .homenews-hd a, .homenews-hd a:visited{padding:10px 0 0 0; font-weight:bold;}
                    .homenews-bd a, .homenews-hd a:visited{padding:10px 0 0 0;}*/
    .root-right{float:left; width:630px;}
        .rootcontainer{float:left; width:630px; overflow:hidden;}
            .right-menu{float:right; width:52px; height:580px; margin:85px 0 0 0;}

table.main{width:1000px; margin:0 auto;}
    td.main-left{width:370px; vertical-align:top;}
    .main-left-in{width:370px; height:666px;}
        .leftmaincontainer{width:370px; overflow:hidden; padding:0;}
            .leftmaincontainer-hd{padding:20px 0 0 100px}
            .leftmaincontainer-bd{}
            .leftmaincontainer-ft{}
    td.main-right{width:630px; vertical-align:top; background:#fff;}
        .maincontainer{float:left; width:630px; overflow:hidden;}
            .maincontainer-hd{padding:0 50px;}


                 /***************************************/
                 /********* - start  topmenu - **********/

                .topmenu{}
                .topmenu-rootmenu{float:left; width:540px; margin:0; padding:20px 0 0 0; list-style:none;}
                    .topmenu-rootmenu li{float:left; height:20px; margin:8px 30px 0 0; list-style:none;}

                    .topmenu-rootmenu-0{width:84px; height:24px; background:url("assets/sprite.png") 300px -40px;}
                        .topmenu-rootmenu-0 a, .topmenu-rootmenu-0 a:visited{display:block; width:82px; height:24px;}
                        .topmenu-rootmenu-0 a.sel, .topmenu-rootmenu-0 a.sel:visited{width:84px; background:url("assets/sprite.png") 160px -40px;}

                    .topmenu-rootmenu-1{width:110px; height:24px; background:url("assets/sprite.png") 300px -81px;}
                        .topmenu-rootmenu-1 a, .topmenu-rootmenu-1 a:visited{display:block; width:110px; height:24px;}
                        .topmenu-rootmenu-1 a.sel, .topmenu-rootmenu-1 a.sel:visited{width:110px; background:url("assets/sprite.png") 160px -80px;}

                    .topmenu-rootmenu-2{width:65px; height:24px; background:url("assets/sprite.png") 300px -160px;}
                        .topmenu-rootmenu-2 a, .topmenu-rootmenu-2 a:visited{display:block; width:70px; height:24px;}
                        .topmenu-rootmenu-2 a.sel, .topmenu-rootmenu-2 a.sel:visited{background:url("assets/sprite.png") 160px -160px;}

                    .topmenu-rootmenu-3{width:135px; height:24px; background:url("assets/sprite.png") 300px -119px;}
                        .topmenu-rootmenu-3 a, .topmenu-rootmenu-3 a:visited{display:block; width:135px; height:24px;}
                        .topmenu-rootmenu-3 a.sel, .topmenu-rootmenu-3 a.sel:visited{width:140px; background:url("assets/sprite.png") 160px -120px;}

                .topmenu-submenu-tar{clear:left; width:540px; text-align:center;}
                     
                    .topmenu-submenu-tar .span{padding:3px 2px 0 2px; background:url("assets/separator.gif") right bottom no-repeat;}
                .topmenu-submenu{width:auto; padding:8px; border-top:none;}

                .topmenu-submenu a, .topmenu-submenu a:visited{padding:0; font-size:85%; color:#949494; text-decoration:none;}
                .topmenu-submenu a:hover{color:#000; text-decoration:underline;}

                /************* End  topmenu css *************/
                /********************************************/
                .en-topmenu{}
                .en-topmenu-rootmenu{float:left; width:540px; margin:0; padding:20px 0 0 0; list-style:none;}
                    .en-topmenu-rootmenu li{float:left; height:20px; margin:8px 30px 0 0; list-style:none;}

                    .en-topmenu-rootmenu-0{width:75px; height:24px; background:url("assets/sprite.png") -100px -200px no-repeat;}
                        .en-topmenu-rootmenu-0 a, .en-topmenu-rootmenu-0 a:visited{display:block; width:66px; height:24px;}
                        .en-topmenu-rootmenu-0 a.sel, .en-topmenu-rootmenu-0 a.sel:visited{width:75px; background:url("assets/sprite.png") -240px -200px no-repeat;}

                    .en-topmenu-rootmenu-1{width:136px; height:24px; background:url("assets/sprite.png") -100px -230px;}
                        .en-topmenu-rootmenu-1 a, .en-topmenu-rootmenu-1 a:visited{display:block; width:140px; height:24px;}
                        .en-topmenu-rootmenu-1 a.sel, .en-topmenu-rootmenu-1 a.sel:visited{width:140px; background:url("assets/sprite.png") -240px -230px;}

                    .en-topmenu-rootmenu-2{width:93px; height:24px; background:url("assets/sprite.png") -100px -260px;}
                        .en-topmenu-rootmenu-2 a, .en-topmenu-rootmenu-2 a:visited{display:block; width:99px; height:24px;}
                        .en-topmenu-rootmenu-2 a.sel, .en-topmenu-rootmenu-2 a.sel:visited{width:99px; background:url("assets/sprite.png") -240px -260px;}

                    .en-topmenu-rootmenu-3{width:71px; height:24px; background:url("assets/sprite.png") -100px -300px;}
                        .en-topmenu-rootmenu-3 a, .en-topmenu-rootmenu-3 a:visited{display:block; width:77px; height:24px;}
                        .en-topmenu-rootmenu-3 a.sel, .en-topmenu-rootmenu-3 a.sel:visited{width:77px; background:url("assets/sprite.png") -240px -300px;}

                .en-topmenu-submenu-tar{clear:left; width:540px; text-align:center;}

                    .en-topmenu-submenu-tar .span{padding:3px 2px 0 2px; background:url("assets/separator.gif") right bottom no-repeat;}
                .en-topmenu-submenu{width:auto; padding:8px; border-top:none;}

                .en-topmenu-submenu a, .en-topmenu-submenu a:visited{padding:0; font-size:85%; color:#949494; text-decoration:none;}
                .en-topmenu-submenu a:hover{color:#000; text-decoration:underline;}


                 /********************************************************/
                 /********* - start  topmenu for english site - **********/



                 /************* End  topmenu for english css *************/
                /*********************************************************/

                .main-hd{clear:left; height:100%; padding:35px 0 50px 0; text-transform:uppercase; font-size:138.5%; font-weight:bold; color:#cdcdcd;}
            .maincontainer-bd{clear:left; padding:0 45px;}                                                                                          
                .main-title{height:100%; padding:0 0 17px 0; font-size:123.1%; font-weight:bold; color:#fd5401; background:#FFF;}
                .main-img{width:540px; overflow:hidden; height:100%; padding:20px 0; font-size:123.1%; font-weight:bold; color:#fd5401; background:#FFF;}
                .main-content{width:100%; overflow:hidden;  padding:0; text-align:justify; line-height:150%; background:#FFF;}
                    .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6{padding:0 0 5px 0; vertical-align:top; font-size:123.1%; font-weight:bold; color:#fd5401;}

                /* for main-print */
                .main-print{width:540px; height:16px; margin:0; padding:0 0 5px; color:#949494;}
                   .main-print-in{float:right; height:16px; margin:0; padding:0;}
                       .main-print-in a, .main-print-in a:visited{float:left; text-decoration:none; color:#949494; padding:0 10px;}
                       .main-print-in a:hover{text-decoration:underline;}
                       .main-print-in a em{float:left; font-style:normal; font-size:93%; color:#949494;}
                       .main-print-in a .print,
                       .main-print-in a .talkEnglish,
                       .main-print-in a .talkMongolia,
                       .main-print-in a .sendingMail{float:left; width:18px; height:16px; padding:0 5px;}
                       .main-print-in a .print{background:url("assets/print.jpg") no-repeat;}
                       .main-print-in a .talkEnglish{background:url("assets/talkenglishIcon.jpg") no-repeat;}
                       .main-print-in a .talkMongolia{background:url("assets/talkMongoliaIcon.jpg") no-repeat;}
                       .main-print-in a .sendingMail{background:url("assets/sendmail.jpg") no-repeat;}
                /* end of main-print */


            .maincontainer-ft{position:relative; float:left; width:100%; clear:left; padding:50px 0 0 0; height:100px;}
                .copyright{padding:19px 0 19px 35px; color:#cdcdcd; background:#f4f4f4;}
                    .copyright a, .copyright a:visited{text-decoration:none; color:#f4f4f4;}
                    .copyright .pic{width:168px; height:45px; background:magenta url("assets/sodon.jpg") no-repeat;}
                
                    .smap{position:absolute; width:99px; height:26px; top:90px; left:500px; font-size:85%;}
                    .smap .pic{width:99px; height:26px; background:url("assets/sitemap.jpg") no-repeat;}
                    .smap .enpic{width:99px; height:26px; background:url("assets/ensitemap.jpg") no-repeat;}
                    .smap a, .smap a:visited{color:#888;}
                    .smap a:hover{text-decoration:none; color:#ff5311;}

    /*for foot-menu*/
    .foot-menu{padding:5px 0 5px 0; font-size:85%; color:#ff5311; text-align:center; background:#fff;}
        .foot-menu a, .foot-menu a:visited{color:#ff5311;}
    /*end of foot-menu*/

    /*ogogdol*/                                 
    .empty-data{width:540px; height:467px; background:url("assets/empty.jpg");}
    /*end of ogogdol*/

    /*for pager*/
    .pager{width:540px; height:40px; overflow:hidden; padding:40px 0 0 0; font-size:93%; text-align:center; font-weight:bold;}
        .pager span{height:40px; padding:5px; text-decoration:none; color:#26c4cd; background:url("assets/sprite.png") -30px -20px;}
        .pager a, .pager a:visited, .pager a:hover{height:40px; padding:5px 4px; text-decoration:none; color:#b5b5b5;}
        .pager a:hover{text-decoration:underline;}
    /*end of pager*/

    /* for tools */
    .tools{width:540px; height:41px; padding:0 0 10px;}
        .tools .angilal{float:left; width:210px; height:21px;}
            .angilal em{float:left; width:60px;}
            .angilal select{float:left; width:140px; height:20px; margin:0; padding:0; border:solid 1px #ccc;}
        .tools .on{ float:left; width:100px; height:21px;}
             .on em{float:left; width:30px;}
             .on select{float:left; width:60px; height:20px; margin:0; padding:0; border:solid 1px #ccc;}
        .tools .haih{float:left; width:250px; height:21px; margin:0; padding:0;}
             .haih .haihtxt{float:left; width:180px; height:20px; margin:0; padding:0;}
             .haih .haihbtn{float:right; width:60px; /*height:22px;*/ margin:0; padding:0;}

    /* end of tools*/

    /* <- start menu title css -> */
        .respo-title-pic, .en-respo-title-pic,
        .aboutus-title-pic, .en-aboutus-title-pic,
        .oyutolgoi-title-pic, .en-oyutolgoi-title-pic,
        .news-title-pic, .en-news-title-pic,
        .timeline-title-pic, .en-timeline-title-pic,
        .photoAlbum-title-pic, .en-photoAlbum-title-pic,
        .environment-title-pic, .en-environment-title-pic,
        .development-title-pic, .en-development-title-pic,
        .human-title-pic, .en-human-title-pic,
        .procurement-title-pic, .en-procurement-title-pic,
        .contactus-title-pic, .en-contactus-title-pic,
        .sitemap-title-pic, .en-sitemap-title-pic,
        .faq-title-pic, .en-faq-title-pic{height:41px; background-repeat:no-repeat;}

        .respo-title-pic{background-image:url("assets/menu-niigmiin-hariutslaga.jpg");}
        .en-respo-title-pic{background-image:url("assets/en-menu-niigmiin-hariutslaga.jpg");}
        .aboutus-title-pic{background-image:url("assets/menu-aboutus.jpg");}
        .en-aboutus-title-pic{background-image:url("assets/en-menu-aboutus.jpg");}
        .oyutolgoi-title-pic{background-image:url("assets/menu-oyutolgoi-tosol.jpg");}
        .en-oyutolgoi-title-pic{background-image:url("assets/en-menu-oyutolgoi-tosol.jpg");}
        .news-title-pic{background-image:url("assets/menu-news.jpg");}
        .en-news-title-pic{background-image:url("assets/en-menu-news.jpg");}
        .timeline-title-pic{background-image:url("assets/menu-on-tsagiin-bichees.jpg");}
        .en-timeline-title-pic{background-image:url("assets/en-menu-on-tsagiin-bichees.jpg");}
        .photoAlbum-title-pic{background-image:url("assets/menu-photo-tsomog.jpg");}
        .en-photoAlbum-title-pic{background-image:url("assets/en-menu-photo-tsomog.jpg");}
        .environment-title-pic{background-image:url("assets/menu-baigal-orchin.jpg");}
        .en-environment-title-pic{background-image:url("assets/en-menu-baigal-orchin.jpg");}
        .development-title-pic{background-image:url("assets/menu-togtvortoi-hugjil.jpg");}
        .en-development-title-pic{background-image:url("assets/en-menu-togtvortoi-hugjil.jpg");}
        .human-title-pic{background-image:url("assets/menu-hunii-nuuts.jpg");}
        .en-human-title-pic{background-image:url("assets/en-menu-hunii-nuuts.jpg");}
        .procurement-title-pic{background-image:url("assets/menu-hangamj-hudaldan-avalt.jpg");}
        .en-procurement-title-pic{background-image:url("assets/en-menu-hangamj-hudaldan-avalt.jpg");}
        .contactus-title-pic{background-image:url("assets/menu-contactus-title-pic.jpg");}
        .en-contactus-title-pic{background-image:url("assets/en-menu-contactus-title-pic.jpg");}
        .sitemap-title-pic{background-image:url("assets/menu-sitemap-title-pic.jpg");}
        .en-sitemap-title-pic{background-image:url("assets/en-menu-sitemap-title-pic.jpg");}
        .faq-title-pic{background-image:url("assets/menu-faq.jpg");}
        .en-faq-title-pic{background-image:url("assets/en-menu-faq.jpg");}

    /* <- end menu title css -> */


/* end of layout */

/* for home */
.home-root{background:url("assets/home-bg.jpg") no-repeat;}
.home-left{background:#000 url("assets/backgrounds/home-left-bg.jpg") no-repeat;}
/* end of home */

/* for development */
.development-root{background:#000 url("assets/development-bg.jpg") no-repeat;}
.development-left{background:#000 url("assets/backgrounds/development-left-bg.jpg") no-repeat;}
/* end of development */

/* for ord */
.ord-left{background:#000 url("assets/backgrounds/ord-left-bg.jpg") no-repeat;}
.ord-dedbvtets-left{background:#000 url("assets/backgrounds/ord-dedbvtets-left.jpg") no-repeat;}
/* end of ord */

/* for contactus */
.contact-us-left{background:#485575 url("assets/backgrounds/contactus-left-bg.jpg") no-repeat;}
/* end of contactus */

/* for responsibleness */
.responsibleness-left{background:#000 url("assets/backgrounds/responsibleness-left-bg.jpg") no-repeat;}
/* end of responsibleness */

/* for knowledgement */
.for-knowledgement-left{background:#08163b url("assets/backgrounds/knowledgement-left-bg.jpg") no-repeat;}
/* end of knowledgement */

/* for about-project */
.about-project-left{background:#000 url("assets/backgrounds/about-project-left-bg.jpg") no-repeat;}
/* end of about-project */

/* for aboutus */
.aboutus-left{background:#000 url("assets/backgrounds/aboutus-left-bg.jpg") no-repeat;}
/* end of aboutus */
/* for site-map */
/*.sitemap{display:block;}*/
    
    .sitemap-center2{float:left; width:100%;}

    .sitemap-1{float:left; width:100%;}
    

table.site-map{background:#fff;}
table.site-map tr{background:#fff;}
table.site-map th{height:40px; width:180px; padding:4px 5px; text-align:left; background:#f4f4f4}
table.site-map td{text-align:left; padding:0 0 5px 0;}
            table.site-map th a, table.site-map th a:visited{text-decoration:none; color:#817e7e;}
            table.site-map th a:hover{text-decoration:underline;}
            table.site-map td a, table site-map td a:visited{display:block; padding:5px 5px;   text-decoration:none; font-size:85%; color:#817e7e;}
            table.site-map td a:hover{text-decoration:underline; color:#ff5311; background:#f4f4f4;}

table.site-map-botton{background:#fff;}
table.site-map-botton tr{background:#fff;}
table.site-map-botton th{height:40px; width:200px; padding:4px 5px; text-align:left; background:#f4f4f4}
table.site-map-botton td{width:200px; text-align:left; padding:0 0 5px 0;}
            table.site-map-botton th a, table.site-map th a:visited{text-decoration:none; color:#817e7e;}
            table.site-map-botton th a:hover{text-decoration:underline;}
            table.site-map-botton td a, table site-map td a:visited{display:block; padding:5px 5px;   text-decoration:none; font-size:85%; color:#817e7e;}
            table.site-map-botton td a:hover{text-decoration:underline; color:#ff5311; background:#f4f4f4;}


/* end of site-map */

/* for environment */
.environment-root{background:url("assets/environment-bg.jpg") no-repeat;}
.environment-left{background:#000 url("assets/backgrounds/environment-left-bg.jpg") no-repeat;}
table.tailan{margin:0 0 0 0; width:540px; background:#ccc;}
table.tailan th.tolgoi div{background:#e7e7e7 url("assets/sprite-x.png") 0 -85px repeat-x;}
table.tailan th.tolgoi{padding:2px; background:#fff;}
table.tailan div{text-align:center;}
table.tailan td{padding:2px; background:#fff;}
table.tailan th{padding:0 0 0 5px;}
table.tailan td.urtal{width:84px; text-align:center; font-size:108%; font-weight:bold; color:#b8b7b7; vertical-align:middle;}
table.tailan td.golloh{background:#FFF;}
table.tailan td.golloh div{padding:10px; overflow:hidden;}
table.tailan td.golloh-low a, table.tailan td.golloh-low a:visited{text-decoration:none;  font-size:85%; color:#f96f40;}
table.tailan td.golloh-low a:hover{text-decoration:underline;}
table.tailan td.download{width:115px; text-align:center;}

    div.download{height:21px; padding:3px 0;}
            div.download a, div.download a:visited{text-decoration:none;  font-size:85%; color:#f96f40;}
            div.download a:hover{text-decoration:underline;}
table.hvsnegt{background:#ccc;}
table.hvsnegt tr{background:#fff;}
table.hvsnegt td{padding:0 0 0 5px;}

/* end of environment */




/***********************************/
/* Start human index css ***********/

.human-root{width:1000px; margin:0 auto; padding:0; background:url("assets/human-bg.jpg") no-repeat;}
     .human-root-in{width:100%; overflow:hidden;}
     .human-left{float:left; width:370px; height:666px;}

/********** end human index *********/
/************************************/


/************************************/
/*******Start human css*******/

    .human-worker-left{background:#000 url("assets/backgrounds/human-worker-left.jpg") no-repeat;}
       .human-workers{clear:left; width:540px; height:auto; padding:0 0 60px 0;}
         .human-workers .table{width:540px; height:10px;  background:#cbcbcb;}
            .table td{vertical-align:top; background:#fff;}
          .box{width:258px;}
            .box-img{width:245px; height:110px; padding:8px 4px 7px 7px;}
            .box-text{overflow:hidden; width:242px; margin:0; padding:0 8px 5px 8px; font-size:93%;}
            .box-text b{color:#fe5400; font-size:100%}
            .box-text a{text-decoration:none; color:#000; line-height:130%;}
            .box-text a:hover{text-decoration:underline;}


        /***- start human - worker -read -***/
            .main-content .worker{width:540px; height:250px;}
            
        /*** - start human - oneday - ***/

            .oneday-frame{width:526px; padding:4px 7px 14px 7px; border:1px solid #aeaeae; background:#555;}
               .frame-showBar{display:inline-block; width:524px; height:23px; background:#555;}
                     .frameName{float:left; width:235px; height:23px; padding:0 5px; color:#fff; background:#555;}
                     .counter{float:left; width:40px; height:23px; color:#fff; background:#555;}
                     .control{float:right; width:44px; height:23px; padding:0 10px 0 0;}
                        .control a.left{float:left; width:14px; height:18px; background:url("assets/oneday-prev.gif") no-repeat;}
                        .control div.center{float:left;width:4px; height:5px; margin:5px 5px; background:url("assets/oneday-center.gif") no-repeat;}
                        .control a.right{float:right; width:14px; height:18px; background: url("assets/oneday-next.gif") no-repeat;}
                .frame-top{width:510px; height:290px; padding:7px 7px 9px 7px; background:#fff;}
                .frame-img{width:510px; height:261px; background:#fff;}
                .frame-datefield{width:495px; height:22px; padding:0 7px; background:#272727;}
                    .frame-datefield p{width:80px; height:18px; color:#ff0000; font-size:93%;  margin:0; padding:0 0 0 220px;}
                .frame-text{width:510px; height:auto; padding:0 7px 10px 7px; background:#fff;}




         /*** - start human - healthsafe - ***/

            .health-img{float:left; width:540px; height:250px; padding:0 0 5px 0; margin:0;}
            
         /*** - start human - career css - ***/
            .whenget {width:269px; height:41px; background:url("assets/whengetworker.gif") no-repeat;}
                .whenget:hover{width:302px; height:41px; background:url("assets/whengetworker-hover.gif") no-repeat;}

            .howmuch {width:508px; height:41px; background:url("assets/howmuchgetworker.gif") no-repeat;}
                .howmuch:hover{width:523px; height:41px; background:url("assets/howmuchgetworker-hover.gif") no-repeat;}

            .ruleget {width:270px; height:41px; background:url("assets/rulegetworker.gif")no-repeat;}
                .ruleget:hover{width:302px; height:41px; background:url("assets/rulegetworker-hover.gif")no-repeat;}
            

                .career-table{width:520px; background:#ccc; text-align:center;}
                .career-table th{color: #fe4800; text-align:center; background:#fff;}
                .career-table td{background:#fff; padding:5px;}
                    th.careername{width:249px; padding:2px;}
                        .careername-bg{width:249px; background:url("assets/sprite-x.png") 0 -165px repeat-x;}   
                    th.startdate{width:130px; padding:2px;}
                        .startdate-bg{width:135px; background:url("assets/sprite-x.png") 0 -165px repeat-x;}
                    th.enddate{width:130px; padding:2px;}
                        .enddate-bg{width:135px; background:url("assets/sprite-x.png") 0 -165px repeat-x;}
                    td.careername{text-align:left;}
                    td.startdate{}
                    td.enddate{}

                 .career-table a{color:#000;}
        /*** - start human - human-howmany.html style ??????? ?????? ??? ?????????? ??????? ??- ***/
            .table-howmany{background:#ccc;}
            .table-howmany td{text-align:center; background:#fff;}
               
/********End human css********/


/***********  begin human-career-view css  *************/

    .career-view{width:100%;}
        .career-view p{font-size:93%; }
    .career-reg{width:100%;}

        /*.career-view table{background:#919191;}*/
        /*.career-view th{color:#fff; background:#919191;}*/
        /*.career-view td{background:#FFF; padding:5px;}*/


/************ end human-career-view css  ***************/



/*************************************/

/*******************/
/* for procurement */
    .procurement-root{width:1000px; margin:0 auto; padding:0; background:url("assets/procurement-bg.jpg"); }
    .procurement-root-in{width:100%; overflow:hidden;}
    .procurement-left{float:left; width:370px; height:666px;}
        .human-left-bg{background:#000 url("assets/backgrounds/procurement-left-bg.jpg") no-repeat;}


    /*** - start procurement - partner css - ***/
          .partner-content{width:540px; height:auto;}
                .partner-content p{width:520px; height:auto; line-height:150%; margin:0;}
                .logo-container{ width:540px; height:auto;}
                .logo-container  .logo-box{display:inline-block; width:170px; height:90px; text-align:left;}





    /*** start procurement - company register - ***/
          .register-table{width:540px; height:auto;}
            .register-table textarea{width:540px; margin:0 0 10px 0; border:1px solid #ccc;}
            .register-table .input{width:540px; margin:0 0 10px 0; border:1px solid #ccc;}
            .register-table .halfinput{width:260px; margin:0 0 10px 0; border:1px solid #ccc;}
            .register-table .title{height:20px;}
            .register-table .title{height:20px;}
            .register-table .list-td{vertical-align:top;}
                .list-service{float:left; width:250px; padding:10px 0 0 10px;}
                    .list-name{width:250px; height:25px; font-weight:bold; font-size:108%;}
                    .list-service ul{width:250px; margin:0; padding:0; list-style:none;}
                    .list-service li{width:250px; height:20px;}


            .btn-table{width:540px; padding:20px 0 0 0;}
                .btn-table a{font-weight:bold; font-size:108%;}    


    /*** start procurement - buy - ***/

           .buy-root{width:530px; padding:0 0 40px 0;}
           .buy-hd{width:526px; height:31px; padding:2px; border:1px solid #ebc1ac;}
           .buy-select{width:526px; height:31px; background:url("assets/sprite-x.png") 0 -130px repeat-x;}
              .buy-select .select-buyname{width:200px; margin:5px 5px 0 5px;}
              .buy-select .select-buytime{width:300px; margin:5px 0 0 5px;}

           .buy-bd{width:530px;margin:8px 0 9px 0; border:1px solid #cbcbcb;}
           .buyname{width:526px; padding:2px;}
                .buyname-bg{width:504px; padding:5px 10px; background:#eeeeee url("assets/sprite-x.png") 0 -165px repeat-x;}
                .buy-span{font-size:108%; font-weight:bold; color:#fe4100;}



           .buycomment{display:inline-block; width:520px; padding:10px;}
             .buy-date{width:500px; height:28px; font-size:100%; text-align:left; color:#fe4100;}
             .buycomment .buyleft{float:left;  width:200px; text-align:left; line-height:150%;}
             .buycomment .buyright{float:right; width:300px; text-align:left; }
                  .buyright span{display:block; width:145px; height:20px; color:#939393;}

       /*** - start procurement buyexplain css - ***/
             .buyexplain{width:540px;}
                .buyexplain .tdname{width:30%; color:#584c4c; font-weight:bold; text-align:left; vertical-align:top;}
                .buyexplain .tdvalue{width:70%; color:#969696; font-weight:normal; padding:0 0 10px 0;}

                

       /*** - start procurement supplier response- ***/
               
                    .supplier-table{width:540px; }
                        .supplier-table .left-td{width:30%; height:25px;}
                        .supplier-table .right-td{width:70%; height:25px;}
                     .right-td input{width:260px; border:1px solid #ccc;}
                     .right-td textarea{width:260px; height:60px; border:1px solid #ccc;}
                     .right-td select{width:260px; border:1px solid #ccc;}

                     .button-table{width:430px; padding:20px 0 0 0;}
                     .button{width:160px; border:1px solid #ccc; background:#c0c0c0;}
                    


/* end of procurement */
/**********************/



/* for news */
.news-left{background:#000 url( "assets/backgrounds/news-left-bg.jpg" ) no-repeat;}
.news-bg{width:370px; vertical-align:top; background:url("assets/backgrounds/contact.jpg") no-repeat;}
.news-hd{clear:left; height:100%; padding:35px 0 50px 0; text-transform:uppercase; font-size:138.5%; font-weight:bold; color:#cdcdcd;}
.news-properties{padding:0 0 10px; font-size:85%; color:#b7b7b7;}

/*for news list*/
.list{}
    .list-box{width:100%; overflow:hidden;padding:0 45px 25px 0; font-size:116%; font-weight:bold;}
        .date{float:left; width:95px; color:#00b4ff; font-weight:bold;}
        .list-item{float:left; width:445px;}
            .list-item a, .list-item a:visited{text-decoration:none; font-size:100%; color:#000;}
            .list-item a:hover{display:block; background:#e9e9e9;}
/*end of news list*/


/*for news-home*/
    .news-home{}

            /* for h-scrollview */
            .content-item{position:relative;}
            a.h-scrollview-prevbutton, a.h-scrollview-nextbutton{float:left; width:10px; height:20px;}
            a.h-scrollview-prevbutton{position:absolute; top:7px; left:7px; background:url("assets/prev.gif") no-repeat; z-index:2; outline:none;}
            a.h-scrollview-nextbutton{position:absolute; top:7px; left:21px;background:url("assets/next.gif") no-repeat; z-index:2;  outline:none;}

            div.h-scrollview-mask{clear:both; float:left; display:inline; margin:0; z-index:1;}
            div.h-scrollview{float:left; display:inline;}
            div.h-scrollview-item{float:left; display:inline;}
        /* end of h-scrollview */

        .special-news-root{width:535px; overflow:hidden; border:solid 3px #eaeaea;}
            .special-news-in{width:531px; overflow:hidden; border:solid 2px #b9b9b9;}
                .special-news-hd{width:530px; height:49px; background:url("assets/sprite-x.png") 0 0 repeat-x;}
                    .special-title{padding:7px 0 0 40px; font-weight:bold;}
                    .special-date{padding:0 7px 0 40px; font-size:93%; color:#02b4fe;}
                .special-news-bd{}
                    .special-news-bd-pic{float:left; width:260px; height:175px; overflow:hidden; padding:8px;}
                    .special-news-bd-text{float:left; width:225px; height:150px; padding:5px 10px 0 10px; color:#000;}
                        .more-link{padding:5px 0 0 0;}
        .other-news{}
            .other-news-title{padding:0 0 20px 0; font-size:123.1%; font-weight:bold; color:#CCC;}
                /*.other-news-title a{outline:none;}*/
                /*.other-news-title a img{border:0;}*/
                .other-news-title .news-title-pic{height:41px; background:url("assets/other-news-left.jpg") 0 0 no-repeat;}
                .other-news-title .news-title-pic-en{height:41px; background:url("assets/other-news-left.jpg") -300px 0 no-repeat;}
                .other-news-title .video-title-pic{height:41px; background:url("assets/video-news-right.jpg") 0 0 no-repeat;}
                .other-news-title .video-title-pic-en{height:41px; background:url("assets/video-news-right.jpg") -300px 0 no-repeat;}
            .other-news-left{float:left; width:270px; padding:10px 0 10px 0;}
                .other-news-left-listbox{width:100%; overflow:hidden; padding:0 10px 10px 0; font-size:108%;}
                    .left-listbox-item{width:100%; text-align:left;}
                        .left-listbox-item a, .left-listbox-item a:visited{float:left; width:160px; padding:0 5px; text-decoration:none; font-size:93%; color:#000;}
                        .left-listbox-item a:hover{display:block; background:#e9e9e9;}
                .other-news-foot{padding:10px 0 0; text-align:right;}
                    .other-news-foot a, .other-news-foot a:visited{}
            .other-news-right{float:right; padding:10px 0 0 10px ;}
                .right-for-video{width:100%; overflow:hidden; padding:0 0 20px 0;}
                    .for-video-player{float:right; width:250px; height:213px; color:#FFF; background:#000;}
                    .right-for-journal-banner{float:right; width:250px; height:70px; color:#FFF; background:#000;}
                        .right-for-journal-banner a{float:left; padding:0 0 5px 0;}

/*end of news home*/

/* end of news */

/*for photo and video */
.photocontainer-bd{width:100%; overflow:hidden; padding:0 0 20px 45px;}
.photo-digest{width:300px; padding:0 5px 20px 0;}
    .photo-digest select{/*width:50%*/}
.photo-content{height:100%; padding:0; text-align:justify; line-height:150%; background:#FFF;}
.photo-list{float:left; width:164px; height:178px; overflow:hidden; padding:0 25px 30px 0; text-align:left;}
    .photo-list-hd{}
        .photo-list-title{height:25px; padding:0 0 5px 0; font-size:93%; overflow:hidden; line-height:100%;}
            .photo-list-title a,.photo-list-title a:visited{text-decoration:none; color:#000;}
            .photo-list-title a:hover{text-decoration:underline; color:#ff5311;}
    .photo-list-bd{}
        .photo-list-container{width:162px;padding:2px; background:#606060;}
            .photo-list-container-pic{width:141px; height:104px; overflow:hidden; border:solid 3px #FFF;}
                .photo-list-container-pic img{border:none;}
                .photo-list-ft{height:30px; padding:0 0 5px 0;}
                    .photo-list-sub{float:left; color:#9e9e9e;}
                    .photo-list-date{float:right; padding:0 15px 0 0; font-weight:bold; font-size:123.1%; color:#12dde4;}
.video-list{}
    .video-content{background:#000;}
    .video-list-container-pic{position:relative; width:145px; height:108px; overflow:hidden; border:solid 1px #FFF;}
    .video-list-container-pic img{border:0;}
    .video-list-container-pic a{outline:none;}
    .video-layer{position:absolute;top:40px; left:60px; z-index:2;}
        .video-layer .play-button{width:34px; height:39px; background-image:url("assets/video-layer.png"); *background-image:none; background-repeat:no-repeat; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../static/style/ot.mn/assets/video-layer.png", sizingMethod='scale');}    



/*end of video and pohoto list*/



/*for journal*/
.journal-list{margin:0; padding:0;}
    .journal-list-box{width:99%; overflow:hidden; border:solid 1px #a9a9a9;}
        .journal-list-item{padding:3px 0;}
            .journal-list-box-pic{float:left;width:84px; height:119px; padding:2px 0; border:solid 2px #FFF;}
            .journal-list-box-comment{float:left; width:316px; height:115px; padding:2px 5px; background:#e6e6e6; border:solid 2px #FFF; border-top:solid 4px #FFF;}
                .journal-list-box span{background:#e6e6e6;}
            .journal-list-box-download{float:left;}
                .download-version{vertical-align:bottom; font-size:166%;}
                    .journal-list-box-download a,journal-list-box-download a:visited{padding:43px 0 0 0;text-decoration:none; color:#20a0a9; border:#FFF;}
                    .journal-list-box-download a:hover{color:#fe5300;}
/*end of the journal*/

/*for ded-butets list*/
.dlist-bd{padding:0 0 25px 0; }
.dlist-container{padding:0 5px 10px 0;}
    .dlist-box{width:100%; overflow:hidden; padding:10px 5px 5px 5px ; background:#f7f7f7;}
        /*.dlist-pic{float:left; width:61px; margin:0 5px 0 0; border:solid 1px #fe5300;}*/
        .dlist-item{float:left; width:95%; overflow:hidden; padding:0 10px;  font-size:85%;}
        .closely{float:left; width:510px; height:20px; padding:0 20px 0 0;}
             .closely a{float:right; color:#fe5300; font-size:85%;}
             .closely a:hover{color:#fe5300}
            .dlist-title{padding:0 10px 5px 10px; font-size:131%; font-weight:bold; color:#20a0a9; text-align:left;}
                .dlist-title a, .dlist a:visited{text-decoration:none; color:#20a0a9;}
                .dlist-title a:hover{text-decoration:underline;}
            .dlist-text{float:right; overflow:hidden;}
                /*.dlist-item a:hover{text-decoration:none; color:#fe5300;}*/
    
/*end of the ded-butets list*/


/* for responsibleness css*/
.respo{}
    .respo-item{padding:0 0 30px 10px;}
        .respo-title{width:100%; padding:0 0 10px; font-size:108%; color:#fd5401; font-weight:bold;}
            .respo-title span{color:#999999; font-size:85%;}
        .respo-content{width:100%; overflow:hidden;}
            .respo-box{float:left; width:260px;}
                .respo-box a img{border:0;}
/* end responsibleness css*/


    /*start print child window css*/

        .child-body{background:#fff;}   
        .child-root{width:600px; margin:0 auto; padding:10px 0 0 0;}
           .child-root form{clear:left;}
           .child-logo{float:left; width:159px; height:118px; padding:0 0 20px; background:url("assets/logo.gif") no-repeat;}
           .child-title{float:left; width:440px; height:53px; padding:30px 0 0 0; text-align:center; font-size:123.1%; font-weight:bold; color:#fd5401; background:#fff;}
           .child-content{float:left; width:580px; text-align:justify; padding:20px 10px 0 10px; background:#fff;}
        .child-button{float:left; width:600px; height:40px; padding:20px 0 0 0;}
            .button-print{float:left; width:120px; margin:0 0 0 60px;}
            .button-cancel{float:right; width:120px; margin:0 60px 0 0;}

    /* end print child window */

    /* start send mail child window */
        
        .sendmail{width:600px; padding:20px 0 0 0;}
            .sendmail th{height:40px;}
            .sendmail td{height:30px; vertical-align:top; text-align:right;}
            .sendmail input{width:360px;}
            .sendmail textarea{width:360px; height:100px;}
            .sendmail em{font-size:108%; font-style:normal;}
        .mail-content{width:580px; height:140px; padding:20px 10px; line-height:150%; font-size:100%;}

    /* end send mail child window */


    /* begin contactus css*/
        .contact-info{width:100%; /*height:200px;*/}
             .contact-info td{padding:5px;}
        .contact-app{width:100%;}
            .contact-app td{width:150px; padding:5px; text-align:left;}
            .contact-app .title{vertical-align:top;}
            .contact-app select{width:205px;}
            .contact-app textarea{width:205px; height:100px;}
            .contact-app img{width:120px; height:30px; border:none;}

    /* end contactus css*/

        /* begin contactus error */
            .contactus-error{width:200px; height:auto; color:#ff3333;}
        /* end contactus error*/


/* for fillbodycontainer */
.fillbodycontainer-out{position:absolute; z-index:2; background:#000000; filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95;}
.fillbodycontainer{position:absolute; z-index:3;}
.fillbodycontainer-hd{height:25px;}
    .fillbodycontainer-hd a, .fillbodycontainer-hd a:visited{float:right; display:inline-block; height:16px; margin:5px 10px 0 0; color:#FFF; font-weight:bold; font-size:14px; text-decoration:none;}
    .fillbodycontainer-hd a:hover{text-decoration:underline;}
.fillbodycontainer-bd{}
/* end of fillbodycontainer */


/*for the suppliers*/
.supl-exp-main{width:100%; overflow:hidden; padding:10px 0; border-bottom:solid 1px #000;}
.supl-exp-main table{width:100%; overflow:hidden;}
.supl-exp-main table tr td{width:48%; padding:5px 0 5px 5px; vertical-align:top; border-bottom:solid 1px #DDD;}
.supl-exp-main table tr td p{margin:2px 0;}
.supl-exp-main table tr td.right{font-weight:bold;}
.supl-exp-main table tr td textarea{width:250px; height:50px;}
.supl-exp-main table tr td select{width:250px;}
.supl-exp-main table tr td span{float:left; width:250px; border:solid 1px #DDD;}
    .supp-exp-title{width:250px; overflow:hidden; font-size:85%; border:solid 1px #DDD;}
    .supl-exp-main-title{display:block; width:100%; height:50px; overflow:hidden; background:url("assets/menu-SUPPLIER.jpg") no-repeat;}
    .supl-exp-main-title-mn{display:block; width:100%; height:50px; overflow:hidden; background:url("assets/menu-SUPPLIER-copy.jpg") no-repeat;}
     input.suppliers-right{width:250px;}


/*end of the suppliers*/


/*for home new-news*/
    .home-new-news-container{position:absolute; left:25px; top:525px; width:320px; height:140px; overflow:hidden; text-align:right; color:#2bd1dd; z-index:2;}
        .home-new-news-container span{float:right; width:80px; height:17px; background:url("assets/newnews.png") no-repeat;}
        .home-new-news-container span.eng{background:url("assets/newnewseng.png") no-repeat;}
        .home-new-news-container a, .home-new-news-container a:visited{display:block; width:100%; overflow:hidden; padding:10px 0 0; color:#2bd1dd;}
/*end of the home new-news*/