/**
 * Esta hoja de estilo contiene el layout de la p‡gina.
 * Para los estilos de presentaci—n, ver el archivo mediacampus.css
 */

#container {
	width: 1024px;
	height: 640px;
	
	padding-right: 20px;
	
	margin: auto;
	margin-top: 20px;
}

	/* -- Columna Izquierda */
	#left-column {
		width: 117px;
		height: 584px;
		margin-right: 8px;
		float: left;
		position: relative;
	}
	
		ul.quick-links {
			margin: 0px;
			margin-top: 4px;
			margin-bottom: 27px;
		}
		
		ul.quick-links li {
			padding: 0px;
			margin: 0px;
			height: 16px;
		}
		
		ul.quick-links li a {
			padding-bottom: -2px;
		}
		
		.button-twozero {			
			margin: 0px;			
			margin-bottom: 3px;
			padding: 0px;
			width: 117px;
			height: 28px;
		}
		
		#buttons-container {
	position: absolute;
	bottom: -8px;
		}


	/* -- Columna Derecha */
	#right-column {
		width: 899px;
		float: left;
	}
	
		#sections-search-container {
			width: 899px;
			margin-bottom: 10px;
			position: relative;
		}		
		
	.media-category {
	width: 145px;
	height: 135px;
	margin-right: 5px;
	float: left;
			}
			
	.media-category a {
	/* width + padding = 147px */
	width: 137px;
	padding-left: 10px;
	/* height + padding = 35px */
	height: 23px;
	padding-top: 9px;
	display: block;
				}
				
	.media-category-no {
	width: 145px;
	height: 135px;
	margin-right: 5px;
	float: left;
			}
			
	.media-category-no a {
	/* width + padding = 147px */
	width: 137px;
	padding-left: 10px;
	/* height + padding = 35px */
	height: 23px;
	padding-top: 9px;
	display: block;
				}
				
				
				.media-category-content {
					display: none;					
					
					/* -- Height + padding = 115px */
					height: 113px;
					padding-top: 2px;
						
					padding-left: 9px;
					padding-right: 9px;
				}
				
				.media-category-content p {
					height: 28px;
					overflow: visible;
					margin-top: 1px;
					margin-bottom: 4px;
					line-height: 10px;

				}
				
			
			.media-category-last {
				margin-right: 5px;
			}
			
			/* -- Contenedor de los items de una categoria -- */
			#category-contents-browser, #search-results-browser {
				display: none;
				width: 747px;
				height: 114px;
				position: absolute;
				left: 0px;
				top: 31px;
			}
			
			#search-results-browser {
				width: 752px !important;
			}
			
				#category-contents-container, #search-results-container {
				position: relative;
				width: 747px;
				height: 114px;

				}			
				
				.media-list-container {
					width: 747px;
					height: 114px;
				}
				
					a.prev, a.next, a.prevPage, a.nextPage {
						display:block;
						width: 14px;
						height: 88px;
						float: left;
						margin-left: 4px;
						margin-right: 4px;
						margin-top: 8px;
					}
				
					div.media-carrousel {
	margin-top: 8px;
	margin-left: 3px;
	margin-right: 3px;
	height: 100px;
	float: left;
	width: 697px !important;
					}
					
						.media-carrousel img.media-list-icon {
							position: absolute;
							top: 45px;
							left: 3px;
						}
					
					div.media {						
						margin-right: 3px;
						float: left;
						position: relative;
						padding-top: 3px;
						overflow: hidden;
					}
					
						div.media p {
	width: inherit;
	height: 30px;
	overflow: hidden;	
						}

			
			#search-container {
				width: 146px;
				height: 142px;
				float: left;
			}
			
				#search-container h2 {
					margin: 0px;
					
					/* -- Width + padding = 145px */
					width: 130px;
					padding: 0px;
					padding-right: 15px;
					
					/* -- Height + padding-top = 26px */
					height: 25px;
					padding-top: 8px;
				}
				
				#search-box {
					margin-left: 0px;
					height: 116px;
				}
				
					#search-elements p {						
						margin-left: 4px;
					}
					
					#search-elements .input {						
						/* -- Tamano final = 107x19 */						
						padding: 1px;
						width: 103px;
						height: 18px;						
					}
					
					#search-elements a.media-filter {
						width: 32px;
						height: 32px;
						margin-right: 3px;
						display: block;
						float: left;
					}
					
					#search-elements #selected-tag {						
						width: 132px;
						padding: 2px;
						margin-top: 4px;
					}
					
					#keyword-container {
						margin-top: 4px !important;
						float: left;
					}
					
					#search-button-container {
						margin-top: 3px;
						margin-left: 3px;
						margin-bottom: 6px;
						float: left;
					}
	
		#media-container {
			width: 897px;
			height: 435px;
		}		
		
			#media-container-left {
				position: relative;
				margin-right: 1px;
				float: left;
			}
		
				#related-comments-container {
					width: 26px;
					height: 435px;
				}
				
					#related-trigger {
						width: 26px;
						height: 217px;
						display: block;
					}
					
					#comments-trigger {					
						width: 26px;
						height: 217px;
						display: block;
						margin-top: 1px;
					}

			#media-container-center {				
				float: left;				
				margin-right: 1px;
				position: relative;
			}		

				#media-player-container {
					width: 724px;				
					height: 408px;
					margin-bottom: 1px;
				}
				
				#player-controls-container {
					width: 724px;
					height: 26px;
				}		
				
				/* -- Contenedor de related media y comentarios -- */
				.rc-container {
					position: absolute;
					top: 0px;
					left: -1px;
					width: 206px;					
					height: 434px;
					display: none;
					z-index: 400;					
				}
				
					.scroll-panel {
						width: 206px;
						height: 434px;
						overflow: auto;
						float: left;
					}
					
					/* -- Related media -- */
					#related-media-list {
						margin-left: 8px;
						margin-top: 8px;
					}
					
					#related-media-list li {	
						margin-bottom: 9px;
						padding-bottom: 5px;						
					}
					
					.related-media-text {
						float: left;
						width: 150px;	
					}
					
					.related-media-icon {
						float: left;
						width: 28px;
						padding-top: 30px;
						vertical-align: top;
					}
				
				#container-bg {
					z-index: 200 !important;
				}
				
			/* -- MEDIA CONTAINER - DERECHA -- */
			#media-container-right {
				float: left;
				width: 145px;
			}
			
				#player-options-container {				
					width: 145px;					
					overflow: hidden;
				}
				
					#rating-container {
						height: 27px;
					}
					
						#rating-stars-container {
							width: 105px;
							height: 27px;
							float: left;
						}
						
							.rating {								
								clear: both;
								display: block;
								padding-top: 5px;
							}
							
							.rating:after {
								content: '.';
								display: block;
								height: 0;
								width: 0;
								clear: both;
								visibility: hidden;
							}
							
							.cancel, .star {
								float: left;
								width: 20px;
								overflow: hidden;
								text-indent: -999em;								
							}
							
							.star, .star a {
								height: 20px;								
								display: block;
							}
								
							
							div.rating div.on a {
								background-position: 0 0px;
							}
							
							div.rating div.hover a, div.rating div a:hover {
								background-position: 0 0px;
							}
						
						#rating-votes-container {
							float: left;
							padding-top: 10px;
						}
					
					#player-options {
						width: 145px;
						height: 408px;
					}				
					
						/* -- ACCORDION -- */
						.ui-accordion-header, .ui-accordion-group, .ui-accordion, .ui-accordion-header a {
							margin: 0; 
							padding: 0; 
							border: 0; 
							outline: 0; 
							line-height: 1.3;
						}
						
						.ui-accordion-content {
							width: 145px;
							position: relative;
						}
						
						.ui-accordion-header {							
							height: 26px;
							margin-bottom: 1px;
						}
						
						.ui-accordion-header a {
							padding-right: 5px;
							padding-top: 5px;
							display: block;
						}
						
						/* FORMULARIOS DE LAS OPCIONES DEL PLAYER */
						.ui-accordion-content form {
						}
						
						.ui-accordion-content label, .ui-accordion-content textarea, .ui-accordion-content input {
							margin-left: 5px;
						}
						
						.ui-accordion-content input {	
							width: 132px;	
							padding-top: 5px;
							height: 14px;
							margin-top: 2px !important;
							margin-bottom: 2px !important;							
						}
						
						.ui-accordion-content textarea {
							width: 132px;
							height: 100px;
						}
						
						.ui-accordion-content input.submit {
							position: absolute;
							bottom: 1px;
							left: 0px;
							
							padding: 0px !important;
							padding-bottom: 2px !important;
							width: 145px !important;
							height: 26px !important;
							margin: 0px !important;							
						}
						
						.ui-accordion-content .embed-link-container {
						}
						
						.ui-accordion-content .description-container {
							margin-right: 5px;
							margin-left: 5px;
							padding-top: 5px;
							height: 242px;
						}
						
						.ui-accordion-content .embed-link-container textarea {						
							margin-top: 5px;
							height: 210px !important;
						}		

	.footer {
		margin-top: 14px;
	}