/* Copyright (c) 2007, all rights reserved. */



/***********************************************
 *	MAIN LAYOUT
 ***********************************************/


body {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 80%;
	line-height: 1.4em;
	margin: 0;
	padding: 1.2em 1.2em 1.2em 1.2em;
}


#header {
	padding: .8em;
	margin-bottom: .5em;
	text-align: center;
}


#content {
	padding: .1em 19em .1em 15.5em;
	position: relative;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 30px;
}


#footer {
	padding: 2em 1em 1px 1em;
	text-align: right;
	text-align: center;
	clear: both;
}


#language-navigation {
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 1.2em;
	margin-top: -8px;
	z-index: 20;
}


#page-navigation {
	position: absolute;
	top: 6.5em;
	left: 2.0em;
	padding: 0 0 0 30px;
	z-index: 10;
	width: 11.5em;
}


#side-bar {
	overflow: hidden;
	position: absolute;
	top: 6.5em;
	right: 2.0em;
	width: 15em;
	padding: 0;
	z-index: 10;
}



/***********************************************
 *	SIDE BAR
 ***********************************************/


#side-bar {
	font-size: 95%;
	top:6.84em;
	right: 2.11em;
}
#content {
	padding-right: 18.05em;
}
#side-bar p.ToggleCollapsing {
	font-size: 105%;
}

/*
#side-bar {
	font-size: 90%;
	top:7.22em;
	right: 2.22em;
}
#content {
	padding-right: 17.10em;
}
#side-bar p.ToggleCollapsing {
	font-size: 111%;
}
*/


body.HideSideBar #side-bar {
	display: none;
}
body.HideSideBar #content {
	padding-right: 2em;
}


/* HEADERS */

#side-bar h2 {
	margin-top: 1.2em;
	margin-bottom: .6em;
}

#side-bar h3,
#side-bar h4 {
	margin-top: 1em;
	margin-bottom: .6em;
}


/* SITEMAP */

#side-bar ul.Sitemap {
	margin-left: 0;
}
#side-bar ul.Sitemap li {
	padding-left: 0;
	list-style: none;
}



/***********************************************
 *	FORMS
 ***********************************************/


fieldset {
	margin: 1em 0 1em 0;
	padding: .5em 1em;
}

input, textarea, select, option {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 100%;
}

input.text, input.button, textarea {
	padding: .2em .2em .2em .5em;
}



/***********************************************
 *	HEADINGS
 ***********************************************/


h1 {
	font-size: 140%;
	line-height: 1.4em;
	margin: 1.5em 0 1em 0;
}

h2 {
	font-size: 120%;
	line-height: 1.4em;
	margin: 1em 0 1em 0;
	clear: both;
}

h3 {
	font-size: 110%;
	line-height: 1.4em;
	margin: 1.5em 0 .8em 0;
}

h4 {
	font-size: 100%;
	line-height: 1.4em;
	margin: 1.5em 0 .8em 0;
}

h1, h2, h3, h4 {
	padding-top: .2em;
	padding-bottom: .2em;
}



/***********************************************
 *	DOWNLOADS
 ***********************************************/


h3.Download span.Info {
	font-size: 85%;
	font-weight: normal;
	margin-left: 1em;
}

h3.Download {
	padding-left: 32px;
	background-image: url(download.png);
	background-position: 8px center;
	background-repeat: no-repeat;
}

h3.Download-PNG,
h3.Download-JPG,
h3.Download-JPEG,
h3.Download-GIF,
h3.Download-BMP {
	background-image: url(download-png.png);
}
h3.Download-HTML {
	background-image: url(download-html.png);
}
h3.Download-XML {
	background-image: url(download-xml.png);
}
h3.Download-PDF {
	background-image: url(download-pdf.png);
}
h3.Download-RTF,
h3.Download-ODT,
h3.Download-DOC {
	background-image: url(download-rtf.png);
}
h3.Download-MP3,
h3.Download-WAV,
h3.Download-MID,
h3.Download-MIDI {
	background-image: url(download-mp3.png);
}
h3.Download-MPG,
h3.Download-MPEG,
h3.Download-WMP {
	background-image: url(download-mpg.png);
}
h3.Download-ZIP,
h3.Download-GZIP {
	background-image: url(download-zip.png);
}



/***********************************************
 *	LISTS
 ***********************************************/


ul, ol {
	list-style-position: inside;
}

li {
	margin: .3em 0 .3em 0;
}

dl {
	margin: 1.5em 0 1.5em 2em;
}

dt {
	font-size: 120%;
	font-weight: bold;
	margin: 1.5em 0 .3em 0em;
}

dd {
	margin: .3em 0 .3em 0;
}



/***********************************************
 *	LINKS
 ***********************************************/


a {
	text-decoration: underline;
}

a img {
	border: none;
}



/***********************************************
 *	PADDING AND MARGINS
 ***********************************************/


/* PADDING */

p, ul, ol, dl {
	padding: 0;
}

/* MARGIN */

p, ul, ol, dl, hr, quote, code {
	margin: .8em 0;
}

ul ul, ul ol, ul dl,
ol ul, ol ol, ol dl,
dl ul, dl ol, dl dl {
	margin-left: 2em;
}



/***********************************************
 *	TABLES
 ***********************************************/


table {
	border-collapse: collapse;
}

th, td {
	padding: .3em 1em;
	border: 1px solid #ccc;
}



/***********************************************
 *	HEADER
 ***********************************************/

#header p.Logo {
	display: none;
}

#header p.SiteName {
	margin: 0;
	font-weight: bold;
	font-size: 200%;
	line-height: 1.1em;
}



/***********************************************
 *	FOOTER
 ***********************************************/

#footer p,
#footer ul,
#footer ol {
	font-size: 80%;
	line-height: 1.4em;
	margin: .5em 0;
}



/***********************************************
 *	HIDDEN
 ***********************************************/


#bypass {
	position: absolute;
	left: -100em;
}



/***********************************************
 *	CONTENT
 ***********************************************/


.First {
	clear: both;
}

p.Clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

p.Warning {
	color: black;
	padding: .5em 1em;
	border: 1px solid orange;
}

img.left,
span.left,
object.left {
	float: left;
	clear: left;
	margin: .4em 1em .4em 0;
}

img.right,
span.right,
object.right {
	float: right;
	clear: right;
	margin: .4em 0 .4em 1em;
}

img.noclear,
span.noclear,
object.noclear {
	clear: none;
}

img.center,
span.center,
object.center {
	display: block;
	margin: 0 auto;
}

img.middle,
span.middle img {
	vertical-align: middle;
}

span.default {
	display: block;
	margin: 0 auto 0 0;
}

span.default,
span.left,
span.right,
span.center {
	text-align: center;
	padding-bottom: .3em;
}

span.Protection del {
	display: none;
}

hr {
	width: 25%;
	height: 0;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	border: none;
	border-top: 1px dashed #ccc;
}

p.Asterism {
	clear: both;
	text-align: center;
}



/***********************************************
 *	IMAGE SPLASH
 ***********************************************/

span.ImageSplash {
	position: relative;
	padding: 0;
}


span.ImageSplash a.Small {
}

span.ImageSplash a.Small img {
	vertical-align: bottom;
	border: 1px solid #ccc;
	margin: 0;
}

span.ImageSplash a.Small em {
	position: absolute;
	bottom: 1px;
	right: -1px;
	background: #fff url(magnifier.png) no-repeat 4px 4px;
	opacity: .75;
	width: 0;
	height: 24px;
	padding-left: 24px;
	overflow: hidden;
}

span.ImageSplash span.Closed {
	display: none;
}

span.ImageSplash span.Open {
	position: absolute;
	top: -1px;
	text-align: center;
	background: #ddd;
	color: black;
	border: 1px solid #ccc;
	z-index: 100;
}

span.left span.Open {
	left: -1px !important;
}
span.right span.Open {
	left: auto !important;
	right: -3px;
}


span.ImageSplash span.Open img {
	display: block;
	border-bottom: 1px solid #ccc;
}

span.ImageSplash span em {
	display: block;
	padding: .5em 1em;
}



/***********************************************
 *	SLIDESHOW
 ***********************************************/


/* Thumbs */

p.SlideThumbs {
	text-align: center;
	padding: .5em;
}

p.SlideThumbs a {
	margin: 0 .2em;
}

p.SlideThumbs img {
	vertical-align: middle;
	border: 1px solid #ccc;
	margin: .2em 0;
}


/* Slides */

body div.SlidesOpen {
	display: block;
}


/* Slide Nav */

div.Slides a.SlidePrev,
div.Slides a.SlideNext,
div.Slides a.SlideClose {
	padding: .2em;
	float: left;
	width: 2em;
	text-decoration: none;
	font-weight: bold;
}

div.Slides a.SlidePrev {
	text-align: right;
}

div.Slides a.SlideNext {
	text-align: left;
}

div.Slides a.SlideClose {
	float: right;
	width: 4em;
	text-align: center;
}


/* Slide Items */

div.Slides div {
	text-align: center;
	padding-bottom: 1em;
	margin-bottom: .5em;
}

div.Slides div.Current {
	display: block;
}


div.Slides div img {
	border: 1px solid #ccc;
}

div.Slides div.Current img {
	display: inline;
}


div.Slides div h3 {
	margin-top: 0;
	margin-bottom: 1em;
}

div.Slides div p {
	margin: 0;
}
div.Slides div p.Comment {
	margin: 0;
}



/***********************************************
 *	ANALYSIS
 ***********************************************/


form.AnalysisSelector,
form.AnalysisForm {
	margin: 2em 0;
}

form.AnalysisSelector label {
	margin-right: 1em;
}

form.AnalysisForm td.Number {
	text-align: right;
}

form.AnalysisForm td.Question {
	text-align: left;
}



/***********************************************
 *	SITEMAP
 ***********************************************/


ul.Sitemap {
	margin-left: 1em;
}

ul.Sitemap ul {
	margin-left: 2em;
	margin-left: 0;
}

ul.Sitemap li {
	padding-left: 2em;
	clear: both;
	list-style-position: outside;
	list-style: none;
}

ul.Sitemap li h2 {
	margin-left: -2em;
	margin-top: 1.5em;
	margin-bottom: .8em;
	font-size: 110%;
}

ul.Sitemap li h3 {
	font-size: 105%;
	margin-top: 1.3em;
	margin-bottom: .8em;
}

ul.Sitemap li h4 {
	font-size: 100%;
	margin-top: 1.2em;
	margin-bottom: .8em;
}

ul.Sitemap li h2 a {
	display: block;
}



/***********************************************
 *	CONTENT ANCHORS
 ***********************************************/


ol.ContentAnchors {
	list-style-position: outside;
	margin-bottom: 2.0em;
	padding-left: 2.5em;
}

ol.ContentAnchors + p.BackToTop {
	margin-top: -1.5em;
}



/***********************************************
 *	BACK TO TOP
 ***********************************************/


p.BackToTop {
	text-align: right;
	margin: 0;
	clear: both;
	line-height: 1em;
	position: relative;
	top: 1.1em;
	font-size: 90%;
}

p.BackToTop a {
	text-decoration: none;
	padding: 0 .3em;
}



/***********************************************
 *  LOGS
 ***********************************************/

p.Log0, p.Log1, p.Log2 {
	padding: .5em 1em;
	border: 2px solid #ccc;
}



/***********************************************
 *	LANGUAGE NAVIGATION
 ***********************************************/


#language-navigation ul {
	list-style: none;
	margin: 0 2.2em 0 0;
	text-align: right;
	line-height: 1px;
}

#language-navigation ul li,
#language-navigation ul li a {
	display: inline;
}

#language-navigation ul li {
	margin: 0 .2em;
	padding: 0;
}

#language-navigation ul li a img {
	vertical-align: middle;
	border: 1px solid #ccc;
}

#language-navigation ul li a span {
	padding: .1em .5em .2em .5em;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.5em;
}

#language-navigation ul.Flags li a span {
	display: none;
}

#language-navigation ul.NoFlags li a img {
	display: none;
}


/***********************************************
 *	PAGE NAVIGATION
 ***********************************************/


#page-navigation div.Login {
	margin-left: -30px;
}
#page-navigation div.Login p {
	margin: .1em 0 .4em 0;
	text-align: left;
}
#page-navigation div.Login legend {
	font-weight: bold;
}
#page-navigation div.Login label {
	display: block;
	padding: 0em;
	margin: 0;
}
#page-navigation div.Login input.text {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
#page-navigation div.Login input.button {
	display: none;
}


#page-navigation h2 {
	margin: 1.2em 0 .5em -30px;
}
#page-navigation p {
	margin: .5em 0 .5em -30px;
	text-align: center;
}
#page-navigation img {
	margin-top: 1em;
}

#page-navigation ul {
	list-style: none;
	margin: 1em 0 1em -30px;
	padding: .2em 0;
}

#page-navigation ul ul {
	margin: 0 0 0 1em;
	padding: 0;
}

#page-navigation li {
	margin: 0;
	padding: 0;
}

#page-navigation li a {
	display: block;
	margin: 0;
	padding: .6em 1em .6em 30px;
	text-decoration: none;
	line-height: 1.2em;
	background-position: 10px 50%;
	background-repeat: no-repeat;
}
#page-navigation.Collapsing li.collapsed a {
	background-image: url(../images/navigation/right_red.png);
}
#page-navigation.Collapsing li.expanded a,
#page-navigation.Expanded li.expanded a,
#page-navigation.Expanded li.collapsed a {
	background-image: url(../images/navigation/down_red.png);
}
#page-navigation.Collapsing li.leaf a,
#page-navigation.Expanded li.leaf a {
	background-image: url(../images/navigation/square_red.png);
}

#page-navigation li li a {
	padding: .5em 1em .5em 30px;
}
#page-navigation.Collapsing li li.collapsed a {
	background-image: url(../images/navigation/right_blue.png);
}
#page-navigation.Collapsing li li.expanded a,
#page-navigation.Expanded li li.expanded a,
#page-navigation.Expanded li li.collapsed a {
	background-image: url(../images/navigation/down_blue.png);
}
#page-navigation.Collapsing li li.leaf a,
#page-navigation.Expanded li li.leaf a {
	background-image: url(../images/navigation/square_blue.png);
}

#page-navigation li li li a {
	padding: .4em 1em .4em 30px;
}
#page-navigation.Collapsing li li li.collapsed a {
	background-image: url(../images/navigation/right_green.png);
}
#page-navigation.Collapsing li li li.expanded a,
#page-navigation.Expanded li li li.expanded a,
#page-navigation.Expanded li li li.collapsed a {
	background-image: url(../images/navigation/down_green.png);
}
#page-navigation.Collapsing li li li.leaf a,
#page-navigation.Expanded li li li.leaf a {
	background-image: url(../images/navigation/square_green.png);
}

#page-navigation li li li li a {
	padding: .3em 1em .3em 30px;
}
#page-navigation.Collapsing li li li li.collapsed a {
	background-image: url(../images/navigation/right_yellow.png);
}
#page-navigation.Collapsing li li li li.expanded a,
#page-navigation.Expanded li li li li.expanded a,
#page-navigation.Expanded li li li li.collapsed a {
	background-image: url(../images/navigation/down_yellow.png);
}
#page-navigation.Collapsing li li li li.leaf a,
#page-navigation.Expanded li li li li.leaf a {
	background-image: url(../images/navigation/square_yellow.png);
}

#page-navigation ul,
#page-navigation li a,
#page-navigation li.Selected li a {
	font-weight: normal;
}

#page-navigation li a:hover,
#page-navigation li a:focus,
#page-navigation li.Selected li a:hover,
#page-navigation li.Selected li a:focus {
	font-weight: normal;
}

#page-navigation li.Selected a,
#page-navigation li.Selected a:hover,
#page-navigation li.Selected a:focus {
	font-weight: bold;
}



/***********************************************
 *	COLLAPSING
 ***********************************************/

#page-navigation p.ToggleCollapsing,
#side-bar p.ToggleCollapsing {
	text-align: left;
	margin-top: 0;
	margin-bottom: 1.5em;
	padding: 0;
}

#side-bar p.ToggleCollapsing {
	text-align: right;
}

#page-navigation p.ToggleCollapsing span,
#side-bar p.ToggleCollapsing span {
	cursor: pointer;
	padding: 0 .3em .1em .3em;
	position: relative;
	top: .5em;
}

#page-navigation.Collapsing p.ToggleCollapsing span.Collapse,
#page-navigation.Expanded p.ToggleCollapsing span.Expand {
	display: none;
}

#page-navigation.Collapsing li.expanded ul {
	display: block;
}
#page-navigation.Collapsing li.collapsed ul {
	display: none;
}



/***********************************************
 *	COLORS
 ***********************************************/


/* MAIN LAYOUT */


body {
	color: #000;
	background-color: #27417F;
}

#header,
#footer,
#content,
#page-navigation,
#side-bar {
	color: #000;
	background-color: #fff;
	border-color: #fff;
}

#footer {
	color: #888;
}

#language-navigation ul li a img {
	border-color: #eee;
}


/* FORMS */

fieldset {
	border-color: #ccc;
}

input.text, textarea, select, option {
	color: #000 !important;
	background-color: #fff !important;
	border-color: #ccc;
}

input.button {
	color: #000;
	background-color: #ccc;
	border-color: #aaa;
}


/* HEADINGS */

h1,
h1 a {
	color: #fff;
	background-color: #BF0023;
}

h2,
h2 a  {
	color: #fff;
	background-color: #27417F;
}

h3,
h3 a  {
	color: #fff;
	background-color: #0B791B;
}

h4,
h4 a  {
	color: #000;
	background-color: #FFC219;
}


/* LINKS */

a {
	color: #008;
}

a:hover {
	color: #EF9D00;
}


/* TABLES */

table {
	color: #000;
	background-color: #fff;
}

tr.even,
tr.Even {
	color: #000;
	background-color: #eee;
}
tr.odd,
tr.Odd {
	color: #000;
	background-color: #ddd;
}
th {
	color: #fff;
	background-color: #777;
}
th a {
	color: #eee;
}
th a:hover {
	color: #FFD40F;
}

td.container {
	background-color: #fff;
}

/* CONTENT */

span.default,
span.left,
span.right,
span.center {
	color: #444;
	background-color: #fff;
}

hr {
	border-color: #ccc;
}

p.Asterism {
	color: #888;
	background-color: #fff;
}

div.Slides div,
p.SlideThumbs {
	background: #e5e5e5;
}

/* BACK TO TOP  */

p.BackToTop a {
	color: #aaa;
}
p.BackToTop a:hover {
	color: #BF0023;
}


/* SITEMAP */

ul.Sitemap h2,
ul.Sitemap h2 a {
	color: #000;
	background-color: #ddd;
}
ul.Sitemap h2 a:hover {
	color: #EF9D00;
}


/* LANGUAGE NAVIGATION */

#language-navigation ul li a span {
	background: #eee;
	color: #000;
}


/* PAGE NAVIGATION */

#page-navigation ul {
	color: #000;
	background-color: #ddd;
}

#page-navigation ul ul,
#page-navigation li a,
#page-navigation li.Selected li a {
	color: #000;
	background-color: transparent;
}

#page-navigation li a:hover,
#page-navigation li a:focus,
#page-navigation li.Selected li a:hover,
#page-navigation li.Selected li a:focus {
	color: #000;
	background-color: #ccc;
}

#page-navigation li.Selected a,
#page-navigation li.Selected a:hover,
#page-navigation li.Selected a:focus,
#page-navigation ul.menu li a.active {
	color: #fff;
	background-color: #BF0023;
}


/* COLLAPSING */

p.ToggleCollapsing span {
	color: #888;
	background-color: #eee;
}


/* LOGS */

p.Log0 {
	border-color: lime;
}
p.Log1 {
	border-color: #EF9D00;
}
p.Log2 {
	border-color: red;
}



/***********************************************
 *  PRINT
 ***********************************************/


@media print {
	

	body {
		font-size: 72%;
		padding: 0;
		margin: 0;
		color: #000;
		background-color: #fff;
	}

	body.HideSideBar #content,
	#content {
		padding-left: 0 !important;
		padding-right: 0 !important;
		min-height: 0 !important;
		border-color: #fff !important;
	}

	#content {
		border-left-width: 0;
	}
	
	#side-bar,
	#page-navigation,
	#language-navigation {
		display: none;
	}
	
	p.BackToTop {
		visibility: hidden;
	}


}



/***********************************************
 *  HEADINGS NEGATIVE MARGINS
 ***********************************************/

/* Use pixel value to keep it simple */


h1, h2, h3, h4,
div.Slides div,
p.SlideThumbs {
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -10px;
	margin-right: -10px;
}

#side-bar {
	padding-left: 10px;
	padding-right: 10px;
}

#side-bar ul.Sitemap h2 {
	margin-left: -10px;
}

#side-bar p.ToggleCollapsing {
	margin-right: -10px;
}

#content {
	border-right-width: 20px;
	border-right-style: solid;
}
body.HideSideBar #content {
	border-right-width: 0;
}


@media print {
	
	body {
		padding-left: 10px;
		padding-right: 10px;
	}

	#content {
		border-right-width: 0;
	}

	div.Slides a.SlidePrev,
	div.Slides a.SlideNext,
	div.Slides a.SlideClose {
		display: none;
	}
	
}