@charset "UTF-8";

/*
Color Code:
Light Gray Line - #ccc
Light Gray Text - #999

Light Green - #009b48
Dark Green - #00483a

*/

/* Reset */
html, body, div, table, tbody, th, tr, td, ul, li, ol, a, img, b,strong, u, i,em,
h1, h2, h3, h4, h5, h6, form, fieldset, span, object, iframe, form
{
    padding: 0;
    margin: 0;
    border: 0;
    font: inherit;
}
body 
{
    background: #fff;
    color:#333;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size: 85%;
    line-height: 1.4;
}
table
{
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}
img 
{
    border-style:none;
}
ul, ol
{
    list-style: none outside none;
}

/* base elements */
a, .cmsLink
{
    color: #00309C;
    outline:none;
    text-decoration:none;
}
a:hover
{
    text-decoration: underline;
}
b, strong, .bold
{
    font-weight: bold;
}
h1, .titlex1, .cmsH1 
{
    border: medium none;
    color: #009b48;
    font-family: Arial;
    font-size: 200%;
    font-weight: bold;
    line-height: 25px;
    margin: 10px 0px;
}
h2, .cmsH2 
{
    border: medium none;
    color: #009b48;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 180%;
    font-weight: bold;
    line-height: 24px;
    margin: 10px 0px;
}
#CRightContent h2, #CRightContent .cmsH2
{
    margin: 0px 0px 10px 0px;
}
h3, .cmsH3 
{
    color:#009b48;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-weight:bold;
    font-size:150%;
    border:none;
    margin: 10px 0px;
}
CRightContent h3, #CRightContent .cmsH3
{
    margin: 0px 0px 10px 0px;
}
h4, .hsubtitle, .cmsH4 
{
    color: #009b48;
    font-size: 120%;
    font-weight: bold;
    margin: 10px 0px;
}
#CRightContent h4, #CRightContent .cmsH4
{
    margin: 0px 0px 10px 0px;
}
h5, .hsubtitle2, .cmsH5 
{
    color: #009b48;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 105%;
    font-weight: normal;
    margin: 10px 0px;
}
#CRightContent h5, #CRightContent .cmsH5
{
    margin: 0px 0px 10px 0px;
}
.hlite, .cms_text, .cmsText 
{
    color: #333333;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.4;
    overflow: hidden;
}
ul.cms_list_bullet, ul.cmsListBullet,
ul.cms_list_bullet li, ul.cmsListBullet li
{   
    list-style-image: url(/images/bullet.gif);
    margin: 0 0 0 15px;
    padding: 2px;
}
ul.cms_list_bullet li, ul.cmsListBullet li
{
    display: list-item;
}
a.t-moreLink 
{
    color:#009b48;
    text-decoration:underline;
}
a:hover.t-moreLink, a:hover.t-noUnderline
{
    text-decoration:none;
}
.t-clear 
{ 
    clear: both; 
    display: block; 
    overflow: hidden;
    visibility: hidden; 
    width: 0;
    height: 0;    
}

/****************************************
 Page Direction Settings
 ****************************************/
.alignFar, body[dir=rtl] .alignNear
{
    text-align: right;
}
.alignNear, body[dir=rtl] .alignFar
{
    text-align:left;
}

.floatFar, body[dir=rtl] .floatNear
{
    float: right;
}
.floatNear, body[dir=rtl] .floatFar
{
    float:left;
}
.padFar20
{
    padding-right: 20px;
}
body[dir=rtl] .padFar20
{
    padding-left: 20px;
}
.padNear20
{
    padding-left: 20px;
}
body[dir=rtl] .padNear20
{
    padding-right: 20px;
}
.pushFar5,
body[dir=rtl] .pushNear5
{   
    margin-right: 5px;
    margin-left: 0px;
}
.pushNear5,
body[dir=rtl] .pushFar5
{   
    margin-left: 5px;
    margin-right: 0px;
}
/*
.bgPositionNear, body[dir=rtl] .bgPositionFar
{
    background-position: left;
}

.bgPositionFar, body[dir=rtl] .bgPositionNear
{
    background-position: right;
}
*/
/* Layout start*/
.container
{
    margin: 0px 5px;
}
#t-centerWrap 
{
    background-color: #fff;
    margin:0 auto;
    width:960px;
}
#t-optionMenu 
{
    border-bottom:#ccc 1px solid;
    margin: 0px 5px 5px;
}
#t-banner
{
    display: inline;
    margin: 15px 5px 0;
    position: relative;
    width: 950px;
}
#t-topMenu
{
    margin: 0px 5px 20px;
}
#CCenterContent.withSideBar #CRightContainer 
{
    display:block;
    width:220px;
}
body.t-dirLtR #CCenterContent.withSideBar #CPageContent
{
    margin-right:220px;
    padding-right:20px;
}
body.t-dirRtL #CCenterContent.withSideBar #CPageContent
{
    margin-left:220px;
    padding-left:20px;
}
#t-footer 
{
    border-top:#009b48 2px solid;
   /*  margin-top:12px; */
    padding-bottom: 2px;
}
/* ----Layout end---- */
/* t-centerWrap */

/* t-optionMenu  */
#t-optionMenu td
{
    font-size: 80%;
}
#t-langSwitch 
{
    line-height: 36px;
    padding-left: 5px;
    padding-right: 5px;
}
#t-searchSignin 
{
    line-height:36px;
    width: 400px;
}
#t-searchSignin input, #t-signin
{
    padding-right: 0px 5px;
}
#t-search input
{
    margin: 0px 5px;
    padding: 0px 5px;
}
#t-search input
{
    background:url(../images/ic-search.gif) no-repeat right;
}
body[dir=rtl] #t-search input
{
    background:url(../images/ic-search-rtl.gif) no-repeat left;
}
/* t-banner */
#t-bannerSlogan
{
    position:absolute; 
    top:30%; 
    right: 25px;
    left: auto;
}
body[dir=rtl] #t-bannerSlogan
{
    left: 25px;
    right: auto;
}
/* t-topMenu */
#t-mainNavi
{
    width: 955px; /* fixed for li wrapping */
}
#t-mainNavi li 
{
    position:relative;
    white-space: nowrap;
}
#t-mainNavi li a 
{
    padding: 0px 39px;
    line-height:2em;
    background:#009b48;
    color:#fff;
    font-size:16px;
    font-weight:bold;
}
#t-mainNavi > li
{
    border-left: 0 none;
    border-right:#fff 1px solid;
}
body[dir=rtl] #t-mainNavi > li 
{
    border-right: 0 none;
    border-left:#fff 1px solid;
}
#t-mainNavi li a:hover, 
#t-mainNavi li.t-naviActive a 
{
    background:#00483a;
    text-decoration:none;
}
body[dir=ltr] #t-mainNavi > li#t-naviParticipate
{
    border-right: 0 none;
}
body[dir=rtl]  #t-mainNavi > li#t-naviParticipate
{
    border-left: 0 none;
}
/* social media */
#t-socialMedia li {
    display:inline;
    margin-left:28px;
}
#t-socialMedia li.t-smFacebook {
    background:url(../images/ic-facebook.gif) no-repeat left;
    padding-left:17px;
}
#t-socialMedia li.t-smTwitter {
    background:url(../images/ic-twitter.gif) no-repeat left;
    padding-left:19px;
}
#t-socialMedia li.t-smYoutube {
    background:url(../images/ic-youtube.gif) no-repeat left;
    padding-left:20px;
}
#t-socialMedia li.t-smFlickr {
    background:url(../images/ic-flickr.gif) no-repeat left;
    padding-left:26px;
}
#t-socialMedia li a {
    color:#000;
}
#t-socialMedia li a:hover {
    text-decoration:underline;
}
/* Header */
#t-optionMenu ul, #t-optionMenu form 
{
    display:inline;
}
#t-optionMenu li, .t-footerNavi li 
{
    border-left: 0 none;
    border-right:#999 1px solid;
    display:inline;
    padding:0 6px 0 6px; 
}
#t-optionMenu, #t-optionMenu a:hover, .t-footerNavi a:hover 
{
    color:#000;
}
#t-optionMenu a, .t-footerNavi, .t-footerNavi a 
{
    color:#999;
}
body[dir=rtl] #t-optionMenu li, 
body[dir=rtl] .t-footerNavi li 
{
    border-right: 0 none;
    border-left:#999 1px solid;
}
.t-footerNavi li:last-child, .t-footerNavi li.t-last-child,
body[dir=rtl] .t-footerNavi li:last-child, body[dir=rtl] .t-footerNavi li.t-last-child
{
    border:0 none;
}

#GoogleMapContainer
{
   margin-bottom: 20px;
}

#t-naviEvents li, #t-naviParticipate li,  #t-naviLearn li
{
    border: none;
    float: none;
    display: block;	
    min-width: 100px;
}
#t-mainNavi li ul 
{
    display:none;
    position:absolute;
    z-index:30;
    /* left:0; */
    top:2em;
    background:#00483a;
    padding:8px 0 8px 0;
    width:100%;
    border-top:#fff 1px solid;
}
#t-mainNavi li li 
{
    float:none;
}
#t-mainNavi li li a 
{
    float:none;
    display:block;
    padding:0;
    margin:0 10px 0 10px;
    line-height:26px;
    background:none;
    font-size:12px;
    font-weight:normal;
    border:none;
}
#t-mainNavi li li a:hover 
{
    text-decoration:underline;
}
#t-mainNavi #t-naviParticipate:hover ul, 
#t-mainNavi #t-naviEvents:hover ul, 
#t-mainNavi #t-naviLearn:hover ul
{
    display:block;
}
#t-map 
{
    position:relative;
    width:960px;
    height:508px;
    margin-bottom:26px;
}

/* cms specific */
div.cmsTable, table.cmsTable > tr > td, table.cmsTable > tbody > tr > td 
{
    border-bottom: 1px dotted gray;
    padding-bottom: 3px;
    padding-right: 4px;
    padding-top: 3px;
}
table.dgGrid {
    border-style: none;
    width: 100%;
}
div.dgPager, tr.dgPager {
    background-color: #DDDDDD;
    color: #000000;
    width: 100%;
}
div.dgPager {
    margin-bottom: 3px;
    margin-top: 3px;
    padding: 3px;
}
tr.dgPager > td {
    border: medium none;
    color: #000000;
    padding: 3px;
    text-align: right;
}
tr.dgHeader th {
    border-bottom: 1px solid #000000;
    border-style: none none solid;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 3px;
}
tr.dgHeader > td {
    border-bottom: 1px solid #000000;
    font-weight: bold;
    padding-top: 15px;
}
tr.dgItem > td b, tr.dgAltItem > td b {
    color: #333333;
}
.dgItemTitle {
    color: #669933;
    font-weight: bold;
    padding-top: 10px;
}
tr.dgMainGroup td {
    color: #669933;
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    padding-top: 25px;
}
div.dgSearch {
    background-color: #DDDDDD;
    color: #000000;
    padding: 3px;
    width: 100%;
}
tr.dgTitle {
    padding-bottom: 10px;
    padding-top: 20px;
}
tr.dgSep td, div.dgSep {
    border-bottom: 1px dotted gray;
    color: #669933;
    font-weight: bold;
    padding-top: 10px;
}
tr.dgSep td div {
    color: #669933;
}
tr.dgItem > td, tr.dgAltItem > td {
    border-color: gray #F0F8FF;
    border-style: dotted solid;
    border-width: 1px;
    color: #000000;
    padding: 5px 5px 5px 10px;
}
div.dgItem {
    border-bottom: 1px dotted gray;
    padding: 5px;
}
tr.itemHeader > td, td.itemHeader {
    border-bottom: 1px dotted gray;
    color: #6F9F49;
    font-size: 145%;
    font-weight: bold;
    padding: 5px 2px;
}
tr.itemRow > td, td.itemRow {
    border-bottom: 1px dotted gray;
    padding: 5px 5px 5px 10px;
}

table.menuDyn tr td {
    color: #0A4527;
    font-size: 7pt;
}
table.menuDyn tr td a {
    color: #0A4527;
    font-family: 'Verdana';
    font-size: 7pt;
    line-height: 8pt;
    padding-bottom: 3px;
    padding-top: 3px;
}
/* Home: VideoPopup  */
.t-closeButton {
    position:absolute;
    z-index:3;
    top:40px;
    right:0;
    left: auto;
    width:34px;
    height:0;
    padding-top:34px;
    overflow:hidden;
    background:url(/images/undb/ic-closeButton.png) no-repeat left top;
}
body[dir=rtl] .t-closeButton
{
    right: auto;
    left:0;
    background:url(/images/undb/ic-closeButton.png) no-repeat right top;
}
#t-videoPopup {
    position:absolute;
    z-index:1;
    bottom:0px;
    left:40px;
    width:840px;
    font-size: 85%;
    /*height:320px;*/
}
body[dir=rtl] #t-videoPopup
{
    right:40px;
}
#t-videoPopup h2 {
    height:36px;
    line-height:36px;
    background:url(/images/undb/bg-videoPopupTitle.png) no-repeat left top;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    text-indent:30px;
    margin-bottom:8px;
}
body[dir=rtl] #t-videoPopup h2
{
    background:url(/images/undb/bg-videoPopupTitle.png) no-repeat right top;
}
.t-videoHolder {
    float:left;
    width:580px;
    height:276px;
    background:url(/images/undb/bg-videoPopupBox.png) no-repeat;
    color: #fff;
}
body[dir=rtl] .t-videoHolder
{
    float: right;
    background:url(/images/undb/bg-videoPopupBoxRtL.png) no-repeat;
}
.t-videoDescription {
    float:left;
    width:162px;
    padding:10px 25px;
    font-size: 105%;
}
body[dir=rtl] .t-videoDescription
{
    float: right;
}
.t-videoDescription h3 
{
    color:#fff;
    font-size:22px;
}
.t-videoHolder iframe {
    float:right;
}
body[dir=rtl] .t-videoHolder iframe
{
    float:left;
}
.t-videoPlaylist {
    float:left;
    width:240px;
    height:276px;
    background:url(/images/undb/bg-videoPlaylist.png) repeat-y left top;
}
body[dir=rtl]  .t-videoPlaylist
{
    float: right;
}
.t-videoPlaylist ul {
    background:url(/images/undb/line-playList.gif) no-repeat left top;
    padding-top:1px;
}
body[dir=rtl] .t-videoPlaylist ul
{
    background:url(/images/undb/line-playList.gif) no-repeat right top;
}
.t-videoPlaylist li {
    border-bottom: 1px solid #ccc;
}
.t-playEntry {
    clear:left;
    width:240px;
}
body[dir=rtl] .t-playEntry 
{
    clear: right;
}
.t-playEntry a {
    display:block;
    padding:12px 15px;
    color:#666;
}
.t-playEntry a strong {
    display:block;
    color:#000;
}
.t-playEntry a img {
    float:left;
    padding-right: 10px;
}
body[dir=rtl] .t-playEntry a img 
{
    float: right;
    padding-left: 10px;
}
a.t-homeVideoPlayListPrev, a.t-homeVideoPlayListNext {
    display:block;
    width:240px;
    height:0;
    padding-top:23px;
    overflow:hidden;
    background:url(/images/undb/arrow-playlistPrev.gif) no-repeat center top;
}
a:hover.t-homeVideoPlayListPrev, a:hover.t-homeVideoPlayListNext {
    background-position: center -23px;
}
a.t-homeVideoPlayListNext {
    background-image:url(/images/undb/arrow-playlistNext.gif);
}
/* Popup Bar */
a#t-popupBar {
    position:absolute; 
    bottom: 15;
    left:0;
    width:99%;
    height:24px;
    line-height:24px;
    /*background:url(../images/bg-popupBar.gif) repeat-x; */
    background-color: #ccc;
    text-align:center;
    color:#000;
}
a:hover#t-popupBar {
    background:#009b48;
    color:#fff;
}

div:hover#t-popupBar {
    background-color:#009b48;
    color:#fff;
}
/*
a#t-popupBar span {
    background:url(../images/ic-arrowUp.html) no-repeat left 3px; 
}
a:hover#t-popupBar span {
    background:url(../images/ic-arrowUpWhite.html) no-repeat left 3px;
}
*/

/* content updates */
#t-contentUpdates 
{
    margin: 0px auto;
    overflow: auto;
}
#t-contentUpdates h2 
{
    font-size:22px;
    color:#009b48;
    margin-bottom:12px;
}
#t-contentUpdates h3,
#t-contentUpdates h3 a 
{
    font-family: Arial, Helvetica, Verdana, sans-serif; 
    display:block;
    font-size:12px;
    color:#666;
}
#t-contentUpdates h3 a:hover 
{
    color:#000;
}
#t-contentUpdates .t-dateNplace 
{
    font-size: 12px;
    font-weight:bold;
}
.t-updatesList li {
    border-bottom:#ccc 1px solid;
    background:url(../images/ic-bee.gif) no-repeat left 9px;
    padding:12px 0 10px;
    list-style-type: none;
}
body[dir=rtl] .t-updatesList li 
{
    background:url(../images/ic-bee.gif) no-repeat right 9px;
}
.t-updatesList li:last-child, 
.t-updatesList li.t-last-child,
body[dir=rtl] .t-updatesList li:last-child, 
body[dir=rtl] .t-updatesList li.t-last-child  {
    border:none;
    background:none;
    padding-top:10px;
}
.t-updatesList .t-dateNplace {
    margin-left:22px;
}
body[dir=rtl] .t-updatesList .t-dateNplace {
    margin-right:22px;
}
.t-updatesList p 
{   
    margin: 0;
}
.t-whatsnew {
    margin: 0px 10px;
}
.t-highlights {

    margin:0px 10px;
}
.t-highlightsHolder {
    border:#ccc 2px solid;
    text-align:center;
    padding:30px 0;
}
.t-highlightsNavi {
    margin-top:14px;
    padding-left:22px;
}
.t-highlightsNavi ul {
    float:left;
}
.t-hlPrev, .t-hlNext {
    float:left;
    width:0;
    padding-left:14px;
    height:14px;
    background:url(../images/arrow-prev.html) no-repeat center;
    overflow:hidden;
    margin:0 28px;
}
.t-hlNext {
    background-image:url(../images/arrow-next.html);
}
/****************************************
 Carousel - NOT YET PREPARED FOR RTL/LTR (may not be needed)
 ****************************************/
a.t-homeCarouselPrev {
    position:absolute; 
    width:17px;
    height:17px;	
    overflow:hidden;
    background:url(../images/arrow-left-gray.gif) no-repeat left bottom;
    bottom:5px;
    left:5px; 
}
a:hover.t-homeCarouselPrev{
    background:url(../images/arrow-left-green.gif) no-repeat left bottom;
}
a.t-homeCarouselNext {
    background:url(../images/arrow-right-gray.gif) no-repeat left bottom;
    position:absolute; 
    width:17px;
    height:17px;
    overflow:hidden;    
    bottom: 5px;
    right:5px; 
}
a:hover.t-homeCarouselNext {
    background:url(../images/arrow-right-green.gif) no-repeat left bottom;
}
.t-homeCarousel {
    position:relative;
    overflow:hidden;
    width:190px;
    height:235;
    margin: 10px auto;
    border: 1px slid red;
}
.t-homeCarousel ul {
    width:3000px;
}
.t-homeCarousel li {
    display:inline;
    width:180px;
    margin-right:2px;
    text-align:center;
    height: 235px;
}
.jcarousel-container
{
    position:relative;
    overflow:hidden;
}

#t-videoPopup .jcarousel-container
{
    width:235px;
    height:230px;
}

#t-videoPopup  .jcarousel-clip
{
    height:235px; 
}

/* Images and Videos Carousel */

.jcarousel-country-images .jcarousel-container,
.jcarousel-country-pubs .jcarousel-container  {
    border: none;
}

.jcarousel-country-images .jcarousel-direction-rtl,
.jcarousel-country-pubs .jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-country-images .jcarousel-container-horizontal,
.jcarousel-country-pubs .jcarousel-container-horizontal {
    width: 350px;
    padding: 10px 0px;
}

.jcarousel-country-images .jcarousel-clip,
.jcarousel-country-pubs .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-country-images .jcarousel-clip-horizontal {
    width:  357px;
    height: 90px;
}
.jcarousel-country-pubs .jcarousel-clip-horizontal {
    width:  357px;
    height: 152px;
}

.jcarousel-country-images .jcarousel-item {
    width: 110px;
    height: 88px;
    border: 1px solid #fff;
}

.jcarousel-country-pubs .jcarousel-item {
    width: 110px;
    height: 150px;
    border: 1px solid #fff;    
}

.jcarousel-country-images .jcarousel-item:hover,
.jcarousel-country-images .jcarousel-item:focus, 
.jcarousel-country-pubs   .jcarousel-item:hover,
.jcarousel-country-pubs   .jcarousel-item:focus{
    border-color: #808080;
}

.jcarousel-country-images .jcarousel-item-horizontal,
.jcarousel-country-pubs .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 7px;
}

.jcarousel-country-images .jcarousel-direction-rtl .jcarousel-item-horizontal,
.jcarousel-country-pubs .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 7px;
    margin-right: 0;
}

.jcarousel-country-images .jcarousel-item-placeholder,
.jcarousel-country-pubs .jcarousel-item-placeholder {
}

.carousel-country-nav {
    line-height: 30px;  
    background: #009B48; 
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px; 
    border-radius: 8px; 
    width: 350px; 
    height: 30px; 
}
.carousel-country-nav span {
    padding: 0 7px; 
    color: #fff; 
    font-weight: bold;   
}
.carousel-country-nav a {
    float: left; 
    color: #fff; 
    padding: 0 7px; 
    text-decoration: none;
}

#partnerCarousel .title
{
    font-size: .9em;
    font-weight: bold;
}
#partnerCarousel .description
{
    font-size: .9em;
}


/****************************************
 Common Footer
 ****************************************/
/* Footer CENTERED => CAN REMAIN FLOAT LEFT IN R-T-L */
.t-partnersList 
{
    float:left; 
    width:960px;
    text-align:center;
    margin-bottom:10px;
    border-bottom:#ccc 1px solid;
}
.t-partnersList li 
{
    float:left;
    display:inline;
    padding: 0 20px;
}
body[dir=rtl] .t-partnersList li
{
   float:right; 
}
.t-partnersList li a 
{
    float:left;
    width:87px;
    height:0;
    padding-top:85px;
    overflow:hidden;
    /* margin:0 3px 0 10px; */
    margin:0 7px; 
}
/* footer items */
li.t-plUN a {
    width:88px;
    background:url(../images/logo-un.gif) no-repeat;
}
li.t-plSCBD a {
    width:140px;
    background:url(../images/logo-cbd.gif) no-repeat;
}

li.t-plCOP10 a {
    width:78px;
    background:url(../images/logo-COP10.gif) no-repeat;
}
li.t-plCOP11 a {
    width:78px;
    background:url(../images/logo-cop11.png) no-repeat center;
}

li.t-plGreenWave a {
    width:77px;
    background:url(../images/logo-greenWave.gif) no-repeat;
}
li.t-plUNCCD a {
    width:140px;
    background:url(../images/logo-unccd-decade.gif) no-repeat;
}
.t-footerNavi {
    text-align:center;
    margin-bottom:28px;
    font-size: 11px;
}
/* weblinks */
.t-pfLinks {
    margin-bottom:10px;
    list-style:none;
}
.t-pfLinks li {
    border-bottom:#e5e5e5 1px solid;
    padding:8px 8px 8px 38px;
}
.t-pfLinks li.t-pfContact {
    background:url(/styles/ui/templates/undb2011/images/ic-email.gif) no-repeat 12px 50%;
}

.t-pfLinks li.t-pfWeb {
    background:url(/styles/ui/templates/undb2011/images/ic-web.gif) no-repeat 12px 50%;
}
.t-pfLinks li.t-pfFacebook {
    background:url(/styles/ui/templates/undb2011/images/ic-facebook.gif) no-repeat 12px 50%;
}
.t-pfLinks li.t-pfTwitter {
    background:url(/styles/ui/templates/undb2011/images/ic-twitter.gif) no-repeat 11px 50%;
}
.t-pfLinks li.t-pfEmail {
    background:url(/styles/ui/templates/undb2011/images/ic-email.gif) no-repeat 10px 50%;
}
.t-pfLinks li a {
    color:#000;
}
/* upcoming events */
.eventContainer
{
    padding: 5px;
    border-bottom: 1px solid #DDDDDD;
    background-color: #F6F6F6;
}
.eventDateAndVenue{
    float: left;
    width: 200px;
}
.eventRightColumn
{
    float: left;
    width: 350px;
    padding-left: 10px;
}
.eventStatus
{
    font-style: italic;
    font-weight: bold;
}
.eventsHeader
{
    padding: 5px;
    font-weight: bold;
    border-bottom: 2px solid #DDDDDD;
        
}
.eventsMore
{
    padding-top: 5px;
    font-weight: bolder;
    text-align: center;
    font-size: 11px;
}
.eventTile
{
    font-weight: lighter;
}
.mainTitle
{
    padding-left: 5px;
}
.eventsContainer
{
    margin-left: 0px;
    margin-right: 0px;
}


.partnerContainer
{
    border-bottom: 1px solid #CCC;   
    padding: 10px 5px;
}
.partnerContainer img
{
    padding: 15px 5px;
    width: 120px;
}
.pagerStyle
{
   /* background-color:#DDD; */
    color:#000;
    font-family:Verdana;
    padding:3px;
    height: 1.5em;
    font-size: .9em;
    font-family: Arial, Verdana, Sans-Serif;
}

    #countryVideoMainDisplay
    {
        height: auto; 
        margin: 0 auto; 
        text-align: center;
        padding-bottom: 25px;
        min-height: 400px;
    }
    #countryVideoMainDisplay > img
    {
        max-width: 570px;
    }
    .thumbnails
    {
        margin: 0 auto; 
    }
    .thumbnail
    {
        float: left;
        border: 1px solid #CCC;   
        margin: 10px 5px 0px 0px;
        padding: 5px;
    }
    
    .countryFlagContainer
    {
        border-top: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        vertical-align: middle;
        margin: 0px 5px 10px 5px;
        padding: 10px 0px;
    }
    .countryFlag table
    {
        height: 60px;
    }
    
    .thumbnail .countryThumbnailVideo, ul#videoCarousel li
    {
        position:relative;
        float:left;
    }
    
    span.play-icon
    {
        background:url(/undb/images/bt-videoPlay.png) no-repeat 0px 0px transparent; 
        position:absolute;
        left:35%;
        top:30%;
        width: 40px;
        height: 40px;
        z-index: 100;
    }