/* top */
#stockTop { border-top: 2px solid #82B87E; border-bottom: 1px solid #CEE2CB; background:#FBFBFB; padding:20 10 20 10; }
#stockTop .left { margin:0px; padding:0px; width:332px; vertical-align:top; }
#stockTop .right { margin:0px; padding:0px; width:218px; vertical-align:top; }
#stockTop .sep { width:30px; vertical-align:top; background:url(/images/stock/stock_top_sep.gif) no-repeat;}

#stockTop .leftTop { text-align:center; padding:5 0 15 0; font-size:16pt; color:#000000; font-weight:bold; }
#stockTop .leftBox { background:url(/images/stock/stock_bg_top_left.gif) no-repeat; width:332px; height:66px; padding:0 10 0 10;}
#stockTop .leftBoxCon { margin:0px; padding:0px; text-align:center; width:25%; height:27; }
#stockTop .rightBox { background:url(/images/stock/stock_bg_top_right.gif) no-repeat; width:218px; height:30px; }

#stockTop .up { text-align:center; padding-top:8px; }
#stockTop .down { text-align:center; padding-top:8px; }

#otherTop { margin:0px; padding-bottom:5px; text-align:right; }
#otherTopLeft { margin:0px; padding:0px; width:190px; vertical-align:top; border-top: 2px solid #82B87E; }
#otherTopRight { margin:0px; padding:0px; width:405px; vertical-align:top; }

#otherTopLeft .price { border:6px solid #E5F0E3; padding:10px; text-align:center; }

#otherTopLeft .cor{ text-align:center; color:#5D7E5A; background:#F9F9F9; height:25px; }
#otherTopLeft .cell1 { height: 24px; padding-left:10px; }
#otherTopLeft .cell2 { height: 24px; padding-left:10px; background:#F8F8F8; }
#otherTopLeft .cellC1 { height: 24px; text-align:center; }
#otherTopLeft .cellC2 { height: 24px; background:#F8F8F8; text-align:center; }
#otherTopLeft .cellT1 { height: 24px; background:#ffffff; color:#000000; padding-left:5px}
#otherTopLeft .cellT2 { height: 24px; background:#F8F8F8; text-align:center; color:#000000; }
#otherTopLeft .cellR1 { height: 24px; padding-right:8px; text-align:right; background:#ffffff;}
#otherTopLeft .cellR2 { height: 24px; padding-right:8px; background:#F8F8F8; text-align:right; }
#otherTopLeft .space1 { height:2px; border-bottom: 1px solid #E4E4E4; }
#otherTopLeft .lineGray { height:1px; background:#E4E4E4; }


/* left */
#left { width:325px; vertical-align:top; }





/* right */
#right { width:270px; vertical-align:top; }



/* graph */
#graph { margin:0px; padding:0px; vertical-align:top;  }
#graph .leftTop { width:5px; height:5px; background:url(/images/stock/graph_bg_left_top.gif) no-repeat; }
#graph .rightTop { width:5px; height:5px; background:url(/images/stock/graph_bg_right_top.gif) no-repeat; }
#graph .leftBottom { width:5px; height:5px; background:url(/images/stock/graph_bg_left_bottom.gif) no-repeat; }
#graph .rightBottom { width:5px; height:5px; background:url(/images/stock/graph_bg_right_bottom.gif) no-repeat; }
#graph .topBg { height:5px; background:url(/images/stock/graph_bg_top.gif) repeat-x; }
#graph .bottomBg { height:5px; background:url(/images/stock/graph_bg_bottom.gif) repeat-x; }
#graph .leftBg { width:5px; background:url(/images/stock/graph_bg_left.gif) repeat-y; }
#graph .rightBg { width:5px; background:url(/images/stock/graph_bg_right.gif) repeat-y; }
#graph .bg { background:#FBFBFB; text-align:center; }


/* graph */
.chTitle { font-size:14px; color:#666666; font-weight:bold; padding-left:8px; height: 24px; }
#chart { margin:0px; padding:0px; border-top: 2px solid #CEE2CB; }
#chart .cell1 { height: 24px; border-bottom: 1px solid #E4E4E4; padding-left:10px; }
#chart .cell2 { height: 24px; border-bottom: 1px solid #E4E4E4; padding-left:10px; background:#F8F8F8; }
#chart .cellC1 { height: 24px; border-bottom: 1px solid #E4E4E4; text-align:center; }
#chart .cellC2 { height: 24px; border-bottom: 1px solid #E4E4E4; background:#F8F8F8; text-align:center; }
#chart .cellT1 { height: 24px; border-bottom: 1px solid #E4E4E4; text-align:center; color:#000000; }
#chart .cellT2 { height: 24px; border-bottom: 1px solid #E4E4E4; background:#F8F8F8; text-align:center; color:#000000; }
#chart .cellT3 { height: 24px; border-bottom: 1px solid #E4E4E4; text-align:left; color:#000000; padding-left:10px; }
#chart .cellT4 { height: 24px; border-bottom: 1px solid #E4E4E4; background:#F8F8F8; text-align:left; color:#000000; padding-left:10px; }
#chart .cellR1 { height: 24px; border-bottom: 1px solid #E4E4E4; padding-right:8px; text-align:right; }
#chart .cellR2 { height: 24px; border-bottom: 1px solid #E4E4E4; padding-right:8px; background:#F8F8F8; text-align:right; }
#chart .space1 { height:2px; border-bottom: 1px solid #E4E4E4; }
#chart .lineGray { height:1px; background:#E4E4E4; }


/* search */
#search { margin:0px; border: 2px solid #E8E8E2; padding:0 10 0 10; }
#search .cell1{ margin:0px; height:35px; }



.violet { text-align:center;  font-size:12px; color:#584AE4; }
.red { text-align:center;  font-size:12px; color:#D11C47; }
.redB { text-align:center;  font-size:12px; color:#D11C47; font-weight:bold; }
.sky { text-align:center;  font-size:12px; color:#0070BC; }
.blue { text-align:center;  font-size:12px; color:#0070BC; }
.blueB { text-align:center;  font-size:12px; color:#0070BC; font-weight:bold; }
.blueB2 { text-align:center;  font-size:12px; color:#0070BC; font-weight:bold; width:109px; height:30px; }
.black { text-align:center;  font-size:12px; color:#000000; }
.blackB { text-align:center;  font-size:12px; color:#000000; font-weight:bold; }
.blackB16pt { text-align:center;  font-size:16pt; color:#000000; font-weight:bold; }


.stockBtn { text-align:right; padding-bottom:5px; }