/* Begin Shared Styles */
#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 .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('/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('/images/article/subscribeBannerSmall.gif');
    background-repeat:no-repeat;
    height:37px;
    padding-top:10px;
    font-weight:700;
    margin-left:210px;
}

/* 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(/images/icons/arrows.gif) no-repeat;
    display:block;
    width:30px;
    height:30px;
    float:left;
    cursor:pointer;
    font-size:1px;
    margin:55px 10px;
}

/* 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:530px;
    height:100px;
    float:left;
    margin-top:20px;
    padding-top:0;
}

/*
	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(../../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;
}