/* 
    Document   : listContent
    Created on : Nov 14, 2011, 10:00:29 AM
    Author     : x
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body,html{
     font-family: Arial,Helvetica,sans-serif;
     font-size: 12px;
     margin: 0 auto;
}

root { 
    display: block;
}

/*===== Style Main Table =====*/
.tableResult{
    width: 98%;
    padding: 0 0 0 0;
    border-width: 0;
    margin:0px 0px 5px 5px;
    border-collapse:collapse;
    border-spacing: 0;
}
.tableResult1{
    width: 98%;
    padding: 0 0 0 0;
    border-width: 0;
    margin:0 0 0 0
        border-collapse:collapse;
    border-spacing: 0;
}

/*===== Display Content Style 1 =====*/
.downloadDsTheme{
    color: #3c60a4;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}
a{text-decoration:none; }
a:link{text-decoration:none; }
a:hover{text-decoration:none; }
a:active{text-decoration:none; }
a:visite{text-decoration:none; }

a img{border: none; cursor: pointer;}

/*===== Display Content Style 2&3 =====*/
.headerDsMusic{
    color: #3c60a4;
    font-size: 13px;
    font-weight: bold;
}

.ivrGraphic{
    background-color:#EEEEEE; 
    font-family: Arial,Helvetica,sans-serif;
    font-size :12px;  
    vertical-align: middle;
    font-weight: normal;
    color: #000000;
    cursor: pointer;
}
.descriptionGame{
    /*    font-family: Arial,Helvetica,sans-serif;*/

    font-size: 11px;
    color: #999900;
    /*    line-height:1.8em;*/
}
.ivrGame{
    /*    font-family: Arial,Helvetica,sans-serif;*/
    font-size: 12px;
    color: #666666;
}
.nameGame{
    /*    font-family: Arial,Helvetica,sans-serif;*/
    font-size: 12px;
    /*    color:#E35509;*/
    color: #3c60a4;
    font-weight: bold;
}

.detailDsMusic{
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    vertical-align: top;
}
.downloadDsMusic{
    color: #004a80;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    vertical-align: top;
    cursor: pointer;
}
.downloadDsMusic2{
    color: #004a80;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: top;
}
.textdownloadDetail{
    vertical-align: text-top;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    color:#FFFFFF;

}
.textdownloadDetail_Hilight{
    font-size: 12px;
    font-weight: bold;
    color:#FFF200;
    line-height: 1.2em;
    left:0px;
    top:0px;
}
.textRedTypeName{
    font-size: 14px;
    color:#FF0000;
    font-weight:  bold;
    line-height: 1.2em;
    left:0px;
    top:0px;
    text-decoration: underline;
}
.headDownloadContent{
    text-align: left;
    font-size: 13px;
    color:#767a82;
    font-weight: bold;
    line-height: 1.2em;
    left:0px;
    top:0px;
}
.headMusicsYoutube{
    text-align: left;
    font-size: 17px;
    color: #000000;
    font-weight: bold;
    line-height: 2.0em;
    left:0px;
    top:0px;
}
.detailDownloadContent{
    text-align: left;
    font-size: 13px;
    color: #000000;
    text-decoration: underline;
    line-height: 1.2em;
    left:0px;
    top:0px;
}
th.headerDsMusic{
    color: #3c60a4;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: top;
}
.listContainerCampaign{
    width: 180px;
    float: left;
    vertical-align: text-top;
    vertical-align: top;
}


/*===== Pagging Section =====*/
.pagging{
    font-size: 12px;
    padding-right: 10px;
    font-style: normal;
}
.anotherPage{
    font-style: normal;
    text-decoration:none;
    cursor: pointer;
}
.currentPage{
    text-decoration:underline;
    font-weight: bold;
    color: #004a80;
}

/*===== get ContentDes =====*/
.downloadContent{
    text-align: left;
    font-size: 12px;

}
.imgPreview{
    margin: 0 auto;
    vertical-align:  middle;

}

.headerDownloadContent{
    color: pink;
}
.headerContainer{
    padding-left: 5px;
    color: #009CFE;
    font-weight: bold;
    font-size: 14px;
    text-align: left;

}
.headerContainer img{
    padding-left: 10px;
    width: 30px;
    height: 30px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
}
table.listS1 td{
    border : 1px solid #EEEEEE;
    width: 100%;
    padding: 0px;
    /*    border-width: 1px;*/
    border-collapse: collapse;
    /*    border-spacing: 0px;*/
    margin:  0 auto;


}
table.listS{
    width: 98%;  
    border-right : 1px solid #EEEEEE;
    border-bottom : 1px solid #EEEEEE;
    border-collapse: collapse;
    margin:  0 auto;
}

table.treeforfun1{
    margin:  0 auto;
    border-collapse:collapse;
}
table.treeforfun1 td, th
{
    /*    border-left : 1px solid #EEEEEE;*/
    /*    border-top: 1px solid #EEEEEE;*/
    padding: 0px;
    /*        border:1px solid #EEEEEE;*/
    border-bottom : 1px solid #EEEEEE;
    height: 25px;
    height: auto;

}

.paggingSamsung{
    font-family:Arial,MingLiu,sans-serif,Helvetica;
    font-size:11px;
    color:#777777;
    font-weight: bold;
    margin-right:10px;
    position:relative;
    top:1px;
}
.anotherPageSamsung{
    font-family:Arial,MingLiu,sans-serif,Helvetica;
    font-size:11px;
    color:#777777;
    margin-right:10px;
    position:relative;
    top:1px;
    font-style: normal;
    text-decoration:none;
    cursor: pointer;
}
.currentPageSamsung{
    font-family:Arial,MingLiu,sans-serif,Helvetica;
    font-size:11px;
    margin-right:10px;
    position:relative;
    top:1px;
    font-weight: bold;
    color: #008CCA;
}

.callOutLogo{
    background-image : url('../../images/template/main/howto/icon-call2.jpg')  ;
    width:18px;
    height:18px;
    vertical-align: middle;
    display: inline-block;
}