/*	
*************************************************************************************************
   MegaSuite
*************************************************************************************************
   Copyright 2008 Arcon Informatica di Andrea Paolini - www.arconinformatica.com
   Ogni violazione sarà perseguita con il massimo della pena secondo le leggi vigenti
*************************************************************************************************

'VERSIONE:      1.0.0
'DATA:          5/03/2008
'*************************************************************************************************
*/

 /*	-------------------------------------------------------------
	plugin:jquery.flash
	------------------------------------------------------------- */ 
  .flash-replaced .alt {
				display: block;
				height: 0;
				position: absolute;
				overflow: hidden;
				width: 0;
			}
  .flash-replaced 
            {
            float:left;
            }      
 /*	-------------------------------------------------------------
	plugin:jtip
	------------------------------------------------------------- */ 

    .jTip{
    cursor:help;
    }


    /* global */
    #cluetip-close img {
      border: 0;
    }
    #cluetip-title {
      overflow: hidden;
    }
    #cluetip-title #cluetip-close {
      float: right;
      position: relative;
    }
    #cluetip-waitimage {
      width: 43px;
      height: 11px;
      position: absolute;
      background-image: url("../images/terzeparti/loading.gif");
    }
    .cluetip-arrows {
      display: none;
      position: absolute;
      top: 0;
      left: -11px;
      height: 22px;
      width: 11px;
      background-repeat: no-repeat;
      background-position: 0 0;
    }
    #cluetip-extra {
      display: none;
    }
    /***************************************
       =cluetipClass: 'default' 
    -------------------------------------- */

    .cluetip-default {
      background-color: #440c0d;
      width:100px;
      color:#F76C00;
    }
    .cluetip-default #cluetip-outer {
      position: relative;
      margin: 0;
      background-color: #440c0d;
    }
    .cluetip-default h3#cluetip-title {
      margin: 0 0 5px;
      padding: 8px 10px 4px;
      font-size: 1.1em;
      font-weight: normal;
      background:#8a0000;
      color: #fff;
    }
    .cluetip-default #cluetip-title a {
      color: #F76C00;
      font-size: 0.95em;
    }  
    .cluetip-default #cluetip-inner {
      padding: 10px;
    }
    .cluetip-default div#cluetip-close { 
      text-align: right;
      margin: 0 5px 5px;
      color: #F76C00;
    }

    /* default arrows */

    .clue-right-default .cluetip-arrows {
      background-image: url(images/darrowleft.gif);
    }
    .clue-left-default .cluetip-arrows {
      background-image: url(images/darrowright.gif);
      left: 100%;
      margin-right: -11px;
    }
    .clue-top-default .cluetip-arrows {
      background-image: url(images/darrowdown.gif);
      top: 100%;
      left: 50%;
      margin-left: -11px;
      height: 11px;
      width: 22px;  
    }  
    .clue-bottom-default .cluetip-arrows {
      background-image: url(images/darrowup.gif);
      top: -11px;
      left: 50%;
      margin-left: -11px;
      height: 11px;
      width: 22px;
    }

    /***************************************
       =cluetipClass: 'jtip'
    -------------------------------------- */
    .cluetip-jtip {
      background-color: transparent;
    }
    .cluetip-jtip #cluetip-outer {
      border: 2px solid #ccc;
      position: relative;
      background-color: #fff;
    }

    .cluetip-jtip h3#cluetip-title {
      margin: 0 0 5px;
      padding: 2px 5px;
      font-size: 16px;
      font-weight: normal;
      background-color: #ccc;
      color: #333;
    }

    .cluetip-jtip #cluetip-inner {
      padding: 0 5px 5px;
      display: inline-block;
    }
    .cluetip-jtip div#cluetip-close { 
      text-align: right;
      margin: 0 5px 5px;
      color: #900;
    }

    /* jtip arrows */

    .clue-right-jtip .cluetip-arrows {
      background-image: url(images/arrowleft.gif);
    }
    .clue-left-jtip .cluetip-arrows {
      background-image: url(images/arrowright.gif);
      left: 100%;
      margin-right: -11px;
    }
    .clue-top-jtip .cluetip-arrows {
      background-image: url(images/arrowdown.gif);
      top: 100%;
      left: 50%;
      margin-left: -11px;
      height: 11px;
      width: 22px;  
    }  
    .clue-bottom-jtip .cluetip-arrows {
      background-image: url(images/arrowup.gif);
      top: -11px;
      left: 50%;
      margin-left: -11px;
      height: 11px;
      width: 22px;
    }

    /***************************************
       =cluetipClass: 'rounded'
    -------------------------------------- */

    .cluetip-rounded {
      background: transparent url(images/bl.gif) no-repeat 0 100%;
      margin-top: 10px;
      margin-left: 12px;
    }

    .cluetip-rounded #cluetip-outer {
      background: transparent url(images/tl.gif) no-repeat 0 0;
      margin-top: -12px;
    }

    .cluetip-rounded #cluetip-title {
      background-color: transparent;
      padding: 12px 12px 0;
      margin: 0 -12px 0 0;
      position: relative;
    }
    .cluetip-rounded #cluetip-extra {
      position: absolute;
      display: block;
      background: transparent url(images/tr.gif) no-repeat 100% 0;
      top: 0;
      right: 0;
      width: 12px;
      height: 30px;
      margin: -12px -12px 0 0;
    }
    .cluetip-rounded #cluetip-inner {
      background: url(images/br.gif) no-repeat 100% 100%;
      padding: 5px 12px 12px;
      margin: -18px -12px 0 0;
      position: relative;
    }

    .cluetip-rounded div#cluetip-close { 
      text-align: right;
      margin: 0 5px 5px;
      color: #009;
      background: transparent;
    }
    .cluetip-rounded div#cluetip-close a {
      color: #777;
    }

    /* rounded arrows */

    .clue-right-rounded .cluetip-arrows {
      background-image: url(images/rarrowleft.gif);
    }
    .clue-left-rounded .cluetip-arrows {
      background-image: url(images/rarrowright.gif);
      left: 100%;
      margin-left: 12px;
    }
    .clue-top-rounded .cluetip-arrows {
      background-image: url(images/rarrowdown.gif);
      top: 100%;
      left: 50%;
      margin-left: -11px;
      height: 11px;
      width: 22px;  
    }  
    .clue-bottom-rounded .cluetip-arrows {
      background-image: url(images/rarrowup.gif);
      top: -23px;
      left: 50%;
      margin-left: -11px;
      height: 11px;
      width: 22px;
    }


    /* stupid IE6 HasLayout hack */
    .cluetip-rounded #cluetip-title,
    .cluetip-rounded #cluetip-inner {
      zoom: 1;
    }


 /*	-------------------------------------------------------------
	plugin:media
	------------------------------------------------------------- */ 

    div.media {
        border: 5px solid #8e0000; 
        margin: auto; 
        background: #000; 
        text-align: center; 
        font-weight: bold; 
        padding: 0 
        }

    div.media div, div.iframe_caption {
        font-style: italic; 
        color: #888; 
        }

    div.mediabox {  
        border: 3px solid #8e0000;  
        margin: auto;  
        background: #000;  
        text-align: center;  
        font-weight: bold;  
        padding: 10px  
    }

 /* -------------------------------------------------------------
	plugin:thickbox
	------------------------------------------------------------- */
  
    *{padding: 0; margin: 0;}

    #TB_window {
	    font: 12px Arial, Helvetica, sans-serif;
	    color: #fff;
    }

    #TB_secondLine {
	    font: 10px Arial, Helvetica, sans-serif;
	    color:#fff;
    }

    #TB_window a:link {color: #fff;}
    #TB_window a:visited {color: #fff;}
    #TB_window a:hover {color: #ae0000;}
    #TB_window a:active {color: #fff;}
    #TB_window a:focus{color: #fff;}

    #TB_overlay {
	    position: fixed;
	    z-index:100;
	    top: 0px;
	    left: 0px;
	    height:100%;
	    width:100%;
    }

    .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
    .TB_overlayBG {
	    background-color:#000;
	    filter:alpha(opacity=75);
	    -moz-opacity: 0.75;
	    opacity: 0.75;
    }

    * html #TB_overlay { /* ie6 hack */
         position: absolute;
         height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    }

    #TB_window {
	    position: fixed;
	    background: #000;
	    z-index: 102;
	    color:#000000;
	    display:none;
	    border: 4px solid #8e0000;  /* contorno */
	    text-align:left;
	    top:50%;
	    left:50%;
    }

    * html #TB_window { /* ie6 hack */
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
    }

    #TB_window img#TB_Image {
	    display:block;
	    margin: 15px 0 0 15px;
	    border: 1px solid #666;
    }

    #TB_caption{
	    height:25px;
	    padding:7px 30px 10px 25px;
	    float:left;
    }

    #TB_closeWindow{
	    height:25px;
	    padding:11px 25px 10px 0;
	    float:right;
    }

    #TB_closeAjaxWindow{
	    padding:7px 10px 5px 0;
	    margin-bottom:1px;
	    text-align:right;
	    float:right;
    }

    #TB_ajaxWindowTitle{
	    float:left;
	    padding:7px 0 5px 10px;
	    margin-bottom:1px;
    }

    #TB_title{
	    background-color:#181D24;   /* barra alta */
	    height:27px;
	    color:#FF7C00;
    }

    #TB_ajaxContent{
	    clear:both;
	    padding:2px 15px 15px 15px;
	    overflow:auto;
	    text-align:left;
	    line-height:1.4em;
    }

    #TB_ajaxContent.TB_modal{
	    padding:15px;
    }

    #TB_ajaxContent p{
	    padding:5px 0px 5px 0px;
    }

    #TB_load{
	    position: fixed;
	    display:none;
	    height:13px;
	    width:208px;
	    z-index:103;
	    top: 50%;
	    left: 50%;
	    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
    }

    * html #TB_load { /* ie6 hack */
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
    }

    #TB_HideSelect{
	    z-index:99;
	    position:fixed;
	    top: 0;
	    left: 0;
	    background-color:#fff;
	    border:none;
	    filter:alpha(opacity=0);
	    -moz-opacity: 0;
	    opacity: 0;
	    height:100%;
	    width:100%;
    }

    * html #TB_HideSelect { /* ie6 hack */
         position: absolute;
         height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    }

    #TB_iframeContent{
	    clear:both;
	    border:none;
	    margin-bottom:-1px;
	    margin-top:1px;
	    _margin-bottom:1px;
    }

 /* -------------------------------------------------------------
	plugin:tabs
	------------------------------------------------------------- */

    @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;
        }
    }

    @media print {
        .tabs-nav {
            display: none;
        }
    }

    /* Skin */
    .tabs-nav {
        list-style: none;
        margin: 0;
        padding: 0 0 0 4px;
        margin-top:9px;
    }
    .tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
        display: block;
        clear: both;
        content: " ";
    }
    .tabs-nav li {
        float: left;
        margin: 0 0 0 1px;
        min-width: 84px; /* be nice to Opera */
    }
    .tabs-nav a, .tabs-nav a span {
        display: block;
        padding: 0 10px;
        background: url("../images/terzeparti/tab.png") no-repeat;
    }
    .tabs-nav a {
        position: relative;
        top: 1px;
        z-index: 2;
        padding-left: 0;
        color: #fff;
        font-size: 11px;
        font-weight: bold;
        line-height: 1.2;
        text-align: center;
        text-decoration: none;
        white-space: nowrap; /* required in IE 6 */    
    }
    .tabs-nav .tabs-selected a {
        color: #fff;
    }
    .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
        background-position: 100% -150px;
        outline: 0; /* prevent dotted border in Firefox */
    }
    .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
        background-position: 100% -100px;
    }
    .tabs-nav a span {
        width: 64px; /* IE 6 treats width as min-width */
        min-width: 64px;
        height: 18px; /* IE 6 treats height as min-height */
        min-height: 18px;
        padding-top: 6px;
        padding-right: 0;
    }
    *>.tabs-nav a span { /* hide from IE 6 */
        width: auto;
        height: auto;
    }
    .tabs-nav .tabs-selected a span {
        padding-top: 7px;
    }
    .tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
        background-position: 0 -50px;
    }
    .tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
        background-position: 0 0;
    }
    .tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
        cursor: text;
    }
    .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
        cursor: pointer;
    }
    .tabs-nav .tabs-disabled {
        opacity: .4;
    }
    .tabs-container {
        padding: 1em 8px;
        margin-right:4px;
    }
    .tabs-loading em {
        padding: 0 0 0 20px;
        background: url("../images/terzeparti/tab_loading.gif") no-repeat 0 50%;
    }

 /* -------------------------------------------------------------
	plugin:tablesorterpager
	------------------------------------------------------------- */

    div.tablesorterPager {
	    padding: 10px 0 10px 0;
	    background-color: #D6D2C2;
	    text-align: center;
    }
    div.tablesorterPager span {
	    padding: 0 5px 0 5px;
    }
    div.tablesorterPager input.prev {
	    width: auto;
	    margin-right: 10px;
    }
    div.tablesorterPager input.next {
	    width: auto;
	    margin-left: 10px;
    }
    div.tablesorterPager input {
	    font-size: 8px;
	    width: 50px;
	    border: 1px solid #330000;
	    text-align: center;
    }

    .pagesize
    {   width:40px;
        font-size:10px;
    }

    .pagedisplay
    {
        font-size:10px;
    }
    
    .star-rating,
    .star-rating a:hover,
    .star-rating a:active,
    .star-rating a:focus,
    .star-rating .current-rating{
        background: url("../images/basic/star.gif") left -1000px repeat-x;
    }
    .star-rating{
        position:relative;
        width:125px;
        height:25px;
        overflow:hidden;
        list-style:none;
        margin:0;
        padding:0;
        background-position: left top;
}
    .star-rating li{
        display: inline;
    }
    .star-rating a,
    .star-rating .current-rating{
        position:absolute;
        top:0;
        left:0;
        text-indent:-1000em;
        height:25px;
        line-height:25px;
        outline:none;
        overflow:hidden;
        border: none;
        }
        .star-rating a:hover,
        .star-rating a:active,
        .star-rating a:focus{
        background-position: left bottom;
        }
        .star-rating .current-rating{
        z-index:1;
        background-position: left center;
        }

        .inline-rating{
        display:-moz-inline-block;
        display:-moz-inline-box;
        display: inline-block;
        vertical-align: middle;
        }

        .small-star{
        width:50px;
        height:10px;
        }
        .small-star,
        .small-star a:hover,
        .small-star a:active,
        .small-star a:focus,
        .small-star .current-rating{
        background-image: url("../images/basic/star_small.gif");
        line-height: 10px;
        height: 10px;
        }    

/*
------------------------------
	plugin:Impromptu's
------------------------------
*/
.jqifade{
	position: absolute;
	background-color: #ffffff;
}
div.jqi{
	position: absolute;
	background-color: #d0dEb6;
	padding: 10px; 
	width: 300px;
	text-align: left;
}
div.jqi .jqicontainer{
	background-color: #e0eEc6;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.jqi .jqimessage{
	background-color: #c0cEa6;
	padding: 10px;
}
div.jqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.jqi button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}

/* prefix example */
.impromptufade{
	position: absolute;
	background-color: #ffffff;
}
div.impromptu{
    position: absolute;
	background-color: #cccccc;
	padding: 10px; 
	width: 300px;
	text-align: left;
}
div.impromptu .impromptucontainer{
	background-color: #213e80;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.impromptu .impromptumessage{
	background-color: #415ea0;
	padding: 10px;
}
div.impromptu .impromptubuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.impromptu button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}

/* columns prefix example */
.colsJqifade{
	position: absolute;
	background-color: #ffffff;
}
div.colsJqi{
    position: absolute;
	background-color: #d0dEb6;
	padding: 10px; 
	width: 400px;
	text-align: left;
}
div.colsJqi .colsJqicontainer{
	background-color: #e0eEc6;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
	height: 160px;
}
div.colsJqi .colsJqimessage{
	background-color: #c0cEa6;
	padding: 10px;
	width: 280px;
	height: 140px;
	float: left;
}
div.colsJqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.colsJqi button{
	background: url(../images/button_bg.jpg) top left repeat-x #ffffff;
	border: solid #777777 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
	width: 75px;
}
div.colsJqi button:hover{
	border: solid #aaaaaa 1px;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/*skin carousel
 */


.jcarousel-skin-stylia .jcarousel-container {
    -moz-border-radius: 10px;
    background: #ff0000;
    margin-top:10px;
    background: url("../images/basic/vetrinahome_bk.gif") no-repeat;
}

.jcarousel-skin-stylia .jcarousel-container-horizontal {
    width: 247px;
    padding: 20px 21px;
}

.jcarousel-skin-stylia .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-stylia .jcarousel-clip-horizontal {
    width:  245px;
    height: 75px;
}

.jcarousel-skin-stylia .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-stylia .jcarousel-item {
    width: 75px;
    height: 75px;
}

.jcarousel-skin-stylia .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-stylia .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-stylia .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-stylia .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 1px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url("../images/basic/next-horizontal.png") no-repeat 0 0;
}

.jcarousel-skin-stylia .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-stylia .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-stylia .jcarousel-next-disabled-horizontal,
.jcarousel-skin-stylia .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-stylia .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-stylia .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 1px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url("../images/basic/prev-horizontal.png") no-repeat 0 0;
}

.jcarousel-skin-stylia .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-stylia .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-stylia .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-stylia .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-stylia .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-stylia .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url("../images/basic/next-vertical.png") no-repeat 0 0;
}

.jcarousel-skin-stylia .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-stylia .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-stylia .jcarousel-next-disabled-vertical,
.jcarousel-skin-stylia .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-stylia .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-stylia .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-stylia .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-stylia .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-stylia .jcarousel-prev-disabled-vertical,
.jcarousel-skin-stylia .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-stylia .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}