.TreeListToolTip_Metro {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

.RadTreeList_Metro {
    border-color: #cac7c7;
    background: #eae9e9;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

    .RadTreeList_Metro .rtlTable a {
        color: #18700a
    }

    .RadTreeList_Metro .rtlTable td {
        vertical-align: middle
    }

    .RadTreeList_Metro .rtlHeader {
        background-color: #e0dfdf
    }

        .RadTreeList_Metro .rtlHeader th, .RadTreeList_Metro .rtlREdit td, .RadTreeList_Metro .rtlR td, .RadTreeList_Metro .rtlA td {
            padding-left: 15px;
            padding-right: 15px
        }

        .RadTreeList_Metro .rtlHeader a {
            color: #333
        }

        .RadTreeList_Metro div.rtlHeader, .RadTreeList_Metro .rtlScroller, .RadTreeList_Metro .rtlHeader th {
            border-color: #cac7c7
        }

    .RadTreeList_Metro .rtlR, .RadTreeList_Metro .rtlA, .RadTreeList_Metro .rtlREdit, .RadTreeList_Metro .rtlRFooter, .RadTreeList_Metro tr.rtlHeader {
        height: 40px;
        height: calc(1.4285714286em + 20px)
    }

    .RadTreeList_Metro .rtlA {
        background-color: #e4e2e2
    }

    .RadTreeList_Metro .rtlRFooter {
        background-color: #e0dfdf
    }

        .RadTreeList_Metro .rtlRFooter td {
            border-color: #cac7c7
        }

    .RadTreeList_Metro .rtlREdit {
        background-color: #0988bf
    }

        .RadTreeList_Metro .rtlR td, .RadTreeList_Metro .rtlA td, .RadTreeList_Metro .rtlREdit td, .RadTreeList_Metro .rtlEditForm {
            border-color: #cac7c7
        }

    .RadTreeList_Metro .rtlRSel {
        background: #07658e;
        color: #fff
    }

        .RadTreeList_Metro .rtlRSel .rtlActionButton:hover .rtlIcon {
            color: #090909
        }

        .RadTreeList_Metro .rtlRSel a {
            color: #fff
        }

    .RadTreeList_Metro .rtlRSel {
        background-color: #07658e
    }

    .RadTreeList_Metro .rtlRActive .rtlCF {
        box-shadow: inset 0px 5px 5px -5px #05425d,inset 0px -5px 5px -5px #05425d,inset 5px 0px 5px -5px #05425d
    }

        .RadTreeList_Metro .rtlRActive .rtlCF ~ td {
            box-shadow: inset 0px 5px 5px -5px #05425d,inset 0px -5px 5px -5px #05425d
        }

            .RadTreeList_Metro .rtlRActive .rtlCF ~ td:last-child {
                box-shadow: inset 0px 5px 5px -5px #05425d,inset 0px -5px 5px -5px #05425d,inset -5px 0px 5px -5px #05425d
            }

    .RadTreeList_Metro .rtlRActive td {
        border-color: #05425d
    }

    .RadTreeList_Metro .rtlVBorders td.rtlL, .RadTreeList_Metro .rtlLines td.rtlL {
        background-color: #eae9e9
    }

    .RadTreeList_Metro .rtlActionButton {
        box-sizing: content-box;
        border: 1px solid transparent;
        padding: 6px
    }

        .RadTreeList_Metro .rtlActionButton:hover {
            border: 1px solid #608190;
            border-radius: .3em;
            background: #ed7b21
        }

    .RadTreeList_Metro .rtlIcon {
        color: #090909
    }

    .RadTreeList_Metro .rtlExpand, .RadTreeList_Metro .rtlCollapse {
        border: 0 none
    }

        .RadTreeList_Metro .rtlExpand:hover, .RadTreeList_Metro .rtlCollapse:hover {
            border: 0 none;
            background: none
        }

    .RadTreeList_Metro .rtlCollapseIcon {
        color: #18700a
    }

    .RadTreeList_Metro .rtlPagerCell {
        color: #333;
        background: #e0dfdf;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        border-color: #cac7c7
    }

        .RadTreeList_Metro .rtlPagerCell .rtlNumPart a, .RadTreeList_Metro .rtlPagerCell .rtlPagerButton, .RadTreeList_Metro .rtlPagerCell .rtlActionButton {
            border-width: 1px;
            border-style: solid;
            box-sizing: content-box;
            border-color: #608190;
            color: #090909;
            background-color: #9ab1bc;
            padding-top: 6px;
            padding-bottom: 6px
        }

            .RadTreeList_Metro .rtlPagerCell .rtlNumPart a:hover, .RadTreeList_Metro .rtlPagerCell .rtlPagerButton:hover, .RadTreeList_Metro .rtlPagerCell .rtlActionButton:hover {
                border-color: #47606b;
                color: #090909;
                background-color: #ee7d2c;
            }

        .RadTreeList_Metro .rtlPagerCell .rtlNumPart a, .RadTreeList_Metro .rtlPagerCell .rtlActionButton {
            margin: 0;
            width: 1.42857em;
            border-left-width: 0
        }

        .RadTreeList_Metro .rtlPagerCell .rtlNumPart a {
            border-radius: 0;
            text-align: center
        }

            .RadTreeList_Metro .rtlPagerCell .rtlNumPart a.rtlCurrentPage {
                border-color: #135908;
                color: #fff;
                background-color: #18700a
            }

        .RadTreeList_Metro .rtlPagerCell .rtlPageFirst {
            border-left-width: 1px;
            border-radius: .2857142857em 0 0 .2857142857em
        }

        .RadTreeList_Metro .rtlPagerCell .rtlPageLast {
            border-radius: 0 .2857142857em .2857142857em 0
        }

        .RadTreeList_Metro .rtlPagerCell .NumericPages .rtlNumPart a:first-child {
            border-left-width: 1px;
            border-radius: .2857142857em 0 0 .2857142857em
        }

        .RadTreeList_Metro .rtlPagerCell .NumericPages .rtlNumPart a:last-child {
            border-radius: 0 .2857142857em .2857142857em 0
        }

        .RadTreeList_Metro .rtlPagerCell .rtlActionButton {
            box-sizing: content-box
        }

        .RadTreeList_Metro .rtlPagerCell .rtlPagerButton {
            border-radius: .2857142857em
        }

    .RadTreeList_Metro .rtlCommandCell {
        border-color: #cac7c7;
        color: #333;
        background-color: #e0dfdf
    }

        .RadTreeList_Metro .rtlCommandCell .rtlActionButton:hover {
            border-color: #47606b;
            color: #090909;
            background-color: #fa862b
        }

        .RadTreeList_Metro .rtlCommandCell .rtlActionButton:active {
            border-color: #47606b;
            color: #090909;
            background-color: #7b99a8
        }

    .RadTreeList_Metro .rtlFooter .rtlCommandCell, .RadTreeList_Metro tfoot .rtlCommandCell {
        color: #333;
        background-color: #e0dfdf;
        background-image: linear-gradient()
    }

    .RadTreeList_Metro .rtlREdit td > [type="text"], .RadTreeList_Metro .rtlEditForm td > [type="text"] {
        padding-top: 0;
        padding-bottom: 0;
        height: 32px;
        border: 1px solid #608190;
        border-radius: .3em
    }

    .RadTreeList_Metro .rtlEditForm {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        border: 1px solid #cac7c7
    }

        .RadTreeList_Metro .rtlEditForm td > label {
            display: inline-block;
            padding: 0 10px 10px 0
        }

        .RadTreeList_Metro .rtlEditForm table {
            margin: .5em
        }

        .RadTreeList_Metro .rtlEditForm .rtlHeader {
            padding: .64em .5em
        }

.TreeListReorderTop_Metro, .TreeListReorderBottom_Metro {
    color: #000;
    text-shadow: 0 0 1px #fff;
    text-indent: 2px
}

.RadTreeList_Metro .rtlDragHandle {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Metro.Grid.rgDrag.gif")%>')
}

.TreeListToolTip_Metro {
    border-color: #828282;
    background: #eae9e9;
    color: #333
}