#form_container {padding:4px; border:solid 1px #99BBE8;border-top:0; background:#CDDEF3 url(../img/div-bg.gif) repeat-x;}

/* form style */
#form_container {
	padding-left:10px;
	width:700px;
	margin:0 auto;
	position:relative;
} 

/* nested fieldset */
#form_container fieldset {
	border:0;
	margin:0;
	padding:0;
}

/* typography */
#form_container h3 	{ color:#eee; margin-top:0px; }
#form_container p 	{ font-size:11px; }


/* input field */
#form_container input, #form_container select {
	border:1px solid #99BBE8;
	background-color:#efefef;
	padding:5px;
	font-size:12px;
	
	/* CSS3 spicing */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
}

#form_container input:focus, #form_container select:focus 		{ color:#fff; background-color:#3c5a85; }
#form_container input:active, #form_container select:active 	{ background-color:#4a6a99; }


/* button */
#form_container button {
	outline:0 none;
	border:1px solid #666;	
}


/* error message */
.error {
	height:15px;
	background-color:#FFFE36;
	font-size:11px;
	border:1px solid #E1E16D;
	padding:4px 10px;
	color:#000;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px; 
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;	
	-webkit-border-bottom-left-radius:0; 
	-webkit-border-top-left-radius:0;
	
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;	
}
#errors {
	background-color:#163356;
	color:#fff;
	width:400px;
	padding:20px;
	margin:5px auto;
	display:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;			
}

/* title */
#errors h2 {
	margin:-5px 0;
	color:yellow;
}
/* field label */
label {
	display:block;
	font-size:11px;
	color:#15428B;
}

#terms label {
	float:left;
}

#terms input {
	margin:0 5px;
}

/* CSS3 BUTTON */
#form_container .btn {
	display: inline-block;
	background: url(../img/btn.bg.png) repeat-x 0px 0px;
	padding:5px 10px 6px 4px;
	font-weight:bold;
	font-size:12px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	border:1px solid rgba(0,0,0,0.4);
	-moz-border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}
#form_container .btn:hover {
	cursor:pointer;
}
/* COLOR VARIATIONS */
#form_container .blue	{background-color: #CCCCCC; color: #141414;}
#form_container .blue:hover	{background-color: #ddd; c4d8f1color: #ffffff;}

#form_container .add {background:url(../img/icon/form_add_16.png) no-repeat left center; padding-left:18px;}
#form_container .reset {background:url(../img/icon/form_reset_16.png) no-repeat left center; padding-left:18px;}
#form_container .update {background:url(../img/icon/form_update_16.png) no-repeat left center; padding-left:18px;}
#form_container .login {background:url(../img/icon/form_login_16.png) no-repeat left center; padding-left:18px;}


/* INPUT SIZE */
#form_container .i_smaller {width:50px;}
#form_container .i_small {width:100px;}
#form_container .i_normal {width:150px;}
#form_container .i_large {width:300px;}
#form_container .i_larger {width:400px;}
#form_container .i_tel {width:90px;}
#form_container .i_date {background:url(../img/icon/form_date_16.png) 97% 50% no-repeat; width:90px;}
#form_container .i_smaller_r {width:50px; text-align:right;}
#form_container .number {text-align:right;}

.fs_container {border:1px solid #99BBE8; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.fs_container .fs_table {font-size:11px;}
.fs_container .fs_table th{border-bottom:1px solid #333;}
.fs_container .fs_table td{border-bottom:1px solid #99BBE8;}