html {
    direction:rtl;
    margin-left: auto;
    margin-right: auto;
    background:url(../images/shadow_left.png),url(../images/shadow_right.png),url(../images/bg.jpg);
    background-repeat:repeat-y,repeat-y,repeat;
    background-position:left,right,center;
    margin:0px;
    padding: 0px;
    color:#988c80;
    text-shadow: black 0 0 0.2em;
    font-family: 'Hacen Liner Screen';
}

body{
    margin:0px;
    padding: 0px;
}
@font-face {
    font-family: 'Droid Arabic Naskh';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/DroidNaskh-Regular.eot);
    src: url(../fonts/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
        url(../fonts/DroidNaskh-Regular.woff2) format('woff2'),
        url(../fonts/DroidNaskh-Regular.woff) format('woff'),
        url(../fonts/DroidNaskh-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Droid Arabic Naskh';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/DroidNaskh-Bold.eot);
    src: url(../fonts/DroidNaskh-Bold.eot?#iefix) format('embedded-opentype'),
        url(../fonts/DroidNaskh-Bold.woff2) format('woff2'),
        url(../fonts/DroidNaskh-Bold.woff) format('woff'),
        url(../fonts/DroidNaskh-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Hacen Liner Screen';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Hacen_Liner_Screen.otf);
        url(../fonts/Hacen Liner Screen.ttf) format('truetype');
}
@font-face {
    font-family: 'Hacen Liner Print out Light';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/fonts/Hacen_Liner_Print_out_Light.otf);
        url(../fonts/Hacen Liner Print-out Light.ttf) format('truetype');
}
p {
    font-family: 'Droid Arabic Naskh';
    color:#c1b8a9;	
}
#user_panel_board{
    text-align: right;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 535px;
	direction:rtl;
}

#user_panel_board #buttons{
    margin-top: 20px;
    overflow: hidden;
    height: 45px;
}

.ajax-file-upload-button{
    font-size: 12px;
    outline-width: 0;
    margin-right:5px;
    background:url(../images/submit_1.png);
    background-repeat:no-repeat;
    width:163px;
    min-height:33px;
    border-style:none;
    border:none;
    text-align:left;
    padding-left:12px;
    padding-top:8px;
    color:#a0866f;
    cursor: pointer;
    display: inline-block;
}

#user_panel_board #buttons a{
    outline-width: 0;
    margin-right: 2px;
	padding-top:9px;
    background:url(../images/buttons.png);
    background-repeat:no-repeat;
    width:172px;
    min-height: 39px;
    border-style: none;
    border: none;
    text-align: center;
    padding-left: 2px;
    color:#a0866f;
    cursor: pointer;
    display: inline-block;
	background-position: 0 -83px;
}

#user_panel_board #buttons a:hover{
	background-position: 0 -40px;

}
#user_panel_board #buttons a:active{
	background-position: 0 2px;

}

.header{
    margin-left: auto;
    margin-right: auto;
    background:url(../images/header_banner.png);
    background-color:#000;
    background-position:50% 0px;
    background-repeat:no-repeat;
    width:100%;
    height:184px;
}

.head_top{
    background:url(../images/header_top1.jpg);
    background-repeat:repeat-x;
    width:100%;
    height:32px;
}
.head_mid{
    margin-top:-32px;
    margin-left: auto;
    margin-right: auto;
    background:url(../images/render.png);
    background-position:50% 0px;
    background-repeat:no-repeat;
    width:100%;
    height:100%;
    text-align:center;
    padding-top:38px;
    padding-left:5px;

}
.head_bot{
    margin-top:-14px;
    background:url(../images/woodborder.png);
    background-repeat:repeat-x;
    width:100%;
    height:161px;
    position:relative;
    z-index:2;
}
.flag{
    margin-right: 0.1em;
    margin-top:-155px;
    background:url(../images/flag.png);
    background-repeat:no-repeat;
    background-position:50% 0px;
    width:100%;
    height:271px;
    position:relative;
    z-index:2;
    text-align:center;
    padding-top:70px;
    font-size:28px;
    color:#aea195;
    font-weight: bold;	
}
.flag a{
    color: #a0866f;
    text-decoration: none;
    font-weight: bold;
}

.flag a:hover{
    color: #877656;
}

.flag a:active{
    color: #F9D289;
}
a{
    color: #a0866f;
    text-decoration: none;
    font-weight: bold;
    font-family: 'Droid Arabic Naskh';
}

a:hover{
    color: #877656;
}

a:active{
    color: #F9D289;
}

#steps_to_play{
    margin-top:15px;
    font-size:14px;
    font-weight:bold;
    direction: rtl;
}

#content{
    margin-top:-330px;
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
}

.sidebar_left{
    float:left;
    position:relative;
    width:230px;
    z-index:2;
}

.main_content{
    float:left;
    padding-left:5px;
    position:relative;
    background:url(../images/main_left.jpg),url(../images/main_right.jpg),url(../images/main_bot.jpg),url(../images/main_bg.jpg);
    background-repeat:repeat-y,repeat-y,no-repeat,repeat-y;
    background-position:left,right,bottom,center;
    min-height:600px;
    width:550px;
    z-index:1;
    padding-top:250px;
    padding-bottom:70px;
}
.main_content_text{
    margin-right:30px;
    direction: rtl;
}
.sidebar_right{
    float:left;
    min-height:100px;
    position:relative;
    width:230px;
    z-index:2;
}

.box_holder_top{
    background:url(../images/holder_top.png);
    background-repeat:no-repeat;
    background-position:50% 0px;
    width:227px;
    min-height:68px;
    padding-right:6px;
}

.box_holder_mid{
    margin-right:9px;
    margin-top:-19px;
    background:url(../images/holder_mid.png);
    background-repeat:no-repeat;
    background-position:50% 0px;
    width:207px;
    min-height:55px;
}

.sidebox{
    margin-right:-5px;
    margin-top:-23px;
    background:url(../images/box_top.png);
    background-repeat:no-repeat;
    width:235px;
    min-height:100px;
}

.box_content{
    position:relative;
    top:31px;
    background:url(../images/box_mid.png),url(../images/box_mid.jpg);
    background-repeat:repeat-y,repeat-y;
    background-position:left,22px;
    width:210px;
    min-height:200px;
    padding-right:23px;
    direction: rtl;
}
.box_text{
    padding-left:25px;
    padding-right:25px;
    text-align:center;
}
.sidebox_end{
    margin-right:-5px;
    margin-top:24px;
    background:url(../images/box_bot.png);
    width:235px;
    min-height:38px;
}
#footer{
    margin-top:-35px;
    background:url(../images/footer_top.png),url(../images/footer.jpg);
    background-repeat:repeat-x,repeat-x;
    background-position:top,bottom;
    min-height:207px;
    position:relative;
    z-index:2;
}
.wall{
    position:absolute;
    top:290px;
    background:url(../images/wall.png);
    background-repeat:no-repeat;
    background-position:center;
    min-height:321px;
    width:100%;
    z-index:0;
}

.nav_link{
    background:url(../images/nav_links.png);
    background-repeat:no-repeat;
    width:190px;
    min-height:37px;
    text-align:center;
	background-position: 0 -74px;
}
.nav_link:hover{
	background-position: 0 -37px;
}

.nav_link:active{
	background-position: 0 0px;
}

.nav_link_text{
    padding-top:5px;
    color:#88806f;
    font-family: 'Droid Arabic Naskh';
}

.nav_link a{
    color: #88806f;
    text-decoration: none;
    font-weight: bold;
}

.nav_link a:hover{
    color: #877656;
}

.nav_link a:active{
    color: #F9D289;
}

.active{
    color: red !important;
}

.box_titel{
    margin-right:-15px;
    position:relative;
    top:-13px;
    background:url(../images/titel_1.png);
    background-repeat:no-repeat;
    background-position:center;
    width:211px;
    min-height:56px;
    text-align:center;
}
.box_titel_text{
    padding-top:13px;
    color:#cac1b4;
    font-family: 'Droid Arabic Naskh';

}

.box_titel2{
    margin-right:3px;
    position:relative;
    top:-13px;
    background:url(../images/titel_2.png);
    background-repeat:no-repeat;
    background-position:center;
    width:182px;
    min-height:46px;
    text-align:center;
    font-family: 'Droid Arabic Naskh';
}
.box_titel_text2{
    padding-top:10px;
    color:#d4c5af;
    font-family: 'Droid Arabic Naskh';
}

.online{
    width: 150px;
    margin-top: 7px;
    background:url(../images/online.png);
    background-position:left;
    background-repeat:no-repeat;
    margin-right:25px;
    color:#88806f;
    font-family: 'Droid Arabic Naskh';
}

.offline{
    width: 150px;
    margin-top: 7px;
    background:url(../images/offline.png);
    background-position:left;
    background-repeat:no-repeat;
    margin-right:25px;
    color:#88806f;
    font-family: 'Droid Arabic Naskh';
}

.trennlinie{
    margin-top: 7px;
    margin-right:1px;
    background:url(../images/trennlinie.png);
    width:188px;
    min-height:2px;
}

input[type="text"], input[type="password"] {
    outline-width: 0;
    margin-right:5px;
    background:url(../images/input_text.png);
    background-repeat:no-repeat;
    width:178px;
    min-height:37px;
    border-style:none;
    border:none;
    padding-left:15px;
    padding-right:15px;
    color:#cac1b4;
    font-family: 'Droid Arabic Naskh';
}

input[type="submit"], input[type="button"] {
    outline-width: 0;
    margin-right:5px;
    background:url(../images/submit.png);
    background-repeat:no-repeat;
    width:178px;
    min-height:33px;
    border-style:none;
    border:none;
    text-align:right;
    padding-left:12px;
    padding-right:15px;
    color:#a0866f;
    cursor: pointer;
	background-position: 0 -65px;
    font-family: 'Droid Arabic Naskh';
}

input[type="submit"]:hover, input[type="button"]:hover{
	background-position: 0 -33px;
}
input[type="submit"]:active, input[type="button"]:active{
	background-position: 0 -1px;
}


select {
    width: 200px;
    height: 34px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.dropdown dd, .dropdown dt, .dropdown ul {
    position:relative;
    top:-15px;
    left:5px;
    margin:0px; 
    padding:0px; 
    z-index:2;	 
}
.dropdown dd { 
    position:relative; 
    left:7px;
}
.dropdown a, .dropdown a:visited {
    color:#57524c; 
    text-decoration:none; 
    outline:none;
}
.dropdown a:hover { 
    color:#5d4617;
}
.dropdown dt a:hover, .dropdown dt a:focus {
    color:#7d7264; 
}
.dropdown dt a {
    background:url(../images/select.png) no-repeat scroll right center; 
    display:block; 
    width:178px;
}
.dropdown dt a span {
    cursor:pointer; 
    display:block; 
    padding:5px;
    padding-left:15px;
}
.dropdown dd ul { 
    cursor:pointer; 
    background:#13100d none repeat scroll 0 0; 
    border:1px solid #4c4b4c; 
    color:#C5C0B0; 
    display:none;
    left:0px; 
    padding:5px 0px; 
    position:absolute; 
    top:2px; 
    width:auto; 
    min-width:170px; 
    list-style:none;
}
.dropdown span.value { 
    display:none;
}
.dropdown dd ul li a { 
    padding:5px; 
    display:block;
}
.dropdown dd ul li a:hover { 
    background-color:#1d1813;
}

.dropdown img.flag { 
    border:none; 
    vertical-align:middle; 
    margin-right:10px; 
}
.flagvisibility { 
    display:none;
}

.rank_5{
    margin-top:-5px;
    width:188px;
    text-align: center;
}

.rank_5 tr td{
    padding-top:4px;
    padding-left:8px;
    min-height:26px;
    height:26px;
    color:#988c80;
    font-size:14px;
}

.box_center_text{
    width:188px;
    text-align:center;
}
#rankno1{
    color:#b19628;
}
#rankno2{
    color:#acacac;
}
#rankno3{
    color:#9f6c47;
}
#rankno4{
    color:#b12d28;
}
#rankno5{
    color:#b12d28;
}

.shadow{
    background:url(../images/rank_shadow.png);
    background-repeat:no-repeat;
}

.main_box{
    min-height:384px;
    width:491px;;
}

.main_box_title{
    background:url(../images/main_box_title.png);
    background-repeat:no-repeat;
    min-height:66px;
    width:491px;
    text-align:center;
    padding-top:22px;
    color:#d0c9bc;
    font-size:18px;
    font-weight:bold;
	font-family: 'Hacen Liner Screen';

}
.main_box_content{
    margin-top:-25px;
    background:url(../images/main_box_mid.png);
    background-repeat:repeat-y;
    min-height:148px;
    width:491px;
	font-family: 'Droid Arabic Naskh';
}
.main_box_text{
    width: 440px;
    padding-right: 25px;
    padding-bottom:25px;
    color:#c1b8a9;
    font-size:16px;
	font-family: 'Droid Arabic Naskh';
}
.main_box_end{
    margin-top:-15px;
    background:url(../images/main_box_bot.png);
    background-repeat:no-repeat;
    min-height:48px;
    width:491px;;
    position:relative;
    z-index:2;
}

.infobox{
    background:url(../images/infobox.png);
    background-repeat:no-repeat;
    min-height:247px;
    width:247px;
    float:left;
}

.infobox_title{
    margin-top:30px;
    padding-left:35px;
    width:190px;
    font-size:16px;
    font-weight:bold;
    color:#1c0001;
	font-family: 'Droid Arabic Naskh';
}

.infobox_text{
    margin-top:10px;
    padding-left:35px;
    width:190px;
    font-size:14px;
    color:#1c0001;
	font-family: 'Droid Arabic Naskh';
}

.infobox_image{
    margin-top:10px;
    padding-left:15px;
}

#banners{
    margin-left:auto;
    margin-right:auto;
    position:relative;
    top:35px;
    background:url(../images/banners.png);
    background-repeat:no-repeat;
    min-height:73px;
    width:368px;
}
#footer_text{
    margin-top:30px;
    text-align:center;
    color:#c4ad90;
    font-size:14px;
    line-height:20px;
    font-family: 'Droid Arabic Naskh';
}

#footer_text2{
    text-align:center;
    color:#9a8a88;
    font-size:14px;
    line-height:20px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
h2 {
	color: #a7967d;
}

strong{
	color: #e1412f;
}
em{
	color: #e1412f;
}

/*
*
* UserPanel Settings buttons
*
*/
.userlist{
	line-height:20px;
	text-align:right;
}

.acclink {
    outline-width: 0;
	padding:5px 0px 0 0;
	padding-top:8px;
	background:url(../images/small_buttons.png) no-repeat;
	height:30px;   
    border-style: none;
    border: none;
    color:#a0866f;
    cursor: pointer;
	font-weight:bold;
	background-position: 0 -84.5px;
	text-align:center;
	text-decoration:none;
    width:130px;
	display:inline-block;
	text-decoration:none;
}

.acclink:hover{
	background-position: 0 -42.5px;

}

.acclink:active{
	background-position: 0 1px;

}
.btn-sign{
    outline-width: 0;
    margin-right:5px;
    background:url(../images/submit.png);
    background-repeat:no-repeat;
    width:178px;
    min-height:33px;
    border-style:none;
    border:none;
    text-align:center;
    padding-left:12px;
    padding-top:2px;
    padding-right:15px;
    color:#a0866f;
    cursor: pointer;
	display: block;
	background-position: 0 -65px;
	text-decoration:none;
}

.btn-sign:active{
	background-position: 0 -1px;
}

.btn-sign:hover{
	background-position: 0 -33px;
}

.game{
	margin-right: 10px;
	text-align: center;
}
.sec {
	margin-right: 1px;
}
.SmBut{
    outline-width: 0;
    margin-right:28px;
    background:url(../images/small_submit.png);
    background-repeat:no-repeat;
    width:100px;
    min-height:27px;
    border-style:none;
    border:none;
    text-align:center;
    padding-left:-1px;
    padding-top:2px;
    padding-right:15px;
    color:#a0866f;
	text-decoration:none;
    cursor: pointer;
	display: block;
	background-position: 0 -54px;
    font-family: 'Droid Arabic Naskh';

}

.SmBut:active{
	background-position: 0 -27px;
}

.SmBut:hover{
	background-position: 0 -1px;
}
.shadows{
    background:url(../images/rank_shadow.png);
    background-repeat:no-repeat;
	width:100%
}

.dropdown {
	border: 0 !important;  
	-webkit-appearance: none;  
	-moz-appearance: none; 
	background: url(../images/select.png) no-repeat 100% center;
	width: 178px;
	height: 33px;
	text-indent: 0.01px; 
	text-overflow: ""; 
	background-color: #13100d;
	color: #FFF;
	padding: 5px;
	box-shadow: inset 0 0 5px rgba(000,000,000, 0.5);

}
ul li {
    font-family: 'Droid Arabic Naskh';
    color:#c1b8a9;	
}
.vidbox{
	background: url(../images/videobg.png) no-repeat;
	width: 471px;
	height: 254px;
	margin-right:37px;
	padding-top:10px;
	text-align: center;
	
}
.registration {
    font-family: 'Droid Arabic Naskh';
    color:#c1b8a9;
}

.itemshop-img{
	background: url(../images/itemshop.png) no-repeat;
	width: 177px;
	height: 109px;
        display:block;
}
.itemshop-img:active{
	background: url(../images/itemshop_hover.png) no-repeat;	
}
.itemshop-img:hover{
	background: url(../images/itemshop_hover.png) no-repeat;	
}