@media screen, print {

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   General styles for base HTML elements
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a {
 	cursor:pointer;
 	text-decoration: underline;
}

a:visited,.class:visited{ color: #6F5F46; }
a:hover,.class:hover { color: #00008B;  }
a:active,.class:active { color: #cc9900; }

acronym {
	border-bottom: dashed 1px #999000;
	cursor: help;
}

h4
{
  color:#464746;
  margin-top:0px;
  padding-top:0px;
}

img
{
	border-style:none ;
	float: left;
   /* margin-left: 0; */
    vertical-align:text-bottom;  
    
}	


.fields
{
	float:left;
	text-align:left;
}
form 
{
	display:inline;
}

/*input
{
	float:left;
}
*/
.selectjobsearch
{
	background-color:#ffffff;
	width: 250px;
	border: solid;
	display:inline;
	border-width:1px;
	border-color: #000000;
	height:100px;
	font-size:small;
}

select
{ 
	border: solid;
	display:inline;	
	border-width:1px;
	border-color: #000000;
	font-size:xx-small;
	overflow:visible;
	background-color:#FFFFCC;
	width:172px;float:left;
	height:20px;
}
.indent
{
	margin: 30px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Named classes in alphabetical order
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Various body classes based on domain name */
	.bodydev
	{
		background-color:#00ff00;
		margin-top: 0px;	
		text-align:center;
		font-size:10pt;
	    font-family:Arial, sans-serif;
	    color: #000000;
	}
	.bodyqa
	{
		background-color: #ff69b4;
		text-align: center;
		font-size:10pt;
	    font-family:Arial, sans-serif;
	    color: #000000;
	    margin-top: 0px;	

	}
	.bodybts
	{
		background-color:#cecece;	
		text-align:center;
		font-size:10pt;
	    font-family:Arial, sans-serif;
	    color: #000000;
	    margin-top: 0px;	
	}
	.body
	{
		background-color:#ffffff;	
		text-align:center;
		font-size:10pt;
		font-family:Arial, sans-serif;
		color: #000000;
		margin-top: 0px;	
	}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~~~~~side menu backgrounds~~~~~~~~~~~~*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.bluebackgrnd
{
	float:left;
	width:936px;
    min-height:100%;
    background-image: url(/en/images/blueline.jpg);
    background-repeat: repeat-y; 
}

.brownbackgrnd
{
	float:left;
	width:936px;
    min-height:500px;
    background-image: url(/en/images/brownline.gif); 
    background-repeat: repeat-y; 
}

.greybackgrnd
{
	float:left;
	width:936px;
    min-height:100%;
    background-image: url(/en/images/greyline.gif); 
    background-repeat: repeat-y; 
}

.greenbackgrnd
{
	float:left;
	width:936px;
    min-height:580px;
    background-image: url(/en/images/greenline.gif);  
    background-repeat: repeat-y; 
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~~~Job search cell backgrounds~~~~~~~~*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.blueback
{
   background-color: #e6e6e6; 
   padding-top:3px;
   padding-bottom:3px; 
   text-align:right;
   color:#000000;
   vertical-align:top;
   /* float:left; */
}

.lightblueback
{
   background-color: #dbddda;
   padding-top:3px;
   padding-bottom:3px; 
   text-align:right;
}

.darkblueback
{  
   background-color: #C3C5C2;
   padding-top:3px;
   padding-bottom:3px; 
   text-align:right;
   padding-left:13px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.breadcrumb
{
	float:left;
	font-size:10pt;
	width:626px;
	height:33px;
	text-align:left;
	font-size:8pt;
	background-color:#ffffff;
	margin-top:5px;
	/*border-color: #000000;
	border:solid;
	border-width:thin;*/	
}

.buttonblock
{
	float:left;
	width:18px;
    height:18px;
    margin:0px;
    padding:0px;
    overflow:hidden;  
}

.centreblock
{   
	float:left;
	width:313px;
	height:406px;
	background-color:#5A86B5; 
}

.content
{
	float:right;
	width:685px;
	min-height:279px;
	/*max-height:3000px;*/
	text-align:justify;
	font-size:10pt;
    font-family:Arial, sans-serif;
	/*margin-left:10px;*/
	margin-right:10px;
	background-color:#ffffff;
}

.flash
{
	float:right;
    overflow:hidden; 
    margin-top:50px;
    background-color:#ffffff;
}


.floatright
{
	float:right;
	margin-top:0px; 
	background-color:#ffffff;	
}

.footer
{
	margin-top:0px; 
	font-size:8pt;
    float:left;
    text-align:center;
    width:100%;
    background-color:#ffffff;	
	font-size:8pt;
}

.footerleft
{
	margin-top:0px; 
	font-size:8pt;
    float:left;
    text-align:left;
    width:100%;
    background-color:#ffffff;	
}



.hhlink 
{
	position:absolute;
	visibility:hidden;
	z-index:-1;
	/*margin-top:20px;*/
	margin-left:0px;
	margin-bottom:0px;
	margin-right:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
}

.homeblocks
{ 
	float:left;
	width:971px; 
	height:406px;
	position:relative;
	background-color:#ffffff;
}



.jobsearch
{
   background-color: #E2DDD7;
   color: #000000
}
.jobcells
{
   background-color: #ffffff;
   color: #000000
}

.jobcells2 {

   background-color: #E2DDD7;
   color: #000000
}

.jobsearchtitle
{
   color: #000000;
   background-color: #BEC3D6;
   font-size: 9pt;
   font-weight: bold;
   font-family: Arial, Verdana, sans-serif
}

.leftblock
{
	float:left;
	width:341px;
	background-color:#855A38;
}

.lightgrey {
   color: #000000;
   background-color: #EcEbe9;
   /* 
   	float:left; 
   	Removed float and replaced with overflow due to the crash in IE 
   */
   overflow:hidden;
   width:685px;
}
.white {
   color: #000000;
   background-color: #ffffff;
   /* 
   	float:left; 
   	Removed float and replaced with overflow due to the crash in IE 
   */
   overflow:hidden;

}
.linksleft
{
	float:left;
	background-color:#ffffff;	
	margin-right:5px;
	width:453px;
}
.linksright
{
	float:right;
	background-color:#D6DFDE;	
	text-align:left;
	padding-left:10px;
	padding-top: 5px;
	padding-right:5px;
	width:200px;
	overflow:visible;
}


.logo
{
	/*float:left;  */
	overflow:hidden;
    margin-left:0; 
    background-color:#ffffff;
}
.printLogo
{
	display:none;
	visibility: hidden;
}
.main 
{
	width:971px;
	margin-left: auto;
	margin-right: auto;
	background-color:#ffffff;
}


.mainindex
{
   margin-top:50px;
   margin:50px auto auto auto;
   width:565px; 
}

.maindiv
{
	float:left;
    margin-left:0; 
    width:272px;
    height:34px;    
}

.location
{
    width:40%;
	float: left;
	text-align: left;
	text-decoration: none;
	padding-left:20px;
	
	}
.navleft
{
	width:210px;
	padding-right:13px;
	float:left;
	font-size:12pt;
	color:white;
	text-align: right;
	/*font-weight:bold;*/
	text-decoration:none;
	line-height:30px;	
	/*border-color: #000000;
	border:solid;
	border-width:thin;*/
}
a.navleft:visited,a.funccap:visited,a.whycal:visited,a.optimize:visited{ color: #ffffff;}
a.navleft:hover,a.funccap:hover,a.whycal:hover,a.optimize:hover { color: #ffffff;background-color:#d68242;}
a.navleft:active,a.funccap:active,a.whycal:active,a.optimize:active { color: #ffffff;}

.whycal,.optimize,.funccap
{
	width:210px;
	padding-right:13px;
	float:left;
	font-size:10pt;
	color:white;
	text-align:inherit;
	text-decoration:none;
	line-height:16px;
	display:block;		
}

.hide{
  display: none;
}


.navtop
{
	height:22px;
	float:left;	
	margin-top:50px;
}

.rightblock
{
	float:left;
	width:317px;
    height:inherit;	
}

.searchblock
{
	float:left;
	width:172px;
	height:40px;

	background-color:#5A86B5;	
}

.searchblockfr
{
	float:left;
	width:154px;
	overflow:hidden;
	background-color:#5A86B5;	
}

.searchblockright
{
	float:right;
	width:39px;	
	background-color:#5A86B5;
}

.searchblockrightfr
{
	float:right;
	width:37px;	
	background-color:#5A86B5;
}


.searchtitle,a.searchtitle,a.searchtitle:hover
{
     background-color :#5A86B5;
     color:#ffffff;
     font-family:Arial,Sans-Serif;
     font-size:9pt;
     font-weight:bold;
     text-decoration:none;
     height:25px;
     text-align:left;
     padding-left:5px;
     padding-right:5px;
     float:left;
}

.textinput
{
	border: solid;
	border-width:1px;
	border-color: black;
	height:14px;
	background-color:#FFFFCC;
	width:168px;
	float:left;	
	padding-right:1px;
}

.nobullet
{
list-style-type: none
}

.bulletdisc
{
list-style-type: disc
}

.redfont
{
 color:Red;   
}
.sub {
       visibility: hidden;
}

}
@media handheld 

{   
	a 
	{
      color:#FF0000;
      text-decoration:underline ;
     }
     img 
     {
		visibility:hidden;
		display:none;
     }
     .bodydev,.bodyqa,.bodybts
	{
		margin-top:100px;
		text-align:left;
		font-size:8pt;
	    font-family:Arial, sans-serif;
	    color: #000000;
	}
		
     .logo,.leftblock,.navleft,.topnav,.floatright,.rightblock,.flash,.breadcrumb,.searchblock,.footer, select {
      display:none ;
      visibility:hidden;
     }
     .sub {
            display: visible;
     	   font-size: 8pt;
     }
     
     h2{
        margin-top: 3px;
        font-size: 8pt;
     }
  /*   .maindiv
     {
		visibility:hidden;
     }
     .hhlink 
     {
		visibility:visible;
		z-index:8;
		margin-top:20px;
	    margin-left:0px;
		margin-bottom:0px;
		margin-right:0px;
		padding-right:0px;
		padding-top:0px;
		padding-bottom:0px;
		padding-left:0px;
     }
     .bluebackgrnd,.content,.greybackgrnd,.greenbackgrnd,.main
     {
     float:left;
	 width:auto;
     min-height:100%;
     background-image:none;
     margin-left: 0px;
	 margin-right: 0px;
   
     }
     
    .mainblocks
    {
		width:auto;
		border:solid;
		margin-left: auto;
		margin-right: auto;
    }*/
 }