/* WWAP styles */

/* ## PAGE LAYOUT STYLES ## */
html, body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 91%;
    color: #000;
    background: #fff;
    margin: 0; /* global reset */
    padding: 0; /* global reset */
    height: 100%;
}

#page {
    position: relative;
    min-height: 100%;
    padding: 0 1em 0 1em;
    margin-bottom: 2em;
}
/* for braindead IE<7 */
* html #page {
    height: 100%;
}


/* ## GENERIC STYLES ## */
img, img a, table {
    border: 0;
}

sup {
    font-size: 0.8em;
}

b, strong {
    font-weight : bold;
}

small, .small {
    font-size: 0.9em;
}

.centred {
    text-align: center;
    margin: auto;
}

/* ## LIST STYLES ## */
li.wwapsitelinks {
    list-style-image: none;
}

ol.decimal li {
    margin-bottom: 1em;
}

/* gives us 2 column lists */
ul.splitlist{
    padding: inherit;
}

ul.splitlist li{
    list-style: none;
    list-style-image: none;
    float: left;
    margin: 0;
    width: 48%;
}

dl.compact {
    position: relative;
    left: -28px;
}

dl.compact dt {
    float: left;
    font-style: italic;
    margin-right: 0.5em;
}

dl.compact dd {
    margin-bottom: 1em;
}


/* ## WWAP TOP LINKS ## */
div.wwapnavlinks{
    color: #6ebc39;
    background: inherit;
    margin: 0.5em 0.5em 2.5em 0.5em;
}
div.wwapnavlinks a:link,
div.wwapnavlinks a:visited {color: #009bce; background: inherit;}
div.wwapnavlinks a:hover {color: #6ebc39; background: inherit; text-decoration: underline;}


.sitelinks p.portalnews .wwapsitelinks_news {
    margin-bottom: -8px;
}
.wwapsitelinks_news a:link,
.wwapsitelinks_news a:visited {
    color: #009bce;
    background: inherit;
    text-decoration: underline;
    font-weight: normal;
    font-size:1em;
}
.wwapsitelinks_news a:hover {
    color: #6ebc39;
    background: inherit;
    text-decoration: underline;
    font-weight: normal;
    font-size: 1em;
}

h1.wwaptitre {
    font-weight: bold;
    font-size: 16px;
    background: inherit;
    padding : 0;
    display : block;
    color: #0467a2;
}

h2.wwaptitre,
h2.wwaptitre a:link,
h2.wwaptitre a:visited,
h2.wwaptitre a:hover {
    font-weight: bold;
    font-size: 1em;
    letter-spacing: 1px;
    color: #0467a2;
    background: inherit;
}
h2.wwaptitre a:link,
h2.wwaptitre a:visited,
h2.wwaptitre a:hover {
    text-decoration: underline;
}

h3.wwaptitre,
h3.wwaptitre a:link,
h3.wwaptitre a:visited,
h3.wwaptitre a:hover {
    font-weight: bold;
    font-size: 12px;
    background: inherit;
    padding : 0;
    display : inline;
    color: #0467a2;
}

h3.wwaptitre a:hover,
h3.wwaptitre a:link,
h3.wwaptitre a:visited {
    text-decoration: underline;
}

div.challsitelinks a {
    font-weight: bold;
    font-size: 9pt;
    text-decoration: none;
}
div.challsitelinks a:link,
div.challsitelinks a:visited {color: #fff; background: inherit;}
div.challsitelinks a:hover {color: #fff; background: inherit; text-decoration: underline;}

div.unwwapsitelinks a {
    font-weight: normal;
    font-size: 9pt;
    text-decoration: none;
}
div.unwwapsitelinks a:link,
div.unwwapsitelinks a:visited {color: #009bce; background: inherit;}
div.unwwapsitelinks a:hover {color: #6ebc39; background: inherit; text-decoration: underline;}

div.titlewwapsitelinks a {
    font-weight: bold;
    font-size: 9pt;
    text-decoration: underline;
}
div.titlewwapsitelinks a:link,
div.titlewwapsitelinks a:visited {color: #009bce; background: inherit;}
div.titlewwapsitelinks a:hover {color: #6ebc39; background: inherit;}

.wwapsitelinks .wwapsitelinks_news {
    font-size: inherit;
}
.wwapsitelinks a .wwapsitelinks_news {
    font-size: inherit;
    text-decoration: underline;
}
.wwapsitelinks a:link,
.wwapsitelinks a:visited,
a.navlink {
    color: #009bce;
    background: inherit;
    text-decoration: underline;
    font-size: inherit;
    font-weight: normal;
}
.wwapsitelinks a:hover,
a.navlink:hover {
    color: #6ebc39;
    background: inherit;
    font-size: inherit;
    text-decoration: underline;
}

/* ## LANGUAGE SWITCHER ## */
div.wwaplanguages a {
    font-weight: bold;
    font-size: 9pt;
    text-decoration: none;
}
div.wwaplanguages a:link,
div.wwaplanguages a:visited {color: #6ebc39; background: inherit;}
div.wwaplanguages a:hover {color: #6ebc39; background: inherit; text-decoration: underline;}

/* ## VARIOUS BOXES ## */
.tab2-wwap a:link,
.tab2-wwap a:visited {color: #009bce; background: inherit; text-decoration: underline; font-weight: normal; font-size: 10pt;}
.tab2-wwap a:hover {color: #6ebc39; background: inherit; text-decoration: underline; font-weight: normal; font-size: 10pt;}


.tab3-wwap {
    border: 1px solid #0467a2;
    padding: 0.6em;
    display: block;
    width: auto;
    margin: 0 0 1em 0;
}
.tab3-wwap a:link,
.tab3-wwap a:visited {color: #009bce; background: inherit; text-decoration: underline;}
.tab3-wwap a:hover {color: #6ebc39; background: inherit; text-decoration: underline;}

.banner {
    margin-bottom: 3em;
}

#wwdr4_box {
    color: inherit;
    background: #f0f6f9;
    margin: 1em;
    padding: 0.5em;
    text-align: center;
}

#wwdr4_box li{
    text-align: left;
    margin-left: -0.8em;
    list-style: disc;
}

/* ## FLOATED ELEMENTS ## */
.clear {
    clear: both;
}

.right, .r {
    float: right;
}

.l {
    float: left;
}

img.l, img.r {
    margin: 0.5em;
}

.block {
    color: inherit;
    background: #eee;
    border: 1px solid #ddd;
}

.block li, .block p, .block h2, .block h3, .block h4, .block h4 a{
    padding: 0.5em;
    margin: 0;
}

.block h4 a, .block h2, .block h3{
    color: #0467a2;
    background: #ddd;
    display: block;
    font-size: inherit;
}

.block li {
    list-style: none;
    margin-left: -35px;
    padding: 4px 0 4px 4px;
}


/* ## NEWS ITEMS ## */
.newsitem {
    border-top: 1px dotted #0467a2;
    margin-bottom: 1em;
    clear: both;
}

.newsitem h2, .newsitem h3 {
    margin-top: 1em;
}

.newsitem .morelink{
    margin-bottom: 0;
}

#frontpage_news {
    width: 100%;
    margin-top: 2em;
}

#frontpage_news .newsitem {
    width: 46%;
    padding: 8px;
    float: left;
    display: inline;
    clear: none;
}

.archivelink {
    color: inherit;
    background-color: #f0f6f9;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #34c9ca;
}

.archivelink a{
    color: #34c9ca;
    background-color: inherit;
    display: block;
    padding: 0.5em;
}

.archivelink a:hover{
    color: #0467a2;
    background-color: inherit;
}


/* ## RESOURCES COLUMN ## */
#resources {
    vertical-align: top;
    width: 200px;
    padding-bottom: 2em;
}

.vi {
    color: inherit;
    background: #e9f1be; /* #f0f6f9 */
}

.vi a{
    display: block;
}

#currents {
    color: inherit;
}

#currents p, #currents form {
    padding: 0.6em;
}

#currents a:link,
#currents a:visited {color: #009bce; background: inherit; text-decoration: underline; font-weight: bold; font-size: inherit;}
#currents a:hover {color: #6ebc39; background: inherit; text-decoration: underline; font-weight: bold; font-size: inherit;}

/* PARTNERS TABLE (/water/wwap/partners/) */
table.partners {
    width: 100%;
}

table.partners td{
   border-bottom: 1px dashed #34c9ca;
}

/* INDICATORS TABLE (/water/wwap/wwdr/indicators/taskforce.shtml) */
#key_indicators td, #key_indicators th {
    border: 1px ridge #0467a2;
    font-size: small;
    vertical-align: top;
    color: inherit;
    background: inherit;
}

#key_indicators td.issues, #key_indicators th.issues {
    background: #eee;
}

#key_indicators td.areas {
    background: #caffc8;
}

#key_indicators td.perfs {
    background: #c8f0ff;
}

ol#notes li {
    font-size: smaller;
    list-style-image: none;
}

/* Floating info bubbles... */

.infobulle {
    font-size: smaller;
    float: right;
    width: 30%;
    padding: 0.2em;
    margin: 0.5em;
    border: 1px #0467a2 solid;
    border-radius: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}

.infobulle li {
    list-style-type: none;
    list-style-image: none;
    margin-left: -30px;
}

.infobulle h2 {
    font-size: inherit;
    background: inherit;
    color: #0467a2;
    margin-bottom: -8px;
}