@charset "utf-8";
/****************************************************************/
/********************** OYUNUS CUSTOM STYLES ********************/
/****************************************************************/

/*** MAIN CLASSES ***/
.displayNone,.nodisplay{display:none!important}
.noVisible{visibility:hidden !important}

.pLeft20{left:20px !important}
.pLeft20ar10{left:20px !important}

.noTop{top:0 !important}
.noMarginRight{margin-right:0!important}
.noMarginLeft{margin-left:0 !important}
.noMarginTop{margin-top:0!important}
.noMarginBottom{margin-bottom:0!important}
.noMargin{margin:0 !important}
.margin7{margin:7px !important}
.marginTop5{margin-top:5px !important}
.marginTop8{margin-top:8px !important}
.marginTop10{margin-top:10px !important}
.marginTop15{margin-top:15px !important}
.marginLeft5{margin-left:5px !important}
.marginLeft15{margin-left:15px !important}
.marginLeft18{margin-left:18px !important}
.marginLeft13{margin-left:13px !important}
.marginLeft10{margin-left:10px !important}
.marginLeft20{margin-left:20px !important}
.marginLeft20f5{margin-left:20px !important}
.marginLeft25{margin-left:25px !important}
.marginLeft25ar15{margin-left:25px !important}
.marginLeft80{margin-left:80px !important}
.marginRight3{margin-right:3px !important}
.marginRight10{margin-right:10px !important}
.marginRight20{margin-right:20px !important}
.marginRight20f10{margin-right:20px !important}
.marginRight30{margin-right:30px !important}
.margin0auto{margin:0 auto !important}
.noPadding{padding:0!important}
.noPaddingBottom{padding-bottom:0 !important}
.noPaddingTop{padding-to0p:0 !important}
.noPaddingLeft{padding-left:0 !important}
.noPaddingRight{padding-right:0 !important}
.padding10to0{padding:10px !important}
.padding5{padding:5px !important}
.borderLeftEEE{border-left:1px solid #eee;}
.noBorder{border:none !important}
.noBg{background:none !important}
.bgFFF{background:#FFF !important}
.bgF1{background:#F1F1F1!important}
.stat_blue{color:#00698C!important}
.stat_gray{color:#333!important}
.stat_green{color:#5BC99C!important}
.wellfit{-moz-border-radius:4px;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);-webkit-border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);background-color:#f5f5f5;border:1px solid rgba(221,221,221,1.0);border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);margin-bottom:0;min-height:20px}
a{color:#333;outline:0!important;text-decoration:none!important}
a:focus,a:active,input,select,textarea,.btn,button{outline:0!important}
input::-moz-focus-inner{border:0!important}
object,embed{outline:0!important}
.cgreen,.gr{color:#52A552!important}
.cred,.rd{color:#C03933!important}
.c333{color:#333 !important}
.bgF1{background:#F1F1F1 !important}
.borderBottomD{border-bottom:1px solid #DDD !important}
.textAcenter{text-align:center !important}
.textAleft{text-align:left !important}
.textAright{text-align:right !important}

.w38{width:38px !important}
.w75{width:75px !important}
.w75a75{width:75px !important}
.w75a76{width:75px !important}
.w95{width:95px !important}

/*** SCREEN ***/
body{padding-top:60px; padding-bottom:40px;  height:100%}
#container{background-image:url(../img/layout/panel_bg.png); padding-top:0}
#content{bottom:0; position:inherit}
.panel-content{border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#fff; margin:10px; padding:10px}
.panel-content2{border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#fff; margin:10px}
.panel-content3{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#fff; margin:0; margin-right:10px; padding:5px}
#page-header{margin:0; padding:10px; color:#666}
#page-name{color:#666; font-size:16px}
#menu-divider{margin:0; padding:0}
.nav{margin:10px; padding:0}
.nav li a{color:#000}

.navin{margin:11px 12px 0 12px; padding:0}
.navin a:hover{color:#000; background-color:#ededed}
.navinlang{margin:10px 0 0 0; padding:0}
.navinlang a:hover{color:#000; background-color:#ededed}
.navin li a{color:#000}

.mainmenu{margin:10px}
.span7 > .nav-pills > li > a{padding-right:12px; padding-left:12px; margin-right:2px; line-height:14px}

.side-menu{border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#fff; margin-left:0; margin-right:10px; margin-bottom:0}
.side-menu li{margin:0; padding:0; border-bottom:1px solid #ddd}
.side-menu li a{font-size:13px; margin:0 !important; padding-top:8px; padding-bottom:8px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#fff}
.side-menu > li:last-child{border-bottom:none}
.side-menu li a i{opacity:0.5!important}
.side-menu li a:hover > i{opacity:1!important}
.side-menu .nav-header{color:#666}
.bottom-menu{margin:0; border:none; border-bottom:1px solid #ddd; color:#ccc; background-image:none!important; background-color:#fff!important}

.bottom-menu a{padding-right:5px; padding-left:5px; color:#000}
.bottom-menu .bottomMenuTitle{font-weight:bold}
.form-search{border:1px solid #ccc; padding:2px; margin:5px}
#search-groups{font-size:12px; margin:0}
.nav .active a{background-color:#ededed!important; color:#333!important}
.game{margin:0 auto; text-align:center; padding-top:10px; padding-bottom:10px}
#copyright{color:#cdcdcd}
h2 small{font-size:12px; line-height:6px}
dd{margin-left:0}

.badge_oyunus{position:relative; min-width:2px; width:auto; height:18px; padding:2px 0; border-radius:3px 3px 3px 3px; -moz-border-radius:3px 3px 3px 3px; -ms-border-radius:3px 3px 3px 3px; -o-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; background:#E3E0D5; background:url("../img/bg_badge_oyunus.png") 50% 50% no-repeat; background:-moz-radial-gradient(circle, #F0EFEC, #E0DED1); background:-ms-radial-gradient(circle, #F0EFEC, #E0DED1); background:-o-radial-gradient(circle, #F0EFEC, #E0DED1); background:-webkit-radial-gradient(circle, #F0EFEC, #E0DED1); background:radial-gradient(circle, #F0EFEC, #E0DED1); border:1px solid #DDD; font-size:12px; line-height:16px}
.margin_badge_topMenu{margin:-4px -9px -4px 11px !important}
.badge_oyunus-inv{position:relative; min-width:2px; width:auto; height:18px; padding:2px 0; border-radius:3px 3px 3px 3px; -moz-border-radius:3px 3px 3px 3px; -ms-border-radius:3px 3px 3px 3px; -o-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; background:#FF8000; font-size:12px; color:#FFF !important; line-height:16px}
.badge_oyunus-invMenu{position:relative; display:inline-block;  margin-left:3px; margin-right:-10px; min-width:2px; width:auto; height:18px; padding:2px 0; border-radius:3px 3px 3px 3px; -moz-border-radius:3px 3px 3px 3px; -ms-border-radius:3px 3px 3px 3px; -o-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; background:#FF8000; font-size:12px; color:#FFF !important; line-height:16px}

.btm_oyns{color:#999 !important; text-decoration:none !important}
.btm_oyns a{color:#999 !important}
.btm_oyns a:hover{color:#333 !important}
.selected_lang a{color:#333 !important}

h1.h1modulein{font-size:12px;margin:10px;text-align:right;line-height:18px;background:none !important}
			
.messageContentBox{width:500px; background:#FFF; border:1px solid #CCC; padding:5px}	
.pinfoTip{font-style:italic; font-size:11px; margin:5px 0;}

/*** HOME-TERMS-PRIVACY ***/
.accHelp{font-style:italic;padding-top:5px;text-decoration:underline}
.btnwidth{width:75px!important}
.field{margin-top:5px;}
.field2{margin:5px 5px 0 5px; width:97%}
.homeImg{height:440px}
.ppcontent li{line-height:30px}
.ppcontent ul{padding:10px}
.register{margin:5px 1px 1px;opacity:1;padding:1px}
.register:hover{opacity:0.9;text-decoration:none}
.smallText{color:#999;font-size:13px}
.thumbnail{border:0;box-shadow:0 0 0}
.toucontent p,.toucontent li{line-height:30px}
.toucontent ul{padding:10px}
::-webkit-input-placeholder{font-style:italic}

.modUserAgreement{position:relative; line-height:20px; text-align: justify;}
ol.olUserAgreement li{font-weight:bold; padding:4px 3px;}
ol.olUserAgreement li ul li{padding:3px; font-weight:normal}

ul.ulunapproved{margin:-15px auto 0 auto; padding:3px 5px;}
ul.ulunapproved li{line-height:20px; padding:4px 0;}

.alertmod{padding:4px 3px 4px 3px; margin-bottom:0}
#regButton {padding-top:1px}
#regError {width:236px; text-align:center; padding-top:6px}
.jrline {margin:7px; padding:0; border-top-color:#ddd}



/*** LAYOUTS ***/
#fbplikebox{background-color:#fff;display:block;padding:0;position:fixed;z-index:100}
#iframe{z-index:1}
#welcome{color:#fff;font-size:14px;font-style:italic;margin:2px 0 0;padding:3px}
.fbplbadge{-moz-border-radius-bottomright:11px;-moz-border-radius-topright:11px;-webkit-border-bottom-right-radius:11px;-webkit-border-top-right-radius:11px;background-image:url("/img/facebookbadge.png");background-repeat:no-repeat;border-bottom-right-radius:11px;border-top-right-radius:11px;cursor:pointer;display:block;height:150px;margin-top:-47px;overflow:hidden;position:absolute;right:-47px;top:47px;width:47px}
.fbplbadge:hover{cursor:pointer}
.menucounter{margin-bottom:-5px!important;margin-top:-4px!important;min-width:25px!important;padding-bottom:0!important;padding-top:3px!important;text-align:center;width:25px!important}
.modal-footer{font-style:italic;padding:5px}
.panelMinHeight{min-height:608px}

.nav-pills > li > a.btn_challenge{padding:7px 12px; margin-top:2px; margin-bottom:2px; margin-right:2px; line-height:13px; /*background:url(../img/img_fbapp/bg_btn_orange27.png) repeat-x 0 0; color:#FFF !important;*/background:#F9F9F9; border:1px solid #EAEAEA; color:#FF7F00; font-weight:bold; font-size:13px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
.nav-pills > li > a.btn_challenge:hover{background:#EDEDED}
.nav-pills > li > a.btn_wgame{padding:7px 12px; margin-top:2px; margin-bottom:2px; margin-right:8px; line-height:14px; background:url(../js/jquery/plugins/collapsible/theme1/images/bg.jpg) repeat-x 0 0; border:1px solid #E3E3E3; color:#666; font-weight:bold; font-size:12px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
.nav-pills > li > a.btn_wgame:hover{background:#EDEDED; color:#000 !important;}

.nav-pills > .active > a.btn_challenge{padding:7px 12px; margin-top:2px; margin-bottom:2px; margin-right:2px; line-height:13px; /*background:url(../img/img_fbapp/bg_btn_orange27.png) repeat-x 0 0; color:#FFF !important;*/background:#EDEDED; border:1px solid #DDD; color:#FF7F00; font-weight:bold; font-size:13px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
.nav-pills > .active > a.btn_wgame{padding:7px 12px; margin-top:2px; margin-bottom:2px; margin-right:8px; line-height:14px; background:url(../js/jquery/plugins/collapsible/theme1/images/bg.jpg) repeat-x 0 0; border:1px solid #DDD; color:#666; font-weight:bold; font-size:12px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}


/*** Create Game ***/
.tblcreateGame{position:relative; width:98%; margin:0 auto}
.tblcgBox{background:#FFF; padding:5px}
.tblcgHalfBox{float:left; width:256px}
.tblcgHTriBox{float:left; width:160px}

/*** Account ***/
.accountsepline{border-left:1px solid #ccc;margin:5px;}
.btnUploadImage{width: 225px;margin-left: 140px;margin-top: 30px;}

/*** Design ***/
.listDesign{width:120px;float:left;margin:10px;height:90px;}

/*** ICONS ***/
span.icon-chat-offline{position:relative; display:inline-block; width:15px; height:15px; background:url(../../../img/icons_new/icon_y_offline.png) no-repeat 0 0}
span.icon-chat-online{position:relative; display:inline-block; width:15px; height:15px; background:url(../../../img/icons_new/icon_y_online.png) no-repeat 0 0}
span.icon-complain{position:relative; display:inline-block; width:15px; height:15px; background:url(../../../img/icons_new/icon_y_complain.png) no-repeat 0 0}
span.icon-complainChat{position:relative; display:inline-block; width:15px; height:15px; background:url(../../../img/icons_new/icon_y_complain.png) no-repeat 0 0}
span.icon-y-play{position:relative; display:inline-block; width:18px; height:18px; background:url(../../../img/icons_new/icon_y_play.png) no-repeat 0 0}
span.icon-y-play_mini{position:relative; display:inline-block; width:15px; height:15px; background:url(../../../img/icons_new/icon_y_play_mini.png) no-repeat 0 0}
span.icon_instant_mini{position:relative; display:inline-block; width:25px; height:15px; background:url(../../../img/icons_new/icon_instant_mini.png) no-repeat 0 0}
span.icon_flexible_mini{position:relative; display:inline-block; width:25px; height:15px; background:url(../../../img/icons_new/icon_flexible_mini.png) no-repeat 0 0}
i.icon_instant_mini2{position:relative; display:inline-block; width:15px; height:15px; background:url(../../../img/icons_new/icon_instant_mini-2.png) no-repeat 0 0}
i.icon_flexible_mini2{position:relative; display:inline-block; width:15px; height:15px; background:url(../../../img/icons_new/icon_flexible_mini-2.png) no-repeat 0 0}
span.icon-c-play{position:relative; display:inline-block; width:14px; height:14px; background:url(../../../img/icons_new/icon-c-play.png) no-repeat 0 0}
span.icon-hourglass{position:relative; display:inline-block; width:14px; height:14px; background:url(../../../img/icons_new/icon-hourglass.png) no-repeat 0 0}
span.icon-y-mobile{position:relative; display:inline-block; width:12px; height:16px; background:url(../../../img/icons_new/icon-y-mobile.png) no-repeat 0 0}
span.icon-y-editlist{position:relative; display:inline-block; width:21px; height:14px; background:url(../../../img/icons_new/icon_y_editlist.png) no-repeat 0 0}
span.icon-y-dellist{position:relative; display:inline-block; width:21px; height:14px; background:url(../../../img/icons_new/icon_y_dellist.png) no-repeat 0 0}
span.icon-y-unblock{position:relative; display:inline-block; width:14px; height:14px; background:url(../../../img/icons_new/icon_y_unblock.png) no-repeat 0 0}
span.icon-y-respond{position:relative; display:inline-block; width:14px; height:14px; background:url(../../../img/icons_new/icon_y_respond.png) no-repeat 0 0}
span.icon-y-comment{position:relative; display:inline-block; width:14px; height:14px; background:url(../../../img/icons_new/icon_y_comment.png) no-repeat 0 0}
span.icon-y-finish{position:relative; display:inline-block; width:14px; height:14px; background:url(../../../img/icons_new/icon_y_finish.png) no-repeat 0 0}

span.icon-user-add{position:relative; display:inline-block; width:16px; height:15px; background:url(../../../img/icons_new/icon_user-add.png) no-repeat 0 0}
span.icon-user-block{position:relative; display:inline-block; width:16px; height:15px; background:url(../../../img/icons_new/icon_user-block.png) no-repeat 0 0}
span.icon-user-unblock{position:relative; display:inline-block; width:16px; height:15px; background:url(../../../img/icons_new/icon_user-unblock.png) no-repeat 0 0}
span.icon-user-delete{position:relative; display:inline-block; width:16px; height:15px; background:url(../../../img/icons_new/icon_user-delete.png) no-repeat 0 0}
span.icon-user-editlist{position:relative; display:inline-block; width:16px; height:15px; background:url(../../../img/icons_new/icon_user-editlist.png) no-repeat 0 0}
span.icon-user-msg{position:relative; display:inline-block; width:16px; height:15px; background:url(../../../img/icons_new/icon_user-msg.png) no-repeat 0 0}
span.icon-user-respond{position:relative; display:inline-block; width:16px; height:15px; background:url(../../../img/icons_new/icon_user-respond.png) no-repeat 0 0}
span.icon-user-groupowner{position:relative; display:inline-block; width:16px; height:15px; background:url(../../../img/icons_new/icon_user-groupowner.png) no-repeat 0 0}
span.icon-user{position:relative; display:inline-block; width:16px; height:15px; background:url(../../../img/icons_new/icon_user.png) no-repeat 0 0}

span.icon-newsfeed-global{position:relative; display:inline-block; width:14px; height:14px; background:url(../../../img/icons_new/icon_newsfeed-global.png) no-repeat 0 0}
span.icon-newsfeed-global-ps{position:relative; display:inline-block; width:14px; height:14px; background:url(../../../img/icons_new/icon_newsfeed-global-pasive.png) no-repeat 0 0}

span.icon-newsfeed-friend{position:relative; display:inline-block; width:24px; height:14px; background:url(../../../img/icons_new/icon_newsfeed-friend.png) no-repeat 0 0}
span.icon-newsfeed-friend-ps{position:relative; display:inline-block; width:24px; height:14px; background:url(../../../img/icons_new/icon_newsfeed-friend-pasive.png) no-repeat 0 0}


/*** TAB CONTENTS ***/
.tabContent{top:9px;left:-4px;position:relative;width:456px;background:#EEE;border:1px solid #CCC;border-top:none!important;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;font-size:11px;margin:0!important;padding:5px}
.tabContent td{font-size:12px}
.tabContent th{font-size:11px;padding:5px}

.tabContentBin{top:-12px;left:-3px;position:relative;width:551px;background:#EEE;border:1px solid #CCC;border-top:none!important;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;font-size:11px;margin:0!important;padding:5px}
.tabContentBin td{font-size:12px}
.tabContentBin th{font-size:11px;padding:5px}

.tabContentBrepin{top:0;left:-3px;position:relative;width:552px;background:#EEE;border:1px solid #CCC;border-top:none!important;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;font-size:11px;margin:0!important;padding:5px}
.tabContentBrepin td{font-size:12px}
.tabContentBrepin th{font-size:11px;padding:5px}

.tabContentBBin{left:-3px;position:relative;width:572px;background:#EEE;border:1px solid #CCC;border-top:none!important;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;font-size:11px;margin:0!important;padding:5px}
.tabContentBBin td{font-size:12px}
.tabContentBBin th{font-size:11px;padding:5px}

.tabContentMain{top:9px;left:-4px;padding-top:5px;position:relative;width:100%;background:#EEE;border:1px solid #CCC;border-top:none!important;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;font-size:11px;margin:0!important}
.tabContentMain td{font-size:11px}

.tabContentGamesMain{-moz-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;background:#EEE;border:1px solid #CCC;border-radius:0 0 5px 5px;border-top:none!important;left:-4px;margin:0!important;padding:2px;position:relative;top:8px;width:466px}
.tabContentGamesMain p{padding:6px 5px;text-align:center;margin:0;}

.tabContentBgamesin{top:9px;left:-4px;position:relative;width:575px;background:#EEE;border:1px solid #CCC;border-top:none!important;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;margin:0!important;padding:5px 0}
.tabContentBgamesin td{font-size:12px}
.tabContentBgamesin th{font-size:12px;padding:5px}


/*** SLIDIN BUTTONS ***/
/* Oyunus Sliding Button*/
.a-btn{padding-left:/*7*/6px;
height:/*25*/20px;
display:inline-block;
position:relative;
float:left;
margin:0 0 5px 6px;
overflow:hidden;line-height:/*18*/12px;
text-align:center; 
text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align:middle;
cursor:pointer;
background-color:#f5f5f5;
*background-color:#e6e6e6;
background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
background-image:linear-gradient(top, #ffffff, #e6e6e6);
background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
background-repeat:repeat-x;
border:1px solid #cccccc;
*border:0;
border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color:#b3b3b3;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
filter:progid:dximagetransform.microsoft.gradient(enabled=false);
*zoom:1; 
-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear}

.a-btn-text{padding-top:4px;
padding-right:8px;
display:block;
font-size:12px;
white-space:nowrap;
color:#000;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;}

.a-btn-slide-text{position:absolute;
height:100%;
top:-1px;
right:-2px;
width:0px;
color:#000;
font-size:/*12*/11px;
white-space:nowrap;
text-align:center;
overflow:hidden;
line-height:/*23*/18px; 
background-color:#f5f5f5;
*background-color:#e6e6e6;
background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
background-image:linear-gradient(top, #ffffff, #e6e6e6);
background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
background-repeat:repeat-x;
border:1px solid #cccccc;
*border:0;
border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color:#b3b3b3;
-webkit-transition:width 0.3s linear;
-moz-transition:width 0.3s linear;
-o-transition:width 0.3s linear;
transition:width 0.3s linear}

.a-btn:hover{padding-right:/*70*/65px;
-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
text-decoration:none}

.a-btn:hover .a-btn-text{color:#000}

.a-btn:hover .a-btn-slide-text{width:/*70*/65px}

.a-btn:active{position:relative;
top:1px;
background:#E9E9E9;
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
border-color:#E9E9E9}


/* Oyunus Sliding Button Big*/
.a-btnB{padding-left:/*7*/6px;
height:/*25*/20px;
display:inline-block;
position:relative;
float:left;
margin:0 0 5px 6px;
overflow:hidden;line-height:/*18*/12px;
text-align:center; 
text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align:middle;
cursor:pointer;
background-color:#f5f5f5;
*background-color:#e6e6e6;
background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
background-image:linear-gradient(top, #ffffff, #e6e6e6);
background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
background-repeat:repeat-x;
border:1px solid #cccccc;
*border:0;
border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color:#b3b3b3;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
filter:progid:dximagetransform.microsoft.gradient(enabled=false);
*zoom:1; 
-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear}

.a-btn-text{padding-top:4px;
padding-right:8px;
display:block;
font-size:12px;
white-space:nowrap;
color:#000;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;}

.a-btn-slide-text{position:absolute;
height:100%;
top:-1px;
right:-2px;
width:0px;
color:#000;
font-size:/*12*/11px;
white-space:nowrap;
text-align:center;
overflow:hidden;
line-height:/*23*/18px; 
background-color:#f5f5f5;
*background-color:#e6e6e6;
background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
background-image:linear-gradient(top, #ffffff, #e6e6e6);
background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
background-repeat:repeat-x;
border:1px solid #cccccc;
*border:0;
border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color:#b3b3b3;
-webkit-transition:width 0.3s linear;
-moz-transition:width 0.3s linear;
-o-transition:width 0.3s linear;
transition:width 0.3s linear}

.a-btnB:hover{padding-right:/*70*/89px;
-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
text-decoration:none}

.a-btnB:hover .a-btn-text{color:#000}

.a-btnB:hover .a-btn-slide-text{width:/*70*/89px}

.a-btnB:active{position:relative;
top:1px;
background:#E9E9E9;
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
border-color:#E9E9E9}

/* Oyunus Sliding Button BigBig*/
.a-btnBB{padding-left:/*7*/6px;
height:/*25*/20px;
display:inline-block;
position:relative;
float:left;
margin:0 0 5px 6px;
overflow:hidden;line-height:/*18*/12px;
text-align:center; 
text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align:middle;
cursor:pointer;
background-color:#f5f5f5;
*background-color:#e6e6e6;
background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
background-image:linear-gradient(top, #ffffff, #e6e6e6);
background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
background-repeat:repeat-x;
border:1px solid #cccccc;
*border:0;
border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color:#b3b3b3;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
filter:progid:dximagetransform.microsoft.gradient(enabled=false);
*zoom:1; 
-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear}

.a-btn-text{padding-top:4px;
padding-right:8px;
display:block;
font-size:12px;
white-space:nowrap;
color:#000;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;}

.a-btn-slide-text{position:absolute;
height:100%;
top:-1px;
right:-2px;
width:0px;
color:#000;
font-size:/*12*/11px;
white-space:nowrap;
text-align:center;
overflow:hidden;
line-height:/*23*/18px; 
background-color:#f5f5f5;
*background-color:#e6e6e6;
background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
background-image:linear-gradient(top, #ffffff, #e6e6e6);
background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
background-repeat:repeat-x;
border:1px solid #cccccc;
*border:0;
border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color:#b3b3b3;
-webkit-transition:width 0.3s linear;
-moz-transition:width 0.3s linear;
-o-transition:width 0.3s linear;
transition:width 0.3s linear}

.a-btnBB:hover{padding-right:/*70*/105px;
-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
text-decoration:none}

.a-btnBB:hover .a-btn-text{color:#000}

.a-btnBB:hover .a-btn-slide-text{width:/*70*/105px}

.a-btnBB:active{position:relative;
top:1px;
background:#E9E9E9;
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
border-color:#E9E9E9}

/* Oyunus Sliding Button BBBK*/
.a-btnBBBK{padding-left:/*7*/8px;
padding-bottom:4px;
height:/*25*/20px;
display:inline-block;
position:relative;
float:left;
margin:4px 10px 5px 6px;
overflow:hidden;line-height:/*18*/12px;
text-align:center; 
text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align:middle;
cursor:pointer;
background-color:#f5f5f5;
*background-color:#e6e6e6;
background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
background-image:linear-gradient(top, #ffffff, #e6e6e6);
background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
background-repeat:repeat-x;
border:1px solid #cccccc;
*border:0;
border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color:#b3b3b3;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
filter:progid:dximagetransform.microsoft.gradient(enabled=false);
*zoom:1; 
-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear}

.a-btn-text{padding-top:4px;
padding-right:6px;
display:block;
font-size:12px;
white-space:nowrap;
color:#000;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;}

.a-btn-slide-text{position:absolute;
height:100%;
top:-1px;
right:-2px;
width:0px;
color:#000;
font-size:/*12*/11px;
white-space:nowrap;
text-align:center;
overflow:hidden;
line-height:/*23*/18px; 
background-color:#f5f5f5;
*background-color:#e6e6e6;
background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
background-image:linear-gradient(top, #ffffff, #e6e6e6);
background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
background-repeat:repeat-x;
border:1px solid #cccccc;
*border:0;
border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color:#b3b3b3;
-webkit-transition:width 0.3s linear;
-moz-transition:width 0.3s linear;
-o-transition:width 0.3s linear;
transition:width 0.3s linear;padding-top:2px}

.a-btnBBBK:hover{padding-right:/*70*/115px;
-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
text-decoration:none}

.a-btnBBBK:hover .a-btn-text{color:#000}

.a-btnBBBK:hover .a-btn-slide-text{width:/*70*/115px}

.a-btnBBBK:active{position:relative;
top:1px;
background:#E9E9E9;
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
border-color:#E9E9E9}


/* Oyunus Sliding Button Middle*/
.a-btnM{padding-left:/*7*/6px;
height:/*25*/20px;
display:inline-block;
position:relative;
float:left;
margin:0 0 5px 6px;
overflow:hidden;line-height:/*18*/12px;
text-align:center; 
text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align:middle;
cursor:pointer;
background-color:#f5f5f5;
*background-color:#e6e6e6;
background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
background-image:linear-gradient(top, #ffffff, #e6e6e6);
background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
background-repeat:repeat-x;
border:1px solid #cccccc;
*border:0;
border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color:#b3b3b3;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
filter:progid:dximagetransform.microsoft.gradient(enabled=false);
*zoom:1; 
-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear}

.a-btn-text{padding-top:4px;
padding-right:8px;
display:block;
font-size:12px;
white-space:nowrap;
color:#000;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;}

.a-btn-slide-text{position:absolute;
height:100%;
top:-1px;
right:-2px;
width:0px;
color:#000;
font-size:/*12*/11px;
white-space:nowrap;
text-align:center;
overflow:hidden;
line-height:/*23*/18px; 
background-color:#f5f5f5;
*background-color:#e6e6e6;
background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
background-image:linear-gradient(top, #ffffff, #e6e6e6);
background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
background-repeat:repeat-x;
border:1px solid #cccccc;
*border:0;
border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color:#b3b3b3;
-webkit-transition:width 0.3s linear;
-moz-transition:width 0.3s linear;
-o-transition:width 0.3s linear;
transition:width 0.3s linear}

.a-btnM:hover{padding-right:/*70*/77px;
-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
text-decoration:none}

.a-btnM:hover .a-btn-text{color:#000}

.a-btnM:hover .a-btn-slide-text{width:/*70*/77px}

.a-btnM:active{position:relative;
top:1px;
background:#E9E9E9;
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
border-color:#E9E9E9}