/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen 
{

/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */

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

}
/* Hide useless elements in print layouts... */
@media print 
{

.ui-tabs-nav 
{
	display: none;
}

}
/* Skin */
/* =most-popular */
div.most-popular 
{
	width: 308px;
	margin-bottom:10px;
	padding-left:10px;
	padding-bottom:10px;

	clear:both;
	float:left;
	background:#f0f9fd;
	
	
}
div#fragment-1, div#fragment-2, div#fragment-3 
{
	float: left;
	clear: left;
	padding: 1em 0;
	border: 1px solid #e2eff6;
	background:#fff;
	width:298px;
	padding-left:0;

}
div.most-popular ul.listing 
{
	float: left;
	font-size:.8em;
	width:100%;
}
div.most-popular ul.listing li 
{
	background: url(images/double_arrow.gif) no-repeat 0 6px;
	border-bottom: 1px solid #e2eff6;
	padding-left: 1.6em;
	width: auto;
}
div.most-popular a:link,
div.most-popular a:visited 
{
	text-decoration: none;
	line-height: 1.6em;
	color:#555;
}

div.most-popular ul.ui-tabs-nav 
{
	position: relative;
	bottom: -2px;
	float: left;
	margin-left: 0;
	padding: 0;
}
div.most-popular ul.ui-tabs-nav li 
{
	float: left;
	padding: 0.5em;
	background-image: none;
}
div.most-popular .ui-tabs-nav li.tab-1,
div.most-popular .ui-tabs-nav li.tab-2,
div.most-popular .ui-tabs-nav li.tab-3 
{
	border: 1px solid #e2eff6;
	margin-right: 4px;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: .6em;
	margin-bottom: 9px;
	font-size:.7em;
}
ul.ui-tabs-nav 
{
	float: left;
	padding: 8px;
	width: 95%;
	position: relative;
	bottom: -10px !important;
	background: none;
	float: left;
}
.ui-tabs-nav:after 
{

/* clearing without presentational markup, IE gets extra treatment */
    display: block;
	clear: both;
	content: " ";
}
.ui-tabs-nav a, .ui-tabs-nav a span 
{
	display: block;
	padding: 0 2px;
}
.ui-tabs-nav a 
{
	position: relative;
	top: 1px;
	z-index: 2;
	padding-left: 0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
/* required in IE 6 */
}
li.ui-tabs-selected 
{
	border-bottom: 0 !important;
	margin-right: 4px;
	margin-top:1px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .8em;
	padding-left: .8em;
	background: #fff !important;
}

.ui-tabs-nav a span 
{
	width: 3em;
	/* IE 6 treats width as min-width */
    min-width: 3em;
	height: .6em;
	/* 

IE 6 treats height as min-height */
    min-height: .6em;
	padding-top: 2px;
	padding-right: 0;
}
*>.ui-tabs-nav a span 
{

/* hide from IE 6 */
    width: auto;
	height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span 
{
	background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span 
{
	background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited 
{

/* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active 
{

/* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}