/*This is how to add the comment in css style sheet*/
   
   /*navigation does not use the stylesheet but if you remove the "." in front of navigation it will*/

body  {margin:0px;padding:0px}

td {
	text-align: left;
	vertical-align: top;
	font-family: Verdana, Arial, Tahoma;
	font-size:12px;
	color:333333;
}
a{
	text-decoration: none;
	color:#013D7B;
}
a:visited{
    text-decoration: none;
	color:#3294B4;
}
a:hover {
	color: red;
}


.style1 {
	color: #3e483d;
	font-size: 9px;
}
.style2 {
	font-size: 10px;
	color: #484f53;
}
.style3 {
	text-align: left;
	vertical-align: top;
	font-family: Verdana,Tahoma;
	font-size:11px;
	color:474747;
}
.style4 {
	font-size: 10px;
	color: #FFFFFF;
}
.style5 {color: #5c6fb8}

.style6 {
	color: #4b7dad;
	font-weight: bold;
}
.style7 {color: #3e6980}


.style8 {
	color: #333333;
	text-align: left;
	vertical-align: top;
	font-family: Tahoma, Verdana;
	font-size:11px;

}




.navigation {
	text-align: left;
	text-decoration: none;
	vertical-align: top;
	font-family: Tahoma, Verdana;
	font-size:11px;
	color:474747;
}

a.navigation:link {
text-decoration: none;
}

H1 {
	color: #004080;
	font-weight: bold;
	font-size: 14px;
}


H2 {
	color: #004080;
	font-weight: bold;
	font-size: 14px;
}


H4 {
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 14px;
	font-style : normal;
	font-variant : normal;
	font-weight : Bold;
	color : #405A8C;
}



.coloredtable {background-color:#f5f5f5}
.coloredtabledark {background-color:#D5D5D5}
.border {background-color:#D5D5D5}
.leftnav {border-right:1px solid #D5D5D5; border-left:1px solid #D5D5D5}
.a-silver {
	background-image: url(/images/a-silver.jpg);
	background-repeat: repeat-x;
	height: 12px;

}
.border-grey {
	border: 1px solid #E4E4E4;
}
.border-grey-right-side {
	border-right: 1px solid #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;


}
.border-grey-bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}
.left-nav-bg {
	background-image: url(leftnav-bkg.gif);
}

/*  ---------  LIST OF LINKS (right table with multiple languages listed) ------------ */

.link-list {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	text-decoration: none;
}

/*  ---------  LIST OF LINKS  END ------------ */


/*  ---------  Start VIRTUAL KEYBOARD STYLE ------------ */

#text {
	width: 80%;
	height: 100px;
	border: solid #DDDDDD 1px;
	font-size:20px;
	font-weight:bold;
	color: #003399;
}

input.bt, #functions_buttons input{
	font:18px Arial;
	height:26px;
	background:#779999 url(/images/back03.gif);
	border:solid #DDDDDD 1px;
	padding: 0px 10px;
	color: #CC0033;
	cursor: pointer;
}

#language {
	border:solid #DDDDDD 1px;
}

div.div_buttons {
	display: none;
	margin-top: 40px;
}


/*  ---------  End  VIRTUAL KEYBOARD STYLE ------------ */


/* -------------------------------------
	T O M  S T A R T E D  H E R E
------------------------------------- */
/* -------------------------------------
	R E S E T
------------------------------------- */
.reset div,.reset span,.reset applet,.reset object,.reset iframe,.reset h1,.reset h2,.reset h3,.reset h4,.reset h5,.reset h6,.reset p,.reset blockquote,.reset pre,.reset a,.reset abbr,.reset acronym,.reset address,.reset big,.reset cite,.reset code,.reset del,.reset dfn,.reset em,.reset font,.reset img,.reset ins,.reset kbd,.reset q,.reset s,.reset samp,.reset small,.reset strike,.reset strong,.reset sub,.reset sup,.reset tt,.reset var,.reset dl,.reset dt dd,.reset ol,.reset ul,.reset li,.reset fieldset,.reset form,.reset label,.reset legend,.reset table,.reset caption,.reset tbody,.reset tfoot,.reset thead,.reset tr,.reset th,.reset td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:bottom;}:focus{outline:0;}body{line-height:1;color:black;background:white;}.reset ol,.reset ul{list-style:none;}.reset table{border-collapse:separate;border-spacing:0;}.reset caption,.reset th,.reset td{text-align:left;font-weight:normal;}.reset blockquote,.reset q{quotes:""" """;}
/* -------------------------------------
	I N P U T S
------------------------------------- */
.input-text,.input-button,.input-submit,.input-textarea,.input-select{
	font-size:11px;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #999;
	padding:3px;
}
.input-submit-edit,.input-submit-edit-final,.input-submit-delete{
	background-repeat:no-repeat;
	overflow:hidden;
	border:0 none;
	text-indent:-9999em;
	cursor:pointer;
}
.input-submit-edit,.input-submit-edit-final{
	height:18px;
	width:30px;
	background-image:url(../images/btn-pill.png);
}
.input-text{
	width:100px;
}
.input-submit-edit-final{background-position:0 -18px;}
.input-submit-delete{
	height:18px;
	width:18px;
	background-image:url(../images/btn-x.png);
}
/* -------------------------------------
	L A Y O U T
------------------------------------- */
#content p{
	margin:0 0 20px;
	font:12px/20px 'Verdana';
}
	#content q{
		font:italic 12px/20px 'Georgia';
		text-align:justify;
		display:block;
		margin:0 0 10px;
		color:#555;
	}
	h1,
	#content h4{
		color:#405A8C;
		font:bold 16px/16px 'Arial';
		margin:0 0 20px;
	}
#content li {
	line-height: 20px;
}
#content strong{
	font-weight:700;
}
#content h6{
	text-transform:uppercase;
	font:14px/16px 'Arial';
}
#content ul{
	list-style:none;
	padding:0;
	margin:0;
}
#content .bullets {
	list-style: disc;
	padding-left: 13px;
	margin-bottom: 20px;
}
	#content blockquote{
		padding:0;
		margin:0;
	}
	.scroll-saver{
		width:695px;
	}
#languages{
	background:#f4f8fd;
	border:1px solid #b5c5d8;
	padding:10px;
}
	#languages li{
		float:left;
		width:70px;
		margin:0 20px 13px 0;
		background-image:url(images/icon-flags.gif);
		background-repeat:no-repeat;
		padding-left:25px;
	}
		#french{background-position:0 -20px;}
		#german{background-position:0 -42px;}
		#dutch{background-position:0 -63px;}
		#italian{background-position:0 -84px;}
		#russian{background-position:0 -105px;}
		#swedish{background-position:0 -126px;}
		#portugese{background-position:0 -147px;}
		#japanese{background-position:0 -168px;}
		#korean{background-position:0 -189px;}
		#arabic{background-position:0 20px;}
		#chinese{background-position:0 -210px;}
.section{
	margin-bottom:20px;
}
	.section-left{
		float:left;
	}
	.section-right{
		float:right;
	}
	.section-left,.section-right{
		width:49%;
	}
		.right-graphic{
			float:right;
			width:200px;
			margin:0 10px 10px;
		}
			.right-graphic img{
				margin-bottom:15px;
			}
		.benefits{
			background:#f4f8fd;
			padding:10px;
			margin:0 1px;
		}
			#content .benefits ul{
				margin-bottom:25px;
			}
			.benefits li,.ticks li{
				background-repeat:no-repeat;
				padding-left:25px;
			}
			.benefits li{
				background-image:url(images/icon-tick-on-blue.gif);
				margin:0 20px 13px 0;
			}
			.ticks li{
				background-image:url(images/keep/icon-tick-on-lemon.gif);
				margin:0 0 13px 0;
			}
	#content .section h1{
		margin:0 0 9px;
		padding:0;
	}
	.warning{
		padding:10px 10px 10px 50px;
		border:1px solid #d4e8f7;
		background:#eff5fa url(images/keep/bg-warning.gif) 10px center no-repeat;
	}
	.section .warning{
		margin:0;
	}
	.package{
		border:1px solid #c8cbcc;
	}
	#content .package p{
		margin-left:10px;
		padding-right:230px;
	}
	.package-head,.package-foot{
		overflow:hidden;
	}
	.package-head{
		height:44px;
		color:#fff;
		font-size:14px;
		background:url(images/keep/bg-package-head.gif) top left repeat-x;
	}
		.package-head div{
			margin:15px 10px;
		}
		.badge{
			background-image:url(images/keep/badges.gif);
			background-repeat:no-repeat;
			position:absolute;
			top:8px;
			right:10px;
			height:33px;
			width:33px;
			overflow:hidden;
		}
			#badge-1,#badge-2{
				margin:0;
			}
			#badge-2{
				background-position:-33px 0;
			}
	.package-body{
		padding-top:10px;
	}
		.btn-systran-200,.btn-systran-314{
			display:block;
			text-indent:-9999em;
			text-align:left;
			height:43px;
		}
		.btn-systran-200{
			background:url(images/keep/btn-systran-200.jpg) top left no-repeat;
			width:200px;
		}
		.btn-systran-314{
			background:url(images/keep/btn-systran-314.jpg) top left no-repeat;
			width:314px;
		}
	.section #systran-logo{
		margin-right:20px;
	}
	.section h1{
		padding-top:10px;
	}
	#translation-holder{
		width:470px;
		float:right;
	}
		#translator{
			height:368px;
			background:#dedede;
			border:1px solid #ccc;
		}
		#keyboard{
			margin-top:20px;
			padding:10px 0;
			border-top:1px solid #dedede;
			border-bottom:1px solid #dedede;
		}
			#keyboard .input-textarea{
				width:100%;
			}
	#guide{
		float:left;
		width:200px;
	}
		.reset .box-lemon{	
			padding:10px;
			background:#FBFFDE;
			border:1px solid #EEF6B0;
		}
		#guide #products{
			margin-top:20px;
			border-top:1px solid #DEDEDE;
			padding-top:10px;
		}
			#content .box-lemon ul{
				font-size:12px;
			}
		#guide .product{
			margin:10px 0;
			border-bottom:1px solid #DEDEDE;
		}
		#guide .product p{
			font-size:11px;
			line-height:16px;
		}
		#guide .product img{
			float:left;
			margin-right:15px;
		}
	.hr{
		margin:25px 0 20px;
		height:1px;
		padding:0;
		border:0;
		background:#dedede;
	}
	.center .center{
		margin:0 auto;
	}
#testimonials .left,
#testimonials .right{
	float:left;
}
#testimonials .left{
	width:470px;
	border-right:1px solid #DEDEDE;
	margin-right:20px;
}
	#testimonials .left-holder{
		width:450px;
	}
#testimonials .right{
	width:201px;
}
	#content #study-slider{
		list-style:none;
		padding:0 0 20px;
	}
	#study-slider li{
		float:left;
		margin:0 10px 10px 0;
	}
	#study-slider li.last{
		margin:0 0 10px 0;
	}
	#study-slider a{
		display:block;
		border:1px solid #EEE;
		height:80px;
		width:103px;
	}
		#study-slider a:hover{
			border:1px solid #CCC;
		}
		#content #study-slider a.selected:link,
		#content #study-slider a.selected:hover{
			border:1px solid #e9850f;
		}
	.study{
		border:1px solid #f2f2f2;
		padding:10px;
		margin-bottom:10px;
	}
		.study .title{
			position:relative;
			margin-bottom:20px;
		}
			.study .title-rule{
				position:absolute;
				top:0;left:0;right:0;
				border-bottom:1px solid #DEDEDE;
				width:100%;
				padding-bottom:7px;
				line-height:0;
				z-index:0;
			}
			.study .title-holder{
				margin:0 auto 15px;
				padding:0 25% 0;
				position:relative;
				z-index:10;
			}
			.study .title-holder h6{
				text-align:center;
				color:#666;
				background:#FFF;
			}
			#content .button{
				background:#3077cf url(images/bg-button.png) top left repeat-x;
				-moz-border-radius:3px;-webkit-border-radius:3px;
				text-shadow:0 1px 0 #444;
				font:12px/12px "Arial";
				color:#FFF;
				padding:10px 20px;
				border:1px solid #21579d;
				text-align:center;
				display:block;
			}
			.study .title .button{
				float:right;
				margin-top:25px;
				display:inline-block;
			}
			.right .button{
			}
			
			
			.btn {
				background:#3077cf url(images/bg-button.png) top left repeat-x;
				-moz-border-radius:3px;-webkit-border-radius:3px;
				text-shadow:0 1px 0 #444;
				font:12px/12px "Arial";
				color:#FFF;
				padding:10px 20px;
				border:1px solid #21579d;
				text-align:center;
				display:inline-block;
			}
			.btn:link,
			.btn:active,
			.btn:visited {
				color:#FFF;
			}
			.btn:hover {
				text-decoration: underline;
			}
			
	.testimonial{
		padding-bottom:10px;
		border-bottom:1px solid #DEDEDE;
		margin-bottom:20px;
	}
		.testimonial, .testimonial p,.testimonial q,.testimonial blockquote{
			background:#FFF;
		}
		.testimonial .icon{
			border:1px solid #D4E8F7;
			height:16px;
			width:16px;
			float:left;
			background:#EFF5FA;
			margin-right:10px;
		}
	#testimonials .testimonial{
		padding-bottom:20px;
	}
	#industries{
	}
		#industry li{
			border:1px solid #F2F2F2;
			padding:5px;
			margin-bottom:5px;
		}
/* -------------------------------------
	http://translatespanish.us/systran-product.php
------------------------------------- */
.tabs {
	margin: 40px 40px 40px 0;
	float: left;
	width: 655px;
	position: relative;
}
.tab-holder {
	border: 1px solid #DDD;
	padding: 5px 15px;
	background: #FFF url(../images/bg-tab-holder.png) bottom left repeat-x;
}
.tab-nav {
	padding: 0;
	margin: 0;
	display: block;
	position: absolute;
	left: 0;
	top: -26px;
}
.tab-nav li {
	float: left;
	list-style: none;
	margin-right: 4px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
}
.tab-nav li a {
	background: #DDD url(../images/bg-tab-nav.gif) bottom left repeat-x;
	color: #333;
	padding: 7px 15px 7px;
	font: bold italic 12px/12px 'Georgia';
	display: block;
}
	.tab-nav li a.selected {
		background: #fff;
		color: #36C;
	}
.tab table {
	border: 1px solid #E5E5E5;
}
.tab td, .tab th {
	padding: 10px;
	line-height: 20px;
	border-bottom: 1px dotted #DDD;
}
.tab tr.last td,
.tab tr.last th {
	border: 0 none;
}
/* -------------------------------------
	U S E F U L  C L A S S E S
------------------------------------- */
.align-left{text-align:left;}.align-right{text-align:right;}.center{text-align:center;}.zero{padding:0;margin:0;}.float-left{float:left;}.float-right{float:right;}.clear-left{clear:left;}.clear-right{clear:right;}.clear{clear:both;line-height:0;}.bold{font-weight:700;}.italic{font-style:italic;}.hide{display:none !important;}.inline{display:inline;}.inline-block{display:inline-block;}.block{display:block;}.no-width{width:auto !important;}.relative{position:relative;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{display:inline-block;}
/* start commented backslash hack \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* close commented backslash hack */
.focus{border:1px solid #bbb;background:yellow;}
.georgia{font-family:georgia;}
.blue{color:#405A8C;}
.bbb{color:#bbb;}
.ccc{color:#ccc;}
.red{color:#a04141;}
.gold{color:#E9850F;}
.section p{
	line-height:17px;
	margin:0 0 14px;
}
.shadow {-moz-box-shadow:0 1px 2px #AAA;-webkit-box-shadow:0 1px 2px #AAA;box-shadow:0 1px 2px #AAA;}

a img {
	border: 0 none;
}
.bullets {
	list-style: disc;
	padding-left: 13px;
	margin-bottom: 20px;
}
.bullets li {
	margin-bottom: 7px;
	padding-left: 2px;
}
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mt10{margin-top:10px;}
.ml10{margin-left:10px;}
/* -------------------------------------
	U S E F U L  C L A S S E S  F O R  # C O N T E N T
------------------------------------- */
#content .align-left{text-align:left;}#content .align-right{text-align:right;}#content .center{text-align:center;}#content .zero{padding:0;margin:0;}#content .float-left{float:left;}#content .float-right{float:right;}#content .clear-left{clear:left;}#content .clear-right{clear:right;}#content .clear{clear:both;line-height:0;}#content .bold{font-weight:700;}#content .italic{font-style:italic;}#content .hide{display:none !important;}#content .inline{display:inline;}#content .inline-block{display:inline-block;}#content .block{display:block;}#content .no-width{width:auto !important;}#content .relative{position:relative;}
#content .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
#content .clearfix{display:inline-block;}
/* start commented backslash hack \*/
* html #content .clearfix{height:1%;}
#content .clearfix{display:block;}
/* close commented backslash hack */
#content .focus{border:1px solid #bbb;background:yellow;}
#content .georgia{font-family:georgia;}
#content .blue{color:#405A8C;}
#content .bbb{color:#bbb;}
#content .ccc{color:#ccc;}
#content .red{color:#a04141;}
#content .gold{color:#E9850F;}
#content .section p{
	line-height:17px;
	margin:0 0 14px;
}
#content .shadow {-moz-box-shadow:0 1px 2px #AAA;-webkit-box-shadow:0 1px 2px #AAA;box-shadow:0 1px 2px #AAA;}

a img {
	border: 0 none;
}
#content .bullets {
	list-style: disc;
	padding-left: 13px;
	margin-bottom: 20px;
}
#content .bullets li {
	margin-bottom: 7px;
	padding-left: 2px;
}
#content .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
#content .mb10{margin-bottom:10px;}
#content .mb20{margin-bottom:20px;}
#content .mt10{margin-top:10px;}
#content .ml10{margin-left:10px;}
.white {
	color: #FFF;
}