/* 
Contains design styles of the page.

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

Allowed:
All design related styles like ...
margin/padding, border-width, border-style, border-collaps, overflow, list-style-type, allign, float, width/height, vertical-align ...

Not allowed:
Any color or font styles!

*/

a img {
	border:0;
}


/* Table List*/

#page table.list {
	margin:5px 0;
	border-width:2px 1px;
	border-style:solid;
	border-spacing:0px;
	border-collapse:collapse;
}
#page table.list td, #page table.list th {
	border-width:1px;
	border-style:solid;
	padding:3px;
}

/* Capsule */

#page .capsule.h1, #page .capsule.h2 {
	overflow:hidden;
	border-width:2px 2px 0 2px;
	border-style:solid;
	padding-left:5px;
	margin:5px 0;
}
#page .capsule.h1 {
	margin-top:25px;
}
#page .capsule.h1.reverse, #page .capsule.h2.reverse {
	border-width:0 2px 2px 2px;
	padding-bottom:2px;
}
#page ul.capsule {
	margin:0;
	padding:0;
}
#page ul.capsule li {
	overflow:hidden;
	list-style-type:none;
	margin-top:5px;
	padding-left:5px;
	border-width:0 1px 1px 1px;
	border-style:solid;
}
#page .capsule span.folder {
	padding-left:20px;
}
#page .capsule span.tools {
	float:right;
	padding:0 5px 2px 5px;
	margin:0;
}
#page .capsule.h2 span.tools form {
	margin:0;
	padding:0;
	display:inline;
}
#page .capsule.h2 span.tools input.image {
	vertical-align:text-top;
}
#page .capsule span.tools a img {
	margin-top:1px;
	vertical-align:middle;
}

/* Module */

#page ul.module {
	margin:0;
	padding:0;
}
#page ul.module li.module {
	overflow:hidden;
	list-style-type:none;
	border:1px solid;
	padding:10px;
	margin-top:5px;
}
#page ul.module li.insert {
	list-style-type:none;
}
#page ul.module li.select {
	border:3px solid;
}
#page ul.module h1.module {
	margin:0;
	margin-bottom:10px;
	padding:0;
	border:0;
}
#page ul.module .preview {
	border:1px solid;
	padding:5px;
}

#page ul.module h1.module span.tools {
	float:right;
	padding:1px 5px;
	margin:0;
}
#page ul.module h1.module span.tools a img {
	margin-top:1px;
	vertical-align:middle;
}
#page ul.module ul.parameter li {
	list-style-type:none;
	overflow:hidden;
}
#page ul.module ul.parameter span.label {
	float:left;
	width:28%;
}
#page ul.module ul.parameter span.text {
	float:right;
	width:68%;
}

/* Interlace */

#page ul.interlace {
	margin:10px;
	padding:0;
	list-style-type:none;
}
#page ul.interlace li {
	overflow:hidden;
	margin:2px 0;
	padding:0;
	padding-left:20px;
}
#page ul.interlace li ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
#page ul.interlace li span.left {
	float:right;
	width:280px;
	padding-left:20px;
}

/* Show */

#page ul.show {
	margin:0;
	margin-top:20px;
	padding:0;
}
#page ul.show li {
	overflow:hidden;
	margin:3px 0;
	list-style-type:none;
}
#page ul.show li span.label {
	float:left;
	width:150px;
}
#page ul.show li span.text {
	float:right;
	width:405px;
}

/* Fieldset */

#page fieldset {
	overflow:hidden;
	margin:5px 0;
	border:2px solid;
}
#page fieldset legend {
	padding:0 4px;
}
#page fieldset legend.multiple {
	padding:0 4px;
	margin:0 2px;
	border-width:0 3px;
	border-style:solid;
}
#page fieldset legend.multiple input.submit {
	border:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
#page fieldset legend.multiple input.submit.active {
	cursor:auto;
}
#page fieldset ul {
	margin:5px 0;
	padding:0 15px;
	list-style-type:none;
}
#page fieldset li {
	overflow:hidden;			
}
#page fieldset label {
	float:left;
	width:150px;
	padding:2px 0;
}
#page fieldset label.half {
	width:43%;
}
#page fieldset span.input {
	float:right;
	margin:2px 0;
	width:350px;
}
#page fieldset span.input.half {
	width:43%;
}
#page fieldset span.input.center {
	width:10%;
}
#page fieldset input {
	border-width:1px;
	margin-bottom:2px;
	width:99%;
}
#page fieldset select {
	display:block;
	float:left;
	border-width:1px;
	width:99%;
}
#page fieldset input.medium, #page fieldset select.medium {
	width:55%;
}
#page fieldset input.small, #page fieldset select.small {
	width:20%;
}
#page fieldset input.time, #page fieldset input.date {
	width:30%;
}
#page fieldset textarea {
	display:block;
	float:left;
	border-width:1px;
	width:99%;
	height:100px;
}
#page fieldset input.submit {
	margin:10px 0 0 0;
	width:auto;
	padding:1px 4px;
}
#page fieldset input.submit.inline {
	margin:0;
	padding:0 2px;
}
#page fieldset input.image {
	width:auto;
}
#page fieldset input.checkbox, #page fieldset input.radio {
	width:auto;
}


/* Log */

#log {
}

#log ul.log {
	padding:0;
	margin:0;
	margin-bottom:10px;
}
#log ul.log li {
	overflow:hidden;
	margin-bottom:5px;
	padding:4px;
	padding-left:25px;
	border:1px solid;
	list-style-type:none;
	
}
#log ul.log li.debug pre {
	margin:4px 0;
	padding:0;
	overflow:auto;
}

/* Dialog */

#dialog {
	overflow:auto;
}
#dialog .box {
	border:2px solid;
	width:300px;
	height:150px;
	margin:22% auto;
	margin-bottom:0;
	top:-75px;
}
#dialog .box .question {
	height:115px;
	padding:0 10px;
	overflow:auto;
}
#dialog .box .submit {
	height:35px;
	overflow:auto;
}
#dialog .box .submit input {
	margin:0 2%;
	margin-top:5px;
	border-width:1px;
	width:40%;
}