/* General */
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 90%;
	color: #444444;
	background: #ffffff;
}
textarea {
	font-family: Verdana, sans-serif;
}
a {
	color: #0000ff;
	text-decoration: underline;
}
a:visited {
	color: #990099;
}
a.homepage, a:visited.homepage {
	margin: 15px;
	color: #888888;
	text-decoration: none;
}
a.selected {
	color: #444444;
}
p {
	margin: 10px 0 0 0;
}
p.pad {
	margin: 20px 15px 15px;
}
p.title, p.red {
	margin: 10px 0;
}
.red {
	color: #ff6666;
}
.grey, a:visited.grey {
	color: #999999;
}
.green {
	color: #66cc66;
}
.large {
	font-size: 110%;
}
.small {
	font-size: 80%;
}
.marker {
	font-size: 70%;
	padding: 0 2px;
	background: #ffffff;
	border: 1px solid #444444;
}
h4 {
	margin: 0 0 20px 0;
	font-size: 100%;
	font-weight: bold;
	color: #6699aa;
	border-bottom: 1px solid #6699aa;
}
h5 {
	margin: 0 0 20px 0;
	font-size: 90%;
	font-weight: bold;
	color: #6699aa;
}
h6 {
	margin: 0 4px 4px 8px;
	font-size: 80%;
	font-weight: normal;
	color: #dddddd;
	border-bottom: 1px solid #dddddd;
}
.hide {
	display: none;
}
.show {
	clear: both;
	display: block;
	margin: 0;
}
.showline {
	display: inline;
}
.column {
	float: left;
}
.columnsmall {
	float: left;
	margin: 0 0 0 40px;
	font-size: 80%;
}
.columnsmall input {
	font-size: 80%;
}
.clear {
	clear: both;
	padding: 6px 0 0 0;
}

/* Navigation bar */
#navi {
	margin: 0;
	padding: 4px;
	background: #fafafa;
	border-bottom: 1px solid #909090;
}
#navi ul {
	display: inline;
	margin: 0;
	padding: 0;
}
#navi li {
	display: inline;
	margin: 6px;
	padding: 0;
}
#navi a {
	font-weight: bold;
	text-decoration: none;
	color: #56899a;
}
#navi a:hover,#navi a.current {
	color: #000000;
}
.navibutton {
	font-size: 80%;
	color: #56899a;
	background: none;
	border: 1px solid #c0c0c0;
}
.navibutton:hover {
	background: #ffffff;
	border: 1px solid #909090;
}

/* Subnavigation bar */
#subnavi {
	margin: 0;
	padding: 4px;
	background: #ebfaff;
	border-bottom: 1px solid #6699aa;
}
#subnavi ul {
	display: inline;
	margin: 0;
	padding: 0;
}
#subnavi li {
	display: inline;
	margin: 6px;
	padding: 0;
}
#subnavi a {
	font-weight: bold;
	text-decoration: none;
	color: #606060;
}
#subnavi a:hover,#subnavi a.current {
	color: #000000;
}
#subnavi a.normal {
	font-weight: normal;
}
#subnavi a.small {
	font-weight: normal;
	font-size: 80%;
}
#subnavi.today {
	background: #ccffcc;
}
#subnavi.history {
	background: #ffdddd;
}
#subnavi .left {
	float: left;
	margin: 0;
	width: auto;
	text-align: left;
}
#subnavi .right {
	float: right;
	width: 10em;
}
#subnavi .center {
	display: block;
	width: 38em;
	margin: 0 auto;
}
#subnavi .center.week {
	width: 43em;
}

/* Calendar navigation 'bar' */
#calnavi {
	margin: 0;
	padding: 0;
	background: none;
	border-bottom: 1px solid #6699aa;
}
#calnavi ul {
	width: 47.5em;
	margin: 0 auto;
	padding: 0;
}
#calnavi li {
	float: left;
	list-style: none;
	margin: 0 6px 4px 6px;
	padding: 0;
}
#calnavi a {
	font-weight: normal;
	text-decoration: none;
	color: #808080;
}
#calnavi a:hover {
	color: #000000;
}
#calnavi .right {
	float: right;
	margin: 30px 30px 0 0;
}

/* Boxes and forms */
.clearfloats {
	clear: both;
	line-height: 0;
	height: 0;
}
.box {
	margin: 10px;
	padding: 10px;
	background: #fafafa;
	border: 1px solid #c0c0c0;
	width: 33em;
}
.boxn {
	margin: 10px;
	padding: 10px;
	background: #fafafa;
	border: 1px solid #c0c0c0;
	width: 15em;
}
.boxw {
	margin: 10px;
	padding: 10px;
	background: #ffffff;
	border: 1px solid #c0c0c0;
	clear: both;
}
.message {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 5px;
}
.section {
	border-bottom: 1px solid #c0c0c0;
	margin-bottom: 8px;
	clear: both;
}
.tinylist {
	margin: 3px;
	padding: 3px;
	background: #fafafa;
	border: 1px solid #dddddd;
}
.tinylist p {
	margin: 0;
	float: left;
}
.tinylist ul {
	display: inline;
	margin: 0;
}
.tinylist ul li {
	float: left;
	list-style-type: none;
	margin: 0 0 0 8px;
}
form {
	display: inline;
}
input, select, textarea {
	font-size: 100%;
}
.left {
	clear: both;
	float: left;
	width: 11em;
	text-align: right;
	margin: 0 1em 5px 0;
}
.lefts {
	clear: both;
	float: left;
	width: 6em;
	text-align: right;
	margin: 0 1em 5px 0;
}
.right {
	width: 18.4em;
	margin: 0 0 5px 0;
}
.rightholder {
	float: left;
	margin: 0 0 5px 0;
}
.rightholder input {
	margin: 0;
}
.rightpage {
	width: 50em;
	height: 6em;
	margin: 0 0 5px 0;
}
ul.right, div.right {
	width: auto;
	margin: 0 0 5px 0;
}
ul.right li {
	display: inline;
	margin: 0;
	padding: 0;
}
.customer, textarea.rightw {
	width: 25em;
	margin: 0 0 5px 0;
}
.button {
	clear: both;
	margin: 0 0 5px 12em;
}
.buttons {
	clear: both;
	margin: 0 0 5px 7em;
}
.long {
	width: 30em;
}
.short {
	width: 4em;
}
.normal {
	width: 15em;
}
ul {
	margin: 0;
	padding: 0 0 0 12px;
}
li {
	margin: 0 0 8px 5px;
	padding: 0;
	list-style: circle outside;
}
li.sub {
	margin: 0 0 8px 25px;
	padding: 0 0 0 5px;
	list-style: circle outside;
}
.liname {
	padding: 3px;
}
.linamehid {
	padding: 3px;
	color: #bbbbbb;
}

/* Calendar table */
.boxw.today {
	border: 3px solid #00ff00;
	margin: 0 0 5px 0;
	padding: 0;
}
.boxw.history {
	border: 3px solid #ffafa0;
	margin: 0 0 5px 0;
	padding: 0;
}
.boxw.future {
	border: 3px solid #d0dfff;
	margin: 0 0 5px 0;
	padding: 0;
}
table.calrows {
	width: 100%;
	margin: 0;
	padding: 10px;
	border-collapse: collapse;
	border-spacing: 0;
}
table.incalrows {
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
table.calrows th {
	padding: 0 5px 7px 5px;
	font-size: 90%;
	font-weight: normal;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
table.calrows td {
	margin: 0;
	padding: 0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	text-align: center;
}
table.incalrows td {
	width: 50%;
	margin: 0;
	padding: 0;
	border-right: 1px solid #ffffff;
	border-bottom: none;
	text-align: center;
}
table.calrows td.time {
	width: 50px;
}
.today table.calrows tr.even td, table.incalrows tr.even td {
	background: #f0ffe0;
}
.history table.calrows tr.even td, table.incalrows tr.even td {
	background: #fff6f0;
}
.future table.calrows tr.even td, table.incalrows tr.even td {
	background: #f0f6ff;
}
table.calrows td.closed, table.incalrows td.closed, table.calrows tr.even td.closed, table.incalrows tr.even td.closed {
	background: #eaeaea;
}
table.calrows td.line,table.incalrows td.line {
	border-top: 3px solid #d0d0d0;
}
input.calrows {
	width: 100%;
	background: none;
	border: none;
}
input.calrows:hover {
	background: #e0f1ff;
}
input.calrowsgreen {
	width: 100%;
	background: none;
	border: none;
	color: #66cc66;
}
input.calrowsgreen:hover {
	background: #ebfaff;
}
input.sign {
	font-size: 70%;
	padding: 0;
	margin: 0;
}

/* Calendar selector */
.calendaricon {
	margin: 0;
	padding: 0 4px;
	font-size: 85%;
	color: #56899a;
	background: #fafafa;
	border: 1px solid #c0c0c0;
}
.calendaricon:hover {
	background: #ffffff;
	border: 1px solid #909090;
}
.calendarpop {
	position: relative;
}
.calendar {
	position: absolute;
	left: 0;
	top: 0;
	width: 19.3em;
	padding: 0.2em;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	background: #ffffff;
	color: #444444;
	border: 1px solid #909090;
}
.calendar table, table.calpage {
	border-collapse: collapse;
	border-spacing: 0;
}
.calendar td, table.calpage td {
	padding: 0;
}
table.calpage td {
	padding: 0;
	font-size: 75%;
}
.calendar th, table.calpage th {
	font-size: 70%;
	font-weight: normal;
}
.calendarday, .calendarsel, .calendartod, .calendarold, .calendardim {
	vertical-align: middle;
	width: 2.5em;
	color: #666666;
	margin: 0;
	padding: 0.2em;
	background: #e1f0ff;
	border: 1px solid #ffffff;
}
.calendarsel {
	color: #ffffff;
	background: #000000;
	font-weight: bold;
}
.calendartod {
	background: #55ff55;
}
.calendarold {
	background: #f8eeee;
}
.calendardim {
	background: #ffffff;
}
.calendarday:hover,.calendarsel:hover,.calendartod:hover,.calendarold:hover,.calendardim:hover {
	border: 1px solid #909090;
}

/* Color selector */
.colorpop {
	display: block;
	clear: both;
	width: 470px;
	margin: 0;
	padding: 0;
}
.colorpop input {
	width: 25px;
	height: 25px;
	margin: 0;
	padding: 0;
	background: none;
	border: 3px solid black;
}

/* Customer selector */
.customerhits table {
	border-collapse: collapse;
	border-spacing: 0;
}
.customerhits th {
	text-align: left;
}
.customerhits td {
	margin: 0;
	padding: 2px 4px;
	border: 1px solid #909090;
}
.customerhits tr.selected td {
	border: 1px solid #00ff00;
}
.customerhits td.b, .customerhits tr.selected td.b {
	border: none;
}
.customerhits input, .customerhits label {
	margin-top: 3px;
}