/*  namnd  */
.invisible{
    display: none;
    visibility: hidden;
}

.hi-slide-show li .item-content li, .hi-slide-show-ovtine li .item-content li{
    float: left;
}

.hi-slide-show li .item-content li a div, .hi-slide-show-ovtine li .item-content li a div{
    background: url(../images/hi_item_bg.png) no-repeat;
    display: block;
    width: 198px;
    height: 145px;
}
.hi-slide-show li .item-content li a, .hi-slide-show-ovtine li .item-content li a{
    text-decoration: none;
}
.hi-slide-show li .item-content li a div img, .hi-slide-show-ovtine li .item-content li a div img{
    width: 178px;
    margin-top: 6px;
    height: 126px;
    margin-left: -13px;
}

.hi-slide-show li .item-content li a p, .hi-slide-show-ovtine li .item-content li a p{
    text-align: left;
    font-family: socnhi;
    font-size: 14px;
    color: #39A5F5;
    font-weight: bold;
    padding-left: 10px;
    line-height: 7px;
}


#hotItem .header, #otherOvaltineGames .header{
    background: url(../images/hi_title.png) no-repeat;
    height: 110px;
    margin-bottom: 10px;
   
}

#hotItem, #otherOvaltineGames {
    width: 1000px;
    height: 329px;
   margin-top: 0px;
   position: relative;
   z-index: 100;
}

#hotItem .loading {
    
}

#hotItem .content .nav, #otherOvaltineGames .content .nav{
    display: block;
    height: 140px;
    width: 1020px;
}

#hotItem .content .nav #prev, #otherOvaltineGames .content .nav #prev{
    background: url(../images/hi_form_prev.png) no-repeat;
    display: block;
    width: 27px;
    height: 43px;
    float: left;
    margin-left: -30px;
    margin-top: 50px;
}

#hotItem .content .nav #next, #otherOvaltineGames .content .nav #next{
    background: url(../images/hi_form_next.png) no-repeat;
    width: 27px;
    height: 43px;
    display: block;
    float: right;
    margin-top: 50px;
}

/* Bang diem */
.popup-bangdiem{
    width: 100%;
    height: 100%;
    position: fixed;
    display: block;
    top: 0px;
    left: 0px;
    z-index: 1200;
    background: rgba(0,0,0,.7);
}
.popup-bangdiem .content{
    width: 863px;
    height: 682px;
    display: block;
    background: url(../images/bangdiem_bg.png) no-repeat;
}
.popup-bangdiem .content .close-button{
    display: block;
    width: 39px;
    height: 42px;
    background: url(../images/close.png) 0 0 no-repeat;
    float: right;
    margin-top: 155px;
    margin-right: 100px;
}
.popup-bangdiem .content .close-button:hover{
    background-position: 0 -42px;
}
.popup-bangdiem .content .list-content{
    width: 580px;
    display: block;
    height: 370px;
    padding-top: 70px;
    clear: both;
    padding-left: 60px;
}
.list-content ul li.top{
    background: url(../images/tab_1.png) no-repeat !important;
}
.list-content ul li.top img{
    margin-top: 5px;
}

.list-content ul li{
    background: url(../images/tab_2.png) no-repeat;
    display: block;
    width: 575px;
    height: 40px;
    margin-bottom: 5px;
}
.list-content ul li p{
    font-family: socnhi;
    color: white;
    font-weight: 560;
    font-size: 20px;
}
.list-content ul li .col1{
    float: left;
    
    display: block;
    width: 85px;
    height: 39px;
}
.list-content ul li .col2{
    float: left;
    
    display: block;
    width: 285px;
    height: 39px;
    text-align: left;
    padding-left: 30px;
}
.list-content ul li .col3{
    float: left;
    
    display: block;
    width: 168px;
    height: 39px;
}

/*ovaltine stories popup*/
#popupOvaltine {display: none;}
.ZebraDialog.ovaltineGames {
    width: 312px;
    height: 186px;
    background: url(../images/cvg.png) left top no-repeat; 
    border: none;
    border-radius: 0;   
}
.ZebraDialog.ovaltineGames .ZebraDialog_BodyOuter {
    background: none;    
}
.ZebraDialog.ovaltineGames .ZebraDialog_Title, .ZebraDialog.ovaltineGames .ZebraDialog_BodyOuter, .ZebraDialog.ovaltineGames .ZebraDialog_ButtonsOuter{
    border-radius: 0;
    border: none;
    background: none;
}
.ZebraDialog.ovaltineGames .ZebraDialog_Information, .ZebraDialog.ovaltineGames .ZebraDialog_Icon {
    background: none;
}
.ZebraDialog.ovaltineGames .ZebraDialog_Body {
    border: none;
    height: auto;
}
.ZebraDialog.ovaltineGames .ovGamesLink {
    float: left;
    position: absolute;
    bottom: 9px;
    left: 9px;    
}
.ZebraDialog.ovaltineGames .ovGamesLink a {
    display: block;
    text-indent: -9999px;
    width: 85px;
    height: 63px;
    margin: 0 11px 0 0;
    float: left;
}
.ZebraDialog.ovaltineGames .ZebraDialog_Close {
    display: block;
    height: 18px;
    position: absolute;
    right: 9px;
    text-indent: -9999px;
    top: 8px;
    width: 19px;
}
.ZebraDialog.ovaltineGames .ZebraDialog_Button_0 {
    position: absolute;
    right: 32px;
    top: 8px;
}
.ZebraDialog.ovaltineGames .ZebraDialog_Buttons a {
    width: 19px;
    height: 18px;
    display: block;
    text-indent: -9999px;
    padding: 0;
    margin: 0;
    background: none;
    min-width: 19px;        
}

/*ovaltine stories adv*/
#advOvaltine {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0px;
    bottom: 0px;
}
.ovMainContent {
    width: 312px;
    height: 186px;
    background: url(../images/cvg.png) left top no-repeat;
}
.expand {
    display: none;
    width: 74px;
    height: 73px;
    background: url(../images/expand.png) left top no-repeat;    
}
#advOvaltine .ovGamesLink {
    float: left;
    position: absolute;
    bottom: 9px;
    left: 9px;    
}
#advOvaltine .ovGamesLink a {
    display: block;
    text-indent: -9999px;
    width: 85px;
    height: 63px;
    margin: 0 11px 0 0;
    float: left;
}
#advOvaltine .control {
    height: 18px;
    position: absolute;
    right: 5px;
    top: 8px;
}
#advOvaltine .control a {
    width: 19px;
    height: 18px;
    display: block;
    text-indent: -9999px;
    float: left;
    margin: 0 4px 0 0;
}