/* Global properties */
body {
	font-family: Helvetica, Arial, FreeSans, sans-serif;
}

abbr[title], acronym[title] {
	border-bottom-style: none;
}

a img {
	border: none;
}


/* Page head */
#page-head {
	position: relative;
	height: 72px;
	margin-bottom: 1em;
}

#page-head a {
	color: #FFF;
	text-decoration: none;
}

#logo-parent {
	position: relative;
	float: left;
	width: 50%;
	height: 48px;
}

#logo-parent-after {
	position: relative;
	float: left;
	width: 50%;
	height: 48px;
}

#logo-before {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 48px;
	background-image: url(images/logo-before.png);
}

#logo {
	position: absolute;
	top: 0;
	left: 12px;
	right: 0;
	height: 48px;
	background-image: url(images/logo.png);
	margin: 0;
	padding-top: 6px;
	font-size: 32px;
	font-weight: bold;
}

#logo-parent-after-child-1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 6px;
	height: 48px;
	background-image: url(images/logo-parent-after-child-1.png);
}

#logo-parent-after-child-2 {
	position: absolute;
	top: 0;
	left: 6px;
	right: 12px;
	height: 48px;
	background-image: url(images/logo-parent-after-child-2.png);
}

#logo-parent-after-child-3 {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 48px;
	background-image: url(images/logo-parent-after-child-3.png);
}

#topics-parent-parent {
	position: absolute;
	top: 48px;
	left: 0;
	right: 0;
	height: 24px;
}

#topics-parent-before {
	position: relative;
	float: left;
	width: 50%;
	height: 24px;
}

#topics-parent {
	position: relative;
	float: left;
	width: 50%;
	height: 22px;
}

#topics-parent-after {
	display: none;
}

#topics-parent-before-child-1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 24px;
	background-image: url(images/topics-parent-before-child-1.png);
}

#topics-parent-before-child-2 {
	position: absolute;
	top: 0;
	left: 5px;
	right: 8px;
	height: 24px;
	background-image: url(images/topics-parent-before-child-2.png);
}

#topics-parent-before-child-3 {
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 24px;
	background-image: url(images/topics-parent-before-child-3.png);
}

#topics-before {
	position: absolute;
	top: 0;
	left: 0;
	width: 6px;
	height: 22px;
	background-image: url(images/topics-before.png);
}

#topics {
	position: absolute;
	top: 0;
	left: 6px;
	right: 0;
	height: 22px;
	background-image: url(images/topics.png);
	margin: 0;
	padding: 0;
}

#topics > li {
	float: left;
	width: 33%;
	list-style-type: none;
	text-align: center;
}

#topics > li > a {
	font-size: 16px;
	font-weight: bold;
}

#topics > li > ul {
	display: none;
}

#page-head + hr {
	display: none;
}


/* Page body */
#page-body {
	color: #2F4F4F;
	font-size: 14px;
}

#page-body a:link, #page-body a:visited {
	color: #FF8C00;
	text-decoration: none;
}

#page-body a:hover, #page-body a:active {
	color: #FFA500;
	text-decoration: underline;
}

#page-body h1, #page-body h3, #page-body h4, #page-body dt {
	color: #000;
}

#page-body h2 {
	color: #1E90FF;
}

#page-body p, #page-body dd, #page-body li {
	text-align: justify;
}

#page-body ul > li {
	list-style-image: url(images/li.png);
}

#page-body > ol > li > h2, #page-body > ol > li > h3 {
	margin-bottom: 0;
}

#page-body > ol > li > h2 + p, #page-body > ol > li > h3 + p {
	margin-top: 0;
}

/* Lists */
#page-body > ol {
	margin: 0; /* Required by IE < 8 */
	padding: 0;
}

#page-body > ol > li {
	list-style-type: none;
}

#page-body > ol > li > h2, #page-body > ol > li > h3 {
	font-size: 100%;
}

/* Definition lists */
#page-body > dl > dd {
	margin: 0;
}

#page-body > dl > dd + dt {
	margin-top: 1em;
}

/* Tables */
#page-body th, #page-body td {
	padding: 1px 8px;
}

#page-body thead th {
	background-color: #FFE8BF;
}

#page-body tbody tr:nth-child(2n) {
	background-color: #C6E3FF;
}

/* Width is embedded in these selectors to be sure that only browsers supporting
these selectors/properties do actually use it */
/* Only for Gecko */
/*#page-body > dl {
	-moz-column-width: 49%;
	-moz-column-count: 2;
}*/

/* Only for Presto & Webkit */
/*#page-body > dl > dt:nth-child(4n+1) {
	width: 49%;
	float: right;
}

#page-body > dl > dd:nth-child(4n+2) {
	width: 49%;
	clear: right;
	float: right;
}

#page-body > dl > dt:nth-child(4n+3) {
	width: 49%;
}

#page-body > dl > dd:nth-child(4n) {
	width: 49%;
}*/

#page-body span.current {
	font-weight: bold;
}


/* Page foot */
#page-body + hr {
	/*clear: both;*/
	display: none;
}

#page-foot {
	position: relative;
	height: 48px;
}

#page-foot a {
	color: #FFF;
	text-decoration: none;
}

#page-foot a:hover {
	text-decoration: underline;
}

#page-foot ul > li > a.this {
	font-weight: bold;
}

#languages-parent-before {
	position: relative;
	float: left;
	width: 50%;
	height: 29px;
}

#languages-parent {
	position: relative;
	float: left;
	width: 50%;
	height: 29px;
}


#languages-parent-before-child-1 {
	position: absolute;
	top: 24px;
	left: 0;
	width: 4px;
	height: 5px;
	background-image: url(images/languages-parent-before-child-1.png);
}

#languages-parent-before-child-2 {
	position: absolute;
	top: 24px;
	left: 4px;
	right: 6px;
	height: 5px;
	background-image: url(images/languages-parent-before-child-2.png);
}

#languages-parent-before-child-3 {
	position: absolute;
	top: 12px;
	right: 0;
	width: 6px;
	height: 17px;
	background-image: url(images/languages-parent-before-child-3.png);
}


#languages-before {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 29px;
	background-image: url(images/languages-before.png);
}

#languages {
	position: absolute;
	top: 0;
	left: 11px;
	right: 3px;
	height: 29px;
	background-image: url(images/languages.png);
	margin: 0;
	padding: 0;
	text-align: center;
}

#languages-after {
	position: absolute;
	top: 0;
	right: 0;
	width: 3px;
	height: 29px;
	background-image: url(images/languages-after.png);
}


#languages > li {
	display: inline;
	padding: 4px 8px;
}


#infos-before {
	position: absolute;
	top: 29px;
	left: 0;
	width: 12px;
	height: 19px;
	background-image: url(images/infos-before.png);
}

#infos {
	position: absolute;
	top: 29px;
	left: 12px;
	right: 12px;
	height: 19px;
	background-image: url(images/infos.png);
	margin: 0;
	padding: 0;
	text-align: center;
}

#infos-after {
	position: absolute;
	top: 29px;
	right: 0;
	width: 12px;
	height: 19px;
	background-image: url(images/infos-after.png);
}


#infos > li {
	display: inline;
	padding: 4px 16px;
}