/*---------GLOBAL header--------- */
#globalMenu{height: 16px; background-color: #3366FF; border-bottom: 1px solid #DDDDDD; text-align: left; font-weight: bold;}
.globalTextSize { font-size: 1.3em; padding: 0px 0px 0px 10px; color: #ffffff;}


/*---------Common elements to GLOBAL and DEPARTMENT header--------- */
.menuTop {float: right; height: 16px; padding: 0px 10px 0px 10px; border-left: 1px solid #ffffff;}
#lineShadow{height: 4px; background-image: url(bgdshad1.gif);}


/*---------GLOBAL: language selectors, additional menu on top ---------*/
#supplementMenu {clear: both; padding: 5px 0px 5px 0px;} 
#addMenu {float: right;}
#language {font-weight: bold;}


/*---------Common elements to GLOBAL and DEPARTMENT: bread crumb, last update and footer ---------*/
#footerGeneral {text-align : center; padding : 3px 5px 5px 5px ; border-top: 4px solid #003399;}


/*---------Secondary grid strucure: 2 columns, 3 columns ---------*/


.twoCols {width:99%; margin-bottom: 10px solid #ffffff; border: 0px solid #000000; overflow: hidden;}
.twoCols100 {width:100%; margin-bottom: 0px; overflow: hidden;}

.twoColsRight25 {width : 27%; float:right; border: 0px solid #000000;}
.twoColsLeft75 {width : 99%; border: 0px solid #000000;}

.twoColsRight50 {width : 50%; float:right; border: 0px solid #000000;}
.twoColsLeft50 {width : 100%; max-width: 50%; border: 0px solid #000000;}

.boxRight {margin: 0px 10px 10px 6%;}
.boxLeft {margin: 0px 2% 10px 10px;}
.boxLeft1 {margin: 0px 2% 10px 0px;}/*Box left with no left margin*/

.maxWidth75 {max-width : 73%;}
.maxWidth50 {max-width : 50%;}

.spaceCol {margin-left : 2%; margin-right : 3%;} /* it could be 3% and 4%*/

.newsBox img, .featureMultiple img, .list img, .image img, .invisible img {border: 1px solid #bbbbbb; background-color: #FFFFFF;}
/*the featureSingle has the borderBox in the code and not not in the CSS*/
/*----------------selctors to align object on left and right, used for images and text-------------*/
.floatLeft {float : left;	margin : 0px 8px 0px 0px;}
.floatRight {float : right;	margin : 0px 0px 0px 8px;}

img {border: none;}
.borderBox {border: 1px solid #bbbbbb; background-color: #FFFFFF;}
.borderBoxLight {border: 1px solid #CCCCCC;}
.frame {border: 1px solid #CCCCCC; background-color: #FFFFFF;  padding: 5px;}
.image {border: 1px solid #CCCCCC; background-color: #F0F0EB; margin-bottom: 15px; padding: 5px 5px 5px 5px;}


/*----------------Standard font face and dimension for P and H selectors-------------*/
body { margin: 0px 15px 0px 15px; font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; color:#555555; font-size: 0.7em; line-height: 1.3em;}
p {margin:  0px 0px 1.3em 0px;}
.large {font-size: 1.2em; line-height: 1.4em;} /*used as class for <p> to have larger font size*/

/*----------------Classes for form fields-------------*/
form {margin : 0 0 0 0;}
input {	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;	font-size: 8pt; margin : 3px 0px 0px 0px;}
input.search {width: 100px; margin-right : 2px; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 8pt;}
input.search1 {width: 150px; margin-right : 2px; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 8pt;}
input.butt {background-color: #F5F5F5; color: #000000;  font-weight: bold; font-size: 11px; width : 20px;}


/*----------------Classes to design horizontal lines to be used within <p> <ul> <ol>-------------*/
.lineTop {border-top: 1px solid #cccccc; margin-top : 6px; padding-top: 3px;}


/*----------------Classes for aligning contents used within <p> <ul> <ol> -------------*/
.center {text-align : center;}
.right {text-align : right;}


/*----------------Standard font face and dimension for P and H selectors-------------*/
.noEmptyLine { margin-bottom: 0px;} /*used as class for <p> for not having enpty line*/


/*----------------Classes to color font-------------*/
.white {color: #FFFFFF;}


/*----------------Selectors for hierarchical list (OL) and unordered list (UL)-------------*/
ol,ul {margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding-left: 0px;  list-style-type : none;}
li {margin-top :0px; margin-bottom :3px;}

/*----------------selectors for composing bullet list in the TEXT area (valid also for LIST area)-------------*/
/*----------------selctors to specify different type of unordered list (UL) and title for grouping-------------*/
ul.square, ul.disc, ul.circle, ul.nu  {margin-bottom:  1.3em;}
ul.square li  {list-style: square; list-style-position: outside; margin-bottom:  0.4em; margin-left : 15px;}
ul.circle li  {list-style: circle; list-style-position: outside; margin-bottom:  0.4em; margin-left : 15px;}
ul.noSpace li  {margin-bottom: 4px;} /*It is used for spacing items (li) in any type of list excluding the left menu*/


/*----------------Links formattimg-------------*/
/*Default underlined*/
A:link, A:active {color: #0033cc; text-decoration: none; border-bottom: dashed #999999 1px;}
A:visited {	color: #993300;	text-decoration: none; border-bottom: dashed #999999 1px;}
A:hover {color: #993300; text-decoration: underline; border-bottom: none;}

A.none:link, A.none:visited, A.none:active {text-decoration: none; color: #0033cc; border-bottom: none;}
A.none:hover {color: #993300; text-decoration: none; border-bottom: none;}

A.white:link, A.white:visited, A.white:active {color: #FFFFFF; text-decoration: none; border-bottom: none;}
A.white:hover {color: #F9EFBE; text-decoration: underline; border-bottom: none;}

A.blue:link, A.blue:visited, A.blue:active {color: #0033cc; text-decoration: none; border-bottom: none;}
A.blue:hover {color: #993300; text-decoration: underline;}

A.gray:link, A.gray:visited, A.gray:active {color: #666666; text-decoration: none;  border-bottom: none;}
A.gray:hover {color: #993300; text-decoration: underline;}

#supplementMenu A:link, #supplementMenu A:active, #supplementMenu A:visited {color: #666666; text-decoration: none; border-bottom: none;}
#supplementMenu A:hover {color: #993300; text-decoration: underline; border-bottom: none;}

.boxRight A:link, .boxRight  A:active {text-decoration: none; color: #0033cc; border-bottom: none;}
.boxRight A:visited {color: #993300;text-decoration: none; border-bottom: none;}
.boxRight A:hover {color: #993300; text-decoration: underline;}

.boxLeft1 .twoCols A:link, .boxLeft1 .twoCols A:active {color: #0033cc;	text-decoration: none; border-bottom: dashed #999999 1px;}
.boxLeft1 .twoCols A:visited {color: #993300; text-decoration: none; border-bottom: dashed #999999 1px;}
.boxLeft1 .twoCols A:hover {color: #993300; text-decoration: underline; border-bottom: none;}

.boxLeft .twoCols A:link, .boxLeft .twoCols A:active {color: #0033cc;text-decoration: none;border-bottom: dashed #999999 1px;}
.boxLeft .twoCols A:visited {color: #993300;text-decoration: none; border-bottom: dashed #999999 1px;}
.boxLeft .twoCols A:hover {color: #993300; text-decoration: underline; border-bottom: none;}


/*----------------Background colors to be used in table, tr and td but also p, ol ul-------------*/
.bgBeige {background-color: #F0F0EB;}
.bgYell {background-color: #F9EFBE;}
.bgBlueDa {background-color: #003399;}

/*----------------Background colors for Departments and regions-------------*/
.bgOrangeDa {background-color: #CC6600;}
.bgOrange {background-color: #FF9900;}
.bgBordeauxDa {background-color: #990000;}
.bgBordeaux {background-color: #FF3300;}
.bgGreenDa {background-color: #006600;}
.bgGreen {background-color: #66CC66;}