/* Estilos Eyecool 0.01
   By: eyecool
   Maturin, Venezuela 2009
*/
div#eyecool * {
    margin:0;
    padding:0;
    border: 0;
    font-family: sans-serif;
    font-size: 1em;
    font-style: normal;
    text-decoration: none;
}

div#eyecool {
    padding-top: 0.5em;
}

div#eyecool .view {
    margin: 0;
    padding: 0;
}

/* Estilos de texto*/

div#eyecool h1, div#eyecool h2, div#eyecool h3, div#eyecool h4, div#eyecool legend {
    color: #069;
    font-weight: bold;
    font-family:'Gill Sans','lucida grande',helvetica,arial,sans-serif;
}

div#eyecool h2, div#eyecool legend {
    font-size: 2.2em;
    padding-top: 0em;
    padding-bottom: 0em;
    margin-top: 0em;
    margin-bottom: 0.4em;
}

div#eyecool legend {
    margin-bottom: 12px;    
}

div#eyecool h3 {
    padding-top:1.5em;
    font-size:165%;
}

div#eyecool h4 {
    margin-bottom: 0.3em;
}

div#eyecool em {
    font-style: italic;
}
/* Fin de estilos de texto*/


/* Formularios */

div#eyecool form {
    clear: none;
    margin: 0 0 1.5em 0;
}

div#eyecool fieldset {
    margin-top: 0;
    padding: 0;
}

div#eyecool label {
    float: left;
    width: 15em;
    margin: 0.7em 1em 0.7em 0;
    font-weight: bold;
    text-align: right;
}

div#eyecool input, div#eyecool select, div#eyecool textarea {
    display: inline;
    width: auto;
    margin: 0.7em auto;
    padding: 0;
    border: 1px solid #ccc;
}

div#eyecool input, div#eyecool textarea {
    padding: 0 0.3em;
}

div#eyecool select, div#eyecool textarea {
    padding-right: 0;
}

div#eyecool option {
    margin: 0.2em auto;
}

div#eyecool textarea:focus, div#eyecool input:focus {
    border: 1px solid #999;
    background-color: #ffc;
}

div#eyecool div.submit input {
    margin-left: 16em;
    padding: 0em 1em;
    width: auto;
    font-weight: bold;
    border: 2px solid #ddd;
    background-color: #f9f9f9;

    -moz-border-radius-topright: 0.7em;
    -moz-border-radius-bottomleft: 0.5em;
}

div#eyecool form div.required input {
    font-weight: normal;
}

div#eyecool input[type="hidden"] {
    display: none;
}

div#eyecool input[type="checkbox"] {
    float: none;
}

/* Fin de formularios */

/* Botones de accion*/
div#eyecool div.actions>ul>li {
    border: 2px solid #ddd;
    background-color: #f9f9f9;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 5px;
    margin: auto 0.3em;

    -moz-border-radius-topright: 0.7em;
    -moz-border-radius-bottomleft: 0.5em;
}
div#eyecool div.actions a {
    font-size: 1.1em;
    font-weight: bold;
}
div#eyecool div.actions>ul>li:hover {
    background-color: #ddd;
}
div#eyecool div.actions>ul>li>a:hover {
    text-decoration: none;
    color: #333;
}
/* Fin de Botones de accion*/

/* Iconos */
div#eyecool li.icon {
    list-style-type: none;
    background-repeat: no-repeat;
    background-position: 5% 50%;
    padding-left: 28px
}

div#eyecool li.info {
    background-image: url(../img/icons/information.png);
}

div#eyecool li.user {
    background-image: url(../img/icons/user.png);
}

div#eyecool li.promocion {
    background-image: url(../img/icons/star.png);
}

div#eyecool li.empresa {
    background-image: url(../img/icons/empresa.png);
}

div#eyecool li.hardware {
    background-image: url(../img/icons/hardware.png);
}

div#eyecool li.ticket {
    background-image: url(../img/icons/ticket.png);
}

div#eyecool li.user_add {
    background-image: url(../img/icons/user_add.png);
}

div#eyecool li.user_edit {
    background-image: url(../img/icons/user_edit.png);
}

div#eyecool li.user_delete {
    background-image: url(../img/icons/user_delete.png);
}

div#eyecool li.key {
    background-image: url(../img/icons/key.png);
}

div#eyecool li.lock {
    background-image: url(../img/icons/lock.png);
}

div#eyecool li.lock_add {
    background-image: url(../img/icons/lock_add.png);
}

div#eyecool li.lock_edit {
    background-image: url(../img/icons/lock_edit.png);
}

div#eyecool li.lock_delete {
    background-image: url(../img/icons/lock_delete.png);
}

div#eyecool li.information {
    background-image: url(../img/icons/information.png);
}/* icons */

div#eyecool li.house {
    background-image: url(../img/icons/house.png);
}

div#eyecool li.cross {
    background-image: url(../img/icons/cross.png);
}

div#eyecool li.add {
    background-image: url(../img/icons/add.png);
}

div#eyecool li.accept {
    background-image: url(../img/icons/accept.png);
}

div#eyecool li.delete {
    background-image: url(../img/icons/delete.png);
}

div#eyecool li.door_in {
    background-image: url(../img/icons/door_in.png);
}

div#eyecool li.error {
    background-image: url(../img/icons/error.png);
}

div#eyecool li.edit {
    background-image: url(../img/icons/pencil.png);
}

div#eyecool li.message {
    background-image: url(../img/icons/mail.png);
}

div#eyecool li.galeria{
    background-image: url(../img/icons/galeria.png);
}

/* Fin de Iconos*/

/* Tablas */
div#eyecool table.menu {
    background-color: #fff;
    border: none;
    clear: both;
    color: #333;
    margin: 1em 0 2em 12px;
    width: 100%;
    text-align: left;
}

div#eyecool table.menu tr td {
    background: #f9f9f9;
    padding: 0.2em 0.6em;
    text-align: left;
    vertical-align: top;
    border: none;
    border-bottom: 1px solid #ddd;
}

div#eyecool table.listing {
    background-color: #fff;
    border: none;
    clear: both;
    color: #333;
    margin: 1em 0 2em 12px;
    width: 100%;
    text-align: left;
}
div#eyecool table.listing th {
    background: #f9f9f9;
    border: none;
    border-bottom: 1px solid #ccc;
    text-align: left;
    padding: 0.2em;
    font-weight: bold;
}
div#eyecool table.listing th a {
    display: block;
    text-decoration: none;
    font-weight: bold;
}
div#eyecool table.listing th a:hover {
    background-color: inherit;
}
div#eyecool table.listing th:hover {
    background-color: #eee;
    color: #333;
    text-decoration: none;
}
div#eyecool table.listing tr td {
    background: #f9f9f9;
    padding: 0.2em 0.6em;
    text-align: left;
    vertical-align: top;
    border: none;
    border-bottom: 1px solid #ddd;
}

div#eyecool table.listing tr.altrow td {
    background: #fff;
}

div#eyecool table.listing td.actions, div#eyecool table.listing th.actions {
    text-align: right;
    white-space: nowrap;
}

div#eyecool table.listing td.actions a {
    display: inline;
}

div#eyecool table.listing tr td a {
    text-decoration: none;
     font-weight: normal;
}
div#eyecool table.listing tr:hover td {
    background-color: #f6f6f6;
}

div#eyecool table.listing tr.altrow:hover td {
    background-color: #fcfcfc;
}

div#eyecool table.tableminwidth {
    width: auto;
}
/* Fin de Tablas*/

/* Paginacion*/
div#eyecool p.paging_count {
    text-align: right;
    font-size: 95%;
    font-style: italic;
    color: #999;
}

div#eyecool div.paging {
    float: right;
}
/* Fin de Paginacion*/

/* Listas DL/DT/DD */

div#eyecool dl {
    margin: 12px 0 2em 0;
    width: auto;
}
div#eyecool dt {
    font-weight: bold;
    vertical-align: top;
    text-align: right;
    margin: 0 0 0.7em 0;
    width: 15em;
}
div#eyecool dd {
    margin: -2.7em 0 0.7em 17em;
    vertical-align: top;
}

div#eyecool div.menuheader {
    float: left;
    margin: 0;
}

div#eyecool div.menuheader2 {
    float: right;
    margin: 0;
}

/*************
Otras clases
**************/

.flash_box {
    margin: -10px 10% 20px 10%;
    width: auto;
    left: 0%;
    padding: 0.5em 2em;
    position: relative;

    font-weight: bold;
    font-size: 120%;
    color: white;
    text-align: center;

    -moz-border-radius-bottomleft: 2em;
    -moz-border-radius-bottomright: 2em;
}

.flash_info {
    background-color: #09C;
}

.flash_success {
    background-color: #0A0;
}

.flash_warning {
    background-color: #F60;
}

.flash_error {
    background-color: #900;
}