/* main.css - the colors and sizes of the fonts in the page */

/* body and framework */
body
{
	font-size: 1em;
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	margin: 0;
	padding: 0;
}

/*Font with link*/
.news_txt {
	text-align: justify;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
.news_txt a:link div, a.news_txt:link div {color: #000; font-weight: normal; text-decoration: none;}
.news_txt a:visited div, a.news_txt:visited div {color: #000; font-weight: normal; text-decoration: none;}
.news_txt a:hover div, a.news_txt:hover div {color: #336699; font-weight: normal; text-decoration: none;}

h2
{
	color: red;
	font-size: 1.6em;
	font-weight: bold;
	text-align: left;
	float: left;
	clear: both;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 12px 10px 6px 0;
	/* TODO: margin & padding */
}

p
{
	/* margin: 0 0 4px; old */
	text-align: justify;
	margin: 0.5em 0;
	padding: 0;
}

/* main layout */
#all
{
	position: absolute;
/*	width: 91em; */
	margin: 1em 0 0 1em;
	margin-right: 2em;
}

#content-container
{
	margin-right: 24.6em;
	margin-left: 16.5em;
	margin-top: 0;

	/* XXX: ugly hack to convince "my" Firefox  1.5.0.5 to
	 *	not introduce some unnecessary (and unspecified)
	 *	space above this div */
	border: 1px solid #fff;

	font-size: 1em;
}

#content-container-full
{
	margin-left: 15.5em;
	margin-top: 1em;

	/* XXX: ugly hack to convince "my" Firefox  1.5.0.5 to
	 *	not introduce some unnecessary (and unspecified)
	 *	space above this div */
	border: 1px solid #fff;

	font-size: 1em;
}

#center-col {
	margin-top: 2em;
	margin-right: 24.6em;
	font-size: 1em;
}

#center-col-full {
	margin-top: 2em;
	font-size: 1em;
}

#left-col
{
	position: absolute;
	left:0;
	width: 14.8em;
	margin-top: 1.2em;
}

#right-col
{
	float: right;
	font-size: 1em;
	position: absolute;
	right:0;
	width: 23.6em;
}

#footer-actu
{
	text-align: center;
	margin-left: 16.5em;
	margin-right: 24.4em;
}

#footer-actu-full
{
	text-align: center;
	margin-left: 16.5em;
}

/*header*/
#header_graph
{
	position: absolute;
	top: 0;
	right: 0;
	float: right
}

#header_left
{
	width: 14.6em;
	float: left
}

#header_title1
{
	margin-right: 10px;
	margin-bottom: 1px;
	margin-left: 15em;
	height: 34px
}

#header_title1 img {
	margin-left: 9px;
	margin-top: 5px;
}

#header_title2
{
	margin-bottom: 1px;
	margin-left: 15em;
	height: 28px
}

#header_title2 img {
	margin-left: 10px;
	margin-top: 5px;
}

#tracking
{
	float: left;
	margin: 0;
	padding-left: 18px;
}

#tracking-div
{
	background-color: #cccccc;
	height: 14px;
	margin-left: 15em;
}

/* loginlink */
#loginlink
{
	margin: 0;
	padding: 0;
	float: right;
	margin-right: 3px;
}

#language
{
	background-color: #cccccc;
	padding-left: 11.1em;
	height: 14px
}

.logo
{
	margin-bottom: 1px;
	margin-left: 7em;
}

/*FULL ARTICLES*/
.cadre
{
	margin-bottom: 1.2em;
	padding-top: 0.8em;
	padding-left: 0.8em;
	border-top: 1px solid #399;
	border-left: 1px solid #399;
	border-bottom: 1px solid #fff;
	clear: both;
}

.change_size
{
	text-align: right;
	padding: 3px 0 3px 0;
}

.icon
{
	vertical-align: middle;
	margin: 1px;
}

.right-image
{
	font-style: italic;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 25px;
}

.author
{
	background-color: #d5f0f0;
	text-align: right;
	margin-top: 10px;
	padding: 4px 4px 4px 4px; /* TODO: ? */
}

.feedback
{
	position: absolute;
	top: 87px;
	left: 13em;
	background-color: #F9CC46;
	font-size: 1.2em;
	font-weight: bold;
	z-index: 50;

}

.feedback_flow {
	background-color: #F9CC46;
	font-size: 1.2em;
	font-weight: bold;
}

.bold
{
	font-weight: bold;
}

.type_main
{
	float: right;
	margin-top: -14px;
	padding: 14px;
	border-color: #399;
	border-style: solid;
	border-width: 0 1px 1px 0;
	margin-left: 0;
}

.title-news
{
	position: relative;
	top: -1.0em;
	max-width: 20em;
	width: 20em;
	padding-right: 0;
	clear: none;
	margin-top: 0;
}

.title-news-16
{
	position: relative;
	top: -1.0em;
	max-width: 16em;
	width: 16em;
	padding-right: 0;
	clear: none;
	margin-top: 0;
}

.img_dossier
{
	float: left;
	margin: 8px 7px 8px 1px;
}

.img_flash
{
	font-style: italic;
	padding-bottom: 1.2em;
	padding-left: 0.5em;
}

/*LIST*/
.marg-pr
{
	margin-left: 4em;
}

.indent
{
	font-style: italic;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 0px;
}

.indent .bold {
	font-style: normal;
}

.list_top
{
	padding: 4px;
	border-top: 1px solid #d5f0f0;
	margin-bottom: 4px;
}

.list
{
	padding: 4px;
	border-bottom: 1px solid #d5f0f0;
}

.list-left
{
	font-weight: bold;
	float: right;
	padding: 4px 2px;
}

.archives
{
	clear: both;
	margin-top: 20px; /* TODO: check if ok */
	padding: 4px 4px 4px 50px;
	border-color: #399;
	border-style: solid;
	border-width: 1px 1px 1px 0;
}

.cat
{
	float: left;
	margin: 2em 3em 1em 0.5em;
	/*height: 400px;
	margin-right: 30px;  old */
}

.align-r
{
	float: left;
	text-align: right;
	max-width: 28.5em;
  width: 28.5em;
}

.align-l
{
	float: left;
	max-width: 40em;
  width: 40em;
	padding-right: 0;
	margin-top: 0;
}

/*PRESS REVIEW*/
.margin-pr
{
	margin-right: 11em;
}

.box_pr
{
	width: 8em;
	float: right;
	margin-top: 0.2em;
	margin-right: 0.4em;
	clear: right;
}

.doc-pdf_pr
{

	background-image: url("images/readpdf.png"); /* TODO: check if url is correct */
	background-repeat: no-repeat;
	background-position: right 0;
	width: 8em;
	float: right;
	margin-top: 0.8em;
	padding-right: 0.4em;
	padding-top: 1.8em;
}

.doc-pdf_pr img
{
	float: right;
	margin-bottom: 4px;
}

/*elements on the homepage*/
.content_file
{
	margin-bottom: 16px;
	padding: 4px;
	border: solid 1px #399;
	width: 23.2em;
}

.searchbox
{
	background-color:#e0e0e0;
  margin-left: 5px;
  padding: 4px;
  border: solid 2px #399;
  width: 23.2em;
  position:absolute;
  z-index: 100;
  display:none;

  filter: alpha(opacity=90);
  -moz-opacity: 0.90;
   opacity:.90;
}

.img_file
{
	float: left;
	margin: 5px;
	border: solid 1px #399;
}

.title_file
{
	color: #399;
	clear: both;
	padding-left: 10px;
	border-width: 0;
}

.soft-highlight
{
	background-color: #d5f0f0;
}

.highlight
{
	background-color: #F9CC46;
}

.hp-image
{
	float: left;
	margin-right: 0.8em;
}


/* The tracker path */
.path, .path:active, .path:link, .path:hover, .path:visited, .path a
{
	color: #666666;
	font-size: 10px;
}

/* The boxes information */
.box_title
{
	font-size: 1.2em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	padding-left: 5px;
	border-top: 2px solid;
	border-bottom: 1px solid;
}

.box
{
	background-color: white;
	margin: 0 0 5px;
	padding: 4px;
	border-style: solid;
	border-width: 0 1px 1px;
}

/* The main colors */
.headercolor_epfl_1
{
	background-color: #99cccc;
}

.headercolor_epfl_2
{
	background-color: #339999
}

.headercolor_adm_1
{
	background-color: #cccccc;
}

.headercolor_adm_2
{
	background-color: #999999;
}

.headercolor_form_1
{
	background-color: #CCCC66
}

.headercolor_form_2
{
	background-color: #999933
}

.headercolor_asso_1
{
	background-color: #CC99CC
}

.headercolor_asso_2
{
	background-color: #660066
}

.headercolor_enac_1
{
	background-color: #FF9966
}

.headercolor_enac_2
{
	background-color: #CC6633
}

.headercolor_sb_1
{
	background-color: #6699CC
}

.headercolor_sb_2
{
	background-color: #336699
}

.headercolor_ic_1
{
	background-color: #669999
}

.headercolor_ic_2
{
	background-color: #336666
}

.headercolor_sti_1
{
	background-color: #9999CC
}

.headercolor_sti_2
{
	background-color: #333366
}

.headercolor_coh_1
{
	background-color: #CC9999
}

.headercolor_coh_2
{
	background-color: #990000
}

.headercolor_svie_1
{
	background-color: #99CC99
}

.headercolor_svie_2
{
	background-color: #669933
}

.red
{
	color: white;
	background-color: red;
	border-color: red
}

.grey
{
	color: white;
	background-color: #acacac;
	border-color: #acacac
}

.white
{
	color: #999999;
	background-color: white;
	border-color: white
}

.red_border
{
	border-color: red
}

.grey_border
{
	border-color: #acacac
}

.white_border
{
	border-color: white
}

.clear
{
	clear: both;
}

/* The pages layouts */
.news_main
{
	margin-right: 280px;
	margin-bottom: 20px;
	padding-top: 6px;
	padding-left: 6px;
	border-top: 1px solid #399;
	border-left: 1px solid #399;
}

.news_main_full
{
	margin-bottom: 20px;
	padding-top: 6px;
	padding-left: 6px;
	border-top: 1px solid #399;
	border-left: 1px solid #399;
}


.marge-liste
{
	margin-bottom: 10px;
}


.bg
{
	background-color: #d5f0f0;
}

/* Information specific display */
.date
{
	font-weight: bold;
}

.lead
{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 20px;
}

/* Image layout */
.img-news
{
	float: left;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
}

.img-right
{
	float: right;
	padding-top: 4px;
	padding-left: 10px;
	padding-bottom: 4px;
}

.img-left
{
	float: left;
	padding-right: 10px;
	padding-bottom: 4px;
}

/* Lists */
.liste-element-titre
{
	padding: 4px;
	border-bottom: 1px solid #d5f0f0;
}

.separator
{
	border-bottom: 1px solid #d5f0f0;
	padding: 4px 4px 4px 4px;
}

.liste-date
{
	font-weight: bold;
	float: right;
	margin-right: 20px;
	padding: 4px;
}

/* pour la boîte de recherche */
.align_button
{
	margin-bottom: 2px;
	margin-left: 0;
	vertical-align: -5px;
}

.ok
{
	margin-bottom: 2px;
	vertical-align: -2px;
}

.saisie
{
	margin: 5px 5px 5px 0;
}

/* Standard formatting */
/*balises génériques*/
body td
{
	font-size: 0.8em;
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	margin-top: 15px;
}

a:active, a:link
{
	color: #003366;
	font-weight: bold;
	text-decoration: none;
}

a:visited, a:hover
{
	color: #336699;
	font-weight: bold;
	text-decoration: none;
}

h1
{
	color: #999999;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding-top: 4px;
	padding-bottom: 4px;
}

.cadre h1 {
	clear: left;
}

.cadre div {
        text-align: justify;
        color: #000;
        font-weight: normal;
        text-decoration: none;
}

.high
{
	margin-top: -10px;
}

h3
{
	color: #999999;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	clear: both;
}

li
{
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

ul, ol
{
	margin: 0;
	padding-bottom: 4px;
	padding-left: 40px;
}

table
{
	border-collapse: collapse;
	border-color: black;
}

th
{
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 1.2em;
	border-color: black;
}

hr
{
	height: 1px;
	color: black;
}

/* Controls */
TEXTAREA
{
	border-bottom-width: 1px;
	border-color: #000000;
	border-left-width: 1px;
	border-right-width: 1px;
	border-style: solid;
	border-top-width: 1px;
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-indent: 2px;
	margin: 1px;
}

INPUT
{
	border-color: #000000;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	color: #000000;
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 10px;
	font-weight: normal;
	/* text-indent: 2px;
	*/
	margin: 1px;
}

INPUT.button, INPUT.pn-button
{

	border-color: #000000;
	border-left-width: 1px;
	border-right-width: 2px;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-style: normal;
	color: #000000;
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-indent: 2px;
	margin: 1px;
}

INPUT.textaligned
{
	border-color: #000000;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	color: #000000;
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: 1px;
}

SELECT
{
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 1px;
}

.pn-normal
{
	color: #000000;
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

.pn-bold
{
	color: #000000;
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.pn-red
{
	color: #FF0000;
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

.pn-bold-red
{
	color: #FF0000;
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.pn-pagetitle
{
	color: #000000;
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: none;
}

.pn-title
{
	color: #999999;
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
}

.pn-title-red
{
	color: #FF0000;
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
}

/* title type links */
A.pn-title, pn-title A, pn-title-red A, pn-title-link A, A.pn-title-link
{
	background-color: transparent;
	color: #003366;
	font-size: 0.8em;
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

A.pn-title:visited, pn-title A:visited, pn-title-red A:visited, pn-title-link A:visited, A.pn-title-link:visited
{
	background-color: transparent;
	color: #336699;
	font-size: 0.8em;
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

A.pn-title:hover, pn-title A:hover, pn-title-red A:hover, pn-title-link A:hover, A.pn-title-link:hover
{
	background-color: transparent;
	color: #336699;
	font-size: 0.8em;
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-weight: bold;
	text-decoration: none

}

A.pn-title:active, pn-title A:active, pn-title-red A:active, pn-title-link A:active, A.pn-title-link:active
{
	background-color: transparent;
	color: #000000;
	font-size: 0.8em;
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	text-decoration: none;
}

/* Old layout */
/* display positioning */
#headerBlankBox
{
	position : absolute;
	top : 9px;
	left : 4px;
	width : 35px;
	height : 63px;
}

#headerLogo
{
	position : absolute;
	top : 9px;
	left: 39px;
	width : 120px;
	height: 34px;
	background-color : #FFFFFF;
}

#headerText
{
	position : absolute;
	top : 44px;
	left : 39px;
	width: 120px;
	height: 28px;
}

#headerLine1
{
	font-size: 18px;
	position : absolute;
	top : 9px;
	left : 163px;
	right : 4px;
	background-color : #99CCCC;
	height : 34px;
	min-width : 630px;
}

#headerLine1epfl
{
	font-size: 18px;
	position : absolute;
	top : 9px;
	left : 163px;
	right : 4px;
	background-color : #99CCCC;
	height : 34px;
	min-width : 630px;
}

#headerLine1adm
{
	font-size: 18px;
	position : absolute;
	top : 9px;
	left : 163px;
	right : 4px;
	background-color : #CCCCCC;
	height : 34px;
	min-width : 630px;
}

#headerLine1form
{
	font-size: 18px;
	position : absolute;
	top : 9px;
	left : 163px;
	right : 4px;
	background-color : #CCCC66;
	height : 34px;
	min-width : 630px;
}

#headerLine1enac
{
	font-size: 18px;
	position : absolute;
	top : 9px;
	left : 163px;
	right : 4px;
	background-color : #FF9966;
	height : 34px;
	min-width : 630px;
}

#headerLine1svie
{
	font-size: 18px;
	position : absolute;
	top : 9px;
	left : 163px;
	right : 4px;
	background-color : #99CC99;
	height : 34px;
	min-width : 630px;
}

#headerLine1ic
{
	font-size: 18px;
	position : absolute;
	top : 9px;
	left : 163px;
	right : 4px;
	background-color : #669999;
	height : 34px;
	min-width : 630px;
}

#headerLine1sb
{
	font-size: 18px;
	position : absolute;
	top : 9px;
	left : 163px;
	right : 4px;
	background-color : #6699CC;
	height : 34px;
	min-width : 630px;
}

#headerLine1coh
{
	font-size: 18px;
	position : absolute;
	top : 9px;
	left : 163px;
	right : 4px;
	background-color : #CC9999;
	height : 34px;
	min-width : 630px;
}

#headerLine1sti
{
	font-size: 18px;
	position : absolute;
	top : 9px;
	left : 163px;
	right : 4px;
	background-color : #9999CC;
	height : 34px;
	min-width : 630px;
}

#headerTitle
{
	position : absolute;
	left : 0px;
	width: 360px;
	height: 34px;
	padding-left: 3px;
	color: #FFFFFF;
	font-size: 18px;
	font-family: 'trade gothic', 'Arial Narrow', helvetica, verdana, sans-serif, sans;
	font-stretch: narrower;
	font-weight: bold;
	vertical-align: middle;
}

table.verticalAlignTable
{
	width: 100%;
	height: 100%;
}

td.verticalAlignTableLine1
{
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 18px;
	font-family: 'trade gothic', 'Arial Narrow', helvetica, verdana, sans-serif, sans;
	font-stretch: narrower;
	font-weight: bold;
}

td.verticalAlignTableLine2
{
	vertical-align: middle;
	color: #FFFFFF;
	font-family: 'trade gothic', 'Arial Narrow', helvetica, verdana, sans-serif, sans;
	font-size: 14px;
	font-stretch: narrower;
	font-weight: bold;
}

td.small-spaced {
  padding: 3px;
}

#headerLine2
{
	position: absolute;
	top: 44px;
	left: 163px;
	right: 4px;
	height: 28px;
	max-height: 28px;
	padding-left: 3px;
	background-color: #339999;
	color: #FFFFFF;
	font-family: 'trade gothic', 'Arial Narrow', helvetica, verdana, sans-serif, sans;
	font-size: 14px;
	font-stretch: narrower;
	font-weight: bold;
	min-width : 630px;
	vertical-align: middle;
}

#headerLine2epfl
{
	position: absolute;
	top: 44px;
	left: 163px;
	right: 4px;
	height: 28px;
	max-height: 28px;
	padding-left: 3px;
	background-color: #339999;
	color: #FFFFFF;
	font-family: 'trade gothic', 'Arial Narrow', helvetica, verdana, sans-serif, sans;
	font-size: 14px;
	font-stretch: narrower;
	font-weight: bold;
	min-width : 630px;
	vertical-align: middle;
}

#headerLine2adm
{
	position: absolute;
	top: 44px;
	left: 163px;
	right: 4px;
	height: 28px;
	max-height: 28px;
	padding-left: 3px;
	background-color: #999999;
	color: #FFFFFF;
	font-family: 'trade gothic', 'Arial Narrow', helvetica, verdana, sans-serif, sans;
	font-size: 14px;
	font-stretch: narrower;
	font-weight: bold;
	min-width : 630px;
	vertical-align: middle;
}

#headerLine2form
{
	position: absolute;
	top: 44px;
	left: 163px;
	right: 4px;
	height: 28px;
	max-height: 28px;
	padding-left: 3px;
	background-color: #999933;
	color: #FFFFFF;
	font-family: 'trade gothic', 'Arial Narrow', helvetica, verdana, sans-serif, sans;
	font-size: 14px;
	font-stretch: narrower;
	font-weight: bold;
	min-width : 630px;
	vertical-align: middle;
}

#headerLine2enac
{
	position: absolute;
	top: 44px;
	left: 163px;
	right: 4px;
	height: 28px;
	max-height: 28px;
	padding-left: 3px;
	background-color: #CC6633;
	color: #FFFFFF;
	font-family: 'trade gothic', 'Arial Narrow', helvetica, verdana, sans-serif, sans;
	font-size: 14px;
	font-stretch: narrower;
	font-weight: bold;
	min-width : 630px;
	vertical-align: middle;
}

#headerLine2svie
{
	position: absolute;
	top: 44px;
	left: 163px;
	right: 4px;
	height: 28px;
	max-height: 28px;
	padding-left: 3px;
	background-color: #669933;
	color: #FFFFFF;
	font-family: 'trade gothic', 'Arial Narrow', helvetica, verdana, sans-serif, sans;
	font-size: 14px;
	font-stretch: narrower;
	font-weight: bold;
	min-width : 630px;
	vertical-align: middle;
}

#headerLine2ic
{
	position: absolute;
	top: 44px;
	left: 163px;
	right: 4px;
	height: 28px;
	max-height: 28px;
	padding-left: 3px;
	background-color: #336666;
	color: #FFFFFF;
	font-family: 'trade gothic', 'Arial Narrow', helvetica, verdana, sans-serif, sans;
	font-size: 14px;
	font-stretch: narrower;
	font-weight: bold;
	min-width : 630px;
	vertical-align: middle;
}

#headerLine2sb
{
	position: absolute;
	top: 44px;
	left: 163px;
	right: 4px;
	height: 28px;
	max-height: 28px;
	padding-left: 3px;
	background-color: #336699;
	color: #FFFFFF;
	font-family: 'trade gothic', 'Arial Narrow', helvetica, verdana, sans-serif, sans;
	font-size: 14px;
	font-stretch: narrower;
	font-weight: bold;
	min-width : 630px;
	vertical-align: middle;
}

#headerLine2coh
{
	position: absolute;
	top: 44px;
	left: 163px;
	right: 4px;
	height: 28px;
	max-height: 28px;
	padding-left: 3px;
	background-color: #990000;
	color: #FFFFFF;
	font-family: 'trade gothic', 'Arial Narrow', helvetica, verdana, sans-serif, sans;
	font-size: 14px;
	font-stretch: narrower;
	font-weight: bold;
	min-width : 630px;
	vertical-align: middle;
}

#headerLine2sti
{
	position: absolute;
	top: 44px;
	left: 163px;
	right: 4px;
	height: 28px;
	max-height: 28px;
	padding-left: 3px;
	background-color: #333366;
	color: #FFFFFF;
	font-family: 'trade gothic', 'Arial Narrow', helvetica, verdana, sans-serif, sans;
	font-size: 14px;
	font-stretch: narrower;
	font-weight: bold;
	min-width : 630px;
	vertical-align: middle;
}

#headerGraph
{
	float : right;
	width: 270px;
	height: 34px;
}

#headerLanguage
{
	position: absolute;
	top: 73px;
	left: 10px;
	height: 14px;
	max-height: 14px;
	width: 149px;
	background-color: #CCCCCC;
	color: #666666;
	text-align: center;
	font-size: 10px;
	font-family:Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
}

#main
{
	position: absolute;
	top: 81px;
	left: 4px;
	right: 4px;
}

#headerTracking
{
	position: absolute;
	top: 73px;
	left: 163px;
	right: 4px;
	padding-left: 11px;
	height: 14px;
	max-height: 14px;
	background-color: #CCCCCC;
	color: #666666;
	min-width : 630px;
	font-size: 10px;
	font-family:Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
}

.headertrackercell
{
	background-color: #CCCCCC;
	color: #666666;
	font-size: 10px;
	font-family:Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
}

.spacer
{
	height : 0px;
	width: 0px;
	display: inline;
	float: right;
}

.widthspacer
{
	height : 0px;
	width: 100%;
}

.trackerpath, .trackerpath:active, .trackerpath:link, .trackerpath:visited, .trackerpath:hover
{
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
}

/* OLD - Blocks */
div.redBoxHeader
{
	position: relative;
	color: white;
	width: 100%;
	font-weight: bold;
	border: solid 1px;
	border-color: red;
	background: red;
}

div.redBoxBodyNoBorder
{
	position: relative;
	width: 100%;
	border: solid red 0px;
	background: #ffffff;
}

div.redBoxBodyBorder
{
	position: relative;
	width: 100%;
	background: #ffffff;
	border: solid red 1px;
}

div.grayBoxHeader
{
	position: relative;
	color: white;
	width: 155px;
	font-weight: bold;
	border: solid 1px;
	border-color: #999999;
	background: #999999;
}

div.grayBoxBodyNoBorder
{
	position: relative;
	width: 155px;
	border: solid 0px;
	border-color: #999999;
	background: #ffffff;
}

div.grayBoxBodyBorder
{
	position: relative;
	width: 155px;
	border: solid 1px;
	border-color: #acacac;
	background: #ffffff;
}

div.boxInside
{
	padding-left: 3px;
	padding-right: 3px;
	margin: 0px;
}

.blockTitleLeft, .blockTitleLeft a:visited, .blockTitleLeft a:hover, .blockTitleLeft a:link, .blockTitleLeft a:active, .blockTitleLeft:active, .blockTitleLeft:link, .blockTitleLeft:visited, .blockTitleLeft:hover
{
	color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	/* font-stretch: narrower;
	*/

}

.blockTitleRight, .blockTitleRight a:visited, .blockTitleRight a:hover, .blockTitleRight a:link, .blockTitleRight a:active, .blockTitleRight:active, .blockTitleRight:link, .blockTitleRight:visited, .blockTitleRight:hover
{
	color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	/* font-stretch: narrower;
	*/

}

.backgroundGray2
{
	background-color: #cccccc;
}

.backgroundGray
{
	background-color: #eeeeee;
}

.backgroundWhite
{
	background-color: #ffffff;
}

.pn-separator-line
{
	background-image: url("images/fond_spi_h.gif");
	background-repeat: repeat-x;
	background-position: center;
}

.pn-big-input-number
{
	/*background-color: #CC9999;
	*/
	background-color: #ff8040;
	color: #FFFFFF;
	font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-weight: bold;
	font-size: 16px;
	height: 22px;
	width: 22px;
	text-align: center;
}

.pn-big-input-spacer
{
	width: 20px;
	max-width: 20px;
}

.pn-big-input-title
{
	color: #FF0000;
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}