

.buttonMargin {
   /*border-radius: 60px;
   /*border-radius: 0 0 15px 15px / 0 0 30px 30px;*/  
   /*background: none transparent; border: none;*/
    background: none;
            border: 0;
            color: black;
            padding: 0;
            height: auto;
}
#slider, #slider  {
	width: 100%;
	height:402px;
	
	
	z-index: 1000;
	position: relative;
	float:left;
	
	
	/* Must be the same size as the slider images */
}
/* make video and audio to have rounded corners */
#slider iframe, #slider div.video, #slider audio {
	
	z-index:2;
	width: 100%;
	
}
#slider {

	z-index: 2;
	width: 100%;
	
}
/* image wrapper */
#slider a.imgLink, #slider div.video {
	z-index: 2;
	cursor: pointer;
	position:relative;
	top: 0px;
	left: 0px;
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	
}
#slider .video {
}
/* Caption styles */
#slider div.mc-caption-bg, #slider div.mc-caption-bg2 {
	position: relative;
	width: 100%;
	padding: 10px 0;/* 10px will increase the height.*/
	left: 0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom: 0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index: 2;
	overflow: hidden;
	font-size: 0;
	border-radius: 0 0 6px 6px;/*round caption bottom corners */
}
#slider div.mc-caption-bg {
	/* NOTE: Its opacity is to be set through the sliderOptions.captionOpacity setting in the js-image-slider.js file.*/
	background: none;/* or any other colors such as White, or: background:none; */
}
#slider div.mc-caption-bg2 {
	background: none;
}
#slider div.mc-caption {
	font: bold 14px/20px Arial;
	color: #EEE;
	z-index: 4;
	text-align: center;
	background: none;
}
#slider div.mc-caption a {
	color: #FB0;
}
#slider div.mc-caption a:hover {
	color: #DA0;
}
/* ------ built-in navigation bullets wrapper ------*/
/* Note: check themes\2\js-image-slider.css to see how to hide nav bullets */
#slider div.navBulletsWrapper {
	top: 365px;/* Its position is relative to the #slider */
	text-align: center;
	background: none;
	position: relative;
	z-index: 2;
    display:none;
}
/* each bullet */
#slider div.navBulletsWrapper div {
	width: 11px;
	height: 11px;
	font-size: 0;
	color: White;/*hide the index number in the bullet element*/
	display: inline-block;
*display:inline;
	zoom: 1;
	overflow: hidden;
	cursor: pointer;
	margin: 0 6px;/* set distance between each bullet*/
}
#slider div.navBulletsWrapper div.active {
	
}
/* --------- Others ------- */





#slider div.sliderInner {
	overflow: hidden;
	/* fixed the Chrome not crop border-radius bug*/
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
}
#slider>a, #slider video, #slider audio {
	display: none;
}
.popup-cntr{ float:left; width:300px; background:#D4EBFF; border:1px #CCCCCC solid; box-shadow:#666 2px 3px 4px -2px; padding:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#002953; text-align:inherit; line-height:20px;}
.popup-inner-div{ float:left; width:100%; border:1px #CCCCCC solid; border-radius: 5px 5px 0px 0px;}
.popup-heading{ float:left; width:96.5%; font-weight:bold; background:#DFE7F1; min-height:30px; padding:5px; margin-bottom:10px; color:#fff; border-radius: 5px 5px 0px 0px;}

.popup-inner-div p {float:left; width:97%; text-align:justify; margin:5px; }
.popup-inner-div a {color:#0080FF;}

.popup-inner-div ul { float:left; text-decoration:none; width:100%;}
.popup-inner-div li{ float:left; text-decoration:none; list-style: square;}
.popup-inner-div h3 {float:left; width:100%;  padding:15px 0px 0px 10px; margin:0; font-size:12px;}