/* 
 * Стили отслеживания
 */



/*************************************************************** 
 * Общие стили
 ***************************************************************
 */
div#trace
{
}
div#trace form
{
	margin: 0;
	padding: 0;
}
div#trace .bold
{
	font-weight: bold;
}
div#trace .hand_cursor
{
	cursor: hand;
	cursor: pointer;
}
div#trace table
{
	font-size: 100%;
}



/*************************************************************** 
 * Таблица полей ввода
 ***************************************************************
 */
table.trace_waybill_inputs
{
	color: #2e664c;
}



/*************************************************************** 
 * Таблица накладных
 ***************************************************************
 */
div.trace_response_table_container
{
	margin-top: 10px;
}
table.trace_response_table
{
	background: #347a4e;	
}
table.trace_response_table td
{
	padding-bottom: 2px;
}
div#trace .col_waybill_width
{
	width: 158px;
	padding-left: 9px;
	padding-top: 7px;
	vertical-align: top;
}
div#trace .col_status_width
{
	width: 150px;
	padding-top: 7px;
	vertical-align: top;
}
div#trace .col_date_width
{
	width: 117px;
}
div#trace .col_time_width
{
	width: 115px;
}
div#trace .col_fio_width
{
	width: 205px;
	padding-top: 7px;
	vertical-align: top;
}



/*************************************************************** 
 * Таблица подробной информации по накладной. 
 ***************************************************************
 */
table.trace_waybill_details
{
	border-collapse: collapse;
	table-layout: fixed;

	/* Тут ширина прописывается фиксированной, как сумма ширин столбцов, в противном случае Firefox 
	предпочитает увеличивать ширину этой таблицы вместо разрыва текстов по пробельным 
	символам в ее ячейках, что приводит к тому, что таблицы событий в Firefox становятся 
	шире ширины таблицы выдачи. 
	*/
	width: 542px;
}
table.trace_waybill_details
{
	margin-top: -1px;
	background-color: #fffeed;
}
table.trace_waybill_details td
{
	padding: 7px 9px 7px 9px;
	border: solid #474d50 1px;
	vertical-align: top;
}
table.trace_waybill_details table.item_main_props td
{
	padding: 0px;
	border: none;
}
table.trace_waybill_details td.items
{
	padding: 7px 9px 4px 9px;
	border: solid #474d50 1px;
}
/* Ширина столбцов */
col.trace_waybill_details_1
{
	width: 30px;
}
col.trace_waybill_details_2
{
	width: 152px;
}
col.trace_waybill_details_3
{
	width: 230px;
}
col.trace_waybill_details_4
{
	width: 230px;
}
/* 
   Ширина столбцов работает не так, как нужно, если таблица состоит из одной
   строки, в которой несколько столбцов объединены через colspan. 
   Поэтому, чтобы ширина столбцов работала, в каждую таблицу добавляется
   дополнительно строка со всеми столбцами, но эта строка делается невидимой. 
*/
table.trace_waybill_details tr.cols_fix
{
	height: 0px; 
	padding: 0px; 
	border: none 0px;
	visibility: hidden;
}
table.trace_waybill_details td.cols_fix_1
{
	padding: 0px; 
	height: 0px; 
	width: 30px;
	border: none 0px;
}
table.trace_waybill_details td.cols_fix_2
{
	padding: 0px; 
	height: 0px; 
	width: 152px;
	border: none 0px;
}
table.trace_waybill_details td.cols_fix_3
{
	padding: 0px; 
	height: 0px; 
	width: 152px;
	border: none 0px;
}
table.trace_waybill_details td.cols_fix_4
{
	padding: 0px; 
	height: 0px; 
	width: 152px;
	border: none 0px;
	font-size: 1px;
	line-height: 1px;
}

table.trace_waybill_details td.header
{
	background: #f1f8f0;
}

/* 
	Самый левый столбец таблицы подробностей по месту невидим - поэтому так скрываем
	границы этой ячейки. Если их делать none, а не белыми, другие ячейки будут съезжать
	в Firefox из-за того, что ширину он считает не так, как IE - учитывая ширину бордюра. 
*/
table.trace_waybill_details .invisible_left_col
{
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
}
table.trace_waybill_details div.switch_img_container
{
	height: 1.1em;
}
table.trace_waybill_details img.switch_img
{
	position: relative; 
	top: 3px;
}


/*************************************************************** 
 * Кнопки и поля ввода.
 ***************************************************************
 */
input.trace_waybill_input
{
	height: 18px;
	width: 92px;
	font-size: 95%;
	margin: 0px 20px 7px 7px;
	font-family: MS Sans Serif, Arial;
}
* html input.trace_waybill_input
{
	margin: -1px 20px 6px 7px;
}
div.trace_buttons
{
	position:relative;
	height: 35px;
	margin-bottom: 20px;
}
input.trace_button_reset
{
	position: absolute;
	right: 33px;
	bottom: 0px;
	height: 25px;
	width: 93px;
}
input.trace_button_submit
{
	position: absolute;
	left: 15px;
	bottom: 0px;
	height: 25px;
	width: 93px;
}
div#trace div.export_to_excel_container
{
	position: relative;
	margin-top: 1.4em; 
	margin-left: 2.2em; 
}
div#trace img.export_to_excel_icon
{
	position: absolute; 
	left: -2.2em; 
	top: -3px; 
}



/*************************************************************** 
 * Цветовое выделение наклданых и мест в зависимости от статуса
 ***************************************************************
 */
div#trace .delivered
{
	font-size:10pt;
	color: #ffffff;
}
div#trace .delivered_sub
{
	font-size:10pt;
	color: #ffffff;
}
div#trace .in_delivery
{
	color: #500000;
}
div#trace .not_found
{
	color: #8a8a8a;
}
div#trace .delivered_hover_underline .delivered
{
	color: #3e8d67;
}
div#trace .in_delivery_hover_underline .in_delivery
{
	color: #842424;
}



/*************************************************************** 
 * Стили штрихпунктирного подчеркивания
 ***************************************************************
 */
div#trace .underline_area
{
	padding-bottom: 2px;
	border-bottom: 1px solid white;
}
div#trace .underline_area_green
{
	padding-bottom: 2px;
	border-bottom: 1px solid #f1f8f0;
}
div#trace .in_delivery_hover_underline
{
	border-bottom: 1px dashed #842424;
}
div#trace .delivered_hover_underline
{
	border-bottom: 1px dashed #3e8d67;
}
div#trace .empty_hover_underline
{
	border-bottom: 1px solid white;
}
div#trace .delivered_hover_underline
{
	border-bottom: 1px dashed #3e8d67;
}
div#trace .in_delivery_hover_underline
{
	border-bottom: 1px dashed #842424;
}




input.trace_contract
{
	height: 18px;
	width: 92px;
	font-size: 95%;
	font-family: MS Sans Serif, Arial;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}