img {
	border: none;
}

div.topbuttons {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 998;
	margin: 16px;
}

div.titleimage {
background-repeat: no-repeat;
background: transparent url('./img/crystaltowers2-big-shadow.png') no-repeat scroll center top;
height: 380px;
}

div.titletext {
	font-weight: bold;
}

.topbar {
height:20px;
text-align:center;
font-weight: bold;
}
color: #FFFFFF;

.imagebox {
margin: 16px;
background-color: rgb(255, 255, 255);
height: 200px;
width: 250px;
float: right;
border: 1px solid #999999;
}

.navbar {
background-color:rgb(51, 95, 179);
height:30px;
height:30px;
width: 700px;
border: 3px solid white;
border-top: none;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
text-align:center;
}

.separator {
height: 12px;
}

.bigbanner {
background-color:rgb(51, 95, 179);
background-repeat: no-repeat;
height:240px;
width: 700px;
border: 3px solid white;
border-bottom: none;
text-align:center;
}

.content {
background-color:rgb(51, 95, 179);
background-repeat: repeat-x;
width: 700px;
border: 3px solid white;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomleft: 32px;
-moz-border-radius-bottomright: 32px;
text-align:center;
font-family: Verdana;
font-size: 10pt;
color: white;
padding-bottom: 100px;
margin-bottom: 32px;
}

.tablebuttons {
	text-align: center;
	padding-top: 16px;
	width: 192px;
	margin: auto;
}

a.tablebutton {
	margin-left: 8px;
	margin-right: 8px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	width: 16px;
	height: 16px;
	padding: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #7777DD;
	float: left;
}

.playercard {
border: 2px solid white;
-moz-border-radius: 8px;
color:white;
font-family:Arial;
font-size:10pt;
font-weight:bold;
width: 340px;
margin-top: 50px;
margin-left: 180px;
margin-bottom: 20px;
position: relative;
padding-bottom: 14px;
}

.playercardhealth {
	float: left;
	margin-left: 2px;
}

.playercardmagic {
	float: right;
	margin-right: 2px;
}

.playercardtable {
width: 100%;
font-size:10pt;
}

.playertable {
	border-collapse: collapse;
	width: 100%;
}

.playertablediv {
	margin-top: 50px;
	width: 660px;
	margin-left: 20px;
}

.newsfeed {
	margin-top: 20px;
	padding: 8px;
	width: 660px;
	margin-left: 10px;
	border: 2px solid white;
	-moz-border-radius: 8px;
}

.newstable {
	border-collapse: collapse;
	width: 100%;
	margin-top: 8px;
	margin-bottom: 8px;
}

div.progressbarborder {
	width: 100px;
	height: 8px;
	border: 1px solid yellow;
	background-color: #AAAAFF;
	position: relative;
}

div.progressbarpercent {
	color: black;
	font-size: 8px;	
	font-weight: bold;
	text-align: center;
	position: absolute;
	width: 100px;
}

div.progressbar {
	background-color: yellow;
	height: 8px;
	position: absolute;
}

.playertablehead {
	font-weight: bold;
	text-align: center;
}

#gameversion {
color: white;
font-size: 9px;
position: absolute;
text-align: left;
top: 4px;
left: 2px;
}

#accountcreated {
color: white;
font-size: 9px;
position: absolute;
text-align: right;
top: 2px;
left: 250px;
}

#accountupdated {
color: white;
font-size: 9px;
position: absolute;
text-align: right;
top: 12px;
left: 250px;
}

img.tinyrightspace {
margin-right: 2px;
}

img.medrightspace {
margin-right: 4px;
}

span.instrumentnamespan {
	color: yellow;
	font-weight: bold;
	font-style: italic;
}

span.gamestatusspan {
	color: #FF6666;
	font-weight: bold;
	font-style: italic;
}

span.levelnamespan {
	color: #DDDDFF;
	font-weight: bold;
	font-style: italic;
}

td.chequer1 {
	background-color: #3355BB;
	padding: 4px;
}

td.chequer0 {
	background-color: #4466BB;
	padding: 4px;
}

td.newstimestamp {
color:#DDDDFF;
font-size:6pt;
text-align:right;
vertical-align:top;
width:100px;
font-style:italic;
}

thead {
font-weight: bold;
}

td.statcell {
padding-left: 8px;
padding-right: 8px;
}

td.bossrow {
color: yellow;
}

.stattable {
border-collapse: collapse;
font-size: 12pt;
font-weight: bold;
}

tbody {
font-size: 10pt;
}

.statdiv {
-moz-border-radius: 8px;
border: 2px solid white;
padding: 8px;
text-align: center;
margin-left: 20px;
margin-right: 20px;
}

.spelldiv {
-moz-border-radius: 8px;
border: 2px solid white;
padding: 8px;
text-align: center;
width: 150px;
float: left;
margin-left: 20px;
min-height: 200px;
}

.spelldivdemo {
-moz-border-radius: 8px;
border: 2px solid white;
padding: 8px;
text-align: center;
width: 200px;
margin-right: 50px;
height: 120px;
float: right;
}

.synthdiv {
-moz-border-radius: 8px;
border: 2px solid white;
padding: 8px;
text-align: center;
width: 270px;
float: left;
margin-left: 10px;
min-height: 200px;
}

.recipediv {
-moz-border-radius: 8px;
border: 2px solid white;
padding: 8px;
text-align: center;
width: 160px;
float: left;
margin-left: 10px;
min-height: 200px;
}

.instrumentdiv {
-moz-border-radius: 8px;
border: 2px solid white;
padding: 8px;
text-align: center;
width: 300px;
margin-left: 20px;
float: left;
min-height: 200px;
}

.instrumentdivdemo {
-moz-border-radius: 8px;
border: 2px solid white;
padding: 8px;
text-align: center;
width: 300px;
margin-left: 50px;
float: left;
height: 120px;
}

.embeddiv {
-moz-border-radius: 8px;
border: 2px solid white;
padding: 8px;
text-align: center;
margin-left: 20px;
margin-right: 20px;
clear: both;
min-height: 200px;
}

.embedtable {
border-collapse: collapse;
}

.embedtextarea {
background-color:#3355BB;
border:1px solid white;
color:white;
font-family:arial,sans-serif;
font-size:7pt;
height:70px;
width:300px;
}

.smalltext {
color: white;
font-weight: normal;
font-size: 8pt;
}

.itemsdiv {
-moz-border-radius: 8px;
border: 2px solid white;
padding: 8px;
text-align: center;
width: 300px;
margin-right: 20px;
float: right;
min-height: 200px;
}

.breaker {
clear: both;
}

.instrumenttable {
border-collapse: collapse;
font-weight: bold;
font-size: 12pt;
}

.spelltable {
border-collapse: collapse;
font-weight: bold;
font-size: 10pt;
}

.synthtable {
border-collapse: collapse;
font-weight: bold;
font-size: 10pt;
}

.recipetable {
border-collapse: collapse;
font-weight: bold;
font-size: 10pt;
}

.cardcell  {
font-weight: bold;
width: 100px;
}

.textcenter {
text-align: center;
}

.textright {
text-align: right;
}

.vertcenter {
vertical-align: middle;
}

.tablebigfont {
font-size: 14pt;
}

.boxtitle {
font-size: 14pt;
text-align: center;
vertical-align: middle;
margin-bottom: 10px;
width: 100%;
}

.maincolumn {
text-align: center;
}

.pagetitle {
-moz-border-radius-bottomleft:32px;
background-color:black;
border-bottom:1px solid #444444;
border-left:1px solid #444444;
border-top:1px solid #444444;
color:#FFFF00;
font-family:Impact;
font-size:24px;
margin-left:32px;
margin-top:24px;
padding-left:32px;
text-align:left;
background-image: url(./img/stripes-vertical.gif);
background-repeat: no-repeat;
}

.gametitle {
font-family: Impact;
font-size: 24px;
text-align: left;
margin-left: 16px;
margin-top: 16px;
color: #FFFF00;
}

.bodytext {
color: #EEEEEE;
font-size: 11px;
text-align: left;
margin-left: 50px;
margin-right: 50px;
margin-bottom: 10px;
margin-top: 10px;
}

.teamtable {
border-collapse: true;
width: 700px;
margin-left: 50px;
margin-right: 50px;
}

tr.teamtablehead {
background-image:url(./img/blackbar.gif);
background-color: #AA0000;
color: #FFFFFF;
font-size: 14px;
height: 20px;
}

tr.teamtablebody {
color: #EEEEEE;
font-size: 12px;
}

tr.teamtablebodyhi {
background-color: #CCCC00;
color: #000000;
font-size: 12px;
}

td.em {
font-weight: bold;
}

span.episodelink {
background-color:#CCCC00;
color:#000000;
cursor:pointer;
float:left;
font-size:10px;
font-weight:bold;
margin-left:4px;
margin-right:4px;
margin-top:4px;
padding-left:4px;
padding-right:4px;
}

span.episodelink:hover {
background-color: #FFFFFF;
}

a {
font-weight: bold;
text-decoration: none;
color: #FFFF00;
}

a:hover {
color: #FFFFFF;
}

a.navitem {
color:#FFFFFF;
float:left;
font-family:Verdana;
font-size:24px;
font-weight:normal;
text-decoration:none;
width:140px;
}

.topbarlinkhi {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
background-color:#111111;
border-bottom:1px solid #444444;
border-left:1px solid #444444;
border-right:1px solid #444444;
color:#00DD00;
float:left;
font-size:10px;
margin-left:8px;
margin-right:8px;
padding:1px 8px 2px;
text-decoration:none;
}

a.topbarlink  {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
background-color:#111111;
border-bottom:1px solid #444444;
border-left:1px solid #444444;
border-right:1px solid #444444;
color:#666666;
float:left;
font-size:10px;
margin-left:8px;
margin-right:8px;
padding:1px 8px 2px;
text-decoration:none;
}

.topbartext {
color: #FFFFFF;
font-size: 10px;
float: left;
margin-top:3px;
margin-left: 8px;
margin-right: 8px;
}

.topbarlinklo {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
background-color:#111111;
border-bottom:1px solid #444444;
border-left:1px solid #444444;
border-right:1px solid #444444;
color:#333333;
float:left;
font-size:10px;
margin-left:8px;
margin-right:8px;
padding:1px 8px 2px;
text-decoration:none;
}

a.topbarlink:hover {
color: #999999;
background-color: #333333;
}

a.topbarlinkhi:hover {
color: #FFFFFF;
background-color: #333333;
}

a.navitem:hover {
color: #FFFF00;
}

td.app {
font-size: 11px;
color: #FFFFFF;
}

input.app {
background-color:#444444;
color:#DDDDDD;
font-family:Verdana,sans-serif;
font-size:10px;
}

textarea.app {
background-color:#444444;
color:#DDDDDD;
font-family:Verdana,sans-serif;
font-size:10px;
}

.main {
background: #111155 url(./img/backdrop.png) center top;
background-repeat: repeat-y; 
-moz-background-clip: -moz-initial; 
-moz-background-origin: -moz-initial; 
-moz-background-inline-policy: -moz-initial; 
text-align: center;
margin-left: auto;
margin-right: auto;
width: 700px;
font-family: Verdana, sans-serif;
color: white;
}

td.paper_topleft {
	background-image: url('./img/guide/paper-topleft.png');
}

td.paper_topright {
	background-image: url('./img/guide/paper-topright.png');
}

td.paper_left {
	background-image: url('./img/guide/paper-margin.png');
}

td.paper_right {
	background-image: url('./img/guide/paper-right.png');
}

td.paper {
	background-image: url('./img/guide/paper.png');
	width: auto;
	color: #000000;
	padding-left: 32px;
}

img.guidephoto {
	border: 12px solid white;
}

.footnote {
    font-size: 7.5pt;
    margin-left: 40px;
}
.downloadtype {
    font-size: 7.5pt;
}


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

div.faqquestion {
	background-color: #8888FF;
    font-weight: bold;
    margin-left: 32px;
    margin-right: 32px;
    padding-left: 16px;
    text-align: left;
}

div.faqanswer {
	margin: 8px 32px 32px 64px;
    text-align: left;
}

img.frontpagethumb {
	width: 100px;
	height: 75px;
	border: 1px solid white;
	margin: 16px 0px 16px 0px;
	cursor: pointer;
}

img.frontpageimage {
	border: 1px solid white;
	width: 320px;
	height: 240px;
}