.displayNone{
	display:none;
}
.selectionShell { 
/* 	width:650px;  */
/* 	float:left;  */
	border-right:1px dotted #ccc; 
	margin-left:10px !important; 
	margin-right:10px !important;
	background-color:white; 	
	border-radius: 5px;
	overflow:auto;
}
.selectionShell h2 { color:#333; font-size:20px; border-bottom:2px solid #f57f28; padding:5px; margin-right:10px; }
.selectionShell h2 a { margin-top: 8px; margin-left: 4px; }
.selectionShell h3 { color:#999; font-size:14px; border-bottom:1px dotted #ddd; padding:5px 5px 5px 30px; display:block; cursor: pointer; }

.countryindicatorbox { 
	margin:10px; 
	overflow:auto;
	max-height: 350px;
	min-height: 150px;
}
.countryindicatorbox div { padding:0px 10px; }
.countryindicatorbox div ul { list-style:none; }
.countryindicatorbox div ul.countrylist li { overflow: hidden; white-space:nowrap; font-size:12px; } 
.countryindicatorbox div ul.indicatorlist li { overflow: hidden; white-space:nowrap; font-size:12px; } 
.countryindicatorbox div ul li input { margin-right: 4px; margin-top: 5px }

.countryyear { margin:10px ; overflow:auto; height:180px; }
.countryyear div ul { list-style:none; }

.iconcountry { 
	background:url(../../images/spi/icon-country.png) no-repeat; 
	background-size:20px 20px;
	background-position:5px 5px;
	padding-top:5px !important; 
	padding-left:25px !important; 
	position: relative; 
}

.iconindicator { 
 	background:url(../../images/spi/icon-indicator.png) no-repeat;
	background-size:20px 20px;
	background-position:5px 5px;
	padding-top:5px !important; 	
	padding-left:25px !important; 
	position: relative; 
}

.iconyears { 
	background:url(../../images/spi/icon-year.png) no-repeat; 
	background-size:20px 20px;
	background-position:0px 5px;
	padding-top:5px !important; 
	padding-left:25px !important; 	
	position: relative; 
}

.filterBox { 
/* 	height: 12px;  */
	margin-left: 10px; 
	padding: 3px 0px 0px 3px; 
	color: #999; 
	font-size: 12px; 
}
.cexpanded { 
	background:url(../../images/spi/arrow1.png) top left no-repeat;

}
.ccollapse { 
	background:url(../../images/spi/arrow2.png) top left no-repeat;
	margin-top: 0;
    margin-bottom: 0;
}

.ctitle {
	margin-top: 0;
    margin-bottom: 0;
}

.paramGroup { 
	position: relative;	
}
.paramGroupCheckbox { 
	position: absolute; 
	top: 6px; 
	left: 26px; 
}

.indicatorCountryParamDiv {
 	width:98%;  	
 	border-bottom: 3px solid #ccc;
	border-left: 3px solid #ccc;
	border-radius: 5px;
	overflow:auto;
		
}

.clearbothfix {
	clear:both;
}

.yearchkbox { width:100%; margin:10px 10px 10px 0px;}
.yearchkbox ul { list-style:none; margin-left: 10px; }
.yearchkbox ul li { 
	width: 20%; 
	height:30px; 
	line-height:30px; 
	border-bottom:1px dotted #eee; 
	float:left;
	min-width:50px;
}
.yearchkbox ul li input { margin-right: 3px; }

/* .selectionShell h2 { color:#fff; font-size:20px; height:40px; line-height:40px; background:#00a3cc; padding-left:10px; font-weight:normal; cursor: pointer; } */
/* .selectionShell h3 { color:#f57f28; font-size:14px; padding: 7px 4px 7px 10px; background:#eee; } */
/* .selectionShell h4 { color:#999; font-size:13px; margin-left: 8px; padding-top: 4px; padding-bottom: 2px; } */

.selectedFilterShell { 
/* 	border-right:1px dotted #ccc;  */	
	margin-left:0 !important; 
	margin-right:0 !important;
	padding-right: 0;
	padding-left: 5px;
	
	background-color:white; 	
	border-radius: 5px;
	overflow:auto;	
	border-bottom: 3px solid #ccc;
	border-left: 3px solid #ccc;	
}
.selectedFilterShell #selCountryList { 
	overflow:auto;	
	min-height: 150px;
	max-height:200px;
}
.selectedFilterShell #selIndicatorList { 
	overflow:auto;	
	min-height: 150px;
	max-height:200px;
}

.selectedFilterShell #selYearsList {
	margin-top:0;
	overflow:auto;	
	min-height: 150px;
	max-height:200px;
}

.selectedFilterShell ul li {
   border-bottom:1px dotted #eee;    
}

.selectedFilterShell ul li label {
   font-size: 11px;   
   margin-top:0;
   margin-bottom:0;
   margin-left: 25px;    
}



img.removeBtn { 
	border: 0px; 
	height: 13px; 
	position: absolute; 
	left: 5px; 
	margin-bottom:0;
	margin-top: 3px
}

/* .selectionShell .selectionbox ul { list-style:none } */
/* .selectionShell .selectionbox ul li { padding:5px 5px 5px 14px; border-bottom:1px dotted #ddd;} */
/* .selectionShell .selectionbox ul li a { margin-top: -2px; } */
/* .selectionShell .selectionbox ul li label { width:235px; display:inline-block; }  */

.selectedFilterShell .selectionHeader h2 {
	color:white !important;
	background-color:#32AED3;
	border-radius: 0px 10px 0px 0px;	
}

.viewToggle { 
	border: none; 
	background-color:white; 
	font-size:14px;	
	text-align: center;
	padding: 5px 0px 5px 0px;
	overflow:auto;
	margin:auto;
	}
.viewToggleSelected { display: inline-block; background-color: #6dcff6;	padding: 6px; width: 43%; cursor: pointer; border-radius: 5px; border: 1px solid #00a3cc; color: white; }
.viewToggleUnselected {	display: inline-block; padding: 6px; width: 43%; cursor: pointer; border-radius: 5px; border: 1px solid #00a3cc; color: #f57f28; }
.viewToggleUnselected:HOVER { background-color: #6dcff6; color: white; }

#viewToggleCountry {	
}

.generatebtn { 
	margin-top:10px; 
	padding-top:10px; 
	border-top:2px dotted #ccc; 
	text-align:center; 	
}

.generatebtn img { 
	cursor: pointer; 
	border-radius: 10px;
	border-bottom:3px solid #ccc; 
	border-right:3px solid #ccc; 
}
.presentationOption .form-group{	
	margin-bottom:0 !important;
}

.presentationOption .form-group label{
	width:100px;
}
/* .presentationOption .form-group select{	
	margin-left:100px !important;
} */



.selectedFilterShell .presentationOption {
	padding-top: 10px;
}

.selectedFilterShell .generatebtn{
	padding-bottom: 10px;
}

#selYearGroupSelected img.removeBtn { 
	border: 0px; 
/* 	height: 13px;  */
 	position: static;  
/* 	left: 5px;  */
	margin-bottom:0;
 	margin-top: 0px 
}

#selYearGroupSelected ul li{ 
	list-style-type: none;
	font-size: 11px;   
	width: 25%;
	border-bottom:1px dotted #eee; 
	float:left;
	min-width:70px;
}

#selYearGroupSelected ul li label {   
   margin-top: 4px;
   margin-left: 5px;    
   
}