div#filter_ecocal {
			width: 800px;
			margin: auto;
			padding: 10px;
			background: #f1f5f8;
			border: 2px solid #dde4eb;
			overflow: hidden;
			border-radius: 5px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			text-align: center;
		}
		
		div#filter_ecocal hr { border-color: #dde4eb; margin: 0 0 20px; }
		
		input.search_ecocal,
		input.datepicker {
			background: #fff;
			border: 1px solid #dde4eb;
			padding: 1px 0;
			color: #a0a0a0;
			height: 21px;
			border-radius: 5px;
			padding-left: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			vertical-align: middle;
		}
		
		input.datepicker {
		    background: url('images/datepicker.png') #fff no-repeat 105px;
			width: 120px;
			margin-right: 20px;
		}
		
		input.search_ecocal {
			width: 200px;
		}
		
		div#filter_ecocal label {
			margin-right: 10px;
		}
		
		div#filter_ecocal div.left {  float: left; }
		div#filter_ecocal div.right {  float: right; }
		
		input#button_ecocal {
			background: url('images/input.gif') no-repeat;
			width: 100px;
			height: 26px;
			border: none;
			color: #626466;
			margin-left: 10px;
			vertical-align: middle;
			cursor:pointer;
		}
		
		p.filter_advanced {
			display: inline;
			margin: 0 0 0 10px;
		}
		
		div#advanced_ecocal {
			margin-top: 20px;
			/*display: none;	 QUITAR DISPLAY:NONE PARA MOSTRAR EL MODO AVANZADO DEL FILTRO */
		}
		
		table.options_ecocal { width: 100%; }
		table.options_ecocal tr td { width: 27%; padding: 0 0 20px 10px; text-align: left; }
		
		/* slightly enhanced, universal clearfix hack */
			.clearfix:after {
					visibility: hidden;
					display: block;
					font-size: 0;
					content: " ";
					clear: both;
					height: 0;
			 }

			.clearfix {
					display: inline-block;
			 }

		/* start commented backslash hack \*/

			* html .clearfix {
					height: 1%;
			 }

			.clearfix {
					display: block;
			}
		/* close commented backslash hack */
		
		
		
		
		div#pagination {
			margin: 10px 0;
			overflow: auto;
		}

		div#pagination a#prev { float: left; }
		div#pagination a#next { float: right; }

		div#pagination a {
			background: #F1F5F8;
			border: 1px solid #dde4eb;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			padding: 3px 7px;
			color: #a0a0a0;
			font-size: 16px;
			line-height: 16px;
			font-weight: bold;
		}

		div#pagination a:hover { background: #DDE4EB; color: #fff; }
		
		
		
		
		div#noresults_ecocal h1 {
			color: #e0e0e0;
			font-size: 32px;
			margin: 0;
		}
		
		div#noresults_ecocal h2 {
			margin: 0;
			color: #a0a0a0;
			text-transform: none;
			font: bold 18px Arial, sans-serif;
		}
		
		table#ecoCalTableofContent {
			margin-top: 10px;
			width: 100%;
			border: 2px solid #dde4eb;
			border-collapse: separate;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			color: #444;
		}
		
		div#pre-ecocal { overflow: hidden; margin-top: 5px; }
		div#pre-ecocal p.left { float: left; }
		div#pre-ecocal p.right { float: right; }
		
		div#pre-ecocal p.left img { margin-left: 5px; vertical-align: -2px; }
		
		table#ecoCalTableofContent tr td {
			padding: 5px;
			background: #f1f5f8;
		}
		
		table#ecoCalTableofContent tr.alt td,
		table#ecoCalTableofContent tr.alt td.v0,
		table#ecoCalTableofContent tr.alt td.v1,
		table#ecoCalTableofContent tr.alt td.v2,
		table#ecoCalTableofContent tr.alt td.v3 {
			background-color: #eaf0f4;
		}
		
		table#ecoCalTableofContent tr.hiddenrow
		{
		    display:none;
		}
		
		
		table#ecoCalTableofContent tr td p {
			margin: 0.3em 0;
		}
		
		table#ecoCalTableofContent tr.top td,
		table#ecoCalTableofContent tr.date td {
			background: #dde4eb;
			font-weight: bold;
		}
		
		table#ecoCalTableofContent tr:hover td,
		table#ecoCalTableofContent tr:hover td.v0,
		table#ecoCalTableofContent tr:hover td.v1,
		table#ecoCalTableofContent tr:hover td.v2,
		table#ecoCalTableofContent tr:hover td.v3,
		table#ecoCalTableofContent tr.active td,
		table#ecoCalTableofContent tr.active td.v0,
		table#ecoCalTableofContent tr.active td.v1, 
		table#ecoCalTableofContent tr.active td.v2,
		table#ecoCalTableofContent tr.active td.v3 {
			background-color: #fff;
		}
		
		table#ecoCalTableofContent tr.top:hover td,
		table#ecoCalTableofContent tr.date:hover td {
			background: #dde4eb;
		}
		
		table#ecoCalTableofContent tr td.v0 { background: url('images/v0.gif') no-repeat center #f1f5f8; }
		table#ecoCalTableofContent tr td.v1 { background: url('images/v1.gif') no-repeat center #f1f5f8; }
		table#ecoCalTableofContent tr td.v2 { background: url('images/v2.gif') no-repeat center #f1f5f8; }
		table#ecoCalTableofContent tr td.v3 { background: url('images/v3.gif') no-repeat center #f1f5f8; }
		
		.alertadolenta { color: #cc523d; }
		.alertabona { color: #57ae34; }
		
		tr.mycssActiveRowEC td { background-color: #ffc !important}
		
		table#ecoCalTableofContent tr td.ecocal_expanded {
			background: #fff;
			padding: 10px 40px;
		}
		
		table#ecoCalTableofContent tr td.ecocal_expanded p { line-height: 18px; margin: 0.6em; }
		
		/*table#ecoCalTableofContent tr:hover td table tr td {
			background: #f1f7f9;
		}*/
		
		table#ecoCalTableofContent tr:hover td table tr.titles td {
			background: #BBC8D8;
		}
		
		div.tabNavigation_20 {
			border: 4px solid #a0a0a0;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			padding: 0px 10px 10px;
			margin: 10px 0;
		}
		
		div.tabNavigation_20 ul {
			background: #a0a0a0;
			margin: 0 -10px 10px;
			padding: 4px 0;
			
		}
		
		div.tabNavigation_20 ul li {
			border-radius: 5px 5px 0 0;
			-moz-border-radius: 5px 5px 0 0;
			-webkit-border-radius: 5px 5px 0 0;
			display: inline;
			padding: 4px 10px;
		}
		
		div.tabNavigation_20 ul li a:visited,
		div.tabNavigation_20 ul li a:link {
			font-size: 11px;
			font-weight: bold;
			text-transform: uppercase;
			color: #fff;
		}
		
		div.tabNavigation_20 ul li.active a { color: #a0a0a0 !important; }
		div.tabNavigation_20 ul li a:hover { color: #c0c0c0; }
		
		div.tabNavigation_20 ul li.active {
			background: #fff;
		}
		
		div.tabNavigation_20  {
			float: left;
			width: 700px;
		}
		
		p.view_history
		{
		    margin-right: 15px;
		}
		
		
		p.view_history a.up,
		p.filter_advanced a.up {
			background: url('images/up_arrow.gif') no-repeat left;
			padding-left: 15px;
		}
		
		p.view_history a.down,
		p.filter_advanced a.down {
			background: url('images/down_arrow.gif') no-repeat left;
			padding-left: 15px;
		}
		
		p.preliminar {
			background: url('images/preliminar.gif') no-repeat left center;
			padding-left: 17px;
		}
		
		.annotatedtimelinetable tr,
        .annotatedtimelinetable tr td { border: 0; }

        .goog-custom-button-inner-box table tr td { padding: 0 !important; }
        
        
        .borderDate
        {
            border: solid 1px;
        }
        
        
         /* Slider ----------------------------------*/
        .ui-slider { position: relative; text-align: left; }
        .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
        .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

        .ui-slider-horizontal { height: .8em; }
        .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
        .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
        .ui-slider-horizontal .ui-slider-range-min { left: 0; }
        .ui-slider-horizontal .ui-slider-range-max { right: 0; }

        .ui-slider-vertical { width: .8em; height: 100px; }
        .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
        .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
        .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
        .ui-slider-vertical .ui-slider-range-max { top: 0; }
        
        .ui-corner-all {
            -moz-border-radius-bottomleft:5px;
            -moz-border-radius-bottomright:5px;
            -moz-border-radius-topleft:5px;
            -moz-border-radius-topright:5px;
        } 
        
        .ui-widget-content {
            -moz-background-clip:border;
            -moz-background-inline-policy:continuous;
            -moz-background-origin:padding;
            background: url('images/bar_sel.png') repeat-x scroll 50% 50%;           
            color:#222222;
        }       
        
        
        .ui-widget
        {
            font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;
            font-size:1.1em;
        }
        
        .ui-state-default, .ui-widget-content .ui-state-default
        {
            -moz-background-clip:border;            
            -moz-background-origin:padding;            
            background:url('images/slider_control.png') no-repeat scroll 50% 50%;            
            color:#2E6E9E;
            font-weight:bold;
            outline-color:-moz-use-text-color;
            outline-style:none;
            outline-width:medium;
        }
        
        .ui-widget-header{
            -moz-background-clip:border;
            -moz-background-inline-policy:continuous;
            -moz-background-origin:padding;
            background: url(images/bar.png) repeat-x scroll 50% 50%;
            border:1px solid #E78F08;
            color:#FFFFFF;
            font-weight:bold;
        
        }
        
        .ui-slider-horizontal .ui-slider-range-min {
            left:0;
        }

        .ui-slider-horizontal .ui-slider-range {
            height:100%;
            top:0;
        }

        .ui-slider .ui-slider-range {
            border:0 none;
            display:block;
            font-size:0.7em;
            position:absolute;
            z-index:1;
        }
        
        
        /* Modificació per la taula de dades històriques*/
        div#historyTab {
	        width: 250px !important;
        }

        table.historyTable {
	        /*background: #F1F5F8 !important;*/
	        border: 1px solid #BBC8D8 !important;
	        width: 100% !important;
        }		

        table.historyTable tr td {
            
	        padding: 5px 10px !important;
	        
        }

        table.historyTable tr.titles td {
	        font: bold 12px Arial,Verdana,Geneva,Helvetica,sans-serif;
	        color: #000 !important;
	        border-right: 1px solid #BBC8D8;
	        border-bottom: 1px solid #BBC8D8;
	        border-top: 1px solid #BBC8D8;	      	       
	        text-align: left;	       
	        background: #DDE4EB !important;
        }
        
        table tr.oodRow td
        {
           background: #F1F7F9 !important;
	      
        }
        
        table.historyTable td
        {
           border-right: 1px solid #BBC8D8 !important;
           border-bottom: 1px solid #BBC8D8 !important;
           background: #fff !important;
           padding: 6px 6px 6px 12px !important;
          
        }
        
        /* links pagination */

        div.paginationHistoryTable {margin-top: 15px; text-align: center; }

        a.pg-normal,
        a.pg-selected {
	        padding: 3px 7px;
	        background: #F5FAFA;
	        border: 1px solid #BBC8D8;
	        margin: 10px 2px 0;
        }

        a.pg-normal:hover,
        a.pg-selected:hover {
	        background: #fff;
	        color: #0B3395;
        }

        a.pg-selected {
	        background: #fff;
	        border: 0;
	        color: #626466;
	        font-weight: bold;
        }
        
        .annotatedtimelinetable tr,
        .annotatedtimelinetable tr td { border: 0; }

        .goog-custom-button-inner-box table tr td { padding: 0 !important; }