BODY {
font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
font-size:11px;
background-color: #f4f4f4;
color:#333333;
font-weight:300;
margin:0;
background-image:url(../images/metal1.jpg);
background-repeat:repeat
}
a.white:link {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:300; font-size:11px; letter-spacing:0.5px; color: #cccccc; text-decoration: none;}
a.white:active {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:300; font-size:11px; letter-spacing:0.5px; color: #cccccc; text-decoration: none;}
a.white:visited {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:300; font-size:11px; letter-spacing:0.5px; color: #cccccc; text-decoration: none;}
a.white:hover {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:300; font-size:11px; letter-spacing:0.5px; color: #cccccc; text-decoration: none;}
a.truewhite:link {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:300; font-size:11px; letter-spacing:0.5px; color: #ffffff; text-decoration: none;}
a.truewhite:active {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:300; font-size:11px; letter-spacing:0.5px; color: #ffffff; text-decoration: none;}
a.truewhite:visited {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:300; font-size:11px; letter-spacing:0.5px; color: #ffffff; text-decoration: none;}
a.truewhite:hover {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:300; font-size:11px; letter-spacing:0.5px; color: #ffffff; text-decoration: none;}
a.navtab:link {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:300; font-size:12px; letter-spacing:0.5px; color: white; text-decoration: none;}
a.navtab:active {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:300; font-size:12px; letter-spacing:0.5px; color: white; text-decoration: none;}
a.navtab:visited {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:300; font-size:12px; letter-spacing:0.5px; color: white; text-decoration: none;}
a.navtab:hover {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:300; font-size:12px; letter-spacing:0.5px; color: white; text-decoration: none;}
a.yellow:link {font-family:Lucida Grande,Lucida Sans Unicode; font-size:12px; letter-spacing:0.5px; color: #FDF878; text-decoration: none;}
a.yellow:active {font-family:Lucida Grande,Lucida Sans Unicode; font-size:12px; letter-spacing:0.5px; color: #FDF878; text-decoration: none;}
a.yellow:visited {font-family:Lucida Grande,Lucida Sans Unicode; font-size:12px; letter-spacing:0.5px; color: #FDF878; text-decoration: none;}
a.yellow:hover {font-family:Lucida Grande,Lucida Sans Unicode; font-size:12px; letter-spacing:0.5px; color: #FDF878; text-decoration: none;}
a.main_menu:link {font-family:Lucida Grande,Lucida Sans Unicode; letter-spacing:2px; font-size:16px; color: white; text-decoration: none;}
a.main_menu:active {font-family:Lucida Grande,Lucida Sans Unicode; letter-spacing:2px;font-size:16px; color: white; text-decoration: none;}
a.main_menu:visited {font-family:Lucida Grande,Lucida Sans Unicode; letter-spacing:2px;font-size:16px; color: white; text-decoration: none;}
a.main_menu:hover {font-family:Lucida Grande,Lucida Sans Unicode; letter-spacing:2px;font-size:16px; color: #FDF878; text-decoration: none;}
a.main_menu_fb:link {font-family:Lucida Grande,Lucida Sans Unicode; font-size:12px; color: white; text-decoration: none;}
a.main_menu_fb:active {font-family:Lucida Grande,Lucida Sans Unicode; font-size:12px; color: white; text-decoration: none;}
a.main_menu_fb:visited {font-family:Lucida Grande,Lucida Sans Unicode; font-size:12px; color: white; text-decoration: none;}
a.main_menu_fb:hover {font-family:Lucida Grande,Lucida Sans Unicode; font-size:12px; color: #FDF878; text-decoration: none;}
a.white_bold:link {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:bold; letter-spacing:0.5px; color: #cccccc; text-decoration: none;}
a.white_bold:active {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:bold; letter-spacing:0.5px; color: #cccccc; text-decoration: none;}
a.white_bold:visited {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:bold; letter-spacing:0.5px; color: #cccccc; text-decoration: none;}
a.white_bold:hover {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:bold; letter-spacing:0.5px; color: #cccccc; text-decoration: none;}
a.dark:link {color: #0B2C64; text-decoration: none;}
a.dark:active {color: #0B2C64; text-decoration: none;}
a.dark:visited {color: #0B2C64; text-decoration: none;}
a.dark:hover {color: #0B2C64; text-decoration: underline;}
a.blue:link {color: #0A00BF; text-decoration: none;}
a.blue:active {color: #0A00BF; text-decoration: none;}
a.blue:visited {color: #0A00BF; text-decoration: none;}
a.blue:hover {color: #0A00BF; text-decoration: underline;}
a.green:link {color: #406b44; text-decoration: none;}
a.green:active {color: #406b44; text-decoration: none;}
a.green:visited {color: #406b44; text-decoration: none;}
a.green:hover {color: #406b44; text-decoration: underline;}
a.periwinkle:link {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:11px; letter-spacing:0.5px; color: #254076; text-decoration: none;}
a.periwinkle:active {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:11px; letter-spacing:0.5px; color: #254076; text-decoration: none;}
a.periwinkle:visited {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:11px; letter-spacing:0.5px; color: #254076; text-decoration: none;}
a.periwinkle:hover {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:11px; letter-spacing:0.5px; color: #254076; text-decoration: none;}
a.periyellow:link {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:11px; letter-spacing:0.5px; color: #999744; text-decoration: none;}
a.periyellow:active {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:11px; letter-spacing:0.5px; color: #999744; text-decoration: none;}
a.periyellow:visited {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:11px; letter-spacing:0.5px; color: #999744; text-decoration: none;}
a.periyellow:hover {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:11px; letter-spacing:0.5px; color: #999744; text-decoration: none;}
a.news:link {color: #0A00BF; text-decoration: none;}
a.news:active {color: #0A00BF; text-decoration: none;}
a.news:visited {color: #0A00BF; text-decoration: none;}
a.news:hover {color: #0A00BF; text-decoration: underline;}
a.white_underline:link {color: #0A00BF; text-decoration: underline;}
a.white_underline:active {color: #0A00BF; text-decoration: underline;}
a.white_underline:visited {color: #0A00BF; text-decoration: underline;}
a.white_underline:hover {color: #0A00BF; text-decoration: underline;}
.periwinklespan, .periwinkle {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:11px; letter-spacing:0.5px; color: #254076; text-decoration: none;}
.periyellow {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:11px; letter-spacing:0.5px; color: #999744; text-decoration: none;}
.normalblack {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:11px; letter-spacing:0.5px; color: #000000; text-decoration: none;}
.normalgray {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:11px; letter-spacing:0.5px; color: #8D8D8D; text-decoration: none;}
TABLE.normalgray TD {font-family:Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:11px; letter-spacing:0.5px; color: #8D8D8D; text-decoration: none;}
SPAN.green {color:#248422;}
TABLE.userInfoBox {
background: #5F7CFD;
font-size: smaller;
color: white; 
border-width: 1px;
border-color: #374893;
border-style: solid; 
border-radius: 5pt;
-moz-border-radius: 5pt;
}
Table.userInfoBox SPAN.AttnColor {
color:#00F7FF;
}
TABLE.statustable TD {
color:#bababa;
font-family:Lucida Grande,Lucida Sans Unicode, Arial; 
font-weight:400; 
font-size:11px; 
letter-spacing:0.5px;
}
TABLE.statustable_fb TD {
color:#bababa;
font-family:Lucida Grande,Lucida Sans Unicode, Arial; 
font-weight:400; 
font-size:9px; 
}
TABLE.BasicBox {
border-width: 1px;
border-color: #787878;
border-style: solid;
background-color: #E0EBFF;
border-radius: 10pt;
-moz-border-radius: 10pt;
font-size:10pt;
}
DIV.navtabs_table {
padding-top:5px;
padding-left:60px
}
.navtabs_left_spacer {
padding-left:240px;
width:20px;
}
TABLE.BasicBox a.white:link {color: #0A00BF; text-decoration: none;}
TABLE.BasicBox a.white:active {color: #0A00BF; text-decoration: none;}
TABLE.BasicBox a.white:visited {color: #0A00BF; text-decoration: none;}
TABLE.BasicBox a.white:hover {color: #0A00BF; text-decoration: underline;}
TABLE.userInfoBox a.white:link {color: #FFF755; text-decoration: none;}
TABLE.userInfoBox a.white:active {color: #FFF755; text-decoration: none;}
TABLE.userInfoBox a.white:visited {color: #FFF755; text-decoration: none;}
TABLE.userInfoBox a.white:hover {color: #FFF755; text-decoration: underline;}
TABLE.BasicBoxDarker {
z-index:3;
border-width: 1px;
border-color: #1C6CF6;
border-style: solid;
background-color: #91BFFF;
color:#0B2C64;
font-size:10pt;
}
TABLE.BasicBoxDarker a.white:link {color: #0A00BF; text-decoration: none;}
TABLE.BasicBoxDarker a.white:active {color: #0A00BF; text-decoration: none;}
TABLE.BasicBoxDarker a.white:visited {color: #0A00BF; text-decoration: none;}
TABLE.BasicBoxDarker a.white:hover {color: #0A00BF; text-decoration: underline;}
TABLE.BasicBoxHighlighted {
border-width: 1px;
border-color: #ff5400;
border-style: solid;
background-color: #FFCB81;
border-radius: 10pt;
-moz-border-radius: 10pt;
color:#0B2C64;
font-size:10pt;
}
TABLE.BasicBoxHighlighted a.white:link {color: #0A00BF; text-decoration: none;}
TABLE.BasicBoxHighlighted a.white:active {color: #0A00BF; text-decoration: none;}
TABLE.BasicBoxHighlighted a.white:visited {color: #0A00BF; text-decoration: none;}
TABLE.BasicBoxHighlighted a.white:hover {color: #0A00BF; text-decoration: underline;}
TD.BasicBoxDarkerHeader {
background-color: #5F7CFD;
color:white;
font-weight:bold;
}
TD.mainContent {
color:black;
font-size:10pt;
}
TD {
font-size:10pt;	
}
SPAN.pageTitle {
color: black;
font-size: 16px;
background-color: #F6F6F6;
border-left: 1px;
border-top: 0px;
border-bottom: 0px;
border-right: 1px;
border-style: solid;
border-color: #ACAEAC;
margin-right: 20px;
}
SELECT.JumpLink {
color: black;
background-color:#ACAEAC;
}
OPTION.JumpLink {
color: black;
background-color:#F6F6F6;
}
OPTION.JumpLinkAlt {
color: black;
background-color:#DDDDDD;
}
DIV.LandGrabImage {
background-image: url('../images/landgrab.gif');
height:95;
width:191;
}
.lg_button_small {
font-size:8pt;	
}
.power_bar_div {
font-size:0.8em;
color:#606060;
}
.power_bar_span {
padding-right:12px;
}
.pause_control_panel_header {
font-size:14px;
color:#363636;
}
.pause_control_panel {
font-size:12px;
color:#363636;
}
TD.tab_selected {
background-image:url('../images/tab_back.png');
background-repeat:repeat;
color:black;
white-space:nowrap;
height:25px;
cursor:pointer;
}
TD.tab_selected_left {
background-image:url('../images/tab_selected_left.png');
background-repeat:repeat;
color:white;
white-space:nowrap;
height:25px;
padding-left:5px;
}
TD.tab_selected_right {
background-image:url('../images/tab_selected_right.png');
background-repeat:repeat;
color:white;
white-space:nowrap;
height:25px;
padding-left:5px;
}
TD.tab_unselected {
background-image:url('../images/tab_back_disabled.png');
background-repeat:repeat;
color:white;
white-space:nowrap;
height:25px;
cursor:pointer;
}
TD.tab_unselected_left {
background-image:url('../images/tab_unselected_left.png');
background-repeat:repeat;
color:white;
white-space:nowrap;
height:25px;
padding-left:5px;
}
TD.tab_unselected_right {
background-image:url('../images/tab_unselected_right.png');
background-repeat:repeat;
color:white;
white-space:nowrap;
height:25px;
padding-right:5px;
}
html>body .lg_button_small {
background-image:url('../images/button_back.png');
background-repeat:repeat;
border:1px groove black;
font-size:8pt;
}
html>body .lg_button {
background-image:url('../images/button_back.png');
background-repeat:repeat;
border:1px groove #878787;
font-size:10pt;
padding-top:1px;
padding-bottom:1px;
}
.control_panel_table {
min-width:200px;	
}
.control_panel_table td {
color:#8d8d8d;
}
DIV.gamename {
font-family:Arial;
font-weight:700;
font-size:16px;
letter-spacing:-0.8px;
}
TD.gamestatus {
font-family:Lucida Grande,Lucida Sans Unicode;
font-weight:300;
font-size:11px;
letter-spacing:0.5px;
color:#8d8d8d;
}
.white {
font-family:Lucida Grande,Lucida Sans Unicode; 
font-weight:300; 
font-size:11px; 
letter-spacing:0.5px; 
color: #cccccc;
}
SPAN.AttnColor, DIV.AttnColor {
color:#ebe155;
}
.HistoryActionDiv {
border:1px dashed #999999;	
padding:4px;
margin-right:10px;
margin-bottom:10px;
color:#505050;
}
DIV.stalemate_crusher {
position:relative;
top:-6px;
font-size:11px;
padding-bottom:4px;
color:#333333;
margin-bottom:4px;
}
DIV.stalemate_crusher_bottom {
background-image:url(../images/rivet.png);
repeat:repeat-x;
height:10px;
margin-top:3px;
}
td.bl_tlc {
height:15px;
width:15px;
background-image:url(../images/div_imgs/bl_tlc.gif);
}
td.bl_t {
height:15px;
background-image: url(../images/div_imgs/bl_t.gif);
background-repeat:repeat;
}
td.bl_trc {
height:15px;
width:15px;
background-image:url(../images/div_imgs/bl_trc.gif);
}
td.bl_l {
width:15px;
background-image: url(../images/div_imgs/bl_l.gif);
}
td.bl_c {
background-color:#91BFFF;
background-image: url(../images/div_imgs/bl_c.gif);
background-repeat:repeat-x;
}
td.bl_r {
background-color:#91BFFF;
width:15px;
background-image: url(../images/div_imgs/bl_r.gif);
}
td.bl_blc {
height:15px;
width:15px;
background-image:url(../images/div_imgs/bl_blc.gif);
}
td.bl_b {
height:15px;
background-image: url(../images/div_imgs/bl_b.gif);
background-repeat:repeat;
}
td.bl_brc {
height:15px;
width:15px;
background-image:url(../images/div_imgs/bl_brc.gif);
}
td.or_tlc {
height:15px;
width:15px;
background-image:url(../images/div_imgs/or_tlc.gif);
}
td.or_t {
height:15px;
background-image: url(../images/div_imgs/or_t.gif);
background-repeat:repeat;
}
td.or_trc {
height:15px;
width:15px;
background-image:url(../images/div_imgs/or_trc.gif);
}
td.or_l {
width:15px;
background-image: url(../images/div_imgs/or_l.gif);
}
td.or_c {
background-color:#FFD186;
background-image: url(../images/div_imgs/or_c.gif);
background-repeat:repeat-x;
}
td.or_r {
background-color:#FFD186;
width:15px;
background-image: url(../images/div_imgs/or_r.gif);
}
td.or_blc {
height:15px;
width:15px;
background-image:url(../images/div_imgs/or_blc.gif);
}
td.or_b {
height:15px;
background-image: url(../images/div_imgs/or_b.gif);
background-repeat:repeat;
}
td.or_brc {
height:15px;
width:15px;
background-image:url(../images/div_imgs/or_brc.gif);
}
td.gr_tlc {
height:15px;
width:15px;
background-image:url(../images/div_imgs/gr_tlc.gif);
}
td.gr_t {
height:15px;
background-image: url(../images/div_imgs/gr_t.gif);
background-repeat:repeat;
}
td.gr_trc {
height:15px;
width:15px;
background-image:url(../images/div_imgs/gr_trc.gif);
}
td.gr_l {
width:15px;
background-image: url(../images/div_imgs/gr_l.gif);
}
td.gr_c {
background-color:#A8AEB8;
background-image: url(../images/div_imgs/gr_c.gif);
background-repeat:repeat-x;
}
td.gr_r {
background-color:#A8AEB8;
width:15px;
background-image: url(../images/div_imgs/gr_r.gif);
}
td.gr_blc {
height:15px;
width:15px;
background-image:url(../images/div_imgs/gr_blc.gif);
}
td.gr_b {
height:15px;
background-image: url(../images/div_imgs/gr_b.gif);
background-repeat:repeat;
}
td.gr_brc {
height:15px;
width:15px;
background-image:url(../images/div_imgs/gr_brc.gif);
}
td.db_tlc {
height:10px;
width:10px;
background-image:url(../images/div_imgs/db_tlc.gif);
}
td.db_t {
height:10px;
background-image: url(../images/div_imgs/db_t.gif);
background-repeat:repeat;
}
td.db_trc {
height:10px;
width:10px;
background-image:url(../images/div_imgs/db_trc.gif);
}
td.db_l {
width:10px;
background-image: url(../images/div_imgs/db_l.gif);
}
td.db_c {
background-color:#597EFF;
background-image: url(../images/div_imgs/db_c.gif);
background-repeat:repeat-x;
}
td.db_r {
background-color:#597EFF;
width:10px;
background-image: url(../images/div_imgs/db_r.gif);
}
td.db_blc {
height:10px;
width:10px;
background-image:url(../images/div_imgs/db_blc.gif);
}
td.db_b {
height:10px;
background-image: url(../images/div_imgs/db_b.gif);
background-repeat:repeat;
}
td.db_brc {
height:10px;
width:10px;
background-image:url(../images/div_imgs/db_brc.gif);
}
#overDiv > table:first-child {
-webkit-border-radius-topleft: 10px;
-webkit-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-radius-topleft:10px;
border-radius-topright:10px;
box-shadow: 1px 4px 8px #000000;
-webkit-box-shadow: 1px 4px 8px #000000;
-moz-box-shadow: 1px 4px 8px #000000;
}
.name_print_div {
position:absolute;
font-size:0.8em;
color:black;
background-color:white;
border:1px solid black;
opacity: .55;
filter: alpha(opacity=55);
}
.attack_report_img {
position:absolute;
z-index:5;
cursor:pointer;
opacity:.85;
filter: alpha(opacity=85);	
}
.army_layer_div {
white-space:nowrap;
position:absolute; 
cursor: pointer;
z-index: 3;
padding-right: 5px;
padding-left: 5px;
-webkit-border-radius: 4px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
opacity: .85;
filter: alpha(opacity=85);
box-shadow: 1px 4px 5px #000000;
-webkit-box-shadow: 1px 4px 5px #000000;
-moz-box-shadow: 1px 4px 5px #000000;
color:#cccccc;
}
.army_layer_div_mobile {
white-space:nowrap;
position:absolute; 
cursor: pointer;
z-index: 3;
padding-right: 5px;
padding-left: 5px;
-webkit-border-radius: 4px;
opacity: .85;
font-size:16px;
font-weight:bold;
box-shadow: 1px 4px 5px #000000;
-webkit-box-shadow: 1px 4px 5px #000000;
color:#cccccc;
}
.army_layer_div_small {
white-space:nowrap;
position:absolute; 
cursor: pointer;
z-index: 3;
padding-right: 2px;
padding-left: 2px;
-webkit-border-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
opacity: .85;
filter: alpha(opacity=85);
font-size:8pt;
box-shadow: 1px 3px 4px #000000;
-webkit-box-shadow: 1px 3px 4px #000000;
-moz-box-shadow: 1px 3px 4px #000000;
color:#cccccc;
}
.army_layer_div_tiny {
white-space:nowrap;
position:absolute; 
cursor: pointer;
z-index: 3;
padding-right: 1px;
padding-left: 1px;
-webkit-border-radius: 1px;
-moz-border-radius-topleft: 1px;
-moz-border-radius-topright: 1px;
-moz-border-radius-bottomright: 1px;
-moz-border-radius-bottomleft: 1px;
opacity: .85;
filter: alpha(opacity=85);
font-size:6pt;
color:#cccccc;
}
.card_owned_div {
position:relative;
top:6px;
text-align:center;
color:#1f4fe2;
font-size:10px; 
}
.card_name_div {
position:relative;
text-align:center;
top:70px;
padding:5px;
font-size:10px;
}
.card_div {
width:92px;
height:134px;
}
.card_circle {
background-image: url(../images/cards/circle.png);
}
.card_diamond {
background-image: url(../images/cards/diamond.png);
}
.card_star {
background-image: url(../images/cards/star.png);
}
.card_wild {
background-image: url(../images/cards/wild.png);
}
.card_owned_div_small {
position:relative;
top:1px;
text-align:center;
color:#1f4fe2;
font-size:6px; 
cursor:default;
}
.card_name_div_small {
position:relative;
text-align:center;
top:17px;
padding:2px;
font-size:6px;
color:black;
cursor:default;
}
.card_div_small {
width:30px;
height:44px;
overflow:hidden;
}
.card_circle_small {
background-image: url(../images/cards/circle_small.png);
}
.card_diamond_small {
background-image: url(../images/cards/diamond_small.png);
}
.card_star_small {
background-image: url(../images/cards/star_small.png);
}
.card_wild_small {
background-image: url(../images/cards/wild_small.png);
}
.realtime_new_message_box {
width:100%;
background-color:#cccccc;
border:1px solid #787878;
}
.realtime_new_message_label {
padding-left:20px;
}
.realtime_new_message_cell {
text-align:right;
}
.realtime_messages_div {
width:100%;
height:200px;
overflow:auto;
border:1px solid #787878;
margin-top:4px;
background-image:url(../images/white_40_opac.png);
background-repeat:repeat;
}
TABLE.data_table {
border: 1px solid #787878;
width:100%;
}
.data_table TD {
padding:2px;
}
.flavor_description_box {
padding:5px;
width:300px;
height:80px;
color:#black;
background-color: #F4F8FF;
border:1px dashed #666666;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
overflow:auto;
opacity:0.6;
}
.tools_header {
color:#036704;
font-size:16px;
text-decoration:none;
}
#achievement_div {
background-color:#5fba53;
border:1px solid #28538F;
padding:10px;
width:450px;
color: #28538F;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
z-index:100;
}
#achievement_div TD {
color: #28538F;
}
#popup_message_div {
background-color:#7385db;
border:2px solid #353f88;
padding:10px;
color: black;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
z-index:100;
}
#popup_message_div TD {
color: black;
}
.button_table_disabled {
height:26px;
border-collapse:collapse;
cursor:default;
}
.button_table_disabled td {
line-height:26px;
height:26px;
background-image:url('../images/buttons/bt_repeat_disabled.png');
background-repeat:repeat-x;
color:#333333;
font-family:helvetica, arial, sans-serif;
font-size:11px;
padding-left:4px;
padding-right:4px;
}
.button_table_disabled td a {
text-decoration:none;
color:#333333;
}
.button_table_left_disabled {
width:6px !important;
background-image:url('../images/buttons/bt_left_disabled.png') !important;
background-repeat:no-repeat !important;
padding:0px !important;
}
.button_table_right_disabled{
width:6px !important;
background-image:url('../images/buttons/bt_right_disabled.png') !important;
background-repeat:no-repeat !important;
padding:0px !important;
}
.button_table {
height:26px;
border-collapse:collapse;
cursor:pointer;
}
.button_table td {
line-height:26px;
height:26px;
background-image:url('../images/buttons/bt_repeat.png');
background-repeat:repeat-x;
color:#e3e5aa;
font-family:helvetica, arial, sans-serif;
font-size:11px;
padding-left:4px;
padding-right:4px;
}
.button_table td a {
text-decoration:none;
color:#e3e5aa;
}
.button_table_left {
width:6px !important;
background-image:url('../images/buttons/bt_left.png') !important;
background-repeat:no-repeat !important;
padding:0px !important;
}
.button_table_right {
width:6px !important;
background-image:url('../images/buttons/bt_right.png') !important;
background-repeat:no-repeat !important;
padding:0px !important;
}
.button_table_w_icon {
height:26px;
border-collapse:collapse;
cursor:pointer;
}
.button_table_w_icon td {
line-height:26px;
height:26px;
background-image:url('../images/buttons/bt_repeat.png');
background-repeat:repeat-x;
color:#e3e5aa;
font-family:helvetica, arial, sans-serif;
font-size:11px;
padding-left:4px;
padding-right:4px;
}
.button_table_w_icon td a {
text-decoration:none;
color:#e3e5aa;
}
.button_table_w_icon td img {
position:relative;
top:3px;
border:none;
}
.button_table_w_icon img.sep {
padding-left:4px;
}
.button_table_w_icon td:first-child + td + td {
padding-right:8px;
}
.button_table_w_icon_disabled {
height:26px;
border-collapse:collapse;
cursor:default;
}
.button_table_w_icon_disabled td {
line-height:26px;
height:26px;
background-image:url('../images/buttons/bt_repeat_disabled.png');
background-repeat:repeat-x;
color:#333333;
font-family:helvetica, arial, sans-serif;
font-size:11px;
padding-left:4px;
padding-right:4px;
}
.button_table_w_icon_disabled td a {
text-decoration:none;
color:#53450b;
}
.button_table_w_icon_disabled td img {
position:relative;
top:3px;
border:none;
}
.button_table_w_icon_disabled img.sep {
padding-left:4px;
}
.button_table_w_icon_disabled td:first-child + td + td {
padding-right:8px;
}
/* game box highlight hover */
.gb_hl_s {
cursor:pointer;
border:2px solid #ebe155;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding:5px;
background-color:#434432;
}
/* game box gray hover */
.gb_g_s {
cursor:pointer;
border:2px solid #a6a6a6;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding:5px;
background-color:#3f3f3f;
}
/* game box normal hover */
.gb_n_s {
cursor:pointer;
border:2px solid #60bb54;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding:5px;
background-color:#31442e;
}
/* game box recently completed */
.gb_f_s {
cursor:pointer;
border:2px solid #90bb8b;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding:5px;
background-color:#344133;
}
/* game box recently completed */
.gb_f {
cursor:pointer;
padding:5px;
margin:2px;
}
/* game box highlighted */
.gb_hl {
cursor:pointer;
border-left:2px solid #ebe155;
padding:5px;
margin-right:2px;
margin-top:2px;
margin-bottom:2px; 
}
/* game box gray */
.gb_g {
cursor:pointer;
padding:5px;
margin:2px;
}
/* game box normal */
.gb_n {
cursor:pointer;
padding:5px;
margin:2px;
}
.power_bar_table {
padding-left:10px;
}
.power_bar_table td {
font-family:helvetica, arial, sans-serif;
font-size:9px;
color:#58587d;
font-weight:bold;
padding-right:5px;
white-space:nowrap;
}
.power_bar_table td b {
font-family:helvetica, arial, sans-serif;
font-size:9px;
color:#9e9ed2;
font-weight:bold;
padding-left:7px;
padding-right:7px;
}
.countdown_timer_table td {
color:white;
font-face:courier;
font-weight:bold;
font-size:10px;
text-align:center;
}
.countdown_timer_table_number_cell {
width:11px;
height:15px;
background-image:url(../images/timer-digit.png);
}
.background_pattern_picker_table {
border-collapse:collapse;
table-layout:fixed;
margin-top:8px;
}
.background_pattern_picker_table td {
border:2px solid #f4f4f4;
font-size:20px;
cursor:pointer;
}
.overall_alert_div {
width:220px;
height:30px;
overflow:hidden;
color:#eecd49;
font-size:10px;
display:table-cell;
vertical-align:middle;
text-align:center;
}
.bottom_bar {
position:absolute;
right:18px;
top:95px;
height:30px;
width:235px; 
z-index:100;
}
.notifications_container {
position:absolute;
top:124px;
height:60px;
overflow-y:auto;
overflow-x:hidden;
width:200px;
right:20px;
background-color:#242424; 
border-top:1px solid #000000;
border-left:1px solid #000000;
z-index:100;
opacity:0.9;
filter: alpha(opacity=90);
}
.notifications_overlay {
position:absolute;
top:0px;
left:0px;
z-index:99;
width:100%;
height:100%;
opacity:1.0;
filter: alpha(opacity=100);
}
.notification_message {
color:#dcdcdc;
padding:5px;
font-size:10px;
}
.notification_date {
padding-top:10px;
color:#696969;
}
.notification_message_unread {
color:white;
font-weight:bold;
}
.error_message_div {
width:700px;
padding:10px;
overflow:auto;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
background-color:white;
border:1px solid #acacac;
margin:0 auto;
box-shadow: 0px 7px 10px #666666;
-webkit-box-shadow: 0px 7px 10px #666666;
-moz-box-shadow: 0px 7px 10px #666666;
}
.map_image_thumbnail {
box-shadow: 1px 3px 3px #666666;
-webkit-box-shadow: 1px 3px 3px #666666;
-moz-box-shadow: 1px 3px 3px #666666;
border:1px solid #270D88;
margin-bottom:5px;
cursor:pointer;
}