@charset "utf-8";
/* CSS Document */

body
{
background-color:#d02027;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
}
a {
	text-decoration:none;
	color: #FFFF00;
}

img{border:0px;}


#wrapper
{
	width:1004px;
	margin:0 auto;
	height:auto;
	text-align: left;
	min-height: 500px;
	position: relative;
	padding-bottom: 120px;

}
#header_home 
{
	padding:0px;
	margin: 0px;
	height: 113px;

}


#middle
{
	height:407px;
	background:url(../img/bg_home_middle.jpg) top center no-repeat;
}

#menu
{
height:93px;
background:url(../img/bg_menu.gif) top left no-repeat;
}

#menu ul
{
	list-style:none;
	padding: 0px;
	margin: 0px;

}
#menu ul li
{
display:inline;
}

#menu_home
{
	height:92px;
	background:url(../img/bg_menu_home.gif) 135px no-repeat;
	display: block;
	width: 1010px;
}

#menu_home ul
{
	list-style:none;
	padding: 0px;
	margin: 0px;

}
#menu_home ul li
{
display:inline;
}

/* cs menu home  */

a#home_cs {
	border:0;
	display: block;
	width: 303px;
	height: 92px;
	background:url(../img/menu_home_cs.gif) no-repeat;
	text-decoration: none;
	float:left;
}
a#home_cs:hover {
background-position: 0 -92px;
}
a#home_cs.active {
background-position: 0 -92px;
}

/* cs menu honda  */

a#home_honda {
border:0;
display: block;
width: 129px;
height: 92px;
background:url(../img/menu_home_honda.gif) no-repeat;
text-decoration: none;
	float:left;

}
a#home_honda:hover {
background-position: 0 -92px;
}
a#home_honda.active {
background-position: 0 -92px;
}

/* cs menu daftar  */

a#home_daftar {
border:0;
display: block;
width: 118px;
height: 92px;
background:url(../img/menu_home_daftar.gif) no-repeat;
text-decoration: none;
	float:left;

}
a#home_daftar:hover {
background-position: 0 -92px;
}
a#home_daftar.active {
background-position: 0 -92px;
}

/* cs menu rider  */

a#home_rider {
border:0;
display: block;
width: 145px;
height: 92px;
background:url(../img/menu_home_riders.gif) no-repeat;
text-decoration: none;
	float:left;

}
a#home_rider:hover {
background-position: 0 -92px;
}
a#home_rider.active {
background-position: 0 -92px;
}

/* cs menu news  */

a#home_news {
	border:0;
	display: block;
	width: 99px;
	height: 92px;
	background:url(../img/menu_home_news.gif) no-repeat;
	text-decoration: none;
	float:left;

}
a#home_news:hover {
background-position: 0 -92px;
}
a#home_news.active {
background-position: 0 -92px;
}


/* cs menu testi  */

a#home_testi {
border:0;
display: block;
width: 158px;
height: 92px;
background:url(../img/menu_home_testi.gif) no-repeat;
text-decoration: none;
float:left;
}
a#home_testi:hover {
background-position: 0 -92px;
}
a#home_testi.active {
background-position: 0 -92px;
}



/* main menu home  */

a#menu_cs {
	border:0;
	display: block;
	width: 304px;
	height: 93px;
	background:url(../img/menu_cs.gif) no-repeat;
	text-decoration: none;
	float:left;
}
a#menu_cs:hover {
background-position: 0 -93px;
}
a#menu_cs.active {
background-position: 0 -93px;
}

/* main menu daftar  */

a#menu_daftar {
	border:0;
	display: block;
	width: 120px;
	height: 93px;
	background:url(../img/menu_daftar.gif) no-repeat;
	text-decoration: none;
	float:left;
}
a#menu_daftar:hover {
background-position: 0 -93px;
}
a#menu_daftar.active {
background-position: 0 -93px;
}

/* main menu rider  */

a#menu_rider {
	border:0;
	display: block;
	width: 142px;
	height: 93px;
	background:url(../img/menu_rider.gif) no-repeat;
	text-decoration: none;
	float:left;
}
a#menu_rider:hover {
background-position: 0 -93px;
}
a#menu_rider.active {
background-position: 0 -93px;
}

/* main menu news  */

a#menu_news {
	border:0;
	display: block;
	width: 105px;
	height: 93px;
	background:url(../img/menu_news.gif) no-repeat;
	text-decoration: none;
	float:left;
}
a#menu_news:hover {
background-position: 0 -93px;
}
a#menu_news.active {
background-position: 0 -93px;
}


/* main menu testi  */

a#menu_testi {
	border:0;
	display: block;
	width: 168px;
	height: 92px;
	background:url(../img/menu_testi.gif) no-repeat;
	text-decoration: none;
	float:left;
}
a#menu_testi:hover {
background-position: 0 -92px;
}
a#menu_testi.active {
background-position: 0 -92px;
}


#footer_home
{
color:#333333;
font-size:10px;
text-align:right;

}

#footer
{
	font-size:12px;
	text-align:center;
	background: url(../img/footer.gif) bottom center no-repeat;
	position:absolute;
	height:33px;
	width: 100%;
	left: 0px;
	z-index: -50000;
	bottom: 0px;
	padding-top:170px;
	color:#FFFFFF;

}

#content
{
	text-align: left;
	color:#FFFFFF;
	font-size:12px;
	text-align:justify;
	padding:60px 40px 10px 40px;
}

.news
{
background:url(../img/bg_content_news.jpg) top right no-repeat;
text-align:left;
}

.link_news
{
vertical-align:bottom;
border:#00FF00 2px solid;
}

div.news#content  ul
{
}

div.news#content  ul li
{
/*list-style:none;*/
margin-bottom:10px;
text-align: justify;
/*height:159px;*/

}

#pagination 
{
margin-left:50px;
height:50px;
}

#pagination li
{
list-style:none;
float:left;

}
#pagination li a
{
color:#800005;
padding:5px;
display:block;
}
#pagination li a:hover
{
background-color:#ff898e;
padding:5px;
display:block;
float:left;
}

.testi 
{
background:url(../img/bg_content_testi.jpg) top right no-repeat;
text-align:left;
}
div.testi#content ul li
{
list-style:none;
margin-bottom:10px;
text-align: justify;
height:159px;

}

.daftar
{
	background:url(../img/bg_content_daftar.jpg) top right no-repeat;
	padding-left: 30px;
}
.rider
{
	background:url(../img/bg_content_rider.jpg) top right no-repeat;
	padding-left: 30px;
}
.peserta
{
	background:url(../img/bg_content_peserta.jpg) top right no-repeat;
	padding-left: 10px;
}
.gallery
{
	background:url(../img/bg_content_gallery.jpg) top right no-repeat;
	padding-left: 10px;
}

div.register#content
{
	background:url(../img/bg_content_register.jpg) top right no-repeat;

	padding-left: 130px;
	text-align: left;
	
}


.cs
{
	background:url(../img/bg_content_cs.jpg) top right no-repeat;
	padding-left: 30px;
}

.header
{
	color:#ffa800;
	font-size:14px;
	font-weight: bold;
}


div#agreement
{
	color:#FFFFFF;
	font-size:12px;
	padding-left: 130px;
	text-align: left;
}


#register_form
{
	color:#FFFFFF;
	font-size:12px;
	text-align: left;
}

#register_form input
{
	height:15px;
	border:1px #000000 solid;
	color: #333333;
	font-size:12px;
}

#register_form input.lengkap
{ width:350px;}

#register_form input.checkbox
{
	border:none;
	height: 16px;
	padding:0px;
	margin:0px;
	display: inline;
}

#register_form input.select
{
	border:none;
	height: 16px;
	padding:0px;
	margin:0px;
	color: #333333;
	font-size:12px;
}

.register_form_alamat
{
	border:none;
	height: 67px;
	width:279px;
	padding:0px;
	margin:0px;
	color: #333333;
	font-size:12px;
}
.register_form_alasan
{
	border:none;
	height: 227px;
	width:479px;
	padding:0px;
	margin:0px;
	color: #333333;
	font-size:12px;
}


#register_form tr td
{padding:3px}

.register_email
{
	margin:2px 2px 2px 0px;
	font-size:12px;
}


.border_keterangan
{
margin: 7px auto 7px auto;padding: 10px;border: #ccc thin dashed;
}
.form_regis
{
solid none none solid; 
border-color: rgb(93, 93, 93) -moz-use-text-color -moz-use-text-color rgb(181, 181, 181);
border-width: 1px 0pt 0pt 1px; 
background: rgb(220, 220, 220);
color: #333333;
 ont-family: Arial,Verdana,Helvetica, sans-serif; 
 font-size: 12px;text-decoration: none;
 }

.isi_keterangan
{
font-family: Arial,tahoma,Verdana,Helvetica, sans-serif;
font-size:12px; 
margin: 10px 5px 5px 5px ;
}

div.row_button 			
{
	clear: both;
	padding-top: 15px;
	margin-left:119px;
	padding-left: 310px;
}                     
div.row
{
	clear: both;
	padding-top: 5px;
}
div.row span.label
{
	float: left;
	width: 180px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

div.row span.formw
 {
	float: right;
	width: 600px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
} 

.form_regis 
{
solid none none solid;
	border-color: 
#000000;
	border-width: 1px;
	background:#FFFFFF;
	color: #666666;
	font-family: Arial,Verdana,Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

span.select {
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(../img/btn_option.gif) right no-repeat;
	overflow: hidden;
	left: 519px;
}




.form-item {
margin-top: 10px;	
display: block;	
font-weight: bold;}	
label {	cursor: pointer;}
	
.border             
{height: 2px;
background-repeat:repeat; 
margin: 0px 0px 0px 0px ;
background-color:#dddddd; 
background-image:(images/spacer.gif)
}
.list ul  
{
margin:0px; 
padding: 0px 0px 0px 20px;
list-style-image:url(images/list_book.gif);
line-height:17px;}
.list ul li a       
{color: #696969; 
padding: 0px 0px 0px 1px;
text-decoration: none;}

.list_event ul 
{margin:5px; padding: 0px 0px 0px 20px;
list-style-image:url(images/arrow_small.gif);
line-height:17px;}
.list_event ul li a 
{color: #696969; 
padding: 0px 0px 0px 1px;
text-decoration: none;}


#content_form
{
	width:750px;
	left: 200px;
}

div.peserta#content ul
{
	display:inline;
	width: 300px;

}
div.peserta#content li
{
	color:#FFFFFF;
	display: block;
	width: 187px;
	float: left;
	padding: 3px;


}

div.peserta#content .header
{
color:#ffea00;
}





div.gallery#content ul
{
	display:inline;
	width: 300px;

}
div.gallery#content li
{
	color:#FFFFFF;
	display: block;
	width: 187px;
	float: left;
	padding: 3px;


}

div.gallery#content .header
{
color:#ffea00;
}

#photo_frame
{
	width:166px;
	height:166px;
	position: relative;
}
#frame_top
{
position:absolute;
}
#frame_down
{
	position:absolute;
	right: -5px;
	top: 130px;
}
#frame_inside
{
	padding: 4px;
}

/* Tables */
table {
	background: #fff;
	border:1px solid #ccc;
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	background: #f2f2f2;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
}
th a {
	background:#f2f2f2;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	background: #fff;
	border-right: 1px solid #ccc;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}
table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #9F0;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}

/* Form */

.form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 80%;
}

fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
}
fieldset legend {
	background:#fff;
	color: #e32;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom : .5em;
	vertical-align: text-top;
}
form div.input {
	color: #000;
}
form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 140px;
}
.form label {
	display: block;
	font-size: 125%;
	padding-right: 20px;
	float :left;
	width:100px;
}
.form textarea{
	width:70%;
}
.form input{
	width:30%;
}
.form input, .form textarea {
	clear: both;
	font-size: 100%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 0px;
}
.form select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
.form select[multiple=multiple] {
	width: 100%;
}
.form option {
	font-size: 120%;
	padding: 0 3px;
}
.form input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
.form input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
.form div.radio label {
	margin: 0 0 6px 20px;
}
.form input[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

/* Menu Admin */
#menuAdmin ul {
	list-style:none;
	background-color:#880000;
	padding:15px 15px 15px 15px;
	margin:15px 15px 15px 15px;	
}

#menuAdmin a:hover {
	color:#ffffff;	
}