@import url("reset.css");
@import url("menus.css");


/* LAYOUT
****************************************/
html {
  background: url("../images/bg_noise_grey.png");
}

body {
  color: #FFF;
  font-family: Arial;
}

a {
	color: White;
}

table {
	margin-bottom: 0;
}

div.background {
  background: url("../images/content_bg_black_60.png");
  float: left;
  margin-bottom: 40px;
}

div.container {
  text-align: left;
	position: relative;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
}

div.header {
  float: left;
  width: 990px;
  padding-top: 8px;
  height: 27px;
  overflow: hidden;
  background: url("../images/header_bg.png");
}

/* LOGIN AND TOP MENU
***********************************/
div.login {
  float: left;
  width: 400px;
  padding: 3px 5px;
  display: inline;
}

/* login form */

div.login input.username,
div.login input.password {
  border: 1px solid #333;
  font-size: 77%;
  padding: 2px;
  width: 75px;
}

div.login input.btn_signin {
  border: 1px solid #F00;
  background: url("../images/btn_bg.png") repeat-x;
  font-size: 77%;
  color: #FFF;
  padding: 1px;
}

/* top menu */

div.top_menu {
  float: right;
  width: 500px;
  display: inline;
  text-align: right;
}

div.top_menu p {
  color: #F00 !important;
  font-size: 85%;
  line-height: 25px;
}

div.top_menu p a {
  color: #000;
  text-decoration: none;
  padding: 0 10px;
}
div.top_menu p a:hover {
  color: #F00;
  text-decoration: underline;
}

/* LOGO AREA
****************************************/

div.logo {
  float: left;
  width: 990px;
  height: 83px;
  background-image: url("../images/logo_bg.jpg");
}

div.main_promo {
  float: left;
  width: 990px;
  height: 138px;
  background: url("../images/promo_main_header.jpg");
}

div.logo div.header_ad {
  float: right;
  margin: 4px;
}

div.main_promo_full {
  float: left;
  width: 950px;
  margin: 20px 20px 0 20px;
}

div.main_promo_half {
  float: left;
  width: 465px;
  margin: 20px 0 0 20px;
}

/* MAIN PAGE
****************************************/
div.main_content {
  width: 990px;
  float: left;
}

div.main_signup_now {
  width: 660px;
  height: 235px;
  float: left;
}

div.main_why_mps {
  width: 330px;
  height: 235px;
  float: right;
}

h2.upcoming_events {
  display: block;
  width: 990px;
  height: 24px;
  background: url("../images/main_upcoming_bar.png");
  margin: 0;
  padding: 0;
  float: left;
}

div.large_promos {
  width: 990px;
  float: left;
  text-align: center;
  padding-top: 10px;
}

div.large_promos img {
  margin: 10px auto;
}

/* SUB PAGE AND TEXTUAL CONTENT PAGES
****************************************/

/* layout */
div.sub_content {
  width: 990px;
  float: left;
}

div.content {
    background-color: #FFF;
}

div.content_padding {
  float: left;
  padding: 0 20px;
}

div.content_block {
  width: 625px;
  margin-right: 175px;
  float: right;
  display: inline;
  padding-left: 15px;
}

div.sidebar_block {
  float: left;
  width: 160px;
  overflow: hidden;
}

div.content_lobby {
  float: left;
  width: 990px;

}

/* text styles */

h1,h2,h3,h4,h5,h6 {
  color: #d4252b;
}

div.sub_content p,
div.sub_content li {
  line-height: 1.8;
}

/* sub menu */

div.sub_menu_block {
  width: 990px;
  background: #b0b0b0;
  float: left;
}

ul.sub_menu  {
  margin: 0 0 0 5px;
  padding: 0;
  list-style: none;
}

ul.sub_menu li {
  float: left;
  list-style: none;
}

ul.sub_menu li a {
  display: block;
  padding: 0 10px 6px 10px;
  text-decoration: none;
  color: #000;
  font-size: 85%;
}

ul.sub_menu li a:hover,
ul.sub_menu li.current a {
  text-decoration: underline;
  color: #F00;
}

/* sidebar menu */

ul.sidebar_menu {
  margin: 15px 0 0 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #333333;
}

ul.sidebar_menu li {
  list-style: none;
}

ul.sidebar_menu li a {
  display: block;
  width: 149px;
  border-right: 1px solid #333333;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  background: url("../images/menu_off.png");
  line-height: 27px;
  padding-left: 10px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
}

ul.sidebar_menu li.current a,
ul.sidebar_menu li a:hover {
  background: url("../images/menu_on.png");
  border-right: 1px solid #F00;
  border-top: 1px solid #F00;
  border-bottom: 1px solid #F00;
}

/* FOOTER
****************************************/
/* footer menu */

div.footer {
  width: 990px;
  float: left;
  margin-top: 20px;
  height: 38px;
  background: url("../images/footer_bg.png") no-repeat;
}

div.footer_menu {
  float: left;
  width: 990px;
  display: inline;
}

div.footer_menu p {
  color: #F00 !important;
  font-size: 85%;
  line-height: 25px;
  text-align: center;
}

div.footer_menu p a {
  color: #000;
  text-decoration: none;
  padding: 0 10px;
}
div.footer_menu p a:hover {
  color: #F00;
  text-decoration: underline;
}

div.copyright {
  width: 990px;
  float: left;
}

div.copyright p {
  text-align: center;
  font-size: 77%;
  color: #AAA;
}

/* TEXT
***********************************/

span.rm,
span.remove {
  position: absolute;
  top: -5000px;
}

/* TAB MENU
***********************************/

div.tab_menu {
  width: 990px;
  float: left;
  background: url(../images/tab_bg.png);
}

div.tab_menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

div.tab_menu ul li {
 float: left;
 list-style: none;
}

div.tab_menu ul li a {
  display: block;
}

/* home tab */

div.tab_menu ul li a.home {
  width: 110px;
  height: 36px;
  background: url(../images/tab_home.png);
  background-position: 0 0;
}

div.tab_menu ul li.current a.home,
div.tab_menu ul li a.home:hover {
  background-position: -110px 0;
}

div.tab_menu ul li a.home:active {
  background-position: -220px 0;
}

/* Lobby tab */

div.tab_menu ul li a.lobby {
  width: 110px;
  height: 36px;
  background: url(../images/tab_lobby.png);
  background-position: 0 0;
}

div.tab_menu ul li.current a.lobby,
div.tab_menu ul li a.lobby:hover {
  background-position: -110px 0;
}

div.tab_menu ul li a.lobby:active {
  background-position: -220px 0;
}

/* sit n go tab */

div.tab_menu ul li a.sitngo {
  width: 189px;
  height: 36px;
  background: url(../images/tab_sit_n_go.png);
  background-position: 0 0;
}

div.tab_menu ul li.current a.sitngo,
div.tab_menu ul li a.sitngo:hover {
  background-position: -189px 0;
}

div.tab_menu ul li a.sitngo:active {
  background-position: -378px 0;
}

/* tourneys tab */

div.tab_menu ul li a.tourneys {
  width: 110px;
  height: 36px;
  background: url(../images/tab_tourneys.png);
  background-position: 0 0;
}

div.tab_menu ul li.current a.tourneys,
div.tab_menu ul li a.tourneys:hover {
  background-position: -110px 0;
}

div.tab_menu ul li a.tourneys:active {
  background-position: -220px 0;
}

/* Leaderboards tab */

div.tab_menu ul li a.leaderboards {
  width: 110px;
  height: 36px;
  background: url(../images/tab_leaderboards.png);
  background-position: 0 0;
}

div.tab_menu ul li.current a.leaderboards,
div.tab_menu ul li a.leaderboards:hover {
  background-position: -110px 0;
}

div.tab_menu ul li a.leaderboards:active {
  background-position: -220px 0;
}

/* Articles tab */

div.tab_menu ul li a.articles {
  width: 110px;
  height: 36px;
  background: url(../images/tab_articles.png);
  background-position: 0 0;
}

div.tab_menu ul li.current a.articles,
div.tab_menu ul li a.articles:hover {
  background-position: -110px 0;
}

div.tab_menu ul li a.articles:active {
  background-position: -220px 0;
}

/* earn points tab */

div.tab_menu ul li a.earnpoints {
  width: 141px;
  height: 36px;
  background: url(../images/tab_earn_points.png);
  background-position: 0 0;
}

div.tab_menu ul li.current a.earnpoints,
div.tab_menu ul li a.earnpoints:hover {
  background-position: -141px 0;
}

div.tab_menu ul li a.earnpoints:hover {
  background-position: -282px 0;
}

/* poker school tab */

div.tab_menu ul li a.poker_school {
  width: 136px;
  height: 24px;
  background: url(../images/tab_poker_school.png);
  background-position: 0 0;
}

div.tab_menu ul li.current a.poker_school,
div.tab_menu ul li a.poker_school:hover {
  background-position: -136px 0;
}

/* stuff tab */

div.tab_menu ul li a.rewards {
  width: 110px;
  height: 36px;
  background: url(../images/tab_rewards.png);
  background-position: 0 0;
}

div.tab_menu ul li.current a.rewards,
div.tab_menu ul li a.rewards:hover {
  background-position: -110px 0;
}

div.tab_menu ul li a.rewards:active {
  background-position: -220px 0;
}

/* community tab */

div.tab_menu ul li a.community {
  width: 110px;
  height: 36px;
  background: url(../images/tab_community.png);
  background-position: 0 0;
}

div.tab_menu ul li.current a.community,
div.tab_menu ul li a.community:hover {
  background-position: -110px 0;
}

div.tab_menu ul li a.community:active {
  background-position: -220px 0;
}

/* refer a friend tab */

div.tab_menu ul li a.refer_a_friend {
  width: 220px;
  height: 36px;
  background: url(../images/tab_refer_a_friend.png);
  background-position: 0 0;
}

div.tab_menu ul li.current a.refer_a_friend,
div.tab_menu ul li a.refer_a_friend:hover {
  background-position: -220px 0;
}

div.tab_menu ul li a.refer_a_friend:active {
  background-position: -440px 0;
}

/* IN-PAGE TAB NAV
****************************************/

div.sub_tab_menu {
	margin-top: 10px;
	float: left;
  margin: 0;
  width: 990px;
}

div.tertiary_menu {
	float: left;
	background: #CCC;
  margin: 0;
  width: 990px;
  border-bottom: 1px solid #999;
}
.sub_tab_menu ul {
	float: left;
	font-size: 93%;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding: 10px 20px 0;
	list-style: none;
}

.sub_tab_menu li {
	float: left;
	margin: 0;
 	list-style: none;
}

.sub_tab_menu a {
	display: block;
	background: url("../images/tab_off.png") repeat-x right top;
	padding: 5px 10px;
	text-decoration: none;
	color: #FFF;
	border-top: 1px solid #2f2f2f;
	border-left: 1px solid #2f2f2f;
	border-right: 1px solid #2f2f2f;
	margin-right: 10px;
}

.sub_tab_menu .current a {
	background: url("../images/tab_on.png") repeat-x;
	text-decoration: none;
	color: #b11f24;
}

.sub_tab_menu li:hover, .sub_tab_menu li:hover a {
  background-position: 0% -150px;
  color: #333;
}

.sub_tab_menu li:hover a {
  background-position: 100% -150px;
}

/* in-page tabs sub-menu  */

.tertiary_menu ul {
	font-size: 86%;
	line-height: normal;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 15px;
}

.tertiary_menu li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tertiary_menu a {
	display: block;
	text-decoration: none;
	color: #333;
	padding: 5px 10px;
}

.tertiary_menu a:hover {
	display: block;
	text-decoration: underline;
}

.tertiary_menu .current a {
	font-weight: bold;
	text-decoration: underline;
}

/* FORMS & BUTTONS */
form.login {
  float: left;
}

div.login_button_block {
  float: left;
  margin: 6px 10px 0 5px;
  display: inline;
}

input.login_input {
  float: left;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 9px; color: #606282;
  height: 15px;
  border: 1px solid #606282;
  margin-top: 9px;
}

a.btn_gold {
  margin: 0 !important;
  padding: 0 5px;
  font-weight: bold;
  display: inline-block;
  color: #000 !important;
  background: url("../images/btn_gold_bg.png") repeat-x;
  border-top: 1px solid #dcbf83;
  border-right: 1px solid #987f43;
  border-bottom: 1px solid #bebd9e;
  border-left: 1px solid #ebdab1;
}

a.btn_create_profile2 {
  display: block;
  float: left;
  width: 185px;
  height: 31px;
  background: url("../images/btn_create_profile.png");
}

a.btn_create_profile2:hover {
  background-position: -185px 0;
}

a.btn_create_poker_nick {
  display: block;
  float: left;
  width: 185px;
  height: 31px;
  background: url("../images/btn_create_poker_nick.png");
}

a.btn_create_poker_nick:hover {
  background-position: -185px 0;
}

a.btn_change_poker_nick {
  display: block;
  float: left;
  width: 185px;
  height: 31px;
  background: url("../images/btn_change_poker_nick.png");
}

a.btn_change_poker_nick:hover {
  background-position: -185px 0;
}

a.btn_upload_avatar {
  display: block;
  float: left;
  width: 185px;
  height: 31px;
  background: url("../images/btn_upload_avatar.png");
}

a.btn_upload_avatar:hover {
  background-position: -185px 0;
}

div.btn_block {
  display: inline-block;
  width: 185px;
  margin-top: 10px;
  float: left;
  margin-left: 30px;
}

div.btn_block a {
  margin: 0 auto;
}

div.btn_block p {
  text-align: center;
  padding: 5px 15px;
}

/* earn/win points buttons */

a.btn_earn_win_ticket {
    display: block;
    width: 233px;
    height: 60px;
}

a.btn_earn_win_ticket:hover {
    background-position: -233px 0;
}

a.btn_earn_win_ticket:active {
    background-position: -466px 0;
}

a.earn_level_5 {
    background: url("../images/promos/earn_win_buttons/earn_level5_ticket.png");
}

a.earn_level_4 {
    background: url("../images/promos/earn_win_buttons/earn_level4_ticket.png");
}

a.earn_level_3 {
    background: url("../images/promos/earn_win_buttons/earn_level3_ticket.png");
}

a.earn_level_2 {
    background: url("../images/promos/earn_win_buttons/earn_level2_ticket.png");
}

a.win_level_5 {
    background: url("../images/promos/earn_win_buttons/win_level5_ticket.png");
}

a.win_level_4 {
    background: url("../images/promos/earn_win_buttons/win_level4_ticket.png");
}

a.win_level_3 {
    background: url("../images/promos/earn_win_buttons/win_level3_ticket.png");
}

a.win_level_2 {
    background: url("../images/promos/earn_win_buttons/win_level2_ticket.png");
}

/* CUSTOM PAGE STYLES
****************************************/

div.copy div.copy_content {
  width: 690px;
  float: left;
  display: inline;
}

div.copy div.ad_left {
  width: 120px;
  padding: 15px;
  float: left;
  display: inline;
}

div.copy div.ad_right {
  width: 120px;
  padding: 15px;
  float: left;
  display: inline;
}

div.copy div.col_100 {
  width: 96%;
  padding: 1% 2%;
  float: left;
}
