@charset "utf-8";
/* blou(donker) : #30498A  #004084 */
/* color:  #666699; */
/* a-blou: #3390E1 */
/* grys :  #A4A4A4 */

/* =========================================== */
/* GENERAL */
/* =========================================== */
body, html {
  margin: 0px;
  padding: 0px;
  text-align: center;
  height: 100%; 
  background-image:url('/img/layout/background.gif')
}
body, html, textarea, table {
  font-family: tahoma, verdana, arial; 
  font-size: 11px
}
h1 {
	font-size: 14px;
	padding-top: 10px;
	margin-top: 0px;
}
h2 {
	font-size: 12px;
	color: #999999;
	font-weight: normal;
	margin-bottom: 5px
}
h3 {
	font-size: 11px;
	color: 999999;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
hr { 
/*	margin-top: 10px; 
	margin-bottom: 5px; */
	height: 1px; 
	background-color: #E0E0E0; 
	color: #E0E0E0;
	border: 0px none; 
}
img {
  border: 0px;
}
table {
  border :none;
/*  border: outset 0pt;
  border: inset 0pt;
  border-spacing: 0pt 0pt;*/
/*  cellpadding: 0pt;
  cellspacing: 0pt;*/
/*  border-left-width: 0px;*/
/*  border-collapse: collapse;*/
}
td {
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
  margin: 0px;
}  
input.btn {
  color:#000;
  font-weight: bold;
  background-color:#D9D9C6;
  border:1px solid #999999;
  font-size: 11px;
}
input {
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	padding: 1px;
}
select {
	font-family: tahoma, verdana, arial;
	font-size: 11px;
}
textarea {
	font-family: tahoma, verdana, arial;
	padding: 1px;
}
p { padding-left: 15px; padding-right: 15px; line-height: 150%; margin-top: 0px; }
a { 
	color: #3390E1;
	text-decoration: none;
}
a:hover {
    color: #999999;
}   
a.grys { 
	color: #999999;
	text-decoration: none 		
}
a:hover.grys {
    color: #3390E1;
}  
a.black { 
	color: #000000; 
	text-decoration: none;  
}
a:hover.black { 
	color: #000000; 
	text-decoration: underline;  
}
.small {
  font-size: 10px;
  color: #999999;
}
.smallblack {
  font-size: 10px;
  color: #000;
}
.grys 				{ color: #808080; }
.black 			{ color: #000000; }
.white			{ color: #fff; }
.blou				{ background-color: #3390E1; }
.NewsTabledots 		{ border: 1px dotted #808080; }
.SATradeTrends	{ 
	background-image:url('/img/satradetrends.jpg'); 
	background-repeat: no-repeat;
	background-position:bottom right;
	border: 1px solid #000000; 
}
.block				{ padding: 15px; border:1px dashed #999999; width:100% }
.input_block		{ padding: 3px; border:1px solid #999999; width:100%; background-color:#e8e8e8; }
.required			{ color:#3390E1; }

#stt td {
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 0px;
}  
	

/* =========================================== */
/* CLASSES */
/* =========================================== */
#week1, #week2, #week3, #week4 {
/*	background-color: #D7D7E3;*/
	width:100%
}
#week2 {
	background-color: #EBEFF7;
}

#toolbar_head {
	background-image: url('../img/layout/stripes_grys.gif'); 
	background-repeat: repeat;
	padding: 0px;
	width='100%';
}
#toolbar_head td {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold; 
	text-transform:uppercase;
	padding: 3px;
	padding-right: 0px;
	padding-top: 3px;
	margin: 0px;
}
#eventsImage {
    /*border: 1px solid #999999;*/
}

/* =========================================== */
/* STRUCTURE DIVS */
/* =========================================== */
#wrap {
  margin: 0 auto; 
  width : 750px;
  background: #fff;
  text-align: left;
  border-right: 1px dotted #808080;
  border-left: 1px dotted #808080;
}
#header {
  width: 100%;
  padding: 0px;
  margin: 0px;
}
/*#header.table {
  border : 0px;
  border: outset 0pt;
  border: inset 0pt;
  border-spacing: 0pt 0pt;
  border-left-width: 0px;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
}*/
#headertable {
  width: 100%;
  padding: 0px;
  margin: 0px;
}
#header td {
  padding: 0px;
  margin: 0px;
}
#leftcol {
  float: left;
  width: 27%;   /*22%;*/
}
#content_norightcol {
  float: left;
  width: 72.9%;  /*77.9%;*/
}
#content_norightcol img {
/*  max-width: 300px;*/
  width: expression(this.width > 500 ? 500 : true); 
}  
#content {
  float: left;
  width: 46.9%;   /*46.9%;*/
}
#content_full {
  float: left;
  width: 99.9%; 
}
#content_full table {
  border: none;
  border: inset 0pt;
}
#content_full td {
  padding: 0px;
  margin: 0px;
}  
#content_full p {
  padding-left: 0px;
}
#rightcol {
  float: right;
  width: 26%;    /*31%;*/
}
#footer {
/*  background: #C0C0C0;*/
  clear: both;
  width: 100%;
  padding: 0px;
  margin: 0px;
  margin-top: 20px;
  border-top: 1px dotted #C0c0c0;
}
#footer td { padding: 0px; padding-bottom: 2px; }

#inside {
  padding: 3px;
}
#inside2 {
  padding: 3px;
}
#container {
  border-right:1px dotted #E0E0E0; 
  margin-top: 5px;
  margin-left: 5px;
  margin-bottom: 10px;
  margin-right: 0px;
  padding-right: 5px;
}
#container_plain {
  margin-top: 5px;
  margin-left: 0px;
  margin-bottom: 10px;
  margin-right: 0px;
  padding-right: 0px;
}
#container_events_old {
  margin-top: 5px;
  margin-left: 0px;
  margin-bottom: 10px;
  margin-right: 0px;
  padding-right: 0px;
}
#container_events {
  margin-top: 5px;
  margin-left: 0px;
  margin-bottom: 10px;
  margin-right: 0px;
  padding-right: 0px;
  height: 121px;
  width: 316px;
  float: center;
  overflow:hidden;
}
#container_events img {
	display:none;
	position:absolute;
	top:0; 
	left:0;
}
#menu td {
	border-left:1px dotted #C0C0C0; 
	text-align: center; 
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-top: 2px;
}
#menu a {
	color: #58738B;
}
#menu a:hover {
	color: #3390E1;
}

/*------------------------------*/
/* HELP POPUPS FOR  TABLE    */
/*------------------------------*/
.popup {
	position: relative;
	display: none;
	border: 1px solid #66819C; 
	background-color:#FFFFCC; 
	width: 300px;
/*	padding: 0px;
	margin: 0px;
	z-index: 20;*/
	top: 15px;
	left: -30px;
}
.popupimg {
	position: absolute;
	width: 15px;
	height: 15px;
/*	z-index: 15;*/
	padding-right: 15px;
}
.popup th {
	background-color: #66819C;
	color: #ffffff;
	text-align: left;
	font-size: 8pt;
	width: 100%;
	padding: 2px;
}
.popup_content {
	padding: 3px;
	color: #000000;
	text-align: left;
	font-size: 8pt;
	font-weight: normal;
	margin: 0px;
}

/*------------------------------*/
/* TRADE TREND INSIGHT TABLE    */
/*------------------------------*/
#ttt {
/*	position: relative; */
	float: left;
}
#ttt #ttttable {
	background-color: #fff;
	border-collapse: collapse;
	border: 1px solid #0087C8;  //now IHS blue, was GI grey-blue #66819C; 
}
#ttt tr.data_white {
	background-color: #fff;
}
#ttt tr.data_color {
	background-color: #F9F9F9; //now gray, was GI light blue #F5F6F8;
}
#ttt td {
	font-size: 7pt;
	text-align: right;
	padding: 2px;
/*	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;*/
}
#ttt td.header {
	text-align: center;
	font-weight: bold; 
	valign: middle;
}
#ttt td.VIPheader {
	font-size: 8pt;
	text-align: center;
	font-weight: bold; 
	valign: middle;
	color: #FFFFFF; 
	background-color: #0087C8;  //now IHS blue, was GI grey-blue #66819C; 
}
#ttt td.headerL {
	text-align: center;
	font-weight: bold; 
	valign: middle;
	border-left: 1px solid #0087C8;  //now IHS blue, was GI grey-blue #66819C; 
}
#ttt td.borderL {
	border-left: 1px solid #0087C8;  //now IHS blue, was GI grey-blue #66819C; 
}
#ttt td.desc {
	text-align: left;
}
#ttt a.green { 
	color: #A0CE14;   //now IHS green, was dark green #009900;
}
#ttt a.red { 
	color: #E77620;  //now IHS orange, was red #FF0000; 
}
#ttt a.black {
	color: #000000;
}