body {
margin : 0;
padding : 0;
background : #0099cc;
color : #333333;
font-size : 11px;
font-family : Arial, Tahoma, sans-serif;
text-align : left;
}
form {
margin : 0;
padding : 0;
}
input, textarea {
margin : 2px;
padding : 2px;
background : #f7f7f7;
border : 1px solid #99cc66;
font-size : 11px;
}
p {
margin : 4px 0;
}
fieldset {
margin-top : 7px;
}
legend {
font-weight : bold;
}
a:link, a:visited {
color : #003366;
text-decoration : underline;
}
a:hover {
color : #ff6347;
text-decoration : none;
}
#header {
height : 127px;
width : 956px;
margin-left : auto;
margin-right : auto;
background : #272e7f url(images/header.jpg) no-repeat bottom left;
text-align : left;
position : relative;
}
#header h1 {
margin : 6px 0 0 10px;
float : left;
font-family : Verdana, sans-serif;
font-size : 11px;
color : #ffffff;
font-weight : normal;
}
#main_menu {
margin-bottom : 0;
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;
}
#categories {
margin : 0;
padding : 0;
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 {
margin-left : auto;
margin-right : auto;
padding : 2px;
width : 950px;
background : #ffffff;
border-left : 1px solid #336699;
border-right : 1px solid #336699;
}
div#side_menu {
float : left;
width : 204px;
}
div#main_contents {
float : right;
width : 742px;
}
.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;
}
h2 {
background : #99cc66 url(images/topbar2.png);
color : #ffffff;
margin : 0 0 2px 0;
padding : 2px 2px 2px 4px;
position : relative;
font-weight : bold;
font-size : 11px;
}
h3 {
background : #0099cc url(images/topbar.png);
color : #ffffff;
margin : 0 0 2px 0;
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_box {
margin-bottom : 4px;
padding : 2px;
border : 1px solid #99cc66;
background : #f4fa92;
}
.content_box_2 {
margin-bottom : 4px;
padding : 2px;
border : 1px solid #0099cc;
background : #fdd2cc;
}
.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;
}
.content_box_2 ol {
padding : 0;
margin : 0;
list-style-position : inside;
}
.content_box_2 ol li {
margin : 2px 0;
padding : 0;
}
.index_files_left {
margin-bottom : 2px;
float : left;
width : 75px;
}
.index_files_right {
margin-bottom : 2px;
float : right;
width : 288px;
}
.browse_file_box {
padding : 4px;
background : #f0f8ff;
border : 1px solid #b2dfee;
}
#score_game {
margin-left : auto;
margin-right : auto;
margin-bottom : 5px;
padding : 3px;
border : 1px solid #ccff99;
width : 360px;
}
#file_rating img {
width : 16px;
height : 16px;
border : 0;
}
img.action_image {
border : 0;
width : 24px;
height : 24px;
cursor : pointer;
}
a.file_link:link, a.file_link:visited {
color : #336699;
font-weight : bold;
font-size : 12px;
text-decoration : none;
}
a.file_link:hover {
color : #ff6347;
font-weight : bold;
text-decoration : underline;
}

.played {
font-size : 9px;
}
.bot {
color : #dd7500;
}
img.bb {
border : 1px solid #5e5e5e;
width : 16px;
height : 16px;
padding : 1px;
cursor : pointer;
}
img.bb:hover {
border : 1px solid #b3b3b3;
background : #f7f7f7;
}
.quote {
border : 1px dotted #aaaaaa;
background : #fafafa url(images/quote.png) no-repeat;
background-position : bottom right;
margin : 2px 2px 6px 2px;
padding : 4px;
}
.post_icon {
float : left;
margin-right : 4px;
width : 16px;
height : 16px;
}
.forum_post {
background : #fcfcfc;
border : 1px solid #e3e3e3;
margin : 8px 0;
position : relative;
}
.forum_post .header {
border-bottom : 1px solid #e3e3e3;
width : 80%;
padding : 2px;
}
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 : 0 0 5px 0;
}
.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 : 0;
height : 0;
clear : both;
}
.popup {
position : absolute;
display : none;
background : #f0f8ff;
border : 2px solid #0099cc;
color : #333333;
padding : 4px;
z-index : 10;
}
#tell_friend_popup {
width : 350px;
}
#report_broken_popup {
width : 300px;
}
div#favourites_menu {
position : absolute;
background : #f0f8ff;
width : 150px;
border : 1px solid #0099cc;
padding : 4px;
}
div#favourites_menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
div#favourites_menu ul li {
margin : 2px 0;
}
.error_box {
margin-bottom : 4px;
padding : 3px;
border : 1px solid #ff3300;
background : #fadfdc;
color : #ff3300;
text-align : left;
}
.comment_box {
margin-bottom : 5px;
padding-bottom : 3px;
border-bottom : 1px dotted #99cc66;
}
.news_box {
margin-top : 2px;
padding-bottom : 2px;
border-bottom : 1px dotted #3399cc;
}
#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;
}
#sponsor {
margin-bottom : 4px;
padding : 4px;
border : 1px dotted #ff3300;
background : #ffcc33;
text-align : center;
font-weight : bold;
}
.cp_icon {
width : 10px;
height : 10px;
border : 0;
}
.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;
}
div.friend_cp_box {
border-bottom : 1px solid #c0c0c0;
margin : 4px 0;
padding : 4px 0;
}
div.friend_cp_box img.avatar {
float : left;
margin-right : 8px;
}
.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;
}
#profile_quote {
font-style : italic;
}
.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 : 0;
font-size : 0;
}
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 : 0;
}
img.profile_arrow {
width : 16px;
height : 16px;
position : absolute;
z-index : 10;
border : 0;
cursor : pointer;
display : none;
}
div.friend {
float : left;
width : 119px;
text-align : center;
}
.register_info {
float : left;
width : 200px;
font-weight : bold;
}
.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;
}
#redirection_box {
margin-top : 50px;
margin-left : auto;
margin-right : auto;
padding : 5px;
width : 400px;
border : 1px solid #336699;
background : #ffffff;
text-align : center;
}
.f_link {
margin-bottom : 3px;
}
#footer {
margin-left : auto;
margin-right : auto;
padding-top : 12px;
width : 954px;
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;
}