﻿
/* order pay */
.orderpay
{
	clear:both; display:block; margin:0px 0px 1.8em 0px;
}

.orderpay .header
{
	clear:both; display:block; margin:0px 0px 5px 0px;
	border-bottom:1px solid gray;
	height:2em; color:Gray;
}

.orderpay .left
{
	float:left; width:5em; margin:6px 1em 0px 0px;
}
.orderpay .right
{
	float:left; clear:right; margin:6px 0px 0px 1em;
}

.orderpay .right .itemsgroup14
{
	border:1px solid #fff798; background-color:#fffef3;
	border-top:7px solid #fff798; height:14em; width:30em; margin:0px 5px 1em 0px;
	padding:3px 0px 12px 12px; clear:both; display:block;
}
.orderpay .right .itemsgroup
{
	border:1px solid #fff798; background-color:#fffef3;
	border-top:7px solid #fff798; height:3em; width:30em; margin:0px 5px 1em 0px;
	padding:3px 0px 12px 12px; clear:both; display:block;
}
.orderpay .right .hinttext
{
	color:Gray; display:block;
}

.orderpay .right .item
{
	height:auto; display:block; clear:both; margin:5px 0px 0px 0px;
	float:left; width:500px; overflow:hidden;
}

.orderpay .right .item .icon
{
	float:left; width:130px;
}

.orderpay .right .item .label
{
	padding:5px 0px 0px 5px; width:12em; color:#04478C;
	display:block; float:left;
}

/* order basic */
.orderbasic
{
	clear:both; display:block; margin:0px 0px 1.8em 0px;
}
.orderbasic .header
{
	clear:both; display:block; margin:0px 0px 5px 0px;
	border-bottom:1px solid gray;
	height:2em; color:Gray;
}
.orderbasic .values
{
	clear:both; display:block; margin:0px 0px 5px 0px;
	border-bottom:1px dotted #cccccc;
	height:2em;
}

.orderbasic .orderid
{
	float:left; width:13em;
}
.orderbasic .date
{
	float:left; width:15em;
}
.orderbasic .state
{
	float:left; width:10em;
}
.orderbasic .amount
{
	float:left; overflow:hidden;
}
.orderbasic .amount span.money
{
	color:#ff6600; display:block; width:6em;
	padding:0px 0px 0px 13px; margin:0px -13px 0px 0px;
	background:url(images/RMB.gif) no-repeat left center;
}




/* order details: items */
.ordereditems
{
	clear:both; display:block;
}
.ordereditemsswitch
{
	clear:both; display:block; text-align:left; margin:0px 24px 0px 12px;
}


/* header */
.ordereditems .header
{
	clear:both; display:block; margin:0px 0px 5px 0px;
	border-bottom:1px solid gray;
	height:2em; color:Gray;
}
.ordereditems .header .label
{
	float:left; width:9em;
}

.ordereditems .header .desc
{
	float:left; color:#666666; margin:0px 0px 0px 1.6em;
}

.ordereditems .header .count
{
	float:right; width:5em; text-align:left;
}

.ordereditems .header .price
{
	float:right; width:7em;
}

/* single item */
.ordereditems .item
{
	clear:both; display:block; margin:0px 0px 5px 0px;
	border-bottom:1px dotted #cccccc;
	height:2em;
}

.ordereditems .item .label
{
	float:left; font-weight:bold; width:9em; padding:0px 0px 0px 12px;
	background:url(images/dot.gif) no-repeat left center;
	margin-right:-12px;
}

.ordereditems .item .desc
{
	float:left; color:#666666; margin:0px 0px 0px 1.6em;
}

.ordereditems .item .count
{
	float:right; width:5em; text-align:left; color:#0066cc;
}

.ordereditems .item .price
{
	float:right; width:7em; color:#ff6600;
	padding:0px 0px 0px 13px; margin:0px -13px 0px 0px;
	background:url(images/RMB.gif) no-repeat left center;
}

/* mailing info */
.ordermailinginfo
{
	clear:both; display:block; margin:1.8em 0px 0px 0px;
}
.ordermailinginfo .title
{
	border-bottom:1px solid gray; height:2em; color:Gray;
}
.ordermailinginfo .desc
{
	clear:both; margin:5px 0px 0px 0px;
}
.ordermailinginfo .desc .receiver
{
	float:left; font-weight:bold; width:6em;
}
.ordermailinginfo .desc .tel
{
	float:left; color:#666666;
}
.ordermailinginfo .desc .price
{
	float:right; width:7em; color:#ff6600;
	padding:0px 0px 0px 13px; margin:0px -13px 0px 0px;
	background:url(images/RMB.gif) no-repeat left center;
}
.ordermailinginfo .desc .path
{
	float:right; width:5em; text-align:left; color:#588526;
}
.ordermailinginfo .desc .details
{
	clear:both; color:#666666; margin:5px 0px 0px 6em;
	width:25em;
}
.ordermailinginfo .desc .details .cs
{
	border-top:1px dotted #cccccc; padding:5px 0px 0px 2px; margin:5px 0px 0px 0px;
}
.ordermailinginfo .desc .details .cs .name{
	font-weight:bold; color:Green;
}
.ordermailinginfo .desc .mailingfeedesc
{
	clear:both; float:left; text-align:left; margin:1em 0px 0px 6em;
}

/* MISC */
.ordermisc
{
	clear:both; display:block; margin:1.8em 0px 0px 0px;
}

.ordermisc .title
{
	border-bottom:1px solid gray; height:2em; color:Gray;
}
.ordermisc .checked
{
	clear:both; margin:5px 0px 0px 6em; padding:3px 0px 0px 26px;
	background:url(images/checked.gif) no-repeat left center;
}
.ordermisc .unchecked
{
}
.ordermisc .memorow
{
	clear:both; margin:5px 0px 0px 5em; padding:3px 0px 0px 16px;
	color:#006699;
	background:url(images/memo.gif) no-repeat left center;
}