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

body{
	margin:0;
	padding:0;
	background:#eceefc;
}
.main-wrapper{
	width:1000px;
	height:auto;
	margin:auto;
}
#header-wrapper{
	width:100%;
	height:90px;
	float:left;
}
#header{
	width:1000px;
	height:auto;
	margin:auto;
}
#logoarea{
	min-width:429px;
	width:auto;
	height:auto;
	float:left;
	padding-top:10px;
}
#logo{
	width:auto;
	height:auto;
	float:left;
}
#logolname{
	width:auto;
	height:auto;
	padding:10px;
	float:left;
}
h1{
	color:#414c9e;
	font-size:35px;
	margin:0;
}
h4{
	color:#414c9e;
	margin:0;
}
#menu{
	width:100%;
	height:49px;
	float:left;
	padding-top:3px;
	background:url(../images/Form/menu1px.png) repeat-x;
}
#headright{
	width:auto;
	height:auto;
	float:right;
}
#topicon {
	width:auto;
	height:auto;
	float:right;
	margin-top: 20px;
	margin-right: 10px;
	border:none;
}
#topicon img{
	border:none;
	margin-right:10px;
}
#person{
	width:auto;
	height:auto;
	color:#666;
	font-size:16px;
	margin-top:10px;
}
#person li{
	list-style-image:url(../images/Button/Usericon.png);
}
#menu-wrapper{
	width:1000px;
	height:46px;
	margin:auto;
}
#ctntheader{
	width:1000px;
	height:7px;
	float:left;
	background:url(../images/Form/ctntheader.png) no-repeat;
	margin-top:-9px;
}
#contant{
	width:auto;
	max-width:1000px;
	height:auto;
	min-height:430px;
	padding-bottom:5px;
	background:#eceefc;
	float:left;
	margin-top:-2px;
}
#mainctnt{
	width:auto;
	min-width:980px;
	height:auto;
	min-height:100px;
	float:left;
	padding:10px;
	margin-bottom:2px;
	background:#eceefc;
}
/*#labelarea{
	width:406px;
	height:213px;
	margin:auto;
	margin-top:120px;
	background:url(/images/Button/label.png) no-repeat;
}
.labelinner{
	width:400px;
	height:auto;
	float:left;
}
#typearea{
	width:200px;
	height:auto;
	margin-right:27px;
	margin-top:48px;
	float:right;
}

.username{
	width:190px;
	height:17px;
	float:left;
	margin-bottom:8px;
	border-bottom:   1pt solid #b8b8b8;
}

.username input[type="text"]
{
    height:15px; 
    width:190px; 
    border-style: none; 
    border-color: inherit;
    background:#e4e4e5; 
    color:#7e7e7e;
    margin:0px;
   
}
/*.password{
	width:190px;
	height:17px;
	float:left;
	margin-top:10px;
	border-bottom: 1pt solid #b8b8b8;
}*/

/*.password input[type="password"]
{
    height:15px; 
    width:190px; 
    border-style: none; 
    border-color: inherit;
    background:#e4e4e5; 
    color:#7e7e7e;
    margin:0px;
  
}*/

.dropdown{
	width:190px;
	height:auto;
	float:left;
	padding-top:20px;
}


#links{
	width:auto;
	height:35px;
	float:left;
	margin-left:242px;
	margin-top:6px;
}
#links a{
	color:#60C;
}

#link{
	width:auto;
	height:35px;
	float:left;
	margin-top:2px;
}
#link a{
	color:#60C;
}


/*#loginbutton {
	width:40px;
	height:38px;
	float:right;
	margin-top:-8px;
	margin-right:-20px;
	border:none;
}*/
	
/*=====================FOOTER=======================*/
#footer{
	width:100%;
	height:auto;
	float:left;
	background:#364193;
}
#footerinner{
	width:1000px;
	height:auto;
	margin:auto;
	padding-top:10px;
	padding-bottom:10px;
}
#footerctnt{
	width:auto;
	height:auto;
	text-align:center;
	color:#CCC;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@-------APPLICATION CSS-------@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/





#headerpart{
	width:100%;
	height:95px;
	float:left;
}
#appheader-wrapper{
	width:1000px;
	height:auto;
	margin:auto;
}
#logoarea{
	min-width:429px;
	width:auto;
	height:auto;
	float:left;
	padding-top:10px;
}
#logo{
	width:auto;
	height:auto;
	float:left;
}
#logolname{
	width:auto;
	height:auto;
	padding:10px;
	float:left;
}
h1{
	color:#414c9e;
	font-size:35px;
	margin:0;
}
h4{
	color:#414c9e;
	margin:0;
}
#bodyarea{
	width:100%;
	height:auto;
	float:left;
}
.body-wrapper{
	width:980px;
	height:auto;
	margin:auto;
}
#ctntarea
{
    width:835px;
 height :auto;
	margin :auto;
	padding-bottom:5px;
	background:#d5d7e7;
	border-radius:10px;
	border:#b0b1bc solid 1px;
}


/*#ctnttop{
	width:980px;
	height:10px;
	float:left;
	background:url(/images/Form/ctnttop.png);
}
#ctnt1px{
	width:980px;
	height:auto;
	float:left;
	background:url(/images/Form/ctnt1px.png) repeat-y;
}
#ctntbottom{
	width:980px;
	height:10px;
	float:left;
	background:url(/images/Form/ctntbottom.png);
}
*/
#leftside{
	width:135px;
	height:auto;
	min-height:100px;
	float:left;
	border-right: thin #2d3944 groove;
	margin-top:5px;
	padding:0 5px;
}
#lefticon{
	width:64px;
	height:40px;
	/*margin:auto;*/
	float:right;
}
a img{
	outline:none;
	border:none;
}
#leftmenu{
	width:180px;
	height:auto;
	margin:auto;
	
}

#leftmenu li{
	list-style:none;
	display:block;
	background:#797ea8;
	margin-bottom:5px;
	float: left;
    width: 130px;
    height: 30px;
	line-height:25px;
    text-align: center;
    padding-left:5px;
}
#leftmenu li a{
	text-decoration:none;
	text-align:center;
	display:block;
	color:#FFF;
}
#leftmenu a:hover{
	text-decoration:none;
	color:#FFF;
}
#username{
	width:180px;
	height:40px;
	float:left;
}
#bodyctnt{
	width:796px;
	height:auto;
	min-height:500px;
	float:left;
	padding:5px;
}
.ctntbox{
	width:790px;
	height:auto;
	margin:auto;
}
.ctntboxtop{
	width:815px;
	height:7px;
	float:left;
	/*background:url(/images/Form/ctntboxtop.png) no-repeat;*/
	background:url(../images/Form/ctntboxtop11.png) no-repeat;
}
.ctntbox1px{
	width:815px;
	height:auto;
	min-height:100px;
	padding:0 10px;
	float:left;
	/*background:url(/images/Form/ctntbox1px.png) repeat-y;*/
	background:url(../images/Form/ctntbox11.png) repeat-y;
}
.ctnt{
	width:740px;
	height:auto;
	float:left;
	padding-bottom:5px;
}
.ctntboxbottom{
	width:815px;
	height:7px;
	float:left;
	margin-bottom:5px;
	/*background:url(/images/Form/ctntboxbottom.png) no-repeat;*/
	background:url(../images/Form/ctntboxbottom11.png) no-repeat;
}
.refreshbtn{
	width:30px;
	height:30px;
	float:right;
} 
#bottomarea{
	width:100%;
	height:auto;
	float:left;
	background:#758ea4;
}
#footerbutton{
	width:auto;
	height:33px;
	float:right;
	margin-right:7px;
}
.button{
	width:103px;
	height:33px;
	float:right;
	background:url(../images/Button/buttonform.png) no-repeat;
	color:#FFF;
	font-size:12px;
	line-height:29px;
	text-align:center;
}
.button a{
	text-decoration:none;
	color:#FFF;
}
#footer{
	width:100%;
	height:49px;
	float:left;
	background:#2f345e;
}
#footer-wrapper{
	width:1000px;
	height:49px;
	margin:auto;
}
#footerctnt{
	width:auto;
	height:40px;
	color:#9cadbb;
	line-height:45px;
	text-align:center;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@-------APPLICATION PHOTO CSS-------@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

#photo{
	width:160px;
	height:154px;
	text-align:center;
	float:left;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@-------LOGIN APPLICATION PHOTO CSS-------@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

#main-wrapper{
	width:1000px;
	height:auto;
	margin:auto;
}
#headerlogo{
	width:auto;
	height:95px;
	float:left;
}
#logoarea{
	min-width:429px;
	width:auto;
	height:auto;
	float:left;
	padding-top:10px;
}
#logo{
	width:auto;
	height:auto;
	float:left;
}
#logolname{
	width:auto;
	height:auto;
	padding:10px;
	float:left;
}
h1{
	color:#414c9e;
	font-size:35px;
	margin:0;
}
h4{
	color:#414c9e;
	margin:0;
}

#formctntarea{
	width:1000px;
	height:auto;
	min-height:400px;
	float:left;
	background:#d5d7e7;
}
#signup{
	width:425px;
	height:auto;
	margin:auto;
	min-height:300px;
	padding:10px;
}
#signin{
	width:380px;
	height:auto;
	float:left;
	min-height:300px;
	padding:10px;
}
h2{
	color:#494949;
	font-size:18px;
}
.signinner{
	width:390px;
	height:auto;
	min-height:200px;
}
.inputarea{
	width:auto;
	height:35px;
}
.inputarea a{
	color:#494949;
}
.left{
	width:198px;
	min-width:100px;
	height:35px;
	float:left;
	color:#494949;
}
.right{
	width:auto;
	min-width:100px;
	height:35px;
	float:left;
}
.buttonform{
	width:103px;
	height:33px;
	float:right;
	text-align:center;
	color:#fff;
	padding-top:4px;
	background:url(../images/Button/buttonLog.png) no-repeat;
}



/* vacancy entry*/

.ctntboxVacancy{
	width:850px;
	height:auto;
	margin:auto;
}
.ctntboxtopVacancy{
	width:850px;
	height:7px;
	float:left;
	background:url(../images/Form/ctntboxtop12.png) no-repeat;
}
.ctntbox1pxVacancy{
	width:850px;
	min-height:100px;
	height:auto;
	padding:0 10px;
	float:left;
	background:url(../images/Form/ctntbox12px.png) repeat-y;
}
.ctntVacancy{
	width:850px;
	height:auto;
	float:left;
	padding-bottom:5px;
}
.ctntboxbottomVacancy{
	width:850px;
	height:7px;
	float:left;
	margin-bottom:5px;
	background:url(../images/Form/ctntboxbottom12.png) no-repeat;
}
.ctntbox12pxVacancy{
	width:850px;
	height:auto;
	min-height:100px;
	padding:0 10px;
	float:left;
	background:url(../images/Form/ctntbox123.png) repeat-y;
}
.ctntbox1pxHeaderVacancy{
	width:850px;
	height:auto;
	padding:0 10px;
	float:left;
	background:url(../images/Form/ctntbox12px.png) repeat-y;
}

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}
/************* Interview Entry ************/

.ctntboxVacancy1{
	width:850px;
	height:auto;
	margin:auto;
}
.ctntboxtopVacancy1{
	width:850px;
	height:7px;
	
	background:url(../images/Form/ctntboxtop12.png) no-repeat;
}
.ctntbox1pxVacancy1{
	width:850px;
	min-height:100px;
	height:auto;
	padding:0 10px;
	
	background:url(../images/Form/ctntbox12px.png) repeat-y;
}
.ctntVacancy1{
	width:850px;
	height:auto;
	
	padding-bottom:5px;
}
.ctntboxbottomVacancy1{
	width:850px;
	height:7px;

	margin-bottom:5px;
	background:url(../images/Form/ctntboxbottom12.png) no-repeat;
}
.ctntbox12pxVacancy1{
	width:850px;
	height:auto;
	min-height:100px;
	padding:0 10px;

	background:url(../images/Form/ctntbox123.png) repeat-y;
}
.ctntbox1pxHeaderVacancy1{
	width:850px;
	height:auto;
	padding:0 10px;
	
	background:url(../images/Form/ctntbox12px.png) repeat-y;
}