@charset "utf-8";
/* CSS Document */
*{
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  list-style:none;
  }

body{
	background-color: #999;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333; 
}

td,th {
	vertical-align:top;
}

input, textarea, select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:14px;
	font-size:14px;
	color:#333; 
	padding:3px 5px;
	vertical-align:middle;
}

.preload { display:none; }
.clear { clear:both; }
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter { text-align:center; }

#menu {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu li {
	float: left;
	font: 18px Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border-right:1px solid #fff;
}
#menu a {
	background: #333 ;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#menu li.active a{
	background: #fff ;
	color: #333;
}
#menu a:hover {
	background: #2580a2 url("../images/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}

/*login*/
h2.dark_title { background:#333; color:#eee; padding: 10px;}
#login { margin:20px;}
#login .field { margin:0 10px 10px 0; padding:0; float:left; }
#login .field .label { padding:2px 5px; }
#login .field .input { padding:0; }
#login .field .input input,
#login .field .input select { padding:padding:2px 5px; }

/*login*/
#footer { background:#666; color:#ccc; padding:5px; text-align:left; }
#footer span { margin-right:20px; line-height:28px;}
#footer span a { color:#ccc; text-decoration:underline;}
#footer span b{ color:#fff; font-weight:bold; }

#footer .reminder { margin:5px auto; line-height:28px; color:#fff; font-weight:bold; background:#2580A2; padding:5px 10px; display:block; }

#wrapper { background:#fff;  padding:20px;}

/*search*/
.search { margin:0 }
.search .field { margin:0 10px 10px 0; padding:0; float:left; background:transparent url(../images/v-bg-gray-3-100px.png) repeat-x; height:54px; overflow:visible;}
.search .field .label { padding:2px 2px 2px 5px; text-align:center; }
.search .field .input { padding:0; }
.search .field .input input,
.search .field .input select { padding:2px 2px 2px 5px; }
.search .buttons { margin:0 10px 10px 0; float:left; padding:10px 2px 2px 2px; white-space:nowrap; }

/*results*/
table.results { background:#ccc; width:100%;}
table.results thead th { background:#999; padding:5px; color:#eee; font-weight:bold; white-space:nowrap; text-align:center; }
table.results tbody td { background:#eee; padding:2px 5px; color:#333; }
table.results tbody td.amount {  text-align:center; background:#fff; }

table.results tbody td .amount { font: 16px Verdana, Helvetica, sans-serif; color:#000; white-space:nowrap; font-weight:bold; }
table.results tbody td .pipe_descr { font: 14px Verdana, Helvetica, sans-serif; white-space:nowrap; font-weight:normal; color:#666; }

table.results tbody td .reason { font: 14px Verdana, Helvetica, sans-serif; color:#2580A2; white-space:nowrap; font-weight:bold; }
table.results tbody td .note { font-weight:normal; color:#666; }

table.results tbody td.deleted { min-width:18px !important; background:#eee url(../images/del.gif) no-repeat center; }
table.results tbody td.unconfirmed {  }
table.results tbody td.confirmed { padding-left:18px; background:#eee url(../images/ready.gif) no-repeat left; }

/*edit
.edit { margin:0 20px; }
.edit .field { margin:0 10px 10px 0; padding:0; float:left; }
.edit .field .label { padding:2px 2px 2px 5px; text-align:center; background:#eee; }
.edit .field .input { padding:0; }
.edit .field .input input,
.edit .field .input select { padding:2px 2px 2px 5px; }
.edit .buttons { margin:0 10px 10px 0; float:left; padding:10px 2px 2px 2px; }*/
.edit { }
.edit .field { margin:0 10px 10px 0; padding:0; clear:both; }
.edit .field .label { padding:5px 10px; text-align:right; background:#eee; float:left; width:10%; font-weight:bold; }
.edit .field .input { padding:0 10px; float:left;}
.edit .field .input input,
.edit .field .input select { padding:2px 2px 2px 5px; }
.edit .buttons { padding:10px 2px 2px 2px; text-align:left; }

.datetime { text-align:center; }
.datetime .date { font: 14px Verdana, Helvetica, sans-serif; color:#333; white-space:nowrap; }
.datetime .time { font: 10px Verdana, Helvetica, sans-serif; color:#666; white-space:nowrap;}

.underfooter {color:#666; font:10px Verdana, Helvetica, sans-serif; text-align:center; }

/*users*/
table.users { background:#ccc; width:100%;}
table.users thead th { background:#999; padding:5px; color:#eee; font-weight:bold; white-space:nowrap; text-align:center; }
table.users tbody tr td { background:#eee; padding:2px 5px; color:#333; }
table.users tbody tr td.amount { font: 16px Verdana, Helvetica, sans-serif; color:#000; white-space:nowrap; font-weight:bold; text-align:right; padding-left:20px; background:#eee url(../images/george.gif) left no-repeat; }
table.users tbody tr td.total { padding-left:20px; background:#eee url(../images/go_cl_sales.jpg) left no-repeat; width:1%; }
table.users tbody tr td.total p { white-space:nowrap; font: 16px Verdana, Helvetica, sans-serif; color:#DFB41C; font-weight:bold; text-align:right; }
table.users tbody tr:hover td { background:#ffc !important; }
table.users tbody tr:hover td.total { background:#ffc  url(../images/go_cl_sales.jpg) left no-repeat!important; }
table.users tbody tr:hover td.amount { background:#ffc url(../images/george.gif) left no-repeat !important; }

table.users tbody tr td.notice { text-align:center; color:#2580A2; font-size:14px; font-weight:bold; width:1%;}
table.users tbody tr td.warning {  text-align:center; color:#C00; font-size:16px; font-weight:bold; width:1%; }


.edit_user_acc { }
.edit_user_acc .field { margin:0 10px 10px 0; padding:0; clear:both; }
.edit_user_acc .field .label { padding:5px 10px; text-align:right; background:#eee; float:left; width:30%; font-weight:bold; }
.edit_user_acc .field .input { padding:0 10px; float:left; width:60%; line-height:26px;}
.edit_user_acc .field .input input,
.edit_user_acc .field .input select { padding:2px 2px 2px 5px; }
.edit_user_acc .buttons { padding:10px 2px 2px 2px; text-align:left; }

.pages_links {
	text-align:center; font: 16px Verdana, Helvetica, sans-serif;
}
.pages_links a {
	color:#2580A2; white-space:nowrap; font: 16px Verdana, Helvetica, sans-serif;  font-weight:bold;
}

#notes {
	padding:20px;
	background:#2580A2;
	color:#fff;
}
#errors{
	padding:20px;
	background:#f00;
	color:#fff;
}

/* GRID */
table.grid {
	background:#ccc;
	width:100%;
	font: 12px Verdana, Helvetica, sans-serif;  font-weight:normal;
	color:#333;
}
table.grid th{
	background:#ddd;
	font: 14px Verdana, Helvetica, sans-serif;  font-weight:bold;
	color:#333;
	padding:5px;
	text-align:center;
}
table.grid td{
	background:#fff;
	font: 12px Verdana, Helvetica, sans-serif;  font-weight:bold;
	color:#666;
	padding:5px;
	text-align:center;
}
table.grid th.to_name{
	text-align:center;
	white-space:nowrap;
	background:#eee;
}
table.grid th.from_name{
	text-align:right;
	white-space:nowrap;
	background:#eee;
}
table.grid th.cross{
	color:#999;
}
table.grid td.debit{
	background:#fed;
	font-weight:bold;
}
table.grid td.credit{
	background:#dfe;
	font-weight:bold;
}
table.grid td.amount{
}
table.grid th.highlight{
	background:#FFC;
}
table.grid td.highlight{
	background:#FFC url(../images/arrow_turn_up.png) no-repeat right;
}
table.grid td.amount span{
	white-space:nowrap;
	display:block;
}
table.grid td.amount a{
	color:#666;
	text-decoration:none;
}
table.grid label { 
	white-space:nowrap;
}