body {
   text-align: left;
   margin: 0px;
   padding: 5px;
   background-color: #3467A0;
   background-image: url(images/background.jpg);
   background-position: top;
   background-repeat: repeat-x;
   font-family: Century Gothic, Arial;
   color: white;
   font-size: 0.8em;
   font-weight: bold;
   padding-top: 0px;
}

img {
   border: 0px;
   margin: 0px;
   padding: 0px;
}

#logo {
   float: left;
   display: inline;
   margin-left: 5px;
}

#searchbox {
   position: absolute;
   left: 5px;
   top: 0px;
   width: 300px;
   overflow: hidden;
}

#mainpanel {
   height: 70%;
   margin-top: 10px;
   margin-left: 300px;
   margin-right: 5px;
}

#map {
   float: right;
   display: inline;
   height: 100%;
   width: 100%;
   border: 5px solid white;
}

#countrylist, #maprolelist {
   display: none;
   height: 1px;
   overflow: scroll;
   overflow-x: hidden; 
   width: 230px;
}

#platformlist, #rolelist {
   height: 200px;
   overflow: scroll;
   overflow-x: hidden; 
   width: 300px;
}

#officeform #rolelist, #platformlist {
   height: 98px;
   clear: left;
}

fieldset {
   border: none;
}

#form1 {
   margin-left: 5px;
}


#mapgameinfo a {
   color: #3467A0;
}

#mapgameinfo a:hover {
   color: black;
}

#footer {
   clear: both;
   text-align: center;
}

#mapfooter {
   clear: both;
   text-align: center;
   margin-left: 300px;
}

a {
   color: white;
}

a div {
   cursor: pointer;
}

a:hover {
   color: black;
}

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

#mapstats {
   float: right;
   display: inline;
   height: 20px;
   line-height: 20px;
   text-align: center;
   font-size: 1.2em;
   margin-bottom: 20px;
   margin-right: 5px;
   margin-top: 5px;
}

#heading #mapstats {
   float: none;
   display: block;
   font-size: 1.4em;
}

#mainpanel #mapstats {
   margin-top: 0px;
}

#loginbox {
   float: left;
   display: inline;
   font-size: 1.2em;
   margin-right: 30px;
   margin-bottom: 20px;
   margin-top: 5px;
}

.mapinfo {
   color: black;
   height: 240px;
   width: 600px;
   font-weight: normal;
   overflow: hidden;
}

#mapaddblock {
   float: left;
   display: inline;
   width: 230px;
   height: 150px;
   overflow: hidden;
}

.maplogo {
   float: left;
   display: inline;
   margin-right: 5px;
   width: 80px;
}

#mapboxartholder {
   width: 378px;
   text-align: center;
   margin-bottom: 10px;
   margin-left: auto;
   margin-right: auto;
}

.mapboxart {
   float: left;
   display: inline;
   margin-right: 3px;
   overflow: hidden;
   font-size: 0.6em;
   text-align: center;
   color: white;
   cursor: pointer;
}

div.mapboxart {
   width: 50px;
   height: 50px;
   background-color: #3467A0;
}

h4 {
   color: black;
   margin-bottom: 5px;
   width: 350px;
}

.mapinfo h4 {
   width: 230px;
   margin: 0px;
   padding: 0px;
   float: left;
   display: inline;
   font-size: 1.2em;
}

a.sitelink {
   color: black;
   font-weight: bold;
   text-decoration: none;
}

a.sitelink:hover {
   color: #3467A0;
}

h5 {
   color: black;
   margin-bottom: 5px;
   font-size: 1em;
}

h5 span.helpertext, h5 span.helpertext a {
   color: #3C86CF;
   font-weight: normal;
}

h5.mapinforight {
   margin: 0px;
   padding: 0px;
   float: right;
   display: inline;
   width: 150px;
   margin-left: 0px;
}

h5.mapinfoleft {
   margin: 0px;
   padding: 0px;
   float: left;
   display: inline;
   clear: left;
   width: 230px;
}

div.tab, div.newtab {
   float: left;
   display: inline;
   height: 24px;
   background-color: #114165;
   line-height: 24px;
   padding-left: 10px;
   padding-right: 10px;
   margin-right: 3px;
}

div.newtab {
   background-image: url(images/new_star.jpg);
   background-position: top right;
   background-repeat: no-repeat;
   padding-right: 29px;
}

a:hover .tab, a:hover .newtab {
  background-color: white;
}

a:hover .newtab {
  background-position: bottom right;
}

#searchheader {
   background-image: url(images/search.jpg);
   background-repeat: no-repeat;
   background-position: center left;
   height: 20px;
}

#searchheader span {
   display: none;
}

.clicktext {
   cursor: pointer;
}

#mapcontactsscroll {
   float: right;
   display: inline;
   margin-right: 28px;
}

.mapinfoscroll {
   text-align: center;
}

.mapinfoscroll span {
   cursor: pointer;
}

#mapgameinfo {
   position: absolute;
   top: 0px;
   left: 0px;
   display: none;
   width: 250px;
   background-color: #e3f2fa;
   color: black;
   font-weight: normal;
   padding: 5px;
   border: 1px solid black;
}

#mapgameinfoart {
   float: right;
   display: inline;
   margin: 3px;
   clear: right;
   cursor: pointer;
}

#maplinks {
   float: right;
   display: inline;
   clear: right;
   margin-top: 10px;
   height: 100px;
   width: 230px;
   overflow: scroll;
   overflow-x: none;
}

#maplinks ul {
   color: black;
   list-style: none;
   padding: 0px;
   margin: 0px;
}

#maplinks ul a {
   color: #3467A0;
}

#maplinks ul a:hover, h5 span.helpertext a:hover {
   color: black;
}

form .helpertext {
   font-size: 0.8em;
}

#mapgamesholder {
   float: left;
   display: inline;
   margin-bottom: 10px;
   clear: left;
   height: 75px;
   width: 350px;
}

#mapcontactsholder {
   height: 70px;
   float: right;
   display: inline;
   width: 230px;
   clear: right;
   margin-bottom: 10px;
}

#mapinfoedit {
   float: right;
   display: inline;
   clear: right;
   width: 150px;
   text-align: right;
}

#regform fieldset {
   clear: both;
   padding: 10px;
   margin: 10px;
   margin-top: 0px;
   border: 5px solid white;
}

h2 {
   font-size: 1.3em;
}

.extratext {
   font-size: 0.8em;
   vertical-align: middle;
   line-height: 29px;
}

#regform #maptabs {
   margin-left: 10px;
}

span.stat {
   color: #88A6CA;
}

#videoboxwrap {
   position: absolute;
   text-align: center;
   width: 100%;
   top: 20%;
}
#videobox {
   display: none;
   margin-left: auto;
   margin-right: auto;
   width: 425px;
   overflow: visible;
   background-color: white;
   color: black;
}

#viedobox form {
   text-align: left;
}

#mappopheader {
   background-image: url(images/mappopback.jpg);
   background-repeat: repeat-x;
   height: 49px;
}

#mappopclose {
   cursor: pointer;
   float: right;
   display: inline;
   height: 28px;
   width: 70px;
   background-image: url(images/close.jpg);
   background-position: left;
   margin-top: 7px;
   margin-right: 10px;
   margin-bottom: 13px;
}

#mappoptitle {
   float: left;
   display: inline;
   margin-left: 10px;
   background-image: url(images/mappopheader.jpg);
   height: 40px;
   width: 113px;
   background-repeat: no-repeat;
   line-height: 0px;
}

#mappoptitle span {
   display: none;
}

#mappopclose span {
   display: none;
}

#passage {
	font: 14px "Century Gothic", "Arial", sans-serif;
}

.sectionHead {
	
	font: 16px "Century Gothic", "Arial", sans-serif;
	font-weight:bolder;
}
.sectionSubHead {
	font-weight:bolder;
	margin-top:15px;
	color:white;
	text-decoration:none;
}

.frmText {
	
	padding:10px;
	position:absolute;
	left:150px;
	
	
}
.frmName {
	font-weight:bolder;
	position:relative;
	top:13px;
        width: 100px;
	
	
	
}
.frmPosition {
	
	padding:10px;
	
	
}

#frmSubmit
{
	position:relative;
	top:81px;
}

#adblock {
   clear: both;
   margin-top: 10px;
   height: 100px;
   padding-top: 10px;
   text-align: center;
   width: 728px;
   margin-left: auto;
   margin-right: auto;
}

#homeButtons {
   width: 290px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   margin-bottom: 30px;
}

#loginbutton {
   float: left;
   display: inline;
   width: 95px;
   height: 38px;
   background-image: url(images/login_button.jpg);
   margin: 10px;
   margin-right: 70px;
}

#loginbutton:hover {
   background-position: right;
}

#enterbutton {
   display: block;
   width: 136px;
   height: 36px;
   background-image: url(images/enter_button.jpg);
   margin: 0px auto;
}

#enterbutton:hover {
   background-position: right;
}

#registerbutton {
   float: left;
   display: inline;
   width: 95px;
   height: 38px;
   background-image: url(images/register_button.jpg);
   margin: 10px;
}

#registerbutton:hover {
   background-position: right;
}

#frontlogoholder {
   background-image: url(images/frontfade.jpg);
   background-repeat: repeat-x;
}

#heading  {
   margin: 0px;
   padding: 0px;
   text-align: center;
   min-width: 500px;
   clear: both;
}

#freeToUse {
   clear: both;
   font-size: 1.4em;
   font-weight: bolder;
}

.emphasize {
 text-decoration: underline;	
}

#welcome {
   font-weight: normal;
   min-width: 430px;
   margin-left: 8%;
   margin-right: 8%;
   border: 1px solid rgb(117,135,149);
   background-color: white;
   color: black;
   font-size: 1.2em;
   clear: both;
}

#welcomeHeading, #recentheading
{
   text-align: center;
   background-image: url(images/img_welcome_head.jpg);
   background-position: top;
   background-repeat: repeat-x;
   border-bottom: 1px solid rgb(117,135,149);
   color:rgb(40,95,159);
   padding-top: 6px;
   padding-bottom: 6px;
   font-size: 1.3em;
   font-weight: bolder;
   clear: both;
}

#welcomeText {
   clear: both;
   margin: 14px;
}

#davidPerry {
   font-weight: bolder;
   font-style: italic;
}
#postScript {
   font-style: italic;
}

#legal {
   clear: both;
   margin-top: 20px;
   text-align: center;
}

#editbox {
   clear: both;
   height: 100%;
}

#editboxbr {
   float: left;
   display: inline;
   height: 50%;
   width: 49%;
   border-right: 3px solid white;
   border-bottom: 3px solid white;
   border-top: 3px solid white;
   border-left: 3px solid white;
}

#activeeditbox {
   float: left;
   display: inline;
   height: 50%;
   width: 49%;
   border-bottom: 3px solid white;
   border-top: 3px solid white;
   border-left: 3px solid white;
}

#editboxtr {
   float: left;
   display: inline;
   height: 50%;
   width: 49%;
   border-right: 3px solid white;
   border-top: 3px solid white;
   border-left: 3px solid white;
}

#editcompanybox {
   float: left;
   display: inline;
   height: 50%;
   width: 49%;
   border-top: 3px solid white;
   border-left: 3px solid white;
}

iframe {
   border: 0px;
   padding: 0px;
}

div.editgamelistart {
   display: block;
   margin-right: 3px;
}

div.editgamelistitem {
   float: left;
   display: inline;
   width: 23%;
   height: 35%;
   overflow: hidden;
   margin: 4px;
   margin-top: 10px;
   text-align: center;
   cursor: pointer;
}

#editcompanybtn {
   display: block;
   height: 33px;
   width: 115px;
   background-image: url(images/edit_company_btn.jpg);
   background-position: left;
}

#editcompanybtn:hover {
   background-position: right;
}

#gamesboxnext {
   float: right;
   display: inline;
   clear: left;
   width: 76px;
   height: 33px;
   background-image: url(images/next_button.jpg);
   background-position: left;
   margin: 5px;
}

#gamesboxnext:hover {
   background-position: right;
}

#gamesboxprevious {
   float: left;
   display: inline;
   clear: left;
   width: 79px;
   height: 31px;
   background-image: url(images/prev_button.jpg);
   background-position: left;
   margin: 5px;
}

#gamesboxprevious:hover {
   background-position: right;
}

span.buttontext {
   display: none;
}

#gamespageselect {
   clear: both;
   text-align: center;
   line-height: 20px;
   margin: 0px 5px;
}

#gamesboxadd {
   cursor: pointer;
   float: right;
   display: inline;
   width: 84px;
   height: 29px;
   background-image: url(images/add_game_button.jpg);
   background-position: left;
   margin-right: 5px;
   margin-top: 3px;
}

#gamesboxadd:hover {
   background-position: right;
}

img.header {
   display: block;
   margin-top: 3px;
}

#editpagelogo {
   float: right;
   display: inline;
   margin: 5px;
}

.button {
   cursor: pointer;
}


#addaddressbtn {
   float: right;
   display: inline;
   margin: 5px;
   cursor: pointer;
   height: 48px;
   width: 92px;
   background-image: url(images/add_address.jpg);
   background-position: left;
   clear: right;
}

#addaddressbtn:hover {
   background-position: right;
}

#editstep1, #editstep2, #editstep3 {
   margin-top: 15px;
   margin-bottom: 10px;
   text-align: center;
}

#editgameslistheader {
   margin-bottom: 15px;
}

#mapinfoedit a {
   color: #3C86CF;
}

#mapinfoedit a:hover {
   color: black;
}

#suggestbox {
   display: none;
   position: absolute;
   height: 100px;
   width: 200px;
   overflow: hidden;
   color: black;
   border: 1px solid black;
   background-color: rgb(178, 196, 218);
   cursor: pointer;
}

#mapofficestatus {
   position: relative;
   bottom: 150px;
   right: 5px;
   color: black;
   font-weight: normal;
}

#maptabs {
   width: 710px;
   margin-top: 20px;
   clear: left;
}

#passage
{
	clear: both;
	border: 3px solid;
	border-color:white;
	padding:7px;
	min-width:750px;
}

#quickLinks 
{
	padding:5px;
}

.extrasSubPane
{	
	position:relative;
	top:15px;
	margin:10px;
	background-color:rgb(155, 177, 201);
	color:black;
	padding: 5px;
	clear: both;
	margin-bottom: 30px;
}

.hangRight
{
	float: right;
	display: inline;
	position: relative;
	top:-50px;
	width:80px;
}
.mainImages
{
	position:relative;
	top:-16px;
	left:30px;
}

.paneText
{
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
}
.list
{
	position:relative;
	left:2%;
	width:96%;
	margin-bottom:15px;
	background-color:rgb(178, 196, 218);
	height: 260px;
	max-width:2000px;
	
}
.graphs
{	
	position:relative;
	left:18px;
	width:40%;
	padding-bottom:20px;
	
	
	
	
	
}
.graphs2
{
	position:absolute;
	background-color:white;
	top:6%;
	width:100%;
	margin-bottom: 6%;
	text-align: center;
	
	
}
.topHottest
{
	position:relative;
	top:0px;
	left:110%;
	width:125%;
	
	
	
}
#dpPicksAmazon
{
	text-align:center;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#amazonbox {
	float: left;
	display: inline;
	margin: 5px;
	background-color: white;
	padding: 5px;
	width: 40%;
	min-height: 700px;
	z-index: -3;
}

#amazonselect {
   float: left;
   display: inline;
   width: 50%;
   background-color: #B2C4DA;
   margin-left: 50px;
}

.amazonflag {
   float: left;
   display: inline;
   margin-right: 5px;
}

.amazonlink {
   cursor: pointer;
   text-decoration: underline;
   font-weight: bold;
   color: white;
}

#logintext {
   line-height: 42px;
}

#loginheader {
   float: left;
   display: inline;
   background-image: url(images/loginheader.jpg);
   background-repeat: none;
   width: 90px;
   height: 42px;
   margin: 0px;
}

label {
   float: left;
   display: inline;
   clear: left;
   width: 130px;
}

p.login {
   margin: 5px;
}

#profileinfo {
   border: 3px solid white;
   border-top: 0px;
   padding: 5px;
}

#profileinfo h2 {
   margin-top: 0px;
   background-image: url(images/mydetails_title.jpg);
   height: 29px;
   width: 250px;
}

.profilefield {
   font-weight: bold;
}

#contcount {
   text-align: center;
   font-size: 1.2em;
   clear: right;
}

#detailsbox {
   float: left;
   display: inline;
   margin-left: 4%;
   width: 40%;
   background-color: #B2C4DA;
   font-size: 1.1em;
   font-weight: normal;
   margin-bottom: 20px;
}

#mystatsbox {
   float: left;
   display: inline;
   margin-left: 2%;
   width: 50%;
   background-color: #B2C4DA;
   font-size: 1.1em;
   font-weight: normal;
   margin-bottom: 20px;
}

#invitebox {
   clear: both;
   width: 80%;
   margin-left: 10%;
   margin-right: 10%;
   background-color: #B2C4DA;
   font-size: 1.4em;
   text-align: center;
   padding: 5px;
}

#detailsbox p, #mystatsbox p {
   line-height: 2em;
    margin: 10px;
}

#detailsbox h3, #mystatsbox h3 {
   color: #3467A0;
   margin: 10px;
}

#accounttitle {
   background-image: url(images/myaccount_title.jpg);
   width: 129px;
   height: 31px;
   margin: 0px;
}

#passform {
   margin-left: 10px;
}

.collabtext {
   line-height: 30px;
}

select.officecountry {
   width: 303px;
}

select.officestatus {
   width: 107px;
}

#officeform .button, #gameformsubmit {
   float: right;
   display: inline;
   margin-top: 10px;
   margin-left: 5px;
   clear: right;
}

#gameformsubmit {
   margin-top: 0px;
}

div.collabitem, div.collabitem2 {
   padding: 15px;
   background-color: #8AB8EC;
   clear: both;
}

div.collabitem2 {
   background-color: #5C8BC1;
}

div.collabgroup1, div.collabgroup2 {
   float: left;
   display: inline;
   width: 40%;
}

div.collabgroup3 {
   float: right;
   display: inline;
   text-align: right;
   width: 20%;
}

#collabbrowse {
   width: 50%;
}

.collabaddbtn {
   float: right;
   display: inline;
   text-align: right;
   background-image: url(images/add_tolist_button.jpg);
   background-position: left;
   width: 65px;
   height: 42px;
   cursor: pointer;
   margin: 5px;
}

.collabaddbtn:hover {
   background-position: right;
}

p.collabintro {
   margin-left: 15px;
}

.title {
   font-weight: bold;
}

#invitebox a {
   color: #3467A0;
}

#invitebox a:hover {
   color: black;
}

#viewerremove {
   display: block;
   clear: both;
   margin-top: 30px;
   text-decoration: underline;
   cursor: pointer;
   font-size: 0.8em;
}
.buttonholder {
   float: left;
   display: inline;
   clear: left;
}

.firstPaneText {
  line-height: 34px;
}

#latestbox {
   background-color: #2B519A;
   color: white;
   padding: 20px;
   list-style: none;
}

#latestbox h3 {
   position relative;
   right: 5px;
   color: white;
}

#latestbox h4{
   color: white;
}