/*  ZZS Light weight UI CSS3 additions.
======================================================================= */

.ui-tabs { border-radius : 4px; -moz-border-radius : 4px; -webkit-border-radius : 4px; -o-border-radius : 4px; padding: 0px !important; }
ul.ui-tabs-nav { border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; padding-top: 10px; padding-left: 10px; -moz-box-shadow : 0 1px 0 #FFF inset; -webkit-box-shadow : 0 1px 0 #FFF inset; -o-box-shadow : 0 1px 0 #FFF inset; box-shadow : 0 1px 0 #FFF inset; }
.ui-tabs-panel { border-radius : 0 0 4px 4px; -moz-border-radius : 0 0 4px 4px; -webkit-border-radius : 0 0 4px 4px; -o-border-radius : 0 0 4px 4px; }
.ui-tabs { background: -moz-linear-gradient( top, #FFF, #D1D1D1); background: -webkit-gradient( linear, left top, left bottom, from(#FFF), to(#D1D1D1)); background: -webkit-linear-gradient( top, #FFF, #D1D1D1); background: -o-linear-gradient( top, #FFF, #D1D1D1); box-shadow: 0 3px 6px #CDCDCD; -moz-box-shadow: 0 3px 6px #CDCDCD; -webkit-box-shadow: 0 3px 6px #CDCDCD; -o-box-shadow: 0 3px 6px #CDCDCD; border-radius : 3px; -moz-border-radius : 3px; -webkit-border-radius : 3px; -o-border-radius : 3px; }
.ui-tabs > .wp-tabs .ui-tabs { box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -o-box-shadow: none !important; }
.ui-tabs-panel { background: -moz-linear-gradient(top, #EEEEEE, #D1D1D1); background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#D1D1D1)); background: -webkit-linear-gradient(top, #EEEEEE, #D1D1D1); background: -o-linear-gradient(top, #EEEEEE, #D1D1D1); text-shadow: 0 1px 0 #FFFFFF; }
ul.ui-tabs-nav { border-bottom: 1px solid #AAA; background: -moz-linear-gradient(top, #EEEEEE, #D1D1D1); background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#D1D1D1)); background: -webkit-linear-gradient(top, #EEEEEE, #D1D1D1); background: -o-linear-gradient(top, #EEEEEE, #D1D1D1); }
ul.ui-tabs-nav li { background: -moz-linear-gradient(top, #CCC, #DADADA); background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#DADADA)); background: -webkit-linear-gradient(top, #CCC, #DADADA); background: -o-linear-gradient(top, #CCC, #DADADA); border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; border:1px solid #AAA; padding: 6px 0; height: 14px; margin-right: 3px; list-style: none; }
ul.ui-tabs-nav li a { color: #444; text-shadow: 0 1px 0 #FFF; padding:5px 10px; }
ul.ui-tabs-nav li.ui-state-active { background: -moz-linear-gradient(top, #F2F2F2, #EEE); background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE)); background: -webkit-linear-gradient(top, #FFF, #EEE); background: -o-linear-gradient(top, #FFF, #EEE); bottom: -2px; height: 18px; padding: 7px 0; border-bottom: 0px; }
ul.ui-tabs-nav li.ui-state-active a { border-top: 1px solid #FFF; text-shadow: 0 1px 0 #FFF; }
.ui-tabs-panel .tab-top-nav a, .ui-tabs-panel .tab-bottom-nav a { background: #AAA; background: -moz-linear-gradient(top, #AAA, #888); background: -webkit-gradient(linear, left top, left bottom, from(#AAA), to(#888)); background: -webkit-linear-gradient(top, #AAA, #888); background: -o-linear-gradient(top, #AAA, #888); text-shadow: 0 -1px 0 #444; color: #FFF; border-radius : 4px; -moz-border-radius : 4px; -webkit-border-radius : 4px; -webkit-border-radius : 4px; }
.wp-tabs { position:relative; }
.cap-icon-link { position: absolute; top:2px; right: 5px; opacity: 0.4; }
.cap-icon-link:hover { opacity: 1; }
/* Tabs at bottom */

ul.ui-tabs-nav.ul-bottom { border-top: 1px solid #AAA; padding-top: 0px; padding-left: 0px; padding-bottom: 10px; border-radius: 0 0 5px 5px; background: -moz-linear-gradient(top, #A5A5A5, #D5D5D5); background: -webkit-gradient(linear, left top, left bottom, from(#A5A5A5), to(#D5D5D5)); background: -webkit-linear-gradient(top, #A5A5A5, #D5D5D5); background: -o-linear-gradient(top, #A5A5A5, #D5D5D5); border-top: 1px solid #888; }
ul.ui-tabs-nav.ul-bottom li { vertical-align:top; border-radius: 0 0 5px 5px; background: -moz-linear-gradient(top, #929292, #D2D2D2); background: -webkit-gradient(linear, left top, left bottom, from(#929292), to(#D2D2D2)); background: -webkit-linear-gradient(top, #929292, #D2D2D2); background: -o-linear-gradient(top, #929292, #D2D2D2); top:0px; }
ul.ui-tabs-nav.ul-bottom li.ui-state-active { border: 1px solid #999; background: none; background: -moz-linear-gradient(top, #D1D1D1, #AAAAAA); background: -webkit-gradient(linear, left top, left bottom, from(#D1D1D1), to(#AAAAAA)); background: -webkit-linear-gradient(top, #D1D1D1, #AAAAAA); background: -o-linear-gradient(top, #D1D1D1, #AAAAAA); border-top: 0px; bottom: 0; top:	-1px; height: 16px; }
ul.ui-tabs-nav.ul-bottom li.ui-state-active a { border-top: 0px; }
/* Accordion */

.ui-collapsible-header, .ui-accordion h3.ui-accordion-header { padding: 5px 4px 8px 28px; color: #222; text-shadow: 0 1px 0 #FFF; font-size: 1.5em; line-height: 1.3em; font-weight: bold; }
h3.ui-accordion-header { cursor : pointer; padding-left: 28px; background-repeat: no-repeat; background-position: left center; background-image: url(images/bg-Q.png); margin-bottom: 40px; color: #333333; font-size: 1.4em; padding-top: 2px; padding-bottom: 4px; }
h3.ui-collapsible-header:hover, .ui-accordion h3.ui-accordion-header:hover { color: #000; text-shadow: 0 1px 0 #FFF; background: #ECF4F4 url(images/bg-Q.png) no-repeat left center; padding-top: 2px; padding-bottom: 4px; }
h3.ui-collapsible-header.ui-state-active, .ui-accordion h3.ui-accordion-header.ui-state-active { color: #000; text-shadow: 0 1px 0 #FFF; border-bottom: 0px; }

h3.ui-accordion-header:hover { color: #000 }
h3.ui-accordion-header.ui-state-active { cursor: default; }
.ui-collapsible-content, .ui-accordion .ui-accordion-content { padding: 10px; }