﻿/*================================================
// Version : 1.0
// Project : LowPings.net
// Coder   : mathieuallaire.ca
//================================================*/



/* ----- REDECLARATIONS ----- */
body                            { font-family: arial, verdana, tahoma, sans-serif; font-size: 11px; text-align: center; background: #e81908 url('/images/bg.png') repeat-x; color: #fff }
*                               { margin: 0; padding: 0; }
a                               { overflow: hidden;}
img                             { border: 0px none; vertical-align: bottom}
.clearfix:after                 { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
input                           { vertical-align: middle; }
select                          { font-size: 11px; font-weight: normal; }
/* Hides from IE-mac \*/
* html .clearfix                 {height: 1%;}
/* End hide from IE-mac */



/* ----- CONTAINER ----- */
div#container                   { width: 908px; background: url('/images/container-bg.png') repeat-y; position: relative; margin: 0 auto; text-align: left }
.light                          { background: url('/images/container-bg-light.png') repeat-y !important; }
.med                            { background: url('/images/container-bg-med.png') repeat-y !important; }

/* ----- LEFT SIDE ----- */
div#left ul, div#left li        { list-style: none !important; }
div#left img                    { margin: 0; }
div#left                        { float: left; width: 150px; background: #f4f4f4; }
div#top_left                    { background: #e81908 url('/images/top-left.png') no-repeat; width: 150px; height: 45px }
div#top_left span               { color: #fff; font-weight: bold; display: block; padding-top: 12px; padding-left: 6px; }
div#top_left p                  { float: left; margin: 3px 3px 0 2px; }
div#top_left img                { float: left; padding: 3px 3px;}
div#top_left a                  { text-decoration: none; color: #e3e3e4; font-weight: bold; font-size: 11px; }
ul.menu                         { width: 135px; list-style: none; margin: 16px 0 12px 8px; background: #22272e; padding: 4px 0 6px 0; }
ul.menu li                      { background: url('/images/li-left.png') no-repeat; width: 127px; font-size: 11px !important; height: 14px; margin-left: 4px; text-indent: 4px }
ul.menu li a                    { display: block; color: #fff; text-decoration: none; height: 14px; font-size: 11px !important; }
ul.menu li a:hover              { font-weight: bold; background: url('/images/li-left-hover.png'); color: #323941 }
li.menu_title                   { margin-bottom: 6px; }
* html li.menu_title            { margin-bottom: 1px; }
li.menu_title h2                { background: url('/images/heading-left.png') no-repeat; width: 127px; height: 17px; font-size: 10px; color: #fff !important; text-indent: 0 !important; text-align: center; padding-top: 2px}
li.games_link a                 { text-indent: 14px;}
h2#locations_title              { background: url('/images/heading-map.png') no-repeat; width: 128px; height: 17px; font-size: 11px; color: #fff !important; margin-left: 5px; margin-top: 15px; padding-left:10px; padding-right:0; padding-top:2px; padding-bottom:0}
ul#cities                       { background: #22272e; width: 144px; margin-left: 4px; list-style: none;padding: 5px 0 5px; margin-bottom: -7px;}
ul#cities li                    { margin-left: 5px; }
ul#cities a                     { color: #d4d5d9; text-decoration: none; display: block; width: 139px; font-size: 11px !important; }
ul#cities a:hover               { background: url('/images/city-hover.png'); color: #323941 }
ul#cities img                   { float: left; margin-top: 3px; margin-right: 4px; }


/* ----- RIGHT SIDE ----- */
div#right                       { float: right; width: 758px; }
div#header                      { background: #e81908 url('/images/header.png') no-repeat; width: 758px; height: 194px }
div#header span                 {display: block; font-weight: bold; color: #3b4550; padding-top: 178px; padding-left: 2px}
div#client                      { background: url('/images/client-bar.png') no-repeat; width: 758px; height: 33px; position: relative }
div#client form                 { padding: 8px 0 0 4px; float: left; }
input.user_pass                 { background: url('/images/user-pass.png') no-repeat; width: 91px; height: 17px; border: 0px none; color: #59636d; font-size: 10px; padding: 2px; float: left }
div#client form div             { float: left; }
div#client label                { color: #323941; font-weight: bold; margin-right: 6px; font-size: 11px; display: block; }
a#live_support                  { text-indent: -9999px; display: block; background: url('/images/live-support.png') no-repeat bottom; width: 217px; height: 50px; position: absolute; top: -19px; right: 2px }
input#game_radio, #billing_radio { width: 10px; height: 8px; float: left; margin: 3px 4px 0 2px; display: inline; }

/* HOME PAGE */
div#home_content                { width: 758px;  background: #1c2228; overflow: hidden; }
div#home_left                   { float: left; width: 445px; background: #1c2228; }
div#home_right                  { float: right; width: 313px; background: #1c2228; }
a#commercial                    { margin: 8px 0 0 8px; display: block; }
div#home_left h2                { background: url('/images/announcement-bar.png') no-repeat; width: 435px; height: 17px; font-size: 11px; margin-top: 6px; padding-left:10px; padding-right:0; padding-top:2px; padding-bottom:0 }
div#home_left h2 span           { color: #f26522; }
div#announcement_bg             { background: #323e4a; width: 445px; padding-top: 5px; padding-bottom: 2px; }
div#home_left h3                { background: url('/images/announced-bar.png') no-repeat; width: 427px; height: 19px; font-size: 12px; color: #323941; margin-left:4px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:2px; padding-bottom:0 }
div#home_left h3 span           { display: block; text-align: right; margin: -13px 10px 0 0; }
div.announcement p span         { padding: 5px 0 5px 0; display: block; color: #d8d8d8; }
div.announcement p              { font-size: 11pt; color: #d8d8d8; text-align: justify; width: 420px; padding: 0 0 16px 8px; line-height: 15px; height: 164px; overflow: hidden; }
div.announcement div            { background: url('/images/readmore-bar.png') no-repeat; width: 427px; height: 19px; font-size: 11px; font-weight: bold; margin-bottom: 2px; margin-left:4px; margin-right:0; margin-top:0; padding-left:10px; padding-right:0; padding-top:2px; padding-bottom:0 }
div.announcement div span       { display: block; text-align: right; margin: -13px 10px 0 0; }
div.announcement div a          { color: #fff; text-decoration: none; }
div.announcement div a:hover    { text-decoration: underline; } 
ul#more_announcement            { list-style: none; background: #1f262e; width: 438px; margin-left: 3px; }
ul#more_announcement li a       { color: #d2d3db; display: block; padding-left: 20px; text-decoration: none; background: url('/images/announcement-more.png') no-repeat; width: 418px; height: 19px }
ul#more_announcement li a:hover {text-decoration: underline;}
ul#games                        { text-indent: -9999px; list-style: none; margin: 5px; width: 300px; height: 145px; }
ul#games li                     { float: left; padding: 5px 0 0 5px; }
ul#games li a                   { display: block; }
a#sof2                          { background: url('/images/thumbs/sof2.png') no-repeat top left; width: 54px; height: 65px }
a#sof2demo                      { background: url('/images/thumbs/sof2demo.png') no-repeat top left; width: 54px; height: 65px }
a#sof2gold                      { background: url('/images/thumbs/sof2gold.png') no-repeat top left; width: 54px; height: 65px }
a#dod                           { background: url('/images/thumbs/dod.png') no-repeat top left; width: 54px; height: 65px }
a#dods                          { background: url('/images/thumbs/dods.png') no-repeat top left; width: 54px; height: 65px }
a#cod                           { background: url('/images/thumbs/cod.png') no-repeat top left; width: 54px; height: 65px }
a#coduo                         { background: url('/images/thumbs/coduo.png') no-repeat top left; width: 54px; height: 65px }
a#cod2                          { background: url('/images/thumbs/cod2.png') no-repeat top left; width: 54px; height: 65px }
a#cod4                          { background: url('/images/thumbs/cod4.png') no-repeat top left; width: 54px; height: 65px }
a#cs16                          { background: url('/images/thumbs/cs16.png') no-repeat top left; width: 54px; height: 65px }
a#css                           { background: url('/images/thumbs/css.png') no-repeat top left; width: 54px; height: 65px }
a#tf2                           { background: url('/images/thumbs/tf2.png') no-repeat top left; width: 54px; height: 65px }
a#tfclassic                     { background: url('/images/thumbs/tfclassic.png') no-repeat top left; width: 54px; height: 65px }
a#americasarmy                  { background: url('/images/thumbs/americasarmy.png') no-repeat top left; width: 54px; height: 65px }
a#halo                          { background: url('/images/thumbs/halo.png') no-repeat top left; width: 54px; height: 65px }
a#ut3                           { background: url('/images/thumbs/ut3.png') no-repeat top left; width: 54px; height: 65px }
a#wolfenstein                   { background: url('/images/thumbs/wolfenstein.png') no-repeat top left; width: 54px; height: 65px }
a#crysis                        { background: url('/images/thumbs/crysis.png') no-repeat top left; width: 54px; height: 65px }
a#thespecialists                { background: url('/images/thumbs/thespecialist.png') no-repeat top left; width: 54px; height: 65px }
a#garrysmod                     { background: url('/images/thumbs/garrysmod.png') no-repeat top left; width: 54px; height: 65px }
a#followfreeman                 { background: url('/images/thumbs/followfreeman.png') no-repeat top left; width: 54px; height: 65px }
a#redorchestra                  { background: url('/images/thumbs/redorchestra.png') no-repeat top left; width: 54px; height: 65px }
a#deathmatchclassic             { background: url('/images/thumbs/deathmatchclassic.png') no-repeat top left; width: 54px; height: 65px }
a#hl2deathmatch                 { background: url('/images/thumbs/hl2deathmatch.png') no-repeat top left; width: 54px; height: 65px }
a#deusex                        { background: url('/images/thumbs/deusex.png') no-repeat top left; width: 54px; height: 65px }
a#zombiepanic                   { background: url('/images/thumbs/zombiepanic.png') no-repeat top left; width: 54px; height: 65px }
a#earthsspecialforces           { background: url('/images/thumbs/earthsspecialforces.png') no-repeat top left; width: 54px; height: 65px }
a#css500fps                     { background: url('/images/thumbs/css500fps.png') no-repeat top left; width: 54px; height: 65px }
a#cs500fps                      { background: url('/images/thumbs/cs500fps.png') no-repeat top left; width: 54px; height: 65px }
a#diprip                        { background: url('/images/thumbs/diprip.png') no-repeat top left; width: 54px; height: 65px }
a#zombiemaster                  { background: url('/images/thumbs/zombiemaster.png') no-repeat top left; width: 54px; height: 65px }
a#ageofchivalry                 { background: url('/images/thumbs/ageofchivalry.png') no-repeat top left; width: 54px; height: 65px }
a#left4dead                     { background: url('/images/thumbs/left4dead.png') no-repeat top left; width: 54px; height: 65px }
a#cod5-world-at-war             { background: url('/images/thumbs/cod5-world-at-war.png') no-repeat top left; width: 54px; height: 65px }
a#theship                       { background: url('/images/thumbs/theship.png') no-repeat top left; width: 54px; height: 65px }
a#synergy                       { background: url('/images/thumbs/synergy.png') no-repeat top left; width: 54px; height: 65px }
adark-messiah-might-and-magic   { background: url('/images/thumbs/dark-messiah-might-and-magic.png') no-repeat top left; width: 54px; height: 65px }
a#battlefield-2-game-server     { background: url('/images/thumbs/battlefield-2-game-server.png') no-repeat top left; width: 54px; height: 65px }
a#battlefield-1942-game-server  { background: url('/images/thumbs/battlefield-1942-game-server.png') no-repeat top left; width: 54px; height: 65px }
a#battlefield-2142-game-server  { background: url('/images/thumbs/battlefield-2142-game-server.png') no-repeat top left; width: 54px; height: 65px }
a#medal-of-honor-allied-assault-game-server  { background: url('/images/thumbs/medal-of-honor-allied-assault-game-server.png') no-repeat top left; width: 54px; height: 65px }
a#medal-of-honor-spearhead-game-server   { background: url('/images/thumbs/medal-of-honor-spearhead-game-server.png') no-repeat top left; width: 54px; height: 65px }
a#killing-floor-game-server     { background: url('/images/thumbs/killing-floor-game-server.png') no-repeat top left; width: 54px; height: 65px }
a#quake-3-arena                 { background: url('/images/thumbs/quake-3-arena.png') no-repeat top left; width: 54px; height: 65px }
a#enemy_territory_quake_wars    { background: url('/images/thumbs/enemy_territory_quake_wars.png') no-repeat top left; width: 54px; height: 65px }
ul#games li a:hover             { background-position: bottom left !important; }
ul#pagination                   { margin: 0 0 5px 15px; list-style: none; height: 15px; }
ul#pagination li                { float: left; margin-right: 2px; text-align: center; }
a#more_games                    { background: url('/images/moregames.png') no-repeat; width: 55px; height: 13px; display: block; text-decoration: none; color: #3b4550; font-size: 9px; margin-right: 6px }
a.games_page                    { background: url('/images/games-page.png') no-repeat bottom left; width: 13px; height: 13px; display: block; color: #3b4550; text-decoration: none; font-size: 9px }
a.games_page:hover              { background-position: top left !important; }
ul.pack                         { list-style: none; text-transform: uppercase; margin-left: 9px; margin-top: 4px; }
span.pack_month                 { font-size: 11px !important; color: #8596a1 !important; font-weight: bold; position: absolute;top: 45px; left: 225px; }
span.pack_name                  { color: #cbd8e0; font-weight: bold; text-decoration: none; font-size: 18px; width: 100px; display: block; position: absolute; top: 5px; left: 120px; line-height: 15px; text-align: left; }
span.pack_price                 { color: #f09f20; font-weight: bold; text-decoration: none; text-align: right; font-size: 28px; position: absolute; top: 33px; left: 120px; }
ul.pack li                      { padding-bottom: 8px; clear: both; }
h2#packages                     { text-indent: -9999px; background: url('/images/packages.png') no-repeat; width: 300px; height: 47px; margin: 0 auto }
a.dedi_pack                     { background: url('/images/dedi-pack.png') no-repeat; width: 296px; height: 65px; display: block; text-decoration: none; position: relative }
a.gs_pack                       { background: url('/images/gs-pack.png') no-repeat; width: 251px; height: 32px; display: block; color: #f09f20; font-weight: bold; text-decoration: none; text-align: right; font-size: 28px; position: relative; padding-left:0; padding-right:45px; padding-top:33px; padding-bottom:0 }
a.vs_pack                       { background: url('/images/vs-pack.png') no-repeat; width: 251px; height: 32px; display: block; color: #f09f20; font-weight: bold; text-decoration: none; text-align: right; font-size: 28px; position: relative; padding-left:0; padding-right:45px; padding-top:33px; padding-bottom:0 }
a#more_pack                     {  background: url('/images/more-pack.png') no-repeat; width: 95px; height: 17px; display: block; font-weight: bold; text-align: center; color: #fff; text-decoration: none; margin-left: 9px; margin-bottom: 37px; padding-top: 3px }

/* GAMES PAGE */
div#games_content               { width: 758px;}
ul#games_bar                    { background: url('/images/games-bar.png') no-repeat; width: 751px; height: 17px; margin-left: 3px; list-style-type:none  }
ul#games_bar li                 { display: inline; font-weight: bold; color: #f3f3f3; }
ul#games_bar li#games_bar_1     { margin-left: 10px; }
ul#games_bar li#games_bar_2     { margin-left: 120px; }
ul#games_bar li#games_bar_3     { margin-left: 115px; }
ul#games_bar li#games_bar_4     { margin-left: 125px; }
div#games_left                  { width: 611px; float: left; }
div#games_left ul               { float: left; padding-left: 26px; margin-bottom: 10px; list-style-image:url('/images/icons/dot-list.png') }
div#games_left ul li a          { color: #bdc5cd; font-size: 11px; font-weight: normal; text-decoration: none; }
div#games_left ul li p          { color: #69727b; width: 170px; font-size: 9px; }
div#games_left h2               { clear: both; background: url('/images/order-bar.png') no-repeat; width: 601px; height: 17px; font-size: 11px; padding-left:10px; padding-right:0; padding-top:2px; padding-bottom:0 }
div#order_bg                    { background: #4d565f; width: 611px; height: 222px; color: #f4f4f4; }
div#order_left                  { width: 357px; height: 177px; float: left; padding: 3px 0 0 10px; }
div#order_left label            { display: block; float: left; width: 100px; }
div#order_left select           { height: 16px; border: 0px none; margin-bottom: 3px }
div#order_left #package_games   { width: 248px; }
div#order_left #billing_cycle   { width: 150px; }
div#order_left #player_slots    { width: 150px; }
div#order_left #player_slots    { width: 150px; }
div#order_left #server_location { width: 150px; }
div#addons_games                { margin-left: 100px; }
div#order_left #server_name     { margin-bottom: 3px; height: 14px; }
div#order_left #rcon_pass       { margin-bottom: 3px; height: 14px; }
select#free_ts                  { width: 40px; }
div#order_left p                { font-weight: bold; margin-bottom: 10px; }
div#order_right                 { width: 244px; float: right; }
div#order_right p               { font-weight: bold; margin: 3px 0 5px 20px; }
div#order_right ul              { font-size: 11px; color: #b3b6ba; margin-top: 4px; }
div#order_right label           { margin-left: 20px; }
input#state_region              { width: 110px; height: 14px; }
select#country                  { width: 120px; height: 16px; margin: 5px 0 0 35px; }
div#calculator                  { margin: 5px 0 10px 10px; }
div#calculator a                { margin-top: -3px; }
div#calculator span             { font-family: arial black; font-size: 20px; margin-left: 5px; }
input#place_order               { margin: 0 0 0 10px; }
div#games_right                 { width: 147px; float: right; }
div#games_right ul              { width: 122px; margin-left: 20px; list-style-image:url('/images/icons/dot-list.png') }
div#games_right ul li           { font-weight: bold; color: #bdc5cd; margin-top: 4px; }
div#games_right p               { color: #bdc5cd; text-align: left; line-height: 10px; margin: 10px 0 0 5px; }
p#extra_info                    { color: #bdc5cd; padding: 6px; }
div#games_news a          { color: #bdc5cd; font-size: 11px; font-weight: normal; text-decoration: none; }
div#games_news p          { color: #69727b; font-size: 9px; }

/* VENTRILO/TEAMSPEAK PAGES */
div#voice_content               { width: 758px; }
div#vent_header                 { background: url('/images/vent-header.png') no-repeat; width: 758px; height: 226px }
div#ts_header                   { background: url('/images/ts-header.png') no-repeat; width: 758px; height: 226px }
div#vent_header p               { color: #bdc2c8; width: 230px; float: left; padding: 50px 0 0 320px; }
div#ts_header p                 { color: #bdc2c8; width: 230px; float: left; padding: 50px 0 0 320px; }
div#voice_features              { float: left; padding: 50px 0 0 20px; }
div#voice_features h3           { background: url('/images/features-bg.png') no-repeat; width: 140px; height: 16px; font-size: 11px; padding-left: 2px; text-align: center; color: #545c64; margin-left:2px; margin-right:0; margin-top:0; margin-bottom:5px }
div#voice_features ul           { clear: both; padding-left: 20px; color: #bdc2c8; list-style-image:url('/images/icons/dot-list.png') }
div#voice_features ul li        { margin-top: 3px; }
div#package_bg                  { background: #68717a; width: 290px; height: 170px; margin: 50px 0 0 15px; padding: 5px; float: left; }
div#package_bg p                { font-weight: bold; padding: 5px; }
div#package_bg label            { display: block; float: left; width: 80px; margin-left: 10px; }
div#package_bg select           { margin-top: 3px; }
div#package_bg #package_games   { width: 120px; height: 16px; }
div#package_bg #billing_cycle   { width: 180px; height: 16px; }
div#addons_voice                { margin: 10px 0 0 70px; }
div#addons_voice select         { width: 112px; height: 16px; }
div#addons_voice #admin_pass    { width: 110px; height: 14px; margin-top: 3px; }
div#package_right               { float: left; margin: 50px 0 0 20px; }
div#package_right p             { font-weight: bold; margin-bottom: 5px; }
div#package_right ul            { list-style: none; color: #8a929b; margin-left: 10px; }

/* DEDICATED SERVERS PAGE */
div#dedi_header                 { background: url('/images/dedi-header.png') no-repeat; width: 758px; height: 249px }
div#dedi_header p               { width: 530px; padding: 10px 0 0 220px; }
div#dedi_header p a             { font-weight: bold; color: #f26522;  }
div#dedi_header h3              { color: #3b4550; font-size: 11px; margin-bottom: 10px; margin-left: -5px; }
div#dedi_header ul              { list-style: square; line-height: 11px; }
img.dedi_prices                 { position: relative; top: -15px; margin-left: -10px; }
h4.dedi_prices                  { margin-top: 16px; margin-left: 10px; font-size: 16px; }
div#dedi_box_1                  { float: left; padding: 22px 0 0 85px; }
div#dedi_box_2                  { float: left; padding: 22px 0 0 128px; }
div#dedi_box_3                  { float: left; padding: 22px 0 0 118px; }
ul#order_now                    { clear: both; }
ul#order_now li                 { list-style: none; float: left; padding: 0 178px 0 5px; margin-top: -8px; }
ul#order_now li a               { text-indent: -9999px; background: url('/images/order-now.png') no-repeat; width: 67px; height: 18px; display: block }

/* CONTACT PAGE */
div#contact_content             { width: 758px; }
div#contact_left                { float: left; color: #e2e2e3; }
div#contact_left h3             { text-indent: -9999px; background: url('/images/contact-header.png') no-repeat; width: 164px; height: 45px; margin: 10px }
div#contact_left span           { display: block; font-weight: bold; color: #f26522; margin: 15px 0 0 20px; }
div#contact_left ul             { list-style: none; margin: 10px 0 0 20px; }
div#contact_left ul li a        { font-weight: bold; color: #f26522; }
div#contact_left p              { margin: 0 0 0 20px; width: 300px; }
div#contact_right               { float: right; padding: 80px 70px 0 0; color: #e2e2e3 ; }
div#contact_right label         { float: left; width: 60px; }
div#contact_right select        { width: 148px; height: 16px; }
div#contact_right p             { margin-bottom: 3px; }
p#contact_submit                { margin: 10px 0 0 60px; }

/* ABOUT US PAGE */
div#about_content               { width: 758px;  }
div#about_content h3            { text-indent: -9999px; background: url('/images/about-header.png') no-repeat; width: 171px; height: 26px; position: relative; top: 10px; left: 10px }
div#co_info                     { float: left; padding: 20px 0 0 10px; width: 350px; }
div#co_info h4                  { background: url('/images/co-info.png') no-repeat; width: 347px; height: 19px; font-size: 11px; color: #3b4550; padding-left:5px; padding-right:0; padding-top:3px; padding-bottom:0 }
div#co_info p                   { line-height: 11px; margin-top: 5px; }
div#co_history                  { width: 350px; float: left; padding: 20px 0 0 20px; color: #e6e6e6; }
div#co_history h4               { background: url('/images/co-history.png') no-repeat; width: 352px; height: 21px; font-size: 11px; color: #fff; padding-left:5px; padding-right:0; padding-top:3px; padding-bottom:0 }
div#co_history div              { background: #3b4550; padding: 10px; }
div#co_history ul               { list-style: square; margin-left: 15px; margin-top: 10px; }
div#mission_statement           { clear: both; background: #fff; padding: 5px; width: 700px; margin: 20px 0 0 21px; float: left; display: inline; }
div#mission_statement h4        { background: url('/images/mission-statement.png') no-repeat; width: 426px; height: 23px; font-size: 11px; color: #3b4550; padding-left:5px; padding-right:0; padding-top:3px; padding-bottom:0 }
div#mission_statement p         { color: #323a43; line-height: 11px; width: 450px; margin: 8px; float: left; }
div#mission_statement img       { float: left; }

/* NETWORK PAGE */
div#network_content             { width: 758px; }
div#network_content h3          { text-indent: -9999px; background: url('/images/network-header.png') no-repeat; width: 174px; height: 26px; float: left;  margin: 10px}
p#network_info                  { float: left; color: #697075; margin: 10px 0 0 10px; }
div#left_network                { clear: both; float: left; width: 186px; padding: 10px 7px 0 8px; }
div#network_content h4          { background: url('/images/continent-header.png') no-repeat; width: 186px; height: 18px; font-size: 11px; color: #3b4550; text-align: center; padding-top: 2px }
div#left_network ul             { margin: 10px 0 0 20px; list-style: none; }
div#left_network ul li          { color: #f57b29; font-weight: bold; margin-top: 5px; display: block; width: 141px; height: 16px; text-align: left; }
div#left_network ul li:hover    { background: url('/images/city-bg.png') no-repeat; display: block; width: 141px; height: 16px }
div#left_network ul li a        { color: #dddddd; font-weight: normal; text-decoration: none; margin-left: 5px; }
div#left_network ul li a:hover  { font-weight: bold; color: #fff; }
div#middle_network              { float: left; background: #3a4045; width: 334px; height: 406px; padding: 10px 5px 0 5px; margin-top: 10px; }
div#right_network               { float: left; padding: 10px 8px 0 7px; }
div#right_network ul            { margin: 10px 0 0 20px; list-style: none; }
div#right_network ul li         { color: #f57b29; font-weight: bold; margin-top: 5px; display: block; width: 141px; height: 16px; text-align: left; }
div#right_network ul li:hover   { background: url('/images/city-bg.png') no-repeat; display: block; width: 141px; height: 16px }
div#right_network ul li a       { color: #dddddd; font-weight: normal; text-decoration: none; margin-left: 5px; }
div#right_network ul li a:hover { font-weight: bold; color: #fff; }
img.city                        { float: left; }
div#data_location               { float: left; padding-left: 10px; }
div#data_location span          { color: #e8e8e9; font-weight: bold; }
div#data_location p             { color: #e8e8e9; margin-top: 5px; }
div#data_location a             { text-decoration: none; color: #f36d25; margin-top: 10px; font-weight: bold; display: block; width: 88px; }
p.data_desc                     { clear: both; padding-top: 10px; width: 320px; padding-left: 6px; }

/* AFFILATES PAGE */
div#affiliates_content          { width: 758px; }
div#affiliates_content h3       { text-indent: -9999px; background: url('/images/affiliates-header.png') no-repeat; width: 192px; height: 23px; position: relative; top: 10px; margin-bottom: 20px }
div#affiliates_left h4          { color: #f0521b; margin-top: 10px; font-size: 11px; }
div#affiliates_left             { padding-left: 20px; width: 560px; float: left}
div#affiliates_left p           { color: #b3b3b3; }
ul#affiliates_details           { background: url('/images/affilates-box.png') no-repeat; width: 562px; height: 69px; margin-top: 10px; list-style-type:none }
li#first_details                { font-weight: bold; color: #e2e2e3; padding-top: 3px !important}
ul#affiliates_details li        { text-align: left; padding-top: 2px; margin-left: 5px; color: #b3b3b3; }
ul#affiliates_details span      { color: #f0521b; margin-right: 10px; }
div#affiliates_left a           { font-weight: bold; text-decoration: none; color: #fff; position: relative; top: 5px; }
div#affiliates_right            { float: right; padding-right: 10px; padding-top: 60px; }
div#affiliates_right h4         { background: url('/images/or-bar.png') no-repeat; width: 150px; height: 18px; font-size: 11px; color: #fff; text-align: center; padding-top: 2px; margin-bottom: 10px }
div#affiliates_right label      { float: left; width: 60px; margin-top: 2px; }
#affiliates_user,
#affiliates_pass                { background: url('/images/input-aff.png') no-repeat; width: 91px; height: 14px; border: 0px none; margin-top: 2px; font-size: 10px; padding: 2px }

/* FORUM PAGE */
div#forum_content               { width: 758px;}

/* SPONSORSHIPS PAGE */
div#sponsor_content             { width: 758px; }
div#sponsor_left                { float: left; }
div#sponsor_left h3             { text-indent: -9999px; background: url('/images/sponsorships-header.png') no-repeat; width: 273px; height: 24px; float: left;  margin: 10px}
div#sponsor_left h4             { background: url('/images/or-bar.png') no-repeat; width: 150px; height: 18px; font-size: 11px; color: #fff; text-align: center; padding-top: 2px; clear: both; margin-left: 20px  }
div#sponsor_left h5             { font-size: 11px; color: #f26522; margin: 10px 0 0 20px; }
div#sponsor_left a              { font-weight: bold; color: #fff; text-decoration: none; margin-left: 20px; }
div#sponsor_left p              { width: 370px; margin: 0 0 20px 20px; }
div#sponsor_right               { float: right; background: #2c343c; width: 346px; height: 425px; margin: 50px 15px 0 0; display: inline; }
div#sponsor_right h4            { background: url('/images/sponsored-teams.png') no-repeat; width: 336px; height: 17px; font-size: 11px; color: #3b4550; text-align: center; padding-top: 2px; margin-left:5px; margin-right:0; margin-top:5px; margin-bottom:0 }
div#sponsor_right ul            { list-style: none; margin: 8px 0 0 2px; }
div#sponsor_right ul li         { display: inline; margin-left: 3px; }
a#big-team-logo                 { margin: 4px 0 0 5px; display: block; width: 336px; }
div#team_info                   { float: left; padding-left: 10px; }
div#team_info span              { display: block; font-weight: bold; color: #f26522; margin-top: 4px; }
div#team_info a                 { color: #e3e3e4; text-decoration: none; }
div#team_info p                 { width: 170px; color: #e3e3e4; }
div#team_video                  { float: right; padding: 0 8px 0 0; }

/* FAQ PAGE */
div#faq_content                 { width: 758px; }
div#faq_content h3              { text-indent: -9999px; background: url('/images/faq-header.png') no-repeat; width: 336px; height: 40px; float: left; display: inline; margin-left:20px; margin-right:5px; margin-top:20px; margin-bottom:0 }
a#terms                         { float: left; display: block; background: url('/images/or-bar.png') no-repeat; width: 150px; height: 18px; font-size: 11px; color: #fff; text-align: center; padding-top: 2px; font-weight: bold; text-decoration: none; margin-top: 20px }
div#faq_left                    { clear: both; float: left; padding: 20px 0 0 20px;}
a.opened_faq                    { display: block; background: url('/images/faq-open.png') no-repeat; width:243px; height: 16px; color: #f4f4f4; font-weight: bold;  text-decoration: none; padding-left: 20px; padding-bottom: 1px}
a.closed_faq                    { display: block; background: url('/images/faq-close.png') no-repeat; width:243px; height: 17px; color: #f4f4f4; font-weight: bold; text-decoration: none; padding-left: 20px; padding-bottom: 1px }
div#faq_left ul                 { width: 253px; background: #363b41; padding: 5px; list-style-image:url('/images/icons/q.png') }
div#faq_left ul li              { margin-left: 30px; }
div#faq_left ul li a            { color: #7b858f; text-decoration: none; }
div#faq_right                   { float: right; }
div#answer_bar                  { background: url('/images/answer-bar.png') no-repeat; width:422px; height: 16px; color: #3b4550; font-weight: bold; padding-left: 10px; padding-top: 1px; margin-left:0; margin-right:20px; margin-top:20px; margin-bottom:0 }
div#answer_bar2					{ width:422px; height: 3px; color: #3b4550; font-weight: bold; padding-left: 10px; padding-top: 1px; margin: 20px 20px 0 0; }
a#prev_faq                      { color: #fff; text-decoration: none; margin-left: 230px; }
a#next_faq                      { color: #fff; text-decoration: none; margin-left: 30px; }
div#faq_right p                 { width: 420px; margin-top: 10px; }
div#search_faq                  { clear: both; padding: 150px 0 0 20px; }
div#search_faq label            { display: block; float: left; text-indent: -9999px; background: url('/images/search-faq.png') no-repeat; width: 133px; height: 24px }
input#faq_input                 { background: url('/images/faq-input.png') no-repeat; width: 235px; height: 16px; border: 0px none; padding: 4px }

/* GENERAL PAGE */
div#general_content             { width: 758px; }
h3#general_header               { text-indent: -9999px; background: url('/images/general-header.png') no-repeat; width: 300px; height: 24px; position: relative; top: 10px; left: 15px} 
div#general_left                {  clear: both; float: left; background: #2c343c; width: 275px; height: 410px; margin: 25px 0 0 15px; padding: 10px; display: inline; }
div#general_left strong         { color: #f26522; }
div#general_right               { float: right; padding: 25px 15px 0 0; }
div#white_box                   { background: #f2f2f2; width: 415px; height: 200px; }
div#white_box h4                { background: url('/images/general-title.png') no-repeat; width: 397px; height: 18px; font-size: 11px; color: #3b4550; padding-top: 2px; padding-left: 10px; float: left; display: inline; margin-left:4px; margin-right:0; margin-top:4px; margin-bottom:0 }
div#white_box p                 { color: #3b4550; margin-left: 5px; width: 395px; }
div#general_right h3            { text-indent: -9999px; background: url('/images/general-random.png') no-repeat; width: 352px; height: 45px; margin-top: 10px }
p#bottom_info                   { color: #646f7b; width: 375px; margin: 5px 0 0 5px; }

/* NEWS PAGE */
div#news_content                { width: 758px; }
div#top_left_news               { float: left; padding-left: 20px; }
div#top_left_news h3            { text-indent: -9999px; background: url('/images/recentnews-header.png') no-repeat; width: 144px; height: 42px; margin: 10px 0; }
div#top_left_news h4            { text-indent: -9999px; background: url('/images/press-release.png') no-repeat; width: 168px; height: 19px; margin: 10px 0; }
div#top_left_news span          { font-weight: bold; color: #f26522; display: block; }
div#top_left_news p             { width: 455px; color: #bcbcbc; }
div#top_right_news              { float: right; background: #384048; width: 260px; margin: 15px 10px 0 0; padding-bottom: 10px; display: inline; }
div#top_right_news ul           { list-style: none; }
div#top_right_news ul li        { width: 260px; height: 18px; }
div#top_right_news ul li span   { color: #f26522; font-weight: bold; float: right; margin-top: -13px; margin-right: 4px; }
div#top_right_news ul li a      { color: #596671; text-decoration: none; margin-left: 10px; }
div#top_right_news ul li a:hover{ font-weight: bold; color: #bcbcbc; }
div#top_right_news h4           { background: url('/images/headlines-title.png') no-repeat; width: 189px; height: 18px; padding-top: 2px;   text-align: center; color: #3b4550; font-size: 11px; margin-left:5px; margin-right:0; margin-top:5px; margin-bottom:10px}
li.light_headline               { background: #3d454e ; }
div#bottom_left_news            { float: left; padding: 50px 0 0 10px; }
div#bottom_left_news img        { float: left; margin-right: 5px}
div#bottom_left_news span       { display: block; color: #3e4751; }
div#bottom_left_news h4         { font-size: 11px; color: #f26522;  }
div#bottom_left_news p          { color: #bcbcbc; }
div#bottom_left_news a          { font-weight: bold; color: #f26522; text-decoration: none; }
div#bottom_right_news           { float: right; padding: 20px 10px 0 10px; }
div#bottom_right_news img       { float: left; margin-right: 5px}
div#bottom_right_news span      { display: block; color: #3e4751; }
div.title_new                   { float: left; width: 250px;  }
div#bottom_right_news h4        { font-size: 11px; color: #f26522;  }
div#bottom_right_news p         { color: #bcbcbc; }
div#bottom_right_news a         { font-weight: bold; color: #f26522; text-decoration: none; }

/* DOWNLOADS PAGE */
div#downloads_content           { width: 758px; }
/* div#downloads_content h3        { text-indent: -9999px; background: transparent url(/images/downloads-header.png) no-repeat; width: 225px; height: 24px; position: relative; top: 10px; left: 20px; } */
div#download_header       { text-indent: -9999px; width: 450px; height: 24px; position: relative; top: 10px; left: 20px; }
ul#dl_choices                   { background: url('/images/downloads-bar.png') no-repeat; width: 716px; height: 17px; list-style-type:none; margin-left:20px; margin-right:0; margin-top:20px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:3px; padding-bottom:0 }
ul#dl_choices li                { display: inline; margin-left: 13px}
ul#dl_choices li a              { color: #3b4550; font-weight: bold; text-decoration: none; }
div#choose_game                 { float: left; padding: 10px 0 0 20px; }
div#choose_game h4              { text-indent: -9999px; background: url('/images/choose-game.png') no-repeat; width: 131px; height: 23px }
div#choose_game ul              { background: #343c45; width: 208px; border: 1px solid #0e1114; list-style: none; padding: 5px 0 5px 0; margin-top: 10px; }
div#choose_game ul img          { margin-right: 5px}
div#choose_game ul li           { text-indent: 5px; }
div#choose_game ul li a         { display: block; width: 208px; height: 21px; text-decoration: none; font-weight: bold; color: #cdcdcd; }
div#choose_game ul li a:hover   { color: #f0521b; background: #292f34; }
div#downloads                   { float: left; padding: 10px 0 0 20px; }
div#downloads h4                { text-indent: -9999px; background: url('/images/downloads.png') no-repeat; width: 90px; height: 21px }
div#downloads_box               { background: #2b3136; width: 225px; padding: 5px 0 5px 0; margin-top: 10px; }
img#top_dl_box                  { margin-left: 3px; }
div.dl_file                     { margin: 5px 0 0 5px; }
div.dl_file a                   { font-weight: normal; font-size: 11px; color: #d3d3d3;  }
div.dl_file p                   { font-size: 10px; color: #64707d; width: 160px; }
div.dl_file span                { float: right; margin: -12px 10px 0 0; color: #f0521b; font-weight: bold; }
div#downloads_box ul            { margin: 5px 0 0 5px; }
div#downloads_box ul li         { list-style: none; float: left; }
div#downloads_box ul li a       { display: block; width: 11px; height: 12px; background: url('/images/downloads-page.png') no-repeat; margin-left: 2px; text-align: center; font-weight: bold; color: #1c2228 }
div#upload_files                { float: left; padding: 10px 0 0 20px; }
div#upload_files h4             { text-indent: -9999px; background: url('/images/upload-files.png') no-repeat; width: 96px; height: 26px }
div#upload_files p              { margin-bottom: 10px; }
div#upload_files label          { display: block; font-weight: bold; color: #cdcdcd; }
div#upload_files select         { width: 180px; }
div#upload_files span           { font-size: 10px; color: #64707d; }
p#info_upload                   { width: 250px; margin-top: 10px; color: #64707d; }
div#search_downloads            { clear: both; padding: 50px 0 0 20px; }
div#search_downloads label      { display: block; float: left; text-indent: -9999px; background: url('/images/search-files.png') no-repeat; width: 148px; height: 21px }
input#downloads_input           { background: url('/images/faq-input.png') no-repeat; width: 235px; height: 16px; border: 0px none; padding: 4px }



/* GAMES LIST PAGE */
div#list_content                { width: 738px; padding-left: 20px; }
.list_col                       { float: right; width: 95px; margin: 5px 12px 0 12px; }
.list_col li                    { width: 95px; list-style: none; margin-top: 6px; }
.list_col li p                  { font-weight: bold; color: #d4d5d9 !important; }
.list_col li p span             { color: #f26522; float: right; margin-top: -15px; display: inline; }


/* ----- FOOTER ----- */
div#footer                      { background: url('/images/footer.png') no-repeat; font-size: 11px; width: 908px; height: 70px; clear: both; position: relative; top: 20px; margin: 0 auto; text-align: left }
div#footer_left                 { float: left; width: 500px; height: 70px; }
ul#footer_pages                 { list-style: none; width: 450px; padding: 6px 0 0 15px;}
ul#footer_pages li              { display: inline; }
ul#footer_pages li span         { color: #404f5e; margin-left: 4px; }
ul#footer_pages li a            { color: #404f5e; text-decoration: none; }
ul#footer_options               { list-style: none; clear: both; margin: 10px 0 0 15px; }
ul#footer_options li            { margin-right: 5px; display: inline;}
ul#footer_options li a          { text-decoration: none; color: #585f67; }
div#footer_right                { float: right; width: 408px; height: 70px; }
div#footer_right span           { text-indent: -9999px; background: url('/images/gamedata.png') no-repeat; display: block; width: 269px; height: 23px; margin-left:30px; margin-right:0; margin-top:8px; margin-bottom:-4px }
div#footer_right p              { color: #d2d3db; padding: 2px 0 0 34px;  }



/* Tooltip */
.xstooltip 
{
    visibility: hidden; 
   	position: absolute;
}
/* ----- OTHER ----- */
.affiliateForm p                { line-height: 2.25em; height: auto !important; height: 2.25em; min-height: 2.25em !important; vertical-align: middle; }
.affiliateForm label            { width: 120px; float: left; display: block; clear: left; text-align: right; padding: 0 5px 0 0; line-height: 2.25em; height: 2.25em; vertical-align: bottom; }
.billingPanel, .billingPanel * { color: #fff !important; }
.billingPanel table { width: 100% !important; }
.billingPanel input { color: #000 !important; }
.billingPanel td { padding: 2px; width: auto !important; }
.billingPanel select, .billingPanel option, .billingPanel textarea { color: #000 !important; }
.billingPanel center { display: inline !important; }
.tc center { width: 755px;}
.tc center table, center td { width: 100%; }
.tc center td { background: #2C333B;}
.tc #NavigationPanel, #NavigationPanel table { width: 100%; padding: 0 0 3px 0; }
.tc ul, .tc li, .tc li a { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.tc center table { background: #1D2228 !important; border-collapse: collapse; width: 688px; margin: 0 auto; }
.tc .table_header td, .webgrid_pager, .webgrid_alternating_rows { background: #242B31; margin: 1px; color: #fff; }
.tc #IconsPanel * { background: none !important; }
.tc center a { color: #EF591E !important; }
.tc center a:focus, center a:hover { color: #fff !important; }
.tc center center { display: block; width: auto; }
#gameTabs { list-style: none; padding-left: 137px; margin-top: -40px; padding-bottom: 40px; }
#gameTabs li { float: left; }
#gameTabs a { display: block; float: left; overflow: hidden; text-indent: -9999px; height: 31px; margin-right: 7px; }

span#date  { float: left; font-size: 8pt; padding: 0px 15px 0px 0px; color: #69727B}
div#article { padding:4px;}
div#article h1 {color: #F26522; font-size: 11pt; font-weight: bold}
div#article a {color: #BDC5CD}
div#article h1 a {color: #F26522;text-decoration:none}
div#announcement_bg h3 a {color: #9C4116;font-size:+1;text-decoration:none}
