html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

body {
direction:rtl;
padding:0px;
margin:0px;
background:url('images/body_bg.png') repeat;
font-family:tahoma;
font-size:11px;
color:#666;
outline:none;
min-height:700px;
}
#ads {
top:5px;
right:70px;
margin:5px 0;
}
a {
text-decoration:none;
}
img {
border:0;
}
.desc{
padding:10px;
}
.game-tit{
padding:20px 10px 10px 0;
color:#8A108F;
font-size:14px;
}
#container{
padding:0px;
margin:0px;
background:url('images/container_bg.png') repeat-x;
}

#container_body{
width:888px;
margin:0 auto;
}
#header {
height:188px;
background:url('images/header.jpg') no-repeat;
padding:1px;
}
#logo{
margin:15px 345px 0 0;
height:116px;
width:170px;
background:url('images/logo.png') no-repeat;
}
#logo a{
outline:none;
display:block;
height:116px;
width:170px;
text-indent:-1000px;
overflow:hidden;
text-decoration:none;
}

.menu{
font-size:14px;
color:#ffde00;
height:33px;
margin:25px 25px 0 0;

}

.menu ul{
list-style:none;
padding:0;
margin:0;
}

.menu ul li{
margin-left:15px;
float:right;
}

.menu ul li:hover{
margin-left:15px;
background:url('images/menu_a.png') no-repeat left top;
float:right;
}

.menu ul li a{
display:block;
text-decoration:none;
height:25px;
width: 57px;
text-align: venter;
color:#ffde00;
padding: 0 16px;
padding-top:7px;
font-size: 12px;
font-weight: bold;
}

.menu ul li a:hover{
display:block;
text-decoration:none;
color:#8c4091;
background:url('images/menu_li.png') no-repeat right  top;
padding-top:7px;
}

.menu_active{
font-family:tahoma;
font-size:14px;
color:#8c4091;
width:63px;
height:33px;
margin:25px 25px 0 0;
background:url('images/menu_active.png') no-repeat;
}

#login_search{
background:url('images/login_search_bg.jpg') no-repeat;
height:70px;
width:886px;
padding:1px;
}
#login{
margin:13px 15px 0 0;
padding: 0px;
height:45px;
width:380px;
float:right;
background:url('images/login_bg.png') no-repeat;
}
.login_text{
padding:0px;
margin:7px 7px 0px 0px;
height:30px;
width:112px;
color: gray;
float:right;
background:url('images/login_text.png') no-repeat;
}
.login_text input{
padding:0px;
color:#fff;
height:24px;
width:100px;
border:none;
font-size:14px;
background:transparent;
outline:none;
}

.login_button{
margin:5px 35px 0px 0px;
padding:0px;
height:31px;
width:60px;
background:url('images/login_button.png') no-repeat;
float:right;
}
.login_button input{
padding:0px;
margin: 0px;
height:31px;
width:60px;
background:transparent;
border:none;
font-size:13px;
}

#logout{
margin:13px auto 0;
height:25px;
width:360px;
}

#logout a{
color:#E16EF3;
font-size:11px;
font-weight:bold;
margin:0 0 0 10px;
}

#logout span{
color:#fff;
font-size:11px;
margin:0 0 0 30px;
}

#search{
padding: 0px;
height:32px;
width:427px;
float:right;
margin:18px 30px 0 0;
}
.search_text{
height:32px;
width:329px;
background:url('images/search_bg.png') no-repeat;
float:right;
padding:0px;
margin:0px;
}
.search_text input{
padding:0px;
margin:5px 5px 0px 0px;
height:24px;
width:317px;
border:0;
font-size:14px;
background:transparent;
outline:none;
}

.search_button{
margin:0px 10px 0 0;
height:31px;
width:60px;
background:url('images/search_button.png') no-repeat;
float:right;
}
.search_button input{
height:31px;
width:60px;
background:transparent;
border:0;
font-size:13px;
}

#slider{
background-color:#cadbe8;
height:214px;
width:888px;
background:url('images/slider_m.jpg') repeat-x;
}



.random_game{
width:184px;
height:178px;
margin:17px 17px 0 0;
float:left;
}
.random_game_pic{
width:180px;
height:135px;
background-color:#84b4df;
margin:3px auto;
}

.random_game_name{
text-align:center;
width:179px;
height:24px;
background:url('images/random_game_name.png') no-repeat;
margin:8px auto;
padding-top:3px;
direction:rtl;
}

.random_game_name a{
color:#0d3350;
font-size:12px;
text-decoration:none;
}

#separator{
background:url('images/separator.png') repeat-x;
height:2px;
border-right:3px solid #97acc4;
border-left:3px solid #97acc4;
}

#content{
width:882px;
background-color:#e2edf6;
border-right:3px solid #97acc4;
border-left:3px solid #97acc4;
padding:1px 0 15px 0;
}

#sidebar{
width:222px;
margin:30px 9px 0 0;
float:right;
}

#sidebar_title{
color:#ffffff;
text-align:center;
font-size:14px;
width:222px;
height:27px;
background:url('images/sidebar_head.jpg') no-repeat;
padding-top:7px;
}

#sidebar_body{
width:220px;
background:url('images/sidebar_body.jpg') repeat-y;
padding:1px 1px 5px;
}
.sections{
margin:7px 9px 0 0;
}
.section_name{
font-size:12px;
margin:2px 0;
width:202px;
height:20px;
background:url('images/section_name_bg.png') no-repeat;
padding-top:4px;
}
.section_name a{
display:block;
text-decoration:none;
color:#2a78b2;
margin-right:10px;
}
.section_name a:hover{
display:block;
text-decoration:none;
color:#666;
margin-right:10px;
}

.section_name:hover{
font-size:12px;
margin:2px 0;
width:202px;
height:20px;
background:url('images/section_name_active.png') no-repeat;
padding-top:4px;
}

#sidebar_end{
width:222px;
height:4px;
background:url('images/sidebar_end.jpg') no-repeat;
}

#blocks{
float:right;
margin:8px 25px 0 0;
}

.block{
margin: 0px;
margin-top:22px;
width:608px;
padding: 0px;
}

.block_title{
text-align:center;
color:#8a108f;
font-size:14px;
width:608px;
height:28px;
background:url('images/block_title.png') no-repeat;
padding-top:10px;
}



.new_game{
width:180px;
padding: 0px;
height:168px;
float:right;
margin:12px 18px 0 0;
}

.new_game_pic{
width:180px;
height:135px;
background-color:#84b4df;
}

.new_game_name{
text-align:center;
width:179px;
height:24px;
margin-top:5px;
background:url('images/new_game_name.png') no-repeat;
padding-top:3px;
direction:rtl;
}
.new_game_name a{
color:#2a78b2;
font-size:12px;
text-decoration:none;
}

.block_end{
width:608px;
height:4px;
background:url('images/block_end.png') no-repeat;
}

#content_end{
height:12px;
width:888px;
margin:0 auto;
background:url('images/content_end.jpg') no-repeat;
}

#footer{
width:888px;
height:70px;
}

#footer_r{
width:444px;
float:right;
}
#footer_r div{
margin:20px 20px 0 0;
}

#footer_r span{
font-size:12px;
color:#9cb5c9;
}

#footer_r a{
text-decoration:none;
color:yellow;
}

#footer_l{
width:444px;
float:left;
}

.fix {
clear:both;
}


.navi {
padding: 0px;
display:block;
height:40px;
margin:20px 0px;
}
.navi a {
font-size:14px;
width:36px;
height:26px;
padding-top:8px;
float:right;
color:#92b7d6;
text-align:center;
margin-left:4px;
background:url('images/navi.png') no-repeat ;
}
.navi a:hover {
color:#fff;
background:url('images/hov.png') no-repeat ;
}
a.navi-active {
width:36px;
height:26px;
padding-top:8px;
float:right;
color:#fff;
text-align:center;
margin-left:5px;
background:url('images/active.png') no-repeat ;
}

.block_head{
width:608px;
height:7px;
background:url('images/block-head.png') no-repeat;
}
.f-game{
width:550px;
height:450px;
padding:15px;
margin:0 auto;
}
.comments{
margin-top:20px;
border-top:1px solid #c5dbed;
padding:20px 10px 0px 0;
color:#8A108F;
}
.comments span{
color:#ff0000;
}
.comments a{
color:#2a78b2;
float:left;
width:57px;
height:24px;
background:url('images/top.png') no-repeat;
font-size:11px;
text-align:center;
padding-top:10px;
}
a.top{
color:#2a78b2;
float:left;
width:57px;
height:24px;
background:url('images/top.png') no-repeat;
font-size:11px;
text-align:center;
padding-top:10px;
margin-top:10px;
}

.comment{
padding:5px 10px;
font-size:11px;
}
.name {
color:#2a78b2;
width:100%;
padding-bottom:10px;
border-bottom:1px solid #e2edf6;
}
.name span{
color:#666;
float:left;
}
.block_body{
width:606px;
background:url('images/block_body.png') repeat-y;
padding:1px
}
.error span{
color:red;
font-size:25px;
font-weight:bold;
padding:0;
margin:10px 10px 10px 0;
}
.error p{
font-size:16px;
color:#666;
padding:0;
margin:10px 10px 10px 0;
}
input {
background:url('images/new_game_name.png') no-repeat center top;
width:169px;
height:20px;
border:0;
padding:0px 5px 0 5px;
}
input.submit {
width:140px;
color:#fff;
padding:0;
height:30px;
background:url('images/submit.png') no-repeat center top;
font-size:11px;
text-align:center;
margin-top:10px;
}
label {
width:100px;
float:right;
margin:3px 10px 0 0;
}
#login_page{
width:320px;
margin:30px auto 0;
}
.error_validations{
color:#ff0000;
float:left;
display:inline;
}
input.del-fav {
background:url('images/x.png') no-repeat center top;
width:20px;
height:20px;
color:#ff0000;
position: absolute;
right:-10px;
top:-10px;
padding:0;
cursor: pointer;
display: block;
overflow: hidden;
text-indent:-3333333px ;
}
.delete_all_fav{
background:none;
color:red;
font-family:tahoma;
height:30px;
float:left;
position: absolute;
top: 10px;
left: -10px;
cursor: pointer;
}
#inner_content div {
margin-bottom: 10px;
}

/* Slider */
.jcarousel-container {
position: relative;
}
.jcarousel-clip {
z-index: 2;
padding: 0;
margin: 0;
overflow: hidden;
position: relative;
}
.jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
float: left;
list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width: 75px;
height: 75px;
}
.jcarousel-next {
z-index: 3;
display: none;
}

.jcarousel-prev {
z-index: 3;
display: none;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {

height:214px;
width:888px;
padding: 0px 0px;
direction: ltr;

}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
width:830px;
margin-right:29px;
margin-left:29px;
}

.jcarousel-skin-tango .jcarousel-item {
width: 180px;
height: auto ;
float: left;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
padding: 0px;
margin-left: 12px;

}

.jcarousel-skin-tango .jcarousel-item-placeholder {

background: #FFFFFF;

color: #000;

}



/* Buttons */

.jcarousel-skin-tango .jcarousel-next-horizontal {


background:url('images/slider_r.jpg') no-repeat;
height:214px;
width:29px;

position: absolute;

top: 0px;

right: 0px;

cursor: pointer;

}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal {

cursor: default;

}

.jcarousel-skin-tango .jcarousel-prev-horizontal {


background:url('images/slider_l.jpg') no-repeat;
height:214px;
width:29px;

position: absolute;

top: 0px;

left: 0px;

cursor: pointer;


}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal {

cursor: default;

}
.dw-copy{float:left;width:143px;height:42px;margin:5px;}
.dw-copy a{display:block;width:143px;height:42px;background:url(http://dataway.me/images/datawayd.png) no-repeat top center;text-indent:-30000px;overflow:hidden;}
.dw-copy a:hover{display:block;width:143px;height:42px;background:url(http://dataway.me/images/datawayd.png) no-repeat 0 -42px;}