/*
 popup.js
*/

div.popup {
  max-width: 600px;
  border: 1px solid grey;
  padding: 5px;
  background-color: #c2d1f0;
  /* The following properties should not be changed */
  position: absolute;
}

#popup_overlay {
  background-color: whitesmoke;
  /* The following properties should not be changed */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
}

span.popup_link, a.popup_link {
  cursor: pointer;
  xborder-bottom: 1px dotted;
  color: #2288FF;
  margin-top: 10px;
}

.popup_draghandle {
  cursor: move;
}

.tip_link{
  float: left;
  width: 100%;  
  margin-top: 10px;
}

.pop_task{width: 120px;}
.pop_list{width: 150px; float:left;}

.line{
  width: 100%;
  float: left;
  margin-top: 2px;  
}

.bold_line{
  font-weight: bold;
  padding: 3px;
}

.pop_task br{
  width: 100%;
  margin: 15px;
}

.pop_list br{
  width: 100%;
  margin: 40px;
}

.pop_options p{
  float: left;
  width: 100%;
}

.pop_options table{float: left;}

.select_list{
  width: 500px;
  float: left:
}

.modal_list{
  float: left;
  width: 100%;
  margin: 4px;
}

.modal_list a{
  color: #2288FF;
}

.modal_label{
  float: left;
  padding: 3px;
}

.pop_options img{border-color: #c2d1f0;}

/* ayuda popup */
.pop_help{
  width: 500px;
}

.pop_options .close{margin-left: 505px;}

/* formulario de contacto */

.pop_options form{
  font-size: 16px;
  width: 500px;
  float: left;
  font-weight: bold;
  text-align: left;
}

.pop_options form label {float: left; width: 100%; margin-top: 10px;}
.pop_options form input {
  float: left; 
  width: 98%; 
  padding: 2px; 
  margin-bottom: 10px;
  font-size: 20px;
}

.pop_options .txtarea{
  width: 98%;
  padding: 2px;
  height: 200px;
  font-size: 14px;
}

.pop_options .button {
  width: 80px;
  font-size: 13px;
  margin-top: 10px;
}