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");
}

.aprv-clear {
    clear: both;
}

#approval-title {
    padding-left: 20px;
}

span.aprv-status, span.aprv-selection-status {
	display: -moz-inline-box;
	display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(images/pending.gif);
    background-color: transparent;
    text-indent: -9999px;
	font: 0/0 Arial;
	overflow: hidden;
	color: rgba(255,255,255,0);
	vertical-align: bottom;
	width: 16px;
	height: 16px;
	border: none;
}

span.aprv-selection-status {
    background-image: url( images/available.gif );
}

.aprv-approved span.aprv-status {
	background-image: url( images/approved.gif );
}

.aprv-partiallyapproved-available span.aprv-status {
	background-image: url( images/partial-available.png );
}

.aprv-partiallyapproved span.aprv-status {
	background-image: url( images/partial-pending.png );
}

.aprv-partiallyrejected span.aprv-status {
	background-image: url( images/partial-rejected.png );
}

.aprv-approved span.aprv-old {
	background-image: url( images/approvedold.gif );
}

.aprv-rejected span.aprv-status {
	background-image: url( images/rejected.gif );
}
.aprv-rejected span.aprv-old {
	background-image: url( images/rejectedold.gif );
}

.aprv-available span.aprv-status {
	background-image: url( images/available.gif );
}

.aprv-unavailable span.aprv-status {
	background-image: url( images/pending.gif );
}

.message-input {
    float: left;
    margin-right: 5px;
}
#aprv-cancel {
	margin-right: 0;
}

.message-input {
	font-family: Arial, sans-serif;
	font-size: 12px;
	width: 360px;
	margin-top: 2px;
	height: 22px;
	padding: 2px;
}

.aprv-button.hover {
	color: #036;
}

.aprv-button.approve.hover {
    color: #59C725;
}


.aprv-button.reject.hover {
    color: #E82606;
}

.aprv-label {
	padding: 2px 0 5px 10px;
	color: #666;
}

#aprv-message-display {
	margin-top: 10px;
}

#workflowMessages {
    display:block;
}

.aprv-hidden {
    display: none;
}

.aprv-selected-approvers {
    display: inline;
}

.remove-approver {
    background: url( "images/delete.gif" ) no-repeat;
    position: absolute;
    margin-top:3px;
    margin-left:3px;
    margin-right:5px;
    width:8px;
    text-indent:-999em;
}

.selected-approver {
    margin-right: 20px;
    display: inline;
}

.aprv-approvers-list {
    font-size:0.9em;
    margin-top:0.3em;
    color: #666666;
}

.aprv-select-user {
    display: inline;
}

.aprv-approval-info, .aprv-version-info, #aprv-chartbox, .aprv-task-info {
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    padding: 3px;
    color: black;
    position:absolute;
    border: 1px solid #d6d1d1;
    font-size: 0.9em;
    display:none;
    z-index:99900;
    background-color:#f7f6c3;
    filter:alpha(opacity=98);
    -moz-opacity:0.98;
    -khtml-opacity: 0.98;
    opacity: 0.98;
    _margin-top: 20px;
}


.aprv-message {
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    max-width:500px;
    width:expression(document.body.clientWidth > 500? "600px": "auto" );
    background-color:#DDFFDD;
    border:1px solid #009900;
    padding:5px;
    margin-top: 5px;
    color: black;
    display:block;
}

.aprv-closebox {
    cursor: pointer;
    float: right;
    display: -moz-inline-box;
    width:11px;
    height:11px;
    display: inline-block;
    background: transparent url( images/x.gif ) no-repeat 0 0;
}

.aprv-warning {
    background-color:#FFCCCC;
    border:1px solid #CC0000;
}

.aprv-tip {
    background-color:#DDFFDD;
    border:1px solid #009900;
}

.aprv-note {
    background-color:#FFFFCE;
    border:1px solid #F0C000;
}

.aprv-info {
    background-color:#D8E4F1;
    border:1px solid #3C78B5;
}

.aprv-caption {
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright:0px;
    border:none;
    background-color:white;

}


.aprv-pagestatus {
    margin-top: 0px;
    margin-right:20px;
    border:1px solid #3C78B5;
    width: auto;
    display: inline-block;
    display: -moz-inline-box;
    background: #D8E4F1 url( images/information.gif ) no-repeat 4px;
    padding-left: 25px;
    padding-right: 10px;
    height: auto;
    float: right;
    }

/*mozila hack*/
.aprv-pagestatus b {
    display: -moz-inline-box;
}

.aprv-draftview {
    background: #FFFFCE url( images/warning.gif ) no-repeat 4px;
    border:1px solid #F0C000;
}

.aprv-state {
    display: inline;
    /*font-weight:bold;*/
}

/*chart classes */
.aprv-stateschart, .aprv-stateschart area, .aprv-stateschart img, .aprv-stateschart map {
    font-size: 0.9em;
    border: 0;
    z-index:99902;
}

.aprv-approver {
    background: url( images/approved-small.png ) no-repeat;
    padding-left: 12px;
    display: inline;
}

.aprv-rejector {
    background: url( images/rejected-small.png ) no-repeat;
}

td.state-name, .state-name {
    font-weight:bold;
}

#aprv-chartbox {
    background-color: white;
    border-color:black;
    _margin-top: 20px;
    *margin-top: 20px;
}

.aprv-pagestate {
    padding-left: 10px;
    background: #FFFFCE none;
    border:1px solid #F0C000;
    color: black;
}

.aprv-final {
    background-color:#D8E4F1;
    border:1px solid #3C78B5;
}


.state-completed {
    background-color:#D8E4F1;
    border:1px solid #3C78B5;
}


/* Forms */
.ctform-buttons {
    background-color:#FFFFCC;
    font-size: 0.9em;
    display: inline;
    text-decoration:none;
}

.cthidden {
    display: none;
}

.users-list {
    display:none;
    margin-top:4px;
    border: 1px solid #E0E0E0;
    background-color: #FAFAFA;
    padding:2px;
    width: 400px;
    overflow:auto;
}

.selected-users, .selected-user {
    display: inline;
}

.remove-user {
    background: url( "images/delete.gif" ) no-repeat;
    margin-top:8px;
    padding-right:6px;
    width:8px;
    text-indent:-999em;
    text-decoration:none;
    display: none;
}

#aprv-credentials {
    display:none;
    margin-top:4px;
    margin-bottom:4px;
    border: 1px solid #E0E0E0;
    background-color: #FAFAFA;
    padding:2px;
    width: 500px;
    font-size:0.9em;
}

span.aprv-credentials {
    color: #003366;
    font-weight: bold;
    padding-right: 5px;
}

/*reporting*/
a.order-ascending, a.order-descending {
    background:transparent url(images/tab-open.gif) no-repeat scroll right center;
    padding-right: 10px;
}

a.order-descending {
    background:transparent url(images/tab-close.gif) no-repeat scroll right center;
}

#workflowtabs {
    margin: 0;
    overflow: hidden;
    padding-left: 16px;
    background: transparent url("images/awplogo.png") no-repeat 2px 2px;
}

#workflowtabs.open {
    background-image: none;
}

#workflowtabs * {
    font-size: 12px;
}

#workflowtabs li {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 3px;
    margin-right: 3px;
    padding-top: 2px;
    padding-top: 2px;
}

#workflowtabs li.aprv-line-tab {
    float: left;
}

#workflowtabs li.aprv-tab-selected, ul.workflowtabs li.aprv-tab-selected {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px; 
    -moz-border-radius-topright: 5px;
    z-index: 10;
    border: 1px solid #BBBBBB;
    padding-right: 4px;
    padding-left: 4px;
    display: inline;
    padding-bottom: 1px;
    border-bottom: 1px solid white;
}

.aprv-tab-content {
    display: none;
    margin-top: -1px;
    margin-bottom: 5px;
    _margin-top: 3px;
    padding: 0;
    background-color: white;
}


#approvalsbox td {
    text-align: center;
}


#approvalsbox table {
    width: 500px;
    min-width: 500px;
    width:expression(document.body.clientWidth > 500? "500px": "auto" );

}


@-moz-document url-prefix() {
    div.tasks, div.aprv-tab-content {
        margin-top: 0;
    }
}
/* USer assignments */

ul.assignees {
    display: inline;
    list-style: none none;
    margin: 0;
    padding: 0;
}

ul.assignees li {
    display: inline;
    padding-left: 16px;
    padding-right: 10px;
}

ul.assignees li.user {
    background: url("images/user_12.gif") no-repeat;
}

ul.assignees li.group {
    background: url("images/group_12.gif") no-repeat;
}

.visible {
    display: inline;
}

span.removeassignee {
    display: none;
    margin-left: 2px;
    width: 8px; height: 8px;
    background: transparent url("images/delete-user.png") no-repeat right top;
    cursor: pointer;
}

ul.selection li {
    display: block;
    width: 100%;
    margin: 2px;
}

.assigneeinput {
    display: none;
    margin: 0;
}

ul.selection li a {
    text-decoration: none;
}

ul.selection li.active {
    background-color: #EACEFF;
    cursor: pointer;

}

.assignment-hint, .loading-hint {
    font-size: 0.8em;
    margin: 4px;
    font-style: italic;
    color: #545454;
}

.loading-hint {
    background: transparent url("images/wait.gif") no-repeat left top;
    padding-left: 16px;
    display: none;
}

.assignment.loading span.assignment-hint {
    display: none;
}

.assignment.loading span.loading-hint {
    display: inline-block;
}

.filterTerm {
    margin-right: 3px;
}

.assignment-hint {
    font-size: 0.8em;
    margin: 4px;
    font-style: italic;
    color: #545454;
}

div.assignees {
    display: inline-block;
    margin:2px;
    padding: 3px;
    min-width: 150px;
}

a.enable-assignment,a.edit-assignment {
    display: none;
    font-size: 0.8em;
    margin: 4px;
    font-style: italic;
    color: #545454;
}

.choose-assignee {
    display: none;
    border-style: solid;
    border-width: 1px;
    border-color: #C9C9C9;
    overflow-x:hidden;
    display: none;
    z-index:99900;
    position:absolute;
    background-color:#FFFFCE;
    width:150px;
    *margin-top: 20px;
}


.assignment-element {
    display: none;
}

.assignment-header {
    text-align: right;
    width: 100px;
}


#task-visiblity-input {
    float: left;
}

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


.approvalMessage {
    width: 99%;
    margin: 3px;
    height: 100px;
}

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

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

#select-selection-input td.column.hidden {
    display: none;
}

#select-selection-input td.column {
    border: none;
}

#select-selection-input td.column.actions {
    border-right: solid 1px #bbbbbb;
}


#select-selection-input td.assignment-buttons {
    padding: 5px;
    border-top: none;
}

#select-selection-input table.tasks tr, #select-selection-input table.tasks tr td {
    border-top: none;
}

th.column.state {
    padding-left:20px;
    /*min-width: 240px;*/
    width:240px;
}

td.column.state {
    padding-left: 5px;
}


.input-approvers {
    text-align: left;
}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;
}

#pageparameters {
    width: auto;
    padding-left: 4px;
    padding-right: 4px;
}

#pageparameters div.editValue {
    display: none;
}
#pageparameters.editing div.viewValue {
    display: none;
}

#pageparameters.editing div.editValue {
    display: block;
}

#pageparameters.editing button.editParameters,#pageparameters.editing button.closeParameters {
    display: none;
}

#pageparameters button.saveParameters, #pageparameters button.cancelParameters {
    display: none;
}

#pageparameters.editing button.saveParameters, #pageparameters.editing button.cancelParameters {
    display: inline-block;
}

th.parametersheading {
    width: 200px;
}

th.parametersheading span {
    margin-left: 20px;
}

td.parametername {
    padding-left: 5px;
}

td.parameterdata {
    padding-right: 10px;
}

#pageparameters div.viewValue.user {
    background: url("images/user_12.gif") no-repeat;
    padding-left: 16px;
}

#pageparameters div.viewValue.group {
    background: url("images/group_12.gif") no-repeat;
    padding-left: 16px;
}

#pageparameters span.hint {
    font-size: 0.8em;
    margin: 4px;
    font-style: italic;
    color: #545454;
    display: block;
}

#pageparameters input.paramValue {
    margin-left: 5px;
}

#pageparameters input.assigneeInput, #pageparameters input.paramValue {
    width: 150px;
}

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* DueDate selection */
a.dp-choose-date {
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: inline;
	text-indent: 2000px;
	overflow: hidden;
	background: url(images/calendar.png) no-repeat;
}
a:link.dp-choose-date {
    text-decoration: none;
}

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;*/
    display: inline;
	float: left;
}
input.list-picker.default {
    color: gray;
}

input.list-picker.new {
    background-color: #E6FFE9;
}


div.list-picker {
    border-style: solid;
    border-width: 1px;
    border-color: #C9C9C9;
    overflow-x:hidden;
    z-index:10;
    position:absolute;
    background-color:#FFFFCE;
}

div.list-picker.hidden {
    display: none;
}

div.list-picker .hint {
    font-size: 0.8em;
    margin: 2px;
    font-style: italic;
    color: #545454;
}

ul.list-picker-list, .wiki-content ul.list-picker-list {
    list-style: none none;
    padding: 0;
    margin: 0;
}

li.list-picker-option {
    padding: 0;
    cursor: pointer
}

div.list-picker ul li.hover {
    background-color: pink;
}

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;
}