/* 
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!

*/

/* Kill all Browser styles */

center, isindex, menu, dir, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 101%;
	font-family: inherit;
	font-variant: inherit;
	vertical-align: baseline;
}


/* Table List*/

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

/* Capsule */

#page .capsule.h1, #page .capsule.h2, #page .capsule.h3 {
	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.h3 {
	border-top-width:0;
}
#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 .module {
	overflow:hidden;
	border:1px solid;
	padding:2px 5px;
	margin:3px 0;
}

#page .module .preview {
	border:1px solid;
	padding:5px;
}
#page .module .h1 {
	margin:0;
	margin-bottom:10px;
	padding:0;
	border:0;
}
#page .module .h1 span.tools {
	float:right;
	padding:1px 5px;
	margin:0;
}
#page .module .h1 span.tools a img {
	margin-top:1px;
	vertical-align:middle;
}

/* Interlace */

#page ul.interlace {
	margin:10px;
	padding:0;
	list-style-type:none;
}
#page ul.interlace li {
	overflow:hidden;
	margin:0;
	margin-top:4px;
	padding:0;
	padding-left:23px;
}
#page ul.interlace li ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
#page ul.interlace li span.document, #page ul.interlace li span.folder {
	padding-left:20px;
}
#page ul.interlace span.tools {
	float:right;
	margin:0;
}
#page ul.interlace span.tools input.image, #page ul.interlace span.tools img {
	vertical-align: middle;
}
#page ul.interlace li.selected {
	border-style:solid;
	border-width:1px 0 1px 1px;
	padding:3px 0 3px 23px;
}

/* Fieldset */

#page fieldset {
	overflow:hidden;
	margin:5px 0;
	border:2px solid;
}
#page fieldset legend {
	padding:1px 4px;
	margin:0 6px;
}
#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;
}

/* Form */

#page ul.form {
	margin:5px 0;
	padding:0 5px;
	list-style-type:none;
}
#page ul.form li {
	overflow:hidden;			
}
#page ul.form span.label {
	float:left;
	width:30%;
	padding:2px 0;
}
#page ul.form .full span.label {
	width:100%;
}
#page ul.form .half span.label {
	width:48%;
}
#page ul.form .tiny span.label {
	width:65%;
}
#page ul.form span.input {
	float:right;
	margin:2px 0;
	width:65%;
}
#page ul.form div.title {
	width:100%;
}
#page ul.form .full span.input {
	width:100%;
}
#page ul.form .half span.input {
	width:47%;
}
#page ul.form .tiny span.input {
	width:30%;
}
#page ul.form .center span.input {
	width:5%;
}
#page ul.form input {
	border-width:1px;
	margin-bottom:2px;
	width:99%;
}
#page ul.form select {
	display:block;
	float:left;
	border-width:1px;
	width:99%;
}
#page ul.form input.medium {
	width:55%;
}
#page ul.form input.small {
	width:20%;
}
#page ul.form input.time{
	width:5em;
}
#page ul.form input.date{
	width:7em;
}
#page ul.form input.picture {
	width:65%;
}
#page ul.form input.file {
	width:auto;
}
#page ul.form input.postalcode {
	width:15%;
}
#page ul.form input.city {
	width:70%;
}
#page ul.form input.tel {
	width:50%;
}
#page ul.form textarea {
	display:block;
	float:left;
	border-width:1px;
	width:99%;
	height:100px;
}
#page ul.form input.submit {
	margin:10px 0 0 0;
	width:auto;
	padding:1px 4px;
}
#page ul.form input.event {
	margin:0;
	width:auto;
	padding:0 2px;
}
#page ul.form input.image {
	width:auto;
}
#page ul.form input.checkbox {
	width:auto;
}

/* Log */

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

/* Dialog */

div#dialog {
	overflow:auto;
}
#dialog .box {
	border:2px solid;
	width:400px;
	height:160px;
	margin:15% auto;
	margin-bottom:0;
	top:-75px;
}
#dialog .box .question {
	height:125px;
	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:auto;
	min-width:20%;
}