html { height:100%;background-color:#fff;}
body { margin:0px;background-color:#fff; }
#menuHeader { width:100%;height:27px;}
.headr .img {z-index:10;display:block;background:url(../images/body_images/mn.jpg);}
.headr #menuSection1 .img {width:100%;height:27px;background-position:0px 0px;}
.headr #menuSection2 .img {width:100%;height:27px;background-position:0px 0px;}
#searchSection {width:950px;height:30px;background-color:#7b1228;}
.menuname { background-color:#3c3c3c;color:#ffffff;width:125px;display:block;height:22px;padding:4px 0px 0px 8px;font:bold 12px Arial;letter-spacing:1px;float:left;text-align:left;}
.mname {background-color:transparent;border:0px solid #ddd;text-decoration:none;display:block;height:20px;padding-top:4px;padding-left:8px;font:12px Arial;letter-spacing:1px;float:left;text-align:left;color:#ffffff;}
.mname a:hover {color:#15ADFF;text-decoration:none;}
.menuSection { width:100%;height:27px;background-color:#333333; }
.top_div { background-color:#557bf2;width:440px;height:25px;float:left;}
.body_div { padding:6px;width:426px;border:1px solid #557bf2;background-color:#ffffff;}
.top_div1 { background-color:#557bf2;width:440px;height:25px;float:left;}
.body_div1 { padding:6px;width:426px;border:1px solid #557bf2;background-color:#ffffff;}
.topAd_div { width:440px;height:1px;float:left;}
.bodyAd_div { width:426px;}
.heading { padding:4px 0px 0px 10px;letter-spacing:1px;font-weight:bold;text-align:left;font-size:14px;font:Times,serif;color:#ffffff;text-decoration:none;}
.horizontal {height:10px;width:200px;};
.content p {  text-align: justify; padding: 0px 0px 0px 0px; font: 12px Arial;letter-spacing:1px;line-height: 1.7em; color: #222222; }
.content .title { padding: 10px 0px 0px 0px; text-align: left; font: 14px Georgia, Times, serif; letter-spacing: 1px; color:#cc3300; }
.content .a_link { padding: 10px 0px 0px 0px; text-align: left; font: 14px Georgia, Times, serif; letter-spacing: 1px; color:#cc3300; }
.selectedNewsTitle { font-weight:bold;text-align:left;font-size:14px;font:Arial;color:#661100;padding-bottom:12px;}
.inputTxt { vertical-align:middle; font:normal 11px Arial, Helvetica, sans-serif; line-height: 15px; color:#555555; }
#mnuname { color:#ffffff;border:0px solid #ddd;width:125px ;text-decoration:none;display:block;height:20px;padding-top:2px;padding-left:8px;font:12px Arial;letter-spacing:1px;font-weight:bold;float:left;text-align:left;}
#smname {border:0px solid #ddd;text-decoration:none;display:block;height:20px;padding-top:4px;padding-left:8px;font:12px Arial;letter-spacing:1px;font-weight:bold;float:left;text-align:left;color:#ffffff;}
#bsSection { width:95%;height:20px; }
#bsSectionName {border:0px solid #ddd;text-decoration:none;display:block;height:18px;padding-left:8px;font:12px Arial;letter-spacing:1px;font-weight:bold;float:right;text-align:left;color:#ffffff;}
#profileHead { width:100%;height:30px;}
#profilename {border:0px solid #ddd;text-decoration:none;display:block;height:20px;padding-top:4px;padding-left:8px;font:12px Arial;letter-spacing:1px;font-weight:normal;float:left;text-align:left;color:#111111;}
#profilemenu {border:0px solid #ddd;text-decoration:none;display:block;height:20px;padding-top:4px;padding-left:4px;font:12px Arial;letter-spacing:1px;font-weight:normal;float:left;text-align:left;color:#111111;}
#profilename a:hover {color:#661100;text-decoration:none;}
.addButton { vertical-align:middle;font:bold 12px Times New Roman;color:#992200;text-align:left;padding:2px; }
.go_button { cursor:hand;font:bold 14px Times New Roman;text-align:right; }
.menu_link {color:#ffffff;text-decoration:none;}
.pmenu_link {color:#000000;text-decoration:none;}
.hozontal{ height:5px;width:100%; }
#global_nav { width:100%;background-image:url(../images/body_images/top_bg.gif);background-repeat:repeat-x;height:30px;position:fixed;top:0;right:0;left:0;z-index:10;}
#global_nav_bottom { margin-bottom:0px;width:100%;background-image:url(../images/body_images/top_bg.gif);background-repeat:repeat-x;height:50px;}
#searchSection {width:950px;height:30px;background-color:#7b1228;}
.searchLabel { background-color:transparent;color:#ffffff;border:0px solid #ddd;text-decoration:none;display:block;height:20px;padding-top:2px;padding-left:8px;font:12px Arial;letter-spacing:1px;font-weight:bold;float:left;text-align:left;}
#latestNews { width:100%;height:40px;}
#newsCbn { width:100%;height:35px;}
#newsList { width:100%;height:20px;}
#newsListNext { width:695px;height:100%;}
.readMore {text-decoration:underline;border:0px solid #800000;text-align:left;color:#800000;padding:3px;font:12px Arial;line-height:1.0em;}
a { color:#111111;text-decoration:none;}
a:hover {color:#661100;text-decoration:underline;}
h2 { margin-top:10px;font:bold 16px georgia, helvetica, arial;color:#000000;letter-spacing:1px;}
.headTitle { font:bold 16px georgia, helvetica, arial;color:#222222;letter-spacing:1px;text-decoration:underline;padding-bottom:20px;}
#sponser { width:947px;text-align:left;padding:2px;border: 0px #ddd solid;background:#ffffff; }
#inputTxt { vertical-align:middle; font:normal 11px Arial, Helvetica, sans-serif; line-height: 15px; color:#555555; }
#content p {  text-align: justify; padding: 0px 0px 0px 0px; font: 12px Arial;letter-spacing:1px;line-height: 1.7em; color: #222222; }
#content1 p {  text-align: justify; padding: 0px 0px 0px 0px; font: 12px Arial;letter-spacing:1px;line-height: 1.7em; color: #222222; }
#content2 p {  text-align: justify; padding: 0px 0px 0px 0px; font: 12px Arial;letter-spacing:1px;line-height: 1.7em; color: #222222; }
#content3 p {  text-align: justify; padding: 0px 0px 0px 0px; font: 12px Arial;letter-spacing:1px;line-height: 1.7em; color: #222222; }
#content4 p {  text-align: justify; padding: 0px 0px 0px 0px; font: 12px Arial;letter-spacing:1px;line-height: 1.7em; color: #222222; }
#content5 p {  text-align: justify; padding: 0px 0px 0px 0px; font: 12px Arial;letter-spacing:1px;line-height: 1.7em; color: #222222; }
#content6 p {  text-align: justify; padding: 0px 0px 0px 0px; font: 12px Arial;letter-spacing:1px;line-height: 1.7em; color: #222222; }
#content7 p {  text-align: justify; padding: 0px 0px 0px 0px; font: 12px Arial;letter-spacing:1px;line-height: 1.7em; color: #222222; }
#content8 p {  text-align: justify; padding: 0px 0px 0px 0px; font: 12px Arial;letter-spacing:1px;line-height: 1.7em; color: #222222; }
#content9 p {  text-align: justify; padding: 0px 0px 0px 0px; font: 12px Arial;letter-spacing:1px;line-height: 1.7em; color: #222222; }
#content10 p {  text-align: justify; padding: 0px 0px 0px 0px; font: 12px Arial;letter-spacing:1px;line-height: 1.7em; color: #222222; }
#content11 p {  text-align: justify; padding: 0px 0px 0px 0px; font: 12px Arial;letter-spacing:1px;line-height: 1.7em; color: #222222; }
#content12 p {  text-align: justify; padding: 0px 0px 0px 0px; font: 12px Arial;letter-spacing:1px;line-height: 1.7em; color: #222222; }
#content .title { padding: 10px 0px 0px 0px; text-align: left; font: 14px Georgia, Times, serif; letter-spacing: 1px; color:#cc3300; }
#content .a_link { padding: 10px 0px 0px 0px; text-align: left; font: 14px Georgia, Times, serif; letter-spacing: 1px; color:#cc3300; }
#selectedNewsTitle { font-weight:bold;text-align:left;font-size:14px;font:Arial;color:#661100;padding-bottom:12px;} 
.box_title  { font-weight:bold;text-align:left;font-size:14px;font:Times, serif;letter-spacing:1px;color:#661100;padding-left:0px; }
.events_title{ padding-top:3px;};
.tradLeadTitle { color:#440000;font:14px Times;font-weight:bold;text-align:left;padding:10px 0px 0px 0px; }
#tradLead { padding-left:20px; }
.tradLead { padding-left:20px; }
.linkTitle {text-align:left;padding:5px 5px 0px 0px;font:12px Arial;letter-spacing:1px;line-height: 1.4em;color:#222222;text-decoration:none;}
#article-title { margin-top: -1.0em;margin-left:7px;width:98%;font-weight:bold;text-align:left;color:#003355;}
.titleHome { padding-left:0px; color:#666666; }
#dateDisp {margin-top:1.0em;padding: 0px 5px 0px 0px; font-family: Arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color:#666666;}
#wtitle { padding:10px 5px 0px 5px;font-weight:bold;text-align:left;font-size:12px;font:Times,serif;color:#661100;text-decoration:underline;}
.wtitle { padding:10px 5px 0px 5px;font-weight:bold;text-align:left;font-size:12px;font:Times,serif;color:#661100;text-decoration:underline;}
#polltitle { padding:7px 5px 10px 5px;font-weight:normal;text-align:left;font-size:12px;font:Times,serif;color:#222222;}
#pollbutton {margin-top:-2.0em;padding:5px 0px 0px 10px;color:#ffffff;width: 98%;font-weight:bold;text-align:center;font-size:12px;font:Times,serif;color:#222222; }
#pollno { padding:5px 0px 2px 20px;font-weight:normal;text-align:left;font-size:12px;font:Times,serif;color:#222222;padding-top:0px; text-align:left; }
.pollno { padding:5px 0px 2px 20px;font-weight:normal;text-align:left;font-size:12px;font:Times,serif;color:#222222;padding-top:0px; text-align:left; }
#pollyes { padding:10px 0px 2px 20px;font-weight:normal;text-align:left;font-size:12px;font:Times,serif;color:#222222;padding-top:0px; text-align:left; }
#main { position:relative;margin:0px auto;_width:100%;max-width:1600px;height:100%; }
.column { float:left;display:inline;width:30%;_width:30%;margin:0px 1% 0px 0px;height:100%; }
.zeroCol { float:left;display:inline;width:68%;_width:68%;margin:0px 1% 0px 0px;height:100%; }
.firstCol { float:left;display:inline;width:77%;_width:29%;margin:0px 1% 0px 0px;height:100%; }
.searchCol { float:left;display:inline;width:99%;_width:99%;margin:0px 1% 0px 0px;height:100%; }
.column.middle { float:left;display:inline;width:46%;_width:45%;margin:0px 1% 0px 0px;height:100%; }
.column.last { margin-right:0px;width:21.4%;_width:20% margin-right:0px;height:100%; }
.column.newsmiddle { float:left;display:inline;width:55%;_width:45%;margin:0px 1% 0px 0px;height:100%; }
.column.newslast { margin-right:0px;width:12%;_width:12% margin-right:0px;height:100%;}
.lastcolumn {float:left;display:inline;width:100%;_width:100%;margin:0px 1% 0px 0px;height:100%; }
.column.second { margin-right:0px;width:68.5%;_width:68%;margin-right:0px;height:100%; }
.dialogBox .content { padding:0.5em 0.5em 0px 0px;}
.dialogBox .wrapper { min-height:150px;}
.dialogBox h1 { /* header */ font-size:2em;margin:0px;padding:0px;padding-top:0.25em;}
html>body .dialogBox pre {font-size:1.1em;*font-size:0.9em;}
code {font-size:1.1em;color:#ccffff;}
.dialogBox { position:relative;margin:0px auto;min-width:8em;max-width:760px;color:#222222;z-index:1; margin-left:12px; margin-bottom:0.5em;}
.dialogBox .content,
.dialogBox .t,
.dialogBox .b,
.dialogBox .b div {background:transparent url(../images/body_images/bluebg.png) no-repeat top right; _background-image:url(../images/body_images/bluebg.gif);}
.dialogBox .content {position:relative;zoom:1;_overflow-y:hidden;padding:0px 12px 0px 0px;}
.dialogBox .t { position:absolute;left:0px;top:0px;width:12px;margin-left:-12px;height:100%;_height:1600px;background-position:top left;}
.dialogBox .b { position:relative; width:100%;}
.dialogBox .b,
.dialogBox .b div { height:30px;font-size:1px;}
.dialogBox .b { background-position:bottom right;}
.dialogBox .b div { position:relative;width:12px;margin-left:-12px;background-position:bottom left;}
.dialogBox .hd,
.dialogBox .bd,
.dialogBox .ft { position:relative;}
.dialogBox .wrapper { position:static;max-height:10000px;overflow:auto;}
.dialogBox h1,
.dialogBox p { margin:0px;padding:0.5em 0px 0.5em 0px;}
.dialogBox h1 { padding-bottom:0px;}
.dialogBox.short .wrapper { max-height:520px;}
.dialogBox.type4 .content,
.dialogBox.type4 .t,
.dialogBox.type4 .b,
.dialogBox.type4 .b div { background:#ffffff; }
.dialogBox.type6 .content,
.dialogBox.type6 .t,
.dialogBox.type6 .b,
.dialogBox.type6 .b div {background-image:url(../images/body_images/bluebg6.png); _background-image:url(../images/body_images/bluebg6.gif);height:125px;}
.dialogBox.drip .b,
.dialogBox.drip .b div { height:20px;}
.dialogBox.drip { margin-left:65px;}
.dialogBox.drip .t,
.dialogBox.drip .b div,
.dialogBox.drip .hd,
.dialogBox.drip .bd,
.dialogBox.drip .ft,
.dialogBox.drip .wrapper { margin-left:-65px;width:65px;}
.dialogBox.drip .wrapper { width:auto;}
.dialogBox .wrapper .hd,
.dialogBox .wrapper .bd,
.dialogBox .wrapper .ft { margin-left:0px;}
.dialogBox.drip .hd,
.dialogBox.drip .bd,
.dialogBox.drip .ft { zoom:1;width:auto;padding:0px 10px 0px 20px;}
.column-headding { text-align: left; padding-left: 15px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd  }
.note {border: 1px solid #ccc;background-color: #fff;padding: 5px;margin: 1em 0 0 0;}
.note-header { border: 3px double #ccc;border-width: 1px 2px 2px 1px;margin-top: -1.2em;background-color: #fff;width: 45%;font-weight: bold;text-align: center;color: #003355;}
.hd { width:150px;}
#sideBar{ position:fixed;width:22;height: auto;top:250px;right:0;}	
#sideBarTab img{ border:0px solid #FFFFFF;}
#heading { padding:7px 0px 0px 10px;letter-spacing:1px;font-weight:bold;text-align:left;font-size:14px;font:Times,serif;color:#ffffff;text-decoration:none;}

.shadetabs{ padding: 3px 0;margin-left: 0;margin-top: 1px;margin-bottom: 0;font: bold 12px Verdana;list-style-type: none;text-align: left;}
.shadetabs li{display: inline;margin: 0;}
.shadetabs li a{text-decoration: none;position: relative;z-index: 1;padding: 3px 7px;margin-right: 3px;border: 0px solid #778;background-image: url('/images/layout/search.JPG');background-repeat: repeat-x;color: #2d2b2b;}
.shadetabs li a:visited{color: #2d2b2b;}
.shadetabs li a:hover{text-decoration: underline;color: #2d2b2b;}
.shadetabs li a.selected{ position: relative;top: 1px;}
.shadetabs li a.selected{ background-image: url(shadeactive.gif);border-bottom-color: white;}
.shadetabs li a.selected:hover{ text-decoration: none;}
.tabcontent{display:none;}
@media print {.tabcontent {display:block !important;}}
.modernbricksmenu2{padding: 0;width: 100%;border-top: 5px solid #D25A0B;background: transparent;voice-family: "\"}\"";voice-family: inherit;}
.modernbricksmenu2 ul{margin:0;margin-left: 10px;padding: 0;list-style: none;}
.modernbricksmenu2 li{display: inline;margin: 0 2px 0 0;padding: 0;text-transform:uppercase;}
.modernbricksmenu2 a{float: left;display: block;font: bold 11px Arial;color: white;text-decoration: none;margin: 0 1px 0 0;padding: 5px 10px;background-color: black;border-top: 0px solid white;}
.modernbricksmenu2 a:hover{background-color: #D25A0B;color: white;}
.modernbricksmenu2 a.selected{background-color: #D25A0B;color: white;border-color: #D25A0B;}
.tabcontent{display:none;}
@media print {.tabcontent {display:block !important;}}
.indentmenu{font: bold 13px Arial;width: 100%;}
.indentmenu ul{margin: 0;padding: 0;float: left;border-top: 0px solid navy;background: black url(indentbg.gif) center center repeat-x;}
.indentmenu ul li{display: inline;}
.indentmenu ul li a{float: left;color: white;padding: 5px 11px;text-decoration: none;border-right: 0px solid navy;}
.indentmenu ul li a:visited{color: white;}
.indentmenu ul li a.selected{color: white !important;padding-top: 6px;padding-bottom: 4px;background: black url(indentbg2.gif) center center repeat-x;}
.tabcontentstyle {border: 0px solid gray;width: 100%;margin-bottom: 1em;padding: 0px;}
.tabcontent{display:none;}
@media print {.tabcontent {display:block !important;}}

.pricesBody { width:100%; float:left; text-align:center; border-top:1px solid #666666; border-right:1px solid #666666; border-bottom:0px solid #666666; border-left:1px solid #666666; }
.pricesHeadingHead { width:16%; height:29px; float:left; text-align:center; border-right:1px solid #666666; font: 10px Arial; color: #222222; } 
.pricesLeftHead { width:15%; height:29px; float:left; text-align:center; border-right:1px solid #666666; font: 10px Arial; color: #222222; } 
.pricesDiffHead { width:6%; height:29px; float:left; text-align:center; font: 10px Arial; color: #222222; } 
.pricesHeading { width:16%; height:19px; float:left; text-align:center; border-right:1px solid #666666; font: 10px Arial; color: #222222; } 
.pricesLastHead { width:15%; height:29px; float:left; text-align:center; font: 10px Arial; color: #222222; }
.pricesLeft { width:15%; height:19px; float:left; text-align:center; border-right:1px solid #666666; font: 10px Arial; color: #222222; } 
.pricesDiff { width:6%; height:19px; float:left; text-align:center; font: 10px Arial; color: #222222; } 
.pricesLast { width:15%; height:19px; float:left; text-align:center; font: 10px Arial; color: #222222; }

.currencySource { text-align:right; }
.currencyBox { width: 100%; height:25px; color:#800000; padding-top: 5px; font: 16px Times New Roman, serif; font-weight: bold; text-align:center;}
.currencyTitle { width: 100%; height:15px; font:normal 10px Arial; color: #222222; padding-top: 0px; text-decoration: none;text-align:center;border-bottom:1px solid #666666; border-right:0px solid #666666; } 
.currencyLeft { width: 40.1%; height:19px; float:left; text-align:center; border-top:0px solid #666666; border-right:0px solid #666666; border-bottom:1px solid #666666; border-left:1px solid #666666; padding-top: 2px; font:normal 10px Arial; color: #222222; } 
.currencyRight { width:54%; height:19px; float:right; text-align:right; border-top:0px solid #666666; border-right:1px solid #666666; border-bottom:1px solid #666666; border-left:1px solid #666666; padding-top: 2px; text-transform: uppercase; letter-spacing: 2px; font:normal 10px Arial; color: #222222; padding-right: 2px; }
.leftBox { float:left;border-top:0px solid #990000;border-left:2px solid #990000;border-right:1px solid #990000;border-bottom:2px solid #990000;padding-bottom:2px;background-color:#ffffff;}
.leftBox1 { float:left;border-top:0px solid #990000;border-left:2px solid #990000;border-right:1px solid #990000;border-bottom:0px solid #990000;padding-bottom:2px;background-color:#ffffff;}
.rightBox { float:right;border-top:0px solid #990000;border-left:2px solid #990000;border-right:1px solid #990000;border-bottom:2px solid #990000;padding-bottom:2px;background-color:#ffffff; }
.MondayRight { width:54%; height:19px; float:right;text-align:left; border-top:0px solid #666666; border-right:1px solid #666666; border-bottom:1px solid #666666; border-left:1px solid #666666; padding-top: 2px;letter-spacing: 2px; font:normal 10px Arial; color: #222222; padding-right: 2px; }
#MondayRight { width:54%; height:19px; float:right;text-align:left; border-top:0px solid #666666; border-right:1px solid #666666; border-bottom:1px solid #666666; border-left:1px solid #666666; padding-top: 2px;letter-spacing: 2px; font:normal 10px Arial; color: #222222; padding-right: 2px; }

/*sponser*/
.clear { clear: both;height: 0;line-height: 0;}
.clearfix:after { content: ".";display: block; height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



#sponsors {display:block;clear:both;border:0px solid #eee;padding-top:3px;font-weight:bold;color:#666;text-align:right;height: 15px; }
#sponsors span { display:block;float:left;padding:3px 10px 0px 0px;height:15px;line-height:15px;font:bold 14px Arial;color:#ffffff;width:90px; }
#sponsors a { display: block;float: left;height: 15px;padding: 0 10px;}
a.china {width:184px;height: 15px;font:bold 14px Arial;color:#666;letter-spacing:1px;}
a:hover.china {background-position: 0 -15px;font:bold 14px Arial;color:#15ADFF;text-decoration:none;} /* reveal colorized version */



.sliderwrapper{
    position: relative; /* Do not change this value */
    width: 415px;
    height: 342px; /* Set height to be able to contain height of largest content shown*/
    border: 0px solid #687C98;
    overflow: hidden;
    background-color:f0f2fd;
}
.sliderwrapper .contentdiv{
    position: absolute;
    background-color:f0f2fd;
    padding:10px 5px 0xp 5px;
    visibility: hidden;
    width: 415px;
    height: 100%;
    filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.pagination{
    width: 360px;
    margin-top: 6px;
    text-align: center;
}
.pagination a{
    display: -moz-inline-box;
    display: inline-block;
    border: 1px solid black;
    color: #2e6ab1;
    padding: 1px 3px;
    margin-right: 3px;
    font-weight: bold;
    text-decoration: none;
    font-size:10xp;
}
.pagination a:hover, .pagination a.selected{
    background: #990000;
    color: #ffffff;
    font-size:10xp;
}
.banker {text-decoration: none; text-align: left; color: #00ccff; padding: 5px 5px 0px 5px; font: 12px Arial;}
.sign .img {z-index:10;display:block;background:url(../images/body/sg.png);background-repeat:no-repeat;}
.sign .bbtom .img {background-position:0px -404px;background-repeat:repeat-x;height:60px;float:left;width:100%;text-align:center;}
.copyright {width:100%;font-size:12px;float:left;text-align:center;padding-top:15px;color:#fff;letter-spacing:1px;}
.bbox {background-color:#282828;height:auto;float:left;width:100%;text-align:center;margin-bottom:-1.5em;}
.bbox2 {width:960px;text-align:left;padding-top:15px;}
.bh2 {font-size:16px;text-align:left;margin-top:-0.3em;font-weight:bold;color:#CCCCCC;}
.bh22 {font-size:14px;text-align:left;margin-top:-0.3em;font-weight:bold;color:#CCCCCC;}
.bline {float:left;width:960px;border-bottom-style:dotted;color:#333;margin-top:-0.3em;}
.bitem {width:222px;float:left;}
.bitem1 {width:117px;float:left;}
.bitem2 {width:97px;float:left;}
.bitem3 {width:137px;float:left;}
.bitem4 {width:147px;float:left;}
.bitem5 {width:102px;float:left;}
.bitem6 {width:122px;float:right;}
.bbanner {border:none;height:60px;width:150px;}
.sign .img {z-index:10;display:block;background:url(../images/body/sg.png);background-repeat:no-repeat;}
/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}
.tab { background-color:#000;height: 42px;position: relative;top: 0;z-index: 999;}
.tab ul.login { display: block;position: relative;float: right;clear: right;height: 42px;width: auto;font-weight: bold;line-height: 42px;margin: 0;right: 60px;color: white;font-size: 80%;text-align: center;}
.tab ul.login li.left { background-color:#000;height: 42px;width: 30px;padding: 0;margin: 0;display: block;float: left;}
.tab ul.login li.right { background-color:#000;height: 42px;width: 30px;padding: 0;margin: 0;display: block;float: left;}
.tab ul.login li { text-align: left;padding: 0 6px;display: block;float: left;height: 42px;background-color:#000;}
.tab ul.login li a {color: #15ADFF;}
.tab ul.login li a:hover { color: white;}
.tab .sep {color:#414141}
.tab a.open, .tab a.close { height: 20px;line-height: 20px !important;padding-left: 30px !important; cursor: pointer;display: block;width:60px;position: relative;top: 11px;}
/* sliding panel */
#toppanel { position:fixed;top: 0;width: 100%;z-index: 999;text-align: center;margin-left: auto;margin-right: auto;}
#panel { width: 100%;height: 220px;color: #999999;background: #272727;overflow: hidden;position: relative;z-index: 3;display: none;}
#panel h1 {font-size: 14px;padding: 5px 0 10px;margin: 0;color: white;}
#panel h2{font-size: 1.2em;padding: 10px 0 5px;margin: 0;color: white;}
#panel p {margin: 5px 0;padding: 0;}
#panel a { text-decoration: none;color: #15ADFF;}
#panel a:hover {color: white;}
#panel a-lost-pwd { display: block;float: left;}
#panel .content { width: 960px;margin: 0 auto;padding-top: 15px;text-align: left;font-size: 0.85em;}
#panel .content .left {width: 280px;float: left;padding: 0 15px;border-left: 1px solid #333;}
#panel .content .right {border-right: 1px solid #333;}
#panel .content form { margin: 0 0 10px 0;}
#panel .content label {float: left;padding-top: 8px;clear: both;width: 280px;display: block;}
#panel .content input.field {border: 1px #1A1A1A solid;background: #ffffff;margin-right: 5px;margin-top: 4px;width: 200px;color: #333333;height: 16px;}
#panel .content input:focus.field { background: #ffffff;}
#panel .content input.bt_login,
#panel .content input.bt_register { display: block;float: left;clear: left;height: 24px;text-align: center;cursor: pointer;border: none;font-weight: bold;margin: 10px 0;}
#panel .lost-pwd {display: block;float:left;clear: right;padding: 15px 5px 0;font-size: 0.95em;text-decoration: underline;}
.sign #panel .content input .img {width:94px;background-position:-2px -5px;background-color:transparent;} 

.tab a.open {background: url(../images/body/sg.png);background-repeat:no-repeat;background-position:-63px -142px;background-color:transparent;}
.tab a.close {background: url(../images/body/sg.png);background-repeat:no-repeat;background-position:-63px -211px;background-color:transparent;}
.tab a:hover.open {background: url(../images/body/sg.png);background-repeat:no-repeat;background-position:-63px -161px;background-color:transparent;}
.tab a:hover.close {background: url(../images/body/sg.png);background-repeat:no-repeat;background-position:-63px -230px;background-color:transparent;}