.grid-canvas {
	
	background-color: #aaaaaa;



	/* border: 1px solid #eeeeee; */
	/* border: 1px solid #eeeeee; */
}

/* --- head elements --- */

#ctlGrid_head_surfaceElement {
	background-image: url( '/images/blue-gradient.png' );
	background-repeat: repeat-x;
	background-position: top;
}

.grid-rowCaptionHeading {
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #dddddd;

	background-color: #eeeeee;
	background-image: url( '/images/largeblue-gradient.png' );
	color: #0033aa;

	text-align: center;

	font-family: arial;
	font-size: 12px;
	font-weight: bold;

	padding: 3px;
}

.grid-columnGroup-caption {
	border-top: 1px solid #cccccc;
	border-left: 3px solid #cccccc;
	border-bottom: 1px solid #cccccc;

	background-color: #eeeeee;

	background-image: url( '/images/darkblue-gradient.png' );
	color: #ffffff;

	font-weight: bold;

	text-align: center;

	font-family: arial;
	font-size: 12px;

	padding: 3px;
}

.grid-columnGroup-caption-first {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;

	background-color: #eeeeee;

	background-image: url( '/images/darkblue-gradient.png' );
	color: #ffffff;

	font-weight: bold;

	text-align: center;

	font-family: arial;
	font-size: 12px;

	padding: 3px;
}

.grid-column-select {
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	background-color: #eeeeee;

	background-image: url( '/images/blue-gradient.png' );
	color: #333333;

	text-align: center;

	font-family: arial;
	font-size: 12px;
}

.grid-column-comment {
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;

	color: #333333;

	background-image: url( '/images/blue-gradient.png' );

	text-align: center;

	font-family: arial;
	font-size: 12px;

	padding: 3px;
}

.grid-column-caption {
	border-top: 1px solid #ff8888;
	border-left: 1px solid #ff8888;
	color: #ffffff;

	background-image: url( '/images/RedNavBG.jpg' );

	text-align: center;

	font-weight: bold;
	font-family: arial;
	font-size: 12px;

	padding: 3px;
}

.grid-column-subCaption {
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	background-color: #eeeeee;
	color: #333333;

	background-image: url( '/images/blue-gradient.png' );

	text-align: center;

	font-family: arial;
	font-size: 12px;

	padding: 3px;
}

.grid-column-select-first {
	border-top: 1px solid #eeeeee;
	border-left: 3px solid #eeeeee;
	background-color: #eeeeee;

	background-image: url( '/images/blue-gradient.png' );
	color: #333333;

	text-align: center;

	font-family: arial;
	font-size: 12px;

	/* padding: 3px; */
}

.grid-column-comment-first {
	border-top: 1px solid #eeeeee;
	border-left: 3px solid #eeeeee;
	background-color: #eeeeee;
	color: #333333;

	background-image: url( '/images/blue-gradient.png' );

	text-align: center;

	font-family: arial;
	font-size: 12px;

	padding: 3px;
}

.grid-column-caption-first {
	border-top: 1px solid #eeeeee;
	border-left: 3px solid #eeeeee;
	color: #333333;

	background-image: url( '/images/RedNavBG.jpg' );

	text-align: center;

	font-weight: bold;
	font-family: arial;
	font-size: 12px;

	padding: 3px;
}

.grid-column-subCaption-first {
	border-top: 1px solid #eeeeee;
	border-left: 3px solid #eeeeee;
	background-color: #eeeeee;
	color: #333333;

	background-image: url( '/images/blue-gradient.png' );

	text-align: center;

	font-family: arial;
	font-size: 12px;

	padding: 3px;
}

.grid-headPadding {
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	background-color: #eeeeee;

	background-image: url( '/images/largeblue-gradient.png' );


	padding: 3px;
}

/* --- body elements --- */

.grid-rowContainer {
	border-top: 1px solid #deefff;
}

.grid-vertScrollBar {
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;

	background-color: #ffffff;
}

.grid-rowGroup-caption {
	border-left: 1px solid #ff8888;
	border-top: 1px solid #ff8888;
	border-bottom: 1px solid #ff8888;

	background-color: #aaaaaa;

	background-image: url( '/images/darkblue-gradient.png' );
	color: #ffffff;



	text-align: center;

	font-weight: bold;

	font-family: arial;
	font-size: 12px;

	padding: 3px;
}

.grid-row-select {

	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;

	color: #000055;
	background-image: url( '/images/lightblue-gradient.png' );

	text-align: center;

	font-family: arial;
	font-size: 12px;

	/* padding: 3px;*/ 
}

.grid-row-select-selected {

	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;

	color: #ffffff;
	background-image: url( '/images/medblue-gradient.png' );
	font-weight: bold;

	text-align: center;

	font-family: arial;
	font-size: 12px;

	/* padding: 3px;*/ 
}

.grid-row-select-alt {
	border-top: 1px solid #dddddd;
	border-left: 1px solid #eeeeee;

	color: #333333;
	background-image: url( '/images/blue-gradient.png' );


	text-align: center;

	font-family: arial;
	font-size: 12px;

	padding: 3px;
}

.grid-row-select-alt-selected {
	border-top: 1px solid #dddddd;
	border-left: 1px solid #eeeeee;

	color: #ffffff;
	background-image: url( '/images/medblue-gradient.png' );
	font-weight: bold;


	text-align: center;

	font-family: arial;
	font-size: 12px;

	padding: 3px;
}

.grid-row-comment {
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #dddddd;


	color: #000055;
	background-image: url( '/images/lightblue-gradient.png' );

	text-align: center;

	font-family: arial;
	font-size: 12px;

	padding: 3px;

}

.grid-row-comment-alt {
	border-top: 1px solid #dddddd;
	border-left: 1px solid #eeeeee;

	color: #333333;
	background-image: url( '/images/blue-gradient.png' );

	text-align: center;

	font-family: arial;
	font-size: 12px;

	padding: 3px;


}

.grid-row-comment-selected {
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #dddddd;


	color: #ffffff;
	background-image: url( '/images/medblue-gradient.png' );
	font-weight: bold;

	text-align: center;

	font-family: arial;
	font-size: 12px;

	padding: 3px;

}

.grid-row-comment-alt-selected {
	border-top: 1px solid #dddddd;
	border-left: 1px solid #eeeeee;

	color: #ffffff;
	background-image: url( '/images/medblue-gradient.png' );
	font-weight: bold;

	text-align: center;

	font-family: arial;
	font-size: 12px;

	padding: 3px;


}

.grid-row-caption {
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #deefff;

	background-color: #eeeeee;

	color: #000055;
	background-image: url( '/images/lightblue-gradient.png' );

	text-align: right;

	font-weight: bold;
	font-family: arial;
	font-size: 12px;

	padding: 3px; 
}

.grid-row-caption-alt {
	border-top: 1px solid #dddddd;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #ddddee;



	background-color: #dddddd;

	color: #333333;
	background-image: url( '/images/blue-gradient.png' );


	text-align: right;

	font-weight: bold;
	font-family: arial;
	font-size: 12px;

	padding: 3px; 
}

.grid-row-caption-selected {
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #deefff;

	background-color: #eeeeee;

	color: #ffffff;
	background-image: url( '/images/medblue-gradient.png' );
	font-weight: bold;

	text-align: right;

	font-weight: bold;
	font-family: arial;
	font-size: 12px;

	padding: 3px; 
}

.grid-row-caption-alt-selected {
	border-top: 1px solid #dddddd;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #ddddee;



	background-color: #dddddd;

	color: #ffffff;
	background-image: url( '/images/medblue-gradient.png' );
	font-weight: bold;


	text-align: right;

	font-weight: bold;
	font-family: arial;
	font-size: 12px;

	padding: 3px; 
}

.grid-cell {
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;

	background-color: #eeeeee;

	color: #000055;
	background-image: url( '/images/lightblue-gradient.png' );

	text-align: right;

	font-family: arial;
	font-size: 12px;

	padding: 3px;
}


.grid-cell-alt {
	border-top: 1px solid #e8e8e8;
	border-left: 1px solid #eeeeee;

	background-color: #dddddd;

	color: #333333;
	background-image: url( '/images/blue-gradient.png' );


	text-align: right;

	font-family: arial;
	font-size: 12px;

	padding: 3px;
}

.grid-cell-first {
	border-top: 1px solid #eeeeee;
	border-left: 3px solid #dddddd;

	background-color: #eeeeee;

	color: #000055;
	background-image: url( '/images/lightblue-gradient.png' );

	text-align: right;

	font-family: arial;
	font-size: 12px;

	padding: 3px;
}


.grid-cell-first-alt {
	border-top: 1px solid #dddddd;
	/* border-left: 3px solid #eeeeee; */
	border-left: 3px solid #dddddd;

	background-color: #dddddd;

	color: #333333;
	background-image: url( '/images/blue-gradient.png' );


	text-align: right;

	font-family: arial;
	font-size: 12px;

	padding: 3px;
}


.grid-cell-selected {
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #dddddd;

	background-color: #eeeeee;

	color: #ffffff;
	background-image: url( '/images/medblue-gradient.png' );
	font-weight: bold;

	text-align: right;

	font-family: arial;
	font-size: 12px;



	padding: 3px;
}


.grid-cell-alt-selected {
	border-top: 1px solid #dddddd;
	border-left: 1px solid #eeeeee;

	background-color: #dddddd;

	color: #ffffff;
	background-image: url( '/images/medblue-gradient.png' );
	font-weight: bold;


	text-align: right;

	font-family: arial;
	font-size: 12px;

	padding: 3px;
}

.grid-cell-first-selected {
	border-top: 1px solid #eeeeee;
	border-left: 3px solid #dddddd;

	background-color: #eeeeee;

	color: #ffffff;
	background-image: url( '/images/medblue-gradient.png' );
	font-weight: bold;

	text-align: right;

	font-family: arial;
	font-size: 12px;

	padding: 3px;
}


.grid-cell-first-alt-selected {
	border-top: 1px solid #dddddd;
	/* border-left: 3px solid #eeeeee; */
	border-left: 3px solid #dddddd;

	background-color: #dddddd;

	color: #ffffff;
	background-image: url( '/images/medblue-gradient.png' );
	font-weight: bold;


	text-align: right;

	font-family: arial;
	font-size: 12px;

	padding: 3px;
}

/* --- foot elements --- */

.grid-rowCaptionPadding {

	border-top: 1px solid #dddddd;	
	border-left: 1px solid #eeeeee;

	border-right: 1px solid #dddddd;

	background-image: url( '/images/blue-gradient.png' );

	font-family: arial;
	font-size: 12px;

	padding: 3px;
}

.grid-horzScrollBar {

	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;

	background-color: #ffffff;

}

.grid-footPadding {
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;

	background-image: url( '/images/blue-gradient.png' );

	font-family: arial;
	font-size: 12px;

	padding: 3px;
}

.grid-controlBar {
	border-top: 1px solid #ddddee;
	border-left: 1px solid #eeeeee;

	background-image: url( '/images/blue-gradient.png' );

	color: #333333;

	font-family: arial;
	font-size: 12px;

	padding: 3px;
	padding-right: 24px;

	text-align: right;
}

.grid-controlBar-icons {
}

.grid-controlBar-icon {
	display: block;

	width: 24px;
	height: 24px;

	float: right;

	cursor: pointer;
}