/* 3ali baba 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: 792px;  
margin-left: auto;  
margin-right: auto;  
background: url(images/header.jpg) no-repeat bottom left #272E7F;  
text-align: left;  
position: relative;  
}  
#header h1 {  
margin: 6px 0px 0px 10px;  
float: left;  
font-family: Verdana, sans-serif;  
font-size: 11px;  
color: #FFFFFF;  
font-weight: normal;  
}  
/* menu with links to different parts of site */  
#main_menu {  
margin-bottom: 0px;  
margin-right: 6px;  
margin-top: 6px;  
float: right;  
color: #FFFFFF;  
font-family: Verdana, sans-serif;  
}  
#main_menu li {  
list-style-type: none;  
display: block;  
float: left;  
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: 97px;  
left: 10px;  
color: #FFFFFF;  
font-size: 14px;  
font-weight: bold;  
}  
#categories li {  
list-style-type: none;  
display: block;  
float: left;  
margin-right: 4px;  
}  
#categories a:link, #categories a:visited {  
color: #FFFFFF;  
text-decoration: none;  
}  
#categories a:hover {  
color: #FF6347;  
}  
/* main part of the website */  
#main {  
margin-left: auto;  
margin-right: auto;  
padding: 2px;  
width: 786px;  
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: right;  
width: 622px;  
}  
/* 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;  
}  
.content_box .left {  
width: 100px;  
float: left;  
margin-top: 2px;  
margin-bottom: 2px;  
font-weight: bold;  
}  
.content_box .right {  
float: left;  
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: 790px;  
height: 30px;  
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: #FFFFFF;  
text-decoration: underline;  
font-weight: bold;  
}  
#footer a:hover {  
text-decoration: none;  
}  
/* onArcade 2.2 CSS */  
"<!-- <popup> --><!-- </popup> -->"  
$POWERED_BY$