.grid
{
	color: #000000;
	font-family: Arial, Verdana, Tahoma;
}

tr.grid a
{
	color: #000000;
}

tr.grid input, .smallInput
{
	margin-top: -1px;
	margin-bottom: -1px;
}
tr.grid select
{
	font-weight: bold;
	color: blue;
}

th.Mastergridheader, .Mastergridheader
{
	padding-left: 4px;
	cursor: default;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
	color: #000000;
}

th.Detailgridheader, .Detailgridheader
{
	padding-left: 4px;
	cursor: default;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
	color: #000000;
}

.gridrowsel, tr.gridrowsel, tr.gridrowsel td
{
	border: none;
	background: ##ffffff;
	color: #000000;
	height: 30px;
	padding-left: 4px;
	text-align: left;
}

.RowMouseOver
{
	background: lightblue;
	height: 22px;
}


tr.gridcommanditem td, th
{
	background-color: #efefef;
	border-top: solid 1px #e0e0e0;
	border-bottom-color: White;
	color: Black;
}

tr.gridcommanditem a
{
	font-weight: normal;
	color: Black;
}

tr.gridpager
{
	font-weight: bold;
}

/**** gridheader / gridrow grey ****/

th.gridheader, .gridheader
{
	background-color: #efefef;
	border-bottom: solid 1px #AAA;
	border-top: solid 1px #DDD;
	padding-left: 4px;
	cursor: default;
	font-weight: bold;
	height: 10px;
	vertical-align: middle;
	color: #000000;
	text-align: left !important;
}

th.numericgridheader, .numericgridheader
{
	background-color: #efefef;
	border-bottom: solid 1px #AAA;
	border-top: solid 1px #DDD;
	padding-left: 4px;
	cursor: default;
	font-weight: bold;
	height: 10px;
	vertical-align: middle;
	color: #000000;
	text-align: right !important;
}


th.gridheader A, th.gridheader A:visited, .gridheader A, .gridheader A:visited
{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: left;
}

th.gridheader A:hover, .gridheader A:hover
{
	font-weight: bold;
	color: #CE0000;
	text-decoration: underline;
	text-align: left;
}

.gridrow, tr.gridrow, tr.gridrow td
{
	border-bottom: solid 1px #e5e5e5;
	height: 20px;
	padding-left: 4px;
	background-color: #ffffff;
	text-align: left;
}

.gridrows, tr.gridrows, tr.gridrows td
{
	background-color: #fefefe;
	border-bottom: solid 1px #e5e5e5;
	height: 32px;
	padding-left: 4px;
}

/**** Alternative gridheader / gridrow colour: Dstnct1 ****/

th.gridheaderDstnct1, .gridheaderDstnct1
{
	background-color: #d0cbe2;
	padding-left: 4px;
	cursor: default;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
	color: #000000;
	text-align: left;
	white-space: normal;
}

th.gridheaderDstnct1 A, th.gridheaderDstnct1 A:visited, .gridheaderDstnct1 A, .gridheaderDstnct1 A:visited
{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: left;
}

th.gridheaderDstnct1 A:hover, .gridheaderDstnct1 A:hover
{
	font-weight: bold;
	color: #CE0000;
	text-decoration: underline;
	text-align: left;
}

.gridrowDstnct1, tr.gridrowDstnct1, tr.gridrowDstnct1 td
{
	background-color: #f9f9fd;
	border-bottom: solid 1px #e5e5e5;
	height: 20px;
	padding-left: 4px;
	text-align: left;
}

/**** Alternative gridheader / gridrow colour: Dstnct2 ****/

th.gridheaderDstnct2, .gridheaderDstnct2
{
	background-color: #bdd3b9;
	padding-left: 4px;
	cursor: default;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
	color: #000000;
	text-align: left;
}

th.gridheaderDstnct2 A, th.gridheaderDstnct2 A:visited, .gridheaderDstnct2 A, .gridheaderDstnct2 A:visited
{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: left;
}

th.gridheaderDstnct2 A:hover, .gridheaderDstnct2 A:hover
{
	font-weight: bold;
	color: #CE0000;
	text-decoration: underline;
	text-align: left;
}

.gridrowDstnct2, tr.gridrowDstnct2, tr.gridrowDstnct2 td
{
	border-bottom: solid 1px #e5e5e5;
	background-color: #fafcfa;
	height: 20px;
	padding-left: 4px;
	text-align: left;
}
.gridrowLate, tr.gridrowLate, tr.gridrowLate td
{
	background-image: url('img/gridrow.gif');
	background-repeat: repeat-x;
	background-color: #fefefe;
	border-bottom: solid 1px #e5e5e5;
	height: 20px;
	padding-left: 6px;
	text-align: left;
	font-weight: bold;
}


.rowsum
{
	color: #0000FF;
	font-weight: bold;
	text-align: right !important;
}

.columnSum
{
	color: #800000;
	font-weight: bold;
	text-align: right !important;
}

.columnsumpositive
{
	color: #228B22;
	font-weight: bold;
	text-align: right !important;
}
.columnsumnegative
{
	color: #ff0000;
	font-weight: bold;
	text-align: right !important;
}
.columnsumzero
{
	color: #008080;
	font-weight: bold;
	text-align: right !important;
}

/* column date start */

.columnapproaching
{
	color: #228B22;
	font-weight: bold;
}
.columnoverdue
{
	color: #ff0000;
	font-weight: bold;
}
.columncurrentdate
{
	color: #008080;
	font-weight: bold;
}

/* column date end */
/* Timesheet ... */

.gridrowRequestTaskMouseoverout, tr.gridrowRequestTaskMouseoverout
{
	font-weight: bolder;
}
.gridrowComplete, tr.gridrowComplete
{
	font-weight: normal !important;
	font-style: italic;
}

.gridrow-timesheet-custom, tr.gridrow-timesheet-custom
{
	background: #ecf2ec !important;
	background-image: url('img/timesheet-green.png') !important;
	background-repeat: repeat-x !important;
	height: 30px;
	border-bottom: solid 1px #e5e5e5;
	border-top: solid 1px #e5e5e5;
}

.gridrow-timesheet-project, tr.gridrow-timesheet-project
{
	background: #f1f1f9 !important;
	background-image: url('img/timesheet-blue.png') !important;
	background-repeat: repeat-x !important;
	height: 30px;
	border-bottom: solid 1px #e5e5e5;
	border-top: solid 1px #e5e5e5;
}

.gridrow-timesheet-request, tr.gridrow-timesheet-request
{
	background: #ffffff !important;
	background-image: url('img/timesheet-grey.png') !important;
	background-repeat: repeat-x !important;
	height: 30px;
	border-bottom: solid 1px #e5e5e5;
	border-top: solid 1px #e5e5e5;
}
/* ... Timesheet */

/*
.RowMouseOver
 {
   background-color:Blue;
 }*/
.RowMouseOut
{
	/*this style is taken from the corresponding skin's GridRow_[SkinName] class - GridRow_Default in our case*/
	background: #f7f7f7;
}
.HeaderMouseOver
{
	background-color: Blue;
}
.HeaderMouseOut
{
	/*this style is taken from the corresponding skin's th.GridHeader class - th.GridHeader_Default in our case*/
	background: white url('Img/GridHeaderBg.gif') repeat-x bottom;
}
.SelectedRow_Default td
{
	background: #e5e5e5 !important;
	color: Blue;
	height: 22px;
	border: solid 1px #e5e5e5;
	border-top: solid 1px #e9e9e9;
	border-bottom: solid 1px white;
	padding-left: 100px;
	padding-right: 100px;
}

.timesheetgridrowLate, tr.timesheetgridrowLate
{
	font-weight: bold;
}

/* Column Customisation */

.style1
{
	color: #342D7E;
	font-weight: bold;
}
.style2
{
	color: #00FFFF;
	font-weight: bold;
}
.style3
{
	color: #ff0000;
	font-weight: bold;
	text-align: right !important;
}
.style4
{
	color: #800000;
	font-weight: bold;
}
.style5
{
	color: #FF7F50;
	font-weight: bold;
}
.style6
{
	color: #ADFF2F;
	font-weight: bold;
}
.style7
{
	color: #800517;
	font-weight: bold;
}
.style8
{
	color: #7CFC00;
	font-weight: bold;
}
.style9
{
	color: #4B0082;
	font-weight: bold;
}
.style10
{
	color: #FFD700;
	font-weight: bold;
}
.style11
{
	color: #C85A17;
	font-weight: bold;
}
.style12
{
	color: #C71585;
	font-weight: bold;
}
.style13
{
	color: #000080;
	font-weight: bold;
}
.style14
{
	color:	#7D1B7E;
	font-weight: bold;
}
.style15
{
	color: #F5DEB3;
	font-weight: bold;
}
.style16
{
	color: #8D38C9;
	font-weight: bold;
}
.style17
{
	color: #CD5C5C;
	font-weight: bold;
}
.style18
{
	color: #B93B8F;
	font-weight: bold;
}
.style19
{
	color: #8B0000;
	font-weight: bold;
}
.style20
{
	color: #FFA500;
	font-weight: bold;
}