/*
	Accessible News Slider : Plugin Specific
-----------------------------------------------------------------------------------------*/

.accessible_news_slider img {
	border: 0;
	margin :0px;
	padding:0px; /* change height from top(inbox) */
	
}
.accessible_news_slider li,
.accessible_news_slider p {
	font-family: "Arial", "Verdana", sans-serif;
	margin: 0;
	padding: 0;
	font-size: .8em;
	line-height: 1.6;
}
.accessible_news_slider li p {
	font-size: 1em;
}
.accessible_news_slider {
	position: relative;
	overflow: hidden;
}
.accessible_news_slider .javascript_css {
	position: relative;
	z-index: 3;
	padding: 20px;
	background: #ffff;
}
.accessible_news_slider .skip_to_news {
	position: absolute;
	top: 0;
	left: -9999px;
}
.accessible_news_slider .back {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.accessible_news_slider .back a,
.accessible_news_slider .next a {
	display: none;
	outline: none; /* This is optional, and is arguably less accessible. */
}
.accessible_news_slider .next {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}
.accessible_news_slider ul {
	position: relative;
	left: 0;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	z-index: 1;
	
}
.accessible_news_slider li {
	float: left;
	display: inline;
	width: 150px; /* adjust width of image content box*/
	/*border:1px grey solid;     box outline for each column*/
}

/*
	Accessible News Slider : Plugin Specific : Theme [ Candy Coated ]
-----------------------------------------------------------------------------------------*/
#slidecat
{

height :75px;
width: 75px;
/* border-bottom: 2px solid #ccc;
border-top: 2px solid #ccc; */
}
#textslide
{
width :100px;
position : relative;

/* border-bottom: 2px solid #ccc;
border-top: 2px solid #ccc; */

}
.candy_coated  {
	width: 930px; /* adjust width of main box*/
	border-bottom: 2px solid #ccc;
	margin: 0 0 32px 0px; 
	
}
.candy_coated a {
	color: #ff3300;
}

.candy_coated .next {   /*  change the button bg */
	position: absolute;
	top: 85px;         /* increase to make button move down */ 
	width: 61px;
	height: 0px; 
	left: 880px;    /*increase value to make the button more to right*/
	/*background: url(/_ext/www.dragon-gate.com/includes/templates/cherry_zen/common/images/themes/candy_coated/next_bg.gif) no-repeat;*/
	
}
.candy_coated .next a {
	position: absolute;
	top: -20px;
	right: 9px;
	width: 60px; /* control the clickable area of the button*/
	height: 88px;
	line-height: 30px;
	background: url(/_ext/www.dragon-gate.com/includes/templates/cherry_zen/common/images/themes/candy_coated/next_bak.gif) no-repeat top right;opacity:0.2; filter:alpha(opacity=20);
}
.candy_coated .next a:hover{
background: url(/_ext/www.dragon-gate.com/includes/templates/cherry_zen/common/images/themes/candy_coated/next_bak.gif) no-repeat top right; opacity:1.0; filter:alpha(opacity=100);
}
.candy_coated .back {
	position: absolute;  /*  change the button bg */
	top: 75px; 
	width: 61px;
	height: 0px;
	left: 0px;
	/*background: url(/_ext/www.dragon-gate.com/includes/templates/cherry_zen/common/images/themes/candy_coated/prev_bg.gif) no-repeat;*/
}
.candy_coated .back a {
	position: absolute;
	top: -10px;
	left: 0px;
	width: 40px; /* control the clickable area of the button*/
	height: 88px;
	line-height: 30px;
	text-align: right;
	background: url(/_ext/www.dragon-gate.com/includes/templates/cherry_zen/common/images/themes/candy_coated/prev_bak.gif) no-repeat;opacity:0.2; filter:alpha(opacity=20);
}
.candy_coated .back a:hover{
background: url(/_ext/www.dragon-gate.com/includes/templates/cherry_zen/common/images/themes/candy_coated/prev_bak.gif) no-repeat; opacity:1.0; filter:alpha(opacity=100);
}
.candy_coated ul {
	border-bottom: 2px solid #eee;  /* set border of the whole content box */
	border-top: 2px solid #eee;
	/* border : 1px red solid   for testing*/
	
	
}
.candy_coated li {
	padding: 0px ;   /* padding between slidecat and container  */
	overflow: hidden; /* view box layout change to scroll/hidden  */
	
	
}
.candy_coated li img {
	float: left;
	display: inline;
	margin: 10px ;/* control image position  */
}
.candy_coated li p {
	float: left;
	display: inline;
	margin: 0 0 0 10px;
	width: 0px;
	
}
/* ----------------------------------------- */
.candy_coated .view_all {
	border-top: 2px solid #ccc;
	margin: 58px 0 0 0;
	padding: 10px;
	background: #eee;
	text-align: center;
}