/*

RadTreeView Default skin

* For notes on the CSS class names, please check RadTreeView common skin file *

*/

/* general styles */
.test
{
    background-color: Aqua;
}
.RadTreeView_Default .rtUL .rtUL
{
    padding-left: 100px;
}


.RadTreeView_Default, .RadTreeView_Default a.rtIn, .RadTreeView_Default .rtEdit .rtIn input
{
    font-size: 9pt !important;
    font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans serif !important;
    color: #000;
    line-height: 1.273em !important;
    cursor: pointer !important;
}

.RadTreeView_Default .rtTop, .RadTreeView_Default .rtMid, .RadTreeView_Default .rtBot
{
    font-size: 9pt;
    padding: 0 0 0 20px;
}

.RadTreeView_Default .rtPlus, .RadTreeView_Default .rtMinus
{
    margin: 0px 0px 0 0px;
    width: 50px;
    height: 20px;
    text-align: right;
    color: White;
    text-align:right
}

.RadTreeView_Default .rtPlus
{
    /*background: transparent url(TreeView/TriView.jpg) no-repeat 0 0;*/
}

.RadTreeView_Default .rtMinus
{
    /*background: transparent url(TreeView/TriView.jpg) no-repeat 0 -11px;*/
}

.RadTreeView_Default .rtSp
{
    height: 20px;
}

.RadTreeView_Default .rtChk
{
    margin: 0 2px;
    padding: 0;
    width: 13px;
    height: 13px;
}

.RadTreeView_Default .rtIn
{
    margin: 1px 0;
    padding: 2px 3px 3px;
}

/* endof general styles */

/*Three state checkboxes*/

.RadTreeView_Default .rtIndeterminate
{
    background: transparent url(TreeView/TriState.gif) no-repeat 0 -26px;
}

.RadTreeView_Default .rtChecked
{
    background: transparent url(TreeView/TriState.gif) no-repeat 0 0;
}

.RadTreeView_Default .rtUnchecked
{
    background: transparent url(TreeView/TriState.gif) no-repeat 0 -13px;
}

/* node states */

.RadTreeView_Default .rtHover .rtIn
{
    color: #363636;
    background: #e2e2e2;
    border: 1px solid #e2e2e2;
    padding: 1px 2px 2px;
}

.RadTreeView_Default .rtSelected .rtIn
{
    color: #fff;
    background: #454545 url(TreeView/ItemSelectedBg.gif) repeat-x 0 0;
    background-color: Aqua;
    border: 1px solid #040404;
    padding: 1px 2px 2px;
}

.RadTreeView_Default_disabled .rtIn, .RadTreeView_Default .rtDisabled .rtIn
{
    color: #ccc;
}

.RadTreeView_Default .rtSelected .rtLoadingBelow
{
    color: #000;
}

/* endof node states */


/* in-line editing */

.RadTreeView_Default .rtLI .rtEdit .rtIn
{
    border: 1px solid black;
    padding: 2px 1px 3px;
    height: 1.2em;
    background: #fff;
}

.RadTreeView_Default .rtEdit .rtIn input
{
    height: 1.4em;
    line-height: 1em;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
}

* html div.RadTreeView_Default .rtLI .rtEdit .rtIn
{
    padding-bottom: 1px;
}
* html div.RadTreeView_Default .rtLI .rtEdit .rtIn input
{
    line-height: 1.3em;
}
* + html div.RadTreeView_Default .rtLI .rtEdit .rtIn
{
    padding-bottom: 1px;
}
* + html div.RadTreeView_Default .rtLI .rtEdit .rtIn input
{
    line-height: 1.3em;
}

/* endof in-line editing */


/* drop targets */

.rtDropAbove_Default, .rtDropBelow_Default
{
    border: 1px dotted black;
    font-size: 5px;
    line-height: 5px;
    height: 5px;
}

.rtDropAbove_Default
{
    border-bottom: 0;
}

.rtDropBelow_Default
{
    border-top: 0;
}

/* endof drop targets */


/* node lines */

.RadTreeView_Default .rtLines .rtLI, .RadTreeView_Default .rtLines .rtFirst .rtUL
{
    background: url(TreeView/NodeSpan.gif) repeat-y 0 0;
}
.RadTreeView_Default_rtl .rtLines .rtLI, .RadTreeView_Default_rtl .rtLines .rtFirst .rtUL
{
    background: url(TreeView/NodeSpan_rtl.gif) repeat-y 100% 0;
}

.RadTreeView_Default .rtLines .rtFirst
{
    background: url(TreeView/FirstNodeSpan.gif) no-repeat 0 1.273em;
}

.RadTreeView_Default_rtl .rtLines .rtFirst
{
    background: url(TreeView/FirstNodeSpan_rtl.gif) no-repeat 100% 1.273em;
}

.RadTreeView_Default .rtLines .rtFirst .rtUL
{
    background: url(TreeView/FirstNodeSpan.gif) repeat-y 0 1.273em;
}

.RadTreeView_Default_rtl .rtLines .rtFirst .rtUL
{
    background: url(TreeView/FirstNodeSpan_rtl.gif) repeat-y 100% 1.273em;
}

.RadTreeView_Default .rtLines .rtLast, .RadTreeView_Default .rtLines .rtLast .rtUL
{
    background: none;
}

.RadTreeView_Default .rtLines .rtTop
{
    background: url(TreeView/TopLine.gif) 0 0 no-repeat;
}
.RadTreeView_Default_rtl .rtLines .rtTop
{
    background: url(TreeView/TopLine_rtl.gif) 100% 0 no-repeat;
}

.RadTreeView_Default .rtLines .rtLast .rtTop
{
    background: url(TreeView/SingleLine.gif) 0 0 no-repeat;
}

.RadTreeView_Default_rtl .rtLines .rtLast .rtTop
{
    background: url(TreeView/SingleLine_rtl.gif) 100% 0 no-repeat;
}

.RadTreeView_Default .rtLines .rtMid
{
    background: url(TreeView/MiddleLine.gif) 0 0 no-repeat;
}
.RadTreeView_Default_rtl .rtLines .rtMid
{
    background: url(TreeView/MiddleLine_rtl.gif) 100% 0 no-repeat;
}

.RadTreeView_Default .rtLines .rtBot
{
    background: url(TreeView/BottomLine.gif) 0 0 no-repeat;
}
.RadTreeView_Default_rtl .rtLines .rtBot
{
    background: url(TreeView/BottomLine_rtl.gif) 100% 0 no-repeat;
}

/* endof node lines */


/* rtl-specific styles */

/* firefox 2.0 */

.RadTreeView_Default_rtl .rtPlus, .RadTreeView_Default_rtl .rtMinus, x:-moz-any-link
{
    margin-right: -11px;
    right: -15px;
}

/* firefox 3.0 */

.RadTreeView_Default_rtl .rtPlus, .RadTreeView_Default_rtl .rtMinus, x:-moz-any-link, x:default
{
    margin-right: 0;
    right: -18px;
}

/* ie 6 */

* html .RadTreeView_Default_rtl .rtPlus, * html .RadTreeView_Default_rtl .rtMinus
{
    margin-right: -18px;
    right: 0;
}

/* ie 7 */

* + html .RadTreeView_Default_rtl .rtPlus, * + html .RadTreeView_Default_rtl .rtMinus
{
    margin-right: -18px;
    right: 0;
}

.RadTreeView_Default_rtl .rtTop, .RadTreeView_Default_rtl .rtMid, .RadTreeView_Default_rtl .rtBot
{
    padding: 0 20px 2px 0;
    margin: 0;
}

/* endof rtl-specific styles */

/* hacks for Opera & Safari */

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
    /* fixes for opera (changes the paddings/margins automatically in rtl mode) */

    :root div.RadTreeView_Default_rtl .rtLI .rtPlus, :root div.RadTreeView_Default_rtl .rtLI .rtMinus, :root div.RadTreeView_Default_rtl .rtFirst .rtLI .rtPlus, :root div.RadTreeView_Default_rtl .rtFirst .rtLI .rtMinus
    {
        margin: 4px 6px 0 -18px;
        right: 0;
    }
}

@media screen and (min-width:50px)
{
    /* fix for safari bug (inline-block positioned elements in rtl mode get no width) */
    :root div.RadTreeView_Default_rtl .rtLI .rtPlus, :root div.RadTreeView_Default_rtl .rtLI .rtMinus
    {
        right: 0;
        margin-right: -18px;
        margin-left: 7px;
    }
}

/* endof hacks */

.RadTreeView_Default_designtime .rtPlus, .RadTreeView_Default_designtime .rtMinus
{
    left: 3px;
    top: 4px;
}