/* 
RaceChrono
Päivitetty: 18.06.2007
*/


body{
	background:#FFFFFF;
	color:#000000;
	font-family: Trebuchet MS, Verdana, Arial,Helvetica,sans-serif;
	font-size: 12px;
	margin: 0 0 0 0;
	padding:0;
	background-image: url(../images/bgrc.gif);
	background-repeat: repeat-x;
	text-align: center;
}


a{ outline:none; }
a:link,a:active,a:visited,a.postlink{color:#00aeef;text-decoration:none}
a:hover{color:#00aeef;text-decoration:underline;outline:none}

img{border:0 solid}

form {
	margin: 0;
	padding: 0;
}

#AllGoodThings {
	text-align: left;
	width: 770px;
}

#ContentPalsta {
	width: 770px !important;
	padding-bottom: 40px;
	background: #FFF;
}

#ContentPalstaSisu {
	width: 770px;
	height: 500px;
	padding-bottom: 10px;
	background-image: url(../images/bg_contentsisu.gif);
	background-repeat: no-repeat;

}

html>body #ContentPalstaSisu {
	height: auto;
	min-height: 500px;
}

H1{
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 18px;
	color: #0270c1;
	margin: 0;
	padding: 0;
	font-weight: bold;
	display: none;
}
H2{
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 26px;
	color: #cccccc;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
H3{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #636363;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
H3 SPAN{
	font-family: Trebuchet MS,Arial, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	color: #707070;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
H4{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #0270c1;
	margin: 0;
	padding:0;
}
H5{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #00aeef;
	margin: 0;
	padding: 0 0 2px 0;
	font-weight: bold;
}



#Header {
	width: 770px;
	background-image: url(../images/header_bg.gif);
	background-repeat: no-repeat;
	background-position: center 69px;
}
#HeaderLogo{
	float: left;
	width: 207px;
	margin: 0;
	padding: 1px 0 0 0;
}
#HeaderLinks{
	float: left;
	width: 560px;
	color: #ffffff;
	padding: 0 0 0 0;
	text-align: right;
}

#HeaderLinks IMG{
	margin-left: 0px;
}

#Languages {
	text-align: right;
	height: 37px;
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
}

#Languages A:LINK, #Languages A:VISITED{
	padding-left: 10px;
	color: #e1e1e1;
	text-decoration: none;
}
#Languages A:HOVER{
	color: #00aeef;
}
#Languages P{
	padding-top: 5px;
	margin: 0;
}

#Vakain {
	clear : both;
	float: none;
	margin: 0;
	padding: 0;
	font-size:1px;
	height: 1px;
	width:auto;
}

#Footer {
	width: 770px;
	background-image: url(../images/footerline.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 11px;
	text-align: center;
}
.Frontfooter {
	background: none !important;
	
}
#Footer P{
	margin: 0px 0 5px 0;
	color: #777777; 
	text-align: center;
}

#Footer A:LINK, #Footer A:VISITED {
	color: #666666;
	text-decoration: none;
}
#Footer A:HOVER {
	text-decoration: underline;
}
#Footer A:LINK, #Footer A:VISITED {
	text-decoration: underline;
}
#Footer A:HOVER {
	color: #0270c1;
}
#FrontIntro {
/* without banner: padding-bottom: 17px;*/
	padding-bottom: 15px;
	border-bottom: 1px solid #e3e3e3;
}
#FrontBanner {
/*        padding-bottom: 17px;
        border-bottom: 1px solid #e3e3e3;*/
	padding-bottom: 17px;
}
#DownloadButton {
	width: 188px;
	float: left;
	text-align: center;
	padding-top: 50px;
	background-image: url(../images/gsm_bg.gif);
	background-repeat: no-repeat;
}
#DownloadButton P{
	color: #74ac07;
	margin: 0;
	padding: 0 0 5px 0;
}
#IntroText {
	padding-top: 13px;
	padding-left: 12px;
	width: 570px;
	float: left;

}
#IntroText P{
	color: #707070;
	margin: 0;
	padding: 10px 0 0 0;
}

.TeaseBlock {
	float: left;
	width: 200px;
	margin: 15px 7px 0px 30px;
/* without the banner  margin: 20px 7px 25px 30px; */
	padding: 0;
}
.TeaseBlock P{
	color: #636363;
	margin: 8px 0 0 0;
	padding: 0;
	font-size: 11px;

}
.TeaseBlock A:LINK, .TeaseBlock A:VISITED{
	font-weight: bold;
	text-decoration: underline;
}
#BigTease {
	width: 260px !important;
/* without banner: margin: 20px 10px 25px 10px !important;*/
	margin: 15px 10px 0px 10px !important;
	padding: 0 !important;
}
#BigTease P{
	width: 260px !important;
}
.TeaseBlock H4{
	color: #74ac07;
	font-family: Trebuchet MS, Verdana, Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
}
#BigTease H4{
	color: #00aeef;
	font-family: Trebuchet MS, Verdana, Arial,Helvetica,sans-serif;

}
/* Sisu */

.ContentLeft {
	float: left;
	width: 500px;
	margin-top: 25px;
	color: #555555;
}
.ContentBox {
	padding-left: 30px;
}
.ContentLeft P{
	color: #555555;
}
.ContentLeft B{
	color: #00aeef;
	font-weight: bold;
}
.ContentLeft SPAN{
	color: #778a52;
}

.ContentLeft A:LINK, A:VISITED {
	color: #74ac07;
	text-decoration: underline;
}
.ContentLeft A:HOVER {
	color: #1fb8f1;
	text-decoration: underline;
}
.ContentRight {
	float: left;
	width: 260px;
	text-align: center;
	margin-top: 14px;
	padding-left: 10px;
}
.ContentLeftManual {  
        float: left; 
        width: 560px; 
        margin-top: 25px;
        color: #555555;
} 

.ContentLeftManual H3{
        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
        font-size: 20px;
        color: #333333;
        margin: 0;
        padding: 0;
        font-weight: bold;
}
.ContentLeftManual P{ 
        color: #222222;
        font-size: 13px;
} 
.ContentLeftManual EM{ 
        color: #0000FF;
        font-size: 13px;
}
.ContentLeftManual B{ 
        color: #00aeef; 
        font-weight: bold;
} 
.ContentLeftManual SPAN{ 
        color: #778a52;
}
 .ContentLeftManual A:LINK, A:VISITED {
        color: #74ac07; 
        text-decoration: underline;
} 
.ContentLeftManual A:HOVER {  
        color: #1fb8f1; 
        text-decoration: underline;
}
.ContentRightManual {
        float: left;
        width: 200px;
        text-align: center;
        margin-top: 25px;
        padding-left: 10px;
}

.TitleBar {
	width: 770px;
	height: 67px;
	background-image: url(../images/bg_titlebar.gif);
	background-repeat: no-repeat;
}
.TitleBar H2{
	padding: 25px 0 0 30px;
}

.SeparatorLine {
	border-bottom: 1px solid #e3e3e3;
	margin: 15px 0 15px 0;
	padding: 0;
	font-size:1px;
	height: 1px;
	width:auto;
}

.FormField {
	background-image: url(../images/bg_formfield.gif); 
	background-repeat: no-repeat;
	width: 245px;
	height: 24px;
}
.FormField INPUT {
	border: none;
	background: transparent;
	width: 220px;
	height: 24px;
	color: #555555;
	margin: 0 0 0 5px;
	padding: 3px 0 0 0;
	font-size: 12px;
}

.ContactMessageField {
	background-image: url(../images/contact_bg_msg.gif); 
	background-repeat: no-repeat;
	width: 350px;
	height: 110px;
	margin-top: 3px;
}
.ContactMessageField TEXTAREA{
	border: none;
	background: transparent;
	width: 335px;
	height: 84px;
	margin: 7px 0 0 7px;
	padding: 0 2px 0 0px;
	color: #555555;
	font-size: 12px;
	line-height: 16px;
	font-family: arial, verdana, tahoma;
	scrollbar-arrow-color: #c5c5c5;
	scrollbar-3dlight-color: #fefefe;
	scrollbar-darkshadow-color: #fefefe;
	scrollbar-face-color: #fefefe;
	scrollbar-highlight-color: #ececec;
	scrollbar-shadow-color: #ececec;
	scrollbar-track-color: #fefefe;
	overflow: auto;
}

.DownIcon1 {
	padding-left: 27px;
	padding-top: 1px;
	background-image: url(../images/down_3.gif); 
	background-repeat: no-repeat;
	background-position: 0 0;
}
.DownIcon2 {
	margin-top: 26px;
	padding-left: 27px;
	padding-top: 0px;
	background-image: url(../images/down_2.gif); 
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #74ac07;
}
.DownIcon3 {
	margin-top: 26px;
	padding-left: 27px;
	padding-top: 0px;
	background-image: url(../images/down_3.gif); 
	background-repeat: no-repeat;
	background-position: 0 0;
}
.DownIcon4 {
        margin-top: 26px;
        padding-left: 27px;
        padding-top: 0px;
        background-image: url(../images/down_4.gif);
        background-repeat: no-repeat;
        background-position: 0 0;
}
.DownIcon5 {
        margin-top: 10px;
        padding-left: 27px;
        padding-top: 0px;
        background-image: url(../images/down_3.gif);
        background-repeat: no-repeat;
        background-position: 0 0;
}

.DownIcon1 A:LINK, .DownIcon1 A:VISITED, .DownIcon3 A:LINK, .DownIcon3 A:VISITED, .DownIcon5 A:LINK, .DownIcon5 A:VISITED {
	color: #00aeef;
	text-decoration: none;
}
.DownIcon1 A:HOVER, .DownIcon3 A:HOVER, .DownIcon5 A:HOVER  {
	text-decoration: underline;
}
.DownIcon2 A:LINK, .DownIcon2 A:VISITED {
	color: #74ac07;
	text-decoration: none;
}
.DownIcon2 A:HOVER {
	text-decoration: underline;
}
.BlueLink A:LINK, .BlueLink A:VISITED{
	color: #00aeef !important;
}