/* Publication */
/* search results */
ul#searchResults { list-style-type: none; margin-left:0px; }
ul#searchResults li { margin-bottom:18px; }
ul#searchResults li .searchLink { color:#0099CC; }
ul#searchResults p.searchDateISBN { color:#666666; font-size:0.9em; margin-top:1px; } 
ul#searchResults p.searchSummary { font-size:0.9em; margin-top:9px; }
ul#searchResults p.author { color:#333333; margin-top:0px; font-size:1em; }


/* ============== TOPICS ============== */
@charset "utf-8";

/* TOPICS */

/* Banner background image 
#templateSubHeader #templateBanner { background:url(images/bannerEnglish.jpg) no-repeat; }
*/


#topicsHighlights img { margin-bottom:3px; }

/* Select another topic box */
#selectAnotherTopic { width:172px; height:126px; }
#AtoZ { padding-top:30px; font-size:3.3em; text-align:center; height:117px; background-image:url(/topics/images/AtoZ.jpg);}
#AtoZ a { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; border-bottom:solid 1px #FFFFFF; }
#AtoZ a:hover { color:#CCCCCC;  border-bottom:solid 1px #CCCCCC; }
#AtoZ .smaller { font-size:0.5em; }

/* Most viewed box  */
#mostViewed { padding-bottom:12px; }
#mostViewed dl { margin-top:12px; }
#mostViewed dt { padding-left:0px; }
#mostViewed dd { line-height:1.30em; padding-right:0px; padding-left:0px; overflow:hidden; height:45px; }
#mostViewed dd a { color:#666666; text-decoration:none; display:block; }
#mostViewed dd a:hover { color:#999999; }

/* Project Highlights */
#ProjectHighlights ul { margin:9px; border-top:solid 1px #CCCCCC; padding:0px; }
#ProjectHighlights ul li { list-style-type:none; font-size:1.1em; line-height:1.5em; border-bottom:solid 1px #CCCCCC; margin-top:0px; padding:4px 0px;}
#ProjectHighlights ul li a { text-decoration:none; color:#666666; }
#ProjectHighlights ul li a:hover { color:#999999; }


/* Policies and strategies */
#PoliciesStrategies img { margin-top:18px; }
#PoliciesStrategies ul { margin:0px 9px 9px 0px; padding:0px; }
#templateBody #PoliciesStrategies ul li { list-style-type:none; font-size:1.1em; line-height:1.5em; border-top:solid 1px #CCCCCC; margin-top:0px; padding:4px 0px; background:none;}
#templateBody #PoliciesStrategies ul li.first { border-top:0px; }
#PoliciesStrategies ul li a { text-decoration:none; color:#666666; }
#PoliciesStrategies ul li a:hover { color:#999999; }

/* Publications */
#templateBody #Publications ul {  }
#templateBody #Publications ul li { border-bottom:1px solid #CCCCCC; }
#templateBody #Publications ul li a {font-size:0.9em; color:#666666;}
#templateBody #Publications ul li a:hover {font-size:0.9em; color:#999999;}

/* Video Box */
#videoBox td { padding:0px 0px; margin:0px; font-size:1.0em; background-color:#FFB900; }
#videoBox td a { text-decoration:none; color:#FFF; font-weight:bold; display:block; padding:2px 0px;}
#videoBox td a:hover { background-color:#CD6005; }
#videoBox td.selected { background-color:#CD6005; text-indent:9px;}
#videoBox td.selected a { color:#FFFFFF; text-indent:9px;}
#videoBox .removeBorder{ border:0px;}
#videoBox .indent{  text-indent:9px;}

/* More information */
#MoreInformation ul { margin-left:9px; margin-right:9px; }
#MoreInformation ul li { list-style-type:none; margin-bottom:9px;  border-bottom:solid 1px #CCCCCC; }
#MoreInformation h4 a { font-size:0.75em; font-weight:normal; text-decoration:none; letter-spacing:normal; font-family:Verdana, Arial, Helvetica, sans-serif;}
#MoreInformation ul li p { font-size:0.9em; margin:0px 0px 9px 0px; }

/* Water initiative */
.bgInitiative { background:url(/topics/water/images/bgInitiative.gif) no-repeat right top; }
.bgSpaFund { background:url(/topics/water/images/bgSpaFund.gif) no-repeat right top; }
.floatLeft { float:left; }
.moreInfo { text-decoration:none; }
#caseStudies td { text-align: left; line-height:1.5em; vertical-align:top; }
#caseStudies img { margin:0px; padding:0px; }
#caseStudies a.image { border: 1px solid #EEEEEE; display: block; margin-left: 9px; margin-right: 9px; margin-top: 3px; line-height: 1em; }
#caseStudies a.image:hover { border: 1px solid #CCCCCC; }

/* Solidarity */
#contact { margin-top: 9px; }
#contact li { padding-bottom: 6px; font-size: 1.2em; }
#contact li strong {  font-size: 0.9em; padding-right: 9px; }
#templateBody .colSize1 ul.linksBox { margin: 0; padding: 9px 0; }
#templateBody .colSize1 ul.linksBox li { margin: 0; padding-top:6px; line-height: 1.2em; font-size: 1.2em; background: none; }

/*Environment */
.backHome { float:right}
.backHome a {text-align:right;text-decoration:none;color:#999999; font-size:11px}

/* Innovation */
#leftColumn .colSize1 #tag { font: bold 17px/1.1em Arial, Helvetica, sans-serif; color: #666; padding: 4px; text-align: right; position: absolute; width: 164px; right: 0px; bottom: 0px; }
#leftColumn .colSize1 .source { margin:0px;	padding: 0px 4px;	line-height: 1.3em;	text-align: right;	font-style: italic;	color: #999; }
#share a, #vote a, #discuss a { display:block; width:120px; height:140px; background-position:center; margin:auto; }


/* Navigation for OM*/
#Navigation { font-size: 90%; }
#Navigation ul { list-style: none; margin: 0; padding: 0; padding-top: 1em; }
#Navigation li { display: inline; }
#Navigation a:link, #Navigation a:visited {
	padding: 0.4em 1em 0.4em 1em; 
	color: #000000;
	background-color: #ebebeb;
	text-decoration: none;
	border-right:solid 1px #CECECE	;
	border-left:solid 1px #CECECE	;
}

#Navigation a:hover { color: #000000; background-color: #D4D4D4; }



/* Banner by Language*/

#bannerTagline {position:absolute;color:#FFFFFF;z-index:980;right:610px;bottom:10px; font-family: Arial, Helvetica, sans-serif; font-size:35px}
#bannerSlide { position:relative; }
#bannerSlideData span h1 { color:#FFFFFF; }
#bannerSlideData span a { display:block; float:left; padding:4px; color:#FFFFFF; margin-top:13px; border: 1px solid #FFFFFF; text-decoration:none; }

#bannerSlideData span a:hover {  background: #FFFFFF; color: #000000 ; filter:alpha(opacity=50)}
#bannerSlide #bannerSlidePaging { position:absolute; top:195px; right:15px; z-index:990; }
#bannerSlide #bannerSlidePaging ul { margin:0px 4px 0px 21px; }
#bannerSlide #bannerSlidePaging ul li { float:left; list-style:none; margin:0px 5px; padding:0px; background:none; }
#bannerSlide #bannerSlidePaging ul li a { display:block; padding:0px; border:solid .5px #BBB; color:#666666; background-color:#DDD; width:30px; height:30px; text-decoration:none; }
#bannerSlide #bannerSlidePaging ul li a:hover { background-color:#666666; color:#CCCCCC; }

#bannerSlide #bannerSlidePaging li.slideSelected a { background-color:#666666; color:#CCCCCC; border-bottom: 4px solid #FFFFFF }
#bannerSlide #bannerSlidePaging #bannerSlideItem0 a { background: url(/homepage/Slideshow_Images/water_box.jpg) ; }
#bannerSlide #bannerSlidePaging #bannerSlideItem1 a { background: url(/homepage/Slideshow_Images/agriculture_box.jpg); }
#bannerSlide #bannerSlidePaging #bannerSlideItem2 a { background: url(/homepage/Slideshow_Images/transparency_box.jpg); }
#bannerSlide #bannerSlidePaging #bannerSlideItem3 a { background: url(/homepage/Slideshow_Images/forestry_box.jpg); }


#templateEnglish #bannerSlideData span { position:absolute; top:15px; right:10px; width:380px; text-align:left; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif}
#templateEnglish #bannerSlideData .Slide_1 span { margin-right: 330px;}
#templateEnglish #bannerSlideData .Slide_2 span { margin-right: 330px;}
#templateEnglish #bannerSlideData .Slide_3 span { margin-right: 330px;}
#templateEnglish #bannerSlideData .Slide_4 span { margin-right: 330px;}

#templateSpanish #bannerSlideData span { position:absolute; top:15px; right:10px; width:510px; text-align:left; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif}
#templateSpanish #bannerSlideData .Slide_1 span { margin-right: 200px;}
#templateSpanish #bannerSlideData .Slide_2 span { margin-right: 200px;}
#templateSpanish #bannerSlideData .Slide_3 span { margin-right: 200px;}
#templateSpanish #bannerSlideData .Slide_4 span { margin-right: 200px;}
#templateSpanish #bannerTagline {right:490px;}

#templatePortuguese #bannerSlideData span { position:absolute; top:15px; right:10px; width:380px; text-align:left; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif}
#templatePortuguese #bannerSlideData .Slide_1 span { margin-right: 330px; }
#templatePortuguese	#bannerSlideData .Slide_2 span { margin-right: 330px;}
#templatePortuguese #bannerSlideData .Slide_3 span { margin-right: 330px;}
#templatePortuguese	#bannerSlideData .Slide_4 span { margin-right: 330px;}
#templatePortuguese #bannerTagline {right:490px;}

#templateFrench	#bannerSlideData span { position:absolute; top:15px; right:10px; width:500px; text-align:left; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif}
#templateFrench	#bannerSlideData .Slide_1 span { margin-right: 210px; }
#templateFrench #bannerSlideData .Slide_2 span { margin-right: 210px;}
#templateFrench	#bannerSlideData .Slide_3 span { margin-right: 210px;}
#templateFrench	#bannerSlideData .Slide_4 span { margin-right: 210px; }
#templateFrench #bannerTagline {right:430px;}

/* ============= Automatic Styles ================= */
.boxColorDark h2 { background-color:#990000; }
.boxColorNormal h2 { background-color:#CC0000; }
.boxColorLight h2 { background-color: #FF3333; }
.boxColorLighter h2 { background-color: #FF0066; }

/* Homepage Banner Content Styles */
#bannerEDU h1 { color: #FFFFFF; }
#bannerEDU div.imageSlideContent, #bannerHomePage div h1 { color:#FFFFFF; }
/*#bannerEDU div.imageSlideContent p { position:absolute; }
#bannerEDU div.imageSlideContent a { display:block; padding:3px 4px; color:#FFFFFF; border: 1px solid #FFFFFF; text-decoration:none; float:right; margin-left:6px; margin-top: 65px; }*/
#bannerEDU div.imageSlideContent a { display:block; padding:3px 4px; color:#FFFFFF; border: 1px solid #FFFFFF; text-decoration:none; float:right; position:absolute; left:245px; top:120px; }
#bannerEDU div.imageSlideContent a:hover {  background: #FFFFFF; color: #000000 ; filter:alpha(opacity=50)}
#bannerEDU div.imageSlideContent { background: repeat url(/global/templates/sites/topics/sites/water/images/transRed.png);  position:absolute; text-align:left; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; width:300px; height:130px; padding: 9px; /*background-color: #CC0000;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;*/}

/* Global Paging */
#bannerEDUPagingWrapper { display:block; }
#bannerEDUPaging { position:absolute; top:210px; right:20px; z-index:990; }
#bannerEDUPaging ul { margin:0px 4px 0px 21px; }
#bannerEDUPaging ul li { float:left; list-style:none; margin:0px 5px; padding:0px; background:none; }
#bannerEDUPaging ul li a { display:block; padding:0px; color:#666666; background-color:#FFFF33; width:15px; height:15px; text-decoration:none; }
#bannerEDUPaging ul li a:hover { background-color:#FF3300; }
#bannerEDUPaging li.slideSelected a {color:#CCCCCC; background-color:#FF3300; }

.colSize2 p { font-size:1.1em; }

dt, #templateWrapper .color {
color:#990000;
}
#mainDiv a, .boxColorNormal a, .boxColorLight a, .boxColorLighter a { color: #990000; }
#mainDiv .boxColorDark  a{ color: #333333; text-decoration:none;}
#mainDiv .boxColorDark  a:hover {color: #666666;}

#boxImage {background-image:url(/topics/education/educationandtheidb/images/maps.png);height:234px;}
#transBox {position:absolute; background-color: #FFFFFF; filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; color:#FFFFFF; margin-top:155px; margin-left:5px; width: 162px;} 
#transBox p { margin-top: 6px; margin-bottom: 6px; font-size:0.9em; padding-left:6px; padding-right:6px; font-weight: bold; } 
#transBox a { color:#000000; text-decoration:none; } 
#transBox a:hover { text-decoration:underline; }