﻿/*---------HOME header--------- */
#homeBackground {clear:both; height:75px; background-color:#003399; border-bottom:1px solid #DDDDDD; background-repeat:no-repeat; text-align:left;}

/*---------GLOBAL header--------- */
#globalHeader {margin-bottom:8px;}
#globalBackground {height:65px; border-bottom:1px solid #DDDDDD; background-repeat:no-repeat; text-align:left;}
#globalBackgroundPrint {display:none;}
.menuTopYell {float:right; height:16px; padding:0px 10px 0px 10px; background-color:#FFCC66; border-left:1px solid #fff;}

/*---------Global header on DEPARTMENT web site--------- */
#localHeader {margin-bottom:6px;} /*CHANGED*/
#localBackground{height:58px; border-bottom:1px solid #DDDDDD; background-repeat:no-repeat;}
.localTextSize {float:right; font-size:1.3em; font-weight:bold; padding:3px 3px 0px 0px;}
#localMenuDept {height:18px; background-color:#2b53a3; text-align:left; border-bottom:1px solid #666666;}/*NEW*/
.menuTopDept {float:right; height:18px; padding:0px 10px 0px 10px; border-left:1px solid #AAAAAA;}/*NEW*/

/*---------DEPARTMENT header-------- THE IMAGE must be part of the page*/
#departmentHeader {height:55px; border:1px solid #999; background-color:#fff; background-repeat:no-repeat;}
#departmentHeaderLine {height:6px; border-left:150px solid #fff; margin-top:49px;}

/*---------Common elements to GLOBAL and DEPARTMENT header--------- */
#localClick {float:left;}
#headerSearch {float:right; padding:15px 10px 0px 0px;}
#headerSearchDept {float:right; padding:10px 10px 0px 0px} /*CHANGED*/

/*---------DEPARTEMENTS:language selectors, additional menu on top---------*/
#supplementMenu1 {clear:both; padding:2px 0px 3px 0px;}
#addMenu1 { }
#language1 {float:right;}

/*---------Common elements to GLOBAL and DEPARTMENT:bread crumb, last update and footer ---------*/
#breadCrumb {margin-left:165px; margin-bottom:3px;}
#breadCrumbNoMenu {margin-left:15px; margin-bottom:3px;}

#date {float:left;}
#lastUpdate {text-align:right; margin-left:150px; margin-bottom:30px;}
#lastUpdateNoMenu {text-align:right; margin-bottom:30px;}
#footerDepartment {text-align:center;}

/*--------- Main grid structure:with menu without menu ---------*/
#bodyContainer {width:100%; background-image:url(./bgdleft.gif); background-repeat:repeat-y; float:left;}
#bodyContainer1 {width:100%; background-image:url(./bgdright1.gif); background-position:right; background-repeat:repeat-y; float:left;}
#bodyContainerNoMenu {width:100%; background-image:url(./bgdleft_dept.gif); background-repeat:repeat-y; float:left;}

#mainGridLeft {width:150px; float:left;}
#mainGridRight {margin-left:165px; margin-right:5px;}
#mainGridRightNoMenu {margin-left:15px; margin-right:10px; /*margin-left:2%; margin-right:1%;*/}

#borderBottom {height:15px; margin-left:150px; clear:both; border-bottom:1px solid #999; border-right:1px solid #999; border-left:1px solid #999;}
#borderBottomNoMenu {height:15px; clear:both; border-bottom:1px solid #999; border-right:1px solid #999; border-left:1px solid #999;}


/*---------Secondary grid strucure:1 center column --------*/
#centerColumn {margin-right:2%; margin-left:2%; background-color:#fff; width:auto;}
#oneColumn {margin-right:0px; margin-left:0px; background-color:#fff; width:99%;}

.margin { border-left:10px solid #fff;/*used to leave a withe left margin in case of floatingBox*/ }
.floatingBox {float:right; background-color:#fff;width:165px;}
#leftContainer {padding-right:10px; padding-top:15px;}/*It contains feature boxses on the left side of the page*/
 .containerEnd {clear:both; height:1px;}

/*---------Secondary grid strucure:2 columns, 3 columns ---------*/

.twoColsLeftFixed {margin-right:160px; border:0px solid #000000;}
.twoColsRightFixed {width:160px; float:right;border:0px solid #000000;}

.twoColsLeft60 {width:99%; border:0px solid #000000;}
.twoColsRight40 {width:40%;float:right; border:0px solid #000000;}

.bgdLine60 {background-image:url(./bordogrigio.gif);background-repeat:repeat-y; background-position:60%;}
.bgdLine50 {background-image:url(./bordogrigio.gif);background-repeat:repeat-y; background-position:50%;}
.bgdLine25 {background-image:url(./bordogrigio.gif);background-repeat:repeat-y; background-position:73%;}
.bgdLineFixed {	background-image:url(./bordogrigioFixed.gif);	background-repeat:repeat-y;	background-position:right;}

.threeCols {width:100%; background-image:url(./bordogrigio.gif);background-repeat:repeat-y;background-position:35%;}
.threeCols1 {width:100%; background-image:url(./bordogrigio.gif);background-repeat:repeat-y;background-position:68%;}
.threeColsLeft {width:100%; max-width:33%;	border:0px solid #000000;}
.threeColsRight {width:33%; float:right;border:0px solid #000000;}

.boxTitleRight {margin-left:10px;}
.boxTitleLeft {float:left; width:50%; padding-left:10px;}
.boxRight1 {margin:0 0 10px 6%;}/*Box right with no right margin*/
.boxRight50 {margin:0 5px 10px 6%;} /*NEW*/

.maxWidth60 {max-width:60%;}

/*----------------Style for facet menu------------*/
.facets {border-bottom:1px solid #ccc; background-color:#fff; margin-bottom:15px; padding:0 0 10px;}
.lineTopFacets {border-top:1px solid #ccc; margin-top:8px; padding-top:3px;}
ul.indentFacets {margin-left:12px; margin-bottom:0;}
.more {display:none;}
.bgRed1 {background-color:#990000;}

/*----------------Style for navigation components------------*/

.mainMenuLeft {border-top:3px solid #ccc; border-bottom:1px solid #ccc; background-color:#F9EFBE; padding:6px 6px 10px 6px;}
.sectionMenu {border-top:3px solid #ccc; border-bottom:1px solid #ccc; background-color:#F0F0EB; margin-bottom:15px; padding:6px 6px 2px 6px;}
.sectionMenuPull {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#F0F0EB; margin-bottom:15px; text-align:right; padding:0px 0px 2px 0px;}
.featureSingle {border:1px solid #ccc; background-color:#F0F0EB; margin-bottom:15px; padding:6px 6px 6px 6px;}
.featureMultiple {border:1px solid #ccc; background-color:#fff; margin-bottom:15px; padding:6px 6px 6px 6px;}
.relatedLinks {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#F0F0EB; margin-bottom:15px; padding:6px 6px 0px 6px;}
.grayBox {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#F0F0EB; margin-bottom:15px; padding:4px 6px 4px 6px;}
.grayBox2 { border:1px solid #ccc; background-color:#F0F0EB; margin-bottom:10px; padding:6px 6px 6px 6px;} /*new*/
.quickLinks {border-top:3px solid #ccc; border-bottom:1px solid #ccc; background-color:#F0F0EB; margin-bottom:15px; padding:6px 6px 2px 6px;}
.newsBox {border-top:3px solid #ccc; background-color:#fff; margin-bottom:15px; padding:0px;}
.formBox {border:1px solid #ccc; background-color:#F0F0EB; margin-bottom:15px; padding:6px;}
.searchEngine {border-top:3px solid #ccc; border-bottom:1px solid #ccc; background-color:#F0F0EB; padding:5px 5px 10px 5px;}
.sectionTab {border-bottom:3px solid #ccc; border-top:1px solid #ccc; background-color:#F0F0EB; margin-bottom:15px; width:100%; padding:0px 2px 2px 2px;}
.furtherInfo {}
.text { margin-bottom:15px;}
.list { margin-bottom:15px;}
.contentHtm { margin-bottom:0;}
.topImage { margin-bottom:15px;}

.sectionMenuPullDown {border-top:1px solid #ccc; /*background-color:#F0F0EB;*/ text-align:right; padding:0px 0px 2px 0px; width:99%;}

.filterBox {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#F0F0EB; margin-bottom:15px; text-align:left; padding:0px 0px 4px 6px;}

#pagination {margin:15px 0 0; border-top:1px solid #ccc;} 
#result {float:right; font-weight:bold;}
#numbers { }

/*--------- Border top colors ---------*/
.borderBlue	{border-top-color:#6699FF;}
.borderRed {border-top-color: #C80000;}
.borderOrange {border-top-color:#FF9900;}

/*----------------Standard font face and dimension for P and H selectors-------------*/
.featureSingle p, .featureSingle ul.noIndent { margin-bottom:1px; }
.formBox p, .searchEngine p { margin:0 0 4px; }

h1 { margin:0; font-size:1.5em; line-height:1.3em; font-weight:bold; padding-bottom:3px; }
h2 {margin:6px 0; font-size:1.20em; line-height:1.30em; font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:2px; }
.h2Small {margin:0 0 6px; font-size:1.0em; line-height:1.20em; font-weight:bold; border-bottom:1px solid #ccc; padding:1px 0 2px; }
h3, h4 { margin:0; font-size:1.0em; line-height:1.2em; font-weight:bold;}

.text h2, /*font-size:1.10em; line-height:1.20em;*/
.textList h2, /*font-size:1.10em; line-height:1.20em;*/
.textList h2Small,
.text h2Small,
.contentHtm h2,
.contentHtm h2Small,
.furtherInfo h2 {background-color:#F0F0EB; color:#555; }

.noLine {margin:1.8em 0 0; font-size:1.2em; line-height:1.3em; font-weight:bold; border-bottom:none; padding-bottom:2px;} /*to take off the bottom line for h2*/

.pageTitle {border-top:solid 1px #999; margin-bottom:1.6em;}
.pageTitleLine {border-top:solid 1px #999; border-bottom:solid 1px #999; margin-bottom:1.6em; width:99%;}

/*------------Borders and text alignmet for the FMD Fragment---------------------*/
.featureMultipleDropdownLine { border-top:solid 1px #999; border-bottom:solid 1px #999; padding-bottom:3px; width:99%; text-align:right; }

/*----------------Classes giving different size to the standard font-------------*/
.detail { font-size:1.2em; line-height:1.30em; font-weight:bold; padding-top:3px;} /*to give a smaller dimension in case of long title on detail pages*/
.little { font-size:0.9em;} /*used as class for <p> to give a smaller dimension to footnotes*/
.linkLarger a {font-family:Arial,Helvetica,Geneva,sans-serif; font-size:1.2em; line-height:1.3em;}

/*----------------Classes to color font-------------*/
.gray {color:#555;}
.red {color:#993300;}
.brown {color:#993300;}

/*----------------Selectors for hierarchical list (OL) and unordered list (UL)-------------*/
.hierarchicalList ol.indent {margin-left: 20px; margin-bottom:0;}
ol.spaceTop li {margin-top:1.6em;} 
ol.arhr li, ul.arhr li {margin-top:0; /*margin-right:4px;*/ padding:0 0 0 10px; background:url(./arrowhr.gif) no-repeat;}
ol.arhr {padding-top:3px;} /*Spacing for the first element of the list*/

/*----------------selctors to specify different type of unordered list (UL) and title for grouping-------------*/
ul.indent, ol.indent {margin-left:20px; margin-bottom: 1.6em;}
ul.noIndent {margin-left:0; margin-bottom: 1.6em;}
ul.space li {margin-bottom:1em;}
ul.noSpaceLine li {margin-bottom:4px; padding-bottom:4px; border-bottom:1px solid #ccc;}
ul.noSpaceLineLight li {margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #E8E8E8;}
ul.floatImage li {overflow:hidden; width:100%;}
.floatImage {overflow:visible; width:100%;}
ul.chkbox {margin-top:3px; margin-left:15px;}
.rightToLeft {direction:rtl; font-size:1.5em;}

.sectionMenu ul, .quickLinks ul, .relatedLinks ul, .newsBox ul {margin-bottom:1.2em;}

.titleBulletList {padding-bottom:2px; margin-bottom:3px;}
.titleList {font-size:1.2em; line-height:1.3em; font-weight:bold; padding-bottom:2px; margin-bottom:6px; border-bottom:1px solid #ccc; }
.titleListNo {font-size:1.2em; line-height:1.3em; font-weight:bold; padding-bottom:2px; margin-bottom:3px;}
.titleListSmall {font-size:1em; line-height:1.3em; font-weight:bold; padding-bottom:2px; margin-bottom:6px; border-bottom:1px solid #ccc;}
.titleListSmallNo {font-size:1em; line-height:1.3em; font-weight:bold; padding-bottom:2px; margin-bottom:0px;}

/*----------------Classes to design horizontal lines to be used within <p> <ul> <ol>-------------*/
.lineMenuLeft {border-bottom:1px solid #bbb; padding-bottom:4px; margin-bottom:3px;}
.lineBottom {border-bottom:1px solid #ccc;	margin-bottom:6px; padding-bottom:3px;}
.lineBottomGray {border-bottom:3px solid #ccc; padding-bottom:3px;}
.lineTopGray {border-top:3px solid #ccc; margin-bottom:8px; padding-top:2px; margin-top:3px;}
.lineTopGray1 {border-top:3px solid #ccc; margin-bottom:4px; padding-top:2px; margin-top:3px;}

/*---------- Special selectors for detail pages using the dynamic converter within the <div class ="text"> ----------------*/
.text ul /*.contentHtm ul*/ {margin-bottom:1.3em;}
.text ul li/*, .contentHtm ul li*/ {list-style:square; list-style-position:outside; margin-left:15px;}
.text p.line {border-top:1px solid #ccc; padding-top:2px; margin-bottom:5px; margin-top:1em;}
.footnote { font-size:0.9em; line-height:1.4em; background-color:#FAF9F2; border:1px solid #ccc; border-width:1px 0; padding:8px; margin:30px 0 40px; overflow:hidden; }

.floatingBox ul li {list-style-type:none; margin-left:0;}
.text td p {margin:0;}

/*.text th p {margin: 0px 0px 0px 0px;} NO otherwise the gray areas don't work*/
.grayTitle {background-color:#ddd; margin-bottom:0; padding:1px 2px 1px 2px; font-weight:bold;}
.grayTitle1 {background-color:#ddd; margin-bottom:6px; padding:1px 2px 1px 2px; font-weight:bold;} 
.grayBox1 {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#F0F0EB; margin-bottom:15px; padding:4px 6px 8px 6px;}

.grid1 {border-top:1px solid #ccc; border-right:1px solid #ccc; margin-bottom:15px; width:100%; font-size:1.0em; line-height:1.3em}
.grid1 tr th {padding:2px 6px 2px 6px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:left; vertical-align:top; font-weight:normal; background-color:#F0F0EB;}
.grid1 tr td {padding:2px 6px 4px 6px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align:top;}

/*---------- Special selectors for detail pages using the dynamic converter within the <div class ="textList"> ----------------*/
.textList ul {margin-bottom:2em;}
.textList li {margin-bottom:1em; padding:0 0 0 10px; background:url(/webcommon/r-images/arrowhr.gif) no-repeat;}
.textList p.titleListSmall {background-color:#F0F0EB; color:#993300;}
.textList td p {margin: 0px 0px 0px 0px;}
.textList p.line {border-top:1px solid #ccc; padding-top:2px; margin-bottom:5px; margin-top:1em;}
.textList p.footnote {	font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.9em;line-height:1.3em;}
/*.textList td ul {margin-bottom: 0px;}
.textList td li {margin-bottom: 0px;}*/

/*----------------selectors for composing bullet list in the TEXT area (valid also for LIST area)-------------*/
ul.disc li {list-style:disc; list-style-position:outside; margin-bottom: 0.4em; margin-left:15px;}
ul.nu li {list-style:decimal; list-style-position:inside; margin-bottom: 0.4em; margin-left:0px;}

/*---------- Special selectors for detail pages using the dynamic converter within the <div class ="gbText"> ----------------*/
.gbText ul {margin-bottom:0;}
.gbText li {margin-bottom:3px; padding:0 0 0 10px; background:url(/webcommon/r-images/arrowhr.gif) no-repeat;}
.gbText p.line {border-top:1px solid #ccc; padding-top:2px; margin-bottom:5px; margin-top:1em;}
.gbText td p {margin:0;}
.gbTex th p {margin:0;}

.horizontalLine1 {border-bottom:1px solid #ccc; margin-bottom:15px; font-size:1em; line-height:1.3em; width:100%;}
.horizontalLine1 tr th {padding:1px 6px 1px 3px; border-top:1px solid #ccc; text-align:left; vertical-align:top; font-weight:normal;}
.horizontalLine1 tr td {padding:3px 8px 5px 3px; border-top:1px solid #ccc; vertical-align:top;}

.gbText h2 {background-color:#F9EFBE; color:#993300;}

/*----------------Style for table used to layout lists or data------------*/
blockquote {margin:0; width:100%;}

.grid {border-top:1px solid #ccc; border-right:1px solid #ccc; margin-bottom:15px; width:100%; font-size:1.0em; line-height:1.3em;}
.grid tr th {padding:2px 6px 2px 6px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:left; vertical-align:top; font-weight:normal;}
.grid tr td {padding:2px 6px 4px 6px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align:top;}

.alternateRows {border-bottom:1px solid #ccc; margin-bottom:15px; width:100%; font-size:1em; line-height:1.3em;}
.alternateRows tr th {padding:1px 6px 1px 6px; border-left:1px solid #fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:left; vertical-align:top;}
.alternateRows tr td {padding:3px 6px 3px 6px; border-left:1px solid #fff; vertical-align:top;}

.horizontalLine {border-bottom:1px solid #ccc; margin-bottom:15px; font-size:1em; line-height:1.3em;}
.horizontalLine tr th {padding:1px 6px 1px 3px; border-top:1px solid #ccc; text-align:left; vertical-align:top;}
.horizontalLine tr td {padding:3px 8px 5px 3px; border-top:1px solid #ccc; vertical-align:top;}

tr.dotted td {border-top:1px solid #E8E8E8;}

.horizontalLineLight {border-bottom:1px solid #E8E8E8; margin-bottom:15px; font-size:1em; line-height:1.3em;}
.horizontalLineLight tr th {padding:1px 6px 1px 0px; border-top:1px solid #E8E8E8; text-align:left; vertical-align:top;}
.horizontalLineLight tr td {padding:3px 8px 5px 0px; border-top:1px solid #E8E8E8; vertical-align:top;}

.invisible {margin-bottom:15px; width:100%; font-size:1em; line-height:1.3em;}
.invisible tr th {padding:1px 6px 1px 6px; text-align:left; vertical-align:top;}
.invisible tr td {padding:1px 6px 1px 6px; vertical-align:top;}

.invisibleList {margin-bottom:15px; width:100%; font-size:1em; line-height:1.3em;}
.invisibleList tr th {padding:1px 6px 1px 6px; text-align:left; vertical-align:top;}
.invisibleList tr td {padding:0 2px; vertical-align:top; /*border:1px solid #E8E8E8;*/}

.box {border-top:1px solid #ccc; border-right:1px solid #ccc; margin-bottom:15px; width:100%; font-size:1em; line-height:1.3em;}
.box tr th {padding:2px 6px 2px 6px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:left; vertical-align:top; font-weight:normal; background-color:#DDDDDD}
.box tr td {padding:2px 6px 4px 6px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align:top;}

/*----------------Classes for form fields-------------*/
select {font-family:Verdana,Arial,Helvetica,Geneva,sans-serif; font-size:1em; margin:3px 0 0;}
textarea {font-family:Verdana,Arial,Helvetica,Geneva,sans-serif; font-size:8pt;}
input.buttflex {background-color:#F5F5F5; color:#000000; font-weight:bold; font-size:11px;}

/*----------------Links formattimg-------------*/
A.blueu:link, A.blueu:visited, A.blueu:active {color:#0033cc; text-decoration:none; border-bottom:dashed #999 1px}
A.blueu:hover {color:#993300; text-decoration:underline; border-bottom:none;}

A.yellow:link, A.yellow:visited {color:#FFCF63; text-decoration:none; font-weight:bold; border-bottom:none;}
A.yellow:active {color:#F9EFBE; text-decoration:none; font-weight:bold;}
A.yellow:hover {color:#F9EFBE; text-decoration:underline; font-weight:bold;}

A.red:link, A.red:visited, A.red:active {color:#993300; text-decoration:none; border-bottom:none;}
A.red:hover {color:#993300; text-decoration:underline;}

#breadCrumb A:link, #breadCrumb A:visited, #breadCrumb A:active {color:#0033cc; text-decoration:none; border-bottom:none;}
#breadCrumb A:hover {color:#993300; text-decoration:underline;}

.floatingBox A:link, .floatingBox A:active {color:#0033cc; text-decoration:none; border-bottom:none;}
.floatingBox A:visited {color:#993300;	text-decoration:none; border-bottom:none;}
.floatingBox A:hover {color:#993300; text-decoration:underline;}

.boxRight1 A:link, .boxRight1 A:active {color:#0033cc; text-decoration:none; border-bottom:none;}
.boxRight1 A:visited {color:#993300; text-decoration:none; border-bottom:none;}
.boxRight1 A:hover {color:#993300; text-decoration:underline; }

.featureSingle A:link, .featureSingle A:active {color:#0033cc; text-decoration:none; border-bottom:dashed #9991px;}
.featureSingle A:visited {color:#993300; text-decoration:none; border-bottom:dashed #9991px;}
.featureSingle A:hover {color:#993300; text-decoration:underline; border-bottom:none;}

.under A:link, .under A:active {color:#0033cc; text-decoration:none; border-bottom:dashed #9991px;}
.under A:visited {color:#993300; text-decoration:none; border-bottom:dashed #9991px;}
.under A:hover {color:#993300;text-decoration:underline; border-bottom:none;}

.noUnder A:link, .noUnder A:active {color:#0033cc; text-decoration:none; border-bottom:none;}
.noUnder A:visited {color:#993300;	text-decoration:none; border-bottom:none;}
.noUnder A:hover {color:#993300; text-decoration:underline;}

#leftContainer .featureMultiple A:link, A:active {text-decoration:none; border-bottom:none;}
#leftContainer .featureMultiple A:visited {color:#993300;text-decoration:none; border-bottom:none;}
#leftContainer .featureMultiple A:hover {color:#993300; text-decoration:underline;}

#leftContainer .quickLinks A:link, A:active {text-decoration:none; border-bottom:none;}
#leftContainer .quickLinks A:visited {color:#993300;text-decoration:none; border-bottom:none;}
#leftContainer .quickLinks A:hover {color:#993300; text-decoration:underline;}

/*----------------Background colors to be used in table, tr and td but also p, ol ul-------------*/
.bgBlack {background-color:#000000;}
.bgGrayDa {background-color:#666666;}
.bgGrayMe {background-color:#999;}
.bgGrayLi {background-color:#DDDDDD;}
.bgGrayXli {background-color:#F5F5F5;}
.bgWhite {background-color:#fff;}
.bgGold {background-color:#FFCC66;}
.bgRed {background-color: #C80000;}
.bgBlue {background-color:#6699FF;}
.grayLightBorder {border:1px solid #E8E8E8;}







