/* 
Contains color styles of the page.

(c) Copyright 2008 PuzzWorks OHG.
Author: Georg Freund <georg.freund@puzzworks.com>

Allowed:
all coloring related styles like
color, background, background-color, background-image, border-color...

Not allowed:
Any border-widths, font-sizes, width/heights oder padding/margins.

Try to use #EEE instead of #EEEEEE. Always use uppercase!

*/

/* Table List*/

#page table.list {
	border-color:#E2E2E2;
	background-color: #F5F5F5;
}
#page table.list td, #page table.list th {
	border-color:#E2E2E2 #F3F3F3;
	background-color:#F9F9F9;
}
#page table.list thead th {
	background-color:#EEE;
	color:#06C;
}
#page table.list tfoot td {
	background-color:#EEE;
	color:#666;
}


/* Capsule */

#page .capsule.h1, #page .capsule.h2, #page .capsule.h3 {
	border-color:#CCC;
}
#page .capsule.h3 {
	color:#036;
}
#page .capsule.h2 {
	color:#06C;
}
#page .capsule.h1 span.tools {
	color:#666;
}
#page ul.capsule li {
	background-color:#EEE;
	border-color:#CCC;
}
#page .capsule span.folder {
	background:url('/img/icons/color/normal/folder.png') no-repeat;
}
#page ul.capsule span.tools { 
	background-color:#CCC;
	color:#FFF;
}
#page ul.capsule span.tools a img, span.tools input.image {
	background-image:none;
}

/* Module */

#page .module {
	border-color:#CCC;
	background-color:#f6f6f6;
}
#page .module .preview {
	background-color:#FFF;
	border-color:#999;
}
#page .module.select {
	border-color:#06C;
}
#page .module .h2.capsule {
	color:#CCC;
}
#page .module .h2.capsule:hover {
	color:#06C;
}


/* Interlace */

#page ul.interlace .folder {
	background:url('/img/icons/color/normal/folder.png') no-repeat;
}
#page ul.interlace .folder.start {
	background:url('/img/icons/color/normal/house.png') no-repeat;
}
#page ul.interlace .document {
	background:url('/img/icons/color/normal/page_white.png') no-repeat;
}
#page ul.interlace .link {
	background:url('/img/icons/color/normal/link.png') no-repeat;
}
#page ul.interlace .anchor {
	background:url('/img/icons/color/normal/anchor.png') no-repeat;
}
#page ul.interlace .seperator {
	background:url('/img/icons/color/normal/resultset_next.png') no-repeat;
}
#page ul.interlace .label {
	background:url('/img/icons/color/normal/tag_blue.png') no-repeat;
}
#page ul.interlace .group {
	background:url('/img/icons/color/normal/group.png') no-repeat;
}
#page ul.interlace .selected {
	background:url('/img/icons/color/normal/arrow_right.png') no-repeat 3px 3px;
	border-color:#CCC;
}
#page ul.interlace li span.info {
	color:#999;
}

/* Fieldset */

#page fieldset {
	border-color:#CCC;
}
#page fieldset legend.multiple input.submit {
	color:#666;
	background-color:#E2E2E2;
}
#page fieldset legend, #page fieldset legend.multiple input.submit.active {
	color:#FFF;
	background-color:#06C;
	border-color:transparent;
}
#page fieldset legend.multiple {
	background-color:transparent;
}

/* Form */

#page ul.form input, #page ul.form select, #page ul.form textarea {
	border-color:#CCC;
}
#page ul.form li.err input {
	color:red;
}
#page ul.form li.err {
	color:red;
}
#page ul.form input.submit {
	border-color:#CCC;
	background-color:#EEE;
	color:#000;
}
#page ul.form input.image {
	background:#CCC url('/img/icons/mono/bg_rounded.gif') no-repeat;
}

/* Log */

ul.log li {
	background:url('/img/icons/color/normal/comment.png') 3px 3px no-repeat;
	border-color:#69C;
	background-color:#F5F5F5;
}
ul.log li.debug {
	background-image:url('/img/icons/color/normal/cog.png');
}
ul.log li.info {
	background-image:url('/img/icons/color/normal/information.png');
}
ul.log li.notice {
	background-image:url('/img/icons/color/normal/accept.png');
	border-color:#390;
	background-color:#CFC;
}
ul.log li.warning {
	background-image:url('/img/icons/color/normal/error.png');
	border-color:#FC0;
	background-color:#FFC;
}
ul.log li.error, ul.log li.err, ul.log li.crit, ul.log li.alert, ul.log li.emerg {
	background-image:url('/img/icons/color/normal/exclamation.png');
	border-color:#F30;
	background-color:#FCC;
}

/* Dialog */

div#dialog {
	background-image:url('/img/shades/white/050.png');
}
#dialog .box {
	background-color:#FFF;
	border-color: #06C;
}
#dialog .box .submit input {
	border-color:#CCC;
	background-color:#EEE;
	color:#06C;
}

/* Tools */

span.tools a img, span.tools input.image {
	background:#CCC url('/img/icons/mono/bg_rounded.gif') no-repeat;
}
span.tools a img.enable {
	background-color:#FC0;
}
span.tools a:hover img.disable {
	background-color:#FC0;
}
span.tools a:hover img, span.tools input.image:hover {
	background-color:#06C;
}