@charset "UTF-8";
/* CSS Document */




/* Dialog PANEL */



#DialogBG
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:#000;
	opacity: 0.6;
	filter: alpha(opacity=6);
}

#Dialog
{
	position: absolute;
	font-size: 0.8em;
	border: solid 1px #141414;
	font-family: Arial, Helvetica, sans-serif;
	-moz-box-sizing: border-box;
}

#Dialog .container
{
	color: #FFFFFF;
	border: solid 1px #595959;
	background-color: #474747;
	overflow: visible;	
	-moz-box-sizing: border-box;
	padding: 5px;
}


#Dialog .header
{
	font-weight: bold;
	font-size:1.1em;
	margin-bottom: 5px;
}

#Dialog .content
{
	padding: 5px;
}

#Dialog .content input
{
	background-color: #333;
	color: #FFFFFF;
	border: 1px solid #595959;
}

#Dialog .footer
{
	text-align: right;
	padding-top: 5px;
}

#Dialog .footer input
{
	border: solid 1px #595959;
	background-color: #333333;
	margin-left: 5px;
	color:#FFFFFF;
}





#ColBrowser
{
	overflow: hidden;
	-moz-box-sizing: border-box;
	position: relative;
	z-index: 50;
	font-size: 0.8em;
	background-color: #474747;
	width: 100%;
	height: 150px;
	-moz-box-sizing: border-box;
	border-bottom: solid 1px #141414;
	font-family:Arial, Helvetica, sans-serif;
}

#ColBrowser .toolbar
{
	width: 30px;
	height: 100%;
	float: left;
	-moz-box-sizing: border-box;
	border-right: solid 1px #141414;
	border-left: solid 1px #141414;
}

#ColBrowser .toolbarcontent
{
	-moz-box-sizing: border-box;
	width: 100%;
	height: 100%;
	background-color: #474747;
	border:solid 1px #595959;
	text-align: center;
}

#ColBrowser .toolbarcontent a
{
	display: block;
	margin: 3px;
}

#ColBrowser .toolbarcontent a:hover
{
	background-color: #555555;
}

#ColBrowser .content
{
	overflow: auto;
	overflow-x: auto;
	overflow-y: hidden;
	float: left;
	border:solid 1px #595959;
	-moz-box-sizing: border-box;
}

#ColBrowser ul
{
	height: 100%;
	width: auto;
	margin: 0;
	padding: 5px;
	-moz-box-sizing: border-box;
	list-style:none;
}


#ColBrowser li.Col
{
	width: 200px;
	height: 100%;
	border: solid 1px #141414;
	margin-right: 5px;
	-moz-box-sizing: border-box;
	float: left;
}

#ColBrowser .Hdr
{
	font-size: 1em;
	background-color: #474747;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px;
	border: solid 1px #595959;
	-moz-box-sizing: border-box;
}

#ColBrowser div.Cont
{
	width: auto;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;	
	margin: 0;
	padding: 0;	
	border: solid 1px #595959;
	border-top: solid 1px #141414;
	color: #FFFFFF;
	background-color:#333333;
	-moz-box-sizing: border-box;
}

#ColBrowser div.Cont a.classli
{
	display:block;
	padding-left: 8px;	
	padding: 5px;	
	border-bottom: solid 1px #444444;
}

#ColBrowser div.Cont a.classli div
{

}

#ColBrowser div.Cont a.classli:hover
{
	background-color:#FF9900;
}



#ColBrowser div.Cont a.classli img
{
	padding-right: 5px;
	vertical-align: middle;
}

#ColBrowser div.Cont a.predli
{
	margin-left: 28px;	
	padding: 5px;
	display:block;
	border-bottom: solid 1px #444444;
	font-size: 0.9em;
	color:#efefef;
	-moz-box-sizing: border-box;
}

#ColBrowser div.Cont a.predli:hover
{
	background-color:#FF9900;
}

a.dragli
{
	font-size: 0.8em;
	color: #FFFFFF;
	display:block;
	padding-left: 8px;	
	padding: 5px;	
	border-bottom: solid 1px #444444;
	background-color:#FF9900;
}

a.dragli img
{
	padding-right: 5px;
	vertical-align: middle;
}

#ColBrowser div.error
{
	color:#990000;
	padding: 5px;
	padding-top:0px;
}

#ColBrowser div.empty
{	
	color:#999999;
	height: 1.5em;
	line-height: 1.5em;
	padding: 3px;	
}


#ColBrowser div.Cont a.selected
{
	background-color:#9c0;
}
#ColBrowser div.Cont a.selected:hover
{
	background-color:#9c0;
}









/* PROPERTIES PANEL */


#PropertiesPanel
{
	height: 100%;
	width: 200px;
	top: 0px;
	right: 0px;
	position: absolute;
	font-size: 0.8em;
	background-color: #141414;
	border-left: solid 1px #141414;
	border-right: solid 1px #141414;
	font-family: Arial, Helvetica, sans-serif;
	-moz-box-sizing: border-box;
}

#PropertiesPanel .bg
{
	width: 100%;
	height: 100%;
	background-color: #141414;
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
} 

#PropertiesPanel .content
{
	width: 100%;
	height: 100%;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	-moz-box-sizing: border-box;
} 

#PropertiesPanel .header
{
	font-size: 1.1em;
	color: #FFFFFF;
	padding: 8px; 
	border: solid 1px #595959;
	background-color: #474747;
}

#PropertiesPanel .separator
{
	height: 1px;
	width: 100%;
	background-color: #141414;
}

#PropertiesPanel .form
{
	color: #FFFFFF;
	font-size: 0.8em;
	border: solid 1px #595959;
	background-color: #474747;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;	
	padding: 5px;
	-moz-box-sizing: border-box;
}

#PropertiesPanel label
{
	display: block;
	margin-top: 5px;
}

#PropertiesPanel input, select
{
	width: 100%;
	margin: 0;
	margin-top: 5px;
	padding: 3px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#333333;
	border: solid 1px #595959;
	-moz-box-sizing: border-box;
}


#PropertiesPanel .header a
{
	display: block; 
	float: right;
}

#PropertiesPanel .header a:hover
{
	background-color:#333333;
}




/* TOOLBAR PANEL */


#ToolbarPanel
{
	height: 100%;
	width: 30px;
	top: 0px;
	left: 0px;
	position: absolute;
	font-size: 0.8em;
	background-color: #141414;
	border-right: solid 1px #141414;
	border-left: solid 1px #141414;
	font-family: Arial, Helvetica, sans-serif;
	-moz-box-sizing: border-box;
}

#ToolbarPanel .bg
{
	width: 100%;
	height: 100%;
	background-color: #141414;
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	-moz-box-sizing: border-box;
} 

#ToolbarPanel .content
{
	color: #FFFFFF;
	border: solid 1px #595959;
	background-color: #474747;	
	width: 100%;
	height: 100%;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;	
	-moz-box-sizing: border-box;
}

#ToolbarPanel .content div.btn
{
	float: left;
	clear: both;
	margin:1px;
}


#ToolbarPanel .content a
{
	display: block;
	float: left;
	padding: 2px;
}

#ToolbarPanel .content a:hover
{
	background-color: #555555;
}


#ToolbarPanel .content .selected
{
	background-color:#333;
}

#ToolbarPanel .content a.selected:hover
{
	background-color: #333;
}

#ToolbarPanel .content a.options:hover
{
	background-color: #555;
}


#ToolbarPanel .separator
{
	height: 1px;
	background-color:#595959;
	width: 100%;
	border-left: 2px solid #474747;
	border-right: 2px solid #474747;
	-moz-box-sizing: border-box;
	float: left;
	clear: both;	
}

#ToolbarAddOptions
{
	position: absolute;
	padding: 3px;
}

#ToolbarAddOptions .bg
{
	width: 100%;
	height: 100%;
	background-color: #141414;
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	-moz-box-sizing: border-box;
	opacity: 0.75;
	filter: alpha(opacity=75);
}

#ToolbarAddOptions .content
{
	color: #FFFFFF;
	border: solid 1px #595959;
	background-color: #474747;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;	
	-moz-box-sizing: border-box;
}

#ToolbarAddOptions .content div.btn
{
	float: left;
	margin:1px;
}


#ToolbarAddOptions .content a
{
	display: block;
	float: left;
	padding: 2px;
	padding-left: 5px;
	padding-right:5px;
}

#ToolbarAddOptions .content a:hover
{
	background-color: #555555;
}



/* QueryViewer Styles */

#QueryViewer
{
	width: 100%;
	height: 100%;
	font-size: 0.8em;
	margin-top: 1px;
	background-color:#333333;
	border: solid 1px #141414;
	height: 175px;
	
}

#QueryViewer .content
{
	color: #FFFFFF;
	padding: 8px; 
	border: solid 1px #595959;
	background-color: #474747;	
	width: 100%;
	height: 100%;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	-moz-box-sizing: border-box;
}

#QueryViewer .inputholder
{
	width: 100%;
	height: 100%;
	border: solid 1px #595959;
	-moz-box-sizing: border-box;
}

#QueryViewer .textinput
{
	width: 100%;
	height: 100%;
	margin: 0;
	-moz-box-sizing: border-box;
	padding: 3px;
	font-size: 1em;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#333333;
	border: 0;
	-moz-box-sizing: border-box;
}

#QueryViewer .results
{
	width: 100%;
	height: 100%;
	margin: 0;
	-moz-box-sizing: border-box;
	padding: 3px;
	font-size: 1em;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#333333;
	border: 0;
	-moz-box-sizing: border-box;
}

#QueryViewer .toolbar
{
	width: 100%;
	height:25px;
}







/* THE MAIN DISPLAY CANVAS STYLES */


#CanvasSurface
{
	-moz-box-sizing: border-box;
	position: relative;
	z-index: 0;
	overflow: hidden;
	background-color:#333333;
}


#NightliteDisplaySfc
{
	width: 100%;
	height: 100%;
}

#NightliteDisplaySfc .movemode
{
	cursor: move;
}

#NightliteDisplaySfc .zoommode
{
	cursor:default;
}

#NightliteDisplaySfc .selectmode
{
	cursor:crosshair;
}

#NightliteDisplaySfc.drop
{
	background-color:#343434;
}


#NightliteDisplayCanvas
{
	position: absolute;
	top: 0;
	left: 0;	
}

#NightliteDisplayContainer
{
	width: 100%;
	height: 100%;	
	position: absolute;
	top: 0;
	left: 0;	
}



/* The Graphical Node Styles */


#SelectionNode
{
	border: solid 1px #004080;
	position: absolute;
}

#SelectionNode .bg
{
	width: 100%;
	height: 100%;
	background-color: #004080;
	opacity: .2;
	filter: alpha(opacity=20);
	background-image:url(../pics/generic/selection_bg.gif);
}










/* GROUP STYLES */

.GroupNormalNode
{
	-moz-box-sizing: border-box;
	border: dashed 2px #669900;
	position: absolute;
	cursor: move;
}

.GroupNormalNode .bg
{
	width: 100%;
	height: 100%;
	background-color: #669900;
	z-index: -100;
	opacity: .6;
	filter: alpha(opacity=60);	
}

.GroupNormalNode .GroupCanvas
{
	position: absolute;
	top: 0;
	left: 0;
}

.GroupNormalNode .GroupContainer
{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;	
}

.GroupNormalNode .BottomRightHandle
{
	position: absolute;
	height: 10px;
	width: 10px;
	bottom: 0;
	right: 0;
	cursor: se-resize;
	background-image:url(../pics/groups/optional/resize_handle.png);
	background-repeat: no-repeat;
	background-position: right bottom;	
}




/*for the node high values*/
.GroupNormalNodeHigh
{
	border: solid 2px #ff9900;
}


.GroupNormalNode .orderIndicator
{
	top: -10px;
	left: -10px;
	width: 20px;
	height: 20px;
	font-size: 8px;
	position: absolute;
	overflow: visible;
	line-height: 20px;
	text-align: center;
	color:#ffffff;
	background-image:url(../pics/nodes/order_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 10;
}



.GroupNormalNode .grouplinkhandle
{
	position: absolute;
	background-image:url(../pics/nodes/link_handle.png);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 10;
	width: 20px;
	height: 20px;
	top: 50%;
	right: -10px;
	margin-top: -10px;	
}









/* GROUP STYLES */

.GroupOptionalNode
{
	-moz-box-sizing: border-box;
	border: dashed 2px #996600;
	position: absolute;
	cursor: move;
}

.GroupOptionalNode .bg
{
	width: 100%;
	height: 100%;
	background-color: #cc9900;
	z-index: -100;
	opacity: .6;
	filter: alpha(opacity=60);	
}


.GroupOptionalNode .GroupCanvas
{
	position: absolute;
	top: 0;
	left: 0;
}

.GroupOptionalNode .GroupContainer
{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;	
}

.GroupOptionalNode .BottomRightHandle
{
	position: absolute;
	height: 10px;
	width: 10px;
	bottom: 0;
	right: 0;
	cursor: se-resize;	
	background-image:url(../pics/groups/optional/resize_handle.png);
	background-repeat: no-repeat;
	background-position: right bottom;	
}




/*for the node high values*/
.GroupOptionalNodeHigh
{
	border: solid 2px #ff9900;
}


.GroupOptionalNode .orderIndicator
{
	top: -10px;
	left: -10px;
	width: 20px;
	height: 20px;
	font-size: 8px;
	position: absolute;
	overflow: visible;
	line-height: 20px;
	text-align: center;
	color:#ffffff;
	background-image:url(../pics/nodes/order_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 10;
}



.GroupOptionalNode .grouplinkhandle
{
	position: absolute;
	background-image:url(../pics/nodes/link_handle.png);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 10;
	width: 20px;
	height: 20px;
	top: 50%;
	right: -10px;
	margin-top: -10px;	
}








/* variable nodes */





.VariableNodeContainer
{
	-moz-box-sizing: border-box;
	padding: 5px;
	cursor: text;
	
}










/*

###########

 UN BOUND VARIABLE NODE
 
###########

*/



.LiteralVariableNode
{
	border: solid 2px #CC0000;
	background-color:#CC0000;
	color: #FFFFFF;
	cursor: move;
}

.LiteralVariableNode .textinput
{
	border: 0;
	margin: 0;
	padding: 0px;
	display: block;
	position: absolute;
	font-size: 1em;
	top: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color:#CC0000;
}

.LiteralVariableNode .tlCrnr
{
	top: 0px;
	left: -10px;
	width: 10px;
	height: 65%;
	background-image:url(../pics/nodes/literal/corners.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	margin-top: -2px;
}

.LiteralVariableNode .trCrnr
{
	top: 0px;
	right: -10px;
	width: 10px;
	height: 65%;
	background-image:url(../pics/nodes/literal/corners.png);
	background-repeat: no-repeat;
	background-position: right top;
	position: absolute;
	margin-top: -2px;
}

.LiteralVariableNode .blCrnr
{
	bottom: 0px;
	left: -10px;
	width: 10px;
	height: 65%;
	background-image:url(../pics/nodes/literal/corners.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: absolute;
	margin-bottom: -2px;
}

.LiteralVariableNode .brCrnr
{
	bottom: 0px;
	right: -10px;
	width: 10px;
	height: 65%;
	background-image:url(../pics/nodes/literal/corners.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: absolute;
	margin-bottom: -2px;
}


/*HIGH*/


.LiteralVariableNodeHigh
{
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ff9900;
	border-right-color: #CC0000;
	border-bottom-color: #ff9900;
	border-left-color: #CC0000;
}


.LiteralVariableNodeHigh .tlCrnr
{
	background-image:url(../pics/nodes/literal/corners_high.png);
}

.LiteralVariableNodeHigh .trCrnr
{
	background-image:url(../pics/nodes/literal/corners_high.png);
}

.LiteralVariableNodeHigh .blCrnr
{
	background-image:url(../pics/nodes/literal/corners_high.png);
}

.LiteralVariableNodeHigh .brCrnr
{
	background-image:url(../pics/nodes/literal/corners_high.png);
}




.LiteralVariableNode .orderIndicator
{
	top: -7px;
	left: -15px;
	width: 20px;
	height: 20px;
	font-size: 8px;
	position: absolute;
	overflow: visible;
	line-height: 20px;
	text-align: center;
	color:#ffffff;
	background-image:url(../pics/nodes/order_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 10;
}

.LiteralVariableNode .orderBy
{
	display: none;
}







/*

###########

 UN BOUND VARIABLE NODE
 
###########

*/



.UnBoundVariableNode
{
	border: solid 2px #0099FF;
	background-color:#0099FF;
	color: #FFFFFF;
	cursor: move;
}

.UnBoundVariableNode .textinput
{
	border: 0;
	margin: 0;
	padding: 0px;
	display: block;
	position: absolute;
	font-size: 1em;
	top: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color:#0099FF;
}

.UnBoundVariableNode .tlCrnr
{
	top: 0px;
	left: -10px;
	width: 10px;
	height: 65%;
	background-image:url(../pics/nodes/unbound/corners.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	margin-top: -2px;
}

.UnBoundVariableNode .trCrnr
{
	top: 0px;
	right: -10px;
	width: 10px;
	height: 65%;
	background-image:url(../pics/nodes/unbound/corners.png);
	background-repeat: no-repeat;
	background-position: right top;
	position: absolute;
	margin-top: -2px;
}

.UnBoundVariableNode .blCrnr
{
	bottom: 0px;
	left: -10px;
	width: 10px;
	height: 65%;
	background-image:url(../pics/nodes/unbound/corners.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: absolute;
	margin-bottom: -2px;
}

.UnBoundVariableNode .brCrnr
{
	bottom: 0px;
	right: -10px;
	width: 10px;
	height: 65%;
	background-image:url(../pics/nodes/unbound/corners.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: absolute;
	margin-bottom: -2px;
}


/*HIGH*/


.UnBoundVariableNodeHigh
{
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ff9900;
	border-right-color: #0099FF;
	border-bottom-color: #ff9900;
	border-left-color: #0099FF;
}


.UnBoundVariableNodeHigh .tlCrnr
{
	background-image:url(../pics/nodes/unbound/corners_high.png);
}

.UnBoundVariableNodeHigh .trCrnr
{
	background-image:url(../pics/nodes/unbound/corners_high.png);
}

.UnBoundVariableNodeHigh .blCrnr
{
	background-image:url(../pics/nodes/unbound/corners_high.png);
}

.UnBoundVariableNodeHigh .brCrnr
{
	background-image:url(../pics/nodes/unbound/corners_high.png);
}




.UnBoundVariableNode .orderIndicator
{
	top: -7px;
	left: -15px;
	width: 20px;
	height: 20px;
	font-size: 8px;
	position: absolute;
	overflow: visible;
	line-height: 20px;
	text-align: center;
	color:#ffffff;
	background-image:url(../pics/nodes/order_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 10;
}

.UnBoundVariableNode .orderBy
{
	width: 18px;
	height: 16px;
	font-size: 8px;
	overflow: visible;
	line-height: 16px;
	text-align: center;
	color:#ffffff;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 10;
	float: left;
	margin-left: -3px;
}

.UnBoundVariableNode .asc
{
	background-image:url(../pics/nodes/unbound/order_by_bg_asc.png);
	padding-top:5px;
}

.UnBoundVariableNode .desc
{
	background-image:url(../pics/nodes/unbound/order_by_bg_desc.png);
	padding-bottom:6px;
}

.UnBoundVariableNode .VariableNodeContainer
{
	float: left;
}









/*

###########

 BOUND VARIABLE NODE
 
###########

*/



.BoundVariableNode
{
	border: solid 2px #009900;
	background-color:#009900;
	color: #FFFFFF;
	cursor: move;
}

.BoundVariableNode .textinput
{
	border: 0;
	margin: 0;
	padding: 0px;
	display: block;
	position: absolute;
	font-size: 1em;
	top: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color:#009900;
}

.BoundVariableNode .tlCrnr
{
	top: 0px;
	left: -10px;
	width: 10px;
	height: 65%;
	background-image:url(../pics/nodes/bound/corners.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	margin-top: -2px;
}

.BoundVariableNode .trCrnr
{
	top: 0px;
	right: -10px;
	width: 10px;
	height: 65%;
	background-image:url(../pics/nodes/bound/corners.png);
	background-repeat: no-repeat;
	background-position: right top;
	position: absolute;
	margin-top: -2px;
}

.BoundVariableNode .blCrnr
{
	bottom: 0px;
	left: -10px;
	width: 10px;
	height: 65%;
	background-image:url(../pics/nodes/bound/corners.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: absolute;
	margin-bottom: -2px;
}

.BoundVariableNode .brCrnr
{
	bottom: 0px;
	right: -10px;
	width: 10px;
	height: 65%;
	background-image:url(../pics/nodes/bound/corners.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: absolute;
	margin-bottom: -2px;
}


/*HIGH*/


.BoundVariableNodeHigh
{
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ff9900;
	border-right-color: #009900;
	border-bottom-color: #ff9900;
	border-left-color: #009900;
}


.BoundVariableNodeHigh .tlCrnr
{
	background-image:url(../pics/nodes/bound/corners_high.png);
}

.BoundVariableNodeHigh .trCrnr
{
	background-image:url(../pics/nodes/bound/corners_high.png);
}

.BoundVariableNodeHigh .blCrnr
{
	background-image:url(../pics/nodes/bound/corners_high.png);
}

.BoundVariableNodeHigh .brCrnr
{
	background-image:url(../pics/nodes/bound/corners_high.png);
}

.BoundVariableNode .orderIndicator
{
	top: -7px;
	left: -15px;
	width: 20px;
	height: 20px;
	font-size: 8px;
	position: absolute;
	overflow: visible;
	line-height: 20px;
	text-align: center;
	color:#ffffff;
	background-image:url(../pics/nodes/order_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 10;
}

.BoundVariableNode .orderBy
{
	width: 18px;
	height: 16px;
	font-size: 8px;
	overflow: visible;
	line-height: 16px;
	text-align: center;
	color:#ffffff;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 10;
	float: left;
	margin-left: -3px;
}

.BoundVariableNode .asc
{
	background-image:url(../pics/nodes/bound/order_by_bg_asc.png);
	padding-top:5px;
}

.BoundVariableNode .desc
{
	background-image:url(../pics/nodes/bound/order_by_bg_desc.png);
	padding-bottom:6px;
}

.BoundVariableNode .VariableNodeContainer
{
	float: left;
}











/*

###########

 PREDICATE NODE NODE
 
###########

*/



.PredVariableNode
{
	border: solid 2px #006699;
	background-color:#ffffff;
	color: #006699;
	cursor: move;
}

.PredVariableNode .textinput
{
	border: 0;
	margin: 0;
	padding: 0px;
	display: block;
	position: absolute;
	font-size: 1em;
	top: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
}

.PredVariableNode .tlCrnr
{
	top: 0px;
	left: -10px;
	width: 10px;
	height: 65%;
	background-image:url(../pics/nodes/predvar/corners.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	margin-top: -2px;
}

.PredVariableNode .trCrnr
{
	top: 0px;
	right: -10px;
	width: 10px;
	height: 65%;
	background-image:url(../pics/nodes/predvar/corners.png);
	background-repeat: no-repeat;
	background-position: right top;
	position: absolute;
	margin-top: -2px;
}

.PredVariableNode .blCrnr
{
	bottom: 0px;
	left: -10px;
	width: 10px;
	height: 65%;
	background-image:url(../pics/nodes/predvar/corners.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: absolute;
	margin-bottom: -2px;
}

.PredVariableNode .brCrnr
{
	bottom: 0px;
	right: -10px;
	width: 10px;
	height: 65%;
	background-image:url(../pics/nodes/predvar/corners.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: absolute;
	margin-bottom: -2px;
}


/*HIGH*/


.PredVariableNodeHigh
{
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ff9900;
	border-right-color: #006699;
	border-bottom-color: #ff9900;
	border-left-color: #006699;
}


.PredVariableNodeHigh .tlCrnr
{
	background-image:url(../pics/nodes/predvar/corners_high.png);
}

.PredVariableNodeHigh .trCrnr
{
	background-image:url(../pics/nodes/predvar/corners_high.png);
}

.PredVariableNodeHigh .blCrnr
{
	background-image:url(../pics/nodes/predvar/corners_high.png);
}

.PredVariableNodeHigh .brCrnr
{
	background-image:url(../pics/nodes/predvar/corners_high.png);
}

.PredVariableNode .orderIndicator
{
	top: -7px;
	left: -15px;
	width: 20px;
	height: 20px;
	font-size: 8px;
	position: absolute;
	overflow: visible;
	line-height: 20px;
	text-align: center;
	color:#ffffff;
	background-image:url(../pics/nodes/order_pred_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 9;
}

.PredVariableNode .orderBy
{
	display: none;
}

.PredVariableNode .linkhandle
{
	position: absolute;
	background-image:url(../pics/nodes/link_handle.png);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 10;
	width: 20px;
	height: 20px;	
}


.PredVariableNode .lh1
{
	top: 50%;
	margin-top: -10px;
	left: -20px;
}

.PredVariableNode .lh2
{
	top: 50%;
	margin-top: -10px;
	right: -20px;
}















/* PROTO MENU JS GENERAL STYLES */

div.menu {
	position: absolute;
	top: 0;
	left: 0;
	font-family: verdana;
}
div.menu a {
	display: block;
	text-decoration: none;
	cursor: default;
	outline: none;
	font-size: 11px;
}
.menu .separator {
	height: 1px;
	padding: 0;
	overflow: hidden;
	display: block;
	font-size: 1px;
}
.menu ul, .menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu li {
	list-style-position: outside;
}

/* DESKTOP STYLES */

.menu.desktop {
	width: 14em;
	background: #f9f8f7;
	border: 1px solid #999;
	padding: 0;
}
.menu.desktop ul, .menu.desktop li {
	margin: 0;
	padding: 0;
}
.menu.desktop li.separator {
	height: 1px;
}
.menu.desktop li.submenu {
	background-color: #f9f8f7;
	background-image: url(/pics/menu/sub_menu.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.menu.desktop a {
	color: #555;
	padding: 3px 0 3px 25px;
	margin: 0;
	border: 1px solid #f9f8f7;
}
.menu.desktop a.disabled {
	background-color: #f9f8f7;
	opacity: 0.25;
	filter: alpha(opacity=25);
	zoom: 1;
}
.menu.desktop li.separator {
	border-bottom: 1px solid #fff;
	background: #aaa;
	margin: 1px 1px 0 1px;
	line-height: 1px !important;
}
.menu.desktop a.new {
	background-image: url(/pics/menu/page_add.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}
.menu.desktop a.edit {
	background-image: url(/pics/menu/page_edit.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}
.menu.desktop a.copy {
	background-image: url(/pics/menu/page_copy.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}
.menu.desktop a.delete {
	background-image: url(/pics/menu/page_delete.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}
.menu.desktop a.save {
	background-image: url(/pics/menu/page_save.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}
.menu.desktop a.xsl {
	background-image: url(/pics/menu/page_excel.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}
.menu.desktop a.doc {
	background-image: url(/pics/menu/page_word.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}
.menu.desktop a.pdf {
	background-image: url(/pics/menu/page_acrobat.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}
.menu.desktop a.send {
	background-image: url(/pics/menu/email.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}


.menu.desktop a.groupsub {
	background-image: url(/pics/menu/group_sub.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}


.menu.desktop a.normgroup {
	background-image: url(/pics/menu/norm_group.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}

.menu.desktop a.optgroup {
	background-image: url(/pics/menu/opt_group.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}


.menu.desktop a.zoomin {
	background-image: url(/pics/menu/zoom_in.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}

.menu.desktop a.zoomout {
	background-image: url(/pics/menu/zoom_out.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}




.menu.desktop a.newbv {
	background-image: url(/pics/menu/nodes/bvar.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}

.menu.desktop a.newubv {
	background-image: url(/pics/menu/nodes/ubvar.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}

.menu.desktop a.newlv {
	background-image: url(/pics/menu/nodes/lvar.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}






.menu.desktop a.newbp {
	background-image: url(/pics/menu/nodes/pred.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}

.menu.desktop a.newubp {
	background-image: url(/pics/menu/nodes/pred.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}

.menu.desktop a.newlp {
	background-image: url(/pics/menu/nodes/pred.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}



/* we need explicit enabled class to overcome css deficiences (without creating unnecessary markup) */
.menu.desktop a.enabled:hover {
	background-color: #0A246A;
	color: #fff;
}