/************************************************************************** * @name Zozo UI Tabs * @descripton Create awesome tabbed content area * @version 6.5 * @Licenses: http:/codecanyon.net/licenses/ * @requires jQuery v1.7 or later * @copyright Copyright (c) 2013 Zozo UI * @author Zozo UI * ***************************************************************************/ article, aside, figcaption, figure, footer, header, hgroup, nav, section { display: block; } .z-tabs, .z-tabs > ul, .z-tabs > ul > li, .z-tabs > ul > li > a, .z-tabs > .z-container, .z-tabs > .z-container > .z-content, .z-tabs > .z-container > .z-content > .z-content-inner { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .z-tabs, .z-tabs:before, .z-tabs:after { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .z-tabs, .z-tabs > ul, .z-tabs > ul > li, .z-tabs > ul > li > a { position: relative; margin: 0; padding: 0; border: 0; outline: 0; display: block; outline: 0 none; text-decoration: none; list-style: none; list-style-type: none; } .z-tabs > .z-container > .z-content::after, .z-tabs > .z-container > .z-content > .z-content-inner::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .z-tabs > .z-container > .z-content, .z-tabs > .z-container > .z-content > .z-content-inner { zoom: 1; } .z-tabs { clear: both; color: #333; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; } .z-tabs > ul > li > a { color: #111; line-height: 18px; font-weight: inherit; font-size: 12px; padding: 13px 24px; background: none; cursor: pointer; } .z-tabs > ul > li.z-active > a { cursor: default; } ul.z-tabs-nav.z-tabs-desktop.z-hide-menu { border-bottom: solid 1px #bcbcbc; float: left; width: 100%; } ul.z-tabs-nav.z-tabs-desktop{ border-bottom: solid 1px #bcbcbc; float: left; width: 100%; margin:0 0 70px 0; } .z-tabs > .z-container { padding: 0; margin: 0; position: relative; overflow: hidden; } .z-tabs > .z-container > .z-content { position: absolute; width: 100%; height: 100%; overflow: hidden; padding: 0; z-index: 7; display: none; } .z-tabs > .z-container > .z-content.z-active { z-index: 8; } .z-tabs > .z-container > .z-content > .z-content-inner { height: auto; } .z-tabs.mini > ul > li > a { font-size: 11px; padding: 7px 16px; } .z-tabs.small > ul > li > a { font-size: 11px; padding: 10px 16px; } .z-tabs.medium > ul > li > a { font-size: 20px; font-family: 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; padding: 15px 0px; font-weight:500; } .z-tabs.large > ul > li > a { font-size: 13px; padding: 16px 24px; } .z-tabs.xlarge > ul > li > a { font-size: 14px; padding: 19px 28px; } .z-tabs.xxlarge > ul > li > a { font-size: 15px; padding: 22px 32px; } .z-tabs.mini.vertical > ul > li > a { padding: 7px 13px; } .z-tabs.small.vertical > ul > li > a { padding: 10px 16px; } .z-tabs.medium.vertical > ul > li > a { padding: 13px 19px; } .z-tabs.large.vertical > ul > li > a { padding: 16px 22px; } .z-tabs.xlarge.vertical > ul > li > a { padding: 19px 25px; } .z-tabs.xxlarge.vertical > ul > li > a { padding: 22px 28px; } .z-tabs.white.z-bordered > ul > li.z-active > a { color: #D13636; } .z-tabs.vertical.top-right.white.z-bordered > ul > li.z-active > a { border-right: 3px solid #D13636; } .z-tabs.vertical.top-left.white.z-bordered > ul > li.z-active > a { border-left: 3px solid #D13636; } .z-tabs.mini.vertical.top-right.white.z-bordered > ul > li.z-active > a { border-right: 1px solid #D13636; } .z-tabs.mini.vertical.top-left.white.z-bordered > ul > li.z-active > a { border-left: 1px solid #D13636; } .z-tabs.small.vertical.top-right.white.z-bordered > ul > li.z-active > a { border-right: 2px solid #D13636; } .z-tabs.small.vertical.top-left.white.z-bordered > ul > li.z-active > a { border-left: 2px solid #D13636; } .z-tabs.mini.vertical.top-left.white.z-bordered > ul > li.z-active > a { padding-left: 10px; } .z-tabs.small.vertical.top-left.white.z-bordered > ul > li.z-active > a { padding-left: 13px; } .z-tabs.medium.vertical.top-left.white.z-bordered > ul > li.z-active > a { padding-left: 16px; } .z-tabs.large.vertical.top-left.white.z-bordered > ul > li.z-active > a { padding-left: 19px; } .z-tabs.xlarge.vertical.top-left.white.z-bordered > ul > li.z-active > a { padding-left: 22px; } .z-tabs.xxlarge.vertical.top-left.white.z-bordered > ul > li.z-active > a { padding-left: 25px; } .z-tabs.horizontal.top.white.z-bordered > ul > li.z-active > a { border-top: 3px solid #F44343; margin-top: 0; margin-bottom: 0; } .z-tabs.mini.horizontal.top.white.z-bordered > ul > li.z-active > a { padding-top: 7px; border-top-width: 1px } .z-tabs.small.horizontal.top.white.z-bordered > ul > li.z-active > a { padding-top: 9px; border-top-width: 2px } .z-tabs.medium.horizontal.top.white.z-bordered > ul > li.z-active > a { padding-top: 13px; } .z-tabs.large.horizontal.top.white.z-bordered > ul > li.z-active > a { padding-top: 14px; } .z-tabs.xlarge.horizontal.top.white.z-bordered > ul > li.z-active > a { padding-top: 17px; } .z-tabs.xxlarge.horizontal.top.white.z-bordered > ul > li.z-active > a { padding-top: 20px; } .z-tabs.horizontal.bottom.white.z-bordered > ul > li.z-active > a { border-bottom: 3px solid #D13636; margin-top: 0; margin-bottom: 0; } .z-tabs.mini.horizontal.bottom.white.z-bordered > ul > li.z-active > a { padding-bottom: 5px; } .z-tabs.small.horizontal.bottom.white.z-bordered > ul > li.z-active > a { padding-bottom: 8px; } .z-tabs.medium.horizontal.bottom.white.z-bordered > ul > li.z-active > a { padding-bottom: 11px; } .z-tabs.large.horizontal.bottom.white.z-bordered > ul > li.z-active > a { padding-bottom: 14px; } .z-tabs.xlarge.horizontal.bottom.white.z-bordered > ul > li.z-active > a { padding-bottom: 17px; } .z-tabs.xxlarge.horizontal.bottom.white.z-bordered > ul > li.z-active > a { padding-bottom: 20px; } .z-tabs.white.mobile.z-bordered > ul > li.z-active > a { border-bottom: 3px solid #D13636 !important; } .z-tabs-loading { position: relative; width: 100%; min-height: 120px; } .z-tabs-loading ul, .z-tabs-loading div { display: none; } .z-tabs .z-container { position: relative; } .z-tabs span.z-spinner, .z-tabs-loading .z-spinner { position: absolute; top: 50%; left: 50%; z-index: 1000; text-indent: -999em; width: 55px; height: 55px; margin: -28px 0 0 -50px; padding: 24px; background: rgb(255, 255, 255) url(/templates/res012/images/res/img/loading-image.gif) no-repeat 50% 50%; } .z-tabs.z-rounded span.z-spinner { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .z-tabs .z-video { position: relative; padding-bottom: 46.25%; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .z-tabs .z-video.z-wide-screen { padding-bottom: 56.25%; } .z-tabs .z-video.z-four-by-three { padding-bottom: 75%; } .z-tabs .z-video.z-top-padding { padding-top: 30px; } .z-tabs .z-video iframe, .z-tabs .z-video object, .z-tabs .z-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: 50; } .z-tabs > ul > li > a i { font-size: 1.125em; display: inline; width: auto; height: auto; line-height: normal; width: 24px; display: inline-block; margin-top: 0.015em; } .z-tabs > ul.z-tabs-mobile > li > a i { display: none; } .z-tabs.z-icons-large > ul > li > a i { font-size: 2.25em; display: block; margin: 0 auto; padding-bottom: 0.65em; text-align: center; line-height: 0; margin-top: 0.65em; } .z-tabs.mini > ul > li > a i, .z-tabs.small > ul > li > a i { font-size: 1.25em; } .z-tabs.z-icons-large > ul > li > a { text-align: center; } .z-tabs > ul > li > a > span.z-icon, .z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-desktop > li > a > span.z-icon, .z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-mobile > li > a > span > span.z-icon { width: 20px; display: inline-block; font-size: inherit; font-weight: normal; text-transform: initial; text-align: left; } .z-tabs.vertical > ul.z-tabs-nav > li > a > span.z-icon, .z-tabs.z-multiline.vertical > ul.z-tabs-nav.z-tabs-desktop > li > a > span.z-icon, .z-tabs.z-multiline.vertical > ul.z-tabs-nav.z-tabs-mobile > li > a > span > span.z-icon { width: 24px; } .z-tabs.center > ul > li > a, .z-tabs.center.mobile > ul > li > a { text-align: center !important; } .z-tabs.right > ul > li > a, .z-tabs.right.mobile > ul > li > a { text-align: right !important; } .z-tabs.left > ul > li > a, .z-tabs.left.mobile > ul > li > a { text-align: left !important; } .z-tabs.vertical > .z-container > .z-content.z-nopadding > .z-content-inner, .z-tabs.horizontal > .z-container > .z-content.z-nopadding > .z-content-inner, .z-tabs > .z-container > .z-content.z-nopadding > .z-content-inner { padding: 0 !important; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .z-tabs.vertical > ul { float: left; border-width: 1px 0 1px 1px; min-width: 200px; width: 25%; } .z-tabs.vertical > ul > li > a { border-width: 0 0 1px 0; } .z-tabs.vertical > ul > li.z-last > a { border-bottom-width: 0; } .z-tabs.vertical > ul > li.z-active > a { border-right-width: 0; z-index: 10; } .z-tabs.vertical > ul > li.z-active.z-first > a { border-bottom-width: 1px; } .z-tabs.vertical.top-left > ul { margin-left: 0; margin-right: -1px; } .z-tabs.vertical.top-right > ul { margin-right: 0; margin-left: -1px; } .ie7 body .z-tabs.vertical.top-left > ul { margin-right: 0; } .ie7 body .z-tabs.vertical.top-right > ul { margin-left: 0; } .ie7 body .z-tabs.vertical.top-left > ul > li, .ie7 body .z-tabs.vertical.top-left > ul > li > .z-link, .ie7 body .z-tabs.vertical.top-left > ul { z-index: 10 !important; } .ie7 body .z-tabs.vertical.top-left > ul > li.z-active > a { border-right: 1px solid #fff !important; } .z-tabs.vertical.top-right > ul { float: right; border-width: 1px 1px 1px 0; } .ie7 body .z-tabs.vertical.top-right > ul > li.z-active > a { border-right-width: 0 !important; border-left: 1px solid #fff !important; left: -1px; } .ie7 body .z-tabs.vertical.top-right > ul > li, .ie7 body .z-tabs.vertical.top-right > ul { z-index: 10 !important; } .ie7 body .z-tabs.vertical.top-right > .z-container { } .z-tabs.vertical.z-rounded > .z-container { -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } .z-tabs.vertical.z-rounded > ul { -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } .z-tabs.vertical.z-rounded > ul > li.z-first, .z-tabs.vertical.z-rounded > ul > li.z-first > a { -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; } .z-tabs.vertical.z-rounded > ul > li.z-last, .z-tabs.vertical.z-rounded > ul > li.z-last > a { -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; } .z-tabs.vertical.z-rounded.top-right > ul { -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } .z-tabs.vertical.z-rounded.top-right > ul > li.z-first, .z-tabs.vertical.z-rounded.top-right > ul > li.z-first > a { -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; } .z-tabs.vertical.z-rounded.top-right > ul > li.z-last, .z-tabs.vertical.z-rounded.top-right > ul > li.z-last > a { -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; } .z-tabs.vertical.z-rounded.top-right > .z-container { -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } .z-tabs.vertical.z-shadows > ul, .z-tabs.vertical.z-shadows > .z-container { -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.125); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.125); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.125); } .z-tabs.vertical.z-shadows > ul > li > a { -webkit-box-shadow: 0 1px 3px -3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px -3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px -3px rgba(0, 0, 0, 0.15); } .z-tabs.horizontal > ul > li.z-active { background: none; z-index: 1; } .z-tabs.horizontal > ul > li > a { margin-right: -1px; min-height: 1px; } .z-tabs.top-compact > ul > li > a, .z-tabs.bottom-compact > ul > li > a { padding-left: 0; padding-right: 0; } .z-tabs.horizontal.top > ul > li.z-active { top: 3px; margin-top: -2px; padding-bottom: 0px; } .z-tabs.horizontal > ul > li.z-last > a, .z-tabs.horizontal > ul > li.z-last-col > a { margin-right: 0 !important; } .z-tabs.horizontal.top-center > ul.z-tabs-desktop { clear: left; float: left; left: 50%; text-align: center; } .z-tabs.horizontal.top-center > ul > li { right: 50%; } .z-tabs.horizontal.top-right > ul { float: right; margin: 0 -1px 0 0; } .z-tabs.horizontal.top-right > ul > li.z-last { margin-right: 1px; } .ie7 body .z-tabs.horizontal.top-right > ul > li.z-last { margin-right: -1px; } .ie7 body .z-tabs.horizontal > .z-container { clear: none; width: 100%; } .z-tabs.horizontal.bottom > ul > li.z-active { top: -1px; padding-top: 1px; z-index: 9; } .z-tabs.horizontal.bottom > .z-container { z-index: 7; } .z-tabs.horizontal.bottom > ul > li > a { top: -1px; border-width: 0 1px 1px 1px; } .z-tabs.horizontal.bottom-center > ul { float: left; left: 50%; text-align: center; } .z-tabs.horizontal.bottom-center > ul > li { right: 50%; } .z-tabs.horizontal.bottom-right > ul { float: right; } .ie7 .z-tabs.horizontal.top-compact > ul.z-tabs-desktop > li.z-last { margin-right: 0; } .ie7 .z-tabs.horizontal.bottom-compact > ul.z-tabs-desktop > li.z-last { margin-right: 0; } .z-tabs.horizontal.responsive > ul > li > a, .z-tabs.horizontal.top-compact > ul > li > a, .z-tabs.horizontal.bottom-compact > ul > li > a, .z-tabs.horizontal.top-center > ul > li > a, .z-tabs.horizontal.bottom-center > ul > li > a { text-align: center; } .z-tabs.horizontal.top.z-rounded > ul > li.z-first, .z-tabs.horizontal.top.z-rounded > ul > li.z-first > a { -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; } .z-tabs.horizontal.top.z-rounded > ul > li.z-last, .z-tabs.horizontal.top.z-rounded > ul > li.z-last > a { -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; } .z-tabs.horizontal.top-left.z-rounded > .z-container { -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .z-tabs.horizontal.top-center.z-rounded > .z-container { -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; } .z-tabs.horizontal.top-right.z-rounded > .z-container { -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .z-tabs.horizontal.z-rounded.top-compact > .z-container { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -khtml-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .z-tabs.horizontal.z-rounded.bottom > ul > li.z-first, .z-tabs.horizontal.z-rounded.bottom > ul > li.z-first > a { -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; } .z-tabs.horizontal.z-rounded.bottom > ul > li.z-last, .z-tabs.horizontal.z-rounded.bottom > ul > li.z-last > a { -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; } .z-tabs.horizontal.z-rounded.bottom-left > .z-container { -webkit-border-radius: 6px 6px 6px 0; -moz-border-radius: 6px 6px 6px 0; border-radius: 6px 6px 6px 0; } .z-tabs.horizontal.z-rounded.bottom-center > .z-container { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .z-tabs.horizontal.z-rounded.bottom-right .z-container { -webkit-border-radius: 6px 6px 0 6px; -moz-border-radius: 6px 6px 0 6px; -khtml-border-radius: 6px 6px 0 6px; border-radius: 6px 6px 0 6px; } .z-tabs.horizontal.z-rounded.bottom-compact > .z-container { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -khtml-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .z-tabs.horizontal.responsive.top.z-rounded > .z-container { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .z-tabs.horizontal.responsive.bottom.z-rounded > .z-container { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .z-tabs.horizontal.responsive.top.z-rounded > .z-tabs-mobile, .z-tabs.horizontal.responsive.top.z-rounded > .z-tabs-mobile > li { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .z-tabs.horizontal.responsive.bottom.z-rounded > .z-tabs-mobile, .z-tabs.horizontal.responsive.bottom.z-rounded > .z-tabs-mobile > li { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .z-tabs.black > ul, .z-tabs.black > ul > li > a, .z-tabs.black > .z-container { border-color: #343232; border-style: solid; } .z-tabs.black > ul > li > a { color: white; background: #333333; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#555555)); background: -webkit-linear-gradient(top, #333333, #555555); background: -moz-linear-gradient(top, #333333, #555555); background: -ms-linear-gradient(top, #333333, #555555); background: -o-linear-gradient(top, #333333, #555555); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#555555', GradientType=0 ); } .z-tabs.black > ul > li > a { color: white; -shadow: 0 -1px 0 rgba(0, 0, 0, .5); } .z-tabs.black > ul > li > a:hover { background: #353434; } .z-tabs.black > ul > li.z-active > a { background: #fff; color: #3E3E3E; text-shadow: none; box-shadow: none; filter: none; } .z-tabs.black2 { color: #F7F7F7; text-shadow: none; } .z-tabs.black2 > .z-container { background: #222; } .z-tabs.black2 > ul, .z-tabs.black2 > ul > li > a, .z-tabs.black2 > .z-container { border-color: #191919; border-style: solid; } .z-tabs.black2 > ul > li > a { color: #F7F7F7; background: #454545; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#303030), to(#262626)); background: -webkit-linear-gradient(top, #303030, #262626); background: -moz-linear-gradient(top, #303030, #262626); background: -ms-linear-gradient(top, #303030, #262626); background: -o-linear-gradient(top, #303030, #262626); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#262626', GradientType=0 ); } .z-tabs.black2 > ul > li a { color: #F7F7F7; text-shadow: 0 -1px 0 rgba(0, 0, 0, .5); } .z-tabs.black2 > ul > li.z-active > a { text-shadow: 0 -1px 0 rgba(0, 0, 0, .5); } .z-tabs.black2 > ul > li > a:hover { background: #353434; } .z-tabs.black2 > ul > li.z-active > a { background: #222; color: #dadada; text-shadow: none; box-shadow: none; filter: none; } .z-tabs.blue > ul, .z-tabs.blue > ul > li > a, .z-tabs.blue > .z-container { border-color: #0487BD; border-style: solid; } .z-tabs.blue > ul > li > a { background: #1abde7; background: -moz-linear-gradient(top, #1abde7 0%, #1c9dd1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1abde7), color-stop(100%, #1c9dd1)); background: -webkit-linear-gradient(top, #1abde7 0%, #1c9dd1 100%); background: -o-linear-gradient(top, #1abde7 0%, #1c9dd1 100%); background: -ms-linear-gradient(top, #1abde7 0%, #1c9dd1 100%); background: linear-gradient(to bottom, #1abde7 0%, #1c9dd1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1abde7', endColorstr='#1c9dd1', GradientType=0 ); } .z-tabs.blue > ul > li a { color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); } .z-tabs.blue > ul > li.z-active > a { text-shadow: 0 1px 1px white; color: Black } .z-tabs.blue > ul > li > a:hover { background: #21ADDF; } .z-tabs.blue > ul > li.z-active > a { background: #fff; color: #000F4D; text-shadow: 0 1px rgba(78, 78, 78, 0.1); filter: none; } .z-tabs.crystal > ul, .z-tabs.crystal > ul > li > a, .z-tabs.crystal > .z-container { border-color: #ddd; border-color: #b4b4b4; border-style: solid; } .z-tabs.crystal > ul > li > a { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(243,243,243,1)), color-stop(51%, rgba(237,237,237,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); } .z-tabs.crystal > ul > li > a:hover { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 ); background: whiteSmoke; background: -moz-linear-gradient(top, #ffffff 0%, #ececec 50%, #e0e0e0 50%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #ececec), color-stop(50%, #e0e0e0), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%, #ececec 50%, #e0e0e0 50%, #f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 0%, #ececec 50%, #e0e0e0 50%, #f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ececec 50%, #e0e0e0 50%, #f2f2f2 100%); background: linear-gradient(to bottom, #ffffff 0%, #ececec 50%, #e0e0e0 50%, #f2f2f2 100%); } .z-tabs.crystal > ul > li.z-active > a { background: #fff; text-shadow: 0 1px 1px white; color: Black; filter: none; } .z-tabs.deepblue > ul, .z-tabs.deepblue > ul > li > a, .z-tabs.deepblue > .z-container { border-color: #1E69DE; border-style: solid; } .z-tabs.deepblue > ul > li > a { background: #479fed; background: -moz-linear-gradient(top, #479fed 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #479fed), color-stop(50%, #54a3ee), color-stop(51%, #3690f0), color-stop(100%, #1e69de)); background: -webkit-linear-gradient(top, #479fed 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); background: -o-linear-gradient(top, #479fed 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); background: -ms-linear-gradient(top, #479fed 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); background: linear-gradient(to bottom, #479fed 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#479fed', endColorstr='#1e69de', GradientType=0 ); } .z-tabs.deepblue > ul > li > a { color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); } .z-tabs.deepblue > ul > li.z-active > a { text-shadow: 0 1px 1px white; color: Black } .z-tabs.deepblue > ul > li > a:hover { background: #238dea; background: -moz-linear-gradient(top, #238dea 0%, #54a3ee 50%, #3690f0 51%, #065cdd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #238dea), color-stop(50%, #54a3ee), color-stop(51%, #3690f0), color-stop(100%, #065cdd)); background: -webkit-linear-gradient(top, #238dea 0%, #54a3ee 50%, #3690f0 51%, #065cdd 100%); background: -o-linear-gradient(top, #238dea 0%, #54a3ee 50%, #3690f0 51%, #065cdd 100%); background: -ms-linear-gradient(top, #238dea 0%, #54a3ee 50%, #3690f0 51%, #065cdd 100%); background: linear-gradient(to bottom, #238dea 0%, #54a3ee 50%, #3690f0 51%, #065cdd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#238dea', endColorstr='#065cdd', GradientType=0 ); } .z-tabs.deepblue > ul > li.z-active > a { background: #fff; color: #000F4D; text-shadow: 0 1px rgba(78, 78, 78, 0.1); filter: none; } .z-tabs.gray > ul, .z-tabs.gray > ul > li > a, .z-tabs.gray > .z-container { border-color: #B3B3B3; border-style: solid; } .z-tabs.gray > ul > li > a { background: whiteSmoke; background: -moz-linear-gradient(top, #dbdbdb 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #dbdbdb 0%, #f2f2f2 100%); background: -o-linear-gradient(top, #dbdbdb 0%, #f2f2f2 100%); background: -ms-linear-gradient(top, #dbdbdb 0%, #f2f2f2 100%); background: linear-gradient(to bottom, #dbdbdb 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#f2f2f2', GradientType=0 ); } .z-tabs.gray > ul > li > a:hover { background: #e8e8e8; background: -moz-linear-gradient(top, #e8e8e8 0%, #f7f7f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #f7f7f7)); background: -webkit-linear-gradient(top, #e8e8e8 0%, #f7f7f7 100%); background: -o-linear-gradient(top, #e8e8e8 0%, #f7f7f7 100%); background: -ms-linear-gradient(top, #e8e8e8 0%, #f7f7f7 100%); background: linear-gradient(to bottom, #e8e8e8 0%, #f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f7f7f7', GradientType=0 ); } .z-tabs.gray > ul > li.z-active > a { background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: 0 1px 1px white; filter: none; } .z-tabs.green > ul, .z-tabs.green > ul > li > a, .z-tabs.green > .z-container { border-color: #336c2b; border-style: solid; } .z-tabs.green > ul > li > a { color: white; background: #5fae53; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5fae53), to(#3b7c33)); background: -webkit-linear-gradient(top, #5fae53, #3b7c33); background: -moz-linear-gradient(top, #5fae53, #3b7c33); background: -ms-linear-gradient(top, #5fae53, #3b7c33); background: -o-linear-gradient(top, #5fae53, #3b7c33); } .z-tabs.green > ul > li > a { color: white; text-shadow: 0 1px 0 #387031; } .z-tabs.green > ul > li.z-active > a { text-shadow: 0 1px 1px white; color: Black } .z-tabs.green > ul > li > a:hover { background: #3b7c33; } .z-tabs.green > ul > li.z-active > a { background: #fff; color: #2C3F0A; text-shadow: none; box-shadow: none; filter: none; } .z-tabs.orange > ul, .z-tabs.orange > ul > li > a, .z-tabs.orange > .z-container { border-color: #D64817; border-style: solid; } .z-tabs.orange > ul > li > a { background: #F2825B; background: -moz-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2825B), color-stop(50%, #E55B2B), color-stop(100%, #F07146)); background: -webkit-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%); background: -o-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%); background: -ms-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%); background: linear-gradient(to bottom, #F2825B 0%, #E55B2B 50%, #F07146 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146', GradientType=0 ); } .z-tabs.orange > ul > li > a:hover { background: #F2825B; background: -moz-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2825B), color-stop(50%, #E55B2B), color-stop(100%, #F07146)); background: -webkit-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%); background: -o-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%); background: -ms-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%); background: linear-gradient(to bottom, #F2825B 0%, #E55B2B 50%, #F07146 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146', GradientType=0 ); } .z-tabs.orange > ul > li.z-active > a { background: #fff; text-shadow: 0 1px 1px white; color: Black; filter: none; } .z-tabs.orange > ul > li > a { color: white; text-shadow: 0 1px #5E1902; } .z-tabs.orange > ul > li.z-active > a { color: black; text-shadow: 0 1px white; } .z-tabs.red > ul, .z-tabs.red > ul > li > a, .z-tabs.red > .z-container { border-color: #951100; border-style: solid; } .z-tabs.red > ul > li > a { color: #fff; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8); background: #d84a38; background: -moz-linear-gradient(top, #dd4b39 0%, #d14836 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dd4b39), color-stop(100%, #d14836)); background: -webkit-linear-gradient(top, #dd4b39 0%, #d14836 100%); background: -o-linear-gradient(top, #dd4b39 0%, #d14836 100%); background: -ms-linear-gradient(top, #dd4b39 0%, #d14836 100%); background: linear-gradient(to bottom, #dd4b39 0%, #d14836 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4b39', endColorstr='#d14836', GradientType=0 ); } .z-tabs.red > ul > li > a:hover { background: #d34332; background: -moz-linear-gradient(top, #dd4b39 0%, #c53727 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dd4b39), color-stop(100%, #c53727)); background: -webkit-linear-gradient(top, #dd4b39 0%, #c53727 100%); background: -o-linear-gradient(top, #dd4b39 0%, #c53727 100%); background: -ms-linear-gradient(top, #dd4b39 0%, #c53727 100%); background: linear-gradient(to bottom, #dd4b39 0%, #c53727 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4b39', endColorstr='#c53727', GradientType=0 ); } .z-tabs.red > ul > li.z-active > a { background: white; color: #951100; text-shadow: none; filter: none; } .z-tabs.red > ul > li > a { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, .5); } .z-tabs.red > ul > li.z-active > a { text-shadow: 0 1px 1px white; color: Black } .z-tabs.white > ul, .z-tabs.white > ul > li > a, .z-tabs.white > .z-container { border-color: #CECECE; border-style: solid; } .z-tabs.white > ul > li > a { background: #fff; color: #333; text-shadow: 0 1px #f5f5f5; } .z-tabs.white > ul > li.z-active > a { text-shadow: 0 1px 1px white; color: #333; } .z-tabs.white.mobile > ul > li.z-active > a { font-weight: bold; } .z-tabs.underlined, .z-tabs.underlined > ul, .z-tabs.underlined > ul > li, .z-tabs.underlined > ul > li.z-first, .z-tabs.underlined > ul > li.z-last, .z-tabs.underlined > ul > li.z-first.z-active, .z-tabs.underlined > ul > li.z-last.z-active, .z-tabs.underlined > ul > li.z-active, .z-tabs.underlined > ul > li:hover, .z-tabs.underlined > ul > li > a.z-link, .z-tabs.underlined > ul > li > a:hover, .z-tabs.underlined > .z-container { border-width: 0; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background: none; filter: none; } .z-tabs.underlined > ul > li { top: 0; padding: 0; } .z-tabs.underlined.horizontal > ul > li.z-active { top: 0; margin-top: 0; padding-bottom: 0; padding-top: 0; } .z-tabs.underlined.horizontal > ul > li > a { top: 0; text-shadow: 0 1px 1px white; color: #333; opacity: 0.80; filter: none; margin-left: 16px; } .z-tabs.underlined.horizontal.top-compact > ul.z-tabs-nav.z-tabs-desktop > li, .z-tabs.underlined.horizontal.top-compact > ul.z-tabs-nav.z-tabs-desktop > li.z-active, .z-tabs.underlined.horizontal.top-compact > ul.z-tabs-nav.z-tabs-desktop > li:hover, .z-tabs.underlined.horizontal.top-left > ul.z-tabs-nav > li.z-first > a, .z-tabs.underlined.horizontal.bottom-left > ul.z-tabs-nav > li.z-first > a { margin-left: 0; } .z-tabs.underlined.horizontal.top-right > ul.z-tabs-nav > li.z-last > a, .z-tabs.underlined.horizontal.bottom-right > ul.z-tabs-nav > li.z-last > a { margin-right: 0; } .z-tabs.underlined.horizontal > .z-container > .z-content > .z-content-inner { padding: 1.4em 0; } .z-tabs.underlined.horizontal.top > ul > li > a:hover, .z-tabs.underlined.horizontal.top> ul > li.z-active > a { font-weight: normal; margin-bottom: 0; border-width: 0 0 3px 0; opacity: 1; } .z-tabs.underlined.horizontal.top > .z-container { border-width: 1px 0 0 0; } .z-tabs.underlined.horizontal.bottom > .z-container { border-width: 0 0 1px 0; } .z-tabs.underlined.horizontal.bottom > ul > li > a { margin-top: 3px; } .z-tabs.underlined.horizontal.bottom > ul > li > a:hover, .z-tabs.underlined.horizontal.bottom > ul > li.z-active > a { font-weight: normal; margin-bottom: 0; border-width: 3px 0 0 0; margin-top: 0; } .z-tabs.underlined.vertical > ul { border-width: 0; } .z-tabs.underlined.vertical > .z-container > .z-content > .z-content-inner { padding: 0 2em; } .z-tabs.vertical.underlined > ul > li > a { filter: none; background: transparent; margin: 0; text-shadow: 0 1px 1px white; color: #333; margin-left: 3px; } .z-tabs.vertical.underlined.top-left > ul { border-width: 0 1px 0 0; } .z-tabs.vertical.underlined.top-right > ul { border-width: 0 0 0 1px; } .z-tabs.vertical.underlined > ul.z-tabs-nav > li.z-active > a, .z-tabs.vertical.underlined > ul.z-tabs-nav > li > a:hover { font-weight: normal; margin-bottom: 0; border-width: 0; background: #FAFAFA; } .z-tabs.vertical.underlined.top-left > ul.z-tabs-nav > li.z-active > a, .z-tabs.vertical.underlined.top-left > ul.z-tabs-nav > li > a:hover { border-width: 0 3px 0 0; } .z-tabs.vertical.underlined.top-right > ul.z-tabs-nav > li.z-active > a, .z-tabs.vertical.underlined.top-right > ul.z-tabs-nav > li > a:hover { border-width: 0 0 0 3px; margin-left: 0; } .ie7 body .z-tabs.underlined.vertical.top-right > ul.z-tabs-nav > li.z-active { border-right-width: 0 !important; border-left: 3px solid #444 !important; left: -1px; } .ie7 body .z-tabs.underlined.vertical.top-left > ul.z-tabs-nav > li.z-active { border-right: 3px solid #444 !important; } .z-tabs.underlined.horizontal.mini > ul.z-tabs-nav > li > a.z-link { padding: 6px 6px; } .z-tabs.underlined.horizontal.small > ul.z-tabs-nav > li > a.z-link { padding: 8px 8px; } .z-tabs.underlined.horizontal.medium > ul.z-tabs-nav > li > a.z-link { padding: 10px 10px; } .z-tabs.underlined.horizontal.large > ul.z-tabs-nav > li > a.z-link { padding: 10px 12px; } .z-tabs.underlined.horizontal.xlarge > ul.z-tabs-nav > li > a.z-link { padding: 12px 14px; } .z-tabs.underlined.horizontal.xxlarge > ul.z-tabs-nav > li > a.z-link { padding: 14px 16px; } .z-tabs.underlined.horizontal.mini > ul.z-tabs-nav > li:hover, .z-tabs.underlined.horizontal.mini > ul.z-tabs-nav > li.z-active, .z-tabs.underlined.horizontal.small > ul.z-tabs-nav > li:hover, .z-tabs.underlined.horizontal.small > ul.z-tabs-nav > li.z-active { border-bottom-width: 2px; } .z-tabs.underlined > .z-container, .z-tabs.underlined > ul.z-tabs-nav, .z-tabs.underlined > ul.z-tabs-nav > li > a { border-color: #e6e6e6; } .z-tabs.underlined.red > ul.z-tabs-nav > li.z-active > a, .z-tabs.underlined.red > ul.z-tabs-nav > li > a:hover { border-color: #DD4B39; } .z-tabs.underlined.blue > ul.z-tabs-nav > li.z-active > a, .z-tabs.underlined.blue > ul.z-tabs-nav > li > a:hover { border-color: #00B0D8; } .z-tabs.underlined.deepblue > ul.z-tabs-nav > li.z-active > a, .z-tabs.underlined.deepblue > ul.z-tabs-nav > li:hover { border-color: #1E69DE; } .z-tabs.underlined.orange > ul.z-tabs-nav > li.z-active > a, .z-tabs.underlined.orange > ul.z-tabs-nav > li > a:hover { border-color: #FD9C00; } .z-tabs.underlined.green > ul.z-tabs-nav > li.z-active > a, .z-tabs.underlined.green > ul.z-tabs-nav > li > a:hover { border-color: #093; } .z-tabs.underlined.white > ul.z-tabs-nav > li.z-active > a, .z-tabs.underlined.white > ul.z-tabs-nav > li > a:hover { border-color: #D8D8D8; } .z-tabs.underlined.crystal > ul.z-tabs-nav > li.z-active > a, .z-tabs.underlined.crystal > ul.z-tabs-nav > li > a:hover { border-color: #999; } .z-tabs.underlined.silver > ul.z-tabs-nav > li.z-active > a, .z-tabs.underlined.silver > ul.z-tabs-nav > li > a:hover { border-color: #777; } .z-tabs.underlined.gray > ul.z-tabs-nav > li.z-active > a, .z-tabs.underlined.gray > ul.z-tabs-nav > li > a:hover { border-color: #333; } .z-tabs.underlined.black > ul.z-tabs-nav > li.z-active > a, .z-tabs.underlined.black > ul.z-tabs-nav > li > a:hover { border-color: black; } .z-tabs.underlined.mobile > ul.z-tabs-mobile, .z-tabs.underlined.mobile > ul.z-tabs-desktop { border-width: 0; margin-top: 0; } .z-tabs.mobile.underlined> .z-container > .z-content > .z-content-inner { padding: 0; } .z-tabs.mobile.underlined > .z-container { border-width: 0; margin-top: 0; margin-bottom: 0; } .z-tabs.underlined.mobile > ul.z-tabs-mobile.z-state-closed { border-width: 0; } .z-tabs.underlined.mobile.vertical > .z-container > .z-content .z-content-inner { padding: 2em; } .z-tabs.underlined.mobile > ul.z-tabs-nav > li > a { text-transform: uppercase; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .z-tabs.underlined.mobile > ul.z-tabs-desktop > li > a { -moz-transition: background-color 200ms ease-out, color 200ms ease-out, text-shadow 200ms ease-out; -o-transition: background-color 200ms ease-out, color 200ms ease-out, text-shadow 200ms ease-out; -webkit-transition: background-color 200ms ease-out, color 200ms ease-out, text-shadow 200ms ease-out; -ms-transition: background-color 200ms ease-out, color 200ms ease-out, text-shadow 200ms ease-out; transition: background-color 200ms ease-out, color 200ms ease-out, text-shadow 200ms ease-out; } .z-tabs.underlined.mobile > ul.z-tabs-nav > li > a { border-color: #E6E6E6; background: #fff; border-width: 0 0 1px 0 !important; opacity: 1; border-style: dotted; } .z-tabs.underlined.mobile.hover > ul.z-tabs-desktop > li.z-active > a, .z-tabs.underlined.mobile.hover > ul.z-tabs-desktop > li:hover > a { background: #FAFAFA; color: #333; text-shadow: 1px 0px 1px rgba(175, 175, 175, 0.25); } .z-tabs.underlined.mobile.m-red > ul.z-tabs-desktop > li.z-active > a, .z-tabs.underlined.mobile.hover.m-red > ul.z-tabs-desktop > li:hover > a { color: #DD4B39; } .z-tabs.underlined.mobile.m-blue > ul.z-tabs-desktop > li.z-active > a, .z-tabs.underlined.mobile.hover.m-blue > ul.z-tabs-desktop > li > a:hover { color: #00B0D8; } .z-tabs.underlined.mobile.m-deepblue > ul.z-tabs-desktop > li.z-active > a, .z-tabs.underlined.mobile.hover.m-deepblue > ul.z-tabs-desktop > li:hover > a { color: #1E69DE; } .z-tabs.underlined.mobile.m-orange > ul.z-tabs-desktop > li.z-active > a, .z-tabs.underlined.mobile.hover.m-orange > ul.z-tabs-desktop > li:hover > a { color: #FD9C00; } .z-tabs.underlined.mobile.m-green > ul.z-tabs-desktop > li.z-active > a, .z-tabs.underlined.mobile.hover.m-green > ul.z-tabs-desktop > li:hover > a { color: #093; } .z-tabs.z-multiline.white > ul > li.z-active, .z-tabs.z-multiline.white > ul > li:hover { opacity: 1; } .z-tabs.z-multiline > ul > li > a { line-height: 18px; display: block; text-transform: uppercase; letter-spacing: 1px; } .z-tabs.z-multiline > ul.z-tabs-desktop > li > a.z-link > span, .z-tabs.z-multiline > ul.z-tabs-mobile > li > a.z-link > span > span { display: block; font-size: .9em; font-weight: normal; text-transform: none; line-height: 1.65em; opacity: 1; margin-top: 0.05em; letter-spacing: 0px; } .z-tabs.z-multiline > ul.z-tabs-desktop > li > a > span.z-icon, .z-tabs.z-multiline > ul.z-tabs-mobile > li > a > span > span.z-icon { line-height: 1em; } .z-tabs.clean.horizontal > ul > li.z-active { top: 0; margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; } .z-tabs.clean > ul > li.z-active > a { font-weight: bold; } .z-tabs.clean.white.z-bordered > ul > li.z-active > a { color: inherit; } .z-tabs.clean > .z-container { border-width: 0; background: none; } .z-tabs.clean.horizontal > .z-container > .z-content > .z-content-inner { padding: 24px 0; } .z-tabs.clean.horizontal.top > ul > li > a { border-bottom-width: 1px; } .z-tabs.clean.horizontal.bottom > ul > li > a { border-top-width: 1px; } .z-tabs.clean.z-shadows > ul > li.z-active > a { -webkit-box-shadow: inset 0px 0px 1.143em 0px rgba(0, 0, 0, 0.13); -moz-box-shadow: inset 0px 0px 1.143em 0px rgba(0, 0, 0, 0.13); box-shadow: inset 0px 0px 1.143em 0px rgba(0, 0, 0, 0.13); background: #F3F3F3; } .z-tabs.clean.z-shadows.black2 > ul > li.z-active > a { -webkit-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.35); -moz-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.35); box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.35); background: #242424; } .z-tabs.clean.vertical.z-shadows > ul, .z-tabs.clean.z-shadows > .z-container { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .z-tabs.clean.z-rounded.top > ul > li.z-first > a, .z-tabs.clean.z-rounded.bottom > ul > li.z-first > a { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .z-tabs.clean.top.z-rounded > ul > li.z-last > a, .z-tabs.clean.bottom.z-rounded > ul > li.z-last > a { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .z-tabs.clean.horizontal.top.z-rounded > ul > li.z-last-row.z-first-col > a { -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; } .z-tabs.clean.responsive.horizontal.top.z-rounded > ul > li.z-last-row.z-last-col > a { -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; } .z-tabs.clean.vertical > ul.z-tabs-desktop { border-width: 1px 1px 1px 1px; } .z-tabs.clean.vertical > ul > li.z-active { z-index: 7; } .z-tabs.clean.vertical > .z-container > .z-content > .z-content-inner { padding: 0 2em; } .z-tabs.clean.vertical.z-rounded > ul.z-tabs-desktop { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .z-tabs.clean.vertical.mobile.z-rounded > ul.z-tabs-desktop { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .z-tabs.clean.vertical.z-rounded > ul.z-tabs-desktop > li.z-first, .z-tabs.clean.vertical.z-rounded > ul.z-tabs-desktop > li.z-first > a { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .z-tabs.clean.vertical.z-rounded > ul.z-tabs-desktop > li.z-last, .z-tabs.clean.vertical.z-rounded > ul.z-tabs-desktop > li.z-last > a { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .z-tabs.horizontal.clean.responsive.top > ul > li > a { border-bottom-width: 0; } .z-tabs.clean.responsive.horizontal.bottom > ul > li > a { border-top-width: 0; } .z-tabs.clean.responsive.horizontal.bottom > ul > li.z-first-row > a { border-top-width: 1px; } .z-tabs.clean.responsive.horizontal.bottom > ul > li.z-first-row > a, .z-tabs.clean.responsive.horizontal.top > ul > li.z-last-row > a, .z-tabs.clean.responsive.horizontal.bottom > ul > li.z-last-row > a { border-bottom-width: 1px; } .z-tabs.horizontal.clean.responsive.z-rounded.top > ul > li.z-first > a { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .z-tabs.clean.responsive.horizontal.z-rounded.top > ul > li.z-last > a { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .z-tabs.clean.white.mobile > ul > li.z-active > a { -webkit-box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.13); -moz-box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.13); box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.13); background: #F3F3F3; } .z-tabs.clean.horizontal.mobile.top > ul > li, .z-tabs.clean.horizontal.mobile.bottom > ul > li { border-bottom-width: 0; } .z-grid { margin : 0 auto; padding : 0 0 0 1%; } .z-grid-1200 { max-width : 1220px; } .z-grid-1000 { max-width : 1020px; } .z-row { clear : both; padding : 0 10px; } .z-row:after { content: " "; height: 0; clear: both; visibility: hidden; } .z-row { zoom : 1; } .z-row > [class*="col"] { margin-left: 1.81818%; float: left; display: block; margin: 1% 0 1% 1.6%; margin: 0 0 0 1.6%; min-height: 1px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 20px; } .col12 { width : 100%; } .col11 { width : 91.46%; } .col10 { width : 83%; } .col9 { width : 74.54%; } .col8 { width : 66.08%; } .col7 { width : 57.62%; } .col6 { width : 49.16%; } .col5 { width : 40.7%; } .col4 { width : 32.24%; } .col3 { width : 23.78%; } .col2 { width : 15.32%; } .col1 { width : 6.86%; } .z-row > [class*="col"]:first-child { margin-left : 0; } .z-row > [class*="col"] img { width : 100%; height : auto; display : block; } @media all and (min-width: 1024px) { .z-grid-1000 { max-width: 1000px; } .z-grid-1000 .z-row { padding: 0; } } @media only screen and (min-width: 992px) and (max-width: 1215px){ .z-tabs.horizontal > ul > li { margin: 0 45px 0 0 !important; } .z-tabs.horizontal > ul > li { width: auto !important; } } @media all and (max-width: 768px) { .z-row > [class*="col"] { float : none; width : auto; margin : 10px 0 10px 0; } } .z-tabs > ul.z-tabs-mobile { display: none; } .z-tabs.responsive.horizontal.responsive > ul { display: block; width: 100%; } .z-tabs.responsive.horizontal > ul.z-tabs-mobile, .z-tabs.responsive.horizontal > ul.z-tabs-mobile > li { width: 100%; float: none; } .z-tabs.responsive.horizontal.mobile > ul > li > a { margin: 0 !important; } .z-tabs.responsive.horizontal > ul > li.z-last-col > a { margin-right: 0 !important; } .z-tabs.responsive.horizontal.top > ul > li.z-active { top: 0; margin-top: 0; padding-bottom: 0; z-index: initial; } .z-tabs.responsive.horizontal.top > ul > li.z-last-row.z-active { top: 2px; margin-top: -2px; padding-bottom: 1px; z-index: 1; } .z-tabs.horizontal.responsive > ul.z-tabs-desktop > li > a { margin: 0 -2px 0 0; } .ie7 .z-tabs.horizontal.responsive > ul.z-tabs-desktop > li { margin-right: -3px; } .z-tabs.responsive.horizontal.bottom > ul > li.z-active { top: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; z-index: initial; } .z-tabs.responsive.horizontal.bottom > ul > li.z-first-row.z-active { top: 0; padding-top: 0; z-index: 9; } .z-tabs.horizontal.responsive > ul.z-tabs-desktop { display: block; width: 100%; } .z-tabs.horizontal.responsive.underlined > ul { border-width: 0; } .z-tabs.horizontal.responsive.underlined > ul > li.z-active, .z-tabs.horizontal.responsive.underlined > ul > li:hover { border-top-width: 0; border-bottom-width: 0; } .z-tabs.underlined.horizontal > ul.z-tabs-mobile > li { margin-left: 0; } .z-tabs.underlined.horizontal > ul.z-tabs-mobile > li a { padding-left: 0; } .z-tabs.responsive.top.z-rounded > ul > li.z-last-col > a { -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; } .z-tabs.responsive.bottom.z-rounded > ul > li.z-first > a { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .z-tabs.responsive.z-rounded.bottom > ul > li.z-left > a { -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; } .z-tabs.responsive.z-rounded.bottom-left > ul > li.z-right > a { -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; } .z-tabs.responsive.horizontal.top.z-rounded > ul > li.z-last > a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .z-tabs.horizontal.z-stacked > ul.z-tabs-desktop > li { width: 100%; float: none; } .z-tabs.horizontal.z-stacked.responsive > ul.z-tabs-desktop > li.z-last > a, .z-tabs.horizontal.z-stacked.z-stacked > ul.z-tabs-desktop > li.z-last > a { border-bottom-width: 1px; } .z-tabs.horizontal.z-stacked.responsive > ul.z-tabs-desktop > li.z-first > a { border-top-width: 1px; } .z-tabs.horizontal.z-stacked > ul.z-tabs-desktop > li > a { margin: 0; } .z-tabs.flat.horizontal.z-stacked > ul.z-tabs-desktop > li > a { border-width: 0 !important; } .z-tabs.z-stacked.horizontal > ul > li > a { margin-right: 0 !important; } .z-tabs.flat.z-stacked.z-spaced.horizontal.responsive > ul.z-tabs-nav > li > a { margin: 2px 0 0 0 !important; } .z-tabs.mobile > ul.z-tabs-nav, .z-tabs.mobile > ul.z-tabs-nav > li, .z-tabs.mobile > ul.z-tabs-nav > li.z-active, .z-tabs.mobile > .z-container, .z-tabs.mobile > .z-container > .z-content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: none; } .z-tabs.mobile { position: relative; } .z-tabs.mobile > ul.z-tabs-nav, .z-tabs.mobile > ul.z-tabs-nav.z-tabs-mobile, .z-tabs.mobile > ul.z-tabs-nav.z-tabs-mobile > li, .z-tabs.mobile > .z-container { width: 100%; float: none; display: block; width: 100%; border-bottom: none; } .z-tabs.mobile > ul.z-tabs-nav { border-width: 1px 1px 1px 1px; } .z-tabs.mobile > ul.z-tabs-nav > li > .z-link { margin: 0 0 0 20px; color: #fff; font-size: 18px;} .z-tabs.mobile > ul.z-tabs-desktop { position: absolute; top: inherit; margin-top: 0; left: 0; z-index: 1000; width: 100%; background-color: #222; } .z-tabs.mobile > ul > li { overflow: visible; } .z-tabs.mobile > ul.z-tabs-nav > li > a { top: 0; } .z-tabs.mobile > ul > li.z-active > a { font-weight: bold; } .z-tabs.mobile.top > ul.z-tabs-desktop > li > a, .z-tabs.mobile.bottom > ul.z-tabs-desktop > li > a { border-width: 1px 0px 0 0px; } .z-tabs.mobile > ul.z-tabs-nav > li.z-first > a { border-width: 0; } .z-tabs.mobile > ul.z-tabs-desktop > li { float: none; display: block; } .z-tabs.mobile > ul.z-tabs-desktop.z-hide-menu { opacity: 0; height: 0; visibility: hidden; } .z-tabs.mobile.top > .z-container { margin-top: 8px; } .z-tabs.mobile.bottom > .z-container { margin-bottom: 8px; } .z-tabs.mobile > .z-container, .z-tabs.mobile > .z-container > .z-content.z-active { overflow: visible; } .z-tabs.mobile > .z-container.z-animating, .z-tabs.mobile > .z-container.z-animating > .z-content.z-active { overflow: hidden; } .z-tabs.mobile > ul.z-tabs-mobile.z-state-closed > li > a > span.z-arrow { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } .z-tabs.mobile > ul.z-tabs-mobile > li > a > span.z-arrow { position: absolute; top: 50%; background: url(/templates/res012/images/res/images/back-top.png) no-repeat top left; background-position: -1470px -3px; width: 30px; height: 30px; margin-top: -25px; margin-left: -0.75em; display: inline-block; right: 1.125em; background-position: -1470px -60px; } .z-tabs.z-icons-dark > ul.z-tabs-mobile > li > a > span.z-arrow { background-position: -1470px -3px; } .z-tabs.mobile > ul.z-tabs-nav > li.z-active { margin: 0; padding: 0; top: 0; bottom: 0; background-color: #3E3E3E; } .z-tabs.mobile > ul.z-tabs-nav > li.z-active > a { margin: 0 0 0 20px; top: 0; bottom: 0; font-weight: 500; width: auto; } .z-tabs.mobile > ul.z-tabs-nav > li { border-width: 0px; border-bottom: solid 1px #3E3E3E; } .z-tabs.mobile > ul.z-tabs-nav > li > a { text-align: left; } .z-tabs.mobile > ul.z-tabs-desktop > li.z-last { border-bottom-width: 0; } .z-tabs.mobile.z-rounded > ul.z-tabs-mobile.z-state-closed > li > a { -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .z-tabs.mobile.z-rounded > ul.z-tabs-mobile, .z-tabs.mobile.z-rounded > ul.z-tabs-desktop { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .z-tabs.mobile.z-rounded > ul.z-tabs-mobile > li > a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .z-tabs.mobile.z-rounded > ul.z-tabs-nav.z-tabs-desktop > li.z-last > a.z-link { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .z-tabs.mobile.z-rounded > ul.z-tabs-nav > li.z-first > a { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .z-tabs.mobile.z-rounded > .z-container { -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } .z-tabs .z-tabs *, .z-tabs ul, .z-tabs ul li, .z-tabs ul li a, .z-tabs .z-container .z-content { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; outline: none; } .z-tabs.horizontal > .z-container { clear: both; zoom: 1; } .z-tabs.horizontal > ul > li { float: left; margin:0 90px 0 0; } .z-tabs.silver > ul > li > a { color: #222222; } .z-tabs.silver > ul > li.z-active > a { filter: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .z-tabs.horizontal .detail p{ margin:25px 0 0 0; line-height: 32px;} .welcome .detail a{ margin: 35px 0 0 0; background-color: #525866; padding: 12px 30px; display: inline-block; text-transform: uppercase; color: #fff; font-size: 15px; border-radius: 5px;} .welcome-serv-img img{ float:left; width:100%;} div#tabbed-nav { /*min-height: 550px;*/} /* FILE ARCHIVED ON 23:46:26 Mar 14, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 14:11:08 May 01, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.49 exclusion.robots: 0.103 exclusion.robots.policy: 0.095 cdx.remote: 0.049 esindex: 0.008 LoadShardBlock: 338.044 (3) PetaboxLoader3.resolve: 488.121 (5) PetaboxLoader3.datanode: 157.575 (5) load_resource: 491.51 (2) */