div.myMediaContainer
{
	background: #151515 url(images/mediaService/MyMediaHeaderBg.gif) no-repeat;
	width: 608px;
	margin: 0 auto 13px auto;
	padding: 0 0 12px 0;
}
div.myMediaContainer h2
{
	color: #fff;
	font-size: 1.6em;
	font-weight: normal;
	float: left;
	display: inline;
	margin: 20px 0 20px 20px;
}


div.myMediaContainer div.searchContainer
{
	float: right;
	display: inline;
	width: 352px;
	padding: 16px 0 0 0;
	margin: 0 7px 0 0;
}
div.myMediaContainer div.searchContainer label
{
	float: left;
	display: inline;
	padding: 7px 2px 0 0;
	font-size: 1.1em;
	color: #000;
}
div.myMediaContainer div.searchContainer input.searchTextInput
{
	float: left;
	display: inline;
	width: 150px;
	height: 23px;
	border: none;
	margin: 0 5px 0 0;
	padding: 4px 2px 0 5px;
	background: transparent url(images/mediaService/searchMediaServiceFieldBg.png) no-repeat;
}
* html div.myMediaContainer div.searchContainer input.searchTextInput
{
	background: transparent url(images/mediaService/searchMediaServiceFieldBg.png) fixed;
}
div.myMediaContainer div.searchContainer input.searchSubmitButton
{
	float: left;
	display: inline;
}


div.myMediaContainer div.tabContainer
{
	clear: both;
	margin: 0 0 0 11px;
}
div.myMediaContainer div.tabContainer a
{
	display: block;
	float: left;
	display: inline;
	margin: 0 1px 0 0;
	width: 100px;
	height: 39px;
	overflow: hidden;
	text-decoration: none;
	line-height: 40px;
	text-indent: 45px;
	font-size: 1.1em;
	color: #000;
}
div.myMediaContainer div.tabContainer a:hover
{
	text-decoration: underline;
}
div.myMediaContainer div.tabContainer a.imagesTab
{
	background: url(images/mediaService/MyMediaImageTabBg.gif) no-repeat;
}
div.myMediaContainer div.tabContainer a.albumsTab
{
	background: url(images/mediaService/MyMediaAlbumsTabBg.gif) no-repeat;
}
div.myMediaContainer div.tabContainer a.favouritesTab
{
	width: 107px;
	text-indent: 40px;
	background: url(images/mediaService/MyMediaFavouritesTabBg.gif) no-repeat;
}
div.myMediaContainer div.tabContainer a.selected
{
	background-position: 0 -39px;
	color: #ff8c23;
}


div.myMediaContainer div.mediaContainer
{
	border: solid 1px #666;
	background: #1a1a1a;
	margin: 0 11px 0 11px;
	padding: 0 0 5px 0;
	display: block;
}
div.myMediaContainer div.mediaContainer div.orderBy
{
	border: solid 1px #151515;
	background: #343434;
	padding: 10px 8px 10px 8px;
	margin: 0 0 10px 0;
	position: relative;
}
div.myMediaContainer div.mediaContainer div.orderBy span
{
	color: #fff;
	font-size: 1.3em;
	padding: 0 10px 0 0;
}
div.myMediaContainer div.mediaContainer p.noMedia
{
	color: #cecece;
	font-size: 1.4em;
	padding: 0 0 5px 10px;
}
div.myMediaContainer a.newProjectBtn
{
	display: block;
	width: 160px;
	height: 42px;
	background: url(images/mediaService/MyMediaAddAlbum.gif) no-repeat;
	overflow: hidden;
	text-indent: -200px;
	margin: 0 0 0 6px;
}

div.myMediaContainer div.mediaContainer ul
{
	float: left;
	display: inline;
	padding: 0 0 0 5px;
}
div.myMediaContainer div.mediaContainer ul li
{
	position: relative;
	float: left;
	display: inline;
	width: 190px;
	height: 186px;
	background: #1a1a1a url(images/mediaService/MyMediaPanelBg.gif) no-repeat;
	margin: 0 3px 0 0;
}
div.myMediaContainer div.mediaContainer ul li div.imageButtons
{
	height: 29px;
	text-align: left;
	padding: 0 15px 0 0;
}
div.myMediaContainer div.mediaContainer ul li div.imageButtons a.editBtn,
div.myMediaContainer div.mediaContainer ul li div.imageButtons a.deleteBtn
{
	float: right;
	display: block;
	height: 25px;
	line-height: 25px;
	text-indent: 10px;
	font-size: 1.1em;
	text-decoration: none;
}
div.myMediaContainer div.mediaContainer ul li div.imageButtons a.deleteBtn
{
	margin: 0 2px 0 0;
	background: transparent url(images/mediaService/MyMediaDeleteButtonBg.gif) no-repeat 50px 7px;
	color: #e15028;
	width: 60px;
}
div.myMediaContainer div.mediaContainer ul li div.imageButtons a.editBtn
{
	background: transparent url(images/mediaService/MyMediaEditButtonBg.gif) no-repeat 35px 7px;
	color: #fc8a23;
	width: 46px;
}
div.myMediaContainer div.mediaContainer ul li div.imageButtons a.deleteBtn:hover,
div.myMediaContainer div.mediaContainer ul li div.imageButtons a.editBtn:hover
{
	text-decoration: underline;
}
div.myMediaContainer div.mediaContainer ul li table
{
	border: solid 1px #878787;
	width: 177px;
	height: 118px;
	margin: 0 0 8px 4px;
	text-align: center;
	background: #000;
}
div.myMediaContainer div.mediaContainer ul li table td
{
	vertical-align: middle;
}
div.myMediaContainer div.mediaContainer ul li td a.missing
{
	background: url(images/mediaService/missingSmall.gif) no-repeat;
	display: block;
	width: 175px;
	height: 116px;
}
div.myMediaContainer div.mediaContainer ul li span.itemTitle
{
	color: #fff;
	font-size: 1.1em;
	display: block;
	padding: 0 8px 0 4px;
}


div.myMediaContainer div.mediaContainer div.pager
{
	background: #d07421 url(images/mediaService/MyMediaPaginationBg.gif) repeat-x;
	padding: 0 10px 0 10px;
	margin: 0 5px 0 5px;
	font-size: 1.1em;
}
div.myMediaContainer div.mediaContainer div.pager a
{
	text-decoration: none;
	float: left;
	display: block;
	height: 33px;
	line-height: 31px;
	color: #000;
}
div.myMediaContainer div.mediaContainer div.pager a:hover
{
	text-decoration: underline;
}
div.myMediaContainer div.mediaContainer div.pager a.pagerFirstPage
{
	background: url(images/mediaService/MyMediaLeftLightArrow.gif) no-repeat left center;
	padding: 0 5px 0 13px;
}
div.myMediaContainer div.mediaContainer div.pager a.pagerPreviousPage
{
	background: url(images/mediaService/MyMediaLeftDarkArrow.gif) no-repeat left center;
	padding: 0 5px 0 13px;
}

div.myMediaContainer div.mediaContainer div.pager div.middleLinks
{
	float: left;
	display: inline;
	background: #8f8f8f url(images/mediaService/MyMediaPaginationDarkBg.gif) repeat-x;
	padding: 0 5px 0 5px;
}
div.myMediaContainer div.mediaContainer div.pager div.middleLinks span.pagerPageNumbers a
{
	padding: 0 4px 0 4px;
}
div.myMediaContainer div.mediaContainer div.pager div.middleLinks span.pagerPageNumbers a.selected
{
	height: auto;
	margin: 7px 2px 0 0;
	background: #d07421;
	padding: 2px 4px 2px 4px;
	color: #fff;
	line-height: 12px;
}
div.myMediaContainer div.mediaContainer div.pager a.pagerNextPage
{
	background: url(images/mediaService/MyMediaRightDarkArrow.gif) no-repeat right center;
	padding: 0 13px 0 5px;
}
div.myMediaContainer div.mediaContainer div.pager a.pagerLastPage
{
	background: url(images/mediaService/MyMediaRightLightArrow.gif) no-repeat right center;
	padding: 0 13px 0 5px;
}
div.myMediaContainer div.mediaContainer div.pager a.pagerOptions
{
	margin: 0 0 0 10px;
	padding: 0 5px 0 5px;
	color: #d07421;
	color: #fff;
	background: url(images/mediaService/MyMediaOptionsBg.gif) repeat-x;
}
div.myMediaContainer div.mediaContainer div.pager div.pagerItemsPerPage a
{
	background: url(images/mediaService/MyMediaPaginationPageNumBg.gif) no-repeat left center;
	padding: 0 0 0 15px;
	color: #fff;
	margin: 0 10px 0 0;
}