/* Accessible News Slider : Theme Default */



/*************************************

	Height and Width values

	these are extremely important!!!

*************************************/



/* the stories ul and lis must have the same height */

div.jqans-wrapper.default .jqans-stories ul,

div.jqans-wrapper.default .jqans-stories li {

	/*height: 135px;*/

}



div.jqans-wrapper.default .jqans-stories-selector ul,

div.jqans-wrapper.default .jqans-stories-selector li {

	height: 10px;

	background: none;

}



/* 

	wrapper and the container must have the same width

	in order to get this value take the width value of

	of story ".jqans-stories li" and times it by the 

	number of stories you want to initially display.

	

	107px * 4 = 428px

	

 */

div.jqans-wrapper.default,

div.jqans-wrapper.default .jqans-container {

	/*width: 428px;*/

	/*width: 472px;*/

}



/* width value for each story li */

div.jqans-wrapper.default li {

	/*width: 107px;*/

}



/* default styles */

div.jqans-wrapper.default a {

	text-decoration: none;

	font-weight: normal;

	color: #363636;

	outline: none;

	display: block; 

	/*border-right: 1px solid #ccc;*/

}



div.jqans-wrapper.default strong {

	color: #000;

}



/* wrapper */

div.jqans-wrapper.default {

	/*border-left: 1px solid #ddd;

	border-right: 1px solid #ddd;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;*/

	margin: 0 0 0 0;

}



/* container */

div.jqans-wrapper.default .jqans-container { 

	/*min-height: 280px; */

	text-align: center;

	/*padding-top: 4px;*/

        background-color: #000000;

}



div.jqans-wrapper.default .jqans-container a {

	font-weight: bold;

}



/* headline */

div.jqans-wrapper.default .jqans-headline {

	text-align: left;

	margin-left: 4px;

	margin-bottom: 4px;

}



div.jqans-wrapper.default .jqans-content h1 {

	text-align: left;

	color: #666666;

	margin: 8px 4px 4px 4px;

	font-size: 16px;

	line-height: normal;

}



div.jqans-wrapper.default .jqans-content p {

	text-align: left;

	color: #ffffff;

	margin: 4px;

	line-height: normal;

}

div.jqans-wrapper.default .jqans-content a{
	padding-top: 8px;
	padding-bottom: 1px;
}



/* stories */

div.jqans-wrapper.default .jqans-stories {

	background: #fff;

	position: relative;

}



div.jqans-wrapper.default .jqans-stories li {

	overflow: hidden;

	text-align: center;

	font-size: 12px;

	color: #666;

	background-image: none;

	background-color: #fff;

	

	/*border-right: 1px solid #ccc;*/

	/*border-bottom: 4px solid #fff;*/

	padding: 0px;

	
}



div.jqans-wrapper.default .jqans-stories li.selected {

	/*background: #ce1c8e;*/

	background: #fff;

	/*border-bottom: 4px solid #3F1C59;*/

}

div.jqans-wrapper.default .jqans-stories li span.thumbfooter{

	width: 100%; height: 4px;  display: block; margin-top: 10px;

}

div.jqans-wrapper.default .jqans-stories li.selected span.thumbfooter{

	background-color: #C93B39;

}

div.jqans-wrapper.default .jqans-stories li img {

	/*margin-top: 10px;*/

	/*border: 1px solid #eee;*/

	/*padding: 1px;*/

	background-color: #FFFFFF;

	margin-bottom: -5px;

}



div.jqans-wrapper.default .jqans-stories li p {

	display: none;

}



div.jqans-wrapper.default .jqans-stories li h3 {

	margin:0;

	font-size:13px;

	font-weight:normal;

	line-height: 18px;

	text-align: left;

	padding-left: 5px;

	padding-right: 5px;

}



div.jqans-wrapper.default .jqans-stories-selector li.selected div {

	margin:auto;

	height: 0px;

	width:0px;

	line-height:0px;

	font-size:0px;

	border-right: 10px solid white;

	border-bottom: 10px solid #D8DFEA;

	border-left: 10px solid white;

}



/* pagination */

div.jqans-wrapper.default .jqans-pagination {

	/*border-top: 1px solid #ddd;*/

	/*border-bottom: 1px solid #ddd;

	margin: 0;

	padding: 2px 2px 0 2px;

	background: #f3f3f3;

	text-align: left;

	clear: both;

	width: 100%;

	overflow: hidden;*/

}



div.jqans-wrapper.default .jqans-pagination-count {

	/*float: left;

        width: 100%;*/

        

        float: left; width: 100%;

}



div.jqans-wrapper.default .jqans-pagination-controls {

	float: right;

}



div.jqans-wrapper.default .jqans-pagination-controls a {

	display: inline-block;

	width: 22px;

	/*height: 12px;*/

	text-indent: -9999px;

	background: no-repeat bottom center;

	

}



div.jqans-wrapper.default .jqans-pagination-controls-back a {

	/*background-image: url(back.png);*/

	background-image: url("next-previous-yahoo.png");

        background-position: 0 center;

        background-repeat: no-repeat;

        /*height: 135px;*/

        height: 100% !important;

        margin-left: 4px;

        width: 12px;

        cursor: pointer;

        text-indent: -99999px;

        display: block;

}

div.jqans-wrapper.default .jqans-pagination-controls-back a:hover, div.jqans-wrapper.default .jqans-pagination-controls-next a:hover{

	background-repeat: no-repeat;

	background-color: #5771FF;

}

div.jqans-wrapper.default .jqans-pagination-controls-next a {

	/*background-image: url(fwd.png);

        height:85px;

        width:22px;*/

        background-image: url("next-previous-yahoo.png");

        background-repeat: no-repeat;

        background-position: -12px center;

        /*height: 135px;*/

        height: 100% !important;

        margin-left: 6px;

        width: 12px;

        text-indent: -99999px;

        display: block;

}

.jqans-pagination-controlshvr{

    background-image: url("next-previous-yahoohvr.png") !important;

}


#cbysnewslider a{
	color:#000000;
}


#cbysnewslider a:hover{
	color:#C93B39;
}