/***** JOB TABLE *************************************/

.jobslist
{
	margin:0;
}
.jobstable
{
	clear:both;
	margin:10px 0;
	font-size: 11px;
}
.jobsheader
{
	background:#0DB04B;
	color:#fff;
	font-weight:bold;
	overflow:hidden;
	height:20px;
}
.jobsfooter
{
	background-color:#0DB04B;
	color:#333;
	font-weight:bold;
	font-size:10px;
	border-top: 0px solid #f6f6f6;
	padding-top: 4px;
	padding-bottom: 6px;/**/
	/*overflow:hidden;*/
	height:10px;
	_height: 22px;
}

.jobsheader div, .jobsline div
{
	float: left;
	width: 146px;
	padding: 3px;
	height: 15px;
	_height: 20px;
	overflow: hidden;
	white-space: nowrap;
}
.jobsheader div.right, .jobsline div.right
{
	float: right;
	width: 146px;
	padding: 3px;
	font-weight: normal;
	white-space: nowrap;
}

	/* it must be separated like that because of silly IE6 */
.jobsheader div.__side_column, .jobsline div.__side_column
{
	float: right;
}
.jobsheader div.side_column, .jobsline div.side_column
{
	float: right;
}


	/* LEGEND */

.key, .key li
{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
.key
{
	margin:3px 0 0 3px;
}
.key li
{
	color: black;
	margin-right: 25px;
	padding: 1px 5px 1px 20px;
	font-size: 10px;
	background-repeat: no-repeat;
	background-position: left 0px;
	height: 16px;
}

	/* JOBSTABLE ROWS */

.jobstable .odd,
.jobstable .even
{
	cursor: pointer;
	overflow:hidden;
	height: 20px;
}

.jobstable .odd .norm, .jobstable .odd .past, .jobstable .odd .soon2hrs, .jobstable .odd .soon4hrs, .jobstable .odd .soon24hrs, .jobstable .odd .after24hrs, .jobstable .odd .pending
{
}
.jobstable .even .norm, .jobstable .even .past, .jobstable .even .soon2hrs, .jobstable .even .soon4hrs, .jobstable .even .soon24hrs, .jobstable .even .after24hrs, .jobstable .even .pending
{
	background:#f5f7e2;
}

.jobstable .norm .closing_date, .jobstable .past .closing_date, .jobstable .soon2hrs .closing_date, .jobstable .soon4hrs .closing_date, .jobstable .soon24hrs .closing_date, .jobstable .after24hrs .closing_date, .jobstable .pending .closing_date
{
	background-repeat: no-repeat;
	background-position: right 3px;
}
.jobstable .norm .closing_date, .jobstable .after24hrs .closing_date, .key .after24hrs
{
	background-image: url(../images/traffic_clear.png);
}
.jobstable .past .closing_date, .key .past
{
	background-image: url(../images/traffic_blue.png);
}
.jobstable .soon2hrs .closing_date, .key .soon2hrs
{
	background-image: url(../images/traffic_red.png);
}
.jobstable .soon4hrs .closing_date, .key .soon4hrs
{
	background-image: url(../images/traffic_amber.png);
}
.jobstable .soon24hrs .closing_date, .key .soon24hrs
{
	background-image: url(../images/traffic_green.png);
}
.jobstable .pending .closing_date, .key .pending
{
	background-image: url(../images/traffic_pending.png);
}
.jobstable .mouseover_highlight
{
	background-color: #FFFB66;
	cursor: pointer;
	overflow: hidden;
	height: 20px;
}

	/*	JOBSTABLE PARTS */

#jobstable_past_caption
{
	background: red url(../images/split_screen_bar_past.png) repeat-x;
	color: white;
	font-size: 13pt;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	height: 27px;
}

#jobstable_live_caption
{
	background: green url(../images/split_screen_bar_live.png) repeat-x;
	color: white;
	font-size: 13pt;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	height: 27px;
}

#jobstable_past_caption span, #jobstable_live_caption span
{
	font-size: 9pt;
}

#jobstable_control
{
	margin: 5px 0px 10px 0px;
	text-align: center;
	background: transparent url(../images/drag_side.jpg) repeat-x;
	/*cursor: n-resize;*/
}
#jobstable_control div
{
	height: 12px;
}

.navigation_panel
{
	float: right;
}
.navigation_panel span
{
	font-weight:bold;
	color:white;
	margin-right: 7px;
	cursor: pointer;
}
.navigation_panel span.current
{
	color: #f56c00;
	cursor: auto;
}

	/***** JOB SUB *************************************/

.job_sub
{
	display:none;
	clear:both;
}	
.job_sub_container
{
	clear: both;
	margin:0px 0px 0px 0px;
	background:#ffe;
}
.job_sub_container h4
{
	font-size: 16px;
}
.job_sub_container th, .job_sub_container td
{
	font-size: 0.95em;
}

.job_sub h4,
.job_quick_entry h4
{
	margin:0;
}
.job_sub h4 span,
.job_quick_entry h4 span
{
	font-weight:normal;
}
.job_sub table table
{
	margin:5px 0;
	background:#ffc;
	border:1px solid #ffa;
	border-top:none;
}
.job_sub table th,
.job_sub table td
{
	padding:3px 3px 3px 3px;
	color:#663;
	background:#fff;
	border-top:1px solid #ffa;
	text-align:left;
}
.job_sub table th
{
	padding-left:0px;
	background:#ffc;
	font-weight:bold;
	text-align:left;
}
.job_sub table table th
{
	background:transparent;
}
.job_sub .job_vars th
{
	padding:3px;
}
.job_sub .job_vars,
.job_sub .job_vars td
{
	margin:0;
	border:none;
	padding-top:0;
}
.job_sub table .job_lowest
{
	color:#696;
	background:#9f9;
	border:1px solid #8e8;
	font-weight:bold;
}

	/* ************************ */

.bid_info
{
	text-align: right;
}

.info_bids,
.tick,
.cross,
.tick2,
.icon_supply_it_now,
.icon_tender,
.cross2 {
	display:block;
	float:right;
	width:15px;
	height:15px;
	margin-left:5px;
	text-indent:-2000px;
	overflow:hidden;
	background-image:url(../images/tick.gif);
	background-repeat:no-repeat;
}
.cross, .cross2
{
	background-image:url(../images/cross.gif);
}
.tick2, .cross2
{
	background-position:-20px 0;
}

.icon_supply_it_now
{
	background: transparent url(../images/supplyitnow.png) no-repeat;
	width: 80px;
}
.icon_tender
{
	background: transparent url(../images/tender.png) no-repeat;
	width: 15px;
}
.info_bids
{
	width: 50px;
	background-image: none;
}

	/* ******************************* */
		/* preset some column widths to make it nicer before the page is fully read */

.jobstable .closing_date
{
	width:78px;
}
.jobstable .closing_time
{
	width:60px;
}
.jobstable .sequence_number
{
	width: 25px;
}
.jobstable .container_icon
{
	width: 22px;
	margin: -3px 0px 0px -1px;
}