/* 
    Document   : style
    Created on : 10-oct-2012, 17:04:40
    Author     : eislas
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
.error {
    color: red;
    display: block;
}
input{
    border: solid 1px lightblue;
}

table {
    width: 650px;
    border:1px solid #000000;
    border-spacing: 0px; }

table a, table, tbody, tfoot, tr, th, td {
    font-family: Arial, Helvetica, sans-serif;
}

table caption {
    font-size: 1.8em;
    text-align: left;
    text-indent: 100px;
    background: url(images/bg_caption.gif) left top;
    height: 40px;
    color: #FFFFFF;
    border:1px solid #000000; }

thead th {
    background: url(images/bg_th.gif) left;
    height: 21px;
    color: #FFFFFF;
    font-size: 0.8em;
    font-family: Arial;
    font-weight: bold;
    padding: 0px 7px;
    margin: 20px 0px 0px;
    text-align: left; }

tbody tr {	background: #ffffff; }

tbody tr.odd {	background: #f0f0f0; }

tbody th {
    background: url(images/arrow_white.gif) left center no-repeat;
    background-position: 5px;
    padding-left: 40px !important; }

tbody tr.odd th {
    background: url(images/arrow_grey.gif) left center no-repeat;
    background-position: 5px;
    padding-left: 40px !important; }

tbody th, tbody td {
    font-size: 0.8em;
    line-height: 1.4em;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    padding: 10px 7px;
    border-bottom: 1px solid #800000;
    text-align: left; }

tbody a {
    color: #000000;
    font-weight: bold;
    text-decoration: none; }

tbody a:hover {
    color: #ffffff;
    text-decoration: underline; }

tbody tr:hover th {
    background: #800000 url(images/arrow_red.gif) left center no-repeat;
    background-position: 5px;
    color: #ffffff; }

tbody tr.odd:hover th {
    background: #000000 url(images/arrow_black.gif) left center no-repeat;
    background-position: 5px;
    color: #ffffff; }

tbody tr:hover th a, tr.odd:hover th a	{
    color: #ffffff; }

tbody tr:hover td, tr:hover td a, tr.odd:hover td, tr.odd:hover td a {
    background: #800000;
    color: #ffffff;	 }

tbody tr.odd:hover td, tr.odd:hover td a{
    background: #000000;
    color: #ffffff;	 }

tfoot th, tfoot td, .newInstance {
    background: #000 url(images/bg_th.gif) repeat-x bottom;
    font-size: 0.8em;
    color: #ffffff;
    height: 21px;
    text-decoration: none;
    font-family: arial;
}
.template{
    cursor: pointer;
}
.template td{
    color: white !important;
    font-size: 12px;
}
.exit{
    float: right;
    background: #800;
    padding: 10px;
    border-radius: 5px;
    color: white;
    font-family: arial;
    font-weight: bold;
}