/* This is the CSS for the Gel panels it includes support for Headings, Sub Heading, EMP and a Navigation bar */
div.emp{
	padding-bottom:7px;
}
#active-content {
	padding:8px 2px 0 2px;
	border:0px;
}
/* Headings and Subheadings */
#active-content h2.hd {
	font-size:20px;
	color:#505050;
	font-weight:bold;
	padding-bottom:16px;
}
#active-content span.subhd {
	display:inline-block;
	float:left;
}
#active-content span.subhd  h3 {
	font-size:13px;
	color:#505050;
	font-weight:bold;
	padding-bottom:8px;
}
/* Content text */
#active-content p {
	padding-bottom:13px;
}
/* Panel Frame */
#activePanel div.tb div {
	height:5px; opacity:0.75; 
	background-color:#000000;
}
#activePanel div.tl, #activePanel div.tr, #activePanel div.bl, #activePanel div.br {
	width:9px;
	height:9px;
}
#activePanel div.tl {
	background:url(/news/special/world/11/middle_east/syria_protest_clickable/panel/ctl.png);
}
#activePanel div.tr {
	background:url(/news/special/world/11/middle_east/syria_protest_clickable/panel/ctr.png);
}
#activePanel div.bl {
	background:url(/news/special/world/11/middle_east/syria_protest_clickable/panel/cbl.png);
}
#activePanel div.br {
	background:url(/news/special/world/11/middle_east/syria_protest_clickable/panel/cbr.png);
}
#activePanel div.bb div {
	height:5px; opacity:0.75; 
	background-color:#000000;
}
#activePanel div.bars {
	padding-left:15px;margin-left:-15px;opacity:0.75; 
	background-color:#000000;
}
#activePanel div.c {
	margin:0 5px;
}
#activePanel div.tb {
border-color:#ededed;
}
#activePanel div.bb {
	border-color:#ededed !important;;
}
#activePanel div.c a.panel-close {
	margin-top:4px;
	width:15px;
	height:17px;
}
#activePanel div.c div.panel-bd div {
	font-size:13px;
	line-height:15px;
	color:#505050;
}
#activePanel div.c div.panel-bd div img {
	margin-bottom:16px;
	padding-left:8px; 
	display:inline-block;
}
#activePanel div.c div.panel-bd div p {
	font-size: 13px;
	color:#505050;
}
/* Panel Navigation */
#activePanel div.panel-close, .panel-light .panel-close{
background:url("/news/special/world/11/middle_east/syria_protest_clickable/panel/cross_button.gif")!important;
}
#activePanel div.panelNav{	
	float:left;
	height:18px;
	width:100%;
	padding-bottom:12px;
}
#activePanel div.leftBtn{
	width: 15px;
	height: 18px;
	background:url("/news/special/world/11/middle_east/syria_protest_clickable/panel/back_default.gif");
	float:left;
}
#activePanel div.leftBtn:hover{
	background:url("/news/special/world/11/middle_east/syria_protest_clickable/panel/back_mouseover.gif");
}
#activePanel div.leftBtn:active{
	background:url("/news/special/world/11/middle_east/syria_protest_clickable/panel/back_onpress.gif");
}
#activePanel div#count{
	float:left;
	text-align:center;
	width:90%;
	padding-top:2px;
}
#activePanel div.rightBtn{
	width: 15px;
	height: 18px;
	background:url("/news/special/world/11/middle_east/syria_protest_clickable/panel/next_default.gif");
	float:right;
}
#activePanel div.rightBtn:hover{
	background:url("/news/special/world/11/middle_east/syria_protest_clickable/panel/next_mouseover.gif");
}
#activePanel div.rightBtn:active{
	background:url("/news/special/world/11/middle_east/syria_protest_clickable/panel/next_onpress.gif");
}
#activePanel div.panel-close, .panel-light .panel-close:hover{
	background:url("/news/special/world/11/middle_east/syria_protest_clickable/panel/close_no_mouseover.gif")!important;
}
#activePanel div.panel-close, .panel-light .panel-close:active{
	background:url("/news/special/world/11/middle_east/syria_protest_clickable/panel/close_no_onpress.gif")!important;
}
#activePanel div.panel-light .c {
	background:none repeat scroll 0 0 #ededed !important;
}

/* Image header with Clickable label */
span#clickity{
	display:inline;
	background-color:#404040; 
	padding: 4px 6px 4px 6px; 
	color: #ffffff;
}