/*
Document   : default.scss
Created on : Aug 24, 2012, 9:34:15 AM
Author     : gly
Description: main stylesheet combining default partials
*/
.clear {
  display: block;
  height: 1px;
  line-height: 1px;
  clear: both;
}

a {
  text-decoration: none;
  color: #005aad;
}
a:hover, a:active {
  text-decoration: none !important;
}

strong {
  font-weight: bold;
}

/*
Document   : partials/def/_header.scss
Created on : Apr 16, 2014, 11:00:43 AM
Author     : gly
Description: default styles for header
*/
#preHeader {
  height: 0px;
  background-color: #00376c;
}

#header {
  position: relative;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00386e), color-stop(100%, #012b54));
  background-image: -webkit-linear-gradient(#00386e 0%, #012b54 100%);
  background-image: -moz-linear-gradient(#00386e 0%, #012b54 100%);
  background-image: -o-linear-gradient(#00386e 0%, #012b54 100%);
  background-image: -ms-linear-gradient(#00386e 0%, #012b54 100%);
  background-image: linear-gradient(#00386e 0%, #012b54 100%);
  -pie-background: linear-gradient(top, #00386e 0%, #012b54 100%);
  behavior: url(/css/PIE.htc);
  height: 56px;
  min-width: 1105px;
  width: auto !important;
  width: 1105px;
}
#header a.shipserv {
  display: block;
  height: 56px;
  text-decoration: none;
  border-right: 1px dotted #345677;
  position: absolute;
  top: 0;
  left: 0;
}
#header a h2 {
  display: block;
  overflow: hidden;
  width: 178px;
  height: 28px;
  background: url(../images/shipserv-logo.png) left top no-repeat transparent;
  text-indent: -300px;
  margin: 11px 0 0 20px;
  padding: 0 41px 0 0;
}

.divider {
  background: #087fc5;
  height: 3px;
}

/*
Document   : partials/def/_nav.scss
Created on : Aug 24, 2012, 4:00:43 PM
Author     : gly
Description: default styles for tabbed navigation
*/
.nav {
  position: relative;
}
.nav ul {
  list-style: none;
}
.nav ul.primary {
  position: absolute;
  top: 0px;
  left: 240px;
}
.nav ul.primary li {
  position: relative;
  float: left;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00386e), color-stop(100%, #012b54));
  background-image: -webkit-linear-gradient(#00386e, #012b54);
  background-image: -moz-linear-gradient(#00386e, #012b54);
  background-image: -o-linear-gradient(#00386e, #012b54);
  background-image: -ms-linear-gradient(#00386e, #012b54);
  background-image: linear-gradient(#00386e, #012b54);
  -pie-background: linear-gradient(#00386e, #012b54);
  behavior: url(/css/PIE.htc);
}
.nav ul.primary li a {
  display: block;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  color: #838d97;
  text-decoration: none;
  font-size: 12px;
  padding: 8px 15px;
  text-transform: uppercase;
  border-right: 1px dotted #345677;
}
.nav ul.primary li.selected {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #13b6ea), color-stop(100%, #087fc5));
  background-image: -webkit-linear-gradient(#13b6ea, #087fc5);
  background-image: -moz-linear-gradient(#13b6ea, #087fc5);
  background-image: -o-linear-gradient(#13b6ea, #087fc5);
  background-image: -ms-linear-gradient(#13b6ea, #087fc5);
  background-image: linear-gradient(#13b6ea, #087fc5);
  -pie-background: linear-gradient(#13b6ea, #087fc5);
}
.nav ul.primary li.selected a {
  color: #ffffff;
}
.nav ul.primary li.shipTab {
  width: 21px;
  overflow: hidden;
  text-indent: -200px;
  width: 40px;
}
.nav ul.primary li.shipTab a {
  background: url(/img/shipmate/shipserv-tools.png) no-repeat center center transparent;
}
.nav .secondary {
  position: absolute;
  top: 12px;
  right: 0;
}
.nav .secondary.dropdown {
  top: 6px;
}
.nav .secondary.dropdown ul {
  margin-top: 5px;
}
.nav .secondary p.companyName {
  font-size: 11px;
  color: #a4a4a4;
  padding-left: 10px;
  padding-right: 20px;
  text-align: right;
}
.nav .secondary .positionContainer {
  position: relative;
  height: 22px;
}
.nav .secondary #switchContainer {
  position: absolute;
  right: 0px;
  margin-right: 20px;
  height: 20px;
  border: 1px solid #34597e;
}
.nav .secondary #switchContainer.mate {
  min-width: 220px;
  max-width: 360px;
}
.nav .secondary #switchContainer form {
  display: block;
  position: relative;
}
.nav .secondary #switchContainer form #selectedSwitchCompany {
  display: block;
  background: #012d57;
  height: 11px;
  max-width: 325px;
  padding: 4px 5px 5px 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
  color: #a4a4a4;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
}
.nav .secondary #switchContainer form #compSelArrow {
  display: block;
  float: right;
  background-color: #00376b;
  width: 25px;
  height: 20px;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("/img/header/dropdownArrow.png") center center no-repeat;
}
.nav .secondary #switchContainer .companySwitchList {
  position: absolute;
  top: -4px;
  left: 0;
  border: 1px solid #dbdbdb;
  background: #ffffff;
  z-index: 200;
  opacity: 0;
  filter: alpha(opacity=0);
}
.nav .secondary #switchContainer .companySwitchList.new {
  min-width: 200px;
  max-width: 360px;
  top: 0;
  padding: 10px 10px 0 10px;
}
.nav .secondary #switchContainer .companySwitchList.new input[type="text"] {
  width: 50px;
}
.nav .secondary #switchContainer .companySwitchList.new label {
  top: 0;
}
.nav .secondary #switchContainer .companySwitchList li {
  width: auto;
  background: #ffffff;
  height: 12px;
  padding: 4px 5px 4px 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  color: #2e3235;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.nav .secondary #switchContainer .companySwitchList li:hover {
  background: #dbdbdb;
}
.nav .secondary ul {
  position: relative;
  right: 0;
  top: 0;
  margin: 8px 20px 0 0;
}
.nav .secondary ul li {
  float: left;
}
.nav .secondary ul li a {
  display: block;
  overflow: hidden;
  height: 17px;
  line-height: 17px;
  vertical-align: middle;
  color: #ffffff;
  text-decoration: none;
  font-size: 12px;
  padding: 0 10px;
  border-right: 1px dotted #345677;
}
.nav .secondary ul li.last a {
  border-right: 0;
  padding-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 125px;
}

@media screen and (max-width: 1024px) {
  .nav .secondary li a {
    font-size: 10px !important;
  }
}
/*
Document   : partials/def/_buttons.scss
Created on : Aug 24, 2012, 4:00:43 PM
Author     : gly
Description: default styles for buttons
*/
input[type="button"]:hover, input[type="submit"]:hover {
  cursor: pointer;
}

.button {
  position: relative;
  font-weight: bold;
  color: #ffffff;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.28);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid transparent;
  -pie-poll: true;
  behavior: url(/css/PIE.htc);
}
.button.small {
  font-size: 11px;
  padding: 3px 10px;
}
.button.medium {
  font-size: 14px;
  padding: 6px 20px;
}
.button.large {
  font-size: 18px;
  padding: 6px 28px;
}
.button.white {
  background: #ffffff;
  border-color: #d6dce4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f5f7fa));
  background-image: -webkit-linear-gradient(#ffffff 0%, #f5f7fa 100%);
  background-image: -moz-linear-gradient(#ffffff 0%, #f5f7fa 100%);
  background-image: -o-linear-gradient(#ffffff 0%, #f5f7fa 100%);
  background-image: -ms-linear-gradient(#ffffff 0%, #f5f7fa 100%);
  background-image: linear-gradient(#ffffff 0%, #f5f7fa 100%);
  -pie-background: linear-gradient(top, #ffffff 0%, #f5f7fa 100%);
  color: #005aad;
  text-shadow: none;
}
.button.grey {
  background: #d3d3d3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d3d3d3), color-stop(2%, #c7c7c7), color-stop(100%, #878787));
  background-image: -webkit-linear-gradient(#d3d3d3 0%, #c7c7c7 2%, #878787 100%);
  background-image: -moz-linear-gradient(#d3d3d3 0%, #c7c7c7 2%, #878787 100%);
  background-image: -o-linear-gradient(#d3d3d3 0%, #c7c7c7 2%, #878787 100%);
  background-image: -ms-linear-gradient(#d3d3d3 0%, #c7c7c7 2%, #878787 100%);
  background-image: linear-gradient(#d3d3d3 0%, #c7c7c7 2%, #878787 100%);
  -pie-background: linear-gradient(top, #d3d3d3 0%, #c7c7c7 2%, #878787 100%);
  behavior: url(/css/PIE.htc);
}
.button.dblue {
  border-color: #1364af;
  border-top-color: #2b76bb;
  border-bottom-color: #004c94;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #92b8db), color-stop(2%, #0058a9), color-stop(100%, #00386e));
  background-image: -webkit-linear-gradient(#92b8db 0%, #0058a9 2%, #00386e 100%);
  background-image: -moz-linear-gradient(#92b8db 0%, #0058a9 2%, #00386e 100%);
  background-image: -o-linear-gradient(#92b8db 0%, #0058a9 2%, #00386e 100%);
  background-image: -ms-linear-gradient(#92b8db 0%, #0058a9 2%, #00386e 100%);
  background-image: linear-gradient(#92b8db 0%, #0058a9 2%, #00386e 100%);
  -pie-background: linear-gradient(top, #92b8db 0%, #0058a9 2%, #00386e 100%);
}
.button.lblue {
  background: #3bc1ee;
  border-color: #0277cd;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3bc1ee), color-stop(3%, #9adff6), color-stop(6%, #12b2e9), color-stop(100%, #047dd5));
  background-image: -webkit-linear-gradient(#3bc1ee 0%, #9adff6 3%, #12b2e9 6%, #047dd5 100%);
  background-image: -moz-linear-gradient(#3bc1ee 0%, #9adff6 3%, #12b2e9 6%, #047dd5 100%);
  background-image: -o-linear-gradient(#3bc1ee 0%, #9adff6 3%, #12b2e9 6%, #047dd5 100%);
  background-image: -ms-linear-gradient(#3bc1ee 0%, #9adff6 3%, #12b2e9 6%, #047dd5 100%);
  background-image: linear-gradient(#3bc1ee 0%, #9adff6 3%, #12b2e9 6%, #047dd5 100%);
  -pie-background: linear-gradient(top, #3bc1ee 0%, #9adff6 3%, #12b2e9 6%, #047dd5 100%);
}
.button.green {
  background: #98d56c;
  border-color: #85b95f;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #98d56c), color-stop(3%, #c9e9b3), color-stop(6%, #7fca4b), color-stop(100%, #048803));
  background-image: -webkit-linear-gradient(#98d56c 0%, #c9e9b3 3%, #7fca4b 6%, #048803 100%);
  background-image: -moz-linear-gradient(#98d56c 0%, #c9e9b3 3%, #7fca4b 6%, #048803 100%);
  background-image: -o-linear-gradient(#98d56c 0%, #c9e9b3 3%, #7fca4b 6%, #048803 100%);
  background-image: -ms-linear-gradient(#98d56c 0%, #c9e9b3 3%, #7fca4b 6%, #048803 100%);
  background-image: linear-gradient(#98d56c 0%, #c9e9b3 3%, #7fca4b 6%, #048803 100%);
  -pie-background: linear-gradient(top, #98d56c 0%, #c9e9b3 3%, #7fca4b 6%, #048803 100%);
}
.button.pgreen {
  background: #98c522;
  border-color: #78a000;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cee794), color-stop(3%, #99c622), color-stop(100%, #5e7f0b));
  background-image: -webkit-linear-gradient(#cee794 0%, #99c622 3%, #5e7f0b 100%);
  background-image: -moz-linear-gradient(#cee794 0%, #99c622 3%, #5e7f0b 100%);
  background-image: -o-linear-gradient(#cee794 0%, #99c622 3%, #5e7f0b 100%);
  background-image: -ms-linear-gradient(#cee794 0%, #99c622 3%, #5e7f0b 100%);
  background-image: linear-gradient(#cee794 0%, #99c622 3%, #5e7f0b 100%);
  -pie-background: linear-gradient(#8fba1f 0%, #99c622 3%, #5e7f0b 100%);
}
.button.red {
  background: #dce7f4;
  border-color: #e92125;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff765b), color-stop(3%, #ffab9b), color-stop(6%, #fe5c3f), color-stop(98%, #e92125), color-stop(100%, #cb1b1f));
  background-image: -webkit-linear-gradient(#ff765b 0%, #ffab9b 3%, #fe5c3f 6%, #e92125 98%, #cb1b1f 100%);
  background-image: -moz-linear-gradient(#ff765b 0%, #ffab9b 3%, #fe5c3f 6%, #e92125 98%, #cb1b1f 100%);
  background-image: -o-linear-gradient(#ff765b 0%, #ffab9b 3%, #fe5c3f 6%, #e92125 98%, #cb1b1f 100%);
  background-image: -ms-linear-gradient(#ff765b 0%, #ffab9b 3%, #fe5c3f 6%, #e92125 98%, #cb1b1f 100%);
  background-image: linear-gradient(#ff765b 0%, #ffab9b 3%, #fe5c3f 6%, #e92125 98%, #cb1b1f 100%);
  -pie-background: linear-gradient(top, #ff765b 0%, #ffab9b 3%, #fe5c3f 6%, #e92125 98%, #cb1b1f 100%);
}
.button.disabled {
  cursor: default;
  background: #ffffff;
  border-color: #e9edf1;
  color: #e9edf1;
  text-shadow: none;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f5f7fa));
  background-image: -webkit-linear-gradient(#ffffff 0%, #f5f7fa 100%);
  background-image: -moz-linear-gradient(#ffffff 0%, #f5f7fa 100%);
  background-image: -o-linear-gradient(#ffffff 0%, #f5f7fa 100%);
  background-image: -ms-linear-gradient(#ffffff 0%, #f5f7fa 100%);
  background-image: linear-gradient(#ffffff 0%, #f5f7fa 100%);
  -pie-background: linear-gradient(top, #ffffff 0%, #f5f7fa 100%);
}

/* temporary fix for buttons on new layout pages*/
div.zz.button {
  text-align: center;
  position: relative;
  float: left;
  font-weight: bold;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid transparent;
  border-color: #d3d3d3;
  color: #fff;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.28);
  -moz-text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.28);
  -webkit-text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.28);
  -pie-poll: true;
  behavior: url(/css/PIE.htc);
  padding: 0;
}
div.zz.button button, div.zz.button a, div.zz.button input {
  color: #fff;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.28);
  -moz-text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.28);
  -webkit-text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.28);
}
div.zz.button button, div.zz.button input {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  color: inherit;
  cursor: pointer;
}
div.zz.button.large {
  height: 33px;
  line-height: 33px;
  padding-left: 30px;
  padding-right: 30px;
}
div.zz.button.large button, div.zz.button.large input {
  height: 33px;
  line-height: 33px;
}
div.zz.button.medium {
  height: 28px;
  line-height: 28px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
}
div.zz.button.medium button, div.zz.button.medium input {
  height: 28px;
  line-height: 28px;
}
div.zz.button.small {
  height: 18px;
  line-height: 18px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 11px;
}
div.zz.button.small button, div.zz.button.small input {
  height: 18px;
  line-height: 18px;
}
div.zz.button.disabled {
  cursor: default;
  background: #ffffff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f5f7fa));
  background-image: -webkit-linear-gradient(#ffffff 0%, #f5f7fa 100%);
  background-image: -moz-linear-gradient(#ffffff 0%, #f5f7fa 100%);
  background-image: -o-linear-gradient(#ffffff 0%, #f5f7fa 100%);
  background-image: -ms-linear-gradient(#ffffff 0%, #f5f7fa 100%);
  background-image: linear-gradient(#ffffff 0%, #f5f7fa 100%);
  -pie-background: linear-gradient(top, #ffffff 0%, #f5f7fa 100%);
  border-color: #e9edf1;
  color: #e9edf1;
  text-shadow: none;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
}
div.zz.button.disabled input, div.zz.button.disabled a, div.zz.button.disabled button {
  cursor: default;
  color: #e9edf1;
  text-shadow: none;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
}
div.zz.button.red {
  background: #ff765b;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff765b), color-stop(3%, #ffab9b), color-stop(6%, #fe5c3f), color-stop(98%, #e92125), color-stop(100%, #cb1b1f));
  background-image: -webkit-linear-gradient(#ff765b 0%, #ffab9b 3%, #fe5c3f 6%, #e92125 98%, #cb1b1f 100%);
  background-image: -moz-linear-gradient(#ff765b 0%, #ffab9b 3%, #fe5c3f 6%, #e92125 98%, #cb1b1f 100%);
  background-image: -o-linear-gradient(#ff765b 0%, #ffab9b 3%, #fe5c3f 6%, #e92125 98%, #cb1b1f 100%);
  background-image: -ms-linear-gradient(#ff765b 0%, #ffab9b 3%, #fe5c3f 6%, #e92125 98%, #cb1b1f 100%);
  background-image: linear-gradient(#ff765b 0%, #ffab9b 3%, #fe5c3f 6%, #e92125 98%, #cb1b1f 100%);
  -pie-background: linear-gradient(top, #ff765b 0%, #ffab9b 3%, #fe5c3f 6%, #e92125 98%, #cb1b1f 100%);
  border-color: #E92125;
}
div.zz.button.green {
  background: #98d56c;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #98d56c), color-stop(3%, #c9e9b3), color-stop(6%, #7fca4b), color-stop(100%, #048803));
  background-image: -webkit-linear-gradient(#98d56c 0%, #c9e9b3 3%, #7fca4b 6%, #048803 100%);
  background-image: -moz-linear-gradient(#98d56c 0%, #c9e9b3 3%, #7fca4b 6%, #048803 100%);
  background-image: -o-linear-gradient(#98d56c 0%, #c9e9b3 3%, #7fca4b 6%, #048803 100%);
  background-image: -ms-linear-gradient(#98d56c 0%, #c9e9b3 3%, #7fca4b 6%, #048803 100%);
  background-image: linear-gradient(#98d56c 0%, #c9e9b3 3%, #7fca4b 6%, #048803 100%);
  -pie-background: linear-gradient(top, #98d56c 0%, #c9e9b3 3%, #7fca4b 6%, #048803 100%);
  border-color: #85b95f;
}
div.zz.button.lblue {
  background: #3bc1ee;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3bc1ee), color-stop(3%, #9adff6), color-stop(6%, #12b2e9), color-stop(100%, #047dd5));
  background-image: -webkit-linear-gradient(#3bc1ee 0%, #9adff6 3%, #12b2e9 6%, #047dd5 100%);
  background-image: -moz-linear-gradient(#3bc1ee 0%, #9adff6 3%, #12b2e9 6%, #047dd5 100%);
  background-image: -o-linear-gradient(#3bc1ee 0%, #9adff6 3%, #12b2e9 6%, #047dd5 100%);
  background-image: -ms-linear-gradient(#3bc1ee 0%, #9adff6 3%, #12b2e9 6%, #047dd5 100%);
  background-image: linear-gradient(#3bc1ee 0%, #9adff6 3%, #12b2e9 6%, #047dd5 100%);
  -pie-background: linear-gradient(top, #3bc1ee 0%, #9adff6 3%, #12b2e9 6%, #047dd5 100%);
  border-color: #0277cd;
}
div.zz.button.dblue {
  background: #92b8dc;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #92b8dc), color-stop(2%, #0059ab), color-stop(100%, #00376c));
  background-image: -webkit-linear-gradient(#92b8dc 0%, #0059ab 2%, #00376c 100%);
  background-image: -moz-linear-gradient(#92b8dc 0%, #0059ab 2%, #00376c 100%);
  background-image: -o-linear-gradient(#92b8dc 0%, #0059ab 2%, #00376c 100%);
  background-image: -ms-linear-gradient(#92b8dc 0%, #0059ab 2%, #00376c 100%);
  background-image: linear-gradient(#92b8dc 0%, #0059ab 2%, #00376c 100%);
  -pie-background: linear-gradient(top, #92b8dc 0%, #0059ab 2%, #00376c 100%);
  border-color: #2b76bb;
}
div.zz.button.white {
  background: #ffffff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f5f7fa));
  background-image: -webkit-linear-gradient(#ffffff 0%, #f5f7fa 100%);
  background-image: -moz-linear-gradient(#ffffff 0%, #f5f7fa 100%);
  background-image: -o-linear-gradient(#ffffff 0%, #f5f7fa 100%);
  background-image: -ms-linear-gradient(#ffffff 0%, #f5f7fa 100%);
  background-image: linear-gradient(#ffffff 0%, #f5f7fa 100%);
  -pie-background: linear-gradient(top, #ffffff 0%, #f5f7fa 100%);
  border-color: #d6dce4;
  color: #13b5ea;
  text-shadow: none;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
}
div.zz.button.white a, div.zz.button.white input, div.zz.button.white button {
  color: #13b5ea;
  text-shadow: none;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
}
div.zz.button.grey {
  background: #d3d3d3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d3d3d3), color-stop(2%, #c7c7c7), color-stop(100%, #878787));
  background-image: -webkit-linear-gradient(#d3d3d3 0%, #c7c7c7 2%, #878787 100%);
  background-image: -moz-linear-gradient(#d3d3d3 0%, #c7c7c7 2%, #878787 100%);
  background-image: -o-linear-gradient(#d3d3d3 0%, #c7c7c7 2%, #878787 100%);
  background-image: -ms-linear-gradient(#d3d3d3 0%, #c7c7c7 2%, #878787 100%);
  background-image: linear-gradient(#d3d3d3 0%, #c7c7c7 2%, #878787 100%);
  -pie-background: linear-gradient(top, #d3d3d3 0%, #c7c7c7 2%, #878787 100%);
  behavior: url(/css/PIE.htc);
}

/*
Document   : partials/def/_breadcrumbs.scss
Created on : Aug 24, 2012, 4:00:43 PM
Author     : gly
Description: default styles for breadcrumbs
*/
div#breadcrumbs {
  width: 1105px;
  height: 50px;
  background: transparent;
  line-height: 50px;
  margin: 0 0 0 20px;
  vertical-align: middle;
}
div#breadcrumbs .title {
  color: #2e3235;
  font-size: 11px;
  float: left;
  margin-right: 7px;
}
div#breadcrumbs ul {
  display: inline;
  list-style: none;
}
div#breadcrumbs ul li {
  float: left;
  padding-right: 10px;
  font-size: 11px;
}
div#breadcrumbs ul li a {
  font-weight: normal;
}
div#breadcrumbs ul li.active {
  font-weight: bold;
}
div#breadcrumbs ul li span {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 7px;
  height: 7px;
  _height: 7px;
  margin-right: 7px;
  background: url(/img/global/bread_arrow.png) no-repeat transparent;
}

/*
Document   : partials/def/_content.scss
Created on : Aug 24, 2012, 4:00:43 PM
Author     : gly
Description: default styles for content
*/
body {
  background: url(../images/bodyBg.png) left top repeat-x #e9edf1;
  position: relative;
}
body .italic {
  font-style: italic;
}
body p {
  font-size: 12px;
  color: #2e3235;
}
body h1.styled {
  position: relative;
  display: block;
  overflow: hidden;
  font-size: 18px;
  color: #ffffff;
  padding: 10px 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #13b5ea), color-stop(100%, #087fc5));
  background-image: -webkit-linear-gradient(#13b5ea 0%, #087fc5 100%);
  background-image: -moz-linear-gradient(#13b5ea 0%, #087fc5 100%);
  background-image: -o-linear-gradient(#13b5ea 0%, #087fc5 100%);
  background-image: -ms-linear-gradient(#13b5ea 0%, #087fc5 100%);
  background-image: linear-gradient(#13b5ea 0%, #087fc5 100%);
  -pie-background: linear-gradient(#13b5ea 0%, #087fc5 100%);
  behavior: url(/css/PIE.htc);
}
body h2.styled {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 18px;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
  background: #ffffff;
  font-weight: normal;
  font-size: 15px;
  border: 1px solid #d6dce4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  behavior: url(/css/PIE.htc);
}
body h2.styled.white {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f6f8fa));
  background-image: -webkit-linear-gradient(#ffffff 0%, #f6f8fa 100%);
  background-image: -moz-linear-gradient(#ffffff 0%, #f6f8fa 100%);
  background-image: -o-linear-gradient(#ffffff 0%, #f6f8fa 100%);
  background-image: -ms-linear-gradient(#ffffff 0%, #f6f8fa 100%);
  background-image: linear-gradient(#ffffff 0%, #f6f8fa 100%);
  -pie-background: linear-gradient(top, #ffffff 0%, #f6f8fa 100%);
}
body h2.styled.white.blue {
  border-bottom: 2px solid #13b5ea;
}
body h2.styled.white.green {
  border-bottom: 2px solid #83cc4e;
}
body h2.styled.grey {
  background-image: linear-gradient(#e9edf1, #d6dce4);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9edf1), color-stop(100%, #d6dce4));
  background-image: -webkit-linear-gradient(#e9edf1 0%, #d6dce4 100%);
  background-image: -moz-linear-gradient(#e9edf1 0%, #d6dce4 100%);
  background-image: -o-linear-gradient(#e9edf1 0%, #d6dce4 100%);
  background-image: -ms-linear-gradient(#e9edf1 0%, #d6dce4 100%);
  background-image: linear-gradient(#e9edf1 0%, #d6dce4 100%);
  -pie-background: linear-gradient(top, #e9edf1 0%, #d6dce4 100%);
}
body h2.styled.grey.blue {
  border-bottom: 2px solid #13b5ea;
}
body h2.styled.grey.green {
  border-bottom: 2px solid #83cc4e;
}
body h2.styled.grey.dgreen {
  border-bottom: 2px solid #008b00;
}

#body {
  position: relative;
  width: 1105px;
  height: 100%;
  margin: 0 20px 0 20px;
  padding: 5px;
  background-color: #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  behavior: url(/css/PIE.htc);
}
#body.center {
  margin: 0 auto;
}
#body.liquid {
  width: auto;
  min-width: 1105px;
  width: expression(document.body.clientWidth < 1105 ? "1105px" : 90% );
}
#body #content {
  padding: 20px 15px 15px 15px;
}
#body #content p {
  display: block;
  font-size: 12px;
  color: #2e3235;
  line-height: 1.5;
  padding-bottom: 10px;
}
#body #content p.margin {
  margin-bottom: 15px;
}
#body #content a {
  text-decoration: none;
}
#body #content .contactBox {
  position: relative;
  display: block;
  float: left;
  width: 185px;
  width: 189px;
  padding: 15px;
  margin: 0;
  margin-right: 14px;
  background-color: #e9edf1;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  behavior: url(/css/PIE.htc);
}
#body #content .contactBox.last {
  margin-right: 0;
}
#body #content .infoBox {
  position: relative;
  width: 875px;
  margin: 0 auto;
  padding: 20px 20px 20px 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #d6dce4;
  behavior: url(/css/PIE.htc);
  margin-bottom: 20px;
}
#body #content .infoBox.bottom {
  margin-bottom: 0;
}
#body #content .infoBox.yellow {
  border-color: #fec008;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fffffe), color-stop(100%, #fff0c6));
  background-image: -webkit-linear-gradient(#fffffe 0%, #fff0c6 100%);
  background-image: -moz-linear-gradient(#fffffe 0%, #fff0c6 100%);
  background-image: -o-linear-gradient(#fffffe 0%, #fff0c6 100%);
  background-image: -ms-linear-gradient(#fffffe 0%, #fff0c6 100%);
  background-image: linear-gradient(#fffffe 0%, #fff0c6 100%);
  -pie-background: linear-gradient(#fffffe 0%, #fff0c6 100%);
}
#body #content .infoBox.info {
  width: 791px;
  padding-left: 104px;
  background: url(/img/info_box/info_icon_large.png) 20px 20px no-repeat transparent;
}
#body #content .infoBox.attention {
  width: 895px;
  line-height: 36px;
  vertical-align: middle;
  font-size: 13px;
  padding: 10px;
}
#body #content .infoBox.attention img {
  vertical-align: middle;
}
#body #content .infoBox.attention strong {
  vertical-align: middle;
}
#body #content .infoBox h2 {
  color: #13b5ea;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px 0;
}
#body #content .infoBox p {
  font-size: 12px;
  line-height: 1.5;
  color: #2e3235;
}
#body #content .infoBox .button {
  float: right;
  width: 127px;
  height: 14px;
  line-height: 1.2;
  margin-top: 3px;
}

div#waiting {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9990;
}
div#waiting div.waitingMask {
  position: fixed;
  background: #000000;
  filter: alpha(opacity=80);
  opacity: 0.8;
  behavior: url(/css/PIE.htc);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9991;
}
div#waiting div.waitingMessage {
  width: 201px;
  height: 108px;
  margin: auto;
  margin-top: 100px;
  padding-left: 111px;
  background: white url("/images/layout_v2/file_icons/spinner_big.gif") no-repeat 66px center;
  color: #595959;
  font-size: 14px;
  line-height: 108px;
  border-radius: 7px;
  behavior: url(/css/PIE.htc);
  z-index: 9999;
  position: relative;
}

.hide {
  display: none;
}

/*
Document   : partials/def/_overlays.scss
Created on : Aug 24, 2012, 4:00:43 PM
Author     : gly
Description: temporary fixing styles for modals
*/
div#einvoice_body, div#map_body, div#maxsuppliers_body, div#membership_body {
  width: 540px;
  height: 330px;
  background: #fff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  behavior: url(/css/PIE.htc);
  padding: 5px;
}
div#einvoice_body .cont, div#map_body .cont, div#maxsuppliers_body .cont, div#membership_body .cont {
  padding: 5px 15px 20px 15px;
}
div#einvoice_body .cont img, div#map_body .cont img, div#maxsuppliers_body .cont img, div#membership_body .cont img {
  margin-bottom: 20px;
}
div#einvoice_body .cont p, div#map_body .cont p, div#maxsuppliers_body .cont p, div#membership_body .cont p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #2e3235;
  line-height: 1.2;
  margin-bottom: 10px;
}
div#einvoice_body .cont p strong, div#map_body .cont p strong, div#maxsuppliers_body .cont p strong, div#membership_body .cont p strong {
  font-weight: bold;
}
div#einvoice_body .header, div#map_body .header, div#maxsuppliers_body .header, div#membership_body .header {
  margin: 0 0 20px 0;
}

div#map_body {
  width: 456px;
  height: 597px;
}

div#einvoice_body div.zz.header,
div#maxsuppliers_body div.zz.header,
div#new-features_body div.zz.header,
div#inv_brand_body div.zz.header, div#map_body div.zz.header, div#membership_body div.zz.header {
  color: #fff;
  width: auto;
  height: 40px;
  margin-bottom: 20px;
  border-radius: 6px;
  background: #13b5ea;
  background: -moz-linear-gradient(top, #13b5ea 0%, #087fc5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #13b5ea), color-stop(100%, #087fc5));
  background: -webkit-linear-gradient(top, #13b5ea 0%, #087fc5 100%);
  background: -o-linear-gradient(top, #13b5ea 0%, #087fc5 100%);
  background: -ms-linear-gradient(top, #13b5ea 0%, #087fc5 100%);
  background: linear-gradient(top, #13b5ea 0%, #087fc5 100%);
  -pie-background: linear-gradient(top, #13b5ea 0%, #087fc5 100%);
  filter: none;
  behavior: url(/css/PIE.htc);
}
div#einvoice_body div.zz.header h2,
div#maxsuppliers_body div.zz.header h2,
div#new-features_body div.zz.header h2,
div#inv_brand_body div.zz.header h2, div#map_body div.zz.header h2, div#membership_body div.zz.header h2 {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  line-height: 40px;
  vertical-align: middle;
  margin: 0;
  margin-left: 15px;
  float: left;
  height: 40px;
}

#new-features_body {
  width: 800px;
  background: #fff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  behavior: url(/css/PIE.htc);
  padding: 5px;
}

#inv_brand_body {
  width: 635px;
  background: #fff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  behavior: url(/css/PIE.htc);
  padding: 5px;
  padding-bottom: 10px;
}

#closeTooltipButton, #closeMapButton {
  width: 65px;
  height: 25px;
  background: url("/images/layout_v2/tr_popup/button_close_sprite.png") 0 0 no-repeat;
  cursor: pointer;
  float: right;
}

div#membership_body {
  height: 170px;
}

#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999 !important;
  background-color: #000000;
  display: none;
  opacity: 0.8;
  filter: alpha(opacity=80) !important;
}

.new-feature {
  font-size: 14px;
}
.new-feature .section-x {
  line-height: 18px;
  font-size: 14px;
  height: 120px;
  border-bottom: 1px dotted #2e3235;
  margin-bottom: 10px;
}
.new-feature .section-x .title {
  color: #008b00;
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
}
.new-feature .section-x img {
  float: right;
  margin-left: 10px;
}

/*
Document   : partials/def/_footer.scss
Created on : Aug 24, 2012, 4:00:43 PM
Author     : gly
Description: default styles for footer
*/
.spacer {
  height: 80px;
  clear: both;
}

#footer {
  position: relative;
  width: 100%;
  background-color: #939BA1;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #727b82), color-stop(100%, #939ba1));
  background-image: -webkit-linear-gradient(#727b82 0%, #939ba1 100%);
  background-image: -moz-linear-gradient(#727b82 0%, #939ba1 100%);
  background-image: -o-linear-gradient(#727b82 0%, #939ba1 100%);
  background-image: -ms-linear-gradient(#727b82 0%, #939ba1 100%);
  background-image: linear-gradient(#727b82 0%, #939ba1 100%);
  -pie-background: linear-gradient(top, #727b82 0%, #939ba1 100%);
  behavior: url(/css/PIE.htc);
  color: #fff;
  bottom: 0;
  margin: 0;
  padding: 0;
}
#footer .footer_info {
  width: 1105px;
  margin: 0 0 0 20px;
  padding: 25px 0;
}
#footer .footer_info .logo_box {
  float: left;
  width: 390px;
  height: 69px;
  background: url(../images/shipserv_footer_logo.png) no-repeat;
  position: relative;
  margin-left: 30px;
}
#footer .footer_info .logo_box p {
  font-size: 12px;
  position: absolute;
  color: #FFF;
  bottom: 0;
  line-height: 20px;
}
#footer .footer_info ul {
  float: left;
  margin: 0;
  padding: 5px 0 0 0;
  width: 180px;
}
#footer .footer_info ul li {
  line-height: 20px;
  font-size: 12px;
  color: #666;
  margin: 0;
  padding: 0;
}
#footer .footer_info ul li.header {
  font-weight: 700;
  padding-bottom: 14px;
  color: #fff;
}
#footer .footer_info ul li a {
  color: #ccc;
  text-decoration: none;
}
#footer .footer_info ul li a:hover {
  color: #fff;
  text-decoration: underline;
}

/*
Document   : partials/def/_forms.scss
Created on : Aug 24, 2012, 4:00:43 PM
Author     : gly
Description: default styles for forms
*/
form.new, div.new.form {
  display: block;
}
form.new fieldset, div.new.form fieldset {
  display: block;
}
form.new label, div.new.form label {
  position: relative;
  font-size: 11px;
  color: #2e3235;
  font-weight: normal;
  top: 4px;
}
form.new label sup, div.new.form label sup {
  color: #13b5ea;
}
form.new label.forField, div.new.form label.forField {
  line-height: 25px;
}
form.new label.forSelect, div.new.form label.forSelect {
  line-height: 20px;
}
form.new label.mandat, div.new.form label.mandat {
  color: #008b00;
  font-size: 14px;
  top: 5px;
}
form.new .selector, div.new.form .selector {
  position: relative;
  margin-bottom: 12px;
  margin-top: -4px;
}
form.new .selector.last, div.new.form .selector.last {
  margin-bottom: 0;
}
form.new .selector.invalid, div.new.form .selector.invalid {
  border: 2px solid red;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  behavior: url(/css/PIE.htc);
}
form.new input[type="text"], form.new input[type="password"], form.new input[type="email"], form.new input[type="date"], form.new textarea, div.new.form input[type="text"], div.new.form input[type="password"], div.new.form input[type="email"], div.new.form input[type="date"], div.new.form textarea {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #abb0b6;
  font-size: 12px;
  color: #2e3235;
  height: 15px;
  line-height: 14px;
  padding: 6px 10px 4px;
  margin-bottom: 12px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: #f5f7fa 3px 3px 0 0 inset, #f5f7fa -3px -3px 0 0 inset;
  -moz-box-shadow: #f5f7fa 3px 3px 0 0 inset, #f5f7fa -3px -3px 0 0 inset;
  box-shadow: #f5f7fa 3px 3px 0 0 inset, #f5f7fa -3px -3px 0 0 inset;
  behavior: url(/css/PIE.htc);
}
form.new input[type="text"]:focus, form.new input[type="password"]:focus, form.new input[type="email"]:focus, form.new input[type="date"]:focus, form.new textarea:focus, div.new.form input[type="text"]:focus, div.new.form input[type="password"]:focus, div.new.form input[type="email"]:focus, div.new.form input[type="date"]:focus, div.new.form textarea:focus {
  -webkit-box-shadow: #13b5ea 0 0 4px;
  -moz-box-shadow: #13b5ea 0 0 4px;
  box-shadow: #13b5ea 0 0 4px;
}
form.new input[type="text"].last, form.new input[type="password"].last, form.new input[type="email"].last, form.new input[type="date"].last, form.new textarea.last, div.new.form input[type="text"].last, div.new.form input[type="password"].last, div.new.form input[type="email"].last, div.new.form input[type="date"].last, div.new.form textarea.last {
  margin-bottom: 0;
}
form.new input[type="text"].large, form.new input[type="password"].large, form.new input[type="email"].large, form.new input[type="date"].large, form.new textarea.large, div.new.form input[type="text"].large, div.new.form input[type="password"].large, div.new.form input[type="email"].large, div.new.form input[type="date"].large, div.new.form textarea.large {
  line-height: 24px;
  height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 17px;
}
form.new input[type="text"].mandat, form.new input[type="password"].mandat, form.new input[type="email"].mandat, form.new input[type="date"].mandat, form.new textarea.mandat, div.new.form input[type="text"].mandat, div.new.form input[type="password"].mandat, div.new.form input[type="email"].mandat, div.new.form input[type="date"].mandat, div.new.form textarea.mandat {
  border: 2px solid #83cc4e;
}
form.new input[type="text"].invalid, form.new input[type="password"].invalid, form.new input[type="email"].invalid, form.new input[type="date"].invalid, form.new textarea.invalid, div.new.form input[type="text"].invalid, div.new.form input[type="password"].invalid, div.new.form input[type="email"].invalid, div.new.form input[type="date"].invalid, div.new.form textarea.invalid {
  border-color: #e81e24;
}
form.new .error, div.new.form .error {
  font-size: 12px;
  color: #e81e24;
  padding-left: 28px;
  padding-top: 5px;
  background: url(/img/icons/small/attention.png) no-repeat left center transparent;
  height: 12px;
}
form.new .error:before, div.new.form .error:before {
  content: "";
  border-right: 1px dotted grey;
  margin-right: 10px;
  padding: 3px 0;
}

ul.messages.success {
  border: 1px solid #83cc4e;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #e5f8d8;
  color: #008b00;
  line-height: 40px;
  margin-right: 20px;
}
ul.messages.success li {
  padding-left: 70px;
  background: url(/images/icons/32/tick.png) no-repeat 15px center;
}
ul.messages.empty {
  display: none;
}