﻿.pop_up
{
	font-family: 'Calibri';
	width: 74%;
	margin: 0 auto;
	color: #666666;
}
.pop_up2
{
	font-family: 'Calibri';
	width: 50%;
	margin: 0 auto;
	color: #666666;
}
.pop_up3
{
	font-family: 'Calibri';
	width: 47%;
	margin: 0 auto;
	color: #666666;
}
.pop_up4
{
	font-family: 'Calibri';
	width: 28%;
	margin: 0 auto;
	color: #666666;
}
.pop_up_SignIn
{
	font-family: 'Calibri';
	width: 28%;
	margin: 0 auto;
	color: #666666;
}
.pop_up_authentication
{
	font-family: 'Calibri';
	width: 28%;
	margin: 0 auto;
	color: #FF0000;
	font-size: medium;
	font-weight: bold;
}
.pop_up_session
{
	font-family: 'Calibri';
	width: 28%;
	margin: 0 auto;
	color: #FF0000;
	font-size: medium;
	font-weight: bold;
}
.pop_up_sms
{
	font-family: 'Calibri';
	width: 28%;
	margin: 0 auto;
}
.pop_up_service
{
	font-family: 'Calibri';
	width: 40%;
	margin: 0 auto;
}
.pop_up_success
{
	font-family: 'Calibri';
	width: 28%;
	margin: 0 auto;
}
.tab
{
	background: #BF225F;
	color: #fff;
	border-radius: 8px 8px 0px 0px;
	width: 98%;
	behavior: url(PIE.htc);
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	-o-border-radius: 8px 8px 0px 0px;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 1% 3px 1%;
}
.cross a
{
	height: 16px;
	width: 16px;
	cursor: pointer;
	float: right;
	background: url(../images/cross.png) no-repeat;
}
.cross a:hover
{
	height: 16px;
	width: 16px;
	cursor: pointer;
	float: right;
	background: url(../images/cross_hover.png) no-repeat;
}
.outer
{
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 0 0 8px 8px;
	behavior: url(PIE.htc);
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	-o-border-radius: 0 0 8px 8px;
	box-shadow: 1px 2px 7px #CCCCCC;
	-moz-box-shadow: 1px 1px 1px #ccc;
	-webkit-box-shadow: 1px 1px 1px #ccc;
	-o-box-shadow: 1px 1px 1px #ccc;
	padding: 1% 1% 1% 1%;
	text-align: center;
	width: 98%;
	color: #333;
}
.inner_div
{
	background: none repeat scroll 0 0 #F4F4F4;
	border: 1px solid #999999;
	border-radius: 8px 8px 8px 8px;
	behavior: url(PIE.htc); /*color: #3B3A34;*/
	padding: 1% 1% 1% 1%;
	width: 98%;
	-moz-border-radius: 8px 8px;
	-webkit-border-radius: 8px 8px;
	-o-border-radius: 8px 8px;
	text-align: left;
	font-size: 12px;
}
/*.select
{
	background: #fff;
	width: 100%;
	height: 21px;
	border: 1px solid #B1ADA1;
	font-size: 11px;
	color: #666666;
	padding: 1px;
}*/
.input
{
	background: #fff;
	width: 99%;
	height: 18px;
	border: 1px solid #B1ADA1;
	font-size: 11px;
	color: #666666;
	padding: 1px;
}
/*.text
{
	background: #fff;
	width: 100%;
	height: 15px;
	border: 1px solid #B1ADA1;
	font-size: 11px;
	color: #666666;
	padding: 3px 3px 3px 1px;
}*/
.submit_button
{
	background: url("images/submit.png") no-repeat scroll center top transparent;
	border: medium none;
	cursor: pointer;
	height: 25px;
	width: 62px;
}
.submit_button:hover
{
	background: url("images/submit_hover.png") no-repeat scroll center top transparent;
	border: medium none;
	cursor: pointer;
	height: 25px;
	width: 62px;
}
.cancel_button
{
	background: url("images/cancel1.png") no-repeat scroll center top transparent;
	border: medium none;
	cursor: pointer;
	height: 25px;
	width: 62px;
}
.cancel_button:hover
{
	background: url("images/cancel_hover.png") no-repeat scroll center top transparent;
	border: medium none;
	cursor: pointer;
	height: 25px;
	width: 62px;
}
.tab-l
{
	float: left;
}
.clear
{
	clear: both;
}
.one
{
	float: left;
	width: 100%;
	margin-bottom:5px;
}
.one label
{ *float:left;
}
.two
{
	float: right; /*padding:0% 1%;*/
	width: 100%;
}
.three
{
	float: left; /*padding:0% 1%;*/
	width: 100%;
	/*line-height:30px;*/
	margin-bottom:5px;
}
.three p
{ 
	*padding-top:2px;
	float:left;
}
.four
{
	float: left;
	padding-right: 2%;
	width: 23%;
}
.main-div-one
{
	float: left;
	width: 50%;
}
.main-div-two
{
	float: right;
	width: 50%;
}
.left-part
{
	float: left;
	width: 28%;
	line-height: 22px;
	*line-height:0px;
}
.right-part
{
	float: right;
	/*padding: 10px 0 0;*/
	padding:0;
	/*width: 66%;*/
	width:62%;
	line-height: 25px;
}
.textfield_responsive
{
	background: #FFFFFF url(../images/text_box_pix.gif) repeat-x;
	border: #b1ada1 solid 1px;
	margin: 0px;
	padding: 1%;
	width: 55% !important;
	height: 14px;
	color: #666666;
	vertical-align: middle;
	font-family: verdana,tahoma,helvetica;
	font-size: 11px;
	float: right;
}
.outer_reg
{
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 0 0 8px 8px;
	behavior: url(PIE.htc);
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	-o-border-radius: 0 0 8px 8px;
	box-shadow: 1px 2px 7px #CCCCCC;
	-moz-box-shadow: 1px 1px 1px #ccc;
	-webkit-box-shadow: 1px 1px 1px #ccc;
	-o-box-shadow: 1px 1px 1px #ccc;
	padding: 1.5%;
	text-align: center;
	width: 97%;
	float: left;
	color: #333;
}
.inner_div_reg
{
	background: none repeat scroll 0 0 #F4F4F4;
	border: 1px solid #999999;
	border-radius: 8px 8px 8px 8px;
	behavior: url(PIE.htc); /*color: #3B3A34;*/
	padding: 2%;
	width: 96%;
	-moz-border-radius: 8px 8px;
	-webkit-border-radius: 8px 8px;
	-o-border-radius: 8px 8px;
	text-align: left;
	font-size: 13px;
	float: left;
}
.dropdown_responsive
{
	width: 55%;
	font-family: verdana,tahoma,helvetica;
	font-size: 11px;
	color: #666666;
	margin: 3px 0 0 0;
	height: 20px;
	padding: 1px;
	float: right;
}
.textfield_responsive_reg
{
	background: #FFFFFF url(../images/text_box_pix.gif) repeat-x;
	border: #b1ada1 solid 1px;
	margin: 3px 0 0 0;
	padding: 1%;
	width: 53% !important;
	height: 14px;
	color: #666666;
	vertical-align: middle;
	font-family: verdana,tahoma,helvetica;
	font-size: 11px;
	float: right;
}
.left-part_reg
{
	float: left;
	width: 48%;
	line-height: 22px;
	padding: 5px 0 0; *line-height:0px;
}
.right-part_reg
{
	float: right;
	padding: 5px 0 0;
	width: 48%;
	line-height: 6px;
}
.three_reg
{
	float: left; /*padding:0% 1%;*/
	width: 100%;
	line-height: 27px;
}
.tab_reg
{
	background: none repeat scroll 0 0 #BF225F;
	behavior: url(PIE.htc);
	border-radius: 8px 8px 0 0;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 1.8% 3px 3.5%;
	width: 95%;
}
.one_reg
{
	float: left;
	width: 100%;
	line-height: 27px;
}
.one_reg label
{ *float:left;
}
.request_reg
{
	width: 100%;
}
.three_reg label
{ *float:left;
}
.part_SignIn
{
	float: left;
	width: 100%;
	line-height: 22px;
	padding: 5px 0 0; *line-height:0px;
}
.signIn_row
{
	float: left; /*padding:0% 1%;*/
	width: 84%;
	line-height: 27px;
}
.signIn_row label
{
	margin-left: 16%; *float:left;
}
.signIn_row_control
{
	float: left; /*padding:0% 1%;*/
	width: 100%;
	line-height: 27px;
}
.modalBackground
{
	background-color: #000000;
	filter: alpha(opacity=60);
	opacity: 0.6;
}
@media (max-width:1180px)
{
}
@media (max-width:1024px)
{
	.pop_up
	{
		font-family: 'Calibri';
		width: 96%;
		margin: 0 auto;
		position: relative;
		top: 250px !important;
		left: 20px !important;
	}
	.pop_up2
	{
		font-family: 'Calibri';
		width: 50%;
		margin: 0 auto;
	}
	.pop_up3
	{
		font-family: 'Calibri';
		width: 63%;
		margin: 0 auto;
		color: #666666;
		font-size: 13px;
		top: 150px !important;
	}
	.pop_up4
	{
		font-family: 'Calibri';
		width: 38%;
		margin: 0 auto;
	}
	.outer_reg
	{
		padding: 1.8% 2% 2%;
		width: 96.2%;
	}
	.pop_up_SignIn
	{
		width: 38%;
		top: 300px !important;
	}
	.pop_up_authentication
	{
		width: 38%;
	}
	.pop_up_session
	{
		width: 38%;
	}
	.pop_up_sms
	{
		width: 40%;
		top: 300px !important;
	}
	.sms_area
	{
		width: 100% !important;
	}
	.pop_up_success
	{
		width: 38%;
	}
	.pop_up_service
	{
		width: 50%;
		top: 150px !important;
	}
	.right-part
	{
	  line-height:25px;	
	}
}
@media (max-width: 960px)
{
}
@media (max-width: 900px)
{
}
@media (max-width: 850px)
{
}
@media (max-width: 800px)
{
}
@media (max-width: 780px)
{
	.left-part
	{
		width: 35%;
	}
	.right-part
	{
		width: 61%;
	}
	.three p
	{
		width: 52%;
		height: 8px;
		line-height: 12px;
		padding-top:5px;
		padding-bottom:14px;
	}
	.pop_up2
	{
		width: 70%;
	}
	.pop_up
	{
		position: relative;
		top: 250px !important;
		left: 15px !important;
	}
	.pop_up3
	{
		width: 84.7%;
		top: 200px !important;
	}
	.pop_up4
	{
		width: 52%;
	}
	.outer_reg
	{
		width: 96.3%;
	}
	.pop_up_SignIn
	{
		width: 48%;
		top: 400px !important;
	}
	.pop_up_authentication
	{
		width: 48%;
	}
	.pop_up_session
	{
		width: 48%;
	}
	.pop_up_sms
	{
		width: 50%;
		top: 400px !important;
	}
	.pop_up_success
	{
		width: 48%;
	}
	.pop_up_service
	{
		width: 65%;
		top: 150px !important;
	}
	#box
	{
		left: 25% !important;
	}
	.three p {
  float: left;
  height: 8px;
  line-height: 12px;
  position: relative;
  width: 52%;
}

}
@media (max-width: 725px)
{
}
@media (max-width: 670px)
{
}
@media (max-width:640px)
{
	.pop_up4
	{
		width: 65%;
	}
	.pop_up_SignIn
	{
		width: 60%;
	}
	.pop_up_authentication
	{
		width: 56%;
	}
	.pop_up_session
	{
		width: 56%;
	}
	.pop_up_sms
	{
		width: 60%;
	}
	.pop_up_success
	{
		width: 56%;
	}
	.pop_up_service
	{
		width: 75%;
	}
	.left-part{width:100%;}
	.right-part{width:100%;}
	.one label{font-size:14px;}
	.three p{font-size:14px;}
	.one input{width:32% !important;}	
}
@media (max-width: 600px)
{
}
@media (max-width:560px)
{
	.pop_up_SignIn
	{
		width: 66%;
	}
	.pop_up_authentication
	{
		width: 64%;
	}
	.pop_up_sms
	{
		width: 65%;
	}
	.pop_up_session
	{
		width: 64%;
	}
	.pop_up_success
	{
		width: 64%;
	}
	.pop_up_service
	{
		width: 80%;
	}
}
@media (max-width: 550px)
{
}
@media (max-width: 520px)
{
}
@media (max-width: 480px)
{
	.pop_up
	{
		/*width: 94%;*/
		width: 420px;
		position: relative;
		top: 200px !important;
		left: 25px !important;
	}
	.pop_up2
	{
		width: 75%;
	}
	.pop_up3
	{
		width: 75%;
		top: 100px !important;
	}
	.pop_up4
	{
		width: 75%;
	}
	.inner_div
	{
		height: 300px;
		overflow-x: hidden;
		overflow-y: auto;
		font-size: 11px;
		padding-left:4%;
		width:94%;
	}
	.left-part
	{
		width: 100%;
	}
	.right-part
	{
		width: 100%;
	}
	.three p
	{
		width: 49%;
		padding-bottom: 2px;
	}
	.textfield_responsive
	{
		width: 48% !important;
	}
	.left-part_reg
	{
		width: 100%;
	}
	.right-part_reg
	{
		width: 100%;
	}
	.inner_div_reg
	{
		height: 300px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.signin_inner
	{
		height: auto !important;
	}
	.signIn_row
	{
		width: 86%;
	}
	.signIn_row label
	{
		margin-left: 5%;
	}
	.pop_up_authentication
	{
		width: 70%;
	}
	.pop_up_sms
	{
		width: 75%;
		top: 150px !important;
	}
	.pop_up_session
	{
		width: 70%;
	}
	.pop_up_success
	{
		width: 70%;
	}
	.pop_up_service
	{
		width: 70%;
	}
	.float_label
	{
		float: left;
		width: 100% !important;
	}
	.float_field
	{
		float: left;
		padding-bottom: 10px;
		width: 100% !important;
	}
	.float_field input, .float_field select, .float_field textarea
	{
		width: 95% !important;
	}
	.amity_date
	{
		width: 93% !important;
	}
	.dropdown.amity_drop
	{
		width: 18% !important;
	}
	.pop_up_SignIn
	{
		top: 150px !important;
	}
	#box
	{
		left: 5% !important;
	}
	.three{margin-bottom:11px;}
	.three p{width:49%; font-size:12px;}
	.one{width:99%;}
	.one label{font-size:12px;}
	.one input{width: 46% !important;}
	.outer{padding:1% 0.7% 1% 1.4%;}
}

@media (max-width: 460px)
{
	#box
	{
		width: 85% !important;
	}
}

@media (max-width: 320px)
{
	.pop_up
	{
		width: 260px;
		position: relative;
		top: 150px !important;
		left: 20px !important;
	}
	.pop_up2
	{
		width: 90%;
	}
	.pop_up3
	{
		width: 90%;
		top: 150px !important;
	}
	.pop_up4
	{
		width: 90%;
	}
	.right-part_reg
	{
		float: left;
		padding-left: 0;
		width: 100%;
	}
	.textfield_responsive_reg
	{
		width: 96% !important;
	}
	.one_reg
	{
		line-height: 15px;
		padding-bottom: 7px;
	}
	.three_reg
	{
		line-height: 15px;
		padding-bottom: 7px;
	}
	.dropdown_responsive
	{
		width: 100%;
		font-family: verdana,tahoma,helvetica;
		font-size: 11px;
		color: #666666;
		margin: 3px 0 0 0;
		height: 20px;
		padding: 1px;
		float: right;
	}
	.pop_up_authentication
	{
		width: 85%;
	}
	.pop_up_session
	{
		width: 85%;
	}
	#box
	{
		padding: 44px 0 0 !important;
		width: 95% !important;
	}
	.pop_up_success
	{
		width: 85%;
	}
	.tab-l
	{
		font-size: 10px;
	}
	.pop_up_SignIn
	{
		top: 200px !important;
	}
	.pop_up_sms
	{
		top: 200px !important;
	}
	#box
	{
		left: 2% !important;
	}
	.three p
	{
		padding-bottom: 22px;
		width: 100%;
	}
	.three div.aspnetForm
	{
		float: left !important;
		padding-bottom: 0;
	}
	.one input{width: 96% !important;}

}
@media (max-width: 240px)
{
	.pop_up
	{
		width: 195px;
	}
	.right-part
	{
		padding-left: 3px;
	}
	.right-part_reg
	{
		width: 100%;
	}
	.signIn_row
	{
		width: 98%;
	}
	.access_td
	{
		width: 87% !important;
		float: left !important;
		text-align: left;
	}
	#box
	{
		height: auto !important;
	}
	#boxtitle
	{
		font-size: 10px !important;
	}
	.pop_up_service
	{
		width: 90%;
	}
	.three p
	{
		padding-bottom: 18px;
	}
}

@media screen and (max-width: 480px)
{


}
