body

{
    color: black;
    font-family: Verdana;
    overflow: auto;
}

.invisible
{
    display: none;
}

.italic
{
    font-style: italic;
}

.bgcolor-main { background-color: #000000; }
.bgcolor-lpg { background-color: #ffff00; }
.bgcolor-gasoline { background-color: #92d050; }
.bgcolor-gasoil { background-color: #548bd4; color: #FFFFFF;}
.bgcolor-kero { background-color: #ff0000; color: #FFFFFF;}
.bgcolor-hydrogen { background-color: #b7dde8; }
.bgcolor-oil { background-color: #9c4a09; color: #FFFFFF; }
.bgcolor-sulphur { background-color: #ffc000; }

#main-table
{
    width: 100%;
    table-layout: fixed;
}

#sidebar
{
    width: 300px;
}

#main-content
{
  

}

#main-row
{
    vertical-align: top;
}

#logo
{
    height: 150px;
    width: 150px;
}

#legend tr
{
    line-height: 10px;
    height: 10px;
}

#legend p,
#legend th
{
    font-size: 12px;
    text-align: right;
}

tr.separator
{
    height: 60px !important;
}

p.label
{
    font-weight: bold;
    text-transform: uppercase;
}

div.layer
{
     height: 15px;
     width: 30px;
     cursor: pointer;
}

p.unit-link
{
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    text-align: right;
}

.content .gallery-container
{
    vertical-align: top;
    text-align: center;
}

.content .gallery-container a
{
    text-decoration: none;
}

.content .gallery-container .thumbnail
{
    padding-top: 17px;
    width: 300px;
    height: 200px;
}

.content .description
{
    margin-left: 5px;
    vertical-align: top;
    font-size: 14px;
}

#container
{
    position: relative;
    border: 2px solid black;
    color: white; /* for error messages */
    background-color: #BFBFBF; 
}

.overlay
{
    cursor: pointer;
    border: 1px solid black;
    background-color: #444444;

    /* For IE8 and earlier */
    opacity: 0.0;
    filter: alpha(opacity= 0);
}

#detailsWindow
{

}

.ui-dialog
{
    background-color: #FFFFFF;  

    /* Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#ACC1E6);
    
    /* Internet Explorer 8-9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#ACC1E6)";   

    /* Google Chrome, Safari */
    background-image: -webkit-linear-gradient(bottom, #ACC1E6 0%, #FFFFFF 56%);   

    /* Firefox */
    background-image: -moz-linear-gradient(bottom, #ACC1E6 0%, #FFFFFF 56%);   

    /* Opera */
    background-image: -o-linear-gradient(bottom, #ACC1E6 0%, #FFFFFF 56%);

    /* Other */
    background-image: linear-gradient(bottom, #ACC1E6 0%, #FFFFFF 56%);
    background-image: -ms-linear-gradient(bottom, #ACC1E6 0%, #FFFFFF 56%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ACC1E6), color-stop(0.56, #FFFFFF));
    z-index: 1000 !important;
}

.toolbar.fullpage
{
	background-color: #CCCCCC;
	border: 2px solid black;

	/*border: medium none;*/
	/*left: 0;
	top: 0;*/
	width:97%;
	z-index: 999;
}

.toolbar
{
	position: relative !important; /*absolute;*/
	background-color: #CCCCCC; /*transparent;*/
	border: 2px solid black;
	/*border: medium none;*/
	color: #333333;
	height: 33px;
	padding: 4px;
	/*width:99%;*/
	z-index: 999;
}

.customButtonDiv
{
	position: relative;
	width:99%;
	text-align:center;
}

.legenda
{
	font-family: Verdana;
	font-size: 12px;
}

option.GAS {background-color: #cc0000; font-weight: bold; font-size: 12px;}
option.GASOLINE {background-color: #ffcccc;}