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

form {
margin: 0px;
}

img {
border: none #000000 0px;
}

table.page{
border: 0;
padding: 0;
margin: 1em auto 0em auto;
text-align: center;
vertical-align: top;
}

div.login{
padding: 0;
margin: 0em 0em 0em 1em;
background: #FFFFFF;
text-align: center;
font-size: 14px;
color: #000000;
vertical-align: top;
}

table.register{
border: dashed #000000 1px;
padding: 0;
margin: 1em auto 0em auto;
width: 400px;
background: #FFFFFF;
text-align: center;
font-size: 14px;
color: #000000;
vertical-align: top;
}

div.menu{
padding: 0;
margin: 1em 0em 0em 0em;
background: #FFFFFF;
text-align: center;
font-size: 14px;
color: #000000;
vertical-align: top;
}

table.menu2{
border: dashed #000000 1px;
padding: 0;
margin: 1em auto 0em auto;
background: #FFFFFF;
text-align: center;
font-size: 14px;
color: #000000;
vertical-align: top;
}

table.skills{
margin: auto;
width: 400px;
font-size: 14px;
color: #000000;
vertical-align: top;
}

table.devmap{
margin: 0em 0em 0em 0em;
border: dashed #000000 1px;
padding: 0;
background: #000000;
font-size: 10px;
width: 800px;
height: 800px;
vertical-align: top;
text-align: center;
}

img.devmap{
margin: 0em 0em 0em 1em;
border: none;
background: #000000;
vertical-align: top;
}

div.score{
padding: 0;
margin: 0em 0em 1em 0em;
background: #FFFFFF;
text-align: center;
font-size: 14px;
color: #000000;
vertical-align: top;
width: 300px;
}

table.faq{
border: dashed #000000 1px;
padding: 0;
margin: 1em auto 1em auto;
width: 400px;
background: #FFFFFF;
text-align: center;
font-size: 14px;
color: #000000;
vertical-align: top;
}

table.leaderboard{
border: dashed #000000 1px;
padding: 0;
margin: 1em auto 0em auto;
width: 400px;
background: #FFFFFF;
font-size: 14px;
color: #000000;
vertical-align: top;
}

div.msg{
background: #FFF0AA;
margin: 10px 0em;
text-align: center;
height: 15px;
font-size: 12px;
color: #000000;
}

table.msg{
border: dashed #000000 1px;
background: #FFF0AA;
margin: 0em 0em 0em 0em;
width: 100%;
text-align: center;
font-size: 12px;
color: #000000;
}

a:link{
color: #000000;
text-decoration: none;
font-size: 12px;
}

a:visited{
color: #000000;
text-decoration: none;
font-size: 12px;
}

a:hover{
color: #111111;
text-decoration: underline;
font-size: 12px;
}

a:active{
color: #111111;
text-decoration: none;
font-size: 12px;
}

div.transparent{
opacity:.75;
filter: alpha(opacity=75);
vertical-align: center;
}

div.hover{
vertical-align: center;
}

/*Home Page DIVS*/

div.page {
width: 800px;
margin: 10px auto;
}

div.page_container1 {
height: 110px;
width: 800px;
background: #FFFFFF;
margin: 10px auto;
}

div.page_container2 {
height: 520px;
width: 800px;
background: #FFFFFF;
margin: 10px auto;
}

div.page_container2 #navigator {
margin: 0px 10px;
height: 40px;
vertical-align: top;
}

span.navigator_button {
text-align: center;
vertical-align: bottom;
font-size: 20px;
padding: 10px 20px;
cursor: pointer;
cursor: hand;
height: 40px;
color: #666666;
background-color: #FFFFFF;
border-bottom: 1px solid #EAEAEA;
border-left: 1px solid #EAEAEA;
border-right: 1px solid #EAEAEA;
}

span.navigator_button:hover {
color: #000000;
background-color: #FAFAFA;
}

span.navigator_button_selected {
text-align: center;
vertical-align: bottom;
font-size: 20px;
padding: 10px 20px;
height: 40px;
color: #FFFFFF;
background-color: #888888;
border-bottom: 1px solid #EAEAEA;
border-left: 1px solid #EAEAEA;
border-right: 1px solid #EAEAEA;
}

span.navigator_button_selected:hover {
}

span.loader {
position: relative;
top: -5px;
}

div.page_container2 #content {
vertical-align: top;
height: 500px;
overflow: auto;
}

div.left {
vertical-align: top;
float: left;
width: 325px;
clear: none;
}

div.right {
vertical-align: top;
float: right;
width: 450px;
clear: none;
}

div.twitter_container {
height: 200px;
width: 300px;
margin: 10px;
background-color: #F6F6F6;
text-align: right;
font-weight: bold;
font-size: 20px;
padding: 5px;
overflow: hidden;
}

div.twitter_container a {
font-size: 14;
font-weight: bold;
color: #0066CC;
}

div.twitter {
height: 200px;
background-color: #FFFFFF;
text-align: left;
overflow: scroll;
}

div.twitter li {
	font-size:12px;
	font-weight: normal;
	background-image: url(img/twitter.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin-top:8px;
	list-style-type:none;
	vertical-align: top;
	position: relative;
	left: -20px;
}

div.twitter .hash { color:#0066CC; } 

div.twitter small { color:#878787; } 

div.twitter .reply { color:#0066CC; } 

div.twitter a:link { text-decoration:none; color:#0066CC;}
div.twitter a:active { text-decoration:none; color:#0066CC;}
div.twitter a:hover { text-decoration:underline; color:#0066CC;}
div.twitter a:visited { text-decoration:none; color:#0066CC;}

div.login {
background: #FFFFFF;
margin: 0px 10px;
height: 105px;
width: 480px;
vertical-align: top;
text-align: right;
float: right;
}

div.login_form {
zoom: 80%;
}

div.rster {
margin: 10px 0px;
opacity:.75;
filter: alpha(opacity=75);
}

div.rster:hover {
opacity:1.0;
filter: alpha(opacity=100);
}

div.lboard {
margin: 0px 10px 10px 0px;
text-align: right;
opacity:.65;
filter: alpha(opacity=65);
}

div.lboard a {
text-decoration: none;
}

div.lboard:hover {
opacity:1.0;
filter: alpha(opacity=100);
}

div.sboard {
margin: 0px 10px 10px 0px;
text-align: right;
opacity:.65;
filter: alpha(opacity=65);
}

div.sboard a {
text-decoration: none;
}

div.sboard:hover {
opacity:1.0;
filter: alpha(opacity=100);
}

div.mapper {
text-align: center;
}

div.logo {
width: 264px;
margin: 0px 10px 10px 10px;
vertical-align: top;
text-align: left;
float: left;
}

div.footer {
text-align: center;
color: #999999;
font-size: 12px;
}

div.footer a {
color: #999999;
font-size: 12px;
}

/*MODAL WINDOW DIVS*/

div.register{
background: #FFFFFF;
color: #000000;
height: 300px;
}

div.skills_container{
background: #FFFFFF;
color: #000000;
height: 325px;
}

div.skills{
text-align: center;
background: #FFFFFF;
color: #000000;
height: 325px;
vertical-align: top;
overflow: auto;
}

div.history{
height: 350px;
overflow: auto;
text-align: center;
background: #FFFFFF;
color: #000000;
}

div.history_container{
background: #FFFFFF;
color: #000000;
height: 350px;
}

div.vote{
height: 350px;
overflow: auto;
text-align: center;
background: #FFFFFF;
color: #000000;
}

div.vote_container{
background: #FFFFFF;
color: #000000;
height: 350px;
}

div.msg_online{
background: #FFF0AA;
margin: 10px 0em;
text-align: center;
height: 100px;
font-size: 12px;
color: #000000;
}

div.online{
height: 250px;
overflow: auto;
text-align: center;
background: #FFFFFF;
color: #000000;
}

div.online_container{
background: #FFFFFF;
color: #000000;
height: 250px;
}

div.rewards{
height: 250px;
overflow: auto;
text-align: center;
background: #FFFFFF;
color: #000000;
}

div.rewards_container{
background: #FFFFFF;
color: #000000;
height: 250px;
}

div.leaderboard{
height: 350px;
overflow: auto;
text-align: center;
background: #FFFFFF;
color: #000000;
}

div.leaderboard_container{
background: #FFFFFF;
color: #000000;
height: 350px;
}

div.profile_container{
background: #FFFFFF;
color: #000000;
height: 350px;
}

div.profile{
height: 350px;
overflow: auto;
text-align: center;
background: #FFFFFF;
color: #000000;
}

div.spy{
height: 375px;
overflow: auto;
text-align: left;
background: #FFFFFF;
color: #000000;
}

div.spy_container{
background: #FFFFFF;
color: #000000;
height: 375px;
}

div.spy_actions{
margin: 10px 0px;
background: #FFFFFF;
color: #000000;
height: 50px;
}

a.hover {
  opacity:.75;
  filter: alpha(opacity=75);
}

a.hover:hover {
  opacity:1.0;
  filter: alpha(opacity=100);
}

img.weather {
height: 18px;
width: 18px;
position: relative;
top: 4px;
}

/* AJAX INDEX DIVS */

iframe.support {
border: 0px;
width: 750px;
height: 475px;
margin: auto;
padding: 5px;
}

textarea.support {
width: 750px;
height: 350px;
color: #888888;
}

div.updates {
}

div.update {
margin: 10px;
border: 1px solid #EAEAEA;
padding: 10px;
}

span.update_name {
font-size: 24px;
font-weight: bold;
color: #000000;
}

span.update_date {
font-size: 10px;
color: #AAAAAA;
}

span.update_content {
font-size: 14px;
color: #000000;
}

div.features {
}

div.feature {
margin: 10px;
border: 1px solid #EAEAEA;
padding: 10px;
color: #333333;
}

div.feature:hover {
color: #000000;
background-color: #FAFAFA;
}

span.feature_name {
font-size: 32px;
font-weight: bold;
color: #000000;
text-align: left;
}

img.feature_img {
}

div.feature_content {
font-size: 14px;
padding: 5px;
}

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

#GB_overlay {
  background-color: #000;
  opacity:.85;
filter: alpha(opacity=85);
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
  width:  100%;
  height: 100%;
}

* html #GB_overlay {
  opacity:.85;
  filter: alpha(opacity=85);
}

#GB_window {
  top: 100px;
  left: 0px;
  position: absolute;
  background: transparent;
  border: none;
  overflow: visible;
  width: 400px;
  height: 400px;
  z-index: 150;
}

#GB_frame {
  border: 0;
  overflow: auto;
  width: 100%;
  margin: 10px 0px
}

#GB_caption {
  font: 24px bold helvetica, verdana, sans-serif;
  color: #FFF;
  background: transparent;
  padding: 2px 0 2px 5px;
  margin: 0;
  text-align: left;
}

#GB_caption a {
  color: #FFF;
  font: 24px bold helvetica, verdana, sans-serif;
}

#GB_caption a:hover {
  color: #FFF;
  text-decoration: none;
}

#GB_window img {
  position: absolute;
  top: -6px;
  right: -6px;
  cursor: pointer;
  cursor: hand;
  opacity:.8;
  filter: alpha(opacity=80);
}

#GB_window img:hover {
  opacity:1.0;
  filter: alpha(opacity=100);
}