* 
{
    margin:0px;
    padding:0px;
}

body
{
    text-align:center;
    font-family:arial,宋体;
}

#outer-frame
{
    width:952px;
    float:left;   
    border:1px solid #ddd;
    padding-bottom:10px;
    margin-bottom:10px;
}

#right-show-frame
{
    width: 875px;
    float:left;
    margin-left:39px;
    display:inline; 
    margin-top:20px;
}

#gobal-earth-map
{
    width:875px;
    height:511px;
    background:url("../images/earth.gif") no-repeat;
    position:relative;
    float:left;
}

#gobal-stock-top
{
    height:30px;
    width:100%;
    float:left;
    text-align:left;
    display:inline;
    margin-top:15px;
}

#gobal-stock-top form
{
    float:left;
    font-size:12px;
    display:inline;
    text-align:left;
}
#gobal-stock-top form input
{
    float:left;
    line-height:20px;
    width:100px;
    margin-left:5px;
    margin-right:15px;
    text-align:left;
    margin-top:3px;
}

#gobal-stock-top form div
{
    float:left;
    line-height:24px;
    display:inline;
    font-size:12px;
    margin-top:2px;
}

#gobal-earth-map div
{
    font-size:14px;
    font-weight:bold;
    position:absolute;
}

#gobal-earth-map span
{
    font-size:12px;
    font-weight:normal;
    line-height:14px;
}

/*----------- city stock state ---------------*/
#FIFTSE100-state
{    
    left:0px;
    top:130px;
    width:105px;
    height:74px;
    background:url('../images/london-state.gif') no-repeat;
    z-index:9999;
    font-size:12px;
    text-align:left;
    padding-left:10px;
    padding-top:6px;
}

#FIFTSE100-icon
{
    left:24px;
    top:188px;
    width:27px;
    height:27px;
    z-index:999999;
}

#FICAC40-state
{
   background:url('../images/pairs-state.gif') no-repeat;
   left:31px;
   top:251px;
   height:77px;
   width:107px; 
   text-align:left;
   padding-left:12px;
   padding-top: 26px;
}

#FICAC40-icon
{
    left:64px;
    top:205px;
    width:27px;
    height:27px;
    z-index:999999;
}

#FIDAX30-state
{
   left:105px;
   top:130px;
   height:74px;
   width:104px; 
   background:url('../images/frankfurt-state.gif') no-repeat;
   text-align:left;
   padding-left:8px;
   padding-top:6px;
}

#FIDAX30-icon
{
   left:84px;
   top:182px;
   width:27px;
   height:27px;
   z-index:999999;
}

#singapore-state
{
   left:216px;
   top:369px;
   height:72px;
   width:108px;
   background:url('../images/singapore-state.gif') no-repeat;
   text-align:left;
   padding-top:17px;
   padding-left:12px;
   display:none;
}

#singapore-icon
{
   left:308px;
   top:345px;
   width:27px;
   height:27px;
   z-index:999999;
}

#FIHKEX-state
{
   left:387px;
   top:277px;
   height:57px;
   width:122px;
   background:url('../images/hongkong-state.gif') no-repeat;
   text-align:left;
   padding-top:6px;
   padding-left:28px;
}

#FIHKEX-icon
{
   left:363px;
   top:298px;
   width:27px;
   height:27px;
   z-index:999999;
}

#tokyo-state
{
   left:324px;
   top:183px;
   height:66px;
   width:105px;
   background:url('../images/tokyo-state.gif') no-repeat;
   padding-top:3px;
   text-align:left;
   padding-left:10px;
   display:none;
}


#tokyo-icon
{
   left:362px;
   top:243px;
   width:27px;
   height:27px;
   z-index:999;
   display:none;
}

#sydney-state
{
   left:434px;
   top:383px;
   height:59px;
   width:125px;
   background:url('../images/sydney-state.gif') no-repeat;
   text-align:left;
   padding-left:29px;
   padding-top: 4px;
   display:none;
}

#sydney-icon
{
   left:410px;
   top:401px;
   width:27px;
   height:27px;
   z-index:999999;
   display:none;
}

#FINASDAQ-state
{
   left:589px;
   top:178px;
   height:56px;
   width:131px;
   background:url('../images/newyork-state-one.gif') no-repeat;
   text-align:left;
   padding-top:6px;
   padding-left:11px;
}

#FINASDAQ-icon
{
   left:707px;
   top:205px;
   width:27px;
   height:27px;
   z-index:999999; 
}

#FINYSE-state
{
   left:748px;
   top:124px;
   height:70px;
   width:106px;
   background:url('../images/newyork-state-two.gif') no-repeat;
   text-align:left;
   padding-top:6px;
   padding-left:10px;
}

#FINYSE-icon
{
   left:738px;
   top:205px;
   width:27px;
   height:27px;
   z-index:999999; 
}

#FISP500-state
{
   left:641px;
   top:258px;
   height:71px;
   width:107px;
   background:url('../images/newyork-state-three.gif') no-repeat;
   text-align:left;
   padding-left:13px;
   padding-top:20px;
}

#FISP500-icon
{
   left:708px;
   top:232px;
   width:27px;
   height:27px;
   z-index:999999; 
}

#SZHQ399001-state
{
   left:170px;
   top:271px;
   height:57px;
   width:126px;
   background:url('../images/sz399001.gif') no-repeat;
   text-align:left;
   padding-left:13px;
   padding-top:6px;
}

#SZHQ399001-icon
{
   left:290px;
   top:275px;
   width:27px;
   height:27px;
   z-index:999999; 
}

#SHHQ000001-state
{
   left:198px;
   top:204px;
   height:64px;
   width:118px;
   background:url('../images/sh000001.gif') no-repeat;
   text-align:left;
   padding-left:13px;
   padding-top:6px;
}

#SHHQ000001-icon
{
   left:318px;
   top:252px;
   width:27px;
   height:27px;
   z-index:999999;  
}

.cloudy
{
    background:url('../images/cloudy.gif') no-repeat;
}

.sunny
{
    background:url('../images/sunny.gif') no-repeat;
}

.rainy
{
    background:url('../images/rainy.gif') no-repeat;
}

#iconillustrate
{
    height:100%;
    float:right;
    font-size:12px;
    display:inline;
    overflow:hidden;
}

#icon-tag
{
    width:60px;
    float:left;
    height:27px;
    line-height:27px;
}

#sunny-explain, #cloudy-explain, #rainy-explain
{
    height:27px;
    float:left;
    margin-left:15px;
    display:inline;
}

#cloudy-explain img
{
    margin-top:6px;
    display:inline;
}

#sunny-explain div, #cloudy-explain div, #rainy-explain div
{
    line-height:27px;
    height:27px;
    float:left;
    margin-left:0px;
    display:inline;
}

.incolor
{
    color:#FF0000;
}

.noclor
{
    color:#3B3A3C;
}

.descolor
{
    color:#008000;
}