/* HTML */

[lang="en"] {
	direction: ltr;
	text-align: left;
}

.lang_en {
	direction: ltr;
	text-align: left;
}

[lang="fa"] {
	direction: rtl;
	text-align: right;
}

.lang_fa {
	direction: rtl;
	text-align: right;
}

p {
	margin-top: 1em;
	margin-bottom: 1em;
}

h1, h2, h3, h4 {
	color: black;
}

h1,
#content h1 {
	color: #666;
	font-size: 12pt;
	/* margin: 2em 0; */
	margin: 2em 0;
}

.lang_fa h1,
.lang_fa #content h1 {
	font-size: 14pt;
}

h2,
#content h2 {
	color: #555;
	font-size: 11pt;
	padding: 0.2em;
	/*
	background: #eee;
	 */
	/*
	border: 1px dashed #058;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	border: 1px dashed #058;
	border-right: 0;
	border-left: 0;
	border-top: 0;
	*/
	margin: 1em 0 0;
}

.lang_fa h2,
.lang_fa #content h2 {
	font-size: 13pt;
}

h2+p,
p.h2,
h2+ul,
ul.h2,
h2+ol,
ol.h2 {
	/* margin-left: 1em; */
	/* margin-right: 1em; */
}

h3,
#content h3 {
	color: #444;
	font-size: 10pt;
	/* margin: 1em 1em 1em; */
	margin: 1.5em 0 0.5em;
}

.lang_fa h3,
.lang_fa #content h3 {
	font-size: 12pt;
}

h3+p,
p.h3,
h3+ul,
ul.h3,
h3+ol,
ol.h3 {
	/* margin-left: 2em; */
	/* margin-right: 2em; */
}

h4,
#content h4 {
	color: #333;
	font-size: 9pt;
	/* margin: 0.5em 2em 0.5em; */
	margin: 1em 0 0;
}

.lang_fa h4,
.lang_fa #content h4 {
	font-size: 11pt;
}

h4+p,
p.h4,
h4+ul,
ul.h4,
h4+ol,
ol.h4 {
	/* margin-left: 2em; */
	/* margin-right: 2em; */
}

pre {
	margin: 0;
	padding: 0;
}

hr {
	margin: 0.5em 0;
	background-color: #666;
}

li {
	margin-left: 2em;
}

li li {
	margin-left: 1em;
}

div.center {
	width: 100%;
	text-align: center;
}

span.off {
	color: #ccc;
}

/* Content */

body #content {
	padding-left: 5%;
	padding-right: 5%;
}

body[lang='en'] #content,
body.lang_en #content {
	padding-right: 5%;
}

body[lang='fa'] #content,
body.lang_fa #content {
	padding-left: 5%;
}

#content {
	color: #333;
	font-size: 9pt;
	background-color: white;
	line-height: 16pt;
	padding-left: 5%;
	padding-right: 5%;
}

.content * {
	font-size: 9pt;
}

.lang_fa #content {
	font-size: 11pt;
}

.lang_fa .content * {
	font-size: 11pt;
}

#content p {
	line-height: 12pt;
}

#content a {
	color: #058;
	text-decoration: none;
}

#content a:hover,
#content a:active {
	border-bottom: #087 dotted 1px;
}

#content a:visited {
	color: #036;
}

#content .bad-thing a {
	color: #801;
}

#content .bad-thing a:visited {
	color: #401;
}

#content img {
	border: 0 !important;
}

#content sub {
	font-size: 8pt;
	line-height: 10pt;
	white-space: nowrap;
}

.lang_fa #content sub {
	font-size: 10pt;
}

#content .example {
	color: #085;
	font-size: 8pt;
	padding-bottom: 0.15em;
}

.lang_fa #content .example {
	font-size: 10pt;
}

#content .optional,
#content .mandatory {
	color: #F8A65D;
}

#content div.toc {
	padding: 1em 2em;
	white-space: nowrap;
	background: #eee;
	border: 1px solid #999;
}

#content div.toc li {
	marker: none;
}

#content hr {
	margin: 0.2em;
	background: none;
	border-bottom: 1px dotted #333;
}

#content hr.section-hr {
	margin: 2em 0.2em;
}


#content .text_render {
	color: black;
	font-size: 125%;
}

/* Highlight */

.highlight {
	background: #cdf;
	padding: 0.2em 0.5em;
}


/* Numerical */

input.numerical-input {
	text-align: right;
}


/* Misc */

.bad-thing {
	color: #801;
}

.good-thing {
	color: #061;
}

IMG.graph_render {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}

legend {
	font-weight: bold;
}

.title {
	font-size: 10pt;
	font-weight: bold;
}

.small {
	font-size: 8pt;
}

/* RTL Fixes
 *
 * It works!
 */

*[lang="fa"] #content ul,
*.lang_fa #content ul {
	margin-left: 0;
	margin-right: 1.5em;
}

*[lang="fa"] #content ol,
*.lang_fa #content ol {
	margin-left: 0;
	margin-right: 2em;
}

*[lang="fa"] #content dd,
*.lang_fa #content dd {
	margin-left: 0;
	margin-right: 1.6em;
}

/* Embeded LTR in RTL & vv. */

.embed {
	unicode-bidi: embed;
}