/***********************************************
* Class: tradetable.css
* 
* This css component can be used to create trade
* table
*
* required:TODO
*
* 	<div class="Bluebox">
*		<div class="padder">
*			<div class="content">
*				
*				....	
*				
*				<div style="clear: both;"></div>
*			</div>
*		</div>
*	</div>
*
* 2006-09-14
************************************************/

.TradeTable{
	width: 100%; 
	height:auto; 
	float: left;
}

.TradeTable table {
	overflow: hidden;
	width: 100%;
	border-collapse: collapse;
}


.TradeTable thead th.name {
	padding-left: 10px;
	text-align: left;
	border-bottom: 1px solid #B8B8B8;
}

.TradeTable thead th.name a{
	color: #013B71;
	font-weight: normal;
}

.TradeTable thead th.rightpadded {
	padding-right: 10px;
	text-align: right;
	border-bottom: 1px solid #B8B8B8;
}

.TradeTable thead th{
	font-weight: normal;
	text-align: right;
	cursor: pointer;
}

.TradeTable thead th.bordered_header{
	border-bottom: 1px solid #B8B8B8;
}

.TradeTable thead th.bordered_header_left{
	text-align: left;
	border-bottom: 1px solid #B8B8B8;
}

.TradeTable tbody td{
	background-color: white;
	text-align: right;
	border-bottom: 1px solid #B8B8B8;
}

.TradeTable tbody td.left_aligned_cell{
	background-color: white;
	text-align: left;
	border-bottom: 1px solid #B8B8B8;
}

.TradeTable tbody td.ok{
	background-color: white;
	text-align: left;
	color: green;
	border-right: 1px solid #B8B8B8;
	padding-right: 10px;
	border-bottom: 1px solid #B8B8B8;
}
.TradeTable tbody td.warn{
	background-color: white;
	text-align: left;
	color: yellow;
	border-right: 1px solid #B8B8B8;
	padding-right: 10px;
	border-bottom: 1px solid #B8B8B8;
}
.TradeTable tbody td.failed{
	background-color: white;
	color: #EC3C3E;
	text-align: left;
	border-right: 1px solid #B8B8B8;
	padding-right: 10px;
	border-bottom: 1px solid #B8B8B8;
}

.TradeTable tbody td.center_aligned_cell{
	background-color: white;
	text-align: center;
	border-bottom: 1px solid #B8B8B8;
}

.TradeTable tbody td.enum{
	background-color: #DBE2EA;
	text-align: center;
	border-bottom: none;
	font-weight: bold;
	width: 12px;
}

.TradeTable tbody td.minus {
	color: red;
	padding-right: 4px;
	padding-left: 4px;	
}

.TradeTable tbody td.plus {
	color: green;
	padding-right: 4px;
	padding-left: 4px;	
}

.TradeTable tbody td.negative {
	color: red;
	padding-right: 4px;
	padding-left: 4px;	
}

.TradeTable tbody td.positive {
	color: green;
	padding-right: 4px;
	padding-left: 4px;	
}

.TradeTable tbody td.name {
	border-bottom: 1px solid #B8B8B8;
	border-left: 1px solid #B8B8B8;
	padding-left: 10px;
	background-color: white;
	font-weight: normal;
	text-align: left;
}

.TradeTable tbody td.startcell {
	border-bottom: 1px solid #B8B8B8;
	border-left: 1px solid #B8B8B8;
	padding-left: 10px;
	background-color: white;
	text-align: left;
}

.TradeTable tbody td.time {
	border-bottom: 1px solid #B8B8B8;
	border-left: 1px solid #B8B8B8;
	padding-left: 10px;
	background-color: white;
	font-weight: bold;
	text-align: left;
	width: 120px;
}

.TradeTable tbody td.edit {
	border-bottom: 1px solid #B8B8B8;
	border-right: 1px solid #B8B8B8;
	padding-right: 10px;
	background-color: white;
}

.TradeTable tbody td.full{
	text-align: center;
	border-left: 1px solid #B8B8B8;
	border-right: 1px solid #B8B8B8;
}

.TradeTable tbody td.middlefull{
	text-align: center;
	border-left: none;
	border-right: none;
}

.TradeTable .empty{
	border: none;
	background-color: #C2D2E0;
	padding-right: 2px;
}

.TradeTable tbody tr.last td.no_background{
	background-color: #DBE2EA;
	text-align: right;
	border-bottom: none;
}

.TradeTable tbody tr.last td.no_background_bold{
	background-color: #DBE2EA;
	text-align: right;
	font-weight: bold;
	border-bottom: none;
}

.TradeTable tbody tr.last td{
	background-color: #C2D2E0;
	text-align: right;
	border-bottom: none;
}

.TradeTable tbody tr.last td.result{
	font-weight: bold;
	padding-right: 4px;
	padding-left: 4px;
}

/* ----------- tbody hoverable tr classes------------------- */

/*TR DEFAULT*/
.TradeTable tbody tr.hoverable td{
}

.TradeTable tbody tr.hoverable:HOVER td{
	background-color: #eaf1b2;
}

.TradeTable tbody tr.hoverable:HOVER td.enum{
	background-color: #C2D2E0;
}

.TradeTable tbody tr.hoverable:HOVER td.empty{
	background-color: #C2D2E0;
}

/*TR BLUE*/
.TradeTable tbody tr.hoverable_blue td{
	background-color: #C4C9F8;
}
.TradeTable tbody tr.hoverable_blue:HOVER td{
	background-color: #eaf1b2;
}

/*TR YELLOW*/
.TradeTable tbody tr.hoverable_yellow td{
	background-color: #FEE676;
}
.TradeTable tbody tr.hoverable_yellow:HOVER td{
	background-color: #eaf1b2;
}

/*TR RED*/
.TradeTable tbody tr.hoverable_red td{
	background-color: #FF773B;
}
.TradeTable tbody tr.hoverable_red:HOVER td{
	background-color: #eaf1b2;
}

/*TR PINK*/
.TradeTable tbody tr.hoverable_pink td{
	background-color: #FFC5C5;
}
.TradeTable tbody tr.hoverable_pink:HOVER td{
	background-color: #eaf1b2;
}



/* ----------- clickable classes------------------- */

.TradeTable b.clickable:HOVER{
	cursor: help;
} 


/* ----------- analyze classes------------------- */

.TradeTable div.analyze:HOVER{
	color: blue;
	cursor: help;
}

div.cellOption{

} 
div.cellReferenceOption{
	margin-left: 10px;

}
div.cellReferenceOption:HOVER{
	cursor: pointer;
}