/* Base Styles */
img#mediaPanel {
	display: block;
	-webkit-box-shadow: 0 0 6px #666;
	-moz-box-shadow: 0 0 6px #666;
	box-shadow: 0 0 6px #666;
	border: 1px solid #bebebe;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding:3px;
	border-radius: 4px;
	margin-bottom: 15px;
}
div#mediaPanel {
	background: #eee;
	width: 613px;
	padding: 3px;
	-webkit-box-shadow: 0 0 6px #666;
	-moz-box-shadow: 0 0 6px #666;
	box-shadow: 0 0 6px #666;
	border: 1px solid #bebebe;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 15px;
	overflow: hidden;
	font-family: Arial,sans-serif;
}

#mediaPanel a {
	outline: 0;
	text-decoration: none;
}

#mpp-content-container {
	width: 613px;
	overflow: hidden;
	position: relative;
}

#mpp-content {
	position: relative;
	float: left;
	height: 311px;
}
#mpp-content img {
	position: absolute;
	top: 0;
	left: 0;
}



/* Sidebar Styles */
#mpp-sidebar {
	position: absolute;
	top: 0;
	right: -171px;
	width: 127px;
	height: 311px;
	background: #eee;
	padding-left: 3px;
}

#mpp-sidebar #hover-mat{
	position:absolute;
	left:-39px;
	height:300px;
	width:40px;
}
#mpp-sidebar .side-arrow{
	position:absolute;
	right:0;
	top: 45%;
	height:41px;
	width:18px;
	background: transparent url(../../images/media-panel/mp-sprites.png) -832px -111px no-repeat;
}

#mpp-sidebar .close-side{
	background: transparent url(../../images/media-panel/mp-sprites.png) -850px -111px no-repeat;
}

#mpp-sidebar a img {border: 0;}

#mpp-sidebar-content {
	height: 252px;
	overflow: hidden;
}
#mpp-sidebar-content a {
	display: block;
	width: 127px;
	height: 82px;
	margin-bottom: 3px;
	overflow: hidden;
}
#mpp-sidebar-content a img {
	margin-left: -18px;
}

#mpp-sidebar-up span {
	display: block;
	width: 100%;
	height: 24px;
	text-decoration: none;
	margin-bottom: 6px;
	background: #5e5e5f url(../../images/media-panel/mp-sprites.png) -613px 0 no-repeat;
	cursor: pointer;
}
#mpp-sidebar-up:hover span {background-color: #181818; background-position: -613px -28px}
#mpp-sidebar-up span.disabled {background-color: #5e5e5f; background-position: -740px 0; cursor: default;}

#mpp-sidebar-down span {
	display: block;
	width: 100%;
	height: 25px;
	text-decoration: none;
	margin-top: 4px;
	background: #5e5e5f url(../../images/media-panel/mp-sprites.png) -613px -56px no-repeat;
	cursor: pointer;
}
#mpp-sidebar-down:hover span {background-color: #181818; background-position: -613px -84px}
#mpp-sidebar-down span.disabled {background-color: #5e5e5f; background-position: -740px -56px; cursor: default;}



/* Tab Styles */
#mpp-tabs {
	clear: both;
	width: 613px;
	height: 28px;
	overflow: hidden;
	margin-top: 3px;
	display: none;
}
#mpp-tabs a span {
	display: block;
	float: left;
	text-align: center;
	background: #4b4b4b;
	color: #fff;
	height: 28px;
	line-height: 28px;
	background: #505050 url(../../images/media-panel/mp-sprites.png) 0 0 no-repeat;
	cursor: pointer;
	font-weight: 400;
}
#mpp-tabs a:hover span {color: #b9dafb;}
#mpp-tabs a span.mpp-tab-active {
	color: #b9dafb;
	background-color: #181818;
	cursor: default;
}
.mpp-tabs-2 a span {width: 306px;}
.mpp-tabs-3 a span {width: 204px;}
	
#mediaPanel .mpp-tabs-2 #mpp-tab-0 span {width: 307px; background-position: 0 -28px;}
#mediaPanel .mpp-tabs-2 #mpp-tab-0 .mpp-tab-active {background-position: 0 0;}
#mediaPanel .mpp-tabs-2 #mpp-tab-1 span {float: right; background-position: -306px -28px;}
#mediaPanel .mpp-tabs-2 #mpp-tab-1 .mpp-tab-active {background-position: -306px 0;}

#mediaPanel .mpp-tabs-3 #mpp-tab-0 span {background-position: 0 -84px;}
#mediaPanel .mpp-tabs-3 #mpp-tab-0 .mpp-tab-active {background-position: 0 -56px;}
#mediaPanel .mpp-tabs-3 #mpp-tab-1 span {width: 205px; background-position: -204px -84px;}
#mediaPanel .mpp-tabs-3 #mpp-tab-1 .mpp-tab-active {background-position: -204px -56px;}
#mediaPanel .mpp-tabs-3 #mpp-tab-2 span {float: right; background-position: -409px -84px;}
#mediaPanel .mpp-tabs-3 #mpp-tab-2 .mpp-tab-active {background-position: -409px -56px;}



/* Caption Styles*/
#mpp-caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 613px;
	line-height: 1;
	height: 0;
}
#mpp-caption span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	display: block;
}
#mpp-caption p {
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;;
	color: #fff;
	margin: 0;
	text-align: center;
	height: 12px;
	min-height: 12px;
	height: auto !important;
	height: 12px;
	width: 593px;
	cursor: default;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}