/* NAMI Styles */
.site-header {
    background: url("North American Meat Institute_files/107097")  no-repeat top left;
    height: 120px;
    margin-left: -90px;
}
#logo img, .copyright, .left {
    float:left;
}

#logo {
    padding-top: 30px;
    margin-left: 260px;
    clear: both;
}

#main a:hover {
    color:#780a00;
    text-decoration: none;
    border-bottom: 1px dotted #ccc;
}

.threecolumn h2 {
    font-size:22px;
    padding:0px;
}
.maroonPrompt {
	color:#830000;
	font-weight:bold;
	width:50px;
	}

.memoStyle {
	font-style:italic;
	font-size:90%;
	font-color:#eeeeee;
}

#SupplierDues h4{
  text-align:center;
}  
		
		
.top-bar {
    background-color: #333;
    color: #fff;
    float: right;
    width: 100%;
    text-align: right;
    padding-right: 20px;
    padding-top: 5px;
    height: 30px;
}
.top-bar a:link, .top-bar a:visited, .footer-columns a:link, .footer-columns a:visited{
color: #fff;
    padding: 0 5px;
    font-weight: bold;
    font-size: 14px;
line-height: 20px;
height: 20px;
transition: all .2s ease-in-out;
}
.top-bar a:hover, .footer-columns a:hover{
color: #ddd;
}

.global-footer #footer-area h2{
    color: #B5121B;
font-size: 20px;
margin-bottom: 5px;
}
.global-footer #footer-area h3{
    color: #b5121b;
    font-size: 18px;
    margin-bottom: 5px;
}
.footer-columns{
    margin-bottom: 30px;
    overflow: hidden;
}
.footer-columns .footer-section {
     float: left;
   
}

.footer-padding-right {
 padding-right: 30px;
}

.footer-padding-left {
 padding-left: 20px;
}
#footer-area hr {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #fff;
    margin: auto auto 15px;
    width: 30%;
}
#footer-area .footer-columns a:link,#footer-area .footer-columns a:visited{
font-size: 14px;
    margin-bottom: 20px;
    padding: 0;
}
#footer-area .footer-partners {
 clear: both;
overflow: hidden;
}
#footer-area .footer-partners a:link, #footer-area .footer-partners a:visited {
  width: 80%;
margin-left: auto;
margin-right: auto;
height: auto;
display: block;
}

.partner-link {
float: left;
    width: 20%;
}
.center .partner-link .sponsor-thumb {
    max-height: 80px;
    max-width: 200px;
    padding: 10px;
    width: 100%;
    height:60%
}
.footer-copyright {

}

/*
li {padding-bottom: 0px; line-height: 1.4em; font-size:1.1em}

a:link, a:visited {
    color:#0F518A;
    text-decoration:none;
    outline:0;
}

a:hover, a:focus, a:active {
    color:#780a00;
}

#main a {
    color:#0F518A;
    text-decoration: none;
    border-bottom: 1px dotted #ccc;
}

#main a:visited {
    color:#4b5970;

}*/
#main a:hover {
    color:#780a00;
    text-decoration: none;
    border-bottom: 1px dotted #ccc;
}
.site-header #tabnav {
width: 100%;
margin-top: 5px;
padding-bottom: 8px;
top: 75px;
position: absolute;
right: 20px;
}
.site-header.front-header {
    margin-top: 30px;
}
.site-header.front-header #logo {
    padding-top: 15px;
}

.statement {
    clear: left;
    margin-left: 270px;
    font-size: 16px;
    font-weight: bold;
}

.top-buttons {
float: right;
    position: relative;
    top: -100px;
    right: 40px;
}
.top-buttons a{
padding: 0 5px;
}
.top-buttons a img{
}

#cssmenu {
  /* background: #4cb6ea; */
background: #b5121b;

  margin: 0;
  width: auto;
  height:auto;
  padding: 0;
  line-height: 1;
  display: block;
  position: relative;
  font-family: 'PT Sans', sans-serif;
    z-index: 0;
}
#cssmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}

#cssmenu > ul {
  margin-left: 20px;
}
#cssmenu ul:after,
#cssmenu:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cssmenu ul li {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
#cssmenu ul li a {
  text-decoration: none;
  display: block;
  margin: 0;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu ul li ul {
  position: absolute;
  left: -9999px;
  top: auto;
width: 240px;
}
#cssmenu ul li ul li {
  max-height: 0;
  position: absolute;
  -webkit-transition: max-height 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out;
  -ms-transition: max-height 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;
  background: #f0f0f0;
}
#cssmenu ul li ul li.has-sub:after {
  display: block;
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #000000;
  z-index: 1;
  top: 13px;
  right: 15px;
}
#cssmenu.align-right ul li ul li.has-sub:after {
  right: auto;
  left: 15px;
}
#cssmenu ul li ul li.has-sub:before {
  display: block;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-left-color: #ffffff;
  z-index: 2;
  top: 15px;
  right: 15px;
}
#cssmenu.align-right ul li ul li.has-sub:before {
  right: auto;
  left: 15px;
  border-left-color: transparent;
  border-right-color: #ffffff;
}
#cssmenu ul li ul li a {
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  color: #000000;
  letter-spacing: 0;
  display: block;
  width: auto;
  padding: 10px 10px 5px 20px;
}
#cssmenu ul li ul li:hover > a,
#cssmenu ul li ul li.active > a {
  /* color: #4cb6ea; */
color: #b5121b;
}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after {
  background: #4cb6ea;
}
#cssmenu ul li ul li:hover > ul {
  left: 100%;
  top: 0;
}
#cssmenu ul li ul li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#cssmenu > ul > li {
  float: left;
  height:70px;

}
#cssmenu.align-center > ul > li {
  float: none;
  display: inline-block;
}
#cssmenu.align-center > ul {
  text-align: center;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul {
  float: right;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu.align-right ul ul li:hover > ul {
  right: 100%;
  left: auto;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu > ul > li:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 0;
  background: #ffffff;
background: #f0f0f0;
  -webkit-transition: height .2s;
  -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  transition: height .2s;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 40px;
}
#cssmenu > ul > li.has-sub > a:after {
  display: block;
  content: "";
  background: #f0f0f0;
  height: 12px;
  width: 12px;
  position: absolute;
  border-radius: 13px;
  right: 14px;
  top: 20px;
}
#cssmenu > ul > li.has-sub > a:before {
  display: block;
  content: "";
  border: 4px solid transparent;
  border-top-color: #4cb6ea;
  z-index: 2;
  height: 0;
  width: 0;
  position: absolute;
  right: 16px;
  top: 24px;
}
#cssmenu > ul > li > a {
  color: #ffffff;
  padding: 15px 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  z-index: 2;
  position: relative;
}
#cssmenu.menumobile > ul > li > a {
  letter-spacing: normal;
  padding: 15px 10px;
}
#cssmenu > ul > li:hover:after,
#cssmenu > ul > li.active:after {
  height: 100%;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #000000;
background: #f0f0f0;

} 

div#sitecontainer {
    background:#fff;
    border:0px solid #fff;
    width:1225px !important;
    height:auto !important;
    clear:both;
    overflow:hidden;
    box-shadow:0px 0px 5px #bbb;
    position:relative;
}
div#sitecontainer {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    text-align: left;
    border: 1px solid #333333;
    border-bottom: none;
}
.right {
    float:right;
}
#main a {
    text-decoration: none;
}
#main a:hover {
    color:#780a00;
    text-decoration: none;
    border-bottom: 1px dotted #ccc;
}
.site-header #tabnav ul {
    margin:0;
    list-style:none;
}

.site-header #tabnav ul li {
    float:right;
    /* width: 100px; */
width: auto;
    background:none !important;
    margin-top:3px;
    padding:0 0 0 9px;
}

.site-header #tabnav {
    float: right;
}

.nav a {
    text-decoration: none;
}

.nav li div a {
    display: block;
    width: 122px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
}
#nav1 {
    height: 54px;
    width: 1225px;
    position: absolute;
    z-index: 2;
    margin-top: 0px;       
}

#nav1 ul  {
    background-color: #000;
    opacity:0.8;     
    height: 100%;
    width: 1225px;
}

#nav1 ul li {    
    float:left;
    border-left: 1px solid #ccc;
    margin:0;
    padding: 0;
    height: 100%;
}

#nav1 ul li.mainLink a {
    display: block;
    display: inline-block;
    height: 55%;
    width: 129px; 
    max-width: 129px;  
    padding-top: 5%;
    padding-left: 2%;
    padding-right: 2%;
    vertical-align: middle;
    color: #FFF;   
    font-size: 1.25em;
    letter-spacing: .35px;
    font-weight: bolder; 
    text-align: center;
    text-decoration: none;
}
#nav1 ul li.mainLink a:hover { 
    background:#B5121B;  
    display: block;
    display: inline-block;
    height: 90%; 
}
#nav1 div.foldOut {
    display:none;
    margin-top:29px;
    padding:0;
    border:none !important;
}

#nav1 ul div.foldOut a {
    background:#f1f1f1;
    font-size:12px;
    color:#444;
    vertical-align:middle;
    line-height:13px;
}

#nav1 div.foldOut a:hover {
    background-color:#B5121B;
    color:#fff;
    font-weight:bolder;
    text-shadow:1px 1px 0px #ffffff;
    border:1px solid #fff;
}
#nav1 ul li.mainLink a:hover { 
    background:#B5121B;  
    display: block;
    display: inline-block;
    height: 90%; 
}


#global-footer {
    font-size:15px;
    text-align:left;
    color:#ffffff;
    padding:20px;
    background:#909090;
    min-width:1220px;
    height:auto;
}



#footer_wrapper {
    margin:0 auto;
    background:#909090;
    min-width: 100%;
}

#footer-area{
    max-width: 1140px;
    margin: 0 auto;
}

#footer-area h2 {
    color:#fff;
    font-size:22px;
    
}

#footer-area ul.foot-nav {
    list-style:none;
    padding:0;
}

#footer-area ul.foot-nav li {
    border-bottom:1px solid #fff;
    padding:5px 0 5px;
}

#footer-area ul.foot-nav li a {
    font-size:15px;
}

#footer-area  a {
    color:#fff;
    font-size:12px;
    text-decoration: none;
}

#footer-area  a:hover {
    color:#000;
}

#footer #footer-area  p {
    color:#fff;
}

#footer-area .column-title {
    color:#e0e0e0;
}

.checkoff {
    clear: both;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    height: 100px;
}
.checkoff i{
    top: 20px;
    position: relative;
    display: inline;
}
.checkoff img{
    float: left;
    height: 80px;
    width: auto;
    padding: 10px;
    padding-right: 40px;

}


.clearfix:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}
* html .clearfix {
    height:1%;
    box-sizing: border-box;
}

.credit {
    float:right;
    max-width:370px;
    margin-right:12px;
    text-align:right;
}

.footer_credit {
    color:#fff;
    overflow:auto;
    max-width:1000px;
    margin:0 auto;
    padding:1%;
}

ul.social-icons {
    padding:0;
}

ul.social-icons > li {
    display:block;
    padding:8px;
    float:left;
}

ul.social-icons > li > a {
    font-size:14px !important;
}

.two_thirds {
    width:60%;
    position:relative;
    margin-right:4%;
    margin-bottom:20px;
    float:left;
}

/* OAAA Font Family */
/*
@font-face {
    font-family: "museo";
    font-style: normal;
    font-weight: 300;
    src: url("https://fonts.typekit.net/af/f1c396/000000000000000000011b23/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3") format("woff");
}
@font-face {
    font-family: "museo";
    font-style: normal;
    font-weight: 500;
    src: url("https://fonts.typekit.net/af/3a1573/000000000000000000011b26/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5") format("woff");
}
@font-face {
    font-family: "museo";
    font-style: normal;
    font-weight: 700;
    src: url("https://fonts.typekit.net/af/0a2636/000000000000000000011b24/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7") format("woff");
}
@font-face {
    font-family: "museo";
    font-style: italic;
    font-weight: 300;
    src: url("https://fonts.typekit.net/af/8fc3f3/00000000000000000000ebe4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3") format("woff");
}
@font-face {
    font-family: "museo";
    font-style: italic;
    font-weight: 500;
    src: url("https://fonts.typekit.net/af/c961fe/00000000000000000000ebe5/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5") format("woff");
}
@font-face {
    font-family: "museo";
    font-style: italic;
    font-weight: 700;
    src: url("https://fonts.typekit.net/af/a754e2/00000000000000000000ebe6/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7") format("woff");
}
@font-face {
    font-family: "museo-sans";
    font-style: normal;
    font-weight: 300;
    src: url("https://fonts.typekit.net/af/736167/00000000000000000000e7fe/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3") format("woff");
}
@font-face {
    font-family: "museo-sans";
    font-style: italic;
    font-weight: 300;
    src: url("https://fonts.typekit.net/af/afd626/00000000000000000000e802/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3") format("woff");
}
@font-face {
    font-family: "museo-sans";
    font-style: normal;
    font-weight: 500;
    src: url("https://fonts.typekit.net/af/04c976/00000000000000000000e803/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5") format("woff");
}
@font-face {
    font-family: "museo-sans";
    font-style: italic;
    font-weight: 500;
    src: url("https://fonts.typekit.net/af/d4486d/00000000000000000000e804/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5") format("woff");
}
@font-face {
    font-family: "museo-sans";
    font-style: normal;
    font-weight: 700;
    src: url("https://fonts.typekit.net/af/585dc6/00000000000000000000e805/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7") format("woff");
}
@font-face {
    font-family: "museo-sans";
    font-style: italic;
    font-weight: 700;
    src: url("https://fonts.typekit.net/af/f4329b/00000000000000000000e806/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7") format("woff");
}*/



/* Styles */
body {
	/*background: none !important;*/
	margin: 0 !important;

    font: 0.75em 'Open Sans', 'Arial', sans-serif;
    /*text-align: center;*/
    padding: 0 0 20px;

}

container {
	min-height:100%;
	margin-bottom:-50px;
	position:relative;
}
.iframedLoginDiv {
	width:50%;
	float:left;
}
body #container, #container table td, #container select, #container button{
	font-family: Franklin Gothic Book;
	font-size: 14px;
}
#container a{
	color: #E41D18;
}

#container #MtgSection a{
	/*color: #E41D18;*/
	color:white;
}

#container .x-btn button {
	font-size:13px;
}
#container .x-btn-text{
	height: 20px;
}
#container fieldset {
	margin: 0 !important;
    padding: 5px 20px !important;
    width: auto !important;
    border-color: #B5B8C8;
}



/*
#container fieldset > legend {
	color: #252525;
    font-size: 18px;
    font-weight: 700;
    font-family: "museo-sans",sans-serif !important;
}*/
#container .x-panel-body {
	background: none;
}
#container .x-form-item {
	font-size: 16px;
    font-weight: 700;
    font-family: Franklin Gothic Book !important;
    margin-bottom: 15px;
}
.x-panel-body.x-panel-body-noheader {
	border: none;
}
.pageFooterFixed{	
	background-image:url('mo/body-bottom-bkg.gif');
	background-repeat:repeat-x;
	height:50px;
	padding:3px;
    color:white;    
    font-size:80%!important;
    position:absolute;
	bottom:0x;
	left:0px; 
	width:100%
}

.pageFooterFloat{	
	background-image:url('mo/body-bottom-bkg.gif');
	background-repeat:repeat-x;
	height:50px;
	padding:3px;
    color:white;    
    font-size:80%!important;
    position:absolute;
	bottom:0x;
	left:0px; 
	width:100%
}

#footer a {
	color:white;
}

#footer a:hover {
	font-weight:bold;
	}

.clearfooter {
	height:50px;
	clear:both;	
}
/*
h1 {
	font-size: 38px!important;
	font-family: 'Open Sans', 'Arial', sans-serif;
	text-align:left;
	color:#505052;
	}
h1:after {
    background-color: #505052;
    content: "";
    display: block;
    height: 4px;
    margin-top: 5px;
    width: 75px;
}*/

h1 {
    color: #B5121B;
    font-size: 1.8em;
    line-height: 1.2em;
    letter-spacing: -0.9px;
    margin-left: -2px;
    background: none;
    border: medium none;
    margin-bottom: 10px;
}

/*
h2 {
	font-size: 24px!important;
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-weight: bold;
	text-align:left;
	line-height:155%!important;
}*/

h2 {
    font-size: 130%;
    color: #B5121B;
    line-height: 25px;
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: -2px;
    background: none;
    border: none;
}

h3 {
	font-size: 18px!important;
	/*font-family: "museo",serif !important;*/
	font-family: 'Open Sans', 'Arial', sans-serif;
}
p {
    font-size: 1.1em;
    font-family: 'Open Sans', 'Arial', sans-serif;
    line-height: 1.4em;
}


p.lead {
    font-size:120%;
    line-height:150%;
}
.PmtImage {
	margin-left:45px;
	border:none;
}

#main{
	padding:3px;
    width: 962px;    
    margin:auto;
    
}
#masthead,#userinfo {
	padding:3px;    
    text-align:center;
}

#userinfo{
	padding-bottom:0px;
}

.mo-top-2{margin-top: 2px}
.mo-top-4{margin-top: 4px}
.mo-top-8{margin-top: 8px}
.mo-top-16{margin-top: 16px}
.mo-top-24{margin-top: 24px}
.mo-pad-2{padding: 2px}
.mo-pad-4{padding: 4px}
.mo-pad-8{padding: 8px}
.mo-pad-16{padding: 16px}
.mo-pad-24{padding: 24px}

#masthead a {
	color:#3AB95E;
	font-weight:bold;
}

.mo_prompt {
	  font-weight:bold;
	  color:#830000;
	}
	
.signupHead {	
	font-weight:bold;
	font-size:110%;
	padding 6px 6px 6px 6px;
	vertical-align:top;
	}
.signupText {	
	padding 6px 6px 6px 6px;
	vertical-align:top;
	}

.pseudolink{		
	color:#CF0000;
	text-decoration:underline;
	cursor:pointer;
}
.pseudolink:hover{
	color:#DF0000;	
	font-weight:900;
	text-decoration:none;
}

.bluepseudolink{		
	color:#6685E0;
	text-decoration:underline;
	cursor:pointer;
}
.bluepseudolink:hover{
	color:#475D9D;	
	font-weight:900;
	text-decoration:none;
}
.clickable {
	cursor:pointer;
}
.errorText {
	font-size:130%;
	font-weight:bold;
	color:red;
}
.mo-bold {font-weight:bold}
.mo-center {text-align:center}

.fullpage {
	width:888px;
	padding-left:10px;
	padding-right:10px;
}
#container .PanelHeader td {font-family: "museo",serif !important;}
#container .PanelHeader{
	color: white;
	font-family: "museo",serif !important;
	font-family: 'Open Sans', 'Arial', sans-serif;
	background-color: #adbcc6;
	border-radius: 15px 15px 0px 0px;
	overflow: hidden;	
	padding: 10px 20px;
	height: auto;
}

.PopupHeader{
	color:white;
	font-weight:bold;
	height:26px;
	padding-top:0px;
	padding-left:10px;
	background-color:#dddddd;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9DBBD9, endColorstr=#dddddd, GradientType=1);
	background-image: -moz-linear-gradient(center left, #9DBBD9 26%,#eeeeee 100%);
	background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.26, #9DBBD9),color-stop(1, #dddddd));
}

	 .PanelIcon{
	     margin-top:4px;
		 margin-right:3px;
		 float:left
		 	 
	 }
	  
	 .PanelHeaderButtons{
		cursor:pointer;
		color:#ffffff;
		float: right;	  	   
	 }
	   
	 .PanelHeaderText{
  		padding: 6px;
	 }
	 .PanelIcon > img {
	 	width: 24px;
	 	height: 24px
	 }
	 .PanelBottomElement{
	
	 }
	 
	
	 
	 .PanelBody {
		   clear: both;
		   border-top: none;
		   border: 1px solid #D0D0D0;
		   cursor: text;
		   padding: 6px;
		   background-color: #E8E8E8;
		 }
 
	 .PanelBodySquare{
		   clear:both;	  
		   border-style:none;
		   padding:3px;
		   cursor:text;
		   background-color:#eeeeee;	 
	 }	 
		 
		 .PanelMain {
		   /**width:450px;*/
		   margin:20px 0px 0px 0px;
		   background-color:#eeeeee;
		   border-radius: 15px 15px 0 0;
		   -moz-border-radius: 15px 15px 0 0;
		   -webkit-border-radius: 15px 15px 0 0;  
		  }
        
        .moFormPromptStrong {
        font-size:100%;
        font-weight:bold;
        }
        .moFormDataStrong {
        font-size:100%;
        }
        
         .moFormPromptMid {
        font-size:100%;
        font-weight:bold;
        }
        .moFormDataMid {
        font-size:100%;
        }
        .moFormPrompt {
        font-size:80%;
        font-weight:bold;
        }
        .moFormData {
        font-size:80%;
        }
        .moFormPromptSmall {
        font-size:70%;
        font-weight:bold;
        }
        .moFormDataSmall {
        font-size:70%;
        }
             
		/** the list in the why sign up box... maybe others */
		
		.benefits li{
			background-image: url('mo/glassbullet.png');
			background-repeat: no-repeat;
			background-position: 2px 2px;
			padding-left: 24px!important;
			margin-top:5px!important;
        }



.moFeedHeader{
	font-size:110%;
	font-weight:bold;
	color:white;
	background-color:#CF0000;
	padding-left:3px;
	padding-top:3px;
	height:26px;	
}
.moTopicHeader{
	font-size:110%;
	font-weight:bold;
	color:white;
	background-color:#828282;
	padding-left:3px;
	padding-top:3px;
	height:26px;	
}

.postTools{
  font-weight:bold;
  margin-top:5px;
  margin-right:20px;
}

.moFeedBody {	
	padding:6px;	
	width:700px;
	word-wrap:break-word!important;
	background-color:white;
}

.moFeedPanel{
	width:700px;
	margin-left:20px;
	margin-bottom:10px;
	color:black;
	background-color:#eeeeee;
	font-weight:normal;	
}

.TopNavButton{
	/*background-color:#ffffff;
	color:#000;*/	
	padding-top: 4px;
	padding-left:5px;
	padding-right:5px;
	margin-left:15px;
	height:30px;
	cursor:pointer;
	position:relative;
	left:-200px;
}
.TopNavSelected{
	background-color:#eeeeee;
	color:#000;		
	padding-left:5px;
	padding-right:5px;
	margin-left:15px;
	height:30px;
	cursor:pointer;
	position:relative;
	left:-200px;
}

.mtgListEntry {
	color:black;
	font-size:125%;
	font-weight:bold;
}

.inj_mtgDesc ul{
	list-style-type:square;
	margin-left:25px;
	margin-top:15px;
	margin-bottom:15px;
}
	
	
.mtg_section{
		width:800px;
		margin-left:20px;
	}


.mtg_pageHeader{
	    color:  #B5121B;
		font-weight:bold;
		font-size:130%;
		margin:0px;		
		padding-left:0px;				
	}
	
.mtg_pageSubHeader{
		color:#810000;
		font-weight:bold;
		font-size:120%;
		margin:0px;				
		position:relative;			
		float:left;	
		clear:both;	
		width:100%;	
	}
			
.mtg_body{			
		width:100%;	
		margin-top:10px;
		margin-bottom:10px;
	}
	
.mtg_pageFooter{
		position:relative;
		padding-left:25px;
		margin: 0;
		clear: both;
	}

.MtgMemoLabel {
      font-weight:bold;
      color:#830000;  	
     }
.mtg_header{ 		
		font-weight:bold;
		font-size:110%;			
		height:26px;
		width:100%;
		margin-top:25px;		
		color:#810000!important;
		padding-top: 5px;	    
        background-color:#dddddd;
        border-radius:5px;
		-moz-border-radius: 5px 5px 5px 5px;
	    -webkit-border-radius: 5px 5px 5px 5px;
	    background-image: -moz-linear-gradient(center left, #eeeeee 26%,#828282 100%);
     	background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.26, #eeeeee),color-stop(1, #828282));
	 }

.mtg_regHeader{ 		
		font-weight:bold;
		font-size:100%;				
		height:26px;
		margin-top:10px;		
	    padding-top:2px;
		padding-left:10px;
		padding-bottom:5px;
        background-color:#dddddd;
		-moz-border-radius: 5px 5px 5px 5px;
	    -webkit-border-radius: 5px 5px 5px 5px;
	    background-image: -moz-linear-gradient(center left, #87CEFA 26%,#cce6f5 100%);
     	background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.26, #87CEFA),color-stop(1, #cce6f5));
	 }
.mtg_logo{
	     margin-top:5px;
		 margin-right:10px;		 
		 float:left;			 	 	 
	  }
	  	  	  
.mtg_headerText{
  		padding:3px ;
  		float:left;					
	   }
.mtg_pickRegistrant{
		margin-left:10px;		
		float:left;
	}
	
.moTable td {padding: 2px 6px}
.InvoiceLabel {
	font-weight:bold;	
}

.directoryPanelHeader{
	border-radius:15px 15px 0px 0px;	
	padding: 10px 20px;
	min-height:80px;
	width:300px;
	margin-left:4px;
}
.directoryPanelChoice:nth-child(1) .directoryPanelHeader {
	color: white;
	background-color: #CF0000;
}
.directoryPanelChoice:nth-child(2) .directoryPanelHeader {
	color: white;
	background-color: #6d2b87;
}
.directoryPanelChoice:nth-child(3) .directoryPanelHeader {
	color: white;
	background-color: #2b3894;
}
.directoryPanelChoice:nth-child(4) .directoryPanelHeader {
	color: white;
	background-color: #419d2a;
}
.directoryPanelChoice:nth-child(5) .directoryPanelHeader {
	color: black;
	background-color: #ffea2f;
}
.directoryPanelChoice:nth-child(6) .directoryPanelHeader {
	color: black;
	background-color: #ff9401;
}

.directoryTabText{
	color:black;
	font-weight:bold;
	font-size:120%;
	margin-left:5px;
	margin-top:25px;
	}
	
#directoryHelp {
	background-color:white;
	padding:10px;
	font-size:120%;	
}

#directoryHelp p {
	margin-bottom:10px;
}
.directorySearch .pseudolink, .directorySearch .pseudolink:hover {		
	color:#003;
	cursor:pointer;
	font-weight:inherit;
	text-decoration:none;
	margin-top:10px;
}
.directorySearch .pseudolink:hover {
	text-decoration:underline;
}
.directorySearch .categoryTable table {
	width: 90%;
	table-layout: fixed;
	margin-left: auto;
	margin-right: auto;
}
.directorySearch .categoryTable tr:nth-child(even) {
	background-color: #E4E4E4;
}
.directorySearch .categoryTable tr:nth-child(odd) {
	background-color: #F4F4F4;
}

/* Orgn Category tree in Directory listings */
.directoryDetailCategories ul {
	list-style: disc;
}
.directoryDetailCategories > ul {
	list-style: circle;
}
.directoryDetailCategories li {
	padding-left: 1em;
}
.directoryDetail > * {
	font-size: 100%;
}
.directoryDetailCategories {
	margin: 0 12px 6px 24px;
	float: right;
}
.directoryDetailCategories b {
	font-size: 100%;
}

@media (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
.iframedLoginDiv{
	width:90%;
	}

}

.label {
	borders:none;
	border-radius:10px;
	padding:15px;
	margin-bottom:15px;
	margin-top:5px;
	margin-left:0px;
	background-image: linear-gradient(top, rgb(209,209,209) 34%, rgb(246,246,246) 76%);
    background-image: -o-linear-gradient(top, rgb(209,209,209) 34%, rgb(246,246,246) 76%);
    background-image: -moz-linear-gradient(top, rgb(209,209,209) 34%, rgb(246,246,246) 76%);
    background-image: -webkit-linear-gradient(top, rgb(209,209,209) 34%, rgb(246,246,246) 76%);
    background-image: -ms-linear-gradient(top, rgb(209,209,209) 34%, rgb(246,246,246) 76%);

    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.34, rgb(209,209,209)),
	color-stop(0.76, rgb(246,246,246))
);
}

.nami-x-accordion-hd .x-accordion-hd {
	background: #fff !important;
	font-size:30px;
	height:60px;
	border-color: #fff !important;
}


.nami-x-accordion-hd .x-accordion-hd .x-panel-header-text {
	color: #fff;
	height:60px;
}


.directoryPanpanelelChoice1 {
	
	border-radius:15px 15px 0px 0px;	
	padding: 10px 20px;
	min-height:120px;
	margin-left:1px;
	
	
	color: white;
	background-color: #CF0000;
	height:100px;
	width:92%;
}
.directoryPanpanelelChoice2 {
	border-radius:15px 15px 0px 0px;	
	padding: 10px 20px;
	min-height:80px;
	margin-left:1px;
	
	
	color: white;
	background-color: #6d2b87;
	height:100px;
	width:92%;
	
}
.directoryPanpanelelChoice3 {
	border-radius:15px 15px 0px 0px;	
	padding: 10px 20px;
	min-height:80px;
	margin-left:1px;
	
	
	color: white;
	background-color: #2b3894;
	height:100px;
	width:92%;
	
}
.directoryPanpanelelChoiceSubHeading {
	color: white;
	font-size:14px;
}

.prodsearch-acc-border {
    border-style: solid;
    border-color: #ff0000 #0000ff;
}


<!-- Address Card -->
.card {
    position: relative;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.card-header {
    padding: 0.1rem 1.25rem;
    margin-bottom: 0;
    background-color: #f7f7f9;
    border-top: 1px solid rgba(0,0,0,.125);
}


.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
}
.card-footer {
    padding: .25rem 1.25rem;
    background-color: #f7f7f9;
    
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.text-muted {
    color: #636c72!important;
}
.card-block {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.buttonToCenter {
	padding: 1rem 20rem;
}
.prodsearchresult{
	padding: 0.5rem 0.5rem;
}
.prodsearchresulthdr{
	padding: 0 0 0;
    font-size: 1.2em;
    color: #c00;
	}
	
.prodsearchkeywordhdr {
    font-size: 130%;
    color: #B5121B;
    margin-left: -2px;
    background: none;
    border: none;
}
	
.signupOrgButtonPos{
	position:relative;	
	top:-40px;
	left:300px;
	margin-bottom:-30px;
}
.signinPageHdr{
	font-family:'Open Sans', 'Arial', sans-serif
}

.privacyNote{
	font-style:italic;
	font-size:120%;
	color:black;
	position:relative;
	top:-40px;
}
.orgSearchError{
	font-size: 130%;
    color: #B5121B;
	}

.invoiceDueTableHdr{
	border-bottom: 1px #cccccc solid; 
	}
.invoiceDueTableHdr td{
	font-size: 1.8em;
	font-weight: bold;
	color:#001A8C;
	}	
.invoiceDueTable{
	border-bottom: 1px #cccccc solid; 
	}
.invoiceDueTable th {
	font-size: 14px;
	font-weight: bold;
	color:#fff;
	background-color:#8C1500 ;
}

#MbrAppl {
	margin: 0 auto;
	width: 600px;
}
	
#MbrAppl h1{
	text-align:center;
	font-size:220%;
	position:relative;
	left:50px;
}

#MbrAppl .blurb{
	font-size:130%;
}

 .MbrApplWidget{
	   margin-left:100px;
	   margin-top:100px;
	   position:relative;
	   top:-50px;
	   
 }
 
 #MsgBoxDivElement{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    
}

table#duesInvoiceTableStyle{
  border-collapse: collapse;
}
table#duesInvoiceStyle td{
  border: 1px solid black;
  border-collapse: collapse;
  padding: 5px;
}
table#duesInvoiceStyle th{
  border: 1px solid black;
  border-collapse: collapse;
  padding: 5px;
  background-color: #f9f9f9;
  text-align: left;
}