/* Styles specific to this application only */

div.highlighted 
{
    border: 1px solid #000000;
    background-color:#CC9;
    padding-left:5px;
    padding-right:5px;
    margin-bottom:10px;
}

.cssbutton{
    background-color: #269;
    border: 2px #269 outset;
    padding: 1px 4px;
    color: #ffffff;
    text-decoration: none;
    font: bold 120% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    text-align: center;
    display:block;
    margin-left: auto;
    margin-right: auto;
    width: 12em
}

.cssbutton:visited{
    color: #ffffff;
}

.cssbutton:hover{
    border-style: inset;
    background-color: #69F;
    padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
    color: #ffffff;
}

table.data 
{
    border:1px solid #999999; 
    border-collapse:collapse;
    margin-top:5px;
    width:448px;
}

table.data tr td 
{
    background-color:#fcfcfc; 
    border:1px solid #999999;
    }

table.spending 
{
    border:1px solid #000000;
    border-collapse:collapse;
    width: 100%;
}

table.spending thead tr 
{
    background-color:#269;
    color:#ffffff;
}

table.spending thead tr th
{
    border:1px solid #999999;
    border-bottom:1px solid #000000;
    text-align:center;
}

table.spending thead tr.clear
{
    background-color:#ffffff; 
    color:#000000;
}

table.spending tbody tr td
{
    border:1px solid #999999;
}

table.spending td.numeric, th.numeric
{
    text-align:right;
}

table.spending td.text, th.text
{
    text-align:left;
}

table.spending td.graphic, th.graphic
{
    text-align:center;
}

table.spending td.nowrap, th.nowrap
{
white-space:nowrap;
}

table.spending tfoot tr th
{
    border:1px solid #999999;
    border-top:2px solid #000000;
    font-weight:bold;
}

table.spending tfoot tr td
{
    border:1px solid #999999;
    border-top:2px solid #000000;
    font-weight:bold;
}

ul.spaced  li
{
    margin-bottom:10px;
}

.nowrap
{
white-space:nowrap;
}