﻿/*/////////////////////////*/
/* إعدادات صور معرض أعمالي */
/*/////////////////////////*/

div.light_rounded .pp_top .pp_left { 
		background: url(../imgs/best/sprite.png) -88px -53px no-repeat; 
} 

div.light_rounded .pp_top .pp_middle {
		background: #fff; 
 }
 
div.light_rounded .pp_top .pp_right {
		background: url(../imgs/best/sprite.png) -110px -53px no-repeat; 
}
	
div.light_rounded .pp_content {
		background-color: #fff; 
}

div.light_rounded .pp_expand { 
		background: url(../imgs/best/sprite.png) -31px -26px no-repeat; 
		cursor: pointer; 
}

div.light_rounded .pp_expand:hover { 
		background: url(../imgs/best/sprite.png) -31px -47px no-repeat; 
		cursor: pointer; 
}
	
div.light_rounded .pp_contract { 
		background: url(../imgs/best/sprite.png) 0 -26px no-repeat; 
		cursor: pointer; 
}

div.light_rounded .pp_contract:hover { 
		background: url(../imgs/best/sprite.png) 0 -47px no-repeat; 
		cursor: pointer; 
}

div.light_rounded .pp_close { 
		width: 75px; 
		height: 22px; 
		background: url(../imgs/best/sprite.png) -1px -1px no-repeat; 
		cursor: pointer; 
}

div.light_rounded .pp_arrow_previous { 
		background: url(../imgs/best/sprite.png) 0 -71px no-repeat; 
}

div.light_rounded .pp_arrow_previous.disabled { 
		background-position: 0 -87px; 
		cursor: default; 
}

div.light_rounded .pp_arrow_next { 
		background: url(../imgs/best/sprite.png) -22px -71px no-repeat; 
}

div.light_rounded .pp_arrow_next.disabled { 
		background-position: -22px -87px; 
		cursor: default; 
}

div.light_rounded .pp_bottom .pp_left { 
		background: url(../imgs/best/sprite.png) -88px -80px no-repeat; 
}

div.light_rounded .pp_bottom .pp_middle { 
		background: #fff; 
}

div.light_rounded .pp_bottom .pp_right { 
		background: url(../imgs/best/sprite.png) -110px -80px no-repeat; 
}

div.light_rounded .pp_loaderIcon { 
		background: url(../imgs/best/loader.gif) center center no-repeat; 
}

/*/////////////////////////////////*/
/* لا تقم بتغيير أي شيء بدءا من هنا */
/*/////////////////////////////////*/

div.pp_pic_holder a:focus { outline:none; }

div.pp_overlay {
		background: #000;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9500;
}
	
div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		z-index: 10000;
}
		
.pp_top {
		height: 20px;
		position: relative;
}

* html .pp_top { padding: 0 20px; }
		
.pp_top .pp_left {
		height: 20px;
		left: 0;
		position: absolute;
		width: 20px;
}
			
.pp_top .pp_middle {
		height: 20px;
		left: 20px;
		position: absolute;
		right: 20px;
}

* html .pp_top .pp_middle {
		left: 0;
		position: static;
}
			
.pp_top .pp_right {
		height: 20px;
		left: auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 20px;
}
		
.pp_content {
		height: 40px;
		position: relative;
		text-align: left;
		width: 100%;
}
		
.pp_content .pp_details {
		display: none;
		margin: 10px 15px 2px 20px;
}

.pp_description {
		display: none;
		float: left;
		margin: 0;
}
				
.pp_nav {
		clear: left;
		float: left;
		margin: 3px 0 0 0;
}
				
.pp_nav p {
		float: left;
		margin: 2px 4px;
}
				
.pp_nav a.pp_arrow_previous,

.pp_nav a.pp_arrow_next {
		display: block;
		float: left;
		height: 15px;
		margin-top: 3px;
		overflow: hidden;
		text-indent: -10000px;
		width: 14px;
}
		
.pp_hoverContainer {
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 2000;
}
		
a.pp_expand,

a.pp_contract {
		cursor: pointer;
		display: none;
		height: 20px;	
		position: absolute;
		right: 30px;
		text-indent: -10000px;
		top: 10px;
		width: 20px;
		z-index: 20000;
}
			
a.pp_close {
		display: block;
		float: right;
		text-indent: -10000px;
}
		
.pp_bottom {
		height: 20px;
		position: relative;
}
			
* html .pp_bottom { padding: 0 20px; }
			
.pp_bottom .pp_left {
		height: 20px;
		left: 0;
		position: absolute;
		width: 20px;
}

.pp_bottom .pp_middle {
		height: 20px;
		left: 20px;
		position: absolute;
		right: 20px;
}

* html .pp_bottom .pp_middle {
		left: 0;
		position: static;
}
				
.pp_bottom .pp_right {
		height: 20px;
		left: auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 20px;
}
		
.pp_loaderIcon {
		display: none;
		height: 24px;
		left: 50%;
		margin: -12px 0 0 -12px;
		position: absolute;
		top: 50%;
		width: 24px;
}
		
#res {
		display: none;
		line-height: 1 !important;
		margin: 0 auto;
		text-align: center;
		width: 100%;
}
	
div.ppt {
		font-family:Tahoma, Arial, sans-serif;
		color: #fff;
		display: none;
		font-size: 17px;
		left: 0;
		position: absolute;
		top: 0;
		z-index: 9999;
}

/*///////////////////////////////////*/
/* إعدادات خاصة، لا تقم بتغيير أي شيء */
/*///////////////////////////////////*/

.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}