body,
a
{
	font-family: "Trebuchet MS",Tahoma,Arial;
}
body
{
	font-size: 13px;
	padding: 0;
	margin : 0;
	background : url("../img/bg.png") top center repeat-y #dfdfdf;
	line-height: normal;
}
p,
li
{
	line-height: 18px;
	text-align: justify;
}
p
{
	margin : 10px 0;
}
h1 a
{
	color : #eee;
	text-decoration : none;
}
h1 a:hover
{
	color : #eee;
}
h1.page-title
{
	display : none;
}
h2 {
	font-weight : bold;
	font-size : 18px;
	color : #3C5977;
	margin : 20px 0 10px 0;
}
h3 {
	font-size: 14px;
	margin: 3px 0px 0px 0px;
}
ul,ol {
	padding: 0px;
	margin: 5px 0px 5px 20px;
	list-style-position: outside;
}
ol li
{
	list-style-type: decimal;
}
ul li
{
	list-style-type: square;
}
li {
	padding: 0px;
	margin: 2px 0px 0px 10px;
}
th {
	text-align : left;	
}
code {
	font-size : 110%;
}
a, 
a:hover 
{
	color: #ff6600;
	background: none;
}
a:hover
{
	text-decoration : none;
}
input[type="text"],select,textarea
{
	margin : 0;
	font-size: 13px;
	font-family: arial, sans-serif;
	box-sizing:content-box;
	margin: 0;
	padding: 1px;
}
sup {
	vertical-align: super;
	font-size: 10px;
}
.cleaner
{
	clear: both;
	height : 0;
	font-size : 0;
}

div#header
{
	height : 90px;
	background : url("../img/latex-bg.png") no-repeat #666;
	margin : 0;
	padding : 0;
	border-bottom : 5px solid #70798e;
}
div#header div.title
{
	margin : 0 auto;
	width : 900px;
	padding : 28px 0 0 0;
	color : #eee;
}
div#header div.title h1
{
	margin : 0px 0 0 0;
	font-size : 32px;
	font-weight : bold;
	text-shadow: #333 1px 1px 3px;
	float : left;
}
div#header div.google-plus
{
	margin : 0px 0 0 0;
	float : right;
}
div#header div.facebook-like
{
	margin : 0px 0 0 0;
	float : right;
}
div#menu,
div#menu a
{
	background : #6D98AB;
}
div#menu 
{
	font-size : 16px;
	width : 901px;
	height : 32px;
	border-bottom : 3px solid #ccc;
}
div#menu ul 
{
	margin : 0;
	padding : 0;
}
div#menu li
{
	margin : 0;
}
div#menu li {
	list-style-type : none;
	font-weight : bold;
	float : left;
}
div#menu a:FIRST-CHILD 
{
}
div#menu a {
	padding : 7px 12px;
	display : block;
	color : #fff;
	text-decoration : none;
	text-shadow : #444 1px 1px 1px;
	border-right : 1px solid #aaa;
}
div#menu a:hover,
div#menu a.active
{
	background : #FEB729;
}

#main
{
	width : 900px;
	margin : 0 auto;
	padding : 0px;
	background : #fff;
}
#main > #content {
	clear : both;
	padding : 0 20px;
	min-height : 700px;
}
#footer
{
	border-top : 2px dotted #ccc;
	color : #888;
	padding : 20px 5px;
	font-size : 11px;
	margin : 70px 20px 20px 20px;
	height : 30px;
	text-align : center;
}
}
.main {
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	padding: 10px;
	color: #003333;
	background: #fafaef;
}
pre {
	font-size : 110%;
}

table.pricelist
{
	border-collapse: collapse;
	margin : 10px auto;
}
table.pricelist td,
table.pricelist th
{
	padding : 10px;
	border: 1px solid #aaa;
}
table.pricelist th
{
	background: #ddd;
	color : #444;
}
.review
{
	border : 1px dotted #ddd;
	padding : 0 10px 10px 10px;
	margin : 0 0 15px 0;
}
.review .author
{
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	text-align : right;
}

table.news
{
	width : 100%;
	margin : 20px 0 0 0;
}
table.news td
{
	padding : 5px 10px;
	text-align: justify;
	line-height: 18px;
}
table.news td:first-child 
{
	width : 80px;
	vertical-align: top;
	text-align : left;
	border-right : 1px dotted #ccc;
	font-size : 11px;
}


div.sampledoc
{
	margin-bottom : 20px;
	padding-top : 15px;
	border-top : 2px dotted #ccc;
}
div.sampledoc:FIRST-CHILD
{
	padding-top : 0;
	border-top : 0;
}
div.sampledoc ul
{
	margin : 10px;
}
div.sampledoc p
{
	color : #3C5977; 
	font-size : 15px;
	font-style: italic;
	margin : 0 0 5px 0;
}
div.sampledoc table
{
	margin : 0 auto;
}
div.sampledoc img
{
	border : 1px solid #eee;
	margin : 0 0 0 20px;
	width : 90px;
}
div.sampledoc img:hover
{
	border : 1px solid #888;
}

div.screen
{
	margin : 0 0 15px 0;
	text-align : center;
}
div.screen p
{
	text-align : center;
	font-style: italic;
}
div.screen img
{
	border : 1px solid #ccc;
}
div.screen a img:hover
{
	border : 1px solid #444;
}

/* = home */
div.overview
{
	float : left;
	width : 420px;
	margin : 10px 0px;
}
div.overview p.question
{
	margin : 5px 0 5px 0;
	font-weight : bold;
	font-size : 15px;
	color : #3C5977;
	border-top : 2px dotted #ddd;
	padding-top : 10px;
}
div.overview p.question:FIRST-CHILD
{
	border-top : 0;
	padding-top : 0;
}
div.overview p.answer
{
	font-size : 12px;
	line-height : 1.5;
	font-style: italic;
	margin : 0px 0px 15px 10px;
	color : #222;
}
div.overview-video
{
	float : right;
	width : 400px;
	margin : 20px 0 0 0;
}
div.overview-video div.video
{
	margin : 0 auto;
}
div.overview-video div.title
{
	font-size : 15px;
	font-weight : bold; 
	text-align : center;
	margin : 20px 0 0 0;
	color : #E07000;
}
div.home-page-box,
div.blog-posts
{
	margin : 10px 0;
	padding : 10px 0 5px 0;
	border-top : 2px dotted #ddd;
}
div.blog-posts h2,
div.home-page-box h2
{
	font-weight : bold;
	font-size : 18px;
	color : #999933;
	margin : 0 0 10px 0;
}
div.home-page-box div.left
{
	float : left;
	width : 420px;
	margin : 0;
}
div.home-page-box div.right
{
	float : right;
	width : 420px;
	margin : 0;
}
div.home-page-box div.customer-logos *
{
	vertical-align : middle;
	margin : 0 2px 0 0;
}
div.home-page-box div.customers-link,
div.home-page-box div.screenshot-link
{
	text-align : center;
	margin : 10px 0 0 0;
	font-size : 15px;
	font-weight : bold;
}
div.box-customers
{
	border : 1px solid #ddd;
	background : #fcfcfc;
	margin : 5px 20px;
	padding : 15px;
	border-radius : 3px;
}
div.box-customers-more
{
	margin : 20px;
}
div.box-customers div
{
	display:inline-block;
	width : 370px;
	padding : 4px 4px 4px 15px;
}
table.home-page-features
{
	width : 100%;
}
table.home-page-features td
{
	padding : 0 5px 0 0;
}
table.home-page-features p.title
{
	margin : 5px 0 0 0;
	font-weight : bold;
}
table.home-page-features p.title:FIRST-CHILD
{
	margin : 0;
}
table.home-page-features ul
{
	margin : 2px 0 0 5px;
	color : #333;
}
table.home-page-features li
{
	list-style-type: none;
	margin : 0;
}

div.box-testimonials div
{
	width : 385px;
	background : url("../img/quote.png") no-repeat 5px 5px #eee;
	border-radius : 3px;
	-moz-border-radius : 3px;
	padding : 15px 10px 10px 15px;
	font-style: italic;
	margin : 10px 20px 0 0px;
	font-size : 13px;
}
div.box-testimonials div p
{
	margin : 0;
}
div.box-testimonials div p.author
{
	text-align : right;
	font-size : 11px;
	color : #444;
}

table.service-samples
{
	width : 100%;
}
table.service-samples td
{
	vertical-align: top;
	padding : 15px 7px 7px 7px;
}
table.service-samples li {
	text-align: left;
}
table.service-samples th
{
	vertical-align: top;
	padding : 7px 10px;
	border-bottom : 1px solid #ccc;
	color : #888;
	font-style: italic;
}
table.service-samples th:nth-child(1)
{
	width : 260px;
}
table.service-samples th:nth-child(2)
{
	width : 170px;
}
table.service-samples th:nth-child(3)
{
	width : 170px;
}
table.service-samples .title
{
	font-weight : bold;
}
table.service-samples img
{
	border : 1px dotted #444;
	padding : 3px;
	background-color: #dedede;
}
table.service-samples img:hover
{
	border : 1px dotted #aaa;
}

div.upload
{
	padding : 20px;
	border : 1px solid #ccc;
	width : 600px;
	background-color : #efefef;
	margin : 20px 0;
	border-radius : 3px;
	border-radius : 3px;
	-moz-border-radius : 3px;
}
div.upload.pay
{
	background-image: url("../img/paypal.png");
	background-repeat: no-repeat;
	background-position: 530px 170px;
}
div.upload table
{
	width : 100%;
}
div.upload table td
{
	padding : 4px 5px;
}
div.upload table select
{
	width : 300px;
}
div.upload table input[type='text']:focus,
div.upload table textarea:focus
{
	background-color : #FFFFB8;
	border : 1px solid #666;
}
div.upload table input[type='text'],
div.upload table textarea
{
	width : 98%;
	padding : 3px;
	border : 1px solid #aaa;
}
div.upload table input[type='text']
{
}
div.upload table textarea
{
	margin : 5px 0;
	height : 80px;
	font-family : arial;
}
div.upload table input[type='submit']
{
	font-weight : bold;
	width : 200px;
	padding : 5px;
}
div.upload p.error
{
	color : red;
	font-weight : bold;
	font-size : 14px;
	margin : 0 5px 15px 5px;
}
div.upload tr.warning
{
	color : red;
	font-weight : bold;	
	display : none;
}

div.download
{
	background: url("../img/download.png") no-repeat 0 0 #eee;
	height : 100px;
	width : 180px;
	border : 1px solid #ccc;
	border-radius : 3px;
	margin : 20px 0 0 0;
	padding : 25px 5px 5px 120px;
}
#cnv-example div.pager
{
	height : 20px;
	font-weight: bold;
	margin : 10px 0;
}
#cnv-example div.pager div
{
	float : left;
	margin : 0 20px 0 0;
}
#cnv-example div.pager a
{
	display : block;
}
#cnv-example div.example
{
	border : 1px solid #ddd;
	padding : 10px;
	display: none;
	background : #fafafa;
}
#cnv-example a.preview {
	display: none;
}
#cnv-example a.preview:first-child {
	display: block;
}
#cnv-example a.preview img {
	width:150px;
}
#cnv-example td:nth-child(1) {
	width: 140px;
}
#cnv-example td:nth-child(4) ul {
	margin-bottom: 15px;
}

div.blog-post
{
	margin : 0px 0;
	padding : 0 10px 0 10px;
	width : 400px;
	height : 65px;
	float : left;
}
div.blog-post p
{
	color : #444;
	display: inline;
	font-size : 11px;
}

span.price-estimate-init
{
	color : #888;
}
td.required
{
	font-weight : bold;
}

table.licenses
{
	width : 670px;
	margin : 0 auto;
}

table.licenses td
{
	padding : 5px;
	border-bottom : 1px solid #ccc;
	border-top : 1px solid #ccc;
}
table.licenses td:nth-child(1)
{
	font-style: italic;
}
table.licenses td:nth-child(1),
table.licenses td:nth-child(2),
table.licenses td:nth-child(3),
table.licenses td:nth-child(4)
{
	border-right : 1px solid #ccc;
}
table.licenses td.license
{
	background-color: #eee;
	color : #444;
	font-weight : bold;
	font-size : 16px;
	width : 140px;
	text-align: center;
	border-top: 1px solid #ccc;
	text-shadow: #ccc 1px 1px;
}
table.licenses td.price
{
	font-weight : bold;
	font-size : 17px;
	text-align: center;
}
table.licenses td.price.button
{
	font-weight : bold;
	font-size : 17px;
}
table.licenses td div.icon
{
	width : 16px;
	height : 16px;
	background-repeat: no-repeat;
	margin : 2px auto 0px auto;
}
table.licenses td div.icon.tick
{
	background-image: url("../img/icon/tick.png");
}
table.licenses td div.icon.cross
{
	background-image: url("../img/icon/cross.png");
}

div#dialog-bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	background: #ccc;
	opacity: 0.90;
	width: 100%;
	height: 100%;
	display: none;
}

div.dialog {
	position: fixed;
	top: 100px;
	left: 50%;
	z-index: 100;
	background: #fff;
	width: 600px;
	padding: 20px;
	border: 1px solid #aaa;
	box-shadow: 5px 5px 3px #888;
	display: none;
}

div#upload-dialog {
	margin-left: -300px;
}
div#upload-dialog td {
	padding: 5px 7px;
}
div#upload-dialog input[type='text'],
div#upload-dialog select,
div#upload-dialog textarea {
	width: 300px;
}
div#upload-dialog textarea {
	width: 440px;
	height: 100px;
	border: 1px solid #ccc;
}
div#upload-dialog input[type="submit"] {
	font-weight: bold;
	padding: 5px 15px;
}

div.dialog a.close-dialog {
	position: absolute;
	right: 20px;
	top: 10px;
	color: #444;
	text-decoration: underline;
}
div.dialog span.more {
	font-size: 11px;
	color: #444;
}
tr.form-error td:first-child,
tr.form-error label {
	color: red;
}
td.agree {
	font-size: 12px;
}
td.agree * {
	vertical-align: middle;
}


form.contact {
	border: 1px solid #eee;
	background: #fafafa;
	margin: 25px 0;
	padding: 15px 10px;
	display: table;
}
form.contact td {
	padding: 5px 7px;
}
form.contact input[type='text'] {
	width: 300px;
}
form.contact textarea {
	width: 440px;
	height: 120px;
	border: 1px solid #ccc;
}
form.contact input[type="submit"] {
	font-weight: bold;
	padding: 5px 15px;
}
span.oldprice {
	text-decoration: line-through;
	color: #888;
	position: relative;
	margin: 0 6px 0 0;
}
span.oldprice:AFTER {
	content: "1";
	vertical-align: super;
	font-size: 9px;
	text-decoration: none;
	position: absolute;
}