/** * ODI css template * * 3 column page style to 960px * 170 + 10 + 540 + 10 + 230 * */ /** * Colour Swatch * * Page Background #e9e8e5 * * Nic - Site Colours * Turquoise 136161 * Pink 9f0d5b * Green 5b590c * Grey Brown 515246 * * Unused * Allesandro - Logo Colours * green: 5b590c * pink: a00d5b * blue: 136161 * */ body { background-color: #e9e8e5; margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 100%; } a { text-decoration: underline; } a:hover { text-decoration: none; } p { font-size: 1.0em; margin: 0px; padding: 0px 0px 1.0em 0px; } h1 { font-size: 1.5em; margin: 0px; padding: 0px 0px 0.8em 0px; } h2 { font-size: 1.2em; margin: 0px; padding: 0px 0px 0.8em 0px; } h3 { font-size: 1.1em; margin: 0px; padding: 0px 0px 0.5em 0px; } li, th, td, dd, dt, h4, h5, h6 { font-size: 1em; } ul, ol { margin: 0px; padding: 0em 2.0em 1.0em 2.0em; } ul li { margin: 0px 0px 0.5em 0em; padding: 0px; } table { /*border-collapse: collapse;*/ /*border-width: 1px;*/ /*border-style: solid;*/ /*border-color: #000000;*/ /*border-spacing: 1px;*/ font-size: 1.0em; margin-bottom: 25px; } table thead {} table tfoot {} table tbody {} table tr {} table th { /*border: 1px solid;*/ padding: 3px; } table td { /*border: 1px solid;*/ padding: 3px; } /* DWP header */ #brandingArea { width: 960px; margin-left: auto; margin-right: auto; background-color: #F1F0F8; padding: 14px; color: #333333; font-size: .8em; margin-bottom: 10px; text-align: left; } #brandingArea a { color: #333333; text-decoration: none; } #brandingArea a:hover { text-decoration: underline; } /* Javascript identifiers */ .autoExpander a { /* Clicking this item will expanding the immediately following div */ } /* Un-scoped styles */ .clear { clear: both; height: 0px; width: 100%; } .hidden { position: absolute; left: -9999em; top: -9999em; } .hidden:active, .hidden:focus { position: static; display: inline-block; } /* Scoped styles */ div.contenttoggle { display: none; } div.content { padding: 10px; background-color: white; margin-top: 6px; } div.dividingline { background-color: #e9e8e5; height: 4px; overflow: hidden; } ol.alphaorder { list-style: lower-alpha; } ol.romanorder { list-style: lower-roman; } ul.odilist { list-style: none; padding: 0; margin: 0; } ul.odilist li { border-bottom: 1px dashed black; padding-bottom: 10px; padding-top: 5px; } ul.odilist li.last { border-bottom: none; } img.homepageimage { float: left; padding-right: 30px; } /* Template positions */ #page { width: 960px; margin-left: auto; margin-right: auto; text-align: left; } #page a { color: #136161; } #page.pagePink {} #page.pagePink a { color: #9f0d5b; } #page.pagePink h1 { background-color: #9f0d5b; margin-top: 0; margin-bottom: 0; color: white; padding-left: 10px; padding-right: 10px; font-size: 1em; display: block; padding-top: 5px; padding-bottom: 5px; } #page.pagePink h2 { color: #9f0d5b; margin-top: 0; } #page.pagePink h3 { color: #9f0d5b; font-size: 1em; margin-bottom: 0; } #page.pagePink ul.ilsheading {list-style: none; padding-left:10px; padding-right:10px;} #page.pagePink ul.ilsheading li {margin-left:0;} #page #header { background: white url("../img/logo.jpg") no-repeat top left; min-height: 157px; margin-bottom: 10px; text-align: right; position: relative; } * html #header { height: 157px; } #header ul { list-style: none; padding-top: 10px; padding-right: 10px; margin: 0; } #header ul li { display: inline; padding-right: 5px; } #header ul li a { color: black; } #header p.logoRoadmap, #header p.logoOdi { display: inline; } #header p.logoRoadmap a { display: block; position: absolute; top: 0px; left: 0px; width: 469px; height: 157px; text-align: left; text-indent: -9999em; } #header p.logoOdi a { display: block; position: absolute; top: 87px; right: 0px; width: 264px; height: 70px; text-align: left; text-indent: -9999em; } #page #left { width: 170px; /* column width 170px */ margin-right: 10px; float: left; background-color: #e9e8e5; } #left h2, #left div.header { margin: 0px; padding: 4px 10px 5px 10px; color: #FFFFFF !important; border-bottom: 2px solid #e9e8e5; background: #136161; font-size: 1.0em; font-weight: bold; } #left ul.mainmenu { list-style: none; padding: 0; margin: 0px 0px 8px 0px; } #left ul.mainmenu li { padding: 0; margin: 0; display: block; background: white; } #left ul.mainmenu li a { display: block; padding: 4px 10px 5px 10px; color: #000000; text-decoration: none; border-bottom: 2px solid #e9e8e5; } #left ul.mainmenu li a.first {} #left ul.mainmenu li a:hover, #left ul.mainmenu li a.active:hover { background-color: #136161; color: #FFFFFF; } #left ul.mainmenu li a.active { font-weight: bold; background-color: #136161; color: #FFFFFF; } #left ul.level1 {} #left ul.level2 {} #left ul.level2 li a { color: #9f0d5b; } #left ul.level2 li a:hover, #left ul.level2 li a.active:hover, #left ul.level2 li a.active { background-color: #9f0d5b; } #left ul.level3 {} #left ul.level3 li a { color: #000000; } #left ul.level3 li a:hover, #left ul.level3 li a.active:hover, #left ul.level3 li a.active { background-color: #5B590C; } #left ul.level4 {} #left ul.level4 li a.first { color: white; background: #555555; } #left ul.level4 li a:hover, #left ul.level4 li a.active:hover, #left ul.level4 li a.active { background-color: #136161; } #page #breadcrumbs { float: left; width: 760px; padding: 5px 10px 5px 10px; font-size: 1.0em; margin-bottom: 10px; background: #FFFFFF; } /* * html #page #breadcrumbs { width: 780px; } */ #breadcrumbs ul { margin: 0px; padding: 0px; width: 100%; display: block; } #breadcrumbs ul li { margin: 0px 0px 0px 5px; padding: 0px 0px 0px 15px; background: url('../img/breadcrumbs-separator.png') left no-repeat; display: inline; } #breadcrumbs ul li.first { margin-left: 0px; padding-left: 0px; background: none; } #breadcrumbs ul li a { text-decoration: none; color: #000000; /*font-weight: bold;*/ } #breadcrumbs ul li a:hover { text-decoration: underline; } #page #content { width: 540px; /* column width 540px*/ margin-right: 10px; float: left; margin-bottom: 10px; overflow: hidden; } #content.contentWide { width: 780px !important; margin-right: 0px !important; } #content h1 { background-color: #136161; margin-top: 0; margin-bottom: 0; color: white; padding-left: 10px; padding-right: 10px; font-size: 1em; display: block; padding-top: 5px; padding-bottom: 5px; } #content h2 { color: #136161; margin-top: 0; } #content h3 { color: #136161; font-size: 1em; margin-bottom: 0; } /*#content h3.indicators, #content h3.ils, #content h3.unConvention { background-color: #5b590c; color: white; font-size: 1em; background: #5b590c url("../img/white_arrow_right.gif") right 7px no-repeat; padding: 5px 10px 5px 10px; } #content h3.unConvention { background-color: #9f0d5b !important; } #content h3.active { background: #5b590c url("../img/white_arrow_down.gif") right 7px no-repeat; }*/ #content div.subarticle1 { width: 290px; float: left; margin-right: 10px; margin-top: 10px; background-color: white; } #content div.subarticle2 { width: 240px; float: left; margin-top: 10px; background-color: white; } #content div.subarticle1 h2 { background-color: #9f0d5b; color: white; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; margin-top:0; } #content div.subarticle2 h2 { background-color: #5b590c; color: white; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; margin-top:0; } #content div.subarticle1 p, #content div.subarticle2 p { padding: 10px; } #content ul.unconventionlist { list-style: none; padding-left:0; } #content ul.unconventionlist li { padding-top:10px; padding-bottom:10px; border-bottom: 1px dashed black; } #page #right { width: 230px; /* column width 230px */ float: left; overflow: hidden; } #right form { border-bottom: 5px solid #e9e8e5; padding: 5px 10px 10px 10px; background-color: #555555; margin-bottom: 5px; } #right form label { font-weight: bold; color: white; padding-bottom: 4px; float: none; display: block; } #right form input#search { width: 130px; } #right div.clearbox { background-color: white; padding: 10px; margin-bottom: 10px; } #right div.clearbox h3 { color: #136161; } #right div.clearbox p { margin-top: 0px; } #right div.clearbox div { text-align: center; } #right div.clearbox img { margin-right: 50px; } #right div.rightbox { background-color: #9f0d5b; color: white; font-weight: bold; padding: 10px; border-bottom: 5px solid #e9e8e5; margin-bottom: 10px; } #right div.rightbox ul { list-style: none; padding: 0; margin: 0; } #right div.rightbox ul li { margin: 0; font-weight: normal; padding-top: 10px; } #right div.rightbox a { color: white; } #right div.rightbox a:hover { text-decoration: none; } /*#page #footer { clear: both; background-color: white; margin-top: 10px; font-size: 0.8em; padding: 10px 10px; } #footer p { padding: 0px; margin: 0px; }*/ /* Components */ .autoExpander { display: block; width: 100%; margin: 0px; padding: 0px; font-size: 1.0em; } .autoExpander a { background: url('../img/white_arrow_right.gif') right 7px no-repeat #5b590c; display: block; padding: 5px 10px; margin: 0px 0px 2px 0px; color: #FFFFFF !important; text-decoration: none; } * html .autoExpander a { display: inline-block; width: 100%; } .autoExpander a:hover, .autoExpander a:focus { background-image: url('../img/green_arrow_right.gif'); background-color: #FFFFFF; color: #5b590c !important; } .autoExpander a.active { background-image: url('../img/white_arrow_down.gif'); } .autoExpander a.active:hover, .autoExpander a.active:focus { background-image: url('../img/green_arrow_down.gif'); } .autoExpanderPink { /* Extends .autoExpander */ } .autoExpanderPink a { background-image: url('../img/white_arrow_right_pink.gif'); background-color: #9f0d5b; } .autoExpanderPink a:hover, .autoExpanderPink a:focus { background-image: url('../img/pink_arrow_right.gif'); background-color: #FFFFFF; color: #9f0d5b !important; } .autoExpanderPink a.active { background-image: url('../img/white_arrow_down_pink.gif'); } .autoExpanderPink a.active:hover, .autoExpanderPink a.active:focus { background-image: url('../img/pink_arrow_down.gif'); color: #9f0d5b !important; } .searchResults {} .searchResults .searchResult { width: 100%; margin-bottom: 1.5em; padding-bottom: 15px; border-bottom: 1px dashed black; } .searchResults .searchResult h3.resultTitle { padding: 0px; margin: 0px; } .searchResults .searchResult p.resultSummary { padding: 0px; margin: 0px; } .searchResults .searchResult p.resultUrl { padding: 0px; margin: 0px; } .searchResults .searchResult p.resultUrl a {} .searchResults .searchResult span.searchKeyword { font-weight: bold; } .searchResults ol.pagination { list-style: none; margin: 1.5em 0px; padding: 1.5em 0px; text-align: center; } .searchResults ol.pagination li { margin: 0px 5px; padding: 0px; display: inline; } table.graphData { width: 760px; overflow: hidden; } table.graphData th {} table.graphData td {} .graph {} .graphLegend {} .graphLegend ol { list-style: none; /*margin: 0px; padding: 0px;*/ } .graphLegend ol li { margin: 0px; padding: 0px; } .graphLegend ol li span { font-weight: bold; display: block; width: 15px; height: 12px; float: left; clear: left; margin: 4px 10px 0px 0px; overflow: hidden; }