/*	Dark .
==================================================================== */

.ui-tabs {
	border-radius : 4px;
	-moz-border-radius : 4px;
	-webkit-border-radius : 4px;
	-o-border-radius : 4px;
	padding: 0px !important;
	border: 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;
}
.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, #EEE, #AAA);*/
	background: #151515;
	background: -moz-linear-gradient( top, #444, #000);
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -webkit-linear-gradient( top, #444, #000);
	background: -o-gradient( top, #444, #000);
	box-shadow: 0 3px 6px #999;
	-moz-box-shadow: 0 3px 6px #999;
	-webkit-box-shadow: 0 3px 6px #999;
	-o-box-shadow: 0 3px 6px #999;
	border:1px solid #777;
}

.ui-tabs .ui-tabs-panel .wp-tab-content > .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 > .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: #222;
	background: -moz-linear-gradient(top , #444, #181818);
	background: -webkit-gradient(linear, left top, left bottom , from(#444), to(#181818));
	background: -webkit-linear-gradient(top , #444, #181818);
	background: -o-linear-gradient(top , #444, #181818);
    text-shadow: 0 1px 0 #FFFFFF;
	color: #DDD;
	text-shadow: 0 1px 0 #000;
	border-top: 1px solid #666;
}

.ui-tabs-panel a {
	color: #FFF;
}

.ui-tabs-panel h2,
.ui-tabs-panel h3,
.ui-tabs-panel h4 {
	color: #FFF !important;
}
ul.ui-tabs-nav {
	border-bottom: 1px solid #000;
	background: #444;
	background: -moz-linear-gradient(top, #151515, #333);
	background: -webkit-gradient(linear, left top, left bottom, from(#151515), to(#333));
	background: -webkit-linear-gradient(top, #151515, #333);
	background: -o-linear-gradient(top, #151515, #333);
	padding-top: 10px;
	padding-left: 10px;
	-moz-box-shadow: 0 1px 0 #666 inset;
	border : 1px solid #000;
}

ul.ui-tabs-nav li {
	background: #555;
    background: -moz-linear-gradient(top , #555, #777);
    background: -webkit-gradient(linear, left top, left bottom , from(#555), to(#777));
    background: -webkit-linear-gradient(top , #555, #777);
    background: -o-linear-gradient(top , #555, #777);
	border-radius          : 2px 2px 0 0;
	-moz-border-radius     : 2px 2px 0 0;
	-webkit-border-radius  : 2px 2px 0 0;
	-webkit-border-radius  : 2px 2px 0 0;
	border-bottom: 1px solid #666;
	padding: 6px 0;
	height: 14px;
	margin-right: 3px;
}

ul.ui-tabs-nav li a {
	color: #CCC;
	text-shadow: 0 1px 0 #000;
	padding:5px 10px;
}

ul.ui-tabs-nav li.ui-state-active {
	background: #222;
	background: -moz-linear-gradient(top, #555, #444);
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#444));
	background: -webkit-linear-gradient(top, #555, #444);
	background: -o-linear-gradient(top, #555, #444);
	border: 1px solid #444;
	border-bottom: 0px !important;
	bottom: -2px;
	height: 18px;
}

ul.ui-tabs-nav li.ui-state-active a {
	color: #FFF;
	text-shadow: 0 1px 0 #000;
	border-top: 2px solid #777;
}



.ui-tabs-panel .tab-top-nav a,
.ui-tabs-panel .tab-bottom-nav a {
	background: #666;
	background: -moz-linear-gradient(top, #666, #454545);
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#454545));
	background: -webkit-linear-gradient(top, #666, #454545);
	background: -o-linear-gradient(top, #666, #454545);
	text-shadow: 0 1px 0 #777;
	color: #000;
	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;
}

.tab-bottom-nav {
	margin-bottom: 10px;
}

.cap-icon-link:hover {
	opacity: 1;
}


/*	wpui Dark accordion styles.
=========================================================================== */



h3.ui-collapsible-header,
h3.ui-accordion-header {
	border-radius          : 3px;
	-moz-border-radius     : 3px;
	-webkit-border-radius  : 3px;
	-webkit-border-radius  : 3px;
	font: bold 14px 'Segoe UI', 'Lucida Grande', 'Arial', sans-serif;
	background: #555;
    background: -moz-linear-gradient(top , #777, #444);
    background: -webkit-gradient(linear, left top, left bottom , from(#777), to(#444));
    background: -webkit-linear-gradient(top , #777, #444);
    background: -o-linear-gradient(top , #777, #444);
	padding: 4px 10px;
	color: #DDD !important;
	border: 1px solid #222;
	text-shadow: 0 1px 0 #000;
}

h3.ui-collapsible-header:hover,
h3.ui-accordion-header:hover {
	background: #222;
	background: -moz-linear-gradient(top, #888, #555);
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#555));
	background: -webkit-linear-gradient(top, #888, #555);
	background: -o-linear-gradient(top, #888, #555);
	border: 1px solid #222;
}


h3.ui-collapsible-header.ui-state-active,
h3.ui-accordion-header.ui-state-active {
	background: #222;
	background: -moz-linear-gradient(top, #555, #444);
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#444));
	background: -webkit-linear-gradient(top, #555, #444);
	background: -o-linear-gradient(top, #555, #444);
	border: 1px solid #444;
	color: #FFF !important;
	text-shadow: 0 1px 0 #000;
	border-radius          : 3px 3px 0 0;
	-moz-border-radius     : 3px 3px 0 0;
	-webkit-border-radius  : 3px 3px 0 0;
	-webkit-border-radius  : 3px 3px 0 0;
	border-bottom: 1px solid #333;
}


.ui-collapsible-content,
.ui-accordion-content {
	color: #EFEFEF;
	background: #666;
	background: -moz-linear-gradient(top, #444, #555);
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#444));
	background: -webkit-linear-gradient(top, #555, #444);
	background: -o-linear-gradient(top, #555, #444);	
	padding: 10px;
	border: 1px solid #444;
	border-top: 1px solid #555;
	text-shadow: 0 1px 0 #000;
}


/* Tabs at bottom */

ul.ui-tabs-nav.ul-bottom {
	border-top: 1px solid #333 !important;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	border-radius: 0 0 5px 5px;
	background: -moz-linear-gradient(top, #222, #444444);
	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#444444));
	background: -webkit-linear-gradient(top, #222, #444444);
	background: -o-linear-gradient(top, #222, #444444);
	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, #181818, #383838);
	background: -webkit-gradient(linear, left top, left bottom, from(#181818), to(#383838));
	background: -webkit-linear-gradient(top, #181818, #383838);
	background: -o-linear-gradient(top, #181818, #383838);
	border-bottom: 1px solid #000;
	top:0px;	
}


ul.ui-tabs-nav.ul-bottom li.ui-state-active {
	border: 1px solid #333;
	background: none;
	background: -moz-linear-gradient(top, #181818, #161616);
	background: -webkit-gradient(linear, left top, left bottom, from(#181818), to(#161616));
	background: -webkit-linear-gradient(top, #181818, #161616);
	background: -o-linear-gradient(top, #181818, #161616);	
	border-top: 0px;
	bottom: 0;
	top:	-1px;
	height: 18px;
}

ul.ui-tabs-nav.ul-bottom li.ui-state-active a {
	border-top: 0px;
}