/* CSS BMGROUP Form */

ul, ol, li { margin: 0; padding: 0; }
form, fieldset { margin: 0; padding: 0; }
fieldset { border: 0;}
legend {
	padding: 0; border: 0;
	color: #000; width: 100%;
}
ol input, ol textarea, ol select {
	margin: 0; padding: 3px;
	font-size: 100%;
	font-family: inherit;
	width: 50%;
	border: 1px solid #ccc;
}
input:focus, textarea:focus, select:focus {
	background: #f5f5f5;
}
.submit { text-align: right; }

form.myform {
	/*width: 450px;*/
}
	form.myform ol { float: left; }
	ol.col_left { width: 55%; text-align: right; } 
	ol.col_left label { width: 120px; }
	ol.col_right { width: 40%; margin-left: 15px; }
	ol.col_right input { width: 70%; }
	ol.col_right li label { display: none; }
	span.radio { margin-right: 27% }
	span.radio input { width: auto; border:0; }
	form.myform fieldset {
		margin-top: 20px;
	}
	form.myform legend {
		padding: 0 2px;
		font-weight: bold;
		border-bottom: 1px solid #000;
		width: 100%;
	}
	form.myform label {
		display: inline-block;
		line-height: 1.8;
		vertical-align: top;
		margin-right: 5px;
	}
	form.myform li {
		list-style: none;
		padding: 5px; margin: 0;
	}
	form.myform em {
		font-weight: bold;
		font-style: normal;
		color: #f00;
}
a.help { 
	cursor: help; 
	margin-right: 5px;
} 
ol.wide { width: 80%px; }

select.required, textarea.required, input.required { 
	background: #ff0000; color: #fff;
}

/* tooltip */
.tooltip,.tooltip *{display:block}
.tooltip{ 
	width: 200px; color:#000;
    font:lighter 11px/1.3 Arial,sans-serif;
    text-decoration:none; text-align:center;
	border: 1px solid #ccc;
}
.tooltip span.top{
	padding: 10px 8px;
    background: #eee;
}