body {background-color: #ebeca0; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 11px;}
h2 {font-size: 12px;}
h1 {font-size: 16px; text-shadow: 1px 1px #acae23;}
table {background-color: #ebeca0; border: 1px solid #d5d739; margin: 10px; width:760px; border-collapse: collapse;}
th {text-shadow: 1px 1px #acae23; padding-left: 3px; height: 30px; background-color: #d5d739; color: white; text-align: left;}
td{	padding-top:5px;
	padding-bottom:5px;
	padding-left: 3px;
	padding-right: 2px;}

.header {
	height: 150px;
	margin-bottom: 7px;
	background-image: url("getalife.png");
	background-repeat: no-repeat;
	background-size: 260px 130px;
}
	
.container {
	width: 802px;
	height: 600px;
	background-color: white;
	margin-left:auto; margin-right:auto;
}

.toplinks {
	font-size: 11px;
	float: right;
	margin: 20px;
}

.mainlinks 
{
	width: 779px;
	height: 30px;
	float: left;
	margin-top: 47px;
	padding: 10px;
	border-bottom: 1px solid #d9db50;
}

.toptab {
	float: left;
	width: 140px;
	height: 26px;
	/*margin: 10px;*/
	padding: 7px;	
	/*border: 1px solid black;*/
	/*border-radius: 7px;*/
	/*box-shadow: 1px 1px 4px #888888;*/
	background-color: #d5d739;
	color: white;
	background-image: url("gal_button2.png");
	background-size: 154px 40px;
}

.toptab:hover 
{

	background-image: url("gal_button3.png");
	/*background-color: #d9db50;*/
}

.toptab.active_toptab
{
	background-image: url("gal_button3.png");
}

.tab1 {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-left: 7px;
	padding-right: 7px;
	/*padding-bottom: 7px;*/
	/*border: 1px solid #acae23;*/
	border: 1px solid white;
	border-radius: 7px;
	box-shadow: 1px 1px 3px #cdf78b;
	color: black;
	height: auto;
	overlay: hidden;
	width: 100px;
}

.tab1:hover 
{
	color: black;
	border: 1px solid #acae23;
}

.secondarylinks 
{
	width: 780px;
	height: 45px;
	/*border: 1px solid black;*/
}

.content 
{
	width: 780px;
	height: auto;
	border: 1px solid #dfe168;
	border-radius: 10px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 7px;
}

.cardview_table {
	width: 200px;
	color: black;
}

.gamer_card_left
{
	float: left;
	margin-top : 5px;
	clear : left;
}

div.button
{
	float: left;
	padding : 5px;
	
	margin-top: 10px;
	margin-left: 10px;
	border: 1px solid #acae23;
	border-radius: 7px;
	box-shadow: 1px 1px 3px #cdf78b;
	color: black;
	width: 100px;
	position: relative;
	text-align: center;
	background-color: white;
}

.gamer_card_left_tabbed_once
{
	float: left;
	margin-top : 5px;
	margin-left : 10px;
	clear : left;
}

.gamer_card_left_tabbed_twice
{
	float: left;
	margin-top : 5px;
	margin-left : 15px;
	clear : left;
}

.gamer_card_left_title
{
	float: left;
	margin-top : 10px;
	clear : left;
	text-transform:uppercase;	
}

.gamer_card_right
{
	float: right;
	margin : 10px;
	clear : right;
}




.footer 
{	
	position: absolute;
	width: 100%;
	height: 20px;
	bottom : 0;
	left: 0;
	text-align: center;
	font-size: 10px;
}

.overlay
{
	background-color: #000;
	background: rgba(146, 146, 146, 0.5);
	opacity: 1;
	filter: alpha(opacity=100);
	position: absolute; top: 0; left: 0;
	width: 100%; height: auto;
	z-index: 10;
	overflow: hidden;
}

/*
input
{
	border-radius:10px;
}

textarea
{
	border-radius:10px;
}
*/ 
#cardview 
{
	/*
	background-image: url("overlayBG.png");
	*/
	background-color:#e6e6e6;
	background-repeat: no-repeat;
	box-shadow: 10px 10px 5px #888888;
	align: center;
	width: 500px;
	height: auto;
	opacity: 1.0;
	filter: alpha(opacity=100);
	z-index: 11;
	margin-right: auto;
	margin-left: auto;
	padding: 40px;
	margin-top: 100px;
	line-height:13px;
	border:2px solid;
	border-radius:25px;
	position:relative;
	overflow: hidden;
	display: block;
}

#cardview_column 
{
	width : 50%;
}