@charset "utf-8";  
.image-center-big {
	display: block;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:.5em;
	width:98%;
	max-width:600px;
	-moz-box-shadow:3.5px 3.5px 5px #000000;
	-webkit-box-shadow:3.5px 3.5px 5px #000000;
	box-shadow:3.5px 3.5px 5px #000000;
	background-color:#CDCCCC;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border-width:1px;
	border-color:#CDCCCC;}
#RotationWrapper {
	display:block;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width:100%;	
	max-width:700px;
	padding: 3px;}
.svcMapCenter {
	display: block;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width:98%;
	max-width:700px;
	margin-bottom: 10px;}
.SVCMapsouterTN {     	/* Container Service Maps, Car Carrier Service Maps, Container Specifications  */
	clear: both;
	padding: 1px;
	margin: auto;
	-moz-box-shadow:3.5px 3.5px 5px #000000;
	-webkit-box-shadow:3.5px 3.5px 5px #000000;
	box-shadow:3.5px 3.5px 5px #000000;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-width:2px;
	border-color:#4f81bd;
	border-style:solid;}
#svcMapOuterCont {  /* This set is used by Container-Service-Route Maps */
  float:left;
	margin-left: 10px;
	margin-right: 10px;
  position:relative;
  overflow:hidden;
  width:100%;
	z-index:5;}
#svcMapInnerCont {    /* This set is used by Container-Service-Route Maps */
  float:left;
  width:100%;
  position:relative;
  right:50%;
	z-index:5;}
/* Columns within the containers for 2 equal column layout */
#svcMapLeftCol1 {    /* This set is used by Container-Service-Route Maps */
  float:left;
  width:48%;
  position:relative;
  left:50%;
	vertical-align:middle;
	margin: 3px 3px 0 0;
	z-index:5;}
#svcMapRightCol2 {    /* This set is used by Container-Service-Route Maps */
  float:right;
  width:48%;
  position:relative;
  left:48%;
	vertical-align:middle;
	margin: 3px 3px 0 0;
	padding:0 0 0 2px;
	z-index:5;}
/* Style for larger Port Rotation Tables  */
.wrapperRotation {
  visibility: visible;
  clear: both;
  width: 100%;
	max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: .3em;}
.splitNone {
	float: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  line-height: 1.1em;
  height: auto;}
.splitNone td {
	border: 1px solid #777;}
.splitRotation {
	float: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  line-height: 1.1em;
  height: auto;}
.splitRotation27 {
	float: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  line-height: 1.1em;
  height: auto;}
.splitRotation30 {
	float: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  line-height: 1.1em;
  height: auto;}
.splitRotation33 {
	float: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  line-height: 1.1em;
  height: auto;}
.splitRotation40 {
	float: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  line-height: 1.1em;
  height: auto;}
.splitRotation43 {
	float: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  line-height: 1.1em;
  height: auto;}
.splitRotation45 {
	float: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  line-height: 1.1em;
  height: auto;}
.splitRotation55 {
	float: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  line-height: 1.1em;
  height: auto;}
.splitRotation57 {
	float: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  line-height: 1.1em;
  height: auto;}
.splitRotation66 {
	float: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  line-height: 1.1em;
  height: auto;}
.splitRotation td {
	border: 1px solid #777;}
.splitRotation27 td {
	border: 1px solid #777;}
.splitRotation30 td {
	width: 10%;
	border: 1px solid #777;}
.splitRotation33 td {
	border: 1px solid #777;}
.splitRotation40 td {
	width: 10%;
	border: 1px solid #777;}
.splitRotation43 td {
	width: 14.25%;
	border: 1px solid #777;}
.splitRotation45 td {
	border: 1px solid #777;}
.splitRotation55 td {
	border: 1px solid #777;}
.splitRotation57 td {
	width: 14.25%;
	border: 1px solid #777;}
.splitRotation66 td {
	border: 1px solid #777;}
.splitHideTo {visibility:visible; display:inline;}
table {max-width:700px;}
td.col_1{	
	visibility: visible;
	display:table-cell;
	background-color: #D2DCF0;}
td.col_1code{
	width:49px;	
	visibility: visible;
	display:table-cell;
	background-color: #D2DCF0;}
.titleWhtonNavy {
	text-align: left;
	color: #fff;
	background-color: #000080;}
.titleWhtonMaroon {
	text-align: left;
	color: #fff;
	background-color: #900000; }
.blkOnLtBluetxtLcode {
	width:49px;
	text-align: left;
	background-color: #D2DCF0;}
td.noCode{	
	visibility: visible;
	display:table-cell;
	background-color: #D2DCF0;
	vertical-align: bottom;}
td.col_2{	
	visibility: visible;
	display:table-cell;
	background-color: #D2DCF0;}
.blkOnLtBluetxtL {
	text-align: left;
	background-color: #D2DCF0;}
td.blkOnLtBluetxtLend {
	text-align: left;
	background-color: #D2DCF0;
	border:1px solid #777;}
td.blkOnLtBluetxtLstart {
	text-align: left;
	background-color: #D2DCF0;
	border:1px solid #777;}
.blkOnLtBluetxtC {
	text-align: center;
	background-color: #D2DCF0;}
td.blkOnLtBluetxtCend {
	text-align: center;
	background-color: #D2DCF0;
	border:1px solid #777;}
.blkOnLtBluetxtR {
	text-align: right;
	background-color: #D2DCF0;}
.blkOnLtMartxtL {
	text-align: left;
	background-color: #f2dcdb;}
.blkOnLtMartxtC {
	text-align: center;
	background-color: #f2dcdb;}
.centerText {text-align: center;}
.blk0nWhttxtC {
	text-align: center;
	background-color:#fff;}
.blk0nGrytxtC {
	text-align: center;
	background-color:#ddd;}
.blk0nGrytxtCtsh {
	text-align: center;
	height: auto;
	background-color:#ddd;}
td.blk0nGrytxtCend {
	text-align: center;
	background-color:#ddd;
	border:1px solid #777;}
.blk0nWhttxtCtsh {
	text-align: center;
	height: auto;}
td.blk0nWhttxtCend {
	text-align: center;
	background-color:#fff;
	border:1px solid #777;}
.hideVerysm {visibility:visible; display:inline;} /* hide unnesceeary below 300px */
.breakVerySm {visibility:hidden; display:none;} /* show break below 300px */
.breakSmall {visibility:hidden; display:none;}
.breakLeftSmall {visibility:hidden; display:none;}
.breakSmallMed {visibility:hidden; display:none}
.breakMed {visibility:hidden; display:none;}
.breakMax415 {visibility:hidden; display:none;}
@media all and (max-width: 300px) {
#svcMapLeftCol1 {width:95%;left:50%;}
#svcMapRightCol2 {width:95%;left:47%;}
td.col_2{visibility:hidden; display:none;}
td.blkOnLtBluetxtLend {
	border-left:0px;}
td.blkOnLtBluetxtLstart {
	border-right:0px;}
td.blkOnLtBluetxtCend {
	border-left:0px;}
td.blk0nGrytxtCend {
	border-left:0px;}
td.blk0nWhttxtCend {
	border-left:0px;}
.hideVerySm {visibility:hidden; display:none;}
.breakVerySm {visibility:visible; display:inline;}
.breakSmall {visibility:visible; display:inline;}
.breakLeftSmall {visibility:visible; display:inline;}
.breakSmallMed {visibility:visible; display:inline;}
.breakLeftSmallMed {visibility:visible; display:inline;}
.breakMed {visibility:visible; display:inline;}
}
@media all and (min-width: 301px) {
.splitRotationAuto {width:100%;}
}
@media all and (min-width: 301px) and (max-width: 474px) {
.splitRotationAuto {width:100%;}
.breakSmallMed {visibility:visible; display:inline;}
.breakLeftSmallMed {visibility:visible; display:inline;}
.breakMed {visibility:visible; display:inline;}
}
@media all and (max-width: 350px) {
td.noCode{	
	visibility: collapse;	
  display:none;
	width:0;
	height:0;
	opacity:0;
	border:0;}
}
@media all and (max-width: 415px) {
.breakMax415 {visibility:visible; display:inline;}
}
@media all and (min-width: 301px) and (max-width: 474px) {
#svcMapLeftCol1 {width:95%;left:50%;}
#svcMapRightCol2 {width:95%;left:47%;}
}
@media all and  (min-width: 475px) and (max-width: 599px) {
.blkOnLtBluetxtCsm {font-size:.9em;}
}
@media all and (min-width: 600px) and (max-width: 649px) {
.breakLeftSmallMed {visibility:visible; display:inline;}
}
@media all and (min-width: 650px) {
.splitRotation {width: 48%;}
.splitRotationAuto {width:auto;}
.splitRotation27 {width: 27%;	max-width:189px;}
.splitRotation30 {width: 30%;	max-width:210px;}
.splitRotation33 {width: 33.5%;	max-width:234.5px;}
.splitRotation40 {width: 40%;	max-width:280px;}
.splitRotation43 {width: 43%;	max-width:301px;}
.splitRotation45 {width: 45%;	max-width:315px;}
.splitRotation55 {width: 55%;	max-width:385px;}
.splitRotation57 {width: 57%;	max-width:399px;}
.splitRotation66 {width: 66.5%;	max-width:465.5px;}
.splitHideTo {visibility:hidden; display:none;}
td.blkOnLtBluetxtLend {
	border-left:0px;}
td.blkOnLtBluetxtLstart {
	border-right:0px;}
td.blkOnLtBluetxtCend {
	border-left:0px;}
td.blk0nGrytxtCend {
	border-left:0px;}
td.blk0nWhttxtCend {
	border-left:0px;}
td.blkOnLtBluetxtCend4 {
	border-left:0px;}	
td.blkOnLtBluetxtCend5 {
	border-left:0px;}	
.breakSmallMed {visibility:visible; display:inline;}
td.col_1{
	visibility: hidden;	
	display:none;}
td.col_1loc{
	visibility: hidden;	
	display:none;}
td.col_1code{
	visibility: hidden;	
	display:none;}
.blkOnLtBluetxtCsmB {
		border-left:0px;}
.noLeftBorder {
		border-left:0px;}
}
@media all and (min-width: 650px) and (max-width: 874px) {
.blk0nGrytxtCtsh {
	text-align: center;
	height: 32px;
	background-color:#ddd;}
.blk0nWhttxtCtsh {
	text-align: center;
	height: 32px;}
}
@media all and (min-width: 750px) {
.breakSmallMed {visibility:hidden; display:none;}
}