﻿html {
	margin: 0;
	padding: 0;
}

body {
    /*
		DEV-6358 - MS - 2/14/17 - Moved borders/colors to separate Site_Borders_and_Colors.css
    */
    /*background-image: url("../layout/bwbg.jpg");*/
    /*
		DEV-6358 - MS - 2/14/17 - Moved borders/colors to separate Site_Borders_and_Colors.css
    */
    font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", sans-serif;
    font-size: 13px;
    line-height: 16px;
    margin-top: 0px;

    /* MC - CRDEV-8813 - CNE Mobile */
    width: 100%;
    margin: 0 auto;
    max-width: 800px;
    height: auto;
}

h1 { 
    /*
		DEV-6358 - MS - 2/14/17 - Moved borders/colors to separate Site_Borders_and_Colors.css
    */
    font-size: 15pt;
    font-weight: 600;
    margin-bottom: 10px;
}

h2 { 
    /*
		DEV-6358 - MS - 2/14/17 - Moved borders/colors to separate Site_Borders_and_Colors.css
    */
    font-size: 14pt;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 10px;
}

a {
	color: #0F1D5F;
	outline: none;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: underline;
}

a:link, a:visited, a:active, a:hover {
	color: #0F1D5F;
}

a:hover , a:focus {
	background-color: #c7d1d6;
	cursor: pointer;
}

p.black
{
    color: #000000;
}

.termsh1
{
    font-weight: bold; 
}

.termsh2
{
   
}

.clear
{
    clear: both;
}

div.debugWrapper
{
    clear:both;
    width: 600px;
    padding: 50px 50px;
}

.borders {
	margin: 20px 0;
	border: 0;
    /*
		DEV-6358 - MS - 2/14/17 - Moved borders/colors to separate Site_Borders_and_Colors.css
    */
}

.popupbg {
	background-image: url(../layout/section-bg-popups.png);
	background-repeat: repeat-x;
	text-align: left;
	padding: 1px 28px 10px 28px;
}

.verifyFirstSection
{
    text-align: left;
	padding: 1px 28px 10px 28px;
}

#renderedBodyContentLoading
{
    display: none;
}

div.editor-wrapper
{
    clear: both;
    width: 400px;
    padding: 0 0 10px 0;
    height: 20px;
}

div.editor-label
{
    float: left;
    width: 200px;
}

div.editor-field
{
    float: right;
    text-align: left;
    width: 200px;
}

form#formErrorContactForm div.validation-summary-errors
{
    margin-bottom: 10px;
}

/* MS - 07/23/2015 - adding classes to apply display:none & visibility:hidden styles, with clarity */

.hiddenNone {
    display: none !important; /* does Not take up space, plus hidden */
}

.hiddenVisibility {
    visibility: hidden !important; /* takes up same space as bef, plus hidden */
}

/* CRDEV-8822 - MS - 1/19 - CNE Mobile - add centering */
.textAlignCenter {
    text-align: center !important;
}

/* DEV-5592 - MS - 9/28/16 - Added this */
.mapsDiv
{
    height: 270px;
    width: 250px;
    padding: 0;    
    margin: 0 0 0.2em 0;
}
.mapInnerDiv
{
  height: 100%;
}

/* DEV-5739 - MS - 2/6/17  - moved height, width to 'googleMapReusableInstance' css class */
.googleMapReusableInstance
{
    height: 250px;
    width: 250px;
}

/* DEV-5739 - MS - 2/6/17  - Fix for map blank on-load issue; never hide the mapHolder div! and move the content-maps offscreen to give illusion of hidden */
#mapTransferDiv > .googleMapReusableInstance
{
    top: 0;
    left: 0;

    margin-top: -250px;
    margin-left: -250px;
}

/* CRDEV-8880,CRDEV-8881 - MS - 2/2019 - Center the ESRI map, within it's div */
#esrimap2
{
    width: 254px !important;
}

/* CRDEV-8905 - MS - 2/2019 - Make ESRI map show lat, long for mobile devices */
.map-info-div
{
    text-align: center;
}

/* SAM DEV-6024 Need 5 pixel padding on the bottom. */
.bottom5px {
    padding-bottom: 5px;
}

/* MC - CRDEV-8813 - CNE Mobile */
/* LOGIN AND GLOBALIZATION SECTION -- START */
table {
    box-shadow: none !important;
}

table[width="800"], table[width="800px"] {
    max-width: 800px;
    width: 100%;
}

.page {
    float: left;
    max-width: 800px;
    width: 100%;
}

.page > table{
    margin: 0 auto;
    max-width: 800px;
    width: 100%;
}
.page > main > table {
        margin: 0 auto;
        max-width: 800px;
        width: 100%;
    }
.page > footer > table {
        margin: 0 auto;
        max-width: 800px;
        width: 100%;
    }

#organizationInfoWrapper {
    padding: 5px 0px;
}

@media screen and (max-width:420px) {
    #linkCneLoginLabel {
        display: none;
    }
}

@media screen and (max-width:720px) {
    #linkCneLogoutLabel {
        display: none;
    }
}

/* MC - CRDEV-8820 - CNE Mobile - new spacer elements */
.adaptiveBR {
    display: none;
}

.adaptiveAntiBR {
    display: block;
}

/* MC - CRDEV-8886 - CNE Mobile - new spacer elements */
.adaptiveVerifyBR {
    display: none;
}

/* MC - CRDEV-8886 - CNE Mobile - new spacer elements */
@media screen and (max-width:750px) {
    .adaptiveVerifyBR {
        display: block;
    }
}

/* MC - CRDEV-8820 - CNE Mobile - Adding login elements scalability and spacer elements toggles */
@media screen and (max-width:590px) {
    .adaptiveSocialLI {
        text-align: center;
    }

    .adaptiveLoginLI {
        text-align: center;
        position: relative;
        min-width: 250px;
        max-width: 300px;
        height: 24px;
        display: block;
        margin-bottom: 5px;
        margin-left: 0 !important;
    }

    .adaptiveLoginLabel {
        position: absolute;
        left: 50px;
        width: 110px;
        text-align: left;
        white-space: normal;
        margin-top: 4px;
    }

    .adaptiveLoginTextBox {
        width: 150px !important;
        position: absolute;
        left: 180px;
        margin-top: 0px !important;
    }

    .adaptiveBR {
        display: block;
    }

    .adaptiveAntiBR {
        display: none;
    }
}
@media screen and (max-width:400px) {
    .adaptiveLoginLabel {
        position: absolute;
        left: 20px;
        width: 105px;
        text-align: left;
        white-space: normal;
    }

    .adaptiveLoginTextBox {
        width: 150px !important;
        position: absolute;
        left: 145px;
        margin-top: 0px !important;
    }
}

@media screen and (max-width:350px) {
    .adaptiveLoginLabel {
        position: absolute;
        left: 0;
        width: 105px;
        text-align: left;
        white-space: normal;
    }

    .adaptiveLoginTextBox {
        width: 150px !important;
        position: absolute;
        left: 115px;
        margin-top: 0px !important;
    }
}
/* LOGIN AND GLOBALIZATION SECTION -- END */

/* HEADER SECTION -- START*/
#headerSection table {
    width: 100%;
}

.logobox {
    background-color: #DDD !important;
    padding: 15px 15px 0 15px;
}

table.logobox {
    max-width: 800px;
}

/* MC - CRDEV-8758 - CNE Mobile - Added Logo Specific classes */
.logoDiv {
    float: left; 
    text-align: left;
}

.logoSiteOptimized {
    font-size: 9px; 
    line-height: 9px; 
    width: 250px; 
    margin-left: 40px;
}

@media screen and (max-width:700px) {
    .logoDiv {
        float: none;
        text-align: center;
    }

    .logoSiteOptimized {
        font-size: 9px;
        line-height: 9px;
        width: 250px;
        margin: 0 auto;
    }
}

/* FOOTER */
.osFooter {
    text-align: center;
    /*background-color: #476fb5;*/
}

.nhFooter {
    text-align: center;
    /*background-color: #476fb5;*/
}

/* LEGAL FOOTER */
@media screen and (max-width:400px) {
    #termsAndConditions {
        width: 100%;
        float: left;
        clear: left;
    }
}

/* OTHER */
.simpleCenter {
    width: 100%;
    text-align: center;
}

/* MC - CRDEV-8758 - CNE Mobile - Increased px from 680 to 700 */
.adaptiveCenter700 {
}

.hidden400 {
    display: none;
}

/* MC - CRDEV-8758 - CNE Mobile - Increased px from 680 to 700 */
@media screen and (max-width:700px) {
    .adaptiveCenter700 {
        text-align: center;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none !important;
    }

    .adaptiveCenter700 #verifyInformationLandingPage {
        margin-bottom: 0;
    }
}

@media screen and (max-width:400px) {
    .hidden400 {
        display: block;
    }

    /* MC - CRDEV-8776 - CNE Mobile - popup scaling */
    .adaptiveErrorWrapper {
        padding: 20px 10px !important;
    }
}

/* MC - CRDEV-8776 - CNE Mobile - popup scaling */
@media screen and (max-width:575px) {
    .adaptivePopup {
        width: 80% !important;
        margin-left: 10% !important;
        margin-right: 10% !important;
        left: 0 !important;
    }

    .adaptivePopupButton {
        margin: 0.5em 0 !important;
    }

    .ui-dialog-title {
        white-space: normal !important;
    }

    .ui-dialog-buttonpane {
        padding: 0 !important;
    }

    .ui-dialog-buttonset {
        text-align: center !important;
        float: none !important;
    }

    #businessLogicErrors {
        word-break: break-word;
    }

    #businessLogicErrorsPopup {
        height: auto !important;
    }
}

/* MC - CRDEV-8776 - CNE Mobile - captcha popup scaling */
@media screen and (max-width:350px) {
    .adaptiveCaptcha {
        width: 99% !important;
        text-align: center;
    }

    .adaptiveCaptchaDiv {
        padding: .5em 0 !important;
        display: inline-block;
    }
}

#portraitDiv {
    left: 0% !important;
    width: 0% !important;
}

#landscapeDiv {
    left: 30% !important;
    width: 0% !important;
}

