﻿.TopListArticle table td a img{ border:solid 1px #ccc; padding:3px;}
.catArticle img { border:1px solid #ccc;padding:3px;}
input.cbutton{ background: url(images/button_bg.jpg) center; border:1px solid #ccc; color:#fff; font-size:9pt;  }

.col-second
{
    vertical-align: top;
}
.col-first
{
    vertical-align: top;
}
.clear
{
    clear: both;
}
body
{
    color: #000000; /*font-family: arial,verdana,helvetica,sans-serif; 	font-size: 13px;*/
    margin: 0px;
    /*background: #fff url(images/bg_body.jpg)  repeat-x center top  ;*/
	background-color:#FFFFFF;
 
}
a
{
    background-color: transparent;
    text-decoration:none;
    color: #000;
    font-size: 12px;
	
	
}
a:hover
{
    text-decoration:underline;
	
}
a:visited
{
}
.lnk-chitiet a
{
	font-weight:normal;
	text-decoration:none;
	color:#872D91;
}
td
{
    font-family: arial,verdana,helvetica,sans-serif;
    font-size: 12px;
}
p
{
    margin: 0px;
}
form
{
    margin: 0px;
}
#body
{
     /*background: url(images/bg_footer.jpg) center bottom repeat-x; */
	 background-color:#FFFFFF;
}
#page
{
    background: #fff url('images/bg_top_page.gif') repeat-x;
    border-color: #b227c1;
    border-style: none solid solid solid;
    border-width: 1px;
    margin: 0px;
    padding: 4px 2px;
    z-index: 2;
    clear: both;
    display: inline-table;
    width: 990px;
	margin-top:5px;
}
#page-left
{
    float: left;
    width: 669px;
    display: block;
    padding:5px 0px 5px 5px;
    vertical-align: top;border:none; margin:0px;
}
#page-right
{
    float: right;
    width: 300px;
    display: block;
    vertical-align: top;
        padding:5px;border:none; margin:0px;
}



#header
{
    background: #fff url(images/background_header.jpg) no-repeat left top;
    height: 112px;
    position: relative;
    clear: both;
}
#header #imLogo
{
    height: 100px;
    width: 300px;
    display: block;
    border: none;
}
#topExpand
{
    border-color: #8F003A;
    border-style: none solid;
    border-width: 1px;
    clear: both;
    text-align: center;
    background: #8F003A;
    display: inline-table;
}
#memberNav
{
    clear: both; /* border-top: 1px solid #ccc;*/
    background: #fff;
    position: relative;
    height: 20px; 
   
    border-width: 1px;
    padding-top: 2px;
   
}
#memberNav input
{
    font-size: 11px;
    font-family: Verdana;
}
#headNav
{
    /*background: #fff url(images/page_headerbg.gif);
    height: 23px;*/
    position: relative;margin-top:-5px;
}
#bar
{
    background: #fff;
    height: 23px;
}
#footer
{
    height: 80px;
    clear: both;
}
#footer #copyright
{
    text-align:center;
   
    width: 990px;
    color: #000;
    font-family: Verdana;
    font-size: x-small;
    padding: 3px;
	margin:auto;
	
}
#footer #copyright a
{
    color: #fff;
    font-weight: bold;
}

/*Top Navigate*/
#topnav
{
    vertical-align: middle;
    font-family: Verdana; background:url(images/body_bg.jpg);
    color: #8a4033; padding-left:10px;
    height: 27px;
}
#topnav a, #topnav a:visited, #topnav a:link
{
    color: #8a4033;
    text-decoration: none;
    font-size: 11px;
}
#topnav a:hover
{
    color: #333333;
    text-decoration: underline;
}
#topnav .rightMenu
{
    float: right;
}
#topnav .rightMenu a:hover
{
    text-decoration: none;
}
#topnav .leftMenu
{
    float: left;
}

#rightMenu a
{
    font-weight: bold;
}
/*********************************/

#botLink
{
    font-family: Verdana;
    font-size: x-small;
    color: #000;
    padding: 4px 2px;
    border-bottom: solid 1px #ddd;
}
#botLink a, #botLink a:visited, #botLink a:link
{
    color: #000;
    text-decoration: none;
    font-size: x-small;
}
#botLink a:hover
{
    color: #000;
    text-decoration: underline;
}

#topAd
{
    display: block;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
    width: 996px;
}
#topAd .left
{
    display: block;
    width: 468px;
    height: 60px;
    float: left;
}
#topBanner
{
    /*background:url(images/topBannerBorder.gif) no-repeat 0pt 0pt; 	height:78px; float:right; width:497px;*/
    position: absolute;
    right: 18px;
    top:  10px;
}
topBanner div
{
    margin-top: 0px;
    margin-left: 0px;
}
#topAd .right
{
    display: block;
    width: 468px;
    height: 60px;
    float: right;
}
#memberBox
{
    color: #000;
    text-align: left;
    position: absolute;
    left: 0px;
    font-family: Verdana;
    font-size: 11px;
    padding-top: 4px;
    padding-left: 3px;
    width: 550px;
}
#memberBox a, #memberBox a:visited, #memberBox a:link
{
    color: #000;
    text-decoration: none;
}
#memberBox a:hover
{
    text-decoration: underline;
}
#searchBox
{
    text-align: right;
    padding-right: 5px;
    font-family: Verdana;
    font-size: 11px;
    position: absolute;
    right: 0px;
    width: 550px;
    padding-top: 2px;
}
#searchBox td
{
    font-family: Verdana;
    color: #000;
    font-size: 11px;
}
.textbox
{
    background: #fff;
    border: 1px solid #A0B2C6;
}
.button
{
    background: #b62482;
    color: #fff;
    border: 1px solid #99125c;
    cursor: pointer;
}
.fff
{
    background-color: #fff;
}
.rndBox
{
}
.rndBox .h
{
    background: url(images/corner_dg_TR.gif) no-repeat scroll 100% 0pt;
    height: 4px;
    overflow: hidden;
}
.rndBox .h div
{
    background: url(images/corner_dg_TL.gif) no-repeat scroll 0pt 0pt;
    height: 4px;
    overflow: hidden;
    width: 4px;
}
.rndBox .cnt
{
    background: none repeat scroll 0%;
}
.rndBox .f
{
    background: url(images/corner_dg_BR.gif) no-repeat scroll 100% 0pt;
    height: 4px;
    overflow: hidden;
}
.rndBox .f div
{
    background: url(images/corner_dg_BL.gif) no-repeat scroll 0pt 0pt;
    height: 4px;
    overflow: hidden;
    width: 4px;
}
#container
{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: left;
    width: 996px;
}
#leftNav
{
    width: 172px;
    margin: 2px 0px 0px 0px;
}
#leftNav div.h
{
    height: 1px;
    margin: 0px 0px;
    line-height: 0px;
    font-size: 0px;
}
#leftNav div.c
{
    border: 1px solid #8C8D8E;
    margin: 0px 5px;
    width: 158px;
}
#leftNav div.f
{
    height: 1px;
    margin: 0px 4px 3px;
    line-height: 0px;
    font-size: 0px;
}
#leftNav div.c
{
    font-family: arial,verdana,helvetica,sans-serif;
    font-size: 11px;
}
#leftNav div.c .leftNavBtn, .leftNavBtn:link, .leftNavBtn:visited
{
    background: transparent url(images/leftnav_main_bg.png) repeat-x scroll left top;
    border-color: #FFFFFF rgb(255, 255, 255) rgb(199, 199, 199);
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: block;
    font-weight: bold;
    height: 18px;
    line-height: 17px;
    padding: 0px 0px 0px 8px;
    text-transform: uppercase;
    color: #004784;
}
#leftNav div.c .leftNavBtnActive, .leftNavBtnActive:link, .leftNavBtnActive:visited
{
    background: transparent url(images/leftnav_main_bg_sel.png) repeat-x scroll left top;
    border-bottom: 1px solid #C7C7C7;
    border-top: 1px solid #000000;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-weight: bold;
    height: 18px;
    line-height: 17px;
    padding: 0px 0px 0px 8px;
    text-transform: uppercase;
}

#leftNav div.c .leftSubNavBtn, .leftSubNavBtn:link, .leftSubNavBtn:visited
{
    color: #663;
    background: transparent url(images/2less_arrow.gif) no-repeat scroll 6px 5px;
    border-color: #FFFFFF rgb(255, 255, 255) rgb(199, 199, 199);
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: block;
    font-weight: bold;
    line-height: 17px;
    padding: 0px 0px 0px 16px;
}
#leftNav div.c .leftSubNavBtnActive, .leftSubNavBtnActive:link, .leftSubNavBtnActive:visited
{
    color: #ff3300;
    background: transparent url(images/2less_arrow.gif) no-repeat scroll 6px 5px;
    border-color: #FFFFFF rgb(255, 255, 255) rgb(199, 199, 199);
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: block;
    font-weight: bold;
    line-height: 17px;
    padding: 0px 0px 0px 16px;
}

#rPanel1
{
    background-color: #FCFCFD;
    float: left;
    margin: 4px 0px 4px 90px;
    width: 800px;
}
.bucket
{
}
.bucket .c
{
    background: url(images/bucket_clear_border.gif) repeat-y top left;
}
.bucket .c div.r
{
    margin-left: 6px;
    background: url(images/bucket_clear_border.gif) repeat-y right top;
}
a.tabActive
{
    background: url(images/bucket_clear_border_top.gif) no-repeat top left;
    height: 25px;
    padding: 0px;
    width: 100%;
}
a.tabActive span
{
    margin-left: 6px;
    background: url(images/bucket_clear_border_top.gif) no-repeat top right;
    padding-right: 5px;
    padding-top: 5px;
}
.bucket .h
{
    background: url(images/bucket_clear_border_top.gif) no-repeat top left;
    height: 6px;
    position: relative;
    display: block;
    width: 100%;
}
.bucket .h div
{
    position: absolute;
    width: 6px;
    height: 6px;
    display: block;
    top: 0px;
    right: 0px;
    background: url(images/bucket_clear_border_top.gif) no-repeat top right;
}
.bucket .caption
{
    background: url(images/bucket_clear_border.gif) repeat-y top left;
    border-bottom: 1px solid #CCCCCC;
    color: #333333;
    font-size: 11px;
    line-height: 8pt;
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    font-family: Verdana;
}
.bucket .caption div
{
    margin-left: 6px;
    padding: 0pt 8px 6px 0px;
    background: url(images/bucket_clear_border.gif) repeat-y right top;
    display: block;
}
.bucket .f
{
    background: url(images/bucket_clear_brdr_btm.gif) no-repeat bottom left;
    height: 6px;
    position: relative;
    display: block;
    width: 100%;
}
.bucket .f div
{
    position: absolute;
    width: 6px;
    height: 6px;
    display: block;
    bottom: 0px;
    right: 0px;
    background: url(images/bucket_clear_brdr_btm.gif) no-repeat bottom right;
}
.title1
{
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 5px;
}
.title1:hover
{
    text-decoration: underline;
}
.spl_links
{
    list-style-type: square;
    color: #f00;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 0pt;
    margin-left: 10pt;
    margin-top: 0.1em;
    padding: 3px 0pt;
}
.spl_links2
{
    list-style-type: none;
    color: #004276;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 0pt;
    margin-left: 8pt;
    margin-top: 0.1em;
    padding: 3px 0pt;
}
.spl_links2 li
{
    background: url(images/icon_arrow_b.gif) no-repeat left;
    padding-left: 15px;
}
.leadQuote
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 10px;
}
.hotArticle, .hotArticle td, .hotArticle a
{
    font-family: Arial;
    font-size: 11px;
    line-height: 125%;
}
.hotArticle p
{
    margin: 0px;
    padding: 0px;
}

.hrDividerDashed
{
    background: transparent url(images/divider_dash.gif) repeat-x scroll left top;
    height: 9px;
    margin-top: 8px;
    width: 100%;
    height: 1px;
    margin: 1px 0pt 8px;
    font-size: 0px;
    line-height: 2px;
}
.hrDividerSolid
{
    background-color: #707273;
    height: 2px;
    font-size: 0px;
    line-height: 2px;
}
.hrDividerDotted
{
    background-image: url(images/black_dot.gif);
    background-repeat: repeat-x;
    height: 2px;
    margin-top: 3px;
    font-size: 0px;
    line-height: 2px;
}
.pnlLeftNavPromo
{
    background: transparent url(images/leftModGradientBg.gif) repeat-x scroll left bottom;
    margin: 8px 10px 5pt 4px;
    padding: 6px;
    border: solid 1px #8C8D8E;
}
.divMoreArticle
{
    margin-top: 10px;
}
.pnlLeftNavPromo .h, .divMoreArticle .h
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    line-height: 8pt;
    text-transform: uppercase;
}
.pnlLeftNavPromo .h a, .divMoreArticle .h a
{
    color: #000;
}
.pnlLeftNavPromo .f
{
}
.spotlightLinks div
{
    background-image: url(images/blue_dot.gif);
    background-position: 0pt 9px;
    background-repeat: no-repeat;
    line-height: 13px;
    padding: 3px 0px 3px 7px;
    font-size: 11px;
}
sup.date
{
    color: #666666;
    font-family: Verdana,Tahoma;
    font-size: 11px;
    padding-left: 5px;
}
.catTitle
{
    border-top: solid 1px #ccc;
    border-bottom: dashed 1px #ddd;
    background: #fff url(images/catTitle.jpg) repeat-x top;
    margin-top: 10px;
    margin-bottom: 6px;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 15px;
    padding: 3px;
    height: 18px;
}
.catTitle a
{
    color: #000;
	text-transform:uppercase;
}
.catTitle a:hover
{
    color: #000;
    text-decoration: underline;
}
.catTitle .subcat{ color:#ccc; text-decoration:none; font-weight:normal; padding-right:10px;}
.catTitle .subcat a{ color:#D9005D;}
div .subcat a
{
	text-transform:none;
}
.catMore
{
    font-family: Verdana;
    font-size: 11px;
    text-align: right;
}
.subscribe
{
    background: url(images/blog_sub.gif) no-repeat scroll 58px 2px;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    padding-right: 21px;
    text-align: right;
}
.tabTitle
{
    color: #D9005D;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    height: 20px;
}
.tabTitle a
{
    text-decoration: none;
}
.smText
{
    font-size: 11px;
    font-weight: normal;
}
epl:link
{
    color: #1F527B;
    font-size: 1em;
}
epl:hover
{
    text-decoration: underline;
}
.artTitle
{
    font-size: 1.8em;
    font-weight: bolder;
    margin: 5px 0pt 15px;
    color: #D9005D;
}
.pgItem
{
    font-size: 11px;
    font-weight: bold;
}
.pgItemSelected a
{
    font-size: 11px;
    font-weight: bold;
    color: #f00;
}
.pager
{
    font-size: 11px;
    font-family: Verdana;
    color: #666;
}
.pager b
{
    color: Red;
}

.artTools
{
}

.artTools ul
{
    margin: 0;
    padding: 0 0 22px 10px;
}

.artTools ul li
{
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
    float: right;
}

.artTools ul a:link, .artTools ul a:visited
{
    float: left;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    padding: 0 12px 6px 12px;
    text-decoration: none;
    color: #708491;
}
.artTools ul a:hover
{
    color: #000;
}
.artTools ul a:link.active, .artTools ul a:visited.active
{
    padding-bottom: 6px;
    color: #000;
    background: url(images/circle.gif) no-repeat bottom center;
}
.cmt
{
    color: #666;
}
.leftcol
{
}
.rightcol
{
}
body.backend
{
    margin: 0px;
    padding: 0px;
    background: none;
    background-color: #fff;
}
pre.code
{
    font-family: Courier New;
    background-color: #ffffcc;
    margin: 5px 8px 5px 20px;
    font-size: 12px;
    line-height: 150%;
    padding: 3px;
    direction: ltr;
}
pre.quote
{
    font-family: Courier New;
    background-color: #bdbdbd;
    margin: 5px 8px 5px 20px;
    border-right: #666666 1px solid;
    border-top: #666666 1px solid;
    border-left: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    font-size: 12px;
    line-height: 150%;
    padding: 3px;
    direction: ltr;white-space:normal;
}

.subtabs
{
    float: left;
    width: 100%;
    background: #BBD9EE url(images/divider_dash.gif) repeat-x scroll left top;
    font-size: 12px;
    line-height: normal;
    margin-top: 8px;
}
.subtabs ul
{
    margin: 0;
    padding: 10px 10px 0 10px;
    list-style: none;
}
.subtabs li
{
    display: inline;
    margin: 0;
    padding: 0;
}
.subtabs a
{
    float: left;
    background: url(images/tableft.gif) no-repeat left top;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: none;
}
.subtabs a span
{
    float: left;
    display: block;
    background: url(images/tabright.gif) no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: #666;
}
.subtabs a span
{
    float: none;
}
.subtabs a:hover span
{
    color: #FF9834;
}
.subtabs a:hover
{
    background-position: 0% -42px;
}
.subtabs a:hover span
{
    background-position: 100% -42px;
}

.subtabs li.selected a
{
    background-position: 0% -42px;
    font-weight: bold;
    color: #000;
}
.subtabs li.selected a span
{
    background-position: 100% -42px;
}
.subtabs li.active a
{
    background-position: 0% -42px;
}
.subtabs li.active a span
{
    background-position: 100% -42px;
}
.below_tab
{
    background: #BBD9EE;
    font-size: 12px;
    line-height: normal;
    font-weight: bold;
    padding: 5px;
}
.title2
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    line-height: 8pt;
    text-transform: uppercase;
}
tr.softInfo td
{
    border-bottom: dashed 1px #ccc;
}
.commentBox
{
    background-color: #F9F9F9;
    border: 1px solid #DBDBDB;
    padding: 5px;
}
.cmtPager
{
    text-align: right;
    font-size: 11px;
    font-family: Verdana;
}
.cmtPager a, .cmtPager a:link, .cmtPager a:visited
{
    color: #666;
    text-decoration: none;
}
.cmtPager a b
{
    color: #f00;
    font-size: 12px;
}
.cmtPager a:hover, .cmtPager a:active
{
    color: #666;
}
.orange
{
    font-family: Arial, sans-serif;
    font-size: 10pt;
    color: #fe7f12;
}
.orange a:visited, .orange a:link, .orange a:active
{
    text-decoration: none;
    font-size: 10pt;
    color: #fe7f12;
}
.orange a:hover
{
    text-decoration: underline;
}

.orangeBold
{
    font-family: Arial, sans-serif;
    font-size: 10pt;
    color: #fe7f12;
    font-weight: bold;
}
.orangeBold a:active, .orangeBold a:visited, .orangeBold a:link
{
    color: #fe7f12;
    text-decoration: none;
    font-weight: bold;
}
.blue
{
    font-family: Arial, sans-serif;
    font-size: 10pt;
    color: #20a8d1;
}
.blueBold, .blueBold a
{
    font-family: Arial, sans-serif;
    font-size: 10pt;
    color: #20a8d1;
    font-weight: bold;
    text-decoration: none;
}
.shadowImage
{
    background: url(images/shadowImage.gif) no-repeat 0px 1px;
    vertical-align: top;
    width: 90px;
    padding-top: 5px;
    height: 90px;
    text-align: left;
    padding-left: 5px;
}
.pageSelectedItem a:link, .pageSelectedItem a:visited
{
    font-weight: bold;
    color: Red;
    text-decoration: none;
}
.message{ font-size:12px;}