/*	Dark CSS3 additions to above simple theme
==================================================================== */

.wpui-dark .ui-tabs {
	padding: 0px !important;
	border: 0px !important;
}

.wpui-dark .ui-corner-top {
	-moz-border-radius     : 3px 3px 0 0;
	-webkit-border-radius  : 3px 3px 0 0;
	-o-border-radius       : 3px 3px 0 0;
	border-radius          : 3px 3px 0 0;
}

.wpui-dark .ui-corner-left {
	-moz-border-radius     : 3px 0 0 3px;
	-webkit-border-radius  : 3px 0 0 3px;
	-o-border-radius       : 3px 0 0 3px;
	border-radius          : 3px 0 0 3px;
}

.wpui-dark .ui-corner-bottom {
	-moz-border-radius     : 0 0 3px 3px;
	-webkit-border-radius  : 0 0 3px 3px;
	-o-border-radius       : 0 0 3px 3px;
	border-radius          : 0 0 3px 3px;
}

.wpui-dark .ui-corner-right {
	-moz-border-radius     : 0 3px 3px 0;
	-webkit-border-radius  : 0 3px 3px 0;
	-o-border-radius       : 0 3px 3px 0;
	border-radius          : 0 3px 3px 0;
}

.wpui-dark .ui-corner-all {
	-moz-border-radius     : 3px;
	-webkit-border-radius  : 3px;
	-o-border-radius       : 3px;
	border-radius          : 3px;
}

.wpui-dark .ui-resizable-se {
	background: url("../images/dark-resize-se.png") no-repeat;
}

.wpui-dark.ui-tabs,
.wpui-dark .ui-tabs {
	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);
	border:1px solid #777;
}

.wpui-dark .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;
}

.wpui-dark .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;
}

.wpui-dark .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;
}

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

.wpui-dark .ui-tabs-panel h2,
.wpui-dark .ui-tabs-panel h3,
.wpui-dark .ui-tabs-panel h4 {
	color: #FFF !important;
}

.wpui-dark 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;
}

/*.wpui-dark.wpui-tabs-vertical ul.ui-tabs-nav {
	background: #555;
    background: -moz-linear-gradient(bottom , #555, #777);
    background: -webkit-gradient(linear, left bottom, left top , from(#555), to(#777));
    background: -webkit-linear-gradient(bottom , #555, #777);
    background: -o-linear-gradient(bottom , #555, #777);
	border-bottom: 1px solid #666;
}*/


.wpui-dark 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-bottom: 1px solid #666;
	margin-right: 3px;
}

.wpui-dark.wpui-tabs-vertical ul.ui-tabs-nav li {
	background : none;
	border-bottom : 1px solid #000;
	border-top : 1px solid #444;
}

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

.wpui-dark 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;
	box-shadow : 0 1px 0 #666 inset;
}


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


.wpui-dark .wpui-post-thumbnail {
	background: black;
	padding: 10px;
	background: -webkit-linear-gradient(top, #666, #444 40%, #111 40%, #222);
	box-shadow: 1px 1px 0 #777 inset, -1px -1px 0 #555 inset, 0 2px 5px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}

.wpui-dark .ui-button {
	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 !important;
	padding: 4px 10px;
	text-decoration : none;
	-moz-box-shadow    : 1px 1px 0 #757575 inset, -1px -1px 0 #555 inset;
	-webkit-box-shadow : 1px 1px 0 #757575 inset, -1px -1px 0 #555 inset;
	-o-box-shadow      : 1px 1px 0 #757575 inset, -1px -1px 0 #555 inset;
	box-shadow         : 1px 1px 0 #757575 inset, -1px -1px 0 #555 inset;
	border : 0px;
}


.wpui-dark .wp-tab-content a.ui-button {
	float: right;
	margin: 20px 0;
}



.wpui-dark .ui-tabs-panel .tab-top-nav a,
.wpui-dark .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;
}

.wp-tabs {
	position 	:	relative;
}



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


.wpui-dark h3.ui-collapsible-header,
.wpui-dark 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 , #444, #222);
    background: -webkit-gradient(linear, left top, left bottom , from(#444), to(#222));
    background: -webkit-linear-gradient(top , #444, #222);
    background: -o-linear-gradient(top , #444, #222);
	padding: 4px 10px;
	color: #DDD !important;
	border: 1px solid #222;
	text-shadow: 0 -1px -1px #000;
	overflow : hidden;
	-moz-box-shadow    :  1px 1px 0 #666 inset, -1px -1px 0 #444 inset;
	-webkit-box-shadow :  1px 1px 0 #666 inset, -1px -1px 0 #444 inset;
	-o-box-shadow      :  1px 1px 0 #666 inset, -1px -1px 0 #444 inset;
	box-shadow         :  1px 1px 0 #666 inset, -1px -1px 0 #444 inset;
	
}

.wpui-dark h3.ui-collapsible-header:hover,
.wpui-dark h3.ui-accordion-header:hover {
	background: #222;
    background: -moz-linear-gradient(top , #555, #333);
    background: -webkit-gradient(linear, left top, left bottom , from(#555), to(#333));
    background: -webkit-linear-gradient(top , #555, #333);
    background: -o-linear-gradient(top , #555, #333);
	border: 1px solid #222;
	-moz-box-shadow    : 0 1px 0 #666 inset;
	-webkit-box-shadow : 0 1px 0 #666 inset;
	-o-box-shadow      : 0 1px 0 #666 inset;
	box-shadow         : 0 1px 0 #666 inset;
}


.wpui-dark h3.ui-collapsible-header.ui-state-active,
.wpui-dark h3.ui-accordion-header.ui-state-active {
	background: #222;
	background: -moz-linear-gradient(top, #333, #111);
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
	background: -webkit-linear-gradient(top, #333, #111);
	background: -o-linear-gradient(top, #333, #111);
	border: 1px solid #444;
	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;
	-moz-box-shadow    : 0 1px 0 #666 inset;
	-webkit-box-shadow : 0 1px 0 #666 inset;
	-o-box-shadow      : 0 1px 0 #666 inset;
	box-shadow         : 0 1px 0 #666 inset;
}


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


/* Tabs at bottom */

.wpui-dark ul.ui-tabs-nav.ul-bottom {
	border-top: 1px solid #333 !important;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	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;
}

.wpui-dark ul.ui-tabs-nav.ul-bottom li {
	vertical-align:top;
	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;	
}


.wpui-dark 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;
}

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

/*.wpui-dark pre {
	background: #333;
	color: #888;
	text-shadow : 0 1px 0 #000;
	border : 1px solid #000;
	-moz-border-radius     : 3px;
	-webkit-border-radius  : 3px;
	-o-border-radius       : 3px;
	border-radius          : 3px;
}*/



/*
 *	Dialogs dark
 */

.wpui-dark.ui-dialog {
	font-family: 'Lucida Grande', 'Arial', sans-serif;
	color: #DDD;
	border: 1px solid #000;
	text-shadow: 0 1px 0 #000;	
	background : #252525;
	-moz-box-shadow    : 0 2px 10px rgba( 0, 0, 0, 0.8 );
	-webkit-box-shadow : 0 2px 10px rgba( 0, 0, 0, 0.8 );
	-o-box-shadow      : 0 2px 10px rgba( 0, 0, 0, 0.8 );
	box-shadow         : 0 2px 10px rgba( 0, 0, 0, 0.8 );
	-moz-border-radius     : 3px;
	-webkit-border-radius  : 3px;
	-o-border-radius       : 3px;
	border-radius          : 3px;
}

.wpui-dark .wp-dialog {
	color : #DDD !important;
}

.wpui-dark .ui-dialog-titlebar {
	font-weight: bold;
	color: #FFF;
	text-shadow:	0 1px 1px #000;
	padding: 6px 10px;
	border-bottom: 1px solid #000;
	box-shadow: 0 1px 0 #999 inset, 0 1px 0 #444 inset;
	background: #444;
	background: -moz-linear-gradient(top , #444,  #222);
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
	background: -webkit-linear-gradient(top , #444, #222);
	background: -o-linear-gradient(top , #444, #222);
	-moz-border-radius     : 3px 3px 0 0;
	-webkit-border-radius  : 3px 3px 0 0;
	-o-border-radius       : 3px 3px 0 0;
	border-radius          : 3px 3px 0 0;
	-moz-border-radius     : 2px 2px 0 0;
	-webkit-border-radius  : 2px 2px 0 0;
	-o-border-radius       : 2px 2px 0 0;
	border-radius          : 2px 2px 0 0;
}

.wpui-dark .ui-dialog-content {
	padding: 10px;
	overflow:hidden;
	-moz-border-radius     : 0 0 3px 3px;
	-webkit-border-radius  : 0 0 3px 3px;
	-o-border-radius       : 0 0 3px 3px;
	border-radius          : 0 0 3px 3px;

}

.wpui-dark .ui-dialog-titlebar-close {
	background: url("../images/close-light.png") no-repeat scroll 0 0 transparent;
	position: absolute;
	right: 5px;
	top : 5px;
	width: 18px;
	height : 18px;
	margin: 0px;
	padding: 0px;
	border: 1px solid transparent;
	opacity: 0.6;
	text-indent : -99999em;
}

.wpui-dark .ui-dialog-titlebar-close:hover {
	background: url("../images/close-light.png") no-repeat scroll 0 0 transparent;
	width: 18px;
	height : 18px;
	border: 1px solid transparent;
	top: 5px;
	right: 5px;
	opacity: 1;
}

.wpui-dark .ui-dialog-buttonpane {
	border-top : 1px solid #000;
	-moz-box-shadow    : 0 1px 0 #444 inset;
	-webkit-box-shadow : 0 1px 0 #444 inset;
	-o-box-shadow      : 0 1px 0 #444 inset;
	box-shadow         : 0 1px 0 #444 inset;
}


.wpui-dark.wpui-button {
	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 #000;
	font-weight : bold;
	padding: 4px 10px;
	text-decoration : none;
	-moz-box-shadow    : 1px 1px 0 #888 inset, -1px -1px 0 #666 inset;
	-webkit-box-shadow : 1px 1px 0 #888 inset, -1px -1px 0 #666 inset;
	-o-box-shadow      : 1px 1px 0 #888 inset, -1px -1px 0 #666 inset;
	box-shadow         : 1px 1px 0 #888 inset, -1px -1px 0 #666 inset;
	border : 0px;
	border : 1px solid #333;
	color : #DDD !important;
	-moz-border-radius     : 3px;
	-webkit-border-radius  : 3px;
	-o-border-radius       : 3px;
	border-radius          : 3px;
}

.wpui-dark.wpui-button span.ui-icon {


}


.wpui-dark.wpui-button:hover {
	background: -moz-linear-gradient(top , #888,  #666);
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#666));
	background: -webkit-linear-gradient(top , #888, #666);
	background: -o-linear-gradient(top , #888, #666);
	-moz-box-shadow    : 1px 1px 0 #999 inset, -1px -1px 0 #777 inset;
	-webkit-box-shadow : 1px 1px 0 #999 inset, -1px -1px 0 #777 inset;
	-o-box-shadow      : 1px 1px 0 #999 inset, -1px -1px 0 #777 inset;
	box-shadow         : 1px 1px 0 #999 inset, -1px -1px 0 #777 inset;
	color : #EEE;

}
.wpui-dark.wpui-button:active {
	-moz-box-shadow    : 0 2px 7px rgba( 0, 0, 0, 0.4) inset;
	-webkit-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.4) inset;
	-o-box-shadow      : 0 2px 7px rgba( 0, 0, 0, 0.4) inset;
	box-shadow         : 0 2px 7px rgba( 0, 0, 0, 0.4) inset;
}