body {
	font-size: 0.8em;
	font-family: Arial;
	color: #00000;
	background-image: url(http://www.mrrakeback.fi/bg.jpg);
	background-repeat: repeat;
}

a {
	font-family: Arial;
	color: #1C518C;
	text-decoration: none;
}

a:hover {
	font-family: Arial;
	color: #1C518C;
	text-decoration: underline;
}

table { font-size: 1em; }

FORM { margin: 0; padding: 0;}
INPUT, SELECT { font-size: 0.9em; font-family: Arial; color: #6E8597; padding: 2px; margin: 1px; border: 1px solid #CCD5DC; background-color: #F3F9FE }
TEXTAREA{ font-size: 0.9em; font-family: Arial; color: #6E8597; padding: 3px; margin: 1px; border: 1px solid #CCD5DC; background-color: #F3F9FE }
INPUT.submit { font-size: 0.9em; font-family: Arial; color: #E1E1E1; padding: 2px; margin: 1px; border: 1px solid #CCD5DC; background-color: #2368b6 }

.small { font-size: 0.9em; color: #979797;}

#top_ad { margin-left: auto; margin-right: auto; width: 728px; }

#layout {
	width: 830px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(http://www.mrrakeback.fi/header.png);
	margin-top: -37px;
}

#header {
	width: 830px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(http://www.mrrakeback.fi/header.png);
}

#header img {
	position: relative;
	left: 25px;
	top: 20px;
}

#left_content {
	width: 170px;
	float: left;
}

#left_content h3 { font-size: 1.3em; margin: 2px 5px 10px 0; color: #3992ae; }

#left_content #number { font-size: 1.3em; text-align: center; width: 32px; height: 20px; padding: 5px; background-color: #2368b6; color: #E1E1E1; font-weight: bold; display: block; float: left; margin-right: 5px; }
#left_content #deal { font-size: 1.3em; }

#left_content a {
	font-family: Arial;
	color: #1C518C;
	font-size: 1em;
	text-decoration: none;
}

#left_content a:hover {
	font-family: Arial;
	color: #1C518C;
	font-size: 1em;
	text-decoration: underline;
}

#right_content {
	width: 600px;
	float: right;
	padding: 10px;
	border-left: 1px solid #E1E1E1;
}

#content {
	width: 792px;
	background-color: #FFFFFF;
	padding: 10px;
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

#content h1 {
	font-size: 1.4em;
	font-weight: bold;
	color: #1C518C;
	margin: 0;
}

#content h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #1C518C;
	margin: 0;
}

#content h2#rakeseuranta {
	font-size: 1.3em;
	font-weight: bold;
	color: #000000;
	margin: 0;
}

#content p.tiedote { text-align: justify; line-height: 17px; }

.tiedote_viite { font-size: 0.9em; color: #1C518C; }

#content #number2 { font-size: 1.4em; text-align: center; width: 36px; height: 22px; padding: 6px; background-color: #2368b6; color: #E1E1E1; font-weight: bold; display: block; float: left; margin-right: 5px; }
#ohjeet #number { font-size: 1.3em; text-align: center; width: 24px;  padding: 6px; background-color: #1C518C; color: #FFFFFF; font-weight: bold; display: block; float: left; margin-right: 5px; }
#content #deal2 { font-size: 1.3em; }
#content #deal3 { font-size: 1.3em; background-color: #F1F1F1; }
#content #deal2 .small, #deal3 .small { font-size: 0.9em; color: #979797;}


#footer {
	width: 830px;
	height: 34px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(http://www.mrrakeback.fi/footer_bg.png);
	text-align: center;
	padding-top: 8px;
	color: #E1E1E1;
}

#topflags {
	float: right;
	font-weight: bold;
	margin-right: 50px;
	height: 12px;
	width: 60px;
}

#topflags a { margin: 0; padding: 0; }

#topnavi {
	clear: both;
	text-align: right;
	float: right;
	margin-right: 30px;
	font-weight: bold;
}

#topnavi a {
	font-size: 1.2em;
	font-family: Arial;
	color: #1C518C;
	text-decoration: none;
	padding-right: 10px;
}

#topnavi a:hover {
	font-size: 1.2em;
	font-family: Arial;
	color: #FFFFFF;
	text-decoration: underline;
}

/* Easy Slider */
	#slider {
	float: right;
	margin: 5px;
	}
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:300px;
		height:225px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}					

/* // Easy Slider */

#pikafaktat { margin: 10px 0 10px 0; }
#ohjeet { font-size: 1.2em; margin: 10px 0 10px 0; }
#ohjeet td { margin-bottom: 3px; }

#rakekisa { border: 1px solid #E1E1E1; }
#rakekisa td { padding: 3px; }
#rakekisa .tauluotsikko { color: #FFFFFF; background-color: #1e5ba0; background-image: url(http://www.mrrakeback.fi/rakerace_bg.jpg); font-weight: bold; }

#rakeseurantataulu { margin-bottom: 10px; padding: 0; border: 1px solid #b1b1b1; }
#rakeseurantataulu td.otsikko { background-image: url(http://www.mrrakeback.fi/images/otsikko_bg.jpg); background-repeat: repeat-x; color: #FFFFFF; font-size: 1.2em; padding: 4px 10px 4px 10px;  }
#rakeseurantataulu td.viite { color: #063a75; }
#rakeseurantataulu td  { padding: 3px; }

/* keskustelun tyylit */
.taulukko_otsake { background-color: #182a3e; color: #FFFFFF; }
.taulukko_alaotsake { background-color: #747d86; color: #FFFFFF; }
.taulukko_kohta h3 { font-size: 1.1em; color: #182a3e; margin: 0; font-weight: bold; padding: 0;}
.viesti_vasen_td { background-color: #eaebf2; }
.viesti_vasen_td h3 { font-size: 1.1em; color: #182a3e; margin: 0; font-weight: bold; padding: 0;}
.viesti_vasen_td .small { font-size: 0.9em; color: #6b859a;}

.pienet_linkit a {
	font-family: Arial;
	color: #FFFFFF;
	text-decoration: none;
	}
.pienet_linkit a:hover {
	font-family: Arial;
	color: #FFFFFF;
	text-decoration: underline;
	}

.taulukko_kohta td { border-bottom: 1px solid #E1E1E1; }
.quote { margin: 2px; background-color: #d7e1e4; border: 1px solid #7d7d7d; color: black; position: relative; padding: 3px; margin-left: 5px; margin-right: 5px; }

hr {
	width: 100%;
	height: 1px;
	color: #9ba8c3;
	background-color: #9ba8c3;
	border: 0;
	float: left;
}

.rakebacktaulukko td {
	border-bottom: 1px solid #E1E1E1;
}
.rakebacktaulukko h3 { font-size: 20px; margin: 0 0 5px 0; }
.rakebacktaulukko td.isoprosentti { font-size: 40px; font-weight: bold; text-align: right; }

.rakebacktaulukko img { padding: 3px; border: 1px solid #E1E1E1; }