#media-list{
	padding: 0;
}
.tx_fhmemo_pi1-media-list{

}
.tx_fhmemo_pi1-media-list li{
	padding: 0 15px 10px 15px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}
hr.tx_fhmemo_pi1-media-list-cat-devider{
	border: 0;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #666;
}
.tx_fhmemo_pi1-media-thumbnail{
	float: left;
	margin: 0 10px 0 0;
}

#media-gallery{
	margin: 0 10px;
}
.tx_fhmemo_pi1-media-gallery-item{
	float: left;
	height: 100px;
	width: 99px;
	text-align: center;
	border: 1px solid #ccc;
	margin: 0 2px 2px 0;
}
.tx_fhmemo_pi1-media-gallery-thumbnail{
	height: 70px;
	width: 95px;
	text-align: center;
	margin: 2px;
	position: relative;
}
.tx_fhmemo_pi1-preview{
	text-align: center;
}
.tx_fhmemo_pi1-preview img{
	margin: 10px 0;
}
.filetype{
	text-transform: uppercase;
}

 /**********************************************************************************
* MEDIA LIST TABLE
***********************************************************************************/
.tx_fhmemo_pi1-media-table{
	margin: 0 10px 0 10px;
	width: 510px;
}
.tx_fhmemo_pi1-media-table th{
	background: #e2e8d5;
	padding: 9px 15px;
}
.tx_fhmemo_pi1-media-table td{
	border-bottom: 1px solid #e2e8d5;
}
.tx_fhmemo_pi1-media-thumbnail{
	width: 100px;
	border-right: 1px solid #e2e8d5;
	padding: 9px 0 9px 0;
}
.tx_fhmemo_pi1-media-title{
	border-right: 1px solid #e2e8d5;
	padding: 9px 0 9px 15px;
}
.tx_fhmemo_pi1-media-format{
	width: 50px;
	border-right: 1px solid #e2e8d5;
	padding: 9px 0 9px 15px;
}
.tx_fhmemo_pi1-media-size{
	width: 50px;
	border-right: 1px solid #e2e8d5;
	padding: 9px 0 9px 15px;
}
.tx_fhmemo_pi1-media-download{
	width: 30px;
	border-right: 1px solid #e2e8d5;
	padding: 9px 0 9px 15px;
}

 /**********************************************************************************
* SEARCHFORM BEGIN
***********************************************************************************/
#tx_fhmemo_pi1-searchform{
	margin: 10px 0 0 0;
}
#tx_fhmemo_pi1-searchform input[type="text"]{
	width: 300px;
}
 /**********************************************************************************
* SEARCHFORM END
***********************************************************************************/


 /**********************************************************************************
* PAGEBROWSER BEGIN
***********************************************************************************/
ul.pagebrowser{
	clear: both;
	list-style: none;
	padding: 7px 0px 7px 0;
	background:none repeat scroll 0 0 #E2E8D5;
	margin: 0px;
	height: 16px;
	text-align: center;
}
li.pagebrowser_item{
	text-align: center;
	display: inline;
	font-weight: normal;
}
 /**********************************************************************************
* PAGEBROWSER END
***********************************************************************************/


 /**********************************************************************************
* OVERLAY BEGIN
***********************************************************************************/
.simple_overlay { 
    display:none; 
    z-index:10000; 
    background-color:#333; 
    width:600px;     
    min-height:200px; 
    border:1px solid #666;
    -moz-box-shadow:0 0 20px 5px #ccc; 
    -webkit-box-shadow: 0 0 20px #ccc;     
} 
.tooltip{
	z-index:10001;
}
.simple_overlay .close { 
    background-image:url(../img/overlay/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}
/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;		
}
 /**********************************************************************************
* OVERLAY END
***********************************************************************************/