.debug { border:solid 1px #cc0000;}

body
{
	color:#2b2e2e;
	font-family:arial;
	letter-spacing:0px;
	font-size:12px;
}
.player-container
{
	width:857px; /*863*/
	height:388px;/*394px*/
	padding:3px;
	background-color:#fff;
	margin:0 auto;
	
}

.player
{
	width:511px;
	height:384px;
	/*background-image:url('../_img/player-container/player-bg.jpg');*/
	background-color:#000;
	float:left;
}

.media-list
{
	width:343px;
	height:384px;
	float:left;
	margin-left:3px;
}

.media-list-header
{
	width:343px;
	height:27px;
	background-image:url('../_img/media-list/media-header-bg.jpg');
}

.media-list-body
{
	width:330px; /*319 343px;*/
	height:321px; /*313 328 356px; */
	background-image:url('../_img/media-list/media-list-bg.jpg');
	background-repeat:repeat-y;
	padding-left:12px;
	padding-top:14px;
	
	overflow:auto;
	position:absolute;
}
.media-list-footer
{
	width:343px;
	height:28px;
	text-align:center;	
	background-image:url('../_img/media-list/media-list-footer-bg.jpg');
	background-repeat:no-repeat;
	
	position:absolute;

	/*ie 6/7 hack (. affects both, _ affects ie6 only)*/
	/* these values below work when not iframed
	top:373px;
	.top:379px;*/
	
	top:363px;
	.top:365px;
		
}

.media-list-pagination
{
	padding-top:5px;
	font-size:11px;
	font-weight:bold;
	margin-left:10px;
	
}

.media-list-pagination a 
{ 
	display:block; 
	height:15px; 
	width:15px; 
	float:left; 
	text-decoration:none; 
	color:#000;
}

.media-list-pagination a.selected 
{ 
	text-decoration:underline; 
	font-weight:bold; 
}

.media-list-search
{
	width:162px;
	height:19px;
	background-image:url('../_img/media-list/media-search-bg.jpg');
	background-repeat:no-repeat;
}
.media-list-search-box
{
	float:left;
	padding-left:11px;
	padding-top:5px;
}
.media-list-search-input
{
	background-color:#fff;
	font-size:10px;
	height:13px;
	border:none;
	margin-left:15px;
	margin-top:1.5px;
	width:130px;
	
	
}
.media-list-filter
{
	width:130px;
	height:10px;
	font-size:10px;	
	color:#2b2e2e;	
}
.media-list-filter a
{
	color:#2b2e2e;
	text-decoration:none;
	
}

.media-list-filter a.selected
{
	text-decoration:underline;
	font-weight:bold;
}

.media-list-filter-box
{
	float:left;
	padding-left:28px;
	padding-top:8px;
}

.media-list-item
{
	width:300px;
	height:61px;
}


.media-list-item:hover
{
	
}

.media-list-item-space
{
	width:300px;
	height:14px;
}


a.media-list-item-image
{
	display:block;
	float:left;
	/*width and height set inline to be dynamic*/
}



a.media-list-item-image img {  border:none; }
.media-list-item-details
{
	width:191px;
	height:61px;
	float:left;
	padding-left:10px;
}

.media-list-item-title
{
	width:190px;
	height:15px;	
	font-size:12px;
	font-family:arial;
	letter-spacing:0px;
	font-weight:bold;
	
}
.media-list-item-title a
{
	color:#474545;
	text-decoration:none;
}
.media-list-item-title a:hover
{
	color:#1f94d1;
	
}

.media-list-item-author
{
	width:190px;
	height:12px;	
	font-size:11px;
	font-weight:bold;
	color:#5f5f5f;
		
}

.media-list-item-date-created
{
	width:190px;
	height:12px;	
	font-size:11px;
	font-weight:bold;
	color:#5f5f5f;
	
}

.media-list-item-voting
{
	width:190px;
	height:12px;
	font-size:10px;	
	font-weight:normal;
	color:#5f5f5f;
	
}


.dojoxRating ul 
{
	padding:0;
	margin:0;
}

/****
		GENERIC PIECES
 ****/

.dijitReset {
	/* Use this style to null out padding, margin, border in your template elements
		so that page specific styles don't break them.
		- Use in all TABLE, TR and TD tags.	
	*/
	margin:0;
	border:0;
	padding:0;
	line-height:normal;
	font: inherit;
	color: inherit;
}

.dijitInline {
	/*  To inline block elements.
		Similar to InlineBox below, but this has fewer side-effects in Moz.
		Also, apparently works on a DIV as well as a FIELDSET.
	*/
	display:-moz-inline-box;		/* FF2 */
	display:inline-block;			/* webkit and FF3 */
	#zoom: 1; /* set hasLayout:true to mimic inline-block */
	#display:inline; /* don't use .dj_ie since that increases the priority */
	border:0;
	padding:0;
	vertical-align:middle;
	#vertical-align: auto;	/* makes TextBox,Button line up w/native counterparts on IE6 */
}

.dojoxRatingStar 
{
	display:inline-block;
		
	background-image:url('../_img/media-list/rating-empty.gif');
	background-position:left center;
	position:relative;
	height:15px;
	width:15px;
	float:left;
}

.dojoxRatingStarChecked {
	background-image:url('../_img/media-list/rating-full.gif');
}

.dojoxRatingStarHover {
	background-image:url('../_img/media-list/rating-full.gif');
	opacity:.5;
	cursor:pointer;
}

/* dojo overlayer */

.dojoBlockOverlay 
{
	background:url('../_img/media-list/overlay-loader.gif') no-repeat center center; /*loading.gif*/
	
}