/*----------------------------------------------------------------------------- 

JUX PORTFOLIO BUTTON CATEGORY STYLE SHEET

Screen Stylesheet 

version:   	1.0 
date:      	04.06.2013 
author:		maxnguyen
email:     	longnv@joomseller.com

-----------------------------------------------------------------------------*/
#mod_portfolio-filter{
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.4) rgba(0, 0, 0, 0.1);
    border-image: none;
    border-width: 1px;
    padding: 5px 0 0 0 ;
	margin-left: 0px;
}

.jux-portfolio-header{
	display:none;
	/* background: none repeat scroll 0 0 #3bb3e0;
	border-color: rgba(255, 255, 255, 0.4) rgba(0, 0, 0, 0.1);
    border-radius: 6px 6px 0 0;
    color: #FFFFFF;
    font-size: 22px;
	text-transform: uppercase;
    padding: 13px 20px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
	position: relative; */
}

.modern li {
	display: inline-block;
	margin: 3px;
	padding: 8px 15px;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
	background-color: #F8F8F8;
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 4px;
	transition: all 0.3s ease-out;
	cursor: pointer;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.5)
		,0 1px 1px rgba(0,0,0,0.3)
		,0 0 1px 0px rgba(0,0,0,0.2)
		;

	/*	 Font styles */
	text-decoration: none;
	text-shadow: 0 1px rgba(255,255,255,0.7);
	text-transform: uppercase;
	font-family: Cambria,Georgia,serif;
}

.modern li:hover  { background: #F5F5F5; }

.modern li:active {
	box-shadow: 
		inset 0 -2px 1px rgba(255,255,255,0.2),
		inset 0 3px 2px rgba(0,0,0,0.12);
}

#mod_portfolio-filter li.selected-filter-item{
	background-color: #F5F5F5;
    border: 1px solid #E3E3E3;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 
		inset 0 1px 0 rgba(0,0,0,0.1),
		inset 0 -1px 0 rgba(255,255,255,0.7);
	top: -6px; bottom: -6px;
	right: -6px; left: -6px;
    min-height: 20px;
}


