/* Part of RossADT Hydrotechnic. ©2005 Cygnet Solutions Ltd. All rights reserved. */

#toolbar {
	position: absolute;
	top: -2.5em;
}

#MasterViewport_area {
	position:absolute;
	left:5px;
	top: 15px;
	right : 315px;
	bottom : 5px;
	border : 1px solid #aaa;
	background: #fff;
	overflow: hidden;

}
* html #MasterViewport_area {
	width : 600px;
	height : 600px;
	width: expression(Math.max(document.getElementById('mainControlForm').clientWidth - 315, 0));
	height: expression(Math.max(document.getElementById('mainControlForm').clientHeight - 20, 0));
}

#TabularDisplay_area {
	position:absolute;
	left:5px;
	top: 15px;
	right:310px;
	bottom:5px;
	border : 1px solid #aaa;
	background: #fff;
	

}
* html #TabularDisplay_area {
	width : 600px;
	height : 600px;
	width: expression(Math.max(document.getElementById('mainControlForm').clientWidth - 315, 0));
	height: expression(Math.max(document.getElementById('mainControlForm').clientHeight - 25, 0));
}

#TabularDisplay_area #scrollableTable{
	position:absolute;
	left:2px;
	top: 25px;
	right:2px;
	bottom:2px;
	border : 1px solid #aaa;
	background: #fff;
	overflow: scroll;
}

* html #TabularDisplay_area #scrollableTable
{
	width: expression(Math.max(document.getElementById('mainControlForm').clientWidth -320, 0));
	height: expression(Math.max(document.getElementById('mainControlForm').clientHeight - 55, 0));
}

#toolbar .toolset
{
	padding-right: 5px;
}
#toolbar .toolset #ContractPricePanel,#toolbar .toolset #FilenamePanel {
	position:relative;
	top:-0.5em;
}

#toolbar .toolset input
{
	padding: 1px;
}

#toolbar .toolset a img
{
	padding : 1px;
}

#canvas
{
	position: relative;
}

#viewport_scrollcontrol
{
	position:absolute;
	top:8px;
	left:8px;
	z-index : 200;
	width : 55px;
	height : 55px;
	
}

#viewport_scrollcontrol * td
{
	width:15px;
	height:15px;
	padding:1px;
}

#loginform, #logout
{
	z-index:100;
	height : 30px;
}

#workingAreaPanel
{
	position: absolute;
	right : 5px;
	top : 15px;
	bottom : 5px;
	width: 300px;
	border: 1px solid #cccccc;
	background-color: #eee;
	
	_height:400px;
	_width:300px;
	_height:expression((document.body.clientHeight-90));
}

#workingAreaPanel table
{
	margin: 2px;
	width: 98%;
	border-collapse: collapse;
}

#workingAreaPanel table tr td
{
	border: 1px solid #cccccc;
}


.element
{
	position: absolute;
	text-align: left;
	vertical-align: bottom;
	overflow: hidden;
	z-index: 50;
	cursor : hand;
}

.item
{
	position: absolute;
	height: 10px;
	width: 10px;
	z-index: 60;
}

.item .outletFlowRate, .pipeId 
{	
	position : absolute;
	font-size : xx-small;
	left : -5px;
	top : -20px;
	width : 40px;
	text-align : center;
	border : 1px solid #ccc;
	background-color : #ffff99;
}

 .pipeId 
 {
	z-index : 500;
	width : 60px;
 }

.item:hover
{
	background-color: #eeeeee;
	height: 15px;
	width: 20px;
}

.item * img
{
	border: 0px;
}

.item * a
{
	border: 0px;
}

table.designer_axischoice
{
	border-collapse: collapse;
}

table.designer_axischoice td
{
	text-align: center;
	border: 1px solid #cccccc;
}

.editingPanel
{
	border: 2px groove #999999;
}

.editingPanel * th
{
	font-weight: bold;
	text-align: left;
	border: 1px ridge black;
	background-color: #cccccc;
}

.editingPanel * .label
{
	color: #999999;
	font-weight: bold;
}

.editingPanel * input
{
	padding: 2px;
}

.editingPanel * .radioCell
{
	width: 25%;
	text-align: center;
}

.editPanelWarning
{
	background-color: Red;
	font-weight: bolder;
	color: Yellow;
	padding: 3px;
}

* img
{
	border: 0px;
}

.editpanel
{
	width: 98%;
}

.editpanel .data
{
	margin: 12px 0px 0px 0px;
	width: 100%;
	border: 2px groove #dddddd;
}

.editpanel .data .title
{
	position: relative;
	top: -10px;
	left: 3px;
	background-color: #eeeeee;
	font-weight: bold;
	color: #999;
}

.editpanel .data .closeButton
{
	position: relative;
	top: -12px;
	left: 60px;
	width : 20px;
	background-color: #eeeeee;
	font-weight: bold;
	color: #000;
	padding-left : 2px;
	font-size : smaller;
}

.editpanel th
{
	text-align: left;
	font-size: smaller;
}

pre
{
	white-space: pre;
}

tr.intake
{
	font-weight: bold;
}

.out-of-spec, .fails
{
	color: #e20000;
}

.passes
{
	color: #0D0;
}

.hiddenFormElement 
{
	display:none;
}

tr.intake {
	font-weight:bold;
}

.out-of-spec, .fails {
	color: #c00;
}

.passes {
	color: #0D0;
}

.tabularView
{
	margin : 2px;
	font-size : smaller;
}

.tabularView th
{
	font-weight : bold;
	text-align : center;
}

.tabularView td
{
	text-align : center;
}

.tabularViewRowStatic
{
	background-color : #fff;	
	border : 1px solid #aaa;
	margin: 1px;
}

.tabularViewRowInactive
{
	color : #ccc;
	background-color : #fff;	
	border : 1px solid #aaa;
	margin: 1px;
}

.tabularViewRowHover 
{
	background-color :  #ccc;
	border : 1px solid #aaa;
	margin: 1px;
}

.tabularViewRowSelected
{
	background-color :  #FFD9D9;
	border : 1px solid #aaa;
	margin: 1px;
}

.tabularViewRow td 
{
	border : 1px solid #eee;	
}

.tabularView tr.selected td
{
	border : 1px solid #eee;	
	background-color : #FFD9D9;
}

.projectInformation th
{
	text-align : left;
	font-weight : bold;
}


.projectInformation .fieldTitle 
{
	font-size:smaller;
	font-weight:bold;	
}

.hidden 
{
	display : none;	
}

.dischargeHint 
{
	padding-left:2px;
	padding-right:2px;
	position:relative;
	top:-4px;
	left:5px;
	font-size:smaller;
	width : 43px;
}

.pathId 
{
	font-weight : bold;

}

.pressureResultTable 
{
	width:200px;
	font-size : smaller;
}

.pressureResultTable td
{
	width : 15px;
}

.pressureResultTable td.pressureResult 
{
	width : 100%;	
}

.calcPressureRow
{
	background-color : Transparent;
	margin : 1px;
	padding : 1px;
}

.calcPressureRowHighlight
{
	background-color : #ffff00;
}

.DirectionHelper 
{
	position : relative;
	border : 1px solid #ccc;
	text-align:center;
	width : 99px;
	height : 105px;
	padding-left : 4px;
	z-index : 200;
	background-image : url(/hydrotechnic/images/axis/bg.gif);
	background-repeat : repeat;
}

.DirectionHelper #directionImage 
{
	position : absolute;
	top : 0px;
	left : 0px;	
	padding-left : 4px;
}

.bold 
{
	font-weight:bold;
}

.drawingInfoPanel 
{
	display : none;	
}

.selectableItem 
{
	white-space:nowrap;	
}

#report 
{
	width : 98%;
	margin : auto;	
}

#report * .data 
{
	border : 0px;
}

#report * .data .title 
{
	border : 0px;
	background-color : #fff;
}

#report #projectInfo,
#report #companyDetails,
#report #overallParameters
{
	border: 0px;
	width : 100%;
	margin-top : 15px;
}

#report * .dataTable td
{
	border : 0px;
}

.projectInformation, .projectInformation td, .editpanel td
{
	border : 0px;
}

#report * .editpanel 
{
	width : 100%;
	border : 0px;
}

#report * .title
{
	position: relative;
	top: -10px;
	left: 3px;
	font-weight: bold;
	color: #999;
	border : 0px;
	padding : 2px;	
}

#report #calculatePressures_closePressureCalcWindow
{
	display : none;
}

#overallParameters>.tabularView, .pressureResultTable
{
	border : 1px solid #000;
	font-size : 11px;
}

#overallParameters  .tabularView tr td,
#overallParameters  .tabularView tr th,
 .pressureResultTable td
{
	border : 1px solid #000;
	
}