html{
		font-family:"Trebuchet MS", "sans serif";
		font-size:10pt;
	}
	
	ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	tradebox li{
		margin-top:1px;
		margin-bottom:1px;
		border:1px solid #ddd;
		padding-left:2px;
	}
	
	body{
		margin:0;
		padding:0;
		height:100%; /* this is the key! */
	}
	
	.vh2{
		margin:0;
		padding:0;
		padding-left:2px;
		font-size:1.1em;
		background-color:#eee;
	}

	h3{
		margin:0;
		padding:0;
		padding-left:2px;
		font-size:1.0em;
		background-color:#fff;
		font-weight:bold;
	}
	
	.invlist{
		display: inline;
	}
	
	.invlist li{
		display: inline;
		/*white-space: nowrap; */
		margin-right:3px;
		border:1px solid #bbb;
	}
	.invlabel{
		padding-right:3px;
		white-space: nowrap;
	}
	.invquant{
		width:10px;
		overflow:hidden;
		border-right:2px solid #ccc;
	}
	.spacetitle{
		padding-left: 3px;
	}
	
	.space .spacecontent{
		position:relative;
		height:100%;
		margin: auto;	
	}	
	
	.spacecontent:hover{
		background-color:#eef;
	}
	.space{
		position:relative;
		visibility:visible;
		height:100%;
		min-width:70px;
		border: 1px dotted #000;
		overflow:visible;
	}
	
	.space div{
		margin-left: 2px;	
	}
	.propicon{
		width:20px;
		height:20px;
		border:2px;
		margin:2px;
	}
	
	.score {
		width:40px;
		white-space:nowrap;
	}

	.propiconlist{
	}	
	
	.close{
		position:absolute; 
		right:0px; 
		top:0px;
		cursor:pointer;
	}
	
	.close:hover{
		text-decoration:underline;
	}

	.owned{
		width:50%;
		border: 2px solid #bbf;
		min-height:20px;
		margin:0;
		
	}
	.owned h3{
		background-color:#bbf;
		margin:0;
		padding:1px;
		
	}
	
	.kselected{
		border: 2px solid #cfc;
		width:100%;
		margin:0;
		min-height:20px;
	}
	
	.kselected h3{
		background-color:#cfc;
		margin:0;
		padding:1px;
	}
	
	.ownlist{
		position:absolute;
		top:0px;
		left:0px;
		visibility:hidden;
	}
	
	.button:hover{
		background-color:#bbf;
		cursor:pointer;		
	}
	
	.button2:hover{
		border-right:2px dotted #000;
		border-left:2px dotted #000;
		cursor:pointer;
	}
	
	.deed{
		width:250px;
		visibility:hidden;
		position:absolute;
		top:0;
		left:0;
		background-color:#fff;
		border:2px solid #999;
		z-index:7;
	}
	
	.deed h2{
		padding:3px;
		margin:0px;
	}
	.deed table{
		margin:0px;
		padding:0px;
	}
	
	.deed td{
		border:0px;
	}	
	
	.deedimage {
		height:70px;
		width:100px;
	}
	.deedproperties{
		width:70px;
		
	}
	.deedvalues{
		min-width:50px;
	}
	.deed p{
		padding:3px;
	}
	.deedimage img{
		
		height: 70px;
		max-width: 100px;
	}
	
	.villager, .news {
		position:absolute;
		top:0;
		left:0;
		visibility: hidden;
		background-color:#fff;
		width: 170px;
		border: 2px solid #bbb;
		padding:0px;
		margin:0px;
		z-index:6;
	}

	.deed p, .villager p, .news p{
		margin:0;
		margin-left: 2px;
		margin-right: 2px;
		padding:0;
	}
	.prices{
		text-align:right;

	}
	.villager h2{
		background-color: #bfb;
	}
	.news h2{
		background-color: #bbf;	
	}
	.rightify{
		text-align: right;
		white-space: nowrap;
	}
	.pricediv{
		position:absolute;
		bottom:0;
		left:2px;
		margin:0 auto;
		background-color:#fff;
		padding:2px;
		opacity:0.5;
	}
	
	.profilepic{
		width:42px;
		height:40px;
	}
	.playericon{
		width:30px;
		height:30px;
	}
	
	.obviousbuttons{
		border:3px solid #99f;
		background-color:#bbf;
		margin:10px;
		text-align:center;
		font-size:1.3em;
	}
	
	.token{ padding:0; margin:0; width:30px; height:30px;z-index:16;}
	
	#tutorial{
		text-align:center;
		margin:0 auto;
		width:100%;
		background-color:#000;
		z-index:8;
	}
	#tutorial div{
		text-align:center;
		margin: auto;
	}
	
	#startbox, #startbox2{
		visibility:hidden;
	}
	
	#startnote{
		visibility:visible;
		margin: 10px auto;
		width:600px;
		height:300px;
		overflow:visible;
	}
	#offscreen{
		display:none;
	}
	
	#main-wrapper{
		background-repeat: no-repeat;
		margin:0 auto;
		width:960px;
	}
	
	
	#game-content{
		width:635px;	
		vertical-align:top;
		margin-left:20px;
		overflow:visible;
	}
	
	#game-content h2 img{
		vertical-align: middle;
		margin-bottom:2px;
		margin-left:4px;
	}
	
	#game_ads{
		/*display:none;*/
		width:300px;
		vertical-align:top;
		border-left:4px #999 dotted;
		overflow:hidden;
	}
	
	#facebook_ads_container{
		display:none;
		border:4px #999 dotted;
		vertical-align:top;
		overflow:hidden;
	}
	
	#facebook_ads{
		border-left:2px #999 dotted;
	}

	#bankscore{
		visibility:hidden;
	}
	
	#data{
		display:none;
		visibility:hidden;
		position:absolute;
		top:700px;
	}
	
	#villagertable, #newstable, #colortable, #deedstable{
		display:none;
		border: 1px solid #000;
		height:600px;
		padding:0;
	}

	#deedbox, #villagerbox, #newsbox{
		float:left;
		position:relative;
		top:0;
		left:0;
		margin-top:0;
		padding:0;
	}
	#chatbox{
		position: absolute;
		left: 680px;
		top: 0px;
		width:300px;
		height:550px;
	}


	#divmsg{
		width:99%;
		height:22px;
		margin:auto;
		padding:0;
		overflow:hidden;
		visibility:hidden;
		border: 1px solid #F0F0A0;
		background-color: #FFF1A8;
		z-index:5;
	}
	#divmsg *{
		margin:0;
		padding:0;
	}
	#divmsg td{
		margin:0;
		padding:0;
		vertical-align:top;
	}
	#msgok{
		font-size:10px;
	}


	#divmsgwrapper{
		width:98%;
		overflow:hidden;
		
	}

	
	#notes{
	 position:absolute;
	 visibility:hidden;
	 left: 670px;
	 top:0px;
	 width:300px;
	 background-color:#ffc;
	 border: 1px solid #995;
	 padding: 2px;
	}
	
	#boardwrapper{
		display:none;
		background-color:#fff;
		min-height:500px;
		border:2px #ccc solid;
	}
	
	#vmidsection{
		
	}

	#board1{
		/*background:url('pics/villagesketch.jpg'); */
		background-repeat:no-repeat;
		margin:0;
		padding:0;
	}
	
	#hud td{
		vertical-align:top;
	}
	#hud .radio{
		display:none;
	}
	
	#detailwindow{
		width:100%;
		vertical-align:top;
	}
	
	#playertabswrapper{
		width:100%;
		margin:0;
		padding:0;
	}
	#playertabswrapper td{
		padding:0;
	}
	#board1 .space{
		margin:1px;
		padding:0;
		min-width:120px;
		width:20%;
		height:100px;
		border:1px solid #ccc;
		vertical-align:top;
	}

	#boardleftcolumn, #boardrightcolumn{
		width:100px;
	}

	#boardmidsection{
		border:none;
		vertical-align:top;
	}
	
	#playconsole{
		background-color:#fff;
		padding:0;
		margin:0;
		visibility: visible;
	}
	
	#playconsole h2{
		width:100%;
		background-color: #ccf;
	}
	
	#playconsole td{
		border:0;
	}
	
	#winbox{
		position:absolute;
		margin:0 auto;
		visibility:hidden;
		font-size:2em;
		border:4px #9f9 solid;
		background-color:#bfb;
	}
	#popupbox{
		position:relative;
		min-width:200px;
	}
	#popupbox td{
		border:0px;
	}
	#popupbox ul{
		margin:3px;
	}
	
	#turnwrapper{
		/*display:none;*/
		min-width:350px;
	}
	
	#turnpanel{
		background-color:#bfb;
		
	}
	#turnpanel input{
		display:block;
		height:20px;
		margin:2px;
	}
	
	#turnpanel .button:hover{
		background-color:#bfb;
	}
	
	#infowindow{
		display:none;
		position:absolute;
		padding:3px;
		top:475px;
		left:400px;
		overflow:hidden;
		width:390px;
		height:80px;
		z-index:9;
		display:block;
		visibility:hidden;
		background-color:#fff;
		border:2px #bbb solid;
	}
	
	#infowindow img{
		height: 70px;
		max-width: 100px;
	}
	#turnpanel h2{
		font-size:1.1em;
		width:100%;
		background-color:#bfb;
	}

	#diceresult{
		margin-left:20px;
	}
	
	#supgradewindow, #upgradewindow, #auctiontable, #mortgagewindow, #umortgagewindow, #tradebox, #brokepanel{
		visibility:hidden;
		position:absolute;
		border: 2px solid #bbb;
		background-color:#fff;
		z-index:8;
		margin: auto;
		text-align: center;
	}
	
	.dialogtitle{
		margin:0px;
		padding-left:2px;
	}
	
	#brokepanel{
		background-color:#fbb;
		border:2px solid #955;
	}
	#brokepanel input{
		margin:3px;
	}
	
	
	#buywindow, #producewindow{
		position:relative;
		visibility:hidden;
		width:100%;
		text-align:center;
		margin:auto;
		border:0px;
	}
	
	#buywindow input{
		display:inline;
		white-space:nowrap;
	}

	
	#auctiontable{
		
		text-align:center;
	}
	
	#auctiontable h2:hover{
		cursor:move;
	}	
	#tradebox h2:hover{
		cursor:move;
	}
	
	#auctiontable td{
		vertical-align:top;
		text-align:left;
	}
	
	#tradetable{
		width:100%;	
	}
	#tradetable td{
		vertical-align:top;
		text-align:left;
	}
	#tradeoptions{
		z-index:8;
		width:120px;
		background-color:#fff;
	}
	
	#tradeoptions span{
		/*background-color:#fff;*/
		border:1px solid #bbf;	
		width:30px;
		margin:2px;
	}
	
	#tradebox{
		top:20px;
		left:20px;
		border:2px solid #bbb;
		width:300px;
		padding:0;
		margin:auto;
		text-align:center;
		z-index: 9;
	}
	#tradebox h2{
		background-color:#bbb;
	}
	
	#tradebox h3{
		margin:0;
		padding:1px;
		font-size:1.1em;
	}
	
	#tradebox td{
		border:1px dotted #eee;
		vertical-align:top;
	}
	#tradebox div{
		vertical-align:top;
		text-align:left;
	}
	
	#tradebox div{
		width:100%;
		vertical-align:top;
	}
	#biddingpanel td{
		border: 1px dotted #eee; 
	}
	#auctiontitle{
		width:100%;
		margin:0;
		/*padding-left:5px;*/
		height:25px;
		background-color:#ccc;
	}
	
	#deeddisplay{
		width: 170px;
		margin-right:10px;
		border:2px solid #bbb;
	}
	
	#mortgagewindow, #supgradewindow{
		z-index:9;
	}

	#controlpanel{
		display:inline;
		z-index:5;
		background-color:#fff;
		border:2px solid #ccc;
	}
	
	#controlpanel span{
		padding-left:2px;
		
	}
	#controlpanel td{
		vertical-align:top;
	}
	#controlpanel span:hover{
		text-decoration:underline;
	}
	#controlpanel h2{
		width:100%;
		background-color:#ccc;
	}
	
	#close {
		float: right;
	}
	
	#donate{
	
	}