/* =GRID
----------------------------------------------- */
.gridContainer_bk
{
    border:solid 1px #f5f8fc;/*#f5f8fc bbd9ee*/
    overflow-x: auto;
    overflow-y: hidden;   
    width: 719px;
    padding: 1px 1px 18px 1px;
}

.gridContainer
{
	width: 710px; 	
	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; 
	
	padding: 1px 1px 18px 1px;
}
.gridContainerOrderDetails
{
	width: 680px; 	
	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; 
	
	padding: 1px 1px 18px 1px;
}
.gridContainerNotes
{
	width: 680px;
	max-height: 200px;
	clear: both; 
	
	background-repeat: no-repeat; 
	background-position: center; 
	
	overflow-x: hidden;
	overflow-y: auto;
    
	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; 
	
	padding: 1px 1px 18px 1px;
}


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

.gridFuncCol
{
	width: 20px;
}

/* The header of this GridView */
.gridHeader
{
    font-size:12px;
    font-weight:bold;
    letter-spacing:0px;
    text-align:left;
    padding:2px 4px;
    color:White;
    border-bottom:solid 2px #56adea;
	background-color:#8FA7BE;
	border-color:White;
}

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

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

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

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

.gridHeader th, .gridHeader a, .gridHeader a:hover
{
    text-align:left;
    color: White;
}

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

/* Alternative row */
.gridAlternatingRow
{  
	background-color: #f5f8fc;
}
.gridSelectedRow
{  
	background-color:#f5f8fc;
}
/* Frozen cell */
.gridFrozenCell
{
	position: relative;
	background-color: White;
}

/* Paging */
.gridPager 
{
	border-top:solid 2px #56adea;
    text-align:left;
    font-family:arial,sans-serif;
    padding:2px;	
    font-size:12px;
    background-color:#8FA7BE;
}

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

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

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

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

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

/* =GRID-BUTTONS
----------------------------------------------- */
.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/elementsImages/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;
}  

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