/*************************************
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: 90px;
}
div.jqans-wrapper.default .jqans-stories-selector ul,
div.jqans-wrapper.default .jqans-stories-selector li {
/* height: 10px; */
}
/*
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 value for each story li */
div.jqans-wrapper.default li {
width: 107px;
}
/* default styles */
div.jqans-wrapper.default a {
text-decoration: none;
font-weight: bold;
color: #363636;
outline: none;
font-size:10px;
}
div.jqans-wrapper.default strong {
color: #000;
}
/* wrapper */
div.jqans-wrapper.default {
margin: 0 0 32px 0;
padding-left: 12px;
padding-right: 12px;
margin-top: 28px;
}
/* container */
div.jqans-wrapper.default .jqans-container {
text-align: left;
padding-top: 4px;
}
div.jqans-wrapper.default .jqans-container a {
font-weight: bold;
font-size:17px;
}
/* headline */
div.jqans-wrapper.default .jqans-headline {
text-align: left;
margin-left: 4px;
margin-bottom: 4px;
}
div.jqans-wrapper.default .jqans-headline strong {
text-transform:uppercase;
}
div.jqans-wrapper.default .jqans-content h1 {
text-align: left;
color: #16387C !important;
margin: 11px 14px 13px !important;
font-size: 138% !important;
font-weight:bold;
height:20px  !important
}
div.jqans-wrapper.default .jqans-content h1 a, div.jqans-wrapper.default .jqans-content h1 a:hover, div.jqans-wrapper.default .jqans-content h1 a:active, div.jqans-wrapper.default .jqans-content h1 a:visited {
color: #000 !important;
}
div.jqans-wrapper.default .jqans-content p {
text-align: left;
color: #333 !important;
margin: 10px !important;
    width: 240px;
}
.linkclass{ font-size:10px!important; font-weight:normal !important; margin-left:5px; }
.linkclass:hover{ text-decoration:underline !important;}
.span_text{
     float: left;
    padding: 0 5px 3px 10px;
    width: 251px;
	text-overflow: ellipsis;
}
/*
.placement{position:absolute; margin-top:-35px; margin-left:333px; }
*/
.link{ margin-left:13px; height:16px !important;    width: 134px;}
.link img{ margin-left:2px; margin-right:2px;}
.margin-left, .margin-left1 {   margin: -64px 249px;
    position: absolute;width:165px; float:left;}
	.margin-left2{   margin: -47px 249px;
    position: absolute;width:165px;}
		.margin-left3{   margin: -29px 249px;
    position: absolute;
	width:165px;}
.border{border-left: 1px solid;}
/* stories */
div.jqans-wrapper.default .jqans-stories {
font-size:85%;
padding:0;
}
.widthfix{}
div.jqans-wrapper.default .jqans-stories li {
overflow: hidden;
text-align: center;
font-size: 10px;
color: #666 !important;
}
div.jqans-wrapper.default .jqans-stories li.selected {
/*background: #ce1c8e;*/
font-size:10px;
}
div.jqans-wrapper.default .jqans-stories li img {
margin-top: 10px;
border: 1px solid #C5CED7;
padding: 2px;
background-color: #FFFFFF;
}
div.jqans-wrapper.default .jqans-stories li.selected img {
border: 1px solid #8DC73F;
}
div.jqans-wrapper.default .jqans-stories li p {
display: none;
}
div.jqans-wrapper.default .jqans-stories li h3 {
margin:5px ;
width:75px;
font-size:10px;
font-weight:normal;
line-height:14px !important;
color:#59728B !important;
height:30px;
}
div.jqans-wrapper.default .jqans-stories li h3:hover {
margin:5px ;
width:75px;
font-size:10px;
font-weight:bols;
line-height:14px !important;
color:#59728B !important;
}
div.jqans-wrapper.default .jqans-stories li.selected h3 a {
margin:0;
font-size:10px;
font-weight:bold;
line-height:14px !important;
color:#000 !important;
}
/* pagination */
div.jqans-wrapper.default .jqans-pagination {
padding-bottom:3px;
padding-top:3px;
border-left-color-value:#DBE1E6;
border-right-color-value:#DBE1E6;
margin: 0;
text-align: left;
clear: both;
width: 100%;
overflow: hidden;
}
div.jqans-wrapper.default .jqans-pagination-count {
float: left;
margin:4px 0 0 250px;
}
div.jqans-wrapper.default .jqans-pagination-controls {
float: right;
margin:3px 9px 0 0;
}
div.jqans-wrapper.default .jqans-pagination-controls a {
display:block;
text-indent: -9999px;
margin:3px 0 0 0;
float:left;
cursor:pointer;
}
.bg{ background:url(/includes/newsslider/previous.jpg) no-repeat scroll -3px -2px transparent;
height:21px !important;
width:20px !important}
.bg2{ background:url(/includes/newsslider/next.jpg) no-repeat scroll 0px -4px transparent;
height:21px !important;
width:17px !important}
#pause-left{ background:url(/includes/newsslider/pause.jpg) no-repeat scroll  transparent;
height:21px !important;
width:22px !important}
#control-play{ background:url(/includes/newsslider/next.jpg) no-repeat scroll  transparent;
height:21px !important;
width:22px !important;
border-style:none !important;
}
div.jqans-wrapper.default .jqans-pagination-controls-back a {
display: -moz-inline-box;
display: inline-block;
font-size: 10px;
height: 0;
width: 0;
line-height: 0;
position: relative;
vertical-align: middle;
border-right-width: 0.5em;
border-right-style: solid;
border-right-color: #59728B;
margin-right:30px;
}
div.jqans-wrapper.default .jqans-pagination-controls-next a {
border-style: dashed;
border-color: transparent;
border-width: 0.5em;
display: -moz-inline-box;
display: inline-block;
font-size: 10px;
height: 0;
line-height: 0;
position: relative;
vertical-align: middle;
width: 0;
position:relative;
border-left-width: 0.5em;
border-left-style: solid;
border-left-color: #59728B;
left: 0.25em;
}
div.jqans-wrapper.default .jqans-pagination-controls-back a span {
border-style: dashed;
border-color: transparent;
border-width: 0.53em;
display: -moz-inline-box;
display: inline-block;
font-size: 8px;
height: 0;
line-height: 0;
vertical-align: middle;
width: 0;
border-right-width: 0.6em;
border-right-style: solid;
border-right-color: #F9FAFA;
right: -11px;
    top: -3px;
position:absolute;
}
div.jqans-wrapper.default .jqans-pagination-controls-next a span {
border-style: dashed;
border-color: transparent;
border-width: 0.53em;
display: -moz-inline-box;
display: inline-block;
font-size: 8px;
height: 0;
line-height: 0;
vertical-align: middle;
width: 0;
border-left-width: 0.6em;
border-left-style: solid;
border-left-color: #F9FAFA;
top:-6px;
left: -22px;
position:absolute;
}
div.jqans-wrapper.default span.jqans-pagination-controls-play-pause {
background:transparent;
display:block;
position:absolute;
right:24px;
bottom:7px;
width:10px;
height:10px;
padding:0;
}
div.jqans-wrapper.default #play-pause-wrapper  {
margin:0;
padding:0;
}
div.jqans-wrapper.default #control-play  {
border-style: dashed;
border-color: transparent;
border-width: 0.5em;
display: -moz-inline-box;
display: inline-block;
font-size: 10px;
height: 0;
line-height: 0;
vertical-align: middle;
width: 0;
border-left-width: 0.5em;
border-left-style: solid;
border-left-color: #8dc63f;
position:absolute;
margin:0;
padding:0;
top:-1px;
left:-15px;
z-index:1;
}
div.jqans-wrapper.default #control-pause {
position:absolute;
width:9px;
height:9px;
background: transparent; /*#59728B;*/
margin:0;
padding:0;
top:1px;
left:0;
z-index:2;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; /* future proofing */
-khtml-border-radius: 3px; /* for old Konqueror browsers */
}
div.jqans-wrapper.default #pause-left, div.jqans-wrapper.default #pause-right {
position:absolute;
top:0;
width:4px;
height:9px;
display:block;
right:3px;
top:-2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; /* future proofing */
-khtml-border-radius: 2px; /* for old Konqueror browsers */
}
div.jqans-wrapper.default #pause-right {
left:5px;
}
.borderright{ border-right:1px solid;}
div.jqans-wrapper.default .jqans-content div {
/* height:63px; */
overflow:hidden;
	text-overflow: ellipsis;
}