* { -moz-box-sizing: border-box; }

.required input {background-color:rgb(255,255,190);}
.required select {background-color:rgb(255,255,190);}
.required textarea {background-color:rgb(255,255,190);}
/************************************************************/
/*                                                          
/*  HTML
/*
/************************************************************/

html
{
  height: 100%;
}

/************************************************************/
/*                                                          
/*  BODY   
/*
/************************************************************/
body
{
  height: 100%;
  
  overflow-y: scroll;
  
  margin: 0px;
  padding: 0px;
  
  background-color: rgb(223, 219, 211);  
  
  font-family: Verdana, Helvetica, Arial, Sans-serif;
  font-size: 0.70em;
  color: rgb(103, 99, 91);
}

/************************************************************/
/*                                                          
/*  TABLE
/*
/************************************************************/
table
{    
  font-size: 1em;
  
  empty-cells: show;
}

/************************************************************/
/*                                                          
/*  TABLE - CONTAINER
/*
/************************************************************/

#tableContainer
{
  margin-left: auto;
  margin-right: auto;
  
  width: 780px;
  height: 100%;
  
  border: 0px solid black;
}

#tableContainer tr.pre_header
{
  height: 10px;
}

#tableContainer tr.pre_footer
{
  height: 5px;
}

#tableContainer tr.post_footer
{
  height: 5px;
}

#tableContainer tr.header
{
  height: 1px;
}

#tableContainer tr.footer
{
  height: 1px;
}

#tableContainer tr td
{
  vertical-align: top;  
}

#tableContainer tr td.containerLeft
{
  width: 20px;      
  
  background-image: url('../imagenes/borders/container_border_l.jpg');
  background-position: top right; 
  background-repeat: repeat-y;
}

#tableContainer tr td.containerRight
{
  width: 20px;      
  
  background-image: url('../imagenes/borders/container_border_r.jpg');
  background-position: top left; 
  background-repeat: repeat-y;
}

#tableContainer tr td.containerCenter
{   
  background-color: rgb(255, 255, 255);
  
  padding-left: 30px;
  padding-right: 30px;
}

/************************************************************/
/*                                                          
/*  DIV
/*
/************************************************************/
div.text
{
  font-weight: bold;
  
  margin-top: 20px;
  margin-bottom: 5px;
}

/************************************************************/
/*                                                          
/*  DIV - HEADER
/*
/************************************************************/
#divHeader
{     
  background-color: rgb(132, 161, 191);  
  border: 1px solid rgb(255, 255, 255);
  
  padding-top: 10px;
  padding-bottom: 10px;
  
  color: rgb(255, 255, 255);
  font-weight: bold;
  font-size: 2em;  
}

#divHeader span
{
  margin-left: 25px;
}

/************************************************************/
/*                                                          
/*  DIV - BODY
/*
/************************************************************/
#divBody
{
  padding-top: 15px;  
}

/************************************************************/
/*                                                          
/*  DIV - FOOTER
/*
/************************************************************/
#divFooter
{     
  background-color: rgb(132, 161, 191);    
  border: 1px solid rgb(255, 255, 255);
    
  padding: 10px;
  padding-right: 25px;
  
  color: rgb(255, 255, 255);
  /*font-weight: bold;  */
  
  text-align: right;  
}

#divFooter span
{
  margin-left: 25px;  
}

/************************************************************/
/*                                                          
/*  DIV - MESSAGE
/*
/************************************************************/
#divMessage
{  
  background-color: rgb(255, 255, 255);    
  border: 1px solid rgb(132, 161, 191);    
    
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
  padding-left:35px;
  
  color: rgb(132, 161, 191);
  font-weight: bold;  
  
  display: none;
}

#divMessage.ok_message
{
  background-image: url('../imagenes/icons/ok.gif');
  background-position: 10px 9px; 
  background-repeat: no-repeat;

  border: 1px solid rgb(0, 175, 0);      
  color: rgb(0, 175, 0);
}

#divMessage.error_message
{
  background-image: url('../imagenes/icons/error.gif');
  background-position: 10px 9px; 
  background-repeat: no-repeat;
  border: 1px solid rgb(175, 0, 0);      
  color: rgb(175, 0, 0);
  text-align: left;
}

#divMessage.warning_message
{
  background-image: url('../imagenes/icons/warning.gif');
  background-position: 10px 9px; 
  background-repeat: no-repeat;
  border: 1px solid rgb(181, 137, 50);      
  color: rgb(181, 137, 50);
  text-align: left;
}

#divMessage.info_message
{
  background-image: url('../imagenes/icons/info.gif');
  background-position: 10px 9px; 
  background-repeat: no-repeat;
  border: 1px solid rgb(132, 161, 191);      
  color: rgb(132, 161, 191);
  text-align: left;
}


/************************************************************/
/*                                                          
/*  DIV - TITLE
/*
/************************************************************/

div.title
{
  font-size: 1.2em;
  font-weight: bold;
  
  margin-top: 5px;
  margin-bottom: 20px;  
}

/************************************************************/
/*                                                          
/*  HR
/*
/************************************************************/
hr
{
  border: 1px solid rgb(103, 99, 91);
}

/************************************************************/
/*                                                          
/*  TABLE - BORDER
/*
/************************************************************/
table.border
{
  width: 100%;  
}

table.border td.corner_RT
{
  background-color: rgb(255, 255, 255);
  background-image: url('../imagenes/borders/corner_RT.jpg');
  background-position: top right;
  background-repeat: no-repeat;  
  
  width: 9px;
  height: 9px;
}

table.border td.corner_RB
{
  background-color: rgb(255, 255, 255);
  background-image: url('../imagenes/borders/corner_RB.jpg');
  background-position: bottom right;
  background-repeat: no-repeat;  
  
  width: 9px;
  height: 9px;
}

table.border td.corner_RT2
{
  background-color: rgb(132, 161, 191);
  background-image: url('../imagenes/borders/corner_RT2.jpg');
  background-position: top right;
  background-repeat: no-repeat;  
  
  width: 9px;
  height: 9px;
}

table.border td.corner_RB2
{
  background-color: rgb(132, 161, 191);
  background-image: url('../imagenes/borders/corner_RB2.jpg');
  background-position: bottom right;
  background-repeat: no-repeat;  
  
  width: 9px;
  height: 9px;
}

table.border td.corner_LT
{
  background-color: rgb(255, 255, 255);
  background-image: url('../imagenes/borders/corner_LT.jpg');
  background-position: top left;
  background-repeat: no-repeat;  
  
  width: 9px;
  height: 9px;
}

table.border td.corner_LB
{
  background-color: rgb(255, 255, 255);
  background-image: url('../imagenes/borders/corner_LB.jpg');
  background-position: bottom left;
  background-repeat: no-repeat;  
  
  width: 9px;
  height: 9px;
}

table.border td.T
{  
  border-top: 1px solid rgb(132, 161, 191);    
  height: 9px;
  
  font-size: 0px;
}

table.border td.B
{
  border-bottom: 1px solid rgb(132, 161, 191);  
  height: 9px;
  
  font-size: 0px;
}

table.border td.T2
{
  border-top: 1px solid rgb(132, 161, 191);    
  background-color: rgb(132, 161, 191);  
  height: 9px;
  
  font-size: 0px;
}

table.border td.B2
{
  border-bottom: 1px solid rgb(132, 161, 191);  
  background-color: rgb(132, 161, 191);  
  height: 9px;
  
  font-size: 0px;
}

table.border td.L
{
  border-left: 1px solid rgb(132, 161, 191);  
  width: 9px;  
  
  font-size: 0px;
}

table.border td.R
{  
  border-right: 1px solid rgb(132, 161, 191);  
  background-color: rgb(255, 255, 255);  
  width: 9px;  
  
  font-size: 0px;
}

table.border td.R2
{  
  border-right: 1px solid rgb(132, 161, 191);  
  background-color: rgb(132, 161, 191);  
  width: 9px;  
  
  font-size: 0px;
}

table.border td.body
{
  vertical-align: top;
  
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 20px;  
}

table.border td.body2
{
  background-color: rgb(132, 161, 191);

  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 10px;

  color: rgb(255, 255, 255);  
  
  vertical-align: middle;  
}

/************************************************************/
/*                                                          
/*  INPUT
/*
/************************************************************/

input
{ 
  width: 100%;
  color: rgb(103, 99, 91);
  
  font-size: 1em;
  font-family: Verdana, Helvetica, Arial, Sans-serif;
  
  border: 1px solid rgb(132, 161, 191);
}

input.button
{
  width: auto;
  border: 0px;
  height: 25px;
}


textarea 
{
  width: 100%;
  color: rgb(103, 99, 91);
  
  font-size: 1em;
  font-family: Verdana, Helvetica, Arial, Sans-serif;
  
  border: 1px solid rgb(132, 161, 191);
}

select
{ 
  width: 100%;
  color: rgb(103, 99, 91);
  
  font-size: 1em;
  font-family: Verdana, Helvetica, Arial, Sans-serif;
  border: 1px solid rgb(132, 161, 191);
}


/************************************************************/
/*                                                          
/*  DIV - TOOLBAR
/*
/************************************************************/
#divToolbar
{  
  margin-top: 0px;  
}

/************************************************************/
/*                                                          
/*  DIV - BUTTON
/*
/************************************************************/

div.button
{
  background-color: rgb(223, 219, 211);    
  border: 1px solid rgb(103, 99, 91);
  
  padding: 5px;
  
  font-weight: bold;
  color: rgb(103, 99, 91);
  
  text-align: center;
  
  cursor: pointer;
}

/************************************************************/
/*                                                          
/*  FORM
/*
/************************************************************/
form
{
  margin: 0px;  
}

/************************************************************/
/*                                                          
/*  IMG
/*
/************************************************************/

img.buttonToolbar
{
  /*height: 25px;*/
  width: auto;
    
  margin-right: 5px;  
  float: left;
  
  cursor: pointer;
}

img.buttonToolbarRight
{
  /*height: 25px;*/
  width: auto;
  
  margin-left: 5px;
  float: right;
  
  cursor: pointer;  
}

img.buttonToolbarDisconnect
{
  width: auto;
  
  float: right;
  
  cursor: pointer;    
  margin: 4px;
  margin-bottom: 5px;
    
  vertical-align: middle;
}