/********************************
 *	Faces Components Stylesheet *
 ********************************/
.registerbtnalign{position:relative; bottom:150px; left:21%;width:200px;}
.rtl .registerbtnalign{position:relative; bottom:130px; right:20%; width:200px;}

.centeralign{ text-align:center;}
.w_400{ width:380px !important;}
.w_200{ width:200px !important;}
.w_200:lang(ar){text-align:right !important;}
.w_200:lang(en){text-align:left !important;}
.disabled{background-color:#cccccc !important; border:1px solid #999999 !important;}
.floatcolright{float:right;}
.bolderfont{ font-weight:bold;}
.underlinetext{text-decoration:underline;}
.floatcolleft:lang(ar){float:right !important;}
.floatcolleft:lang(en){float:left !important;}

.center_button{width:100% !important; text-align:center; align:center; padding:10px !important; content:'' !important;}
.colfloatarea{ float:left;}
.clearsubform{clear:both;}
.requiredfield{ font-size:12px; color:#F00; font-weight:bold;}


.eservice-sub-container-col{
	width:68%; 
	float:left;
}

#eservice-container .common-body table.tbl5columnreg td{ text-align:left;}

#eservice-container .common-body table.tbl5columnreg td{padding:3px}
#eservice-container .common-body table.tbl5columnreg>tbody>tr>td.labels,
#eservice-container .common-body table.tbl5columnreg>tbody>tr>td:nth-of-type(1){width:auto !important; white-space:nowrap; font-weight:bold;}

#eservice-container .common-body table.tbl5columnreg>tbody>tr>td.colon,
#eservice-container .common-body table.tbl5columnreg>tbody>tr>td:nth-of-type(2){width:3% !important;font-weight:bold; content:':'}

#eservice-container .common-body table.tbl5columnreg>tbody>tr>td:nth-of-type(3){width:25% !important;}


#eservice-container .common-body table.tbl5columnreg>tbody>tr>td:nth-of-type(4){width:5% !important;}

#eservice-container .common-body table.tbl5columnreg>tbody>tr>td.error-msg,
#eservice-container .common-body table.tbl5columnreg>tbody>tr>td:nth-of-type(5){width:40% !important;}

#eservice-container .common-body table.tbl5columnreg>tbody>tr>td.btns{width:50% !important; text-align:center; align:center; padding:10px !important; content:'' !important;}


label.qLabel span{
    float:left; width:400px
}

label.qLabelFinal span{
    float:left; width:500px ;padding-bottom:10px;
}

label.qLabelInf span{

}

.txt_descInfo{
float:left; padding:3px 0 12px 0;
}

label.qLabelFinal span{
    float:left; width:500px ;padding-bottom:10px;
}
label.qLabelFinal2 span{
    float:left;padding-top:15px;width:500px;
}
.txt_desc2{

float:left; width:500px; height:auto;
}

.note {float:left; width:340px; margin-left:20px; display:inline }

.note h1 {color:#62883c; font-size:14px; font-weight:bold; }

DIV.note h1 {border-top: 9px #cdcdcd solid;}

DIV.note {
width: 28%;
padding-left: 0;
}


.note p {float:left; width:340px; margin:0; padding:0; color:#5c5c5c; font-size:12px; font-family:Arial, Helvetica, sans-serif; }

.mandatory {float:left; font-size: 12px !important; color: #00AB67 !important; margin-left: 15px;}

.cont_btn {float:left; width:478px; margin-top:20px; display:inline  }

a.cancel {float:left; color:#62883c; margin-left:15px; display:inline; text-decoration:underline !important; padding-top:5px }
 
.txt_desc_area  {float:left; width:140px; }

.terms {float:left; width:930px ; margin-top:10px; display:inline }

.terms input {float:left; width:20px; }

.conf {float: left; width:450px }

.terms span {float:left; width:280px; }

.pos{float:right; width:150px }



/*tooltip - start*/

.tooltip a:hover {
  position: relative;
  cursor:pointer;
}

.tooltip a:hover:after {
  content: attr(data-title);
  padding: 4px 8px;
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 999999;
  width: auto;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0px 0px 3px #777;
  -webkit-box-shadow: 0px 0px 3px #777;
  box-shadow: 0px 0px 3px #777;
  background-color: #ffffff;
  border: 1px #777777 solid;
  min-width: 130px;
  white-space: pre-wrap;
}

.tooltip {
font-family: 'FontAwesome', Arial;
}

td.tooltip a {
	display:block;
	text-decoration: none !important;
	cursor: default !important;
}

.tooltip i{
padding: 3px;
cursor: pointer !important;

}

/*tooltip - end*/



select {
	min-height: 20px !important;
	border: 1px solid #00AB67 !important;
}

.mobileFormat input[type=text] {
	max-width: 109px !important;
}

.register_confirmation {
 padding: 5px;
 margin: 10px 0;
}

.register_buttons span{
 display: inline !important;
 margin-right: 10px;
 float: left !important;
}

.rowdiv {
	display: block;
	clear:both;
}


/* Media Queries - Start -------------------------------------------------------------------------------------------------*/  

@media screen and (max-width: 768px) {

.registerbtnalign{position:inherit !important;}
.rtl .registerbtnalign{position:inherit !important;}

td.inputMobile {
	white-space:nowrap;
}

.eservice-sub-container-col{
	width:100%;
}

DIV.note {
width: 100% !important;
max-width: 100%;
margin-left:0;
margin-top: 20px;
}

.register_confirmation {
 border-top: 1px solid #cdcdcd;
}

}


@media screen and (max-width: 640px) {

.registerbtnalign:lang(en){position:inherit !important;}
	#eservice-container .common-body table.tbl5columnreg>tbody>tr>td.labels,
	#eservice-container .common-body table.tbl5columnreg>tbody>tr>td:nth-of-type(1){width:90% !important;font-weight:bold;}
	
		#eservice-container .common-body table.tbl5columnreg>tbody>tr>td.colon,
	#eservice-container .common-body table.tbl5columnreg>tbody>tr>td:nth-of-type(2){display:none !important; width:0 !important; height:0px !important;}
	
	#eservice-container .common-body table.tbl5columnreg>tbody>tr>td:nth-of-type(3){width:84% !important; display: inline-block !important;}
	
	#eservice-container .common-body table.tbl5columnreg>tbody>tr>td:nth-of-type(4){width:auto !important; display: inline-block !important;}
	
	#eservice-container .common-body table.tbl5columnreg>tbody>tr>td.error-msg,
	#eservice-container .common-body table.tbl5columnreg>tbody>tr>td:nth-of-type(5){width:100% !important;}
	#eservice-container .common-body table.tbl5columnreg>tbody>tr>td.btns{width:100% !important; text-align:center; align:center; padding:10px !important; content:'' !important;
	
}




.p_desc  ul li label{float:left; min-width: 300px; display:block;}


.tooltip a:hover:after {
  min-width: 110px !important;
  white-space: pre-wrap;
}

.register_buttons input[type=submit], .register_buttons input[type=button]{
 clear: both;
 width: 98% !important;
 margin-bottom: 10px !important;
}

.register_confirmation {
 border-top: 1px solid #cdcdcd;
}

.p_desc input[type=text], .p_desc input[type=password], .p_desc select {
	width: 220px !important;
}

.tooltip a:hover:after {
  min-width: 110px !important;
  white-space: pre-wrap;
  right: 100% !important;
  left: auto !important;
}

}

@media screen and (max-width: 320px) {


.register_buttons input[type=submit], .register_buttons input[type=button]{
 clear: both;
 width: 98% !important;
 margin-bottom: 10px !important;
}

.register_confirmation {
 border-top: 1px solid #cdcdcd;
}

}