#mask {
  display: none;
  background: #000; 
  position: fixed; left: 0; top: 0; 
  z-index: 10;
  width: 100%; height: 100%;
  opacity: 0.8;
  z-index: 999;
}

.modal-popup {
  width: auto;
  position: fixed;
  background: rgb(255, 255, 255);
  font-size: 1.6em;
  top: 50%;
  left: 50%;
  z-index: 99999;
  -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
  border-radius:3px 3px 3px 3px;
  -moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px; /* Safari, Chrome */
  min-width: 50%;
}

.modal-popup img.btn_close {
  float: right; 
  margin: -15px -15px 0 0;
}

form.formClass fieldset {
  border:none; 
}

form.formClass h3 {
  font-size: 1.1em;
  padding: 0.5em 0px 0.5em 0.5em;
  border-bottom: 1px solid #999;
  font-size: 0.9em;
  font-family: sans-serif;
  height: 10%;
}

form.formClass p {
  font-size: 0.6em;
  padding: 0.8em;
  line-height: 130%;
  font-family: sans-serif;
}

form.formClass .textbox {
  height: 75%;
  width: 100%;
  padding: 0em 0.5em 0.3em 0.5em;
  border:none; 
  /*height: auto;
  position: absolute;*/
}

modal-popup#modal-popup-messagesHistory {
  width: 80%;
}

form.formClass#messagesForm h3 {
  height: 10%;
}

form.formClass#messagesForm p {
  padding: 0.8em 0.5em 0.8em 0.5em;
  height: 10%;
}

form.formClass#messagesForm .textbox {
  height: 80%;
}

/*form.formClass#messagesForm .textbox #tabla_mensajes {
  width: 100%;
  height: 95%;
  max-height: 95%;
  position: relative;
  overflow-x:auto;
  overflow-y:none;
}*/

form.formClass .textbox::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #333;
}

form.formClass .textbox::-webkit-scrollbar
{
  width: 12px;
  background-color: #F5F5F5;
}

form.formClass .textbox::-webkit-scrollbar-thumb
{
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #999;
}


form.formClass .textbox label { 
  display:block; 
  padding-bottom: 15px;
}

form.formClass .textbox label span { 
  display:block;
  color:#000; 
  font-size:0.6em;
  padding: 0px 0px 5px 0px;
} 

form.formClass .textbox input,
form.formClass .textbox select,
form.formClass .textbox textarea { 
  width:100%;
  padding: 6px 6px 4px;
  
  background:#FFF;
  color:#000; 
  font: Arial, Helvetica, sans-serif;
  font-size: 0.7em !important;

  border-bottom:1px solid #333;
  border-left:1px solid #000;
  border-right:1px solid #333;
  border-top:1px solid #000;
  
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
form.formClass .textbox textarea { 
  resize: none;
  min-height: 200px;
}

form.formClass .textbox input[disabled="disabled"] {
  background: #e4e4e4;
  color: #717171;
  font-style: italic;
}

form.formClass .button { 
  display:inline-block;
  width:100%;
  padding:6px 6px 4px;
  color:#3e3e3e;
  font-size: 0.8em;

  background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
  background:  -o-linear-gradient(top, #f3f3f3, #dddddd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');

  border-color:#000; 
  border-width:1px;
  border-radius:4px 4px 4px 4px;

  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  cursor:pointer;
}

form.formClass .button:hover {
  background:#ddd;
}