/* start css for gamesGallery.inc */

.miniCarousel{
    margin-bottom:10px;
    width:996px;
    height:135px;
    background:url('../images/gall_Frame.png') repeat-x top;
    overflow:hidden;
}
.miniCarousel .firstBt{
    margin-top:25px;
    margin-left:30px;
    margin-right:20px;
    width:30px;
    height:86px;
    float:left;
}
.firstThumb{
    margin-top:14px;
    width:15px;
    height:59px;
    float:right;
}
a .firstThumb{
    background:url('../images/gThumbFirstOff.png') no-repeat;
}
a:hover .firstThumb{
    background:url('../images/gThumbFirst.png') no-repeat;
}
.miniCarousel .lastBt{
    margin-top:25px;
    margin-left:22px;
    margin-right:30px;
    width:28px;
    height:86px;
    float:left;
}
.lastThumb{
    margin-top:14px;
    width:15px;
    height:59px;
    float:left;
}
a .lastThumb{
    background:url('../images/gThumbLastOff.png') no-repeat;
}
a:hover .lastThumb{
    background:url('../images/gThumbLast.png') no-repeat;
}
.miniStepCarousel{
    margin-top:15px;
    margin-bottom:15px;
    margin-left:2px;
    margin-right:2px;
    width:830px;
    height:107px;
    border-left:1px solid #99ccff;
    border-right:1px solid #99ccff;
    background:url('../images/carousel_bg2_transparency.png') repeat-x;
    position:relative;
    overflow:hidden;
    float:left;
}

.miniStepCarousel .show10{
    top:0px;
    left:0px;
    width:auto;
    position:absolute;
}

.miniStepCarousel .thumb2{
    margin-top:5px;
    margin-left:10px;
    margin-right:10px;
    width:72px;
    position:relative;
    overflow:hidden;
    float:left;
}

.prevThumb2{
    width:15px;
    height:27px;
    background:url('../images/gPrev2Off.png') no-repeat;
    cursor:pointer;
}
.prevThumb2:hover{
    width:15px;
    height:27px;
    background:url('../images/gPrev2On.png') no-repeat;
    cursor:pointer;
}

.nextThumb2{
    width:15px;
    height:27px;
    background:url('../images/gNext2Off.png') no-repeat;
    cursor:pointer;
}
.nextThumb2:hover{
    width:15px;
    height:27px;
    background:url('../images/gNext2On.png') no-repeat;
    cursor:pointer;
}

IMG.gameThumb{
    border-top:1px solid #999999;
    border-bottom:1px solid #000000;
    border-left:1px solid #777777;
    border-right:1px solid #555555;
}
IMG.gameThumb:hover{
    border:1px solid #99ccff;
}

/* end css for gamesGallery.inc */


.prevGameBt{
    margin-top:14px;
    width:18px;
    height:22px;
    position:relative;
    float:left;
}
.prevBt{
    margin-left:6px;
    width:15px;
    height:20px;
    position:relative;
    float:left;
}
A .prevBt{
    background:url("../images/gPrev_btOff.png") no-repeat top left;
}
A:hover .prevBt{
    background:url("../images/gPrev_btOn.png") no-repeat top left;
}
.nextGameBt{
    margin-top:14px;
    width:18px;
    height:22px;
    padding:0px;
    background:none;
    position:relative;
    float:right;
}
.nextBt{
    margin-right:6px;
    width:15px;
    height:20px;
    position:relative;
    float:left;
}
A .nextBt{
    background:url("../images/gNext_btOff.png") no-repeat top left;
}
A:hover .nextBt{
    background:url("../images/gNext_btOn.png") no-repeat top left;
}

.gFrame{
    width:922px;
    margin-top:6px;
    margin-left:8px;
    text-align:left;
    border:1px solid #555555;
    position:relative;
    overflow:hidden;
    float:left;
}

.gTitleBar{
    width:100%;
    height:48px;
    font-size:18px;
    font-weight:bold;
    font-family:arial,sans-serif;
    color:#99ccff;
    background:#555555 url("../images/bgMost.gif") repeat-x bottom;
    float:left;
}

.gBarRight{	
    width:210px;
    height:30px;
    background:transparent url("../images/gStatusBg.png") no-repeat top left;
    overflow:hidden;
    float:right;
}
.gBarRight span{
    margin-top:0px;
    margin-right:0px;
    margin-top:0px;
    padding-right:36px;
    font-size:11px;
    font-weight:normal;
    text-align:right;
    line-height:30px;
    color:#666666;
    /*background:transparent url("../images/downBar_ic.png") no-repeat top right;*/
    float:right;
}

#imgFrame{
    width:210px;
    height:240px;
    position:relative;
    overflow:hidden;
    float:left;
}
#imgFrame .imgFrBg{
    width:100%;
    height:235px;
    background:transparent url("../images/slideIMG_bg.png") no-repeat;
    position:relative;
    overflow:hidden;
}
.imgFrBg #screenshot{
    top:14px;
    left:8px;
    width:210px;
    height:220px;
    padding:6px;
    position:relative;
    overflow:hidden;
    float:left;
}

.contentdiv{
    margin-left:15px;
    width:152px;
    height:202px;
    position:relative;
    visibility:hidden;
    overflow:hidden;
    float:left;
}

#paginate-screenshot{
    top:192px;
    left:7px;
    width:180px;
    height:20px;
    background:none;
    position:absolute;
    overflow:hidden;
    float:left;
}

.slideLBt{
    width:12px;
    height:20px;
    position:relative;
    float:left;
}
A .slideLBt{
    background:url("../images/slideL_btOff.png") no-repeat top left;
    position:relative;
    float:left;
}
A:hover .slideLBt{
    background:url("../images/slideL_btOn.png") no-repeat top left;
    position:relative;
    float:left;
}
.slideRBt{
    width:12px;
    height:20px;
    position:relative;
    float:right;
}
A .slideRBt{
    background:url("../images/slideR_btOff.png") no-repeat top right;
    position:relative;
    float:right;
}
A:hover .slideRBt{
    background:url("../images/slideR_btOn.png") no-repeat top right;
    position:relative;
    float:right;
}
.slideIMG{
    width:150px;
    height:200px;
    border:1px solid #666666;
    position:relative;
    overflow:hidden;
    float:left;
}

/*-----------------------------------------------------------------
game's profile or description section
--------------------------- --------------------------------------*/
.frameSpace{
    width:auto;
    padding-top:6px;
    padding-left:10px;
    padding-right:0px;
    padding-bottom:0px;
    position:relative;
    float:left;
}
.frameSpace .newGame{
    margin-top:4px;
    margin-left:8px;
    position:absolute;
}

.gDetail{
    width:auto;
    height:270px;
    padding:6px;
    position:relative;
    overflow:hidden;
    float:left;
}

.gContent{
    width:680px;
    height:260px;
    position:relative;
    float:left;
}
.gOnlinePlay{
    width:100%;
    background:none;
    position:relative;
    overflow:hidden;
    float:left;
}

.gDescribe_FXGame{
    padding:6px 0 20px 0px;
    text-align:justify;
    position:relative;
    overflow:hidden;
    float:left;
}
.gDescribe_MEGame{
    width:470px;
    padding:6px 0 18px 2px;
    text-align:justify;
    position:relative;
    overflow:hidden;
    float:left;
}
.gDescribe_MEGame .gPlus{
    margin-top:6px;
    padding-left:18px;
    padding-bottom:10px;
    line-height:12px;
    background:url("../images/ic_plus.gif") no-repeat;
}
.gDescribe_J2MEGame{
    width:540px;
    padding:6px 0 18px 2px;
    text-align:justify;
    position:relative;
    overflow:hidden;
    float:left;
}

.gDownload{
    width:182px;
    padding:4px 4px 28px 4px;
    background:url("../images/bt180Bg_download.png") no-repeat;
    position:relative;
    float:right;
}

/*-----------------------------------------------------------------
game information bar section
--------------------------- --------------------------------------*/

ul.gInfo{
    margin-bottom:10px;
    width:100%;
    font-size:9px;
    background:url('../images/gInfo_bg.png') repeat-x;
    list-style-type:none;
    position:relative;
    overflow:hidden;
    display:block;
    float:left;
}

ul.gInfo li{
    display:inline;
}
ul.gInfo li.left{
    width:10px;
    height:26px;
    background:url('../images/gInfo_bgLeft.png') no-repeat top left;
    float:left;
}
ul.gInfo li.right{
    width:10px;
    height:26px;
    background:url('../images/gInfo_bgRight.png') no-repeat top right;
    float:right;
}
ul.gInfo li.center{
    width:auto;
    height:26px;
    color:#444444;
    overflow:hidden;
    float:left;
}

.gInfoFeature{
    width:auto;
    padding:2px 6px 2px 6px;
    float:left;
}
.gInfoFeature:hover{
    color:#bbbbbb;
}

/*-----------------------------------------------------------------
key-press control bar section
--------------------------- --------------------------------------*/

ul.gCtrl {
    margin-top:10px;
    width:100%;
    font-size:9px;
    list-style-type:none;
    position:relative;
    overflow:hidden;
    display:block;
    float:left;
}

ul.gCtrl li{
    display:inline;
}

ul.gCtrl li.top{
    width:100%;
    height:5px;
    background:#555555;
    float:left;
}
ul.gCtrl li.top .topL{
    width:5px;
    height:5px;
    background:url('../images/gCtrlEdges.gif') no-repeat top left;
    float:left;
}
ul.gCtrl li.top .topR{
    width:5px;
    height:5px;
    background:url('../images/gCtrlEdges.gif') no-repeat top right;
    float:right;
}
ul.gCtrl li.bottom{
    width:100%;
    height:5px;
    background:#555555;
    float:right;
}
ul.gCtrl li.bottom .bottomL{
    width:5px;
    height:5px;
    background:url('../images/gCtrlEdges.gif') no-repeat bottom left;
    float:left;
}
ul.gCtrl li.bottom .bottomR{
    width:5px;
    height:5px;
    background:url('../images/gCtrlEdges.gif') no-repeat bottom right;
    float:right;
}

ul.gCtrl li.center{
    width:99%;
    padding:0px 5px 0px 5px;
    background:#555555;
    float:left;
}
.ctrlIcon{
    width:100%;
    height:16px;
    padding:0px 0px 1px 24px;
    background:url('../images/ic_control.gif') no-repeat left center;
    display:inline;
    float:left;
}
/* If the game's type is JFX */
.gCtrlMMove{
    padding-left:25px;
    padding-right:15px;
    background:url('../images/gCtrlMouseMove.gif') no-repeat;
    float:left;
}
.gCtrlMLeft{
    padding-left:20px;
    padding-right:15px;
    background:url('../images/gCtrlMouseLeft.gif') no-repeat;
    float:left;
}
.gCtrlMRight{
    padding-left:20px;
    padding-right:15px;
    background:url('../images/gCtrlMouseRight.gif') no-repeat;
    float:left;
}
.gCtrlKUp{
    padding-left:20px;
    padding-right:15px;
    background:url('../images/gCtrlKUp.gif') no-repeat;
    float:left;
}
.gCtrlKDown{
    padding-left:20px;
    padding-right:15px;
    background:url('../images/gCtrlKDown.gif') no-repeat;
    float:left;
}
.gCtrlKLeft{
    padding-left:20px;
    padding-right:15px;
    background:url('../images/gCtrlKLeft.gif') no-repeat;
    float:left;
}
.gCtrlKRight{
    padding-left:20px;
    padding-right:15px;
    background:url('../images/gCtrlKRight.gif') no-repeat;
    float:left;
}
.gCtrlKSpace{
    padding-left:25px;
    padding-right:15px;
    background:url('../images/gCtrlKSpace.gif') no-repeat;
    float:left;
}
.gCtrlKZ{
    padding-left:20px;
    padding-right:15px;
    background:url('../images/gCtrlKZ.gif') no-repeat;
    float:left;
}

.gCtrlKX{
    padding-left:20px;
    padding-right:15px;
    background:url('../images/gCtrlKX.gif') no-repeat;
    float:left;
}
.gCtrlKC{
    padding-left:20px;
    padding-right:15px;
    background:url('../images/gCtrlKC.gif') no-repeat;
    float:left;
}

.gCtrlKA{
    padding-left:20px;
    padding-right:15px;
    background:url('../images/gCtrlKA.gif') no-repeat;
    float:left;
}
.gCtrlKS{
    padding-left:20px;
    padding-right:15px;
    background:url('../images/gCtrlKS.gif') no-repeat;
    float:left;
}

.gCtrlKD{
    padding-left:20px;
    padding-right:15px;
    background:url('../images/gCtrlKD.gif') no-repeat;
    float:left;
}
.gCtrlKQ{
    padding-left:20px;
    padding-right:15px;
    background:url('../images/gCtrlKQ.gif') no-repeat;
    float:left;
}
.gCtrlKW{
    padding-left:20px;
    padding-right:15px;
    background:url('../images/gCtrlKW.gif') no-repeat;
    float:left;
}

.gCtrlKE{
    padding-left:20px;
    padding-right:15px;
    background:url('../images/gCtrlKE.gif') no-repeat;
    float:left;
}

/* If the game's type is J2ME */
.gCtrlUp{
    padding-left:20px;
    padding-right:15px;
    background:url('../images/gCtrlUp.gif') no-repeat;
    float:left;
}
.gCtrlDown{
    padding-left:20px;
    padding-right:15px;
    background:url('../images/gCtrlDown.gif') no-repeat;
    float:left;
}
.gCtrlLeft{
    padding-left:20px;
    padding-right:15px;
    background:url('../images/gCtrlLeft.gif') no-repeat;
    float:left;
}
.gCtrlRight{
    padding-left:20px;
    padding-right:15px;
    background:url('../images/gCtrlRight.gif') no-repeat;
    float:left;
}
.gCtrlFire{
    padding-left:20px;
    padding-right:15px;
    background:url('../images/gCtrlFire.gif') no-repeat;
    float:left;
}
.gCtrlSoft6{
    padding-left:25px;
    padding-right:15px;
    background:url('../images/gCtrlSoft6.gif') no-repeat;
    float:left;
}

.gCtrlSoft7{
    padding-left:25px;
    padding-right:15px;
    background:url('../images/gCtrlSoft7.gif') no-repeat;
    float:left;
}
.gCtrlNum{
    padding-left:27px;
    padding-right:15px;
    background:url('../images/gCtrlNumber.gif') no-repeat;
    float:left;
}
.gCtrlNum5{
    padding-left:16px;
    padding-right:15px;
    background:url('../images/gCtrlNum5.gif') no-repeat;
    float:left;
}

/*-----------------------------------------------------------------
standard download button for every game page
--------------------------- --------------------------------------*/

#downButton{
    width:120px;
    height:38px;
    padding:9px 0px 9px 0px;
    font-weight:bold;
    font-family:verdana,sans-serif;
    text-align:center;
    position:relative;
    float:left;
}
A #downButton{
    color:#99ccff;
    background:url("../images/downOff_bt.png") no-repeat top left;
}
A:hover #downButton{
    color:#333333;
    background:url("../images/downOn_bt.png") no-repeat top left;
}

.downloadBt160{
    width:160px;
    height:20px;
    padding:9px 0px 9px 0px;
    font-size:14px;
    font-weight:bold;
    font-family:verdana,sans-serif;
    text-align:center;
    background:url("../images/bt160Bg_download.png") no-repeat;
    position:relative;
    float:right;
}
A .downloadBt160{
    color:#99ccff;
    background:url("../images/bt160Off_download.png") no-repeat;
}
A:hover .downloadBt160{
    color:#ffffff;
    background:url("../images/bt160On_download.png") no-repeat;
}

.downloadBt180{
    width:182px;
    height:20px;
    padding:12px 0px 12px 0px;
    font-size:14px;
    font-weight:bold;
    font-family:verdana,sans-serif;
    text-align:center;
    position:relative;
    float:right;
}
A .downloadBt180{
    color:#99ccff;
    background:url("../images/bt180Off_download.png") no-repeat;
}
A:hover .downloadBt180{
    color:#ffffff;
    background:url("../images/bt180On_download.png") no-repeat;
}

/*-----------------------------------------------------------------
template_onlineplay.php - online play section
--------------------------- --------------------------------------*/

.onlineGameBox{
    width:610px;
    position:relative;
    overflow:hidden;
}
.onlineGameBox .top{
    width:610px;
    height:5px;
    background:url("../images/onlinePlay_top.png") no-repeat top left;
}
.onlineGameBox .bottom{
    width:610px;
    height:5px;
    background:url("../images/onlinePlay_bottom.png") no-repeat top left;
}
.onlineGameBox .center{
    width:610px;
    background:url("../images/onlinePlay_center.png") repeat-y top left;
}
.onlineGameBox .center .fxGame{
    padding:0 5px 0 5px;
    overflow:hidden;
}



/*-----------------------------------------------------------------
sponsor section
--------------------------- --------------------------------------*/
.sponsor {
    margin:0;
    width:100%;
    height:70px;
    background:none;
    overflow:hidden;
    float:left;
}

/*-----------------------------------------------------------------
rating section
--------------------------- --------------------------------------*/
.mgRank{
    margin-top:2px;
    margin-right:12px;
    width:74px;
    height:45px;
    padding:0px;
    font-size:9px;
    font-weight:bold;
    text-align:center;
    color:#999999;
    line-height:16px;
    background:transparent url("../images/mgScore_bg.png") no-repeat top left;
    position:relative;
    overflow:hidden;
    float:right;
}
.mgRank .score0{
    width:35px;
    height:20px;
    background:url("../images/rating/s0.png") no-repeat bottom left;
    position:relative;
    float:left;
}
.mgRank .score1{
    width:35px;
    height:25px;
    background:url("../images/rating/s1.png") no-repeat bottom left;
    position:relative;
    float:left;
}
.mgRank .score2{
    width:35px;
    height:25px;
    background:url("../images/rating/s2.png") no-repeat bottom left;
    position:relative;
    float:left;
}
.mgRank .score3{
    width:35px;
    height:25px;
    background:url("../images/rating/s3.png") no-repeat bottom left;
    position:relative;
    float:left;
}
.mgRank .score4{
    width:35px;
    height:25px;
    background:url("../images/rating/s4.png") no-repeat bottom left;
    position:relative;
    float:left;
}
.mgRank .score5{
    width:35px;
    height:25px;
    background:url("../images/rating/s5.png") no-repeat bottom left;
    position:relative;
    float:left;
}
.mgRank .point0{
    width:38px;
    height:25px;
    background:url("../images/rating/s00.png") no-repeat bottom left;
    position:relative;
    float:left;
}
.mgRank .point1{
    width:38px;
    height:25px;
    background:url("../images/rating/s01.png") no-repeat bottom left;
    position:relative;
    float:left;
}
.mgRank .point2{
    width:38px;
    height:25px;
    background:url("../images/rating/s02.png") no-repeat bottom left;
    position:relative;
    float:left;
}
.mgRank .point3{
    width:38px;
    height:25px;
    background:url("../images/rating/s03.png") no-repeat bottom left;
    position:relative;
    float:left;
}
.mgRank .point4{
    width:38px;
    height:25px;
    background:url("../images/rating/s04.png") no-repeat bottom left;
    position:relative;
    float:left;
}
.mgRank .point5{
    width:38px;
    height:25px;
    background:url("../images/rating/s05.png") no-repeat bottom left;
    position:relative;
    float:left;
}
.mgRank .point6{
    width:38px;
    height:25px;
    background:url("../images/rating/s06.png") no-repeat bottom left;
    position:relative;
    float:left;
}
.mgRank .point7{
    width:38px;
    height:25px;
    background:url("../images/rating/s07.png") no-repeat bottom left;
    position:relative;
    float:left;
}
.mgRank .point8{
    width:38px;
    height:25px;
    background:url("../images/rating/s08.png") no-repeat bottom left;
    position:relative;
    float:left;
}
.mgRank .point9{
    width:38px;
    height:25px;
    background:url("../images/rating/s09.png") no-repeat bottom left;
    position:relative;
    float:left;
}