﻿@Media Screen
{
    /* General style -start */
    * /* Clear default style */
    {
        margin:0;
        padding:0;
    }
    
    body
    {
        text-align:center; /* Center all element for IE */        
    }
    
    ul, li
    {
        list-style:none; /* Clear default list style */
    }
    
    a
    {
        text-decoration:none; /* Clear default underline */
        color:Black;
    }
    
    table
    {
        border-collapse:collapse;
    }
    
    .wrapper
    {
        width:980px;
        margin:0 auto; /* Center default div */
        padding:0 8px;
        text-align:left;        
    }
    
    .clear
    {
        clear:both;
    }
    
    .clearLeft
    {
        clear:left;
    }
    
    .floatLeft
    {
        float:left;
    }
    
    .alignCenter
    {
        margin:0 auto;
        text-align:center;
    }
    
    .ModifyDate
    {
	    padding-left:100px;
    }
    
    .VisiableLink
    {
         color:Blue;
         text-decoration:underline;
    }
     
    .TWNotDisplay
    {
         display:none;
    }
     
    .NumberFormat
    {
         text-align:right;
    }
    .UpdateProgress
    {
        position:absolute;
        top:0;
        right:0;
        background-color:Red;
        width:100px;
    }
    
    .Emphasis
    {
        color:Red;
    }
    .EmphasisRed
    {
        color:Red;
        font-weight:bolder;
    }
    .biddingLightHeight
    {
    	color: Red;
    	font-weight:bolder;
    }

    /* General style -end */
    
    /* Head Style-start */    
    .Logo /* fcc logo */
    {
        width:248px;
        height:95px;
        float:left;
        background:transparent url('images/fcclogo.gif') no-repeat -8px -1px;      
        display:block;          
    }
    
    .Logo p
    {
        font-size:13px;
        margin:73px 0 0 95px;
    }
    
    .accountNote
    {
        font-size:12px;
    }
       
    .SLink
    {
        padding-top:10px;       
    }
    
    .SLink Select
    {
        font-size:11px;
    }
    
    .SLink, .UserFunction
    {
        width:315px;
        text-align:right;
        float:right;
    }
    
    .UserFunction
    {
        padding-top:17px;
    }
    
    .SLink li,
    .UserFunction li
    {
        padding:0 3px;
        display:inline;
        font-size:14px;
    }
    
    .SearchHolder
    {
        height:30px;
        padding-top:1px;
        background-color:#ff9900;
    }
    
    /* load icon image file */
	.cnLink
	{
	    background:transparent url('images/icon-fcc.gif') no-repeat center left;
        padding-left:30px;
	}
    .engLink, .jpnLink, .loginLink, .registerLink
    {
        background:url('images/icons.gif') no-repeat;
        padding-left:30px;
    }	
    
    .engLink
    {
        background-position:0 -2px;
    }
    
    .jpnLink 
    {
        background-position:0 -34px;
    }
    
    .loginLink
    {
        background-position:0 -62px;
    }
    
    .registerLink
    {
        background-position:0 -96px;
    }
    
    .FunctionTag /* fcc function holder */
    {
        width:395px;
        padding-top:65px;
        float:left;
        background:transparent url('images/area_tp.gif') no-repeat 38px 20px;
        font-size:15px;
        letter-spacing:0.2em;
    }
        
    .FunctionTag li
    {
        display:block;
        float:left;
        padding:0 5px;
    }
    
    .FunctionTag li .content
    {
        padding:2px 6px 0 8px;
    }
    
    .FunctionTag .content a
    {
        color:White;
        font-weight:bold;
    }
    
    .LoginUserInfoHolder
    {
        width:95%;
        padding:0 10px;
    }
        
    /* News Style - Start */
    .News
    {    
        padding-left:140px;    
	    width:40%;	    
	    float:left;
    }
    .NewsBody
    {
        background: url('images/news_03.gif') repeat-x 0 3px;
        height:30px;
        width:80%;
    }
    .NewsHeader
    {
        background: url('images/news_01.gif') no-repeat 0 0;
        width:55px;
        height:30px;
    }
    .NewsTail
    {
        background: url(images/news_02.gif) no-repeat 0 3px;
        width:6px;
        height:30px;   
    }
    .PaddingTop5
    {
	    padding-top:5px;	
    }
    /* News Style - End */    

    
    

    .SearchBarHolder
    {
        float:right;
        width:240px;
    }
    
    .SearchImage
    {
        background:transparent url('images/icon_s.gif') no-repeat 0 3px;
        width:25px;
        height:30px;
        float:left;
    }
    
    .SearchBar
    {        
        margin-top:6px;
    }
    
    .SearchText
    {
        float:left;
        border:none;
    }

    .SearchButton
    {
        margin-top:-2px;
	    width:37px;
	    height:22px;
	    display:block;	    
	    background:transparent url('images/button_search.gif') no-repeat center center;
	    cursor:pointer;
	    cursor:hand;		
	    float:left;
    }
    
    /* Head Style-end */
    
    /* Content Style - Start */
    .contentHolder
    {
        min-height:400px;
    }
    /* Content Style - End */    
    
    /* Round Box Style - Start */
    .RoundBox
    {                
        background-color:#fc830e; 
        text-align:center;
    }
    
    .ButtonType1
    {
        width:60px;
    }
    
    .ButtonType2
    {
        width:100px;
    }
    
    .rbtop /* top left corner */
    {        
        background:transparent url(images/bg_corner_lt.gif) no-repeat top left;
    }

    .rbtop div /* top right corner */
    {
        background:transparent url(images/bg_corner_rt.gif) no-repeat top right;
    }

    .rbtoplt /* top left corner */
    {        
        background:transparent url(images/bg_corner_lt2.gif) no-repeat top left !important;
    }

    .rbtoplt div /* top right corner */
    {
        background:transparent url(images/bg_corner_rt2.gif) no-repeat top right !important;
    }
             
    .rbbot /* bottom left corner*/
    {
        background:transparent url('images/bg_corner_lb.gif') no-repeat top left;
    }    
   
    .rbbot div /* bottom right corner */
    {
        background:transparent url('images/bg_corner_rb.gif') no-repeat top right;
    }
    
    .rbtop, .rbbot
    {
        height:3px;
    }
    
    .rbtop, .rbtop div, .rbbot, .rbbot div
    {              
        height:3px;  
    }
    /* Round Box Style - End */
    
    /* Tail Style-start */
    .Tail
    {
        border-top:solid 2px #fc830e;
        padding-top:5px;
    }
    
    .Tail,
    .Tail a
    {
        font-size:13px;
    }
    
    .Tail li
    {
        display:inline;
        padding-right:5px;
    }
    
    .Tail li a
    {
        padding-right:3px; 
    }
    
    .ListTitle
    {
        color:#fc830e;
        font-weight:bold;
        padding:0px !important;
    }
    
    .TradeCenterList, .AboutUsList, .ServiceList, .UserInfoList,
    .ContactInfoList, .CopyrightList
    {
        padding:3px 0;        
    }
    
    
    .TradeCenterList
    {
        width:266px;
        float:left;
    }
        
    .AboutUsList
    {
/*        width:300px;*/
    }
    
    .ServiceList
    {
        width:305px;
        float:left;
    }
    
    .UserInfoList
    {
        /*width:400px;*/
    }
    
       
    .CopyrightList
    {
    }
    
    .CertHolder
    {
        width:150px;
        float:right;
        margin-top:-60px;
    }
    

    .Top500, .hiTrust
    {
	    border:none;
	    height:60px;
	    cursor:pointer;
	    cursor:hand;
    }

    .hiTrust
    {
	    background:transparent url('images/logo_hiTrust.jpg') no-repeat;
	    width:50px;
    }

    .Top500
    {
	    background:transparent url('images/logo_Top500.gif') no-repeat;
	    width:62px;
    }
    
    /* Tail Style-end */
    
    /* twGrid Style - Start */
    .headerStyle
    {
	    font-size:13px;
	    color:#cc6600;	
	    background-color:#fff1e4;
	    font-weight:normal;		
	    padding:5px;
	    text-align:center;
    }

    .oddRow 
    {	
	    background-color:White;	
    }

    .evenRow
    {		
	    background-color:#f2f2f2;	
    }

    .headerStyle th,
    .headerStyle td,
    .oddRow td,
    .evenRow td
    {	
	    padding:5px;
	    border:solid 1px #f3cba5;
    }

    /* twGrid Style - End */
 
    /* Login Style - Start */
    .LoginHolder
    {
        margin:0 auto;
        width:80%;
        text-align:center;
    }
    
    .LoginHolder *
    {
        text-align:left;
    }
    
    .LoginHolder h1
    {
        width:80%;
        font-size:medium;
        font-weight:normal;
        padding:10px;
        line-height:1.5em;
    }
    
    .LoginHolder p
    {
        width:60%;
        padding:5px;
    }
    
    .LoginHolder p input.account
    {
        width:190px;
    }
    
    .LoginHolder p input[type="submit"]
    {
        text-align:center;
    }
    
    .LoginHolder ul,
    .LoginHolder li
    {        
        display:inline;                
        margin-right:20px;
    }
    
    .LoginHolder li a
    {
        background:url('images/doc_02.gif') no-repeat center left;
        padding-left:6px;
        color:#fc830e;
        font-weight:bold;
        text-decoration:underline;
    }
    
    /* Login Style - End */

    /* Register Style - Start */
    .RegisterHolder
    {
        margin:0 auto;
        text-align:center;
        width:80%;
    }
    
    .RegisterHolder .RegisterDataHolder
    {
        text-align:left;
        width:60%;
    }
    
    .RegisterDataHolder p
    {
        margin:5px;
    }
    
    .SizeAdjust1 input
    {
        width:200px;
    }

    .SizeAdjust2 img
    {
        width:80px;
    }
    .SizeAdjust2 input
    {
        width:170px;
    }
    /* Register Style - End */

    /* Tab News Style - Start */ 
    .TabNewsHolder
    {
        width:425px;
        margin:0 auto;
        border:solid 1px #f3cba5;
    }
    .TabNewsHolder h1
    {
        font-size:13px;
        font-weight:bold;
        background-color:#fff1e4;
        text-align:center;
        height:40px;
        padding:0 20px;
        border-bottom:solid 1px #f3cba5;
    }
    .TabNewsHolder h1 a
    {
        display:block;        
        background:transparent url('images/mark_2.gif') no-repeat center top;                
        width:77px;
        padding:15px 10px 0;
        float:left;
    }
    .TabNewsHolder h1 a:hover
    {
        background:transparent url('images/mark_1.gif') no-repeat center top;
    }
    .TabNewsHolder .NewsContent
    {
        padding:10px;
        font-size:13px;
    }
    .NewsContent ul
    {
        list-style:none url('images/arrow.gif');
        padding-left:20px;
    }
    .NewsContent ul li
    {
        line-height:1.5em;
        padding:0 0 5px 0;
    }
    .NewsContent .DateFormat
    {
        color:#666606;
    }
        
    /* Tab News Style - End */
    
    /* Temp */    
    .ctl00_cpl_MainContent_lblContent
    {
        padding:10px;
        margin:10px;
    }
    
    /* Bid Price List Style - Start */
    .PriceListHolder
    {
        clear:both;
    }
    
    .BidPriceListHolder
    {
        border-collapse:collapse;
        border:solid 1px black;        
    }
    
    .BidPriceListHolder td
    {
        border-right:solid 1px black;
        padding:5px;
    }
    
    .BidPriceListHolder .BidWinner
    {
        background-color:Red;
    }
    
    .MyMassBidHistory
    {
    	background-color:Blue;
    	color:White;
    }
    
    /* Bid Price List Style - End */
    
    .MasterMemberCountStyle
    {
        color:White;
        float:left;
        padding-left:5px;
        padding-top:5px;
    }

}