/* override defaults set by bootstrap */
/* put these below our defines to make sure our values are reset */
/*
 *  * Bootstrap v2.3.1
 *   *
 *    * Copyright 2012 Twitter, Inc
 *     * Licensed under the Apache License v2.0
 *      * http://www.apache.org/licenses/LICENSE-2.0
 *       *
 *        * Designed and built with all the love in the world @twitter by @mdo and @fat.
 *         */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block; }

li.symbol1 {
        background-image: url('../images/symbol1.png');
        background-repeat:no-repeat;
        cursor:pointer;
        background-position: 0 .4em;
        padding: .8em 0 1em 3em;
}


li.symbol2 {
	background-image: url('../images/symbol2.png');
        background-repeat:no-repeat;
        cursor:pointer;
        background-position: 0 .4em;
        padding: .8em 0 1em 3em;
}

li.symbol3 {
	background-image: url('../images/symbol3.png');
        background-repeat:no-repeat;
        cursor:pointer;
        background-position: 0 .4em;
        padding: .8em 0 1em 3em;
}

li.symbol4 {
	background-image: url('../images/symbol4.png');
        background-repeat:no-repeat;
        cursor:pointer;
        background-position: 0 .4em;
        padding: .8em 0 1em 3em;
}

li.symbol5 {
	background-image: url('../images/symbol5.png');
        background-repeat:no-repeat;
        cursor:pointer;
        background-position: 0 .4em;
        padding: .8em 0 1em 3em;
}

li.symbol6 {
	background-image: url('../images/symbol6.png');
        background-repeat:no-repeat;
        cursor:pointer;
        background-position: 0 .4em;
        padding: .8em 0 1em 3em;
}

li.symbol7 {
	background-image: url('../images/symbol7.png');
        background-repeat:no-repeat;
        cursor:pointer;
        background-position: 0 .4em;
        padding: .8em 0 1em 3em;
}

li.symbol8 {
	background-image: url('../images/symbol8.png');
        background-repeat:no-repeat;
        cursor:pointer;
        background-position: 0 .4em;
        padding: .8em 0 1em 3em;
}

li.symbol9 {
	background-image: url('../images/symbol9.png');
        background-repeat:no-repeat;
        cursor:pointer;
        background-position: 0 .4em;
        padding: .8em 0 1em 3em;
}

li.symbol10 {
	margin-top:12px; 
	font-weight:bolder;
	cursor:pointer; 
	vertical-align:middle;	
}

#map-analytics {
	position: absolute;
	background-image: url(../images/africa-analytics.png);
	background-repeat: no-repeat;
	width: 841px; 
	height: 791px;
	}	
	
#map-countrywide { 
	position: absolute;
	display:none;
	background-image:url(../images/africa-countrywide.jpg);
	z-index:1;
	width: 820px; 
	height: 770px;
	}	
	
#map-analytics a.bullet-symbol1 { 
	display: block; 
	position: absolute; 
	width: 41px; 
	height: 34px; 
	background-image:url(../images/symbol1.png);	
	text-decoration: none; 	 
	z-index: 2; 
	}	
	
#map-analytics a.bullet-symbol2 { 
	display: block; 
	position: absolute; 
	width: 41px; 
	height: 34px; 
	background-image:url(../images/symbol2.png); 
	text-decoration: none; 	 
	z-index: 2; 
	}	

#map-analytics a.bullet-symbol3 { 
	display: block; 
	position: absolute; 
	width: 41px; 
	height: 34px; 
	background-image:url(../images/symbol3.png); 
	text-decoration: none; 	 
	z-index: 2; 
	}	

#map-analytics a.bullet-symbol4 { 
	display: block; 
	position: absolute; 
	width: 41px; 
	height: 34px; 
	background-image:url(../images/symbol4.png); 
	text-decoration: none; 	 
	z-index: 2; 
	}	

#map-analytics a.bullet-symbol5 { 
	display: block; 
	position: absolute; 
	width: 41px; 
	height: 34px; 
	background-image:url(../images/symbol5.png); 
	text-decoration: none; 	 
	z-index: 2; 
	}	

#map-analytics a.bullet-symbol6 { 
	display: block; 
	position: absolute; 
	width: 41px; 
	height: 34px; 
	background-image:url(../images/symbol6.png); 
	text-decoration: none; 	 
	z-index: 2; 
	}	

#map-analytics a.bullet-symbol7 { 
	display: block; 
	position: absolute; 
	width: 41px; 
	height: 34px; 
	background-image:url(../images/symbol7.png); 
	text-decoration: none; 	 
	z-index: 2; 
	}	

#map-analytics a.bullet-symbol8 { 
	display: block; 
	position: absolute; 
	width: 41px; 
	height: 34px; 
	background-image:url(../images/symbol8.png); 
	text-decoration: none; 	 
	z-index: 2; 
	}	

#map-analytics a.bullet-symbol9 { 
	display: block; 
	position: absolute; 
	width: 41px; 
	height: 34px; 
	background-image:url(../images/symbol9.png); 
	text-decoration: none; 	 
	z-index: 2; 
	}	

#map-analytics div.popup { 
	display: none; 
	text-align:left;
	font-size: 14px;
	font-weight:lighter;
	position: absolute; 
	width: 650px; 
	top: 0px; 
	left: 50px; 
	background: white; 
	z-index: 3; 
	padding: 10px; 
	border: 1px solid #e3e3e3; 
	}
	
#map-analytics div.popup a.close { 
	display: block;
	text-decoration:none;
	background-image:url(../images/x.png); 
	background-repeat:no-repeat;
	position: absolute; 
	top: 0; right: 0;
	padding-bottom:10px;
	padding-right:17px; 
	}
	
a.close-slideshow {  
	display: block;
	text-decoration:none;
	background-image:url(../images/x.png); 
	background-repeat:no-repeat;
	position: absolute; 
	top: 0; right: 0;
	padding-bottom:10px;
	padding-right:20px; 
	}
	
#map-analytics div.popup h3 { 
	text-align:left;
	font-size: 24px;
	color:#003a5e;
	}
	
#ticker-box {
	padding:12px;
	border:1px solid #e3e3e3;
	width:350px;
	height:50px;
}

#legend-box {
	padding:12px;
	border:1px solid #e3e3e3;
	width:350px;
	height:100%;
}

#comparison-box {
	padding:0px 12px;
	font-size:16px;
	font-family: 'pf_dindisplay_pro_thinregular';
	border:1px solid #e3e3e3;
	width:350px;
	height:300px;
}

#boko-haram-box {
	padding:12px;
	font-size:16px;
	font-family: 'pf_dindisplay_pro_thinregular';
	border:1px solid #e3e3e3;
	width:800px;
	height:600px;
}

#ticker {
	height: 80px;
	overflow: hidden;
}
#ticker li, #ticker li a {
	text-decoration:none;
        font-weight:lighter;
        color:#ffffff;
	height: 80px;
}

.microsite ul {
	margin-bottom: 12px;
}
.microsite li {
	margin-bottom:12px;
	list-style-type:circle;
}


/* Overlay */
#simplemodal-overlay {background-color:#000;z-index:4999}

/* Container */
#simplemodal-container {height:600px; width:800px; z-index:5000; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-2px; right:-2px; cursor:pointer;}
#simplemodal-container h3 {color:#ffffff;}