/* onArcade 2 CSS */
body {
	background: #6E96B4 url(images/bgr.png) repeat-x;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: Arial;
	text-align: left;
}
form {
	margin: 0px;
	padding: 0px;
}
input, textarea {
	background-color: #FFFFFF;
	border: 1px solid #DCDCDC;
	font-family: Arial;
	font-size: 11px;
	margin: 2px;
	padding: 2px;
}
fieldset {
	margin-top: 7px;
	-moz-border-radius: 8px;
}
h1 {
	font-size: 20px;
	color: #6E96B4;
}
h2, h3 {
	font-size: 14px;
	display: inline;
	color: #646464;
}
/* Default links */
a:link {
	color: #326487;
	text-decoration: underline;
}
a:visited {
	color: #326487;
	text-decoration: underline;
}
a:hover {
	color: #6e96b4;
	text-decoration: none;
}
/* Width of the site */
.main {
	width: 790px;
	padding: 0px;
}
.topad {
	background: #DDE2E7;
	text-align: center;
}
/* Top menu */
.top {
	padding: 0px;
	text-align: center;
	background-color: #272E7F;
	height: 24px;
}
.top_left {
    color: #FFFFFF;
	font-family: Verdana;
	font-size: 11px;
	margin-left: 10px;
	margin-top: 5px;
	text-align: left;
	float: left;
}
.top_right {
    color: #FFFFFF;
	font-family: Verdana;
	font-size: 11px;
	margin-right: 10px;
	margin-top: 5px;
	text-align: right;
	float: right;
}
.top_link:link {
	color: #FFFFFF;
	text-decoration: none;
}

.top_link:visited {
    color: #FFFFFF;
	text-decoration: none;
}

.top_link:hover {
    color: #FFFFFF;
	text-decoration: underline;
}
/* Header of the site */
.header {
	background: #DCE1E6 url(images/header.png) 50% 0 no-repeat;
	height: 230px;
	text-align: center;
}
.header_menu {
    color: #FFFFFF;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	position:relative;
	left:15px;
	top:160px;
	z-index: 1;
}
.header_link:link {
	color: #FFFFFF;
	text-decoration: none;
}

.header_link:visited {
    color: #FFFFFF;
	text-decoration: none;
}

.header_link:hover {
    color: #FF6347;
	text-decoration: none;
}
/* Content part of the site */
.content {
	width: 100%;
	background: #ffffff;
}
/* Error box */
.error_box {
	border: 1px solid #FF3300;
	margin-bottom: 4px;
	font-family: Arial;
	font-size: 11px;
	color: #FF3300;
	text-align: left;
    padding: 3px;
}
/* Links of content box headers */
.contentheaderlink:link {
	color: #FFFFFF;
	text-decoration: underline;
}
.contentheaderlink:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
.contentheaderlink:hover {
	color: #FFFFFF;
	text-decoration: none;
}
/* Content box */
.content_box {
	border: 1px solid #DCDCDC;
	margin-bottom: 5px;
}
.content_box_header {
	background: #FFFFFF url(images/topbar.png);
	color: #646464;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	padding: 2px;
	padding-left: 4px;
	margin: 2px;
}
.content_box_2 {
	border: 1px solid #DCDCDC;
    margin-bottom: 5px;
}
.content_box_2_header {
	background: #FFFFFF url(images/topbar2.png);
	margin: 2px;
	padding: 2px;
	padding-left: 4px;
	color: #646464;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
}
.box_text {
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	text-align: left;
    padding: 3px;
}
.content_text_left {
	float: left;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
}
.content_text_right {
	float: right;
	margin-top: 2px;
	margin-bottom: 2px;
}
/* Columns of files on index page */
.index_right_files_column {
	float: right;
	width: 49.5%;
}
.index_left_files_column {
	float: left;
	width: 49.5%;
}
.index_files_box_right {
	float: right;
	width: 75%;
	margin-bottom: 2px;
}
.index_files_box_left {
	float: left;
	width: 25%;
	margin-bottom: 2px;
}
.played {
	font-family: Arial;
	font-size: 9px;
}
/* Related files */
.related_files_right {
	float: right;
	width: 80%;
	margin-bottom: 2px;
}
.related_files_left {
	float: left;
	width: 20%;
	margin-bottom: 2px;
}
/* Links to files */
.file_link:link {
	color: #336699;
	font-weight: bold;
	text-decoration: none;
}
.file_link:visited {
	color: #336699;
	font-weight: bold;
	text-decoration: none;
}
.file_link:hover {
	color: #FF6347;
	font-weight: bold;
	text-decoration: underline;
}
/* Comments boxes */
.comment_box {
	width: 100%;
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #DCDCDC;
}
/* File boxes on browse page */
.browse_file_box {
	background: #F0F8FF;
	padding: 3px;
}
/* Champion of the game */
.champion_box {
	border: 1px solid #DCDCDC;
    margin-bottom: 8px;
    padding: 2px;
	text-align: center;
	background: url(images/cup.gif);
	background-repeat: no-repeat;
	background-position: 25% 50%;
}
/* Text on framed file page */
.frame_text {
    width: 49%;
	padding: 4px;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
}
.frame_link:link {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}

.frame_link:visited {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}

.frame_link:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
/* Menu of private messages */
.private_messages_menu {
	border: 1px solid #DCDCDC;
	background-color: #FFFFFF;
	margin-bottom: 4px;
    padding: 4px;
    text-align: left;
}
.compose_pm_right {
	float: right;
	width: 80%;
}
.compose_pm_left {
	float: left;
	width: 17%;
	font-weight: bold;
}
/* Quoted text in PMs */
.quote {
	border: 1px dotted #009933;
	margin: 2px;
	margin-bottom: 6px;
	padding: 3px;
	text-align: left;
}
/* Redirection box */
.redirection_box {
	border: 1px solid #336699;
	background: #FFFFFF; 
	margin-top: 50px;
	padding: 5px;
	width: 400px;
	text-align: center;
}
/* Registration form */
.register_right {
	margin-bottom: 1px;
	font-weight: bold;
	float: right;
	width: 70%;
}
.register_left {
	margin-bottom: 1px;
	font-weight: bold;
	float: left;
	width: 30%;
}
/* popup boxes will look like this */
.popup_box {
	border: 1px solid #000000;
	background: #FFFFFF;
	margin: 5px;
	padding: 3px;
}
/* Normal ad box */
.ad_box {
	border: 1px solid #0099CC;
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	text-align: center;
    padding: 3px;
}
/* Ad box on file page */
.ad_box_2 {
	border: 1px solid #DCDCDC;
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	text-align: center;
    padding: 3px;
    margin-bottom: 5px;
}
/* Line between news */
.news_line {
	border-top: 1px dotted #3399CC;
	margin-top: 5px;
}
/* Member list table */
.member_list {
	width: 100%;
	border: 0px;
	font-family: Arial;
	font-size: 11px;
	padding: 2px;
}
/* Footer part of the site */
.footer {
	background: #B5BBBF url(images/footer.png) repeat-x;	
	height: 70px;
}
.footer_text {
    color: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	padding-top: 14px;
	text-align: center;
}
.footer_link:link {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
.footer_link:visited {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
.footer_link:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
/* Glossy menu */
.glossymenu{
text-align:left
}
.glossymenu a.menuitem{
background: black url(images/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}
.glossymenu a.menuitem:hover{
background-image: url(images/glossyback2.gif);
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #eee;
}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}
.glossymenu div.submenu ul li{
border-bottom: 1px solid #ddd;
}
.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}
.glossymenu div.submenu ul li a:hover{
background : #DCE1E6 url(images/linkarrow.gif) no-repeat right center;
color: black;
}
/* onArcade 2 CSS */
