/****************
Global
************** */

body { 
  text-align:center;
  background: #003300 url(../images/bg_marble_green.jpg) repeat;
  margin:5px;
  color:#000000;
  font: 11px verdana
}

h1 {
  font:bold 13px verdana;
  color:#336633;
  padding:0px;
  margin:0px;
}

h2 {
  font:bold 11px verdana;
  color:#336633;
  padding:0px;
  margin:10px 0px 0px 0px;
}

#creditsblock h1 { border-top:2px solid #336633; padding-top:10px;}
#creditsblock h2 { border-top:1px dashed #336633; padding-top:10px;}

#creditsblock h1.noborder { border-top:none; padding-top:0px;}

.checkbox {
  margin-right:5px;
}

.textfield {
  width:140px;
}

a {
  text-decoration:none;
  color:#669966;
}

a:hover {
  text-decoration:underline;
  color:#666666;
}

.yellow a {
  text-decoration:none;
  color:#ffffe1;
}

.yellow a:hover {
  text-decoration:underline;
  color:#ffffe1;
}

form {
  margin:0px;
  padding:0px;
}

#accountblock form {padding-left:5px;}

table {
  border-collapse:collapse;
}

select, input {
  font: 10px verdana;
}

.header {
  background-color:#336633;
  color:#ffffff;
  padding:5px;
  width:100%;
  font: 11px verdana;
  display:block;
}

.hoardlayout .header {width:390px;}

.header2 {
  border-top:1px solid #336633;
  border-bottom:1px dashed #336633;
  color:#000000;
  padding:5px;
  width:100%;
  font: 13px verdana;
  display:block;
}

.tip {
  border: 1px solid #669966;
  font: 11px verdana;
  padding:5px;
  margin:5px 0px 5px 0px;
}

.hatchery td .tip { 
	margin-top:0px;
}

.tooltip {
  font: 10px verdana;
  color: #666666;
}

.warning {
  border: 1px solid red;
  font: 11px verdana;
  padding:5px;
  margin:5px 0px 5px 0px;
  display:none;
}

.alert {
  border: 1px solid red;
  font: 11px verdana;
  padding:5px;
  margin:5px 0px 5px 0px;
  display:block;
}

#combatblock .alert {
	width:500px;
	text-align:left;
}

.help, .hoard, .disclaimer {
  border: 2px solid #669966;
  background-color:#ffffe1;
  padding:10px;
  font: 11px verdana; 
  color:#000000;
  position:absolute;
  left:50%;
  top:0px;
  z-index:1000;
  display:none;
  width:500px;
  margin-left:-250px;
}

.hoard {
  width:auto;
  margin-left:-200px;
}

/****************
Layout
************** */

#container, #container_short {
  text-align:left;
  background:#003300 none no-repeat;
  width:740px;
  height:auto;
  border: 1px solid #669966;
  margin:0px auto;
}

#container {min-height:700px;}

#errorblock #container { min-height:0px; }

#header {
  background:#003300 url(../images/logo.jpg) no-repeat;
  width:740px;
  height:60px;
  border-bottom: 1px solid #669966;
  position:absolute;
  top:6px;
  left:50%;
  margin-left:-370px;
}

#banner {
  float:right;
  width:468px;
  margin-right:93px;
  padding:0px;
  border-left: 1px solid #669966;
  border-right: 1px solid #669966;
}

#navmain {
  background:#336633 none no-repeat;
  width:740px;
  height:25px;
  border-top: 1px solid #669966;
  border-bottom: 1px solid #669966;
  margin:63px 0px 3px 0px;
  padding:0px;
  z-index:1000;
}

#navmain_hidden {
  background:none;
  z-index:-1000;
}

#container2 {
  width:auto;
  height:auto;
  margin:3px;
}

#content {
  background:#336633 none no-repeat;
  width:567px;
  height:auto;
  border: 1px solid #669966;
}

#skyscraper {
  width:160px;
  height:600px;
  border: 1px solid #669966;
  float:right;
}

#footer {
  text-align:center;
  color:#ffffff;
  padding:5px;

}

.loading { 
  position:absolute; 
  top:134; 
  left:0; 
  width:100%; 
  visibility: visible; 
  z-index:5;
  text-align: center;
}

#dragonblock, #usermsg, #rankingsblockBB, #rankingsblockSH, #rankingsblockTD, #rankingsblockFD, #rankingsblock, #shopblock, #accountblock, #aboutblock, #creditsblock, #milestoneblock { 
  float:right;
  background:#ffffff none no-repeat;
  margin:-1px 0px 10px 0px;
  padding:0px;
  width:400px;
  border-bottom: 1px dashed #669966;
}

*html #milestoneblock { clear:right;}

#shopblock, #aboutblock, #creditsblock { 
  border:none;
}

#rankingsblockBB, #rankingsblockSH, #rankingsblockTD, #rankingsblockFD, #rankingsblock { border-bottom:none; }

#rankingsblockBB, #rankingsblockSH, #rankingsblockTD, #rankingsblockFD, #rankingsblock {
  background: url(../images/bg_rankingsBB.jpg) no-repeat;
  margin:-10px -20px 0 0;
  padding:10px 0 0 0;
  width:410px;
}

#rankingsblockSH { background: url(../images/bg_rankingsSH.jpg) no-repeat; }
#rankingsblockTD { background: url(../images/bg_rankingsTD.jpg) no-repeat; }
#rankingsblockFD { 
  background: url(../images/bg_rankingsFD.gif) no-repeat; 
  height:200px;
}
#rankingsblock { 
	background: #ffffff none;
    margin:-10px 0px 0 0;	
	width:auto;
}

#usermsg { 
  border: 1px solid red; 
  padding:10px;
  width:380px;
}

*html #usermsg {width:400px;}

#dragonblock_bot { 
  float:right;
  background:#ffffff none no-repeat;
  margin:-1px 0px 10px 0px;
  padding:0px;
  width:400px;
  border-bottom: none;
  clear:left;
  position:relative;
}

*html #dragonblock_bot {   clear:right; }

#subnav, #trainblock, #grovelblock, #sacrificeblock, #storeblock, #arrangeblock, #deleteblock {
  width:110px;
  background:#ffffe1 none no-repeat;
  border: 1px solid #669966;
  padding:0px 5px 5px 5px;
  margin:0px;
}

#lairPic {
  width:520px;
  padding:0px 5px 5px 5px;
  margin:0px;
  clear:both;
  display:block;
}

.card { 
  position:absolute; 
  top:65; 
  left:0; 
  width:100%; 
  visibility: hidden; 
  z-index:2;
}

/****************
Decor
************** */
#welcome .blurb {
  padding:0px 0px 5px 0px;
  margin: 0px;
  width:360px;
  border: none;
}

#error_newuser, #contentblock, #profileblock, #notesblock, #combatblock, #matchblock, #matchresult  {
  border: 1px solid #669966;
  margin:5px;
  padding:10px;
  background:#ffffff none no-repeat;
}

#matchresult {
	height:590px;
}

#contentblock img, #matchresult img{
  border: 1px solid #669966;
  float:right;
}

#contentblock img.nofloat { float:none; }

#contentblock #aboutblock img, #contentblock img.noborder {border:none;}

#combatblock, #matchblock {
	margin-top:70px;
	text-align:center;
}

#matchblock { background:#336633 url(../images/bg_marble_green2.jpg) repeat; }

#creditsblock img {
  border: 1px solid #669966;
  float:right;
  width:75px;
  height:75px;
  margin-left:5px;
}

.blurb {
  padding:0px 10px 5px 10px;
  margin: 0px 0px 0px -10px;
}

#accountblock .blurb {
  padding:0px 10px 5px 10px;
  margin: 0px 0px 0px -5px;
}

.topblurb {
  padding:0px 10px 5px 10px;
  margin: 5px 0px 0px -10px;
}

#accountblock .topblurb {
  padding:0px 10px 5px 10px;
  margin: 5px 0px 0px -5px;
}

#dragonblock p.blurb, #accountblock p.blurb {border-bottom:0px;}

#login {
  border: 1px solid #669966;
  margin:5px;
  padding:10px;
  background:#003300 none no-repeat;
}

#login h1 {
  color:#ffffff;
}

#login a {
  color:#ccffcc;
  text-decoration:none;
}

#login a:hover {
  color:#cccccc;
  text-decoration:underline;
}

.formLayout td {
  padding:2px;
}

#newPlayer {
  float: left;
  width:270px;
  border-right: 1px solid #669966;
  margin-right:10px;
}

#oldPlayer {
  width:auto;
}

.formText, .formValue {
  font: normal 11px verdana;
  color: #ffffff;
  padding-right:10px;
}

.formText2, .formValue2 {
  font: normal 11px verdana;
  color: #000000;
  padding-right:10px;
  vertical-align:top;
}

#errorblock {
  position:absolute; 
  top:134; 
  left:50%; 
  width:500px;
  margin-left:-250px;
  padding:0px;
  text-align:center;
  background:#003300 none no-repeat;
  border: 1px solid #669966;
}

#errorblock #container {
  background:#336633 none no-repeat;
  border: 1px solid #669966;
  margin:3px;
  width:auto;
}

#errorblock #container h1 {
  font:bold 13px verdana;
  color:#336633;
  padding:10px 0px 0px 10px;
  margin:5px 5px 0px 5px;
  background:#ffffff none no-repeat;
  border: 1px solid #669966;
  border-bottom: none; 
  width:auto;
}

#errorblock #container .blurb {
  background:#ffffff none no-repeat;
  border: 1px solid #669966;
  border-top: none;
  margin:0px 5px 5px 5px;
  padding:10px;
  color:#000000;
  text-align:left;
  width:auto;
}

.nested {
  color:#666666;
  margin-left:0px;
}

#dragonblock .nested, #accountblock .nested {margin-left:5px;}

#subnav .nested {
  color:#e1e1e1;
  margin-left:auto;
}

.disclaimer .nested {margin-left:0;}

.quote {
  font:11px helvetica, arial;
  border: 1px solid #669966;
  background-color:#ffffe1;
  display:block;
  margin:10px 0px 10px 0px;
  padding:5px;
}

.quotecenter { 
  font:11px helvetica, arial;
  border: 1px solid #669966;
  background-color:#ffffe1;
  display:block;
  margin:10px 0px 10px 0px;
  padding:5px;
  text-align:center; 
}

.dragonProfile, .ss_display, .opponent_list, .att_display, .hatchery, .lair_milestones, .item_list, .verify {
  width:auto;
  color:#000000;
  font: 11px verdana;
}

.lair_milestones td { 
	width:60px;
	text-align:center;
}

.lair_milestones td.stretch { 
	width:200px;
	text-align:left;
}

.hatchery {margin:5px;}

.hatchery td {padding-bottom:10px;}

.item_list {width:395px;}

#contentblock .item_list img {  
	float:right;
	padding:0px;
	margin-left:10px;
	border: 1px solid #669966;
}

*html #contentblock .item_list img {  
	float:right;
	padding:5px 0px;
	margin-left:10px;
	border: 1px solid #669966;
}


#contentblock .item_list .nofloat {  
	float:none;
	padding:5px 0px;
	margin-left:0px;
	border: 1px solid #669966;
}

.item_list td { 
	vertical-align:top; 
	padding:5px 0px;
}

.item_list td.item { 
	border-bottom: none;	
}

.verify td { padding: 5px 5px 5px 0px;}

.profile_gifts, .profile_styles {
  width:auto;
  color:#000000;
  font: 10px verdana;
  margin-bottom:10px;
}

.dragonProfile {
  width:285px;
}

.dragonProfile .header {
  width:260px;
  display:block;
}

.dragonProfile .headerScout {
  width:275px;
  background-color:#ffffff;
  color:#336633;
  border-bottom: 1px dashed #669966;
  font-weight:bold;
  margin-bottom:5px;
  padding-bottom:5px;
  display:block;
}

.hatchery_stats { 
  width:265px;
  color:#000000;
  font: 11px verdana;
}

.profile_pic {
  border: 1px solid #669966;
  width:116px;
  height:150px;
  float:left;
  margin-right:5px;
}

td.spacer, .spacer_sm { 
  width:3px;  
  height:3px;
  padding:0px;
  margin:0px;
  border:0px;
}

td.profile_stats_lcol  {
  vertical-align:top;
  padding:5px;
  width:100px;
}

td.profile_stats_rcol  {
  vertical-align:top;
  padding:5px;
  width:140px;
}

td.profile_stats_lcol .header  {
  width:100px;
}

td.profile_stats_rcol .header  {
  width:140px;
}

.ss_display { 
  width:140px; 
  padding:5px;
}

.att_display {
  width:100px;
  padding:5px;
}

.ss_display td, .att_display td {
  border-bottom: 1px dotted #669966;  
}

td.profile_name, td.profile_lairpts {
  vertical-align:top;
  padding:0px 5px 5px 5px;
  border:0px;
}

td.profile_lairpts {
  text-align:center;
  color:#000000;
  font: 11px verdana;
  padding-top:5px;
}

td.profile_name .header {
  width:140px;
  display:block;
  margin:0px 0px 5px 0px;
  float:right;
}

td.profile_lairpts .header {
  width:100px;
  display:block;
  margin:0px 0px 5px 0px;
}

td.profile, td.opponent {
  vertical-align:top;
  margin-top:0px;
  padding-top:5px;
}

.profile_gifts td, .profile_styles td {
  background-color:#f1f1f1;
  padding:0px;
  margin:0px;
  text-align:center;
  border-bottom: 1px solid #669966;  
  border-top:0px;
  padding-bottom:2px;
}

.opponent_list {
  width:115px;
  border: 1px solid #336633;
  margin-left:5px;
  padding:0px;
}

.opponent_list th.title {
  background-color:#336633;
  color:#ffffff;
  padding:5px;
}

.opponent_list td.oddPic, .opponent_list td.odd  {
  background-color:#ffffff;
  margin:0px;
  padding:0px;
  color:#336633;
}

.opponent_list td.evenPic, .opponent_list td.even {
  background-color:#669966;
  color:#ffffff;
  margin:0px;
  padding:0px;
}

.opponent_list td.evenPic,.opponent_list td.oddPic { 
  width:39px;
  text-indent:0;
}

.opponent_list td.even,.opponent_list td.odd { 
  width:76px;
  text-indent:0;
}

.opponent_list td.odd, .opponent_list td.even {
  padding:0px;
  padding-bottom:2px;
  padding-top:2px;
  text-align:center;
}

.opponent_list .oddPic img, .opponent_list .evenPic img {
  width:39px;
  height:50px;
  padding:0px;
  margin:0px;
  border:none;
}

.odd img, .even img { margin-top:5px;}

#subnav h1, #trainblock h1, #grovelblock h1, #sacrificeblock h1, #storeblock h1, #arrangeblock h1, #deleteblock h1, #lairPic h1 {
  background-color:#336633;
  color:#ffffff;
  margin:0px -5px 5px -5px;
  padding:5px;
  font-size:11px;
}

select.subnav {
  font: 10px verdana;
  width:97px;
}

.hatchery_leftcol {
  float:left;
  width:130px;
}

.hatchery_rightcol {
  float:right;
  width:130px;
}

.hatchery .header { width:106px;}
.hatchery_stats .header { width:265px; }
.hatchery_leftcol .header, .hatchery_rightcol .header  { width:120px;}

.rankings, .rankingsTop{
  width:390px;
}

.rankingsTop { 
  margin-top:5px;
  margin-left:-5px;
}

.rankings td {
  font: 11px verdana;
  color:#ffffff;
  padding:5px;
  margin:0;
}

.rankingsTop td {
  font: 11px verdana;
  color:#ffffff;
  padding:5px;
  margin:0;
}

.rankingsTop td { color:#000000; }

.rankings  td b, .rankingsTop  td b { color:#336633;}
.rankings td b { 
  border: 1px solid #669966;
  border-bottom:none;
  background:#ffffe1 none no-repeat;
  display:block;
  width:auto;
  margin-bottom:-5px;
  padding:5px;
}

.rankings td b.white { 
  color:#ffffff; 
  background:none;
  border:none;
  display:inherit;
  margin:0;
  padding:0;
  margin-bottom:-12px;
}

.rankings td b.white2 {
  color:#ffffff; 
  background:none;
  border:none;
  display:inherit;
  margin:0;
  padding:0;
 }

#contentblock .rankings td img, #contentblock .rankingsTop td img  { 
  border:0px; 
  float:none;
}

.damagetable { 
  width:395px;
  border:1px solid #000000;   
}

.damagetable td {
  font: 11px verdana;
  padding:4px 2px 4px 2px;  
}

.damagetable td.dice {
  font: 11px verdana;
  width:16px;
  text-align:center;  
  border-right:1px solid #000000;
  border-bottom:1px solid #000000;   
}

.damagetable td.diceleft {
  font: 11px verdana;
  width:16px;
  text-align:center;  
  border-right:1px solid #000000;
  border-bottom:1px solid #000000;   
  border-left:1px solid #000000; 
}

.damagetable td.dicebot {
  font: 11px verdana;
  width:16px;
  text-align:center;  
  border-right:1px solid #000000;
  border-top:1px solid #000000;   
}

.damagetable td.dicebotleft {
  font: 11px verdana;
  width:16px;
  text-align:center;  
  border-right:1px solid #000000;
  border-top:1px solid #000000;   
  border-left:1px solid #000000; 
}

.damagetable td.bar {
  background-color:#336633;
}

.damagetable td.barOdd {
  background-color:#ffffcc;
}

.damagetable td.value {
  background-color:#cccccc;
  border-bottom:1px solid #000000; 
  text-align:center;
}

.spacer { 
  border-bottom: 1px dashed #669966;
  width:530px;
  display:block;
  margin:0;
  padding:2px;
}

.borderbox {
  border-top: 1px solid #669966;
  border-bottom: 1px solid #669966;
  display:block;
  width:140px;
  padding:10px 5px;
}

.borderbox2 {
  border-top: 1px solid #669966;
  border-bottom: 1px solid #669966;
  display:block;
  width:auto;
  padding:10px 5px;
  background-color:#ffffe1;
}

#contentblock .message_display  img { 
  float:none;
  display:inline;
  padding:0;
  margin:0;
  
}

#contentblock .message_display  .noborder { 
	border:none;
	margin-left:-4px;
}

#contentblock .message_display  td { 
  font: 11px verdana; 
  padding:0;
  margin:0;
  text-align:center;
}

.precombat_layout {
	margin-top:5px;
	width:710px;
}

.precombat_layout .avatar { 
	width:306px;
	padding:0;
	margin:0;
}

.precombat_layout .precombat_msg {
	padding:5px;
	text-align:center;
}

.combat {
  font-family: verdana; 
  font-weight: normal; 
  font-size: 10px; 
  line-height: 11px; 
  color: #ffffcc; 
}

.combat b {
  color: #ffffff; 
  font-weight: normal; 
}

.combat b.blue {
  color: #ccffff; 
}

.combat b.red {
  color: #ffcccc; 
}

.combat b.dgreen {
  color: #003300; 
}

.combat a {
  color: #ccffcc; 
  text-decoration: none;
}

.combat a:hover {
  color: #e0e0e0; 
}

.helptxt {
  font-family: verdana; 
  font-weight: normal; 
  font-size: 11px; 
  line-height: 13px; 
  color: #000000; 
}

.range { position:absolute; top:134; left:0; width:100%; visibility: hidden; z-index:1;}
.card { position:absolute; top:65; left:0; width:100%; visibility: hidden; z-index:1002;}
.main { position:absolute; top:0; left:0; width:100%; visibility: visible; z-index:0;}
.loading { position:absolute; top:134; left:0; width:100%; visibility: visible; z-index:0;}
.bb_bg { position:absolute; top:140px; left:50%; padding: 0px; margin-left:-335px; width:500px; visibility: visible; z-index:0;}
.bb_text { position:absolute; top:211px; left:50%; padding: 0px 0px 0px 0px; margin-left:-290px; width:500px; visibility: visible; z-index:1;}
.bb_opp1 { position:absolute; top:392px; left:50%; padding: 0px 0px 0px 0px; margin-left:-310px; width:116px; visibility: visible; z-index:1;}
.bb_opp2 { position:absolute; top:392px; left:50%; padding: 0px 0px 0px 0px; margin-left:-145px; width:116px; visibility: visible; z-index:1;}
.bb_opp3 { position:absolute; top:392px; left:50%; padding: 0px 0px 0px 0px; margin-left:15px; width:116px; visibility: visible; z-index:1;}
.bb_opp4 { position:absolute; top:201px; left:50%; padding: 0px 0px 0px 0px; margin-left:15px; width:116px; visibility: visible; z-index:1;}

/*phasing out*/
.bb {
  font-family: verdana; 
  font-weight: normal; 
  font-size: 14px; 
  line-height: 18px; 
  color: #ffffff; 
}

.terms {
  font-family: verdana; 
  font-weight: normal; 
  font-size: 11px; 
  line-height: 13px; 
  color: #ffffcc; 
}

.terms b {
  font-weight: bold; 
  color: #ffffff; 
  font-size: 11px; 
  line-height: 13px; 
}

.terms a {
  color: #ccffcc; 
}

.terms a:hover {
  color: #e0e0e0; 
}

.text {
  font-family: verdana; 
  font-weight: normal; 
  font-size: 12px; 
  line-height: 15px; 
  color: #ffffcc; 
}

.text b.quote {
  font-family: verdana; 
  font-weight: normal; 
  font-size: 11px; 
  font-weight: normal; 
  color: #ffffff; 
}

.text b.white {
  color: #ffffff; 
  font-weight: bold; 
}

.text a {
  color: #ccffcc; 
  text-decoration: none;
}

.text a:hover {
  color: #e0e0e0; 
}

.login {
  font-family: verdana; 
  font-weight: normal; 
  font-size: 11px; 
  line-height: 13px; 
  color: #ffffcc; 
}

.login a {
  color: #ccffcc; 
  text-decoration: none;
}

.login a:hover {
  color: #e0e0e0; 
}

.toplairlist td { 
	padding:3px 5px;
	text-align:center;
	width: 60px;
}