/*

autoform standard stylesheet.  SASS LESS

*/
.af {
	padding-top:5px;
}

.af .group {
	display:block;
	border:1px dotted #f5f5f5;
	font-weight:bold;
	clear:left;
}

.af .cell {
	float:left;
	margin-bottom:0.4em;
	padding-left:0.2em;
	min-height:2.2em;
	bor1der:solid blue 1px;
	padding:2px;
	white-space:wrap;
}

.af .cell br {
	clear:both;
}

.af .cell2 {
	display:block; 
	float:left;
	
	background-color:#f5f5f5;
	margin:3px;
	min-width:50px;
	text-align:center;
	padding:1px;
}

.af .cell2 label:hover {
	cursor:hand;
}

.af .cell2 label {
	width:auto;
	clear:none;
	float:left;
	margin-top:0.3em; 
	display:block;
}

.af .cell_group {
	float:left;
	clear:none;
	background-color:#fefefc;
	border:1px solid #e0ecfc;
	display:block;
	padding:2px;

	white-s1pace:nowrap;
	max-width:80%;
}


.af .cell_group2 {
	float:left;
	clear:none;
	max-wid1th:80%;
	padding:3px;
	display:block;
	margin-bottom:5px;
	bac1kground-color:#f5f5f5;
}

.af .cell_group2 .cell_group {
	border:2px solid #fff;
}

.af .cell_text {
	float:left;
	clear:none;
	max-width:450px;
	min-width:100px;
	min-height:1.3em;
	background-color:#f5f5f5;
	padding:4px;
	display:block;
}

.af .cell_textblock {
	float:left;
	clear:none;
	width:70%;
	min-height:2em;
	background-color:f5f5f5;
	padding:4px;
	display:block;
}

.af .e {
	background-color:#fcc; 
/*	background: #fcc url(../image/remove.gif) no-repeat left center;
	back1ground-position:15px 15px; */
}

.af .rq label { /* rq = required */
	/*	text-decoration:underline; */
}

.af .rq label span { 
	border-bottom:1px #f5f5f5 solid;
}

.af .rq .cell2 label {
	
}

.af .help {
	float:left; 
	padding:4px;

	background: transparent url(../image/help.png) no-repeat center center; 
	display:block;
	width:1.1em;
	height:1.1em;

	margin-right:5px;
}

.af .help .tip {
	display:none;
	position:absolute;

	background-color:yellow;
	max-width:15em; 
	border:1px solid gray;
	padding:10px;
	margin-left:15px;
	font-size:small;

	
	border-radius: 5px;


}

.af .cell .help:hover .tip, .af .cell2 .help:hover .tip {
	display:block;
	float:right;

	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0898438) 3px 3px 0px;
}


/*

forms

*/

.af input,  .af textarea, .af select { /* mostly controls padding, need to tell them to be 100% font */
	float:left; 
	clear:none;
	font-size:100%;
}

.af select {  /* 2/26/2009 7:47 PM size render bug */
	font-size:105%; 
	margin-left:4px; 
}

.af select, .af input[type="text"], .af input[type="password"], textarea {
	min-width:12em;

/*	box-shadow: 0 0 2px rgba(219,222,224,.6) inset; 
	color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    outline: 0;

	font-size:100%;*/
}

.af input[type="checkbox"]{
	margin:4px;
}

.af textarea { 
	width:25em;
	height:5em;
}

.af .st { 
	wi1dth:50%
}

.af label { 
	clear:both;
	display:block;
	padding-right:0.2em;
	padding-left:0.2em;
	mar1gin-top:0.3em; 
	text-align:right;
	float:left;  
	width:12em;
}


.af .cell_group label {
	f1ont-size:small;
	padding:3px;
	margin:0;
}

.af FIELDSET {	
	clear:both; 
}


.af fieldset {
	border-width:0;
	border-top-width:2px;
}
.af legend {
	font-size:120%;
	padding:5px;
}


.af br {
	clear:left;
}


/*

LOL

*/

.af .af { 
	fo1nt-size:100%;
	background-color:#f5f5f5;
	float:left;
	max-width:80%;
}


/*

 field type settings

*/

.af .ft_checkbox .cell2 label {	
	width:auto;
	min-width:auto;	
}

.ft_date .cell_group {
	padding:0;
	border-width:0;
	
}

.ft_date select {	
	width:auto;
	min-width:1em;	
	pa1dding:1px;	
	fo1nt-size:80%;
}

.af .file_image {
	max-width:600px;
}

/*

special buttons

*/

.btn_del {
	bac1kground:url(../image/icon/close_16.png) no-repeat;
	color:red;
}

.btn_add {
	bac1kground:url(../image/icon/add_16.png) no-repeat;
	color:blue;
	font-weight:bold;
}

.btn_del, .btn_add {
	border-color:transparent;
	font-size:9px;
	float:left;
	text-align:left;
	padding-left:15px;
}



/*

responsive

*/

@media only screen and (max-width: 800px) {
	.af .cell { 
		wid1th:90%;
		float:none; 
		p1adding:0;		
	    bor1der:1px solid red;
		height:auto;
	}

	.af textarea { 
		width:90%;
		float:none;
	}
	
	.af br { 
		display:none;
		clear:none;
	}

	.af .cell br {
		display:block;
		clear:both;
	}

	.af label { 
		width:auto; 
		text-align:left; 
		clear:none;
		min-width:50px;
	}
	.af .cell_group, .af .cell_group2 {
		max-width:auto;
		width:auto;
		white-space:normal;
	}
	
	.af .af { 
		max-width:100%;
	}


}







/*


.af .cell {
	border:1px red solid;
}

.af .cell_group {
	border:1px green solid;
}

.af label { 	
	border:1px solid blue;
}

.af span { 	
	background-color:yellow;
}

.af .help {
	border:1px black solid;
}


*/