/*********** Interface Options */

.InterfaceOptions { margin-bottom:1.4em; }

/*********** Two Column Layout */

.TwoColumnLayout
{
	width:100%;
	position:relative;
	overflow:hidden;
}

.TwoColumnLayout .Field { margin-bottom:0.8em; }

.TwoColumnLayout label
{
	float:left;
	display:inline-block;
	padding-right:4px;
}

.ZoneCriteria { margin-bottom:1.4em; }

.ZoneCriteria label { color:#231f20; }

.TwoColumnLayout .Item { display:inline-block; }

.TwoColumnLayout .TextBox { width:286px; }

/*********** Column One */

.TwoColumnLayout .ColumnOne
{
	float:left;
	width:47%;
}

/*********** Column Two */

.TwoColumnLayout .ColumnTwo
{
	float:right;
	width:47%;
}

/*********** Three Column Layout */

.ThreeColumnLayout
{
	width:100%;
	position:relative;
	overflow:hidden;
}

.ThreeColumnLayout .Field { margin-bottom:0.8em; }

.ThreeColumnLayout label
{
	float:left;
	display:inline-block;
	padding-right:4px;
}

.ThreeColumnLayout .Item { display:inline-block; }

.ThreeColumnLayout .TextBox { width:76px; }

/*********** Column One */

.ThreeColumnLayout .ColumnOne
{
	float:left;
	width:34%;
}

.ProjectDetailsLayout .ThreeColumnLayout .ColumnOne .Field label { width:170px; }

/*********** Column Two */

.ThreeColumnLayout .ColumnTwo
{
	float:left;
	width:30%;
	padding:0 0 0 35px;
}

.ThreeColumnLayout .ColumnTwo .TextBox { width:50px; }

/*********** Column Three */

.ThreeColumnLayout .ColumnThree
{
	float:left;
	width:28%;
}

.ThreeColumnLayout .ColumnThree .TextBox { width:50px; }

/*********** Section Frame */

.SectionFrame
{
	padding-top:1px;
	margin-bottom:0.8em;
	cursor:pointer;
	background-color:#4b4a4b;
}

.SectionHeader
{
	width:78%;
	height:auto !important;min-height:34px;height:34px;
	float:left;
}

.SectionHeader h3
{
	color:White;
	font-size:120%;
	font-weight:normal;
	line-height:normal;
	margin:0;
	padding:7px 5px 7px 22px;
}

.UnexpandedSection h3 { background:url(Headers/UnexpandedArrowBg.png) no-repeat 8px 0.85em; }

.ExpandedSection h3 { background:url(Headers/ExpandedArrowBg.png) no-repeat 8px 0.85em; }

.Section
{
	padding-top:0.8em;
	background:White;
	cursor:auto;
}

.UnexpandedSection .SubHeaderInner { display:none; }

.ExpandedSection .SubHeaderInner { display:block; }

/*********** Unit Results */

.UnitResults
{
	margin-bottom:2.8em;
	border:1px solid #999999;
	border-top:none;
}
.BorderedArea .UnitResults { margin-bottom:0.8em; }

.UnitResults .ResultsHeader
{
	width:100%;
	color:White;
	background:#999999 url(Interface/ResultsHeaderHeaderBg.png) repeat-y right top;
	position:relative;
	overflow:hidden;
}

.UnitResults .ResultsHeader div { float:left; }

.UnitResults .UnitItem
{
	width:100%;
	background:White url(Interface/UnitResultsItemBg.png) repeat-y right top;
	position:relative;
	overflow:hidden;
}

.UnitResults .UnitItem .ItemSummary
{
	float:left;
	color:#231f20;
}

.UnitResults .ActiveItem .ItemSummary,
.UnitResults .ItemSummary:hover
{
	color:#231f20;
	background:#fbd8d3 url(Interface/UnitResultsItemActiveBg.png) repeat-y right top;
}

.UnitResults .ActiveItem .ItemSummary { font-weight:bold; }

.UnitResults .UnitItem .ItemSummary:hover .Unit { background:url(Interface/UnitResultsUnexpandedUnitIcon.png) no-repeat 8px 0.45em; }

.SelectUnit .UnitItem .ItemSummary:hover .Unit { background:url(Interface/UnitResultsSelectedUnitIcon.png) no-repeat 8px 0.45em; }

.UnitResults .ActiveItem .Unit,
.UnitResults .ActiveItem .ItemSummary:hover .Unit
{
	background:url(Interface/UnitResultsExpandedUnitIcon.png) no-repeat 8px 0.45em;
}

.SelectUnit .ActiveItem .Unit,
.SelectUnit .ActiveItem .ItemSummary:hover .Unit
{
	background:url(Interface/UnitResultsSelectedUnitIcon.png) no-repeat 8px 0.45em;
}

.UnitResults .Unit,
.UnitResults .Phase,
.UnitResults .FanSpeed,
.UnitResults .TCooling,
.UnitResults .SCooling,
.UnitResults .Heat,
.UnitResults .DB,
.UnitResults .Flow,
.UnitResults .Face,
.UnitResults .Static
{
	float:left;
	padding:2px 10px 2px 8px;
	overflow-x:hidden;
}

.UnitResults .Unit
{
	width:245px;
	padding-left:30px;
}
.PaddedArea .BorderedArea .UnitResults .Unit
{
	width:189px;
	padding-left:26px;
}

.UnitResults .Phase { width:53px; }
.UnitResults .FanSpeed { width:72px; }
.UnitResults .TCooling { width:62px; }
.UnitResults .SCooling { width:64px; }
.UnitResults .Heat { width:38px; }
.UnitResults .DB { width:40px; }
.UnitResults .Flow { width:34px; }
.UnitResults .Face { width:54px; }
.UnitResults .Static { width:76px; }

/*********** Item Details */

.UnitResults .ItemDetails { display:none; }
.UnitResults .ActiveItem .ItemDetails { display:block; }

.UnitResults .ItemDetails
{
	padding:15px 0 14px 30px;
	background:White;
	border-bottom:1px solid #999999;
	position:relative;
	overflow:hidden;
	vertical-align:top;
}

.UnitResults .ItemDetails p
{
	margin-bottom:2em;
	vertical-align:top;
}

.UnitResults .UnitImage
{
	float:left;
	width:162px;
	padding-right:14px;
}

.UnitResults .UnitImage img
{
	max-width:160px;
	border:1px solid #d9dde3;
	margin-bottom:1em;
}

.UnitResults .UnitImage .BlueButton
{
	width:144px;
	text-align:center;
	color:White;
}
.UnitResults .UnitImage .BlueButton:hover
{
	color:White;
	background:#005499;
	font-weight:normal;
}

.UnitResults .LeftColumn,
.UnitResults .RightColumn
{
	float:left;
	font-size:90%;
}

.UnitResults .LeftColumn
{
	width:150px;
	padding:0 40px 0 170px;
}

.UnitResults .RightColumn
{
	width:128px;
	padding-left:195px;
}

.UnitResults .LeftColumn h4 { margin-left:-170px; }

.UnitResults .LeftColumn table { margin-bottom:3.4em; }

.UnitResults .LeftColumn table th h4
{
	margin-left:0;
	text-decoration:none;
}

.UnitResults .LeftColumn table th span
{
	width:auto;
	margin-left:0;
	font-weight:normal;
	text-decoration:underline;
}

.UnitResults .RightColumn h4 { margin-left:-195px; }

.UnitResults .LeftColumn span,
.UnitResults .RightColumn span
{
	display:inline-block;
	vertical-align:top;
}

.UnitResults .LeftColumn table{margin-left:-170px;}
.UnitResults .RightColumn table{margin-left:-195px;}

.UnitResults .LeftColumn span
{
	margin-left:-170px;
	width:170px;
}

.UnitResults .RightColumn span
{
	margin-left:-195px;
	width:195px;
}

/* Quick Results Unit Item */

.QuickResults .UnitResults .UnitImage
{
	float:left;
	width:162px;
	padding-right:14px;
}

.QuickResults .UnitResults .LeftColumn
{
	width:150px;
	padding:0 30px 0 170px;
}

.QuickResults .UnitResults .RightColumn
{
	padding-left:195px;
	width:128px;
}

/*********** Zone Listings */

.ZoneListings
{
	margin:-14px;
	position:relative;
}

.ZoneListings .ZoneHeader
{
	width:100%;
	color:White;
	background:#999999 url(Interface/ZoneListingsHeaderBg.png) repeat-y right top;
}

.ZoneListings .ZoneHeader .Options { background:none; }

.ZoneListings .ZoneItem
{
	float:left;
	width:100%;
	background:White url(Interface/ZoneListingsItemBg.png) repeat-y right top;
}

.ZoneListings .ZoneItem .ZoneSummary
{
	float:left;
	color:#231f20;
	cursor:pointer;
}

.ZoneListings .Superseded .ZoneSummary { color:#999999; }

.ZoneListings .ActiveItem .ZoneSummary,
.ZoneListings .ZoneSummary:hover
{
	background:#e5e9ef url(Interface/ZoneListingsItemActiveBg.png) repeat-y right top;
}

.ZoneListings .ActiveItem .ZoneSummary { font-weight:bold; }

.ZoneListings .ZoneItem .Zone { background:url(Interface/ZoneListingsUnexpandedZoneIcon.gif) no-repeat 12px 0.85em; }
.ZoneListings .Archived .Zone { background:url(Interface/ZoneListingsSupersededUnexpandedZoneIcon.gif) no-repeat 12px 0.85em; }

.ZoneListings .ActiveItem .Zone,
.ZoneListings .ActiveItem .ZoneSummary:hover .Zone
{
	background:url(Interface/ZoneListingsExpandedZoneIcon.gif) no-repeat 12px 0.8em;
}

.ZoneListings .ActiveItem.Archived .Zone,
.ZoneListings .ActiveItem.Archived .ZoneSummary:hover .Zone
{
	background:url(Interface/ZoneListingsSupersededExpandedZoneIcon.gif) no-repeat 12px 0.8em;
}

.ZoneListings .Zone,
.ZoneListings .Unit,
.ZoneListings .Airflow,
.ZoneListings .Cooling,
.ZoneListings .Heating,
.ZoneListings .Options
{
	float:left;
	padding:3px 10px 3px 8px;
}

.ZoneListings .Zone
{
	width:208px;
	padding-left:24px;
}

.ZoneListings .ZoneSummary .Zone { color:#005499; }	
.ZoneListings .Superseded .ZoneSummary, .ZoneListings .Superseded .Zone { color:#eb3e21; }
.ZoneListings .Archived .ZoneSummary, .ZoneListings .Archived .Zone { color:#999999; }
.ZoneListings .Unit { width:204px; }
.ZoneListings .Airflow { width:64px; }
.ZoneListings .Cooling { width:101px; }
.ZoneListings .Heating { width:101px; }
.ZoneListings .Options { width:108px; }
.ZoneListings .Unavailable { color:#eb3e21; }
.ZoneListings .Unavailable span { font-size:90%; }
.ZoneListings .ActiveItem .Options { background-color:#e5e9ef; }

/*********** Zone Details */

.ZoneListings .ZoneDetails { display:none; }
.ZoneListings .ActiveItem .ZoneDetails { display:block; }

.ZoneListings .ZoneDetails
{
	padding:14px;
	background:White;
	border-bottom:1px solid #999999;
	position:relative;
	overflow:hidden;
	vertical-align:top;
	cursor:auto;
	z-index:1;
}

.ZoneListings .ZoneDetails p
{
	margin-bottom:2em;
	vertical-align:top;
}

.ZoneListings .ZoneDetails b { color:#231f20; }

.ZoneListings .Superseded b { color:#eb3e21; }

.ZoneListings .UnitImage
{
	float:left;
	width:162px;
	padding-right:75px;
}

.ZoneListings .UnitImage img
{
	border:1px solid #d9dde3;
	margin-bottom:2em;
}

.ZoneListings .Superseded .UnitImage img { border-color:#eb3e21; }

.ZoneListings .UnitImage .BlueButton
{
	width:144px;
	text-align:center;
	color:White;
}
.ZoneListings .UnitImage .BlueButton:hover
{
	color:White;
	background:#eb3e21;
	font-weight:normal;
}

.QuickResults .ZoneListings .LeftColumn,
.ZoneListings .LeftColumn,
.QuickResults .ZoneListings .RightColumn,
.ZoneListings .RightColumn
{
	float:left;
	font-size:90%;
}

.ZoneListings .LeftColumn
{
	width:160px;
	padding:0 65px 0 0;
}

.ZoneListings .Superseded .LeftColumn { color:#eb3e21; }

.ZoneListings .RightColumn
{
	width:145px;
	padding-left:85px;
}

.ZoneListings .RightColumn span
{
	display:inline-block;
	width:85px;
	margin-left:-85px;
	font-weight:bold;
	vertical-align:top;
}

/*********** Zone History */

.ZoneHistory
{
	margin:0 -14px 1.8em -14px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	cursor:text;
}

.HideHistory { display:none; }

.ZoneHistory .HistoryHeader
{
	width:100%;
	color:#717171;
	background:#e8e8e8;
	position:relative;
	overflow:hidden;
}

.ZoneHistory .HistoryItem
{
	width:100%;
	color:#999999;
	background:#f5f5f5 url(Interface/ZoneHistoryItemBg.png) repeat-y right top;
	border-top:1px solid #e5e9ef;
	line-height:2em;
	position:relative;
	overflow:hidden;
}

.ZoneHistory .HistoryItem a { font-size:10px; }

.ZoneHistory .HistoryItem a .LinkDec
{
	background-position:left top;
	line-height:normal;
}

.ZoneHistory .Date,
.ZoneHistory .Name,
.ZoneHistory .Unit,
.ZoneHistory .Airflow,
.ZoneHistory .Cooling,
.ZoneHistory .Heating,
.ZoneHistory .Options
{
	float:left;
	padding:3px 6px 3px 6px;
}

.ZoneHistory .Date { width:59px; }

.ZoneHistory .Name { width:159px; }
.ZoneHistory .Unit { width:210px; }
.ZoneHistory .Airflow { width:70px; }
.ZoneHistory .Cooling { width:107px; }
.ZoneHistory .Heating { width:107px; }

.ZoneHistory .HistoryItem .Options
{
	width:114px;
	background:none;
}

/*********** Drop Down Options */

.DropDownOptions
{
	float:right;
	padding:6px 5px 0 0;
}

.DropDownList
{
	float:right;
	width:1px;
	height:1px;
	position:relative;
}

.ZoneListings .DropDownList { float:none; }

.DropDownOptions a
{
	display:inline-block;
	width:auto !important;min-width:113px;width:113px;
	max-width:160px;
	border:1px solid #312d2e;
	color:White;
	font-size:90%;
	padding:3px 16px 3px 5px;
	line-height:normal;
	text-transform:uppercase;
	background:#005499 url(Interface/DropDownParentArrowBg.gif) no-repeat right 0.7em;
}

.ZoneListings .DropDownOptions
{
	display:inline-block;
	float:none;
	padding:0;
}

.ZoneListings .DropDownOptions a
{
	display:inline-block;
	width:auto !important;min-width:101px;width:101px;
	max-width:101px;
	padding:2px 0 0 4px;
	background:#005499 url(Interface/DropDownParentArrowBg.gif) no-repeat right 0.5em;
	z-index:10;
}

.DropDownList ul { display:none; } 
.DropDownList .DisplayOptionsList { display:block; }

.DropDownList ul
{
	position:absolute;
	top:27px;
	left:1px;
	padding:0;
	margin:0;
	list-style:none;
	background-color:White;
	border:1px solid #312d2e;
	z-index:800;
}

.ZoneListings .DropDownList ul
{
	float:none;
	top:0;
	left:0;
}

.DropDownList ul li { line-height:normal; }

.DropDownList ul li a
{
	width:122px;
	display:block;
	color:#005499;
	font-size:90%;
	padding:2px 2px 2px 4px;
	line-height:normal;
	background:none;
	border-bottom:none;
	text-transform:none;
	width:128px;
}

.DropDownList ul li a:hover { color:#eb3e21; }

.ZoneListings .DropDownList ul li a
{
	width:auto !important;min-width:99px;width:99px;
	max-width:99px;
}

/*********** Project Settings */

.ProjectSettings { margin-bottom:1.8em; }

.ProjectSettings .Field label
{
	float:left;
	width:110px;
}

.ProjectSettings .Item
{
	float:left;
	width:314px;
}

.ProjectSettings .ZoneGroups label
{
	float:none;
	width:auto;
	color:#231f20;
}

.ProjectSettings .SubField
{
	padding-left:20px;
	margin-bottom:0.6em;
}

.ProjectSettings .SubField label
{
	float:left;
	width:78px;
	font-weight:normal;
}

.ProjectSettings .SubField .TextBox { width:198px; }

/*********** Project Info Frame */

.ProjectSharingFrame
{
	color:#999999;
	margin-bottom:1.8em;
}

.ProjectSharingFrame h4 { text-transform:none; }

.ProjectSharingFrame label
{
	font-weight:normal;
	color:#231f20;
}

.ProjectSharingFrame .TextBox
{
	margin:0 0.5em 0 0.3em;
	width:250px;
}

.ProjectSharingFrame p { padding-bottom:1em; }

.ProjectSharingFrame strong { color:Black; }

.ProjectSharingFrame .RemoveUser
{
	padding-left:18px;
	padding-bottom:1px;
	background:url(Icons/RemoveUserIcon.gif) no-repeat left 0.1ex;
}

.ProjectSharingFrame .RemoveUser:hover { background:url(Icons/RemoveUserHoverIcon.gif) no-repeat left 0.1ex; }

/*********** Project Info Frame */

.ProjectInfoFrame { margin-bottom:1.6em; }

.ProjectInfoFrame h4 { text-transform:none; }

.ProjectInfoFrame p { margin-bottom:0.8em; }

.ProjectInfoFrame label
{
	display:inline-block;
	width:100px;
	vertical-align:top;
}

.ProjectInfoFrame .HistoryListings { border:1px solid #999999; }

.ProjectInfoFrame .HistoryHeader
{
	background:#999999 url(Interface/HistoryHeaderBg.gif) repeat-y left top;
	padding:4px 0;
	color:#ffffff;
}

.ProjectInfoFrame .HistoryScollingArea
{
	background:url(Interface/HistoryScollingAreaBg.gif) repeat-y left top;
	height:152px;
	overflow:auto;
}

.ProjectInfoFrame .Date,
.ProjectInfoFrame .Engineer,
.ProjectInfoFrame .Notes
{
	float:left;
	padding:0 10px;
}

.ProjectInfoFrame .HistoryItem { margin-top:0.8em; }

.ProjectInfoFrame .Date { width:94px; }

.ProjectInfoFrame .Engineer { width:112px; }

.ProjectInfoFrame .Notes { width:600px; }

/*********** Report Export Layout */

.ReportExportLayout .MainHeaderFrame { margin-bottom:1.2em; }

.ReportExportLayout .SaveBlueButton { margin:0 0.4em 0 1em; }

/*********** Project Details Layout */

.ProjectDetailsLayout .AddNew .ColumnOne { padding-bottom:1.4em; }

.ProjectDetailsLayout .AddNew label { color:#231f20; }

.ProjectDetailsLayout .Field label
{
	float:left;
	width:120px;
}

.ProjectDetailsLayout .Field .Item { float:left; }

.ProjectDetailsLayout .AddNew .TextBox { width:284px; }

.ProjectDetailsLayout .AddNew .SelectList { width:211px; }

.ProjectDetailsLayout .AddNew .BlueButton { float:right; }