/* 
    Document   : domi
    Created on : 9-Oct-2011, 7:50:19 PM
    Author     : naty
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

/* Datos.inc */
.misdatos A:link {text-decoration: none; color:rgb(50,100,50); font-family: verdana; font-size: 12px;}
.misdatos A:visited {text-decoration: none; color: red; font-family: verdana; font-size: 12px;}
.misdatos A:active {text-decoration: none; color: red; font-family: verdana; font-size: 12px;}
.misdatos A:hover {text-decoration: underline; color: red; font-family: verdana; font-size: 12px;} 

.misdatos img { margin-left: 2px; }
.misdatos td { 
    background-color: #ffffcc; 
    font: normal 12px verdana; 
    color: rgb(255,255,255);
}

.misdatos td p { color: #333333 }
.misdatos td label { color: #333333}

.tbhead td { padding: 10px; margin: 20px ; max-height: 20px; background-color: rgb(90,44,20); font-weight: bold; text-align: center }

/* Mensaje.inc */
.msg div { font: normal large verdana; font-weight: bolder; color: rgb(50,100,50);}
.msg A:link {text-decoration: none; color:rgb(50,100,50); font-family: verdana; font-size: 12px;}
.msg A:visited {text-decoration: none; color: red; font-family: verdana; font-size: 12px;}
.msg A:active {text-decoration: none; color: red; font-family: verdana; font-size: 12px;}
.msg A:hover {text-decoration: underline; color: red; font-family: verdana; font-size: 12px;} 
.error div { font: normal large verdana; font-weight: bolder; color: rgb(200,25,25);}

/* Premium.inc */

.premium { background-color: #996633; margin: 1em; padding: 4em;}

.premium p { font: normal 13px verdana; color: #ffffff; margin: 1em 2em 2em 2em; text-align: justify;  }
.premium p A:link {text-decoration: underline; color: white; font-family: verdana; font-size: 12px; font-weight: bolder;}
.premium p A:visited {text-decoration: underline; color: whitesmoke; font-family: verdana; font-size: 12px; font-weight: bolder;}
.premium p A:active {text-decoration: underline; color: whitesmoke; font-family: verdana; font-size: 12px; font-weight: bolder;}
.premium p A:hover {text-decoration: underline; color: #cccccc; font-family: verdana; font-size: 12px; font-weight: bolder;} 

.premium div { background-color: white; margin: 1em 2em 2em 2em; border: #cccccc; border-style: ridge; border-width: 2px;}
.premium ul { text-align: left; list-style-type: none;}
.premium ul li { padding: 1.5em; text-align: justify; }
.premium ul li span { padding: 1.5em; text-align: right; }
.premium ul li a { text-decoration: underline; color: #333333; font: bolder 10px verdana; margin-left: 7em; }
.premium ul li a:hover { text-decoration: underline; color: #666666; font: bolder 10px verdana; }

#creditcard { background-image: url(../images/creditcard.png);  background-repeat: no-repeat; background-position: 0 .5em;}
#cash { background-image: url(../images/efectivo.png);  background-repeat: no-repeat; background-position: 0 .5em;}

/* Deposito.inc */

.deposito { background-color: #996633; margin: 1em; padding: 4em; font-family: verdana; font-size: 12px;}

.deposito p { font: normal 13px verdana; color: #ffffff; margin: 1em 2em 2em 2em; text-align: justify;  }
.deposito p A:link {text-decoration: underline; color: white; font-family: verdana; font-size: 12px; font-weight: bolder;}
.deposito p A:visited {text-decoration: underline; color: whitesmoke; font-family: verdana; font-size: 12px; font-weight: bolder;}
.deposito p A:active {text-decoration: underline; color: whitesmoke; font-family: verdana; font-size: 12px; font-weight: bolder;}
.deposito p A:hover {text-decoration: underline; color: #cccccc; font-family: verdana; font-size: 12px; font-weight: bolder;} 

.deposito div { background-color: white; margin: 2em; border: #cccccc; border-style: ridge; border-width: 2px;}
.deposito ul { text-align: left; list-style-type: none;}
.deposito ul li { display: table-row; text-align: justify; }
.deposito ul li input { font: normal 12px verdana; }
.deposito ul li label { font: bolder 12px verdana; display: table-cell; text-align: right; padding-top: 0.5em; padding-bottom: 0.5em}
.deposito ul li span { display: table-cell; text-align: left; margin-left: 15em; padding-left: 2em; }
.deposito ul li a { text-decoration: underline; color: #333333; font: bolder 10px verdana; margin-left: 7em; }
.deposito ul li a:hover { text-decoration: underline; color: #666666; font: bolder 10px verdana; }

#submit { background-color: white; margin: 2em; border-style: none }

.error { color: firebrick; font-family: verdana; font-size: 10px; font-weight: bolder;  }

#ui-datepicker-div { font-size: 0.8em; }

/* Olvide mi clave*/

.olvide { padding-top: 0.5em; padding-bottom: 0.5em; margin-top: 0.5em}
.olvide label { display: block; font: bolder normal 12px verdana; color: #333333; padding-bottom: 0.5em}
.error { color: firebrick; font-family: verdana; font-size: 10px; font-weight: bolder;  }
.fichas { vertical-align: middle}


/* Estadisticas */

.estadisticas { background-color: #996633; margin: 1em; padding: 4em; font-family: verdana; font-size: 12px;}
.estadisticas p { font: normal 13px verdana; color: #ffffff; margin: 1em 2em 2em 2em; text-align: justify;  }
.estadisticas p span {text-decoration: underline}
.estadisticas ul {text-align: left; list-style-type: square; font: normal 13px verdana; color: #ffffff;}
.estadisticas ul li { text-align: justify; }

#rating { font: bold large verdana;}
#rating span { font-size: xx-large; text-decoration: none;}
#rating-otros { font: bold medium verdana;}
#nota { font: 100 smaller verdana; margin-top: 4em }
#grafico-nota { font: 100 smaller verdana; margin-top: 0em; text-align: center; }