/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 665px;	 
	width: 644px;
	border-top:1px solid #ddd;	
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.items div {
	border-bottom:1px solid #ddd;
	margin:10px 0;
	padding:15px;
	font-size:12px;
	height:180px;
	width : 644px;
	position : relative;
}

/* elements inside single item */
.items img {
	float:left;
	margin-right:20px;
	/*height:180px;
	width:240px;*/
}

.items h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#456;
	font-weight:normal;
}

/* the action buttons above the scrollable */
#actions {
	width:644px;
	margin:0 0 10px 0;	
}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.nextPage {
	float:right;
}	

/* Custom Elements */
#admin .items div.metadata {
    position:absolute;
    right:0;
    top:0;
    width:300px;
    height : auto;
    border : 0;
    margin : 0;
}

.items div.metadata p {
    background-color : #CCC;
    
	/* CSS3 styling for latest browsers */
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 8px #000;
	-webkit-box-shadow: 0 0 5px #000;
	padding : 8px;
}
.items div.unapproved img {
    border : 2px solid #FF0000!important;
}
.items div.unapproved .Status {
    color : #FF0000;
}
img.Icon {
    cursor : pointer;
}
#admin img.Icon {
    cursor : default;
}
#admin .vertical,
#admin #actions, 
#admin .items div {
    width : 850px;
}

#admin #actions {
    margin-top : 30px;
}

.Actions a {
    display : block; float:left;
    margin-right : 10px;
}