/* =GRID
----------------------------------------------- */
.gridContainer
{
    border:solid 1px #993300;
    padding:1px;
    width: 100%;
}

/* The overall style of the GridView */
.grid
{
	padding: 8px;
	width: 100%;
}

/* The header of this GridView */
.gridHeader
{
    font-size:12px;
    font-weight:bold;
    letter-spacing:0px;
    text-align:left;
    padding:2px 4px;
    color:#333333;
    border-bottom:solid 2px #993300;
	background: url(images/grid-header-bg.gif);
}

/* Normal row */
.gridRow,.gridAlternatingRow
{  
	font-size:12px;
    padding:6px 4px;
	/*cursor:pointer;*/
    border-bottom:solid 1px #993300;
    vertical-align:middle;
}

.gridRow:hover, .gridAlternatingRow:hover
{  
	background-color:#f1c380;
	color:#000000;
}

/* Alternative row */
.gridAlternatingRow
{  
	background-color: #f9e7ce;
}
.gridSelectedRow
{  
	background-color:#eaa33e;
}
/* Paging */
.gridPager 
{
	border-top:solid 2px #993300;
    text-align:center;
    font-family:arial,sans-serif;
    padding:2px;	
    font-size:12px;
}

/* selected page */
.gridPager span
{
	color: #56adea !important;
    text-decoration:none;
    font-weight:bold;
    border:solid 1px #bbd9ee;
    padding:0px 5px;
}

.gridPager a
{
	color: #5a90ce !important;
    padding:0px 7px;
    text-decoration:none;
    /*border:none;*/
}

.gridPager a:hover
{
    border:solid 1px #bbd9ee;
    background-color:#f3f7fc;
    padding:0px 5px;
    text-decoration:none;
}

div.gridFunctionBar
{
	margin-top: 6px;
	text-align:center;
}

.gridEmptyData
{
	text-align:center;
	width: 800px;
	font-style:italic;
}

/* =GRID-BUTTONS
----------------------------------------------- */
.gridButtonModify
,.gridButtonDelete
,.gridButtonActive
,.gridButtonInactive
{
	border: none;
	width: 18px;
	height: 20px;
	border:solid 1px transparent;
}
.gridButtonModify:hover
,.gridButtonDelete:hover
,.gridButtonActive:hover
,.gridButtonInactive:hover
{
	border:solid 1px #bbd9ee;
}

.gridButtonModify
{
	background: url(images/grid-icon-modify.png) 50% 50% no-repeat;
}

.gridButtonDelete
{
	background: url(images/grid-icon-delete.png) 50% 50% no-repeat;
}
.gridButtonActive
{
	background: url(images/grid-icon-active.png) 50% 50% no-repeat;
}
.gridButtonInactive
{
	background: url(images/grid-icon-inactive.png) 50% 50% no-repeat;
}