@charset "UTF-8";

/* RESET */
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
ul,li,ol{list-style-type:none;margin:0;padding:0;}
p{margin:0;padding:0;}
a{outline:none;}

body {
	background-color: #353535;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-size: 0.875em;
	color: #444;
}

/* REQUIRED CSS STYLES */
.game_not_found {
	height: 170px;
	padding-top: 130px;
	font-family: Arial;
}
.game_not_found a {
	color: #b8cbd8;
}
#no_games {
	font-family: Arial;
	text-align: center;
	padding-top: 30px;
}
/* REQ:5 STAR RATING CSS */
#rateStatus{float:left; clear:both; width:100%; height:20px;}
    #rateMe{float:left; clear:both; width:100%; height:auto; padding:0px; margin:0px 0px 0px 2px;}
    #rateMe li{float:left;list-style:none;}
    #rateMe li a:hover,
    #rateMe .on{background:url(images/star.png) no-repeat;}
    #rateMe a{float:left;background:url(images/empty_star.png) no-repeat;width:20px; height:20px;}
    #ratingSaved{display:none;}
    .saved{color:red; }

#comments ul {
	list-style: none;
	margin:0px;
	padding:0px;
}

#comments ul li {
	line-height: 150%;
	margin-bottom:15px;
	padding:5px 0px;
	overflow:hidden;
	background: #ffeeff;
	border: 1px solid #ffaaff;
}
#error_message, #pm_task_complete {
	padding: 5px 5px 5px 10px;
	background-color: #344768;
	margin-bottom: 20px;
	color: #aebdd0;
	font-weight: bold;
}
#member_list {
	width: 98%;
	margin-left: 8px;
}
#member_list td {
	border-bottom:1px solid #111111;
	height: 40px;
	padding:5px 0;
}
#member_list td a {
	color: #fff;
	font-size: 15px;
	text-decoration: none;
}
#member_list td a:hover {
	text-decoration: underline;
}
#member_list img {
	margin-top: 5px;
}
.link_item {
	padding:5px;
}
#login_to_comment {
	text-align: center;
	padding: 15px 0px 15px 0px;
}
/* Notifications */
.notification {
	z-index: 4;
	position: fixed;
	top: -250px;
	right: 0px;
	
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.80);
	color: #fff;
	font-family: Arial;
	font-size: 13px;
	padding: 5px;
	margin: 10px 10px 0px 0px;
	cursor: default;
	opacity: 0.0;
	filter: alpha(opacity = 0);
	display: none;
	border: 1px solid #000;
}
.notification a {
	color: #000;
	padding: 1px 8px;
	border-radius: 8px;
	text-decoration: none;
	font-size: 11px;
	background-color: #e7e7e7;
}
.notification a:hover {
	background: #fff;
}
.notification_icon {
	float: left;
	margin-right: 5px;
}
.notification_message {
	float: left;
	margin-right: 7px;
}
.notification_quit {
	font-size: 10px;
	background-color: #ac1818;
	color: #fff;
	margin: 2px 2px 0px 0px;
	padding: 1px 3px;
	font-weight: bold;
	cursor: pointer;
	float: right;
}
.notification_quit:hover {
	background-color: red;
}
/* END OF REQUIRED CSS STYLES */

.wrapper {
	max-width: 1024px;
	margin: 0px auto 0px auto;
	position: relative;
	background-color: #ffffff;
}

.content {
	max-width: 1024px;
	margin: 0px auto 0px auto;
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
}

.main_left {
	width: 68%; /* 650px 65.7 */
	margin-left: 4px;
	padding-top: 7px;
}

.main_right {
	width: 30%; /* 310px 31.3 */
	margin-right:5px;
}
.view_game_main_left {
	width: 81.3%; /* 805px 81.3 */
	float: left;
	margin-left:5px;
	padding-right:6px;
}

.view_game_main_right {
	width: 16.4%; /* 162px */
	float: right;
	margin-right:5px;
	border-left: 1px solid #cccccc;
}