body, html, div
{
	padding: 0px;
	margin: 0px;
}


body
{
	background-color: #e4efff;
	font-family: Helvetica, Arial, sans-serif;
	background-image: url('/brumbrumrally/img/background.png');
}

a
{
	color: blue;
	text-decoration: none;
}

a:hover
{
	color: blue;
	text-decoration: underline;
}

a:visited
{
	-color: red;
}

#container
{
	max-width: 776px;
	margin: auto;
	font-size: 100%;
	background-color: #fdfdfd;
	padding: 12px;
	border: 1px solid darkblue;
	background-color:rgba(255,255,255,0.9);
	margin-bottom: 20px;
}

.notice
{
	border: 2px solid orange ;
	background-color: #ffffcc;
	padding: 6px 8px;
	margin: 0px 50px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;
	font-size:95%;
	font-family: Arial, sans-serif;
}

.key
{
	border:1px solid black;
	text-align:center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px;
    border-radius: 3px;
    width:25px;
    height:25px;
    line-height:25px;
    margin: 0px 10px 2px 35px;
}

.red
{
	color:darkred;
}

.blue
{
	color:darkblue;
}

.func
{
	color: #121212;
}

.table
{
	border-collapse: collapse;
	margin-left: 35px;
	margin-right: 35px;
}

.table th.c2
{
	text-align:left;
}

.table .c1
{
	text-align:center;
}

.table .negative
{
	color:red;
}

.table .positive
{
	color:green;
}

.table .c1
{
	padding-right: 10px;
}

.table .c2
{
	
}

.table td.c3
{
	text-align: center;
	font-style: italic;
	padding-right: 6px;
}

.table th.c3
{
	font-style: normal;
	text-align: center;
}

.table td
{
	background-color:#f8f8f8;
}

.table .odd td
{
	background-color:#eee;
}

.right
{
	float:right;
}

.download
{
	-line-height: 32px;
}

.download .c1
{
	padding-right: 6px;
}

.download .c2
{
	padding: 6px 6px 6px 0px;
	width:100%;
}

.screenshot
{
	font-size: 90%;
	font-family: Arial, sans-serif;
	text-align: center;
	overflow:hidden;
	padding-top: 12px;
}

#screen1
{
	margin-top: -12px;
}

.screenshot img
{
	display:block;
	margin:auto;
	width:640px;
	height:480px;
	margin-bottom: 2px;
}

.screenshot_row
{
	text-align: center;
}

.screenshot_row img
{
	width:160px;
	height:120px;
	/*width:320px;
	height:240px;*/
	border:none;
	margin: 0px 15px;
}

.title img
{
	image-rendering:optimizeSpeed;             /* Legal fallback */
	image-rendering:-moz-crisp-edges;          /* Firefox        */
	image-rendering:-o-crisp-edges;            /* Opera          */
	image-rendering:-webkit-optimize-contrast; /* Safari         */
	image-rendering:optimize-contrast;         /* CSS3 Proposed  */
	image-rendering:crisp-edges;               /* CSS4 Proposed  */
	image-rendering:pixelated;                 /* CSS4 Proposed  */
	-ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
}

#languages
{
	font-weight: bold;
}

#languages a
{
	color: lightgray;
}

h1
{
	text-align:center;
	color: #002;
}

small
{
	font-size: 90%;
}

.table_header
{
	font-size: 90%;
	color: #002; 
	font-weight: bold;
	text-align: center;
}

.file_size
{
	font-size: 90%;
	font-style: italic;
}

.release_date
{
	float: right;
	color: #444;
}

.menu
{
	text-align: center;
	word-spacing: 30px;
	font-size: 120%;
}

.menu a
{
	word-spacing: normal;
}

.title
{
	text-align:center;
	padding:20px 0px 0px 0px;
}

@media only screen and (max-width: 600px)
{
	.title
	{
		margin-bottom: 4px;
	}
}

.title img
{
	border: none;
	display: block;
	margin: auto;
	font-size: 26px;
	font-weight: bold;
}

.langages
{
	max-width: 800px;
	margin: auto;
	font-size: 80%;
	font-family: Arial, sans-serif;
	text-align: right;
}

.langages span, .langages a
{
	background-color:rgba(255,255,255,0.9);
	border: 1px solid darkblue;
	border-bottom: none;
	padding:2px 3px;
	display: inline-block;
	margin-right: 4px;
	
	font-weight:bold;
}

.langages a
{
	background-color:rgba(230,230,230,1);
}

.langages span
{
	color: #002; 
	position: relative;
	top: 1px;
	border-bottom: 1px solid #f0f0f8;
	padding-bottom:1px;
}

.grid_table
{
	border-collapse: collapse;
}

.grid_table th
{
	text-align:left;
	font-size: 90%;
	white-space: nowrap;
}
.grid_table td, .grid_table th
{
	border: 1px solid black;
	padding: 2px 4px;
	
}

.settings_name
{
	text-transform: uppercase;
}

.settings_default
{
	font-size: 90%;
	font-family: Arial, sans-serif;
	margin-left: 25px;
}

.settings_description
{
	margin-left: 25px;
	margin-bottom: 12px;
}

.manual_top
{
	text-align:center;
	font-size:90%;
	font-family: Arial, sans-serif;
}

.manual_top + h1
{
	margin-top:-0px; 
}

.manual_top::before, 
.manual_top::after
{
	content: " ― ";
	color:#888;
}

.toc
{
	background-color: rgba(255,255,255,0.5);
	float:right;
	border: 1px solid darkblue;
	padding: 4px 6px;
	margin: 0px 0px 2px 6px;
}

sup
{
	line-height: 95%;
}

.small_paragraph_separator
{
	height:4px;
}

.center
{
	text-align:center;
}

td.preview
{
	padding:0px;
	padding:0px;
}
td.preview img
{
	display:block;
	width:96px;
	height:96px;
}

.mtoc
{
	margin-top:0px;
}

.manualbook
{
	width:144px;
	height:174px;
}

.explanation_list
{
	font-size:90%;
	font-family: Arial, sans-serif;
}

.car_row
{
	border:1px solid #000; 
	padding:4px 6px;
	background-color: #787ce0;
	background: linear-gradient(#787ce0, #6266b8);
	display: block;
	margin: 0px auto;
}

.footer_link
{
	clear:both;
	text-align:center;
	font-size:75%;
	padding-top:10px;
	font-family: Arial, sans-serif;
}

.indent
{
	margin-left:25px;
}


.news h2
{
	font-size:110%;
	font-weight: bold;
	display:inline;
	padding:0px;
	margin:0px;
}

.news hr
{
	padding:0px;
	margin:0px;
}

.news ul
{
	margin-top:6px;
}
.news li
{
	margin-bottom:2px;
}