/*** roktabs.css ***/
.roktabs-wrapper {
padding:0;
}

.roktabs-wrapper .light {
position:relative;
border:1px solid #DCDCDC;
}

.roktabs-wrapper .light .roktabs-container-inner {
position:relative;
overflow:hidden;
}

.roktabs-wrapper .light .roktabs-container-wrapper {
clear:both;
position:relative;
overflow:hidden;
}

.roktabs-wrapper .light .roktabs-container-wrapper div {
float:left;
}

.roktabs-wrapper .light .roktabs-container-wrapper div.wrapper {
padding:14px;
width:auto;
}

.roktabs-wrapper .light .roktabs-links {
overflow:hidden;
margin:0;
}

.roktabs-wrapper .light .active-arrows .roktabs-links {
margin:0 21px;
}

.roktabs-wrapper .light .roktabs-links ul {
text-align:left;
font-weight:bold;
list-style-type:none;
padding:0;
overflow:hidden;
}

.roktabs-wrapper .light .roktabs-links ul.roktabs-top {
margin:0;
background:url(tabbg-light.png) 0 0 repeat-x;
height:32px;
}

.roktabs-wrapper .light .roktabs-links ul.roktabs-bottom {
margin:0;
background:url(tabbg-bottom-light.png) 0 0 repeat-x;
height:32px;
}

.roktabs-wrapper .light .roktabs-links ul li {
float:left;
padding:0;
margin:0;
text-decoration:none;
border-right:1px solid #DCDCDC;
border-bottom:none;
color:#666;
position:relative;
height:31px;
line-height:31px;
}

.roktabs-wrapper .light .roktabs-links ul li span {
padding:0 10px;
}

.roktabs-wrapper .light .roktabs-links ul li.first {
border-left:0;
}

.roktabs-wrapper .light .roktabs-links ul li.active.last {
border-right:1px solid #DCDCDC;
}

.roktabs-wrapper .light .roktabs-links ul li.last {
border-right:0;
}

.roktabs-wrapper .light .roktabs-links ul li.hover {
color:#000;
}

.roktabs-wrapper .light .roktabs-links ul.roktabs-top li.active {
background:url(tabbg-active-light.png) 0 0 repeat-x;
color:#000;
height:31px;
border-bottom:1px solid #fff;
}

.roktabs-wrapper .light .roktabs-links ul.roktabs-bottom li.active {
background:url(tabbg-active-bottom-light.png) 0 0 repeat-x;
color:#000;
height:31px;
border-top:1px solid #fff;
margin-top:-1px;
}

.roktabs-wrapper .light .roktabs-links ul li.active.first {
border-left:0;
}

.roktabs-wrapper .light .roktabs-scroller {
position:absolute;
bottom:0;
right:0;
height:32px;
}

.roktabs-wrapper .light .arrow-next,.roktabs-wrapper .light .arrow-prev {
line-height:29px;
margin:1px;
text-align:center;
float:left;
cursor:pointer;
border:1px solid #DCDCDC;
z-index:2;
width:17px;
position:absolute;
top:0;
height:29px;
}

.roktabs-wrapper .light .arrow-next {
right:0;
background:url(next-light.png) 50% 0 no-repeat;
}

.roktabs-wrapper .light .arrow-prev {
left:0;
background:url(prev-light.png) 50% 0 no-repeat;
}

.roktabs-wrapper .light .arrow-next-hover {
background-position:50% -29px;
}

.roktabs-wrapper .light .arrow-prev-hover {
background-position:50% -29px;
}

.roktabs-wrapper .light .arrow-prev span,.roktabs-wrapper .light .arrow-next span {
display:none;
}

.roktabs-wrapper .light .roktabs-container-tr,.roktabs-wrapper .light .roktabs-container-inner,.roktabs-wrapper .light .active-arrows {
background:#fff;
}

.clear {
clear:both;
}

/*** roknewspager.css ***/
ul.roknewspager {
margin:0;
padding:15px;
border:1px solid #ddd;
}

ul.roknewspager li {
list-style:none;
padding-left:12px;
margin-bottom:12px;
}

ul.roknewspager .roknewspager-title {
display:block;
font-size:120%;
font-weight:bold;
cursor:pointer;
margin-bottom:10px;
}

ul.roknewspager .roknewspager-div {
display:block;
padding-bottom:12px;
}

.roknewspager-wrapper {
position:relative;
overflow:hidden;
}

.roknewspager-pages {
margin:0;
padding:8px 15px;
overflow:hidden;
}

.roknewspager-pages2 {
float:right;
width:auto;
height:18px;
text-align:center;
position:relative;
padding:0;
}

.roknewspager-spinner {
width:16px;
height:16px;
background:transparent url(images/spinner.gif) no-repeat scroll 100% 50%;
float:left;
display:none;
}

ul.roknewspager-numbers {
margin:0;
padding:0 24px;
text-align:right;
overflow:hidden;
height:18px;
text-align:center;
}

ul.roknewspager-numbers li {
list-style:none;
display:inline;
padding:0 3px;
cursor:pointer;
margin-bottom:0;
line-height:18px;
}

ul.roknewspager-numbers li.active {
cursor:default;
}

.roknewspager-prev,.roknewspager-prev-disabled {
width:16px;
height:18px;
position:absolute;
top:0;
left:0;
cursor:pointer;
}

.roknewspager-next,.roknewspager-next-disabled {
width:16px;
height:18px;
position:absolute;
top:0;
right:0;
cursor:pointer;
}

.roknewspager-prev-disabled,.roknewspager-next-disabled {
cursor:default;
}

ul.roknewspager-numbers li.active {
font-weight:bold;
}

ul.roknewspager li {
overflow:auto;
padding:0;
background:url(images/light-arrow.png) 0 4px no-repeat;
}

ul.roknewspager-numbers li.active {
color:#000;
}

ul.roknewspager .roknewspager-div {
padding-left:15px;
}

.roknewspager-pages {
background:#D6D6D6;
}

ul.roknewspager-numbers {
background:url(images/light-page-m.png) 0 0 repeat-x;
}

.roknewspager-prev {
background:url(images/light-page-controls.png) 0 0 no-repeat;
}

.roknewspager-prev-disabled {
background:url(images/light-page-controls.png) 0 -18px no-repeat;
}

.roknewspager-next {
background:url(images/light-page-controls.png) -16px 0 no-repeat;
}

.roknewspager-next-disabled {
background:url(images/light-page-controls.png) -16px -18px no-repeat;
}

.roknewspager-overlay {
background:#fff;
z-index:2;
}

.roknewspager-h3 {
font-size:14px;
font-weight:bold;
margin:0;
background:#e9e9e9;
padding:5px;
position:relative;
line-height:120%;
border-bottom:1px solid #ccc;
padding-right:20px;
}

.roknewspager-content {
padding:5px;
}

.roknewspager-toggle {
background:#ccc;
width:10px;
height:10px;
position:absolute;
right:4px;
top:4px;
cursor:pointer;
}

.roknewspager-toggle-active {
background:#666;
}

.article-rating {
float:left;
margin:10px 0;
white-space:nowrap;
}

.article-rating .rating-bar {
float:left;
height:14px;
width:104px;
background:url(images/light-ratingbar.png);
text-align:left;
}

.article-rating .rating-bar div {
height:14px;
background:url(images/light-ratingbar.png) 0 -15px;
overflow:hidden;
}

/*** rokstories.css ***/
.feature-block {
overflow:hidden;
position:relative;
}

.feature-block .feature-pad {
margin-left:15px;
}

.feature-block .rokstories-spinner {
background:transparent url(../img/spinner.gif) no-repeat scroll 50% 50%;
}

.feature-block .image-container .image-full {
position:relative;
overflow:hidden;
}

.feature-block .image-container .image-full img {
position:absolute;
top:0;
left:0;
visibility:hidden;
}

.feature-block .image-container .image-small img {
cursor:pointer;
}

.feature-block .desc-container {
overflow:hidden;
position:relative;
}

.feature-block .desc-container .description {
position:absolute;
top:0;
left:0;
visibility:hidden;
}

.feature-block img.feature-main {
display:block;
}

.feature-block img.feature-sub {
margin:7px 7px 0 0;
}

.feature-block .feature-title {
display:block;
font-size:200%;
line-height:130%;
margin:10px 0 0;
font-weight:normal;
}

.feature-block .created-date {
display:block;
font-size:90%;
margin:0 0 20px;
color:#999;
}

.feature-block .feature-desc {
font-size:120%;
line-height:130%;
}

.feature-block .moduletable h3 {
font-size:180%;
}

.feature-block .readon-wrap1 {
margin-top:15px;
position:relative;
float:left;
}

.feature-block .readon-wrap1 span {
display:block;
height:24px;
line-height:24px;
}

.feature-block a.readon {
font-weight:bold;
}

.feature-block a.readon-main {
font-size:12px;
cursor:pointer;
}

.feature-block a.readon-main:hover {
text-decoration:none;
}

.feature-block .readon1-l {
position:absolute;
width:7px;
height:24px;
left:0;
top:0;
}

.feature-block .readon1-m {
margin-left:7px;
text-align:center;
padding-left:2px;
}

.feature-block .readon1-r {
margin-right:-7px;
padding-right:10px;
}

.rokstories-layout2 .image-container {
position:relative;
overflow:hidden;
}

.rokstories-tip {
background:url(../img/thumbs-bg.png) bottom center;
padding:10px 10px 25px;
text-align:center;
}

.rokstories-layout2 .image-small {
display:none;
}

.rokstories-layout2 .feature-block-tl,.rokstories-layout2 .feature-block-tr,.rokstories-layout2 .feature-block-bl,.rokstories-layout2 .feature-block-br {
}

.rokstories-layout2 .feature-arrow-r {
background:url(../img/arrows.png) 100% 0 no-repeat;
cursor:pointer;
height:50px;
position:absolute;
right:0;
top:35%;
width:42px;
}

.rokstories-layout2 .feature-arrow-l {
background:url(../img/arrows.png) 0 0 no-repeat;
cursor:pointer;
height:50px;
left:0;
position:absolute;
top:35%;
width:42px;
}

.rokstories-layout2 .arrowleft-hover {
background-position:0 50%;
}

.rokstories-layout2 .arrowleft-down {
background-position:0 100%;
}

.rokstories-layout2 .arrowright-hover {
background-position:100% 50%;
}

.rokstories-layout2 .arrowright-down {
background-position:100% 100%;
}

.rokstories-layout2 .labels-title {
position:relative;
padding:.7em;
font-size:120%;
height:15px;
background:#222;
color:#fff;
font-weight:bold;
}

.rokstories-layout2 .feature-block-title {
position:absolute;
}

.rokstories-layout3 .image-container {
position:relative;
overflow:hidden;
}

.rokstories-tip {
background:url(../img/thumbs-bg.png) bottom center;
padding:10px 10px 25px;
text-align:center;
}

.rokstories-layout3 .image-small {
display:none;
}

.rokstories-layout3 .description {
left:0;
font-size:90%;
padding:5px;
}

.rokstories-layout3 .description .feature-title {
margin:0;
font-size:140%;
line-height:170%;
}

.rokstories-layout3 .description .feature-desc {
font-size:90%;
}

.rokstories-layout3 .desc-container {
bottom:0;
left:0;
width:100%;
background:#333;
color:#f3f3f3;
}

.rokstories-layout3 .feature-circles {
text-align:center;
margin:15px 0;
}

.rokstories-layout3 .feature-circles-sub {
cursor:pointer;
display:inline-block;
height:10px;
margin:0 5px;
width:10px;
background:url(../img/circles.gif) top left no-repeat;
}

.rokstories-layout3 .feature-circles .active {
background:url(../img/circles.gif) bottom left no-repeat;
}

.rokstories-layout3 .feature-circles-sub span {
display:none;
}

.rokstories-layout4 .image-container {
position:relative;
overflow:hidden;
}

.rokstories-tip {
background:url(../img/thumbs-bg.png) bottom center;
padding:10px 10px 25px;
text-align:center;
}

.rokstories-layout4 .image-small {
display:none;
}

.rokstories-layout4 .description {
left:0;
font-size:90%;
padding:5px;
}

.rokstories-layout4 .description .feature-title {
margin:0;
font-size:140%;
line-height:170%;
}

.rokstories-layout4 .description .feature-desc {
font-size:90%;
}

.rokstories-layout4 .desc-container {
bottom:30px;
left:0;
width:100%;
background:#333;
color:#f3f3f3;
}

.rokstories-layout4 .feature-number {
text-align:center;
margin:15px 0;
}

.rokstories-layout4 .feature-number-sub {
background:#2a81ea;
cursor:pointer;
display:inline-block;
height:10px;
margin:0 2px;
padding:5px;
text-align:center;
line-height:10px;
}

.rokstories-layout4 .feature-numbers {
bottom:5px;
left:5px;
position:absolute;
z-index:5;
}

.rokstories-layout4 .feature-numbers .active {
background:#2c4b70;
}