div.MArticle {overflow: hidden; position: relative; background:url('/ui/tabr/m/ttl_in_bg.gif') no-repeat; padding:0 20px; _width:710px;}


.MArticle .ListView { list-style: none; overflow: hidden; margin-top:30px;}
.MArticle .ListView li { height: 1%; position: relative; }
.MArticle .ListView li.itm{color:#000; height:65px; margin-top:18px; float:right; width:334px;}
.MArticle .ListView li.right {margin-left:20px; padding-left:20px; border-left:1px solid #d2d2d2;}

.MArticle .ListView li.itm h2 {text-align:right; line-height:25px;}
.MArticle .ListView li.itm h2 a{text-decoration:none; display: block; color:#2694BC;}
.MArticle .ListView li.itm h2 a:hover{color:#000;}
.MArticle .ListView li.itm .dthumb{float:left; margin-right:7px; width:78px; text-align:center; border:1px solid #e6e6e6; padding:2px;} /*margin-bottom: 1em;*/
.MArticle .ListView li.itm .description{line-height:1.1em;}

div.MArticleHP{width: 402px; margin-right:12px; padding:0; background:none;}
.MArticleHP .ListView{padding:18px 10px 0 10px; _width:382px; background:url('mproducts/products_top.gif') no-repeat; margin:0;}
.MArticleHP .ListView li.itm{width:100%;}

.m_article{background:url('/ui/tabr/m/ttl_in_bg.gif') no-repeat; padding:0 20px; .width:710px;}
.m_article .title h1{ line-height:50px; color:#152C5E; font-size:1.3em;}
.m_article .top_dv {border-top:1px solid #eee; border-bottom:1px solid #eee; padding:3px 0; margin-bottom:15px; overflow: hidden; width:100%;}
.m_article .top_dv .date_dv{float:right;  color:#7C7C7C; line-height:15px;}
.m_article .top_dv .date_dv b{font-weight:normal; margin:0 5px;}
.m_article .top_dv .tools_dv {float:left; width:171px;}
.m_article .top_dv .tools_dv div { display: inline; margin-right: 10px; float:right;}
.m_article .top_dv .tools_dv img{margin-right:10px; height:16px; width:16px; float:right;}
.m_article .top_dv .tools_dv img.friend{background:url('m/email-off.png') no-repeat;}
.m_article .top_dv .tools_dv img.friend:hover{background:url('m/email.png') no-repeat;}
.m_article .top_dv .tools_dv img.print{background:url('m/printer-off.png') no-repeat;}
.m_article .top_dv .tools_dv img.print:hover{background:url('m/printer.png') no-repeat;}
.m_article .top_dv .tools_dv img.fontB{background:url('m/zoom_in-off.png') no-repeat;}
.m_article .top_dv .tools_dv img.fontB:hover{background:url('m/zoom_in.png') no-repeat;}
.m_article .top_dv .tools_dv img.fontS{background:url('m/zoom_out-off.png') no-repeat;}
.m_article .top_dv .tools_dv img.fontS:hover{background:url('m/zoom_out.png') no-repeat;}

.m_article .brief{float:right; font-weight:bold; margin-bottom:1em;}
.m_article .content_dv{float:right; width:100%;}
.m_article .content_dv .thumb_dv{border:1px solid #e2e2e2; padding:5px; float:left; width:300px; margin:0 15px 15px 0; text-align:center;}
.m_article .content_dv .thumb_dv .thumbTx{margin:3px 0 1px;}

.m_article .content_dv .content{clear:right; }

.m_article .content_dv .link_dv{float:right; clear:right; margin-top:20px;}
.m_article .content_dv .link_dv a.lnkList{color:#fff; display:block; background:url('mproducts/more_art.gif') no-repeat 50% 50%; line-height:21px; font-weight:bold; width:110px; border:none; text-align:center;}
.m_article .content_dv .link_dv a.lnkList:hover { background:url('mproducts/more_art_ov.gif') no-repeat 50% 50%;}

.m_article .content_dv .moreArt_dv {border:1px solid #e2e2e2; float:left; width:310px; margin:0 15px 15px 0; clear:left;}
.m_article .content_dv .moreArt_dv h2{background:url('../../ui/tabr/m/events_bg.gif') repeat-x; line-height:42px; text-align:right; padding-right:15px; color:#6b6b6b;}
.m_article .content_dv .moreArt_dv h2 b{color:#50ABE0;}
.m_article .content_dv .moreArt_dv ul.content{margin:2px; background:#F3F3F3; padding:0 15px;}
.m_article .content_dv .moreArt_dv li{border-bottom:1px solid #E8E8E8; padding:6px 15px 6px 0; background:url('m/moreArt_arr.gif') no-repeat 99% 55%;}
.m_article .content_dv .moreArt_dv li.last{border-bottom:none;}
.m_article .content_dv .moreArt_dv li a{color:#002e69;}
.m_article .content_dv .moreArt_dv li a:hover{color:#666;}


/* --- Magazine Articles List  */
.MArticle .bc{line-height:34px; background:#F2F3F7; padding:0 25px; float:right; width:93%; color:#002D70; font-weight:bold; margin-bottom:20px;}
.MArticle .bc a.print{background:url('/ui/tabr/m/print_icon.gif') no-repeat; width:12px; line-height:11px; display:inline-block; float:left; margin:15px 10px 0 0;}
.MArticle .bc a.print:hover{background:url('/ui/tabr/m/print_icon_ov.gif') no-repeat;}
.MArticle .bc a.file{background:url('/ui/tabr/m/pdf_icon.gif') no-repeat; width:16px; line-height:16px; display:inline-block; float:left; margin:12px 10px 0 0;}
.MArticle .bc a.file:hover{background:url('/ui/tabr/m/pdf_icon_ov.gif') no-repeat;}


.MArticle ul.topicts{margin:0px 25px; float:right; clear:both;.width:90%;}
.MArticle ul.topicts li {line-height:20px; } 
.MArticle ul.topicts li a{color:#5A5944; background:url('m/arr03.gif') no-repeat right 55%; padding-right:20px; display:block;  text-decoration:underline;}
.MArticle ul.topicts li a:hover{color:#002D70;}

.MArticle .artItm{float:right; width:100%; margin-top:30px;}

.MArticle h2.title{font-size:18px; font-weight:bold; color:#495D78; clear:right; margin:0 25px 10px 25px;}
.MArticle h2 .subject{font-size:12px; font-weight:normal; color:#000; margin-right:5px;}

.MArticle .content{margin:0 25px;}
.MArticle .read a{margin:20px 25px 0 25px; background:url('/ui/tabr/m/file_icon.gif') no-repeat right; padding-right:15px; float:right; line-height:15px; color:#002D70;}
.MArticle .read a:hover{color:#666;}

/* --- Magazine Articles Search results  */

.SearchRes_mag a.itm{color:#5A5944; background:url('m/arr03.gif') no-repeat right 55%; padding-right:20px; display:block;  text-decoration:underline; line-height:20px; clear:both;}
.SearchRes_mag a.itm:hover{color:#002D70;}


/*  links   */
.MArticle .ListView li.itmLnk{margin-bottom:1em; border-bottom:1px solid #e8e8e8; padding-bottom:5px;}
.MArticle .ListView li.itmLnk .content{margin-right:0px;}
.MArticle .ListView li.itmLnk a {text-align:right; margin-bottom:5px; font-weight:bold; color:#152C5E;}
.MArticle .ListView li.itmLnk a:hover{color:#989898;}
.MArticle .ListView li.itmLnk .description{line-height:1.1em;}

