/*
 * Color, Border, and Button Rules
 */
.contentslider {
  padding:0px; /* This acts as a border for the content slider */
  /*background:#fff;*/ /* This is the color of said border */
   height:270px;
  
}
.cs_wrapper, .cs_article {
  /*background:#FFF;*/ /* Background color for the entries */
}
.cs_leftBtn, .cs_rightBtn {
  width:30px; /* Should be as wide as the button graphic being used */
  /*background:#fff*/; /* This will probably match the contentslider bg color */
}

/*
 * Article styles (font, color, etc.)
 *
 * If textResize is set to TRUE, sizing shouldn't need to be touched. However,
 * depending on the sizes you have defined, additional tweaking may be
 * required in order to get the text to display properly.
 */
 
.cs_article ul { padding-top:30px; list-style:none; width:600px; margin:0 auto; }
.cs_article ul li {width:100px; height:82px; float:left; margin:6px 6px; position:relative; border:4px solid #999;}
* html .cs_article ul li {display:inline;}
.cs_article ul  li a{ margin:0; padding:0; text-decoration:none; outline:none; }
.cs_article ul  li a:hover { position:absolute; top:-4px; left:-4px; width:100px; height:82px; float:left; border:4px solid #019DE0; }

.cs_article ul li div { position:absolute; left:0; bottom:0; width:100px; height:30px; background:#000; z-index:10; background:url(../images/black_dot.png) 0 0 repeat; }
.cs_article ul li p {  font:normal 11px/15px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding-left:6px;}

.cs_article h3 {
  font-size:200%;
  line-height:1.125em;
}
  .cs_article h3 a {
    color:#333;
    text-decoration:none;
  }
.cs_article p {
  font-size:85%;
  line-height:1.5em;
  color:#777;
}
.cs_article .readmore {
  font-size:80%; background-image:url(http://www.worldmediarights.com/images/readmore.png); background-repeat:no-repeat; background-position:right; height:22px; padding-right:8px;
}

/*
 ******************************************************************************
 * These styles may be affected by the plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider {
  position:relative;
  display:block;
  width:630px;
  height:260px;
  margin:0 auto;
  overflow:hidden;
}
.cs_wrapper {
  position:relative;
  display:block;
  width:100%;
  height:260px;
  margin:0;
  padding:0;
  overflow:hidden;
/*  background-color:#CCCCCC;*/

}
.cs_slider {
  position:absolute;
  width:10000px;
  height:260px;
  margin:0;
  padding:0;
  background:url(../images/cs_leftBgImg.jpg) 0 -3px no-repeat;
}
.cs_article {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:665px;
  height:260px;
  margin:0 auto;
  background:url(../images/cs_rightBgImg.jpg) right 0px no-repeat;
 
}

.cs_article img {
  top:0;
  left:0;
  border:0;
  z-index:0;
/*  -ms-interpolation-mode:bicubic;position:absolute;*/
}
/*.cs_article p {
  display:block;
  width:26%;
  margin:0 26px 5px 67%;
  padding:0;
  border:0;
}*/



.cs_rightBtn {
  position:absolute;
  top:0px;
  width:35px;
  height:270px;
  padding:0 0;
  z-index:10000;
  
}

.cs_leftBtn {
  	width:35px;
	height:270px;
	border:0px solid red;
	background-image:url(../images/cs_leftImg.png);
	background-repeat:no-repeat;
	z-index:100;  
	position: absolute;
    opacity:.80;
    filter: alpha(opacity=80);
}

.cs_leftBtn a{
  	display:block;
	text-indent:-9999px;
	letter-spacing:-9999px;
	width:100%;
	height:100%;
}

.cs_rightBtn {
  right:0px;
  outline:0;

}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  /*position:relative;*/
  top:0px; 
  margin:0; 
}