/* QMS site main style sheet */
/* ---------------------- */
/* --- Existing tags ---- */
/* ---------------------- */
body {
	background-color: #FFFFFF;
	background-image: url("../images/Uncontrolled.jpg");
	background-repeat: no-repeat;
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	margin-left:0px; 
	font-weight:normal;
	text-align:left;
}

img	{ 
	border-width:0; 
	margin-right:5px;
}

a { background-color: transparent; text-decoration: underline  }
a:link { color: #003D6F; }
a:visited { color: #003D6F; }
a:active { color: #9D102D; }
a:hover { color: #9D102D; }

h1, .h1 { 
	font-weight:bold; 
	font-size: 20px; 
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	color:#11568C; 
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 2px;
}
h2, .h2 { 
	font-weight:normal; 
	font-size: 17px;  
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	color:#11568C; 
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 2px;
}
h3, .h3 { 
	margin-top: 4px; 
	margin-bottom: 4px;
	margin-left: 2px;
	font-weight:bold;
	font-size: 15px; 
	color: #11568C; 
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;    
}
h4, .h4 { 
	margin-top: 4px; 
	margin-bottom: 4px;
	margin-left: 2px;
	font-weight:bold; 
	font-size: 13px; 
	color: #11568C; 
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
h5 { 
	font-weight:normal; 
	font-style:italic;
	font-size:10px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#000000;
	margin-top: 4px;	
	margin-bottom: 4px;
	margin-left: 2px;
}

form { font-size: 13px; }
input, textarea { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}

ul, ol {
	padding:0; 
	margin:3px 5px 2px 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
li { 
	padding: 0; 
	font-size: 11px; 
	line-height: 1.8; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
select { font-size: 11px; }

p { 
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	padding: 0px; 
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

table { 
		border-style:none;
		padding-top: 2px; 
		padding-bottom: 2px;
		padding-left: 2px; 
		padding-right: 2px;
}

th { 
	background-color: #B1CBE5;
	font-size: 11px;  
	font-weight:bold; 
	text-align: left; 
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
td { 
	font-size: 11px; 
	text-align:left; 
	vertical-align:top;
	border-style:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
marquee
	 	{ 
		font-family: Comic Sans MS, Arial;
		font-size: 12pt; 
		Color:#11568C;
		width:100%;
		background-color:transparent;
		padding:2px 0 2px 0;
		}
area { cursor:pointer; }
blockquote { padding: .5em; }
blockquote.border { border-width: 1pt; border-style: solid; }
blockquote.highlight { background-color: #FEE3A2; }

#navbarmenu { display:none;}

/* --------------------------- */
/* UtilBar in EMEA_TITLE2 file */
/* ----------------------------*/
#utilbar { width: 100%;} 
#utilbar { background-color: #D8E5F2; }
#utilbar form { font-size: 11px; font-weight:normal; color: #11568C; padding:3px;margin:0;}
span.homebanner a { 
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;  
	font-size: 18px; 
	background-color: transparent; 
	text-align: left; 
	color: #11568C
} 
span.homebanner a:visited, span.homebanner a:link { text-decoration: none; color: #11568C; }
span.homebanner a:hover, span.homebanner a:active { text-decoration: underline; color: #11568C;}
span.home_top_sub { font-size: 11px; font-weight:normal; color: #11568C; }
span.home_top_sub a:visited, span.home_top_sub a:link { text-decoration: none; color: #11568C;}
span.home_top_sub a:hover, span.home_top_sub a:active { text-decoration: underline; color: #11568C;}


/* ------------------------------- */
/* QMS welcome page : right column */
/* ------------------------------- */
#rightcol { width:150px;}
#rightcol div div { 
	background-color:#D8E5F2;
	color: #11568C;
	padding-left:5px;
	margin-bottom :2px;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	width:100px;
}
#rightcol li {
	margin-left:-5px;
	line-height:0.5;
}
#rightcol ul { list-style-type:square; }
#rightcol li a {
	display:block;
	padding:0;
	margin:0;
	line-height:0.9;
	font-size:11px;
}
#rightcol .leftborder { border-left : 1px solid #999; }

/* ------------------------------------------------------------------------------------- */
/* Style of the blocs of the BPO CC welcome page : service desk, internal support etc... */
/* ------------------------------------------------------------------------------------- */
#mainbody { 
	width:100%; 
	/*background-color: #fff; */
	border-top: none; 
	margin:0 55px 0 0;
	padding:0; 
}
#leftcol {  
	width: 150px; 
	border-right: 1px solid #B1CBE5; 
	padding-right: 0px;
	display:none;
}
td.select { 
	font-size: 11px; 
	font-weight:bold; 
	text-align: left; 
	vertical-align: middle; 
	background-color: #9D102D; 
	color: #FFFFFF; 
	padding: 7px 5px; 
}
/*td.select a:hover, td.select a:visited, td.select a:active { font-weight:bold; color: #ffffff; text-decoration:none; cursor:default;}*/

#leftnav { 
	width: 150px; 
	border-bottom: 8px solid #E0DDD5; 
	border-top: 8px solid #E0DDD5; 
	background-color: #F7F5ED; 
}
#maincol { padding: 8px 60px 20px 20px; }

.welcomebloc { 
	/*width:220px;*/
	padding:0 20px 20px 5px; 
}
.welcomebloc p {
	padding:2px 0 2px 5px;
	margin:0;
	background-color:#9D102D;
	color:#FFFFFF;
	font-size:12px;
/*	width:215px;*/
}
.welcomebloc ul {
	padding:0;
	margin-right:0;
	margin-left:25px;
	margin-bottom:0;
}
.welcomebloc li { font-size:12px;}

/* ---------------------------- */
/* Style for the contact table  */
/* ---------------------------- */
.contacttable {
		border: 1pt;
		border-style: solid;
		border-collapse:collapse;
		border-color: #C1BBAB; 
		padding-top: 2px; 
		padding-bottom: 2px;
		padding-left: 2px; 
		padding-right: 2px;
		width:100%;
}
.contacttable td {
	border: 1pt;
	border-style: solid;
	border-color: #C1BBAB;
	padding-top: 2px; 
	padding-bottom: 2px;
	padding-left: 2px; 
	padding-right: 2px;
}
.contacttable td td {
	border-style:none;
}

.leftcellcontact {
	background-color:#FFFFCC;
	text-align:right;
	width:200px;
	color:#C1BBAB;
	font-size:11px;
	font-weight:bold;

	
}


/* --------------------------- */
/* Style for the history table */
/* --------------------------- */
.history {
		width:100%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		vertical-align:top;
}
.historytitle {
		background-color:#B1CBE5;
		color:#000000;
		width:170px;
		font-size:9px;
		padding-left:3px;
}
.historycontent {
		background-color:#D8E5F2;
		font-size:9px;
		margin:0;
		padding-left:3px;
}


/* ***************** */
/* PAGE Title style  */
/* ***************** */
#microbanner {  
	background-color: #B1CBE5;  
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	width:100%;
	border:none;
	height:30px;
}
#microbanner td {
	font-size: 16px; 
	font-weight: bold; 
	text-align: left;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	margin:0; 
	padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px;
}
#microbanner #flag {
	width: 80px;
	text-align:right;
}

/* ---------------------- */
/* Additional links style */
/* ---------------------- */
#links { 
	width:100%; 
	height:330px;
	border-right: 1px solid #B1CBE5;
	padding:0;margin:0;
}
.bottombanner { 
	padding-left:5px;
	color:#FFFFFF;
	background-color:#B1CBE5;
	font-weight:bold;
}
#links li {line-height:13px; }
#links ul {margin-left:5px;margin-top:0;padding-top:0;list-style-type:none;}
#links h3 { margin:0;padding:0 }
	

#lb_cr {
	font-size: 11px; font-weight:normal; color: #11568C;
}

/* ------------------------------- */
/* Style for the country home page */
/* ------------------------------- */
#country {
	width:100%;
	vertical-align:top;
}

#country p.menu { 
	padding:2px 0 2px 5px;
	margin:0 0 0 5px;
	background-color:#9D102D;
	color:#FFFFFF;
	font-size:12px;
	line-height:1.2;
	width:200px;
}
#country ul {
	padding:0;
	margin-left:25px;
	margin-bottom:25px;
	margin-top:0;

}
#country li { font-size:12px; }

/* --------------------------------------- */
/* Style for the inline navigation utility */
/* --------------------------------------- */
#inlinenav {
	width:100%;
	padding: 5px 0 15px 15px;
	margin:0 0 15px 0;
}
#inlinenav a { padding:0;margin:0; }


/* ---------------------------- */
/* Style for the team menu page */
/* ---------------------------- */
#menutable {
	width:100%;
	vertical-align:top;
	margin-left:5px;
	margin-right:5px;
}
#menutable td.tdbutton {
	width:10%;
	text-align:center;
	margin:0;padding:5px 0 0 0;
	height:60px;
}
#menutable td.tdtext {
	width:25%;
	margin:0;padding:5px 0 0 0;
	height:40px;
}
#menutable img {
	border-style:none;
}
#menutable h3 {margin:0;padding:0; }

/* To be used when there are more than one menu table in a page */
.menutable {
	width:100%;
	vertical-align:top;
}
.menutable td.tdbutton {
	width:10%;
	text-align:center;
	margin:0;padding:5px 0 0 0;
	height:60px;
}
.menutable td.tdtext {
	width:25%;
	margin:0;padding:5px 0 0 0;
	height:40px;
}
.menutable h3 {margin:0;padding:0; }

/* -------------------------- */
/* Style for information page */
/* -------------------------- */
#infotable {
	width:100%;
	vertical-align:top;
	padding-left:10px;
	margin-left:2px;
}
#infotable td { vertical-align:top; }


/* -------------------------- */
/* Style for collapsable menu */
/* -------------------------- */
#colmenu body {
		font-size: 12px; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #000000;
		cursor: default;
		margin-top: 2px;
		margin-bottom: 2px;
		margin-left: 0px;
		float: none;
 		scrollbar-face-color: #FFFFFF;
		scrollbar-base-color: #FFFFFF;
		scrollbar-arrow-color: #11568C;
		scrollbar-track-color: #DDEEFF;
		scrollbar-3dlight-color: #FFFFFF;
		scrollbar-darkshadow-color: #FFFFFF;
		scrollbar-highlight-color: #11568C;
		scrollbar-shadow-color: #11568C;
	}
#colmenu #navlist h4 {
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 12px;
		color: #11568C;
 		margin-top: 4px; 
		margin-bottom: 4px;
		margin-left: 2px;
}
#colmenu #navlist ul {margin-left:10px;}
#colmenu #navlist li li li{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:8px;
		margin-left: 9px;
}
#colmenu #navlist li { margin-left:9px;}
#colmenu #navlist li li { margin-left:9px;}
.linked { cursor:pointer;text-decoration: underline;color: #003D6F;}
.nolinked { cursor:default;}


/* ------------------ */
/* Individual classes */
/* ------------------ */

/* Grey background */
.backgrey	{	background-color:#C1BBAB;	}
span.backgrey {	background-color:#C1BBAB;	}

/* Light Grey background */
.backlightgrey	{	background-color:#E0DDD5;	}
span.backlightgrey {	background-color:#E0DDD5;	}

/*  Red Background  */
.backred { background-color:#9D102D; }
span.backred { background-color:#9D102D; }

/*  green Background  */
.backgreen { background-color:#339966; }
span.backgreen { background-color:#339966; }

/*  purple Background  */
.backpurple { background-color:#993366; }


/* Blue background */
.backblue  { background-color:#11568C; }
span.backblue  { background-color:#11568C; }

.backbluelight { background-color:#B1CBE5; }
span.backbluelight { background-color:#B1CBE5; }

.backblueverylight { background-color:#D8E5F2; }
span.backblueverylight { background-color:#D8E5F2; }


/* Yellow background */
.backyellow { background-color:#FFFFCC; }
span.backyellow { background-color:#FFFFCC; }

.backyellowdark { background-color:#FFFF99; }
span.backyellowdark { background-color:#FFFF99; }

/* White background */
.backwhite	{	background-color:#FFFFFF;	}
span.backwhite {	background-color:#FFFFFF;	}
	
/* define the left margin to 5px */
.leftmargin {	margin-left:5px;	}

/* Text in blue */
.textblue {  color:#11568C;  }
span.textblue {  color:#11568C;  }

/* Text in white */
.textwhite {  color:#FFFFFF;  }
span.textwhite {  color:#FFFFFF;  }

/* Text in green , bold */
.textgreenbold { color:#339966; font-weight:bold; }
span.textgreenbold { color:#339966; font-weight:bold;}


/* Text in RED */
.textred { color:#9D102D; }
span.textred { color:#9D102D; }

/* Text in blue and italic */
.blueitalic { color: #11568C; font-style:italic; }
span.blueitalic { color: #11568C; font-style:italic; }

/* Text in grey */
.disable {	color:#C1BBAB; }
span.disable {	color:#C1BBAB; }


/* Text in grey and italic */
.disablesubmenu {  color:#C1BBAB; font-style:italic; }
span.disablesubmenu { color:#C1BBAB; font-style:italic; }

/* Text in dark grey */
.textgrey { color:#C1BBAB;font-weight:bold; }
span.textgrey { color:#C1BBAB; font-weight:bold; }

/* Text in Italic */
.textitalic { font-style:italic; }
span.textitalic { font-style:italic; }

/* Text in Italic and bold */
.textitalicbold { font-style:italic;font-weight:bold; }
span.textitalicbold { font-style:italic;font-weight:bold; }

/* Text in blue and bold */
.bluebold  { color:#11568C; font-weight:bold; }
span.bluebold  { color:#11568C; font-weight:bold; }

/* Text in #9D102D and bold */
.textredbold  { color:#9D102D; font-weight:bold; }
span.textredbold  { color:#9D102D; font-weight:bold; }

/* Indented Text */
.textindent { margin-top: 2px; margin-bottom: 2px; margin-left: 60px; }

/* Text in light grey and italic */
.lightgreyitalic { color:#E0DDD5; font-style:italic; font-weight:bold; }
span.lightgreyitalic { color:#E0DDD5; font-style:italic; font-weight:bold; }

/* Text underline */
.textunderline { text-decoration:underline; }
span.textunderline { text-decoration:underline; }

/* Text yellow bold */
.yellowbold { color:#FFFF99; font-weight:bold; }
span.yellowbold { color:#FFFF99; font-weight:bold; }

/* Text in Yellow */
.textyellowlight { color:#FFFFCC; }
span.textyellowlight { color:#FFFFCC; }

/* Text bold */
.textbold { font-weight:bold; }
span.textbold { font-weight:bold; }

.feedback {
	color:#993366;
	font-style:italic;
	font-weight:bold;
}
span.feedback {
	color:#993366;
	font-style:italic;
	font-weight:bold;
}
.approval {
	color:#339966;
	font-style:italic;
	font-weight:bold;
}
span.approval {
	color:#339966;
	font-style:italic;
	font-weight:bold;
}

.leftcol250 {  width: 250px; }
.leftcol200 {  width: 200px; }
.leftcol150 { width:150px; }
.leftcol100 {  width: 100px; }
.leftcol50 {  width: 50px; }
.width100 { width:100%; }
.width75 { width:75%; }
.width65 { width:65%; }
.width50 { width:50%; }
.width40 { width:40%; }
.width25 { width:25%; }
.width24 { width:24%; }
.width20 { width:20%; }
.width15 { width:15%;}
.width10 { width:10%;}
.width12 { width:12%;}
.width32 { width:32%;}
.width5 { width:5%; }
.width2 { width:2%; }
.height25 { height:25px; }
.height30 { height:30px; }
.height40 { height:40px; }
.height50 { height:50px; }
.smallfont { font-size: xx-small; }
span.smallfont { font-size: xx-small; }
.smallfont1 { font-size:x-small; }
span.smallfont1 { font-size:x-small; }
.smallfontright { font-size: xx-small; text-align: right;} 
.smallfontcenter { font-size: xx-small; text-align: center; } 
.textcenter { text-align: center; }
.textright { text-align: right; }
.rightborder { border-right:1px solid #B1CBE5; }


.EMEA_Title_1 { 
		color: #000000;
		font-weight: bold;
		margin-top: 1px;
		margin-bottom: 1px;
		margin-left: 2px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		}

/* Navigation title - sub */
.EMEA_Title_2
		{ 
		color: #E0DDD5;
		font-family: Verdana, Arial, Helvetica, sans-serif;  		font-size: 10pt;
   		font-weight: bold;
		margin-top: 1px;
		margin-bottom: 1px;
		margin-left: 2px
	     	}

/* EMEA table cell padding */
.EMEATable
		{
		padding-top: 2px; 
		padding-bottom: 2px;
		padding-left: 2px; 
		padding-right: 2px;
		vertical-align:top;
		}
.EMEATable td { border-style:none; }
	
/* EMEA table cell padding */
.EMEATableProc
		{
		border: 1pt;
		border-style: solid;
		border-color: #C1BBAB; 
		border-collapse:collapse;
		padding-top: 1px; 
		padding-bottom: 0px;
		padding-left: 1px; 
		padding-right: 1px;
		margin-left:2px;
		width:100%;
		}
.EMEATableProc td {
		border: 1pt;
		border-style: solid;
		border-color: #C1BBAB; 
		padding-top: 2px; 
		padding-bottom: 2px;
		padding-left: 2px; 
		padding-right: 2px;
}

	
/* table border and cell padding */
.EMEATableBorder
		{
		border: 1pt;
		border-style: solid;
		border-color: #C1BBAB; 
		border-collapse:collapse;
		padding-top: 2px; 
		padding-bottom: 2px;
		padding-left: 8px; 
		padding-right: 2px;
		width:100%;
		}
.EMEATableBorder td {
		border: 1pt;
		border-style: solid;
		border-color: #C1BBAB; 
		padding-top: 2px; 
		padding-bottom: 2px;
		padding-left: 2px; 
		padding-right: 2px;
}
/*.EMEATableBorder td td { border-style:none; }*/


/* table border and no cell padding */
.EMEATableBorder1
		{
		border: 1pt;
		border-style: solid;
		border-collapse:collapse;
		border-color: #C1BBAB; 
		padding-top: 1px; 
		padding-bottom: 1px;
		padding-left: 1px; 
		padding-right: 1px;
		}
.EMEATableBorder1 td {
		border: 1pt;
		border-style: solid;
		border-color: #C1BBAB; 
		padding-top: 2px; 
		padding-bottom: 2px;
		padding-left: 2px; 
		padding-right: 2px;
}

	
/* EMEA table contents */
.EMEATableContent
		{
		border: 1pt;
		border-style: solid;
		border-color: #C1BBAB; 
		padding-top: 2px; 
		padding-bottom: 2px;
		padding-left: 2px; 
		padding-right: 2px;
		}

/* EMEA inverted table , background in grey */
.emeatableinvert {
		color:#FFFFFF;
		font-size: 12px; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-weight: bold; 
		background-color: #C1BBAB;
		padding-top: 2px; 
		padding-bottom: 2px;
		padding-left: 2px; 
		padding-right: 2px;		
		}

/* EMEA inverted table , background in blue */
.emeatableinvert2
		{
		color: #FFFFFF;
		font-size: 12px;
		font-weight: bold; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		background-color: #11568C;
		padding-top: 2px; 
		padding-bottom: 2px;
		padding-left: 2px; 
		padding-right: 2px;
		}
/* EMEA table - title text NOT inverted */
.EMEATableTitle
		{
		color:#C1BBAB;
		font-size:11px;
		font-weight: bold; 
		border: 1pt;
		padding-top: 2px; 
		padding-bottom: 2px;
		padding-left: 2px; 
		padding-right: 2px;
		}
		
/* Class for draft pages */
.draft {
	background-image:url('../images/LOGO/DRAFT.gif');
	background-attachment: fixed;
}

/* Old Colors for the help section  */
.oldbackblue { background-color:#336699; }
.oldbackbluelight { background-color:#CCFFFF; }
.oldbackblueverylight { background-color:#ECFFFF; }
.oldbackgrey1 { background-color:#CCCCCC; }
.oldbackgrey2 { background-color:#999999; }
.oldbackgreylight1 { background-color:#666666; }
.oldbackgreylight2 { background-color:#F3F2F1; }
.oldbackred { background-color:red; }
.oldbackgreen { background-color:#339933; }
.oldbackgreen1 { background-color:#008000; }
.oldbackpurple { background-color:#800080; }
