@charset "utf-8";
/* CSS Document */

 
img {
	border:0;
}

checkbox{
	border:0;	
}
.alert{
	width:250px;
	position:absolute;
	text-align:left;
	margin:-15px 0 0 150px;
}
	
.mandatory {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF8204;
	height:30px;
}
#main {
	padding-top:10px;
	margin:0 auto;
	width:500px;	
}
#main1 {
	padding-top:10px;
	width:400px;

}
#contact {
	width:500px;
	height:36px;
	background-color:#eeeeee;
	margin-bottom:5px;	
}
 
.contact {
	float:left;
	width:184px;
	text-align:center;
	height:26px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#003366;
	padding-top:10px;	
	
}
.compulsory {
	float:left;
	position:relative;
	width:312px;
	height:31px;
	margin-left:2px;
	padding-top:5px;
	font:bold 10px Verdana, Geneva, sans-serif;
	color:#000000;
	
}
.divrow {
	height:30px;
	width:500px;
	clear:both;
}
.divrow1 {
	height:30px;
	width:500px;
	clear:both;
}
.divrow_cap{
	height:100px;
}
.field-text {
	float:left;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:right;
	width:180px;
	margin-right:5px;
}
.field-text1 {
	float:left;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:right;
	width:180px;
	margin-right:5px;
}
.field-text1 span {
	color:#FF8204;
	padding-left:2px; 
}

.form_header{
	color:#e27410;
	font-size:32px;
	font-family: 'helvetica_cebold';
	text-align:left;
}
.field-box {
	float:left;
	width:150px;

}
.txtField{
	width:130px;
	border:sosolid 1px #41383e;
	
}
.field-text span {
	color:#ff8204;	
}
 
.massage {
	width:500px;
}
.message-text {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#003366;
	text-align:center;
	width:500px;
	margin:10px 0 10px 0;
}
.massage-box {
	width:500px;
	margin:10px 0 10px 0;
	text-align:center;
}
.captcha-box {
	width:500px;
	margin:10px 0 10px 0;
	text-align:center;
}
.txtArea {
	width:80%;
	height:5%;
}
.txtArea1 {
	height:5%;
 	width:130px;
	border:solid 1px #dbdfe6;

}
 
.button-right {
	height:30px;
	text-align:center;
	width:500px;
	padding:20px 0 20px 0;
}

/* sliding class */

.form_container{
	z-index:99999;
	position:fixed;
	top:15%;
	left:0;
}

.contactform
{	
	left:23px;
	top:1%;
	z-index:100000;
	position:fixed;
	background:#e0e0e0;
	border-radius:10px;
	behavior: url(PIE.htc);
	border:solid 1px #033;
	}
 
.click{
	position:fixed;
	z-index:100000;
	left:0;
	top:55%;
}
.close{
	z-index:100000;
	margin-right:7px;
	float:right;
	margin-top:-60px;
	border-radius: 10px;	
	behavior: url(PIE.htc);
	height:0;	
}

#popup_box {
    display:none; /* Hide the DIV */
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6 */  
    height:auto;
    width:50%;  
    background:#FFFFFF;  
    left: 25%;
    top: 20%;
    z-index:1000; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
   
    /* additional features, can be omitted */
    border:2px solid #094c81;      
    padding:15px;  
    font-size:15px;  
    -moz-box-shadow: 0 0 5px #094c81;
    -webkit-box-shadow: 0 0 5px #094c81;
    box-shadow: 0 0 5px #094c81;
}
a{ 
cursor: pointer; 
text-decoration:none; 
}
#popup_inner{
	width:100%;	
} 
/* This is for the positioning of the Close Link */
#popup_box {
    display:none; /* Hide the DIV */
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6 */  
    height:auto;
    width:40%;  
    background:#FFFFFF;  
    left: 25%;
    top: 20%;
    z-index:1000; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
   
    /* additional features, can be omitted */
    border:2px solid #094c81;      
    padding:15px;  
    font-size:15px;  
    -moz-box-shadow: 0 0 5px #094c81;
    -webkit-box-shadow: 0 0 5px #094c81;
    box-shadow: 0 0 5px #094c81;
}
a{ 
cursor: pointer; 
text-decoration:none; 
}

/* This is for the positioning of the Close Link */
#popupBoxClose {
    font-size:20px;  
    line-height:15px;  
    right:-20px;  
    top:-20px;  
    position:absolute;  
    color:#094c81;  
    font-weight:500;
	
		     
}
#text1
{
	font-size:15px;  
	font-weight:500;  
	color:#094c81;
	vertical-align:text-top;
}
#wa
{
	font-size:12px; 
	color:#F00;
	font-weight:500;  
}
textarea {
    resize: none;
	width:70%;
	border:1px solid #094c81;
	font-family:"Courier New", Courier, monospace;
	}
#ops{
    resize: none;
	width:70%;
	border:1px solid #094c81;
	font-family:"Courier New", Courier, monospace;
	
}
#nps{

    resize: none;
	width:70%;
	border:1px solid #094c81;
	font-family:"Courier New", Courier, monospace;
}
#nps1{

    resize: none;
	width:50%;
	border:1px solid #094c81;
	font-family:"Courier New", Courier, monospace;
}

@media screen and (max-width:1024px) 
{
#main {
	margin:0 auto;
	width:500px;
}
#contact {
	width:500px;
	height:36px;
	background-color:#eeeeee;
	margin-bottom:5px;
	
}
.contact {
	float:left;
	width:184px;
	text-align:center;
	height:26px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#003366;
	padding-top:10px;	
	
}
.compulsory {
	width:312px;
	height:31px;
	margin-left:2px;
	padding-top:5px;
	font:bold 10px Verdana, Geneva, sans-serif;
	color:#000000;
	border-left:1px solid #ffffff;
	
}
.divrow {
	height:32px;
	width:500px;
}
.field-text {
	float:left;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:right;
	width:180px;
	margin-right:5px;
	position:relative;
}
.field-box {
	float:left;
	position:relative;
	width:20px;
	position:relative;
	
}
.field-text span {
	color:#ff8204;
	
}
.apply {
	font:bold 11px Verdana, Geneva, sans-serif;
	color:#000000;
}
.txtArea {
	width:90%;
}
 
.button-right { 
	width:310px;
}
}
@media screen and (max-width:768px)
{
#main {
	margin:0 auto;
	width:500px;
}
#contact {
	width:500px;
	height:36px;
	background-color:#eeeeee;
	margin-bottom:5px;
	
}
.contact {
	float:left;
	width:184px;
	text-align:center;
	height:26px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#003366;
	padding-top:10px;	
	
}
.compulsory {
	float:left;
	position:relative;
	width:312px;
	height:31px;
	margin-left:2px;
	padding-top:5px;
	font:bold 10px Verdana, Geneva, sans-serif;
	color:#000000;
	border-left:1px solid #ffffff;
	
}
.field-text {
	float:left;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:right;
	width:180px;
	margin-right:5px;
	position:relative;
}
.field-box {
	float:left;
	position:relative;	
}
.field-text span {
	color:#ff8204;	
}
 
.massage {
	height:155px;
}


 /* This is for the positioning of the Close Link */
#popup_box {
    display:none; /* Hide the DIV */
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6 */  
    height:auto;
    width:75%;  
    background:#FFFFFF;  
    left: 15%;
    top: 20%;
    z-index:1000; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */   
    /* additional features, can be omitted */
    border:2px solid #094c81;      
    padding:15px;  
    font-size:15px;  
    -moz-box-shadow: 0 0 5px #094c81;
    -webkit-box-shadow: 0 0 5px #094c81;
    box-shadow: 0 0 5px #094c81;
}
 


}
@media screen and (max-width:640px)
{
#main {
	margin:0 auto;
	width:280px;
}
#main1 {
	margin:0 auto;
	width:320px;
} 
#contact {
	width:280px;
	height:66px;
	background-color:#eeeeee;
	margin-bottom:5px;	
}
.contact {
	float:left;
	width:50px;
	text-align:center;
	height:26px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#003366;
	padding-top:20px;		
}
.compulsory {
	float:left;
	position:relative;
	width:210px;
	padding-top:5px;
	margin-left:2px;
	font:bold 11px Verdana, Geneva, sans-serif;
	color:#000000;
	border-left:1px solid #ffffff;
	height:66px;
}
.divrow {
	height:22px;
	width:280px;
}
.divrow1 {
	height:28px;
	width:320px;
}
.divrow_cap{
	height:150px;
	width:280px;
}
.field-text {
	float:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:right;
	width:95px;
}
.field-box {
	float:left;
	position:relative;
}
.field-text1 {
	float:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:right;
	width:115px;
	margin-right:5px;
}
.field-text span {
	color:#ff8204;
}
.massage {
	width:280px;
	height:80px;
}
.message-text {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#003366;
	text-align:center;
	width:280px;
}
.massage-box {
	width:280px;
	margin-right:0px;
}
.txtArea {
	width:75%;
	height:35px;
}
.button {
	width:280px;
	height:35px;
}
.button-right {
	text-align:center;
	width:280px;
	padding:130px 0;
}
#cps{
	height:30px;	
}
.form_container{
	z-index:99999;
	position:absolute;
	top:15%;
	left:0;
	width:280px;
}

.contactform
{	
	left:23px;
	top:20%;
	z-index:100000;
	position:absolute;
	background:#e0e0e0;
	border-radius:10px;
	behavior: url(PIE.htc);
	height:440px;
	}

.click{
	top:45%;
	height:0;
		
}
.close{
	height:0;
	margin-left:0px;
	margin-right:0px;
	top:0;
}
}
@media screen and (max-width:480px)
{
#main {
	margin:0 auto;
	width:280px;
} 
#contact {
	width:280px;
	height:66px;
	background-color:#eeeeee;
	margin-bottom:5px;	
}
.contact {
	float:left;
	width:50px;
	text-align:center;
	height:26px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#003366;
	padding-top:20px;		
}
.compulsory {
	float:left;
	position:relative;
	width:210px;
	padding-top:5px;
	margin-left:2px;
	font:bold 11px Verdana, Geneva, sans-serif;
	color:#000000;
	border-left:1px solid #ffffff;
	height:66px;
}
.field-text {
	float:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:right;
	width:95px;
} 
.field-text1 {
	float:left;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:right;
	width:75px;
	margin-right:5px;
}
.field-box {
	float:left;
	position:relative;
}
.field-text span {
	color:#ff8204 !important;
}

.massage {
	width:280px;
	height:80px;
}
.message-text {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#003366;
	text-align:center;
	width:280px;
}
.massage-box {
	width:280px;
	margin-right:0px;
}
.button {
	width:280px;
	height:35px;
}
.form_container{
	top:1%;
}

.contactform
{	top:10%;
	}
	
/* This is for the positioning of the Close Link */
#popup_box {
    width:85%;  
    background:#FFFFFF;  
    left: 5%;
    top: 20%;
    
}
}
@media screen and (max-width:400px)
{
	
	/* This is for the positioning of the Close Link */
#popup_box {
    width:75%;  
    background:#FFFFFF;  
    left: 5%;
    top: 20%;
    
}
.captcha-box {
	width:320px;
	margin:10px 0 10px 0;
	text-align:center;
}	
#text1
{
	font-size:12px;  
	font-weight:500;  
	color:#094c81;
	vertical-align:text-top;
}
#wa
{
	font-size:12px; 
	color:#F00;
	font-weight:500;  
}
textarea {
    resize: none;
	width:60%;
	border:1px solid #094c81;
	font-family:"Courier New", Courier, monospace;
	}
#ops{
    resize: none;
	width:60%;
	border:1px solid #094c81;
	font-family:"Courier New", Courier, monospace;
	
}
#nps{

    resize: none;
	width:60%;
	border:1px solid #094c81;
	font-family:"Courier New", Courier, monospace;
}
#nps1{

    resize: none;
	width:40%;
	border:1px solid #094c81;
	font-family:"Courier New", Courier, monospace;
}
 
 }
@media screen and (max-width:320px) 
 {

 
 }