/*================== com2 gmbh - www.com-com.com - mp cssForms.PLUS v.0.1 dezember 2007 ================= */
/*================== 					1. Infobox-enhanced Fieldsets 					================= */
/*																						 				  */
/*	-> required html structure: 																		  */
/* -> <div class="fieldrow"><label>The Label</label><input value="something"/><br /></div>				  */

/**/
.cssForm .hasInfoBoxes { position: relative; }
.cssForm .hasInfoBoxes label { margin: 0; padding: 0; }
.cssForm .hasInfoBoxes .selectorGroup label { margin-right: 5px; margin-bottom: 0; }

.cssForm .hasInfoBoxes rightCol, .cssForm .hasInfoBoxes input, .cssForm .hasInfoBoxes select, 
.cssForm .hasInfoBoxes textarea, .cssForm .hasInfoBoxes .exInput, 
.cssForm .hasInfoBoxes .exTextarea { margin: 0; }

.cssForm .hasInfoBoxes .selectorGroup rightCol, .cssForm .hasInfoBoxes .selectorGroup input, 
.cssForm .hasInfoBoxes .selectorGroup select, .cssForm .hasInfoBoxes .selectorGroup textarea, 
.cssForm .hasInfoBoxes .selectorGroup .exInput, .cssForm .hasInfoBoxes .selectorGroup .exTextarea {  margin-right: 5px; }

.cssForm .hasInfoBoxes .fieldrow { background:none; padding: 5px; _padding: 4px 5px; margin: 1px 10px 0 -5px; =min-height:16px; =height:auto; _height:16px; position: relative; }
.cssForm .hasInfoBoxes .fixedInfobox { position: static; }
.cssForm .hasInfoBoxes .fieldrow .info {
	position: absolute;
	top: -10px;
	right: 0px;
	/*=top: 20px;
	_top: 17px;*/
	=right: -1px;
	display: none;
	width: 130px;
	height: auto;
	background: #aaa;
}
.cssForm .hasInfoBoxes .fixedInfobox .info { =top:15px; right: 13px; =right: 8px; }
		.info .content { padding: 10px; }
		.info h5 { margin: 0; padding: 2px 0; font-size: 1.0em; }
		.info p { padding: 2px; margin:0; line-height: 140%; }

	.cssForm .hasInfoBoxes .fieldrow .bottomPos  { bottom: -3px; right: 0px; =right: -1px; top: auto; }
	.cssForm .hasInfoBoxes .fieldrow .middlePos  { bottom: -30px; right: 0px; =right: -1px; top: auto; }

.cssForm .hasInfoBoxes .fieldrow:hover,
.cssForm .hasInfoBoxes .fieldrow.hovered,
.cssForm .killHover    .fieldrow.focused,
.cssForm .killHover    .fieldrow.focused:hover { background: #aaa; }
.cssForm .hasInfoBoxes .fieldrow:hover .info,
.cssForm .hasInfoBoxes .fieldrow.hovered .info,
.cssForm .killHover    .fieldrow.focused .info,
.cssForm .killHover    .fieldrow.focused:hover .info { display: block; }

.cssForm .killHover .fieldrow:hover,
.cssForm .killHover .fieldrow.hovered { background: transparent !important; }
.cssForm .killHover .fieldrow:hover .info,
.cssForm .killHover .fieldrow.hovered .info { display: none; }