body {
        margin: 0;
        padding: 0;
	border: none;
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
        background-color: #5c483f;
        color: #000;
}

a:link, a:visited {
        color: #fff;
}

#container {
        position: relative;
        width: 800px;
        margin: 0 auto;
        padding: 25px;
        background-color: #74685c;
}

#logout {
        position: absolute;
        top: 30px;
        left: 650px;
}

#admin {
        position: absolute;
        top: 45px;
        left: 650px;
}

#logout p, #admin p {
        text-transform: uppercase;
        font-size: 11px;
}

fieldset {
        border: none;
        border-bottom: 1px solid #a79d84;
}

#summary {
        border-bottom: 1px solid #a79d84;
        border-top: 1px solid #a79d84;
        width: 625px;
        padding: 10px;
        background-color: #eee;
        margin: 0 auto;
}

legend {
        margin: 15px 0 3px 0;
        font-weight: bold;
        text-transform: uppercase;
}

label {
	margin: 0 5px 0 15px;
        padding: 0 0 2px 0;
}

input {
        margin: 0 0 2px 0;
        padding: 7px 5px 3px 5px;
        border: 1px solid #5c483f;
        height: 18px;
        font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

input#submit {
        border: auto;
        height: 27px;
        width: 85px;
        text-transform: uppercase;
        font-weight: bold;
        padding-bottom: 7px;
        color: #333;
        cursor: hand;
}

.job {
	width: 280px;
}

label.job {
         font-weight: bold;
}

.start, .end, .hours {
	width: 60px;
	text-align: right;
}

.hours {
        width: 35px;
}

h2 {
        font-family: georgia, times new roman, serif;
        font-size: 22px;
        font-weight: lighter;
        margin-left: 10px;
}

p {
        line-height: 18px;
}

#thanks p {
        margin-left: 10px;
}

table {
        width: 600px;
        margin: 0 0 0 0px;
        border-bottom: 1px solid #ccc;
}

td {
        text-align: center;
}




/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}