﻿body {
    margin: 0;
}
body, input, select 
{
	font-family: "Lucida Sans Unicode","Lucida Grande",Arial;
	font-size: 11px;
	color: #666;
}
a { color: #036; text-decoration: none; }
a:hover { color: #069; text-decoration: underline; }
img { border: 0; }
ul { margin: 0; padding: 0; list-style-type: none; }
.dde-container 
{
	width: 550px;
	height: 720px;
	overflow: hidden;
}
.color-blue { color: #336699; }
.font-small { font-size: 0.9em; }
.font-bold { font-weight: bold; }
.half-width { width: 50%; }
.floated-left { float: left; }
.bg-yellow { background-color: #FFF9D9; }
.credits { margin-top: 5px; padding-top: 5px; border-top: solid 1px #DEDEDE; }
.credits a+a { margin-left: 30px; }
.bottom-margin { margin-bottom: 5px; }
/* Navigator */
.navigator-container 
{
	background: #e8e8e8 url(/Saipem/images/navigator-back.png) no-repeat left top;
	height: 32px;
}
.navigator li {
	float: left; padding: 0;
	margin: 4px 0;
	border-right: solid 1px #fff;
	font-size: 1.1em;
}
.navigator a 
{
    display: block;
    padding: 0 10px;
    text-decoration: none;
    color: #000;
    line-height: 24px;
}
.navigator li.active a { background-color: #fff; }

.data-list li 
{
	width: 96%;
	padding: 0 2%;
	line-height: 26px;
	float: left;
	font-size: 1.0em;
}
.data-list li span { float: right; }
.top-data-container { height: 256px; }
.performances-data { height: 156px; }

.standard-table 
{
	width: 100%;
	border-collapse: collapse;
	font-size: 1.0em;
}
.standard-table th { background-color: #CDCDCD; }
.standard-table td { border-bottom: solid 1px #DEDEDE; }
.standard-table th, .standard-table td 
{
	padding: 0 4px;
	line-height: 26px;
}
.centro { text-align: center; }
.destra { text-align: right; }
.sinistra { text-align: left; }
.book-data th, .book-data td 
{
	text-align: right;
}
.interactive-tools-container 
{
	height: 240px;
}
.interactive-tools-column .bg-yellow { padding-bottom: 10px; }
.clear { clear: both; }
.notes { font-size: 1.0em; margin: 0; line-height: 22px; padding: 0 5px; }
.interactive-chart-container { height: 300px; padding: 0 0 5px 0; margin: 0; }
.interactive-tools-column 
{
	float: left;
	width: 32%;
	margin-right: 5px;
}
.no-margin { margin-right: 0; }
label { font-size: 1.0em; }

h2 { margin: 0; padding: 2px; background-color: #E8E8E8; line-height: 22px; font-size: 1.1em; color: #333; font-weight: normal; }
h3 
{
    font-family: Arial;
    font-size: 1.1em;
    height: 25px;
    padding-left: 10px;
    line-height: 25px;
    background: transparent url(/Saipem/images/bg-t1-l.jpg) no-repeat left top;
    color: #000;
    border-right: solid 1px #FFDB49;
    margin: 10px 0;
}
h3.no-bg { background: none; border: none; }
h4 
{
	margin: 5px 0;
	font-weight: normal;
}

.historical-data-input-container { height: 75px; }
.historical-data-input-container .bg-yellow { padding: 5px; }
.historical-data-input-container h3 { border-right: none; margin: 0; }
.historical-data-input-container span { margin: 0 5px; }
.historical-data-input-container a { float: right; }
.historical-data-input-container a+a { margin-right: 30px; }

.page-navigator td { border: 0; }
.page-navigator span { font-weight: bold; }
.hide-away-container h2 a 
{
	background: #fff;
	padding: 0 4px;
	height: 16px;
	line-height: 16px;
	margin-right: 5px;
	cursor: pointer;
}
.output-panels-container 
{
	height: 100px;
}
.panel-calculator-data 
{
	width: 340px;
	margin-right: 10px;
	padding: 0 10px;
}
.calculator-data li { float: left; width: 50%; line-height: 26px; }
.calculator-data li span { font-weight: bold; }
.panel-calculator-performance h3 { margin-top: 0; }
.panel-calculator-performance 
{
	width: 180px;
	height: 100px;
}
.panel-calculator-performance span 
{
	display: block;
	padding: 10px;
	font-size: 2.0em;
	font-weight: bold;
}
.panel-calculator-performance .aumento { background: transparent url(/Saipem/images/up.png) no-repeat right center; }
.panel-calculator-performance .diminuzione { background: transparent url(/Saipem/images/down.png) no-repeat right center; }
.ticker-container 
{
    width: 349px;
    height: 76px;
    overflow: hidden;
}
.ticker-container table 
{
    width: 190px;
    border-collapse: collapse;
    font-size: 1.0em;
    float: left;
}
.ticker-container caption 
{
    color: #000;
    text-align: left;
    padding: 5px 0;
}
.ticker-container tr.header-row 
{
    font-family: Arial;
    background: transparent url(/Saipem/images/bg-t1-l.jpg) no-repeat left top;
}
.ticker-container th 
{
    text-align: left;
    line-height: 25px;
    font-size: 1.1em;
    height: 25px;
    padding-left: 10px;
    line-height: 25px;
}
.ticker-container td 
{
    text-align: left;
    padding-left: 10px;
    line-height: 25px;
}
.ticker-credits 
{
    font-size: 0.9em;
    text-align: left;
    vertical-align: top;
    float: left;
    margin: 25px 0 0 10px;
}
.aumento {
	color: #0A0;
}
.diminuzione {
	color: #ef0000;
}
.dataContainer 
{
    font: normal 11px/14px Arial;
    float: left;
    width: 100%;
    margin-bottom: 8px;
}
.dataContainer div 
{
    float: left;
    text-align: center;
    padding: 2px 0;
}
.white 
{
    background-color: #fff;   
}
.yellow 
{
    background-color: #FFF9D9;   
}
.grey 
{
    /*background-color: #CCC;   */
}
.W33 { width: 33%; }
.W34 { width: 34%; }
.W25 { width: 25%; }
.W24 { width: 24%; }
.W20 { width: 20%; }
.W19 { width: 19%; }

.chartContainer 
{
    background-color: #fff;   
    text-align: center;
    padding: 5px 0;
}
.chartToolsContainer 
{
    font: normal 11px/14px Arial;
    float: left;
    width: 100%;
    background-color: #fff;   
    padding-bottom: 8px;
}
.chartToolsContainer div 
{
    float: left;   
}
select 
{
    width: 150px;
    font-size: 1.0em;
    margin-left: 5px;
}
.MA 
{
    font-size: 1.0em;
    width: 40px;
}
.chartToolsContainer input
{
    margin-left: 5px;
}
.clear { clear: both; }

.storicoInput 
{
    width: 100%;
    border-collapse: collapse;
    font-family: Arial;
    font-size: 11px;   
}
.storicoInput td, .storicoInput th 
{
    border-bottom: solid 1px #ccc;   
    padding: 5px;
}
.storicoInput table td { border: none; }
.storicoInput select 
{
    width: auto;   
}
.storicoButtonContainer { text-align: center; padding: 5px; }
.listTable 
{
    width: 100%;
    border-collapse: collapse;
    font-family: Arial;
    font-size: 11px;   
}
.listTable th 
{
    font: bold 11px/12px Arial;
    background-color: #4BABE0;
    color: #fff;
    padding: 5px;
}
.listTable td 
{
    font: normal 11px/12px Arial;
    padding: 5px;
}
.PageNavigator 
{
    font: bold 11px/12px Arial;
}
.PageNavigator a 
{
    color: #4BABE0;
}
.PageNavigator a:hover 
{
    color: #4476AB;
    text-decoration: none;
}
.Button 
{
    font: normal 11px/12px Arial;
    border: solid 1px #fff;
    background-color: #4BABE0;
    color: #fff;
    padding: 3px 10px;
}
.Button:hover 
{
    background-color: #4476AB;
}
.destra { text-align: right; }
.sinistra { text-align: left; }
.centro { text-align: center; }
#credits 
{
    float: left;   
    width: 100%;
    padding: 5px 0;
}
#credits a.teleborsa 
{
    float: right;   
}
#credits a.borsaitaliana
{
    float:left;
}

/* CALCULATOR */
table.calcOut 
{
    width: 100%;
    border-collapse: collapse;    
}
table.calcOut caption 
{
	background-color: #4476AB;
	color: #fff;
	padding: 3px;
	text-align: right;
	border-left: 1px solid #081B4C;
	border-right: 1px solid #081B4C;
}
table.calcOut * 
{
    font: normal 11px/11px Arial;
}
table.calcOut td 
{
    vertical-align: top;
    padding: 5px;   
    width: 50%;
}
table.calcOut select 
{
    width: 150px;
    color: #666;
}
table.calcOut input.button {
	background-color: #4476AB;
	color: #fff;
	border: 1px solid #081B4C;
}
table.calcOut td.buttonLine 
{
	background-color: #FFDC4C;
	text-align: center;
	border-top: 1px solid #ffcc00;
	border-bottom: 1px solid #ffcc00;
	padding: 3px;
}
table.calcIn 
{
    width: 100%;
    border-collapse: collapse;
    font: normal 11px/12px Arial;
    background-color: #fff;
    border-bottom: solid 1px #ccc;
}
table.calcIn caption 
{
    background-color: #4BABE0;
    padding: 5px;
	color: #fff;
	text-align: left;
}
table.calcIn th 
{
    text-align: left;
    padding: 5px;
    width: 50%;
	font-weight: normal;
}
table.calcIn td 
{
    padding: 4px;
	font-weight: bold;
}
table.calcIn tr.even 
{
	background-color: #ccc;
}
#SYM
{
    padding-right: 14px;   
} 
div.cal 
{
    background-color: #fff;
    padding: 10px;
}
table.calendar
{
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
    border: 0px;
}
html > body table.calendar 
{
    border: 1px solid #fff;
}
table.calendar a 
{
    text-decoration: none;
}
table.calendar td 
{
    font-size: 11px;
    padding: 3px 0px;
}
.calSD 
{
    background-color: #4476AB;
    border: 1px solid #fff;
    color: #fff;
}
.calDH
{
	background-color: #4BABE0;
	font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}
html > body .calDH 
{
    border: 1px solid #fff;
}
.calTD 
{
	background-color: #4BABE0 /*#FFDC4C*/;
    border: 1px solid #fff;
    color: #fff;
}
.calD 
{
	background-color: #ccc /*#FFDC4C*/;
    border: 1px solid #fff;   
    color: #fff;
}
.calWE 
{
    background-color: #f7f7f7;   
    border: 1px solid #fff;
    color: #ef0000;   
}
.calWE a
{
    color: #ef0000;
    text-decoration: none;   
}
.calT 
{
    background-color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #f7f7f7;
    text-transform: uppercase;
}
html > body .calT 
{
    border: 1px solid #fff;
}
div.errors 
{
    padding: 3px 0px;
    width: auto;
    color: #ef0000;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    background-color: #fff;
	border-left: 1px solid #081B4C;
	border-right: 1px solid #081B4C;
}
#chart 
{
    width: 98%;
    height: 300px;
}
table.book 
{
    width: 100%;
    border-collapse: collapse;
}
table.book td, table.book th 
{
    text-align: center;
    width: 25%;
}
table.book th 
{
    font-weight: normal;
    background-color: #ccc;
}
table.book td 
{
    font-weight: bold;
    padding: 2px;   
}

