@charset "UTF-8";

/***********************************************************/
/* displaytag.css - version 1.0 - Altadev                  */
/*                                                         */
/* You can use and modify following stylesheet, but do not */
/* delete this comments                                    */ 
/*                                                         */
/***********************************************************/
/*                                                         */
/* Displaytags stylesheet                                  */
/* The default style for a Displaytag datagrid.            */
/*                                                         */
/* This is the selector for the main Displaytag.           */
/* For our default style, this container has a dark Vista  */ 
/* style.                                                  */
/*                                                         */
/* If you want to constrain the width of the Displaytag    */
/* widget, set a width on the Displaytag container.        */
/* By default, the Displaytag widget expands horizontally  */
/* to fill up available space.                             */
/*                                                         */
/* The name of the class ("Displaytag") used in this       */
/* selector is not necessary to make the widget function.  */
/* You can use any class name you want to style the        */
/* Displaytag container.                                   */
/***********************************************************/
	
/** GENERAL **/

table 
{
    border-spacing: 2px;
    text-indent: 0;	
}

table.datagrid
{
	width: 				100%;
	margin:				0;
	padding:			0;
}

table.datagrid thead, 
table.datagrid tbody, 
table.datagrid tr, 
table.datagrid td
{
	margin:				0;
	padding:			0;
}

/** TABLE HEADER **/
table.datagrid th,
table.datagrid td
{ 
	font-size:			11px;
	font-family: 		Arial;
}

table.datagrid thead
{
	height:		 		20px;
	line-height:		20px;
}

table.datagrid thead th
{
	padding:					0 5px;
	height:		 				20px;
    -moz-border-bottom-colors: 	none;
    -moz-border-image: 			none;
    -moz-border-left-colors: 	none;
    -moz-border-right-colors: 	none;
    -moz-border-top-colors: 	none;
    background: 				-moz-linear-gradient(center bottom , #7BC043 2%, #8BC642 51%, #9ED929 87%) repeat scroll 0 0 transparent;
    background-color: 			#9dd929;
    border-color: 				#93CE37 #93CE37 #9ED929;
    border-radius: 				5px 5px 0 0;
    border-style: 				solid;
    border-width: 				1px 1px 3px;
    color: 						#FFFFFF;
    text-shadow: 				1px 1px 1px #568F23;	
}

table.datagrid tbody th
{
	height:		 				20px;
	-moz-border-bottom-colors: 	none;
    -moz-border-image: 			none;
    -moz-border-left-colors: 	none;
    -moz-border-right-colors: 	none;
    -moz-border-top-colors: 	none;
    background: 				-moz-linear-gradient(left bottom , #9ED929 2%, #8BC642 51%, #7BC043 87%) repeat scroll 0 0 transparent;
    background-color: 			#9dd929;
    border-color: 				#93CE37 #9ED929 #93CE37 #93CE37;
    border-radius: 				5px 0 0 5px;
    border-style: 				solid;
    border-width: 				1px 3px 1px 1px;
    color: 						#FFFFFF;
    padding: 					0 20px;
    text-shadow: 				1px 1px 1px #568F23;
   }


table.datagrid thead th.empty {
    background: 		none repeat scroll 0 0 transparent;
    border: 			medium none;
    background-color:	#FFFFFF;    
}

table.datagrid thead th.first
{
	background: 		url('../img/template/displaytag/thFirst.gif') no-repeat top left;
}

table.datagrid thead th.noBorder
{
	border-right: 		0;
}

table.datagrid thead th.last
{
	border-right: 		0;
	background: 		url('../img/template/displaytag/thLast.gif') no-repeat top right;
}

table.datagrid thead th.hidden
{
	background: 		none;
}

/** COLUMN SORTING **/
table.datagrid thead th a 
{
	color:				#fff;
	text-decoration: 	none; 
	display:			block;
	height:		 		20px;
	line-height:		20px;		
	background: 		none;
}

table.datagrid a.block {
	display: 			block;
}

table.datagrid a:hover {
	font-weight: 		bold; 
}

table.datagrid thead th a:hover
{
	text-decoration: 	underline;
}

table.datagrid th.asc    a { background: url('../img/template/displaytag/sorted_asc.gif')  no-repeat top right; }
.move_up   { background: url('../img/template/displaytag/sorted_asc.gif')  no-repeat top right; }
table.datagrid th.desc   a { background: url('../img/template/displaytag/sorted_desc.gif') no-repeat bottom right; }
.move_down   { background: url('../img/template/displaytag/sorted_desc.gif')  no-repeat top right; }

/** TABLE BODY **/
table.datagrid td
{
	height:				20px;
	line-height:		20px;
	padding:	 		0 2px 0 2px;
    border: 			2px solid #E7EFE0;
    border-radius: 		2px 2px 2px 2px;
    color: 				#666666;
    display: 			table-cell;
}

table.datagrid tr
{
    background-color:	#DEF3CA;
}

table.datagrid tbody td.empty 	
{ 
	background-color: 	#fff; 
	font-style:			italic; 
	border: 			none;
}

table.datagrid tbody tr.odd,
table.datagrid tbody td.odd 	
{ 
	background-color: #EAFFD6; 
}

table.datagrid tbody tr.even,
table.datagrid tbody td.even 	
{
	background-color: #DEF3CA; 
}

table.datagrid tbody td.selected, 
table.datagrid tbody tr.hover,
table.datagrid tbody tr:hover,
table.datagrid tbody td.hover,
table.datagrid tbody td:hover
{
	background-color:	#C4E87F;
}

table.datagrid tbody tr.subtotal td
{
	background-color:	#ddd;
	border: 			none;
}

table.datagrid tbody tr.total td
{
	background-color:	#bbb;
	border: 			none;
}

table.datagrid tbody tr.coupon td
{
	background-color:	#fff;
	border: 			none;
}

table.datagrid tbody tr.empty td
{
	background-color:	#fff;
	border: 			none;
}


table.datagrid tbody td.coupon
{
	padding: 			10px 2px;
}

span.pagebanner
{
	display:			block;
	float: 				left;
	text-align: 		left;
	width:				200px;
	height:				40px;
	line-height:		40px;
}

span.pagelinks
{
	display:			block;
	width:				370px;
	margin-left:		auto;
	margin-right:		auto;
	text-align:			center;
	height:				40px;
	line-height:		40px;
}

.pager
{
	height: 			14px; 
	line-height:		14px;
	text-decoration:	none;
	padding-left:		12px;
	text-decoration: 	none;
	background: 		transparent url('../img/template/displaytag/pager.gif') no-repeat top left;
}
 
a.firstPage,
a.prevPage,
a.nextPage,
a.lastPage 
{
	text-decoration: 	none;
}

a.firstPage 		{ background-position:   0     0; 	}
a.prevPage 			{ background-position: -14px   0; 	}
a.nextPage 			{ background-position: -28px   0; 	}
a.lastPage 			{ background-position: -42px   0; 	}

a.firstPage:hover 	{ background-position:   0   -14px; }
a.prevPage:hover	{ background-position: -14px -14px; }
a.nextPage:hover 	{ background-position: -28px -14px; }
a.lastPage:hover	{ background-position: -42px -14px; }

span.firstPage 		{ background-position:   0   -28px; }
span.prevPage 		{ background-position: -14px -28px; }
span.nextPage 		{ background-position: -28px -28px; }
span.lastPage 		{ background-position: -42px -28px; }