html,body{margin:0;padding:0; }
body, table{ font: 11px verdana,tahoma, arial; text-align: center; border:0;}
table {text-align: left; }

h1	{	font: 24px verdana;	color: #00599B; text-align: center; }

h2	{
	font: 20px tahoma;
	color: #00599B;
	margin: 6px;
	margin-top:8px;
	text-align: center;
}

h3	{
	font: 16px arial;
	color: #00599B;
	font-weight: bold;
	margin: 4px;
	text-decoration: underline;
}

p{margin:0 8px 8px; text-align: left;}

.err_msg	{
	color: red;
	padding: 8px;
	border-left: 4px solid red;
	margin: 15px 0px;
	font: 14px arial;
	font-weight: bold;
}

div.err_msg span {font:11px verdana; font-weight: bold; color:red; }

.info_msg	{
	color: #00599B;
	font-weight: bold;
	margin-top: 10px;
	padding: 8px;
}

a {
	color: #00599B;
	text-decoration: none;
}

a:hover {
	color: grey;
	text-decoration: underline;
}

#xmain	{
	width:1000px;
	margin:0 auto;
	text-align:left;
	z-index: 1;
}

#xtop	{
	width: 100%;
	position: relative;
}
div#xtop h1{
	line-height:50px;
	margin:0;
	background: #00599B;
	color: white;
	text-align:center;
}

div#content {
	float:right;
	width:849px;
	font: 11px verdana;
	border-left: 1px solid #00599B;
}

div#navigation{
	float:left;
	width:150px;
}

div#footer{
	border-top: 1px solid #00599B;
	text-align: right;
	color: #666666;
	clear:both;
	width:100%;
}

#td_top { height: 50px; background-color: #00599B;}
#tbl_search { border:1px solid #00599B; }

a.xmenu { padding:3px; padding-left:4px; font:11px verdana; font-weight: bold; display:block; line-height:15px;  }
a.xmenu:hover { text-decoration: none; background-color:#00599B; color:yellow; }

a.xmenu2 { padding:3px 0px 3px 8px; display:block; line-height:13px;  }
a.xmenu2:hover { text-decoration: none; background-color:lightgrey; color:white; }

hr { border:0; height:0; border-top:1px dashed #00599B; }

/*.tab { text-align: center; vertical-align: middle; height: 40px; border:none; border-bottom: 1px solid #00599B; }*/
.tab { text-align: center; vertical-align: middle; width: 150px; height: 40px; border:1px solid #00599B; border-bottom: none;}

div.wnd_head {height: 20px; background-color: #00599B; margin:0px; border:0px;}

.form_itm
{
	font: 11px verdana, arial;
	color: #00599B;
	border: 1px solid #838383;
	height: 18px;
	background-color: white;
	vertical-align: middle;
	margin: 0px;
}
.form_btn[disabled] {color: darkgrey; }

.form_itmm
{
	font: 11px verdana, arial;
	color: #00599B;
	border: 1px solid #838383;
	background-color: white;
	vertical-align: middle;
}

.form_btn
{
	font: 11px verdana;
	font-weight: bold;
	color: #00599B;
	height: 21px;
}
.form_btn[disabled] {color: darkgrey; }

p.t01 { text-align: center; color: darkblue; font-weight:bold;}
p.t02 { text-align: center; color: red; /*font-weight:bold;*/}
p.ttl {	font: 14px arial; color: #00599B; font-weight: bold; margin: 0px; }

span.p_right {text-align:right; }
span.in_red { color:red; }
span.in_redb { color:red; font-weight:bold; }
span.tt0 {	font: 14px arial; font-weight: bold; }
span.s_descr {font-size: 10px; color:black;}
span.tts {font-size: 11px; margin:4px;}

div.status { float:right; margin: 10px; margin-right: 10px; font: 16px arial; font-weight: bold; }

/*	INVOICE styles*/
table#inv_tbl thead td, table#route_tbl thead td, table#list_tbl thead td, table#srch_tbl thead td {
	height: 20px;
	text-align: center;
	font-weight: bold;
	border-bottom: 2px solid black;
}
table#list_tbl tr {height: 20px;}
table#list_tbl tr td p {margin: 0px;}

div#invoice_info p { margin-bottom: 2px;}


td.tbl_cell{
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	color: #555555;
	border-collapse: collapse;
}
td.tbl_cell0{
	border-bottom: 1px solid gray;
	color: #555555;
	border-collapse: collapse;
}

td.invalid_val {color:red; font-weight:bold;}


div#invoice_head { 		/*	+++ */
	width: 660px;
	margin-top:0px;
	margin-left: 10px;
	margin-bottom: 10px;
	float:left;
}
div#invoice_head table { width: 640px; }
div#invoice_head table tr {
	vertical-align: middle;
}

div#invoice_head div div {
	float:left;
	line-height: 15px;
}


#invoice_info  { 		/*	+++ */
	margin-top: 5px;
	width:160px;
	border:1px dashed #00599B;
	padding: 3px;
	float: right;
}

#invoice_lines {
	float: left;
	margin:0px;
	width:100%;
}

#itm_add, #itm_cross {
	width:360px;
	border:1px dashed #00599B;
	float:left;
	margin-left: 10px;
	padding: 4px 0px 0px 0px;
}

div#dv_cc_find { margin: 2px 10px; }

#itm_excel {
	width:320px;
	border:1px dashed #00599B;
	float: right;
	margin-right: 10px;
	padding: 4px 0px 0px 0px;

}
#itm_add p, #itm_excel p {margin-bottom: 4px;}

#d24h {
	background-color: #cccccc;
	border: 2px solid #00599B;
	position:absolute;
	left: 24%;
	top:220px;
        z-index: 150;
  }


#invoice_route {
	background-color: #EEEEEE;
	width: 490px;
	height: 110px;
	border: 2px solid #00599B;
	position:absolute;
	left: 30%;
	top:170px;
        z-index: 100;
  }


div#loading { display:none; line-height:20px; margin: 2px 20px; border: 1px solid black; }

div#search {
	width:700px;
	margin-left:60px;
}

div#search p {
	margin: 10px 50px 0px 200px;
}

div.ext_search {
	width: 680px;
	margin-left: 10px;
	visibility: hidden;
	position: absolute;
}

div.search_head {
	width: 100%;
	font: 11px verdana;
	font-weight: bold;
	color: white;
	background-color: #00599B; /*#BBE2FF;*/
	border:0px;
}
div.search_head a {
	position:relative;
	left: 480px;
	font-weight: normal;
	color: white;
}

/*	Calendar Style*/
.XXcpYearNavigation,
.XXcpMonthNavigation
		{
		background-color:#00599B;
		text-align:center;
		vertical-align:center;
		text-decoration:none;
		color:#FFFFFF;
		font-weight:bold;
		line-height:18px;
		}
.XXcpDayColumnHeader,
.XXcpYearNavigation,
.XXcpMonthNavigation,
.XXcpCurrentMonthDate,
.XXcpCurrentMonthDateDisabled,
.XXcpOtherMonthDate,
.XXcpOtherMonthDateDisabled,
.XXcpCurrentDate,
.XXcpCurrentDateDisabled,
.XXcpTodayText,
.XXcpTodayTextDisabled,
.XXcpText
		{
		font-family:arial;
		font-size:11px;
		}
TD.XXcpDayColumnHeader
		{
		text-align: right;
		border: none; /*solid thin #00599B; */
		border-width: 0px 0px 1px 0px;
		}
.XXcpCurrentMonthDate,
.XXcpOtherMonthDate,
.XXcpCurrentDate
		{
		text-align:right;
		text-decoration:none;
		}
.XXcpCurrentMonthDateDisabled,
.XXcpOtherMonthDateDisabled,
.XXcpCurrentDateDisabled
		{
		color:#D0D0D0;
		text-align:right;
		text-decoration:line-through;
		}
.XXcpCurrentMonthDate
		{
		color:#00599B;
		font-weight:bold;
		}
.XXcpCurrentDate
		{
		color: #FFFFFF;
		font-weight:bold;
		}
.XXcpOtherMonthDate
		{
		color:#808080;
		}
TD.XXcpCurrentDate
		{
		color:#FFFFFF;
		background-color: #00599B;
		border-width: 1;
		border:solid thin #000000;
		}
TD.XXcpCurrentDateDisabled
		{
		border-width: 1;
		border:solid thin #00599B;
		}
TD.XXcpTodayText,
TD.XXcpTodayTextDisabled
		{
		border: none; /*solid thin #00599B;*/
		border-width: 1 0 0 0;
		}
A.XXcpTodayText,
SPAN.XXcpTodayTextDisabled
		{
		height:20px;
		}
A.XXcpTodayText
		{
		color:#00599B;
		font-weight:bold;
		}
SPAN.XXcpTodayTextDisabled
		{
		color:#D0D0D0;
		}
.XXcpBorder
		{
		border:solid thin #6677DD;
		}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }


#overlay{ 
  position: absolute; top: 50px; left: 282px; z-index: 90; width: 200px; height:  2000px;
  background-color: #000; opacity:0.3;  -moz-opacity:0.3; filter:alpha(opacity=20); 
}


/* Забор во время проведения */

/*#overlay { 	position: absolute;
			top: 0;
			left: 0;
			z-index: 90;
			width: expression(document.body.clientWidth + "px");
			height: expression((document.body.clientHeight - 10) + "px");
			background-color: lightgrey;
		} */
#apply_msg {position:absolute; top:300px; left:25%; width:600px; background-color: white; border:2px solid grey; font:19px verdana; line-height:35px; padding: 10px 3px; text-align:center; color:#00599B; z-index: 105;}

#apply_msg img{float:left; margin-left:40px; margin-right:0px; }

div#quot_chqnt { position:absolute; left:60%; top:200px; width:300px; background-color: white; border: 2px solid #00599B; visibility:hidden; border-top: 13px solid #00599B; }

div#wnd {	position:absolute;
			visibility:hidden;
			display: none;
			background-color: white;
			border: 1px solid black;
			font: 11px verdana;
			padding: 5px;
			z-index: 1000;
	}
	
/* ----- */	 
div.header { background-color: white; float:right; margin-top: -13px; margin-left: 10px; position:relative; z-index:5; height:15px; font-weight:bold; color: grey; }
div.dotted { border: 1px dotted lightgrey;}
div.block { clear:both; padding:4px 1px; }
div.space { clear:both; height:8px; }
div#invoice_number {float:left; margin-right:100px;}
div#status { float:right; line-height:10px; }
div#status u { font-size: 17px; font-family: verdana; color: #00599B;}

span.saver { padding: 0px 2px; font-weight: normal; visibility:hidden; }
span.saver a { color: red; }

div#commission_change span {visibility:hidden;}