a {
  color: #0134cd;
  text-decoration: none;
}
a:hover { text-decoration: none; }

#AcctDescMoreLink {
  font-size: 8pt;
  margin-left: 3px;
}

#AcctDescription
{
    font-size: 9pt;
    padding: 10px 10px 10px 0px;
    margin-left: 0px;
    top: 0px;
}

#AcctDescription p {
    margin: 0;
}
.CompactHeader #AcctDescription { display: none; }

#AcctInfoArea {
  height: 101px;
  overflow: hidden;
}
.CompactHeader #AcctInfoArea { height: 59px; }

#AcctInfoAreaPad { padding: 12px; }

#AcctLogo {
  overflow: hidden;
  text-align: center;
}

#AcctLogoArea {
  background: #d6d6d6;
}
.CompactHeader #AcctLogoArea { padding-top: 1px; }

.CompactHeader #AcctLogoImage { height: 38px; }

.CompactHeader #AcctTitle {top: 32px ;}

.CompactHeader #AcctLogoTagline {
  font-size: 6px;
  margin-top: 4px;
}

#AcctLogoImage { vertical-align: middle; }

#AcctLogoTagline {
  color: #999999;
  font-size: 9px;
  font-weight: bold;
  margin-top: 8px;
  text-align: center;
}
#AcctLogoTagline a { color: #999999; }

#AcctTitle {
    font-family: 'open_sansregular', Arial, sans-serif;
    font-size: 14pt;
    font-weight: bold;
    height: 29px;
    position: absolute;
    padding-left: 22px;
    top: 75px;
    width: 100%;
    margin-left: -12px;
    background: #eee;
}
#AcctTitle > div { position: absolute; }

.AddLineOptionsTitle,
.AddZoneOptionsTitle {
  font-weight: bold;
  text-align: left;
}

#AddPointForm { padding: 34px 10px 12px 14px; }
#AddPointForm > input {
  font-weight: bold;
}

#AddPointGeocodeResults {
  clear: both;
}

.AddPointInputContainer {
  font-size: 11pt;
  font-weight: bold;
  float: right;
}

.AddPointInstructions { font-size: 10pt; }
.AddPointInstructions > ul {
  margin-top: 0.5em;
  padding-left: 1em;
}

#AddPointSubmitButton {
  font-weight: bold;
  margin: 1em auto;
}

#AddPointView {
  padding-left: 4px;
  padding-right: 8px;
}

.AlignCenter { text-align: center; }

.AlignLeft { text-align: left; }

.AlignRight { text-align: right; }

.BelowFloats {
  clear: both;
  line-height: 0;
  height: 0;
}

body {
  background-color: #d6d6d6;
  color: #333333;
  font-family: 'open_sansregular', Arial, sans-serif;
  height: 100%;
  margin: 0px;
  overflow: hidden;
}

.ColorPicker {
  border: 2px outset #999;
  display: inline-block;
  height: 16px;
  vertical-align: middle;
  width: 16px;
}

#ContentTable {
  height: 100%;
  width: 100%;
}

#ContentTableCenter {
  background-color: #FFF;
  height: 100%;
  width: 1px;
}
.HiddenSidePanel #ContentTableCenter {
  width: 8px;
}

#ContentTableLeft {
  background-color: #E3F0F9;
  background-image: url(../images/desktop/toc-bg.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  height: 100%;
  width: 296px;
  -moz-transition: width 500ms;
  -webkit-transition: width 500ms;
  -o-transition: width 500ms;
  transition: width 500ms;
}
.HiddenSidePanel #ContentTableLeft {
  width: 24px; /* Make sure this width matches '.HiddenSidePanel #SidePanelArea' */
}

#ContentTableRight {
  background-color: #FFFFFF;
  height: 100%;
}

.CustomMap { position: relative; }

.CustomMapImage {
  cursor: -moz-grab;
  height: auto;
  visibility: hidden;
  z-index: 1;
}

.CustomMapMarker {
  cursor: pointer;
  position: absolute;
  z-index: 5;
}

.CustomMapsArea {
  position: relative;
  overflow: hidden;
}

.CustomMapsInterface {
  height: 100%;
  position: relative;
  -webkit-user-select: none;
}

.CustomMapsTogglers {
  margin-left: 60px;
}
.CustomMapsTogglers > a {
  background-color: #F8FBFE;
  border: 1px solid #D9D9D9;
  border-radius: 0 0 8px 8px;
  border-top: none;
  color: #333333;
  display: inline-block;
  font-size: 9pt;
  margin: 0 4px;
  padding: 5px 20px 6px;
  position: relative;
  text-decoration: none;
  top: -2px;
}
.CustomMapsTogglers > a.Selected {
  cursor: default;
  font-weight: bold;
}
.CustomMapsTogglers > a.Selected:focus { outline: none; }

.CustomMapVectors {
  cursor: -moz-grab;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

#DistanceOptionOriginInput { width: 240px; }

.DistanceOptionOriginResult {
  font-weight: bold;
  text-align: center;
}

.DistanceOptionOriginInstr {
  color: #666666;
  font-size: 10px;
  font-style: italic;
}

.Dragging { cursor: -moz-grabbing; }

#FolderOptionID { width: 244px; }

#Footer {
  background-color: #FFFFFF;
  height: 20px;
  width: 100%;
}
#FooterTable { width: 100%; }

.FooterText {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #999999;
}
.FooterText a { color: #999999; }

.GeocodeResultDetails {
  border: 1px solid #CCCCCC;
  margin: 0.25em 0 0.5em;
  padding: 0.25em;
}

.goog-popupcolorpicker {
  position: absolute;
  z-index: 40;
}

.goog-slider-horizontal {
  background: url("/images/desktop/slider-bg.png") 0 50% repeat-x;
  height: 10px;
}

.goog-slider-vertical { width: 10px; }

.goog-slider-horizontal,
.goog-slider-vertical {
  outline: 0 none;
  overflow: hidden;
  position: relative;
}

.goog-slider-thumb {
  background-color: #999999;
  overflow: hidden;
  position: absolute;
}
.goog-slider-thumb {
  background-color: #FFF;
  border: 1px outset #E4EFFF;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  position: absolute;
}
.goog-slider-horizontal .goog-slider-thumb {
  top: 0;
  height: 8px;
  width: 12px;
}
.goog-slider-vertical .goog-slider-thumb {
  left: 0;
  height: 12px;
  width: 8px;
}

#Header {
  background: #d6d6d6;
  height: 101px;
  position: relative;
}
#Header.CompactHeader {
  height: 59px;
}

#HeaderFarRight {
  float: right;
  height: 101px;
}
.CompactHeader #HeaderFarRight {
  height: 59px;
}

#HeaderLeft {
  height: 100%;
  overflow: hidden;
  width: 296px;
}

#HeaderMenu {
  float: left;
  font-size: 12px;
  font-weight: bold;
  height: 27px;
  line-height: 18px;
  list-style: none;
  margin: 0;
  position: relative;
  width: 100%;
  z-index: 30;
}
#HeaderMenu li {
  float: left;
  /* margin-right: 9px; */
  position: relative;
}
#HeaderMenu a {
  display: block;
  padding: 3px 6px;
  color: #0134cd;
  /* background: #333; */
  text-decoration: none;
}
#HeaderMenu a:hover {
  background: #dde9f3;
  text-decoration: underline;
}
#HeaderMenu li.AltColor > a { color: #57b947; }

#HeaderMenu ul {
  background: #dde9f3;
  border: 1px solid #929aa0;
  border-top-width: 0;
  border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  left: -9999px; /* Hide off-screen when not needed (this is more accessible than display: none;) */
  list-style: none;
  position: absolute;
}
#HeaderMenu ul li {
  float: none;
}
#HeaderMenu ul a {
  white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
  width: 91%;
}
#HeaderMenu > li:hover { z-index: 5; }
#HeaderMenu > li.HasDropdown:hover > a {
  border: 1px solid #929aa0;
  border-bottom-width: 0;
  padding: 2px 5px;
}
#HeaderMenu li:hover ul {
  left: 0; /* Bring back on-screen when needed */
}
#HeaderMenu li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
  background: #dde9f3;
  text-decoration: underline;
}
#HeaderMenu li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
  text-decoration: none;
}
#HeaderMenu li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
  text-decoration: underline;
}

#HeaderMenuArea { margin-top: 45px; }

#HeaderRightLogo {
  text-align: right;
}
#HeaderRightLogo > img { vertical-align: middle; }

#HeaderTable {
  height: 100%;
  width: 100%;
}
.CompactHeader #HeaderTable {

}

#HeaderToggle {
  background-color: #CCC;
  background-image: url(../images/desktop/toggle-arrows-vert_v2.png);
  background-position: top center;
  background-repeat: no-repeat;
  border: 1px solid #999;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #999;
  cursor: pointer;
  font-size: x-small;
  height: 6px;
  left: 148px;
  line-height: 4px;
  position: relative;
  text-align: center;
  top: -4px;
  width: 40px;
}
.CompactHeader #HeaderToggle {
  background-position: bottom center;
}

#HeaderToggleContainer {
  left: 45%;
  position: absolute;
  z-index: 20;
}

html {
  height: 100%;
  overflow: hidden;
}

#InfoView {
  padding-left: 4px;
  padding-right: 8px;
  /* NOTE: Don't apply top or bottom padding (or margin) to this, because *
   *       that could break the height calculations for the info view's   *
   *       details scroller.                                              */
}

#InfoViewDetails {
  font-size: 8pt;
}

#InfoViewFolders {
  font-style: italic;
  padding-top: 25px;
}

.InfoViewMenuButton {
  font-family: 'open_sansregular', Arial, sans-serif;
  cursor: pointer;
  font-size: 10pt;
  font-weight: bold;
  height: 22px;
  line-height: 22px;
  overflow-x: hidden;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#InfoViewMenuButtons {
  border-color: #D2E2E8;
  border-style: solid;
  border-width: 0 1px;
  margin: 4px 0px 0 0px ;
}
.HasScrollBar > #InfoViewMenuButtons { margin-right: 0; }
#InfoViewMenuButtons > .GoInsideButton { color: #000000; }
#InfoViewMenuButtons > .GoInsideButton > img {
  border: none;
  vertical-align: text-top;
}

#InfoViewPhotos {
  cursor: pointer;
  height: 120px;
  left: 0px;
  position: absolute;
  text-align: center;
  -moz-transition: height 500ms, left 500ms, top 500ms, width 500ms;
  -webkit-transition: height 500ms, left 500ms, top 500ms, width 500ms;
  -o-transition: height 500ms, left 500ms, top 500ms, width 500ms;
  transition: height 500ms, left 500ms, top 500ms, width 500ms;
  top: 0px;
  width: 240px;
  z-index: 50;
  overflow: hidden;  /*Temporary fix for image bloating.*/
}
#InfoViewPhotos > img {
  border: 0px solid #000000;
  display: none;
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
}
#InfoViewPhotos > img.TallPhoto {
  height: 100%;
  width: auto;
}
#InfoViewPhotos > img.WidePhoto {
  height: auto;
  width: 100%;
}
.ZoomedPhotos > #InfoViewPhotos {
  height: 320px;
  left: 202px;
  top: 7px;
  width: 640px;
}
.ZoomedPhotos > #InfoViewPhotos > img {
  border-width: 1px;
  -moz-box-shadow: 4px 4px 8px #000000;
  -webkit-box-shadow: 4px 4px 8px #000000;
  box-shadow: 4px 4px 8px #000000;
  -moz-transition-delay: 500ms;
  -moz-transition-property: box-shadow;
  -webkit-transition-delay: 500ms;
  -webkit-transition-property: box-shadow;
  -o-transition-delay: 500ms;
  -o-transition-property: box-shadow;
  transition-delay: 500ms;
  transition-property: box-shadow;
}

#InfoViewPhotosContainer {
  margin: 2px 19px;
  height: 120px;
  position: relative;
  width: 240px;
}

.InfoViewPhotosNext,
.InfoViewPhotosPrev {
  background-image: url(/images/desktop/prev-next_photo.png);
  background-repeat: no-repeat;
  bottom: 3px;
  display: inline-block;
  height: 17px;
  filter:Alpha(opacity=75);
  opacity: 0.75;
  position: absolute;
  text-decoration: none;
  width: 33px;
}

.InfoViewPhotosNext {
  background-position: bottom center;
  -moz-transition: right 500ms;
  -webkit-transition: right 500ms;
  -o-transition: right 500ms;
  transition: right 500ms;
  right: 86px;
}
.ZoomedPhotos .InfoViewPhotosNext { right: 286px; }

.InfoViewPhotosPrev {
  background-position: top center;
  -moz-transition: left 500ms;
  -webkit-transition: left 500ms;
  -o-transition: left 500ms;
  transition: left 500ms;
  left: 86px;
}
.ZoomedPhotos .InfoViewPhotosPrev { left: 286px; }

#InfoViewScroller { overflow-y: auto; }

#InfoViewSubtitleBottom,
#InfoViewSubtitleTop {
  font-size: 8pt;
  text-align: center;
}

#InfoViewTitle {
  font-family: Arial, sans-serif;
  font-size: 10.5pt;
  font-weight: bold;
  text-align: center;
}

.InfoViewUpperSectionPadding {
  padding: 26px 6px 0 0;
}

input[type="radio"], input[type="checkbox"] { height: 10pt; }

.Italic { font-style: italic; }

.Itinerary {
  max-width: 350px;
  width: 350px;
}
.Itinerary .EntryTitle { font-weight: bold; }
.Itinerary .RemoveLink {
  float: right;
  font-style: italic;
  margin-left: 1em;
}

.LoginError {
  border: 1px solid #EE0000;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #EE0000;
  margin: 0 0 6px 0;
  padding: 4px 6px;
}

.LoginForm { width: 225px; }

.LoginSubmitContainer { margin: 1em; }
.LoginSubmitContainer > input { float: right; }

#LogoutLink { font-style: italic; }

#MainMap { height: 100%; }

#MainApiMap { height: 100%; }

#MapsArea {
  background-color: #FFFFFF;
  padding: 2px 2px 0 1px;
}

#MapsContainer {
  height: 100%;
  width: 100%;
}

.MapFeatureButtonSet {
  margin: 34px 6px 6px;
  position: absolute;
  right: 2px;
  z-index: 11;
}
.MapFeatureButtonSetEdge {
  background-color: #000000;
  display: inline-block;
  line-height: 15px;
  padding-right: 1px;
}
.MapFeatureButtonSetEdge > a {
  background-color: #FFFFFF;
  border-color: #D0D0D0 #707070 #707070 #D0D0D0;
  border-style: solid;
  border-width: 1px;
  color: #000000;
  display: inline-block;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 17px;
  margin: 1px 0 1px 1px;
  padding: 0 6px;
  text-align: center;
  white-space: nowrap;
}
.MapFeatureButtonSetEdge > a:hover { text-decoration: none; }

.MapTypeButtonSet {
  font-size: 12px;
  margin: 6px;
  position: absolute;
  right: 2px;
  z-index: 11;
}
.MapTypeButtonSetEdge {
  background-color: #000000;
  display: inline-block;
  float: left;
  padding-right: 1px;
}
.MapTypeButtonSetEdge > a {
  background-color: #FFFFFF;
  border-color: #D0D0D0 #707070 #707070 #D0D0D0;
  border-style: solid;
  border-width: 1px;
  color: #000000;
  display: inline-block;
  font-family: Arial, sans-serif;
  line-height: 17px;
  margin: 1px 0 1px 1px;
  text-align: center;
  white-space: nowrap;
  width: 66px;
}
.MapTypeButtonSetEdge > a:hover { text-decoration: none; }
.MapTypeButtonSetEdge.CustomMapTypeButton { margin-right: 6px; }
.MapTypeButtonSetEdge.CustomMapTypeButton > a { width: 84px; }
.MapTypeButtonSetEdge > a.Selected {
  background-color: #F1F1F1;
  border-color: #707070 #D0D0D0 #D0D0D0 #707070; /* INVERTED BORDER COLORS */
  font-weight: bold;
}

.modal-dialog {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  font-size: 10pt;
  z-index: 100;
}

.modal-dialog-bg {
  background-color: #000;
  z-index: 99;
}

.modal-dialog-buttons {
  background: none;
  text-align: center;
}
.modal-dialog-buttons button {
  font-weight: bold;
  margin: 0 10px;
}

.modal-dialog-content {
  background: none;
  max-height: 200px;
  max-width: 330px;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 20px;
}

/*.modal-dialog-content br {
  display: none;
}*/

.modal-dialog-title {
  background-color: #E3F0F9;
  border: 1px solid #BECBD4;
  border-radius: 4px 4px 0px 0px;
  -moz-border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
  font-size: 11pt;
  padding: 4px 31px 4px 8px;
}

.modal-dialog-title-close {
    background: #333;
    border-radius: 10px;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 4px;
    width: 20px;
    vertical-align: middle;
    margin: 0 auto;
}
.modal-dialog-title-close:before {
    content: 'X';
    color: #fff;
    font-weight: bold;
    font-family: 'open_sansregular', Arial, sans-serif;
    margin-left: 5px;
}
.modal-dialog-title-close:hover {
    background: #444;
}

p{font-family: 'open_sansregular', Arial, sans-serif;}

#Page {
  height: 100%;
  width: 100%;
  z-index: 2;
}

#ResetViewLink { display: inline-block; }

#SearchField { width: 180px; }

#SearchForm { padding: 34px 6px 2px 14px; }

.SearchOptionContainer {
  float: right;
  margin-top: 0.75ex;
  width: 248px;
}

.SearchOptions {
  font-size: 10pt;
  margin: 0 4px 0 12px;
  padding-bottom: 2px;
}

.SearchOptionsLabel {
  font-weight: bold;
  margin: 5px 0;
}

.SearchOptionsLinkContainer {
  font-size: 9pt;
  text-align: right;
  width: 183px;
}

.SearchOptionToggler {
  float: left;
  margin-top: 1.5ex;
}

.SearchResult {
  background-image: url(/images/desktop/bullet-point.png);
  background-repeat: no-repeat;
  background-position: 24px 7px;
  color: #333333;
  display: block;
  font-size: 10pt;
  padding: 1px 0 1px 33px;
}
.SearchResult:hover {
  color: #0000FF;
  text-decoration: none;
}

#SearchResults {
  padding-bottom: 5px;
}

#SearchResultsScroller {
  margin-right: 8px;
  overflow-y: auto;
}
#SearchResultsScroller.HasScrollBar { margin-right: 0; }

.SearchResultsTitle { color: #0000FF; }
.SearchResultsTitle,
.SearchResultsTitleNone {
  font-size: 10pt;
  font-weight: bold;
  padding: 7px 0 0 12px;
}
.SearchResultsTitleNone { color: #FF6600; }

#SearchView {
  padding-left: 4px;
  padding-right: 8px;
  /* NOTE: Don't apply top or bottom padding (or margin) to this, because *
   *       that could break the height calculations for the scroller.     */
}

#SearchViewNewSearchLink {
  display: block;
  font-size: 9pt;
  margin: 40px 0 0 134px;
  position: absolute;
}

#SearchViewSearchButton {
  bottom: 3px;
  font-size: 10pt;
  font-weight: bold;
  left: 4px;
  position: relative;
}

#SidePanel { width: 296px; }

#SidePanelArea {
  height: 100%;
  -moz-transition: width 500ms;
  -webkit-transition: width 500ms;
  -o-transition: width 500ms;
  transition: width 500ms;
  width: 296px;
}
.HiddenSidePanel #SidePanelArea {
  -moz-box-shadow: -12px 0 12px -12px #666666 inset;
  -webkit-box-shadow: -12px 0 12px -12px #666666 inset;
  box-shadow: -12px 0 12px -12px #666666 inset;
  overflow: hidden;
  width: 24px; /* Make sure this width matches '.HiddenSidePanel #ContentTableLeft' */
}

.SidePanelBackButton {
  font-size: 12px;
  font-weight: bold;
  position: absolute;
}

.SidePanelHomeButton, .SidePanelHomeButton:hover {
font-size: 12px;
font-weight: bold;
left: 234px;
position: absolute;
text-decoration: none;
display: none;
}

.HiddenSidePanel .SidePanelBackButton { display: none; }
#SidePanel .SidePanelBackButton { text-decoration: none; }

.SidePanelTitle {
  color: #57B947;
  font-size: 14pt;
  font-weight: bold;
}

#SidePanelToggle {
  background-color: #CCC;
  background-image: url(../images/desktop/toggle-arrows-horiz_v2.png);
  background-position: left center;
  background-repeat: no-repeat;
  border: 1px solid #999;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  cursor: pointer;
  font-size: x-small;
  height: 40px;
  left: -4px;
  line-height: 5px;
  position: relative;
  top: 20px;
  -moz-transition: left 500ms;
  -webkit-transition: left 500ms;
  -o-transition: left 500ms;
  transition: left 500ms;
  width: 6px;
  white-space-collapse: preserve;
}
.HiddenSidePanel #SidePanelToggle {
  background-position: right center;
  border-radius: 0;
  height: 100%;
  left: 0;
  top: 0;
  width: 5px;
}

#SidePanelToggleContainer {
  position: absolute;
  top: 50%;
  z-index: 20;
}
.HiddenSidePanel #SidePanelToggleContainer {
  height: 100%;
  position: relative;
  top: 0;
}

.ShadowLowerInner {
  -moz-box-shadow: 0 -12px 12px -12px #666666 inset;
  -webkit-box-shadow: 0 -12px 12px -12px #666666 inset;
  box-shadow: 0 -12px 12px -12px #666666 inset;
}

.SidePanelStandardStyling {
  font-size: 10pt;
  padding: 34px 18px 12px 18px;
}

.smsNote {
  color: #999;
  font-size: 75%;
}

#TOCCustomTitle {
  color: #0000FF;
  font-size: 10pt;
  font-weight: bold;
  margin: 38px 0 0 20px;
  overflow-x: hidden;
  position: absolute;
  width: 222px;
}
.HiddenSidePanel #TOCCustomTitle { display: none; }

#TOCGeneralLinks {
  float: left;
  margin: 25px 0 0 164px;
  text-align: right;
}

#TOCHeader {
  background-image: url(/images/desktop/toc-title.png);
  background-position: 25px 34px;
  background-repeat: no-repeat;
  font-size: 10pt;
  height: 70px;
  /* position: relative; */
}
#TOCHeader.CustomTitle {
  background-image: none;
}

#TOCList {
  font-size: 10pt;
  height: 100%;
}
#TOCList a {
  text-decoration: none;
}
#TOCList a:hover { /* color: #00f; */ /* #0134cd; */ }

#TOCListScroller {
  height: 100%;
  overflow-y: auto;
  margin-right: 24px;
  padding-left: 4px;
}
#TOCListScroller.HasScrollBar { margin-right: 8px; }

#TOCShowLinks {
  border-left: 1px solid #C6C6C6;
  float: right;
  line-height: 13px;
  margin: 23px 17px 0 0;
  padding-left: 4px;
  text-align: center;
}

.Tooltip {
  padding: 20px 20px 0 20px;
  position: absolute;
  z-index: 35;
  background: #c0c0c0;
  text-align: center;
  -moz-box-shadow: 3px 3px 4px #000000;
  -webkit-box-shadow: 3px 3px 4px #000000;
  box-shadow: 3px 3px 4px #000000;
  z-index: 35;
  /*margin-left: -8.5%;*/
  border-radius: 10px;
}

.TooltipImageContainer {
  position: relative;
  display: block;
  /*background: #d6d6d6;*/
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
}
.TooltipImageContainer > img {
  border: 1px solid #333333;
  position: relative;
  margin: 0 auto;
  vertical-align: middle;
  max-width: 500px;
  max-height: 200px;
  /*min-width: 300px;*/
  min-height: 200px;
  width: auto;
  height: auto;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  visibility: hidden;
  left: 0px;
}

.TooltipText img {
  display: none;
}

.TooltipText {
  display: block;
  position: relative;
  text-align: left;
  margin: 0 auto;
  max-width: 300px;
	max-height: 145px;
  padding: 0px;
  background: none;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #333;
  overflow: hidden;
	left: 0px;
}
.TooltipText h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 12px;
}

.TooltipText p {
  margin: 0;
  padding: 5px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  font-size: 12px;
}

.TooltipTitle {
  font-weight: bold;
  margin: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 500px;
  padding: 0px;
  margin: 0px;
  text-align: center;
}

.TooltipSubtext {
  margin: 3px;
  overflow: hidden;
}

.TreeChildrenContainer {
  display: none;
  padding-left: 13px;
}
.TreeChildrenContainer a{
  padding: 5px;
}

.TreeFolder table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.TreeFolder td { padding: 0; }
.TreeFolder tr { vertical-align: top; }

.TreeFolder.Open > .TreeChildrenContainer { display: block; }

.TreeFolderLabel {
  font-family: 'open_sansregular', Arial, sans-serif;
  background-position: 3px 5px;
  background-repeat: no-repeat;
  display: block;
  padding-left: 17px;
}

.TreeFolderVisCheckboxContainer {
  float: right;
  padding: 2px 2px 0 8px;
}

.TreePoint {
  background-image: url(/images/desktop/bullet-point.png);
  background-repeat: no-repeat;
  background-position: 24px 7px;
  padding: 1px 0 1px 37px;
}

ul.compact {
  margin-top: 0px;
  padding-left: 12pt;
}

.VideoPlayer {
  overflow-x: visible;
  overflow-y: visible;
  overflow: visible;
  max-height: none;
  max-width: none;
}

#ViewItineraryLink {
font-size: 14px;
color: #e9e9e9;
font-weight: bold;
border: 1px solid #666;
position: absolute;
background: #666;
margin: 1px 0 0 97px;
padding: 2px 5px 2px 5px;
}
#ViewItineraryLink:hover {

background: #999;

}

.ZoomControls {
  background-color: #F8FBFE;
  border: 1px solid #D9D9D9;
  border-radius: 0 0 8px 8px;
  border-top: none;
  left: 1px;
  padding: 0 1px;
  position: absolute;
  top: -2px;
  z-index: 10;
}
.ZoomControls > a {
  background-image: url(/images/desktop/zoom_in-out.png);
  background-repeat: no-repeat;
  color: #333333;
  display: inline-block;
  font-size: 9pt;
  height: 16px;
  margin: 5px 4px 1px;
  text-decoration: none;
  width: 16px;
}

.ZoomIn { background-position: top center; }

.ZoomOut { background-position: bottom center; }

@media only screen and (max-width: 768px) {
  /* iPad specific code */
  .ZoomControls {
    background-color: transparent !important;
    padding: 0px !important;
    height: 81px;
    top: auto !important;
    bottom: 35px !important;
    border: none !important;
    left: 7px !important;
  }
  .ZoomControls > a {
    background-image: url('/images/desktop/ipad-zoom.png') !important;
    height: 40px !important;
    width: 40px !important;
    color: rgba(0,0,0,0) !important;
    display: block !important;
    margin: 0px !important;
    position: absolute;
  }
  .ZoomIn {
    border: 1px solid #333 !important;
    border-radius: 5px 5px 0px 0px !important;
    top: 0px;
    left: 0px;
  }
  .ZoomOut {
    border: 1px solid #333 !important;
    border-top: none !important;
    border-radius: 0px 0px 5px 5px !important;
    margin-top: -80px !important;
    bottom: 0px;
    left: 0px;
  }
  #SidePanelToggle span {
    display: block !important;
  }
}

/* New Points Navigation Menu - 3/24/2014 */
#TOCList .TreeFolder .TreeFolder .TreeFolder {
    background: #5e6a6b;
}

#TOCList > .TreeFolder:hover {
    background: #CFD6DA;
}

#TOCListScroller.HasScrollBar {
    margin-right: 14px;
}

.Open {
    padding: 0 0 15px;
}

.TreeChildrenContainer {
    margin-top: 0;
    padding: 0;
}

.TreeChildrenContainer .TreeFolder {
    background: #7f8c8d;
    margin-left: 3px;
    width: 96%;
}

.TreeChildrenContainer .TreeFolder .TreePoint {
    color: #FFF;
    display: block;
    font-family: helvetica, arial;
    font-weight: 700;
    position: relative;
    text-align: left;
    text-decoration: none;
}

.TreeChildrenContainer .TreeFolder .TreePoint:active {
    -moz-box-shadow: 0 2px 6px #000;
    -webkit-box-shadow: 0 2px 6px #000;
}

/* .TreeChildrenContainer .TreeFolder .TreePoint:hover {
    background: #0c5f85;
} */

.TreeChildrenContainer .TreeFolder a {
    color: #FFF;
}

.TreeChildrenContainer .TreeFolder table tbody tr {
    padding-left: 15px;
}

.TreeChildrenContainer .TreePoint:hover {
    background: silver;
}

.TreeFolder {
    -moz-transition: background .30s ease-in-out;
    -webkit-transition: background .50s ease-in-out;
    background: #bdc3c7;
    border: 1px solid #ced4d8;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin: 0 auto;
    padding: 0;
    transition: background .50s ease-in-out;
}

.TreeFolder .TreeFolder .TreePoint a {
    color: #FEFEFE;
}

.TreeFolder .TreePoint a {
    color: #333;
    display: inline-block;
    padding: 5px;
    width: 95%;
}

.TreeFolder .TreePoint a:before {
    background-image: url(../images/point.png);
    background-size: 14px;
    content: " ";
    display: inline-block;
    height: 14px;
    margin-right: 5px;
    margin-top: -2px;
    vertical-align: middle;
    width: 14px;
}

.TreeFolder img {
    border: 0;
    height: 25px;
    width: 28px;
}

.TreeFolder table {
    min-height: 30px;
    width: 100%;
}

.TreeFolder table tbody tr td a {
    color: #555;
    font-weight: 700;
    padding: 8px 0;
}

.TreeFolder table tbody tr td:nth-child(1) {
    padding: 0 3px;
}

.TreeFolder tr {
    vertical-align: middle;
}

.TreeFolderLabel {
    background: none;
    margin-left: 5px;
}

.TreePoint {
    background-image: none;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-align: left;
}

.TreePoint a {
    color: #333;
    display: inline-block;
    width: 95%;
}

.TreePointLabel {
	font-family: 'open_sansregular', Arial, sans-serif;
    font-weight: 400;
}

.input[type=radio],input[type=checkbox] {
    height: 15px;
    width: 15px;
}


.TreeChildrenContainer .TreeFolder .TreePoint:before {
}

.input[type="radio"], input[type="checkbox"] {
    height: 15px;
    width: 15px;
}

/* New Style */
#HeaderFarRight,#AcctInfoAreaPad,#AcctInfoArea {
    background: #d6d6d6;
}

#TableOfContents {
    background: #d6d6d6;
}

#FooterTable {
    background: #999;
}

.FooterText, .FooterText a {
    color: #fff;
}

#HeaderMenuArea {
    margin: 38px 5px 0 0;
}

.CompactHeader #HeaderMenuArea {
    margin: -4px 2px 0 0;
}

#HeaderMenuArea ul {
	padding: 0;
	font-family: 'open_sansregular', Arial, sans-serif;
    background: #999;
}

#HeaderMenu li {
    border: 1px solid #666;
}

#HeaderMenu a {
    display: inline-block;
    padding: 4px 6px;
    color: #eee;
    text-decoration: none;
}

#HeaderMenu li:hover a {
    background: #c6c6c6 ;
    color: #555 ;
}

#HeaderMenu li.AltColor > a {
    color: #eee ;
}

#SidePanelArea {
    background: #d6d6d6;
}

.InfoViewMenuButton {
    background: #b5b5b5;
    border: 1px solid #c0c0c0;
	color: #333;
}

.InfoViewMenuButton:hover {

	background: #c6c6c6;
    color: #eee;
}
.SidePanelHomeButton, .SidePanelBackButton {
    border: 1px solid #999;
    background: #666;
    color: #e9e9e9;
	padding: 4px 10px;
}
.SidePanelHomeButton:hover, .SidePanelBackButton:hover {
    background: #999;
}

#InfoViewDetails, #InfoViewFolders{
	padding: 10px;
	background: #eee ;
    width: 91%;
    margin: 0 auto;
}
.ZoomedPhotos > #InfoViewPhotos, #InfoViewPhotos{
	overflow: visible;

}
#InfoViewPhotos > img.TallPhoto {
	box-shadow: 2px 2px 1px;
}
a.TreePointLabel {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
a.TreePointLabel:hover {

}
.HiddenSidePanel #SidePanelArea {
    width: 6px;
}

.HiddenSidePanel #ContentTableLeft {
    width: 6px;
}

/*4/1/2014*/
.modal-dialog {
  font-family: 'open_sansregular', Arial, sans-serif;
  background-color: #d6d6d6;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  font-size: 10pt;
  z-index: 100;
}

.modal-dialog-title {
    color: #fff;
    background-color: #5e6a6b;
    border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    font-size: 11pt;
    padding: 4px 31px 4px 8px;
}

.modal-dialog-buttons button {
    display: inline-block;
    position: relative;
    min-width: 90px;
    height: 30px;
    padding: 8px 20px;
    font-size: 16px;
    line-height: 16px;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #5e6a6b;
    border: 0;
    cursor: pointer;
    font-style: normal;
    border-radius: 6px;
}

.modal-dialog-buttons button:active {
    top: 1px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.LoginSubmitContainer {
    width: 100%;
}

.LoginSubmitContainer > input[type="button"] {
  font-family: 'open_sansregular', Arial, sans-serif;
  display: inline-block;
  margin-right: 18px;
  position: relative;
  width: 90px;
  height: 30px;
  padding: 8px 20px;
  font-size: 16px;
  line-height: 16px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #5e6a6b;
  border: 0;
  cursor: pointer;
  font-style: normal;
  border-radius: 6px;
}

.LoginSubmitContainer > input[type="button"]:active {
    top: 1px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.LoginForm input[type="text"],input[type="password"] {
  font-family: 'open_sansregular', Arial, sans-serif;
  border-radius: 6px;
}

.modal-dialog-content {
    padding: 15px 10px;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot');
    src: url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}