body {
	font: 10px verdana, saab, arial, helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	margin: 60px 10px 10px 170px;
}
body#calander {
	margin: 0;
	padding: 0;
}
* { font-size: 1em; }
h1 {
	position: absolute;
	color: #f93;
	background: #FFE8BB url(http://www.fatbeehive.com/beekeeper/bk_header_bg1.gif);
	left: 0px;
	top: 0px;
	width: 100%;
	height: 24px;
	padding: 10px 0 10px 0;
	margin: 0;
	font: 2.2em impact, verdana, sans-serif normal;
	text-indent: 10px;
	border-bottom: 1px #fc6 solid;
}
h2 {
	font-size: 1.5em;
	margin: 3px 0;
	padding: 3px 0;
	border-bottom: 4px #f93 solid;
}
h3 {
	font-size: 1.3em;
	margin: 9px 0 3px 0;
	padding: 3px 0;
	border-bottom: 3px #f93 solid;
}
h4 {
	font-size: 1.1em;
	margin: 9px 0 3px 0;
	padding: 3px 0;
	border-bottom: 2px #f93 solid;
}
h1 a {
	text-decoration: none;
	color: #f93;
}
h1 a:hover { text-decoration: underline; }
a { color: #009; }
body#calander a { color: #000; }
body#calander a:hover, body#calander a:active {
	color: #f00;
	text-decoration: none;
}
body#calander td.curday { background-color: #ff9; }
body#calander td.active { background-color: #f00; }
img { border-width: 0; }
div#content {
	width: auto;
	padding: 0;
	margin: 0;
}
#menubox {
	position: absolute;
	left: 10px;
	top: 57px;
	margin: 0;
	padding: 0;
	width: 130px;
}
#menubox ol {
	margin: 0;
	padding: 0;
}
#menubox ol#subsidemenu li {
	padding-left: 7px;
	color: #f93;
	background-color: #f0f0f0;
}
#menubox ol li {
	display: block;
	margin: 0;
	border-bottom: 1px #999 solid;
}
#menubox ol li ol {
	display: block;
	margin: 0;
	border-width: 0;
	background-color: #f0f0f0;
}
#menubox ol li a {
	display: block;
	text-decoration: none;
	color: #333;
	padding: 3px 0;
}
#menubox ol li a:hover {
	display: block;
	text-decoration: none;
	background-color: #f0f0f0;
	color: #000;
}
#menubox ol li#currentpage a {
	color: #000;
	background-color: #ccc;
}
#menubox ol li#currentpage li a {
	background-color: #f0f0f0;
	color: #000;
}
p#summary, p#description {
	margin: 0;
	padding: 3px 0;
}
p#links {
	margin: 5px 0;
	padding: 2px 0;
	border-top: 1px #f93 solid;
}
p#links a {
	color: #f93;
	font-weight: bold;
	text-decoration: none;
}
dd {
	padding: 2px;
	margin-bottom: 3px;
}
.low { border: 1px #f93 solid; }
.normal { border: 2px #f93 solid; }
.high { border: 3px #c00 solid; }
dt {
	font-weight: bold;
	margin-top: 5px;
	padding-left: 2px;
}
dt span { font-weight: normal; }
form#addtask, form#addcomment {
	float: left;
	width: 64%;
	margin-top: -3px;
}
form#addcomment label { display: block; }
div#mytodo {
	float: right;
	width: 32%;
	margin-top: -3px;
}
dl#comments dd {
	margin: 0 0 6px 0;
	padding: 2px 0 3px 12px;
	border-bottom: 1px #f93 solid;
}
.header	{ font-weight: bold; }
.error {
	color: #f00;
	font-weight: bold;
}
td, th { vertical-align: top; }
table#bkheader {
	width: 100%;
	background-color: #f90;
	height: 50px;
}
.topmenu { vertical-align: middle; }
#listtable tr:hover td, tr.even:hover td, tr.odd:hover td {	background-color: #ccc; }



/*#listtable tr.r_red td {	background-color: red; }
#listtable tr.r_blue td {	background-color: blue; }
#listtable tr.r_green td {	background-color: green; }
#listtable tr.r_yellow td {	background-color: yellow; }
#listtable tr.r_purple td {	background-color: purple; }
#listtable tr.r_white td {	background-color: white; }*/

.r_red td {	background-color: red; }
.r_blue td {	background-color: blue; }
.r_green td {	background-color: green; }
.r_yellow td {	background-color: yellow; }
.r_purple td {	background-color: purple; }
.r_white td {	background-color: white; }

#listtable tr a:hover, tr.even a:hover, tr.odd a:hover { color: #f00; }
.even td { background-color: #fff; }
.odd td { background-color: #f0f0f0; }
.draft td { background-color: #ddf0dd; }
div#content table {
	 border-width: 0;
	 width: 100%;
}
div#content table td { padding: 2px; }
div#content table th {
	background-color: #ccc;
	color: #000;
	padding: 2px;
}
table#calender th {
	background-color: #ccf;
	color: #666;
}
table#calender td {
	width: 3em;
	border: 1px #ccc solid;
	text-align: center;
}
table#calender td:hover { border: 1px #000 solid; }
table#calender td a:hover {
	color: #f00;
	text-decoration: none;
}
.sun, .sat { background-color: #fcc; }
.othermonth { background-color: #f0f0f0; }
#footer {
	clear: both;
	margin-top: 12px;
	padding: 4px 0;
	border-top: 1px #f93 solid;
}
textarea, input { font: 1em verdana, arial, helvetica, sans-serif; }
input.numerical { text-align: right; }
fieldset { margin: 15px 0; }
dl.errornote, dl#warningnote, dl#noticenote { margin: 10px 5px; }
dl.errornote dt, dl.warningnote dt, dl.noticenote dt {
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	padding-left: 10px;
	font-size: 1.2em;
	font-weight: bold;
}
dl.errornote dd, dl.warningnote dd, dl.noticenote dd {
	margin: 0;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
	padding: 3px 3px 3px 50px;
	height: 50px;
}
dl.errornote dt {
	border: 1px #f33 solid;
	background-color: #f33;
	color: #fff;
}
dl.errornote dd {
	border: 1px #f33 solid;
	background: #fdd url(http://www.fatbeehive.com/beekeeper/dialog-error.gif) no-repeat;
}
dl.warningnote dt {
	border: 1px #fe3 solid;
	background-color: #fe3;
	color: #000;
}
dl.warningnote dd {
	border: 1px #fe3 solid;
	background: #ffd url(http://www.fatbeehive.com/beekeeper/emblem-important.gif) no-repeat;
}
dl.noticenote dt {
	border: 1px #3f3 solid;
	background-color: #3f3;
	color: #000;
}
dl.noticenote dd {
	border: 1px #3f3 solid;
	background: #cfc url(http://www.fatbeehive.com/beekeeper/dialog-information.gif) no-repeat;
}

/**
* page reordering
*/

#reorderDiv {
	display: none;
}

ol#pageOrder, ol#rowOrder {
	list-style-type:none;
	width:250px;
	margin:5px 0;
	padding:5px;
}

ol#pageOrder li, ol#rowOrder li {
	list-style-position:outside;
	margin-bottom:2px;
	padding:3px;
	border:1px solid #ccc; 
	background-color:#fff;
	cursor:move;
}