@charset "utf-8";

/* teveo - Servicio de audio y video bajo demanda
 * $Id: teveo-home-screen.css 69 2009-09-07 16:17:39Z texel $
 *
 * Esta es la hoja de estilo de la aplicación que contiene los estilos de
 * la página de inicio de la aplicación, cuando esta se muestra en la
 * pantalla. */

 body #bar {
   background: #efe url(../images/teveo-bar-background.gif);
   float: left;
   margin: 0 0 12px 0; }

 body #recommendationsContents,
 body #listingsContents {
   padding: 8px 48px 12px 48px; }

 body #recommendations,
 body #listings {
   clear: left;
   float: left;
   width: 100%;
   overflow: hidden;
   padding: 0 0 24px 0; }
 body #recommendations h2,
 body #listings h2 {
   font-family: Georgia, Times New Roman, serif;
   font-weight: normal;
   font-size: 2em;
   padding: 0 0 12px 0; }
 body #recommendationsContainer,
 body #listingsContainer {
   float: left;
   width: 100%;
   position: relative;
   right: 50%; }
 body #recomendationsBig,
 body #recent {
   float: left;
   width: 48%;
   position: relative;
   left: 50%;
   overflow: hidden; }
 body #recomendationsSmall,
 body #popular {
   float: left;
   width: 48%;
   position: relative;
   left: 54%;
   overflow:hidden; }
 body #recomendationsBig p,
 body #recent p,
 body #recomendationsSmall p,
 body #popular p {
   line-height: 95%;
   padding: 0 0 8px 0; }
 body #recomendationsBig p.mediaFileTitle {
   padding: 0; }
 body #recomendationsBig p.mediaFileTimestamp {
   color: #444;
   font-size: 80%;
   padding: 0 0 4px 0; }
 body #recomendationsBig p.mediaFileDescription {
   font-size: 90%;
   padding: 0; }
 body #recomendationsBig p.mediaFileInformation {
   font-size: 90%;
   line-height: 90%;
   padding: 4px 0 0 0; }
 body #recomendationsSmall table.readOnlyMediaFileTable {
   margin: 0 0 12px 0;
   border-collapse: collapse; }
 body #listings table.readOnlyMediaFileTable {
   margin: 4px 0 12px 0;
   border-collapse: collapse; }
 body #recomendationsSmall table.readOnlyMediaFileTable tbody tr.empty,
 body #listings table.readOnlyMediaFileTable tbody tr.empty {
   background: #f6dbdb url(../images/teveo-message-background-error.gif); }
 body #recomendationsSmall table.readOnlyMediaFileTable tbody tr.empty p,
 body #listings table.readOnlyMediaFileTable tbody tr.empty p {
   margin: 2px 64px 2px 64px;
   font-style: italic;
   text-align: center; }
 body #recomendationsSmall table.readOnlyMediaFileTable tbody tr td,
 body #listings table.readOnlyMediaFileTable tbody tr td {
   line-height: 0.95em;
   vertical-align: top;
   padding: 4px 0 12px 0; }
 body #recomendationsSmall table.readOnlyMediaFileTable tbody tr td.borderTop {
   /* border-top: solid 1px #ddd; */ }
 body #listings table.readOnlyMediaFileTable tbody tr td.borderTop {
   border-top: solid 1px #eee; }
 body #recomendationsSmall table.readOnlyMediaFileTable tbody tr td.borderTopStrong,
 body #listings table.readOnlyMediaFileTable tbody tr td.borderTopStrong {
   border-top: solid 3px #ddd; }
 body #recomendationsSmall table.readOnlyMediaFileTable tbody tr td.borderBottomStrong,
 body #listings table.readOnlyMediaFileTable tbody tr td.borderBottomStrong {
   border-bottom: solid 3px #ddd; }
 body #recomendationsSmall table.readOnlyMediaFileTable tbody tr td p,
 body #listings table.readOnlyMediaFileTable tbody tr td p {
   margin: 0;
   padding: 3px 5px; }
 body #recomendationsSmall table.readOnlyMediaFileTable tbody tr td div.mediaFileThumbnail,
 body #listings table.readOnlyMediaFileTable tbody tr td div.mediaFileThumbnail {
   float: left; }
 body #recomendationsSmall table.readOnlyMediaFileTable tbody tr td p.mediaFileTitle,
 body #listings table.readOnlyMediaFileTable tbody tr td p.mediaFileTitle {
   padding: 0 5px 0 120px; }
 body #recomendationsSmall table.readOnlyMediaFileTable tbody tr td p.mediaFileTimestamp,
 body #listings table.readOnlyMediaFileTable tbody tr td p.mediaFileTimestamp {
   color: #444;
   font-size: 80%;
   padding: 0 5px 0 120px; }
 body #recomendationsSmall table.readOnlyMediaFileTable tbody tr td p.mediaFileDescription,
 body #listings table.readOnlyMediaFileTable tbody tr td p.mediaFileDescription {
   font-size: 90%;
   padding: 6px 5px 0 120px; }

 body #recent table.readOnlyMediaFileTable tbody tr td ul.rowActions,
 body #popular table.readOnlyMediaFileTable tbody tr td ul.rowActions {
   padding: 0 3px 0 120px; }
 body #recent table.readOnlyMediaFileTable tbody tr td ul.rowActions li,
 body #popular table.readOnlyMediaFileTable tbody tr td ul.rowActions li {
   font-size: 80%;
   background: url(../images/teveo-menu-action.gif) no-repeat 3px 3px;
   padding: 0 4px 0 15px;
   display: inline; }
 body #recent table.readOnlyMediaFileTable tbody tr td ul.rowActions li a,
 body #popular table.readOnlyMediaFileTable tbody tr td ul.rowActions li a {
   text-decoration: none; }
 body #recent table.readOnlyMediaFileTable tbody tr td ul.rowActions li a:hover,
 body #popular table.readOnlyMediaFileTable tbody tr td ul.rowActions li a:hover {
   text-decoration: underline;
   color: #f00; }
 body #recent table.readOnlyMediaFileTable tbody tr td ul.rowActions li span.actionDisabled,
 body #popular table.readOnlyMediaFileTable tbody tr td ul.rowActions li span.actionDisabled {
   color: #ddd;
   font-weight: bold; }