div.tasks {
    border: none;
    background-color: transparent;
    padding: 0;
}

table.tasks {
    border-collapse: collapse;
    border: solid #BBBBBB 1px;
}

table.tasks th {
    color: black;
    border: none;
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 0;
    padding-bottom: 6px;
}

table.tasks th.actions, table.tasks td.actions {
    border-right: solid #BBBBBB 1px;
}

table.tasks th.selected {
    background-color: #AAAAAA;
    color: #FFFFFF;
}

table.tasks tr.odd {
    background-color: #FCFCFC;
}

table.tasks tr.even {
    background-color: #F2F2F2; 
}

#tasks {
    width: auto;
    padding: 0;
}

.column.optional {
    display: none;
}

.column.assignee {
    min-width: 200px;
    width: 200px;
}

.column.duedate {
    min-width: 150px;
    width: 150px;
}

.column.complete {
    min-width: 20px;
    max-width: 20px;
    width: 20px;
}
.column.completed, tr.completed td.column {
    background-color: #F0FFEB;
}

.column.name {
    /*TODO: ie hack for min width*/
    min-width: 240px;
    width:240px;
}

th.column.name {
    padding-left: 2px;
}

tr.newtask .column.name {
    padding-left: 16px;
}

span.actions {
    vertical-align:top;
    float:right;
    width: 18px; height: 16px; right: 0; bottom: 0;
    background:transparent url(images/actions.png) no-repeat;
    cursor: pointer;
}

li.actions {
    background:transparent url(images/actions.png) no-repeat;
}

span.actions.active {
    position: absolute;
    background-image: url(images/actions-active.png);

}

/*TASKS TYPES AND COMPLETIONS */

td.default, li.default {
    background:transparent url(images/task.default.png) no-repeat center center;
}

td.acknowledge, li.acknowledge {
    background:transparent url(images/task.acknowledge.png) no-repeat center center;
}

td.approval, li.approval {
    background:transparent url(images/task.approval.png) no-repeat center center;
}

td.question, li.question {
    background:transparent url(images/task.question.png) no-repeat center center;
}

td.completion.default {
    background:transparent url(images/task.default.completed.png) no-repeat center center;
}

td.completion.approval {
    background:transparent url(images/task.approval.completed.png) no-repeat center center;
}

td.completion.acknowledge {
    background:transparent url(images/task.acknowledge.completed.png) no-repeat center center;
}

td.completion.question {
    background:transparent url(images/task.question.completed.png) no-repeat center center;
}

td.approval.approve {
    background:transparent url(images/approved.gif) no-repeat center center;
}

td.approval.reject {
    background:transparent url(images/rejected.gif) no-repeat center center;
}

/* Checkboxes*/
span.tasktype {
    vertical-align:top;
    float:right;
    width: 18px; height: 16px; right: 0; bottom: 0;
    background-color: transparent;;
    background-repeat:no-repeat;
    cursor: pointer;
}

span.tasktype.default {
    background-image: url(images/task.default.png);
}

span.tasktype.default.completed {
    background-image: url(images/task.default.completed.png);
}

span.tasktype.default.focused {
    background-image: url(images/task.default.focused.png);
}

span.tasktype.acknowledge {
    background-image: url(images/task.acknowledge.png);
}

span.tasktype.acknowledge.completed {
    background-image: url(images/task.acknowledge.completed.png);
}

span.tasktype.acknowledge.focused {
    background-image: url(images/task.acknowledge.focused.png);
}

span.tasktype.question {
    background-image: url(images/task.question.png);
}

span.tasktype.question.completed {
    background-image: url(images/task.question.completed.png);
}

span.tasktype.question.focused {
    background-image: url(images/task.question.focused.png);
}

span.tasktype.approval {
    background-image: url(images/task.approval.png);
}

span.tasktype.approval.completed {
    background-image: url(images/task.approval.completed.png);
}

span.tasktype.approval.focused {
    background-image: url(images/task.approval.focused.png);
}



/*END OF TASK TYPES */

li.task-types ul li {
    padding-left: 18px;
    background-position: left center;
}

tr.newtask {
    display: none;
}

tr.newtask.focus {
    display: table-row;
}

tr.ie7.newtask.focus {
    display: inline;
}

#typeHeader {
    display:none;
}


tr.task.operation {
    display:none;
}

tr.task.operation td {
    border-right: solid 1px #bbbbbb;
}

tr.task.focus {
    display: table-row;
}

tr.ie7.task.focus {
    display: inline;
}

tr.task.operation.focus {
    display: table-row;
}

tr.ie7.task.operation.focus {
    display: inline;
}

#newTaskName {
    display: inline;
    padding-right: 2px;
    padding-left: 2px;
    width: 95%;
}

input.newTaskName.empty {
    color: gray;
}

li.task-types {
    width: 8px; height: 16px; right: 0; bottom: 0;
    padding-left: 0px;
    background:transparent url(images/more.png) no-repeat 18px 0px;
}

#column-customization li {
    font-weight: normal;
    padding-left: 10px;
    cursor: pointer;
}

#column-customization li.filter.first {
    border-top: solid 1px #000000;
}

#column-customization li.enabled {
    background: transparent url(images/enabled.png) no-repeat left;
}

.task-buttons {
    padding: 3px;
    text-align: center;
}

.task-comment {
    text-align: center;
}

a.suggestion, a:link.suggestion, a:visited.suggestion {
    font-size: 0.9em;
    text-decoration:none;
    color: #727272;
}

.task-comment textarea {
    height: 40px;
}


table.task-input {
    border-collapse: collapse;
    border: none;
}

table.task-input tr, table.task-input td {
    border: none;
}

tr.task.hidden {
    display: none;
}

table.tasks tbody tr td {
    padding-top: 3px;
    padding-bottom: 3px;
}


td.statename {
    width: 100px;
    font-weight: bold;
    padding-left: 10px;
    margin-bottom: 5px;
    float: left;
}

span.statename {
    font-weight: bold;
}

td.activity, td.approval.approve, td.approval.reject {
    width: 16px;
    height: 16px;
    background-color: transparent;
    background-position: 10px 10px;
    background-repeat: no-repeat;
}

td.activity.modification {
    background-image: url("images/activity.page.edited.gif");
}

td.activity.comment {
    background-image: url("images/activity.commented.gif");
}


td.activity.state {
    background-image: url("images/activity.state.change.gif");
}

table.recentlyUpdatedItem tr.activity-header td {
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
}

table.recentlyUpdatedItem.first {
    margin-top: 0;
    border-top: none;
}

table.recentlyUpdatedItem.first tr.activity-header td {
    padding-right: 0px;
}

div.activity {
    border: solid 1px #BBBBBB;
}

.activity-settings * {
    font-weight: normal;
}

li.customize {
    width: 10px; height: 16px; right: 0; bottom: 0;
    margin-right: 2px;
    background: transparent url(images/customize.png) no-repeat center;
    cursor: pointer;
}

.activity-settings {
    float: right;
}

#activity-report-menu li {
    padding-left: 10px;
}

#activity-report-menu li.enabled {
    background: transparent url(images/enabled.png) no-repeat left;
}

#activity-report-menu li.first {
    border-top: solid 1px #BBBBBB;
}

td.stateAndAuthor {
    width: 25%;
    background-color: #F0F0F0;
}

td.stateAndAuthor table td {
    padding: 0;
}

td.pending {
    background-color: #FFFFF0;
}


 /*dashboard report*/




span.floatright {
    float:right;
    margin-left: 10px;
}

table.awpdashboard {
    border-collapse: collapse;
    width: 100%;

}

table.awpdashboard td {
    border-color: rgb(204, 204, 204);
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    margin: 0px;
    padding: 4px 10px 4px 5px;
    text-align: left;
    vertical-align: top;
}

table.awpdashboard td.activitypage {
    border-bottom: none;
    background-position: left top;
    background-repeat: no-repeat;
}

td.acknowledge.page {
    background-image: url("images/page_16.gif");
}

td.activitypage.blogpost {
    background-image: url("images/blogentry_16.gif");
}

table.awpdashboard div.summary {
    color: #666666;
    font-size: 0.9em;
}

table.awpdashboard td.assignedtask {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left 4px;
    padding-left: 20px;
}

table.awpdashboard  td.assignedtask.default {
    background-image: url(images/task.default.png);
}

td.assignedtask.acknowledge {
    background-image: url(images/task.acknowledge.png);
}

td.assignedtask.approval {
    background-image: url(images/task.approval.png);
}

td.assignedtask.question {
    background-image: url(images/task.question.png);
}

table.awpdashboard td.activitypage.bordertop {
    border-top: solid #CCCCCC 1px;
}

table.awplogo th {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url("images/logoline.png");
    padding-bottom: 6px;
    border-bottom: none;
}

table.awplogo th.logoon {
    background-image: url("images/logo.png");
}


div.cmDiv
{
	/*border: 1px solid black;*/
	/*background-color: #eee;*/
}
.clickMenu
{
	margin: 0;
	padding: 0;
	cursor: default;
}
.wiki-content .clickMenu,.wiki-content .clickMenu ul, .clickMenu, .clickMenu ul {
	list-style: none;
}
.clickMenu ul
{
	margin: 0;
	padding: 2px;
	border: 1px solid black;
	background-color: #eee;
	min-width: 100px; /* ie doesnt know this :/ */
	//float: left;/*ie again*/
	//width: 100%;/*and again*/
}
.clickMenu div.outerbox
{
	display: none;
	min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
}
.clickMenu div.inner
{
	//top: 20px; /* for ie */
	left: 0;
	margin: 0;
}
.clickMenu div.inner div.outerbox
{
	margin: 0;
	left: 98px;
	//left: 90px; /* for ie */
	top: -3px;
}
.clickMenu li
{
	position: relative;
	padding: 0 20px 0 2px;
	/*white-space: nowrap; does not really work in ie */
}
.clickMenu li.main {
	float: left;
	padding: 0 10px;
	//height: 20px; /* for ie */
}
.clickMenu li.main li
{
	z-index: 2;
	min-width: 78px;
}
.clickMenu li.hover {
    z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
	background-color: #aaa;
}
.clickMenu img.liArrow
{
	position: absolute;
	right: 5px;
	top: 0.41em;
}
.clickMenu a
{
	text-decoration: none;
	color: black;
	cursor: default;
}
/* thats for the shadowbox */
html>body div.outerbox
{
	padding: 0 5px 5px 0;
}
html>body div.shadowbox1
{
	position: absolute;
	right: 0;
	bottom: 5px;
	width: 5px;
	height: 100%;
	background: url(images/shadow.png) no-repeat right top;
}
html>body div.shadowbox2
{
	position: absolute;
	bottom: 0;
	right: 5px;
	height: 5px;
	width: 100%;
	background: url(images/shadow.png) left bottom;
}
html>body div.shadowbox3
{
	position: absolute;
	bottom: 0;
	right: 0;
	height: 5px;
	width: 5px;
	background: url(images/shadow.png) no-repeat right bottom;
}
html>body .innerbox
{
	margin: 0;
	display: inherit;
}