/* IBM Confidential                 */
/* PID 5900-AN1                     */
/* © Copyright IBM Corp. 2012, 2025 */

/* The outtermost box itself */
.Box {
	font-family:Verdana,Arial,Sans-Serif;
	font-size:11px;
	border:1px solid #383937;
	border-width:0px;
	/*-moz-border-radius:2px;*/
	position:absolute;
	top:10px;
	left:10px;
	z-index:1;
	/*padding:1px;*/
	/*background-color:#666666;*/
}
/* The simple coloring class for the shadow divs */
.BoxShadow { 
	position:absolute;
	background-color:#383937; 
}

/* The body of the box (where content goes) */
.Box .Body {
	background-color:white;
	border:1px solid white;
	padding:0px;
	-moz-user-select:text;
	overflow:auto;
}
.Box .BodyOverflow {
	overflow:scroll;
	overflow-x:show;
	overflow-y:show;
}

/* The title area of the box */
.Box .Toolbar {
	border-bottom:1px solid #383937;
	background-color:#2D3E54;
	height:16px;
	background-image:url(../../doms/images/boxtitlebg.gif);
	background-repeat:repeat-x;
	background-position:center center;
	clear:both;
	padding:2px 0px;
	cursor:move;
}

/* The title text with its shadow */
.Box .Toolbar span {
	float:left;
	clear:none;
	text-indent:0px;
	font-weight:bold;
	font-size:12px;
	position:absolute;
	left:8px;
	color:white;
	color:#2D3E54;
	height: 16px;
	overflow: hidden;
	max-width: 98%;
}
.Box .Toolbar a.link, .Box .Toolbar span.link {
	position:absolute;
	left:8px;
	color:white;
}
.Box .Toolbar span.text {	
	position:absolute;
	left:8px;
	color:white;
}
.Box .Toolbar input.titleInput {
	position:absolute;
	left:8px;
	width:180px;
	padding:2px;
	font-size:10px;
}

/* The safety div */
/* WE CAN DIV IF WE WANT TO, WE CAN LEAVE OUR SPANS BEHIND */
.SafetyDiv {
	/* We can div if we want to, we can leave our spans behind */
	position:absolute;
	left:0px;
	top:0px;
	z-index:9999;
	cursor:move;
	/*background-color:orange;*/
	opacity:0.0;
}

.Box .Toolbar .ToolbarButtonContainer {
	float: right;
	clear: none;
	background: #2D3E54 url('../../doms/images/boxtitlebg.gif') repeat-x center -2px;
	display: inline-block;
	visibility: hidden;
	width: 80px;
	height: 100%;
	border: 0;
	position: relative;
	white-space: nowrap;
	z-index: 1;
}

.Box.Break .Toolbar .ToolbarButtonContainer, .Box.SectionDivider .Toolbar .ToolbarButtonContainer {
	background-color: #3C6293;
	background-image: url('../../doms/images/boxtitlebg_dark.png');
}

/* The toolbar icons */
.Box .Toolbar .ToolbarButton {
	float: right;
	clear:none;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:16px;
	height:16px;
	margin:0px 2px;
	cursor:pointer;
	display: inline-block;
}

.Box .BoxTitleDiv {
	white-space: nowrap;
	float: left;
	overflow: hidden;
}

.Box .BoxTitleEllipsis {
	float: left;
	width: 10px;
}

/*
.Box .Toolbar .heightToggle {
	float:right;
	clear:none;
	background:transparent 
	width:16px;
	height:16px;
	margin:0px 2px;
	cursor:pointer;
	display:none;
}
*/

/** 
 * 	When going into settings mode, 
 * 	the following blocks will help hide 
 * 	the rest of the interface
 **/
/*
.GreyContainer {
	cursor:default;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	display:none;
	z-index:1100;
}
.GreyImage {
	height:100%;
	width:100%;
	background-color:black;
	opacity:0.5;
	z-index:1101;
}
*/