body{
 background:#DBE3EF;
}
#left, #all {
 position:absolute;
 left:2%;
 top:2%;
}
#left { width:39%; }
#all { width:95%; }

label {
 clear:left;
 float:left;
 padding:0 4px 4px 0;
 text-align:right;
 width:33%;
 white-space: nowrap;
}

input.text, select {
 margin-bottom:4px;
 width:60%;
}

textarea {
 clear: both;
}

* html input.text {
 width:91%;
}

input.checkbox {
 float: left;
 clear: left;
 margin-left:35%;
}

input.fixedcheckbox {
 float: left;
 clear: left;
}

label.checkbox {
 clear:none;
 text-align:left;
}
/* input{
 background:#FFFFFF;
 border:1px #DBE3EF inset;
} */

input.submit {
 background:#E0E0E0;
 border:1px #E0E0E0 outset;
 position : absolute;
 bottom : -25px;
 right : 5%;
 cursor : pointer;
}

input.button {
 background:#E0E0E0;
 border:1px #E0E0E0 outset;
 cursor : pointer;
}

input.submit:hover, input.button:hover{
 color : #A52A2A;
}
.c{
 text-align:center;
}
.color{
 border-collapse:collapse;
 margin-bottom: 5px;
}
.color td{
 border:solid #000000 1px;
 height:8px;
 width:10px;
}
.color a {
 display:block;
 text-decoration:none;
 width:100%; /* IE Needs it... */
}

#dtree {
 background:#FFFFFF;
 border:1px #DBE3EF inset;
 height:88%;
 margin:0;
 overflow:auto;
 padding:0;
 position:absolute;
 left:2%;
 top:2%;
 width:97%;
}

#dtree_foot {
 position: absolute;
 top: 91%;
}

#right_dtree {
 background:#FFFFFF;
 border:1px #DBE3EF inset;
 height:96%;
 left:40%;
 margin:0;
 overflow:auto;
 padding:0;
 position:absolute;
 top:2%;
 width:59%;
}

#preview_link
{
	position: absolute; 
	bottom: 0px;
	left: 5px;
}
#preview { border: none; }

.charmap {
 border-collapse: collapse;
 table-layout: fixed;  
 border: 1px solid #909090;
 width: 100%;
}

.charmap td
{
	padding: 0px;
	margin: 0px;
}

.charmap th { border-bottom: 1px solid #909090; }
.charmap tr.map td 
{
	border-right: 1px solid #909090;
	border-bottom: 1px solid #909090;
	height: 25px;
	width: 16px;
	text-align: center;
	cursor: pointer;
}
.charmap tr.map td:hover { background-color: #C0C0C0; }
.charmap td.preview { text-align: center; }
.charmap td.preview #charpreview
{
	font-size:800%;
	margin: 5px auto;
	border: 1px solid #909090;
	width: 170px;
	height: 170px;
}

#controlTab {
	border-collapse: collapse;
}
#controlTab td { border: dotted 1px black; text-align: center;}

#dynTab {
	border-collapse: collapse;
}
#dynTab td { border: solid 1px black; }

/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö               |
|--------------------------------------------------*/
.dtree{
 color:#666666;
 font:11px Verdana,Geneva,Arial,Helvetica,sans-serif;
 white-space:nowrap;
}
.dtree img{
 border:0px;
 vertical-align:middle;
}
.dtree a{
 color:#333333;
 text-decoration:none;
}
.dtree a.node,.dtree a.nodeSel{
 padding:1px 2px 1px 2px;
 white-space:nowrap;
}
.dtree a.node:hover,.dtree a.nodeSel:hover{
 color:#333333;
 text-decoration:underline;
}
.dtree a.nodeSel{
 background:#C0D2EC;
}
.dtree .clip{
 overflow:hidden;
}
/*-------------------\\ End dTree //---------------*/
