/* content.css -- Orthomol Design Portal, 2012-03-01 caugustin.de */

@import "../../lib/css/imgheights.10.18.css";

body {
	font-size: 14px;
	text-rendering: optimizeLegibility;
}
body, table, input, button, select, optgroup, option, textarea {
	font-family: myriad-pro, "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
	line-height: 18px;
}
body.showLayout { background-image: url(../../lib/media/vgrid.18-6.gif); }

pre, code, tt, kbd, samp {
	font-family: "Courier New", Courier, monospace;
}
h4, h5, h6,
p, ul, ol, dt,
.wide p, .wide ul, .wide ol, .wide dl, .wide li, .wide dt,
address, pre, .figure, .table,
.par {
	margin-top: 12px;
}
blockquote {
	margin-left:  24px;
	margin-right: 24px;
}

.near { margin-top: 0; }


/* Margin text settings ... */

.margin { color: rgb(0, 85, 155); }



/* Headline settings ... */

h3 {
	font-weight: normal;
	color: rgb(0, 85, 155);
	font-size: 28px;
	line-height: 36px;
	top: -1px;
}

h4 {

}

h5 {
	margin-top: 24px;
	color: rgb(0, 85, 155);
}
h6 {
	margin-top: 0;
	top: 12px;
}


/* Sectionpage and Titlepage ... */

.Sectionpage h3,
.Titlepage h3 {
	margin-top: 246px;
}
.Sectionpage .introImage,
.Titlepage .introImage {
	position: absolute;
	top: 0;
	margin-top: 0;
}
.Sectionpage .introImage img,
.Titlepage .introImage img {
	position: absolute;
	margin: 0;
	overflow: hidden;
}
.Sectionpage .introImage img {
	top: -47px;
	clip: rect(1px 768px 246px 0);
}
.notIE8:target, .isMsie .Sectionpage .introImage img,
.isGecko .Sectionpage .introImage img {
	/* all IE except IE8, Firefox */
	top: -46px;
}
.Titlepage .introImage img {
	top: -1px;
	clip: rect(1px 552px 206px 0); 
}
.notIE8:target, .isMsie .Titlepage .introImage img,
.isGecko .Titlepage .introImage img {
	/* all IE except IE8, Firefox */
	top: 0;
}
@media print {
	.Sectionpage .introImage img {
		clip: rect(1px 744px 246px 0);
		width: 744px;
		height: auto;
	}
}


/* HR settings ... */

hr, .hr {
	height: 18px;        /* Change this in custom css! */
	text-align: center; /* Change this in custom css! */
	top: 15px;         /* Change this in custom css! */
}
.notIE8:target, .isMsie hr, .isMsie .hr, .isGecko hr {
	/* all IE except IE8, Firefox */
	top: 16px;
}
hr.break, .hr.break { top: 11px; }



/* Figure settings ... */

p img, p object, .figure img, .figure object {
	position: relative;
	margin: 3px 0 5px 0;
}
.notIE8:target, .isMsie p img, .isMsie p object,
.isGecko p img, .isGecko p object,
.isMsie .figure img, .isMsie .figure object,
.isGecko .figure img, .isGecko .figure object {
	/* all IE except IE8, Firefox */
	top: 1px;
}
.figcaption { font-style: italic; }



/* Generic settings ... */

.floatLeft, .fl,
.floatRight, .fr { margin-bottom: 12px; }


/* Link settings ... */

a { font-weight: bold; color: rgb(135, 150, 155); }
a:link,
a:visited { color: rgb(0, 85, 155); }
a:link:hover,
a:visited:hover { color: rgb(100, 195, 215); }
#Content a:link,
#Content a:visited { border-bottom: 1px dotted rgb(0, 85, 155); }
#Content a:link:hover,
#Content a:visited:hover { border-bottom-color: rgb(100, 195, 215); }
#Content .links a,
#Content .downloads a { border-bottom: none !important; }



/* List settings ... */

li.ulChild { margin-left: 16px; } /* MSIE 6 */      /* Change in custom css! */
ul>li      { margin-left: 16px; }                   /* Change in custom css! */

ol>/**/li      { margin-left: 1.5em; }              /* Change in custom css! */

li.olLongChild { margin-left: 2.5em; } /* MSIE 6 */ /* Change in custom css! */
ol.long>li     { margin-left: 2.5em; } /* MSIE 7 */ /* Change in custom css! */
ol.long>/**/li { margin-left: 2em; }                /* Change in custom css! */



/* List-style image settings ... */

img.msieLiBefore {
	left: -16px;        /* Change this in custom css! */
	margin-top: 0.54em; /* Change this in custom css! */
	top: -3px;          /* Change this in custom css! */
}
ul>/**/li:before {
	left: -16px;        /* Change this in custom css! */
	margin-top: 0.54em; /* Change this in custom css! */
	top: -3px;          /* Change this in custom css! */
}


/* Table settings ... */

.table {
	border-bottom: 2px solid rgb(0, 85, 155);
	margin: 24px 0 -2px 0;
	top: -7px;
}
.notIE8:target, .isMsie .table, .isGecko .table {
	/* all IE except IE8, Firefox */
	top: -6px;
}
.table h6 {
	top: -2px;
	color: white;
	background:  rgb(0, 85, 155);
	padding: 5px 12px 3px 12px;
	margin-bottom: -2px;
}
.notIE8:target, .isMsie .table h6, .isGecko .table h6 {
	/* all IE except IE8, Firefox */
	padding: 4px 12px 4px 12px;
}
.table th, .table td {
	border-top: 1px solid rgb(0, 85, 155);
	padding: 6px 12px 5px 12px;
}
.notIE8:target, .isMsie .table th, .isMsie .table td,
.isGecko .table th, .isGecko .table td {
	/* all IE except IE8, Firefox */
	padding: 5px 12px 6px 12px;
}
.table thead th {
	color: rgb(0, 85, 155);
}
.table tr:first-child td,
.table tr:first-child th {
	border-top: 2px solid rgb(0, 85, 155);
	padding-top: 5px;
}
.notIE8:target,
.isMsie .table tr:first-child th, .isMsie .table tr:first-child td,
.isGecko .table tr:first-child th, .isGecko .table tr:first-child td {
	/* all IE except IE8, Firefox */
	padding-top: 4px;
}
.table thead tr:first-child td,
.table thead tr:first-child th {
	padding-top: 11px;
}
.notIE8:target,
.isMsie .table thead tr:first-child th, .isMsie .table thead tr:first-child td,
.isGecko .table thead tr:first-child th, .isGecko .table thead tr:first-child td {
	/* all IE except IE8, Firefox */
	padding-top: 10px;
}
.table tr.section th,
.table tr.section td {
	border-top: 2px solid rgb(0, 85, 155);
	padding-top: 17px;
}
.notIE8:target, .isMsie .table tr.section th, .isMsie .table tr.section td,
.isGecko tr.section th, .isGecko .table tr.section td {
	/* all IE except IE8, Firefox */
	padding-top: 16px;
}
.table th>*:first-child,
.table td>*:first-child {
	margin-top: 0;
}
.table th>img:first-child, .table th>object:first-child,
.table td>img:first-child, .table td>object:first-child {
	position: relative;
	margin: 3px 0 5px 0;
}
.notIE8:target,
.isMsie .table th>img:first-child, .isMsie .table th>object:first-child,
.isMsie .table td>img:first-child, .isMsie .table td>object:first-child,
.isGecko .table th>img:first-child, .isGecko .table th>object:first-child,
.isGecko .table td>img:first-child, .isGecko .table td>object:first-child {
	margin: 4px 0 4px 0;
}
* html .table th,
* html .table td { /* IE6 only */
	_first-child: expression(
		(firstChild && firstChild.nodeType == 1)
		? (
			(firstChild.tagName.match(/img|object/i))
			? firstChild.style.margin = '6px 0 4px 0'
			: firstChild.style.marginTop = '0'
		) : null
	);
}




/* Admonitions settings ... */

.note, .important { color: rgb(0, 85, 155); }



/* Teaser settings ... */

.teaser { color: rgb(185, 195, 0); }
.teaser a { display: block; }
.teaser a:link, .teaser a:visited {
	color: rgb(185, 195, 0);
	font-weight: normal;
	font-style: italic;
	padding-left: 16px;
	background: 0 0.25em no-repeat url(../media/a.link.teaser.gif);
}
.teaser a:link:hover, .teaser a:visited:hover {
	color: rgb(0, 85, 155);
}