@charset "utf-8";
/* CSS Document */

#request 
{
	text-align:center;
	background-color:#EAEAEA;
	/*border:2px groove gray;*/
	margin:0.2em 0.5em;
	height:28em;
	width:50em;
	
}

#request #reqhead
{
	background-color:#999;
	border-bottom:2px groove gray;
	font-size:1.2em;
	font-weight:bold;
}

#request #reqbody
{
	height:26em;
	width:100%;
	overflow:auto;	
}

/*#request table#tblreq,*/
#request table
{
	display:inline-block;
	margin:1em;
	vertical-align:top;
	text-align:left;
}

#request table#tblreq
{
	text-align:right;
}

#request table#tblreq td + td
{
	text-align:center;
	width:10em;
}

#request table#tblreq td:first-child
{
	width:10em;
	text-align:right;
	padding-right:0.5em;
	overflow:hidden;
}

#request #offer
{
	display:inline-block;
	width:18em;
	margin:0.5em;
	text-align:left;
	border:1px black solid;
}

#request #loginbox
{
	display:inline-block;
	width:12em;
	margin:1em;
	padding:0.3em;
	text-align:center;
	border:1px black solid;
}

#offer #offerhead,
.head
{
	display:block;
	background-color:#FFC;
	text-align:center;
	margin-bottom:0.2em;
	border-bottom:1px black solid;
	padding:0.2em;
}

#offer label
{
	width:6em;
}

#offer input
{
	margin-right:0.2em;
}

#offer #inpSubmit,
#banksubmit
{
	width:6em;
	margin:0.2em auto;
	display:inline-block;
	position:relative;
	margin-left:50%;
	left:-3em;
}

#payment table td
{
	width:7em;
}

#deal
{
	width:90%;
	margin:0.2em auto;
	border:1px black solid;
	position:relative;
}

#deal #bank,
#deal #funds,
#deal #banks
{
	display:inline-block;
	margin:0.5em;
	text-align:left;
	border:1px black solid;
	vertical-align:top;
}

#deal #bank
{
	width:60%;
}

#deal #funds
{
	width:30%;
	text-align:center;
}

#bank label
{
	width:10em;
}

#banks
{
	width:85%;
}

#deal #paidgraph
{
	display:block;
	height:1.5em;
	position:relative;
	background-color:red;
}

#paidgraph #paidcurrent,
#paidgraph #paidtext
{
	position:absolute;
	height:100%;
	left:0em;
	top:0em;
}

#paidgraph #paidcurrent
{
	background-color:green;
}

#paidgraph #paidtext
{
	width:100%;
	vertical-align:text-bottom;
	text-align:center;
}

#deal #bankdetail td:first-child
{
	min-width:1em;
}

ul#offers
{
	border-bottom:2px black solid;
	background-color:#999;
	margin:1em 0.2em;
	text-align:left;
	padding-left:1em;
}

ul#offers #offershead
{
	background-color:#999;
	text-align:center;
	font-size:1.1em;
}

ul#offers #chkExpired
{
	float:right;
	margin-right:1em;
}

ul#offers li.Expired,
ul#offers li.Rejected
{
	display:none;
}

ul#offers.show li.Expired,
ul#offers.show li.Rejected
{
	display:list-item;
}

ul#offers li.Rejected .offerinfo
{
	text-decoration:line-through;
	color:red;
}

ul#offers li.Accepted .offerinfo
{
	color:green;
}

ul#offers li.Expired .offerinfo
{
	text-decoration:line-through;
}

#calendar
{
	display:none;
	position:absolute;
	z-index:10000;
}

#imgcal
{
	position:relative;
	left:-21px;
	top:2px;
}

#requests
{
  border-collapse:collapse;
	border:1px black solid;
	background-color:white;
	margin:auto;
	font-size:0.9em;
}

#requests thead,
#banks thead
{
	background-color:#999;
	border-bottom:1px black solid;
}

#banks td + td
{
	min-width:7em;
}

.request td
{
	width:7em;
	padding:0.2em 0.4em;
	text-align:left;
}

#requests th
{
	width:7em;
	padding:0em 0.2em;
	text-align:left;
}

#requests th span
{
	display:inline-block;
	min-width:4em;
	height:100%;
	text-align:center;
	vertical-align:middle;
}

#requests th select
{
	float:right;
	margin:0em;
}

#requests th.large
{
	width:10em;
}

#requests th span:hover
{
	cursor:pointer;
	background-color:#A8A8A8;
	color:#00F;
}

td.source,
td.target
{
	text-align:right;
	width:8em;
}

td.user
{
	width:10em;
	padding-right:0.2em;
}

td.user:hover .rating
{
	visibility:visible;
}

td.user a
{
	margin-right:0.2em;
}

.offers
{
	background-image:url(../img/icnOffers.gif);
	display:inline-block;
	width:1.2em;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	font-size:1.1em;
	height:1.5em;
}

#offers .offerinfo:hover
{
	cursor:pointer;
	text-decoration:underline;
}

#offers .offer
{
	padding:0.2em;
	margin-left:0.2em;
}

#offers .expand
{
	display:none;
	padding:0.2em 1em;
}

#offers .offer label
{
	width:5em;
}

#offers .offer .Accepted
{
	color:green;
	font-size:1.2em;
}

#offers .offer .Rejected
{
	color:red;
	font-size:1.2em;
}

#condition
{
	font-size:0.6em;
	color:red;
}