/* ===========================================
   Jrole User Interface CSS Framework
   Output  : Uncompressed
   Theme   : Taihu
   Version : 5.0.1
   Author  : Netcomposite (http://www.netcomposite.com/)
   =========================================== */


/* ========================================
   Icons system import configuration map
   ========================================*/


/*
*  Core system icons sprite   : jui-ici-sprite-system-1.5.css 
*  Locale icons standalone    : jui-ici-icons-flags-1.0.css
*  Locale icons sprite alt    : jui-ici-sprite-locale-1.5.css
*  File ext icons  sprite     : jui-ici-icons-files-1.0.css
*  File ext icons standalone  : jui-ici-sprite-dam-1.0.css                               
*  Logos and branding sprite  : jui-ici-sprite-bid-1.5.css
*  Animated icons standalone  : jui-ici-icons-loaders-1.0.css 
*  SPD icon system sprite     : jui-ici-sprite-spd-default-1.0.css
*/



.jp-ici {
	background-repeat: no-repeat;                                    
	font-size: 1.1111em; 
	display: inline-block;
	position: relative;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	line-height: 1em;
	-webkit-background-size: 45em 57em;
	     -o-background-size: 45em 57em;
	   -moz-background-size: 45em 57em;
	        background-size: 45em 57em;
	height: 1em;
	width: 1em;

}

.jp-ici var {
	display: none;
 	visibility:hidden;
}

a i.jp-ici {
	cursor: pointer !important;
}

button i.jp-ici {
	cursor: pointer !important;
}




/* ========================================
   Backgrounds for handelling paralax and slide shows
   ========================================*/


.jp-ici-background-scroll {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: scroll !important;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


/* ========================================
   Module  for handeling  variable size media renditions
   ========================================*/

.jp-nav-section .jp-ici-box  {
	margin-right: 0.25em;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 0px solid transparent;
}

.jp-nav-section .jp-ici-box img {
	border: 1px solid #ddd;
}


.jp-ici-module {
	width: 100%;
	height: 100%;
	line-height: 100%;
	display: inline-block !important;
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
	overflow: hidden;
	vertical-align: middle;
}

.jp-ici-module a {
        border: none !important;
        text-decoration: none !important;
}

.jp-ici-module .jp-ici {
	border: 1px solid #FFF;

}
.jp-ici-box-rendition  {
	float: left;
	display: block;
	margin: auto;
   
 }
.jp-ici-module  .jp-ici-module-update {
	width: 100%;
	height: 2.5em;
	line-height: 2.45em;
	padding:  0 .35em; 
	margin: 4px;
	position: absolute;
	bottom: -3rem;
	left: 0;
	transition: 0.8s ease;
	z-index: -90000;
	}
 
.jp-ici-module:hover .jp-ici-module-update{
	position: absolute;
	bottom: 0 !important;
	left: 0; 
	z-index: 90000;  
} 

.jp-ici-box {
	width: 100%;
	height: 100%;
	line-height: 100%;
	display: inline-block !important;
	position: relative;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
	overflow: hidden;
	vertical-align: middle;
}
 
.jp-ici-box  img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border: 2px solid transparent; 
 }

.jp-ici-box:hover img {	
	border: 2px solid #transparent; 
 } 
 
 




/* ========================================
   Scale child overlay images 
   ========================================*/

.jp-ici-scale-16 img {height:  16px; width: 16px; border: 0px; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0;}

.jp-ici-scale-32 img {display: block; max-width: 100%; height: auto;  max-width: 32px; max-height: 100%; border: none; margin: 0 auto; padding:0; vertical-align: middle; } 

.jp-ici-scale-48 img {display: block; width: 100%; height: auto;  max-width: 48px; max-height: 48px; border: none; margin: 0 auto; vertical-align: middle; } 

.jp-ici-scale-64 img {display: block; height:  64px; width: 64px; border: 0px; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0;}

.jp-ici-scale-84 img {display: block; max-width: 100%; height: auto;  max-width: 84px; max-height: 100%;  border: none; margin: auto; vertical-align: middle; } 



.jp-ici-scale-16,
.jp-ici-sprite-dam.jp-ici-scale-16 {
	height:  1em; 
	width: 1em; 
	line-height: 1em;
	-webkit-background-size: 45em 57em;
	     -o-background-size: 45em 57em;
	   -moz-background-size: 45em 57em;
	        background-size: 45em 57em;
}
        
.jp-ici-scale-32,
.jp-ici-sprite-dam.jp-ici-scale-32 {
	height:  2em; 
	width: 2em; 
	line-height: 2em; 
	-webkit-background-size: 90em 114em;
	     -o-background-size: 90em 114em;
	   -moz-background-size: 90em 114em;
	        background-size: 90em 114em;

}
        
.jp-ici-scale-48,
.jp-ici-sprite-dam.jp-ici-scale-48 {
            height:  3em; 
            width: 3em; 
            line-height: 3em;
            -webkit-background-size: 135em 171em;
                 -o-background-size: 135em 171em;
               -moz-background-size: 135em 171em;
                    background-size: 135em 171em;
}


/* Position patch for small icons in the large rendition containers */

.jp-ici-box.jp-ici.jp-ici-scale-48  {  
	position: relative !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;

}     

        
.jp-ici-scale-64,
.jp-ici-sprite-dam.jp-ici-scale-64 {
            height:  4em; 
            width: 4em; 
            line-height: 4em;
            -webkit-background-size: 180em 228em;
                 -o-background-size: 180em 228em;
               -moz-background-size: 180em 228em;
                    background-size: 180em 228em;
}


.jp-ici-scale-84,
.jp-ici-sprite-dam.jp-ici-scale-84 {
            height:  5.25em; 
            width: 5.25em; 
            line-height: 5.25em;
            -webkit-background-size: 236.25em 299.25em;
                 -o-background-size: 236.25em 299.25em;
               -moz-background-size: 236.25em 299.25em;
                    background-size: 236.25em 299.25em;
}

