.newButton
{
		cursor: pointer;
		border: 1px solid #fff;
		box-shadow: 1px 1px 1px #888, 0px 0px 1px 0px #A0A0A0;
		background: rgb(255,255,255);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );
		float: left;
		color: #6f6f6f;
		font-family: arial;
		font-weight: 300;
		font-size: 9px;
		line-height: 11px;
		text-transform: uppercase;
		padding: 6px 14px 4px 17px;
		word-spacing: 4px;
		margin: 0px 0px 3px 37px;
		position: relative;
}

.newButton:before
{
		position:absolute;
		content:'>>';
		font-family: Courier New;
		font-size: 22px;
		text-shadow: 0px 0px 0px transparent;
	
	   transform:scale(0.5,1); /* W3C */
	    -webkit-transform:scale(0.5,1); /* Safari and Chrome */
	    -moz-transform:scale(0.5,1); /* Firefox */
	    -ms-transform:scale(0.5,1); /* IE 9 */
	    -o-transform:scale(0.5,1); /* Opera */
	
		letter-spacing: -3px;
		color: #fff;
		padding: 7px 18px 0px 19px;
		width: 24px;
		height: 17px;
		left: -51px;
		top: -1px;
			
		background: rgb(87,163,242); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(87,163,242,1) 0%, rgba(39,81,154,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,163,242,1)), color-stop(100%,rgba(39,81,154,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(87,163,242,1) 0%,rgba(39,81,154,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(87,163,242,1) 0%,rgba(39,81,154,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(87,163,242,1) 0%,rgba(39,81,154,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(87,163,242,1) 0%,rgba(39,81,154,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a3f2', endColorstr='#27519a',GradientType=0 ); /* IE6-9 */
	
		box-shadow: inset 1px 1px 0px rgba(255,255,255,0.3), inset -1px -1px 0px rgba(0,0,0,0.3), 1px 1px 2px #8f8f8f, 0px 0px 1px 0px #333;
}



/*  SORT ARROW */

.sortArrowasc
{
		width:3px;
		height:6px;
		display:inline-block;
		margin:0px 0px 0px 5px;	
		background-image: linear-gradient(bottom, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.3) 50%, transparent 50%);		
}


.sortArrowasc:before
{
		content:'';	
		width: 3px;
		height: 6px;
		background-image: linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -o-linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		position:relative;
		display: block;
		top: 0px;
		left: -3px;
}

.sortArrowasc:after
{
		content:'';	
		width: 3px;
		height: 6px;
		background-image: linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -o-linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		position:relative;
		display: block;
		top: -6px;
		left: 3px;
}

.sortArrowdesc
{
		width:3px;
		height:6px;
		display:inline-block;
		margin:0px 0px 0px 5px;	
		background-image: linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -o-linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);		
}
.sortArrowdesc:before
{
		content:'';	
		width: 3px;
		height: 6px;
		background-image: linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -o-linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		position:relative;
		display: block;
		top: 3px;
		left: -3px;
}

.sortArrowdesc:after
{
		content:'';	
		width: 3px;
		height: 6px;
		background-image: linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -o-linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.3) 50%, transparent 50%);
		position:relative;
		display: block;
		top: -3px;
		left: 3px;
}