/*@import "ui.core.css";
@import "ui.theme.css";


.ui-tabs {padding: .2em;}
.ui-tabs-nav { padding: .2em .2em 0 0;  position: relative; }
.ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .2em -1px 0; padding: 0;}
.ui-tabs-nav li a { display:block; text-decoration: none; padding:0 4px 0 10px;line-height:23px; }
.ui-tabs-nav li.ui-tabs-selected {  padding-bottom: .1em; border-bottom: 0; color:red;}
.ui-tabs-panel { padding: 0;  font-family:georgia,arial;font-size:13px;line-height:40px;display: block; border: 0; background: #9EBA3B url(../img/bg_panel.gif) no-repeat; height:42px;}
.ui-tabs-panel select {font-family:arial,verdana;color:#999;font-size:12px;letter-spacing:0px;margin:0 0 0 5px;}
.ui-tabs-panel img {vertical-align:middle;}
.ui-tabs-hide { display: none !important; }*/

/* 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 */

.ui-tabs-nav {
    list-style: none;
    margin: 0;
	padding: .2em .2em 0 0;
	position: relative;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
	float: left;
	border-bottom: 0 !important;
	/*margin: 0 .2em 0px 0;*/
	/*margin:0;*/
	padding: 0;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    /*display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;*/
/*display:block; text-decoration: none; padding:0 4px 0 10px;line-height:23px;*/
}
.ui-tabs-nav a {
    /*margin: 1px 0 0;
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    outline: 0;
    background:yellow;*/
display:block;/* text-decoration: none;*/
/*padding:0 4px 0 10px;*/
padding:0 0 0 10px;
line-height:24px;
width:104px;
height:23px;
color:#FFFFFF;
/*background: url(../img/tab-off.gif) no-repeat;*/
}

.ui-tabs-nav .viaggi {
	background: url(../img/tab_orange.gif) no-repeat;
}

.ui-tabs-nav .vela {
	background: url(../img/tab_blue.gif) no-repeat;
}

.ui-tabs-nav .trekking {
	background: url(../img/tab_green.gif) no-repeat;
}

.ui-tabs-nav .bici {
	background: url(../img/tab_light_orange.gif) no-repeat;
}

.ui-tabs-nav .viaggiamondo {
	background: url(../img/tab_grey.gif) no-repeat;
}

.ui-tabs-nav .altro {
	background: url(../img/tab_purple.gif) no-repeat;
}

.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    z-index: 2;
    margin-top: 0;
    color: #FFFFFF;

}
.ui-tabs-nav a span {
    color: #FFFFFF;
}
/*.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected a:hover,.ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background: url(../img/tab-on.gif) no-repeat;
}*/
.ui-tabs-nav .ui-tabs-selected span {
    color:#fff;
}
/*.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background: url(../img/tab-off.gif) no-repeat;
}*/
/*.ui-tabs-nav a:hover  {
    background: url(../img/tab-hover.gif) no-repeat;
    color:#fff;
}*/
/*.ui-tabs-nav .ui-tabs-disabled a:active span {
    background: url(../img/tab-on.gif) no-repeat;
}*/
.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,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
	padding: 0;
	font-family:georgia,arial;
	font-size:13px;
	line-height:40px;
	display: block;
	border: 0;
	/*background: url(../img/bg_panel.gif) no-repeat;*/
	height:42px;
	color:#fff;
}
.ui-tabs-panel#I_NOSTRI_VIAGGI {
	background: url(../img/tab_orange_bkg.gif) no-repeat;
}
.ui-tabs-panel#VELA {
	background: url(../img/tab_blue_bkg.gif) no-repeat;
}
.ui-tabs-panel#TREKKING {
	background: url(../img/tab_green_bkg.gif) no-repeat;
}
.ui-tabs-panel#BICI {
	background: url(../img/tab_light_orange_bkg.gif) no-repeat;
}
.ui-tabs-panel#VIAGGIAMONDO {
	background: url(../img/tab_grey_bkg.gif) no-repeat;
}
.ui-tabs-panel#ALTRO {
	background: url(../img/tab_purple_bkg.gif) no-repeat;
}
.ui-tabs-panel form{margin:0;padding:0;}
.ui-tabs-panel select {
	font-family:arial,verdana;
	font-size:12px;
	letter-spacing:0px;
	margin:0 0 0 5px;
}
.ui-tabs-panel img {
	vertical-align:middle;
}

.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../img/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

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

