@charset "utf-8";

/* Reset Elements */

html, body, div, form, h1, h2, h3, h4, h5, h6, p, ul, li { 
	margin:0px;
	padding:0px; 
}

/* Base Datas */

body {
	background:#f2f2f2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

img { 
	border:0px; 
}

a {
	color: #0e7fc7; 
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h2 {
	overflow:hidden;
	padding:7px 0px 7px 12px;
	background:url(images/head.png) no-repeat;
	width:500px;
	height:26px;
	margin:20px 0px 0px 10px;
	clear:both;
	font-size:18px;
}

h3 {
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #666;
	color: #666;
	padding-bottom:4px;
	margin:00px 0px 5px 0px;
	width:335px;
}

label {
	cursor:pointer;
}

/* Containers */

#container{
	width:986px;
	background:#E1EFFF;
	margin:0px auto;
	border-left:1px solid #898989;
	border-right:1px solid #898989;
	overflow:hidden;
	min-height:1200px;
}

#container-users {
	margin:20px 0px 0px 15px;
	overflow:hidden;
}

/* Headline */

#headline {
	background:#000;	
	color:#FFF;
	padding:6px;
	overflow:hidden;
	border-bottom:1px dotted #888;
}

	#headline a {
		color:#FC0;	
		font-weight:bold;
	}

	#headline .left {
		float:left;
		width:334px;
		font-weight:bold;
	}
	
		#headline .left strong {
			color:#0F3;	
		}
	
	#headline .center {
		float:left;
		text-align:center;
		width:304px;
	}
	
		#headline .center span{
			color:#afdbfa;
		}
	
	#headline .right {
		float:right;
		width:334px;
		text-align:right;
	}
	
		#headline .right img{
			margin-top:-4px;
			vertical-align:middle;
		}
	
/* Header */

#header {
	background:url(../images/header.png) repeat-x;
	height:60px;
	color:#FFF;
}
	
	#header #title {
		float:left;
	}
	
		#header #title em {
			 font-style:normal;
			 margin-top:14px; 
			 margin-left:5px;
			 font-size:14px;
			 color:#FFF;
		}
		
		#header #title a {
			text-decoration:none;
		}
	
	#header img {
		margin:16px 0px 0px 20px;
		float:left;
	}
	
	#header h1 {
		margin:20px 0px 0px 10px;
		padding:0px;
		font-size:16px;
		color:#FFF;
		float:left;
	}
	
	#header #nav {
		float:right;
	}
	
		#header #nav ul{
			float:left;
		}
		
			#header #nav ul li{
				float:left;
				list-style-type:none;
				margin-left:17px;
			}
	
/* Navigation */
	
#nav {
	margin:16px 20px 0px 0px;
	float:right;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
}
	
	#nav a{
		margin-left:8px;
		color:#FFF;
		float:left;
		text-decoration:none;
	}
	
		#nav .left  {
			background:url(images/menu_l_blue.png);
			width:6px;
			height:27px;
			float:left;
		}
		
		
		#nav .middle {
			background:url(images/menu_m_blue.png) repeat-x;
			padding:4px 2px 0px 2px;
			height:27px;
			float:left;
		}
		
		#nav .right {
			background:url(images/menu_r_blue.png);
			width:6px;
			height:27px;
			float:left;
		}
	
		#nav #active .left  {
			background:url(images/menu_l.png);
			width:6px;
			height:27px;
			float:left;
		}
		
		
		#nav #active .middle {
			background:url(images/menu_m.png) repeat-x;
			padding:4px 2px 0px 2px;
			height:27px;
			float:left;
		}
		
		#nav #active .right {
			background:url(images/menu_r.png);
			width:6px;
			height:27px;
			float:left;
		}

/* authinfo */

#authinfo {
	padding:10px 12px 10px 12px;
	overflow:hidden;
}

	#authinfo .left{
		float:left;
	}
	
	#authinfo .right{
		float:right;
	}

/* Menubar */

#menubar {
	background:url(images/menubar.png);
	height:31px;
	padding:5px 0px 0px 0px;
	/*margin:0px 10px 0px 10px;*/
	border-bottom:1px solid #BBB;
	font-size:12px;
}

	#menubar input[type="text"] {
		width:70px; margin-right:8px;
	}
	
	#menubar select {
		margin-right:8px;
	}
	
	#menubar ul {
		list-style-type:none;
		float:left;
		margin-left:13px;
		margin-right:0px;
		padding-top:5px;
		padding-right:0px;
		overflow:hidden;
	}
	
		#menubar ul li {
			float:left;
			margin-right:18px;
		}
		
		#menubar img {
			vertical-align:middle;
			margin:-4px 4px 0px 0px;
		}
		
	#menubar .toolbar {
		float:right;
		margin-right:10px;
	}
		

/* Table */

#table {
	display:table;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	margin:6px 0px 6px 0px;
}
	
	#table a {
		display:table-row;
		background-color:#FFF;
		text-decoration:none;
		color:#000;
	}
	
		#table a:hover {
			background-color:#9C3;
		}
	
	#table .title {
		display:table-row;
		background:url(images/table_title.png) repeat-x;
		font-weight:bold;
		text-align:center;
		cursor:default;
		height:20px;
	}
	
	#table div {
		display:table-cell;
		border-top:1px solid #999;
		border-left:1px solid #999;
		padding:5px 6px 4px 6px;
		vertical-align:middle;
	}
	
#mtable {
	display:table;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	margin:6px 0px 6px 0px;
}
	
	#mtable .row0, #mtable .row0-noa {
		display:table-row;
		background-color:#FFF;
		text-decoration:none;
		color:#000;
	}
	
	#mtable .row-red {
		display:table-row;
		background-color:#FEBABA;
		text-decoration:none;
		color:#000;
	}

	#mtable .row-darkred {
		display:table-row;
		background-color:#c51616;
		text-decoration:none;
		color:#000;
	}
	
	#mtable .row-darkgreen {
		display:table-row;
		background-color:#7dc516;
		text-decoration:none;
		color:#000;
	}
	
	#mtable .row1, #mtable .row1-noa {
		display:table-row;
		background-color:#EEE;
		text-decoration:none;
		color:#000;
	}
	
	#mtable .row-blue0, #mtable .row-blue0-noa {
		display:table-row;
		background-color:#bbe1cb;
		text-decoration:none;
		color:#000;
	}

	#mtable .row-blue1, #mtable .row-blue1-noa {
		display:table-row;
		background-color:#acd4bd;
		text-decoration:none;
		color:#000;
	}
	
	#mtable .row-blue0i-noa {
		display:table-row;
		background-color:#dcb8f8;
		text-decoration:none;
		color:#000;
	}
	
	#mtable .row-blue1i-noa {
		display:table-row;
		background-color:#c7a5e1;
		text-decoration:none;
		color:#000;
	}
	
	#mtable .row-blue0e-noa {
		display:table-row;
		background-color:#dfd6a7;
		text-decoration:none;
		color:#000;
	}
	
	#mtable .row-blue1e-noa {
		display:table-row;
		background-color:#ccc59b;
		text-decoration:none;
		color:#000;
	}
	
	#mtable .row-blue0n-noa {
		display:table-row;
		background-color:#CCC;
		text-decoration:none;
		color:#000;
	}
	
	#mtable .row-blue1n-noa {
		display:table-row;
		background-color:#CCC;
		text-decoration:none;
		color:#000;
	}
	
	#mtable .row-blue-red-noa {
		display:table-row;
		background-color:#F00;
		text-decoration:none;
		color:#000;
	}
	
		#mtable .row-xred {
			display:table-row;
			text-decoration:none;
			color:#333;
			background-color:#FFB7B7;
		}
		
		#mtable .row-xblue {
			display:table-row;
			text-decoration:none;
			color:#333;
			background-color:#B9E1FF;
		}
		
		#mtable .row-xyellow {
			display:table-row;
			text-decoration:none;
			color:#333;
			background-color:#FFEFB9;
		}
		
		#mtable .row-xcritical {
			display:table-row;
			text-decoration:none;
			color:#FFF;
			font-weight:bold;
			background-color:#8b0000;
		}
		
		#mtable .row-xdebug {
			display:table-row;
			text-decoration:none;
			color:#333;
			background-color:#d9caef;
		}

		#mtable .row-xsms {
			display:table-row;
			text-decoration:none;
			color:#333;
			background-color:#ceb9ff;
		}
		
		
		
		#mtable .row-xred div, #mtable .row-xblue div, #mtable .row-xyellow div, #mtable .row-xcritical div, #mtable .row-xdebug div, #mtable .row-xsms div  {
			padding:3px 4px 3px 4px;
		}
		
		#mtable .row-xred div a, #mtable .row-xblue div a, #mtable .row-xyellow div a, #mtable .row-xcritical div a, #mtable .row-xdebug div a, #mtable .row-xsms div a {
			color:#06C;
		}
		
		#mtable .row-xcritical div a{
			color:#FF0;
		}
		
	
	#mtable .row0-noa div, #mtable .row1-noa div, #mtable .row-blue0-noa div, #mtable .row-blue1-noa div, #mtable .row-blue-red-noa div, #mtable .row-blue0i-noa div, #mtable .row-blue1i-noa div, #mtable .row-blue0e-noa div, #mtable .row-blue1e-noa div, #mtable .row-blue0n-noa div, #mtable .row-blue1n-noa div {
		padding:3px 4px 3px 4px;
	}
	
	#mtable .row0:hover, #mtable .row1:hover, #mtable .row0-noa:hover, #mtable .row1-noa:hover {
		background-color:#CADEFF;
	}
	
		#mtable .row0 a, #mtable .row1 a, #mtable .row-red a, #mtable .row-darkred a, #mtable .row-darkgreen a{
			display:block;
			padding:5px 6px 4px 6px;
			color:#000;
			text-decoration:none;
		}

		#mtable .row-darkred a {
			color: #FFF;
		}

		#mtable .row-darkgreen a {
			color: #000;
		}
		
		#mtable .print a, #mtable .balance a {
			display:inherit;
			padding:0px;
			color:#000;
			text-decoration:none;
		}
	
	#mtable .title {
		display:table-row;
		background:url(images/table_title.png) repeat-x;
		font-weight:bold;
		text-align:center;
		cursor:default;
		height:20px;
		
	}
	
		#mtable .title div{
			height:24px;
			text-align:center;
		}
	
	#mtable div {
		display:table-cell;
		border-top:1px solid #999;
		border-left:1px solid #999;
		vertical-align:middle;
		min-height:20px;
	}
	
.createinvoice {
	margin-right:15px;
}

	.createinvoice .item {
		clear:both;
	}

		.createinvoice .item div {
			float:left;
			padding:4px 6px 4px 6px;
			margin:0px;
			float:left;
			border-bottom:1px solid #CCC;
			border-right:1px solid #CCC;
			background-color:#EEE;
			min-height:20px;
		}
		
		.createinvoice .title div {
			float:left;
			padding:4px 6px 0px 6px;
			margin:0px;
			float:left;
			border-bottom:1px solid #CCC;
			border-right:1px solid #CCC;
			background-color:#DDD;
			min-height:20px;
		}
	
	.createinvoice .title {
		font-weight:bold;
		padding:0px;
		margin:0px;
		border:0px;
		background-color:#999;
		border-top:1px solid #CCC;
		color: #000;
	}

/* Table datas */

.users .nev 		{ width:186px; }
.users .email 		{ width:210px; }
.users .discount 	{ width:30px; text-align:center; }
.users .payment 	{ width:50px; }
.users .iaddress 	{ width:350px; }
.users .isa 		{ width:16px; text-align:center; }
.users .iso 		{ width:16px; text-align:center; }
.users .is 			{ width:16px; text-align:center; }
.users .access 		{ width:16px; text-align:center; }

.invoices .id 		{ width:70px; text-align:center; }
.invoices .icon 	{ width:30px; text-align:center; }
.invoices .name 	{ width:220px; }
.invoices .name_max { width:268px; }
.invoices .address 	{ width:240px; }
.invoices .date 	{ width:80px; }
.invoices .date-red { width:80px; color:#900; }
.invoices .payment 	{ width:60px; text-align:center; }
.invoices .amount 	{ width:70px; text-align:right; }
.invoices .balance 	{ width:16px; text-align:center; padding:0px 6px 0px 6px; }
.invoices .print 	{ width:16px; text-align:center; padding:0px 6px 0px 6px; }
.invoices .debt 	{ width:110px; text-align:right; }

.orders .id						{ width:48px; text-align:center; }
.orders .idcomment				{ text-decoration:underline; font-weight:bold; color:#930; text-align:center; }
.orders .transfer_type			{ width:52px; text-align:center; }
.orders .county					{ width:65px; }
.orders .airport_departure_f	{ width:30px; text-align:center; }
.orders .airport_arrive_f		{ width:30px; text-align:center; }
.orders .order_name				{ width:160px; }
.orders .passenger				{ width:35px; text-align:center; }
.orders .carriage				{ width:60px; text-align:right; }
.orders .protrusion				{ width:55px; text-align:right; }
.orders .departure_date			{ width:43px; text-align:center; }
.orders .departure_time			{ width:40px; text-align:center; }
.orders .departure_id			{ width:66px; }
.orders .arrive_date			{ width:43px; text-align:center; }
.orders .arrive_time			{ width:40px; text-align:center; }
.orders .arrive_id				{ width:65px; }
.orders .copy, .orders .copy2	{ cursor:pointer; }
.orders .icon					{ width:20px; }

.routes a 						{ color:#000; text-decoration:none; }
.routes .id						{ width:37px; }
.routes .idcomment				{ text-decoration:underline; font-weight:bold; color:#006; }
.routes .area					{ width:16px; }
.routes .airport				{ width:24px; text-align:center; }
.routes .name					{ width:120px; }
.routes .address				{ width:240px; }
.routes .date					{ width:68px; text-align:center; }
.routes .time					{ width:44px; text-align:center; }
.routes .date input				{ width:70px; }
.routes .time input				{ width:38px; }
.routes .comment input			{ width:90px; }
.routes .flight_id				{ width:60px; }
.routes .flight_id input		{ width:55px; }
.routes .rcar 					{ width:25px; text-align: center; }
.routes .rcar span				{ cursor:pointer; }

.freights .id					{ width:60px; text-align:center; }
.freights .date					{ width:78px; text-align:center; }
.freights .car					{ width:30px; text-align:center; }
.freights .driver				{ width:120px; }
.freights .passenger			{ width:35px; text-align:center; }
.freights .icon					{ width:20px; text-align:center; }
.freights .status				{ width:100px; text-align:center; }
.freights .dname				{ width:100px;}
.freights .dphone				{ width:90px; text-align:center; }
.freights .demail				{ width:170px; }
.freights .smsname				{ width:165px; padding-left:3px; }
.freights .smsaddress			{ width:230px; padding-left:3px; }
.freights .smsphone				{ width:120px; padding-left:3px; padding-bottom:3px; }
.freights .smsphone input		{ margin:0px; padding:0px; width:110px; }

.createinvoice .vtsz			{ width:63px; border-left:1px solid #CCC; }
.createinvoice .vtsz input		{ width:59px; }
.createinvoice .vtsz select		{ width:62px; }
.createinvoice .name			{ width:458px; }
.createinvoice .name input		{ width:212px; }
.createinvoice .name select		{ width:232px; }
.createinvoice .qty				{ width:40px; text-align:right; }
.createinvoice .qty	input		{ width:15px; }
.createinvoice .unit_price 		{ width:54px; text-align:right; }
.createinvoice .unit_price input{ width:50px; }
.createinvoice .net				{ width:54px; text-align:right; }
.createinvoice .net	input		{ width:50px; }
.createinvoice .vat				{ width:24px; text-align:right; }
.createinvoice .vat input		{ width:20px; }
.createinvoice .vat_value		{ width:54px; text-align:right; }
.createinvoice .vat_value input	{ width:50px; }
.createinvoice .gross			{ width:84px; text-align:right; }
.createinvoice .gross input		{ width:66px; }
.createinvoice .grossmin		{ width:54px; text-align:right; }
.createinvoice .grossmin input	{ width:46px; }
.createinvoice .subtotal		{ width:922px; border-left:1px solid #CCC; text-align:right; font-size:16px; font-weight:bold; text-align:right;}
.createinvoice .subtotal input	{ width:60px; }
.createinvoice .img				{ width:16px; }

.createinvoice .vtsz-red			{ width:63px; border-left:1px solid #CCC; }
.createinvoice .vtsz-red input		{ width:59px; border:1px solid #900; margin:3px 1px 3px 1px; }
.createinvoice .name-red			{ width:468px; }
.createinvoice .name-red input		{ width:222px; border:1px solid #900; margin:3px 1px 3px 1px;  }
.createinvoice .qty-red				{ width:40px; }
.createinvoice .qty-red	input		{ width:15px; border:1px solid #900; margin:3px 3px 3px 3px;  }
.createinvoice .unit_price-red input{ width:50px; border:1px solid #900; margin:3px 1px 3px 1px;  }
.createinvoice .net-red	input		{ width:50px; border:1px solid #900; margin:3px 1px 3px 1px;  }
.createinvoice .vat-red input		{ width:30px; border:1px solid #900; margin:3px 1px 3px 1px;  }
.createinvoice .vat_value-red input	{ width:50px; border:1px solid #900; margin:3px 1px 3px 1px;  }
.createinvoice .gross-red input		{ width:60px; border:1px solid #900; margin:3px 1px 3px 1px;  }
.createinvoice .subtotal-red input	{ width:60px; border:1px solid #900; margin:3px 1px 3px 1px;  }

.logs .id		{ width:40px; text-align:center; }
.logs .date		{ width:40px; text-align:center; }
.logs .time		{ width:40px; text-align:center; }
.logs .ip		{ width:100px; text-align:center; }
.logs .name		{ width:150px; text-align:center; }
.logs .event	{ width:540px;}


/* Orders */

.orders {
}

.orders .orderrow {
	overflow:hidden;
}

.orders .left {
	float:left;
	margin-right:40px;
}

.orders .passengers {
	overflow:hidden;
	background-color:#EEE;
	border:1px dotted #BBB;
	padding:20px 0px 0px 20px;
	margin-bottom:20px;
	width:750px;
}

.orders .left {
	float:left;
	margin-right:40px;
}

/* OrderFilter */

.orderfilter {
	clear:both;
	overflow:hidden;
	background-color:#CF9;
	padding:3px 3px 3px 15px;
	margin-bottom:10px;
	border:1px solid #999;
}

	.orderfilter input[type="text"], .orderfilter select{
		padding:1px;
		margin:2px;
		font-family:Tahoma, Geneva, sans-serif;
	}
	
	.orderfilter select {
		padding:1px;
		margin:2px;
		text-align:left;
	}

	.orderfilter div{
		float:left;
		margin:1px;
		text-align:center;
	}
	
		.orderfilter .oid input 		{ width:50px; }
		.orderfilter .name input 		{ width:90px; }
		.orderfilter .date input 		{ width:70px; }
		.orderfilter .partner select	{ width:100px; }
		
		.orderfilter .s_name input		{ width:100px; }
		.orderfilter .s_keyword input	{ width:120px; }
		.orderfilter .s_date input		{ width:70px; }
		
		/*
		.orderfilter .id 						{ width:47px; text-align:center; }
		.orderfilter .id input					{ width:41px; }
		.orderfilter .transfer_type				{ width:54px; text-align:center; }
		.orderfilter .transfer_type select		{ width:52px; }		
		.orderfilter .county					{ width:165px;text-align:center; }
		.orderfilter .county select				{ width:163px; }
		.orderfilter .airport_departure_f		{ width:43px; text-align:center; }
		.orderfilter .airport_departure_f select{ width:41px;}
		.orderfilter .airport_arrive_f			{ width:39px; text-align:center; }
		.orderfilter .airport_arrive_f select	{ width:41px; }
		.orderfilter .order_name				{ width:129px;text-align:center; }
		.orderfilter .order_name input			{ width:123px; }
		.orderfilter .passenger					{ width:39px; text-align:center; }
		.orderfilter .passenger input			{ width:36px; }
		.orderfilter .carriage					{ width:69px; text-align:center; }
		.orderfilter .carriage input			{ width:63px; }
		.orderfilter .protrusion				{ width:69px; text-align:center; }
		.orderfilter .protrusion input			{ width:63px; }
		.orderfilter .departure_date			{ width:76px; text-align:center; }
		.orderfilter .departure_date input		{ width:70px; }
		.orderfilter .departure_time			{ width:41px; text-align:center; }
		.orderfilter .departure_time input		{ width:35px; }
		.orderfilter .departure_id				{ width:65px; text-align:center; }
		.orderfilter .departure_id input		{ width:59px; }
		.orderfilter .arrive_date				{ width:76px; text-align:center; }
		.orderfilter .arrive_date input			{ width:72px; }
		.orderfilter .arrive_time				{ width:41px; text-align:center; }
		.orderfilter .arrive_time input			{ width:35px; }
		.orderfilter .arrive_id					{ width:50px; text-align:left; }
		.orderfilter .arrive_id	input[type="text"]{ width:45px; }
		.orderfilter .button					{ margin-top:3px; text-align:center; }*/

/* FreightFilter */

.freightfilter {
	clear:both;
	overflow:hidden;
	background-color:#CF9;
	padding:3px 3px 3px 15px;
	margin-bottom:10px;
	border:1px solid #999;
	margin-top:5px;
	text-align:right;
}

	.freightfilter input[type="text"], .freightfilter select{
		padding:1px;
		font-family:Tahoma, Geneva, sans-serif;
	}
	
	.freightfilter select {
		padding:1px;
		margin:2px;
		text-align:left;
	}

	.freightfilter div{
		float:left;
		margin:1px;
		text-align:center;
	}
	
	.freightfilter input, .freightfilter select {
		margin:2px 10px 2px 3px;
	}
	
		.freightfilter .oid input 		{ width:50px; }
		.freightfilter .name input 		{ width:100px; }
		.freightfilter .date 			{ width:70px; }
		.freightfilter .partner select	{ width:100px; }
		.freightfilter .passenger		{ width:100px; }
		
/* Freights */

#new_freight_panel {
	clear:both;
	padding:10px;
	background-color:#9DC9FF;
	overflow:hidden;
	margin:5px 0px 10px 0px;
	border:1px solid #83a9d7;
	display:none;
}

	#new_freight_panel p {
		padding:0px 0px 4px 0px;
		
	}

	#new_freight_panel .box {
		float:left;
		min-width:50px;
	}
	
	#new_freight_panel .car {
		float:left;
		text-align:center;
		margin:0px 8px 8px 0px;
	}
		#new_freight_panel .car label{
			display:block;
			width:30px;
			background-color:#990;
			padding:3px 5px 3px 5px;
			background-color:#6ec987;
			border:1px solid #4c8d5e;
		}
	
	#new_freight_panel .driver {
		float:left;
		margin:0px 6px 6px 0px;
	}
	
		#new_freight_panel .driver label{
			width:95px;
			display:block;
			background-color:#e8d2a2;
			border:1px solid #999933;
			padding:3px 4px 3px 4px;
		}
		
	#new_freight_panel input[type="text"] {
		width:75px;
		padding:0px;
	}
	
	#new_freight_panel input[type="radio"] {
		display:none;
	}
	
	#new_freight_panel select {
		margin-left:5px;
	}


#freightlist {
	overflow:hidden;
}

	#freightlist div {
		float:left;
		width:110px;
		border:1px solid #993;
		background-color:#E8D2A2;
		
		margin:0px 8px 8px 0px;
		text-align:center;
	}
	
	#freightlist label {
		cursor:pointer;
		display:block;
		padding:0px 6px 0px 6px;
	}
	
	#freightlist .fimg{
		padding:3px 0px 3px 0px;
	}
	
	#freightlist .fid label {
		padding-top:2px;
	}
	
	#freightlist .fcar {
		font-size:18px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
	
	#freightlist .fdate {
		font-weight:bold;
		color:#069;
	}
	
		#freightlist .fdate .red {
			color:#900;
		}
		
		#freightlist .fdate .green {
			color:#060;
		}
	
	#freightlist .fdate label {
		padding-bottom:2px;		
	}
		
	#freightlist select{
		border:none;
	}
	
	#freightlist .freightradio {
		display:none;
	}
	
/* Freight2 */

.f_indul {
	clear:both;
	
	border-bottom:1px dotted #555;
	
}

	.f_indul_row {
		overflow:hidden;
		padding:2px 2px 2px 2px;
	}

		.f_indul_row div {
			float:left;	
			padding:2px;
		}
	
			.f_indul_row .time {
				width:50px;
			}
			
			.f_indul_row .mini {
				width:50px;
			}
			
			.f_indul_row .big {
				width:280px;
			}
			
			.f_indul_row .big2 {
				width:200px;
			}
			
			.f_indul_row .comment {
				clear:both;
				width:200px;
			}

	.f_indul_row_c {
		overflow:hidden;
		padding:2px 2px 2px 2px;
		margin-left:56px;
	}

/* Rows */

.row {
	clear:both;
	overflow:hidden;
}

	.row .title {
		width:130px;
		float:left;
		
		padding:6px 0px 7px 0px;
	}
	
	.row .title-r {
		width:56px;
		float:left;
		text-align:right;
		padding:6px 0px 7px 0px;
	}
	
	.row .value, .row .value2, .row .value3 {
		padding: 0px;
		float:left;
		padding:1px 1px 1px 0px;
		height:26px;
	}
	
	.row .value3 {
		height:auto;
	}
	
	.row .icon {
		float:left;
		margin:5px 0px 0px 4px;
	}
	
	.row .value_checkbox {
		padding:5px 0px 6px 0px;
		float:left;
	}
	
		.row .value input[type="text"] {
			width:200px;
		}
		
		.row .value2 input[type="text"] {
			width:178px;
		}
		
		.row .value select {
			width:203px;
		}

.mrow {
	clear:both;
	overflow:hidden;
	padding:5px 0px 5px 0px;
}

	.mrow .title {
		width:130px;
		float:left;
	}
	
	.mrow .value {
		float:left;
	}

/* table */

#xtable {
	width:605px;
	border-top :1px solid #CCC;
	border-right :1px solid #CCC;
}

	#xtable .title {
		background:url(images/table_title.png) repeat-x;
		overflow:hidden;
		font-weight:bold;
		padding:0px;
		text-align:center;
	}

	#xtable .row, #xtable .row0, #xtable .row1 {
		clear:both;
		overflow:hidden;
	}
	
	#xtable .row0 {
		background:#EEE;
	}
	
	#xtable .row1 {
		background:#FFF;
	}
	
	#xtable .row div {
		float:left;
		overflow:hidden;
		text-align:center;
		padding:4px 0px 0px 0px;
	}
	
	#xtable .row div, #xtable .row0 div, #xtable .row1 div{
		float:left;
		border-left:1px solid #CCC;
		border-bottom:1px solid #CCC;
		padding:3px 2px 3px 2px;
		height:16px;
	}
	
	#xtable .icon {
		padding:0px;
		margin:0px;
	}
	
	#xtable .comment {
		display:none;
		background-color:#EEE;
		border-left :1px solid #CCC;
		border-bottom :1px solid #CCC;
		padding:0px 0px 0px 2px;
	}
	
		#xtable .comment input[type="text"] {
			width:510px;
		}

/* Library */

#library {
	overflow:hidden;
	margin-bottom:10px;
}

	#library a {
		text-decoration:none;
		color:#000;
		font-weight:bold;
	}

	#library .box {
		width:125px;
		height:132px;
		border:1px solid #009;
		padding:10px;
		float:left;
		margin:5px;
		text-align:center;
		background-color:#A5D3FE;
		overflow:hidden;
	}
	
		#library .box:hover{
			background-color:#CADFFF;
			color:#000;
		}
		
	.dir-full	{ background:url(images/filetype_icons/dir_full.png) center 60px no-repeat;  }
	.dir-empty	{ background:url(images/filetype_icons/dir_empty.png) center 60px no-repeat; }
	.dir-up		{ background:url(images/filetype_icons/dir_up.png) center 60px no-repeat; }
	
	.doc 	{ background:url(images/filetype_icons/doc.png) center 60px no-repeat;	}
	.xls 	{ background:url(images/filetype_icons/xls.png) center 60px no-repeat;	}
	.pdf 	{ background:url(images/filetype_icons/pdf.png) center 60px no-repeat;	}
	
	.jpg 	{ background:url(images/filetype_icons/jpg.png) center 60px no-repeat;	}
	.png 	{ background:url(images/filetype_icons/png.png) center 60px no-repeat;	}
	.gif 	{ background:url(images/filetype_icons/gif.png) center 60px no-repeat;	}

/* bank */

#finance .row {
	clear:both;
	overflow:hidden;
	height:33px;
}
	
	#finance .leftside{
		float:left;
		margin-right:53px;
	}
	
	#finance .rightside {
		float:left;
	}
	
	#finance .row .title{
		float:left;
		padding:6px 10px 0px 0px;
		width:180px;
		text-align:left;
		line-height:16px;
	}
	
	#finance .row .input{
		float:left;
	}
	
		#finance .row .input input[type="text"]{
			margin-top:3px;
			width:245px;
		}
		
		#finance .row .input select{
			margin-top:3px;
			width:250px;
		}
	
	#finance input[type="checkbox"] {
		margin:8px 0px 0px 0px;		
	}
	
	#finance .row .value{
		float:left;
		padding:6px;
		width:238px;
		background-color:#069;
	}
	
	#finance #filter {
		overflow:hidden;
		background-color:#EEE;
		border:1px solid #CCC;
		color:#000;
		width:390px;
		padding:10px;
		margin:0px 0px 13px 1px;
	}
	
		#finance #filter .panel{
			float:left;
			text-align:right;
			margin-top:-5px;
		}
		
		#finance #filter .filterbtn {
			margin-top:-6px;
			float:left;
		}
	
	#finance #financelist {
		overflow:hidden;
		margin-top:10px;
		clear:both;
		border-top:1px solid #555;
	}
		
		#finance #financelist a {
			text-decoration:none;
			color:#000;
		}
		
		#finance #financelist .datarow {
			clear:both;
			overflow:hidden;
			background-color:#FFF;
			border-left:1px solid #555;
			border-right:1px solid #555;
			border-bottom:1px solid #555;
		}
		
		#finance #financelist .datarow div {
			float:left;
			padding:5px 8px 5px 8px;
			border-right:1px solid #555;
		}
		
		#finance #financelist .datarow:hover {
			background-color:#FF9;			
		}
		
			#finance #financelist .datarow .title {
				padding:0px;
				background-color:#AAA;
				font-weight:bold;
				border:0px;
				color:#FFF;
				text-align:center;
			}
		
			/* ---------------------------------------- */
		
			#finance #financelist .datarow .number {
				width:300px;
			}
			
			#finance #financelist .datarow .name {
				width:250px;
			}
			
			#finance #financelist .datarow .balance {
				width:200px;
				text-align:right;
			}
			
			#finance #financelist .datarow .currency {
				width:147px;
				border-right:0px;
			}
			
			#finance #financelist .datarow .empty {
				width:500px;
				border-right:0px;
			}
			
			/* ---------------------------------------- */
			
			#finance #financelist .datarow .trans-date {
				width:85px;
				text-align:center;
			}
			
			#finance #financelist .datarow .trans-transaction {
				width:250px;
			}
			
			#finance #financelist .datarow .trans-type {
				width:67px;
				text-align:center;
			}
			
			#finance #financelist .datarow .trans-status {
				width:60px;
				text-align:center;
			}
			
			#finance #financelist .datarow .trans-ammount {
				width:116px;
				text-align:right;
			}
			
			#finance #financelist .datarow .trans-ammount-change {
				width:115px;
				text-align:right;
			}
			
			#finance #financelist .datarow .trans-statement {
				width:210px;
				border:0;
			}
			
			#finance #financelist .datarow .trans-empty {
				width:928px;
				color:#000;
				border:0px;
			}
	
			/* ---------------------------------------- */
			
			#finance #financelist .datarow .checkout-date {
				width:90px;	
				text-align:center;
			}
			
			#finance #financelist .datarow .checkout-certification {
				width:120px;
				text-align:center;
			}
			
			#finance #financelist .datarow .checkout-name {
				width:293px;
			}
			
			#finance #financelist .datarow .checkout-type {
				width:120px;	
			}
			
			#finance #financelist .datarow .checkout-ammount {
				width:100px;
				text-align:right;
			}
			
			#finance #financelist .datarow .checkout-balance {
				width:120px;
				text-align:right;
				border:0px;
			}
			
	#finance .form_error{
		width:440px;
	}
	
	#finance .item {
		clear:both;
		overflow:auto;
	}
	
		#finance .item div	{ 
			padding:4px;
			margin:0px;
			float:left;
			border-bottom:1px solid #CCC;
			border-right:1px solid #CCC;
			background-color:#EEE;
			min-height:20px;
			}
	
		#finance .item .title {
			font-weight:bold;
			padding:0px;
			margin:0px;
			border:0px;
			background-color:#999;
			border-top:1px solid #CCC;
			color: #000;
		}
		
		#finance .item .vtsz  		{ width:66px; border-left:1px solid #CCC; }
		#finance .item .name 		{ width:310px; 	}
		#finance .item .qty 		{ width:50px; 	}
		#finance .item .qunit 		{ width:40px; 	}
		#finance .item .vunit 		{ width:70px; 	}
		#finance .item .net 		{ width:90px; 	}
		#finance .item .vat 		{ width:50px; 	}
		#finance .item .vvalue 		{ width:75px; 	}
		#finance .item .gross 		{ width:110px;	}
		
		#finance .item .vunit 	input	{ text-align:right; }
		#finance .item .net	  	input	{ text-align:right; }
		#finance .item .vat 	input	{ text-align:center; }
		#finance .item .vvalue 	input	{ text-align:right; }
		#finance .item .gross 	input	{ text-align:right; }
		
		#finance .item .title div	{  
			background-color:#DADADA; 
			text-align:center;	
		}
		
		#finance .item .lastrow{
			width:934px;
			text-align:right;
			overflow:hidden;
			color:#000;
			font-size:16px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
		}
		
			#finance .item .lastrow input{
				margin:0px 1px 0px 5px;
				text-align:right;
			}
	

/* Content */

#content {
	margin:10px;
}

#content-toolbar {
	margin:0px 10px 10px 10px;
}

/* PAGER */

#pager {
	float:right;
	margin-top:5px;
	margin-bottom:10px;
}

#pagerl {
	float:left;
	margin-top:5px;
	margin-bottom:10px;
	margin-top:10px;
}

	#pager div, #pagerl div {
		float:left;
		text-align:center;
		overflow:hidden;
	}
		#pager .link a, #pagerl .link a{
			border:1px solid #000;
			padding:2px 4px 2px 4px;
			background-color:#AEC7FF;
			color:#000;
			display:block;
			margin-left:7px;
		}
		
			#pager .link a:hover, #pagerl .link a:hover {
				background-color:#386FFC;
				color:#000;
				text-decoration:none;
			}
		
		#pager .actual, #pagerl .actual {
			font-weight:bold;
			padding:3px 3px 3px 10px;
		}
		
		#pager .nav, #pagerl .nav {
			padding-top:5px;
			margin-left:5px;
		}
		
/* updates */

.updates {
	width:350px;
	margin-right:50px;
	float:left;
}

	.updates span {
		color:#BBB;
		font-size:10px;
		display:none;
	}

	.updates ul {
		list-style:none;
		margin:15px 0px 0px 25px;
	}
	
		.updates ul li {
			padding-bottom:1px;
			margin-bottom:7px;
		}
		
			.updates .feature {	
				color:#090;
				background:url(images/fam_bullet_green.png) no-repeat left;
				padding-left:20px;
			}
			
			.updates .change {
				color:#06C;
				background:url(images/fam_bullet_blue.png) no-repeat left;
				padding-left:20px;		
			}
			
			.updates .bugfix {
				color:#C30;
				background:url(images/fam_bullet_red.png) no-repeat left;
				padding-left:20px;
			}
			
			.updates .online {
				color:#F60;
				background:url(images/fam_bullet_orange.png) no-repeat left;
				padding-left:20px;
			}

#chat {
	float:left;	
	width:546px;
	margin-top:20px;
}

	#chat textarea {
		width:540px;
		height:80px;
	}
	
	#chat .chatbg {
		background:#CCC;
		border-left:1px solid #999;
		border-right:1px solid #999;
		border-bottom:1px solid #999;
		margin-bottom:20px;
	}
	
	#chat .box {
		margin-bottom:10px;
		border:1px solid #CCC;
		background-color:#EEE;
		padding:5px;
	}
	
		#chat .box .name {
			font-weight:bold;
		}
		
		#chat .box .msg {
			margin-top:3px;
			color:#333
		}
		
		#chat .box .actions {
			font-size:11px;
			color:#039;
			margin-top:4px;
		}

#onlineusers {
	padding:20px;
	margin:15px;
	border:1px solid #369;
}

	#onlineusers p {
		font-size:12px;	
	}


.start1, .start2, .start3, .start4, .start5, .start6, .start7, .start8 {
	margin-right:25px;
	float:left;
	display:none;
}

.end1, .end2, .end3, .end4, .end5, .end6, .end7, .end8 {
	float:right;
	display:none;
}

/* ________________ AJAX-SEARCH ________________ */

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width:500px;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor:pointer;
	display: block;
	color:#000;
	
	
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_results li strong{
	width:200px;
}

.ac_results li p{
	float:left;
	width:200px;
	
}

.ac_loading {
	background: white url('images/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color:#FC9;
	color: white;
}


/* Tooltip */

.tooltip{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 3;
   display: none;
   background-color:#FC6;
   padding:5px 6px 0px 6px;
   border:0px;
   font-size:14px;
}
            

/* Items */

.h5 {
	height:5px;
	clear:both;
}

.h10 {
	height:10px;
	clear:both;
}

.h20 {
	height:20px;
	clear:both;
}

.form_error {
	width:333px;
	font-size:10px;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:right;
	color:#900;
}

.red {
	color:#F30;
	font-weight:bold;
}

.green {
	color:#390;
	font-weight:bold;
}

.darkgreen {
	color:#060;
	font-weight:bold;
}

.clear {
	clear:both;
}

.message {
	color:#900;
	font-weight:bold;
	margin-bottom:10px;
	overflow:hidden;
	clear:both;
}

.hide {
	display:none;
}

.bigh4 {
	font-size:18px;
}

.tip {
	cursor:default;
}