﻿/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~'
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~'
~~~~~~~~~~~~~~~~~ NORTHSCAPING INC. ~~~~~~~~~~~~~~~~~~'
~~~~~~~~~~~ NetPS CASCADING STYLE SHEET ~~~~~~~~~~~~~~'
~~~~~~~~~~~~~~~~~~ FIXED DEVICES ~~~~~~~~~~~~~~~~~~~~~'
~~~~~~~~~~~~~~~~~~~ VERSION 5.0 ~~~~~~~~~~~~~~~~~~~~~~'
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~'
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~'

Release Date:  January 31, 2017

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~'
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~'
~~~~~~~~~~~~~~ Development Comments ~~~~~~~~~~~~~~~~~~'
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~'
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~'

*/

/* ******************************* */
/* NetPS Global & Framework Styles */
/* ******************************* */

#pageMaster {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    visibility: visible;
    border: none;
    line-height: normal;
    text-indent: 0;
    text-align: left;
    margin: 0;
    padding: 0;
    overflow: visible;
    white-space: normal;
    word-spacing: normal;
    vertical-align: top;
    direction: ltr;
    height: auto;
    letter-spacing: normal;
    text-justify: auto;
    text-transform: none;
    z-index: auto;
    font-weight: normal;
    box-sizing: border-box;
    background-color: transparent;
}

#pageMaster #floatClear {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    float: left;
}

#pageMaster #floatClear p,
#pageMaster #floatClear strong,
#pageMaster #floatClear em,
#pageMaster #floatClear label {
    margin: 0em 0em 0.8em 0em;
    padding: 0px;
}

#pageMaster #floatClear input {
    font-weight: normal;
}

#pageMaster #floatClear li {
    vertical-align: middle;
    padding: 0;
    margin: 0em 0em 0.4em 0em;
    line-height: 1.3em;
}

#pageMaster #floatClear .NetPS-IconLink {
    border: none;
    display: inline;
}

#pageMaster #floatClear .NetPS-MessageBlock {
    margin-top: 24px;
    clear: both;
}

#pageMaster #floatClear .NetPS-Clear {
    width: 100%;
    line-height: 1px;
    clear: both;
    overflow: hidden;
}

#pageMaster #floatClear #NetPS-TitleBar {
    font-weight: bold;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 6px;
}

#pageMaster #floatClear #NetPS-mPLinkBox {
    line-height: 1em;
    clear: both;
    text-align: right;
    min-width: 200px;
    float: right;
}

#pageMaster #floatClear #NetPS-mPLinkBoxInsert {
    float: right;
    text-align: center;
}

#pageMaster #floatClear .NetPS-mPLinkBoxLine {
    margin-bottom: 0.6em;
}

#pageMaster #floatClear input[type="submit"],
#pageMaster #floatClear .NetPS-Button {
    font-weight: bold;
}

#pageMaster #floatClear #NetPS-PageFooter {
    padding-top: 12px;
    clear: both;
    text-align: center;
    width: 100%;
}

#pageMaster #floatClear .NetPS-FooterSiteMap {
    margin-bottom: 6px;
}

#pageMaster #floatClear a,
#pageMaster #floatClear a.NetPS-DefaultLink:link,
#pageMaster #floatClear a.NetPS-DefaultLink:active,
#pageMaster #floatClear a.NetPS-DefaultLink:hover,
#pageMaster #floatClear a.NetPS-DefaultLink:visited {
    font-weight: bold;
    text-decoration: underline;
}

#pageMaster #floatClear a.NetPS-FinePrintLink:link,
#pageMaster #floatClear a.NetPS-FinePrintLink:active,
#pageMaster #floatClear a.NetPS-FinePrintLink:hover,
#pageMaster #floatClear a.NetPS-FinePrintLink:visited {
    font-weight: bold;
    text-decoration: underline;
}

/* ************************ */
/* NetPS Search Page Styles */
/* ************************ */

#pageMaster #floatClear #NetPS-SearchWelcome {
    margin-top: 4px;
}

#pageMaster #floatClear #NetPS-SearchForm {
    vertical-align: top;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    clear: right;
}

#pageMaster #floatClear .NetPS-SearchHeader {
    margin-bottom: 15px;
    margin-top: 20px;
    padding: 6px 0px 6px 0px;
    font-weight: bold;
    width: 100%;
    clear: both;
    box-sizing: border-box;
}

#pageMaster #floatClear #NetPS-SearchContainer,
#pageMaster #floatClear .NetPS-SearchBlock {
    box-sizing: border-box;
}

#pageMaster #floatClear .NetPS-SearchBlockHeader {
    margin-top: 10px;
    padding: 6px 0px 6px 0px;
    vertical-align: middle;
    font-weight: bold;
    text-decoration: underline;
}

#pageMaster #floatClear #NetPS-HBLine {
    vertical-align: bottom;
    margin-bottom: 16px;
}

#pageMaster #floatClear #NetPS-HBImage {
    float: left;
}

#pageMaster #floatClear #NetPS-SearchKeyword {
    font-weight: bold;
    padding: 10px 0px 10px 0px;
}

#pageMaster #floatClear #NetPS-SFInstructions {
    font-weight: bold;
    padding: 10px 0px 10px 0px;
}

#pageMaster #floatClear #NetPS-SearchTypeWorkspace {
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}

#pageMaster #floatClear .NetPS-SearchType {
    float: left;
    margin: 0;
    padding: 0;
}

#pageMaster #floatClear .NetPS-SearchTypeInsert {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 2px;
    line-height: 2em;
}

#pageMaster #floatClear .NetPS-SearchFieldWorkspace {
    margin: 0;
    padding: 0;
    position: relative;
    clear: left;
}

#pageMaster #floatClear .NetPS-SearchBlockHBIcon {
}

#pageMaster #floatClear .NetPS-SearchField,
#pageMaster #floatClear .NetPS-SearchFieldFiller {
    float: left;
    margin: 0;
    box-sizing: border-box;
    padding: 0;
}

#pageMaster #floatClear .NetPS-SearchFieldFiller {
    display: none;
    background-color: transparent;
}

#pageMaster #floatClear .NetPS-SearchFieldInsert {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

#pageMaster #floatClear .NetPS-SearchFieldRight {
    text-align: left;
    font-weight: normal;
    z-index: 5;
    width: 46%;
    float: right;
}

#pageMaster #floatClear .NetPS-SearchFieldLeft {
    float: left;
    width: 8%;
}

#pageMaster #floatClear .NetPS-SearchFieldSpacer {
    width: 100%;
    height: 1px;
    margin: 5px 0 5px 0;
}

#pageMaster #floatClear #NetPS-SearchSubmitBar {
    margin: 0 auto;
    padding: 8px 0px 8px 0px;
    text-align: center;
    width: 100%;
    clear: left;
}

#pageMaster #floatClear .NetPS-SearchSubmitBlockLeft {
    padding-left: 10%;
    float: left;
}

#pageMaster #floatClear .NetPS-SearchSubmitBlockRight {
    padding-right: 10%;
    float: right;
}

#pageMaster #floatClear #NetPS-CSCWorkspace {
    width: 100%;
    margin: 0;
    padding: 0;
}

#pageMaster #floatClear .NetPS-CSCRowBlock {
    float: left;
    width: 300px;
    margin: 0;
    box-sizing: border-box;
}

#pageMaster #floatClear .NetPS-CSCRowBlockInsert {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
}

#pageMaster #floatClear .NetPS-CSCRowHeader {
    font-weight: bold;
}

#pageMaster #floatClear .NetPS-CSCRowPicBox {
    float: left;
    margin: 0;
}

#pageMaster #floatClear .NetPS-CSCRowPicBox img {
    border: solid 2px #aabdd4;
}

#pageMaster #floatClear .NetPS-CSCRowData {
    position: relative;
    margin: 0 0 0 100px;
    text-align: left;
    height: 100%;
}

#pageMaster #floatClear .NetPS-CSCRowLinksBox {
    position: absolute;
    bottom: 10px;
    left: 0;
}

#pageMaster #floatClear .NetPS-CSCTileBlock {
    float: left;
    width: 250px;
    margin: 0;
    box-sizing: border-box;
}

#pageMaster #floatClear .NetPS-CSCTileBlockInsert {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

#pageMaster #floatClear .NetPS-CSCTilePicBox {
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
}

#pageMaster #floatClear .NetPS-CSCTilePicBox img {
    border: solid 2px #aabdd4;
    display: inline-block;
}

#pageMaster #floatClear .NetPS-CSCTileHeader {
    font-weight: bold;
    margin: 0 auto;
    margin-top: 20px;
}

#pageMaster #floatClear .NetPS-CSCTileData {
    margin: 0 0 0 0;
    text-align: center;
}

#pageMaster #floatClear .NetPS-CSCTileLinksBox {
    position: absolute;
    width: calc(100% - 40px);
    left: 20px;
    bottom: 15px;
}

#pageMaster #floatClear a.NetPS-CSCLink,
#pageMaster #floatClear a.NetPS-CSCLink:link,
#pageMaster #floatClear a.NetPS-CSCLink:active,
#pageMaster #floatClear a.NetPS-CSCLink:visited,
#pageMaster #floatClear a.NetPS-CSCLink:hover {
    text-decoration: underline;
    margin: 4px 0 0 0;
    font-weight: bold;
    display: block;
}

/* ************************* */
/* NetPS Color Picker Styles */
/* ************************* */

#pageMaster #cpDivTag {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    padding: 12px 8px 8px 6px;
    cursor: all-scroll;
}

#pageMaster #cpDivTag .cpRow {
    height: 18px;
    width: 100%;
    margin-bottom: 4px;
    clear: both;
}

#pageMaster #cpDivTag .cpColorTextLink {
}

#pageMaster #cpDivTag .cpColorWindow {
    float: right;
    width: 34px;
    height: 16px;
    border: 1px solid #eaeaea;
}

#pageMaster #cpDivTag .cpCloseRow {
    line-height: 1.3em;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 4px;
    clear: both;
}

a.keyLink {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 20px;
    height: 20px;
    border: 1px solid #000000;
    background-image: none;
    font-size: 120%;
    text-align: center;
    padding: 0;
    background-color: #ffffff;
    opacity: .5;
}

/* ************************* */
/* NetPS Results Page Styles */
/* ************************* */

#pageMaster #NetPS-ResultsMasthead {
    margin-top: 4px;
    padding: 0px;
    vertical-align: top;
}

#pageMaster #floatClear #NetPS-ResultsHeader {
    font-weight: bold;
}

#pageMaster #floatClear #NetPS-ResultsInstructions {
    margin-top: 4px;
}

#pageMaster #floatClear #NetPS-ResultsForm {
    vertical-align: top;
    width: 100%;
    clear: left;
}

#pageMaster #floatClear .NetPS-ResultsSpecialOrder {
    margin-top: 24px;
    font-style: italic;
    clear: both;
}

#pageMaster #floatClear .NetPS-ResultsSpacer {
    line-height: 5px;
    clear: both;
    width: 100%;
}

#pageMaster #floatClear .NetPS-ResultsBlock1,
#pageMaster #floatClear .NetPS-ResultsBlock2,
#pageMaster #floatClear .NetPS-ResultsPromo {
    padding-top: 4px;
    width: 99%;
    vertical-align: top;
    text-align: left;
    clear: left;
    margin-bottom: 6px;
}

#pageMaster #floatClear .NetPS-ResultsData {
    padding-bottom: 4px;
    margin-bottom: 0px;
    margin-left: 170px;
    vertical-align: top;
    text-align: left;
}

#pageMaster #floatClear .NetPS-ResultsDataPromo {
    padding: 0;
    margin-bottom: 0px;
    vertical-align: top;
    text-align: left;
}

#pageMaster #floatClear .NetPS-ResultsPromoHeader {
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 110%;
}

#pageMaster #floatClear .NetPS-ResultsDataSub {
    margin-top: 1em;
}

#pageMaster #floatClear .NetPS-ResultsPicBox {
    padding-bottom: 4px;
    margin-bottom: 4px;
    vertical-align: top;
    position: relative;
    float: left;
}

#pageMaster #floatClear .NetPS-ResultsPhoto {
    width: 140px;
    height: 140px;
    border: 2px solid #dddddd;
    display: block;
    margin-left: 0;
    margin-right: auto;
}

#pageMaster #floatClear .NetPS-ResultsPlantNumber {
    padding: 6px;
    top: 2px;
    left: 2px;
    position: absolute;
    background-color: #fafafa;
    color: #555555;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

#pageMaster #floatClear .NetPS-ResultsAddToBox {
    padding: 8px 8px 8px 12px;
    margin: 0 0 0 10px;
    text-align: right;
    float: right;
}

#pageMaster #floatClear .NetPS-ResultsAddTextLine {
    margin-bottom: 8px;
    vertical-align: top;
}

#pageMaster #floatClear .NetPS-ResultsAddTextBlock {
    display: inline-block;
    text-align: right;
    margin-right: 4px;
}

#pageMaster #floatClear #NetPS-RSubmitBar {
    margin: 0 auto;
    padding: 8px 0px 8px 0px;
    text-align: center;
    width: 100%;
    max-width: 1000px;
    clear: left;
}

#pageMaster #floatClear .NetPS-RSubmitBlockLeft {
    padding-left: 10%;
    float: left;
}

#pageMaster #floatClear .NetPS-RSubmitBlockRight {
    padding-right: 10%;
    float: right;
}

#pageMaster #floatClear .NetPS-RSubmitBarCurrent {
    font-weight: bold;
    text-decoration: none;
}

#pageMaster #floatClear a.NetPS-ResultsPLink:link,
#pageMaster #floatClear a.NetPS-ResultsPLink:active,
#pageMaster #floatClear a.NetPS-ResultsPLink:visited,
#pageMaster #floatClear a.NetPS-ResultsPLink:hover {
    font-weight: bold;
    text-decoration: underline;
}

#pageMaster #floatClear a.NetPS-ResultsP2Link:link,
#pageMaster #floatClear a.NetPS-ResultsP2Link:active,
#pageMaster #floatClear a.NetPS-ResultsP2Link:visited,
#pageMaster #floatClear a.NetPS-ResultsP2Link:hover {
    font-weight: bold;
    text-decoration: underline;
}

#pageMaster #floatClear a.NetPS-ResultsPageLink:link,
#pageMaster #floatClear a.NetPS-ResultsPageLink:active,
#pageMaster #floatClear a.NetPS-ResultsPageLink:visited,
#pageMaster #floatClear a.NetPS-ResultsPageLink:hover {
    font-weight: normal;
    text-decoration: underline;
}

#pageMaster #floatClear a.NetPS-ResultsPageLinkBold:link,
#pageMaster #floatClear a.NetPS-ResultsPageLinkBold:active,
#pageMaster #floatClear a.NetPS-ResultsPageLinkBold:visited,
#pageMaster #floatClear a.NetPS-ResultsPageLinkBold:hover {
    font-weight: bold;
    text-decoration: none;
}

#pageMaster #floatClear a.NetPS-RSubmitBarLink:link,
#pageMaster #floatClear a.NetPS-RSubmitBarLink:active,
#pageMaster #floatClear a.NetPS-RSubmitBarLink:visited,
#pageMaster #floatClear a.NetPS-RSubmitBarLink:hover {
    font-weight: normal;
    text-decoration: underline;
}

/* ************************** */
/* NetPS myPlants Page Styles */
/* ************************** */

#pageMaster #NetPS-mPMasthead {
    margin-top: 4px;
    padding: 0px;
    vertical-align: top;
}

#pageMaster #floatClear #NetPS-mPTitle {
    margin-bottom: 12px;
    font-weight: bold;
}

#pageMaster #floatClear #NetPS-mPHeader {
    font-weight: bold;
}

#pageMaster #floatClear #NetPS-mPInstructions {
    margin-top: 4px;
}

#pageMaster #floatClear #NetPS-mPForm {
    vertical-align: top;
    width: 100%;
    clear: both;
}

#pageMaster #floatClear #NetPS-mPBar {
    margin-top: 16px;
    width: 100%;
    text-align: center;
}

#pageMaster #floatClear #NetPS-mPBarLeft {
    text-align: left;
    float: left;
    width: 32%;
}

#pageMaster #floatClear #NetPS-mPBarRight {
    text-align: right;
    float: right;
    width: 32%;
}

/* ********************************* */
/* NetPS myPlants E-Mail Page Styles */
/* ********************************* */

#pageMaster #floatClear #NetPS-mPEMailSendForm,
#pageMaster #floatClear #NetPS-mPEMailSubmitForm {
    vertical-align: top;
    width: 100%;
    margin-bottom: 30px;
}

.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* *********************************** */
/* NetPS Plant Information Page Styles */
/* *********************************** */

#pageMaster #floatClear #NetPS-PlantContainer {
    vertical-align: top;
    width: 100%;
}

#pageMaster #floatClear #NetPS-PlantHeader {
    margin: 6px 0 8px 0;
    width: 100%;
    position: relative;
}

#pageMaster #floatClear .NetPS-PlantHeaderSpacerTop,
#pageMaster #floatClear .NetPS-PlantHeaderSpacerBot {
    line-height: 2px;
}

#pageMaster #floatClear .NetPS-PlantHeaderSpacerTop {
    margin-bottom: 4px;
}

#pageMaster #floatClear .NetPS-PlantHeaderSpacerBot {
    margin-top: 4px;
}

#pageMaster #floatClear #NetPS-PlantHeaderBox {
    vertical-align: top;
    text-align: left;
}

#pageMaster #floatClear #NetPS-PlantIconLeft {
    margin-right: 4px;
    float: left;
}

#pageMaster #floatClear #NetPS-PlantName {
    margin: 0 6px 0 50px;
}

#pageMaster #floatClear #NetPS-PlantCommonName {
    margin-bottom: 5px;
    font-weight: bold;
}

#pageMaster #floatClear #NetPS-PlantBotanicName {
    margin-bottom: 0;
    font-style: italic;
}

#pageMaster #floatClear .NetPS-PlantNewForText {
    font-weight: bold;
    font-style: italic;
}

#pageMaster #floatClear #NetPS-PlantAddPlant {
    clear: left;
    padding-top: 12px;
}

#pageMaster #floatClear .NetPS-PlantAddText {
    font-weight: bold;
}

#pageMaster #floatClear #NetPS-PlantButtonBlock {
    height: 20px;
    margin: 0 0 4px 0;
    vertical-align: top;
}

#pageMaster #floatClear .NetPS-PlantButtonBlock-PF,
#pageMaster #floatClear .NetPS-PlantButtonBlock-FB,
#pageMaster #floatClear .NetPS-PlantButtonBlock-PN {
    height: 20px;
    margin: 0;
    padding: 0;
    float: left;
}

#pageMaster #floatClear .NetPS-PlantButtonBlock-PF {
    margin-right: 4px;
}

#pageMaster #floatClear .NetPS-PlantButtonBlock-PN {
    margin-left: 4px;
}

#pageMaster #floatClear #NetPS-PlantBox {
    width: 100%;
    vertical-align: top;
    padding-top: 12px;
    margin: 0;
    clear: left;
}

#pageMaster #floatClear #NetPS-PlantBox ul {
    margin-bottom: 1em;
}

#pageMaster #floatClear #NetPS-PlantPicRightFirst,
#pageMaster #floatClear #NetPS-PlantPicRightSecond,
#pageMaster #floatClear #NetPS-PlantPicRightThird {
    padding: 6px 0 12px 0;
    vertical-align: top;
    clear: both;
    margin-left: 8px;
    text-align: center;
    float: right;
}

#pageMaster #floatClear #NetPS-PlantPicRightSecond,
#pageMaster #floatClear #NetPS-PlantPicRightThird {
    margin-top: 8px;
}

#pageMaster #floatClear .NetPS-PlantPhoto {
    border: solid 1px #333;
    display: block;
    margin-left: auto;
    margin-right: 0;
}

#pageMaster #floatClear .NetPS-PlantPopupText {
    color: #333;
}

#pageMaster #floatClear .NetPS-PlantCaption {
    padding-top: 6px;
}

#pageMaster #floatClear .NetPS-PlantCreditText {
    font-style: italic;
}

#pageMaster #floatClear a.NetPS-PlantCreditLink:link,
#pageMaster #floatClear a.NetPS-PlantCreditLink:active,
#pageMaster #floatClear a.NetPS-PlantCreditLink:visited,
#pageMaster #floatClear a.NetPS-PlantCreditLink:hover {
    font-weight: bold;
    text-decoration: underline;
}

#pageMaster #floatClear #NetPS-PlantQuickFactsBox {
    margin-bottom: 16px;
}

#pageMaster #floatClear .NetPS-PlantQuickFactsHeader {
    font-weight: bold;
}

#pageMaster #floatClear .NetPS-PlantLightIcon {
    display: inline;
    margin: 0;
    padding: 0;
}

#pageMaster #floatClear .NetPS-PlantDescHeader {
    font-weight: bold;
}

#pageMaster #floatClear .NetPS-PlantPromoHeader {
    font-weight: bold;
}

#pageMaster #floatClear .NetPS-PlantSpecialOrder {
    font-style: italic;
}

#pageMaster #floatClear #NetPS-PlantIconBar {
    margin-top: 16px;
    margin-bottom: 12px;
    width: 100%;
}

#pageMaster #floatClear #NetPS-PlantIcons {
    width: 100%;
    vertical-align: top;
    text-align: left;
}

#pageMaster #floatClear #NetPS-PlantIconBoxCh,
#pageMaster #floatClear #NetPS-PlantIconBoxAp,
#pageMaster #floatClear #NetPS-PlantIconBoxOr {
    margin-right: 14px;
    float: left;
}

#pageMaster #floatClear #NetPS-PlantIconBoxCh {
    width: 143px;
}

#pageMaster #floatClear #NetPS-PlantIconBoxAp {
    width: 209px;
}

#pageMaster #floatClear #NetPS-PlantIconBoxOr {
    width: 228px;
}

#pageMaster #floatClear .pdpIconField {
    margin-right: 3px;
    float: left;
}

#pageMaster #floatClear .NetPS-PlantIconName {
    font-weight: bold;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 8px;
    clear: left;
}






