/* *** Content style for the main page *** */

/*
   Temporary added by Alban Auzeill during the look and feel integration
   Usage:
   - For a small note:
		 <span class="todo" title="Warning: the border width is unknown">/!\</span>
	 - For a block:
		 <div class="todo" title="pas le style">
		    ... html block ...
		 </div>
 */
.todo {
 border: 2px dotted #FF00FF;
}

.hide {
  display:none;
}

.hide div{
  display:none;
}

hr {
	background-color:#E7E7E7;
	border:0pt none;
	color:#E7E7E7;
	height:1px;
}

.mainLogin {
	background-color: #F5F5F5;
	padding: 5px;
}

table.form-elementsFixed {
	width: 429px;
}

table.form-elementsFixed input.text {
	width: 275px;
}

/* info-container start */

div.info-container {
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
}

div.info-container h2.container-title {
	margin: 0 0 1px 0;
	padding: 3px 0 4px 7px;
	font-size: 11px;
	font-weight: normal;
	background-color: #ffcc00;
}

div.info-container h2.container-title-alt {
	margin: 0 0 1px 0;
	padding: 3px 0 4px 7px;
	font-size: 11px;
	font-weight: normal;
	background-color: #e7e7e7;
}

div.info-container div.container-body {
	border: 1px solid #cccccc;
	border-top: 0;
	padding: 3px 4px 7px 6px;
}

/* info-container end */

div.error {
}

div.information h3 {
	color: #000000;
	font-size:11px;
	font-weight:normal;	
}

div.informationBlue,
div.informationBlue h3 {
	color: #003399;
	font-size:11px;
	font-weight:normal;	
}


table.table-notitle tr td.no-border-left {
	border-left: none;
}

table.table-title tr td.no-border-left {
	border-left: none;
}

table tr td.center {
  	text-align: center;
}



/* OVERRIDE VALUES for table-total */
/* table.table-total */

table.table-total tr td.no-border-left {
	border-left: none;
}

html table.table-total tfoot tr.total td {
	padding-top: 3px;
}

html table.table-total tfoot tr.total td div {
	margin-left: 6px;
	margin-right: 6px;
}

/* END OVERRIDE VALUES for table-total */

img {
  border-style: none;
}

p.inside-footer {
	margin:0px 0px 0px 0px;
	padding-top: 4px;
}

/* Styles for double blocs */
hr.double-bloc-separator {
	clear:right;
}

div.double-bloc-left,
div.double-bloc-right {
	width:394px;
}

div.double-bloc-right {
	float:right;
}

div.tabs-body div.double-container div.container {
  width:350px;
}

/* Modifications from crealogix CSS */
/*was div.tabs ul.tabs li.act a.act {*/
div.tabs ul.tabs li.act a {
	padding: 4px 8px 0 8px;
	height: 19px;
	background-color: #ffffff;
	color: #333333;
}

div#headerMarkets div.filter {
	margin: 15px 0 15px 0;
	padding: 9px 0 6px 0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/*for IE only*/
* html div#headerMarkets div.filter {
	padding: 4px 0 6px 0;
}

span.labelGreen {
	display:block;
	float:left;
	line-height:16px;
	margin:3px 0pt 0pt;
	padding:0pt;
	color:#339900;
}

span.labelRed {
	display:block;
	float:left;
	line-height:16px;
	margin:3px 0pt 0pt;
	padding:0pt;
	color:#cc0000;
}

div.double-container div.container table.table-output,
div.double-container div.container table.form-elements {
	width:334px;
}

div.buttons {
  margin-right:-10px;
  padding:10px 0pt 0pt;
}

div.container div.buttons {
  margin-right:0px;
  padding:10px 0pt 0pt;
}

td.nowrap {
  white-space: nowrap;
}

td.separator {
  width: 15px;  
}

/* CHANGE ul.list-links li.link => ul.list-links li */
ul.list-links li.link,
ul.list-links li {
	line-height: 16px;
	margin: 0 0 2px 0;
	list-style-type: none;
	padding: 0 0 0 15px;
	background: transparent url(../img/icon_arrow.gif) 1px 5px no-repeat;
}

* + html ul.list-links li.link,
* + html ul.list-links li {
	background: transparent url(../img/icon_arrow.gif) 1px 6px no-repeat;
}

* html ul.list-links li.link,
* html ul.list-links li {
	background: transparent url(../img/icon_arrow.gif) 1px 6px no-repeat;
}

ul.list-links li.link a,
ul.list-links li a {
	color: #666666;
	text-decoration: underline;
	padding: 0;
	margin: 0;
}

ul.list-links li.link a:hover,
ul.list-links li a:hover {
	color: #333333;
}

div.top-search-results ul.list-links li.link a,
div.top-search-results ul.list-links li a {
	font-weight: bold;
}

table.table-title tr td.right {
	text-align: right;
}

td.top {
	vertical-align: top;
}

td.bottom {
	vertical-align: bottom;
}

table.table-title thead tr.double-title-1 td.like-title-2 {
	vertical-align: top;
  padding-top:0pt;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #BBBBBB;
}

table.table-title thead tr.double-title-2 td.not-first {
	border-left:1px solid #BBBBBB;
}

/***
OVERWRITE OF CRX CSS
***/
div.tabs div.double-container, div.double-container {
	width:auto;
}
div.double-container div.container {
	width:358px;
}
div.container {
	width:790px;
}
div.tabs {
	width:auto;
}
table.form-elements {
	width:auto;/*Pb with IE6*/
}
#headerMarkets {
	overflow:visible;
	height:1%;
}

h3.form-error {
	color:#FF0000;
}

h1.page-title {
	margin:45px 0pt 11px; /* 8px to align with e-trading */
}

*.nowrap {
  white-space: nowrap;
}

td.form-elements span.label,
table.form-elements tr td span.label {
	float: none;
}

div.container h2.container-title img.detail {
	padding-right: 3px;
}