/****************************************************************/
/*	stylesheet for section transactions						*/
/****************************************************************/


/* transactions master */
body, div, p, td { color: #333; }
h1,h2,h3,h4,h5 { margin-top: 5px; }
a:link, a:visited { font-weight: 600; color: #660066; }
a:hover { color: #333; }
input.inputBox, textarea.inputBox { border: 1px solid #ccc; margin: 3px 3px 3px 0; }
input.submit, img.submit { margin-top: 10px; }
img.thumbnail { margin: 0 6px 6px 0; }


/* transactions master */
a:link, a:visited { font-weight: 600; color: #660066; }
a:hover { color: #333; }
.alertMsg { color: #ff6600; font-weight: 600; }
div#mainFrame { width: 950px; height: 350px; background: url(images/bg_transactions_main_09061019.gif) top left no-repeat; margin: 0 0 10px 0; padding: 0;}
table#mainFrame { width: 950px; }
table#mainFrame td.l { width: 725px; vertical-align: top; }
table#mainFrame td.s { width: 25px; }
table#mainFrame td.r { width: 200px; vertical-align: top; }
table#mainFrame td.r div.sidepanel { margin-bottom: 15px;  }
div#billboardtop { width: 950px; margin: 0 0 25px 0; }
div#mainLeft { width: 720px; margin: 0 15px 0 0; float: left;  display: block; }
div#mainRight { width: 210px; margin: 0; float: left; }
div#mainLeft div#main { width: 720px; padding: 5px;  border: 1px solid #ccc;   }
div#mainLeft div#transBillboard { display: block; float: left;  }
div#CP { border: 1px solid #ccc; padding: 10px; }
table#myTrans2 { width: 720px; margin-bottom: 30px; background-color: #f1f1f1; }
table#myTrans2 td { vertical-align: top; text-align: left; }
table#myTrans2 td.type { vertical-align: middle; }
table#myTrans2 tr.details { height: 50px; }
table#myTrans2 td { padding: 5px; }
table#myTrans2 td.partition { height: 1px; background-color: #ccc; padding: 0 2px 0 2px; }
table#myTrans2 td.rating { color: #666; }
.sell { background-color: #ff6600; padding: 3px; color: #fff; font-weight: 600; }
.buy { background-color: #006600; padding: 3px; color: #fff; font-weight: 600; }

/* new transaction */
table#transactionMain { width: 720px; height: 300px; border: 1px solid #ccc; padding-bottom: 15px; }
table#transactionMain tr.step { height: 50px; }
table#transactionMain td.step { width: 360px; vertical-align: middle; text-align: left; padding-left: 15px; }
table#transactionMain td.alert { width: 360px; vertical-align: middle; text-align: left; padding-right: 15px; }
table#transactionMain td.dashboard  { height: 200px; vertical-align: middle; text-align: center; }
table#transactionMain tr.next { height: 50px; }
table#transactionMain tr.next td { vertical-align: middle; text-align: right; padding-right: 15px;  }


table#transactionMain td.tDetails, table#transactionMain td.tFlow { width: 360px; padding: 5px; vertical-align: top; }
table#transactionMain td.tHistory { width: 720px; padding: 5px; vertical-align: top; }
table#transactionMain td.tFlow div#status { width: 350px; }
table#transactionMain td.tFlow div#status div#dashBoard { border: 1px solid #ccc; padding: 10px; }
table#transactionMain td.tFlow div#status div#dashBoard div.actionForm { padding: 5px; background-color: #f1f1f1; margin-top: 20px; display: none; }
table#history { width: 720px; }

div#mainBody { width: 720px; float: left; margin-right: 25px; }
div#sidePanels { width: 205px; }

div#returnOption, div#refundReason { display: none; }
div#prev { text-align: left; margin-left: 15px; }
div#next { float: right; margin-right: 15px;}
div.columnHeader { width: 350px; border-bottom: 4px solid #666; font-size: 14px; font-weight: 600; margin-bottom: 3px; }
div.columnHeader2 { width: 350px; border-bottom: 4px solid #ff0000; color: #ff0000; font-size: 14px; font-weight: 600; margin-bottom: 3px; }
div.columnHeader3 { width: 710px; border-bottom: 4px solid #666; font-size: 14px; font-weight: 600; margin-bottom: 3px; }
div.columnHeader4 { width: 345px; border-bottom: 4px solid #660066; font-size: 14px; font-weight: 600; margin-bottom: 3px; }
div.columnHeader5 { width: 350px; border-bottom: 4px solid #0066ff; color: #0066ff; font-size: 14px; font-weight: 600; margin: 100px 0 3px 0; }
div#rejectForm { display: none; }
.warning { font-weight: 600; color: #ff0000; }
input.no { margin-left: 20px; }
table.partition { height: 1px; width: 690px; background-color: #ccc; margin: 10px 0 10px 0; }
table#mainForm { width: 690px; padding: 15px; }
table#mainForm td.label { width: 80px; }
table#mainForm td.helptopic { width: 10px; }
div#photos { margin-top: 5px; }
div.action { width: 335px; text-align: left; }
.status { width: 335px; font-weight: 600; color: #ff0000; font-size: 14px; }
.log { width: 335px; }
p#verbatim { width: 335px; }
div.verbatim { margin: 15px; }
table#tranDetails { width: 335px; }
table#tranDetails td { vertical-align: top; }
table#tranDetails td.label { width: 100px; }
div.logTime  { font-size: 11px; color: #663366; }
div.alert { margin: 0 0 10px 0; font-weight: 600; }
.highlight { font-weight: 600; color: #ff0000; }
.verbatim { background-color: #f1f1f1; margin: 15px 0 15px 30px; padding: 10px;  }

/* admin */
div#adminCP { width: 100px; margin-right: 20px; border: 1px solid #ccc; padding: 5px; }
div#aPanel { width: 200px; float: left; margin-right: 20px; }
div#aBreakdown { width: 5px; float: left; }
div#aPanel ul.tier1 { padding: 0; margin: 0; list-style-type: none; }
div#aPanel ul li ul.tier2 { padding: 0; margin: 0 0 10px 0; list-style-type: none; }
div.block { border-bottom: 5px solid #000; font-weight: 600; margin-bottom: 5px; }
table#breakdown { width: 760px; margin: 0; }
table#breakDown tr.heading td { padding-left: 2px;  background-color: #000; color: #fff; font-weight: 600; border: 1px solid #fff; }
table#breakDown td.partition { height: 1px; background-color: #ccc; }
table#breakDown td.highlight { font-weight: 600; color: #660066; border-bottom: 3px solid #660066; }
div#dashboard { margin-top: 50px; }

/* ratings */
table#byBuyer { width: 345px; margin-top: 30px; }
table#byBuyer td { padding: 5px;  vertical-align: top; }
table#byBuyer td.transactionInfo { background:  #666; color: #fff; font-weight: 600; font-size: 11px; }
table#byBuyer td.ratings_1 { background: url(images/bg_ratings_good.gif) top left repeat-x; color: #fff; font-weight: 600; width: 30px; }
table#byBuyer td.ratings_2 { background: url(images/bg_ratings_mid.gif) top left repeat-x; color: #fff; font-weight: 600; width: 30px; }
table#byBuyer td.ratings_3 { background: url(images/bg_ratings_bad.gif) top left repeat-x; color: #fff; font-weight: 600; width: 30px; }
table#byBuyer td.remarks { width: 220px; height: 50px;  }
table#byBuyer td.ratedBy { width: 100px;  }

#FLOWshow { /* front page image show */
	display: none;
	text-align: left;
	width: 720px;
	height: 450px;
	margin-top: 0px;
}
ul#FLOWshowimages {
	position: relative;
	margin: 0px;
	padding: 0px;
}
ul#FLOWshowimages li {
	position: absolute;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 415px;
	overflow: hidden;
}