﻿/*BlogMaster Begin*/
.BlogMaster
{
    margin: 0;
    padding: 0;
    width: 100%;
    /*background-color: #f9f9f9;*/
}
.BlogMasterTop
{
    width: 100%;
    position: relative;
    z-index: 2;
}
.BlogMasterMiddle
{
    display: table;
    margin: 0 auto;
    padding: 0 10px 0 20px;
    position: relative;
    _top: -23px;
    width: 1015px;
    z-index: 1;
}
.BlogMasterBottom
{
    background-color: #2C303B;
    border-top: 1px solid #383C47;
    clear: both;
    color: #FFFFFF;
    padding: 0;
    width: 100%;
}
.BlogMainDivRight
{
    width: 280px;
    margin-left: 25px;
    margin-top: 40px;
    float: left;
}
.BlogMainDivCenter
{
    float: left;
    width: 700px;
    border-right: 1px solid #e5e5e5;
   _margin-top: -40px;    
}
/*BlogMaster End*/
/*CommonSidebar Begin*/
.BlogSidebarTop
{
    background-color: #d5d9df;
	min-height:20px;
	padding: 8px 10px 8px 20px;
	border: solid 1px #d2d7db;
}
.BlogSidebarTopTitle,.BlogMainDiv .SidebarTopTitle
{
    width: 260px;
    float: left; 
    font-size: 30px; 
    color: #000; 
    line-height: 40px; 
    padding: 5px 0;
    margin-bottom: 10px;
    font-weight: lighter;
    cursor: pointer; 
}
.BlogSidebarRight
{
    font-size: 12px;
    padding: 15px;
    background-color: #f7f7f7;
    border: solid 1px #ccc;
    border-top: 0;
}
.BlogSidebarTopImgLeft,
.BlogSidebarTopImgRight,
.BlogSidebarBottom
{
    display: none;
}
/*CommonSidebar End*/
/*CommonSideBanner Begin*/
.SideBannerTop
{
    display: none;
}
.SideBannerRight img
{
    max-width: 192px;
    width: auto !important;
    width: 192px;
}
.SideBannerBottom
{
    display: none;
}
/*CommonSideBanner End*/
/*ArchiveList Begin*/
.ArchiveListGridView
{
    width:90%;
    clear: both;
    margin: 10px auto;    
    text-align: left;
    border:0!important;
}
.ArchiveListGridView th{text-align: left; padding-left: 18px; font-size: 13px;}
.ArchiveListDateHeaderColumnDateStyle
{
    background-color: #E0E2E5;
    border-top: solid 1px #D6D8DB;
    border-bottom: solid 1px #D6D8DB;
    height: 32px;
    color: #333;
    padding: 3px;
}
.ArchiveListTopicItemColumnTopicStyle
{
    padding: 10px 2%;
    width: 96%;
}

.ArchiveListTopicItemColumnTopicStyle a
{
    color: #888;
    text-decoration: none;
    font-weight: bold;
    
}

.ArchiveListTopicItemColumnTopicStyle a:hover
{
    color: #438bc5;
}
.ArchiveListEmptyRowStyle
{
    border: solid 1px #ddd;
}
/*ArchiveList End*/

/*BlogNavList Begin*/
.BlogNavList
{
    width: 218px;
    margin-bottom: 1px;
    clear: left;
}
/*BlogNavList End*/
/*BlogNavNormalList Begin*/
.BlogNavNormalList
{
    width: 100%;
}
.BlogNavNormalListLink a
{
    padding: 3px 0px 3px 22px;
    width: 164px;
    height: 100%;
    vertical-align: middle;
    display: block;
    color: #333;
    text-decoration: none;
    white-space: normal;
    background: url(Images/Bullet/Bullet1.gif) no-repeat 7px 8px;
    text-align: left;
}

.BlogNavNormalListLink a:hover
{
    background: #eaeaea url(Images/Bullet/Bullet2.gif) no-repeat 7px 8px;
}
.BlogNavNormalListMoreLink
{
    text-align: right; padding: 4px 5px 0;
    border-top: solid 1px #ddd;
}

.BlogNavNormalListMoreLink a
{
    color: #438bc5; font-size: 11px;
}

.BlogNavNormalListMoreLink a:hover
{
    color: #000; text-decoration : none;
}
/*BlogNavNormalList End*/
/*BlogDetails Begin*/
.BlogDetails
{
    width: 700px;
    margin: 0 auto 10px;
}
.BlogDetailsTopTitle
{
    color: #000;
    font-size: 22px;
}
.BlogDetailsTop
{
    line-height: 38px;
    min-height: 45px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}
.BlogDetailsTopImgLeft, .BlogDetailsTop .BlogDetailsImgLeft
{
   display:none;
}

.BlogDetailsTopImgRight, .BlogDetailsTop .BlogDetailsImgRight
{
    display:none;
}
.BlogDetailsLeft
{
    font-size: 12px;
}
.BlogDetailsRight
{
   padding: 5px 0;
}
.BlogDetailsBottom
{
    display:none;
}
.BlogDetailsRight .NoteText
{
    color: #ee9e22;
    font-weight: bold;
}

.BlogFormView
{
    width: 770px;
}

.FacebookCommentBox
{
    margin-top:10px;
}
/*BlogDetails End*/

/*BlogDetailsDefault Begin*/
.BlogDetailsDefaultPublisherDiv
{
    font-size: 13px;
}

.BlogDetailsDefaultBlogContentLabel
{
    float: left;
    width: 670px;
    margin-left: 20px;
}

.BlogDetailsDefaultBlogContentDiv
{
    font-size: 15px;
}

.BlogDetailsDefaultTagsDiv
{
    margin-top: 30px; 
    padding: 5px; 
    font-size: 13px; 
    color: #777;
    border-top: solid 1px #ddd;
    line-height: 20px;
    float: left;
    width: 685px;
}
.BlogDetailDefaultTagLabelDiv
{
    float: left;
}

.BlogDetailsDefaultTagsLink
{
	color: #777;
	text-decoration: none;
}
.BlogDetailsDefaultTagsLink:hover
{
	color: #F77636;
	text-decoration: underline;
}
.continue_comments_box a 
{
    color: #F87736;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}
.BlogDetailsDefaultPublisherDiv .continue_comments_box a 
{
    float: right;
}
.BlogSitemap
{
    border: 1px solid #E5E5E5;
    height: 40px;
    margin: 10px 0 0;
    width: 992px;
}

/*BlogDetailsDefault End*/

/*BlogList Begin*/
.BlogListTop
{
    line-height: 38px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    margin-top: 40px;
}
.BlogListTopTitle
{
    color: #333333;
    font-size: 20px;
    font-weight: bold;
}
.BlogListTop .ContentTitle
{
    margin-top: -20px;
}
.BlogListTopImgLeft, .BlogListTop .BlogListImgLeft
{
   display:none;
}

.BlogListTopImgRight, .BlogListTop .BlogListImgRight
{
    display:none;
}
.BlogListRight
{
   padding: 5px 0;
}
.BlogListBottom
{
    display:none;
}
.BlogNoData
{
    border: solid 1px #ddd;
    background-color: #F8F8F8;
    color:#888;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    clear: left;
    width: 100%; line-height: 25px;
    height: 28px; padding: 3px 0;
    display: table;
}
/*BlogList End*/

/*BlogListItem Begin*/
.BlogListItem
{
    font-size: 18px;
    margin-bottom: 30px;
}

.BlogListItemTable
{
    width: 700px;
    border-bottom: 1px solid #ededed;
}

.BlogListItemDetailsColumn
{
    padding: 10px 0px;
    vertical-align: top;
}

.BlogListItemDetailsDiv
{
}

.BlogListItemBlogTitleDiv
{
}

.BlogListItemNameLink
{
    font-size: 22px;
    color: #000;
    text-decoration: none;
}

.BlogListItemPublisherDiv
{
    font-size: 13px;
    float: left;
    margin-left: 10px;
}
.BlogListItemPublisherDiv a
{
    color: #b2b2b2;
}

.BlogListItemShortContentDiv
{
    padding: 0 20px 20px 20px;
    font-size: 15px;
}

.BlogListItemMessageDiv
{
}
.BlogPublisher
{
    color: #438bc5;
}
.BlogPublishDate
{
}
.BlogListItemBannerDiv
{
    margin-bottom: 40px;
}
.BlogListItemBannerDiv img
{
    width: 700px;
}
.BlogListItemDetailHeaderDiv
{
    width: 699px; 
    border: 1px solid #e5e5e5; 
    border-right: none;
    margin-bottom: 20px;
}
.BlogListItemDetailHeaderRightDiv
{
    float: left; 
    width: 80px; 
    color: #06be6a; 
    text-align: center; 
    font-size: 19px;
    width: 80px; 
    text-transform: uppercase;
}
.BlogListItemDetailHeaderRightDiv .MonthDiv
{
    line-height: 25px;
    margin-top: 7px;
}
.BlogListItemDetailHeaderRightDiv .DayDiv
{
    font-size: 30px;
    line-height: 32px;
}
.BlogListItemDetailHeaderMiddleDiv
{
    float: left; 
    width: 484px; 
    min-height: 72px; 
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.BlogListItemSubjectDiv
{
    float: left; 
    width: 484px; 
    padding-top: 5px; 
    margin-left: 10px;
}
.BlogListItemPublisherCategoryDiv
{
    float: left; 
    width: 484px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.BlogListItemFacebookDiv
{
    float: left; 
    padding-top: 10px; 
    margin-left: 10px;
}
.BlogListItemGooglePlusDiv
{
    float: left; 
    margin-left: 10px;
}
.BlogListItemViewMoreDiv
{
    background-color: #FFFFFF; 
    font-size: 12px; 
    left: -10px;
    padding-left: 10px; 
    position: relative; 
    top: 20px; 
    width: 100px;
}
.BlogListItemViewMoreDiv a
{
    background: url("Images/Bullet/bullet-more.png") no-repeat scroll right center transparent;
    color: #484848;
    font-size: 14px;
    margin-top: 10px;
    padding-right: 22px;
    text-decoration: none;
}
.publisherName
{
    color: #b2b2b2;
}    
/*BlogListItem End*/

/*BlogListRowStyle Begin*/
.BlogListDefault
{
}
.BlogListDefaultPageControlPanel
{
    clear: both;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 3px 2%;
    width: 96%;
    color: #555;
}
.BlogListDefaultItemPerPage
{
    float: left;
    width: 30%;
    font-size: 11px;
    display: none;
}
.BlogListDefaultItemPerPage select {
    float: left;
    margin-right: 10px;
    margin-top: 6px;
}
.BlogListDefaultItemPerPage .OptionControlTitle {
    float: left;
    margin-right: 10px;
}
.BlogListDefaultPagingControl
{
    float: right;
    height: 30px;
    margin-top: -15px;
    margin-right: 15px;
    letter-spacing: 1px;
}
.BlogListDefaultPagingControl a
{
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
}
.BlogListDefaultPagingControl .PagingCurrent
{
    font-size: 14px;
    font-weight: normal;
}
.BlogListDefaultPagingControl .PagingPrev
{
    background: url("Images/Icon/icon-prev-orange.gif") no-repeat scroll left center transparent;
}
.BlogListDefaultPagingControl .PagingNext
{
    background: url("Images/Icon/icon-next-orange.gif") no-repeat scroll right center transparent;
}

.BlogListDefaultDataList
{
    width: 100%;
    clear: left; 
    float: left;
}

.BlogListDefaultDataListHeader
{
    display: none;
}

.BlogListDefaultDataListItemStyle
{
    vertical-align: top;
}
/*BlogListRowStyle End*/

/*SearchBox Begin*/
.SearchBox
{
    width: 218px;
    margin-bottom: 1px;
    clear: left;
}
.SearchBox .SidebarTop
{
    background-color: #d5d9df;
	min-height:20px;
	padding: 8px 10px 8px 20px;
	border: solid 1px #d2d7db;
}
.SearchBox .SidebarTopTitle
{
    color: #363a3b;
    float: left;
    font-size: 16px;
    font-weight: bold;
    width: 180px;    
}
.SearchBox .SidebarRight
{
    font-size: 12px;
    padding: 15px;
    background-color: #f7f7f7;
    border: solid 1px #ccc;
    border-top: 0;
}
.SidebarTopImgLeft,
.SidebarTopImgRight,
.SidebarBottom
{
    display: none;
}
.SearchBoxTextBox
{
    z-index: 1;
    width: 145px;
    border: solid 1px #ddd;
    border-right: none;
    color: #444;
    font-size: 12px;
    height: 18px;
    float: left;
    margin-bottom: 5px;
}
/*SearchBox End*/
/*Blog Comment*/
.BlogComment .CommonPageTop {display: none;}
.BlogCommentDiv
{
    /*width: 100%;  */
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 15px;
    width: 675px;
}
.BlogCommentDiv table
{
    width: 100%;  
}
.BlogCommentTitle
{
    float: left;    
    font-weight: bold;
}
.BlogCommentTitle .CommonPageTopTitle
{
    font-size: 13px;
    float: none;
    margin: 0px;
}
.BlogCommentDotted
{
    clear: left;
    border-bottom: dotted 1px #CCC;
    padding-top: 10px;    
}
.BlogCommentTextArea
{
    width: 100%; 
    height: 114px;    
}
.BlogCommentListAlterStyle
{
    padding: 8px 2% ;
    border-top: solid 1px #E0E2E5;    
    color: #555;
    width: 96%
}
.BlogCommentUserName
{
    float: left;     
    font-weight: bold;  
}
.BlogCommentCreateDate
{
    padding-right: 15px;
    float: right;       
}
.BlogCommentPost
{
    margin-top: 5px;
    clear: both;    
    float: left; width: 100%
}
.BlogCommentPostDiv
{
    /*width: 50%;
    margin: 15px 0;*/
    padding: 15px;
}
.BlogCommentPagingDiv
{
    /*text-align: right;
    padding: 15px 20px;*/
    color: #646464;
    font: bold 11px Arial;
    margin-top: 3px;
    padding: 15px 20px;
    text-align: right;
}
.BlogCommentPagingDiv .BlogListDefaultPagingControl
{
    float: right;
    margin: 0px;
    letter-spacing: 0px;
}
.BlogCommentPagingDiv .BlogListDefaultPagingControl a
{
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
}
.BlogCommentPagingDiv .BlogListDefaultPagingControl .PagingCurrent
{
    font-size: 12px;
    font-weight: normal;
}
.BlogCommentPagingDiv .BlogListDefaultPagingControl .PagingPrev
{
    background: url("Images/Icon/icon-prev-orange.gif") no-repeat scroll left center transparent;
}
.BlogCommentPagingDiv .BlogListDefaultPagingControl .PagingNext
{
    background: url("Images/Icon/icon-next-orange.gif") no-repeat scroll right center transparent;
}
.BlogCommentPostLabel
{
    padding-bottom: 10px;
    font-weight: bold;    
}
.BlogCommentListStyle
{
    background-color: #F4F6F9;
    padding: 8px 2% ;
    border-top: solid 1px #E0E2E5;    
    color: #555;
    width: 96%
}
.BlogCommentPostButton
{
    float: right;
    margin-top: 10px;    
}
.BlogCommentTextValidator
{
    font-size: 11px;
    margin-top: 10px;
}
.BlogCommentValidateDiv
{
    width: 136px;
    border-bottom: dotted;
    border-width: 1px;
    color: #FF0000;
    margin-bottom: 2px;
}
.fb_iframe_widget iframe
{
    width: 700px!important;
}
.BlogBannerImage { width: 100%; margin: 0 auto;   position: relative; background: url(Images/Banner/banner-blog.jpg) no-repeat center center; height: 220px;}

/*Blog Category Begin*/
.Category
{
    margin-bottom: 20px;
}
.Category .Title 
{
    width: 256px;
    float: left; 
    font-size: 30px; 
    color: #000; 
    line-height: 40px; 
    padding: 5px 0;
    margin-bottom: 10px;
}
.Category .NavNormalList td
{
    width: 280px;
}
.Category .NavNormalList a
{
    text-decoration: none; 
    color: #000; 
    display: block; 
    line-height: 35px; 
    padding: 5px 0;  
    font-size: 16px;
    outline: none;
}
.Category .NavNormalList a:hover
{
    color: #F87736;
}
/*Blog Category End*/
/* ArchiveBox */
.ArchiveBox
{
	clear: left;
	float: left;
    width: 100%;
    margin-bottom: 20px;
}

.ArchiveBox .SidebarTop
{
    height: 50px;
    width: inherit;
}

.ArchiveBox .SidebarTopTitle
{
    width: auto;
    float: left; 
    font-size: 16px; 
    color: #000; 
    line-height: 30px; 
    padding: 5px 20px 5px 0;
    margin-bottom: 10px;
    font-weight: normal;
    cursor: pointer; 
    background: url(Images/Bullet/blog_arrow_up.png) no-repeat right center;
    
}
.ArchiveBox .ArchiveTopHide {
    height: 50px;
    width: inherit;
}

.ArchiveBox .SidebarTopTitleHide
{
    font-weight: normal;
    background: url(Images/Bullet/blog_arrow_down.png) no-repeat right center;
}
.ArchiveLeft,
.ArchiveBox .BlogNavNormalList
{
    clear: left; float: left;
    width: 100%;
}
.ArchiveBox .BlogNavNormalList td
{
     border: 0;
     background: none;
}
.ArchiveBox .BlogNavNormalList a
{
    color: #000; 
    display: block; 
    font-size: 11pt; 
    line-height: 30px; 
    padding: 5px 0;  
    text-decoration: none;
}
.ArchiveBox .BlogNavNormalList a:hover
{
    color: #ff9e51;
}
/*ArchiveList Begin*/
.ArchiveGrid
{
	border-top: 1px solid #C9C9C9;
    clear: left;
    width: 100%;
}
.ArchiveListRowStyle
{
    background-color: #F7F5F4;    
}

.ArchiveGrid .ArchiveListContent
{
    clear: left;
    color: #555555;
    float: left;
    font-size: 12px;
    padding: 10px 3%;
    width: 94%;    
}
.ArchiveListContent
{
    border-bottom: 1px solid #C9C9C9;
    font-size: 12px;
    padding: 10px 15px;
    vertical-align: top;
    width: 270px;
}

.ArchiveGrid .ArchiveAmount
{
    clear: left;
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    width: 35px;    
}

.ArchiveListRowStyle .ArchiveAmount
{
    background-color: #F68B22;    
}

.ArchiveListContent .ArchiveAmount
{
    float: left;
    margin-right: 15px;
    padding: 3px 5px;
    text-align: center;
    width: 35px;
}

.ArchiveGrid .ArchiveText
{
    clear: right;
    float: right;
    line-height: 26px;
    padding: 0 1%;
    width: 90%;  
}

.ArchiveListContent .ArchiveText
{
    float: left;
    white-space: normal;
    width: 210px;
    padding-top: 13px;
}

.ArchiveText a
{
    text-decoration: none;
    font-size: 20px;  
    color: #333333;  
}

.ArchiveListAlternatingRowStyle
{
    background-color: #FFFFFF;    
}

.ArchiveListAlternatingRowStyle .ArchiveAmount
{
    background-color: #5FB590;
}

/*ArchiveList End*/

/*Popularity Box Begin*/
.PopularityListBox
{
    clear: left; float: left;
    margin-top: 20px;
}
.PopularityListDiv
{
    float: left;
    width: 280px;
    line-height: 18px;
    margin-bottom: 40px;
}
.PopularityListDateDiv
{
    color: #06be6a;
    float: left;
    font-size: 19px;
    text-align: center;
    width: 40px;
    margin-right: 5px;
    text-transform: uppercase;
}
.PopularityListDateDiv .MonthDiv{ line-height: 25px;}
.PopularityListDateDiv .DayDiv {font-size: 30px; line-height: 32px;}

.PopularityListImageDiv
{
    float: left;
    width: 70px;
    margin-right: 10px;
    vertical-align: middle;
}
.PopularityListImageDiv img
{
    width: 70px;
}
.PopularityListRightDiv
{
    float: left;
    width: 150px;
}
.PopularityListSubjectDiv
{
}
.PopularityListSubjectDiv a
{
    color: #2d2d2d;
    text-decoration: none;
}
.PopularityListPublisherDiv
{
    margin-top: 5px;
    font-size: 10px;
}
.PopularityListPublisherDiv .publisherName{ color: #b2b2b2;}
/*Popularity Box End*/