/*Style by Spidpex*/
/*Messages*/
.error {
color:red;
font-style: normal;
}
label.error {
color:red;
font-style: normal;
font-size:10px;
}
.small{font-size:12px;}
.success {
color:green;
}
.dark{
color:black;
}
.bold{
font-weight:bold;
}
.hide{
display:none
}
.logout {
background: red;
border-radius: 6px;
border: none;
color: white;
padding: 2px;
}
/*FLOATS*/
.left{float:left;}
.right{float:right;}
.center{text-align:center;}

#loading{
position : fixed;
z-index: 9998;
top : 0px;
left : 0px;
height : 100%;
width : 100%;
cursor : wait;
}
#content-body{
opacity: 0.5;
filter:alpha(opacity=50);
transition: all 1s ease;
}
/***REMOVAL OF BROWSER STYLES***/
a img{
border:none;
}
a {
color:rgb(255, 249, 191);
text-decoration:none;
}
a:visited{
color:rgb(255, 249, 191);
text-decoration:none;
}
li {
list-style-type:none;
font-family:agency_fb;
}
label{
font-weight:bold;
}
button{
background-color: #330E42;
border-radius: 6px;
border: none;
color: white;
}

input[type="number"],
input[type="text"],
input[type="password"],
input[type="datetime"]{
/*
border-image-source:  url("../img/border.png");
border-image-slice:  13 14 13 14 fill; 
border-image-width:  3px 2px 3px 2px; 
border-image-outset:  0px 0px 0px 0px; 
border-image-repeat:  stretch stretch;
*/
border-style: solid;
border-width: 3px 2px;
-moz-border-image: url("../img/border.png") 12 14 stretch;
-webkit-border-image: url("../img/border.png") 12 14 stretch;
-o-border-image: url("../img/border.png") 12 14 stretch;
border-image: url("../img/border.png") 12 14 fill stretch;
padding: 3px;
color: whitesmoke;
font-family: calibri,ar_essence;
text-align:center;
outline: none;
}
input[type="datetime"],
input[type="number"]:focus,
input[type="text"]:focus,
input[type="password"]:focus
{
/*border-image-source:  url("../img/border_a.png");*/
-moz-border-image: url("../img/border_a.png") 12 14 stretch;
-webkit-border-image: url("../img/border_a.png") 12 14 stretch;
-o-border-image: url("../img/border_a.png") 12 14 stretch;
border-image: url("../img/border_a.png") 12 14 fill stretch;
}
#recaptcha_response_field{
color: BLACK;
}

/*
input[type="text"],
input[type="password"]{
outline: none;
}*/

input[type="submit"] {
background-color: #330E42;
border-radius: 6px;
border: none;
color: white;
display: block;
/*font-family: calibri;*/
}

/***Background***/
body{
width:100%;
min-width: 1210px;
min-height: 1200px;
z-index: 10;
background-color:#000;
color:white;
font-family: calibri,Open Sans;
}
.body{
position:relative;
margin: 0 auto;
min-width:1200px;
height:1200px;
background: url(../img/bg.jpg) center center no-repeat;
background-size:1900px;
}
#logo{
position:relative;
margin: 0 auto;
min-width:1200px;
height:1200px;
background: url(../img/bg_h.jpg) center center no-repeat;
background-size:1900px;
opacity:0;/**transition**/
-webkit-transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
         -ms-transition: opacity 2s ease;
          -o-transition: opacity 2s ease;
             transition: opacity 2s ease;
margin-top:-1200px;
}
.content{
width:1200px;
height:1200px;
position: relative;
margin: 0 auto;
z-index: 10;
/*left:-10px*/
}
.page-title {
position: absolute;
top: 420px;
left: 388px;
height: 45px;
width: 425px;
text-align: center;
line-height: 45px;
font-family: ar_essence;
font-size: 24px;
}
.main-body{
position: absolute;
width: 520px;
height: 650px;
left: 339px;
top: 480px;
}
.copyright{
position: absolute;
top: 1153px;
left: 340px;
height: 25px;
width: 520px;
font-family: 'ar_essence';
font-size: 16px;
text-align: center;
line-height: 25px;
}
.menus{
position:absolute;
width:300px;
height:640px;
top:490px;
}
.menus#left{
left: -1px;
}
.menus#right{
left: 900px;
}

caption{
text-align:center;
font-family: 'pristinaregular';
font-size: 1.7em;
height:30px !important;
width:300px !important;
background-image: url(../img/title.png);
background-position-x:center;
background-size:250px !important;
background-repeat:repeat-y;
}
caption:hover{
background-position-y: 30px;
}

#notification{
position : fixed;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.81);
top : 0px;
left : 0px;
height : 100%;
width : 100%;
}
#parrain{
position : fixed;
display:none;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.81);
top : 0px;
left : 0px;
height : 100%;
width : 100%;
}
.notification_box {
position: relative;
margin: 100px auto;
padding: 15px;
width:550px;
border-style: solid;
border-width: 3px 2px;
-moz-border-image: url("../img/border.png") 12 14 stretch;
-webkit-border-image: url("../img/border.png") 12 14 stretch;
-o-border-image: url("../img/border.png") 12 14 stretch;
border-image: url("../img/border.png") 12 14 fill stretch;
/*
border-image-source:  url("../img/border.png");
border-image-slice:  13 14 13 14 fill; 
border-image-width:  3px 2px 3px 2px; 
border-image-outset:  0px 0px 0px 0px; 
border-image-repeat:  stretch stretch;*/
}
#notification_close {
left: 550px;
position: absolute;
background: red;
color: white;
padding: 2px;
cursor: pointer;
}
h1.notification_msg {
text-align: center;
font-family: Agency_FB;
}
#hlogo{
width: 600px;
height: 199px;
position: absolute;
left: 310px;
top: 100px;
}

#play {
width: 280px;
height: 280px;
position: absolute;
left: 920px;
top: 190px;
background-image: url(../img/play.png);
}

input.P-Input {
width: 150px;
}

.notification_msg {
text-align: center;
}

.badge{
text-align: center;
display: inline-block;
padding: 0 5px;
font-family: Comic Sans ms;
font-weight: bold;
text-transform: uppercase;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.badge#event
{
width: 30px;
background: #0DA69A;
height: 16px;
line-height: 16px;
font-size: 9px;
}

.badge#maj
{
width: 30px;
background: #170DA6;
height: 16px;
line-height: 16px;
font-size: 9px;
}

.badge#new
{
width: 30px;
background: #E27800;
height: 16px;
line-height: 16px;
font-size: 9px;
}

/***Login Panel**/
td#lID {
background-image: url('../img/label_id.png');
background-repeat: no-repeat;
/*background-position-x: center;
background-position-y: bottom;*/
background-position: center bottom;
}
td#lPW {
background-image: url('../img/label_pw.png');
background-repeat: no-repeat;
/*background-position-x: center;
background-position-y: bottom;*/
background-position: center bottom;
}
td#lCS {
background-image: url('../img/label_cs.png');
background-repeat: no-repeat;
/*background-position-x: center;
background-position-y: bottom;*/
background-position: center bottom;
}

.bar {
width: 500px;
line-height: 30px;
background-image: url('../img/bar500.png');
margin: 0 auto;
text-align: center;
font-family:ar_essence;
font-size:22px;
transition: all 1s ease-out;
}
.bar:hover{background-image: url('../img/bar500_h.png');transition: all 0.5s ease-out;}
.ten{
margin-left:10px;
}
.tmenu{width:300px;}

.li_menu {
display:block;
font-family: ar_essence;
font-size:16px;
background-image: url('../img/puce30.png');
background-position-y: center;
background-repeat: no-repeat;
height:25px;
width: auto;
line-height: 25px;
padding-left: 30px;
transition: all 0.5s ease;
}
.li_menu:hover {
background-image: url('../img/puce30_h.png');
padding-left: 35px;
font-weight:bold;
font-size:18px;
}

.td_menu{width:100%;}
.ac_td_label{width:200px;}
.ac_td_input{width:170px;}
.ac_td_lerror{width:140px;}
.ac_td_tr{height:45px;}
/**************/
#aboutus{background-image: url('../img/aboutus.png');}
.rates{
width:300px;
height:150px;
background-image: url('../img/rates.png');
}
.social_li{
background-position: center;
width: 200px;
height: 72px;
margin: 0 50px;
}

.social_li#vote{
background:url('../img/Social_li_vote.png') no-repeat;
}
.social_li#yt{
background:url('../img/Social_li_yt.png') no-repeat;
}
.social_li#ts{
background:url('../img/Social_li_ts.png') no-repeat;
}
.staff{
position:relative;
height:120px;
width:257px;
transition: all 0.5s ease;
background-repeat:no-repeat;
}
#gm.staff{background-image: url('../img/staff_gm.png');}
#mj.staff{background-image: url('../img/staff_mj.png');}
#wb.staff{background-image: url('../img/staff_wb.png');}
#gm.staff:hover{background-image: url('../img/staff_gm_h.png');}
#mj.staff:hover{background-image: url('../img/staff_mj_h.png');}
#wb.staff:hover{background-image: url('../img/staff_wb_h.png');}

.staff_avatar{
z-index:-1;
position:relative;
top:7px;
left:7px;
width:100px;
height:100px;
background-repeat:no-repeat;
background-size:100px;
}

.staff_name{
position:relative;
top: -90px;
left: 125px;
width:100px;
height:25px;
text-align:center;
line-height:25px;
font-family: ar_essence;
font-size: 24px;
}

#gm.staff_name{color:red;}
#mj.staff_name{color:mediumslateblue;}
#wb.staff_name{color:mediumorchid;}

/**ac**/
.ac_tb{
width:100%}
.ac_icon{
height:50px;
width:50px;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: bottom;
}
.ac_label{width:125px;}
.ac_infos{width:250px;}
.ac_action{width:95px;cursor:pointer;}
#id.ac_icon{background-image: url('../img/ac_id.png');}
#cash.ac_icon{background-image: url('../img/ac_cs.png');}
#passw.ac_icon{background-image: url('../img/ac_pw.png');}
#timeplay.ac_icon{background-image: url('../img/ac_time.png');}
/*CS*/
button.cs_button {
border: none;
background: transparent;
}
#cs_select {
left: -5px;
position: relative;
}
#cs_paysafecard{
display:none;
}
#cs_paypal{
display:none;
}
#cs_paymentwall{
display:none;
max-height:600px
}
#doc_starpass{
width:420px;
height:400px;
}

#sk-kit {
margin: 0px;
}
table.ps_table {
width:300px;
border-color:white;
}
th#ps_table,
td#ps_table{
width:150px;
border-color:white;
}
.select-opt{background-color:black;}
table.paysafecard_pin {
border-collapse: initial;
border: 2px grey;
border-style: ridge;
border-radius: 5px;
padding: 10px;
background: whitesmoke;
}

input.pin_code {
margin: 2px;
background: white;
}
/**PLAY**/
#playslides{
position : fixed;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.9);
top : 0px;
left : 0px;
height : 100%;
width : 100%;
display:none;
}

.play_box {
position: relative;
margin: 100px auto;
width:800px;
height:600px;
}
.playslide{
width:800px;
height:600px;
}
.play_bu{
z-index:99;
position:absolute;
}
.next_slide{
background-image:url('../img/play/next.png');
width:201px;
height:55px;
top:541px;
left:596px;
}
#next_slide2,#next_slide3,#next_slide4,
#prev_slide,#prev_slide2,#prev_slide3,#prev_slide4{display:none;}
.next_slide:hover{background-position:0px 55px;}
.prev_slide{
background-image:url('../img/play/prev.png');
width:257px;
height:52px;
top:541px;
left:0px;
}
.prev_slide:hover{background-position:0px 52px;}
.play_bu#close_slide{
background-image:url('../img/play/close.png');
width:205px;
height:53px;
top:12px;
left:595px;
background-position:0px 3px;
}
.play_bu#close_slide:hover{background-position:0px 61px;height:56px;}

#play_slide1{
background-image:url('../img/play/slide1.png');
opacity:1;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.5s ease-in-out;
display: block;
}
#play_slide2{
background-image:url('../img/play/slide2.png');
opacity:0;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.5s ease-in-out;
}
#play_slide3{
background-image:url('../img/play/slide3.png');
opacity:0;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.5s ease-in-out;
}
#play_slide4{
background-image:url('../img/play/slide4.png');
opacity:0;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.5s ease-in-out;
}
#play_slide5{
background-image:url('../img/play/slide5.png');
opacity:0;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.5s ease-in-out;
}

.char_table {
        height: 400px;
        width: 100%;
        padding: 3px;
      }