/* 
Berthplanner CSS
*/


body#pid-admin-ship-report .grid12-12 {
    width: 1240px;

}


/* body.page-admin-shipplan #header,body.page-view-shipplan #header, body.page-public-shipplan #header, body.page-admin-ship_report #header {

height:1px;

}
body.page-admin-shipplan .sizer, body.page-view-shipplan .sizer, body.page-public-shipplan .sizer, body.page-admin-ship_report .sizer {

width: 1300px !important;

}
body.page-admin-shipplan, body.page-view-shipplan, body.page-public-shipplan, body.page-admin-ship_report  {
  color: #000000;
}
.page-admin-shipplan #heading, .page-view-shipplan #heading, .page-public-shipplan #heading, .page-admin-ship_report #heading{

  background: none;
}

.page-view-shipplan #body_right, .page-public-shipplan #body_right, .page-admin-ship_report #body_right {
    background-image:none;
}
 */

.page-admin-berthplan .ui-widget-overlay,
.page-admin-history-ship .ui-widget-overlay {
  opacity: .5 !important;
}

.icon-close > div {
  position: absolute;
  right: 10px;
}

#smallboxes-wrapper {
  position: relative;
}
#chart-wrapper {
  float: left;
  margin-right: 20px;
  border: solid black 1px;
  padding: 15px 30px;
}

body.page-admin-berthplan #page-wrap, 
body.page-admin-berthplan .container-wrap,
body.page-view-berthplan #page-wrap,
body.page-view-berthplan .container-wrap,
body.page-view-shipplan #page-wrap,
body.page-view-shipplan .container-wrap,
body.page-admin-reports-berth-ship-report #page-wrap,
body.page-admin-reports-berth-ship-report .container-wrap {
  max-width: 1450px;
  z-index: 0;
}
#disclaimer {
  margin-top: 10px;
}

#publicPush {
   line-height:25px;
   font-size:14px;
   font-weight:bold;
}
#dbmessage {
    display: inline-block;
    height: 20px;
    width: 350px;
}
#print_message {
  display: none; 
}

#printbuttons {
  float: right;
  margin-right: 75px;
}

/* popup box for shipname */
.shiptooltip,
.printtooltip {
    display: block;
    position: absolute;
    height:auto;
    z-index: 99999;
    width: 350px;
    padding: 10px;
    background-color: #dee4e7; 
    color: #000000;
    border: 1px solid #b5b8ba;
    margin: 0px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
}
.shiptooltip h2,
.printtooltip h2
{
    background-color: #78a7dd;
    color:  #000000;
    text-align:center;
    font-size: 14px;
    font-weight: bold;
    display: block;
    width: 100%;
  /*  margin: -10px 0px 0px -10px; */
    padding: 5px 10px;
}

.rcol, .lcol {
  width:48%;
  float:left;
}
.lcol {
  clear: left;
}
.rcol {
  clear: right;
  text-align: right;
}
/* end popup box for shipname */

/* month view report*/
#monthsideleft {
  width:50px;
	float:left;
	position:relative;
}
#monthsideleft.sndays_28{
  background: url('../img/siderep.jpg') repeat-y #E6E6E6;
	height: 1344px;

}
#monthsideleft.sndays_29{
  background: url('../img/siderep.jpg') repeat-y #E6E6E6;
	height: 1392px;

}
#monthsideleft.sndays_30{
  background: url('../img/siderep.jpg') repeat-y #E6E6E6;
	height: 1440px;

}
#monthsideleft.sndays_31{
  background: url('../img/siderep.jpg') repeat-y #E6E6E6;
	height: 1488px;

}
.berthplanner .btnfooter button {
  background-image: none;
  background-color: #8f0e09;
  color: #f6f6f6;
}


#buttonWrapperMonth {
    width: 500px;
  /*  display:inline-block;   */
    height: 85px;
    line-height: 140%;
}
.amonth  {
   height:48px;
   line-height:72px; 
   vertical-align:middle;
   padding-left: 5px;
}
.amonth p.shtdt {
  line-height: 11px;
  padding-bottom: 10px;
  padding-top: 8px;
}

#monthView   {
  width:1284px; 
  height:1488px;
 /* border:1px solid #7a7a7a; */
  position:relative;
  margin-left: 50px;
  
}
#monthView.ndays_28 {
   height:1344px;
   background: url('../img/berthbgfortnight.jpg') repeat-y #ffffff;
}
#monthView.ndays_29 {
   height:1392px;
   background: url('../img/berthbgfortnight.jpg') repeat-y #ffffff;
}
#monthView.ndays_30 {
   height:1440px;
   background: url('../img/berthbgfortnight.jpg') repeat-y #ffffff;
}
#monthView.ndays_31 {
   height:1488px;
   background: url('../img/berthbgfortnight.jpg') repeat-y #ffffff;
}
.shipatanchor  {
   background: url('../img/shipbggrey.png') repeat transparent;
   border-top: 1px solid black; 
   border-bottom: 1px solid black;
}

.ancnoshowall {
   display:none;

}

/* end month view report */

.aship, .shipprototype, .bship {
/* border:2px solid #7a7a7a; */
width:250px; height:50px;
/*background-color: white;
position:absolute;   */
}

.aship, .bship {
  overflow: hidden;
}

.bship .etdnote,
.bship .etanote {
  padding-right: 1px;
  font-size: 9px;
}

.bship .etd .label,
.bship .eta .label {
  font-size: 9px;
}

.defshipclass {
  width:250px; height:50px;

}   
/* ship default colours   */

.redbg {
 /* background-color: #ff6666;  */
   background: url('../img/shipbgred.png') repeat transparent;
}
.purplebg {
 /* background-color: #9966ff; */
  background: url('../img/shipbgpurple.png') repeat transparent;
}
.bluebg  {
  /* background-color: #66ffff;  */
    background: url('../img/shipbgblue.png') repeat transparent;
}
.greenbg {
 /* background-color: #66ff66;   */
  background: url('../img/shipbggreen.png') repeat transparent;
}
.yellowbg {
 /* background-color: #ffff66; */
  background: url('../img/shipbgyellow.png') repeat transparent;
}
.greybg {
 /* background-color: #ffff66; */
  background: url('../img/shipbggrey.png') repeat transparent;
}
.orangebg {
 /* background-color: #ffff66; */
  background: url('../img/shipbgorange.png') repeat transparent;
}
.shipname.isPriority {
    background-image: url('../img/priority.png');
    background-repeat: no-repeat; 
    background-origin: padding-box;
    background-position: center;
    height: 33px;
    border-bottom: red 2px solid;
}
.shipright{
   position:absolute;
   border-right: 1px solid #000;
   top:0px;
   right:0px;
   width:1px;
  /* background-color: blue;  */
   background: url('../img/shright-bg.png') repeat-y transparent;
   height: auto;

}

.shipleft{
   border-left: 1px solid #000;
   position:absolute;
   top:0px;
   left:0px;
   width:1px;
   background: url('../img/shleft-bg.png') repeat-y top right transparent;
  /* background-color: blue;  */
   height: auto;

}

.shipinberth {
  position:absolute;
}

span.stext {
  font-size: 9px;
}
.sstate {
   /*clear:right;  */
   float:left;
   height: 20px;
   width: 20px;
}
.dirtyShip .sstate{
   background: url('../img/np-cross.jpg') no-repeat;
}

.cleanShip .sstate {
   background: url('../img/np-tick.jpg') no-repeat;
}
#bodywrapper   {
  /* width:1230px;   
   width:101%;
   height:100%;*/
    width: 100%; 
  /* width: 1400px; */ 
   height: auto;
   margin: auto;
   line-height: 100%;
   overflow: scroll;

   }

#boxwrap {
  display: inline-block;
}   

/* #sideleft .sweek  {
  background: url('../img/side.jpg') no-repeat #E6E6E6;
}
#sideleft .sfort {
  background: url('../img/side.jpg') no-repeat #E6E6E6;
} */

#toptitle {
	width:1230px;
	height: 50px;
	/* border:1px solid #7a7a7a; */
	position: relative;
  display: inline;

}
#toptitle h2 {
  text-align: center;
  width: 1230px;

}
#buttonWrapper {
    width: 1230px;
    display: inline-block;
    height: 55px;

}

.ui-dialog .ui-widget-content  {
  font-size: 90%;
  font-family: 'Arial';
}
.ui-dialog .ui-widget, .ui-dialog .ui-widget input, .ui-dialog .ui-widget select, .ui-dialog .ui-widget textarea, .ui-dialog .ui-widget button {
  font-family: 'Arial';
/*   font-size: 90%;   */
}

.ui-dialog .ui-dialog-buttonpane button {
    cursor: pointer;
    margin: 0.2em 0.1em 0.2em 0;
}
.ui-dialog .ui-widget .ui-widget {
/*     font-size: 1em; */
}
#myDialog input, #myDialog select {
  clear:right;
  float:right;
  line-height: 15px;
  margin: 0 0;
  padding: 1px 2px;
  font-family: 'Arial';
/*   font-size: 1em; */
}
#myDialog label {
  float:left;
/*   font-size: 0.8em; */
  clear:left;
  line-height: 10px;
  padding: 10px;
}

button, body a.btn,
input[type="submit"], 
input[type="reset"],
input[type="button"] {
   padding: 5px 8px;
}
#dataQuery  {
   float:left;
}
#buttonViews {
   float:right;
   height: 45px;
   margin-right: 75px;
}
.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: 0.1em;
}
input[readonly] {background: buttonface;}

.sevenday {
   height: 144px;
 /*  line-height:144px; */
   vertical-align:middle;
   padding-left: 5px;

}
.fortday,
.monthday  {
   height: 96px;   /*  72  */
 /*  line-height:72px; */
   vertical-align:middle;
   padding-left: 5px;
}



/*
.dayBlock {
	width: 1180px;
	height: 120px;
	border:1px solid #7a7a7a;
	position:relative;
}
*/

#npfooter {
     /*   margin-top:2px;   */
  margin-left: 50px;
  background: url('../img/rulerrmetres.png') no-repeat;
	/*width: 1205px; */
	height: 80px;
/*	border:1px solid #7a7a7a;  */
	position:relative;
}
p.lgdt,
div#lkdayblock,
div#lkdayblock14,
div#lkdayblock30,
div#Lkberths {
  display:none;
}
p.shtdt {
  padding: 2px 0 0 0;
  margin:0;
  font-size:12px;
  font-weight: bold;
  text-align: center;
}
.sevenday p {
   padding-top:40px;
}

.fortday p.tidesclick {
  background: url('../img/red-diamond25.png') no-repeat center;
  padding-top: 25px;
  height: 40px;
  cursor: pointer;
}
.sevenday p.tidesclick {
  background: url('../img/red-diamond25.png') no-repeat center;
  padding-top: 25px;
  height: 40px;
  cursor: pointer;
}
.monthday p.tidesclick {
  background: url('../img/red-diamond25.png') no-repeat center;
  padding: 5px 0;
  height: 40px;
  cursor: pointer;
  margin-bottom: 6px;
}
.clearboth {
   clear:both;
}
#fullView   {
/*  width:1180px; */
  width:1284px;
/*  height:1008px; */
  position:relative;
  margin-left: 50px;
  padding-right: 28px; 
}
#fullView.weekView {
  height:1008px;
  background: url('../img/berthbgweek.jpg') repeat-y #ffffff;
}
#fullView.fortnightView,
#fullView.rollingMonthView{
   background: url('../img/berthbgfortnight.jpg') repeat-y #ffffff;
}
.fortnightView {
  height: 1344px;
}

.rollingMonthView {
  height: 2880px;
}
#sideleft  {
  width:50px;
/*  height: 1008px; */
  float:left;
  position:relative;
}
#sideleft.weekView {
   background: url('../img/sideweek.jpg') repeat-y #E6E6E6;
}
#sideleft.fortnightView,
#sideleft.rollingMonthView {
   background: url('../img/sidefortnight.jpg') repeat-y #E6E6E6;
}


/*
#atAnchorbox  {
  width:270px;
  border:1px solid #7a7a7a;
  position:relative;
  padding-left:5px;
}  */

#tbaWrapper, #anchorWrapper, #tugWrapper  {
  height:100%;
  float:left;
  margin-right: 10px;
   /* background: url('../img/boxbgblue.gif') no-repeat #E6E6E6; */
  background-color: #e6e6e6;
}
#tbaWrapper p, #anchorWrapper p, #tugWrapper p {
  text-align:center;
/*   margin-bottom: 8px;
padding-top: 5px;
 */
  margin-bottom: 0px;
  padding: 5px 0;
  background-color: #4f81bc;
}
#tobeAllocated, #atAnchorbox, #tugjettybox  {
   position:relative;
   width:270px;
   border:1px solid #7a7a7a;
   padding-left:5px;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    left: 0;
    top: -5px;
    width: 100%;
}
.ui-resizable-s {
    bottom: -5px;
    cursor: s-resize;
    height: 7px;
    left: 0;
    width: 100%;
}
.message {
display:none; border:1px solid #7a7a7a; margin-top:5px;
position:absolute; left:38px;fontSize:80%; font-weight:bold;
text-align:center;
}
#status {
  padding-top: 60px;
  font-weight:bold;
  display:block;
  height:20px;
  width: 400px;
  position:relative;
}
#myform .ui-widget{
  font-size: 1em;
}
.shipdetail {
 /*  position:absolute;
   top: 1px;
   left: 12px;
   float:left;  */
   color:black;
   margin:auto;
   padding: 0 15px;
}
.field_etd {
/* height:10px;
 padding-left:25px; */
  /*  float:right; */
  font-size: 12px;
  clear: left;
}
.field_pilotetd {
   color: black;

   float:right;
/*  position:absolute;
  height:10px;
  top: 1px;
 right: 50px;  */
 font-size: 10px;
}
.field_eta {
 /*  position:absolute;
  width: 90px;
  height:10px;
  bottom: 15px;
  right:36px;  */
  clear:left;
  font-size: 12px;
}
.etanote, .etdnote, .eta, .etd, .piloteta, .pilotetd, .pilotetanote, .pilotetdnote{
    float:left;
    padding-right: 2px;
}
.field_piloteta {
/*  position:absolute;
  width: 120px;
  height:10px;
  bottom: 15px;
  right:120px;   */
  clear:both;
  color: black;
  font-size: 12px;
}
.field_start  {
  clear:both;
  float:left;
  padding-left:20px;
  color: black;
/*  width: 5px;
  height: 10px;

  position:absolute;
  bottom:19px;
  left:20px;     */
}
.field_stop  {  
  clear:right;
  float:right;
  padding-right:20px;
  color: black;
/*  height: 10px;

  position:absolute;
  bottom:19px;
  right:20px;    */

}
.openDialog {
  background: url('../img/view.gif') no-repeat;
  width:20px;
  height:20px;
  float:right;
/*  position:absolute;
  top:1px;
  right:5px;   */

}

.label {
  font-size: 10px;
  font-weight: bold;
}
.shRevert  {
  background: url('../img/revert.gif') no-repeat;
  width:20px;
  height:20px;
  float:left;
/*  position:absolute;
  bottom:1px;
  right:5px; */

}
.shipdir_Stbd  {
 background: url('../img/right.gif') no-repeat;
  width:20px;
  height:20px;
  position:absolute;
  top:0px;
  right:31px; 

}
.shipdir_Port  {
  background: url('../img/left.gif') no-repeat;
  width:20px;
  height:20px;
  position:absolute;
  top:0px;
  left:40px;  

}


/*
 .shipcontent {
    clear:both;
    padding-left:20px;
 }
.shipcontent div  {
   display:inline-block;
   font-size: 9px;
   height: 12px;
}
*/
.exporter,
.cargo {
  float: right;
  clear: both;
}
.slength {
  float:right;
 /*  left: 70px;   */
}
.exporter, .cargo, .slength, .field_stop, .field_start  {
  font-size: 10px;
  }
.shipname {
  text-align: center;
  font-size: 15px;
  font-weight:bold;
  line-height: 120%;

/*  position:absolute;
  top: 1px;
  left: 90px;
  display: inline;
  float:left;   */
}

.ui-draggable-dragging .shipdetail {
  padding: 0 50px;
}

.aship.ui-draggable-dragging .field_etd, .aship.ui-draggable-dragging .field_piloteta,.aship.ui-draggable-dragging .field_start, .aship.ui-draggable-dragging .field_stop {
  font-size: 12px;
  color: red;
}
.ui-draggable-dragging .aship {
  background-color: transparent;
}
.notes {
  clear:both;
}
.shipnotes {
  clear:both;
  font-size: 10px;
  width:80%;
  margin: 5px;
  }
/* .smallship .shipdir,*/
.smallship .field_piloteta,  .smallship .field_pilotetd, .smallship .slength, .smallship .cargo,.smallship .shipnotes{
    display:none;
}
.aship .field_pilotetd {
  display:none;
}

.isAnchored {
  background: url('../img/anchor-icon.png') no-repeat top center;
  height: 48px;
 }

.bship .shRevert, .bship .field_piloteta, .bship .field_pilotetd, .bship .field_start, .bship .field_stop, .bship .shipdir,.bship .shipnotes {
  display:none;
}

/*.aship .shRevert, .aship .field_piloteta, .aship .field_pilotetd, .aship .field_start, .aship .field_stop, .aship .shipdir{
  display:inline-block;
}
*/
/* printing       */
.print-content .aship  {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;

}
.print-content .weekView {
    background: url("/sites/all/modules/npships/img/printshipbg.gif") no-repeat scroll 0 0 transparent;
}
.print-content .fortnightView {
    background: url("/sites/all/modules/npships/img/printshipbgfortnight.gif") no-repeat scroll 0 0 transparent;
}
.print-content .bluebg {
    background: url("/sites/all/modules/npships/img/shipbgblue.png") repeat scroll 0 0 transparent;
}
.print-content .yellowbg {
    background: url("/sites/all/modules/npships/img/shipbgyellow.png") repeat scroll 0 0 transparent;
}
.print-content .greenbg {
    background: url("/sites/all/modules/npships/img/shipbggreen.png") repeat scroll 0 0 transparent;
}
.print-content .redbg {
    background: url("/sites/all/modules/npships/img/shipbgred.png") repeat scroll 0 0 transparent;
}
.print-content .purplebg {
    background: url("/sites/all/modules/npships/img/shipbgpurple.png") repeat scroll 0 0 transparent;
}
.print-content .greybg {

  background: url('/sites/all/modules/npships/img/shipbggrey.png') repeat transparent;
}
.print-content .orangebg {

  background: url('/sites/all/modules/npships/img/shipbgorange.png') repeat transparent;
}

@-ms-viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

@media screen and (max-width: 960px) {
  #buttonViews {
	float:left;
  }

}

@media screen and (max-width: 480px) {
  .page-view-shipplan #block-menu-menu-menu-top-links-menu li,
  .page-admin-berthplan #block-menu-menu-menu-top-links-menu li {
    margin-right: 2px;
    margin-bottom: 0px;
    padding: 5px 2px;
    width: 110px;
    font-size: 80%;
    text-align: center;
  }
  body.page-view-shipplan .top_left,
  body.page-admin-berthplan .top_left {
    text-align: left;     
  }
  body.page-view-shipplan #page-wrap,
  body.page-admin-berthplan #page-wrap {
    margin-top: 55px;     
  }

  body.page-view-shipplan .page-title,
  body.page-admin-berthplan .page-title {
    margin-bottom: 5px;     
  }

  body.page-view-shipplan .breadcrumb,
  body.page-admin-berthplan .breadcrumb,
  body.page-view-shipplan #printbuttons,
  body.page-admin-berthplan #printbuttons
  {
    display: none;     
  }

  .page-view-shipplan #logo,
  .page-admin-berthplan #logo {
    /* float: right; */
  }
  .page-view-shipplan #logo img,
  .page-admin-berthplan #logo img {
    max-width: 30%;
    
  }
  .page-view-shipplan #publicPush {
    font-size: 80%;
  }

  .page-view-shipplan #buttonViews,
  .page-admin-berthplan #buttonViews {
    margin-right: 5px;
  } 
 
}
@media screen and  (min-width: 481px) and (max-width: 640px) {

  body.page-view-shipplan .top_left,
  body.page-admin-berthplan .top_left {
    text-align: left;     
  }
  body.page-view-shipplan #page-wrap,
  body.page-admin-berthplan #page-wrap {
    margin-top: 55px;     
  }

  body.page-view-shipplan .page-title,
  body.page-admin-berthplan .page-title {
    margin-bottom: 5px;     
  }

  body.page-view-shipplan .breadcrumb,
  body.page-admin-berthplan .breadcrumb,
  body.page-view-shipplan #printbuttons,
  body.page-admin-berthplan #printbuttons
  {
    display: none;     
  }

  .page-view-shipplan #block-menu-menu-menu-top-links-menu li,
  .page-admin-berthplan #block-menu-menu-menu-top-links-menu li {
    margin-right: 5px;
    margin-bottom: 0px;
    padding: 10px 5px;
    width: 150px;
    text-align: center;
    
  }
  .page-view-shipplan #logo,
  .page-admin-berthplan #logo {
    /* float: right; */
  }
  .page-view-shipplan #logo img,
  .page-admin-berthplan #logo img {
    max-width: 30%;
    
  }
  .page-view-shipplan #publicPush {
    font-size: 80%;
  }

  .page-view-shipplan #buttonViews,
  .page-admin-berthplan #buttonViews {
    margin-right: 5px;
  } 

}