/*=======================================================================
	SOUNDVIEW: Utility CSS
-----------------------------------------------------------------------*/
@import "../../_default/css/utility.css";

/*=======================================================================
	UTILITY: Account Customer Tender Form
-----------------------------------------------------------------------*/
.u-account-customertenderform h6
{
	margin: 0.5em 0 1em;
	padding-top: 0.5em;
	font-size: 1.167em;
	font-weight: bold;
	color: #032e4e;
	border-top: 1px solid #e5e5e5;
}

/*=======================================================================
	UTILITY: Account: Login Form
-----------------------------------------------------------------------*/
.u-account-loginform ul.actions li.action-secondary
{
    padding-top: 5px;
    width: 100%;
}

    .u-account-loginform ul.actions li.action-secondary p
    {
        margin: 0;
    }

/*=======================================================================
	UTILITY: Cart Summary
-----------------------------------------------------------------------*/
.u-cart-summary table.summary
{
	width: 100%;
	border-collapse: collapse;
}

	.u-cart-summary table.summary th
	{
		padding: 9px 11px 4px 9px;
		font-weight: bold;
		text-align: left;
		color: #333;
		border-top: 2px solid #fff;
	}	
	
	.u-cart-summary table.summary td
	{
		padding: 9px 11px 4px 9px;
		font-size: 0.917em;
		text-align: left;
		color: #032e4e;
		background: transparent url(../../images/layout/bg_cart-summary-dotted.gif) 0 0 repeat-x;
	}
	
	.u-cart-summary table.summary .column-quantity
	{
		text-align: center;	
	}

	.u-cart-summary table.summary .column-total
	{
		text-align: right;	
	}
	.u-cart-summary .guarantee {
	    text-align: center;
	    padding-top: 15px;
	}

/*=======================================================================
	UTILITY: Customer Order Detail
-----------------------------------------------------------------------*/
.u-customerorder-detail .order-data .basics h3.date
{
	position: absolute;
	right: 4px;
	top: 0.3em;
	font-size: 1em;
	font-style: normal;
	color: #333;
}

	.u-customerorder-detail .order-data .basics h3.date span
	{
		display: none;	
	}

/*-- STATUS --*/
.u-customerorder-detail .order-data .basics h4.status
{
	margin: -1.143em 0 0;
	padding: 0.6em 4px;
	font-size: 1.167em;
	font-weight: normal;
	background-color: #f1f1f1;	
}
	
	/*-- new --*/
	.u-customerorder-detail .status-new .basics h4.status { color: #0069be; }
	/*-- sent to warehouse --*/
	.u-customerorder-detail .status-senttowarehouse .basics h4.status { color: #6c4803; }
	/*-- partially shipped --*/
	.u-customerorder-detail .status-partiallyshipped .basics h4.status { color: #56700f; }
	/*-- shipped --*/
	.u-customerorder-detail .status-shipped .basics h4.status { color: #598d2c; }
	/*-- partially cancelled --*/
	.u-customerorder-detail .status-partiallycancelled .basics h4.status { color: #be4c14; }
	/*-- cancelled --*/
	.u-customerorder-detail .status-cancelled .basics h4.status { color: #be0b02; }

.u-customerorder-detail .order-data .shipments-single .info
{
	padding-top: 1em;
	border-top: 1px dashed #ccc;
}	

/*=======================================================================
	UTILITY: Miscellaneous Page Title
-----------------------------------------------------------------------*/
.u-miscellaneous-pagetitle span
{
	margin-bottom: 0.3em;
	display: block;
	font-size: 1.167em;
}	

/*======================================================================
	UTILITY: Miscellaneous: Recently Viewed
----------------------------------------------------------------------*/
.u-miscellaneous-recentlyviewed
{}

	/*-- PRODUCTS --*/
	.u-miscellaneous-recentlyviewed .products
	{
		padding-bottom: 1em;
		border-bottom: 1px solid #dcdcdc;
	}

		.u-miscellaneous-recentlyviewed .products .u-miscellaneous-recentlyviewedblock ul
		{
			margin: 0;
			padding-left: 22px;
			list-style: none;
		}
	
			.u-miscellaneous-recentlyviewed .products .u-miscellaneous-recentlyviewedblock ul li
			{
				margin: 0 10px;
				width: 155px;
				float: left;
			}
		
				.u-miscellaneous-recentlyviewed .products .u-miscellaneous-recentlyviewedblock ul li a
				{
					display: block;
				}
			
					.u-miscellaneous-recentlyviewed .products .u-miscellaneous-recentlyviewedblock ul li a img
					{
						display: block;
						margin-bottom: 3px;
					}

/*======================================================================
	UTILITY: Miscellaneous: Recently Viewed Block
----------------------------------------------------------------------*/
.u-miscellaneous-recentlyviewedblock
{
	margin-bottom: 1em;
	clear: both;
}

/*=======================================================================
	UTILITY: Miscellaneous Totals Table
-----------------------------------------------------------------------*/
.u-miscellaneous-totalstable table
{
	width: 100%;
	border-collapse: collapse;	
}

	.u-miscellaneous-totalstable table th
	{
		padding: 5px 11px 2px 9px;
		font-weight: normal;
		text-align: left;
		color: #333;
		background: #c9c5bd url(../images/layout/bg_cart-summary-dotted.gif) 0 0 repeat-x;
	}
	
	.u-miscellaneous-totalstable table td
	{
		padding: 5px 11px 2px 9px;
		font-size: 0.917em;
		font-weight: normal;
		text-align: right;
		color: #032e4e;
		background: #c9c5bd url(../images/layout/bg_cart-summary-dotted.gif) 0 0 repeat-x;
	}
	
	.u-miscellaneous-totalstable table tr.subtotal th
	{
		font-weight: bold;	
		background-image: url(../images/layout/bg_cart-summary-solid.gif);
	}

	.u-miscellaneous-totalstable table tr.subtotal td
	{
		background-image: url(../images/layout/bg_cart-summary-solid.gif);	
	}
	
	.u-miscellaneous-totalstable table tr.total th
	{
		font-size: 1.25em;
		font-weight: bold;	
		background-image: url(../images/layout/bg_cart-summary-solid.gif);
	}

	.u-miscellaneous-totalstable table tr.total td
	{
		font-size: 1.167em;
		font-weight: bold;
		background-image: url(../images/layout/bg_cart-summary-solid.gif);	
	}

/*=======================================================================
	UTILITY: Miscellaneous Trapcode Manager
-----------------------------------------------------------------------*/
.u-miscellaneous-trapcodemanager
{
	margin-top: 8px;
	padding: 8px;
	width: 264px;
	float: left;
	background-color: #eee;	
	border: 3px double #ccc;
}

	.u-miscellaneous-trapcodemanager table.base
	{
		margin-bottom: 0;	
	}
	
		.u-miscellaneous-trapcodemanager table caption
		{
			padding-bottom: 0.3em;
			font-size: 1.167em;
			font-style: italic;
			font-weight: normal;
			text-align: left;
			color: #032E4E;
		}

		.u-miscellaneous-trapcodemanager table thead
		{
			display: none;
		}

		.u-miscellaneous-trapcodemanager table.base td,
		.u-miscellaneous-trapcodemanager table.base tr.alt td
		{
			padding: 0.5em 8px;
			vertical-align: middle;
			background-color: #dde4e8;
			border-top: 1px solid #ccc;
		}
		
			.u-miscellaneous-trapcodemanager table td input.input-text
			{
				width: 176px;	
			}
		
		.u-miscellaneous-trapcodemanager table td.column-trapcode
		{
			font-size: 1.2em;
			font-weight: bold;	
		}
		
		.u-miscellaneous-trapcodemanager table td.column-action
		{
			font-size: 0.917em;
			border-left: 1px dashed #ccc;
		}
		
/*=======================================================================
	UTILITY: Products Email a Friend
-----------------------------------------------------------------------*/
.u-products-emailfriend
{
	margin: 1em 0;
	padding: 0.833em 8px 2em;
	clear: both;
	border: 1px solid #999;
}

	.u-products-emailfriend h3
	{
		margin-bottom: 1em;
		padding-bottom: 0.5em;
		font-size: 1.067em;
		font-weight: bold;
		font-style: normal;
		color: #000;
		border-bottom: 1px dashed #ccc;
	}	

	.u-products-emailfriend li.pairing span.required
	{
		display: none;	
	}
	
	.u-products-emailfriend input.input-text
	{
		width: 198px;	
	}

	/*-- SENDER --*/
	.u-products-emailfriend li.sender-name,
	.u-products-emailfriend li.sender-email
	{
		padding-left: 12px;
		float: left;	
	}
	
	/*-- RECIPIENTS --*/
	.u-products-emailfriend li.recipients
	{
		padding: 8px;
		clear: both;
		background-color: #eee;	
	}
	
		.u-products-emailfriend li.recipients label.primary span.pairing-label
		{
			padding-left: 4px;	
		}
		
		.u-products-emailfriend li.recipients label.primary span.pairing-note
		{
			padding-left: 4px;
			display: block;
			color: #666;	
		}
	
	/*-- MESSAGE --*/
	.u-products-emailfriend li.message
	{
		margin: 0;	
	}
	
		.u-products-emailfriend li.message textarea
		{
			width: 447px;
			height: 100px;
		}
		
/*=======================================================================
	UTILITY: Products Pager
-----------------------------------------------------------------------*/
.u-products-pager li.pairing label
{
	padding-top: 2px;	
}

.u-products-pager li.pairing label.primary span.optional
{
	display: none;	
}

/*-- PAGING --*/
.u-products-pager .paging
{
	padding-bottom: 0.5em;	
}

.u-products-pager .paging,
.u-products-pager .paging .info,
.u-products-pager .paging ul,
.u-products-pager .paging li
{
	margin-right: 10px;
	float: left;	
}

.u-products-pager .paging .info
{
	padding-top: 2px;	
}

	.u-products-pager .paging .info span
	{
		font-weight: bold;	
	}
	
	.u-products-pager .paging li.jump
	{
		margin-right: 8px;	
	}
	
		.u-products-pager .paging li.jump select
		{
			width: 45px;
		}	
		
		.u-products-pager .paging li.jump option
		{
			padding: 0 2px 0 4px;	
		}
	
	.u-products-pager .paging li.previous,
	.u-products-pager .paging li.next
	{
		margin-right: 8px;
		padding-top: 2px;	
	}
	
		.u-products-pager .paging li.previous a
		{
			padding-left: 10px;
			font-size: 0.917em;
			background: transparent url(../images/layout/bullet_arrow-left.gif) left 5px no-repeat;
		}	
		
		.u-products-pager .paging li.next a
		{
			padding-right: 10px;
			font-size: 0.917em;
			background: transparent url(../images/layout/bullet_arrow-right.gif) right 5px no-repeat;
		}	

/*-- OPTIONS --*/
.u-products-pager .options,
.u-products-pager .options li
{
	float: left;	
}

	.u-products-pager .options li
	{
		margin-right: 10px;
	}

	.u-products-pager .options li.pairing
	{
		margin-right: 15px;
		margin-bottom: 0;
	}

	.u-products-pager .options li.sort
	{
		margin-right: 0;	
	}
	
		.u-products-pager .options li.sort select
		{
			width: 120px;
		}

/*=======================================================================
	UTILITY: Products Related Products
-----------------------------------------------------------------------*/
.u-products-relatedproducts
{
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid #ccc;	
}

	.u-products-relatedproducts h3
	{
		margin-left: 10px;
		font-size: 1.1em;
		font-weight: bold;
		font-style: normal;	
		color: #000;
	}
	
	.u-products-relatedproducts li.product .info h4
		{
			margin:0;
			font-size: 1em;
			font-weight: bold;	
		}
	
		.u-products-relatedproducts li.product .info h5
		{
			font-style: normal;	
		}
		
		.u-products-relatedproducts li.product .prices
		{
			margin-top: 20px;
			padding: 3px 0.5em 0 6px;
			min-height: 20px;
			float: left;
			font-size: 1.083em;
			font-weight: bold;
			font-style: italic;
			color: #80683a;	
			background: transparent url(../images/layout/bg_price.gif) 0 0 no-repeat;
		}
		* html .u-products-relatedproducts li.product .prices { height: 20px; }

		.u-products-relatedproducts li.product .fulfillmentsystemid
		{
			display: none;	
		}

	/*-- LIST VIEW --*/
	.u-products-relatedproducts .products-list li.product
	{
		padding: 1.333em 10px 1.333em 20px;
		clear: both;
		overflow: hidden;
		_overflow: visible;
		border-bottom: 1px dashed #ccc;	
	}
	* html .u-products-relatedproducts .products-list li.product { height: 1%; }
		
		.u-products-relatedproducts .products-list li.product .image
		{
			margin-right: 20px;
			float: left
		}
		
		.u-products-relatedproducts .products-list li.product .info
		{
			width: 438px;
			float: left;	
		}

		.u-products-relatedproducts .products-list li.product .prices
		{
			float: left;
		}
		
		.u-products-relatedproducts .products-list li.product a.button
		{
			margin-top: 20px;
		}

/*=======================================================================
	UTILITY: Products Sku Selector
-----------------------------------------------------------------------*/
.u-products-skuselector table.base th.column-quantity,
.u-products-skuselector table.base td.column-quantity,
.u-products-skuselector table.base td.column-quantity input.input-text
{
	text-align: center;	
}

/*=======================================================================
	UTILITY: Products Thumbnail Page
			 My Libary Page
-----------------------------------------------------------------------*/
/*-- ALL VIEWS --*/
.u-products-thumbnailpage,
.u-products-mylibrarypage
{
	border-top: 1px solid #ccc;	
}
	
	/* library groupings - if you modify this rule, test in IE and FF2 */
	.u-products-mylibrarypage li.group
	{
		margin-top: -1px;
		padding: 6px 5px;
		width: 629px;
		float: left;
		position: relative;
		font-size: 1.2em;
		font-weight: bold;
		background-color: #f1f1f1;
		border-top: 1px solid #ccc;
	}
	
	.u-products-thumbnailpage li.product .info h4,
	.u-products-mylibrarypage li.product .info h4
	{
		margin: 0;
		font-size: 1em;
		font-weight: bold;	
	}
		
		.u-products-mylibrarypage li.product .info h4
		{
			color:#08436F;
		}
	
	.u-products-thumbnailpage li.product .info h5,
	.u-products-mylibrarypage li.product .info h5
	{
		font-style: normal;	
	}

	.u-products-thumbnailpage li.product .prices,
	.u-products-mylibrarypage li.product .prices
	{
		margin-top: 20px;
		padding: 3px 0.5em 0 6px;
		min-height: 20px;
		float: left;
		font-size: 1.083em;
		font-weight: bold;
		font-style: italic;
		color: #80683a;	
		background: transparent url(../images/layout/bg_price.gif) 0 0 no-repeat;
	}
	* html .u-products-thumbnailpage li.product .prices,
	* html .u-products-mylibrarypage li.product .prices
	{
		height: 20px;
	}

	.u-products-thumbnailpage li.product .fulfillmentsystemid,
	.u-products-mylibrarypage li.product .fulfillmentsystemid
	{
		display: none;	
	}

/*-- GRID VIEW --*/
.u-products-thumbnailpage .products-grid .row,
.u-products-mylibrarypage .products-grid .row
{
	padding: 12px 0;
	border-bottom: 1px dashed #ccc;	
}


.u-products-thumbnailpage .products-grid li.product,
.u-products-mylibrarypage .products-grid li.product
{
	padding: 16px 20px 4.167em;
	float: left;
	width: 172px;
	min-height: 252px;
	position: relative;
	border-right: 1px dashed #ccc;
}
* html .u-products-thumbnailpage .products-grid li.product,
* html .u-products-mylibrarypage .products-grid li.product
{
	height: 252px;
}

	.u-products-thumbnailpage .products-grid li.product-last,
	.u-products-mylibrarypage .products-grid li.product-last
	{
		border: none;	
	}
	
	.u-products-thumbnailpage .products-grid li.product .image,
	.u-products-mylibrarypage .products-grid li.product .image
	{
		margin-bottom: 10px;
		text-align: center;	
	}
	
	.u-products-thumbnailpage .products-grid li.product .info .prices,
	.u-products-mylibrarypage .products-grid li.product .info .prices
	{
		width: 100px;
		position: absolute;
		left: 20px;
		bottom: 16px;	
	}

	.u-products-thumbnailpage .products-grid li.product .info a.button,
	.u-products-mylibrarypage .products-grid li.product .info a.button
	{
		position: absolute;
		left: 120px;
		bottom: 16px;	
	}
		/* fix collapsing in IE6 */
		* html .u-products-thumbnailpage .products-grid li.product .info a.button,
		* html .u-products-mylibrarypage .products-grid li.product .info a.button
		{
			white-space: nowrap;	
		}
		
/*-- LIST VIEW --*/
.u-products-thumbnailpage .products-list li.product,
.u-products-mylibrarypage .products-list li.product
{
	padding: 1.333em 10px 1.333em 20px;
	clear: both;
	/*overflow: hidden;*/
	border-bottom: 1px dashed #ccc;	
}

/* float the container instead of using clearfix to resolve flush margin issue for library groupings in IE */
.u-products-mylibrarypage .products-list li.product 
{
	width: 608px;
	float: left;
}	

* html .u-products-thumbnailpage .products-list li.product
{
	height: 1%;
}
	
	.u-products-mylibrarypage .products-list li.product .col-1 {
		float: left;
	}
		.u-products-thumbnailpage .products-list li.product .image,
		.u-products-mylibrarypage .products-list li.product .image
		{
			margin-right: 20px;
			float: left
		}
		.u-products-mylibrarypage .products-list li.product .actionlist
		{
			padding-top: 0;
			clear: left;
			border: 0;
		}
			.u-products-mylibrarypage .products-list li.product .actionlist li.action {
				float: none;
			}

	.u-products-thumbnailpage .products-list li.product .info,
	.u-products-mylibrarypage .products-list li.product .info
	{
		width: 435px;
		float: left;	
	}
	.u-products-mylibrarypage .products-list li.product .info
	{
		float: right;
	}
	
	.u-products-mylibrarypage .products-list li.product .downloads
	{
		margin: 2em 0 0.5em;
		padding-top: 7px;
		background: transparent url(../images/layout/bg_downloads-top.gif) left top no-repeat;	
	}
	
		.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist
		{
			padding: 0 10px 5px;
			background: transparent url(../images/layout/bg_downloads-bottom.gif) left bottom no-repeat;
		}
		
			.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li
			{
				margin-right: 7px;
				float: left;	
			}
			
				.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li a
				{
					width: 45px;
					height: 45px;
					display: block;
					font-size: 1px;
					text-indent: -9999px;	
					background-color: transparent;
					background-position: 0 0;
					background-repeat: no-repeat;
				}
			
					/*-- Corporate Assessment Questions --*/
					.u-products-mylibrarypage .products-list li.product .downloads  ul.downloadslist li.download-3-pdf a
					{
						width: 151px;
						height: 32px;
						margin-left: 50px;
						margin-top: 6px;
					}				
					/*-- Corporate Assessment Answers --*/
					.u-products-mylibrarypage .products-list li.product .downloads  ul.downloadslist li.download-4-pdf a
					{
						width: 151px;
						height: 32px;
						margin-top: 6px;
						margin-right: 0px;
					}		
	
					/*-- PDF --*/
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-2-pdf a
					{
						background-image: url(../images/layout/icon_format_pdf1.gif);
					}

					/*-- Assessment Question PDF --*/
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-3-pdf a
					{
						background-image: url(../images/layout/icon_assessment_questions.gif);
					}

					/*-- Assessment Answer PDF --*/
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-4-pdf a
					{
						background-image: url(../images/layout/icon_assessment_answer.gif);
					}
					
					/*-- Mobile PDF --*/
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-5-pdf a
					{
						background-image: url(../images/layout/icon_format_mobile.gif);
					}
					
					/*-- SmartFormat --*/
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-2-html a
					{
						background-image: url(../images/layout/icon_format_smart.gif);
					}
					
					/*-- HTML --*/ 
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-2-htm a
					{
						background-image: url(../images/layout/icon_format_html1.gif);
					}
					/*-- KINDLE --*/
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-2-mobi a
					{
						background-image: url(../images/layout/icon_format_kindle1.gif);
					}
					/*-- SLIDES --*/
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-2-pps a
					{
						background-image: url(../images/layout/icon_format_slides.gif);
					}
					/*-- LIT --*/
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-2-lit a
					{
						
						background-image: url(../images/layout/icon_format_lit1.gif);
					}
					/*-- EPUB --*/
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-2-epub a
					{
						
						background-image: url(../images/layout/icon_format_epub.gif);
					}
					
					/*-- E-BOOK --*/
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-2-txt a
					{
						
						background-image: url(../images/layout/icon_format_ebook1.gif);
					}
					
					/*-- PDA --*/
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-2-pdb a
					{
						
						background-image: url(../images/layout/icon_format_palm1.gif);
					}
					
					/*-- MP3 --*/
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-2-mp3 a
					{
						background-image: url(../images/layout/icon_format_mp31.gif);
					}
					
					/*-- MP4 --*/
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-2-mp4 a
					{
						background-image: url(../images/layout/icon_format_video.gif);
					}
					
					/*-- MP4 Clip 1 --*/
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-6-mp4 a
					{
						background-image: url(../images/layout/icon_format_video_1.gif);
					}
					
					/*-- MP4 Clip 2--*/
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-7-mp4 a
					{
						background-image: url(../images/layout/icon_format_video_2.gif);
					}
					
					/*-- MP4 Clip 3--*/
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-8-mp4 a
					{
						background-image: url(../images/layout/icon_format_video_3.gif);
					}
					
					/*-- MP4 Clip 4--*/
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-9-mp4 a
					{
						background-image: url(../images/layout/icon_format_video_4.gif);
					}
					
					/*-- MP4 Clip 5--*/
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-10-mp4 a
					{
						background-image: url(../images/layout/icon_format_video_5.gif);
					}
					
					/*-- MP4 Clip 6--*/
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-11-mp4 a
					{
						background-image: url(../images/layout/icon_format_video_6.gif);
					}
					
					/*-- MP4 CLip 7--*/
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-12-mp4 a
					{
						background-image: url(../images/layout/icon_format_video_7.gif);
					}
					
					/*-- MP4 Full Interview--*/
					.u-products-mylibrarypage .products-list li.product .downloads ul.downloadslist li.download-13-mp4 a
					{
						background-image: url(../images/layout/icon_format_video_full.gif);
					}
				
	.u-products-thumbnailpage .products-list li.product .prices,
	.u-products-mylibrarypage .products-list li.product .prices
	{
		float: left;
	}
	
	.u-products-thumbnailpage .products-list li.product a.button,
	.u-products-mylibrarypage .products-list li.product a.button
	{
		margin-top: 20px;
	}

input[type=image][disabled] {
    filter: gray; /* IE6-9 */
    filter: grayscale(1); /* Firefox 35+ */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */

}
a.disabled {
    filter: gray; /* IE6-9 */
    filter: grayscale(1); /* Firefox 35+ */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}