/* -- TOOLBAR ICON STYLES ----------------------------- */

a {
    text-decoration: none;
    color: #2585D8;
}

    input.btn, input.button, button, a.btn, a.button {
        padding: 4px 10px;
        font-family: arial;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font-weight: bold;
        cursor: pointer;
        background-color: #333;
        color: #fff;
        border: none;
        text-decoration: none;
    }

    a.btn, a.button {
        display: block-inline;
        font-size: 85%;
        margin: 0 1px;
    }

        input.btn:hover, input.button:hover, button:hover, a.btn:hover, a.button:hover {
            background-color: #489DD2;
            color: #fff;
        }


.right, .btn-right {
    float: right;
}

.toolbar-btn {
    border: 0px;
    background-color: transparent;
    cursor: pointer;
}

.btn-32 {
    width: 32px;
    height: 32px;
    background-position: bottom;
    display: block;
}

    .btn-32:hover, .table-list tr:hover .btn-32 {
        background-position: top;
    }

/* Admin backend grid table elements */
a.jgrid:hover {
    text-decoration: none;
}

.jgrid span.state {
    display: inline-block;
    height: 16px;
    width: 16px;
}

.jgrid span.text {
    display: none;
}

.jgrid span.publish {
    background-image: url(images/admin/tick.png);
}

.jgrid span.unpublish {
    background-image: url(images/admin/publish_x.png);
}

.jgrid span.archive {
    background-image: url(images/menu/icon-16-archive.png);
}

.jgrid span.trash {
    background-image: url(images/menu/icon-16-trash.png);
}

.jgrid span.default {
    background-image: url(images/menu/icon-16-default.png);
}

.jgrid span.notdefault {
    background-image: url(images/menu/icon-16-notdefault.png);
}

.jgrid span.checkedout {
    background-image: url(images/admin/checked_out.png);
}

.jgrid span.downarrow {
    background-image: url(images/admin/downarrow.png);
}

.jgrid span.downarrow_disabled {
    background-image: url(images/admin/downarrow0.png);
    background-position: 0 -12px;
}

.jgrid span.uparrow {
    background-image: url(images/admin/uparrow.png);
}

.jgrid span.uparrow_disabled {
    background-image: url(images/admin/uparrow0.png);
    background-position: 0 -12px;
}

.jgrid span.published {
    background-image: url(images/admin/publish_g.png);
}

.jgrid span.expired {
    background-image: url(images/admin/publish_r.png);
}

.jgrid span.pending {
    background-image: url(images/admin/publish_y.png);
}

/* -- ICON STYLES ----------------------------- */
.icon-16-alert {
    background-image: url(images/menu/icon-16-alert.png);
}

.icon-16-archive {
    background-image: url(images/menu/icon-16-archive.png);
}

.icon-16-article {
    background-image: url(images/menu/icon-16-article.png);
}

.icon-16-banners {
    background-image: url(images/menu/icon-16-banner.png);
}

.icon-16-banners-clients {
    background-image: url(images/menu/icon-16-banner-client.png);
}

.icon-16-banners-tracks {
    background-image: url(images/menu/icon-16-banner-tracks.png);
}

.icon-16-banners-cat {
    background-image: url(images/menu/icon-16-banner-categories.png);
}

.icon-16-category {
    background-image: url(images/menu/icon-16-category.png);
}

.icon-16-checkin {
    background-image: url(images/menu/icon-16-checkin.png);
}

.icon-16-clear {
    background-image: url(images/menu/icon-16-clear.png);
}

.icon-16-component {
    background-image: url(images/menu/icon-16-component.png);
}

.icon-16-config {
    background-image: url(images/menu/icon-16-config.png);
}

.icon-16-content {
    background-image: url(images/menu/icon-16-content.png);
}

.icon-16-contact {
    background-image: url(images/menu/icon-16-contacts.png);
}

.icon-16-contact-cat {
    background-image: url(images/menu/icon-16-contacts-categories.png);
}

.icon-16-cpanel {
    background-image: url(images/menu/icon-16-cpanel.png);
}

.icon-16-default {
    background-image: url(images/menu/icon-16-default.png);
}

.icon-16-featured {
    background-image: url(images/menu/icon-16-featured.png);
}

.icon-16-groups {
    background-image: url(images/menu/icon-16-groups.png);
}

.icon-16-help {
    background-image: url(images/menu/icon-16-help.png);
}

.icon-16-help-this {
    background-image: url(images/menu/icon-16-help-this.png);
}

.icon-16-help-forum {
    background-image: url(images/menu/icon-16-help-forum.png);
}

.icon-16-help-docs {
    background-image: url(images/menu/icon-16-help-docs.png);
}

.icon-16-help-jed {
    background-image: url(images/menu/icon-16-help-jed.png);
}

.icon-16-help-jrd {
    background-image: url(images/menu/icon-16-help-jrd.png);
}

.icon-16-help-trans {
    background-image: url(images/menu/icon-16-help-trans.png);
}

.icon-16-help-community {
    background-image: url(images/menu/icon-16-help-community.png);
}

.icon-16-help-security {
    background-image: url(images/menu/icon-16-help-security.png);
}

.icon-16-help-dev {
    background-image: url(images/menu/icon-16-help-dev.png);
}

.icon-16-help-shop {
    background-image: url(images/menu/icon-16-help-shop.png);
}

.icon-16-info {
    background-image: url(images/menu/icon-16-info.png);
}

.icon-16-install {
    background-image: url(images/menu/icon-16-install.png);
}

.icon-16-language {
    background-image: url(images/menu/icon-16-language.png);
}

.icon-16-levels {
    background-image: url(images/menu/icon-16-levels.png);
}

.icon-16-logout {
    background-image: url(images/menu/icon-16-logout.png);
}

.icon-16-maintenance {
    background-image: url(images/menu/icon-16-maintenance.png);
}

.icon-16-massmail {
    background-image: url(images/menu/icon-16-massmail.png);
}

.icon-16-media {
    background-image: url(images/menu/icon-16-media.png);
}

.icon-16-menu {
    background-image: url(images/menu/icon-16-menu.png);
}

.icon-16-menumgr {
    background-image: url(images/menu/icon-16-menumgr.png);
}

.icon-16-messages {
    background-image: url(images/menu/icon-16-messaging.png);
}

.icon-16-messages-add {
    background-image: url(images/menu/icon-16-new-privatemessage.png);
}

.icon-16-messages-read {
    background-image: url(images/menu/icon-16-messages.png);
}

.icon-16-module {
    background-image: url(images/menu/icon-16-module.png);
}

.icon-16-newarticle {
    background-image: url(images/menu/icon-16-newarticle.png);
}

.icon-16-newcategory {
    background-image: url(images/menu/icon-16-newcategory.png);
}

.icon-16-newgroup {
    background-image: url(images/menu/icon-16-newgroup.png);
}

.icon-16-newlevel {
    background-image: url(images/menu/icon-16-newlevel.png);
}

.icon-16-newuser {
    background-image: url(images/menu/icon-16-newuser.png);
}

.icon-16-nopreview {
    background-image: url(images/menu/icon-16-nopreview.png);
}

.icon-16-plugin {
    background-image: url(images/menu/icon-16-plugin.png);
}

.icon-16-profile {
    background-image: url(images/menu/icon-16-user.png);
}

.icon-16-preview {
    background-image: url(images/menu/icon-16-preview.png);
}

.icon-16-purge {
    background-image: url(images/menu/icon-16-purge.png);
}

.icon-16-readmess {
    background-image: url(images/menu/icon-16-readmess.png);
}

.icon-16-redirect {
    background-image: url(images/menu/icon-16-redirect.png);
}

.icon-16-search {
    background-image: url(images/menu/icon-16-search.png);
}

.icon-16-section {
    background-image: url(images/menu/icon-16-section.png);
}

.icon-16-static {
    background-image: url(images/menu/icon-16-static.png);
}

.icon-16-stats {
    background-image: url(images/menu/icon-16-stats.png);
}

.icon-16-themes {
    background-image: url(images/menu/icon-16-themes.png);
}

.icon-16-trash {
    background-image: url(images/menu/icon-16-trash.png);
}

.icon-16-user {
    background-image: url(images/menu/icon-16-user.png);
}

.icon-16-back-user {
    background-image: url(images/menu/icon-16-back-user.png);
}

.icon-16-writemess {
    background-image: url(images/menu/icon-16-writemess.png);
}

.icon-16-newsfeeds {
    background-image: url(images/menu/icon-16-newsfeeds.png);
}

.icon-16-newsfeeds-cat {
    background-image: url(images/menu/icon-16-newsfeeds-cat.png);
}

.icon-16-weblinks {
    background-image: url(images/menu/icon-16-links.png);
}

.icon-16-weblinks-cat {
    background-image: url(images/menu/icon-16-links-cat.png);
}

/* -- TOOLBAR ICON STYLES ----------------------------- */
.icon-32-send {
    background-image: url(images/toolbar/icon-32-send.png);
}

.icon-32-delete {
    background-image: url(images/toolbar/icon-32-delete.png);
}

.icon-32-help {
    background-image: url(images/toolbar/icon-32-help.png);
}

.icon-32-cancel {
    background-image: url(images/toolbar/icon-32-cancel.png);
}

.icon-32-checkin {
    background-image: url(images/toolbar/icon-32-checkin.png);
}

.icon-32-options {
    background-image: url(images/toolbar/icon-32-config.png);
}

.icon-32-apply {
    background-image: url(images/toolbar/icon-32-apply.png);
}

.icon-32-back {
    background-image: url(images/toolbar/icon-32-back.png);
}

.icon-32-export {
    background-image: url(images/toolbar/icon-32-export.png);
}

.icon-32-forward {
    background-image: url(images/toolbar/icon-32-forward.png);
}

.icon-32-save {
    background-image: url(images/toolbar/icon-32-save.png);
}

.icon-32-edit {
    background-image: url(images/toolbar/icon-32-edit.png);
}

.icon-32-copy {
    background-image: url(images/toolbar/icon-32-copy.png);
}

.icon-32-move {
    background-image: url(images/toolbar/icon-32-move.png);
}

.icon-32-new {
    background-image: url(images/toolbar/icon-32-new.png);
}

.icon-32-upload {
    background-image: url(images/toolbar/icon-32-upload.png);
}

.icon-32-assign {
    background-image: url(images/toolbar/icon-32-publish.png);
}

.icon-32-html {
    background-image: url(images/toolbar/icon-32-html.png);
}

.icon-32-css {
    background-image: url(images/toolbar/icon-32-css.png);
}

.icon-32-menus {
    background-image: url(images/toolbar/icon-32-menu.png);
}

.icon-32-publish {
    background-image: url(images/toolbar/icon-32-publish.png);
}

.icon-32-unblock {
    background-image: url(images/toolbar/icon-32-unblock.png);
}

.icon-32-unpublish {
    background-image: url(images/toolbar/icon-32-unpublish.png);
}

.icon-32-restore {
    background-image: url(images/toolbar/icon-32-revert.png);
}

.icon-32-trash {
    background-image: url(images/toolbar/icon-32-trash.png);
}

.icon-32-archive {
    background-image: url(images/toolbar/icon-32-archive.png);
}

.icon-32-unarchive {
    background-image: url(images/toolbar/icon-32-unarchive.png);
}

.icon-32-preview {
    background-image: url(images/toolbar/icon-32-preview.png);
}

.icon-32-default {
    background-image: url(images/toolbar/icon-32-default.png);
}

.icon-32-refresh {
    background-image: url(images/toolbar/icon-32-refresh.png);
}

.icon-32-save-new {
    background-image: url(images/toolbar/icon-32-save-new.png);
}

.icon-32-save-copy {
    background-image: url(images/toolbar/icon-32-save-copy.png);
}

.icon-32-error {
    background-image: url(images/toolbar/icon-32-error.png);
}

.icon-32-new-style {
    background-image: url(images/toolbar/icon-32-new-style.png);
}

.icon-32-delete-style {
    background-image: url(images/toolbar/icon-32-delete-style.png);
}

.icon-32-purge {
    background-image: url(images/toolbar/icon-32-purge.png);
}

.icon-32-remove {
    background-image: url(images/toolbar/icon-32-remove.png);
}

.icon-32-featured {
    background-image: url(images/toolbar/icon-32-featured.png);
}

.icon-32-stats {
    background-image: url(images/toolbar/icon-32-stats.png);
}

.toolbar-inactive {
    background-position: 0 32px;
}

/* -- HEADER ICON STYLES ----------------------------- */
.icon-48-categories {
    background-image: url(images/header/icon-48-category.png);
}

.icon-48-category-edit {
    background-image: url(images/header/icon-48-category.png);
}

.icon-48-category-add {
    background-image: url(images/header/icon-48-category-add.png);
}

.icon-48-generic {
    background-image: url(images/header/icon-48-generic.png);
}

.icon-48-banners {
    background-image: url(images/header/icon-48-banner.png);
}

.icon-48-banners-categories {
    background-image: url(images/header/icon-48-banner-categories.png);
}

.icon-48-banners-category-edit {
    background-image: url(images/header/icon-48-banner-categories.png);
}

.icon-48-banners-category-add {
    background-image: url(images/header/icon-48-category-add.png);
}

.icon-48-banners-clients {
    background-image: url(images/header/icon-48-banner-client.png);
}

.icon-48-banners-tracks {
    background-image: url(images/header/icon-48-banner-tracks.png);
}

.icon-48-checkin {
    background-image: url(images/header/icon-48-checkin.png);
}

.icon-48-clear {
    background-image: url(images/header/icon-48-clear.png);
}

.icon-48-contact {
    background-image: url(images/header/icon-48-contacts.png);
}

.icon-48-contact-categories {
    background-image: url(images/header/icon-48-contacts-categories.png);
}

.icon-48-contact-category-edit {
    background-image: url(images/header/icon-48-contacts-categories.png);
}

.icon-48-contact-category-add {
    background-image: url(images/header/icon-48-category-add.png);
}

.icon-48-purge {
    background-image: url(images/header/icon-48-purge.png);
}

.icon-48-cpanel {
    background-image: url(images/header/icon-48-cpanel.png);
}

.icon-48-config {
    background-image: url(images/header/icon-48-config.png);
}

.icon-48-groups {
    background-image: url(images/header/icon-48-groups.png);
}

.icon-48-groups-add {
    background-image: url(images/header/icon-48-groups-add.png);
}

.icon-48-levels {
    background-image: url(images/header/icon-48-levels.png);
}

.icon-48-levels-add {
    background-image: url(images/header/icon-48-levels-add.png);
}

.icon-48-module {
    background-image: url(images/header/icon-48-module.png);
}

.icon-48-menu {
    background-image: url(images/header/icon-48-menu.png);
}

.icon-48-menu-add {
    background-image: url(images/header/icon-48-menu-add.png);
}

.icon-48-menumgr {
    background-image: url(images/header/icon-48-menumgr.png);
}

.icon-48-newsfeeds-categories {
    background-image: url(images/header/icon-48-newsfeeds-cat.png);
}

.icon-48-newsfeeds-category-edit {
    background-image: url(images/header/icon-48-newsfeeds-cat.png);
}

.icon-48-newsfeeds-category-add {
    background-image: url(images/header/icon-48-category-add.png);
}

.icon-48-trash {
    background-image: url(images/header/icon-48-trash.png);
}

.icon-48-user {
    background-image: url(images/header/icon-48-user.png);
}

.icon-48-user-add {
    background-image: url(images/header/icon-48-user-add.png);
}

.icon-48-user-edit {
    background-image: url(images/header/icon-48-user-edit.png);
}

.icon-48-user-profile {
    background-image: url(images/header/icon-48-user-profile.png);
}

.icon-48-inbox {
    background-image: url(images/header/icon-48-inbox.png);
}

.icon-48-new-privatemessage {
    background-image: url(images/header/icon-48-new-privatemessage.png);
}

.icon-48-msgconfig {
    background-image: url(images/header/icon-48-message_config.png);
}

.icon-48-langmanager {
    background-image: url(images/header/icon-48-language.png);
}

.icon-48-mediamanager {
    background-image: url(images/header/icon-48-media.png);
}

.icon-48-plugin {
    background-image: url(images/header/icon-48-plugin.png);
}

.icon-48-help_header, .icon-48-report {
    background-image: url(images/header/icon-48-help_header.png);
}

.icon-48-impressions, .icon-48-calendar {
    background-image: url(images/header/icon-48-stats.png);
}

.icon-48-browser {
    background-image: url(images/header/icon-48-stats.png);
}

.icon-48-searchtext {
    background-image: url(images/header/icon-48-stats.png);
}

.icon-48-thememanager {
    background-image: url(images/header/icon-48-themes.png);
}

.icon-48-writemess {
    background-image: url(images/header/icon-48-writemess.png);
}

.icon-48-featured {
    background-image: url(images/header/icon-48-featured.png);
}

.icon-48-sections {
    background-image: url(images/header/icon-48-section.png);
}

.icon-48-article-add {
    background-image: url(images/header/icon-48-article-add.png);
}

.icon-48-article-edit {
    background-image: url(images/header/icon-48-article-edit.png);
}

.icon-48-article {
    background-image: url(images/header/icon-48-article.png);
}

.icon-48-content-categories {
    background-image: url(images/header/icon-48-category.png);
}

.icon-48-content-category-edit {
    background-image: url(images/header/icon-48-category.png);
}

.icon-48-content-category-add {
    background-image: url(images/header/icon-48-category-add.png);
}

.icon-48-install {
    background-image: url(images/header/icon-48-extension.png);
}

.icon-48-dbbackup {
    background-image: url(images/header/icon-48-backup.png);
}

.icon-48-dbrestore {
    background-image: url(images/header/icon-48-dbrestore.png);
}

.icon-48-dbquery {
    background-image: url(images/header/icon-48-query.png);
}

.icon-48-systeminfo {
    background-image: url(images/header/icon-48-info.png);
}

.icon-48-massmail {
    background-image: url(images/header/icon-48-massmail.png);
}

.icon-48-redirect {
    background-image: url(images/header/icon-48-redirect.png);
}

.icon-48-search {
    background-image: url(images/header/icon-48-search.png);
}

.icon-48-newsfeeds {
    background-image: url(images/header/icon-48-newsfeeds.png);
}

.icon-48-newsfeeds-cat {
    background-image: url(images/header/icon-48-newsfeeds-cat.png);
}

.icon-48-weblinks {
    background-image: url(images/header/icon-48-links.png);
}

.icon-48-weblinks-categories {
    background-image: url(images/header/icon-48-links-cat.png);
}

.icon-48-weblinks-category-edit {
    background-image: url(images/header/icon-48-links-cat.png);
}

.icon-48-weblinks-category-add {
    background-image: url(images/header/icon-48-category-add.png);
}

.icon-48-homepage {
    background-image: url(images/header/icon-48-frontpage.png);
}

.icon-48-project-red {
    background-image: url(images/header/icon-48-project-red.png);
}

.icon-48-project-blue {
    background-image: url(images/header/icon-48-project-blue.png);
}

.icon-48-project-yellow {
    background-image: url(images/header/icon-48-project-yellow.png);
}

.icon-32-project-red {
    background-image: url(images/header/icon-32-project-red.png);
}

.icon-32-project-blue {
    background-image: url(images/header/icon-32-project-blue.png);
}

.icon-32-project-yellow {
    background-image: url(images/header/icon-32-project-yellow.png);
}

/*============================ MAIN TOOLBAR STYLE =======================*/

#toolbar-box {
    background: #FBFBFB;
    margin-bottom: 5px;
    border: 1px solid #CCCCCC;
    overflow: hidden;
}

#toolbar-box, #submenu-box {
}

div.toolbar-list {
    float: right;
    padding: 0;
    text-align: right;
}

div.pagetitle {
    background-repeat: no-repeat;
    margin-left: 10px;
    padding-left: 5px;
}

    div.pagetitle .small {
        font-size: 80%;
    }

div.toolbar-list {
    float: right;
    text-align: right;
    padding: 0;
}

    div.toolbar-list ul {
        margin: 0;
        padding: 0;
    }

    div.toolbar-list li {
        padding: 1px 1px 3px 4px;
        text-align: center;
        color: #666;
        height: 48px;
        list-style: none;
        float: left;
    }

        div.toolbar-list li.spacer {
            width: 10px;
        }

        div.toolbar-list li.divider {
            border-right: 1px solid #c7c7c7;
            width: 2px;
        }

    div.toolbar-list span {
        float: none;
        width: 32px;
        height: 32px;
        margin: 0 auto;
        display: block;
    }

    div.toolbar-list a {
        display: block;
        float: left;
        white-space: nowrap;
        padding: 1px 5px;
        cursor: pointer;
        font-size: 11px;
        min-width: 64px;
    }

        div.toolbar-list a:hover,
        div.toolbar-list a:focus,
        div.toolbar-list a:active {
            text-decoration: none;
            color: #0B55C4;
        }

/*========= FORMAT STYLE ================== */
input.txt-wide {
    width: 95%;
}

.underline {
    text-decoration: underline;
}

.big-label {
    width: 180px;
}

.txt-small, .small {
    font-size: 11px;
}

.bold {
    font-weight: bold;
}

.uppercase {
    text-transform: uppercase;
}

.highlight-text {
    color: #E64413;
}

.left {
    float: left;
}

div.expanded { /*background:url("/images/expanded-black.png") no-repeat left center;*/
}

div.collapsed { /*background:url("/images/collapsed-black.png") no-repeat left center;*/
}

/*button style */
.btn-small, .btn-white {
    border: none;
    font-size: 11px;
    border-radius: 2px;
    padding: 2px 3px;
}

.btn-white {
    background-color: #fff;
    color: #E64413;
}

.table-list .btn, .table-list input {
    font-size: 95% !important;
}

.table-list .btn {
    color: #FFF;
    margin: 2px;
}
/*linktinh*/
.page-menu li {
    text-transform: uppercase;
    float: left;
    padding: 4px 1px;
    margin: 2px;
}

    .page-menu li a {
        color: #FFF;
    }

        .page-menu li a:hover {
            color: #BBBBBB;
        }

/*===========Message style===========*/

.msg-error {
    color: #ff0000;
}

.msg-valid {
    color: green;
}

.required {
    background: url("images/icon_req.gif") no-repeat right center;
}

.left {
    float: left;
}

.leftform {
    float: left;
    width: 75%;
}

.leftform2 {
    float: left;
    width: 70%;
}

.leftform3 {
    float: left;
    width: 60%;
}

.leftform4 {
    float: left;
    width: 55%;
}

.leftform5 {
    float: left;
    width: 50%;
}

.leftform65 {
    float: left;
    width: 65%;
}

.leftform6 {
    float: left;
    width: 40%;
}

/*==================== MESSAGE NOTIFICATION STYLE ==================================*/
.message .message-container {
    padding: 10px;
    border: 1px solid #DDD;
    background-color: #f6f6f6;
    color: #555;
    padding-left: 40px;
    margin-bottom: 5px;
}

.message-container li {
    list-style-type: none;
}

.message-caption {
    font-weight: bold;
}

.message div.error {
    background: url("images/notice-alert.png") no-repeat left center;
    background-color: #FFE8E8;
    border: 1px solid #FF0000;
}

.message div.info, .message div.success {
    background: url("images/notice-info.png") no-repeat left center;
    background-color: #E3F4FC;
    border: 1px solid #65C9F7;
    padding-left: 40px;
}

div.error .message-caption {
    color: #FF0000;
}

div.info .message-caption, div.success .message-caption {
    color: #2585D8;
}

/* style */

.toolbar-icon {
    background-position: 5px 0px;
    background-repeat: no-repeat;
    padding: 10px !important;
    border-radius: 5px 5px 0 0;
    padding-left: 50px !important;
}

.menu-hor {
    border: none;
    list-style-type: none;
    padding: 0px;
    margin: 0;
    overflow: hidden;
}

    .menu-hor li {
        float: left;
        border: 0px;
    }

        .menu-hor li a {
            display: block;
            float: left;
            color: #FFF;
            font-weight: bold;
            margin: 0 10px;
            text-decoration: none;
            border: 0px;
        }

        .menu-hor li.ui-tabs-selected a {
            color: #F04323;
        }

/*modal popup style*/
.modalpopup-mask, .ui-widget-overlay {
    background-color: #000;
    opacity: 0.6;
}

.modalpopup-container, .ui-dialog {
    background-color: #f6f6f6;
    border: 3px solid #e5e5e5;
    border-radius: 8px;
    padding: 5px;
    min-width: 550px;
    min-height: 100px;
    overflow: hidden;
    max-width: 700px;
    top: 10px;
}

.modalpopup-container-inner {
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 5px;
}

.modalpopup-title, .ui-dialog-titlebar {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    cursor: move;
}

    .modalpopup-title h2 {
        margin: 0;
        padding: 0;
    }

.modalpopup-control, .ui-dialog-buttonpane {
    text-align: right;
    padding-top: 8px;
}

    .modalpopup-control input {
        border: 1px solid #e0e0e0;
        padding: 2px;
        background-color: #f6f6f6;
        min-width: 60px;
        cursor: pointer;
    }

        .modalpopup-control input:hover {
            background-color: #4892DD;
            color: #fff;
        }

        .modalpopup-control input:focus {
            background-color: #FFFFDD;
        }

.modalpopup-content {
    padding-top: 10px;
    min-height: 50px;
    max-height: 550px;
    overflow: auto;
}

.hidden {
    display: none;
}

.blue {
    margin-top: 5px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #DDD;
    color: #777;
}

    .blue .highlight-text {
        color: #2585D8;
    }

.module ul li {
    line-height: 18px;
}

    .module ul li a {
        text-decoration: none;
        color: #2585D8;
    }
/*end modal popup style*/
.highlight-box {
    background: #f7f7f7;
    padding-top: 5px;
    padding-bottom: 5px;
    border: #f1b700 1px solid;
}

/*==================== TABLE LIST STYLE =======================*/

.table-list {
    width: 100%;
    border: 1px solid #EEE;
}

.header-row {
    background-color: #ddd;
    text-align: left;
    border-bottom: #aaa 1px solid;
}

.table-list th {
    padding: 8px 2px;
}

.table-list td {
    padding: 5px;
    font-size: 11px;
    border-right: #ddd 1px solid;
}

.row {
    background-color: #FDFDFD;
    border-bottom: #ddd 1px solid;
}

    .row:hover, .alter-row:hover {
        background-color: #f4f4f4;
        border-bottom: #ddd 1px solid;
    }

.alter-row {
    background-color: #fBFBFB;
    border-bottom: #ddd 1px solid;
}

.haschild {
    color: #555;
    font-weight: bold;
}

.child-cell {
    display: block;
    padding-left: 10px;
}

.parent-cell {
    color: #000;
    font-weight: bold;
}

.child {
    padding-left: 30px;
}

.enable-disabled, .enable-True, .enable-False {
    display: inline-block;
    height: 16px;
    width: 16px;
    text-indent: -9999px;
}

.enable-True {
    background: url("images/admin/tick.png") no-repeat;
}

.enable-False {
    background: url("images/admin/publish_x.png") no-repeat;
}

.enable-disabled {
    background: url("images/admin/disabled.png") no-repeat;
}

.txt-order {
    text-align: center;
}

.check-list {
    border: 1px solid #EEE;
    background-color: #FBFBFB;
    padding: 10px;
}

    .check-list td {
        width: 19%;
        vertical-align: top;
        font-size: 11px;
    }

.small-text {
    font-size: 11px;
}

.gray-text {
    color: #666;
}

.options {
    overflow: hidden;
    padding: 3px;
    font-size: 11px;
    background-color: #FBFBFB;
}

.form-container {
    padding: 10px;
    border: 1px solid #DDD;
}

.category-header {
    border-bottom: 1px solid #111;
    margin: 5px 0;
    padding: 5px;
    background: #ccc;
    color: #111;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.category-head {
    font-size: 12px;
    padding: 3px 0;
    float: left;
    width: 100%;
    clear: both;
    margin-top: 5px;
    color: #cc0000;
}

.album-pic-container {
    border: 2px dashed #BBB;
    overflow: hidden;
    padding: 5px;
    min-width: 650px;
    min-height: 300px;
    margin-right: 10px;
}

    .album-pic-container .album-pics {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .album-pic-container .album-pics li {
            position: relative;
            cursor: pointer;
            float: left;
            overflow: hidden;
            margin: 2px;
        }

        .album-pic-container .album-pics img {
            margin: 1px;
            min-height: 80px;
        }

/*.album-pic-container .album-pics li input
        {
            display: none;
            position: absolute;
            top: 30px;
            left: 30%;
        }

        .album-pic-container .album-pics li:hover input
        {
            display: block;
        }*/

.checklist ul {
    margin: 0;
    padding-left: 20px;
}

.checklist .child-checklist {
    overflow: hidden;
}

.clear {
    clear: both;
}

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

.rating-list li, .rating-info-list li {
    float: left;
    padding: 10px 2px;
}

/*dish styles*/
.dish-type {
    overflow: hidden;
}

.dish-type-header {
    border: 1px solid #DDD;
    background-color: #FBFBFB;
    overflow: hidden;
}

.dish-wrapper {
    margin-top: 5px;
}

.dish-type-header h3 {
    float: left;
    width: 750px;
    padding-top: 5px;
    padding-left: 5px;
}

.dish-wrapper ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.dish-type-tool {
    float: left;
    display: block;
    border: 1px solid #999;
    padding: 3px 8px;
    margin: 3px;
    background-color: #333;
    color: white;
    cursor: pointer;
    text-decoration: none;
}

    .dish-type-tool.remove, .dish-type-tool.toggle {
        display: none;
        float: right;
    }

.dish-type:hover .dish-type-tool.remove, .dish-type:hover .dish-type-tool.toggle {
    display: block;
}

.dish-item {
    overflow: hidden;
    position: relative;
    min-height: 110px;
}

.grid-list .col {
    padding: 5px;
    display: block;
    float: left;
}

.grid-list .grid-row:nth-child(odd) {
    background-color: #FDFDFD;
    border-bottom: #DDD 1px solid;
}

.grid-list .grid-row:nth-child(even) {
    background-color: #FBFBFB;
    border-bottom: #DDD 1px solid;
}

.dish-order {
    width: 30px;
    text-align: center;
    position: absolute;
    top: 5px;
    left: 5px;
}

.dish-name {
    width: 145px;
    position: absolute;
    top: 5px;
    left: 130px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}

.dish-name-en {
    display: block;
     text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
     width: 145px;
}

.dish-picture {
    width: 80px;
    position: absolute;
    top: 5px;
    left: 40px;
}

    .dish-picture a img {
        width: 80px;
        height: 90px;
    }

.dish-price {
    width: auto;
    position: absolute;
    top: 35px;
    left: 130px;
}
.status-active{
     width: auto;
    position: absolute;
    top: 50px;
    left: 140px;
}
.status-featured
{
    width: auto;
    position: absolute;
    top: 50px;
    left: 160px;
}
.dish-tool {
     width: auto;
    position: absolute;
    top: 75px;
    left: 130px;
}

.dish-form-container {
    padding-left: 275px;
    border: 1px solid #DDD;
    background-color: #E5E5E5;
}
/*=======================Album style-*/
.files li {
    float: left;
    position: relative;
    margin: 10px;
}

.template-download, .template-upload {
    height: 210px;
    overflow: hidden;
    width: 142px;
}

.preview {
    border: #DDD 1px solid;
    width: 140px;
    height: 142px;
    background: #F8F8F8;
    display: table-cell;
    vertical-align: middle;
}

.template-download .preview img, .template-upload .preview img {
    max-height: 140px;
    max-width: 140px;
    margin: 0 auto;
}

.fieldset, img {
    border: 0;
}


.picture-bar {
    position: relative;
    padding: 4px;
    background: #F2F2F2;
    border-bottom: #DDD 1px solid;
    border-left: #DDD 1px solid;
    border-right: #DDD 1px solid;
    overflow: hidden;
}

.btn-switch-type {
    border: none;
    width: 16px;
    height: 16px;
    display: inline-block;
    padding: 0px 5px;
    font-size: 11px;
    line-height: 18px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    cursor: pointer;
    margin-left: 0;
    float: left;
    display: block;
    margin-right: 6px;
    border: 0;
}

.btn-dish {
    background: url(images/upload-images-icon.png) 0 -34px no-repeat !important;
}

.btn-space {
    background: url(images/upload-images-icon.png) 0 0 no-repeat !important;
}

.btn-other {
    background: url(images//upload-images-icon.png) 0 -68px no-repeat !important;
}

.btn-menu {
    background: url(images/upload-images-icon.png) 0 -102px no-repeat !important;
}

.btn-switch-type:hover {
    color: #333;
    text-decoration: none;
    background-color: #E6E6E6;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.btn-space:hover, .btn-space.current {
    background: url(images/upload-images-icon.png) 0 -17px no-repeat !important;
}

.btn-menu:hover, .btn-menu.current {
    background: url(images/upload-images-icon.png) 0 -118px no-repeat !important;
}

.btn-other:hover, .btn-other.current {
    background: url(images/upload-images-icon.png) 0 -85px no-repeat !important;
}

.btn-dish:hover, .btn-dish.current {
    background: url(images/upload-images-icon.png) 0 -51px no-repeat !important;
}

#resTierList {
    border: 1px solid #DDD;
    padding: 5px;
    display: none;
    position: absolute;
    z-index: 9999;
    overflow: hidden;
    background-color: #FBFBFB;
    height: 90px;
    width: 70px;
}

    #resTierList ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        #resTierList ul li a {
            display: block;
            padding: 4px 10px;
        }

            #resTierList ul li a:hover {
                background-color: #F0F0F0;
            }

.uploadImage {
    border-radius: 3px !important;
    font-size: 14px !important;
}

.search-loading {
    background: #ddd url(/images/icons/loading.gif) no-repeat 10px 15px;
    padding-left: 20px;
    width: 10%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    top: 48%;
    left: 48%;
    color: #111;
    font-size: 20px;
    z-index: 1000;
    width: 150px;
}
  a.btn, a.button {
            display: inline-block;
        }

            a.btn.red {
                background: #AA0000;
            }

            a.btn.green {
                background: #00AA00;
            }
            a.btn.blue {
                background: #339fff;
            }
            a.btn.gray {
                background: #737373;
            }

        .tool-filter .filter-ckb label {
            font-size: 1.2em;
            font-weight: bold;
            color: green;
            cursor: pointer;
        }

   .adminInput {
            width: 100%;
            box-sizing: border-box;
        }

        a.btn, a.button {
            display: inline-block;
        }

            a.btn.red {
                background: #AA0000;
            }

        .btn-active {
            cursor: pointer;
        }

        .table-list .input-order, .table-list .input-des {
            width: 100%;
            font-size: 1.3em !important;
            box-sizing: border-box;
        }

      

        .uploadify, .adminInput.upload-input {
            float: left;
            box-sizing: border-box;
        }

        .uploadify {
            width: 75px !important;
            float: right;
            display: block;
            margin: 0 !important;
            padding: 0 !important;
        }

        .adminInput.upload-input {
            width: 80%;
        }

        .uploadify .uploadify-button {
            width: 100% !important;
            height: 23px !important;
            line-height: 1.6em !important;
        }

        .uploadify-queue {
            float: right;
            min-height: 10px;
            min-width: 10px;
            margin: 0 5px;
        }

        .uploadify-queue-item {
            margin: 0;
            padding: 1px;
        }

            .uploadify-queue-item span {
                display: block;
                float: left;
                padding: 4px;
            }

            .uploadify-queue-item .cancel {
                display: none;
            }

        .uploadify-progress {
            clear: both;
        }

.btn-big {
            padding: 5px 10px;
            font-size: 1.1em;
            display: block;
            margin: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            font-weight: bold;
            cursor: pointer;
            background-color: #333;
            color: #fff;
            border: none;
            text-decoration: none;
            text-align: center;
        }

            .btn-big:hover {
                background: #717171;
                color: #000;
                text-decoration: none;
            }
            .btn-big.green {
                background: green;
            }
             .btn-big.blue {
                background: #000097;
            }
            .btn-big.orange {
                background: orange;
            }
            .btn-big.cornflowerblue {
                background: cornflowerblue;
            }
        .tbl-small {
            font-size: 1.3em;
        }

            .tbl-small .tbl-row {
                clear: both;
            }

            .tbl-small .tbl-cell-left {
                width: 70%;
                float: left;
                text-align: left;
                padding: 7px 0;
            }

            .tbl-small .tbl-cell-right {
                width: 30%;
                float: right;
                text-align: center;
                padding: 7px 0;
            }

        .tbl-small-50 .tbl-cell-left {
            width: 40%;
        }

        .tbl-small-50 .tbl-cell-right {
            width: 60%;
            text-align: left;
        }