/* r.a.d.grid Orchestrator skin */

div.RadGrid
{ 
	margin-bottom: 10px;
}

.RadGrid * 
{	
	font-family: Verdana !important;
	font-size: 11px !important;	
}

.RadGrid a 
{
	color: #2d4768;
	text-decoration: underline;	
}

.rgGroupHeader .rgExpand
{
	background-image: url('Grid/SinglePlus.gif');
}

.rgGroupHeader .rgCollapse
{
	background-image: url('Grid/SingleMinus.gif');
}

.rgGroupHeader .rgCollapse,
.rgGroupHeader .rgExpand  
{
	background-color: Transparent;
	border: 0px;
	background-position: left bottom;
	float: left;
}

.RadGrid .rgExpand,
.RadGrid .rgCollapse
{
	background-color: Transparent;
	border: 0px;
	background-position: left bottom;
	float: left;
	height: 16px;
	width: 16px;
}

.RadGrid .rgExpand
{
	background-image: url('Grid/SinglePlus.gif');
}

.RadGrid .rgCollapse
{
	background-image: url('Grid/SingleMinus.gif');
}

/*.MasterTable .rgExpand:hover,
.MasterTable .rgCollapse:hover 
{
	cursor: pointer;
}*/

.rgMasterTable
{
	border-collapse: separate !important;
	color: #27413e;
	border: 1px solid #000; 
	-moz-user-select: none;
}

.rgMasterTable .undefined td 
{
	padding: 15px;	
}

.GroupHeader p 
{
	vertical-align: middle;
	margin: 0px 3px 0px 0px;	
}

.rgHeader,
.ResizeHeader
{
	background-image: url('Grid/tableheader-bg.jpg');
	background-position: top;
	background-repeat: repeat-x;
	background-color: #3d3d3d;
	border-right: 1px solid #363636;
	border-bottom: 1px solid #363636;
	padding: 3px; 
	height: 22px;
	font-weight: bold;
	color: #FFF !important;
	vertical-align: middle;
	text-align: left;
	overflow: hidden;
}

.rgHeader * /* .GridHeader */ 
{
	color: #FFF !important;
}

.rgHeader a /*, .GridHeader a:hover*/ 
{
	color: #FFF;
	text-decoration: none;
}

.GridFilterRow td 
{
	background-color: #edf5fb;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding: 2px;		
}

.GridFilterRow .rgFilterBox 
{
	width: 75px;	
}

.GridFilterRow .rgFilter 
{
	background-image: url('img/MasterPage/icon-filter.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: transparent;
	border: 0px none;
	height: 16px;
	width: 16px;
	margin: 0 0 3px 5px;
}

/*.GridFilterRow .rgFilter:hover 
{
	cursor: pointer;	
}*/

.GridFilterRow RadGrid 
{
	margin: 2px;
}

.rgRow,
.rgAltRow
{
	background: transparent;
}

.rgRow td,
.rgEditRow td,
.rgAltRow td
{	
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding: 3px; 
	vertical-align: middle;
	text-align: left !important;
	overflow: hidden;   
}

.rgAltRow 
{
	background-color: whitesmoke;	
}

.SelectedRow,
.ActiveRow
{
	/*height: 19px;*/
}

.SelectedRow_Orchestrator td,
.ActiveRow_Orchestrator td,
.rgSelectedRow td
{
	border-right: #e9e9e9 1px solid;
	border-bottom: #e9e9e9 1px solid;	
	padding: 1px 3px;	
	background-color: #fff7ca !important;
	vertical-align: middle;
	text-align: left !important;
	overflow: hidden;    
}

.GridEditRow
{
	background: #ffffe1;
}

.GridEditRow input
{
}

.GridPager
{
	background: #FFF;
	height: 15px;
}

.GridPager td
{
	padding: 10px;	
}

.GridFooter
{
	background: #FFF;
	padding: 10px;
	color: #000;
}

.GridFooter td
{
	border: solid 1px #fbfbfb;
	border-top: 1px solid #637783;
}

.GridFooter td a
{
	color: #666;
	font-size: 10px;
}

.GridPager td a
{
	color: #2D4768;
	text-decoration: underline;
}

/*.GridPager td a:hover,
.GridFooter td a:hover
{
	color: #2D4768;
	text-decoration: none;
}*/

tr.rgGroupHeader
{
	background: #e4ecf7;
}

.rgGroupHeader td 
{
	height: 15px;
	padding: 5px 0 0 0;
	vertical-align: top;
	border-top: 1px solid #bec9d9;
	border-bottom: 1px solid #bec9d9;
	font-weight: bold;
}

.rgGroupHeader td div div div
{
    margin-top: 8px !important;
}

.rgGroupPanel
{
	background: #4d6581 url('Grid/header-bg.jpg') repeat-x;
	width: 100%;
	height: 23px;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	border-left: solid 1px #000;
	border-collapse: collapse;
}

.rgGroupPanelItems
{
	background: white;
	color: black;
	border: solid 1px #325373;
	white-space:  nowrap;
	padding-left: 2px;
	height: 15px;
}

.rgGridHeader input
{
	width: auto;
	float: left;
	border: solid 1px #3b5a82;
	background: #fafafa;
	font-weight: bold;
	color: #989cb0;
	height: 14px;
	vertical-align:middle;
}

.rgCommandRow td
{
	background-image: none; 
	background-color: #495e78;
	background-image: url('Grid/header-bg.jpg');
	background-repeat: repeat-x;
	background-position: top; 
	padding-left: 3px;
	cursor: default;
	vertical-align: middle;
	color: #FFF !important;
	border-bottom: 1px solid #495e78;
}

.GridGreenCommandRow td
{
	background-image: none; 
	background-color: #3a7853;
	background-image: url('Grid/header-green-bg.jpg');
	background-repeat: repeat-x;
	background-position: top; 
	padding-left: 3px;
	cursor: default;
	vertical-align: middle;
	color: #FFF;
	border-bottom: 1px solid #487731;
}

.GridLBlueCommandRow td
{
	background-image: none; 
	background-color: #31709c;
	background-image: url('Grid/header-lblue-bg.jpg');
	background-repeat: repeat-x;
	background-position: top; 
	padding-left: 3px;
	cursor: default;
	vertical-align: middle;
	color: #FFF;
	border-bottom: 1px solid #316f9b;
}

.rgCommandRow td span,
.rgCommandRow td label,
.GridGreenCommandRow td span,
.GridLBlueCommandRow td span
{
	vertical-align: middle;
	display: block;
	float: left;
	padding: 3px 1px 0 5px;
	color: #FFF;	
}

.rgCommandRow td span, 
.rgCommandRow td select,
.rgCommandRow td input,
.GridGreenCommandRow td span, 
.GridGreenCommandRow td select,
.GridGreenCommandRow td input,
.GridLBlueCommandRow td span, 
.GridLBlueCommandRow td select,
.GridLBlueCommandRow td input   
{
	vertical-align: middle;
	display: block;
	float: left;
	margin: 3px 5px 0 0;	
}

.rgCommandRow td .buttonClassSmall,
.GridGreenCommandRow td .buttonClassSmall,
.GridLBlueCommandRow td .buttonClassSmall
{
	margin: 0 5px 0 0;
	border: 1px solid #000;
	background: none transparent;
	font-size: 11px;	
}

.rgCommandRow .keyTable,
.GridGreenCommandRow .keyTable,
.GridLBlueCommandRow .keyTable
{
	margin: 3px 0 0 25px;
	display: inline;
}

.rgCommandRow .keyTable td,
.GridGreenCommandRow .keyTable td,
.GridLBlueCommandRow .keyTable td
{
	background: transparent none;
	vertical-align: middle;
	border: none;
	padding: 0 5px;	
}

.rgCommandRow .keyTable td div,
.GridGreenCommandRow .keyTable td div,
.GridLBlueCommandRow .keyTable td div
{
	border: 1px solid #000; 
	padding: 2px 3px;
	color: #000;	
}

.rgCommandRow div,
.GridGreenCommandRow div,
.GridLBlueCommandRow div 
{
	color: #FFF;	
}

.rgCommandRow a,
.GridGreenCommandRow a,
.GridLBlueCommandRow a
{
	color: #FFF;
	text-decoration: none;
}

.rgCommandRow .commandDataRow
{
	padding: 0;
	margin: 0;	
}

.ToolbarBlue .commandDataRow 
{
	padding: 5px 0 0 0;	
}

.rgCommandRow .commandDataLabel,
.ToolbarBlue .commandDataLabel 
{
	padding: 5px 3px 0;
	margin: 0 0 0 7px;
} 

.rgCommandRow .commandDataField,
.ToolbarBlue .commandDataField 
{
	padding: 5px 0 0;
	margin: 0 7px 0 0;
	font-weight: bold;
}

/*.GridCommandRow a:hover 
{
	color: #FFF;
	text-decoration: underline;
}*/

/** Icons used for displaying where draggable table headers will be placed **/

.TopReorderIndicator
{
	width:9px !important;
	height:12px !important;
	margin-left:-4px;
	background:url('img/MasterPage/icon-up-small.png') no-repeat top;
}

.BottomReorderIndicator {
	width:9px !important;
	height:12px !important;
	margin-left:-4px;
	background:url('img/MasterPage/icon-down-small.png') no-repeat bottom;
}

/** Sorting images **/

.rgSortAsc 
{
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	height: 16px;
		width: 16px;
	background: url('Grid/SortAsc.gif') no-repeat center;
}

.rgSortDesc 
{
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	height: 16px;
		width: 16px;
	background: url('Grid/SortDesc.gif') no-repeat center;
}

.listViewGrid
{
	padding-bottom:20px;
}

.listViewGrid H2
 {
 	background:#8988a5 url(/images/title-bg.gif);
 	border-bottom:solid 1px #57566f;
 	height:28px;
 	line-height:28px;
 	margin:0px;
 	padding:0px 0px 0px 5px;
	color:#fff;
	font-size:15px;
 }
 
 .listViewGrid TABLE
 {
 	width:100%;
 }
 
 /* grid headers */
 .listViewGrid #orders .head TH
 {
 	background:#e9e9eb url(/images/header-bg.gif);
 	height:24px;
 	line-height:24px;
 	padding-left:6px;
 	color:#666666;
 	text-align:left;
 }
 .listViewGrid #orders .head TH.first
 {
 	/* get rid of the first slash */
 	background:#e9e9eb url(/images/header-bg.gif) -3px;
 	width:20px;
 } 
 
 /* group header */
 .listViewGrid #orders .group TH
 {
 	padding:10px 0px 2px 5px;
 	color:#666666;
 	text-align:left;
 	border-bottom:solid 2px #a5a4bd;
 } 
 .listViewGrid #orders .group TH.first
 {
 	text-align:center;         	
 	border-bottom:none;
 }              
 
 .listViewGrid #orders .group TH.first img
 {
 	background-color: Transparent;
	border: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	width:18px;
	height: 23px;
	
 }
 
 /* data items */                                       
 .listViewGrid #orders .Row TD
 {
 	padding:3px 0px 3px 6px;
 	border-bottom:solid 1px #eae9e1; 
 	color:#222222;       	
 } 
 
 /* pager */    
.listViewGrid #pager .pager TD
{
	height:40px;
}  
.listViewGrid #pager .pager .commands
{
	height:40px;
    padding:4px 0px 0px 25px;
}               
.listViewGrid #pager .pager .info
{
    padding:4px 25px 0px 0px;
	text-align:right;
}       
.hidden
{
	display:none;
	visibility:hidden;
}

.rgPager .NextPrevAndNumeric 
{
    padding: 5px 0;    
}

.rgPager .NextPrevAndNumeric .rgWrap 
{
    float:left;
    line-height:22px;
    padding:0 10px;
    white-space:nowrap;   
}

.RadGrid .rgPageFirst, .RadGrid .rgPagePrev, 
.RadGrid .rgPageNext, .RadGrid .rgPageLast 
{
    height: 22px;
    vertical-align: top;
    width: 22px;
    border: 0 none;
    cursor: pointer;
    font-size: 1px;
    height: 16px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: Transparent;
}

.RadGrid .rgPageFirst 
{
    background-image: url('Grid/PagingFirst.gif');    
}

.RadGrid .rgPagePrev 
{
    background-image: url('Grid/PagingPrev.gif');    
}

.RadGrid .rgPageNext 
{
    background-image: url('Grid/PagingNext.gif');    
}

.RadGrid .rgPageLast 
{
    background-image: url('Grid/PagingLast.gif');    
}

.RadGrid .rgNumPart 
{
    padding: 0px !important;    
}

.RadGrid .rgNumPart a
{
    padding: 3px;    
}

.RadGrid .rgNumPart a.rgCurrentPage 
{
    text-decoration: none;
    color: #333;    
}

/** Inputs that are used in Grids **/

/** Date **/

.DateControl
{
	font-size:10px !important;
	padding: 3px !important;
	border: 1px solid #BBB !important;
	background-color: #FFF !important;
	width: 56px !important;
}

.DateControl_Focused
{
	font-size:10px !important;
	padding: 3px !important;
	border: 1px solid #333 !important;
	background-color: whitesmoke !important;
	width: 56px !important;
	font-weight: bold !important;
}

.DateControl_Hover
{
	font-size:10px !important;
	padding: 3px !important;
	border: 1px solid #6daddd !important;
	width: 56px !important;
}

.DateControl_Error
{
	font-size:10px !important;
	padding: 3px !important;
	border: 1px solid red !important;
	width: 56px !important;
	background: #ffe8e8 none !important;
}

/** Time **/

.TimeControl
{
	font-size:10px !important;
	padding: 3px !important;
	border: 1px solid #BBB !important;
	background-color: #FFF !important;
	width: 36px !important;
}

.TimeControl_Focused
{
	font-size:10px !important;
	padding: 3px !important;
	border: 1px solid #333 !important;
	background-color: whitesmoke !important;
	width: 36px !important;
	font-weight: bold !important;
}

.TimeControl_Hover
{
	font-size:10px !important;
	padding: 3px !important;
	border: 1px solid #6daddd !important;
	width: 36px !important;
}

.TimeControl_Error
{
	font-size:10px !important;
	padding: 3px !important;
	border: 1px solid red !important;
	width: 36px !important;
	background: #ffe8e8 none !important;
}

/** Standard text box **/

.TextControl
{
	font-size:10px !important;
	padding: 3px !important;
	border: 1px solid #BBB !important;
	background-color: #FFF !important;
}

.TextControl_Focused
{
	font-size:10px !important;
	padding: 3px !important;
	border: 1px solid #333 !important;
	background-color: whitesmoke !important;
	font-weight: bold !important;
}

.TextControl_Hover
{
	font-size:10px !important;
	padding: 3px !important;
	border: 1px solid #6daddd !important;
}

.TextControl_Error
{
	font-size:10px !important;
	padding: 3px !important;
	border: 1px solid red !important;
	background: #ffe8e8 none !important;
}