/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&subset=latin-ext,vietnamese');
@font-face {
    font-family: 'Quicksand';
    src: url('/areas/admin/styles/font/ff_din_regular-webfont.eot');
    src: url('/areas/admin/styles/font/ff_din_regular-webfont.eot?#iefix') format('embedded-opentype'), url('/areas/admin/styles/font/ff_din_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    background-color: #ededed;
    text-align: left;
    font-size: 14px;
    font-family: 'Quicksand', Arial, Helvetica, sans-serif;
    color: #444;
}

:focus {
    -moz-outline-style: none;
}

a {
    outline: none;
    -moz-outline: none;
}

.out_wrapper {
    min-width: 910px;
    background-color: #ededed;
}

.out_main {
    min-width: 952px;
    background-color: #ededed;
}

    .out_main.list-index {
        min-width: 960px;
        background-color: #ededed;
    }

.ie7 .out_main {
    min-width: 600px;
    background-color: #ededed;
    min-height: 765px;
}

.bg_col_left {
    background: url('/areas/admin/styles/images/bg_col_left.png') repeat-y left top #ededed;
}

.main {
    margin: 0px auto 10px auto;
    position: relative;
    display: block;
    width: 1000px;
    z-index: 500;
}

header {
    width: 100%;
    height: 80px;
    background-color: #0a127e;
    min-width: 1000px;
}

.link_a {
    font-size: 12px;
    color: #56396d;
    outline: none;
}

    .link_a:hover {
        color: #0a127e;
    }

.wr_padding20 {
    padding: 20px;
}

.mt_20 {
    margin-top: 20px;
}

.mt_10 {
    margin-top: 10px;
}

.mt_5 {
    margin-top: 5px;
}

.mb_0 {
    margin-bottom: 0 !important;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_15 {
    margin-bottom: 15px;
}

.ml_10 {
    margin-left: 10px;
}

.mr_10 {
    margin-right: 10px;
}

.pl_10 {
    padding-left: 10px;
}

.txt_r {
    text-align: right;
}

.txt_l {
    text-align: left;
}

.txt_pad_lr {
    padding-left: 15px;
    padding-right: 5px;
    float: left;
    margin-top: 5px;
}

.txt_pad_rl {
    padding-left: 5px;
    padding-right: 15px;
}

.text_hide {
    text-indent: -9999px;
}

.set_fix {
    display: block;
    width: 100%;
}

.show_massage {
    background-color: #e9e7e7;
    border: none;
    width: 100%;
    float: left;
    text-indent:20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
}

    .show_massage .error {
        font-size: 14px;
        color: red;
        line-height: 30px;
        padding: 0px 10px;
    }

.nFailure {
    background-color: #DE9D8A;
    background: -moz-linear-gradient(center top, #F0B5A1 0%, #DE9D8A 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(center top, #F0B5A1 0%, #DE9D8A 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -o-linear-gradient(center top, #F0B5A1 0%, #DE9D8A 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -html-linear-gradient(center top, #F0B5A1 0%, #DE9D8A 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 1px solid #DFA59B;
    border-bottom: 1px solid #DFA59B;
    color: #7D2A1C;
    line-height: 25px;
}

.nSuccess {
    background-color: #D0E69D;
    background: -moz-linear-gradient(center top, #D6EFA1 0%, #D0E69D 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(center top, #D6EFA1 0%, #D0E69D 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -o-linear-gradient(center top, #D6EFA1 0%, #D0E69D 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -html-linear-gradient(center top, #D6EFA1 0%, #D0E69D 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 1px solid #C1D779;
    border-bottom: 1px solid #C1D779;
    color: #4F7307;
    line-height: 25px;
}

.nWarning {
    background-color: #FBE5A8;
    background: -moz-linear-gradient(center top, #FFEDBC 0%, #FBE5A8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(center top, #FFEDBC 0%, #FBE5A8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -o-linear-gradient(center top, #FFEDBC 0%, #FBE5A8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -html-linear-gradient(center top, #FFEDBC 0%, #FBE5A8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 1px solid #F2D083;
    border-bottom: 1px solid #F2D083;
    color: #826200;
    line-height: 25px;
}

.nNote {
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    padding: 5px 0px;
}

.error {
    font-size: 12px;
    color: red;
    line-height: 20px;
    padding: 0px 0px;
}

/*=======LOGO=======*/
#logo a {
    width: auto;
    height: auto;
    float: left;
    color: #9099b7;
	margin-top: 13px; margin-left: 10px;
    /*background: url('/areas/admin/styles/images/logo.png') no-repeat left top;*/
}
#logo a img { max-height: 52px; max-width: 140px;}
/*BOX SEARCH AND USER, QUESTION*/
header .wr_info {
    position: absolute;
    top: 25px;
    right: 0px;
    width: auto;
    z-index: 900;
}

    header .wr_info ul {
    }

        header .wr_info ul li {
            float: left;
            margin-right: 30px;
        }
header .wr_info ul li:first-child {margin-right: 10px;}
.box_search { display: none}
header .wr_info ul li:last-child { /*display: none!important*/}
header .wr_info li ul.sub_user li:last-child {
    display: block !important;
}
            /*wr Search*/
            header .wr_info ul li a.box_search {
                height: 33px;
                width: 33px;
                float: left;
                background: url('/areas/admin/styles/images/bg_button_search.png') no-repeat left top;
                text-indent: -9999px;
				background-size: 30px;
            }

                header .wr_info ul li a.box_search:hover, header .wr_info ul li.active a.box_search {
                    background: url('/areas/admin/styles/images/bg_button_search_hv.png') no-repeat left top; background-size: 30px;
                }
            /*wr User*/
            header .wr_info ul li a.box_user {
                height: 33px;
                width: auto;
                float: left;
            }

                header .wr_info ul li a.box_user strong {
                    background: url('/areas/admin/styles/images/bg_user_l.png') no-repeat left top;
                    height: 33px;
                    line-height: 35px;
                    font-weight: lighter;
                    width: auto;
                    padding-left: 35px;
                    float: left;
                    color: #fff;
                    font-size: 12px;
                    font-family: 'Quicksand', Helvetica, sans-serif;
                }

                header .wr_info ul li a.box_user span {
                    background: url('/areas/admin/styles/images/bg_user_r.png') no-repeat left top;
                    height: 33px;
                    width: 18px;
                    float: left;
                    text-indent: -9999px;
                }

            header .wr_info ul li.active a.box_user strong {
                color: #FFF;
            }
            /*wr Qusetion*/
            header .wr_info ul li a.box_question {
                height: 33px;
                width: 33px;
                float: left;
                background: url('/areas/admin/styles/images/bg_button_question.png') no-repeat left top;
                text-indent: -9999px;
            }

                header .wr_info ul li a.box_question:hover, .wr_info ul li.active a.box_question {
                    background: url('/areas/admin/styles/images/bg_button_question_hv.png') no-repeat left top;
                }
    /*SUB search*/
    header .wr_info li ul li {
        margin: 0px !important;
        position: relative;
    }

    header .wr_info li ul.sub_search {
        width: 205px;
        height: 30px;
        margin-right: 110px;
        background: url('/areas/admin/styles/images/bg_search_show.png') no-repeat left top;
        right: -85px;
        top: 34px;
        padding: 15px 10px 10px 10px;
    }

        header .wr_info li ul.sub_search input.text {
            width: 150px;
            height: 20px;
            padding: 5px 0px 0 10px;
            color: #535353;
            float: left;
            background-color: transparent;
            border: none;
            box-shadow: none !important;
        }

.ie8 header .wr_info li ul.sub_search input.text, .ie7 header .wr_info li ul.sub_search input.text {
    margin-top: 5px;
}

header .wr_info li ul.sub_search input.button {
    float: right;
    color: #FFF;
    height: 30px;
    width: 35px;
    text-indent: -9999px;
    cursor: pointer;
    padding: 0;
    background-color: transparent;
    border: none;
}

/*SUB Question*/
header .wr_info li ul.sub_question {
    width: auto;
    height: auto;
    margin-right: 0px;
    background-color: #3d265d;
    border: 1px solid #0a127e;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    right: 0px;
    top: 33px;
    padding: 10px;
}

    header .wr_info li ul.sub_question li {
        float: left;
        height: 20px;
        border-bottom: 1px solid #670869;
        width: 95%;
        padding: 5px;
    }

.ie7 header .wr_info li ul.sub_question li {
    clear: both;
    min-width: 200px;
}

header .wr_info li ul.sub_question li a {
    color: #775c93;
    font-size: 12px;
    padding: 3px 0px;
}

    header .wr_info li ul.sub_question li a:hover {
        color: #dbe1f3;
    }

header .wr_info li ul.sub_question li.last {
    border: none;
}
/*SUB User*/
header .wr_info li ul.sub_user {
    width: 160px;
    height: auto;
    margin-right: 20px;
    background-color: #1473e6;
    border: 1px solid #1473e6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    right: 0px;
    top: 33px;
    padding: 10px;
}

    header .wr_info li ul.sub_user li {
        float: left;
        height: 20px;
        border-bottom: 1px solid #318af5;
        width: 95%;
        padding: 5px;
    }

.ie7 header .wr_info li ul.sub_user li {
    clear: both;
    min-width: 200px;
}

header .wr_info li ul.sub_user li a {
    color: #fff;
    font-size: 12px;
    padding: 3px 0px;
	line-height: 20px
}

    header .wr_info li ul.sub_user li a:hover {
        color: #0a127e;
    }

header .wr_info li ul.sub_user li.last {
    border: none;
}
/*Hover show or hidden*/
header .wr_info li ul {
    position: absolute;
    display: none;
    z-index: 1000;
}

header .wr_info li:hover ul {
}

header .wr_info ul.top-nav > li.active ul.sub {
    display: block;
}
/* =======NAV======= */
nav {
    width: auto;
    position: absolute;
    right: 0px;
    top: 20px;
    z-index: 1000;
}

* + html #nav {
    display: inline;
}

    #nav li {
        float: left;
        margin-right: 20px;
    }

    #nav a {
        color: #9DA5B2;
        cursor: pointer;
        padding: 7px 7px 5px 7px;
    }

.ie7 #nav a {
    line-height: 30px;
    padding: 0px 5px;
}

#nav .active a, #nav a:hover {
    background-color: #394264;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #FFFFFF;
    text-decoration: none;
}

#nav a span {
    display: inline-block;
    padding: 0 0 0 25px;
    font-family: Quicksand, Arial, Helvetica, sans-serif;
    font-weight: lighter;
    font-size: 16px;
}

#nav .nav_das span {
    background: url('/areas/admin/styles/images/icon_das.png') no-repeat scroll 0 50% transparent;
}

#nav .nav_fe span {
    background: url('/areas/admin/styles/images/icon_fe.png') no-repeat scroll 0 50% transparent;
}

#nav .nav_em span {
    background: url('/areas/admin/styles/images/icon_em.png') no-repeat scroll 0 50% transparent;
}

#nav .nav_am span {
    background: url('/areas/admin/styles/images/icon_am.png') no-repeat scroll 0 50% transparent;
}

#nav .active a span, #nav a:hover span {
    background-position: -200px 50%;
}

/*Box menu list*/
#nav li ul {
    position: absolute;
    display: none;
    width: 195px;
    height: 195px;
    margin-right: 20px;
    background: url('/areas/admin/styles/images/bg_am_hv.png') no-repeat left bottom scroll transparent;
    right: 0px;
    top: 20px;
    padding: 26px 15px 15px 15px;
    z-index: 1000;
}

#nav li:hover ul {
    display: block;
}

#nav li ul li {
    float: left;
    width: 195px;
    height: 20px;
    margin-bottom: 4px;
}

    #nav li ul li a.setting {
        padding: 0px 0px 0px 25px !important;
        background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px 0px scroll transparent;
        color: #636363;
        font-size: 14px;
        text-shadow: 0 1px 0 #fff;
    }

    #nav li ul li a.access {
        padding: 0px 0px 0px 25px !important;
        background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -20px scroll transparent;
        color: #636363;
        font-size: 14px;
        text-shadow: 0 1px 0 #fff;
    }

    #nav li ul li a.schedule {
        padding: 0px 0px 0px 25px !important;
        background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -40px scroll transparent;
        color: #636363;
        font-size: 14px;
        text-shadow: 0 1px 0 #fff;
    }

    #nav li ul li a.language {
        padding: 0px 0px 0px 25px !important;
        background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -60px scroll transparent;
        color: #636363;
        font-size: 14px;
        text-shadow: 0 1px 0 #fff;
    }

    #nav li ul li a.layout {
        padding: 0px 0px 0px 25px !important;
        background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -80px scroll transparent;
        color: #636363;
        font-size: 14px;
        text-shadow: 0 1px 0 #fff;
    }

    #nav li ul li a.moudle {
        padding: 0px 0px 0px 25px !important;
        background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -100px scroll transparent;
        color: #636363;
        font-size: 14px;
        text-shadow: 0 1px 0 #fff;
    }

    #nav li ul li a.page {
        padding: 0px 0px 0px 25px !important;
        background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -120px scroll transparent;
        color: #636363;
        font-size: 14px;
        text-shadow: 0 1px 0 #f2f0f0;
    }

    #nav li ul li a.user {
        padding: 0px 0px 0px 25px !important;
        background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -140px scroll transparent;
        color: #636363;
        font-size: 14px;
        text-shadow: 0 1px 0 #f2f0f0;
    }

        #nav li ul li a.user:hover, #nav li ul li a.page:hover, #nav li ul li a.moudle:hover, #nav li ul li a.layout:hover, #nav li ul li a.language:hover, #nav li ul li a.schedule:hover, #nav li ul li a.access:hover, #nav li ul li a.setting:hover {
            color: #000;
            text-shadow: 0 1px 0 #f2f0f0;
        }
/*=======END SUB NAV=======*/
/*New Tab*/
.wr_top_action {
    height: 35px;
    width: 100%;
    background-color: #e6e7f2;
    position: relative;
}

.ie7 .wr_top_action {
    z-index: 500;
}

.wr_top_action .new_tab {
    float: left;
    height: 35px;
    width: auto;
    background: /*url('/areas/admin/styles/images/line_hor.png') repeat-y right top scroll*/ #1473e6;
}

    .wr_top_action .new_tab a {
        line-height: 35px;
        color: #fff;
        font-size: 14px;
        font-family: 'Quicksand', Helvetica, sans-serif;
        padding: 0px 20px;
    }

/*New Tab Setting*/
.wr_top_action .new_setting {
    float: left;
    height: 35px;
    width: 52px;
    background-color: #394264;
}

    .wr_top_action .new_setting a.set {
        text-indent: -9999px;
        float: left;
        height: 35px;
        width: 52px;
        background: url('/areas/admin/styles/images/new_tab_setting.png') no-repeat center top scroll;
    }

        .wr_top_action .new_setting a.set:hover {
            background: url('/areas/admin/styles/images/new_tab_setting_hv.png') no-repeat center top scroll;
        }

    .wr_top_action .new_setting ul {
        position: absolute;
        display: none;
        z-index: 1000;
        top: 35px;
        background-color: #3d265d;
        min-width: 160px;
    }

    .wr_top_action .new_setting:hover ul {
        display: block;
    }

    .wr_top_action .new_setting ul li {
        padding: 5px 25px 2px 10px;
    }

        .wr_top_action .new_setting ul li.last {
            background-color: #394264;
            padding-bottom: 7px;
            padding-top: 5px;
        }

        .wr_top_action .new_setting ul li a.tab_rename {
            color: #dbe1f3;
            font-size: 13px;
            padding-left: 25px;
            height: 25px;
            line-height: 25px;
            background: url('/areas/admin/styles/images/icon_tab_setting.png') no-repeat 0px 0px scroll transparent;
        }

        .wr_top_action .new_setting ul li a.tab_layout {
            color: #dbe1f3;
            font-size: 13px;
            padding-left: 25px;
            height: 25px;
            line-height: 25px;
            background: url('/areas/admin/styles/images/icon_tab_setting.png') no-repeat 0px -26px scroll transparent;
        }

        .wr_top_action .new_setting ul li a.tab_delete {
            color: #dbe1f3;
            font-size: 13px;
            padding-left: 25px;
            height: 25px;
            line-height: 25px;
            background: url('/areas/admin/styles/images/icon_tab_setting.png') no-repeat 0px -51px scroll transparent;
        }

            .wr_top_action .new_setting ul li a.tab_rename:hover, .wr_top_action .new_setting ul li a.tab_layout:hover, .wr_top_action .new_setting ul li a.tab_delete:hover {
                color: #fff;
            }
/*New Tab Dashboard*/
.wr_top_action .top_breadcrumb {
    float: left;
    font-family: 'Quicksand', Helvetica, sans-serif;
    padding-left: 10px;
    font-size: 16px;
    color: #fff;
    line-height: 35px;
}

    .wr_top_action .top_breadcrumb i img {
        height: 35px;
        width: 30px;
        float: left;
    }

    .wr_top_action .top_breadcrumb a {
        float: left;
        font-family: 'Quicksand', Helvetica, sans-serif;
        font-size: 14px;
        color: #444;
        line-height: 35px;
    }

        .wr_top_action .top_breadcrumb a:hover {
            text-shadow: 0 1px 0 #fff;
        }
/*New Tab Editting*/
.wr_top_action .new_editting {
    float: right;
    height: 35px;
    width: auto;
    padding: 0px 10px;
    background: url('/areas/admin/styles/images/line_hor_r.png') repeat-y left top scroll;
}

    .wr_top_action .new_editting a.edit {
        text-indent: -9999px;
        float: left;
        height: 35px;
        width: 52px;
        background: url('/areas/admin/styles/images/icon_setting.png') no-repeat 0 0 scroll;
    }

        .wr_top_action .new_editting a.edit:hover {
            background-position: 0px -35px;
        }

    .wr_top_action .new_editting ul {
        position: absolute;
        display: none;
        z-index: 1000;
        top: 35px;
        right: 0;
        background-color: #3d265d;
        min-width: 160px;
    }

    .wr_top_action .new_editting:hover ul {
        display: block;
    }

    .wr_top_action .new_editting ul li {
        padding: 5px 25px 2px 10px;
    }

        .wr_top_action .new_editting ul li a.edit_add {
            color: #dbe1f3;
            font-size: 13px;
            padding-left: 25px;
            height: 25px;
            line-height: 25px;
            background: url('/areas/admin/styles/images/icon_tab_setting.png') no-repeat 0px -75px scroll transparent;
        }

        .wr_top_action .new_editting ul li a.edit_newtab {
            color: #dbe1f3;
            font-size: 13px;
            padding-left: 25px;
            height: 25px;
            line-height: 25px;
            background: url('/areas/admin/styles/images/icon_tab_setting.png') no-repeat 0px -26px scroll transparent;
        }

        .wr_top_action .new_editting ul li a.edit_rearrange {
            color: #dbe1f3;
            font-size: 13px;
            padding-left: 25px;
            height: 25px;
            line-height: 25px;
            background: url('/areas/admin/styles/images/icon_tab_setting.png') no-repeat 0px -101px scroll transparent;
        }

            .wr_top_action .new_editting ul li a.edit_add:hover, .wr_top_action .new_editting ul li a.edit_newtab:hover, .wr_top_action .new_editting ul li a.edit_rearrange:hover {
                color: #fff;
            }


/*hehehehehhehehehe*/
.m_b20 {
    margin-bottom: 20px;
}

/*=====CSS CHIA COT CONTENT=======*/
.wr_content {
    padding: 20px 20px 0px;
}

.wr_content_all {
    position: relative; /*min-height:1000px;*/
    width: 100%;
}

.ie7 .wr_content_all {
    min-height: 100%;
    float: left;
    display: block;
    position: relative;
}

.wr_left {
    display: block;
    min-height: 100%;
    left: 0;
    text-align: left;
    width: 180px;
    z-index: 200;
	position: relative;
}

.ie7 .wr_left {
    position: absolute;
}

.wr_left ul.nav_list {
    float: left;
    padding: 20px 10px 20px 20px;
}

    .wr_left ul.nav_list li {
        line-height: 18px;
        float: left;
        clear: both;
		margin-bottom: 10px;
    }

        .wr_left ul.nav_list li a {
            font: 'Quicksand', Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: #ddd;
        }
.wr_clo1 .row_content.mb_15 { margin-bottom: 0!important; min-height: 10px!important;}
            .wr_left ul.nav_list li.active a, .wr_left ul.nav_list li a:hover {
                color: #d41818;
            }

/*css Editmode*/
.wr_button_top {
    width: 178px;
    height: 36px;
    margin-right: 2px;
    float: left;
    background: url('/areas/admin/styles/images/bg_top_left.png') repeat-x left top scroll transparent;
}

    .wr_button_top ul {
    }

        .wr_button_top ul li {
            float: left;
        }

            .wr_button_top ul li a {
                height: 35px;
                width: 30px;
                margin: 0px 14px;
                text-indent: -9999px;
                display: block;
            }

                .wr_button_top ul li a.add {
                    background: url('/areas/admin/styles/images/icon_add_plus_dupli.png') no-repeat 0px 0px scroll transparent;
                }

                    .wr_button_top ul li a.add:hover {
                        background: url('/areas/admin/styles/images/icon_add_plus_dupli.png') no-repeat 0px -35px scroll transparent;
                    }

                .wr_button_top ul li a.plus {
                    background: url('/areas/admin/styles/images/icon_add_plus_dupli.png') no-repeat 0px -70px scroll transparent;
                }

                    .wr_button_top ul li a.plus:hover {
                        background: url('/areas/admin/styles/images/icon_add_plus_dupli.png') no-repeat 0px -105px scroll transparent;
                    }

                .wr_button_top ul li a.dupli {
                    background: url('/areas/admin/styles/images/icon_add_plus_dupli.png') no-repeat 0px -140px scroll transparent;
                }

                    .wr_button_top ul li a.dupli:hover {
                        background: url('/areas/admin/styles/images/icon_add_plus_dupli.png') no-repeat 0px -175px scroll transparent;
                    }

/*right content*/
.wr_tab {
    min-height: 100%;
    background-color: #ededed;
    margin-left: 180px;
    position: relative;
}

.wr_right {
    min-height: 100%;
    background-color: #ededed;
    margin-left: 180px;
    padding: 20px;
    position: relative;
}

    .wr_right h2.title_top {
        height: auto;
        width: auto;
        padding: 0px 0px 20px;
        float: left;
        font-size: 24px;
        color: #d41818;
        font-family: Quicksand, Arial, Helvetica, sans-serif;
        display: block;
    }

    .wr_right .wr_breadcrumb {
        height: 35px;
        margin-bottom: 20px;
        width: 100%;
        float: left;
        background-color: #cecfe5;
        border-bottom: 1px solid #cecfe5;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

.ie7 .wr_right .wr_breadcrumb {
    float: none;
}

.wr_right .wr_breadcrumb a.home {
    height: 35px;
    width: 35px;
    margin-right: 5px;
    float: left;
    background: url('/areas/admin/styles/images/icon_home_bre.png') no-repeat 0px 0px scroll transparent;
}

    .wr_right .wr_breadcrumb a.home:hover {
        background: url('/areas/admin/styles/images/icon_home_bre_hv.png') no-repeat 0px 0px scroll transparent;
    }

.wr_right .wr_breadcrumb i.dot_bre {
    height: 35px;
    width: 15px;
    float: left;
    background: url('/areas/admin/styles/images/dot_bre.png') no-repeat 0px 0px scroll transparent;
}

.wr_right .wr_breadcrumb a {
    height: 35px;
    width: auto;
    margin-right: 5px;
    float: left;
    line-height: 35px;
    text-shadow: 0 1px 0 #eeeeee;
    font-size: 14px;
    font-family: Quicksand, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #1c1c1c;
}

    .wr_right .wr_breadcrumb a:hover {
        color: #6a6a6a;
    }

    .wr_right .wr_breadcrumb a.current {
        height: 35px;
        width: auto;
        margin-right: 5px;
        float: left;
        line-height: 35px;
        text-shadow: 0 1px 0 #eeeeee;
        font-size: 14px;
        font-family: Quicksand, Arial, Helvetica, sans-serif;
        font-weight: normal !important;
        color: #6a6a6a;
    }

        .wr_right .wr_breadcrumb a.current:hover {
            color: #1c1c1c;
        }
/*wr box content*/
.wr_box_all {
    margin-bottom: 20px;
    width: 100%;
    float: left;
    background: url('/areas/admin/styles/images/bg_td_box.png') repeat-x left top scroll;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-bottom: 20px;
}

    .wr_box_all h3 {
        height: 30px;
        width: 100%;
        padding-left: 10px;
        margin-bottom: 25px;
        line-height: 30px;
        float: left;
        font-size: 14px;
        color: #636262;
        text-shadow: 0 1px 0 #eeeeee;
        font-family: Quicksand, Arial, Helvetica, sans-serif;
        font-weight: normal;
    }

        .wr_box_all h3 i.icon_imp {
            height: 30px;
            width: 30px;
            float: left;
            text-indent: -9999px;
            background: url('/areas/admin/styles/images/icon_box.png') no-repeat 0px 0px scroll;
        }

        .wr_box_all h3 i.icon_exp {
            height: 30px;
            width: 30px;
            float: left;
            text-indent: -9999px;
            background: url('/areas/admin/styles/images/icon_box.png') no-repeat 0px -30px scroll;
        }

.row_content_box {
    width: 100%;
    float: left;
    position: relative;
    padding: 0px 0px 0px !important;
	min-height: 24px;
	margin-top: 5px;
}
.wr_clo2 .row_content_box {/*min-height: 150px; padding-top: 10px!important;*/}

    .row_content_box .clo_left {
        width: 35%;
        float: left;
        position: relative;
    }

    .row_content_box .clo_left_gaget {
        margin-left: 15px;
        position: relative;
    }

.fl_r {
    float: right;
}

.fl_l {
    float: left;
}

.txt_align_r {
    text-align: right !important;
}

.txt_align_c {
    text-align: center !important;
    padding-top: 10px;
}

.txt_align_l {
    text-align: left !important;
}

.row_content_box .clo_left label {
    margin: 0px 10px 0px 0px;
    display: block;
    font-size: 12px;
    line-height: 18px;
    line-height: 26px;
    /*white-space:nowrap;*/
}

.row_content_box .clo_right {
    width: 65%;
    float: left;
    line-height: 26px;
}

.row_content_box .clo_Gaget {
    width: 65%;
    float: right;
    line-height: 26px;
    padding-bottom: 10px;
}

.wr_submit_gaget {
    height: 30px;
    right: 0;
}

.ie7 .row_content_box .clo_right {
    width: 64%;
    float: left;
}

.row_content {
    width: 100%;
    float: left;
}
.row_content.mt_20 { margin-top: 0!important}

    .row_content h3.title {
        margin-bottom: 10px;
    }

    .row_content [class*="wr_clo"]:first-child {
        margin-left: 0 !important;
    }

    .row_content .wr_clo1 {
        width: 100%;
        margin-left: 0 !important;
    }

    .row_content .wr_clo2 {
        width: 48.9362%;
		-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
    }

    .row_content .wr_clol {
        width: 30.9362%;
    }

    .row_content .wr_clor {
        width: 66.9362%;
    }

.ie7 .row_content .wr_clo2 {
    width: 48.920%;
    float: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.row_content .wr_clo3 {
    width: 31.9149%;
}

.row_content .wr_clo4 {
    width: 23.0769%;
}

.row_content .wr_nclo1 {
    width: 98%;
    margin: 20px 1% 0px 1%;
    float: left;
}

.row_content .wr_nclo2 {
    width: 48%;
    margin: 20px 1% 0px 1%;
    float: left;
}

.row_content .wr_nclo3 {
    width: 31.298%;
    margin: 20px 1% 0px 1%;
    float: left;
}

.row_content [class*="wr_clo"] {
    -moz-box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 2.12766%;
    min-height: 30px;
}

.ie7 .w96 {
    width: 96%;
}

.ie7 .w995 {
    width: 99.5%;
}
/*CSS SHOW HIDDEN BOX*/
.ui-widget {
}

    .ui-widget *:active {
        outline: medium none;
    }

.ui-icon-triangle-1-s {
    background-position: 0px -30px;
}

.ui-icon-triangle-1-e {
    background-position: 0px 0px;
}

.ui-widget-header {
    height: 30px;
    background-color: #22298a;
    cursor: pointer;
}

    .ui-widget-header .ui-icon {
        background-image: url('/areas/admin/styles/images/icon_colla.png');
        margin: 0px !important;
        cursor: pointer;
    }

    .ui-widget-header a.btn_close {
        float: right;
        height: 30px;
        width: 30px;
        background: url('/areas/admin/styles/images/btn_close.png') no-repeat left top scroll transparent;
        text-indent: -9999px;
    }

.ui-icon {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}

.ui-icon {
    background-image: url('/areas/admin/styles/images/icon_colla.png');
    height: 30px;
    width: 36px;
}

.ui-widget-header h3 {
    font-family: Quicksand, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    padding: 0px 10px;
    float: left;
	font-weight: normal;
}

.ui-widget-content {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    background-color: #FFF;
    position: relative;
    height: 170px;
    overflow: hidden;
}

.ie7 .ui-widget-content {
    position: static;
}
/*css wr content style all*/
.ui-widget-content .wr_content_box {
    padding: 10px;
    color: #0a127e;
}

    .ui-widget-content .wr_content_box p {
        line-height: 20px;
    }
/* Css visitor box*/
.wr_calender a {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 20px;
}

.wr_calender h4 {
    line-height: 30px;
    min-width: 200px;
}

.wr_info_visit {
    padding: 0px 10px;
}

    .wr_info_visit h2 {
        font-size: 16px;
        color: #0a127e;
        text-align: left;
        line-height: 30px;
        padding-bottom: 5px;
    }

    .wr_info_visit ul {
        float: left;
        clear: both;
    }

        .wr_info_visit ul li {
            float: left;
            clear: both;
            height: 25px;
            min-width: 200px;
        }

            .wr_info_visit ul li strong {
                padding-right: 10px;
            }
/* Css note box*/
.wr_note {
    padding: 10px;
}

    .wr_note textarea.input_note {
        width: 98%;
        height: auto;
        min-height: 77px;
        padding: 1%;
        border: none;
    }
/* Css Rss box*/
.wr_rss {
    width: 100%;
    float: left;
}

    .wr_rss h2.title {
        background-color: #ebeffc;
        padding: 0px 10px;
        color: #603f8e;
        font-size: 18px;
        font-weight: normal;
        height: 35px;
        line-height: 35px;
    }

    .wr_rss .wr_news_rss {
        padding: 10px;
        color: #603f8e;
        min-height: 55px;
    }

        .wr_rss .wr_news_rss a {
            color: #603f8e;
            font-size: 14px;
            line-height: 20px;
            width: 100%;
            float: left;
        }

            .wr_rss .wr_news_rss a:hover {
                color: #11a8ab;
            }

        .wr_rss .wr_news_rss span {
            color: #0a127e;
            font-size: 12px;
            line-height: 18px;
            font-style: italic;
        }

        .wr_rss .wr_news_rss p {
            color: #0a127e;
            font-size: 12px;
            line-height: 18px;
        }
/* Css Browsers box*/
.wr_browser {
}

table.table {
    clear: both;
    max-width: none !important;
}

.table {
    width: 100%;
}

    .table thead:first-child tr:first-child th {
        background-color: #dbe1f3;
        border: none;
        color: #603f8e;
        font-family: Quicksand, Arial, Helvetica, sans-serif;
        font-size: 1.125em;
        padding: 8px 20px !important;
    }

.table-striped tbody > tr:nth-child(2n+2) > td, .table-striped tbody > tr:nth-child(2n+2) > th {
    background-color: #ebeffc;
}

.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {
    background-color: #f7f9ff;
}

.table thead tr th {
    font-size: 14px;
    font-weight: 600;
    color: #0a127e;
}

.table thead th {
    vertical-align: bottom;
}

.table th { /*font-weight: bold;*/
}

.table th, .table td { /*border-top: 1px solid #DDDDDD;*/
    line-height: 20px;
    padding: 5px 20px;
    text-align: left;
    vertical-align: top;
    color: #0a127e;
}


/* Css Google analytic box*/
.wr_google_analytic {
    background-color: #fafafa;
    padding: 10px;
    text-align: center;
	min-height: 150px;
}

    .wr_google_analytic img {
    }
/*css hover setting bottom box*/
.wr_bottom_setting {
    bottom: 0px;
    height: 30px;
    background-color: #b5b7d8;
    clear: both;
    position: relative;
}

    .wr_bottom_setting .setting {
        float: right;
        height: 30px;
        width: auto;
        padding: 0px 5px;
        background: url('/areas/admin/styles/images/line_hor_r.png') repeat-y left top scroll;
    }

        .wr_bottom_setting .setting a.set {
            text-indent: -9999px;
            float: left;
            height: 30px;
            width: 52px;
            background: url('/areas/admin/styles/images/icon_setting_b.png') no-repeat 0 0 scroll;
        }

            .wr_bottom_setting .setting a.set:hover {
                background-position: 0px -35px;
            }

        .wr_bottom_setting .setting ul {
            position: absolute;
            display: none;
            z-index: 99999999;
            top: 30px;
            right: 0;
            background-color: #091071;
            min-width: 160px;
        }

        .wr_bottom_setting .setting:hover ul {
            display: block;
        }

        .wr_bottom_setting .setting ul li {
            padding: 5px 25px 2px 10px;
        }

            .wr_bottom_setting .setting ul li a.set_remove {
                color: #fff;
                font-size: 13px;
                padding-left: 25px;
                height: 25px;
                line-height: 25px;
                background: url('/areas/admin/styles/images/icon_tab_setting.png') no-repeat 0px -51px scroll transparent;
            }

            .wr_bottom_setting .setting ul li a.set_edit {
                color: #dbe1f3;
                font-size: 13px;
                padding-left: 25px;
                height: 25px;
                line-height: 25px;
                background: url('/areas/admin/styles/images/icon_tab_setting.png') no-repeat 0px -26px scroll transparent;
            }
.wr_bottom_setting .setting ul li a:hover { color: #d41818;}

.ui-helper-clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.ui-helper-clearfix {
    display: inline-block;
}

* html .ui-helper-clearfix {
    height: 1%;
}

.ui-helper-clearfix {
    display: block;
}

/*=====CSS FOOTER=====*/
footer {
    width: 100%;
    height: 35px;
    color: #9d9d9d;
    font-size: 12px;
    font-family: 'Quicksand', Verdana, Geneva, sans-serif;
}

    footer .link {
        float: right;
        height: 35px;
        display: block;
        padding: 10px 20px;
        margin: 0 auto;
    }

        footer .link ul {
            height: 27px;
            padding: 0;
            list-style: none;
            padding: 0;
            margin: 0;
        }

        footer .link a {
            padding: 0px 0 0 0;
        }

        footer .link li {
            float: left;
            margin-right: 3px;
            line-height: 22px;
            color: #fff;
        }

            footer .link li.first {
                margin-right: 4px;
            }

    footer .design_by {
        float: left;
        text-align: left;
        width: auto;
        display: block;
        padding: 10px 20px;
        margin: 0 auto;
    }

    footer p {
        margin-bottom: 0 !important;
    }

    footer .design_by p.text_footer {
        float: left;
        text-align: left;
    }

        footer .design_by p.text_footer strong {
        }

    footer .design_by p.img_footer {
        float: left;
        margin-left: 2px;
    }

    footer .design_by a {
        color: #ae7eb7;
    }

        footer .design_by a:hover {
            color: #9d9d9d;
        }

    footer .design_by strong {
        color: #fff;
    }

/*Tree menu*/
/*=====tree view======*/
.content_tree {
    float: left;
    width: 100%;
    padding-top: 0px;
    position: relative;
}

footer {
    width: 100%;
    height: 40px;
    color: #9d9d9d;
    font-size: 12px;
    font-family: 'Quicksand', Verdana, Geneva, sans-serif;
    background-color: #0a127e;
    z-index: 0;
    position: relative;
}

.treeview {
    padding: 0;
    margin: 0px 0 0;
    padding: 0 5px;
    float: left;
}

    .treeview ul {
        list-style: none;
    }

    .treeview .hitarea {
        background: url('/areas/admin/styles/images/treeview-default6.gif') -64px -27px no-repeat;
        height: 20px;
        width: 20px;
        margin-left: -16px;
        float: left;
        cursor: pointer;
    }
/* fix for IE6 */
* html .hitarea {
    display: inline;
    float: none;
}

.treeview li, .alonetree li {
    margin: 0;
    padding: 3px 0px 3px 16px;
    background: url('/areas/admin/styles/images/treeview-default-line.gif') 0 0px no-repeat;
}
.alonetree li {
    margin: 0;
    padding: 3px 0px 3px 16px;
    background: none !important;
}

    .treeview li i, .alonetree li i {
        width: 20px;
        height: 20px;
        text-indent: -9999px;
        display: block;
        float: left;
    }

    .treeview li a,.alonetree li a {
        color: #ddd;
        font-size: 14px;
        text-decoration: none;
        padding: 5px 5px;
        display: block;
        margin-left: 20px;
    }

    .treeview li ul {
    }

    .treeview li a:hover, .alonetree li a:hover {
        cursor: pointer;
        color: #d41818;
        padding: 5px 5px;
        border-radius: none;
    }

    .treeview li a.active, .alonetree li a:active {
        padding: 5px 5px;
        color: #d41818;
        border-radius: none;
        z-index: 100;
        position: relative;
    }

#treecontrol {
    margin: 1em 0;
    display: none;
}

.treeview li.collapsable, .treeview li.expandable {
    background-position: 0 -191px;
}

.treeview .expandable-hitarea {
    background-position: -80px -3px;
}

.treeview li.last {
    background-position: 0 -1763px;
}

.treeview li.lastCollapsable, .treeview li.lastExpandable {
    background-image: url('/areas/admin/styles/images/treeview-default6.gif');
}

.treeview li.lastCollapsable {
    background-position: -1px -126px;
}

.treeview li.lastExpandable {
    background-position: -33px -77px;
}

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {
    background-position: 0;
}

/*icon tree*/
.treeview li i.ico_root, .alonetree li i.ico_root {
    background: url('/areas/admin/styles/images/icon_tree.png') 0px 0px no-repeat scroll;
}

.treeview li i.ico_recy, .alonetree li i.ico_recy {
    background: url('/areas/admin/styles/images/icon_tree.png') 0px -19px no-repeat scroll;
}

.treeview li i.ico_home, .alonetree li i.ico_home {
    background: url('/areas/admin/styles/images/icon_tree.png') 0px -38px no-repeat scroll;
}

.treeview li i.ico_open_for {
    background: url('/areas/admin/styles/images/icon_tree.png') 0px -57px no-repeat scroll;
}

.treeview li i.ico_close_for {
    background: url('/areas/admin/styles/images/icon_tree.png') 0px -76px no-repeat scroll;
}

.treeview li i.ico_file_one {
    background: url('/areas/admin/styles/images/icon_tree.png') 0px -95px no-repeat scroll;
}

.treeview li i.ico_file_two {
    background: url('/areas/admin/styles/images/icon_tree.png') 0px -114px no-repeat scroll;
}
/* total */
.total {
    width: 158px;
	padding: 10px;
	color: #fff;
	
    height: 35px;
    bottom: 0; /*position:absolute;*/
    margin-right: 2px;
    float: left;
    background: url('/areas/admin/styles/images/bg_total.png') repeat-x left top scroll transparent;
}

    .total p {
        background: url('/areas/admin/styles/images/icon_total.png') left top no-repeat scroll;
        line-height: 19px;
        padding-left: 20px;
        color: #474747;
        font-size: 10px;
        margin-left: 5px;
        margin-top: 7px;
    }

        .total p span {
            color: #56396d;
            font-weight: bold;
            font-size: 12px;
        }

/*tab*/
.none_padding {
    padding: 0px !important;
}

.ie7 .none_padding {
    padding-bottom: 20px !important;
}

/*========tabs======*/
.click_full {
    position: absolute;
    text-indent: -999999px;
    display: block !important;
    right: 15px;
    height: 16px;
    width: 16px;
    top: 10px;
}

.full {
    background: url('/areas/admin/styles/images/click_full.png') no-repeat left top;
}

    .full:hover, .outfull:hover {
        cursor: pointer;
        opacity: 0.7;
    }

.outfull {
    background: url('/areas/admin/styles/images/click_outfull.png') no-repeat left top;
}

ul.tabNavigation {
    height: 36px;
    width: 100%;
    float: left;
    background: url('/areas/admin/styles/images/bg_top_left.png') repeat-x left top scroll transparent;
    list-style: none;
}

    ul.tabNavigation li {
        display: block;
        float: left;
        height: 35px;
        background: url('/areas/admin/styles/images/bg_line_tab.png') repeat-y right top scroll;
    }

        ul.tabNavigation li a {
            color: #665656;
            height: 36px;
            margin-right: 1px;
            float: left;
            text-decoration: none;
            font-size: 20px;
            font-family: Quicksand, Arial, Helvetica, sans-serif;
            text-shadow: 0 1px 0 #eeeeee;
            padding: 0px 15px 0px 0px;
            line-height: 36px;
            display: block;
        }

            ul.tabNavigation li a i.tab_review {
                background: url('/areas/admin/styles/images/icon_tab_top.png') 0px 0px no-repeat;
                text-indent: -9999px;
                height: 36px;
                width: 60px;
                float: left;
            }

            ul.tabNavigation li a i.tab_setting {
                background: url('/areas/admin/styles/images/icon_tab_top.png') 0px -72px no-repeat;
                text-indent: -9999px;
                height: 36px;
                width: 60px;
                float: left;
            }

            ul.tabNavigation li a i.tab_design {
                background: url('/areas/admin/styles/images/icon_tab_top.png') 0px -144px no-repeat;
                text-indent: -9999px;
                height: 36px;
                width: 60px;
                float: left;
            }

            ul.tabNavigation li a.active, ul.tabNavigation li a:hover {
                background: url('/areas/admin/styles/images/bg_tab_hv.png') repeat-x left top;
            }

            ul.tabNavigation li a:focus {
                outline: 0;
            }

.tabs > div {
    margin: 0px 0px 0 0px;
    float: left;
}

.tabs {
}

.waste {
    min-height: 1000px;
}

#first, #second, #fouth, #third, #gunMenu {
    width: 100%; /*min-height:564px;*/
    padding-bottom: 10px;
}

.inner_first {
    padding: 0 1%;
}

#first, #second, #third, #fouth {
    padding-top: 10px;
}

.wr_content_tab {
    padding: 20px;
}
/*=====tab1=====*/
.review_box {
    border: 5px solid #fff;
    width: 100%;
    height: 715px;
    overflow: hidden;
    position: relative;
}

    .review_box .img_big img {
        width: 100%;
        height: 100%;
    }
/*=====tabs2=====*/
/*========tabs======*/
ul.tabNavigation2 {
    height: 36px;
    width: 100%;
    float: left;
    background: url('/areas/admin/styles/images/bg_tab_two.png') repeat-x left top scroll transparent;
    list-style: none;
}

    ul.tabNavigation2 li {
        display: block;
        float: left;
        height: 35px;
        background: url('/areas/admin/styles/images/bg_line_tab2.png') repeat-y right top scroll;
    }

        ul.tabNavigation2 li a {
            color: #2b2b2b;
            height: 36px;
            margin-right: 1px;
            float: left;
            text-decoration: none;
            font-size: 14px;
            font-family: Quicksand, Arial, Helvetica, sans-serif;
            text-shadow: 0 1px 0 #eeeeee;
            padding: 0px 15px;
            line-height: 36px;
            display: block;
        }

            ul.tabNavigation2 li a.active, ul.tabNavigation2 li a:hover {
                background: url('/areas/admin/styles/images/bg_tab_two_hv.png') repeat-x left top scroll;
            }

            ul.tabNavigation2 li a:focus {
                outline: 0;
            }


.tabs2 {
    float: left;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 100%;
}

    .tabs2 > div img {
        border: none;
    }

.waste {
    min-height: 1000px;
}

#five, #six, #seven, #eight {
    color: #000;
    width: 100%;
    padding: 20px 0px;
    float: none !important;
}

.inner_first {
    padding: 20px;
}

    .inner_first h1 {
        font-size: 32px;
        color: #7e1092;
    }
/*======content tab five====*/
/*=====tabs3=====*/
/*========tabs======*/
ul.tabNavigation3 {
    height: 36px;
    width: 100%;
    float: left;
    background: url('/areas/admin/styles/images/bg_tab_two.png') repeat-x left top scroll transparent;
    list-style: none;
}

    ul.tabNavigation3 li {
        display: block;
        float: left;
        height: 35px;
        background: url('/areas/admin/styles/images/bg_line_tab2.png') repeat-y right top scroll;
    }

        ul.tabNavigation3 li a {
            color: #2b2b2b;
            height: 36px;
            margin-right: 1px;
            float: left;
            text-decoration: none;
            font-size: 14px;
            font-family: Quicksand, Arial, Helvetica, sans-serif;
            text-shadow: 0 1px 0 #eeeeee;
            padding: 0px 15px;
            line-height: 36px;
            display: block;
        }

            ul.tabNavigation3 li a.active, ul.tabNavigation3 li a:hover {
                background: url('/areas/admin/styles/images/bg_tab_two_hv.png') repeat-x left top scroll;
            }

            ul.tabNavigation3 li a:focus {
                outline: 0;
            }


.tabs3 {
    float: left;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

    .tabs3 > div img {
        border: none;
    }

#ten, #eleven, #twelve, #thriteen {
    color: #000;
    width: 100%;
    padding: 20px 0px;
    float: none !important;
}

/* ++++++ css form input style +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.wr_form_input {
    float: left;
    margin-bottom: 40px;
}

i.icon_ques {
    background: url('/areas/admin/styles/images/icon_ques.png') no-repeat left top scroll transparent;
    height: 16px;
    width: 16px;
    margin: 7px 5px 5px;
    display: inline-block;
    float: left;
}
.ml_20 li span {
    color: #d41818;
    font-size: 16px;
    font-weight: bold;
}
/*tooltip style*/
.tooltip a {
    position: Relative;
}

    .tooltip a span {
        position: Absolute;
        top: -25px;
        left: -100%;
        white-space: nowrap;
        font-size: 12px;
        font-family: 'Quicksand',sans-serif;
        padding: 6px 17px;
        border-radius: 3px;
        color: white;
        background-color: #0a127e;
        visibility: hidden;
        opacity: 0;
        -moz-transition: top 0.4s,opacity 0.4s ease;
        -webkit-transition: top 0.4s,opacity 0.4s ease;
        -o-transition: top 0.4s,opacity 0.4s ease;
        transition: top 0.4s,opacity 0.4s ease;
    }

    .tooltip a:hover span {
        visibility: visible;
        top: -25px;
        opacity: 1;
    }

    .tooltip a span:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        bottom: -12px;
        left: 28%;
        border: 6px solid transparent;
        border-top: 8px solid #0a127e;
    }

/*radio button*/
.wr_bottom_all {
    width: auto;
    padding-top: 5px;
    text-align: right;
    float: right;
    clear: both;
    margin-right: 20px;
}

.controls {
    float: left;
    margin-right: 10px;
    width: 100%;
}

    .controls h1 {
        font-size: 14px;
        color: #333333;
        font-weight: bold;
    }

    .controls .explain {
        float: left;
        width: 100%;
        clear: both;
        font-family: 'Quicksand', Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #6a6a6a;
    }

/*css browse style*/
input[type="text"], input[type="password"], input[type="email"], textarea, select.default {
    min-width: 63%;
    margin: 0 5px 0 0;
    border: 1px solid #cccccc;
    padding: 3px 5px;
    box-shadow: 0 1px 0 #F2F2F2;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
select.default {
    min-width: 63%;
    margin: 0 5px 0 0;
    padding: 3px 5px;
    box-shadow: 0 1px 0 #F2F2F2;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
select.default option{
    max-width:600px;
}
.styleFileInput {
    position: relative;
}

.browseButton {
    border: 1px solid #cccccc;
    font-size: 0.9em;
    color: #333333;
    cursor: pointer;
    padding: 2px 8px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: url('/areas/admin/styles/images/bg_button.png') repeat-x left top scroll #f2f1f1;
}

    .browseButton:hover {
        background: url('/areas/admin/styles/images/bg_button_hv.png') repeat-x left top scroll #e6e6e6;
    }

.ie7 .browseButton {
    padding: 0px 2px;
}

.browseText {
    margin: 0 5px 0 0;
    border: 1px solid #cccccc;
    padding: 3px 5px;
}

input.theFileInput {
    position: absolute;
    top: 0px;
    left: 63%;
    opacity: 0;
    filter: alpha(opacity= 0 );
    -moz-opacity: 0;
    -webkit-opacity: 0;
    z-index: 2;
    width: 80px;
    font-size: 1em;
}

.f_right {
    text-align: right;
    padding-right: 23%;
}

.btn {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 3px 10px;
    text-align: center;
    vertical-align: middle;
    background: url('/areas/admin/styles/images/bg_button.png') repeat-x left top scroll #f2f1f1;
    margin-left: 5px;
    border: 1px solid #ccc;
    outline: 0;
}

    .btn:hover {
        background: url('/areas/admin/styles/images/bg_button_hv.png') repeat-x left top scroll #e6e6e6;
    }

select.select_text {
    background-color: #FFFFFF;
    background-image: none !important;
    border: 1px solid #ccc;
    padding: 2px;
    filter: alpha(opacity= 0 ) !important;
    outline: medium none;
    width: auto;
    min-width: 150px;
}

/*style buttom submit */
.wr_submit_top {
    height: 30px;
    float: right;
    /* position: absolute; */
    /* right: 20px; */
	margin-bottom:20px;
}
/* .wr_submit_top.form-action-menu{ right: 0px;} */

    .wr_submit_top li {
        float: left;
        margin-left: 20px;
       /* background: url('/areas/admin/styles/images/bg_btn.png') left top repeat-x; */
		background: #cecfe5;
        height: 30px;
        width: auto;
		border: 1px solid #f2f2f2;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
    }

        .wr_submit_top li:hover {
            /*background: url('/areas/admin/styles/images/bg_btn_hv.png') left top repeat-x;*/
			background: #b5b7d8;
        }

        .wr_submit_top li a {
            color: #fff;
            height: 30px;
            line-height: 30px;
            padding: 0px 10px 0px 30px;
            text-shadow: 0 1px 0 #d41818;
            float: left;
        }

            .wr_submit_top li a:hover {
                color: #fff;
            }

            .wr_submit_top li a.btn_reset {
                background: url('/areas/admin/styles/images/icon_btn.png') 0px 0px no-repeat scroll;
            }

            .wr_submit_top li a.btn_save {
                background: url('/areas/admin/styles/images/icon_btn.png') 0px -28px no-repeat scroll;
            }

            .wr_submit_top li a.btn_delete {
                background: url('/areas/admin/styles/images/icon_btn.png') 0px -56px no-repeat scroll;
            }

            .wr_submit_top li a.btn_back {
                background: url('/areas/admin/styles/images/icon_btn.png') 0px -84px no-repeat scroll;
            }

            .wr_submit_top li a.btn_add {
                background: url('/areas/admin/styles/images/icon_btn.png') 0px -155px no-repeat scroll;
            }
            /* new style button*/
            .wr_submit_top li a.btn_cancel {
                background: url('/areas/admin/styles/images/icon_btn.png') 0px -269px no-repeat scroll;
            }

            .wr_submit_top li a.btn_update {
                background: url('/areas/admin/styles/images/icon_btn.png') 0px -293px no-repeat scroll;
            }

            .wr_submit_top li a.btn_import {
                background: url('/areas/admin/styles/images/icon_box.png') 0px 0px no-repeat scroll;
            }

            .wr_submit_top li a.btn_export {
                background: url('/areas/admin/styles/images/icon_box.png') 0px -30px no-repeat scroll;
            }

            .wr_submit_top li a.btn_no {
                background: url('/areas/admin/styles/images/icon_btn.png') 0px -313px no-repeat scroll;
            }

            .wr_submit_top li a.btn_yes {
                background: url('/areas/admin/styles/images/icon_btn.png') 0px -334px no-repeat scroll;
            }

            .wr_submit_top li a.btn_download {
                background: url('/areas/admin/styles/images/icon_btn.png') 0px -354px no-repeat scroll;
            }

            .wr_submit_top li a.btn_search_t {
                background: url('/areas/admin/styles/images/icon_btn.png') 0px -374px no-repeat scroll;
            }

            .wr_submit_top li a.btn_view {
                background: url('/areas/admin/styles/images/icon_btn.png') 0px -394px no-repeat scroll;
            }

            .wr_submit_top li a.btn_sent {
                background: url('/areas/admin/styles/images/icon_btn.png') 0px -412px no-repeat scroll;
            }

            .wr_submit_top li a.btn_default {
                background: url('/areas/admin/styles/images/icon_btn.png') 0px -432px no-repeat scroll;
            }

            .wr_submit_top li a.btn_fullscreen {
                background: url('/areas/admin/styles/images/icon_btn.png') 0px -453px no-repeat scroll;
            }

            .wr_submit_top li a.btn_reload {
                background: url('/areas/admin/styles/images/icon_btn.png') 0px -474px no-repeat scroll;
            }

            .wr_submit_top li a.btn_openpopup {
                background: url('/areas/admin/styles/images/icon_btn.png') 0px -495px no-repeat scroll;
            }

/*style btn top*/
.wr_btn {
    float: left;
    margin-right: 20px;
    background: url('/areas/admin/styles/images/bg_btn.png') left top repeat-x;
    height: 28px;
    width: auto;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

    .wr_btn:hover {
        background: url('/areas/admin/styles/images/bg_btn_hv.png') left top repeat-x;
    }

.wr_btn_pp {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    background: url('/areas/admin/styles/images/bg_button.png') repeat-x left top scroll #f2f1f1;
    margin-left: 5px;
    border: 1px solid #ccc;
    outline: 0;
}

    .wr_btn_pp:hover {
        background: url('/areas/admin/styles/images/bg_btn_hv.png') left top repeat-x;
    }

.btn_reset {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_btn.png') 0px 0px no-repeat scroll;
    border: none;
    outline: 0;
    padding: 0px 10px 0px 30px;
}

.btn_save {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -28px no-repeat scroll;
    border: none;
    outline: 0;
    padding: 0px 10px 0px 30px;
}

.btn_delete {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -56px no-repeat scroll;
    border: none;
    outline: 0;
    padding: 0px 10px 0px 30px;
}

.btn_back {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -84px no-repeat scroll;
    border: none;
    outline: 0;
    padding: 0px 10px 0px 30px;
}

.btn_add {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -155px no-repeat scroll;
    border: none;
    outline: 0;
    padding: 0px 10px 0px 30px;
}

    .btn_none:hover, .btn_openpopup:hover, .btn_reload:hover, .btn_fullscreen:hover, .btn_default:hover, .btn_sent:hover, .btn_view:hover, .btn_search_t:hover, .btn_download:hover, .btn_yes:hover, .btn_no:hover, .btn_export:hover, .btn_import:hover, .btn_update:hover, .btn_cancel:hover, .btn_add:hover, .btn_reset:hover, .btn_save:hover, .btn_delete:hover, .btn_back:hover {
        color: #541d55;
    }
/*new icon input */
.btn_cancel {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -269px no-repeat scroll;
    border: none;
    outline: 0;
    padding: 0px 10px 0px 30px;
}

.btn_update {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -293px no-repeat scroll;
    border: none;
    outline: 0;
    padding: 0px 10px 0px 30px;
}

.btn_update {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -293px no-repeat scroll;
    border: none;
    outline: 0;
    padding: 0px 10px 0px 30px;
}

.btn_import {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_box.png') 0px 0px no-repeat scroll;
    border: none;
    outline: 0;
    padding: 0px 10px 0px 30px;
}

.btn_export {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_box.png') 0px -30px no-repeat scroll;
    border: none;
    outline: 0;
    padding: 0px 10px 0px 30px;
}

.btn_yes {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -334px no-repeat scroll;
    border: none;
    outline: 0;
    padding: 0px 10px 0px 30px;
}

.btn_no {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -313px no-repeat scroll;
    border: none;
    outline: 0;
    padding: 0px 10px 0px 30px;
}

.btn_download {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -354px no-repeat scroll;
    border: none;
    outline: 0;
    padding: 0px 10px 0px 30px;
}

.btn_search_t {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -374px no-repeat scroll;
    border: none;
    outline: 0;
    padding: 0px 10px 0px 30px;
}

.btn_view {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -394px no-repeat scroll;
    border: none;
    outline: 0;
    padding: 0px 10px 0px 30px;
}

.btn_sent {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -412px no-repeat scroll;
    border: none;
    outline: 0;
    padding: 0px 10px 0px 30px;
}

.btn_default {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -432px no-repeat scroll;
    border: none;
    outline: 0;
    padding: 0px 10px 0px 30px;
}

.btn_fullscreen {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -453px no-repeat scroll;
    border: none;
    outline: 0;
    padding: 0px 10px 0px 30px;
}

.btn_reload {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -474px no-repeat scroll;
    border: none;
    outline: 0;
    padding: 0px 10px 0px 30px;
}

.btn_openpopup {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -495px no-repeat scroll;
    border: none;
    outline: 0;
    padding: 0px 10px 0px 30px;
}

.btn_none {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #3d3d3d;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
    outline: 0;
    padding: 0px 10px 0px 10px;
}
/*notification*/
.nNote {
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    padding: 5px 0px;
}

.nWarning {
    line-height: 25px;
    background: -moz-linear-gradient(center top, #FFEDBC 0%, #FBE5A8 100%) repeat scroll 0 0 transparent;
    /*border: 1px solid #F2D083; box-shadow: 0 1px 2px #FFF0C7 inset, 0 1px 1px #DFDFDF;*/
    border-top: 1px solid #F2D083;
    border-bottom: 1px solid #F2D083;
    color: #826200;
}

.nSuccess {
    line-height: 25px;
    background: -moz-linear-gradient(center top, #D6EFA1 0%, #D0E69D 100%) repeat scroll 0 0 transparent;
    border-top: 1px solid #C1D779; /*box-shadow: 0 1px 2px #E3F4BF inset, 0 1px 1px #DFDFDF;*/
    border-bottom: 1px solid #C1D779;
    color: #4F7307;
}

.nFailure {
    line-height: 25px;
    background: -moz-linear-gradient(center top, #F0B5A1 0%, #DE9D8A 100%) repeat scroll 0 0 transparent;
    border-top: 1px solid #DFA59B;
    border-bottom: 1px solid #DFA59B; /*box-shadow: 0 1px 2px #FBB5B5 inset, 0 1px 1px #DFDFDF;*/
    color: #7D2A1C;
}

/* Creat page css*/
.wr_none_col {
    background-color: #eeeeee;
    width: 100%;
}

    .wr_none_col h2.title_top {
        height: auto;
        width: 100%;
        padding: 0px 0px 20px;
        float: left;
        font-size: 24px;
        color: #d41818;
        font-family: Quicksand, Arial, Helvetica, sans-serif;
        display: block;
    }

.wr_slide_temp {
    background-color: #f9f9f9;
    height: 175px;
    float: left;
    width: 100%;
    overflow: hidden;
}

    .wr_slide_temp ul {
        width: 1000%;
        list-style-type: none;
        margin-top: 25px;
        margin-left: 15px;
    }

        .wr_slide_temp ul li {
            width: 154px;
            height: 134px;
            float: left;
            margin: 0 10px;
        }

            .wr_slide_temp ul li i {
                width: 150px;
                height: 105px;
                float: left;
                border: 1px solid #e1dddd;
                padding: 1px;
                overflow: hidden;
                transition: border 2s ease;
            }

                .wr_slide_temp ul li i:hover {
                    border: 1px solid #666666;
                }

                .wr_slide_temp ul li i img {
                    width: 150px;
                    height: 105px;
                }

            .wr_slide_temp ul li a {
                width: 150px;
                height: 25px;
                line-height: 25px;
                float: left;
                clear: both;
                text-align: center;
                font-size: 12px;
                color: #333333;
            }

                .wr_slide_temp ul li a:hover {
                    color: #000;
                }
/*Setting Page Css*/
.wr_left ul.menu_left_setting {
    padding: 20px 10px;
    float: left;
}

    .wr_left ul.menu_left_setting li {
        float: left;
        width: 160px;
        height: auto;
		line-height: 24px;
        margin-bottom: 10px;
    }

        .wr_left ul.menu_left_setting li a.setting {
            padding: 0px 0px 0px 25px !important;
            background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px 0px scroll transparent;
            color: #cecfe5;
            font-size: 14px;
            text-shadow: 0 1px 0 #03052d;
        }

        .wr_left ul.menu_left_setting li a.access {
            padding: 0px 0px 0px 25px !important;
            background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -20px scroll transparent;
            color: #cecfe5;
            font-size: 14px;
            text-shadow: 0 1px 0 #03052d;
        }

        .wr_left ul.menu_left_setting li a.schedule {
            padding: 0px 0px 0px 25px !important;
            background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -40px scroll transparent;
            color: #cecfe5;
            font-size: 14px;
            text-shadow: 0 1px 0 #03052d;
        }

        .wr_left ul.menu_left_setting li a.language {
            padding: 0px 0px 0px 25px !important;
            background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -60px scroll transparent;
             color: #cecfe5;
            font-size: 14px;
            text-shadow: 0 1px 0 #03052d;
        }

        .wr_left ul.menu_left_setting li a.layout {
            padding: 0px 0px 0px 25px !important;
            background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -80px scroll transparent;
            color: #cecfe5;
            font-size: 14px;
            text-shadow: 0 1px 0 #03052d;
        }

        .wr_left ul.menu_left_setting li a.moudle {
            padding: 0px 0px 0px 25px !important;
            background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -100px scroll transparent;
            color: #cecfe5;
            font-size: 14px;
            text-shadow: 0 1px 0 #03052d;
        }

        .wr_left ul.menu_left_setting li a.page {
            padding: 0px 0px 0px 25px !important;
            background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -120px scroll transparent;
            color: #cecfe5;
            font-size: 14px;
            text-shadow: 0 1px 0 #03052d;
        }

        .wr_left ul.menu_left_setting li a.user {
            padding: 0px 0px 0px 25px !important;
            background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -140px scroll transparent;
            color: #cecfe5;
            font-size: 14px;
            text-shadow: 0 1px 0 #03052d;
        }

            .wr_left ul.menu_left_setting li a.user:hover, .wr_left ul.menu_left_setting li a.page:hover, .wr_left ul.menu_left_setting li a.moudle:hover, .wr_left ul.menu_left_setting li a.layout:hover, .wr_left ul.menu_left_setting li a.language:hover, .wr_left ul.menu_left_setting li a.schedule:hover, .wr_left ul.menu_left_setting li a.access:hover, .wr_left ul.menu_left_setting li a.setting:hover {
                color: #d41818;
                text-shadow: 0 1px 0 #03052d;
            }

        .wr_left ul.menu_left_setting li a.active {
            color: #0a127e;
        }
/*=====Tab setting page=====*/

.tab-style ul, ul.taballNavigation {
    min-height: 36px;
    width: 100%;
    float: left;
    background: url('/areas/admin/styles/images/bg_tab_two.png') repeat left top scroll transparent;
    list-style: none;
}

    .tab-style ul li, ul.taballNavigation li {
        display: block;
        float: left;
        height: 36px;
        background: url('/areas/admin/styles/images/bg_line_tab2.png') repeat-y right top scroll;
    }

        .tab-style ul li a, ul.taballNavigation li a {
            color: #2b2b2b;
            height: 36px;
            margin-right: 1px;
            float: left;
            text-decoration: none;
            font-size: 14px;
            font-family: Quicksand, Arial, Helvetica, sans-serif;
            text-shadow: 0 1px 0 #eeeeee;
            padding: 0px 15px;
            line-height: 36px;
            display: block;
        }

            .tab-style ul li a:hover, ul.taballNavigation li a.active, ul.taballNavigation li a:hover {
                background: url('/areas/admin/styles/images/bg_tab_two_hv.png') repeat-x left top scroll;
            }

            .tab-style ul li a:focus, ul.taballNavigation li a:focus {
                outline: 0;
            }

        .tab-style ul li.last-none {
            background: none !important;
        }

        .tab-style ul li a.selected, .tab-style ul li a.selected:hover, .tab-style ul li a.disabled, .tab-style ul li a.disabled:hover {
            background: none !important;
            opacity: 0.6;
            cursor: default;
        }

        .tab-style ul li a {
            padding-left: 5px;
            padding-right: 5px;
        }

            .tab-style ul li a.active {
                padding-left: 15px;
                padding-right: 15px;
            }

.tab-style, .taball {
    float: left;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 100%; /*margin-bottom:20px; padding-bottom:10px;*/
}

    .taball > div img {
        border: none;
    }

#tab_1, #tab_2, #tab_3, #tab_4, #tab_5, #tab_6, #tab_7, #tab_8 {
    color: #000;
    width: 100%;
    padding: 20px 0px;
    float: none !important;
}

/*css action bar*/
.add_big {
    background: url('/areas/admin/styles/images/icon_big.png') no-repeat 0 0 scroll transparent;
    padding-left: 35px;
    float: left;
    margin-right: 20px;
    font-size: 18px;
    color: #d41818;
    font-weight: bold;
    line-height: 30px;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .add_big:hover {
        cursor: pointer;
        background: url('/areas/admin/styles/images/icon_big.png') no-repeat 0 -30px scroll transparent;
        color: #8e17a4;
    }

.delete_big { 
    cursor: pointer;
    background: url('/areas/admin/styles/images/icon_big.png') no-repeat 0 -60px scroll transparent;
    padding-left: 35px;
    float: left;
    margin-right: 20px;
    font-size: 18px;
    color: #d41818;
    font-weight: bold;
    line-height: 30px;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .delete_big:hover {
        background: url('/areas/admin/styles/images/icon_big.png') no-repeat 0 -90px scroll transparent;
        color: #8e17a4;
    }

.export_big {
    background: url('/areas/admin/styles/images/icon_big.png') no-repeat 0 -120px scroll transparent;
    padding-left: 35px;
    float: left;
    margin-right: 20px;
    font-size: 18px;
    color: #d41818;
    font-weight: bold;
    line-height: 30px;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .export_big:hover {
        background: url('/areas/admin/styles/images/icon_big.png') no-repeat 0 -150px scroll transparent;
        color: #8e17a4;
    }

/* box search*/
.wr_search_form {
    float: right;
    width: 100%;
    text-align: right;
}

.btn_search {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    padding: 2px 10px 2px 20px;
    text-align: center;
    vertical-align: middle;
    background: url('/areas/admin/styles/images/icon_bg_search.png') no-repeat left top scroll #f2f1f1;
    border: 1px solid #ccc;
    outline: 0;
}

    .btn_search:hover {
        background: url('/areas/admin/styles/images/icon_bg_search_hv.png') repeat-x left top scroll #e6e6e6;
    }

.btn_show {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    padding: 2px 10px 2px 20px;
    text-align: center;
    vertical-align: middle;
    background: url('/areas/admin/styles/images/icon_bg_search.png') no-repeat left top scroll #f2f1f1;
    border: 1px solid #ccc;
    outline: 0;
}

    .btn_show:hover {
        background: url('/areas/admin/styles/images/icon_bg_search_hv.png') repeat-x left top scroll #e6e6e6;
    }


a.edit_fr {
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -118px no-repeat scroll;
    height: 20px;
    width: 35px;
    text-indent: -9999px;
    float: left;
    margin-right: 10px;
}

a.detail_fr {
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -219px no-repeat scroll;
    height: 20px;
    width: 35px;
    text-indent: -9999px;
    float: left;
    margin-right: 10px;
}

a.delete_fr {
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -59px no-repeat scroll;
    height: 20px;
    width: 35px;
    text-indent: -9999px;
    float: left;
}

a.refresh_fr {
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -136px no-repeat scroll;
    height: 20px;
    width: 35px;
    text-indent: -9999px;
    float: left;
    margin-right: 10px;
}

    a.delete_fr:hover, a.detail_fr:hover, a.edit_fr:hover, a.refresh_fr:hover, a.run:hover, a.stop:hover, a.enable:hover, a.disable:hover {
        opacity: 0.8; /*filter: alpha(opacity=0.8);*/
        -moz-opacity: 0.8;
        -webkit-opacity: 0.8;
    }

a.run {
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -183px no-repeat scroll;
    height: 20px;
    width: 35px;
    text-indent: -9999px;
    float: left;
    margin-right: 10px;
}

a.stop {
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -204px no-repeat scroll;
    height: 20px;
    width: 35px;
    text-indent: -9999px;
    float: left;
    margin-right: 10px;
}

a.enable {
    background: url('/areas/admin/styles/images/icon_btn.png') 0px -434px no-repeat scroll;
    height: 20px;
    width: 35px;
    text-indent: -9999px;
    float: left;
    margin-right: 10px;
}

a.disable {
    background: url('/areas/admin/styles/images/inactive.png') 10px 3px no-repeat scroll;
    height: 20px;
    width: 35px;
    text-indent: -9999px;
    float: left;
    margin-right: 10px;
}

.btn_show {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    padding: 2px 10px 2px 20px;
    text-align: center;
    vertical-align: middle;
    background: url('/areas/admin/styles/images/icon_bg_search.png') no-repeat left top scroll #f2f1f1;
    border: 1px solid #ccc;
    outline: 0;
}

    .btn_show:hover {
        background: url('/areas/admin/styles/images/icon_bg_search_hv.png') repeat-x left top scroll #e6e6e6;
    }


/*css paging*/
.wr_paging {
    color: #636262;
    height: 38px;
    width: 100%;
    background: url('/areas/admin/styles/images/bg_paging.png') repeat-x left top scroll;
}

/*Css box Popup*/
#modal {
    width: 350px;
    height: 150px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 99999;
    margin-left: 180px;
    border: 1px solid #fff;
    background: url('/areas/admin/styles/images/bg_td_box.png') repeat-x left top scroll #e8e5e5;
}

    #modal h3 {
        height: 30px;
        width: 100%;
        padding-left: 10px;
        margin-bottom: 25px;
        line-height: 30px;
        float: left;
        font-size: 14px;
        color: #3b3b3b;
        font-weight: bold;
        text-shadow: 0 1px 0 #eeeeee;
        font-family: Quicksand, Arial, Helvetica, sans-serif;
    }

    #modal p {
        height: auto;
        width: 100%;
        padding: 0px 10px 10px;
        line-height: 20px;
        float: left;
        font-size: 12px;
        color: #333;
        text-shadow: 0 1px 0 #eeeeee;
        font-family: Quicksand, Arial, Helvetica, sans-serif;
        font-weight: normal;
        text-align: center;
    }

.close {
    top: 0;
    right: 0;
    margin-top: -10px;
    margin-right: -10px;
    position: absolute;
    height: 30px;
    width: 30px;
}

.reveal-modal-bg {
    position: fixed;
    top: 0px;
    bottom: 0px;
    width: 100%;
    background: #3d3d3d;
    background: rgba(61,61,61,.9);
    z-index: 9999;
    display: none;
    left: 0;
}

.wr_bottom_popup_s {
    text-align: center;
    width: 100%;
    float: left;
    clear: both;
    margin-top: 20px;
}

.wr_bottom_popup {
    text-align: left;
    width: auto;
    margin-left: 240px;
    float: left;
    clear: both;
    margin-top: 20px;
}

/*css popup form */
#modal2 {
    visibility: visible;
    width: 700px;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 99999;
    border: 1px solid #fff;
    background: url('/areas/admin/styles/images/bg_td_box.png') repeat-x left top scroll #e8e5e5;
}

    #modal2 h3 {
        height: 30px;
        padding-left: 10px;
        margin-bottom: 25px;
        line-height: 30px;
        float: left;
        font-size: 14px;
        color: #3b3b3b;
        font-weight: bold;
        text-shadow: 0 1px 0 #eeeeee;
        font-family: Quicksand, Arial, Helvetica, sans-serif;
    }

    #modal2 p {
        height: auto;
        width: 100%;
        padding: 0px 10px 10px;
        line-height: 20px;
        float: left;
        font-size: 12px;
        color: #333;
        text-shadow: 0 1px 0 #eeeeee;
        font-family: Quicksand, Arial, Helvetica, sans-serif;
        font-weight: normal;
        text-align: center;
    }

.wr_form_pp {
    width: 700px;
}

.a_coppy {
    float: right;
    clear: both;
    padding: 0px 10px;
}

/*css check list*/
.check_list {
    width: 63%;
    height: 78px;
    border: 1px solid #dfdfdf;
    background-color: #f8f8f8;
    padding: 5px;
    overflow: scroll;
    overflow-x: hidden;
}

/*css checkbox and radiobutton*/
input[type=checkbox].css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=checkbox].css-checkbox + label.css-labelcheck {
        padding-left: 20px;
        height: 15px;
        display: inline-block;
        line-height: 15px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 12px;
        vertical-align: middle;
        cursor: pointer;
    }

    input[type=checkbox].css-checkbox:checked + label.css-labelcheck {
        background-position: 0 -15px;
    }

.css-labelcheck {
    background: url('/areas/admin/styles/images/lite-blue-check.png');
}

input[type=radio].css-radio {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=radio].css-radio + label.css-labelradio {
        padding-left: 20px;
        height: 15px;
        display: inline-block;
        line-height: 15px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 12px;
        vertical-align: middle;
        cursor: pointer;
    }

    input[type=radio].css-radio:checked + label.css-labelradio {
        background-position: 0 -15px;
    }

.css-labelradio {
    background: url('/areas/admin/styles/images/lite-blue-radio.png');
}


/*Css Site Map*/
.wr_sitemap {
    width: 90%;
    padding: 5%;
    float: left;
}

.link_sitemap li {
    margin: 10px 20px;
}

    .link_sitemap li a {
        line-height: 20px;
        font-size: 14px;
        background: url('/areas/admin/styles/images/icon_btn.png') 0px -116px no-repeat scroll;
        height: 20px;
        padding-left: 40px;
    }

        .link_sitemap li a:hover {
        }

/*style select*/

.select_s {
    width: 135px;
    float: left;
    height: 23px;
    overflow: hidden;
    background: url('/areas/admin/styles/images/select_bg.png') no-repeat top right #f7f6f6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

    .select_s select {
        background: transparent;
        -webkit-appearance: none;
        width: 158px;
        padding: 3px 5px;
        font-size: 13px;
        border: none;
        height: 22px;
        padding-right: 55px;
        outline: 0;
        padding-right: 0px;
        vertical-align: top !important;
        text-align: left;
        line-height: 10px;
        height: auto;
    }

.select_m {
    width: 185px;
    float: left;
    height: 23px;
    overflow: hidden;
    background: url('/areas/admin/styles/images/select_bg.png') no-repeat top right #f7f6f6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

    .select_m select {
        background: transparent;
        -webkit-appearance: none;
        width: 210px;
        padding: 3px 5px;
        font-size: 13px;
        border: none;
        height: 22px;
        padding-right: 55px;
        outline: 0;
        padding-right: 0px;
        vertical-align: top !important;
        text-align: left;
        line-height: 10px;
        height: auto;
    }

.select_l {
    width: 235px;
    float: left;
    height: 23px;
    overflow: hidden;
    background: url('/areas/admin/styles/images/select_bg.png') no-repeat top right #f7f6f6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

    .select_l select {
        background: transparent;
        -webkit-appearance: none;
        width: 250px;
        padding: 3px 5px;
        font-size: 13px;
        border: none;
        height: 22px;
        padding-right: 55px;
        outline: 0;
        padding-right: 0px;
        vertical-align: top !important;
        text-align: left;
        line-height: 10px;
        height: auto;
    }

.select_xl {
    width: 315px;
    float: left;
    height: 23px;
    overflow: hidden;
    background: url('/areas/admin/styles/images/select_bg.png') no-repeat top right #f7f6f6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

    .select_xl select {
        background: transparent;
        -webkit-appearance: none;
        width: 340px;
        padding: 3px 5px;
        font-size: 13px;
        border: none;
        height: 22px;
        padding-right: 55px;
        outline: 0;
        padding-right: 0px;
        vertical-align: top !important;
        text-align: left;
        line-height: 10px;
        height: auto;
    }

.wr_select_form {
    float: right;
    width: auto;
}

.wr_select {
    float: left;
    width: auto;
    margin-left: 10px;
}

.change_setting {
    background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px 0px scroll transparent;
    padding-left: 25px;
    padding-top: 2px;
    color: #56396D;
}

.manage_phrase {
    background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -100px scroll transparent;
    padding-left: 25px;
    padding-top: 2px;
    color: #56396D;
}

.set_default {
    background: url('/areas/admin/styles/images/icon_btn.png') no-repeat 0px -253px scroll transparent;
    padding-left: 30px;
    padding-top: 2px;
    color: #56396D;
}

.set_default_active {
    background: url('/areas/admin/styles/images/icon_btn.png') no-repeat 0px -237px scroll transparent;
    padding-left: 30px;
    padding-top: 2px;
    color: #56396D;
}
/*New website style */
.wr_out {
    min-width: 1000px;
    min-height: 175px;
    background-color: #f9f9f9;
}

.wr_center {
    margin: 0px;
    text-align: center;
    background-color: #f9f9f9;
    padding-top: 20px;
    min-height: 150px;
}

    .wr_center li {
        background: none repeat scroll 0 0 #EEEEEE;
        border: 1px solid #DFDFDF;
        display: inline-block;
        margin: 5px 10px -7px;
        position: relative;
        text-align: center;
    }

    .wr_center li {
        box-shadow: 0 1px 1px #CCCCCC inset, 0 1px 1px #FCFCFC, 0 0 1px 1px #F5F5F5;
        height: 123px;
        width: 168px;
    }

    .wr_center li, .middleNavS li a {
        border-radius: 3px 3px 3px 3px;
    }

        .wr_center li a {
            -moz-transition: all 0.1s ease-in-out 0s;
            background: -moz-linear-gradient(center top, #F7F7F7 0%, #E8E8E8 100%) repeat scroll 0 0 transparent;
            border: 1px solid #DFDFDF;
            position: absolute;
        }

        .wr_center li a {
            box-shadow: 0 2px 3px #B5B5B5, 0 1px 0 #FFFFFF inset;
            height: 105px;
            left: 8px;
            top: 8px;
            width: 150px;
        }

        .wr_center li, .wr_center li a {
            border-radius: 3px 3px 3px 3px;
        }

            .wr_center li a > img {
                padding-top: 23px;
            }

            .wr_center li > a > label {
                position: relative;
                margin-top: 20px;
                width: 150px;
                float: left;
                font-family: Quicksand,Arial,Helvetica,sans-serif;
                font-size: 14px;
                color: #525252;
                font-weight: bold;
                cursor: pointer;
            }

.icon_creat {
    background: url('/areas/admin/styles/images/icon_big.png') no-repeat 0 -238px scroll transparent;
    height: 30px;
    width: 30px;
    margin-top: 20px;
    float: left;
    margin-left: 60px;
    text-indent: -9999px;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .icon_creat:hover {
        background: url('/areas/admin/styles/images/icon_big.png') no-repeat 0 -269px scroll transparent;
        color: #8e17a4;
    }

.icon_import {
    background: url('/areas/admin/styles/images/icon_big.png') no-repeat 0 -176px scroll transparent;
    height: 30px;
    width: 30px;
    margin-top: 20px;
    float: left;
    margin-left: 60px;
    text-indent: -9999px;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .icon_import:hover {
        background: url('/areas/admin/styles/images/icon_big.png') no-repeat 0 -207px scroll transparent;
        color: #8e17a4;
    }

.loading_input {
    text-align: left;
    margin-top: 10px;
}

.redColor {
    color: red !important;
}

.displayNone {
    display: none;
}
/*tooltip grid style*/

.tooltip_g a {
    position: Relative;
}

    .tooltip_g a span {
        position: Absolute;
        top: -35px;
        left: -60%;
        text-indent: 1px !important;
        white-space: nowrap;
        font-size: 12px;
        font-family: 'Quicksand',sans-serif;
        padding: 6px 17px;
        border-radius: 3px;
        color: white;
        background-color: #0a127e;
        visibility: hidden;
        opacity: 0;
        -moz-transition: top 0.4s,opacity 0.4s ease;
        -webkit-transition: top 0.4s,opacity 0.4s ease;
        -o-transition: top 0.4s,opacity 0.4s ease;
        transition: top 0.4s,opacity 0.4s ease;
    }

    .tooltip_g a:hover span {
        visibility: visible;
        top: -35px;
        opacity: 1;
    }

    .tooltip_g a span:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        bottom: -12px;
        left: 28%;
        border: 6px solid transparent;
        border-top: 8px solid #0a127e;
    }


.set_all {
    color: red !important;
    background: url('/areas/admin/styles/images/set_all.png') no-repeat right 50% scroll transparent;
    color: #636363;
    font-size: 14px;
    text-shadow: 0 1px 0 #fff;
}

/*Css Page Error*/
.wr_error {
    position: relative;
    width: 100%;
    /*background: url('/areas/admin/styles/images/bg_wr_error.png') repeat-x left bottom #cfcfcf;*/
    min-height: 590px;
}

.wr_content_error {
    margin: 0px auto 10px auto;
    position: relative;
    display: block;
    width: 1000px;
    z-index: 500;
    padding-top: 80px;
}

    .wr_content_error h1, .wr_content_error h2 {
        color: #e00000;
        font-size: 45px;
        text-align: right;
        width: 100%;
        font-family: Quicksand,Arial,Helvetica,sans-serif;
        text-shadow: 0 1px 0 #fff;
        -moz-text-shadow: 0 1px 0 #fff;
        -webkit-text-shadow: 0 1px 0 #fff;
    }

    .wr_content_error .wr_cont_error {
        clear: both;
        color: #0a127e;
        font-family: Quicksand,Arial,Helvetica,sans-serif;
        font-size: 18px;
        line-height: 20px;
    }

        .wr_content_error .wr_cont_error a {
            color: #e00000;
            text-decoration: none;
        }

        .wr_content_error .wr_cont_error .col_left {
            float: left;
            width: 464px;
        }

            .wr_content_error .wr_cont_error .col_left img {
                width: 464px;
                /*height: 387px;*/
            }

        .wr_content_error .wr_cont_error .col_right {
            float: left;
            width: 536px;
            padding-top: 130px;
        }

            .wr_content_error .wr_cont_error .col_right h2 {
                float: left;
                width: 100%;
                margin-bottom: 25px;
                font-size: 24px;
                color: #0a127e;
                font-family: Quicksand,Arial,Helvetica,sans-serif;
                text-shadow: 0 1px 0 #fff;
                -moz-text-shadow: 0 1px 0 #fff;
                -webkit-text-shadow: 0 1px 0 #fff;
            }

            .wr_content_error .wr_cont_error .col_right ul {
                list-style: none;
                float: left;
                clear: both;
            }

        .wr_content_error .wr_cont_error ul li {
            background: url('/areas/admin/styles/images/active.png') no-repeat left top;
            margin-left: 40px;
            margin-bottom: 10px;
            line-height: 20px;
            padding-left: 26px;
            font-size: 18px;
            color: #0a127e;
            font-family: Quicksand,Arial,Helvetica,sans-serif;
            text-shadow: 0 1px 0 #fff;
            -moz-text-shadow: 0 1px 0 #fff;
            -webkit-text-shadow: 0 1px 0 #fff;
        }

        .wr_content_error .wr_cont_error .col_right ul li {
            float: left;
            clear: both;
            width: 400px;
        }

        .wr_content_error .wr_cont_error .col_right ul li a {
            color: #e00000;
            text-decoration: none;
        }

            .wr_content_error .wr_cont_error .col_right ul li a:hover {
                color: #4a79ef;
                text-decoration: underline;
            }



/* css all icon page*/
.wr_all_icon {
    height: auto !important;
    float: left !important;
    position: relative !important;
    right: none !important;
    display: block;
    width: 100%;
    clear: both;
    margin: 20px;
}

    .wr_all_icon li {
        margin-top: 10px !important;
    }
/*new box for dasboard*/
.row_content .wr_column1 {
    width: 98%;
    margin: 0px 1% 20px 1%;
    float: left;
    min-height: 216px;
}

.row_content .wr_column2 {
    width: 48%;
    margin: 0px 1% 20px 1%;
    float: left;
    min-height: 216px;
}

.row_content .wr_column3 {
    width: 31.298%;
    margin: 0px 1% 20px 1%;
    float: left;
    min-height: 216px;
}

.wr_box_cube {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 30px;
}


/*Style tabDAS*/

ul.tabDasNavigation {
    height: 35px;
    width: auto;
    float: left;
    position: absolute;
    z-index: 9999px;
    list-style: none;
    margin-left: 91px;
    margin-top: -35px;
}

    ul.tabDasNavigation li {
        display: block;
        float: left;
        height: 35px;
        background: #8488be;
    }

        ul.tabDasNavigation li section.tabsa {
            color: #fff;
            height: 35px;
            float: left;
            text-decoration: none;
            font-size: 14px;
            font-family: 'Quicksand', Helvetica, sans-serif;
            text-shadow: 0 1px 0 #343b5d;
            padding: 0px 15px 0px 15px;
            line-height: 37px;
            display: block;
            cursor: pointer;
            -webkit-text-shadow: 0 1px 0 #6f3475;
            webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }

            ul.tabDasNavigation li section.tabsa .text_title_tab {
                float: left;
            }

                ul.tabDasNavigation li section.tabsa .text_title_tab input {
                    float: left;
                    margin-top: 6px;
                    width: 90% !important;
                }

            ul.tabDasNavigation li section.tabsa i.tab_delete {
                background: url('/areas/admin/styles/images/btn_close.png') no-repeat scroll left top transparent;
                text-indent: -9999px;
                height: 35px;
                width: 30px;
                float: right;
                margin-left: 10px;
            }

            ul.tabDasNavigation li section.tabsa.active {
                background-color: #EDEDED;
                color: #000;
                text-shadow: 0 1px 0 #fff;
            }

            ul.tabDasNavigation li section.tabsa:hover {
                background-color: #b5b7d8;
                color: #000;
                text-shadow: 0 1px 0 #fff;
            }

            ul.tabDasNavigation li section.tabsa:focus {
                outline: 0;
            }


            /*New Tab Setting edit*/

            ul.tabDasNavigation li section.tabsa .new_setting {
                float: right;
                height: 35px;
                width: auto;
                margin-left: 10px;
            }

                ul.tabDasNavigation li section.tabsa .new_setting a.set {
                    text-indent: -9999px;
                    float: left;
                    height: 35px;
                    width: 35px;
                    background: url('/areas/admin/styles/images/new_tab_setting.png') no-repeat center top scroll;
                }

                    ul.tabDasNavigation li section.tabsa .new_setting a.set:hover {
                        background: url('/areas/admin/styles/images/new_tab_setting_hv.png') no-repeat center top scroll;
                    }

                ul.tabDasNavigation li section.tabsa .new_setting ul {
                    position: absolute;
                    display: none;
                    z-index: 1000;
                    top: 35px;
                    background-color: #091071;
                    min-width: 160px;
                }

                ul.tabDasNavigation li section.tabsa .new_setting:hover ul {
                    display: block;
                }

                ul.tabDasNavigation li section.tabsa .new_setting ul li {
                    background: none repeat scroll 0 0 transparent !important;
                    float: left;
                    clear: both;
                    width: 100%;
                }

                    ul.tabDasNavigation li section.tabsa .new_setting ul li.last {
                        background-color: #d41818!important;
                        padding: 0px 0px 0px 0px !important;
                        min-width: 150px;
                    }


                    ul.tabDasNavigation li section.tabsa .new_setting ul li a.tab_rename {
                        color: #dbe1f3;
                        text-shadow: none !important;
                        float: left;
                        margin: 5px 10px;
                        font-size: 13px;
                        padding-left: 25px;
                        height: 25px;
                        line-height: 25px;
                        background: url('/areas/admin/styles/images/icon_tab_setting.png') no-repeat 0px 0px scroll transparent;
                    }

                    ul.tabDasNavigation li section.tabsa .new_setting ul li a.tab_layout {
                        color: #dbe1f3;
                        text-shadow: none !important;
                        float: left;
                        margin: 5px 10px;
                        font-size: 13px;
                        padding-left: 25px;
                        height: 25px;
                        line-height: 25px;
                        background: url('/areas/admin/styles/images/icon_tab_setting.png') no-repeat 0px -22px scroll transparent;
                    }

                    ul.tabDasNavigation li section.tabsa .new_setting ul li a.tab_delete {
                        color: #dbe1f3;
                        text-shadow: none !important;
                        float: left;
                        margin: 5px 10px;
                        font-size: 13px;
                        padding-left: 25px;
                        height: 25px;
                        line-height: 25px;
                        background: url('/areas/admin/styles/images/icon_tab_setting.png') no-repeat 0px -48px scroll transparent;
                    }

                        ul.tabDasNavigation li section.tabsa .new_setting ul li a.tab_rename:hover, ul.tabDasNavigation li section.tabsa .new_setting ul li a.tab_layout:hover, ul.tabDasNavigation li section.tabsa .new_setting ul li a.tab_delete:hover {
                            color: #d41818;
                            text-shadow: none !important;
                        }

                    /*=======SUB Tab Setting edit=======*/

                    ul.tabDasNavigation li section.tabsa .new_setting ul li ul {
                        position: absolute;
                        display: none !important;
                        width: 120px;
                        left: 0px;
                        margin-left: 160px;
                        top: 40px;
                        padding: 0px 0 0px 0;
                        z-index: 1000;
                        background-color: #0a127e;
						padding-bottom: 5px;
						padding-top: 5px;
                    }

                    ul.tabDasNavigation li section.tabsa .new_setting ul li:hover ul {
                        display: block !important;
                    }

                    ul.tabDasNavigation li section.tabsa .new_setting ul li ul li {
                        width: 120px;
                        padding: 3px 0px 4px 0px !important;
                        height: 22px !important;
                        text-align: left !important;
                        margin: 0 0px 0px 10px;
                        background: none;
                    }

                        ul.tabDasNavigation li section.tabsa .new_setting ul li ul li a {
                            line-height: 22px;
                            text-align: left;
                            height: auto;
                            border-bottom: none;
                            margin: 0px 0px !important;
                            padding-top: 0;
                            padding-left: 0px;
                        }

                            ul.tabDasNavigation li section.tabsa .new_setting ul li ul li a:hover {
                                color: #fff !important;
                                text-decoration: none;
                            }

                            ul.tabDasNavigation li section.tabsa .new_setting ul li ul li a.colum1 {
                                color: #dbe1f3;
                                text-shadow: none !important;
                                float: left;
                                margin: 5px 10px;
                                font-size: 13px;
                                padding-left: 20px;
                                height: 25px;
                                line-height: 25px;
                                background: url('/areas/admin/styles/images/icon_tab_setting.png') no-repeat 0px -117px scroll transparent;
                            }

                            ul.tabDasNavigation li section.tabsa .new_setting ul li ul li a.colum2 {
                                color: #dbe1f3;
                                text-shadow: none !important;
                                float: left;
                                margin: 5px 10px;
                                font-size: 13px;
                                padding-left: 20px;
                                height: 25px;
                                line-height: 25px;
                                background: url('/areas/admin/styles/images/icon_tab_setting.png') no-repeat 0px -135px scroll transparent;
                            }

                            ul.tabDasNavigation li section.tabsa .new_setting ul li ul li a.colum3 {
                                color: #dbe1f3;
                                text-shadow: none !important;
                                float: left;
                                margin: 5px 10px;
                                font-size: 13px;
                                padding-left: 20px;
                                height: 25px;
                                line-height: 25px;
                                background: url('/areas/admin/styles/images/icon_tab_setting.png') no-repeat 0px -154px scroll transparent;
                            }

/*============Message in pagesetting Css show message tab==================*/
.show_massage_tab {
    line-height: 25px;
    background-color: #e9e7e7;
    border-bottom: 1px solid #d6d5d5;
    border-radius: 0 !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    margin-top: 20px;
    display: block;
    clear: both;
}
/**?????*/
/*css tree hover edit menu ======================== */
.wr_box_edit {
    height: auto;
    width: 150px;
    margin-left: 136px;
    margin-top: -22px;
    background: #616161;
    position: absolute;
    z-index: 9999999;
    padding: 0px;
    -webkit-border-radius: 0px 3px 3px 3px;
    -moz-border-radius: 0px 3px 3px 3px;
    border-radius: 0px 3px 3px 3px;
    background-color: #bb44c6;
    text-align: center;
    border-bottom: none !important;
    left: 0;
}

ul li ul li a:hover + .wr_box_edit {
    height: auto;
    width: 150px;
    margin-left: 136px;
    margin-top: -22px;
    background: #616161;
    position: absolute;
    z-index: 9999999;
    display: none !important;
    padding: 0px;
    -webkit-border-radius: 0px 3px 3px 3px;
    -moz-border-radius: 0px 3px 3px 3px;
    border-radius: 0px 3px 3px 3px;
    background-color: #bb44c6;
    text-align: center;
    border-bottom: none !important;
    left: 0;
}

ul li ul li a:hover {
    cursor: pointer;
    display: block;
    position: relative;
}

    ul li ul li a:hover + a {
        background-color: #616161;
        color: #fff !important;
    }

    ul li ul li a:hover:hover + .wr_box_edit {
        display: block !important;
        background-color: #09F;
    }

.wr_box_edit h2 {
    background-color: #d41818;
    min-height: 22px;
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
    float: left;
    width: 140px;
    padding: 5px 5px;
    line-height: 22px;font-weight: normal;
}

.wr_box_edit ul {
    float: left;
    clear: both;
    width: 150px;
    background-color: #0a127e;
    box-shadow: 0 0px 0 #F2F2F2;
}

    .wr_box_edit ul li {
        float: left;
        margin: auto !important;
        background: none !important;
        padding: 5px !important;
        width: 140px;
        text-align: left !important;
        height: auto;
        margin-bottom: 1px !important;
        background-color: #0a127e!important;
        webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

        .wr_box_edit ul li:hover {
            background-color: #0a127e !important;
        }

        .wr_box_edit ul li.last {
            margin-bottom: 0 !important;
        }

        .wr_box_edit ul li a {
            margin-left: 0 !important;
            font-size: 12px;
            text-shadow: 0 1px 0 #353535;
            height: 20px;
            line-height: 20px;
            webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
            color: #bbb !important;
        }

            .wr_box_edit ul li a.setting_mn {
                padding: 0px 0px 0px 25px !important;
                background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px 0px scroll transparent;
            }

            .wr_box_edit ul li a.design_mn {
                padding: 0px 0px 0px 25px !important;
                background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -80px scroll transparent;
            }

            .wr_box_edit ul li a.hiden_mn {
                padding: 0px 0px 0px 25px !important;
                background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -226px scroll transparent;
            }

            .wr_box_edit ul li a.delete_mn {
                padding: 0px 0px 0px 25px !important;
                background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -161px scroll transparent;
            }

            .wr_box_edit ul li a.moveup_mn {
                padding: 0px 0px 0px 25px !important;
                background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -183px scroll transparent;
            }

            .wr_box_edit ul li a.movedown_mn {
                padding: 0px 0px 0px 25px !important;
                background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -205px scroll transparent;
            }

            .wr_box_edit ul li a.movetop_mn {
                padding: 0px 0px 0px 25px !important;
                background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -244px scroll transparent;
            }

            .wr_box_edit ul li a.movebottom_mn {
                padding: 0px 0px 0px 25px !important;
                background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -265px scroll transparent;
            }

            .wr_box_edit ul li a.duplicate_mn {
                padding: 0px 0px 0px 25px !important;
                background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -283px scroll transparent;
            }

            .wr_box_edit ul li a.moveto_mn {
                padding: 0px 0px 0px 25px !important;
                background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -300px scroll transparent;
            }

            .wr_box_edit ul li a.restore_mn {
                padding: 0px 0px 0px 25px !important;
                background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -317px scroll transparent;
            }

ul li ul li a:hover + .wr_box_edit a.restore_mn:hover, ul li ul li a:hover + .wr_box_edit a.moveto_mn:hover, ul li ul li a:hover + .wr_box_edit ul li a.movetop_mn:hover, ul li ul li a:hover + .wr_box_edit ul li a.movebottom_mn:hover, ul li ul li a:hover + .wr_box_edit ul li a.duplicate_mn:hover, ul li ul li a:hover + .wr_box_edit ul li a.setting_mn:hover, ul li ul li a:hover + .wr_box_edit ul li a.design_mn:hover, ul li ul li a:hover + .wr_box_edit ul li a.hiden_mn:hover, ul li ul li a:hover + .wr_box_edit ul li a.delete_mn:hover, ul li ul li a:hover + .wr_box_edit ul li a.moveup_mn:hover, ul li ul li a:hover + .wr_box_edit ul li a.movedown_mn:hover {
    color: #222 !important;
    text-shadow: 0 1px 0 #ccc;
}

ul li ul li .hover-item, ul li .hover-item {
    color: #d41818;
}

/*css new button move*/
.wr_btn_move {
    height: 30px;
    float: left;
    position: absolute;
}

    .wr_btn_move li {
        float: left;
        margin-right: 20px;
        background: url('/areas/admin/styles/images/bg_btn.png') left top repeat-x;
        height: 28px;
        width: auto;
        border: 1px solid #ccc;
        border-radius: 14px;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        padding-left: 3px;
        display: block;
    }

        .wr_btn_move li:hover {
            background: url('/areas/admin/styles/images/bg_btn_hv.png') left top repeat-x !important;
        }

.btn_mtop {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -243px scroll transparent;
    border: none;
    outline: 0;
    padding-right: 13px;
    text-indent: -99999px;
}

.btn_mbottom {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -261px scroll transparent;
    border: none;
    outline: 0;
    padding-right: 13px;
    text-indent: -99999px;
}

.btn_mup {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -181px scroll transparent;
    border: none;
    outline: 0;
    padding-right: 13px;
    text-indent: -99999px;
}

.btn_mdown {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 24px;
    color: #3d3d3d;
    background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -201px scroll transparent;
    border: none;
    outline: 0;
    padding-right: 13px;
    text-indent: -99999px;
}

/*class not show*/
.notshow {
    opacity: 0.6;
    filter: alpha(opacity= 60 );
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
    -html-opacity: 0.6;
}

.mask_tree {
    height: 100%;
    min-height: 100%;
    width: 178px;
    background-color: #aad2d0;
    display: block;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 36px;
    text-indent: -9999px;
}

/*css default editmod*/
.ml_20 {
    margin-left: 20px;
}

.min_height_pagetemplate {
    min-height: 550px;
}

.row_content {
    min-height: 60px;
	/* padding-bottom: 30px; */
}

.wr_bottom_popup_b {
    text-align: left;
    width: auto;
    margin-left: 240px;
    float: left;
    clear: both;
    margin-top: 20px;
}

.coppyright_popup {
    margin-right: 20px;
    position: absolute;
    right: 0;
    margin-top: -40px;
}

    .coppyright_popup span {
        color: #541d55;
        font-size: 12px;
        padding-right: 10px;
    }

.no_border_b {
    border-bottom: none !important;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.h3_popup {
    padding: 10px;
}

* + html .nav {
    display: inline;
}

    .nav li {
        float: left;
        margin-right: 20px;
    }

    .nav a {
        color: #9DA5B2;
        cursor: pointer;
        padding: 7px 7px 5px 7px;
    }

.ie7 .nav a {
    line-height: 30px;
    padding: 0px 5px;
}

.nav .active a, #nav a:hover {
    background-color: #394264;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #FFFFFF;
    text-decoration: none;
}

.nav a span {
    display: inline-block;
    padding: 0 0 0 25px;
    font-family: Quicksand, Arial, Helvetica, sans-serif;
    font-weight: lighter;
    font-size: 16px;
}

.nav .nav_das span {
    background: url('/areas/admin/styles/images/icon_das.png') no-repeat scroll 0 50% transparent;
}

.nav .nav_fe span {
    background: url('/areas/admin/styles/images/icon_fe.png') no-repeat scroll 0 50% transparent;
}

.nav .nav_em span {
    background: url('/areas/admin/styles/images/icon_em.png') no-repeat scroll 0 50% transparent;
}

.nav .nav_am span {
    background: url('/areas/admin/styles/images/icon_am.png') no-repeat scroll 0 50% transparent;
}

.nav .active a span, #nav a:hover span {
    background-position: -200px 50%;
}

/*Box menu list*/
.nav li ul {
    position: absolute;
    display: none;
    width: 195px;
    height: 195px;
    margin-right: 20px;
    background: url('/areas/admin/styles/images/bg_am_hv.png') no-repeat left bottom scroll transparent;
    right: 0px;
    top: 20px;
    padding: 26px 15px 15px 15px;
    z-index: 1000;
}

.nav li:hover ul {
    display: block;
}

.nav li ul li {
    float: left;
    width: 195px;
    height: 20px;
    margin-bottom: 4px;
}

    .nav li ul li a {
        padding: 0px 0px 0px 25px !important;
        background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px 0px scroll transparent;
        color: #636363;
        font-size: 14px;
        text-shadow: 0 1px 0 #fff;
    }

/*=======END SUB NAV=======*/

/*.cke_contents {padding: 20px!important;}*/
/*search box*/
.search {
    width: 237px;
    position: relative;
    background: url('/areas/admin/styles/images/bg_btn.png') left top repeat-x;
    height: 28px;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

    .search input {
        border: none;
        background: none;
        margin: 0;
    }

        .search input.text {
            width: 190px;
            height: 28px;
            line-height: 26px;
            padding: 0px 0px 0 0px;
            color: #5b5959;
            font-style: italic;
            float: left;
            margin-left: 5px;
            box-shadow: none !important;
        }

        .search input.button {
            float: right;
            color: #FFF;
            height: 28px;
            width: 35px;
            text-indent: -9999px;
            cursor: pointer;
            padding: 0;
            background: url('/areas/admin/styles/images/icon_btn.png') no-repeat scroll 0 -374px rgba(0, 0, 0, 0);
            border-left: 1px solid #ccc;
        }

/* new for show sub_menu_list */

.wr_box_edit ul li a.draft_mn {
    padding: 0px 0px 0px 25px !important;
    background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -352px scroll transparent;
}

.wr_box_edit ul li a.reload_mn {
    padding: 0px 0px 0px 25px !important;
    background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -333px scroll transparent;
}

.wr_box_edit ul li a.items_mn {
    padding: 0px 0px 0px 25px !important;
    background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -371px scroll transparent;
}

    .wr_box_edit ul li a.items_mn:hover, .wr_box_edit ul li a.reload_mn:hover, .wr_box_edit ul li a.draft_mn:hover, .wr_box_edit ul li a.restore_mn:hover, .wr_box_edit ul li a.moveto_mn:hover, .wr_box_edit ul li a.movetop_mn:hover, .wr_box_edit ul li a.movebottom_mn:hover, .wr_box_edit ul li a.duplicate_mn:hover, .wr_box_edit ul li a.setting_mn:hover, .wr_box_edit ul li a.design_mn:hover, .wr_box_edit ul li a.hiden_mn:hover, .wr_box_edit ul li a.delete_mn:hover, .wr_box_edit ul li a.moveup_mn:hover, .wr_box_edit ul li a.movedown_mn:hover {
        color: #d41818 !important;
        text-shadow: 0 1px 0 #000;
    }

.wr_box_edit ul li .sub_menu_list {
    margin-left: 145px;
    margin-top: -25px;
    position: absolute;
    z-index: 9999;
    display: none !important;
    max-height: 247px;
    width: auto !important;
    overflow-y: auto;
    overflow-x: hidden;
}

    .wr_box_edit ul li .sub_menu_list li {
        background-color: #7e7e7e;
        white-space: nowrap;
    }

.wr_box_edit ul li:hover .sub_menu_list {
    display: block !important;
}

.sub_menu_list a:hover {
    color: #222 !important;
    text-shadow: 0 1px 0 #ccc;
}

/*Title and sub title admin*/
.title_block {
    float: left;
    display: block;
    padding: 0px 0px 12px;
}

    .title_block .title_top {
        padding: 0px 0px 4px 0px !important;
    }

    .title_block .sub_title_caption {
        font-size: 13px;
        font-style: italic;
        color: rgb(106, 106, 106);
    }

/*new icon for tree*/

.treeview li i.ico_home_uninclued {
    background: url('/areas/admin/styles/images/icon_tree.png') 0px -133px no-repeat scroll;
}

.treeview li i.ico_publish {
    background: url('/areas/admin/styles/images/icon_tree.png') 0px -150px no-repeat scroll;
}

.treeview li i.ico_unpublish {
    background: url('/areas/admin/styles/images/icon_tree.png') 0px -167px no-repeat scroll;
}

.treeview li i.ico_publish_uninclude {
    background: url('/areas/admin/styles/images/icon_tree.png') 0px -186px no-repeat scroll;
}


/* ============ New menu top NAV  ==========*/
nav {
    width: auto;
    position: absolute;
    right: 0px;
    top: 20px;
    z-index: 1000;
}

#menutop {
    width: auto;
    position: absolute;
    right: 200px;
    top: 27px;
    z-index: 1000;
    margin-right: 20px;
}

* + html .menu_new {
    display: inline;
}

    .menu_new > li {
        float: left;
        cursor: pointer;
        min-height: 30px;
		margin-left: 5px;
    }

        .menu_new > li:hover, .menu_new > li.active {
            background: #d41818;
            color: #fff;
			border-radius: 15px;
        }

            .menu_new > li:hover a, .menu_new > li.active > a {
                color: #fff;
            }

    .menu_new a {
        color: #fff;
        cursor: pointer;
        padding: 0px 30px;
        display: block;
        min-height: 30px;
        font-family: Quicksand, Arial, Helvetica, sans-serif;
        font-weight: lighter;
        font-size: 14px;
        line-height: 30px;
    }

.ie7 .menu_new a {
    line-height: 40px;
    padding: 10px 10px;
}

.menu_new > li.sub {
    background: url('/areas/admin/styles/images/bulet_menu.png') no-repeat right 8px scroll;
}

    .menu_new > li.sub:hover, .menu_new > li.sub.active {
        background: #d41818 url('/areas/admin/styles/images/bulet_menu.png') no-repeat right 8px scroll;
        color: #FFFFFF;
		border-radius: 15px;
    }

.menu_new > li.selected {
    background: none no-repeat scroll right 10px #d41818;
	border-radius: 15px;
}

.menu_new > li.sub.selected {
    background: #d41818 url('/areas/admin/styles/images/bulet_menu_hv.png') no-repeat right 6px scroll;
	border-radius: 15px;
}

    .menu_new > li.sub.selected:hover {
        background: #d41818 url('/areas/admin/styles/images/bulet_menu_hv.png') no-repeat right 6px scroll;
		border-radius: 15px;
    }

.menu_new > li.selected a {
    color: #FFFFFF;
    text-decoration: none;
	border-radius: 15px;
}

ul.nav_sub {
    position: absolute;
    display: none;
    width: 200px;
    height: auto;
    margin-right: 0px;
    border: 3px solid #1473e6;
    top: 38px;
    padding: 15px 15px 15px 15px;
    z-index: 1000;
    background: rgb(57,66,100);
    background: rgb(247,247,247);
    /* Old Browsers */ background: -moz-linear-gradient(top, rgb(247,247,247) 0%, rgb(194,194,194) 100%);
    /* FF3.6+ */ background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(247,247,247)), color-stop(100%, rgb(194,194,194)));
    /* Chrome,Safari4+  */ background: -webkit-linear-gradient(top, rgb(247,247,247) 0%, rgb(194,194,194) 100%);
    /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(247,247,247) 0%, rgb(194,194,194) 100%);
    /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(247,247,247) 0%, rgb(194,194,194) 100%);
    /* IE 10+ */ background: linear-gradient(to bottom, rgb(247,247,247) 0%, rgb(194,194,194) 100%);
    /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#c2c2c2', GradientType=0 );
    /* IE6-9 */
}

ul.nav_sub {
    min-height: auto;
}

    ul.nav_sub > li {
        float: left;
        width: 216px;
        height: auto;
        min-height: 20px;
        margin-right: 0px;
    }

        ul.nav_sub > li a {
            line-height: 25px;
        }

        ul.nav_sub > li:hover, ul.nav_sub > li.active {
            background-color: transparent;
        }

            ul.nav_sub > li.active > a {
                color: #d41818 !important;
                text-shadow: 0 1px 0 #F2F0F0;
            }

    ul.nav_sub li a.setting {
        line-height: 19px;
        min-height: 23px;
        padding: 0px 0px 0px 25px !important;
        background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px 0px scroll transparent;
        color: #636363;
        font-size: 14px;
        text-shadow: 0 1px 0 #fff;
    }

    ul.nav_sub li a.access {
        line-height: 19px;
        min-height: 23px;
        padding: 0px 0px 0px 25px !important;
        background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -20px scroll transparent;
        color: #636363;
        font-size: 14px;
        text-shadow: 0 1px 0 #fff;
    }

    ul.nav_sub li a.schedule {
        line-height: 19px;
        min-height: 23px;
        padding: 0px 0px 0px 25px !important;
        background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -40px scroll transparent;
        color: #636363;
        font-size: 14px;
        text-shadow: 0 1px 0 #fff;
    }

    ul.nav_sub li a.language {
        line-height: 19px;
        min-height: 23px;
        padding: 0px 0px 0px 25px !important;
        background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -60px scroll transparent;
        color: #636363;
        font-size: 14px;
        text-shadow: 0 1px 0 #fff;
    }

    ul.nav_sub li a.localized {
        line-height: 19px;
        min-height: 23px;
        padding: 0px 0px 0px 25px !important;
        background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0 -388px scroll transparent;
        color: #636363;
        font-size: 14px;
        text-shadow: 0 1px 0 #fff;
    }

    ul.nav_sub li a.layout {
        line-height: 19px;
        min-height: 23px;
        padding: 0px 0px 0px 25px !important;
        background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -80px scroll transparent;
        color: #636363;
        font-size: 14px;
        text-shadow: 0 1px 0 #fff;
    }

    ul.nav_sub li a.moudle {
        line-height: 19px;
        min-height: 23px;
        padding: 0px 0px 0px 25px !important;
        background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -100px scroll transparent;
        color: #636363;
        font-size: 14px;
        text-shadow: 0 1px 0 #fff;
    }

    ul.nav_sub li a.page {
        line-height: 19px;
        min-height: 23px;
        padding: 0px 0px 0px 25px !important;
        background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -120px scroll transparent;
        color: #636363;
        font-size: 14px;
        text-shadow: 0 1px 0 #f2f0f0;
    }

    ul.nav_sub li a.user {
        line-height: 19px;
        min-height: 23px;
        padding: 0px 0px 0px 25px !important;
        background: url('/areas/admin/styles/images/icon_am_hv.png') no-repeat 0px -140px scroll transparent;
        color: #636363;
        font-size: 14px;
        text-shadow: 0 1px 0 #f2f0f0;
    }

        ul.nav_sub li a.user:hover, ul.nav_sub li a.page:hover, ul.nav_sub li a.moudle:hover, ul.nav_sub li a.layout:hover, ul.nav_sub li a.language:hover, ul.nav_sub li a.localized:hover, ul.nav_sub li a.schedule:hover, ul.nav_sub li a.access:hover, ul.nav_sub li a.setting:hover {
            color: #000;
            text-shadow: 0 1px 0 #f2f0f0;
        }

.last_sub {
    right: 0px;
}

li:last-child.sub > ul {
    right: 0px;
}
/*Sub level*/
ul.nav_sub li ul.level2 {
    width: 218px;
}

ul.nav_sub li .level1 {
    font-size: 14px;
    font-weight: bold;
    min-height: 30px;
    color: #333333;
    background: url('/areas/admin/styles/images/icon_module.png') no-repeat 0px -4px scroll transparent;
    padding: 0px;
    padding-left: 25px;
    line-height: 25px;
    display: block;
}

ul.nav_sub li ul.level2 li a {
    padding-left: 35px;
	padding-right: 0!important;
    color: #636363;
    background: url('/areas/admin/styles/images/dot_bre.png') no-repeat 18px -5px scroll transparent;
    min-height: 25px;
    font-size: 14px;
    text-shadow: 0 1px 0 #fff;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    ul.nav_sub li ul.level2 li a:hover, ul.nav_sub li ul.level2 li.active a {
        color: #0a127e;
        padding-left: 40px;
        background: url('/areas/admin/styles/images/dot_bre.png') no-repeat 23px -5px scroll transparent;
    }

ul.nav_sub li ul.level2 li.active > a {
    color: #d41818;
}
/* ============ END New menu top NAV  ==========*/
/* ============ END New menu top NAV  ==========*/
/*==============page admin result seach================================== */
#resultSearch {
    padding: 10px 50px 20px 60px;
}

.resultSeachTitle {
    padding: 20px 50px 0px 50px;
    font-size: 20px;
    font-weight: bold;
    min-height: 30px;
}

.top_pageResultSearch {
    border-bottom: 1px solid #2B2B2B;
    font-size: 14px;
    margin: 0px 0px 20px 0px;
    padding: 8px 10px 8px 10px;
    text-align: right;
    width: 98%;
    font-weight: normal;
}

.bottom_pageResultSearch {
    border-top: 1px solid #2B2B2B;
    font-size: 14px;
    margin: 0px 0px 20px 0px;
    padding: 8px 10px 8px 10px;
    text-align: right;
    width: 98%;
    font-weight: normal;
}

.pageNoResult {
    border-top: 1px solid #2B2B2B;
    font-size: 14px;
    margin: 0px 0px 20px 50px;
    padding: 8px 10px 8px 10px;
    text-align: left;
    width: 92%;
    font-weight: normal;
}

.pageSearch {
    padding: 5px;
    font-weight: bold;
}

.title-result {
    font-weight: bold;
}

.out_search {
    min-height: 400px;
}

.pagerAd {
    clear: both;
    font-family: "Bitstream Vera Sans",Verdana,Helvetica;
    font-size: 12px;
}

    .pagerAd a, .pagerAd .current {
        color: #333333;
        font-weight: bold;
        text-decoration: none;
        border-radius: 2px 2px;
    }

.pagerAd {
    clear: both;
    padding: 10px 0px 3px;
}

    .pagerAd div {
        padding: 0em;
        display: inline;
    }

    .pagerAd strong, .pagerAd a {
        padding: 3px 6px;
        margin: 0px 0.25em 0px 0.25em;
        background: #dfedf7;
        border: 1px solid #90c2e1;
        -moz-border-radius: 2px;
    }

        .pagerAd a:hover {
            text-decoration: underline;
            background: #eef7fc;
        }

    .pagerAd strong {
        background: #0174bb;
        color: #fff;
    }

    .pagerAd .current, .pagerAd .current:hover, .pagerAd .current:active {
        background: #0a127e;
        color: #fff;
    }

#frame_docmanager {
    width: 100%;
    min-height: 600px;
}

#frame_picturemanager {
    width: 100%;
    min-height: 600px;
}

/*New css add flag for test*/
ul.languageSelector {
    height: 36px;
    width: 100%;
    float: left;
    background: url('/areas/admin/styles/images/bg_tab_two.png') repeat-x left top scroll transparent;
    list-style: none;
}

    ul.languageSelector li {
        display: block;
        float: left;
        height: 35px;
        background: url('/areas/admin/styles/images/bg_line_tab2.png') repeat-y right top scroll;
    }

        ul.languageSelector li a {
            color: #2b2b2b;
            height: 36px;
            margin-right: 1px;
            float: left;
            text-decoration: none;
            font-size: 14px;
            font-family: Quicksand, Arial, Helvetica, sans-serif;
            text-shadow: 0 1px 0 #eeeeee;
            padding: 0px 15px;
            line-height: 36px;
            display: block;
        }

            ul.languageSelector li a.active,
            ul.languageSelector li a:hover {
                background: url('/areas/admin/styles/images/bg_tab_two_hv.png') repeat-x left top scroll;
            }

            ul.languageSelector li a:focus {
                outline: 0;
            }

        ul.languageSelector li:last-child a:hover {
            background: none !important;
        }

        ul.languageSelector li a.disabled, ul.languageSelector li a.disabled:hover {
            background: none !important;
            opacity: 0.6;
            cursor: default;
        }

.wr_flag {
    margin-left: 10px;
    margin-right: 10px;
    float: left;
}

    .wr_flag a {
        margin: 0 3px;
        -moz-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

        .wr_flag a:hover {
            -webkit-opacity: 0.8;
            -o-opacity: 0.8;
            -moz-opacity: 0.8;
            -ms-opacity: 0.8;
            opacity: 0.8;
        }

ul.languageSelector li a img {
    margin-top: 7px;
}

.cookie_content {
    padding-top: 30px !important;
}

    .cookie_content h1 {
        text-align: left !important;
        font-size: 38px !important;
    }

    .cookie_content h2 {
        text-align: left !important;
    }
/*New css add flag for test*/
.selectLangBox.wr_flag{margin:auto;display:inline-block;float:none;}
.wr_flag {  margin-left:10px; margin-right:10px; float:left;}
span.inline-flag {float: left; margin-top: 0px; margin-right:4px;position:relative }
.dot_flag { background:rgba(255,255,255,0.9) url("/areas/admin/styles/images/icon_cont_flag.png") no-repeat center center; height:14px; width:14px; border-radius:14px; position:absolute; top:-3px; right:-3px; z-index:9999; -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.5)}
.wr_flag a { margin:0 3px; -moz-transition: all 0.3s ease 0s;  -webkit-transition:  all 0.3s ease 0s; -o-transition:  all 0.3s ease 0s; transition:  all 0.3s ease 0s;}
.wr_flag a:hover {-webkit-opacity:0.8; -o-opacity:0.8; -moz-opacity:0.8; -ms-opacity:0.8; opacity:0.8;}

/*New css add flag top page */
.wr_flag_top { margin-top:8px; margin-left:10px; margin-right:10px; float:left;float: right; position: absolute; right: 0;}
.text_flag { float:left; margin-right:10px; line-height:20px;}
span.inline-flag_top {float: left; margin-top: 0px; margin-right:10px;position:relative }
.wr_flag_top a { float:left; -moz-transition: all 0.3s ease 0s;  -webkit-transition:  all 0.3s ease 0s; -o-transition:  all 0.3s ease 0s; transition:  all 0.3s ease 0s;}
.wr_flag_top a.active span img{ border:1px solid #11a8ab;}
.wr_flag_top a:hover {-webkit-opacity:0.5; -o-opacity:0.5; -moz-opacity:0.5; -ms-opacity:0.5; opacity:0.5;}
.text_flag_no { float:left; margin-right:10px; line-height:20px;}
.text_flag { float:left; margin-right:10px; line-height:20px;}
.inline { position:relative!important;}
.inline li {margin-right:0px!important; margin-left:20px!important;}
.wr_search_top { float:right;}
.text_search { padding:6px 5px!important; min-width:100px!important; width:200px!important;}
.line { padding-right:8px; margin-right:8px; border-right:1px solid #999}
.wr_tag { background-color:#fff; padding:10px; border:1px solid #c5c5c5; display:block; min-width:250px}
.wr_tag label {border:1px solid #c5c5c5; margin-right:5px; text-align:center; padding:3px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color:#ededed }

 /*Big header tab*/
ul.tab_big {height:54px!important; width:100%; float:left; background: #fbfbfb url("/areas/admin/styles/images/bg_tab_big.png") repeat-x left bottom scroll!important; list-style: none;}
ul.tab_big li { height:53px;}
ul.tab_big li a{ height:44px; line-height:42px!important;padding-top:10px;}
ul.tab_big li a.active, ul.tab_big li a:hover {background: #f0f0f0 url("/areas/admin/styles/images/bg_tab_big_hv.png") repeat-x left bottom scroll!important}
ul.tab_big .wr_flag { /*margin-top:12px!important;*/ margin-left:10px; margin-right:10px; float:left;}
ul.tab_big .text_flag { float:left; margin-right:10px; line-height:30px!important;font-size:14px;}
ul.tab_big .dot_flag { height:16px!important; width:16px!important;}
ul.tab_big span.inline-flag { /*margin-right:13px!important;*/padding:0 8px;margin:0 0 0 0;height:34px;}


.wr_box_drag_hide { display: none!important}