/**
* Esta hoja de estilos contiene los estilos de la pagina.
* En toda definicion de estilos, las primeras lineas definen la estructura de la pagina (ancho, alto, margen).
* A continuacion se encuentras las definiciones de visualizacion (colores, fuentes).
*/

/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:middle;
}
body {line-_height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* FIN RESET */

body {
	background-color: #d7e1e2;
	color: #000;
	font-family: Arial, Helvetica, Geneva, Sans, sans-serif;
	font-size: 62.5%;
}

/* CLASES GENERALES */
.clear {
	clear: both;
	visibility: hidden;
}

/* ELEMENTOS */
#loading-indicator {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 4px;
	display: none;


	background-color: #c00;
	color: #fff;
	font-size: 12px;
}

#left-column p {
	color: #333;
	font-size: 12px;
	font-weight: normal;
}

ul.quick-links {
}

ul.quick-links li {
	list-style-image: url(../images/bullet-quick-link.gif);
	list-style-position: inside;
}

ul.quick-links li a {
	font-size: 11px;
	color: #666666;
	text-decoration: underline;
}

ul.quick-links li a:hover {
	text-decoration: none;
}

#sidebar-separator {
	height: 27px;
}

.button-twozero {
	border: none;
}

#right-column {
}

#sections-search-container {}

#category-contents-browser {
	background-image: url(../images/bg-results.png);
}
 #search-results-browser {
 	background-image: url(../images/bg-search-results.png);

 }

#category-contents-container, #search-results-container {
}

#search-results-browser {}

.media {	
	list-style: none;
	cursor: pointer;	
}

.media p {
	font-size: 11px;
	color: #666;
}

.media-carrousel img.media-list-icon {}

#sections-results-container {}

/* MEDIA CATEGORIES */
.media-category-no a {
	font-size: 11px;
	font-weight: normal;
	cursor: pointer;
	background-image: url(../images/sprite-category-header.png);
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.media-category a {
	font-size: 11px;
	font-weight: normal;
	cursor: pointer;
	background-image: url(../images/sprite-category-header.png);
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.media-category a.selected {	
	background-position: left -31px;
}

.media-category a.opened {
	background-position: left -62px;
	color: #fff;
	font-weight: normal;
}

.media-category a.closed {
	background-position: left -93px;
}

.media-category a.closed-selected {
	background-position: left -124px;
}

.media-category-content {
	cursor: pointer;
	background-image: url(../images/bg-category.png);
}

.media-category-content p {
	font-size: 10px;
	color: #666;
	height: 30px;
}

/* BUSCADOR DE MEDIA */
#search-container {
}

#search-container h2 {
	font-size: 12px;
	font-weight: normal;
	background-image: url(../images/bg-search-title.png);
	background-repeat: no-repeat;
	color: #fff;
	text-align: right;	
}

#search-box {
	background-image: url(../images/bg-category.png);
	background-repeat: no-repeat;
	margin-top: -2px;	
}

#search-elements {
	margin-left: 5px;	
}

#search-elements p {
	font-size: 11px;
	color: #555;	
}

#search-elements .input {
	border: 1px solid #fff;
	font-size: 12px;
	background-image: url(../images/bg-input-box.png);
}

#search-elements hr {
	background-color: #555;
}

#search-elements a.media-filter {
	background-image: url(../images/sprite-media-filters.gif);
}

#search-elements a.media-filter.video {
	background-position: 0px top;
}

#search-elements a.media-filter.video:hover, #search-elements a.media-filter.video-selected {
	background-position: 0px bottom;
}

#search-elements a.media-filter.image{
	background-position: -32px top; 
}

#search-elements a.media-filter.image:hover, #search-elements a.media-filter.image-selected {
	background-position: -32px bottom; 
}

#search-elements a.media-filter.audio {
	background-position: -64px top; 
}

#search-elements a.media-filter.audio:hover, #search-elements a.media-filter.audio-selected {
	background-position: -64px bottom; 
}

#search-elements a.media-filter.docs {
	background-position: -96px top; 
}

#search-elements a.media-filter.docs:hover, #search-elements a.media-filter.docs-selected {
	background-position: -96px bottom; 
}

#search-elements a.media-filter span {
	display: none;
}

#search-elements #selected-tag {
	border: 1px solid #bbb;
	font-size: 11px;
}

/* MEDIA PLAYER, COMMENTS, RELATED, OPTIONS */
#media-container {
	background-image: url(../images/fondo-container.png);
}

#media-player-container {
	background-color: #555;
}

#related-comments-container {
	
}

#related-trigger {	
	background-image: url(../images/sprite-buttons-related.png);
	background-repeat: no-repeat;
}

#related-trigger:hover, #related-trigger.selected {
	background-position: -26px top;
}

#comments-trigger {
	background-image: url(../images/sprite-buttons-comments.png);
	background-repeat: no-repeat;
	background-position: left -0px;
}

#comments-trigger:hover, #comments-trigger.selected {
	background-position: -26px -0px;
}

#comments-list {
	margin-left: 7px;
	margin-top: 9px;
}

.comment-data {	
	margin-left: 6px;
	
	font-size: 11px;
	color: #666;
}

.comment-text {
	font-size: 12px;
	padding-bottom: 6px;
	border-bottom: 1px solid #bbb;
	color: #666;
}

.comment-text.last-comment {
	border-bottom: none !important;
}

/* -- Related Media -- */
#related-media-list {}

#related-media-list li {	
	border-bottom: 1px solid #bbb;
}

.related-media-text {
	font-size: 12px;
	color: #666;	
}

.related-media-icon {	
	background-image: url(../images/sprite-media-icons.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 9px;
	text-align: center;
	color: #666;
}

.last-related-media {
	border-bottom: none !important;
}

/* -- Tipos de media --*/
.media-video {
	background-position: 0px top;
}

.media-picture {
	background-position: -32px top;
}

.media-audio {
	background-position: -64px top;
}

.media-doc {
	background-position: -96px top;
}

.separator-a3 {
	margin-bottom: 9px;
	_height: 1px;
	display: block;
	
	background-color: #bbb;
}

.rc-container {
	background-color: #fff;
	border: 1px solid #fff;
}

#container-bg {
	z-index: 200 !important;
}

#player-options {}

#player-options-container {}

#rating-container {}

#rating-stars-container {}

#rating-votes-container {
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}

.ui-accordion {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
}

.ui-accordion-group {
	border-bottom: none;
}

.ui-accordion-header {
	cursor: pointer;
	background: url(../images/sprite-player-options.png) 0 0% repeat-x;
	text-align: right;
}

.ui-accordion-header a {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
}

.ui-accordion-header a:hover {

}
.ui-accordion-header:hover {

}

.selected .ui-accordion-header, .selected .ui-accordion-header:hover {
	background: #e9e8e2 url(../images/sprite-player-options.png) 0 -30px repeat-x;
}
.selected .ui-accordion-header a, .selected .ui-accordion-header a:hover {}


/* FORMULARIOS DE LAS OPCIONES DEL PLAYER */
.ui-accordion-content form {}

.ui-accordion-content label {
	font-size: 11px;
	color: #333333;
}

.ui-accordion-content input {	
	background-image: url(../images/bg-options-input.gif);
	border: 1px solid #fff;
}

.ui-accordion-content textarea {
	background-image: url(../images/bg-options-textarea.gif);
	border: 1px solid #fff;
}

.ui-accordion-content input.submit {	
	background-image: url(../images/bg-options-button.gif);
	border: none;
	color: #333333;
	font-size: 12px;
	cursor: pointer;
}

.ui-accordion-content .embed-link-container {}

.ui-accordion-content .description-container {}

.ui-accordion-content .embed-link-container textarea {
	background-image: url(../images/bg-options-textarea-tall.gif);
}


#player-controls-container {	
	background-image: url(../images/bg-player-controls.gif);
	background-repeat: repeat-x;
}

.player-control {
	display: none;
}

.rating {
	cursor: pointer;
}

.rating:after {}

.cancel, .star {
	cursor: pointer;
}

.star, .star a {
	background: url(../images/sprite-stars.png);
	background-repeat: no-repeat;
	background-position: 0px -22px;
}
	

div.rating div.on a {
	background-position: 0 -2px;
}

div.rating div.hover a, div.rating div a:hover {
	background-position: 0 -2px;
}


/* outmost wrapper element */
.media-list-container {

}

/* container for the scrollable items */
ul.media-carrousel {

}

/* single item */
div.media-carrousel div {	
	float:left;
}

div.items a:hover {
	color:#999;	
}

div.items a.active {
	background-position:-174px 0;		
	color:#555;
	cursor:default;
}

/* next / prev buttons */
a.prev, a.next, a.prevPage, a.nextPage {	
	background-repeat:no-repeat;	
	background:url(../images/sprite-browser-navigation.gif);
	cursor: pointer;	
}

a.prev, a.prevPage {
	background-position: top left;
}

a.next, a.nextPage {
	background-position: top right;
}

/* -- SCROLLBAR -- */
.jScrollPaneTrack {
	background-color: #fff !important;
	background-image: url(../images/bg-scrolltrack.png) !important;
	background-repeat: repeat-y;
	margin-right: 3px !important;
}

.footer {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}