/* CSS Document */
body {
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	background-color: #0A4F9F;
	min-width: 1003px;
	margin: 0 auto;
	height: 100%;
}
.bodytext{
	text-align:justify;
	font-size: 0.81em;
}
h1{
	font-size: 1.25em;
	text-align: left;
	color: #0A4F9F
}
h2{
	font-size: 1em;
	color: #000000;
	background: url(blocktitle.png) left bottom no-repeat;
	line-height: 20px;
}
h3 {
	font-size: 0.85em;
	color: #000000;
	margin: 25px 0 1px 0;
	line-height: 5px;
	text-align: left;
}
h4 {
	font-size: 1em;
	line-height: 20px;
	color: #0C55AF;
	font-weight: bold;
	text-align: left;
	margin: 10px 0;
}
h5 {
	font-size: 0.9em;
	line-height: 20px;
	color: #0C55AF;
	font-weight: bold;
	text-align: left;
	margin: 10px 0;
}
.imgFloatRight{
	float: right;
	margin: 0 0 3px 8px;
}
.imgFloatLeft{
	float: left;
	margin: 3px 12px 0 0;
}
.button {
	background-image:
}
.submitbtn {
	margin-right: 6px;
}
.MM li a, .MM li a:link {
	padding: 3px 11px;
}
.morelink{
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	color: #005EAD;
	background: url(ico-circlearrow-off.gif) right no-repeat;
	padding: 1px 21px 4px 0;
	text-decoration: underline;
}
.morelink:visited{
	color: #59A1EF;
	font-weight: bold;
	text-decoration: underline;
	background-image: url(ico-circlearrow-visited.gif);
}
.morelink:Hover{
	color: #000000;
	background-image: url(ico-circlearrow-on.gif);
	text-decoration: none;
}
.bluefont{
	font-weight:normal;
	color: #005EAD;
	text-align: left;
}
.bluetext{
	font-size: 0.814em;
	font-weight:bold;
	color: #005EAD;
	line-height: 0.75em;
	text-align: left;
	margin: 20px 0 0 0;
}
.bluelink {
	font-size: 1em;
	font-weight: bold;
	color: #005EAD;
	text-decoration: underline;
}
.bluelink:visited {
	color: #005EAD;
	font-weight: normal;
	text-decoration: underline;
}
.bluelink:Hover {
	color: #000000;
	text-decoration: none;
}
.paginationtxt {
	font-size: 0.75em;
	font-weight: normal;
	color: #000;
	padding-top: 4px;
}
.pagination {
	font-size: 0.75em;
	font-weight: bold;
	color: #005EAD;
	text-decoration: none;
}
.pagination:Hover {
	color: #000000;
}
.titlehead{
	width: auto;
	height: 77px;
	background-color: #FFFFFF;
}
.meslogo {
	float:left;
	width: 130px;
	height: 75px;
	background: url(logo-mes.jpg) left no-repeat;
	margin-left: 10px;
}
.mescaption {
	float:left;
	width: 395px;
	font-size: 1.56em;
	color: #333333;
	padding: 35px 0 0 10px;
	font-style: italic;
	text-align: left;
	vertical-align: baseline;
}
.mescaptionIT{
	color: #0C55AF;
	font-weight: bold;
}
.search{
	float:right;
	width: 200px;
	/*padding-top: 45px;*/
}
#contactForm button{
	width: 24px;
	height: 19px;
	border: 0px none;
	margin-top: 5px;
	width: auto;
}
#contactForm textarea{
	background: url(textField.gif) no-repeat;
	border: 0;
	padding: 2px 5px 3px 3px;
	width: 114px;
	height: 12px;
}

/* text field classes */
#contactForm .inactive{
	color: #8C8C8C;
	font-style: italic;
	font-size: 0.75em;
}	 
#contactForm .active{
	font-size: 0.75em;
}	 		
#contactForm .focused{
	font-size: 0.75em;
}
.searchfield {
	background: url(textField.gif) no-repeat;
	border: 0;
	padding: 2px 5px 3px 3px;
	width: 119px;
	height: 16px;
	font-size: 0.75em;
}
.searchBtn {
	border: 0px none;
	margin-top: 1px;
	width: auto;
}
.headeranim{
	background: #000000 url(headerImg-right.jpg) right no-repeat;
	height: 167px;
	width:auto;
}
.rayone{
	float: left;
	width: 208px;
	height: 167px;
	background: url(headerImg-left.jpg) no-repeat;
}
.headeranimInside{
	background: #000000 url(headerImg-right.jpg) right no-repeat;
	height: 100px;
	width:auto;
}
.rayoneInside{
	float: left;
	width: 208px;
	height: 100px;
	background-image: url(headerImg-left.jpg) no-repeat;
}
.headerflashlayer1{
	position:absolute;
	width: 98%;
	height:163px;
	margin-left: 10px;
	z-index:4;
	left: 0px;
	top: 80px;
}
.topmenu{
	background-repeat: repeat-x;
	background-color: #000000;
	height: 24px;
	width: auto;
}
.menucontent{
	width: 98%;
	text-align: left;
	margin: 0 auto;
}
.contentwrap{
	width: 98%;
	background: #FFF url(footerCornerLeft.gif) bottom left no-repeat;
	margin: 0 auto;
}
.BreadCrumbBlock{
	text-align: left;
	width: auto;
	height: 25px;
	font-size: 0.75em;
	color: #7F7F7F;
	padding: 8px 15px 0 15px;
}
.BreadCrumbs{
	color: #A6A6A6;
	text-decoration: none;
	
}
a.BreadCrumbs:Hover{
	color: #FF6600;
	text-decoration:underline;
}
.leftcolumn{
	float: left;
	width: 73%;
	margin: 10px 0 0 15px;
	text-align: justify;
}
.rightcolumn{
	font-size: 0.75em;
	text-align: justify;
	float: right;
	width: 24%;
	margin: 10px 0 0 10px;
}
/* rounded corner news box */
.t {background: url(dot.gif) 0 0 repeat-x; width: 14em; background-color: #FFFFFF}
.b {background: url(dot.gif) 0 100% repeat-x}
.l {background: url(dot.gif) 0 0 repeat-y}
.r {background: url(dot.gif) 100% 0 repeat-y}
.bl {background: url(bl.gif) 0 100% no-repeat}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:5px} 

/* -- News scroll using jQuery -- */
.news_style {
	display:none;
}
.news_show{
	text-align: left;
	color:#000000;
	width:275px;
	height:100px;
	font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
	overflow: auto;	
}
.news_border {
	border: 0;
	width: auto;
	height:80px;
	font-size: 0.8em;
	text-align: justify;
	padding: 7px 5px 5px 2px;
	overflow: auto;	
}
.buttondiv {
	position: relative;
	padding: 1px;
	border: 0;
}
.buttondiv2 {
	position: relative;
	padding: 2px 8px 2px 8px;
	background-color: #000000;
	border: 0;
	border-top: none;
	height: 20px;
}
.news_show2 {
	background-color: #000000;
	color: white;
	width: 275px;
	height: 130px;
	font: normal 100% "Arial", "Lucida Grande",Verdana,Sans-Serif;
	overflow: auto;	
}
/* -- News styles ends here -- */

.column1{
	float:left;
	width: 43%;
	padding: 0 14px 2px 2px;
	margin: 0 0 10px 10px;
	text-align: justify;
}
.column1inside{
	float:left;
	width: 73.5%;
	padding: 2px 0 2px 2px;
	margin: 10px 0 10px 10px;
	text-align: justify;
}
.column2{
	float:left;
	width: 28%;
	text-align: justify;
	padding: 0 2px 2px 10px;
	background: url(vertDotline.gif) left repeat-y;
}
.column3{
	float:right;
	width: auto;
	margin: 20px 10px 10px 2px;
}
.block1{
	float:left;
	width: 45%;
	padding: 2px;
}
.block2{
	float:left;
	width: 52%;
	padding: 2px;
}
.block3{
	float:left;
	width: 41%;
	padding: 2px;
	margin-left: 20px;
}
.bulletText{
	font-size: 0.8em;
	text-align: justify;
	color:#000000;
	list-style-image: url(bullet-off.gif);
	list-style-position: outside;
	padding-left: 0;
	margin-left: 20px
}
.bulletlinks{
	font-size: 0.8em;
	text-align: left;
	color:#000000;
	text-decoration: underline;
	background: url(bullet-off.gif) left top no-repeat;
	padding-left: 10px;
}
.bulletlinks:Hover{
	color:#2C78BF;
	text-decoration: underline;
	background: url(bullet-on.gif) left top no-repeat;
	padding-left: 10px;
}
.bulletlinksBack{
	font-size: 0.8em;
	text-align: left;
	color:#000000;
	text-decoration: underline;
	background: url(bulletBack-off.gif) left top no-repeat;
	padding-left: 10px;
}
.bulletlinksBack:Hover{
	color:#2C78BF;
	text-decoration: underline;
	background: url(bulletBack-on.gif) left top no-repeat;
	padding-left: 10px;
}
.links{
	font-size: 0.75em;
	font-weight: normal;
	text-align: left;
	color:#000;
	text-decoration: underline;
}
.links:Hover{
	color:#2C78BF;
	text-decoration: underline;
}
.column3title{
	font-size: 0.9em;
	text-align: left;
	padding:3px 6px
}
.engagementmodel{
	font-size: 0.94em;
	font-weight:bold;
	color: #2C78BF;
	text-decoration: underline;
}
.engagementmodel:Hover{
	font-size: 0.94em;
	font-weight:bold;
	color: #000000;
	text-decoration: underline;
}
.imgicon{
	float: left;
	padding: 11px 5px;
}
.imgiconlink{
	font-size: 0.85em;
	font-weight: bold;
	color: #005EAD;
	text-decoration: underline;
	text-align: center;
	margin-top: 3px;
}
.imgiconlink:Hover{
	color: #000000;
	text-decoration: none;
}
.orimg{
	float:left;
	background: url(OR.gif) left no-repeat;
	width: 24px;
	height: 83px;
	padding-top: 15px;
}
.rightcorner{
	width: auto;
	height: 6px;
	background: url(footerCornerRight.gif) bottom right no-repeat;
}
.footerBlock{
	width: 96%;
	padding: 5px;
	margin:0 auto;
}
.copyright{
	float: left;
	width: 70%;
	font-size: 0.75em;
	color: #6C95C5;
	text-align: left;
	margin-left: 1px;
	margin-top: 1px
}
.footerlinks{
	width: auto;
	font-size: 0.85em;
	text-align: right;
	color: #FFFFFF;
}
.FooterContact {
	font-size: 0.814em;
	text-align: right;
	padding: 5px 0 0 0;
}
.clearall{
	clear: both
}
.clearright{
	clear: right
}
.clearLeft{
	clear: left;
	height: 1px;
}

/* Portfolio Classes */
.DiscriptBlock {
	width: 46%;
	float: left;
	margin: 5px 15px 2px 12px;
}
.imgThumbBlock {
	width: 48%;
	float: left;
	margin: 5px 2px 2px 2px;
}
.portfolioTxt{
	font-size: 0.80em;
	text-align: justify;
}
.CompanyTitle{
	font-size: 1em;
	font-weight: bold;
	color: #0A4F9F
}
/* End of Portfolio Classes */
.MandatoryFields{
	font-size: 0.75em;
	color: #FF0000;
	text-align: left;
	vertical-align: top;
}
.MandatoryAstricts{
	font-size: 1em;
	color: #FF0000;
	text-align: left;
	padding: 0 3px 0 0;
}
.LoginFormInputCol{
	width: auto;
	background: url(LoginBg.gif) top left no-repeat;
	margin-top: 15px;
	padding: 5px 5px 10px 0;
}
.FormInputCol{
	width: auto;
	background: url(JobApplicationBg.gif) top left no-repeat;
	margin-top: 15px;
	padding: 5px 5px 10px 0;
}
.FormInput {
	width: auto;
	text-align: left;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.FormInput1 {
	width: auto;
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
}
.FormInput2 {
	width: 200px;
	float: left;
	margin: 2px 0;
}
.FormInput3 {
	width: auto;
	float: left;
	margin: 2px 0;
}
.FormText{
	font-size: 0.7em;
	font-weight:bold;
	line-height: 12px;
	text-align: left;
	padding: 2px 0 2px 10px;
}
.FormSubTitle {
	font-size: 1em;
	line-height: 25px;
	color: #0C55AF;
	font-weight: bold;
	text-align: left;
	padding: 0 0 0 10px;
	margin-top: 6px;
}
.FormTxtField {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 16px;
	text-align: left;
	vertical-align: top;
	padding: 0 2px;
	background: #FFF url(txtFieldBg.gif) Top repeat-x;
	border: 1px solid #235797;
	width: 200px;
}
.FormTxtLable {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 16px;
	text-align: left;
	border: 0;
	margin-top: 2px;
}
.multilineTxtField {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 16px;
	text-align: left;
	vertical-align: top;
	padding: 2px;
	width: 200px;
	background: #FFF url(txtFieldBg.gif) Top repeat-x;
	border: 1px solid #235797;
}
select {
 	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 10px;
	text-align: left;
	vertical-align: top;
	background: #FFFFFF url(txtFieldBg.gif) Top repeat-x;
	border: 1px solid #235797;
}
.checkBoxInactive {
	color:#B4B4B4;
}
.instructTxt {
	font-size: 0.7em;
	color: #888;
	font-weight: normal;
	line-height: 15px
}
.confirmTxt {
	font-size: 1em;
	color: #8C0000;
	font-weight: normal;
}
.jobsBlock1 {
	float: left;
	width: 85%;
	padding: 5px 0 0 10px;
}
.jobsBlock2 {
	margin-left: 87%;
	text-align: center;
	padding: 5px 5px 0 0;
}
.jobAppCode {
	font-size: 1.12em;
	color: #000000;
	font-weight: bold;
	text-align: left;
	padding: 6px 0 0 0;
}
.DashLineHorz {
	background: url(FooterDashLine.gif) top repeat-x #FFFFFF;
	line-height: 3px;
}
.HorzDashLine {
	background: url(DashLineHorz.gif) top repeat-x #FFFFFF;
	line-height: 3px;
}
.TopText{
	text-align: right;
}
.TopTextLink{
	font-size: 0.814em;
	font-weight: bold;
	color: #005EAD;
	text-align: right;
	text-decoration: none;
	padding-right: 16px;
	background: url(ico_TopArrow-off.gif)  center right  no-repeat;
}
.TopTextLink:Hover{
	font-size: 0.814em;
	font-weight: bold;
	color: #000000;
	text-align: right;
	text-decoration: none;
	background: url(ico_TopArrow-on.gif)  center right  no-repeat;
}
.pgnotfound{
	margin: 0 0 0 80px;
	width: 65%;
	padding: 30px 0 0 0;
	background: url(Error404_BG.gif) repeat-x;
}
ul.bodyText {
	font-size:  0.875em;
	text-align: justify;
	margin: 5px 5px 10px 0;
	padding: 0 0 0 35px;
}
ul.bodyText ul{
	font-size:  1.0em;
	text-align: justify;
	margin-right: 5px;
	padding: 3px 0 0 35px;
}
ul.sitemap1 {
	font-size: 0.938em;
	color: #000000;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	list-style-type: none;
}
ul.sitemap1 a{
	color: #000000;
	text-decoration: none
}
ul.sitemap1 a:hover{
	text-decoration: underline
}
ul.sitemap1 ul{
	font-size: 0.9em;
	color: #0C55AF;
	margin-left: 25px;
	list-style-type: none;
	margin-bottom: 10px;
}
ul.sitemap1 ul a{
	color: #0C55AF;
	text-decoration: none;
	margin-bottom: 10px;
}
ul.sitemap1 ul a:hover{
	text-decoration: underline;
}
ul.sitemap1 ul ul{
	font-size: 1em;
	color: #888;
	margin-left: 35px;
	list-style-type: none;
}
ul.sitemap1 ul ul a{
	color: #888;
	text-decoration: none;
}
ul.sitemap1 ul ul a:hover{
	color: #FF6600;
	text-decoration: underline;
}
.gridTitleBg{
	background: #0A4F9F url(gridTitleBg.gif) repeat-x;
	padding: 4px 4px;
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight:bold;
	text-decoration: none;
}
.gridTitle{
	background: url(gridColumn-toggle-1.gif) center right no-repeat;
	padding-right: 18px;
	color: #FFFFFF;
	text-decoration: none;
}
.gridTxt{
	color: #000;
	font-size: 0.75em;
	text-align: left;
	padding: 4px 4px;
}
.gridTxtLink{
	color: #005EAD;
	font-size: 0.75em;
	text-decoration: none;
	padding: 4px 4px;
}
.gridTxtLink:hover{
	text-decoration: underline;
}