/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Generic Article
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.ArticleHolder { margin-top: 5px; }
div.Article { margin-bottom: 20px; width: auto; position: relative; border-bottom: 1px solid #FFD3A5; padding-bottom: 10px; height: 1%; }

div.Article h1 { margin: 0px 0px 0px !important; padding: 0px !important; font-size: 160% !important; height: auto !important; overflow: auto  !important; } 
div.Article h1 em { font-style: normal; font-size: 90%; font-weight: normal; }
div.Article h1 a:link,
div.Article h1 a:visited { color: #3A434B; text-decoration: none; }
div.Article h1 a:hover { color: #3A434B; text-decoration: underline; }

div.Article h2 { color: #3A434B; font-size: 110%; margin: 0px; padding: 0px; background: none; }
div.Article h2 em { font-style: normal; font-size: 90%; font-weight: normal; }
div.Article h2 a:link,
div.Article h2 a:visited { color: #3A434B; text-decoration: none; }
div.Article h2 a:hover { color: #3A434B; text-decoration: underline; }

div.Article p { margin: 5px 0px; }
div.Article p.SubHeading { color: #999; font-weight: bold; }
div.Article p.Text { width: 370px; color: #3A434B; }
div.Article p.Text.Wide { width: 550px; }
div.Article p.Link { color: #F08A05; }
div.Article p.Link a { font-weight: bold; }
div.Article p.HighlightStrong strong { background-color: #FFFFCC; color: #CC0000; font-weight: normal; }

div.Article p.Table {}
div.Article table { margin: 10px 0px; color: #3A434B; border-right: 1px solid #FFF; background: #F8F8F8; }
div.Article table tr.Darker { background: #EEE; }
div.Article table th { padding: 2px 4px;  border-bottom: 1px solid #333; background: #888; color: #FFF; }
div.Article table td { padding: 2px 4px 4px;  }
div.Article table th.End,
div.Article table td.End { border-right: none; }
div.Article table a:link,
div.Article table a:visited { color: #3A434B; }

div.Article.Image { padding-left: 80px; min-height: 70px;  }
div.Article div.Thumbnail { position: absolute; top: 0px; left: 0px; border: 1px solid #CCC; padding: 2px; }
div.Article div.Thumbnail.Right { left: auto; right: 0px; }

* html div.Article.Image { height: 70px; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Generic Article - File List
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.FileList { margin: 0px; }
div.FileList ul { margin: 10px 0px; padding: 0px; list-style: none; }
div.FileList ul li { margin: 0px; padding: 5px 0px 5px 22px; height: 1%; position: relative; }
div.FileList ul li a { } 
div.FileList ul li span.Icon { display: block; position: absolute; top: 4px; left: 0px; } 
div.FileList ul li span.FileSize { font-size: 90%; color: #999; }
div.FileList ul li.Underline { padding-bottom: 10px; margin-bottom: 20px;  border-bottom: 1px dashed #CCC; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Generic Details
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.Details { margin-bottom: 15px; }

div.Details h2 { color: #3A434B; font-size: 150%; margin: 0px; padding: 0px; background: none; width: auto;  }
div.Details p { margin: 5px 0px; }
div.Details p.SubHeading { color: #999; margin-bottom: 15px; }
div.Details p.Intro { font-size: 120%; color: #3A434B; margin-bottom: 10px; }
div.Details p.Text { color: #3A434B; }
div.Details p.Link { color: #F08A05; }
div.Details p.Link a { font-weight: bold; }

span.Divider { color: #CCC; }

/*div.Details.Indent { padding-left: 80px; }*/
div.Details div.Thumbnail { float: left; margin: 0px 10px 10px 0px; border: 1px solid #CCC; padding: 2px; }
div.Details div.Thumbnail a { position: relative; }
div.Details div.Thumbnail p { margin: 0px; padding: 4px 6px; font-size: 90%; background: #666; color: #FFF; }

div.Details div.Thumbnail span.Enlarge { display: block; position: absolute; bottom: 3px; right: 3px; width: 104px; height: 28px; background: url('../Images/Icons/Custom/EnlargeImage.png') left top no-repeat scroll; }
div.Details div.Thumbnail span.Enlarge b { display: none; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Quote
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.QuoteHolder { border: 1px solid #EEE; padding: 7px 12px; background: #F2F2F2; position: relative; margin-bottom: 10px; height: 1%; }
div.QuoteHolder p { margin: 0px  !important; }
div.QuoteHolder p.Quote { font-size: 150%; margin-bottom: 5px !important; position: relative; height: 1%; }
div.QuoteHolder p.QuoteBy { }
div.QuoteHolder p.Link { color: #F08A05; margin-top: 5px !important; }
div.QuoteHolder p.Link a { font-weight: bold; }
div.QuoteHolder div.Thumbnail { float: right; margin: 0px 0px 10px 10px; border: 1px solid #CCC; padding: 2px; }
div.QuoteHolder div.Thumbnail a { }

div.SideColumn div.QuoteHolder { padding: 0px 35px 0px 30px; }

div.QuoteHolder span.QuoteMark { display: block; width: 19px; height: 14px; background: url('../Images/Layout/Theme03/QuoteMarks.gif') left top no-repeat scroll; }
div.QuoteHolder span.QuoteMark.Start { position: absolute; top: 0px; left: -22px; }
div.QuoteHolder span.QuoteMark.End { position: absolute; bottom: -5px; right: -12px; }
* html div.QuoteHolder span.QuoteMark.End { bottom: -10px; }


div.SideColumn div.QuoteHolder { border: none; background: none; color: #333; }
div.SideColumn div.QuoteHolder p.Quote { font-size: 150%; margin-bottom: 5px; }
div.SideColumn div.QuoteHolder p.QuoteBy { color: #666; }
div.SideColumn div.QuoteHolder p.Link { position: relative; right: auto; bottom: auto; margin-top: 5px !important; }

div.Details div.QuoteHolder { margin-top: 10px; }


div.MiddleColumn div.QuoteHolder.Right { position: absolute; top: 60px; right: 15px; width: 200px; height: auto; background: #FFF2E2; border: 1px solid #CCC; border-top-color: #FFF; border-left-color: #FFF; }
div.MiddleColumn div.QuoteHolder.Right  p.Quote { font-size: 120%; font-style: italic; font-family: Verdana, Arial, Helvetica, sans-serif; }
div.MiddleColumn div.QuoteHolder.Right  p.QuoteBy { color: #777; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Image Thumbnails
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.ThumbnailHolder { margin-top: 30px; padding-top: 5px; border-top: 1px dashed #CCC; position: relative; height: 1%; clear: both; }
div.ThumbnailHolder div.Thumbnail { float: left; border: 1px solid #CCC; padding: 1px; background: #FFF; margin-right: 4px; }
div.ThumbnailHolder div.Thumbnail a { position: relative; }

div.ThumbnailHolder div.Thumbnail span.Enlarge { display: block; position: absolute; bottom: 3px; right: 3px; width: 29px; height: 28px; background: url('../Images/Icons/Custom/EnlargeImageSmall.png') left top no-repeat scroll; }
div.ThumbnailHolder div.Thumbnail span.Enlarge b { display: none; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*