/* Docking Zone properties */

/* Zone ควบคุม สีพื้นและ Border*/
.RadDockZone_NCC
{
    background: #e2e2e2;/*red*/
    border-width: 0px;
    border-color: #c4c4c4;
    border-style: solid;
}

/* Zone ควบคุม Padding*/
* > .RadDockZone_NCC.rdVertical /* hidden from IE6 */
{
    padding: 0px 0px 0px 0px;
}

/* Dock Object properties */

/* wrappers and borders */

.RadDockZone_NCC .rdPlaceHolder
{
    border-color: #666;
}

/* Dock ควบคุม สีพื้นและ Border หลัก*/
.RadDock_NCC
{
    background: #ffffff;
    border: solid 0px #828282;
}

/* Dock ควบคุม สีและ Border บางๆ*/
.RadDock_NCC .rdTopBorder, .RadDock_NCC .rdSideBorders, .RadDock_NCC .rdBottomBorder
{
    border-width: 0px;
    border-color: #ebebeb;
}
.RadDock_NCC .rdSideBorders
{
    border-style: none solid none;
    overflow: visible;
}
.RadDock_NCC .rdTopBorder
{
    border-style: none none none;
}
.RadDock_NCC .rdBottomBorder
{
    border-style: none none solid;
}


/* titlebar and buttons */

.RadDock_NCC .rdTitlebar
{
    top: 0px; /*brd*/
    color: #666;
}

.RadDock_NCC .rdHTitlebar .rdTitlebar
{
    height: 27px;
    background: red;
    padding-left: 13px;
    margin-left: -1px;
    background: url(Dock/TitlebarH.gif) repeat-x !important;
    border-bottom: solid 1px #828282;
}
.raddock_NCC_rtl .rdHTitlebar .rdTitlebar
{
    padding-left: 0;
    padding-right: 13px;
    margin-left: 0;
    margin-right: -1px;
}

.RadDock_NCC.rdCollapsed .rdHTitlebar .rdTitlebar
{
    padding-bottom: 0px; /*brd - title brd*/
}
.RadDock_NCC .rdVTitlebar .rdTitlebar
{
    left: 1px;
    width: 27px;
    background: url(Dock/TitlebarV.gif) repeat-x;
}

.RadDock_NCC .rdTitlebar .rdTitle
{
    font: bold 11px/36px 'ms sans serif' ,sans-serif;
    line-height: 27px;
}

.RadDock_NCC .rdHTitlebar .rdTitle
{
    height: 27px;
    padding-left: 6px;
    margin-right: 1px;
}
.raddock_NCC_rtl .rdHTitlebar .rdTitle
{
    padding-left: 0;
    padding-right: 6px;
    margin-right: 0;
    margin-left: 1px;
}

.raddock_NCC_rtl .rdHTitlebar .rdTitle
{
    padding-left: 0;
    padding-right: 6px;
    margin-right: 0;
    margin-left: 1px;
}

.RadDock_NCC .rdVTitlebar .rdTitle
{
    padding: 13px 0 0 0;
    background: url(Dock/TitlebarVTop.gif) no-repeat;
    line-height: 1.4em;
}

.RadDock_NCC .rdHTitlebar .rdCommands
{
    width: 100px !important;
    height: 100%;
    padding-right: 8px;
    right: -1px;
    margin-top: 4px;
}
.raddock_NCC_rtl .rdHTitlebar .rdCommands
{
    padding-right: 0;
    padding-left: 8px;
    right: auto;
    left: -1px;
}
* html .RadDock_NCC .rdHTitlebar .rdCommands
{
    right: -2px; /* IE 6 */
}
* html .raddock_NCC_rtl .rdHTitlebar .rdCommands
{
    right: auto; /* IE 6 */
    left: -2px; /* IE 6 */
}

.RadDock_NCC .rdHTitlebar .rdCommands a, .RadDock_NCC .rdVTitlebar .rdCommands a
{
    margin: 0;
}

.RadDock_NCC .rdCommands a
{
    height: 22px;
    width: 24px;
}
.RadDock_NCC .rdCollapse
{
    background: url(Dock/Collapse.gif) repeat-x;
}

.RadDock_NCC .rdCollapse:hover, .RadDock_NCC .rdExpand:hover, .RadDock_NCC .rdClose:hover, .RadDock_NCC .rdPin:hover, .RadDock_NCC .rdUnpin:hover, .RadDock_NCC .rdCustom:hover
{
    background-position: 0 -22px;
}

.RadDock_NCC .rdExpand
{
    background: url(Dock/Expand.gif) repeat-x;
}
.RadDock_NCC .rdClose
{
    background: url(Dock/Close.gif) repeat-x;
}
.RadDock_NCC .rdPin
{
    background: url(Dock/Pin.gif) repeat-x;
}
.RadDock_NCC .rdUnpin
{
    background: url(Dock/Unpin.gif) repeat-x;
}

.RadDock_NCC .rdCustom
{
    background: url(Dock/Custom.gif) no-repeat;
}

/* inner content */

.RadDock_NCC .rdContent
{
    top: 0px; /*brd*/
    padding-bottom: 0px; /*brd*/
    font: 11px/1.2 verdana,sans-serif;
}

.RadDock_NCC .rdVTitlebar .rdContent
{
    margin-left: 34px;
}


/* drag grips */

.RadDock_NCC .rdGripTop, .RadDock_NCC .rdGripLeft
{
    background: #666;
}

.RadDock_NCC .rdGripTop
{
    top: 0px; /*brd*/
    height: 3px;
}
.RadDock_NCC .rdGripLeft
{
    left: 1px; /*brd*/
    width: 3px;
}

.RadDock_NCC .rdWGripLeft .rdContent
{
    margin-left: 3px;
}

.RadDock_NCC .rdTopLeft, .RadDock_NCC .rdTopRight, .RadDock_NCC .rdBottomLeft, .RadDock_NCC .rdBottomRight, .RadDock_NCC .rdLeftMiddle, .RadDock_NCC .rdRightMiddle
{
    height: 3px;
    width: 3px;
    line-height: 3px;
    background: #ebebeb;
}

.RadDock_NCC .rdTopCenter, .RadDock_NCC .rdBottomCenter
{
    background: #ebebeb;
    height: 3px;
    line-height: 3px;
}

.RadDock_NCC .rdWrapTable .rdCommands
{
    right: 0 !important;
}

.RadDock_NCC .rdWrapTable .rdSideBorders.rdHTitlebar
{
    border: 0 !important;
}

.rdCommands a
{
    margin: 0 !important;
}