#masthead							{ height:90px; 
									         background-color: #1681c3; /* fallback color if gradients are not supported */
									         background-image: -webkit-linear-gradient(top, #1681c3, #1066a1); /* For Chrome and Safari */
									         background-image:	-moz-linear-gradient(top, #1681c3, #1066a1); /* For old Fx (3.6 to 15) */
									         background-image:	 -ms-linear-gradient(top, #1681c3, #1066a1); /* For pre-releases of IE 10*/
									         background-image:	  -o-linear-gradient(top, #1681c3, #1066a1); /* For old Opera (11.1 to 12.0) */ 
									         background-image:		 linear-gradient(to bottom, #1681c3, #1066a1); /* Standard syntax; must be last */
                  z-index: 999999; }

#body-content						{ position: relative; } /* #global-nav { position: relative; } */

#global-nav							{  }
#global-nav img						{ margin-bottom: 6px; float: none !important; }
h2#logo a							{ float: left; width: 199px; height: 47px; background: url(/site/images/logo_filemaker.png) no-repeat 0 0; text-indent: -5000px; margin: 22px 0 0 0; }

#global-menu2						{ height: 30px; margin: 29px 0 0 0; }
#masthead.atlas #global-menu2	{ height: 30px; margin: 29px 0 0 0; }
#masthead.atlas #global-nav-wrapper div:nth-child(2) ul:first-child { margin: 5px 0 0 0; }

#global-menu2						{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }


#global-nav-wrapper					{ float:right; width: 750px; height: 90px;}

/* Utility Link */
/*-------------------------*/

#masthead.atlas #global-util { }
#masthead.atlas #global-util ul { float: right; margin: 4px 0px 0px 0px; height: 20px;}
#masthead.atlas #global-util ul li { float: left; margin: 0px 8px 0px 0px; padding: 2px 0px 2px 0px; }
#masthead.atlas #global-util ul li:last-of-type::before { content: ''; border-left: 1px solid #fff; height: 11px; padding-left: 8px; float:left;margin-top:3px; }
#masthead.atlas #global-util ul li:first-child::before { content: ''; margin: 0; padding: 0; border: none; }
#masthead.atlas #global-util ul #global-util-free-trial { float: left; border: 1px solid #fff; border-radius: 3px; padding: 1px 3px 1px 3px; }
#masthead.atlas #global-util ul #global-util-free-trial span { color: #fff; font-size: 10px; }
#masthead.atlas #global-util ul li a { color:#FFFFFF; font-size: 10px;}
#masthead.atlas #global-util ul #global-util-free-trial:hover { border: 1px solid #e6e6e6; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; -webkit-transition: all .1s ease-in; transition: all .1s ease-in;}
#masthead.atlas #global-util ul #global-util-free-trial span:hover { color: #e6e6e6; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; -webkit-transition: all .1s ease-in; transition: all .1s ease-in;}
#masthead.atlas #global-util ul li a:hover { color: #e6e6e6; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; -webkit-transition: all .1s ease-in; transition: all .1s ease-in;}


/* Search */
/*-------------------------*/

#gnav-search						{ margin-left: 15px; }

#global-search						{ height: 25px; margin: 2px 0px 0px 0px;  /*position: absolute; right: 15px; top: 74px;*/ }
#global-search fieldset				{ }
#global-search input				{ box-sizing: border-box; font-size: 12px; padding: 2px 5px 0 30px; color: #616161; border-top: 1px solid #0476BA; border-left: 1px solid #0476BA; border-right: 1px solid #0476BA; border-bottom: 1px solid #0476BA;
									  -webkit-border-radius: 13px;
									  -moz-border-radius: 13px;
									  border-radius: 13px;
									  -webkit-box-shadow: inset 0px 1px 0px 0px #0476BA, inset 0px 2px 1px 0px #52577a, inset 0px 3px 1px 0px #777a96, inset 0px 4px 1px 0px #cbccd7, inset 0px 5px 1px 0px #eff0f3, inset 1px 0px 1px 0px #cfd0d6, inset -1px 0px 1px 0px #cfd0d6;
									  -moz-box-shadow:  inset 0px 1px 0px 0px #0476BA, inset 0px 2px 1px 0px #52577a, inset 0px 3px 1px 0px #777a96, inset 0px 4px 1px 0px #cbccd7, inset 0px 5px 1px 0px #eff0f3, inset 1px 0px 1px 0px #cfd0d6, inset -1px 0px 1px 0px #cfd0d6;
									  box-shadow:		inset 0px 1px 0px 0px #0476BA, inset 0px 2px 1px 0px #52577a, inset 0px 3px 1px 0px #777a96, inset 0px 4px 1px 0px #cbccd7, inset 0px 5px 1px 0px #eff0f3, inset 1px 0px 1px 0px #cfd0d6, inset -1px 0px 1px 0px #cfd0d6; }
#global-search input				{ width: 178px; height: 28px; background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTEgMTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDExIDEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KPCFbQ0RBVEFbDQoJLnN0MHtmaWxsOm5vbmU7fQ0KCS5zdDF7ZmlsbDojNDU0NTQ2O30NCl1dPg0KPC9zdHlsZT4NCjxnPg0KCTxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjQuMiIgY3k9IjQuMiIgcj0iMi45Ii8+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTExLDExLjFsLTMuNy00QzgsNi4zLDguNCw1LjMsOC40LDQuMkM4LjQsMS45LDYuNSwwLDQuMiwwUzAsMS45LDAsNC4yYzAsMi4zLDEuOSw0LjIsNC4yLDQuMg0KCQljMC44LDAsMS41LTAuMiwyLjEtMC42bDMuNyw0LjFMMTEsMTEuMXogTTEuMyw0LjJjMC0xLjYsMS4zLTIuOSwyLjktMi45czIuOSwxLjMsMi45LDIuOWMwLDEuNi0xLjMsMi45LTIuOSwyLjlTMS4zLDUuOCwxLjMsNC4yeiINCgkJLz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat 11px 9px;/*background: #FFF url(/site/images/search_filemaker.png) no-repeat 10px 7px;*/ -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box;  }
html.no-svg #global-search input { background: #FFF url(/site/images/search_filemaker.png) no-repeat 10px 7px; }

#global-search button				{ display: none; }
#global-search form input			{ margin-top: 0 !important; } /* override */

/* Shadows */
/*-------------------------*/

#global-menu2 li a					{ font-family: 'Lucida Grande',Helvetica,Arial,Verdana,sans-serif; font-size: 130%; }
#global-menu2 li ul li a			{ text-shadow: none; font-family: 'Lucida Grande',Helvetica,Arial,Verdana,sans-serif; font-size: 110%; }
#global-menu2 li.selected a		 	{ text-shadow: none; }
#global-menu2 li.selected ul li a   { text-shadow: none; }

/* Home Button overrides for protofish dropdown menu */
/*---------------------------------------------------*/

ul.menu li#gnav-home				{ border-left: 0; }
ul.menu li#gnav-home:hover, 
ul.menu li#gnav-home.hover			{ background: #09F; height:50px; margin-top: 0; border-top: 0; border-bottom: 0; }

ul.menu li#gnav-home.hover a		{ text-decoration: none; color:#fff; }
ul.menu li#gnav-home.selected a		{ color: #fff; }
ul.menu li#gnav-home.selected:hover, 
ul.menu li#gnav-home.selected.hover	{ background: #0CC; border-top: 0; border-bottom: 0; margin-top: 0; }

ul.menu li#gnav-home.selected:hover a, 
ul.menu li#gnav-home.selected.hover a { color: #fff !important; }  

  ul.menu li#gnav-home, 
  ul.menu li#gnav-home:hover, 
  ul.menu li#gnav-home.hover		{ -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

/* gnav-search override */
/* -------------------- */
ul.menu li#gnav-search:hover		{ background: none; border: none;
									  -webkit-box-shadow:	inset 0px 0px 0px 0px, 0px 0px 0px 0px;
									  -moz-box-shadow:		inset 0px 0px 0px 0px, 0px 0px 0px 0px;
									  box-shadow:			inset 0px 0px 0px 0px, 0px 0px 0px 0px; }

/* DROPDOWN */
/* Modified from Protofish dropdown menu */
/* http://protofish.procurios.nl/ */
/*---------------------------------------*/

/* First Level */
ul.menu				 				{ float: right; height: 100%; margin: 20px 0; padding: 0; list-style: none; }
ul.menu li							{ position: relative; float: left; line-height: 1.1; margin-left: 5px; }
ul.menu li a.sub					{ display: block; width: auto; margin-top: 7px; padding: 0px 11px; /*used to be 16px */ text-decoration: none; color: #FFFFFF; }
ul.menu li a						{ display: block; width: auto; padding: 7px 16px; text-decoration: none; color: #FFFFFF; }

  /* First Level Selected */
  ul.menu li.selected   			{ background:#fff; height:30px; border-top: 1px solid #0476BA; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box;
									  -webkit-border-radius:3px;
									  -moz-border-radius:	3px;
									  border-radius:		3px;
									  -webkit-box-shadow:	inset 0px 1px 3px 0px #52577a, inset 1px 0px 1px 0px #cfd0d6, inset -1px 0px 1px 0px #cfd0d6;
									  -moz-box-shadow:		inset 0px 1px 3px 0px #52577a, inset 1px 0px 1px 0px #cfd0d6, inset -1px 0px 1px 0px #cfd0d6;
									  box-shadow:		/*	inset 0px 1px 3px 0px #52577a*/inset 0px 1px 1px 0px #52577a, inset 0px 2px 1px 0px #777a96, inset 0px 3px 1px 0px #cbccd7, inset 0px 4px 1px 0px #eff0f3, inset 1px 0px 1px 0px #cfd0d6, inset -1px 0px 1px 0px #cfd0d6; }
  ul.menu li.selected a.sub		 	{ color: #333; }
  ul.menu li.selected:hover a.sub   { color: #333; height: 28px; position: relative; background-color: #fff; z-index: 1000; 
									  -webkit-border-top-left-radius:	3px; -webkit-border-top-right-radius:	3px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius:	0px;
									  -moz-border-radius-topleft:		3px; -moz-border-radius-topright:		3px; -moz-border-radius-bottomleft:	 	0px; -moz-border-radius-bottomright:		0px;  
									  border-top-left-radius:			3px; border-top-right-radius:			3px; border-bottom-left-radius:		 	0px; border-bottom-right-radius:			0px; }
  
ul.menu li:hover, ul.menu li.hover { background: #fff; height: 33px; border-top: 1px solid #fff; margin-top: 1px;
									  -webkit-border-top-left-radius: 	3px; -webkit-border-top-right-radius:	3px; -webkit-border-bottom-left-radius:	0px; -webkit-border-bottom-right-radius:0px;
									  -moz-border-radius-topleft:		3px; -moz-border-radius-topright:		3px; -moz-border-radius-bottomleft:		0px; -moz-border-radius-bottomright:	0px;
									  border-top-left-radius:			3px; border-top-right-radius:			3px; border-bottom-left-radius:			0px; border-bottom-right-radius:		0px; 
									  -webkit-box-shadow: 	inset 0px 0px 0px 0px, 0px 0px 6px 1px #777777;
									  -moz-box-shadow:		inset 0px 0px 0px 0px, 0px 0px 6px 1px #777777;
									  box-shadow:			inset 0px 0px 0px 0px, 0px 0px 6px 1px #777777; }
ul.menu li#gnav-search:hover { margin-top: 0px; }
ul.menu li:last-child:hover, ul.menu li:last-child.hover { margin-top: 0px; }
ul.menu li:hover a.sub,
ul.menu li.hover a.sub				{ z-index: 1000; position: relative; height: 28px; background-color: #fff; text-decoration: none; }
ul.menu li:hover a.sub span,
ul.menu li.hover a.sub span			{ /*border-bottom: 1px solid #333333;*/ padding-bottom: 1px; }
  ul.menu li ul li:hover,
  ul.menu li ul li.hover			{ height: auto; margin-top: 0; 
									  -webkit-box-shadow:	inset 0px 0px 0px 0px, 0px 0px 0px 0px;
									  -moz-box-shadow:		inset 0px 0px 0px 0px, 0px 0px 0px 0px;
									  box-shadow:			inset 0px 0px 0px 0px, 0px 0px 0px 0px; }

ul.menu li:hover a, ul.menu li.hover a { color: #333333 !important; text-decoration: none; }
ul.menu li:hover a span,
 ul.menu li.hover a span			   { /*border-bottom: 1px solid #333333;*/ padding-bottom: 1px; }
ul.menu li.active a					{ color: #f15c30; }

/* Second level */
ul.menu ul	  { padding: 0; margin: 0; list-style: none; top: 34px; width: 244px; }

/* resetting first level */
ul.menu li ul   {  border-top: 0; background: #FFF; padding: 5px 0px 12px 0px; }
ul.menu li ul   { -webkit-border-top-right-radius:  3px; -webkit-border-bottom-right-radius:	3px; -webkit-border-bottom-left-radius: 3px;
				  -moz-border-radius-topright:		3px; -moz-border-radius-bottomright:		3px; -moz-border-radius-bottomleft:		3px;
				  border-top-right-radius:			3px; border-bottom-right-radius:			3px; border-bottom-left-radius:			3px; 
				  -webkit-box-shadow:	inset 0px 0px 0px 0px, 0px 0px 6px 1px #777777;
				  -moz-box-shadow:		inset 0px 0px 0px 0px, 0px 0px 6px 1px #777777;
				  box-shadow:			inset 0px 0px 0px 0px, 0px 0px 6px 1px #777777; }
ul.menu li:hover li,
ul.menu li:hover li a,
ul.menu li.hover li,
ul.menu li.hover li a					{ color: #333; border: 0; }
ul.menu li:hover li:first-child,
ul.menu li.hover li:first-child			{ color: #333; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; }
ul.menu li:hover li:last-child,
ul.menu li.hover li:last-child			{ color: #333; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }

/* submenu markup */
ul.menu li li							{ min-width: 244px; margin: 0; }
ul.menu li li a							{ padding: 5px 16px 5px 16px; text-decoration: none !important; }
ul.menu li:hover li:hover a				{ background: #46a7e3; color: #FFFFFF !important; }
ul.menu li:hover li:first-child:hover a	{ -webkit-border-top-right-radius:  0px; 
											  -moz-border-radius-topright:	  0px; 
											  border-top-right-radius:		  0px; }
ul.menu li:hover li:last-child:hover a	{ -webkit-border-bottom-right-radius:	0px; -webkit-border-bottom-left-radius: 0px;
										  -moz-border-radius-bottomright:		0px; -moz-border-radius-bottomleft:	 	0px;
										  border-bottom-right-radius:			0px; border-bottom-left-radius:		 	0px; }
ul.menu li:hover li.active a,
ul.menu li.hover li.active a			{ color: #f15c30; }
ul.menu li li a.sub						{ padding-right: 15px; }

/* show hide behaviour */
ul.menu ul,
ul.menu li:hover ul ul,
ul.menu ul ul,
ul.menu li:hover ul ul ul,
ul.menu ul ul ul,
ul.menu li:hover ul ul ul ul				{ position: absolute; left: -999em; }

ul.menu li:hover ul,
ul.menu li li:hover ul,
ul.menu li li li:hover ul,
ul.menu li li li li:hover ul				{ left: 0px; z-index: 999; }

ul.menu li.hover ul ul,
ul.menu li.hover ul ul ul,
ul.menu li.hover ul ul ul ul				{ position: absolute;   left: -999em; }

ul.menu li.hover ul,
ul.menu li li.hover ul,
ul.menu li li li.hover ul,
ul.menu li li li li.hover ul				{ left: 0px; z-index: 999; }

/*Retina CSS*/
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	h2#logo a { background-image: url("/site/images/logo_filemaker_2x.png") ; background-size:199px 47px; }
}