/*------------------- STANDARD ELEMENTS APPEARANCE -------------------*/
/* These elements are mandatory. Their instructions must not be over-ridden by specific ones */

/* BANNER, IMPORTANT LEGAL NOTICE AND LANGUAGES */
.backgroundBanner {
	background-color: #3399CC;
	color: #ffffff;
}

.backgroundNotice, .backgroundNotice a:link, .backgroundNotice a:visited, .backgroundNotice a:hover {
	background-color: #3399CC;
	border: 0px none;
	color: #ffffff;
	font-family: Arial, Helvetica, "Adobe Helvetica", sans-serif;
	font-size: 0px;
	text-decoration: none;
	text-align: right;
	vertical-align: top;
}

.formLang {
	color: #000000;
	font-family: Arial, Helvetica, "Adobe Helvetica", sans-serif;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
} 

.langSel {
	color: #000000;
	font-family: Arial, Helvetica, "Adobe Helvetica", sans-serif;
	font-size: 13px;
	font-weight: normal;
}

.language {
	background-color: #3399CC;
	color: #ffffff;
	font-family: Arial, Helvetica, "Adobe Helvetica", sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	padding-right: 5px;
	text-align: right;
	text-decoration: none;
	vertical-align: text-top;
}

.language a:link, .language a:visited, .language a:active, .language a:hover {
	background-color: #3399CC;
	color: #ffffff;
	font-family: Arial, Helvetica, "Adobe Helvetica", sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}

.languageNoLink {
	background-color: #3399CC;
	color: #ffffff;
	font-family: Arial, Helvetica, "Adobe Helvetica", sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

@media print { 
	img.resize{width: 150px}
}

/* COLOUR LINE */

.yellowLine {
	background-color: #ffcc00;
	font-size: 0px;
	height: 4px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

/* NAVIGATION PATH */

.navigation {
	background-color: #000099;
	color: #ffffff;
	font-family: Arial, Helvetica, "Adobe Helvetica", sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	height: 17px;
	padding-left: 5px;
	padding-bottom: 1px;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
}

.navigation a:link, .navigation a:visited, .navigation a:active, .navigation a:hover {
	background-color: #000099;
	color: #ffffff;
	font-family: Arial, Helvetica, "Adobe Helvetica", sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}

/* TOOLS SECTION */

.compulsoryTools {
	background-color: #000099;
	color: #ffffff;
	font-family: Arial, Helvetica, "Adobe Helvetica", sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	height: 17px;
	padding-right: 5px;
	padding-bottom: 1px;
	text-decoration: none;
	text-align: right;
	vertical-align: middle;
	width: 300px;
}

.compulsoryTools a:link, .compulsoryTools a:visited, .compulsoryTools a:active, .compulsoryTools a:hover {
	background-color: #000099;
	color: #ffffff;
	font-family: Arial, Helvetica, "Adobe Helvetica", sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}

/* These classes can be over-ridden by specific ones */

/* OTHER TOOLS */

.toolsLinks {
	color: #003399;
	font-family: Arial, Helvetica, "Adobe Helvetica", sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	height: 17px;
	padding-right: 3px;
	text-decoration: none;
	text-align: right;
}

.toolsLinks a:link, .toolsLinks a:visited, .toolsLinks a:active, .toolsLinks a:hover {
	color: #003399;
	font-family: Arial, Helvetica, "Adobe Helvetica", sans-serif;
	font-style: normal;
	font-weight: normal;
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: underline;
}
.ToggleBox{
	height: 100px;
	width: 160px;
	border: 0px none;
	background-image: url('togglebox.gif');
}
/* DATE OF LAST UPDATE */

.dateUpdate {
	color: #003399;
	font-family: Arial, Helvetica, "Adobe Helvetica", sans-serif;
	font-size: 101%;
	font-style: normal;	
	font-weight: normal;
	padding-right: 4px;
}

/* BOTTOM NAVIGATION */

.bottomNavigation {
	color: #003399;
	font-family: Arial, Helvetica, "Adobe Helvetica", sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
}

.bottomNavigation a:link, .bottomNavigation a:visited, .bottomNavigation a:active, .bottomNavigation a:hover {
	color: #003399;
	font-family: Arial, Helvetica, "Adobe Helvetica", sans-serif;
	font-style: normal;
	font-weight: normal;
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: underline;
}


/*-------------------  CONTENT AREA APPEARANCE -------------------*/
/* These elements can be over-ridden by specific ones */

body, form, select, textarea, input {
	font-family: Arial, Helvetica, "Adobe Helvetica", sans-serif;
	color: #000000;
	line-height : 1.24;
}

a:link{
	color: #0000ff;	
}

a:visited{
	color: #666666;	
}

body {
	font-size: 81.5%;			/*equal to 13px*/
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

table {
	font-size: 1em;
}

h1 {
	color: #003399;				/*equal to 20px*/
	font-size: 155%;			
	margin-top: 22px;
	margin-bottom:16px;
	padding-top: 0px;
	padding-bottom: 0px;
}

h2 {
	color: #003399;				/*equal to 18px*/
	font-size: 141.5%;		
	font-weight: normal;	
	margin-top: 22px;
	margin-bottom: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
}
	
h3 {
	color: #003399;				/*equal to 14px*/
	font-size: 110%;
	margin-top: 16px;
	margin-bottom: 7px;
	padding-top: 0px;
	padding-bottom: 0px;		
}

h4 {
	color: #003399;				/*equal to 13px*/
    font-size: 101%;
	font-style: italic;
	margin-top: 12px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;		
}

h5 {
	color: #003399;			/*equal to 13px*/
    font-size: 101%;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-bottom: 0px;		
	padding-top: 0px;
}

h6 {
	color: #003399;		/*equal to 13px*/
   	font-size: 101%;	
	font-weight:normal; 
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;		
}

p {
	margin-top: 2px;
	margin-bottom: 16px;		
	padding-top: 0px;
	padding-bottom: 0px;
}

li {
	margin-top: 4px;
	margin-bottom: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
}

ul {
	margin-top: 2px;
	margin-bottom: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
}

ul ul{
	margin-top: 4px;
	margin-bottom: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
}

ol {
	margin-top: 2px;
	margin-bottom: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
}

ol ol{
	margin-top: 4px;
	margin-bottom: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

select{
	font-size: 101%;

}

textarea {
	font-size: 101%;
}

input {
	font-size: 101%;
}


/* ------------- CLASSES --------------------------- */

/* --- Links with no lingustic page correspondance--- */

.noLink	{
	color: #0000FF;
}
/* --- Size attribute for PDF files--- */

.sizeFile {
	font-style: italic;
}
/* --- Optional classes that can be use to display the same font size in several browsers--- */

.pixels16 {
	font-size: 125%;	/*equal to 16px*/
}

.pixels12 {
	font-size: 94%; 	/*equal to 12px*/
}

.pixels11 {
	font-size: 85%; 	/*equal to 11px*/
}

.pixels10 {
	font-size: 80%;		/*equal to 10px*/
}