@charset "utf-8";

#templateSubHeader { display:none; }
#countrySelector { display:none; }

#contactText {overflow: auto;}
#contactSubject {width:155px;}

#contactWashington {height:630px; border:solid 2px #CCCCCC;}
#contactWashington .margin {margin-right:5px;margin-left:5px;}
.contactMarginLeft {margin-left:12px;}
.contactPaddingLeft h3 {padding-left:10px;margin-top:10px;}
.contactPaddingLeft address {padding-left:10px;}
.contactPaddingLeft p {padding-left:10px;margin-top:10px;}


/* Homepage styles */
.page2837 #templateSubHeader { display:block; }
.page2837 #templateTopBar { padding-bottom:4px;}
.page2837 #templateTopBar #sharebutton,
.page2837 #templateTopBar #commentbutton { margin-top:4px; }
.page2837 #commentToolBox { top:364px; }
.page2837 #shareToolBox { top:364px; }

#bannerRotator .imageSlideContent { top:4px; }
#bannerRotator .imageSlideContent h1 { font-size:3.1em;  margin-bottom:14px; }
#bannerRotator .imageSlideContent p { font-size:1.3em; }
#bannerRotator .imageSlidePagingWrapper { right:3px; top:192px; }
#bannerRotator .imageSlidePaging ul li a { height:30px; width: 30px; }


#keyIndicator .boxContent { color:#fff; background: url("http://services.iadb.org/wmsfiles/images/172x0/world-map-background-4607.jpg") no-repeat; height:196px; padding:10px 6px; }
#keyIndicator .boxContent a { font-weight:bold; color:#1E638C; text-decoration:none; padding:8px; display:block; background: url("http://services.iadb.org/wmsfiles/images/0x0/key-background-4777.png"); }
#keyIndicator .boxContent a:hover { text-decoration:underline; }
#keyIndicator .boxContent h2 { color:#fff; font-size:2.2em; margin-bottom:12px; }
#keyIndicator .boxContent p { margin-bottom:12px; }
#keyIndicator .boxContent span.shadow { color:#fff; float:none; margin-right:0px; }

#whatsnew { padding-bottom:0px; }
#whatsnew .imageSlidePagingWrapper,
#blogs .imageSlidePagingWrapper { top:12px; position:absolute; right:22px; } /* Moving the paging to the box title*/

/*#blogs .imageSlideContent h3 { font-size:1.2em; margin-bottom:2px;}*/
#blogs p { line-height:1.4em; }

#resources.padding9 .boxContent { padding-left:6px; }
#resources .boxHeader { margin-bottom:0px; }
#resources ul { margin-left:0px; margin-bottom:6px; }
#resources ul li { background: url("http://services.iadb.org/wmsfiles/images/0x0/homepage-list-bullet-4503.jpg") left 9px no-repeat; padding-left: 10px; border:none; }
#resources ul li a { padding-top:3px; padding-bottom:3px; }

#quickLinks .boxHeader { margin-bottom:0px; }
#quickLinks ul li { border:none; }
#quickLinks ul li a { padding-top:4px; padding-bottom:4px; color:#333; }
#quickLinks ul li a:hover { color:#888; }

#newsReleases .boxContent { padding-top:6px; }
#newsReleases h2 { padding-top:6px; margin-bottom:10px; font-size:1.2em; color:#333; }
/*
#newsReleases p { font-size:1.2em;  margin-bottom:10px; line-height:1.3em; }
#newsReleases p a { text-decoration:none; color:#333;}
#newsReleases p a:hover { color:#888;}
*/
#newsReleases p { font-size:1.0em; margin-bottom:0px; }

#newsReleases ul { margin-left:4px; margin-bottom:6px; }
#newsReleases ul li { background: url("http://services.iadb.org/wmsfiles/images/0x0/homepage-list-bullet-4503.jpg") left 9px no-repeat; padding-left: 10px; border:none; list-style:none; }
#newsReleases ul li a { padding-top:3px; padding-bottom:3px; color:#333; text-decoration:none; font-size:0.9em;  }
#newsReleases ul li a:hover { color:#888; }

#videoRotator { padding-bottom:0px; margin-top:12px; border-top:solid 3px #fd0100;padding-top:4px; }
#videoRotator .boxHeader { margin-bottom:0px; }
#videoRotator .boxContent { padding-top:0px; }
#videoRotator .boxContent .imageSlideImage img { width:362px; }
#videoRotator .boxContent .imageSlideContent { position:absolute; top:0px; overflow:hidden; height:205px; width:362px; }
#videoRotator .boxContent .imageSlideContent h3 { padding:8px; margin-top:142px; width:334px; height:42px; font-size:1.6em; color:#fff; background: rgba(63,63,63,0.65); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#a53F3F3F, endColorstr=#a53F3F3F); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a53F3F3F, endColorstr=#a53F3F3F)";}
#videoRotator .boxContent .imageSlideContentWrapper { width: 362px; height: 56px; margin-top:155px; background-color: #000000; overflow:hidden; }
#videoRotator .boxContent .imageSlideContentWrapper h3 { padding:9px; color:#fff; font-size:1.6em; font-weight:bold; font-family:arial; font-weight:normal; }
#templateWrapper #templateBody #videoRotator .imageSlidePagingWrapper { position:relative; right:auto; top:auto; padding-top:0px; }

#events .boxContent { padding-top:6px; }
#events ul { margin-left:4px; margin-bottom:0px; }
#events li { font-size:1.0em;  margin-bottom:10px; color:#777; padding-left: 10px;  background: url("http://services.iadb.org/wmsfiles/images/0x0/homepage-list-bullet-4503.jpg") left 7px no-repeat; list-style:none;}
#events li a { text-decoration:none; font-size:1.1em; color:#333;  }
#events li a:hover { text-decoration:none; color:#888; }
#events h3 { font-size:1.2em; color:#333; }
#events p.seeAll { color:#0066CC; font-size:1.0em; margin-bottom:0px; }
#events p.seeAll a:hover { color:#0099FF; }

#highlights ul { margin:0px 10px; padding:0px; }
#highlights ul li { float:left; margin:7px; padding:0px; list-style:none; }
#highlights ul li a { display:block; text-decoration:none; text-align:center; }
#highlights ul li a img { display:block; }

/* Image rotator title */
.imageRotator h3 { color: #1e638c; font-size: 1.6em; margin-bottom: 6px; }

/* Image text link boxes */
#templateWrapper .imageTextLink .addMarginBottom { margin-bottom:10px; } 
#templateWrapper .imageTextLink .boxContent h2 { margin-bottom:6px; }
/*
#templateWrapper .imageTextLink .boxContent h2 a { font-size:1.2em; color:#666; }
*/
.imageTextLink .boxContent p { margin-bottom:3px; }
.impact .boxContent h2 a { color:#1E638C; font-size:1.2em; }
#templateWrapper .imageTextLink .boxContent h2 a:hover { text-decoration:underline; }
#templateWrapper .imageTextLink .boxContent h3 a { color:#1E638C; }




/* Colors */ 
#whatsnew .boxHeader { border-top: 3px solid #57A714; }
#blogs .boxHeader { border-top: 3px solid #F37107; }
#resources .boxHeader { border-top: 3px solid #2966EC; }
#quickLinks .boxHeader { border-top: 3px solid #AC0073; }
#impact .boxHeader { border-top: 3px solid #FFB900; }
#events .boxHeader { border-top: 3px solid #0E8A00; }

.boxColorDark .boxHeader { background-color: #4d5b75; }

.imageRotator .imageSlidePaging li.slideSelected a,
.imageRotator .imageSlidePaging li.slideSelected a:hover { background-color: #FFB900; }

.boxTitle .boxHeader h2 { border:none; font-size:1.2em; color:#333; }


.combox
{
height:150px;
width: 366px;
}

.comboximg
{
margin-top:35px;
}

.comimgdiv
{
height:150px;
width:138px;
float:left;
}

.comdesc
{
/*height:150px;*/
width:220px;
float:left;
margin-top:55px;
}

.livediv
{
width: 172px;
float:left;
/*margin-left: 9px;*/
}

.communitiesmain
{
width: 732px;
float:left;
}

.commcol
{
width: 366px;
float:left;
}

#templateBody .twittertitle{border:2px solid #22AEDC; border-bottom:none;}

/*#templateBody #juitterContainer .lasttwitt{border-bottom:none;} */
/*JUITTER PLUGIN CSS*/

#templateBody #juitterContainer{border:2px solid #22AEDC;} /*Juitter container*/

#templateBody #juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#templateBody #juitterContainer .twittLI{list-style:none;background:transparent none repeat scroll 0 0;margin:0;border-bottom:dashed 1px #CAF8C9;padding:10px;clear:both;max-height:170px; border-bottom:#CCCCCC dashed 1px;} 
#templateBody #juitterContainer .twittList SPAN.time{color:#777;font-size:0.9em}
#templateBody #juitterContainer .twittList A{color:#22AEDC;} /*Links inside the tweets list */

#templateBody #juitterContainer .twittList A.profileLink{color:#00CCFF} /*Links inside the tweets list */


/* Bellow the CSS for the avatar image  */

#templateBody #juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;}

#templateBody #juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/

#templateBody #juitterContainer .extLink{} /*CSS for the external links*/

#templateBody #juitterContainer .hashLink{} /*CSS for the hash links*/