/* 
*	@name							Zozo UI Tabs
*	@descripton						Create awesome tabbed content area
*	@version						2.2
*	@copyright                      Copyright (c) 2012 Zozo UI, http://www.zozoui.com 
*/

.imagine {
	float: left!important;
	padding:0px 15px 15px 15px;
}
#tabbed-nav {
	padding-top: 20px;
}
.z-tabs.vertical {
	margin: auto;
	color: #333;
	font: 12px/18px sans-serif;
	clear: both
	padding-top: 20px;
}
.z-tabs.vertical>ul.z-tabs-nav, .z-tabs.vertical>ul.z-tabs-nav>li, .z-tabs.vertical>.z-container {
	border-color: #ddd;
	border-style: solid
}
.z-tabs.vertical>ul.z-tabs-nav {
	float: left;
	width: 210px;
	display: block;
	position: relative;
	top: 0;
	border-width: 1px 0 1px 1px;
	border-right-width: 0;
	margin: auto 0!important;
	padding: 0
}
.z-tabs.vertical>ul.z-tabs-nav>li {
	background: #f9f9f9;
	border-width: 0 0 1px;
	list-style-type: none;
	margin: auto;
	display: block;
	min-width: 100%;
	padding: 0;
	cursor: hand;
	cursor: pointer
}
.z-tabs.vertical>ul.z-tabs-nav>li>a.z-link {
	text-decoration: none!important;
	border-bottom-width: 0;
	outline: 0;
	color: #333;
	text-decoration: none;
	display: block;
	cursor: hand;
	cursor: pointer;
	font-size: 1.11em;
	position: relative;
	line-height: 50px;
	height: 50px;
	margin: 0 14px
}
.z-tabs.vertical>ul.z-tabs-nav>li.z-active {
	border-right-width: 0;
	z-index: 10;
	background: #fff;
	position: relative;
	font-weight: 700
}
.z-tabs.vertical>ul.z-tabs-nav>li.z-first.z-active {
	border-bottom-width: 1px
}
.z-tabs.vertical>ul.z-tabs-nav>li.z-last {
	border-bottom-width: 0
}
.z-tabs.vertical>.z-container {
	margin-left: 210px;
	border-width: 1px;
	background: #fff;
	min-height: 158px;
	position: relative;
	font-size: 1.2em
}
.z-tabs.vertical>.z-container>.z-content {
	display: none;
	padding: 1.4em 2em;
	background: 0
}
.z-tabs.vertical>.z-container>h5 {
	font-weight: 400
}
.z-tabs.vertical>.z-container>h4 {
	text-shadow: 0 1px 1px #f2f1f0;
	border-bottom: 1px dotted #eeeded;
	padding-top: 15px;
	padding-bottom: 5px
}
.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 {
	border-right: 1px solid #fff!important
}
.z-tabs.vertical.z-rounded>.z-container {
	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	-khtml-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0
}
.z-tabs.vertical.z-rounded>ul.z-tabs-nav {
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	-khtml-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px
}
.z-tabs.vertical.z-rounded>ul.z-tabs-nav>li.z-first, .z-tabs.vertical.z-rounded>ul.z-tabs-nav>li.z-first>a.z-link {
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	-khtml-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0
}
.z-tabs.vertical.z-rounded>ul.z-tabs-nav>li.z-last, .z-tabs.vertical.z-rounded>ul.z-tabs-nav>li.z-last>a.z-link {
	-webkit-border-radius: 0 0 0 5px;
	-moz-border-radius: 0 0 0 5px;
	-khtml-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px
}
.z-tabs.vertical.z-shadows>ul.z-tabs-nav, .z-tabs.vertical.z-shadows>.z-container {
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	box-shadow: 0 1px 2px rgba(0,0,0,.1)
}
.z-tabs.vertical.z-shadows>ul.z-tabs-nav>li {
	-webkit-box-shadow: 0 1px 2px -2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px -2px rgba(0,0,0,.1);
	box-shadow: 0 1px 2px -2px rgba(0,0,0,.1)
}
.z-tabs.vertical.top-right>ul.z-tabs-nav {
	float: right;
	border-width: 1px 1px 1px 0
}
.z-tabs.vertical.top-right>.z-container {
	margin-left: 0;
	margin-right: 210px
}
.z-tabs.vertical.z-rounded.top-right>ul.z-tabs-nav {
	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	-khtml-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0
}
.z-tabs.vertical.z-rounded.top-right>ul.z-tabs-nav>li.z-first, .z-tabs.vertical.z-rounded.top-right>ul.z-tabs-nav>li.z-first>a.z-link {
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-khtml-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0
}
.z-tabs.vertical.z-rounded.top-right>ul.z-tabs-nav>li.z-last, .z-tabs.vertical.z-rounded.top-right>ul.z-tabs-nav>li.z-last>a.z-link {
	-webkit-border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	-khtml-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;
	-khtml-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px
}
.ie7 body .z-tabs.vertical.top-right>ul.z-tabs-nav>li.z-active {
	border-right-width: 0!important;
	border-left: 1px solid #fff!important;
	left: -1px
}
.ie7 body .z-tabs.vertical.top-right>ul.z-tabs-nav>li, .ie7 body .z-tabs.vertical.top-right>ul {
	z-index: 10!important
}


.z-tabs.underlined, .z-tabs.underlined>ul.z-tabs-nav, .z-tabs.underlined>ul.z-tabs-nav>li, .z-tabs.underlined>ul.z-tabs-nav>li.z-first, .z-tabs.underlined>ul.z-tabs-nav>li.z-last, .z-tabs.underlined>ul.z-tabs-nav>li.z-first.z-active, .z-tabs.underlined>ul.z-tabs-nav>li.z-last.z-active, .z-tabs.underlined>ul.z-tabs-nav>li.z-active, .z-tabs.underlined>ul.z-tabs-nav>li:hover, .z-tabs.underlined>ul.z-tabs-nav>li>a.z-link, .z-tabs.underlined>ul.z-tabs-nav>li>a.z-link: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: 0;
	filter: none
}

.z-tabs.vertical.underlined>ul.z-tabs-nav>li, .z-tabs.vertical.underlined>ul.z-tabs-nav>li:hover {
	filter: none;
	background: transparent;
	border-width: 0 1px 0 0;
	margin: 0;
	padding: 0
}
.z-tabs.vertical.underlined>ul.z-tabs-nav>li>a.z-link {
	text-shadow: 0 1px 1px white;
	color: #333
}
.z-tabs.vertical.underlined>.z-container {
	border-width: 0
}
.z-tabs.vertical.underlined.top-right>ul.z-tabs-nav>li, .z-tabs.vertical.underlined.top-right>ul.z-tabs-nav>li:hover {
	filter: none;
	background: transparent;
	border-width: 0 0 0 1px;
	margin: 0;
	padding: 0
}
.z-tabs.vertical.underlined.top-left>ul.z-tabs-nav>li.z-active {
	font-weight: 700;
	margin-bottom: 0;
	padding-bottom: 0;
	border-right: 3px solid;
	background: #fdfdfd
}
.z-tabs.vertical.underlined.top-right>ul.z-tabs-nav>li.z-active {
	font-weight: 700;
	margin-bottom: 0;
	padding-bottom: 0;
	border-left: 3px solid;
	background: #fdfdfd
}
.z-tabs.vertical.underlined.top-right>ul.z-tabs-nav {
	border-width: 0
}
.z-tabs.vertical.underlined>.z-container>.z-content {
	padding: 0 1.6em
}
.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.blue>.z-container, .z-tabs.underlined.blue>ul.z-tabs-nav>li, .z-tabs.underlined.blue>ul.z-tabs-nav>li.z-active, .z-tabs.underlined.blue.vertical>ul.z-tabs-nav>li.z-active, .z-tabs.underlined.blue>ul.z-tabs-nav>li:hover {
	border-color: #00b0d8
}
.z-tabs.underlined.blue>ul.z-tabs-nav>li.z-active>.z-link {
	text-shadow: 0 1px 1px white;
	color: #00b0d8
}
.z-tabs.underlined.orange>.z-container, .z-tabs.underlined.orange>ul.z-tabs-nav>li, .z-tabs.underlined.orange>ul.z-tabs-nav>li.z-active, .z-tabs.underlined.orange.vertical>ul.z-tabs-nav>li.z-active, .z-tabs.underlined.orange>ul.z-tabs-nav>li:hover {
	border-color: #fd9c00
}
.z-tabs.underlined.orange>ul.z-tabs-nav>li.z-active>.z-link {
	text-shadow: 0 1px 1px white;
	color: #fd9c00
}
.z-tabs.orange>ul.z-tabs-nav, .z-tabs.orange>ul.z-tabs-nav>li, .z-tabs.orange>.z-container {
	border-color: #d64817;
	border-style: solid
}
.z-tabs.orange>ul.z-tabs-nav>li {
	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.z-tabs-nav>li: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.z-tabs-nav>li.z-active {
	background: #fff;
	text-shadow: 0 1px 1px white;
	color: #000;
	filter: none
}
.z-tabs.orange>ul.z-tabs-nav>li>a.z-link {
	color: #fff;
	text-shadow: 0 1px #5e1902
}
.z-tabs.orange>ul.z-tabs-nav>li.z-active>a.z-link {
	color: #000;
	text-shadow: 0 1px white
}
.z-tabs.blue>ul.z-tabs-nav, .z-tabs.blue>ul.z-tabs-nav>li, .z-tabs.blue>.z-container {
	border-color: #0487bd;
	border-style: solid
}
.z-tabs.blue>ul.z-tabs-nav>li {
	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.z-tabs-nav>li a.z-link {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5)
}
.z-tabs.blue>ul.z-tabs-nav>li.z-active>a.z-link {
	text-shadow: 0 1px 1px white;
	color: #000
}
.z-tabs.blue>ul.z-tabs-nav>li:hover {
	background: #21addf
}
.z-tabs.blue>ul.z-tabs-nav>li.z-active {
	background: #fff;
	color: #000f4d;
	text-shadow: 0 1px rgba(78,78,78,.1);
	filter: none
}
.z-tabs.vertical.xlarge>ul.z-tabs-nav>li>a.z-link {
	height: 40px;
	line-height: 40px;
	margin: 0 20px;
	font-size: 12px
}
.z-tabs.vertical.xlarge>ul.z-tabs-nav {
	width: 260px
}
.z-tabs.vertical.top-left.xlarge>.z-container {
	margin-left: 260px
}
.z-tabs.vertical.top-right.xlarge>.z-container {
	margin-right: 260px
}