/******* Custom Fonts *******/
@font-face {
    font-family: 'CeraPRO';
    src: url('/resources/Fonts/CeraPRO-Regular.eot');
    src: url('/resources/Fonts/CeraPRO-Regular.eot?#iefix') format('embedded-opentype'),
        url('/resources/Fonts/CeraPRO-Regular.woff2') format('woff2'),
        url('/resources/Fonts/CeraPRO-Regular.woff') format('woff'),
        url('/resources/Fonts/CeraPRO-Regular.ttf') format('truetype'),
        url('/resources/Fonts/CeraPRO-Regular.svg#CeraPRO-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    /*font-display: swap;*/
    letter-spacing: 1px;
}
@font-face {
    font-family: 'Cera Pro';
    src: url('/resources/Fonts/CeraPro-Medium.eot');
    src: url('/resources/Fonts/CeraPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('/resources/Fonts/CeraPro-Medium.woff2') format('woff2'),
        url('/resources/Fonts/CeraPro-Medium.woff') format('woff'),
        url('/resources/Fonts/CeraPro-Medium.ttf') format('truetype'),
        url('/resources/Fonts/CeraPro-Medium.svg#CeraPro-Medium') format('svg');
    font-weight: 600;
    font-style: normal;
    /*font-display: swap;*/
    letter-spacing: 1px;
}
body
{
background:url(http://www.aebdesigns.com/biw/biwwallpapersm2.jpg);
font-family: 'CeraPRO' !important;
}

h1, h2, h3, h4, h5, h6, 
strong, span strong,
font[face="Cera Pro Medium"] { 
  font-family: 'Cera Pro' !important; 
  font-weight: 600;
}

/*******************************************************************/
/******* MENU                                                *******/
/*******************************************************************/

/******* Header and content separator container *******/

.cnHeaderSeparator
{
  visibility: visible;
}
.cnHeaderSeparator .d1
{
  background-color: #758e64;
}
.cnHeaderSeparator .d1
{
  width: 919px;
  height: 12px;
}

/*******************************************************************/
/******* LOGIN BOX                                           *******/
/*******************************************************************/


#id_LoginBoxGadget .loginContainer
{
  float: left;
  width: 202px;
  height: 105px;
  margin-top: 0px;
  text-align: right;
}
#id_LoginBoxGadget .loginContainer .loginUserName,
#id_LoginBoxGadget .loginContainer .loginPassword
{
  width: 190px;
  height: auto;
  clear: both;
  float: left;
  padding: 0;
  margin-bottom: 5px;
/ float: none;
/ margin-bottom: 3px;
/ padding-right: 4px;
}
#id_LoginBoxGadget .loginContainer .loginUserNameLabel
{
  width: 65px;
  float: left;
  margin-top: 4px;
}
#id_LoginBoxGadget .loginContainer .loginPasswordLabel
{
  width: 65px;
  float: left;
  margin-top: 4px;
}
#id_LoginBoxGadget .loginContainer .loginUserNameLabel LABEL,
#id_LoginBoxGadget .loginContainer .loginPasswordLabel LABEL
{
  display: block;
  width: auto;
  text-align: right;
  color: #918a8a;
}
#id_LoginBoxGadget .loginContainer .loginUserNameTextBox,
#id_LoginBoxGadget .loginContainer .loginPasswordTextBox
{
  display: block;
  float: right;
  width: 118px;
}
#id_LoginBoxGadget .loginContainer .loginUserName INPUT,
#id_LoginBoxGadget .loginContainer .loginPassword INPUT
{
  display: block;
  width: 110px;
  border: 1px solid #62BD19;
  font-size: 1.00em;
}
#id_LoginBoxGadget .loginContainer .loginActionRememberMe
{
  display: block;
  clear: both;
  padding-right: 17px;
  padding-bottom: 2px;
  padding-left: 27px;
  color: #000000;
  width: 150px;
}
#id_LoginBoxGadget .loginContainer .loginActionRememberMe LABEL
{
  position: relative;
  top: -2px;
}
#id_LoginBoxGadget .loginContainer .loginPasswordForgot
{
  padding: 2px 7px 0 13px;
  width: 50px;
  float: left;
}
#id_LoginBoxGadget .loginContainer .loginAction
{
  display: block;
  width: 57px;
  height: 30px;
  float: left;
  padding-left: 75px;
  width: auto;
}

/******* Login box common styles *******/

#id_LoginBoxGadget .loginContainer
{
  font-size: 0.85em;
}
#id_LoginBoxGadget .loginContainer .d6,
#id_LoginBoxGadget .loginContainer .d7,
#id_LoginBoxGadget .loginContainer .d2,
#id_LoginBoxGadget .loginContainer .d9,
#id_LoginBoxGadget .loginContainer .d8,
#id_LoginBoxGadget .loginContainer .d3
{
  margin: 0;
  padding: 0;
  border: none;
}
#id_LoginBoxGadget .loginContainer .inner .inner
{
  padding: 0;
}
#id_LoginBoxGadget .loginContainer DIV.loginData
{
  width: auto;
}
#id_LoginBoxGadget .loginContainer DIV.loginData .inner
{
  padding: 5px 0 7px 0;
}
#id_LoginBoxGadget .loginContainer DIV.loginData .inner .inner
{
  padding: 0;
}

#id_LoginBoxGadget .loginContainer .loginAction INPUT
{
  vertical-align: bottom;
  font-size: 1.00em;
}
#id_LoginBoxGadget .loginContainer .loginAction INPUT.loginButton
{
  display: block;
  margin-left: -1px;
  padding: 3px 2px 4px 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.00em;
}
#id_LoginBoxGadget .loginContainer .loginAction SPAN
{
  display: block;
  float: left;
  vertical-align: bottom;
}
#id_LoginBoxGadget .loginContainer .loginAction SPAN LABEL
{
  position: relative;
  padding-right: 2px;
  vertical-align: bottom;
}
#id_LoginBoxGadget .loginContainer .loginAction SPAN INPUT
{
  position: relative;
  bottom: -3px;
}
#id_LoginBoxGadget .loginContainer .loggedName SPAN
{
  display: block;
  width: auto;
  margin-bottom: 5px;
  padding-right: 25px;
  padding-top: 5px;
  text-align: right;
}
#id_LoginBoxGadget .loginContainer DIV.profileBox
{
  display: block;
  width: auto;
  margin-bottom: 5px;
  padding-right: 25px;
  text-align: right;
}
#id_LoginBoxGadget .loginContainer .loggedAction A
{
  display: block;
  width: auto;
  margin-bottom: 5px;
  padding-right: 25px;
  text-align: right;
  font-family: 'Cera Pro' !important;
  font-weight: 600;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#id_LoginBoxGadget .loginContainer .loginUserName,
#id_LoginBoxGadget .loginContainer .loginPassword
{
  margin-bottom: 0;
}
}


/*******************************************************************/
/******* MENU and CONTENT                                    *******/
/*******************************************************************/

/******* Menu and content main container *******/

.cnContentContainer
{
  width: 919px;
  height: auto;
  margin-top: 0 px;
  margin-bottom: 0 px;
background-color: #ffffff;
}

/******* Menu column container *******/

.cnNavigationContainer
{
margin-top: 0 px;
padding-top: 0px;
  width: 202px;
  height: auto;
float:left;
list-style-type: none;
letter-spacing: 1px;
}

/*******************************************************************/
/******* MENU                                                *******/
/*******************************************************************/

/******* Menu container *******/

.mainMenuContainer
{
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: #8a9d39;
  padding-bottom: 1px;
}
.mainMenuContainer .inner
{
  padding: 0 0 0px 0;
}
.mainMenuContainer .inner .inner
{
  padding: 0;
}

/******* MENU LEVEL 1 *******/

/******* The 1st menu level container *******/

.mainMenu,
.mainMenu UL
{
  margin: 0;
  padding: 0;
  width: 202px;
height: auto;
  list-style-type: none;
}

.mainMenu UL
{
    background: #8a9d39;
}

/******* Item container of the 1st menu level  *******/

.mainMenu LI 
{
  position: relative;
  width: 202px;
  height: auto;
  margin: 0;
  padding: 0px 0 0 0;
border-top: 0px;
border-bottom: 1px;
border-right: 0px;
border-left: 0px;
border-style:solid;
border-bottom-color:#ccde65; 
}
.mainMenu LI.last
{
  padding-bottom: 0px;
border-bottom: 1px;
border-right: 0px;
border-left: 0px;
border-style:solid;
border-bottom-color:#ffffff; 
}
.mainMenu UL LI LI.last
{
  padding-bottom: 0;
}
.mainMenu LI .d1,
.mainMenu LI .d4
{
  width: 100%;
  background-color: transparent;
}

.mainMenu LI.itemCurrent .d4,
.mainMenu LI.itemCurrentLeaf .d4
{
  background-color: #f8981d;
font-size: 12pt;
color: black;
}
.mainMenu LI.itemNormal .d5
{
  width: 100%;
  background: transparent url(<$StaticModel.ThemeUrl$>/images/mm-ico-closed-l1-black.gif) 191px center no-repeat;
}
.mainMenu LI.itemCurrent .d5,
.mainMenu LI.itemCurrentParent .d5
{
  width: 100%;
  background: transparent url(<$StaticModel.ThemeUrl$>/images/mm-ico-opened-l1-black.gif) 191px center no-repeat;
}
.mainMenu LI.itemNormal UL LI .d5,
.mainMenu LI.itemCurrent UL LI .d5,
.mainMenu LI.itemCurrentParent UL LI .d5,
.mainMenu LI.itemNormal .d5 .d5,
.mainMenu LI.itemCurrent .d5 .d5,
.mainMenu LI.itemCurrentParent .d5 .d5
{
  width: auto;
  background: none;
}

/******* Item of the 1st menu level *******/

.mainMenu LI A,
.mainMenu LI A:link,
.mainMenu LI A:visited,
.mainMenu LI A:hover,
.mainMenu LI SPAN SPAN
{
  display: block;
  width: 172px;
  height: auto;
  margin: 0;
  padding: 5px 15px 5px 15px;
  background-color: transparent;
  font-size: 130%;
  font-weight: 600;
  color: #ffffff;
  text-decoration: none;
  overflow: hidden;
  cursor: hand;
}

.mainMenu LI A:active 
{
display: block;
background-color: #f8981d;
  width: 172px;
  height: auto;
  margin: 0;
  padding: 5px 15px 5px 15px;
  font-size: 150%;
  font-weight: 600;
  text-decoration: none;
text-transform: capitalize;
  overflow: hidden;
  cursor: hand;
}
.mainMenu LI A:hover,
.mainMenu LI.itemNormal:hover A
{
  background-color: #8a9d39;
  color: #FFFFFF;
text-decoration: underline;
}
.mainMenu LI SPAN 
{
  cursor: default;
}
.mainMenu LI SPAN SPAN
{
  color: #000000;
text-transform:uppercase;
}

/******* System icons on the 1st menu level items *******/

.mainMenuContainer .mainMenu DIV.mainMenuPublicHiddenIcon
{
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
}

.mainMenuContainer .mainMenu DIV.mainMenuPublicHiddenIcon
{
  right: 14px;
  top: 5px;
}
.mainMenuContainer .mainMenu UL.dynamic LI DIV.mainMenuPublicHiddenIcon
{
  right: 14px;
  top: 3px;
}

.mainMenuContainer .mainMenu DIV.mainMenuPublicHiddenIcon.after
{
  display: none;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner li a { 
  font-family: 'Cera Pro' !important;
  font-weight: 600 !important;
}
    
.WaGadgetLoginForm.LoginFormStyle001,
.WaGadgetLoginForm.LoginFormStyle002,
.WaGadgetLoginForm .loginContainerForm .oAuthForm .oAuthButtonsContainer a.wa-authenticateLoginLink {
      font-weight: normal;
      font-style: normal;
      font-family: 'CeraPRO' !important;
}
.WaGadgetAuthorizationRequired .oAuthForm .oAuthButtonsContainer a.wa-authenticateLoginLink  {
    font-weight: normal;
    font-style: normal;
    font-family: 'CeraPRO' !important;
}
ABBR.WaPlaceholderEmptyHtmlCell ABBR.Message
{
    font-family: 'Cera Pro' !important; 
    font-weight: 600;
}
a.wa-authenticateLoginLink,
a.wa-authenticateLoginLink:hover,
a.wa-authenticateLoginLink:active,
a.wa-authenticateLoginLink.activeState,
a.wa-authenticateLoginLink:visited {
  font-weight: normal;
  font-style: normal;
  font-family: 'CeraPRO' !important;
}
.commonMessageBox .cww-co A,
.commonMessageBox .cww-co A:link,
.commonMessageBox A:active,
.commonMessageBox .cww-co A:visited,
.commonMessageBox .cww-co A:hover,
div.generalFieldsContainer div.fieldBody div.confirmWindowOuterContainer a,
div.generalFieldsContainer div.fieldBody div.confirmWindowOuterContainer a:link,
div.generalFieldsContainer div.fieldBody div.confirmWindowOuterContainer a:active,
div.generalFieldsContainer div.fieldBody div.confirmWindowOuterContainer a:visited
{
  font-family: 'CeraPRO' !important;
  font-weight: normal;
}
DIV.dialogMainContainer,
DIV.dialogMainContainer TABLE TD
{
    font-family: 'CeraPRO' !important;
    font-weight: normal;
    font-style: normal;
}
DIV.dialogMainContainer DIV.dialogTitleText,DIV.dialogTitleTextShadow
{
    font-family: 'CeraPRO' !important;
    font-weight: normal;
    font-style: normal;
}
DIV.dialogMainContainer DIV.dialogMessage
{
    font-family: 'Cera Pro' !important; 
    font-weight: 600;
}
DIV.dialogMainContainer DIV.dialogOuterFooterContainer DIV.actionButtons INPUT
{
    font-family: 'CeraPRO' !important;
}


/*-------------*/
.gadgetStyleBody .title a {
    font-family: 'Cera Pro' !important;
    font-weight: 600;
}
.gadgetStyleBody .date span,
.fieldSubContainer .typeInstruction,
.WaGadgetBlog .boxBodyInfoOuterContainer * {
    font-family: 'Lato', 'Arial, sans-serif' !important;
}
.boxViewOutline .inner h4.boxHeaderTitle {
    font-family: 'Cera Pro' !important;
    font-weight: 600;
}
.WaGadgetEvents .boxInfoContainer ul.boxInfo li>label {
    float: left;
    width: 80px;
    text-align: right;
    font-family: 'Cera Pro' !important; 
    font-weight:600; 
}
.gadgetEventEditableArea p {
    font-family: 'CeraPRO' !important;
}

h1 h2 h3 h4 h5 strong {
    font-size: 40px !important;
}

.WaPlaceHolder .gadgetStyleBody.gadgetContentEditableArea p {
  font-family: 'CeraPRO' !important;
}

.gadgetContentEditableArea strong span {
  font-family: 'Cera Pro' !important;
  font-weight: 600;
}

.navigationOuterContainer input.nextButton, .navigationOuterContainer input.typeButton, .navigationOuterContainer input[type=submit] {
  font-family: 'Cera Pro' !important;
  font-weight: 600;
}

.genericListTable thead th, .membersTable thead th {
  font-family: 'Cera Pro' !important;
  font-weight: 600;
}

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton {
  font-family: 'Cera Pro' !important;
  font-weight: 600;
}

DIV.generalFieldsContainer STRONG.labelSubTitle {
  font-weight: 600 !important;
}

.WaGadgetMemberDirectoryStateList .memberDirectorySearchAreaOuterContainer .searchResult #membersFound {
  font-family: 'Cera Pro' !important;
  font-weight: 600 !important;
}

.genericListTable tbody .memberValue h5, 
.membersTable tbody .memberValue h5 {
  font-weight: 600 !important;
}

.fieldSubContainer .fieldLabel {
  font-family: 'Cera Pro' !important;
  font-weight: 600 !important;
}

.infoOuterContainer .infoSection .infoTitle,
.WaGadgetEvents .boxInfoContainer ul.boxInfo li>div strong {
  font-family: 'Cera Pro' !important;
  font-weight: 600 !important;
}

/* Misc. */

/* Hide wa footer credit */
.zoneWAbranding {
  display:none !important;
}

/* Hide header placeholder on mobile, except in admin */
@media screen and (max-width:767px) {
  body:not(.adminContentView) .zoneHeader1 {
    display:none;
  }
}