body{
    background-color: #fff;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1{
    padding: 10px;
    background-color: #66cc00;
    margin: 0;
    color: #fff;
}

#body{
    border: solid 3px #009999;
    background-color: #fff;
    margin: 10px;
}

p{
    margin:20px;
}

table{
    width: 95%;
    border: solid 2px #cc0000;
    margin: auto;
    border-spacing: 0px
}

thead, caption, tfoot{
    color: #fff;
    background-color: #cc0000;
}

caption{
    font-weight: bold;
}

tfoot{
    text-align: right;
}

td, th{
    vertical-align: top;
    padding: 3px;
}

tbody{
    font-size: smaller;
}

tbody tr:hover{
    background-color: #ccff99;
}

#navigation{
    background-color: #009999;
    color: #fff;
    font-weight: bold;
}

a{
    text-decoration: none;
}

#navigation a{
    color: #fff;
    font-weight: bold;
    padding: 3px;
}

#navigation a:hover{
    background-color: #006666;
}

fieldset{
    border: solid 2px #cc0000;
}

form{
    width: 95%;
    margin: auto;
    margin-bottom: 5px;
}

form button {
    float: right;
    margin: 3px;
}

#filterfields{
    display: none;
}

#footer{
    clear: both;
    font-size: smaller;
    text-align: center;
}

#footer a, tfoot a{
    color: #ccff99;
}

#footer p{
    margin: 0;
}

img{
    border: 0;
}

label{
    width: 15em;
    display: inline-block;
    font-weight: bold;
}

fieldset p{
    margin:3px;
}

.inline p{
    display: inline-block;
}

.inline label{
    display: inline;
}

.total{
    font-weight: bold;
    background-color:#cc0000;
    color: #fff;
}

tr.total:hover{
    background-color: #cc0000;
}

.ajax-loading {
    background: url(../images/spinner.gif) no-repeat center;
}

#records {
	float: right;
	width: 90%;
}

#addRecordForm {
	 clear: both;
}

/* Screenshots*/
.screenshot{
    width: 500px;
    margin: auto;
    margin-top: 25px;
    background-color: #ccff99;
    padding: 10px;
}

.screenshot h2{
    background-color: #cc0000;
    color: #fff;
    padding: 3px;
}

.inset-image{
    float: right;
    border: solid 2px #cc0000;
    list-style: none;
}

/* actions */
#actions{
    width: 100px;
    border: solid 2px #ff9999;
    margin: 0px 5px;
    font-size: smaller;
}

#actions ul{
    padding: 0px;
}

#actions ul li{
    padding: 0px 0px 2px 10px;
    margin: 0px;
    list-style: none;
}

#actions a{
    color: #cc0000;
	text-decoration: underline;
}

#main-content{
    width: 800px;
}