/********************************************************
*                    STRUCTURE
******************************************************* */

html{height:100%;background:#EEE url(//cdn.kanogames.com/kanogames/web_assets/images/official/bg.png);overflow:hidden;overflow-y:scroll;min-width: 960px;}
body{height:100%;position:relative;margin:auto}
/********************************************************
*                    HEADER
******************************************************* */

.header{min-width: 768px;height: 37px;top: -1px; z-index: 90;position: fixed;width: 100%;font-family: Helvetica, Arial,sans-serif;text-shadow: 0 1px 0 #333;font-weight: 700;-moz-border-radius: 0 1px;border-radius: 0 1px 0 1px;margin: 0;font-size:11px}
.main{position:absolute;top:0;height:100%;width:100%;margin:0;padding:0}
.search_bar {position: relative;display: inline-block; width: 20%; margin-left: 74px; top: 5px; float: left; -webkit-transition: .35s ease; -moz-transition: .35s ease; -ms-transition: .35s ease; -o-transition: .35s ease; transition: .35s ease;}
.search_bar.guest {right:50px}
.search_bar input {width: 166px;position: relative;top: 4px;left: 24px;border: none;box-shadow: none;font-size: 11px;font-weight: normal;-webkit-box-shadow: none;-moz-box-shadow:none;}
.search-type-button {text-transform: capitalize;width: 55px;position: absolute;z-index: 1;top: 2px;height: 16px;border-radius: 10px 10px 10px 10px;padding-top: 3px;padding-left: 15px;}
.search-arrow {cursor: pointer; position: absolute;top: 5px;left: 50px;z-index: 2;left: 51px;z-index: 2;" data-original-title="Chat-Bubble}
.search-icon {position: absolute;top: 5px;left: 75px;z-index: 2;z-index: 2;" data-original-title="Chat-Bubble}
#search_input {border: 1px solid #000 !important;padding-left: 70px;height: 17px !important;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;width:100%;top: 2px !important;}

.search_bar:hover input {border:none}

.search_bar:hover input:focus,.search_bar:hover textarea:focus { border:none; -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;  outline: 0;}

.header .kg_logo {height: 24px;width: 100px;background-position: 21px -82px;background-repeat: no-repeat;position: relative;top: 6px;display: inline-block;left: 10px;float:left}
.header_btn.notification_btn {width: 33px;height: 23px;background-position: -164px 0px;}
.header_btn.notification_btn:hover {background-position: -164px -23px;}
.header_btn.notification_btn:active {background-position: -164px -46px;}

.header_btn.user {width: 33px;height: 23px;background-position: -197px 0px;display: inline-block;float: right;position: relative;right: 20px;top: 6px;margin-left: 65px;}
.header_btn.user:hover {background-position: -197px -23px}
.header_btn.user:active  {background-position: -197px -46px;}

.header_btn.user {cursor:pointer}
.header .invite {position: absolute;right: 73px;top: 6px;line-height: 24px;color: #FFF;}
.header .invite:hover {text-decoration:none;color:#FFF}

#user-menu {right: 11px;top: 37px;text-shadow: none;}
#user-menu li {position: relative;font-weight: normal;color: #444;font-size: 12px;}
#user-menu li .icon {position: absolute;left: 14px;top: 9px;}
#user-menu li a,#user-menu li .text {display: block;padding-left: 38px;line-height: 32px;color: #666;text-decoration: none;cursor:pointer}

#xp-dd {right: 206px;top: 38px;}
#xp-dd .xp {color: white;position: relative;right: 4px;top: 5px; }
#xp-dd .gradient {height: 50px;margin: 0 4px;border-radius: 5px;text-align: center;
        background: rgb(112,112,112);
        background: -moz-linear-gradient(top, rgba(112,112,112,1) 0%, rgba(54,54,54,1) 50%, rgba(112,112,112,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(112,112,112,1)), color-stop(50%,rgba(54,54,54,1)), color-stop(100%,rgba(112,112,112,1)));
        background: -webkit-linear-gradient(top, rgba(112,112,112,1) 0%,rgba(54,54,54,1) 50%,rgba(112,112,112,1) 100%);
        background: -o-linear-gradient(top, rgba(112,112,112,1) 0%,rgba(54,54,54,1) 50%,rgba(112,112,112,1) 100%);
        background: -ms-linear-gradient(top, rgba(112,112,112,1) 0%,rgba(54,54,54,1) 50%,rgba(112,112,112,1) 100%);
        background: linear-gradient(to bottom, rgba(112,112,112,1) 0%,rgba(54,54,54,1) 50%,rgba(112,112,112,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#707070',GradientType=0 );
        box-shadow: inset 0px 0px 6px #000;
}
#xp-dd .icon {position: relative;top: 4px;left:0;}
#xp-dd .num {font-size: 16px;margin-right: 4px;}
#xp-dd .text {display: block;position: relative;top: 7px;color: #CCC;text-transform: uppercase;}

#search-menu {text-shadow: none;width: 300px;border: 1px solid #999;top: 30px; left:50%; margin-left:-90px;}
#search-menu li.title:hover {background:#FFF}
#search-menu li.title {font-weight: normal;color: #999;padding-left: 19px;line-height: 20px;}
#search-menu li .caret {position: relative;top: 9px;right: 6px;}
#search-menu li.list:hover {background:#FFF}
#search-menu li.loading-list .kg-btn-loading {position: relative;margin: auto;top: 0px;left: 138px;}

#search-games-list li {height: 36px;position: relative;cursor:pointer}
#search-games-list .name {position: absolute;left: 60px;top: 11px;color: #3A5898;}
#search-games-list .cat {position: absolute;right: 22px;top: 12px;font-size: 10px;font-weight: normal;color: #999;}
#search-games-list .no-games {background: white;color: #666;font-weight: normal;padding-left: 30px;line-height: 30px;}
#search-games-list .no-games:hover {background:#FFF}
#search-games-list li:hover {background: url(//cdn.kanogames.com/kanogames/web_assets/images/official/gradients_v16.png);background-position: 0 -229px;background-color: #3C72B8;}
#search-games-list li:hover .name,#search-games-list li:hover .cat {color:#FFF}
#search-games-list a {display: inline-block;width: 100%;height: 100%;}

#search-menu li img {position: absolute;width: 33px;top: 7px;left: 15px;border: 1px solid #555;}
.breadcrumb {height: 20px;position: fixed;top: 35px;width: 100%;background-position: 0 -56px;border-bottom: 1px solid #AAA;z-index: 20;padding-left: 98px;left: 0px;background-position: 0px -116px;background-repeat: repeat;min-width: 700px;}

.gp .breadcrumb {padding:0 0 0 98px}
.breadcrumb .icon {margin-right: 5px;position: relative;top: 2px;}
.breadcrumb a:hover, .breadcrumb a:visited, .breadcrumb a:link, .breadcrumb a:active
{
    color: #666;
    text-decoration: none;
}
.breadcrumb h3 {cursor: pointer;font-size: 9px;margin: 0px;color: #666;text-shadow: 1px 1px 0px white;position: relative;font-weight: bold;top: 3px;background-position: right -140px;display: inline-block;line-height: 19px;position: relative;top: 1px;padding: 0 40px;left: -22px;text-transform: uppercase;}
.breadcrumb h3:hover {background-position: right -162px;color:#3A5898}
.breadcrumb h3:active {background-position: right -184px;}
.breadcrumb h3.static {background-position: right -184px;cursor:default}
.breadcrumb h3.static:hover {background-position: right -184px; color: #666}
.breadcrumb h3.static:active {background-position: right -184px }


.breadcrumb h3._1 {z-index:10;}
.breadcrumb h3._2 {z-index:9;left:-50px}
.breadcrumb h3._3 {z-index: 8;left: -75px;}

.breadcrumb h4 {font-size: 11px;margin: 0px;color: #666;text-shadow: 1px 1px 0px white;position: relative;font-weight: bold;text-transform:uppercase;top:3px}.breadcrumb h4:hover {color: #3A5898;cursor:pointer}
.breadcrumb .caret {position: relative;top: 8px;left: 12px;}



.header ul.nav {color: #CBCBCB;text-shadow: 0 1px 0 #222;position: absolute;left: 165px;display: inline-block;top: 4px;font-size: 12px;}
.header ul.nav span {display: inline-block;width: 20px;position: relative;left: 10px;height: 15px;top: 4px;}
.header ul.nav li {float: left;margin: 0 15px;line-height: 29px;color: #CBCBCB;}
.header ul.nav .caret {border-top: 4px solid #CCC;left: 8px;opacity: 1;position: relative;top: 12px;}
.header ul.nav li:hover {color:#FFF;cursor:pointer}
.header ul.nav li:hover .caret{border-top: 4px solid #FFF;}
.header ul.nav li a{color:#CBCBCB;text-decoration:none}
.header ul.nav li a:hover {color:#FFF}


#dropdown-message {position: relative;top: 55px;display:none;z-index:20}
.cp #dropdown-message {display:none}

#subcat-menu {left: -60px;top: 25px;}
#sort-menu {left: 50%;margin-left: -80px;top: 25px;}

#game-sort {position: relative;margin: auto;width: 1345px;top: 5px}

#sort-filter-games {padding: 5px;min-width: 130px;text-align: center;position: relative;color: #666;}
#sort-filter-games .caret {position: absolute;top: 11px;right: 12px;}

#sort-filter-dd {position: absolute;width: 140px;text-align: center;border: 1px solid #999;z-index: 10000;top: -27px;border-radius: 5px;left: 94px;}
#sort-filter-dd li {padding:5px;border-top:1px solid #FFF;border-bottom:1px solid #FFF}
#sort-filter-dd li:hover {background:#EEE;cursor:pointer;border-top:1px solid #CCC;border-bottom:1px solid #CCC}


#category-menu {left: 158px;}
#rewards-menu {left: 320px;}
#social-menu {left: 229px;}
.header .dropdown-menu  li {position:relative}
.header .dropdown-menu  .icon {position: absolute;left: 8px;top: 4px;}
.header .dropdown-menu .link {color: #333;font-weight: normal;line-height: 27px;display: inline-block;width: 100%;height: 100%;text-shadow: none;padding-left: 30px;z-index: 2;}


#header-progress {background-position: 0px 0px;display: inline-block;width: 21px;height: 45px;float: right;position: relative;right: 85px;top: 0px;}

.dd-container {position: relative;z-index: 1;left: -80px;}

.login-btn {float: right;padding-right: 19px;line-height: 36px;cursor:pointer}
.login-btn .top-nav-divider {right: 78px;}
.login-btn .icon {position: relative;top: 3px;}
.login-btn .text {color: white;}


#header-signup {width: 110px;height: 20px;display: inline-block;float: right;margin-top: 7px;margin-right:15px;cursor:pointer;border-radius: 5px;border: 1px solid rgb(13, 65, 0);color: white;text-shadow: #377916 1px 1px 0px;text-align: center;line-height: 20px;
    background: #adff83; /* Old browsers */
    background: -moz-linear-gradient(top,  #adff83 0%, #90e168 5%, #72c64a 34%, #3b9c0e 95%, #4cba25 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#adff83), color-stop(5%,#90e168), color-stop(34%,#72c64a), color-stop(95%,#3b9c0e), color-stop(100%,#4cba25)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #adff83 0%,#90e168 5%,#72c64a 34%,#3b9c0e 95%,#4cba25 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #adff83 0%,#90e168 5%,#72c64a 34%,#3b9c0e 95%,#4cba25 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #adff83 0%,#90e168 5%,#72c64a 34%,#3b9c0e 95%,#4cba25 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #adff83 0%,#90e168 5%,#72c64a 34%,#3b9c0e 95%,#4cba25 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adff83', endColorstr='#4cba25',GradientType=0 ); /* IE6-9 */

}
#header-signup:hover {background: #b5ff84; /* Old browsers */
    background: -moz-linear-gradient(top,  #b5ff84 0%, #a0f171 5%, #57bf14 100%, #42ee04 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5ff84), color-stop(5%,#a0f171), color-stop(100%,#57bf14), color-stop(100%,#42ee04)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b5ff84 0%,#a0f171 5%,#57bf14 100%,#42ee04 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b5ff84 0%,#a0f171 5%,#57bf14 100%,#42ee04 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b5ff84 0%,#a0f171 5%,#57bf14 100%,#42ee04 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b5ff84 0%,#a0f171 5%,#57bf14 100%,#42ee04 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5ff84', endColorstr='#42ee04',GradientType=0 ); /* IE6-9 */
}
#header-signup:active {background: rgb(35,113,14);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzNzEwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMzI4NjE2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjM2M5NzE2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTYlIiBzdG9wLWNvbG9yPSIjM2M5YzE0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjM2Y5ZjFhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjYlIiBzdG9wLWNvbG9yPSIjM2Y5ZTFjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjM2Q5ZDE4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzclIiBzdG9wLWNvbG9yPSIjNDA5ZTE0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjNDZhMzIxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzklIiBzdG9wLWNvbG9yPSIjNTNiMDJlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODQlIiBzdG9wLWNvbG9yPSIjNGZiNTM4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODklIiBzdG9wLWNvbG9yPSIjNGZhZjMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjNjNiYzQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVhYmYzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgb(35,113,14) 0%, rgb(50,134,22) 5%, rgb(60,151,22) 11%, rgb(60,156,20) 16%, rgb(63,159,26) 21%, rgb(63,158,28) 26%, rgb(61,157,24) 32%, rgb(64,158,20) 37%, rgb(70,163,33) 42%, rgb(83,176,46) 79%, rgb(79,181,56) 84%, rgb(79,175,50) 89%, rgb(99,188,70) 95%, rgb(90,191,63) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(35,113,14)), color-stop(5%,rgb(50,134,22)), color-stop(11%,rgb(60,151,22)), color-stop(16%,rgb(60,156,20)), color-stop(21%,rgb(63,159,26)), color-stop(26%,rgb(63,158,28)), color-stop(32%,rgb(61,157,24)), color-stop(37%,rgb(64,158,20)), color-stop(42%,rgb(70,163,33)), color-stop(79%,rgb(83,176,46)), color-stop(84%,rgb(79,181,56)), color-stop(89%,rgb(79,175,50)), color-stop(95%,rgb(99,188,70)), color-stop(100%,rgb(90,191,63)));
    background: -webkit-linear-gradient(top,  rgb(35,113,14) 0%,rgb(50,134,22) 5%,rgb(60,151,22) 11%,rgb(60,156,20) 16%,rgb(63,159,26) 21%,rgb(63,158,28) 26%,rgb(61,157,24) 32%,rgb(64,158,20) 37%,rgb(70,163,33) 42%,rgb(83,176,46) 79%,rgb(79,181,56) 84%,rgb(79,175,50) 89%,rgb(99,188,70) 95%,rgb(90,191,63) 100%);
    background: -o-linear-gradient(top,  rgb(35,113,14) 0%,rgb(50,134,22) 5%,rgb(60,151,22) 11%,rgb(60,156,20) 16%,rgb(63,159,26) 21%,rgb(63,158,28) 26%,rgb(61,157,24) 32%,rgb(64,158,20) 37%,rgb(70,163,33) 42%,rgb(83,176,46) 79%,rgb(79,181,56) 84%,rgb(79,175,50) 89%,rgb(99,188,70) 95%,rgb(90,191,63) 100%);
    background: -ms-linear-gradient(top,  rgb(35,113,14) 0%,rgb(50,134,22) 5%,rgb(60,151,22) 11%,rgb(60,156,20) 16%,rgb(63,159,26) 21%,rgb(63,158,28) 26%,rgb(61,157,24) 32%,rgb(64,158,20) 37%,rgb(70,163,33) 42%,rgb(83,176,46) 79%,rgb(79,181,56) 84%,rgb(79,175,50) 89%,rgb(99,188,70) 95%,rgb(90,191,63) 100%);
    background: linear-gradient(to bottom,  rgb(35,113,14) 0%,rgb(50,134,22) 5%,rgb(60,151,22) 11%,rgb(60,156,20) 16%,rgb(63,159,26) 21%,rgb(63,158,28) 26%,rgb(61,157,24) 32%,rgb(64,158,20) 37%,rgb(70,163,33) 42%,rgb(83,176,46) 79%,rgb(79,181,56) 84%,rgb(79,175,50) 89%,rgb(99,188,70) 95%,rgb(90,191,63) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23710e', endColorstr='#5abf3f',GradientType=0 );}

#header-about {width: 90px;height: 22px;display: inline-block;float: right;margin-top: 7px;margin-right: 10px;cursor:pointer}
#header-about:hover {background-position: 0px -24px;}
#header-about:active {background-position:0px -48px}

#header-facebook-signin {display: inline-block;
width: 53px;
height: 22px;
position: absolute;
right: 208px;
top: 7px;
background-position: 0px -832px;
line-height: 22px;
color: white;
padding-left: 33px;
cursor:pointer}
/********************************************************
*                    LEFT MENU
******************************************************* */

.leftcol{position: fixed;float: left;width: 75px;background: white;z-index: 85;height: 100%;-moz-border-radius: 0 1px;border-radius: 0 1px 0 1px;border-right: 1px solid #CCC;top: 35px;margin: 0;}
/*
.gp .leftcol {display:none}
 .no-right .kano-ticker {display:none} */



#input-blocker{width:100%;height:100%;position:fixed;z-index:999999999}
#main-loading {height: 100%;background: #EEE url(//cdn.kanogames.com/kanogames/web_assets/images/official/bg.png) repeat;position: fixed;width: 100%;z-index: 15;top: 56px;}
#loading-gif {height: 98px;width: 97px;position: absolute;left: 50%;margin-left: -200px;top: 50%;margin-top: -50px;}
.gp #loading-gif {margin-left: -200px;}
.gp.no-right #loading-gif {margin-left: -70px;}

.centercol {position: relative}


/*
span#feedback_tab {bottom: 150px;left: 0;color: white;cursor: pointer;text-indent: -100000px;overflow: hidden;position: fixed;z-index: 100000;margin-left: -7px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;top: auto;}
span#feedback_tab.active,span#feedback_tab:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}

#feedback {position: fixed;bottom: -175px;left: 40px;z-index:3}
#feedback .icon {position: absolute;left: 268px;top: -3px;}
#feedback .blue_send .text{color: white;font-weight: bold;text-transform: uppercase;position: relative;top: 4px;left: 11px;}
#feedback .blue_send {position: absolute;bottom: 22px;right: 26px;}
#feedback textarea {resize: none;position: absolute;top: 42px;left: 35px;border: none;width: 235px;}
#feedback #feedback_response {position: absolute;top: 121px;display: inline-block;width: 140px;left: 36px;color: #79BA57;font-weight: bold;font-size: 11px;}
#feedback .title {color: #666;position: absolute;top: 17px;left: 36px;font-weight: bold;font-size: 12px;}
*/

.kano-ticker-initial-hide{display:none !important;}
#kano-ticker-hider{position:absolute;top:56px;right:311px;height:67px;width:32px;display:none;cursor:pointer;}
.frhd #kano-ticker-hider{position:absolute;top:186px;right:311px;height:67px;width:32px;display:none;cursor:pointer;}
.kano-ticker{position: inherit;right: 0;top: 0;height: 100%;width: 310px;border-left: 1px solid #CCC;border-bottom: 1px solid #CCC;background: white;z-index: 22;-webkit-transition: .35s ease; -moz-transition: .35s ease; -ms-transition: .35s ease; -o-transition: .35s ease; transition: .35s ease;}
.kano-ticker #global-feed {position: relative;top: 36px;width: 100%;height:100%}
.kano-ticker .title {text-align: center;width: 100%;line-height: 18px;color: #555;text-shadow: 0 1px 0 white;border: 1px solid #CCC;font-weight: 700;font-size: 11px;border-right: none;border-left: none;}
.kano-ticker .global-feed-title {width: 100%;line-height: 18px;color: #FFF;text-shadow: 0 1px 0 0a0d1a;border: 1px solid #CCC;font-weight: 700;font-size: 11px;border-right: none;border-left: none;}

.kano-ticker #global-feed li {font-size: 10px;position: relative;border-bottom: 1px solid #EEE;background: white;padding: 10px 50px;padding-right: 40px;min-height: 35px;}
.kano-ticker #global-feed li:hover{background:#FFF}
.kano-ticker #global-feed .feed_type{height:25px;width:25px;border:1px solid #CCC;position:relative;top:8px;left:8px}
.kano-ticker #global-feed .icon {position: absolute;right: 16px;top: 8px;}
.kano-ticker #global-feed .feed_game:hover{text-decoration:underline}

.kano-ticker #global-feed .feed-time-diff {text-align: right;color: #ACACAC;position: relative;top: 6px;font-size: 9px;position: relative;left: 21px; clear:both;}
.kano-ticker #global-feed .rounded-img.feed_user {position: absolute;left: 8px;top: 11px;height: 34px;width: 34px;background:#CCC}
.kano-ticker #global-feed .rating {position: relative;right: 0;top: 2px;}
.kano-ticker #global-feed .feed_robot_thumb{height:32px;width:32px;margin-left:5px;margin-top:5px}
.kano-ticker #global-feed .feed_body{padding:5px}

.kano-ticker #profile-info {position: relative;top: 36px;display: none;}
.kano-ticker #profile-info li{margin-bottom:0.8px;line-height:30px;text-align:center;background-color:#FFF;color:#999;font-size:12px;border-bottom:1px solid #EEE}
.kano-ticker #profile-info .dark-header-gradient{text-align:center;width:100%;line-height:24px;color:#EEE;font-weight:700;text-shadow:0 1px 0 #444;position:relative;border-bottom:1px solid #000;}
.kano-ticker #profile-info .icon{position:relative;top:3px;left:10px;}
.kano-ticker #profile-info .plus{left:6px;font-size:22px;position:relative;top:2px;color:#666}

.kano-ticker #chat_summary {width: 100%;bottom: 0px;background: white;border-top: 1px solid #CCC;padding-bottom: 5px;position: relative;}

.header .border-top{height:1px;background:#999;position:absolute;top:1px;width:100%;left:0}
#game_search{color: #666;font-size: 11px;border: none;position: relative;top: -8px;left: -9px;width: 108px;height: 10px;border-color: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;outline: 0;outline: none;}

#weekly_and_news {position: absolute;bottom: 0px;width:100%}
.news_chat_link {text-align: center;font-size: 15px;font-weight: bold;display: block;}

#news_summer_content_container {position: relative;margin: auto;padding-top: 6px;}

/*
.top-nav-divider.by-title{left:245px}
.top-nav-divider.by-login{right:115px}
.top-nav-divider.by-notification{left: 312px}
.top-nav-divider.by-you{right:93px}
.top-nav-divider.by-switch{left:166px}
*/

.kano-switch{position:absolute;left:183px;top:13px}

.kano-notifications {position: absolute;top: 6px;left: 124px;}
.notification-count{float:left !important;list-style:none}
.notification-bubble {height: 18px;padding-right: 8px;position: absolute;top: -3px;left: 27px;z-index: 3;display:none}
.notification-bubble span {color: white;line-height: 18px;padding-left: 7px;font-size: 10px;display: inline-block;}
.notification-dd {width: 295px;position: absolute;left: 109px;top: 30px;z-index: 1;text-shadow: none;}
.notification-dd .arrow-border {position: relative;left: 21px;}
.notification-dd .arrow {left: 22px;top: 2px;position: absolute;}
.notification-list {background: white;border: 1px solid #666;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);box-shadow: 0 1px 9px rgba(0, 0, 0, 0.4);}
.notification-list .loading {height: 70px;width: 100%;position: relative;background-position: center center;left:0px;top:0px}
 .notification {padding: 10px 0 14px 0;border-top: 1px solid #EEE;position: relative;min-height: 30px;}
.notification-list .notification:hover {background:#FFFEEC}
.notification-list .msg {font-size: 12px;color: #777;vertical-align: top;font-weight: normal;position: relative;top: 0px;width: 195px;display: inline-block;margin-left: 50px;}
.notification-list .msg a {vertical-align: top;font-weight: bold;}
.notification-dd .title {text-shadow: none;color: #666;font-size: 12px;line-height: 25px;padding-left: 23px;}
.notification-dd .ts {display: block;text-align: right;padding-right: 10px;font-size: 10px;color: #CCC;position: relative;bottom: -10px;right: 1px;text-decoration: underline;}
.notification img {position: absolute;left: 0px;top: 10px;border-radius: 5px;margin: 0 10px;width: 27px;}
.notification .gloss {position: absolute;left: 0.9px;top: 10px;width: 26px;height: 26px;border: 1px solid black;z-index: 1;}
.notification-dd .see-all-notifications {text-align: center;display: block;line-height: 22px;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;border-top: 1px solid #CCC;}
.notification-dd .icon {position: absolute;right: 13px;top: 12px;}
.notification-dd .reward {position: relative;left: 38px;top: 4px;color: #666;}
.notification-dd .reward .icon {position: relative;right: 0px;top: 4px;margin: 0 3px 0 11px;}

.kano-coins {position: relative;color: white;float: right;right: 95px;top: 6px;}
.kano-coins .icon {position: relative;top: 4px;}
.kano-level {position: absolute;top: 4px;right: 152px;color: white;font-size: 11px;float: right;}
.kano-level .icon {position: relative;top: 6px;}
#kano-user {float: right;position: relative;right: 74px;top: 4px;margin-right: 69px;z-index: 1;width: 29px;}
#kano-user-link {height: 35px;width: 31px;background-position: 0px -463px;position: absolute;right: 240px;z-index: 202;top: 0px;}
.kano-level img {left: -110px;position: absolute;top: -17px;}
.kano-level-title {position: relative;top: -5px;}
.kano-level-count {position: relative;right: 38px;top: 6px;}
.kano-xp{position:absolute;top:30px;right:150px;color:#FFF}
.kano-progress{display:inline-block;height:70px;position:absolute;width:34px;top:-30px;left:-5px}
.kano-xp-title{font-family:Helvetica, Arial,sans-serif;text-shadow:0 1px 0 #333;font-weight:700;position:relative;top:-20px;left:31px;font-size:11px}
.kano-xp-count{position:absolute;right:-24px;font-size:10px;top:3px;font-weight:700}
.kano-you,.kano-login{color:#FFF;position:absolute;top:1px;right:22px;width:111px;height:52px;cursor:pointer}
.kano-you span,.kano-login span{display:block;color:#FFF;font-weight:700;text-align:center;position:absolute;top:20px;left:62px}
.kano-you .icon.you,.kano-login .icon.you{position:absolute;top:21px;left:36px}
.kano-you .icon.down-arrow,.kano-login .icon.down-arrow{position:absolute;top:24px;right:-6px}
.kano-dropdown-arrow-border{position: relative;bottom: -33px;left: 154px;border-bottom: 11px solid #666;border-left: 11px solid transparent;border-right: 11px solid transparent;font-size: 0;line-height: 0;width: 0;}
.kano-dropdown-arrow{position:relative;bottom:-25px;left:155px;border-bottom:10px solid #FFF;border-left:10px solid transparent;border-right:10px solid transparent;font-size:0;line-height:0;width:0;z-index:1}
.kano-arrow{border-bottom:10px solid #FFF;border-left:10px solid transparent;border-right:10px solid transparent;font-size:0;line-height:0;width:0;z-index:1}

.kano-dropdown{width: 194px;height: 286px;position: fixed;right: 22px;top: 12px;display:none}
.kano-dropdown .tab{height:43px;width:30px;background:#FFF;border:1px solid #CCC;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0; position:absolute;right:-2px;border-bottom:none;z-index:2}
.kano-dropdown ul{background: white;position: absolute;width: 100%;top: 43px;border: 1px solid #999;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius: 5px;-webkit-box-shadow: 0 0 4px 0px #CCC;-moz-box-shadow: 0 0 4px 0px #CCC;box-shadow: 0 0 4px 0px #CCC;}
.kano-dropdown li{text-shadow:none;border-top:1px solid #EEE;position:relative}
.kano-dropdown li img{top:11px;left:12px;position:absolute;border:1px solid #505050;width:32px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background:#FFF}
.kano-dropdown li.you{border-top: none;padding: 28px;color: #464646;-webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;border-radius: 5px 5px 0 0;}
.kano-dropdown li.you .you-username{position: absolute;font-weight: bold;left: 59px;padding: 0px;top: -3px;}
.kano-dropdown li.you .you-level{color:#999;font-size:11px;font-weight:bold;position:absolute;top:30px;left:59px}
.kano-dropdown a{text-decoration: none;line-height: 45px;display: block;color: #5E5E5E;padding: 0 25px 0 50px;}
.kano-dropdown li:hover{background-color:#F4F7FC;cursor:pointer}
.kano-dropdown li:hover a{color:#3B5997}
.kano-dropdown li.you:hover{background-color:#FFF;color:#787878;cursor:default}
.kano-dropdown li.logout{-webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px;border-radius: 0 0 5px 5px;}
.kano-dropdown .icon{position: absolute;top: 16px;left: 20px;}
.kano-dropdown .icon.down-arrow{position:absolute;top:17px;left:9px}

/* Hover Dropdown Icons ->blue  */

.kano-dropdown li.profile:hover .icon{background-position:-207px -175px}
.kano-dropdown li.account-settings:hover .icon{background-position:-207px -98.6px}
.kano-dropdown li.logout:hover .icon{background-position:-207px -194.6px}
.kano-dropdown li.help:hover .icon{background-position:-207px -271px}

/********************************************************
*                    FOOTER
******************************************************* */

.footer ul{list-style:none;margin:0;padding:0;font-size: 10px;}
.footer li{display:inline;float:left;padding:5px 10px}

.kno-rght-ft{
    display: inline-block;
    vertical-align: middle;
    padding: 10px 4px;
    font-size: 1.5em;
    font-weight: 700;
}

.kno-rght-ft .icon {
position: relative;
top: 4px;
margin: 0 13px;
}
.kno-rght-ft-txt{
    font-size: 1.6em;
    font-weight: 700;
    border-right: 1px #ccc solid;
    padding: 10px;
}
.kno-new-rght-wrp{
    width: 100%;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    background-color: #fff;
}

.leftcol ul{list-style:none;position:relative;margin:0;padding:0}
/*
.leftcol li{position:relative;height:27px;background-color:#FFF;cursor:pointer}
.leftcol li:hover{background-color:#f3f5f9}
.leftcol .icon {position: relative;top: 6px;left: 16px;}
.leftcol li .title{position:absolute;top:1px;text-decoration:none;font-size:13px;color:#4A545B;display:block;width:129px;text-shadow:0 1px 0 #FFF;padding:5px 4px 9px 45px}
*/

/* UPDATE  APR 2013*/
.leftcol li{
    text-align: center;
    text-transform: capitalize;
}
.leftcol .icon{
    display: block;
    margin: 3px auto;
}

.lft-col-mnu-itm, .lft-col-mnu-itm-nosub, .lft-col-mnu-itm-adpt{
    display: block;
    border-bottom: 1px #ccc solid;
}

li a.title {
    display: block;
    padding: 3px 0;
}

.kno-adapt-mnu a{
    width: 100%;
    height: 100%;
}

.leftcol a{
    text-decoration: none;
    color: #6d6d6d;
}

/* FOOTER */
.kno-new-footer{
    width: 700px;
    margin: auto;
    padding: 10px;
}

.kno-new-footer li{
    display: inline-block;

}


#left-col-fr3 {
    color: #6d6d6d;
}
/* LEFT MENU HOVER */

#left-column-hover {
    z-index: 9999;
    position: absolute;
    left: 82px;
    background-color: #fff;
    width: 143px;
    border-radius: 3px;
    display: none;
    border: 1px #999 solid;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
#lft-hov-cntnt {
    position: relative;
}

#lft-hov-cntnt .icon {
    display: inline-block;
    position: relative;
    top: 3px;
    margin: 0;
}

#lft-hov-cntnt a {
    font-weight: bold;
    line-height: 30px;
    z-index: 1;
    color: #3A5898;
    display: block;
    padding-left: 15px;
}

#lft-hov-cntnt a:hover{
    text-decoration: underline;
}

.kno-lft-col-sub-mnu  div{
    padding: 4px 0;
}

div.t-bdr{
    border-top: 1px #ccc solid;
    z-index:123;
    position: relative;
    top: -2px;
    left:-5px;
    width: 90px;
}

.lft-col-mnu-itm.kno-new-blue  div.t-bdr, .lft-col-mnu-itm-nosub.kno-new-blue  div.t-bdr{
    border-color: transparent;
}

#adpt-list-wrp{
    padding: 5px;
}
#kno-adpt-hover{
    z-index: 9999;
    position: absolute;
    left: 82px;
    top: 744px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    display: inline-block;
    border-radius: 5px;
    border: 1px #999 solid;
    display: none;
    visibility: hidden;
    width: 110px;

}

#kno-adpt-hover ul {
overflow: inherit;
display: inline-block;
margin-top: 3px;
}

.kno-adapt-mnu{
    display: none;
    float:left
}


#kno-adpt-hover li {
    border: 0;
}

li.kno-adapt-mnu a.title {
    margin-top: -2px;
    line-height: 40px;
    width: 85px;
    text-align: center;
    padding: 0;
}

li.kno-adapt-mnu .icon {
    position: relative;
    top: 10px;
}

/* LEFT COLUMN SUB MENUS */
.kno-lft-col-sub-mnu{
    display: none;
}
.arrow.new-lft{
    position: absolute;
    z-index: 10;
    top: 18px;
    left: -16px;

    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;

    border-right:6px solid white;
}
.arrow-border.new-lft{
    position: absolute;
    left: -18px;
    top: 17px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;

    border-right:7px solid #666;
}

.arrow-border.new-lft.arw-flipped{
    position: absolute !important;
    left: -18px;
    top: auto;
    bottom: 19px;
}
.arrow.new-lft.arw-flipped{
    position: absolute !important;
    left: -16px;
    top: auto;
    bottom: 20px;
}

#selected-arrow{
    position: absolute;
    z-index: 10;
    top: -10px;
    left: 70px;

    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;

    border-right:6px solid #eee;
}

.kno-new-blue{
    background: #224f8a;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyNGY4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjI0Zjg2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiMyNDRlOGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iIzI0NGU4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjOGViZGYzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMyUiIHN0b3AtY29sb3I9IiM4ZGJjZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0JSIgc3RvcC1jb2xvcj0iIzcyYTNkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjNzRhNWRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjMjE1MDg2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjMjI0Zjg2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #224f8a 0%, #224f86 0%, #244e8a 1%, #244e8a 2%, #8ebdf3 2%, #8dbcf0 3%, #72a3db 4%, #74a5dd 5%, #215086 98%, #224f86 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#224f8a), color-stop(0%,#224f86), color-stop(1%,#244e8a), color-stop(2%,#244e8a), color-stop(2%,#8ebdf3), color-stop(3%,#8dbcf0), color-stop(4%,#72a3db), color-stop(5%,#74a5dd), color-stop(98%,#215086), color-stop(99%,#224f86));
    background: -webkit-linear-gradient(top,  #224f8a 0%,#224f86 0%,#244e8a 1%,#244e8a 2%,#8ebdf3 2%,#8dbcf0 3%,#72a3db 4%,#74a5dd 5%,#215086 98%,#224f86 99%);
    background: -o-linear-gradient(top,  #224f8a 0%,#224f86 0%,#244e8a 1%,#244e8a 2%,#8ebdf3 2%,#8dbcf0 3%,#72a3db 4%,#74a5dd 5%,#215086 98%,#224f86 99%);
    background: -ms-linear-gradient(top,  #224f8a 0%,#224f86 0%,#244e8a 1%,#244e8a 2%,#8ebdf3 2%,#8dbcf0 3%,#72a3db 4%,#74a5dd 5%,#215086 98%,#224f86 99%);
    background: linear-gradient(to bottom,  #224f8a 0%,#224f86 0%,#244e8a 1%,#244e8a 2%,#8ebdf3 2%,#8dbcf0 3%,#72a3db 4%,#74a5dd 5%,#215086 98%,#224f86 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#224f8a', endColorstr='#224f86',GradientType=0 );
}

.selected.kno-new-blue a{
    color: #fff;
    text-shadow: 1px 1px #101f34;
}

.leftcol li:hover{
    background-color: #f3f5f9;
}

.kno-hide-ticker{
    display: none;
}




/*.leftcol ul.menu-features,.leftcol ul.menu-categories{z-index:2}
.leftcol #menu-favorites a{padding:0}
.leftcol .icon.sticky-favorite {position: absolute;left: 148px;top: 2px;display: none;}
.leftcol li.sticky .icon.sticky-favorite{display:block}
.leftcol li.no-favs {height:100px}
.leftcol li.no-favs:hover {background:#FFF}
.leftcol li.guest {height:100px}
.leftcol li.guest:hover {background:#FFF}
.leftcol li.gradient.blue{border:1px solid #234E88;border-left:none;height:25px}
*/


#more-footer {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border: none;min-width: 0;width: 153px;top:0px}
#more-footer li {font-size: 10px;width: 166px;height: 16px;}
#more-footer.dropdown-menu::before {border:none}
#more-footer.dropdown-menu::after {border:none}


#left-footer {position: absolute;bottom: 33px;border-top: 1px solid #CCC;padding-top: 5px;text-align: center;width: 100%;background: white;padding-bottom: 15px;z-index: 2;}
#left-footer span {position: relative;bottom: 1px;font-size: 11px;font-weight:normal;display: inline;}
#left-footer a {font-size: 11px;}
#left-footer .dot{font-size: 16px;position: relative;bottom: 2px;}
#left-footer .title {color:#666;display:block}
#left-footer .dropdown-toggle {top: 1px;}


/**********************************
*          LEFT MENU FAVORITES
/*********************************/
.menu-title.gradient{border: 1px solid #C8CED2;color: #7B92A3;font-weight: 700;text-shadow: 0 1px 0 white;font-size: 11px;line-height: 23px;height: 19px;border-right: none;}
.game-search{margin-left:34px;margin-top:12px;width:120px;border:0}

/*******************************************************
*                    UTILITIES
******************************************************* */

.rating-stars{background:url(//cdn.kanogames.com/kanogames/web_assets/images/icons/rating.png) no-repeat;width:85px;height:15px;margin:0}
.round-box{background:#FFF;border:1px solid #999;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 1px 1px #E0E0E0;-moz-box-shadow:0 0 1px 1px #E0E0E0;box-shadow:0 0 1px 1px #E0E0E0}
.round-box .gradient-header {padding-top: 1px; text-shadow: 0 1px 0 white;line-height: 31px;-mox-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;border-radius: 5px 5px 0 0;border-bottom: 1px solid #CCC;}
.round-blue-box{border:1px solid #CCC;background:#F3F7F8;-webkit-border-radius: 7px;-moz-border-radius:7px;border-radius:7px}
.round-left-box{background:#FFF;border-left:1px solid #999;border-top:1px solid #999;border-bottom:1px solid #999;-moz-border-radius-topleft:5px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;-webkit-box-shadow:0 1px 2px 0 #CCC;-moz-box-shadow:0 1px 2px 0 #CCC;box-shadow:0 1px 2px 0 #CCC}
.kano-input {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border: 1px solid #BBB;background: #F6F6F6;-webkit-box-shadow: inset 0px 2px 1px #EEE;-moz-box-shadow: inset 0px 2px 1px #EEE;box-shadow: inset 0px 2px 1px #EEE;font-size: 14px;font-weight: 400;color: #666;padding: 5px;}
.kano-input:focus{-moz-box-shadow:0 0 1px 0.9px #2F8DE4;-webkit-box-shadow:0 0 1px 0.9px #2F8DE4;box-shadow:0 0 1px 0.9px #2F8DE4;border:1px solid #2F8DE4}
.link {color: #3A5898;cursor:pointer}
.link:hover {text-decoration: underline;}
.img-link {display: inline-block;text-decoration:none}

.arrow-border {border-bottom: 11px solid #666;border-left: 11px solid transparent;border-right: 11px solid transparent;font-size: 0;line-height: 0;width: 0;z-index: 1;}
.arrow {border-bottom: 10px solid white;border-left: 10px solid transparent;border-right: 10px solid transparent;font-size: 0;line-height: 0;width: 0;z-index: 1;}
.bottom .arrow {border-bottom:none;border-top: 10px solid white;border-left: 10px solid transparent;border-right: 10px solid transparent;}
.bottom .arrow-border{border-bottom:none;border-top: 11px solid #666;border-left: 11px solid transparent;border-right: 11px solid transparent;}

.disabled {cursor:default; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}

.well {padding: 19px;margin-bottom: 20px;background-color: whiteSmoke;border: 1px solid #EEE;border: 1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);}
.well.error {color: #666;background-color: #FBF5E6;text-align:center;padding:5px;color:#666}
.well.success {color: #666;background-color: #EEF3E2;text-align:center;padding:5px}

input:focus, textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

}

input, textarea {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

input,
textarea,
select,
.uneditable-input {
  display: inline-block;
  margin-bottom: 9px;
  font-size: 13px;
  color: #555555;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/************************************************************
*                       Page Not Found
*************************************************************/
.page-not-found .page-not-found-frame{width:576px;height:100%;margin-top:7px}
.page-not-found h3{font-size:18px;color:#000;font-weight:700}
.page-not-found p{font-size:14px;color:#666;padding-top:15px}
.page-not-found .page-not-found-robot{background:url(//cdn.kanogames.com/kanogames/web_assets/images/official/404_kanobot.png);background-repeat:no-repeat;display:block;border:0 solid red;height:243px;width:204px;position:absolute;top:-24px;left:20px}
.page-not-found .page-not-found-text{border:0 solid green;display:block;width:316px;margin:30px 0 10px 237px}
.page-not-found-btn-text{display:inline-block;line-height:27px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#505050;margin-right:9px;font-size:12px;border:1px solid #666;background-position:0 82px;margin-top:30px;width:99px;font-weight:700;text-align:center;padding:1px 10px}
.page-not-found-reasons{width:500px;border-image:initial;margin:10px auto;padding:20px}
.page-not-found-reasons ul{margin-left:40px}
.page-not-found-reasons ul li{list-style-type:square;padding:5px 0}
.page-not-found-reasons strong{font-size:18px}
.page-not-found-reasons p{margin-button:20px;padding:5px}








/********************************************************
*                 Developer Overlay Styles
******************************************************* */

.developer-overlay .developer-overlay-footer{top: 340px;position: relative;height: 70px;background: #ECF3F4;text-align: right;border-top: 1px solid #DFE4E9;}
.developer-overlay .developer-overlay-footer-btn-text{display:inline-block;line-height:27px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:12px;border:1px solid #666;width:148px;font-weight:700;text-align:center;margin:20px 10px 0 0;padding:1px 10px}
.developer-overlay-a{text-decoration:none;font-size:16px;font-weight:700}
.page-help .page-help-frame{width:633px;height:100%;margin-top:7px}
.page-help h3{font-size:18px;color:#666;position:relative;top:0;margin-bottom:10px}
.page-help .gradient-header{text-shadow:0 1px 0 #FFF;line-height:31px;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;border-bottom:1px solid #CCC;color:#666;font-size:14px;padding-left:26px}
.page-help-title{border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;height:30px;color:#3A5898;font-weight:700;font-size:14px;cursor:pointer;margin:10px;padding:18px 0 0 20px}
.page-help-title .page-help-arrow{width:15px;height:15px;display:block;float:right;margin:0 14px 0 0}
.page-help-text{margin:-10px 15px 10px}
.page-help-text-title{font-weight:700;color:#333;padding:16px 10px 10px}
.page-help-text-body{color:#666;padding:10px}
.page-help-text-body p{line-height:18px;margin-bottom:5px}



/********************************************************
*                  Rightside Feed Scrollbar
******************************************************* */

#rightside_feed_scrollbar {clear: both;height: 100%;}
#rightside_feed_scrollbar .viewport {height: 500px;overflow: hidden;position: relative;}
#rightside_feed_scrollbar .overview{list-style: none;position: absolute;}
#rightside_feed_scrollbar .scrollbar{position: relative;right:0; z-index: 3333;width: 15px;top: 1px;left: 2px;float: right;}
#rightside_feed_scrollbar .thumb .end, #rightside_feed_scrollbar .thumb {background-color: #999;-webkit-border-radius: 65px;-moz-border-radius: 65px;border-radius: 65px;width: 8px;}
#rightside_feed_scrollbar .thumb{height:60px;width:7px;cursor:default;overflow:hidden;position:absolute;top:0}
#rightside_feed_scrollbar .thumb .end{overflow:hidden;height:5px;width:8px}
#rightside_feed_scrollbar .track{height:100%;right:0;width:8px;position:relative;left:2px;background-color: #EFEFEF;}

.outer-wrap,.inner-wrap{position:absolute;top:0;text-align:left;height:100%;width:100%}
.center-content, .breadcrumb-box {position: relative;width: 100%;padding-top: 70px;}
.kano-ticker #global-feed a,.game-page .game-comments a{color:#3A5898;font-weight:700;text-decoration:none}
.kano-ticker #global-feed .feed_user, .kano-ticker #global-feed .action {color: #5E5E5E;position: relative;}
.kano-ticker #global-feed .feed_user:hover {text-decoration:underline}
.kano-ticker #global-feed .blue-star-icon-pos{position: relative!important; top: 5px!important; left: -2px!important;}
.kano-ticker #global-feed .coins-icon-pos{margin-left: 6px;position: relative!important; top: 3px!important; left: -2px!important;}
.kano-ticker #global-feed .reward{margin-top: 5px;float: left;}
.kano-ticker #global-feed .image_wrapper {margin-top: 5px; height: 80px; display: inline-block; position: relative; }

.kano-ticker #profile-info .num,.game-page .current-session li .num{font-size:14px;font-weight:bold;position:relative;top:0px;color:#666;padding:0px}
/*.gp .header,.gp .kano-breadcrumbs{position:fixed} */
.leftcol li.selected .t-bdr,#rightside_feed_scrollbar .disable{display:none}
.game-page .activity-box .share_game span.btn_style,.game-page .game-social-plugins-container .share_game span.btn_style{padding-left:39px}
.game-page .activity-box .share_game .icon,.game-page .game-social-plugins-container .share_game .icon{background-position:-2px -81px;position:relative;right:30px;top:1px}
.game-page .activity-box .share_game .text,.game-page .game-social-plugins-container .share_game .text{position:relative;right:15px}
.page-not-found, .page-help {padding-bottom: 80px;position: relative;left: 200px;}
.page-not-found-btn-text a,.developer-overlay .developer-overlay-footer-btn-text a{text-decoration:none}

.global-feed-title {line-height: 30px !important; }

.blue-header-gradient {
    cursor: pointer;
    border: 1px solid #000 !important;
    background: #46558e; /* Old browsers */
    background: -moz-linear-gradient(top,  #46558e 0%, #313a61 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46558e), color-stop(100%,#313a61)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #46558e 0%,#313a61 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #46558e 0%,#313a61 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #46558e 0%,#313a61 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #46558e 0%,#313a61 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46558e', endColorstr='#313a61',GradientType=0 ); /* IE6-9 */
    color:#FFF;
}
.blue-header-gradient a {color:#FFF}

.blue-mod-button-gradient {
    cursor: pointer;
    border: 1px solid #000 !important;
    background: #46558e; /* Old browsers */
    background: -moz-linear-gradient(top,  #46558e 0%, #313a61 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46558e), color-stop(100%,#313a61)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #46558e 0%,#313a61 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #46558e 0%,#313a61 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #46558e 0%,#313a61 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #46558e 0%,#313a61 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46558e', endColorstr='#313a61',GradientType=0 ); /* IE6-9 */
    color:#FFF;
}

.blue-mod-button-gradient:hover {
    cursor: pointer;
    border: 1px solid #000 !important;
    background: #7783B3; /* Old browsers */
    background: -moz-linear-gradient(top,  #7783B3 0%, #313a61 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7783B3), color-stop(100%,#313a61)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7783B3 0%,#313a61 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7783B3 0%,#313a61 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7783B3 0%,#313a61 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7783B3 0%,#313a61 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7783B3', endColorstr='#313a61',GradientType=0 ); /* IE6-9 */
    color:#FFF;
}

#chat_scrollbar {clear: both;height: 100%;}
#chat_scrollbar .viewport {height: 200px;overflow: hidden;position: relative;}
#chat_scrollbar .overview{list-style: none;position: absolute;}
#chat_scrollbar .scrollbar{position: relative;right:0; z-index: 3333;width: 15px;top: 1px;left: 2px;float: right;}
#chat_scrollbar .thumb .end, #rightside_feed_scrollbar .thumb {background-color: #999;-webkit-border-radius: 65px;-moz-border-radius: 65px;border-radius: 65px;width: 8px;}
#chat_scrollbar .thumb{height:60px;width:7px;cursor:default;overflow:hidden;position:absolute;top:0}
#chat_scrollbar .thumb .end{overflow:hidden;height:5px;width:8px}
#chat_scrollbar .track{height:100%;right:0;width:8px;position:relative;left:2px;background-color: #EFEFEF;}

.dark-header-gradient {
    background: rgb(114,114,114); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(114,114,114,1) 0%, rgba(63,63,63,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(114,114,114,1)), color-stop(100%,rgba(63,63,63,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(114,114,114,1) 0%,rgba(63,63,63,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(114,114,114,1) 0%,rgba(63,63,63,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(114,114,114,1) 0%,rgba(63,63,63,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(114,114,114,1) 0%,rgba(63,63,63,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-9 */
}

.grey-header-gradient {
    background: rgb(149,149,149); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(149,149,149,1) 0%, rgba(145,145,145,1) 5%, rgba(149,149,149,1) 19%, rgba(177,177,177,1) 65%, rgba(189,189,189,1) 92%, rgba(181,181,181,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(149,149,149,1)), color-stop(5%,rgba(145,145,145,1)), color-stop(19%,rgba(149,149,149,1)), color-stop(65%,rgba(177,177,177,1)), color-stop(92%,rgba(189,189,189,1)), color-stop(100%,rgba(181,181,181,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(145,145,145,1) 5%,rgba(149,149,149,1) 19%,rgba(177,177,177,1) 65%,rgba(189,189,189,1) 92%,rgba(181,181,181,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(145,145,145,1) 5%,rgba(149,149,149,1) 19%,rgba(177,177,177,1) 65%,rgba(189,189,189,1) 92%,rgba(181,181,181,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(145,145,145,1) 5%,rgba(149,149,149,1) 19%,rgba(177,177,177,1) 65%,rgba(189,189,189,1) 92%,rgba(181,181,181,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(149,149,149,1) 0%,rgba(145,145,145,1) 5%,rgba(149,149,149,1) 19%,rgba(177,177,177,1) 65%,rgba(189,189,189,1) 92%,rgba(181,181,181,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#b5b5b5',GradientType=0 ); /* IE6-9 */

}

/********************************************************
*                 CSS3 Transitions
******************************************************* */

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: .35s ease;
    -moz-transition: .35s ease;
    -ms-transition: .35s ease;
    -o-transition: .35s ease;
    transition: .35s ease;
}

/********************************************************
*                 Game Tiles
******************************************************* */
.tile-overflow {
    overflow-x: hidden;
}

.tile-nowrap {
    white-space: nowrap;
}

.tile-overflow-mask {
    position: absolute;
    right: 0px;
    bottom: 16px;
}

/********************************************************
*                 Chrome Store Ad
******************************************************* */
.chrome-store-ad {
    width: 100%;
    height: 80px;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #e0b228;
    text-align:center;
    padding-top: 10px;
    cursor: pointer;
    background: rgb(255,241,199);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjFjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWQ1NjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(255,241,199) 0%, rgb(250,213,101) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,241,199)), color-stop(100%,rgb(250,213,101)));
    background: -webkit-linear-gradient(top,  rgb(255,241,199) 0%,rgb(250,213,101) 100%);
    background: -o-linear-gradient(top,  rgb(255,241,199) 0%,rgb(250,213,101) 100%);
    background: -ms-linear-gradient(top,  rgb(255,241,199) 0%,rgb(250,213,101) 100%);
    background: linear-gradient(to bottom,  rgb(255,241,199) 0%,rgb(250,213,101) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff1c7', endColorstr='#fad565',GradientType=0 );
}

.chrome-store-ad-bag {
    vertical-align: text-bottom;
    height: 70px;
    margin-top: -1px;
}

.chrome-store-ad-fr3 {
    vertical-align: text-bottom;
    margin: 0 30px 0px 30px;
}

#chrome-store-btn-fr3 {
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 45px;
    padding-right: 45px;
    font-size: 14px;
    margin-bottom: 12px;
    vertical-align: text-bottom;
}

/********************************************************
*                 Loading Bar
******************************************************* */


#progress {
    position: fixed;
    z-index: 2147483647;
    top: 0px;
    left: -6px;
    width: 1%;
    height: 2px;
    background: rgb(254,205,7);
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-transition: width 500ms ease-out,opacity 400ms linear;
    -ms-transition: width 500ms ease-out,opacity 400ms linear;
    -o-transition: width 500ms ease-out,opacity 400ms linear;
    -webkit-transition: width 500ms ease-out,opacity 400ms linear;
    transition: width 500ms ease-out,opacity 400ms linear;
}


#progress dd, #progress dt {
    position: absolute;
    top: 0;
    height: 2px;
    -moz-box-shadow: #FFF 1px 0 6px 1px;
    -ms-box-shadow: #FFF 1px 0 6px 1px;
    -webkit-box-shadow: #FFF 1px 0 6px 1px;
    box-shadow: #FFF 1px 0 6px 1px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

#progress dt {
    opacity: .6;
    width: 180px;
    right: -80px;
    clip: rect(-6px,90px,14px,-6px);
}

#progress dd {
    opacity: .6;
    width: 20px;
    right: 0;
    clip: rect(-6px,22px,14px,10px);
}