body{

    margin: 0px;
    border: none;
   overflow: hidden;
    height: 100%;
  width: 100%;

/*position:fixed;*/
 background-color: #95BBDA;

}

.aa {  font-weight: bold;
    font-family: sans-serif;color: white;text-decoration: none}
 .aa:hover { font-weight: bold;
    font-family: sans-serif;color: white;text-decoration: underline}


.tintButton {
  filter: none;
  -webkit-filter:none;
}
.tintButton:hover { 
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
  
   
}

.touchEffect {
    filter: none;
  -webkit-filter:none;
}
.touchEffect:hover {
    -webkit-filter: brightness(1.1);
  filter: brightness(1.1);
}
.touchEffect:active {
    -webkit-filter: brightness(0.5);
  filter: brightness(0.5);
}

* {

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
* div{
 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; 
}
.inputoval{
    background-color: #f9f9f9;
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px; 
    border-radius: 5px;  
    outline: none;
    border: 1px solid #5f5f5f;
    padding: 3px;
    font-weight: bolder;
    font-size: 22px;
    height: 36px;
    width: 300px;
    color: #303030;
}

.inputoval:focus{
    background-color: #e6faff;
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px; 
    border-radius: 5px;  
    outline: none;
    border: 1px solid #89b5ff;
    padding: 3px;
    font-weight: bolder;
    font-size: 22px;
    height: 36px;
    width: 300px;
    color: #303030;
}



.logininputbox{
    background-color: #f9f9f9;
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px; 
    border-radius: 5px;  
    outline: none;
    border: 1px solid #5f5f5f;
    padding: 3px;
    font-weight: bolder;
    font-size: 22px;
    height: 36px;
    width: 180px;
    color: #303030;
}

.logininputbox:focus{
    background-color: #e6faff;
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px; 
    border-radius: 5px;  
    outline: none;
    border: 1px solid #89b5ff;
    padding: 3px;
    font-weight: bolder;
    font-size: 22px;
    height: 36px;
    width: 180px;
    color: #303030;
}



#loginFlow {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #95BBDA;
    background-image: url(loginBack.png);
    background-repeat: no-repeat;
    background-size: cover;
}
#loginLogo {
    padding-top: 10px;
    vertical-align: middle;
    height: 80px;
    text-align: center;
}

#loginDialog {
    transform: scaleX(0.7) scaleY(0.7);
    
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -80px;
    width: 500px;
    height: 377px;
    background-image: url(logindialogback.png);
    background-repeat: no-repeat;
}
#loginInputs {
    margin-left: 5px;    
    padding-top: 10px;
    vertical-align: middle;
    width: 500px;
    height: 60px;
}
#loginButton {
    float: right;
    margin-right: 16px;
    margin-top: -10px;
  
}

#loginButtonsAlt {
    height: 90px;
    width: 500px;
}

#loginUIbuttons {
   
    width: 420px;
    text-align: center;
    vertical-align: top;
    
}

#hatirlaDiv {
    float: left;
    width: 95px;
}
#hatirlaCheck {
    margin-top: 0px;
    height: 20px;
    width: 30px;
    float: left;
}
#hatirlaLabel {
    color: #FFFFFF;
    user-select: none;
    -moz-user-select: none;
    font-family: Arial,sans-serif;
    font-weight: bold;
    font-size: 18px;
    
    
}

#loginMetods {
    width: 700px;
}

#loginMetods {
    line-height: 2;
    font-weight: bolder;
    font-family: Arial,sans-serif;
    color: white;
    font-size: 24px;
}


#loginYeniUye {
    position: absolute;
    width: 500px;
    height: 400px;
    background-image: url(bgsari_linear.png);
    background-repeat: repeat-x;
    border: 1px solid gray;
     -moz-box-shadow:   3px 3px 0 rgba(0, 0, 0, .5);
    box-shadow:   3px 3px 0 rgba(0, 0, 0, .5);  
  margin-left: 20%;
  margin-top: -380px;
  -moz-border-radius: 16px / 16px;
    -webkit-border-radius: 16px / 16px;
    border-radius: 16px / 16px;
    padding: 5px;
}
#loginYeniUye span{
   
    text-align: center;
    color: red;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial,sans-serif;
    line-height: 50px;
}


.loginWin {
    position: absolute;
    min-width: 500px;
    min-height: 100px;
    background-image: url(bgsari_linear.png);
    background-repeat: repeat-x;
    border: 1px solid gray;
     -moz-box-shadow:   3px 3px 0 rgba(0, 0, 0, .5);
    box-shadow:   3px 3px 0 rgba(0, 0, 0, .5);  
  margin-left: 20%;
  margin-top: -380px;
  -moz-border-radius: 16px / 16px;
    -webkit-border-radius: 16px / 16px;
    border-radius: 16px / 16px;
    padding: 5px;
}

#loginYeniUyeTitle {
    color: #383838;
    font-weight: bold;
    font-size: 26px;
    font-family: Arial,sans-serif;
    text-align: center;
}
#loginYeniUyeKapat {
    position: absolute;
    top: 5px;
    left: 450px;
   
}


#loginYeniUyeInputs {
    color: #383838;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 3;
    height: 330px;
}


#loginKayipSifre {
  text-align: center;
    position: absolute;
    min-width: 500px;
    min-height: 200px;
    max-width: 500px;
    height: 250px;
    background-image: url(bgsari_linear.png);
    background-repeat: repeat-x;
    border: 1px solid gray;
     -moz-box-shadow:   3px 3px 0 rgba(0, 0, 0, .5);
    box-shadow:   3px 3px 0 rgba(0, 0, 0, .5);  
  margin-left: 20%;
  margin-top: -380px;
  -moz-border-radius: 16px / 16px;
    -webkit-border-radius: 16px / 16px;
    border-radius: 16px / 16px;
    padding: 5px;
    
}
#loginKayipSifre span{
    text-align: center;
    color: #383838;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial,sans-serif;
    line-height: 30px;
}



#loginKayipTitle {
    color: #383838;
    font-weight: bold;
    font-size: 26px;
    font-family: Arial,sans-serif;
    text-align: center;
}
#loginKayipKapat {
    position: absolute;
    top: 5px;
    left: 450px;
   
}

/* loading animasyonu*/
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.loadingIkon {  
    width: 60px;
    height: 60px;
    margin:-60px 0 0 -60px;
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;

}

.loadingDialog {
    z-index: 5;
text-align: center;
position: absolute;
min-width: 500px;
min-height: 100px;
height: 100px;
background-image: url(uiblackbg.png);
background: rgb(28,28,28);
background: -moz-linear-gradient(28deg, rgba(28,28,28,1) 0%, rgba(64,64,64,1) 35%, rgba(168,168,168,1) 100%);
background: -webkit-linear-gradient(28deg, rgba(28,28,28,1) 0%, rgba(64,64,64,1) 35%, rgba(168,168,168,1) 100%);
background: linear-gradient(28deg, rgba(28,28,28,1) 0%, rgba(64,64,64,1) 35%, rgba(168,168,168,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c1c1c",endColorstr="#a8a8a8",GradientType=1);
background-repeat: repeat-x;
border: 1px solid #3B5B98;
-moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, .5);
box-shadow: 1px 1px 0 #3B5B98;
left: 120px;
top: 150px;
-moz-border-radius: 16px / 16px;
-webkit-border-radius: 16px / 16px;
border-radius: 1px 1px;
padding: 5px;
background: rgb(242,242,242);
background: -moz-linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(241,241,241,1) 91%, rgba(59,91,152,1) 92%, rgba(99,122,172,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(241,241,241,1) 91%, rgba(59,91,152,1) 92%, rgba(99,122,172,1) 100%);
background: linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(241,241,241,1) 91%, rgba(59,91,152,1) 92%, rgba(99,122,172,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2",endColorstr="#637aac",GradientType=1);

    
}

.loadingTitle {
    font-family: Tahoma,sans-serif;
    font-weight: bold;
    color: #252525;
    line-height: 30px;
    height: 130px;
    /*margin-left: 70px;*/
    margin-top:30px;
    max-width: 440px;
    font-size:14px;
}
.loadingIkonContainer {
    position:absolute;
    left:-60px;
    top: -40px;
    margin-left:60px;
    margin-top: 100px;
    width: 150px;
    height: 80px
}



.notifyBig {
    background-image: url(ui_notifybig_bg.png);
    text-align: center;
    position: absolute;
    min-width: 759px;
    min-height: 464px;
    height: 464px;
    background-repeat: no-repeat;
    margin-left: 20px;
    margin-top: 0px;
    top: 20px;
    transform-origin: 0 0;
    transform: scaleX(0.9) scaleY(0.9);
    padding: 5px;
    overflow: hidden;
    
}
.notifyBigInner {
    width: 700px;
    overflow: hidden;

    text-align: center;
    height: 340px;

    line-height: 26px;
    vertical-align: middle;
    font-family: Arial,sans-serif;
    font-size: 16px;
    margin-left: 13px;
    margin-top: 13px;
    font-weight: bold;
    color: white;
    padding: 10px;
    text-align:center;
    max-width: 700px;
    min-height: 340px;
    word-break: break-all;
}



.notifySmall {
     background-image: url(ui_notify_small.png);
    text-align: center;
    position: absolute;
    min-width: 758px;
    min-height: 261px;
    height: 261px;
    background-repeat: no-repeat;
    margin-left: 50px;
    margin-top: 50px;
    padding: 5px;
    transform-origin: 0 0;
    transform: scaleX(0.8);
    
}


.notifySmallInner {
    height: 140px;
    display: table-cell;
    line-height: 26px;
    vertical-align: middle;
    font-family: Arial,sans-serif;
    font-size: 16px;
    margin-left: 10px;
    margin-top: 2px;
    font-weight: bold;
    color: white;
    padding: 10px;
    text-align:center;
    max-width: 700px;
    min-height: 140px;
}

.hideme {
    display:none;
}
.showme {
    display:block;
}


/* salon view */

.salonView {
    margin: 0px;
   position: absolute;
    left: 0px;
    top: 38px;
    width: 760px;
    height: 645px;
 
    background-image: url(gamebg.png);
    background-repeat: no-repeat;
    background-size: cover;   
}

#topPanel {
    /*background-color: #E9E9E9;*/
    width: 720px;
    height: 304px;
    margin-top: 70px;
    margin-left: 2px;
}
#masaPanelScroll {
    overflow: hidden;
    overflow-y: scroll;
    height: 290px;
    width: 495px;
    background-color: #E3EAF1;
    border-top: 1px solid #E3EAF1;

}
#masaListPanel {
  position: relative;
   content: "";
  display: table;
 
   clear: both;
   column-gap: 1px;
    column-count: 3;
  
   
    top: 0px;
    left: 0px;
    width: 531px;
    
    
    border-right: 1px solid lightgray;
    overflow-y: scroll;
    margin-left: 1px;
    margin-top: 1px;
  
}

#masaListSagPanel {
      position: absolute;
      top: 70px;
      left: 500px;
      width: 255px;
      float: right;
      height: 304px;
}


#chatView {
max-width: 760px;
    border-top: 1px solid lightgray;
   /*background-image: linear-gradient(to bottom, #ffedc4, #ffe4d3, #ffe2e5, #efe4eb, #e4e4e4);*/
    height: 60px;
    width: 1280px;
    position: absolute;
    left: 0px;
    top: 610px;
    background-image: url(img/base64_chatinput_back.png);
    background-repeat:repeat-x;
    
}


#chatViewTopHeader {
    width: 720px;
    height: 18px;
    /*border: 1px solid green;*/
    
}

#chatViewHeaderLeft {
 
    background-image: url(chatLeftBgCizgi.png);
    background-position-y: bottom 1px;
    background-repeat: repeat-x;
    overflow: hidden;
    width: 209px;
    height: 20px;
    overflow: hidden;
    
      
    
}
#chatViewHeaderRight {
    vertical-align: middle;
    font-family: Arial,sans-serif;
    font-weight: bold;
    font-size: 12px;
  margin-top: -22px;
  float: right;
    
    width: 535px;
    height: 20px;
 color: #BC0067;
 overflow: hidden;
      
    
}





#chatLeft {
    margin-top: -2px;
    border: 1px solid #C0C0C0;
    border-top: none;
    background-color:#F3F2F1;
    width: 208px;
    height: 224px;
    float: left;
}

#chatRight {
    margin-right: 3px;
    margin-top: -2px;
    border: 1px solid #C0C0C0;
    background-color:#F6F6F6;
    width: 950px;
    height: 254px;
    float: right;
}

.chatLogMain {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #3B5B98;
    background-color: #F3F2F1;
    width: 507px;
    height: 189px;
    padding: 2px;
    float: left;
    font-family: "Tahoma",sans-serif;
    font-size: 12px;
    /* letter-spacing: 0.5px; */
    overflow-y: scroll;
    overflow-x: hidden;
    line-height: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
    
}



.chatLogMain::-webkit-scrollbar-thumb {
   border-radius:15px;
}

.chatTab {
    user-select: none;
    -moz-user-select: none;
    
      margin-top: 2px;
    margin-left: 6px;
    float: left;
    padding-top: 2px;
    vertical-align: bottom;
    text-align: center;
    font-weight: bold;
    font-family: Arial,sans-serif;
    font-size: 12px;
    width: 85px;
    height: 18px;
    text-align: center;
    
}
.tabOff {
    background-image: url(chattab_0.png);
    background-repeat: no-repeat;
}
.tabOn {
    background-image: url(chattab_1.png);
    background-repeat: no-repeat;
}

#chatInputPanel {
   
    margin-top: 1px;
    width: 590px;
    margin-left: 0px;
    float: left;
    border: 1px solid red;
    margin-right: 3px;
    height: 26px;
    border: none;
    background: transparent;
    text-align: left;
    font-family: Arial,sans-serif;
    font-weight: bold;
    /* position: absolute; */
    left: 0px;
}

#chatInputGenel {
    
  
    margin-left: 1px;
    padding: 1px;
    margin-top: 2px;
    font-weight: bold;
    font-family: Tahoma,sans-serif;
    font-size: 12px;
    color: #151515;
      background-color:#e2e2e2;
     border: 1px solid #C0C0C0;
    height: 20px;
    width: 440px;
    float: left;
    outline: none;
    border-radius: 3px;
    
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
}

.inputchat_disabled {
   pointer-events: none;
    margin-left: 1px;
    padding: 1px;
    margin-top: 2px;
    font-weight: bold;
    font-family: Tahoma,sans-serif;
    font-size: 12px;
    color: #151515;
    background-color: #CCCCCC;
    border: 1px solid #C0C0C0;
    height: 20px;
    width: 440px;
    float: left;
    outline: none;
    border-radius: 3px;
}
#chatInputGenel:focus{
    background-color: #e6faff;
   
    outline: none;
    border: 1px solid #89b5ff;
 
    color: #303030;
}


.masaTitlePns {
    width: 93px;
    float: right;
    text-align: right;
    margin-right: 4px
}



#chatInputButtons {
    
   text-align: left;
    float: left;
    width: fit-content;
    /* display: table-cell; */
    /* margin-top: -30px; */
}


#chatInputSmallButtons {
  text-align: right;
    width: 210px;
    height: 31px;
    position: absolute;
   
    right: 0%;
    top: 615px;
    z-index: 1;
    

}
#chatInputSmallButtons >img {
    width: 24px;
}


#chatInputSmallButtons2 {
  text-align: right;
    width: 95px;
    height: 31px;
    position: absolute;
    left: 563px;
    top: 615px;
    z-index: 1;
}

#chatInputSmallButtons2 > img {
      width: 24px;
}


#salonControls { 
    font-weight: bold;
    font-family: Arial,sans-serif;
    margin-top: 1px;
    height: 28px;
    border: 1px solid #75C201;
    background-color: #BBE4A3;
    font-size: 11px;
}


.mavibutton {
   
    font-family: Arial,sans-serif;
    color: white;
    min-width: 30px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    background-color: #3554C6;
    
      -moz-border-radius: 5px;  
    -webkit-border-radius: 5px; 
    border-radius: 5px;  
    outline: none;
    border: 1.5px solid #28359A;
    min-height: 25px;
    vertical-align: central;
    
    background: rgb(53,84,198);
background: -moz-linear-gradient(0deg, rgba(53,84,198,1) 0%, rgba(103,135,255,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(53,84,198,1) 0%, rgba(103,135,255,1) 100%);
background: linear-gradient(0deg, rgba(53,84,198,1) 0%, rgba(103,135,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3554c6",endColorstr="#6787ff",GradientType=1);

   
}
.mavibutton:active{
      font-family: Arial,sans-serif;
    color: white;
    min-width: 50px;
    text-align: center;
    font-size: 16px;
    background-color: #5372E0;
      -moz-border-radius: 5px;  
    -webkit-border-radius: 5px; 
    border-radius: 5px;  
    outline: none;
   border: 1.5px solid #444FB2;
    min-height: 28px;
    vertical-align: central;
    
    background: rgb(53,84,198);
background: -moz-linear-gradient(0deg, rgba(53,84,198,1) 0%, rgba(103,135,255,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(53,84,198,1) 0%, rgba(103,135,255,1) 100%);
background: linear-gradient(0deg, rgba(53,84,198,1) 0%, rgba(103,135,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3554c6",endColorstr="#6787ff",GradientType=1);

}
.masaItem {
    float: left;
    border: 1px solid rgba(0,0,0,.4);
    margin: 1px;
    width: 234px;
    height: 146px;
   /* background-color: #D2ECB1;*/
    background: rgb(220,247,179);
    /*background: radial-gradient(circle, rgba(220,247,179,1) 0%, rgba(192,216,175,1) 92%);*/
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOoAAACSCAYAAABL5VbiAAAACXBIWXMAABJ0AAASdAHeZh94AAACeUlEQVR4nO3TOZJQVQBAUZb+QbAZFGVSQAUnwCHqqKNegevoeV4BRP7Aei+k6t/yBGcJ59ayLP8sy/IR2K5by7J8vLm5ATZKVAgQFQJEhQBRIUBUCBAVAkSFAFEhQFQIEBUC1qjX19fARokKAaJCgKgQICoEiAoBokKAqBAgKgSICgGiQsAa9erqCtgoUSFAVAgQFQJEhQBRIUBUCBAVAkSFAFEhQFQIWKNeXl4CGyUqBIgKAaJCgKgQICoEiAoBokKAqBAgKgSICgFr1IuLC2CjRIUAUSFAVAgQFQJEhQBRIUBUCBAVAkSFAFEhYI16fn4ObJSoECAqBIgKAaJCgKgQICoEiAoBokKAqBAgKgSsUc/OzoCNEhUCRIUAUSFAVAgQFQJEhQBRIUBUCBAVAkSFgDXq6ekpsFGiQoCoECAqBIgKAaJCgKgQICoEiAoBokKAqBCwRj05OQE2SlQIEBUCRIUAUSFAVAgQFQJEhQBRIUBUCBAVAtaox8fHwEaJCgGiQoCoECAqBIgKAaJCgKgQICoEiAoBokLAGvXo6AjYKFEhQFQIEBUCRIUAUSFAVAgQFQJEhQBRIUBUCFijHh4eAhslKgSICgGiQoCoECAqBIgKAaJCgKgQICoEiAoBa9SDgwNgo0SFAFEhQFQIEBUCRIUAUSFAVAgQFQJEhQBRIWCNur+//7+wt7fHZ7K7u8tn8m/UnWVZ/v6Pvwb+HPhj4sPA+4l3A79P/Dbw68QvAz8PvJ14M/DTxI8DP0y8Hng18HLi+4HvJl4MPJ94NvB04snAtwPfTDwe+Hriq4FHEw8HHgzcn9gZ+HLi3sDdiS8G7kzcHlg+Aba97CppAUCMAAAAAElFTkSuQmCC');
    
    
    overflow: hidden;
}
.masaItem1 {
    float: left;
   border: 1px solid rgba(0,0,0,.4);    
    margin: 1px;
    width: 234px;
    height: 146px;
background: rgb(28,86,131);
background: -moz-radial-gradient(circle, rgba(28,86,131,1) 0%, rgba(145,208,255,1) 0%, rgba(122,168,252,1) 67%);
background: -webkit-radial-gradient(circle, rgba(28,86,131,1) 0%, rgba(145,208,255,1) 0%, rgba(122,168,252,1) 67%);
background: radial-gradient(circle, rgba(28,86,131,1) 0%, rgba(145,208,255,1) 0%, rgba(122,168,252,1) 67%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c5683",endColorstr="#7aa8fc",GradientType=1);




}
.masaItem2 {
    float: left;
   border: 1px solid rgba(0,0,0,.4);    
    margin: 1px;
    width: 255px;
    height: 113px;
    background-color: #a37000;
    
 
background: rgb(253,222,70);
background: -moz-radial-gradient(circle, rgba(253,222,70,1) 26%, rgba(236,183,52,1) 100%);
background: -webkit-radial-gradient(circle, rgba(253,222,70,1) 26%, rgba(236,183,52,1) 100%);
background: radial-gradient(circle, rgba(253,222,70,1) 26%, rgba(236,183,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdde46",endColorstr="#ecb734",GradientType=1);

}


.masaTitle {
    -ms-user-select: none;
   
    -moz-user-select: none;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial,sans-serif;
    color: white;
 text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; 
     height: 20px;
    background: rgb(51,131,31);
background: linear-gradient(0deg, rgba(51,131,31,1) 0%, rgba(59,194,24,1) 100%);
}
.novisible {
    visibility: hidden;
}
.masaTitle1 {
     -ms-user-select: none;
   
    -moz-user-select: none;
    font-weight: bold;
    font-size: 12px;
    font-family: 'Tahoma',sans-serif;
    color: white;
 text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; 
     height: 20px;
     line-height: 19px;
background: rgb(28,86,131);
background: -moz-linear-gradient(180deg, rgba(28,86,131,1) 0%, rgba(111,194,255,1) 0%, rgba(88,135,221,1) 50%);
background: -webkit-linear-gradient(180deg, rgba(28,86,131,1) 0%, rgba(111,194,255,1) 0%, rgba(88,135,221,1) 50%);
background: linear-gradient(180deg, rgba(28,86,131,1) 0%, rgba(111,194,255,1) 0%, rgba(88,135,221,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c5683",endColorstr="#5887dd",GradientType=1);

}
.masaTitle2 {
    -ms-user-select: none;
   
    -moz-user-select: none;
    font-weight: bold;
    font-size: 12px;
    font-family: 'Tahoma',sans-serif;
    color: white;
 text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; 
     height: 20px;
     line-height: 19px;
     
     
    background: rgb(255,185,55);
background: linear-gradient(180deg, rgba(255,185,55,1) 0%, rgba(222,154,8,1) 22%);
}
.masaItemSeyirci {
    margin: 1px;
    line-height: 21px;
    height: 21px;
    font-family: sans-serif;
    font-size: 12px;
    vertical-align: middle;
}
.seyircibutton {

}
.seyirciList {
    font-weight: normal;
   overflow: hidden;
    color: #000000;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
    line-break: loose;
    font-family: Arial,sans-serif;
    /* font-weight: bold; */
    font-size: 11px;
    margin-left: -20px;
    padding-top: 2px;
    float: left;
    text-align: left;
    width: 74px;
    height: 69px;
    line-height: 18px;
    white-space: pre;
    letter-spacing: 0px;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; 
}

.masaItemOyunInfo {
    /* margin-top: -20px; */
    font-weight: bold;
    font-family: Tahoma;
    font-size: 10px;
    margin-left: 30px;
    /* top: 20px; */
    width: 200px;
    height: 20px;
}

.oyunInfo {
    float: right;
    margin-top: -20px;
    font-weight: normal;
       -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; 
}

.masaItemPlayerList {
   /* position: absolute;*/
    margin-top: -10px;
     margin-left: 80px;
    width: 170px;
    height: 102px;
    /*border:  1px solid red;*/
}

.masaListPlayerBox {
    
    
    text-align: center;
    font-family: Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    width: 50px;
    /*border: 1px solid red;*/
    height: 50px;
    
}

.pbox0 {
    overflow: hidden;
    text-align: center;
    font-family:sans-serif;
    font-weight: normal;
    font-size: 11px;    
    width: 100px;
    height: 55px;
    margin-top: 0px;
    /*position: absolute;*/
    margin-left: 50px;
    /*border: 1px solid red;*/
    
}
.gamerNick {
    white-space: pre;
     font-family: sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.oturbutton {
   
    margin-top: 0px;
    margin-left: 0px;
     filter: none;
  -webkit-filter:none;
}
.oturbutton:hover {
   
    margin-top: 0px;
    margin-left: 0px;
      -webkit-filter: brightness(1.1);
  filter: brightness(1.1);
}


.pbox1 {
    font-weight: normal;
    overflow: hidden;
    top: 30px;
    text-align: center;
     font-family:sans-serif;
    font-size: 11px;    
    width: 100px;
    height: 50px;
   margin-top: -30px;
    margin-left: -10px;
   
    
}

.pbox2 {
  
    font-weight: normal;
    /*overflow: hidden;*/
    top: 60px;
    text-align: center;
    font-family:sans-serif;
    font-size: 11px;    
   width: 100px;
    height: 50px;
    margin-top: -25px;
    margin-left: 50px;

    
}
.pbox3 {
    
    font-weight: normal;
    overflow: hidden;
    top: 30px;
    text-align: center;
     font-family:sans-serif;
    font-size: 11px;   
  
    width: 100px;
    height: 50px;
    margin-top: -75px;
    margin-left: 92px;
 
    
}



.userListz {
    width: 320px;
    height: 288px;
    /*display:-ms-grid;*/
    /*display: grid;*/
    
    -ms-grid-columns:1fr 1fr;
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    grid-template-columns:repeat(1,1fr);
    column-count: 1;
    grid-template-rows: 28px 394px;
  
    -ms-grid-row:3;
    -ms-grid-row-span:2;

    flex-direction: column;
    flex-wrap: wrap;
  overflow-x: hidden;
  overflow-y: scroll;

}

.userList {
    width: 257px;
    height: 426px;
    /*display:-ms-grid;*/
    /*display: grid;*/
    
  overflow-x: hidden;
  overflow-y: scroll;
  


}

#salonTab0 {
    background-color: #E3EAF1;
    width: 258px;
        padding-top: 2px;
}
#salonTab1 {
 position: absolute;
    background-color: #E3EAF1;
    width: 258px;
    /* margin-top: 23px; */
    height: 469px;
    top: 24px;
    padding: 2px;
}


.userListRow {
   overflow-x: hidden;
    overflow-y: hidden;
    padding-top: 2px;
    margin-left: 2px;
    height: 18px;
    width: 255px;
    transform: translateZ(0);
}

.userListRow:hover {
  background-color: #aed8ff;
   transform: translateZ(0); 
}

.userListRow > span{
    
    width: 60px;
 
}
.userListRow > div {
    
  
    font-family: Tahoma,sans-serif;
    font-size: 12px;
 
}


.uListRow0 {
    margin-left: 1px;
    text-align: left;
    float: left;
    min-width: 14px;
}
.uListRow0 >img {
       width: 12px;
}
.uListRow1 {
       max-width: 150px;
    overflow: hidden;
/* margin-left: 4px; */
    font-weight: bold;
    font-family: Tahoma,sans-serif;
    font-size: 12px;
    text-align: left;
    float: left;
    min-width: 120px;
    line-height: 18px;
    white-space: nowrap;
    text-overflow: clip;
    color: #474646;
    /* letter-spacing: 0.5px;*/
}
.uListRow2 {
font-family: Tahoma,sans-serif;
    font-weight: normal;
    font-size: 18px;
    float: right;
    /* min-width: 80px; */
    text-align: right;
    line-height: 18px;
    margin-right: 20px;
     color: #474646;
}

.notifyOK {
    padding: 8px;
    font-family: Arial,sans-serif;
    text-align: center;
    font-weight: bold;
    color: white;
    position: absolute;
        left: 50%;
        margin-left: -300px;
    top: 130px;
    background-image: url(ui_turbg.png);
    background-repeat: no-repeat;
    width: 600px;
    height: 200px;
  
}



#userListMenu {
    border: 2px solid #2b669b;
    background-color: #F6F6F6;
    position: absolute;
    left: 100px;
    top: 100px;
    width: 220px;
    height: fit-content;
    transform-origin: 0px 0px;
    transform: scaleX(0.6) scaleY(0.6) translateZ(0);
}

.cmenu {
   line-height: 26px;
    padding-left: 4px;
    border-left: 5px solid #C0C0C0;
    text-align: left;
    font-family: Arial,sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #383838;
    vertical-align: middle;
    width: 210px;
    height: 30px;
    border-bottom: 1px solid #C0C0C0;

   
}
.cmenu:hover{
     padding-left: 4px;
    border-left: 5px solid #89b5ff;
    background-color:#e6faff;
     height: 30px;
}

.cuser {
   padding-left: 4px;
    text-align: center;
    font-family: Arial,sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    vertical-align: middle;
    width: 216px;
    height: 30px;
    background-color: #354b80;
    background: rgb(14,124,172);
    background: radial-gradient(circle, rgba(14,124,172,1) 0%, rgba(15,85,131,1) 100%);
    line-height: 24px;
}

.cmenukapat {
   padding-top: 3px;
    border-radius: 4px;
    text-align: center;
    font-family: Arial,sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: white;
    position: absolute;
    left: 195px;
    top: 0px;
    width: 24px;
    height: 20px;
    background-color: #c90000;
}
/*masa innermenu */
#exitMenu {
    position: absolute;
    left: 1060px;
    top: 55px;
    border: 1px solid gray;
    border-radius: 6px;
    -webkit-border-radius: 6px;
       padding: 7px;
    min-width: 200px;
    min-height: 30px;
 background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(74,74,74,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(74,74,74,1) 100%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(74,74,74,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#4a4a4a",GradientType=1);

}

.exitMenuItem {
    font-family: Arial,sans-serif;
    font-weight: bold;
    color: white;
    text-align: center;
    width: 200px;
    height: 30px;
    background-color: rgba(0,0,0,0);
    line-height: 30px;
}

.exitMenuItem:hover{
    line-height: 30px;
    font-family: Arial,sans-serif;
    font-weight: bold;
    color: white;
    text-align: center;
    width: 200px;
    height: 30px;
    background-color: rgba(255,255,255,0.5);
}



.centerScreenAlert {
  display: none;
  width: 417px;
  height: 136px;
  background-image: url(img/smallalert.png);
  background-repeat: no-repeat;
  position:absolute;
  left: 50%;
  top: 100px;
  margin-left: -208px;
  



}
.centerScreenconfirmAlert {
  display: none;
  width: 419px;
  height: 237px;
  background-image: url(img/bigalert.png);
  background-repeat: no-repeat;
  position:absolute;
  left: 50%;
  top: 140px;
  margin-left: -210px;
}
.centeredDiv {
    position:fixed;
    top: 100px;
    left: 30%;

    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -5em; /*set to a negative number 1/2 of your width*/
     /*-webkit-backface-visibility: hidden;*/
    -webkit-transform: translate3d(0,0,0);

}
.centerScreenBigAlert {
    display: none;
  width: 419px;
  height: 237px;
  background-image: url(img/bigalert.png);
  background-repeat: no-repeat;
  position:absolute;
  left: 50%;
   top: 100px;
  margin-left: -210px;
  
}

 .marquee {
            height: 50px;
            overflow: hidden;
            position: relative;
       
        }


 .marquee p {
            position: absolute;
            width: 100%;
            height: 100%;
            margin-top: -15px;
            line-height: 50px;
            text-align: center;
            -moz-transform: translateX(100%);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            -moz-animation: scroll-left 2s linear infinite;
            -webkit-animation: scroll-left 2s linear infinite;
            animation: scroll-left 20s linear infinite;
        }
        
        @-moz-keyframes scroll-left {
            0% {
                -moz-transform: translateX(100%);
            }
            100% {
                -moz-transform: translateX(-100%);
            }
        }
        
        @-webkit-keyframes scroll-left {
            0% {
                -webkit-transform: translateX(100%);
            }
            100% {
                -webkit-transform: translateX(-100%);
            }
        }
        
        @keyframes scroll-left {
            0% {
                -moz-transform: translateX(100%);
                -webkit-transform: translateX(100%);
                transform: translateX(100%);
            }
            100% {
                -moz-transform: translateX(-100%);
                -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
            }
        }

.bounce {
            height: 50px;
            overflow: hidden;
            position: relative;
          
      
       
        }
        
.bounce p {
            position: absolute;
            width: 100%;
            height: 100%;
            margin-top: -15px;
            line-height: 50px;
            text-align: center;
            -moz-transform: translateX(50%);
            -webkit-transform: translateX(50%);
            transform: translateX(50%);
            -moz-animation: bouncing-text 5s linear infinite alternate;
            -webkit-animation: bouncing-text 5s linear infinite alternate;
            animation: bouncing-text 10s linear infinite alternate;
        }
        
        @-moz-keyframes bouncing-text {
            0% {
                -moz-transform: translateX(50%);
            }
            100% {
                -moz-transform: translateX(-50%);
            }
        }
        
        @-webkit-keyframes bouncing-text {
            0% {
                -webkit-transform: translateX(50%);
            }
            100% {
                -webkit-transform: translateX(-50%);
            }
        }
        
        @keyframes bouncing-text {
            0% {
                -moz-transform: translateX(50%);
                -webkit-transform: translateX(50%);
                transform: translateX(50%);
            }
            100% {
                -moz-transform: translateX(-50%);
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
            }
}


#masaAcDiv {
    background-image: url(img/masaacbg.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 160px;
    top: 10px;
    width: 555px;
    height: 355px;
    padding: 5px;
}

#masaTitle {
    position: absolute;
    font-family: Arial,sans-serif;
    font-weight: bold;
    color: white;
        
        
    left: 20px;
    top: 10px;
}

#masaAcTabs {
    position: absolute;
    left: 120px;
    top: 10px;
   
    width: 280px;
    height: 40px;
    
}

.fontMyriad {
    font-family: 'Myriad Pro';
    font-weight: bold;
    color: white;
}
.masaAcTab0 {
    float: left;
    background-image: url(img/masaAcTab0.png);
    background-repeat: no-repeat;
    width: 117px;
    height: 33px;      
    line-height: 34px;
    color: black;  
}
.masaAcTab1 {
    float: left;
    background-image: url(img/masaAcTab1.png);
    background-repeat: no-repeat;
    width: 117px;
    height: 33px;      
    line-height: 34px;
    color: black;  
}

.masaAcTab0 > span {
    margin-left: 6px;
   
}
.masaAcTab0 > img {
    margin-top: 6px;
    margin-left: 4px;
    float: left;
}

.masaAcTab1 > span {
    margin-left: 6px;
   
}
.masaAcTab1 > img {
    margin-top: 6px;
    margin-left: 4px;
    float: left;
}

.radius7 {
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
#masaAcIcerik0 {
    position: absolute;
    left: 20px;
    top: 40px;
    width: 400px;
    height: 230px;
    background-color: #53BEFF;

}

#masaAcIcerik1 {
    position: absolute;
    left: 20px;
    top: 40px;
    width: 400px;
    height: 230px;
    background-color: #53BEFF;

}
#masaAcPuanContent {
    text-align: left;
    position: absolute;
    left: 20px;
    top: 20px;
    color: black;
}

#masaAcEsliContent {
    color: black;
    text-align: left;
    position: absolute;
    left: 20px;
    top: 80px;
}

#masaAcSadeceUye {
    color: black;
    text-align: left;
    position: absolute;
    left: 180px;
    top: 80px;
}

#masaAcHizliContent {
     color: black;
    text-align: left;
    position: absolute;
    left: 20px;
    top: 120px;
}
#masaAcGostergeli {
     color: black;
    text-align: left;
    position: absolute;
    left: 180px;
    top: 120px;
}
#MasaAcOyunTuru {
     color: black;
    text-align: left;
    position: absolute;
    left: 20px;
    top: 60px;
}

#masaAcButton {
    position: absolute;
    left:120px;
    top: 180px;
    text-align: center;
    line-height: 40px;
    width: 160px;
    height: 40px;
    border: 1px solid #4E8101;
    background: rgb(25,88,0);
background: -moz-linear-gradient(0deg, rgba(25,88,0,1) 0%, rgba(77,193,0,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(25,88,0,1) 0%, rgba(77,193,0,1) 100%);
background: linear-gradient(0deg, rgba(25,88,0,1) 0%, rgba(77,193,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#195800",endColorstr="#4dc100",GradientType=1);
color: white;
}

#masaAcButton2 {
    position: absolute;
    left:120px;
    top: 180px;
    text-align: center;
    line-height: 40px;
    width: 160px;
    height: 40px;
    border: 1px solid #4E8101;
    background: rgb(25,88,0);
background: -moz-linear-gradient(0deg, rgba(25,88,0,1) 0%, rgba(77,193,0,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(25,88,0,1) 0%, rgba(77,193,0,1) 100%);
background: linear-gradient(0deg, rgba(25,88,0,1) 0%, rgba(77,193,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#195800",endColorstr="#4dc100",GradientType=1);
color: white;
}


#masaAcClose {
     position: absolute;
    left: 405px;
    top: 3px;
    width: 40px;
    height: 40px;
}

#masaAcCipContent {
    position: absolute;
    left: 30px;
    top: 60px;
    color: Black;
}



 #iColorPicker >table {
            border: none;
            width: 200px;
            height: 180px;
            border: 1px solid black;
            background-color: black;
             border-collapse: separate;
           
        }
         #iColorPicker > td {
            border: none;
           
             border-style: none;
              border-collapse: separate;
        }



#colorSelector {
    display:inline-block;
    
          overflow: hidden;
            width: 30px;
            height: 30px;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            background-color: #cccccc;
    transform: scaleX(0.8) scaleY(0.8);
    
}
        
#colorShower {
    overflow: hidden;
    display: inline-block;
    margin-left: 2px;
    margin-top: 2px;
    border: 1px solid darkgray;
    width: 24px;
    height: 24px;
    background-color: blue;
            
        }
        
#colorSelectorBullet {
   overflow: hidden;
    left: 10px;
    top: 10px;
    width: 14px;
    height: 12px;
    display: block;
    margin-left: 12px;
    margin-top: -18px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
        }


#arkadasListesi {
    
   /* border-radius: 7px;*/
   /* -moz-border-radius: 7px;*/
    /*-webkit-border-radius: 7px;*/
    overflow: hidden;
    

    width: 256px;
    height: 468px;
    
    /*background: rgb(0,0,0);*/
    /*background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(65,65,65,1) 100%);*/
    /*background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(65,65,65,1) 100%);*/
    /*background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(65,65,65,1) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#414141",GradientType=1);*/
}

#arkadasTitle {
    position: absolute;
    left: 7px;
    top: 8px;
    color: white;
    font-family: 'Myriad Pro';
    font-weight: bold;
    font-size: 20px;
    width: 265px;
    height: 30px;
}

#arkadaskapat {
      position: absolute;
left: 230px;
    top: 2px;
}

#arkadasListe {
   position: absolute;
    width: 252px;
    height: 467px;
    left: 2px;
    top: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
}


.arkadasItem {
    width: 300px;
    height: 65px;
    font-size: 14px;
    color: white;
   
}
.arkadasListAv {
  
left: 1px;
    top: 1px;
    min-width: 60px;
    min-height: 60px;
}
.arkadasNick {
     position: absolute;
    left: 63px;
    top: 1px;
    height: 25px;
    font-family: 'Myriad Pro';
    font-weight: bold;
    font-size: 14px;
    color: white;
}

.arkadasStatus {
      position: absolute;
    left: 63px;
    top: 15px;
    height: 20px;
     font-family: 'Myriad Pro';
    font-weight: bold;
    font-size: 14px;
    color: #C0C0C0;
}
.arkadasButtons {
        position: absolute;
    left: 62px;
    top: 32px;
    width: 200px;
    overflow: hidden;
}
.arkadasButtons > img {
    float: left;
       height: 30px
}




.arkadasListItem {
    
   margin-top: 0px;
    padding: 0px;
    width: 234px;
    border: none;
    height: 54px;
    padding: 1px;
    /* background-image: url(img/arkadasitemback.png); */
    background-color: rgba(200,200,200,255);
    background-size: 250px 54px;
    color: white;
    border-radius: 5px;
    
}
.arkadasItemNick {
    
  margin-top: -45px;
    margin-left: 45px;
    height: 10px;
    vertical-align: top;
    font-family: Tahoma,sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #525252;
    width: 240px;

    
}
.arkadasItemDurum {
        margin-top: 7px;
    margin-left: 45px;
    height: 10px;
    vertical-align: top;
    font-family: Tahoma,sans-serif;
    width: 240px;
    color: #3a3a3a;
    font-size: 11px;
    
}
.arkadasItemKatilBtn {
    -webkit-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);
    width:65px;height:29px;margin-left: 168px;margin-top:-15px;background-image: url(img/katilbtn.png);text-align: center;background-repeat: no-repeat;
}
.arkadasAvatar {
    -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
width:40px;height:40px;margin-top:4px;margin-left: 1px;

}



#ayarlarDiv {
   position: absolute;
    width: 600px;
    left: 130px;
    top: 60px;
        transform-origin: 0 0;
    transform: scaleX(0.8) scaleY(0.8);
    z-index: 2;
    height: 550px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid gray;
    background: rgb(230,230,230);
background: -moz-linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e6e6e6",endColorstr="#ffffff",GradientType=1);
}

#ayarTitle {
    font-family: Arial,sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: black;
    position: absolute;
    left: 16px;
    top: 6px;
}

#ayarKapat {
      position: absolute;
    left: 560px;
    top: 6px;
}

#ayarInner {
    
     position: absolute;
    left: 6px;
    top: 40px;
     width: 580px;
    height: 400px;
     font-family: Arial,sans-serif;
    font-size: 20px;
    color: black;
        
}

#ayarInner  input[type=button] {
    width: 80px;
    height: 40px;
    
    
}
#ayarTable {
    width: 100%;
}
#ayarTable > tr {
    
    height: 40px;
}

#ayarTable > td {
    
    height: 40px;
}
.ayarRow {
    height: 25px;
    border: none;
}

.ayarRow > td {
    border: 1px solid #f1f1f1;
}

.ayarRow select {
    height: 28px;
    min-width: 60px;
    border-radius: 5px;
    outline-style: none;
    font-weight: bold;
    font-family: Arial,sans-serif;
font-size: 18px;
}

.ayarRow option {
    padding:5px 0;
    min-width: 60px;
    font-weight: bold;
    font-family: 'Myriad Pro';
}


.masaColor {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border: 2px solid white;
    margin-left: 3px;
    line-height: 30px;
    text-align: center;
    color: black;
}

.masaColor > img {
    visibility: hidden;
}
.masaCheckSelected {
    border: 2px solid red;
}
.masaCheckSelected > img {
    visibility: visible !important;
    
}
.masaCheckDefault {
    background-color: #0064B6;
}
.masaCheckGreen {
   background-color: #52B600;
   
}
.masaCheckRed {
   background-color: #AE0101;
   
}
.masaCheckOrange {
   background-color: #FFBF00;
   
}
.masaCheckPurple {
   background-color: #9300A6;
   
}
.masaCheckLightBlue {
   background-color: #B1E6FF;
   
}
.masaCheckDark {
   background-color: #434343;
   
}


.masaColor0 {
    background-image: url(gamebg.png) !important;
}
.masaColor1 {
    background-image: url(img/masaColor1.png) !important;
}
.masaColor2 {
    background-image: url(img/masaColor2.png) !important;
}
.masaColor3 {
    background-image: url(img/masaColor3.png) !important;
}
.masaColor4 {
    background-image: url(img/masaColor4.png) !important;
}
.masaColor5 {
    background-image: url(img/masaColor5.png) !important;
}
.masaColor6 {
    background-image: url(img/masaColor6.png) !important;
}



#profileView {
    position: absolute;
    width: 585px;
    height: 460px;
    left: 200px;
    top: 100px;
    border: 1px solid #1A1A1A;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    background: rgb(246,246,246);
background: -moz-linear-gradient(0deg, rgba(246,246,246,1) 0%, rgba(236,236,236,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(246,246,246,1) 0%, rgba(236,236,236,1) 100%);
background: linear-gradient(0deg, rgba(246,246,246,1) 0%, rgba(236,236,236,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f6f6",endColorstr="#ececec",GradientType=1);
    z-index: 12;
    transform: scaleX(0.6) scaleY(0.6);
    transform-origin: 0 0;
    
}
#profileKapat {
    position: absolute;
    left: 547px;
    top: 3px;
}
#profSol {
   position: absolute;
    width: 200px;
    left: 30px;
    top: 30px;
    height: 400px;
}
#profSag {

  position: absolute;
    width: 300px;
    left: 240px;
    top: 50px;
    height: 400px;
}

#profNick {
     position: absolute;
     left: 0px;
      width: 200px;
      height: 20px;
      color: black;
      font-family: 'Myriad Pro';
      font-weight: bold;
      text-align: center;
      font-size: 18px;
      margin-top: -5px;
      
}
#profAvatar {
    position: absolute;
    left: 0px;
    width: 200px;
    height: 105px;
    top: 20px;
    text-align: center;
}
#profAvatarImage {
    
    width: 100px;
    height: 100px;
}
    
#profGift {
      position: absolute;
    left: 20px;
    top: 60px;
    width: 50px;
    height: 50px;
    
}
    
#profButtons {
    text-align: center;
    position: absolute;
    left: 0px;
    width: 200px;
    height: 155px;
    top: 130px;
    text-align: center;
}
.profileButton {
    border: 1px solid white;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-family: 'Myriad Pro';
    font-weight: normal;
    font-size: 16px;
    color: white;
    width: 130px;
    height:36px;
    line-height: 34px;
    background: rgb(0,82,144);
    margin-left: auto;
    margin-right: auto;
background: -moz-linear-gradient(0deg, rgba(0,82,144,1) 0%, rgba(0,130,169,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,82,144,1) 0%, rgba(0,130,169,1) 100%);
background: linear-gradient(0deg, rgba(0,82,144,1) 0%, rgba(0,130,169,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#005290",endColorstr="#0082a9",GradientType=1);
}

.profileButton_off {
    pointer-events: none;
    border: 1px solid white;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-family: 'Myriad Pro';
    font-weight: normal;
    font-size: 16px;
    color: #999999;
    width: 130px;
    height:36px;
    line-height: 34px;
    background: rgb(0,82,144);
    margin-left: auto;
    margin-right: auto;
    background-color: #CCCCCC;
}

.profRow {
    padding-left: 4px;
    height: 30px;
     font-family: 'Myriad Pro';
    font-weight: normal;
    font-size: 20px;
    color: black;
    line-height: 28px;
}
.profRow > span {
    float: right;
     font-family: 'Myriad Pro';
    font-weight: bold;
    font-size: 20px;
    color: black;
    margin-right: 3px;
}
.grayRow {
    background-color: #DADADA;
}


.arkadasDavetWin {
    position: absolute;
    width: 595px;
    height: 226px;
    left: 360px;
    top: 150px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #161616;
    background: rgb(147,229,254);
    background: -moz-linear-gradient(0deg, rgba(147,229,254,1) 0%, rgba(212,239,255,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(147,229,254,1) 0%, rgba(212,239,255,1) 100%);
    background: linear-gradient(0deg, rgba(147,229,254,1) 0%, rgba(212,239,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#93e5fe",endColorstr="#d4efff",GradientType=1);

}

.aTitle {
    position: absolute;
    left: 220px;
    top: 5px;
    font-weight: bold;
    font-family: 'Myriad Pro';
    color: black;
    
}

.aPlayerInfo {
    text-align: center;
    padding: 10px;
     position: absolute;
    background: rgb(51,83,138);
    background: -moz-linear-gradient(0deg, rgba(51,83,138,1) 0%, rgba(75,140,194,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(51,83,138,1) 0%, rgba(75,140,194,1) 100%);
    background: linear-gradient(0deg, rgba(51,83,138,1) 0%, rgba(75,140,194,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33538a",endColorstr="#4b8cc2",GradientType=1);
    width: 128px;
    height: 162px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    left: 16px;
    top: 30px;
    font-family: 'Myriad Pro';
    font-weight: bold;
    color: white;
        
}
.aText {
text-align: center;
    position: absolute;
    font-family: 'Myriad Pro';
    font-weight: bold;
    font-size: 20px;
    color: orangered;
    left: 180px;
    top: 50px;
}

#aButtons {

    text-align: center;
    position: absolute;
    width: 400px;
    height: 80px;
    left: 180px;
    top: 100px;
}

.aKabulButton {
    float: left;
    margin-left: 3px;
    border: 1px solid #2C2C2C;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
width: 170px;

    height: 40px;
    line-height: 38px;
    color: white;
    font-family: 'Myriad Pro';
    font-weight: bold;
    font-size: 16px;
    background: rgb(68,100,0);
background: -moz-linear-gradient(0deg, rgba(68,100,0,1) 0%, rgba(48,170,0,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(68,100,0,1) 0%, rgba(48,170,0,1) 100%);
background: linear-gradient(0deg, rgba(68,100,0,1) 0%, rgba(48,170,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#446400",endColorstr="#30aa00",GradientType=1);
}
.aRedButton {
    float: left;
    margin-left: 3px;
    border: 1px solid #2C2C2C;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
width: 170px;
    height: 40px;
    line-height: 38px;
    color: white;
    font-family: 'Myriad Pro';
    font-weight: bold;
    font-size: 16px;
    
    background: rgb(104,0,2);
background: -moz-linear-gradient(0deg, rgba(104,0,2,1) 0%, rgba(209,0,3,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(104,0,2,1) 0%, rgba(209,0,3,1) 100%);
background: linear-gradient(0deg, rgba(104,0,2,1) 0%, rgba(209,0,3,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#680002",endColorstr="#d10003",GradientType=1);
}

.aPlayerInfo > img {
    width: 100px;
    height: 100px;
}




#BanListInner {
    z-index: 5;
                background: rgb(232,232,232);
                background: -moz-linear-gradient(0deg, rgba(232,232,232,1) 95%, rgba(244,244,244,1) 100%);
                background: -webkit-linear-gradient(0deg, rgba(232,232,232,1) 95%, rgba(244,244,244,1) 100%);
                background: linear-gradient(0deg, rgba(232,232,232,1) 95%, rgba(244,244,244,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8e8e8",endColorstr="#f4f4f4",GradientType=1);         
                border: 2px solid black;
                width: 600px;
                height: 500px;
                position: absolute;
                left: 60px;
                top: 10px;
                font-size: 12px;
                padding-top: 30px;
                font-family: Arial,sans-serif;
                border-radius: 7px;
                -moz-border-radius: 7px;
                -webkit-border-radius: 7px;
}

#banListTitle {
                position: absolute;
                left: 4px;
                top: 3px;
                font-weight: bold;
                font-size: 18px;
                
}

#banListClose {
     position: absolute;
                left: 568px;
                top: 1px;
                font-weight: bold;
                font-size: 18px;
}
#banListClose > img {
    width: 30px;
}


#reportDiv {
    
    background: rgb(41,47,38);
background: -moz-linear-gradient(0deg, rgba(41,47,38,1) 0%, rgba(98,105,101,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(41,47,38,1) 0%, rgba(98,105,101,1) 100%);
background: linear-gradient(0deg, rgba(41,47,38,1) 0%, rgba(98,105,101,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#292f26",endColorstr="#626965",GradientType=1);

    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: absolute;
    left: 10px;
    top: 30px;
        transform-origin: 0 0;
    transform: scaleX(0.8);
    width: 800px;
    height: 450px;
    z-index: 30;
    border: 1px solid black;
    text-align: center;
    font-family: Arial,sans-serif;
    color: white;
}

#reportKapat {
    font-size: 20px;
    font-family: Arial,sans-serif;
    color: white;
    font-weight: bold;
    position: absolute;
    left: 745px;
    top: 3px;
}
#reportTitle {
    
    font-size: 20px;
    font-family: Arial,sans-serif;
    color: white;
    font-weight: bold;
}

.radyoLabel {
position: absolute;
    left: 9px;
    font-family: Arial,sans-serif;
    top: 10px;
    font-size: 11px;
    text-align: right;
    color: red;
    font-weight: bold;

}




/* oyunBilgiDialog */

#oyunBilgiDialog {

    position: absolute;
    width: 350px;
    height: 390px;
    left: 220px;
    z-index: 10;
    padding: 0px;
    top: 195px;
    border: 1px solid #48587b;
    background-color: #3B5B98;
    height: 300px;
    overflow: hidden;
    top: 285px;
    left: 200px;
}

.kazanRow0 {
    float: left;
    height: 25px;
    font-family: Tahoma,sans-serif;
    font-size: 14px;
    width: 150px;
}

.kazanRow1 {
    height: 25px;
    float: right;
    width: 188px;
    font-family: Tahoma,sans-serif;
    font-size: 14px;
}

.kazanRow0x {
    float: left;
    height: 25px;
    font-family: Tahoma,sans-serif;
    font-size: 14px;
    width: 150px;
}

.kazanRow1x {
    height: 25px;
    float: right;
    width: 160px;
    font-family: Tahoma,sans-serif;
    font-size: 14px;
}


.kazanBorderDown {
border-bottom:1px solid gray;
}

.masaOturButton {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAAAVCAYAAAA+RgJMAAAACXBIWXMAABJ0AAASdAHeZh94AAAEXklEQVR4nOWW6zdbWRiH+w/OS0iCIepS6tYsrQ5rqnUL4ppUOe6lbh23XIhERMhV3FJyE43RQSVoZ+Zv+M0HHDIWSWcd40M+POvstfdv7X3e57x7rfMIwKPbEDEmdC/uxCyvfluHiDFV3eUIwKM7F0WMCb6jv2OWLsMONxI9h3/FLJ0LPm4kbv/xZ8zC6DmS+OnL93tjYdWDvtFpdA9NQLFghXP/272e96N06L3cSNzc/84563tnqKhrAhGFkZtfiCVn4F7O/C+0z3MkcW3vW0SWtvbZsd0fhMVzdGe+hXkPIoIwKRm9Y0qMqAzIyS8CEaGwuASrn09hdh/A7D4I29fsPoDN95UdXz4n520wOgNX2Z0g1MsbmJi3QrHogG3nOKo6/k2bjiOJjsBZRGTdH1BR1wybP4hF5x4ysnOhsbluzaekpoGI0DE4zs7pHF62I6cWVsAXCEBEUJudcATOUPq6GkSEpo4+1Ms7zzu3QAyBMAlEhISERCiMq3AEzlD0/JewDucLBBhS6qOq5TpvdR5uJNp3zyLycc4CPl+AvKJizNm9yC0Qgy8QYlChv5E1bP7OFjdj3g5bS03PABGhe0yF8ppGEBGkb7th8QXBFwhBRJhb8aFOdi4x88lTyHtG8CSvEESESqkM9t0zdA0rMDFvh8buQcO7XhARcvKKoqrlOnItRxIt/tOomDJugMdLQF5RMZa9QeSLX4Di4qCyuMJy2rVdVqLa6g5bS8/MPu/QoWmMaa0gIjzOysEH1SKICPniF7D4T1F7IbFW1gmL/xSy3lEQEUrfSGDxn2LG5oGklYH45a/IyM4FESHtcWbUtVwim+NIosl3EhGV1Y2s3AIIk1MwqDKiQioHEaGq6R2WPcGw7LLnqqt6x7Xs/PzmPuJ5PBARRmbNMPlOIMrIAhEh79lzEBHaBydh8p1A0sqAiCBpZWDynaDt/TiICC9f10C79hkCYRLi4+Pxpr6VFZ6WnhlVLddp1bi5kWj0hiLS0DGA7KeFUFo9mF3dRUJiIphR9a35V7XNICKkZ+VgwriJGYcfJeU1ICKkpmfA4D6G0RtCfVsv27W8hERoN/dh9IZQ3XIusbqFgdEbgvxCYkl5DfqnF86vb8EzGL0hjOpW2H2jqeU6zVxJNLhDERnVOaBzHsDgDmFu4ws+6tfvzGvW95GVW3DjF0cgTMaQxsbmpi0eUFwcK+hyvqr5XGJVMwODOwRZ/5VEhdWLeF7ChUgxUlJF1z5O5Fqu0zTLkUS9K3gvaJ2HkA9Moqy6EaWVUkg7BqG0797IJF5e/akFdr5fYYRE3oN+hRF6VxDDOgck8h4wYxroXUEMqE0oq2pAZVM7Ri7WGruGf/gdG2dc3EjUbh0/GG1DKhARkn9Ow5zz6H8/v0HNkUTNp+MHQ1xWAb4gCRVNzIOcL+VK4ozza8xSr9rmRqJy4yhmqVVyJHF6/TBmkSi3uJHYtxSIWcrHNzmROCViTP4Y56dIEv8BbdX8C9t7RzAAAAAASUVORK5CYII=);
}

.ui_playericon {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAABJ0AAASdAHeZh94AAABPElEQVR4nK3SoUsEQRTH8TmLyGEUq8lkUBAU/QfswrWFBQ8nPHnI4ISFCQsTBn7+ARbDRYvYbILFKxYRjRc12S7p6T3rKXe7N8OGb3yf8OMpEVFVAdgAcAngFcAQwFHdTRW2BOACwDcAmegdwHYqevoPm2wAoJ2C3lagAmAzBX2qQfdS0Mca9CAKBbAwB3oSi67VgALgOgoNIbRDCKMQglTUi97Ue3/nvZcZjbz369FoWZbHZVnKjPpJz++cW3bOfTjnZEqdJFREVFEUD0VRyJR2k1Brbcda+2mtlSmdR6PGmJYx5t4YIzN6M8aszIUy8yoznzHzMzP/MLNUNGTmHjNvMXPrD0pELSLaJ6IrIvoiIolsTER9IjokokURUUprfaO1HmutpYFetNY7qtvtSsMNVJ7n0nQqyzJpul90KW2KWiLhnwAAAABJRU5ErkJggg==);
}