/*sticky background*/
body        {margin:0px; background:#000000; min-width:999px;}
font        {color:#7e70a9; font-family:arial, sans-serif; font-size:12px;}
font a      {color:#d6f800; text-decoration:none;}
font a:hover{text-decoration:underline;}

.floatLeft  {float:left;}
.floatRight {float:right;}
.clear      {clear:both;}
.background
{
    /*display:none;*/
    width: 100%;
    height:auto;
    position: fixed;
    top: 0;
    left: 0;  
}

/*DOWNTIME BADGE*/
.downtime           {position:relative; overflow:hidden; height:25px; background:url('img/downtime/badge_bg.png');}
.downtime span      {position:relative; margin:0px auto; margin-top:5px; display:block; width: 863px;height:14px; background:url('img/downtime/text.png');}

/*HEADER*/
.header             {position:relative; height:100px; background:url('img/header_pattern.png'); background-position:top center; z-index:1; background-repeat: repeat-x;}
.header .content    {position:relative; width:999px; height:100px; margin:0px auto; background:url('img/header_background.png'); background-repeat:no-repeat;}
.clicklogo          {position:absolute; width:240px; height:85px; left:0px; top:0px; z-index:2;}
.badge_bottom       {position:absolute; bottom:0px; left:0px; clear:both; width:175px; height:18px; background:url('img/badge_bottom.png');}
.header .button     {position:relative; float:right; margin-top:9px;}

#b_download         {margin-right:4px; width:103px; height:49px; background:url('img/b_download.png');}
#b_download:hover   {background:url('img/b_download_h.png');}

#b_walkthrough      {margin-right:4px; width:128px; height:49px; background:url('img/b_walkthrough.png');}
#b_walkthrough:hover{background:url('img/b_walkthrough_h.png');}

#b_games            {margin-right:4px;width:84px; height:49px; background:url('img/b_games.png');}
#b_games:hover      {background:url('img/b_games_h.png');}

#b_about            {margin-right:9px; width:84px; height:49px; background:url('img/b_about.png');}
#b_about:hover      {background:url('img/b_about_h.png');}

#script_trafic      {display:block; width:0px; height:0px;}
#script_trafic a    {position:absolute; width:0px; height:0px;}
#script_trafic a img{width:0px; height:0px;}  

.leaderboard_ad     {width:980px; margin:0px auto;}
.leaderboard_bg     {width:948px; height:90px; background:url('img/leaderboard_bg.png'); text-align: left; overflow:hidden;}
#fb_leaderboard     {float:left; margin-left:110px; margin-top:34px; overflow:hidden;}

/*BRANDING*/
.branding           {position:absolute; width:100%; height:600px; margin-top:-16px; overflow:hidden;
                    display:none;}
.branding .banners  {position:relative; width:980px; margin:0px auto; height:80px;}
.banners .top       {position:absolute; width:980px; height:80px; background:red;}
.banners .left      {position:absolute; width:160px; height:600px; left:-160px; background:#ffffff;}
.banners .right     {position:absolute; width:160px; height:600px; right:-160px; background:#ffffff;}

/*BODY*/
#container      {position:relative; width:980px; margin:0px auto;
                /*margin-top:64px;*/
                }

/*BOX GENERAL STYLE*/
.box    {position:relative;}
.corner {position:absolute; z-index:1; width:16px; height:16px; }
.side   {position:absolute; z-index:1; width:16px; height:auto; }
.border {position:absolute; z-index:1; width:auto; height:16px; }

/*BOX BORDERS and CORNERS*/
.box .top_left      {margin-left:0px; margin-top:0px; background:url('img/box_top_left.png');}
.box .top_right     {right:0px; top:0px; background:url('img/box_top_right.png');}
.box .bottom_left   {left:0px; bottom:0px; background:url('img/box_bottom_left.png');}
.box .bottom_right  {right:0px; bottom:0px; background:url('img/box_bottom_right.png');}

.box .top       {background:url('img/box_top.png'); left:16px; right:16px;}
.box .left      {left:0px; top:16px; bottom:16px; background:url('img/box_left.png'); }
.box .right     {right:0px; top:16px; bottom:16px; background:url('img/box_right.png');}
.box .bottom    {left:16px; right:16px; bottom:0px; background:url('img/box_bottom.png');}

.box .fill
{
    position:absolute;
    width:auto;
    height:auto;
    background:#120c14;
    top:16px;
    left:16px;
    right:16px;
    bottom:16px;
}
.box .content       {padding:16px; z-index:2; position:relative; color:#ffffff; margin-bottom:2px;}
.genreList .content {padding:6px; padding-top:39px;}
.box .hasTitle      {padding-top:48px;}
.box .homepage      {padding-top:245px;}
.box .homepage p    {padding:5px; margin:0px;}
.box .featuredGames {padding:5px; padding-top:48px;}
.box .sponsoredStuff{padding:5px; padding-top:48px; padding-bottom:16px;}
.box .snow          {position:absolute; width:409px; height:24px; background:url('img/snow.png'); z-index:3; top:5px; left:60px;}

.genreList  {width:161px; clear:both;}
.navBar     {width:161px; clear:both;}
.mid_ct     {position:relative; width:483px; margin-left:2px;}
.mid_ct_wide{position:relative; width:646px;}
.sideBar    {margin-left:2px;}
.adBOX      {position:relative; width:332px;}
.infoBox    {position:relative; max-width:483px; margin-top:2px; margin-left:2px;}
.infoBox_large  {position:relative; max-width:817px; margin-top:2px; margin-left:2px;}
.infoBox_wide	{position:relative; max-width:646px; margin-top:2px;}
.spotLight  {position:relative; margin-left:2px;}
.check      {position:relative; width:332px; margin-top:2px;}
.gamePage   {position:relative; width:817px; margin-left:2px;}
.randomGame {position:relative; margin-top:2px; margin-left:2px; padding-bottom:5px;}
.wideAd     {position:relative; width:817px; margin-left:2px; padding-bottom:5px; overflow:hidden;}

/*TITLE LABEL*/
h1                {position:absolute; display:block; height:31px; background:url('img/box_title_bg.png') repeat-x; z-index:2; left:5px; right:5px; margin:0px; top:8px;}
h1 .title_left    {position:absolute; left:0px; height:inherit; width:16px; background:url('img/box_title_left.png');}
h1 .title_right   {position:absolute; right:0px; height:inherit; width:16px; background:url('img/box_title_right.png');}
h1 .bullet        {position:absolute; right:10px; top:10px; width:10px; height:10px; background:url('img/bullet.png');}

/*titles*/
h1 font           {display:block; width:250px; margin-left:187px; text-align:center; font-size:16px; line-height:30px;}
h1 .featured_games{position:relative; margin:0px auto; top:9px; width:129px; height:14px; background:url('img/title_featuredgames.png');}
h1 .advertisment  {position:relative; margin-left:10px; top:9px; width:116px; height:14px; background:url('img/title_advertisment.png');}
h1 .checkthis     {position:relative; margin-left:10px; top:9px; width:120px; height:14px; background:url('img/title_checkthis.png');}
h1 .info          {position:relative; margin-left:10px; top:9px; width:30px; height:14px; background:url('img/title_info.png');}
h1 .game_genres   {position:relative; margin-left:10px; top:9px; width:102px; height:14px; background:url('img/game_genres.png');}
h1 .game_page     {position:relative; float:left; margin-left:10px; top:9px; width:84px; height:14px; background:url('img/title_game_page.png');}
h1 .spotlight     {position:relative; margin-left:10px; top:9px; width:75px; height:14px; background:url('img/title_spotlight.png');}
h1 .recommended_games   {position:relative; margin-left:10px; top:9px; width:168px; height:14px; background:url('img/title_recommended_games.png');}
h1 .sponsored_stuff     {position:relative; margin-left:10px; top:9px; width:133px; height:14px; background:url('img/title_sponsored_stuff.png');}
h1 .random_games        {position:relative; margin-left:10px; top:9px; width:117px; height:14px; background:url('img/title_random_games.png');}
h1 .mahjongg_games      {position:relative; margin-left:10px; top:9px; width:131px; height:14px; background:url('img/title_mahjongg_games.png');}
h1 .random_games        {position:relative; margin-left:10px; top:9px; width:117px; height:14px; background:url('img/title_random_games.png');}
h1 .news_title          {position:relative; margin-left:10px; top:9px; width:40px; height:14px; background:url('img/title_news.png');}
h1 .downloadable_stuff  {position:relative; margin-left:10px; top:9px; width:166px; height:14px; background:url('img/title_downloadable_stuff.png');}
h1 .read_this           {position:relative; margin-left:10px; top:9px; width:77px; height:14px; background:url('img/title_read_this.png');}
h1 .random_jokes        {position:relative; margin-left:10px; top:9px; width:107px; height:14px; background:url('img/title_random_jokes.png');}
h1 .title_media         {position:relative; margin-left:10px; top:9px; width:45px; height:14px; background:url('img/title_media.png');}
h1 .sponsored_stuff		{position:relative; margin:0px auto; top:9px; width:133px; height:14px; background:url('img/title_sponsored_stuff.png');}

h1 .evil_games          {position:relative; margin-left:10px; top:9px; width:88px; height:14px; background:url('img/title_evil_games.png');}
h1 .defense_games       {position:relative; margin-left:10px; top:9px; width:120px; height:14px; background:url('img/title_defense_games.png');}
h1 .shooting_games      {position:relative; margin-left:10px; top:9px; width:124px; height:14px; background:url('img/title_shooting_games.png');}
h1 .action_games        {position:relative; margin-left:10px; top:9px; width:106px; height:14px; background:url('img/title_action_games.png');}
h1 .fighting_games      {position:relative; margin-left:10px; top:9px; width:118px; height:14px; background:url('img/title_fighting_games.png');}
h1 .adventure_games     {position:relative; margin-left:10px; top:9px; width:138px; height:14px; background:url('img/title_adventure_games.png');}
h1 .puzzle_games        {position:relative; margin-left:10px; top:9px; width:112px; height:14px; background:url('img/title_puzzle_games.png');}
h1 .sports_games        {position:relative; margin-left:10px; top:9px; width:102px; height:14px; background:url('img/title_sport_games.png');}

/*HOMEPAGE*/
#homepage_art           {position:relative; display:block; width:440px; height:124px; background:url('img/cover_art.jpg'); left:5px;}
#homepage_art .fb-like  {float:left; margin-left:286px; margin-top:43px; overflow:hidden;}
/*BUTTON LIST*/
.genreList .content .button     {clear:both; display:block; width:149px; height:26px; background:url('img/genre_list.png');}
.genreList .content .list_footer{clear:both; width:149px; height:19px; background:url('img/list_footer.png');}
.genreList .content .evil_games {background-position:0px 0px;}
.genreList .content .defense    {background-position:0px -26px;}
.genreList .content .shooting   {background-position:0px -52px;}
.genreList .content .action     {background-position:0px -78px;}
.genreList .content .fighting   {background-position:0px -104px;}
.genreList .content .adventure  {background-position:0px -130px;}
.genreList .content .puzzle     {background-position:0px -156px;}
.genreList .content .sport      {background-position:0px -182px;}
.genreList .content .girls      {background-position:0px -208px;}

/*hover state*/
.genreList .content .evil_games:hover {background-position:149px 0px;}
.genreList .content .defense:hover    {background-position:149px -26px;}
.genreList .content .shooting:hover   {background-position:149px -52px;}
.genreList .content .action:hover     {background-position:149px -78px;}
.genreList .content .fighting:hover   {background-position:149px -104px;}
.genreList .content .adventure:hover  {background-position:149px -130px;}
.genreList .content .puzzle:hover     {background-position:149px -156px;}
.genreList .content .sport:hover      {background-position:149px -182px;}
.genreList .content .girls:hover      {background-position:149px -208px;}

/*selected state (which is the same as hover, pretty silly, innit?)*/
.genreList .content .evil_games_select{background-position:-149px 0px;}
.genreList .content .defense_select   {background-position:-149px -26px;}
.genreList .content .shooting_select  {background-position:-149px -52px;}
.genreList .content .action_select    {background-position:-149px -78px;}
.genreList .content .fighting_select  {background-position:-149px -104px;}
.genreList .content .adventure_select {background-position:-149px -130px;}
.genreList .content .puzzle_select    {background-position:-149px -156px;}
.genreList .content .sport_select     {background-position:-149px -182px;}
.genreList .content .girls_select     {background-position:-149px -208px;}

/*PAGE UP*/
#pg_up                                {clear:both; display:none; width:332px; height:47px; background:url('img/btn_pg_up.png');}
#pg_up:hover                          {background:url('img/btn_pg_up_h.png');}

/*FEATURED GAMES*/
.game_thumb                     {clear:both; display:block; width:125px; height:125px; margin:0px auto; border-radius:3px;}
.ad_thumb						{clear:both; display:block; width:125px; height:125px; margin:0px auto; border-radius:3px; background: url('img/sq_ad_margin.png');}
.link_border                    {display:block; height:100%; width:100%; border-radius:2px; background:url('img/not_available.png');}
.game_link                      {display:block; height:100%; width:100%; border-radius:3px; background:url('img/thumb_overlay.png');}
.game_link:hover                {background:url('img/thumb_hover.png');}
.featuredGames .badge           {clear:both; width:151px; margin:0px auto; height:38px; margin-bottom:5px; margin-top:5px; background:url('img/nav_badge.png');}
.featuredGames span             {display:block; text-align:center; line-height:39px; color:#d6f800; font-family:sans-serif, arial; font-size:12px;}

/*GAMES LIST*/
.games                      {clear:both; width:422px; overflow:hidden; margin:0px auto;}
.games .item .thumb         {width:125px; height:125px; border-radius:3px; margin-bottom:6px;}
.games .item .title         {width:125px; height:34px;  background:url('img/game_title.jpg');}
.games .item .title span    {display:block; text-align:center; line-height:35px; color:#d6f800; font-family:sans-serif, arial; font-size:12px;}
.games .vertibar            {width:3px; height:163px; background:#161524; border:1px #201e3a solid; margin-left:9px; margin-right:9px;}
.separator                  {width:440px; height:4px; background:url('img/list_separator.png'); margin:0px auto; margin-top:12px; margin-bottom:12px;}

.prev_next                  {overflow:hidden;}
.prev_next .page_number     {width:41px; height:37px; margin-left:5px; background:url('img/page_number.jpg');}
.prev_next .page_number p   {width:100%; height:100%; text-align:center; margin:0px; font-family:arial; color:#CDEC4C; line-height:37px;}
.prev_next .previous        {display:block; width:187px; height:37px; margin-left:13px; margin-bottom:10px; background:url('img/previous_next.png'); background-position:0px 37px;}

.prev_next .next            {display:block; width:187px; height:37px; margin-right:13px; margin-bottom:10px; background:url('img/previous_next.png'); background-position:187px 37px;}
.prev_next .previous:hover  {background-position:0px 0px;}
.prev_next .next:hover      {background-position:187px 0px;}

.prev_next .previous_disable{display:block; width:187px; height:37px; margin-left:13px; margin-bottom:10px; background:url('img/previous_next.png'); background-position:0px -37px;}
.prev_next .next_disable    {display:block; width:187px; height:37px; margin-right:13px; margin-bottom:10px; background:url('img/previous_next.png'); background-position:187px -37px;}

/*SPOTLIGHT*/
.spotLight .banner  {width:421px; display:block; height:96px; margin:0px auto; background:url('img/spotlight_banner.jpg')}

/*INFO BOX*/
.INFO                            {}
.INFO .content .text             {padding-left:5px; padding-right:5px; padding-bottom:5px; line-height:13px;}
.INFO .content .separator        {height:4px; background:url('img/info_separator.png'); width:auto; margin:0px; margin-left:5px; margin-right:5px;}
.INFO .content .copyright        {text-align:center; padding-top:5px; padding-bottom:5px; overflow:hidden; line-height:10px;}
.INFO .content .copyright font   {font-size:10px; color:#704a80;}
.INFO .content .copyright font a {color:#704a80;}      

/*GAME PAGE*/
.gamePage               {}
.game_fb_bar            {position:relative; height:30px; border-top-left-radius:5px; border-top-right-radius:5px; border-top:1px #2382d8 solid; border-bottom:1px #081932 solid; background: #143b76 url('img/fb_bars.png');}
.game_fb_bar .fb-like   {float:right; margin-top:5px; margin-right:5px;}
.gamePage .GameFile     {padding-top:108px; padding-bottom:102px; padding-left:7px;  padding-right:7px; min-height: 200px;}

/*WIDE AD*/
.wideAD .content .advertisment                  {overflow:hidden;}
.wideAD .content .advertisment .ad_container    {width:728px; height:90px; background:url('img/728x90ad.jpg'); float:left;}
.wideAD .content .advertisment .decoration      {width:50px; height:90px; background:url('img/ad_decoration.png'); float:right;}

/*RANDOM GAME MODULE*/
.randomGame .content             {overflow:hidden;}
.randomGame .content .group      {width:766px; overflow:hidden; margin:0px auto;}
.randomGame .item .thumb         {width:125px; height:125px; border-radius:3px; margin-bottom:6px;}
.randomGame .item .title         {width:125px; height:34px;  background:url('img/game_title.jpg');}
.randomGame .item .title span    {display:block; text-align:center; line-height:35px; color:#d6f800; font-family:sans-serif, arial; font-size:12px;}
.randomGame .vertibar            {width:3px; height:163px; background:#161524; border:1px #201e3a solid; margin-left:15px; margin-right:15px;}

/*PREROLL AD*/
#overlay_ad             {position:absolute; min-height:350px; width:inherit; background:#120c14; z-index:3;}
.preroll                {position:absolute; left:50%; margin-left:-250px; top:50%; margin-top:-175px; width:500px; height:350px;}
.preroll .advertisment  {width:300px; height:250px; margin:0px auto; margin-top:10px; border:1px #1d1623 solid;}
.preroll #loading       {clear:both; width:400px; height:50px; margin:0px auto; margin-top:30px;}
.preroll #loading .text {width:252px; height:14px; margin:0px auto; background:url('img/preroll/text.png');}
.preroll #loading .loader                       {clear:both; width:360px; height:12px; overflow:hidden; margin:0px auto; margin-top:10px;}
.preroll #loading .load_section                 {position:relative; width:34px; height:12px; float:left; margin-left:2px; background:#2b1c31;}
.preroll #loading .load_section .topleft        {width:2px; height:2px; position:absolute; top:0px; left:0px; background:#120c14;}
.preroll #loading .load_section .bottomleft     {width:2px; height:2px; position:absolute; bottom:0px; left:0px; background:#120c14;}
.preroll #loading .load_section .topright       {width:2px; height:2px; position:absolute; top:0px; right:0px; background:#120c14;}
.preroll #loading .load_section .bottomright    {width:2px; height:2px; position:absolute; bottom:0px; right:0px; background:#120c14;}
.preroll #loading .bg     {background:url('img/preroll/loading.gif');}
.preroll #loaded          {display:none; overflow:hidden;}
.preroll #play_btn        {display:block; clear:both; width:225px; margin:0px auto; margin-top:5px; height:36px; background:url('img/preroll/play_n.png');  cursor:pointer;}
.preroll #play_btn:hover  {background:url('img/preroll/play_h.png');}

/*NEWS*/
.TextStyle .container                           {position:relative; margin:5px; margin-top:0px; margin-bottom:10px; clear:both; height:auto; overflow:hidden;}
.TextStyle .container .titleLabel               {position:relative; border-left:1px #75153c solid; border-right:1px #75153c solid; height:34px; background:url('img/news_title_bg.png');}
.TextStyle .container .titleLabel .decoration   {position:absolute; left:0px; top:1px; width:3px; height:32px; background:url('img/news_title_decoration.png');}
.TextStyle .container .titleLabel .title        {float:left; margin-left:3px; height:34px; line-height:35px; padding-left:6px;}
.TextStyle .container .titleLabel .title font   {font-size:18px; color:#d0ed02;}
.TextStyle .container .titleLabel .date         {float:right; margin-right:5px; height:34px; line-height:37px;}
.TextStyle .container .titleLabel .date font    {font-size:12px; color:#d0ed02; text-align:right;}
.TextStyle .container .banner                   {position:relative; margin-top:3px;}
.TextStyle .container .text                     {position:relative; margin-top:5px; max-width:441px;}
.TextStyle .container .text_wide                {position:relative; margin-top:5px; max-width:604px;}
.TextStyle .container span                      {display:block; border:1px #352947 dashed; padding:10px; line-height: 15px; background:#19121c;}
.TextStyle .container img                       {display:block; width:100%;}
.TextStyle .container b                         {color:#a48aca;}
.TextStyle .container b font                    {color:#beb5d8; padding-left:10px; display:block;}
.TextStyle .container h2                        {color:#d6f800; font-size:16px; display:block; border-bottom:1px solid; padding-left:0px; margin:0px;}

/*WALKTHROUGH PAGE*/
#walkthrough_list                   {width:441px; min-height:150px; height:auto; overflow:hidden; background:url('/img/walkthrough/wlk_bg.jpg') no-repeat;}
#walkthrough_list div               {width:326px; height:168px; margin:0px auto; margin-top:10px; background:url('/img/walkthrough/title_choose_walkthrough.png');}
#walkthrough_list a                 {display:block; width:435px; height:93px; margin:0px auto; clear:both;}
#walkthrough_list #btn_wlk5         {background:url('/img/walkthrough/btn_guide_ht2.png');}
#walkthrough_list #btn_wlk4         {background:url('/img/walkthrough/btn_guide_ht.png');}
#walkthrough_list #btn_wlk3         {background:url('/img/walkthrough/btn_guide_hc2.png');}
#walkthrough_list #btn_wlk2         {background:url('/img/walkthrough/btn_guide_hc.png');}
#walkthrough_list #btn_wlk1         {background:url('/img/walkthrough/btn_guide_hh.png');}
#walkthrough_list #btn_wlk0         {background:url('/img/walkthrough/btn_guide_lj.png');}
#walkthrough_list #btn_wlk00        {background:url('/img/walkthrough/btn_guide_dl.png');}
#wlk_list a							{display: block; padding: 8px; padding-left: 20px; margin-top: 2px; border: 1px solid #352947; background:#19121c;}
#wlk_list a:hover					{background: #241b30; border:1px solid #46385a; text-decoration: none;}
#wlk_list a font					{color:#7e70a9;  margin-left: 20px;
}

/*DOWNLOAD PAGE*/
.download_link                      {display:block; height:100%; width:100%; border-radius:2px; background:url('img/thumb_overlay.png');}
.download_link:hover                {background:url('img/dld_overlay.png');}