/*	************************************************************************************
	Stylesheet contains all the styles related to an article with the Sitecore website.
	Update the styles below accordingly for the site you are developing for.
	************************************************************************************	*/




/* Headline of the article */
.article h1
{
	color:#237248;
	font-size:20px;
	margin:0;
	padding:0;
}



/* Subheading */
.article .subhead
{
	font-weight:bold;
}
.article .subhead p
{
	margin:0;
	padding:0;
}



/* Authors */
.article .authors
{
	font-size:12px;
	font-style:italic;
}



/* Publish date */
.article .pubDate
{
	font-size:11px;
}



/* Article segment */
.article .articleSegment
{
	padding:25px 0 0 0;
}



/* Attachment box for holding PDF and MISC file downloads */
.article .attachmentBox
{
	background-color:#EAEAEA;
	border-top:2px solid #CCCCCC;
	padding:5px;
	font-size:12px;
	margin:15px 0 0 0;
}
.article .articleSegment .attachmentBox
{
	background-color:#EAEAEA;
	border-top:2px solid #CCCCCC;
	padding:5px;
	font-size:12px;
	margin:0 0 10px 0;
}
.article .attachmentBox h6
{
	padding:0;
	margin:0;
	font-size:13px;
}
.article .attachmentBox ul
{
	padding:5px 0 4px 25px;
	margin:0;
	list-style-type:square;
}
.article .attachmentBox ul li
{
	padding:0 0 2px 0;
}


/* Related issues box */
.article .relatedIssues
{
	background-color:#EAEAEA;
	border-top:2px solid #CCCCCC;
	margin:20px 0 0 0;
	padding:5px;
	font-size:12px;
}
.article .relatedIssues h6
{
	padding:0;
	margin:0;
	font-size:13px;
}
.article .relatedIssues ul
{
	list-style-type:square;
	padding:5px 0 5px 25px;
	margin:0;
}
.article .relatedIssues ul li
{
	padding:0 0 2px 0;
}



/* Related articles box */
.article .relatedArticles
{
	background-color:#EAEAEA;
	border-top:2px solid #CCCCCC;
	margin:20px 0 0 0;
	padding:5px;
	font-size:12px;
}
.article .relatedArticles h6
{
	padding:0;
	margin:0;
	font-size:13px;
}
.article .relatedArticles ul
{
	list-style-type:square;
	padding:5px 0 5px 25px;
	margin:0;
}
.article .relatedArticles ul li
{
	padding:0 0 2px 0;
}



/*	**************************************************************************************
	Images styles are contained below.  These relate to standard and segmented articles.
	**************************************************************************************	*/

/* Container for standard images */
.article .standardImage .container
{
	background-color:#EAEAEA;
	padding:7px;
	margin:0 0 10px 0;
}



/* Container for segmented imaged */
.article .segmentedImage .container
{
	background-color:#EAEAEA;
	padding:7px;
	margin:0 0 10px 0;
}



/* Credit */
.article .standardImage .credit, .article .segmentedImage .credit
{
	font-size:11px;
	font-style:italic;
}



/* Caption */
.article .standardImage .caption, .article .segmentedImage .caption
{
	font-size:11px;
}


/* Gallery title */
.article .galleryTitle
{
    font-weight:bold;
    font-size:15px;
    color:#333;
}


/* No outline style for links in the gallery */
.article .galleryNoOutline a:link, 
.article .galleryNoOutline a:visited
{
    outline:none;
}


/* Gallery description */
.article .galleryDescription
{
    font-size:12px;
    padding:0 0 20px 0;
}


/* Gallery next previous numbers */
.article .galleryNextPrevNumbers
{
    font-size:14px;
    font-weight:bold;
    color:#555;
}


/* Gallery main image display */
.article .galleryMainImageDisplay
{
    margin:5px 0 0 0;
    background-color:#000;
}



/* Area for the gallery thumbnails */
.article .galleryThumbnails
{
    margin:10px 0 0 0;
}


/* Gallery thumbnails container */
.article .galleryThumbnailsContainer
{
    width:100px;
    margin:0 10px 10px 0;
    float:left;
    overflow:hidden;
}


/* Gallery thumbnails background */
.article .galleryThumbnailsBackground
{
    background-color:#000;
    width:90px;
    height:80px;
    padding:5px;
}



/* Gallery slider display */
.article .gallerySliderDisplay
{
    padding:20px 0 0 0;
}



/* Gallery slider container */
.article .gallerySliderContainer
{
    background-color:#eaeaea;
    height:80px;
    overflow:hidden;
}



/* Gallery slider thumbnail container (side navigation) */
.article .gallerySliderThumbnailContainerSideNav
{
    width:100px;
    float:left;
    overflow:hidden;
    margin:0 3px 0 3px;
}



/* Gallery slider thumbnail container (no side navigation) */
.article .gallerySliderThumbnailContainerNoSideNav
{
    width:100px;
    float:left;
    overflow:hidden;
    margin:0 9px 0 9px;
}



/* Gallery slider thumbnail */
.article .gallerySliderThumbnail
{
    background-color:#000;
    width:100px;
    height:80px;
    vertical-align:middle;
}


/* Gallery slider container */
.article .gallerySliderThumbnailContainer
{
    position:absolute;
    top:0;
	left:0;
}



/* Gallery image title (slider) */
.article .galleryImageTitle
{
    font-size:15px;
    color:#333;
    font-weight:bold;
    line-height:normal;
}



/* Gallery image caption (slider) */
.article .galleryImageCaption
{
    font-size:12px;
    line-height:normal;
}



/* Gallery image credit (slider) */
.article .galleryImageCredit
{
    font-size:10px;
    color:#666;
    font-style:italic;
    line-height:normal;
    width:100%;
    text-align:right;
}


/* Paragraph handler */
.article .galleryImageTitle p, 
.article .galleryImageCaption p,
.article .galleryImageCredit p
{
    padding:0;
    margin:0;
}


/* Gallery image share section */
.article .galleryShareImage
{
    width:105px;
    padding:0 0 0 25px;
}