body {
  margin: 0;
  padding: 0;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  color: #000;
  text-align: center;
  background: #fff url("../images/body-background.gif") 0px 0px repeat;
}

/* FORM */
form {
  margin: 0;
  padding: 0;
}

legend {
  font-size: 10px;
  color: #fff;
  margin: 0 4px;
  padding: 0 4px;
}
label {
  margin: 0;
  padding: 0;
  line-height: 100%;
}
input.inputtext, textarea.inputtext  {
  margin: 0;
  padding: 3px 2px 2px 1px;
  color: #333;
  font-size: 11px;
  border: 1px inset;
  background: #fff;
}
input.button  {
  margin: 0;
  padding: -3px 0 0 0;
  color: #333;
  font-size: 11px;
  font-weight: bold;
  border: 1px outset;
  background: #fc0;
}
select.selectbox  {
  margin: 0;
  padding: 1px;
  color: #000;
  font-size: 11px;
  border: 1px inset;
  background: #fff;
}

/* Global Container */
#container {
  margin: 10px auto 0 auto;
  padding: 0;
  width: 932px;
  text-align: left;
}

#main {
  margin: 0;
  padding: 0;
  display:block;
  float:left;
  border: 1px solid #FFF;
}

#content {
  margin: 0;
  padding: 0;
  width: 770px;
}

#sponsor {
  margin: 0;
  padding: 0;
  display:block;
  width: 160px;
  float: right;
  height: 16px;
}

#sponsor div {
  margin: 0 0 1px 0;
  padding: 0;
  width: 160px;
  height: 16px;
  background: transparent url("../images/sx-adv-tab.gif") right top no-repeat;
}

#sponsor span {
  display: none;
}

#sponsor img {
  float: right;
  border: none;
  margin-bottom: 5px;
}

/* _____________________ Header */
#header {
  margin: 0;
  padding: 0;
  display:block;
  width: 100%;
  height: 79px;
  border-bottom: 1px solid #fff;
  background: transparent url("../images/header_video.jpg") left top no-repeat;
}

#header h1 {
  margin: 0 5px 0px 84px;
  padding: 9px 0 0 0;
  display:block;
}

#header h1 span.top {
  margin:0;
  padding: 0;
  font-size:10px;
  color:#595959;
  font-weight:normal;
  float:left;
  display:block;
}

#header h1 span.top2 {
  margin: -7px 0px 0px 0px !important;
  margin: -17px 0px 0px 0px;
  padding: 0;
  float:right;
  display:block;
}

#header h1 a {color:#595959; text-decoration: none;}
#header h1 a:hover {color:#595959; text-decoration: underline;}

#header img {border:0px;}

/* MAIN ______________________________ Main-Container */
#main-container {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  text-align: left;
  background: #E6E6E6 url("../images/main-background.gif") right top repeat-y;
  border-top: 0px solid #fff;

  /*  border: 1px dashed white;       - - - - - - - - - - - - - DEBUG   */
}



/* ------------------------------
 *    AREA CONTENUTI
 * ------------------------------ */
 
/* _____________________ Colonne contenuti */
#cont-sx {
  margin: 0;
  padding: 0 0 10px 0;
  float: left;
  /* width: 462px;  */
  width: 506px;
  display:block;
  
}

#cont-dx {
  margin: 0;
  padding: 0 0 4px 0;
  float: right;
  /* width: 302px;  */
  width: 262px;
}

/*  BOX REVIEW/CATEGORY-FIRST/CATEGORY-TOP __________________ Common */

#main-video,
#box-lastvideo {
  margin: 0 0 6px 0;
  padding: 0 0 10px 2px;
  float: left;
  width: 504px;
  display:block;
  color:#FFF;
   background: #737373 url("../images/cont-sx-review-background.gif") left bottom no-repeat;
}
#box-lastvideo table {
  margin: 0;
  padding: 0;
  float: left;
  width: 504px;
  display:block;
}
#box-lastvideo table td {
  margin: 0;
  padding: 0 0 35px 0;
}
#main-video h3,
#box-lastvideo h3 {
  margin: 2px 0 0px 0;
  padding: 0;
  width: 500px;
  display:block;
  background: transparent url("../images/cont-sx_tab-top2.gif") right top no-repeat;

}
#main-video h3 span.hdx,
#box-lastvideo h3 span.hdx {
  margin: 0;
  padding: 0 0 0 8px;
  min-height: 26px;
  line-height: 26px;
  display: block;
  color: #fc0;
  font-size: 13px;
  font-weight: bold;
   background: transparent url("../images/cont-sx_tab-bottom2.gif") right bottom no-repeat;

}

#box-lastvideo dl {
  margin: 1px 0 0 0;
  padding: 3px 0 0 0;
  width: 498px;
  display:block;
}
#box-lastvideo dl dt {
  clear: both;
  margin: 0 0 10px 0;
  padding: 0;
  width: 102px;
  height:80px;
  float: left;
  display:block;
}
#box-lastvideo dl dd {
  margin: 0 0 1px 7px;
  padding: 0 0 20px 2px;
  float: left;
  width: 380px;
  line-height: 125%;
}

#box-lastvideo dl dt img,
.box-category-top dl dt img {
  margin: 0 0 0 2px;
  padding: 1px;
  border: 1px solid #ccc;
}
#box-lastvideo dl dd div.info,
.box-category-top dl dd div.info-review,
.box-category-top dl dd div.info-preview,
.box-category-top dl dd div.info-special,
.box-category-top dl dd div.info {
  margin: 0;
  padding: 0 0 0 4px;
  line-height: 18px;
  font-size: 10px;
  color: #000;
   background: #ccc;

}

#box-lastvideo dl dd div.info a {
  font-size: 10px;
  font-weight:bold;
  color: #000;
  text-decoration:underline;
}

#box-lastvideo dl dd div.title,
.box-category-top dl dd div.title {
  margin: 3px 0 0 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 135%;
}

#box-lastvideo dl dd div.title a {
  color: #fc0;
  text-decoration: underline;
}
#box-lastvideo dl dd div.title a:hover {
  color: #fff;
  text-decoration: none;
}
.box-category-top dl dd div.title a {
  color: #000;
  text-decoration: underline;
}
.box-category-top dl dd div.title a:hover {
  color: #707070;
  text-decoration: none;
}


#box-lastvideo dl dd div.abstract,
.box-category-top dl dd div.abstract {
  margin: 0;
  padding: 0;

}
#box-lastvideo dl dd div.other,
.box-category-top dl dd div.other {
  margin: 4px 0 0 0;
  padding: 0;
}
#box-lastvideo dl dd div.other span,
.box-category-top dl dd div.other {
  float: left;
  font-size: 11px;
  color: #fc0;
}

/*  BOX GALLERY TOP _________________________________ */
#box-gallery-top {
  display:block;
  margin: 4px 0 0 1px;
  padding: 0;
  float: left;
  width: 100%;
  background: transparent url("../images/box-etonline-top.gif") left top no-repeat;
}
#box-gallery-bottom {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 85px;
  background: transparent url("../images/box-etonline-bottom.gif") left bottom no-repeat;
}

#box-gallery-bottom img {
  margin: 0;
  padding-left: 270px;
  border:0;
}

#box-gallery-bottom h3 {
  margin: 0;
  padding: 0 0 0 90px;
  height: 26px;
  line-height: 26px;
  display: block;
  color: #fc0;
  font-size: 13px;
  font-weight: bold;
}

#box-gallery-bottom ul {
  margin: 8px 0 0 10px;
  padding: 0;
  list-style-type: none;
  width: 446px;
}
#box-gallery-bottom ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 110px;
  min-height: 120px;
  float: left;
  text-align: center;
  color: #fff;
  font-size: 10px;
}
#box-gallery-bottom ul li a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #fff;
}
#box-gallery-bottom ul li a img {
  margin: 0;
  padding: 1px;
  border: 1px solid #ccc;
}
#box-gallery-bottom ul li a:hover img {
  border: 1px solid #fc0;
}
#box-gallery-bottom ul li a span {
  color: #fc0;
}


/* ------------------------------
 *         BOX SPALLA DX
 * ------------------------------ */

/*  BOX DX - Common  */
.box-dx {
  margin: 5px 0 28px 8px;
  padding: 0;
  width: 250px;
  display:block;

  /*   border: 1px dashed yellow;      - - - - - - - - - - - - - DEBUG   */
}
.box-dx h3 {
  margin: 0;
  padding: 0;
  width: 100%;
  background: transparent url("../images/cont-dx_tab-box-top.gif") left top no-repeat;
  display:block;
  text-align:center;
}
.box-dx h3 span.hdx {
  margin: 0 0 0 -8px;
  padding: 0 2px 0 20px;
  min-height: 26px;
  line-height: 38px;
  color: #fc0;
  font-size: 13px;
  font-weight: bold;
  /*background: transparent url("../images/cont-dx_tab-box-bottom.gif") left bottom no-repeat;*/
}

.box-dx div.boxbackgr-top {
  margin: 0;
  padding: 5px 0 0 0;
  background: transparent url("../images/cont-dx_box-dx_background-top.gif") left top no-repeat;
}
.box-dx div.boxbackgr-bottom {
  margin: 0;
  padding: 0 0 10px 0;
  color: #fff;
  background: transparent url("../images/cont-dx_box-dx_background-bottom.gif") left bottom no-repeat;
}
.box-dx p {
  margin: 0;
  padding: 5px 6px 0 12px;
}
.box-dx table {
  margin: 0;
  padding:0;
  background: transparent url("../images/cont-dx_box-dx_background-top.gif") left bottom no-repeat;
}



/*  TOP CLICK  */
/*  TOP VOTES  */

.box-dx dl {
  margin: 1px 0 8px 0;
  padding: 5px 6px 0 3px;
  width: 242px;
  float: left;
  display:block;
  clear:both;
}

.box-dx dl dt {
  margin: 0;
  padding: 0;
  width: 117px;
  float: left;
  display:block;
}
.box-dx dl dd {
  margin: 0 2px 1px 0;
  padding: 0 0 5px 2px;
  float: left;
  width: 120px;
  /*height:80px;*/
  color: #000;
  line-height: 15px;
}
.box-dx dl dt img {
  margin: 0 0 0 10px;
  padding: 1px;
  border: 1px solid #ccc;
}
.box-dx dl dd div.info {
  margin: 0;
  padding: 2px 2px 2px 3px;
  line-height: 14px;
  font-size: 10px;
  color: #000;
  background: #ccc;
}
.box-dx dl dd div.info a {
  color: #000;
  font-weight: bold;
  text-decoration: underline;

}
.box-dx dl dd div.info a:hover {
  color: #000;
  text-decoration: none;
}
.box-dx dl dd div.title {
  margin: 3px 0 0 0;
  padding: 0;
  font-size: 11px;
  font-weight: bold;
}
.box-dx dl dd div.title a {
  color: #fff;
  text-decoration: none;
}
.box-dx dl dd div.title a:hover {
  color: #fc0;
  text-decoration: underline;
}
.box-dx dl dd div.other {
  margin: 2px 0 0 0;
  padding: 0;
  width: 99%;
  float: left;
  font-size: 10px;
  color: #fc0;
}


/* link archive */
.box-dx div.box-archive {
  margin: 4px 2px 0 0;
  padding: 0;
  float: right;
  position: relative;
  top: 0px;
  right: 10px;
  z-index: 10;
  height: 16px;
  background: transparent url("../images/box-dx_generico_archive-link-sx.gif") left bottom no-repeat;
  /* border: 1px dashed yellow      DEBUG -----------------------   */
}
.box-dx div.box-archive span {
  margin: 0;
  padding: 0 14px 0 24px;
  display: block;
  line-height: 16px;
  background: transparent url("../images/box-dx_generico_archive-link-dx.gif") right bottom no-repeat;
}
.box-dx div.box-archive a {
  padding: 0 10px 2px 0;
  color: #fc0;
  text-decoration: none;
  font-size: 10px;
  line-height: 14px;
  background: transparent url("../images/link-yellow1.gif") right center no-repeat;
  /* border: 1px dashed yellow      DEBUG -----------------------   */
}
.box-dx div.box-archive a:hover {
  color: #fff;
  text-decoration: none;
  background: transparent url("../images/link-white1.gif") right center no-repeat;
}

/* MAIN ______________________________ Footer */
div#footer {
  color: #ccc;
  text-align: center;
  border-top: 1px solid #fff;
  background: #000 url("../images/footer-background.gif") top repeat-x;
  padding: 0 0 10px 0;
  margin:0;
  display:block;
  clear:both;
}
div#footer p img {
  margin: 0;
  padding: 10px 0 0 0;
  border:0px;
}
div#footer h5 {
  margin: 0;
  padding: 0;
  font-size: 11px;
  font-weight: bold;
  color: #E2E2E2;
  display:block;
  line-height:30px;
}
/*  FOOTER - Other Links */
div#footer p#otherlinks {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 11px;
  color: #fff;
}
div#footer p#otherlinks a {
  text-decoration: none;
  color: #fff;
}
div#footer p#otherlinks a:hover {
  text-decoration: underline;
  color: #fff;
}

/*  tab menu - TOP */
div#navigation{border-bottom: 1px solid #787878;padding-left: 25px; font-size:10px; font-weight:normal;}
div#navigation ul{list-style-type: none;margin: 0;padding: 0;white-space: nowrap}
div#navigation li{display: inline;margin: 0;padding:0}
div#navigation li a{text-decoration: none;border: 1px solid #787878;padding: 0px 0.3em;
    background: #ccc;color: #036}
div#navigation li a:hover{background-color: #f0f0f0}
div#navigation li#activelink a{border-bottom: 1px solid #fff;background-color: #fff;color: #603}


/*  FOOTER - Network */
div#footer p#network {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 11px;
  color: #fff;
}
div#footer p#network a {
  text-decoration: none;
  color: #fc0;
  font-weight: bold;
}
div#footer p#network a:hover {
  text-decoration: underline;
  color: #fff;
}

/*  FOOTER - Reference */
div#footer p#references {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 11px;
  color: #fff;
}
div#footer p#references a {
  text-decoration: none;
  color: #fff;
}
div#footer p#references a:hover {
  text-decoration: underline;
  color: #fff;
}
div#footer p#credits {
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 10px;
  font-style:italic;
  color: #434;
}
div#footer p#credits a {
  text-decoration: none;
  font-weight:bold;
  font-style:normal;
  color: #434;
}
div#footer p#credits a:hover {
  text-decoration: underline;
  color: #434;
}