/**
 *
 *	@module			quickform
 *	@version		see info.php of this module
 *	@authors		Ruud Eisinga, LEPTON project
 *	@copyright		2012-2019 Ruud Eisinga, LEPTON project
 *  @license        GNU General Public License
 *  @license terms  see info.php of this module
 *  @platform       see info.php of this module
 *
 *
 */

 /* help file  */ 
.qf_help {
	margin-left: 30%;
} 

.qf_help_content {
	width: 800px;
	background: #99ccff;
	padding: 20px;
	padding-left: 40px;
} 

h1.qf_header, h2.qf_header {
	color:#333;
	margin-top: 40px;
}

.qf_help_list {
	margin-left: 20px;
	list-style: square;
}

pre {
	width: 500px;
	padding: 1em; 
	background:#eee; 
	font-size: 0.9rem; 
	line-height: 22px; 
	font-family:'Andale Mono',monospace;	
	
} 

.qf_help_content a {
	color: #6699ff;
}
 
.qf_help_content a:hover {
	color: #663300;
}


/*  backend   */ 
.settable, .msgtable {
	width: 100%;
}

.settable select {

    width: 51%;
}



.msgtable tr{
	background: #F0F0F0;
}

.msgtable td{
	vertical-align: top;
}

.settable .small {
	width: 120px;
}
.settable a.recved {
	display: bock;
	background: #999;
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #666;
	text-decoration: none;
}
.settable a.recved:hover {
	text-decoration: none;
	background: #777;
}

.msgtable .small {
	width: 100px;
}

.msgtable .msg {
	display: block;
	padding: 10px;
	background: #fff;
	border: 1px solid #333;
	max-height: 270px;
	overflow: auto;
}

.msgtable {
   display: none;
}

.help_button {
	border: 1px solid #ccc;
	padding: 10px;
	background: #ddd;
	border-radius: 5px;
}

input[name="name"] {
    padding: 4px;
    margin: 6px 0;
}