/* CSS layout */


* {



/*
vertical-align: baseline;
font-size: 100%;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
*/

}

body {
padding: 5px;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, /*form  , ul, ol, dl */{
margin: 20px 0;
}

li, dd, blockquote {
margin-left: 40px;
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}





body {
	background:#efeee7 none repeat scroll 0 0;
	color:#4C4C4C;
	font-family:arial,helvetica,sans-serif;
	/*font-size:65%;
	margin:auto;*/
	margin:0px;
	padding:0 0 0 0;
	width:100%;
	text-align: center; /*IE workaround for centering the page elements, lame*/
}

.ListStd{
	border-bottom:1px dashed lightgray;
	padding:5px 5px 10px;}

.ListStdLast
{
    border-bottom:none;
	 list-style: none;
}

.ListStd:hover{
	background-color:#E0E1D6;
}


table{
	width:100%;
	border:0px;
}
td,th,tr{
	border:0px;
	/*border:2px solid;*/
}

tr{
	width:100%;
}


a{
	/* text-decoration:none;*/
	color:#222222;
	/* outline: none;*/

}

a:visited{
	color:#222222;
}
a:hover{
	color:red;
	text-decoration:underline;
}

li{
	/*list-style: none; */
}

.bullets li{
	list-style-type: disc;

}

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

img{
	border:medium none;
}
/*Declare Colors for text etc*/

.ColorAccent1{
	color:#1b82bd;/*Blue for value low contast but with some color that matches the theme*/
}

.ColorLowContrast{

	/*DarkGray for low contast no hue*/
	color:#8f8e85;
}

/*end*/


#pinax_body_org
{
	height:auto !important;
	height:400px;
	padding-top:35px;
	min-height:400px;
	padding-left:25px;
	padding-right:20px;
	text-align:left;
	}

#pinax_body
{
	height:auto !important;
	height:400px;
	padding-top:35px;
	min-height:400px;
	padding-left:25px;
	padding-right:20px;
	text-align:left;
	width:inherit;
	}


#head {
	background-image: url("../images/base/header_bg_top.cc3edf4058ff.jpg");
	background-repeat: repeat-x 0 0;
	background-position: 50% 0%;

}

#head_content {
	background-image: url("../images/base/head_image.01a54a0671af.png");
	background-repeat: no-repeat;
	background-position:50% -3px;
	height:118px;
	margin:auto;
	/width:920px;
	/*  for sidebar width:920px;*/
	/*  text-align:left;*/

}
#LayoutTable{
}
#LayoutTableContent{

}

#LayoutTableSidebar{
}

.game_history{
	width:100%;

}


.game_history_table{

	width:100%;
	clear:both;


}

.game_history_table a{
	text-decoration:none;
}





.game_history tr{
	display:block;
	max-height:48px;
	vertical-align:top;
	font-weight:bold;
	}

.DayListHeader{
background-color:#e0e1d6;
border-radius: 10px;
padding-left: 20px;
list-style: none;
}

.GameListHeader{
padding-bottom:15px;
}
.GameHistoryIcon{
position:absolute;
}
.GameHistoryGameInfo{
margin-left:45px;
}
.GameListPlayer{
margin-left:50px;
position: relative;
list-style: none;
}

.GetItButtons ul li {
    float: left;
    list-style: none outside none;
    padding: 2px;
	 margin: 0;
}

.GetItButtons {
    display: inline-block;
    font-weight: bold;
    width: 100%;
}

.place_container{
	font-size:1em;
	min-width:64px;
	text-align:center;
	}
.GameListPlayerPlace{
font-weight:bold;
font-size:large;
margin-left:5px

}
.GameListPlayerName{
left: 30px;
position: absolute;
}
.GameListPlayerName a{
/* text-decoration:none; */
}

.GameListPlayerName a:hover{
text-decoration:underline;
color:black;
}

.GameListPlayerScore{
font-weight:bold;
font-size:14px;
left: 470px;
position: absolute;
}
.GameListPlayerScoreTitle{
font-weight:bold;
font-size:14px;
left: 470px;
position: absolute;
}


.GameListPlayerRatingChangeTile{
font-weight:bold;
font-size:14px;
left: 300px;
position: absolute;
}

.GameListPlayerTimeTile{
font-weight:bold;
font-size:14px;
margin-left:5px;
}

.GameListPlayerRatingChange{

left: 300px;
position: absolute;

}
.GameListPlayerRatingChangeValue{

left: 350px;
position: absolute;
font-weight:bold;
}


.GameListPlayer:hover {
background-color:#e0e1d6;
}



.avatar_container{
}

.username_container	{
	width:100%;
	padding-left:10px;
}

.value_container	{
	min-width:5em;
	text-align:center;
	padding-right:10px;
}

.game_item{

}

.game_item table{

}



.leaderboard{

}


.leaderboard a,.leaderboard a:visited{
	/* text-decoration:none; */
	color:black;
}

.leaderboard a:hover{
	color:red;
}



.leaderboard div{
	display:inline;
}



.leaderboard li{
	list-style: none;
	padding:1px !important;
}



.rank {
	font-size:1em;
	min-width:64px;
	text-align:center;
	vertical-align:middle;
	}




.leaderboard_tableheader .rank {
	font-size:1em;
	min-width:64px;
	text-align:center;
	text-indent:0px;


}
.leaderboard_leader .rank {
	font-size:1.4em;
}

.icon {
	min-width:64px;
	vertical-align:middle;
	}


.icon div{
	width:64px;
	height:64px
	}

	.icon img{
	top:0px;
	position:relative;
	}


.name {
	width:100%;
	padding-left:10px;
	vertical-align:middle;
		}
.score {
	min-width:5em;
	text-align:right;
	padding-right:10px;
	vertical-align:middle;
	}
.leaderboard_table{
	width:100%;
	clear:both;
	}
.leaderboard_table caption{
	font-size:1.5em;
	font-weight:bold;
	overflow:hidden;
	text-align:left;
	}

.leaderboard_table tr{
	display:block;
	max-height:64px;
	vertical-align:top;
	font-weight:bold;
	}


.leaderboard_leader{
	border-bottom:1px dashed lightgray;
	font-size:1.4em;
	}

.leaderboard_me{
	background-color:#ffcb00;
	border-bottom:1px dashed lightgray;
	}

.OddPlace{
	border-bottom:1px dashed lightgray;
	}

.EvenPlace{
	border-bottom:1px dashed lightgray;
	}
.leaderboard_leader:hover{
	border-bottom:1px dashed lightgray;
	font-size:1.4em;
	}

.leaderboard_me:hover{
	background-color:#E0E1D6;
	border-bottom:1px dashed lightgray;
	}

.OddPlace:hover{
	background-color:#E0E1D6;
	border-bottom:1px dashed lightgray;
	}

.EvenPlace:hover{
	border-bottom:1px dashed lightgray;
	background-color:#E0E1D6;
	}


.leaderboard_list li{
	list-style: none;
	padding:0px;
	}
.ListSectionHeading{
	font-weight:bold;
	font-size:1.5em;
}
.StatList{

}

.ResetStat {
	color:Red;
	display:inline-block;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	background:transparent url("../images/base/resetbutton.c4cf09a3df65.png") no-repeat right top;
	width:118px;
	height:25px;
	padding-top: 2px;
    text-align: center;
	}


.ResetStat:hover{
	background:transparent url("../images/base/resetbutton2.57d3fe1bb61a.png") no-repeat right top;
	}

.StatValue{
	font-weight:bold;
	padding-left:40px;
	padding-right:40px;

}

.StatValue span{
	float:right
}



.VariantList{
}



.VariantList li{
	list-style: none;
	padding:10px;
	display:block;
}

.WhenList li{
	float:left;
	padding-right:10px;
}

.SelectedWhen{
	font-weight:bold;
}


.WallActivityContainer{
	border-bottom:1px dashed lightgrey;
	min-height:60px;
	padding-bottom:15px;
	padding-top:15px;
	padding-left:5px;
	padding-right:5px;
	width:100%;}

.WallActivityContainer:hover .WallActivityHeaderButton{
	display:block;
}

.WallActivityContainer:hover {
	background-color:#e0e1d6;
	}

.WallActivityHeader{
}

.WallActivityHeader h4{
	font-weight:lighter;
}

.WallActivityHeader span{
	font-weight:bold;
}

.WallActivityHeaderButton{
	float:right;
	display:none;
	font-size:small;
	font-weight:normal;
}


.WallActivityCommentContainer{
	border-bottom:1px dashed lightgrey;
	min-height:60px;
	padding-bottom:15px;
	padding-top:15px;
	padding-left:50px;
	padding-right:5px;
	width:94%;}

.WallActivityCommentContainer:hover .WallActivityHeaderButton{
	display:block;
}

.WallActivityCommentContainer:hover {
	background-color:#e0e1d6;
	}



.RoomActivityExtendedBody{
}

.RoomActivityInnerContainer{
	margin-left:40px;
}

.RoomContainer{
	border-bottom:1px dashed lightgrey;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	width:100%;
	min-height:32px;
	}




.RoomActivityHeaderButton span{
	padding-right:.5em;
}



.RoomContainer:hover {
	background-color:#e0e1d6;
	}

.RoomActivityHeader{

}

.RoomActivityHeaderButton{
	float:right;
	font-weight:bold;
	font-size:0.8em;
}

.RoomActivityHeaderButton a{
	color:red;
}


.RoomActivityFooter{
	font-size:0.7em;
	margin-left:0px;


}

.RoomActivityIcon{
	padding-right: 10px;
	padding-left: 10px;
	Float:left;
}

.RoomActivityDetails{
	padding-left:20px;
	font-weight:bold;
	font-size:small;
}

}







.ProductIconHearts{
	background-image: url("../images/product/icons/hearts_64.94588b4be209.png");
	background-position: 0px -0px;
}

#GameHistoryProductIcon{
	height:64px;
	width:64px;
	float:left;
}

#GameHistoryProduct{
	font-weight:bold;
}


.GameHistoryContainer{
	border-bottom:1px dashed lightgrey;
	min-height:60px;
	padding-bottom:7px;
	padding-top:7px;
	padding-left:5px;
	padding-right:5px;
	width:100%;}

.GameHistoryContainer:hover .GameHistoryHeaderButton{
	display:block;
}

.GameHistoryContainer:hover {
	background-color:#e0e1d6;
	}





.GameHistoryHeader{

}

.GameHistoryHeader h4{
	font-weight:lighter;

}

.GameHistoryHeader span{
	font-weight:bold;

}

.GameHistoryHeaderButton{
	float:right;
	display:none;
	font-size:small;
	font-weight:normal;
}





.GameHistoryFooter{
	font-size:smaller;
	color:gray;
	display:none;
}
.GameHistoryIcon{
}

.GameHistoryPlaceFinished{
	font-weight:bold;
	padding-right:40px;
	padding-left:5px;
	float:right;
}

.GameHistoryPlaceRankChange{
	font-weight:bold;
	float:right;
}


.GameHistoryInnerContainer{
	margin-left:70px;
	margin-top:10px;
}

.GameHistoryItem{

}

.GameHistoryDay{
	font-weight:bold;
	width:100%;
	background-color:#1b82bd;
	color:white;
	-moz-border-radius:7px;
	padding-left:10px;
}
#GameHistoryDetails{
	float:right;
	font-size:small;
}
#GameHistoryTime{

	font-weight:bold;
}







#page_background {
	background-image: url("../images/base/container_bg.30576fc32490.png");
	background-position: 0px -40px;
	background-repeat: repeat-x;
	height:600px;

	top:100px;
	width:100%;

	background-image:url("../images/base/container_bg.30576fc32490.png");
   	background-repeat:repeat-x;
   	background-position:50% 0;

}

/* Tab background start*/
#tabs_container_right {
	background: url("../images/base/tab_panel_right.19652e3b506a.png") no-repeat top left;

}

#tabs_container_left {
	background:transparent url("../images/base/tab_panel_left.dadb8674321d.png") no-repeat scroll right top;
	margin-top:10px;
	/*max-width:680px;	*/
}



#main_panel_left {
	background-image:url("../images/base/content_panel_left.f28bc0b559f2.png");
	background-repeat:no-repeat;
	width:8px;
	min-width:8px;
}

#main_panel_right {
	background-image:url("../images/base/content_panel_right.cbfa2054cecf.png");
	background-repeat:no-repeat;
	width:12px;
	min-width:12px;
}


#main_panel_center {
	background-image:url("../images/base/content_panel_center.32c5f5f0122b.png");
	background-repeat:repeat-x;
	padding-top:10px;
}




.pretab_panel_content{
	margin-right:10px;
}

#profile_info .profile_base
{
    overflow: hidden;
    height: 128px;
}
#profile_info .profile_name
{
    overflow: hidden;
    float: left;
    height: 128px;
    text-align:left;
}

#profile_info {
	overflow:hidden;
	padding-bottom:5px;
	padding-left:20px;
	padding-top:5px;}

#profile_info .avatar{
	float:left;
	padding-right:40px;
}

/* Tabs themselves start*/
.nav_tab a {
	background-image:url("../images/base/tabs_left.c971c0887fa0.png");
	background-position:0 0;
	background-repeat:no-repeat;
	color: #8ac0de;
	float:left;
	font-size: 1.4em;
  	font-family: arial, helvetica, sans-serif;
  	font-weight: bold;
	padding-left: 12px;
  	text-decoration:none;
  	margin-top:3px;

}

.nav_tab a span{
	background-image: url("../images/base/tabs_right.eb2531fc5f35.png");
	background-position:100% 0;
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	padding: 12px 12px 6px 0;
}


 .nav_tab a:hover {
 	color: White;
  	background-position: 0 -40px;
  	text-decoration: none;
}

 .nav_tab a:hover span {

	background-position: 100% -40px;
}

.nav_tab ul{
	height:25px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0 15px;
	padding:0;
	position:relative;
	top:3px;
}


.nav_tab li {
	display: block;
	float: left;
	list-style: none;
	margin: 0px;
	height:25px;
}

.nav_tab {
  	font-size: 0.7em;
  	font-family: arial, helvetica, sans-serif;
  	font-weight: bold;
}

/* Tabs themselves end*/


/* selected tabs */
#compose_tab .ntab_compose,
#inbox_tab .ntab_inbox,
#sent_tab .ntab_sent,
#lb_soltrio_tab .ntab_lb_soltrio,
#notice_tab .ntab_notice,
#invitation_tab .ntab_invitation,
#contact_tab .ntab_contact,
#trash_tab .ntab_trash,
#profile_tab .ntab_profile,
#profiles_tab .ntab_profiles,
#ghistory_tab .ntab_ghistory,
#gsummary_tab .ntab_summary,
#ginfo_tab .ntab_info,
#game_stat_tab .ntab_game_stats
#achievements_tab .ntab_achievements,
#social_tab .ntab_social,

#game_about_tab .ntab_game_about,
#game_playing_now_tab .ntab_game_playing_now,
#game_leaderboard_tab .ntab_game_leaderboard,
#game_guide_hearts_tab .ntab_game_guide,
#All_tab .ntab_All, /* {% block ntab_id %}id="{{ Who }}_tab"{% endblock %} All is generated in about_hearts.html  */
#account_edit_profile_tab .ntab_account_edit_profile,
#account_emails_tab .ntab_account_emails,
#account_password_tab .ntab_account_password,
#account_timezone_tab .ntab_account_timezone,
#account_user_group_tab .ntab_account_users,
#account_other_services_tab .ntab_account_other_services,
#account_purchases_tab .ntab_account_purchases,
#account_social_tab .ntab_social_purchases,
#account_language_tab .ntab_account_language,
#leaderboard_tab .ntab_leaderboard,
#account_user_group_tab .ntab_account_users a

{
    bottom: -1px !important;
    padding-bottom: 0 !important;

}

#compose_tab .ntab_compose a,
#inbox_tab .ntab_inbox a,
#sent_tab .ntab_sent a,
#lb_soltrio_tab .ntab_lb_soltrio a,
#notice_tab .ntab_notice a,
#invitation_tab .ntab_invitation a,
#contact_tab .ntab_contact a,
#trash_tab .ntab_trash a,
#profile_tab .ntab_profile a,
#profiles_tab .ntab_profiles a,
#ghistory_tab .ntab_ghistory a,
#gsummary_tab .ntab_summary a,
#ginfo_tab .ntab_info a,
#game_stat_tab .ntab_game_stats a,
#achievements_tab .ntab_achievements a,
#social_tab .ntab_social a,
#game_about_tab .ntab_game_about a,
#game_playing_now_tab .ntab_game_playing_now a,
#game_leaderboard_tab .ntab_game_leaderboard a,
#game_guide_hearts_tab .ntab_game_guide a,
#All_tab .ntab_All a,
#account_edit_profile_tab .ntab_account_edit_profile a,
#account_emails_tab .ntab_account_emails a,
#account_password_tab .ntab_account_password a,
#account_timezone_tab .ntab_account_timezone a,
#account_other_services_tab .ntab_account_other_services a,
#account_purchases_tab .ntab_account_purchases a,
#account_social_tab .ntab_account_social a,
#account_language_tab .ntab_account_language a,
#leaderboard_tab .ntab_leaderboard a,
#account_user_group_tab .ntab_account_users a
{

  	background-position: 0 -80px;
   	color: black;
  	text-decoration: none;

}

#compose_tab .ntab_compose a span,
#inbox_tab .ntab_inbox a span,
#lb_soltrio_tab .ntab_lb_soltrio a span,
#sent_tab .ntab_sent a span,
#notice_tab .ntab_notice a span,
#invitation_tab .ntab_invitation a span,
#contact_tab .ntab_contact a span,
#trash_tab .ntab_trash a span,
#profile_tab .ntab_profile a span,
#profiles_tab .ntab_profiles a span,
#game_stat_tab .ntab_game_stats a span,
#ghistory_tab .ntab_ghistory a span,
#gsummary_tab .ntab_summary a span,
#ginfo_tab .ntab_info a span,
#achievements_tab .ntab_achievements a span,
#social_tab .ntab_social a span,
#game_about_tab .ntab_game_about a span,
#game_playing_now_tab .ntab_game_playing_now a span,
#game_leaderboard_tab .ntab_game_leaderboard a span,
#game_guide_hearts_tab .ntab_game_guide a span,
#All_tab .ntab_All a span,
#account_edit_profile_tab .ntab_account_edit_profile a span,
#account_emails_tab .ntab_account_emails a span,
#account_password_tab .ntab_account_password a span,
#account_timezone_tab .ntab_account_timezone a span,
#account_other_services_tab .ntab_account_other_services a span,
#account_purchases_tab .ntab_account_purchases a span,
#account_social_tab .ntab_account_social a span,
#account_language_tab .ntab_account_language a span,
#leaderboard_tab .ntab_leaderboard a span,
#account_user_group_tab .ntab_account_users a span
{

  	background-position: 100% -80px;
  	color: black;
  	text-decoration: none;

}




#nav_container
{
	margin:auto;
	/*  for sidebar width:920px;*/
	width: 100%;
	height:82px;
	background-image: url("../images/base/header_bg_bottom.e7016f0d49a6.jpg");
	background-repeat: repeat-x 0 0;
	background-position: 50% 0%;
}

#nav_container_inner
{
	margin:auto;
	/*  for sidebar width:920px;*/
   	width: 100% !important;
	width: 850px;
   	max-width:850px;
	text-align:left;
	height:82px;
}
#navigation {
	top:0px;
	/*  margin-top:10px;*/
	width:100%;
	height:82px;
}


#navigation a,navigation a:visited{
	color:Blue;
	text-decoration:none;
}

#navigation a:hover{
	color:white;
	text-decoration:underline;
}


#navigation li {
   	float: left;
	list-style-type: none;
   	padding:  10px 0px 0px 0px;
   	margin: 0px 10px 0px 0px;
}
#navigation li a {
   	color: #192c38;
   	display: block;
   	font-size:1em;
   	font-weight:bold;
   	margin: 0px 0px 0px 0px;
   	text-decoration: none;

}
#navigation li a:hover {
   	color: White;
    text-decoration: none;
}

.nav_link .action_icon {
	float:left;
	margin:1px 6px 0 0;
}

.nav_link {
	padding:5px;
}


.nav_link:hover {
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	background:#404040 none repeat scroll 0 0;
	padding:5px;
}

.nav_button:hover {
	-moz-border-radius:10px 10px 10px 10px;
    -webkit-border-radius:10px 10px 10px 10px;
	background:#404040 none repeat scroll 0 0;
	padding:5px;
}

.nav_button{
	padding:5px;
}

.nav_button span.action_icon{
	display:none;
}


.menu-item {
	padding:1px  !important;
	background:#454545;
	}


.menu-link {
	padding:5px  !important;

	}



a.nav_link:hover .action_icon img {
	position:relative;
	top:-10px;
}

.action_icon {
	float:left;
	height:10px;
	overflow:hidden;
	position:relative;
	width:10px;
}

.nav_menu_content{
	background:#404040;
	display:none;
	padding:5px;
	position:absolute;
	/* width:175px; */
	width: auto !important;
	width: 150px;
	min-width:150px;
	z-index:1500;
	-moz-border-radius:0px 10px 10px 10px;
    -webkit-border-radius:0px 10px 10px 10px;
    border-radius: 0px 10px 10px 10px;



}

.nav_menu_content li{
	float:none  !important;
	margin:2px 0 0;

}

.nav_menu_content a{
	color:#ff6600  !important;
	display:block;
	font-size:1em;
	font-weight:bold;
	margin:0 20px 0 0;
	text-decoration:none;

}

.nav_menu_content a:hover{
	color:#FFFFFF  !important;
	display:block;
	font-size:1em;
	font-weight:bold;
	margin:0 20px 0 0;
	text-decoration:none;

}




.nav_item:hover .nav_menu_content{
	display:block;
}

.nav_item:hover .nav_link{
	-moz-border-radius-topleft:10px 10px 0px 0px;
	-moz-border-radius-topright:10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
	background:#404040 none repeat scroll 0 0;
	padding:5px;
}

.nav_item:hover .nav_button{
	-moz-border-radius:10px 10px 0px 0px;
    -webkit-border-radius:10px 10px 0px 0px;;
    border-radius:10px 10px 0px 0px;;
	background:#404040 none repeat scroll 0 0;
	padding:5px;
}



.nav_item:hover  a{
   	color: White;
    text-decoration: none;
}

.nav_item:hover  .nav_link_inside
{
   	color: White;
    text-decoration: none;
}





.nav_item:hover  .action_icon img {
	position:relative;
	top:-10px;
}


.nav_item:hover {
	z-index:2000;
}


.nav_menu_items{
	font-size:15px;
	font-weight:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:5px 0 0;
	padding:0;

}
/*End Nav stuff */

#logo {
	margin: 59px 0 0 0px;
    width: 100%;
    max-width: 431px;

	}

#container_outer
{
	background: transparent;
	position: relative;
    top: -35px;
	margin: auto;
    width: 100% !important;
   	max-width:850px;
}

#container {
   	margin-left:10px;
}

#container_outer_small_header
{
	background: transparent;
	position: relative;
	margin: auto;
   	width: 100% !important;
	width: 850px;
   	max-width:850px;
}

#page_content {
	background-repeat: no-repeat;
   	width: 100% !important;
	width: 850px;
   	max-width:850px;

	margin-right:10px;
	position:relative;

}

#LayoutTable
{
    padding:0;
}

#login {
	color:#192C38;
	float:right;
	font-size:1em;
	font-weight:bold;
	overflow:hidden;
	/*padding-left:50px;*/

		/*  padding-right:218px;*/
	padding-top:15px;
	text-align:left;
	}
#login a:hover{
	color:white;
	text-decoration:underline;
}

#login a{
   	color: #192c38;
	text-decoration:none;
	font-size:0.8em;
	font-weight:bold;
}

#simple_login
{
	color:#192C38;
	font-size:1em;
	font-weight:bold;
	overflow:hidden;
	text-align:left;
	padding-right:15px;
	display:block;
    height: 19px;
    margin-top:9px;
    float: right;
}
#simple_login a:hover{
	color:white;
	text-decoration:underline;
}

#simple_login a{
   	color: #192c38;
	text-decoration:none;
	font-size:0.8em;
	font-weight:bold;
}




#sidebar {
	float:right;
	margin-right:0px; /* pushes sidebar back toward the main content panel if  you decrease the width of the sidebar */
	position:relative;
	top:30px;
	text-align: left;/*countering IE workaround for centering the page elements, lame*/
	width: 210px; /* this can be a bit flexable, however too large, it will wrap below the main panel or vise versa*/
}
#sidebar_bg_left {
	border:2px;
	background-image:url("../images/base/sidebar_bg_left.1d646c09a1f6.png");
	background-repeat:no-repeat;
	background-position:0px 0;
	min-height:400px;
}

#sidebar_bg_right {
	background:	transparent url("../images/base/sidebar_bg_right.fd2b66c1e9c1.png") no-repeat scroll right top;
	min-height:400px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:10px; /* pushes the content down so we can have a little space at the top for the background */
}

.sidebar_join{
	font-style:italic;
	padding-right:10px;
}
.sidebar_join a{
	color:CadetBlue;
	font-size:80%;
}
.sidebar_join a:hover{
	color:red;
}


.sidebar_title{
	margin:0 10px 0px;
	background: url("../images/base/sidebar_title_bg_left.b84d4a38d38c.png") no-repeat top left;
}

.sidebar_title div{
	background: url("../images/base/sidebar_title_bg_right.a511c6246b90.png") no-repeat top right;
	color:white;
	font-weight:bold;
	height:26px;
	margin-left:12px;
	text-align:left;
	padding-top:3px;
}

.sidebar_title a{
	color:white;
	text-decoration:none;
}
.sidebar_title a:hover{
	color:Red;}

.sidebar_title a{
	color:white;
	text-decoration:none;
}

.sidebar_profile{
	margin-left:4px;

}
#sidebar_profile_container{
	overflow:hidden;
}

.sidebar_profile img{
	padding-right:5px; /* adds some white space between the image and text*/
	padding-left:0px;
	width:64px;
	height:64px;
}

.sidebar_profile a{
	text-decoration:none;
	color:black;
	border:0px
}

.sidebar_profile a div{
	background-image:url("../images/base/mail_status.ae1634d733b8.png");
	height:23px;
	width:30px;
	float:left;
	background-position:0px 0px;
	/*background-position:0px -46px;     use for empty mail*/

}
.sidebar_profile a div{
	background-image:url("../images/base/mail_status.ae1634d733b8.png");
	height:23px;
	width:30px;
	float:left;
	background-position:0px 0px;
}

.mail_empty{
	background-image:url("../images/base/mail_status.ae1634d733b8.png");
	height:23px;
	width:30px;
	background-position:0px -46px;
}


.sidebar_profile a:hover{
	text-decoration:underline;
	color:Red;
	border:0px;
}

.sidebar_profile a:hover div{
	background-image:url("../images/base/mail_status.ae1634d733b8.png");
	background-position:0px -23px;
	cursor:pointer
}

.online a
{
	font-weight:bold;
	text-decoration:none;


}

.offline a
{
	font-weight:normal;
	text-decoration:none;
}

.offline span
{
	display:none;
}


.online div
{
	background-image:url("../images/base/online_status.77ce25944a8d.gif");
	background-position:0px -0px;
	float:left;
	height:20px;
	width:20px;
}
.offline div{
	background-image:url("../images/base/online_status.77ce25944a8d.gif");
	background-position:0px -20px;
	float:left;
	height:20px;
	width:20px;
}


#footer  {
	background-image:url("../images/base/footer_bg.507608638163.png");
	background-repeat:repeat-x;
	clear:Both;/* Required to allow the content above to expand and the footer to keep sliding down*/
	height:50px;
	margin-top:50px;
	margin:auto;
	text-align:center;
	width:100%;
	padding-top:15px;

}

.clearfix {
    min-height: 1%;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.notice_message{

}
.notice_time{
	padding-left:5px;
	font-size:70%;
}
.notice_type{
	padding-right:5px;
}
.notice{
	padding-bottom:10px;
	padding-top:5px;
}

.FAQ a:hover{ /* the faq tools*/
	color:black
}

#toolbar-wrapper{
	position: fixed;
	bottom: 0px;
	border-top:2px black solid;
	width:100%;
	display:none;


	}

#toolbar-wrapper:hover #toolbar{
	display:Block;
	}



#toolbar{
	color:white;
	width: 100%;
	background: black;
	text-align: center;
	filter: alpha(opacity=55);
	-moz-opacity: 0.55;
	opacity: 0.55;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:8px;
	font-size:smaller;
	display:none;
}

#toolbar:hover{
	filter: alpha(opacity=99);
	-moz-opacity: 0.99;
	opacity: 0.99;
}



#messages{
	color:black;
	width: 100%;
	background: #f8e589;
	font-weight:bold;
	font-size:smaller;
	padding:0px;
}

#notify-bar {
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	display: block;
	margin: auto;
}

#messages li{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:2px brown soild;
}

.notify-button{
	float:right;
	font-weight:normal;
	padding-right:20px;
}

.outlineElement {
  outline: 1px solid #c00;
}
.outlineElementClicked {
  outline: 1px solid #0c0;
}

.achievement_table{
	padding-left:30px;
}

.achievement_table img{
	padding-left:20px;
}


.achievement_table TD{
border-bottom:1px gray dashed;
padding:0px;
}

.AchievementTextContainer{
	padding-left:30px !important;
}

.AchievementIconContainer{
	Width:65px;
}

.AchievementTextTitle{
	font-weight:bold;
	font-size:large;
}

	.AchievementProductTitle{
		font-size:30pt;
		font-weight:bold;
	}

.achievements{

}

.achievement_table tr:hover TD{
	background-color:#e0e1d6;
}

.Leaderboard_pretab_panel_content
{
    text-align: left;
}

.Earned_Achievement
{
    color:Red;
}

.Not_Earned_Achievement
{
    color:gray;
}

.WebGame{
	height: 620px;
    width: 100%;
}

.WebGameFullScreen{
	height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}


.CatagoryPickerUL
{
    list-style: none;
}

.CatagoryPickerLI
{
    margin-left:auto;
    margin-right:auto;
	background-image:url("../images/catalog/CatagoryButtonBG.2daf237cd469.png");
	background-repeat:no-repeat;
	background-position:left bottom;
   	width: 100% !important;
	width: 920px;
   	max-width:920px;
	height:95px;
	cursor:hand;
	position:relative;
	margin-top:5px;
}

.CatagoryPickerLI:hover
{
    margin-left:auto;
    margin-right:auto;
	background-image:url("../images/catalog/CatagoryButtonBGHover.537ff254cf38.png");
	background-repeat:no-repeat;
	background-position:left bottom;
   	width: 100% !important;
	width: 920px;
   	max-width:920px;
	height:95px;
	cursor:hand;
}

.CatagoryPickerLI .CatagoryPickerRight
{
    float:right;
	background-image:url("../images/catalog/CatagoryButtonBG.2daf237cd469.png");
	background-repeat:no-repeat;
	background-position:right bottom;
	width:40px;
	height:95px;
	cursor:hand;
	position:relative;
}
.CatagoryPickerLI:hover .CatagoryPickerRight
{
    float:right;
	background-image:url("../images/catalog/CatagoryButtonBGHover.537ff254cf38.png");
	background-repeat:no-repeat;
	background-position:right bottom;
	width:40px;
	height:95px;
	cursor:hand;
	position:relative;
}

.CatagoryPickerContainer{
width:100%;height:100%;cursor:hand;
}

.CatagoryPickerIcon{
    border:none;
    left:20px;
    bottom:4px;
    position:absolute;
}
.CatagoryPickerIconOld{
    border:none;
    margin-left:10px;
    float:left;
    bottom:0px;
}


.CatagoryPickerContentContainer{
    color:white;
    font-family:Arial, Helvetica, sans-serif;
    position:absolute;
    left: 150px;
    top:15px;
    text-align:left;
    height:80px;
    padding-right: 10px;
}

.CatagoryPickerTitle{
	font-size:xx-large;
	font-weight:bold;
	cursor:hand;
}

.CatagoryPickerTitle a{
	font-size:xx-large;
	font-weight:bold;
	cursor:hand;
	Color:White;
	Text-decoration:none;

}

.CatagoryPickerTitle a:active{
	font-size:xx-large;
	font-weight:bold;
	cursor:hand;
	Color:red;
	Text-decoration:none;
}
.CatagoryPickerDecription{
font-weight:bold;
}




.CatalogListQtyOld{
color:#4885A5;
font-size:100%;
font-weight:bold;
padding:0px 0px 0px 0px;
max-width:130px;
max-height:2em;
margin:0px 0px 0px 0px;
height:1em;
text-decoration:line-through;
}

.CatalogListQty{
color:red;
font-size:120%;
font-weight:bold;
padding:0px 0px 0px 0px;
max-width:130px;
max-height:2em;
margin:0px 0px 0px 0px;
height:1em;
}



.CatalogListPriceOld{
	color:#4885A5;
	font-weight:bold;
	text-decoration:line-through;
}

#GiftStoreHeader
	{
	background: -webkit-linear-gradient(#fff767, #ffd100); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fff767, #ffd100); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff767, #ffd100); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff767, #ffd100); /* Standard syntax */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #d76900;
	color:black;
	position: relative; /* needed to keep the GiftHeaderIcon from escapeing */
	}

#GiftStoreButton
	{

	}

#GiftStoreHeadingContent
{
    text-align:center;
    margin:0px;
}

#GiftStoreHeaderContainer
{
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 64px;
    padding-right: 64px;
}

#GiftStoreButton a:hover
	{
	background-color: blue;
	border: 1px solid blue;
	}

#GiftStoreButton a
	{
	background-color: #d76900;
	border: 1px solid #d76900;
	border-radius: 5px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
    margin-top: 10px;
	padding: 3px 10px 4px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	}

#GiftStoreHeadingText
	{
	font-size: 18px;
	font-weight: 900;
	text-align: center;
	white-space: nowrap;
	}

#GiftHeaderIcon
	{
    background-image: url("../images/catalog/BlueGift.ab98a9cc3599.png");
    height: 64px;
    left: 5px;
    margin-left: 5px;
    margin-top: -80px;
    width: 64px;
    position: relative;
    float:left;
	}

.myButton {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.myButton:active {
	position:relative;
	top:1px;
}

@media (max-width: 500px) {

#pinax_body {
    height: auto !important;
    height: 400px;
    padding-top: 35px;
    min-height: 400px;
	padding-left: 10px;
	padding-right: 10px;
    text-align: left;
    width: inherit;
}

#container_outer {
    background: transparent;
    position: relative;
    top: initial;
    margin: auto;
    width: 100% !important;
    max-width: 850px;
}

#container {
    margin-left: 0px;
}

#main_panel_left,#main_panel_right {
    display: none;
}

	.profile_base {
		display: none;
	}

	.nav_tab a span {
		background-image: url("../images/base/tabs_right.eb2531fc5f35.png");
		background-position: 100% 0;
		background-repeat: no-repeat;
		cursor: pointer;
		float: left;
		padding: 12px 12px 6px 0;
	}

	.nav_tab a {
    background-image: url("../images/base/tabs_left.c971c0887fa0.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #8ac0de;
    float: left;
    font-size: 1em;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    padding-left: 2px;
    text-decoration: none;
    margin-top: 3px;
	}



	.ntab_summary {
		display: none      !important;
	}

	.CatagoryPickerTitle {
    font-size: large;
    font-weight: bold;
    cursor: hand;
	}

	.CatagoryPickerDecription {
    font-weight: normal;
	font-size: small;
	}

	#CatalogMainTitle {
		color: white;
		font-size: 15pt;
		font-weight: bolder;
		margin-right: 5px;
		display: block;
		text-align: left;
		float: left;
		height: 31px;
		margin-top: 0px;
	}
	a.Redeem {
		display:none:
	}

	.CatagoryPickerIcon {
		border: none;
		left: -5px;
		bottom: 15px;
		/* position: absolute; */
		height: 64px;
	}
	.CatagoryPickerTitle a {
		font-size: large;
		font-weight: bold;
		cursor: hand;
		Color: White;
		Text-decoration: none;
	}
	.CatagoryPickerContentContainer {
		color: white;
		font-family: Arial, Helvetica, sans-serif;
		position: absolute;
		left: 80px;
		top: 15px;
		text-align: left;
		height: 80px;
		padding-right: 10px;
	}

	.GameListPlayerRatingChangeTile {
		display: none;
	}

	.GameListPlayerRatingChange {
		display: none;
	}

	.GameListPlayerRatingChangeValue {
		display: none;
	}

	.AchievementTextContainer{
		padding:10px 2px 10px 2px !important;
	}

	.achievement_table img{
		display:none;
	}

	.achievements li{
		list-style: none;
	}

	.AchievementIconContainer{
		Width:5px;
	}

	.AchievementTextTitle{
	font-weight:bold;
	font-size:normal;
	}

	.AchievementProductTitle{
		font-size:20pt;
		font-weight:bold;
		float:left;
	}

	ul.achievements li{
		margin-left: 0px;
	}

	ul.gamestatistics li{
		margin-left: 0px;
	}
}

@media (max-width: 800px) {

	.ntab_info {
		display: none      !important;
	}

	.nav_tab a span {
		background-image: url("../images/base/tabs_right.eb2531fc5f35.png");
		background-position: 100% 0;
		background-repeat: no-repeat;
		cursor: pointer;
		float: left;
		padding: 12px 12px 8px 0px
	}

	.nav_tab a {
    background-image: url("../images/base/tabs_left.c971c0887fa0.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #8ac0de;
    float: left;
    font-size: 1.2em;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    padding-left: 8px;
    text-decoration: none;
    margin-top: 3px;
	}

	#login {
	    color: white;
		float: right;
		font-size: 1em;
		font-weight: bold;
		overflow: hidden;
		padding-top: 15px;
		text-align: left;
		position: absolute;
		top: 5px;
		right: 0px;
		background-Color:darkblue;
		padding: 10px 5px
	}

	#login a{
	font-size: 1em;
	color: white;
	}

	.nav_tab ul {
    height: 38px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0 0 0 15px;
    padding: 0;
    position: relative;
    top: 3px;
    overflow: hidden;
	}

	.GameListPlayerScoreTitle,.GameListPlayerScore  {
		left: 150px
	}

	.GameHistoryGameInfo {
		margin-left: 45px;
		overflow:hidden;
	}

	.GameListPlayer {
		/* margin-left: 50px; */
		position: relative;
		margin: 5px 0px 5px 50px;
	}

}
@media (max-width: 400px) {
	.ntab_achievements{
		display: none      !important;
	}
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.ProductLogo{
	max-width:100%;
}