* { margin: 0; padding: 0; }

body {
	margin-bottom: 3.0em;
	background: #49505f url('/images/bg_grad_000000_49505f.png') repeat-x 0px -100px;
	font-family: Arial, Helvetica, sans-serif;
	}
a:link {
	color: #33c;
	}
a:visited {
	/* color: #707; */
	color: #33c;
	}
a:active {
	color: #c33;
	}

#wrapper {
	width: 1000px;
	}
#header-container {
	display: block;
	width: auto;
	height: 90px;
	background-color: #29292f;
	}
#header {
	width: 1000px;
	}
#footer {
	padding: 15px 30px;
	width: auto;
	height: 65px;
	background: #59595f url('/images/bg_footerGrad.jpg') repeat-x 0px -7px;
	color: #99999f;
	font-size: 0.75em;
	border-top: 1px solid #000;
	border-bottom: 2px solid #000;
	text-align: left;
	}
#footer a {
	color: #699;
	text-decoration: none;
	}
#footer a:hover {
	color: #699;
	text-decoration: underline;
	}
#footer-right {
	float: right;
	text-align: right;
	}
h2 {
	float: left;
	}

/* usermenu */
#usermenu {
	float: right;
	margin: 0.5em 1.5em 0 0;
	}
.usermenuitem {
	float: right;
	margin: 0 0.5em;
	}
.usermenuitem a {
	float: left;
	margin: 0 0.5em;
	background: transparent;
	color: #fff;
	font-size: 0.75em;
	text-decoration: none;
	}

/* submenu */
#submenu-container {
	width: auto;
	height: 23px;
	background: #69696f url('/images/grad_submenu.png') repeat-x 0% 50%;
	border-top: 1px solid #000;
	}
#submenu {
	padding-top: 0.2em;
	width: 970px;
	text-align: right;
	}
.submenuitem {
	float: right;
	margin: 0 0.5em;
	}
.submenuitem a {
	float: left;
	margin: 0 0.5em;
	background: transparent;
	color: #fff;
	font-size: 0.7em;
	text-decoration: none;
	}

/* mainmenu */
#mainmenu {
	clear: right;
	float: right;
	margin: 0.5em 1.5em 0 0;
	background: #47a url('/images/grad_mainmenu.png') repeat-x 0% 50%;
	}
#mainmenu ul {
	list-style-type: none;
	}
#mainmenu li {
	float: left;
	padding: 0.85em 1.25em;
	background: transparent;
	font-size: 0.8em;
	}
#mainmenu li.mminorm {
	border-right: 1px solid #258;
	border-left: 1px solid #69c;
	}
#mainmenu li.mmiright {
	border-left: 1px solid #69c;
	}
#mainmenu li.mmileft {
	border-right: 1px solid #258;
	}
#mainmenu li a {
	color: #fff;
	text-decoration: none;
	}
#logo {
	float: left;
	margin-top: 1.0em;
	}
#announce {
	float: left;
	max-width: 30%;
	margin: 1em 1em 1em 3em;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	text-align: left;
	}
#announce a {
	color: #ccc;
	}
#section {
	clear: left;
	float: left;
	margin: 0.25em 0 0 0.25em;
	}
#section h1 {
	margin-top: 0.2em;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	}

#content {
	clear: left;
	/* padding: 0.5em 0.25em 0.5em 0.5em; */
	padding: 0 0.25em 0.25em 0.5em;
	background-color: #fff;
	border-top: 1px solid #000;
	}
#content-home {
	clear: left;
	background-color: #fff;
	border-top: 1px solid #000;
	}

.ui-tabs .ui-tabs-hide {
	display: none;
	}

#catoptions {
	clear: left;
	display: block;
	float: left;
	width: 17%;
	margin-top: 0.75em;
	padding: 0.3em 0 0.1em 0;
	background-color: #eee;
	}
#catoptions a {
	margin: 0 0.75em;
	}

#categories {
	clear: left;
	display: block;
	float: left;
	width: 17%;
	margin-top: 0.75em;
	margin-bottom: 1.5em;
	list-style-type: none;
	}

#categories li.tab {
	text-align: left;
	display: block;
	padding: 5px 10px;
	margin-bottom: 3px;
	background-color: #e0e0e6;
	font-size: 0.8em;
	}
#categories li.tab-selected {
	background-color: #b9c9ef;
	font-weight: bold;
	}
#categories li a {
	display: block;
	color: #000;
	text-decoration: none;
	}
#categories li:hover {
	background-color: #b9c9ef;
	}
#categories li a:hover {
	color: #000;
	text-decoration: none;
	}

#ttheading {
	clear: left;
	float: left;
	margin-top: 0.75em;
	}

#tasks-label { float: left; width: 75%; }
#archives-label { float: left; width: 57%; }
#duedate-label { float: right; width: 12%; }
#finished-label { float: right; width: 19%; }
#actions-label { float: right; width: 8%; text-align: right; }

#infopanel {
	display: block;
	float: left;
	width: 81%;
	padding: 0 0.25em 0 0.75em;
	margin-top: 0.6em;
	}
#infoalert, #infoinfo {
	display: none;
	padding: 0.5em;
	font-size: 0.8em;
	font-weight: bold;
	}
#infoalert {
	background-color: #efcfcf;
	}
#infoalerttext {
	padding-left: 2.0em;
	background: url('/images/silkicons/exclamation.png') no-repeat 0% 50%;
	}
#infoinfo {
	background-color: #cfcfef;
	}
#infoinfotext {
	padding-left: 2.0em;
	background: url('/images/silkicons/information.png') no-repeat 0% 50%;
	}
#renamecat-form {
	display: none;
	background-color: #cfcfef;
	padding: 0.3em;
	font-size: 0.8em;
	font-weight: bold;
	}
#completecat-form, #deletecat-form {
	display: none;
	padding: 0.3em 0 0.4em 0;
	background-color: #cfcfef;
	font-size: 0.8em;
	font-weight: bold;
	}

#tasks-container {
	/* clear: left; */
	display: block;
	float: left;
	width: 81%;
	padding: 0 0.25em 1.5em 0.75em;
	margin-top: 0.75em;
	}

#tasks-container ul {
	list-style-type: none;
	}

#tasks-container li.task {
	display: block;
	padding: 1px 1px 1px 17px;
	margin-bottom: 7px;
	background: #eee url('/images/icons/grabber.png') repeat-y 0px -1px;
	font-size: 0.8em;
	text-align: left;
	}
#tasks-container li:hover {
	background-color: #ccc;
	}
.tasktext, .archivetext, .archivetext-exp {
	float: left;
	padding: 0.5em 0.75em 0.5em 0.75em;
	background-color: #ddd;
	}
.archivetext-exp {
	padding: 0.6em 0.75em;
	}
.tasktext { width: 72%; }
.archivetext, .archivetext-exp { width: 54%; }
.duedate, .duedate-gray, .finished, .finished-gray, .duedate-exp, .duedate-gray-exp {
	float: right;
	width: 15%;
	background-color: #eee;
	padding: 0.6em 0.75em 0.6em 0.5em;
	font-size: 0.9em;
	text-align: center;
	}
.duedate-exp, .duedate-gray-exp {
	padding: 0.75em 0.75em 0.75em 0.5em;
	}
.duedate, .finished, .duedate-exp { color: #000; }
.duedate-gray, .finished-gray, .duedate-gray-exp { color: #bbb; }
.actions {
	float: right;
	padding: 0.5em 0.75em;
	font-size: 0.9em;
	}
.actions a, .actions input {
	float: left;
	padding: 0 0.25em;
	}

#sortable-button {
	float: right;
	}
.menuheading {
	display: block;
	padding: 0.25em 0.5em;
	background-color: #ddd;
	color: #000;
	font-size: 0.8em;
	text-transform: uppercase;
	text-align: left;
	}

/* input elements */
input.formtext, input.formtext-gray {
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #000;
	}
input.formtext-gray {
	color: #bbb;
	}
input.formtext {
	color: #000;
	}
input.formtextsm {
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #000;
	}

#addforms { }
#addcategory-container {
	float: left;
	width: 17%;
	}
#addcategory-form {
	padding: 0.5em 0.25em;
	background-color: #c9c9cf;
	}
#addcategory-form input {
	float: left;
	margin: 0 0.4em;
	}
#addtask-container {
	float: left;
	width: 81%;
	padding: 0 0.25em 0 0.75em;
	}
#addtask-form {
	padding: 0.5em 0.25em;
	background-color: #ddd;
	}
#addtask-form input {
	margin: 0 0.4em;
	}
.task_edit_div {
	clear: left;
	display: none;
	}
.task_show_div {
	clear: left;
	}

/* infodoc */
#infodoc {
	padding: 1.5em 2.0em;
	text-align: left;
	}
#infodoc ul {
	list-style-type: none;
	margin-left: 1.0em;
	}
#infodoc li {
	font-size: 0.8em;
	line-height: 1.5em;
	}
#infodoc h2,h3,h4,h5 {
	float: left;
	}
.infodoc-block {
	float: left;
	width: 30%;
	height: auto;
	margin: 0.5em 2.5em 0 0;
	}
.infodoc-block-right {
	float: right;
	width: 30%;
	height: auto;
	margin: 0.5em 0 0 2.5em;
	}
#infodoc p {
	margin-top: 1.3em;
	font-size: 0.8em;
	line-height: 1.3em;
	}
#infodoc p.tip {
	font-size: 0.9em;
	}
#infodoc p.infosmall {
	font-size: 0.7em;
	line-height: 1.2em;
	}
.infodoc-boxheading {
	padding: 0.5em 1.0em;
	background: #69696f url('/images/grad_submenu.png') repeat-x 0% 50%;
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	border-bottom: 1px solid #59595f;
	}
.infodoc-boxcontent {
	padding: 1.0em;
	}
.infodoc-boxcontent ul {
	list-style-type: none;
	margin-left: 1.25em;
	}
.infodoc-boxcontent li {
	line-height: 1.75em;
	}
.infodoc-box {
	float: left;
	width: 30%;
	height: 270px;
	margin: 1.5em 2.5em 0 0;
	border: 1px solid #59595f;
	}
#infodoc p.infodoc-nomargin {
	margin-top: 0;
	}
.infodoc-boxwide {
	float: left;
	width: 65%;
	height: 270px;
	margin: 1.5em 2.5em 0 0;
	border: 1px solid #59595f;
	}
.infodoc-section {
	margin-top: 2.0em;
	padding-top: 1.0em;
	border-top: 1px solid #99999f;
	}
.last {
	margin-right: 0;
	}
.toplink {
	float: right;
	font-size: 0.7em;
	}
#infohelper {
	clear: left;
	min-height: 180px;
	padding: 1.0em 0;
	text-align: left;
	}
#infohelper-short {
	clear: left;
	}
#infohelper-inner {
	min-height: 180px;
	padding: 1.0em 0;
	text-align: left;
	}
#infohelper {
	width: 95%;
	}
#infohelper-short {
	width: 75%;
	}
#infohelper-icon {
	float: left;
	margin: 0 2.0em;
	}
#infohelper-text {
	float: left;
	width: 70%;
	}