body {
	margin: 0px 0 10px 0;
	padding: 0;
	background: #fff url(images/bg.gif);
	font-family: Verdana;
	font-size: 10px;
	color: #000;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}
h1 {
	color: #fff;
	font-size: 140%;
	text-align: left;
	padding-left: 10px;
}
h3 {
	font-size:120%;
}
#canvas {
	z-index: 0;
}
.background {
	position: absolute;
	z-index: 0;
}
.error_msg {
	border-top:2px solid #FF0000;border-bottom:2px solid #FF0000;background-color:#FFAAAA;color:#ffffff;padding:5px;font-weight:bold;
}
.panel_content p {
	font-family: Arial;
	font-size: 110%;
}
#page {
	width: 963px;
	/*border: 1px solid #fff;*/	
	background-color: #000;
	z-index: 1;
	position: relative;
	margin: auto;
	top: 10px;
}
#header {
	width: 100%;
	height: 148px;
	background: url(images/header.jpg) no-repeat top center; 
}
#content_left {
	width: 157px;
	height: 1022px;
	float: left;
	border-right: 1px solid #fff;
}
#main_content {
	float: left;
	width: 804px;
	border-left: 1px solid #fff;
	margin-left: -1px;
}

#topmenu {
	height: 35px;
	background: url(images/menu_bg.jpg) repeat-x top center;
	color: #fff;
	font-size: 100%;
	overflow: hidden;
	text-align: left;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-weight: normal;
}
#topmenu a {
	color: #fff;
}
#topmenu img {
	vertical-align: middle;
	margin-left: 2px; margin-right: 2px;
}
#login_box {
	float: left;
	margin: 0;padding: 0;
	height: 38px;
	margin-left: 10px;
	width: 645px;
}
.login_textbox {
	width: 106px;
	background-color: #000;
	border: 1px solid #3c3c3c;
	color: #fff;
}
.login_btn {
	background: none;
	border: none;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	font-size: 100%;
}
ul#sidemenu {
	margin: 0; padding: 0;
	list-style: none;
}
ul#sidemenu li {
	padding-left: 10px;
	background: url(images/sidemenu_off.jpg) repeat-x top center;
	color: #000;
	/*height: 18px;*/
	line-height: 20px;
	text-align: left;
	display: block;
	border-bottom: 1px solid #fff;
	font-weight: normal;
}
ul#sidemenu li a {
	display: block;
}
ul#sidemenu li a:hover {
	text-decoration: none;
}
ul#sidemenu li.active, ul#sidemenu li:hover {
	background: url(images/sidemenu_on.jpg) repeat-x top center;
}

ul#sidemenu li ul {
	margin: 0; padding: 0;
	border-top: 1px solid #fff;
	margin-left:-10px;
	list-style: none;
	display: block;
}
ul#sidemenu li ul li {
	padding-left: 15px;
	background: #fff; /*url(images/sidemenu_off.jpg) repeat-x top center;*/
	color: #000;
	text-align: left;
	display: block;
	border-bottom: 1px solid #fff;
	font-weight: normal;
	font-size: 90%;
	margin: 0;
}
ul#sidemenu li ul li a {
	display: block;
}
ul#sidemenu li ul li a:hover {
	text-decoration: none;
}
ul#sidemenu li ul li.active, ul#sidemenu li ul li:hover {
	background: #C3C3C3; /*url(images/sidemenu_on.jpg) repeat-x top center;*/
}

div.panel_header {
	height: 23px;
	background: url(images/sidemenu_title.jpg) repeat-x top center;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 120%;
	padding-top: 7px;
}
div.panel_content {
	background-color: #d9d9d9;
	color: #000;
	border-bottom: 1px solid #fff;
}
div.panel_content p {
	text-align: left;
	padding-left: 5px;
	padding-right:  5px;
	padding-top: 5px;
	margin-top: 0;
}
div.panel_content ul {
	list-style: none;
	padding: 5px;
	margin: 0;
	text-align: left;
}
div.panel_content ul li {
	line-height: 18px;
}
div.panel_content thead tr {
	background: url(images/top10_title_bg.jpg) repeat-x top center;
	height: 21px;
}
p#total_member {
	height: 44px;
	margin:0;
	padding-top: 5px;
	padding-bottom: 0;
	background: url(images/device_bg.jpg) no-repeat bottom center;
	border-top: 1px solid #fff;
}
div#panel_top10 div.panel_content {
	font-size: 90%;
}

div.panel_banner {
	background: #000;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
}

.memberlist {
	background: #fff;
}
.memberlistheader {
	background: url(images/top10_title_bg.jpg) repeat-x top center;
	height: 21px;
}
.darkgrey {
	background: #e5e5e5;
}

#topstories {
	width: 465px;
	height: 270px;
	float:left;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#topstories .topstories_highlight {
	width: 332px;
	float: left;
}
#topstories .topstories_others {
	font-size: 100%;
	float:left;
	border-left: 1px solid #fff;
}
.topstories_img {
	border-bottom: 1px solid #fff;
}
.topstories_img_box {
	width: 332px; height: 241px; overflow:hidden;position:relative;z-index:0;
}
.topstories_content {
	/*background: url(images/box_bg.jpg) repeat-x top center;*/
	background-color: #000;
	height: 61px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
	z-index: 1;
	position:relative;
	top: -61px;
	  /* for IE */
	  filter:alpha(opacity=60);
	  /* CSS3 standard */
	  opacity:0.6;
	display: none;
}
.topstories_content h3 {
	margin: 0;
	padding-top: 5px;
	color:#fff;
	z-index: 2;
	position: relative;
}
.topstories_content p {
	margin-top: 5px;
	color: #fff;
	z-index: 2;
	position: relative;
}
.topstories_content a {
	color: #ffffff;
}
ul.topstories_others {
	list-style: none;
	padding: 0; margin: 0;
	float: left;
	width: 132px;
}
ul.topstories_others li {
	display: block;
	background: url(images/box_side_bg.jpg) repeat-x top center;
	height: 50px;
	text-align: left;
	padding: 5px;
	margin: 0;
	border-bottom: 1px solid #fff;
	font-weight:  normal;
	overflow: hidden;
}
ul.topstories_others li.active, ul.topstories_others li:hover {
	background: #000;
	color: #fff;
}
ul.topstories_others li.active a, ul.topstories_others li:hover a {
	color: #fff;
}
#sideimage {
	float:left;
	width: 338px;
	height: 270px;
	border-bottom: 1px solid #fff;
	background: #000; /*url(images/sideimage_img.jpg) no-repeat bottom center;*/
}
.box_title {
	background: url(images/box_title_bg.jpg) repeat-x top center;
	height: 23px;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 14px;
	padding-top: 5px;
	padding-left: 10px;
	text-align: left;
}
.box_title a {
	color: #fff;
}

#maincontent_left {
	clear: both;
	width: 664px;
	float: left;
	border-right: 1px solid #fff;
}
#maincontent_left h1 {
	height: 42px;
	font-size: 20px;
}

#maincontent_right {
	width: 138px;
	height: 1022px;
	float: left;
	background: url(images/bg_adverts.gif) no-repeat top center;
	text-align: center;
	padding-top: 0px;
	padding-left: 1px;
	border-left: 1px solid #fff;
	margin-left: -1px;
}
#maincontent_right p {
	margin-top: 10px;
	margin-bottom: 10px;
}

#morenews {
	clear:both;
	width: 664px;
	height: 531px;
	border-bottom: 1px solid #fff;
}
#morenews .morenews_left {
	width: 50%;
	float: left;
}
#morenews .morenews_right {
	width: 50%;
	float: left;
}
.morenews_item {
	height: 100px;
	border-bottom: 1px solid #fff;
	background: #f6f6f6;
	text-align: left;
	font-size: 10px;
	overflow: hidden;
}
.morenews_item .img {
	float:left;
	width: 130px; height: 100px;
	margin-right: 5px;
	overflow: hidden;
}
.morenews_item h3 {
	margin: 0;
	padding-top: 5px;
	font-size: 12px;
}
.top_frontnews, .mid_frontnews {
	background: #c5c5c5 url(images/pagecontent_bg.jpg) repeat-x bottom center;
	text-align: left;
}
.top_frontnews .img {
	width: 220px; height: 159px;
	margin-right: 5px;
	overflow: hidden;
}
.top_frontnews_item {
	font-size: 90%;
}
.top_frontnews_item h3 {
	margin:0; margin-bottom: 5px;
	padding-left:5px;padding-right:5px;
	height:45px;
}
.top_frontnews_item p {
	margin:0;
	margin-top: 3px;
	padding-left:5px;padding-right:5px;
}
.top_frontnews_item h4 {
	height: 42px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left:10px;padding-right:5px;
}
.top_frontnews_item h4.title {
	height: 28px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left:10px;padding-right:5px;
}
.top_frontnews_item .more_news {
	margin-top: 5px;
	font-weight: bold;
	padding-left:5px;padding-right:5px;
}

#toc {
	clear:both;
	width: 664px;
	height: 229px;
	background: #fff;
}
#toc .button {
	float: right;
	width: 101px; height: 91px;
	margin-left: 5px;
}
#toc p {
	text-align: left;
	margin-left: 92px;
}
#toc h2 {
	margin:0;
}
#bottom_banner {
	clear: both;
	background-color: #d9d9d9;
	background: url(images/device_bg1.jpg) no-repeat bottom center;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #8d8d8d;
}

.pagecontent {
	background: #c5c5c5 url(images/pagecontent_bg.jpg) repeat-x top center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: left;
	overflow: auto;
	height: 811px;
}
.view_bethistory {
	border: 1px solid #000;
	background: url(images/top10_title_bg.jpg) repeat-x top center;
	padding: 3px;
}
.padded {
	padding-left: 10px;
	padding-right: 10px;
}
.clear {
	clear: both;
}

#banner-bottom-left {
	text-align: center;
	padding-top: 5px;
	background: url(images/device_bg.jpg) no-repeat bottom center;
	/*height: 188px;*/
	height: 63px;
	margin:0;
}

.fillin {
	padding-top: 5px;
	height: 266px;
	background: url(images/device_bg.jpg) no-repeat bottom center;
	text-align: center;

}

#banner-center {
	height: 118px;
	background: url(images/device_bg1.jpg) no-repeat bottom center;
	text-align: center;
	margin:0;
}

#prediksi_box {
	background:  #fff;
	height: 505px;
	overflow: auto;
	padding-left: 3px; padding-right: 3px;
	line-height: 22px;
}
.prediksi_date {
	font-weight: bold;
}
.prediksi_league {
	background: #E1E1E1;
	padding-left: 3px;
}
.prediksi_match {
	border-bottom: 1px dotted #D2D2D2;
	padding-left: 6px;
}

.storecontent { width: 492px; margin: 30px auto;}
#product_img { width: auto; float:left; margin-bottom: 20px; }
#product_info { width:264px; float:left; margin-left: 10px;}
#product_info h3 { margin-top: 0;}
#buynow {clear: both; height:35px; background-color: #f1b106; font-size: 24px; font-weight:bold; padding-top: 4px; padding-right: 30px; text-align: right; margin-top: 20px;}
#buynow a {color: #fff; text-decoration: none;}
#buynow a:hover {color: #000; text-decoration: none;}
.smalltext {font-size: 10px;}
.alignright {text-align: right;}
input.size {width: 30px;}
.trajanpro {font-family: "Trajan Pro";}
.size20 { font-size: 20px;}
.size16 { font-size: 16px;}
.size11 { font-size: 11px;}
.storecontent form label {display: inline-block; width: 150px; vertical-align: top;}

/* Dropdown Menu for categories */
/*
#sidemenu li {position: relative; margin:0;}
#sidemenu ul {position:absolute; display:none; top:0; left:157px; margin:0; padding: 0; border: 1px solid #fff; z-index:5;}
#sidemenu li a, #sidemenu li:hover a {display:inline-block;}
#sidemenu li ul {width:200px;}
#sidemenu li ul a {width:auto; height:auto; float:left;display:inline-block;}
#sidemenu ul ul {top:auto;}
#sidemenu li ul ul {left:8em; margin:0px 0 0 10px;}
#sidemenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#sidemenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:inline-block;}
*/