.ui-helper-reset {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none;}
.ui-helper-clearfix:after {	content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.ui-helper-clearfix {display: inline-block;}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix {display:block;}
/* end clearfix */

/* Component containers
----------------------------------*/
.ui-widget { }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {	color: #ffffff;
	text-decoration: none;
	outline: none;
	background:url(../images/article.jpg) no-repeat left top;
/*	height: 30px;*/
	width: 111px;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #FFFFFF; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
color: #ffffff;
	text-decoration: none;
	outline: none;
	background:url(../images/article-hover.jpg) no-repeat left top;
/*	height: 30px;*/
	width: 111px;}
/*hover btn*/
.ui-state-hover a, .ui-state-hover a:hover {
	color: #ffffff;
	text-decoration: none;
	outline: none;
	background:url(../images/article-hover.jpg) no-repeat left top;
/*	height: 30px;*/
	width: 111px;
}
/*active btn*/
.ui-state-active, .ui-widget-content .ui-state-active {
	background: url(../images/article-hover.jpg) no-repeat left top;
	font-weight: bold;
	color: #ffffff;
	outline: none;
/*	height: 30px;*/
	width: 111px;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	background: url(../images/article-hover.jpg) no-repeat left top;
	font-weight: bold;
	color: #ffffff;
	outline: none;
	height: 30px;
	width: 111px;
}

/*------------*/
.ui-tabs {padding: .2em; zoom: 1; font-size: 12px;}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; }
.ui-tabs .ui-tabs-nav li {
	position: relative;
	float: left;
	border-bottom-width: 0 !important;
	height: 30px;
	width: 111px;
}

/*link btn*/
.ui-tabs .ui-tabs-nav li a {
	float: left;
	text-decoration: none;
	width: 111px;
	text-align: center;
	font-weight: bold;
	height: 12px;
	width: 111px;
	padding-top: 9px;
	padding-bottom: 9px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {display: block; border-width: 0; background: none; padding-top: 1em; padding-bottom: 1em; }
.ui-tabs .ui-tabs-hide {display: none !important;}