/*
 *@font-face {
    font-family: 'HelveticaNue';
    src: url('helveticaneueltstd-th-webfont.eot');
    src: url('helveticaneueltstd-th-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-th-webfont.woff') format('woff'),
         url('helveticaneueltstd-th-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-th-webfont.svg#helveticaneuelt_std_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
body,table,td,div {
  margin:0;
  padding:0;
  font-family:'Arial', sans-serif;
  font-size:13px
}

body {
  background:url(/images/footer_back_extend.png) bottom center repeat-y;
  width:100%;
  overflow-x:hidden;
}

img {
  border:0px
}

a {
  color:black;
  text-decoration:none;
  font-smoothing:always;
  outline: none;
}

a:hover {
  text-decoration:underline
}

#subbody a {
  color:#0070BD
}

#header {
  background:url(../images/header_back.png) top center repeat-x;
  width:100%;
  height:105px;
  text-align:center;
  position:fixed;
  z-index:3
}

#headerin {
  width:900px
}

#logo {
  float:left;
  vertical-align:top;
  padding-bottom:5px
}

#nav {
  float:right;
  text-align:right;
  height:24px;
}

.navlink {
  float:left
}

.navlink a {
  padding-left:15px;
  padding-right:15px;
}

#emergency {
  padding-bottom:0px;
  padding-top:5px
}

#body {
  width:100%;
  text-align:center;
  position:relative;
}

#body1 {
  width:100%;
  text-align:center;
  position:relative;
}

#bodyz {
  height:auto;
    min-height:850px;
    height:auto !important;        /* for IE as it does not support min-height */
    height:850px;
}

#bgimage{
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: -3;
    min-height:850px;
    height:auto !important;        /* for IE as it does not support min-height */
    height:850px;
}
#bgimage1{
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: -3;
    min-height:850px;
    height:auto !important;        /* for IE as it does not support min-height */
    height:850px;
}

#whiteover {
  position:absolute;
  top:440px;
  height:369px;
  width:2000px
}

#bodyin2 {
  position:absolute;
  width:980px;
  top:0px;
  text-align:left;
  left:50%;
  margin-left:-490px;
}

#bodyin3 {
  position:absolute;
  width:890px;
  top:100px;
  text-align:left;
  left:50%;
  margin-left:-445px
}


#homesearch {
  position:relative;
  top:155px;
  margin-left:-1300px;
  left:-50%;
  background:url(../images/home_search_back.png) no-repeat top center;
  width:1300px;
  height:159px;
}

#subpage_search {
  position:absolute;
  top:159px;
  left:50%;
  background:url(../images/screen_overlay.png);
  width:300px;
  height:159px;
  margin-left:-150px;
  z-index:600;
    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
  border-radius: 15px
}

.tabpad {
  padding:15px 15px 0px 15px;
  color:white;
  font-family:arial;
  font-size:20px;
  letter-spacing:-1px;
}

.selectbox {
  background-color:#1A5277;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
    color:white;
    font-size:12px;
    padding:4px;
    margin-left:4px;
    margin-right:4px;
    float:left;
    text-align:center
}

#corrsearchcont {
  display:block
}

#shipsearchcont {
  display:none
}

#pplsearchcont {
  display:none
}

#sitesearchcont {
  display:none
}

.active {
  background-color:#0070BD;
}

input[type="text"] {
  font-size:11px;
  padding:4px;
  background-color:transparent;
  border:0px;
  color:#666666
}

.countryselect {
  font-size:11px;
  padding:4px;
  background-color:transparent;
  border:0px;
  width:115px;
  color:#666666
}

.inputdiv {
  background:url(../images/home_search_fieldback.png) no-repeat top center;
  width:121px;
  height:24px;
  overflow:hidden;
  margin-left:13px
}

.inputdiv_big {
  background:url(../images/home_search_fieldback_big.png) no-repeat top center;
  width:250px;
  height:24px;
  overflow:hidden;
  margin-left:13px
}

.hometext {
  font-size:36px;
  color:white;
  letter-spacing:-2px;
  text-shadow: #000000 2px 2px 2px;
  padding-bottom:180px;
}

#homecontent {
  position:absolute;
  top:150px;
  text-align:right
}

#subbody {
  position:absolute;
  background:url(../images/subpage_bg.png) top center repeat-y;
  width:886px;
  top:45px;
  left:12px
}

.page_subtitle {
  color:#FFFFFF;
  background-color:#666666;
  letter-spacing:0px;
  font-size:18px;
  font-family:arial;
  padding:10px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
  border-radius:5px;
}

.filepageresult {
  color:#FFFFFF;
  background-color:#666666;
  /*letter-spacing:0px;*/
  font-size:15px;
  font-family:arial;
  padding:10px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
  border-radius:5px;
}


.result {
  background-color:#EEEEEE;
  border:1px solid #CCCCCC;
  padding:5px;
  width:580px
}

.search_result {
  font-size:12px;
  font-family:arial;
  background-color:#dddddd;
}

.veslink {
    margin: 15px 0px 6px 0px;
}

.veslink a {
    font-weight:bold;
    font-size:13px;
    color:#009;
}

.vesdets {
    width:580px;
    padding-left:15px;
    font-size:11px;
}


span.detheader{
    width:130px;
    display:inline-block;
    background-color:#aaaaaa;
    font-weight:bold;
    padding:3px;
    margin:1px 3px 1px 1px;
}

span.detdata{
    width:430px;
    display:inline-block;
    background-color:#fff;
    padding:3px;
    margin:1px 0px 1px 0px;
}

span.det2{
    vertical-align: top;
    height:4.5em;
}

span.det3{
    vertical-align: top;
    height:6em;
}

span.det3bump{
    position:relative;top:.5em;
}

/*
span.det2{
    vertical-align: center;
    padding: 1.75em 3px 1.75em 3px;
    position: relative;
    top: -1.5em;
}

span.det3{
    vertical-align: center;
    padding: 2.33em 3px 2.33em 3px;
    position: relative;
    top: -2.25em;
}
*/


.subbodycontent {
  float:left;
  width:600px;
  padding-left:15px;
  color:black;
  line-height:18px;
  font-size:12px;
  font-family:arial
}

#pageheader {
  position:relative;
  background:url(../images/subpage_header.png) no-repeat top center;
  width:890px;
  height:50px;
  padding:10px;
}


/* created for portal */
#body_fullmp {
  position:absolute;
  top:100px;
  width:100%;
  height:100%;
  text-align:left;
}

#pageheader_fullmp {
  position:absolute; top:0px; left:10px;
  background:  url(../images/subpage_header_leftmp_l.png) no-repeat top left;
  width: 98%;
  width: calc(98% + 2px);
  height:50px;
  padding:0px;
  overflow: hidden;
}

#subbody_fullmp {
  position:absolute; top:45px; left:12px;
  width:98%;
  height:170em;
  display: block;
}


#portal { /* height or min-height must be specified here */
  position:absolute; top:2px;
  width:1px;
  min-width: 99.8%;
  min-width: calc(100% - 1px);
  height:100%;
  border: 0px solid green;
  background: #dff;
}



#mpstar {
    display: inline;position:absolute;left:0px;padding-left:10px;padding-right:10px;padding-top:13px;
}
#mprightfade {
    display: inline;position:absolute;right:-4px;
}




#pageheader div {
  font-size:11px
}


.homebox {
  background:url(../images/home_box.png) top center no-repeat;
  width:284px;
  height:315px;
  padding:10px 15px 10px 15px;
  float:left;
  text-align:left;
  color:white;
  margin: 0px 5px 0px 5px
}

.homeboxbody {
  padding:15px 25px 15px 25px;
  line-height:16px
}

.boxtitle {
  font-size:24px;letter-spacing:-1px;font-family:arial;font-weight:bold
}

.redline {
  background-color:#ff0000;
  height:1px;
  margin-top:8px
}

#clearfooter {
height:210px;
}

#footer {
  width:100%;
  background:url(/images/footer_back.png) top center no-repeat;
  height:90px;
  z-index:5;
  position:fixed;
  bottom:0px;
  text-align: center;
}

#footerin {
  position:relative;
  width:850px;
  padding-top:15px;
  left:50%;
  margin-left:-425px;
  z-index:5;
  text-align: center;
}


#footerin2 {
  position:relative;
  width:850px;
  padding-top:15px;
  left:50%;
  margin-left:-425px;
  z-index:5;
border:red solid 1px;
	
}

#socmedia {
	
}

#footerlogo{
  float:right;
}

#footerlogo2{
  position:relative: top: -90px; left:-90px;
  display: inline;
  width:90px;height:40px;
}

#footerlogo2 a img {position:relative: top: -20px; 
  
}

#footernav {
  float:left;
  text-align:left;
  color:#ffffff;
}

#copyright, #footernav {
  padding:3px;
  color:white;
  width:100%;
  font-size:11px;
}

#footernav a {
  font-size:11px;
  color:white;
}


.circular_item {
  padding-bottom:10px;
  line-height:18px;
  font-size:12px;
}

.boxdate {
  color:#999999;
  font-size:11px;
}

/* OFFICES */

.officecalendar1 {
	border:0px; 
	padding:0px; 
	line-height: 17px; 
	width:385px;
}
.officecalendar2 {
	border:0px; 
	padding:0px; 
	line-height: 17px; 
	width:414px;
}

.officecalendar1 td, .officecalendar2 td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: rgb(64,64,64); 
	font-size: .9em; 
}

/* STAFF */

.person {
  width:185px;
  height:203px;
  float:left;
  padding:5px;
  cursor:pointer;
}

.personpic {
  position:relative;
  z-index:1;
  border:1px solid #AAA
}

.overlay {
  position:relative;
  z-index:2;
  top:-205px;
  width:185px;
  height:203px;
  left:-2px;
}

.personname {
  color:white;
  font-size:11px;
  padding:10px;
  text-shadow:0 0 1em #000;
  width:166px;
  background:url(../images/people_overlay.png);
}

.overl {
  position: fixed; top: 0; right: 0; bottom: 0; left: 0;
  width:100%;
  height:100%;
  background:url(../images/screen_overlay.png);
  display:none;
  z-index:100;
  cursor:pointer
}

.overlayer {
    position:fixed;
    top:20%;
    background:url(../images/people_over-back-right.png) top center no-repeat;
    width:700px;
    height:400px;
    z-index:401;
    left:50%;
    margin-left: -350px;
    display:none
}

.overlayer_small {
    background: url("../images/people_over-back-right-1.png") no-repeat scroll center top transparent;
    display: none;
    height: 300px;
    left: 50%;
    margin-left: -240px;
    position: fixed;
    top: 20%;
    width: 480px;
    z-index: 401;
}

.bluelabel {
  color:#FFFFFF;
  font-weight:bold;
  font-size:14px; /* rph new offices fit on one line */
  font-family:arial;
  line-height:20px
}

#region {
  padding:15px 0 15px 0;
}

#name {
  padding:15px 0 15px 0;
}

#name_choices {
}

.sn_choice {
  font-size:14px;
  line-height:14px;
  padding:6px;
  float:left;
  cursor:pointer;
}

.sn_active {
  background-color:#000;
}


#allcont {
  display:block
}

#usacont {
  display:none
}

#ukcont {
  display:none
}

#grcont {
  display:none
}

#chcont {
  display:none
}

#hkcont {
  display:none
}

#hscont {
  display:none
}

#ppl1 {
  background-color:white;
  color:black
}



.nav {
  padding-top:10px;
}

.nav .navbox {
}

.nav .navmain {
  font-weight:bold;
  padding:10px;
  padding-bottom:20px;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}



.dropdown {
  width:920px;
  background:url(../images/dropdown_back.jpg) top center no-repeat #FFF;
  position:absolute;
  top:95px;
  left:50%;
  margin-left:-475px;
  text-align:left;
  padding:15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  box-shadow: 0px 5px 5px #000;
  display:none
}

.dropdown a {
  color:black;
  text-shadow: 1px 1px 2px #FFF
}

#header_buttons {
  height:24px;
  padding:5px 0 10px 0;
  width:600px;
}

#subsearch {
  padding-top:2px;
  cursor:pointer;
  width:108px;
}

#emergency {
  position:relative;
  top:-3px;
  height:24px;
  overflow:hidden
}

.navactive {
  background-color:white
}

.linksubs {
  display:none
}


.subpagesearch {
  display:none
}

#error {
	position: absolute;
	top: 180px;
	left: 50%;
	margin-left:-200px;
	z-index:100;
	width: 400px;
	height: 400px;
	background: white;
}
/* Let's get this party started */
.homeboxbody ::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.homeboxbody ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
.homeboxbody ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(255,255,255,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.homeboxbody ::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,255,255,0.4);
}


table.overunder {order:0px;margin:0px auto;}
table.overunder td.ricepic {border:0px;}
table.overunder td.ricecap {border:0px;padding:0px 0px 40px 0px;font-size:1em;width:450px;text-align: left;}


.bluesubheader {
    /*
     *font-size:1.2em;
    padding-top:9px;
    */
    font-weight:bold;
    color:#1e7af7;
    text-decoration:none;
}


.longul {
    margin-top:9px;
}



.longul li{
    line-height: 1.5;
    padding-bottom:9px;
}


.longul_date {
    font-size: .9em;
    color:#663333;
}




/*
 
NOT CURRENTLY USED
 
 
label {
	      position: relative;
	  }
*/


.box {
	position: absolute;
	left: 25%;
	top: 25%%;
	z-index: 100;
	
	/* Prevent some white flashing in Safari 5.1 */
	-webkit-backface-visibility: hidden;

	-moz-border-radius:    20px; 
	-webkit-border-radius: 20px; 
	border-radius:         20px; 
	
	width: 620px; 
	padding: 20px;
	opacity: 0;
			    
	-webkit-transform: scale(0) skew(50deg);
	-moz-transform:    scale(0) skew(50deg);
	-ms-transform:     scale(0) skew(50deg);
	-o-transform:      scale(0) skew(50deg);
	
	-webkit-transform-origin: 0px -30px;
	-moz-transform-origin:    0px -30px;
	-ms-transform-origin:     0px -30px;
	-o-transform-origin:      0px -30px;
	
	-webkit-transition: -webkit-transform ease-out .35s, opacity ease-out .4s;
	-moz-transition:    -moz-transform    ease-out .35s, opacity ease-out .4s;
	-ms-transition:     -ms-transform     ease-out .35s, opacity ease-out .4s;
	-o-transition:      -o-transform      ease-out .35s, opacity ease-out .4s;
}

.popUpControl { 
	display: none; 
}
.popUpControl:checked ~ label > .box {
	opacity: 1;
	-webkit-transform: scale(1) skew(0deg);
	-moz-transform:    scale(1) skew(0deg);
	-ms-transform:     scale(1) skew(0deg);
	-o-transform:      scale(1) skew(0deg);
}


/* USING BUT TWEAKS NEEDED IF MULTIPLE INSTANCES OCCUR */
.black_overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 162px;   /* (600 main + 264 sidebar img - 540 lightbox img) / 2 */
	
	/*
	width: 50%;
	height: 50%;*/
	text-align: center;
	padding: 6px;
	background-color: white;
	z-index:1002;
	overflow: auto;
 
}