/**
 *
 * form frame work css
 * $Id$
 * @package      ote
 * @subpackage   form css
 * @author       Dhanabal Duraisamy <dhanaps@ocenture.com>
 * @link         http://
 *
 * @version
 *
*/

form ul { width: 100%; list-style-type: none; margin: 0; padding: 0; }
form li { -moz-transition: background-color 350ms ease-out 0s; background-color: transparent; clear: both; margin: 0; padding: 3px 0% 3px; position: relative; }
form li { width: 95%; }
form li.section h5 { margin: 0 0 3px; padding: 12px 0 0 0; width: 500px; }
form label.desc, legend.desc { border: medium none; color: #222222; font-size: 95%; font-weight: bold; line-height: 150%; margin: 0;
padding: 3px 0 3px; white-space: normal;
}
form li span {  padding: 0; /* margin: 0 0.5em 0 0; color: #444444; float:left;*/ }
form input.text, form input.search, form textarea.textarea { border-color: #7C7C7C #C3C3C3 #DDDDDD; border-style: solid; border-width: 1px; }
form input.text, form input.search, form input.file, form textarea.textarea, form select.select { color: #333333; font-size: 100%; margin: 0; padding: 2px 0; }
form li div label, form li span label { clear: both; color: #444444; display: block; font-size: 85%; line-height: 160%; margin: 0; padding-top: 3px; }
form li.complex { padding-bottom: 0; }
form li.complex div span { margin: 0 0.3em 0 0; padding-bottom: 12px; width: auto; }
form .full { width: 100% !important; }
form li.complex div span.full input, form li.complex div span.full select, form li.complex div span.left input, form li.complex div span.right input, form li.complex div form span.left select, form li.complex div span.right select {
 width: 100%; }
form li.complex div span.left, form li.complex div span.right { margin: 0; width: 48%; }
form .left { float: left; }
form .right { float: right; }
form span.symbol { font-size: 120%; line-height: 135%; }
form span.req { color: red !important; margin: 0; padding: 0; position:relative; left:1px; }

form li.leftHalf, form li.rightHalf { width: 47% !important; }
form li.leftHalf { clear: left !important; float: left; }
form li.rightHalf { clear: none !important; float: right; }

form li.buttons { clear: both; padding: 10px 1%; position: relative; width: auto !important; }

input.large, select.large { width: 100%; }
input.medium, select.medium { width: 75%; }

.form-hint { background-color: #EEE9E9; border: 1px solid #666666; float: right; font-size: 11px; height: auto; margin: 0 0 10px 10px; padding: 5px; }
.form-hint h4 { background: url("/images/icon_form_hint.gif") no-repeat scroll 0 0 transparent; border-bottom: 1px solid #666666; color: #666666; font-size: 14px; padding: 3px 0 3px 27px; }

div.label { width: 150px; float:left; }
div.label label.desc {text-align:right;padding-right:5px;}
div.label span.req { /*display:none;*/ }

.alignCenter {
	width:100%; text-align:center;
}

form li.buttons {
	padding:30px 0px 0px 150px;
}
div.signup2 ul { list-style-type: square; }
div.signup2 li { margin-left: 20px; padding-top:3px; padding-bottom:3px;}

form div.products {
	float:left; width:29%;border:1px solid gray; background-color: #F9F9F9; padding:10px;margin-right:15px; height:300px; padding-bottom:40px; text-align:center;
}
form div.productDetails {
	float:left;height:100%;width:100%;
}
form div.products div.productTitle { margin-bottom:10px; }
form div.products h3, form div.products h4 {
	color:#C00000; margin-bottom:0px;
}
form div.products h4 {
	font-size:15px;
}
form div.products .productPrice {
	font-size:14px;color:#C00000;font-weight: bold;
}
.signup div.highlights {
	background-color:#F8F191;margin:10px 10px 10px 0; padding:5px;
}

ul.list { list-style-type: square; }
ul.list li { margin-left: 20px; padding-top:3px; padding-bottom:3px;}

ul.noList { list-style-type:none;}
ul li.section {list-style-type:none; fond-weight: bold; padding:0; margin:0; padding-left: 0px;}
ul li.subsection { padding-top: 15px;}