@charset "UTF-8";


/*
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||
RESET
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||
*/

body, p, a, a:visited, a:hover, a:focus, ul, li{
margin:0;
}

a, a:visited, a:hover{
text-decoration: none;
}
ul{
position: relative;
}
ul,li{
list-style: none;
margin: 0;
padding: 0;
position: relative;
}

p{
margin: 0.6em 0;
}

/*	
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||
STRUCTURE
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||		
*/
html{
height: 100%;
}

body{
background-color: #f4f1ef;
height: 100%;
}

#wrapper{
position: relative;
margin: 0;
padding: 0;
width: auto;
height: 100%;
}

div.post{
padding-bottom:12px;
}

/*	
||||||||||||||||||||||||||||
HEADER		*/

header#startscreen h1{
margin: 0;
height: 64px;
padding-top: 21px;
padding-left: 60px;
}
header{
padding-top: 12px;
}
header h2{
padding: 0 12px;
}

/*	
||||||||||||||||||||||||||||
NAVIGATION	*/

.navigation{
position: relative;
width: auto;
margin: 0;
min-height: 100%;
padding: 0 12px;
display: block;
background-color: #f4f1ef;

   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;

   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   -ms-perspective: 1000;
   perspective: 1000;
   
     -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
}
.noSidePadding{
padding: 0;
}
nav{
padding-bottom: 24px;
}
nav ul li{
display: block;
width: auto;
margin: 6px 0;
background-color: transparent;
}
a#back{
position: relative;
display: block;
margin: 12px auto;
width: 42px;
height: 34px;
}

.navigation a.menuLink.home{
border-radius: 8px;
}
.navigation a.menuLink{

}

span.marker{
margin-left: 8px;
background-color: red;
color: white;
font-size: 0.5em;
padding: 2px;
border-radius: 4px;
}
span.childCounter{
position: absolute;
top: 28px;
left: 30px;
display: block;
width: 12px;
}
div.backgroundColor44 nav ul li p.newsDescription{
display:none;
}

/*	
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||
READER
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||		
*/

#reader{
position: relative;
width: auto;
min-height: 100%;
background-color: #fafafa;
display: none;
}

#close{
display: block;
position: absolute;
top: 0px;
right: 0px;
z-index: 920;
}
#close a.exitReader{
display: block;
height: 83px;
width: 70px;
z-index: 1000;
}
div#userPath{
width: auto;
/*padding: 22px 80px 0 12px;
height: 60px;*/
z-index: 900;
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
margin: auto;
}
div#userPath p{
position: absolute;
width: 70%;
margin: auto;
top: 50%;
padding: 4px 12px;
-webkit-transform: translate(0%,-50%);
}
#content{
padding: 12px;
padding-top: 100px;
padding-bottom: 0;
}
#readerHeader{
z-index: 900;
border-bottom: 1px solid lightgrey;
background-color: #FAFAFA;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
height: 80px;
}

#reader ul, #reader ol{
padding-left: 20px;
padding-top: 8px;
}
#reader ul li,#reader ol li,#reader ul li ul li{
padding-bottom: 8px;
list-style-type: square;
}
#reader ul li ul li:first-child {
padding-top: 4px;
}
#reader ul li ul li {
padding-bottom: 4px;
}
#reader ol li{
list-style-type: decimal;
}
#reader ul li ul li{
list-style-type: circle;
}
#reader ol li ul.alphaNumbers li,#reader ul.alphaNumbers li{
list-style-type: lower-latin;
}


span.footnoteExpand,
span.footnoteContent{
font-size: 0.9em;
background-color: #776b99;
padding: 2px;
margin: 0 5px;
line-height: 0.8em;
color: white;
}
div#reader p.question{
padding-top: 32px;
}
div#reader div.post p.question:first-of-type{
padding-top: 0px;
}
span.footnoteContent{display:none;}
div.table{
padding-left:12px;
padding-top:12px;
}

a.linkToWeb2{
float: left;
width: 24%;
height: 50px;
padding: 0 12px;
color: #B2AAA8;
text-align: center;
padding-top: 90px;
}

h3.clickLabel{
display: block;
padding: 20px 12px;
color: black;
border-top: 1px solid lightgrey;
margin: 0 -12px;
text-align: left;
}
.borderBottom{
border-bottom: 1px solid lightgrey;
}

.borderBottom.activeLabel{
border-bottom: none;
}

div.post:first-child h1 {
display: block;
}
div.post h1 {
display: none;
}

/*	
||||||||||||||||||||||||||||
THEMATIC ANALYSIS	*/


.themAnalysis_overview p{
display:none;
}
.themAnalysis_overview p.first,
.themAnalysis_overview p.show{
display:block;
}

div.clickMore,
div.clickLess{
display: block;
padding: 20px;
color: #B2AAA8;
border-bottom: 1px solid lightgrey;
margin: 0 -12px;
text-align: center;
}
a.clickLabel{
display: block;
padding: 20px 0px;
color: #B2AAA8;
border-top: 1px solid lightgrey;
margin: 0;
text-align: center;
padding-right: 40px;
}
div.themAnalysis_SCR h3,
div.themAnalysis_PRSTs h3,
div.themAnalysis_practice h3,
div.themAnalysis_monitoring h3{
padding: 40px 12px 4px 12px;
border-bottom: 1px solid #776b99;
border-top: 1px solid lightgrey;
margin: 0;
text-align: center;
}
div.themAnalysis_SCR p,
div.themAnalysis_PRSTs p,
div.themAnalysis_practice p{
margin: 0;
}
div.themAnalysis_monitoring p{
margin: 1.6em 0;
}
div.themAnalysis_SCR h3:first-child,
div.themAnalysis_PRSTs h3:first-child,
div.themAnalysis_practice h3:first-child,
div.themAnalysis_monitoring h3:first-child{
border-top:none;
}
/*a.clickLabel:hover{
margin: 0 -12px;
}*/
div.clickMore:hover,
div.clickLess:hover{
cursor: pointer;
}
div.clickLess,
div.themAnalysis_SCR,
div.themAnalysis_PRSTs,
div.themAnalysis_practice,
div.themAnalysis_monitoring,
.explanation{
display:none;
}
div.themAnalysis_SCR,
div.themAnalysis_PRSTs,
div.themAnalysis_practice,
div.themAnalysis_monitoring{
margin: 0 -12px;
padding: 12px;
background-color:#F4F1EF;
}
.explanation{
padding-bottom: 20px;
/*
padding-left: 12px;
padding-right: 12px;
*/
}
div.themAnalysis_SCR .explanation,
div.themAnalysis_PRSTs .explanation{
/*padding-bottom: 0px;*/
}
#themAnalysisMenu ul{
padding-left: 0;
margin-left: -12px;
margin-right: -12px;
height: 80px;
padding-top: 0;
}
#themAnalysisMenu ul li{
float: left;
width: 25%;
list-style-type: none;
height: 80px;
padding: 0;
}
#themAnalysisMenu ul li.active{
background-color: #F4F1EF;
}
#themAnalysisMenu ul li a{
padding: 0;
display: block;
height: 100%;
}


/*	
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||
RSS
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||		
*/


span.dateContainer{
position: absolute;
left: 12px;
top: 25px;
}

a.linkToWeb{
display: block;
padding: 20px;
padding-left: 60px;
color: #B2AAA8;
border-bottom: 1px solid lightgrey;
margin: 0 -12px;
}
a.linkToWeb:first-of-type{
border-top: 1px solid lightgrey;
}
a.linkToWeb:hover{
margin: 0 -12px;
}
.newsDescription{
padding-right: 40px;
margin: 0;
padding-bottom: 12px;
padding-left: 60px;
}

#RSSload{
border-top: 1px solid rgba(240, 240, 240, 0.5);
color: white;
text-align: center;
z-index: 1300;
padding: 8%;
height: 70%;
}
a#exitFeedLoad{
display: block;
padding: 12px 20px;
width: 100px;
color: #f4f1ef;
margin: 0 auto;
border-radius: 12px;
background-color: #333;
letter-spacing: 3px;
}
h4.noConnection{
padding-top: 32px;
color: white;
text-align: center;
border-top: 1px solid rgba(240, 240, 240, 0.5);
}
/*	
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||
BRANDING
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||		
*/

.navigation a.home,
.navigation a.home:visited{
color: white;
}
a.menuLink{
display: block;
padding: 20px;
color: white;
}
a.folder, a.home{
padding: 20px;
}
a.menuLink{
padding-left: 60px;
padding-right: 60px;
}
a.home{
padding: 20px;
padding-left: 70px;
}
a.menuLink{
border-top: 1px solid rgba(240, 240, 240, 0.5);
}
div.navigation li:last-child{
border-bottom: 1px solid rgba(240, 240, 240, 0.5);
}


/*
Purple
#776b99

Acquagreen
#73b6b4

Blue
#4b92db

Orangered
#d26a52

Yellow
#dea600

light purple
#7f8fb5

Grey
#a9a9b4
*/


/* why women, peace and security*/
.backgroundColor100{background-color: #776b99;}
 
/* resource centre */
.backgroundColor18{background-color: #7f8fb5;}

/* security council implementation */
.backgroundColor44{background-color: #73b6b4;}

/* wps resolutions and statements*/
.backgroundColor23{background-color: #4b92db;}

/* member states implementation */
.backgroundColor59{background-color: #d26a52;}

/* civil society´s implementation */
.backgroundColor80{background-color: #dea600;}

/* empty */
.backgroundColor68{background-color: #a9a9b4;}

.backgroundColor136 {background-color: #a9a9b4;}


/*	
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||
TRANSITION ELEMENTS
||||||||||||||||||||||||||||
||||||||||||||||||||||||||||		
*/

.naviSlide{
position: relative;
}
.startPosition {
position: absolute;
top: 0;
}