/* @group pagiMore */
#pagiMore					{ font-family: "Arial Black", Arial, sans-serif; font-size: 0.91em; width: 550px; margin: 0 auto;}
#pagiMoreFadeOut			{ background: url(images/backgrounds/fadeout.png) no-repeat 0 0; width: 550px; height: 20px; position: absolute;}
#pagiMoreContent			{ overflow: hidden; width: 550px; }
#pagiMoreSlider				{ margin-top: 10px; }
#pagiMore ul				{ width: 550px; }
#pagiMore ul li 			{ display: inline; float: left; margin: 0 1px; padding: 0px 0.5em 0.1em 0.5em; background: #252525;  text-align:center; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#pagiMore ul .current		{ display: inline; float: left; margin: 0 9px; padding: 0px 0.5em 0.1em 0.5em; background: #95c51f; color: #fff; }
#pagiMore ul li a			{ color: #fff; text-decoration: none;}
#pagiMore ul li span.date	{ width: 120px; color: #000; position: absolute; z-index: 99; margin-left: -47px; /* margin-left is half of the width minus half of the outerwidth of #pagiMore ul */ margin-top: -40px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix	{ height:1%; }
.ui-helper-clearfix 		{ display:block; }
/* end clearfix */

.ui-slider								{ position: relative; }
.ui-slider .ui-slider-handle			{ position: absolute; z-index: 2; width: 13px; height: 13px; cursor: col-resize; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.ui-slider .ui-slider-range				{ position: absolute; z-index: 1; display: block; border: 0; }

.ui-slider-horizontal					{ height: 8px; }
.ui-slider-horizontal .ui-slider-handle	{ top: -4px; margin-left: -6px; }

.ui-widget-content						{ background: #595959; height: 2px; margin-top: 2px; border-top: 4px solid #fbfbfb; border-bottom: 4px solid #fbfbfb; }

.ui-state-default, .ui-widget-content .ui-state-default														{ top: -10px; width: 19px; height: 24px; background: url(images/buttons/btn-sliderhandle-noraml.png) no-repeat 0 0; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus	{ top: -10px; width: 19px; height: 24px; background: url(images/buttons/btn-sliderhandle-hover-active.png) no-repeat 0 0; }
.ui-state-active, .ui-widget-content .ui-state-active														{ top: -10px; width: 19px; height: 24px; background: url(images/buttons/btn-sliderhandle-hover-active.png) no-repeat 0 0; }
/* @end */