body {
   font-size: 8pt;
   font-family: Verdana, Arial;
}

.MainView {
   font-size: 8pt;
   font-family: Verdana, Arial;
   background-color: #eee;
   /*background-color: buttonface;*/
   /*background-image: url(Images/ViewBackground.jpg);*/
   margin: 0pt 0pt 0pt 0pt;
}

.View {
   font-size: 8pt;
   font-family: Verdana, Arial;
   background-color: #eee;
   /*background-color: buttonface;*/
   /*background-image: url(Images/ViewBackground.jpg);*/
   margin: 0pt 0pt 0pt 0pt;
   overflow: auto;
}

#divLoginTitleRight {
   height: 44px;
   line-height: 44px;
   padding-right: 8px;
   text-align: right;
   vertical-align: bottom;
   font-weight: 600;
   font-family: Verdana;
   font-size: 22px;
   color: navy;
}

#backgroundDiv2 {
   visibility: visible;
   /*position:absolute; width:100%; height:100%;*/
   position: fixed;
   top: -50%;
   left: -50%;
   width: 200%;
   height: 200%;
   z-index: 5;
}

#backgroundImg2 {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   min-width: 50%;
   min-height: 50%;
}

#backgroundDiv3 {
   margin: 4px;
   position: fixed;
   width: 100%;
   z-index: 10;
}

#backgroundDiv4 {
   display: table;
   margin: 0 auto;
   z-index: 15;
   font-size: 8pt;
   font-family: Verdana, Arial;
}

#divLogo {
   z-index: 12;
   border-style: None;
   position: absolute;
   left: 0px;
   top: 0px;
   background-position: 0px 0px;
   background-repeat: no-repeat;
   width: 100%;
   height: 100%;
}

/*
#map 
{
  -webkit-transition-property: none!important;
  transition-property: none!important;
  // These doesn't affect anything, but, just in case. 
  -webkit-animation: none!important;
  animation: none!important;
}
*/
/*kill the transitions on any descendant elements of .notransition
 */
.notransition * {
   -webkit-transition-property: none !important;
   -webkit-transition: none !important;
   -moz-transition: none !important;
   -o-transition: none !important;
   -ms-transition: none !important;
   transition: none !important;
   transition-property: none !important;
}

.Login {
   font-size: 8pt;
   font-family: Verdana, Arial;
   background-color: white;
   margin: 0pt 0pt 0pt 0pt;
}

.LoginTitleBar {
   display: none;
}

.LoginForm {
   background-color: #eee;
   border-style: solid;
   border-color: #b0b0b0;
   border-width: thick;
   margin: 0pt 0pt 0pt 0pt;
   padding: 0pt 0pt 0pt 0pt;
}

.ToolbarsTable {
   background-color: #eee;
   border-collapse: collapse;
   border-spacing: 0px 0px;
   border: 0px;
   padding: 0px 0px 0px 0px;
   margin: 0pt 0pt 0pt 0pt;
   vertical-align: middle;
}

.ToolbarRow {
   border-spacing: 0px 0px;
   border: 0px;
   padding: 0px 0px 0px 0px;
   margin: 0pt 0pt 0pt 0pt;
   vertical-align: middle;
}

.ToolbarCell {
   height: 28px;
   padding: 0px 0px 0px 0px;
   border-top-style: none;
   border-top-width: 0px;
   border-bottom-style: solid;
   border-bottom-color: lightgray;
   border-bottom-width: thin;
   vertical-align: middle;
}

.ToolbarSeparator {
   border-spacing: 0px 0px;
   border: 0px;
   padding: 0px 0px 0px 0px;
   margin: 0pt 0pt 0pt 0pt;
   vertical-align: middle;
}

#divForecastHandle {
   width: 4em;
   height: 1.5em;
   top: 20%;
   margin-top: -.6em;
   text-align: center;
   line-height: 1.5em;
}

.ui-button-icon-only,
.ui-button {
   font-size: 0.9em !important;
}

#trLatLng {
   height: 16px;
}

#tblLatLng {
   height: 16px;
}

#trWeatherTable {
   height: 16px;
}

#tblWeater {
   height: 16px;
}

#trCopyright {
   height: 16px;
}

#tblCopyright {
   height: 16px;
}

.FooterCell {
   height: 16px;
   padding: 0px 0px 0px 0px;
   border-top-style: solid;
   border-top-color: lightgray;
   border-top-width: thin;
   white-space: nowrap;
   vertical-align: middle;
}

table {
   font-size: 8pt;
   font-family: Verdana, Arial;
   margin-bottom: 0px;
   border-spacing: 0;
}

   table td, table th {
      padding: 0; /* 'cellpadding' equivalent */
      font-weight: normal;
   }

td.Separator {
   background-color: #fffdf4;
}

hr {
   color: GrayText;
   height: 1pt;
   text-align: left;
}

/* All select elements */
select {
   font-size: 8pt;
   font-family: Verdana, Arial;
   font-weight: normal;
}

input {
   font-size: 8pt;
   font-family: Verdana, Arial;
   font-weight: normal;
}

/* */
.HomeHead {
   color: #999966;
   font-size: 14pt;
   font-weight: bold;
   HEIGHT: 35px
}

/* */
.ContentHead {
   font-weight: bold;
   font-size: 14pt;
   color: #666666;
   height: 35px;
   background-color: #eee;
}

/* */
.SubContentHead {
   background-color: #dddca3;
   color: GrayText;
   font-family: Verdana, Arial;
   font-size: 12pt;
   font-weight: bold;
   height: 20px
}

/* */
.ErrorText {
   color: red;
}

/* text style for the links */
A.SiteLink, A.SiteLink:link, A.SiteLink:visited {
   text-decoration: none;
   color: #666666;
   font-size: 8pt;
}

   A.SiteLink:hover {
      text-decoration: underline;
      color: white;
   }

A.SiteLinkBold, A.SiteLinkBold:link, A.SiteLinkBold:visited {
   color: #666666;
   text-decoration: none;
   font-size: 8pt;
   font-weight: bold
}

   A.SiteLinkBold:hover {
      color: white;
      text-decoration: none;
   }

/* */
A.MenuUnselected, A.MenuUnselected:link, A.MenuUnselected:visited {
   color: Orange;
   text-decoration: none;
   font-size: 8pt;
   font-weight: bold;
   line-height: 16px;
   padding-left: 10px
}

   A.MenuUnselected:hover {
      color: white;
      text-decoration: underline;
      padding-left: 10px
   }

A.MenuSelected {
   color: white;
   text-decoration: none;
   font-size: 8pt;
   font-weight: bold;
   line-height: 16px;
   padding-left: 10px
}

   A.MenuSelected:hover {
      color: white;
      font-family: Verdana, Helvetica, sans-serif;
      text-decoration: none;
      padding-left: 10px
   }

/* GridView */

.GridViewStyle {
   background-color: White;
   border-width: 1px;
   border-style: Solid;
   border-color: darkgray;
   border-collapse: collapse;
   padding: 4px;
}

   .GridViewStyle a {
      /*    color: #FFFFFF;
*/
   }

.GridViewHeaderStyle th {
   /*    border-left: 1px solid #EBE9ED;
    border-right: 1px solid #EBE9ED;
*/
}

.GridViewHeaderStyle {
   /*    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
*/
}

.GridViewFooterStyle {
   /*    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
*/
}

.GridViewRowStyle {
   /*    background-color: #F7F6F3;
    color: #333333;
*/
}

.GridViewAlternatingRowStyle {
   /*
	 background-color: #FFFFFF;
    color: #284775;
    */
   background-color: #eee;
}

   .GridViewRowStyle td, .GridViewAlternatingRowStyle td {
      /*   border: 1px solid #EBE9ED;
*/
      padding: 4px;
   }

.GridViewSelectedRowStyle {
   /*    background-color: #E2DED6;
    font-weight: bold;
    color: #333333;
*/
}

.GridViewPagerStyle {
   /*
    background-color: #284775;
    color: #FFFFFF;
    */
   background-color: #eee;
   text-align: left;
}

   .GridViewPagerStyle table /* to center the paging links*/ {
      margin: 0 auto 0 auto;
   }

/* TABLE */

.DataTable {
   background-color: White;
   border-width: 0px;
   border-style: none;
   border-color: black;
   border-collapse: collapse;
}

   .DataTable th {
      border-width: 1px;
      border-style: Solid;
      border-color: lightgray;
      border-collapse: collapse;
      padding-left: 1px;
      padding-right: 1px;
      padding-top: 2px;
      padding-bottom: 2px;
   }

   .DataTable tr {
      border-width: 0px;
      border-style: none;
   }

   .DataTable td {
      border-width: 1px;
      border-style: solid;
      border-color: lightgray;
      border-collapse: collapse;
      padding-left: 3px;
      padding-right: 3px;
      padding-top: 2px;
      padding-bottom: 2px;
   }

   .DataTable td:nth-child(1) {
      padding-top: 0px;
      padding-bottom: 0px;
   }

.DataTableAlternatingRow {
   background-color: #eee;
}

.PagerRowStyle {
   border-width: 0px;
   border-style: none;
   background-color: #eee;
   text-align: left;
}

   .PagerRowStyle td {
      border-width: 0px;
      border-style: none;
      background-color: #eee;
      text-align: left;
   }

.ShipInfoTable {
   width: 100%;
   border-spacing: 2px;
   padding: 2px;
   border-width: 0px;
   border-collapse: collapse;
}

.ShipInfoLink {
   border-width: 0px !important;
   border-color: red !important;
   height: 1px !important;
   text-align: center !important;
   background-color: transparent !important;
}

.ShipInfoTable td:first-child {
   padding: 2px;
   border-width: 1px;
   border-style: solid;
   border-color: ButtonFace;
   background-color: white;
   text-align: left;
   /*font-weight: bold;*/
   font-weight: normal;
   /*white-space: nowrap;*/
   font-size: 7pt;
}

   .ShipInfoTable td:first-child + td {
      width: 65%;
      padding: 2px;
      border-width: 1px;
      border-style: solid;
      border-color: ButtonFace;
      background-color: white;
      text-align: left;
      font-weight: normal;
      /*white-space: nowrap;*/
   }

.EtaTable {
   width: 100%;
   border-spacing: 2px;
   padding: 2px;
   border-width: 0px;
   border-collapse: collapse;
}

   .EtaTable th {
      padding: 2px;
      border-width: 1px;
      border-style: solid;
      border-color: ButtonFace;
      background-color: white;
      text-align: left;
   }

   .EtaTable td {
      padding: 2px;
      border-width: 1px;
      border-style: solid;
      border-color: ButtonFace;
      background-color: white;
      text-align: left;
   }

.XCell {
   border-width: 1px;
   border-style: Solid;
   border-color: darkgray;
   text-align: center;
   width: 12px;
   max-width: 12px;
   font-weight: normal;
}

.AtonDocsLink {
}

#docsList {
   font-size: 8pt;
   font-weight: normal;
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}

   #docsList li {
      font-size: 8pt;
      font-weight: normal;
      list-style-type: none;
      padding: 1px;
      margin-left: 12px;
   }

      #docsList li a {
         color: dodgerblue;
      }

/* GENERAL */

input[type='text'] {
   border: solid;
   border-color: lightgray;
   border-width: thin;
}

input[type='checkbox'] {
   border: solid;
   border-color: lightgray;
   border-width: thin;
}

select {
   border: solid;
   border-color: lightgray;
   border-width: thin;
}

textarea {
   border: solid;
   border-color: lightgray;
   border-width: thin;
}

/* text style used for most text rendered by modules */
.Normal {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: normal;
   line-height: 12px;
   border: none;
}

.NormalDouble {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: normal;
   line-height: 20px;
}

/* text style used for textboxes in the admin pages, for Nav compatibility */
.NormalTextBox {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: normal;
}

/* text style used for selects in the admin pages, for Nav compatibility */
.NormalSelect {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: normal;
}

/* text style used for textboxes in the edit pages, for Nav compatibility */
.EditTextBox {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: normal;
   border-style: solid;
   border-width: 1px;
   border-color: #999966;
   width: 100%;
}

/* text style used for controls in the admin and edit pages, for Nav compatibility */
.NormalControl {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: normal;
   border: solid;
   border-color: lightgray;
   border-width: thin;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalCheckBox {
   margin-left: -4px;
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: normal;
}

.NormalRadio {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: normal;
   text-indent: -5px;
}

.NormalButton {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: normal;
   /*    text-indent: -5px; */
   border-style: outset;
   /*    border-width: 2px;
    border-color: #cccc99; */
   border-width: 1px;
   border-color: White;
   background-color: Transparent;
   /*    background-color:#ccccaa; */
   padding: .2em .25em .2em .25em;
   /*	width:50px;	
	height:20px;*/
   overflow: visible;
   cursor: pointer;
}

.IconButton {
   outline-style: none;
   border-style: solid;
   /*border-width: 1px;*/
   border-color: transparent;
   background: none;
   background-color: transparent;
   overflow: visible;
   cursor: pointer;
   vertical-align: middle;
}

   .IconButton:hover {
      outline-style: none;
      border-style: solid;
      background: #FFFFFF;
   }

.IconButtonPress {
   outline-style: none;
   border-style: solid;
   /*border-width: 1px;*/
   /*border-color: #007ACC;*/
   border-color: dodgerblue;
   background: none;
   background-color: transparent;
   overflow: visible;
   cursor: pointer;
   vertical-align: middle;
}

   .IconButtonPress:hover {
      outline-style: none;
      border-style: solid;
      background: dodgerblue;
   }

.IconButtonFlag {
   outline-style: none;
   border-style: solid;
   /*border-width: 1px;*/
   border-color: transparent;
   background: none;
   background-color: red;
   overflow: visible;
   cursor: pointer;
   vertical-align: middle;
}

   .IconButtonFlag:hover {
      outline-style: none;
      border-style: solid;
      background-color: red;
      fill: white;
   }

.NavButton {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: normal;
   /*    text-indent: -5px; */
   border-style: none;
   /*    border-width: 2px;
    border-color: #cccc99; */
   background-color: Transparent;
   /*    background-color:#ccccaa; */
   /*	padding:0 .25em 0 .25em; */
   width: auto;
   overflow: visible;
   cursor: pointer;
}

.AddButton {
   display: inline-block;
   min-width: 18px;
   width: 18px;
   min-height: 18px;
   height: 18px;
   padding: 0px 0px 0px 0px;
   text-align: center;
   vertical-align: middle;
   font-weight: 800;
}

.ColumnHeaderButton {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: normal;
   /*    text-indent: -5px; */
   border-style: none;
   /*    border-width: 2px;
    border-color: #cccc99; */
   background-color: Transparent;
   /*    background-color:#ccccaa; */
   /*	padding:0 .25em 0 .25em; */
   width: auto;
   overflow: visible;
   cursor: pointer;
}

.NormalRed {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: bold;
   color: red
}

.NormalBold {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: bold;
   line-height: 12px
}

.NormalItalic {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: bold;
   line-height: 16px
}

.MainTable {
   border-collapse: collapse;
   border-spacing: 0px;
   border: 0;
   padding: 0;
   text-wrap: none;
   white-space: nowrap;
   width: 100%;
}

   .MainTable td {
      padding: 0px;
      text-wrap: none;
      white-space: nowrap;
   }

.Table2 {
   border-collapse: collapse;
   border-spacing: 0;
   border: 0;
   padding: 0;
   text-wrap: none;
   white-space: nowrap;
}

.TablePadding1 {
   border-collapse: collapse;
   border-spacing: 0;
   border: 0;
   text-wrap: none;
   white-space: nowrap;
}

   .TablePadding1 td {
      padding: 1px;
      text-wrap: none;
      white-space: nowrap;
   }

.Title2 {
   color: white;
   font-weight: bold;
   font-size: 8pt;
   font-family: Verdana, Arial;
   /*text-transform: uppercase;*/
   text-wrap: none;
   white-space: nowrap;
   background-color: #007ACC;
   vertical-align: middle;
   padding: 2px;
}

.Label2 {
   text-wrap: none;
   white-space: nowrap;
   text-align: right;
   padding-left: 5px;
}

.Label3 {
   text-wrap: none;
   white-space: nowrap;
   text-align: right;
   padding-left: 5px;
   padding-right: 3px;
}

.ShipNameList {
   background-color: #FFFFFF;
   border-color: Window;
   vertical-align: top;
   font-size: 8pt;
   width: 100%;
}

   .ShipNameList li a {
      text-decoration: none;
   }

.ShipNameListSelectedItem {
   background-color: dodgerblue;
   color: white;
}

.ShipSearchNameList {
   background-color: #FFFFFF;
   border-color: Window;
   vertical-align: top;
   font-size: 8pt;
   width: 100%;
   border-collapse: collapse;
}

   .ShipSearchNameList td, .ShipSearchNameList th {
      border: 1px solid #eeeeee;
      text-align: left;
      padding: 2px;
   }

/*.ShipSearchNameList tr:nth-child(even) {
   background-color: #eeeeee;
}*/

.ShipSearchNameList a {
   text-decoration: none;
}

   .ShipSearchNameList a:hover {
      background-color: #dddddd;
   }

.errormessage {
   font-size: 8pt;
   font-weight: bold;
   color: Maroon;
}
/*
.errordisplay
{
	font-size: 8pt;
	font-weight: normal;
	color: darkred;
	border:solid 2px darkred;
	background-color:Cornsilk;
	padding-left:15pt;
	padding-right:10pt;
	line-height: 15pt;
}

.errordisplay hr
{
	color: darkred;
}
*/
A:link {
   /*text-decoration: none;*/
   color: black;
}

A, A:hover {
   /*text-decoration: underline;*/
   color: black;
}

SMALL {
   font-size: 8pt;
}

BIG {
   font-size: 10pt;
}

BLOCKQUOTE, PRE {
   font-family: Lucida Console, monospace;
}


UL LI {
   list-style-type: square;
}

   UL LI LI {
      list-style-type: disc;
   }

      UL LI LI LI {
         list-style-type: circle;
      }

OL LI {
   list-style-type: decimal;
}

OL OL LI {
   list-style-type: lower-alpha;
}

OL OL OL LI {
   list-style-type: lower-roman;
}

.AllForm {
   width: 100%;
   height: 100%;
   position: absolute;
   background-color: #eee;
}

.Content {
   position: absolute;
   width: 100%;
   top: 0px;
   bottom: 30px;
   overflow: auto;
}

.BottomBar {
   position: absolute;
   width: 100%;
   bottom: 0;
   height: 30px;
   overflow: hidden;
}

.BottomBar_Center {
   position: absolute;
   width: 100%;
   bottom: 0;
   height: 30px;
   overflow: hidden;
   display: table;
   margin: 0 auto;
}

.BarContent {
   position: relative;
   display: table-cell;
   vertical-align: middle;
   height: inherit;
   white-space: nowrap;
}

.BarContent_Center {
   display: table-cell;
   text-align: center;
   vertical-align: middle;
   white-space: nowrap;
}

.Terms {
   font-family: Verdana, Arial;
   font-size: 10pt;
   width: 100%;
   height: 100%;
   position: absolute;
   background-color: White;
   align-content: center;
}

.TermsDiv {
   margin: auto;
   padding: 15pt;
   max-width: 800px;
}

.AcceptDiv {
   margin: auto;
   padding: 15pt;
   max-width: 800px;
   text-align: center;
}

.AcceptButton {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   border-style: outset;
   border-width: 1px;
   border-color: White;
   background-color: ButtonFace;
   padding: .2em .25em .2em .25em;
   overflow: visible;
   cursor: pointer;
}

.DataGrid_AlternatingItem {
   background-color: #efefef;
}


.container {
   display: table;
   color: black;
}

.row {
   display: table-row;
}

.left, .right, .middle {
   display: table-cell;
   padding-right: 25px;
}

   .left p, .right p, .middle p {
      margin: 1px 1px;
   }


.TextDiv {
   visibility: hidden;
   border-style: none;
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   display: table;
   line-height: 1;
}

.TextDiv2_Center {
   padding: 40px;
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   font-size: 40px;
   color: white;
}

.TextDiv2_TopCenter {
   padding: 40px;
   display: table-cell;
   font-size: 40px;
   vertical-align: top;
   text-align: center;
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   color: white;
}

.TextDiv2_TopLeft {
   padding: 40px;
   display: table-cell;
   position: absolute;
   top: 0px;
   left: 0px;
   font-size: 40px;
   vertical-align: middle;
   text-align: center;
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   color: white;
}

.TextDiv2_TopRight {
   padding: 40px;
   display: table-cell;
   position: absolute;
   top: 0px;
   right: 0px;
   font-size: 40px;
   vertical-align: middle;
   text-align: center;
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   color: white;
}

.TextDiv2_Left {
   padding: 40px;
   display: table-cell;
   font-size: 40px;
   vertical-align: middle;
   text-align: left;
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   color: white;
}

.TextDiv2_Right {
   padding: 40px;
   display: table-cell;
   font-size: 40px;
   vertical-align: middle;
   text-align: right;
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   color: white;
}

.TextDiv2 table {
   margin: 0 auto 0 auto; /* or margin: 0 auto 0 auto */
   font-size: 40px;
   border: 1px solid red;
   height: 200px;
}

.CenterDiv {
   visibility: hidden;
   position: fixed;
   top: -50%;
   left: -50%;
   width: 200%;
   height: 200%;
   z-index: 100;
}

.CenterImg {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
}

.TopImg {
   display: block; /*for the img inside your div */
   margin-left: auto;
   margin-right: auto;
}

.BottomImg {
   display: block; /*for the img inside your div */
   margin-left: auto;
   margin-right: auto;
}

.LeftDiv {
   visibility: hidden;
   /*border-color:red;
    border-width:3px;
    border-style:solid;*/
   float: left;
   margin-top: 40px;
   margin-left: 40px;
}

.LeftImg {
}

.RightDiv {
   visibility: hidden;
   float: right;
   margin-top: 40px;
   margin-right: 40px;
}

.RightImg {
}

.CommMsgDiv {
   border-style: none;
   position: absolute;
   left: 50px;
   top: 5px;
   display: inline-block;
   padding: 2px;
   visibility: hidden;
   display: none;
   font-family: Verdana;
   font-size: small;
   font-weight: bold;
   color: red;
   background-color: white;
}

.ui-dialog .ui-dialog-content {
   padding: 0;
}

.popup {
   position: fixed;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   border: 1px solid black;
}

.ShipNames {
   overflow:hidden;
}

.FilterLegendTable {
   border-style: dotted;
}

.FilterLegendRowHeader {
   padding: 4px;
   text-align: left;
   vertical-align: middle;
}

.FilterLegendCellHeader {
   font-weight: bold;
   padding-right: 5px;
   text-align: left;
   vertical-align: middle;
}

.FilterLegendRow {
   text-align: left;
   vertical-align: middle;
}

.FilterLegendCell {
   text-align: left;
   vertical-align: middle;
   padding-right: 20px;
}

#lblZone {
   vertical-align: -1px;
}

#drpZone {
   max-width: 200px;
   vertical-align: -1px;
}

#lblFilter {
   vertical-align: -1px;
}

#drpFilter {
   max-width: 160px;
   vertical-align: -1px;
}

#drpLocation {
   max-width: 200px;
   vertical-align: -1px;
}

#drpWeather {
   max-width: 120px;
   vertical-align: -1px;
}

#drpOpacity {
   max-width: 120px;
   vertical-align: -1px;
}

#drpBackground {
   max-width: 100px;
}

#drpUnits {
   max-width: 120px;
   vertical-align: -1px;
}

#lblFeed {
   vertical-align: -1px;
}

#drpFeed {
   max-width: 180px;
   vertical-align: -1px;
}

#lblSearch {
   vertical-align: -1px;
}

#txtSearch {
   vertical-align: -1px;
}

#btnPageLink {
   vertical-align: -1px;
}

/* DivTable.com */
.divTable {
   display: table;
   width: 100%;
}

.divTableRow {
   display: table-row;
}

.divTableHeading {
   display: table-header-group;
}

.divTableCell, .divTableHead {
   /*border: 1px solid #999999; */
   display: table-cell;
   /*padding: 3px 3px;*/
}

.divTableHeading {
   display: table-header-group;
}

.divTableFoot {
   display: table-footer-group;
   font-weight: bold;
}

.divTableBody {
   display: table-row-group;
}

/* DivTable2.com */
.divTable2 {
   display: table;
   width: 100%;
   background-color: #EEE;
}

.divTable2Row {
   display: table-row;
}

.divTable2Heading {
   display: table-header-group;
}

.divTable2Cell, .divTable2Head {
   display: table-cell;
   padding: 0px 0px 0px 0px;
}

.divTable2Heading {
   display: table-header-group;
}

.divTable2Foot {
   display: table-footer-group;
}

.divTable2Body {
   display: table-row-group;
}