﻿body {
    color: #000;
    /*background:rgba(241,241,241,0.32) url(/_layouts/CPP/E2//img/unfccc-back.png) top center;*/
    background: #FBFBFB url(/_layouts/CPP/E2//img/unfccc-back.png) top center;
    background-repeat: no-repeat;
    font: normal 80% "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
}

    body #s4-ribbonrow {
        background: #415a82 url(/_layouts/CPP/E2//img/top.jpg) no-repeat right 0; /*00182a*/
    }

.ms-cui-topBar2 {
    /*background: #333333;*/
    border-bottom: none;
    /* Fallback for web browsers that doesn't support RGBa */
    /* RGBa with 0.6 opacity */
    background: rgba(51, 51, 51, 0.3);
    /* For IE 8*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66333333, endColorstr=#66333333)";*/
}

.siteTitle
{
    color: White;
    font-size: 34pt;
    height: 55px;
}

.s4-title {
    background: #415a82 url(/_layouts/CPP/E2//img/top.jpg) no-repeat right -44px;
    height: 89px;
}

    .s4-title h1 a, .s4-title h2 a {
        color: #fff;
    }

#header-2 {
    color: #fff!important;
}

.ms-viewselector:hover {
    color: #dddddd;
}

.s4-title-inner {
    padding-top: 5px;
}

.ms-listdescription {
    color: #dbddde;
}

.ms-socialNotif-groupSeparator {
    border: none;
}

.ms-socialNotif-text {
    color: #fff;
}

.unnavigation {
    width: 986px;
    background-color: #222222;
    height: 50px;
    position: absolute;
    /*z-index: 998;*/
}

.un-navigation-container {
    width: 986px;
    margin-left: auto;
    margin-right: auto;
    /*z-index: 997;*/
}

.un-navigation-container-outer {
    background-color: #222222;
    width: 100%;
    height: 50px;
    /*z-index: 996;*/
    border-top: #fff solid 1px;
}

/*body #s4-leftpanel-content {
    float: left;
    width: 200px;
}

body #s4-leftpanel {
     width: 200px;
     z-index: 1000;
     position: absolute;
}*/

body #MSO_ContentTable {
    width: 986px;
    margin-left: auto;
    margin-right: auto;
}

.ms-rtefield, table.ms-pageinformation {
    background-color: transparent;
}

#s4-mainarea {
    padding-top: 0px;
}



body #leftpanel-pointer {
    width: 8px;
    float: left;
}

body #leftpanel-pointer-icon {
    width: 100%;
    height: 55px;
    background-color: #dbddde;
    cursor: pointer;
    z-index: 101;
    position: relative;
    top: 100px;
}

    body #leftpanel-pointer-icon:hover {
        background-color: gray;
    }

body #leftpanel-arrow {
    width: 6px;
    top: 19px;
    overflow: hidden;
    height: 11px;
    display: inline-block;
    position: relative;
}

    body #leftpanel-arrow > img {
        left: -2px;
        top: -618px;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        position: absolute;
    }

.s4-footer {
    float: right;
    background: #415a82;
    height: 30px;
    display: none;
}

    .s4-footer p {
        text-align: right;
        margin-right: 30px;
        height: 30px;
        margin-top: -22px;
    }


    .s4-footer a {
        color: white;
        font-size: 11px;
        text-decoration: none;
    }

        .s4-footer a:hover {
            text-decoration: underline;
        }

    .s4-footer div {
        width: 986px;
        margin-left: auto;
        margin-right: auto;
    }

.s4-footer {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.footer-nav {
    float: right;
    margin-top: 6px;
}

html {
    border: none;
}

.ms-KFMenu {
    background-color: transparent;
    background-image: none;
    border-color: #dbddde;
}

.ms-KFHead {
    border-color: #dbddde !important;
}

.ms-socialNotif:hover {
    /* [ReplaceColor(themeColor:"Light2-Lighter")] */ border: transparent;
    /* [ReplaceColor(themeColor:"Light2-Lightest")] */ background-color: transparent;
    text-decoration: underline;
    color: #fff;
}

.ms-ltviewselectormenuheader .ms-viewselector-arrow {
    margin: 0;
}

.ms-ltviewselectormenuheader .ms-viewselector a, .ms-ltviewselectormenuheader .ms-viewselectorhover a {
    /* [ReplaceColor(themeColor:"Dark2")] */ color: #fff;
}

body#s4-leftpanel-content {
    border-right-style: none;
}

body#s4-leftpanel {
    margin-left: 0px;
}

body#leftpanel-pointer {
    border-left-color: #dbddde;
    border-left-style: solid;
    border-left-width: 1px;
}

div.hidden {
    display: none;
}

.ms-siteactionsmenuhover {
    background: none;
    border-color: #fff;
}

.s4-breadcrumb-anchor:hover, .s4-breadcrumb-anchor-open, .ms-qatbutton:hover {
    /* [ReplaceColor(themeColor:"Dark2-Lighter")] */ border-color: #fff;
    /* [RecolorImage(themeColor:"Dark2-Lightest",includeRectangle:{x:0,y:489,width:1,height:11})] */ background: none;
}

.s4-trc-container-menu {
    margin-bottom: 0px;
    margin-top: 23px;
}

.ms-welcomeMenu.ms-SpLinkButtonActive {
    /* [ReplaceColor(themeColor:"Dark2-Lighter")] */ border-color: #fff;
    /* [RecolorImage(themeColor:"Dark2-Lightest",includeRectangle:{x:0,y:489,width:1,height:11})] */ background: none;
}

body#RibbonContainer {
    background: #415a82 url(/_layouts/CPP/E2//img/top.jpg) no-repeat right 0;
}

body #s4-ribboncont {
    background: none;
}

/*.ms-cui-tt-span {
    padding-top: 3px;
}

.ms-cui-tts > .ms-cui-tt-s > .ms-cui-tt-a > .ms-cui-tt-span {
    padding-bottom: 4px;
}*/

.ms-browseTab.ms-cui-tt-s > a.ms-cui-tt-a:hover {
    color: #fff !important;
    border: 1px solid #fff;
    background: url("/_layouts/images/bgximg.png") repeat-x -0px -1000px;
}

.ms-cui-tt-a {
    border-bottom: 1px solid transparent;
    padding-bottom: 1px;
}

    .ms-cui-tt-a:hover {
        border-color: #fff;
        background: url("/_layouts/images/bgximg.png") repeat-x -0px -1000px;
    }

.ms-cui-tt-s .ms-cui-tt-a:hover {
    border-color: #fff;
    background: #f1f1f1 url("/_layouts/images/bgximg.png") repeat-x -0px -976px;
    color: #23272c !important;
}

.ms-browseTab.ms-cui-tt-s > a.ms-cui-tt-a {
    color: #fff !important;
    border: 1px solid transparent;
    background-color: transparent;
}

.ms-cui-tt-a {
    cursor: pointer;
}

.ms-sbscopes {
    border: 1px solid #fff;
    color: #eeeeee !important;
    background-color: rgb(34, 34, 34);
}
.s4-title .s4-pagedescription {
    color: #dbddde;
}

/* UNMinimal.master*/
body #s4-mini-header {
    background: #415a82 url(/_layouts/CPP/E2//img/top.jpg) no-repeat right -43px;
}
.ms-siteactionsmenuinner{
/* [ReplaceColor(themeColor:"Dark2")] */ border-color:transparent;
/* [ReplaceColor(themeColor:"Dark2")] */ border-top-color:transparent;
/* [RecolorImage(themeColor:"Dark2-Lighter",method:"Filling",includeRectangle:{x:0,y:467,width:1,height:11})] */ background:transparent;
/* [ReplaceColor(themeColor:"Dark2")] */ background-color:transparent;
}
.ms-siteactionsmenuhover{
    border-color: #fff;
}


/* navigation */
.latestdocs { 
   padding: 8px; 
   border: 1px solid rgb(221, 221, 221); 
   font: normal 80% "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
   font-size:12px;   
 }
  
 .latestdocs a:link
 {
    color:#015b86;
    text-decoration:none;
 }
 
 .latestdocs a:hover {
    color:#029feb;
    text-decoration:none;    
 }
 
 .latestdocs a:visited {
    color:#015b86;
    text-decoration:none;    
 }   
 
 .latestdocs a:active {
    color:#029feb;
    text-decoration:none;    
 }
 
#menu {
	list-style:none;
	width:940px;
	margin: 0px auto 0px auto;
	height:43px;
	padding:0px 20px 0px 20px;

	/* Background color */ 	
	background: #222;
	
	/* Borders */ 	
	border: 1px solid #002232;
}

#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 5px 4px 5px;
	margin-right:30px;
	margin-top:12px;
	border:none;
	/*z-index:999;*/
}

#menu li.search {
	width:220px
}

#menu li.search:hover {
	border: none;
	padding: 4px 5px 4px 5px;
	background: transparent none;
	
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
	width:220px
}

#menu li:hover {
	border: 1px solid #777777;
	padding: 4px 4px 4px 4px;
	
	/* Background color and gradients */
	
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#menu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	color: #EEEEEE;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
}

#menu li:hover a {
	color:#161616;
	text-shadow: 1px 1px 1px #ffffff;
}
#menu li .drop {
	padding-right:21px;
	background:url("/_layouts/CPP/E2//img/drop.png") no-repeat right 8px;
}
#menu li:hover .drop {
	background:url("/_layouts/CPP/E2//img/drop.png") no-repeat right 7px;
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	margin:4px auto;
	float:left;
	position:absolute;
	z-index: 1000;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;
	
	/* Gradient background */
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
	
}

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
	left:-1px;
	top:auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	z-index:1001;
}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

#menu .menu_right {
	float:right;
	margin-right:0px;
}
#menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#menu p, #menu h2, #menu h3, #menu ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	font-size:12px;
	text-align:left;
	text-shadow: 1px 1px 1px #FFFFFF;
}
#menu h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px solid #666666;
}
#menu h3 {
	font-size:14px;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	border-bottom:1px solid #888888;
}
#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

#menu li:hover div a {
	font-size:12px;
	color:#015b86;
}
#menu li:hover div a:hover {
	color:#029feb;
}


.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

#menu li .black_box {
	background-color:#333333;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0;
}
#menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	
}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

#menu li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}

/* Telerik */
.RadGrid_Default
{
    border: 0px none !important;
}

.RadGrid .rgFilterBox
{
    border-color: rgb(171, 171, 171) !important
}

.RadGrid_Default .rgHeader
{
    background-color: transparent !important;
    background-image: none !important;
    border-left-style: none !important;
    border-bottom-style: none !important;
}

.RadGrid_Default .rgHeader a
{ 
    /*color: rgb(255, 255, 255) !important;*/
    text-decoration: 'underline';
}

.RadGrid_Default .rgRow td
{
    /*border-left-width: 1px !important;
    border-left-color: rgb(227, 228, 228) !important;*/
    border-left-style: none !important;
    border-bottom-width: 0px !important;
    padding-bottom: 4px !important;
    vertical-align: top;
}

.RadGrid_Default .rgAltRow td
{
    /*border-left-width: 1px !important;
    border-left-color: rgb(227, 228, 228) !important;*/
    border-left-style: none !important;
    border-bottom-width: 0px !important;
    padding-bottom: 4px !important;
    vertical-align: top;
}

.RadGrid_Default .rgFilterRow td
{
    /*border-left-width: 1px !important;
    border-left-color: rgb(227, 228, 228) !important;*/
    border-bottom-style: none !important;
}

.RadGrid .rgHeader
{ 
    /*font-weight: bold !important;*/
}

.RadGrid .rgHeader a:link
{ 
    text-decoration: underline !important;
}

.RadGrid_Default .rgRow > td:first-child
{
    border-left-width: 0px !important;
}
.RadGrid_Default .rgAltRow > td:first-child
{
    border-left-width: 0px !important;
}

#myCollaborationSites .RadGrid_Default .rgRow td, #myCollaborationSites .RadGrid_Default .rgAltRow td, #myPendingApprovals .RadGrid_Default .rgRow td, #myPendingApprovals .RadGrid_Default .rgAltRow td, #myCollaborationSites .RadGrid_Default .rgHeader a, #currentEngagements .RadGrid_Default .rgHeader a, #myCollaborationSitesFBA .RadGrid_Default .rgHeader a
{
    white-space: nowrap;
}

#myCollaborationSites .RadGrid_Default .rgRow > td:first-child, #myPendingApprovals .RadGrid_Default .rgRow > td:first-child
{
    white-space: normal;
    width: 100% !important;
}

#myCollaborationSites .RadGrid_Default .rgAltRow > td:first-child, #myPendingApprovals .RadGrid_Default .rgRow > td:first-child
{
    white-space: normal;
    width: 100% !important;
}
/*
.RadGrid_Default .rgRow > td:first-child a:link
{ 
    color: #336bbd !important;
}

.RadGrid_Default .rgAltRow > td:first-child a:link
{ 
    color: #336bbd !important;
}

.RadGrid_Default .rgRow > td:first-child a:visited
{ 
    color: #336bbd !important;
}

.RadGrid_Default .rgAltRow > td:first-child a:visited
{ 
    color: #336bbd !important;
}

.RadGrid_Default .rgRow > td:first-child a:hover
{ 
    text-decoration: underline !important;
}

.RadGrid_Default .rgAltRow > td:first-child a:hover
{ 
    text-decoration: underline !important;
}
*/

.RadGrid_Default .rgRow a:link, .RadGrid_Default .rgAltRow a:link, .RadGrid_Default .rgRow a:visited, .RadGrid_Default .rgAltRow a:visited
{ 
    color: #336bbd !important;
}

.RadGrid_Default .rgRow a:hover, .RadGrid_Default .rgAltRow a:hover
{
    text-decoration: underline;
}

.RadGrid_Default .rgFilterRow > td:first-child
{
    border-left-width: 0px !important;
}

.RadGrid_Default .rgFilterRow td 
{
    /*border-left-color: rgb(227, 228, 228) !important;
    border-left-style: solid !important;
    border-left-width: 1px !important;*/
    border-left-style: none !important;
}

.RadGrid .rgFilterRow td 
{
    padding: 0 !important;
}

.RadGrid .rgFilterClear
{
    width: 22px;
	height: 22px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 1px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align: middle;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	background-repeat: no-repeat;
	background-color: transparent;
    background-image: url('/_layouts/CPP/E2//img/ClearFilter22.PNG');
    background-position: 0px -22px;
}

.RadGrid .rgFilterClear:hover
{
    background-position: 0px 0px;
}

.RadComboBox TABLE TD.rcbInputCell, .RadComboBox TABLE TD.rcbArrowCell
{
    border-left-style: none !important;
    border-left-width: 0px !important;
}

.RadComboBox .rcbInputCell .rcbInput
{
    padding-left: 5px !important;
}

.RadGrid_Default .rgFilterRow .rgFilterTable
{
    width: 100%;
}

.RadGrid_Default .rgFilterRow .rgFilterTable td
{
    border-left-style: none !important;
    border-left-width: 0px !important;
    border-bottom-style: none;
    border-bottom-width: 0px;
}

.RadGrid_Default .rgFilterRow
{
    background-color: transparent !important;    
}
.RadGrid_Default .rgFilterRow .rgFilterTable tr > td:first-child
{
    width: 100%;
}

html body .RadInput_Default .riRead, html body .RadInput_Default .riTextBox
{
    border-color: #ababab !important;
}

.RadGrid_Default .rgHeader:first-child
{
    border-left-width: 0px !important;
}

.RadGrid_Default .rgGroupHeader:first-child td
{
    border-top-style: none !important;
    border-top-width: 0px !important;
}

/*
.RadGrid_Default .rgGroupCol + td a:link
{ 
    color: #336bbd !important;
}

.RadGrid_Default .rgGroupCol + td a:visited
{ 
    color: #336bbd !important;
}

.RadGrid_Default .rgGroupCol + td a:hover
{ 
    text-decoration: underline !important;
}
*/

.RadGrid_Default .rgMasterTable, .RadComboBoxDropDown_Default, .RadComboBox_Default .rcbInput, .RadGrid_Default .rgPager table, html body .RadInput_Default .riTextBox, table.RadCalendar_Default, .RadCalendar_Default .rcTitlebar table, .RadCalendar_Default .rcMainTable
{
    font-family: arial,"segoe ui",sans-serif !important;
}

.RadGrid_Default .rgMasterTable TD
{
    font-family: arial,"segoe ui",sans-serif !important;
    font-size: 12px; 
}

.RadGrid_Default .rgSortAsc
{
    background-image: url('/_layouts/CPP/E2//img/rg_SortAsc.gif') !important;
}

.RadGrid_Default .rgHeader .rgSortAsc
{
    background-position: 1px 0px !important;
}

.RadGrid_Default .rgSortDesc
{
    background-image: url('/_layouts/CPP/E2/img/rg_SortDesc.gif') !important;
}

.RadGrid_Default .rgHeader .rgSortDesc
{
    background-position: 1px -2px !important;
}

.RadGrid_Default TH.rgSorted 
{ 
    background-color: transparent !important;
}

.RadComboBox_Default
{
    margin-top: 10px;
    margin-bottom: 10px;    
}
/*.ms-bodyareacell table, .ms-bodyareacell tbody,  .ms-bodyareacell tr, .ms-bodyareacell td {
    display: inline;
}*/
.rgFilterTable .RadComboBox {
    display: block !important;
}

/*  UN Webparts, WebControls*/

.aboutPage_table
{
    width: 640px;
}
.aboutPage_table table.ms-rtetoolbarmenu, .aboutPage_table iframe.ms-rtelong
{
    width: 100%;
}

.un-wizard
{
}

.un-wizardTopPanel
{
   border-bottom: 1px solid;
   padding: 5px;
   width: 100%;
}

.un-wizardViewsPanel
{
    padding: 5px;
    width: 100%;
}

.un-wizardNavigatorPanel
{
    width: 100%;
    padding-top: 15px;
    padding-right: 20px;
    text-align: right;
    margin-top: 5px;
}

.un-wizardNextButton, .un-wizardPreviousButton, .un-wizardFinishButton  
{
    margin: 0px 10px;
    width: 90px;
}

.un-wizardUL
{
    padding: 0;
    list-style-type: none;
    margin: 0;
}

.un-wizardUL li
{
    padding: 5px;
    display: inline;
    font-size: 1.2em;
}

.un-wizardUL li.active
{
    font-weight: bold;
    text-decoration: underline;
}

.menu li
{
    margin-right:12px;
    font-size:larger;
}
.un-topFAQContainer
{
    width:100%;    
}
.un-topFAQUL
{
    width:100%;
}
.un-topFAQUL UL
{
    padding:0px;
    margin:0px;
    list-style-image: none;
    list-style-type: none;
}
.un-topFAQUL UL > LI:before
{
    content: '+ ';
}

.un-topFAQUL LI
{
  padding-bottom: 5px;
  padding-top: 5px;    
}
.un-topFAQBottom
{
    width:100%;
    padding:5px;
}
.un-topFAQBottom span
{
    float:right
}
