/* root element for tabs  */
ul.calc_tabs { 
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

/* single tab */
ul.fullCalc li {width: 25% !important;}
ul.calc_tabs li { 
	width: 50%;
	padding:0;
	margin:0 !important;
	float: left;
	background-image: url(http://assets.rmcloud.com/shared-images/calculators/calc_menu_bg.png);
}

* html ul.calc_tabs li { background-image:none; }

/* when mouse enters the tab move the background image */
ul.calc_tabs a:hover {
	background-image: url(http://assets.rmcloud.com/shared-images/calculators/calc_menu_active.png);	
}

* html ul.calc_tabs a:hover { background-image:none; background-color: #ccc; }

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.calc_tabs a.current, ul.calc_tabs a.current:hover, ul.calc_tabs li.current a {	
	cursor:default !important; 
	background-image: url(http://assets.rmcloud.com/shared-images/calculators/calc_menu_hover.png);
}

* html ul.calc_tabs a.current, * html ul.calc_tabs a.current:hover, * html ul.calc_tabs li.current a  {background-image:none; background-color: #333;}

/* Next Back */



/* initially all panes are hidden */ 
div.calc_panes div.calc_pane {
	display: none;
	margin: 2px 0px 0px 0px;
	background-repeat: repeat-x;
	line-height: 1.7em;
}


div.calc_panes div.calc_pane {
color: 000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.7em;
}

/* Updates */
.calc_tabs.secondary,
.calc_tabs .secondary {
  background-color: #666;
  background-size: auto 100%;
}
.calc_tabs .secondary {
  font-family: Arial, Helvetica, sans-serif;
}
.calc_tabs::after {
  clear: both;
  content: "";
  display: block;
}
.calc_tabs a {
  border-right: 1px solid rgba(255,255,255,0.33);
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
  padding: 5px;
  text-align: center;
}
ul.tabs a {
  color: #FFF;
}
ul.tabsNB li {
  width: 50%;
}
ul.tabs li a, ul.tabsNB li a {
  background-color: #333;
  box-sizing: content-box;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  height: 24px;
  line-height: 1;
  padding: 5px;
  white-space: normal;
}
.calc-form-container {
  border-radius: 10px;
  max-width: 360px;
  padding: 10px !important;
}
ul.tabs.mc_tabs li, ul.tabsNB.mc_tabs li {
  width: 50%;
}
ul.tabs.af_tabs li, ul.tabsNB.af_tabs li {
  width: 25%;
}
.calc-table-wrapper {
  width: 100%;
  overflow-x: auto;
  margin: 0 0 1em;
}
.tabFormText {
  max-width: 360px;
  width: 100%;
}
.calc_panes hr {
  margin: 10px 0;
}
.content .calc_panes ol, .content .calc_panes ul {
  margin-left: 0;
}