p a:hover	{ border-bottom: 0px dotted #d00000; cursor:pointer;}

#iconbar	{ height:29px; position:absolute; top:80%; right:2%; list-style:none;}
#iconbar li { float:left; position:relative; margin-right:0px;}

#iconbar span {
	background: url(../images/ttbg.png) no-repeat;
	width: 300px;
	height: 183px;
	position: absolute;
	top: -100px;
	left: -280px;
	
	padding: 5px;
	display: none;
	line-height:110%;
	color:#000000;
	cursor:pointer;
}
#iconbar span p{
	padding:85px 0 0 8px; margin-left:0px; color:#FFF; width:230px; text-align:left; font:normal normal normal 11px/18px verdana,sans-serif; 
}

/*-------------------------------FOR TIME LINE >> Side popup ------------------------*/
/*Remove this 
p a:hover	{ border-bottom: 0px dotted #d00000; cursor:pointer;}

#iiconbar	{ overflow:hidden;  float:left;  list-style:none; width:913px;}
#iiconbar li { float:left; position:relative; margin:60px 30px 0 30px;}
#iiconbar li.firstitem { float:left; position:relative; margin:60px 30px 0 100px;}
#iiconbar li.lastitem { float:left; position:relative; margin:60px 90px 0 30px;}

#iiconbar span {
	background: url(../images/timeline-keypoints-speechbubble.png) no-repeat;
	width: 244px;
	height: 183px;
	position: absolute;
	top: 100px;
	left: 100px;
	
	padding: 5px;
	display: none;
	line-height:110%;
	color:#000000;
	cursor:pointer;
	z-index:1000;
}
#iiconbar span p{
	padding:8px 0 5px 15px; margin-left:0px; color:#FFF; width:210px; text-align:left; font:normal normal normal 11px/13px verdana,sans-serif; font-weight:bold;
}
#iiconbar span ul{
	padding:0px; margin:-10px 0 0 0px; width:230px;  
  } 
 
#iiconbar span ul li{
	padding:0 0 0 10px; margin:10px 0 -2px 15px; color:#FFF; font-size:11px; line-height:13px;
	background:url(../images/columbia_body_navbg.jpg) no-repeat 0px 2px; list-style:none;
}

#iiconbar span.lastitm {
	background: url(../images/timeline-keypoints-speechbubble1.png) no-repeat;
	width: 244px;
	height: 183px;
	position: absolute;
	top: 100px;
	left: -200px;
	
	padding: 5px;
	display: none;
	line-height:110%;
	color:#000000;
	cursor:pointer;
	z-index:1000;
}


#iiconbar span.lastitm p{
	padding:8px 0 5px 10px; margin-left:0px; color:#FFF; width:200px; text-align:left; font:normal normal normal 11px/13px verdana,sans-serif; font-weight:bold;
}
#iiconbar span.lastitm ul{
	padding:0px; margin:-10px 0 0 0px; 
}
#iiconbar span.lastitm ul li{
	padding:0 0 0 10px; margin:10px 0 -4px 5px; color:#FFF; font-size:11px; line-height:12px;
}

Remove this */

/*#iiconbar span p{
	padding:15px 0 0 20px; margin-left:0px; color:#FFF; width:210px; text-align:left; font:normal normal normal 11px/13px verdana,sans-serif; 
}*/




/*-------------------------------FOR TIME LINE >> Bottom Popup ------------------------*/

p a:hover	{ border-bottom: 0px dotted #d00000; cursor:pointer;}

#iiconbar	{ overflow:hidden;  float:left;  list-style:none; width:913px;}
#iiconbar li { float:left; position:relative; margin:40px 30px 60px 30px;}
#iiconbar li.firstitem { float:left; position:relative; margin:40px 30px 0 100px;}
#iiconbar li.lastitem { float:left; position:relative; margin:40px 90px 0 30px;}

#iiconbar span {
	background: url(../images/tmline_bg.png) ;
	width: 880px;
	height: 60px;
	position: absolute;
	top: 140px;
	left: -90px;
	
	padding: 5px;
	display: none;
	line-height:110%;
	color:#000000;
	cursor:pointer;
	z-index:1000;
}
#iiconbar span p{
	padding:0px 0 5px 15px; margin-left:0px; color:#FFF; width:877px; text-align:left; font:normal normal normal 11px/13px verdana,sans-serif; font-weight:bold;
}
#iiconbar span ul{
	padding:0px; margin:-10px 0 0 0px; width:800px;  /*list-style:disc; list-style-position:inside; */
}
#iiconbar span ul li{
	padding:0 0 0 10px; margin:10px 0 -2px 15px; color:#FFF; font-size:11px; line-height:13px;
	background:url(../images/columbia_body_navbg.jpg) no-repeat 0px 2px; list-style:none; display:block; width:800px;
}

#iiconbar span.itm2 {
	background: url(../images/tmline_bg.png) ; width: 880px; height: 60px; position: absolute; top: 140px;	left: -276px; padding: 5px;	display: none; line-height:110%; color:#000000;
	cursor:pointer;	z-index:1000;
}

#iiconbar span.itm3 {
	background: url(../images/tmline_bg.png) ; width: 880px; height: 60px; position: absolute; top: 140px;	left: -462px; padding: 5px;	display: none; line-height:110%; color:#000000;
	cursor:pointer;	z-index:1000;
}
#iiconbar span.itm2 ul li {display:block; width:700px;
	
}


#iiconbar span.lastitm {
	background: url(../images/tmline_bg.png) ; width: 880px; height: 60px; position: absolute; top: 140px;	left: -648px; padding: 5px;	display: none; line-height:110%; color:#000000;
	cursor:pointer;	z-index:1000;
}


/*#iiconbar span.lastitm p{
	padding:5px 0 5px 10px; margin-left:0px; color:#FFF; width:800px; text-align:left; font:normal normal normal 11px/13px verdana,sans-serif; font-weight:bold;
}
#iiconbar span.lastitm ul{
	padding:0px; margin:-10px 0 0 0px; 
}
#iiconbar span.lastitm ul li{
	padding:0 0 0 10px; margin:10px 0 -4px 5px; color:#FFF; font-size:11px; line-height:12px;
}
*/
/*#iiconbar span p{
	padding:15px 0 0 20px; margin-left:0px; color:#FFF; width:210px; text-align:left; font:normal normal normal 11px/13px verdana,sans-serif; 
}*/