@charset "utf-8";

.dbox, .lichsu, .luotxem, .xem {
    text-align: center
}

.w10, .w20, .w30, .w40, .w50 {
    float: left
}

.bt-chon, .title-user, .wtpname {
    font-weight: 700
}

.wtemp2, .wtpname {
    vertical-align: top
}

.clear, .lb-date-psa, .top-list, .top-list-1, .w-control {
    clear: both
}

.TitleH2, .main-content .head, .maintabmenu li a {
    text-transform: uppercase
}

.leftmenu ul, .maintabmenu, .menuaction ul li, ul.imagelist, ul.list6 li {
    list-style: none
}

.txt {
    border: 1px solid #ccc !important;
    padding: 5px;
    min-height: 30px
}

.sidebar-toggle {
    font-size: 14px;
    color: #fff
}

.dbox {
    cursor: pointer;
    margin: -5px;
    position: absolute;
    z-index: 9980;
    background-color: #fcfcfc;
    border: 1px solid #ddd;
    border-left: 0;
    border-top: 0;
    padding: 3px
}

.bt-chon {
    margin-right: 10px;
    padding: 5px 10px;
    margin-bottom: 10px
}

.datePicker {
    min-height: 20px !important
}

.dbox a {
    margin: 3px
}

.fix-column span input {
    margin: 0 !important
}

.div-view-video {
    width: 68%;
    margin-left: 10px;
    padding: 5px;
    background-color: #dad6d5
}

.acmenu a span, .leftmenu ul li a:hover span {
    background-color: #00556D !important
}

video {
    max-width: 100%
}

#imgDdp, #pimg {
    max-width: 95%
}

.date-pub-list {
    float: left;
    padding-right: 10px !important;
    width: 125px !important
}

.imgEditor {
    width: 680px;
    padding: 5px;
    border: 1px dashed #ccc;
    margin: 0 auto 3px
}

.title-user {
    border-bottom: 1px solid #BDC7D8;
    padding-left: 5px;
    padding-top: 15px;
    font-size: 14px
}

.alt_imgEditor, .alt_imgeditor {
    padding-top: 10px;
    text-align: center;
    font-size: 12px;
    font-style: italic
}

.leftmenu ul li a:hover {
    color: #fff !important;
    text-decoration: none
}

.acmenu a span {
    color: #fff !important
}

.delimages {
    cursor: pointer;
    background: url(/images/delete.gif) center no-repeat;
    height: 15px;
    width: 20px
}

.w50 {
    width: 50%
}

.w40 {
    width: 40%
}

.w30 {
    width: 30%
}

.w20 {
    width: 20%
}

.w10 {
    width: 10%
}

.chosenImage-container .chosen-results li, .chosenImage-container .chosen-single span {
    background: 3px center/25px 25px no-repeat none;
    padding-left: 10px !important
}

.chosenImage-container .chosen-single {
    padding-left: 2px !important
}

    .chosenImage-container .chosen-single span {
        background-position: left 2px !important
    }

.chosenImage-container .chosen-results .no-results {
    padding-left: inherit !important
}

.wtpname {
    color: #065fa3;
    padding-top: 5px
}

.wtemp1, .wtemp2 {
    color: red !important;
    float: left
}

.r-wp, .w-rp15, .w-rp20, .w-rp30, .w-rp40 {
    padding-top: 10px
}

.wtemp1 {
    font-size: 16px;
    font-weight: bolder
}

.wtemp2 {
    font-size: 10px;
    font-weight: 700;
    margin-top: -3px
}

.bt-chon:hover, .toolbarBox a.toolbar_btn:hover {
    border-color: #9cf;
    background-color: #FDF5CE
}

.list-view-top-left {
    width: 60%;
    float: left
}

.list-view-top-right {
    width: 38%;
    float: right
}

.list-view-top-right-left {
    float: left;
    width: 82%
}

.list-view-top-right-right {
    float: left;
    width: 18%;
    text-align: right
}

.list-view-btop-right-left {
    float: left;
    width: 93%
}

.list-view-btop-right-right {
    float: left;
    width: 7%;
    text-align: right
}

.form-input .RadAsyncUpload, .form-input .form-table, audio, video {
    width: 100%
}

.cmdbtt, .rightBt {
    text-align: center
}

.form-media {
    font: 12px/20px Arial
}

    .form-media input {
        height: 28px
    }

.form-input .label {
    font: 12px/18px Arial;
    color: #444;
    margin: 10px 0 5px
}

.w-rp15, .w-rp20, .w-rp30, .w-rp40 {
    line-height: 25px
}

.form-input .control {
    margin-bottom: 10px
}

.form-media .xtitle {
    font-size: 14px;
    color: #d90000;
    margin-bottom: 15px
}

.btmynews, .div50, .telerik-editor {
    margin-bottom: 10px
}

.ImgView.list-img {
    width: 120px
}

.checkbox-new {
    margin-right: 20px
}

    .checkbox-new input {
        margin-top: -5px !important
    }

    .checkbox-new label {
        padding-left: 10px;
        color: red;
        font-weight: 700
    }


.btmynews, .cmdbtt {
    border-radius: 2px;
    display: inline-block;
    cursor: pointer
}

.w-rp15 {
    width: 15%
}

.w-rp30 {
    width: 30%
}

.w-rp20 {
    width: 20%
}

.w-rp40 {
    width: 40%
}

.r-wp {
    padding-bottom: 10px
}

.fix-cs .chosen-container {
    width: 100% !important
}

.right-check {
    padding-left: 20px
}

    .right-check label {
        color: red;
        font-weight: 700;
        padding-left: 5px
    }

.fix-btt {
    z-index: 99999
}

.top-btt {
    padding-bottom: 5px;
    padding-left: 15px
}

.cmdSettings {
    float: right;
    background-image: url(/images/icons/cog.png?w)
}

.cmdSave {
    background-image: url(/images/icons/table_save.png?w)
}

.cmdSave1 {
    background-image: url(/images/icons/database_save.png?w)
}

.cmdRun {
    background-image: url(/images/icons/report_go.png?w)
}

.cmdExcel {
    background-image: url(/images/icons/page_white_excel.png?w)
}

.cmdReport {
    background-image: url(/images/icons/chart_pie.png?w)
}

.cmdBack {
    background-image: url(/images/icons/book_previous.png?w)
}

.cmdBack2 {
    background-image: url(/image/back-2.png?w)
}

.cmdBack3 {
    background-image: url(/image/back-tech.png?w)
}

.cmdExit {
    background-image: url(/images/icons/arrow_rotate_clockwise.png?w)
}

.cmdStop {
    background-image: url(/images/icons/ipod_cast_delete.png?w)
}

.cmdDel {
    background-image: url(/images/icons/application_delete.png?w)
}

.cmdView {
    background-image: url(/images/icons/application_form_magnify.png?w)
}

.cmdNew {
    background-image: url(/images/icons/add.png?w)
}

.cmdPage {
    background-image: url(/images/icons/application_view_tile.png?w)
}

.cmdPageNext {
    background-image: url(/images/icons/application_view_gallery.png?w)
}

.cmdsend {
    background-color: #fff;
    background-image: url(/images/icons/send_new.png?w)
}

.cmdActive {
    background-color: #fff;
    background-image: url(/portals/_default/Skins/cms/images/send_news2.png?w);
    background-color: #fff;
    background-image: url(/portals/_default/Skins/cms/images/send_news2.png?w)
}

.cmdPublic {
    background-color: #fff;
    background-image: url(/portals/_default/Skins/cms/images/check.png?w)
}

.cmdhistory {
    background-color: #fff;
    background-position: 4px 2px !important;
    background-image: url(/image/icon/history.png?w)
}

.cmdcomment {
    background-color: #fff;
    background-position: 4px 2px !important;
    background-image: url(/image/icon/comment.png)
}

.cmdRestore {
    background-image: url(/image/icon/restore.gif?w)
}

.cmdDelete {
    background-image: url(/image/icon/delete.png?w)
}

.cmdbtt {
    background-position: 5px 5px;
    background-repeat: no-repeat;
    padding: 5px 10px 5px 25px;
    color: #000;
    border: 1px solid #ccc;
    font-weight: 600;
    margin-right: 5px;
    font-size: 12.5px
}

.scmchinh, .scmphu {
    font-size: 12px;
    font-weight: 700;
    font-family: Arial
}

.cmdbtt:hover {
    border-color: #9cf;
    background-color: #FDF5CE
}

.scmchinh {
    color: #C70707
}

.scmphu {
    color: #333
}

.pustyle {
    width: 100%
}

.console {
    background-color: transparent !important
}

.body {
    padding-bottom: 50px
}

.fixUser .chosen-container {
    width: 300px !important
}

.reSpinBox input {
    height: 20px !important;
    padding: 0px !important;
    text-align: center !important;
}

.fixPrice .chosen-container {
    width: 120px !important
}



.MsgBox, .myoverlay {
    position: fixed;
    right: 0;
    bottom: 0
}

.ubox_wrap .reModule:last-child {
    height: auto !important;
    border: 1px solid #e7e7e7;
    margin-top: 5px;
    z-index: 1;
    position: absolute;
    margin-top: -25px;
    padding: 1px;
    margin-left: -5px;
}

.ubox_wrap .reModule {
    border-top: 1px solid #e7e7e7 !important; /* padding-right: 10px; */
}

    .ubox_wrap .reModule table td span input {
        margin-top: 0px;
        height: 22px;
    }

.radfd_skipme, .reSpinBox table {
    float: left;
    margin-top: 0 !important
}

input.radfd_skipme {
    margin-top: 0 !important
}

.btmynews {
    padding: 5px 6px;
    background: #fff;
    color: #000 !important;
    font-weight: 600;
    font-size: 12.5px;
    border: 1px solid #ccc
}

    .btmynews:hover, .status-active {
        border-color: #9cf;
        background-color: #FDF5CE;
        color: #069 !important
    }

#page-popup-prv {
    margin-right: 10px
}

.photo-imgs {
    padding-right: 5px;
    margin-top: -4px
}

#scroll-top {
    float: right;
    display: none
}

.slogin a {
    color: #fff !important
}

.rightBt {
    min-width: 30px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: inline-block;
    padding: 5px 6px 5px 20px;
    border: 1px solid;
    cursor: pointer;
    text-decoration: none;
    border-color: #ccc #bbb #bbb #ccc;
    margin-right: 5px;
    background: url(/image/images/list-news.png) 2px 6px no-repeat
}

.IdKey, .MsgBox, .title {
    display: none
}

.rightBt a {
    color: #1969ad;
    font-weight: 700
}

.rightBt:hover {
    border-color: #9cf;
    background-color: #FDF5CE;
    text-decoration: none
}

.rightLi {
    float: right !important
}

.leftmenu ul li a.live {
    background-position: -117px -440px
}

.leftmenu ul li a.video {
    background-position: -118px -444px
}

.leftmenu ul li a.document {
    background-position: -190px -13px
}

.leftmenu ul li a.audio {
    background-position: -153px -407px
}

.leftmenu ul li a.newspaper {
    background-position: -153px -226px
}

.leftmenu ul li a.rates {
    background-position: -10px -82px
}

.view-img-cms {
    margin-left: 5px
}

.td-das-view {
    padding-bottom: 5px
}

    .td-das-view a {
        font-weight: 700 !important;
        font-size: 15px;
        font-family: Arial;
        color: #333
    }

.MsgBox, .TitleH2, .fontb, .lblTitleBox, .media-div .label, .w-control-right, .w-label-new {
    font-weight: 700
}

.td-das-view-ch, .td-das-view-ch a, .td-das-view-ch font, .td-das-view-ch p, .td-das-view-ch span {
    font-family: Arial !important;
    font-size: 13px !important;
    color: #C70707;
    clear: both
}

.csFocus {
    background: url(/image/icon/focus.gif) no-repeat;
    padding-left: 33px;
    padding-bottom: 10px;
    margin-right: 10px;
    padding-top: 5px
}

.csCare, .csEvent, .csHot, .csHotCat, .csHotSite {
    padding-left: 20px;
    padding-bottom: 10px;
    padding-top: 5px
}

.csHotSite {
    background: url(/image/icon/hot.gif) no-repeat;
    margin-right: 10px
}

.csEvent {
    background: url(/image/icon/home.gif) no-repeat;
    margin-right: 10px
}

.csHotCat {
    background: url(/image/icon/cat.gif) no-repeat;
    margin-right: 10px
}

.csHot {
    background: url(/image/icon/hot.png) no-repeat
}

.csCare {
    background: url(/image/icon/care.png) no-repeat
}

    .csCare input, .csEvent input, .csFocus input, .csHotCat input, .csHotSite input {
        margin-top: -5px !important
    }

    .csCare label, .csEvent label, .csFocus label, .csHotCat label, .csHotSite label {
        color: #000;
        font-weight: 700;
        font-size: 12px
    }

.right-dm {
    float: right;
    width: 48%
}

.left-dm {
    float: left;
    width: 48%
}

.w-label-new {
    width: 10%;
    float: left
}

.Control2p {
    width: 20%;
    float: left;
    font-weight: 700;
    line-height: 30px
}

.Control-new {
    width: 30%;
    float: left;
    font-weight: 700
}

.menu-cms-ctl {
    padding-left: 50%;
    float: left
}

.w-text-new-hot {
    width: 61.5%;
    float: left
}

.w-text-new-tg {
    width: 30%;
    float: left
}

.w-label-new-tg {
    width: 8.5%;
    float: left
}

.w-text-new-hot .cshot-view {
    width: 100%
}

.w-text-new {
    width: 88%;
    float: left;
    position: relative
}

.w-control-left {
    width: 75%;
    float: left
}

.div85 {
    width: 85% !important;
    float: left
}

.div80 {
    width: 80% !important;
    float: left
}

.div70 {
    width: 70% !important;
    float: left
}

.div60 {
    width: 60% !important;
    float: left
}

.div50 {
    width: 50% !important;
    float: left
}

.div40 {
    width: 40% !important;
    float: left
}

.div30 {
    width: 30% !important;
    float: left
}

.div20 {
    width: 20% !important;
    float: left
}

.div15 {
    width: 15% !important;
    float: left
}

.w-control-left .w-label-new {
    width: 13.5%
}

.pd10 {
    padding-bottom: 10px
}

.label-media, .litlq, .ubox_wrap:last-child {
    padding-bottom: 5px
}

.w-control-left .w-text-new {
    width: 85%
}

.ubox_wrap {
    margin-bottom: 2px !important
}

.litlq {
    padding-top: 5px
}

.cshot-view, .lb-date-psa .text-pub, .media-div, .w-control {
    padding-bottom: 10px
}

#mediaAvatar {
    padding-left: 20px;
    width: 160px
}

.media-puda {
    padding-top: 25px;
    padding-left: 20px
}

.media-div {
    width: 100%;
    float: left
}

.psa-top-left {
    width: 48%;
    float: left
}

.psa-top-right {
    width: 48%;
    float: right
}

.hihecmd1-left {
    width: 80%;
    float: left;
    margin-bottom: 10px
}

.lb-date-psa {
    padding-top: 106px
}

.hihecmd1-right {
    width: 20%;
    float: right;
    text-align: right
}

.Msg, .cshot-view, .fl, .view-xb {
    float: left
}

.w-control-right {
    width: 25%;
    float: left;
    color: green
}

.cshot-view {
    padding-top: 10px;
    width: 75%
}

.MsgBox {
    background-color: #FFE6E6;
    border: 1px solid #FCC;
    color: #500;
    text-align: left;
    width: 300px;
    z-index: 1000
}

.TRgrid select, .datadrp {
    background-color: transparent
}

.Msg {
    padding-left: 10px;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    z-index: 10;
    font-size: 12px
}

.datadrp {
    width: 100%;
    border: 0
}

.square-thumb {
    width: 60px;
    height: 60px
}

.TRgrid select {
    width: 100%;
    border: 0
}

.TitleH2 {
    font-size: 16px;
    color: #307917
}

.SpacingBottom h2 {
    line-height: normal !important;
    padding-bottom: 5px
}

.SpacingBottom .DNNModuleContent {
    padding-top: 0
}

a {
    font-size: 14px
}

div, font, span, td, tr {
    font-size: 13px
}

.leftmenu ul li a em {
    font-size: 12px
}

a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

.main-content .head {
    font: 600 20px/32px Open Sans;
    color: #333;
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #f1f1f1
}

.myoverlay {
    background-color: rgba(255,255,255,.93);
    left: 0;
    overflow: auto;
    top: 0;
    z-index: 901
}

.mypopup {
    position: static;
    z-index: 902;
    border-radius: 3px;
    margin: 50px auto;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.333);
    box-shadow: 0 4px 16px rgba(0,0,0,.2)
}

.fr {
    float: right
}

.right {
    text-align: right
}

.left {
    text-align: left
}

#togglemenuleft, .center {
    text-align: center
}

.notify {
    font: italic 11px/18px Tahoma;
    color: #d90000
}

.mainwrapper {
    margin: 50px 10px;
    position: relative;
    min-height: 480px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    background: url(images/bgmain.png) #FFF
}

.mainleft {
    width: 195px;
    position: fixed;
    top: 50px;
    left: 5px;
    padding-bottom: 20px
}

.leftmenu ul {
    margin-bottom: 0 !important
}

    .leftmenu ul li {
        display: block;
        position: relative
    }

        .leftmenu ul li a {
            border: 1px solid #ddd;
            border-top: 0;
            display: block;
            background: url(images/icons/default/sprites.png) 8px center no-repeat #fcfcfc;
            color: #000;
            padding-left: 35px;
            font-weight: 700
        }

        .leftmenu ul li:first-child a {
            border-top: 1px solid #ddd
        }

        .leftmenu ul li a span {
            display: block;
            padding: 6.5px 10px;
            border-left: 1px solid #eee;
            background: #fff
        }

        .leftmenu ul li a:hover span {
            border-left: 1px solid #ddd;
            background: #f7f7f7
        }

        .leftmenu ul li.current a {
            border: 1px solid #f1f1f1
        }

            .leftmenu ul li.current a span {
                background: #333
            }

        .leftmenu ul li a.active {
            background-color: #eee
        }

            .leftmenu ul li a.active span {
                background: url(images/menudroparrow.png) right 0 no-repeat #f7f7f7;
                border-left: 1px solid #ddd
            }

        .leftmenu ul li ul li a span, .leftmenu ul li.current ul li a span {
            border-left: 0
        }

        .leftmenu ul li a em {
            font-style: normal
        }

        .leftmenu ul li a.freelance {
            background-position: -46px -443px
        }

        .leftmenu ul li a.dashboard {
            background-position: -10px -443px
        }

        .leftmenu ul li a.dashboard2 {
            background-position: -189px -443px
        }

        .leftmenu ul li a.cms {
            background-position: -117px -47px
        }

        .leftmenu ul li a.widgets {
            background-position: -82px -479px
        }

        .leftmenu ul li a.album {
            background-position: -81px -441px
        }

        .leftmenu ul li a.question {
            background-position: -190px -296px
        }

        .leftmenu ul li a.comment {
            background-position: -154px -296px
        }

        .leftmenu ul li a.tables {
            background-position: -82px -480px
        }

        .leftmenu ul li a.elements {
            background-position: -154px -443px
        }

        .leftmenu ul li a.project {
            background-position: -46px -117px
        }

        .leftmenu ul li a.charts {
            background-position: -119px -480px
        }

        .leftmenu ul li a.media {
            background-position: -47px -408px
        }

        .leftmenu ul li a.muzik {
            background-position: -81px -408px
        }

        .leftmenu ul li a.doc {
            background-position: -83px -227px
        }

        .leftmenu ul li a.editor, .leftmenu ul li a.form {
            background-position: -154px -262px
        }

        .leftmenu ul li a.grid {
            background-position: -190px -443px
        }

        .leftmenu ul li a.calendar {
            background-position: -82px -155px
        }

        .leftmenu ul li a.buttons {
            background-position: -10px -478px
        }

        .leftmenu ul li a.chat {
            background-position: -119px -299px
        }

        .leftmenu ul li a.contacts {
            background-position: -82px -227px
        }

        .leftmenu ul li a.users {
            background-position: -82px -191px
        }

        .leftmenu ul li a.error {
            background-position: -119px -119px
        }

        .leftmenu ul li a.tuyensinh {
            background-position: -118px -46px
        }

        .leftmenu ul li .menutip {
            position: absolute;
            z-index: 1000;
            left: 38px;
            top: 0;
            display: none;
            margin-left: 0;
            overflow: hidden;
            -moz-border-radius: 0 2px 2px 0;
            -webkit-border-radius: 0 2px 2px 0;
            border-radius: 0 2px 2px 0;
            -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.2);
            -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.2);
            box-shadow: 1px 1px 5px rgba(0,0,0,.2)
        }

            .leftmenu ul li .menutip ul {
                width: 200px;
                margin: 0
            }

            .leftmenu ul li .menutip span.subtitle {
                font-weight: 700;
                background: url(images/blacktrans.png);
                color: #fff;
                padding: 9px 10px;
                display: block
            }

            .leftmenu ul li .menutip ul li {
                display: block
            }

                .leftmenu ul li .menutip ul li a {
                    color: #333;
                    width: auto
                }

                    .leftmenu ul li .menutip ul li a span {
                        display: block;
                        background: #fff
                    }

        .leftmenu ul li ul {
            margin: 0 0 10px 36px;
            display: none
        }

            .leftmenu ul li ul li:first-child a {
                border-top: 0;
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                border-radius: 0
            }

            .leftmenu ul li ul li:last-child a {
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                border-radius: 0
            }

            .leftmenu ul li ul li a {
                padding-left: 0;
                background: #f7f7f7
            }

                .leftmenu ul li ul li a:hover span {
                    border-left: 0;
                    background: #eee
                }

        .leftmenu ul li.current ul {
            display: block
        }

            .leftmenu ul li.current ul li a {
                border-top: 0
            }

.lefticon .mainleft {
    width: 55px
}

.lefticon #togglemenuleft {
    width: 34px
}

.lefticon .leftmenu {
    overflow: none
}

    .lefticon .leftmenu ul li {
        width: 250px
    }

        .lefticon .leftmenu ul li a {
            width: 2px;
            height: 32px
        }

            .lefticon .leftmenu ul li a span {
                display: none
            }

#togglemenuleft a, .maintabmenu li {
    display: inline-block
}

.lefticon .maincontent {
    margin-left: 45px
}

.leftmenu ul li.current a {
    background-color: #e7e7e7;
    border-color: #ddd;
    color: #666;
    border-top: 0;
    -moz-box-shadow: inset 0 1px 0 #f7f7f7;
    -webkit-box-shadow: inset 0 1px 0 #f7f7f7;
    box-shadow: inset 0 1px 0 #f7f7f7
}

    .leftmenu ul li.current a span {
        background-color: #f7f7f7;
        border-left: 1px solid #ddd;
        -moz-box-shadow: inset 0 1px 0 #fff;
        -webkit-box-shadow: inset 0 1px 0 #fff;
        box-shadow: inset 0 1px 0 #fff
    }

.content, .imagelist li {
    -moz-box-shadow: 1px 1px 2px #eee
}

.leftmenu ul li.current a.active {
    background-color: #e7e7e7
}

    .leftmenu ul li.current a.active span {
        background: url(images/menudroparrow.png) right 0 no-repeat #f7f7f7;
        border-left: 1px solid #ddd
    }

.leftmenu ul li.current a.menudrop:hover span {
    background: url(images/menudroparrow.png) right 0 no-repeat #eee
}

.leftmenu ul li.current ul li a {
    border-bottom: 1px solid #ddd
}

    .leftmenu ul li.current ul li a:hover span {
        background: #eee
    }

#togglemenuleft {
    margin-top: 0
}

    #togglemenuleft a {
        position: relative;
        width: 22px;
        height: 22px;
        background: url(images/toggle.png) no-repeat;
        cursor: pointer
    }

        #togglemenuleft a.toggle {
            background: url(images/toggle.png) 0 -25px no-repeat;
            text-align: left
        }

.maincontent {
    margin: 0 310px 0 200px
}

.noright {
    margin-right: 0
}

.maintabmenu {
    margin: 0;
    line-height: 21px;
    position: relative;
    z-index: 5
}

    .maintabmenu li a {
        padding: 8px 20px 4px;
        font-size: 19px;
        -moz-border-radius: 2px 2px 0 0;
        -webkit-border-radius: 2px 2px 0 0;
        border-radius: 2px 2px 0 0;
        border: 1px solid #ddd;
        letter-spacing: .8px;
        display: block;
        background: url(mages/titlebg.png) top left repeat-x #eee;
        color: #007236
    }

        .maintabmenu li a:hover {
            text-decoration: none;
            color: #666;
            background: #ddd;
            border-color: #ccc;
            text-shadow: 1px 1px #e7e7e7
        }

    .maintabmenu li.current a {
        font-weight: 700;
        display: block;
        background: #fff;
        border: 1px solid #ddd;
        border-bottom: 1px solid #fff;
        color: #333
    }

        .maintabmenu li.current a:hover {
            text-shadow: none
        }

.content {
    padding: 10px;
    border: 1px solid #ddd;
    background: #fff;
    margin-top: -1px;
    line-height: 21px;
    -moz-border-radius: 0 2px 2px;
    -webkit-border-radius: 0 2px 2px;
    border-radius: 0 2px 2px;
    -webkit-box-shadow: 1px 1px 2px #eee;
    box-shadow: 1px 1px 2px #eee
}

.contenttitle {
    background: #EEE;
    border: 1px solid #DDD;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

    .contenttitle h2 {
        font-size: 18px;
        letter-spacing: .8px;
        font-weight: 400;
        padding: 0 0 0 10px;
        background-repeat: no-repeat;
        background-image: url(images/icons/default/sprites.png);
        background-position: -154px -443px;
        color: #fff
    }

        .contenttitle h2 span {
            display: block;
            padding: 6px 0 6px 10px;
            margin-left: 25px;
            border-left: 1px solid #DDD;
            background: #F8F8F8;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            text-shadow: 1px 1px #fff;
            color: #333
        }

        .contenttitle h2.inbox {
            background-position: -82px -335px
        }

        .contenttitle h2.table {
            background-position: -82px -480px
        }

        .contenttitle h2.form {
            background-position: -154px -262px
        }

        .contenttitle h2.chart {
            background-position: -10px -227px
        }

        .contenttitle h2.image {
            background-position: -10px -408px
        }

        .contenttitle h2.button {
            background-position: -47px -443px
        }

button, input, select, textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

    button::-moz-focus-inner, input::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    button, input[type=button], input[type=reset], input[type=submit] {
        cursor: pointer;
        -webkit-appearance: button
    }

    input[type=search] {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

button, input, label, select, textarea {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px
}

label {
    margin-bottom: 5px;
    color: #333;
    font-weight: 400 !important;
    padding-left: 5px !important
}

.uneditable-input, input, select, textarea {
    display: inline-block;
    height: 20px;
    padding: 4px;
    font-size: 13px;
    line-height: 18px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc
}

.uneditable-textarea {
    width: auto;
    height: auto
}

label input, label select, label textarea {
    display: block
}

.lbchk {
    padding: 10px
}

    .lbchk label {
        font-size: 14px
    }

input[type=image], input[type=checkbox], input[type=radio] {
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0;
    line-height: normal;
    cursor: pointer;
    background-color: #fff;
    border: 0\9;
    border-radius: 0;
    margin-top: -1px !important
}

input[type=button], input[type=reset], input[type=submit] {
    width: auto;
    height: auto
}

input[type=file], select {
    height: 28px;
    line-height: 28px
}

input[type=file] {
    width: auto;
    padding: initial;
    background-color: initial;
    border: initial;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    line-height: 18px
}

select {
    background-color: #fff
}

    select[multiple], select[size] {
        height: auto
    }

input[type=image] {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

textarea {
    overflow: auto;
    vertical-align: top;
    height: auto
}

input[type=hidden] {
    display: none
}

.checkbox, .radio {
    min-height: 18px;
    padding-left: 18px
}

    .checkbox input[type=checkbox], .radio input[type=radio] {
        float: left;
        margin-left: -18px
    }

.controls > .checkbox:first-child, .controls > .radio:first-child {
    padding-top: 5px
}

.checkbox.inline, .radio.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle
}

    .checkbox.inline + .checkbox.inline, .radio.inline + .radio.inline {
        margin-left: 10px
    }

input, textarea {
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -ms-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s
}

    input:focus, textarea:focus {
        border-color: rgba(82,168,236,.8);
        outline: 0;
        outline: dotted thin\9;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)
    }

    input[type=checkbox]:focus, input[type=radio]:focus, input[type=file]:focus, select:focus {
        outline: #333 dotted thin;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

.ui-widget :active, a {
    outline: 0
}

.checkbox_size label {
    margin: 0 10px
}

.scdLine {
    display: inline-block;
    width: 150px;
    text-align: right;
    color: #333
}

.chkStyle {
    margin: 6px 0
}

    .chkStyle td {
        vertical-align: middle;
        height: 25px
    }

        .chkStyle td label {
            margin-left: 7px;
            margin-bottom: 3px
        }

.chkForm label {
    margin-left: 7px
}

.cleditorMain {
    margin: 6px 0
}

.table td, .table th {
    padding: 8px;
    line-height: 18px;
    border-top: 1px solid #ddd;
    vertical-align: middle
}

.table-bordered th {
    font-weight: 700;
    text-align: left;
    font-size: 13px;
    color: #333;
    height: 30px;
    background: #fafafa
}

.table-bordered thead th {
    vertical-align: middle;
    text-align: center
}

.table-bordered caption + thead tr:first-child td, .table-bordered caption + thead tr:first-child th, .table-bordered colgroup + thead tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered thead:first-child tr:first-child td, .table-bordered thead:first-child tr:first-child th {
    border-top: 0
}

.table-bordered tbody + tbody {
    border-top: 2px solid #ddd
}

.table-bordertop td {
    border: 1px solid #ddd !important
}

.table-bordertop {
    background-color: #FDFDFD
}

.table-bordered .thead th {
    height: 35px;
    color: #15354C
}

.list6 li a, a.button {
    color: #333
}

.table-bordered {
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: separate;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd;
        vertical-align: middle;
        padding: 4px;
        word-break: break-word
    }

    .table-bordered caption + tbody tr:first-child td, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + thead tr:first-child th, .table-bordered tbody:first-child tr:first-child td, .table-bordered tbody:first-child tr:first-child th, .table-bordered thead:first-child tr:first-child th {
        border-top: 0
    }

        .table-bordered tbody:first-child tr:first-child td:first-child, .table-bordered thead:first-child tr:first-child th:first-child {
            -webkit-border-top-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-border-radius-topleft: 4px
        }

        .table-bordered tbody:first-child tr:first-child td:last-child, .table-bordered thead:first-child tr:first-child th:last-child {
            -webkit-border-top-right-radius: 4px;
            border-top-right-radius: 4px;
            -moz-border-radius-topright: 4px
        }

    .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered thead:last-child tr:last-child th:first-child {
        -webkit-border-radius: 0 0 0 4px;
        -moz-border-radius: 0 0 0 4px;
        border-radius: 0 0 0 4px;
        -moz-border-radius-bottomleft: 4px
    }

    .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered thead:last-child tr:last-child th:last-child {
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -moz-border-radius-bottomright: 4px
    }

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
    background-color: #f9f9f9
}

.table-bordered .v-center {
    text-align: center;
    vertical-align: middle
}

ul.list6 li {
    background: url(images/hand-point.png) left center no-repeat;
    display: block;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-left: 24px
}

.list6, .list6 li {
    list-style: none;
    font-weight: 700;
    font-size: 13px
}

.button {
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.5) inset,0 -1px 0 rgba(255,255,255,.3) inset;
    font: 100% Arial,Helvetica,sans-serif;
    margin: 0 3px 5px 0;
    text-decoration: none !important;
    vertical-align: middle
}

a.button {
    cursor: pointer
}

.da-button, a.da-button {
    color: #fff;
    text-shadow: 1px 1px rgba(0,0,0,.35);
    text-decoration: none
}

a.da-button {
    display: inline;
    padding: 5px 12px 7px
}

.da-button {
    display: inline-block;
    outline: 0;
    font: 12px/17px 'Helvetica Neue',Arial,Helvetica,sans-serif;
    padding: 6px 15px 5px;
    margin: 0;
    width: auto;
    cursor: pointer;
    zoom: 1;
    overflow: hidden;
    border: 1px solid;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15),inset 0 1px 1px rgba(255,255,255,.35);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.15),inset 0 1px 1px rgba(255,255,255,.35);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.15),inset 0 1px 1px rgba(255,255,255,.35);
    box-shadow: 0 1px 1px rgba(0,0,0,.15),inset 0 1px 1px rgba(255,255,255,.35);
    -webkit-tap-highlight-color: transparent
}

.pustyle .xtitle, .up_title, blockquote, blockquote p {
    font-style: italic
}

.icon span.arrow, span.b_icon2 {
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    position: relative;
    width: 16px;
    float: left
}

.da-button:active {
    background-image: none !important;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,1);
    -o-box-shadow: inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,1)
}

.da-button.blue {
    background-color: #61A4E4;
    background-image: linear-gradient(bottom,#61A4E4 0,#78B4EC 100%);
    background-image: -o-linear-gradient(bottom,#61A4E4 0,#78B4EC 100%);
    background-image: -moz-linear-gradient(bottom,#61A4E4 0,#78B4EC 100%);
    background-image: -webkit-linear-gradient(bottom,#61A4E4 0,#78B4EC 100%);
    background-image: -ms-linear-gradient(bottom,#61A4E4 0,#78B4EC 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#61A4E4),color-stop(1,#78B4EC));
    border-color: #21629C
}

span.b_icon2 {
    background-position: center center;
    margin-left: -6px;
    margin-right: -6px
}

::-webkit-input-placeholder {
    color: #858383;
    font-style: italic
}

input:-moz-placeholder {
    color: #858383;
    font-style: italic
}

.icon span.arrow {
    background-position: -3px -11px;
    margin-left: 6px;
    margin-right: -14px;
    background-image: url(images/arrow2.png)
}

span.error {
    color: Red
}

span.correct {
    color: Green
}

.container_24 {
    width: 100%;
    height: 40px;
    background-color: #00556D;
    padding-bottom: 5px;
    position: fixed;
    top: 0;
    z-index: 1000
}

    .container_24 .logo {
        float: left;
        margin-left: 10px;
        margin-top: 10px
    }

    .container_24 .slogan {
        float: right
    }

.admin_user a:hover {
    color: #ff0 !important
}

.container_24 .top-login {
    margin-top: 5px;
    margin-left: 5px
}

.admin_m {
    float: left;
    padding-right: 20px;
    line-height: 20px;
    white-space: nowrap;
    color: #000
}

.admin_user, .admin_user a, .admin_user a:link {
    line-height: 20px;
    color: #fff;
    height: 22px;
    font-size: 13px !important;
    white-space: nowrap
}

.admin_user {
    float: left
}

    .admin_user a, .admin_user a:link {
        font-weight: 700
    }

#RibbonBar_ddlMode {
    -moz-box-sizing: border-box;
    padding: 0;
    margin: 0;
    height: 20px
}

table.rblTable td {
    padding-right: 12px
}

    table.rblTable td input {
        margin-right: 6px
    }

    table.rblTable td label {
        vertical-align: middle
    }

.search-icon {
    height: 24px;
    width: 24px;
    background: url(images/search.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 5px
}

table.checkBoxUniform {
    width: 100%
}

.checkBoxUniform input {
    margin-right: 7px
}

.ui-widget, .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
    font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #bfbfbf;
    background: #fff;
    color: #444
}

    .ui-widget-content a {
        color: #444
    }

.ui-widget-header {
    color: #444;
    font-weight: 700
}

    .ui-state-default, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-default, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-default, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
        border: 1px solid #bfbfbf;
        font-weight: 400;
        color: #444;
        background: #f5f0f0
    }

    .ui-widget-header a {
        color: #444
    }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #444;
    text-decoration: none
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #444;
    text-decoration: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #bfbfbf;
    background: #fff;
    font-weight: 400;
    color: #444
}

    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: #444;
        text-decoration: none
    }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee;
    color: #444
}

    .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
        color: #444
    }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec;
    color: #cd0a0a
}

    .ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error a, .ui-widget-header .ui-state-error-text {
        color: #cd0a0a
    }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

#alertMessage, .alertMessage {
    font-size: 16px;
    padding: 15px 25px 15px 45px;
    width: auto;
    font-family: 'Myriad Pro',Arial,Helvetica,sans-serif;
    background-color: #C2E3F0;
    color: #34667A;
    text-shadow: 1px 1px 1px #C8EBFB;
    background-image: url(images/info.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    cursor: pointer;
    font-weight: 700;
    text-transform: uppercase
}

#alertMessage {
    position: fixed;
    text-align: center;
    z-index: 100001;
    display: none;
    right: -20px;
    bottom: 25px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.alertMessage {
    margin-bottom: 15px
}

    #alertMessage span, .alertMessage span {
        border-left: 1px #488eaa solid;
        border-right: 1px #efefef solid;
        margin-right: 10px;
        padding: 5px 0
    }

    #alertMessage.error, .alertMessage.error {
        background-color: #fc4a48;
        color: #5A0000;
        text-shadow: 1px 1px 1px #E64040;
        background-image: url(images/error.png);
        border: 1px solid #a93a25
    }

        #alertMessage.error span, .alertMessage.error span {
            border-left: 1px #7a0202 solid;
            border-right: 1px #f08c8a solid;
            margin-right: 10px;
            padding: 5px 0
        }

    #alertMessage.success, .alertMessage.success {
        background-color: #9bc652;
        color: #324e03;
        text-shadow: 1px 1px 1px #5c9201;
        background-image: url(images/checkmark2.png);
        border: 1px solid #69a44d
    }

        .alertMessage.success span {
            border-left: 1px #688901 solid;
            border-right: 1px #d0e4a7 solid;
            margin-right: 10px;
            padding: 5px 0
        }

    #alertMessage.warning, .alertMessage.warning {
        background-color: #fcdb72;
        color: #987402;
        text-shadow: 1px 1px 1px #e7b104;
        background-image: url(images/help.png)
    }

        #alertMessage.warning span, .alertMessage.warning span {
            border-left: 1px #987402 solid;
            border-right: 1px #fff0c2 solid;
            margin-right: 10px;
            padding: 5px 0
        }

ul.imagelist {
    margin: 0;
    padding: 0
}

.imagelist li {
    float: left;
    padding: 5px;
    background: #fff;
    border: 1px solid #ddd;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 2px #eee;
    box-shadow: 1px 1px 2px #eee
}

    .imagelist li img {
        display: block;
        margin-bottom: 10px;
        width: 250px
    }

    .imagelist li span {
        display: block;
        text-align: right
    }

        .imagelist li span a {
            vertical-align: middle
        }

            .imagelist li span a.name {
                color: #999;
                float: left;
                font-weight: 700;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                width: 150px;
                text-align: left
            }

            .imagelist li span a.delete, .imagelist li span a.edit, .imagelist li span a.view {
                display: inline-block;
                width: 16px;
                height: 16px;
                cursor: pointer;
                margin-left: 5px;
                vertical-align: middle;
                opacity: .8
            }

            .imagelist li span a.edit {
                background: url(images/icons/default/editor.png)
            }

            .imagelist li span a.view {
                background: url(images/icons/default/glass.png)
            }

            .imagelist li span a.delete {
                background: url(images/icons/default/trash.png)
            }

.menucontainer {
    padding-top: 6px;
    display: none;
    min-width: 100px;
    position: absolute
}

.menuaction {
    padding: 7px 7px 5px !important;
    border: 1px solid #d9e4e7;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background: #fff !important;
    -webkit-box-shadow: 0 2px 5px rgba(88,112,118,.3);
    -moz-box-shadow: 0 2px 5px rgba(88,112,118,.3);
    box-shadow: 0 2px 5px rgba(88,112,118,.3)
}

    .menuaction ul {
        margin: 0;
        padding: 0
    }

        .menuaction ul li a {
            list-style: none !important;
            height: 29px !important;
            line-height: 29px !important;
            cursor: pointer !important;
            border: 1px solid #fff;
            padding: 0 5px;
            display: block;
            color: #444
        }

    .menuaction:after, .menuaction:before {
        content: "";
        display: inline-block
    }

    .menuaction ul li a:hover {
        height: 29px !important;
        margin: 0 !important;
        border-width: 1px !important;
        border-style: solid !important;
        border-color: #D6DADB #E3E7E8 #ECF0F1 !important;
        -moz-border-radius: 4px !important;
        -webkit-border-radius: 4px !important;
        -khtml-border-radius: 4px !important;
        border-radius: 4px !important;
        line-height: 29px !important;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1) inset;
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1) inset;
        box-shadow: 0 1px 1px rgba(0,0,0,.1) inset;
        background: #F0F5F5 !important
    }

.ubox_wrap .xhead, .ubox_wrap .xhead1, .ubox_wrap .xhead2 {
    color: #333;
    padding: 5px 3px 5px 35px;
    line-height: 16px;
    cursor: pointer
}

.menuaction:after {
    border-bottom: 6px solid #FFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    right: 10px;
    position: absolute;
    top: 1px
}

.menuaction:before {
    border-bottom: 7px solid rgba(217,228,231,.8);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    right: 9px;
    position: absolute;
    top: 0
}

.ubox_wrap .xhead, .ubox_wrap .xhead1 {
    background: url(images/layout.png) 10px center no-repeat #ccc;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

    .ubox_wrap .xhead:hover {
        background-color: #CFCFCF
    }

.ubox_wrap .xhead2 {
    background: url(images/layout.png) 10px center no-repeat #E0E0E0;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

    .ubox_wrap .xhead2:hover {
        background-color: #CFCFCF
    }

.ubox_wrap .xbody {
    margin: 8px 8px 0
}

.ghead {
    color: #DD4B39;
    font-size: 13px;
    line-height: 30px;
    font-weight: 700;
    margin-left: 5px
}

.pustyle {
    z-index: 501
}

    .pustyle .xcaption {
        margin-left: 10px;
        font-weight: 700
    }

    .pustyle .xcontent {
        margin: 6px 10px 10px
    }

    .pustyle. xvalue {
        padding-left: 10px
    }

    .pustyle .content {
        margin: 5px 10px 0
    }

@font-face {
    font-family: TitilliumText22LBold;
    src: url(Fonts/TitilliumText22L005-webfont.eot);
    src: url(Fonts/TitilliumText22L005-webfont.eot?#iefix) format("embedded-opentype"),url(Fonts/TitilliumText22L005-webfont.ttf) format("truetype"),url(Fonts/TitilliumText22L005-webfont.woff) format("woff"),url(Fonts/TitilliumText22L005-webfont.svg#TitilliumText22LBold) format("svg");
    font-weight: 400;
    font-style: normal
}

html {
    height: 100%
}

#Login {
    text-align: right;
    color: #c5c5c5
}

    #Login .LoginLink, #Login .SkinObject {
        color: #9c0b12;
        padding: 0 0 0 5px;
        text-decoration: none
    }

        #Login .LoginLink:hover, #Login .SkinObject:hover {
            text-decoration: underline
        }

    #Login .LoginLink {
        padding: 0 5px
    }

h1 {
    font-family: Arial;
    font-size: 26px
}

h2 {
    font-family: Arial;
    font-size: 22px
}

h3 {
    font-family: Arial;
    font-size: 18px
}

ol, p, ul {
    margin: 0;
    padding: 0 0 1em
}

a {
    text-decoration: none;
    border: 0
}

.DnnModule ul, ol {
    padding: 0 0 0 24px
}

#header {
    background: #FFF;
    width: 100%;
    position: relative
}

.btnD, .nav-botton {
    background-color: #f5f5f5
}

#header .headWelcome {
    position: absolute;
    top: 30px;
    right: 30px
}

.loginWel {
    color: #9C0B12
}

#menu {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 26px
}

    #menu .menu_main, #xbody {
        margin: auto;
        width: 1000px
    }

        #xbody .leftpane {
            float: left;
            width: 230px;
            margin-right: 20px
        }

        #xbody .rightpane {
            float: left;
            width: 750px
        }

.nav-top {
    border: 1px solid #cfd6e0;
    -border: 1px solid #cfd6e0;
    border-bottom: none;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-size: .923em;
    padding: 5px
}

.nav-main {
    color: #444;
    font-size: 1.083em;
    width: 100%;
    padding-bottom: 0
}

.nav-noborder {
    border: none
}

.nav-jus {
    padding: 10px
}

.nav-botton {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #e9e8e8
}

.TitleSeach {
    color: #7AA4D4;
    font-size: 17px;
    line-height: 20px;
    font-family: Courier New,monospace,sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.btnD, .btnD:hover {
    color: #369;
    text-decoration: none
}

.btn {
    margin-top: 0 !important
}

.btnD {
    display: block;
    border: 1px solid #ccc;
    -cursor: pointer;
    line-height: 100%;
    padding: 5px 5px 6px;
    vertical-align: middle;
    font-weight: 700;
    text-align: center
}

    .btnD:hover {
        background-color: #DFF4FF;
        border: 1px solid #CCC;
        -moz-box-shadow: 0 0 2px #AAA;
        -webkit-box-shadow: 0 0 2px #AAA;
        box-shadow: 0 0 2px #AAA
    }

.top-left-list {
    width: 60%;
    float: left
}

.top-right-list {
    width: 40%;
    float: left;
    border: 1px solid #ccc;
    box-sizing: border-box
}

.subhead {
    font-weight: 700;
    color: #036;
    float: left;
    padding-top: 3px;
    width: 20%
}

.top-list {
    padding: 5px
}

.top-list-1 {
    padding: 2.5px;
    height: 587px;
    overflow: auto;
    padding-bottom: 10px;
}

#preloader, .btnCss {
    height: 20px;
    line-height: 20px
}

#dlogview, .btnCss {
    overflow-x: hidden
}

.subhead-pms {
    font-weight: 700;
    color: red;
    padding: 10px;
    border-bottom: 1px solid #ccc
}

.chkall label {
    font-weight: 700;
    color: #036;
    margin-bottom: 0 !important
}

.subhead-right {
    width: 80%;
    float: left
}

.btnCss {
    border-radius: 3px;
    -webkit-box-shadow: rgba(255,255,255,.0976563) 0 1px 1px 0 inset;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url(/images/vline.jpg);
    background-origin: padding-box;
    background-position: 0 -220px;
    box-shadow: rgba(255,255,255,.0976563) 0 1px 1px 0 inset;
    color: #686060;
    cursor: pointer;
    font-family: Tahoma,Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    -margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    overflow-y: hidden;
    position: static;
    text-decoration: none;
    -text-shadow: #706767 0 1px 0;
    border-color: #E8AC09;
    border-style: solid;
    border-width: 1px;
    outline: #fff 0;
    outline: #fff 0;
    outline: #fff 0
}

    .btnCss:hover {
        background-position: left -220px;
        border: 1px solid #B2850A;
        color: #7A7154
    }

.divNoRecord {
    border: 1px solid #CFD6E0
}

#overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #111;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 1000
}

#preloader {
    background: url(images/loaders/preloader.gif) 12px 10px no-repeat #000;
    font-size: 11px;
    left: 50%;
    margin: -20px 0 0 -45px;
    padding: 10px;
    position: fixed;
    text-align: left;
    text-indent: 36px;
    top: 50%;
    width: 90px;
    z-index: 1209;
    opacity: .8;
    filter: alpha(opacity=80);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    color: #FFF;
    text-shadow: none
}

.spanItem a {
    color: #666;
    text-decoration: none
}

    .spanItem a:hover {
        text-decoration: none
    }

.toolbarBox {
    padding-bottom: 5px
}

    .toolbarBox ul.cc_button {
        background-color: #fff;
        border-bottom: 1px solid #ddd;
        float: left;
        margin: 0 0 0 -3px;
        padding: 5px 10px;
        width: 100%
    }

    .toolbarBox ul .ghead {
        float: left;
        color: #228b22 !important;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        font-family: serif
    }

    .toolbarBox ul.cc_button li {
        color: #666;
        float: left;
        height: 26px;
        list-style: none;
        padding: 1px 1px 3px 4px;
        text-align: center
    }

.chosen-container, .chosen-drop ul li {
    float: none !important;
    text-align: left !important
}

.toolbarBox a.toolbar_btn {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: inline-block;
    padding: 5px 6px;
    text-align: center;
    background: #fff;
    color: #000;
    border: 1px solid;
    cursor: pointer;
    text-decoration: none;
    border-color: #ccc #bbb #bbb #ccc
}

.toolbarBox .toolbar_btn span {
    text-align: center;
    padding-left: 7px;
    padding-right: 5px;
    display: inherit;
    float: none;
    height: auto;
    margin: 0 auto -1px;
    width: auto
}

div.fix-toolbar {
    border-bottom: 1px solid #E0E0E0;
    opacity: .9;
    position: fixed;
    top: 34px;
    z-index: 100
}

div.fix-toolbar-top {
    border-bottom: 1px solid #007236;
    position: fixed;
    top: 0;
    z-index: 100;
    background-color: #fff
}

input.updateSucess {
    border-color: #468847;
    color: #468847;
    background: url(images/success.png) center right no-repeat
}

input.updateError {
    border-color: #B94A48;
    color: #B94A48
}

input.updateSucess:focus {
    border-color: #953b39;
    box-shadow: 0 0 6px #d59392;
    -moz-box-shadow: 0 0 6px #d59392;
    -webkit-box-shadow: 0 0 6px #d59392
}

.ui-datepicker-trigger {
    vertical-align: middle;
    margin-left: 5px;
    cursor: pointer
}

.tblBriefInfo td {
    vertical-align: top !important;
    font-size: 14px;
    line-height: 20px
}

#btnStartUpload {
    color: #fff;
    font-weight: 700;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    padding: 4px 6px;
    .padding-bottom:4px;
    text-align: center;
    background: #2292d1;
    border: 1px solid;
    cursor: pointer;
    text-decoration: none;
    border-color: #ccc #bbb #bbb #ccc
}

    #btnStartUpload:hover {
        border-color: #166abf;
        background-color: #2292d1;
        cursor: hand;
        text-decoration: none
    }

    #btnStartUpload a:hover, a#btnStartUpload {
        text-decoration: none
    }

.me-plugin {
    visibility: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 0
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: none !important
}

.ui-widget-header {
    border-radius: 0 !important;
    border: 0 !important
}

.dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close {
    border-radius: 0;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important
}

input[type=image] + span.Head, input[type=image] + span.SubHead {
    display: inline
}

.Normal, .NormalDeleted, .NormalDisabled {
    color: #444;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.NormalDeleted, .NormalDisabled {
    color: #999
}

.Help {
    padding: 2px;
    border: 1px solid #000;
    background-color: #ff9;
    font-weight: 400;
    font-size: 11px;
    color: #000
}

.NormalBold {
    font-weight: 700;
    color: #222
}

.NormalRed {
    font-weight: 700;
    color: red
}

.NormalDeleted {
    text-decoration: line-through
}

blockquote, blockquote p {
    font-size: 17px;
    line-height: 24px;
    color: #777
}

blockquote {
    margin: 0 0 20px;
    padding: 9px 20px 0 19px;
    border-left: 1px solid #ddd
}

    blockquote cite {
        display: block;
        font-size: 12px;
        color: #555
    }

        blockquote cite:before {
            content: "\2014 \0020"
        }

        blockquote cite a, blockquote cite a:visited {
            color: #555
        }

img.dnn-scale-img {
    max-width: 100%;
    height: auto
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

.dnnFormMessage {
    display: block;
    padding: 17px 18px;
    margin-bottom: 18px;
    border: 1px solid rgba(2,139,255,.2);
    background: rgba(2,139,255,.15);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    max-width: 980px
}

    .dnnFormMessage.dnnFormError, .dnnFormMessage.dnnFormValidationSummary {
        background-color: rgba(255,0,0,.15);
        border-color: rgba(255,0,0,.2)
    }

    .dnnFormMessage.dnnFormWarning {
        background-color: rgba(255,255,0,.15);
        border-color: #CDB21F
    }

    .dnnFormMessage.dnnFormSuccess {
        background-color: rgba(0,255,0,.15);
        border-color: rgba(0,255,0,.5)
    }

.dnnTableHeader {
    display: block;
    padding: 15px;
    background: #E3E3E5
}

    .dnnTableHeader a, .dnnTableHeader input, .dnnTableHeader select {
        margin: 0
    }

.dnnTableDisplay {
    margin-bottom: 18px;
    border: 1px solid #d1d1d1;
    border-left: 0;
    border-bottom: 0
}

    .dnnTableDisplay td, .dnnTableDisplay th {
        padding: 5px 9px;
        border-bottom: 1px solid #d1d1d1
    }

    .dnnTableDisplay th {
        padding: 0;
        border-left: 1px solid #d1d1d1;
        -webkit-box-shadow: 1px 0 0 0 rgba(255,255,255,.9);
        box-shadow: 1px 0 0 0 rgba(255,255,255,.9);
        background: -moz-linear-gradient(top,#f5f5f5 0,#dfdfdf 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f5f5f5),color-stop(100%,#dfdfdf));
        background: -webkit-linear-gradient(top,#f5f5f5 0,#dfdfdf 100%);
        background: -o-linear-gradient(top,#f5f5f5 0,#dfdfdf 100%);
        background: -ms-linear-gradient(top,#f5f5f5 0,#dfdfdf 100%);
        background: linear-gradient(top,#f5f5f5 0,#dfdfdf 100%);
        text-align: left;
        text-shadow: 1px 1px 0 rgba(255,255,255,.8);
        color: #333
    }

        .dnnTableDisplay th > a, .dnnTableDisplay th > span {
            display: block;
            padding: 5px 9px
        }

    .dnnTableDisplay td:first-child {
        border-left: 1px solid #cfcfcf
    }

    .dnnTableDisplay label {
        display: inline;
        padding-left: 5px
    }

    .dnnTableDisplay caption {
        display: none
    }

    .dnnTableDisplay th a, .dnnTableDisplay th label {
        font-weight: 400;
        color: #333;
        text-decoration: none
    }

    .dnnTableDisplay th a {
        padding: 8px 9px
    }

        .dnnTableDisplay th a:hover {
            background: #fefefe;
            background: -moz-linear-gradient(top,#fefefe 0,#e8e8e8 100%);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fefefe),color-stop(100%,#e8e8e8));
            background: -webkit-linear-gradient(top,#fefefe 0,#e8e8e8 100%);
            background: -o-linear-gradient(top,#fefefe 0,#e8e8e8 100%);
            background: -ms-linear-gradient(top,#fefefe 0,#e8e8e8 100%);
            background: linear-gradient(top,#fefefe 0,#e8e8e8 100%);
            color: #333
        }

        .dnnTableDisplay th a:active {
            border-color: #999;
            background: #c6c6c6;
            background: -moz-linear-gradient(top,#c6c6c6 0,#f3f3f3 100%);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#c6c6c6),color-stop(100%,#f3f3f3));
            background: -webkit-linear-gradient(top,#c6c6c6 0,#f3f3f3 100%);
            background: -o-linear-gradient(top,#c6c6c6 0,#f3f3f3 100%);
            background: -ms-linear-gradient(top,#c6c6c6 0,#f3f3f3 100%);
            background: linear-gradient(top,#c6c6c6 0,#f3f3f3 100%);
            -webkit-box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.3);
            box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.3)
        }

    .dnnTableDisplay tr:nth-child(2n) td {
        background: rgba(0,0,0,.04)
    }

    .dnnTableDisplay tr:hover td {
        background: rgba(2,139,255,.15)
    }

    .dnnTableDisplay tfoot tr:hover td {
        background: 0 0
    }

.dnnTableFilter {
    margin-bottom: 18px;
    background: rgba(0,0,0,.04)
}

    .dnnTableFilter .dnnTableDisplay {
        margin-bottom: 0
    }

.dnnFilterSet {
    padding: 18px
}

    .dnnFilterSet label {
        display: inline-block
    }

    .dnnFilterSet input, .dnnFilterSet select {
        display: inline-block;
        margin: 0 5px
    }

.verticalFilter .dnnFilterSet {
    float: left;
    width: 20%;
    padding: 2% 18px
}

.verticalFilter .dnnTableDisplay {
    float: right;
    width: 75%
}

.verticalFilter input[type=search], .verticalFilter input[type=text], .verticalFilter select {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.dnnResults {
    float: left;
    margin-bottom: 0
}

.dnnPagination {
    float: right;
    margin: 0;
    padding: 0
}

    .dnnPagination li {
        float: left;
        list-style: none
    }

        .dnnPagination li a, .dnnPagination li span {
            display: inline-block;
            padding: 0 5px;
            text-decoration: none;
            color: #333
        }

            .dnnPagination li a:hover, .dnnPagination li span {
                color: #222;
                text-decoration: underline
            }

.dnnFormItem input[type=text], .dnnFormItem input[type=email], .dnnFormItem input[type=password], .dnnFormItem input[type=search], .dnnFormItem select, .dnnFormItem textarea {
    margin-bottom: 18px;
    background: #fff;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,.8),inset 0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 0 0 rgba(255,255,255,.8),inset 0 1px 2px 0 rgba(0,0,0,.1);
    color: #333;
    font-size: 12px
}

    .dnnFormItem input.aspNetDisabled, .dnnFormItem textarea.aspNetDisabled {
        background: #ebebeb;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #a7a7a7;
        border-width: 1px
    }

.aspNetDisabled, .dnnDisabled, a.aspNetDisabled, a.dnnDisabled {
    color: #ccc;
    cursor: not-allowed;
    text-decoration: none
}

.dnnFormItem input[type=text]:active, .dnnFormItem input[type=text]:focus, .dnnFormItem input[type=email]:active, .dnnFormItem input[type=email]:focus, .dnnFormItem input[type=password]:active, .dnnFormItem input[type=password]:focus, .dnnFormItem input[type=search]:active, .dnnFormItem input[type=search]:focus, .dnnFormItem select:active, .dnnFormItem select:focus, .dnnFormItem textarea:active, .dnnFormItem textarea:focus {
    background: #fff;
    border: 1px solid rgba(2,139,255,.5);
    -webkit-box-shadow: 0 0 3px 0 rgba(2,139,255,.4);
    box-shadow: 0 0 3px 0 rgba(2,139,255,.4);
    color: #333
}

.required label:after, legend.required:after {
    display: inline-block;
    margin-top: -2px;
    margin-left: 9px;
    padding: 1px 9px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: rgba(0,0,0,.03);
    content: 'Required';
    font-weight: 400;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: italic;
    color: #777
}

.error label, legend.error {
    color: rgba(255,0,0,.9)
}

.error input[type=text], .error input[type=email], .error input[type=search], .error select, .error textarea {
    border: 1px solid rgba(255,0,0,.6);
    color: rgba(255,0,0,.7)
}

.dnnFormItem button, .dnnFormItem input[type=button], .dnnFormItem input[type=reset], .dnnFormItem input[type=submit], .dnnLogin .LoginTabGroup span, .dnnPrimaryAction, .dnnSecondaryAction, .dnnTertiaryAction, ul.dnnAdminTabNav li a {
    display: inline-block;
    padding: 9px;
    margin-bottom: 9px;
    cursor: pointer;
    min-width: 75px;
    border: 1px solid #c2c2c2;
    background: #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    font-weight: 700;
    text-decoration: none;
    text-align: center
}

.dnnFormItem button, .dnnFormItem input[type=button], .dnnFormItem input[type=reset], .dnnFormItem input[type=submit], .dnnPrimaryAction, .dnnSecondaryAction, .dnnTertiaryAction {
    padding: 6px
}

.dnnFormItem input[type=submit], .dnnPrimaryAction, a.dnnPrimaryAction {
    border-color: #0D569E;
    background: #3792ED;
    background: -moz-linear-gradient(top,#358eea 0,#2170cd 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#358eea),color-stop(100%,#2170cd));
    background: -webkit-linear-gradient(top,#358eea 0,#2170cd 100%);
    background: linear-gradient(top,#358eea 0,#2170cd 100%);
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.6),inset 0 1px 0 0 rgba(255,255,255,.4);
    box-shadow: 0 1px 0 0 rgba(0,0,0,.6),inset 0 1px 0 0 rgba(255,255,255,.4);
    color: #efefef;
    text-shadow: 0 -1px 0 #185B93
}

    .dnnFormItem input[type=submit]:hover, .dnnPrimaryAction:hover, a.dnnPrimaryAction:hover {
        border-color: #0D569E;
        background: #6cb6f3;
        background: -moz-linear-gradient(top,#6cb6f3 0,#4387d2 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#6cb6f3),color-stop(100%,#4387d2));
        background: -webkit-linear-gradient(top,#6cb6f3 0,#4387d2 100%);
        background: linear-gradient(top,#6cb6f3 0,#4387d2 100%);
        color: #fff
    }

    .dnnFormItem input[type=submit]:active, .dnnPrimaryAction:active, a.dnnPrimaryAction:active {
        border-color: #0D569E;
        background: #1f66be;
        background: -moz-linear-gradient(top,#1f66be 0,#3085e0 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#1f66be),color-stop(100%,#3085e0));
        background: -webkit-linear-gradient(top,#1f66be 0,#3085e0 100%);
        background: linear-gradient(top,#1f66be 0,#3085e0 100%);
        -webkit-box-shadow: inset 0 1px 5px 0 rgba(0,0,0,.4);
        box-shadow: inset 0 1px 5px 0 rgba(0,0,0,.4);
        color: #fff
    }

    .dnnPrimaryAction[disabled], .dnnPrimaryAction[disabled]:active, .dnnPrimaryAction[disabled]:hover {
        background: #ccc !important;
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        color: #aaa !important;
        text-shadow: none
    }

.dnnFormItem button, .dnnFormItem input[type=button], .dnnFormItem input[type=reset], .dnnLogin .LoginTabGroup span, .dnnSecondaryAction, a.dnnSecondaryAction, ul.dnnAdminTabNav li a {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5 0,#dfdfdf 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f5f5f5),color-stop(100%,#dfdfdf));
    background: -webkit-linear-gradient(top,#f5f5f5 0,#dfdfdf 100%);
    background: -o-linear-gradient(top,#f5f5f5 0,#dfdfdf 100%);
    background: -ms-linear-gradient(top,#f5f5f5 0,#dfdfdf 100%);
    background: linear-gradient(top,#f5f5f5 0,#dfdfdf 100%);
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.4),inset 0 1px 0 0 rgba(255,255,255,1);
    box-shadow: 0 1px 0 0 rgba(0,0,0,.4),inset 0 1px 0 0 rgba(255,255,255,1);
    text-shadow: 0 1px 0 #fff;
    color: #333
}

    .dnnFormItem button:hover, .dnnFormItem input[type=button]:hover, .dnnFormItem input[type=reset]:hover, .dnnLogin .LoginTabGroup span:hover, .dnnSecondaryAction:hover, a.dnnSecondaryAction:hover, ul.dnnAdminTabNav li a:hover {
        background: #fefefe;
        background: -moz-linear-gradient(top,#fefefe 0,#e8e8e8 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fefefe),color-stop(100%,#e8e8e8));
        background: -webkit-linear-gradient(top,#fefefe 0,#e8e8e8 100%);
        background: -o-linear-gradient(top,#fefefe 0,#e8e8e8 100%);
        background: -ms-linear-gradient(top,#fefefe 0,#e8e8e8 100%);
        background: linear-gradient(top,#fefefe 0,#e8e8e8 100%);
        color: #555
    }

    .dnnFormItem button:active, .dnnFormItem input[type=button]:active, .dnnFormItem input[type=reset]:active, .dnnSecondaryAction:active, a.dnnSecondaryAction:active, ul.dnnAdminTabNav li a:active {
        border-color: #999;
        background: #c6c6c6;
        background: -moz-linear-gradient(top,#c6c6c6 0,#f3f3f3 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#c6c6c6),color-stop(100%,#f3f3f3));
        background: -webkit-linear-gradient(top,#c6c6c6 0,#f3f3f3 100%);
        background: -o-linear-gradient(top,#c6c6c6 0,#f3f3f3 100%);
        background: -ms-linear-gradient(top,#c6c6c6 0,#f3f3f3 100%);
        background: linear-gradient(top,#c6c6c6 0,#f3f3f3 100%);
        -webkit-box-shadow: inset 0 1px 5px 0 rgba(0,0,0,.4);
        box-shadow: inset 0 1px 5px 0 rgba(0,0,0,.4)
    }

span.dnnPrimaryAction > input[type=image], span.dnnSecondaryAction > input[type=image] {
    display: none
}

span.dnnPrimaryAction > a.dnnPrimaryAction, span.dnnSecondaryAction > a.dnnSecondaryAction {
    display: inline;
    background: 0 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dnnTertiaryAction, a.dnnTertiaryAction {
    padding: 10px;
    border: none;
    background: #eaeaea;
    color: #333
}

    .dnnTertiaryAction:hover, a.dnnTertiaryAction:hover {
        background: #f2f2f2
    }

    .dnnTertiaryAction:active, a.dnnTertiaryAction:active {
        background: #d8d8d8
    }

.dnnFormItem input[type=text] + a.dnnPrimaryAction, .dnnFormItem input[type=text] + a.dnnSecondaryAction, .dnnFormItem input[type=text] + a.dnnTerriaryAction {
    margin-left: 5px
}

.dnnFormItem button[disabled], .dnnFormItem input[disabled] {
    cursor: default;
    opacity: .5
}

.dnnFormItem input[type=checkbox], .dnnFormItem input[type=radio] {
    padding: 0;
    box-sizing: border-box
}

.dnnFormItem input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

    .dnnFormItem input[type=search]::-webkit-search-cancel-button, .dnnFormItem input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

.dnnFormItem button::-moz-focus-inner, .dnnFormItem input::-moz-focus-inner {
    border: 0;
    padding: 0
}

.dnnFormItem textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
    min-height: 80px
}

    .dnnFormItem input:invalid, .dnnFormItem textarea:invalid {
        background-color: #f0dddd
    }

.horizontal ul.categories, .horizontal ul.tags, .vertical ul.categories, .vertical ul.tags {
    list-style: none
}

ul.dnnAdminTabNav {
    display: inline-block;
    margin-top: 5px;
    margin-left: 0;
    width: 100%;
    height: 37px;
    border-bottom: 1px solid #c2c2c2
}

    ul.dnnAdminTabNav li {
        float: left;
        margin-right: 4px;
        list-style: none
    }

        ul.dnnAdminTabNav li a {
            margin-bottom: 0;
            border-bottom: 0;
            box-shadow: none;
            webkit-box-shadow: none;
            -webkit-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0
        }

        ul.dnnAdminTabNav li.ui-tabs-active a {
            margin-top: -3px;
            padding: 12px 9px 10px;
            background: #fff
        }

.ui-tabs .ui-tabs-panel {
    position: relative;
    display: block
}

.ui-tabs .ui-tabs-hide {
    display: none
}

.dnnLogin .LoginTabGroup {
    display: inline-block;
    width: 100%;
    height: 37px;
    margin-left: 0;
    margin-top: 5px;
    border-bottom: 1px solid #C2C2C2
}

    .dnnLogin .LoginTabGroup span {
        margin-right: 4px;
        margin-bottom: 0;
        border-bottom: 0 none;
        border-radius: 3px 3px 0 0;
        box-shadow: none
    }

        .dnnLogin .LoginTabGroup span.LoginTabSelected {
            margin-top: -3px;
            padding: 12px 9px 10px;
            background: #FFF
        }

.dnnForm .ui-resizable {
    position: relative
}

.dnnForm .ui-resizable-handle {
    position: absolute;
    display: block;
    z-index: 99999;
    font-size: .1px
}

.dnnForm .ui-resizable-autohide .ui-resizable-handle, .dnnForm .ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.dnnForm .dnnFormItem, .dnnHelperTip, .dnnTooltip {
    position: relative;
    display: block
}

.dnnForm .ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.dnnForm .ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.dnnForm .ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.dnnForm .ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.dnnForm .ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.dnnForm .ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.dnnForm .ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.dnnForm .ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.dnnForm, .dnnForm fieldset fieldset {
    width: 100%
}

    .dnnForm fieldset {
        clear: none;
        position: relative;
        margin-bottom: 18px;
        text-align: left
    }

    .dnnForm .dnnFormItem {
        clear: both;
        width: 100%;
        text-align: left
    }

.dnnTooltip {
    width: 32.075%;
    margin-right: 18px
}

.dnnDragdropTip {
    z-index: 10000;
    position: absolute;
    width: auto !important;
    height: auto !important;
    padding: 10px 10px 10px 30px;
    border-radius: 3px;
    background: url(/images/pin-icn.png) 7px 12px no-repeat rgba(0,0,0,.75);
    font-size: 11px;
    color: #DDD;
    text-align: left
}

.dnnLabel, .dnnLabel > span {
    text-align: right
}

div.dnnFormItem.dnnFormRequired > div.dnnLabel span:after, span.dnnFormRequired:after {
    content: "*";
    display: inline-block;
    margin: 0 0 0 5px;
    color: Red;
    font-size: 16px;
    line-height: 1em;
    font-weight: 700
}

.dnnFormItem input[type=checkbox] + span, .dnnFormItem input[type=radio] + span {
    display: inline-block;
    width: auto;
    margin: 6px 5px
}

.dnnForm .dnnFormItem a.dnnFormHelp, .dnnTooltip label a.dnnFormHelp, a.dnnFormHelp {
    color: #333;
    text-decoration: none;
    font-weight: 700
}

a.dnnFormHelp {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 2px;
    width: 14px;
    height: 15px;
    background: url(/images/helpI-icn-grey.png) left 2px no-repeat;
    padding: 0 !important;
    margin: 0 !important
}

.dnnForm .dnnFormItem a.dnnFormHelp span, .dnnLabel {
    position: relative
}

.dnnLabel {
    display: inline-block;
    float: left;
    width: 32.075%;
    padding-right: 20px;
    margin-right: 18px;
    overflow: visible
}

.dnnFormItem > .dnnLabel {
    margin-top: 5px
}

.dnnForm .dnnFormItem a.dnnFormHelp img {
    display: block
}

.dnnLabel + span {
    display: inline-block;
    margin-top: 6px;
    margin-bottom: 6px;
    white-space: pre-line
}

.dnnFormHelpContent span, a.pinHelp {
    display: block
}

td > .dnnLabel {
    width: 220px
}

.dnnHelperTip .dnnFormHelpContent, .dnnTooltip .dnnFormHelpContent {
    visibility: hidden;
    z-index: 10;
    position: absolute;
    width: 200px;
    padding: 10px 10px 10px 30px;
    border-radius: 3px;
    background: rgba(0,0,0,.75);
    font-size: 11px;
    color: #ddd;
    text-align: left
}

    .dnnHelperTip .dnnFormHelpContent span:after, .dnnTooltip .dnnFormHelpContent span:after {
        position: absolute;
        content: "";
        left: 15px;
        bottom: -7px;
        width: 0;
        height: 0;
        opacity: .75;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #000
    }

a.pinHelp {
    position: absolute;
    left: 7px;
    top: 12px;
    width: 15px;
    height: 15px;
    opacity: .5;
    background: url(/images/pin-icn.png) no-repeat
}

    .ui-draggable a.pinHelp, a.pinHelp:hover {
        opacity: 1
    }

.dnnFormItem span.dnnFormMessage.dnnFormError {
    display: block;
    position: absolute;
    overflow: visible;
    bottom: 95%;
    right: 12%;
    width: 200px;
    margin-bottom: 0;
    padding: 10px;
    border: none;
    border-radius: 3px;
    background: rgba(255,0,0,.75);
    font-size: 12px;
    color: #fff;
    text-align: left
}

    .dnnFormItem span.dnnFormMessage.dnnFormError:after {
        position: absolute;
        bottom: -7px;
        left: 15px;
        content: "";
        width: 0;
        height: 0;
        opacity: .75;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid red
    }

.dnnCheckbox-disabled img, .dnnRadiobutton-disabled img {
    opacity: .5
}

.dnnFormItem input[type=text], .dnnFormItem input[type=email], .dnnFormItem input[type=password], .dnnFormItem input[type=tel], .dnnFormItem select, .dnnFormItem textarea {
    width: 45%;
    max-width: 445px
}

.dnnFormItem select {
    width: 47%
}

.dnnCheckbox img, .dnnRadiobutton img {
    width: 20px;
    height: 18px;
    min-width: 20px;
    vertical-align: middle
}

.dnnFormItem select option {
    color: #333
}

.dnnFormItem table {
    background: 0 0
}

.dnnCheckbox {
    display: inline-block;
    cursor: pointer
}

    .dnnCheckbox .mark {
        display: inline-block
    }

    .dnnCheckbox img {
        display: inline-block;
        background: url(/images/checkbox.png) no-repeat
    }

.dnnCheckbox-hover img {
    background-position: 0 0
}

.dnnCheckbox-checked img {
    background-position: -51px 0
}

.dnnCheckbox-checked-error img {
    background-position: -150px 0
}

.dnnCheckbox-error img {
    background-position: -100px 0
}

.dnnCheckbox-focus {
    background-color: #e3e3e5
}

.dnnFormItem input[type=checkbox].normalCheckBox {
    display: inline-block;
    margin: 8px 0 4px
}

.dnnRadiobutton {
    display: inline-block;
    cursor: pointer
}

    .dnnRadiobutton .mark {
        display: inline-block
    }

    .dnnRadiobutton img {
        background: url(/images/radiobutton.png) no-repeat
    }

.dnnRadiobutton-hover img {
    background-position: 0 0
}

.dnnRadiobutton-checked img {
    background-position: -50px 0
}

.dnnRadiobutton-checked-error img {
    background-position: -150px 0
}

.dnnRadiobutton-error img {
    background-position: -100px 0
}

.dnnRadiobutton-focus {
    background-color: #e3e3e5
}

div.dnnFormGroup, table.dnnFormRadioButtons {
    margin-bottom: 5px;
    background-color: #f0f0f0
}

div.dnnFormRadioButtons, div.dnnHSRadioButtons, span.dnnFormRadioButtons, span.dnnHSRadioButtons {
    display: inline-block;
    padding: 10px;
    margin-bottom: 5px;
    background-color: #f0f0f0
}

.RadComboBox_Default .rcbInput {
    width: 100% !important
}

div.dnnFormGroup {
    display: inline-block;
    padding: 10px;
    width: 65%
}

.dnnSpinner {
    display: inline-block;
    position: relative;
    width: 150px;
    padding: 6px;
    border: 1px solid #c9c9c9;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0,#f0f2f1 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f0f2f1));
    background: -webkit-linear-gradient(top,#fff 0,#f0f2f1 100%);
    background: linear-gradient(top,#fff 0,#f0f2f1 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 0 0 #bbb;
    box-shadow: 0 1px 0 0 #bbb
}

.dnnFormItem .dnnSpinner {
    width: 45%;
    margin-bottom: 18px
}

.dnnSpinnerDisplay {
    margin: 0 25px 0 8px;
    background: 0 0;
    color: #999
}

.dnnFormItem .dnnSpinnerDisplay > input[type=text], .dnnFormItem .dnnSpinnerDisplay > input[type=text]:focus {
    border: none;
    margin: 0;
    box-shadow: none;
    padding: 0;
    background: 0 0
}

.dnnSpinnerCtrl {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    background-color: transparent;
    border-left: 1px solid #c9c9c9
}

    .dnnSpinnerCtrl > a.dnnSpinnerTopButton {
        display: block;
        width: 25px;
        height: 16px;
        background: url(/images/dnnSpinnerUpArrow.png) center no-repeat;
        cursor: pointer
    }

    .dnnSpinnerCtrl > a.dnnSpinnerBotButton {
        display: block;
        width: 25px;
        height: 16px;
        background: url(/images/dnnSpinnerDownArrow.png) center no-repeat;
        cursor: pointer
    }

div.dnnTagsInput {
    display: inline-block;
    margin: 0;
    padding: 5px 0 0 5px;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #FFF;
    -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,.8),inset 0 1px 2px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 0 0 rgba(255,255,255,.8),inset 0 1px 2px 0 rgba(0,0,0,.3)
}

.dnnFormItem .dnnTagsInput {
    width: 45%
}

div.dnnTagsInput span.tag {
    display: block;
    float: left;
    padding: 2px 6px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 12px;
    text-decoration: none;
    color: #888;
    cursor: pointer;
    background-color: #eee
}

    div.dnnTagsInput span.tag:hover {
        background-color: #e8f1fa;
        color: #444
    }

    div.dnnTagsInput span.tag a {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 6px 0 0;
        background: url(/images/dnnTagClose.png) center no-repeat
    }

div.dnnTagsInput > div > input, div.dnnTagsInput > div > input:focus {
    border: none;
    background: 0 0;
    outline: 0;
    font-weight: 400;
    font-family: helvetica;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    padding: 3px 0;
    margin-bottom: 5px
}

div.dnnTagsInput div {
    display: block;
    float: left
}

    div.dnnTagsInput div.dnnTags_filter {
        float: right;
        position: relative;
        margin: 0 0 5px 5px
    }

        div.dnnTagsInput div.dnnTags_filter > .dnnTags_filter_label {
            display: inline-block;
            border-left: 1px solid #ccc;
            padding: 3px 15px 0 10px;
            margin-right: 3px;
            color: #999;
            cursor: pointer;
            background: url(/images/dnnSpinnerDownArrow.png) right center no-repeat;
            height: 22px
        }

            div.dnnTagsInput div.dnnTags_filter > .dnnTags_filter_label.dnnExpanded {
                color: #666;
                background: url(/images/dnnSpinnerUpArrow.png) right center no-repeat
            }

        div.dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl {
            display: none;
            position: absolute;
            list-style-type: none;
            background: #fff;
            border: 1px solid #c9c9c9;
            right: 22px;
            top: 28px;
            margin: 0;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-shadow: 0 2px 0 0 #bbb;
            box-shadow: 0 2px 0 0 #bbb;
            z-index: 15
        }

        .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > label, div.dnnTagsInput div.dnnTags_filter a.dnnSearchButton {
            display: inline-block;
            vertical-align: top;
            cursor: pointer
        }

.dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li {
    white-space: nowrap;
    padding: 6px 12px 6px 8px;
    border-top: 1px solid #c9c9c9;
    list-style: none;
    color: #666;
    min-width: 150px
}

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li:first-child {
        border-top: none
    }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li:hover {
        background-color: #e8f1fa;
        color: #333
    }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > input {
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
        cursor: pointer
    }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > span.dnnCheckbox {
        margin-right: 8px
    }

div.dnnTagsInput div.dnnTags_filter a.dnnSearchButton {
    width: 18px;
    height: 18px;
    background-image: url(/images/search/searchButton.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 4px 5px 0 4px
}

.dnnTagsClear {
    clear: both;
    width: 100%;
    height: 0
}

div.dnnTagsInput > div > input.dnnTagsInvalid {
    display: block;
    float: left;
    padding: 3px 0;
    margin-right: 5px;
    border: none;
    outline: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #FBD8DB;
    cursor: pointer;
    font-size: 12px;
    color: #90111A !important;
    text-decoration: none
}

.dnn_acResults {
    padding: 0;
    border: 1px solid #c9c9c9;
    background-color: #fff;
    overflow: hidden;
    z-index: 900001;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-box-shadow: 0 2px 0 0 #bbb;
    box-shadow: 0 2px 0 0 #bbb;
    min-width: 150px
}

    .dnn_acResults ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .dnn_acResults ul li {
            margin: 0;
            padding: 6px 22px;
            border-top: 1px solid #c9c9c9;
            cursor: pointer;
            display: block;
            overflow: hidden;
            color: #333
        }

            .dnn_acResults ul li:first-child {
                border-top: none
            }

.dnn_acSelect {
    background-color: #e8f1fa;
    color: #333
}

.dnnFormMessage .dnnLabel {
    float: none;
    width: 90%;
    text-align: left
}

.dnnFormSectionHead span {
    font-size: 18px;
    color: #222
}

.dnnProgressbar {
    height: 25px !important;
    padding: 18px 10px 0;
    border: 1px solid #c9c9c9;
    background: #fff;
    background: -moz-linear-gradient(top,#f0f2f1 0,#fff 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f0f2f1),color-stop(100%,#fff));
    background: -webkit-linear-gradient(top,#f0f2f1 0,#fff 100%);
    background: linear-gradient(top,#f0f2f1 0,#fff 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.25),0 1px 0 0 #fff;
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.25),0 1px 0 0 #fff
}

.ui-progressbar {
    height: 10px !important;
    overflow: hidden;
    background-color: #ccc;
    -webkit-box-shadow: inset 0 1px 0 0 #bbb;
    box-shadow: inset 0 1px 0 0 #bbb;
    text-align: left
}

    .ui-progressbar .ui-progressbar-value {
        margin: 0;
        height: 100%;
        background-color: #1a82f7;
        background: -moz-linear-gradient(left,#2b7fda 0,#3fbdff 100%);
        background: -webkit-gradient(linear,left top,right top,color-stop(0,#2b7fda),color-stop(100%,#3fbdff));
        background: -webkit-linear-gradient(left,#2b7fda 0,#3fbdff 100%);
        background: linear-gradient(left,#2b7fda 0,#3fbdff 100%)
    }

.dnnDropdownSettings {
    position: relative;
    height: 30px !important
}

.dnnButtonDropdown {
    width: 50px;
    height: 30px !important;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0,#f0f2f1 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f0f2f1));
    background: -webkit-linear-gradient(top,#fff 0,#f0f2f1 100%);
    background: linear-gradient(top,#fff 0,#f0f2f1 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 0 #bbb;
    box-shadow: 0 1px 0 0 #bbb;
    border: 1px solid #c9c9c9;
    cursor: pointer
}

.dnnButtonArrow, .dnnButtonIcon {
    display: inline-block;
    height: 30px !important
}

.dnnButtonIcon {
    width: 32px
}

.dnnButtonArrow {
    width: 10px;
    background: url(/images/dnnSpinnerDownArrow.png) center no-repeat
}

.dnnButtonDropdown-clicked {
    z-index: 100;
    position: absolute;
    width: 50px;
    height: 30px !important;
    background: #fff;
    border: 1px solid #c9c9c9;
    border-bottom: 1px solid #fff;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px
}

.dnnButtonDropdown-ul {
    display: none;
    position: absolute;
    z-index: 99;
    top: 29px;
    left: 0;
    width: 200px;
    margin-left: 0;
    background: #fff;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 0 0 #bbb;
    box-shadow: 0 2px 0 0 #bbb;
    list-style-type: none
}

    .dnnButtonDropdown-ul > li, .dnnButtonDropdown-ul > ul > li {
        padding: 8px;
        border-bottom: 1px solid #c9c9c9;
        color: #333;
        cursor: pointer;
        vertical-align: middle;
        list-style: none;
        margin: 0
    }

    .dnnButtonDropdown-ul > ul {
        margin: 0
    }

        .dnnButtonDropdown-ul > ul > li {
            padding-left: 16px
        }

    .dnnButtonDropdown-ul > li:last-child {
        border-bottom: none !important
    }

    .dnnButtonDropdown-ul > li:hover {
        background-color: #e8f1fa;
        color: #000
    }

ul.dnnButtonGroup {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0,#f0f2f1 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f0f2f1));
    background: -webkit-linear-gradient(top,#fff 0,#f0f2f1 100%);
    background: linear-gradient(top,#fff 0,#f0f2f1 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 0 #bbb;
    box-shadow: 0 1px 0 0 #bbb;
    border: 1px solid #c9c9c9;
    cursor: pointer;
    list-style: none
}

    ul.dnnButtonGroup > li {
        display: block;
        float: left;
        border-left: 1px solid #c9c9c9;
        margin: 0
    }

        ul.dnnButtonGroup > li:hover {
            background-color: #e8f1fa
        }

        ul.dnnButtonGroup > li.dnnButtonGroup-first {
            display: none
        }

            ul.dnnButtonGroup > li.dnnButtonGroup-first + li {
                border-left: none
            }

        ul.dnnButtonGroup > li > a {
            display: inline-block;
            padding: 7px 7px 6px;
            text-decoration: none;
            color: #333
        }

    ul.dnnButtonGroup span {
        color: #333
    }

.dnnFormItem .dnnInputGroup {
    float: left;
    display: block;
    width: 32.075%;
    padding: 5px;
    margin-bottom: 18px;
    background: rgba(0,0,0,.05)
}

    .dnnFormItem .dnnInputGroup .dnnLeft {
        width: 100%
    }

    .dnnFormItem .dnnInputGroup span {
        display: inline-block;
        width: 33%;
        text-align: right
    }

.dnnFormError label a span {
    color: red
}

.dnnFormError input[type=text], .dnnFormError input[type=email], .dnnFormError input[type=password], .dnnFormError input[type=tel], .dnnFormError select, .dnnFormError textarea {
    border: 1px solid red
}

.dnnFormItem input[type=text] + .dnnTertiaryAction, .dnnFormItem input[type=email] + .dnnTertiaryAction, .dnnFormItem input[type=password] + .dnnTertiaryAction, .dnnFormItem input[type=tel] + .dnnTertiaryAction, .dnnFormItem select + .dnnTertiaryAction {
    display: inline-block;
    max-width: 60px
}

.dnnForm fieldset.dnnFormInformation {
    float: left;
    width: 32.075%;
    margin-left: 16px;
    padding: 18px 0;
    background: rgba(0,0,0,.05)
}

.dnnAddress input[type=checkbox] {
    margin: 0 5px
}

.dnnFormRadioButtons {
    float: left;
    display: block;
    width: auto
}

    .dnnFormRadioButtons input[type=radio] {
        float: none
    }

    .dnnFormItem input[type=radio] + label, .dnnFormRadioButtons label {
        float: none;
        display: inline;
        width: auto;
        padding-right: 0;
        margin: 0 10px 0 0;
        text-align: left;
        font-weight: 400
    }

.dnnTextEditor {
    margin-bottom: 18px
}

.dnnActions {
    float: none;
    clear: both;
    display: block;
    margin: 0;
    padding-top: 18px;
    text-align: left
}

    .dnnActions li {
        float: left;
        margin-right: 5px;
        list-style: none
    }

.dnnLoginActions {
    display: inline-block
}

.dnnForm.dnnShortForm .dnnFormItem label {
    float: none;
    width: 100%;
    margin-bottom: .25em;
    text-align: left
}

.dnnForm.dnnShortForm .dnnFormItem input, .dnnForm.dnnShortForm .dnnFormItem select, .dnnForm.dnnShortForm .dnnFormItem textarea {
    float: none;
    text-align: left
}

.dnnForm.dnnShortForm .dnnFormItem a.dnnFormHelp {
    background-position: left;
    padding-left: 22px
}

.dnnForm .ui-helper-hidden {
    display: none
}

.dnnForm .ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px)
}

.dnnForm .ui-state-highlight, .dnnForm .ui-widget-content .ui-state-highlight, .dnnForm .ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c;
    color: #363636
}

    .dnnForm .ui-state-highlight a, .dnnForm .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
        color: #363636
    }

.dnnForm .ui-state-error, .dnnForm .ui-widget-content .ui-state-error, .dnnForm .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900;
    color: #fff
}

    .dnnForm .ui-state-error a, .dnnForm .ui-state-error-text, .dnnForm .ui-widget-content .ui-state-error a, .dnnForm .ui-widget-content .ui-state-error-text, .dnnForm .ui-widget-header .ui-state-error a, .dnnForm .ui-widget-header .ui-state-error-text {
        color: #fff
    }

.dnnForm .ui-priority-primary, .dnnForm .ui-widget-content .ui-priority-primary, .dnnForm .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.dnnForm .ui-priority-secondary, .dnnForm .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.dnnForm .ui-state-disabled, .dnnForm .ui-widget-content .ui-state-disabled, .dnnForm .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.dnnForm .ui-draggable {
    cursor: move
}

.dnnForm .ui-corner-all, .dnnForm .ui-corner-left, .dnnForm .ui-corner-right, .dnnForm .ui-corner-tl, .dnnForm .ui-corner-top, .dnnForm .ui-corner-tr {
    border-radius: 4px
}

.ModuleTitle_MenuContainer {
    border: 1px solid #00f
}

.MainMenu_MenuContainer {
    border: 1px solid green
}

.urlControl label {
    width: auto;
    margin-top: 0;
    font-weight: 400
}

.urlControlLinkType {
    width: auto
}

    .dnnFormItem .urlControlLinkType span, .urlControlLinkType span {
        float: none;
        display: block;
        width: auto;
        text-align: left
    }

.dnnFormItem .ucLinkTypeRadioButtons label {
    display: inline-block;
    width: 260px;
    padding-right: 0;
    margin-top: 0;
    font-weight: 400;
    text-align: left
}

.urlControlLinkType span input {
    min-width: 3%
}

.dnnForm.dnnModuleSettings .dnnFormItem .urlControlLinkType span label {
    text-align: left
}

.urlControlFileRow span.dnnFormLabel, .urlControlImagesRow span.dnnFormLabel {
    width: auto;
    text-align: right
}

.urlControlFileRow {
    overflow: hidden;
    clear: both
}

    .urlControlFileRow input[type=file], .urlControlFileRow select {
        clear: both
    }

.urlControlImagesRow {
    overflow: hidden;
    clear: both
}

    .urlControlImagesRow select {
        clear: both
    }

.dnnWizardTab.ui-tabs {
    position: relative;
    padding: 0
}

    .dnnWizardTab.ui-tabs .ui-tabs-nav {
        display: block;
        height: 46px;
        margin: 0;
        padding: 0;
        background: url(/images/InstallWizardBG.png) repeat-x
    }

        .dnnWizardTab.ui-tabs .ui-tabs-nav li {
            float: left;
            position: relative;
            margin: 0;
            padding: 0;
            border-bottom: 0 !important;
            list-style: none;
            white-space: nowrap
        }

            .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active {
                margin-bottom: 0
            }

                .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
                    cursor: text
                }

            .dnnWizardStep, .dnnWizardTab.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
                cursor: pointer
            }

    .dnnWizardTab.ui-tabs .ui-tabs-panel {
        clear: both;
        display: block;
        padding: 3em 1em 1.4em;
        border-width: 0;
        background: 0 0
    }

    .dnnWizardTab.ui-tabs .ui-tabs-hide {
        display: none !important
    }

    .dnnWizardTab.ui-tabs .ui-tabs-nav li a {
        display: block
    }

.dnnWizardStep > span {
    display: block;
    float: left
}

.dnnWizardStep {
    height: 46px;
    padding: 0 0 0 20px;
    background: url(/images/InstallWizardBG.png) repeat-x
}

.ui-tabs .ui-tabs-nav li:first-child .dnnWizardStep {
    padding-left: 30px
}

.dnnWizardStepNumber {
    margin: 10px 10px 0 0;
    padding: 3px 8px;
    background-color: #999;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    color: #fff;
    font-weight: 700
}

.dnnWizardStepTitle {
    margin: 13px 20px 0 0;
    color: #999;
    font-weight: 700;
    text-decoration: none
}

.dnnWizardStepArrow {
    width: 25px;
    height: 46px;
    background: url(/images/InstallWizardBG.png) 0 -401px no-repeat
}

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStep {
    height: 46px;
    background-position: 0 -100px
}

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStepNumber {
    background-color: #333
}

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStepTitle {
    color: #333
}

.dnnFormExpandContent {
    margin: 10px 0
}

    .dnnFormExpandContent > a {
        color: #333;
        font-size: 13px;
        font-weight: 700
    }

table.dnnASPGrid, table.dnnGrid, table.dnnPermissionsGrid {
    margin-bottom: 20px;
    border: 1px solid #c9c9c9
}

    table.dnnPermissionsGrid td {
        padding: 4px
    }

.dnnGridHeader td {
    padding: 6px 0 6px 12px;
    border-bottom: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    background: #f0f2f1;
    background: -moz-linear-gradient(top,#fff 0,#f0f2f1 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f0f2f1));
    background: -webkit-linear-gradient(top,#fff 0,#f0f2f1 100%);
    background: linear-gradient(top,#fff 0,#f0f2f1 100%)
}

.dnnGridAltItem td, .dnnGridItem td {
    padding: 6px;
    border-right: 1px solid #c9c9c9
}

    .dnnGridAltItem td input, .dnnGridItem td input {
        margin-bottom: none
    }

.dnnGridAltItem {
    background: #F2F2F2
}

    .dnnGridAltItem:hover, .dnnGridItem:hover {
        background-color: #e8f1fa
    }

.dnnFilePicker, .urlControl {
    background-color: #f0f0f0;
    display: block;
    float: left
}

.urlControl {
    padding: 15px;
    margin-bottom: 10px
}

    .urlControl input, .urlControl select {
        width: 180px;
        margin-bottom: 10px
    }

    .urlControl dnnFormItem > a.dnnSecondaryAction {
        margin: 10px 10px 0 0;
        float: left
    }

    .urlControl .urlControlLinkType {
        float: left;
        width: 100%
    }

        .urlControl .urlControlLinkType .dnnFormLabel {
            float: left;
            width: auto;
            margin-right: 5px
        }

        .urlControl .urlControlLinkType input[type=radio] {
            width: auto;
            margin-right: 5px
        }

span[id$=FileControl] {
    display: block;
    float: left
}

.dnnFilePicker {
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0 15px;
    width: 450px
}

    .dnnFilePicker .dnnLeft {
        margin: -30px 0 0;
        padding: 0
    }

    .dnnFilePicker dnnFormItem {
        margin: -10px 0 0;
        padding: 0;
        position: static
    }

    .dnnFilePicker .dnnLeft .dnnFilePickerImageHolder {
        width: 135px;
        height: 100px;
        background-color: #ccc;
        margin: 20px 15px
    }

    .dnnFilePicker .dnnFormItem span {
        display: block;
        float: left;
        width: 40px;
        margin-top: 8px;
        padding-left: 5px;
        text-align: left
    }

    .dnnFilePicker input, .dnnFilePicker select {
        width: 200px;
        margin: 0 10px 0 0;
        float: none
    }

    .dnnFilePicker .dnnLeft a.dnnSecondaryAction {
        margin: 10px 10px 0 0;
        display: inline-block
    }

    .dnnFilePicker .dnnLeft img {
        max-width: 135px;
        max-height: 100px;
        display: block;
        margin: 20px 15px
    }

span.dnnInputFileWrapper > input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: solid transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    direction: ltr;
    cursor: pointer;
    height: 30px;
    font-size: 200px
}

span.dnnInputFileWrapper {
    position: relative !important;
    overflow: hidden !important;
    margin: 0 4px 0 0;
    width: auto !important;
    display: block !important;
    float: left !important
}

#dialoger, .ads, .jspContainer, .pane, .tool_nav a {
    overflow: hidden
}

span.dnnInputFileWrapper > span.dnnSecondaryAction {
    display: inline-block;
    float: none;
    width: auto
}

.dnnFileUploadScope {
    display: block;
    float: left;
    background-color: #F0F0F0;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0;
    width: 450px
}

    .dnnFileUploadScope .dnnLeft {
        margin: 0;
        padding: 15px 10px
    }

        .dnnFileUploadScope .dnnLeft .dnnFormItem {
            margin-bottom: 10px
        }

    .dnnFileUploadScope .dnnFormItem span {
        display: block;
        float: left;
        width: 40px;
        margin-top: 8px;
        padding-left: 5px;
        text-align: left
    }

    .dnnFileUploadScope .dnnFormItem .RadComboBox_Default {
        width: 180px;
        margin: 0;
        float: none
    }

    .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone {
        position: relative;
        margin: 0;
        width: 180px;
        height: 150px;
        background: #d9eeff;
        border: 1px dashed #bbb;
        box-shadow: 0 1px 0 #fff;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #4577a2
    }

        .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone span {
            display: block;
            position: absolute;
            left: 38px;
            top: 60px;
            color: #fff;
            font-size: 12px;
            background: rgba(0,0,0,.5);
            padding: 5px 7px;
            border-radius: 3px;
            box-shadow: 0 1px 0 #fff,inset 1px 1px 0 #555;
            opacity: .5;
            cursor: default;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out
        }

        .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone:hover span {
            opacity: 1
        }

input.dnnFixedSizeComboBox {
    width: 200px !important;
    margin-right: 10px;
    float: left
}

div.dnnFixedSizeComboBox {
    width: 218px !important;
    margin-right: 15px;
    float: left
}

.dnnFixedSizeComboBox + a.dnnSecondaryAction, input.dnnSmallSizeComboBox {
    margin-right: 10px;
    float: left
}

input.dnnSmallSizeComboBox {
    width: 100px !important
}

div.dnnSmallSizeComboBox {
    width: 118px !important;
    margin-right: 15px;
    float: left
}

.dnnSmallSizeComboBox + a.dnnSecondaryAction {
    float: left;
    margin-right: 10px
}

td.dnnGridHeaderTD-NoBorder {
    border-right: none !important
}

tr.dnnGridAltItem td, tr.dnnGridItem td {
    border-right: none
}

    tr.dnnGridItem td input {
        margin-bottom: 0
    }

h2.dnnFormSectionHead {
    margin-top: 8px;
    margin-bottom: 18px;
    border-bottom: 1px solid #ddd;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -.03em
}

    h2.dnnFormSectionHead a {
        display: block;
        padding-left: 3px;
        background: url(/images/down-icn.png) right 50% no-repeat;
        text-decoration: none;
        color: #333;
        font-size: 18px;
        letter-spacing: normal;
        font-weight: 400
    }

        h2.dnnFormSectionHead a:hover {
            color: #222;
            background: url(/images/down-icn.png) right 50% no-repeat rgba(2,139,255,.05)
        }

        h2.dnnFormSectionHead a.dnnSectionExpanded {
            background: url(/images/up-icn.png) right 50% no-repeat;
            color: #222
        }

            h2.dnnFormSectionHead a.dnnSectionExpanded:hover {
                color: #222;
                background: url(/images/up-icn.png) right 50% no-repeat rgba(2,139,255,.05)
            }

.dnnVerticalTabs {
    margin-left: 0
}

    .dnnVerticalTabs li {
        list-style: none
    }

        .dnnVerticalTabs li a {
            display: block;
            padding: 15px;
            border-bottom: 1px solid #ddd;
            border-right: 1px solid #ddd;
            background: rgba(0,0,0,.04);
            color: #999;
            text-decoration: none
        }

.jspCap, .tabBody {
    display: none
}

.dnnVerticalTabs li a:hover {
    background: rgba(0,0,0,.06);
    color: #333
}

.dnnVerticalTabs li.active a {
    background: 0 0;
    color: #333;
    border-right: 1px solid transparent
}

.jspHorizontalBar, .jspVerticalBar {
    background: #ccc;
    position: absolute
}

.jspContainer {
    position: relative
}

.jspPane {
    position: absolute;
    margin: 0 !important
}

.jspVerticalBar {
    top: 0;
    right: 0;
    width: 11px;
    height: 100%
}

.jspHorizontalBar {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 11px
}

    .jspHorizontalBar *, .jspVerticalBar * {
        margin: 0;
        padding: 0
    }

.jspTrack {
    background: 0 0;
    position: relative
}

.jspVerticalBar .jspTrack {
    width: 5px;
    margin: 0 0 0 3px
}

.jspHorizontalBar .jspTrack {
    margin: 3px 0
}

.jspVerticalBar .jspCap {
    display: block;
    height: 3px;
    width: 11px
}

.jspHorizontalBar .jspCap {
    float: left;
    display: block;
    width: 3px;
    height: 11px
}

.jspDrag {
    position: relative;
    top: 0;
    left: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    opacity: .75;
    background: #000;
    cursor: pointer
}

.jspHorizontalBar .jspDrag, .jspHorizontalBar .jspTrack {
    float: left;
    height: 5px
}

div.SearchContainer {
    position: relative;
    white-space: nowrap
}

div.SearchBorder {
    float: left;
    position: relative;
    width: 200px;
    height: 20px;
    margin-top: 2px;
    background-color: #fff;
    border: 1px solid #E0E0E0;
    white-space: nowrap
}

input.SearchTextBox {
    float: left;
    height: 18px;
    width: 169px;
    z-index: 10;
    border: 0
}

div.SearchContainer a {
    display: inline-block;
    position: relative;
    padding: 0 5px
}

#SearchChoices, .eipbackimg, .tooltip, .wel_popup {
    position: absolute
}

div.SearchIcon {
    float: left;
    height: 20px;
    width: 31px;
    z-index: 11;
    background: 2px 2px no-repeat none;
    cursor: pointer;
    text-align: right
}

    div.SearchIcon img {
        margin-top: 3px
    }

#SearchChoices {
    clear: both;
    display: none;
    z-index: 2000;
    left: 0;
    top: 21px;
    width: 160px;
    margin: 0;
    padding: 0;
    background-color: #EEE;
    border: 1px solid #777;
    cursor: pointer;
    text-align: left
}

    #SearchChoices li {
        display: block;
        height: 20px;
        margin: 2px;
        padding: 2px 2px 2px 25px;
        background: 5px center no-repeat #EEE;
        border: 1px solid #EEE;
        cursor: pointer;
        list-style: none;
        text-align: left
    }

        #SearchChoices li.searchHilite {
            background-color: #DDF;
            border: 1px solid #AAF
        }

        #SearchChoices li.searchDefault {
            background-color: #EEE;
            border: 1px solid #EEE
        }

#DNN6 {
    z-index: 0 !important
}

    #DNN6 > #Header .SearchContainer .SearchTextBox {
        width: 130px !important;
        padding: 3px 0 0;
        border: none;
        box-shadow: none
    }

div.ModDNNAnnouncementsC .urlControl label, div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons label, div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons span.dnnRadiobutton, div.ModDNNLinksC .urlControl label {
    display: inline !important
}

div.ModDNNFAQsC .Normal {
    width: auto !important
}

div.ModDNNFeedbackC .dnnFormItem > label {
    display: inline-block;
    width: 33%;
    text-align: right
}

div.ModDNNUserDefinedTableC div.RadEditor {
    height: auto !important
}

div.ModDNNUserDefinedTableC ul.dnnActions {
    display: block
}

div.ModDNNIFrameC .urlControl span.dnnRadiobutton, div.ModDNNLinksC .urlControl span.dnnRadiobutton {
    display: inline !important
}

div.ModDNNIFrameC table.Normal td .dnnLabel {
    width: 100px
}

div.ModDNNIFrameC table.Normal td span.dnnRadiobutton {
    margin: 5px 0 0 30px
}

.left {
    float: left
}

.right {
    float: right
}

.dnnLeft {
    float: left
}

.dnnRight {
    float: right
}

.dnnClear {
    clear: both
}

    .dnnClear:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
        font-size: 0
    }

.DNNAlignleft {
    text-align: left
}

.DNNAlignright {
    text-align: right
}

.DNNAligncenter, .StandardButton {
    text-align: center
}

.DNNEmptyPane {
    width: 0
}

.Hidden {
    display: none
}

.StandardButton, .button_VOV {
    display: inline-block;
    text-decoration: none
}

.wordwrap {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

.boxdv, .eipbackimg {
    white-space: nowrap
}

.eipbackimg {
    margin-top: -32px;
    background: url(/images/eip_toolbar.png) repeat-x;
    height: 32px;
    z-index: 1
}

    .eipbackimg.editMode {
        border: 1px solid #777 !important;
        background: -moz-linear-gradient(top,#303030 0,#191919 100%) !important;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#303030),color-stop(100%,#191919)) !important;
        background: -webkit-linear-gradient(top,#303030 0,#191919 100%) !important;
        background: -o-linear-gradient(top,#303030 0,#191919 100%) !important;
        background: -ms-linear-gradient(top,#303030 0,#191919 100%) !important;
        background: linear-gradient(to bottom,#303030 0,#191919 100%) !important;
        opacity: .8
    }

    .eipbackimg.containerTitle {
        margin-top: -8px
    }

        .eipbackimg.containerTitle.editMode {
            left: auto;
            right: 0;
            margin-top: 2px;
            background: 0 0 !important;
            border: none !important
        }

.eipbuttonbackimg {
    width: 32px;
    height: 32px;
    cursor: pointer;
    float: left;
    background: url(/images/eip_toolbar.png) no-repeat
}

.eipbackimg.editMode .eipbuttonbackimg {
    border-left: 1px solid #1f1f1f;
    border-right: 1px solid #393939;
    opacity: .5
}

.eipbackimg.editMode.containerTitle .eipbuttonbackimg {
    border: none;
    opacity: 1
}

.eipbuttonbackimg.eipbutton_cancel {
    background-position: -32px 0
}

.eipbuttonbackimg.eipbutton_bold {
    background-position: -64px 0
}

.eipbuttonbackimg.eipbutton_italic {
    background-position: -96px 0
}

.eipbuttonbackimg.eipbutton_underline {
    background-position: -128px 0
}

.eipbuttonbackimg.eipbutton_justifyleft {
    background-position: -160px 0
}

.eipbuttonbackimg.eipbutton_justifycenter {
    background-position: -192px 0
}

.eipbuttonbackimg.eipbutton_justifyright {
    background-position: -224px 0
}

.eipbuttonbackimg.eipbutton_orderedlist {
    background-position: -256px 0
}

.eipbuttonbackimg.eipbutton_unorderedlist {
    background-position: -288px 0
}

.eipbuttonbackimg.eipbutton_outdent {
    background-position: -320px 0
}

.eipbuttonbackimg.eipbutton_indent {
    background-position: -352px 0
}

.eipbuttonbackimg.eipbutton_createlink {
    background-position: -384px 0
}

.eipbackimg.containerTitle .eipbutton_cancel {
    background: url(/images/eip_title_cancel.png) center center no-repeat
}

.eipbutton_edit {
    background: url(/images/eip_edit.png) 100% center no-repeat;
    float: left
}

.eipbutton_save {
    background: url(/images/eip_save.png) 100% center no-repeat;
    float: left
}

.eipbackimg.containerTitle .eipbutton_save {
    background-image: url(/images/eip_title_save.png)
}

.eipbackimg.editMode .eipborderhover {
    background-color: #333;
    opacity: 1
}

.eipbackimg.editMode.containerTitle .eipborderhover {
    background-color: inherit
}

div[id$=titleLabel_tb].visible ~ span {
    margin-left: 32px
}

.button_VOV:hover {
    -webkit-box-shadow: rgba(0,0,0,.25) 1px 1px 3px;
    -moz-box-shadow: rgba(0,0,0,.25) 1px 1px 3px;
    box-shadow: rgba(0,0,0,.25) 1px 1px 3px;
    text-decoration: none
}

.button_VOV {
    margin: 0 2px 0 0;
    padding: 2px 5px;
    background-color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e9e9e9));
    background: -webkit-linear-gradient(top,#fff,#e9e9e9);
    background: -moz-linear-gradient(top,#fff,#e9e9e9);
    background: -ms-linear-gradient(top,#fff,#e9e9e9);
    background: -o-linear-gradient(top,#fff,#e9e9e9);
    font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
    font-size: 12px !important;
    line-height: 130%;
    color: #464646;
    cursor: pointer;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: rgba(0,0,0,.1) 0 1px 1px;
    -moz-box-shadow: rgba(0,0,0,.1) 0 1px 1px;
    box-shadow: rgba(0,0,0,.1) 0 1px 1px
}

.highlight {
    text-decoration: none;
    color: #000;
    background: #ff0
}

.ControlPanel {
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: rgba(237,234,234,.81);
    z-index: 100;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc
}

a.delRelated {
    font-size: 0;
    display: block;
    height: 16px;
    width: 16px;
    background-image: url(/images/delete.gif);
    background-repeat: no-repeat;
    float: left;
    margin-right: 5px
}

#divDefault .content, #divDefault .contentList {
    border-left: solid 1px #d3d3d3;
    border-right: solid 1px #d3d3d3;
    border-bottom: solid 1px #d3d3d3;
    background: #fff;
    border-top: solid 1px #0079c4
}

.list-lq ul li {
    padding-left: 15px;
    padding-top: 5px
}

    .list-lq ul li:last-child {
        padding-bottom: 5px
    }

.list-lq ul {
    list-style: none
}

#divDefault .content {
    padding: 10px
}

#divDefault .contentList {
    padding: 0 10px 10px
}

#divDefault .sep {
    height: 2px;
    background: #01aafd;
    border-left: solid 1px #0079c4
}

#divDefault .tdtitle {
    background: 0 0;
    text-transform: uppercase;
    color: #fff;
    vertical-align: bottom;
    text-align: left;
    border-bottom: solid 2px #e1dbce
}

#divDefault .tbtitle {
    height: 22px;
    vertical-align: bottom;
    padding-left: 0;
    padding-right: 6px
}

#divDefault .m_title {
    font-family: Arial;
    text-transform: uppercase;
    color: #007236;
    font-size: 11pt
}

.modalBackground {
    background-color: Transparent;
    filter: alpha(opacity=70);
    opacity: .7
}

.modalPopup {
    background-color: #f8faff;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px
}

.PagingTable {
    height: 33px;
    width: 100%;
    background-color: #FFF;
    border-right: #036 1px solid;
    border-top: #036 1px solid;
    border-left: #036 1px solid;
    border-bottom: #036 1px solid
}

a.CommandButton:link, a.CommandButton:visited {
    color: #CB2027;
    font-weight: 400;
    text-decoration: none
}

a.CommandButton:hover {
    color: #3E81B5;
    text-decoration: underline
}

#newstoc a, .button:hover, .list a, .page_thumbs a, .xhomelink .comebackhome, a.btn_plogin {
    text-decoration: none
}

table.PagingTable {
    border: none
}

.PagingContainer {
    float: right
}

    .PagingContainer ul {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        display: inline-block
    }

    .PagingContainer li {
        display: inline
    }

    .PagingContainer a, .PagingContainer span {
        float: left;
        padding: 0 14px;
        line-height: 34px;
        text-decoration: none;
        border: 1px solid #ddd;
        border-left-width: 0;
        font-size: 12px;
        color: #333
    }

        .PagingContainer .active span, .PagingContainer a:hover {
            background-color: #f5f5f5
        }

    .PagingContainer .active a, .PagingContainer .active span {
        color: #999;
        cursor: default;
        font-weight: 700;
        background-color: #FFF8DC;
        font-size: larger
    }

.pagination .disabled a, .pagination .disabled a:hover, .pagination .disabled span {
    color: #999;
    background-color: transparent;
    cursor: default
}

.boxdv, .button {
    cursor: pointer
}

.PagingContainer li:first-child a, .PagingContainer li:first-child span {
    border-left-width: 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.PagingContainer li:last-child a, .PagingContainer li:last-child span {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.PagingInActive {
    color: #666 !important
}

.table-border th {
    font-weight: 700;
    font-size: 11px;
    color: #333;
    height: 28px;
    background: #fafafa;
    text-transform: uppercase;
    text-align: center
}

.table-border caption + thead tr:first-child td, .table-border caption + thead tr:first-child th, .table-border colgroup + thead tr:first-child td, .table-border colgroup + thead tr:first-child th, .table-border thead:first-child tr:first-child td, .table-border thead:first-child tr:first-child th {
    border-top: 0
}

.table-border tbody + tbody {
    border-top: 2px solid #ddd
}

.table-border {
    width: 100%;
    margin-bottom: 18px;
    border-top: 1px solid #ddd;
    border-collapse: separate;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.addImg, .pro-ctable {
    border-collapse: collapse
}

.table-border td, .table-border th {
    border: 1px solid #ddd;
    vertical-align: middle;
    padding: 4px
}

.button, .button:active {
    padding: 5px !important
}

.table-border caption + tbody tr:first-child td, .table-border caption + tbody tr:first-child th, .table-border caption + thead tr:first-child th, .table-border colgroup + tbody tr:first-child td, .table-border colgroup + tbody tr:first-child th, .table-border colgroup + thead tr:first-child th, .table-border tbody:first-child tr:first-child td, .table-border tbody:first-child tr:first-child th, .table-border thead:first-child tr:first-child th {
    border-top: 0
}

    .table-border tbody:first-child tr:first-child td:first-child, .table-border thead:first-child tr:first-child th:first-child {
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px
    }

    .table-border tbody:first-child tr:first-child td:last-child, .table-border thead:first-child tr:first-child th:last-child {
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -moz-border-radius-topright: 4px
    }

.table-border tbody:last-child tr:last-child td:first-child, .table-border thead:last-child tr:last-child th:first-child {
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
    -moz-border-radius-bottomleft: 4px
}

.table-border tbody:last-child tr:last-child td:last-child, .table-border thead:last-child tr:last-child th:last-child {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px
}

.table-border tr:hover {
    background-color: #FFC
}

.phong-ban-table td {
    border: 0 !important
}

.button {
    font-family: Verdana,Arial,sans-serif;
    display: inline-block;
    background: url(images/btn_inactive.png) center left repeat-x !important;
    border: 1px solid #c2c2c3 !important;
    color: #000 !important;
    font-size: 11px !important;
    height: auto !important
}

.cmd_zone, .log_out_wrap, .m_content, .m_wrap, .pagging_zone, .smallvalue {
    display: block
}

.button:hover {
    background: url(images/btn_active.png) center left repeat-x !important;
    color: #6e6f72 !important;
    border: 1px solid #bbb !important
}

a.remove-link {
    color: #b00
}

    a.remove-link:hover {
        color: #000
    }

table.tbadmin tbody tr:hover {
    background-color: infoBackground
}

table.tbadmin, table.tbadmin td, table.tbadmin th {
    font-size: 11px;
    border-collapse: collapse;
    border: 1px solid #BBB
}

    table.tbadmin th {
        font-size: 12px;
        font-weight: 700;
        vertical-align: middle;
        height: 30px;
        background-color: #B4E1FB
    }

    table.tbadmin td {
        vertical-align: top;
        padding-left: 10px;
        padding-bottom: 5px
    }

.smallvalue {
    float: left;
    width: 100%;
    margin-top: 5px
}

.m_wrap input.text-box {
    border: 1px solid #c8cfdf;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 11px;
    color: silver;
    width: 150px
}

    .m_wrap input.text-box:hover {
        border: 1px solid #b4d3b2;
        box-shadow: 0 0 3px #CEE5D0;
        color: #010101
    }

.m_wrap select.text-box {
    border: 1px solid #c8cfdf;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 11px;
    color: #010101
}

    .m_wrap select.text-box:hover {
        border: 1px solid #b4d3b2;
        box-shadow: 0 0 3px #CEE5D0;
        color: #010101
    }

.m_wrap {
    margin: 10px 5px
}

.m_content {
    margin: 8px;
    font-size: 11px
}

.cmd_zone {
    width: 100%;
    float: left
}

.pagging_zone {
    width: 100%;
    float: left;
    vertical-align: middle
}

    .pagging_zone .PagingTable {
        border: none;
        height: 25px;
        font-size: 11px;
        margin: 0 !important;
        width: 100%
    }

.log_out_wrap {
    margin: 12px 18px 0 12px;
    text-align: left
}

    .log_out_wrap ul li {
        color: #224a85;
        margin-top: 5px;
        list-style: none
    }

        .log_out_wrap ul li a {
            color: #224a85
        }

ul.square {
    margin-left: 15px
}

    ul.square li {
        list-style: square
    }

#newstoc, .list li, .page_thumbs li, .tool_nav li {
    list-style: none
}

.plogin_left {
    float: left;
    display: inline;
    width: 295px
}

    .plogin_left .wrap {
        margin-left: 35px;
        margin-top: 28px;
        width: 231px
    }

    .plogin_left .wrap1 {
        margin-left: 35px;
        margin-top: 20px;
        width: 231px
    }

.c_head, .p_head {
    font-size: 15px;
    color: #6d6e71;
    border-bottom: 1px solid #c1c1c1;
    margin-top: 10px;
    display: block
}

.p_head {
    font-weight: 400;
    margin-left: 35px;
    margin-right: 35px
}

.b, .c_head {
    font-weight: 700
}

.plogin_right {
    float: left;
    display: inline;
    width: 274px
}

    .plogin_right .wrap_right {
        margin-left: 35px;
        margin-top: 20px;
        width: 226px
    }

.plogin_title_header {
    font-size: 14px;
    color: #6e6f72
}

.plogin_title {
    font-size: 11px;
    color: #6d6e71
}

.common_wrap .plogin_title {
    margin-top: 10px;
    display: block
}

a.btn_plogin {
    color: #fff;
    font-size: 13px;
    height: 32px;
    width: 96px;
    display: block;
    line-height: 30px;
    text-align: center;
    float: left;
    margin-bottom: 40px
}

.up {
    text-transform: uppercase
}

.red {
    border: 1px solid red
}

.cline {
    display: block;
    margin-top: 7px;
    text-align: justify
}

.common_center, .common_left {
    text-align: right;
    display: block
}

.orange {
    color: Orange
}

.cline select.text-box {
    border: 1px solid #c8cfdf;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 10px;
    color: silver
}

    .cline select.text-box:focus, .cline select.text-box:hover {
        border: 1px solid #b4d3b2;
        box-shadow: 0 0 3px #CEE5D0;
        color: #010101
    }

.cline input.text-box {
    padding: 0;
    border: 1px solid #c8cfdf;
    width: 97.5%;
    height: 24px;
    font-size: 11px;
    color: silver
}

    .cline input.text-box:focus, .cline input.text-box:hover {
        border: 1px solid #b4d3b2;
        box-shadow: 0 0 3px #CEE5D0;
        color: #010101
    }

.error_message {
    font-size: 11px;
    color: #76B743;
    display: block
}

.common_cmdpopup {
    margin-left: 10px;
    color: #4295E9
}

.common_header, .up_value {
    color: Orange;
    font-weight: 700
}

.common_wrap {
    margin-top: 15px;
    margin-left: 15px;
    display: block
}

.up_line {
    display: block;
    border-bottom: 1px solid #BBB;
    height: 30px
}

.common_line {
    display: block;
    height: 40px;
    margin-top: 5px
}

.common_left {
    width: 30%;
    float: left;
    height: 100%
}

.common_title {
    margin-top: 5px;
    float: right;
    font-size: 12px
}

.common_input {
    width: 200px
}

input.common_input {
    padding: 4px;
    border: 1px solid #BBB;
    margin-left: 5px;
    float: right
}

.common_header {
    font-size: 18px;
    float: left
}

select.common_input {
    width: 210px;
    padding: 4px;
    border: 1px solid #BBB;
    margin-left: 4px
}

.common_center, .common_right, .up_title {
    width: 30%;
    float: left
}

.common_button {
    border: 1px solid silver;
    background-color: #d3d3d3;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 5px
}

.common_right {
    font-size: 11px;
    display: block;
    margin-left: 2%
}

.common_des {
    float: left;
    display: block;
    background: #FFC;
    border: 1px solid #FB0;
    padding: 4px
}

.up_title {
    margin-left: 10%;
    margin-top: 15px
}

.up_value {
    margin-top: 15px;
    float: left
}

.tooltip {
    background-color: #F5F5B5;
    border: 1px solid #DECA7E;
    border-radius: 4px;
    color: #101010;
    font-family: Arial;
    font-size: 11px;
    padding: 5px;
    top: 0;
    right: 0;
    text-align: justify;
    float: left;
    width: 200px
}

    .tooltip .tc, .tooltip .tt {
        width: 100%;
        display: block;
        float: left
    }

    .tooltip .tt {
        font-weight: 700;
        z-index: 9999999
    }

    .tooltip .tc {
        margin-top: 10px;
        z-index: 9999
    }

a.free_access:hover {
    color: #76b743
}

.wel_user a, .wel_warp, a.free_access {
    color: #6e6f72
}

a.free_access {
    font-size: 15PX;
    font-weight: 400;
    margin-left: 25px
}

*, .login_line, .wel_warp {
    font-size: 11px
}

.wel_warp {
    display: block;
    width: 200px
}

.wel_arrow {
    padding-right: 15px;
    background-image: url(images/wel_user.png);
    background-position: 100% 85%;
    background-repeat: no-repeat
}

.wel_title_line {
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 8px
}

.wel_user {
    text-align: right;
    padding-top: 3px;
    padding-bottom: 4px
}

#newstoc .page, #tooltip, .boxdv, .ex_page, .page_thumbs h3, .scroll_nav {
    text-align: center
}

.wel_sep {
    height: 1px;
    margin-left: 1px;
    margin-right: 1px;
    border-bottom: 1px solid #e2e2e2;
    margin-top: 5px
}

.wel_popup {
    border: 1px solid #e2e2e2;
    display: none;
    z-index: 9999;
    background-color: #fff;
    width: 200px
}

.btn_orange, .login_line {
    display: block;
    position: relative
}

.login_wrap {
    display: block;
    margin: 15px 18px 15px 15px
}

.login_line {
    margin-top: 10px
}

    .login_line input.text-box {
        border: 1px solid #C8CFDF;
        padding: 3px;
        width: 98%
    }

.but_nav, .ico_nav {
    width: 31px
}

.btn_orange {
    background-image: url(images/btn_orange.png);
    border-left: 1px solid #F7941D;
    border-right: 1px solid #F7941D;
    float: left;
    height: 22px
}

#dialoger, #page-popup, #tooltip, span.ctomfile {
    position: absolute
}

* {
    margin: 0;
    padding: 0;
    font-family: Tahoma,Arial,Helvertica,sans-serif
}

.headline {
    background: #3465aa;
    height: 120px
}

.filter {
    background: #295087;
    height: 35px
}

.max_but {
    background-image: url(images/maxi.gif)
}

.min_but {
    background-image: url(images/mini.gif);
    display: none
}

.close_but {
    background-image: url(images/close.gif);
    margin-top: 1px
}

.pane {
    background: url(images/inp_bnd.gif) no-repeat;
    height: 28px
}

.but_nav {
    display: block;
    border: none;
    float: right;
    height: 28px;
    background: url(images/pop.gif) no-repeat
}

.press_nav {
    width: 250px
}

    .press_nav .pane {
        width: 241px
    }

.issue_nav {
    width: 140px
}

    .issue_nav .pane {
        width: 131px
    }

.page_nav {
    width: 130px
}

    .page_nav .pane {
        width: 121px
    }

    .issue_nav h3, .page_nav h3, .press_nav h3 {
        display: block;
        float: left;
        width: 210px;
        text-indent: 7px;
        height: 28px;
        line-height: 25px
    }

.issue_nav h3 {
    width: 100px
}

.page_nav h3 {
    width: 90px
}

#issuelst, #pagelst, #paperlst {
    display: none;
    position: absolute;
    top: 35px;
    overflow-x: hidden;
    overflow-y: scroll;
    background: #fff;
    border: 1px solid #99a0ad;
    border-top: none;
    width: 210px;
    height: 320px
}

    #paperlst a {
        color: #036
    }

#issuelst {
    width: 130px
}

#pagelst, .thumb_nav {
    width: 120px
}

#issuelst li {
    line-height: 1.2em;
    padding: 3px 0
}

#issuelst a {
    color: #380
}

#pagelst a {
    color: #3e3e3e
}

#issuelst li:hover, #pagelst li:hover, #paperlst li:hover {
    background: #ececec
}

#issuelst a:hover, #pagelst a:hover, #paperlst a:hover {
    color: #6e6e6e
}

.hot_nav {
    height: 27px
}

.thumb_nav {
    background: #d9dfe9
}

.scroll_nav {
    height: 25px
}

.tool_nav {
    background: url(images/fbg.gif) top repeat-x #d9dfe9;
    height: auto
}

    .tool_nav a, .tool_nav li {
        display: block;
        height: 25px
    }

    .tool_nav li {
        float: left;
        width: 28px;
        margin: 6px 5px 0
    }

    .tool_nav a {
        background-image: url(images/sprite.jpg);
        width: 25px;
        text-indent: 30px;
        line-height: 25px
    }

#mail {
    background-position: 0 0
}

    #mail:hover {
        background-position: 0 -25px
    }

#mark {
    background-position: -25px 0
}

    #mark:hover {
        background-position: -25px -25px
    }

#print {
    background-position: -50px 0
}

    #print:hover {
        background-position: -50px -25px
    }

#plus {
    background-position: -75px 0
}

    #plus:hover {
        background-position: -75px -25px
    }

#minus {
    background-position: -100px 0
}

    #minus:hover {
        background-position: -100px -25px
    }

#prev {
    background-position: -125px 0
}

    #prev:hover {
        background-position: -125px -25px
    }

#next {
    background-position: 100px 0
}

    #next:hover {
        background-position: 100px -25px
    }

#help {
    background-position: 75px 0
}

    #help:hover {
        background-position: 75px -25px
    }

#less {
    background-position: 50px 0
}

    #less:hover {
        background-position: 50px -25px
    }

#pop {
    background-position: 25px 0
}

    #pop:hover {
        background-position: 25px -25px
    }

#tooltip {
    background: url(images/tipbg.png) top left no-repeat;
    height: 30px;
    display: none;
    line-height: 18px;
    color: #fff;
    font-weight: 700;
    width: 150px
}

#newstoc, #newstoc .page, #newstoc a, #newstoc li, .date_part, .list li {
    display: block
}

#adsref {
    background: #d9dfe9;
    height: 71px
}

.ads {
    margin: 5px;
    width: 390px;
    height: 60px;
    float: left
}

.list li {
    line-height: 2em;
    border-bottom: solid 1px #ececec;
    text-indent: 10px
}

.date_part {
    font-size: 10px;
    color: #a8a8a8;
    font-weight: 400;
    line-height: 16px
}

#thumbnails {
    width: 100%;
    height: 100%
}

.page_thumbs li {
    float: left;
    width: 120px;
    height: 140px
}

.page_thumbs a {
    display: block;
    width: 90px;
    height: 110px;
    border: 1px solid #efefef;
    margin: 10px 15px
}

.page_thumbs h3 {
    background: #333;
    color: #fff;
    float: right;
    margin-top: 70px;
    font-size: 14px;
    padding: 3px 7px
}

.thumb_fst {
    width: 350px
}

    .thumb_fst img {
        border: 3px solid #d4dbe5
    }

.cont_index {
    width: 120px
}

#newstoc {
    padding: 5px;
    line-height: 2em
}

    #newstoc h3 {
        font-size: 14px;
        line-height: 1.5em;
        color: #000;
        font-weight: bolder
    }

    #newstoc li {
        clear: both;
        font-size: 11px
    }

    #newstoc .news {
        background: url(images/bg_trans.gif) bottom repeat-x;
        height: 25px
    }

    #navbar, #newstoc .page {
        background: #333;
        color: #fff
    }

    #newstoc a {
        color: #6c6c6c;
        background: url(images/icon_nav.gif) 0 50% no-repeat;
        float: left;
        font-weight: 700;
        text-indent: 18px;
        width: 100px
    }

    #newstoc .page {
        margin: 2px;
        float: right;
        width: 70px;
        text-indent: 0
    }

#dialoger {
    background: #fff;
    border: 1px solid #ccc;
    width: 580px;
    top: 10px;
    display: none
}

#dlogview {
    width: 580px;
    border-top: solid 1px #666;
    overflow-y: scroll
}

#navbar {
    line-height: 25px;
    height: 28px;
    width: 100%;
    border-bottom: solid 1px #eee
}

    #navbar h3 {
        width: 480px;
        float: left;
        font-size: 14px;
        text-indent: 10px
    }

    #navbar .act {
        width: 80px;
        float: right
    }

img.baoinlogo {
    height: 108px;
    margin-left: 10px
}

.topads, .topads img {
    width: 320px;
    height: 90px
}

select.text-box {
    margin-top: 6px;
    margin-right: 20px;
    border: 1px solid #c8cfdf;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 11px;
    color: #010101
}

    select.text-box:hover {
        border: 1px solid #b4d3b2;
        box-shadow: 0 0 3px #CEE5D0;
        color: #010101
    }

.news_active {
    background: url(images/bg_trans.jpg) bottom repeat-x !important
}

.topads {
    margin-left: 20px;
    margin-top: 10px
}

.xhomelink {
    float: left;
    width: 200px;
    background: url(images/back.png) left 7px no-repeat;
    margin: 0 10px
}

    .xhomelink .comebackhome span {
        font: 400 14px/36px Open Sans Semibold;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        margin-left: 25px
    }

        .xhomelink .comebackhome span:hover {
            color: #90EE90
        }

.reContentCell, .reContentCell iframe {
    padding-left: 0 !important;
    border: 0 !important
}

#teContent_contentIframe {
    border: 0 !important;
    margin-top: 0 !important
}

.boxdv, .boxdv1 {
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 3px
}

#dnn_ctr2651_Main_ctl00__Header, #dnn_ctr2655_Main_ctl00_lblHeaderTitle, #dnn_ctr2657_Main_ctl00__Header {
    text-transform: uppercase;
    font-size: 16px;
    color: #307917
}

.ex_page {
    margin: 20px
}

    .ex_page a {
        color: #a1723c;
        margin: 0 1px
    }

        .ex_page a.active {
            margin: 0
        }

.boxdv {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 3px 9px;
    text-decoration: none;
    line-height: 1.5em;
    display: inline-block
}

.boxdv1, .boxdv2 {
    text-align: center;
    white-space: nowrap;
    padding: 3px 8px;
    line-height: 1.5em;
    display: inline-block;
    cursor: pointer;
    text-decoration: none
}

.boxdv:hover {
    background-color: #eee;
    color: #a1723c !important
}

.boxdv1 {
    background-color: #fff;
    border: 1px solid #ccc
}

    .boxdv1:hover {
        background-color: #eee;
        color: #a1723c !important
    }

.ex_page > .active {
    background: #a1723c;
    color: #fff !important
}

.boxdv2 {
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #ccc
}

.cuoi, .dau, .tiep, .truoc {
    display: block;
    width: 10px
}

.dau {
    background: url(/images/page.png) 0 center no-repeat
}

.truoc {
    background: url(/images/page.png) -10px center no-repeat
}

.tiep {
    background: url(/images/page.png) -20px center no-repeat
}

.cuoi {
    background: url(/images/page.png) -30px center no-repeat
}

.boxdv2:hover .dau {
    background: url(/images/hover_page.png) 0 center no-repeat
}

.boxdv2:hover .truoc {
    background: url(/images/hover_page.png) -10px center no-repeat
}

.boxdv2:hover .tiep {
    background: url(/images/hover_page.png) -20px center no-repeat
}

.boxdv2:hover .cuoi {
    background: url(/images/hover_page.png) -30px center no-repeat
}

.boxdv2:hover {
    background-color: #a1723c;
    color: #fff !important
}

.RadEditor table, .RadEditor.reWrapper table td { /* padding-top: 2px!important; */ /* margin-left: -2px; */
}

.Default.RadEditor .reContentCell {
    background-color: #EEE !important
}

.rcCalPopup, div.divimg {
    background-color: transparent
}

.fontFixBody {
    font-family: arial;
    color: #000 !important;
    font-size: 14px !important;
    text-align: justify !important
}

.dview, .viewtitle {
    font-family: Arial
}

.cmcoption, .strongtxt {
    font-size: 13px
}

.rcCalPopup {
    background-image: url(/images/datepicker.png);
    background-position: right center;
    border: none !important;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-right: 22px;
    width: 150px
}

    .rcCalPopup input {
        width: 115px
    }

.chk-list {
    padding-bottom: 10px;
    padding-top: 5px
}

.date-pub-list input {
    width: 88px !important;
    margin-left: 15px
}

.strongtxt {
    color: #000;
    font-weight: 700 !important
}

table#tableContent td {
    font-size: 14px
}

.fontFixBody {
    padding: 5px 15px 15px 2px !important
}

.w-label {
    font-size: 14px !important
}

td, td p, td span, td.w-lable {
    font-size: 14px
}

.imgpreview {
    max-width: 300px;
    max-height: 230px;
    margin-right: 10px
}

.viewtitle {
    color: #004478;
    font-size: 18px
}

.dview, .viewcm, .viewsapo {
    color: #000
}

.dview {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px !important
}

.viewcontent, .viewsapo {
    text-align: justify;
    font-family: Arial;
    font-size: 14px;
    line-height: 25px
}

.viewcontent {
    width: 99%;
    margin-left: 5px;
    padding-top: 6px
}

.imgautodiv {
    float: left;
    margin-right: 10px
}

.console-large, .console-large h3, .fix-btt-toolbar div, .gb_C, .mctable .mtcontent td:nth-child(1) {
    text-align: center
}

.viewcm, .viewtacgia {
    font-size: 13px;
    font-weight: 700
}

.viewtacgia {
    color: maroon
}

.dashboad table .hdTitle, .dashboad table td a {
    font-size: 18px !important
}

.dashboad table td {
    line-height: 50px !important
}

.dashview table td {
    line-height: 22px !important;
    padding: 3px !important
}

.text-pub {
    float: left;
    font-weight: 700;
    padding-right: 10px;
    padding-top: 10px
}

.date-pub {
    float: left;
    margin-bottom: 0 !important;
    padding-top: 1px
}

.waiting {
    background-color: rgba(5,5,5,.62);
    border: none;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 100
}

#sortable li span, a.nname, img.imgLuu, img.imgLuuth {
    position: absolute
}

.none {
    display: none !important
}

.printview {
    cursor: pointer
}

.total-price {
    background: #ff6a00;
    font: 600 16px Arial;
    color: #fff;
    padding: 3px 16px;
    margin: 0 0 -2px 10px;
    border: 1px solid #e05d00;
    float: left
}

span.ctomfile .img {
    margin-left: -1px;
    margin-top: 0px;
}

.nb-title {
    color: #145107;
    margin-bottom: 5px;
    font: 600 12px/20px Arial
}

div#divrelatedImg ul li {
    list-style: none;
    margin-bottom: 16px
}

a.nname {
    margin-left: 10px;
    margin-top: -5px
}

.addImg {
    width: 100%;
    margin-top: 2px
}

    .addImg td {
        border: 1px solid #ddd;
        vertical-align: middle;
        padding: 4px
    }

span.luu {
    margin-left: -14px
}

img.imgLuu {
    margin-top: 6px;
    margin-left: -15px
}

.imgbtn {
    padding-left: 21px;
    padding-bottom: 4px;
    z-index: 9;
    display: block;
    margin-top: -20px
}

img.imgLuuth {
    margin-top: 4px;
    margin-left: 3px
}

.imgbtnth {
    padding-left: 19px
}

.toolbarBox .process-icon-delete {
    background-image: url(images/Action/process-icon-delete.png)
}

.toolbarBox .process-icon-duplicate {
    background-image: url(images/Action/process-icon-duplicate.png)
}

.toolbarBox .process-icon-preview {
    background-image: url(images/Action/process-icon-preview.png)
}

.toolbarBox .process-icon-stats {
    background-image: url(images/Action/process-icon-stats.png)
}

.toolbarBox .process-icon-type {
    background-image: url(images/Action/process-icon-type.png)
}

.toolbarBox .process-icon-role {
    background-image: url(images/Action/process-icon-role.png)
}

.toolbarBox .process-icon-save {
    background-image: url(images/Action/process-icon-save.png)
}

.toolbarBox .process-icon-save-and-stay {
    background-image: url(images/Action/process-icon-save-and-stay.png)
}

.toolbarBox .process-icon-back {
    background-image: url(images/Action/process-icon-back.png)
}

.toolbarBox .process-icon-new, .toolbarBox .toolbar-new {
    background-image: url(images/Action/process-icon-new.png)
}

.toolbarBox .process-icon-settings {
    background-image: url(images/Action/process-icon-settings.png)
}

.toolbarBox .process-icon-download {
    background-image: url(images/Action/process-icon-download.png)
}

.toolbarBox .process-icon-upload {
    background-image: url(images/Action/process-icon-upload.png)
}

.toolbarBox .process-icon-review {
    background-image: url(images/Action/process-icon-review.png)
}

.toolbarBox .process-icon-unpublish {
    background-image: url(images/Action/process-icon-unpublish.png)
}

.toolbarBox .process-icon-approve {
    background-image: url(images/Action/process-icon-approve.png)
}

.toolbarBox .process-icon-reject {
    background-image: url(images/Action/process-icon-reject.png)
}

.toolbarBox .process-icon-publish {
    background-image: url(images/Action/process-icon-publish.png)
}

.toolbarBox .process-icon-copy {
    background-image: url(images/Action/process-icon-copy.png)
}

.toolbarBox .process-icon-feedback {
    background-image: url(images/Action/process-icon-feedback.png)
}

.toolbarBox .process-icon-open {
    background-image: url(images/Action/process-icon-open.png)
}

.toolbarBox .process-icon-result {
    background-image: url(images/Action/process-icon-result.png)
}

.toolbarBox .process-icon-excel {
    background-image: url(images/Action/process-icon-excel.png)
}

.toolbarBox .process-icon-addgroup {
    background-image: url(images/Action/process-icon-addgroup.png)
}

.toolbarBox .process-icon-ungroup {
    background-image: url(images/Action/process-icon-ungroup.png)
}

.toolbarBox .process-icon-upgrade {
    background-image: url(images/Action/process-icon-upgrade.png)
}

.toolbarBox .process-icon-import {
    background-image: url(images/Action/process-icon-import.png)
}

.toolbarBox .process-icon-feedback-question {
    background-image: url(images/Action/process-icon-feedback-question.png)
}

.toolbarBox .process-icon-testmanager {
    background-image: url(images/Action/process-icon-testmanager.png)
}

.toolbarBox .process-icon-auto-finish {
    background-image: url(images/Action/process-icon-auto-finish.png)
}

.toolbarBox .process-icon-calculator {
    background-image: url(images/Action/process-icon-calculator.png)
}

.toolbarBox .process-icon-print {
    background-image: url(images/Action/process-icon-print.png)
}

.toolbarBox .process-icon-word {
    background-image: url(images/Action/process-icon-word.png)
}

.toolbarBox .process-icon-export {
    background-image: url(images/Action/process-icon-export.png)
}

.toolbarBox .process-icon-scaner {
    background-image: url(images/Action/process-icon-scaner.png)
}

.toolbarBox .process-icon-start {
    background-image: url(images/Action/process-icon-start.png)
}

.toolbarBox .process-icon-stop {
    background-image: url(images/Action/process-icon-stop.png)
}

.pro-ctable {
    width: 100%;
    margin-top: 10px;
    clear: both;
    border-spacing: 0 !important
}

    .pro-ctable a {
        cursor: pointer
    }

    .pro-ctable td {
        border: 1px solid #dae1e8;
        padding: 5px
    }

.mctable, .mctable .mthead td {
    border: 1px solid #ddd
}

.pro-ctable .pro-head:hover {
    background-color: #337AB7 !important
}

.pro-ctable .pro-list:hover {
    background-color: #fff8e5
}

.pro-ctable td strong {
    color: red
}

.pro-head {
    background-color: #337AB7;
    color: #fff
}

    .pro-head td {
        font-weight: 600 !important
    }

.pro-boxdv2 .ex_page {
    margin: 5px
}

#sortable {
    list-style-type: none;
    margin: 0;
    padding-top: 10px;
    width: 100%
}

    #sortable li {
        margin: 0 3px 3px;
        padding: .4em .4em .4em 1.5em;
        height: 30px;
        cursor: move;
        color: #CB2027
    }

        #sortable li span {
            margin-left: -1.3em
        }

.fix-btt-toolbar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    background-color: #00556D;
    border-top: 1px solid #ddd;
    z-index: 1000
}

tr.TRgrid:hover {
    background-color: rgba(253,245,206,.5) !important
}

    tr.TRgrid:hover a {
        color: #e50707 !important
    }

.pagingadmin {
    height: 27px !important;
    padding-top: 5px;
    width: 100%
}

.xhead-vi {
    background-image: url(/images/vn.png) !important;
    color: red !important
}

.mctable .mthead {
    color: #fff;
    background-color: #069;
    font-weight: 700
}

    .mctable .mthead td:nth-child(2) {
        width: 200px
    }

    .mctable .mthead td:nth-child(3) {
        width: 300px
    }

    .mctable .mthead td {
        vertical-align: middle;
        padding: 10px
    }

.mctable .mtcontent {
    background: #fff
}

.div-row-a div {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #fff !important
}

.div-row-a .cmdbtt {
    background-color: #069 !important;
    border-color: #fff !important
}

    .div-row-a .cmdbtt:hover {
        background-color: #188a36 !important;
        color: #fff !important
    }

.console-large {
    margin: 5px !important;
    width: 150px;
    height: 80px !important;
    padding: 10px 0 !important;
    cursor: pointer;
    float: left
}

    .console-large h3 {
        font-size: 13px;
        font-weight: 400;
        width: 100%;
        margin-top: 10px
    }

    .console-large:hover {
        border: 1px solid rgba(0,85,109,.18);
        box-sizing: border-box;
        background-color: rgba(255,253,1,.18)
    }

.pdl0 {
    padding-left: 0 !important
}

.pdl30 {
    padding-left: 30px !important
}

.row {
    margin-bottom: 10px
}

#scroll-top {
    position: fixed;
    bottom: 5px;
    right: 20px;
    height: 40px;
    width: 40px;
    z-index: 9999
}

.cmsbtsetting {
    background-image: url(/Icons/Sigma/Cog_16X16_Gray.png)
}

.pdr0 {
    padding-right: 0 !important
}

.ctable table tr td {
    padding: 3px !important
}

.gb_A, .gb_oa {
    position: relative
}

.gb_C, .gb_qa, .gb_u, .gb_v {
    position: absolute
}

.ui-autocomplete > li {
    padding: 3px 20px
}

    .ui-autocomplete > li.ui-state-focus {
        background-color: #337ab7;
        color: #fff
    }

.gb_A, .gb_a {
    background: #f8f8f8;
    line-height: 28px;
    padding: 0 12px
}

.gb_Lc {
    margin: 5px 10px;
    float: left
}

    .gb_Lc a {
        color: #fff !important
    }

    .gb_Lc:hover a {
        color: #ff0 !important
    }

.gb_F .gb_a, .gb_oa, .gb_r.gb_Zc {
    float: right
}

.gb_z img {
    height: 96px;
    width: 96px
}

.gb_img {
    border-radius: 50%;
    height: 32px;
    width: 32px;
    overflow: hidden
}

.gb_oa img {
    margin: -1px;
    max-width: 108% !important
}

.gb_A {
    margin-right: 20px;
    border: 1px solid #c6c6c6;
    border-radius: 2px
}

#ariaUser {
    z-index: 1000
}

.gb_u, .gb_v {
    height: 0;
    left: 6.5px;
    width: 0;
    z-index: 1010
}

.gb_v {
    border-color: transparent transparent rgba(0,0,0,.2);
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    top: 36px
}

.gb_I .gb_u {
    border-bottom-color: #fef9db
}

#gb a.gb_a.gb_a {
    color: #666;
    cursor: default;
    text-decoration: none
}

.gb_F .gb_a {
    margin: 0 20px
}

.gb_a {
    border: 1px solid #c6c6c6;
    border-radius: 2px;
    display: inline-block
}

.gb_u {
    border-color: transparent transparent #fff;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    display: none;
    top: 37px
}

.gb_g {
    background-size: 96px 96px;
    border: none;
    height: 96px;
    width: 96px
}

.gb_l.gb_r, .gb_p.gb_r, .gb_s.gb_r {
    flex: 0 1 auto
}

.gb_d {
    background-size: 32px 32px;
    border-radius: 50%;
    display: block;
    height: 32px;
    margin: -1px
}

.gb_F {
    background: #f5f5f5;
    border-color: rgba(0,0,0,.2);
    border-top: 1px solid rgba(0,0,0,.2);
    display: table;
    padding: 10px 0;
    width: 100%
}

.gb_home, .gb_home a img, .gb_title {
    float: left
}

.gb_0c, .gb_r {
    margin-left: 0 !important;
    margin-right: 10px !important
}

.gb_r {
    display: inline-block;
    flex: 0 0 auto
}

.gb_na.gb_8 .gb_qa, .gb_na.gb_8 .gb_u, .gb_na.gb_8 .gb_v {
    display: block
}

.gb_qa {
    -moz-user-select: text;
    background: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 2px;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    display: none;
    right: 15px;
    top: 49px
}

.gb_y {
    color: #ccc;
    margin: 6px 0
}

.gb_D {
    margin: -4px 0 1px
}

.gb_A, .gb_B {
    display: inline-block
}

.gb_A, .gb_B, .gb_g {
    vertical-align: top
}

.gb_J {
    background: #fef9db;
    font-size: 11px;
    padding: 10px 20px;
    white-space: normal
}

.gb_z {
    margin: 20px
}

.gb_K {
    background: #f5f5f5;
    border-top: 1px solid rgba(0,0,0,.2);
    max-height: 230px;
    overflow: auto
}

.gb_c {
    display: none !important
}

.gb_C {
    background: rgba(78,144,254,.7);
    bottom: 0;
    color: #fff;
    font-size: 9px;
    left: 0;
    line-height: 9px;
    padding: 7px 0;
    width: 100%
}

.gb_home {
    width: 20%
}

.gb_title {
    color: #0c0b0b;
    padding-left: 25px;
    padding-top: 12px
}

.gb_home span {
    display: -webkit-inline-box;
    float: left;
    padding-top: 7px
}

    .gb_home span a {
        color: #fff;
        line-height: 30px
    }

        .gb_home span a:hover {
            color: red
        }

.imgEditor {
    margin: 0 auto
}

.chon-dai-dien {
    width: 175px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 3px;
    margin: 0 auto
}

.bt-chon-anh {
    width: 175px;
    cursor: pointer;
    padding-top: 5px;
    text-align: center;
    color: #00119b
}

.andi {
    display: none !important
}

#Body {
    margin-left: 0 !important;
    overflow: auto !important
}

.an1cai:before {
    content: "" !important
}

span.ctomfile {
    position: absolute;
    margin-left: 10px !important;
    margin-top: 4px;
    z-index: 8
}

img.doc.media {
    margin-left: -3px;
    margin-top: 1px
}

img.doc.multimedia {
    margin-left: 0;
    margin-top: 2px
}

img.doc.link {
    margin-left: 5px;
    margin-top: 0px;
}

.grdtxt, .riTextBox.riEnabled.grdtxt {
    padding: 5px;
    border: 0 !important;
    background-color: transparent
}

.ReadOnly, .chosen-disabled > .chosen-single span {
    color: #060f92 !important
}

.chosen-container.chosen-container-single.chosen-disabled {
    opacity: 1 !important
}

.se-all td, .se-all tr {
    border: 0 !important;
    padding-bottom: 5px !important
}

.se-all tr {
    width: 50%;
    float: left;
    padding-left: 0 !important
}

.se-all label {
    font-weight: 400 !important
}

.box-title {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    float: left
}

h3.chuyen-xly {
    background: url(/portals/_default/Skins/cms/images/chuyen-xly.png) left center no-repeat rgba(0,0,0,0);
    padding-left: 25px !important;
    color: #000;
    padding-top: 5px;
    margin-top: 5px
}

.chuyenXL {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 0
}

.pdbt10 {
    padding-bottom: 10px !important
}

.page-form {
    background: #fff
}

.boxright .lbR {
    color: #161414;
    padding-top: 5px;
    padding-right: 15px
}

.boxright strong {
    float: left;
    width: 20%
}

.lbR-a {
    float: left
}

.border {
    border-bottom: 1px solid #e0dede;
    width: 100%;
    clear: both
}

.txtAnswer {
    margin-top: 15px
}

.traloi {
    background: #fcf8e3 none repeat scroll 0 0;
    min-height: 80px;
    border-radius: 5px;
    float: left;
    width: 100%;
    padding-right: 55px !important;
}

img.nimg {
    float: left;
    margin: 10px
}

.nname {
    margin-top: 10px;
    color: #ec1d25;
    text-transform: uppercase;
    float: left;
    margin-right: 10px
}

.ntime {
    margin-top: 10px;
    float: left
}

.allPage {
    padding-bottom: 12px
}

.alleditdelete {
    margin-top: 10px;
    float: right;
    margin-right: 10px
}

.nedit {
    float: left;
    margin-right: 10px
}

.ndelete {
    float: left
}

.cm {
    margin-top: 30px
}

.txttraloi {
    width: 40%;
    float: left;
    margin-left: 20px
}

.haction {
    margin-bottom: 18px
}

.dnone {
    display: none
}

.btnguiykien {
    background-color: #e0dede;
    border: 0 none;
    color: #1d66a4;
    cursor: pointer;
    font-weight: 700;
    padding: 7px 15px;
    text-align: center;
    white-space: nowrap;
    margin-top: 10px
}

.cmdNote:hover {
    background-color: #337ab7;
    color: #fff
}

.noborder {
    border: 0 !important
}

    .noborder.aspNetDisabled {
        color: red !important;
        text-decoration: line-through
    }

.bt-note {
    cursor: pointer
}

.div-note {
    height: 350px;
    overflow: auto;
    border: 1px solid #ddd;
    background: #fff
}

.combox-left, .dil-left {
    float: left
}

.combox-right, .dil-right {
    float: right
}

    .dil-right .tip {
        border: 10px solid #fbe7c4
    }

.dil-left .tip {
    border: 10px solid #c7edfc
}

.dialogbox .body, .main-menu ul, .main-menu ul li {
    position: relative
}

.dil-left .tip-right, .dil-right .tip-left {
    top: 10px;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.dil-left .tip-right {
    right: -20px;
    border-right-color: transparent
}

.dil-right .tip-left {
    left: -20px;
    border-left-color: transparent
}

.dialogbox .body {
    height: auto;
    margin: 10px;
    padding: 5px;
    border-radius: 3px
}

.dil-left .body {
    background-color: #c7edfc;
    border: 1px solid #c7edfc
}

.dil-right .body {
    background-color: #fbe7c4;
    border: 1px solid #fbe7c4
}

.body .message {
    min-height: 20px;
    border-radius: 3px;
    font-family: Arial;
    font-size: 14px;
    line-height: 1.5;
    color: #424242
}

.dialogbox .xcontent {
    clear: both;
    padding-right: 6px;
    font-size: 12px;
    border-top: 1px solid #ccc;
    padding-top: 5px;
    line-height: 18px
}

.dialogbox .viewFile a {
    clear: both;
    font-size: 12px
}

.xname {
    font-size: 12px;
    float: left;
    color: #011288;
    font-weight: 600
}

.box-rate, .not-left span, .rpt-td-1, .rpt-td-2, .xdate {
    font-size: 12px
}

.xdate {
    float: left;
    color: #000
}

.note-img {
    padding: 2px
}

.gb_img_co, .gb_img_co_1 {
    overflow: hidden;
    margin: 0 auto;
    border-radius: 50%
}

.comment-box {
    width: 15%;
    text-align: center;
    padding-top: 15px
}

.dialogbox {
    float: left;
    width: 85%
}

.dil-left .tip, .dil-right .tip {
    width: 0;
    height: 0;
    position: absolute;
    background: 0 0 !important
}

.dil-left .tip-right, .dil-right .tip-left {
    top: 10px;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.dil-left .tip-right {
    right: -20px;
    border-right-color: transparent
}

.dil-right .tip-left {
    left: -20px;
    border-left-color: transparent
}

.edit-delete {
    background: url(/image/editor/delete.gif) center center no-repeat rgba(0,0,0,0);
    cursor: pointer;
    float: right;
    width: 16px;
    height: 16px;
    margin-left: 5px
}

.edit-deleteFile {
    background: url(/image/editor/delete.gif) center center no-repeat rgba(0,0,0,0);
    cursor: pointer;
    float: left;
    width: 16px;
    height: 16px;
    margin-left: 5px
}

.edit-lock {
    background: url(/Portals/_default/Skins/cms/images/edit-new.png) center center no-repeat rgba(0,0,0,0);
    cursor: pointer;
    float: right;
    width: 16px;
    height: 16px;
    margin-left: 5px
}

.edit-active {
    background: url(/Portals/_default/Skins/cms/images/send_news2.png) center center no-repeat rgba(0,0,0,0);
    cursor: pointer;
    float: right;
    width: 16px;
    height: 16px;
    margin-left: 5px
}

.edit-public {
    background: url(/Portals/_default/Skins/cms/images/check.png) center center no-repeat rgba(0,0,0,0);
    cursor: pointer;
    float: right;
    width: 16px;
    height: 16px;
    margin-left: 5px
}

.col-anser {
    width: 100%;
    line-height: 20px;
    clear: both
}

.das-box-content .col-md-2 {
    margin-bottom: 0 !important
}

.clr {
    clear: both
}

.line-row {
    border-bottom: 1px solid #c60505;
    padding-bottom: 5px;
    margin-bottom: 15px;
    padding-left: 0 !important
}

.btTkiemD {
    background: url(/portals/_default/skins/cms/images/find.png) no-repeat rgba(0,0,0,0);
    height: 21px;
    position: absolute;
    right: 20px;
    top: 4px;
    width: 22px;
    z-index: 97
}

.btAttach {
    background: #ff6a00;
    color: #fff;
    padding: 5px 10px;
    float: left;
    height: 30px;
    cursor: pointer
}

.divFile {
    padding: 5px;
    border: 1px solid #ccc;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    font-size: 13px
}