/*Telerik RadGrid Tcp Skin*/
/*Based on the Default Skin */

/*global*/

div.RadGrid_Tcp
{
    /*border:1px solid #828282;     background:#fff;*/
    color: #333;
    height: 100%;
}

div.RadGrid_Tcp, div.RadGrid_Tcp .rgMasterTable, div.RadGrid_Tcp .rgDetailTable, div.RadGrid_Tcp .rgGroupPanel table, div.RadGrid_Tcp .rgCommandRow table, div.RadGrid_Tcp .rgEditForm table, .GridToolTip_Tcp
{
    font: 12px/16px "segoe ui" ,arial,sans-serif;
}

div.RadGrid_Tcp .rgMasterTable, div.RadGrid_Tcp .rgDetailTable
{
    border-collapse: separate;
}

div.RadGrid_Tcp .rgRow, div.RadGrid_Tcp .rgAltRow, div.RadGrid_Tcp .rgHeader, div.RadGrid_Tcp .rgResizeCol, div.RadGrid_Tcp .rgPager, div.RadGrid_Tcp .rgGroupPanel, div.RadGrid_Tcp .rgGroupHeader
{
    cursor: default;
}

div.RadGrid_Tcp .rgRow td, div.RadGrid_Tcp .rgAltRow td, div.RadGrid_Tcp .rgEditRow td, div.RadGrid_Tcp .rgFooter td, div.RadGrid_Tcp .rgFilterRow td, div.RadGrid_Tcp .rgHeader, div.RadGrid_Tcp .rgResizeCol, div.RadGrid_Tcp .rgGroupHeader td
{
    padding-left: 2px;
    padding-right: 2px;
}

div.RadGrid_Tcp .rgAdd, div.RadGrid_Tcp .rgRefresh, div.RadGrid_Tcp .rgEdit, div.RadGrid_Tcp .rgDel, div.RadGrid_Tcp .rgFilter, div.RadGrid_Tcp .rgPagePrev, div.RadGrid_Tcp .rgPageNext, div.RadGrid_Tcp .rgPageFirst, div.RadGrid_Tcp .rgPageLast, div.RadGrid_Tcp .rgExpand, div.RadGrid_Tcp .rgCollapse, div.RadGrid_Tcp .rgSortAsc, div.RadGrid_Tcp .rgSortDesc, div.RadGrid_Tcp .rgUpdate, div.RadGrid_Tcp .rgCancel
{
    width: 16px;
    height: 16px;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-image: url('../../Images/Grid/sprite.gif');
    background-repeat: no-repeat;
    vertical-align: middle;
    font-size: 1px;
    cursor: pointer;
}

div.RadGrid_Tcp .rgGroupItem input, div.RadGrid_Tcp .rgCommandRow img, div.RadGrid_Tcp .rgHeader input, div.RadGrid_Tcp .rgFilterRow img, div.RadGrid_Tcp .rgFilterRow input, div.RadGrid_Tcp .rgPager img
{
    vertical-align: middle;
}

/*header*/

div.RadGrid_Tcp .rgHeaderDiv
{
    background: #FDF7D9;
}
.rgTwoLines .rgHeaderDiv
{
    background-position: 0 -6200px;
}

.rgNoScrollImage .rgHeaderDiv
{
    background-image: none;
}

div.RadGrid_Tcp .rgHeader, div.RadGrid_Tcp th.rgResizeCol
{
    /* header */
    border-style: solid none solid none;
    border-width: 1px 0px 1px 0px;
    border-color: #C8BD88 #000000 #000000 #000000;
    border-collapse: separate;
    padding-top: 2px;
    padding-bottom: 2px;
    background: #F9F0C1;
    text-align: left;
    font-weight: normal;
}

div.RadGrid_Tcp th.rgSorted
{
}

div.RadGrid_Tcp .rgHeader, div.RadGrid_Tcp .rgHeader a
{
    color: #000;
    text-decoration: none;
}

/*rows*/

div.RadGrid_Tcp .rgRow td,
div.RadGrid_Tcp .rgAltRow td,
div.RadGrid_Tcp .rgEditRow td,
div.RadGrid_Tcp .rgFooter td
{
    /*border:0;*/
    border-bottom: 1px solid;
    
    /*http://www.telerik.com/community/forums/aspnet-ajax/grid/setting-rad-grid-row-height.aspx*/
    height:22px; /* required for new telerik controls which set the height of the rows to 28px */
    
    padding-top: 0px;
    padding-bottom: 0px;
}

div.RadGrid_Tcp .rgRow td
{
    border-color: #C8BD88;
}

div.RadGrid_Tcp .rgAltRow
{
}

div.RadGrid_Tcp .rgAltRow td
{
    border-color: #C8BD88;
}

div.RadGrid_Tcp .rgRow .rgSorted
{
}

div.RadGrid_Tcp .rgAltRow .rgSorted
{
}

div.RadGrid_Tcp .rgSelectedRow .rgSorted, div.RadGrid_Tcp .rgActiveRow .rgSorted, div.RadGrid_Tcp .rgHoveredRow .rgSorted, div.RadGrid_Tcp .rgEditRow .rgSorted
{
    background-color: transparent;
}

div.RadGrid_Tcp .rgRow a, div.RadGrid_Tcp .rgAltRow a, div.RadGrid_Tcp .rgEditRow a, div.RadGrid_Tcp .rgFooter a, div.RadGrid_Tcp .rgEditForm a
{
    color: #000;
}

div.RadGrid_Tcp .rgSelectedRow
{
    /* selected row */
    background:#828282 0 -3900px repeat-x url('../../Images/Grid/sprite.gif');
    color:#fff;
}
* + html div.RadGrid_Tcp .rgSelectedRow .rgSorted
{
}
* html div.RadGrid_Tcp .rgSelectedRow .rgSorted
{
}

div.RadGrid_Tcp .rgSelectedRow a
{
    color: #fff;
}

div.RadGrid_Tcp .rgActiveRow, div.RadGrid_Tcp .rgHoveredRow
{
    /* hovered row */
    /*
    color: #947a01;
    background-image: none;
    background-color: #F7E497;
    */
    background:#c5c5c5 0 -2900px repeat-x url('../../Images/Grid/sprite.gif');
    color: #947a01;
}
* + html div.RadGrid_Tcp .rgActiveRow .rgSorted, * + html div.RadGrid_Tcp .rgHoveredRow .rgSorted
{
}
* html div.RadGrid_Tcp .rgActiveRow .rgSorted, * html div.RadGrid_Tcp .rgHoveredRow .rgSorted
{
}

div.RadGrid_Tcp .rgEditRow
{
}
* + html div.RadGrid_Tcp .rgEditRow .rgSorted
{
}
* html div.RadGrid_Tcp .rgEditRow .rgSorted
{
}

div.RadGrid_Tcp .rgActiveRow td, div.RadGrid_Tcp .rgActiveRow td.rgSorted, div.RadGrid_Tcp .rgHoveredRow td, div.RadGrid_Tcp .rgHoveredRow td.rgSorted
{
}

div.RadGrid_Tcp .rgSelectedRow td, div.RadGrid_Tcp .rgSelectedRow td.rgSorted
{
    border-bottom-color: #C8BD88;
}

/*footer*/

div.RadGrid_Tcp .rgFooterDiv, div.RadGrid_Tcp .rgFooter
{
    background: #ccc;
}

div.RadGrid_Tcp .rgFooter td
{
    border-top: 1px solid #828282;
    border-bottom: 1px solid #fff;
}

/*status*/

div.RadGrid_Tcp .rgPager .rgStatus
{
    width: 35px;
    border: 1px solid;
    border-color: #828282 #c9c9c9 #ccc #c9c9c9;
    border-left: 0;
    padding: 3px 0 2px;
}

div.RadGrid_Tcp .rgStatus div
{
    width: 24px;
    height: 24px;
    overflow: hidden;
    border: 0;
    margin: 0 auto;
    padding: 0;
    background: transparent center center no-repeat url('../../Images/Grid/loading.gif');
    text-indent: -2222px;
}

/*pager*/

div.RadGrid_Tcp .rgPager
{
    background: #F9F0C1;
}

div.RadGrid_Tcp .rgPager td
{
    padding: 0;
}

div.RadGrid_Tcp .rgPager .rgPagerCell
{
    padding: 3px 0 0px;
    border-style: solid none solid none;
    border-width: 1px 0px 1px 0px;
    border-color: #C8BD88 #000000 #C8BD88 #000000;
    background-color: #F9F0C1;
}

div.RadGrid_Tcp .rgWrap
{
    float: left;
    padding: 0 10px;
    line-height: 26px;
    white-space: nowrap;
}

div.RadGrid_Tcp .rgArrPart1
{
    padding-right: 0;
    line-height: 22px;
}

div.RadGrid_Tcp .rgArrPart2
{
    padding-left: 0;
    line-height: 22px;
}

div.RadGrid_Tcp .rgInfoPart
{
    float: right;
    color: #8a8a8a;
}

div.RadGrid_Tcp .rgInfoPart strong
{
    font-weight: normal;
    color: #4c4e54;
}

div.RadGrid_Tcp .rgWrap a img
{
    margin: 3px 8px 0;
}

div.RadGrid_Tcp .rgPageFirst, div.RadGrid_Tcp .rgPagePrev, div.RadGrid_Tcp .rgPageNext, div.RadGrid_Tcp .rgPageLast
{
    width: 22px;
    height: 24px;
}

div.RadGrid_Tcp .rgPageFirst
{
    background-position: 0 -549px;
}
div.RadGrid_Tcp .rgPageFirst:hover
{
    background-position: 0 -599px;
}
div.RadGrid_Tcp .rgPagePrev
{
    background-position: 0 -699px;
}
div.RadGrid_Tcp .rgPagePrev:hover
{
    background-position: 0 -749px;
}
div.RadGrid_Tcp .rgPageNext
{
    background-position: 0 -849px;
}
div.RadGrid_Tcp .rgPageNext:hover
{
    background-position: 0 -899px;
}
div.RadGrid_Tcp .rgPageLast
{
    background-position: 0 -999px;
}
div.RadGrid_Tcp .rgPageLast:hover
{
    background-position: 0 -1049px;
}

div.RadGrid_Tcp .rgPagerButton
{
    height: 22px;
    border: 1px solid;
    border-color: #d0d0d0 #aeaeae #8b8b8b;
    margin: 0 14px 0 0;
    padding: 0 4px 2px;
    background: #e8e8e8 repeat-x 0 -1550px url('../../Images/Grid/sprite.gif');
    color: #000;
    font: 12px/12px "segoe ui" ,arial,sans-serif;
    vertical-align: middle;
    cursor: pointer;
}

div.RadGrid_Tcp .rgNumPart
{
    padding: 2px 0;
}

div.RadGrid_Tcp .NumericPages .rgNumPart
{
    padding: 2px 10px;
}

div.RadGrid_Tcp .rgNumPart a:hover, div.RadGrid_Tcp .rgNumPart a:hover span, div.RadGrid_Tcp .rgNumPart a.rgCurrentPage, div.RadGrid_Tcp .rgNumPart a.rgCurrentPage span
{
    background: no-repeat url('../../Images/Grid/sprite.gif');
}

div.RadGrid_Tcp .rgNumPart a
{
    float: left;
    line-height: 22px;
    margin: 0;
    padding: 0 5px 0 0;
    color: #000;
    text-decoration: none;
}

div.RadGrid_Tcp .rgNumPart span
{
    float: left;
    padding: 0 0 0 5px;
}

div.RadGrid_Tcp .rgNumPart a:hover
{
    background-position: 100% -1250px;
}

div.RadGrid_Tcp .rgNumPart a:hover span
{
    background-position: 0 -1150px;
    cursor: pointer;
}

div.RadGrid_Tcp .rgNumPart a.rgCurrentPage, div.RadGrid_Tcp .rgNumPart a.rgCurrentPage:hover
{
    background-position: 100% -1450px;
    cursor: default;
}

div.RadGrid_Tcp .rgNumPart a.rgCurrentPage span, div.RadGrid_Tcp .rgNumPart a.rgCurrentPage:hover span
{
    background-position: 0 -1350px;
    cursor: default;
}

div.RadGrid_Tcp .NextPrevNumericAndAdvanced .rgAdvPart
{
    float: none;
    text-align: center;
}

div.RadGrid_Tcp .rgPager .RadSlider
{
    float: left;
    margin: 2px 10px 0 0;
}

div.RadGrid_Tcp .rgPagerLabel, div.RadGrid_Tcp .rgPager .RadComboBox, div.RadGrid_Tcp .rgPager .RadInput_Tcp
{
    margin: 0 4px 0 0;
    vertical-align: middle;
}

div.RadGrid_Tcp .rgPager .RadComboBox
{
    margin-top: -1px;
}
* + html div.RadGrid_Tcp .rgPager .RadComboBox
{
    margin-top: -2px;
}
* html div.RadGrid_Tcp .rgPager .RadComboBox
{
    margin-top: -2px;
}

div.RadGrid_Tcp .rgPagerTextBox
{
    text-align: center;
}

/*sorting, reordering*/

div.RadGrid_Tcp .rgHeader .rgSortAsc
{
    background-position: 3px -248px;
    height: 10px;
}

div.RadGrid_Tcp .rgHeader .rgSortDesc
{
    background-position: 3px -198px;
    height: 10px;
}

.GridReorderTop_Tcp, .GridReorderBottom_Tcp
{
    width: 9px !important;
    height: 9px !important;
    margin-left: -5px;
    background: 0 0 no-repeat url('../../Images/Grid/sprite.gif');
}

.GridReorderBottom_Tcp
{
    background-position: 0 -50px;
}

/*filtering*/

div.RadGrid_Tcp .rgFilterRow
{
    background: #F9F0C1;
}

div.RadGrid_Tcp .rgFilterRow td
{
    padding-top: 4px;
    padding-bottom: 7px;
    border-bottom: solid 1px #C8BD88;
}

div.RadGrid_Tcp .rgFilter
{
    width: 22px;
    height: 22px;
    margin: 0 0 0 2px;
    background-position: 0 -300px;
}

div.RadGrid_Tcp .rgFilter:hover
{
    background-position: 0 -350px;
}

div.RadGrid_Tcp .rgFilterActive, div.RadGrid_Tcp .rgFilterActive:hover
{
    background-position: 0 -400px;
}

div.RadGrid_Tcp .rgFilterBox
{
    border: 1px solid;
    border-color: #8e8e8e #c9c9c9 #c9c9c9 #8e8e8e;
    padding: 2px 1px 3px;
    font: 12px "segoe ui" ,arial,sans-serif;
    color: #333;
    vertical-align: middle;
}

/*grouping*/

div.RadGrid_Tcp .rgGroupPanel
{
    height: 24px;
    border: 0;
    border-bottom: 1px solid #828282;
    background: #ccc 0 -1900px repeat-x url('../../Images/Grid/sprite.gif');
}

div.RadGrid_Tcp .rgGroupPanel td
{
    border: 0;
    padding: 3px 4px;
}

div.RadGrid_Tcp .rgGroupPanel td td
{
    padding: 0;
}

div.RadGrid_Tcp .rgGroupPanel .rgSortAsc
{
    background-position: 4px -144px;
}

div.RadGrid_Tcp .rgGroupPanel .rgSortDesc
{
    background-position: 4px -94px;
}

div.RadGrid_Tcp .rgGroupItem
{
    border: 1px solid;
    border-color: #c4c4c4 #c4c4c4 #9e9e9e;
    padding: 0 2px 1px 3px;
    background: #c6c6c6 0 -6500px repeat-x url('../../Images/Grid/sprite.gif');
    line-height: 20px;
    font-weight: normal;
    vertical-align: middle;
}

div.RadGrid_Tcp .rgMasterTable td.rgGroupCol, div.RadGrid_Tcp .rgMasterTable td.rgExpandCol
{
    border-color: #FCF2C3;
    background: #FCF2C3 none;
}

div.RadGrid_Tcp .rgGroupHeader
{
    background: #FCF2C3;
    font-size: 1.1em;
    line-height: 21px;
    color: #000;
}

div.RadGrid_Tcp .rgGroupHeader td
{
    border-top: 1px solid #828282;
    border-bottom: 1px solid #d9d9d9;
    padding-top: 0;
    padding-bottom: 0;
}

div.RadGrid_Tcp .rgGroupHeader td.rgGroupCol
{
    border-top-color: #828282;
}

div.RadGrid_Tcp .rgExpand
{
    background-position: 3px -496px;
}

div.RadGrid_Tcp .rgCollapse
{
    background-position: 3px -444px;
}

div.RadGrid_Tcp .rgGroupHeader td p
{
    display: inline;
    margin: 0;
    padding: 0 10px;
}

div.RadGrid_Tcp .rgGroupHeader td div div
{
    top: -0.8em;
    padding: 0 10px;
}

div.RadGrid_Tcp .rgGroupHeader td div div div
{
    top: 0;
    padding: 0;
    border: 0;
}

/*editing*/

div.RadGrid_Tcp .rgEditForm
{
    border-bottom: 1px solid #828282;
}

div.RadGrid_Tcp .rgUpdate
{
    background-position: 0 -1800px;
}

div.RadGrid_Tcp .rgCancel
{
    background-position: 2px -1848px;
}

/*hierarchy*/

div.RadGrid_Tcp .rgDetailTable
{
    border: 1px solid #828282;
    border-right: 0;
}

/*command row*/

div.RadGrid_Tcp .rgCommandRow
{
    background: #c5c5c5 0 -2099px repeat-x url('../../Images/Grid/sprite.gif');
    color: #000;
}

div.RadGrid_Tcp .rgCommandRow td
{
    border: 1px solid;
    border-color: #999 #f2f2f2;
    border-top: 0;
    padding: 0;
}

div.RadGrid_Tcp tfoot .rgCommandRow td
{
    border-top: 1px solid;
    border-bottom: 0;
}

div.RadGrid_Tcp tr.rgCommandRow td td
{
    border: 0;
    padding: 3px 7px 4px;
}

div.RadGrid_Tcp tr.rgCommandRow td td td
{
    padding: 1px;
}

div.RadGrid_Tcp .rgCommandRow table
{
    border: 0;
    border-top: 1px solid #fdfdfd;
    border-bottom: 1px solid #e7e7e7;
}

div.RadGrid_Tcp .rgCommandRow table table
{
    border: 0;
}

div.RadGrid_Tcp .rgCommandRow a
{
    color: #000;
    text-decoration: none;
}

div.RadGrid_Tcp .rgAdd
{
    margin-right: 3px;
    background-position: 0 -1650px;
}

div.RadGrid_Tcp .rgRefresh
{
    margin-right: 3px;
    background-position: 0 -1600px;
}

div.RadGrid_Tcp .rgEdit
{
    background-position: 0 -1700px;
}

div.RadGrid_Tcp .rgDel
{
    background-position: 0 -1750px;
}

/*multirow select*/

.GridRowSelector_Tcp
{
    background: #4c4e54;
}

/*row drag n drop*/

.GridItemDropIndicator_Tcp
{
    border-top: 1px dashed #666;
}

/*tooltip*/

.GridToolTip_Tcp
{
    border: 1px solid #828282;
    padding: 3px;
    background: #fff;
    color: #333;
}

/*rtl*/

div.RadGridRTL_Tcp .rgHeader, div.RadGridRTL_Tcp .rgResizeCol
{
    text-align: right;
}

div.RadGridRTL_Tcp .rgPager .rgStatus
{
    border-right: 0;
    border-left-width: 1px;
}

div.RadGridRTL_Tcp .rgWrap
{
    float: right;
}

div.RadGridRTL_Tcp .rgInfoPart
{
    float: left;
}

div.RadGridRTL_Tcp .rgNumPart
{
    width: 220px;
}

div.RadGridRTL_Tcp .rgNumPart a
{
    float: right;
}