/* two types of layout */
#main_wide_column {
	float: left;
	width: 760px;
}
#main_narrow_column {
	float: right;
	width: 185px;
}

#main_wide_column2 {
	float: right;
	width: 760px;
}
#main_narrow_column2 {
	float: left;
	width: 185px;
}

/* misc */

div.documentation {
	font-size: 12px;
	margin-bottom: 15px;
}
div.documentation p.title {
	font-weight: bold;
	font-size: 18px;
	color: #555;
	margin-top: 5px;
	margin-bottom: 10px;
}
p.question {
	font-weight: bold;
	font-size: 18px;
	color: #555;
	margin-top: 20px;
	margin-bottom: 10px;
}
p.answer {
	margin-left: 15px;
}
p.answer {
	font-size: 12px;
}

.no_record {
	text-align: center; padding: 20px; background-color: #f6f6f6;
	color: #666;
}

/* for anylink popup */
.anylinkcss {
	position:absolute;
	visibility: hidden;
	border:0px solid black;
	border-bottom-width: 0;
	line-height: 25px;
	z-index: 100;
	background-color: #808080;
	width: 60px;
}

.anylinkcss a {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #ffffff;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	text-indent: 5px;
	color: #ffffff !important;
	font-size: 15px;
}
.anylinkcss a.tools{
	background-color: #ffffff;
}
.anylinkcss a:hover{ /*hover background color*/
	background-color: #ff6600;
	color: white !important;
}


/* this part is created on 2010/11/22 */
a.more.left {
	float: left; color: #ff6600;
}
a.more.left:hover {
	color: #ff6600;
}

.gradient_box {
	padding: 5px 7px; 
	background-color: #f6f6f6; 
	border: solid 1px #E3E3E3; 
	background: url(/images/newstab_bg.gif) repeat-x bottom left;	
}
.gradient_box .box_title {
	font-size: 15px; 
	font-weight: bold; 
	line-height: 23px;	
	margin-bottom: 0px; 
	color: #ef6b14; 
}

/* table for hot_product_list */
table.trading_hot_products {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
}
table.trading_hot_products td {
	border-spacing: 0px;
	border-collapse: collapse;
}
table.trading_hot_products .sub_info {
	font-size:1em;
	padding:0.5em;
	margin-left: 0px;
}
table.trading_hot_products .product_thumb {
	border:1px solid #DDDDDD;
	text-align:center;
	vertical-align:middle;
	background-color: white;
	margin-bottom: 5px;
	float: left;
}
table.trading_hot_products .product_thumb img {
	padding: 7px;
	width: 96px;
	height: 96px;
}
table.trading_hot_products ul.list {
	float:left;
	margin-left:0.1em;
	margin-top:0pt;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
table.trading_hot_products ul.list li {
	background:transparent url(http://www.ruten.com.tw/image/default/bg/bg-main-index.gif) no-repeat scroll -998px -141px;
	margin-left:0.3em;
	margin-top:0.5em;
	text-indent:10px;
	margin:0pt 0.3em 0pt 0.2em;
}

/* for hot product */
.title_box .title {
font-size:12px;
line-height: 2.0em;
margin: 0px;
font-weight: bold;
clear:both;
color:#CC0000;
overflow:hidden;
padding:0pt;
width:100%;
background:transparent url(http://www.dcfever.com/trading/images2/orange_bar.gif) no-repeat scroll right 0pt;
height: 25px;
}
.title_box .title.grey {
font-size:15px;
line-height: 1.5em;
color:#000000;
background:transparent url(http://www.dcfever.com/trading/images2/grey_bar4.gif) no-repeat scroll right 0pt;
height: 32px;
}
.title_box .title span {
padding-left: 10px;
background:transparent url(http://www.dcfever.com/trading/images2/orange_bar.gif) no-repeat scroll 0pt;
display:block;
height:25px;
width:90%;
}
.title_box .title.grey span {
padding-left: 13px;
background:transparent url(http://www.dcfever.com/trading/images2/grey_bar4.gif) no-repeat scroll 0pt;
display:block;
height:32px;
line-height: 32px;
font-size: 15px;
color: #4347bb;
color: #495058;
color: #0a589b;
}
.title_box .content {
	border: 1px solid #e3e3e3;
	border-top: 0px;
	padding: 10px;
	background-color: #f9f9f9;
}

/* hit products */
.top_items {
	width: 20%;
	float: left;
	height: 140px;
}
.top_items img.top_items {
	width: 80px;
	height: 60px;
	display: block;
}
.top_items .desc {
	margin-top: 5px;
	margin-right: 5px;
	line-height: 1.4em;
	color: #555;
}
.top_items .price {
	/*color: #F00000; */
	color: #ff6600;
	font-weight: bold;
}

/* mainpage trading categories */
.main_cat_header {
	padding-bottom: 5px; 
	border-bottom: 1px solid #83a7cb; 
	width: 90%;
}
.main_cat_header a {
	color: #0f6fcf;
	font-size: 15px; 
	font-weight: bold;
}
.main_cat_header a:hover {
	color: #ff6600;
}
ul.main_cat_list {
	font-size:12px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:5px 0px 20px 0px;
	padding:0px;
}
ul.main_cat_list li {
	float: left; 
	width: 118px;
	line-height: 1.8em;
	padding-left:14px;
	background-image:url(images2/0119_checked.png);
	background-repeat:no-repeat;
	background-position:-2px 5px;
	background-repeat:no-repeat;
}
ul.main_cat_list li a {
	color: #666;
}
ul.main_cat_list li a:hover {
	color: #ff6600;
}

/* trading categories listing menu */
ul.tradecat_nav {
	float:left;
	font-size:12px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px 0px 1px;
	padding:0px;
}
ul.tradecat_nav li {
	padding-left:17px;
	background-image:url(images2/0049_dimple.png);
	background-position:3px 2px;
	background-repeat:no-repeat;
	line-height: 1.6em;
}
ul.tradecat_nav li a {
	color: #666;
}
ul.tradecat_nav li a:hover {
	color: #ff6600;
}
ul.tradecat_nav li.selected {
	background-image:url(images2/0119_checked.png);
	background-repeat:no-repeat;
}
ul.tradecat_nav li.selected a {
	color: #ff6000;
	text-decoration: underline;
}
ul.tradecat_nav li.selected a:hover {
	color: #ff6600;
}
ul.tradecat_nav li.main_cat {
	font-size: 15px;
	padding-left:16px;
	background-image:url(images2/0051_plus.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
}
ul.tradecat_nav li.main_cat a {
	color: #333;
}
ul.tradecat_nav li.main_cat a:hover {
	color: #ff6600;
}
ul.tradecat_nav li.main_cat.top {
	background-image:url(images2/0107_dl.png);
}

/* menu bar list style */
ul.menubar_list {
	font-size:12px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:5px 0px 0px 5px;
	padding:0px;
}
ul.menubar_list li {
	line-height: 1.9em;
	padding-left:14px;
	background-image:url(images2/0119_checked.png);
	background-repeat:no-repeat;
	background-position:-2px 5px;
	background-repeat:no-repeat;
}
ul.menubar_list li.selected {
	font-weight: bold;
}
ul.menubar_list li.selected a {
	color: #ff6600;
}
ul.menubar_list li a {
	color: #333366;
}
ul.menubar_list li a:hover {
	color: #ff6600;
}

/* styling the buttons for trading area */
input.ok, input.normal, input.warning {
	padding: 3px 5px;
	cursor: pointer !important;
}
input.ok:hover, input.normal:hover, input.warning:hover {
	background-color: #333333;
	color: #F6F6F6;
}

input.orange_buttonstyle {
	cursor: pointer !important;
}
input.userbutton {
	padding: 2px;
}

a.trading_button {
	text-decoration: none !important;
	cursor: pointer !important;
}
a.trading_button div {
	background-color: #ffffff; color: #003333;
	font-size: 15px; font-weight: bold; 
	margin: 0px 5px 5px 0px; 
	padding: 5px 5px 5px;
	border: solid 1px #e0e0e0; 
	border-top: solid 1px #eaeaea; 
	border-left: solid 1px #eaeaea; 
	height: 20px;
}
a.trading_button div.right {
	margin: 0px 0px 5px 0px; 
}
a.trading_button:hover div {
	background-color: #ffffcc;
}
a.trading_button .highlight {
	background-image: url(/temp/the_bg_pink.gif);
	background-color: #FF9900; color: #ffffff;
}
a.trading_button:hover .highlight {
	background-image: url(/temp/the_bg.gif);
	background-color: #ff6600;
}
a.trading_button .highlight2 {
	background-image: url(/temp/the_bg.gif);
	background-color: #FF9900; color: #ffffff;
	font-size: 12px;
	height: auto;
	padding: 4px;
	text-align: center;
}
a.trading_button:hover .highlight2 {
	background-image: url(/temp/the_bg_pink.gif);
	background-color: #ff6600;
	font-size: 12px;
}
.trade_price {
	color: #5f5f5f;
}
.bigtradeuser {
	color: #555;
}

table.offertable {
	width: 100%;
	margin-bottom: 15px;
	padding: 0px;
	border: 1px solid #dedede;
	border-collapse: collapse;
}
table.offertable tr {
	background-color: #ffffff;
}
table.offertable tr.alt {
	background-color: #f6f6f6;
}
table.offertable tr:hover {
	background-color: #FFFFDD;
}
table.offertable td {
	padding: 3px 3px 3px 5px;
	border: 1px solid #dedede;
}
table.offertable tr.heading {
	background-color: #f1f1f1;
}
table.offertable tr.heading td { 
	padding: 5px;
}


.trade_info {
	padding: 7px 10px 10px;
	border: 1px solid #ddd;
	line-height: 1.5em;
}
.trade_info p {
	color: #0A589B;
	margin-top: 0px;
}
.trade_info a {
	color: #333;
}
.trade_info a:hover {
	color: #ff6600;
}

.trade_function a {
	/*color: #00669f;*/
	text-decoration: underline;
}