.circle-with-txt {
    position: relative;
    color: #DC143C;
    font-size: 12px;
    font-weight: bold; 
    width: 40px;
    height: 40px;     
  }
  .txt {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
  }

/*********************     Project Tracking CSS    **********************/

#containerDiv{	
	width: 100%;	
	min-height: 202px;
}

#mapDiv {
	width: 100%;
	min-height: 470px;
	position: relative;
	top: 4px;
	z-index:2;
	background: #fff;
	border: 1px solid #B0C4DE;
	border-radius: 3px;
}
#projectDiv {	
	width: 100%;	
	min-height: 275px;
	background: #fff;
	border-bottom: 4px ridge #e5ffcc;
	border-radius: 3px;	
}
#majorMenuDiv{
	height: 30px;
	width: 99.9%;
	border: 1px ridge #B0C4DE;
	background: #fff;
	border-bottom: 5px ridge #e5ffcc;
}
#periodAndAdminScopDiv{
 	border: 1px ridge #B0C4DE;
	width: 41%;
	height: 241px;
	float: right;
	margin-top:2px;
 }
#projectInfoDiv{
	border: 1px ridge #B0C4DE;
	width: 58%;
	height: 241px;
	float: left;
	margin-top:2px;
}
#searchingCriteria{
	height: 125px;
	border:1px ridge white;
}
#yearDiv{
	height: 125px;
	margin-left:10px;
	cursor: pointer;
	border:1px ridge white;
}
#governanceDiv{	
	margin-left:10px;
	height:95px;
	margin-bottom:5px;	
}
#localInternationalDiv{
	margin-top:8px;
	margin-left:100px;
	width:230px;
	height:20px;
}
#localSpan{
	float: left;	
	width: 55px;
	border-right: 1px ridge #B0C4DE;	
}
#internationalSpan{
	width: 100px;
	float: left;
	padding-left: 10px;
	border-left: 1px ridge #B0C4DE;	
	border-right: 1px ridge #B0C4DE;	
}
#allSpan{
	width: 50px;
	padding-left: 10px;
	float: left;	
	border-left: 1px ridge #B0C4DE;	
}
#statId{
	float: left;
	margin-left: 200px;
	margin-right: 10px;
}
#locateId{
	float: left;
	margin-left: 20px;
}
.features{
	margin-top: 6px;
	width: 200px;
	height: 20px;
}

.majorMenus{
	font-weight: 800;
	font-size: 15px;
	color: #2E8B57; /*#FF7F50; #DC143C; */
	font-family: Arial, Tahoma, Serif;
}
.range{
	margin-top:15px;
}
.locationLabels{
	font-weight: 600;
	font-size: 11px;
}
.projStatusDiv{
	padding-top: 8px;
	padding-left: 20px;
	cursor: pointer;
}
.orgStatusType{	
	width:50px;
	font-weight: 600;
	font-size: 11px;
}
#implOrgTypeDiv{	
	margin-top: 1px;
	float: left;
	width: 380px;
}
#activePhaseOutDiv{
	padding-left: 5px;
	float: left;
	width: 110px;
	height:95px;
 	border-left:1px ridge #B0C4DE;
}
#organizationTypeDiv{
	height:95px;
}
#projectTitleCombo, #devtApproachCombo, #sectorNameCombo, #subSectorNameCombo{
	width:290px;
	height:22px;
}
#internationalOrgNameCombo, #localOrgNameCombo{
	width:100px;
	height:22px;
}
#zoneNameCombo, #woredaNameCombo, #orgNameCombo{
	width:245px;
	height:22px;
}
.selectYearCombo{
	width:75px;
	height:22px;
}
.sectionLabel{
	padding-left:2px;
	display: inline-block;
	width: 100px;
	background: #DC143C;
	color: #fff;
}

#localInternationalLabel{
	padding-right:10px;
	display: inline-block;
	width: 119px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
}
.zoneWoredaLabel{
	padding-right:10px;
	display: inline-block;
	width: 80px;
	text-align: right;
	font-size: 12px;
}
#localInternational{
	padding-top: 5px;
}
#woredaNameId{
	margin-top: 3px;
}
.zoneWoreda{
	padding-top: 3px;
}
.fromTo{
	padding-left: 20px;
}
.categoryOne {
	margin-top:4px;
	padding-left:10px;
	background: #fff;
	font-family: Charcoal, sans-serif;	
	font-style: italic;
	font-size: 13px;
	text-align: left;
	font-weight: 700;
}
#categoryTwo, #categoryFour, #categoryThree{
	padding-left:5px;
	margin-top:10px;		
	font-family: "Times New Roman";
	font-size: 13px;
	text-align: left;
	font-style: italic;
	font-weight: 600;	
}
#categoryOne{
	padding-left: 50px;
	margin-top:10px;		
	font-family: "Times New Roman";
	font-size: 13px;
	text-align: left;
	font-style: italic;
	font-weight: 600;	
}

#singleYearDiv{
	padding-top:5px;	
}

#rangeOfYearDiv{
	padding-top:5px;	
}

.innerLabel{
	padding-right:5px;
}

#startEndYearDiv{
	margin-left:15px;
	padding-bottom:10px;
}

#locationScope{
	padding-top:5px;
}

.location{
	padding-left: 20px;
	font-size: 12px;
	font-style: inherit;
}

.indentedDiv{
	margin-left:20px;
	padding-top:20px;
}

.allLabels{
	font-weight: bold;
	font-size: 12px;
}

.outerLabel {	
	padding-right:10px;
	display: inline-block;
	width: 115px;
	text-align: right;
	font-size: 12px;
	left-padding: 3px;	
}

.projectFormElts {	
	padding-top: 8px;
	font-size: 12px;
	font-style: inherit;
}

.projectForm {
	padding: 1px 0px 1px;
	font-size: 12px;
	font-style: inherit;
}
input[type="radio"] {
    -ms-transform: scale(0.9); 
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}