/* ------------------------------------------------

   'Site' Template > 'Mediaplayer' Stylesheet
   
   * This stylesheet is loaded by any page that calls 
     the include 'mediaplayer.php'       

--------------------------------------------------- */

/* ------------------------------------------------
	=CONTENT STRUCTURE
   ------------------------------------------------ */
   
	.content-mediaplayer {
		width:325px;
		margin:5px 0px 25px 15px;
		clear:right;
	}
	
	/* ------------------------
		=MEDIAPLAYER HEADER
	   ------------------------ */
		.mediaplayer-header {
			background-image:url(../images/bg-mp-header.gif);
			background-position:top left;
			background-repeat:no-repeat;
			padding:10px;
			margin:0px;
			height:22px;
			position:relative;
		}
			.mediaplayer-header .view-moremedia {
				position:absolute;
				top:15px;
				right:12px;
				font-size:11px;			
			}
				.mediaplayer-header .view-moremedia a {				
					color:#cccccc;
					text-decoration:none;
					border-bottom:dotted 1px #cccccc;
				}
					.mediaplayer-header .view-moremedia a:hover {
						color:#ffffff;
						text-decoration:none;
						border-bottom:dotted 1px #cccccc;
					}
					
	/* ------------------------
		=MEDIAPLAYER CONTENT
	   ------------------------ */
		.mediaplayer-content {
			/*background-image:url(../images/bg-mp-content.gif);
			background-position:top left;
			background-repeat:repeat-y;*/
			background-color:#3b3b3b;
			border-left:solid 1px #2b2b2b;
			border-right:solid 1px #2b2b2b;
			margin:0px;
		}
			ul.mediaplayer-content-nav {
				margin:0px 10px;
				overflow:hidden;
				padding-top:5px;			
			}
				ul.mediaplayer-content-nav li {
					float:left;
					font-size:11px;
					color:#CCCCCC;
					border:solid 1px #2b2b2b;
					border-bottom: none;
					line-height:20px;
					margin-right:-1px;			
				}
					ul.mediaplayer-content-nav li a {
						color:#CCCCCC;
						text-decoration:none;	
						padding:3px 10px 3px 10px;							
					}
						ul.mediaplayer-content-nav li a:hover {
							color:#ffffff;
							text-decoration:none;								
						}
				ul.mediaplayer-content-nav li:hover {
					background-color:#2b2b2b;		
				}
				ul.mediaplayer-content-nav li.selected {
					color:#ffffff;
					background-color:#2b2b2b;
					border:solid 1px #2b2b2b;
					border-bottom: none;
					line-height:20px;
					margin-right:-1px;			
				}
					ul.mediaplayer-content-nav li.selected a {
						color:#ffffff;
						text-decoration:none;		
						padding:3px 10px 3px 10px;						
					}
						ul.mediaplayer-content-nav li.selected a:hover {
							color:#ffffff;
							text-decoration:none;								
						}
				ul.mediaplayer-content-nav li.selected:hover {
					background-color:#2b2b2b;		
				}
			
			.mediaplayer-content .selected {
				display: block;
				overflow: hidden;
			}
			
			.mediaplayer-content-container {
				display: none;
				clear:both;
				overflow:auto;			
			}
			
				.mediaplayer-slideshow h4 {
					color:#E1E1E1;
					margin: 5px 0px 0px 12px;
				}
				
				.mediaplayer-slideshow p {
					color:#E1E1E1;
					margin: 4px 0px 10px 12px;
					font-size:11px;
				}
			
			.mediaplayer-content-player	{
				margin: 0px 10px;
				border:solid 1px #1b1b1b;			
				background-color:#1b1b1b;
				text-align: center;
				height:200px;
				overflow:hidden;
				position:relative;
			}	
				.mediaplayer-content-player img	{
					position:relative;
					top:-15%;
				}		
				
				ul.galleria {
					position: relative;
					overflow: hidden;
				}			
					ul.galleria li {
						width: 325px;
						position: absolute;
					}
					ul.galleria li.active {
						position: relative;
					}
				
				ul.mediaplayer-slideshow-controls {
					clear: both;
					display: block;
					background-color:#343434;
					height:22px;
					margin:10px 10px 0px 10px;			
					position:relative;
					overflow:hidden;
					text-align:center;
				}			
					ul.mediaplayer-slideshow-controls li {
					}				
						ul.mediaplayer-slideshow-controls li.prev {
							position:absolute;
							top:0px;
							left:0px;						
						}		
							ul.mediaplayer-slideshow-controls li.prev a,
							ul.mediaplayer-slideshow-controls li.prev a:active
							{
								outline:none;						
							}				
						ul.mediaplayer-slideshow-controls li.count {	
							font-size:14px;
							color:#999999;
							position:absolute;
							top:3px;
							left:47%;				
						}
							ul.mediaplayer-slideshow-controls li.count .current {						
							}					
						ul.mediaplayer-slideshow-controls li.thumbs {
							display: none;
						}
						ul.mediaplayer-slideshow-controls li.next {	
							position:absolute;
							top:0px;
							right:0px;					
						}
							ul.mediaplayer-slideshow-controls li.next a,
							ul.mediaplayer-slideshow-controls li.next a:active
							{
								outline:none;						
							}
			.mediaplayer-content-player-audio {
				margin: 0px 10px;
				border-top:solid 1px #2b2b2b;			
				text-align: center;
				padding:25px 0px 5px 0px
			}
			
			h4.mediaplayer-content-title {
				font-size:12px;
				font-weight:400;
				color:#FFFFFF;
				margin:8px 0px 3px 0px;	
				padding:0px 12px;
				text-align:left;
			}
			
			p.mediaplayer-content-description {
				font-size:11px;
				line-height:14px;
				font-weight:400;
				color:#cccccc;
				margin-bottom:0px;	
				padding:0px 12px 5px 0px;	
				text-align:left;
			}
				
	/* ------------------------
		=MEDIAPLAYER FOOTER
	   ------------------------ */
	   
		.mediaplayer-footer {
			background-image:url(../images/bg-mp-footer.gif);
			background-position:top left;
			background-repeat:no-repeat;
			margin:0px;
			height:14px;
		}