@import  "community/UIGrid.css";
@import "../../script/skin/PopupInfo.css" ;
@import "../../community/skin/jsr168-portlet.css";
/***************************************/

body,caption,th,td,form,input,select,textarea,ul,li,h1,h2,h3,h4,h5,h6,p,object,pre,a {
   margin: 0px;
   padding: 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
}

body {
   background: white;
}

div {
   padding: 0px;
   margin: 0px ;
}

table {
  padding: 0px ;
  margin: 0px ;
  border-spacing: 0px ;
  border-collapse: collapse ;
  width:  100% ;
}

th, td {
  padding:  0px ; margin: 0px ;
}

img {
  padding:  0px ; margin: 0px ; border: none ;
}

form {
  padding:  0px ; margin: 0px ;
}

/* -------------------------------------------------- */
/*                 CUSTOMIZABLE BLOCK                 */
/* -------------------------------------------------- */
.customizable-block {
  border: 1px solid  rgb(163, 171, 182) ;
  background: white ;
  margin:  10px ;
  padding: 0px;
  position: relative ;
}

.customizable-block div, 
.customizable-block table {
  position: relative;
}

.customizable-block .info-bar {
  background: #dee7ef ;
  color: #660066;
  font-size : 13px;
  z-index: 7 ;
  overflow:  hidden ;
  width:  100%;
  border-bottom: 1px solid  rgb(163, 171, 182);
}

.customizable-block .dragable {
  cursor: move;
}

.customizable-block .info-bar a {
  text-decoration : none;
}
/* -------------------------------------------------- */
/*                    QUICK SEARCH                    */
/* -------------------------------------------------- */
form.quicksearch {
  background: #FFDA1F url(../images/search.gif) no-repeat 5px 50%;
  padding: 1px 0 2px 32px;
}
input.qs_input {
  font-size: 14px;
}
.qs_label {
  font-size: 14px;
}
/* -------------------------------------------------- */
/*                  OPZIONE PREMIUM                   */
/* -------------------------------------------------- */
#opzione-premium {
  padding: 12px;
  width: 779px;
}
#premium-table td.topleft {     background: url(../images/premium-sprite.gif) 0 0;}
#premium-table td.topcenter {   background: url(../images/premium-sprite2.gif) 0 0;}
#premium-table td.topright {    background: url(../images/premium-sprite.gif) 100% 0;}
#premium-table td.middleleft {  background: url(../images/premium-sprite3.gif) 0 0;}
#premium-table td.middleright { background: url(../images/premium-sprite3.gif) 100% 0;}
#premium-table td.bottomleft {  background: url(../images/premium-sprite.gif) 0 100%;}
#premium-table td.bottomcenter {background: url(../images/premium-sprite2.gif) 0 100%;}
#premium-table td.bottomright { background: url(../images/premium-sprite.gif) 100% 100%;}

#opzione-premium h2 {
  color: #fecd04;
  font-size: 20px;
}
#opzione-premium h5 {
  font-size: 16px;
  padding: 10px 0;
}
.premium-container {
  background: url(../../../ecm/jcr63b8.jpg?workspace=digital-assets&path=/images/MondoTelepass/premium-bg4.jpg) no-repeat;
  height: 334px;
}
.premium-info {
  width: 462px;
  height: 171px;
  background-color: #fff;
  border: 1px solid #999;
  margin: 40px 0 35px 240px;
  padding: 10px;
}
.premium-info #info1, .premium-info #info2, .premium-info #info3, .premium-info #info4, .premium-info #info5,
.premium-info #info6, .premium-info #info7 {
  display: none;
  height: 180px;
}
.carouselMain {
  background: url(../images/carousel-background.gif) repeat-x;
  height: 64px;
}
.carouselContainer {
  padding: 7px 0;
  float: left;
  height: 58px;
  margin: 0 5px !important;
  margin: 0 4px; /* solo ie6 */
}
#premium-carousel li {
  margin: 0 2px !important;
  margin: 0 1px; /* solo ie6 */
  background-image: url(../images/carousel-element.gif);
  display: table; height: 50px; width: 101px; position: relative;
}
#premium-carousel li div {
  display: table-cell !important;
  vertical-align: middle;
  width: 101px;
  text-align: center;
  position: absolute;
  top: 50%;
  font-size: 0; /* hack per ie */
}
html >/**/ body #premium-carousel li div { /* non letti da ie */
  position: relative;
  top: auto !important;
}
html >/**/ body #premium-carousel li div a {
  top: auto !important;
}
#premium-carousel li a {
  position: relative; top: -50%; /* solo ie */
  color: #444;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}
#premium-carousel li.selected {
  background-position: 0 50px;
}
#premium-carousel li.selected div a {
  color: #c00;
}