@charset "utf-8";
/* CSS Document */

html{
	font-size:80%;
}

*{
	padding:0;
	margin:0;
	list-style-type:none;
}

body{
	background:#fafafa url(../images3/back.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#333
}

#container{
	width:940px;
	margin:auto;
}

#header{
	height:68px;
}

.logo{
	margin:10px 0 0 0;
	float:left;
	width:278px;
}

.toll{
	float:right;
	font-size:0.9em;
	margin:20px 0 0 0;
}

.toll p{
	background:#eeeeee url(/images3/phone.png) no-repeat 5px 2px  ;
	padding:3px 3px 3px 25px;
	margin:0 0 3px 0;
	text-align:left;
}
.start{
	clear:both;display:block;float:right; margin:2px 0 0 0 ;
	background:url(/images3/start.png) 0 0 no-repeat;
	height:57px;
	width:160px;
	display:block;
}

.start:hover{
	background:url(/images3/start.png) 0 -57px no-repeat;
}

#menu{
	height:35px;
	margin:0 0 25px 0;
}

#menu ul li{
	float:left;
	margin:0 30px 0 0;
	padding:9px 10px 0 10px;
	height:35px
}

#menu ul li a{
	color:#fff;
	text-decoration:none;
}


#menu ul li.active a, #menu ul li:hover a{
	color:#245f04;
	text-decoration:none;
}

#menu ul li.active, #menu ul li:hover{
	background:url(../images3/bgli.png) repeat-x;
}

#left{
	width:280px;
	float:left;
}

#right{
	width:640px;
	float:right;
}

.div640{
	margin:0 0 30px 0
}

.div640 .top{
	height:22px;
	background:url(../images3/640top.png) no-repeat;
	width:640px;
}

.div640 .middle{
	background:url(../images3/640middle.png) repeat-y;
	width:640px;
}

.div640 .middle .content{
	width:610px;
	margin-left:15px;
	padding:0 0 1px 0;
}

.div640 .bottom{
	height:22px;
	background:url(../images3/640bottom.png) no-repeat;
	width:640px;
}

.div940{
	margin:0 0 30px 0
}

.div940 .top{
	height:16px;
	background:url(../images3/940top.png) no-repeat;
	width:940px;
}

.div940 .middle{
	background:url(../images3/940middle.png) repeat-y;
	width:940px;
}

.div940 .middle .content{
	width:910px;
	margin-left:15px;
	padding:0 0 1px 0;
}

.div940 .bottom{
	height:16px;
	background:url(../images3/940bottom.png) no-repeat;
	width:940px;
}

.div280{
	margin:0 0 15px 0
}

.div280 .top{
	height:22px;
	background:url(../images3/280top.png) no-repeat;
	width:280px;
}

.div280 .middle{
	background:url(../images3/280middle.png);
	width:280px;
}

.div280 .bottom{
	height:22px;
	background:url(../images3/280bottom.png) no-repeat;
	width:280px;
}

.clearboth{
	clear:both;
}

h1{
	font-size:1.8em;
	margin:0 0 10px 0;
	font-weight:normal;
}

h2{
	margin:20px 0 20px 0;
	font-weight:normal;
	font-size:1.6em;
	color:#369005
}

h3{
	font-size:1.4em;
	padding:0 0 0 0;
	font-weight:bold;
	margin:20px 0 10px 0;
	font-weight:normal;
}

.noborder{
	border:none;
	padding:0
}

.borderbottom{
	padding:0 0 5px 0;
	border-bottom:1px solid #d1d0d0;
}

.div280 .middle .content{
	width:260px;
	margin:0 0 0 10px;
}

.download{
	margin: 0 0 15px 0;
}

a img{
	border:none;
}
.justify{
	text-align:justify
}
.author{
	background:#e0e0e0;
	padding:5px;
	margin:10px 0 10px 0;
}
.nobottommargin{
	margin-bottom:0;
}

.nomargintop{
	margin-top:0
}

.intro{
	margin: 0 0 15px 0;
	padding:3px;
	background:#f3f3f3;
}

#footer{
	clear:both;
	font-size:0.85em;
	color:#7e7d7d;
	border-top: 5px solid #369005;
	padding:10px 0 0 0 
}

#footer p{
	margin:0 0 10px 0; 
	text-align:justify
}

/**/

#left a, #right a, .div580 a{
	text-decoration:none;
	color:#065094
}

#left a:hover, #right a:hover, .div580 a:hover{
	text-decoration:underline;
	color:#065094
}

#left h4{
	font-size:1.4em;
	margin:0 0 10px 0;
	font-weight:normal;
}
#left #leftmenu li{
	border-top:1px dotted #b2b2b2;
	padding:10px 0 10px 0;
	background:url(../images3/innerli.png) 0 10px no-repeat;
	padding-left:25px;
}

#right li, .bullet li, .div580 li{
	background:url(../images3/innerli.png) 0 0 no-repeat;
	padding-left:25px;
	margin:0 0 10px 0
}

#right p, .div580 p{
	margin:0 0 10px 0
}

.download{
			display:block;
			height:58px;
			width:279px;
			background:url(../images3/download.png) 0 0;
		}
		.download:hover{
			display:block;
			height:58px;
			width:279px;
			background:url(../images3/download.png) 0 58px;
		}
/*-- AJAX --*/

#loginPanel, #passPanel,#registerPanel, #sendPanel{
		display:none;
		padding: 0 0 30px 0;
}
#loginForm label, #passForm label{
	float:left;
	display:block;
	width:40px;
	margin:0 0 0 60px;
	text-align:left;
}

#registerForm label{
	float:left;
	display:block;
	width:80px;
	margin:0 0 0 20px;
	text-align:left;
}

#loginPanel h2, #passPanel h2, #registerPanel h2, #sendPanel h2{
	border-bottom:1px solid #333;
	margin: 20px;
	font-size:14px;
}

#registerPanel h3, #sendPanel h3{
	margin: 20px;
	text-align:left;
}

#loginPanel a, #passPanel a, #registerPanel a, #sendPanel a{
	color:#035c8f;
	font-size:11px;
}

.output{
	margin:10px 0 10px 0
}

/*-- END AJAX --*/

/*-- ERROR MESSAGES --*/

.error{
	font-weight:bold;
	color:#CC0000;
}

.error{
	background:#ffcccc;
	border-top: 2px solid red;
	border-bottom: 2px solid red;
	padding: 5px 0 5px 0;
	color:red;
	font-weight:bold;
	text-align:center;
	clear:both;
	margin:5px 0 0 0;
}

.no_error, .noError, #no_error{
	padding: 10px;
	color:#669806;
	font-weight:bold;
	text-align:left;
	clear:both;
	margin:5px 0 5px 0;
	background:#f3f9e6 url(/images/check.png) 5px 5px no-repeat;
	font-size:14px;
	text-indent:25px;
	border-top:1px solid #aee756;
	border-bottom:1px solid #aee756;
}

#error{
	background:#ffcccc;
	border-top: 2px solid red;
	border-bottom: 2px solid red;
	padding: 5px 0 5px 0;
	color:red;
	font-weight:bold;
	text-align:center;
	clear:both;
	margin:5px 0 0 0;
}
.hr{
	height:5px;
	clear:both;
	margin:15px 0 15px 0;
	background:#d1d0d0;ont
}

#right h4{
	margin:15px 0 10px 0;
}

#screenshots{
	width:330px; float:left;
}

#screenshots img{
	float:left; margin:0 10px 10px 0; padding:3px; border:1px solid #CCCCCC
}
.nomarginright{
	margin-right:0
}
.nomarginbottom{
	margin-bottom:0
}
.nomargin{
	margin:0
}
#features{
	width:230px; float:right;
}

table tr td.feature_content{
		width:620px;
	}
	table tr td{
		padding:0;
	}
	table tr td div{
		display:none;
		font-size:12px;
		margin: 0 0 10px 28px;
	}
	table tr td.feature_content h3{
		font-size:14px;
		text-indent:27px;
		cursor:pointer;
		background:#e7f0f7 url(/images/down.jpg) 3px 3px no-repeat;
		line-height:2em;
	}
	#tour h2{
		border:none;
	}
	
	.status{
		text-align:center;
		
	}
	
	.status img{
		
		margin:5px 5px 0 5px;
	}
	.feature_left p{
		text-align:center;
		margin:20px 0 0 0;
	}

/*tour*/
	#tour table tr td{
		vertical-align:top;
		padding:5px;
	}
	
	#tour table tr td h3{
		margin:0 0 10px 0;
	}
	.info{
		margin-bottom:0; padding:5px; background:#ececec
	}
	
	#left h5{
	padding:0 0 5px 0;
	border-bottom:1px solid #d1d0d0;
	font-size:1.4em;
	margin:0 0 10px 0
}

#right a.classic{
	cursor:text;
	color:#333;
	text-decoration:none;
}
#footer p.linksfooter{
	color:#333;
	text-align:right;
}

#footer p.linksfooter a{
	color:#333;
}
#footer p  a{
	color:#7e7d7d;
}

#footer{
	text-align:center;
}

p.getmoretitle{
	font-size:1.2em;
}

.starthere{
	background:url(/images3/new.png) top right no-repeat; padding-right:20px
}
.language{
	font-size:0.85em;
	text-align:right;
	color:#065094
}
.language a{
	color:#065094
}
#bottom {
	z-index: 99;
	position: fixed;
	bottom: 1%;
	right:1%;
	display:none;
}
.contentleft{
	float:left;
	width:445px;
	
}

.contentright{
	float:right;
	width:385px;
}

.request{
	width:133px;
	height:31px;
	background:url(/images3/request.png) no-repeat;
	border:none;
	cursor:pointer
}

.request:hover{
	background:url(/images3/requesthover.png) no-repeat;
}

.demorequest{
	width:133px;
	height:33px;
	background:url(/images3/demo.png) 0 0 no-repeat;
	border:none;
	cursor:pointer;
	display:block;
	float:left;
}

.demorequest:hover{
	background:url(/images3/demo.png) 0 -33px no-repeat;
}

.trialrequest{
	width:133px;
	height:33px;
	background:url(/images3/trialrequest.png) 0 0 no-repeat;
	border:none;
	cursor:pointer;
	display:block;
	float:right;
}

.trialrequest:hover{
	background:url(/images3/trialrequest.png) 0 -33px no-repeat;
}