/* ===================== */
 /* BayarBayar.com | 2008 */
/* ===================== */

body{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

div#page            { /* Page Holder */
	position		:relative;
	width           : 900px;
	height			: auto;
	top				: 10px;
	text-align      : left;
	margin-left     : auto;
	margin-right    : auto;

}
div#page2           { 
	position:relative;
	width           : 90%;
	height			: auto;
	top: 0px;
	text-align      : left;
	margin-left     : auto;
	margin-right    : auto;
	background-image:url(images/bg-app.jpg);
	background-repeat:repeat-x;
}
.font1               { /* Common */
	font            : 11pt 'Arial', Helvetica, sans-serif;
	color           : #000000;
	}
}
div#inside          { /* <DIV><SPAN style="LINE-H... */
	position        : absolute;
	left            : 0px;
	top             : 0px;
	width           : 900px;
	height          : auto;
	background-color:#FFFFFF;
	z-index: 3;
}
div#inside2              { 
	clear:both;
	position:relative;
	left            : 0px;
	top             : 0px;
	width           : 95%;
	height          : auto;
	background-color:#FFFFFF;
	z-index: 3;
}
img{
	border: 0;
	position: static;
}

/* // navigation / */

.topnav {
	padding-right: 5px;
	margin: 0;
	width: auto;
	height: 25px;
	display: block;
	overflow: hidden;
	line-height: 25px;
	color: #F30;
	font-size: 11px;
	font-family: arial, verdana, sans-serif;
	text-align: right;
	background-color: #E97818;
}
div#head_app {
	margin: 0;
	width: 900;
	height: 40px;
	background-image:url(images/bg-app.jpg);
	background-repeat:repeat-x;
	

}

.topnav a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.topnav a:hover {
color: #666666;
text-decoration: none;
}

/*main/middle navigation*/
.nav {
padding-left: 10px; 
margin: 0; 
width: 900px;
height: 40px;
display: block;
overflow: hidden;
line-height: 25px;
color: #5ba8d3;
font-size: 14px; 
font-family: Arial, verdana, sans-serif;

}

.nav a{
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
.kedip {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: blink;
}

.nav a:hover {
color: #1b354f;
text-decoration: none;
}

/* // navigation layout / */


/* // midbox / */

.header {
clear: both;
padding: 0; 
margin: 0; 
width: 900px;
height: 100px;
display: block;
overflow: hidden;

}

.logo {
float: left;
padding: 0; 
margin: 0; 
width: 285px;
height: 100px;
display: block;
overflow: hidden;
background: transparent url(images/logo.jpg) no-repeat; 
}

/* // midbox / */


/* / content ///////////////////////////////////////////////////// */

.contentwrap{ /*main wrap*/
	padding: 0;
	top: 10px;
	width: 900px;
	height: auto;
	display: block;
	overflow: hidden;
	background-color: #FFF;
	font-family: "Arial", Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.innerwrap{
	clear: both;
	padding: 0;
	margin: 0;
	width: 900px;
	height: 30px;
	display: block;
	overflow: hidden;
	background-color: #a24d02;

}

.innerleft{ /*left column*/
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	margin: 0;
	width: 235px;
	height: auto;
	display: block;
	overflow: hidden;
	background-color: #e4e1c6;
}
.lefty{ 
	float: left;
	margin: 0;
	width: 235px;
	height: auto;
	display: block;
	background-color: #ffffff;
	z-index:1;
}

/* left login box/// */
.left-logbox{
	margin: 0 px;
	padding-top:10px;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	overflow: hidden;
	width: auto;
	height: auto;
	background-color: #c4c1a4;
}
div#footer {
clear: both;
padding: 0; 
margin: 0; 
width: 900px;
height: 50px;
display: block;
overflow: hidden;
z-index:5;

}
.logtext{
	width: auto;
	height: auto;
	padding-left: 0px;
	padding-right: 10px;
	display: block;
	overflow: visible;
	line-height: 25px;
	color: #000000;
	font-family: Tahoma, "Trebuchet MS", arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;

}

.wraplog{ /*left content wrap*/
width: auto;
height: auto;
padding-left: 10px;
padding-right: 10px;
margin: 5px;
display: block;
overflow: hidden;
font-family: Trebuchet MS, arial, verdana, sans-serif;
font-size: 12px;
line-height: 16px;
text-align: justify;
color: #333333;
background-color: transparent;
}

.wraplog a{
color: #f0731e;
font-weight: bold;
text-decoration: none;
}

.wraplog a:hover{
color: #f40b0b;
text-decoration: none;
}

.isian{ /*login input text*/
margin: 4px 0;
padding: 2px;
width: 180px;
line-height: 14px;
color: #952727;
border: 1px #b0d5e0 inset;
}

.tomlog{ /*left login submit button (orange)*/
margin: 5px 0;
padding: 2px 6px;
width: auto;
height: 25px;
color: #000000;
font-family: Tahoma, Trebuchet MS, arial, verdana, sans-serif;
line-height: 12px;
border: 1px #ffffff solid;
background: #ffff00 url(images/button-bg.jpg) repeat-x;
}

.right-tomlog{ /*right column submit button (blue)*/
margin: 5px 0;
padding: 2px 6px;
width: auto;
height: 25px;
color: #000000;
font-family: Tahoma, Trebuchet MS, arial, verdana, sans-serif;
line-height: 12px;
border: 1px #ffffff solid;
background: #ffffff url(images/button-bg2.jpg) repeat-x;
}
/* ///left login box */

.inneright{ /*right column*/
float: right;

padding-right: 10px;
padding-top: 10px;
margin: 0;
width: 620px;
height: auto;
display: block;
overflow: hidden;
background-color: #ffffff;
}

.midbanner{ /*middle banner*/
padding: 0;
margin: 0;
width: 640px;
height: 200px;
display: block;
overflow: hidden;
background: #eefcf6 url(images/midbanner.jpg) no-repeat; 
}

.rightwrap{
	padding: 0;
	margin: 0;
	width: 660px;
	height: auto;
	display: block;
	overflow: hidden;
	background-color: #FFF;
}

.leftside{
	float: left;
margin-top: 12px;
	width:290px;
	height: auto;
	display: block;
	overflow: visible;
	border: 1px solid #d5eef3;
	background-color: #FFF;
}

.rightside{
	float: right;
	margin-top: 12px;
	width: 290px;
	height: auto;
	display: block;
	overflow: hidden;
	border: 1px solid #d5eef3;
	background-color: #ffffff;
}

.cont-right{ /*main content wrap (right column/ 1 column)*/
	padding: 0;
	margin-top: 12px;
	width: 600px;
	height: auto;
	display: block;
	overflow: hidden;
	border: 1px solid #d5eef3;
	background-color: #FFF;
}

.title{ /*right column title box*/
clear: both;
padding-left: 5px;
padding-top: 2px;
padding-right: 28px;
padding-bottom: 5px;
margin: 0;
width: auto;
height: 38px;
font-style: italic;
font-family: Trebuchet MS, arial, verdana, sans-serif;
font-weight: bold;
font-size: 18px;
line-height: 27px;
color: #000000;
background: #ffd800 url(images/title.jpg) no-repeat top right;
}

.title a{
color: #000000;
text-decoration: none;
}

.title a:hover{
color: #ffffff;
text-decoration: none;
}

.title-left{ /*left column title box*/
clear: both;
padding-left: 5px;
padding-top: 4px;
padding-right: 28px;
padding-bottom: 3px;
margin: 0;
width: auto;
height: 30px;
font-family: Tahoma, Trebuchet MS, arial, verdana, sans-serif;
font-weight: bold;
font-size: 12px;
line-height: 20px;
color: #000000;

}

.contwrap{ /*right content wrapper*/
	width: auto;
	height: auto;
	padding: 0;
	margin-left: 20px;
	margin-right:20px;
	display: block;
	overflow: visible;
	font-family: "Trebuchet MS", arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-align: justify;
	color: #000;
}

.contwrap a{
color: #1889d3;
font-weight: bold;
text-decoration: none;
}

.contwrap a:hover{
color: #ff9900;
text-decoration: underline;
}

/* contact form layout */
.inside-right{
	float: right;
	padding: 0;
	margin-top: 12px;
	width: 251px;
	height: auto;
	display: block;
	overflow: hidden;
	border: 1px solid #f0f0f0;
	background-color: #DFF2FF;
}

.inside-left{
	float: left;
	padding: 0;
	margin-top: 12px;
	width: 375px;
	height: auto;
	display: block;
	overflow: hidden;
	border: 1px solid #d5eef3;
	background-color: #DFF2FF;
}

.t10{
color: #666666;
font-size: 10px;
line-height: 14px;
}

.t16{
color: #333333;
font-size: 16px;
line-height: 18px;
}

.red{
color: #ff0000;
}

.label-contact{
clear: both;
padding: 0;
margin-right: 8px;
width: 125px;
height: 20px;
line-height: 20px;
float: left;
text-align: left;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}

.label-kirim{ /*button submit wrapper*/
clear: both;
padding: 0;
margin: 0
width: auto;
height: auto;
}

input.regis{
width: 225px;
margin: 5px 0;
padding: 2px;
color: #903956;
border: 1px solid #cccccc;
background-color: #ffffff;
}

select.regis{
margin: 5px 0;
padding: 2px;
color: #903956;
border: 1px solid #cccccc;
background-color: #ffffff;
}

textarea.regis{
width: 225px;
margin: 5px 0;
padding: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #903956;
border: 1px solid #cccccc;
background-color: #ffffff;
}

input.contact{
width: 225px;
margin-bottom: 5px;
padding: 2px;
color: #903956;
border: 1px solid #cccccc;
background-color: #ffffff;
}

textarea.contact{
width: 225px;
margin-bottom: 5px;
padding: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #903956;
border: 1px solid #cccccc;
background-color: #ffffff;
}
/* ///////////////////////////////////////////////////// content / */

/* --- ikon */
.support-ikon{
margin: 0;
padding: 0 6px;
width: 16px;
height: 16px;
background: transparent url(images/yahoo.png) no-repeat;
}

.tentang-ikon{
margin: 0;
padding: 0 10px;
width: 30px;
height: 30px;
background: transparent url(images/ikon-tentang.jpg) no-repeat;
}

.layanan-ikon{
margin: 0;
padding: 0 10px;
width: 30px;
height: 30px;
background: transparent url(images/ikon-layanan.jpg) no-repeat;
}

.faq-ikon{
margin: 0;
padding: 0 10px;
width: 30px;
height: 30px;
background: transparent url(images/ikon-faq.jpg) no-repeat;
}

.kontak-ikon{
margin: 0;
padding: 0 10px;
width: 30px;
height: 30px;
background: transparent url(images/ikon-kontak.jpg) no-repeat;
}

.login-ikon{
margin: 0;
padding: 0 10px;
width: 30px;
height: 30px;
background: transparent url(images/ikon-login.jpg) no-repeat;
}

.regis-ikon{
margin: 0;
padding: 0 10px;
width: 30px;
height: 30px;
background: transparent url(images/ikon-regis.jpg) no-repeat;
}
/* ikon --- */


/* / footer ///////////////////////////////////////////////////// */

.footer{
	clear: both;
	padding: 0;
	margin-top: 15px;
	width: 900px;
	height: 50px;
	background-color: #0ADCFD;
	background-image: url(images/footer-tile.jpg);
	background-repeat: repeat-x;
}

.copirait{
float: left;
margin-left: 15px;
color: #9a9a9a;
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 10px;
line-height: 50px;
}

.botnav{
float: right;
margin-right: 15px;
width: auto;
font-family:  Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
color:#cccccc;
line-height: 50px;
}

.botnav a{
color: #888888;
text-decoration: none;
}

.botnav a:hover{
color: #000000;
text-decoration: none;
}

/* ///////////////////////////////////////////////////// footer / */