@import url('/ClientCSS/crux.css');
:root {
--breakpoint-phone: 600px;
--breakpoint-tablet: 768px;
--breakpoint-large-tablet: 850px;;
--breakpoint-desktop: 1217px;}

/* === SECTION 1 ============================================================================ BLOCK/FREEFORM CLASSES */
	.Float25, .Float33, .Float50, .Float66, .Float75, .SecondaryColor, .FootNotes, .LightText{} /*  freeform classes */
	.FloatLeft, .FloatRight, .Button, .Circles, .NoBottomMargin, .AlignCenter, .ProductsTable, .StripeGrey, .StripeBlue, .BoxStyle{} /*  block classes */
	


/* === SECTION 2 ============================================================================ LAYOUT */	
	.siteBounds,
	.commentFormPop #centerZone{margin:0 auto; padding:0 5%; clear:both;}
	@media (min-width:1217px){
	.siteBounds,
	.commentFormPop #centerZone{max-width:1175px; padding:0;}}	
	

	/* == HEADER */
	#headerArea{position:fixed; width:100%;z-index:1000;float:left;background:#fff;}
	#logoArea {padding:55px 10px 10px 15px;float:left;}
	#logoArea img {max-width:300px;}
	@media (max-width:1217px){
	#headerArea{position:relative;}
	#headerArea .siteBounds{width:100%;padding:0px;}
	#logoArea{padding:15px;float:none;text-align:center;}}
	
	
	/* ==== UTILITY */
	#utilityArea{display:block;float:right;margin-top:15px;}
	#utilityArea ul li {display:inline-block; margin:0px 10px 0px 0px;}
	#utilityArea ul li a{font-size: 19px;text-transform:uppercase;padding:5px 25px 5px 25px;text-decoration:none;}
	#utilityArea ul li a:hover{text-decoration:underline;}
	#utilityArea .utilityWrapper {float:left;}
	#utilityArea nav.utility{float:left;}
	@media (max-width:1217px){
	#utilityArea{display:none;}}
	

	/* ==== TOP NAV */
	#navArea {margin:0; max-width:none;float:right;clear:right;margin-right:150px;}
	#navArea nav a span.arrow {display:none;}	
	#navArea ul li{display:inline-block;text-align:center;}	
	#navArea ul li a {display:inline-block;padding:34px 35px 14px 35px;width:100%;text-transform:uppercase;font-size: 28px;line-height:28px;font-weight:bold;color:#777;font-family: "Roboto",sans-serif;text-decortion:none;text-decoration:none;}
	#navArea ul li a.Selected{color:#0f1a46;text-decoration:none;}
	#navArea ul li a:hover{text-decoration:none;color:#333;}
	#navArea nav ul ul{display:none;position:absolute;top:118px;left:0px;width:100%;background:url('images/ZMedica/TanArrowDown.png') no-repeat center top #0f1a46;}
	#navArea nav ul ul li{}
	#navArea nav ul ul li a{color:#e2e1d0;font-size:1.8rem;padding: 15px 20px;font-weight:400;}
	#navArea nav ul ul li a:hover{background:#e2e1d0;color:#0f1a46;}
	@media (max-width:1217px){
	#navArea{display:none;margin-right:0px;width:100%;}
	#navArea ul li{width:100%;}
	#navArea ul li a {padding:14px 35px 14px 35px;}
	#navArea nav ul ul{position:relative;top:0px;background:none;}
	#navArea nav ul ul li a{padding: 5px 20px;color:#777;}
	#navArea nav ul ul li a:hover{background:none;color:#333;}}
	
	
	/* ==== MOBILE NAV BUTTON */
	#navButton{display:none;float:left;width:100%;text-transform:uppercase; text-align:center;background:#004990;}
	#navButton:hover{cursor:pointer;}
	#navButton span.fa{font-size:2.5rem;line-height:1;padding:5px 10px 5px 10px;margin:10px 15px 10px 15px;color:#fff}
	#navButton span.fa:hover{cursor:pointer;background:var(--color-brand-5);}
	#navButton span.fa:before{font-family:var(--fontfamily-secondary); content:"\f0c9";}
	#navButton span.text{float:left;margin:13px 0px 10px 15px;font-size:2.0rem;color:var(--color-brand-8);}
	@media (max-width:1217px){
	#navButton{display:block;}}
	

	/* == CONTENT */
	#contentArea{float:left;width:100%;margin-top:100px;}
	#centerZone p{margin-bottom:20px;}
	@media (max-width:1217px){
	#contentArea{margin-top:0px;}}


	/* ==== TOP IMAGE ZONE */
	#topZone {position:relative;overflow:hidden;background:#123d68;height:400px;}
	#topZone .siteBounds{position:relative;height:400px;}
	#topZone *{color:#fff;}
	#topZone .FeatureText{position:absolute;z-index:2;margin:auto;top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform:translateY(-50%);width:100%;padding-left:50px;left:0px;}
	#topZone .FeatureTextHome{text-shadow: 4px 4px 25px rgb(0, 0, 0);padding-left:0px;}
	#topZone .FeatureImage{float:left;width:100%;position:absolute;top:0px;left:0px;margin:0px;height:400px;}
	#topZone .FeatureImage p{margin:0px !important;height:400px;position:relative;}
	#topZone .FeatureImage p img{height:100%;}
	@media (max-width:1217px) {
	#topZone .FeatureImage p img{position:absolute;bottom:0;left:50%;margin-left:-650px;width:1300px;max-width:5000px;}}
	
	/* ==== MOBILE UTILITY */
	#MobileUtility{display:none;}
	@media (max-width:1217px) {
	#MobileUtility{display:block;}}



	/* ==== CENTER ZONE */
	#centerZone{width:100%;}
	@media (min-width:1217px) {
	#centerZone{width:100%;}
	div.side + #centerZone {clear:none; float:right; width:73%;}	/* change float to accomodate the side nav */}


	/* == FOOTER */
	#footerArea{float:left;width:100%;background:#e0dfde;}
	#footerArea a{text-decoration:none;}
	#customFooter{float:left;width:100%;padding-top:35px;}
	#customFooter h4{margin-bottom:5px;}
	#customFooter ul li{}
	
	#BottomUtility{margin:0px;padding:15px 0px 15px 0px;background:#004990;width:100%;position:relative;float:left;text-align:center;}
	#BottomUtility ul{padding:0px;margin:0px;}
	#BottomUtility ul li{display:inline-block;}
	#BottomUtility ul li a{border-right:1px solid #fff;color:#fff;display:inline-block;padding:0px 20px 0px 20px;font-size:1.4rem;text-decoration:none;}
	#BottomUtility ul li:last-child a{border-right:none;}	
	#copyright{float:left;width:100%;background:#fff;text-align:center;color:#666;padding:15px 0px 15px 0px;font-size:1.4rem;}




	

/* === SECTION 3 ============================================================================ CONTENT IN CONTAINERS */
	.titanBody, div, h1, h2, h3, h4, h5, h6 {margin:0; padding:0; word-wrap:break-word;}	
	.titanBody *{box-sizing:border-box;}
	.TitanStripe{overflow:hidden;padding-top:35px;padding-bottom:35px;position:relative;}
	.TitanBlock{margin-bottom:25px;position:relative;}

	.TitanBlock p, 
	.TitanBlock blockquote, 
	.TitanBlock ol, 
	.TitanBlock ul, 
	.TitanBlock dl {margin-bottom:12px !important; margin-top:0; padding-top:0; padding-bottom:0;}
	.Commenting,
	.Commenting .commentForm {padding-bottom:30px;}

	nav ul {list-style:none; margin:0; padding:0;}
	.titanBody .Button a,
	.CenterZone input[type="submit"],
	.CenterZone input[type="button"],
	.Commenting input[type="button"]{display:inline-block; padding:4px 10px 4px 10px;}

	img.FloatLeft,
	img.FloatRight {display:block; margin-bottom:12px;}
	@media (min-width:768px) {
	img.FloatLeft {float:left; margin:0 3rem 2rem 0; max-width:50%;}
	img.FloatRight {float:right; margin:0 0 2rem 3rem; max-width:50%;}}	
	@media (min-width:1217px) {
	img.FloatLeft,
	img.FloatRight{max-width:100%;}}
	
	/* Block Classes */
	.AlignCenter{text-align:center;}
	.NoBottomMargin{margin-bottom:0px;}	


	/* Miscellaneous */
	.screenReaderOnly {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
	.TitanBlock hr{margin-top:15px;margin-bottom:15px;background-color:#ccc;}

	
	
/* === SECTION 4 ============================================================================ CUSTOM BLOCKS */
	/* NEWS LISTING */
	.DataList.NewsList .item{border-bottom:none !important;} /*Crux 560 - .DataList .DataListing div.ColOne div.item */
	.DataList.NewsList .item h4{margin-bottom:0px;}
	.DataList.NewsList .item h4 a{text-transform:uppercase;font-weight:bold;text-decoration:none;}
	.DataList.NewsList .ArticleDate{text-transform:uppercase;color:#777;}
	.DataList.NewsList .ArticleSummary{color:#777;}
	.DataList.NewsList p.linkText{font-weight:bold;}
	.DataList.NewsList p.linkText a{background:var(--color-brand-primary);color:#fff;text-align:center;text-decoration:none;font-size:1.4rem;font-weight:bold;text-transform:uppercase;padding: 8px 25px;}
	.DataList.NewsList p.linkText a:hover{background:#777;}
	.DataDetail.NewsDetail{margin:35px 0px 35px 0px;}
	.DataDetail.NewsDetail h1{font-size:3.6rem;text-transform:uppercase;font-weight:bold;}
	.DataDetail.NewsDetail p{}
	
	/* == SOCIAL MEDIA */
	.SocialMedia{}
	.SocialMedia a img{border:1px solid #fff;border-radius:10px;padding:15px;}
	.SocialMedia ul{width:100%;margin:0px;padding:0px;}
	.SocialMedia ul li{display:inline-block;width:auto;float:none;padding-right:2px;padding-left:2px;}
	.SocialMedia ul li a{padding:6px;display:block;height:45px;width:45px;color:#fff;background:#b2b1b0;border-radius:50%;text-align:center;font-size:22px;}
	.SocialMedia ul li a:hover{color:#fff;background:#004990;}

	
	/* == PRODUCTS TABLE */
	.ProductsTable table{width:100%;border-left:1px solid var(--color-brand-5);margin-bottom:20px;}
	.ProductsTable table tr{background:#ddd9c4;border-right:1px solid var(--color-brand-5);}
	.ProductsTable table tr.Header{background:var(--color-brand-5);color:var(--color-brand-6);text-align:left;}
	.ProductsTable table tr.Titles{background:#eeece1;font-style:italic;}
	.ProductsTable table th{padding:5px;border-bottom:1px solid var(--color-brand-5);border-right:1px solid var(--color-brand-5);}
	.ProductsTable table tr td{border-bottom:1px solid var(--color-brand-5);border-right:1px solid var(--color-brand-5);padding:5px;}
	
	/* == Alert Box */
	#alertBox{display:none;position:fixed;z-index:1001;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.6);}
	#alertBox .Freeform{background-color:#fff;margin:50px auto 0px auto;padding:20px;border-radius:5px;width:400px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);position:relative;}
	#alertBox .Freeform p.MessageWrapper{margin-bottom:15px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:15px 0px 15px 0px;}
	#alertBox .Freeform p.ButtonWrapper{float:right;}
	#alertBox .Freeform a.Close{background:#ccc;color:#000;margin-right:10px;}
	#alertBox .Freeform a.Close:after{content:none;}
	#alertBox .Freeform a.CloseX{position:absolute;top:15px;right:19px;color:#777;}
	
	/* == NEWS CARDS */	
	.NewsCards .item{width:32%;float:left;border-bottom:none !important;}
	.NewsCards .item:nth-child(2){margin-right:2% !important;margin-left:2%;}
	.NewsCards .ArticleDate{text-transform:uppercase;color:#777;font-weight:bold;}
	.NewsCards .ArticleSummary{display:none;}
	.NewsCards h4{border:6px solid #d1deeb;min-height:280px;padding: 44px 55px 25px 24px;background:url('images/ZMedica/NewsCorner.png') no-repeat right 0px;}	
	.NewsCards h4 a{font-weight:300;color:#777;text-decoration:none;}
	.NewsCards p.linkText a{background: #e3e3e3 none repeat scroll 0 0;display:block;width:100%;color:#004990;font-size:20px;font-weight:700;margin-top:10px;padding-bottom:24px;padding-top:24px;text-align:center;text-decoration:none;}
	@media (max-width:850px){
	.NewsCards .item{width:100%;}
	.NewsCards .item:nth-child(2){margin-right:0% !important;margin-left:0%;}}
	
	
	
	/* === FLOAT20 === */
	.Float20 {padding:0; width:100%;}
	@media (min-width:768px) {
    .Float20 {float:left; padding:0; width:50%;margin-left:0;clear:none;}
    .Float20.New50 {clear:none; }
    div.side .Float20 {float:none;}}
	@media (min-width:1217px){
    .Float20 {clear:none; width:20%;}
    div.side .Float20{width:100%;}
    .Float20.New100{margin-left:0;}
    .Float20.New100.NoClear {clear:none; float:left; margin-left:3%;}
    .titanDisplay .Float20 input[type="email"],
    .titanDisplay .Float20 input[type="file"],
    .titanDisplay .Float20 select,
    .titanDisplay .Float20 textarea {width:100%;}}
	
	.FloatCenter{margin-left:auto !important;margin-right:auto;float:none;}

	/* == MODALS */
	.ModalWrapper{display:none;position:fixed;z-index:1001;left:0;height:100%;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.6);width:100%;top:0;z-index:1000;}
	.ModalButton:hover{cursor:pointer;opacity:0.9;}
	.ModalWindow{background:rgba(0, 73, 144, 0.9);box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);border:1px solid #123d68;width:900px;position:relative;margin:5% auto;max-width:900px;width:90%;padding:75px 25px 25px 25px;color:#fff;max-height:90%;overflow-y:scroll;}
	.CloseModalButton{float:right;color:#acacac;background:url('images/ZMedica/CloseButton.png') no-repeat left 0px;padding:7px 0px 10px 55px;margin-top:-50px;}
	.CloseModalButton:hover{cursor:pointer;}
	
	/* == CUSTOM ANCHOR */
	.CustomAnchor{height: 10px;left: 0;position: absolute;width: 10px;top:-150px;}
	@media (max-width:1217px){
	.CustomAnchor{top:0px;}}
	
	/* ALIGN VERTICAL CENTER BLOCK */
	.VerticalAlignWrapper{float:left;width:100%;}
	.AlignVerticalCenter{display: inline-block;height: auto;vertical-align: middle;float:none;}
	
	/* FOUR COL LIST */
	.FourColList ul{width:100%;float:left;margin-bottom:25px !important;border-top:1px solid #ccc;padding-top:20px;}
	.FourColList ul li{list-style:none;float:left;width:25%;color:#777;font-size:1.6rem;line-height:2.0;}
	@media (max-width:1217px){
	.FourColList ul li{width:50%;}}
	@media (max-width:768px){
	.FourColList ul li{width:100%;}}
	
	/* TABLE STYLE 1 */
	.TableStyle1 table{width:100%;border-top: 2px solid #004990;border-left: 2px solid #004990;}
	.TableStyle1 table thead{background:#004990;color:#fff;}
	.TableStyle1 table tr + tr th{background:#7fa4c7;color:#fff;font-style:italic;}
	.TableStyle1 table tr th{border-bottom: 2px solid #004990;border-right: 2px solid #004990;padding: 15px 10px 10px 20px;}
	.TableStyle1 table tr td{border-bottom: 2px solid #004990;border-right: 2px solid #004990;background:#bfd1e3;color:#004990;padding: 15px 10px 10px 20px;}
	
	
	/* TABLE STYLE 2 */
	.TableStyle2 table{width:100%;}
	.TableStyle2 table thead{background:#004990;color:#fff;}
	.TableStyle2 table thead tr th{background:#004990 ;padding-top:20px;}
	.TableStyle2 table tr{background:#e5ecf4;}
	.TableStyle2 table tr:nth-child(2n+1){background:#acc3db;}
	.TableStyle2 table tr th{padding: 15px 10px 10px 20px;}
	.TableStyle2 table tr td{color:#004990;padding: 15px 10px 10px 20px;}
	
	
/* === SECTION 5 ============================================================================ BLOCK CONTENT */
	/* Filter-ish Blocks */
	.CardTransparent .item,
	.CardBackground  .item {position:relative; padding-bottom:70px;}
	.CardTransparent .item .linkText,
	.CardBackground  .item .linkText {bottom:20px; left:5%; position:absolute; width:100%;}
	.CardTransparent .item .otherStuff,
	.CardBackground  .item .otherStuff {padding-left:5%; padding-right:5%;}

	.TitanBlock input[type="submit"],
	.TitanBlock input[type="button"] {display:inline-block; padding:6px 20px; margin:2rem 0;}

	/* data list, filter, toc, what's new results */
	/* calendar data list - custom data node */
	.DataListing .startDate,
	.DataListing .endDate{float:left;}
	.DataListing .location{clear:both;}
	.DataListing .shortDescription{padding:5px 0;}
	.DataDetail .backLink{float:none;}
	.DataDetail .label{display:block;}
	@media (min-width:1217px){
	.DataDetail .label{display:inline-block;}}
	
	/* list blocks floating results*/	
	@media (min-width:768px){
	.ThreeCol a.teaserImage,
	.FourCol a.teaserImage,
	.ColThree a.teaserImage,
	.ColFour a.teaserImage {padding-right:0;}
	
	.Aggregation a.teaserImage, /* filter blocks regardless of columns */
	.ColOne a.teaserImage,
	.TOCBlock a.teaserImage,
	.tocList  a.teaserImage {max-width:32%;float:left;padding-right:6%;}
	.Aggregation .image .otherStuff, /* filter blocks regardless of columns */
	.ColOne .image .otherStuff,
	.TOCBlock .image .otherStuff,
	.tocList  .image .otherStuff {max-width:67%;float:left;}
		
	.TwoCol > div,
	.ColTwo > div,
	.ThreeCol > div,
	.ColThree > div,
	.FourCol > div,
	.ColFour > div{clear:none;float:left;}
		
	.TwoCol > div,
	.ColTwo > div{width:47%;margin-left:3%;margin-right:3%;}
	.Float50 .TwoCol > div,
	.Float50 .ColTwo > div{width:100%;margin-left:0;margin-right:0;}
	.ThreeCol > div,
	.ColThree > div{margin-left:2.75%;margin-right:2.75%;width:29.5%;}
	.FourCol > div,
	.ColFour > div{margin-left:1%;margin-right:1%;width:23.5%;}

	.TwoCol > div:first-child,
	.ColTwo > div:first-child,
	.ThreeCol > div:first-child,
	.ColThree > div:first-child,
	.FourCol > div:first-child,
	.ColFour > div:first-child{margin-left:0;}
	.TwoCol > div:last-child,
	.ColTwo > div:last-child,
	.ThreeCol > div:last-child,
	.ColThree > div:last-child,
	.FourCol > div:last-child,
	.ColFour > div:last-child{margin-right:0;}
		
	.TwoCol a.teaserImage,
	.ThreeCol a.teaserImage,
	.FourCol a.teaserImage,
	.ColTwo a.teaserImage,
	.ColThree a.teaserImage,
	.ColFour  a.teaserImage {margin-right:0;}
		
	#leftNav + #centerZone .TwoCol a.teaserImage,
	.Aggregation > div:first-child + .loading + .AggregationResults .TwoCol a.teaserImage,
	#leftNav + #centerZone .TwoCol .image .otherStuff,
	.Aggregation > div:first-child + .loading + .AggregationResults .TwoCol .image .otherStuff,
	#leftNav + #centerZone .ColTwo a.teaserImage,
	.DataFilter2 + .DataListing .TwoCol a.teaserImage,
	#leftNav + #centerZone .ColTwo .image .otherStuff,
	.DataFilter2 + .DataListing .TwoCol .image .otherStuff,
	.ThreeCol a.teaserImage,
	.ColThree a.teaserImage,
	.ThreeCol .item .otherStuff,
	.ColThree .image .otherStuff,
	.FourCol a.teaserImage,
	.ColFour a.teaserImage,
	.FourCol .item .otherStuff,
	.ColFour .image .otherStuff{clear:both;float:none;width:100%;}}