@font-face{ /*does not work for IE/Edge if in media screen*/
font-family:Lato;
src:url('https://www.ccnus.org/stylesheet/fonts/lato/lato-regular.eot');   /*IE9*/
src:url('https://www.ccnus.org/stylesheet/fonts/lato/lato-regular.eot?#iefix') format('embedded-opentype'), /*IE6-IE8*/
    url('https://www.ccnus.org/stylesheet/fonts/lato/lato-regular.ttf') format('truetype'), /*Safari, Android, iOs*/
    url('https://www.ccnus.org/stylesheet/fonts/lato/lato-regular.woff') format('woff'),    /*Pretty modern browser*/
	url('https://www.ccnus.org/stylesheet/fonts/lato/lato-regular.woff2') format('woff2');  /*Super modern browser*/
font-family:CygnetRound;  /*used in diploma for person name*/
src:url('https://www.ccnus.org/stylesheet/fonts/cygnetround/CygnetRound.ttf') format('truetype'); /*Safari, Android, iOs*/
}
@media print{
#CNLisConComConListDiv{
overflow:visible !important; /*overrules the JS hei */
}
}
/****************  GENERIC *************************/
/*CNReaOrgAuwCom - Header for table, title in sections. To be replaced by h1/h2/h3 
.CCNHea1{ 
padding:6px 0px 6px 0px !important;
font-family:Lato, Arial, Helvetica, sans-serif; !important;
font-weight:700 !important;
}
*/
.requiredBlock{ /* STD.SFDC.css applies a 3px red border on inputField with SFDC.Required */
display:none;   /*hides above*/ 
}
.inlineEditDiv{  /*overrides SFDC.CKE css*/
margin: 0px !important;  /*required. So that height remains constant in inline edit or not */
padding:0px !important; /*required. So that height remains constant in inline edit or not */
}
.CCNLab1{
font-weight:700;
}
.pic{
border-radius:0px;
vertical-align:middle;  /*avoiding the 3px space below picture. read https://stackoverflow.com/questions/10844205/html-5-strange-img-always-adds-3px-margin-at-bottom*/
}
/*CCNQueMarM3 are used in JsmDiv pop-up */
.CCNQueMarM3 .msgIcon{ /*Eg: CNParReqInvCom.Are you ready for a new adventure*/
background-image:url('https://ccnus.org/stylesheet/icon/CNHel24.png');
background-position: 0 0;
width: 24px;  /*so that text appears in saame position as in confirm/error/info/warning/M3*/
height: 24px;
}
.CCNNoIcoM3 .msgIcon{ /*No icon. replaces .messageHelp .msgIcon; Eg: */
background-position: 0 0;
width: 24px;  /*so that text appears in saame position as in CCNQueMarM3/confirm/error/info/warning/M3*/
height: 24px;
}
.messageHelp .msgIcon{ /*a CCN, not a SFDC message. Must be replaced by .CCNNoIcoM3/CCNQueMarM3/... */
background-position: 0 0;
width: 24px;  /*so that text appears in saame position as in confirm/error/info/warning/M3*/
height: 24px;
}
/*.confirm/error/info/warningM3 are SFDC.std.apm messages. There are also used in JsmDiv pop-up. background, width, height provided by SFDC.std.element.css*/
.confirmM3 .msgIcon{
background-image:url('https://ccnus.org/stylesheet/icon/confirm24.png');  /*overrides SFDC for apm messages. important not required*/
}
.errorM3 .msgIcon{
background-image:url('https://ccnus.org/stylesheet/icon/error24.png');
}
.infoM3 .msgIcon{
background-image:url('https://ccnus.org/stylesheet/icon/info24.png');
}
.warningM3 .msgIcon{
background-image:url('https://ccnus.org/stylesheet/icon/warning24.png'); 
} 
body .bPageBlock, body .secondaryPalette.bPageBlock{
border-radius:4px;
}
.message{   /* used by CCN JS pop-up message */
border-radius:0px !important;
}
.CCNQuoteAut{   /* Used inside the CNCCNQuote translated value */
font-size:90%;
font-style:italic;
}