/* =GRID
----------------------------------------------- */
.gridContainer
{
	width: 820px; 	
	clear: both; 
	
	background-repeat: no-repeat; 
	background-position: center; 
	
	overflow-x: auto;
    overflow-y: hidden;
    
	scrollbar-face-color: #dde1ed;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #73779d; 
	scrollbar-3dlight-color: #96a2c8;
	scrollbar-arrow-color: #73779d;
	scrollbar-track-color: #ebeaf2; 
	scrollbar-darkshadow-color: #faf6f2;
	scrollbar-base-color: #c0ced9; 
	
	/*border:solid 1px #f5f8fc;*/
	padding: 1px 1px 18px 1px;
}

/* The overall style of the GridView */
.grid
{
    border:solid 1px #e58c0d;
	width: 100%;
}

.gridFuncCol
{
	width: 20px;
}

.grid th
{
    font-size:12px;
    font-weight:bold;
    letter-spacing:0px;
    text-align:left;
    padding: 4px 2px;
    color:#ffffff;
    border-bottom:solid 2px #e58c0d;
	background: url(images/box/grid-header-bg.gif);
	background-repeat: repeat-x;
}
.grid td
{
	padding: 4px 2px;
}

/* Header row */
.gridHeaderCenter
{
	text-align: center !important;
}
.gridHeaderRight
{
	text-align: right !important;
}

/* The merge header of this GridView */
.gridHeaderMerge
{
    font-size:12px;
    font-weight:bold;
    letter-spacing:0px;
    text-align:left;
    padding:2px 4px;
    color:#333333;
}

.gridHeader th
{
    text-align:left;
}

.gridHeader a
{
    color: #ffffff !important;
}

.gridColumnBorderLeft
{	
    border-left:dotted 1px #D4D4D4;
    border-bottom:dotted 1px #D4D4D4;
    border-top:dotted 1px #D4D4D4;
    background-color:#FFE6B7;
}

.gridColumnBorderLeft1
{	
    border-left:dotted 1px #D4D4D4;
    border-bottom:dotted 1px #D4D4D4;
    border-top:dotted 1px #D4D4D4;
    background-color:#D8FFB0;
}

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

/* Alternative row */
.gridAlternatingRow
{  
	background-color: #ffefb7;
}

/* Paging */
.gridPager 
{
	border-top:solid 1px #e58c0d;
    text-align:left;
    font-family:arial,sans-serif;
    font-size:12px;
}
.gridPager > td
{
	border-top: solid 1px #e58c0d;
	padding: 0px;
}
.gridPager table td
{
	padding: 2px;
}

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

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

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

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

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

/* style sheet of sorting in gridview */

.headerstyle {    
    background-repeat: no-repeat;
    background-position: center left;     
    padding-left: 10px;
}  

.sortascheaderstyle{  
    background-repeat: no-repeat;
    background-position: center left; 
    padding-left: 10px;
}
.sortdescheaderstyle{   
    background-repeat: no-repeat;
    background-position: center left;    
    padding-left: 10px;  
}   

/* end of style sheet sorting in gridview */

.gridButtonModify
,.gridButtonDelete
,.gridButtonCheck
{
	border: none;
	width: 18px;
	height: 20px;
	border:solid 1px transparent;
}
.gridButtonNotActive
,.gridButtonNote
{
	border: none;
	width: 20px;
	height: 20px;
	border:solid 1px transparent;
}

.gridButtonModify:hover
,.gridButtonDelete:hover
,.gridButtonCheck:hover
{
	border:solid 1px #bbd9ee;
	cursor: pointer;
}

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

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

.gridButtonNote
{
	border: none;
	width: 16px;
	height: 16px;
	border:solid 0px transparent;
	cursor: pointer;
}
.gridButtonNote:hover
{
	border:solid 1px #bbd9ee;
}

.gridButtonCheck
{
	background: url(images/elementsImages/check.png) 50% 50% no-repeat;
}

/* style sheet of sorting in gridview */

.headerstyle  
{
    background-repeat: no-repeat;
    background-position: center left;     
    padding-left: 10px;
}