.glidecontentwrapper {
  border: 1px solid #ccc;
  border-radius: 10px;
  height: 180px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.glidecontenttoggler a.prev {display: none !important;}

.glidecontent{ /*style for each glide content DIV within wrapper.*/

position: absolute; /* Do not change this value */

background: white;

padding: 10px;

visibility: hidden;

width: 100%;

margin: 0 auto;

    margin: 0 auto;
   /* position: relative;*/
}

.glidecontent a {

	font-size:12px;

	padding:5px;

	display:block;

	color:#333;
	padding: 10px;}



.glidecontenttoggler {


  margin-top: 6px;

  text-align: center;

  width: 250px;
  
  margin: 0 auto;
  
  position: relative; 
bottom: 30px; 

}

/*

 Total contenttoggler width: 350px+5px+5px=360px

	Or total width of wrapper div (counting wrapper border/padding)

*/



.glidecontenttoggler a{ /*style for every navigational link within toggler */

	display: -moz-inline-box;

	display: inline-block;

	color: #FFFFFF;

	padding: 1px 3px;

	margin-right: 3px;

	font-weight: bold;

	text-decoration: none;

	border-radius: 5px;

	background-color: #23B574;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;
	
	height: 8px;
    border-radius: 100%;

}



.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */

	color: #FFF;

	background-color: #fd0001;

}



.glidecontenttoggler a:hover{

	color: #FFF;

	background-color: #333333;

}



.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */

}



.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */

}



.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{

background: #1A48A4;

color: white;

}