* {
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
@font-face {
	font-family:"Lao UI";	
	src:url('fonts/LaoUI.ttf'), url('fonts/LaoUIb.ttf') format('truetype'),
	url('fonts/LaoUI.woff'), url('fonts/LaoUIb.woff')  format('woff'),
	 url('fonts/LaoUI.eot'), url('fonts/LaoUIb.eot'),
	 url('fonts/LaoUI.otf'), url('fonts/LaoUIb.otf');	
	 
	
}


body {
  background: #ececee;
   word-spacing:2px;
    
}





p {
margin-bottom:1.5em;	
  
}





.frame {
  width: 80%;
  max-width:1920px;
  min-width:320px;
  margin: 0px auto;
}

.frameBorder {
	border-top:#666 solid 1px;
	border-left:#666 solid 1px;
	border-right:#666 solid 1px;
}


.box {
  font: 1em ;
  color: #000;
  padding:15px;
}



.img {
	
    width: 100%;
    height: auto;
	border:none;
		}
		
		.imgBtn {
	float:right;
    max-width: 100%;
    height: auto;
	border:none;
	
		}
	

	
		.imgLogo {
    max-width: 60%;
    height: auto;
	border:none;
		}
		
		.img2 {
	display: block;
    width: 100%;
    height: auto;!important
	border:none;
	}
	
	
	
	
	

.bodyTextHeading3{
	position:relative;
	font-family:"Lao UI";
	font-size: 2.35em;
	color:#FFF;
	text-align:center;
	padding:20% 0 0 2%;
	margin:0 auto;
}

.bodyText5{
	font-family:"Lao UI";
	font-size: 1em;	
	color:#000;
	text-align: left;	
	list-style:inside;
	list-style-type:disc;
	
	/*margin-top:1%;*/	
}

.bodyText5 li{
list-style-type:none;
list-style-image: url(../img/icon.png);
list-style-position:outside;
padding:5px;


}

.bodyText5 a{
	font-family:"Lao UI";
	font-size: 1em;
	font-weight:inherit;
	color: #4b186e;
	text-align: left;
	
	list-style:inside;
	list-style-type:disc;
	text-decoration:none;
	/*margin-top:1%;*/	
}

.bodyText5 a:hover{
	font-family:"Lao UI";
	font-size: 1em;	
	font-weight:inherit;
	color:#4b186e;
	text-align: left;
	
	list-style:inside;
	list-style-type:disc;
	text-decoration:underline;
	/*margin-top:1%;*/	
}



.bodyTextHeading5{
	font-family:"Lao UI";
	font-size: 2em;	
	color:#4b186e;
	text-align: left;
	
	
}
.bodyTextHeading6{
	font-family:"Lao UI";
	font-size: 1.5em;	
	color:#4b186e;
	text-align: left;
}


.bodyTextHeading5a{
	font-family:"Lao UI";
	font-size: 1.350em;	
	color:#4b186e;
	text-align: left;
	
	
}

.footerTextWhite{
	font-family:"Lao UI";
	font-size:1.3em;	
	color:#fff;
	text-align:center;
	text-wrap:normal
	height:28px;
	line-height:28px;
	padding-top:10px;
	
	
}


.footerTextPurple{
	font-family:"Lao UI";
	font-size: .9em;	
	font-weight: 700;
	color:#4b186e;
	text-align: left;
	
		
}

.footerHeading{
	font-family:"Lao UI";
	font-size: 1.875em;	
	color:#FFF;
	border-right:1px solid #000;
	text-align:center;
	height:50px;
	line-height:50px;
}



.icnlk{
	width:15%;
}

.icnfb{
	width:15%;
}

/* ===========================
   ====== Contact Form ======= 
   =========================== */
 .formHeader{
	 background-color:#4b186e;
	 padding:5px;
	 
 }
 
   
.textFormTitle{
	 font-family:"Lao UI";
	 font-size:1em;
	 color:#FFF;
	 text-align:center;
}

.textFormBlack{
	 font-family:"Lao UI";
	 font-size:1em;
	 color:#000;
	 text-align:center;
	  padding:15px;
}

.textForm{
	 font-family:"Lao UI";
	 font-size:small;
	 color:#000;
	 text-align:left;
	 padding:5px;
	 
}

input, textarea {
	padding: 5px;
	border: 1px solid #ccc;
	width: 200px;
	color: #999999;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;		
}

textarea {
	width: 300px;
	height: 70px;
	max-width: 400px;
	line-height: 18px;
}
.formFooter{
	font-size:12px;
	color:#F00;
	font-family:"Lao UI";
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	border-color: 1px solid #C9C9C9;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;	
}

.form label {
	margin-left: 10px;
	color: #999999;
}

/* ===========================
   ====== Submit Button ====== 
   =========================== */

.submit input {
	font-family:"Lao UI";
	width: 100px; 
	height: auto;
	background-color: #4b186e; 
	color: #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;		
}

.closeBtn{
	text-align:center;
	height:auto;
	width:70px;
	cursor:pointer;
	
}

map area {
outline:none;
}


.imgRes4{
	width:100%;
	max-width:350px;
	border:none;
}


	
@media (max-width: 480px) {
 
 .frame {
  width: 98%;
  min-width:300px;
  margin: 0px auto;
}


h1 {
    font-size: 2em;
  }

 
	.imgLogo {
    max-width: 55%;
	height:auto;   
		}
		
				.borderRt{
		 border:none;
	}
		
.modBG{
		overflow:hidden;background-position:left top; min-height:10px; border:none; background-position:-9990px -9990px;
		}

.imgBtn {
	float:right;
    max-width: 100%;
    height: auto;
	
		}
		
		.bodyTextHeading3{
	position:relative;
	font-family:"Lao UI";
	font-size: 1.2em;
	color:#FFF;
	text-align:center;
	padding:0 0 0 0;
	margin:0 auto;
}


  
  .icnlk{
	width:10%;
	max-width:20px;
}

.icnfb{
	width:10%;
	max-width:20px;
}

.footerTextWhite{
	font-family:"Lao UI";
	font-size:1em;	
	color:#fff;
	text-align:center;
	text-wrap:normal;
	line-height:normal;

}

.footerHeading{
	font-family:"Lao UI";
	font-size: 1.875em;	
	color:#FFF;
	border-right:0px solid #000;
	text-align:center;
	height:50px;
	line-height:50px;
}



.imgHide2{
	display:none;
}
  
}

/* Mobile to Tablet Portrait
===============================*/
@media (min-width: 480px) and (max-width: 900px) {



	
.imgLogo {
    max-width: 50%;
	height:auto;
		}
		
			.borderRt{
		 border:none;
	}
	.borderLeft{
		 border:none;
	}
		
		.modBG{
		overflow:hidden;background-position:left top; min-height:10px;border:none; background-position:-9990px -9990px;
		}
		
		
		
		
.bodyTextHeading3{
	position:relative;
	font-family:"Lao UI";
	font-size: 2em;
	color:#FFF;
	text-align:center;
	padding:0 0 0 0;
	margin:0 auto;
}



  .icnlk{
	width:7%;
	min-width:25px;
}

.icnfb{
	width:7%;
	min-width:25px;
}

.footerTextWhite{
	font-family:"Lao UI";
	font-size:1em;	
	color:#fff;
	text-align: center;
	text-wrap:normal;
	line-height:normal;

}

.footerHeading{
	font-family:"Lao UI";
	font-size: 1.875em;	
	color:#FFF;
	border-right:1px solid #000;
	text-align:center;
	height:50px;
	line-height:50px;
	

}


.imgHide2{
	display:none;
}

}
/* Landscape Tablet to Desktop
===============================*/
@media (min-width: 900px) and (max-width: 1360px) {
  h1 {
  text-align: left;
  font: 3em "Lao UI" ;
  color: #603; 
  font-weight: 800;
 
}



.imgLogo {
	
    max-width: 60%;
    height: auto;
	
		}
		
		.imgHide {
			display:none;
			}
				.borderRt{
		 border-right:#666 solid 1px;
	}
	
	.borderLeft{
		 border-left:#666 solid 1px;
	}
		.modBG{
		overflow:hidden; background-position:left top; min-height:450px; border-left:#666 solid 1px;background-repeat:no-repeat;
		}
	
		
		.icnlk{
	width:7%;
	min-width:25px;
}

.icnfb{
	width:7%;
	min-width:25px;
}


   
}

@media (min-width: 1360px)  {
	
	.borderRt{
		 border-right:#666 solid 1px;
	}
	
	.borderLeft{
		 border-left:#666 solid 1px;
	}

	.modBG{
		overflow:hidden; background-position:left top; min-height:475px; background-repeat:repeat-y; border-left:#666 solid 1px;
		}
		
	
	.imgHide {
			display:none;
			}
	
	
	
	
}

/*For Apply Button*/


/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 0px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: 0 .5em .5em 0; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: 0px; position: relative; top: 1px; margin-bottom: 0px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }

.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.24
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-dialog { position: absolute; padding: 0; width: 600px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: 0 16px 0 0;font-size: 15px; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 30px; margin: -10px 0 0 0; padding: 1px; height: 30px; background:url(/hotjobs/Images/close.png);background-repeat:no-repeat; }
.ui-dialog .ui-dialog-titlebar-close span { display: none; margin: 0px; color: #EEF3FA; text-decoration:none;   background: /*#EEF3FA{bgColorHeader}*/ url(/hotjobs/Images/close.png)}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { position: absolute; right: .3em; top: 50%; width: 30px; margin: -10px 0 0 0; padding: 1px; height: 30px; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding:0; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }



/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: .2em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #EEF3FA/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/*
--/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: 0px/*{offsetTopShadow}*/ 0 0 0px/*{offsetLeftShadow}*/; padding: 0px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 0px/*{cornerRadiusShadow}*/; }