@charset "utf-8";

/* teveo - Servicio de audio y video bajo demanda
 * $Id: teveo-standard-screen.css 69 2009-09-07 16:17:39Z texel $
 *
 * Esta es la hoja de estilo de la aplicación para la gran mayoría de las
 * páginas, cuando estas se muestran en la pantalla. */

 body {
   background: #fff url(../images/teveo-background.jpg) repeat-x; }
 body.user {
   background: #fff url(../images/teveo-background-user.jpg) repeat-x; }
 body.manage {
   background: #fff url(../images/teveo-background-manage.jpg) repeat-x; }

 span.acronym {
   font-size: 80%; }

 #header {
   position: relative; }

 #logo {
   position: absolute;
   left: 48px;
   top: 16px; }

 #search {
   position: absolute;
   right: 48px;
   top: 16px; }

 #search form input {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.1em;
   border: 1px solid #9a9;
   padding: 0 0 0 20px;
   background: #efe url(../images/teveo-search.gif) no-repeat 4px 6px; }
 #search form input.user {
   background: #eef url(../images/teveo-search.gif) no-repeat 4px 6px; }
 #search form input.manage {
   background: #fee url(../images/teveo-search.gif) no-repeat 4px 6px; }
 #search form input.unused {
   color: #9a9; }

 #lemma {
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size: 1.6em;
   line-height: 85%;
   padding: 16px 48px 6px 216px; }
 #lemma span.hilite {
   color: #060; }

 #menu {
   padding: 0 48px 0 216px; }
 #menu ul li {
   background: url(../images/teveo-menu-action.gif) no-repeat 3px 5px;
   padding: 0 4px 0 15px;
   display: inline; }
 #menu ul li a {
   text-decoration: none; }
 #menu ul li a:hover {
   text-decoration: underline;
   color: #f00; }
 #menu ul li span.selected {
   font-weight: bold; }

 #session {
   padding: 0 48px 16px 216px; }

 #sessionActions ul li {
   font-size: 0.85em;
   background: url(../images/teveo-menu-action.gif) no-repeat 3px 4px;
   padding: 0 4px 0 15px;
   display: inline; }
 #sessionActions ul li a {
   text-decoration: none; }
 #sessionActions ul li a:hover {
   text-decoration: underline;
   color: #f00; }

 #sessionForm {
   display: none; }
 #sessionForm form {
   padding: 8px 48px 0 15px; }
 #sessionForm form label {
   font-size: 0.9em; }
 #sessionForm form input {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   border: 1px solid #9a9; }
 #sessionForm form p.sessionError {
   color: #f00;
   font-size: 0.9em; }

 #applicationMessage {
   display: none;
   background-color: #0f0;
   padding: 16px 10em 16px 10em;
   background: url(../images/teveo-message-background-information.gif); }
 #applicationMessage.error {
   background: url(../images/teveo-message-background-error.gif); }
 #applicationMessage p {
   color: #000;
   line-height: 0.95em; }

 #location {
   padding: 4px 48px 12px 48px; }
 #location p,
 #location h1 {
   font-size: 0.9em;
   line-height: 0.9em;
   display: inline; }
 #location p a {
   text-decoration: none; }
 #location p a:hover {
   color: #f00;
   text-decoration: underline; }

 body #contents,
 body.user #contents,
 body.manage #contents {
   padding: 8px 293px 12px 48px; }

 body #primary,
 body.user #primary,
 body.manage #primary {
   float: left;
   width: 100%; }
 body #primary h2,
 body.user #primary h2,
 body.manage #primary h2 {
   color: #444;
   font-size: 1.1em;
   text-transform: uppercase;
   letter-spacing: 0.2em;
   line-height: 90%;
   margin: 0 12px 0 0;
   padding: 0 0 0 0;
   border-bottom: solid 1px #ddd; }
 body #primary p,
 body.user #primary p,
 body.manage #primary p {
   line-height: 95%;
   padding: 4px 12px 8px 0; }
 body #primary div.informationBlock {
   float: left;
   padding: 0 0 24px 0; }
 body #primary div.informationBlock p {
   padding: 0 5px 12px 350px; }
 body #primary div.informationBlock p.sourceCode {
   white-space: pre;
   font-size: 90%;
   font-family: Lucida Console, Courier New, Courier, monospace;
   padding: 0 5px 12px 0; }
 body #primary div.informationBlock h2 {
   color: #000;
   text-transform: none;
   font-size: 120%;
   letter-spacing: normal;
   border-bottom: none;
   padding: 0 5px 4px 350px; }
 body #primary #embedCode {
   color: #000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.8em;
   background-color: #eee;
   border: solid 1px #bbb;
   width: 100%; }
 body #primary div.mediaFileShow,
 body #primary div#mediaFileHits {
   float: left; }
 body #primary div#mediaFileHits {
   width: 320px;
   height: 240px; }
 body #primary div.mediaFileShow p {
   padding: 0; }
 body #primary h1.mediaFileShowTitle {
   font-size: 120%;
   padding: 0 5px 0 350px; }
 body #primary p.mediaFileShowTimestamp {
   color: #444;
   font-size: 90%;
   padding: 0 5px 8px 350px; }
 body #primary p.mediaFileShowDescription {
   padding: 0 5px 0 350px; }
 body #primary table.readOnlyMediaFileTable,
 body.user #primary table.userProfile,
 body.user #primary table.objectTable,
 body.manage #primary table.objectTable {
   margin: 4px 0 12px 16px;
   border-collapse: collapse; }
 body #primary table.readOnlyMediaFileTable tbody tr.highlight {
   /* background-color: #f5fff5; */ }
 body.user #primary table.objectTable tbody tr.highlight,
 body.manage #primary table.objectTable tbody tr.highlight {
   background-color: #f5fff5; }
 body #primary table.readOnlyMediaFileTable tbody tr.track {
   /* background-color: #ddd; */ }
 body.user #primary table.objectTable tbody tr.track,
 body.manage #primary table.objectTable tbody tr.track {
   background: #fafafa url(../images/teveo-track-background.gif); }
 body #primary table.readOnlyMediaFileTable tbody tr.empty,
 body.user #primary table.objectTable tbody tr.empty,
 body.manage #primary table.objectTable tbody tr.empty {
   background: #f6dbdb url(../images/teveo-message-background-error.gif); }
 body #primary table.readOnlyMediaFileTable tbody tr.empty p,
 body.user #primary table.objectTable tbody tr.empty p,
 body.manage #primary table.objectTable tbody tr.empty p {
   margin: 2px 64px 2px 64px;
   font-style: italic;
   text-align: center; }
 body #primary table.readOnlyMediaFileTable tbody tr td,
 body.user #primary table.userProfile tbody tr td,
 body.user #primary table.objectTable thead tr th,
 body.user #primary table.objectTable tfoot tr td,
 body.user #primary table.objectTable tbody tr td,
 body.manage #primary table.objectTable thead tr th,
 body.manage #primary table.objectTable tfoot tr td,
 body.manage #primary table.objectTable tbody tr td {
   line-height: 0.95em;
   vertical-align: top; }
 body #primary table.readOnlyMediaFileTable tbody tr td,
 body.user #primary table.objectTable tbody tr td,
 body.manage #primary table.objectTable tbody tr td {
   padding: 4px 0 12px 0; }
 body.user #primary table.userProfile tbody tr td.property {
   font-weight: bold;
   text-align: right; }
 body #primary table.readOnlyMediaFileTable tbody tr td.borderTop,
 body.user #primary table.objectTable tbody tr td.borderTop,
 body.manage #primary table.objectTable tbody tr td.borderTop {
   border-top: solid 1px #eee; }
 body #primary table.readOnlyMediaFileTable tbody tr td.borderTopStrong,
 body.user #primary table.objectTable tbody tr td.borderTopStrong,
 body.manage #primary table.objectTable tbody tr td.borderTopStrong {
   border-top: solid 3px #ddd; }
 body.user #primary table.objectTable tbody tr td.borderBottom,
 body.manage #primary table.objectTable tbody tr td.borderBottom {
   border-bottom: solid 1px #eee; }
 body #primary table.readOnlyMediaFileTable tbody tr td.borderBottomStrong,
 body.user #primary table.objectTable tbody tr td.borderBottomStrong,
 body.manage #primary table.objectTable tbody tr td.borderBottomStrong {
   border-bottom: solid 3px #ddd; }
 body #primary table.readOnlyMediaFileTable tbody tr td p,
 body.user #primary table.userProfile tbody tr td p,
 body.user #primary table.objectTable thead tr th p,
 body.user #primary table.objectTable tfoot tr td p,
 body.user #primary table.objectTable tbody tr td p,
 body.manage #primary table.objectTable thead tr th p,
 body.manage #primary table.objectTable tfoot tr td p,
 body.manage #primary table.objectTable tbody tr td p {
   margin: 0;
   padding: 3px 5px; }
 body.user #primary table.userProfile tbody tr td p {
   padding: 1px 5px; }
 body.manage #primary table.objectTable tbody tr td p.siteName,
 body.manage #primary table.objectTable tbody tr td p.userFullName {
   font-weight: bold;
   padding: 0 5px; }
 body.manage #primary table.objectTable tbody tr td p.siteDescription,
 body.manage #primary table.objectTable tbody tr td p.userEmail,
 body.manage #primary table.objectTable tbody tr td p.userDescription {
   font-size: 90%;
   padding: 0 5px; }
 body.manage #primary table.objectTable tbody tr td p.siteDescription {
   padding: 0 5px 2px 5px; }
 body.manage #primary table.objectTable tbody tr td p.siteActions {
   font-size: 80%;
   padding: 0 5px 3px 5px; }
 body #primary table.readOnlyMediaFileTable tbody tr td div.mediaFileThumbnail,
 body.user #primary table.objectTable tbody tr td div.mediaFileThumbnail,
 body.manage #primary table.objectTable tbody tr td div.mediaFileThumbnail {
   float: left; }
 body #primary table.readOnlyMediaFileTable tbody tr td p.mediaFileTitle,
 body.user #primary table.objectTable tbody tr td p.mediaFileTitle,
 body.manage #primary table.objectTable tbody tr td p.mediaFileTitle {
   padding: 0 5px 0 120px; }
 body #primary table.readOnlyMediaFileTable tbody tr td p.mediaFileTimestamp {
   color: #444;
   font-size: 80%;
   padding: 0 5px 0 120px; }
 body #primary table.readOnlyMediaFileTable tbody tr td p.mediaFileDescription,
 body.user #primary table.objectTable tbody tr td p.mediaFileDescription,
 body.manage #primary table.objectTable tbody tr td p.mediaFileDescription {
   font-size: 90%;
   padding: 6px 5px 0 120px; }
 body #primary table.readOnlyMediaFileTable tbody tr td p.mediaFileInformation,
 body.user #primary table.objectTable tbody tr td p.mediaFileInformation,
 body.manage #primary table.objectTable tbody tr td p.mediaFileInformation {
   font-size: 90%;
   line-height: 90%;
   padding: 4px 5px 0 120px; }
 body.user #primary table.objectTable thead tr th.alignLeft,
 body.user #primary table.objectTable tfoot tr td.alignLeft,
 body.user #primary table.objectTable tbody tr td.alignLeft,
 body.manage #primary table.objectTable thead tr th.alignLeft,
 body.manage #primary table.objectTable tfoot tr td.alignLeft,
 body.manage #primary table.objectTable tbody tr td.alignLeft {
   text-align: left; }
 body.user #primary table.objectTable thead tr th.alignRight,
 body.user #primary table.objectTable tfoot tr td.alignRight,
 body.user #primary table.objectTable tbody tr td.alignRight,
 body.manage #primary table.objectTable thead tr th.alignRight,
 body.manage #primary table.objectTable tfoot tr td.alignRight,
 body.manage #primary table.objectTable tbody tr td.alignRight {
   text-align: right; }
 body.user #primary table.objectTable tbody tr td.index,
 body.manage #primary table.objectTable tbody tr td.index {
   font-size: 0.85em;
   color: #666; }
 body.user #primary table.objectTable thead tr th,
 body.manage #primary table.objectTable thead tr th {
   border-bottom: solid 3px #bbb; }
 body.user #primary table.objectTable tfoot tr td,
 body.manage #primary table.objectTable tfoot tr td {
   border-top: solid 3px #bbb; }
 body.user #primary table.objectTable thead tr th p,
 body.manage #primary table.objectTable thead tr th p {
   font-weight: bold; }
 body.user #primary table.objectTable tfoot tr td p,
 body.manage #primary table.objectTable tfoot tr td p {
   font-weight: bold; }
 body.user #primary table.objectTable span.na,
 body.manage #primary table.objectTable span.na {
   font-style: italic;
   font-size: 80%; }
 body #primary table.readOnlyMediaFileTable tbody tr td ul.rowActions {
   padding: 0 3px 0 120px; }
 body.manage #primary table.objectTable tbody tr td ul.rowActions {
   padding: 0 3px 6px 3px; }
 body #primary table.readOnlyMediaFileTable tbody tr td ul.rowActions li,
 body.manage #primary table.objectTable 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 #primary table.readOnlyMediaFileTable tbody tr td ul.rowActions li a,   
 body.manage #primary table.objectTable tbody tr td ul.rowActions li a {
   text-decoration: none; }
 body #primary table.readOnlyMediaFileTable tbody tr td ul.rowActions li a:hover,
 body.manage #primary table.objectTable tbody tr td ul.rowActions li a:hover {
   text-decoration: underline;
   color: #f00; }
 body #primary table.readOnlyMediaFileTable tbody tr td ul.rowActions li span.actionDisabled,
 body.manage #primary table.objectTable tbody tr td ul.rowActions li span.actionDisabled {
   color: #ddd;
   font-weight: bold; }      
 body.user #primary table.objectTable tbody tr td p span.status,
 body.manage #primary table.objectTable tbody tr td p span.status {
   font-weight: bold;
   font-size: 90%;
   font-style: italic; }
 body.user #primary p.objectTableInformation,
 body.manage #primary p.objectTableInformation {
   margin-left: 16px;
   margin-bottom: 12px;
   font-size: 0.85em;
   line-height: 0.9em; }
 body.user #primary form.manage,
 body.manage #primary form.manage {
   padding: 0 32px 12px 0; }
 body.user #primary form.manage fieldset,
 body.manage #primary form.manage fieldset {
   background: #fffcee url(../images/teveo-background-fieldset.gif) repeat-x scroll left bottom;
   border-top: 5px solid #eee;
   padding: 0 0 18px 0; }
 body.user #primary form.manage fieldset legend,
 body.manage #primary form.manage fieldset legend {
   font-weight: bold; }
 body.user #primary form.manage fieldset ol li,
 body.manage #primary form.manage fieldset ol li {
   padding: 4px 8px; }
 body.user #primary form.manage fieldset ol li.help,
 body.manage #primary form.manage fieldset ol li.help {
   color: #444;
   font-size: 85%;
   line-height: 90%;
   padding: 0 8px 8px 155px; }
 body.user #primary form.manage fieldset ol li.separated,
 body.manage #primary form.manage fieldset ol li.separated {
   border-bottom: solid 1px #eee; }
 body.user #primary form.manage fieldset ol li.error ,
 body.manage #primary form.manage fieldset ol li.error {
   background-color: #fee; }
 body.user #primary form.manage fieldset ol li label,
 body.manage #primary form.manage fieldset ol li label {
   display: inline-block;
   vertical-align: top;
   width: 140px; }
 body.user #primary form.manage fieldset ol li input,
 body.manage #primary form.manage fieldset ol li input,
 body.user #primary form.manage fieldset ol li textarea,
 body.manage #primary form.manage fieldset ol li textarea,
 body.user #primary form.manage fieldset ol li select,
 body.manage #primary form.manage fieldset ol li select {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   line-height: 95%;
   display: inline-block;
   width: 50%; }
 body.user #primary form.manage fieldset ol li.small input,
 body.manage #primary form.manage fieldset ol li.small input {
   width: auto; }
 body.user #primary form.manage input.submit,
 body.manage #primary form.manage input.submit {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.95em;
   margin: 0 8px 8px 155px; }
 body.user #primary form.manage #uploadProgress {
   display: none;
   margin: 0 8px 8px 155px;
   padding: 8px;
   background: url(../images/teveo-message-background-information.gif); }
 body.user #primary form.manage #uploadProgress p {
   margin: 0;
   padding: 0; }

 body #primary p.paginator {
   font-size: 90%;
   text-align: center; }
 body #primary p.paginator span.paginatorLinkDisabled {
   color: #ccc;
   font-weight: bold; }

 body #secondary,
 body.user #secondary,
 body.manage #secondary {
   float: left;
   border-left: 5px solid #eee;
   width: 240px;
   margin-right: -245px; }
 body #secondary {
   background: #efe url(../images/teveo-extra-background.gif) repeat-x scroll left bottom; }
 body.user #secondary {
   background: #eef url(../images/teveo-extra-background-user.gif) repeat-x scroll left bottom; }
 body.manage #secondary {
   background: #fee url(../images/teveo-extra-background-manage.gif) repeat-x scroll left bottom; }
 body #secondary p,
 body.user #secondary p,
 body.manage #secondary p {
   font-size: 0.9em;
   line-height: 90%;
   padding: 4px 8px; }
 body #secondary ul.actions,
 body.user #secondary ul.actions,
 body.manage #secondary ul.actions {
   padding: 12px 8px 8px 8px; }
 body #secondary ul.actions li,
 body.user #secondary ul.actions li,
 body.manage #secondary ul.actions li {
   font-size: 0.9em;
   line-height: 90%;
   background: url(../images/teveo-menu-action.gif) no-repeat 3px 3px;
   padding: 0 12px 4px 16px; }
 body.user #secondary p.firefoxInformation,
 body.manage #secondary p.firefoxInformation {
   margin-top: 36px; }
 body.user #secondary p.firefoxInformationImage a img,
 body.manage #secondary p.firefoxInformationImage a img {
   border: 0; }

 #footer {
   padding: 24px 48px 24px 48px;
   clear: both; }
 #footer p {
   padding: 0;
   font-size: 85%;
   line-height: 95%;
   color: #666; }