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

/* ui tabs */


.wpui-light .ui-tabs-hide {
	display: none;
}

.wpui-light .ui-tabs {
	padding: 0px !important;
}
.wpui-light ul.ui-tabs-nav {
	margin: 0 0 10px;
	display: block;
	height: 48px;	
	padding: 0;
}
.wpui-light .ui-corner-top {}
.wpui-light .ui-corner-left {}
.wpui-light .ui-corner-bottom {}
.wpui-light .ui-corner-right {}
.wpui-light .ui-corner-all {}
.wpui-light .ui-tabs {}
.wpui-light .ui-tabs-panel { clear: both; }
.wpui-light ul.ui-tabs-nav {}
.wpui-light .ui-tabs-vertical ul.ui-tabs-nav {}
.wpui-light ul.ui-tabs-nav li {
	display: inline;
	margin-right: 3px;
	padding : 0px;
}
.wpui-light ul.ui-tabs-nav li a {
	float: left;
	font: normal 14px/38px 'Oswald', sans-serif;
	text-transform: uppercase;
	height: 48px;
	color: #FFF;
	background: url("../images/tabs-fleche.png") no-repeat left top;
	margin: 0 2px;
	padding: 0 10px;
	text-decoration: none;
	text-shadow: none;	
	
}
.wpui-light .ui-tabs-nav li a:hover {	background-position: right top; }
.wpui-light .ui-tabs-nav li.ui-tabs-selected a:hover { background-position: right -48px; }
.wpui-light .ui-tabs-nav li.ui-tabs-selected a { background-position: right -48px; }
.wpui-light ul.ui-tabs-nav li.ui-state-active {}
.wpui-light .ui-tabs-vertical .ui-tabs-panel {}
.wpui-light .ui-tabs-vertical ul.ui-tabs-nav li {}
.wpui-light .ui-tabs-vertical ul.ui-tabs-nav li.ui-state-active {}

.wpui-light ul.ui-tabs-nav li.ui-state-active a {}
.wpui-light .ui-button {
	text-decoration : none;
	font-size : 14px;
	font-weight : bold;
	color : #777;
}
.wpui-light .ui-button:hover {
	color : #888;
}
.wpui-light .wp-tab-content a.ui-button {
	float: right;
	margin: 20px 0;
}
.wpui-light .ui-tabs-panel .tab-top-nav a,
.wpui-light .ui-tabs-panel .tab-bottom-nav a {}
.wp-tabs {
	position:relative;
}


/* Tabs at bottom */
.wpui-light ul.ui-tabs-nav.ul-bottom {
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
}
.wpui-light ul.ui-tabs-nav.ul-bottom li {
	vertical-align:top;
	top:0px;	
}
.wpui-light ul.ui-tabs-nav.ul-bottom li.ui-state-active {
	bottom: 0;
	top:	-1px;
	height: 16px;
}
.wpui-light ul.ui-tabs-nav.ul-bottom li.ui-state-active a {}


/*
 *	wpui Light accordion styles.
 */


.wpui-light .ui-collapsible-header,
.wpui-light .ui-accordion h3.ui-accordion-header {
	font: bold 14px 'Segoe UI', 'Lucida Grande', 'Arial', sans-serif;
	padding: 4px 10px;
	color: #222;
}

.wpui-light h3.ui-collapsible-header:hover,
.wpui-light .ui-accordion h3.ui-accordion-header:hover {
	color: #000;
}

.wpui-light h3.ui-collapsible-header.ui-state-active,
.wpui-light .ui-accordion h3.ui-accordion-header.ui-state-active {
	color: #000;
}

.wpui-light .ui-collapsible-content,
.wpui-light .ui-accordion .ui-accordion-content {
	color: #666;
	background: white;
}

/*.wpui-light span.ui-icon-triangle-1-e {
	background-position: 0 -16px;
}

.wpui-light span.ui-icon-triangle-1-s {
	background-position: -16px -16px;
}
*/

.ui-dialog {
	position: absolute !important; 
	font-size: 12px;
}
.ui-dialog-titlebar {
	cursor: move;
}
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.wpui-light.ui-dialog {
	font-family: 'Lucida Grande', 'Arial', sans-serif;
	background: #F4F2F4;
	color: #222;
}
.wpui-light .ui-dialog-titlebar {
	font-weight: bold;
	color: #555;
	padding: 10px;
	overflow: hidden;
}
.wpui-light .ui-dialog-content {
	padding: 15px;
	overflow:hidden;

}
.wpui-light .ui-dialog-titlebar-close {
	background: url("../images/close-dark.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.3;
	text-indent : -99999em;
	
}
.wpui-light .ui-dialog-titlebar-close:hover {
	background: url("../images/close-dark.png") no-repeat scroll 0 0 transparent;
	width: 18px;
	height : 18px;
	border: 1px solid transparent;
	top: 5px;
	right: 5px;
	opacity: 0.6;
}
.wpui-light .ui-dialog-buttonpane {
	padding : 0.7em;
	background : #EFEFEF;
}
.wpui-light.wpui-button {
	background : #EEE;
	text-decoration : none;
	font-weight : bold;
	color : #888;
	-moz-transition : all 0.2s ease-in;
	-webkit-transition : all 0.2s ease-in;
	-o-transition : all 0.2s ease-in;
	-ms-transition : all 0.2s ease-in;
	transition : all 0.2s ease-in;
}
.wpui-light.wpui-button:hover {
	background : #DEDEDE;
	text-decoration : none;
	color: #333;
	font-weight : bold;
	color : #666;
}
.wpui-light.wpui-button:active {}