/* onArcade 2.2 CSS */

body {

	margin: 0px;

	padding: 0px;

	background: #0099CC;

	color: #333333;

	font-size: 11px;

	font-family: Arial, Tahoma, sans-serif;

        text-align: left;

	

}

form {

	margin: 0px;

	padding: 0px;

}

input, textarea {

	margin: 2px;

	padding: 2px;

	background: #F7F7F7;

	border: 1px solid #99CC66;

	font-size: 11px;

}

p {

	margin:4px 0px;

}

fieldset {

	margin-top: 7px;

	border-radius: 8px;

	-moz-border-radius: 8px;

	-webkit-border-radius: 8px;

}

legend {

	font-weight: bold;

}

a:link, a:visited {

	color: #003366;

	text-decoration: underline;

}

a:hover {

	color: #FF6347;

	text-decoration: none;

}

/* the header of the site  */

#header {

	height: 127px;

	width: 960px;

	margin-left: auto;

	margin-right: auto;

	background: url(images/header.jpg) no-repeat bottom right #272E7F;

        text-align: left;

	position: relative;

	

	

}

#header h1 {

	margin: 75px 0px 0px 0px;

	float: right;

	font-family: Verdana, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	font-weight: normal;

}

/* menu with links to different parts of site */

#main_menu {

	position: absolute;

	top: 75px;

	left: 130px;

	color: #FFFFFF;

	font-family: Verdana, sans-serif;

	min-height: 0px;

	padding: 0px;

	margin: 0px;

}

#main_menu li {

	list-style-type: none;

	display: inline;

	margin-right: 4px;

}

#main_menu a:link, #main_menu a:visited {

	color: #FFFFFF;

	text-decoration: none;

}

#main_menu a:hover {

	text-decoration: underline;

}

/* top categories menu */

#categories {

	margin: 0px;

	padding: 0px;

	position: absolute;

	top: 105px;

	left: 130px;

	color: #448cca;

	font-size: 12px;

	font-weight: bold;

}

#categories li {

	list-style-type: none;

	display: block;

	float: left;

	margin-right: 4px;

}

#categories a:link, #categories a:visited {

	color: #448cca;

	text-decoration: none;

}

#categories a:hover {

	color: #FF6347;

}

/* main part of the website */

#main {

	margin-left: auto;

	margin-right: auto;

	padding: 2px;

	width: 956px;

	background: #FFFFFF;

	border-left: 1px solid #336699;

	border-right: 1px solid #336699;

}

/* menu */

div#side_menu {

	float: left;

	width: 160px

}

/* content of the page */

div#main_contents {

	float: left;

	width: 780px;

}

/* zakiworld code left side of website */

div#main_middle {

  float: left;

  width: 645px;

  margin-left: 15px;

}

div#side_menu_2 {

  float: right;

  width: 130px;

}

/* boxes where ads are in */

.ad_box {

	margin-bottom: 4px;

	padding: 3px;

	border: 1px solid #0099CC;

	background: #FFFFFF;

	color: #333333;

	text-align: center;

}

.ad_box_2 {

    padding: 3px;

    margin-bottom: 4px;

	border: 1px solid #99CC66;

	background: #FFFFFF;

	color: #333333;

	text-align: center;

}

/* headers of content boxes */

h2 {

	background: #99CC66 url(images/topbar2.png);

	color: #FFFFFF;

	margin: 0px 0px 2px 0px;

	padding: 2px 2px 2px 4px;

	position: relative;

	font-weight: bold;

	font-size: 11px;

}

h3 {

	background: #0099CC url(images/topbar.png);

	color: #FFFFFF;

	margin: 0px 0px 2px 0px;

	padding: 2px 2px 2px 4px;

	font-weight: bold;

	font-size: 11px;

}

h2 a:link, h2 a:visited {

	color: #FFFFFF;

	text-decoration: underline;

}

h2 a:hover {

	text-decoration: none;

}

/* content is inside these boxes */

.content_box {

    margin-bottom: 4px;

    padding: 2px;

	border: 1px solid #99CC66;

	background: #FFFFFF;

}

.content_box_2 {

	margin-bottom: 4px;

	padding: 2px;

	border: 1px solid #0099CC;

	background: #FFFFFF;

	text-align:left;

}

.content_box .left {

	width: 100px;

	float: right;

	margin-top: 2px;

	margin-bottom: 2px;

	font-weight: bold;

}

.content_box .right {

	float: right;

	margin-top: 2px;

	margin-bottom: 2px;

}

.content_box_2 input {

	border: 1px solid #0099CC;

}

/* top lists */

.content_box_2 ol {

	padding: 0px;

	margin: 0px;

	list-style-position: inside;

}

.content_box_2 ol li {

	margin: 2px 0px;

	padding: 0px;

}

/* files on index page */

.index_files_left {

	margin-bottom: 2px;

	float: left;

	width: 75px;

}

.index_files_right {

	margin-bottom: 2px;

	float: right;

	width: 228px;

}

/* boxes around file on categories pages */

.browse_file_box {

	padding: 4px;

	background: #F0F8FF;

	border: 1px solid #B2DFEE;

}

/* game on scores page */

#score_game {

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 5px;

	padding: 3px;

	border: 1px solid #CCFF99;

	width: 300px;

}

/* file rating stars */

#file_rating img {

	width: 16px;

	height: 16px;

	border: 0px;

}

/* file action icons */

img.action_image {

	border: 0px;

	width: 24px;

	height: 24px;

	cursor: pointer;

}

/* link to file */

a.file_link:link, a.file_link:visited {

	color: #336699;

	font-weight: bold;

	text-decoration: none;

}

a.file_link:hover {

	color: #FF6347;

	font-weight: bold;

	text-decoration: underline;

}

.played {

	font-size: 9px;

}

/* bot in user online section */

.bot {

	color: #DD7500;

}

/* BB code images  */

img.bb {

	border: 1px solid #5E5E5E;

	width: 16px;

	height: 16px;

	padding: 1px;

	cursor: pointer;

}

img.bb:hover {

	border: 1px solid #B3B3B3;

	background: #F7F7F7;

}

/* quotes in PMs and forum posts*/

.quote {

	border: 1px dotted #AAAAAA;

	background: #FAFAFA url(images/quote.png) no-repeat;

	background-position:  bottom right;

	margin: 2px 2px 6px 2px;

	padding: 4px;

	border-radius: 6px;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

}

/* icon next to forum post */

.post_icon {

	float: left;

	margin-right: 4px;

	width: 16px;

	height: 16px;

}

/* forum posts */

.forum_post {

	background: #FCFCFC;

	border: 1px solid #E3E3E3;

	margin: 8px 0px;

	position: relative;

}

.forum_post .header {

	border-bottom: 1px solid #E3E3E3;

	width: 80%;

	padding: 2px;

}

/* pagination */

div.pagination {

	padding: 2px;

	margin: 2px;

	text-align: center;

}

div.pagination a:link, div.pagination a:visited {

	padding: 2px;

	border: 1px solid #CCCCCC;

	color: #000000;

	text-decoration: none;

}

div.pagination a:hover {

	color: #000000;

	background: #F2F2F2;

}

div.pagination b {

	padding: 2px;

	border: 1px solid #CCCCCC;

}

div.pagination p {

	margin: 0px 0px 5px 0px;

}

/* CSS tables */

.table_header {

	float: left;

	text-align: center;

	font-weight: bold;

}

.table {

	float: left;

	text-align: center;

}

.separator {

	margin-bottom: 1px;

	padding-top: 1px;

	border-bottom: 1px dotted #99CC66;

	font-size:0px;

	height: 0px;

	clear: both;

}

/* JavaScript "popups" */

.popup {

	position: absolute;

	display: none;

	background: #F0F8FF;

	border: 2px solid #0099CC;

	color: #333333;

	padding: 4px;

	-moz-opacity: 0.9;

	opacity: 0.9;

	filter: alpha(opacity=90);

	border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	z-index: 10;

}

#tell_friend_popup {

	width: 350px;

}

#report_broken_popup {

	width: 300px;

}

/* favourites menu */

div#favourites_menu {

	position: absolute;

	background: #F0F8FF;

	width: 150px;

	border: 1px solid #0099CC;

	padding: 4px;

	-moz-opacity: 0.95;

	opacity: 0.95;

	filter: alpha(opacity=95);

	border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

}

div#favourites_menu ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

div#favourites_menu ul li {

	margin: 2px 0px;

}

/* errors */

.error_box {

	margin-bottom: 4px;

	padding: 3px;

	border: 1px solid #FF3300;

	background: #FADFDC;

	color: #FF3300;

	text-align: left;

}

/* comments are in these boxes */

.comment_box {

	margin-bottom: 5px;

	padding-bottom: 3px;

	border-bottom: 1px dotted #99CC66;

}

/* news are in boxes like this */

.news_box {

	margin-top: 2px;

	padding-bottom: 2px;

	border-bottom: 1px dotted #3399CC;

}

/* champion info */

#champion_box {

    margin-bottom: 4px;

    padding: 2px;

	border: 1px solid #99CC66;

	background: url(images/cup.gif);

	background-repeat: no-repeat;

	background-position: 25% 50%;

	text-align: center;

}

/* box around file sponsor */

#sponsor {

	margin-bottom: 4px;

	padding: 4px;

	border: 1px dotted #FF3300;

	background: #FFCC33;

	text-align: center;

	font-weight: bold;

}

/* CP icons */

.cp_icon {

	width: 10px;

	height: 10px;

	border: 0;

}

/* tab menu stuff */

.tab_menu {

	position: relative;

	padding: 3px 0;

	margin-left: 0;

	margin-top: 1px;

	margin-bottom: 4px;

	list-style-type: none;

	text-align: left;

	border-bottom: 1px solid #C0C0C0;

}

.tab_menu li {

	display: inline;

	margin: 0;

}

.tab_menu li a, .tab_menu li a:visited {

	position: relative;

	text-decoration: none;

	padding: 3px 7px;

	margin-right: 3px;

	border-top: 1px solid #C0C0C0;

	border-left: 1px solid #C0C0C0;

	border-right: 1px solid #C0C0C0;

}

.tab_menu li a:hover {

	background: #FAFAFA;

}

.tab_menu li a.selected {

	position: relative;

	top: 1px;

	background: #FFFFFF;

}

/* friends in User CP */

div.friend_cp_box {

	border-bottom: 1px solid #C0C0C0;

	margin: 4px 0px;

	padding: 4px 0px;

}

div.friend_cp_box img.avatar {

	float: left;

	margin-right: 8px;

}

/* username on profile */

.profile_username:link, .profile_username:visited {

	margin-bottom: 4px;

	color: #333333;

	font-size: 14px;

	font-weight: bold;

	text-decoration: none;

}

.profile_username:hover {

	color: #666666;

}

/* quote on profile page */

#profile_quote {

	font-style: italic;

}

/* profile content  */

.profile_left {

	float: left;

	font-weight: bold;

	width: 150px;

}

.profile_right {

	float: left;

}

.profile_line {

	clear: both;

	border-bottom: 1px dotted #99CC66;

	padding-top: 4px;

	margin-bottom: 4px;

	height: 0px;

	font-size:0px;

}

/* favourite files slider */

div#favourites {

	width: 100%;

	height: 75px;

	overflow: hidden;

	position: relative;

	float: left;

}

div#favourites div.file {

	float: left;

	width: 120px;

	text-align: center;

	margin-bottom: 20px;border:0px;

}

/* arrow that scrolls content */

img.profile_arrow {

	width: 16px;

	height: 16px;

	position: absolute;

	z-index: 10;

	border: 0;

	cursor: pointer;

	display: none;

}

/* friends are in these boxes */

div.friend {

	float: left;

	width: 119px;

	text-align: center;

}

/* info on registration page */

.register_info {

	float: left;

	width: 200px;

	font-weight: bold;

}

/* info about framed game */

.frame {

	font-size: 12px;

	color: #FFFFFF;

	padding: 4px;

}

.frame a:link, .frame a:visited {

	color: #FFFFFF;

	text-decoration: underline;

	font-weight: bold;

}

.frame a:hover {

	color: #FFFFFF;

	text-decoration: none;

	font-weight: bold;

}

/* box on redirection page */

#redirection_box {

	margin-top: 50px;

	margin-left: auto;

	margin-right: auto;

	padding: 5px;

	width: 400px;

	border: 1px solid #336699;

	background: #FFFFFF; 

	text-align: center;

}

/* links */

.f_link {

	margin-bottom: 3px;

}

/* footer of the site */

#footer {

	margin-left: auto;

	margin-right: auto;

	padding-top: 12px;

	width: 960px;

	height: 130px;

	background: url(images/footer.png);

	border-left: 1px solid #336699;

	border-right: 1px solid #336699;

	border-bottom: 1px solid #336699;

	color: #FFFFFF;

	text-align: center;

}

#footer a:link, #footer a:visited {

	color: #999999;

	text-decoration: underline;

	font-family: tahoma;

	font-weight: bold;

}

#footer a:hover {

	text-decoration: none;

}

/* onArcade 2.2 CSS */