/**********************************************************
 *	SIMPLE TAGS
 **/

td
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 12px;
}

/**********************************************************
 *	MAIN BODY
 **/

.mainbody
{
	margin-width: 0px;
	margin-height: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 12px;
	cursor: default;
	background-color: white;
	-moz-user-select:none;
}

.mainbody.sel {
	-moz-user-select:Text;
}

.actionForm
{
	display:none;
}

/**********************************************************
 *	DIALOG
 **/

.dialogbody
{
	margin: 5px;
	background-color: #D4D0C8;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 12px;
	cursor: default;
}

.listbody
{
	margin: 0px;
	background-color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 12px;
	cursor: default;
	-moz-user-select:none;
}

.listbody.sel {
	-moz-user-select:Text;
}

.dialog-button
{
	background-color: #D4D0C8;
	width: 80px;
}

.dialog-button.big
{
	background-color: #D4D0C8;
	width: 120px;
}

.dialog-input-disabled
{
	background-color: #D4D0C8;
}

/**********************************************************
 *	TREE
 **/

.treebody
{
	margin: 0px;
	background-color: #D4D0C8;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 12px;
	cursor: default;
	-moz-user-select:none;
	overflow:auto;
}
 
.caption
{
	margin-left:10px;
}

a.caption-holder:link {
	text-decoration:none;
}

a.caption-holder:visited {
	text-decoration:none;
}

a.caption-holder:active {
	text-decoration:none;
	outline: thick solid red;
}

a.caption-holder:focus {
	text-decoration:none;
	outline: thick solid red;
}

.caption-holder
{
	cursor:pointer;
	margin-left:5px;
	padding-top:1px;
	padding-bottom:3px;
	padding-left:2px;
	padding-right:3px;
	height:100%;
	color:black;
}

.caption-holder.selected
{
	background-color: #5555FF;	/* #DEDEFF  #3766D0*/
	color: #FFFFFF;
}

.caption-holder.dropover
{
	padding: 0px 2px 2px 1px;
	border:1px dashed #0000FF;
	background-color:#CCFFFF;
}

.input-caption
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 10px;
	margin-left: 5px;
}

.input-caption.list
{
	margin: 0px;
	width: 100%;
}

.have-errors
{
	position: absolute;
	left: 11;
	top: 11;
}

.drag-div
{
	position: absolute;
	-moz-opacity: 0.5;
}

/**********************************************************
 *	LIST
 **/

.list-holder
{
	overflow-y: auto;
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	border:1 solid;
	border-color:#555555 #BBBBBB #BBBBBB #555555;
}

.row-selected
{
	background-color: #5555FF;
	color: #FFFFFF;
}

.manually
{
	background-color: Red;
	color: Black;
	
}

.yellow
{
	background-color: Yellow;
	color: Black;
	text-align: center;
}

.red
{
	background-color: Red;
	color: White;
	text-align: center;
}

.grey
{
	background-color: Grey;
	color: Black;
	text-align: center;
}

.white
{
	background-color: White;
	color: Black;
	text-align: center;
}

.green
{
	background-color: Green;
	color: Black;
	text-align: center;
}

.events-row-selected
{
	background-color: #CCCCCC;
}

.list-header-cell
{
	border:			1px solid;
	border-color:	ButtonHighlight black
					black ButtonHighlight;
	background-color: #DDDDDD;
	height: 22px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}

.list-header-div
{
	width: 100%;
	position: relative;
	white-space: nowrap;
	text-align: center;
}

.list-row
{
	height: 20px;
	cursor: pointer;
}

.list-row td
{
	overflow:hidden;
	white-space: nowrap;
}

.list-row.thresholds td
{
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #000000;
}

.list-row.thresholds.row-selected td
{
	background-color: #5555FF;
	color: #FFFFFF;
}

.list-row.even
{
	background-color: #EEEEEE;
}

.list-row.outlined td
{
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #DDDDFF;
}

.list-row.hor-lines td
{
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #DDDDFF;
}

.list-row.vert-lines td
{
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #DDDDFF;
}

/**********************************************************
 *	TOOLBAR
 **/

.toolbar-separator
{
	overflow:			hidden;
	border-left:		1px solid #000000;
	border-right:		1px solid #CCCCCC;
	width:				2px;
}

.toolbar-button {
	cursor:		pointer;
	padding:	2px 2px 2px 2px;
	border:		1px solid gray;
	margin:		0;
	/* Michael Kalkusch: potential Firefox 3.x bug located by Jakob Niederbacher */
	/* fix: don't use "display at all!
	   display:	block; */

}

.toolbar-span-duration {
	/*cursor:		pointer;*/
	width:		116px;
	/* border:		1px solid gray;*/
	/*background-color:		#336699;*/
	color:		blue;
	margin:		0;
	/* Michael Kalkusch: potential Firefox 3.x bug located by Jakob Niederbacher
	   Quick-Fix: display:    block;  instead of display:	inline-block; */
	/* fix: don't use "display at all!
	   display:	block; */

}

.toolbar-span-custom {
	cursor:		pointer;
	width:		116px;
	/* border:		1px solid gray;*/
	/*background-color:		#336699;*/
	color:		red;
	margin:		0;
	/* Michael Kalkusch: potential Firefox 3.x bug located by Jakob Niederbacher
	   Quick-Fix: display:    block;  instead of display:	inline-block; */
	/* fix: don't use "display at all!
	   display:	block; */

}

.toolbar-durationList-button {
	cursor:		pointer;
	width:		118px;
	padding:	2px 2px 2px 2px;
	border:		1px solid gray;
	
	

}

.toolbar-button.pressed {
	border:			1px solid;
	border-color:	#000000 #CCCCCC
					#CCCCCC #000000;
}

.toolbar-button.toggled {
	border:			1px solid;
	background-color: #AAAAAA;
	border-color:	#000000 #CCCCCC
					#CCCCCC #000000;
}

.toolbar-button.hover {
	border:			1px solid;
	border-color:	#CCCCCC #000000
					#000000 #CCCCCC;
}

.dropdown-button {
	width:	22px;
	height: 22px;
	vertical-align: center;
	text-align: center;
}

.scaletext {
	width: 120px;
	background-color: white;
	color: gray;
}

/**********************************************************
 *	CALENDAR
 **/

.calendar
{
	position: absolute;
	display:none;
	width:171px;
}

.calendar.iframe
{
	top:0px;
	left:0px;
	z-index:149;
	overflow:hidden;
	border:0;
}

.calendar.div
{
	visibility:hidden;
	z-index:150;
}

/* week header */
.cwh
{
	width: 24px;
	text-align: center;
	font-weight: bold;
}
/* day cell */
.cd
{
	text-align:center;
	width:100%;
	margin-right:1px;
	margin-bottom:2px;
}
/* day cell for current month */
.cd.cm
{
	color: #555599;
}
/* day cell for not current month */
.cd.cc
{
	color: #AAAAFF;
}

.calendar-text-field
{
	width: 150px;
	cursor: default;
}

/**********************************************************
 *	TAB CONTROL
 **/

.tab
{
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color:	white black
					white white;
	white-space: nowrap;
	height: 100%; /* 90% for 'span' element*/
	margin-left: 1px;
	margin-top: 2px;
	text-align: center;
}

.tab.active
{
	border-width: 1px 1px 0px 1px;
	margin-left: 0px;
	margin-top: 0px;
	height: 100%;
	font-weight: bold;
}

.tab-filler
{
	border-style: solid;
	border-color:	white;
	border-width: 0px 0px 1px 0px;
	width: 100%;
	height: 100%;
}

/**********************************************************
 *	LOGIN PAGE
 **/

.loginbody {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 12px;
	cursor: default;
}

.login_tr1 td 
{
	background-color:	#003466;
}

.login_tr2 td 
{
	background-color:	#336699;
}

.login_tr3 td 
{
	background-color:	#6699cc;
}

/**********************************************************
 *	PROPERTIES DIALOG
 **/

.panel-table
{
	height: 100%;
	width: 100%;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color:	white black
					black white;
}

.panel-section
{
	border-style: solid;
	border-width: 0px;
	margin: 5px;
	width: 100%;
}

.panel-section select
{
	margin-top: 3px;
	margin-bottom: 3px;
	width: 70%;
}

/**********************************************************
 *	COMMON DIALOG
 **/

.cdTable
{
	border-style: solid;
	border-width: 0px;
/*	margin: 5px;*/
}

.cdTable td
{
	padding: 3px 0px 3px 0px;
	white-space: nowrap;
	vertical-align: middle;
}

.cdTable td.frame-holder
{
	 border-style: solid;
	 border-width: 1px;
	 border-color: black white white black;
	 background-color: white;
	 padding: 0px;
}

.columnCellLeft
{
	border-style:solid;
	border-color:#000000;
	border-width:0px 1px 0px 0px;
	padding-right:10px;
	vertical-align:top;
}

.columnCellRight
{
	border-style:solid;
	border-color:#FFFFFF;
	border-width:0px 0px 0px 1px;
	padding-left:10px;
	vertical-align:top;
}

.colorCell
{
	width:20px;
	height:11px;
	border-style:solid;
	border-color:black;
	border-width:1px;
}

.lineCell
{
	width:50px;
	height:17px;
	align:center;
	valign:center;
	/*background-color:#FFFFFF;*/
	border-style:solid;
	border-color:black;
	border-width:1px;
}

/**********************************************************
 *	SCHEDULE CONTROL
 **/

.schedule-button
{
	width: 20px;
	height: 16px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF #000000 #000000 #FFFFFF;
}

.schedule-button.pressed
{
	border-color: #000000 #FFFFFF #FFFFFF #000000;
}

/**********************************************************
 *	LOGVIEWER
 **/
 
.logtab 
{
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color:	white black
					white white;
	white-space: nowrap;
	margin-left: 1px;
	margin-top: 2px;
	text-align: center;

	cursor:pointer;
	display:none;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	
	width:150px;
	float:left;
}

.logtab.active 
{
	font-weight: bold; 
}

/**********************************************************
 *	COLOR PICKER
 **/

#dhtmlgoodies_colorPicker {
	position: absolute;
	width: 335px;
	padding-bottom: 1px;
	background-color: #FFFFFF;
	border: 1px solid #317082;
}

#dhtmlgoodies_colorPicker .colorPicker_topRow {
	padding-bottom: 1px;
	border-bottom: 3px double #317082;
	background-color: #E2EBED;
	padding-left: 2px;
}

#dhtmlgoodies_colorPicker .colorPicker_statusBar {
	height:13px;
	padding-bottom:2px;
	width:330px;
	border-top:3px double #317082;	
	background-color:#E2EBED;
	padding-left:2px;
	clear:both;
	
	width: 332px;	/* IE 5.x */
	width/* */:/**/330px;	/* Other browsers */
	width: /**/330px;	
	
	height: 18px;	/* IE 5.x */
	height/* */:/**/13px;	/* Other browsers */
	height: /**/13px;	
}

#dhtmlgoodies_colorPicker .colorSquare {
	margin-left:1px;
	margin-bottom:1px;
	float:left;
	border:1px solid #000;
	cursor:pointer;
	
	width: 12px;	/* IE 5.x */
	width/* */:/**/10px;	/* Other browsers */
	width: /**/10px;	
	
	height: 12px;	/* IE 5.x */
	height/* */:/**/10px;	/* Other browsers */
	height: /**/10px;	
			
}

.colorPickerTab_inactive, .colorPickerTab_active {
	height:20px;
	padding-left:4px;
	cursor:pointer;
}

.colorPickerTab_inactive span, .colorPickerTab_active span {
	line-height:16px;
	font-weight:bold;
	font-family:arial;
	font-size:11px;
	padding-top:1px;
	vertical-align:middle;
	background-position:top left;
	background-repeat: no-repeat;	
	float:left;
	padding-left:6px;
	-moz-user-select:no;
}

.colorPickerTab_inactive img,.colorPickerTab_active img {
	float:left;
}

.colorPickerCloseButton {
	width:11px;
	height:11px;
	text-align:center;
	line-height:10px;
	border:1px solid #317082;
	position:absolute;
	right:1px;
	font-size:12px;
	font-weight:bold;
	top:1px;
	padding:1px;
	cursor:pointer;	
	
	width: 15px;	/* IE 5.x */
	width/* */:/**/11px;	/* Other browsers */
	width: /**/11px;
	
	height: 15px;	/* IE 5.x */
	height/* */:/**/11px;	/* Other browsers */
	height: /**/11px;
}

#colorPicker_statusBarTxt {
	font-size:11px;
	font-family:arial;
	vertical-align:top;
	line-height:13px;

}

.form_widget_amount_slider {
	border-top:1px solid #9d9c99;
	border-left:1px solid #9d9c99;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	background-color:#f0ede0;
	position:absolute;
	bottom:0px;
	
	width: 5px;	/* IE 5.x */
	width/* */:/**/3px;	/* Other browsers */
	width: /**/3px;
	
	height: 5px;	/* IE 5.x */
	height/* */:/**/3px;	/* Other browsers */
	height: /**/3px;
			
}

.colorSliderLabel {
	width:15px;
	height:20px;
	float:left;
	font-size:11px;
	font-weight:bold;
}

.colorSlider {
	width:257px;
	height:20px;
	float:left;
}

.colorInput {
	width:45px;
	height:20px;
	float:left;
}

.colorPreviewDiv {
	width:266px;
	margin-right:2px;
	margin-top:1px;
	border:1px solid #CCC;
	height:20px;
	float:left;
	cursor:pointer;
	
	width: 268px;	/* IE 5.x */
	width/* */:/**/266px;	/* Other browsers */
	width: /**/266px;
	
	height: 22px;	/* IE 5.x */
	height/* */:/**/20px;	/* Other browsers */
	height: /**/20px;
}

.colorCodeDiv {
	width:50px;
	height:20px;
	float:left;
}