﻿.seperate {
    margin-top: 20px;
}

a[href^="http://html5box.com/html5gallery/watermark.php"] {
    display: none;
}

a[href^="http://amazingaudioplayer.com"] {
    display: none;
}

/*Thư viện hình ảnh mẫu MacDinh*/

.list_media ul li {
    background-color: #a7e0f4;
    /*width: 220px;
    height:200px;*/
    float: left;
    margin: 5px;
}

.list_media .bordervideo {
    border: 3px solid #fff;
    margin: 15px;
}

    .list_media .bordervideo a {
        display: block;
    }

    .list_media .bordervideo .crop_img {
        /*width: 184px;
    height: 125px;
    overflow: hidden;*/
        display: inline-block;
        position: relative;
        vertical-align: middle;
    }


.list_media {
    text-align: center;
}

    .list_media ul {
        margin-left: 0;
        display: inline-block;
        list-style: none;
    }

    .list_media .borderimg {
        background: url("Images/borderimg.png") no-repeat center 0;
        /*height:143px;
    margin:10px;*/
    }

        .list_media .borderimg a {
            display: block;
        }

        .list_media .borderimg .crop_img {
            /* width: 188px;
    height: 125px;
    overflow: hidden;
    display: inline-block;    
    position: relative;
    top:9px;
    vertical-align: middle;*/
        }

    .list_media img.resizecrop {
        display: block;
        /*width: 188px;*/
        left: 0px;
        position: relative;
    }

    .list_media ul li {
        background-color: #a7e0f4;
        /*width: 220px;
    height:200px;*/
        float: left;
        margin: 5px;
    }

    .list_media .info-img {
        text-align: left;
        margin: 0 15px;
        color: #413737;
        font-family: Arial;
        font-size: 12px;
        font-weight: 600;
        overflow: hidden;
        max-height: 35px;
    }
    /*Anh Binh them*/
    .list_media .mediaicon {
        max-width: 32px;
        max-height: 32px;
    }


/*Thư viện hình ảnh mẫu 1*/
.list_media_m1 ul {
    list-style: none;
    background-color: #e9e9e9;
    display: inline-block;
    padding-bottom: 20px;
    margin-left: 0;
}

    .list_media_m1 ul li {
        float: left;
        margin: 10px 9px;
    }

    .list_media_m1 ul a.xemtiep {
        margin-right: 20px;
        font-size: 10px !important;
        color: #262626;
        font-style: normal;
        float: right;
    }

.list_media_m1 .borderimg {
    border: 2px solid #fff;
}

    .list_media_m1 .borderimg a {
        display: block;
    }

    .list_media_m1 .borderimg .crop_img {
        /*width: 137px;
    height: 90px;
    overflow: hidden;*/
        vertical-align: middle;
        display: inline-block;
        position: relative;
    }

.list_media_m1 .crop_img img {
    height: 100%;
    width: 100%;
}

.list_media_m1 .crop_img p {
    margin-bottom: 0;
    bottom: 23px;
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 10px;
}

/*Thư viện hình ảnh mẫu 2*/

.list_media_m2 ul li {
    background-color: #a7e0f4;
    width: 220px;
    height: 200px;
    float: left;
    margin: 5px;
}

.list_media_m2 .bordervideo {
    border: 3px solid #fff;
    margin: 15px;
}

    .list_media_m2 .bordervideo a {
        display: block;
    }

    .list_media_m2 .bordervideo .crop_img {
        width: 184px;
        height: 125px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        vertical-align: middle;
    }


.list_media_m2 {
    text-align: center;
}

    .list_media_m2 ul {
        margin-left: 0;
        display: inline-block;
        list-style: none;
    }

    .list_media_m2 .borderimg {
        background: url("Images/borderimg.png") no-repeat center 0;
        height: 143px;
        margin: 10px;
    }

        .list_media_m2 .borderimg a {
            display: block;
        }

        .list_media_m2 .borderimg .crop_img {
            /*width: 188px;
            height: 125px;
            overflow: hidden;*/
            display: inline-block;
            position: relative;
            top: 9px;
            vertical-align: middle;
        }

    .list_media_m2 img.resizecrop {
        display: block;
        width: 188px;
        left: 0px;
        position: relative;
    }

    .list_media_m2 ul li {
        background-color: #a7e0f4;
        width: 220px;
        height: 200px;
        float: left;
        margin: 5px;
    }

    .list_media_m2 .info-img {
        text-align: left;
        margin: 0 15px;
        color: #413737;
        font-family: Arial;
        font-size: 12px;
        font-weight: 600;
        overflow: hidden;
        max-height: 35px;
    }

    .list_media_m2 .mediaicon {
        max-width: 32px;
        max-height: 32px;
    }

/*Thư viện hình ảnh mẫu 3*/

.list_media_m3 ul li {
    background-color: #a7e0f4;
    width: 220px;
    height: 200px;
    float: left;
    margin: 5px;
}

.list_media_m3 .bordervideo {
    border: 3px solid #fff;
    margin: 15px;
}

    .list_media_m3 .bordervideo a {
        display: block;
    }

    .list_media_m3 .bordervideo .crop_img {
        width: 184px;
        height: 125px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        vertical-align: middle;
    }


.list_media_m3 {
    text-align: center;
}

    .list_media_m3 ul {
        margin-left: 0;
        display: inline-block;
        list-style: none;
    }

    .list_media_m3 .borderimg {
        background: url("Images/borderimg.png") no-repeat center 0;
        height: 143px;
        margin: 10px;
    }

        .list_media_m3 .borderimg a {
            display: block;
        }

        .list_media_m3 .borderimg .crop_img {
            width: 188px;
            height: 125px;
            overflow: hidden;
            display: inline-block;
            position: relative;
            top: 9px;
            vertical-align: middle;
        }

    .list_media_m3 img.resizecrop {
        display: block;
        width: 188px;
        left: 0px;
        position: relative;
    }

.list_media_m2 ul li {
    background-color: #a7e0f4;
    width: 220px;
    height: 200px;
    float: left;
    margin: 5px;
}

.list_media_m3 .info-img {
    text-align: left;
    margin: 0 15px;
    color: #413737;
    font-family: Arial;
    font-size: 12px;
    font-weight: 600;
    overflow: hidden;
    max-height: 35px;
}

.list_media_m3 .mediaicon {
    max-width: 32px;
    max-height: 32px;
}

/*Slider*/
.list_media_slide {
    text-align: center;
}

    .list_media_slide ul {
        list-style: none;
    }

        .list_media_slide ul li {
            float: left;
        }

.borderslide {
    border: 3px solid #fff;
}

.pagerArea {
    vertical-align: middle;
    margin-top: 10px;
}

.odd {
    background-color: #eee;
}

.even {
    background-color: white;
}

.pull-left {
    float: left;
}

.funcList {
    background-color: #b5b9c1;
    text-align: center;
    color: black;
}

    .funcList a:link, a:visited, a:active {
        color: black;
    }

    .funcList li {
        margin-right: 20px;
    }

.page_normal {
}

.page_enabled, .page_disabled {
    display: inline-block;
    height: 20px;
    min-width: 20px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #ccc;
    padding: 2px 5px 2px 5px;
}

.page_enabled {
    background-color: #eee;
    color: #000;
}

.page_disabled {
    background-color: #ccc;
    color: #fff !important;
}


.dnnFormItem.dnnFormHelp p.dnnFormRequired span {
    border-left: 5px solid #FF0000;
    padding-left: 0.5em;
}

.dnnForm input.dnnFormRequired, .dnnForm textarea.dnnFormRequired, .dnnForm select.dnnFormRequired {
    border-left: 5px solid #FF0000;
}

.dnnFormItem span.dnnFormMessage.dnnFormError {
    left: 55%;
    position: absolute;
    /*top: 10px;*/
    z-index: 9999;
}

.table td span.dnnFormMessage.dnnFormError {
    left: 55%;
    position: absolute;
    /*top: 10px;*/
    z-index: 9999;
}

.table td, th {
    padding: 0px 5px 5px 5px;
    vertical-align: top;
}

.MultiFile-label {
    clear: both;
    display: block;
    text-align: left;
}

.SettingLabel {
    width: 25%;
    vertical-align: top;
}

.SettingContent {
    width: 75%;
    vertical-align: top;
}

#FilterMediaCategoriesResult {
    width: 100%;
}

.numericalOrder {
    width: 5%;
    vertical-align: central;
    text-align: center;
}

.even .numericalOrder {
    width: 5%;
    vertical-align: central;
    text-align: center;
}

.odd .numericalOrder {
    width: 5%;
    vertical-align: central;
    text-align: center;
}

.categoryName {
    width: 40%;
    vertical-align: central;
    text-align: left;
}

.parentCategory {
    width: 30%;
    vertical-align: central;
    text-align: left;
}

.categoryStatus {
    width: 10%;
    vertical-align: central;
    text-align: center;
}

.editCategory {
    width: 5%;
    vertical-align: central;
    text-align: center;
}

.deleteCategory {
    width: 5%;
    vertical-align: central;
    text-align: center;
}

.selectCategory {
    width: 5%;
    vertical-align: central;
    text-align: center;
}

.libraryName {
    width: 40%;
    vertical-align: central;
    text-align: left;
}

.category {
    width: 30%;
    vertical-align: central;
    text-align: left;
}

img.libraryAvatar {
    width: 60px;
}

.nodata {
    color: red;
}

.avatar {
    max-width: 120px;
    max-height: 120px;
}

.mediaNumericalOrder {
    width: 5%;
    vertical-align: central;
    text-align: center;
}

.mediaAvatar {
    width: 10%;
    vertical-align: central;
    text-align: center;
}

.mediaFileName {
    width: 15%;
    vertical-align: central;
    text-align: left;
}

.mediaTitle {
    width: 15%;
    vertical-align: central;
    text-align: left;
}

.mediaDiscription {
    width: 20%;
    vertical-align: central;
    text-align: left;
}

.mediaAuthor {
    width: 15%;
    vertical-align: central;
    text-align: left;
}

.mediaDisplayOrder {
    width: 5%;
    vertical-align: central;
    text-align: center;
}

.mediaEdit {
    width: 5%;
    vertical-align: central;
    text-align: center;
}

.mediaDelete {
    width: 5%;
    vertical-align: central;
    text-align: center;
}

.mediaSelect {
    width: 5%;
    vertical-align: central;
    text-align: center;
}

#sync1 .item, #sync1 .item-video {
    background: #0c83e7;
    height: 400px;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

#sync2 .item {
    background: #C9C9C9;
    padding: 10px 0px;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}

    #sync2 .item h1 {
        font-size: 18px;
    }

#sync2 .synced .item {
    background: #0c83e7;
}
