@charset "utf-8";
/* IE6 css fixer v0.4: Wed, 20 May 2009 19:20:31 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
* html .right,
* html .container,
* html .header,
* html .header-top,
* html .header-top-left,
* html .logo-box,
* html .fav-link,
* html .header-top-center,
* html .iletisim-link,
* html .header-top-right,
* html .login-box,
* html .search-box,
* html #navcontainer,
* html #navcontainer ul li,
* html .body-main,
* html .navlist,
* html .body-content,
* html .content-box,
* html .son-banner-box,
* html .top-banner-box,
* html .top-100-box,
* html .yeni-left,
* html .yeni-box,
* html .top-100-title-left,
* html .top-100-title-right,
* html .top-100-list-box,
* html .top-10-left,
* html .top-10-right,
* html .haftanin-oyun,
* html .top-10-link,
* html .pink-title,
* html .pink-title-left,
* html .pink-title-right,
* html .link-box,
* html .link-box ul li,
* html .haftanin-banner,
* html .banner-box,
* html .footer-main,
* html .footer-alexa,
* html .footer-inside,
* html .video-path-left,
* html .video-path-right,
* html .inner-bottom-left,
* html .inner-bottom-right-add,
* html .category_oyna_cont,
* html .inner-content-box-oyna,
* html .inner-bottom-right-oyna,
* html .oyna-title-right,
* html .inner-content-box,
* html .inner-banner-box,
* html .category-path-left,
* html .category-path-right,
* html .category_oyun_cont,
* html .category_oyun_banner,
* html .pagination,
* html .online-path-left,
* html .online-path-center,
* html .online-path-right,
* html .online-bilgi-sira,
* html .online-bilgi-resim,
* html .online-bilgi-left,
* html .online-bilgi-center,
* html .online-bilgi-right,
* html .oyun-top-100-box,
* html .oyun-top-100-list,
* html .left, * html .oyna-title-left,
* html .yeni-list, * html .top-100-list,
* html .yeni-box ul li, * html .top-100-list-box ul li {display:inline;}

/* fix negative margins */
* html .container {position:relative; zoom:1;}

/* add zoom:1 to pos:relative elements */
* html .container,
* html .search-box {zoom:1;}
body
{
margin:0px;
padding:0px;
/* background:url(../css/images/body-bg.jpg) left top repeat-x #fde794; */

}
/** 11.04.2010 deiti **/
.pagination
{
	/*margin-top: -30px;*/
	padding-left: 20px;
	padding-right: 20px;
        width: 500px;
        height: auto;
        color: #900a53;
        font: 25px "Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
        float: right;
        text-align:center;
        list-style-type: none;
        /*border: 1px solid #000;*/
        clear: both;
}

.pagination ul {
	margin: 0;
	padding: 0;
        list-style-type: none;
        text-align: center;
}
.pagination li {
        list-style: none;
        display: inline;
	    padding: 0px;
        }

.pagination li a {
	width: 50px;
    display: inline;
        padding: 4px 4px 4px 4px;
	    /*line-height:28px;*/
        text-decoration: none;
        color: #900a53;
        background: #fff;
        border:1px solid #ccc;

}
.pagination li a:hover {
        background:#000;
        color: #FFF;
        border:1px solid #ccc;
}
.pagination li a.active {
        background: #900a53;
        color: #FFF;
        border:1px solid #ccc;
}
/** 11.04.2010 deiti **/
body {
	background-image: url('images/bg.gif');
	background-position: left top;
	background-repeat:repeat-x;
	background-color: #ececec;
	font-family: "Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #4b4b4b;
	text-decoration: none


}
h1 {
	font-family: "Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 30px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	margin:0px;
	padding:0px;
}
.input
{
width:136px;
height:18px;
background-color:#FFF;
border:1px solid #900a53;
padding:1px 0px 1px 3px;
font-family: "Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 16px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #4b4b4b;
text-decoration: none;
margin:0px;
}

.inputara
{
width:128px;
height:18px;
background-color:#FFF;
border:1px solid #900a53;
padding:1px 0px 1px 3px;
font-family: "Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 16px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #4b4b4b;
text-decoration: none;
margin:0px;
margin-left:30px;
margin-top:3px;
}

.inputlogin
{
width:90px;
height:18px;
background-color:#FFF;
border:1px solid #900a53;
padding:1px 0px 1px 3px;
font-family: "Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 16px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #4b4b4b;
text-decoration: none;
margin:0px;
}

.uyelik
{
font-family: "Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 16px;
font-weight: normal;
font-variant: normal;
font-weight: bold;
text-transform: none;
text-align: center;
color: #4b4b4b;
text-decoration: none;
padding-top:8px;

}

.uyelik a
{
font-family: "Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 16px;
font-weight: normal;
font-variant: normal;
font-weight: bold;
text-transform: none;
text-align: center;
color: #000;
text-decoration: none;
padding-top:8px;

}

.uyelik a:hover
{
color: #fff;
}

.button1
{
background: url('images/bos.gif') no-repeat top left;
width:40px;
height:23px;
border:0 none;
cursor:pointer
}

.button2
{
background: url('images/bos.gif') no-repeat top left;
width:20px;
height:30px;
border:0 none;
cursor:pointer;
margin-bottom:10px
}

.form
{
background: url('images/uye.gif') no-repeat top left;
width:200px;
height:90px;
border:0 none;
text-align:left
}

.form2
{
background: url('images/uye2.gif') no-repeat top left;
width:200px;
height:90px;
border:0 none;
text-align:center
}

body a
{
color:#900a53;
text-decoration:underline;
line-height:20px;
}
body a:hover
{
color:#000;
text-decoration:underline;
}

*
{
margin:0px;
padding:0px;
}
p
{
margin:6px 0px;
}
img
{
border:0px;
}
.left
{
float:left;
}
.right
{
float:right;
}
.container
{
left: 50%;
position: relative;
margin-left:-475px;
width:950px;
height:auto;
float:left;
text-align:left;

}

/* CSS Header Document Start Here */
.header
{
width:950px;
height:173px;
float:left;
text-align:left;
color:#FFF;

background:url('images/header_bg.gif') repeat-x left top;
padding-top: 0px
}
.header-top
{
width:950px;
height:139px;
float:left;
text-align:left;
}
.header-top-left
{
width:40%;
height:155px;
float:left;
text-align:left;
background:url('images/rix-header.jpg') no-repeat left top;
}
.logo-box
{
width:105px;
height:140px;
float:left;
text-align:left;
padding-left:0px;
padding-top:0px;
}
.fav-link
{
width:135px;
height:20px;
padding-top:10px;
margin-right: 5px;
float:right;
text-align:left;
}
.fav-link a
{
color:#900a53;
font-size:12px;
font-family:"Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
text-decoration: none;
line-height:20px;
font-weight:bold;
}
.fav-link a:hover
{
color:#F04E00;
font-size:12px;
text-decoration: none;
font-family:"Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
}
.header-top-center
{
width:10%;
height:10px;
float:left;
text-align:left;
}
.iletisim-link
{
width:50px;
height:20px;
padding-top:10px;
float:left;
text-align:left;
}
.iletisim-link a
{
color:#900a53;
font-size:12px;
font-family:"Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
text-decoration: none;
line-height:20px;
font-weight:bold;
}
.iletisim-link a:hover
{
color:#F04E00;
font-size:12px;
text-decoration: none;
font-family:"Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
}
.header-top-right
{
width:50%;
height:139px;
float:right;
text-align:left;
}
.login-box
{
width:470px;
height:60px;
padding-top:8px;
float:left;
text-align:left;
color:#900a53
}
.login-box a
{
color: #900a53;
text-decoration: none;
}
.login-box a:hover
{
color: #F04E00;
text-decoration: none;
}
.search-box
{
position:relative;
top:0px;
width:225px;
height:40px;
float:right;
padding-top:0px;
text-align: left;
background:url('images/arama.png') no-repeat left top;
}


/* CSS Menu */
#navcontainer {
        margin:0px;

        padding: 0px;
        height: 34px;
		background:url('images/menu.gif') repeat-x left top;
		float:left;
		width:950px
}

#navcontainer ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

#navcontainer ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
		height:34px;
}

#navcontainer ul li a {
        width: 65.3px;
        height: 34px;
        padding: 0px;
        margin: 0px;
        color: #FFF;
        text-decoration: none;
        display: block;
        text-align: center;
        font: bold 12px/34px "Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

#navcontainer ul li a:hover {
        color: #FFF;
        background: url('images/menu_over.gif') repeat-x left top;
		height:34px
}

#navcontainer li.active a {
        color: #FFF;
        background: url('images/menu_over.gif') repeat-x left top;
		height:34px
}
-->


/* CSS Body Document Start Here */
.body-main
{
width:950px;
height:auto;
float:left;
text-align:left;
background: #ececec url('images/body-left-bg.jpg') repeat-y -24px 50px;

}
/* sub-navigation */
.navlist{
	width:150px;
	background-color:#FCAD08;
	color: #900a53;
	font: bold 12px/24px "Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	line-height: 16px;
	padding:10px;
	float:left;
	text-align:left;
}
.navlist ul {margin: 0; padding: 0;}
.navlist li {
	list-style: none;
	}
.navlist li a {
	display: block;
	padding: 6px 0 6px 6px;
	width: 150px;
	text-decoration: none;
	color: #ffffff;
	background:#900a53;
	border:1px solid #FCAD08;
	margin-bottom:4px;
}
.navlist li a:hover {
	background:#900a53;
	color: #FFF;
	border:1px solid #FCAD08;
	margin-bottom:4px;
}
.navlist li a.active {
	background: #900a53;
	color: #FFF;
	border:1px solid #FCAD08;
	margin-bottom:4px;
}
/* sub-navigation */
.body-content
{
width:760px;
height:auto;
float:right;
text-align:left;
padding:0px 10px 10px 0px;
}
.content-box
{
width:760px;
text-align:left;
float:left;
height:auto;
padding:20px 0px;
}
.son-banner-box
{
width:760px;
height:auto;
float:left;
background:#900a53;
margin-top:10px;
}
.top-banner-box
{
width:760px;
height:auto;
float:left;
background: #900a53;
margin-top:0px;
margin-bottom:20px;
/* background:url(../css/images/top-banner-bg.jpg) left 35px no-repeat #900a53; */
}
.top-100-box
{
width:760px;
height:auto;
float:left;
margin-top:20px;
background:#900a53;
}
.yeni-left
{
width:360px;
height:auto;
float:left;
text-align:left;
padding:3px 5px;
}
.yeni-list
{
width:750px;
height:auto;
float:left;
text-align:left;
color:#FFF;
font-size:12px;
background: #2E2E30;
padding:5px;
}
.yeni-box
{
padding:10px 10px;
width:730px;
height:auto;
float:left;
text-align:left;
}
.yeni-box ul {margin-bottom: 0; padding: 0;}
.yeni-box li {
	list-style: none;
	}
.yeni-box ul li
{
width:124px;
height:auto;
float:left;
text-align:left;
padding:8px;
background:#FFF;
margin-right:5px;
text-align:center;
margin-bottom:5px;
border:1px solid #900a53;
}
.yeni-box ul li a
{
color:#900a53;
text-decoration:none;
}
.yeni-box ul li a:hover
{
color:#fff;
text-decoration:none;
}
.top-100-title-left {
width:360px;
height:auto;
float:left;
text-align:left;
color:#FFF;
font-size:12px;
font-weight:bold;
padding:3px 5px;
}
.top-100-title-right {
width:200px;
height:auto;
float:right;
text-align:right;
color:#FFF;
font-size:12px;
font-weight:bold;
padding:8px 10px;
}
.top-100-title-right a
{
color:#FFF;
}
.top-100-title-right a:hover
{
color:#FFF;
}
.top-100-list
{
width:750px;
height:auto;
float:left;
text-align:left;
color:#FFF;
font-size:12px;
background: #2E2E30;
padding:5px;
}
.top-100-list-box
{
padding:10px 10px;
width:730px;
height:auto;
float:left;
text-align:left;
color: #333;

}
.top-100-list-box ul {margin-bottom: 0; padding: 0;}
.top-100-list-box li {
	list-style: none;
	}
.top-100-list-box ul li
{
width:124px;
height:auto;
float:left;
text-align:left;
padding: 8px;
background:#FFF;
margin-right:5px;
text-align:center;
margin-bottom:5px;
border:1px solid #900a53;
}
.top-100-list-box ul li a
{
color:#900a53;
text-decoration:none;
font-weight:bold;
}
.top-100-list-box ul li a:hover
{
color:#fff;
text-decoration:none;
}
.top-10-left
{
width:300px;
height:auto;
float:left;
text-align:left;
padding: 3px 8px;
color:#FFF;
font-size:12px;
font-weight:bold;
}
.top-10-right
{
width:340px;
height:auto;
float:right;
text-align:left;
padding: 3px 5px;
color:#FFF;
font-size:12px;
font-weight:bold;
}
.haftanin-oyun
{
width:397px;
height:auto;
float:left;
text-align:left;
color:#FFF;
font-size:12px;
padding:5px 5px 0px 8px;
background: #e6e6e6;
}
.top-10-link
{
width:320px;
padding:15px;
float:right;
text-align:left;
color:#000;
font-size:12px;
font-weight:bold;
background: #e6e6e6;
}
.top-10-link a
{
color:#000;
font-size:12px;
font-weight:bold;
text-decoration:none;
font-family:"Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
line-height:23px;
}
.top-10-link a:hover
{
color:#999;
font-size:12px;
font-weight:bold;
text-decoration:underline;
font-family:"Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}
.pink-title
{
width:740px;
height:30px;
float:left;
text-align:left;
background-color:#900a53;
padding:3px 10px;
}
.pink-title-left {
width:360px;
height:auto;
float:left;
text-align:left;
color:#FFF;
font-size:12px;
font-weight:bold;
padding:0px 5px;
}
.pink-title-right {
width:200px;
height:auto;
float:right;
color:#FFF;
text-align:right;
font-size:12px;
font-weight:bold;
padding:8px 10px;
}
.pink-title-right a {
color:#FFF;
}
.pink-title-right a:hover {
color:#FFF;
}

.link-box
{
width:740px;
height:auto;
float:left;
text-align:left;
padding:10px;
background-color:#e6e6e6;
line-height:30px;
}
.link-box ul {
margin-top: 7px;
height:60px;
border:1px solid #900a53;
background-color: #fff;
}
.link-box li {
	list-style: none;
	}
.link-box ul li
{
width:105px;
height:auto;
float:left;
text-align:left;
height:50px;
}
.link-box ul:hover
{
background-color:#FFF;
}
.link-box ul li a
{
width: 105px;
height: 50px;
display: block;
color:#900a53;
text-decoration:none;
line-height:12px;
border:0px solid #900a53;
text-align: center;
padding-top: 5px;
padding-bottom: 3px;
}
.link-box ul li a:hover
{
color:#000;
text-decoration:none;
}
.kucukresim
{
}

.haftanin-banner
{
width:760px;
height:auto;
float:left;
text-align:left;
background-color:#f7f7f7;
}
.banner-box
{
width:760px;
text-align:center;
float:left;
height:auto;
padding:20px 0px;
background-color:#f7f7f7;
margin-top:20px;
}
/* CSS Footer Document Start Here */
.footer-button
{
background-color:#d1135d;
border:1px solid #fff;
color: #fff;
width: 55px;
height: 22px;
font-family: "Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

.footer-main
{
width:950px;
height:120px;
float:left;
text-align:left;
background: #333 url('images/footer-bg.jpg') repeat-x left top;
border-right: 2px solid #222
}
.footer-alexa
{
width:40%;
height:65px;
float:right;
text-align:right;
margin-top:15px;
padding-right:20px;
line-height:10px;
color:#FFF;
}
.footer-inside
{
width:50%;
height:50px;
float:left;
text-align:left;
margin-top:15px;
padding-left:20px;
line-height:10px;
color:#FFF;
}

.footer-inside a
{
color: #FFF;
text-decoration: underline;
}

.footer-inside a:hover
{
color: #FFF;
text-decoration: underline;
}

.video-path
{
border-top:1px dashed #900a53;
border-right:1px dashed #900a53;
border-left:1px dashed #900a53;
padding:10px;
background-color:#ececec;
width:738px;
height:40px;
}
.video-path-left
{
width:568px;
height:20px;
line-height:20px;
float:left;
background:url('images/play.png') no-repeat left center;
padding-left:20px;
margin-left:2px
}
.video-path-right
{
width:100px;
height:20px;
float:left;
text-align:left;
background:url('images/play.png') no-repeat left center;
padding-left:20px
}

.videop
{
width:20%;
height:20px;
line-height:20px;
text-align:left;
background:url('images/play.png') no-repeat left center;
padding-left:20px
}

.video-box
{
border:1px dashed #900a53;
text-align:center;
background-color:#ececec;
padding:30px 0px;
}
.inner-bottom-left
{
width:380px;
height:auto;
float:left;
text-align:left;
padding-left:10px;
}
.inner-bottom-right-add
{
/*width:300px;*/
height:auto;
float:right;
text-align:left;
padding-right:10px;
}
.oyna-box
{
border:1px dashed #900a53;
text-align:center;
background-color:#ececec;
padding:10px 0px;
}
.oyna-buton
{
width: 360px;
height: 5px;
margin-left: 0px;
padding-top: 30px;
text-align: center;
font-weight: bold;
font-size: 18px;
line-height:24px;
color:#fff;
text-decoration: none;
display:block;
background:url('images/oyna-title-bg.jpg') repeat-x right center;
}
.category_oyna_cont {
float: left;
height: auto;
width: 110px;
margin-left: 10px;
margin-top: 10px;
padding-top: 2px;
text-align: center;
border: 1px solid #900a53;
}
.clear-oyna
{
clear:both;
}

.inp{
font-size:9px;
*margin-left:-10px;
text-align:left;
}

.fon{
padding:10px;
background:url('images/ac_bg.gif') no-repeat;
width:120px;
height:250px;
text-align:center
}

.renk{
background:#fff;
}

.renk a,.renk a:link,.renk a:active,.renk a:visited{
background:#FFF;
color: #900a53;
display:block

}

.renk a:hover{
background:#900a53;
}



.banner-box-oyna
{
width:300px;
height:250px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
display: block;
}
.inner-content-box-oyna
{
width:360px;
text-align: justify;
float:left;
height:auto;
padding:10px 10px;
}
.inner-bottom-right-oyna
{
width:370px;
height:auto;
float:right;
text-align:left;
padding-right:5px;
}
.oyna-title
{
width:730px;
height:30px;
background-color:#900a53;
padding:5px 5px;
margin: 10px 0px 0px 10px;
}
.oyna-title-left
{
float: left;
}
.oyna-title-right
{
padding-right: 210px;
float: right;
}
textarea
{
width:340px;
height:80px;
background-color:#FFF;
border:1px solid #bdbdbd;
padding:1px 0px 1px 3px;
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 16px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #4b4b4b;
text-decoration: none;
margin:0px;
}
.inner-content-box
{
width:740px;
text-align: justify;
float:left;
height:auto;
padding:20px 10px;
background-color:#f7f7f7;
}
.inner-banner-box
{
width:740px;
text-align: center;
float:left;
height:auto;
padding:20px 10px;
}

/* CSS Document For Categories Page Here */

.category-path
{
border-top:1px dashed #900a53;
border-right:1px dashed #900a53;
border-left:1px dashed #900a53;
padding:10px;
background-color:#ececec;
width:738px;
height:20px;
}
.category-path-left
{
width:580px;
height:20px;
line-height:20px;
float:left;
background:url('images/play.png') no-repeat left center;
padding-left:20px
}
.category-path-right
{
width:100px;
height:20px;
float:right;
text-align:left;
background:url('images/play.png') no-repeat left center;
padding-left:20px
}
.category-box
{
border:1px dashed #900a53;
text-align:center;
background-color:#ececec;
padding:30px 0px;
height:1270px;
}

.siradan-box
{
border:1px dashed #900a53;
text-align:left;
background-color:#ececec;
padding:30px 0px;
padding-left:10px;
}
.category_oyun_cont {
float: left;
height: auto;
width: 160px;
margin-left: 24px;
margin-top: 14px;
padding-top: 2px;
border: 1px solid #900a53;
}

.category_oyun_cont:hover {
background:#d2d2d2;
}

.category_oyna_cont:hover {
background:#d2d2d2;
}


.category_oyun_banner {
float: left;
height: 1200px;
width: 160px;
margin-left: 15px;
margin-right: 10px;
margin-top: 14px;
padding-top: 2px;
}

.category-box-cont
{
width: 760px;
height: 920px;
}
.category-box-cont2
{
width: 760px;
height: auto;
}

.online-box
{
border:1px dashed #900a53;
text-align:center;
background-color:#ececec;
padding:10px 10px;
height:auto;
}

.online-title-box
{
width: 740px;
height: 40px;
}

.online-title-path
{
width:740px;
height:35px;
background-color:#900a53;
padding-left:0px;
margin-top: 0px;
padding-top: 5px
}
.online-path-left
{
width:245px;
height:40px;
float:left;
text-align:left;
padding-left:35px;
}
.online-path-center
{
padding-left: 40px;
width:164px;
height:40px;
float:left;
text-align:left;
}
.online-path-right
{
padding-left: 30px;
width:200px;
height:40px;
float:right;
text-align:center;
padding-right:20px;
}

.online-bilgi
{
width:738px;
height:60px;
background-color:#fbfbfb;
margin-top: 5px;
color: #666;
font: bold 12px "Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
display: block;
border: 1px solid #900a53;
}
.online-bilgi a:hover
{
text-decoration: none;
}

.online-bilgi-sira
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 17px;
        width: 18px;
        height: 50px;
        float: left;
        text-align:left;
        list-style-type: none;
}
.online-bilgi-resim
{
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 4px;
        width: 60px;
        height: 50px;
        float: left;
        text-align:left;
        list-style-type: none;
}

.online-bilgi-left
{
	padding-left: 5px;
	padding-top: 17px;
        width: 240px;
        height: 50px;
        float: left;
        text-align:left;
        list-style-type: none;
}
.online-bilgi-center
{
        width: 180px;
        height: 50px;
	padding-top: 17px;
        float: left;
        text-align:left;
        list-style-type: none;
}
.online-bilgi-right
{
        width: 200px;
        height: 50px;
        float: right;
	padding-top: 17px;
        text-align:center;
        list-style-type: none;
}
.oyun-top-100-box
{
margin-left:2px;
width:756px;
height:auto;
float:left;
margin-top:20px;
background:#900a53;
}
.oyun-top-100-list
{
width:746px;
height:auto;
float:left;
text-align:left;
color:#FFF;
font-size:12px;
background: #ececec;
padding:5px;
}