

BODY {
    font-family: 'Mako', Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
    font-size:13px;
    background-color: #f4f4f4;
    color:#333333;
    margin:0;
    background-image:url(../images/metal1.jpg);
    background-repeat:repeat
}

a.white:link {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:300; font-size:12px; letter-spacing:0.5px; color: #cccccc; text-decoration: none;}
a.white:active {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:300; font-size:12px; letter-spacing:0.5px; color: #cccccc; text-decoration: none;}
a.white:visited {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:300; font-size:12px; letter-spacing:0.5px; color: #cccccc; text-decoration: none;}
a.white:hover {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:300; font-size:12px; letter-spacing:0.5px; color: #cccccc; text-decoration: none;}

a.truewhite:link {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:300; font-size:12px; letter-spacing:0.5px; color: #ffffff; text-decoration: none;}
a.truewhite:active {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:300; font-size:12px; letter-spacing:0.5px; color: #ffffff; text-decoration: none;}
a.truewhite:visited {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:300; font-size:12px; letter-spacing:0.5px; color: #ffffff; text-decoration: none;}
a.truewhite:hover {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:300; font-size:12px; letter-spacing:0.5px; color: #ffffff; text-decoration: none;}

a.navtab:link {font-family:'Mako', 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:'Mako', 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:'Mako', 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:'Mako', 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:'Mako', Lucida Grande,Lucida Sans Unicode; font-size:12px; letter-spacing:0.5px; color: #FDF878; text-decoration: none;}
a.yellow:active {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-size:12px; letter-spacing:0.5px; color: #FDF878; text-decoration: none;}
a.yellow:visited {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-size:12px; letter-spacing:0.5px; color: #FDF878; text-decoration: none;}
a.yellow:hover {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-size:12px; letter-spacing:0.5px; color: #FDF878; text-decoration: none;}

a.main_menu:link {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; letter-spacing:2px; font-size:16px; color: white; text-decoration: none;}
a.main_menu:active {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; letter-spacing:2px;font-size:16px; color: white; text-decoration: none;}
a.main_menu:visited {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; letter-spacing:2px;font-size:16px; color: white; text-decoration: none;}
a.main_menu:hover {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; letter-spacing:2px;font-size:16px; color: #FDF878; text-decoration: none;}

a.main_menu_fb:link {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-size:12px; color: white; text-decoration: none;}
a.main_menu_fb:active {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-size:12px; color: white; text-decoration: none;}
a.main_menu_fb:visited {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-size:12px; color: white; text-decoration: none;}
a.main_menu_fb:hover {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-size:12px; color: #FDF878; text-decoration: none;}

a.white_bold:link {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:bold; letter-spacing:0.5px; color: #cccccc; text-decoration: none;}
a.white_bold:active {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:bold; letter-spacing:0.5px; color: #cccccc; text-decoration: none;}
a.white_bold:visited {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:bold; letter-spacing:0.5px; color: #cccccc; text-decoration: none;}
a.white_bold:hover {font-family:'Mako', 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: #248422; text-decoration: none;}
a.green:active {color: #248422; text-decoration: none;}
a.green:visited {color: #248422; text-decoration: none;}
a.green:hover {color: #248422; text-decoration: underline;}

a.periwinkle:link {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:12px; letter-spacing:0.5px; color: #254076; text-decoration: none;}
a.periwinkle:active {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:12px; letter-spacing:0.5px; color: #254076; text-decoration: none;}
a.periwinkle:visited {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:12px; letter-spacing:0.5px; color: #254076; text-decoration: none;}
a.periwinkle:hover {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:12px; letter-spacing:0.5px; color: #254076; text-decoration: none;}

a.periyellow:link {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:12px; letter-spacing:0.5px; color: #999744; text-decoration: none;}
a.periyellow:active {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:12px; letter-spacing:0.5px; color: #999744; text-decoration: none;}
a.periyellow:visited {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:12px; letter-spacing:0.5px; color: #999744; text-decoration: none;}
a.periyellow:hover {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:12px; 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:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:12px; letter-spacing:0.5px; color: #254076; text-decoration: none;}
.periyellow {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:12px; letter-spacing:0.5px; color: #999744; text-decoration: none;}
.normalblack {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:12px; letter-spacing:0.5px; color: #000000; text-decoration: none;}
.normalgray {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:12px; letter-spacing:0.5px; color: #8D8D8D; text-decoration: none;}
TABLE.normalgray TD {font-family:'Mako', Lucida Grande,Lucida Sans Unicode; font-weight:400; font-size:12px; letter-spacing:0.5px; color: #8D8D8D; text-decoration: none;}
SPAN.green {color:#248422;cursor:pointer;}


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:'Mako', Lucida Grande,Lucida Sans Unicode, Arial; 
  font-weight:400; 
  font-size:12px; 
  letter-spacing:0.5px;
}

TABLE.statustable_fb TD {
  color:#bababa;
  font-family:'Mako', 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:14px;
}

TD {
	font-size:14px;	
}

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;
}

.home_banner_1 {
	font-family: 'Mako', arial, serif;
	font-size:18px;
	letter-spacing:0.078em;
}

DIV.gamename {
	font-family: 'Philosopher', arial, serif;
    font-size:20px;
}

TD.gamestatus {
    font-family:'Mako', Lucida Grande,Lucida Sans Unicode;
    font-weight:300;
    font-size:12px;
    letter-spacing:0.5px;
    color:#8d8d8d;
}

.white {
    font-family:'Mako', Lucida Grande,Lucida Sans Unicode; 
    font-weight:300; 
    font-size:12px; 
    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:12px;
	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_div_gradient {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.2) 35%, rgba(255,255,255,0) 36%, rgba(255,255,255,0) 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(35%,rgba(255,255,255,0.2)), color-stop(36%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 35%,rgba(255,255,255,0) 36%,rgba(255,255,255,0) 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 35%,rgba(255,255,255,0) 36%,rgba(255,255,255,0) 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 35%,rgba(255,255,255,0) 36%,rgba(255,255,255,0) 50%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 35%,rgba(255,255,255,0) 36%,rgba(255,255,255,0) 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

	padding:0px 4px 0px 4px;
    box-shadow: inset 0px 0px 3px rgba(0,0,0,1);
}

.army_layer_div {
  white-space:nowrap;
  position:absolute; 
  cursor: pointer;
  z-index: 3;
  
  -webkit-border-radius: 4px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  overflow:hidden;
  
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 1);
  -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 1);
  -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 1);
  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: 3px;
  border-radius: 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: 1px;
  border-radius: 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_ROCK_circle {
  background-image: url(../images/cards/ROCK_circle.png);
}

.card_ROCK_diamond {
  background-image: url(../images/cards/ROCK_diamond.png);
}

.card_ROCK_star {
  background-image: url(../images/cards/ROCK_star.png);
}

.card_ROCK_wild {
  background-image: url(../images/cards/ROCK_wild.png);
}





.card_PAPER_circle {
  background-image: url(../images/cards/PAPER_circle.png);
}

.card_PAPER_diamond {
  background-image: url(../images/cards/PAPER_diamond.png);
}

.card_PAPER_star {
  background-image: url(../images/cards/PAPER_star.png);
}

.card_PAPER_wild {
  background-image: url(../images/cards/PAPER_wild.png);
}





.card_SCISSORS_circle {
  background-image: url(../images/cards/SCISSORS_circle.png);
}

.card_SCISSORS_diamond {
  background-image: url(../images/cards/SCISSORS_diamond.png);
}

.card_SCISSORS_star {
  background-image: url(../images/cards/SCISSORS_star.png);
}

.card_SCISSORS_wild {
  background-image: url(../images/cards/SCISSORS_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);
}



.card_PAPER_circle_small {
  background-image: url(../images/cards/PAPER_circle_small.png);
}

.card_PAPER_diamond_small {
  background-image: url(../images/cards/PAPER_diamond_small.png);
}

.card_PAPER_star_small {
  background-image: url(../images/cards/PAPER_star_small.png);
}

.card_PAPER_wild_small {
  background-image: url(../images/cards/PAPER_wild_small.png);
}



.card_ROCK_circle_small {
  background-image: url(../images/cards/ROCK_circle_small.png);
}

.card_ROCK_diamond_small {
  background-image: url(../images/cards/ROCK_diamond_small.png);
}

.card_ROCK_star_small {
  background-image: url(../images/cards/ROCK_star_small.png);
}

.card_ROCK_wild_small {
  background-image: url(../images/cards/ROCK_wild_small.png);
}



.card_SCISSORS_circle_small {
  background-image: url(../images/cards/SCISSORS_circle_small.png);
}

.card_SCISSORS_diamond_small {
  background-image: url(../images/cards/SCISSORS_diamond_small.png);
}

.card_SCISSORS_star_small {
  background-image: url(../images/cards/SCISSORS_star_small.png);
}

.card_SCISSORS_wild_small {
  background-image: url(../images/cards/SCISSORS_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:98%;
    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 solid #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:'Amaranth', 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:'Amaranth', 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:'Amaranth', 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:'Amaranth', 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 borged */
.gb_b_s {
    cursor:pointer;
    border:2px solid #c59877;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    padding:5px;
    background-color:#513f33;
}

/* game box recently borged */
.gb_b {
    cursor:pointer;
    padding:5px;
    margin:2px;
}

/* 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;
}

.alternating_table_row tr:nth-child(odd)
{
  background-image:url(../images/white_20_opac.png);
  background-repeat:repeat;
}

.alternating_table_row tr:nth-child(even) td
{
  border-bottom:1px solid #999999;
  border-top:1px solid #999999;
}

.bridgewall_infodiv
{
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  font-size:9px;
  position:absolute;
  z-index: 5;
  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;
  border:1px solid black;
  padding:2px 5px 2px 5px;
  cursor:pointer;
}

.bridgewall_progress_container
{
  height:5px;
  position:absolute;
  width:16px;
  border:1px solid #333333;
  background-color:white;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  top:-4px;
}

.bridgewall_progress_div
{
  height:5px;
  background-color:#333333;
}

.registrar_rules_table
{
  
}

.registrar_rules_table tr td:first-child
{
  width:1%;
  white-space:nowrap;
  text-align:right;
  padding-right:10px;
}

.virus_count_table td
{
  color:#f2f2f2;
  font-size:11px;
  width:11px;
  text-align:center;
}

.auto_suggest_item
{
  cursor:pointer;
  color:#787878;
}

.lightcell
{
  background-image:url(../images/white_20_opac.png);
  border-bottom:1px solid #9a9a9a;
  border-top:1px solid #9a9a9a
}

.darkcell
{
  background-image:url(../images/black_38_opac.png);
  border-bottom:1px solid #696969;
  color:#f2f2f2;
}

.roll_stat_table td
{
	text-align:center;
}

.diebox
{
	position:relative;
	width:55px;
	height:55px;
	padding-left:1px;
}

.dieimg
{
	width:55px;
	height:55px;
}

.plusDieMarker
{
	width:19px;
	height:11px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:20;
}

.attacker_dice_row
{
	width:165px;
	height:55px;
	background-color:#fececf;
	border:1px solid #ff0000;
	margin: 5px auto 0px auto;
	padding-left:6px;
	padding-right:4px;
	padding-top:1px;
}

.defender_dice_row
{
	width:165px;
    height:55px;
    background-color:#ceceff;
    border:1px solid #4141ff;
    margin: 3px auto;
    padding-left:6px;
    padding-right:4px;
    padding-top:1px;
}

.loss_pill
{
	width:92px;
	height:30px;
	margin:0 auto;
	background-image:url('../images/LossBackground.png');
	position:relative;
	margin-top:7px;
}

.loss_pill_number_at
{
	width:20px;
	height:16px;
	top:4px;
	left:5px;
	position:relative;
	top:7px;
	left:13px;
}

.loss_pill_number_df
{
    width:20px;
    height:16px;
    position:relative;
    top:4px;
    left:10px;
    position:relative;
    top:7px;
    left:34px;
}

.anim_loss_span
{
	font-weight:bold;
	font-size:16px;
	color:#fff;
	text-shadow: 0 0 10px #000;
}

.num_anim_div
{
	position:absolute;
	z-index:100;
	transition: all 600ms ease-in;
	-webkit-transition: all 600ms ease-in;
}