/*RadGrid TrungNN Skin*/

/*ver: 2010 */

.RadGrid_TrungNN
{
    border:1px solid #3366cc; /* #688caf*/
    background:#fff;
    color:#333;
}

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

.RadGrid_TrungNN .rgHeader:first-child,
.RadGrid_TrungNN th.rgResizeCol:first-child,
.RadGrid_TrungNN .rgFilterRow>td:first-child,
.RadGrid_TrungNN .rgRow>td:first-child,
.RadGrid_TrungNN .rgAltRow>td:first-child
{
	border-left-width:0;
	padding-left:8px;
}

.RadGrid_TrungNN .rgAdd,
.RadGrid_TrungNN .rgRefresh,
.RadGrid_TrungNN .rgEdit,
.RadGrid_TrungNN .rgDel,
.RadGrid_TrungNN .rgFilter,
.RadGrid_TrungNN .rgPagePrev,
.RadGrid_TrungNN .rgPageNext,
.RadGrid_TrungNN .rgPageFirst,
.RadGrid_TrungNN .rgPageLast,
.RadGrid_TrungNN .rgExpand,
.RadGrid_TrungNN .rgCollapse,
.RadGrid_TrungNN .rgSortAsc,
.RadGrid_TrungNN .rgSortDesc,
.RadGrid_TrungNN .rgUpdate,
.RadGrid_TrungNN .rgCancel,
.RadGrid_TrungNN .rgUngroup,
.RadGrid_TrungNN .rgExpXLS,
.RadGrid_TrungNN .rgExpDOC,
.RadGrid_TrungNN .rgExpPDF,
.RadGrid_TrungNN .rgExpCSV
{
	background-image:url('../Img/Grid2010/sprite.gif');
}

/*header*/

.RadGrid_TrungNN .rgHeaderDiv
{
	background:#3366cc 0 -8050px repeat-x url('../Img/Grid2010/sprite.gif'); /* d6e5f3*/
}
.rgTwoLines .rgHeaderDiv
{
	background-position:0 -7550px;
}

.RadGrid_TrungNN .rgHeader,
.RadGrid_TrungNN th.rgResizeCol
{
	border:solid #5d8cc9; /* 5d8cc9*/
	border-width:0 0 1px 1px;
	background:0 -2300px repeat-x #c3d8f1 url('../Img/Grid2010/sprite.gif');
}

.RadGrid_TrungNN th.rgSorted
{
	border-bottom-color:#ff9b35;
	background-color:#ffca5e;
	background-position:0 -2600px;
}

.RadGrid_TrungNN .rgHeader,
.RadGrid_TrungNN .rgHeader a
{
    color:#00156e;
}

.RadGrid_TrungNN th.rgSorted,
.RadGrid_TrungNN th.rgSorted a
{
    color:#000;
}

/*rows*/

.RadGrid_TrungNN .rgRow td,
.RadGrid_TrungNN .rgAltRow td,
.RadGrid_TrungNN .rgEditRow td,
.RadGrid_TrungNN .rgFooter td
{
	border-style:solid;
	border-width:0 0 1px 1px;
}

.RadGrid_TrungNN .rgRow td,
.RadGrid_TrungNN .rgAltRow td
{
	border-color:#3366cc; /* d0d7e5*/
}

.RadGrid_TrungNN .rgRow .rgSorted,
.RadGrid_TrungNN .rgAltRow .rgSorted
{
	background-color:#f2f2f2;
}

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

.RadGrid_TrungNN .rgRow a,
.RadGrid_TrungNN .rgAltRow a,
.RadGrid_TrungNN .rgEditRow a,
.RadGrid_TrungNN .rgFooter a,
.RadGrid_TrungNN .rgEditForm a
{
	color:#00156e;
}

.RadGrid_TrungNN .rgSelectedRow
{
    background:#ffcb60 0 -3900px repeat-x url('../Img/Grid2010/sprite.gif'); /* ffcb60*/
}
*+html .RadGrid_TrungNN .rgSelectedRow .rgSorted{background-color:#ffcb60}
* html .RadGrid_TrungNN .rgSelectedRow .rgSorted{background-color:#ffcb60}

.RadGrid_TrungNN .rgActiveRow,
.RadGrid_TrungNN .rgHoveredRow
{
    background:#ecf4ff;
}
*+html .RadGrid_TrungNN .rgActiveRow .rgSorted,
*+html .RadGrid_TrungNN .rgHoveredRow .rgSorted{background-color:#ecf4ff}
* html .RadGrid_TrungNN .rgActiveRow .rgSorted,
* html .RadGrid_TrungNN .rgHoveredRow .rgSorted{background-color:#ecf4ff}

.RadGrid_TrungNN .rgEditRow
{
	background:#ffe5ad;
}
*+html .RadGrid_TrungNN .rgEditRow .rgSorted{background-color:#ffe5ad}
* html .RadGrid_TrungNN .rgEditRow .rgSorted{background-color:#ffe5ad}

.RadGrid_TrungNN .rgSelectedRow td,
.RadGrid_TrungNN .rgActiveRow td,
.RadGrid_TrungNN .rgHoveredRow td,
.RadGrid_TrungNN .rgEditRow td
{
	border-left:0;
	padding-left:8px;
}

.RadGrid_TrungNN .rgSelectedRow td
{
	border-bottom-color:#ff9b35;
}

.RadGrid_TrungNN .rgActiveRow td,
.RadGrid_TrungNN .rgHoveredRow td,
.RadGrid_TrungNN .rgEditRow td
{
	border-bottom-color:#d0d7e5;
}

/*footer*/

.RadGrid_TrungNN .rgFooterDiv,
.RadGrid_TrungNN .rgFooter
{
	background:#9ab5db 0 -6500px repeat-x url('../Img/Grid2010/sprite.gif');
}

.RadGrid_TrungNN .rgFooter td
{
	border-width:1px 0;
	border-color:#567db0 #fff #fff;
	padding-left:8px;
}

/*status*/

.RadGrid_TrungNN .rgPager .rgStatus
{
	border:0;
	border-top:1px solid #5d8cc9;
	border-right:1px solid #9cb9dc;
	border-color:#5d8cc9 #9cb9dc;
}

.RadGrid_TrungNN .rgStatus div
{
	background-image:url('Common/loading_small.gif');
}

/*pager*/

.RadGrid_TrungNN .rgPager
{
	background:#ecf3fc 0 -7000px repeat-x url('../Img/Grid2010/sprite.gif');
}

.RadGrid_TrungNN td.rgPagerCell
{
	border-top:1px solid #5d8cc9;
	border-left:1px solid #fff;
}

.RadGrid_TrungNN .rgInfoPart
{
	color:#333;
}

.RadGrid_TrungNN .rgInfoPart strong
{
	color:#000;
}

.RadGrid_TrungNN .rgPageFirst
{
	margin:0 3px 0 0;
	background-position:0 -550px;
}
.RadGrid_TrungNN .rgPageFirst:hover
{
	background-position:0 -600px;
}
.RadGrid_TrungNN .rgPagePrev
{
	margin:0 3px 0 0;
	background-position:0 -700px;
}
.RadGrid_TrungNN .rgPagePrev:hover
{
	background-position:0 -750px;
}
.RadGrid_TrungNN .rgPageNext
{
	margin:0 0 0 3px;
	background-position:0 -850px;
}
.RadGrid_TrungNN .rgPageNext:hover
{
	background-position:0 -900px;
}
.RadGrid_TrungNN .rgPageLast
{
	margin:0 0 0 3px;
	background-position:0 -1000px;
}
.RadGrid_TrungNN .rgPageLast:hover
{
	background-position:0 -1050px;
}

.RadGrid_TrungNN .rgPager .rgPagerButton
{
	border-color:#7793b9;
	background:#e8f1fc repeat-x 0 -1550px url('../Img/Grid2010/sprite.gif');
	color:#00156e;
	font:12px/12px "segoe ui",arial,sans-serif;
}

.RadGrid_TrungNN .rgNumPart a:hover,
.RadGrid_TrungNN .rgNumPart a:hover span,
.RadGrid_TrungNN .rgNumPart a.rgCurrentPage,
.RadGrid_TrungNN .rgNumPart a.rgCurrentPage span
{
	background:no-repeat url('../Img/Grid2010/sprite.gif');
}

.RadGrid_TrungNN .rgNumPart a
{
	color:#00156e;
}

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

.RadGrid_TrungNN .rgNumPart a:hover span
{
	background-position:0 -1150px;
}

.RadGrid_TrungNN .rgNumPart a.rgCurrentPage,
.RadGrid_TrungNN .rgNumPart a.rgCurrentPage:hover
{
	background-position:100% -1450px;
}

.RadGrid_TrungNN .rgNumPart a.rgCurrentPage span,
.RadGrid_TrungNN .rgNumPart a.rgCurrentPage:hover span
{
	background-position:0 -1350px;
}

/*sorting, reordering*/

.RadGrid_TrungNN .rgHeader .rgSortAsc
{
	background-position:3px -147px;
	height:10px;
}

.RadGrid_TrungNN .rgHeader .rgSortDesc
{
	background-position:3px -96px;
	height:10px;
}

.GridReorderTop_TrungNN,
.GridReorderBottom_TrungNN
{
	height:12px;
	background:0 0 no-repeat url('../Img/Grid2010/sprite.gif');
}

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

/*filtering*/

.RadGrid_TrungNN .rgFilterRow
{
	background:#d6e5f3;
}

.RadGrid_TrungNN .rgFilterRow td
{
    border:solid #9eb6ce;
    border-width:0 0 1px 1px;
}

.RadGrid_TrungNN .rgFilter
{
	background-position:0 -300px;
}

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

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

.RadGrid_TrungNN .rgFilterBox
{
	border-color:#abc1de;
	font:12px "segoe ui",arial,sans-serif;
	color:#000;
}

/*filter context menu*/

.RadMenu_TrungNN .rgHCMClear,
.RadMenu_TrungNN .rgHCMFilter
{
	border-color:#a7bedb #7d98bd #a3bad8;
	background:#e8f1fc center -23px repeat-x url('FormDecorator/ButtonSprites.gif');
	color:#00156e;
	font-family:"segoe ui",arial,sans-serif;
}

.RadMenu_TrungNN .rgHCMClear:hover,
.RadMenu_TrungNN .rgHCMFilter:hover
{
	border-color:#d8ca95 #b9a073 #c6ba9d;
	background-position:center -67px;
	background-color:#ffe18a;
	color:#000;
}

/*grouping*/

.RadGrid_TrungNN .rgGroupPanel
{
	border:0;
	border-bottom:1px solid #688caf;
	background:#ecf3fc;
}

.RadGrid_TrungNN .rgGroupPanel td
{
	border:0;
	padding:3px 4px;
	vertical-align:middle;
}

.RadGrid_TrungNN .rgGroupPanel td td
{
	padding:0;
}

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

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

.RadGrid_TrungNN .rgUngroup
{
	background-position:0 -7500px;
}

.RadGrid_TrungNN .rgGroupItem
{
	border:1px solid #4b78ca;
	background:#e6ebf5 0 -1900px repeat-x url('../Img/Grid2010/sprite.gif');
	color:#00156e;
}

.RadGrid_TrungNN .rgGroupHeader
{
    background:#d7e6f7;
    font-size:1.1em;
    line-height:21px;
	color:#567db0;
}

.RadGrid_TrungNN .rgGroupHeader td
{
	border-top:1px solid #fcfcfd;
	border-bottom:1px solid #6f92b3;
    padding-left:8px;
}

.RadGrid_TrungNN td.rgGroupCol,
.RadGrid_TrungNN td.rgExpandCol
{
	background:#d7e6f7 none;
	border-color:#d7e6f7;
}

.RadGrid_TrungNN .rgGroupHeader .rgExpand
{
	background-position:5px -495px;
}

.RadGrid_TrungNN .rgGroupHeader .rgCollapse
{
	background-position:3px -93px;
}

/*editing*/

.RadGrid_TrungNN .rgEditForm
{
	border-bottom:1px solid #d0d7e5;
}

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

.RadGrid_TrungNN .rgCancel
{
	background-position:0 -1850px;
}

/*hierarchy*/

.RadGrid_TrungNN .rgDetailTable
{
	border-color:#688caf;
}

.RadGrid_TrungNN .rgExpand
{
	background-position:5px -496px;
}

.RadGrid_TrungNN .rgCollapse
{
	background-position:3px -94px;
}

/*command row*/

.RadGrid_TrungNN .rgCommandRow
{
	background:#c4d9f1 0 -2099px repeat-x url('../Img/Grid2010/sprite.gif');
	color:#333;
}

.RadGrid_TrungNN .rgCommandCell
{
	border:0;
	padding:0;
}

.RadGrid_TrungNN thead .rgCommandCell
{
	border-bottom:1px solid #688caf;
}

.RadGrid_TrungNN tfoot .rgCommandCell
{
	border-top:1px solid #688caf;
}

.RadGrid_TrungNN .rgCommandTable td
{
	border:0;
	padding:2px 7px;
}

.RadGrid_TrungNN .rgCommandTable
{
	border:1px solid #9eb6ce;
}

.RadGrid_TrungNN .rgCommandRow a
{
	color:#00156e;
	text-decoration:none;
}

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

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

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

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

.RadGrid_TrungNN .rgExpXLS,
.RadGrid_TrungNN .rgExpDOC,
.RadGrid_TrungNN .rgExpPDF,
.RadGrid_TrungNN .rgExpCSV
{
	background-image:url('../Common/Grid/export.gif');
}

.RadGrid_TrungNN .rgExpXLS
{
	background-position:0 0;
}
.RadGrid_TrungNN .rgExpDOC
{
	background-position:0 -50px;
}
.RadGrid_TrungNN .rgExpPDF
{
	background-position:0 -100px;
}
.RadGrid_TrungNN .rgExpCSV
{
	background-position:0 -150px;
}

/*multirow select*/

.GridRowSelector_TrungNN
{
	background:#00156e;
}

/*row drag n drop*/

.GridItemDropIndicator_TrungNN
{
    border-top:1px dashed #00156e;
}

/*tooltip*/

.GridToolTip_TrungNN
{
	border:1px solid #6187b8;
	padding:3px;
	background:#d7e3f2;
	color:#333;
}

/*rtl*/

.RadGridRTL_TrungNN .rgHeader:first-child,
.RadGridRTL_TrungNN th.rgResizeCol:first-child,
.RadGridRTL_TrungNN .rgFilterRow>td:first-child,
.RadGridRTL_TrungNN .rgRow>td:first-child,
.RadGridRTL_TrungNN .rgAltRow>td:first-child
{
	border-left-width:1px;
	padding-left:7px;
}

.RadGridRTL_TrungNN .rgPageFirst
{
	background-position:0 -1000px;
}
.RadGridRTL_TrungNN .rgPageFirst:hover
{
	background-position:0 -1050px;
}
.RadGridRTL_TrungNN .rgPagePrev
{
	background-position:0 -850px;
}
.RadGridRTL_TrungNN .rgPagePrev:hover
{
	background-position:0 -900px;
}
.RadGridRTL_TrungNN .rgPageNext
{
	background-position:0 -700px;
}
.RadGridRTL_TrungNN .rgPageNext:hover
{
	background-position:0 -750px;
}
.RadGridRTL_TrungNN .rgPageLast
{
	background-position:0 -550px;
}
.RadGridRTL_TrungNN .rgPageLast:hover
{
	background-position:0 -600px;
}