.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;
}

/* my grid header */
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;
}

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;
}

/* portal grid header
th.gridheader, .gridheader
{
	padding-left: 4px;
	cursor: default;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
	color: #000000;
	text-align: left;
}
*/

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; 
}

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

/* gridrow late
.gridrowLate, tr.gridrowLate, tr.gridrowLate td
{
    background-color: #fefefe;
    border-bottom: solid 1px #e5e5e5;
	height:20px;
	padding-left: 6px;
	text-align: left;
	font-weight:bold;
}
*/

/* portal gridrow
.gridrow, tr.gridrow, tr.gridrow td
{
	border-bottom:solid 1px #e5e5e5;
	padding-left: 6px; 
	height:20px;
	text-align: left;
}

*/

.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;
	text-align: center;
}

/* Timesheet ... */
.gridrowLate, tr.gridrowLate
{
    font-weight:bold;
}
.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 */

.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 */
/*
.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;
}
.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;
}