a:link    { background-color: transparent; color: #000000; text-decoration: none; }
a:visited { background-color: transparent; color: #000000; text-decoration: none; }
a:hover   { background-color: transparent; color: #0000FF; text-decoration: none; }
a:active  { background-color: transparent; color: #000000; text-decoration: none; }

.ToolText{position:relative;}
.ToolTextHover{position:relative;}
.ToolText span{display: none;}
.ToolTextHover span{
  display:block;
  white-space: nowrap;
  position:absolute;
  border:1px solid black;
  top:30px;
  left:-20px;
  background-color:#273348; color:white;
  text-align: left;
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#273348', EndColorStr='#7E8FAB');
  background: -moz-linear-gradient(-90deg,#273348,#7E8FAB);
  background: -webkit-gradient(linear, left top, left bottom, from(#273348), to(#7E8FAB));
  font-weight: normal;
  font-size: 11px;
  padding-top:2px;
  padding-bottom:2px;
  padding-right:2px;
  padding-left:2px;
}
.z30 { z-index:30; }
.z40 { z-index:40; }
.z50 { z-index:50; }


body {
background-image: url(images/sea_round4.jpg);
background-repeat:repeat-x;
background-color: #AFD2D6;
margin-left: 0px;
background-attachment: fixed;
margin-right: 0px;
margin-top: 0px;
font-family: Arial;
font-color: #006000;
text-align: center;
}

hr {
width: 100%;
color: #000000;
background: #000000;
height: 1px;
border: 0;
margin-bottom:3px;
margin-top:3px;
}

h1 {
font-weight: bold;
font-size: 18px;
text-align: center;
color: #274795;
}

.maintable {
border: 5px;
margin: 2px;
font-family: Arial;
font-weight: bold;
font-size: 14px;
padding:5px;
vertical-align: top;
margin-left:auto;
margin-right:auto;
}

.maintd {
vertical-align: top;
margin: 0px;
padding:0px;
border: 0px;
}

.tdright {
vertical-align: top;
margin: 0px;
padding:10px;
align: center;
}

.tableright {
display:anything;
width:280px;
border-collapse: collapse;
margin: 0px;
padding:0px;
border: 0px;
}

.tableright_top {
background-image: url(images/right_top.gif);margin-left: 0px;
width:280px;
height:30px;
}

.tableright_bottom {
background-image: url(images/right_bottom.gif);margin-left: 0px;
width:280px;
height:30px;
}

.tableright_left {
background-image: url(images/right_left.gif);margin-left: 0px;
width:13px;
margin: 0px;
padding:0px;
border: 0px;
}

.tableright_right {
background-image: url(images/right_right.gif);margin-left: 0px;
width:10px;
margin: 0px;
padding:0px;
border: 0px;
}

.tdrightmain {
width:260px;
background-color: #FFFCBD;
font-weight: bold;
vertical-align: top;
margin: 0px;
padding:0px;
border: 0px;
}

.island_ul { background-image: url(images/island_ul.gif);margin-left: 0px; width:32px; height:32px; padding:0px; }
.island_ur { background-image: url(images/island_ur.gif);margin-left: 0px; width:32px; height:32px; padding:0px; }
.island_dl { background-image: url(images/island_dl.gif);margin-left: 0px; width:32px; height:32px; padding:0px; }
.island_dr { background-image: url(images/island_dr.gif);margin-left: 0px; width:32px; height:32px; padding:0px; }

.infobox {
width:95%;
border: 2px outset #274795;
color: #274795;
text-align: center;
font-family: Arial;
font-size: 14px;
display:block;
}

.errorbox {
width:95%;
border: 3px ridge #FF0000;
color: #FF0000;
text-align: center;
font-family: Arial;
font-size: 14px;
font-weight: bold;
}

.tipbox {
 display:block;
 width:50%;
 border: 1px solid #CCCCCC;
 text-align: center;
 font-family: Arial;
 font-size: 12px;
 font-weight: normal;
 padding:3px;
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FEFEFE', EndColorStr='#DADADA');
 background: -moz-linear-gradient(-90deg,#FEFEFE,#DADADA);
 background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#DADADA));
 color: #666666;
}

.tipboxtop {
 color: #13C1FF;
}

.tableisland {
width:700px;
margin: 10px;
padding: 0px;
border-collapse: collapse;
text-align: center;
}

.tdmiddle {
background-image: url(images/sand.jpg);margin-left: 0px;
margin: 0px;
padding:0px;
width:536px;
height:32px;
}

.tableround {
width:600px;
border-color: #000000;
margin: 0px;
padding:0px;
border: 0px solid #C0C0C0;
}

.tos {
width:95%;
background-color: #FFFF99;
background-image: url(images/sand.jpg);
margin-left: 0px;
border-color: #000000;
}

.table_showisland {
margin: 5px;
padding:0px;
border-collapse: collapse;
}

.tdisland {
width:32px;
height:32px;
background-image: url(images/sand.jpg);margin-left: 0px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin: 0px;
padding:0px;
border: 1px #C0C0C0;
color: #C4A468;
min-width: 32px;
}

.tdisland_title {
width:160px;
height:25px;
background-image: url(images/sand.jpg);margin-left: 0px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin: 0px;
padding:0px;
color: #000000;
}

.tdisland_opp {
width:31px;
height:32px;
background-image: url(images/opp.jpg);margin-left: 0px;
text-align: center;
margin: 0px;
padding:0px;
}

.tdisland_main {
width:31px;
height:32px;
background-image: url(images/sand.jpg);margin-left: 0px;
text-align: center;
margin: 0px;
padding:0px;
border: 1px solid #000000;
}

.tdisland_yours {
background-image: url(images/yours.jpg);margin-left: 0px;
width: 31px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding:0px;
border: 1px solid #000000;
}

.tdisland_yours_main {
background-image: url(images/s_troops.jpg);margin-left: 0px;
width: 31px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding:0px;
border: 1px solid #E0B56A;
}

.tdisland_attack {
background-image: url(images/attack.gif);
margin-left: 0px;
width: 31px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding:0px;
border: 1px solid #E0B56A;
}

.tdisland_selected {
background-image: url(images/s_land.jpg);margin-left: 0px;
text-align: center;
width: 31px;
margin-left: auto;
margin-right: auto;
padding:0px;
border: 2px solid #E0B56A;
}

.tdisland_troops {
background-image: url(images/s_troops.jpg);margin-left: 0px;
width: 31px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding:0px;
border: 2px solid #CFA762;
}

.tdisland_nav2 {
background-image: url(images/island_nav5.gif);
background-repeat:no-repeat;
height: 30px;
text-align: center;
width: 280px;
padding-top: 3px;
}

.tdisland_none {
text-align: center;
margin: 0px;
padding:0px;
border: 0px;
}

.Carousel { text-align: left; width: 580px; height: 200px; vertical-align: top; }
li.carouselSize { overflow: hidden; float: left; padding-top:10px;margin-left:10px;margin-right:5px;height: 200px; width: 570px;}


.tdright0 { text-align: left; font-size: 12px; display: inline; float: left}

.tdright1 { text-align: left; font-size: 12px; width: 180px; display: inline; float: left}

.tdright2 { text-align: right; font-size: 12px; display: inline; float: right; }

.tdright3 { text-align: center; font-size: 12px; margin:0px;  }

.tdright4 { text-align: left; font-size: 12px; }

.train_option {
background-color:#FFFCBD;
border: 0px;
margin: 0px;
padding:3px;
width:200px;
}
.overviewl { text-align: left;  font-size: 12px; width: 50%; display: inline; float: left; font-weight: bold; }
.overviewr { text-align: right; font-size: 12px; width: 50%; display: inline; float: right; font-weight: bold;}
.overviewc { text-align: center;  font-size: 12px; width: 100%;  display: inline; font-weight: bold; color: #274795;}
.overviewupg { float: right; display: inline; vertical-align: middle;}

.left 		{ background-image: url(images/left.gif); 		}
.left-top 		{ background-image: url(images/left-top.gif); 		}
.right-top 		{ background-image: url(images/right-top.gif); 		}
.right 		{ background-image: url(images/right.gif); 		}
.right-bottom	{ background-image: url(images/right-bottom.gif); 	}
.bottom		{ background-image: url(images/bottom.gif); 		}
.left-bottom	{ background-image: url(images/left-bottom.gif); 	}
.island_top 	{ background-image: url(images/island_top.gif); 	height: 32px;	text-align: center; font-weight: bold; }
.island_bottom 	{ background-image: url(images/island_bottom.gif); 	height: 32px;	}
.island_middle 	{ background-image: url(images/sand); 			width: 95%;	 }
.sand			{ background-image: url(images/sand.jpg); }


.gamespace {
background-color: #DFFFDF;
vertical-align: top;
}

.input {
border-width: 1px;
border-style: solid;
border-color: #006000;
background-color: #FFFFFF;
display: inline;
margin-bottom: 2px;
height: 22px;
}

.chatbox {
border-width: 1px;
border-style: solid;
border-color: #006000;
background-color: #FFFFFF;
padding: 5px;
margin: 5px;
text-align: left;
font-weight: normal;
font-size: 13px;
width: 230px;
height: 150px;
overflow: auto;
}

.buttontable {
border-width: 2px;
border-style: solid;
border-color: #006000;
border-collapse: collapse;
background-color: #AFFFAF;
text-align: center;
font-weight: bold;
}

.buttontd {
border-width: 2px;
padding: 1px;
border-style: inset;
border-color: #006000;
background-color: #AFFFAF;
}

.buttonsubmit {
padding: 0px;
font-size: 13px;
color: #FFF;
background:url(images/button-background.png) repeat-x left top;
margin-bottom:2;
margin-top:2;
border:solid 1px #273348;
background-color: #273348;
display: inline;
}

.buttonsubmitsmall {
padding: 0px;
font-size: 11px;
color: #FFF;
background:url(images/button-background.png) repeat-x left top;
margin-bottom:0;
margin-top:0;
border:solid 1px #273348;
background-color: #273348;
display: inline;
text-align: center;
}

.forminline { display: inline; margin: 0; }
.rightinline { display: inline; float:right}

.table0 {
border-width: 0px;
border-color: #DFFFDF;
border-collapse: collapse;
text-align: center;
font-weight: bold;
width:100%;
}

.table1 {
border-width: 1px;
border-style: solid;
border-color: #006000;
border-collapse: collapse;
text-align: center;
font-weight: bold;
}

.table2 {
border-width: 0px;
border-color: #DFFFDF;
border-collapse: collapse;
text-align: left;
font-weight: bold;
}

.table3 {
width: 100%;
border-collapse: collapse;
text-align: left;
}

.td1 {
border-width: 1px;
padding: 1px;
border-style: inset;
border-color: #006000;
}

input.box {
background-color: #AFFFAF;
border-color: #AFFFAF;
font-size: 9px;
margin-bottom:0
}

.register_form_left {
float:left;
text-align:right;
width:140px;
margin-right:10px;
font-weight:bold;
font-size:13px;
padding-top:3px;
}

.register_form_right {
float:left;
width:210px;
z-index:999;
}

.info { color: #274795; }

.info_bold { color: #0000FF; font-weight: bold; }

.red { color: #FF0000; }

.green { color: #00AA00; }

.clan { color: #AA6509; }

.bold { font-weight: bold; }

.tdtop { vertical-align: top; }