/* 

Meet the Board
Copyright 2015-2017 EZOnlineDocuments, LLC

mtb_container - overall container for the entire mtb
mtb_box - overall box (shared by all views)
mtb_summ_* - summary view
mtb_bio_* - bio view
mtb_comm_* - committee view
mtb_skill_* - skill view


New 2017 cascading styles:

mtb_container

mtb_view_ALL
mtb_view_SUMMARY
mtb_view_BIO
mtb_view_SKILL
mtb_view_COMMITTEE
mtb_view_HELP

mtb_item_ALL
mtb_item_SUMMARY
mtb_item_BIO
mtb_item_SKILL
mtb_item_COMMITTEE
mtb_item_HELP

mtb_header_ALL
mtb_header_SUMMARY
mtb_header_BIO
mtb_header_SKILL
mtb_header_COMMITTEE
mtb_header_HELP

mtb_subitem_ALL
mtb_subitem_SUMMARY
mtb_subitem_BIO
mtb_subitem_SKILL
mtb_subitem_COMMITTEE
mtb_subitem_HELP

color from xcel branding:
#3399ff	49	Link color  LIGHT BLUE
#ee1c2e	50	Link color (hover)  RED
		

*/

p.mtb,li.mtb,a.mtb,a.mtb_link_ALL,td.mtb,div.mtb 	{ font-size: 17px;  line-height: 24px; color: black;       }
a.mtb,a.mtb_link_ALL,a.mtb_link_ALL:visited 	{ text-decoration: none; color: #ee1c2e; }
a.mtb:hover,a.mtb_link_ALL:hover 		{ text-decoration: underline; color: #3399ff; }
.mtb_text-highlight	{ color: #ee1c2e; font-weight: bold; }
.mtb_text-center 	{ text-align: center; }

a.mtb_link_SUMMARY 	{  font-weight: 700;  }
a.mtb_link_BIO 		{  font-weight: 700;  }

.mtb_container {  
	background-color: white;
}
.mtb_view_ALL	 		{		}
.mtb_view_SUMMARY 		{		}
.mtb_view_BIO 			{		}
.mtb_view_SKILL 		{		}
.mtb_view_COMMITTEE 	{		}
.mtb_view_HELP			{		}

.mtb_item_ALL {
	padding-top: 10px; padding-bottom: 10px;
	margin-top: 15px;
	marign-bottom: 15px;
	/* NO LEFT OR RIGHT PADDING OR MARGINS ON ITEMS ON THE OUTSIDE OF CLASS="XXX COLUMNS" ALLOWED, all padding must be internal in another div */
	display: block;
	color: black;
	background-color: white;
	/* border: 2px #0032a0 solid;
    border-radius: 10px; 
	box-shadow: 5px 5px 5px #999999;
	*/
	display:block;
	float:left;
	position: relative;
}

.mtb_padding-both 	{	padding-left: 15px; padding-right: 15px; }
.mtb_padding-left 	{ 	padding-left:15px; }
.mtb_padding-right 	{   padding-right:15px; }
.mtb_padding		{ padding: 15px; }

.mtb_item_SUMMARY 		{		}
.mtb_item_BIO 			{		}
.mtb_item_SKILL 		{		}
.mtb_item_COMMITTEE 	{		}
.mtb_item_HELP			{		}


.mtb_item-content_ALL {
	padding-top: 15px; padding-left: 15px; padding-right: 15px;
}
.mtb_item-content_SUMMARY 		{   float: left;	}
.mtb_item-content_SUMMARY2 		{	width: 200px; float: left;	}
.mtb_item-content_BIO 			{		}
.mtb_item-content_BIO2 			{	float: left;	}
.mtb_item-content_SKILL 		{		}
.mtb_item-content_COMMITTEE 	{		}
.mtb_item-content_HELP			{		}

.mtb_box-content_ALL { 
	 margin-bottom: 20px;  margin-top: 20px; width: 100%; padding-bottom: 15px; 
}
.mtb_box-content_SUMMARY 		{	float: left; min-height: 465px; max-height: 465px; width:400px; margin-right: 30px;	 }
.mtb_box-content_BIO 			{		}
.mtb_box-content_SKILL 			{		}
.mtb_box-content_COMMITTEE 		{		}
.mtb_box-content_HELP			{		}

.mtb_box-photo_ALL { 
	float: left; padding-right: 10px; 
}
.mtb_box-photo_SUMMARY 			{		}
.mtb_box-photo_BIO 				{		}
.mtb_box-photo_SKILL 			{		}
.mtb_box-photo_COMMITTEE 		{		}
.mtb_box-photo_HELP				{		}


.mtb_header_ALL			{	
background-color: white; width: 100%; color: white; padding: 0px; border-top: 1px solid #ee1c2e; border-bottom: 1px solid #ee1c2e;
color: black; font-weight: bold; 
	}
.mtb_header_SUMMARY 	{		}
.mtb_header_BIO 		{		}
.mtb_header_SKILL 		{	 	}
.mtb_header_COMMITTEE 	{		}
.mtb_header_HELP		{		}

a.mtb_header_ALL, a.mtb_header_ALL:visited 			{ text-decoration: underline; }
a.mtb_header_ALL:hover								{ }


.mtb_header-text_ALL		{	font-size: 120%; }
.mtb_header-text_SUMMARY 	{		}
.mtb_header-text_BIO 		{		}
.mtb_header-text_SKILL 		{	 	}
.mtb_header-text_COMMITTEE 	{		}
.mtb_header-text_HELP		{		}

.mtb_subitem_ALL		{		}
.mtb_subitem_SUMMARY 	{		}
.mtb_subitem_BIO 		{		}
.mtb_subitem_SKILL 		{		}
.mtb_subitem_COMMITTEE 	{		}
.mtb_subitem_HELP		{		}

.mtb_quote_ALL			{	color: #0032a0; font-style: italic;	}
.mtb_quote_SUMMARY 		{		}
.mtb_quote_BIO 			{		}
.mtb_quote_SKILL 		{		}
.mtb_quote_COMMITTEE 	{		}
.mtb_quote_HELP			{		}


.mtb-hide-noskills0000			{ display: none; }
.mtb-hide-nocommittees0000		{ display: none; }


ul.mtb, ul.mtb_ul_ALL			{ 
margin-left: 0px;	
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 30px;
	-webkit-margin-before: 20px;
	}
ul.mtb_ul_SUMMARY 		{		}
ul.mtb_ul_BIO 			{		}
ul.mtb_ul_SKILL 		{		}
ul.mtb_ul_COMMITTEE 	{		}
ul.mtb_ul_HELP			{		}

ul.mtb_dash {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}
ul.mtb_dash > li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    /* margin-left: -1em; */
}

li.mtb_li_ALL			{	 	}
li.mtb_li_SUMMARY 		{		}
li.mtb_li_BIO 			{		}
li.mtb_li_SKILL 		{		}
li.mtb_li_COMMITTEE 	{		}
li.mtb_li_HELP			{		}


hr.mtb_hr 			{ 
margin-top: 10px; margin-bottom: 10px; 
height: 2px;
border: none;
}
hr.mtb_hr-light 	{ color: #00a1e1; background-color: #00a1e1;  }
hr.mtb_hr-dark		{ color: #0032a0; background-color: #0032a0;}
hr.mtb_hr-thick		{ height: 5px; }
hr.mtb_hr-thin		{ height: 1px; }
.mtb_hr-hide_member0012 { display: none; } /* special case, last member has no bottom hr! */

.mtb_textcentered	{ text-align: center; }
.mtb_centeredbox 	{ width:100%; text-align: center; }
.mtb_textbox 		{ width: 110px; height: 110px; display: inline-block; text-align: center; }

h2.mtb_h2			{ color: #00a1e1; font-style: italic; font-size: 20px; font-weight: normal; }
h2 { color: black; }
td.mtb_experiencehdr { background-color: #dcddde; padding: 15px; font-weight: bold; }
img.mtb_icon_exp { min-width: 120px; }

a.mtb_footnote,a.mtb_footnote:hover { color: #00a1e1;}

table.mtb_table { margin: 0px; padding: 0px; border-collapse: collapse;   }
tr.mtb_tr 		{ border: none; }
td.mtb_td 		{ vertical-align: top; border: none; }

/*  
.mtb_bio-hide_member0002 { display: none; }
.mtb_bio-hide_member0009 { display: none; }
*/

.mtb_itembox 		{ margin: 5px; display: block; float: left; text-align: center; /* border: 1px #0032a0 solid; */ padding: 5px; margin-bottom: 10px;  }
.mtb_chairmanbox	{ color: black; font-weight: bold; text-align: center; clear: left; padding-top: 1px;}

img.mtb_itembox_photo 			{  height: 161px;  }
.mtb_itembox_captionbox			{  height: 35px; display: block; float: left; width: 100%;  text-align: center; font-weight: bold; padding: 5% 0; }
.mtb_itembox_captionbox_text		{  padding-left: 4px; padding-right: 4px;  padding: 10% 0; }
a.mtb_itembox_captionbox_text		{  padding-left: 4px; padding-right: 4px;    }
a.mtb_itembox_captionbox_text:hover {   }

.mtb_itembox_committeemember { height: 270px; width: 167px; border-radius: 4px;  }
.mtb_itembox_committeechair  { height: 270px; width: 167px; border-radius: 4px;  }
/* .mtb_itembox_committee0006	 { height: 174px; }  */
.mtb_itembox_skillmember 	 { height: 214px; width: 167px; border-radius: 4px;  }

img.mtb_photo 					{ border: 0px solid white;  min-width: 60px; min-height: 60px;  }
img.mtb_photo_clickable			{ border: 3px solid #ee1c2e; min-width: 60px; min-height: 60px;  }
img.mtb_photo_clickable:hover 	{ border: 3px solid #3399ff;}

img.mtb_skill	 				{ border-color: #0066cc; border-style: solid; border-width: 0px; }


.mtb_contentbox					{ padding-right: 0px; padding-left: 0px; display: block;  }
.mtb_contenthdr					{ padding-top: 10px; font-weight: bold; color: black;}

a.mtb_iconbox 					{ display: block; float: left; }

.mtb_clear-both					{ clear: both; }
.mtb_clear-left					{ clear: left; }
.mtb_clear-right				{ clear: right; }
.mtb_float-none					{ float: none; }
.mtb_float-left					{ float: left; }
.mtb_float-right				{ float: right; }

.mtb_footer {
	background-color: white;
		border-color: #ee1c2e; border-top: 1px solid black; 	border-bottom: 1px solid black; 	
	margin: 10px;  
	padding: 15px;
	display: block; overflow:auto;
	text-align: center;
}
.mtb_return_to_summary { margin-left: 10px; padding: 9px; float:left;  }
.mtb_return_to_document { margin-right: 10px; padding: 9px; float:right;   }


/* SPECIAL CASE - do not adjust the below style in the local version!  changed in 2017, now leave it display none */
.mtb_hidden {  /* display: block;  */  display: none;  }

/* new optional sections to show based on current view */
.mtb_summ_show { display: none; }
.mtb_bio_show { display: none; }
.mtb_skill_show { display: none; }
.mtb_committee_show { display: none; }

.mtb_float-left_768orsmaller	{  }
.mtb_float-right_768orsmaller	{  }
.mtb_clear-both_768orsmaller	{  }
.mtb_clear-left_768orsmaller	{  }
.mtb_clear-right_768orsmaller	{  }

/* EZOD: mobile-specific settings; iPad width is 768, the full menu should show */
@media all and (max-width: 767px){
	
	.mtb_header_SKILL 			{	 	}
	.mtb_header_COMMITTEE 		{	 	}
	
	.mtb_clear768orsmaller		{ 	clear: left; 	}
	
	.mtb_float-left_768orsmaller	{ float: left; }
	.mtb_float-right_768orsmaller	{ float: right; }
	.mtb_clear-both_768orsmaller	{ clear: both; }
	.mtb_clear-left_768orsmaller	{ clear: left; }
	.mtb_clear-right_768orsmaller	{ clear: right; }
	.mtb_box-content_SUMMARY 		{	float: none; min-height: unset; max-height: unset; width:95%; margin-right: 0px;	 }
}


@media all and (max-width: 500px){
	body,p,li,a,td { font-size: 15px;  line-height: 18px }
	.mtb_container { margin-left: 3px; margin-right: 3px; }
}



.mtb_banner {
	width: 98%;
	background-color: #efefef;
	/* min-height: 50px; */
	display: block;
	overflow:auto;
	box-shadow: 2px 2px 2px #888; 
	border-color: grey; 	border-style: solid;  	border-width: 1px;	
	padding-top: 5px; padding-bottom: 5px;
	margin-top: 10px; margin-bottom: 10px;
	margin-left: auto; margin-right: auto;
}
.mtb_bannertextbox { display: block; float: left; margin-left: 20px; margin-top: 10px; }
.mtb_bannerimagebox { display: block; float: right; margin-right: 20px; margin-top: 5px; }
a#mtb_bannerimage { display:block; float:right; background-image:url('../mtb/mtb_banner.png'); height:50px; width:250px;   }
a#mtb_bannerimage:hover { background-image:url('../mtb/mtb_banner-on.png'); }

/* mobile-specific settings */
@media all and (max-width: 767px){
.mtb_bannerimage { margin-right: 0px; }
.mtb_bannertext { margin-left: 0px; }
}

p.mtb,h1.mtb,h2.mtb,h3.mtb { padding-top: 3px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; }
@media all and (-ms-high-contrast:none) {    /* fixes for IE padding problems */
     p.mtb,h1.mtb,h2.mtb,h3.mtb { padding-top: 16px; padding-bottom: 16px; padding-left: 2px; padding-right: 2px;  }
	 ul.mtb { padding-bottom: 7px; padding-top: 7px; /* margin-left: 9px; */ }
}


/* CSSMENU */

/* @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro); */
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index:14;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  background: #ee1c2e;
 /* background: -moz-linear-gradient(top, #009ec2 0%, #00539b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ec2), color-stop(100%, #00539b));
  background: -webkit-linear-gradient(top, #009ec2 0%, #00539b 100%);
  background: -o-linear-gradient(top, #009ec2 0%, #00539b 100%);
  background: -ms-linear-gradient(top, #009ec2 0%, #00539b 100%);
  background: linear-gradient(to bottom, #009ec2 0%, #00539b 100%); */
}
#cssmenu > ul {
  /* background: url('../mtb/mtb_menu_bg.png'); */
  /* box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);  */
}
#menu-button {
  /* box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);  */
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li {
  float: left;
  display: inline-block;
}
#cssmenu.align-center > ul {
  float: none;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li > a {
  padding: 9px 25px 9px 25px;   /* menu sizing here via padding: top, right, bottom, left */
  border-right: 1px solid rgba(80, 80, 80, 0.12);
  text-decoration: none;
  /* font-size: 13px;
  font-weight: 700; */
  color: #d3eced;   
  /* text-transform: uppercase; */
  letter-spacing: 1px;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
  color: white;  /* CSS COLOR text for tab menu */

}
#cssmenu > ul > li.has-sub > a {
  padding-right: 45px;
}
#cssmenu > ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: white;    /* CSS COLOR tab triangle color */
  right: 17px;
  top: 15px;   /* alter this if padding changed */
}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {
  border-top-color: white;    /* CSS COLOR tab triangle color */
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 60px;
  padding-top: 6px;
  /* font-size: 13px; */
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #f4f4f4;  /* CSS COLOR triangle between tab and sub-menu */
  top: -4px;
  left: 20px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 20px;
}
#cssmenu ul ul ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: white;
  top: 11px;
  left: -4px;
}
#cssmenu.align-right ul ul ul::after {
  border-right-color: transparent;
  border-left-color: white;
  left: auto;
  right: -4px;
}
#cssmenu > ul > li > ul {
  top: 120px;
}
#cssmenu > ul > li:hover > ul {
  top: 26px;  /* change if overall padding/height changed */
  
  left: 0;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
}
#cssmenu.align-right ul ul ul {
  padding-right: 6px;
}
#cssmenu ul ul > li:hover > ul {
  left: 180px;
  top: 0;
  opacity: 1;

}
#cssmenu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 100%;
  opacity: 1;
}
#cssmenu ul ul li a {
  text-decoration: none;
  font-weight: 400;
  padding: 11px 25px;
  width: 300px;  			/* WIDTH OF SUB-MENU */
  color: #4b4b4b;				/* CSS COLOR sub menu text */
  background: #f4f4f4;		/* CSS COLOR sub menu: */
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.3); 
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
  color: #009ec2;        /* CSS COLOR hover of sub-menu */
  /* background: #00539b;  */ /* CSS COLOR hover of sub-menu */
}
#cssmenu ul ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}
#cssmenu ul ul li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #777777;
  right: 17px;
  top: 14px;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  border-left-color: transparent;
  border-right-color: #777777;
  right: auto;
  left: 17px;
}
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #424242;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
  border-right-color: #424242;
  border-left-color: transparent;
}


#cssmenu .notmobile { display: block; visibility: visible; }
#cssmenu .mobileonly { display: none; visibility: hidden; }
/* #cssmenu .lasttab { margin-left: -30px; } */
@media all and (max-width: 900px) and (min-width: 767px) { 
	/* move last sub menu left to avoid screen issues */
	#cssmenu .lasttab { margin-left: -140px;  } 
	#cssmenu > ul > li:last-child > ul::after { left: 280px; }
}

@media all and (max-width: 766px){
  #cssmenu .notmobile { display: none; visibility: hidden; }
  #cssmenu .mobileonly { display: block; visibility: visible; }
  #cssmenu .lasttab { margin-left: 0px; }
  

  #cssmenu > ul {
    display: none;
  }
  #cssmenu > ul.open {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  #cssmenu.align-right > ul {
    float: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu > ul > li > a {
    padding: 18px 25px 18px 25px;
    border-right: 0;
  }
  #cssmenu > ul > li:hover > a,
  #cssmenu > ul > li.active > a {

  }
  #cssmenu #menu-button {
    display: block;
    text-decoration: none;
    /* font-size: 13px;
    font-weight: 700; */
    color: white;    /* COLOR of mobile menu top tab text */
    padding: 18px 30px 18px 25px;
    /* text-transform: uppercase; */
    letter-spacing: 1px;
    /* background: url('../mtb/mtb_menu_bg.png'); */
    cursor: pointer;
  }
  #cssmenu ul ul,
  #cssmenu ul li:hover > ul,
  #cssmenu > ul > li > ul,
  #cssmenu ul ul ul,
  #cssmenu ul ul li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul li:hover > ul,
  #cssmenu.align-right > ul > li > ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul ul li:hover > ul {
    left: 0;
    right: auto;
    top: auto;
    opacity: 1;
    width: 100%;
    padding: 0;
    position: relative;
    text-align: left;
  }
  #cssmenu ul ul li {
    width: 100%;
  }
  #cssmenu ul ul li a {
    width: 100%;
    box-shadow: none;
    padding-left: 35px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 45px;
  }
  #cssmenu ul ul li:first-child > a,
  #cssmenu ul ul li:last-child > a {
    border-radius: 0;
  }
  #cssmenu #menu-button::after {
  content: "";
  position: absolute;

  right: 17px;
  top: 23px;
  
  	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	
	border-top: 8px solid white;  /* CSS COLOR - mobile menu triangle */

	}

  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
}