/* NICASIO EDITS... */


/* LOAD GOOGLE FONTS */

@import url(//fonts.googleapis.com/css?family=Roboto:normal|Roboto:medium|Roboto:bold|Roboto:light|Roboto:thin);

/* GOOGLE FONT USAGE...

font-family: 'Roboto', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
font-weight: 100; // Thin, included as webfont option
font-weight: 300; // Light, included as webfont option
font-weight: 400; // Normal, included as webfont option
font-weight: 500; // Medium, included as webfont option
font-weight: 700; // Bold, included as webfont option

*/


/* RESET ALL FONT SIZES --------------------------------------
 
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version:2.4.1
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/21px 'Roboto', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code {font-family:monospace;*font-size:108%;line-height:100%;}
 
/* ----------------------------------------------------- */
 
/* USE THESE FONT SIZES TO DECLARE TRUE SIZES IN PIXELS -----------
 
 {font-size:77%;} 		=>	10px
 {font-size:85%;} 		=>	11px
 {font-size:93%;} 		=>	12px
 {font-size:100%;} 		=>	13px
 {font-size:108%;} 		=>	14px
 {font-size:116%;} 		=>	15px
 {font-size:123.1%;} 		=>	16px
 {font-size:131%;} 		=>	17px
 {font-size:138.5%;} 		=>	18px
 {font-size:146.5%;} 		=>	19px
 {font-size:153.9%;} 		=>	20px
 {font-size:161.6%;} 		=>	21px
 {font-size:167%;} 		=>	22px
 {font-size:174%;} 		=>	23px
 {font-size:182%;} 		=>	24px
 {font-size:189%;} 		=>	25px
 {font-size:197%;} 		=>	26px
 {font-size:205%;} 		=>	27px		// the rest were added to use larger fonts
 {font-size:213%;} 		=>	28px		// and are only a rough estimate!	
 {font-size:220%;} 		=>	29px		// chris@nicasiodesign.com
 {font-size:228%;} 		=>	30px
 {font-size:236%;} 		=>	31px
 {font-size:243.1%;} 		=>	32px
 {font-size:251%;} 		=>	33px
 {font-size:258.5%;} 		=>	34px
 
 
------------------------------------------------------ */
 
 
/* RESET MISC. ITEMS -------------------------------------- */
 
* {margin:0;padding:0;}

a {text-decoration:none !important;}
a:hover {text-decoration:none !important;}

a img {border:0px;}
a img[border="1"],
img[border="1"] {border: 1px dotted #B2C2D1;}
a img[border="3"],
img[border="3"] {border: 3px solid #B2C2D1;}
a img[border="7"],
img[border="7"] {border:7px solid #B2C2D1;}
a img[border="10"],
img[border="10"] {border:10px solid #B2C2D1;}

img {background-color: transparent !important;}

svg {max-height:100%;}

hr {height:0px;overflow:hidden;border:0px;clear:both;border-bottom: 1px rgba(221, 221, 215, 1) solid;margin:30px 0px 50px 0px;}
 
.clear {clear:both;height:0px;overflow:hidden;}

input, textarea, select, legend {font-family: 'Roboto', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif !important;}
input[type="password"] {font-family: Arial, 'Arial Unicode MS', Helvetica, sans-serif !important;}

input, textarea, select, a {outline:none;} /* removes the on focus/active blue border in safari + firefox */
textarea {resize:none;} /* removes ability to resize field in css3 */
legend, fieldset {border:0px;padding:0px;height:auto;margin:0px;}

input[type=text], input[type=email], input[type=password], textarea, select {
height:auto !important;
border:1px solid #ddddd7 !important;
background: #FFF !important;
padding:4px 5px 4px 5px !important;
color: #776273;
font-size:116% !important;
line-height:22px;
font-weight:300;
}
div.publicWizardContainer input {font-size:100%;}

textarea {min-height: 10em !important;}

input[type=text]:active, input[type=text]:focus, 
input[type=email]:active, input[type=email]:focus, 
input[type=password]:active, input[type=password]:focus,
textarea:active, textarea:focus,
select:active, select:focus {
color: #000000;
}

select {height:35px !important;}

a.button,
a.button-large,
a.button-grey,
a.button-grey-large,
.mobile-btn,
input[type=submit],
input[type=reset],
input[type=button] {
white-space: nowrap;
width:auto !important;
text-decoration:none !important;
text-transform:uppercase;
font-size: 100% !important;
font-weight:300 !important;
color: #FFF !important;
padding: 0px 17px !important;
height: 26px !important;
line-height:26px !important;
display:inline-block;
cursor:pointer;
margin:4px 0px;
border: 0px !important;
border-collapse: separate;
text-align:center;
background: #DB4105;
}

a.button-large,
a.button-grey-large,
.mobile-btn {
font-size: 126% !important;
font-weight:300 !important;
padding: 17px !important;
line-height:24px !important;
display:block;
margin:0px 0px 0px 0px !important;
white-space:normal;
letter-spacing:2px !important;
}

a.button,
a.button-large,
a.button-grey,
a.button-grey-large,
.mobile-btn {
height:auto !important;
}

a.button:hover,
a.button-large:hover,
.mobile-btn:hover
input[type=submit]:hover,
input[type=button]:hover {
color:#FFF !important;
background: #DB4105;
}

a.button-grey,
a.button-grey-large {
background:#474741 !important;
}
a.button-grey:hover,
a.button-grey-large:hover {
background:#DB4105 !important;
}

input[type=reset],
input[value="Cancel"],
input[value="Back"] {
color: #959595 !important;
background: #DDDDD7 !important;
}

input[type=reset]:hover,
input[value="Cancel"]:hover,
input[value="Back"]:hover {
color:#FFF !important;
background:#474741 !important;
}

input.aspNetDisabled {
opacity: 0.3;
-moz-opacity: 0.3;
filter:alpha(opacity=30);
cursor:default !important;
color:#4d4d4d;
border:1px solid #cdcdcd !important;
}
input.aspNetDisabled.typeText {
opacity: 0.7;
-moz-opacity: 0.7;
filter:alpha(opacity=70);
color:#4d4d4d;
border:1px solid #cdcdcd !important;
}
input.aspNetDisabled:hover,
input.aspNetDisabled:active,
input.aspNetDisabled:focus {
color:#4d4d4d;
border:1px solid #cdcdcd !important;
}

label,
table.loginPageTable span.mandatory {font-size:100%;color:#000000 !important;font-weight:normal !important;}
strong.mandatoryLabel,
label strong {font-weight:bold !important;}

#idMembershipLevelRadioGroupContainer .textLine .labelTitle,
#idMembershipLevelRadioGroupContainer .textLine .labelSubTitle {font-size:100%;position:relative;top:0px;font-weight:normal !important;}

input[type="checkbox"] + label,
input[type="radio"] + label {padding-left: 10px;}

label:hover {color:#000000 !important}

.fieldLabel .mandatorySymbol {float: right;margin: 0px 0px 0px 5px;}

#idMembershipLevelRadioGroupContainer div.fieldItem {
margin-bottom: 18px;
}


/* ADD VERTICAL SCROLLBARS TO EVERY PAGE */
html, body {height:100%;margin:0 0 1px;}
body.insertedUserCustomForm {margin:0px;}


/* STRIP SKYPE */
span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}

/* FIX GOOGLE PHONE LINKS */

.gc-cs-link {color:#000000 !important;text-decoration:none !important;}
.footerContent .gc-cs-link {color:#FFF !important;}


#idPrintLinkContainer {display:none !important;}

body, td, p, h1, h2, h3, h4, h5, h6 {
color: #000000;
font-family: 'Roboto', serif;
font-weight: 300;
}

body {
background:#404040;
/*min-width: 960px;*/
color: #000000;
text-align:center;
letter-spacing:0.125em;
}

body.LayoutMain.mobile-menu-active {
background:#FFF;
}


body.insertedUserCustomForm {background:transparent none !important;min-width:0px;text-align:left;letter-spacing:0px;}

iframe.insertedUserCustomForm {overflow:hidden;}

.switchToAdminShadowContainer, 
.switchToAdminContainer {left: 0px !important;}

body.headerContent,
body.cnPrimaryContentBlock1Content,
body.footerContent {min-width:0px;}

body.cnPrimaryContentBlock1Content {text-align:left;line-height: 36px;font-size: 112%;background:#FFF !important;}

body.footerContent {text-align:left;line-height:18px;font-size:93%;padding:16px;width:928px;background: #404040 !important;}

.cnClipMainContainer {
position: relative;
width:100%;
margin:0px;
z-index:1;
padding:0px;
}

.cnMainContainer {
width:100%;
margin:0;
padding-bottom:20px;
}

body.customizeContentView .cnMainContainer {
background:transparent none;
width:960px;
margin:0 auto;
}

.cnHeaderContainer,
.cnHeaderContainer > .d1,
.cnContentContainer {width:100%;margin:0;float:none !important;text-align:center;}

.cnHeaderContainer {background:#ddddd7;padding-top:18px;}

.cnHeaderContainer .headerContentHolder,
.headerContent {width: 100%;background:transparent;}

.cnContentContainer {background:#FFF;}

.cnNavigationContainer {width: 100%;float: none;background:#ddddd7;}

.cnNavigationContainer > .d1 {float:none;min-width:960px;margin:0 auto;background:transparent;text-align:left;}

.cnPrimaryContentContainer {float:none;width:960px;margin:0 auto;background:transparent;text-align:left;}

.cnPrimaryContentContainer > .d1 {padding:64px 28px;}

body#PAGEID_1805998 .cnPrimaryContentContainer {width:100%;min-width:960px;max-width:1400px;}

body#PAGEID_1805998 .cnPrimaryContentContainer > .d1 {
padding:16px 0 64px 0;
}

.cnPrimaryContentContainer .d1PrimaryContentContainer, 
.cnPrimaryContentBlock1ContentHolder {background:transparent;}

.cnPrimaryContentContainer .d1PrimaryContentContainer {border:0px;float:none;}

.cnPrimaryContentContainer .block .inner {padding:0px;float:none;}

.cnPrimaryContentBlock1ContentHolder,
.cnPrimaryContentBlock1ContentHolderEventAdmin {width:100%;float:none;}

.cnPrimaryContentBlock1Content {width:100%;padding:0px;float:none;}

.cnFooterContainer {padding:16px 0px;width:100%;float:none;}

.cnFooterContainer > .d1 {width:960px;margin:0 auto;}

.cnFooterContainer .innerFooterContainer {float:none;padding:0;}

div.footerContentHolder {background:transparent;width:auto;float:none;}

.footerContent {width:100%;text-align:left;color:#FFF;}

.cnFooterPoweredByContainer, 
.cnFooterSpace,
#idClearEnd {display:none;}

#WA_messagePopup {text-align:left;}

#WA_switchToAdmin {right:auto;left:0px;}



.hidden {display:none;}



#idLoginBox input, #idPasswordBox input {
width: 320px;
}

#idSubmitBox #idForgotLinkBox {
white-space: nowrap;
padding-top: 5px;
}

.WaGadgetAuthorizationRequired .openAuthFormContainer {
display:none;
}

.WaGadgetAuthorizationRequired .authFormContainer {
padding-left:0px;
}



/********** HEADER **********/


#header_headerContent {cursor:default !important;}

.topMenu {
width: 98%;
min-width: 960px;
margin: 0 auto;
}

.topMenu ul {list-style-type:none;text-align:left;}

.topMenu li {float: right;margin-right: 2%;}

.topMenu li a {font-size: 93%;color: #406284;font-weight: 400;letter-spacing: 0.075em;}


li#memberLogout,
li#memberProfile,
body.memberContentView li#memberLogin {display:none;}

body.memberContentView li#memberLogout,
body.memberContentView li#memberProfile {display:inline;}

a.logo {
display:block;
width:450px;
margin:0 auto;
position: absolute;
left: 50%;
margin-left: -225px;
top:30px;
}

a.logo img {width:100%;}

#id_LoginBoxGadget .loginContainer {display:none;}




/********** MAIN MENU **********/


.cnNavigationContainer {padding-top:8px;}

.mainMenu, .mainMenu ul {
margin: 0;
padding: 0;
width: 100%;
height: auto;
list-style-type: none;
background-color: transparent;
}

.mainMenu,
.mainMenu ul.mainMenu0 {height:53px !important;overflow:visible;}

.mainMenu ul.mainMenu0 {display:block;text-align:center;min-width:960px;margin:0px auto 0px auto;}

.mainMenu ul.mainMenu0 li {
position: relative;
display: inline-block;
float: none;
background: none;
margin: 0;
padding: 0px;
border: 0;
width:auto;
text-align:center;
}

.mainMenu LI.itemNormal .d5 {
background:transparent none;
}

.mainMenu LI A,
.mainMenu LI A:link,
.mainMenu LI A:active,
.mainMenu LI A:visited,
.mainMenu LI A:hover,
.mainMenu LI SPAN SPAN {
float:left;
padding: 0px 2.75em 32px 2.75em;
font-size: 123.1%;
text-transform: uppercase;
font-weight: 700;
color: #DB4105;
letter-spacing:2px;
}

body.memberContentView .mainMenu LI A,
body.memberContentView .mainMenu LI A:link,
body.memberContentView .mainMenu LI A:active,
body.memberContentView .mainMenu LI A:visited,
body.memberContentView .mainMenu LI A:hover,
body.memberContentView .mainMenu LI SPAN SPAN {
padding: 0px 2.05em 32px 2.05em;
}

body.adminContentView .mainMenu LI A,
body.adminContentView .mainMenu LI A:link,
body.adminContentView .mainMenu LI A:active,
body.adminContentView .mainMenu LI A:visited,
body.adminContentView .mainMenu LI A:hover,
body.adminContentView .mainMenu LI SPAN SPAN {
padding: 0px 1.35em 32px 1.35em;
}

.mainMenu li a:hover, 
.mainMenu li.itemNormal:hover a {
background:transparent;
color: #406284;
}

.mainMenu li#id_MenuGadget_idMainMenuItem1806026 a,
.mainMenu li#id_MenuGadget_idMainMenuItem1806026 SPAN SPAN {
color: rgb(102,153,204);
}

.mainMenu li#id_MenuGadget_idMainMenuItem1806026:hover a,
.mainMenu li#id_MenuGadget_idMainMenuItem1806026 a:hover {
color: #406284;
}

.mainMenu ul.mainMenu0 li li a,
.mainMenu ul.mainMenu0 li li span span {
padding:0px;
}

.mainMenu ul.mainMenu0 li.first,
.mainMenuContainer .mainMenu img.menuMemberOnlyIcon, .mainMenuContainer .mainMenu div.menuMemberOnlyIcon, .subMenuContainer .subMenu div.menuMemberOnlyIcon,
.mainMenuContainer .mainMenu img.menuHiddenIcon, .mainMenuContainer .mainMenu div.menuHiddenIcon,
.subMenuContainer .subMenu div.menuHiddenIcon {display:none;}

.mainMenu li.itemCurrent .d5, 
.mainMenu li.itemCurrentParent .d5,
.mainMenu li.itemNormal ul.dynamic li.itemNormal .d5,
.mainMenu li ul li .d5 {background:transparent none !important;}

.mainMenu ul.mainMenu0 li ul li.first {display:block;}

.mainMenu li ul {
width:230px !important;
top:52px !important;
background:#ddddd7 !important;
padding:0px 0px 0px 0px !important;
height:auto !important;
}

.mainMenu li ul {
display:none !important;
position:absolute !important;
}

.mainMenu ul.mainMenu0 > li:hover > ul,
.mainMenu ul.mainMenu0 li.itemNormal:hover ul.dynamic, 
.mainMenu ul.mainMenu0 li.itemNormal a:hover ul.dynamic {
display:block !important;
left: 0px;
}

.mainMenu ul.mainMenu0 li li {
display: block;
margin: 0 0 0 3.25em;
text-align: left;
padding-right:0px;
}

body.memberContentView .mainMenu ul.mainMenu0 li li {
margin-left: 2.45em;
}

body.adminContentView .mainMenu ul.mainMenu0 li li {
margin-left: 1.65em;
}


.mainMenu li ul li a, 
.mainMenu li ul li a:link, 
.mainMenu li ul li a:active, 
.mainMenu li ul li a:visited, 
.mainMenu li ul li a:hover, 
.mainMenu li ul li span span,
.mainMenu li#id_MenuGadget_idMainMenuItem1806026 ul li a,
.mainMenu li#id_MenuGadget_idMainMenuItem1806026 ul li a:link,
.mainMenu li#id_MenuGadget_idMainMenuItem1806026 ul li a:active,
.mainMenu li#id_MenuGadget_idMainMenuItem1806026 ul li a:visited,
.mainMenu li#id_MenuGadget_idMainMenuItem1806026 ul li a:hover,
.mainMenu li#id_MenuGadget_idMainMenuItem1806026 ul li a SPAN SPAN {
width: auto;
display: block;
float: none;
padding: 6px 0px !important;
letter-spacing:1px;
font-weight:300 !important;
text-transform:none;
color:#000;
}

.mainMenu li ul li:hover a, 
.mainMenu li ul li a:hover,
.mainMenu li#id_MenuGadget_idMainMenuItem1806026 ul li:hover a,
.mainMenu li#id_MenuGadget_idMainMenuItem1806026 ul li a:hover {
background-color:transparent !important;
color: #406284 !important;
}


.mainMenu li:hover ul li ul {
left:-9999px !important;
top:0px !important;
background-color: #ecece6 !important;
}

.mainMenu li li:hover div.dynamicMenuLevelContainer {width:100%;}

.mainMenu li:hover ul li:hover ul,
.mainMenu ul.mainMenu0 > li:hover > ul li:hover ul,
.mainMenu ul.mainMenu0 li.itemNormal:hover ul.dynamic li:hover ul, 
.mainMenu ul.mainMenu0 li li:hover ul, 
.mainMenu ul.mainMenu0 li li:hover ul.dynamic,
.mainMenu ul.mainMenu0 li.itemNormal:hover li:hover ul.dynamic,
.mainMenu li ul li:hover ul {
left:100% !important;
display:block !important;
}

.mainMenu li ul li ul li a, 
.mainMenu li ul li ul li a:link, 
.mainMenu li ul li ul li a:active, 
.mainMenu li ul li ul li a:visited, 
.mainMenu li ul li ul li a:hover, 
.mainMenu li ul li ul li span span,
.mainMenu li#id_MenuGadget_idMainMenuItem1806026 ul li ul li a,
.mainMenu li#id_MenuGadget_idMainMenuItem1806026 ul li ul li a:link,
.mainMenu li#id_MenuGadget_idMainMenuItem1806026 ul li ul li a:active,
.mainMenu li#id_MenuGadget_idMainMenuItem1806026 ul li ul li a:visited,
.mainMenu li#id_MenuGadget_idMainMenuItem1806026 ul li ul li a:hover,
.mainMenu li#id_MenuGadget_idMainMenuItem1806026 ul li ul li span span {
color:#000 !important;
}

.mainMenu li ul li ul li a:hover,
.mainMenu li#id_MenuGadget_idMainMenuItem1806026 ul li ul li a:hover,
.mainMenu li#id_MenuGadget_idMainMenuItem1806026 ul li ul li span span {
color:#406284 !important;
}


/* 
** move flyouts to the right 
** on "last" parent menu item 
** to keep flyout in viewport 
*/

.mainMenu li.last:hover ul li:hover ul, 
.mainMenu ul.mainMenu0 > li.last:hover > ul li:hover ul, 
.mainMenu ul.mainMenu0 li.last.itemNormal:hover ul.dynamic li:hover ul, 
.mainMenu ul.mainMenu0 li.last li:hover ul, 
.mainMenu ul.mainMenu0 li.last li:hover ul.dynamic, 
.mainMenu ul.mainMenu0 li.last.itemNormal:hover li:hover ul.dynamic, 
.mainMenu li.last ul li:hover ul {
left:auto !important;
right: 100% !important;
margin-right: 0px !important;
}

.mainMenu ul.mainMenu0 li.last li {
margin-left:0px !important;
}

.mainMenu ul.mainMenu0 li.last li a,
.mainMenu ul.mainMenu0 li.last li span span {
padding-left:2.5em !important;
}

body.memberContentView .mainMenu ul.mainMenu0 li.last li {
margin-left:0px !important;
}

body.memberContentView .mainMenu ul.mainMenu0 li.last li a,
body.memberContentView .mainMenu ul.mainMenu0 li.last li span span {
padding-left:2.5em !important;
}





/********** CONTENT **********/

.cnPrimaryContentBlock1Content {
letter-spacing: 0.0125em;
line-height: 1.75em;
font-size:123.1%;
}

.cnPrimaryContentBlock1Content table {
table-layout:fixed;
border-collapse: collapse;
}

.cnPrimaryContentBlock1Content img {max-width:100%;height:auto !important;}

.cnPrimaryContentBlock1Content div[id^="idArtBoxModuleContainer"] > img {
height: inherit !important;
}

.cnPrimaryContentBlock1Content div.generalFieldsContainer div.fieldBody img  {
height: auto !important;
max-width: inherit !important;
}

.cnPrimaryContentBlock1Content iframe {display:block;margin:31px 0 21px 0;}

.fluid-width-video-wrapper {
margin-bottom:61px;
}

.cnPrimaryContentBlock1Content iframe[id^="idEditorIFrame"],
.cnPrimaryContentBlock1Content iframe[id^="idArtBoxModuleIFrame"] {
margin:0px;
}

/*
div.pageTitleContainer {width:100%;}
.WaGadgetEventsStateList div.pageTitleContainer {width:100%;}
.WaGadgetEventsStateDetails div.pageTitleContainer {width:100%;}
*/

/* YMBL EDITS */

/* 
SHOW WHO IS REGISTERED - TURNED OFF CURRENTLY .eventRegistrationInfoSpacesLeft,
.eventInfoSpacesLeft {display: none;} */

.WaGadgetEvents div.pageTitleContainer {clear:left;width:auto;}

.pageViewSwitcherOuterContainer {padding-top:0px;padding-bottom:8px;}

div.pageBackContainer {
padding-bottom:0px;
padding-top: 2px !important;
}

div.buttonsInTitleContainer {padding-top:0px;}

.WaGadgetMemberPublicProfile div.titleRightContainer {
padding-top:24px;
color:#FFF;
}

h1[class*=SystemPageTitle] a.rssFeedLabel {}

div.pageTitleOuterContainer, 
div.pageLayoutTitle {
padding-bottom: 0px;
}

.pageLayoutTopAndBottomRowsPlusThreeColumns .pageLayoutTopRowOuterContainer,
.pageLayoutTwo2-1Columns div.pageLayoutTitle,
.pageLayoutTwo1-2Columns div.pageLayoutTitle {
padding-bottom:0px !important;
}

table#idPageLayoutMainContainer .pageLayoutTitleOuterContainer {
padding-bottom: 0px;
}

div.pageTitleOuterContainer + div.introOuterContainer .inner {/display:block !important;/min-height:22px;}

.WaGadgetEvents div.upcomingEventsOuterContainer {margin-top: 0px;}

.cnPrimaryContentBlock1Content H1,
.cnPrimaryContentBlock1Content div.publicWizardContainer h1[class*=SystemPageTitle],
.cnPrimaryContentBlock1Content .memberDirectoryDetailsHeaderContainer h2,
.cnPrimaryContentBlock1Content #idLoginMessage h3 {
font-weight: 300 !important;
font-size: 175% !important;
line-height:37px;
margin: 0 0 56px 0 !important;
padding:0px !important;
color: #474741 !important;
text-align: left;
display:block;
text-transform: uppercase;
letter-spacing: 2px;
background:transparent;
}

.cnPrimaryContentBlock1Content h1.contStyleExcHeadingColored {
color:#DB4105 !important;
font-size:200% !important;
letter-spacing:0px !important;
line-height:36px !important;
margin:-10px 0px 50px 0px !important;
text-transform:none !important;
}

.cnPrimaryContentBlock1Content h2,
.cnPrimaryContentBlock1Content H3.sectionTitle {
font-size:113% !important;
line-height:23px !important;
color:#DB4105 !important;
padding:0px !important;
margin: 0 0 0.5em 0 !important;
font-weight:300 !important;
letter-spacing:1px !important;
background:transparent !important;
}

.cnPrimaryContentBlock1Content .memberDirectoryDetailsHeaderContainer h2 {
font-size:161% !important;
}

.cnPrimaryContentBlock1Content h2.contStyleExcHeadingColored {
font-weight:400 !important;
letter-spacing: 2px !important;
margin: 0 0 8px 0 !important;
line-height:24px !important;
}

.cnPrimaryContentBlock1Content h2 em,
.cnPrimaryContentBlock1Content h2 i {
font-size: 68% !important;
float: right;
color:#000 !important;
font-style:normal;
}

.cnPrimaryContentBlock1Content h3,
.cnPrimaryContentBlock1Content H3.formTitle {
font-size: 100% !important;
font-weight: 400 !important;
line-height: 36px;
color: #406284 !important;
text-transform: none;
margin: 1em 0 1em 0;
background: rgba(64, 98, 132, 0.25);
padding: 0.5em 2% !important;
letter-spacing:0px;
}

.cnPrimaryContentBlock1Content h3.contStyleExcHeadingColored {
font-size: 77% !important;
font-weight: 400 !important;
line-height: 18px;
color: #DB4105 !important;
margin: 0 0 1em 0;
background: transparent;
padding: 0px !important;
letter-spacing:1px;
text-transform: uppercase;
}

.cnPrimaryContentBlock1Content H4 {
font-weight: 400;
font-size:100%;
line-height:24px;
margin: 0.5em 0 0.25em 0;
color:#406284;
letter-spacing:2px;
}

.cnPrimaryContentBlock1Content H4.contStyleExcHeadingColored,
.cnPrimaryContentBlock1Content div.artBoxContainer h4.artBoxTitle {
font-weight:600;
line-height:21px;
margin: 0 0 2em 0;
color:#474741;
text-transform: uppercase;
letter-spacing:1px;
}

.cnPrimaryContentBlock1Content h1[align="center"],
.cnPrimaryContentBlock1Content h2[align="center"],
.cnPrimaryContentBlock1Content h3[align="center"],
.cnPrimaryContentBlock1Content h4[align="center"] {text-align:center;}

.cnPrimaryContentBlock1Content span.contStyleExcInlineColored1 {
color: #776273;
}

.cnPrimaryContentBlock1Content span.contStyleExcInlineColored2 {
color:#DB4105;
}

.cnPrimaryContentBlock1Content span.contStyleExcInlineLarger {
font-size: 85%;
line-height: 20px;
display: block;
}

.cnPrimaryContentBlock1Content span.contStyleExcInlineSmaller {
font-size: 77%;
line-height: 18px !important;
display: block;
font-weight: 400;
}

#idLoginMessage p {margin-bottom:15px;}

.cnPrimaryContentBlock1Content blockquote {
margin: 1em 40px 1em 40px;
}

.cnPrimaryContentBlock1Content span.contStyleExcInlineLarger font {
line-height:26px;
}


.cnPrimaryContentBlock1Content span.contStyleExcInlineSmaller em,
.cnPrimaryContentBlock1Content span.contStyleExcInlineSmaller i {
display: block;
color: #776273;
font-weight: 200;
font-style:normal;
}


.cnPrimaryContentBlock1 a,
.cnPrimaryContentBlock1Content a {color:rgba(102,153,204,1) !important;text-decoration:none !important;}
.cnPrimaryContentBlock1 a:hover,
.cnPrimaryContentBlock1Content a:hover {color:rgba(102,153,204,1) !important;text-decoration:none !important;}

.cnPrimaryContentBlock1Content .commonMessageBox .cww-co A {
color:#297AB6 !important;
}
.cnPrimaryContentBlock1Content .commonMessageBox .cww-co A:hover {
color:#1559A4 !important;
}

.cnPrimaryContentBlock1Content a.button,
.cnPrimaryContentBlock1Content a.button-large,
.cnPrimaryContentBlock1Content a.button-grey,
.cnPrimaryContentBlock1Content a.button-grey-large {
color:#FFF !important;
}

.cnPrimaryContentBlock1Content a.button:hover,
.cnPrimaryContentBlock1Content a.button-large:hover,
.cnPrimaryContentBlock1Content a.button-grey:hover,
.cnPrimaryContentBlock1Content a.button-grey-large:hover {
color:#FFF !important;
}

.cnPrimaryContentBlock1Content H4 a,
.cnPrimaryContentBlock1Content H4 a:hover {
color:#406284 !important;
}

.cnPrimaryContentBlock1Content a.cont {
color: rgba(102, 153, 204, 1) !important;
font-size: 100%;
font-weight: 400;
display: block;
line-height: 18px;
margin: 0.5em 0 0.25em 0;
letter-spacing: 1px;
}

.cnPrimaryContentBlock1Content a.cont:hover {
color: rgba(102, 153, 204, 1) !important;
}

.cnPrimaryContentBlock1Content ul {
position: relative;
padding: 0;
margin: 1em 0 2em 3em;
list-style-type: disc;
}

.cnPrimaryContentBlock1Content ul.styled {
margin: 0 0 2em 0;
overflow:hidden;
}

.cnPrimaryContentBlock1Content h2 + ul.styled {
margin-top: 1.5em;
}

.cnPrimaryContentBlock1Content ul.styled li {
width: 96%;
height: auto;
display: block;
font-size: 85%;
margin: 0 0 0.125em 0;
font-weight: 300;
letter-spacing: 0px;
line-height: 29px;
background: rgba(64, 98, 132, 0.1);
padding: 0.5em 2%;
}

.cnPrimaryContentBlock1Content ul.styled li strong,
.cnPrimaryContentBlock1Content ul.styled li b {
display: block;
float: left;
text-transform: uppercase;
font-weight: 300;
color: #474741;
letter-spacing: 1px;
font-size: 100%;
}

.cnPrimaryContentBlock1Content ul.styled li em,
.cnPrimaryContentBlock1Content ul.styled li i {
color: #DB4105;
display: block;
float:right;
font-size: 116%;
font-style:normal;
}

.cnPrimaryContentBlock1Content ul.styled li:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.cnPrimaryContentBlock1Content ul.list,
.cnPrimaryContentBlock1Content ul.boxesList,
.cnPrimaryContentBlock1Content ul.boxInfo,
.cnPrimaryContentBlock1Content ul.registrationInfo,
.cnPrimaryContentBlock1Content ul.filterList,
.cnPrimaryContentBlock1Content #featured-slider ul {
margin:0px;
padding:0px;
list-style-type:none;
}


.cnPrimaryContentBlock1Content ol.inner-nav {
list-style-type:none;
margin-bottom:2em;
}

.cnPrimaryContentBlock1Content ol.inner-nav li {
display: block;
margin: 1em 0 0 0;
}

.cnPrimaryContentBlock1Content ol.inner-nav li:first-child {
margin: 0;
}

.cnPrimaryContentBlock1Content ol.inner-nav li a {
color: #406284 !important;
font-weight: 300;
display: block;
line-height: 1.5em;
margin-top: 0.125em;
font-size: 88%;
letter-spacing: 1px;
}

.cnPrimaryContentBlock1Content ol.inner-nav li a:hover {color: #406284 !important;}

.newMembers img {margin-left:2%;margin-bottom:4px;float:left;}
.newMembers img:first-child {margin-left:0px;}
.newMembers a img {margin-left:2% !important;}
.newMembers a:first-child img {margin-left:0px !important;}


.cnPrimaryContentBlock1Content img[src$="continue-reading-plus.png"] {
float: right;
position: relative;
z-index: 1;
top: 24px;
}

.cnPrimaryContentBlock1Content table.contStyleExcSimpleTable,
.cnPrimaryContentBlock1Content table#membersTable {
border-spacing: 0px !important;
border-collapse:collapse !important;
table-layout: fixed;
width: 100%;
border:0px;
margin-bottom:25px;
}

.cnPrimaryContentBlock1Content table.contStyleExcSimpleTable th,
.cnPrimaryContentBlock1Content table.contStyleExcSimpleTable td,
.cnPrimaryContentBlock1Content table#membersTable th,
.cnPrimaryContentBlock1Content table#membersTable td {
border:0px;
border-bottom: 1px solid #dcdad7 !important;
padding: 12px 10px 10px 10px !important;
overflow: hidden;
text-overflow: ellipsis;
vertical-align:top;
}

.cnPrimaryContentBlock1Content table.contStyleExcSimpleTable th,
.cnPrimaryContentBlock1Content table#membersTable th,
.EventListCalendar .EventListCalendarHeader,
.cnPrimaryContentBlock1Content a.yearViewHeader,
.WaGadgetForumStateList .forumListContainer .boxHeaderOuterContainer table td {
border-bottom:0px;
padding-top:8px !important;
padding-bottom:8px !important;
background-color:rgba(64, 98, 132, 0.1) !important;
font-size: 100% !important;
font-weight: 400 !important;
line-height: 36px;
color: #406284 !important;
text-transform: none;
}

.WaGadgetForumStateList .forumListContainer .boxHeaderOuterContainer table td h4.boxHeaderTitle {
color:#406284 !important;
font-size:100%;
}

.cnPrimaryContentBlock1Content table.contStyleExcSimpleTable tr:hover td,
.cnPrimaryContentBlock1Content table#membersTable tr:hover td {
background-color: #f4f4ee !important;
}


table.EventListCalendar {width:903px;}

.WaGadgetEventsStateList div.introOuterContainer {margin-bottom:0px;}


.steps i {
display:block;
width:20%;
float:left;
text-align:center;
outline: 0.25em white solid;
}

.steps b {
display: block;
width: 20%;
height: auto;
font-size: 95%;
float: left;
text-align: center;
border-top: 1px rgba(64, 98, 132, 0.5) solid;
outline: 0.25em white solid;
margin-bottom:18px;
line-height:36px;
font-weight:300;
}

.steps:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}



.commonMessageBox .cww-co {display:block;height:auto;}



.WaGadgetForumStateList div.boxHeaderContainer table td.lastReplyTD,
.WaGadgetForumStateList div.boxBodyContainer table td.lastReplyTD,
.WaGadgetForumStateTopicList div.boxHeaderContainer table td.lastReplyTD, 
.WaGadgetForumStateTopicList div.boxBodyContainer table td.lastReplyTD {
width:190px;
padding-right:0px;
}

.WaGadgetForumStateList div.boxHeaderContainer table td.lastReplyTD div.lastReply, .WaGadgetForumStateList div.boxBodyContainer table td.lastReplyTD div.lastReply,
.WaGadgetForumStateTopicList div.boxHeaderContainer table td.lastReplyTD div.lastReply, 
.WaGadgetForumStateTopicList div.boxBodyContainer table td.lastReplyTD div.lastReply {
width:170px;
}

.WaGadgetForumStateList div.boxHeaderContainer table td.topicsCountTD, 
.WaGadgetForumStateList div.boxBodyContainer table td.topicsCountTD,
.WaGadgetForumStateList div.boxHeaderContainer table td.topicsCountTD div.topicsCount, .WaGadgetForumStateList div.boxBodyContainer table td.topicsCountTD div.topicsCount {
width:80px;
}

.WaGadgetForumStateList div.boxHeaderContainer table td.repliesCountTD, 
.WaGadgetForumStateList div.boxBodyContainer table td.repliesCountTD,
.WaGadgetForumStateList div.boxHeaderContainer table td.repliesCountTD div.repliesCount, .WaGadgetForumStateList div.boxBodyContainer table td.repliesCountTD div.repliesCount,
.WaGadgetForumStateTopicList div.boxHeaderContainer table td.repliesCountTD, 
.WaGadgetForumStateTopicList div.boxBodyContainer table td.repliesCountTD,
.WaGadgetForumStateTopicList div.boxHeaderContainer table td.repliesCountTD div.repliesCount, 
.WaGadgetForumStateTopicList div.boxBodyContainer table td.repliesCountTD div.repliesCount {
width:90px;
}

.WaGadgetForumStateList div.boxBodyContainer table td.lastReplyTD div.lastReply span,
.WaGadgetForumStateTopicList div.boxBodyContainer table td.lastReplyTD div.lastReply span,
.WaGadgetForumStateMessageList #idMessageListContainer div.boxHeaderContainer td.forumMessageHeaderInfoContainer, .WaGadgetForumStateMessageList #idMessageListContainer div.boxHeaderContainer td.forumMessageHeaderBodyContainer,
.WaGadgetForumStateMessageList #idMessageListContainer div.boxBodyContainer table.forumMessageTable td.left div.boxBodyInfoOuterContainer {
font-size:77%
}

.WaGadgetForumStateMessageList #idMessageListContainer div.boxHeaderContainer td.forumMessageHeaderInfoContainer img {
padding-top:8px;
}

.WaGadgetForumStateMessageList #idMessageListContainer div.boxBodyContainer table.forumMessageTable td.left div.boxBodyInfoOuterContainer {
width:108px;
color:#7d7d7d;
}

.WaGadgetForumStateEditTopic div.boxFooterContainer {
margin-top:0px;
}

.WaGadgetForumStateEditTopic #idForumSubscribeOptionsContainer {
width:auto;
}

.WaGadgetForumStateEditTopic #idForumSubscribeOptionsContainer #idForumSubscribeOptionCheckbox input {
margin-top:9px;
}

.WaGadgetContactProfileStateMainContainer #idMembershipLevelContainer, .WaGadgetContactProfileStateMainContainer #idExpirationDateContainer {
width:580px;
}

#membersTable td {
font-size:100%;
}

div.genericList table.genericListTable th.lastTh span {
width:auto;
}



/*** GADGETS ***/

div.artBoxContainerType-000 div.artBoxGeneralInnerContainer div.artBoxTitleContainer {margin:0px;}

.cnPrimaryContentBlock1Content div.artBoxContainerType-000 div.artBoxGeneralInnerContainer .itemTitleContainer a.itemTitle {
color: #406284 !important;
font-weight: 300;
display: block;
line-height: 23px;
margin-top: 0.125em;
font-size: 100%;
letter-spacing: 1px;
}

.cnPrimaryContentBlock1Content div.artBoxContainerType-000 div.artBoxGeneralInnerContainer .itemTitleContainer a.itemTitle:hover {
color: #406284 !important;
}

div.artBoxContainerType-000 div.moduleViewType-0 div.itemInfoContainer {
line-height:18px;
font-size:77%;
font-weight: 400;
}

div.artBoxContainerType-000 div.moduleViewType-0 div.itemInfoContainer span {
display: block;
color: #776273;
font-weight: 200;
}

div.artBoxContainerType-000 div.moduleViewType-0 div.moduleSeparator {
margin:0px 0px 18px 0px;
}



/*** CONTENT LAYOUTS ***/

table.pageLayoutTwo1-2Columns td.pageLayoutLeftOuterContainer,
table.pageLayoutTwo2-1Columns td.pageLayoutRightOuterContainer,
table.pageLayoutTopAndBottomRowsPlusThreeColumns td.pageLayoutLeftOuterContainer,
table.pageLayoutTreeColumns td.pageLayoutLeftOuterContainer,
table.pageLayoutTopAndBottomRowsPlusThreeColumns td.pageLayoutRightOuterContainer,
table.pageLayoutTreeColumns td.pageLayoutRightOuterContainer {
width: 176px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, table.pageLayoutTwo1-2Columns td.pageLayoutLeftOuterContainer {
     width:204px;
    }
    ::i-block-chrome, table.pageLayoutTwo2-1Columns td.pageLayoutRightOuterContainer {
     width:204px;
    }
    ::i-block-chrome, table.pageLayoutTopAndBottomRowsPlusThreeColumns td.pageLayoutLeftOuterContainer {
     width:204px;
    }
    ::i-block-chrome, table.pageLayoutTreeColumns td.pageLayoutLeftOuterContainer {
     width:204px;
    }
    ::i-block-chrome, table.pageLayoutTopAndBottomRowsPlusThreeColumns td.pageLayoutRightOuterContainer {
     width:204px;
    }
    ::i-block-chrome, table.pageLayoutTreeColumns td.pageLayoutRightOuterContainer {
     width:204px;
    }
}


table.pageLayoutTwo1-2Columns td.pageLayoutRightOuterContainer,
table.pageLayoutTwo2-1Columns td.pageLayoutLeftOuterContainer {
width: auto;
}

table.pageLayoutTwoColumns td.pageLayoutLeftOuterContainer, table.pageLayoutTopAndBottomRowsPlusTwoColumns td.pageLayoutLeftOuterContainer,
table.pageLayoutTwoColumns td.pageLayoutRightOuterContainer, table.pageLayoutTopAndBottomRowsPlusTwoColumns td.pageLayoutRightOuterContainer {
width: 424px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, table.pageLayoutTwoColumns td.pageLayoutLeftOuterContainer {
     width:452px;
    }
    ::i-block-chrome, table.pageLayoutTopAndBottomRowsPlusTwoColumns td.pageLayoutLeftOuterContainer {
     width:452px;
    }
    ::i-block-chrome, table.pageLayoutTwoColumns td.pageLayoutRightOuterContainer {
     width:452px;
    }
    ::i-block-chrome, table.pageLayoutTopAndBottomRowsPlusTwoColumns td.pageLayoutRightOuterContainer {
     width:452px;
    }
}

table.pageLayoutTopAndBottomRowsPlusThreeColumns td.pageLayoutMiddleOuterContainer,
table.pageLayoutTreeColumns td.pageLayoutMiddleOuterContainer {
width: auto;
}

table.pageLayoutTwo1-2Columns td.pageLayoutLeftOuterContainer,
table.pageLayoutTwo2-1Columns td.pageLayoutLeftOuterContainer,
table.pageLayoutTwoColumns td.pageLayoutLeftOuterContainer, table.pageLayoutTopAndBottomRowsPlusTwoColumns td.pageLayoutLeftOuterContainer,
table.pageLayoutTwoColumns td.pageLayoutRightOuterContainer, table.pageLayoutTopAndBottomRowsPlusTwoColumns td.pageLayoutRightOuterContainer,
table.pageLayoutTopAndBottomRowsPlusThreeColumns td.pageLayoutLeftOuterContainer,
table.pageLayoutTreeColumns td.pageLayoutLeftOuterContainer,
table.pageLayoutTopAndBottomRowsPlusThreeColumns td.pageLayoutMiddleOuterContainer,
table.pageLayoutTreeColumns td.pageLayoutMiddleOuterContainer {
padding-right:28px;
}

table.pageLayoutTwo2-1Columns td.pageLayoutRightOuterContainer,
table.pageLayoutTwo1-2Columns td.pageLayoutRightOuterContainer,
table.pageLayoutTwoColumns td.pageLayoutLeftOuterContainer, table.pageLayoutTopAndBottomRowsPlusTwoColumns td.pageLayoutLeftOuterContainer,
table.pageLayoutTwoColumns td.pageLayoutRightOuterContainer, table.pageLayoutTopAndBottomRowsPlusTwoColumns td.pageLayoutRightOuterContainer,
table.pageLayoutTreeColumns td.pageLayoutLeftOuterContainer,
table.pageLayoutTopAndBottomRowsPlusThreeColumns td.pageLayoutRightOuterContainer,
table.pageLayoutTreeColumns td.pageLayoutRightOuterContainer,
table.pageLayoutTopAndBottomRowsPlusThreeColumns td.pageLayoutMiddleOuterContainer,
table.pageLayoutTreeColumns td.pageLayoutMiddleOuterContainer {
padding-left:28px;
}

.cnPrimaryContentBlock1Content table.pageLayoutTwo1-2Columns td.pageLayoutLeftOuterContainer img,
.cnPrimaryContentBlock1Content table.pageLayoutTwo2-1Columns td.pageLayoutRightOuterContainer img,
.cnPrimaryContentBlock1Content table.pageLayoutTopAndBottomRowsPlusThreeColumns td.pageLayoutLeftOuterContainer img,
.cnPrimaryContentBlock1Content table.pageLayoutTreeColumns td.pageLayoutLeftOuterContainer img,
.cnPrimaryContentBlock1Content table.pageLayoutTopAndBottomRowsPlusThreeColumns td.pageLayoutRightOuterContainer img,
.cnPrimaryContentBlock1Content table.pageLayoutTreeColumns td.pageLayoutRightOuterContainer img,
table#home-content td#home-content-left img,
table#home-content td#home-content-right img {display:block;}




/*** Home Page ***/


.banner {
width:100%; 
min-width:960px; 
overflow:hidden;
/*background:rgb(64,98,132);*/
padding:0 0 64px 0;
}

.banner nav {
width:100%;
margin:0 auto;
padding:0 0 0 0;
background:blue;
}

.banner nav i {
display:block;
width:100%;
min-width:960px;
position:absolute;
margin:7.15em 0 0 0;
text-align:center;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
font-style:normal;
}

.banner nav i span {
text-align:center;
display:block;
margin:0 0 0.425em 0;
color:#fff;
font-size:3.5em;
letter-spacing:0.3em;
font-weight:800;
text-transform:uppercase;
font-style:normal;
line-height:74px;
}

.cnPrimaryContentBlock1Content .banner nav i a {
width:7em;
background:rgb(219,65,5);
padding:1.05em 1em;
text-transform:uppercase;
color:#fff !important;
font-size:1.25em;
font-weight:300;
letter-spacing:2px;
}

.cnPrimaryContentBlock1Content .banner nav i a:hover {color:#FFF !important;}

.cnPrimaryContentBlock1Content .banner img {
max-width:1400px !important;
min-width:960px !important;
width:100% !important;
height:auto !important;
margin:0 auto;
display:block;
}

table#home-content {width:960px;margin:0 auto;}

table#home-content td#home-content-left,
table#home-content td#home-content-middle,
table#home-content td#home-content-right {width:176px;padding:0 28px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    ::i-block-chrome, table#home-content td#home-content-left {
     width:232px;
    }

    ::i-block-chrome,table#home-content td#home-content-right {
     width:232px;
    }

}

table#home-content td#home-content-middle {width: auto;min-height: 600px;}





/********** FOOTER **********/

.footerContent {
font-size: 93%;
color: rgba(221, 221, 215, 1);
}

.footerContent .social {
display: block;
float: right;
clear: both;
}

.footerContent .txtLinks,
.footerContent .copyright {
margin: 0em 0 1em 2em;
}

.footerContent a {
color: rgba(221, 221, 215, 1);
margin-right: 2em;
display: inline-block;
}

.footerContent a:hover {text-decoration:underline !important;}



/* Fixed by WA support. 2014.06.26 */
.mainMenu LI.itemNormal .dynamicMenuLevelContainer
{
   left: 0; 
}



/********** RESPONSIVE **********/


@media screen and (min-width:1300px) {

  .banner nav i {margin:12.45em 0 0 0;}

}

@media screen and (max-width:960px) {

  body.customizeContentView .cnMainContainer {
    width:100%;
  }

  .cnNavigationContainer > .d1,
  .cnPrimaryContentContainer,
  .cnFooterContainer > .d1 {
    width:98%;
  }

  body#PAGEID_1805998 .cnPrimaryContentContainer {
    min-width:100%;
  }

  #idLoginBox input, #idPasswordBox input {
    width: 98%;
  }

  .topMenu {
    min-width:100%;
  }

  .cnNavigationContainer > .d1,
  .mainMenu ul.mainMenu0 {
    min-width:100%;
  }

  .mainMenu ul.mainMenu0 {
    display:table;
    min-width:100%;
    width:100%;
  }

  .mainMenu ul.mainMenu0 li {
    display:table-cell;
    float:none;
    width:1%;
  }

  .mainMenu LI A, 
  .mainMenu LI A:link, 
  .mainMenu LI A:active, 
  .mainMenu LI A:visited, 
  .mainMenu LI A:hover, 
  .mainMenu LI SPAN SPAN {
    padding-left:5px;
    padding-right:5px;
    float:none;
    font-size:108%;
  }

  table.EventListCalendar {
    width:100%;
  }

  .WaGadgetForumStateList div.boxHeaderContainer table td.lastReplyTD,
  .WaGadgetForumStateList div.boxBodyContainer table td.lastReplyTD,
  .WaGadgetForumStateTopicList div.boxHeaderContainer table td.lastReplyTD, 
  .WaGadgetForumStateTopicList div.boxBodyContainer table td.lastReplyTD {
    width:40%;
  }

  .WaGadgetForumStateList div.boxHeaderContainer table td.lastReplyTD div.lastReply,   .WaGadgetForumStateList div.boxBodyContainer table td.lastReplyTD div.lastReply,
  .WaGadgetForumStateTopicList div.boxHeaderContainer table td.lastReplyTD div.lastReply, 
  .WaGadgetForumStateTopicList div.boxBodyContainer table td.lastReplyTD div.lastReply {
    width:40%;
  }

  .WaGadgetForumStateList div.boxHeaderContainer table td.topicsCountTD, 
  .WaGadgetForumStateList div.boxBodyContainer table td.topicsCountTD,
  .WaGadgetForumStateList div.boxHeaderContainer table td.topicsCountTD div.topicsCount, 
  .WaGadgetForumStateList div.boxBodyContainer table td.topicsCountTD div.topicsCount {
    width:10%;
  }

  .WaGadgetForumStateList div.boxHeaderContainer table td.repliesCountTD, 
  .WaGadgetForumStateList div.boxBodyContainer table td.repliesCountTD,
  .WaGadgetForumStateList div.boxHeaderContainer table td.repliesCountTD div.repliesCount, 
  .WaGadgetForumStateList div.boxBodyContainer table td.repliesCountTD div.repliesCount,
  .WaGadgetForumStateTopicList div.boxHeaderContainer table td.repliesCountTD, 
.WaGadgetForumStateTopicList div.boxBodyContainer table td.repliesCountTD,
  .WaGadgetForumStateTopicList div.boxHeaderContainer table td.repliesCountTD div.repliesCount, 
  .WaGadgetForumStateTopicList div.boxBodyContainer table td.repliesCountTD div.repliesCount {
    width:10%;
  }

  .WaGadgetForumStateMessageList #idMessageListContainer div.boxBodyContainer table.forumMessageTable td.left div.boxBodyInfoOuterContainer {
    width:25%;
  }

  .WaGadgetContactProfileStateMainContainer #idMembershipLevelContainer,   
  .WaGadgetContactProfileStateMainContainer #idExpirationDateContainer {
    width:75%;
  }

  table.pageLayoutTwo1-2Columns td.pageLayoutLeftOuterContainer,
  table.pageLayoutTwo2-1Columns td.pageLayoutRightOuterContainer,
  table.pageLayoutTopAndBottomRowsPlusThreeColumns td.pageLayoutLeftOuterContainer,
  table.pageLayoutTreeColumns td.pageLayoutLeftOuterContainer,
  table.pageLayoutTopAndBottomRowsPlusThreeColumns td.pageLayoutRightOuterContainer,
  table.pageLayoutTreeColumns td.pageLayoutRightOuterContainer {
    width: 25%;
  }

  table.pageLayoutTwoColumns td.pageLayoutLeftOuterContainer,   
  table.pageLayoutTopAndBottomRowsPlusTwoColumns td.pageLayoutLeftOuterContainer,
  table.pageLayoutTwoColumns td.pageLayoutRightOuterContainer,   
  table.pageLayoutTopAndBottomRowsPlusTwoColumns td.pageLayoutRightOuterContainer {
    width: 50%;
  }

  .banner {
    min-width:100%;
  }

  .banner nav i {
    min-width:100%;
  }

  .cnPrimaryContentBlock1Content .banner nav i a {
    width:auto;
  }

  .cnPrimaryContentBlock1Content .banner img {
    max-width:1400px !important;
    min-width:100% !important;
  }

  table#home-content {
    width:100%;
  }

  table#home-content td#home-content-left,
  table#home-content td#home-content-middle,
  table#home-content td#home-content-right {
    width:33%;
  }

  .generalFieldsContainer TABLE,
  .generalFieldsContainer .textFieldContainer TABLE {
    width:100%;
  }

  .generalFieldsContainer TABLE TD.left,
  .generalFieldsContainer .fieldLabel,
  .infoContainer .infoTitle {
    width:30%;
  }

  .generalFieldsContainer .simpleTextContainer .labeledTextContainer .fieldBody, 
  .generalFieldsContainer .simpleTextContainer .notesLabeledTextContainer .fieldBody,
  .infoContainer .infoText {
    width:60%;
  }

  .generalFieldsContainer td.left .fieldLabel {
    width:100%;
  }

  div.fieldSubContainer.buttonsSubContainer .fieldBody {
    margin-left:30%;
  }

  .cnContentContainer .cnPrimaryContentContainer .infoContainer .inner {
    float:none;
    width:auto;
  }

}

@media screen and (max-width:720px) {

  .topMenu {
    margin-left:20px;
    padding-bottom:30px;
    position:relative;
    z-index:1;
  }

  .topMenu ul {
    text-align:left;
  }

  .topMenu li {
    float:none;
    display:inline-block;
    margin:0px 10px 0px 0px;
  }

  #id_LeftSidebar {
    margin:0px;
    position: absolute;
    top: 0px;
    right: 0px;
    width:100%;
  }

  #id_LeftSidebar .mobile-btn {
    position:relative;
    z-index:3;
    width: 60px !important;
    float:right;
    top:10px;
    right:20px;
  }

  #id_LeftSidebar .mobile-btn:after {
    content:'MENU +';
    display:block;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    text-align:center;
    line-height:34px;
  }

  #id_LeftSidebar .mobile-btn.active:after {
    content:'MENU -';
  }

  #id_LeftSidebar ul.mainMenu0 {
    display:none;
  }

  #id_LeftSidebar ul.mainMenu0.visible {
    position: relative;
    z-index: 2;
    display:block;
    background:#FFF;
    padding:64px 10px 0px 10px;
    height:auto !important;
    border:1px solid #ddddd7;
    border-top:none;
    border:none;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
  }

  #id_LeftSidebar ul.mainMenu0.visible li {
    display:block;
    width:100%;
  }

  #id_LeftSidebar ul.mainMenu0.visible LI.itemNormal .dynamicMenuLevelContainer,
  #id_LeftSidebar ul.mainMenu0.visible ul {
    position:static !important;
    display:block !important;
    width:100%;
    height:auto;
    visibility:visible !important;
  }

  #id_LeftSidebar ul.mainMenu0.visible ul {
    width: 100% !important;
    margin-bottom:30px !important;
     display:none !important;
  }

  #id_LeftSidebar ul.mainMenu0.visible ul ul {
     margin-bottom: 0px !important;
     background-color: #ecece6 !important;
  }

  #id_LeftSidebar ul.mainMenu0.visible ul li {
    margin-left:0px !important;
    padding:0px 20px !important;
    width:100% !important;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
  }

  #id_LeftSidebar ul.mainMenu0.visible ul li a {
    width:auto !important;
    display:block !important;
    text-align:center;
  }

  ol.inner-nav {
    text-align:center;
  }

  .footerContent .social {
    float:none;
    text-align: center;
    margin-bottom:2em;
  }

  .footerContent a {
    margin: 0 1em;
  }

  .footerContent .txtLinks, 
  .footerContent .copyright {
    margin-left:0px;
    text-align:center;
  }

  table.pageLayoutTwo1-2Columns,
  table.pageLayoutTwo1-2Columns > tbody,
  table.pageLayoutTwo1-2Columns > tbody > tr,
  table.pageLayoutTwo1-2Columns > tbody > tr > td, 
  table.pageLayoutTwo2-1Columns,
  table.pageLayoutTwo2-1Columns > tbody,
  table.pageLayoutTwo2-1Columns > tbody > tr,
  table.pageLayoutTwo2-1Columns > tbody > tr > td,
  table.pageLayoutTopAndBottomRowsPlusThreeColumns,
  table.pageLayoutTopAndBottomRowsPlusThreeColumns > tbody,
  table.pageLayoutTopAndBottomRowsPlusThreeColumns > tbody > tr,
  table.pageLayoutTopAndBottomRowsPlusThreeColumns > tbody > tr > td,
  table.pageLayoutTreeColumns,
  table.pageLayoutTreeColumns > tbody,
  table.pageLayoutTreeColumns > tbody > tr,
  table.pageLayoutTreeColumns > tbody > tr > td,
  table.pageLayoutTopAndBottomRowsPlusThreeColumns,
  table.pageLayoutTopAndBottomRowsPlusThreeColumns > tbody,
  table.pageLayoutTopAndBottomRowsPlusThreeColumns > tbody > tr,
  table.pageLayoutTopAndBottomRowsPlusThreeColumns > tbody > tr > td,
  td.pageLayoutOuterContainer,
  .WaGadgetEventsStateDetails .boxBodyContentOuterContainer,
  .WaGadgetEventsStateDetails .boxBodyInfoOuterContainer,
  .generalFieldsContainer > div > TABLE,
  .generalFieldsContainer > div > TABLE > tbody,
  .generalFieldsContainer > div > TABLE > tbody > tr,
  .generalFieldsContainer > div > TABLE > tbody > tr > td,
  .generalFieldsContainer .textFieldContainer > div > TABLE,
  .generalFieldsContainer .textFieldContainer > div > TABLE > tbody,
  .generalFieldsContainer .textFieldContainer > div > TABLE > tbody > tr,
  .generalFieldsContainer .textFieldContainer > div > TABLE > tbody > tr > td,
  .generalFieldsContainer .fieldContainer > div > TABLE,
  .generalFieldsContainer .fieldContainer > div > TABLE > tbody,
  .generalFieldsContainer .fieldContainer > div > TABLE > tbody > tr,
  .generalFieldsContainer .fieldContainer > div > TABLE > tbody > tr > td,
  .generalFieldsContainer TABLE TD.left,
  .generalFieldsContainer TABLE TD.right,
  .generalFieldsContainer .fieldLabel,
  .infoContainer .infoTitle,
  .infoContainer .infoText,
  .browsingColumns table, 
  table.browsingColumns,
  .browsingColumns tbody,
  .browsingColumns TH,
  .browsingColumns TR, 
  .browsingColumns TD,
  .cnPrimaryContentBlock1Content table#membersTable td  {
    display:block !important;
    width: 100% !important;
  }

  .cnPrimaryContentBlock1Content table#membersTable th {
    display:none;
  }

  .cnPrimaryContentBlock1Content table#membersTable td {
    border:none !important;
    padding-left:0px !important;
    padding-right:0px !important;
  }

  .cnPrimaryContentBlock1Content table#membersTable tr:hover td {
    background:transparent !important;
  }

  .cnPrimaryContentBlock1Content table#membersTable tr {
    border-bottom: 1px solid #dcdad7 !important;
  }

  table.pageLayoutTwo1-2Columns td.pageLayoutLeftOuterContainer,
  table.pageLayoutTopAndBottomRowsPlusThreeColumns td.pageLayoutLeftOuterContainer,
  table.pageLayoutTreeColumns td.pageLayoutLeftOuterContainer,
  .WaGadgetEventsStateDetails .boxBodyInfoOuterContainer {
    padding-bottom:60px;
  }

  table.pageLayoutTwo1-2Columns td.pageLayoutLeftOuterContainer,
  table.pageLayoutTwo2-1Columns td.pageLayoutLeftOuterContainer,
  table.pageLayoutTwoColumns td.pageLayoutLeftOuterContainer,   
  table.pageLayoutTopAndBottomRowsPlusTwoColumns td.pageLayoutLeftOuterContainer,
  table.pageLayoutTwoColumns td.pageLayoutRightOuterContainer,   
  table.pageLayoutTopAndBottomRowsPlusTwoColumns td.pageLayoutRightOuterContainer,
  table.pageLayoutTopAndBottomRowsPlusThreeColumns td.pageLayoutLeftOuterContainer,
  table.pageLayoutTreeColumns td.pageLayoutLeftOuterContainer,
  table.pageLayoutTopAndBottomRowsPlusThreeColumns td.pageLayoutMiddleOuterContainer,
  table.pageLayoutTreeColumns td.pageLayoutMiddleOuterContainer {
    padding-right:0px;
  }

  table.pageLayoutTwo2-1Columns td.pageLayoutRightOuterContainer,   
  table.pageLayoutTwo1-2Columns td.pageLayoutRightOuterContainer, 
  table.pageLayoutTwoColumns td.pageLayoutLeftOuterContainer, 
  table.pageLayoutTopAndBottomRowsPlusTwoColumns td.pageLayoutLeftOuterContainer, 
  table.pageLayoutTwoColumns td.pageLayoutRightOuterContainer,   
  table.pageLayoutTopAndBottomRowsPlusTwoColumns td.pageLayoutRightOuterContainer, 
  table.pageLayoutTreeColumns td.pageLayoutLeftOuterContainer, 
  table.pageLayoutTopAndBottomRowsPlusThreeColumns td.pageLayoutRightOuterContainer, 
  table.pageLayoutTreeColumns td.pageLayoutRightOuterContainer, 
  table.pageLayoutTopAndBottomRowsPlusThreeColumns td.pageLayoutMiddleOuterContainer, 
  table.pageLayoutTreeColumns td.pageLayoutMiddleOuterContainer,
  .cnPrimaryContentContainer .block .innerContentBlock .WaGadgetEventsStateDetails .boxBodyContentOuterContainer .boxBodyContentContainer .inner,
  .generalFieldsContainer .textFieldContainer TABLE tbody tr td,
  .infoContainer .infoText {
    padding-left:0px;
  }

  .generalFieldsContainer .fieldLabel,
  .infoContainer .infoTitle,
  .infoContainer .infoText {
    float:none;
    display:block;
    text-align:left;
  }

  .generalFieldsContainer .fieldBody {
    padding-left:0px;
    width:100%;
  }

  div.fieldSubContainer.buttonsSubContainer .fieldBody {
    margin-left:0px;
  }

  .generalFieldsContainer td.left .fieldLabel {
    text-align:left;
  }

  .fieldLabel .mandatorySymbol {
    float:none;
  }

  .fieldLabel .mandatorySymbol[style*="hidden"] {
    display:none;
  }

  .generalFieldsContainer .simpleTextContainer .labeledTextContainer .fieldBody, 
  .generalFieldsContainer .simpleTextContainer .notesLabeledTextContainer .fieldBody,
  .generalFieldsContainer DIV#idMemberSinceContainerEdit.textFieldContainer .fieldBody INPUT, 
  .generalFieldsContainer DIV#idExpirationDateContainerEdit.textFieldContainer .fieldBody INPUT, 
  .generalFieldsContainer .textFieldContainer .fieldBody INPUT.typeText,
  .generalFieldsContainer .textFieldContainer .fieldBody TEXTAREA,
  .generalFieldsContainer .dropdownFieldContainer .fieldBody SELECT,
  .generalFieldsContainer .fieldBody .typeInstruction,
  .WaGadgetEvents .boxBodyInfoOuterContainer,
  .WaGadgetEvents .boxBodyContentOuterContainer {
    width:100%;
  }

  .generalFieldsContainer .fileFieldContainer .fieldBody IFRAME,
  div#idPictureUploaderContainer, 
  BODY DIV#idPictureUploaderContainer DIV#idPrimaryContentBlock1Content {
    width:100% !important;
  }

  .generalFieldsContainer .textFieldContainer .fieldBody {
    float:none;
  }

  .generalFieldsContainer DIV#idMemberSinceContainerEdit.textFieldContainer .fieldBody INPUT, 
  .generalFieldsContainer DIV#idExpirationDateContainerEdit.textFieldContainer .fieldBody INPUT, 
  .generalFieldsContainer .textFieldContainer .fieldBody INPUT.typeText,
  .generalFieldsContainer .textFieldContainer .fieldBody TEXTAREA,
  .generalFieldsContainer .dropdownFieldContainer .fieldBody SELECT {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
  }

  .navigationContainer .left,
  .navigationContainer .right {
    width:50%;
  }

  .WaGadgetAuthorizationRequired .openAuthFormContainer,
  .WaGadgetEvents .boxBodyInfoOuterContainer {
    border:none;
    padding-bottom:40px;
  }

  .WaGadgetAuthorizationRequired .authFormContainer {
    display:block;
    padding-left:0px;
  }

  .cnPrimaryContentContainer .block .innerContentBlock .WaGadgetEvents .boxBodyContentOuterContainer .boxBodyContentContainer .inner {
    padding-right:20px;
  }

  .cnPrimaryContentBlock1Content .memberDirectorySearchArea SPAN.searchResult {
    display: block;
    padding-left: 0px;
    padding-top: 20px;
    width: 100%;
  }

  .generalFieldsContainer .groupContainer .fieldItem SPAN.label {
    max-width:90%;
  }

  .generalFormOuterContainer {
    overflow:hidden;
  }

  .WaGadgetMemberPublicProfile SPAN.sendMailButtonContainer {
    display:block;
    padding-top:20px;
    padding-left:0px;
  }

  #idMembershipLevelRadioGroupContainer .fieldBody {
    padding-left:10px;
  }

  .cnPrimaryContentContainer .block .innerContentBlock .WaGadgetEvents .boxActionContainer, .WaGadgetEvents .boxActionContainer {
    text-align:center;
  }

  .pageBackContainer {
    display:none;
  }

  a.rssFeedLabel {
    display:none;
  }

  .cnPrimaryContentBlock1Content ul.styled li strong, 
  .cnPrimaryContentBlock1Content ul.styled li b,
  .cnPrimaryContentBlock1Content ul.styled li em, 
  .cnPrimaryContentBlock1Content ul.styled li i {
    float:none;
    text-align:center;
  }

  .cnPrimaryContentBlock1Content ul.styled li {
    text-align:center;
  }

}

@media screen and (max-width:480px) {

  a.logo {
    position:static;
    width:auto;
    max-width:80%;
    margin-left:auto;
    margin-right:auto;
  }

}


#idSelectLevelApplicationContainer {

}