﻿/* CSS reset - custom, 4/16 */
a, abbr, address, area, article, aside, audio, b, base, bdi, bdo, blockquote, body, br, button, canvas, caption, cite, code, col, colgroup, datalist, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, kbd, keygen, label, legend, li, link, main, map, mark, menu, menuitem, meta, meter, nav, noscript, object, ol, optgroup, option, output, p, param, pre, progress, q, rp, rt, ruby, s, samp, script, section, select, small, source, span, strong, style, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, title, tr, track, u, ul, var, video, wbr {padding: 0; margin: 0; border: 0; outline: none; vertical-align: baseline;}
header, section, main, div, blockquote, ul, ol, figure, svg, footer {display: block;}

body#content-fmi {background-color: #f5f5f5; font-family: 'Lucida Grande', Arial, sans-serif; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; font-size: 13px; line-height: 1.5em; color: #333;}

  #content-fmi select {order:3; margin-right: 24px; padding: 5px 5px 5px 8px; min-width: 80px; min-height: 30px; font-family: 'Lucida Grande', Arial, sans-serif; font-size: 13px; line-height: 1.5em; border: 1px solid #c9c9c9; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: url('../images/expand-arrow-sprite.svg') left 20px top -49px / 93px 68px no-repeat #fff;}

  #content-fmi div#feedback {position: fixed; right: 0; bottom: 0; background-color: #fff; padding: 5px 8px; border-top: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9;}
  #content-fmi article {background-color: #fff; padding: 0 25px 25px; -webkit-box-shadow: #bbb 0 0 6px 0; box-shadow: #bbb 0 0 6px 0; overflow:hidden;}
	#content-fmi article.full-width {padding-left: 0; padding-right :0;}

	#content-fmi header#banner {width: auto; padding: 16px 0 8px 16px; margin: 0 -25px; background: -moz-linear-gradient(top, #fff, #ebebeb); background: -webkit-linear-gradient(top, #fff, #ebebeb); background: linear-gradient(to bottom, #fff, #ebebeb); border-bottom: 1px solid #c9c9c9; display: flex; align-items: center;}
		#content-fmi header#banner img {height: 46px; width: auto;}
	#content-fmi article.full-width header#banner {margin: 0;}

	#content-fmi div.subheader {display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; align-content: center; margin: 0 0 0 -25px;}
	  #content-fmi div.subheader h1 {order: 1; flex: 3;}
	  #content-fmi div.subheader div.toggleall {color: #006ece; padding-top:2px; order: 2;}
	  #content-fmi div.subheader #search-back-button {background: none; background-image: url('../images/back_grey.png'); background-size: 14px; background-repeat: no-repeat; background-position: 6px 5px; border: 0; text-decoration: none; -webkit-apperance: none; outline: 0; text-display: none; width: 20px; height: 30px; color: rgba(0,0,0,0); order: 3;}
	  #content-fmi div.subheader #search-button {width:45px; height:25px; padding: 3px 3px 3px 8px; margin-left: 15px; margin-right: -9px; border-left: 2px solid #e3e3e3; background-color: #fff; order: 4;}
	  #content-fmi div.subheader #search-back-button:hover { cursor: pointer; background-image: url('../images/back.png');}

	    #content-fmi div.subheader #search-button img {width:20px; height: 20px;}
	  #content-fmi div.subheader #search-form {max-width: 220px; padding: 5px 10px 3px 10px; border: 1px solid #e3e3e3; margin-left: 12px; order: 5;}
	    #content-fmi div.subheader #search-form #tipue_search_input {font-family: 'Lucida Grande', Arial, sans-serif; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; font-size: 13px; line-height: 1.5em; color: #333;}

	#content-fmi div.topicBody {margin-bottom: 20px;}
	  #content-fmi div.topicBody > section > div.topicBody,
	   	#content-fmi div.topicBody > section > div.topicBody section > div.topicBody {margin-left: 15px;}
		
	#content-fmi footer#acknowledgements-content,
	#content-fmi footer#copyright-content,
	#content-fmi h1 + div.topicBody,
	#content-fmi h2 + div.topicBody {padding-top: 10px;}
		#content-fmi h2.alt + div.topicBody {padding-top: 0;}

	#content-fmi footer#copyright-content.alt {border-top: 1px solid #e9e9e9; margin-top:32px;}

	#content-fmi p {margin-bottom: 10px;}
	#content-fmi h1 + p,
	#content-fmi h2 + p,
	#content-fmi h3 + p,
	#content-fmi h4 + p,
	#content-fmi h5 + p {margin-top: 10px;}

  #content-fmi .subcontent,
  #content-fmi blockquote {margin: 0 20px 10px; line-height: 1.25em; quotes: none;}
  #content-fmi div.notification {background-color: #eef6fc; padding: 13px 26px; margin: 10px 0 25px; border: 1px solid #c7ecfa;}

  #content-fmi a {color: #006ece; text-decoration: none;}
	  #content-fmi a:active {color: #006ece;}
	  #content-fmi a:hover {text-decoration: underline;}
	  #content-fmi a:visited {color: #006ece;}

  #content-fmi .label {margin-right: 10px;}

  #content-fmi img.block, 
  #content-fmi img.scaling {display: block; margin-bottom: 25px;}
  #content-fmi img.block {zoom: reset; margin-bottom: 5px;}
  #content-fmi img.border {border:1px solid #c9c9c9;}

  #content-fmi ul, 
  #content-fmi ol {margin: 0 0 10px 20px;}
	  #content-fmi ul p {margin-bottom:8px;}
	  #content-fmi ul {list-style-type: disc;}
	  #content-fmi ol {list-style-type: decimal;}
		  #content-fmi li{margin: 8px 0;}
		  #content-fmi li > ul, 
		  #content-fmi li > ol, 
		  #content-fmi li p {margin-bottom: 8px;}
  #content-fmi ol [type="roman-lower"] {list-style-type: lower-roman;}
  #content-fmi ol [type="roman-upper"] {list-style-type: upper-roman;}
  #content-fmi ol [type="alpaha-lower"] {list-style-type: lower-alpha;}
  #content-fmi ol [type="alpha-upper"] {list-style-type: upper-alpha;}

	#content-fmi code {font-family: 'Courier New', Courier, monospace; display: inline; white-space: pre-wrap; word-wrap: break-word; tab-size: 3;}
		#content-fmi code.new-line {display:block; margin-bottom: 10px;}
		#content-fmi code.block {background-image: -webkit-linear-gradient(#fafafa 50%, #fff 50%); background-image: linear-gradient(#fafafa 50%, #fff 50%); background-size: 100% 38px; white-space: pre; word-wrap:normal; display:inline-block; border: 1px solid #c9c9c9; padding: 0 5px; margin-bottom: 5px;}
			  
  #content-fmi figure {margin-bottom: 5px;}
	  #content-fmi figure.callouts {zoom: reset;}
		#content-fmi figure.callouts img {display: block;} 
		#content-fmi figure.callouts img, 
		#content-fmi figure.callouts svg, 
		#content-fmi figure.callouts div.textFrame {position: relative; overflow: hidden;}
		  #content-fmi figure.callouts svg {z-index: 2;} 
			#content-fmi figure.callouts svg rect {stroke-width: 2; stroke: #14c0f2; stroke-opacity: 0.2; fill: #abd7f5; fill-opacity: 0.2;}
				#content-fmi figure.callouts svg rect:hover {stroke-opacity: 0.4; fill-opacity: 0.4; cursor: pointer;}
				#content-fmi figure.callouts svg rect.bg {stroke-width: 1; stroke-opacity: 1; fill: #1681C3; fill-opacity: .75;}

		#content-fmi figure.callouts p.textBox {display: inline-block; margin-bottom: 0; position: absolute; overflow: hidden; line-height: 1.25em; font-weight:bold; font-family: Arial, sans-serif !important;}
		  #content-fmi figure.callouts p.textBox.small {font-size: 11px;}
		  #content-fmi figure.callouts p.textBox.smaller {font-size: 10px;}
		  #content-fmi figure.callouts p.textBox.large {font-size: 13px;}
		  #content-fmi figure.callouts p.textBox.larger {font-size: 14px;}
		  #content-fmi figure.callouts p.textBox.left {text-align: left;}
		  #content-fmi figure.callouts p.textBox.center, 
		  #content-fmi figure.callouts p.textBox.middle {text-align: center;}
		  #content-fmi figure.callouts p.textBox.right {text-align: right;}
		  #content-fmi figure.callouts p.textBox.bg {background:url('../images/transparent-bg.png') repeat top left; border: 1px solid #abd7f5;}

		#content-fmi figure figcaption, 
		#content-fmi caption {clear: both; margin-top: 5px; font-weight: bold; white-space: nowrap;}

  #content-fmi div.container {width:auto; overflow: auto; margin-bottom:20px; -webkit-overflow-scrolling: touch;}
	  #content-fmi div.container::-webkit-scrollbar,
	  #content-fmi div.container::-webkit-scrollbar-corner {height:15px; width: 15px; background-color: #e9e9e9; border: 1px solid #c9c9c9; display: block;}
	  #content-fmi div.container::-webkit-scrollbar-thumb {background-color: #f5f5f5; border: 1px solid #c9c9c9; height:15px; display: block;}
	  #content-fmi div.container::-webkit-scrollbar-button {height: 15px; width: 15px; display: block; }
		#content-fmi div.container::-webkit-scrollbar-button:start:horizontal:decrement {background:url('../images/scroll-buttons-sprite.svg') -15px 0 / 60px 15px no-repeat;}
		#content-fmi div.container::-webkit-scrollbar-button:end:horizontal:increment {background:url('../images/scroll-buttons-sprite.svg') 0 0 / 60px 15px no-repeat;}
		#content-fmi div.container::-webkit-scrollbar-button:start:vertical:decrement {background:url('../images/scroll-buttons-sprite.svg') -30px 0 / 60px 15px no-repeat;}
		#content-fmi div.container::-webkit-scrollbar-button:end:vertical:increment {background:url('../images/scroll-buttons-sprite.svg') -45px 0 / 60px 15px no-repeat;}
	  #content-fmi div.container::-webkit-scrollbar:disabled,
	  #content-fmi div.container::-webkit-scrollbar-thumb:disabled,
	  #content-fmi div.container::-webkit-scrollbar-button:disabled,
	  #content-fmi div.container::-webkit-scrollbar-button:start:horizontal:increment,
	  #content-fmi div.container::-webkit-scrollbar-button:end:horizontal:decrement,
	  #content-fmi div.container::-webkit-scrollbar-button:start:vertical:increment,
	  #content-fmi div.container::-webkit-scrollbar-button:end:vertical:decrement {display: none !important;}

	  #content-fmi .image-info,
	  #content-fmi .code.info,
	  #content-fmi .figure-info,
	  #content-fmi .table-info {margin: -15px auto 20px;}

  #content-fmi table {border:1px solid #c9c9c9; border-collapse: collapse; border-spacing: 0; min-width: 1px; font-size: inherit; margin-bottom: 5px;}
	  #content-fmi td, 
	  #content-fmi th {border:1px solid #c9c9c9; padding: 4px; word-break:normal;}
	  #content-fmi th {text-align: left; background: #ebebeb; font-weight: bold;} 
		 #content-fmi td div.container {margin-bottom: 10px;}  

  #content-fmi h1 {margin-left: 15px; margin-right: 5px; padding: 12px 0; font-size: 15px; font-style: normal; font-weight: normal;}
	#content-fmi h1.alt {margin: 25px -25px 0;  background-color: #f0f0f0;}
	#content-fmi h1.alt,
	#content-fmi h1.sub,
	#content-fmi h2 {padding: 12px 25px 8px 15px;}
	#content-fmi h1.alt, 
	#content-fmi h2 {font-weight: bold; color: #303030;}
	#content-fmi h1.sub,
	#content-fmi h2 {margin: 0 -25px;}
	#content-fmi h2 {font-size: 14px; background-color: #f5f5f5;}
		#content-fmi h2.alt {background-color: #fff; margin:0; padding-left:0; padding-right:0;}
		#content-fmi h2#acknowledgements-header,
		#content-fmi h2#copyright-header {font-size: 13px;}
		  #content-fmi h2#acknowledgements-header.alt,
		  #content-fmi h2#copyright-header.alt {border-bottom: 1px solid #e9e9e9; padding-bottom: 8px;}

  #content-fmi h3 {font-weight: normal; font-size: 13px; color: #303030; margin: 0 -25px; padding: 8px 25px 8px 35px; 
  background: url('../images/expand-arrow-sprite.svg') left 20px top 12px / 10px 70px no-repeat #fafafa;}
	  #content-fmi h3.alt {background: #fafafa; padding: 8px 25px; font-weight: bold;}
	  #content-fmi h3.sub {background: #fff; font-weight:bold; margin: 0; padding-left: 0; padding-top:8px;}
	  #content-fmi h3.expanded {margin-bottom: 10px; background-position: left 20px top -49px; font-weight: bold;}
  
  #content-fmi h4,
  #content-fmi h5 {font-size: 13px; margin-bottom: 8px; padding-left: 25px; 
  background: url('../images/expand-arrow-sprite.svg') left 10px top 4px / 10px 70px no-repeat #fff;}
	  #content-fmi h4.alt {padding-left:15px; background: none; margin-bottom:4px;}
	  #content-fmi h4.expanded,
	  #content-fmi h5.expanded {background-position: left 10px top -57px;  margin-bottom: 8px;}

  #content-fmi h2#acknowledgements-header.small-headers,
  #content-fmi h2#copyright-header.small-headers,
  #content-fmi h3.small-headers,
  #content-fmi h4.small-headers,
  #content-fmi h5.small-headers {background-image: none; text-decoration: underline;}
  #content-fmi h3.small-headers {padding-left: 25px;}
  #content-fmi h4.small-headers,
  #content-fmi h5.small-headers {padding-left: 15px;}

  #content-fmi h2#acknowledgements-header:hover,
  #content-fmi h2#copyright-header:hover,
  #content-fmi h3:hover, 
  #content-fmi h4:hover, 
  #content-fmi h5:hover, 
  #content-fmi div.toggleall:hover {text-decoration: underline; cursor: pointer;}

  #content-fmi li:first-child {margin-top: 0;}

  #content-fmi article > p:last-child,
  #content-fmi div.topicBody p:last-child, 
  #content-fmi div.topicBody > section:last-child > div.topicBody, 
  #content-fmi ul:last-child,
  #content-fmi ol:last-child,
  #content-fmi li:last-child,
  #content-fmi footer#copyright-content p:last-child {margin-bottom: 0;}

  #content-fmi div.tipue_search_content_title {font: 100 18px 'Lucida Grande', Arial, sans-serif; margin-top: 15px;}
  #content-fmi div.tipue_search_content_url {font: 100 12px 'Lucida Grande', Arial, sans-serif;}
	  #content-fmi div.tipue_search_content_url a {word-wrap: break-word;}
  #content-fmi .tipue_search_content_bold {background-color:#ffffc7;}

  #content-fmi #tipue_search_foot {margin: 51px 0 21px 0;}
  #content-fmi #tipue_search_foot_boxes {padding: 0; margin: 0;}
  #content-fmi #tipue_search_foot_boxes li {list-style: none; margin: 0; padding: 0; display: inline; cursor: pointer;}
  #content-fmi #tipue_search_foot_boxes li a {padding: 10px 17px 11px 17px; background-color: #fff; border: 1px solid #e3e3e3; border-radius: 1px; color: #333; margin-right: 7px; text-decoration: none;	text-align: center;}
  #content-fmi #tipue_search_foot_boxes li.current {padding: 10px 17px 11px 17px; background: #f6f6f6; border: 1px solid #e3e3e3; border-radius: 1px; color: #333; margin-right: 7px; text-align: center;}
  #content-fmi #tipue_search_foot_boxes li a:hover {background: #f6f6f6;}

  #content-fmi .hide {display:none;}
  #content-fmi .inactive {text-decoration:none !important; cursor:default !important;}
  #content-fmi mark, .mark{background-color:#ffffc7;}

@media only screen and (max-width: 1029px){
	#content-fmi article {width: calc(100%)-50px;}
	#content-fmi h2 {border-top: 1px solid #d9d9d9;}
	   #content-fmi h2#acknowledgements-header,
	   #content-fmi h2#copyright-header {border-bottom: 1px solid #e9e9e9;}
	   #content-fmi h2#acknowledgements-header.expanded,
	   #content-fmi h2#copyright-header.expanded {border-bottom: none;}
	#content-fmi h3 {border-top: 1px solid #e9e9e9;}
	#content-fmi div.subheader #search-form {max-width: 100px;}
		#content-fmi div.subheader #search-form #tipue_search_input{max-width: 80px;}
}

@media only screen and (min-width: 980px) {
	#content-fmi article {width: 980px; margin: 0 auto;}
}

@media only print {
	body#content-fmi {background-color: #fff; width: 1030px;}
	body#content-fmi:not(.textBox) {font-size: 100%;}
		#content-fmi article {-webkit-box-shadow: none; box-shadow: none;}
		#content-fmi #feedback {display: none;}
			#content-fmi header#banner {background: none;}
			
			#content-fmi div.toggleall, 
			#content-fmi figure.callouts svg, 
			#content-fmi div.container::-webkit-scrollbar {display: none;}
			#content-fmi footer#copyright {display: block !important;}
			
			#content-fmi h1 {font-weight: bold; margin-left: 0; font-size: 130% !important;}
				#content-fmi h1.sub {font-weight: normal; margin-left: -40px;}
			#content-fmi h2 {margin-left: 0; padding-left: 0; border-bottom: 1px solid #e9e9e9; background: none; font-size: 120% !important;}
				#content-fmi h2.alt { border-bottom: none;}
			#content-fmi h3 {font-weight: bold; margin-left: 0; margin-bottom:5px !important; padding-left: 0; padding-bottom: 0 !important; border: none; background: none; font-size: 110% !important;}
				#content-fmi h3.alt, 
				#content-fmi h3.sub { padding-left: 0; background: none;}
			#content-fmi h4 {font-weight: bold; margin-left: 15px; border: none; padding: 0; font-size: 100% !important;}
				#content-fmi h4.alt {padding-left: 0;}
			#content-fmi h5{font-weight: bold; padding-left: 15px !important; background: none; font-size: 100% !important;}
				
			#content-fmi h1
			#content-fmi h2,
			#content-fmi h3, 
			#content-fmi h4,
			#content-fmi h5 {position:relative; page-break-after: avoid;} 
			
			#content-fmi img, 
			#content-fmi figure,
			#content-fmi table,
			#content-fmi blockquote,
			#content-fmi code.block, 
			#content-fmi div.notification {-webkit-column-break-inside: avoid; break-inside: avoid; page-break-inside: avoid; position:relative;}
			
			#content-fmi h2#acknowledgements-header,
			#content-fmi h2#copyright-header {page-break-before: always;}
			
			#content-fmi a.print[href^="http"]:after {content:" ("attr(href)")";}
			#content-fmi .page-break{page-break-before: always; }
}