/* Global Navigation - Public Website, Teamworks, UNDP Intranet, Offices, Decisions, Solutions, Help */
nav {
    display: block;
    overflow: hidden;
    width: 100%;
}

nav ul {
    margin: 0;
    padding: 0;
}

nav ul li {
    display: inline-block;
    list-style-type: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

nav > ul > li {
	padding-left: 24px;
	border-radius: 2px;
}

/* Global Navigation - Text Styling */
nav > ul > li > a {
    color: #fff;
    display: block;
    line-height: 18px;
    padding: 5px 20px;
    text-decoration: none;
    white-space: nowrap;
    text-transform: uppercase;
}

nav > ul > li > a:visited {
    color: #fff !important;
}

/* Global Navigation - Icons */
nav > ul > li.undp-globalNav-topMenuItem-public:before,
nav > ul > li.undp-globalNav-topMenuItem-teamworks:before,
nav > ul > li.undp-globalNav-topMenuItem-intranet:before,
nav > ul > li.undp-globalNav-topMenuItem-offices:before,
nav > ul > li.undp-globalNav-topMenuItem-decisions:before,
nav > ul > li.undp-globalNav-topMenuItem-solutions:before,
nav > ul > li.undp-globalNav-topMenuItem-help:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin: 7px 1px 0 0;
}

/* Global Navigation - Icons Public Site */
nav > ul > li.undp-globalNav-topMenuItem-public:before {
    background: url("/_layouts/15/images/branding/menu_top_icon_public_site.png") no-repeat;
}

/* Global Navigation - Icons Teamworks */
nav > ul > li.undp-globalNav-topMenuItem-teamworks:before {
    background: url("/_layouts/15/images/branding/menu_top_icon_practices.png") no-repeat;
}

/* Global Navigation - Icons Intranet */
nav > ul > li.undp-globalNav-topMenuItem-intranet:before {
    background: url("/_layouts/15/images/branding/menu_top_icon_intranet.png") no-repeat;
}

/* Global Navigation - Icons Offices */
nav > ul > li.undp-globalNav-topMenuItem-offices:before {
    background: url("/_layouts/15/images/branding/menu_top_icon_offices.png") no-repeat;
}

/* Global Navigation - Icons Decisions */
nav > ul > li.undp-globalNav-topMenuItem-decisions:before {
    background: url("/_layouts/15/images/branding/menu_top_icon_decisions.png") no-repeat;
}

/* Global Navigation - Icons Solutions */
nav > ul > li.undp-globalNav-topMenuItem-solutions:before {
    background: url("/_layouts/15/images/branding/menu_top_icon_solutions.png") no-repeat;
}

/* Global Navigation - Icons Help */
nav > ul > li.undp-globalNav-topMenuItem-help:before {
    background: url("/_layouts/15/images/branding/menu_top_icon_help.png") no-repeat;
}

/* Global Navigation - Hover States */
nav > ul > li:hover {
    background-color: #0072bc;
}

nav > ul > li:hover > a {
    text-decoration: none;
    color: #fff;
}

/* Global Navigation - Second Tier */
nav > ul > li > div,
nav > ul > li > div ul > li > div {
    background-color: #034680;
    border-left: 2px solid #336699;
	border-top: 1px solid #336699;
    display: none;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 180px;
    visibility: hidden;
    z-index: 9999999999;
    -webkit-transiton: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -transition: opacity 0.2s;
}

nav > ul > li > div ul > li > div {
    background-color: #034680;
	border-left: 2px solid #336699;
	border-top: 1px solid #336699;
    right: -180px;
    position: absolute;
    top: 0;
}

/* Global Navigation - Second Tier Appears */
nav > ul > li:hover > div,
nav > ul > li > div ul > li:hover > div {
    display: block;
    opacity: 1;
    visibility: visible;
}

nav > ul > li > div ul > li,
nav > ul > li > div ul > li > div ul > li {
    display: block;
    position: relative;
}

/* Global Navigation - Second and Third Tier Text Styling */
nav > ul > li > div ul > li > a,
nav > ul > li > div ul > li > div ul > li > a {
    color: #fff !important;
    display: block;
    line-height: 15px;
    padding: 6px 20px;
    text-decoration: none;
}

nav > ul > li > div ul > li > a:visited,
nav > ul > li > div ul > li > div ul > li > a:visited {
    color: #fff;
}

nav > ul > li > div ul > li:hover > a {
    background-color: #0072cc;
    text-decoration: none;
}

nav > ul > li > div ul > li:hover > a:visited {
    color: #fff;
}

/* Global Navigation - Background Color Left*/
#suiteBarLeft {
    background-color: #003a71;
}

/* UNDP Global Navigation - Background Color Right*/
#suiteBarRight {
    background-color: #003a71;
}

/* Hide Newsfeed and Sites From Top Navigation */
/*#suiteLinksBox > ul > li:first-child,
#suiteLinksBox > ul > li:last-child {
    display: none;
}*/

/* User Name - Drop Down Text Color */
#welcomeMenuBox .ms-core-menu-root;
#welcomeMenuBox .ms-core-menu-root:active {
    color: #b2b2b2;
}

/* User Name - Drop Down Text Color Hover */
#welcomeMenuBox .ms-core-menu-root:hover {
    color: #333;
}

/* Hide Help From Top Navigation */
#suiteBarButtons > #ms-help {
	display: none;
}

/* Browse/Page/Share/Follow/Sync/Edit Tab Background Color */
.ms-cui-topBar2 {
    background-color: #21374c;
    border-bottom: 1px solid rgba(239, 239, 239, 0.78);
}

/* Browse/Page/Share/Follow/Sync/Edit Tab - Hide Bottom Border */
.ms-cui-topBar2 {
    border-bottom-width: 0;
}

/* Browse/Page Text Color - Light Grey */
.ms-browseTab.ms-cui-tt-s > .ms-cui-tt-a > .ms-cui-tt-span {
    color: #b2b2b2 !important;
}

/* Share/Follow/Sync/Edit Text Color - Light Grey */
.ms-promotedActionButton-text {
    color: #b2b2b2;
}

/* Share/Follow/Sync/Edit Text Color Hover - Light Grey */
.ms-promotedActionButton:hover .ms-promotedActionButton-text {
    color: #eee;
}

/* Sharepoint Site Title Row - Background Image */
#s4-titlerow {
	background: url(/_layouts/15/images/branding/top_inner_back_wrapper.jpg) no-repeat scroll left top, url(/_layouts/15/images/branding/top_inner_back.jpg) repeat-x scroll left top;
	height: 100px;
}

/* UNDP Logo */
/*#DeltaSiteLogo .ms-siteicon-img {
    background:url(/_layouts/15/images/branding/top_inner_logo.png) left top no-repeat!important;
                max-height: 113px;
                position: relative;
    top: -12px;
}*/

.undp-logo {
    background: rgba(0, 0, 0, 0) url("/_layouts/15/images/branding/top_inner_logo.png") no-repeat scroll left top !important;
    display: block;
    height: 113px;
    left: 15px;
    position: absolute;
    text-indent: -10000px;
    top: 7px;
    width: 57px;
}

/* Site Title - Color Change */
#s4-titlerow .ms-core-pageTitle, 
#s4-titlerow .ms-core-pageTitle a {
	color: #fff;
	text-indent: 1px;
}

/* Search This Site Box */
#s4-titlerow  #SearchBox .ms-srch-sb > input {
	color: #fff;
}

/* Search This Site Box Icon */
#s4-titlerow .ms-srch-sb-searchImg,
#s4-titlerow .ms-srch-sb-searchImg:hover {
    background-image: url("/_layouts/15/images/branding/undp2013-searchresultui.png");
    background-position: -158px -57px;
    left: 0;
    padding: 0 33px;
    position: absolute;
    text-indent: 1000px;
    top: 0;
}

/* Bread Crumb - Link Color Default, Active, Visited State */
#s4-titlerow  #DeltaUndpBreadCrumbControl a.breadcrumbNode,
#s4-titlerow  #DeltaUndpBreadCrumbControl a.breadcrumbNode:active,
#s4-titlerow  #DeltaUndpBreadCrumbControl a.breadcrumbNode:visited,
#s4-titlerow  #DeltaUndpBreadCrumbControl a.breadcrumbRootNode,
#s4-titlerow  #DeltaUndpBreadCrumbControl a.breadcrumbRootNode:active,
#s4-titlerow  #DeltaUndpBreadCrumbControl a.breadcrumbRootNode:visited,
#s4-titlerow  #DeltaUndpBreadCrumbControl a.breadcrumbCurrentNode,
#s4-titlerow  #DeltaUndpBreadCrumbControl a.breadcrumbCurrentNode:active,
#s4-titlerow  #DeltaUndpBreadCrumbControl a.breadcrumbCurrentNode:visited,
#s4-titlerow  .ms-breadcrumb-top {
	color: #fff;
	text-decoration: none;
}

/* Subsite Menu Positioning */
.ms-core-listMenu-horizontalBox {
    position: absolute;
    top: 94px;
}

/* Footer - Background Image */
#undp-footerNav {
	background: url("/_layouts/15/images/branding/footer_back.jpg") no-repeat scroll center center #1a5a86;
    width: 100%;
    height: 76px;
    position: relative;
	bottom: 0;
}

footer ul {
	margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 15%;
}

footer ul li {
    display: inline-block;
    list-style-type: none;
}

/* Footer - Text Styling */
footer > ul > li > a {
    display: inline-block;
    height: 25px;
    margin: 0 39px 5px 0;
    text-indent: -900em;
    width: 26px;
}

/* Footer - Social Media Icons */ 
footer > ul > li.undp-footerNav-SocialMedia-twitter { background: url(/_layouts/15/images/branding/twitter.png) left top no-repeat; }
footer > ul > li.undp-footerNav-SocialMedia-pinterest { background: url(/_layouts/15/images/branding/pinterest.png) left top no-repeat; }
footer > ul > li.undp-footerNav-SocialMedia-flickr { background: url(/_layouts/15/images/branding/flickr.png) left top no-repeat; }
footer > ul > li.undp-footerNav-SocialMedia-facebook { background: url(/_layouts/15/images/branding/facebook.png) left top no-repeat; }
footer > ul > li.undp-footerNav-SocialMedia-youtube { background: url(/_layouts/15/images/branding/youtube.png) left top no-repeat; }
footer > ul > li.undp-footerNav-SocialMedia-instagram { background: url(/_layouts/15/images/branding/instagram.png) left top no-repeat; }

/* Footer - Social Media Icons Hover */  
footer > ul > li:hover { background-position: left -34px; }

/* Copyright */
#undp-footerNav .undp-footerNav-copyright {
    display: block;
    height: 10px;
}

.undp-footerNav-copyright a:visited, 
.undp-footerNav-copyright a:hover, 
.undp-footerNav-copyright a:link {
    color: #fff !important;
    display: inline;
    left: 61px;
    position: relative;
    text-indent: 0;
    top: 42px;
}


/* Footer - Align To Bottom of Page */
#s4-bodyContainer {
    min-height: 100%;
    padding-bottom: 0;
}