








	* { box-sizing: border-box; -moz-box-sizing: border-box; font-size: 16px; font-family:'IBM Plex Sans',sans-serif; transition: background 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s; }
	html, body { margin: 0; padding: 0; min-height: 100vh; color: rgb(10, 41, 66); background-color: #FFFFFF; line-height: 1.6em; font-size: 15px;}
    a { text-decoration: underline; color: rgb(10, 41, 66); word-wrap: break-word; font-size: inherit; }
    a:not(.linkButton):hover, a:not(.linkButton):focus { text-decoration: none;background-color: #FFFFFF  }
    p { font-size: 16px; padding: 0; margin: 0; line-height: 1.6em; }
    .description, .textBlock { line-height: 1.6em;  }
    .tab{line-height: 1.6em;}
    h1 *, h2 *, h3 *, h4 *, h5 *, h6 * { font-size: inherit;  line-height: 1.6em}
    .header, h1, h2, h3, h4, h5, h6 { color: rgb(10, 41, 66); line-height: 1.6em }
    h1 { font-size: 28px; padding: 0; margin: 0; line-height: 2.6em }
    h2 { font-size: 24px; padding: 0; margin: 0; line-height: 2.6em }
    h3 { font-size: 21px; padding: 0; margin: 0; line-height: 2.6em}
    h4 { font-size: 18px; padding: 0; margin: 0; line-height: 2.6em }
    h5 { font-size: 18px; padding: 0; margin: 0; line-height: 2.6em }
    h6 { font-size: 18px; padding: 0; margin: 0; line-height: 2.6em }
    .huge { font-family:'IBM Plex Sans',sans-serif; text-transform: uppercase; letter-spacing: 0.05em; font-weight: normal; }
    a img { border: none; } /* IE still does this */
    table { width: 100%; max-width: 1500px; margin: 5px auto; border-collapse: collapse; }
    table td,tr,th { border: 1px solid rgb(10, 41, 66); padding: 2px 5px; }
    /*tr:hover {background-color: rgb(220, 250, 249);  }*/
    /*td:hover {background-color: rgb(220, 250, 249); color: black; }*/
    
    .fa { transition: none; display: inline-block; margin: 0 5px; }

    /* CSS spec requires these be separate selectors */
    input[placeholder] { text-overflow: ellipsis; }
    ::-moz-placeholder { text-overflow: ellipsis; opacity: 0.8; }
    ::-webkit-input-placeholder { text-overflow: ellipsis; opacity: 0.8; }
    :-ms-input-placeholder { text-overflow: ellipsis; opacity: 0.8; }

    /* Common Site Elements */
    /* Header */
    #mainSiteHeader { background-color: #FFFFFF; height: 100px; box-shadow: 0 0 5px -1px rgba(0,0,0,0.5); font-size: 0; padding: 10px 4vw 0 4vw; position: relative;  border-style: groove;border-width: 2px; border-color: rgb(220, 250, 249) }
    #mainSiteHeader a{text-decoration: none; }
    #mainSiteHeaderRight { position: absolute; right: 4%; top: 0; bottom: 0; }
    #mainSiteHeaderRight > .column { padding: 0 0; }
    #mainSiteLogoBox { display: flex; align-items: center; text-decoration: none;  width: 20%; }
    #mainSiteLogo { -webkit-flex: 75px 0 0; flex: 75px 0 0; display: block; height: 75px; width: 75px; background-size: 85% 85%; background-position: center center; background-repeat: no-repeat; background-image: url('/Images/Common/turbine.png');}
    #mainSiteTagline { padding: 5px; font-weight: bold;text-decoration: none; color: rgb(10, 41, 66)!important;}
    #mainSiteHeader .headerMenu { min-width: 150px; height: 100px; padding-top: 35px; padding: 35px 5px 0 5px; position: relative;  }
    #mainSiteHeader .headerMenuSectionTitle { font-weight: bold; padding: 5px 10px; background-color: #DDD; }
    #mainSiteHeader .headerMenuTitle { -webkit-appearance: none; background-color: transparent; color: #000; min-width: 100%; padding: 10px; border-radius: 2px; z-index: 5001; position: relative; font-size: 16px;  color: rgb(10, 41, 66);}
    #mainSiteHeader .headerMenuTitle .fa { padding: 0 5px; }
    #mainSiteHeader .headerMenuTitle.expanded .expandArrow { display: none; }
    #mainSiteHeader .headerMenuTitle:not(.expanded) .collapseArrow { display: none; }
    #mainSiteHeader .headerMenuList { position: absolute; min-width: calc(100% - 1px); overflow: hidden; background-color: #FFFFFF; box-shadow: 0 4px 5px -1px rgba(0,0,0,0.1); padding: 15px 0 10px 0; border-radius: 2px; margin: -2px 5px 0 0; z-index: 5000;}
    #mainSiteHeader .headerMenu:last-child .headerMenuList { right: 0; }
    #mainSiteHeader .headerMenu .headerMenuList a:hover{background-color: rgb(220, 250, 249) }
    #mainSiteHeader .headerMenu .headerMenuList { display: none; }
    #mainSiteHeader .headerMenu.expanded .headerMenuTitle { background-color: #FFFFFF; color: rgb(10, 41, 66); opacity: 1; box-shadow: none; border-color: rgb(220, 250, 249); border-radius: 2px 2px 0 0;font-size: 16px;  }
    #mainSiteHeader .headerMenu .headerMenuList a, #mainSiteHeader .headerMenu .headerMenuList .headerMenuListItem { display: block; padding: 10px 15px; font-size: 16px; color: rgb(10, 41, 66);border-bottom: 1px; }
    #mainSiteHeaderTrim { position: absolute; top: 0; left: 0; right: 0; height: 10px; }
    #mainSiteHeader #userName { display: inline-block; vertical-align: text-bottom; max-width: 200px; font-size: 16px; text-overflow: ellipsis; overflow: hidden; transition: none; white-space: nowrap; }
    #mainSiteHeader #mobileMenuHeader { height: 50px; background-size: 45px; background-position: left 4vw center; background-repeat: no-repeat; position: relative; display: none; }
    #mainSiteHeader #btnMobileMenuClose { position: absolute; top: 10px; right: 4vw; font-size: 16px; border-radius: 50%; }
    #mainSiteHeader #btnMobileMenuOpen { margin-top: 25px; font-size: 16px; padding: 10px 15px; color: #607171; display: none; }

    /* Footer */
    #mainSiteFooter { background-color: #fff; color: #000; min-height: 100px; padding: 10px 5vw 80px 5vw; border-style: groove;border-width: 2px; border-color: rgb(220, 250, 249) }
    #mainSiteFooter a{text-decoration: none; }
    #mainSiteFooter { clear:both; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; }
    #mainSiteFooter .footerColumn.footerLogo { text-align: center; }
    #mainSiteFooter .footerColumn.footerLogo img { max-width: 100%; max-height: 125px; }

    #mainSiteFooter .footerColumn { min-width: 250px; max-width: 400px; margin-bottom: 25px; padding: 0 25px 0 0; }
    #mainSiteFooter .footerColumn h2 { font-size: 18px; color: #FFF; }
    #mainSiteFooter .footerColumn a { color: #000; opacity: 0.8; display: block; padding: 2px 5px; }
    #mainSiteFooter .footerColumn a:hover, #mainSiteFooter .footerColumn a:focus { opacity: 1; }
    #mainSiteFooter .footerColumn a.imageLink { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; align-items: center; height: 50px; width: 100%; background-color: #FFF; padding: 5px; margin: 5px 0; }
    #mainSiteFooter .footerColumn a.imageLink img { max-width: 100%; max-height: 100%; }
    @media (max-width: 1200px){
    #mainSiteFooter { -webkit-flex-direction: column; flex-direction: column; }
    #mainSiteFooter .footerColumn.footerLogo a { display: inline; }
    }


    /* Content */
    #content { min-height: calc(100vh - 150px - 200px); padding-left: 55px;padding-right: 5px;}
    .helpBox {
    display: flex;
    background-color: rgba(0,150,50,0.1);
    padding: 5px;
    margin: 5px 0;
    }
    .helpBox .helpContent {
    flex: 100% 1 1;
    padding: 2.5px 0;
    }
    .helpBox .helpIcon {
    flex: 25px 0 0;
    margin-right: 10px;
    font-size: 25px;
    opacity: 0.75;
    color: #1B5456;
    }
    /* Horizontal Layouts */
    .inlineBlockBox { font-size: 0; }
    .inlineBlockBox > .column { display: inline-block; vertical-align: top; }

    /* Theme */
    .rainbow { background-image: linear-gradient(60deg, #342A3F 14%, #2D2C59 14.1%, #2D2C59 28%, #0F3E63 28.1%, #0F3E63 42%, #235C5D 42.1%, #235C5D 56%, #45A085 56.1%, #45A085 70%, #BADCA3 70.1%, #BADCA3 84%, #97B753 84.1% ); }
    .linkButton { display: inline-block; /* text-align: center; */ }
    input[type=button], input[type=submit], input[type=reset], button, .linkButton { border-radius: 4px; border: 1px solid transparent; padding: 2px 5px; opacity: 0.9; -webkit-appearance: none; white-space: normal; display: inline-block; text-decoration: none; color: rgb(10, 41, 66);  }
    input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .linkButton:hover { opacity: 1; box-shadow: inset 0 -2px rgb(220, 250, 249); border: 1px solid rgb(220, 250, 249); cursor: pointer; }
    input[type=button]:active, input[type=submit]:active, input[type=reset]:active, button:active, .linkButton:active { opacity: 1; box-shadow: inset 0 -2px rgb(220, 250, 249); border: 1px solid rgb(220, 250, 249); }
    input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus, button:focus, .linkButton:focus { opacity: 1; outline: none; box-shadow: 0 0 0 2px rgb(220, 250, 249); }
    input[type=button]:disabled, input[type=submit]:disabled, input[type=reset]:disabled, button:disabled, .linkButton:disabled { opacity: 0.5; }

    input.whiteButton, button.whiteButton, .linkButton.whiteButton { background-color: #FFFFFF; color: #0F3E63; border: 1px solid rgb(10, 41, 66); }
    .whiteButton:active { background-color: #F2F4F4; }
    .blueButton, .actionButton, input.blueButton, input.actionButton { background-color: rgb(10, 41, 66); color: #FFFFFF; }

    .greenButton, input.greenButton { background-color: #45A085; color: #FFFFFF; }
    .detailButton, input.detailButton { background-color: #45A085; color: #FFFFFF; }
    .compareFooterButton, input.greenButton { background-color: #45A085; color: #FFFFFF; }

    .filterButton, input.greenButton { background-color: #45A085; color: #FFFFFF; }
    .finderbutton, input.finderButton { background-color: rgb(153, 108, 72); color: #FFFFFF; }
    .redButton, input.redButton { background-color: #B55130; color: #FFFFFF; margin-right: 5px;}
    .yellowButton, input.yellowButton { background-color: #E0DB80; color: #3D4443; }
    .blackButton, input.blackButton { background-color: #3D4443; color: #FFFFFF; }
    .blackOutlineButton { background-color: #CAD9DB; border: 1px solid #3D4443; border-radius: 5px; color: #3D4442;}

    .grayButton, input.grayButton { background-color: #E2E4E4; color: #3D4443; }
    input.closeButton, button.closeButton, .linkButton.closeButton { background-color: #607171; border-radius: 50%; color: #FFFFFF; font-weight: normal; padding: 0; line-height: 1px; }
    .mapButton, input.mapButton, button.mapButton { background-color: transparent; color: #45A085; }
    .mapButton:disabled, .mapButton:disabled:hover, .mapButton:disabled:focus { cursor: default; border-color: transparent; box-shadow: none; color: #CAD9DB; }

    input[type=text], input[type=password],textarea{ color: rgb(10, 41, 66);  background-color: #FFFFFF;padding: 2px 5px; border: 2px solid rgb(10, 41, 66); border-radius: 4px; }

    select, option { color: rgb(10, 41, 66);  background-color: rgb(220, 250, 249);padding: 2px 5px; border: 2px solid rgb(220, 250, 249); border-radius: 4px; }

    option{background-color: #FFFFFF;}

    input[type=text]:hover, input[type=password]:hover,, textarea:hover { box-shadow: color: rgb(220, 250, 249) ; border: 2px solid rgb(220, 250, 249); background-color: #FFFFFF; }

    select:hover, option:hover { box-shadow: color: rgb(220, 250, 249) ; border: 2px solid rgb(220, 250, 249); background-color: rgb(220, 250, 249); }

    input[type=text]:focus, input[type=password]:focus, textarea:focus{ outline: none; border-color: rgb(10, 41, 66); box-shadow: 0 0 0 2px rgb(10, 41, 66); border-radius: 2px; background-color: #FFFFFF;}

    select:focus, option:focus{ outline: none; border-color: rgb(220, 250, 249); box-shadow: 0 0 0 2px rgb(220, 250, 249); border-radius: 2px; background-color: rgb(220, 250, 249);}

    .select, option { text-overflow: ellipsis; }



    .aboutToDelete { box - shadow: 0 0 25px - 2px #B55130; }
    .aboutToDelete, .aboutToDelete * {
    text - decoration: line - through; color: #B55130; border - color: #B55130; background - color: #FEE; }

    .pull - right { float: right; }
    .offscreen { position: absolute; left: -99999px; }



    /* Responsive */
    @media (max-width: 1200px){
    #mainSiteMenu { background-color: #0F3E63; color: #FFFFFF; position: fixed; top: 0; right: 0; left: 0; bottom: auto; z-index: 1000; }
    #mainSiteMenu:not(.expanded) { display: none; }
    #mainSiteHeader #mobileMenuHeader, #mainSiteHeader #btnMobileMenuOpen  { display: block; }
    #mainSiteHeader .headerMenu { width: 100%; height: auto; padding: 0; position: relative; }
    #mainSiteHeader .headerMenuTitle { height: 100%; border-radius: 0; background-color: #0F3E63; color: #FFFFFF; }
    #mainSiteHeader .headerMenuList { position: static; margin: 0; text-align: center }
    }
    @media(max - width: 1200px){
    # mainSiteFooter .column { width: calc(100% / 4); }
    # mainSiteFooter .column.footerText { display: block; width: 100%; }
    }
    @media(max - width: 1000px){
    # mainSiteFooter .column { width: calc(100% / 3); }
    # mainSiteFooter .column.logo { display: block; width: 300px; }
    # mainSiteHeader .headerMenu { min-width: 100px; }
    # mainSiteTagline { line-height: 16px; max-width: 250px; padding: 15px 10px 0 25px; }
    }
    @media(max - width: 850px){
    # mainSiteMenu { background-color: rgb(10, 41, 66); color: #FFFFFF; position: fixed; top: 0; right: 0; left: 0; bottom: auto; z-index: 1000; }
    # mainSiteMenu:not(.expanded) { display: none; }
    # mainSiteHeader #mobileMenuHeader, #mainSiteHeader #btnMobileMenuOpen  { display: block; }
    # mainSiteHeader .headerMenu { width: 100%; height: auto; padding: 0; position: relative; }
    # mainSiteHeader .headerMenuTitle { height: 100%; border-radius: 0; background-color: rgb(10, 41, 66); color: #FFFFFF; }
    # mainSiteHeader .headerMenuList { position: static; margin: 0; }
    }
    @media(max - width: 700px){
    # mainSiteFooter .column { width: 100%; display: block; margin-bottom: 10px; }
    # mainSiteFooter .column.footerText { position: absolute; top: 100px; right: 4vw; width: 50%; }
    }
    @media(max - width: 500px){
    # mainSiteFooter { text-align: center; }
    # mainSiteFooter .column.footerText { position: static; width: 100%; }
    # mainSiteFooter .column a#mainSiteFooterLogo { background-position: center center; }
    # mainSiteFooter .column.logo { margin: 5px auto; }
    # mainSiteTagline { max-width: 100px; font-size: 16px; padding: 5px 0 0 15px; }
    }
    <a href="/services/Views/Style/commonV2.cshtml">~/Views/Style/commonV2.cshtml</a>