/*----------------------------------------------------------------------------- 



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{

	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;
	display:none;

}

.modern ul {
	text-align:center;

}

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

}





