/* base grid*/
.login#register{
	position:relative;
	top:-38px;_top: -58px; /*IE6*/
	width: 386px;
	/*background:transparent url(../../images/bgs/login/contentbg.png) repeat-y;*/
	background:transparent url(../images/bgs/login/loginbox_bg.gif) bottom repeat-x;
	margin:-1px auto 0;
	min-height:100px;
	border:1px solid #d8d6d6;
	z-index:10;
}

.loginbox1{
	background:transparent url(../images/bgs/login/loginbox_bl.gif) left bottom no-repeat;
	position:relative;
	bottom:-1px;
	left:-1px;
	z-index:20;
	}
.loginbox2{
	background:transparent url(../images/bgs/login/loginbox_br.gif) bottom  right no-repeat;
	position:relative;
	z-index:20;
	right:-2px;
	}


#loginbox-alt {
	/*background:transparent url(../../../images/bgs/login/contentbg_btm.png) bottom no-repeat;*/
	padding:42px 28px 32px;
	position: relative;
	z-index: 1;
	}

.txtHeadingBig {
	display:block;
    font-family: sans-serif;
    font-size: 34px;
    font-weight: bold;
	color:#24507f;
	margin:0 0 18px;
}

.txtHeading {
	padding: 0;
}


.login#register .login_row{
	clear: both;
	width:326px;
	margin:0 auto;
	}

.login#register p,
#loginbox-alt p{
	font:normal 14px/18px "Trebuchet MS", sans-serif !important;
	}


/* step 2 & 3 ---*/
#register2{ /* container */
	position:relative;
	top:-38px;_top: -58px; /*IE6*/
	width: 400px;
	margin:-1px auto 0;
	min-height:376px;
	z-index:10;
}

.required{
	float:left;
	display:block;
	width:4px;
	}

/*form input for registration process*/
.form_reg{ /*general form invite or send msg class */
			width:100%;
			position:relative;_position:static;
			z-index:810;
			color:#24507f;
			}

	.form_reg_cont{ /*container wrapper*/
	padding:12px 0px 32px;
	margin:0 auto;
	position:relative;
	font-size:14px;
	color:#222;
	}
	.form_reg_cont p{
		font-size:14px;
		margin-bottom:12px;
		}
	.form_reg_cont h3.stitle{
		font-size:20px;
		font-weight:bold;
		color:#222;
		}
	.form_reg_cont .form_row{ /*form row */
		position:relative;
		clear:both;
		margin:4px auto;
		font-size:14px;
		display:block;
		min-height:36px;
		}
		.form_reg_cont .form_row p.import{ /* the inset for import addresses from webmail services on the invite form */
			font-size:13px;
			margin:12px 0;
			font-weight:bold;
			line-height:24px;
			}
			.form_reg_cont .form_row p.import a img, .form_reg_cont .form_row p.import a{ /*adjsuting vertical position */
				vertical-align:bottom;
				}
		.form_reg_cont .lft{ /* the left column  */
			float:left;
			text-align:left;
			padding-top:4px;
			color:#222;
			font-weight:bold;
			}
		.form_reg_cont .rgt{ /* the right column */

			margin-left:142px;
			_margin-left:130px;
			_overflow:hidden;
			}

		.form_reg_cont .form_row .hovertxt{
			position:absolute;
			top:0;
			right:-140px;_right:0;
			width:120px;
			color:#24507f;
			font-size:14px;
			}

		.form_reg_cont input.textinput,
		.form_reg_cont textarea.textinput,
		.form_reg_cont select{ /* the input field column */
				display: block;
				font-size: 14px;
				font-family:"Trebuchet MS", sans-serif;
				width:100%;
				padding:4px 0px 4px 4px;
				/*color: #d2d6db;*/
				color:#999;
				border: 1px solid #c7dadf;
				margin-bottom:14px;
				*float:left;
				*display:inline;
				}
        .form_reg_cont input.textinput2,
	    .form_reg_cont input.textinput:hover,
		.form_reg_cont textarea.textinput:hover,
		.form_reg_cont input.inlineinput:hover{ /* the input field hover effect  */
			border-color: #2092fa;
			}
		.form_reg_cont select{
			width:264px;
			}

		/*style for input dates */
			.form_reg_cont select.date{
				padding:0;
				display:inline !important;
				vertical-align:middle;
				margin:0;
				float:left;
				}
			.form_reg_cont select.month{
				width:5em;
				}
			.form_reg_cont select.day{
				width:4em;
				margin-left:0.5em;
				}
			.form_reg_cont select.year{
				width:4.4em;
				margin-left:0.5em;
				}
			.form_reg_cont select.time,
			.form_reg_cont select.minutes{
				width:3.5em;
				margin-left:0.5em;
				}
				.form_reg_cont select.minutes{
					width:3.4em;
					}
		.form_reg_cont input.inlineinput{
				font-size: 14px;
				font-family:"Trebuchet MS", sans-serif;
				padding:4px 0px 4px 4px;
				/*color: #d2d6db;*/
				color:#999;
				border: 1px solid #c7dadf;
				margin:0;
			}

		.form_reg_cont input.textinput2{
				font-size: 14px;
				margin-bottom:14px;
				font-family:"Trebuchet MS", sans-serif;
				padding:4px 0px 4px 4px;
				/*color: #d2d6db;*/
				color:#999;
				border: 1px solid #c7dadf;
				margin:0;
				width:100%;
				display: block;
			}

		.form_reg_cont span.radiogroup{/*style for radio button group on registration form*/
			display:block;
			font-size:14px;
			width:100%;
			}
			.form_reg_cont span.radiogroup label{
				color:#888;
				}

	.form_reg_cont textarea.msg{ /* the input field column -- textarea to input msg text*/
		margin:0 auto;
		border:1px solid #c7dadf;
		font-weight:bold;
		font-size:14px;
		font-family:"Trebuchet MS", sans-serif;
		padding:4px 0px 4px 4px;
		color:#999;
		text-align:left;
		width:99%;
		}

	.form_reg_cont input.textinput.darkgrey, .form_reg_cont textarea.msg.darkgrey{ /*different style for particular field */
		color:#333;
		}
		.form_reg_cont div.spot_act{ /*action buttons -- cancel or submit */
			clear:both;
			height:32px;_height:42px;
			/*padding:2px 6px 0 10px;*/
			font-size:16px;
			font-weight:bold;
			color:#000;
			width:100%;
			}
		.form_reg_cont div.spot_act input.btn_ok{ /*ok button == submit */
				float:right;
				vertical-align:middle;
				height:40px;
				padding:0 0;
				position:relative;_position:static;
				right:-6px;
				}

		.form_reg_cont div.spot_act a.cancel{ /*cancel button(links) */
			font-size:21px;
			line-height:40px;
			float:left;
			font-weight:bold;
			color:#24507f;
			}
			.form_reg_cont div.spot_act a.cancel .pos{
				font-size:12px;
				line-height:40px;
				vertical-align:middle;
				color:#888;
				}

.form_reg_cont .half1{
	width:188px;
	margin:0 12px 0 0;
	float:left;
	}
.form_reg_cont .half2{
	width:188px;
	margin:0 0 0 12px;
	float:right;
	}
	.form_reg_cont .half1,
	.form_reg_cont .half2,
	.form_reg_cont .half2 .label,
	.form_reg_cont .half1 .label
	{
		display:block;
		font:bold 14px "Trebuchet MS", sans-serif;
		color:#000;
		margin-bottom:4px;
		}
	.form_reg_cont .half1 select,
	.form_reg_cont .half2 select
	{
		width:100%;
		margin-bottom:6px;
		}


a.add_pref{
	direction:block;
	height:24px;
	margin:4px 0;
	color:#888;
	font-weight:normal;
	cursor:pointer;
	}
	a.add_pref img{
		vertical-align:middle;
		}

a.add_icon{
	direction:block;
	height:24px;
	margin:4px 0;
	color:#888;
	font-weight:normal;
	cursor:pointer;
	}
	a.add_icon img{
		vertical-align:middle;
		}
	a.add_icon small{
		font-size:11px;
		margin-left:4px;
		}

.chkbox{
	vertical-align:middle;
	color:#999;
	}
.txtemphasis{
	color:#24507F;
	font-weight:bold;
	}

	  #opacityDiv {
  	  width: 100%; height: 100%; z-index: 99;
  }
img.icon{
	cursor: pointer;
	}