/* 
    Document   : Page___Content
    Created on : May 23, 2009, 3:38:02 PM
    Author     : Nguyen Anh Tuan
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.content{
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 10px;
}
#mainCol{
    width: 645px;
    float: left;
    overflow: hidden;
    border-right: 1px solid #c1c1c1;
    padding-right: 10px;
}

#main_rightCol{
    width: 305px;
    float: right;

    overflow: hidden;
}
#ajax-loader-comments{
    background:transparent url(../images/ajax-loader.gif) no-repeat scroll 0 0;
    display:none;
    height:16px;
    margin-left: 45%;
    width:100%;
    z-index: 1;
    float: left;
    overflow: hidden;
}
.multi-media-name{
    font-size: 12px;
    color: #A71717;
    font-family: Arial;
    background-image:url(../images/bullet.gif);
    background-position:left 4px;
    background-repeat:no-repeat;
    padding-left:12px;
    line-height: 1.4em;
   float:left;
    
}
.readmore{
    text-align:right;
    padding-right: 5px;
    text-transform: none;
}
.readmore a{
    color: #a71717;
}
.rightCol_left{
    float:left;
    width: 49%;
}

.rightCol_right{
    float: right;
    width: 49%;
    border-left: 1px solid #c1c1c1;
}

.createdate{
    color: #ABABAB;
    font-size: 90%;
}

.innerpad{
    border-top: 5px solid #A71717;
}

.hotsubject_title{
    text-transform: uppercase;
    font-weight:bold;
    color: #333333;
    margin-bottom: 10px;
}
.showpoll_title{
    text-transform: uppercase;
    font-weight:bold;
    color: #333333;
    margin-top: 10px;
}

.ja-catslwi-content{
    height: 80px;
    background-color: #A71717;
    opacity: 0.8;
    filter:alpha(opacity=80); /* IE patch */
    margin-top:110px;
}

.ja-catslwi-content .title{
    padding-left: 10px;
    padding-right: 3px;
    padding-top:4px;
}
.ja-catslwi-content .title a{
    text-transform:uppercase;
    color: #fff;
    font-size: 13px;
    line-height: 1.3em;
}
.ja-catslwi-content .title a:hover{
    color: #fff;
    text-decoration:underline;
}
.separator{
    border-top:2px double #A1A1A1;
    float:left;
    height:20px;
    margin-top:10px;
    width:100%;
}

.related .title{
    margin-bottom: 5px;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: bold;
	float:left;
}
.morenews{
    padding: 10px 10px 5px 10px;
    margin-bottom: 10px;
    width: 90%;
    float: left;
}
.moretitle{
    text-transform:uppercase;
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: bold;
    height: 22px;
    border-bottom: 1px dotted #c1c1c1;
}
div.moreline{
	float: left;
}
.moreline ul li {
    background-image:url(../images/bullet.gif);
    background-position:left 4px;
    background-repeat:no-repeat;
    padding-left:12px;
    line-height: 1.4em;
}

#mainCol h2{
    color: black;
    line-height:1.2em;
    font-family: Arial monospace;
}

#mainCol p{
    padding: 5px 0 3px 0;
    font-size: 14px;
}

#mainCol p.caption{
    padding: 0;
    font-size: 100%;
}

#mainCol{
    font-size:14px;
    font-family:Arial;
    color: black;
    line-height:1.6em;
}
#mainCol .related{
    float: right;
    margin:20px 0 10px 12px;
    width: 200px;
    border:1px solid #E4E4E6;
    background-color:#F2F2F3;
    padding: 5px;
}

.byline {
    color:#808080;
    font-family:arial,helvetica,sans-serif;
    font-weight:normal;

}
.upper{
    text-transform: uppercase;
}
.timestamp {
    color:#A81817;
    font-weight:normal !important;
    white-space:nowrap;
}
/* toolbox */
ul.toolbox-right {
    clear:both;
    margin: 0px 0 5px 0;
}

ul.toolbox-right li {
    background-color:#FFFFFF;
    background-image:none;
    border-bottom:1px solid #E4E4E6;
    padding:0;
}

ul.toolbox-right li a:link,
ul.toolbox-right li a:visited {
    display:block;
    padding:2px 5px;
}
ul.toolbox-right li a:hover {
    display:block;
    padding:2px 5px;
    background-color: #363636;
    color: #fff;
}
.ad_right{
    text-align: center;
}

ul.utilsleft {
    padding-bottom:0 !important;
    padding-top: 3px;
    overflow: hidden;
}

.article-utils {
    list-style-image:none;
    list-style-type:none;
    margin:5px 0;
    padding-left:0px;
}

ul.utilsleft li a.email {
    border:medium none;
}

ul.article-utils li a.email {
    background:transparent url(../images/ico_email.gif) no-repeat scroll 0 0;
    width:35px;
}

ul.article-utils li a {
    display:block;
    height:14px;
    padding-right:2px;
    padding-left: 18px;
}

ul.utilsleft li a.print {
    border:medium none;
}

ul.article-utils li a.print {
    background:transparent url(../images/ico_print.gif) no-repeat scroll 0 0;
    width:20px;
}

ul.article-utils li a.comments {
    background:transparent url(../images/comment_black.gif) no-repeat scroll 0 0;
   /* width:60px;*/
}
ul.article-utils li a.comments span.count {
    font-size: 80%;
    color: gray;
}

ul.article-utils li a.rss {
    background:transparent url(../images/ico_rss.jpg) no-repeat scroll 0 0;
    width:50px;
}

.bottomToolBox .article-tool{
    float: right;
    border-bottom: 0;
}

.article-tool{
    height:21px;
    border-bottom:1px dotted #CCCCCC;
    float: left;
}
.article-tool li{
    float: left;
}
.article-tool li a{
    padding-left:16px;
}

#Form_Form .recaptcha{
    overflow: hidden;
    padding-bottom: 20px;
}
#Form_Form .middleColumn{
    overflow: hidden;
    width:auto;
}
#Form_Form input{
    float:left;
}

#share-tool2{
    float:right;
    padding-left: 10px;
}


div.jazin_more_news{
    margin-bottom: 10px;
}
div.jazin_more_news .title{
    text-transform: uppercase;
    color: #333333;
    font-size:99%;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 3px;
    font-weight:bold;
    padding-left:5px;
}

.title span.readmore{
    float: none;
}

.title .readmore a{
    text-transform: none;
    color: #A71717;
}

div.jazin_more_news a{
    color: #A71717;
}

div.jazin_more_news ul{
    padding-left: 5px;
}

ul.jazin-links {
    margin:0;
    padding:0;
}

ul.jazin-links li {
    background-position:1px 7px;
    padding-left:10px;
    background:transparent url(../images/bullet2.gif) no-repeat scroll 1px 7px;
    line-height:160%;
}

.more{
    width:100%;
    float: left;
}

span.readmore{
    float: right;
}
.readmore a{
    text-transform: uppercase;
    color: #A71717;
}

.ifrMoreArts{
    float:left;
    width: 100%;
}

.artsInSameCat{
    float:left;
}

#other_tool{
    overflow:hidden;
}