/* Form CSS Document */

/* formContainer Styles */

div.formContainer a.link, ol.form a.link {
	font-size: 12px;
	text-decoration: none;
	color: #333;
}

div.formContainer p.comp-message {
	border-bottom: 1px dotted #CCD5E4;
	color: #666;
	font-size: 11px;
	text-align: right;
}

div.formContainer p.comp-message b {
	display: inline;
	margin-bottom: 0;
}

button, button:focus, button:active {
	border: 0;
	background: none;
	text-align: center;
	outline:none;
	-moz-outline-style: none;
}

button::-moz-focus-inner {
	border:none;
}

form.form dl{
	clear: both;
	margin: 0 0 10px 0;
	width:100%;
}

dt.caption{
	float: left;
	width: 130px;
	margin-right: 15px;
	text-align: right;
	padding: 4px 0 0 10px; /* Added for center alignment*/
}

dt.caption span {
	font-size: 11px;
	font-weight: normal;
	color: #333;
}

dt.caption span.comp{
	font-weight: bold;
}

dd.eleHolder{
	float: right;
	width: 540px;
	padding-left: 5px;
}

/* for RadioButtons */
dd.radioHolder{
	padding-top: 5px;
}

div#loginContainer dt.caption{
	width: 65px;
}

div#loginContainer dd.eleHolder{
	width: 240px;
}


dd.error{
	background: #fcf0f0;
	padding-bottom:5px;
}

dd.error strong{
	font-size: 11px;
	display: block;
	color: #c00;
	padding:7px;
	clear: both;
}


dl input.txt {
	margin-right: 7px;
	padding: 6px;
	border: #d3d3d3 solid 1px;
	font-size: 11px;
	font-weight: normal;
	color: #333;
}

dl textarea {
	padding: 6px;
	border: #d3d3d3 solid 1px;
	font-size: 11px;
	font-weight: normal;
	color: #333;
}

dl input.optional {
	font-style: italic;
	color: #999;
}

dl input#ext {
	width: 60px;
}

dl input.birthYear {
	width: 40px;
}

dl input#address,dl input#address1, dl input#address2 {
	width: 384px;
}

dl label.checkBoxLabel {
	display: block;
	font-size: 11px;
	margin: 0 0 5px 0;
	width:100%;
}

dl input.chkBox {

	margin-right: 3px;
	vertical-align: middle;
}

div.action {
	clear: both;
	margin-left: 159px;
	padding: 5px;
}

button.btn {
	background: url(/img/form/button-left.png) no-repeat left top;
	margin-right: 8px;
	cursor: pointer;
	float: left;
	height: 33px;
	outline: none;
	overflow: visible;
	padding: 0 0 0 27px;
	position: relative;
}

button.btn b {
	background: url(/img/form/button-right.png) no-repeat right top;
	float: left;
	line-height: 33px;
	outline: none;
	padding: 0 27px 0 0px;
	position: relative;
	font-size: 12px;
	font-weight: bold;
	color: #fdfdfd;
	text-transform: uppercase;
}

div.success{
	background-color: #e6fbe3;
	border: 1px solid #bcd9b0;
	padding: 10px;
	margin-bottom: 15px;
}


div.success h4{
	font-size: 16px;
	color: #000;
	margin: 0;
}


div.success p{
	font-size: 13px;
	color: #666;
	margin: 0;
}

/* Login page Styles */

div#loginContainer {
	float: left;
	width: 325px;
}

div#loginContainer form{
	padding-bottom: 14px;
	border-bottom: #d3d3d3 solid 1px;
}

div#loginContainer input.txt {
	width: 220px;
}

a.forgotPass {
	font-size: 11px;
	text-decoration: none;
	line-height: 33px;
	color: #00407f;
}

a.forgotPass:hover {
	text-decoration: underline;
}

ol#loginForm li label{
	width: 65px;
	margin-right: 15px;
}

div#loginAction {
	margin-left: 80px;
}

div.content p.newUser {
	padding-left: 71px;
	font-weight: bold;
	color: #333;
}

div.content p.newUser strong {
	font-size: 17px;
}

div.content p.newUser a {
	color: #00407f;
}

div.portfolioTracker {
	width: 323px;
	float: right;
}

div.tradeContainer {
	width: 340px;
	float: left;
	margin-right: 20px;
}

div.tradeContainer ul.availFunds {
	margin-bottom: 20px;	
}

div.tradeContainer p.action {
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #D3D3D3;
}

/* Optgroup Styles */

optgroup {
	font-style: normal;
}

optgroup option {
	padding-left: 10px;
}

/* Loans Label Question Styles */

label.question {
	display: block;
	margin-bottom: 10px;
}

label.question span {
	float: left;
	width: 140px;
}

label.question input {
	float: left;
}