/**SPI 2016 Version CSS**/
/**# for id**/
/**. for class**/
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	font-size: 12px;
}

p {
	text-align: justify;
}

.contentPage {
	max-width: 1280px;
	width: 96%;
	margin: auto;
	 /* box-shadow: 10px 10px 5px #888888; */
	 box-shadow: 3px 3px 3px #F2E7DC;
	 border: 1px solid #ddd;	 
	min-height: 95%;
}

.contentPageNoShadow {
	max-width: 1280px;
	width: 96%;
	margin: auto;
	padding: 0;
}

hr {
	border: none;
	height: 2px;
	/* Set the hr color */
	color: #F57F29; /* old IE */
	background-color: #F57F29; /* Modern Browsers */
	padding: 0;
	margin: 0 0 10px 0;
}

h3 {
	padding: 0;
	margin: 0px 0px 2px 0px;
}

.spilogoLeft {
	float: left !important;
	margin: 0 auto;
}

.spilogoRigth {
	float: right !important;
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus
	{
	background-color: #977EBD;
	color: #FFFFFF;
}

.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus
	{
	background-color: #977EBD;
	color: #FFFFFF;
}

.spiFooter {
	/* 	content:url("http://imgur.com/SZ8Cm.jpg"); */
	/*  	content: url("../../images/spi/footer-bg.jpg") left repeat;  */
	margin: 0 auto;
	padding: 55px 0px 50px 20px;
	height: 100px !important;
}

.contentPage {
	padding: 1%;
	padding: 10px;
	position: relative;
	/* background-color: #F0FDFF; */
	min-height: 95%;
}

section {
	padding: 2px;
}

/* Misc */
.clearFixBoth {
	clear: both;
}

/* Home page */
.introtext {
	font-size: 14px;
	color: #333;
	padding: 5px;
}

.introtext p {
	line-height: 20px;
	margin: 10px;
	text-align: justify;
}

.introtext p a:link {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

.introtext p a:hover {
	color: #f57e29;
	text-decoration: underline;
}

.homeGraphs2go {
	/* 	padding: 0px 5px; */
	/* 	width: 320px; */
	border: 1px solid #f57e29;
	/* 	vertical-align: top; */
	width: 100%;
	padding: 5px;
	vertical-align: top;
	margin: 5px;
	min-height: 230px;
	box-shadow: -5px 5px 5px #888888;
}

.homeGraphs2go .homeGraphs2goTitle {
	color: #fff;
	background: #f57e29;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	cursor: default;
	padding: 5px 1px 1px 1px;
	min-height: 50px;
}

.homeGraphs2go .homeGraphs2goTitle2 {
	color: #fff;
	background: #f57e29;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	cursor: default;
	padding: 5px 1px 1px 1px;
	min-height: 50px;
}

.homeGraphs2go .homeGraphs2goBox {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin: auto;
	height: 150px;
}

.featuredshell {
	width: 95%;
	position: relative;
	padding: 0px 5px;
	margin: auto;
}

.featuredbox {
	width: 300px;
	padding: 10px;
	display: inline-block;
	vertical-align: top;
	margin: auto;
}

.featuredbox div {
	border: 2px solid #ddd;
	border-radius: 3px;
}

.featuredbox p {
	padding: 10px;
	min-height: 45px;
	text-align: justify;
}

.featuredbox h2 {
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #f57e29;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	cursor: default;
}

.featuredbox a img {
	height: 250px;
	border: none;
	margin-top: 10px;
}

.featuredbox .chartContainer {
	border: none;
	height: 265px;
	width: 300px;
	cursor: pointer;
	margin-top: 10px;
}

.featuredbox2Col {
	width: 80%;
	padding: 10px;
	vertical-align: top;
	margin: auto;
	height: 480px;
}

.featuredbox2Col p {
	padding: 10px;
	min-height: 45px;
	text-align: justify;
}

.featuredbox2Col h2 {
	/* 	height:40px;  */
	/* 	line-height:40px;  */
	color: #fff;
	background: #f57e29;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	cursor: default;
}

.featuredbox2Col a img {
	height: 250px;
	border: none;
	margin-top: 10px;
}

.featuredbox2Col .chartContainer {
	border: none;
	height: 265px;
	width: 300px;
	cursor: pointer;
	margin-top: 10px;
}
.mainSections {	
    width: 98%;
    /* border: 1px solid #ddd; */
	border-radius: 3px;
	float: left;
	display: inline-block;
	margin: 0 15px 15px 15px;
	background: #fff;
	padding: 10px;
	line-height: 15px;
	/* box-shadow: -5px 5px 5px #888888; */
}



.mainHomeUl li {	
	/* width: 100%;
	height: 355px; */
	border: 1px solid #ddd;
	border-radius: 3px;
	float: left;
	display: inline-block;
	margin: 0 15px 15px 15px;
	background: #fff;
	padding: 10px;
	line-height: 15px;
	box-shadow: -5px 5px 5px #888888;
}

.mainHomeUl li .indicatorBg {
	width: 100%;
	height: 100%;
}

.mainSections .indicatorBg .indicatorLink {
	background: url("../../images/spi/masking-bg.png") left repeat;
	width: 100%;
	height: 65px;
	display: inline-block;
	float: left;
	/* margin-top: 75%; */
	padding: 10px 10px 10px 10px;
	opacity: 0.5;	
}



.indicatorBg a .indicatorLink {
	/* color: #fff;
	opacity: 0.5; */
}

.mainSections .indicatorBg .indicatorLink span {
	/* color: #fff; */
}

.mainSections .indicatorBg .indicatorLink a.mainLink {
	font-size: 13px;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 5px;
	height: 45px;
}

.mainSections .indicatorBg .indicatorLink span.mainLink {
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 5px;
	height: 45px;
}

.mainSectionsGraphs2Go{
    width: 96%;
    padding-left: 15px;
}






.showcasePublications li {
	width: 205px;
	height: 250px;
	border: 1px solid #ddd;
	border-radius: 3px;
	float: left;
	display: inline-block;
	/* margin: 0 5px 5px 5px; */
	background: #fff;
	padding: 5px;
	line-height: 15px;
	box-shadow: -5px 5px 5px #888888;
}

.showcasePublications {
	margin-top: 10px;
}


.showcasePublications li.showcaseEasyAccess1 .indicatorBg {
	background:
		url("../../images/spi/img-covered.jpg")
		no-repeat;
}

.showcasePublications li.showcaseEasyAccess2 .indicatorBg {
	background:
		url("../../images/spi/img-spent.jpg")
		no-repeat;
}

.showcasePublications li.showcaseEasyAccess3 .indicatorBg {
	background:
		url("../../images/spi/home_depth2.jpg")
		no-repeat;
}



.showcasePublications li.showcasePublication1 .indicatorBg {
	background:
		url("../../images/spi/publication-cover-The Social Protection Index Assessing Results for Asia and the Pacific.png")
		no-repeat;
}

.showcasePublications li.showcasePublication2 .indicatorBg {
	background:
		url("../../images/spi/publication-cover-the-revised-social-protection-index.jpg")
		no-repeat;
}

.showcasePublications li.showcasePublication3 .indicatorBg {
	background:
		url("../../images/spi/publication-cover-Social Protection Index for Committed Poverty Reduction.jpg")
		no-repeat;
}

.showcasePublications li.showcasePublication4 .indicatorBg {
	background:
		url("../../images/spi/publication-cover-Social Protection Index for Committed Poverty Reduction V2.jpg")
		no-repeat;
}

.showcasePublications li.showcasePublication5 .indicatorBg {
	background:
		url("../../images/spi/publication-cover-The Social Protection Indicator Assessing Results for Asia 2016.jpg")
		no-repeat;
}

.showcasePublications li.showcasePublication6 .indicatorBg {
	background:
		url("../../images/spi/publication-cover-The Social Protection Indicator Assessing Results for the Pacific-2016.jpg")
		no-repeat;
}

.showcasePublications li .indicatorBg {
	width: 100%;
	height: 100%;
}

.showcasePublications li .indicatorBg .indicatorLink {
	background: url("../../images/spi/masking-bg.png") left repeat;
	width: 100%;
	height: 105px;
	display: inline-block;
	float: left;
	margin-top: 68%;
	/* padding: 10px 10px 10px 10px; */
	padding-left:5px;
	padding-right:5px;
	color:red;
	
}

.indicatorBg .indicatorLink a {
	/* color: #fff; */	
}

.indicatorBg .indicatorLink span {	
	font-size: 12px;	
}

.indicatorBg .indicatorLink a.mainLink {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 5px;
	height: 45px;	
}

.showcasePublications li .indicatorBg .indicatorLink span.mainLink {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 5px;
	height: 45px;
}

.carousel {
	background: #59E6FF;
	margin-top: 20px;
	box-shadow: -10px 10px 5px #888888;
}

.carousel-control {
	width: 0;
}

.carousel-control img {
	position: absolute;
	/*set position of image from top to be 50%...*/
	top: 50%;
	/*and then shift it down to make it perfectly center.*/
	transform: translate(-50%, -50%);
	/*     z-index: 5; */
	display: inline-block;
	content: url("../../images/spi/hand.png");
}

.left-carousel-control:hover {
	content: url("../../images/spi/pull-left.png");
}

.right-carousel-control:hover {
	content: url("../../images/spi/pull-right.png");
}

/* references page */
.referencesImg {
	margin-left: 15px;
	margin-bottom: 15px;
	width: 95%;
	box-shadow: -5px 5px 5px #888888;
}

.referenceItem {
	/* 	box-shadow: 0px 5px 5px #888888; */
	padding-top: 10px;
	margin: 10px;
	/*  	border: 1px #f57e29; */
	border-style: inset none none none;
}

.referenceItem h4 {
	color: #f57e29;
}

/* ONLINE QUERY */
.thinHR {
	height: 1px !important;
	/* Set the hr color */
	color: #F57F29; /* old IE */
	background-color: #F57F29; /* Modern Browsers */
	padding: 0;
}

.oqResultFilterRight {
	float: right;
}

.oqResultFilter button {
	width: 100%;
}

.oqResultFilter h3 {
	font-size: 14px;
	color: white !important;
	background-color: #32AED3;
	text-align: center;
	border-radius: 0px 10px 0px 0px;
}

.oqResultFilter select {
	width: 100%;
}

/* END OF ONLINE QUERY */
.tooltip-block:hover:after {
	border: 1px solid #fc0;
	padding: 3px 6px;
	background: #fffea1;
	content: attr(data-title);
	position: absolute;
	right: -40px;
	top: -26px;
}

.table_container {
	width:100%;
	overflow-x: scroll;	
	overflow-y: visible;	
}

.firt_col {
	position: absolute !important;
	/*             width:5em; */
	/*             left:0; */
	/*             top:auto; */
	/*             border-right: 0px none black; */
	/*             border-top-width:3px; */
	/*             only relevant for first row */
	/*             margin-top:-3px; */
	/*             compensate for top border */
}

.fixed-windowTableTh {
    min-width:600px;
    border:solid 1px #999;
    background-color:#eee;
    height:16px;
    text-align:center;
    font-size:11px;
    padding:2px;    
}

.sliding-windowTableTh {
    min-width:100px;
    border:solid 1px #999;
    background-color:#eee;
    height:16px;
    text-align:center;
    font-size:11px;
    padding:2px;    
}


.theFixedColumnTable {
   /*  min-width:560px;    
    background-color:#eee;
    text-align:center;
    font-size:11px;
    
	padding:2px;
	text-align:left;	
	height:16px; */
	font-weight: normal;
}

.theFixedColumnTableThdddddd {
    min-width:560px;
    border:solid 1px #999;
    background-color:#eee;
    text-align:center;
    font-size:11px;
}



.sliding-windowTableTrTd{    
    min-width:100px;
    height:16px;    
    font-size:11px;
    padding:2px;    
    text-align:right;
}

.combined-table-containerddddddddddddd {	
    overflow-x:scroll;  
    margin-left:5em;    
    padding-bottom:1px;
    margin-left: 0px;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 500px; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


.showcasePublications li.references1 .indicatorBg {
	background:
		url("../../images/spi/publication-cover-the-revised-social-protection-index.jpg")
		no-repeat;
	margin-left: 15px;
	margin-bottom: 15px;
	width: 95%;
}
.showcasePublications li.references2 .indicatorBg {
	background:
		url("../../images/spi/ref-img2.jpg")
		no-repeat;
	margin-left: 15px;
	margin-bottom: 15px;
	width: 95%;
}
.showcasePublications li.references3 .indicatorBg {
	background:
		url("../../images/spi/flow1.gif")
		no-repeat;
	margin-left: 15px;
	margin-bottom: 15px;
	width: 95%;
}
.showcasePublications li.references4 .indicatorBg {
	background:
		url("../../images/spi/ref-img4.jpg")
		no-repeat;
	margin-left: 15px;
	margin-bottom: 15px;
	width: 95%;
}


.homebg1 {
	background:
		url("../../images/spi/homebg1.png")
		no-repeat;
		
	min-height: 250px;	
}