/* hpi.css */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
/*	color: #6d6f72; */
	background-color: #FFF; 
}

a {
	color: #3300FF;
	text-decoration: none;
}

ul,li,p {
	margin-top: 0px;
	margin-bottom: 4px;
	font-size: 10px;
}

p.header {
	/* color: #3e5891; */
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 8px;
	margin-top: 0px;
}

span.highlight {
	/* color: #3e5891; */
	font-size: 11px;
}

h1 {
	/*color: #33006B; */
	font-weight: bold;
	font-size: 9px;
}
h2 {
	/*color: #33006B; */
	font-weight: bold;
	font-size: 10px;
}
h3 {
	/*color: #33006B; */
	font-weight: bold;
	font-size: 11px;
}
h3 {
	/*color: #33006B; */
	font-weight: bold;
	font-size: 12px;
}
/*
img {
   behavior: url("https://global.pilotcredentials.com/css/css/fixpng.htc");
}
*/

#topbar {
	width: 825px;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
	height: 52px;
	
}

#topbar #logo {
	float: left;
	height: 52px;
	width: 400px;
	margin-bottom: 0px;
}

#topbar #notnav {
	width: 800px;	
	height: 52px;
	margin-bottom: 5px;
}

#topbar #notnav #logo2 {
	float: left;
	margin-bottom: 0px;
}

#topbar #companyinfo {
	float: left;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	height: 13px;
	margin-top: 19px;
	margin-bottom: 20px;
	width: 410px;
	margin-left: 10px;
}
#topbar #notnav #companyinfo2 {
	float: left;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
	height: 52px;
}

#topbar #notnav #companyinfo2 #name {
	margin-top: 14px;
	float: left;
}

#container {
	/*position: absolute;
	top: 5px;*/
	width: 840px;
	/*left: 50%;
	margin-left: -415px;
	*/
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	/*padding-left: 13px;
	padding-top: 6px;*/
	
}

#container2 {
	/*position: absolute;
	top: 5px;*/
	width: 1000px;
	/*left: 50%;
	margin-left: -415px;
	*/
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	/*padding-left: 13px;
	padding-top: 6px;*/
	
}

#content {
	float: left;
	min-width: 823px;
	margin-top: 0px;
	background-image:url(../images/pilotcredentials_navbg.jpg);
	background-repeat:no-repeat;
	background-position: 0px 1px;
	padding: 0px;
	min-height: 600px;
}

#content a {
	/* text-decoration: underline; */
}

#content2 {
	float: left;
	width: 823px;
	margin-top: 0px;
	padding: 0px;
}

#content2 a {
	/* text-decoration: underline; */
}

#contenttext {
	float: left;
	margin-top: 5px;
}

#leftnav {
	float: left;
	width: 133px;
	margin: 0px;
	padding: 0px;
	margin-top: 1px;
	margin-left: -139px;
	
	/* position: absolute;
	width: 140px;
	top: 375px;
	padding: 0px;
	margin: 0px auto 0px -144px; */
	
}

#nav {
	width: 830px;
	margin: 0px;
	padding: 0px;
}

#footer {
	width: 100%;
	border-top: 1px solid #6d6f72;
	text-align: left;
	margin-top: 5px;
	float: left;
	padding-top: 2px;
	background-color: #FFF;
}

/* Menu stuff */

div.menuitem {
	float: left;
	height: 32px;
}

#leftnav a {
	text-decoration: none;
}

ul.makeMenu, ul.makeMenu ul {
  width: 133px;                 /* sets the size of the menu blocks */
  border: 0px solid #000;      /* puts a black border around the menu blocks */
  background-color: #cccfd0;      /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
  padding: 0px;
  cursor: default;             /* gives an arrow cursor */
  margin: 0px 5px 0px 0px;            /* Opera 7 final's margin and margin-box model cause problems */
  text-align: center;
}
ul.makeMenu li {
  list-style-type: none;       /* removes the bullet points */
  margin: 0px;  
  padding: 0px;               /* Opera 7 puts large spacings between li elements */
  position: relative;     
  width: 133px;
  font-size: 11px;
  font-weight: bold;
  height: 27px;
}

ul.makeMenu a {
	padding-top: 6px;
	padding-bottom: 7px;
	text-decoration: none;
}

ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 27px;
  margin-top: 0px;
  margin-left: -1px;                    /* position slightly lower than the parent menu item */
  left: 0px;                  
  filter:alpha(opacity=80);
  -moz-opacity:.80;
  opacity:.80;
  border: 1px solid #fff;
}

ul.makeMenu li > ul li {  
	width: 131px;
}

ul.makeMenu li:hover, ul.makeMenu li.sfhover, ul.makeMenu li.CSStoHighlight {
  background-color: #cccfd0;      /* gives the active menu items a yellow background */
  color: #000;                 /* makes the active menu item text black */  
}
ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}

ul.makeMenu li.sfhover ul {
display: block;
margin-left: -78px;
margin-top: 28px;
}

ul.makeMenu li.sfhover a {
height: 15px;
}
 
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements                the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}

ul.makeMenu li:hover > ul li:hover {
	background-color: #666;
}

ul.makeMenu li:hover > ul li:hover a {
	color: #FFF;
}

ul.makeMenu li:hover > ul li a {
	color: #666;
}

/* and some link styles */
ul.makeMenu li a { color: #666666; display: block; width: 100%; text-decoration:none; }
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { 
	color: #666;
}

ul.makeMenu li:hover { 
	background-color: #666;	
}

ul.makeMenu li:hover a {
	color: white;
}

ul.makeMenu li.login {
	background-color: #ca1c22;
	font-weight: bold;
}

ul.makeMenu li.login a {
	color: #fff;
	font-weight: bold;
}

ul.makeMenu li.login a:hover {
	color: #fff;
	font-weight: bold;
}


ul.makeMenu li.usernav {
	background-color: #cccfd0;
}

ul.makeMenu li.usernav:hover {
	background-color: #666;
}


ul.makeMenu li.usernav a {
	color: #ca1c22;
}

ul.makeMenu li.usernav a:hover {
	color: #fff;
}

ul.makeMenu li:hover > a {  } 

<![if gt IE 5.0]><![if lt IE 7]>
/* that IE 5+ conditional comment makes this only visible in IE 5+ */

ul.makeMenu li { 
  /*  behavior: url('https://global.pilotcredentials.com/css/iemen.htc'); */
}

ul.makeMenu ul {  
  display: none; position: absolute; top: 0px; left: 78px;
}
<![endif]><![endif]>

#photoset {
	width: 850px;
	height: 240px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0px;
	border: 10px solid black;
}

#photosetempty {
	width: 131px;
	height: 100px;
	border: 1px solid black;
	float: left;
	font-weight: bold;
	text-align:center;
	margin: 0px 3px 4px 0px;
	padding: 0px 0px 0px 0px;
}

#photosetnotempty {
	float: left;
	margin: 0px 3px 4px 0px;
	padding: 0px 0px 0px 0px;
	width: 133px;
	height: 102px;
}

#photoset img {
	margin: 0px 5px 6px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	width: 133px;
	height: 102px;
}

#photosetnotempty img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	width: 133px;
	height: 102px;
}

#hpi {
	position: absolute;
	z-index:2000;
	top:0px;
	left:0px;
	margin-top: -1000px;
	border: 1px solid #000;
	width: 830px;
	background-color: white;
	padding-left: 6px;
}

#hpicontrol {
	position: absolute;
	z-index:119;
	top:0px;
	left:0px;
	margin-top: 0px;
	border: 1px solid #000;
	width: 200px;
	background-color: white;
	font-size: 10px;
}

#hpicontrol p {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: bold;
}

#hpi p {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px; 
	font-size: 11px;
	font-weight: bold;
}

#innercontent {
	width: 680px;
	margin-left: 10px;
	min-height: 450px;
	float: right;
}

#innercontent div.normal {
	width: 674px;
	margin: 0px;
	min-height: 400px;
	padding: 5px;
}

#mainleftnav {
	position: absolute;
	width: 823px;
	top: 375px;
	/* left: 50%;
	margin-left: -271px; */
	padding: 0px;
	margin: 0px auto;
}

#innercontent div.contentblock {
	width: 380px;
	min-height: 400px;
	margin: 0px;
	margin-left: -1px;
	margin-top: -1px;
	/*color: #777;
	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	padding: 4px;
	/*font-size: 10px*/
}

#maintext_narrow {
	float: left;
	width: 400px;
}

#innercontent div.loginblock {
	float: right;
	width: 270px;
	margin: 0px;
	/*color: #777;
	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	padding: 4px;
	/*font-size: 10px*/
}

#innercontent div.boxed h3 {
}

#innercontent div.boxed #edit {
	position: absolute;
	margin-top: 205px;
	border: 1px solid black;
	background-color:#FFFFFF;
	padding: 3px;
	margin-left: -5px;
	filter:alpha(opacity=60);
  	-moz-opacity:.60;
	opacity:.60;
	
}

#innercontent div.boxed #edit a {
	color: #e4141b;
	margin: 5px;
}

#innercontent div.boxed #edit:hover {
	filter:alpha(opacity=100);
  	-moz-opacity:1;
	opacity:1;
}

div.inlineedit {
	width: 100%;
}

div.inlineedit #editlarge {
	float: right;
	border: 1px solid black;
	background-color:#FFFFFF;
	padding: 3px;
	margin-left: -5px;
	filter:alpha(opacity=60);
  	-moz-opacity:.60;
	opacity:.60;
	
}

div.inlineedit #editlarge a {
	color: #e4141b;
	margin: 5px;
}

div.inlineedit #editlarge:hover {
	filter:alpha(opacity=100);
  	-moz-opacity:1;
	opacity:1;
}

#innercontent div.boxed a {
	text-decoration: none;
}

#loggedin {
	/*position: absolute;
	
	margin:  2px auto;
	width: 823px;
	text-align: right;
	z-index: 100;
	padding-left: 13px;
	*/
	width: 823px;
	height: 20px;
	/*left: 50%;
	margin-left: -415px;
	*/
	top: 0px;
	margin: 0px auto;
	text-align: right;
	z-index: 1000;
	padding: 0px;
}

p {
	margin-bottom: 8px;
}

#image {
	float: left;
	padding: 0px 5px 5px 0px;
	text-align: center;
	margin: 0px 0px 0px 0px;
}

table.imagecontrols {
	/*margin: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;*/
	margin-left: 1px;
}

table.imagecontrols td {
	border: 1px solid #000;
	padding: 1px 1px 1px 1px;
	margin: 1px 1px 1px 1px;
	text-align: center;
	vertical-align: middle;
}

table.imagecontrols td.image {
	height: 154px;
	width: 154px;
}

div.wide {
	width: 650px;
	float: left;
	margin-bottom: 5px;
	margin-top: 5px;
	vertical-align: top;
}

#bonavitem {
	font-size: 9px;
	text-align: center;
	width: 110px;
	border: 1px solid #000;
	float: left;
	margin: 6px 6px 0px 0px;
	height: 13px;
} 

#bonavitem:hover {
	background-color:#CCCCCC;
}

#bonavitemempty {
	font-size: 9px;
	text-align: center;
	width: 110px;
	border: 1px solid #000;
	float: left;
	margin: 6px 6px 0px 0px;
	background-color:#CCCCCC;
	height: 13px;
} 

input,select,option,textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 1px;
}

input.login {
  color:#000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  width: 70px;
  background-color:#f1b03a;
  border: 1px solid;
  border-color: #696 #363 #363 #696;
  filter:progid:DXImageTransform.Microsoft.Gradient
  (GradientType=0,StartColorStr='#fff3db33',EndColorStr='#fff1b03a');
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  padding: 4px;
}

#profileform {
	width: 650px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	float: left;
}

#profileformnav {
	position: relative;
	width: 133px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	min-height: 500px;
	/* z-index: 1; */
}

#profileformnav p {
	font-size: 11px;
	padding: 0px;
}

/* #profileform #profileformnav #unselleft {
	float: left;
	width: 77px;
	height: 29px;
	background-image: url(https://global.pilotcredentials.com/careers/images/profiletab_unsel_left.jpg);
	padding: 0px;
	font-size: 11px;
	text-align:center; 
	vertical-align: middle; 
}*/

 .buttonpurple {
	margin: 1px 0px 0px 0px;
	padding: 0px 10px 4px 10px;
	height: 20px;
	width: auto;
	/* background: #660099 url(https://global.pilotcredentials.com/css/fedex_express_branding/bg_button_purple.gif) repeat-x; */
	color: #222;
	font-size:11px;
	font-weight: bold;
}

#profileformnav #unsel {
	height: 27px;
	padding: 0px;
	font-size: 11px;
	text-align:center; 
	margin: 0px 0px 5px 0px;
	background-color: silver; 
}

#profileformnav #selected {
	height: 27px;
	padding: 0px;
	font-size: 11px;
	text-align:center; 
	margin: 0px 0px 5px 0px;
	background-color: gray; 
	color: white;
}

#profileformnav #unsel a {
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

#profileformnav #unsel p {
	color: #666666;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
}

#profileformnav #button {
	height: 27px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	text-align: center;
}

#profileformnav #button input {
	margin: 4px 0px 0px 0px;
}
/*
#profileformnav #navimgsel {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 7px;
	height: 22px;
	margin-right: 1px;
	
}

#profileformnav #navimgunsel {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 7px;
	height: 22px;
	margin-right: 1px;
	
}
*/

#profileformnav #selected p {
	color: white;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	
}

#profileform #profileformcontents {
	width: 690px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#profileform tr {
	margin: 0px;
}

#iesux {
	width: 850px;
}

#subsectionheader {
	width: 650px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid black;
	margin-bottom: 10px;
	margin-top: 5px;
	font-size: 11px;
	font-weight: bold;
}

#subsectionheader2 {
	width: 650px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid black;
	padding-bottom: 3px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-size: 11px;
	font-weight: bold;
}

#sectionheader {
	width: 650px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
#sectiontitle {
	float: left;
	width: 550px;
	height: 18px;
	margin: 0px;
	padding: 0px;
}
#printlink {
	float: right;
	width: 100px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
#profilechecklist {
	width: 400px;
	margin: 0px auto 0px 100px;
	font-size: 11px;
}
#timeoutwarning {
	position: absolute; 
	border: solid black 2px; 
	background-color:white; 
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75; 
	font-size: 14px; 
	font-weight: bold; 
	color: red; 
	display: none; 
	width: 630px; 
	height: 40px;
	margin-left: 150px; 
	margin-top: 100px;
	vertical-align: middle;
	text-align: center;
}


#timeoutwarning p {
	margin-top: 10px;
}

#dynamiccontent p {
	margin-bottom: 10px;	
}

#dynamiccontent ol,ul {
	margin-left: 25px;
}

#dynamiccontent li {
	padding-left: 5px;
	margin-left: 5px;
	list-style: disc outside;
}

#ad_vertright {
	position: absolute;
	margin-left: 840px;
	top: 62px;
}