/* 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, .ui-tabs-panel {

}
.ui-tabs-nav {


}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */

}

.ui-tabs-nav li {
    float: left;
    margin:0 3px 0 0;
    min-width: 77px; /* be nice to Opera */
	border:1px solid #fcfcf7;
	background:#fcfcf7;
	border-bottom:0;
}
.ui-tabs-nav li.last { margin:0; float:right;}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0;
   
}
.ui-tabs-nav{ height:38px; padding:0 0 0 0; margin:0; width:250px; }
.detailsPage .ui-tabs-nav{ height:27px; padding:0 0 0 0; margin:0; }
.ui-tabs-nav a {
    margin: 1px 0 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
	height:36px;
	text-indent:-9999px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav a:hover {
	text-decoration:underline;
}
.detailsPage .ui-tabs-nav a{
	text-indent:0;
	font-size:.625em;
	padding:4px 0 4px 0;
	height:10px;
	text-transform:uppercase;
	width:auto;
	color:#666;
}
.ui-tabs-nav .ui-tabs-selected a {
	height:38px;
	background-color:#fff;
}
.detailsPage .ui-tabs-nav .ui-tabs-selected a {
	height:19px;
	color:#666;
}

*>.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, .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 {
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(http://demo.fondazionepatriziopaoletti.org/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;
}
#facebox .b {
  background:url(http://demo.fondazionepatriziopaoletti.org/img/facebox/b.png);
}

#facebox .tl {
  background:url(http://demo.fondazionepatriziopaoletti.org/img/facebox/b.png);
}

#facebox .tr {
  background:url(http://demo.fondazionepatriziopaoletti.org/img/facebox/b.png);
}

#facebox .bl {
  background:url(http://demo.fondazionepatriziopaoletti.org/img/facebox/b.png);
}

#facebox .br {
  background:url(http://demo.fondazionepatriziopaoletti.org/img/facebox/b.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
  
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 3px;
  text-align: center;
}

#facebox .info {
  margin-top: 5px;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 
  color: #777;
  line-height: 16px;
  font-size: 11px;
}

#facebox .navigation {
  float: left;
}

#facebox .close {
  float: right;
}

#facebox .next, #facebox .prev {
  font-size: 170%;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}




/* cycle navigation */
#nav{ position:absolute; top:18px; right:9px; z-index:40; }
#nav a{ display:inline; float:left; font-size:.75em; text-decoration:none; background:#c3c4c4; color:#444; padding:4px; margin:0 5px 0 0; line-height:.75em; }
#nav a:hover, #nav a.activeSlide{ color:#fff; background:#444; }
#nav a:active{ color:#fff; background:#000; }
#slideShow{ position:absolute; top:10px; right:1px; height:341px; width:668px; overflow:hidden; }
.detailsPage #cover{  height:207px; position:absolute; top:10px; right:1px; width:668px; overflow:hidden; }
/* payoff*/
.linkTo{ position:absolute; top:228px; right:19px; z-index:38; text-transform:uppercase; background:#fff; padding:18px 24px 18px 12px;  text-align:left; }
.linkTo a{color:#5c5c5c; text-decoration:none; }
.linkTo a:hover{color:#5c5c5c; text-decoration:underline; }
.linkTo a:active{color:#000; text-decoration:none; }
/*
#elearning.article{height:0;}
#store.article{height:0;}
#topics.article{height:0;}*/

/* 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... */
    .tabs-hide {
        display: none;
    }}