/* Begin Shared Styles */
#section-2 {
width: 600px;
}

#section-1 {
display:none;
}

#section-2 .kicker {
font-size:18px;
color:#000;
font-weight:700;
padding:10px 0;
}

#section-2 .additional {
position:relative;
}

#section-2 .record img {
margin:0;
}

#section-2 .record .image {
float:left;
margin-left:0;
}

#section-2 .record .properties {
font-size:11px;
color:#000;
}

#section-2 .record h1 {
font-size:32px;
line-height:32px;
margin-bottom:7px;
color:#3068A5;
}

#section-2 .record .sub-headline {
font-weight:700;
font-size:14px;
line-height:18px;
}

#section-2 .record .type {
border-right:1px solid #ccc;
padding-right:4px;
margin-right:4px;
}

#section-2 .record .abstract,#section-2 .record .body {
color:#262626;
font-size:88%;
padding-bottom:15px;
width:auto;
line-height:120%;
}

#section-2 .record .comment-count {
padding-left:20px;
padding-top:5px;
float:right;
}

/* Begin Article Author */
/* Begin Article Print */
/*  Begin Article Show */
#subscribeBannerLarge {
text-align:center;
background-image:url('https://www.stoneworld.com/images/article/subscribeBanner.gif');
background-repeat:no-repeat;
height:37px;
width:100%;
padding-top:10px;
font-weight:700;
}

#subscribeBannerSmall {
text-align:center;
background-image:url('https://www.stoneworld.com/images/article/subscribeBannerSmall.gif');
background-repeat:no-repeat;
height:37px;
padding-top:10px;
font-weight:700;
margin-left:210px;
}

/* Start Sponsored article styles */

/* Sponsored Author Bio */
.article-show.sponsored .author-bio {
  background-color:#ebebeb;
  padding:10px;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}

/* Sponsored badges for links */
.articles__sponsored-by {
  background-color: #EDB802;
  padding:0 4px 0 4px;
  display:table-cell;
  color:#FFF !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size:10px;  
  line-height: 1.5em;
}

.articles__sponsor-name {
  font-size:12px;
}

.articles__sponsor-image {
  display:block;
  max-width:100%;
  max-height:60px;
}

/* End sponsored article styles */

/* Start Recent Articles */
.recent-article {
margin-bottom:10px;
}

.recent-article .record {
padding:4px 0;
}

.recent-article .record h2,.recent-article .record h1,.recent-article .record .headline {
font-size:14px;
font-weight:700;
line-height:30px;
margin-bottom:0;
margin-top:0;
}

.recent-article .author_image {
float:left;
padding-right:10px;
margin:10px 0;
}

.recent-article .author_bio {
font-size:12px;
margin:10px 0;
}

/* End Recent Articles */

/* Start Image Scroller
 prev, next, prevPage and nextPage buttons */
a.browse {
background:url(https://www.stoneworld.com/images/icons/arrows.gif) no-repeat;
display:block;
width:30px;
height:30px;
float:left;
cursor:pointer;
font-size:1px;
margin:55px 10px;
}

 .prevImage, .nextImage  {
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1px;
    height: 100px;
    width: 18px;
    position:absolute;
}


.nextImage {
     top:150px;
    right:0px;
    background: url("https://www.stoneworld.com/images/global/gallery_next.png") no-repeat scroll 0 0 transparent;
    margin-left: 5px;
}

.prevImage {
    top:150px;
    left:0px;
    background: url("https://www.stoneworld.com/images/global/gallery_prev.png") no-repeat scroll 0 0 transparent;
    margin-left: 5px;
}

/* right */
a.right {
background-position:0 -30px;
clear:right;
margin-right:0;
}

a.right:hover {
background-position:-30px -30px;
}

a.right:active {
background-position:-60px -30px;
}

/* left */
a.left {
margin-left:0;
}

a.left:hover {
background-position:-30px 0;
}

a.left:active {
background-position:-60px 0;
}

/* disabled navigational button */
a.disabled {
visibility:hidden !important;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.*/
.image-gallery {
position:relative;
overflow:hidden;
width:520px;
height:100px;
float:left;
margin-top:20px;
padding-top:0;
}

.image-gallery .gallery-records {
    clear: both;
    position: absolute;
    width: 20000em;
}

#image_wrap {
	text-align:center;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.*/
.image-gallery .records {
width:20000em;
position:absolute;
clear:both;
}

/* single scrollable item */
.image-gallery .gallery-item {
float:left;
background-color:#fff;
border:1px solid #989898;
cursor:pointer;
width:100px;
height:75px;
overflow:hidden;
margin:10px 5px 10px 24px;
padding:0;
}

/* active item */
.image-gallery .active {
border:2px solid #000;
z-index:9999;
position:relative;
padding:0;
}

#image-wrap {
display:block;
}

/* the caption that shows under each image in a slideshow */
#photo_title {
font-size:10px;
width:602px;
min-height:30px;
background-color:#ddd;
padding:5px;
}

#subscribeBannerLarge a,#subscribeBannerSmall a {
color:#fff;
}

.image-gallery img, .image-gallery .image {
margin:0;
padding:0;
height:75px;
}

.modal {
  margin: 0 auto;
  vertical-align:middle;
  background-color:#fff;
  display:block;
  width:350px;
  padding:15px;
  text-align:left;
  border:2px solid #333;

  opacity:1;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  -moz-box-shadow: 0 0 50px #ccc;
  -webkit-box-shadow: 0 0 50px #ccc;
}

.modal h2 {
  margin:0px auto;
  padding:0px;
  font-size:18px;
  width:230px;
  margin-bottom:5px;
}

.modal .close {
	background-image:url(https://www.stoneworld.com/images/icons/klose.png);
	position:absolute;
	top:-15px;
  right:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.modal .form label
{
  width:auto;
  padding-bottom:5px;
  text-align:left;
}