/*  Simple red.
======================================================================= */

.wpui-red .ui-tabs {
	border-radius : 4px;
	-moz-border-radius : 4px;
	-webkit-border-radius : 4px;
	-o-border-radius : 4px;
	padding: 0px !important;
}

.wpui-red ul.ui-tabs-nav {
	padding-top: 10px;
	padding-left: 10px;
}

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

.wpui-red .ui-tabs {
	background : #FFF;
	border-radius          : 5px;
	-moz-border-radius     : 5px;
	-webkit-border-radius  : 5px;
	-o-border-radius       : 5px;
	border: 0px;
/*	border-top: 1px solid #4A2825;*/
	font: 12px Arial, Helvetica , Verdana, sans-serif;
}

.wpui-red .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-red .ui-tabs-panel {
	background: #FFF;
	border: 1px solid #DADADA;
}

.wpui-red ul.ui-tabs-nav {
	border: 1px solid #4A2121;
	background: #711919;
	background: -moz-linear-gradient(top ,#BD5454, #711919);
	background: -webkit-gradient(linear, left top, left bottom , from(#BD5454), color-stop(0.85, #AA2626), to(#8A1F1F));
   background: -webkit-linear-gradient(top , #BD5454, #8A1F1F);
   background: -o-linear-gradient(top , #BD5454, #8A1F1F);
	-moz-box-shadow    : 0 1px 0 #D7746B inset;
	-webkit-box-shadow : 0 1px 0 #D7746B inset;
	-o-box-shadow      : 0 1px 0 #D7746B inset;
	box-shadow         : 0 1px 0 #D7746B inset;
	padding-top: 6px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.wpui-red ul.ui-tabs-nav li {
	background : none;
	border : none !important;

}

.wpui-red ul.ui-tabs-nav li a {
	color: #FFF;
	background: none;
	text-shadow: 0 1px 0 #20559A;
	border-radius          : 6px;
	-moz-border-radius     : 6px;
	-webkit-border-radius  : 6px;
	-o-border-radius       : 6px;
	border-top: none;
	line-height: 18px;
	opacity: 0.8;
}

.wpui-red ul.ui-tabs-nav li.ui-state-active {
	background: #FFF;
	bottom: -2px;
	border: 1px solid #20559A;
	border-bottom: 0px;
}

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


.wpui-red .ui-button {
	background: #AA2626;
	background: -moz-linear-gradient(top, #BD5454, #AA2626);
	background: -webkit-gradient(linear, left top, left bottom, from(#BD5454), to(#AA2626));
	background: -webkit-linear-gradient(top, #BD5454, #AA2626);
	background: -o-linear-gradient(top, #BD5454, #AA2626);
	text-shadow: 0 -1px 0 #444;
	color: #FFF;
	border-radius          : 4px;
	-moz-border-radius     : 4px;
	-webkit-border-radius  : 4px;
	-webkit-border-radius  : 4px;
	font: bold 12px/20px Arial, Helvetica , Verdana, sans-serif;
	padding: 2px 10px;
	border : 1px solid #3D1B1B;
	-moz-box-shadow    : 0 1px 0 #D7746B inset;
	-webkit-box-shadow : 0 1px 0 #D7746B inset;
	-o-box-shadow      : 0 1px 0 #D7746B inset;
	box-shadow         : 0 1px 0 #D7746B inset;
}


.wpui-red .wp-tab-content a.ui-button {
	float: right;
	margin: 0;
	text-decoration: none !important;
}



.wpui-red .ui-tabs-panel .tab-top-nav a,
.wpui-red .ui-tabs-panel .tab-bottom-nav a {
	background: #AA2626;
	background: -moz-linear-gradient(top, #BD5454, #AA2626);
	background: -webkit-gradient(linear, left top, left bottom, from(#BD5454), to(#AA2626));
	background: -webkit-linear-gradient(top, #BD5454, #AA2626);
	background: -o-linear-gradient(top, #BD5454, #AA2626);
	text-shadow: 0 -1px 0 #444;
	color: #FFF;
	border-radius          : 4px;
	-moz-border-radius     : 4px;
	-webkit-border-radius  : 4px;
	-webkit-border-radius  : 4px;
	font: bold 12px/20px Arial, Helvetica , Verdana, sans-serif;
	padding: 2px 10px;
	border : 1px solid #3D1B1B;
	-moz-box-shadow    : 0 1px 0 #D7746B inset;
	-webkit-box-shadow : 0 1px 0 #D7746B inset;
	-o-box-shadow      : 0 1px 0 #D7746B inset;
	box-shadow         : 0 1px 0 #D7746B inset;
}


.wp-tabs {
	position:relative;
}




/* Tabs at bottom */

.wpui-red ul.ui-tabs-nav.ul-bottom {
	border-top: 1px solid #3D1B1B;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 10px;

	background: #711919;
	background: -moz-linear-gradient(top ,#BD5454, #711919);
	background: -webkit-gradient(linear, left top, left bottom , from(#BD5454), color-stop(0.85, #AA2626), to(#8A1F1F));
   background: -webkit-linear-gradient(top , #BD5454, #8A1F1F);
   background: -o-linear-gradient(top , #BD5454, #8A1F1F);
}

.wpui-red ul.ui-tabs-nav.ul-bottom li {
	vertical-align:top;

	top:0px;	
}

.wpui-red div.ui-tabs.bottom-tabs {
	border-top: 0px;
}
.wpui-red div.bottom-tabs {
	border-radius          : 5px 5px 0 0 !important;
	-moz-border-radius     : 5px 5px 0 0 !important;
	-webkit-border-radius  : 5px 5px 0 0 !important;
	-o-border-radius       : 5px 5px 0 0 !important;
	border-bottom: 0px;
}

.wpui-red ul.ui-tabs-nav.ul-bottom li.ui-state-active {
	background: #FFF;
	border-top: 0px;
	bottom: 0;
	top:	-1px;
	height: 16px;
	box-shadow: none;
}

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


/*
 *	wpui red accordion styles.
 */


.wpui-red .ui-collapsible-header,
.wpui-red .ui-accordion 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: #711919;
	background: -moz-linear-gradient(top ,#BD5454, #711919);
	background: -webkit-gradient(linear, left top, left bottom , from(#BD5454), color-stop(0.85, #AA2626), to(#8A1F1F));
   background: -webkit-linear-gradient(top , #BD5454, #8A1F1F);
   background: -o-linear-gradient(top , #BD5454, #8A1F1F);
	padding: 4px 10px;
	color: #fff !important;
	color: rgba( 255, 255, 255, 255 );
	border: 1px solid #3D1B1B;
	text-shadow: 0 -1px 0 #13345A;
}

.wpui-red h3.ui-collapsible-header:hover,
.wpui-red .ui-accordion h3.ui-accordion-header:hover {
	color: #000;
	text-shadow: 0 1px 0 #13345A;
}

.wpui-red h3.ui-collapsible-header.ui-state-active,
.wpui-red .ui-accordion h3.ui-accordion-header.ui-state-active {
	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: 0px;
}

.wpui-red .ui-accordion .ui-accordion-content {
	color: #666;
	background: white;
	border: 1px solid #DDD;
	
}
.wpui-red .ui-collapsible-content {
	color: #666;
	background: white;
	background: -moz-linear-gradient(top ,#E6D1DC, #FFF 15%);
	background: -webkit-gradient(linear, left top, left bottom , from(#E6D1DC), color-stop(0.15, #FFF), to(#FFF));
   background: -webkit-linear-gradient(top , #E6D1DC, #FFF 15%);
   background: -o-linear-gradient(top , #E6D1DC, #FFF 15%);

}



.wpui-red.ui-dialog {
	-moz-border-radius     : 8px;
	-webkit-border-radius  : 8px;
	-o-border-radius       : 8px;
	border-radius          : 8px;
	font-family: 'Lucida Grande', 'Arial', sans-serif;
	background: #FFF;
	
}

.wpui-red .ui-dialog-titlebar {
	font-weight: bold;
	color: #FFF;
	text-shadow: 0 -1px 0 #100;
	padding: 6px 10px;
	background: #711919;
	background: -moz-linear-gradient(top ,#BD5454, #711919);
	background: -webkit-gradient(linear, left top, left bottom , from(#BD5454), color-stop(0.85, #AA2626), to(#8A1F1F));
   background: -webkit-linear-gradient(top , #BD5454, #8A1F1F);
   background: -o-linear-gradient(top , #BD5454, #8A1F1F);
	-moz-border-radius     : 6px 6px 0 0;
	-webkit-border-radius  : 6px 6px 0 0;
	-o-border-radius       : 6px 6px 0 0;
	border-radius          : 6px 6px 0 0;
	border-bottom: 1px solid #200;
	-moz-box-shadow    : 0 1px 0 #F0B9C7 inset;
	-webkit-box-shadow : 0 1px 0 #F0B9C7 inset;
	-o-box-shadow      : 0 1px 0 #F0B9C7 inset;
	box-shadow         : 0 1px 0 #F0B9C7 inset;
}

.wpui-red .ui-dialog-content {
	padding: 10px;
	overflow:hidden;
	
}

.wpui-red .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-red .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-red.wpui-button {
	background: #AA2626;
	background: -moz-linear-gradient(top, #BD5454, #AA2626);
	background: -webkit-gradient(linear, left top, left bottom, from(#BD5454), to(#AA2626));
	background: -webkit-linear-gradient(top, #BD5454, #AA2626);
	background: -o-linear-gradient(top, #BD5454, #AA2626);
	text-shadow: 0 -1px 0 #444;
	color: #FFF;
	font-weight : bold;
	border-radius          : 4px;
	-moz-border-radius     : 4px;
	-webkit-border-radius  : 4px;
	-webkit-border-radius  : 4px;
	font: Arial, Helvetica , Verdana, sans-serif;
	border : 1px solid #3D1B1B;
	-moz-box-shadow    : 0 1px 0 #E78281 inset,  0 -1px 0 #E78281 inset;
	-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-red.wpui-button:hover {
	background : #D46254;
	background: -moz-linear-gradient(top, #D46254, #AA2626);
	background: -webkit-gradient(linear, left top, left bottom, from(#BD5454), to(#AA2626));
	background: -webkit-linear-gradient(top, #BD5454, #AA2626);
	background: -o-linear-gradient(top, #BD5454, #AA2626);
}
.wpui-red.wpui-button:active {
	-moz-box-shadow    : 0 2px 7px rgba( 0, 0, 0, 0.3) inset;
	-webkit-box-shadow : 0 2px 7px rgba( 0, 0, 0, 0.3) inset;
	-o-box-shadow      : 0 2px 7px rgba( 0, 0, 0, 0.3) inset;
	box-shadow         : 0 2px 7px rgba( 0, 0, 0, 0.3) inset;
}