html,body{width:100%;height:100%;margin:0;}
h1,h2,h3,h4,h5{margin:0; padding:0; color:#000; font:normal 1.0em Arial, Helvetica, sans-serif;}
.docs, .norm, .small-head, .demos, .faq, p, h5, ul.dots li, #top-menu{font:normal 100% Verdana, Arial, Helvetica, sans-serif;}
h1, body.small-head h1, body.small-head h2, h4, ul.plainSoft, .param-table td.c3, .txtMed, .txtSmall, .emphasis{font:normal 1.0em "Lucida Grande", Verdana, Helvetica, sans-serif;}
#menu ul, #footer a:link, #footer a:visited, #footer a:active, .copyr, .param-table, .txtSmall{font: normal 1.0em Arial, Helvetica, sans-serif;}
.docs, .norm, .small-head, .demos, .faq{margin:0 auto 0 0;padding:0;color:#000;background-color:#FFF;}
#mid-section, #top-menu, #footer{margin:0 auto 0 20px;padding:0;width:900px;}
#footer{margin:0;}
#top-menu{margin:0 auto 0 190px;}
#banner, #container, #fade{width:100%;margin:0;}
img, table{border:none}
pre{padding:0;margin:0;}
p{margin:0;padding:0;text-align:left;color:#333;font-size:0.85em;}
p.thin{width:500px;line-height:1.5em;}
select{background-color:#fff;}
h1{font-size:1.427em;color:#003366;padding:2px 0 15px 0;letter-spacing:0;}
h1.nogap{padding-bottom:0}
body.small-head h1{padding-top:10px;color:#333;padding-bottom:10px; font-size:1.1em; }
h2{border-bottom:1px solid #D3D5BB;margin:22px 0 20px 0;width:95%;font:bold 1.143em Arial, Helvetica, sans-serif;letter-spacing:0.3px;padding:7px 0 2px 0;color:#000;}
h2.big{font:normal 1.4em "Lucida Grande", Verdana, Helvetica, sans-serif;color:#000;}
body.demos h2{font-size:1.07em;}
body.small-head h2{font-size:1.143em;color:#003366;}
body.faq h2{font-size:1.2em;color:#000;border-bottom:none;margin-bottom:7px;font-weight:normal;}
h3{font-weight:bold;letter-spacing:0.3px;padding:7px 0 4px 0;}
h4{letter-spacing:0.3px;color:#fff;margin:20px 0 5px 0;text-align:right;width:12em;}
h5{font-size:0.9em;padding:8px 0 3px 10px;color:#666;}
h1.softHead{color:#696969;font-size:1.2em;padding-bottom:5px;}
h2.g,.g{color:#008000;border-bottom:none; font-size:1.2em; margin-top:0;padding-bottom:5px; margin-bottom:0; font-weight:normal;}
a:link, a:visited, a:active{text-decoration:none;color:#0066FF;}
a:hover{text-decoration:underline;color:#0000FF;}
span.link{color:#0066FF;}
.off, h4{display:none;}
#banner{padding-top:86px;background:#000 url(bg-banner.jpg) top left repeat-x;}
#banner,#fade,body{min-width:920px;}
#logo{position:absolute;top:0; left:20px;height:50px;width:170px;}
#top-menu ul{margin:0;padding:15px 0;list-style:none;}
#top-menu ul li{display:inline;padding:0 20px;}
#top-menu a:link, #top-menu a:visited, #top-menu a:active{color:#eee;font-size:1.0em;padding:6px 7px;}
#top-menu a:hover{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-decoration:none;color:#99CC00;background-color:#1C1C1C;}
#top-menu, #top-menu li {zoom: 100%;}
#container{background-color:#fff;}
#fade{background:#fff;height:15px;}
#mid-section{padding:15px 0 0 0;position:relative;}
#menu{width:12.0em;position:absolute;top:17px;left:0;padding-left:0;text-align:left;}
#menu ul{list-style:none;color:#008000;padding:0;margin:0 20px 15px 7px;font-size:0.85em;}
#menu ul li{padding:2px 0;vertical-align:middle;}
#menu a:link, #menu a:visited, #menu a:active{color:#000080;padding:7px 6px 7px 10px;width:10.5em;display:block;text-decoration:none;background-color:#eee;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#menu a:hover{color:#000066;background-color:#ddd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-decoration:none;}
#menu a.menu-sign{padding:0;border:none;background-color:#fff;margin-left:-4px; display:inline;}
#main-content{width:685px;min-height:350px;margin-left:12.0em;border-left:1px solid #E6EEF0;border-left:none;padding:0 15px 20px 15px;text-align:left;}
#mid-section, #main-content, #bg{background-color:#fff;}
ul.smallFont{font-size:0.85em;}
ul.plainSoft{list-style:none;margin:0;color:#666;padding-left:0;font-size:0.85em;}
#footer{padding:0 0 20px 30;width:100%;background-color:#333;height:400px;text-align:center;}
#footer ul{list-style:none;padding:0;margin:10px 0 0 0;width:900px;text-align:center;}
#footer ul li{padding:4px 12px 2px 12px;display:inline;zoom:1;}
#footer a:link, #footer a:visited, #footer a:active{color:#ccc;font-size:0.79em; padding-top:10px;}
#footer a:hover{color:#FFF;}
.copyr{font-size:0.68em;color:#999;text-align:center;padding:10px 0 0 0;width:900px;margin:0;}
#footer p.copyr a{font-size:1.0em;color:#999;}
.codeBox{border:1px dashed #FF9900;background-color:#eee;width:35.72em;padding:15px;margin:20px 0;position:relative;}
ol{margin:12px 200px 0 80px;padding:0;font-size:0.85em;}
.param-table{font-size:0.8em;margin:12px 0;width:600px;border:1px solid #ddd;}
.param-table td{padding:5px;vertical-align:top;text-align:left;background-color:#FFF;}
.param-table td.c1{background-color:#333333;font-family:Verdana, Arial, Helvetica, sans-serif;padding-left:12px;padding-right:20px;color:#fff;}
.param-table td{border-left:none;}
.param-table td.c3{text-align:right;color:#666;background-color:#ddd;font-size:0.85em;}
.param-table td.c4{background-color:#eee;color:#000;}
.param-table td.c2, .param-table td.c2-top{background-color:#fff;color:#000;}
ul.dots li{font-size:0.85em;margin:0;padding:3px 20px 3px 25px;background:url(/app/assets/bullet.gif) no-repeat 0 0;line-height:1.25;list-style:none;}
.txtBig{font-size:1.2em;font-family:"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;}
.txtBigPlain{font-size:1.2em;}
.txtMedPlain{font-size:1.0em;}
.txtBigger{font-size:1.285em;}
.txtTiny{font-size:0.85em;}
.txtSmall{font-size:0.9em;color:#696969;}
.txtBright{font-family:"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; }
.gap{width:100%;height:20px;}
.gapTop{padding-top:15px;margin-top:0;}
.gapTopBig{padding-top:25px;}
.back{padding-top:10px;padding-bottom:15px;}
.indentBig{padding-top:5px; padding-left:40px;color:#666;}
.smallBot{padding-bottom:10px;margin-bottom:0;}
.noBot{padding-bottom:0;margin-bottom:0;}
.spaced{padding-bottom:7px;}
.emphasis{color:#000;}
.fontSoft{color:#696969;}
.s1{color:#999999}
.line{width:95%; height:5px; border:none;border-top:1px solid #ddd;margin:20px 0 10px 0;}
.in{padding-left:40px;}
a.arrow{padding:3px 25px 5px 0;background: url(/app/assets/btn-arrow.gif) top right no-repeat;}
@media all and (min-width: 0px){pre {font-size: 90%!important;}
}
.rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
a#sign-but:link,a#sign-but:visited,a#sign-but:active{color: #FFF;border:1px solid #339900;font:1.0em bold Arial, Helvetica, sans-serif;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow: inset 0 2px 5px #73B43E,1px 2px 4px #999;-o-box-shadow: inset 0 2px 5px #73B43E, 1px 2px 4px #999;-webkit-box-shadow: inset 0 2px 5px #73B43E, 1px 2px 4px #999;-moz-box-shadow: inset 0 2px 5px #73B43E, 1px 2px 4px #999;padding: 6px 0;margin:0 6px;display:block;cursor:pointer;text-align:center;text-decoration:none;width:9.8em;background:#296820 url(/app/assets/but-bg.png) repeat-x 0 -5px;}
a#sign-but:hover{box-shadow: inset 0 3px 5px #73B43E, 1px 2px 3px #999;-o-box-shadow: inset 0 3px 5px #73B43E, 1px 2px 3px #999;-webkit-box-shadow: inset 0 3px 5px #73B43E,1px 2px 3px #999;-moz-box-shadow: inset 0 3px 5px #73B43E, 1px 2px 3px #999;color:#FFF;background-position:0 0;}
#demoText{margin-bottom:10px;}
#demoMenus{height:25px;}
#dropdowns{margin-top:0;margin-bottom:5px;}
#switch_demo{float:left;position:relative; margin-right:10px;color:#999999}
#switch_lang{color:#999999}
.apiNoteBoxC{margin:20px 0 20px 0;padding:20px;background-color:#eee;border:1px dashed #FF9900;width:90%; overflow:hidden; }