/* ==================================== [ RESET ] =============================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,button,input,textarea,p,blockquote,th,td { 
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,img { border: 0 }
address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
  font-weight: normal;
}
ol, ul { list-style:none }
caption, th { text-align:left }
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before, q:after {
  content: '';
}
abbr, acronym { border: 0 }

/* ==================================== [ FONTS ] =============================== */

body, textarea, input, select, button { font: 13px/1.231 arial,helvetica,clean,sans-serif }
table {
  font-size: inherit;
  font: 100%;
}
pre,code,kbd,samp,tt {
  font-family: monospace;
  line-height: 100%;
}

/* ==================================== [ GLOBAL DEFAULTS ] =============================== */

h1,h2,h3,h4,h5,h6 { font-weight: bold }
h1 { font-size: 152% }  /* 20px */
h2 { font-size: 136% }  /* 18px */
h3 { font-size: 122% }  /* 16px */
h4 { font-size: 107% }    /* 14px */
h5 { font-size: 92% }      /* 12px */
h6 { font-size: 77% }      /* 10px */

a { 
  color: #069;
  text-decoration: none;
}
a:link { 
  color: #069;
  text-decoration: none;
}
a:visited { color: #069 }
a:hover { 
  text-decoration: underline;
  background-color: transparent;
  color: #069;
  cursor: pointer;
}
a.video:hover { text-decoration: none }
a:active { 
  color: #069;
}
:link:focus, :visited:focus, a:active, a:focus, :active:focus { outline-style: none; -moz-outline-style: none; }

/* ==================================== [ UTILITY CLASSES ] =============================== */

.bold { font-weight: bold }
.underline { text-decoration: underline }
.italic { font-style: italic }
.plain {
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}
.black { color: #000 }
.gray { color: #999 }
.white { color: #fff }
.clear { clear: both }
.center { text-align: center }

/* ==================================== [ BLOCK LEVEL ] =============================== */

html { height: 100% } /* needed for container min-height */
body {
  height: 100.01%;
  background-color: #fff;
}
#container {
  background: transparent url(/images/background_alpha.png) repeat-y 0 0;
  width: 930px;
  padding: 5px 12px;
  margin: 0 auto;
  position: relative;
  height: auto !important; /* real browsers */
  height: 100%; /* IE6: treated as min-height */
  min-height: 100%; /* real browsers */
}
#leaderboard { 
  width: 930px;
  height: 92px;
  padding: 2px 0;
  background-color: #ececec;
  display: block;
  text-align: center;
  margin-bottom: 5px;
}
#leaderboard iframe, #leaderboard table { 
  margin: 0 auto;
  border: 1px solid #5a5a5a;
}
#header {
  background: #ea8a00 url(/images/header.jpg) no-repeat 0 0 ;
  height: 115px;
  position: relative;
  z-index: 11;
}
#header, #header a { color: #fff }
#header a { font-weight: bold } 
#inbox_count .count {
  background: transparent url(/images/inbox_count_left.png) no-repeat 0 1px ;
  padding-left: 3px;
}
#inbox_count .count span {
  font-weight: normal;
  color: #069;
  background: transparent url(/images/inbox_count_right.png) no-repeat right 1px ;
  padding-right: 3px;
}
#header, #footer {
  width: 930px;
  display: block;
}
#beta {
  background: transparent url(/images/beta.png) no-repeat 0 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  height: 35px;  
  z-index: 3;
}
#logo {
  background: transparent url(/images/logos/default.png) no-repeat 0 0;
  position: absolute;
  top: 10px;
  left: 3px;
  display: block;
  width: 160px;
  height: 100px;
  text-indent: -9000px;
  z-index: 2;
}
#meta_nav ul, #main_nav ul { 
  float: right;
  position: relative;
}
#meta_nav {
  padding-right: 5px;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;  
  width: 500px;
  z-index: 15;
}
#meta_nav ul li.meta_nav_item {
  float: right;
  padding: 10px 5px;
  position: relative;
}
#meta_nav ul li a {
  padding-left: 10px;
  border: 0 solid #d7d7d7;
  border-left-width: 1px;
}
#meta_nav ul li.join_now a, #meta_nav ul li .user_name a { border: 0 }
#meta_nav .user_name { display: inline-block }
#meta_nav ul.sub_nav li a {
  border: 0 solid #d7d7d7;
  border-bottom-width: 1px;
  color: #069;
  font-weight: normal;
  font-size: 93%;
}
#meta_nav ul.sub_nav li.account a { border: 0 }
#meta_nav li#nav_account { padding-right: 8px }
#meta_nav li.active { 
  background-color: #000;
  color: #ea8a00;
}
#meta_nav .meta_nav-home_link { }
#meta_nav .meta_nav-home_link:hover  { }
#meta_nav li#nav_account span {
  background: transparent url(/images/gray_arrow_down.png) no-repeat right center;
  padding-right: 13px;
}
#feedback {
  position: absolute;
  top: 32px;
  right: 10px;
}
#feedback a {
  font-weight: normal;
  font-size: 85%;
}
#main_nav {
  z-index: 11;
  position: absolute;
  right: 0;
  bottom: 0;
  background: transparent url(/images/nav_background.png) no-repeat 0 0;
  width: 765px;
  height: 30px;
}
#main_nav ul { float: left }
#main_nav li.nav_item {
  background: transparent url(/images/nav_tab_background.png) no-repeat bottom right;
  float: left;
  line-height: 108%;
  height: 30px;
  padding: 0 12px;
  position: relative;
}
#main_nav li.nav_item a {
  color: #fff;
  height: 30px;
  position: relative;
  top: 8px;
  padding-right: 12px;
  background: transparent url(/images/gray_arrow_down.png) no-repeat right center;
}
#main_nav li.nav_item a:hover { 
  color: #ec971c;
  text-decoration: none;
}
#main_nav ul.sub_nav a:hover { 
  color: #000;
  text-decoration: underline;  
}
#main_nav a#home {
  display: block;
  width: 16px;
  padding-right: 0;
  top: 1px !important;
  background: transparent url(/images/home.png) no-repeat center center;  
  text-indent: -9000px;
}
#meta_nav ul.sub_nav, #main_nav ul.sub_nav { 
  border: 1px solid #d7d7d7;
  background-color: #ececec;
  position: absolute;
  top: 30px;
  left: 0;
}
#meta_nav ul.sub_nav {
  border-width: 1px 0 0 0;
  background-color: #666;
}
#meta_nav ul.sub_nav li, #main_nav ul.sub_nav li {
  background-image: none;
  width: auto;
  height: auto;
  padding: 0 14px;
}
#main_nav li.active { background: #000 url(/images/nav_tab_background_active.png) repeat-x left bottom }
#meta_nav ul.sub_nav a, #main_nav ul.sub_nav a {
  border: 0 solid #d7d7d7;
  border-bottom-width: 1px;
  color: #000;
  white-space: nowrap;
  font-weight: normal;
  top: 0;
  padding: 5px 0;
  display: block;
  height: auto;
  background-image: none;
}
#meta_nav ul.sub_nav li { padding: 0 10px }
#meta_nav ul.sub_nav li a {
  border-color: #777;
  color: #fff;
  padding: 3px 0;
}
#search {
  z-index: 11;
  position: absolute;
  right: 15px;
  bottom: 3px;
}
#search input {
  width: 119px;
  height: 16px;
  border: 1px solid #fff;
  background: #fff url(/images/search_box.png) repeat-x 0 0;  
  float: left;
  padding: 3px;
  color: #666;
}
#search_go {
  border: 0;
  background: #444 url(/images/search_go.png) no-repeat 0 0;  
  color: #fff;
  width: 31px;
  height: 24px;
  float: left;
}
#content { 
  padding: 5px 0 100px 0;
  min-height: 400px;
  float: left;
  z-index: 1;
  position: relative;
  width:100%;
}
#breadcrumb {
  width: 930px;
  padding-top: 5px;
}
.crumb { color: #666 }
#footer {
  bottom: 8px;
  position: relative;
  z-index: 0;
  height: 20px;
  width: 910px;
  background: #000 url(/images/ne_white.png) no-repeat top right;
  border-bottom: 15px solid #fff;
  padding: 3px 10px;
  font-size: 93%;
  line-height: 163%;
  font-weight: bold;
}
#footer ul { float: right }
#footer li { float: left }
#footer li { margin-right: 10px }
#footer li a { 
  color: #fff;
  font-weight: normal;
}
.copyright {
  float: left;
  color: #999;
}
.flash, .errorExplanation { 
  float: left;
  text-align: center;
  padding: 10px;
  border-width: 1px;
  border-style: solid;  
  width: 908px;
  margin-bottom: 5px;
}
.flash_message {
  border-color: #fffe8b;
  background-color: #fffe8b;
  color: #000;
  font-weight: bold;
}
.flash_warning, .flash_error, .errorExplanation {
  float: left;
  border-color: #f00;
  background-color: #ffe3e3;
  color: #f00;
  text-align: center;
}
.loading_wrapper {
  width: 918px;
  padding: 100px 0;
  text-align: center;
}
.advertisement {
  float: left;
  clear: left;
  text-align: center;
  background-color: #ececec;
  padding: 5px 10px;
  width: 360px;
  color: #666;
}
.advertisement img {
  margin: auto;
  border: 1px solid #333;
}
.advertisement div {
  padding-right: 30px;
  text-align: right;
}
a.icon { 
  height: 16px;
  display: block;
  white-space: nowrap;
}
#props, div.props {
  float: left;
  clear: left;
  position: relative;
  padding: 5px 0 2px 3px;
}
div.props .wrapper { border-color: #fff }
#props img, div.props img {
  position: absolute;
  z-index: 7;
  left: 0;
  top: 2px;
}
#prop_num_count, .props_num_count {
  display: inline-block;
  font-size: 93%;
  line-height: 127%;
  font-weight: bold;
  color: #000;
  background: #d7d7d7 url(/images/props_text.png) no-repeat right center;
  padding: 1px 47px 0 12px;
}
#give_props, .give_props { 
  font-size: 78%;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  height: 14px;
}
#give_props a, .give_props a { color: #ea8a00 }
#props_given, .props_given {
  font-size: 78%;
  text-align: center;
  color: #666;  
  height: 14px;
}
.given span.props_num_count {
  background-image: url(/images/props_given_text.png);
  padding-right: 57px;
}
span.single {
  background-image: url(/images/prop_text.png);
  padding-right: 44px;  
}
.given span.single {
  background-image: url(/images/prop_given_text.png);
  padding-right: 50px;
}
.props_state { 
  height: 14px;
  position: relative;
  bottom: -2px;
  
}
.props_given{
	width:70px;
}
.props .wrapper, #props .wrapper {
  background-color: #fff;
  height: 32px;
  padding-left: 5px;
  display: block;
  border-top-width: 0;
  border: 1px solid #d7d7d7;
  float:left;
}

/*================================[ GAME FLYOUTS ]===============================*/

#game_flyouts {
  position: absolute;
  z-index: 10;
  right: 5px;
  width: 235px;
  top: 115px;
}
.game_flyout {
  position: relative;
  float: right;
  clear: right;
  display: block;
  width: 235px;
  height: 58px;
  background: transparent url() no-repeat top left;
}
.game_flyout-points { background-image: url(/images/game_flyout-points.png) }
.game_flyout-level_up { background-image: url(/images/game_flyout-level_up.png) }
.game_flyout-last { 
  background-position: left -58px;
  height: 63px;
}
.game_flyout-points_score {
  font-weight: bold;
  font-size: 115%;
  color: #fff;
  position: absolute;
  display: block;
  width: 50px;
  height: 18px;
  top: 17px;
  left: 10px;
  text-align: center;
}
.game_flyout-plus { font-size: 100% }
.game_flyout-message {
  color: #000;
  display: block;
  width: 142px;
  height: 42px;
  position: absolute;
  padding-top: 2px;
  right: 26px;
  top: 7px;
  font-size: 85%;
}
.game_flyout-trophy {
  float: left;
  margin: -4px 5px 0 0;
  width: 16px;
  height: 16px;
}
.game_flyout-close { 
  background: transparent url(/images/game_flyout-close.png) no-repeat top left;
  display: block;
  width: 12px;
  height: 11px;
  position: absolute;
  right: 11px;
  top: 7px;
}

/*================================[ Advertising ]===============================*/

#upper_right_ad, #lower_right_ad {
  width: 380px;
  text-align: center;
  background-color: #ececec;
  float: left;
  padding: 20px 0;
  position: relative;
  z-index: -1;
  margin-bottom: 5px;
}
a.store { 
  margin-bottom: 5px;
  float: left;
}
#upper_right_ad iframe, #lower_right_ad iframe, #upper_right_ad div, #lower_right_ad div { margin: auto }
.truste{
	clear: both;
}
.truste img{
  margin-bottom: 5px;
}