﻿.ArticleContentBody
{
    font-size:12px;
    text-align:justify;
    overflow:hidden;
}
.ArticleHeadlineContainer
{
    margin-bottom:8px;
}
.ArticleHeadline
{
    font-size:18px;
    font-weight:bold;
}
.ArticleSubHeadline
{
    font-size:14px;
}
.ArticleAuthor
{
    font-size:10px;
    color:#4c4c4c;
}
.ArticleImageTopLeft, .ArticleOneClipContainer, .ArticleImageR, .ArticleImageL, .ArticleFlipbookContainerR, .ArticleFlipbookContainerL, .ArticleImageContainerL, .ArticleImageContainerR, .ArticleAdR, .ArticleAdL
{
    margin:10px;
    border:5px solid #e5e5e5;
}
.ArticleImageTopLeft, .ArticleOneClipPlayer, .ArticleOneClipList, .ArticleOneClipContainer
{
    float:left;
    margin-top:0px;
    margin-left:0px;
}
.ArticleImage
{
    max-width:300px;
    /*hack for IE6, since IE6 does not support max-width*/
    width: expression(this.width > 300 ? "299px" : "auto");
}
.ArticleImageL, .ArticleAdL
{
    margin-left:0px;
    float:left;
    clear:left;
}
.ArticleImageR, .ArticleAdR
{
    margin-right:0px;
    float:right;
    clear:right;
}
.ArticleImageContainerL, .ArticleImageContainerR 
{
    background-color:#e5e5e5;
    max-width:300px;
    /*hack for IE6, since IE6 does not support max-width*/
    width: expression(this.width > 300 ? "299px" : "auto");
}
.ArticleImageContainerL
{
    margin-left:0px;
    float:left;
    clear:left;
}
.ArticleImageContainerR
{
    margin-right:0px;
    float:right;
    clear:right;
}
.ArticleOneClipContainer
{
    width:300px !important;
    width:303px;
    overflow:hidden;
}
.ArticleOneClipPlayer
{
    width:300px;
    height:278px;
}
.ArticleOneClipList
{
    list-style-type:none;
    width:300px;
    padding:0px;
    overflow:hidden;
    margin:0px;
}
.ArticleOneClipList li
{
    font-size:11px;
    font-weight:bold;
    height:21px;
    border:1px solid #919ea7;
    float:left;
}
.ArticleOneClipList li span
{
    float:left;
}
.ArticleOneClipList li img
{
   float:right;
   display:inline;
   margin-right:10px;
}
.ArticleOneClipList a, .ArticleOneClipList a:visited
{
    text-decoration:none;
}
.ArticleOneClipList a:hover
{
    text-decoration:underline;
}
.ArticleOneClipListLinkOff, .ArticleOneClipListLinkOn
{
    padding-top:3px;
    padding-left:5px;
    display:block;
    width:293px;
    height:18px;
    background-repeat:repeat-x;
}
.ArticleOneClipListLinkOff
{
    color:#535353;
    background-color:#dfdfdf;
    /*background-image:url('../Images/articleVideoListBg.jpg');*/
}
.ArticleOneClipListLinkOn
{
    color:#ffffff;
    background-color:#517d9a;
    /*background-image:url('../Images/articleVideoListBgOn.jpg');*/ 
}
.ArticleFlipbookContainerL, .ArticleFlipbookContainerR
{
    width:208px;
    /*height:208px;*/
    border:5px solid #e5e5e5;
    background-color:#e5e5e5;
    cursor:pointer;
    overflow:hidden;
    font-size:12px;
    font-weight:bold;
    text-align:left;
    color:#2e6991;
}
.ArticleFlipbookContainerL
{
    float:left;
    clear:left;
    margin-left:0px;
}
.ArticleFlipbookContainerR
{
    float:right;
    clear:right;
    margin-right:0px;
}
/*.ArticleFlipbookContainerL div, .ArticleFlipbookContainerR div*/
.ArticleFlipbookImage
{
    float:left;
    width:98px;
    height:98px;
    border:3px solid #e5e5e5;
}
.ArticleFlipbookCaption, .ArticleImageCaption
{
    float:none;
    border:0px;
    text-align:left;
    font-size:10px;
    color:#535353;
    width:100%;
    height:auto;
    font-weight:normal;
}
.ArticleImageCaption
{
    margin-top:3px;
}
.ArticleFlipbookLink, .ArticleFlipbookLink:visited
{
    color:#535353;
    text-decoration:none;
}
.ArticleFlipbookLink:hover
{
    color:#535353;
    text-decoration:none;
}
.ArticleContentSeparatorTop
{
    width:100%;
    background-color:#e7e9e8;
    height:2px;
    margin-top:40px;
}
.ArticleContentSeparatorBottom
{
    width:100%;
    background-color:#abc1cf;
    height:2px;
}
.ArticleCommentsContainer, .ArticleCommentsHeader
{
    width:560px;
    margin-top:35px;
    margin-left:auto;
    margin-right:auto;
}
.ArticleCommentsContainer
{
    margin-top:25px;
}
.ArticleCommentsTitle
{
    color:#2e6991;
    font-weight:bold;
    font-size:18px;
    margin-bottom:17px;
}
.ArticleCommentsHeader
{
   
}
.ArticleAuthorTxt, .ArticleCommentTxt
{
    background-color:#f0f0f0;
    border:1px solid #c4c4c4;
    color:#535353;
    font-size:12px;
    padding:3px;
}
.ArticleAuthorTxt
{
    font-weight:bold;
    font-size:14px;
}
.ArticleCommentTxt
{
    margin-top:8px;
    width:451px;
    margin-right:5px;
}
.ArticleCommentSubmitBtn
{
    margin-bottom:-2px;
    cursor:pointer;
}
.ArticleAuthorError
{
    color:#9f1212;
    font-size:11px;
    margin-left:10px;
}
.ArticleFlipbookInstruction
{
    font-size:10px;
}
.ArticleCommentsCount
{
    color:#2e6991;
    font-weight:bold;
    font-size:18px;
}