/**
 * Page layout adjustments
 */
#body ul.mediakit-files { width: 700px; }
#body.full ul.mediakit-files { width: 910px; }

/**
 * Media kit
 */
.mediakit {
	position: relative;
	min-height: 358px;
}

/**
 * Toolbar
 */
.mediakit-toolbar {
	position: relative;
	width: auto;
	height: 22px;
	overflow: visible;
	margin: 0;
	padding: 10px;
	border: none;
	background: #d9d9d9;
}
	.mediakit-toolbar .mediakit-toolbar-filetype {
		position: relative;
		float: left;
	}
		.mediakit-toolbar .mediakit-toolbar-filetype label {
			float: left;
			font: normal 12px/22px Arial, sans-serif;
		}
		.mediakit-toolbar .mediakit-toolbar-filetype-dropdown {
			position: relative;
			float: left;
			margin-left: 5px;
		}
			.mediakit-toolbar .mediakit-toolbar-filetype-dropdown .sbHolder {
				width: 120px;
				background: #f1f1f1;
			}
				.mediakit-toolbar .mediakit-toolbar-filetype-dropdown a.sbSelector {
					display: block;
					width: auto;
					height: 22px;
					font: italic normal 11px/22px Georgia, serif;
					color: #777;
					text-indent: 6px;
					text-decoration: none;
				}
				.mediakit-toolbar .mediakit-toolbar-filetype-dropdown .sbOptions {
					width: 100%;
				}
				
	.mediakit-toolbar .mediakit-toolbar-search {
		position: relative;
		float: right;
	}
		.mediakit-toolbar .mediakit-toolbar-search input {
			float: left;
			width: 130px;
			height: 22px;
			overflow: hidden;
			margin: 0;
			padding: 0;
			background: #f1f1f1 url(../images/icons/9x9/search.png) 115px 6px no-repeat;
			border: 0;
			font: normal 11px/22px Arial, serif;
			text-indent: 6px;
			color: #000;
		}
		.mediakit-toolbar .mediakit-toolbar-search button {
			float: left;
			width: 60px;
			margin: 0 0 0 4px;
			padding: 0;
			background: #0061aa;
		}

/**
 * Files list
 */
ul.mediakit-files {
	position: relative;
	left: -20px;
	/*width: 910px;*/
	width: auto;
	overflow: hidden;
	margin: 0;
	padding: 10px; /* helps show shadow */
	list-style: none;
}
	ul.mediakit-files li {
		float: left;
		width: 197px;
		height: 264px;
		/*overflow: hidden;*/
		margin: 0 0 10px 10px;
		padding: 9px;
		border: 1px solid #e3e3e3;
		background: #fff;
		box-shadow: 0px 3px 8px rgba(0,0,0,0.35);
	}
		ul.mediakit-files li a {
			display: block;
			width: auto;
			height: 100%;
			overflow: hidden;
		}
			/*ul.mediakit-files li .preview {
				margin: 0 0 10px;
				padding: 0 0 10px;
				border-bottom: 1px solid #ccc;
			}
				ul.mediakit-files li .preview div {
					width: 197px;
					height: 147px;
					overflow: hidden;
					background-repeat: no-repeat;
					background-position: center center;
				}*/
			ul.mediakit-files li .preview {
				position: relative;
				width: 197px;
				height: 147px;
				overflow: hidden;
				margin: 0 0 10px;
				padding: 0 0 10px;
				border-bottom: 1px solid #ccc;
				text-align: center;
				line-height: 147px;
			}
				ul.mediakit-files li .preview img,
				ul.mediakit-files li .preview span {
					vertical-align: middle;
				}
			
			ul.mediakit-files li h1 {
				margin: 0;
				padding: 0;
				font: bold 16px/18px Arial, sans-serif;
			}
			ul.mediakit-files li p.description {
				height: 60px;
				overflow: hidden;
				margin: 0;
				font: normal 12px/15px Arial, sans-serif;
			}

/**
 * Media Kit File detail
 */
.mediakitfile-detail {
	width: 600px;
	padding: 30px;
}
	.mediakitfile-detail .preview {
		margin: 0 0 10px;
		padding: 0 0 10px;
		border-bottom: 1px solid #ccc;
	}
		.mediakitfile-detail .preview div {
			width: 600px;
			height: 450px;
			overflow: hidden;
			background-repeat: no-repeat;
			background-position: center center;
		}
	.mediakitfile-detail h1 {
		margin: 0;
		padding: 0;
		font: bold 20px/normal Arial, sans-serif;
	}
	.mediakitfile-detail p {
		margin: 1em 0 0;
	}
	.mediakitfile-detail .filesize {
		float: right;
		font: normal 12px/22px Arial, sans-serif;
		color: #999;
	}