@charset "utf-8";
/* =============================================== */
/** Article Page Layout*//*
**Kindly use "*.*" as an anchor to access the section.
/* ----------------------------------------------- */
	/*-Positioning-*/
#wrapperMain{
float: left;
}
#sidebarLeft{
width: 250px;
margin: 10px 0 0 0;
float: left;
}
#content{
margin: 10px 0 0 10px;
float: left;
}
	/*-Font Styling-*/
#articleTitle h1{
line-height: 1.2em;
font-weight: bold;
}
#articleTitle em{
line-height: 1em;
}
#tbl_content p{
line-height: 1.5em;
letter-spacing: 0.05em;
}
#tbl_content h2{
line-height: 1.5em;
font-weight: bold;
}
#articleTitle h3.rtnSectionTitle{
color: #10517b;
}
.articlePhotoBoxContent p{
line-height: 1.5em;
letter-spacing: 0.05em;
}
	/*-AD Styling-*/
#content div#adTextLink{
margin: 5px 0;
}
	/*-Article Styling-*/
#articleSelect{
width: 100%;
margin: 0 0 10px 0;
}
#articleSelect select{
float: left;
}
#articleSelect ul.selectFontsize{
float: right;
}
#articleSelect ul.selectFontsize li{
margin: 0 0 0 5px;
float: left;
}
#articleSelect ul.selectFontsize li.fontsize1,
#articleSelect ul.selectFontsize li.fontsize1on{
margin-top: 6px;
}
#articleSelect ul.selectFontsize li.fontsize2,
#articleSelect ul.selectFontsize li.fontsize2on{
margin-top: 4px;
}
#articleSelect ul.selectFontsize li.fontsize3,
#articleSelect ul.selectFontsize li.fontsize3on{
margin-top: 2px;
}
#articleSelect div.backRealtimenews a,
#articleSelect div.backRealtimenews a:link,
#articleSelect div.backRealtimenews a:visited{
width: 114px;
height: 20px;
background: url(../images/realtime_article_back.gif) top left no-repeat;
text-indent: -9999px;
margin: 0 0 0 10px;
display: block;
float: left;
}
/*--Article Title--*/
#articleTitle{
margin: 10px 0;
}
/*--Article Tools--*/
#articleTools{
width: 530px;
height: 30px;
margin: 0 0 10px 0;
background: url(../images/article_tools_bg.gif) top left no-repeat;
}
#articleTools ul.ratingInfo{
margin: 5px 0 0 5px;
float: left;
}
#articleTools ul.ratingInfo li{
color: #2d5391;
}
#articleTools ul.ratingInfo li span.title{
font-weight: bold;
}
#articleTools ul.ratingInfo li em.title{
font-weight: bold;
}
#articleTools ul.ratingInfo li{
margin: 0 10px 0 0;
float: left;
}
#articleTools ul.tools{
margin: 8px 8px 0 0;
line-height: 14px;
float: right;
}
html>body #articleTools ul.tools{
margin: 8px 14px 0 0;
}
#articleTools ul.tools li{
margin: 0 5px 0 0;
padding: 0 0 0 18px;
line-height: 14px;
float: left;
}
#articleTools ul.tools li a,
#articleTools ul.tools li a:link,
#articleTools ul.tools li a:visited{
color: #999;
}
#articleTools ul.tools li a:hover,
#articleTools ul.tools li a:active{
color: #333;
}
#articleTools ul.tools li.emailFrds{
background: url(../images/icon_emailfrds.gif) top left no-repeat;
}
#articleTools ul.tools li.feedback{
background: url(../images/icon_feedback.gif) top left no-repeat;
}
/*--Article Content-*/
#tbl_content{
margin: 0 0 15px 0;
}
#articleContent{
margin: 0 0 15px 0;
}
#tbl_content p{
color: #313131; /*New color*/
letter-spacing: 0.08em;
}
#tbl_content p.paragraph{
margin: 0 0 20px 0;
}
#tbl_content div.writerInfo{
float: right;
}
#tbl_content div.writerInfo p{
text-align: right;
}
.tbl_contentLead{
margin: 0 0 15px 0;
padding: 10px;
background: #ffffcc;
}
/*--Photo in Article--*/
/*--Photo in Block--*/
.articlePhoto{
width: 515px;
margin: 15px auto ;
}
.articlePhotoLeft{
border-top: 1px solid #d8d8d8;
}
.articlePhotoBox{
width: 250px;
background: #f5f5f5 url(../images/corner_f5f5f5_right.gif) bottom right no-repeat;
margin: 0 0 0 2px;
border-top: 1px solid #d8d8d8;
float: left;
}
html>body .articlePhotoBox{
width: 250px;
}
.articlePhotoBoxPhoto img{
display: block;
margin: 0 auto 0 auto;
}
/*Article Photo Style*/
.articlePhotoBoxContent{
background: url(../images/corner_f5f5f5_left.gif) bottom left no-repeat;
border-top: 1px solid #d8d8d8;
}
.articlePhotoBoxContent p{
margin: 5px 5px 10px 10px;
}
.articlePhotoBoxContent p.photoCaption{
}
.articlePhotoBoxContent span.photoEnlarge{
text-indent: -9999px;
}
.articlePhotoBoxContent em.rating{
font-style: normal;
margin: 0 0 0 10px;
float: left;
}
html>body .articlePhotoBoxContent em.rating{
margin: 0 5px 10px 5px;
}
html>body .articlePhotoBoxContent span.photoEnlarge a,
.articlePhotoBoxContent span.photoEnlarge a:link{  /*FF Fix*/
margin: 10px;
}
.articlePhotoBoxContent span.photoEnlarge a,
.articlePhotoBoxContent span.photoEnlarge a:link{
width: 14px;
height: 14px;
margin: 5px 5px 0 0;
background: url(../images/icon_enlarge.gif) top left no-repeat;
display: block;
float: right;
}
/**/
/*--Photo in Article Float Center--*/
.articlePhotoCenter{
width: 250px;
margin: 0 auto;
background: #f5f5f5 url(../images/corner_f5f5f5_right.gif) bottom right no-repeat;
}
/*--Photo in Article Float Left--*/
.articlePhotoLeft{
width: 250px;
margin: 0 15px 10px 0;
background: #f5f5f5 url(../images/corner_f5f5f5_right.gif) bottom right no-repeat;
float: left;
}
/*--Photo in Article Float Right--*/
.articlePhotoRight{
width: 250px;
margin: 0 0 10px 15px;
background: #f5f5f5 url(../images/corner_f5f5f5_right.gif) bottom right no-repeat;
float: right;
}
/*------Article Font Size please refer to ArticleFont 1-4------*/
	/*-Boxes-*/
	/*-Box: Intro Photo-*/
#articleIntroPhoto{
width: 250px;
background: #f5f5f5 url(../images/corner_f5f5f5_right.gif) bottom right no-repeat;
margin: 0 0 15px 0;
}
ul#articleIntroPhotoController{
text-align: center;
margin: 5px 10px 5px 0;
line-height: 14px;
float: right;
}
ul#articleIntroPhotoController li{
float: left;
}
#articleIntroPhotoController li.prv{
margin: 0 5px 0 0;
}
#articleIntroPhotoController li.next{
margin: 0 0 0 5px;
}
.articleIntroPhotoContent{
background: url(../images/corner_f5f5f5_left.gif) bottom left no-repeat;
text-align: center;
line-height: 16px;
padding: 10px 0 0 0;
}
.articleIntroPhotoContent p.photoCaption{
margin: 5px 10px; 
}
	/*-Box: Rating-*/
/*--Article Rating--*/
#articleRating{
background: url(../images/corner_d2f0fe_right.gif) bottom right no-repeat;
margin: 0 0 15px 0;
}
#articleRating h5{
height: 30px;
color: #80a0bb;
font-weight: bold;
background: #d2f0fe;
line-height: 30px;
text-indent: 10px;
}
#articleRating div.articleRatingContent{
padding: 0 0 10px 0;
background: url(../images/corner_d2f0fe_left.gif) bottom left no-repeat;
}
#articleRating div.ratingArticle{
margin: 10px;
border-bottom: 1px solid #d2f0fe;
}
#articleRating div.ratingArticle h6{
margin: 5px 0 5px 5px;
float: left;
}
#articleRating div.ratingArticle em.rating{
margin: 5px 0 10px 0;
float: left;
}
#articleRating div.ratingComment{
margin: 10px 10px 0 10px;
}
#articleRating p.displayResult{
margin: 5px 5px 0 5px;
display: block;
}
#articleRating p.displayResult a,
#articleRating p.displayResult a:link,
#articleRating p.displayResult a:visited{
color: #6acffe;
}
#articleRating p.displayResult a:hover,
#articleRating p.displayResult a:active{
color: #00adfe;
}
#articleRating div.ratingComment h6{
margin: 10px 0 5px 5px;
float: left;
}
#articleRating div.ratingComment ul.comment{
width: 130px;
float: left;
}
#articleRating div.ratingComment ul.comment li{
margin: 5px 5px 5px 0;
float: left;
}
#articleRating div.ratingComment ul.comment li a,
#articleRating div.ratingComment ul.comment li a:link{
width: 29px;
height: 29px;
display: block;
}
/*-Smilies-*/
#articleRating div.ratingComment ul.comment li.smiliesSympathy a{
}
#articleRating div.ratingComment ul.comment li.smiliesUseful a{
}
#articleRating div.ratingComment ul.comment li.smiliesWonderful a{
}
#articleRating div.ratingComment ul.comment li.smiliesDull a{
}
#articleRating div.ratingComment ul.comment li.smiliesNotEnough a{
}
#articleRating div.ratingComment ul.comment li.smiliesBoring a{
}
/*-Rating Result-*/
#ratingCommentResult{
}
#articleRating div.ratingCommentResult{
margin: 10px 10px 0 10px;
position: relative;
}
#articleRating div.ratingCommentResult h6{
margin: 10px 0 5px 10px;
}
#articleRating div.ratingCommentResult ol.result{
height: 80px;
background: url(../images/rating_result_bg.gif) 60px 30px no-repeat;
}
#articleRating div.ratingCommentResult ol.result li.first{
top: 20px;
left: 88px;
position: absolute;
}
#articleRating div.ratingCommentResult ol.result li.second{
top: 40px;
left: 53px;
position: absolute;
}
#articleRating div.ratingCommentResult ol.result li.third{
top: 40px;
left: 123px;
position: absolute;
}
html>body #articleRating div.ratingCommentResult ol.result li.first{ /*FF Fix*/
top: 22px;
left: 98px;
}
html>body #articleRating div.ratingCommentResult ol.result li.second{ /*FF Fix*/
top: 40px;
left: 63px;
}
html>body #articleRating div.ratingCommentResult ol.result li.third{ /*FF Fix*/
top: 40px;
left: 133px;
}
	/*-Box: Special Issue-*/
#articleSpecialIssue{
width: 100%;
background: url(../images/corner_ffe8e8_right.gif) bottom right no-repeat;
margin: 0 0 15px 0;
}
.articleSpecialIssueHeader{
width: 100%;
height: 30px;
overflow: hidden;
background: #ffe8e8;
}
.articleSpecialIssueHeader p.addPersonalHeaderBtn{
margin: 8px 0 0 5px;
float: left;
}
.articleSpecialIssueHeader h5{
font-weight: bold;
color: #f30000;
line-height: 33px;
margin: 0 5px 0 2px;
float: left;
}
html>body .articleSpecialIssueHeader h5{ /*FF Fix*/
line-height: 30px;
}
.articleSpecialIssueHeader strong{
margin: 0 10px 0 0;
line-height: 33px;
float: right;
}
html>body .articleSpecialIssueHeader strong{
line-height: 30px;
}
.articleSpecialIssueHeader strong.more{
margin: 8px 10px 0 0;
}
.articleSpecialIssueContent{
background: url(../images/corner_ffe8e8_left.gif) bottom left no-repeat;
padding: 0 0 15px 0;
}
#articleSpecialIssue h3{
font-size: 16px;
font-weight: bold;
text-align: left;
margin: 5px 0 5px 10px;
}
#articleSpecialIssue ul{
}
#articleSpecialIssue li{
background: url(../images/icon_li_1.gif) top left no-repeat;
line-height: 14px;
margin: 10px 10px 0 10px;
padding: 0 0 0 18px;
}
#articleSpecialIssue li a,
#articleSpecialIssue li a:link,
#articleSpecialIssue li a:visited{ 
color: #676767;
}
/*--Related Links--*/
#articleReleatedLink{
margin: 15px 0;
}
#articleReleatedLink h5{
height: 30px;
background: #ebeaea url(../images/icon_relatedlinks.gif) 10px 8px no-repeat;
padding: 0 0 0 28px;
line-height: 30px;
}
#articleReleatedLink ul{
}
#articleReleatedLink li{
/*background: url(../images/icon_li_1.gif) top left no-repeat;*/
line-height: 1.2em;
margin: 10px 10px 0 0;
padding: 0 0 0 18px;
}
#articleReleatedLink li a,
#articleReleatedLink li a:link,
#articleReleatedLink li a:visited{ 
color: #676767;
}
#articleReleatedLink li a:hover,
#articleReleatedLink li a:active{ 
color: #F00;
}
/*--Response--*/
#articleFeedback h5{
height: 30px;
background: #ebeaea  url(../images/icon_response.gif) 10px 8px no-repeat;
padding: 0 0 0 28px;
line-height: 30px;
}
#articleFeedbackLogin{
margin: 10px 0 15px 0;
padding: 10px;
height: 80px;
line-height: 80px;
background: #f5f5f5;
}
#articleFeedbackLogin p{
text-align: center;
}
#articleFeedbackLogin p a,
#articleFeedbackLogin p a:link,
#articleFeedbackLogin p a:visited{
color: #999;
}
#articleFeedbackLogin p a:hover,
#articleFeedbackLogin p a:active{
color: #333;
}
#articleFeedbackLogin input{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666
}
#articleFeedbackLogin input.input{
border: 1px solid #CCC;
}
#articleFeedbackLogin input.submit{
background: #f5f5f5;
color: #999;
font-size: 11px;
border: 1px solid #dadada;
}
#articleFeedbackLogin legend{
display: none;
}
#articleFeedbackLogin form{
}
#articleFeedbackLogin p.forgetPassword a,
#articleFeedbackLogin p.forgetPassword a:link,
#articleFeedbackLogin p.forgetPassword a:visited{
color: #999;
float: left;
}
#articleFeedbackLogin p.forgetPassword a:hover,
#articleFeedbackLogin p.forgetPassword a:active{
color: #333;
}
#articleFeedbackLogin p.newMember a,
#articleFeedbackLogin p.newMember a:link,
#articleFeedbackLogin p.newMember a:visited{
color: #F00;
float: right;
}
#articleFeedbackLogin p.newMember a:hover,
#articleFeedbackLogin p.newMember a:active{
color: #333;
}
#articleFeedbackWrite{
margin: 10px 0 15px 0;
padding: 10px;
}
#articleFeedbackWrite p{
margin: 0 0 5px 0;
}
#articleFeedbackWrite legend{
display: none;
}
#articleFeedbackWrite form{
}
#articleFeedbackWrite form input,
#articleFeedbackWrite form textarea{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666
}
#articleFeedbackWrite input.input{
border: 1px solid #CCC;
}
#articleFeedbackWrite label.myResponse{
float: left;
}
#articleFeedbackWrite textarea.inputTextArea{
display: block;
}
#articleFeedbackWrite p.writeVerify{
margin: 0 0 0 60px;
}
#articleFeedbackWrite p.writeSubmit{
margin: 15px auto;
text-align: center;
}
/*-Feedback Terms-*/
#articleFeedbackWriteTerms{
}
#articleFeedbackWriteTerms h6{
margin: 0 0 10px 5px;
}
#articleFeedbackWriteTerms ol{
margin: 0 0 0 15px;
}
#articleFeedbackWriteTerms li{
margin: 0 0 10px 0;
padding: 0 0 0 18px;
background: url(../images/icon_list_1.gif) top left no-repeat;
line-height: 14px;
}
#articleFeedbackWriteTerms li a,
#articleFeedbackWriteTerms li a:link,
#articleFeedbackWriteTerms li a:visited{
color:#F00;
}
#articleFeedbackWriteTerms li a:hover,
#articleFeedbackWriteTerms li a:active{
color:#333;
}
/*--Latest Post--*/
#articleFeedbackLatest{
margin: 0 0 15px 0;
}
.articleFeedbackLatestHeader{
height: 30px;
background: #ebeaea;
}
.articleFeedbackLatestHeader span{
margin: 0 10px 0 0;
line-height: 30px;
float: right;
}
.articleFeedbackLatestHeader h5{
display:block;
overflow: hidden;
background: #ebeaea url(../images/icon_feedback.gif) 10px 8px no-repeat;
padding: 0 0 0 28px;
line-height: 30px;
float: left;
}
.articleFeedbackLatestHeader ul.sorting{
width: 350px;
float: right;
}
.articleFeedbackLatestHeader ul.sorting li{
margin: 7px 5px 0 5px;
line-height: 14px;
float: right;
}
.articleFeedbackLatestHeader ul.sorting li a,
.articleFeedbackLatestHeader ul.sorting li a:link,
.articleFeedbackLatestHeader ul.sorting li a:visited{
padding: 0 0 0 5px;
border-left: 1px solid #999;
color: #999;
}
.articleFeedbackLatestHeader ul.sorting li a:hover,
.articleFeedbackLatestHeader ul.sorting li a:active{
color: #333;
}

.articleFeedbackLatestPost{
margin: 10px 0;
}
.articleFeedbackLatestPost li{
background: #f2f6fa;
padding: 0 0 1px 0;
margin: 0 0 10px 0;
}
.articleFeedbackLatestPost li p{
width: 95%;
overflow:hidden;
word-break: break-all;
word-wrap: break-word;
}
.articleFeedbackLatestPost div.postHeader{
height: 30px;
background:#e6eef5;
line-height: 30px;
}
.articleFeedbackLatestPost div.postHeader span.postUserName{
margin: 0 0 0 15px;
color: #069;
float: left;
}
.articleFeedbackLatestPost div.postHeader span.postDate{
color: #069;
float: right;
}
.articleFeedbackLatestPost div.postHeader span.postTime{
margin: 0 15px 0 10px;
color: #069;
float: right;
}
.articleFeedbackLatestPost li p{
margin: 15px 15px 10px 15px;
}
.articleFeedbackLatestPost li span.addInfo{
margin: 0 15px 10px 0;
float: right;
}
.articleFeedbackLatestPost li span.rating  span.addInfo{
color: #069;
}
.articleFeedbackLatestPost li span.addInfo a,
.articleFeedbackLatestPost li span.addInfo a:link,
.articleFeedbackLatestPost li span.addInfo a:visited{
background: #f5f5f5;
border-top: 1px solid #d8d8d8;
border-left: 1px solid #d8d8d8;
border-right: 2px solid #d8d8d8;
border-bottom: 2px solid #d8d8d8;
padding: 0 5px;
color: #808080;
}
.articleFeedbackLatestPost li span.addInfo a:hover,
.articleFeedbackLatestPost li span.addInfo a:active{
background: #069;
color: #FFF;
border-top: 2px solid #006666;
border-left: 2px solid #006666;
border-right: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
}
#articleFeedbackLatest span.feedbackPostFooter{
margin: 0 0 15px 0;
float: right;
}
#articleFeedbackLatest span.feedbackPostFooter a,
#articleFeedbackLatest span.feedbackPostFooter a:link,
#articleFeedbackLatest span.feedbackPostFooter a:visited{
background: #f5f5f5;
border-top: 1px solid #d8d8d8;
border-left: 1px solid #d8d8d8;
border-right: 2px solid #d8d8d8;
border-bottom: 2px solid #d8d8d8;
padding: 0 5px;
line-height: 18px;
color: #808080;
}
#articleFeedbackLatest span.feedbackPostFooter a:hover,
#articleFeedbackLatest span.feedbackPostFooter a:active{
background: #069;
color: #FFF;
border-top: 2px solid #006666;
border-left: 2px solid #006666;
border-right: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
}
#articleFeedbackLatest div.feedbackAD{
text-align: center;
}
/*---------Donation ·x¬y----------*/
.onlineDonate{
margin: 0 0 20px 0;
}
ul#charityItem{
float: left;
}
ul#charityItem li{
margin: 0 5px 0 0;
float: left;
}
ul#charityItem li a,
ul#charityItem li a:link,
ul#charityItem li a:visited{
background: #F00;
border-top: 1px solid #CA0000;
border-left: 1px solid #CA0000;
border-right: 2px solid #d8d8d8;
border-bottom: 2px solid #d8d8d8;
padding: 2px 5px;
color: #FFF;
}
ul#charityItem li a:hover,
ul#charityItem li a:active{
background: #999;
color: #FFF;
border-top: 2px solid #999;
border-left: 2px solid #999;
border-right: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
}

/*---New Layout Sorting Part---*/
.newsList{
margin: 15px 0;
}
.newsList h5{
height: 30px;
background: #ebeaea url(../images/icon_relatedlinks.gif) 10px 8px no-repeat;
padding: 0 0 0 28px;
line-height: 30px;
}
.newsList ul.listSort{
width: 100%;
float: left;
display: block;
}
.newsList ul.listSort li{
width: 98%;
margin: 0;	
float: left;
display: block;
}
.newsList ul.listSort li .even{
background: #f4f1e9;
}
.newsList ul.listSort li div.thumbVideo{
width: 160px;
height: 90px;
margin: 10px 10px 10px 0;
position: relative;
display: block;
float: left;
}
.newsList ul.listSort li div.thumbVideo div.thumbPlay{
width: 20px;
height: 20px;
text-indent: -9999px;
background: url(../images/icon_nextvideo_play.gif) top left no-repeat;
display: block;
position: absolute;
bottom: 5px;
right: 5px;
}
.newsList ul.listSort li div.listContent{
width: 60%;
margin: 10px 0;
display: block;
float:left;	
}
.newsList ul.listSort li div.listContent h3{
font-size: 16px;
font-weight: bold;
color: #005bb5;
}
.newsList ul.listSort li div.listContent h3 a,
.newsList ul.listSort li div.listContent h3 a:link,
.newsList ul.listSort li div.listContent h3 a:visited{
color: #005bb5;
}
.newsList ul.listSort li div.listContent ul.listContentInfo{
margin: 0 0 5px 0;
float: left;
}
.newsList ul.listSort li div.listContent ul.listContentInfo li{
width: 150px;
display: block;
float: left;
}
.newsList ul.listSort li div.listContent ul.listContentInfo li span.data{
border-bottom: 1px dashed #575757;
}
.newsList ul.listSort li div.listContent p.lead{
color: #313131;
margin: 0 0 10px 0;
line-height: 14px;
}
.newsList ul.listSort li div.listContentEnter a,
.newsList ul.listSort li div.listContentEnter a:link,
.newsList ul.listSort li div.listContentEnter a:visited{
height: 18px;
width: 18px;
margin: 40px 10px 0 0;
background: url(../images/icon_thread_more.gif) top left no-repeat;
text-indent: -9999px;
display: block;
float: right;
}
.newsList ul.listSort li div.listContentSpNews{
height: 24px;
line-height: 24px;
overflow: hidden;
}
.newsList ul.listSort li div.listContentSpNews span.title{
color: #F00;
margin: 0 5px 0 0;
float: left;	
}
.newsList ul.listSort li div.listContentSpNews span.thread{
margin: 0 10px 0 0;	
}
.newsList ul.listSort li div.listContentSpNews span.content a,
.newsList ul.listSort li div.listContentSpNews span.content a:link,
.newsList ul.listSort li div.listContentSpNews span.content a:visited{
color: #002a68;
}
.newsList ul.listSort li div.listContentSpNews span.time{
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
color: #575757;
}
.newsList div.showArticle a,
.newsList div.showArticle a:link,
.newsList div.showArticle a:visited{
width: 100%;
text-align: center;
color: #005bb5;
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
background: #f4f1e9;
margin: 10px 0;
line-height: 28px;
display: block;
float: left;
}
.newsList div.showArticle a:hover,
.newsList div.showArticle a:active{
color: #FFF;
background: #ccc1a8;
}
/*-----For Subscription-----*/
/*Text Word Count Bar*/
.articleCounter{
background: #f5f5f5;
width: 100%;
margin: 0 0 10px 0;
display: block;
float:left;
}
.articleCounter ul.subleft{
margin: 18px 0 5px 10px;
float: left;
}


.articleCounter ul.subright{
margin: 5px 0 5px 10px;
float: right;
}



.articleCounter ul li{ 
margin: 0 15px 0 0;
padding: 0 0 5px 25px;
line-height: 21px;
display: block;
float: left;
}
html>body .articleCounter ul li{ 

padding: 0 0 0 25px;
}
.articleCounter ul li.words{
background: url(../images/sub_article_counticon_words.gif) top left no-repeat;
}
.articleCounter ul li.video{
background: url(../images/sub_article_counticon_video.gif) top left no-repeat;
}
.articleCounter ul li.photo{
background: url(../images/sub_article_counticon_photo.gif) top left no-repeat;
}
/*Subscription Promo-banner in Article*/
.subArticleBox{
width: 510px;
margin: 0 auto 10px auto;
}
.subArticleBox div.banner{
width: 510px;
height: 140px;
background: url(../images/sub_article_pay_banner_newspaper.gif) top left no-repeat;
display: block;
float:left;
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 40px;
}
.subArticleBox div.banner div.single a,
.subArticleBox div.banner div.single a:link{
width: 330px;
height: 40px;
line-height: 1em;
font-weight: bold;
font-size: 38px;
text-indent: 230px;
color: #ff3c3c;
display: block;
position: absolute;
top: 50px;
left: 35px;
}
html>body .subArticleBox div.banner div.single a,
.subArticleBox div.banner div.single a:link{

}
.subArticleBox div.banner div.daypass a,
.subArticleBox div.banner div.daypass a:link{
width: 330px;
height: 40px;
line-height: 1em;
font-weight: bold;
font-size: 38px;
text-indent: 200px;
color: #0075c1;
display: block;
position: absolute;
top: 80px;
left: 40px;
}
.subArticleBox ul.login{
margin: 10px 0;
float: right;
}
.subArticleBox ul.login li{
width: 100px;
height: 25px;
margin: 0 0 0 10px;
text-indent: -9999px;
display: block;
float: left;
}
.subArticleBox ul.login li a,
.subArticleBox ul.login li a:link,
.subArticleBox ul.login li a:visited{
width: 100px;
height: 25px;
display: block;
float: left;
}
.subArticleBox ul.login li.login{
background: url(../images/sub_article_btn_login.gif) top left no-repeat;
}
.subArticleBox ul.login li.signup{
background: url(../images/sub_article_btn_signup.gif) top left no-repeat;
}