/**
 * Main layout and styles for the UNFCCC CDM website
 *
 * ------------------------------------------------------------------------- */

 
/* ------------------------------------------------------------------------
 *
 * =BASELINE
 *
 * ------------------------------------------------------------------------ */
body               { background-color: #fff; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:0; padding:10px; }

/* Flow content ----------------------------------------------------------- */
h1, .mH div        { background:#f3f3f3; border:1px solid #ccc; border-bottom-style:outset; font-size:15px; font-weight:bold; line-height:18px; margin:0 0 15px; padding:4px; }
h2                 { font-size:12px; margin:15px 0; }
h3                 { font-size:12px; font-weight:normal; margin:15px 0; }
p                  { margin:15px 0; }
blockquote         { font-style:italic; margin:0; padding:0; }
blockquote p       { margin:0; }
.distinguishableHeaders h2 {font-size:15px; margin:15px 0; border-bottom: 1px solid #CCCCCC; padding: 4px 0;}
.distinguishableHeaders h3 { font-size:15px; font-weight: bold; margin:15px 0; }


/* Phrasing content ------------------------------------------------------- */
img, abbr          { border:none; }
abbr[title]        { cursor:help; }
a                  { color: #1478B7; text-decoration: none; }
a:hover, a:focus   { text-decoration: underline; }
dfn                { font-style:normal; font-weight:bold; }
q ins              { text-decoration:none; }
cite:before        { content:'?'; }
cite:after         { content:'?'; }

/* Table model ------------------------------------------------------------ */
table              { border-collapse:collapse; _width:auto; }
td, th             { text-align:left; vertical-align:top; }
.number            { text-align:right; }

/* Sectioning content ----------------------------------------------------- */
.section           { margin:0 0 7px; padding:7px; *zoom:1; }
.section.block     { border:1px solid #ccc; }

.row               { border-collapse:separate; border-spacing:5px; *clear:left; display:table; margin:0 -5px; *margin:7px 0; min-width:100%; *zoom:1; }
.row .section      { display:table-cell; *display:inline; *float:left; *margin-left:5px; }
.row .section:first-child 
                   { *margin-left:0; }

.flow .section     { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; display:inline-block;  *display:inline; _height:120px; margin-left:2px; min-height:120px; vertical-align:top; width:32%; *width:32%; zoom:1; }
.flow .section:nth-child(3n+1) 
                   { margin-left:0; }
.flow .section h2 a{ font-size:12px; font-weight:bold; position:static; }

.section h2:first-child      { margin-top:0; position:relative; *zoom:1; }
.section > h2:first-child a  { font-size:10px; font-weight:normal; position:absolute; right:0; }
.section li > h3             { display:inline; }
.section li > h3 + p         { margin-top:0; }
.section > p:last-child      { margin-bottom:0; }
.section ul                  { list-style:none; margin:0; padding:0; }
.section ul > li:before      { content:'+ '; }
.section ul.long li          { margin:15px 0 0; } 
.section ul.long li:first-child { margin:0; }
.section > img     { float:left; margin-bottom:15px; margin-right:10px; }

.details-list      { list-style:none; margin:15px; padding:0; }
.details           { margin:10px 0; padding:0 0 0 14px; }
.details:before    { content:'' !important; }
.details .hidden   { display:block; }
.collapsed .summary,
.expanded .summary { cursor:pointer; }
.collapsed .summary + div,
.collapsed .summary + ul,
.collapsed .summary + p 
                   { display:none; }
.collapsed .hidden { display:none; }
.details h3        { background:url('/CommonImages/details.png') no-repeat 0 -45px; display:block !important; font-size:12px; font-weight:normal; margin:0 0 5px -14px; padding:0 0 0 14px; }
.details h3 + *    { list-style:none; margin:0; padding:0 0 0 15px; }
.collapsed h3      { background:url('/CommonImages/details.png') no-repeat 0 0 !important; } 

/* More/Less elements ----------------------------------------------------- */
.more              { *zoom:1; }

/* Search results metadata ------------------------------------------------ */
#totals            { display:inline; float:left; margin:0; }
#curpage           { display:inline; float:right; margin:0; }
#resultsnav        { margin:0 auto; text-align:center; }

/* Table footnotes -------------------------------------------------------- */
.footnotes         { font-size:10px; list-style:none; margin:15px 0; padding:0; }
.footnotes li:target
                   { background:#FFECEC }

/* Toolbox styles for common cases ---------------------------------------- */
.hidden            { display:none; }
.toggler:focus     { outline:none; }
.read-more         { margin:0; text-align:right; }
.nospace           { margin:0; }
.clear             { clear:both; }


/* ------------------------------------------------------------------------
 *
 * =THEME ELEMENTS
 *
 * ------------------------------------------------------------------------ */

/* Cross-site navigation -------------------------------------------------- */
#macronav          { bottom:-1px; display:inline; float:left; font-size:10px; list-style:none; margin:-1px 0 0; padding:3px 0 0; position:relative; }
#macronav li       { background:#ECECEC url("tt.jpg") no-repeat 0 0; border:1px solid #ccc; border-left:none; border-top:none; display:inline; float:left; margin:0; padding:3px 0 1px; }
#macronav li.this  { background:#f9f9f9 url('tt_nh.jpg') no-repeat top left; border-bottom-color:#F9F9F9; }
#macronav a        { color:black; padding:3px 3px 1px; }
#macronav a:hover  { background:#ccc; text-decoration:none; }

/* Support sections navigation -------------------------------------------- text-transform:uppercase; */
#supportnav        { display:inline; float:right; font-size:10px; }
#supportnav a      { color:#666;  }
#supportnav a:hover{ background:none; color:#1478B7; text-decoration:none; }
#supportnav .nocaps{ text-transform:none; }

/* Micro-navigation and local time ---------------------------------------- */
#micronav          { display:inline; float:left; font-size:9px; margin:10px 0; width:80%; }
#micronav a        { color:#666; }
#localtime         { display:inline; float:right; font-size:9px; margin:10px 0; text-align:right; width:20%; }

/* Banner content (logo, primary navigation, etc.) ------------------------ */
#logo              { display:block; margin:4px auto; }
#mainnav           { margin:30px 0; width:auto; }
#mainnav span      { display:block; }
#google_searchbox  { margin-bottom:30px; text-align:center; }
#quickfinder       { margin:30px 0; }
#quickfinder label { display:block; margin-left:10px; }
#socialmedia       { margin:30px 10px; }
#socialmedia a     { margin:0px 4px; }

/* Global layout ---------------------------------------------------------- */
#container         { background:url(/CommonImages/nav.gif) repeat-y top left; border:1px solid #ccc; clear:both; _height:1%; margin-bottom:5px; *overflow:hidden; _overflow:visible; padding-left:200px; padding-right:10px; }
#container:after   { clear:both; content:'.'; display:block; height:0; visibility:hidden; }
#banner            { background-color:#f9f9f9; display:inline; float:left; margin-left:-200px; padding:0; width:189px; }
#content           { overflow:hidden; padding:0 0 10px; }
#cols              { clear:both; _clear:none; _overflow:hidden; }
#aside             { display:inline; float:right; margin-right:-195px; *margin-right:0; padding-left:10px; width:185px; }
html>body #main    { *zoom:1; }
#main              { _overflow:hidden; }

/* When info boxes are present, we need to make room for them: */
.condensed         { padding-right:195px; }
.condensed #main   { display:inline; float:left; width:100%; }

/* Warning messages displayed when logged in */
.conf_warning      { border:2px solid #c00; padding: 2px; margin:10px 0; color: #c00; }
.conf_warning p    { margin:0; }

/* Info boxes ------------------------------------------------------------- */
#aside .section    { border:1px solid #ccc; border-bottom-color:#9F9F9F; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 1px 0 #ccc; -webkit-box-shadow:0 1px 0 #ccc; box-shadow:0 1px 0 #ccc; padding:5px; margin:0 0 25px; }
#aside .section.explorized { border-bottom:none; _border-bottom:1px solid #ccc; border-top:none; padding:0 5px; _padding:0 5px 5px; }
#aside .t          { background:url('bbg.gif') no-repeat; display:block; height:3px; margin:0 -6px; }
#aside .b          { background:url('bbgu.gif') no-repeat; clear:both; display:block; _display:none; height:5px; margin:0 -6px; }
#aside .section h2 { background:#f0f0f0; border-bottom:1px solid #ccc; margin:-5px -5px 5px; padding:5px; }
#aside .section.explorized h2 
                   { margin-top:0; padding-top:2px; }
.audio li          { margin:2px 0; padding-right:36px; position:relative; }
.audio-files       { position:absolute; right:0; top:0; }

.highslide-header .highslide-print a
                   { background-image:url('/CommonImages/print.png'); }

/* ------------------------------------------------------------------------
 *
 * =PAGE-SPECIFIC SETTINGS 
 *
 * ------------------------------------------------------------------------ */

/* About CDM -------------------------------------------------------------- */
#about             { background:url('/CommonImages/banners/about.jpg') no-repeat top center; padding-top:93px; *zoom:1; }

/* Rules & Reference ------------------------------------------------------ */
#references        { background:url('/Reference/eb.jpg') no-repeat top center; padding-top:71px; *zoom:1; }
#references .article         
                   { border-top:1px solid #eee; padding:5px 0 5px 140px; }
#references .article:first-child
                   { border-top:none; }
#references .article h2     
                   { display:inline; float:left; font-weight:normal; margin-left:-140px; margin-top:0; padding-right:7px; }
#references p,
#references ul     { margin:0 0 5px; }

/* Multimedia ------------------------------------------------------------- */
#multimedia        { background:url('/CommonImages/banners/multimedia.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#multimedia .row .section 
                   { width:50%; }
#multimedia .row .section img 
                   { float:none; display:block; margin:15px 0; }

#multimedia2        { background:url('/CommonImages/banners/multimedia2.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#multimedia2 .row .section 
                   { width:50%; }
#multimedia2 .row .section img 
                   { float:none; display:block; margin:15px 0; }
/* Extranet --------------------------------------------------------------- */
#extranet a        { color:black; padding:3px 3px 1px; }
#extranet a:hover  { color:#1478B7; text-decoration:none; }
#extranet .row .section
                   { width:33%; }

/* Executive Board, Calls for input, National Authorities, ... ------------ */
#arc               { background:url('/CommonImages/banners/press2.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#eb                { background:url('/CommonImages/banners/China-power-plant-by-night.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#fullcalendar      { background:url('/CommonImages/banners/UN_flag.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#cfi               { background:url('/CommonImages/banners/cfi.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#cfi_meth          { background:url('/CommonImages/banners/nature-around-cdm-project.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#dev_ben           { background:url('/CommonImages/banners/landfill gas recovery.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#dna               { background:url('/CommonImages/banners/dna.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#dna_comm          { background:url('/CommonImages/banners/binary-cycle-power-plant.jpg') no-repeat top center; padding-top:93px; *zoom:1; }

#doe               { background:url('/CommonImages/banners/doe.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#doe h3            { margin: 12px 0 0 0; font-weight:bold; }
#doe .row .section { width:50%; }
#helpdesk          { background:url('/CommonImages/banners/new-office.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#newsarchives      { background:url('/CommonImages/banners/power_lines.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#newsroom          { background:url('/CommonImages/banners/Peru-photovoltaic-power.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#poa               { background:url('/CommonImages/banners/poa.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#policy            { background:url('/CommonImages/banners/Malaysia-biomass-plant-and-.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#regional          { background:url('/CommonImages/banners/nf.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#registry          { background:url('/CommonImages/banners/dna.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#references        { background:url('/CommonImages/banners/reference2.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#stakeholder       { background:url('/CommonImages/banners/stakeholder.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#rcc               { background:url('/CommonImages/banners/panoramic_view.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#insights          { background:url('/CommonImages/banners/binary-cycle-power-plant.jpg') no-repeat top center; padding-top:93px; *zoom:1; }

#vc1               { background:url('/CommonImages/banners/Vehicle-scrapping-in-Egypt.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#vc2               { background:url('/CommonImages/banners/techtransfer.jpg') no-repeat top center; padding-top:93px; *zoom:1; } 
#vc3               { background:url('/CommonImages/banners/ref.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#vc4               { background:url('/CommonImages/banners/nature-around-cdm-project.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#vc5               { background:url('/CommonImages/banners/binary-cycle-power-plant.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#vc6               { background:url('/CommonImages/banners/fjord.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#sb1               { background:url('/CommonImages/banners/solar.jpg') no-repeat top center; padding-top:93px; *zoom:1; }

/* Methodologies ---------------------------------------------------------- */
#meth              { _height:1%; }
#meth .row .section{ width:50%; *zoom:1; }
#meth h2           { border-bottom:1px solid #ccc; margin:-7px -7px 8px; padding:7px; }
#meth h2 a         { right:7px; top:9px; }

/* Methodologies Booklet  ------------------------------------------------- */
#methbooklet ul    { margin:0 0 12px 12px; }
#methbooklet ul > li:before { content:''; }
#methbooklet ul > li  { margin:0 6px 0 0; }

/* CDM Panels, Working Groups and Teams ----------------------------------- */
#panels            { *zoom:1; }
#panels .row .section 
                   { width:33%; }
#panels h2         { border-bottom:1px solid #ccc; margin:-7px -7px 8px; padding:7px; }
#panels h2 a       { right:7px; top:9px; }

/* Sitemap   -------------------------------------------------------------  */
#sitemap           { background:url('/CommonImages/banners/sitemap.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#sitemap h1        { background:#ffffff; border:1px solid #ccc; font-size:23px; line-height:26px; margin:0 0 24 0; padding:8px; max-width:1020px;}

#sitemap .row .section { width:50%; *zoom:1; }

/* Statistics ------------------------------------------------------------- */
#statistics        { _height:1%; }
#statistics .row .section
                   { width:50%; }
/* Documentation / Reports / Technology Transfer   -----------------------  */
#techtransfer           { background:url('/CommonImages/banners/techtransfer.jpg') no-repeat top center; padding-top:93px; *zoom:1; }                   
                   
/* Governance ------------------------------------------------------------- */
#governance        { position:relative; margin:0 auto; padding-bottom:30px; max-width:800px; _width:800px; }
#governance h2     { color:black; font-size:14px; line-height:18px; margin:0 0 7px; }
#governance .summary
                   { color:#888; font-style:italic; margin:0; }
#governance .header{ font-size:14px; line-height:18px; }

#gov-cmp, #gov-eb, #gov-doe, #gov-dna,
#gov-meth, #gov-ap, #gov-rit, #gov-ssc,
#gov-ar, #gov-ccs  { background:rgba(255,255,255,.93); border:2px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 12px rgba(0,0,0,.15); -webkit-box-shadow:0 0 12px rgba(0,0,0,.15); box-shadow:0 0 0 12px rgba(0,0,0,.15); display:none; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#F0FFFFFF, endColorstr=#F0FFFFFF); padding:21px 21px 0; position:absolute; width:300px; }
#gov-cmp           { left:227px; top:7px; }
#gov-eb            { left:227px; top:124px; }
#gov-doe           { left:76px; padding:21px 21px 21px 198px; top:52px; width:350px; }
#gov-dna           { left:149px; padding:21px 198px 21px 21px; top:52px; width:350px; }
#gov-meth, #gov-ap, #gov-rit
                   { bottom:20px; padding-left:146px; width:180px; }
#gov-ssc, #gov-ar, #gov-ccs
                   { bottom:20px; padding-right:146px; width:180px; }
#gov-meth          { left:-13px; }
#gov-ap            { left:124px; }
#gov-rit           { left:256px; }
#gov-ssc           { left:208px; }
#gov-ar            { left:340px; }
#gov-ccs           { left:482px; }

#gov-cmp .header,
#gov-eb .header    { border-bottom:1px solid #7F7357; margin-bottom:21px; padding-bottom:7px; text-align:center; }
#gov-doe .header   { _display:inline; float:left; margin-left:-177px; margin-right:21px; width:156px; }
#gov-dna .header   { _display:inline; float:right; margin-right:-177px; margin-left:21px; text-align:right; width:156px; }
#gov-meth .header, #gov-ap .header,
#gov-rit .header   { bottom:18px; left:21px; position:absolute; width:115px; }
#gov-ssc .header, #gov-ar .header,
#gov-ccs .header   { bottom:18px; right:21px; position:absolute; width:115px; }

#gov-cmp h2,
#gov-eb h2         { font-size:20px; line-height:1; }
#gov-doe h2        { width:110px; }
#gov-dna h2        { margin-left:auto; width:110px; }
#gov-meth h2, #gov-ap h2, #gov-rit h2,
#gov-ssc h2, #gov-ar h2,
#gov-ccs h2        { font-weight:normal; margin:0; }

#jmp               { background:url('/CommonImages/governance/governance.gif') no-repeat center; list-style:none; font-size:14px; _height:374px; line-height:18px; margin:0; max-width:800px; min-height:374px; padding:0; position:relative; _width:800px; }
#jmp a             { background:#E3CD9B; color:#666; display:block; padding:0 10px; position:absolute; text-decoration:none; }
#jmp-cmp, #jmp-eb  { font-size:20px; font-weight:bold; height:60px; left:50%; line-height:60px; margin-left:-160px; text-align:center; top:22px; width:300px; }
#jmp-eb            { top:140px; }
#jmp-doe, #jmp-dna { background:#ffffff !important; font-size:14px; font-weight:bold; left:89px; top:87px; width:110px; }
#jmp-dna           { left:579px; text-align:right; }
#jmp-meth, #jmp-ap,
#jmp-rit, #jmp-ssc,
#jmp-ar, #jmp-ccs  { bottom:0px; height:46px; padding-top:48px !important; width:97px; }
#jmp-meth          { left:0px; }
#jmp-ap            { left:137px; }
#jmp-rit           { left:274px; padding-left:5px !important; padding-right:0 !important; width:112px !important; }
#jmp-ssc           { left:411px; }
#jmp-ar            { left:548px; height:64px; padding:30px 0 0 5px !important; width:112px !important; }
#jmp-ccs           { left:685px; height:64px; padding:30px 0 0 5px !important; width:112px !important; }
#jmp img           { background:#E3CD9B; display:none; position:absolute; }
#jmp-cmp img       { left:76px; top:12px; _top:-9999px; }
#jmp-eb img        { left:84px; top:12px; _top:-9999px; }
#jmp-doe img       { background:white; left:-30px; top:10px; _top:-9999px; }
#jmp-dna img       { background:white; right:-30px; top:10px; _top:-9999px; }
#jmp-meth img      { left:40px; top:0px; _top:-9999px; }
#jmp-ap img        { left:40px; top:0px; _top:-9999px; }
#jmp-rit img       { left:40px; top:0px; _top:-9999px; }
#jmp-ssc img       { left:40px; top:0px; _top:-9999px; }
#jmp-ar img        { left:40px; top:0px; _top:-9999px; }
#jmp-ccs img       { left:40px; top:0px; _top:-9999px; }

/* Guides / How to... ----------------------------------------------------- */
#guides            { background:url('/CommonImages/banners/howto.jpg') no-repeat top center; padding-top:93px; *zoom:1; }
#guides h3         { margin: 12px 0 0 0; font-weight:bold; }
#guides h3:before  { content:'+ '; }

/* CERs issued ------------------------------------------------------------ */
#issuance          { background:url('/CommonImages/banners/issuance.jpg') no-repeat top center; padding-top:93px; *zoom:1; }

#issuances         { margin:15px 0; }   
html>body #issuances
                   { width:100%; }
#issuances td,
#issuances th      { border-bottom:1px solid #ccc; }
#issuances thead tr{ background:#f3f3f3; border-top:1px solid #ccc; }
#issuances tbody tr:hover 
                   { background:#fcfcfc; }
#issuances td, 
#issuances th      { padding:7px; }
#issuances th[scope=row] 
                   { font-weight:normal; }
#doi               { width:100px; }
#cer, #hos         { width:75px; }
#per               { width:150px; }

/* CDM Project Search ----------------------------------------------------- */
#projectsearch td:first-child 
                   { white-space:nowrap; }

/* CDM Registry ----------------------------------------------------------- */
#registry-howtos   { overflow:hidden; }
#registry-howtos ul{ display:inline; float:left; width:50%; }

/* ------------------------------------------------------------------------
 * =LEGACY STYLES
 * ------------------------------------------------------------------------ */

.contentTable      { background-color: #ccc; border-collapse: collapse; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.contentTable caption 
                   { font-size:10px; text-align:left; caption-side:bottom; }
.contentTable th   { background-color: #F3F3F3; border-left: 1px solid #ccc; border-top: 1px solid #ccc; color: #666; font-size: 12px; font-weight: bold; padding: 3px; text-align: left; vertical-align: middle; }
.contentTable td   { background-color: #fff; border-left: 1px solid #ccc; border-top: 1px solid #ccc; color: #666; font-size: 12px; font-weight: normal;	padding: 3px; text-align: left; vertical-align: top; }
.contentTableLeft  { background-color: #F3F3F3; border:none; color: #666; font-size: 12px; font-weight: normal;	text-align: left; padding: 3px; }

.formTable         { background-color:#ccc; border-collapse: collapse; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } 
.formTable table   { background-color: #ccc; border-collapse: collapse; border-bottom:none; border-right:none; } 
.formTable table td{ background-color: #fff; border-top:none; border-left:none; } 
.formTable caption { caption-side:bottom; font-size: 10px; text-align:left; }
.formTable th,
.formTable td      { background:#fff; border-left: 1px solid #ccc; border-top: 1px solid #ccc; color: #666; font-size: 12px; font-weight: normal; padding: 7px; text-align: left; vertical-align: top; }
.formTable th      { background-color: #F3F3F3; font-weight: bold; }
.formTable li      { list-style:none; }
div>li             { list-style:none; }
td>li              { margin:5px 0 5px 15px; }

.unfccc            { color: #666; font-size: 18px; font-weight: bold; margin:0 10px 5px 0; }
#tdBorder          { border:1px solid #000; }

.activeTab         { border: 1px solid #ccc; border-bottom:none; background-color:#F9F9F9; font-family: Arial, Helvetica, sans-serif; font-size:  10px; }
.inactiveTab       { background: url(/style/tt.jpg) no-repeat; background-color: #ECECEC; border: 1px solid #ccc; border-left: none; border-top:none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.inactiveTab2      { background: url(/style/tt.jpg) no-repeat; background-color: #ECECEC; border: 1px solid #ccc; border-left: none; border-top: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.activeTab_nh      { background: url(/style/tt_nh.jpg) no-repeat; background-color: #F9F9F9; border-right: 1px solid #ccc; border-left: none; border-bottom: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.inactiveTab_h     { background-color: #ECECEC; border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

/**
<a href="/"><img src="/files/inc/graphics/image/png/2011_logo.png" id="top_service_logo"/></a>
<!-- <img src="/files/inc/graphics/image/png/2011_logo_teaser.png" id="top_service_teaser"/>-->
 <div id="top_service_searchbox" style="padding-left:0; width:185px;">
	<form id="google_searchbox" action="/home/items/6078.php">
    <input type="image" name="searchbutton" class="searchButton" src="/files/inc/graphics/image/gif/2011_search_icon.gif" value="send">
    <input type="text" class="searchBox" name="q">
    <input type="hidden" value="009772925632828311246:gjvsnghto1u" name="cx">
    <input type="hidden" value="UTF-8" name="ie">
    <input type="hidden" name="sa">
  </form>

	<script type="text/javascript" tal:attributes="src string:${root_url}/files/inc/application/x-javascript/2011_bg_search_image.js"></script>
**/


#searchBox         { background:url('/style/2011_search_icon.gif') no-repeat left; left:0; width:200px; margin-bottom:5px; }
.searchBox         { font-family: Arial, Helvetica, sans-serif; font-size: 12px; width:170px; font-color: #1478B7; }
#searchBox ul {
	list-style: none;
	margin:0;
	padding:0 0 0 12px;
}
#searchBox li {
	list-style-type: none;
}
#searchBox input {
	font-size: 10px;
}



#subMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background-color:#F9F9F9;
	width: 200px;
}
#subMenu li {
	margin:0;
	border:1px solid #ccc;
	border-bottom:none;
}
#subMenu a{
	color:#000;
	display:block;
	padding:3px 5px 3px 10px;
	text-decoration:none;
	width:200px;
}
#subMenu a:hover,
#subMenu a:focus{
	color:#1478B7;
}
.liSubMenuLastNavp {
	border-bottom:1px solid #ccc;
}
#subMenu1 {
	position: absolute;
	top: 170px;
	left: 190px;
	display: none;
	z-index: 1;
}
#subMenu3 {
	position: absolute;
	left: 190px;
	top: 208px;
	z-index: 2;
	display: none;
}
#areamenuContainer div{
	margin:0;
	width:200px;
	background-color:#E6E6E6;
}
#areamenuContainer a:hover{
	display:block;
	background-color:#E6E6E6;
	margin:0;
}
.areamenu_a a{
	border-top:1px solid #ccc;
	display:block;
	padding:3px 5px 3px 10px;
	text-decoration:none;
	color:#666;
	font-weight: bold;
	position:relative;
}
.areamenu_a a:hover{
    background:#e6e6e6;
	}
.areamenu_a_c a{
	display:block;
	padding:3px 5px 3px 0px;
	color:#333;
	font-weight: bold;
	position:relative;
	padding-left:10px;
	background-color:#E6E6E6;
	border-top:1px solid #ccc;
}
.areamenu_a_c a:hover,
.areamenu_a_c a:focus,
.areamenu_a a:hover,
.areamenu_a a:focus{
	color:#333;
	position:relative;
	text-decoration: none;
}
.areamenu_b a{
	display:block;
	padding:3px 5px 3px 20px;
	color:#333;
	font-weight: normal;
	position:relative;
	background-color:#F3F3F3;
}
.areamenu_b_c a{
	display:block;
	padding:3px 5px 3px 20px;
	color:#333;
	font-weight: normal;
	position:relative;
	background-color:#F3F3F3;
	color:#1478B7;
}
.areamenu_b_c a:hover,
.areamenu_b_c a:focus{
	background-color:#F3F3F3;
	text-decoration: none;
}
.areamenu_b a:hover,
.areamenu_b a:focus{
	color:#1478B7;
	text-decoration: none;
}
.areamenu_c a{
	display:block;
	padding:3px 5px 3px 30px;
	color:#333;
	font-weight: normal;
	position:relative;
	background-color:#fff;
}
.areamenu_c_c a{
	display:block;
	padding:3px 5px 3px 30px;
	color:#1478B7;
	font-weight: normal;
	position:relative;
	background-color:#fff;
}
.areamenu_c_c a:hover,
.areamenu_c_c a:focus,
.areamenu_c a:hover,
.areamenu_c a:focus{
	color:#1478B7;
	text-decoration: none;
}
.areamenu_d a{
	display:block;
	padding:3px 5px 3px 40px;
	color:#333;
	font-weight: normal;
	position:relative;
	background-color:#fff;
}
.areamenu_d_c a{
	display:block;
	padding:3px 5px 3px 40px;
	color:#1478B7;
	font-weight: normal;
	position:relative;
	background-color:#fff;
}
.areamenu_d_c a:hover,
.areamenu_d_c a:focus,
.areamenu_d a:hover,
.areamenu_d a:focus{
	background-color:#fff;
	color:#1478B7;
	text-decoration: none;
}
.cBH{
    background: #F9F9F9 url(/style/bbg.gif) no-repeat;
    display: block;
	width: 185px;
	margin:0;
	border-right:0px solid #ccc;
	border-left:0px solid #ccc;
	border-top:0px solid #ccc;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.cBH2{
    background: #F9F9F9 url(/style/bbg.gif) no-repeat;
    display: block;
	width: 185px;
	margin:0px;
	border-right:none;
	border-left:none;
	border-top:none;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#cB{
	width: 185px;
	margin:0px;
	border:1px solid #ccc;
	border-bottom:none;
	padding: 5px;
}
.cB{
	width: 185px;
	margin: 0px;
	border:1px solid #ccc;
	border-bottom:none;
	padding: 5px;
}
.uB{
	background: #fff url(/style/bbgu.gif) no-repeat;
	width: 185px;
	margin:0px;
	border-right:none;
	border-left:none;
	border-top:none;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.uB2{
	background: #fff url(/style/bbgu.gif) no-repeat;
	width: 185px;
	margin:0px;
	border-right:none;
	border-left:none;
	border-top:none;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.uBoi{
	background: #fff url(/style/bbgu_g.gif) no-repeat;
	width: 185px;
	margin:0px;
	border-right:none;
	border-left:none;
	border-top:none;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.uBoi2{
	background: #fff url(/style/bbgu_g.gif) no-repeat;
	width: 185px;
	margin: 0px;
	border-right:none;
	border-left:none;
	border-top:none;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.mH p{
	font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
}
.tdmH {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #1478B7;
	margin:0 10px 10px 10px;
	padding:0 10px 10px 10px;
}
#mT {
	margin:0 10px 10px 10px;
	padding-bottom:10px;
}
.mT {
	margin:0 10px 10px 10px;
	padding:0 10px 10px 0;
}
.tdmT {
	margin:0 10px 10px 10px;
	padding:0 10px 10px 10px;
}
.bc {
	padding:10px;
	font-size: 9px;
}
.bc a {
	color: #666;
	text-decoration:none;
}
.activeTab a {
	display:block;
	color: #000000;
	text-decoration:none;
	height: 17px;
	vertical-align: middle;
	padding-top:1px;
}
.activeTab a:hover {
	color: #000000;
	background-color: #ccc;
	text-decoration: none;
}
.inactiveTab a {
	display:block;
	color: #000000;
	text-decoration:none;
	height: 17px;
	vertical-align: middle;
	padding-top:2px;
}
.inactiveTab a:hover {
	background: #ccc url(/style/tt_ak.jpg) no-repeat;
	color: #000000;
	text-decoration: none;
}
.inactiveTab2 a {
	display:block;
	color: #000000;
	text-decoration:none;
	height: 17px;
	vertical-align: middle;
	padding-top:2px;
}
.inactiveTab2 a:hover {
	background: #ccc url(/style/tt_ak.jpg) no-repeat;
	color: #000000;
	text-decoration: none;
}
.activeTab_nh a {
	display:block;
	color: #000000;
	text-decoration:none;
    height: 17px;
	vertical-align: middle;
	padding-top:2px;
}
.activeTab_nh a:hover {
    background: #ccc url(/style/tt_ak.jpg) no-repeat;
	color: #000000;
    border-bottom: 1px solid #ccc;
	text-decoration: none;
 }
.inactiveTab_h a {
	display:block;
	color: #000000;
	text-decoration:none;
	height: 17px;
	vertical-align: middle;
	padding-top:1px;
}
.tM a {
	color: #666;
	text-decoration:none;
}
.tM a:hover {
	color: #1478B7;
	text-decoration:none;
}
.cB a {
	color: #1478B7;
	text-decoration:underline;
}
.bold {
	font-weight: bold;
}
a.gr {
	font-size: 12px;
	color: #666;
	font-weight: bold;
	text-decoration:none
}
a.gr:hover{
	color: #1478B7;
	text-decoration:none
}
a.redbold, .redbold {
	color: #1478B7;
	font-weight: bold
}
.tn {
	font-size: 10px;
}
.notifyTable {
	background-color: #ccc;
	/* workaround: buttom and right border for the table */ 
	border-collapse: collapse;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
} 
.notifyTable table{
	background-color: #ccc;
	border-collapse: collapse;
	border-bottom:none;
	border-right:none;
} 
.notifyTable table td{
	background-color: #fff;
	border-collapse: collapse;
	border-top:none;
	border-left:none;
} 
.notifyTable td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	font-weight: normal;	
	text-align: left;
	vertical-align: top;
	background-color: #fff;
	padding: 7px;
	/* workaround: top and left border for cells */ 
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
}
.borderContainer {
	border: 1px solid #ccc;
	width: 100%;
	margin-bottom:5px;
}


.nav  {
	margin-left: 10px;
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-top: 4px;
}

.issuenav  {
	margin-left: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-bottom: 40px;
}


div.portalStatusMessage, div.portalErrorMessage {
    border-width: 1px 1px 1px 0.5em;
    border-style: solid;
    font-weight: bold;
    color: black;
    padding: 0.5em;
    margin-bottom: 0.5em;
}

div.portalStatusMessage {
    border-color: #007D39;
    background-color: #F4FFFA;
}

div.portalErrorMessage {
    border-color: #CC0000;
    background-color: #FFEEEE;
}

ul.batch {
	text-align: center;
	width: 30em; /* needed for the auto margin. Should be wide enough.*/
	margin: 1em auto;
}

ul.batch li {
	display: inline;
}

ul.batch li a.previous_next {
   font-family: serif;
}

ul.batch li span.current {
	font-weight: bold;
	border: 1px solid #666;
	padding: 0.2em;
}