﻿html, body 
{
	border:0;padding:0;margin:0;width:100%;height:100%;
	/*background:#E8EBEF;*/
	background:#ccc;line-height:20px;color:#474747;
	font-family:Arial,Helvetica,sans-serif;font-size:12px;
}
h3
{
	font-size:15px;margin:0;
}
p{line-height:22px;}
a{color:#5E5E5E;text-decoration:none;font-size:12px;}
a:hover{text-decoration:underline;}
.clear{width:0;height:0;overflow:hidden;clear:both;}
a img{border:0;}

body
{
	padding-top:12px;
}
#container
{
	border:1px solid #C6C6C7;background:white;border-bottom:0px;
	width:900px;margin:auto;
	padding-bottom:20px;
}
#bottom
{	
	height:8px;width:900px;margin:auto;background:url(../images/bottom.gif) no-repeat -1px 0;overflow:hidden;clear:both;
}
#header
{
	height:63px;background:url(../images/header_sh.gif) repeat-x 0 100%;position:relative;z-index:100;
}
#logo
{
	position:absolute;left:35px;display:block;height:36px;overflow:hidden;
	top:15px;
}
#logo img
{
	border:0;
}
/**/
.popupmenu
{
	display:none;position:absolute;top:60px;width:110px;overflow:hidden;z-index:100000000;
	background-color:white;border:1px solid #C6C6C7;padding:10px;padding-left:15px;
	border-top:0px;
	left:368px;
	*left:370px;
}
.popupmenu div
{
	background:url(../images/leftnav_arrow.gif) no-repeat 0 40%;padding-left:18px;
}
.popupmenu a
{
	line-height:20px;display:block;background:white;
}
.popupmenu a:hover
{
	color:#1E67AC;font-weight:bold;
}
#topnav
{
	width:540px;position:absolute;bottom:7px;left:328px;
}
#topnav a{
	line-height:16px;padding-left:6px;padding-right:5px;font-weight:bold;
}
#topnav .popup
{
	padding-right:12px;margin-right:5px;
	background:url(../images/arrow.gif) no-repeat right 40%;
}
#topnav a:hover.popup{
	background-color:#E8EBEF;
}
#language
{
	position:absolute;right:12px;top:7px;line-height:20px;
}
#language .en img
{
	width:23px;height:14px;
}
#language img
{
	border:0;margin-right:5px;
}
#footer
{
	border-top:solid 3px #3B62A7;clear:both;
	padding:12px;padding-top:20px;
}
#body
{
	padding:25px;padding-top:25px;padding-bottom:35px;padding-right:15px;
}
#index #body
{
	padding:12px;padding-top:15px;padding-bottom:20px;
}
#copyright
{
	float:left;line-height:16px;
}
#siteinfo
{
	float:right;line-height:16px;
}
#siteinfo a{
	color:#1E67AC;font-family:Tahoma;
}
#shows
{
	height:250px;background:#DFE9F5;
}
#sections
{
	margin-top:15px;
}
.column, .leftcolumn, .rightcolumn
{
	border:solid 1px #CCCCCC;width:280px;float:left;display:inline;
	height:260px;
}
.leftcolumn
{
	margin-right:10px;width:230px;
}
.rightcolumn
{
	margin-left:10px;width:340px;border:0;
}
.columninner
{
	padding:15px;padding-top:5px;padding-bottom:25px;
}
#left
{
	float:left;width:228px;overflow:hidden;
}
#main
{
	float:right;width:610px;font-size:12px;overflow:hidden;
}
#menu, .linklists
{
	padding-right:30px;
}
#menu h2,.linklists h2
{
	font-family:Tahoma;font-weight:bold;color:#1E67AC;font-size:15px;margin-bottom:15px;
	background:url(../images/arrow2.gif) 8px 40% no-repeat; padding-left:25px;
}
.menuitems div
{
	background:url(../images/h_dot.gif) 0 bottom repeat-x;
}
.menuitems a
{
	background:url(../images/leftnav_arrow.gif) 8px 50% no-repeat;padding-left:28px;width:170px;
	font-family:Arial,Helvetica,sans-serif;color:Black;line-height:23px;display:block;
	color:#333333;
}
.menuitems .selected a
{
	font-weight:bold;
}
.linklists
{
	padding-right:8px;
}
.linklists h2
{
	font-size:14px;font-weight:bold;color:#1E67AC;
}
.linklists .menuitems
{
	padding-left:6px;
}


#products a
{
	background:url(../images/rightarrow.gif) 8px 50% no-repeat;width:auto;
}
.title
{
	font-family:Georgia, Tahoma;font-weight:bold;color:#1E67AC;font-size:22px;margin-bottom:25px;position:relative;
}
#viewcode
{
	position:absolute;right:10px;top:4px;font-family:Tahoma, Verdana;font-weight:normal;text-decoration:underline;
	background:url(../images/arrow2.gif) 8px 40% no-repeat; padding-left:25px;font-size:12px;
}
.quicklink
{
	color:#1E67AC;font-size:13px;text-decoration:underline;
	background:url(../images/arrow2.gif) 8px 40% no-repeat; padding-left:25px;
}
.back
{
	color:#1E67AC;font-size:13px;text-decoration:underline;display:block;font-weight:bold;
	background:url(../images/back.gif) 8px 40% no-repeat; padding-left:25px;margin-top:15px;
}
.doclist a
{
	color:#1E67AC;text-decoration:underline;line-height:20px;font-family: Tahoma;
}
.lists a
{
	text-decoration:underline;line-height:22px;font-family: Tahoma;color:Black;
}
.lists h3
{
	margin:0px;color:#333;
}
.lists ul
{
	margin-top:5px;
}
/*features*/
.features
{
	margin-top:10px;
}
.features img
{
	border:solid 1px #CCCCCC;width:108px;height:90px;vertical-align:top;
}
.features h3{
	font-size:14px;	padding-bottom:5px;margin-top:0;
}    
.features td
{
	padding-bottom:25px;
}
.features td div
{
	padding-left:15px;vertical-align:top;
}
.features p
{
	margin:0;
}

#container .example
{
	padding-left:80px;padding-right:50px;line-height:22px;
}
#container .example .title
{
	background:url(../images/h_dot.gif) 0 bottom repeat-x;padding-bottom:5px;
}
.example h2
{
	font-size:15px;padding-top:15px;margin-bottom:8px;
	background:url(../images/h_dot.gif) 0 bottom repeat-x;padding-bottom:5px;
}
#container .example a
{
	color:Black;
}
.links
{
	list-style-type:disc;margin-left:40px;
}
.links a
{
	color:Blue;text-decoration:underline;
}
.note
{
	padding-bottom:15px;
}
.note p
{
	margin:0;line-height:19px;
	margin-bottom:8px;
}
.note ul
{
	margin:0;
}
.link
{
	color:#1E67AC;font-size:11px;text-decoration:underline;display:block;line-height:20px;
	background:url(../images/download_arrow.gif) 3px 40% no-repeat; padding-left:20px;
}
.itemlist
{
	padding-right:15px;padding-bottom:15px;	
}
.itemlist-title
{
	background:url(../images/h_dot.gif) 0 bottom repeat-x;padding-bottom:3px;
	font-size:13px;margin-bottom:8px;margin-top:8px;
}
h2.itemlist-title 
{
	font-weight:normal;color:Black;
}
.itemlist .link
{
	text-decoration:none;font-size:11px;
}
.itemlist a:hover.link
{
	text-decoration:underline;
}
.itemlist-body
{
	
}

#container .faq
{
	padding-left:80px;padding-right:50px;line-height:22px;
}
#container .faq .title
{
	background:url(../images/h_dot.gif) 0 bottom repeat-x;padding-bottom:5px;
}
.faqs a
{
	display:block;line-height:22px;
	background:url(../images/leftnav_arrow.gif) 8px 50% no-repeat;padding-left:28px;
}
.faqs a:hover
{
	color:Black;
}

.update
{
	margin-bottom:15px;
}
.update-body
{
	margin-top:8px;;margin-left:35px;
}
.update-title span
{
	color:#1E67AC;font-weight:bold;
}

#analyse
{
	display:none;
}
#customers
{
	margin-top:10px;
}
/**/
#main.tutorials
{
	font-family:"Trebuchet MS",Georgia,"Times New Roma";font-size:13px;
}
.tutorials p
{
	margin:0;padding:0;padding-top:5px;padding-bottom:8px;line-height:22px;
}
.tutorials h1, .tutorials h2, .tutorials h3, .tutorials h4
{
	font-family:Verdana, Tahoma;margin:0;margin-top:30px;margin-bottom:5px;
	font-weight:bold;
	color:#222;
	font-family:微软雅黑,"Trebuchet MS",Georgia,"Times New Roma";color:#1E67AC;
}
.tutorials a
{color:#1E67AC;text-decoration:underline;
}
.tutorials h1
{
	font-size:22px;margin-bottom:15px;margin-top:0px;
}
.tutorials h2
{
	font-size:16px;
}
.tutorials a
{
	font-size:13px;
}
.tutorials img
{
	border:0;
}
.tutorials ul, .tutorials ol
{
	margin-top:0px;line-height:19px;
}
.code
{
	border:solid 1px black;padding:5px;
	margin:0;
	border:dashed 1px #909090;
	border-left:3px solid #6CE26C;
	background:#efefef;
}
.code b
{
	color:#A31515;font-weight:normal;
}
/**/
.contact
{
	background:url(../images/contact_us.gif) no-repeat right 0;
	
}
.contact span
{
	display:block;line-height:23px;height:24px;overflow:hidden;
}
.contact a
{
	color:#3366CC;
}
.contact-msn img, .contact-qq img
{
	position:relative;top:3px;
}
.customers
{
	margin-left:20px;
}
.customers li
{
	background:url(../images/h_dot.gif) 0 bottom repeat-x;width:530px;
	list-style-image:url(../images/leftnav_arrow.gif);
	margin-bottom:2px;
}
.customers a
{
	line-height:22px;display:block;
}
.customers a:hover
{
	color:Black;
}
.customers a img
{
	vertical-align:middle;margin-left:2px;margin-bottom:2px;
}
#centernav
{
	height:18px;overflow:hidden;position:relative;padding-top:8px;color:#333;
}
#centernav a
{color:#333;
}
.addthis_button
{
position:absolute;right:16px;
}
.navmenu
{
	position:absolute;left:30px;
}
.qq, .msn
{
	display:block;margin-top:5px;position:absolute;top:19px;right:0;
}
.msn
{
	right:65px;top:25px;
}
.morelink
{
	height:20px;position:relative;overflow:hidden;margin-top:8px;
}
.morelink a
{
	display:block;right:0px;position:absolute;width:96px;height:22px;background:url(../images/morelink.gif) no-repeat;
}
.ganttsolution, .projectsolution
{
	border:solid 1px #ccc;height:124px;padding-left:15px;padding-right:15px;
}
.ganttsolution h2, .projectsolution h2
{
	font-family:Tahoma;font-weight:bold;color:#1E67AC;font-size:15px;margin-bottom:10px;
	/*background:url(../images/arrow2.gif) 8px 40% no-repeat; padding-left:25px;*/
	margin-top:15px;
}
.projectsolution
{
	margin-top:10px;
}
.solution h2
{
	font-family:Tahoma;font-weight:bold;color:#1E67AC;font-size:15px;margin-bottom:15px;
}
.solution ul, .solution ol
{
	margin-top:0px;
}
.solution a
{
	color:#1E67AC;text-decoration:underline;font-weight:bold;
}
.jp
{
	display:none;
}
