#list_box {

}

#list_box table {
border-style:solid;
border-color:#6666CC;
border-width:thin;
background-color:#ffffff;
width:100%;
}

#list_box tr.header {
background-color:#6666cc;
color:#FFFFFF;
font-weight:bold;
height:auto;
line-height:inherit;
}

#list_box tr.header_posts {
background-color:#6666cc;
color:#FFFFFF;
font-weight:bold;
height:24px;;
line-height:inherit;
}


#form_header {
border: 1px solid #9c6;
background-color:#99CC99;
padding:4px;
height:20px;
line-height:20px;
text-align:center;
font-size:1.1em;
font-weight:bold;
color:#6633FF;
}
#form_header2 {
border: 1px solid #9c6;
background-color:#99cc66;
padding:4px;
height:20px;
line-height:20px;
text-align:center;
}

.form_error {
	color:#ff0000;
}

.form_box {
	max-width: 400px;
text-align: center;
	margin: 0 auto;
	/*
border: 1px solid #FC6;
*/

border: 1px solid #CCC;
background-color:#EEE;
padding:6px;

}

.form_box h3 {
color:#3399FF;

}

.form_box ul {
color:#99CC99;
}

.form_box table.blogs {

border-style:solid;
border-color:#6666CC;
border-width:thin;
width:100%;
}

.form_box .inputdate {
	width:80px;
}

.form_box .comment {
color:#666666;
padding-left:8px;
font-size:.9em;
}


.form_box tr.header {
background-color:#6666cc;
color:#FFFFFF;
font-weight:bold;
font-size:.8em;

}

.form_box tr.input {
height:36px;
width:300px;
	
	text-align: center;
}

.form_box tr.select {
height:36px;
width:300px;
	
	text-align: center;
}

.form_box td.field {
color:#666666;

font-weight:normal;

text-align: center;
vertical-align: middle;
line-height: 36px;
	width:100%;
}

.form_box td.comment {
color:#666666;
padding-left:8px;
font-size:.9em;
}

.form_box td.small {
color:#666666;
font-size:.9em;

}

.form_box .comment {
	display: block;
color:#666666;
font-size:10px;
margin-top:4px;
	
}

.form_box .fieldrow {
	
	margin:8px 0px;
	position:relative;
}

.form_box .field {
	display: inline-block;
color:#666666;
font-weight: bold;
	width:100px;
	text-align: right;
	margin-right: 4px;
	vertical-align: middle;
}
.form_box .inputtext {
vertical-align: middle;
border-radius:0;
	height:20px;
}

.fieldrow .floating_label {
	position:absolute;
	pointer-events: none;
	left:10px;
	top:7px;
	transition: 0.2s ease all;
	font-size:11px;
	font-weight: bold;
}


/** float container */
.float-container {
  /*border: solid 1px #ccc;*/
  /*box-sizing: border-box;*/
  margin-top: 10px;
  /*padding: 0 8px;*/
  position: relative;
	display: inline-block;
	
  /*width: 300px;*/
  /** active label */
}

.float-container input {
  vertical-align: middle;
border-radius:0;
	height:30px;
padding-left:4px;
  width:250px;
  /*padding: 16px 0 10px;*/
  
}

.float-container textarea {
  vertical-align: middle;
border-radius:0;
	height:90px;
padding-left:4px;
	padding-top:8px;
  width:250px;
  /*padding: 16px 0 10px;*/
  
}

.float-container label {
  font-size: 12px;
	color:#555555;
  position: absolute;
	left:10px;
	top:-5px;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-transform: translate(0, 16px) scale(1);
  transform: translate(0, 16px) scale(1);
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
	pointer-events: none;
	background-color: white;
	
	
}
.float-container input:focus {
	outline:none;
	border:1px solid #000000;
}

.float-container textarea:focus {
	outline:none;
	border:1px solid #000000;
}


.float-container.active label {
	
  -webkit-transform: translate(0, 0px) scale(0.8);
  transform: translate(0, 0px) scale(0.8);
	background-color: white;
	padding:0px 4px;
	opacity: 1;
}

.form_box .errmsg {
	
	display: block;
	margin-top:4px;
font-weight: bold;
	color:red;
}