input,textarea{
/*	border: 1px solid #C3C3C3;
	border-top-color: #7C7C7C;
	border-bottom-color: #DDD;*/
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
/*
	background-color:#685748;
	border:1px solid #1B1917;
	color:#ccc;
*/
}

select,option{
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:1px;
/*	
	background-color:#685748;
	color:#ccc;

	border:1px solid #1B1917;
*/
}

option{
	border:0;
}


input.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top : solid 1px #F1F5FB;
	border-right : solid 1px #808080;
	border-bottom : solid 1px #808080;
	border-left : solid 1px #F1F5FB;
	color : #FFFFFF;
	background-color: #312724;
	font-weight : bold;
	font-size : 12px;
}

.button-submit-login{
	background-color:transparent;
	border:0;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:#fff;
	padding:2px;
}


.form-container{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0 auto;
	padding:10px 20px;
}

.form-container table tr td{
	padding:5px;
	vertical-align:top;
}

.form-container table tr td.form-field{
	color:191919;
	font-weight:bold;
	text-align:right;
	

}





/* tips message beside user input */
.tip{
	color:#669900;
	font-size:10px;
}

/* when input form got error */
.error{
	color:#FF3300;
}

.negative-text{
	color:#666;
}

.keyword{
	color:#606060;
	background-color:#FEFBC3;
	border-bottom:1px solid #E3E3E3;
	padding:2px;
}
/* when there is error on database transaction */
.global_error{
	color:#FF3300;
	margin: 0px auto 10px auto;
	text-align:center;
}

.global_msg{
	color:#6699FF;
	margin: 0px auto 10px auto;
	text-align:center;
	width:500px;

}


/* Setting text alignment */
.toRight{
	text-align:right;
}

.toLeft{
	text-align:left;
}

.toTopRight{
	text-align:right;
	vertical-align:top;

}

.toTopLeft{
	text-align:left;
	vertical-align:top;
}

.toBottomRight{
	text-align:right;
	vertical-align:bottom;
}

.toTopCenter{
	text-align:center;
	vertical-align:top;
}


/* Create white space */
.divider{
	height:50px;
	clear:both;
}

.whitedivider { 
	height: 50px; 
	clear: both 
}

.whitedivider10px {
	height: 10px;
	clear: both;
}

.clear{

	clear:both;
}

.clear1px{
	height:1px;
	clear:both;
}

/* THIN LINE 
------------------------------------------------------*/
.line{
	border-bottom:1px solid #FFF;
	margin:0;
	padding:0;
	line-height:1px;
	height:1px;
	font-size:1px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;

}



#navilink{
	margin-bottom:20px;

	
}

#navilink a:link, #navilink a:visited{
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

#navilink a:hover{
	text-decoration:underline;
	color:#006699;
	font-weight:bold;
}

.navipage{
	color:#666666
}

.navipage a:link, .navipage a:visited{
	color:#006699;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}

.navipage a:hover{
	color:#666600;
	font-weight:bold;
	font-size:11px;
}



/* color */
.bg-yellow{
	background-color:#FCCC31;
}

.bg-blue{
	background-color:#AAB7D9;
}


/* logs */
.logdate{
	color:#0099FF 
}

.logtext{
	color:#999999;
}