body {
   background-image:url("logo_infobox_bn2.gif");
   background-repeat:no-repeat;
   background-position:center center;
   background-attachment:fixed;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}
.titulo {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #003380;
   font-weight: bold;
}
.medium {
   width: 10em;
}
.pequeno {
   font-size: small;
}
span.invalid, span.missing {
   display: inline;
   margin-left: 1em;
   font-weight: bold;
   font-family: Arial, Verdana, sans-serif;
   color: #f66;
   font-size: 0.9em;
}
.noticeMessage {
   display: block;
   float: right;
   font-weight: bold;
   font-family:Arial, Verdana, sans-serif;
   color:#f66;
   font-size:0.9em;
}
.dojoMenuBar2  {
   border-top: 1px solid #d4d4d4;
}
.dojoDialog {
   background : #eee;
   border : 1px solid #999;
   -moz-border-radius : 5px;
   padding : 4px;
   font-family: Arial, Verdana, sans-serif;
   font-size: 0.9em;
}

/* group multiple buttons in a row */
.box {
   display: block;
   text-align: right;
   vertical-align:right;
   background: ;
}
.box .dojoButton {
   float: left;
   margin-right: 10px;
   font-size: 0.9em;
}
.dojoButton .dojoButtonContents {
   font-size: small;
}

      .tablaEdicion {
         font-family: Arial, Verdana, sans-serif;
         font-size:0.8em;
         width:95%;
         border:1px solid #ccc;
         cursor:default;
      }
      .tablaEdicion thead td, table thead th {
         background:#94BEFF;
      }
      .tablaEdicion td
      .tablaEdicion th{
         font-family: Arial, Verdana, sans-serif;
         border-right:1px solid #999;
         padding:2px;
         font-weight:normal;
      }


/**
      .tableRelacion {
         font-family: Arial, Verdana, sans-serif;
         font-size:0.8em;
         width:90%;
         border:1px solid #ccc;
         cursor:default;
      }

      * html div.tableContainer {   
         width:95%;
         border:1px solid #ccc;
         height: 285px;
         overflow-x:hidden;
         overflow-y: auto;
      }

      table .tdRelacion,
      table .thRelacion{
         font-family: Arial, Verdana, sans-serif;
         border-right:1px solid #999;
         padding:2px;
         font-weight:normal;
      }
      table thead td, table thead th {
         background:#94BEFF;
      }
      
      * html div.tableContainer table thead tr td,
      * html div.tableContainer table thead tr th{
         position:relative;
         top:expression(dojo.html.getFirstAncestorByTag(this,'table').parentNode.scrollTop-2);
      }
      
      html>body tbody.scrollContent {
         overflow-x:hidden;
         overflow-y: auto;
      }

      tbody.scrollContent td, tbody.scrollContent tr td {
         background: #FFF;
         padding: 2px;
      }

      tbody.scrollContent tr.alternateRow td {
         background: #e3edfa;
         padding: 2px;
      }

      tbody.scrollContent tr.selected td {
         background: yellow;
         padding: 2px;
      }
      tbody.scrollContent tr:hover td {
         background: #a6c2e7;
         padding: 2px;
      }
      tbody.scrollContent tr.selected:hover td {
         background: #ff3;
         padding: 2px;
      }
**/
      /***
         The following is just an example of how to use the table.
         You can override any class names to be used if you wish.
      ***/
      .tableListado {
         font-family: Arial, Verdana;
         font-size:small;
         width:95%;
         border:1px solid #ccc;
         border-collapse:collapse;
         cursor:default;
      }
      .tableListado td,
      .tableListado th{
         padding:2px;
         font-weight:normal;
      }
      .tableListado thead td, .tableListado thead th {
         background-image:url(ft-head.gif);
         background-repeat:no-repeat;
         background-position:top right;
      }
      .tableListado thead td.selectedUp, .tableListado thead th.selectedUp {
         background-image:url(ft-headup.gif);
      }
      .tableListado thead td.selectedDown, .tableListado thead th.selectedDown {
         background-image:url(ft-headdown.gif);
      }

      .tableListado tbody.scrollContent {
         overflow-x: hidden;
         overflow-y: auto;
      }         
         
      .tableListado tbody tr td{
         border-bottom:1px solid #ddd;
         background: #ffffff
      }
      .tableListado tbody tr.alt td{
         background: #e3edfa;
      }
      .tableListado tbody tr.selected td{
         background: yellow;
      }
      .tableListado tbody tr:hover td{
         background: #a6c2e7;
      }
      .tableListado tbody tr.selected:hover td{
         background:#ff9;
      }

      #inputArea{
         margin:1em 0;
         padding:1em;
         background-color:#eef;
      }
      #updateTestInput{
         border:1px solid #ccc;
         width:100%;
         height:80px;
         font-family:serif;
         font-size:0.9em;
         overflow:auto;
      }

div.container {
   background-color: white;
   border: 2px solid black;
   width: 200px;
   height: 600px;
   padding: 0px;
   margin: 0px;
   overflow: hidden;
}

.label , .content {
   width: 500px;
   margin-left: 50px
}

.labelEstructura , .contentEstructura {
   width: 96%;
   margin-left: 10px
}

.label , .labelEstructura {
   background: #7596c6;
   font-family: Arial, Verdana;
   font-size: small;
   padding: 2px;
   color: white;
   height: 20px;
   border-top: 1px solid black;
   border-bottom: 1px solid #aaaaaa;
   border-left: 1px solid #aaaaaa;
   border-right: 1px solid black;
}

.content , .contentEstructura {
   font-family: Arial, Verdana;
   font-size: small;
   padding: 2px;
   background: #eeeeee;
   border-top: 1px solid #aaaaaa;
   border-bottom: 1px solid #aaaaaa;
   border-left: 1px solid #aaaaaa;
   border-right: 1px solid black;
}

.dojoComboBoxOptions	{
   height: 300px !important;
}
.dojoComboBoxItem	{
   font-size: 12px;
}