/* ################################ */
/* ###       Project JFFM       ### */
/* ###  Filterbox SubTheme CSS  ### */
/* ###          By TDK          ### */
/* ################################ */


/* Filterbox Outter Container */
.filterbox_outter {

 -webkit-border-radius: 8px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 -moz-border-radius: 8px; /* Firefox 1-3.6 */
 border-radius: 8px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
 border-left: 1px solid rgba(255,255,255,0.5);
 border-right: 1px solid rgba(255,255,255,0.3);
 border-top: 1px solid rgba(255,255,255,0.5);
 border-bottom: 1px solid rgba(255,255,255,0.3);

 background: rgba(199,199,199,1);
 background: -moz-linear-gradient(-45deg, rgba(199,199,199,1) 0%, rgba(26,26,26,0.91) 13%, rgba(102,102,102,0.84) 23%, rgba(38,38,38,0.76) 35%, rgba(71,71,71,0.69) 46%, rgba(0,0,0,0.61) 57%, rgba(59,59,59,0.56) 65%, rgba(43,43,43,0.48) 77%, rgba(84,84,84,0.37) 93%, rgba(19,19,19,0.32) 100%);
 background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(199,199,199,1)), color-stop(13%, rgba(26,26,26,0.91)), color-stop(23%, rgba(102,102,102,0.84)), color-stop(35%, rgba(38,38,38,0.76)), color-stop(46%, rgba(71,71,71,0.69)), color-stop(57%, rgba(0,0,0,0.61)), color-stop(65%, rgba(59,59,59,0.56)), color-stop(77%, rgba(43,43,43,0.48)), color-stop(93%, rgba(84,84,84,0.37)), color-stop(100%, rgba(19,19,19,0.32)));
 background: -webkit-linear-gradient(-45deg, rgba(199,199,199,1) 0%, rgba(26,26,26,0.91) 13%, rgba(102,102,102,0.84) 23%, rgba(38,38,38,0.76) 35%, rgba(71,71,71,0.69) 46%, rgba(0,0,0,0.61) 57%, rgba(59,59,59,0.56) 65%, rgba(43,43,43,0.48) 77%, rgba(84,84,84,0.37) 93%, rgba(19,19,19,0.32) 100%);
 background: -o-linear-gradient(-45deg, rgba(199,199,199,1) 0%, rgba(26,26,26,0.91) 13%, rgba(102,102,102,0.84) 23%, rgba(38,38,38,0.76) 35%, rgba(71,71,71,0.69) 46%, rgba(0,0,0,0.61) 57%, rgba(59,59,59,0.56) 65%, rgba(43,43,43,0.48) 77%, rgba(84,84,84,0.37) 93%, rgba(19,19,19,0.32) 100%);
 background: -ms-linear-gradient(-45deg, rgba(199,199,199,1) 0%, rgba(26,26,26,0.91) 13%, rgba(102,102,102,0.84) 23%, rgba(38,38,38,0.76) 35%, rgba(71,71,71,0.69) 46%, rgba(0,0,0,0.61) 57%, rgba(59,59,59,0.56) 65%, rgba(43,43,43,0.48) 77%, rgba(84,84,84,0.37) 93%, rgba(19,19,19,0.32) 100%);
 background: linear-gradient(135deg, rgba(199,199,199,1) 0%, rgba(26,26,26,0.91) 13%, rgba(102,102,102,0.84) 23%, rgba(38,38,38,0.76) 35%, rgba(71,71,71,0.69) 46%, rgba(0,0,0,0.61) 57%, rgba(59,59,59,0.56) 65%, rgba(43,43,43,0.48) 77%, rgba(84,84,84,0.37) 93%, rgba(19,19,19,0.32) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#131313', GradientType=1 );

 padding: 4px 4px 4px 4px;
 margin-bottom:10px;

 box-shadow: 1px 1px 8px rgba(255,255,255,0.7);
}

/* Filterbox Inner Container */
.filterbox_inner {
 -webkit-border-radius: 3px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 -moz-border-radius: 3px; /* Firefox 1-3.6 */
 border-radius: 3px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
 border-left: 1px solid rgba(255,255,255,0.3);
 border-right: 1px solid rgba(255,255,255,0.3);
 border-top: 1px solid rgba(255,255,255,0.3);
 border-bottom: 1px solid rgba(255,255,255,0.3);

 background-color:rgba(0,0,0,0.2);
 width:100%;
 height:100%;
 
 display:inline-block;
 padding-top:2px;
}

/* Filterbox Icon */
.filterbox_icon {
 display:inline-block;
 vertical-align:middle;
}

/* Filterbox Textbox */
.filterbox_textbox {
 color: rgba(0,0,0,1.0);
 opacity: 0.7;
 display: inline-block;
}

/* Filterbox Label */
.filterbox_label {
 color: rgba(255,255,255,0.5);
 display:inline-block;

}