div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content {
background:url(kepek/contentPattern.png) top left repeat;
}
div.dark_square .currentTextHolder {
color:#787878
}
div.dark_square .pp_description {
color:#cccccc;
font-size: 14px;
font-weight: bold;
font-family: arial;
}
div.dark_square .pp_loaderIcon {
background:url(kepek/loader2.gif) center center no-repeat
}
div.dark_square .pp_expand {
background:url(kepek/sprite.png) -31px -26px no-repeat;
cursor:pointer
}
div.dark_square .pp_expand:hover{
background:url(kepek/sprite.png) -31px -47px no-repeat;
cursor:pointer
}
div.dark_square .pp_contract{
background:url(kepek/sprite.png) 0 -26px no-repeat;
cursor:pointer
}
div.dark_square .pp_contract:hover{
background:url(kepek/sprite.png) 0 -47px no-repeat;
cursor:pointer
}
div.dark_square .pp_close{
width:95px;
height:22px;
background:url(kepek/sprite.png) -1px -1px no-repeat;
cursor:pointer;
color: #eeeeee;
}
div.dark_square .pp_arrow_previous{
background:url(kepek/sprite.png) 0 -71px no-repeat
}
div.dark_square .pp_arrow_previous.disabled{
background-position:0 -87px;cursor:default
}
div.dark_square .pp_arrow_next{
background:url(kepek/sprite.png) -22px -71px no-repeat;
}
div.dark_square .pp_arrow_next.disabled{
background-position:-22px -87px;
cursor:default
}
div.dark_square .pp_next:hover{
background:url(kepek/btnNext.png) center right no-repeat;
cursor:pointer
}
div.dark_square .pp_previous:hover{
background:url(kepek/btnPrevious.png) center left no-repeat;
cursor:pointer
}
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;
padding: 10px;

background:#000;
border: 2px solid #cccccc;
}
.pp_top{
height:4px;
position:relative
}
* html .pp_top{
padding:0 0px
}
.pp_top .pp_left{
height:4px;
left:0;
position:absolute;
width:4px
}
.pp_top .pp_middle{
height:4px;
left:4px;
position:absolute;
right:4px
}
* html .pp_top .pp_middle{
left:0;
position:static
}
.pp_top .pp_right{
height:4px;
left:auto;
position:absolute;
right:0;
top:0;
width:4px
}
.pp_content{
height:30px;
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{
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_next{
background:url(kepek/btnNext.png) 10000px 10000px no-repeat;
display:block;
float:right;
height:100%;
text-indent:-10000px;
width:49%
}
a.pp_previous{
background:url(kepek/btnNext.png) 10000px 10000px no-repeat;
display:block;
float:left;
height:100%;
text-indent:-10000px;
width:49%
}
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_loaderIcon{
display:none;
height:24px;
left:50%;
margin:-12px 0 0 -12px;
position:absolute;
top:50%;
width:24px
}
#pp_full_res{
display:none;
line-height:1 !important;
margin:0 auto;
text-align:center;
width:100%
}
div.ppt{
color:#fff000;
display:none;
font-size:14px;
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
}

#thickfilm {
width: 24px;
height: 24px;
border: 0px solid #ffffff;
cursor: pointer;
float: left;
margin-right: 5px;
}

.thickboy {
border: 2px solid #cccccc;
}