.bottom-buffer{
   margin-bottom:10px;
}

.datepicker {
   z-index:1151 !important;
}

.table-nonfluid {
   width: auto !important;
}

body
{
    background: #FFFFFF;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    padding-top: 20px;
    padding-bottom: 20px;
}

.navbar {
    margin-bottom:20px;
}

p,h1,h2,h3,h4,h5,h6 { font-family: 'Open Sans', sans-serif; margin-bottom:10px; }

#header
{
    background: #FFFFFF;
    border-bottom: 1px solid #CCC;
    width: 80%;
    margin: 0px;
    padding: 5px;
}

#footer
{
    background: #FFFFFF;
    border-top: 1px solid #CCC;
    width: 80%;
    height: 10px;
    margin: 0px;
    padding: 0px;
}

ul.menu
{
    list-style: none; /* hide the bullets */
    margin: 0;
    padding: 0;
    float: right; /* move entire list to right side of screen */
}

li.menu
{
    float: left; /* display list items from left to right, not right to left (which would reverse the order) */
    margin: 10px;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
}


tr
{
    background-color: #f1f1f1;
}
tr.edit_highlight
{
    color: red;
    display: none;
}
tr.strikethrough
{
    color: red;
    text-decoration: line-through;
}

th, td
{
    padding: 5px;
}
td.approve 
{
    /* You cannot override text decoration in children according to CSS spec
       A workaround was found at:
       http://stackoverflow.com/questions/1823341/how-do-i-get-this-css-text-decoration-override-to-work/1823388#1823388
    */
    display: inline-block; 
    text-decoration: none;
}
th
{
    font-weight: bold;
    text-align: left;
}

.flash_info
{
    color: black;
    font-weight: bold;
}

.flash_error
{
    color: red; 
    font-weight: bold;
}

textarea.description_large
{
    width: 550px;
    height: 250px;
    
}

textarea.description_small
{
    width: 200px;
    height: 50px;
}

.error
{
    color:red;
}

ul#all_timers li
{
    float: left;
}