/* Copyright (C) 2007 - 2010 YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * This CSS file is for customization purpose only
 */ 

#logo a.logo-icon {
	display: block;
	width: 300px;
	height: 120px;
	background: url(../../../images/yootheme/logo.png) 0 0 no-repeat;
}


.maintopblock div.mod-layer h3.header .title {
	text-align: center;
	font-size: 30px;
	line-height: 35px;
	font-weight: bold;
}

.maintopblock div.mod-layer h3.header .subtitle {
	text-align: center;
	font-size: 16px;
	line-height: 16px;
}

.maintopblock div.mod-layer div.blank-h div.yoo-scroller { margin: 0px 0px -20px 0px; }

/*
 * product introduction style
 */
div.my-pia {padding-left: 20px}
div.my-pia div {font-family: Arial; color: #666666; font-size: 11.5pt; display: block; text-align: left}
div.my-pia table.main-panel {}
div.my-pia td.panel-left {}
div.my-pia td.panel-left div {text-align:center}
div.my-pia td.panel-left div.button { margin: 10px }
div.my-pia div.product-logo {padding-right: 10px; padding-top: 10px; vertical-align: top; }
div.my-pia td.panel-right {width: 648px}
div.my-pia td.panel-right div.product-desc {line-height: 15.5pt; color: #002d8f; font-size: 10.5pt; margin-bottom: 15px}
div.my-pia div.section { margin-top: 15px; margin-bottom: 15px}

div.my-pia div.demo-pic { width: 100%; margin: 8px; text-align:center}
div.my-pia div.more { width: 100%; text-align:right}

div.my-pia div.section-label,
div.my-pia div.section-label-block {
	height: 20px;
	vertical-align: bottom;
	color: #002d8f;
	font-size: 13.5pt;
	font-weight: bold;
	padding-left: 22px;
	background-image:url('/images/product_logo/icons.png');
	background-repeat:no-repeat;
}

div.my-pia div.section-label {
	display:inline;
}

div.my-pia div.section-label-block {
	margin-bottom: 10px;
}

div.spire-office-section-label {background-position: 0px 0px}
div.spire-doc-section-label {background-position: 0px -20px}
div.spire-xls-section-label {background-position: 0px -40px}
div.spire-pdf-section-label {background-position: 0px -60px}
div.spire-pdfconvertor-section-label {background-position: 0px -100px}

div.spire-dataexport-section-label {background-position: 0px -80px}
div.spire-freedataexport-section-label {background-position: 0px -100px}

/* Harry add, 2010-12-06 */
div.e-doc-guid {text-align: left; width: 688px; line-height: 150%}
div.e-doc-guid div {font-family: 'Verdana'; font-size: 9pt; color: #000000}
div.e-doc-guid div.img-container {text-align: center;}
div.e-doc-guid h3 {font-family: 'Verdana'; font-size: 10.5pt; font-weight: bold; margin: 12px 0px 2px 0px; color: #000000}
div.e-doc-guid h4 {font-family: 'Verdana'; font-size: 9pt; font-weight: bold; margin: 4px 0px 2px 0px; color: #000000}
div.e-doc-guid ul {font-family: 'Verdana'; margin-top: 0px; margin-bottom: 0px; margin-left: 12px; padding-left: 0px; color: #000000}
div.e-doc-guid li {font-family: 'Verdana'; margin-left: 14px; padding-left: 0px; color: #000000; list-style-type: disc; background-image: none;line-height: 150%;}
div.e-doc-guid li.decimal-type {margin-left: 14px; list-style-type: decimal}
div.e-doc-guid div.example {background-color: #cccccc; margin-bottom: 4px}
div.e-doc-guid div.example div {font-size: 8pt}
div.e-doc-guid div.example div.language {padding-left: 4px; border-bottom: solid 0.25pt #a9a9a9}
div.e-doc-guid div.example div.source-code {padding-left: 12px; padding-top: 6px; padding-bottom: 6px}
div.e-doc-guid div.example div.source-code {padding: 2px}
div.e-doc-guid div.example div.source-code div {font-family: 'Courier New'}
div.e-doc-guid div.example div.source-code div.blank-line {height: 18px}
div.e-doc-guid div.example div.source-code div.indent1 {padding-left: 21.25pt}
div.e-doc-guid div.example div.source-code div.indent2 {padding-left: 42.5pt}
div.e-doc-guid div.example div.source-code span {font-family: 'Courier New'}
div.e-doc-guid div.example div.source-code span.highlight-class-name {color: #2b91af}
div.e-doc-guid div.example div.source-code span.highlight-key {color: #0000ff}
div.e-doc-guid div.example div.source-code span.highlight-string {color: #a31515}
div.e-doc-guid div.example div.source-code span.highlight-comment {color: #008000}
div.e-doc-guid a {color: #0000ff}
div.e-doc-guid a.anchor_point {color: #000000}
div.e-doc-guid div.back-to-content {margin-top: 15px; border-top: 1px dotted #CCCCCC;}


div.e-doc-guid div.example div.source-code2 {border: 2px solid #cccccc; background-color: #FFFFFF}
div.e-doc-guid div.example div.source-code2 .syntaxhighlighter
{
    margin: 0px !important;
}
div.e-doc-guid div.example div.source-code2 .syntaxhighlighter .highlight-class-name {color: #2b91af}
div.e-doc-guid div.example div.source-code2 .syntaxhighlighter .keyword {color: #0000ff !important}

div.e-doc-guid div.example div.source-code2 .syntaxhighlighter .string,
div.e-doc-guid div.example div.source-code2 .syntaxhighlighter .string a {color: #a31515 !important}

div.e-doc-guid div.example div.source-code2 .syntaxhighlighter,
div.e-doc-guid div.example div.source-code2 .syntaxhighlighter div,
div.e-doc-guid div.example div.source-code2 .syntaxhighlighter code,
div.e-doc-guid div.example div.source-code2 .syntaxhighlighter table,
div.e-doc-guid div.example div.source-code2 .syntaxhighlighter table td,
div.e-doc-guid div.example div.source-code2 .syntaxhighlighter table tr,
div.e-doc-guid div.example div.source-code2 .syntaxhighlighter table tbody
{
    font-family: 'Courier New' !important;
    font-size: 8pt !important;
    line-height: 140% !important;
}

#top {
	margin: -17px -20px 0px -19px;
}
#lofass83 div.lof-description { display: none; }
#lofass88 div.lof-description { display: none; }
.lof-ass .lof-css3 .lof-description { display: none; }

div.content-wrapper-1 { margin-top: 1px; }