﻿@charset "utf-8";

/* Type */
* {margin:0px; padding:0px; font-family:sans-serif,tahoma, arial; font-size:12px; line-height:18px; color:#555555;  /*word-wrap:break-word; word-break:break-all;*/
   white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
   white-space: -pre-wrap; /* Opera 4-6 */
   /*white-space: -o-pre-wrap;  Opera 7 */
}
.period a:hover{
    text-decoration: none;
}
.period a span#span{
    color: #555555;
    position: relative;
    top: 0px;
    padding: 3px 7px;
    background: white;
    border: 1px darkgray solid;
    font:900 8px Arial;
    border-radius: 3px;
}
.period a span#span:hover{
    color: white;
    background: dodgerblue;
}
.period input#startYmd, .period input#endYmd{
    vertical-align: central;
    height: 15px;
}
/*marqee*/
#running{position: relative; display: block; width: 980px; height: 32px; margin-top: 3px;}
/* <-- RSS news feeds -->*/
.rss{
    top:2px;
    position: relative;
    float: right;
    height: 30px;
    width: 25px;
    text-align: right;
	padding-right: 5px;
	padding-left: 5px;
    
}
.rss a{
    font-weight: 900;
    color: #ff9900;
    text-decoration: none;
    font-size: 11px;
    font-family: arial;
}
.rss a:hover{
    text-decoration: none;
    color: rgb(84,208,254);
}
.rss a:hover> span{
    background-image: url("/en/common/img/rssblue.png");
}
.rss span{
    position: relative;
    float: right;
    height: 15px;
    width: 25px;
    background-image: url("/en/common/img/rssorange.png");
}
.rss span:hover{
     background-image: url("/en/common/img/rssblue.png");
}

/*facebook page*/

.facebook{
    top:2px;
    position: relative;
    float: right;
    height: 30px;
    width: 25px;
    text-align: right;
	padding-right: 3px;
    
}
.facebook a{
    font-weight: 900;
    color: #ff9900;
    text-decoration: none;
    font-size: 11px;
    font-family: arial;
}
.facebook a:hover{
    text-decoration: none;
    color: rgb(84,208,254);
}
.facebook a:hover> span{
    background-image: url("/en/common/img/fb_logo.png");
}
.facebook span{
    position: relative;
    float: right;
    height: 15px;
    width: 25px;
    background-image: url("/en/common/img/fb_logo.png");
}
.facebook span:hover{
     background-image: url("/en/common/img/fb_logo.png");
}

/*end facebook page*/
.sitemapTables li{
    width: 100px;
}

body, html {height:100%; margin:0; padding:0; scroll 0 0 transparent; /*word-wrap:break-word; word-break:break-all;*/}
/* body, html {height:100%; margin:0; padding:0; background:url(/en/common/img/pattern.gif) repeat-x scroll 0 0 transparent;} */
img, fieldset, button{border:none; margin:0px;}
hr, button img{display:none;}
ul, li{list-style:none; margin:0; padding:0;}

.png24 {tmp:expression(setPng24(this));}

* html .clfix {height: 0; } /* hides from ie-mac */

a {text-decoration:none;}
a:hover {text-decoration:underline; color:#C70125;}
a:active, a:focus{text-decoration:underline; color:#C70125;}

textarea {overflow:auto;}
label {display:none;}

table {border-collapse:collapse; border:0px; padding:0px;}
caption {display:none;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */ 


/* Layout Selector */
#wrap {margin:0 auto; width:980px; padding: 5px 10px; box-shadow:0px 0px 5px #999; min-height: 100%;}

#container {}
#snb {float:left;}
#content {float:right; width:780px; _clear:both; padding-bottom: 10px;border-bottom:1px #C3892B solid;}
#footer {clear:both; width:980px; height:80px; position:relative;}
#footer_script {float:right; width:650px; margin-top:50px; border:1px solid #DCDCDC; padding:15px 15px 15px 35px; background:url(/en/common/img/ico_footer.gif) no-repeat 14px 16px; background-color:#F3F3F3;}
.contents_body {padding-top:30px;}

.colgroup{}
.aside{}

/* Header */
#header {clear:both; height:71px; margin-top:5px;}
.logo {float:left; width:113px;}
.logo h1 {margin:0px; height:68px;}

.lnb_layout {width:850px; height:71px;}
.lnb {position: relative;width:850px;}
/*.lnb_top {width:121px; height:21px; position:relative; z-index:1000;}*/
.lnb_top {width:121px; height:21px; position:relative;}
.lnb_img {width:270px;}
.lnb_lang {position: relative;width:850px; height:50px; text-align:right;}


.lnb_search {position: relative;float: right;width:204px; height:21px; background:url(/en/common/img/top_search_bg.gif) no-repeat left top; margin-right:-4px;}
.lnb_search .search_input {float:left; width:166px; padding:1px 0 0 3px}
.lnb_search .search_input input {border:0px; width:154px; height:17px; padding-left:4px;}
.lnb_search .search_btn {float:right; width:31px; padding-right:4px; height:21px; text-align:left;}

*#gnb .gnb_btn {margin-right:13px; margin-top:-3px; float:right;}*/



/* Default Layout */
.fl {float:left;}
.fr {float:right !important;}
.ma {margin:0 auto;}

.cb {clear:both;}

.al {text-align:left !important;}
.ar {text-align:right;}
.ac {text-align:center !important;}
.vt {vertical-align:top;}
.vm {vertical-align:middle !important;}

.b {font-weight:bold;}
.nb {font-weight:normal !important;}
.u {text-decoration:underline;}
.bk {display:block;}
.il {display:inline;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}

.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}

.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
/*.mt35 {margin-top:35px;}*/

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}

.mb5 {margin-bottom:5px;}
.mb7 {margin-bottom:7px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}

.xml10 {margin-left:-10px !important;}
.xml20 {margin-left:-20px !important;}


.bk{display:block;}
.il{display:inline;}
.bg_no{background:none !important;}


/* Text Color */
.txt_12 {font-size:12px;}
.txt_13 {font-size:13px;}

.txt_red11 {color:#BA0C20;}
.txt_red12 {color:#BA0C20; line-height:18px; font-size:12px;}
.txt_red13 {color:#BA0C20; line-height:18px; font-size:13px;}
.txt_red14 {color:#BA0C20; line-height:18px; font-size:14px;}

.txt_blue11 {color:#336DAF;}
.txt_blue12 {color:#336DAF; line-height:18px; font-size:12px;}
.txt_blue13 {color:#336DAF; line-height:18px; font-size:13px;}
.txt_blue14 {color:#336DAF; line-height:18px; font-size:14px;}


/* Text */
.txt_word {word-wrap:break-word; /*white-space:pre-wrap;*/ white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; /*word-break:break-all;*/} /* Width size must be entered */
.txt_cut {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.txt_cut a {text-decoration:none;}
.txt_cut a:hover {text-decoration:underline; color:#C70125;}

.txt_verdana {font-family:verdana; line-height:16px;}
.txt_small	{font-size:10px;}
.up {color:#008000;}
.down {color:#ff0000;}

.cursor_pointer {cursor:pointer;}

.txt_left {text-align:left !important;}

/* TD Width */
.td100 {width:100px;}
.td110 {width:110px;}
.td150 {width:150px;}
.td250 {width:250px;}
.td300 {width:300px;}
.td490 {width:490px;}
.td510 {width:510px;}
.td520 {width:520px;}
.td580 {width:580px;}
.td600 {width:600px;}
.td630 {width:630px;}

/* Form */
.input160 {width:160px !important; height:18px !important; padding-top:3px; padding-left:3px;}


/* Sitemap */
#sitemap {position:absolute; left:-650px; top:25px; z-index:2000; width:960px; height:550px; background-color: paleturquoise;border: 2px blue solid; padding:0px 10px; visibility:hidden;}
#sitemap #sitemap_close img{position: absolute; float:right; right: 215px; margin-top: -23px;}
#sitemap .close {float:right; width:960px; height:45px; text-align:right; padding-top:20px;}

.download a:hover{
    text-decoration: none;
}
#file_download{
    position: relative;
    padding: 5px 0 3px 0;
}
#file_download span{
    text-decoration-line: none;
    /*position: absolute;*/
    padding: 2px 40px 5px 10px;
    background-color: #666066;
    color:white;
    font: 12px Arial;
    border-radius: 3px;
}
#file_download span:hover{
    text-decoration: none;
    background-color: darkblue;
    background-position: 0px 2px;
}
#file_download span i:hover{
    background-position: 0px 2px;
}
#file_download span i{
    position: absolute;
    padding: 1px 0;
    /*width: 25px;*/
    top: -2px;
    display: block;
    float: right;
    right: 10px;
    /*right:50px;*/
    background: url("/en/common/img/arrow_down.png");
    background-color: white;
    background-position: 0px 0px;

}
#file_download span #arrow_background .arrow {
    height:20px;
    margin: 0px;
    width: 23px;
    position: absolute; 
    border: 1px #C3892B solid;
}
#file_download span:hover i{
    background-position: 0px 2px;
}
.golink span{
    padding: 2px 15px;
    background: #666666;
    color: white;
    border-radius: 20px;
    font: 12px Arial;
}
.golink span:hover{
    background: darkblue;
    font-weight: 500;
}
.golink a:hover{
    text-decoration: none;
}

#csxindex{
    display: table-cell;
    vertical-align: text-bottom;
    height: 32px;
}
#marketstatuss,#marketstatuss span,#marketstatus span{
    color:#000;
    font:900 12px tahoma,sans-serif,arial;
    line-height: 32px;
}
#csxindex{
    position: relative;
    width: 620px;
    float: left;
}
#csxindextite{
    
    padding-left: 8px;
}
#comListPrice{
    display: table-cell;
    vertical-align: middle;
        font-size: 12px;
        position: relative;
        float: right;
        height: 32px;
        line-height: 34px;
    }
    #comListPrice span{
        height: 21px;
        line-height: 21px;
        position: relative;
        float: left;
        color:rgb(3,102,191);
        text-align: left;
        height: 32px;
        line-height: 34px;
    }
    #comListPrice ul,#comListPrice ul li{
        height: 32px;
        line-height: 34px;
    }
    #priceTicker{
        position: relative;
        height: 21px;
        float: right;
        padding-left: 5px;
        overflow: hidden;
    }
    #priceTicker li{
        line-height: 21px;
        text-align: left;
        color: black;
        font-size: 12px;
        height: 21px;
    }
#marketsearch{position: relative; width: 850px; height: 21px;}
#marketstatus{position: relative;float: left; width: 620px; height:21px;}
#marketstatus{text-align: left;margin-top: -8px;}
#marketstatuss{text-align: right;margin-top: 5px;position: relative;width: 500px; height: 21px;float: left;}
.sub_top {position:relative; z-index:-1; background:url(/en/common/img/sub_top_bg.gif) no-repeat; width:988px; height:100px; _margin-top:-2px; margin-left:-4px;}
#footerMain img{ margin-top:-5px;}
#toppage{position:relative; height:170px; width:980px;}
#toppage #leftPanel #text{ position:relative; width:980px; height:25px; float:right;}

