Div.Designer
{		
	position:absolute;
	display:block;
	width:100%;
	border:#cccccc 1px solid;
	background-image: url(images/Backgrounds/designer_back.png);	
	overflow:auto;
}

.toolbox
{		
	margin:0;
	padding:0;	
	overflow:hidden;	
}

.toolbox div
{
	padding: 5px 5px 5px 10px;
	width:99%;
	display:block;
	text-align:center;	
}

.toolbox .header
{
	color:[@Color.WHITE];
	font-weight:bold;
	font-size:11pt;	
	padding:5px 5px 5px 5px;
	text-align:center;
	background-image: url(images/Backgrounds/designercnt_back.png);	
}
.toolbox #tbox, .toolbox #editortbox, .toolbox #controltbox, .toolbox #HtmlEditorMenu_editortbox, .toolbox #FormatMessageBox_editortbox
{
	overflow-y:auto;
	overflow-x:hidden;
	background-color: [@Color.WHITE];
	border: #cccccc 1px solid;
}
.toolbox .toolicon
{		
	font-size:11px;	
	display:inline;
	float:left;
	width:70px;	
	height:75px;			
	margin-bottom: 1px;
	padding:0;		
	margin-left:1px;
}
.toolbox .toolicon div.dis
{
	color:#999;
}
.toolbox .toolicon div , #toolShadow div 
{	
	color: [@Color.BLACK1];
	vertical-align:middle;
	display:block;
	padding: 5px 5px 5px 5px;	
	text-align:center;	
	height:100%;
}
.toolbox .toolicon div.on
{	
	background-color: #E2ECF5;
	border: #6699CC 1px solid;		
	padding: 4px 4px 4px 4px;		
}

.contentBlock
{
	display:inline;               
	margin: 2px;
	width:100%;			
	height:13px;
	line-height: 13px;
	font-family: [@Global.FONTFAMILY];
	font-size:11px;         /* this (and also below) sets the menu's font size */	
	cursor:default;		
	background-color: #E4E4E4;
	overflow:hidden;	
	text-align:center;
	vertical-align:middle;
	color: #777777;
}

.inboundForm
{
	border-style: solid;
	border-width: 2px;
	padding: 2px 2px 2px 2px;
	border-color: #E08D3D;
	width: 100%;
	overflow: hidden;
}

.macMessage
{
	font-weight:bold;
}

.contentLibrary
{
	border-style: solid;
	border-width: 2px;
	padding: 2px 2px 2px 2px;
	border-color: #E08D3D;
	width: 100%;
	overflow: hidden;
}

.tableColorPicker
{	
	BORDER-RIGHT: transparent 1px solid;	
	BACKGROUND-POSITION: left top;	
	BORDER-TOP: transparent 1px solid;	
	BACKGROUND-IMAGE: url(images/HTMLEditor/BackColor.png);	
	BORDER-LEFT: transparent 1px solid;	
	WIDTH: 22px;	
	BORDER-BOTTOM: transparent 1px solid;	
	HEIGHT: 22px;
}

.tableRequiredFields
{
	PADDING-RIGHT: 10px;
	DISPLAY: inline;
	FONT-WEIGHT: bold;
	BACKGROUND: url(images/Icons/required.gif) no-repeat 99% 35%;
}
.dialogLabel
{
	border-top-color: #cccccc;
	border-top-style: dotted;
	border-top-width: 1px;
	margin-top: 1px;
	margin-right: 4px;
}
.testStyle
{
	background-image: url(images/Backgrounds/portal_content_header.png);
	color: #E08D3D;
}

.ibfButtonTableCell
{
	padding-left:6px;
	padding-right:6px;
	padding-top:1px;
	padding-bottom:1px;
}

.ibfButtonInnerTable
{
	BORDER-RIGHT: #888888 3px double;	
	PADDING-RIGHT: 5px;	
	BORDER-TOP: #aaaaaa 3px double;	
	PADDING-LEFT: 5px;	
	FONT: bold 11px arial;	
	BORDER-LEFT: #aaaaaa 3px double;
	COLOR: #324153;	
	BORDER-BOTTOM: #888888 3px double;	
	BACKGROUND-COLOR: [@Color.WHITE];
	CURSOR: hand;
	TEXT-DECORATION: none;
	WIDTH: 100%;
}

.ibfButtonInnerTable:hover
{
	background-color: #dddddd;
	color:[@Color.BLACK1];
}

.ibfMenuButton
{
	border:solid 1px #333333;
	padding-left:1px;
	padding-right:1px;
	margin-left:2px;
	margin-right:2px;
	cursor:pointer;
}

.designertoolbar
{	
	display:block;               
	margin:0;
	border:0;	
	width:100%;			
	height:25px;
	font-family: [@Global.FONTFAMILY];
	font-size:11px;         /* this (and also below) sets the menu's font size */	
	font-weight:normal;	
	cursor:default;		
	background-image: url(images/Backgrounds/designercnt_back.png);	
	overflow:hidden;	
}

.designertoolbar .err
{
	float:left;
	background-image: url(images/error3.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 20px;	
	margin-left:5px;
	width:50px;
	white-space: nowrap;
}

.designertoolbar .status
{
	float:left;	
	margin-left:5px;
	margin-top:5px;
	background-image: url(images/running_status_l.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:155px;
	color:[@Color.WHITE];
}

.designertoolbar a
{		
	margin:0;
	float:right;	
	color: [@Color.WHITE]; /* sets the default font colour to white */	
	padding:5px 10px 5px 5px;	
	background-repeat: no-repeat;
	background-position:center left;		
	text-decoration:none;
}
.designertoolbar a:hover
{
	color: [@Color.BLUE3];
	/*background-color:Transparent;*/
	margin:1px 1px -1px -1px;
}

.designertoolbar a.break
{	
	margin-right: 6px;	
	margin-top:5px;
	height:15px;
	padding: 0;
	border-right: thin groove;	
}

.designertoolbar a.dis, .designertoolbar a.dis:hover
{
	color:#999999;
	background-color:Transparent;
	cursor:default;	
	margin:0;
}

div.node, div.node_s
{
	overflow:hidden;
	font-weight:normal;
	white-space:nowrap;
}
div.node_s
{
	font-size: 9px;	
}

div.node
{
	font-size: 10px;
}

div.node_expand, div.node_expand_s
{
	overflow:hidden;
	font-weight:normal;
	font-family:[@Global.FONTFAMILY];
}
div.node_expand_s
{
	font-size: 9px;	
}

div.node_expand
{
	font-size: 10px;
}

div.note, div.note_s
{
	z-index:-1;
	overflow:hidden;
	font-weight:normal;
}

div.note_s
{
	font-size: 9px;	
}

div.note
{
	font-size: 10px;
}

.Designer div.count, .Designer div.counti, .Designer div.err
{
	width:50%;
	float:right;	
	text-align:right;
	padding-right: 5px;		
}
.Designer div.count, .Designer div.err
{
	font-weight:bold;
}
.Designer div.counti, .Designer div.err
{
	font-style: italic;
}

.Designer div.detail, .Designer div.moredetail
{
	width:100%;
	display:block;
	margin-top:14px;
	padding-left:2px;
	padding-right:2px;	
}

.Designer div.title
{
	top:0;
	left:0;	
	position:absolute;
	height:24px;
	font-weight:bold;
	color: white;
	cursor: move;
}
.Designer div.detail
{
	overflow:hidden;
	text-overflow:ellipsis;
}

.Designer div.moredetail
{	
	border-top:1px solid #ccc;
	padding-top:5px;
}

.Designer div.moredetail li.break
{
	 list-style-type:none;
}

.Designer div.expand, .Designer div.collapse
{	
	position:absolute;	
	width:16px;
	height:16px;
	bottom:4px;
	left:70%;	
	background-image: url(images/step_dropdown.gif);
}
.Designer div.collapse
{
	background-image: url(images/step_dropup.gif);	
}

.Designer div.cm
{
	position:absolute;	
	bottom:0px;
	right:0px;	
	text-decoration:none;
	list-style-type:none;
	height:13px;
	width: 14px;
	border:0;
	background-color:Transparent;		
}
.Designer .title div.cm
{
	top:5px;
	right:5px;
}
.Designer div.note
{
	display:block;
	margin:5px 5px 5px 5px;
	width:100%;
	overflow:hidden;
	white-space:normal;
}
.Designer .cm a
{	
	display:block;
	background-image: url(images/grid/context_menu.png);
	background-repeat:no-repeat;
	background-position: left top;			
	cursor:default;	
	height:13px;
	width: 14px;
}

.contextmenu a
{	
	width:100%;
	height:100%;
}

.pathanchor
{
	background-image: url(images/ff_radio_s.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-color:Transparent;
	width:10px;
	height:10px;	
}
#pathLinkerR
{
	background-image:  url(images/arrow_right_green.png);
	background-repeat:no-repeat;
	background-position:center;
	width:16px;
	height:17px;	
}
#pathLinkerL
{
	background-image:  url(images/arrow_left_green_s.png);
	background-repeat:no-repeat;
	background-position:center;
	width:16px;
	height:17px;
}
.Designer div.Highlight
{
	border: dotted 1px red;
	padding:1px;
}

.HeadTAHidden
{
	display: "none";
}

.Designer div.buttons 
{	
	border-bottom:#CCCCCC 1px solid;
	border-top:#D1404B 3px solid;
	border-left:#D1404B 3px solid;
	border-right:#D1404B 3px solid;
	PADDING-RIGHT: 0px;	
	PADDING-LEFT: 0px;	
	FLOAT: right;	
	MARGIN-BOTTOM: 0px;	
	PADDING-BOTTOM: 0px;	
	CURSOR: hand;	
	MARGIN-RIGHT: 0px;
	PADDING-TOP: 5px;
	background-color: #CCCCCC;
}

.buttonSpan
{
	position:relative;
}

.simpleButtonSpan
{
	border: solid 1px black;
	text-align: center;
	color: [@Color.BLACK1];
	background-color: [@Color.WHITE];
	font-weight: 100;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.hoverButtons
{
	width: 65px;
	height: 65px;
	position:relative;
	border:#CCCCCC 3px ridge;
	margin-left: 5px;
	margin-right:  5px;
	cursor: hand;
}
.hoverButtonsTable
{
	width:100%;
	height:100%;
	text-align:center;
	background-color:[@Color.WHITE];
}