/* Edits by Nicasio LLC */

.mobile-only {
  display:none;
}

img[align="left"],
img[align="right"],
img[align="center"] {
  margin-bottom: 20px;
}

img[align="left"] {
  margin-right:20px;
}

img[align="right"] {
  margin-left:20px;
}

img[align="center"] {
  margin-left:auto;
  margin-right:auto;
}

#idHeaderContent > .gadgetContentEditableArea {
  padding-top:40px !important;
  padding-left:20px !important;
  padding-right:20px !important;
  text-align:center;
}

#idHeaderContent > .gadgetContentEditableArea img {
  width:100%;
  max-width:96% !important;
  height:auto !important;
}

.WaGadgetAuthorizationRequired {
  margin-top:30px;
}

.WaGadgetAuthorizationRequired .openAuthFormContainer,     
.WaGadgetAuthorizationRequired .authFormContainer {
  padding-top:20px;
  padding-bottom:20px;
}

#idImageContainer img {
  max-width:100%;
}

td.EventListCalendarItemInactive > * {
  display: none;
}

@media only screen and (max-width: 1024px) {

  .cnMainContainer .cnLoginBoxAreaContainer #id_LoginBoxArea,
  .cnMainContainer .cnContentContainer,
  .cnMainContainer .cnTopArea .cnTopAreaContent,
  .cnFooterContainer,
  .cnFooterPoweredByContainer {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width: 100%;
    max-width: 92%;
  }

  .cnMainContainer .cnTopArea .cnTopAreaContent .cnMainMenuContainer,
  .cnHeaderContainer {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width:100%;
  }

  .cnMainContainer .cnTopArea .cnTopAreaContent {
    background-repeat: repeat;
  }

  .cnMainContainer .cnTopArea .cnTopAreaContent .cnMainMenuContainer {
    box-shadow:0px 0px 4px rgba(0,0,0,.7);
    padding:0px;
    background:none;
  }

  .WaGadgetBreadcrumbs {
     padding-top:4px;
     padding-bottom:3px;
  }

  .cnHeaderContainer {
    box-shadow:0px 0px 4px rgba(0,0,0,.7);
    padding:0px;
    background:none;
  }

  .headerContentHolder {
    background-position:right top;
    background-repeat:repeat;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
  }

  .cnContent {
    margin:0px;
  }

  .cnFooterContainer {
    background:none;
    padding:0px;
  }

  .cnFooterContainer .footerContentHolder {
    background-repeat:repeat;
  }

  ul.dropdown li {
    font-size:18px;
  }

}

@media only screen and (min-width: 617px) and (max-width: 1024px) {

  .cnMainContainer {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1024px;
    min-width: 617px;
    display: block;
  }

}

@media only screen and (max-width: 874px) {

  .cnMainContainer .cnLoginBoxAreaContainer #id_LoginBoxArea,
  .cnMainContainer .cnContentContainer,
  .cnMainContainer .cnTopArea .cnTopAreaContent,
  .cnFooterContainer,
  .cnFooterPoweredByContainer {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width: 100%;
    max-width: 100%;
  }

  ul.dropdown li {
    font-size:15px;
  }

  ul.dropdown > li > div > a span {
    padding-left:12px;
    padding-right:13px;
  }

}

@media only screen and (max-width: 616px) {

  .mobile-only {
    display:block;
  }
  .desktop-only {
    display:none;
  }

  img[align="left"],
  img[align="right"],
  img[align="center"] {
    margin:0px auto 20px auto;
    float:none;
    display:block;
  }

  .cnMainContainer {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 616px;
    min-width: 320px;
    display: block;
  }

  .headerContentHolder {
    background-position: 82% top;
  }

  .WaLayoutTable,
  .WaLayoutTable tbody,
  .WaLayoutTable .WaLayoutRow,
  .WaLayoutTable .WaLayoutRow .WaLayoutItem,
  .contStyleExcSimpleTable,
  .contStyleExcSimpleTable tbody,
  .contStyleExcSimpleTable tr,
  .contStyleExcSimpleTable td {
    display: block;
    width: 100% !important;
  }

  .WaLayoutTable .WaLayoutRow .WaLayoutItem ~ .WaLayoutItem {
    margin-top: 20px;
  }

  .WaLayoutTable .WaLayoutRow .WaLayoutSeparator {
    display:none !important;
  }

  .contStyleExcSimpleTable td {
    padding:4px 0px;
  }


  /* Mobile and Main Navigation */

  #mobile-nav-trigger {
    height: 37px;
    line-height: 37px;
    text-align: left;
    cursor: pointer;
    background: #01719f url('/BuiltTheme/business_casual_deep_blue.v2.0/0027c6d2/images/mainmenu_ul_bg.png') left bottom repeat-x;
  }

  .mobile-trigger-label {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    color: #FFF;
    padding-left: 22px;
    padding-right: 10px;
  }

  .mobile-trigger-btn {
    display: inline-block;
    position: relative;
    top: 2px;
    overflow: hidden;
    margin: 0px auto;
    padding: 0;
    width: 20px;
    height: 15px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
  }

  .mobile-trigger-inner {
    display: block;
    position: absolute;
    top: 6px;
    left: 0px;
    right: 0px;
    height: 3px;
    background: #FFF;
  }

  .mobile-trigger-inner:before,
  .mobile-trigger-inner:after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #FFF;
    content: "";
  }

  .mobile-trigger-inner:before {
    top: -6px;
  }

  .mobile-trigger-inner:after {
    bottom: -6px;
  }

  #main-menu-wrap.active .mobile-trigger-inner {
    background: none;
  }

  #main-menu-wrap.active .mobile-trigger-inner:before {
    top: 0px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #main-menu-wrap.active .mobile-trigger-inner:after {
    bottom: 0px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  
  #main-menu-wrap.active .mobile-trigger-inner:before,
  #main-menu-wrap.active .mobile-trigger-inner:after {
    -webkit-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
  }

  ul.dropdown {
    display:none;
    position:absolute;
    width:100%;
  }

  #main-menu-wrap.active ul.dropdown {
    display:block;
    background: #01719f none !important;
  }

  #main-menu-wrap.active ul.dropdown > li,
  #main-menu-wrap.active ul.dropdown > li > .itemContainer,
  #main-menu-wrap.active ul.dropdown > li > .itemContainer > a,
  #main-menu-wrap.active ul.dropdown > li > .itemContainer > a > span,
  #main-menu-wrap.active ul.dropdown > li > .itemContainer > span {
    float:none;
    display:block;
  }

  #main-menu-wrap.active ul.dropdown li {
    height:auto;
  }

  #main-menu-wrap.active ul.dropdown li:hover,
  #main-menu-wrap.active ul.dropdown li:hover > .itemContainer {
    background-color:transparent !important;
  }

  #main-menu-wrap.active ul.dropdown li.dir .itemContainer,
  #main-menu-wrap.active ul.dropdown ul li.dir .itemContainer span {
    background-image:none !important;
  }

  #main-menu-wrap.active ul.dropdown li a:hover,
  #main-menu-wrap.active ul.dropdown li a:hover > span {
    color:#023761 !important;
  }

  #main-menu-wrap.active ul.dropdown ul {
    display:block !important;
    position:static !important;
    background:transparent none !important;
    width:100% !important;
    visibility:visible !important;
    margin-left:0px !important;
  }

  #main-menu-wrap.active ul.dropdown > li > ul {
    padding-top:4px !important;
  }

  #main-menu-wrap.active ul.dropdown ul li {
    float:none !important;
    width:auto !important;
    display:block !important;
    padding-left:24px !important;
  }

  #main-menu-wrap.active ul.dropdown ul li span {
    font-size:13px !important;
    padding:4px 0px !important;
  }
 
  #main-menu-wrap.active ul.dropdown ul ul li {
    padding-left:16px !important;
  }


  /* Login Form */
  
  .WaGadgetAuthorizationRequired .openAuthFormContainer,     
  .WaGadgetAuthorizationRequired .authFormContainer {
    display: block;
  }

  .WaGadgetAuthorizationRequired .openAuthFormContainer {
    padding-right:0px;
    padding-bottom:20px;
    border:none;
   }

  .WaGadgetAuthorizationRequired .authFormContainer {
    padding-left:0px;
  }


  /* Generic and Member Tables */

  table {
    table-layout:fixed;
  }

  #idPagingData {
    display: block !important;
    margin-top: 10px;
  }

  .memberDirectoryContainer .d1,
  .memberDirectoryContainer .d2,
  .memberDirectoryContainer .d3 {
    border: none;
  }

  .genericListTable,
  .membersTable {
    display: block;
  }
  .genericListTable thead,
  .membersTable thead,
  .genericListTable thead tr,
  .membersTable thead tr {
    display: block;
    width: 100%;
  }
  .genericListTable thead,
  .membersTable thead,
  .genericListTable thead tr,
  .membersTable thead tr,
  .genericListTable thead tr th,
  .membersTable thead tr th {
    display: none;
  }
  .genericListTable tbody,
  .membersTable tbody,
  .genericListTable tbody tr,
  .membersTable tbody tr,
  .genericListTable tbody tr td,
  .membersTable tbody tr td,
  .genericListTable tbody tr:first-child td,
  .membersTable tbody tr:first-child td,
  .genericListTable tbody tr td:first-child,
  .membersTable tbody tr td:first-child,
  .genericListTable tbody tr td:last-child,
  .membersTable tbody tr td:last-child {
    border: none;
    display: block;
    padding: 0;
    width: 100%;
  }
  .genericListTable tbody tr,
  .membersTable tbody tr {
    border-top: 1px solid #cacaca;
    border-bottom: none;
    padding: 7px 0;
  }
  .genericListTable tbody tr:first-child,
  .membersTable tbody tr:first-child,
  .genericListTable tbody tr[bottomrow='true'],
  .membersTable tbody tr[bottomrow='true'] {
    border-top: none;
  }
  .genericListTable tbody tr td,
  .membersTable tbody tr td {
    margin-top: 5px;
  }

  #membersTable td.memberDirectoryColumn1, 
  #membersTable td.memberDirectoryColumn2, 
  #membersTable td.memberDirectoryColumn3,   
  #membersTable td.memberDirectoryColumn4,
  #membersTable td.memberDirectoryBottomRow {
    padding-left: 0px;
    border-top:none;
  }

  .genericListTable tbody tr td:first-child,
  .membersTable tbody tr td:first-child {
    margin: 0;
    border-top: 1px solid #ccc;
  }
  .genericListTable tbody tr:hover,
  .membersTable tbody tr:hover,
  .genericListTable tbody tr.hover,
  .membersTable tbody tr.hover,
  .genericListTable tbody tr:hover td,
  .membersTable tbody tr:hover td,
  .genericListTable tbody tr.hover td,
  .membersTable tbody tr.hover td,
  #membersTable tr.hover td {
    background: transparent !important;
  }
  .genericListTable tbody tr:hover td,
  .membersTable tbody tr:hover td,
  .genericListTable tbody tr.hover td,
  .membersTable tbody tr.hover td {
    border: none;
    padding-bottom: 0;
    padding-top: 0;
    background: transparent;
  }
  .genericListTable tbody tr:hover td.memberDirectoryBottomRow,
  .membersTable tbody tr:hover td.memberDirectoryBottomRow,
  .genericListTable tbody tr.hover td.memberDirectoryBottomRow,
  .membersTable tbody tr.hover td.memberDirectoryBottomRow {
    border-bottom: none;
    padding-bottom: 0;
  }
  .genericListTable tbody tr:hover:first-child td,
  .membersTable tbody tr:hover:first-child td,
  .genericListTable tbody tr.hover:first-child td,
  .membersTable tbody tr.hover:first-child td {
    border-top: none;
    padding-top: 0;
  }
  .genericListTable tbody tr:hover:last-child td,
  .membersTable tbody tr:hover:last-child td,
  .genericListTable tbody tr.hover:last-child td,
  .membersTable tbody tr.hover:last-child td {
    border-bottom: none;
    padding-bottom: 0;
  }
  .genericListTable tbody tr:hover:last-child td.memberDirectoryBottomRow,
  .membersTable tbody tr:hover:last-child td.memberDirectoryBottomRow,
  .genericListTable tbody tr.hover:last-child td.memberDirectoryBottomRow,
  .membersTable tbody tr.hover:last-child td.memberDirectoryBottomRow {
    padding-bottom: 0;
  }


  /* Forms */

  .fieldSubContainer table td.left, 
  .fieldSubContainer > .fieldLabel,   
  .captionOuterContainer .captionContainer .fieldLabel,
  .fieldSubContainer table td.right, 
  .fieldSubContainer > .fieldBody {
    width: auto !important;
    float: none !important;
  }

  .fieldSubContainer .fieldLabel,
  .fieldSubContainer .fieldBody {
    padding-right: 0px !important;
    text-align: left !important;
    width: auto !important;
    float: none !important;
    display:block !important;
  }

  .fieldSubContainer table tbody,
  .fieldSubContainer table tr {
    width:auto !important;
    display:block !important;
  }

  .fieldSubContainer table td.left {
    padding-bottom:10px !important;
    display: block !important;
    padding-right: 0px !important;
    text-align: left !important;
  }

  .fieldSubContainer table td.right {
    display: block !important;
    text-align: left !important;
  }

  .fieldContainer.textFieldContainer .fieldSubContainer.singleStringContainer .fieldBody #idEditorContainer {
    width:auto;
  }

  .WaGadgetForumStateEditTopic .mandatoryFieldsTitle, 
  .WaGadgetForumStateAddTopic .mandatoryFieldsTitle,   
  .WaGadgetForumStateNewMessage .mandatoryFieldsTitle,   
  .WaGadgetForumStateEditMessage .mandatoryFieldsTitle {
    float:none;
    width:auto;
    text-align:left;
    padding-left:10px;
  }

  .WaGadgetForumStateEditTopic .fieldContainer TABLE TD.right #idEditorContainer, 
  .WaGadgetForumStateAddTopic .fieldContainer TABLE TD.right #idEditorContainer, 
  .WaGadgetForumStateNewMessage .fieldContainer TABLE TD.right #idEditorContainer, 
  .WaGadgetForumStateEditMessage .fieldContainer TABLE TD.right #idEditorContainer {
    width:100% !important;
  }

  .WaGadgetForum.WaGadgetForumStateMessageList .messageListOuterContainer .messageListContainer ul.boxesList li.boxesListItem .boxBodyOuterContainer table.forumMessageTable td.left {
    display: block;
    height: auto;
    padding: 0;
    width: auto;
  }

  .WaGadgetForum.WaGadgetForumStateMessageList .messageListOuterContainer .messageListContainer ul.boxesList li.boxesListItem .boxBodyOuterContainer table.forumMessageTable td.left .boxBodyInfoOuterContainer {
    margin-bottom:7px;
  }

  .WaGadgetForum.WaGadgetForumStateMessageList .messageListOuterContainer .messageListContainer ul.boxesList li.boxesListItem .boxBodyOuterContainer table.forumMessageTable td.right {
    display: block;
    height: auto;
    width: 100%;
  }

  .WaGadgetForum.WaGadgetForumStateMessageList .messageListOuterContainer .messageListContainer ul.boxesList li.boxesListItem .boxBodyOuterContainer table.forumMessageTable td.right .boxBodyContentOuterContainer {
    padding-top:10px;
  }


  /* Calendar */
  
  #idEventListCalendar #idViewSwitchersTable #group1 DIV,
  #idEventListCalendar #idViewSwitchersTable #group2 DIV {
    display:block;
    float:none;
  }

  .WaGadgetEvents.WaGadgetEventsStateCalendar #idEventListCalendar .EventListCalendar td.EventListCalendarHeader {
    vertical-align: top;
    word-break: break-all;
  }

  #idEventListCalendar .EventListCalendar .recurringEvent:before {
    display:none;
  }

  .WaGadgetEvents.WaGadgetEventsStateCalendar #idEventListCalendar .EventListCalendar td > div a {
    display:block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
   }

  .cnPrimaryContentBlock1Content .boxViewOutline .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer,
  .cnPrimaryContentBlock1Content .boxViewOutline .boxBodyOuterContainer .boxBodyContainer .boxBodyContentOuterContainer,
  .WaGadgetEventsStateDetails .boxBodyInfoViewFill,
  .WaGadgetEventsStateDetails .boxBodyContentOuterContainer {
    float:none;
    min-width:1px;
    width:auto;
    }

  .WaGadgetEventsStateDetails .boxBodyContentOuterContainer {
    padding-left:0px;
  }

  .formContainer .fieldSubContainer .fieldLabel span.mandatorySymbol[style*="hidden"] {
    display:none;
  }

}
.WaGadgetAuthorizationRequired .openAuthFormContainer {
  display: none !important;
} 
#socialLoginContainer, #idSocialLoginContainer {
  display: none;
} 

@media print {
    body {
        margin-top: 5px;
        transform: scale(0.99);
        transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }
    .EventListCalendarItemDefault .eventTime, .EventListCalendarItemDefault a, .EventListCalendar .EventListCalendarHeader, .recurringEvent a, .EventListCalendarItemSelected .eventTime, .EventListCalendarItemSelected div div a{
      font-weight: bold;
      color: #000000 !important;
      font-size: 20px;
    }
}