body {cursor: default; margin:0px; background:black;}
body, td {font-family: georgia, tahoma, lucida grande, verdana, arial; font-size: 11px; color: white;}
table {border=0; border-collapse: collapse; padding: 0px; }
form {margin:0px;}
td {padding-right: 20px;}

a { cursor: pointer; color: #62a2df; text-decoration: none; outline: none;}
a:hover {color: #90c0ee;}
.shytext {color: #777777;}
.loudtext {color:#AF7441;}


/* FROM WARBREW */

/* Fix IE's fonts for small block elements */
.pea, .genius, .bar, .res_t, .res_w, .res_f, .res_k, .res_m , #chat_top .left, #chat_top .right {
	font-size:5px;
}
.hpbar, .hpbar_left, .hpbar_mid, .hpbar_right {
	font-size: 2px;
}

.popup_alert a {color:#e6d1b3; }
.popup_alert a:hover {color:#e6d1b3; background-color:#000000; text-decoration: none;}
.popup_bkg {position:absolute;left:0px;top:0px;width:100%;height:100%; z-index:9; filter:alpha(opacity=88);-moz-opacity:.88;opacity:.88; background: #000000;}
.popup_alert {position:absolute; left:50%;top:100px;background: #000000 url(../images/popup.bkg.jpg);width:400px;height:250px;z-index:10;margin-left:-200px;font-family:georgia, times new roman, lucida grande, lucida sans unicode, arial;}
.popup_alert_inside {position: absolute; left: 8px; top: 8px; width: 365px; height: 215px; overflow:auto; padding: 9px;}

hr {border: 0px; height: 1px; color: #454132; background-color: #454132; margin-right:10px;}

img {border:0;}

.devtext {color: #ae00ff};
.devtext:hover {color: #c343ff;}
.yellowtext {color: #ffcc00;}
.goldtext {color: #998844;}
.bronzetext {color: #454132;}
.darkgreytext {color: #575757;}
.greytext {color: #838383;}
.silvertext {color: #aaaaaa;}

.warblue {color: #3491e8;}
.worn {color: #565048;}

.tt_grey {color: #4d4d4d;}
.tt_silver {color: #666666;}
.tt_magic {color: #70c7ff;}

.top {margin-left: auto; margin-right: auto; background: url(../images/top.gif); width:950px; height: 58px; position: relative;}
.bar {margin-left: auto; margin-right: auto; position: relative; background: url(../images/rainbowbar.gif); background-repeat: repeat-x; width:974px; height:9px; }
.logo {width: 139px; height:34px; background: url(../images/logo.gif);}
.roguelogo {position: absolute; left: 33px; top: 14px; width: 136px; height:31px; background: clear;}

.indicators {position: absolute; left:190px; top:21px; width:170px; height:24px;}
.indicator_mail {float:left; background: url(../images/indicator_mail.gif); background-repeat: no-repeat; width:25px; height:24px; padding-right:1px;}
.indicator_mail2 {float:left; background: url(../images/indicator_mail2.gif); background-repeat: no-repeat; width:25px; height:24px; padding-right:1px;}
.indicator_refresh {float:left; background: url(../images/refresh.gif); background-repeat: no-repeat; width:60px; height:22px; padding-right:1px;}
.indicator_refresh {float:left; background: url(../images/refresh.gif); background-repeat: no-repeat; width:60px; height:22px; padding-right:1px;}


.buttons {position: absolute; top:17px; right:24px;}
.button_guide {float:left; background: url(../images/button_guide.gif); background-repeat: no-repeat; width:57px; height:23px;}
.button_map {float:left; background: url(../images/button_map.gif); background-repeat: no-repeat; width:57px; height:23px;}
.button_forums {float:left; background: url(../images/button_forums.gif); background-repeat: no-repeat; width:57px; height:23px;}
.button_options {float:left; background: url(../images/button_options.gif); background-repeat: no-repeat; width:57px; height:23px;}
.button_exit {float:left; background: url(../images/button_exit.gif); background-repeat: no-repeat; width:57px; height:23px;}
.spacer {float:left;}

.content {margin-left: auto; margin-right: auto; background: #1c1c1c url(../images/bkg.jpg); width: 950px; height: 480px; position: relative; text-align:left;}
.lefty {height:100%; width:6px; position: absolute; left:0px; background: url(../images/greylefty.gif);}
.righty {height:100%; width:6px; position: absolute; right:0px; background: url(../images/greyrighty.gif);}










select, button, input, textarea { font-size:11px; font-family: georgia, tahoma; background: black; color:white; border:2px outset #4a4a4a; }
input[type=text], input[type=password], textarea {border:2px inset #4a4a4a;}
select, input[type=select] {padding: 2px; }
input[type=text], input[type=password] {padding: 2px; }
button, input[type=submit], input[type=button] {cursor: pointer; padding: 2px; }

.pane {padding:10px; background: #191919; border-left: 1px solid #000000; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #323232; border-bottom: 1px solid #323232; }
.formrow {padding-bottom:5px;}


.resources {position: absolute; width: 300px; height:18px; left: 300px; top:20px;}
.res {position: relative; float:left; width: 74px; height:18px; background: url(../images/tidbits.gif) no-repeat 0px 0px;}


.res_t {position: absolute; left:3px; top:4px; width: 11px; height: 11px; background:url('../images/tidbits.gif') no-repeat -74px top;}
.res_w {position: absolute; left:3px; top:2px; width: 15px; height: 14px; background:url('../images/tidbits.gif') no-repeat -85px top;}
.res_f {position: absolute; left:3px; top:2px; width: 11px; height: 14px; background:url('../images/tidbits.gif') no-repeat -100px top;}
.res_k {position: absolute; left:3px; top:3px; width: 13px; height: 12px; background:url('../images/tidbits.gif') no-repeat -111px top;}
.res_m {position: absolute; left:3px; top:4px; width: 11px; height: 11px; background:url('../images/tidbits.gif') no-repeat -74px -11px;}

.res_t_float {z-index:2;position: absolute; width: 74px; height:18px; left: 0px; top:0px;}
.res_w_float {z-index:2;position: absolute; width: 74px; height:18px; left: 74px; top:0px;}
.res_f_float {z-index:2;position: absolute; width: 74px; height:18px; left: 148px; top:0px;}
.res_k_float {z-index:2;position: absolute; width: 74px; height:18px; left: 222px; top:0px;}
.res_m_float {z-index:2;position: absolute; width: 74px; height:18px; left: 222px; top:0px;}

.res_t2 {font-size: 10px; color: #93ceff; position: absolute; left:16px; top:2px; width: 55px; height: 14px; overflow: hidden;}
.res_w2 {font-size: 10px; color: #907e6c; position: absolute; left:20px; top:2px; width: 52px; height: 14px; overflow: hidden;}
.res_f2 {font-size: 10px; color: #907e6c; position: absolute; left:16px; top:2px; width: 56px; height: 14px; overflow: hidden;}
.res_k2 {font-size: 10px; color: #918d5d; position: absolute; left:19px; top:2px; width: 53px; height: 14px; overflow: hidden;}
.res_m2 {font-size: 10px; color: #bedf99; position: absolute; left:15px; top:2px; width: 53px; height: 14px; overflow: hidden;}
.res_add {font-size:10px; color: #404040;}

.pane_padding {padding:5px; background: red;}

.pane_player {position: absolute; left: 17px; top: 12px; width: 152px; height: 51px; background:url('../images/panes.jpg') no-repeat left top; overflow:hidden;}
.shield {position: absolute; left: 5px; top: 5px; width: 14px; height: 14px; background:url('../images/tidbits.gif') no-repeat -125px top;}
.shield2 {position: absolute; left: 5px; top: 5px; width: 14px; height: 14px; background:url('../images/tidbits.gif') no-repeat -139px top;}
.name {color: #666666; font-weight: bold; position: absolute; left: 22px; top: 5px; width: 105px; height: 14px;}
.name2 {color: #57beff; font-weight: bold; position: absolute; left: 22px; top: 5px; width: 105px; height: 14px;}
.acctlinks {font-size:10px; position: absolute; left: 5px; top: 21px; width: 143px; height: 28px;}
.upgrade {position: absolute; left: 105px; top: 34px; width: 45px; height: 15px; background:url('../images/upgrade.gif') no-repeat;z-index: 2;}

.pane_zone {position: absolute; left: 171px; top: 12px; width: 315px; height: 144px; background:url('../images/panes.jpg') no-repeat -154px 0px; overflow:hidden;}
.structurename {margin-top:5px; color: #FFFFFF; font-size:0.9em; height: 14px;}


.pane_beings {z-index:2; position: absolute; left: 488px; top: 12px; width: 208px; height:144px;background:url('../images/panes.jpg') no-repeat -471px 0px;}

.pane_being {position: absolute; left: 698px; top: 12px; width: 236px; height: 74px; background:url('../images/panes.jpg') no-repeat -681px 0px;}
/* .pane_being  overflow:hidden; - removed for tooltips */
.beinginfo {margin-top:0px; float:left; color: #FFFFFF; font-size:0.9em; height: 50px;}
.b {cursor: pointer; width: 28px; height: 23px;}
.b1 {cursor: pointer; width: 18px; height: 22px; background: url(../images/beings.png) no-repeat left top;}
.b1g {cursor: pointer; width: 13px; height: 22px; background: url(../images/beings.png) no-repeat -105px top;}
.b2 {cursor: pointer; width: 18px; height: 22px; background: url(../images/beings.png) no-repeat -18px top;}
.b3 {cursor: pointer; width: 19px; height: 22px; background: url(../images/beings.png) no-repeat -36px top;}
.b4 {cursor: pointer; width: 17px; height: 22px; background: url(../images/beings.png) no-repeat -55px top;}
.b5 {cursor: pointer; width: 14px; height: 22px; background: url(../images/beings.png) no-repeat -72px top;}
.b6 {cursor: pointer; width: 18px; height: 22px; background: url(../images/beings.png) no-repeat -87px top;}
.b1full {width: 37px; height: 45px; background: url(../images/beings.png) no-repeat left -44px;}
.b1gfull {width: 34px; height: 56px; background: url(../images/beings.png) no-repeat -234px -44px;}
.b2full {width: 41px; height: 50px; background: url(../images/beings.png) no-repeat -37px -44px;}
.b3full {width: 40px; height: 47px; background: url(../images/beings.png) no-repeat -78px -44px;}
.b4full {width: 38px; height: 52px; background: url(../images/beings.png) no-repeat -118px -44px;}
.b5full {width: 32px; height: 52px; background: url(../images/beings.png) no-repeat -156px -44px;}
.b6full {width: 46px; height: 56px; background: url(../images/beings.png) no-repeat -188px -44px;}

.island0 {position: absolute; left: 698px; top: 115px; width: 236px; height: 328px; background: url(../images/map0.jpg) no-repeat;}

.island1 {position: absolute; left: 698px; top: 115px; width: 236px; height: 328px; background: url(../images/map1.jpg) no-repeat;}
.i1z1 {position: absolute; left: 31px; top: 4px; width:42px; height:58px;}
.i1z2 {position: absolute; left: 79px; top: 8px; width:42px; height:58px;}
.i1z3 {position: absolute; left: 127px; top: 15px; width:42px; height:58px;}
.i1z4 {position: absolute; left: 25px; top: 64px; width:42px; height:58px;}
.i1z5 {position: absolute; left: 72px; top: 66px; width:42px; height:58px;}
.i1z6 {position: absolute; left: 118px; top: 74px; width:42px; height:58px;}
.i1z7 {position: absolute; left: 165px; top: 80px; width:42px; height:58px;}
.i1z8 {position: absolute; left: 79px; top: 125px; width:42px; height:58px;}
.i1z9 {position: absolute; left: 132px; top: 134px; width:42px; height:58px;}
.i1z10 {position: absolute; left: 38px; top: 178px; width:42px; height:58px;}
.i1z11 {position: absolute; left: 87px; top: 184px; width:42px; height:58px;}
.i1z12 {position: absolute; left: 136px; top: 189px; width:42px; height:58px;}
.i1z13 {position: absolute; left: 66px; top: 241px; width:42px; height:58px;}
.i1z14 {position: absolute; left: 114px; top: 246px; width:42px; height:58px;}
.i1z15 {position: absolute; left: 162px; top: 249px; width:42px; height:58px;}

.island2 {position: absolute; left: 698px; top: 115px; width: 236px; height: 328px; background: url(../images/map2.jpg) no-repeat;}
.i2z1 {position: absolute; left: 26px; top: 69px; width:42px; height:58px;}
.i2z2 {position: absolute; left: 73px; top: 72px; width:42px; height:58px;}
.i2z3 {position: absolute; left: 120px; top: 69px; width:42px; height:58px;}
.i2z4 {position: absolute; left: 167px; top: 65px; width:42px; height:58px;}
.i2z5 {position: absolute; left: 59px; top: 131px; width:42px; height:58px;}
.i2z6 {position: absolute; left: 106px; top: 131px; width:42px; height:58px;}
.i2z7 {position: absolute; left: 153px; top: 127px; width:42px; height:58px;}
.i2z8 {position: absolute; left: 50px; top: 194px; width:42px; height:58px;}
.i2z9 {position: absolute; left: 97px; top: 192px; width:42px; height:58px;}

.island3 {position: absolute; left: 698px; top: 115px; width: 236px; height: 328px; background: url(../images/map3.jpg) no-repeat;}
.i3z1 {position: absolute; left: 68px; top: 35px; width:42px; height:58px;}
.i3z2 {position: absolute; left: 116px; top: 30px; width:42px; height:58px;}
.i3z3 {position: absolute; left: 55px; top: 91px; width:42px; height:58px;}
.i3z4 {position: absolute; left: 86px; top: 153px; width:42px; height:58px;}
.i3z5 {position: absolute; left: 52px; top: 207px; width:42px; height:58px;}
.i3z6 {position: absolute; left: 99px; top: 215px; width:42px; height:58px;}
.i3z7 {position: absolute; left: 146px; top: 209px; width:42px; height:58px;}

.s, .s0 {cursor: pointer; width: 42px; height: 42px; background: url(../images/spacer.gif) no-repeat;}
.sc_hidden {width: 42px; height: 58px;}
.sc {cursor: pointer; width: 42px; height: 42px; background: url(../images/structures.png) no-repeat left top;}
.s1 {cursor: pointer; width: 42px; height: 42px; background: url(../images/structures.png) no-repeat -42px top;}
.s2 {cursor: pointer; width: 42px; height: 42px; background: url(../images/structures.png) no-repeat -84px top;}
.s3 {cursor: pointer; width: 42px; height: 42px; background: url(../images/structures.png) no-repeat -126px top;}
.s4 {cursor: pointer; width: 42px; height: 42px; background: url(../images/structures.png) no-repeat -168px top;}
.s5 {cursor: pointer; width: 42px; height: 42px; background: url(../images/structures.png) no-repeat -210px top;}
.s6 {cursor: pointer; width: 42px; height: 42px; background: url(../images/structures.png) no-repeat -252px top;}
.s7 {cursor: pointer; width: 42px; height: 42px; background: url(../images/structures.png) no-repeat -294px top;}
.s8 {cursor: pointer; width: 42px; height: 42px; background: url(../images/structures.png) no-repeat -336px top;}
.s9 {cursor: pointer; width: 42px; height: 42px; background: url(../images/structures.png) no-repeat -378px top;}
.s10 {cursor: pointer; width: 42px; height: 42px; background: url(../images/structures.png) no-repeat -420px top;}

.peaholder {z-index:2; position: absolute; left: 3px; bottom: 3px;}
.pea, .genius { cursor: pointer; z-index:10;  float:left; width:9px; height:11px; background:url('../images/tidbits.gif') no-repeat -178px top; }
.pea_hover { background-position: -178px -11px; }
.genius { background-position: -178px -22px; }
.genius_hover { background-position: -178px -33px; }

.pane_chat {position: absolute; left: 171px; top: 178px; width: 525px; height: 212px; background:url('../images/panes.jpg') no-repeat -154px -166px;}

.pane_kingdoms {position: absolute; left: 17px; top: 65px; width: 152px; height: 378px; background:url('../images/panes.jpg') no-repeat left -53px;}
.pktabs {position: absolute; left: 0px; top: 0px; width: 152px; height:21px;}
.pk_tab_world { margin-right:1px; float:left; width: 58px; height: 21px; background:url('../images/kingdomtabs.jpg') no-repeat left top; }
.pk_tab_alliance { margin-right:1px; float:left; width: 58px; height: 21px; background:url('../images/kingdomtabs.jpg') no-repeat -58px top; }

.button_buy1 {margin-right:1px; margin-bottom:1px; width: 99px; height: 19px; background:url('../images/buttons.gif') no-repeat left top;}
.button_buy2 {margin-right:1px; margin-bottom:1px; width: 99px; height: 19px; background:url('../images/buttons.gif') no-repeat -99px top;}
.button_buy3 {margin-right:1px; margin-bottom:1px; width: 99px; height: 19px; background:url('../images/buttons.gif') no-repeat -198px top;}
.button_buy4 {margin-right:1px; margin-bottom:1px; width: 99px; height: 19px; background:url('../images/buttons.gif') no-repeat -297px top;}
.button_buy5 {margin-right:1px; margin-bottom:1px; width: 99px; height: 19px; background:url('../images/buttons.gif') no-repeat -396px top;}
.button_buy7 {margin-right:1px; margin-bottom:1px; width: 99px; height: 19px; background:url('../images/buttons.gif') no-repeat -1948px top;}
.button_sacrifice {margin-right:1px; margin-bottom:1px; width: 99px; height: 19px; background:url('../images/buttons.gif') no-repeat -495px top;}
.button_build {margin-right:1px; margin-bottom:1px; width: 53px; height: 19px; background:url('../images/buttons.gif') no-repeat -594px top;}
.button_rename {margin-right:1px; margin-bottom:1px; width: 53px; height: 19px; background:url('../images/buttons.gif') no-repeat -647px top;}
.button_makeally {margin-right:1px; margin-bottom:1px; width: 99px; height: 19px; background:url('../images/buttons.gif') no-repeat -799px top;}
.button_joinally {margin-right:1px; margin-bottom:1px; width: 99px; height: 19px; background:url('../images/buttons.gif') no-repeat -898px top;}
.button_quitally {margin-right:1px; margin-bottom:1px; width: 99px; height: 19px; background:url('../images/buttons.gif') no-repeat -997px top;}
.button_editally {margin-right:1px; margin-bottom:1px; width: 99px; height: 19px; background:url('../images/buttons.gif') no-repeat -2127px top;}
.button_buildwall {margin-right:1px; margin-bottom:1px; width: 99px; height: 19px; background:url('../images/buttons.gif') no-repeat -1096px top;}
.button_research {margin-right:1px; margin-bottom:1px; width: 99px; height: 19px; background:url('../images/buttons.gif') no-repeat -1195px top;}
.button_pickles {}
.button_recupe {margin-right:1px; margin-bottom:1px; width: 99px; height: 19px; background:url('../images/buttons.gif') no-repeat -1492px top;}
.button_deity {margin-right:1px; margin-bottom:1px; width: 99px; height: 19px; background:url('../images/buttons.gif') no-repeat -1591px top;}
.button_retire {margin-right:1px; margin-bottom:1px; width: 20px; height: 19px; background:url('../images/buttons.gif') no-repeat -1690px top;}
.button_cannibalize {margin-right:1px; margin-bottom:1px; width: 20px; height: 19px; background:url('../images/buttons.gif') no-repeat -2107px top;}
.button_scorch {margin-right:1px; margin-bottom:1px; width: 99px; height: 19px; background:url('../images/buttons.gif') no-repeat -1710px top;}
.button_engage {margin-right:1px; margin-bottom:1px; width: 20px; height: 19px; background:url('../images/buttons.gif') no-repeat -1908px top;}
.button_hold {margin-right:1px; margin-bottom:1px; width: 20px; height: 19px; background:url('../images/buttons.gif') no-repeat -1928px top;}
.button_explore {margin-right:1px; margin-bottom:1px; width: 20px; height: 19px; background:url('../images/buttons.gif') no-repeat -2047px top;}
.button_deploy {margin-right:1px; margin-bottom:1px; width: 20px; height: 19px; background:url('../images/buttons.gif') no-repeat -2067px top;}
.button_export {margin-right:1px; margin-bottom:1px; width: 20px; height: 19px; background:url('../images/buttons.gif') no-repeat -2087px top;}
.button_feed {margin-right:1px; margin-bottom:1px; width: 20px; height: 19px; background:url('../images/buttons.gif') no-repeat -2226px top;}
.button_grabmeta {margin-right:1px; margin-bottom:1px; width: 99px; height: 19px; background:url('../images/buttons.gif') no-repeat -2246px top;}
.button_buyg {margin-right:1px; margin-bottom:1px; width: 99px; height: 19px; background:url('../images/buttons.gif') no-repeat -2345px top;}

.deposit1 {width: 42px; height: 58px; background: url(../images/deposits.png) no-repeat;}
.deposit2 {width: 42px; height: 58px; background: url(../images/deposits.png) no-repeat -42px top;;}

.sailorholder {margin-top: 5px; float:left; width: 190px; height: 26px;}

/*
.chatUser { color:#333333; }
.chatPlus { color:#4b9dde; }
.chatCM { color:#45ffbb; }
.chatGM { color:#ff5c5c; }
.chatDev { color:#bb78ff; }
*/

.chatUser { color:#404040; }
.chatBot { color:#ffffff; }
.chatPaid { color:#6da1b7; }
.chatCM { color:#6f9d8c; }
.chatGM { color:#ea6b6b; }
.chatDev { color:#80679a; }


#chat_top { position: absolute; left: 171px; top: 158px; width: 525px; }
#chat_top .left {
	position: absolute;
	top: 8px;
	left: 0px;
	width: 10px;
	height: 10px;
	background: url('../images/chatobjects.gif') no-repeat left -22px;
	cursor: pointer;
}
#chat_top .right {
	position: absolute;
	top: 8px;
	right: 0px;
	width: 10px;
	height: 10px;
	background: url('../images/chatobjects.gif') no-repeat -10px -22px;
	cursor: pointer;
}
#chat_tabs {
	display: block;
}
#chat_tabs .tab { cursor: pointer; color: #474747; float: left; text-align: center; width: 78px; height: 20px; padding-top: 4px; background: url('../images/chatobjects.gif') no-repeat -79px top; }
#chat_tabs .tab.active { color: #FFFFFF; background: url('../images/chatobjects.gif') no-repeat left top; }



.pane_nav {position: absolute; left: 698px; top: 88px; width: 236px; height: 25px; background:url('../images/panes.jpg') no-repeat -681px -76px;}

.ship {float:left; width: 23px; height: 24px; background:url('../images/tidbits.gif') no-repeat -202px top;}
.shipfull {float:left; width: 31px; height: 32px; background:url('../images/tidbits.gif') no-repeat -225px top;}

.hpbar {position: absolute; bottom: 4px; left: 3px; height: 5px; background: black;}
.hpbar_left {float:left; width: 1px; height: 5px; background:url('../images/bars.gif') no-repeat left top;}
.hpbar_mid {float:left; height: 5px; background:url('../images/bars.gif') repeat-x left -5px;}
.hpbar_right {float:left; width: 1px; height: 5px; background:url('../images/bars.gif') no-repeat -3px top;}

.radio {position: absolute; left: 18px; top:449px;}

.kitty {position:absolute; right: 5px; top: 5px; width:42px; height:52px; background:url('../images/kitty.gif') no-repeat left top;}

.tabUpdate {font-weight:bold; color: #62a2df !important;}

/* Panes: +17, +12 */