body {
    background:#336799;
    color:#fff;
    margin:0 auto;
    padding:0;
    font-family:arial, verdana, sans-serif;
    font-size:0.7em;
    text-align:center;
}

#topNav {
    margin:0 auto;
    background: url('../images/interface/topNavBG.gif') bottom right no-repeat;
    width: 730px;
    height: 82px;
    padding:10px 0 10px 0;
    border-right: 1px solid #93B6CC;
    text-align:center;
    position:relative;
    z-index:4;
}

#container {
    width: 750px;
    margin:0 auto;
   
}



#content {
    padding:0 0 0 5px;
    text-align:left;
    width:530px; /*width:531px;*/
	#width:542px;
	_width:530px;
    float:right;
    margin:0 10px 0 0;
}


/* ------------------------------ GENERAL FORMATTING ELEMENTS  */

h3 {font-size:1.2em;}

h5 {font-size:1em; font-weight:bold;margin:0 0 0.5em 0;}

a:link, a:visited {outline: none;color:#C5C7B9;text-decoration:none;}

a:hover {outline: none;text-decoration:underline;}

/*  outline: none; Removes annoying dotted outlines in FF */

.hidden_F { display:none;}

.button {width:75px; }

/* ------------------------------ TOP NAV ELEMENTS  */

#topNav ul {;margin:0 0 10px 0; padding:0; list-style:none;display:inline;}
#topNav ul li {display:inline;padding:0 15px 0 15px;}

/*#topNav ul li a:link img.TopNavhover, #topNav li a:visited img.TopNavhover{
    opacity:0.5; 
    MozOpacity:0.5; 
    -moz-opacity:0.5; 
    KhtmlOpacity:0.5; 
    filter:alpha(opacity = 50);
	border: 1px solid #ffffff;
}

#topNav ul li a:link img.TopNavSelected, #topNav ul li a:visited img.TopNavSelected  {
    /*opacity:1; 
    MozOpacity:1; 
    -moz-opacity:1; 
    KhtmlOpacity:1; 
    filter:alpha(opacity = 100);
    width: 98px;
    height: 74px;
	border: 2px solid #fff;
}


#topNav ul li a:hover img.TopNavhover {
    /*opacity:1; 
    MozOpacity:1; 
    -moz-opacity:1; 
    KhtmlOpacity:1; 
    filter:alpha(opacity = 100);
    width: 98px;
    height: 74px;  
    margin: 0 -2px 0 -2px;
	border: 2px solid #fff;
}*/

#topNav ul li {}
#topNav ul li a img {position:relative;top:0;border: 0px solid #336799;}
#topNav ul li a img:hover {position:relative;border: 1px solid #fff;}
#topNav ul li a img.TopNavSelected {position:relative;border: 1px solid #fff;}
# topNav img {}    
    
#topNav ul #wogenLogo {padding:0;}
#topNav ul #wogenLogo a img{margin:0 20px 0 0px;border:none;padding:0 0 0 0;position:relative;top:0px;}

/* ------------------------------ LEFT NAV ELEMENTS */
#leftNav {
    text-align:left;
    width:189px;
    height:500px; 
    min-height:500px;
    padding: 10px 0 0 0;
    position:relative;
    z-index:4;
    background: url('../images/interface/containerBG.gif') bottom left no-repeat; 
    border-right:1px solid #93B6CC;
    margin:0 5px 0 0;
    position:relative;

}


/* FIRST LIST */
#leftNav ul {padding:0; list-style:none;list-style-position:outside; margin:0 0 0 1em; font-family:Verdana, "Times New Roman", Times, serif;}
#leftNav ul li {padding:0; margin:1em 0 1em 0; font-size:13px; font-weight:normal;}
#leftNav ul li a {width:174px;display:block;padding: 1px 0 3px 4px;}
#leftNav ul li a:link, #leftNav ul li a:visited {text-decoration:none; color:#fff;} 
#leftNav ul li a:hover {width:178px; color:#fff; font-weight:bold;padding: 1px 0 3px 0px;} 
/* SECOND LIST */
#leftNav ul li ul {margin:1px;}
#leftNav ul li ul li a {width:auto;display:inline;}
#leftNav ul li ul li {font-size:0.8em;font-weight:normal;margin:0.5em 0 0.5em 0.8em;}

/* ------------------------------ QUICK LINKS */

#quicklinks {
text-align:left;
width:184px;
height:78px;
/*background: url('/images/interface/quicklinksBG.gif') top left no-repeat;*/
margin:30px 0 0 6px;
padding:0;
}

#quicklinks h3 {font-size:14px; font-weight:bold;color:#fff; text-align:left;padding:5px 0 8px 10px;margin:0;}

#quicklinks .header {background:#D5DFEA;} 

#quicklinks select {width:168px;margin:0 auto;
border-right: 2px solid #93b6cc;
border-bottom: 2px solid #93b6cc;
border-top: 2px solid #93b6cc;
border-left: 2px solid #93b6cc;
}


/* ########################################################*/



/* main content area */

#printthing {display:none;}

h2.header {
    color:#ffffff;
    font-size:1.8em;
    font-weight:normal;
    text-align:right;
    width:100%;
    margin:.5em 0 0.5em 0;
	font-family:arial black, arial, helvetica black, helvetica;	
}

h3{font-size:1.6em;color:#84A3C2;}

/* footer area */
div#footer {
 border-top:1px solid #93B6CC;
 font-size: 11px;
 clear:both;
 text-align:left;
}

#footer #left {float:left;width:50%;}
#footer #right {float:left;width:50%;text-align:right;}

#footer ul { list-style-type:none; margin:0; padding:0;}

#footer li {float:left; width:50%;margin:8px 0; line-height:20px; padding:0;}

#footer li.nav {text-align:right;}


/* ----------------------------- HOME PAGE */

#homePrices h3 {display:inline;clear:both;margin:0 0.5em 0 0;}

#banner h4 {font-style: italic;font-size:14px;padding:5px;margin:0;width:512px;}

#homePrices h5, #press h5, #latestNews h5 {font-size:12px;}

#homePrices {height: 130px; border-right: 1px solid #93B6CC;width:30%;float:left;padding:0 1em 0 1em;}

#homePrices img {margin:0 0.5em 0 0;vertical-align:middle;}

#latestNews {height: 130px; border-right: 1px solid #93B6CC; width:25%;float:left;padding: 0  1em 0 1em;}

#press {width:30%;float:left;padding: 0 0 0 1em;}



/* ----------------------------- HOME PAGE for english version only --------------------*/
.homePrices h3 {display:inline;clear:both;margin:0 0.5em 0 0;}

#banner h4 {font-style: italic;font-size:14px;padding:5px;margin:0;width:512px;}

.homePrices h5, .press h5, .latestNews h5 {font-size:12px;}

.homePrices {height: 140px; border-right: 1px solid #93B6CC;width:30%;float:left;padding:0 1em 0 1em;}

.homePrices img {margin:0 0.5em 0 0;vertical-align:middle;}

.latestNews {height: 140px; border-right: 1px solid #93B6CC; width:30%;float:left;padding: 0  1em 0 1em;}

.press {width:25%;float:left;padding: 0 0 0 1em; height: 140px;}






/* ---------------------------- DIRECTORS */


#directors img {
    border: 1px solid #93B6CC;
    float:left;
    margin: 0 1em 1em 0;
}

#directors br {
    margin: 0 0 0 0;
}


/*------ table styles ------*/

table.datatable{
    font-size:0.9em;
    background:#C5E0EB;
}

table.datatable a {
    color:#fff;
    text-decoration:underline;
}

table.datatable a:hover {
    text-decoration:none;
}

table.datatable caption{
    text-align:left;
    padding:5px;
    font-weight:bold;
    font-size:1.1em;
    color:#fff;
    border-top: 1px solid #C5E0EB;
    border-right: 1px solid #C5E0EB;
    border-left: 1px solid #C5E0EB;
    background:#84A3C2;
}

table.datatable thead tr th {
 font-weight:bold;
 font-size:1.1em;
}


table.datatable tr.toprow td a{
    font-weight:bold;
    color:#2b265b;
}

table.datatable tr.underline th, table.datatable tr.underline td{

}

table.datatable tr.nobottom th, table.datatable tr.nobottom td{

}

table.datatable tr.overline th, table.datatable tr.overline td{

}

table.datatable th{
    color:#fff;
    background:#336799;

}

table.datatable th.lastchild{

}

table.datatable th.bottomchild{

}

table.datatable td{
background:#336799;
}

tr.zebradark td{
background:#336799;
}

tr.zebralight td{
background:#336799;
}

table.datatable input.button{
font-size:1.0em;
}

tr.centered th{
text-align:center;
}

th.centeredth{
text-align:center;
}

tr.thright th.leftth{
text-align:left;
}

tr.thright th{
text-align:right;
}

table.alerts{font-size:0.95em;}

/*------- interface -----*/
input, select{
font-size:0.9em;
padding:0px;

}

fieldset { margin:10px 0 10px;}

legend{
    border:1px solid #C5E0EB;
    padding:3px;
    font-weight:bold;
    color:#fff;
    font-size:1em;
    background:#538CBF;
    width:100px;

}

fieldset.data{
border:1px solid #C5E0EB;
padding:0 20px;
padding-bottom:20px;
}

/*------ download SP -------- */
#prices fieldset {border:0;}
#prices legend {background: none; margin:0; ]margin-left: -7px; padding:0; font-weight:bold; font-size:1.1em; border:0;}


/*------ charting-------- */
.button {
    background:#336799;
    border: 1px solid #C5E0EB;
    color:#fff;
    cursor: pointer;
    margin: 0 0 1em 0;
    padding:2px;
}

#graphDiv{
    background:#336799;
    border:1px solid #C5E0EB;
    margin:0;
    padding:8px;
    width:100%;
    width:527px;
    height:100%;
}

img.graphImg{
    border:none;
    margin:0;
    padding:0;
}

#helpbar{
    font-size:0.9em;
    background:#174E7F;
    border:1px solid #C5E0EB;
    border-bottom:0;
    text-align:left;
    width:526px;  
    height:auto;
}

#helpbar div{
    padding:3px 0 3px 4px ;
}

* html #helpbar {
    width:528px;
    w\idth:526px;
}

#textalt a{
    display:block;
    width:100%;
    height:1%;
    font-size:0.9em;
    text-align:center;
}

fieldset.interface {
    margin:0;
    padding:0;
    width:99%;
    border:1px solid #C5E0EB;
    font-size:0.86em; /*new*/
}

fieldset p{
    display:inline;
}

fieldset.interface  div{
    margin:0;
    padding:0;
    clear:both;
    /*]height:1px;  IE hack, needs a height*/
}

fieldset.interface  div.headerrow{
    padding:3px;
    border-bottom:1px solid #C5E0EB;
    background:#174E7F;
    color:#fff;
}

fieldset.interface  div.darkrow{
    background:#336799;
}

fieldset.interface  div.lightrow{
    background:#336799;
}

fieldset.interface  div.colOne{
    display:block;
    margin:0;
    padding:3px;
    float:left;
}

fieldset.interface  div input{
    margin:0;
    padding:0;
    font-size:0.95em;
}

/*
fieldset.interface option{
padding-bottom:2px;
}
*/


fieldset.interface select{
    font-size:0.9em;
    border:none;
}

fieldset.interface  div.colTwo{
    float:right;
    margin:0;
    padding:3px;
    clear:none;
    width:50%;
    text-align:right;
    border-left:1px solid #C5E0EB;
}

fieldset.interface label.comp1{
    font-weight:bold;
    color:#174E7F;
    background:#DEDF53;
}

fieldset.interface label.comp2{
    font-weight:bold;
    color:#fff;
    background:#993333;
}

/* news item */

      
      #newsitem{text-align:left;}
      #newsitem h1 {float:right;margin:7px;margin-right:15px;display:inline;font-size:1.8em;}
      #newsitem img {float:left;margin:5px;margin-left:33px;display:inline}
      #info {clear:both; background-color:#9BB5CF;border:1px solid #C5E0EB; color:#174E7F;float:left; width:100%;clear:both}
      .page {clear:both;}
      #info p {color:#174E7F;margin:5px;line-height:20px;margin-left:33px;float:left;display:inline;}
      #info a {color:#174e7f;}

/* contact page */
   table.contact, div.trader, div.section {border-bottom:1px solid #C5E0EB; width:100%;padding-bottom:20px;}
   table.contact caption {text-align:left; font-weight:bold;}
   table.contact th { padding-right:10px; text-align:right; vertical-align:top; width:100px;}
   table.contact td { width:250px;}

/*WBS7352*/
#dates{
	width:450px;
}