body {
    background: url('../images/bg_body.jpg') repeat-x 0px 0px #9FD2E8;
}

#wraper {
    width: 990px;
    margin: 0 auto;
}

    #wraper .border-left {
        background: url('../images/bor-left.png') repeat-y 0px 0px;
        padding-left: 5px;
    }

    #wraper .border-right {
        background: url('../images/bor-right.png') repeat-y 100% 0px;
        padding-right: 5px;
    }

#banner {
    height: 130px;
    position: relative;
}

#menutop {
    position: absolute;
    right: 5px;
    height: 26px;
    overflow: hidden;
}

    #menutop .border-left-menutop {
        background: url('../images/bor-left-menutop.gif') no-repeat 0px 100%;
        padding-left: 3px;
    }

    #menutop .border-right-menutop {
        background: url('../images/bor-right-menutop.gif') no-repeat 100% 100%;
        padding-right: 3px;
    }

    #menutop .mid {
        background: #fff;
        padding: 3px 0px;
    }

        #menutop .mid a {
            line-height: 18px;
            display: inline-block;
            color: #333;
        }

        #menutop .mid .homthu:hover, #menutop .mid .lienhe:hover {
            text-decoration: underline;
        }

        #menutop .mid .homthu {
            background: url('../images/icon-menutop.jpg') no-repeat 0px -32px;
            padding-left: 24px;
        }

        #menutop .mid .lienhe {
            background: url('../images/icon-menutop.jpg') no-repeat 0px -57px;
            padding-left: 23px;
        }

        #menutop .mid .tiengviet {
            background: url('../images/icon-menutop.jpg') no-repeat 0px 0px;
            padding-left: 24px;
        }

        #menutop .mid .tienganh {
            background: url('../images/icon-menutop.jpg') no-repeat 0px -82px;
            padding-left: 24px;
        }

#mainmenu {
    background: url('../images/bg_mainmenu_btm.jpg') repeat-x 0px 100% #FFF;
    height: 35px;
    overflow: hidden;
}

    #mainmenu ul {
        overflow: hidden;
        height: 35px;
        background: url('../images/bg_mainmenu.jpg') repeat-x 0px 0px;
        padding-left: 5px;
    }

    #mainmenu .right {
        width: 980px;
        float: left;
    }

    #mainmenu .bg_right {
        padding-right: 57px;
        background: url('../images/bg_mainmenu_right.jpg') no-repeat 100% 0px;
    }

    #mainmenu ul li {
        float: left;
        display: inline-block;
    }

        #mainmenu ul li a {
            display: inline-block;
            line-height: 35px;
            height: 35px;
            padding-left: 10px;
        }

            #mainmenu ul li a span {
                line-height: 35px;
                height: 35px;
                color: #fff;
                font-weight: bold;
                display: inline-block;
                padding-right: 10px;
                cursor: pointer;
            }

            #mainmenu ul li a:hover, #mainmenu ul li a.active {
                background: url('../images/bg_mainmenu_active.jpg') no-repeat 0px 0px;
                display: inline-block;
                padding-left: 10px;
            }

                #mainmenu ul li a:hover span, #mainmenu ul li a.active span {
                    background: url('../images/bg_mainmenu_active.jpg') no-repeat 100% 0px;
                    display: inline-block;
                    color: #33A02B;
                    padding-right: 10px;
                }

.searchbox {
    margin: -25px 5px 0px 780px;
    background: url('../images/bg-search.jpg') no-repeat 0px 0px;
    width: 200px;
    position: absolute;
}

    .searchbox input.text {
        border: none;
        width: 164px;
        height: 24px;
        background: none;
        outline: none;
    }

    .searchbox input.btn {
        border: none;
        background: url('../images/icon-search.jpg') no-repeat 0px 0px;
        height: 16px;
        width: 16px;
        text-indent: 100px;
        overflow: hidden;
        cursor: pointer;
    }

#bodypage {
    overflow: hidden;
    height: 100%;
    padding: 5px;
    background: #fff;
}

#colA {
    width: 240px;
    float: left;
    overflow: hidden;
}
#ctl00_maincontent_colA {
    width: 240px;
    float: left;
    overflow: hidden;
}
#colB {
    width: 520px;
    float: left;
    margin-left: 4px;
}
#ctl00_maincontent_colB {
    width: 520px;
    float: left;
    margin-left: 4px;
}

#colC {
    float: right;
    width: 200px;
}
#ctl00_maincontent_colC {
    float: right;
    width: 200px;
}

#colAB {
    width: 760px;
    float: left;
    overflow: hidden;
}
#ctl00_maincontent_colAB {
    width: 760px;
    float: left;
    overflow: hidden;
}

#colBC {
    float: right;
    width: 720px;
    overflow: hidden;
}
#ctl00_maincontent_ColBC {
    float: right;
    width: 720px;
    overflow: hidden;
}


#colABC {
    width: 960px;
    float: left;
    overflow: hidden;
}

#ctl00_maincontent_colABC {
    width: 960px;
    float: left;
    overflow: hidden;
}
    #colABC a {
        font-size: 14px;
        color: #339F2B;
    }

.boxstyle {
    margin-bottom: 10px;
}

    .boxstyle .topboxB {
        background: url('../images/topboxB.jpg') repeat-x 0px 0px;
        height: 5px;
        overflow: hidden;
    }

        .boxstyle .topboxB .topleft {
            background: url('../images/topleftboxB.jpg') no-repeat 0px 0px;
            height: 5px;
            width: 5px;
            float: left;
        }

        .boxstyle .topboxB .topright {
            background: url('../images/toprightboxB.jpg') no-repeat 100% 0px;
            height: 5px;
            width: 5px;
            float: right;
        }

    .boxstyle .topbox {
        background: url('../images/topbox.jpg') repeat-x 0px 0px;
        height: 6px;
        overflow: hidden;
    }

        .boxstyle .topbox .topleft {
            background: url('../images/topleftbox.jpg') no-repeat 0px 0px;
            height: 6px;
            width: 6px;
            float: left;
        }

        .boxstyle .topbox .topright {
            background: url('../images/toprightbox.jpg') no-repeat 100% 0px;
            height: 6px;
            width: 6px;
            float: right;
        }

    .boxstyle .bottombox {
        background: url('../images/bottombox.jpg') repeat-x 0px 0px;
        height: 3px;
        overflow: hidden;
    }

    .boxstyle .bottomleft {
        background: url('../images/bottomleft.jpg') no-repeat 0px 0px;
        height: 3px;
        width: 3px;
        float: left;
    }

    .boxstyle .bottomright {
        background: url('../images/bottomright.jpg') no-repeat 100% 0px;
        height: 3px;
        width: 3px;
        float: right;
    }

    .boxstyle h4 {
        background: #33A02B;
        color: #fff;
        line-height: 25px;
        text-transform: uppercase;
    }

    .boxstyle .midbox {
        border-left: 1pt solid #ccc;
        border-right: 1pt solid #ccc;
        overflow: hidden;
    }

    .boxstyle .midboxB {
        border-left: 1pt solid #ccc;
        border-right: 1pt solid #ccc;
        padding: 0px 4px;
        text-align: justify;
        line-height: 18px;
        background: url('../images/bg_midbox.jpg') repeat-x 0px 100%;
        overflow: hidden;
    }

.listvideoimg {
    padding: 5px 0px;
}

    .listvideoimg li {
        margin-bottom: 2px;
    }

        .listvideoimg li a {
            color: #333;
            padding-left: 20px;
        }

            .listvideoimg li a:hover {
                text-decoration: underline;
            }

        .listvideoimg li .img {
            background: url('../images/img.gif') no-repeat 5px 2px;
        }

        .listvideoimg li .video {
            background: url('../images/video.gif') no-repeat 5px 2px;
        }

.list_pics li {
    overflow: hidden;
    height: 100%;
    margin: 2px 0px;
    border: 1pt solid #B8DBEF;
    padding: 2px;
    background: url('../images/bg_listsp.jpg');
}

    .list_pics li a {
        display: block;
        float: left;
        font-weight: bold;
        font-size: 12px;
    }

.listthongtin li {
    overflow: hidden;
    height: 100%;
    margin: 2px 0px;
    border: 1pt solid #B8DBEF;
    padding: 2px;
    background: url('../images/bg_listsp.jpg');
}

    .listthongtin li a {
        display: block;
        float: right;
        padding-top: 20px;
        font-weight: bold;
        font-size: 11px;
    }


.listsp li {
    overflow: hidden;
    height: 100%;
    margin: 2px 0px;
    border: 1pt solid #B8DBEF;
    padding: 2px;
    background: url('../images/bg_listsp.jpg');
}

    .listsp li img {
        float: left;
    }

    .listsp li a {
        display: block;
        float: right;
        width: 90px;
        padding-top: 20px;
        font-weight: bold;
        font-size: 11px;
    }

#colA .listsp li a {
    width: 120px;
}

.listsp li a:hover {
    color: #C00;
}

#slide {
    margin-bottom: 10px;
    height: 300px;
    overflow: hidden;
}

#boxnews ul {
    overflow: hidden;
    height: 100%;
}

    #boxnews ul li {
        float: left;
        width: 249px;
    }

        #boxnews ul li:first-child {
            margin-right: 10px;
        }

#boxnews h3 {
    color: #339F2B;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}

#boxnews .info_news {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1pt dotted #ccc;
    text-align: justify;
}

#boxnews .img {
    margin-bottom: 5px;
}

#boxnews .title {
}

    #boxnews .title a {
        font-weight: bold;
        color: #CD7206;
        margin-bottom: 5px;
    }

        #boxnews .title a:hover {
            text-decoration: underline;
        }

#boxnews .desc {
    color: #666;
}

#boxnews .bar {
    overflow: hidden;
    height: 3px;
    margin-bottom: 10px;
}

    #boxnews .bar .c1 {
        background: #33A02B;
        height: 3px;
        display: block;
        float: left;
        width: 90px;
    }

    #boxnews .bar .c2 {
        background: #CF7306;
        height: 3px;
        display: block;
        float: right;
        width: 155px;
    }

#boxnews .other_news ul {
    overflow: hidden;
    height: 100%;
}

#boxnews .other_news li a {
    background: url('../images/dotxanh.jpg') no-repeat 5px 5px;
    display: block;
    padding-left: 15px;
    color: #333;
}

    #boxnews .other_news li a:hover {
        background: url('../images/dotcam.jpg') no-repeat 5px 5px;
        display: block;
        padding-left: 15px;
        color: #CD7206;
    }

#boxnews .viewall {
    text-align: right;
    margin: 10px 0px;
}

    #boxnews .viewall a span {
        font-size: 12px;
    }

    #boxnews .viewall a {
        font-size: 10px;
        color: #666;
    }

        #boxnews .viewall a:hover {
            text-decoration: underline;
        }

#barfooter {
    height: 26px;
    background: url('../images/barfooter.jpg') no-repeat center top #5AD051;
    overflow: hidden;
}

    #barfooter .colL {
        float: left;
        width: 240px;
    }

    #barfooter .colR {
        float: right;
        width: 240px;
        text-align: right;
    }

.counter {
    margin: 5px 0px 0px 5px;
}

    .counter span {
        display: inline-block;
        width: 15px;
        height: 15px;
        text-align: center;
        line-height: 15px;
        font-weight: bold;
        font-size: 11px;
        background: #CF7306;
        margin-left: 1px;
        color: #fff;
    }

#barfooter .colR .sethome {
    background: url('../images/icon-home.jpg') no-repeat 0px 0px;
    padding-left: 15px;
    padding-right: 10px;
    color: #333;
}

#barfooter .colR .btn_r {
    margin: 5px 5px 0px 0px;
}

    #barfooter .colR .btn_r a:hover {
        text-decoration: underline;
    }

#barfooter .colR .totop {
    background: url('../images/icon-top.jpg') no-repeat 0px 0px;
    padding-left: 15px;
    color: #333;
}

#footer {
    background: url('../images/bg_footer.jpg') repeat-x 0px 0px #339F2B;
    padding: 15px;
    color: #fff;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
}

.icon1 {
    background: url('../images/icon.jpg') no-repeat 0px 0px;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 3px 8px;
    float: left;
}

.icon2 {
    background: url('../images/icon.jpg') no-repeat -16px 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 4px 8px;
    float: left;
}

.icon3 {
    background: url('../images/icon.jpg') no-repeat -33px 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 4px 8px;
    float: left;
}

.icon4 {
    background: url('../images/icon.jpg') no-repeat -50px 0px;
    display: inline-block;
    width: 13px;
    height: 16px;
    margin: 4px 8px;
    float: left;
}

.icon5 {
    background: url('../images/icon.jpg') no-repeat -64px 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 4px 8px;
    float: left;
}

.menuleft ul li {
    margin-bottom: 1px;
}

    .menuleft ul li a {
        line-height: 30px;
        background: url('../images/icon-menuleft.png') no-repeat 8px 9px #D2F2D0;
        font-weight: bold;
        color: #333;
        padding-left: 30px;
        display: block;
    }

        .menuleft ul li a:hover {
            line-height: 30px;
            background: url('../images/icon-menuleft.png') no-repeat 8px 9px #8ADD86;
            font-weight: bold;
            color: #000;
            padding-left: 30px;
            display: block;
        }

        .menuleft ul li a.active {
            line-height: 30px;
            background: url('../images/icon-menuleft.png') no-repeat 8px 9px #8ADD86;
            font-weight: bold;
            color: #000;
            padding-left: 30px;
            display: block;
        }


.status_address {
    line-height: 20px;
    font-size: 14px;
    color: #339F2B;
    padding-left: 5px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1pt solid #33A02B;
}

    .status_address a {
        font-size: 18px;
        color: #339F2B;
    }

    .status_address span {
        font-size: 16px;
    }

.btn-bottompage {
    text-align: right;
    padding: 10px 0px;
}

    .btn-bottompage a:hover {
        text-decoration: underline;
    }

    .btn-bottompage .printer {
        background: url('../images/print.png') no-repeat 4px 0px;
        padding-left: 23px;
        padding-right: 10px;
        color: #333;
    }

    .btn-bottompage .send2friend {
        background: url('../images/email.png') no-repeat 4px 0px;
        padding-left: 23px;
        color: #333;
    }

.listsp {
    padding: 2px;
}

#mainnews {
    overflow: hidden;
    height: 100%;
}

    #mainnews .img {
        float: left;
        width: 200px;
    }

        #mainnews .img img {
            border: 1pt solid #ccc;
            padding: 2px;
        }

    #mainnews .title a {
        font-weight: bold;
        color: #339F2B;
        font-size: 15px;
    }

    #mainnews .desc {
        text-align: justify;
        color: #666;
    }

    #mainnews .datetime {
        color: #C00;
        font-size: 10px;
    }

.listnews {
    overflow: hidden;
    height: 100%;
}

    .listnews .surrounded {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1pt dotted #33A02B;
    }

        .listnews .surrounded .img {
            float: left;
            width: 105px;
        }

            .listnews .surrounded .img img {
                border: 1pt solid #ccc;
                padding: 2px;
            }

        .listnews .surrounded .title {
            color: #C00;
        }

            .listnews .surrounded .title a {
                color: #333;
                font-weight: bold;
            }

                .listnews .surrounded .title a:hover {
                    color: #339F2B;
                }

p.line {
    border-top: 1pt dotted #ccc;
    border-bottom: 1pt dotted #ccc;
    height: 2px;
    margin: 5px 0px;
}

#pager {
    float: right;
    margin: 10px 0px;
}

    #pager ul li.text {
        background: none;
        width: auto;
        white-space: nowrap;
    }

    #pager ul li {
        width: 18px;
        height: 18px;
        text-align: center;
        line-height: 18px;
        margin-left: 2px;
        margin-right: 3px;
        background: #5FB030;
        color: #7B312C;
        float: left;
    }

        #pager ul li a {
            color: #fff;
            line-height: 18px;
            display: block;
            font-size: 11px;
        }

            #pager ul li a:hover, #pager ul li a.active {
                background: #CF7306;
            }


/*Them*/
.pagination {
    float: right;
    background: #f5f5f5;
    padding: 0 0 0 10px;
}

    .pagination li {
        float: left;
        margin: 0 2px 0 0;
        *margin: 0 2px 0 0;
    }

    .pagination a {
        display: block;
        border: 1px solid #eaeaea;
        background: #f8fafb;
        padding: 2px 8px;
        float: left;
    }

        .pagination a:hover {
            background: #d2d6df;
            text-decoration: none;
            float: left;
        }

        .pagination a.youAreHere {
            border: 1px solid #8f8f8f;
            background: #1e5b7e;
            padding: 2px 8px;
            font-weight: bold;
            color: #fff;
        }

.boxlinkReCment {
    width: 100%;
    margin-bottom: 6px;
    clear: both;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.btnshareControl {
    background: url(../images/bgBtnShare.jpg) top left repeat-x;
    height: 24px;
    line-height: 24px;
    color: #FFF;
    font-family: "Arial", Helvetica, sans-serif;
    cursor: pointer;
    border-left: 1px solid #343434;
    border-right: 1px solid #343434;
    text-align: center;
    border-bottom: none;
    border-top: none;
    font-weight: bold;
    padding: 0 10px 0 10px;
}

.btnShareOr {
    background: url(../images/btnshateOr.jpg) top left repeat-x;
    height: 24px;
    color: #FFF;
    font-family: "Arial";
    font-weight: bold;
    padding: 0 10px 0 10px;
    border: 1px solid #e44b4b;
    cursor: pointer;
}

.boxNextPage {
    width: 100%;
    margin: 0 auto;
    line-height: 20px;
    padding-bottom: 10px;
    clear: both;
}

    .boxNextPage a {
        padding: 0 6px 0 6px;
        display: block;
        background: #FFF;
        border: 1px solid #e1700d;
        float: left;
        margin-right: 3px;
        color: #2c2c2c;
        line-height: 16px;
    }

        .boxNextPage a:hover {
            background: #e1700d;
            color: #FFF;
        }

    .boxNextPage span {
        float: left;
        margin-right: 3px;
        display: block;
    }

    .boxNextPage a.arrfirst,
    .boxNextPage a.arrlastNext {
        background: url(../images/aPrev.jpg) top left no-repeat;
        width: 7px;
        height: 7px;
        display: block;
        float: left;
        padding: 0;
        margin-right: 10px;
        margin-top: 6px;
        border: none;
    }

    .boxNextPage a.arrlastNext {
        background: url(../images/aNext.jpg) top left no-repeat;
        margin-left: 10px;
    }

    .boxNextPage a.fitstText,
    .boxNextPage a.lastText {
        background: none;
        border: none;
    }

        .boxNextPage a.fitstText:hover,
        .boxNextPage a.lastText:hover {
            text-decoration: underline;
            color: #333;
        }

.btnNextStep,
.btnNextStep:hover {
    background: url(../images/btnShareNext.jpg) top left no-repeat;
    width: 142px;
    height: 37px;
    border: none;
    cursor: pointer;
    display: block;
    color: #FFF;
    font-weight: bold;
    font-family: "Arial";
    float: left;
    margin-right: 4px;
    font-size: 11px;
}

    .btnNextStep:hover {
        background-position: -157px 0;
    }

.boxBtnNextStep {
    background: url(../images/dotlineRow.jpg) top left repeat-x;
    padding-top: 20px;
    clear: both;
}

.btnSearch {
    border: none;
    background: url('flightsSearch.gif') center center no-repeat;
    width: 82px;
    height: 32px;
    padding: 0 6px 0 6px;
    margin: 0;
}

a.delete,
a.edit,
span.Clendar,
a.accept {
    background: url(../images/cancel_round.png) no-repeat;
    cursor: pointer;
    display: block;
    float: left;
    margin-left: 6px;
    width: 16px;
    height: 16px;
}

a.edit {
    background: url(../images/article_text.png) no-repeat;
}

a.accept {
    background: url(../images/accept_green.png) no-repeat;
}

span.highlight {
    background-color: yellow;
}