@import "zoneWizard.css";

/* main elements */

a:active, a:hover {
	outline: 0;
}

table.navigation {
	border: 0px;
}

#projectInfo div .box {
	min-height: 15px;
	min-width: 30px;
	float:left;
	width: 142px;
}
#projectInfo table.borderless {
    margin-bottom: 40px;
    background: #FFF;
}

.btn-blue-bordered-on {
	border: 1px solid #fff;
	border-radius: 4px;
	text-decoration: none;
}

.btn-white-bordered-off {
	border: 1px solid #AAA;
	border-radius: 4px;
	text-decoration: none;
}

.standardButton.ui-button.ui-state-focus {
	color:#fff;
	outline: none;
}

.no_wrap {
	white-space: nowrap;
}

/* menu elements*/
a.menu, a.menu:link, a.menu:visited {
	display: block;
	width: 150px;
	height: 25px;
}
a.menu i {
	color: #999999;
	font-size: 1.5em;
}
a.menu i:hover {
	color: #000;
}

/* text styles */
h1, h2, h3 {
	font-family: Helvetica, sans-serif;
	color: #ffffff;
}

h1 {
	font-size: 1.5em;
	line-height: 1.7em;
}

h2 {
	font-size: 1.3em;
	line-height: 1.5em;
}

h3 {
	font-size: 1.1em;
	line-height: 1.4em;
	color:#333333;
}

h4 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.4em;
}

.nostripe {
	width: auto;
	background: #FFF !important;
}

.nostripe td{
	border: none;
    padding: 2px;
    background: #FFF !important;
}

.nostripe tr{
	background: #FFF !important;
}

/* table elements */
table {
	outline: none;
}

table table {
	margin: -5px 0;
	border: 0px solid #999999;
	width: 100%;
}

table th {
	background-color: #999999;
	color: #FFF;
	padding: 10px 15px;
}

table input {
	font-size:0.9em;
}


.dijitCalendarPopup + .dijitPopup {
	z-index: 1010 !important;
}

div.dijitPopup[dijitpopupparent=_shipDate_id_popup_mddb] {
	z-index: 2000 !important;
}

/* ---------------------- Custom List Layouts -------- JC  */

/* --------- Blue text Tabs with buttons on angled tab -------------------*/
.tabs-container {
	border-bottom: 3px solid #006ab3;
	margin: 0;
	padding: 0;
}
.tabs-text {
	background-color: #fff;
	border-radius: 4px 4px 0 0;
	color: #006ab3;
	display: inline-block;
	line-height: 3em;
	margin-right: 5px;
	min-height: 35px;
	padding: 5px 10px;
	width: auto;
}
.tabs-text-heading {
	display: inline-block;
	font-size: 1.3em;
	line-height: 1.4em;
	margin-top: 15px;
	min-height: 35px;
	width: auto;
}
ul.tabs-ul {
	margin: 0;
	padding: 0;
}
li.tabs-text {
	background-color: #fff;
	border-radius: 4px 4px 0 0;
	color: #006ab3;
	display: inline-block;
	line-height: 1em;
	margin-right: 5px;
	min-height: 35px;
	padding: 5px 10px;
	width: auto;
}
li.tabs-text a {
	text-decoration: none;
	outline: none;
}
li.tabs-text a:hover, li.tabs-text a:focus {
	color: #fff;
}
li.tabs-text.active, li.tabs-text.ui-tabs-active {
	background-color: #006ab3;
}
li.tabs-text.active a, li.tabs-text.ui-tabs-active a {
	color: #fff;
	outline: none;
	text-decoration: none;
}
li.tabs-text:hover, .tabs-text:focus {
	background-color: #006ab3;
}
li.tabs-text:hover a, .tabs-text:focus a {
	color: #fff;
}
.submenu li.tabs-text:hover a,
.submenu li.tabs-text:focus a,
.submenu li.tabs-text a:hover,
.submenu li.tabs-text a:focus,
li.tabs-text.ui-tabs-active a:hover,
li.tabs-text.ui-tabs-active a:focus {
	color: #fff;
	text-decoration: none;
	outline: none;
}

/* --------- Product Browser -------------------*/

.product_parent_wrapper div {
	margin-left: 10px;
}

.product_wrapper table {
	width: 300px;
	float: right;
}

.product_wrapper a {
	text-decoration:none;
	color: inherit;
}

#productBrowserPage {
	width: 100%;
	border: 1px #933 solid;
}

#productBrowserSearch {
	 background-color: #EEEEEE;
}

#productBrowserSearch .dijitTitlePaneContentOuter {
	background-color: #EEEEEE;
	float:right;
	padding-right: 20px;
}

#productBrowserSearch .standardButton {
	box-shadow: 2px 2px 2px #555555;
	margin-top:10px;
}

#productBrowserSearch #proceed {
	display:none;
}

#productBrowserSearch .buttonSearch, #productSearchDetailPage .buttonSearch {
    margin-left:5px;
    margin-top:10px;
    border: 1px #777777 solid;
    background-color: #777777;
    height: 20px;
    color: #FFF;
    padding: 2px 4px;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-size: 11px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#load-tab-7 {
	height: 1200px;
}

/* --------- WIZARD -------------------*/

#zoneSelectorArea {
	margin-left: 50px;
}
#zoneSelectorArea .datarow label {
	color: #fff;
}

.wideWizardHumidTitle {
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	float:left;
}

#distributorGrouping .distGroupingAbsorptionDistance {
	width: 140px;
	padding-bottom: 15px;
	margin-top: -15px;
	margin-left: 4px;
	margin-right: 4px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	height:20px;
	line-height:150%;
}

.popoverdesc {
	position: absolute;
	display:none;
	width: 70px;
	padding: 15px;
	background: #EFEFEF;
	border: 1px solid #333;
	font-size: 11px;
	color: #333;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	z-index: 10000;
	margin-top: -10px;

	-moz-box-shadow:    2px 2px 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.3);
	 box-shadow:         2px 2px 2px 2px rgba(0,0,0,0.3);
}

.popoverdesc img {
	float:left;
	margin: 4px 20px 4px 0;
	background: #FFF;
	padding: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #333;
	width: 60px;
}

#distributorGrouping .popoverdesc {
	margin-top: 50px;
}

#popover4 .popoverdesc, #popover5 .popoverdesc {
	float: right;
}

.popoverdesc .btn.morefino {
	margin-top: 2px;
	color: #FFF;
}

.wizardHumidTitle {
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.duplicateZone {
	display: inline-block;
	vertical-align: top;
	min-width: 33%;
}

#manageZoneQuantity .zoneQuantityLabel {
	padding-top: 10px;
}

.zoneQuantity {
    display: inline-block;
    width: 33%;
}

#loadSizing .loadSizingPanel .duplicateZone label[for="_duplicateZone_id"] {
    float: right;
    width: calc(100% - 25px);
}

#loadSizing .loadSizingPanel .duplicateZone label[for="_zoneQuantity_id"] {
    float: left;
}

#loadSizing .loadSizingPanel .duplicateZone span {
    display: inline-block;
    color: #006ab3;
}

#loadSizing .loadSizingPanel .duplicateZone span a {
    padding-left: 5px;
}

#loadSizing .loadSizingPanel .zoneQuantity label {
    float: left;
}

/* ---------- PANELS AND PAGE ELEMENTS --------- */

.tundra .dijitTitlePaneContentOuter {
	/*  Gets rid of border in popup dialogs   */
	border-width: 0 !important;
}

.dijitTitlePaneContentInner {
	/*  Gets rid of space in main panel   */
	padding: 0px !important;
}

.instructionText a {
	color: #333333;
	text-decoration: underline;
}

/* ------- JQUERY OVER-RIDES ------ */
.ui-accordion h3.ui-accordion-header {
	background-color: #006ab3;
	border: 1px solid #006ab3;
	font-weight: bold;
}
.ui-accordion h3.ui-accordion-header a {
	color: #fff;
}
#accordion.ui-accordion .ui-accordion-content {
	padding: 4px;
}

/* ---------- PROJECT DETAILS  --------- */
#projectInfo label {
	min-width: 120px;
}

#od_left {
	min-width: 200px;
	float:left;
}

#od_left #_s_com_nortec_help_domain_Project_city_city_id, #od_left #_s_com_nortec_help_domain_Project_province_province_id {
	padding-left: 140px;
}

#od_right {
	min-width: 180px;
	float:left;
}

#od_left label, #od_right label {
	width: 120px;
}

#projectHistory ul {
    width:100%;
    margin:0 auto;
    position:relative;
    display:inline-block;
    list-style: none;
    background:url('../images/timeline_ul_bg.png') 3px top repeat-y;
    padding: 0;
}
#projectHistory ul li {
   display: block;
    position: relative;
    width: 80%;
    height: 30px;
    line-height: 30px;
    clear:both;
	background:url('../images/timeline_li_bg.png') left center no-repeat;
	margin-left:-5px;
	padding-left:30px;
}

#project label, #outsideConditions label {
	min-width: 150px;
}

/* ----------- ORDER INFORMATION ------------ */
#showColumnSelector {
	float:right;
	display: block;
}

/* ----------- Distributor Wizard------------ */
.details {
	margin-left: 20px;
	margin-right: 20px;
}
.righthalfdetails {
    float: right;
    width: 48%;
    margin: 5px;
}

.lefthalfdetails {
    float: left;
    width: 48%;
    margin: 5px;
    margin-left: 20px;
}

/* ---------- Zone Form --------- */
.zoneWizardWrap {
	width: 960px;
}

#zoneformleft {
	margin: 20px;
	float: left;
}

#zoneformleft div {
	float: left;
}

#zoneformleft div .datarow{
	width: 220px;
}

#zoneformleft label {
	margin: 0px;
	text-align: left;
	width: 200px;
}


#zoneformleft .checkinput {
	padding-top: 20px;
	min-height: 20px !important;
}

#zonerow1 {
	width: 100%;
	clear: both;
}

#zonerow2 {
	width: 100%;
	clear: both;
}

#zonerow3 {
	width: 100%;
	clear: both;
}

#zonerow4 {
	width: 100%;
	clear: both;
}

#zonecol3 label {
	width: 200px;
}

.econright {
	float: right !important;
}

.tabHolder {
	border-bottom: 3px solid #006ab3;
}

.iconBar {
	background-color: #006ab3;
	border-radius-top-left: 4px;
	border-radius-top-right: 4px;
	color: #fff;
	display: block;
	float: right;
	padding: 5px 10px 0px 60px;
	text-align: right;
	width: auto;
	height: 50px;
}
/* --------- PRODUCT DETAIL TABS -------------- */
.productDetailTabs .ui-widget-content, .productDetailTabs .ui-widget-header {
	border: none;
}
.productDetailTabs ul.ui-tabs-nav {
	background-color: #006ab3;
	padding-right: 165px;
	border-left: 1px solid #006ab3;
}
.productDetailTabs .ui-tabs .ui-tabs-panel {
	border-left: none;
	border-right: none;
	border-bottom: none;
	background-color: #fff;
	padding: 10px;
}
.productDetailTabs .ui-tabs .ui-tabs-panel > img {
	background-color: #FFF;
}
.productDetailTabs .dijitTitlePaneContentOuter {
	border: 1px solid #006ab3 !important;
	border-radius: 5px;
	padding: 10px;
}
.productDetailTabs .tabs-icons {
	top: 1px;
}
.productDetailTabs #description-tab #load-tab-2 p+br {
	display: none;
}
#_title_ps_com_nortec_help_domain_Product_id_pane label {
	clear: left;
	min-width: 200px;
}

.productTitle {
	color: #222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.blueLargeDisplayTitle {
	color: #006ab3;
	font-weight: bold;
	font-size: 1.2em;
	padding: 10px 0 0 0;
}

/* ------------- distributor drawing compass ---*/

.distDraggable {
	cursor: auto;
}
.territory:hover {
	fill: #22aa44;
}
.compass {
	fill: #fff;
	stroke: #000;
	stroke-width: 1.5;
}
.buttonCompass {
	fill: #006ab3;
	stroke: #0C2C84;
	stroke-miterlimit: 6;
	stroke-linecap: round;
}
.buttonCompass:hover {
	stroke-width: 2;
}
.plus-minus{
	fill: #fff;
	pointer-events: none;
}

/* --------- Diagrams for Zone Edit Page --------- */

#detailsWrapper {
	position:relative;
}

#details_area {
	position:relative;
}
#schematicDiagrams {
	position:relative;
}

.unit {
	width: 20px;
	left: 60px;
	text-align: right;
	margin-top: -12px !important;
	position: absolute;
	z-index: 100;
}

#schematicData {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}

.schematicBox label{
    display: none;
}
.schematicBox input {
    border: none;
    padding:0px;
    margin: 0px;
    space: 0px;
    width: 20px;
}

#schem_spaceDesign {
   position:absolute;
   width: 200px;
   height: 40px;
   left: 615px;
   top: 360px;
   padding: 0px;
}

#schem_exhaust {
   position:absolute;
   width: 100px;
   height: 40px;
   left: 130px;
   top: 70px;
   padding: 0px;
}

#schem_afterHumidity{
   position:absolute;
   width: 100px;
   height: 40px;
   left: 340px;
   top: 240px;
   padding: 0px;
}

#schem_beforeHumidity{
   position:absolute;
   width: 100px;
   height: 40px;
   left: 170px;
   top: 400px;
   padding: 0px;
}

#schem_naturalExchange{
   position:absolute;
   width: 100px;
   height: 40px;
   left: 550px;
   top: 460px;
   padding: 0px;
}

#schem_mixedAir{
   position:absolute;
   width: 100px;
   height: 40px;
   left: 230px;
   top: 240px;
   padding: 0px;
}

#schem_outsideAir{
   position:absolute;
   width: 100px;
   height: 40px;
   left: 50px;
   top: 400px;
   padding: 0px;
}

#schem_returnAir{
   position:absolute;
   width: 100px;
   height: 40px;
   left: 50px;
   top: 230px;
   padding: 0px;
}

#schematic .submit input {
	display: none;
}

.schematicBox .readonly box {
	font-size: 10px;
    height: 10px;
    line-height: 10px;
    margin-bottom: 1px;
    margin-top: 0;
    width: 50px !important;
    border: #ccc 1px solid;
    background-color: #DDD !important;
    color: #999;
}

.schem_fan1 {
	position: absolute;
	top: 148px;
	left: 150px;
}

.schem_fan2 {
	position: absolute;
	top: 310px;
	left: 240px;
}

/***************************************
*** Project Information - Tabs
***************************************/

div.blueboxtitle.maintitle.projectInfosTitle {
	font-size: 19px;
	text-transform:uppercase;
	font-weight: bold;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width:720px;
}

.projectInfosSubtitle {
	text-transform:uppercase;
	font-weight:normal;
}

#projectInformationTabs {
	border: none;
}

#projectInformationTabs #configurationTab,
#projectInformationTabs #stakeholdersTab,
#projectInformationTabs #notesTab,
#projectInformationTabs #historyTab,
#projectInformationTabs #docCenterTab {
	background-color: #ffffff;
	border:none;
    border-radius: 0;
}

#projectInformationTabs .ui-widget-header {
   border: none;
}

#projectInformationTabs.ui-tabs {
    padding: 2px;
    border-radius: 0;
    background-color: #0072BC;
    color: #0072BC;
    font-family: Arial, Helvetica, sans-serif;
}

#projectInformationTabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    background-color: inherit;
}

#projectInformationTabs.ui-tabs ul.ui-tabs-nav {
	padding-left: 0;
}

#projectInformationTabs ul.ui-tabs-nav li.ui-state-default {
    background-color: #3d93ca;
    border-bottom: 2px solid #0072BC;
    border-radius: 0;
    margin-left:2px;
}

#projectInformationTabs .ui-state-default a,
#projectInformationTabs .ui-state-default a:link {
	color: #ffffff;
}

#projectInformationTabs ul.ui-tabs-nav li.ui-state-default:first-child,
#projectInformationTabs ul.ui-tabs-nav li.ui-state-active:first-child {
    margin-left:0px;
}

#projectInformationTabs ul.ui-tabs-nav li.ui-state-active,
#projectInformationTabs ul.ui-tabs-nav li.ui-state-hover {
    background-color: #ffffff;
    border-bottom: 2px solid #ffffff;
}

#projectInformationTabs .ui-state-active a,
#projectInformationTabs .ui-state-active a:link {
	color: #0072BC;
}

#projectInformationTabs ul.ui-tabs-nav li.ui-state-active {
    font-weight:bold;
}

#projectInformationTabs ul.ui-tabs-nav li.ui-state-default:hover a{
    background-color: #ffffff;
	color:#0072bc;
}

#projectInformationTabs ul.ui-tabs-nav li.ui-state-default:last-child,
#projectInformationTabs ul.ui-tabs-nav li.ui-state-active:last-child {
    border-top-right-radius: 8px;
}

#projectInformationTabs #configurationTab.ui-tabs-panel {
    padding: 20px 20px 10px 20px;
}

#projectInformationTabs #configurationTab > div {
	display: inline-block;
	vertical-align: top;
	word-break: break-word;
}
#projectInformationTabs #configurationTab > div.thirds {
    width: 296px;
	height:auto;
    border-right: 1px solid #dddddd;
    display: table-cell;
    vertical-align: top;
    word-break: break-word;
    padding: 0 1.5%;
    position:relative;
}
#projectInformationTabs #configurationTab > div.thirds:nth-child(3) {
    border-right: 1px solid #ffffff;
}

#projectInformationTabs #configurationTab > div.halves {
    width: 488px;
	height:auto;
    border-right: 1px solid #dddddd;
    display: table-cell;
    vertical-align: top;
    word-break: break-word;
    padding: 0 0;
    position:relative;
}
#projectInformationTabs #configurationTab > div.halves:nth-child(2) {
   border-right: 1px solid #ffffff;
}

#projectInformationTabs #configurationTab #projectInfoWrapper,
#projectInformationTabs #configurationTab #projectCustomerInfoWrapper,
#projectInformationTabs #configurationTab #outsideConditionsSection {
   	margin:0;
   	padding:0!important;
}
#projectInformationTabs #configurationTab #projectInfoWrapper {
	float: left;
	width: calc(100% - 50px);
}
#projectInformationTabs #configurationTab #projectCustomerInfoWrapper {
	float: left;
	width: calc(100% - 58px);
	padding-left: 10px;
}
#projectInformationTabs #configurationTab #outsideConditionsSection {
	width: calc(100% - 56px); /* 46px for the button and 10 for padding */
}
#projectInformationTabs #configurationTab #outsideConditionsSection #od_left .datarow {
	margin-top: 0;
}

#projectInformationTabs #configurationTab #projectInfo {
	float: left;
}

#projectInformationTabs #configurationTab .btn {
    box-shadow: none;
    border:none;
}

#projectInformationTabs #configurationTab a.editbutton {
	display:block;
	position:absolute;
	bottom:-5px;
	right:5px;
}

#projectInformationTabs #configurationTab i.icon-briefcase,
#projectInformationTabs #configurationTab i.icon-user,
#projectInformationTabs #configurationTab i.icon-sun-o {
	color: #cce2f1;
	float: left;
	font-size:22px;
	margin:10px;
}

#projectInformationTabs #configurationTab a.editbutton .btn {
	font-size:24px;
	width: 18px;
	height:24px;
    box-shadow: 1px 1px 2px #797979;
}

#projectInformationTabs #configurationTab .btn-white-on i,
#projectInformationTabs #configurationTab .btn-white-bordered-on i {
	color: #cce2f1;
}

#projectInformationTabs #configurationTab .btn:hover i,
#projectInformationTabs #configurationTab .btn:hover i {
	color: #3d93ca;
}

/*----- Forms General Styling ----------- */
.datarow label {
	margin-bottom: 5px;
}
#zoneformleft .datarow {
	margin-top: 10px;
	margin-bottom: 5px;
	min-height: 40px;
	text-align: left;
}

#leftside label {
	width: 150px;
}

#zoneformleft .datarow select {
    float: left;
	clear: left;
}

#companyInfo label {
	width:105px;
	float:left;
	text-align: right;
	display: block;
	margin-right: 5px;
}

/*----- Confirm Request Dialog -----*/

#quoteRequest label {
	display: block;
	margin-right: 5px;
	color: #333;
	width: auto;
	text-align: left;
}
#quoteRequest .datarow {
   margin-top: 2px;
   margin-bottom: 2px;
}
#quoteRequest .quoteLeft {
	width: 50%;
	float: left;
}
#quoteRequest .quoteRight {
	width: 50%;
	margin-left: 50%;
}


/*--- Schematic Styling --------------*/
.schematicBox div {
	margin-top: 0px;
	margin-bottom: 1px;
    width: 85px;
	font-size: 10px;
	line-height: 10px;
}

.schematicBox input {
	margin-top: 0px;
	margin-bottom: 1px;
	height: 10px;
	width: 50px !important;
	font-size: 10px;
	line-height: 10px;
}

/*   ---- BILL OF MATERIALS ----- */

.nortecTable tr{
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px #999999 solid;
    min-height: 50px;
    /* background: #FFF; */
}

.nortecTable td{
	border: none;
	background: #FFF;
	padding: 5px;
}
.nortecTable th {
	background-color: #999999;
	font-style: italic;
	color: #fff;
	font-weight: normal;
	font-size: 1em;
}

.nortecTableWrapper {
    margin: 10px;
	background: #dddddd;
}

.textAreaDialog {
    width: 95%;
    height: 120px;
    border: 3px solid #cccccc;
    padding: 5px;
    font-family: Tahoma, sans-serif;
    background-position: bottom right;
    background-repeat: no-repeat;
}

/* ------ HUMIDIFIER OPTIONS ----- */
.humidOptionsTable tr:nth-child(4n+1) {
	background-color: #EFEFEF;
}

.humidOptionsTable td {
	padding: 3px;
}

.humidOptionsTableWrapper {
	padding-top: 15px;
	padding-bottom: 10px;
	width: 600px;
}

/* distributor config dialog tables */
.ui-dialog .humidOptionsTableWrapper {
	width: 100%;
	background: #006FBA;
	border-radius: 5px;
}
.ui-dialog .humidOptionsTableWrapper table {
	background-color: #fff;
}

.white {
	color: #FFF;
}

/* home page fixups */
#tabs {
	border: 0 !important;
}
#tabs ul.nav-tabs {
	background: none !important;
	border-bottom: 1px solid #666;
	border-top: none;
	border-left: none;
	border-right: none;
}
.ui-tabs-nav li.ui-state-default{
	background-color: #006ab3;
	color: #fff;
	margin: 0;
}

.leadInfoPanel {
	margin-top: 8px;
	border-radius: 5px;
	padding: 20px;
}
.leadInfoWrapper > div {
	width: 33%;
	display: inline-block;
	padding-right: 20px;
	box-sizing: border-box;
}
.leadInfoWr table td {
	width: 50%;
}

#projectGrid td {
    padding: 0 6px;
}

.rss_preview {
	min-height: 336px;
	max-height: 500px;
	overflow: auto;
	border: 1px solid #AAAAAA;
	padding: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.wysiwyg fieldset,
.wysiwyg-dialog-modal-div fieldset{
	width: auto;
}

.checkGrouper input[readonly],
.checkGrouper .dijitTextBox.dijitTextBoxReadOnly {
	border: 1px solid transparent;
	background-color: transparent;
	background: none;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
	margin: 0 !important;
}

#sidebar {
	margin: 0;
	padding: 15px 0;
	position: relative;
	width: 320px;
}

#tweetscontainer {
    position: sticky;
	top: 15px;
    width: 100%;
	/* #surveylink height plus margin-top */
	margin-bottom: -65px;
}

#tweetscontainer > * + * {
	margin-top: 15px;
}

#surveylink {
    border: 3px solid #006ab3;
    display: flex;
	text-align: center;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 6px 10px;
    color: #000;
}

#tweetsholder {
	border: 1px solid #006ab3;
    display: block;
    overflow: auto;
    padding: 0;
    position: sticky;
    top: 15px;
    max-height: calc(100vh - 30px);
}

.home-wrapper {
	display: flex;
    align-items: stretch;
}

.affix {
  position: fixed;
  top: 0px;
}
.affix-bottom {
  position: absolute;
}
#tweetsheader {
	background-color: #006ab3;
	color: #fff;
	display: table;
	font-size: 1.3em;
	width: 100%;
}
#tweetsheader p {
	margin: 0;
	padding: 6px 10px;
}
.tweetsfollow {
	background-color: #dddddd;
	border-radius: 3px;
	display: table-cell;
	float: right;
	font-size: .8em;
	color: #333333;
	font-weight: bold;
	padding: 2px 6px;
	margin: 0px 0px 6px 0;
}
.tweetsfollow a {
	color: #333333;
	text-decoration: none;
}
.tweetsfollow i {
	color: #006ab3;
	padding-right: 5px;
}
#tweetsfooter {
	background-color: #006ab3;
	margin-top: 0px;
	padding: 7px;
}
#tweetsfootertext {
	background-color: #fff;
	border-radius: 5px;
	color: #333333;
	font-size: 1.1em;
	padding: 6px;
}
#tweetsfootertext a {
	color: #333333;
	text-decoration: none;
}

/*--------show.jspx ----------*/
.lightbluebox {
	background-color: #cfe1f2;
	position: relative;
	box-sizing: border-box;
	margin:0;
	padding: 10px;
	width: 100%;
	font-size: 1.2em;
	line-height: 30px;
	min-height: 50px;
	font-weight: normal;
}
.boxtitleleft, .boxtitleright {
	color: #FFF;
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
	display: inline-block;
	width: 50%;
}
.boxtitleright {
	text-align: right;
}
.boxtitleright #displayZoneNotifications {
	display: inline-block;
	float: none;
}
.boxtitleright #displayZoneNotifications img {
	float: none;
	display: inline-block;
	margin-top: -6px;
}
.boxtitleright #displayZoneNotifications img + div {
	line-height: normal;
	float: right;
	margin: 0 0 0 -6px;
}

.boxtitle .zoneSelectorArea {
	margin-left: 8px;
}
.boxtitle .zoneSelectorArea label {
	display: none;
}
.boxtitle .zoneSelectorArea .datarow {
	display: inline-block;
	margin: 0;
}

/* ----- ZONE WIZARD -----  */
.wizardSubtitle {
	color: #016db8;
	font-size: 16px;
}

#wizard {
    font-size:12px;
    height:auto;
    margin:0px auto;
    width:auto;
    overflow:hidden;
    position:relative;
}

#wizard ol {
    padding:0px !important;
    margin:0px !important;
    width:97.5%;
}

#wizard li {
	width:20%;
    list-style-type:none;
    list-style-image:none;
    margin-bottom:25px;
    position:relative;
    top:-3px;
}

#wizard #status  {
    margin:50px 10px !important;
    height:7px;
    background:#c0c0c0;
}

#status li  {
    float:left;
    margin: -10px 0px 0px 0px;
    padding: 0px;
    list-style-type:none;
    list-style-image:none;

    color:#fff;
    width: 35px;
    height: 35px;
    background-color: #c0c0c0;
    margin-left: 111px !important;
    cursor:pointer;

    border-radius: 50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}

#status li .content
{
	position:relative;
	top:31px;
	left:10px;
	font-size:x-large;
	color:#000;
}

#status li p
{
	text-align: center;
	margin: -30px;
	padding: 0px;
	line-height: 30px;
	color: #5f5f5f;
}

#status li.active
{
    background-color:#00c36a;
    font-weight:normal;
}

#status li.active .content
{
	color:#fff;
	z-index:2;
}

#status li.active .bar {
	position:relative;
	top:12px;
	left:-115px;
	width:115px;
	background-color:#00c36a;
	border:4px solid #00c36a;
}

#status li.active .barFinish{
	position:relative;
	top:12px;
	left:-115px;
	width:310px;
	background-color:#00c36a;
	border:4px solid #00c36a;
}

#status li.active p a
{
    font-weight: bold;
    white-space: nowrap;
}

#status a {
	font-size:17px;
	color:#605f5f;
	text-decoration:none;
}

.ui-tooltip {
    white-space: pre-line;
}

/* -------------- JQUERY UI OVER-RIDES ----------- */

.ui-dialog {
	background-color: #fff;
	padding: 0;
	z-index: 200;
}
.ui-jqdialog {
	padding: 0;
}
.ui-dialog-titlebar, .ui-jqdialog .ui-jqdialog-titlebar {
    background-color: #006ab3;
    border: none;
    color: #FFF;
    font-size: 1.2em;
    font-weight: normal;
    padding: 8px 5px;
}
.ui-jqdialog .ui-jqdialog-title {
	font-size: 1.2em;
	margin: 0;
}
.ui-jqdialog-content .DelTable, .ui-jqdialog-content .EditTable {
	border: none;
}
.ui-widget, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
 	background-color: #fff;
 	color: #006ab3;
 	font-family: Arial, Helvetica, sans-serif;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: none;
	background: #006ab3;
	font-weight: normal;
	color: #fff;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active, .ui-tabs .ui-tabs-nav li.ui-state-hover {
	background: #006ab3;
	font-weight: normal;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 0;
	margin-bottom: 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	color: #006ab3;
	font-size: 1em;
	outline: none;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
    color: white;
    background-color:#006ab3;
    line-height: 1.9;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
    color: #006ab3;
    background-color: white;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    line-height: 1.9;
}

.ui-tabs .ui-tabs-nav li a:hover {
	color: #fff;
	font-size: 1em;
	outline: none;
}
.ui-tabs-nav li.ui-state-hover .ui-tabs-anchor {
  color: #FFF;
}
.ui-widget input, .ui-widget select, .ui-widget textarea {
	clear: left;
	font-family: Arial, Helvetica, sans-serif;
}
#project input, #project select, #project textarea {
	clear: none;
	display: inline;
}
.ui-dialog-buttonset button {
	background-color: #fff;
	border: 2px solid #006ab3;
	border-radius: 6px;
	color: #006ab3;
	font-size: 1.1em;
	text-transform: uppercase;
}
.ui-dialog-buttonset button.ui-state-focus, .ui-dialog-buttonset button.ui-state-hover {
	background-color: #006ab3;
	border: 2px solid #006ab3;
	border-radius: 6px;
	color: #fff;
}
.ui-dialog .ui-dialog-titlebar-close {
	background-color: #006ab3;
	border: none;
	outline: none;
}
.ui-state-default .ui-icon {
	background-image: url("jquery/ui-lightness-1.11.4/images/ui-icons_ffffff_256x240.png");
	float: right;
}
.ui-button .ui-widget .ui-state-default .ui-corner-all .ui-button-text-only .ui-state-focus, button .ui-button .ui-widget .ui-state-default .ui-corner-all .ui-button-text-only .ui-state-hover {
	background-color: #006ab3;
	color: #fff;
}

#all_details_area #t_grid {
	display: none;
}

/*--- LOGIN PAGE --------------*/
#_title_title_id .dijitTitlePaneContentOuter {
	background: transparent;
}

/* jQuery Selection widget */
.nortecSelect {
	position: relative;
    display: inline-block;
    width: 100%;
}
.nortecSelect input {
	color: #666;
}
.nortecSelect .statusIcon {
	font-size: 16px;
	position: absolute;
	margin-left: -20px;
	line-height: 24px !important;
}
.nortecSelect .statusIcon.notRecommendedIcon {
	font-size: 12px;
	color: rgb(255, 60, 0);
	display: none;
}
.nortecSelect.notRecommended .statusIcon.notRecommendedIcon {
	display: inline-block;
}
.nortecSelect.notRecommended input {
	background: rgb(254, 231, 164);
}
.ui-autocomplete.ui-menu .ui-menu-item a {
	text-decoration: none;
}
.ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus {
	border: 1px solid #79b7e7;
	background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
}

/* ui-state-default and ui-state-hover have no styles in Nortec Help */
.custom-combobox-toggle.ui-state-default {
	border: 1px solid #aaa;
	border-left: none;
	font-weight: bold;
	color: #006ab3;
}
.custom-combobox-toggle.ui-state-hover {
	border: 1px solid #79b7e7;
	border-left: none;
	background: #fbf9ee;
	font-weight: bold;
	color: #363636;
}
.custom-combobox-toggle.ui-state-default .ui-icon {
	background-image: url("jquery/ui-icons_006ab3_256x240.png");
}

.tundra .custom-combobox-input.dijitError {
	background-color: #f9f7ba;
}

.ui-autocomplete{
    z-index: 1200;
}

/* Project Pricing Tab */
#billOfMaterialsDisplay {
    border: 2px solid #0072BC;
    border-top: none;
}
#billOfMaterialsDisplay .lightbluebox div.boxtitle {
	padding: 0;
	display: inline-block;
	width: 33%;
}
#billOfMaterialsDisplay .lightbluebox > div, #billOfMaterialsDisplay .lightbluebox > div > form {
	display: inline;
}
#billOfMaterialsDisplay .titlecontrol {
	display: inline-block;
	width: 66%;
}
#billOfMaterialsDisplay .titlecontrol .datarow {
	overflow: hidden;
	float: right;
}
#billOfMaterialsDisplay .titlecontrol .datarow label {
	display: inline;
	float: none;
}

.lightbluebox, .projectPricing  {
	background-color: #0072BC;
}

.lightbluebox .boxtitle {
	color:#ffffff;
	margin-bottom:0;
}

.projectPricing.lightbluebox .dijitTitlePaneContentOuter {
	background: none;
}

.projectPricing label {
	color: #eef8ff;
}
.projectPricing select, .projectPricing input, .projectPricing .dijitTextBoxDisabled input {
	color: #3d93ca;
	border: 1px solid #b5b5b5;
	background-color: #ffffff;
	text-align: center;
}

.projectPricing .datarow,
.projectPricing .discountSurchargeDiv {
	display: inline-block;
	line-height: initial;
	margin: 0 5px 0 5px;
	vertical-align: top;
}
.projectPricing .datarow.checkinput {
	padding-top: 27px;
}
.projectPricing .datarow.checkinput label {
	margin-bottom: 0;
}
.projectPricing .datarow ~ .datarow,
.projectPricing .datarow ~ .discountSurchargeDiv {
	margin-left: 15px;
}
.projectPricing .discountSurchargeDiv input ~ .datarow {
	margin-left: 0px;
}
.projectPricing .datarow select, .projectPricing .datarow .dijitTextBox {
	height: 22px;
	display: block;
	clear: both;
	width: 10em;
}
.projectPricing .datarow label {
	line-height: 22px;
}
.projectPricing .boxtitle {
	margin-bottom: 12px;
}

.borderedInfoSection {
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	padding: 10px;
	margin: 1em 0px 2em 0px;
}
.borderedInfoSection + .datarow {
	margin: 1em 0;
}
#orderSoldToInfo div.box, #orderShipToInfo div.box {
	word-wrap: break-word;
}
.stakeholderRoleDialogSection {
	margin-top: 20px;
}
.projectScopeDialogSection {
	clear: both;
	padding-top: 8px;
}
.projectScopeDialogSection textarea#_scope_id {
	max-width: none;
	width: 290px;
	height: 5em;
}
.labelWithRadio {
	margin-top: 6px;
	width: 100%;
	text-align: left;
}
.labelWithRadio input[type=radio] {
	vertical-align: middle;
	margin-bottom: 4px;
}
.labelWithRadio + div .datarow:first-child {
	margin-top: 0;
}
.distribSize1 {
	display: none;
	position: relative;
	top: 10px;
	left: 70px;
}
.distribSize2 {
    display: none;
    position: relative;
    top: 10px;
    left: 105px;
}
.webkitDisplay {
	display: -webkit-box;
}
div.selectContactWithAdd {
	margin: 5px 21px 0 21px;
	z-index: inherit;
}
div.selectContactWithAdd > div.datarow {
	margin-bottom: 15px;
}
div.selectContactWithAdd span.custom-combobox {
	width: calc(100% - 56px);
	margin-right: 10px;
}

.toolbarButton {
	display: inline-block;
}

.datarow .ui-jqgrid .ui-jqgrid-view input, .ui-jqgrid .ui-jqgrid-view select, .ui-jqgrid .ui-jqgrid-view textarea, .ui-jqgrid .ui-jqgrid-view button {
    font-size: 14px;
}
.projectInfoPanel {
	border: 2px solid #006ab3;
	margin-top: 8px;
	border-radius: 5px;
	padding: 0 10px 10px 10px;
}
.receiveShareForm {
	margin-top: 10px;
}
.receiveShareForm div.datarow {
	display: inline-block;
}
.receiveShareForm .standardButton {
	margin-left: 10px;
}
.receiveShareForm #saveButton {
	margin-left: 30px;
}

/** Spareparts Overrides **/
div#sparePartSearch div.submit input{
    margin-left:-2px;
}

/************************************
*** Expert On Site ******************
*************************************/

#expertOnSite {
	border: 2px solid #0072BC;
}

.eosTitle {
	background-color: #0072BC;
	color:white;
	padding:10px;
	font-size:18px;
}

.eosbluebox {
	border: 2px solid #ffffff;
	padding: 20px;
	background-color: #eef8ff;
}

.eosChangedWarning {
	color: #fff;
	background-color: #F3A909;
	border: 1px solid white;
	min-height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	padding: 7px;
}
.eosChangedWarning button {
	line-height: normal;
}
.eosWarningBadge {
	color: #F3A909;
}

.eosInstructions {
	display:block;
	color: #7b7b7b;
	font-size:16px;
	line-height:22px;
}

.eosInstructions span {
	display:block;
	margin: 20px 0;
	background-color:#ffffff;
	color: #348bc8;
	font-size:20px;
	font-weight: bold;
	padding:10px;
	text-align:center;
}

.eosbluebox table,
.eosbluebox thead,
.eosbluebox tbody,
.eosbluebox tr,
.eosbluebox th,
.eosbluebox td,
.eosbluebox label,
.eosbluebox input,
#expertOnSiteTotal div {
	padding:0;
	margin:0;
	background-color:initial;
	border:initial;
	color:initial;
	height: 36px;
	border-collapse: collapse;
	border: none;
}

/* EoS Table General */

.eosbluebox table {
	width:auto;
	border: 1px solid #348bc8;
}

.eosbluebox table td,
.eosbluebox table input  {
	color:#348bc8;
}

.eosbluebox table th,
.eosbluebox table td  {
	padding: 0 5px;
}

.eosbluebox table.eosCommissionTable,
.eosbluebox table.eosInstallTable  {
	display:inline-block;
	height:inherit;
}

.eosbluebox table.eosInstallTable  {
	margin-left: 20px;
}


th.eosTableTitle {
	text-align:center;
	background-color:  #3d93ca;
	color:#fff;
	font-size:16px;
	font-style:normal;
}

th.eosTableTitle {
	text-align:center;
	background-color:  #3d93ca;
	color:#fff;
	font-size:16px;
	font-style:normal;
	position:relative;
}

th.eosTableTitle a {
	position:absolute;
	display:block;
	right:4px;
	top:4px;
	color:#fff;
	text-decoration:none;
}

.eosbluebox thead tr:nth-child(2) th {
	background-color:  #cce2f1;
	font-size:14px;
	color:#3d93ca;
	font-style:normal;
	text-align: center;
}

.eosbluebox tbody td,
.eosbluebox tbody input {
	background-color:  #ffffff;
	text-align: center;
}

.eosbluebox tbody td{
	border-top: 1px solid #eef8ff;
}

.eosbluebox tfoot tr:first-child td {
	border-top: 1px solid #3d93ca;
}

.eosTableSummaryValue {
	text-align:center;
}

/* EoS Table General */

th.eosTableCheck,
td.eosTableCheck {
	width:36px;
	border-right: 1px solid #eef8ff;
}

th.eosTableProductName,
td.eosTableProductName {
	width:140px;
	border-right: 1px solid #eef8ff;
}

td.eosTableProductName label {
	display:none;
}

.eosTableQuantity,
.eosTableQtyToInstall {
	width:128px;
}

table.eosInstallTable th.eosTableQuantity, table.eosInstallTable td.eosTableQuantity,
table.eosInstallTable th.eosTableQtyToInstall, table.eosInstallTable td.eosTableQtyToInstall,
table.eosInstallTable th.eosTableInstallRadio, table.eosInstallTable td.eosTableInstallRadio {
	border-right: 1px solid #eef8ff;
}

#expertOnSiteForm .eosTableQtyToInstall div.dijitValidationTextBox {
	width: 50px;
	height: 26px;
	border: 1px solid #3d93ca;
	border-radius: 4px;
}
#expertOnSiteForm .eosTableQtyToInstall div.dijitValidationTextBox input {
	height: 24px;
}

.eosTableSupportRadio {
	width:128px;
}

.eosTableNote {
	margin-top: 5px;
	color: #7b7b7b;
	font-style:italic;
}

/* EoS total */

#expertOnSiteTotal {
	text-align:right;
	margin-top:20px;
}

.eosbluebox table.eosTotalsTable {
display:inline-block;
height:inherit;
}

.eosbluebox table.eosTotalsTable td {
	background-color:  #ffffff;
	text-align: left;
}

td.eosTableSummaryKey {
	width:150px;
}

.eosbluebox table.eosTotalsTable td:last-child {
	width:100px;
	text-align:center;
}
.miniBomQuantity.green {
    color: #080;
}
.quantity.green {
    color: #080;
}
.totalPrice.green {
    color: #080;
}
.nortecTable input.shipDate {
	height: 22px;
}
.nortecTable td.requiredData {
	vertical-align: top;
}
.ui-datepicker .ui-datepicker-header {
	background-color: gainsboro;
}