@CHARSET "UTF-8";

/*
Base color: C78F40
http://www.colormatch.dk/

-- choclate --
ockerorange: C68F41
das oben in blass: C6AB84
blass: C6B9A5
zwischen blass und braun / weiße schrift: 846B49
braun / weiße schrift: 423524
zwischen braun und braunschmutzblass: 958063
braunschmutzblass: ADA090	

komplementärfarben:
C68F41	C6AB84	C6B9A5	846B49	423524	958063	ADA090

-- sand --
EADB98	EAE3C1	EAE6D6	9C9577	4E4A3B	AFAA91	CCC8BA
*/


/*** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 
 * gara.jswt.List
 * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 */

.sand ul.jsWTList {
	border: 1px solid #000;
	overflow: auto;
	background-color: #EAE6D6;
	padding: 5px;
}

.sand ul.jsWTList li input {
	margin: 5px 5px 0 5px;
	float: left;
}

.sand ul.jsWTList li span {
	border: 1px solid #EAE6D6;
	background-color: #EAE6D6;
	color: #000;
	font-family: Verdana;
	font-size: 85%;
	padding-top: 3px;
	padding-bottom: 3px;
}

.sand ul.jsWTListActive li.selected span {
	border: 1px solid #9C9577;
	background-color: #9C9577;
	color: #FFF;
}

.sand ul.jsWTListActive li.active span {
	border: 1px dashed #000;
}

.sand ul.jsWTListInactive li.selected span {
	border: 1px solid #CCC8BA;
	background-color: #CCC8BA;
	color: #000;
}


/*** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 
 * gara.jswt.Tree
 * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 */

.sand ul.jsWTTree {
	border: 1px solid #000;
	overflow: auto;
	background-color: #EAE6D6;
	padding: 5px;
}

.sand .jsWTTreeLines ul {
	background-image: url('line.gif');
}

.sand .jsWTTreeLines li {
	background-image: url('join.gif');
}

.sand ul.jsWTTree li input {
	margin: 3px 5px 0 5px;
	float: left;
}

.sand ul.jsWTTree li span.text {
	border: 1px solid #EAE6D6;
	background-color: #EAE6D6;
	color: #000;
	font-family: Verdana;
}

.sand ul.jsWTTree li span:hover.text {
}

.sand ul.jsWTTreeActive li span.selected {
	border: 1px solid #9C9577;
	background-color: #9C9577;
	color: #FFF;
}

.sand ul.jsWTTreeActive li span:hover.selected {
}

.sand ul.jsWTTreeActive li span.active {
	border: 1px dashed #000;
}

.sand ul.jsWTTreeInactive li span.selected {
	border: 1px solid #CCC8BA;
	background-color: #CCC8BA;
	color: #000;
}

.sand .jsWTTreeLines li.bottom {
	background-image: url('joinbottom.gif');
}

.sand .jsWTTreeLines ul.bottom {
	background-image: none;
}

.sand ul.jsWTTree li span.togglerExpanded {
	background-image: url('collapse.gif');
}

.sand ul.jsWTTree li span.togglerCollapsed {
	background-image: url('expand.gif');
}


/*** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 
 * gara.jswt.TabFolder
 * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 */

.sand ul.jsWTTabbarTop {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 25px;
	border-bottom: 0px solid #000;
	position: relative;
	z-index: 201;
}

.sand ul.jsWTTabbarTop li {
	cursor: default;
	float: left;
	background: url("left_both.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 9px;
	border-bottom: 1px solid #765;
	position: relative;
}

.sand ul.jsWTTabbarTop span {
	float: left;
	display: block;
	width:.1em;
	background: url("right_both.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	font-weight: bold;
	color: #765;
	white-space: nowrap;
}

.sand ul.jsWTTabbarTop span {
	width: auto;
}

.sand ul.jsWTTabbarTop img {
	float: left;
	display: block;
	padding-top: 5px;
	padding-right: 3px;
}

.sand ul.jsWTTabbarTop > ul span {width:auto;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.sand ul.jsWTTabbarTop span {float:none;}
/* End IE5-Mac hack */

.sand ul.jsWTTabbarTop li.active {
	background-position: 0 -150px;
	border-width: 0;
}

.sand ul.jsWTTabbarTop li.active span {
	background-position: 100% -150px;
	padding-bottom: 5px;
}

.sand ul.jsWTTabbarTop li:hover,
.sand ul.jsWTTabbarTop li:hover span {
	background-position:0% -150px;
}

.sand ul.jsWTTabbarTop li:hover span {
	background-position:100% -150px;
}

/* safari 3 */
@media all and (min-width:0px) {
	body:not(:root:root) .sand ul.jsWTTabbarTop {
		height: 24px;
	}
	
	body:not(:root:root) .sand ul.jsWTTabbarTop span {
		font-weight: normal;
	}
}


/*
 * Bottom Style
 */

.sand ul.jsWTTabbarBottom {
	margin: 0;
	top: -1px !important;
	top: -2px;
	padding: 0;
	list-style: none;
	height: 25px;
	border-top: 0px solid #000;
	position: relative;
	z-index: 201;
}

.sand ul.jsWTTabbarBottom li {
	cursor: default;
	float: left;
	background: url("left_both_bottom.gif") no-repeat left bottom;
	background-position:0% -274px;
	margin: 0;
	padding: 0 0 0 9px;
	border-top: 1px solid #765;
	position: relative;
}

.sand ul.jsWTTabbarBottom span {
	float: left;
	display: block;
	width:.1em;
	background: url("right_both_bottom.gif") no-repeat right bottom;
	background-position: 100% -274px;
	padding: 3px 15px 7px 6px;
	font-weight: bold;
	color: #765;
	white-space: nowrap;
}

.sand ul.jsWTTabbarBottom span {
	width: auto;
}

.sand ul.jsWTTabbarBottom img {
	float: left;
	display: block;
	padding-top: 3px;
	padding-right: 3px;
}

.sand ul.jsWTTabbarBottom > ul span {width:auto;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.sand ul.jsWTTabbarBottom span {float:none;}
/* End IE5-Mac hack */

.sand ul.jsWTTabbarBottom li.active {
	background-position: 0 -123px;
	border-width: 0;
}

.sand ul.jsWTTabbarBottom li.active span {
	background-position: 100% -123px;
	padding-top: 4px;
	padding-bottom: 7px;
	
}

.sand ul.jsWTTabbarBottom li.active img {
	padding-top: 4px;
}

.sand ul.jsWTTabbarBottom li:hover,
.sand ul.jsWTTabbarBottom li:hover span {
	background-position:0% -124px;
}

.sand ul.jsWTTabbarBottom li:hover span {
	background-position:100% -124px;
	padding-bottom: 7px;
}

.sand ul.jsWTTabbarBottom li.active:hover {
	background-position: 0% -123px;
}

.sand ul.jsWTTabbarBottom li.active:hover span {
	background-position: 100% -123px;
	padding-bottom: 7px;
}

/* safari 3 */
@media all and (min-width:0px) {
	/*body:not(:root:root) .sand ul.jsWTTabbarBottom {
		height: 26px;
	}*/

	body:not(:root:root) .sand ul.jsWTTabbarBottom li span,
	body:not(:root:root) .sand ul.jsWTTabbarBottom li.active span {
		padding-bottom: 8px;
	}
	
	body:not(:root:root) .sand ul.jsWTTabbarBottom span {
		font-weight: normal;
	}
}

.sand div.jsWTTabFolder {
}

.sand div.jsWTTabFolder div.jsWTTabClientArea {
	border: 1px solid #000;
	border-width: 1px 1px 1px 1px;
	top: 0 !important;
	top: -1px;
	position: relative;
	z-index: 200;
}


/*** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 
 * gara.jswt.Table
 * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 */
 
.sand table.jsWTTable {
	border-collapse: separate !important;
	border-collapse: collapse;
	border-spacing: 0 0;
}

.sand table.jsWTTable thead tr th {
	padding: 2px;
	background-color: #9C9577;
	color: #FFF;
	border: 1px solid;
	border-left-color: #EAE6D6; 
	border-top-color: #EAE6D6;
	border-right-color: #4E4A3B;
	border-bottom-color: #4E4A3B;
	cursor: default;
	position: relative;
	z-index: 200;
	border-spacing: 0 0;
}

.sand table.jsWTTable thead tr th span.mover {
	margin-top: -3px !important;
	margin-right: -4px !important;
	margin-bottom: -3px !important;
	margin-top: -1px;
	margin-right: -1px;
	height: 22px;
	z-index: 201;
	float: right;
}

.sand table.jsWTTable thead tr th.jsWTTableCheckboxCol {
	width: 15px;
}

.sand table.jsWTTable tbody tr td {
	padding: 2px;
	cursor: default;
	border-spacing: 0 0;
}

.sand table.jsWTTableLines tbody tr td {
	border-bottom: 1px solid #000;
}

.sand table.jsWTTableNoLines tbody tr td {
	border-bottom: none;
}

.sand table.jsWTTableActive tbody.jsWTTableFullSelection tr.selected td {
	background-color: #EAE6D6;
}

.sand table.jsWTTableInactive tbody.jsWTTableFullSelection tr.selected td {
	background-color: #CCC8BA;
}

.sand table.jsWTTableActive tbody tr td.selected {
	background-color: #EAE6D6;
}

.sand table.jsWTTableInactive tbody tr td.selected {
	background-color: #CCC8BA;
}


/*** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 
 * gara.jswt.Menu
 * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 */

.sand ul.jsWTMenu {
	margin: 0;
	padding: 0;
	background-image: none;
	background-color: #CCC8BA;
	border: 1px solid #000;
}

.sand ul.jsWTMenu li {
	margin: 3px;
	border: 1px solid #CCC8BA;
	padding-left: 2px;
	padding-right: 2px;
	background-image: none;
}

.sand ul.jsWTMenu li span {
	border: none;
	padding: 0;
	margin: 0;
}

.sand ul.jsWTMenu li img {
}

.sand ul.jsWTMenu li.active {
/*	border: 1px dotted #000;*/
}

.sand ul.jsWTMenu li:hover,
.sand ul.jsWTMenu li.hover {
/*	background-color: #FFF;*/
	background-color: #EAE6D6;
	border: 1px solid #000;
}

.sand ul.jsWTMenu li:hover span {
	/*background-color: #EAE6D6;*/
}

.sand ul.jsWTMenu li.checked {
	background-image: url('checked.png');
	background-position: 4px 8px;
	background-repeat: no-repeat;
	padding-left: 14px;
	width: 126px !important;
}


.sand ul.jsWTMenuBar {
	margin: 0;
	padding: 0;
	background-image: none;
	background-color: #CCC8BA;
	border: none;
	height: 29px;
}

.sand ul.jsWTMenuBar li {
	float: left;
	position: relative;
}

.sand ul.jsWTMenuPopUp,
.sand ul.jsWTMenuDropDown {
	margin: 0;
	padding: 0;
	background-image: none;
	background-color: #CCC8BA;
	border: 1px solid #000;
}

.sand ul.jsWTMenuPopUp li,
.sand ul.jsWTMenuDropDown li {
	margin: 3px;
	border: 1px solid #CCC8BA;
	padding-left: 2px;
	padding-right: 2px;
	background-image: none;
	float: none;
}

.sand ul.jsWTMenuPopUp li.disabled,
.sand ul.jsWTMenuDropDown li.disabled {
	color: #777;
}

.sand ul.jsWTMenuPopUp li span,
.sand ul.jsWTMenuDropDown li span {
	border: none;
	padding: 0;
	margin: 0;
}

.sand ul.jsWTMenuPopUp li img,
.sand ul.jsWTMenuDropDown li img {
}

.sand ul.jsWTMenuPopUp li.active,
.sand ul.jsWTMenuDropDown li.active {
/*	border: 1px dotted #000;*/
}

.sand ul.jsWTMenuPopUp li:hover,
.sand ul.jsWTMenuDropDown li:hover {
/*	background-color: #FFF;*/
	background-color: #EAE6D6;
	border: 1px solid #000;
}

.sand ul.jsWTMenuPopUp li:hover span,
.sand ul.jsWTMenuDropDown li:hover span {
	/*background-color: #EAE6D6;*/
}

.sand ul.jsWTMenuPopUp li.disabled:hover,
.sand ul.jsWTMenuDropDown li.disabled:hover {
	color: #777;
	background-color: #CCC8BA;
	border: 1px solid #CCC8BA;
}

.sand ul.jsWTMenuBar ul.jsWTMenuDropDown {
	margin-left: -1px !important;
	margin-top: 0 !important;
	margin-top: 18px;
	white-space: nowrap;
	left: 0;
}

/* IE7 hack*/
.sand ul.jsWTMenuBar ul.jsWTMenuDropDown {
	*margin-top: 18px !important;
}

.sand ul.jsWTMenuBar ul.jsWTMenuDropDown ul {
	*margin-top: 0 !important;
}

.sand ul.jsWTMenuDropDown {
	width: 150px;
}

.sand ul.jsWTMenuPopUp li,
.sand ul.jsWTMenuDropDown li {
	width: 138px !important;
	width: 144px;
}

/* the chain jsWTMenuBar jsWTMenuDropDown is because IE6 needs some readjusment */
.sand ul.jsWTMenuBar ul.jsWTMenuDropDown  li ul,
.sand ul.jsWTMenuPopUp li ul,
.sand ul.jsWTMenuDropDown li ul {
	top: -2px;
	left: 145px;
	margin-top: 0;
	margin-left: -3px !important;
}

.sand ul.jsWTMenuPopUp li.jsWTMenuItemCascade,
.sand ul.jsWTMenuDropDown li.jsWTMenuItemCascade {
	background-image: url('arrow.gif');
	background-position: 135px 8px;
	background-repeat: no-repeat;	
}

.sand ul.jsWTMenuPopUp li.jsWTMenuItemSeparator,
.sand ul.jsWTMenuPopUp li.jsWTMenuItemSeparator:hover,
.sand ul.jsWTMenuDropDown li.jsWTMenuItemSeparator,
.sand ul.jsWTMenuDropDown li.jsWTMenuItemSeparator:hover {
	border: 1px solid #CCC8BA;
	background-color: #CCC8BA;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.sand ul.jsWTMenuBar li.jsWTMenuItemSeparator,
.sand ul.jsWTMenuBar li.jsWTMenuItemSeparator:hover {
	border: none;
	border-left: 1px solid #777;
	background-color: #CCC8BA;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	height: 23px;
}


/*** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 
 * gara.jswt.Dialog
 * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 */

.sand div.jsWTDialog {
	
}

.sand div.jsWTDialogBar {
	/*background: url('left.gif') no-repeat;*/
	line-height: 16px;
	cursor: default;
}

/* This div is only because of IE6 grrrrr */
.sand div.jsWTDialogBarLeft {
	background: url('left_both.gif') no-repeat;
	width: 9px;
	height: 26px;
	float: left;
}

.sand div.jsWTDialogBarText {
	background: url('bar.gif') repeat-x;
	padding: 5px 5px 5px 0;
	height: 16px;
}

.sand div.jsWTDialogBarButtons {
	background: url('right_both.gif') no-repeat right top;
	padding: 5px;
	height: 16px;
}

.sand span.jsWTDialogCancelButton {
	background: url('close.gif') no-repeat;
	width: 14px;
	height: 14px;
	display: block;
	margin: 1px 2px 0 0;
}

.sand span.jsWTDialogCancelButton:hover {
	background: url('close_hover.gif');
}

.sand div.jsWTDialogContent {
	border: 1px solid #B7AE88;
}


/*** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 
 * gara.jswt.MessageBox
 * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 */

.sand div.jsWTMessageBox,
.sand div.jsWTInputDialog {
	width: 350px;
}

.sand div.jsWTMessageBox .jsWTDialogBarText,
.sand div.jsWTInputDialog .jsWTDialogBarText {
	width: 310px;
}

.sand div.jsWTMessageBox .jsWTDialogContent,
.sand div.jsWTInputDialog .jsWTDialogContent {
	background-color: #F7F7FA;
	padding: 10px;
}

.sand div.jsWTMessageBox .jsWTMessageBoxContentText{
	padding: 5px 0;
	padding-left: 31px;
}

.sand div.jsWTMessageBox .jsWTIconError,
.sand div.jsWTMessageBox .jsWTIconInformation,
.sand div.jsWTMessageBox .jsWTIconQuestion,
.sand div.jsWTMessageBox .jsWTIconWarning,
.sand div.jsWTMessageBox .jsWTIconWorking {
	background-position: 5px 5px;
	background-repeat: no-repeat;
}

.sand div.jsWTMessageBox .jsWTIconError {
	background-image: url('icon_error.png');
}
.sand div.jsWTMessageBox .jsWTIconInformation {
	background-image: url('icon_information.png');
} 
.sand div.jsWTMessageBox .jsWTIconQuestion {
	background-image: url('icon_question.png');
}
.sand div.jsWTMessageBox .jsWTIconWarning {
	background-image: url('icon_warning.png');
}
.sand div.jsWTMessageBox .jsWTIconWorking {
	background-image: url('icon_working.gif');
}

.sand div.jsWTInputDialog .jsWTInputDialogContentText {
	padding: 5px 0;
}

.sand div.jsWTInputDialog .jsWTInputDialogContentText input {
	display: block;
	margin: 10px 0 5px 0;
}