/* 
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{
    padding:0px;
    display: block;
    overflow: hidden;
    margin-top: 10px;
}

#mainCol{
    width: 645px;
    float: left;
    overflow: hidden;
    border-right: 1px solid #c1c1c1;
    padding-right: 10px;
}

#main_rightCol{
    width: 305px;
    float: right;
    
    overflow: hidden;
}

.rightCol_left{
    float:left;
    width: 49%;
}

.rightCol_right{
    float: right;
    width: 49%;
    border-left: 1px solid #c1c1c1;
}
#mainCol h5{
    margin-bottom: 3px;
}
.createdate{
    color: #ABABAB;
    font-size: 90%;
}
.createdate .timestamp{
    color: #A71717;
}

.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;
    width:100%;
}
.separator1{
    border-top:2px double #A1A1A1;
    float:left;
    height:4px;
    margin-top:10px;
    width:100%;
}

div.below_fold{
    overflow: hidden;
    padding:10px 0px;
}

.clearfix{
    display: block;
}
div.top-headline {
    margin-bottom:8px;
    overflow: hidden;
    padding-right: 10px;
}

div.headline {
    margin-bottom:8px;
    overflow: hidden;
}

.top-headline img {
    float:left;
    margin:5px 10px 5px 0;
}
.headline img {
    float:right;
    margin:0 10px 5px 5px;
}
.top-headline .title{
    font-size:170%;
    font-weight:bold;
    color:#030303;
}
.top-headline .title a{
    color:#890703;
}
.top-headline .title a:hover{
    color:#011D33;
}
.title{
    font-size:130%;
    font-weight:bold;
    color:#030303;
}

.moreline ul li {
    background-image:url(../images/bullet.gif);
    background-position:left 4px;
    background-repeat:no-repeat;
    padding-left:12px;
    line-height: 1.4em;
}

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;
}


/*****************************************************/
/* HOT NEWS */
#jazin-hlwrap {
    border-top:1px solid #CCCCCC;
    width: 100%;
    clear:both;
    padding-bottom:5px;
}

div.ja-newscat {
    border-bottom:1px solid #CCCCCC;
    display:block;
    margin:0;
    padding:0;
    position:relative;
    text-transform:uppercase;
    height: 25px;
}

.jahl-newscontrol {
    display:block;
    padding:5px 0;
    position:absolute;
    right:0;
    top:0;
}

.jahl-newscontrol ul {
    float:left;
    margin:0 0 0 10px;
    padding:0;
}

.jahl-newscontrol li {
    background:transparent none repeat scroll 0 0;
    display:inline;
    margin:0;
    padding:0;
}

#jahl-indicator {
    background:#EEEEEE none repeat scroll 0 0;
    display:block;
    float:left;
    font-size:10px;
    line-height:normal;
    margin-left:5px;
    padding:1px 5px;
}

#jahl-newsitem {
    /*padding:5px;*/
}

.ja-newscontent {
    background:#FFFFFF none repeat scroll 0 0;
}

.ja-newscontent a img{
    /*padding-right: 15px;*/
    margin-right: 15px;
}

.ja-newscontent p{
    /*color: #333333;*/
}
#Layout .typography .ja-newscontent p{
    font-family: Arial;
}
h5.jazin-title {
    line-height:1.1;
    margin:0 0 5px;
    padding:0;
}

h5.jazin-title a{
    color: #A71717;
}

h5.jazin-title a:hover{
    color: black;
}

#jahl-newsitem a.ja-newstitle {
    font-size:150%;
    font-weight:normal;
}
/* end hot news */

/* Expand category */
#mainCol table{
    background-color:#FFFFFF;
    border-color:-moz-use-text-color #999999 #999999;
    border-style:none solid solid;
    border-width:0 1px 1px;
    border: 0;
}
#mainCol .cellFisrt{
    border-right: 1px solid #cccccc;
    border-top: medium none;
    border-left: medium none;
    border-bottom: medium none;
    width: 219px;
}
#mainCol .middle{
    border-left: medium none;
    border-top: medium none;
    border-right: medium none;
    border-bottom: medium none;
    width: 219px;
}
#mainCol .cellLast{
    border-left: 1px solid #cccccc;
    border-top: medium none;
    border-right: medium none;
    border-bottom: medium none;
    width: 219px;
}
#mainCol a.expandHeader{
    -x-system-font:none;
    color:#000000;
    font-family:Arial;
    font-size:16px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    letter-spacing:-1px;
    line-height:normal;
    text-decoration:none;
}
.expandContent{
    margin: 0px 0 18px 0;
}
.expandContent ul li {
    background-image:url(../images/bullet.gif);
    background-position:left 4px;
    background-repeat:no-repeat;
    padding-left:13px;
    line-height: 1.4em;
}
.expandContent a:hover{
    text-decoration: underline;
    color: #015FB6;
}

/* expand categories */
.box{
    background-color:#FFFFFF;
    float:left;
    margin:5px 0 0 0;
    width: 100%;
}
.secCall {
    background-color:#FFFFFF;
    border-right: 1px dotted #A30013;
    border-left: 1px dotted #A30013;
    overflow: hidden;
    width: 100%;
}
.secTop{
    width:100%;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    height: 4px;
    overflow: hidden;
    background:transparent url(../images/border_dotted_top.gif) repeat-x scroll 100% 0;
}

.latest-secTop{
    width:100%;
    /*
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    */
    height: 4px;
    overflow: hidden;
    background:transparent url(../images/corner_wire_TR_bg.gif) repeat-x scroll 100% 0;
}

.latest-secTop div {
    background:#FFFFFF url(../images/corner_wire_TL.gif) no-repeat scroll 0 0;
    height:4px;
    width:4px;
}
.secTop div {
    background:#FFFFFF url(../images/border_corner_topleft.gif) no-repeat scroll 0 0;
    height:4px;
    width:4px;
}
.secBottom{
    width:100%;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    height: 4px;
    overflow: hidden;
    background:transparent url(../images/border_dotted_bottom.gif) repeat-x scroll 100% 0;
}
.secBottom div {
    background:#FFFFFF url(../images/border_corner_bottomleft.gif) no-repeat scroll 0 0;
    height:4px;
    width:4px;
}
.moduleTop {
    background-image:url(../images/dottedLine.jpg);
    background-position: bottom;
    background-repeat:repeat-x;
    display:block;
    float:left;
    margin:0 0 4px;
    overflow:hidden;
    padding:10px 0 0;
    position:relative;
    width:100%;
}